.invisible {display: none;} .invisibleLater {position: absolute !important; left: -100% !important;} .fLeft {float: left !important;} .fleft {float: left !important;width: 100%;} .fright {float: right !important;} * {outline: none;} a {outline: none !important; border: 0;} a * {outline: none;} input {outline: none;} /*body {margin: 0 auto; max-width: 1000px;} */ dd > span {color: #888888;} @media all and (min-width: 1060px) { .b-header .search {width: 23% !important;} } @media all and (min-width: 1100px) { .b-header .search {width: 26% !important;} } .empty .hovered { float: left; height: 100%; left: 0; position: absolute; top: 0; margin-left: -3px; width: 108%; z-index: 999999; } .more_more {font-size: 12px;} #valid {color: #FF0000;font-size: 0.9em;} #atab-1 {width: 270px;} .b-pagination { float: left; margin-top: 20px; } .b-pagination-list { letter-spacing: -3px; margin-bottom: 20px; position: relative; white-space: nowrap; word-spacing: -1em; } .b-pagination-list .p-next { margin-left: 1px; margin-right: 30px; } .b-pagination-list .p-prev, .b-pagination-list .p-next { font-size: 13px; font-weight: bold; } .b-pagination-list .p-prev, .b-pagination-list .p-next, .b-pagination-list .p-item { display: inline-block; letter-spacing: normal; text-align: center; vertical-align: middle; word-spacing: normal; } .b-pagination-list .p-next a.p-inside { background-position: -44px 0; text-decoration: none; width: 197px; } .b-pagination-list .p-prev .p-inside, .b-pagination-list .p-next .p-inside { background-color: rgba(0, 0, 0, 0); background-image: url("/web/20140704000440im_/http://music.tut.by/images/pagination-shd.png"); background-position: 0 0; background-repeat: no-repeat; display: inline-block; height: 30px; letter-spacing: normal; line-height: 29px; vertical-align: top; word-spacing: normal; } .b-pagination-list .p-item a { text-decoration: underline; } .b-pagination-list .p-item a, .b-pagination-list .p-item strong { display: block; letter-spacing: normal; min-width: 26px; word-spacing: 1em; } .b-pagination-list li { float: left; } .b-pagination .b-pagination-list .p-next a.p-inside span.sBPArrow { color: #000000; display: inline; margin-left: 5px; font-size : 17px; } #description_detailed { max-width: 500px; } .bigIcons .icons {margin-left: 10px;margin-top: -9px; } .bigIcons .icons .ourButton { background-position: 0 -425px;width: 13px; height: 32px; } .bigIcons .icons .ourButton:before { background-position: -1146px -15px;height: 32px; } .bigIcons .icons .ourButton:after {height: 32px; background-position: -1149px -15px;} .bigIcons .icons .ourButton:hover {background-position: 0 -457px ;width: 13px; height: 32px; background-color: #FFF; } .bigIcons .icons .ourButton:hover:before {background-position: -1146px -75px;height: 32px; } .bigIcons .icons .ourButton:hover:after {height: 32px; background-position: -1149px -75px;} .bigIcons .icons .ourButton:active {background-position: 0 -489px;width: 13px; height: 32px; } .bigIcons .icons .ourButton:active:before {background-position: -1146px -135px;height: 32px; } .bigIcons .icons .ourButton:active:after {height: 32px; background-position: -1148px -135px;} .activeOpera .bigIcons .icons .ourButton:focus {background-position: 0 -489px;width: 13px; height: 32px; } .activeOpera .bigIcons .icons .ourButton:focus:before {background-position: -1146px -135px;height: 32px; } .activeOpera .bigIcons .icons .ourButton:focus:after {height: 32px; background-position: -1148px -135px;} div.album div.infoBox div.line a {text-decoration: underline;} .alpahabet_a {font-weight:bold ;color:#000000; } /* .ourButton .play {background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -906px -15px transparent; width: 15px; height: 15px; float: left; right: 2px; top: 6px; z-index: 10; position: relative; } .ourButton:hover .play {background-position: -906px -75px; } */ .ourButton .add {background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -966px -15px transparent; width: 15px; height: 15px; float: left; right: 3px; top:6px;z-index: 10; position: relative; } .ourButton:hover .add {background-position: -966px -75px; } .ourButton .remove {background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -1204px -14px transparent; width: 15px; height: 15px; float: left; right: 6px; top:4px;z-index: 10; position: relative; } .ourButton:hover .remove {background-position: -1264px -74px; } .ourButton.fright {margin-right: 10px;} .bigIcons .ourButton .play {background-position: -1022px -13px;width: 23px; height: 20px; } .bigIcons .ourButton:hover .play {background-position: -1022px -73px;} .bigIcons .ourButton .add {background-position: -1084px -12px;width: 20px; height: 22px; } .bigIcons .ourButton:hover .add {background-position: -1084px -72px;} .bigIcons .ourButton .remove {background-position: -1201px -12px;width: 20px; height: 22px; } .bigIcons .ourButton:hover .remove {background-position: -1201px -72px;} .bigIcons .ourButton.both {margin-left: -1px;} .shareicons_track div {margin-top: -5px; display: inline-block; } .shareicons {float: left; margin-top: 7px; width: 100%; font-size: 13px; } .shareicons div { margin-top: -5px; display: inline-block; } .shareicons ul {display: inline; position: relative; top: 3px; margin-top: -2px; left: 7px; } .shareicons ul li {display: inline; } .shareicons ul li a:hover {text-decoration: none;} .mainContentWrapper {width: 500px; /*margin: 0 auto;*/} .justListenBox {max-width: 600px; float: left;margin-top: 0; } .justListenBox ul {margin-left: -2px;} .justListenBox li {float: left; margin: 0 0 1px 2px; position: relative;} .justListenBox li a {line-height: 0; float: left;} .justListenBox li .opacity80 h4 a, .justListenBox li .opacity80 h5 a {line-height: 16px; float: none; text-decoration: none; } .justListenBox li .opacity80 h4 a:hover, .justListenBox li .opacity80 h5 a:hover {text-decoration: underline; color: #D80000;} .justListenBox li .opacity80 {position: absolute; top: 0; left: 0; width: 165px; height: 165px; float: left; background: url(/web/20140704000440im_/http://music.tut.by/images/opacity80.png) repeat; opacity: 0; transition: all 0.5s; filter: alpha(opacity: 0);} .justListenBox li:hover .opacity80 {opacity: 1; filter: alpha(opacity: 70);} .justListenBox li h4 {font-size: 14px;margin: 80px 10px 0; color: #333; } .justListenBox li h4 a {font-size: 14px;color: #333; } .justListenBox li h5 {font-size: 12px;font-weight: normal; margin: 4px 10px; color: #777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .justListenBox li h5 a {font-size: 12px;font-weight: normal; color: #777; } .justListenBox li .icons {margin-left: 10px; margin-top: -9px; visibility: hidden \9; } .justListenBox li:hover .icons {visibility: visible \9; } .justListenBox li .icons .ourButton { background-position: 0 -425px;width: 13px; height: 32px; } .justListenBox li .icons .ourButton:before { background-position: -1146px -15px;height: 32px; } .justListenBox li .icons .ourButton:after {height: 32px; background-position: -1149px -15px;} .justListenBox li .both {margin-left: -1px;} .searchPage .more {float: left; width: 100%; font-size: 12px; margin-top: 10px; text-decoration: underline; color: #424E9C;} .searchPage .more a:hover {color: #D80000;} .justCollectionBox {max-width: 600px; margin-top: 30px; float: left;} .justCollectionBox ul {margin-top: -2px; } .justCollectionBox li {float: left; width: 110px; margin: 0 0 0 20px; position: relative;} .justCollectionBox li:first-child {margin-left: 0;} .justCollectionBox li a {float: left; } .justCollectionBox li a:hover {color: #D80000;} .justCollectionBox li a p {line-height: 16px; color: #434343; font-size: 13px;margin-top: 6px; } .justCollectionBox li a p:hover{color: #D80000;} .justCollectionBox li .opacity80 {position: absolute; top: 0; left: 0; width: 110px; height: 110px; float: left; background: url(/web/20140704000440im_/http://music.tut.by/images/opacity80.png) repeat; opacity: 0; transition: all 0.5s; filter: alpha(opacity: 0);} .justCollectionBox li:hover .opacity80 {opacity: 1; filter: alpha(opacity: 70);} .justCollectionBox li .icons { position: absolute; bottom: 10px; left: 10px; visibility: hidden \9; } .justCollectionBox li:hover .icons {visibility: visible \9; } .justCollectionBox li .both {margin-left: -1px;} .nowListen {width: 100%; margin-top: 33px;float: left; } .list {width: 100%; float: left; } .list {float: left; width: 100%; background: #fefefe;margin-top: 8px; } .list li {height: 50px; position: relative; width: 100%; } .list li:hover {background: #e3ecff;} .list li img {float: left; margin: 10px; } .list li big {width: 60%; color: #444547; font-size: 13px; float: left; margin-top: 8px; } .list li big a {color: #444547; font-size: 13px; } .list li small {width: 60%; float: left; color: #8A8A8A; margin-top: 4px; font-family: verdana, arial, sans-serif; } .list li small a {color: #8a8b8c;} .list li a:hover {color: #D80000;} .list li .both {margin: 5px -1px; } .list li .icons {float: right; position: absolute; right: 11px; top: 8px; display: none; z-index: 9;} .list li .trackTIme {float: right; position: absolute; right: 21px; top: 19px; z-index: 3; color: #818181; font-size: 11px; font-family: verdana, arial, sans-serif;} .list li:hover .icons {display: block;} .alphabet {float: left; margin-top: 11px;margin-bottom: 25px; } .alphabet ul {color: #192C8F; margin: 3px 0; width: 100%; float: left; } .alphabet ul li {font-size: 13px; text-decoration: underline; float: left; padding: 0; margin-right: 4px; } .popularGenres {float: left; margin-top: 24px; } .popularGenres ul {float: left; width: 100%; } .popularGenres ul li {font-size: 15px; width: 33%; text-decoration: underline; line-height: 30px; float: left; text-indent: 2px; } .littleLink {font-size: 11px; width: 100%; margin: 13px 0; text-decoration: underline; float: left; } .genresTop ul li .popGenName {font-size: 15px; width: 33%; text-decoration: underline; line-height: 30px; float: left; text-indent: 2px; } .genresTop ul li {margin-top: 10px; } .alphabet_pagination {width: 100%; margin-top: 11px;margin-bottom: 25px;font-size: 14px; } .oneComposition {} .oneComposition a:hover {color: #D80000;} .oneComposition .headBox {background: #e3ecff; position: relative; float: left; padding: 10px; margin-top: 0; } .oneComposition .headBox img{float: left; margin: 0 15px 0 0; } .oneComposition .headBox small a {color: #888; } .oneComposition .headBox small {width: 300px; float: left; font-size: 11px; margin-top: 4px; } .oneComposition .headBox big a {color: #444; } .oneComposition .headBox big {float: left; font-size: 14px; color: #333; text-overflow: ellipsis; overflow: hidden; width: 269px; margin-top: 9px; font-weight: bold; white-space: nowrap; } .oneComposition .headBox .trackTIme {float: left; font-size: 12px; margin: -6px -1px; } .oneComposition .headBox .icons {float: right; z-index: 9; width: 69px; height: 40px;position: absolute; right: 5px; top: 23px; } .oneComposition .headBox .both {margin: 5px -1px; } .oneComposition .downloadBox {background: none repeat scroll 0 0 #E3ECFF; float: left; padding: 19px 0 14px; border-top: 1px solid #FFF; font-family: verdana, arial, sans-serif; width: 50%; } .oneComposition .downloadBox pre {margin-right: 6px; font-size: 11px; float: left; line-height: 17px; margin-left: 10px; } .oneComposition .downloadBox a { font-size: 11px; line-height: 18px; font-weight: bold; } .downloadBox .yashare-auto-init {margin-top: -5px; height: 23px;} .albumInfo {width: 100%; float: left; margin-bottom: -5px; margin-top: 15px; } .albumInfo img {margin-right: 15px; float: left; margin-left: 0; } .albumInfo table {font-size: 13px; position: relative; top: -7px; margin-top: 0; } .albumInfo table td {font-weight: bold; } .albumInfo table tr td:first-child{font-weight: normal; min-width: 89px; height: 24px; } .albumInfo .icons {float: left; margin: -6px 1px; } #player {height: 50px; width: auto; overflow: hidden; background: url(/web/20140704000440im_/http://music.tut.by/images/bgSprites.png) 0 0; position: relative; font-family: Verdana, Arial, sans-serif;} .playerLeftBg {width: 5px; height: 50px; float: left; background: url(/web/20140704000440im_/http://music.tut.by/images/icoSprites.png) -846px -8px no-repeat; } .switchOn {} .pButton {background: url(/web/20140704000440im_/http://music.tut.by/images/icoSprites.png) no-repeat; float: left; margin: 12px 0 0 10px; cursor: pointer;} .pButton.play {width: 42px; height: 26px; background-position: -6px -15px; margin-left: 5px; } .pButton.play:hover {background-position: -6px -75px; } .pButton.play:active {background-position: -6px -135px; } .pButton.stop {width: 42px; height: 26px; background-position: -66px -15px; } .pButton.stop:hover {background-position: -66px -75px; } .pButton.stop:active {background-position: -66px -135px; } .pButton.prev {width: 25px; height: 26px; background-position: -121px -15px; } .pButton.prev:hover {background-position: -121px -75px; } .pButton.prev:active {background-position: -121px -135px; } .pButton.next {width: 25px; height: 26px; background-position: -146px -15px; margin-left: 0;} .pButton.next:hover {background-position: -146px -75px; } .pButton.next:active {background-position: -146px -135px; } .pButton.shuffle {width: 25px; height: 26px; background-position: -306px -9px; margin-left: 15px; } /*.pButton.shuffle:hover {background-position: -306px -69px; }*/ /*.pButton.shuffle:active {background-position: -306px -129px; }*/ .pButton.shuffle.switchOn {background-position: -306px -69px;} .pButton.volumeMute {width: 15px; height: 26px; background-position: -425px -10px; margin-left: 6px; } /*.pButton.volumeMute:hover {background-position: -425px -70px; }*/ /*.pButton.volumeMute:active {background-position: -425px -130px; }*/ .pButton.volumeMute.switchOn {background-position: -425px -70px; } .pButton.playList {width: 58px; background-position: -175px -15px; line-height: 26px; text-indent: 20px; font-size: 11px; text-align: center; color: #E0E0E0; } .pButton.playList:hover {background-position: -175px -75px; } .pButton.playList:active {background-position: -175px -135px; } .pControl {float: left; margin: 12px 0 0 10px; cursor: pointer;} .pControl.volume {width: 80px; margin: 21px 0 0 3px; } .pControl.volume #volumeSlider {border: 0 none; border-radius: 0; background: url("/web/20140704000440im_/http://music.tut.by/images/bgSprites.png") repeat-x scroll 0 -292px transparent; width: 80px; } .pControl.volume #volumeSlider a {background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -244px -14px transparent;border: 0px none; top: -3px; width: 16px; height: 16px; outline: none; } .pControl.volume #volumeSlider a:hover {background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -244px -74px transparent;} .pControl.volume #volumeSlider .ui-slider-range-min {background: url("/web/20140704000440im_/http://music.tut.by/images/bgSprites.png") repeat-x scroll 0 -415px transparent; top: -3px; width: 16px; height: 10px; outline: none; border-radius: 0; left: 1px; } .pControl.position {width: 243px; margin: 12px 0 0 15px;position: relative; } .pControl.position #trackSlider {opacity: 1; border: 0 none; border-radius: 0 0 0 0; background: url("/web/20140704000440im_/http://music.tut.by/images/bgSprites.png") repeat-x scroll 0 -380px transparent; width: 238px; height: 25px; color: #E0E0E0;position: relative; z-index: 9999; font-size: 9px; } .pControl.position #trackSlider a{background: none;border: 0px none; top: -3px; width: 16px; height: 30px; outline: none; } .pControl.position #trackSlider .ui-slider-range-min {background: url("/web/20140704000440im_/http://music.tut.by/images/bgSprites.png") repeat-x scroll 0 -343px transparent; top: -3px; width: 16px; height: 26px; outline: none; left: 1px; border-radius: 0; max-width: 236px; position: absolute; z-index: 1; } .position .loaded {width: 236px; height: 25px; float: left; position: absolute; left: 1px; top: 1px; background: url(/web/20140704000440im_/http://music.tut.by/images/bgSprites.png) repeat-x 0 -315px; } .position .currentTime {line-height: 23px; position: absolute; z-index: 2; left: 4px; } .position .totalTime {line-height: 22px; position: absolute; top: 1px; z-index: 2; right: 7px; } .position .trackName {line-height: 21px; position: absolute; left: 47px; top: 1px; z-index: 2; width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .b-header .search { height: 50px; float: right; margin-right: 25px; position: relative; background: url(/web/20140704000440im_/http://music.tut.by/images/bgSprites.png) 0 0; border-left: 1px solid #686867;padding: 0 1px 0 8px; width: 19%; } .b-header .search .rightBg {position: absolute; right: -5px; width: 5px; height: 50px; float: right; background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -857px -8px transparent; } .b-header .search .borderSeparator {width: 1px; height: 50px; position: absolute; left: 0; top: 0; background: #232323;} .b-header .search .inpSearch {position: relative; background: url("/web/20140704000440im_/http://music.tut.by/images/bgSprites.png") repeat-x scroll 0 -62px transparent; margin: 11px auto; width: 80%; height: 30px; } .b-header .search .inpSearch > .leftBg { background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -785px -15px transparent; left: -17px; width: 17px; height: 30px; float: left; position: absolute; } .b-header .search .inpSearch > .rightBg {position: absolute; background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -803px -15px transparent; right: -17px; width: 17px; height: 30px; float: left; } .b-header .search .ico {} .b-header .search .ico.magnifier {position: absolute; background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -543px -13px transparent; left: -10px; width: 20px; height: 20px; top: 1px; float: left; } .b-header .search input {border: 0; background: none; width: 95%; height: 23px; margin-left: 10px; text-indent: 6px; color: #b9b9b9; font-size: 13px; font-family: arial; height: auto \9; top: 3px \9; position: relative \9; margin-left: 15px \9; } .b-header .search {width: 189px !important;} .b-header .resultBox {background: #fff; border: 1px solid #d9d9d9; position: absolute; left: 0; top: 50px; width: 270px;margin-left: -71px; padding-right: 3px; float: left; box-shadow: 0 2px 6px -5px #000; display: none; } .b-header .resultBox ul {padding: 5px 0;float: left; } .b-header .resultBox ul:first-child {padding-top: 0;} .b-header .resultBox ul li {min-heigth: 25px;text-indent: 21px; padding-left: 0; padding-top: 2px; min-height: 23px; line-height: 20px; font-size: 13px; width: 100%; float: left; padding-right: 3px; } .b-header .resultBox ul li:hover {background: #f2f2f2; } .b-header .resultBox ul li:first-child {background: #f2f2f2; color: #8c8c8c; height: 30px; margin-bottom: 2px;line-height: 30px; font-size: 13px; width: 100%; padding-top: 0; } .b-header .resultBox ul li a {color: #333333; width: 100%; float: left; } .b-header .resultBox ul li a small {color: #8c8c8c; font-size: 11px; width: 100%; float: left;margin-bottom: 2px; margin-top: -7px; } .b-header .resultBox ul li a span {color: #2e3f99; text-decoration: underline;} .b-header .resultBox .allResults {font-family: verdana, arial, sans-serif; height: 30px; margin-top: 5px; margin-bottom: -5px;text-indent: 21px; float: left; font-size: 11px; min-width: 51%; } .b-header .resultBox a.allResults {color: #2e3f99; text-decoration: underline; } #mainPlaylist {position: absolute; width: 400px; float: left; left: 38%; background: #FFF;box-shadow: 0 2px 6px -5px #000000; border: 1px solid #d9d9d9; top: 70px; border-top: 0; } #mainPlaylist .scrollpane {} #mainPlaylist > ul {float: left; height: 300px; width: 100%;} #mainPlaylist > ul li {height: 50px; position: relative; padding-right: 0px; width: 97%; } #mainPlaylist > ul li:hover {background: #e3ecff;} #mainPlaylist > ul li img {float: left; margin: 10px; } #mainPlaylist > ul li big {width: 60%; color: #444547; font-size: 13px; float: left; margin-top: 8px; } #mainPlaylist > ul li big a {color: #444547; font-size: 13px; } #mainPlaylist > ul li small {width: 60%; float: left; color: #8A8A8A; } #mainPlaylist > ul li small a {color: #8a8b8c;} #mainPlaylist > ul li a:hover {color: #D80000;} #mainPlaylist > ul li .icons {float: right; position: absolute; right: 6px; top: 9px; } #mainPlaylist .bottomButtons{border-top: 1px solid #d9d9d9;width: 100%; background: #f2f2f2; float: left; height: 44px; position: relative; } .ourButton {background: url("/web/20140704000440im_/http://music.tut.by/images/bgSprites.png") repeat-x scroll 0 -221px #FFF; padding: 0px 10px; height: 24px; float: left;border: medium none; margin: 10px 0 0 10px; height: 24px; line-height: 24px; position: relative; color: #181818; font-size: 13px; cursor: pointer;} .ourButton:before {content: " "; background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -606px -15px #FFF; width: 10px; height: 24px; float: left; position: absolute; left: 0; top:0;} .ourButton:after {content: " "; background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -609px -15px #FFF; width: 10px; height: 24px; float: left; position: absolute; right: 0; top:0;} .ourButton:hover {background-position: 0 -185px; text-decoration: none; color: #181818;} .ourButton:hover {background-position: 0 -185px; } .ourButton:hover:before {background-position: -606px -75px; background-color: #FFF;} .ourButton:hover:after {background-position: -609px -75px; background-color: #FFF;} .ourButton:active {background-position: 0 -489px; text-decoration: none; color: #181818;} .ourButton:active:before {background-position: -606px -135px; } .ourButton:active:after {background-position: -608px -135px;} .ourButton.clicking {background-position: 0 -489px !important; text-decoration: none !important; color: #181818 !important;} .ourButton.clicking:before {background-position: -606px -135px !important; } .ourButton.clicking:after {background-position: -608px -135px !important;} .activeOpera .ourButton:focus {background-position: 0 -489px !important; text-decoration: none; color: #181818;} .activeOpera .ourButton:focus:before {background-position: -606px -135px !important; } .activeOpera .ourButton:focus:after {background-position: -608px -135px !important;} .ourButton .minimize {background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -366px -8px transparent; width: 13px; height: 24px; float: left; } .ourButton:hover .minimize {background-position: -366px -68px ;} .plusOpener .ourButton {left: 50%; margin-left: -13px; width: 5px; margin-top: 0; } .buttonIco {background: url("/web/20140704000440im_/http://music.tut.by/images/bgSprites.png") repeat-x scroll 0 -122px #F2F2F2; padding: 0 10px 0 9px; float: left;border: medium none; margin: 5px; height: 19px; position: relative; color: #181818; font-size: 13px;width: 0; } .buttonIco:before {content: " "; background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -666px -15px transparent; width: 10px; height: 24px; float: left; position: absolute; left: 0; top:0; cursor: pointer;} .buttonIco:after {content: " "; background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -675px -15px transparent; width: 10px; height: 24px; float: left; position: absolute; right: 0; top:0; cursor: pointer;} .buttonIco:hover {background: url("/web/20140704000440im_/http://music.tut.by/images/bgSprites.png") repeat-x scroll 0 -95px #F2F2F2; } .buttonIco:hover:before {background-position: -666px -75px; } .buttonIco:hover:after {background-position: -675px -75px; } .buttonIco:active {background: url("/web/20140704000440im_/http://music.tut.by/images/bgSprites.png") repeat-x scroll 0 -155px #FFF; } .buttonIco:active:before {background-position: -666px -135px; } .buttonIco:active:after {background-position: -675px -135px; } .buttonIco.clicking {background: url("/web/20140704000440im_/http://music.tut.by/images/bgSprites.png") repeat-x scroll 0 -155px #FFF; } .buttonIco.clicking:before {background-position: -666px -135px; } .buttonIco.clicking:after {background-position: -675px -135px; } .activeOpera .buttonIco:focus {background: url("/web/20140704000440im_/http://music.tut.by/images/bgSprites.png") repeat-x scroll 0 -155px #FFF; } .activeOpera .buttonIco:focus:before {background-position: -666px -135px; } .activeOpera .buttonIco:focus:after {background-position: -675px -135px; } .buttonIco .remove {background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -486px -15px transparent; width: 10px; height: 15px; float: left; right: 4px; top:4px;z-index: 10; position: relative; } .buttonIco:hover .remove {background-position: -486px -75px; } .icons .ourButton {width: 5px; } /* .buttonIco .play {background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -1446px -9px; width: 15px; height: 15px; float: left; top:0;z-index: 10; position: relative; cursor: pointer;left: -2px; } */ .buttonIco .add {background: url("/web/20140704000440im_/http://music.tut.by/images/icoSprites.png") no-repeat scroll -1506px -10px; width: 15px; height: 15px; float: left; top:0;z-index: 10; position: relative; cursor: pointer;left: -4px; } .buttonIco.both {margin-left: -1px;margin-right: 0; } .saveForm {position: absolute; top: 10px; width: 300px; left: -78px; float: left; } .saveForm .buttonIco.clicked {background-position: 0 -152px; left: 50%; margin-bottom: -1px; margin-top: 0; height: 20px; margin-left: -10px; } .saveForm .buttonIco.clicked:hover {background-position: 0 -152px; } .saveForm .buttonIco.clicked:before {background-position: -606px -135px; height: 18px;} .saveForm .buttonIco.clicked:after {background-position: -608px -135px; height: 19px;} .saveForm.bigIcons .ourButton.clicked {background-position: 0 -489px !important; left: 78px; margin-top: 0; margin-left: -17px; width: 13px;height: 32px; } .saveForm.bigIcons .ourButton.clicked:hover {background-position: 0 -152px; } .saveForm.bigIcons .ourButton.clicked:before {background-position: -1146px -135px;height: 32px; } .saveForm.bigIcons .ourButton.clicked:after {background-position: -1148px -135px;height: 32px; } .saveForm .ourButton.clicked {background-position: 0 -152px; left: 78px; margin-top: 0; } .saveForm .ourButton.clicked:hover {background-position: 0 -152px; } .saveForm .ourButton.clicked:before {background-position: -606px -135px;} .saveForm .ourButton.clicked:after {background-position: -608px -135px;} .saveForm.plusOpener .ourButton.clicked {background-position: 0 -152px; left: 50%; margin-top: 0; } .saveForm ul {border: 1px solid #D9D9D9; border-bottom: 0; background: #FFF; margin-top: -1px; float: left; width: 100%; } .saveForm ul li { height: 30px; border-bottom: 1px solid #D9D9D9; width: 100%; } .saveForm ul li a {font-size: 13px; line-height: 30px; color: #434343; text-indent: 15px; float: left; } .saveForm ul li a:hover {color: #D80000;} .saveOptions {border: 1px solid #D9D9D9; border-top: 0; width: 100%; float: left; height: 50px; background: #fff; } .saveOptions input {border: 1px solid #a9a9a9; height: 25px; font-size: 12px; color: #a3a3a3; text-indent: 8px; margin: 10px; width: 158px; } .saveOptions a {margin-top: 10px; line-height: 17px; } .jspTrack {background: #f2f2f2; border-left: 1px solid #d9d9d9; border-radius: 0; } .jspDrag {background: #FFF; border: 1px solid #d9d9d9; border-right: 0; border-left: 0; border-radius: 0 0 0 0; margin-top: -1px; } .topTenWidget {} .topTenWidget .tab-content {padding: 0;} .topTenWidget ul {padding: 0; margin-top: 6px; } .topTenWidget li.lists__li {padding: 0 0 0px 0; border-bottom: 1px #FFF solid; height: 46px; position: relative;overflow: hidden;} .topTenWidget li.lists__li small {overflow: hidden; text-overflow:ellipsis; white-space: nowrap;width: 230px;} .topTenWidget li.lists__li small {float: left; } .topTenWidget .num {width: 37px; float: left; font-size: 10px; text-align: center; line-height: 30px; font-family: verdana, arial, sans-serif; } .topTenWidget .comName {width: 215px; float: left; margin-top: 5px; color: #222 !important; font-size: 13px; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .topTenWidget .art_name { float: left; margin-top: 5px;margin-right: 5px; color: #8A8A8A !important; font-size: 13px;font-family: verdana,arial,sans-serif; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .topTenWidget .bandName {width: 215px; float: left; text-decoration: none; font-size: 12px; color: #8d8d8d !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .topTenWidget .comName:hover/*, .topTenWidget .bandName:hover*/ {text-decoration: underline; color: #D80000!important; } .topTenWidget .art_name:hover/*, .topTenWidget .bandName:hover*/ {text-decoration: underline; color: #D80000!important; } .topTenWidget li:hover {background: #e3ecff;} .topTenWidget li a:hover {color: #D80000;} .topTenWidget li .icons {float: right; position: absolute; right: 0; top: 0; padding: 5px 10px 0 32px; z-index: 9; display: none; width: 47px; height: 40px; background: url(/web/20140704000440im_/http://music.tut.by/images/fadeOnListHover.png) no-repeat;} .topTenWidget li:hover .icons {display: block;} .topTenWidget li .both {margin: 5px -1px; } .justPlayListsBox {} .justPlayListsBox h1 {width: 100%; margin-bottom: -2px; } .justPlayListsBox .button {} .justPlayListsBox {max-width: 500px; margin-top: 11px; float: left;width: 620px;margin-left: 2px; } .justPlayListsBox ul {margin-left: -2px;margin-top: -4px; width: 520px; float: left; } .justPlayListsBox li {float: left; width: 110px; margin: 0 0 20px 20px; position: relative; left: -20px;} .justPlayListsBox li a {float: left; font-size: 13px; margin-top: 6px; } .justPlayListsBox li a.naname{line-height: 16px; color: #434343; font-size: 13px;margin-top: 7px; margin-bottom: -3px; } .justPlayListsBox li a.tarckCnt{line-height: 16px; color: #888; font-size: 11px;margin-top: 5px; margin-bottom: -3px; font-family: verdana, arial, sans-serif; } .justPlayListsBox li a:hover {color: #D80000; cursor: pointer;} .justPlayListsBox li a p {line-height: 16px; color: #888; font-size: 12px;margin-top: 5px; } .justPlayListsBox li a p:hover{color: #D80000;} .justPlayListsBox li .opacity80 {position: absolute; top: 0; left: 0; width: 110px; height: 110px; float: left; } .justPlayListsBox li .icons { position: absolute; bottom: 10px; left: 10px; margin: 0; } .justPlayListsBox li .both {margin-left: -1px;} .justPlayListsBox .button { height: 19px; letter-spacing: 0.25px; line-height: 19px; margin-bottom: 24px; margin-left: -2px; text-align: center; width: 195px; font-size: 14px; } .playlistPage { float: left; width: 100%; } .playlistPage .b-widget-tabs {} .playlistPage h1 {margin: 14px -1px 0; } .playlistPage .list {margin-top: 0; } .playlistPage .list li {border: 1px solid transparent; border-width: 1px 0 1px 0;height: 48px; } .playlistPage .list li:hover {border: 1px solid #cad8ff; border-width: 1px 0 1px 0;} .playlistPage .list li img {margin: 9px 11px 0 1px; } .playlistPage .list li .trackTIme {right: 21px; } .playlistPage .list li .icons {right: 11px; background: none repeat scroll 0 0 #E3ECFF; padding-left: 42px; } .listHead {background: #ebebeb; width: 100%; float: left; height: 44px; margin-top:10px;} .checkboxBox {width: 32px; float: left; height: 44px; } .checkboxBox input {margin: 16px 10px; } .listHead .selectAll {float: left; font-family: verdana, arial, sans-serif; width: 250px; line-height: 44px; font-size: 11px; } .listHead .fright {margin: 10px; } .listHead .fright a {line-height: 27px; font-size: 12px; margin-left: 7px; color: #444; text-decoration: underline; } .listHead .fright a:hover {color: #D80000;} @media screen and (-webkit-min-device-pixel-ratio:0) { .b-pagination .b-pagination-list .p-item { } } .selectionBox {} .selectionBox h1 {width: 100%; margin-bottom: 3px; } .selectionBox .button {} .selectionBox {max-width: 500px; float: left;width: 620px; } .selectionBox ul {margin-left: -2px;margin-top: -4px; width: 520px; float: left; } .selectionBox li {float: left; width: 110px; margin: 0 0 20px 20px; position: relative; left: -20px;} .selectionBox li a {float: left; font-size: 13px; margin-top: 6px; } .selectionBox li a.naname{line-height: 16px; color: #434343; font-size: 13px;margin-top: 7px; margin-bottom: -3px; } .selectionBox li a.tarckCnt{line-height: 16px; color: #888; font-size: 11px;margin-top: 5px; margin-bottom: -3px; font-family: verdana, arial, sans-serif; } .selectionBox li a:hover {color: #D80000; cursor: pointer;} .selectionBox li a p {line-height: 16px; color: #888; font-size: 12px;margin-top: 5px;} .selectionBox li a p:hover{color: #D80000;} .selectionBox li .opacity80 {position: absolute; top: 0; left: 0; width: 110px; height: 110px; float: left; opacity: 0; transition: all 0.5s; background: url(/web/20140704000440im_/http://music.tut.by/images/opacity80.png) repeat;} .selectionBox li:hover .opacity80 {opacity: 1; transition: all 0.5s;} .selectionBox li .icons { position: absolute; bottom: 10px; left: 13px; } .selectionBox li .both {margin-left: -1px;} .selectionBox .button { height: 19px; letter-spacing: 0.25px; line-height: 19px; margin-bottom: 24px; margin-left: -2px; text-align: center; width: 195px; font-size: 14px; } /* S E A R C H P A G E */ .searchPage {min-height: 570px;} .searchHead {background: none repeat scroll 0 0 #F2F2F2; width: 100%; float: left; padding-bottom: 13px;} .searchHead .inpmain {width: 480px; float: left; margin: 15px 10px 5px; } .searchHead .inpmain input {font-size: 14px; width: 393px; border: 1px solid #AAAAAA; text-indent: 5px; height: 26px; } .searchHead .inpmain .button{text-align: center; font-size: 14px; line-height: 20px; width: 52px; margin: 0px -4px; height: 19px; } .searchHead table {float: left; margin: 2px 8px; width: 482px; } .searchHead td {font-size: 13px; font-weight: bold; height: 27px; } .searchHead td.td1 {width: 148px; padding: 0 22px 0 0; } .searchHead td.td2 {width: 148px; padding: 0 22px 0 0; } .searchHead td.td3 {width: 139px; padding: 0 3px 0 0;} .cusel {} .searchResults {} .compBlueH {margin: 15px 0 18px; float: left; } /* ALBUM PAGE */ .albumsPage {} .albumsPage h1 {margin-bottom: -8px; } .albumsPage .b-widget-tabs {margin-bottom: 20px; } .albumsPage .album {width: 100%; float: left; margin-bottom: 18px; padding: 1px; } .albumsPage .album .signer {margin-bottom: 22px; width: 100%; float: left; font-size: 13px; } .albumsPage .album .signer a{text-decoration: underline; font-weight: bold; } .albumsPage .album img {float: left; margin: 0 15px 8px 0; } .albumsPage .album .infoBox {margin-top: -3px; width: 280px; float: left; height: 236px; } .albumsPage .album .line {margin-bottom: 0px; width: 100%; font-size: 13px; float: left; } .albumsPage .album .line a {} .albumsPage .album .bigIcons{float: left; } .albumsPage .album .bigIcons .icons {margin: 0; margin-top: -8px; } div.infoBox div.infoBoxList {margin-top: 15px; } div.albumsPage div.infoBox div.shareicons div {margin-top: -5px; } .albumsAllPage {} .albumsAllPage h1 {width: 100%; margin-bottom: -2px; } .albumsAllPage .button {} .albumsAllPage {max-width: 500px; float: left;width: 620px; } .albumsAllPage ul.albumsList {margin-left: 0px;margin-top: -4px; width: 529px; float: left; } .albumsAllPage .albumsList li { width: 104px; margin: 0 0 20px 23px; vertical-align: top; position: relative; left: -20px;display: inline-block; } .albumsAllPage .albumsList li a {float: left; font-size: 13px; margin-top: 6px; } .albumsAllPage .albumsList li a.naname{line-height: 16px; color: #434343; font-size: 13px;margin-top: 7px; margin-bottom: -3px; width: 100%; overflow: hidden; text-overflow: ellipsis;} .albumsAllPage .albumsList li a.tarckCnt{line-height: 16px; color: #888; font-size: 11px;margin-top: 5px; margin-bottom: -3px; font-family: verdana, arial, sans-serif; } .albumsAllPage .albumsList li a:hover {color: #D80000; cursor: pointer;} .albumsAllPage .albumsList li a p {line-height: 16px; color: #888; font-size: 12px;margin-top: 5px;} .albumsAllPage .albumsList li a p:hover{color: #D80000;} .albumsAllPage .albumsList li .opacity80 {position: absolute; top: 0; left: 0; width: 110px; height: 110px; float: left; opacity: 0; transition: all 0.5s; filter:alpha(opacity:0); background: url(/web/20140704000440im_/http://music.tut.by/images/opacity80.png) repeat;} .albumsAllPage .albumsList li:hover .opacity80 {opacity: 1; visibility: visible; filter:alpha(opacity:70);} .albumsAllPage .albumsList li .icons { position: absolute; visibility: hidden; bottom: 19px; left: 11px; } .albumsAllPage .albumsList li:hover .icons { visibility: visible; } .albumsAllPage .albumsList li .both {margin-left: -1px;} .albumsAllPage .button { height: 19px; letter-spacing: 0.25px; line-height: 19px; margin-bottom: 24px; margin-left: -2px; text-align: center; width: 195px; font-size: 14px; } .genreList {float: left; width: 100%;margin-bottom: 14px; } .genreList li {float: left;padding: 0px 2px; margin-right: 15px; margin-bottom: 9px; } .genreList li a {color: #444; background: url(/web/20140704000440im_/http://music.tut.by/images/bgSprites.png) repeat-x 0 -546px; float: left; height: 25px; line-height: 23px;font-size: 11px; font-family: verdana, arial, sans-serif; padding: 0 5px 0 5px; position: relative;} .genreList li a:before {content: " "; background: url(/web/20140704000440im_/http://music.tut.by/images/icoSprites.png) no-repeat -1326px -75px; width: 4px; height: 25px; float: left; position: absolute; left: -4px; top: 0;} .genreList li a:after {content: " "; background: url(/web/20140704000440im_/http://music.tut.by/images/icoSprites.png) no-repeat -1330px -75px; width: 4px; height: 25px; float: left; position: absolute; right: -4px; top: 0;} .genreList li a:hover {text-decoration: none; color: #444;} .genreList li a:active {top: 1px;} .genreList li.current a {background: url(/web/20140704000440im_/http://music.tut.by/images/bgSprites.png) repeat-x 0 -522px;color: #FFF; } .genreList li.current a:before {background-position: -1326px -15px; } .genreList li.current a:after {background-position: -1330px -15px;} /* ARTIST */ .signerPage {} .signerPage h1 {margin-bottom: -1px; } .signerPage .b-widget-tabs {margin-bottom: 20px; } .signerPage .signerInfo {width: 100%; float: left; margin-bottom: -30px; } .signerPage .signerInfo img {float: left; margin: 0 15px 8px 0; } .signerPage .signerInfo .infoBox {margin-top: -3px; width: 250px; float: left; height: 236px; } .signerPage .signerInfo .line {margin-bottom: 0px; font-size: 13px; float: left; line-height: 18px; width: 100%; } .signerPage .signerInfo .line a {} .signerPage .signerInfo .bigIcons{float: left; } .signerPage .signerInfo .bigIcons .icons {margin: 0; margin-top: -8px; } #artistTabs {float: left;border: 0; width: 100%; padding: 0; margin-top: 4px; } #artistTabs .menu {float: left;background: #ececec; width: 100%; border-radius: 0; border: 0; margin: 0; padding: 0; height: 35px; } #artistTabs .menu li {float: left;border-radius: 0; border: 0; background: none; margin: 0; height: 36px; } #artistTabs .menu li a {float: left;background: none repeat scroll 0 0 transparent; border-radius: 0; border: 0; font-weight: bold; font-size: 11px; color: #333; line-height: 24px; height: 24px; text-decoration: underline; } #artistTabs .menu li a:hover{color: #D80000;} #artistTabs .menu li.ui-tabs-active {} #artistTabs .menu li.ui-tabs-active a {background: #333; color: #FFF; text-decoration: none; } #artistTabs #atab-1 {float: left; padding: 18px 0; width: 100%; } #artistTabs #atab-2 {float: left; padding: 18px 0; width: 100%;} #artistTabs #atab-2 .popAlbums {width: 520px;} #artistTabs #atab-3 {float: left; padding: 18px 0; width: 100%;} #artistTabs .b-pagination {float: left; width: 100%; margin-top: 28px;} #artistTabs .b-pagination .b-pagination-list .p-next a.p-inside {font-size: 11px; line-height: 28px; color: #182C8D; } #artistTabs .b-pagination .p-item a {color: #182C8D;} #artistTabs #atab-4 {float: left; padding: 18px 0; width: 100%;} #artistTabs .desc {float: left; } #artistTabs p {font-size: 13px; line-height: 23px; margin: 0; padding: 1px; } #artistTabs .readmore {border-bottom: 1px dotted #30419a; color: #30419a; clear: both; width: auto; margin: 9px 0; float: left; } #artistTabs .readmore:hover {color: #D80000; border-color: #D80000; text-decoration: none !important;} #artistTabs h2 {font-size: 21px; font-family: arial; margin: 3px -1px; font-weight: bold; } #artistTabs .popAlbums {width: 500px; float: left; margin-top: 10px; margin-bottom: 20px; overflow: hidden; } #artistTabs .popAlbums ul {margin: 12px 0 0px; float: left; width: 520px; } #artistTabs .bestCompositions ul {margin: 12px 0 -12px; float: left; width: 520px; } #songs_more {margin-top: 25px; float: left; width: 520px; } .popAlbums li { width: 110px; margin: 0 0 17px 17px; position: relative; vertical-align: top; left: -17px;display: inline-block; } .popAlbums li a {float: left; font-size: 13px; margin-top: 6px; } .popAlbums li a.naname {line-height: 16px; color: #434343; font-size: 13px;margin-top: 7px; margin-bottom: -3px;width: 100%; } .popAlbums li a.tarckCnt{line-height: 16px; color: #888; font-size: 11px;margin-top: 5px; margin-bottom: -3px; font-family: verdana, arial, sans-serif; } .popAlbums li a:hover {color: #D80000; cursor: pointer;} .popAlbums li a p {line-height: 16px; color: #888; font-size: 12px;margin-top: 5px; } .popAlbums li a p:hover{color: #D80000;} .popAlbums li .opacity80 {position: absolute; top: 0; left: 0; width: 110px; height: 110px; float: left; } .popAlbums li .icons { position: absolute; bottom: 10px; left: 10px; margin: 0; } .popAlbums li .both {margin-left: -1px;} .popAlbums .button { height: 19px; letter-spacing: 0.25px; line-height: 19px; margin-bottom: 24px; margin-left: -2px; text-align: center; width: 195px; font-size: 14px; } .bestCompositions { float: left; margin-top: 11px; width: 100%; } .bestCompositions h2 {margin-bottom: 18px !important; float: left; } .sortBtn {background: url(/web/20140704000440im_/http://music.tut.by/images/bgSprites.png) repeat-x 0 -571px; float: left; padding: 0 9px 0 10px; height: 18px; font-family: verdana, arial, sans-serif; font-size: 11px; color: #003BB3 !important;line-height: 16px; position: relative;margin: 2px 0 10px; } .sortBtn:before {content: " "; background: url(/web/20140704000440im_/http://music.tut.by/images/icoSprites.png) no-repeat -1392px -15px; float: left; width: 3px; height: 18px; position: absolute; top: 0; left: 0px;} .sortBtn:after {content: " "; background: url(/web/20140704000440im_/http://music.tut.by/images/icoSprites.png) no-repeat -1395px -15px; float: left; width: 3px; height: 18px; position: absolute; top: 0; right: 0px;} .sortBtn:hover {color: #D80000 !important; text-decoration: none;} .sortBtn.current {background: url(/web/20140704000440im_/http://music.tut.by/images/bgSprites.png) repeat-x 0 -589px; color: #FFF !important;} .sortBtn.current:hover {color: #FFF !important;} .sortBtn.current:before {background: url(/web/20140704000440im_/http://music.tut.by/images/icoSprites.png) no-repeat -1386px -15px;} .sortBtn.current:after {background: url(/web/20140704000440im_/http://music.tut.by/images/icoSprites.png) no-repeat -1389px -15px;} .sortBtn.current.first:after {background: url(/web/20140704000440im_/http://music.tut.by/images/icoSprites.png) no-repeat -1398px -15px !important; width: 1px;} .sortBtn.current.second:before {background: url(/web/20140704000440im_/http://music.tut.by/images/icoSprites.png) no-repeat -1398px -15px !important; width: 1px;} .sortBtn.current + .sortBtn:before {background: none !important;} .sortBtn.first:after {background: none !important;} .artist_01 {} .artist_01 .alphabet {background: #e3ecff;padding: 9px 10px 7px; margin-top: 14px; margin-left: 2px; width: 500px; } .artist_01 .alphabet ul {margin-bottom: 5px;} .artist_01 .alphabet .letterMix {} .artist_01 .alphabet .letterMix li{ margin-right: 11px;} .artist_01 .alphabet hr {position: relative; padding: 0px 39px; float: left; background-color: #FFF; left: -10px; width: 520px; margin: 7px 0 7px; } .artist_01 h2 { float: left;font-size: 21px; margin: 0 2px -2px; } .artist_01 h3 {width: 95%; float: left;font-weight: normal; line-height: 24px; font-size: 14px; text-indent: 0; margin: -2px 2px; } .artist_01 h4 {width: 100%; float: left;} .artist_01 h4 a {} .artist_01 .signerTop {width: 520px; float: left; margin-top: 22px; } .artist_01 .signerTop a.signerName {font-size: 15px; line-height: 20px; padding-left: 11px; margin-bottom: 9px; overflow: hidden; float: left; text-overflow: ellipsis; white-space: nowrap; max-width: 90%; width: auto;} .artist_01 .signerTop > li { float: left; margin-right: 31px;margin-bottom: 14px; width: 229px; } .artist_01 .signerTop ul li {background: #FFF; width: 100%; float: left; height: 27px; position: relative; } .artist_01 .signerTop ul li:hover {background: #e3ecff;} .artist_01 .signerTop a.songName{ text-overflow: ellipsis; line-height: 24px; white-space: nowrap; overflow: hidden; font-size: 13px; float: left; text-indent: 10px; max-width: 180px; color: #444; } .artist_01 .signerTop a:hover {color: #D80000;} .artist_01 .signerTop .trackTime{float: right; position: absolute; right: 11px; top: 6px; z-index: 3; color: #818181; font-size: 11px; font-family: verdana, arial, sans-serif; } .artist_01 .signerTop .icons {position: absolute; right: 4px; top: 0; display: none; z-index: 9; padding-left: 25px; height: 25px;margin-right: 1px; background: url(/web/20140704000440im_/http://music.tut.by/images/fadeOnListHover.png) repeat-y left 0;} .artist_01 .signerTop .icons .buttonIco {top: -1px; } .artist_01 .signerTop ul li:hover .icons { display: block; } .genrePage {} .genrePage h2 {font-size: 21px; } .genrePage .popularGenres {margin-top: 0; } .genrePage .popularGenres > ul {} .genrePage .genresTop {width: 100%; float: left; margin-top: 25px; } .genrePage .genresTop h1 {font-size: 23px; } .genrePage .genresTop > ul {margin-top: 10px; } .genrePage .genresTop > ul > li {} .genrePage .genresTop .list {margin-top: -6px; margin-bottom: 6px; } .genrePage .genresTop .list li {} .genrePage .genresTop .caption {font-size: 15px; margin: 12px 0 3px; text-indent: 2px; width: 100%; float: left; height: 27px; } .genrePage .genresTop small a {font-size: 13px; line-height: 12px; letter-spacing: 0.25px; } .genre_genre {} .genre_genre .aboutGenre {margin-top: 20px; width: 100%; float: left; } .genre_genre .aboutGenre .abText{} .genre_genre .aboutGenre p {font-size: 15px; line-height: 23px; } .genre_genre .aboutGenre h1 {} .genre_genre .aboutGenre .readmore {display: block; margin-top: 7px; float: left; border-bottom: 1px dotted #0000FF; font-size: 12px; width: auto; } .genre_genre .aboutGenre .readmore:hover {color: #d80000; border-color: #d80000; text-decoration: none;} .genre_genre .ClosestGenres {margin: 10px 0; font-size: 15px; width: 100%; float: left; } .genre_genre h2 {margin: 12px 0 14px; font-size: 20px; width: 100%; float: left; } .genre_genre .ClosestGenres a {float: left; margin-right: 17px; text-decoration: underline; } .genre_genre .bestSigners {} .genre_genre .bestSigners a p {color: #555;} .genre_genre .bestSigners a:hover p {color: #555; text-decoration: none;} .genre_genre .bestSigners a p:hover {color: #D80000; text-decoration: underline;} .genre_genre .bestSigners a:hover {color: #555; text-decoration: none;} .genre_genre .bestAlbums {width: 100%; float: left; margin-top: -9px; } .genre_genre .bestAlbums ul {width: 539px;} .genre_genre .bestCompositions {} .genre_genre div.bestAlbums {margin-top: 10px;} .genre_genre div.BestCompos {margin-top: 10px;} .genre_genre .bestSigners h1 { font-size: 23px;} .genre_genre .bestSigners li a { font-size: 13px;} .genre_genre .bestAlbums h1 { font-size: 23px;} .genre_genre .BestCompos h1 { font-size: 23px;} .genre_genre .bestSigners {max-width: 600px; float: left;} .genre_genre .bestSigners ul { width: 540px; float: left; } .genre_genre .bestSigners li { width: 110px; margin: 0 17px 18px 0; position: relative;display: inline-block; min-height: 162px; vertical-align: top; } .genre_genre .bestSigners li:first-child {} /*.genre_genre .bestSigners li a {float: left; } */ .genre_genre .bestSigners li a:hover {color: #D80000;} .genre_genre .bestSigners li a p {line-height: 16px; color: #434343; font-size: 13px;margin-top: 6px; } .genre_genre .bestSigners li a p:hover{color: #D80000;} .genre_genre .nowListen {margin: 1px 0 25px; } .genre_genre .nowListen h2 {margin-bottom: 23px; } /* FILE ARCHIVED ON 00:04:40 Jul 04, 2014 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 09:10:22 May 20, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 85.105 exclusion.robots: 0.141 exclusion.robots.policy: 0.13 RedisCDXSource: 7.427 esindex: 0.013 LoadShardBlock: 53.404 (3) PetaboxLoader3.datanode: 67.865 (4) CDXLines.iter: 21.412 (3) load_resource: 66.538 PetaboxLoader3.resolve: 31.047 */