You've already forked play-midnight
mirror of
https://github.com/encounter/play-midnight.git
synced 2026-03-30 11:35:21 -07:00
Chris Tieman
7911 lines
227 KiB
CSS
7911 lines
227 KiB
CSS
/* Copyright 2014 Google Inc. All Rights Reserved. */
|
|
::-webkit-scrollbar {
|
|
height: 16px;
|
|
overflow: visible;
|
|
width: 16px;
|
|
}
|
|
::-webkit-scrollbar-button {
|
|
height: 0;
|
|
width: 0;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background-clip: padding-box;
|
|
border: solid transparent;
|
|
border-width: 0 0 0 4px;
|
|
}
|
|
::-webkit-scrollbar-track:horizontal {
|
|
border-width: 4px 0 0;
|
|
}
|
|
::-webkit-scrollbar-track:hover {
|
|
background-color: rgba(0, 0, 0, .05);
|
|
box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1);
|
|
}
|
|
::-webkit-scrollbar-track:horizontal:hover {
|
|
box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1);
|
|
}
|
|
::-webkit-scrollbar-track:active {
|
|
background-color: rgba(0, 0, 0, .05);
|
|
box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07);
|
|
}
|
|
::-webkit-scrollbar-track:horizontal:active {
|
|
box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07);
|
|
}
|
|
.jfk-scrollbar-dark::-webkit-scrollbar-track:hover {
|
|
background-color: rgba(255, 255, 255, .1);
|
|
box-shadow: inset 1px 0 0 rgba(255, 255, 255, .2);
|
|
}
|
|
.jfk-scrollbar-dark::-webkit-scrollbar-track:horizontal:hover {
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2);
|
|
}
|
|
.jfk-scrollbar-dark::-webkit-scrollbar-track:active {
|
|
background-color: rgba(255, 255, 255, .1);
|
|
box-shadow: inset 1px 0 0 rgba(255, 255, 255, .25), inset -1px 0 0 rgba(255, 255, 255, .15);
|
|
}
|
|
.jfk-scrollbar-dark::-webkit-scrollbar-track:horizontal:active {
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(255, 255, 255, .15);
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: rgba(0, 0, 0, .2);
|
|
background-clip: padding-box;
|
|
border: solid transparent;
|
|
border-width: 1px 1px 1px 6px;
|
|
min-height: 28px;
|
|
padding: 100px 0 0;
|
|
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
|
|
}
|
|
::-webkit-scrollbar-thumb:horizontal {
|
|
border-width: 6px 1px 1px;
|
|
padding: 0 0 0 100px;
|
|
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .07);
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgba(0, 0, 0, .4);
|
|
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
|
|
}
|
|
::-webkit-scrollbar-thumb:active {
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35);
|
|
}
|
|
.jfk-scrollbar-dark::-webkit-scrollbar-thumb {
|
|
background-color: rgba(255, 255, 255, .3);
|
|
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(255, 255, 255, .1);
|
|
}
|
|
.jfk-scrollbar-dark::-webkit-scrollbar-thumb:horizontal {
|
|
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .15), inset -1px 0 0 rgba(255, 255, 255, .1);
|
|
}
|
|
.jfk-scrollbar-dark::-webkit-scrollbar-thumb:hover {
|
|
background-color: rgba(255, 255, 255, .6);
|
|
box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .37);
|
|
}
|
|
.jfk-scrollbar-dark::-webkit-scrollbar-thumb:active {
|
|
background-color: rgba(255, 255, 255, .75);
|
|
box-shadow: inset 1px 1px 3px rgba(255, 255, 255, .5);
|
|
}
|
|
.jfk-scrollbar-borderless::-webkit-scrollbar-track {
|
|
border-width: 0 1px 0 6px;
|
|
}
|
|
.jfk-scrollbar-borderless::-webkit-scrollbar-track:horizontal {
|
|
border-width: 6px 0 1px;
|
|
}
|
|
.jfk-scrollbar-borderless::-webkit-scrollbar-track:hover {
|
|
background-color: rgba(0, 0, 0, .035);
|
|
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .14), inset -1px -1px 0 rgba(0, 0, 0, .07);
|
|
}
|
|
.jfk-scrollbar-borderless.jfk-scrollbar-dark::-webkit-scrollbar-track:hover {
|
|
background-color: rgba(255, 255, 255, .07);
|
|
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25), inset -1px -1px 0 rgba(255, 255, 255, .15);
|
|
}
|
|
.jfk-scrollbar-borderless::-webkit-scrollbar-thumb {
|
|
border-width: 0 1px 0 6px;
|
|
}
|
|
.jfk-scrollbar-borderless::-webkit-scrollbar-thumb:horizontal {
|
|
border-width: 6px 0 1px;
|
|
}
|
|
::-webkit-scrollbar-corner {
|
|
background: transparent;
|
|
}
|
|
body::-webkit-scrollbar-track-piece {
|
|
background-clip: padding-box;
|
|
background-color: #f5f5f5;
|
|
border: solid #fff;
|
|
border-width: 0 0 0 3px;
|
|
box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px 0 0 rgba(0, 0, 0, .07);
|
|
}
|
|
body::-webkit-scrollbar-track-piece:horizontal {
|
|
border-width: 3px 0 0;
|
|
box-shadow: inset 0 1px 0 rgba(0, 0, 0, .14), inset 0 -1px 0 rgba(0, 0, 0, .07);
|
|
}
|
|
body::-webkit-scrollbar-thumb {
|
|
border-width: 1px 1px 1px 5px;
|
|
}
|
|
body::-webkit-scrollbar-thumb:horizontal {
|
|
border-width: 5px 1px 1px;
|
|
}
|
|
body::-webkit-scrollbar-corner {
|
|
background-clip: padding-box;
|
|
background-color: #f5f5f5;
|
|
border: solid #fff;
|
|
border-width: 3px 0 0 3px;
|
|
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .14);
|
|
}
|
|
.download-location-picker-explanation {
|
|
font-size: 14px;
|
|
padding-left: 6px;
|
|
}
|
|
.download-location-picker-container {
|
|
width: 100%}
|
|
.download-location-picker-current-location-text {
|
|
background-color: #f7f7f7;
|
|
background-image: url(vib/folder.png);
|
|
background-position: 9px center;
|
|
background-repeat: no-repeat;
|
|
color: #888;
|
|
font-size: 14px;
|
|
padding: 11px 10px 7px 43px;
|
|
margin: 14px 12px 0px 7px;
|
|
}
|
|
.download-location-picker-custom-location-button {
|
|
margin: 15px 0 0 4px;
|
|
-webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid rgba(0, 0, 0, .17);
|
|
border-radius: 3px;
|
|
box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
|
|
color: #737373;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 34px;
|
|
outline: none;
|
|
padding: 0 20px;
|
|
}
|
|
.download-location-picker-custom-location-button:hover {
|
|
border: 1px solid rgba(0, 0, 0, .25);
|
|
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
|
|
color: #262626;
|
|
}
|
|
.download-location-picker-custom-location-button:active {
|
|
background-color: #e5e5e5;
|
|
border: 1px solid rgba(0, 0, 0, .25);
|
|
box-shadow: inset 0 2px 0 #ddd;
|
|
}
|
|
.download-location-picker-use-same-location-checkbox-label {
|
|
font-size: 14px;
|
|
vertical-align: 1px;
|
|
}
|
|
.download-location-picker-use-same-location-checkbox-wrapper {
|
|
margin-top: 15px;
|
|
}
|
|
.music-source-container {
|
|
width: 100%}
|
|
.music-source-empty-message {
|
|
color: #3f3f3f;
|
|
font-size: 13px;
|
|
}
|
|
.music-source-empty-state-container .music-source-add-music-button {
|
|
margin-top: 15px;
|
|
}
|
|
.music-source-add-music-button, .music-source-change-locations-button {
|
|
-webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
|
|
background-color: #f5f5f5;
|
|
border: 1px solid rgba(0, 0, 0, .17);
|
|
border-radius: 3px;
|
|
box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
|
|
color: #737373;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
line-height: 34px;
|
|
outline: none;
|
|
padding: 0 20px;
|
|
}
|
|
.music-source-add-music-button:hover, .music-source-change-locations-button:hover {
|
|
border: 1px solid rgba(0, 0, 0, .25);
|
|
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
|
|
color: #262626;
|
|
}
|
|
.music-source-add-music-button:active, .music-source-change-locations-button:active {
|
|
background-color: #e5e5e5;
|
|
border: 1px solid rgba(0, 0, 0, .25);
|
|
box-shadow: inset 0 2px 0 #ddd;
|
|
}
|
|
.music-source-title-row {
|
|
font-size: 13px;
|
|
}
|
|
.music-source-list-wrapper {
|
|
border: 1px solid #ccc;
|
|
margin: 14px 0 9px;
|
|
}
|
|
.music-source-list-wrapper.empty {
|
|
background-color: #f7f7f7;
|
|
height: 180px;
|
|
}
|
|
.music-source-list {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.music-source-empty-list {
|
|
background-image: url(vib/folder_background.png);
|
|
background-position: 50% 40%;
|
|
background-repeat: no-repeat;
|
|
height: 100%;
|
|
opacity: 0.2;
|
|
}
|
|
.music-source-list-empty-text {
|
|
position: relative;
|
|
top: -45px;
|
|
display: block;
|
|
text-align: center;
|
|
color: #858585;
|
|
}
|
|
.music-source-list-item {
|
|
background-color: #f7f7f7;
|
|
background-image: url(vib/folder.png);
|
|
background-position: 7px center;
|
|
background-repeat: no-repeat;
|
|
color: #888;
|
|
font-size: 13px;
|
|
padding: 9px 10px 7px 43px;
|
|
}
|
|
.music-source-list-item:nth-child(even) {
|
|
background-color: white;
|
|
}
|
|
.music-source-list-item-song-count {
|
|
float: right;
|
|
display: none;
|
|
}
|
|
.music-source-sync-checkbox-label {
|
|
font-size: 13px;
|
|
vertical-align: 1px;
|
|
}
|
|
.music-source-sync-checkbox-wrapper {
|
|
margin: 15px 0 0 2px;
|
|
}
|
|
.ac-renderer {
|
|
font: normal 13px Arial, sans-serif;
|
|
position: absolute;
|
|
background: #fff;
|
|
border: 1px solid #666;
|
|
-moz-box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
|
|
-webkit-box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
|
|
width: 300px;
|
|
}
|
|
.ac-row {
|
|
cursor: pointer;
|
|
padding: .4em;
|
|
}
|
|
.ac-highlighted {
|
|
font-weight: bold;
|
|
}
|
|
.ac-active {
|
|
background-color: #b2b4bf;
|
|
}
|
|
.goog-checkbox {
|
|
border: 1px solid #1c5180;
|
|
display: -moz-inline-box;
|
|
display: inline-block;
|
|
font-size: 1px;
|
|
height: 11px;
|
|
margin: 0 4px 0 1px;
|
|
vertical-align: text-bottom;
|
|
width: 11px;
|
|
}
|
|
.goog-checkbox-checked {
|
|
background: #fff url(//ssl.gstatic.com/closure/check-sprite.gif) no-repeat 2px center;
|
|
}
|
|
.goog-checkbox-undetermined {
|
|
background: #bbb url(//ssl.gstatic.com/closure/check-sprite.gif) no-repeat 2px center;
|
|
}
|
|
.goog-checkbox-unchecked {
|
|
background: #fff;
|
|
}
|
|
.goog-checkbox-disabled {
|
|
border: 1px solid lightgray;
|
|
background-position: -7px;
|
|
}
|
|
.goog-inline-block {
|
|
position: relative;
|
|
display: -moz-inline-box;
|
|
display: inline-block;
|
|
}
|
|
* html .goog-inline-block {
|
|
display: inline;
|
|
}
|
|
*:first-child+html .goog-inline-block {
|
|
display: inline;
|
|
}
|
|
.goog-menu {
|
|
background: #fff;
|
|
border-color: #ccc #666 #666 #ccc;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
cursor: default;
|
|
font: normal 13px Arial, sans-serif;
|
|
margin: 0;
|
|
outline: none;
|
|
padding: 4px 0;
|
|
position: absolute;
|
|
z-index: 20000;
|
|
}
|
|
.goog-menu-button {
|
|
background: #ddd url(//ssl.gstatic.com/editor/button-bg.png) repeat-x top left;
|
|
border: 0;
|
|
color: #000;
|
|
cursor: pointer;
|
|
list-style: none;
|
|
margin: 2px;
|
|
outline: none;
|
|
padding: 0;
|
|
text-decoration: none;
|
|
vertical-align: middle;
|
|
}
|
|
.goog-menu-button-outer-box, .goog-menu-button-inner-box {
|
|
border-style: solid;
|
|
border-color: #aaa;
|
|
vertical-align: top;
|
|
}
|
|
.goog-menu-button-outer-box {
|
|
margin: 0;
|
|
border-width: 1px 0;
|
|
padding: 0;
|
|
}
|
|
.goog-menu-button-inner-box {
|
|
margin: 0 -1px;
|
|
border-width: 0 1px;
|
|
padding: 3px 4px;
|
|
}
|
|
* html .goog-menu-button-inner-box {
|
|
left: -1px;
|
|
}
|
|
* html .goog-menu-button-rtl .goog-menu-button-outer-box {
|
|
left: -1px;
|
|
right: auto;
|
|
}
|
|
* html .goog-menu-button-rtl .goog-menu-button-inner-box {
|
|
right: auto;
|
|
}
|
|
*:first-child+html .goog-menu-button-inner-box {
|
|
left: -1px;
|
|
}
|
|
*:first-child+html .goog-menu-button-rtl .goog-menu-button-inner-box {
|
|
left: 1px;
|
|
right: auto;
|
|
}
|
|
::root .goog-menu-button, ::root .goog-menu-button-outer-box, ::root .goog-menu-button-inner-box {
|
|
line-height: 0;
|
|
}
|
|
::root .goog-menu-button-caption, ::root .goog-menu-button-dropdown {
|
|
line-height: normal;
|
|
}
|
|
.goog-menu-button-disabled {
|
|
background-image: none!important;
|
|
opacity: 0.3;
|
|
-moz-opacity: 0.3;
|
|
filter: alpha(opacity=30);
|
|
}
|
|
.goog-menu-button-disabled .goog-menu-button-outer-box, .goog-menu-button-disabled .goog-menu-button-inner-box, .goog-menu-button-disabled .goog-menu-button-caption, .goog-menu-button-disabled .goog-menu-button-dropdown {
|
|
color: #333!important;
|
|
border-color: #999!important;
|
|
}
|
|
* html .goog-menu-button-disabled {
|
|
margin: 2px 1px!important;
|
|
padding: 0 1px!important;
|
|
}
|
|
*:first-child+html .goog-menu-button-disabled {
|
|
margin: 2px 1px!important;
|
|
padding: 0 1px!important;
|
|
}
|
|
.goog-menu-button-hover .goog-menu-button-outer-box, .goog-menu-button-hover .goog-menu-button-inner-box {
|
|
border-color: #9cf #69e #69e #7af!important;
|
|
}
|
|
.goog-menu-button-active, .goog-menu-button-open {
|
|
background-color: #bbb;
|
|
background-position: bottom left;
|
|
}
|
|
.goog-menu-button-focused .goog-menu-button-outer-box, .goog-menu-button-focused .goog-menu-button-inner-box {
|
|
border-color: orange;
|
|
}
|
|
.goog-menu-button-caption {
|
|
padding: 0 4px 0 0;
|
|
vertical-align: top;
|
|
}
|
|
.goog-menu-button-dropdown {
|
|
height: 15px;
|
|
width: 7px;
|
|
background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
|
|
vertical-align: top;
|
|
}
|
|
.goog-menu-button-collapse-right, .goog-menu-button-collapse-right .goog-menu-button-outer-box, .goog-menu-button-collapse-right .goog-menu-button-inner-box {
|
|
margin-right: 0;
|
|
}
|
|
.goog-menu-button-collapse-left, .goog-menu-button-collapse-left .goog-menu-button-outer-box, .goog-menu-button-collapse-left .goog-menu-button-inner-box {
|
|
margin-left: 0;
|
|
}
|
|
.goog-menu-button-collapse-left .goog-menu-button-inner-box {
|
|
border-left: 1px solid #fff;
|
|
}
|
|
.goog-menu-button-collapse-left.goog-menu-button-checked .goog-menu-button-inner-box {
|
|
border-left: 1px solid #ddd;
|
|
}
|
|
.goog-menuitem {
|
|
color: #000;
|
|
font: normal 13px Arial, sans-serif;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 4px 7em 4px 28px;
|
|
white-space: nowrap;
|
|
}
|
|
.goog-menuitem.goog-menuitem-rtl {
|
|
padding-left: 7em;
|
|
padding-right: 28px;
|
|
}
|
|
.goog-menu-nocheckbox .goog-menuitem, .goog-menu-noicon .goog-menuitem {
|
|
padding-left: 12px;
|
|
}
|
|
.goog-menu-noaccel .goog-menuitem {
|
|
padding-right: 20px;
|
|
}
|
|
.goog-menuitem-content {
|
|
color: #000;
|
|
font: normal 13px Arial, sans-serif;
|
|
}
|
|
.goog-menuitem-disabled .goog-menuitem-accel, .goog-menuitem-disabled .goog-menuitem-content {
|
|
color: #ccc!important;
|
|
}
|
|
.goog-menuitem-disabled .goog-menuitem-icon {
|
|
opacity: 0.3;
|
|
-moz-opacity: 0.3;
|
|
filter: alpha(opacity=30);
|
|
}
|
|
.goog-menuitem-highlight, .goog-menuitem-hover {
|
|
background-color: #d6e9f8;
|
|
border-color: #d6e9f8;
|
|
border-style: dotted;
|
|
border-width: 1px 0;
|
|
padding-bottom: 3px;
|
|
padding-top: 3px;
|
|
}
|
|
.goog-menuitem-checkbox, .goog-menuitem-icon {
|
|
background-repeat: no-repeat;
|
|
height: 16px;
|
|
left: 6px;
|
|
position: absolute;
|
|
right: auto;
|
|
vertical-align: middle;
|
|
width: 16px;
|
|
}
|
|
.goog-menuitem-rtl .goog-menuitem-checkbox, .goog-menuitem-rtl .goog-menuitem-icon {
|
|
left: auto;
|
|
right: 6px;
|
|
}
|
|
.goog-option-selected .goog-menuitem-checkbox, .goog-option-selected .goog-menuitem-icon {
|
|
background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -512px 0;
|
|
}
|
|
.goog-menuitem-accel {
|
|
color: #999;
|
|
direction: ltr;
|
|
left: auto;
|
|
padding: 0 6px;
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: right;
|
|
}
|
|
.goog-menuitem-rtl .goog-menuitem-accel {
|
|
left: 0;
|
|
right: auto;
|
|
text-align: left;
|
|
}
|
|
.goog-menuitem-mnemonic-hint {
|
|
text-decoration: underline;
|
|
}
|
|
.goog-menuitem-mnemonic-separator {
|
|
color: #999;
|
|
font-size: 12px;
|
|
padding-left: 4px;
|
|
}
|
|
.goog-submenu-arrow {
|
|
color: #000;
|
|
left: auto;
|
|
padding-right: 6px;
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: right;
|
|
}
|
|
.goog-menuitem-rtl .goog-submenu-arrow {
|
|
text-align: left;
|
|
left: 0;
|
|
right: auto;
|
|
padding-left: 6px;
|
|
}
|
|
.goog-menuitem-disabled .goog-submenu-arrow {
|
|
color: #ccc;
|
|
}
|
|
.jfk-bubble {
|
|
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
|
|
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
|
|
background-color: #fff;
|
|
border: 1px solid;
|
|
border-color: #bbb #bbb #a8a8a8;
|
|
padding: 16px;
|
|
position: absolute;
|
|
z-index: 1201!important;
|
|
}
|
|
.jfk-bubble-closebtn {
|
|
background: url("//ssl.gstatic.com/ui/v1/icons/common/x_8px.png") no-repeat;
|
|
border: 1px solid transparent;
|
|
height: 21px;
|
|
opacity: .4;
|
|
outline: 0;
|
|
position: absolute;
|
|
right: 2px;
|
|
top: 2px;
|
|
width: 21px;
|
|
}
|
|
.jfk-bubble-closebtn:focus {
|
|
border: 1px solid #4d90fe;
|
|
opacity: .8;
|
|
}
|
|
.jfk-bubble-arrow {
|
|
position: absolute;
|
|
}
|
|
.jfk-bubble-arrow .jfk-bubble-arrowimplbefore, .jfk-bubble-arrow .jfk-bubble-arrowimplafter {
|
|
display: block;
|
|
height: 0;
|
|
position: absolute;
|
|
width: 0;
|
|
}
|
|
.jfk-bubble-arrow .jfk-bubble-arrowimplbefore {
|
|
border: 9px solid;
|
|
}
|
|
.jfk-bubble-arrow .jfk-bubble-arrowimplafter {
|
|
border: 8px solid;
|
|
}
|
|
.jfk-bubble-arrowdown {
|
|
bottom: 0;
|
|
}
|
|
.jfk-bubble-arrowup {
|
|
top: -9px;
|
|
}
|
|
.jfk-bubble-arrowleft {
|
|
left: -9px;
|
|
}
|
|
.jfk-bubble-arrowright {
|
|
right: 0;
|
|
}
|
|
.jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore, .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
|
|
border-color: #bbb transparent;
|
|
left: -9px;
|
|
}
|
|
.jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore {
|
|
border-color: #a8a8a8 transparent;
|
|
}
|
|
.jfk-bubble-arrowdown .jfk-bubble-arrowimplafter, .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
|
|
border-color: #fff transparent;
|
|
left: -8px;
|
|
}
|
|
.jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore {
|
|
border-bottom-width: 0;
|
|
}
|
|
.jfk-bubble-arrowdown .jfk-bubble-arrowimplafter {
|
|
border-bottom-width: 0;
|
|
}
|
|
.jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
|
|
border-top-width: 0;
|
|
}
|
|
.jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
|
|
border-top-width: 0;
|
|
top: 1px;
|
|
}
|
|
.jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore, .jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
|
|
border-color: transparent #bbb;
|
|
top: -9px;
|
|
}
|
|
.jfk-bubble-arrowleft .jfk-bubble-arrowimplafter, .jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
|
|
border-color: transparent #fff;
|
|
top: -8px;
|
|
}
|
|
.jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore {
|
|
border-left-width: 0;
|
|
}
|
|
.jfk-bubble-arrowleft .jfk-bubble-arrowimplafter {
|
|
border-left-width: 0;
|
|
left: 1px;
|
|
}
|
|
.jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
|
|
border-right-width: 0;
|
|
}
|
|
.jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
|
|
border-right-width: 0;
|
|
}
|
|
.jfk-tooltip {
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
-webkit-transition: visibility 0, opacity .13s ease-in;
|
|
-moz-transition: visibility 0, opacity .13s ease-in;
|
|
-o-transition: visibility 0, opacity .13s ease-in;
|
|
transition: visibility 0, opacity .13s ease-in;
|
|
background-color: #2a2a2a;
|
|
border: 1px solid #fff;
|
|
color: #fff;
|
|
cursor: default;
|
|
display: block;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
margin-left: -1px;
|
|
opacity: 1;
|
|
padding: 7px 9px;
|
|
position: absolute;
|
|
visibility: visible;
|
|
word-break: break-all;
|
|
word-break: break-word;
|
|
}
|
|
.jfk-tooltip-hide {
|
|
-webkit-transition: visibility .13s, opacity .13s ease-out, left 0 linear .13s, top 0 linear .13s;
|
|
-moz-transition: visibility .13s, opacity .13s ease-out, left 0 linear .13s, top 0 linear .13s;
|
|
-o-transition: visibility .13s, opacity .13s ease-out, left 0 linear .13s, top 0 linear .13s;
|
|
transition: visibility .13s, opacity .13s ease-out, left 0 linear .13s, top 0 linear .13s;
|
|
opacity: 0;
|
|
left: 20px!important;
|
|
top: 20px!important;
|
|
visibility: hidden;
|
|
}
|
|
.jfk-tooltip-arrow {
|
|
pointer-events: none;
|
|
position: absolute;
|
|
}
|
|
.jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore, .jfk-tooltip-arrow .jfk-tooltip-arrowimplafter {
|
|
content: '';
|
|
display: block;
|
|
height: 0;
|
|
position: absolute;
|
|
width: 0;
|
|
}
|
|
.jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore {
|
|
border: 6px solid;
|
|
}
|
|
.jfk-tooltip-arrow .jfk-tooltip-arrowimplafter {
|
|
border: 5px solid;
|
|
}
|
|
.jfk-tooltip-arrowdown {
|
|
bottom: 0;
|
|
}
|
|
.jfk-tooltip-arrowup {
|
|
top: -6px;
|
|
}
|
|
.jfk-tooltip-arrowleft {
|
|
left: -6px;
|
|
}
|
|
.jfk-tooltip-arrowright {
|
|
right: 0;
|
|
}
|
|
.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplbefore, .jfk-tooltip-arrowup .jfk-tooltip-arrowimplbefore {
|
|
border-color: #fff transparent;
|
|
left: -6px;
|
|
}
|
|
.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter, .jfk-tooltip-arrowup .jfk-tooltip-arrowimplafter {
|
|
border-color: #2a2a2a transparent;
|
|
left: -5px;
|
|
}
|
|
.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplbefore {
|
|
border-bottom-width: 0;
|
|
}
|
|
.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter {
|
|
border-bottom-width: 0;
|
|
}
|
|
.jfk-tooltip-arrowup .jfk-tooltip-arrowimplbefore {
|
|
border-top-width: 0;
|
|
}
|
|
.jfk-tooltip-arrowup .jfk-tooltip-arrowimplafter {
|
|
border-top-width: 0;
|
|
top: 1px;
|
|
}
|
|
.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplbefore, .jfk-tooltip-arrowright .jfk-tooltip-arrowimplbefore {
|
|
border-color: transparent #fff;
|
|
top: -6px;
|
|
}
|
|
.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplafter, .jfk-tooltip-arrowright .jfk-tooltip-arrowimplafter {
|
|
border-color: transparent #2a2a2a;
|
|
top: -5px;
|
|
}
|
|
.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplbefore {
|
|
border-left-width: 0;
|
|
}
|
|
.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplafter {
|
|
border-left-width: 0;
|
|
left: 1px;
|
|
}
|
|
.jfk-tooltip-arrowright .jfk-tooltip-arrowimplbefore {
|
|
border-right-width: 0;
|
|
}
|
|
.jfk-tooltip-arrowright .jfk-tooltip-arrowimplafter {
|
|
border-right-width: 0;
|
|
}
|
|
.g-doc {
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
.g-section {
|
|
width: 100%;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
}
|
|
*:first-child+html .g-section {
|
|
display: block;
|
|
}
|
|
* html .g-section {
|
|
overflow: hidden;
|
|
}
|
|
@-moz-document url-prefix() {
|
|
.g-section {
|
|
overflow: hidden;
|
|
}
|
|
}@-moz-document url-prefix() {
|
|
.g-section, tt: default {
|
|
overflow: visible;
|
|
}
|
|
}.g-section, .g-unit {
|
|
zoom: 1;
|
|
}
|
|
.g-split .g-unit {
|
|
text-align: right;
|
|
}
|
|
.g-split .g-first {
|
|
text-align: left;
|
|
}
|
|
.g-tpl-25-75 .g-unit, .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-unit .g-tpl-25-75 .g-unit {
|
|
width: 74.999%;
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-tpl-25-75 .g-first, .g-tpl-25-75 .g-first {
|
|
width: 24.999%;
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
.g-tpl-25-75-alt .g-unit, .g-unit .g-tpl-25-75-alt .g-unit, .g-unit .g-unit .g-tpl-25-75-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-unit {
|
|
width: 24.999%;
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-first, .g-unit .g-unit .g-tpl-25-75-alt .g-first, .g-unit .g-tpl-25-75-alt .g-first, .g-tpl-25-75-alt .g-first {
|
|
width: 74.999%;
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
.g-tpl-75-25 .g-unit, .g-unit .g-tpl-75-25 .g-unit, .g-unit .g-unit .g-tpl-75-25 .g-unit, .g-unit .g-unit .g-unit .g-tpl-75-25 .g-unit {
|
|
width: 24.999%;
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-75-25 .g-first, .g-unit .g-unit .g-tpl-75-25 .g-first, .g-unit .g-tpl-75-25 .g-first, .g-tpl-75-25 .g-first {
|
|
width: 74.999%;
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
.g-tpl-75-25-alt .g-unit, .g-unit .g-tpl-75-25-alt .g-unit, .g-unit .g-unit .g-tpl-75-25-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-75-25-alt .g-unit {
|
|
width: 74.999%;
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-75-25-alt .g-first, .g-unit .g-unit .g-tpl-75-25-alt .g-first, .g-unit .g-tpl-75-25-alt .g-first, .g-tpl-75-25-alt .g-first {
|
|
width: 24.999%;
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
.g-tpl-33-67 .g-unit, .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-unit .g-tpl-33-67 .g-unit {
|
|
width: 66.999%;
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-tpl-33-67 .g-first, .g-tpl-33-67 .g-first {
|
|
width: 32.999%;
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
.g-tpl-33-67-alt .g-unit, .g-unit .g-tpl-33-67-alt .g-unit, .g-unit .g-unit .g-tpl-33-67-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-unit {
|
|
width: 32.999%;
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-first, .g-unit .g-unit .g-tpl-33-67-alt .g-first, .g-unit .g-tpl-33-67-alt .g-first, .g-tpl-33-67-alt .g-first {
|
|
width: 66.999%;
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
.g-tpl-67-33 .g-unit, .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-unit .g-tpl-67-33 .g-unit {
|
|
width: 32.999%;
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-tpl-67-33 .g-first, .g-tpl-67-33 .g-first {
|
|
width: 66.999%;
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
.g-tpl-67-33-alt .g-unit, .g-unit .g-tpl-67-33-alt .g-unit, .g-unit .g-unit .g-tpl-67-33-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-unit {
|
|
width: 66.999%;
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-first, .g-unit .g-unit .g-tpl-67-33-alt .g-first, .g-unit .g-tpl-67-33-alt .g-first, .g-tpl-67-33-alt .g-first {
|
|
width: 32.999%;
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
.g-tpl-50-50 .g-unit, .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-unit .g-tpl-50-50 .g-unit {
|
|
width: 49.999%;
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-tpl-50-50 .g-first, .g-tpl-50-50 .g-first {
|
|
width: 49.999%;
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
.g-tpl-50-50-alt .g-unit, .g-unit .g-tpl-50-50-alt .g-unit, .g-unit .g-unit .g-tpl-50-50-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-unit {
|
|
width: 49.999%;
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-first, .g-unit .g-unit .g-tpl-50-50-alt .g-first, .g-unit .g-tpl-50-50-alt .g-first, .g-tpl-50-50-alt .g-first {
|
|
width: 49.999%;
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
.g-tpl-nest {
|
|
width: auto;
|
|
}
|
|
.g-tpl-nest .g-section {
|
|
display: inline;
|
|
}
|
|
.g-tpl-nest .g-unit, .g-unit .g-tpl-nest .g-unit, .g-unit .g-unit .g-tpl-nest .g-unit, .g-unit .g-unit .g-unit .g-tpl-nest .g-unit {
|
|
float: left;
|
|
width: auto;
|
|
margin: 0;
|
|
}
|
|
.g-tpl-nest-alt .g-unit, .g-unit .g-tpl-nest-alt .g-unit, .g-unit .g-unit .g-tpl-nest-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-nest-alt .g-unit {
|
|
float: right;
|
|
width: auto;
|
|
margin: 0;
|
|
}
|
|
.g-doc-1024 {
|
|
width: 73.074em;
|
|
min-width: 950px;
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
}
|
|
* html .g-doc-1024 {
|
|
width: 71.313em;
|
|
}
|
|
*+html .g-doc-1024 {
|
|
width: 71.313em;
|
|
}
|
|
.g-doc-800 {
|
|
width: 57.69em;
|
|
min-width: 750px;
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
}
|
|
* html .g-doc-800 {
|
|
width: 56.3em;
|
|
}
|
|
*+html .g-doc-800 {
|
|
width: 56.3em;
|
|
}
|
|
.g-tpl-160 .g-unit, .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-unit .g-tpl-160 .g-unit {
|
|
margin: 0 0 0 160px;
|
|
width: auto;
|
|
float: none;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-tpl-160 .g-first, .g-tpl-160 .g-first {
|
|
margin: 0;
|
|
width: 160px;
|
|
float: left;
|
|
}
|
|
.g-tpl-160-alt .g-unit, .g-unit .g-tpl-160-alt .g-unit, .g-unit .g-unit .g-tpl-160-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-160-alt .g-unit {
|
|
margin: 0 160px 0 0;
|
|
width: auto;
|
|
float: none;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-160-alt .g-first, .g-unit .g-unit .g-tpl-160-alt .g-first, .g-unit .g-tpl-160-alt .g-first, .g-tpl-160-alt .g-first {
|
|
margin: 0;
|
|
width: 160px;
|
|
float: right;
|
|
}
|
|
.g-tpl-180 .g-unit, .g-unit .g-tpl-180 .g-unit, .g-unit .g-unit .g-tpl-180 .g-unit, .g-unit .g-unit .g-unit .g-tpl-180 .g-unit {
|
|
margin: 0 0 0 180px;
|
|
width: auto;
|
|
float: none;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-180 .g-first, .g-unit .g-unit .g-tpl-180 .g-first, .g-unit .g-tpl-180 .g-first, .g-tpl-180 .g-first {
|
|
margin: 0;
|
|
width: 180px;
|
|
float: left;
|
|
}
|
|
.g-tpl-180-alt .g-unit, .g-unit .g-tpl-180-alt .g-unit, .g-unit .g-unit .g-tpl-180-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-180-alt .g-unit {
|
|
margin: 0 180px 0 0;
|
|
width: auto;
|
|
float: none;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-180-alt .g-first, .g-unit .g-unit .g-tpl-180-alt .g-first, .g-unit .g-tpl-180-alt .g-first, .g-tpl-180-alt .g-first {
|
|
margin: 0;
|
|
width: 180px;
|
|
float: right;
|
|
}
|
|
.g-tpl-300 .g-unit, .g-unit .g-tpl-300 .g-unit, .g-unit .g-unit .g-tpl-300 .g-unit, .g-unit .g-unit .g-unit .g-tpl-300 .g-unit {
|
|
margin: 0 0 0 300px;
|
|
width: auto;
|
|
float: none;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-300 .g-first, .g-unit .g-unit .g-tpl-300 .g-first, .g-unit .g-tpl-300 .g-first, .g-tpl-300 .g-first {
|
|
margin: 0;
|
|
width: 300px;
|
|
float: left;
|
|
}
|
|
.g-tpl-300-alt .g-unit, .g-unit .g-tpl-300-alt .g-unit, .g-unit .g-unit .g-tpl-300-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-300-alt .g-unit {
|
|
margin: 0 300px 0 0;
|
|
width: auto;
|
|
float: none;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-300-alt .g-first, .g-unit .g-unit .g-tpl-300-alt .g-first, .g-unit .g-tpl-300-alt .g-first, .g-tpl-300-alt .g-first {
|
|
margin: 0;
|
|
width: 300px;
|
|
float: right;
|
|
}
|
|
#action_bar_container {
|
|
display: inline;
|
|
}
|
|
.goog-menuitem .rate-menu-item {
|
|
padding-right: 80px;
|
|
}
|
|
.goog-menuitem .rating-container {
|
|
float: right;
|
|
margin: 5px 5px 0 0;
|
|
position: relative;
|
|
width: 78px;
|
|
}
|
|
.goog-menuitem-disabled .rating-bar {
|
|
visibility: hidden;
|
|
}
|
|
.goog-menuitem .rating-container.thumbs li {
|
|
width: 20px;
|
|
height: 20px;
|
|
float: left;
|
|
cursor: pointer;
|
|
margin-left: 5px;
|
|
}
|
|
.goog-menuitem .rating-container.thumbs [data-rating="5"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4748px -948px;
|
|
}
|
|
.goog-menuitem .rating-container.thumbs [data-rating="1"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) 0 0;
|
|
}
|
|
.goog-menuitem .rating-container.thumbs [data-rating="0"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3800px -936px;
|
|
margin-top: 1px;
|
|
display: block;
|
|
}
|
|
.goog-menuitem .rating-container.stars {
|
|
background: url(btn_list_rating_star_off.png) left center repeat-x;
|
|
overflow: visible;
|
|
}
|
|
.goog-menuitem .rating-container.stars [data-rating="0"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4082px -724px;
|
|
width: 11px;
|
|
height: 11px;
|
|
border: none;
|
|
margin: 2px;
|
|
left: 65px;
|
|
display: block;
|
|
}
|
|
.goog-menuitem .rating-container.stars [data-rating="0"]:hover {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -212px -1026px;
|
|
}
|
|
.goog-menuitem .rating-container.stars {
|
|
width: 65px;
|
|
height: 16px;
|
|
margin: 8px 18px 0 0;
|
|
}
|
|
.goog-menuitem .rating-container.stars li:hover {
|
|
background: url(btn_list_rating_star_selected_hover.png) left center repeat-x;
|
|
}
|
|
.goog-option-selected .goog-menuitem-checkbox {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2354px -760px;
|
|
width: 14px;
|
|
height: 14px;
|
|
display: inline-block;
|
|
margin-top: 8px;
|
|
right: 5px;
|
|
left: auto;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.goog-option-selected .goog-menuitem-checkbox {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -601px -513px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.goog-menuitem .selected-cast-title {
|
|
padding-right: 40px;
|
|
}
|
|
#action_bar_container .button {
|
|
float: right;
|
|
margin: 8px 5px 8px 0;
|
|
}
|
|
.playlist-header-button, #action_bar_container .goog-flat-button {
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
border: 1px solid #ccc;
|
|
background-color: #f0f0f0;
|
|
text-transform: none;
|
|
}
|
|
.more-top-link-icon {
|
|
border: none;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2354px -750px;
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
#action_bar_container button[data-id="upload-music"] .icon {
|
|
display: inline-block;
|
|
vertical-align: -3px;
|
|
margin-right: 5px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5194px -1356px;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
#action_bar_container button[data-id="shuffle-my-library"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) 0 -1406px;
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
vertical-align: -2px;
|
|
margin-right: 5px;
|
|
-moz-opacity: .6;
|
|
opacity: .6;
|
|
filter: alpha(opacity=60);
|
|
}
|
|
#action_bar_container button[data-id="shuffle-my-library"]:hover .icon {
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
#action_bar_container button[data-id="filter-songs"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2600px 0;
|
|
width: 8px;
|
|
height: 8px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: 5px;
|
|
-moz-opacity: .6;
|
|
opacity: .6;
|
|
filter: alpha(opacity=60);
|
|
}
|
|
#action_bar_container button[data-id="filter-songs"]:hover .icon {
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
#action_bar_container button[data-id="im-feeling-lucky"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5090px -744px;
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
margin-right: 7px;
|
|
vertical-align: -3px;
|
|
-moz-opacity: .6;
|
|
opacity: .6;
|
|
filter: alpha(opacity=60);
|
|
}
|
|
#action_bar_container button[data-id="start-genre-radio"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -130px -1026px;
|
|
width: 19px;
|
|
height: 13px;
|
|
display: inline-block;
|
|
vertical-align: -1px;
|
|
margin-right: 5px;
|
|
}
|
|
.album-view .cover {
|
|
float: left;
|
|
}
|
|
.album-view .cover .card {
|
|
height: 160px;
|
|
}
|
|
.album-view.has-description .cover .card {
|
|
float: left;
|
|
width: 300px;
|
|
height: 300px;
|
|
margin-right: 20px;
|
|
}
|
|
.album-view.has-description .cover .card .image-wrapper {
|
|
height: 300px;
|
|
}
|
|
.album-view.has-description .cover .card .image {
|
|
width: 300px;
|
|
height: 300px;
|
|
}
|
|
.album-view .info {
|
|
margin-left: 190px;
|
|
}
|
|
.album-view.has-description .info {
|
|
margin-left: 330px;
|
|
}
|
|
.album-view .description-wrapper {
|
|
max-width: 540px;
|
|
margin: 5px 0 10px 0;
|
|
position: relative;
|
|
}
|
|
.album-view .description {
|
|
color: #999;
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
-webkit-font-smoothing: antialiased;
|
|
max-height: 142px;
|
|
line-height: 28px;
|
|
overflow: hidden;
|
|
}
|
|
.album-view .song-count {
|
|
font-size: 14px;
|
|
color: #aaa;
|
|
margin: 2px 0;
|
|
text-transform: uppercase;
|
|
}
|
|
.album-view .explicit {
|
|
display: inline-block;
|
|
color: red;
|
|
font-size: 11px;
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
line-height: 13px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-radius: 2px;
|
|
padding: 0 2px 0 2px;
|
|
margin-left: 10px;
|
|
}
|
|
.album-view .album-length {
|
|
font-size: 14px;
|
|
color: #aaa;
|
|
margin: 2px 0;
|
|
}
|
|
.album-view .year {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: #888;
|
|
margin: 2px 0;
|
|
}
|
|
.album-view .actions {
|
|
margin-top: 20px;
|
|
}
|
|
.album-view .song-table img {
|
|
display: none;
|
|
}
|
|
.artist-view .artist-art {
|
|
width: 360px;
|
|
height: 180px;
|
|
float: left;
|
|
border-radius: 2px;
|
|
box-shadow: 0px 2px 4px rgba(0, 0, 0, .2);
|
|
border: none;
|
|
padding: 0;
|
|
margin: 5px 18px 24px 5px;
|
|
}
|
|
.artist-view .artist-details.has-art {
|
|
margin-left: 380px;
|
|
}
|
|
.artist-view .bio-wrapper {
|
|
max-width: 540px;
|
|
margin-top: 5px;
|
|
position: relative;
|
|
}
|
|
.artist-view .bio {
|
|
color: #999;
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
-webkit-font-smoothing: antialiased;
|
|
max-height: 142px;
|
|
line-height: 28px;
|
|
overflow: hidden;
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|
-moz-transition: all 0.3s ease-in-out;
|
|
-o-transition: all 0.3s ease-in-out;
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
.artist-view .actions {
|
|
margin-top: 10px;
|
|
}
|
|
.artist-view .card.large[data-type="ars"] {
|
|
height: 330px;
|
|
}
|
|
.artist-view .cover {
|
|
float: left;
|
|
}
|
|
.artist-view .song-count {
|
|
font-size: 13px;
|
|
text-transform: uppercase;
|
|
}
|
|
a {
|
|
color: #333;
|
|
}
|
|
body {
|
|
font-family: 'Roboto', arial, sans-serif;
|
|
font-size: 13px;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
color: #3f3f3f;
|
|
background-color: #e5e5e5;
|
|
height: 100%}
|
|
button, input[type=button] {
|
|
font-size: 100%;
|
|
font-family: 'Roboto', arial, sans-serif;
|
|
}
|
|
input, textarea {
|
|
font-family: 'Roboto', arial, sans-serif;
|
|
}
|
|
div {
|
|
outline: none;
|
|
}
|
|
html {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
min-width: 940px;
|
|
}
|
|
a, .simple-dialog a {
|
|
color: #333;
|
|
}
|
|
img {
|
|
border: none;
|
|
}
|
|
li {
|
|
list-style-type: none;
|
|
outline: none;
|
|
}
|
|
table {
|
|
outline: none;
|
|
}
|
|
td {
|
|
padding: 0;
|
|
}
|
|
ul {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {
|
|
padding: 0!important;
|
|
border: 0 none!important;
|
|
}
|
|
.hover-underline {
|
|
text-decoration: none;
|
|
}
|
|
.hover-underline:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.logo {
|
|
float: left;
|
|
cursor: pointer;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -212px -1040px;
|
|
width: 183px;
|
|
height: 39px;
|
|
margin: 8px 0 11px 20px;
|
|
}
|
|
.goog-buttonset-default {
|
|
cursor: pointer;
|
|
}
|
|
.disclaimer-note {
|
|
padding-top: 30px;
|
|
color: #7f7f7f;
|
|
clear: both;
|
|
}
|
|
.offscreen {
|
|
position: absolute;
|
|
left: -1000em;
|
|
top: -1000em;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
border: 0;
|
|
}
|
|
.nav-header {
|
|
float: left;
|
|
width: 215px;
|
|
color: #ed8335;
|
|
padding-right: 5px;
|
|
height: 100%}
|
|
#extra-links-container {
|
|
float: right;
|
|
padding: 0 20px;
|
|
}
|
|
#extra-links-container div {
|
|
opacity: 0.55;
|
|
}
|
|
#extra-links-container:hover div {
|
|
opacity: 0.9;
|
|
}
|
|
#extra-links-anchor {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3790px -392px;
|
|
width: 17px;
|
|
height: 17px;
|
|
margin: 6px 5px;
|
|
float: left;
|
|
}
|
|
.extra-links-dropdown {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2600px 0;
|
|
width: 8px;
|
|
height: 8px;
|
|
margin-top: 12px;
|
|
float: left;
|
|
}
|
|
.extra-links-menu .goog-menuitem-content {
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
color: #404040;
|
|
}
|
|
.extra-links-menu .goog-menuitem {
|
|
cursor: pointer;
|
|
}
|
|
.nav-option {
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
padding: 7px 20px 7px 20px;
|
|
}
|
|
.menu-bar {
|
|
list-style-type: none;
|
|
padding: 0;
|
|
float: right;
|
|
}
|
|
.menu-bar li {
|
|
border-left: 1px solid #e5e5e5;
|
|
float: left;
|
|
height: 32px;
|
|
}
|
|
.jfk-tooltip {
|
|
z-index: 1400;
|
|
}
|
|
.goog-menuitem-disabled .goog-menuitem-content .goog-submenu-arrow {
|
|
color: #ccc;
|
|
}
|
|
.strikethrough {
|
|
text-decoration: line-through;
|
|
}
|
|
.uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
#browse-view-albums, #browse-view-artists, #tag-view {
|
|
margin: 10px 10px 20px;
|
|
}
|
|
.song-count, .browseSubtext {
|
|
font-size: 9px;
|
|
color: #7f7f7f;
|
|
}
|
|
.song-count {
|
|
padding-top: 1px;
|
|
}
|
|
.browseLink {
|
|
text-decoration: none;
|
|
color: #3f3f3f;
|
|
}
|
|
.browseArtistListTitle {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
.album-container {
|
|
position: relative;
|
|
float: left;
|
|
padding: 10px 30px 10px 10px;
|
|
width: 124px;
|
|
height: 179px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
line-height: 16px;
|
|
text-indent: 3px;
|
|
}
|
|
.album-art {
|
|
width: 124px;
|
|
height: 124px;
|
|
border: 1px solid #b6b6b6;
|
|
padding: 1px;
|
|
cursor: pointer;
|
|
display: block;
|
|
}
|
|
.album-art:hover {
|
|
border-color: #777777;
|
|
}
|
|
.album-name-parent {
|
|
margin-top: 2px;
|
|
}
|
|
.album-name {
|
|
font-weight: 700;
|
|
cursor: pointer;
|
|
}
|
|
.artist-name {
|
|
cursor: pointer;
|
|
}
|
|
#browseTagsContainer {
|
|
margin: 10px;
|
|
font-size: 24px;
|
|
line-height: 40px;
|
|
}
|
|
.browseTagName {
|
|
white-space: nowrap;
|
|
font-weight: 700;
|
|
}
|
|
.artist-name:hover, .browseLink:hover, .album-art-hovered .album-name, .album-name:hover, .browseAlbumSubTitle:hover, .browseTagName:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.albumViewControl {
|
|
margin-right: 20px;
|
|
float: right;
|
|
}
|
|
.imageDragContainer {
|
|
-moz-opacity: .4;
|
|
opacity: .4;
|
|
filter: alpha(opacity=40);
|
|
}
|
|
.fade-out-parent {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.fade-out-content {
|
|
float: left;
|
|
max-width: 99%;
|
|
overflow: hidden;
|
|
}
|
|
#filter-albums-container {
|
|
display: inline-block;
|
|
float: right;
|
|
padding: 3px 20px 0px 0px;
|
|
}
|
|
#filter-album-view-checkbox {
|
|
margin-right: 4px;
|
|
vertical-align: middle;
|
|
}
|
|
.fade-out-effect {
|
|
padding: 0;
|
|
height: 20px;
|
|
width: 15px;
|
|
margin-left: -15px;
|
|
float: right;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4846px -926px;
|
|
}
|
|
.shortcuts-table {
|
|
border-spacing: 0;
|
|
color: #3f3f3f;
|
|
max-width: 1000px;
|
|
}
|
|
.shortcuts-table .column {
|
|
border: none;
|
|
vertical-align: top;
|
|
width: 450px;
|
|
}
|
|
.shortcuts-table th {
|
|
text-align: left;
|
|
padding-right: 30px;
|
|
}
|
|
.shortcuts-table td {
|
|
padding-right: 20px;
|
|
}
|
|
.shortcuts-table td, .shortcuts-table th {
|
|
line-height: 24px;
|
|
border-bottom: 1px solid #e9e9e9;
|
|
}
|
|
.shortcuts-table thead td {
|
|
line-height: 14px;
|
|
}
|
|
.filter-dropdown-menu .selected .goog-menuitem-content {
|
|
font-weight: bold;
|
|
}
|
|
.button, .simple-dialog-buttons button {
|
|
cursor: pointer;
|
|
text-transform: uppercase;
|
|
color: white!important;
|
|
background: #c2c2c2;
|
|
border: 1px solid white;
|
|
outline: 1px solid #e3e3e3;
|
|
font-weight: 700;
|
|
line-height: 22px;
|
|
padding: 0 12px 0 12px;
|
|
margin: 1px;
|
|
filter: none;
|
|
text-align: center;
|
|
display: inline-block;
|
|
text-decoration: none!important;
|
|
}
|
|
.button:hover, .simple-dialog-buttons button:hover {
|
|
background-color: #999;
|
|
}
|
|
.button[disabled], .simple-dialog-buttons button[disabled] {
|
|
background-color: #dadada;
|
|
}
|
|
.button.primary, .simple-dialog-buttons button.goog-buttonset-default, .simple-dialog-buttons button.primary {
|
|
background-color: #3caec0;
|
|
}
|
|
.button.primary:hover, .simple-dialog-buttons button.goog-buttonset-default:hover, .simple-dialog-buttons button.primary:hover {
|
|
background-color: #2ac7e1;
|
|
}
|
|
.button.primary[disabled], .simple-dialog-buttons button.goog-buttonset-default[disabled], .simple-dialog-buttons button.primary[disabled] {
|
|
background-color: #a0dae3;
|
|
}
|
|
.button.small, .simple-dialog-buttons button.small {
|
|
background-color: #a5a5a5;
|
|
background-image: none;
|
|
font-size: 10.5px;
|
|
line-height: 19px;
|
|
min-width: 30px;
|
|
padding: 1px 6px 1px 6px;
|
|
}
|
|
.button.small:hover, .simple-dialog-buttons button.small:hover {
|
|
background-color: #2ac7e1;
|
|
}
|
|
.button.small[disabled], .simple-dialog-buttons button.small[disabled] {
|
|
background-color: #d2d2d2;
|
|
}
|
|
.card {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
width: 160px;
|
|
display: inline-block;
|
|
margin: 5px;
|
|
border-radius: 2px;
|
|
box-shadow: 0px 2px 4px rgba(0, 0, 0, .2);
|
|
background: white;
|
|
overflow: hidden;
|
|
vertical-align: top;
|
|
position: relative;
|
|
font-weight: 300;
|
|
cursor: default;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
.card .image-wrapper {
|
|
border-radius: 2px 2px 0 0;
|
|
position: relative;
|
|
cursor: pointer;
|
|
width: 100%}
|
|
.card.small[data-is-imfl="true"] .image-wrapper {
|
|
border-radius: 0 2px 2px 0;
|
|
}
|
|
.card .image-inner-wrapper {
|
|
border-radius: 2px 2px 0 0;
|
|
width: 100%;
|
|
height: 100%}
|
|
.card.small[data-is-imfl="true"] .image-inner-wrapper {
|
|
border-radius: 0 2px 2px 0;
|
|
}
|
|
.card .hover-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: black;
|
|
cursor: pointer;
|
|
-moz-opacity: 0;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|
-moz-transition: all 0.3s ease-in-out;
|
|
-o-transition: all 0.3s ease-in-out;
|
|
transition: all 0.3s ease-in-out;
|
|
border-radius: 2px;
|
|
}
|
|
.card .radio-overlay {
|
|
-webkit-transition: opacity 0.3s ease-in-out;
|
|
-moz-transition: opacity 0.3s ease-in-out;
|
|
-o-transition: opacity 0.3s ease-in-out;
|
|
transition: opacity 0.3s ease-in-out;
|
|
}
|
|
.card[data-zoomable-image-url] .hover-overlay {
|
|
cursor: -moz-zoom-in;
|
|
cursor: -webkit-zoom-in;
|
|
}
|
|
.card .menu-anchor {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4638px -926px;
|
|
width: 36px;
|
|
height: 36px;
|
|
display: none;
|
|
cursor: pointer;
|
|
}
|
|
.card.wide[data-type="album"] .menu-anchor {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4786px -926px;
|
|
width: 36px;
|
|
height: 36px;
|
|
right: -170px;
|
|
z-index: 2;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.card.wide[data-type="album"] .menu-anchor {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -799px -212px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.card:hover .menu-anchor, .card.menu-displayed .menu-anchor {
|
|
display: block;
|
|
}
|
|
.card .description-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 75px;
|
|
background: black;
|
|
-moz-opacity: 0;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
-webkit-transition: all 0.3s ease-in-out;
|
|
-moz-transition: all 0.3s ease-in-out;
|
|
-o-transition: all 0.3s ease-in-out;
|
|
transition: all 0.3s ease-in-out;
|
|
}
|
|
[data-is-imfl="true"]:hover .description-overlay {
|
|
-moz-opacity: 0.08;
|
|
opacity: 0.08;
|
|
filter: alpha(opacity=8);
|
|
}
|
|
.card.small[data-is-imfl="true"] {
|
|
height: 75px;
|
|
width: 330px;
|
|
cursor: pointer;
|
|
}
|
|
.card.small[data-is-imfl="true"] .radio-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1010px -22px;
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.card.small[data-is-imfl="true"] .radio-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -401px -86px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.card.small[data-is-imfl="true"] .radio-icon-hover {
|
|
background: url("ifl_dice_ani.gif");
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.card.small[data-is-imfl="true"] .radio-icon-hover {
|
|
background: url("ifl_dice_ani_x2.gif");
|
|
background-size: 100% 100%}
|
|
}.radio-icon-hover {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
}
|
|
[data-is-imfl="true"]:hover .radio-icon-hover {
|
|
display: block;
|
|
}
|
|
.card.small[data-is-imfl="true"] .image-wrapper .radio-overlay {
|
|
width: 75px;
|
|
height: 75px;
|
|
background: none;
|
|
}
|
|
.card.small[data-is-imfl="true"] .image-wrapper {
|
|
height: 75px;
|
|
width: 75px;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
[data-is-imfl="true"]:hover .image-wrapper {
|
|
background: url("ifl_album_art_ani.gif");
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
[data-is-imfl="true"]: hover .image-wrapper {
|
|
background: url("ifl_album_art_ani_x2.gif");
|
|
background-size: 100% 100%}
|
|
}[data-is-imfl="true"]:hover .image-wrapper .image-inner-wrapper {
|
|
display: none;
|
|
}
|
|
.card.small[data-is-imfl="true"] .title {
|
|
font-size: 20px;
|
|
}
|
|
.card.small[data-is-imfl="true"] .title:hover {
|
|
text-decoration: none;
|
|
}
|
|
.card.small[data-is-imfl="true"] .sub-title {
|
|
font-size: 14px;
|
|
padding-top: 4px;
|
|
height: 17px;
|
|
line-height: 17px;
|
|
}
|
|
.card.small[data-is-imfl="true"] .details {
|
|
width: 245px;
|
|
overflow: hidden;
|
|
padding-top: 10px;
|
|
}
|
|
.card.small[data-is-imfl="true"] .explicit {
|
|
margin-top: 7px;
|
|
margin-right: 5px;
|
|
}
|
|
.card.small .radio-overlay {
|
|
cursor: pointer;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3106px -1282px;
|
|
width: 160px;
|
|
height: 160px;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.card.large .radio-overlay {
|
|
cursor: pointer;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3724px 0;
|
|
width: 330px;
|
|
height: 330px;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.card .radio-icon {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -482px -1234px;
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
.card .action-container {
|
|
margin-top: 3px;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.10);
|
|
}
|
|
.card .action-container .content {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
font-weight: 400;
|
|
font-size: 13px;
|
|
color: #fb8521;
|
|
padding-top: 3px;
|
|
}
|
|
.card .action-container .play-radio-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3400px -910px;
|
|
width: 24px;
|
|
height: 24px;
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
.card .action-container {
|
|
cursor: pointer;
|
|
}
|
|
.card .action-container .content .actionable {
|
|
vertical-align: middle;
|
|
}
|
|
[data-account-type="all-access"] .card .radio-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3850px -958px;
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.card.small .radio-overlay {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1503px -455px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.card.large .radio-overlay {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -401px -135px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.card .radio-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -627px -530px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.card .action-container .play-radio-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2432px -512px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
[data-account-type="all-access"] .card .radio-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -862px -348px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
[data-account-type="all-access"] [data-is-imfl="true"] .radio-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -911px -348px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.card .overlay-icon, .card .overlay-curate {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
-moz-opacity: 0;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
-webkit-transition: opacity 0.3s ease-in-out;
|
|
-moz-transition: opacity 0.3s ease-in-out;
|
|
-o-transition: opacity 0.3s ease-in-out;
|
|
transition: opacity 0.3s ease-in-out;
|
|
}
|
|
.card .overlay-curate {
|
|
display: none;
|
|
}
|
|
.card[data-playback-status=""].menu-displayed .hover-overlay, .cover .card[data-playback-status=""].menu-displayed .hover-overlay, .card[data-playback-status=""] .image-wrapper:hover .hover-overlay {
|
|
-moz-opacity: .4;
|
|
opacity: .4;
|
|
filter: alpha(opacity=40);
|
|
}
|
|
.card[data-is-radio="false"][data-playback-status=""] .image-wrapper:hover .overlay-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1050px -1074px;
|
|
width: 48px;
|
|
height: 48px;
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
top: auto;
|
|
right: auto;
|
|
margin: 2px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.card[data-is-radio="false"][data-playback-status=""] .image-wrapper: hover .overlay-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1640px -634px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.card[data-playback-status=""] .image-wrapper:hover .overlay-curate {
|
|
width: 16px;
|
|
height: 16px;
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2878px -124px;
|
|
top: auto;
|
|
left: auto;
|
|
margin-right: 17px;
|
|
margin-bottom: 17px;
|
|
display: block;
|
|
}
|
|
.cover .card .image-wrapper .hover-overlay, .cover .card .image-wrapper .overlay-icon {
|
|
-moz-opacity: 0;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
}
|
|
.cover .card .image-wrapper .overlay-icon {
|
|
display: none;
|
|
}
|
|
.cover .card[data-playback-status=""] .image-wrapper .overlay-icon {
|
|
display: block;
|
|
}
|
|
.cover .card .image-wrapper:hover .hover-overlay {
|
|
-moz-opacity: .4;
|
|
opacity: .4;
|
|
filter: alpha(opacity=40);
|
|
}
|
|
.cover .card[data-is-radio="false"][data-playback-status=""] .image-wrapper:hover .overlay-icon, .cover .card[data-is-radio="false"][data-playback-status=""] .image-wrapper:hover .overlay-icon:hover {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3056px -1282px;
|
|
width: 48px;
|
|
height: 48px;
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
top: 0;
|
|
right: 0;
|
|
margin: auto;
|
|
}
|
|
.card[data-is-radio="false"][data-playback-status=""] .image-wrapper:hover .overlay-icon:hover {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2522px 0;
|
|
width: 48px;
|
|
height: 48px;
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.card[data-is-radio="false"][data-playback-status=""] .image-wrapper: hover .overlay-icon:hover {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1954px -555px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.card[data-playback-status="playing"] .hover-overlay, .card[data-playback-status="loading"] .hover-overlay, .card[data-playback-status="paused"] .hover-overlay {
|
|
-moz-opacity: .8;
|
|
opacity: .8;
|
|
filter: alpha(opacity=80);
|
|
}
|
|
.card[data-playback-status="playing"] .radio-overlay, .card[data-playback-status="loading"] .radio-overlay, .card[data-playback-status="paused"] .radio-overlay {
|
|
-moz-opacity: 0;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
}
|
|
.card[data-is-imfl="true"] .radio-overlay {
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.card[data-playback-status="playing"] .overlay-icon {
|
|
background: url("ani_equalizer_white.gif");
|
|
width: 48px;
|
|
height: 48px;
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.card[data-playback-status="loading"] .overlay-icon {
|
|
background: url("ani_loading_white.gif");
|
|
width: 48px;
|
|
height: 48px;
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.card[data-playback-status="paused"] .overlay-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -6062px -1294px;
|
|
width: 48px;
|
|
height: 48px;
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.card[data-playback-status="playing"] .overlay-icon {
|
|
background: url("ani_equalizer_white_x2.gif");
|
|
background-size: 100% 100%}
|
|
.card[data-playback-status="loading"] .overlay-icon {
|
|
background: url('ani_loading_white_x2.gif');
|
|
background-size: 100% 100%}
|
|
.card[data-playback-status="paused"] .overlay-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -627px -600px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.card .image {
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
vertical-align: top;
|
|
border-radius: 2px 2px 0 0;
|
|
}
|
|
.card.small[data-is-imfl="true"] .image {
|
|
border-radius: 0 2px 2px 0;
|
|
}
|
|
.card .details {
|
|
margin: 7px 10px 7px 10px;
|
|
overflow: hidden;
|
|
}
|
|
.card .title {
|
|
font-size: 16px;
|
|
line-height: 18px;
|
|
max-height: 38px;
|
|
color: #333;
|
|
cursor: pointer;
|
|
}
|
|
.card.medium .title {
|
|
line-height: 20px;
|
|
}
|
|
.card.medium .details {
|
|
margin: 6px 10px 6px 10px;
|
|
}
|
|
.card .title:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.card .sub-title {
|
|
overflow: hidden;
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
height: 16px;
|
|
color: #aaa;
|
|
margin: 1px 0;
|
|
}
|
|
.card .sub-title[data-type] {
|
|
cursor: pointer;
|
|
}
|
|
.card .sub-title[data-type]:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.card .explicit {
|
|
display: inline-block;
|
|
float: right;
|
|
background: white;
|
|
color: #ff3300;
|
|
height: 11px;
|
|
font-size: 10px;
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
height: 12px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
padding: 0 2px 0 2px;
|
|
margin-top: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
.album-view .cover .card .explicit {
|
|
display: none;
|
|
}
|
|
.card .reason {
|
|
border-top: 1px solid #f1f1f1;
|
|
height: 32px;
|
|
margin-top: 3px;
|
|
display: table;
|
|
width: 100%}
|
|
.card .reason .content {
|
|
color: #b5b5b5;
|
|
font-size: 12px;
|
|
font-style: italic;
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
white-space: normal;
|
|
max-height: 28px;
|
|
line-height: 14px;
|
|
padding-top: 3px;
|
|
}
|
|
.card .composite-wrapper {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.card .composite-wrapper img {
|
|
position: absolute;
|
|
}
|
|
.card.medium .composite-wrapper[data-image-count="1"] img {
|
|
width: 276px;
|
|
height: 276px;
|
|
position: static;
|
|
}
|
|
.card.medium .composite-wrapper[data-image-count="2"] img[data-index="1"], .card.medium .composite-wrapper[data-image-count="3"] img[data-index="2"], .card.medium .composite-wrapper[data-image-count="4"] img[data-index="3"], .card.medium .composite-wrapper[data-image-count="5"] img[data-index="4"] {
|
|
left: 0%}
|
|
.card.medium .composite-wrapper[data-image-count="5"] img[data-index="3"] {
|
|
left: 12.5%}
|
|
.card.medium .composite-wrapper[data-image-count="4"] img[data-index="2"] {
|
|
left: 16.67%}
|
|
.card.medium .composite-wrapper[data-image-count="3"] img[data-index="1"], .card.medium .composite-wrapper[data-image-count="5"] img[data-index="2"] {
|
|
left: 25%}
|
|
.card.medium .composite-wrapper[data-image-count="4"] img[data-index="1"] {
|
|
left: 33.33%}
|
|
.card.medium .composite-wrapper[data-image-count="5"] img[data-index="1"] {
|
|
left: 37.5%}
|
|
.card.medium .composite-wrapper img[data-index="0"] {
|
|
left: 50%}
|
|
.card.small .image-wrapper {
|
|
height: 160px;
|
|
}
|
|
.card.small .composite-wrapper img {
|
|
width: 79px;
|
|
height: 79px;
|
|
}
|
|
.card.medium {
|
|
width: 276px;
|
|
}
|
|
.card.medium .image-wrapper {
|
|
height: 276px;
|
|
}
|
|
.card.large .image-wrapper {
|
|
height: 330px;
|
|
margin-bottom: 9px;
|
|
}
|
|
.card.large {
|
|
width: 330px;
|
|
height: 500px;
|
|
}
|
|
.card.large .title {
|
|
font-size: 20px;
|
|
line-height: 23px;
|
|
height: 23px;
|
|
}
|
|
.card.large .sub-title {
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
height: 17px;
|
|
}
|
|
.card.large .reason {
|
|
font-size: 13px;
|
|
margin-top: 80px;
|
|
}
|
|
.card.large .composite-wrapper img {
|
|
width: 164px;
|
|
height: 164px;
|
|
}
|
|
.card.wide {
|
|
width: 330px;
|
|
}
|
|
.card.wide[data-type="artist"] {
|
|
max-height: 252px;
|
|
}
|
|
.card.wide .image-wrapper {
|
|
width: 160px;
|
|
height: 160px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.card.wide .composite-wrapper img {
|
|
width: 79px;
|
|
height: 79px;
|
|
}
|
|
.card.wide .details {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 150px;
|
|
}
|
|
.card.wide .details .details-inner {
|
|
height: 114px;
|
|
}
|
|
.card.wide[data-type="artist"] .details .details-inner {
|
|
height: auto;
|
|
}
|
|
.card.wide .details .action-container {
|
|
width: 150px;
|
|
}
|
|
.card.wide[data-type="artist"] .details .action-container {
|
|
width: 310px;
|
|
}
|
|
.card.wide .details .title {
|
|
max-height: 96px;
|
|
white-space: normal;
|
|
font-size: 20px;
|
|
line-height: 24px;
|
|
width: 134px;
|
|
overflow: hidden;
|
|
}
|
|
.card.wide[data-type="artist"] .details .title {
|
|
white-space: nowrap;
|
|
width: 100%}
|
|
.card.wide[data-type="artist"] .details {
|
|
display: block;
|
|
width: 310px;
|
|
}
|
|
.card.wide[data-type="artist"] .image-wrapper {
|
|
width: 330px;
|
|
height: 165px;
|
|
}
|
|
.card:not(.medium) .composite-wrapper[data-image-count="4"] {
|
|
white-space: normal;
|
|
}
|
|
.card:not(.medium) .composite-wrapper[data-image-count="4"] img {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
position: static;
|
|
}
|
|
.card:not(.medium) .composite-wrapper[data-image-count="4"] img[data-index="0"], .card:not(.medium) .composite-wrapper[data-image-count="4"] img[data-index="2"] {
|
|
margin-right: 2px;
|
|
}
|
|
.card:not(.medium) .composite-wrapper[data-image-count="4"] img[data-index="0"], .card:not(.medium) .composite-wrapper[data-image-count="4"] img[data-index="1"] {
|
|
margin-bottom: 2px;
|
|
}
|
|
.card-group {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
height: 510px;
|
|
}
|
|
.card-group.small {
|
|
width: 170px;
|
|
}
|
|
.card-group.large {
|
|
width: 340px;
|
|
}
|
|
.card-group.large.ifl-group .card.large {
|
|
height: 415px;
|
|
}
|
|
.card-group.large.ifl-group .card.large .title {
|
|
font-size: 16px;
|
|
line-height: 18px;
|
|
height: 18px;
|
|
}
|
|
.card-group.large.ifl-group .card.large .sub-title {
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
height: 16px;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.card-group.large.ifl-group .card.large .reason {
|
|
font-size: 13px;
|
|
margin-top: 4px;
|
|
}
|
|
.card-group.large.ifl-group .card.large .image-wrapper {
|
|
margin-bottom: 0px;
|
|
}
|
|
.card.small[data-type="tgs"] .image-wrapper {
|
|
width: 160px;
|
|
height: 210px;
|
|
margin-bottom: -30px;
|
|
}
|
|
.card.small[data-type="tgs"] .hover-overlay {
|
|
z-index: 1;
|
|
}
|
|
.card.small[data-type="tgs"] .overlay-icon {
|
|
z-index: 2;
|
|
}
|
|
.card.small[data-type="tgs"] .image {
|
|
width: 77px;
|
|
height: 77px;
|
|
margin: 58px 0 0 42px;
|
|
}
|
|
.card.small[data-type="tgs"] .details {
|
|
position: relative;
|
|
top: -42px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.card.small[data-type="tgs"] .title {
|
|
text-align: center;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
color: #b3b3b3;
|
|
}
|
|
.card.small[data-type="tgs"] .sub-title {
|
|
height: auto;
|
|
}
|
|
.card[data-is-radio="false"][data-type="artist"] .sub-title, .card[data-is-radio="false"][data-type="artist"] .overlay-icon {
|
|
display: none;
|
|
}
|
|
.card.small[data-is-radio="false"][data-type="artist"] .image-wrapper {
|
|
height: 80px;
|
|
}
|
|
.card[data-type="expgenres"] .overlay-icon {
|
|
display: none;
|
|
}
|
|
.card.medium[data-is-radio="false"] .image-wrapper {
|
|
height: 138px;
|
|
}
|
|
.card.medium .composite-wrapper img {
|
|
width: 138px;
|
|
height: 138px;
|
|
}
|
|
.card.medium[data-type="tg"] .sub-title {
|
|
display: none;
|
|
}
|
|
.card.info {
|
|
width: 330px;
|
|
height: 245px;
|
|
}
|
|
.card.info .title {
|
|
font-size: 24px;
|
|
height: auto;
|
|
margin-top: 16px;
|
|
cursor: default;
|
|
text-indent: 10px;
|
|
}
|
|
.card.info .title:hover {
|
|
text-decoration: none;
|
|
}
|
|
.card.info .sub-title {
|
|
display: block;
|
|
white-space: normal;
|
|
height: auto;
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
margin: 10px;
|
|
font-weight: normal;
|
|
}
|
|
.card.info .button {
|
|
position: absolute;
|
|
left: 10px;
|
|
bottom: 10px;
|
|
}
|
|
.card.large[data-is-event="true"] .event-description {
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
color: #aaa;
|
|
width: 310px;
|
|
height: 40px;
|
|
white-space: normal;
|
|
padding-top: 5px;
|
|
overflow: hidden;
|
|
}
|
|
.card.large[data-is-event="true"] .event-actionable {
|
|
padding-top: 4px;
|
|
font-size: 16px;
|
|
color: #fb8521;
|
|
}
|
|
.card.large[data-is-event="true"] .event-actionable a {
|
|
text-decoration: none;
|
|
color: #fb8521;
|
|
}
|
|
.card.large[data-is-event="true"] .reason {
|
|
margin-top: 9px;
|
|
}
|
|
.cluster, .settings-cluster {
|
|
clear: both;
|
|
margin-left: -24px;
|
|
padding-left: 24px;
|
|
}
|
|
.cluster .header, .settings-cluster .header {
|
|
clear: both;
|
|
padding: 6px 0 5px 0px;
|
|
color: #929292;
|
|
margin-top: 25px;
|
|
}
|
|
.cluster .header .more {
|
|
float: right;
|
|
margin: 0px 5px 0px 0px;
|
|
cursor: pointer;
|
|
display: none;
|
|
}
|
|
.cluster.has-more .header .more {
|
|
display: inline-block;
|
|
}
|
|
.cluster .header .title, .settings-cluster .header .title {
|
|
font-size: 28px;
|
|
color: #333;
|
|
font-weight: 100;
|
|
cursor: default;
|
|
padding-left: 5px;
|
|
}
|
|
.cluster.has-more .title {
|
|
cursor: pointer;
|
|
}
|
|
.cluster .lane-content {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.cluster .lane-button {
|
|
cursor: pointer;
|
|
display: none;
|
|
vertical-align: middle;
|
|
}
|
|
.cluster.has-prev-page:hover .lane-button.prev {
|
|
display: inline-block;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3724px -792px;
|
|
width: 24px;
|
|
height: 36px;
|
|
margin-left: -24px;
|
|
}
|
|
.cluster.has-next-page:hover .lane-button.next {
|
|
display: inline-block;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1110px -44px;
|
|
width: 24px;
|
|
height: 36px;
|
|
margin-right: -24px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.cluster.has-prev-page: hover .lane-button.prev {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1528px -73px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.cluster.has-next-page:hover .lane-button.next {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2323px -511px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.cluster .lane-spacer {
|
|
display: inline-block;
|
|
}
|
|
.cluster[data-type="srbm"] .more {
|
|
display: none;
|
|
}
|
|
.genres .genre {
|
|
display: inline-block;
|
|
color: #888;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
cursor: pointer;
|
|
text-transform: uppercase;
|
|
}
|
|
.genre.user-genre {
|
|
cursor: default;
|
|
}
|
|
.actions button .icon {
|
|
width: 24px;
|
|
height: 24px;
|
|
display: inline-block;
|
|
margin-right: 8px;
|
|
vertical-align: -7px;
|
|
-moz-opacity: .7;
|
|
opacity: .7;
|
|
filter: alpha(opacity=70);
|
|
}
|
|
.actions button:hover .icon {
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.actions button[data-id="add"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5278px -1356px;
|
|
}
|
|
.actions button[data-id="radio"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) 0 -1424px;
|
|
}
|
|
[data-account-type="all-access"] .actions button[data-id="radio"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4886px -1270px;
|
|
}
|
|
.actions button[data-id="shuffle"] .icon, .actions button[data-id="shuffle-all"] .icon, .actions button[data-id="shuffle-artist"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4116px -976px;
|
|
}
|
|
.actions button[data-id="share"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4082px -30px;
|
|
}
|
|
.actions button[data-id="menu"] {
|
|
padding: 0;
|
|
min-width: 0;
|
|
}
|
|
.actions button[data-id="menu"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2600px -506px;
|
|
margin-right: 0;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.actions button[data-id="add"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2426px -362px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.actions button[data-id="radio"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -153px -655px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
[data-account-type="all-access"] .actions button[data-id="radio"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -115px -605px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.actions button[data-id="shuffle"] .icon, .actions button[data-id="shuffle-all"] .icon, .actions button[data-id="shuffle-artist"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2760px -476px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.actions button[data-id="share"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1300px -345px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.actions button[data-id="menu"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -862px -323px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}tr {
|
|
outline: none;
|
|
}
|
|
.simple-dialog.more-text {
|
|
border-radius: 5px;
|
|
box-shadow: 0px 2px 40px rgba(0, 0, 0, .4);
|
|
background: white;
|
|
line-height: 20px;
|
|
border: 1px solid #c0c0c0;
|
|
padding-right: 10px;
|
|
}
|
|
.simple-dialog.more-text .simple-dialog-buttons {
|
|
display: none;
|
|
}
|
|
.simple-dialog.more-text .simple-dialog-content {
|
|
max-width: 460px;
|
|
overflow: auto;
|
|
font-size: 14px;
|
|
padding-right: 20px;
|
|
}
|
|
.section-header {
|
|
clear: both;
|
|
font-size: 28px;
|
|
color: #333;
|
|
font-weight: 100;
|
|
margin-top: 25px;
|
|
line-height: 40px;
|
|
text-indent: 5px;
|
|
}
|
|
.same-artist .song-table [data-col="artist"] {
|
|
display: none;
|
|
}
|
|
.edit-playlist .goog-buttonset-default {
|
|
background-color: #fa8400!important;
|
|
}
|
|
.paragraph-end {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(229, 229, 229, 0)), color-stop(100%, rgba(229, 229, 229, 1)));
|
|
background-image: -webkit-linear-gradient(left, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
background-image: -moz-linear-gradient(left, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
background-image: -ms-linear-gradient(left, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
background-image: -o-linear-gradient(left, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
background: linear-gradient(to right, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00e5e5e5', EndColorStr='#e5e5e5');
|
|
bottom: 0;
|
|
height: 25px;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 60px;
|
|
}
|
|
.description .paragraph-end {
|
|
left: -60px;
|
|
bottom: -3px;
|
|
}
|
|
.fade-out {
|
|
position: relative;
|
|
white-space: nowrap;
|
|
}
|
|
.fade-out:after {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 30px;
|
|
content: "";
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
|
|
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
|
|
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
|
|
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
|
|
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
|
|
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00ffffff', EndColorStr='#ffffff');
|
|
}
|
|
.fade-out.gray:after {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(229, 229, 229, 0)), color-stop(100%, rgba(229, 229, 229, 1)));
|
|
background-image: -webkit-linear-gradient(left, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
background-image: -moz-linear-gradient(left, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
background-image: -ms-linear-gradient(left, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
background-image: -o-linear-gradient(left, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
background: linear-gradient(to right, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00e5e5e5', EndColorStr='#e5e5e5');
|
|
}
|
|
.fade-out.black:after {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1)));
|
|
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
|
|
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
|
|
background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
|
|
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
|
|
background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00000000', EndColorStr='#000000');
|
|
}
|
|
.read-more-button-wrapper.fade-out {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
height: 26px;
|
|
overflow: visible;
|
|
background: #e5e5e5;
|
|
}
|
|
.read-more-button-wrapper.fade-out:after {
|
|
right: auto;
|
|
left: -60px;
|
|
width: 60px;
|
|
}
|
|
.button.read-more-button {
|
|
display: none;
|
|
margin-top: 1px;
|
|
}
|
|
.collapsed .read-more-button {
|
|
display: block;
|
|
}
|
|
a.primary {
|
|
color: #cc6d1d;
|
|
text-decoration: none;
|
|
}
|
|
a.secondary {
|
|
color: #585858;
|
|
text-decoration: none;
|
|
}
|
|
a.primary:hover, a.secondary:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.simple-dialog {
|
|
background-color: #fff;
|
|
color: #333;
|
|
outline: 0;
|
|
border-radius: 5px;
|
|
border: 1px solid #c0c0c0;
|
|
box-shadow: 0 2px 40px rgba(0, 0, 0, .4);
|
|
padding: 28px 30px;
|
|
max-width: 600px;
|
|
position: absolute;
|
|
z-index: 1200;
|
|
}
|
|
.simple-dialog.wide {
|
|
max-width: 1000px;
|
|
}
|
|
.zoomable-image-dialog {
|
|
padding: 0;
|
|
cursor: pointer;
|
|
background-color: #fff;
|
|
outline: 0;
|
|
border-radius: 5px;
|
|
border: 1px solid #c0c0c0;
|
|
box-shadow: 0 2px 40px rgba(0, 0, 0, .4);
|
|
position: absolute;
|
|
z-index: 1200;
|
|
}
|
|
.zoomable-image-dialog img {
|
|
border-radius: 5px;
|
|
}
|
|
.simple-dialog-bg, .zoomable-image-dialog-bg {
|
|
background: white;
|
|
opacity: 0.8;
|
|
filter: opacity(alpha=80);
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.simple-dialog-bg {
|
|
z-index: 500;
|
|
}
|
|
.zoomable-image-dialog-bg {
|
|
z-index: 1200;
|
|
}
|
|
.simple-dialog-title {
|
|
position: static;
|
|
background-color: #fff;
|
|
border: none;
|
|
padding: 0;
|
|
cursor: default;
|
|
line-height: 24px;
|
|
margin: 0 0 24px;
|
|
text-transform: none;
|
|
display: block;
|
|
height: 24px;
|
|
color: #333;
|
|
font-size: 28px;
|
|
font-weight: 300;
|
|
}
|
|
.simple-dialog.centered .simple-dialog-title {
|
|
text-align: center;
|
|
}
|
|
.zoomable-image-dialog-title {
|
|
display: none;
|
|
}
|
|
.simple-dialog-title-close {
|
|
display: inline;
|
|
height: 24px;
|
|
opacity: 0.7;
|
|
padding: 11px 11px 10px 10px;
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
width: 24px;
|
|
}
|
|
.simple-dialog-title-close:after {
|
|
content: '';
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3606px -146px;
|
|
position: absolute;
|
|
height: 24px;
|
|
width: 24px;
|
|
right: 11px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.simple-dialog-title-close: after {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2969px -375px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.simple-dialog-title-close:hover {
|
|
opacity: 1;
|
|
}
|
|
.simple-dialog-content {
|
|
padding: 0 0 20px 0;
|
|
margin: 15px 0 0 0;
|
|
background-color: #fff;
|
|
border: none;
|
|
max-width: none;
|
|
line-height: 1.4em;
|
|
clear: both;
|
|
font-size: 13px;
|
|
}
|
|
.zoomable-image-dialog-content {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: 0;
|
|
}
|
|
.simple-dialog input[type="text"] {
|
|
margin: 1px 0 10px 0;
|
|
border: 1px solid #ccc;
|
|
padding: 4px;
|
|
}
|
|
.simple-dialog-buttons {
|
|
margin: 16px 0 0 0;
|
|
text-align: inherit;
|
|
background-color: transparent;
|
|
padding: 0;
|
|
border: none;
|
|
}
|
|
.simple-dialog-buttons button {
|
|
margin: 0 10px 0 0;
|
|
}
|
|
.simple-dialog input[type="text"], #share-playlist-popup input[type="text"], .simple-dialog textarea {
|
|
margin: 1px 0 10px 0;
|
|
border: 1px solid #ccc;
|
|
padding: 4px;
|
|
box-sizing: border-box;
|
|
font-size: 13px;
|
|
}
|
|
.zoomable-image-dialog-buttons {
|
|
display: none;
|
|
}
|
|
.simple-dialog.share-google-plus, .simple-dialog.get-link {
|
|
width: 600px;
|
|
}
|
|
.simple-dialog.share-google-plus .title, .simple-dialog.get-link .title {
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
max-width: 300px;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
vertical-align: top;
|
|
}
|
|
.simple-dialog.share-google-plus .title-line, .simple-dialog.get-link .title-line {
|
|
vertical-align: top;
|
|
}
|
|
.simple-dialog.get-link .link-line {
|
|
display: inline-block;
|
|
margin-top: 20px;
|
|
}
|
|
.simple-dialog.get-link .link-line .icon, .simple-dialog.get-link .link-line input[type="text"], .simple-dialog.get-link .link-line .button {
|
|
float: left;
|
|
}
|
|
.simple-dialog.get-link .link-line .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -212px -1184px;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin: 10px 10px 0 0;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.simple-dialog.get-link .link-line .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -627px -513px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.simple-dialog.get-link .link-line input.link {
|
|
margin-top: 4px;
|
|
width: 500px;
|
|
}
|
|
.simple-dialog.get-link .button.copy {
|
|
margin-left: 10px;
|
|
}
|
|
.download-dialog {
|
|
color: #3f3f3f;
|
|
width: 385px;
|
|
}
|
|
.download-iframe {
|
|
margin: 0;
|
|
width: 1px;
|
|
height: 1px;
|
|
float: right;
|
|
visibility: hidden;
|
|
}
|
|
.download-submit {
|
|
background: transparent;
|
|
border: 0;
|
|
display: inline;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
color: #666;
|
|
text-decoration: underline;
|
|
font-family: 'Roboto', arial, sans-serif;
|
|
font-size: 13px;
|
|
}
|
|
.download-dialog .text {
|
|
margin-top: 10px;
|
|
}
|
|
.download-dialog .limit-text {
|
|
margin-top: 10px;
|
|
color: #666;
|
|
}
|
|
.download-dialog .limit-text a {
|
|
color: #666;
|
|
}
|
|
#get_music_manager_link {
|
|
color: #666;
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
.download-dialog .heading-text {
|
|
margin-top: 10px;
|
|
font-weight: 700;
|
|
}
|
|
.download-dialog .preparing {
|
|
text-align: center;
|
|
font-weight: 700;
|
|
margin-top: 30px;
|
|
}
|
|
.download-dialog .preparing-spinner, .download-dialog .preparing-message {
|
|
margin-right: 10px;
|
|
vertical-align: middle;
|
|
}
|
|
.genre-section {
|
|
margin-top: 20px;
|
|
margin-right: 28px;
|
|
}
|
|
.genre-name {
|
|
width: 160px;
|
|
margin-right: 10px;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
color: #aaa;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
text-transform: uppercase;
|
|
overflow: hidden;
|
|
}
|
|
.genre-name:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.radio-view .genre-stations-container .section-header {
|
|
display: inline-block;
|
|
}
|
|
.radio-view .genre-selection {
|
|
display: inline-block;
|
|
cursor: default;
|
|
margin-left: 20px;
|
|
vertical-align: 5px;
|
|
}
|
|
.labs-view {
|
|
padding: 20px;
|
|
width: 780px;
|
|
}
|
|
.labs-view .description {
|
|
margin-bottom: 20px;
|
|
}
|
|
.labs-view .modified-message {
|
|
font-weight: 700;
|
|
margin-left: 10px;
|
|
visibility: hidden;
|
|
}
|
|
.labs-view.modified .modified-message {
|
|
visibility: visible;
|
|
}
|
|
.labs-view .labs {
|
|
border-top: 2px solid #ccc;
|
|
margin: 20px 0;
|
|
}
|
|
.labs-view .lab {
|
|
padding: 20px 0;
|
|
border-bottom: 2px solid #ccc;
|
|
}
|
|
.labs-view .lab .image {
|
|
width: 174px;
|
|
height: 80px;
|
|
padding: 1px;
|
|
border: 1px solid #b6b6b6;
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
.labs-view .lab .controls {
|
|
float: right;
|
|
margin: 0 20px;
|
|
font-weight: 500;
|
|
}
|
|
.labs-view .lab .info {
|
|
min-height: 80px;
|
|
}
|
|
.labs-view .lab .title {
|
|
font-weight: 700;
|
|
margin-bottom: 6px;
|
|
}
|
|
#doc {
|
|
position: relative;
|
|
}
|
|
#header {
|
|
position: relative;
|
|
z-index: 2;
|
|
background-color: #f1f1f1;
|
|
height: auto;
|
|
}
|
|
.butter-bar-container {
|
|
height: 0;
|
|
overflow: visible;
|
|
text-align: center;
|
|
position: relative;
|
|
top: -15px;
|
|
line-height: 0;
|
|
}
|
|
#butter_bar {
|
|
display: inline-block;
|
|
background-color: #f7efa2;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
height: 40px;
|
|
max-width: 70%;
|
|
line-height: 40px;
|
|
margin-left: 5px;
|
|
margin-bottom: -35px;
|
|
text-align: left;
|
|
overflow: hidden;
|
|
position: relative;
|
|
z-index: 1000;
|
|
-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, .3)!important;
|
|
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, .3)!important;
|
|
box-shadow: 0px 0px 4px rgba(0, 0, 0, .3)!important;
|
|
}
|
|
#butter_bar .fade-out:after {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(247, 239, 162, 0)), color-stop(100%, rgba(247, 239, 162, 1)));
|
|
background-image: -webkit-linear-gradient(left, rgba(247, 239, 162, 0), rgba(247, 239, 162, 1));
|
|
background-image: -moz-linear-gradient(left, rgba(247, 239, 162, 0), rgba(247, 239, 162, 1));
|
|
background-image: -ms-linear-gradient(left, rgba(247, 239, 162, 0), rgba(247, 239, 162, 1));
|
|
background-image: -o-linear-gradient(left, rgba(247, 239, 162, 0), rgba(247, 239, 162, 1));
|
|
background: linear-gradient(to right, rgba(247, 239, 162, 0), rgba(247, 239, 162, 1));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00f7efa2', EndColorStr='#f7efa2');
|
|
}
|
|
.butter-bar-content {
|
|
height: 100%;
|
|
color: #3d3d3d;
|
|
background-color: transparent;
|
|
float: none;
|
|
padding: 10px 0 15px 0;
|
|
width: 100%}
|
|
.butter-bar-right-end-cap {
|
|
float: left;
|
|
width: 0px;
|
|
height: 22px;
|
|
border-left: 12px solid #333;
|
|
border-bottom: 12px solid transparent;
|
|
}
|
|
#butter_bar_message {
|
|
display: block;
|
|
overflow: hidden;
|
|
font-weight: 700;
|
|
color: #333;
|
|
font-size: 12px;
|
|
line-height: 16px;
|
|
min-width: 0;
|
|
padding: 0 30px 0 10px;
|
|
margin: 12px 0 10px 0;
|
|
}
|
|
#butter_bar_button, #butter_bar_close_button {
|
|
display: block;
|
|
float: right;
|
|
color: #f4842d;
|
|
padding: 0 15px 0 15px;
|
|
margin: 12px 0 10px 0;
|
|
line-height: 16px;
|
|
cursor: pointer;
|
|
}
|
|
#butter_bar_button:hover, #butter_bar_close_button:hover {
|
|
text-decoration: underline;
|
|
}
|
|
#butter_bar_button {
|
|
font-weight: 700;
|
|
outline: 0;
|
|
text-align: center;
|
|
border-right: 1px solid #333;
|
|
}
|
|
.g-content {
|
|
margin: 20px 14px 30px 20px;
|
|
}
|
|
#nav-content-container {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 56px;
|
|
width: 100%}
|
|
#content-container {
|
|
margin: 0 0 0 220px;
|
|
height: 100%;
|
|
position: relative;
|
|
}
|
|
.g-unit .g-unit .g-unit .g-tpl-170 .g-first, .g-unit .g-unit .g-tpl-170 .g-first, .g-unit .g-tpl-170 .g-first, .g-tpl-170 .g-first {
|
|
float: left;
|
|
margin: 0;
|
|
width: 170px;
|
|
}
|
|
#nav-container {
|
|
float: left;
|
|
width: 220px;
|
|
margin: 0;
|
|
position: relative;
|
|
height: 100%;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
#nav {
|
|
position: absolute;
|
|
height: auto;
|
|
background-color: #fff;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
margin: 0 4px 0 0;
|
|
width: 220px;
|
|
bottom: 0;
|
|
right: 0;
|
|
left: 0;
|
|
top: 48px;
|
|
}
|
|
#headerBar {
|
|
height: 47px;
|
|
border-bottom: 1px solid #d1d1d1;
|
|
background-color: #e5e5e5;
|
|
padding-top: 0px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
#headerBar.has-promo-pack {
|
|
padding-top: 0;
|
|
}
|
|
#headerBar .nav-tab {
|
|
display: none;
|
|
}
|
|
#headerBar .tab-text {
|
|
position: relative;
|
|
border: none;
|
|
height: auto;
|
|
font-size: 24px;
|
|
font-weight: 300;
|
|
display: inline-block;
|
|
color: #747474;
|
|
cursor: default;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
#headerBar .spacer {
|
|
margin: 0 7px;
|
|
color: #aaa;
|
|
}
|
|
#headerBar .tab-text.parent {
|
|
cursor: pointer;
|
|
color: #aaa;
|
|
max-width: 50%}
|
|
#headerBar .tab-text.parent:hover {
|
|
text-decoration: underline;
|
|
}
|
|
#headerBar .tab-text.has-parent {
|
|
color: #333;
|
|
max-width: 50%}
|
|
#headerBar .genre-dropdown-title.selected-genre {
|
|
font-size: 24px;
|
|
font-weight: 300;
|
|
}
|
|
.genre-dropdown {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
line-height: 48px;
|
|
}
|
|
.genre-dropdown-menu .selected .goog-menuitem-content {
|
|
color: #cc6d1d;
|
|
font-weight: bold;
|
|
}
|
|
.genre-dropdown-menu .selected .goog-menuitem-content:hover {
|
|
color: #cc6d1d!important;
|
|
}
|
|
#countSummary {
|
|
color: #aaa;
|
|
float: right;
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
padding: 5px 0px 0px 0px;
|
|
line-height: 22px;
|
|
margin-right: 10px;
|
|
}
|
|
.nav-tab {
|
|
float: left;
|
|
width: 220px;
|
|
}
|
|
.main-tab {
|
|
margin-left: 0;
|
|
}
|
|
.black_corner {
|
|
margin-top: -4px;
|
|
float: left;
|
|
}
|
|
#content {
|
|
position: absolute;
|
|
top: 48px;
|
|
bottom: 0;
|
|
width: 100%}
|
|
#main {
|
|
overflow: auto;
|
|
background-color: #e5e5e5;
|
|
overflow-y: scroll;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
#content.has-queue-details #main {
|
|
top: 160px;
|
|
}
|
|
#content.has-queue-details .queue-details {
|
|
display: block;
|
|
}
|
|
#nav_collections {
|
|
font-weight: 700;
|
|
padding-top: 6px;
|
|
}
|
|
.main-padding {
|
|
height: 17px;
|
|
}
|
|
#breadcrumbs {
|
|
background: white;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
line-height: 48px;
|
|
}
|
|
#breadcrumbs .subtitle {
|
|
color: #8c8c8c;
|
|
font-weight: 500;
|
|
padding-left: 20px;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
}
|
|
.drag-file {
|
|
height: 80px;
|
|
background-color: gray;
|
|
border: 1px dashed black;
|
|
}
|
|
.dnd-text {
|
|
font-weight: 700;
|
|
padding-top: 30px;
|
|
}
|
|
.confidential {
|
|
position: absolute;
|
|
left: 855px;
|
|
top: 49px;
|
|
z-index: 1000;
|
|
color: red;
|
|
font-size: 18px;
|
|
}
|
|
#loadingOverlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.clearLoadingOverlay {
|
|
background: transparent url('ani_loading_dark_big.gif') no-repeat center center;
|
|
z-index: 1300;
|
|
}
|
|
.regularLoadingOverlay {
|
|
-moz-opacity: .7;
|
|
opacity: .7;
|
|
filter: alpha(opacity=70);
|
|
background: white url('ani_loading_dark_big.gif') no-repeat center center;
|
|
}
|
|
.ifl-loading-overlay {
|
|
-moz-opacity: .7;
|
|
opacity: .7;
|
|
filter: alpha(opacity=70);
|
|
background: white url('animating_dice_ic.gif') no-repeat center center;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.clearLoadingOverlay {
|
|
background: transparent url('ani_loading_dark_big_x2.gif') no-repeat center center;
|
|
background-size: 150px 150px;
|
|
}
|
|
.regularLoadingOverlay {
|
|
background: white url('ani_loading_dark_big_x2.gif') no-repeat center center;
|
|
background-size: 150px 150px;
|
|
}
|
|
}#loadingSpinner {
|
|
position: absolute;
|
|
}
|
|
.viewHeadline {
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
margin-bottom: 10px;
|
|
}
|
|
#view-controls-container {
|
|
float: right;
|
|
}
|
|
#navKeypressElement {
|
|
position: absolute;
|
|
width: 5px;
|
|
left: -20px;
|
|
}
|
|
#rhsKeypressElement {
|
|
position: absolute;
|
|
width: 5px;
|
|
left: -40px;
|
|
}
|
|
#breadcrumbs-menu-container {
|
|
margin-left: 5px;
|
|
float: left;
|
|
}
|
|
.albumImage {
|
|
border: 1px solid #b6b6b6;
|
|
padding: 1px;
|
|
background-color: white;
|
|
display: block;
|
|
}
|
|
#topBarContainer {
|
|
margin-top: 26px;
|
|
margin-right: 40px;
|
|
float: right;
|
|
}
|
|
.add-music-plus-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1080px -22px;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.headerLink {
|
|
color: #494949;
|
|
font-weight: 700;
|
|
text-decoration: none;
|
|
line-height: 20px;
|
|
cursor: pointer;
|
|
}
|
|
.headerLink div:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.headerLink:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.divider {
|
|
padding: 0 5px;
|
|
color: #bbb;
|
|
}
|
|
.dividing-line {
|
|
padding: 3px 8px 0 8px;
|
|
color: #aaa;
|
|
}
|
|
#debugLabel {
|
|
position: absolute;
|
|
right: 0;
|
|
text-align: right;
|
|
font-size: 11px;
|
|
margin: -15px 3px 0 0;
|
|
z-index: 1900;
|
|
}
|
|
#songs {
|
|
clear: both;
|
|
}
|
|
#rhs {
|
|
margin-left: 224px;
|
|
}
|
|
.fatal-message-content {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
line-height: 24px;
|
|
margin: 16px;
|
|
}
|
|
#OneClickCtrl {
|
|
position: absolute;
|
|
top: -10px;
|
|
left: -10px;
|
|
height: 1px;
|
|
max-height: 1px;
|
|
width: 1px;
|
|
max-width: 1px;
|
|
}
|
|
.more-songs-message {
|
|
margin-top: 15px;
|
|
margin-left: 12px;
|
|
color: #7f7f7f;
|
|
}
|
|
#uploading_indicator {
|
|
margin-bottom: -3px;
|
|
margin-left: 4px;
|
|
}
|
|
#uploading_indicator_old {
|
|
margin-bottom: -5px;
|
|
}
|
|
#uploading-dropdown {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2592px 0;
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
.upload-menu-item {
|
|
padding: 10px;
|
|
}
|
|
.upload-status-heading {
|
|
color: #7f7f7f;
|
|
text-transform: uppercase;
|
|
padding-top: 15px;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
}
|
|
.upload-status-content {
|
|
font-size: 12px;
|
|
width: 200px;
|
|
}
|
|
.upload-status-client {
|
|
font-size: 13px;
|
|
font-weight: 700;
|
|
}
|
|
.talk_roster {
|
|
position: fixed;
|
|
z-index: 5;
|
|
left: -10000px;
|
|
top: 700px;
|
|
}
|
|
.talk_iframe {
|
|
width: 130px;
|
|
height: 260px;
|
|
border: none;
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
}
|
|
.music-banner {
|
|
background-color: #fb8521;
|
|
width: 220px;
|
|
height: 48px;
|
|
}
|
|
.music-banner-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -306px -1372px;
|
|
height: 32px;
|
|
width: 32px;
|
|
float: left;
|
|
margin: 8px 8px 8px 29px;
|
|
}
|
|
.music-banner-title-container {
|
|
float: left;
|
|
}
|
|
.music-banner-title {
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
margin-top: 13px;
|
|
}
|
|
.subscription .music-banner-title {
|
|
margin-top: 8px;
|
|
}
|
|
.subscription #music-banner-subtitle {
|
|
letter-spacing: 1px;
|
|
font-size: 10px;
|
|
font-weight: 600;
|
|
-webkit-font-smoothing: antialiased;
|
|
color: #fff;
|
|
-moz-opacity: .6;
|
|
opacity: .6;
|
|
filter: alpha(opacity=60);
|
|
}
|
|
.nav-bar {
|
|
clear: both;
|
|
padding: 0px 25px 0 26px;
|
|
background-color: white;
|
|
height: 100%}
|
|
.nav-bar>div.vertical-align, .nav-bar>button.vertical-align {
|
|
margin-top: 8px;
|
|
}
|
|
#googleShareIFrameDiv {
|
|
z-index: 10;
|
|
}
|
|
.more-top-link-icon {
|
|
border-top: 7px solid transparent;
|
|
border-right: 7px solid #777;
|
|
margin-left: 0px;
|
|
line-height: 0;
|
|
display: inline-block;
|
|
}
|
|
.unsupported-country {
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
width: 690px;
|
|
height: 100%;
|
|
background: white;
|
|
margin: 0 auto;
|
|
padding: 40px;
|
|
}
|
|
.unsupported-country .logo {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -212px -1040px;
|
|
width: 183px;
|
|
height: 39px;
|
|
float: none;
|
|
margin: 0 0 40px 0;
|
|
cursor: default;
|
|
}
|
|
#embed-container {
|
|
position: absolute;
|
|
left: 62px;
|
|
bottom: 0;
|
|
z-index: 10000;
|
|
}
|
|
.goog-ui-media-flash {
|
|
display: inline-block;
|
|
}
|
|
#header-tabs-container {
|
|
float: left;
|
|
}
|
|
.tab-container {
|
|
height: 48px;
|
|
padding-bottom: 0;
|
|
display: inline-block;
|
|
}
|
|
.header-tab-title {
|
|
-webkit-font-smoothing: antialiased;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
color: #737373;
|
|
cursor: pointer;
|
|
padding: 0 14px;
|
|
border-bottom: 3px solid transparent;
|
|
line-height: 48px;
|
|
height: 45px;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.header-tab-spacer {
|
|
background: #d6d6d6;
|
|
display: inline-block;
|
|
height: 30px;
|
|
margin: 0px 5px;
|
|
width: 1px;
|
|
vertical-align: middle;
|
|
}
|
|
.explore-tabs-container {
|
|
display: inline-block;
|
|
}
|
|
.dropdown-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3578px -1018px;
|
|
background-repeat: no-repeat;
|
|
display: inline-block;
|
|
height: 15px;
|
|
width: 15px;
|
|
margin-left: 6px;
|
|
vertical-align: middle;
|
|
}
|
|
.header-tab-title:hover {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
}
|
|
.header-tab-title.selected {
|
|
color: #3f3f3f;
|
|
border-bottom: 3px solid #ff8500;
|
|
font-weight: bold;
|
|
}
|
|
.now-playing-menu.goog-menu, .goog-menu {
|
|
-moz-box-shadow: 0 2px 40px rgba(0, 0, 0, .4)!important;
|
|
-webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, .4)!important;
|
|
box-shadow: 0 2px 40px rgba(0, 0, 0, .4)!important;
|
|
border: 1px solid #c0c0c0!important;
|
|
padding: 6px 0!important;
|
|
-moz-border-radius: 5px;
|
|
-webkit-border-radius: 5px;
|
|
-khtml-border-radius: 5px;
|
|
border-radius: 5px;
|
|
margin: 0;
|
|
z-index: 1700;
|
|
}
|
|
.goog-menuheader {
|
|
text-transform: uppercase;
|
|
color: #404040;
|
|
padding: 0;
|
|
border: none;
|
|
font-family: 'Roboto', arial, sans-serif;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin: 0 20px 0 15px!important;
|
|
white-space: nowrap;
|
|
}
|
|
.goog-menuheader.comment {
|
|
text-transform: none;
|
|
color: #ccc;
|
|
font-weight: normal;
|
|
height: auto;
|
|
line-height: 20px;
|
|
white-space: normal;
|
|
max-width: 160px;
|
|
}
|
|
.goog-menuitem-highlight {
|
|
cursor: pointer;
|
|
}
|
|
.goog-menuseparator {
|
|
border: none!important;
|
|
height: 1px!important;
|
|
background: rgba(0, 0, 0, .1)!important;
|
|
margin: 3px 10px!important;
|
|
}
|
|
.now-playing-menu .goog-menuitem, .now-playing-menu .goog-submenu, .now-playing-menu .goog-submenu .goog-submenu-arrow, .goog-menuitem {
|
|
background-color: white;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
height: auto;
|
|
}
|
|
.now-playing-menu .goog-menuitem-highlight, .now-playing-menu .goog-menuitem-hover, .now-playing-menu .goog-submenu-open, .now-playing-menu .goog-submenu-open .goog-submenu-arrow, .now-playing-menu .goog-menuitem-highlight .goog-submenu-arrow, .now-playing-menu .goog-menuitem-hover .goog-submenu-arrow, .goog-menuitem-highlight, .goog-menuitem-hover {
|
|
background-color: #e8e8e8;
|
|
border: none;
|
|
}
|
|
.now-playing-menu .goog-menuitem .goog-menuitem-content, .goog-menuitem-content {
|
|
font-family: 'Roboto', arial, sans-serif;
|
|
font-size: 13px;
|
|
font-weight: normal;
|
|
color: #404040;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin: 0 25px 0 15px!important;
|
|
padding: 0;
|
|
}
|
|
.now-playing-menu .goog-submenu .goog-submenu-arrow, .goog-menuitem-content .goog-submenu-arrow {
|
|
position: absolute;
|
|
right: 0;
|
|
left: auto;
|
|
padding: 0 6px 0 0;
|
|
color: #404040;
|
|
}
|
|
.goog-menuitem-highlight .goog-menuitem-content .goog-submenu-arrow, .goog-menuitem-highlight .goog-menuitem-content {
|
|
color: black!important;
|
|
}
|
|
.now-playing-menu.playlist-menu, .playlist-menu {
|
|
max-height: 310px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
margin: 0;
|
|
}
|
|
.goog-menuseparator {
|
|
border-top: 1px solid #c0c0c0;
|
|
margin: 3px 0 3px 0;
|
|
padding: 0;
|
|
}
|
|
.goog-menuheader .spinner {
|
|
background: white url('ani_loading_dark.gif') no-repeat center center;
|
|
height: 30px;
|
|
width: 30px;
|
|
}
|
|
.goog-menuitem .goog-menuitem-content .image {
|
|
margin: 7px 10px 0 0;
|
|
float: left;
|
|
}
|
|
.goog-menuitem.goog-menuitem-disabled .goog-menuitem-content .image {
|
|
-moz-opacity: .5;
|
|
opacity: .5;
|
|
filter: alpha(opacity=50);
|
|
}
|
|
.goog-menuitem .get-link {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -212px -1184px;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.goog-menuitem .google-plus {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4604px -766px;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.goog-menuitem .youtube-video {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1598px -50px;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.goog-menuheader .spinner {
|
|
background: white url('ani_loading_dark_x2.gif') no-repeat center center;
|
|
background-size: 100% 100%}
|
|
.goog-menuitem .get-link {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -627px -513px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.goog-menuitem .google-plus {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -881px -98px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.goog-menuitem .youtube-video {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2296px -655px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}div.nerd-panel {
|
|
background: #ddd;
|
|
height: 0px;
|
|
-webkit-transition: height .25s;
|
|
-moz-transition: height .25s;
|
|
-o-transition: height .25s;
|
|
transition: height .25s;
|
|
}
|
|
.nerd-panel .seeds {
|
|
width: 50%;
|
|
overflow-x: hidden;
|
|
height: 100%;
|
|
display: inline-block;
|
|
}
|
|
.nerd-panel li {
|
|
height: 40px;
|
|
line-height: 34px;
|
|
text-indent: 8px;
|
|
font-size: 14px;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
overflow: hidden;
|
|
}
|
|
.nerd-panel .seed span {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.nerd-panel .seed div.image-holder {
|
|
height: 40px;
|
|
width: 80px;
|
|
padding: 0px;
|
|
text-indent: 0px;
|
|
overflow: hidden;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.nerd-panel .seed img {
|
|
max-height: 40px;
|
|
max-width: 80px;
|
|
vertical-align: middle;
|
|
}
|
|
.nerd-panel .tunings {
|
|
width: 50%;
|
|
height: 100%;
|
|
display: inline-block;
|
|
float: right;
|
|
overflow-x: hidden;
|
|
}
|
|
.nerd-panel .tunings .label-left {
|
|
display: inline-block;
|
|
width: 75px;
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
vertical-align: middle;
|
|
}
|
|
.nerd-panel .tunings .label-right {
|
|
display: inline-block;
|
|
width: 100px;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
}
|
|
.nerd-panel .tunings .slider-container {
|
|
display: inline-block;
|
|
padding-bottom: 2px;
|
|
}
|
|
.nerd-panel .tunings .goog-slider-thumb {
|
|
top: -6px;
|
|
}
|
|
.nerd-panel .tunings .orange-bar {
|
|
height: 100%;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
float: left;
|
|
background-color: #ff8500;
|
|
width: 100%}
|
|
#gbqld.gbqldr {
|
|
max-width: 200px;
|
|
}
|
|
#player {
|
|
position: absolute;
|
|
height: 56px;
|
|
min-width: 850px;
|
|
bottom: 0;
|
|
background-color: #fafafa;
|
|
color: black;
|
|
z-index: 600;
|
|
box-shadow: 0 0 8px #888888;
|
|
box-shadow: 0 0 8px rgba(0, 0, 0, .4);
|
|
cursor: default;
|
|
}
|
|
#player.visualize {
|
|
z-index: 1600;
|
|
}
|
|
.player-top {
|
|
position: absolute;
|
|
height: 10px;
|
|
width: 100%;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
#player-left-wrapper {
|
|
width: 50%;
|
|
float: left;
|
|
margin-right: -159px;
|
|
height: 56px;
|
|
}
|
|
.player-left {
|
|
height: 100%;
|
|
margin-right: 159px;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
}
|
|
#player-right-wrapper {
|
|
width: 50%;
|
|
float: right;
|
|
margin-left: -160px;
|
|
text-align: right;
|
|
margin-top: 3px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
.player-right {
|
|
float: right;
|
|
width: auto;
|
|
margin: 3px 0 0 159px;
|
|
}
|
|
.player-middle {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
width: 318px;
|
|
height: 53px;
|
|
margin: 3px 0 0 0;
|
|
float: left;
|
|
position: relative;
|
|
background-color: #fafafa;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
}
|
|
#time_container_current, #time_container_duration {
|
|
font-size: 10px;
|
|
font-weight: 700;
|
|
position: absolute;
|
|
top: 0;
|
|
margin: 1px 0 0 0;
|
|
-moz-opacity: .0;
|
|
opacity: .0;
|
|
filter: alpha(opacity=0);
|
|
-webkit-transition: opacity .218s;
|
|
-moz-transition: opacity .218s;
|
|
-o-transition: opacity .218s;
|
|
transition: opacity .218s;
|
|
}
|
|
#time_container_current {
|
|
background-color: #ff8500;
|
|
color: white;
|
|
left: 0;
|
|
padding: 2px 3px 2px 4px;
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
#time_container_duration {
|
|
background-color: #dcdcdc;
|
|
color: #999;
|
|
right: 0;
|
|
padding: 2px 4px 2px 3px;
|
|
border-radius: 4px 0 0 4px;
|
|
}
|
|
#player.active:hover #time_container_current, #player.active:hover #time_container_duration {
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.now-playing-menu-wrapper {
|
|
float: right;
|
|
height: 62px;
|
|
background: #fafafa;
|
|
overflow: visible;
|
|
margin-left: 30px;
|
|
}
|
|
.now-playing-menu-wrapper.fade-out:after {
|
|
right: auto;
|
|
left: -30px;
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(250, 250, 250, 0)), color-stop(100%, rgba(250, 250, 250, 1)));
|
|
background-image: -webkit-linear-gradient(left, rgba(250, 250, 250, 0), rgba(250, 250, 250, 1));
|
|
background-image: -moz-linear-gradient(left, rgba(250, 250, 250, 0), rgba(250, 250, 250, 1));
|
|
background-image: -ms-linear-gradient(left, rgba(250, 250, 250, 0), rgba(250, 250, 250, 1));
|
|
background-image: -o-linear-gradient(left, rgba(250, 250, 250, 0), rgba(250, 250, 250, 1));
|
|
background: linear-gradient(to right, rgba(250, 250, 250, 0), rgba(250, 250, 250, 1));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00fafafa', EndColorStr='#fafafa');
|
|
}
|
|
#player [data-id="now-playing-menu"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4786px -926px;
|
|
width: 36px;
|
|
height: 36px;
|
|
margin: 12px 0 0 0;
|
|
-moz-opacity: .8;
|
|
opacity: .8;
|
|
filter: alpha(opacity=80);
|
|
border: 1px solid #fafafa;
|
|
margin-top: 12px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
#player [data-id="now-playing-menu"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -799px -212px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}#player [data-id="now-playing-menu"]:hover {
|
|
border-color: #e8e8e8;
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
#player [data-id="now-playing-menu"]:active {
|
|
background-color: #d5d5d5;
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
#player [data-id="now-playing-menu"].fade-out:after {
|
|
right: auto;
|
|
left: -30px;
|
|
}
|
|
#player .flat-button {
|
|
display: inline-block;
|
|
border: none;
|
|
outline: none;
|
|
padding: 0;
|
|
vertical-align: top;
|
|
-moz-opacity: .8;
|
|
opacity: .8;
|
|
filter: alpha(opacity=80);
|
|
-webkit-transition: background-color .218s;
|
|
-moz-transition: background-color .218s;
|
|
-o-transition: background-color .218s;
|
|
transition: background-color .218s;
|
|
}
|
|
#player .flat-button:hover {
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
background-color: #e8e8e8!important;
|
|
}
|
|
#player .flat-button:active {
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
background-color: #d5d5d5!important;
|
|
}
|
|
#player .flat-button[disabled] {
|
|
-moz-opacity: .2;
|
|
opacity: .2;
|
|
filter: alpha(opacity=20);
|
|
background-color: transparent!important;
|
|
}
|
|
#player .flat-button[data-id="rewind"] {
|
|
width: 64px;
|
|
height: 53px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3472px 0;
|
|
}
|
|
#player .flat-button[data-id="forward"] {
|
|
width: 64px;
|
|
height: 53px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5212px -1356px;
|
|
}
|
|
#player .flat-button[data-id="play-pause"] {
|
|
width: 62px;
|
|
height: 53px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2310px -162px;
|
|
margin: 0 1px 0 1px;
|
|
}
|
|
#player .flat-button[data-id="play-pause"].playing {
|
|
background-position: -3006px -224px;
|
|
}
|
|
#player .flat-button[data-id="shuffle"] {
|
|
width: 53px;
|
|
height: 53px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2310px -872px;
|
|
margin-left: 10px;
|
|
}
|
|
#player .flat-button[data-id="shuffle"][value="NO_SHUFFLE"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2310px -872px;
|
|
}
|
|
#player .flat-button[data-id="shuffle"][value="ALL_SHUFFLE"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4548px -724px;
|
|
}
|
|
#player .flat-button[data-id="repeat"] {
|
|
width: 53px;
|
|
height: 53px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5060px -1300px;
|
|
margin-right: 10px;
|
|
}
|
|
#player .flat-button[data-id="repeat"][value="NO_REPEAT"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5060px -1300px;
|
|
}
|
|
#player .flat-button[data-id="repeat"][value="LIST_REPEAT"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3400px -1044px;
|
|
}
|
|
#player .flat-button[data-id="repeat"][value="SINGLE_REPEAT"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2946px -50px;
|
|
}
|
|
#player .flat-button[data-id="cast"] {
|
|
width: 24px;
|
|
height: 24px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5012px -1124px;
|
|
margin-left: 10px;
|
|
margin-top: 14px;
|
|
}
|
|
#player .connected[data-id="cast"] {
|
|
width: 24px;
|
|
height: 24px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4592px -1260px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
#player .flat-button[data-id="rewind"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) 0 -513px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .flat-button[data-id="forward"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2128px -463px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .flat-button[data-id="play-pause"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2443px -562px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .flat-button[data-id="play-pause"].playing {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2860px -50px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .flat-button[data-id="shuffle"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1503px -369px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .flat-button[data-id="shuffle"][value="NO_SHUFFLE"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1503px -369px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .flat-button[data-id="shuffle"][value="ALL_SHUFFLE"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1603px 0;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .flat-button[data-id="repeat"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2056px -25px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .flat-button[data-id="repeat"][value="NO_REPEAT"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2056px -25px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .flat-button[data-id="repeat"][value="LIST_REPEAT"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -691px -27px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .flat-button[data-id="repeat"][value="SINGLE_REPEAT"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1354px -266px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .flat-button[data-id="cast"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2860px -25px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .connected[data-id="cast"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1900px -479px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}#player .flat-button[data-id="queue"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1774px -934px;
|
|
width: 53px;
|
|
height: 53px;
|
|
}
|
|
#player .flat-button[data-id="queue"].selected {
|
|
background-position: -2946px -156px;
|
|
}
|
|
#player .flat-button[data-id="show-miniplayer"] {
|
|
width: 37px;
|
|
height: 53px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1352px -1026px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
#player .flat-button[data-id="show-miniplayer"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1824px 0;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .flat-button[data-id="queue"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1503px 0;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .flat-button[data-id="queue"].selected {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1657px -16px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}#volume {
|
|
width: auto;
|
|
height: 53px;
|
|
display: inline-block;
|
|
position: static;
|
|
padding: 0;
|
|
box-shadow: none;
|
|
vertical-align: middle;
|
|
-webkit-transition: background-color .218s;
|
|
-moz-transition: background-color .218s;
|
|
-o-transition: background-color .218s;
|
|
transition: background-color .218s;
|
|
}
|
|
#volume:hover, #volume.simulated-hover {
|
|
background-color: #e8e8e8;
|
|
}
|
|
.volume-slider-background {
|
|
background-color: #404040;
|
|
height: 2px;
|
|
width: 100%}
|
|
.goog-slider-volume {
|
|
padding: 0 5px;
|
|
width: 90px;
|
|
height: 2px;
|
|
cursor: pointer;
|
|
}
|
|
.goog-thumb-volume {
|
|
background-color: #333;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
#vslider {
|
|
outline: none;
|
|
float: left;
|
|
padding: 10px 0 10px 0;
|
|
margin: 15px 0 0 0;
|
|
-moz-opacity: .0;
|
|
opacity: .0;
|
|
filter: alpha(opacity=0);
|
|
-webkit-transition: opacity .218s;
|
|
-moz-transition: opacity .218s;
|
|
-o-transition: opacity .218s;
|
|
transition: opacity .218s;
|
|
}
|
|
#vslider .goog-slider-thumb {
|
|
left: -1px;
|
|
top: 5px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -702px -1026px;
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
#volume_slider {
|
|
height: 2px;
|
|
width: 90px;
|
|
margin: 0;
|
|
padding: 0;
|
|
float: left;
|
|
background-color: #ff8500;
|
|
}
|
|
#volume_low {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5830px -724px;
|
|
width: 24px;
|
|
height: 24px;
|
|
float: left;
|
|
margin: 14px 0 0 0;
|
|
-moz-opacity: .0;
|
|
opacity: .0;
|
|
filter: alpha(opacity=0);
|
|
-webkit-transition: opacity .218s;
|
|
-moz-transition: opacity .218s;
|
|
-o-transition: opacity .218s;
|
|
transition: opacity .218s;
|
|
}
|
|
#volume_high {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5404px -926px;
|
|
width: 24px;
|
|
height: 24px;
|
|
float: left;
|
|
margin: 14px 6px 0 0;
|
|
-moz-opacity: .8;
|
|
opacity: .8;
|
|
filter: alpha(opacity=80);
|
|
-webkit-transition: opacity .218s;
|
|
-moz-transition: opacity .218s;
|
|
-o-transition: opacity .218s;
|
|
transition: opacity .218s;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
#vslider .goog-slider-thumb {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2530px -637px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#volume_low {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -199px -513px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#volume_high {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1503px -73px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}#volume:hover #vslider, #volume:hover #volume_low, #volume:hover #volume_high, #volume.simulated-hover #vslider, #volume.simulated-hover #volume_low, #volume.simulated-hover #volume_high {
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
#playerSongTitle {
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
color: #333;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
width: auto;
|
|
line-height: 34px;
|
|
}
|
|
.player-artist-album-wrapper {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
#player-artist, .player-album, .player-dash {
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
color: #707070;
|
|
white-space: nowrap;
|
|
width: auto;
|
|
display: inline;
|
|
}
|
|
#player-artist[data-type]:hover, .player-album[data-type]:hover {
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
#top_divider_line {
|
|
position: absolute;
|
|
height: 3px;
|
|
width: 100%;
|
|
background-color: #eaeaea;
|
|
z-index: 601;
|
|
}
|
|
#player.visualize #top_divider_line {
|
|
z-index: 1601;
|
|
}
|
|
#slider_wrapper {
|
|
padding-left: 62px;
|
|
position: relative;
|
|
}
|
|
#played_slider {
|
|
width: 0;
|
|
height: 3px;
|
|
background-color: #fd8500;
|
|
}
|
|
#slider {
|
|
outline: none;
|
|
height: 3px;
|
|
padding: 7px 0 7px 0;
|
|
margin-top: -7px;
|
|
visibility: hidden;
|
|
z-index: 602;
|
|
cursor: pointer;
|
|
}
|
|
.active #slider {
|
|
visibility: visible;
|
|
}
|
|
#player.visualize #slider {
|
|
z-index: 1602;
|
|
}
|
|
#player.preview #slider {
|
|
cursor: auto;
|
|
}
|
|
.playing-progress-background {
|
|
background-color: #eaeaea;
|
|
height: 3px;
|
|
}
|
|
#player.active:hover .playing-progress-background {
|
|
background-color: #dcdcdc;
|
|
}
|
|
.goog-slider-horizontal {
|
|
position: relative;
|
|
padding-left: 1em;
|
|
}
|
|
.goog-slider-vertical {
|
|
position: relative;
|
|
}
|
|
.goog-slider-thumb {
|
|
position: absolute;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
#slider .goog-slider-thumb {
|
|
visibility: hidden;
|
|
width: 12px;
|
|
height: 12px;
|
|
top: 2px;
|
|
}
|
|
.goog-slider-track .goog-slider-thumb {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5972px -1294px;
|
|
}
|
|
.goog-slider-volume .goog-slider-thumb {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5756px -882px;
|
|
}
|
|
.goog-slider-volume .goog-slider-thumb:hover {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3908px -910px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.goog-slider-track .goog-slider-thumb {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2862px -476px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.goog-slider-volume .goog-slider-thumb {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2041px 0;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.goog-slider-volume .goog-slider-thumb:hover {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -799px -34px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.active #slider .goog-slider-thumb {
|
|
visibility: visible;
|
|
}
|
|
#playerSongInfo {
|
|
max-width: 100%;
|
|
display: inline-block;
|
|
}
|
|
#playerSongInfo .image-wrapper {
|
|
width: 62px;
|
|
height: 62px;
|
|
position: relative;
|
|
float: left;
|
|
top: -6px;
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0 10px 0 0;
|
|
z-index: 601;
|
|
}
|
|
#player.visualize #playerSongInfo .image-wrapper {
|
|
z-index: 1601;
|
|
}
|
|
#playingAlbumArt {
|
|
background-color: transparent;
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%}
|
|
#playerSongInfo .image-wrapper .hover-overlay {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
cursor: pointer;
|
|
background: black;
|
|
-moz-opacity: .0;
|
|
opacity: .0;
|
|
filter: alpha(opacity=0);
|
|
-webkit-transition: opacity .218s;
|
|
-moz-transition: opacity .218s;
|
|
-o-transition: opacity .218s;
|
|
transition: opacity .218s;
|
|
}
|
|
#player.active:hover .hover-overlay {
|
|
-moz-opacity: .7;
|
|
opacity: .7;
|
|
filter: alpha(opacity=70);
|
|
}
|
|
#playerSongInfo .hover-overlay .hover-icon {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2600px -790px;
|
|
width: 62px;
|
|
height: 62px;
|
|
}
|
|
#player.visualize #playerSongInfo .hover-overlay .hover-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -986px -1026px;
|
|
width: 62px;
|
|
height: 62px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
#playerSongInfo .hover-overlay .hover-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -799px -116px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player.visualize #playerSongInfo .hover-overlay .hover-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -153px -592px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}#playerSongInfo .text-wrapper {
|
|
display: inline-block;
|
|
max-width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.modeIndicatorOverlayContainer {
|
|
position: absolute;
|
|
bottom: 50%;
|
|
left: 50%;
|
|
margin-top: -46px;
|
|
}
|
|
.modeIndicatorOverlayTop {
|
|
background-color: #4c4c4c;
|
|
border-style: solid;
|
|
border-color: #4c4c4c;
|
|
border-width: 50px 30px 0 30px;
|
|
}
|
|
.modeIndicatorOverlayBottom {
|
|
border-top: 50px solid #4c4c4c;
|
|
border-right: 50px solid transparent;
|
|
}
|
|
.modeIndicatorOverlayIcon {
|
|
margin: 0 20px 0 20px;
|
|
display: inline-block;
|
|
}
|
|
.modeIndicatorOverlayShuffle {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5856px -1294px;
|
|
width: 114px;
|
|
height: 92px;
|
|
}
|
|
.modeIndicatorOverlayRepeat {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -620px -1210px;
|
|
width: 111px;
|
|
height: 91px;
|
|
}
|
|
.modeIndicatorOverlayRepeatOnce {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3478px -384px;
|
|
width: 111px;
|
|
height: 92px;
|
|
}
|
|
.modeIndicatorOverlayMute {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5846px 0;
|
|
width: 91px;
|
|
height: 91px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.modeIndicatorOverlayShuffle {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2928px -554px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.modeIndicatorOverlayRepeat {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -181px -412px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.modeIndicatorOverlayRepeatOnce {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2162px -362px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.modeIndicatorOverlayMute {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1300px -119px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.active #buy_button_player {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: 106px;
|
|
text-align: center;
|
|
}
|
|
#player .rating-container.thumbs li {
|
|
-webkit-transition: background-color .218s;
|
|
-moz-transition: background-color .218s;
|
|
-o-transition: background-color .218s;
|
|
transition: background-color .218s;
|
|
}
|
|
#player .rating-container.thumbs li.selected:hover, #player .rating-container.thumbs li:hover {
|
|
background-color: #e8e8e8;
|
|
}
|
|
#player .rating-container.thumbs [data-rating="5"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1516px -424px;
|
|
width: 53px;
|
|
height: 53px;
|
|
}
|
|
#player .rating-container.thumbs [data-rating="5"].selected {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1862px -590px;
|
|
}
|
|
#player .rating-container.thumbs [data-rating="1"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3984px -976px;
|
|
width: 53px;
|
|
height: 53px;
|
|
}
|
|
#player .rating-container.thumbs [data-rating="1"].selected {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4952px -724px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
#player .rating-container.thumbs [data-rating="5"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1300px -266px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .rating-container.thumbs [data-rating="5"].selected {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -414px -513px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .rating-container.thumbs [data-rating="1"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1735px -468px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#player .rating-container.thumbs [data-rating="1"].selected {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -451px -11px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}#player .rating-container.stars {
|
|
width: 95px;
|
|
height: 48px;
|
|
margin: 0 6px 0 5px;
|
|
}
|
|
#player .rating-container.stars {
|
|
background: url("btn_player_rating_star_off.png") left center repeat-x;
|
|
}
|
|
#player .rating-container.stars .background {
|
|
background: url("btn_player_rating_star_on.png") left center repeat-x;
|
|
}
|
|
#player .rating-container.stars li:hover {
|
|
background: url("btn_player_rating_star_hover.png") left center repeat-x;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
#player .rating-container.stars {
|
|
background: url("btn_player_rating_star_off_2x.png") left center repeat-x;
|
|
background-size: 19px 48px;
|
|
}
|
|
#player .rating-container.stars .background {
|
|
background: url("btn_player_rating_star_on_2x.png") left center repeat-x;
|
|
background-size: 19px 48px;
|
|
}
|
|
#player .rating-container.stars li:hover {
|
|
background: url("btn_player_rating_star_hover_2x.png") left center repeat-x;
|
|
background-size: 19px 48px;
|
|
}
|
|
}#player .rating-container {
|
|
height: auto;
|
|
line-height: 0;
|
|
}
|
|
#player .player-rating-container {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.nav-section-header {
|
|
font-weight: 500;
|
|
color: #aaa;
|
|
font-size: 12px;
|
|
margin: 16px 0 4px 0;
|
|
line-height: 16px;
|
|
padding: 7px 0 0 30px;
|
|
overflow: hidden;
|
|
}
|
|
.playlistDragTarget {
|
|
background: #ffdaaf;
|
|
}
|
|
.playlistDragTarget.selected {
|
|
background: white;
|
|
}
|
|
.playlistDragTarget .fade-out:after {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 218, 175, 0)), color-stop(100%, rgba(255, 218, 175, 1)));
|
|
background-image: -webkit-linear-gradient(left, rgba(255, 218, 175, 0), rgba(255, 218, 175, 1));
|
|
background-image: -moz-linear-gradient(left, rgba(255, 218, 175, 0), rgba(255, 218, 175, 1));
|
|
background-image: -ms-linear-gradient(left, rgba(255, 218, 175, 0), rgba(255, 218, 175, 1));
|
|
background-image: -o-linear-gradient(left, rgba(255, 218, 175, 0), rgba(255, 218, 175, 1));
|
|
background: linear-gradient(to right, rgba(255, 218, 175, 0), rgba(255, 218, 175, 1));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00ffdaaf', EndColorStr='#ffdaaf');
|
|
}
|
|
.notDragTarget {
|
|
background: #fff;
|
|
}
|
|
.nav-item-container {
|
|
font-size: 14px;
|
|
color: #333;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin: 0;
|
|
text-indent: 30px;
|
|
}
|
|
.nav-item-container.sub-title {
|
|
height: 50px;
|
|
}
|
|
.nav-item-container.selected {
|
|
background-color: #e9e9e9;
|
|
color: #3f3f3f;
|
|
}
|
|
.nav-item-container.selected:focus {
|
|
background-color: #55b7c8;
|
|
color: #fff;
|
|
}
|
|
#nav_collections .nav-item-container {
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
color: #888;
|
|
margin: 0;
|
|
padding-right: 10px;
|
|
height: 36px;
|
|
line-height: 36px;
|
|
}
|
|
#nav_collections .nav-item-container.selected, #nav_collections .nav-item-container.selected:focus, .nav-item-container.selected, .nav-item-container.selected:focus {
|
|
font-weight: 400;
|
|
color: #cc6d1d;
|
|
background: none;
|
|
}
|
|
#nav_collections .nav-item-container.selected:focus, .nav-item-container.selected:focus, .nav-item-container:hover {
|
|
background: #f0f0f0;
|
|
}
|
|
.nav-section-divider {
|
|
margin: 14px 9px 14px 30px;
|
|
border-bottom: 1px solid #f1f1f1;
|
|
}
|
|
.playlistDropDown {
|
|
display: none;
|
|
float: right;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin-top: 3px;
|
|
}
|
|
.nav-item-container:hover .playlistDropDown {
|
|
display: block;
|
|
}
|
|
.nav-item-container:hover .playlistDropDown, .nav-item-container:hover .playlistDropDown:hover, .nav-item-container.selected:focus .playlistDropDown, .nav-item-container.selected:focus .playlistDropDown:hover {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1762px -564px;
|
|
background-color: #f0f0f0;
|
|
}
|
|
.nav-item-container.menu-displayed .playlistDropDown {
|
|
display: block;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1762px -564px;
|
|
background-color: #f0f0f0;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.nav-item-container: hover .playlistDropDown, .nav-item-container:hover .playlistDropDown:hover, .nav-item-container.selected:focus .playlistDropDown, .nav-item-container.selected:focus .playlistDropDown:hover, .nav-item-container.menu-displayed .playlistDropDown {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2443px -537px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.nav-item-container.selected:focus .fade-out:after, .nav-item-container:hover .fade-out:after {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(240, 240, 240, 0)), color-stop(100%, rgba(240, 240, 240, 1)));
|
|
background-image: -webkit-linear-gradient(left, rgba(240, 240, 240, 0), rgba(240, 240, 240, 1));
|
|
background-image: -moz-linear-gradient(left, rgba(240, 240, 240, 0), rgba(240, 240, 240, 1));
|
|
background-image: -ms-linear-gradient(left, rgba(240, 240, 240, 0), rgba(240, 240, 240, 1));
|
|
background-image: -o-linear-gradient(left, rgba(240, 240, 240, 0), rgba(240, 240, 240, 1));
|
|
background: linear-gradient(to right, rgba(240, 240, 240, 0), rgba(240, 240, 240, 1));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00f0f0f0', EndColorStr='#f0f0f0');
|
|
}
|
|
.nav-item-container .owner-name {
|
|
font-size: 12px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
color: #aaa;
|
|
margin-top: -5px;
|
|
}
|
|
.delete-playlist-dialog-warning {
|
|
font-weight: 500;
|
|
}
|
|
#shared-with-me .fade-out {
|
|
overflow: hidden;
|
|
}
|
|
.shared-with-me-unread {
|
|
float: right;
|
|
color: #aaa;
|
|
text-indent: 0;
|
|
line-height: 30px;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
margin-right: 10px;
|
|
}
|
|
#sound-search {
|
|
display: none;
|
|
}
|
|
#sound-search.shown {
|
|
display: list-item;
|
|
}
|
|
#newPlaylist {
|
|
margin-left: 12px;
|
|
width: 180px;
|
|
}
|
|
.newPlaylistBtn {
|
|
margin: -2px 10px 0 0!important;
|
|
float: right;
|
|
padding: 0!important;
|
|
min-width: 18px!important;
|
|
height: 18px!important;
|
|
}
|
|
.newPlaylistBtn .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3006px -1256px;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin: 4px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.newPlaylistBtn .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3069px -11px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.playlistContainer .fade-out {
|
|
overflow: hidden;
|
|
}
|
|
.playlist-view .playlist-empty {
|
|
display: none;
|
|
}
|
|
.playlist-view.empty .playlist-empty {
|
|
display: block;
|
|
}
|
|
.playlist-view.empty .playlist-details, .playlist-view.empty .playlist-songlist {
|
|
display: none;
|
|
}
|
|
.playlist-view .playlist-songlist {
|
|
clear: both;
|
|
}
|
|
.playlist-view .cover .card {
|
|
float: left;
|
|
width: 300px;
|
|
height: 300px;
|
|
margin-right: 20px;
|
|
}
|
|
.playlist-view .cover .card.small {
|
|
width: 150px;
|
|
height: 150px;
|
|
}
|
|
.playlist-view .cover .card .image-wrapper {
|
|
height: 300px;
|
|
}
|
|
.playlist-view .cover .card.small .image-wrapper {
|
|
height: 150px;
|
|
}
|
|
.playlist-view .cover .card .image {
|
|
width: 300px;
|
|
height: 300px;
|
|
}
|
|
.playlist-view .cover .card.small .image {
|
|
width: 150px;
|
|
height: 150px;
|
|
}
|
|
.playlist-view .cover .card .composite-wrapper img {
|
|
width: 149px;
|
|
height: 149px;
|
|
}
|
|
.playlist-view .cover .card.small .composite-wrapper img {
|
|
width: 74px;
|
|
height: 74px;
|
|
}
|
|
.playlist-view .owner-name {
|
|
font-size: 16px;
|
|
color: #333;
|
|
}
|
|
.playlist-view .description {
|
|
display: inline;
|
|
position: relative;
|
|
font-size: 20px;
|
|
color: #aaa;
|
|
margin-top: 10px;
|
|
font-weight: 300;
|
|
font-style: italic;
|
|
}
|
|
.playlist-view .editable:hover {
|
|
background: #eee;
|
|
cursor: pointer;
|
|
}
|
|
.playlist-view .song-count {
|
|
font-size: 14px;
|
|
color: #b0b0b0;
|
|
text-transform: uppercase;
|
|
}
|
|
.playlist-view .song-duration {
|
|
font-size: 14px;
|
|
font-weight: 700;
|
|
color: #bbb;
|
|
}
|
|
.owner-profile-photo {
|
|
width: 60px;
|
|
border-radius: 50%;
|
|
vertical-align: middle;
|
|
margin-right: 10px;
|
|
-moz-box-shadow: 0 1px 2px #8d8d8d;
|
|
-ms-box-shadow: 0 1px 2px #8d8d8d;
|
|
-webkit-box-shadow: 0 1px 2px #8d8d8d;
|
|
box-shadow: 0 1px 2px #8d8d8d;
|
|
}
|
|
.playlist-info-container {
|
|
position: relative;
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
}
|
|
.playlist-info-container .owner-name a {
|
|
text-decoration: none;
|
|
}
|
|
.profile-photo-anchor {
|
|
vertical-align: middle;
|
|
}
|
|
.playlist-view .actions {
|
|
margin-top: 20px;
|
|
}
|
|
.actions button[data-id="subscribe"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3006px -846px;
|
|
}
|
|
.share-private .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2354px -776px;
|
|
}
|
|
.share-public .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4592px -986px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.actions button[data-id="subscribe"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2062px -333px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.share-private .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -178px -655px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.share-public .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -358px -534px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.share-popup-option input[type="radio"] {
|
|
vertical-align: 6px;
|
|
}
|
|
.share-popup-option .icon {
|
|
width: 30px;
|
|
height: 30px;
|
|
display: inline-block;
|
|
margin-right: 8px;
|
|
vertical-align: -1px;
|
|
}
|
|
.share-popup-option .label {
|
|
display: inline-block;
|
|
height: 22px;
|
|
padding-top: 12px;
|
|
margin-top: 8px;
|
|
}
|
|
.share-popup-option .label .description {
|
|
color: #aaa;
|
|
}
|
|
#unsubscribe-playlist-button .playlist-subscribed {
|
|
color: #8ac43e;
|
|
display: inline-block;
|
|
}
|
|
#unsubscribe-playlist-button .playlist-unsubscribe {
|
|
display: none;
|
|
color: #000;
|
|
}
|
|
#unsubscribe-playlist-button:hover .playlist-subscribed {
|
|
display: none;
|
|
}
|
|
#unsubscribe-playlist-button:hover .playlist-unsubscribe {
|
|
display: inline-block;
|
|
}
|
|
#unsubscribe-playlist-button .icon {
|
|
width: 28px;
|
|
height: 28px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -6038px -750px;
|
|
}
|
|
#unsubscribe-playlist-button:hover .icon {
|
|
width: 28px;
|
|
height: 28px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4592px -1018px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
#unsubscribe-playlist-button .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1862px -421px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#unsubscribe-playlist-button:hover .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2020px -488px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.simple-dialog.edit-playlist {
|
|
width: 600px;
|
|
}
|
|
#share-button {
|
|
padding-top: 6px;
|
|
}
|
|
.playlist-description {
|
|
width: 100%;
|
|
box-sizing: border-box;
|
|
height: 100px;
|
|
resize: vertical;
|
|
}
|
|
.playlist-name {
|
|
width: 100%}
|
|
#share-playlist-popup {
|
|
padding-left: 30px!important;
|
|
padding-right: 30px!important;
|
|
padding-bottom: 20px!important;
|
|
}
|
|
.shared-playlist-url {
|
|
width: 100%;
|
|
margin-top: 16px!important;
|
|
}
|
|
.shared-playlist-url:disabled {
|
|
color: #aaa;
|
|
}
|
|
#loading-progress {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background: #e5e5e5;
|
|
z-index: 2000;
|
|
}
|
|
#loading-progress-content {
|
|
position: absolute;
|
|
top: 25%;
|
|
left: 30%;
|
|
right: 30%}
|
|
#loading-progress-bar {
|
|
width: 100%;
|
|
height: 30px;
|
|
background: #f1f1f1;
|
|
border: 1px solid #ccc;
|
|
padding: 1px;
|
|
}
|
|
#current-loading-progress {
|
|
height: 30px;
|
|
width: 0;
|
|
background: #fb8823;
|
|
}
|
|
#loading-progress-message {
|
|
font-size: 20px;
|
|
font-family: 'Roboto', arial, sans-serif;
|
|
font-weight: 300;
|
|
color: #aaa;
|
|
padding: 8px 0;
|
|
}
|
|
.queue-details {
|
|
height: 160px;
|
|
display: none;
|
|
background: black;
|
|
}
|
|
.queue-details .images {
|
|
float: right;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.queue-details .fade {
|
|
width: 320px;
|
|
height: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(100%, rgba(0, 0, 0, 0)));
|
|
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
|
|
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
|
|
background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
|
|
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
|
|
background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#ff000000', EndColorStr='#00000000');
|
|
}
|
|
.queue-details img {
|
|
vertical-align: top;
|
|
}
|
|
.queue-details .imfl-image {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3908px -1208px;
|
|
width: 640px;
|
|
height: 160px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.queue-details .imfl-image {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -862px -545px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.queue-details .empty-image {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3006px -576px;
|
|
width: 640px;
|
|
height: 160px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.queue-details .empty-image {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2162px 0;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.queue-details img.large {
|
|
width: 640px;
|
|
height: 160px;
|
|
}
|
|
.queue-details img.small {
|
|
width: 160px;
|
|
height: 160px;
|
|
}
|
|
.queue-details .info {
|
|
height: 120px;
|
|
padding: 20px 0 20px 20px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 640px;
|
|
bottom: 0;
|
|
overflow: hidden;
|
|
}
|
|
.queue-details .playing-from-title {
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: #b2b2b2;
|
|
margin-bottom: 9px;
|
|
text-transform: uppercase;
|
|
}
|
|
.queue-details .playing-from {
|
|
font-size: 30px;
|
|
font-weight: 300;
|
|
color: white;
|
|
margin-bottom: 11px;
|
|
white-space: nowrap;
|
|
}
|
|
.queue-details .playing-from .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4886px -1232px;
|
|
width: 36px;
|
|
height: 36px;
|
|
display: inline-block;
|
|
margin-right: 8px;
|
|
vertical-align: -7px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.queue-details .playing-from .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2102px -296px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.queue-details .playing-from .album {
|
|
font-weight: 400;
|
|
}
|
|
.queue-details button {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
border: 1px solid #4c4c4c;
|
|
border-radius: 2px;
|
|
outline: none;
|
|
padding: 5px 20px;
|
|
background: #262626;
|
|
color: white;
|
|
-moz-opacity: .8;
|
|
opacity: .8;
|
|
filter: alpha(opacity=80);
|
|
}
|
|
.queue-details button .icon {
|
|
display: inline-block;
|
|
margin-right: 8px;
|
|
}
|
|
.queue-details button:hover {
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
border-color: #656565;
|
|
}
|
|
.queue-details button:active {
|
|
background: black;
|
|
border-color: #3f3f3f;
|
|
}
|
|
.queue-details button[data-id="refresh"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3774px -706px;
|
|
width: 18px;
|
|
height: 18px;
|
|
vertical-align: -3px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.queue-details button[data-id="refresh"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1429px -253px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.queue-details span.clickable[data-id="playing-from-text"] {
|
|
cursor: pointer;
|
|
}
|
|
.queue-empty {
|
|
display: none;
|
|
}
|
|
.empty .queue-empty {
|
|
display: block;
|
|
}
|
|
.empty .queue-song-table {
|
|
display: none;
|
|
}
|
|
.rating-container li {
|
|
float: left;
|
|
}
|
|
.rating-container.stars {
|
|
position: relative;
|
|
}
|
|
.rating-container .background, .rating-container.stars li {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%}
|
|
.rating-container.stars [data-rating="0"] {
|
|
display: none;
|
|
}
|
|
.rating-container.stars [data-rating="1"] {
|
|
width: 20%}
|
|
.rating-container.stars [data-rating="2"] {
|
|
width: 40%}
|
|
.rating-container.stars [data-rating="3"] {
|
|
width: 60%}
|
|
.rating-container.stars [data-rating="4"] {
|
|
width: 80%}
|
|
.rating-container.stars [data-rating="5"] {
|
|
width: 100%}
|
|
.fix-problem-dialog .heading {
|
|
font-weight: bold;
|
|
margin-top: 10px;
|
|
}
|
|
.fix-problem-dialog .subheading {
|
|
margin-top: 10px;
|
|
}
|
|
.fix-problem-dialog .description {
|
|
margin-top: 10px;
|
|
}
|
|
.roulette-view {
|
|
margin: 20px 20px 0 20px;
|
|
}
|
|
#rlt-results {
|
|
height: 250px;
|
|
}
|
|
#rlt-filter-size-choice {
|
|
padding-left: 3px;
|
|
}
|
|
.screensaver {
|
|
z-index: 1500;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
}
|
|
.screensaver .collage {
|
|
position: absolute;
|
|
background-color: black;
|
|
}
|
|
.screensaver .collage .tile {
|
|
z-index: 1501;
|
|
position: absolute;
|
|
width: 130px;
|
|
height: 130px;
|
|
}
|
|
.screensaver .collage .tile-image {
|
|
width: 100%;
|
|
height: 100%}
|
|
.screensaver .collage .currently-playing-art {
|
|
z-index: 1502;
|
|
position: absolute;
|
|
-moz-box-shadow: 0 0 9px 9px rgba(255, 255, 255, .9);
|
|
-webkit-box-shadow: 0 0 9px 9px rgba(255, 255, 255, .9);
|
|
box-shadow: 0 0 9px 9px rgba(255, 255, 255, .9);
|
|
}
|
|
.screensaver .collage .currently-playing-art-image {
|
|
width: 100%;
|
|
height: 100%}
|
|
.screensaver .collage .text {
|
|
z-index: 1502;
|
|
position: absolute;
|
|
height: 30px;
|
|
color: white;
|
|
overflow: hidden;
|
|
text-overflow: clip;
|
|
white-space: nowrap;
|
|
}
|
|
.screensaver .collage .text.song {
|
|
font-weight: 700;
|
|
font-size: 24px;
|
|
}
|
|
.screensaver .collage .text.album {
|
|
font-weight: 700;
|
|
font-size: 22px;
|
|
}
|
|
.screensaver .collage .text.artist {
|
|
font-size: 22px;
|
|
}
|
|
.screensaver .collage .text.time {
|
|
width: 200px;
|
|
font-family: 'Roboto', arial, sans-serif;
|
|
font-weight: 700;
|
|
font-size: 16px;
|
|
text-align: right;
|
|
}
|
|
.screensaver .panning {
|
|
position: absolute;
|
|
background-color: black;
|
|
}
|
|
.screensaver .panning .art-container {
|
|
z-index: 1501;
|
|
position: absolute;
|
|
}
|
|
.screensaver .panning .art-image {
|
|
width: 100%;
|
|
height: 100%}
|
|
.screensaver .panning .overlay {
|
|
z-index: 1502;
|
|
position: absolute;
|
|
background-image: url('over_pattern.png');
|
|
background-repeat: repeat;
|
|
}
|
|
.search {
|
|
float: left;
|
|
height: 22px;
|
|
background: none;
|
|
width: auto;
|
|
margin: 21px 0 0 50px;
|
|
padding: 0;
|
|
}
|
|
.search-border {
|
|
display: none;
|
|
width: 327px;
|
|
height: 5px;
|
|
border-left: solid #bbb 1px;
|
|
border-right: solid #bbb 1px;
|
|
border-bottom: solid #bbb 1px;
|
|
float: left;
|
|
margin-top: 43px;
|
|
}
|
|
#searchBox {
|
|
outline: none;
|
|
border: 1px solid #d7d7d7;
|
|
border-top-color: #b7b7b7;
|
|
font-size: 16px;
|
|
width: 363px;
|
|
background: white;
|
|
padding: 3px 0 1px 8px;
|
|
font-weight: normal;
|
|
line-height: 16px;
|
|
height: 23px;
|
|
}
|
|
.search-icon {
|
|
display: none;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1100px -1074px;
|
|
width: 18px;
|
|
height: 18px;
|
|
float: left;
|
|
margin-right: 3px;
|
|
}
|
|
.search-button {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3478px -352px;
|
|
width: 72px;
|
|
height: 29px;
|
|
float: right;
|
|
outline: 0;
|
|
cursor: pointer;
|
|
margin: 0 0 0 15px;
|
|
}
|
|
.search-results-section-heading {
|
|
border-color: rgba(220, 220, 220, .5) rgba(220, 220, 220, .5) #fff #fff;
|
|
font-weight: 500;
|
|
clear: both;
|
|
background-color: #f4f4f4;
|
|
padding: 6px 0 5px 20px;
|
|
color: #929292;
|
|
border-bottom: none;
|
|
border-top: 1px solid #d4d4d4;
|
|
font-size: 13px;
|
|
margin-bottom: 10px;
|
|
text-transform: uppercase;
|
|
}
|
|
.search-results-section-heading-first {
|
|
border-top: none;
|
|
}
|
|
#search-results {
|
|
clear: both;
|
|
min-height: 0;
|
|
}
|
|
#songs .search-results-section-heading {
|
|
padding: 5px 16px;
|
|
clear: both;
|
|
}
|
|
.artist-album-results-section {
|
|
width: 100%}
|
|
.container-top-margin {
|
|
clear: both;
|
|
height: 10px;
|
|
}
|
|
.container-bottom-margin {
|
|
clear: both;
|
|
height: 30px;
|
|
}
|
|
.search-link:hover {
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
}
|
|
.search-album-container {
|
|
width: 300px;
|
|
max-width: 300px;
|
|
padding: 10px 20px 10px 20px;
|
|
}
|
|
.search-album-container, .search-album-image-container, search-album-text-container {
|
|
float: left;
|
|
}
|
|
.search-album-text-container {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
padding: 0 32px 0 5px;
|
|
}
|
|
.search-album-image {
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
.search-no-results {
|
|
margin-left: 10px;
|
|
color: #7f7f7f;
|
|
text-transform: uppercase;
|
|
margin-bottom: 20px;
|
|
}
|
|
.label-input-label {
|
|
color: #dcdcdc;
|
|
}
|
|
#artistContainer {
|
|
margin-left: 10px;
|
|
}
|
|
.search-ac-subtext {
|
|
font-size: .8em;
|
|
}
|
|
.search-results-all-music-heading-logo {
|
|
background-image: url('ic_store_cover.png');
|
|
width: 40px;
|
|
height: 40px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
.search-results-all-music-heading {
|
|
font-weight: 500;
|
|
clear: both;
|
|
background-color: #f4f4f4;
|
|
padding: 5px 0 5px 20px;
|
|
color: #929292;
|
|
font-size: 15px;
|
|
margin-bottom: 10px;
|
|
text-transform: uppercase;
|
|
line-height: 40px;
|
|
}
|
|
.search-results-section-heading .more-link {
|
|
float: right;
|
|
cursor: pointer;
|
|
}
|
|
.settings-view p {
|
|
margin-top: 20px;
|
|
margin-bottom: 0;
|
|
}
|
|
.settings-view .button {
|
|
text-transform: none;
|
|
}
|
|
.settings-section-content {
|
|
padding-left: 2px;
|
|
line-height: 24px;
|
|
}
|
|
.settings-title-separator {
|
|
clear: both;
|
|
}
|
|
.settings-sub-title {
|
|
font-weight: 700;
|
|
padding-right: 20px;
|
|
}
|
|
.settings-button-description {
|
|
color: #aaa;
|
|
margin-left: 10px;
|
|
font-style: italic;
|
|
}
|
|
#settings-hide-unplayable {
|
|
margin-right: 10px;
|
|
}
|
|
.settings-devices-table-outer-box {
|
|
margin-right: 20px;
|
|
}
|
|
.settings-devices-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border-style: none;
|
|
margin-right: 5px;
|
|
}
|
|
.settings-devices-table tr {
|
|
border-bottom: 1px solid #cccccc;
|
|
margin-bottom: 10px;
|
|
}
|
|
.settings-device-button-column {
|
|
width: 128px;
|
|
}
|
|
.settings-devices-table th {
|
|
text-transform: uppercase;
|
|
font-size: 12px;
|
|
padding-bottom: 0;
|
|
border-bottom: 1px solid #cccccc;
|
|
}
|
|
.settings-devices-table td {
|
|
height: 55px;
|
|
border-bottom: 1px solid #cccccc;
|
|
}
|
|
.settings-dialog-subtext {
|
|
margin-top: 10px;
|
|
font-weight: 700;
|
|
display: block;
|
|
}
|
|
.settings-management-content {
|
|
padding-right: 20px;
|
|
line-height: 150%}
|
|
.settings-music-source-list-container .music-source-container {
|
|
width: 650px;
|
|
}
|
|
.settings-name, .settings-songs-in-collection {
|
|
font-weight: 700;
|
|
}
|
|
.settings-email-news-offers input {
|
|
vertical-align: middle;
|
|
margin-right: 5px;
|
|
}
|
|
.settings-no-device {
|
|
margin-top: 10px;
|
|
}
|
|
.pc-app-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -582px -1210px;
|
|
width: 36px;
|
|
height: 36px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
.android-device-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3114px -100px;
|
|
width: 36px;
|
|
height: 36px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
.ios-device-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1724px 0;
|
|
width: 36px;
|
|
height: 36px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.ios-device-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -224px -513px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.settings-devices-table span {
|
|
display: inline-block;
|
|
}
|
|
.device-name {
|
|
padding-top: 3px;
|
|
}
|
|
.library-delete-dialog-section {
|
|
width: 350px;
|
|
height: 70px;
|
|
}
|
|
#library-delete-in-progress {
|
|
padding-top: 15px;
|
|
}
|
|
#settings-footer {
|
|
margin-left: 20px;
|
|
color: #7f7f7f;
|
|
}
|
|
.settings-dialog-warning {
|
|
font-weight: 700;
|
|
display: block;
|
|
padding-bottom: 15px;
|
|
font-size: 15px;
|
|
text-transform: uppercase;
|
|
}
|
|
.settings-option-container {
|
|
padding-top: 15px;
|
|
}
|
|
.settings-option-container input[type="checkbox"] {
|
|
float: left;
|
|
}
|
|
.settings-delete-dialog-section {
|
|
width: 400px;
|
|
}
|
|
.settings-uninstall-help-message {
|
|
padding-top: 10px;
|
|
}
|
|
.buttons-section {
|
|
line-height: 24px;
|
|
margin-top: 0;
|
|
}
|
|
.buttons-section button {
|
|
min-width: 200px;
|
|
}
|
|
#settings-delete-all-label {
|
|
color: #8f8f8f;
|
|
}
|
|
.settings-delete-all-warning {
|
|
font-weight: 700;
|
|
}
|
|
.settings-delete-all-additional-warning {
|
|
margin-left: 20px;
|
|
font-weight: 500;
|
|
color: #999999;
|
|
}
|
|
.settings-section {
|
|
margin: 12px 0;
|
|
}
|
|
#block-explicit-checkbox {
|
|
vertical-align: -2px;
|
|
}
|
|
.subscription-section {
|
|
margin-top: 7px;
|
|
}
|
|
.google-plus-required-dialog-logo {
|
|
float: left;
|
|
margin-right: 10px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1822px -794px;
|
|
width: 46px;
|
|
height: 46px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.google-plus-required-dialog-logo {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -960px -348px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.share-youtube-video-dialog .simple-dialog-content {
|
|
max-width: 584px;
|
|
}
|
|
.share-youtube-video-dialog .header {
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
text-transform: uppercase;
|
|
color: #777;
|
|
}
|
|
.share-youtube-video-dialog .videos {
|
|
padding: 10px 0;
|
|
height: 205px;
|
|
}
|
|
.share-youtube-video-dialog .video-container {
|
|
width: 188px;
|
|
float: left;
|
|
margin: 0 5px;
|
|
}
|
|
.share-youtube-video-dialog .video-container.first {
|
|
margin-left: 0;
|
|
}
|
|
.share-youtube-video-dialog .video-container.last {
|
|
margin-right: 0;
|
|
}
|
|
.share-youtube-video-dialog .thumbnail {
|
|
width: 180px;
|
|
height: 135px;
|
|
padding: 1px;
|
|
border: 1px solid #ccc;
|
|
margin: 2px;
|
|
}
|
|
.share-youtube-video-dialog .video-container.selected .thumbnail {
|
|
border: 3px solid #55b7c8;
|
|
margin: 0;
|
|
}
|
|
.share-youtube-video-dialog .title, .query-description {
|
|
font-weight: 500;
|
|
line-height: 18px;
|
|
max-height: 36px;
|
|
overflow: hidden;
|
|
}
|
|
.query-description {
|
|
margin-top: 10px;
|
|
}
|
|
.share-youtube-video-dialog .views {
|
|
font-size: 11px;
|
|
color: #777;
|
|
line-height: 18px;
|
|
text-transform: uppercase;
|
|
}
|
|
.share-youtube-video-dialog button {
|
|
min-width: 100px;
|
|
}
|
|
.not-enough-youtube-video-dialog .simple-dialog-content {
|
|
padding: 20px 20px 40px 20px;
|
|
min-width: 250px;
|
|
}
|
|
.signup-flow-bg {
|
|
position: absolute;
|
|
top: 60px;
|
|
left: 0;
|
|
background-color: white;
|
|
-moz-opacity: .8;
|
|
opacity: .8;
|
|
filter: alpha(opacity=80);
|
|
z-index: 900;
|
|
}
|
|
.signup-flow {
|
|
position: absolute;
|
|
margin-top: 30px;
|
|
width: 775px;
|
|
height: 490px;
|
|
background-color: white;
|
|
padding: 0 0 25px 36px;
|
|
z-index: 900;
|
|
border-radius: 5px;
|
|
border: 1px solid #c0c0c0;
|
|
box-shadow: 0 2px 40px rgba(0, 0, 0, .4);
|
|
}
|
|
.signup-flow p {
|
|
font-size: 16px;
|
|
color: #888;
|
|
}
|
|
.signup-flow .page {
|
|
position: relative;
|
|
height: 100%}
|
|
.signup-flow .background {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1908px 0;
|
|
width: 400px;
|
|
height: 400px;
|
|
float: right;
|
|
margin-top: 55px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.signup-flow .background {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) 0 -11px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.signup-flow .chrome-app-background {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5108px -724px;
|
|
width: 646px;
|
|
height: 134px;
|
|
margin-top: 50px;
|
|
margin-left: 20px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.signup-flow .chrome-app-background {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2041px -161px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.signup-flow .footer {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
}
|
|
.signup-flow .footer .info {
|
|
color: #aaa;
|
|
padding: 15px 0;
|
|
border-top: 1px solid #e5e5e5;
|
|
width: 360px;
|
|
}
|
|
.signup-flow .button {
|
|
margin-right: 20px;
|
|
}
|
|
.signup-flow h1 {
|
|
line-height: 28px;
|
|
color: #f4842d;
|
|
font-weight: 300;
|
|
font-size: 28px;
|
|
margin: 0;
|
|
padding: 30px 0;
|
|
}
|
|
.signup-flow h2 {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
color: #888;
|
|
margin: 0;
|
|
}
|
|
.signup-flow .add-music h1 {
|
|
padding-bottom: 10px;
|
|
}
|
|
.signup-flow .welcome label {
|
|
color: #333;
|
|
}
|
|
.signup-flow .account-type .basic, .signup-flow .account-type .all-access {
|
|
height: 350px;
|
|
position: relative;
|
|
}
|
|
.signup-flow .account-type .product-name {
|
|
margin-bottom: 30px;
|
|
}
|
|
.signup-flow .account-type .image {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.signup-flow .account-type h2 {
|
|
font-size: 18px;
|
|
color: #333;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
text-indent: 15px;
|
|
}
|
|
.signup-flow .account-type h3 {
|
|
font-size: 14px;
|
|
margin: 0;
|
|
line-height: 30px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
.signup-flow .account-type .features {
|
|
font-size: 16px;
|
|
color: #888;
|
|
}
|
|
.signup-flow .account-type .features li {
|
|
line-height: 32px;
|
|
}
|
|
.signup-flow .account-type .feature {
|
|
display: inline-block;
|
|
vertical-align: -7px;
|
|
margin-right: 3px;
|
|
}
|
|
.signup-flow .account-type .basic {
|
|
float: left;
|
|
width: 355px;
|
|
}
|
|
.signup-flow .account-type .basic .image {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -532px -1184px;
|
|
width: 47px;
|
|
height: 47px;
|
|
}
|
|
.signup-flow .account-type .basic .feature.add {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1762px -402px;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.signup-flow .account-type .basic .feature.shop {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -802px -44px;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.signup-flow .account-type .basic .feature.device {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1050px -1048px;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.signup-flow .account-type .all-access .feature.million {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3958px -926px;
|
|
width: 24px;
|
|
HEIGHT: 24px;
|
|
}
|
|
.signup-flow .account-type .all-access .feature.radio {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2872px -98px;
|
|
width: 24px;
|
|
HEIGHT: 24px;
|
|
}
|
|
.signup-flow .account-type .all-access .feature.playlist {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5772px -952px;
|
|
width: 24px;
|
|
HEIGHT: 24px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.signup-flow .account-type .basic .feature.add {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1155px 0;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.signup-flow .account-type .basic .feature.shop {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -833px -50px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.signup-flow .account-type .basic .feature.device {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2200px -296px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.signup-flow .account-type .all-access .feature.million {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1503px -140px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.signup-flow .account-type .all-access .feature.radio {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1155px -335px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.signup-flow .account-type .all-access .feature.playlist {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2077px -296px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.signup-flow .account-type .all-access {
|
|
margin-left: 355px;
|
|
padding-left: 40px;
|
|
border-left: 1px solid #ccc;
|
|
}
|
|
.signup-flow .account-type .all-access .image {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3724px -726px;
|
|
width: 89px;
|
|
height: 49px;
|
|
}
|
|
.signup-flow .account-type .all-access .feature-header {
|
|
font-size: 14px;
|
|
color: #aaa;
|
|
margin: 10px 0 3px 0;
|
|
}
|
|
.signup-flow .account-type .footer, .signup-flow .account-type .buttons {
|
|
width: 100%}
|
|
.signup-flow .account-type .standard-button, .signup-flow .account-type .all-access-button {
|
|
width: 50%;
|
|
display: inline-block;
|
|
}
|
|
.signup-flow .basic table {
|
|
width: 360px;
|
|
border-spacing: 0;
|
|
}
|
|
.signup-flow .basic th, .signup-flow .basic td {
|
|
text-align: left;
|
|
border-bottom: 1px solid #ccc;
|
|
line-height: 40px;
|
|
}
|
|
.signup-flow .basic th {
|
|
font-size: 12px;
|
|
color: 333;
|
|
text-transform: uppercase;
|
|
}
|
|
.signup-flow .basic td {
|
|
font-size: 14px;
|
|
color: #707070;
|
|
}
|
|
.signup-flow .activated h2, .signup-flow .settings-install h2, .signup-flow .miniplayer-install h2, .signup-flow .add-music h2 {
|
|
font-size: 18px;
|
|
color: #333;
|
|
}
|
|
.signup-flow .activated h3, .signup-flow .settings-install h3, .signup-flow .miniplayer-install h3, .signup-flow .add-music h3 {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
color: #888;
|
|
}
|
|
.signup-flow .add-music .music-sources-simple {
|
|
margin-top: 15px;
|
|
font-size: 16px;
|
|
}
|
|
.signup-flow .add-music .content {
|
|
width: 738px;
|
|
}
|
|
.signup-flow .add-music .music-sources-simple .existing-music-message {
|
|
color: #858585;
|
|
}
|
|
.signup-flow .add-music .music-sources-simple .radio-button-text {
|
|
line-height: 40px;
|
|
margin-left: 10px;
|
|
vertical-align: top;
|
|
}
|
|
.signup-flow .add-music .music-sources-simple .radio-buttons {
|
|
padding-top: 12px;
|
|
}
|
|
.signup-flow .add-music .music-sources-simple .radio-button {
|
|
margin: 0;
|
|
height: 40px;
|
|
}
|
|
.signup-flow .add-music .music-sources-simple .sync-checkbox {
|
|
margin-top: 180px;
|
|
padding-bottom: 25px;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
.signup-flow .add-music .music-sources-simple .music-source-sync-checkbox-label {
|
|
font-size: 14px;
|
|
}
|
|
.signup-flow .add-music .loading-spinner {
|
|
margin-top: 120px;
|
|
margin-left: 293px;
|
|
}
|
|
.signup-flow .miniplayer-background {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4082px -738px;
|
|
width: 240px;
|
|
height: 152px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-top: 50px;
|
|
margin-left: 257px;
|
|
margin-top: 30px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.signup-flow .miniplayer-background {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1700px -550px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.chrome-app-description {
|
|
color: #888;
|
|
font-size: 16px;
|
|
margin-right: 36px;
|
|
margin-top: 20px;
|
|
}
|
|
.signup-flow .basic-activated-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5958px 0;
|
|
width: 66px;
|
|
height: 66px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 15px;
|
|
}
|
|
.signup-flow .all-access-activated-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4278px -592px;
|
|
width: 119px;
|
|
height: 66px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 15px;
|
|
}
|
|
.signup-flow .activated .content button, .signup-flow .install-error .content button {
|
|
color: #cc6d1d;
|
|
border: none;
|
|
background: none;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
}
|
|
.signup-flow .upgrade .feature {
|
|
display: inline-block;
|
|
vertical-align: -20px;
|
|
}
|
|
.signup-flow .upgrade li {
|
|
font-size: 16px;
|
|
color: #888;
|
|
}
|
|
.signup-flow .upgrade .feature.million {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1724px -990px;
|
|
width: 48px;
|
|
HEIGHT: 48px;
|
|
}
|
|
.signup-flow .upgrade .feature.radio {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -586px -824px;
|
|
width: 48px;
|
|
HEIGHT: 48px;
|
|
}
|
|
.signup-flow .upgrade .feature.playlist {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4696px -724px;
|
|
width: 48px;
|
|
HEIGHT: 48px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.signup-flow .upgrade .feature.million {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1180px -326px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.signup-flow .upgrade .feature.radio {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2432px -463px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.signup-flow .upgrade .feature.playlist {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1414px 0;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.signup-flow .add-music .music-source-list {
|
|
overflow-y: auto;
|
|
height: 245px;
|
|
}
|
|
.signup-flow .install-waiting-section {
|
|
text-align: center;
|
|
font-size: 16px;
|
|
color: #888;
|
|
}
|
|
.signup-flow .loading-spinner {
|
|
background: transparent url(spinner.gif) no-repeat center center;
|
|
height: 150px;
|
|
width: 150px;
|
|
margin-left: 310px;
|
|
margin-top: 160px;
|
|
padding-bottom: 10px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.signup-flow .loading-spinner {
|
|
background: transparent url(spinner_x2.gif) no-repeat center center;
|
|
background-size: 100% 100%}
|
|
}.signup-flow .error {
|
|
color: #f4842d;
|
|
display: none;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
}
|
|
.signup-flow .error .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2458px -644px;
|
|
width: 18px;
|
|
height: 18px;
|
|
display: inline-block;
|
|
vertical-align: -3px;
|
|
margin-right: 5px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.signup-flow .error .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -814px -25px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.signup-flow.has-error .error {
|
|
display: inline-block;
|
|
}
|
|
.signup-flow[data-account-type="standard"].has-error .account-type .all-access-button .error {
|
|
display: none;
|
|
}
|
|
.signup-flow[data-account-type="all-access"].has-error .account-type .standard-button .error {
|
|
display: none;
|
|
}
|
|
#sliding_action_bar_container {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 47px;
|
|
background-color: #4d4d4d;
|
|
z-index: 1;
|
|
overflow: hidden;
|
|
}
|
|
.bar-button {
|
|
height: 46px;
|
|
border: none;
|
|
outline: none;
|
|
margin: 0;
|
|
-moz-opacity: .8;
|
|
opacity: .8;
|
|
filter: alpha(opacity=80);
|
|
background-color: #4d4d4d;
|
|
}
|
|
.bar-button:hover {
|
|
-moz-opacity: 1.0;
|
|
opacity: 1.0;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.bar-button[disabled] {
|
|
-moz-opacity: .2;
|
|
opacity: .2;
|
|
filter: alpha(opacity=20);
|
|
}
|
|
.bar-button .icon {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.bar-button .text {
|
|
vertical-align: middle;
|
|
color: white;
|
|
font-family: 'Roboto', arial, sans-serif;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
}
|
|
#sliding_action_bar_container button[data-id="selected"] {
|
|
margin-left: 19px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="close"] {
|
|
background-color: #333333;
|
|
float: right;
|
|
}
|
|
#sliding_action_bar_container button[data-id="selected"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4082px -666px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="edit-info"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1254px -1158px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="download"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4550px -926px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="remove-from-queue"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4668px -1260px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="remove-from-playlist"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4668px -1260px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="remove-from-my-library"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4668px -1260px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="delete"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3114px 0;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="undelete"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4604px -724px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="permanently-delete"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5678px 0;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="overflow"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3774px -412px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="close"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4486px -926px;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
#sliding_action_bar_container button[data-id="selected"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1747px -110px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="edit-info"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2076px -463px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="download"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2385px -362px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="remove-from-queue"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -560px -537px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="remove-from-playlist"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -560px -537px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="remove-from-my-library"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -560px -537px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="delete"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2915px -375px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="undelete"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2994px -400px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="permanently-delete"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2504px -362px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="overflow"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -758px -171px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
#sliding_action_bar_container button[data-id="close"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -65px -546px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.simple-dialog.edit-dialog .simple-dialog-content {
|
|
padding: 0;
|
|
}
|
|
.edit-dialog .edit-section {
|
|
margin-bottom: 10px;
|
|
}
|
|
.simple-dialog.edit-dialog table {
|
|
table-layout: fixed;
|
|
border-spacing: 0;
|
|
}
|
|
.simple-dialog.edit-dialog col.wide {
|
|
width: 360px;
|
|
}
|
|
.simple-dialog.edit-dialog col.narrow {
|
|
width: auto;
|
|
}
|
|
.simple-dialog.edit-dialog td {
|
|
padding-left: 25px;
|
|
vertical-align: top;
|
|
}
|
|
.simple-dialog.edit-dialog td:first-child {
|
|
padding-left: 0;
|
|
}
|
|
.simple-dialog.edit-dialog input[type="text"] {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
.simple-dialog.edit-dialog input.number {
|
|
width: 35px;
|
|
}
|
|
.simple-dialog.edit-dialog input.year {
|
|
width: 75px;
|
|
}
|
|
.simple-dialog.edit-dialog .tracks {
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
.simple-dialog.edit-dialog .discs {
|
|
float: left;
|
|
}
|
|
#edit-album-art {
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
#edit-album-art, #suggested-album-art {
|
|
width: 71px;
|
|
height: 71px;
|
|
background-size: 71px 71px;
|
|
}
|
|
#suggested-album-art {
|
|
position: relative;
|
|
left: -80px;
|
|
top: -102px;
|
|
display: none;
|
|
}
|
|
#mini-suggested-art {
|
|
float: left;
|
|
width: 21px;
|
|
height: 21px;
|
|
margin-right: 2px;
|
|
}
|
|
.suggested-art-box {
|
|
width: 105px;
|
|
margin-right: -30px;
|
|
height: 25px;
|
|
font-size: 10px;
|
|
line-height: 12px;
|
|
text-align: left;
|
|
margin-top: 3px;
|
|
cursor: pointer;
|
|
}
|
|
.suggested-art-box:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.edit-album-art-hoverable {
|
|
display: none;
|
|
position: relative;
|
|
background: #505050;
|
|
background: rgba(80, 80, 80, .9);
|
|
color: white;
|
|
border: 0px solid #b6b6b6;
|
|
font-weight: 700;
|
|
}
|
|
#edit-album-art-box:hover .edit-album-art-hoverable {
|
|
display: block;
|
|
}
|
|
.suggested-art-box:hover #suggested-album-art {
|
|
display: block;
|
|
}
|
|
.suggestion {
|
|
font-size: 10px;
|
|
line-height: 14px;
|
|
height: 14px;
|
|
margin-top: 2px;
|
|
-webkit-transition: height .10s ease-in-out;
|
|
-moz-transition: height .10s ease-in-out;
|
|
-o-transition: height .10s ease-in-out;
|
|
transition: height .10s ease-in-out;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
text-transform: none;
|
|
}
|
|
.suggestion.copied {
|
|
height: 0;
|
|
overflow: hidden;
|
|
}
|
|
.suggestion:hover {
|
|
text-decoration: underline;
|
|
}
|
|
#albumArtFile {
|
|
-moz-opacity: .01;
|
|
opacity: .01;
|
|
filter: alpha(opacity=1);
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
.suggestion:after {
|
|
display: inline-block;
|
|
position: relative;
|
|
top: 1px;
|
|
left: 4px;
|
|
-moz-opacity: .0;
|
|
opacity: .0;
|
|
filter: alpha(opacity=0);
|
|
-webkit-transition: opacity .10s ease-in-out;
|
|
-moz-transition: opacity .10s ease-in-out;
|
|
-o-transition: opacity .10s ease-in-out;
|
|
transition: opacity .10s ease-in-out;
|
|
width: 6px;
|
|
height: 10px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3032px -846px;
|
|
content: ''}
|
|
.suggestion:hover:after {
|
|
-moz-opacity: 1;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
.suggested-art-box.suggestion:after {
|
|
display: none;
|
|
}
|
|
#edit-album-art-clear {
|
|
position: absolute;
|
|
right: 1px;
|
|
top: 1px;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4620px -926px;
|
|
background-color: rgba(80, 80, 80, .9);
|
|
}
|
|
#edit-album-art-box {
|
|
position: relative;
|
|
width: 75px;
|
|
height: 75px;
|
|
}
|
|
#edit-album-art-error {
|
|
position: absolute;
|
|
-moz-opacity: .01;
|
|
opacity: .01;
|
|
filter: alpha(opacity=1);
|
|
top: 20px;
|
|
left: 0px;
|
|
text-transform: none;
|
|
-webkit-transition: opacity .20s ease-in-out;
|
|
-moz-transition: opacity .20s ease-in-out;
|
|
-o-transition: opacity .20s ease-in-out;
|
|
transition: opacity .20s ease-in-out;
|
|
background: #505050;
|
|
background: rgba(80, 80, 80, .9);
|
|
color: white;
|
|
border: 0px solid #b6b6b6;
|
|
font-weight: 700;
|
|
}
|
|
#edit-album-art-change {
|
|
position: absolute;
|
|
top: auto;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
text-transform: none;
|
|
}
|
|
#edit-album-art-change input {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
height: 18px;
|
|
-moz-opacity: .01;
|
|
opacity: .01;
|
|
filter: alpha(opacity=1);
|
|
}
|
|
#album-art-label {
|
|
font-size: .8em;
|
|
}
|
|
.album-image {
|
|
text-align: center;
|
|
margin-top: 18px;
|
|
}
|
|
#edit-playlist-name {
|
|
width: 300px;
|
|
}
|
|
.uploading-spinner {
|
|
text-align: center;
|
|
background-color: #fff;
|
|
overflow: visible;
|
|
margin-top: 30px;
|
|
}
|
|
.uploading-spinner span {
|
|
margin-left: 5px;
|
|
}
|
|
.album-art-upload-dialog button[disabled] {
|
|
visibility: hidden;
|
|
}
|
|
.edit-dialog .curation-action-link {
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
float: left;
|
|
}
|
|
.edit-dialog button[name="use-suggestions"] {
|
|
float: right;
|
|
margin-right: 0;
|
|
}
|
|
.simple-dialog-content .browseSubtext {
|
|
font-size: 13px;
|
|
color: #333;
|
|
text-transform: none;
|
|
}
|
|
#edit-song-explicit {
|
|
display: block;
|
|
margin-top: 15px;
|
|
}
|
|
#song-bitrate-container {
|
|
display: block;
|
|
}
|
|
.song-table {
|
|
cursor: pointer;
|
|
border-spacing: 0;
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
outline: none;
|
|
padding: 0 5px 0 5px;
|
|
}
|
|
.song-table[data-type="srbm"] {
|
|
margin-top: 5px;
|
|
border-top: 1px solid #d9d9d9;
|
|
}
|
|
.song-table th {
|
|
height: 36px;
|
|
text-transform: uppercase;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
color: #333;
|
|
text-indent: 8px;
|
|
padding: 0;
|
|
border-bottom: 1px solid #e3e3e4;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.song-table th:hover {
|
|
background-color: #ebebeb;
|
|
}
|
|
.song-table[data-unsortable="1"] th:hover {
|
|
background-color: inherit;
|
|
cursor: default;
|
|
}
|
|
.header-row .sort-icon {
|
|
float: none;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-top: -2px;
|
|
vertical-align: middle;
|
|
-moz-opacity: .3;
|
|
opacity: .3;
|
|
filter: alpha(opacity=30);
|
|
display: none;
|
|
}
|
|
.ascending .sort-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5750px -952px;
|
|
display: inline-block;
|
|
}
|
|
.descending .sort-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -6120px 0;
|
|
display: inline-block;
|
|
}
|
|
.header-row [data-col="duration"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1598px -498px;
|
|
width: 24px;
|
|
height: 24px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.header-row [data-col="play-count"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -802px -70px;
|
|
width: 24px;
|
|
height: 24px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.song-row td {
|
|
height: 40px;
|
|
line-height: 40px;
|
|
max-height: 40px;
|
|
min-height: 40px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-indent: 8px;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
color: #707070;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
font-size: 14px;
|
|
background-color: #e5e5e5;
|
|
font-weight: normal;
|
|
}
|
|
.song-row.hover, .song-row.hover td {
|
|
background-color: #f2f2f2;
|
|
}
|
|
.song-row td a {
|
|
text-decoration: none;
|
|
}
|
|
.song-row .song-indicator {
|
|
position: relative;
|
|
width: 40px!important;
|
|
height: 40px!important;
|
|
margin: 0;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-color: inherit;
|
|
float: none;
|
|
background-image: url('ani_equalizer_black.gif');
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
.song-row.currently-playing td[data-col="title"] {
|
|
color: #333333;
|
|
font-weight: bold;
|
|
}
|
|
.song-row .song-indicator[data-playback-status="paused"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2310px -300px;
|
|
background-color: inherit;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.song-row .song-indicator[data-playback-status="loading"] {
|
|
background: url('ani_loading_dark.gif');
|
|
background-color: inherit;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.song-row .song-indicator[data-playback-status="paused"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2481px -463px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.song-row .song-indicator[data-playback-status="loading"] {
|
|
background: url('ani_loading_dark_x2.gif');
|
|
background-size: 100% 100%;
|
|
background-color: inherit;
|
|
}
|
|
}table:not(.multiple-selected) .song-row.hover .hover-button[data-id="menu"], table:not(.multiple-selected) .song-row.selected-song-row .hover-button[data-id="menu"], table.multiple-selected .song-row.hover:not(.selected-song-row) .hover-button[data-id="menu"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1762px -564px;
|
|
width: 24px;
|
|
height: 24px;
|
|
display: inline-block;
|
|
background-color: inherit;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
table.multiple-selected .song-row.hover: not(.selected-song-row) .hover-button[data-id="menu"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2443px -537px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.song-row .hover-button[data-id="menu"] {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin: 9px 1px 1px 2px;
|
|
border: none;
|
|
}
|
|
div~.hover-button[data-id="menu"] {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.song-row .hover-button[data-id="menu"]:hover {
|
|
margin: 8px 0px 0px 1px;
|
|
border: 1px solid #c9c8cb;
|
|
border-radius: 2px;
|
|
background-color: #f5f5f5;
|
|
}
|
|
.song-row .hover-button[data-id="menu"]:active {
|
|
background-color: #d9d9d9;
|
|
}
|
|
table.multiple-selected .song-row.selected-song-row .hover-button[data-id="menu"] {
|
|
visibility: hidden;
|
|
}
|
|
.selected-song-row td {
|
|
background-color: white!important;
|
|
}
|
|
.song-row .rating-container.thumbs [data-rating="5"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3882px -1044px;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin-top: 9px;
|
|
margin-left: 9px;
|
|
display: block;
|
|
}
|
|
.song-row .rating-container.thumbs [data-rating="5"]:hover {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -230px -1184px;
|
|
}
|
|
.song-row .rating-container.thumbs [data-rating="1"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5060px -926px;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin-top: 6px;
|
|
margin-left: 7px;
|
|
display: inline-block;
|
|
}
|
|
.song-row .rating-container {
|
|
float: left;
|
|
}
|
|
.song-row .rating-container.thumbs [data-rating="1"]:hover {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -582px -1184px;
|
|
}
|
|
.song-row .rating-container.stars {
|
|
width: 65px;
|
|
height: 30px;
|
|
margin: 5px 0 0 7px;
|
|
}
|
|
.song-row .rating-container.stars li:hover {
|
|
background: url("btn_list_rating_star_selected_hover.png") left center repeat-x;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.song-row .rating-container.thumbs [data-rating="5"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1473px 0;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.song-row .rating-container.thumbs [data-rating="5"]:hover {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2193px -463px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.song-row .rating-container.thumbs [data-rating="1"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1271px -150px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.song-row .rating-container.thumbs [data-rating="1"]:hover {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -530px -22px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.song-row .rating-container.stars li:hover {
|
|
background: url("btn_list_rating_star_selected_hover_2x.png") left center repeat-x;
|
|
background-size: 13px 20px;
|
|
}
|
|
}.song-row .rating-container {
|
|
margin-top: 2px;
|
|
height: auto;
|
|
line-height: 0;
|
|
}
|
|
.song-row .hover-button[data-id="play"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2816px -506px;
|
|
width: 40px;
|
|
height: 40px;
|
|
background-color: rgba(0, 0, 0, .8);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.song-row [data-col="track"] .hover-button[data-id="play"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -902px -130px;
|
|
width: 40px;
|
|
height: 40px;
|
|
background-color: inherit;
|
|
}
|
|
.song-row [data-col="radio"] .radio-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3400px -910px;
|
|
width: 24px;
|
|
height: 24px;
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-right: 5px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.song-row [data-col="radio"] .radio-icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2432px -512px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.song-row [data-col="radio"] {
|
|
color: #fb8521;
|
|
}
|
|
.song-row [data-col="rating"][data-rating="4"], .song-row [data-col="rating"][data-rating="5"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2600px -422px;
|
|
}
|
|
.song-row [data-col="rating"][data-rating="1"], .song-row [data-col="rating"][data-rating="2"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3494px -146px;
|
|
}
|
|
.song-row .stars[data-col="rating"][data-rating="1"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1822px -892px;
|
|
}
|
|
.song-row .stars[data-col="rating"][data-rating="2"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -716px -1026px;
|
|
}
|
|
.song-row .stars[data-col="rating"][data-rating="3"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2682px -690px;
|
|
}
|
|
.song-row .stars[data-col="rating"][data-rating="4"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1598px -190px;
|
|
}
|
|
.song-row .stars[data-col="rating"][data-rating="5"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5108px -860px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.song-row [data-col="rating"][data-rating="4"], .song-row [data-col="rating"][data-rating="5"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2928px -463px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.song-row [data-col="rating"][data-rating="1"], .song-row [data-col="rating"][data-rating="2"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1789px -468px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.song-row .stars[data-col="rating"][data-rating="1"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -881px -241px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.song-row .stars[data-col="rating"][data-rating="2"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -367px -616px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.song-row .stars[data-col="rating"][data-rating="3"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -967px -397px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.song-row .stars[data-col="rating"][data-rating="4"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2274px -392px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.song-row .stars[data-col="rating"][data-rating="5"] {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1155px -109px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.song-row .title-right-items {
|
|
float: right;
|
|
background-color: inherit;
|
|
line-height: 0;
|
|
}
|
|
.song-row .explicit {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
color: #ff3300;
|
|
font-size: 9px;
|
|
font-weight: 500;
|
|
text-transform: uppercase;
|
|
text-indent: 0;
|
|
height: 13px;
|
|
line-height: 13px;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
margin: 13px 3px 0 0;
|
|
padding: 0 3px 0 3px;
|
|
border-radius: 2px;
|
|
}
|
|
.song-row .content {
|
|
display: block;
|
|
position: relative;
|
|
background-color: inherit;
|
|
overflow: hidden;
|
|
}
|
|
.song-table .no-songs-message {
|
|
position: absolute;
|
|
color: #7f7f7f;
|
|
padding: 10px 0 0 8px;
|
|
text-transform: uppercase;
|
|
}
|
|
.song-table [data-col="track"] .content {
|
|
font-weight: bold;
|
|
color: #ccc;
|
|
padding-left: 2px;
|
|
overflow: visible;
|
|
}
|
|
.song-table [data-col="title"] img {
|
|
float: left;
|
|
height: 40px;
|
|
width: 40px;
|
|
}
|
|
.song-table [data-col="rating"] {
|
|
width: 110px;
|
|
}
|
|
.song-table [data-col="duration"] {
|
|
width: 60px;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
}
|
|
.song-table [data-col="duration"] button {
|
|
margin-right: -5px;
|
|
}
|
|
.song-table [data-col="play-count"] {
|
|
width: 50px;
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
}
|
|
.song-table [data-col="date-added"], .song-table [data-col="date-deleted"] {
|
|
width: 140px;
|
|
}
|
|
.song-table [data-col="track"] {
|
|
color: #bbb;
|
|
text-align: right;
|
|
width: 24px;
|
|
padding-right: 8px;
|
|
white-space: nowrap;
|
|
}
|
|
.song-table [data-col="track"] .sort-icon {
|
|
margin: 0 -10px 0 0;
|
|
}
|
|
.song-row [data-col="artist"] .text:hover, .song-row [data-col="album"] .text:hover {
|
|
text-decoration: underline;
|
|
}
|
|
[data-type="ap"][data-id="auto-playlist-trash"] .song-row [data-col="artist"] .content:hover, [data-type="ap"][data-id="auto-playlist-trash"] .song-row [data-col="album"] .content:hover, .song-row[data-subscription-links="false"] [data-col="artist"] .content:hover, .song-row[data-subscription-links="false"] [data-col="album"] .content:hover {
|
|
text-decoration: none;
|
|
}
|
|
.song-table [data-col="price"] {
|
|
width: 60px;
|
|
}
|
|
.song-table [data-col="wrench"] {
|
|
width: 30px;
|
|
}
|
|
.song-row [data-col="wrench"].curation {
|
|
width: 30px;
|
|
height: 40px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1796px -196px;
|
|
top: auto;
|
|
left: auto;
|
|
margin: 0px;
|
|
}
|
|
.song-row .track-number {
|
|
color: #bbb!important;
|
|
text-align: right;
|
|
display: inline-block;
|
|
min-width: 16px;
|
|
margin-right: 8px;
|
|
text-indent: 0;
|
|
}
|
|
.song-table[data-type="album"] [data-col="album"] {
|
|
display: none;
|
|
}
|
|
.song-row .fade-out:after {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(229, 229, 229, 0)), color-stop(100%, rgba(229, 229, 229, 1)));
|
|
background-image: -webkit-linear-gradient(left, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
background-image: -moz-linear-gradient(left, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
background-image: -ms-linear-gradient(left, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
background-image: -o-linear-gradient(left, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
background: linear-gradient(to right, rgba(229, 229, 229, 0), rgba(229, 229, 229, 1));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00e5e5e5', EndColorStr='#e5e5e5');
|
|
}
|
|
.song-row.hover .fade-out:after {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(241, 241, 241, 0)), color-stop(100%, rgba(241, 241, 241, 1)));
|
|
background-image: -webkit-linear-gradient(left, rgba(241, 241, 241, 0), rgba(241, 241, 241, 1));
|
|
background-image: -moz-linear-gradient(left, rgba(241, 241, 241, 0), rgba(241, 241, 241, 1));
|
|
background-image: -ms-linear-gradient(left, rgba(241, 241, 241, 0), rgba(241, 241, 241, 1));
|
|
background-image: -o-linear-gradient(left, rgba(241, 241, 241, 0), rgba(241, 241, 241, 1));
|
|
background: linear-gradient(to right, rgba(241, 241, 241, 0), rgba(241, 241, 241, 1));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00f1f1f1', EndColorStr='#f1f1f1');
|
|
}
|
|
.song-row.selected-song-row .fade-out:after {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
|
|
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
|
|
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
|
|
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
|
|
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
|
|
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
|
|
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#00ffffff', EndColorStr='#ffffff');
|
|
}
|
|
.dragging-target-line {
|
|
border-top: 1px solid #4c4c4c;
|
|
height: 0;
|
|
position: absolute;
|
|
overflow: hidden;
|
|
z-index: 1;
|
|
left: 20px;
|
|
}
|
|
.shared-by-photo {
|
|
float: left;
|
|
margin: 8px 2px 0 10px;
|
|
}
|
|
.shared-by-photo img {
|
|
display: block;
|
|
}
|
|
.song-table[data-id="shared-with-me"] .song-row.not-listened td {
|
|
font-weight: bold;
|
|
}
|
|
.song-drag-label {
|
|
min-width: 8px;
|
|
height: 14px;
|
|
line-height: 14px;
|
|
top: 13px;
|
|
left: -8px;
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
border: 1px solid #333333;
|
|
background-color: white;
|
|
position: absolute;
|
|
z-index: 6;
|
|
color: #333333;
|
|
font-size: 11px;
|
|
text-align: center;
|
|
}
|
|
.song-drag-0 {
|
|
left: 0px;
|
|
z-index: 5;
|
|
}
|
|
.song-drag-1 {
|
|
left: 13px;
|
|
z-index: 4;
|
|
}
|
|
.song-drag-2 {
|
|
left: 22px;
|
|
z-index: 3;
|
|
}
|
|
.song-drag-3 {
|
|
left: 28px;
|
|
z-index: 2;
|
|
}
|
|
.song-drag-4 {
|
|
left: 32px;
|
|
z-index: 1;
|
|
}
|
|
.song-drag-images {
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
border: 1px solid white;
|
|
outline: 1px solid #333333;
|
|
}
|
|
.delete-song-dialog-warning {
|
|
font-weight: 500;
|
|
}
|
|
.songlist-button {
|
|
width: 50px;
|
|
margin-bottom: 4px!important;
|
|
text-indent: 0!important;
|
|
padding-left: 0!important;
|
|
padding-right: 0!important;
|
|
}
|
|
.shared-post-text:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.shared-post-text-placeholder {
|
|
color: #777;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
}
|
|
.empty-shared-with-me {
|
|
margin-left: 20px;
|
|
}
|
|
.empty-shared-with-me-g-plus-button {
|
|
margin-left: 10px;
|
|
}
|
|
.track-problem-indicator {
|
|
margin: 11px 5px 0 0;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3400px -936px;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
.song-row[data-song-type="6"] td {
|
|
color: blue!important;
|
|
}
|
|
.song-row[data-song-type="5"] td {
|
|
color: green!important;
|
|
}
|
|
.song-row[data-linked="true"] td:first-child {
|
|
border-left: 5px solid orange;
|
|
}
|
|
.empty-library-header {
|
|
font-weight: normal;
|
|
font-size: 21px;
|
|
padding-top: 20px;
|
|
color: #ed8335;
|
|
}
|
|
.song-list-key-target {
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.transfers-view-empty-title, .song-transfer-table-title, .troubleshooter-table-title {
|
|
color: #333;
|
|
font-size: 28px;
|
|
font-weight: 300;
|
|
}
|
|
.song-transfer-table, .troubleshooter-table {
|
|
border-collapse: collapse;
|
|
table-layout: fixed;
|
|
}
|
|
.song-transfer-table-header th, .troubleshooter-table-header th {
|
|
padding-bottom: 10px;
|
|
text-transform: uppercase;
|
|
}
|
|
.song-transfer-table-row, .troubleshooter-table-row {
|
|
color: #666;
|
|
}
|
|
.transfer-status-indicator {
|
|
background: white;
|
|
border-top: 1px solid #f1f1f1;
|
|
bottom: 0;
|
|
color: #333;
|
|
display: table-cell;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
height: 40px;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
.transfer-status-indicator-transfer-icon {
|
|
display: inline-block;
|
|
height: 100%;
|
|
padding-left: 15px;
|
|
vertical-align: middle;
|
|
width: 14px;
|
|
}
|
|
.transfer-status-indicator-uploading-icon {
|
|
background: url('uploading_indicator.gif') no-repeat right center;
|
|
}
|
|
.transfer-status-indicator-downloading-icon {
|
|
background: url('downloading_indicator.gif') no-repeat right center;
|
|
}
|
|
.transfer-status-indicator-paused-icon {
|
|
opacity: 0.67;
|
|
}
|
|
.transfer-status-indicator-text {
|
|
font-weight: 500;
|
|
padding: 0 5px;
|
|
position: relative;
|
|
top: 2px;
|
|
}
|
|
.transfer-status-indicator-paused-text {
|
|
color: #aaa;
|
|
}
|
|
.transfer-status-indicator .transfer-status-num-transferred-tracks {
|
|
color: #fb8521;
|
|
}
|
|
.transfer-status-indicator .transfer-status-indicator-three-dots-icon {
|
|
background: url('three_dots.png') no-repeat center;
|
|
cursor: pointer;
|
|
height: 100%;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: 28px;
|
|
}
|
|
.transfer-status-indicator-popup {
|
|
position: absolute;
|
|
}
|
|
.transfer-status-indicator-popup-statuses {
|
|
position: relative;
|
|
}
|
|
.transfer-status-indicator-popup-statuses .upload-status-heading {
|
|
color: #333;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
text-transform: none;
|
|
}
|
|
.transfer-status-indicator-popup-statuses .goog-menuitem-content {
|
|
height: auto;
|
|
}
|
|
.transfer-status-indicator-popup-statuses .upload-status-content {
|
|
white-space: normal;
|
|
}
|
|
.transfer-status-indicator-popup-menu {
|
|
position: relative;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.transfer-status-indicator .transfer-status-indicator-three-dots-icon {
|
|
background-image: url('three_dots_x2.png');
|
|
background-size: 4px;
|
|
}
|
|
.transfer-status-indicator-uploading-icon {
|
|
background-image: url('uploading_indicator_x2.gif');
|
|
background-size: 50%}
|
|
.transfer-status-indicator-downloading-icon {
|
|
background-image: url('downloading_indicator_x2.gif');
|
|
background-size: 50%}
|
|
}.transfers-view-empty-container {
|
|
text-align: center;
|
|
}
|
|
.transfers-view-empty-description {
|
|
font-size: 15px;
|
|
font-weight: 300;
|
|
}
|
|
.transfers-view-last-added-link {
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
}
|
|
.song-transfer-table-container {
|
|
margin: 0 20px 20px 0;
|
|
}
|
|
.song-transfer-table-buttons-container {
|
|
float: right;
|
|
}
|
|
.song-transfer-table {
|
|
margin-top: 20px;
|
|
width: 100%}
|
|
.song-transfer-table-row {
|
|
border-bottom: 1px solid #dadada;
|
|
font-size: 15px;
|
|
font-weight: 400;
|
|
}
|
|
.song-transfer-table-paused .song-transfer-table-row {
|
|
color: #aaa;
|
|
}
|
|
.song-transfer-table-row:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
.song-transfer-table-row td {
|
|
padding: 12px 0;
|
|
}
|
|
.song-transfer-table-progress-container {
|
|
position: relative;
|
|
}
|
|
.song-transfer-table-progress-bar-wrapper {
|
|
box-sizing: border-box;
|
|
display: inline-block;
|
|
padding-right: 40px;
|
|
vertical-align: middle;
|
|
width: 100%}
|
|
.progress-bar-horizontal {
|
|
background-color: #f1f1f1;
|
|
border: 1px solid #ccc;
|
|
padding: 2px;
|
|
}
|
|
.progress-bar-thumb {
|
|
background-color: #fb8823;
|
|
height: 8px;
|
|
}
|
|
.song-transfer-table-paused .progress-bar-thumb {
|
|
background-color: #bfbfbf;
|
|
}
|
|
.song-transfer-table-progress-bar-percentage {
|
|
float: right;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
.troubleshooter-nav-all-failures-message, .troubleshooter-nav-recent-failures-message {
|
|
color: #999;
|
|
cursor: pointer;
|
|
float: right;
|
|
font-size: 16px;
|
|
margin-right: 20px;
|
|
margin-top: 12px;
|
|
}
|
|
.troubleshooter-table-reason {
|
|
color: #777;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
margin: 12px 0;
|
|
}
|
|
.troubleshooter-table-header-file-cell {
|
|
width: 350px;
|
|
}
|
|
.troubleshooter-table-failed-attribute-name {
|
|
width: 175px;
|
|
}
|
|
.troubleshooter-table-row {
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
}
|
|
.troubleshooter-table-row td {
|
|
padding: 4px 0;
|
|
}
|
|
.upload-dialog {
|
|
position: absolute;
|
|
display: inline;
|
|
top: 0px;
|
|
left: 5%;
|
|
width: 90%;
|
|
height: 90%;
|
|
background-color: #f5f5f5;
|
|
box-shadow: 0 2px 40px rgba(0, 0, 0, .4);
|
|
padding: 0px;
|
|
z-index: 1200;
|
|
}
|
|
.upload-dialog a, .upload-dialog a:link, .upload-dialog a:visited {
|
|
color: #06c;
|
|
cursor: pointer;
|
|
}
|
|
.upload-dialog-bg {
|
|
background: #666;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.upload-dialog-title {
|
|
font-size: 14pt;
|
|
font-weight: 500;
|
|
color: white;
|
|
background-color: #ef7f00;
|
|
cursor: pointer;
|
|
padding: 4px 30px 8px 8px;
|
|
position: relative;
|
|
z-index: 1400;
|
|
_zoom: 1;
|
|
}
|
|
.upload-dialog-title-close:before {
|
|
display: inline-block;
|
|
vertical-align: -3px;
|
|
margin-right: 5px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5194px -1356px;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.upload-dialog-title-close {
|
|
display: inline;
|
|
height: 24px;
|
|
opacity: 0.7;
|
|
outline: 0;
|
|
padding: 11px 10px 11px 10px;
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
width: 24px;
|
|
}
|
|
.upload-dialog-title-close:before {
|
|
content: '';
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3606px -146px;
|
|
position: absolute;
|
|
height: 24px;
|
|
width: 24px;
|
|
right: 11px;
|
|
top: 8px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.upload-dialog-title-close: before {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2969px -375px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.upload-dialog-title-close:hover {
|
|
opacity: 1;
|
|
}
|
|
.upload-dialog .upload-dialog-content {
|
|
color: #9f9f9f;
|
|
text-align: center;
|
|
font-size: 24px;
|
|
}
|
|
.upload-dialog-content {
|
|
display: table;
|
|
height: 100%;
|
|
padding: 37px 0 0;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.upload-dialog-visual-content-wrapper {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
width: 25%}
|
|
.upload-dialog-select-container {
|
|
}
|
|
.upload-dialog-select-buttons {
|
|
padding-top: 10px;
|
|
padding-bottom: 25px;
|
|
}
|
|
.upload-dialog-graphic {
|
|
display: inline-block;
|
|
margin-top: 25px;
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -4112px -158px;
|
|
width: 160px;
|
|
height: 160px;
|
|
left: 33%;
|
|
right: 33%}
|
|
.upload-dialog-dragover {
|
|
border-color: #ef7f00;
|
|
border-style: solid;
|
|
border-width: 3px;
|
|
}
|
|
.upload-dialog-dragover .upload-dialog-graphic {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2360px 0;
|
|
width: 160px;
|
|
height: 160px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.upload-dialog-graphic {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2530px -476px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.upload-dialog-dragover .upload-dialog-graphic {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1578px -73px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.upload-dialog-description {
|
|
padding-top: 15px;
|
|
text-align: center;
|
|
}
|
|
.upload-dialog-dragover .upload-dialog-description {
|
|
color: #ef7f00!important;
|
|
}
|
|
.upload-dialog-dragover .upload-dialog-select-container {
|
|
-webkit-transition: all 0.2s ease-out;
|
|
-moz-transition: all 0.2s ease-out;
|
|
-ms-transition: all 0.2s ease-out;
|
|
-o-transition: all 0.2s ease-out;
|
|
transition: all 0.2s ease-out;
|
|
opacity: 0;
|
|
}
|
|
.upload-dialog-other-choice {
|
|
font-size: 11pt;
|
|
padding-top: 120px;
|
|
text-align: center;
|
|
}
|
|
#fileSelectInput {
|
|
display: none;
|
|
}
|
|
.upload-dialog-buttons {
|
|
padding: 20px 0px 20px 0px;
|
|
background-color: #fff;
|
|
}
|
|
.upload-overlay {
|
|
background-color: white;
|
|
border: 4px solid #ef7f00;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
height: 100%;
|
|
top: 0px;
|
|
width: 100%;
|
|
text-align: center;
|
|
z-index: 1000;
|
|
}
|
|
.upload-overlay .upload-directions {
|
|
position: absolute;
|
|
color: #ef7f00;
|
|
font-size: 24px;
|
|
top: 33%;
|
|
left: 33%;
|
|
bottom: 33%;
|
|
height: 33%;
|
|
right: 33%;
|
|
width: 33%;
|
|
padding-top: 15px;
|
|
margin: auto;
|
|
text-align: center;
|
|
}
|
|
.button, .simple-dialog-buttons button {
|
|
box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
|
|
color: #737373!important;
|
|
cursor: default;
|
|
display: inline-block;
|
|
font-weight: 500;
|
|
margin: 0 5px 0 0;
|
|
min-width: 40px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
-webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
|
|
-moz-transition: background-color .218s, border-color .218s, box-shadow .218s;
|
|
-o-transition: background-color .218s, border-color .218s, box-shadow .218s;
|
|
transition: background-color .218s, border-color .218s, box-shadow .218s;
|
|
font-size: 14px;
|
|
height: 36px;
|
|
line-height: 34px;
|
|
padding: 0 20px;
|
|
border: 1px solid rgba(0, 0, 0, .17);
|
|
border-radius: 3px;
|
|
background-color: #f5f5f5;
|
|
text-transform: none;
|
|
outline: none;
|
|
}
|
|
.button:hover, .simple-dialog-buttons button:hover {
|
|
border: 1px solid rgba(0, 0, 0, .25);
|
|
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1);
|
|
color: #262626!important;
|
|
background-color: #f5f5f5;
|
|
}
|
|
.button:active, .simple-dialog-buttons button:active {
|
|
background-color: #e5e5e5;
|
|
box-shadow: inset 0 2px 0 #ddd;
|
|
border: 1px solid rgba(0, 0, 0, .25);
|
|
}
|
|
.button[disabled], .button.small[disabled], .button[disabled]:hover, .button.small[disabled]:hover, .simple-dialog-buttons button[disabled]:hover, .simple-dialog-buttons button[disabled] {
|
|
-moz-opacity: .5;
|
|
opacity: .5;
|
|
filter: alpha(opacity=50);
|
|
background-color: #f5f5f5;
|
|
box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
|
|
color: #737373!important;
|
|
border: 1px solid rgba(0, 0, 0, .17);
|
|
}
|
|
.button.small {
|
|
height: 30px;
|
|
line-height: 28px;
|
|
padding: 0 13px;
|
|
background-color: #f5f5f5;
|
|
font-size: 14px;
|
|
}
|
|
.button.small:hover {
|
|
background-color: #f5f5f5;
|
|
}
|
|
.selectedSong .songlist-button {
|
|
border-color: rgba(0, 0, 0, .17);
|
|
}
|
|
.button.primary, .simple-dialog-buttons button.goog-buttonset-default {
|
|
border: none;
|
|
color: white!important;
|
|
border-radius: 2px;
|
|
background-color: #fb8823;
|
|
line-height: 36px;
|
|
}
|
|
.button.primary.small, .simple-dialog-buttons button.goog-buttonset-default.small {
|
|
line-height: 30px;
|
|
}
|
|
.button.primary:hover, .simple-dialog-buttons button.goog-buttonset-default:hover {
|
|
background-color: #ff9a5c;
|
|
box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .27);
|
|
background-image: none;
|
|
}
|
|
.button.primary:active, .simple-dialog-buttons button.goog-buttonset-default:active {
|
|
background-color: #cd6d1d;
|
|
box-shadow: inset 0 2px 0 rgba(0, 0, 0, .27);
|
|
}
|
|
.button.primary[disabled], .button.primary[disabled]:hover, .simple-dialog-buttons button.goog-buttonset-default[disabled], .simple-dialog-buttons button.goog-buttonset-default[disabled]:hover {
|
|
border: none;
|
|
color: white!important;
|
|
background-color: #fb8823;
|
|
box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
|
|
}
|
|
.button.tiny {
|
|
font-size: 12px;
|
|
height: 20px;
|
|
line-height: 12px;
|
|
padding: 3px 8px;
|
|
font-weight: 500;
|
|
text-transform: none;
|
|
}
|
|
.button.tiny.primary {
|
|
line-height: 14px;
|
|
}
|
|
#download-button a {
|
|
text-decoration: none;
|
|
color: white;
|
|
}
|
|
#download-button-section {
|
|
padding: 20px 0;
|
|
}
|
|
#installation-directions {
|
|
padding: 20px 0;
|
|
}
|
|
.help-line {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.downloading-message span {
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
color: #ed8335;
|
|
}
|
|
.installation-direction-title {
|
|
font-weight: 700;
|
|
font-size: 13px;
|
|
}
|
|
.installation-step {
|
|
padding-top: 20px;
|
|
}
|
|
.installation-step img {
|
|
padding-top: 5px;
|
|
}
|
|
#not-supported-platform {
|
|
font-size: 15px;
|
|
font-weight: 700;
|
|
padding-bottom: 20px;
|
|
}
|
|
.installation-instructions-footer {
|
|
margin-top: 20px;
|
|
color: #7f7f7f;
|
|
}
|
|
.installation-linux {
|
|
padding-top: 20px;
|
|
}
|
|
.installation-linux-link {
|
|
padding-top: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
.upload-music-page {
|
|
width: 700px;
|
|
}
|
|
.upload-music-page p, .upload-music-page .features {
|
|
font-size: 16px;
|
|
color: #888;
|
|
}
|
|
.upload-music-page .features li {
|
|
display: table;
|
|
}
|
|
.upload-music-page .feature {
|
|
display: inline-block;
|
|
vertical-align: -18px;
|
|
}
|
|
.upload-music-page ul {
|
|
padding-bottom: 15px;
|
|
border-bottom: 1px solid #d4d4d4;
|
|
margin-bottom: 5px;
|
|
}
|
|
.upload-music-page h1 {
|
|
font-weight: 300;
|
|
font-size: 28px;
|
|
color: #f4842d;
|
|
}
|
|
.upload-music-page .bulletpoint {
|
|
display: table-cell;
|
|
padding-left: 15px;
|
|
vertical-align: middle;
|
|
height: 72px;
|
|
width: 610px;
|
|
line-height: 24px;
|
|
}
|
|
.upload-music-page a:hover {
|
|
cursor: pointer;
|
|
}
|
|
.upload-music-page .feature.millions {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3774px -486px;
|
|
width: 72px;
|
|
height: 72px;
|
|
}
|
|
.upload-music-page .feature.add {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5756px -724px;
|
|
width: 72px;
|
|
height: 72px;
|
|
}
|
|
.upload-music-page .feature.shop {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3816px -412px;
|
|
width: 72px;
|
|
height: 72px;
|
|
}
|
|
.upload-music-page .feature.million {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1724px -990px;
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
.upload-music-page .feature.smart {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1822px -842px;
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
.upload-music-page .feature.devices {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -3724px -358px;
|
|
width: 48px;
|
|
height: 48px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.upload-music-page .feature.millions {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -881px 0;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.upload-music-page .feature.add {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -568px -11px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.upload-music-page .feature.shop {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1887px -280px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.upload-music-page .feature.million {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1180px -326px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.upload-music-page .feature.smart {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -302px -513px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.upload-music-page .feature.devices {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2443px -648px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.empty .image div {
|
|
margin: auto;
|
|
}
|
|
.empty .image .headphones {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2600px -10px;
|
|
width: 225px;
|
|
height: 225px;
|
|
}
|
|
.empty .image .playlist {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) 0 -824px;
|
|
width: 360px;
|
|
height: 200px;
|
|
}
|
|
.empty .image .sound-search-phone {
|
|
height: 50%;
|
|
margin: 0 auto;
|
|
display: block;
|
|
max-height: 463px;
|
|
}
|
|
.empty .image .sound-search-background {
|
|
background-color: #ffead9;
|
|
padding: 27px 0 0 20px;
|
|
margin: -27px -14px 0 -20px;
|
|
height: 50%}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.empty .image .headphones {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2702px -501px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
.empty .image .playlist {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2699px -161px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.empty .main-message, .empty .sub-message {
|
|
text-align: center;
|
|
}
|
|
.empty .main-message {
|
|
font-size: 28px;
|
|
font-weight: 300;
|
|
color: #aaaaaa;
|
|
margin-bottom: 12px;
|
|
}
|
|
.sound-search .main-message {
|
|
margin-top: 60px;
|
|
font-size: 60px;
|
|
font-weight: 300;
|
|
color: #333;
|
|
margin-bottom: 12px;
|
|
}
|
|
.empty .sub-message {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
color: #aaaaaa;
|
|
}
|
|
.sound-search .sub-message {
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
line-height: 31px;
|
|
color: #666;
|
|
width: 50%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
button[data-id="get-app"] {
|
|
width: 220px;
|
|
height: 50px;
|
|
margin-top: 45px;
|
|
font-size: 18px;
|
|
color: #fc870d!important;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
button:hover[data-id="get-app"] {
|
|
color: #fc870d!important;
|
|
}
|
|
button[data-id="get-app"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -5090px -724px;
|
|
width: 16px;
|
|
height: 18px;
|
|
display: inline-block;
|
|
margin-right: 20px;
|
|
vertical-align: -3px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.actions button[data-id="get-app"] .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2555px -682px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.empty .sub-message .button-style {
|
|
font-size: 14px;
|
|
border: 1px solid #aaaaaa;
|
|
padding: 2px 8px;
|
|
margin: 0 6px;
|
|
}
|
|
#new-station-container {
|
|
float: right;
|
|
}
|
|
#new-station-container.expanded #new-station-button {
|
|
margin-right: 0;
|
|
}
|
|
#new-station-button {
|
|
vertical-align: top;
|
|
}
|
|
#new-station-button .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1516px -640px;
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
vertical-align: -3px;
|
|
margin-right: 5px;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
#new-station-button .icon {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -1900px -396px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}#new-station-container.expanded #new-station-button .icon {
|
|
display: none;
|
|
}
|
|
#new-station-container .searchbox-container {
|
|
border: 1px solid #ccc;
|
|
margin-right: 10px;
|
|
display: none;
|
|
background: white;
|
|
}
|
|
#new-station-searchbox {
|
|
margin: 0;
|
|
width: 228px;
|
|
height: 28px;
|
|
padding: 0;
|
|
outline: none;
|
|
border: none;
|
|
text-indent: 8px;
|
|
}
|
|
#new-station-container.expanded .searchbox-container {
|
|
display: inline-block;
|
|
}
|
|
#new-station-clear {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -6112px -1294px;
|
|
width: 16px;
|
|
height: 16px;
|
|
display: inline-block;
|
|
margin: 6px;
|
|
vertical-align: top;
|
|
cursor: pointer;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
#new-station-clear {
|
|
background: no-repeat url(sprites_extended_b2b52c8b0662c265914c044480fa698eebf4c811.png) -2810px -476px;
|
|
-webkit-background-size: 3079px 727px;
|
|
-moz-background-size: 3079px 727px;
|
|
-o-background-size: 3079px 727px;
|
|
background-size: 3079px 727px;
|
|
}
|
|
}.new-station-drop-down {
|
|
position: absolute;
|
|
background: white;
|
|
width: 357px;
|
|
margin: 1px 0 0 -100px;
|
|
border: 1px solid #c0c0c0;
|
|
border-top: none;
|
|
padding-bottom: 10px;
|
|
box-shadow: 0 2px 40px rgba(0, 0, 0, .4);
|
|
border-radius: 0 0 5px 5px;
|
|
max-height: 500px;
|
|
overflow: auto;
|
|
z-index: 700;
|
|
}
|
|
.new-station-result {
|
|
height: 40px;
|
|
padding-bottom: 1px;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
}
|
|
.new-station-result .image, .new-station-result .composite-wrapper {
|
|
width: 40px;
|
|
height: 40px;
|
|
display: inline-block;
|
|
margin: 0 10px;
|
|
}
|
|
.new-station-result .composite-wrapper {
|
|
overflow: hidden;
|
|
white-space: normal;
|
|
}
|
|
.new-station-result .composite-wrapper img {
|
|
width: 19px;
|
|
height: 19px;
|
|
margin: 0 1px 1px 0;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
.new-station-result .details {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
font-size: 14px;
|
|
margin-top: 5px;
|
|
}
|
|
.new-station-result .title {
|
|
font-weight: 400;
|
|
color: #333;
|
|
}
|
|
.new-station-result[data-type="rd"] {
|
|
border-top: 1px solid #e5e5e5;
|
|
margin-top: 10px;
|
|
}
|
|
.new-station-row:first-child .new-station-result {
|
|
border: none;
|
|
margin: 0;
|
|
}
|
|
.new-station-result[data-type="rd"] .title {
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
line-height: 40px;
|
|
color: black;
|
|
text-indent: 10px;
|
|
}
|
|
.new-station-result .sub-title {
|
|
color: #aaa;
|
|
}
|
|
.new-station-row.ac-active {
|
|
background-color: #e9e9e9;
|
|
}
|
|
.new-station-drop-down .spinner {
|
|
background: white url('ani_loading_dark.gif') no-repeat center center;
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
@media screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min--moz-device-pixel-ratio:1.5), screen and (-o-min-device-pixel-ratio:1.5), screen and (min-resolution:1.5dppx) {
|
|
.new-station-drop-down .spinner {
|
|
background: white url('ani_loading_dark_x2.gif') no-repeat center center;
|
|
background-size: 100% 100%}
|
|
} |