Файл: templates/Default/radio/files/style.css
Строк: 197
/* DLE Radio v.1 by Elegant Division (http://e-div.com) */
body { font: 12px/18px Tahoma, Geneva, sans-serif; margin: 0; padding: 0;
}
a { text-decoration: underline; }
a:hover, a:active { text-decoration:
none; outline: none; }
img, a img { border: none; }
html { overflow-y:
scroll; }
.clearfix:before, .clearfix:after { content:
"\0020"; display: block; height: 0; overflow: hidden;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.wrap {
width: 468px; margin: 0 auto; }
.png { min-width: 468px; }
.header h1 {
font: bold 39px/39px Arial, Helvetica, sans-serif; margin: 25px 0 10px;
}
.header h1 span {}
.header h1 em { font-size: 24px; }
.header p {
margin: 0 0 25px 0; font-size: 11px; line-height: 16px; }
.header p span
{}
.system { padding: 20px 0; }
.system .cover { float: left;
width: 126px; max-height: 86px; overflow: hidden; margin-right: 20px;
position: relative; }
.system .cover b { display: block; position:
absolute; left: 0; top: 0; z-index: 123; background: url(mask.png)
no-repeat 0 0; width: 126px; height: 86px; }
.system h2, .system p {
float: left; padding: 0; width: 322px; }
.system h2 { margin: 0 0 15px 0;
width: 322px; font: bold 14px/14px Arial, Helvetica, sans-serif;
}
.system p { float: left; margin: 0 0 17px 0; width: 322px; font-size:
11px; line-height: 11px; }
.system p span {}
.system .player { float:
left; padding: 0; width: 295px; background: transparent url(player.png)
no-repeat 0 0; height: 30px; }
.system .player object { margin: 4px 0 0
5px; float: left; }
#change, #random { width: 16px; height: 16px;
display: block; float: right; margin-top: 7px; overflow: hidden;
text-indent: -9999px; }
#change { margin-right: 6px; cursor: pointer;
background: transparent url(skin.png) no-repeat 0 0 }
#random {
margin-right: 6px; background: transparent url(random.png) no-repeat 0 0
}
.bio { padding: 15px 0; text-align: justify; }
.bio b {
font-weight: normal; }
.banner { padding: 15px 0; }
.copy {
text-align: center; font-size: 11px; margin: 10px 0; }
/*
||||||||||||||||||::|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||::||||||||||||||||||
*/
.basic ::-moz-selection{ background: #888; color:#fff; text-shadow:
none; }
.basic ::selection { background:#888; color:#fff; text-shadow:
none; }
.basic { background: #333 url(bg.jpg) repeat 0 0; color: #b3b3b3;
text-shadow: 0 1px 0 #000; }
.basic a, .basic .header h1 span { color:
#fff57f; }
.basic .png { background: transparent url(png.png) repeat 0 0;
}
.basic .header h1, .basic .header p span, .basic .system h2, .basic .bio
b { color: #efefef; }
.basic .header h1 em { color: #cbcbcb; }
.basic
.system .cover { box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.4); }
.basic
.system p, .basic .copy, .basic .copy a { color: #777; }
.basic .system p
span { color: #b3b3b3; }
.wood ::-moz-selection{ background: #888;
color: #fff; text-shadow: none; }
.wood ::selection { background:#888;
color: #fff; text-shadow: none; }
.wood { background: #fff; color: #666;
}
.wood a { color: #0099DD; }
.wood .png { background: #333 url(wood.jpg)
repeat 0 0; box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.4); text-shadow: 0 1px
0 #000; }
.wood .header h1, .wood .header h1 em, .wood .copy, .wood .copy
a { color: #999; }
.wood .header h1 span { color: #444; }
.wood .header
p span { font-weight: bold; }
.wood .system .cover { box-shadow: 0 0 3px
1px rgba(0, 0, 0, 0.4); }
.wood .system h2 { color: #efefef; }
.wood
.system p { color: #888; }
.wood .system p span { color: #b3b3b3; }
.wood
.bio b { font-weight: bold; }
.emo ::-moz-selection{ background:
#FF0066; color:#fff; text-shadow: none; }
.emo ::selection {
background:#FF0066; color:#fff; text-shadow: none; }
.emo { background:
#333 url(clothing.png) repeat 0 0; color: #B1B1B3; text-shadow: 0 1px 0
#000; }
.emo a { color: #fff; text-decoration: none; }
.emo a:hover, .emo
.header h1 span, .emo .bio b, .emo .copy a:hover { color: #FF0066; }
.emo
.png .wrap { border: 1px solid #302F2F; border-width: 1px 0; }
.emo
.header h1, .emo .header p span, .emo .system h2 { color: #efefef; }
.emo
.header h1 em { color: #B1B1B3; }
.emo .system .cover { box-shadow: 0 0
3px 1px rgba(0, 0, 0, 0.4); }
.emo .system p, .emo .copy, .emo .copy a {
color: #777; }
.emo .system p span { color: #b3b3b3; }
.emo .bio b {
font-weight: bold; }
.white ::-moz-selection{ background: #00BCF2;
color:#fff; text-shadow: none; }
.white ::selection { background:#00BCF2;
color:#fff; text-shadow: none; }
.white { background: #fff
url(clothing2.png) repeat 0 0; color: #454545; }
.white a, .white .header
h1 span, .white .bio b, .white .copy a:hover { color: #00BCF2; }
.white
.png { background-color: #F1F1F1; }
.white .header h1, .white .copy,
.white .copy a, .white .system p { color: #B2B2B2; }
.white .header p
span { color: #454545; font-weight: bold; }
.white .system .cover {
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6); }
.white .system p span { color:
#777; }
.white .bio b { font-weight: bold; }
.modern ::-moz-selection{
background: #485159; color:#F1F5F8; text-shadow: none; }
.modern
::selection { background:#485159; color:#F1F5F8; text-shadow: none;
}
.modern { background: #F1F5F8; color: #697989; text-shadow: 0 1px 0
#fff; }
.modern a, .modern .system h2, .modern .bio b, .modern .header p
span, .modern .system p span, .modern .header h1 span { color: #485159;
}
.modern .png { background: #E7ECF0; border: 1px solid #CDD8E0;
border-width: 1px 0; }
.modern .header h1, .modern .header h1 em, .modern
.header p, .modern .system p, .modern .copy, .modern .copy a { color:
#8999A8; }
.modern .system .cover { box-shadow: 0 0 2px 0 rgba(0, 0, 0,
0.6); }
.modern .bio b { font-weight: bold; }
.modern .copy a:hover {
color: #485159; }