852d9f37da
- Add skin black example (default.css and sprites css).
1782 lines
25 KiB
CSS
1782 lines
25 KiB
CSS
@import url("/skins/black/sprites.css");
|
|
@import url("/skins/black/sprites-rep.css");
|
|
|
|
html, body
|
|
{
|
|
height: 99%;
|
|
color: white;
|
|
background-color: black;
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------*/
|
|
/* TABLE */
|
|
/*--------------------------------------------*/
|
|
|
|
table
|
|
{
|
|
vertical-align: top;
|
|
text-align: left;
|
|
width: 100%;
|
|
height: 100%;
|
|
table-layout: fixed;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
table.list
|
|
{
|
|
vertical-align: top;
|
|
text-align: left;
|
|
width: 100%;
|
|
height: auto;
|
|
/* height: 100%; */
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
table-layout: auto;
|
|
/* border: 10px solid #888888;*/
|
|
}
|
|
|
|
table.tab
|
|
{
|
|
vertical-align: top;
|
|
text-align: left;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
table-layout: auto;
|
|
/* border: 10px solid #888888;*/
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------*/
|
|
/* TR */
|
|
/*--------------------------------------------*/
|
|
|
|
tr.row0
|
|
{
|
|
height: 10px;
|
|
background-color: #222222;
|
|
color: #FFFFFF;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 24px;
|
|
}
|
|
|
|
tr.row1
|
|
{
|
|
height: 110px;
|
|
background-color: #333333;
|
|
}
|
|
|
|
tr.row2
|
|
{
|
|
height: 110px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
tr.row3
|
|
{
|
|
height: 25px;
|
|
background-color: #333333;
|
|
}
|
|
|
|
tr.row4
|
|
{
|
|
height: 25px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
|
|
|
|
tr.welcome0,
|
|
tr.welcome1,
|
|
tr.welcome2
|
|
{
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
}
|
|
|
|
tr.welcome0
|
|
{
|
|
height: 10px;
|
|
background-color: #222222;
|
|
color: #FFFFFF;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
tr.welcome1
|
|
{
|
|
height: 220px;
|
|
background-color: #333333;
|
|
}
|
|
|
|
|
|
|
|
tr.news0,
|
|
tr.news1,
|
|
tr.news2
|
|
{
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
}
|
|
|
|
tr.news0
|
|
{
|
|
height: 10px;
|
|
background-color: #222222;
|
|
color: #FFFFFF;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
tr.news1
|
|
{
|
|
height: 50px;
|
|
background-color: #333333;
|
|
}
|
|
|
|
tr.news2
|
|
{
|
|
height: 50px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
|
|
|
|
tr.twitter0,
|
|
tr.twitter1,
|
|
tr.twitter2
|
|
{
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
}
|
|
|
|
tr.twitter0
|
|
{
|
|
height: 10px;
|
|
background-color: #222222;
|
|
color: #FFFFFF;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
tr.twitter1
|
|
{
|
|
height: 10px;
|
|
background-color: #333333;
|
|
}
|
|
|
|
|
|
|
|
tr.about0,
|
|
tr.about1,
|
|
tr.about2
|
|
{
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
}
|
|
|
|
tr.about0
|
|
{
|
|
height: 10px;
|
|
background-color: #222222;
|
|
color: #FFFFFF;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
tr.about1
|
|
{
|
|
height: 220px;
|
|
background-color: #333333;
|
|
}
|
|
|
|
tr.about2
|
|
{
|
|
height: 50px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
|
|
|
|
tr.history0,
|
|
tr.history1,
|
|
tr.history2
|
|
{
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
}
|
|
|
|
tr.history0
|
|
{
|
|
height: 10px;
|
|
background-color: #222222;
|
|
color: #FFFFFF;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
tr.history1
|
|
{
|
|
height: 50px;
|
|
background-color: #333333;
|
|
}
|
|
|
|
tr.history2
|
|
{
|
|
height: 50px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
|
|
|
|
tr.play0,
|
|
tr.play1,
|
|
tr.play2
|
|
{
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
}
|
|
|
|
tr.play0
|
|
{
|
|
height: 10px;
|
|
background-color: #222222;
|
|
color: #FFFFFF;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
tr.play1
|
|
{
|
|
height: 110px;
|
|
background-color: #333333;
|
|
}
|
|
|
|
tr.play2
|
|
{
|
|
height: 110px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
|
|
|
|
tr.intro0
|
|
{
|
|
height: 24px;
|
|
color: white;
|
|
background-color: #222222;
|
|
}
|
|
|
|
tr.intro1
|
|
{
|
|
height: auto;
|
|
background-color: #111111;
|
|
}
|
|
|
|
tr.intro2
|
|
{
|
|
height: auto;
|
|
background-color: #111111;
|
|
}
|
|
|
|
|
|
|
|
tr.hardware0
|
|
{
|
|
height: 24px;
|
|
color: white;
|
|
background-color: #222222;
|
|
}
|
|
|
|
tr.hardware1
|
|
{
|
|
height: auto;
|
|
background-color: #111111;
|
|
}
|
|
|
|
tr.hardware2
|
|
{
|
|
height: auto;
|
|
background-color: #111111;
|
|
}
|
|
|
|
|
|
|
|
tr.tracks0
|
|
{
|
|
height: auto;
|
|
color: black;
|
|
background-color: #AAAAAA;
|
|
}
|
|
|
|
tr.tracks1
|
|
{
|
|
height: auto;
|
|
background-color: #333333;
|
|
}
|
|
|
|
tr.tracks2
|
|
{
|
|
height: auto;
|
|
background-color: #222222;
|
|
}
|
|
|
|
|
|
|
|
tr.covers0
|
|
{
|
|
height: auto;
|
|
color: black;
|
|
background-color: #AAAAAA;
|
|
}
|
|
|
|
tr.covers1
|
|
{
|
|
height: auto;
|
|
background-color: #333333;
|
|
}
|
|
|
|
tr.covers2
|
|
{
|
|
height: auto;
|
|
background-color: #222222;
|
|
}
|
|
|
|
|
|
|
|
tr.videos0
|
|
{
|
|
height: auto;
|
|
color: black;
|
|
background-color: #AAAAAA;
|
|
}
|
|
|
|
tr.videos1
|
|
{
|
|
height: auto;
|
|
background-color: #333333;
|
|
}
|
|
|
|
tr.videos2
|
|
{
|
|
height: auto;
|
|
background-color: #222222;
|
|
}
|
|
|
|
|
|
|
|
tr.extras0
|
|
{
|
|
height: auto;
|
|
color: black;
|
|
background-color: #AAAAAA;
|
|
}
|
|
|
|
tr.extras1
|
|
{
|
|
height: auto;
|
|
background-color: #333333;
|
|
}
|
|
|
|
tr.extras2
|
|
{
|
|
height: auto;
|
|
background-color: #222222;
|
|
}
|
|
|
|
|
|
|
|
tr.links0
|
|
{
|
|
height: 24px;
|
|
color: white;
|
|
background-color: #222222;
|
|
}
|
|
|
|
tr.links1
|
|
{
|
|
height: auto;
|
|
background-color: #111111;
|
|
}
|
|
|
|
tr.links2
|
|
{
|
|
height: auto;
|
|
background-color: #111111;
|
|
}
|
|
|
|
|
|
|
|
tr.thanks0
|
|
{
|
|
height: 24px;
|
|
color: white;
|
|
background-color: #222222;
|
|
}
|
|
|
|
tr.thanks1
|
|
{
|
|
height: auto;
|
|
background-color: #111111;
|
|
}
|
|
|
|
tr.thanks2
|
|
{
|
|
height: auto;
|
|
background-color: #111111;
|
|
}
|
|
|
|
|
|
|
|
tr.info0
|
|
{
|
|
height: 24px;
|
|
color: white;
|
|
background-color: #222222;
|
|
}
|
|
|
|
tr.info1
|
|
{
|
|
height: auto;
|
|
background-color: #333333;
|
|
}
|
|
|
|
tr.info2
|
|
{
|
|
height: auto;
|
|
background-color: #222222;
|
|
}
|
|
|
|
|
|
|
|
tr.lyrics0
|
|
{
|
|
height: 24px;
|
|
color: white;
|
|
background-color: #222222;
|
|
}
|
|
|
|
tr.lyrics1
|
|
{
|
|
height: auto;
|
|
background-color: #333333;
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------*/
|
|
/* TD */
|
|
/*--------------------------------------------*/
|
|
|
|
td
|
|
{
|
|
vertical-align: top;
|
|
text-align: center;
|
|
}
|
|
|
|
td.border
|
|
{
|
|
vertical-align: top;
|
|
text-align: left;
|
|
width: 70px;
|
|
height: 70px
|
|
}
|
|
|
|
td.menu-bg
|
|
td.menu-item,
|
|
td.menu-left,
|
|
td.menu-right
|
|
{
|
|
vertical-align: top;
|
|
height: 20px;
|
|
}
|
|
|
|
td.menu-bg
|
|
{
|
|
text-align: center;
|
|
background-color: transparent;
|
|
background-image: url(/skins/black/images/menu-bg.png);
|
|
background-repeat: repeat-x;
|
|
background-attachment: scroll;
|
|
}
|
|
|
|
td.menu-item
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
td.menu-left
|
|
{
|
|
text-align: right;
|
|
}
|
|
|
|
td.menu-right
|
|
{
|
|
text-align: left;
|
|
}
|
|
|
|
td.body
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
}
|
|
|
|
td.line-bg
|
|
{
|
|
vertical-align: top;
|
|
text-align: center;
|
|
height: 20px;
|
|
background-color: transparent;
|
|
background-image: url(/skins/black/images/line-m.png);
|
|
background-repeat: repeat-x;
|
|
background-attachment: scroll;
|
|
}
|
|
|
|
td.col1
|
|
{
|
|
vertical-align: middle;
|
|
/* border: 1px solid black;*/
|
|
}
|
|
|
|
td.col2
|
|
{
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
height: 30px;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
margin: 0;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
/* border: 1px solid black;*/
|
|
}
|
|
|
|
td.col3
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
height: 30px;
|
|
/* border: 1px solid black;*/
|
|
}
|
|
|
|
td.col4
|
|
{
|
|
vertical-align: middle;
|
|
text-align: right;
|
|
height: 30px;
|
|
/* font-size: 12px;*/
|
|
/* border: 1px solid black;*/
|
|
|
|
}
|
|
|
|
td.col5
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
height: 30px;
|
|
height: 30px;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
margin: 0;
|
|
font-size: 10px;
|
|
/* border: 1px solid black;*/
|
|
}
|
|
|
|
|
|
|
|
td.welcome0,
|
|
td.welcome00,
|
|
td.welcome01,
|
|
td.welcome1
|
|
{
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.welcome0
|
|
{
|
|
width: 96px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
td.welcome00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.welcome01
|
|
{
|
|
width: 20px;
|
|
}
|
|
|
|
td.welcome1
|
|
{
|
|
text-align: left;
|
|
font-size: 16px;
|
|
}
|
|
|
|
|
|
td.news0,
|
|
td.news00,
|
|
td.news01,
|
|
td.news1,
|
|
td.news2,
|
|
td.news3,
|
|
td.news4
|
|
{
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.news0
|
|
{
|
|
width: 96px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
td.news00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.news01
|
|
{
|
|
width: 10px;
|
|
}
|
|
|
|
td.news1
|
|
{
|
|
width: 110px;
|
|
text-align: left;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.news2
|
|
{
|
|
font-size: 14px;
|
|
text-align: left;
|
|
}
|
|
|
|
td.news3
|
|
{
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.news4
|
|
{
|
|
width: 110px;
|
|
}
|
|
|
|
|
|
|
|
td.twitter0,
|
|
td.twitter00,
|
|
td.twitter01,
|
|
td.twitter1
|
|
{
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.twitter0
|
|
{
|
|
width: 96px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
td.twitter00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.twitter01
|
|
{
|
|
width: 20px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
td.twitter1
|
|
{
|
|
text-align: center;
|
|
font-size: 16px;
|
|
}
|
|
|
|
|
|
td.about0,
|
|
td.about00,
|
|
td.about01,
|
|
td.about1,
|
|
td.about2
|
|
{
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.about0
|
|
{
|
|
width: 96px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
td.about00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.about01
|
|
{
|
|
width: 20px;
|
|
}
|
|
|
|
td.about1
|
|
{
|
|
text-align: left;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.about2
|
|
{
|
|
}
|
|
|
|
|
|
|
|
td.history0,
|
|
td.history00,
|
|
td.history01,
|
|
td.history1,
|
|
td.history2,
|
|
td.history3
|
|
{
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.history0
|
|
{
|
|
width: 96px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
td.history00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.history01
|
|
{
|
|
width: 20px;
|
|
}
|
|
|
|
td.history1
|
|
{
|
|
font-weight: bold;
|
|
width: 135px;
|
|
}
|
|
|
|
td.history2
|
|
{
|
|
font-weight: bold;
|
|
width: 115px;
|
|
}
|
|
|
|
td.history3
|
|
{
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
|
|
td.play0,
|
|
td.play00,
|
|
td.play1,
|
|
td.play2,
|
|
td.play3,
|
|
td.play4
|
|
{
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.play0
|
|
{
|
|
width: 96px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
td.play00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.play1
|
|
{
|
|
width: 110px;
|
|
}
|
|
|
|
td.play2
|
|
{
|
|
height: 30px;
|
|
margin: 0;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.play3
|
|
{
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
td.play4
|
|
{
|
|
width: 40%;
|
|
text-align: right;
|
|
height: 30px;
|
|
font-size: 12px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
|
|
|
|
td.cover
|
|
{
|
|
vertical-align: middle;
|
|
background-color: #222222;
|
|
}
|
|
|
|
|
|
|
|
td.text_l
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
background-color: #111111;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 16px;
|
|
}
|
|
|
|
td.text_r
|
|
{
|
|
vertical-align: middle;
|
|
text-align: right;
|
|
background-color: #111111;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 16px;
|
|
}
|
|
|
|
td.title
|
|
{
|
|
}
|
|
|
|
td.subtitle
|
|
{
|
|
}
|
|
|
|
|
|
td.title_l
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
}
|
|
|
|
td.title_r
|
|
{
|
|
font-family: CustomFont;
|
|
vertical-align: middle;
|
|
text-align: right;
|
|
}
|
|
|
|
td.text_l
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
}
|
|
|
|
td.text_r
|
|
{
|
|
vertical-align: middle;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
|
|
td.logo
|
|
{
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
|
|
td.logo-l
|
|
{
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
|
|
td.logo-r
|
|
{
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
|
|
td.intro0,
|
|
td.intro00,
|
|
td.intro01,
|
|
td.intro1,
|
|
td.intro2
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.intro0
|
|
{
|
|
font-family: CustomFont;
|
|
text-align: right;
|
|
width: 96px;
|
|
background-color: #222222;
|
|
font-size: 24px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
td.intro00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.intro01
|
|
{
|
|
width: 20px;
|
|
}
|
|
|
|
td.intro1
|
|
{
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
td.intro2
|
|
{
|
|
text-align: center;
|
|
width: 24px;
|
|
font-size: 1px;
|
|
}
|
|
|
|
|
|
|
|
td.hardware0,
|
|
td.hardware00,
|
|
td.hardware01,
|
|
td.hardware1,
|
|
td.hardware2
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.hardware0
|
|
{
|
|
font-family: CustomFont;
|
|
text-align: left;
|
|
width: 96px;
|
|
background-color: #222222;
|
|
font-size: 24px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
td.hardware00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.hardware01
|
|
{
|
|
width: 20px;
|
|
}
|
|
|
|
td.hardware1
|
|
{
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
td.hardware2
|
|
{
|
|
text-align: center;
|
|
width: 24px;
|
|
font-size: 1px;
|
|
}
|
|
|
|
|
|
|
|
td.tracks0,
|
|
td.tracks00,
|
|
td.tracks1,
|
|
td.tracks2,
|
|
td.tracks3,
|
|
td.tracks4,
|
|
td.tracks5,
|
|
td.tracks6,
|
|
td.tracks7,
|
|
td.tracks8,
|
|
td.tracks9
|
|
{
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
}
|
|
|
|
td.tracks0
|
|
{
|
|
width: 96px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
td.tracks00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.tracks1
|
|
{
|
|
width: 30px;
|
|
text-align: center;
|
|
}
|
|
|
|
td.tracks2
|
|
{
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.tracks3
|
|
{
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.tracks4
|
|
{
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.tracks5
|
|
{
|
|
font-size: 10px;
|
|
}
|
|
|
|
td.tracks6
|
|
{
|
|
font-size: 10px;
|
|
}
|
|
|
|
td.tracks7
|
|
{
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.tracks8
|
|
{
|
|
font-size: 10px;
|
|
}
|
|
|
|
td.tracks9
|
|
{
|
|
font-size: 14px;
|
|
}
|
|
|
|
|
|
|
|
td.covers0,
|
|
td.covers00,
|
|
td.covers1,
|
|
td.covers2,
|
|
td.covers3,
|
|
td.covers4
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.covers0
|
|
{
|
|
width: 96px;
|
|
text-align: center;
|
|
background-color: #222222;
|
|
}
|
|
|
|
td.covers00
|
|
{
|
|
width: 10px;
|
|
text-align: center;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.covers1
|
|
{
|
|
width: 110px;
|
|
text-align: center;
|
|
}
|
|
|
|
td.covers2
|
|
{
|
|
text-align: center;
|
|
margin: 0;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.covers3
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
td.covers4
|
|
{
|
|
text-align: center;
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
|
|
td.videos0,
|
|
td.videos00,
|
|
td.videos1,
|
|
td.videos2,
|
|
td.videos3,
|
|
td.videos4,
|
|
td.videos5,
|
|
td.videos6
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.videos0
|
|
{
|
|
width: 96px;
|
|
text-align: center;
|
|
background-color: #222222;
|
|
}
|
|
|
|
td.videos00
|
|
{
|
|
width: 10px;
|
|
text-align: center;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.videos1
|
|
{
|
|
width: 110px;
|
|
text-align: center;
|
|
}
|
|
|
|
td.videos2
|
|
{
|
|
text-align: center;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.videos3
|
|
{
|
|
text-align: center;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.videos4
|
|
{
|
|
text-align: center;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.videos5
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
td.videos6
|
|
{
|
|
text-align: center;
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
|
|
td.extras0,
|
|
td.extras00,
|
|
td.extras01,
|
|
td.extras1,
|
|
td.extras2,
|
|
td.extras3,
|
|
td.extras4,
|
|
td.extras5,
|
|
td.extras6
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.extras0
|
|
{
|
|
width: 96px;
|
|
background-color: #222222;
|
|
}
|
|
|
|
td.extras00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.extras01
|
|
{
|
|
width: 20px;
|
|
}
|
|
|
|
td.extras1
|
|
{
|
|
width: 110px;
|
|
text-align: center;
|
|
}
|
|
|
|
td.extras2
|
|
{
|
|
text-align: center;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.extras3
|
|
{
|
|
text-align: center;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.extras4
|
|
{
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
}
|
|
|
|
td.extras5
|
|
{
|
|
text-align: center;
|
|
}
|
|
|
|
td.extras6
|
|
{
|
|
text-align: center;
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
|
|
td.links0,
|
|
td.links00,
|
|
td.links01,
|
|
td.links1,
|
|
td.links2
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
height: 24px;
|
|
}
|
|
|
|
td.links0
|
|
{
|
|
font-family: CustomFont;
|
|
text-align: right;
|
|
width: 96px;
|
|
background-color: #222222;
|
|
font-size: 24px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
td.links00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.links01
|
|
{
|
|
width: 20px;
|
|
}
|
|
|
|
td.links1
|
|
{
|
|
text-align: right;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
td.links2
|
|
{
|
|
text-align: center;
|
|
width: 24px;
|
|
font-size: 1px;
|
|
}
|
|
|
|
|
|
|
|
td.thanks0,
|
|
td.thanks00,
|
|
td.thanks01,
|
|
td.thanks1,
|
|
td.thanks2
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
font-size: 14px;
|
|
}
|
|
|
|
td.thanks0
|
|
{
|
|
font-family: CustomFont;
|
|
text-align: left;
|
|
width: 96px;
|
|
background-color: #222222;
|
|
font-size: 24px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
td.thanks00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.thanks01
|
|
{
|
|
width: 20px;
|
|
}
|
|
|
|
td.thanks1
|
|
{
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
td.thanks2
|
|
{
|
|
text-align: center;
|
|
width: 24px;
|
|
font-size: 1px;
|
|
}
|
|
|
|
|
|
|
|
td.info0,
|
|
td.info00,
|
|
td.info1,
|
|
td.info2
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
}
|
|
|
|
td.info0
|
|
{
|
|
font-family: CustomFont;
|
|
text-align: right;
|
|
width: 96px;
|
|
background-color: #222222;
|
|
font-size: 24px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
td.info00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.info1
|
|
{
|
|
width: 130px;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
td.info2
|
|
{
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
td.info3
|
|
{
|
|
}
|
|
|
|
td.info4
|
|
{
|
|
}
|
|
|
|
td.info5
|
|
{
|
|
font-size: 10px;
|
|
}
|
|
|
|
td.info6
|
|
{
|
|
font-size: 10px;
|
|
}
|
|
|
|
td.info7
|
|
{
|
|
}
|
|
|
|
td.info8
|
|
{
|
|
}
|
|
|
|
td.info9
|
|
{
|
|
}
|
|
|
|
|
|
|
|
td.lyrics0,
|
|
td.lyrics00,
|
|
td.lyrics1
|
|
{
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
}
|
|
|
|
td.lyrics0
|
|
{
|
|
font-family: CustomFont;
|
|
text-align: left;
|
|
width: 96px;
|
|
background-color: #222222;
|
|
font-size: 24px;
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
td.lyrics00
|
|
{
|
|
width: 10px;
|
|
background-color: #000000;
|
|
}
|
|
|
|
td.lyrics1
|
|
{
|
|
font-size: 14px;
|
|
background-color: #111111;
|
|
}
|
|
|
|
|
|
|
|
td.bottext
|
|
{
|
|
vertical-align: middle;
|
|
text-align: right;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
margin: 0;
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
|
|
td.button-item
|
|
{
|
|
vertical-align: top;
|
|
text-align: center;
|
|
height: 26px;
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------*/
|
|
/* IMG */
|
|
/*--------------------------------------------*/
|
|
|
|
img
|
|
{
|
|
vertical-align: top;
|
|
}
|
|
|
|
img.menu-item
|
|
{
|
|
border: 0px solid;
|
|
height: 20px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------*/
|
|
/* A */
|
|
/*--------------------------------------------*/
|
|
|
|
a:link
|
|
{
|
|
color: #6644FF;
|
|
}
|
|
|
|
a:visited
|
|
{
|
|
color: #FF00FF;
|
|
}
|
|
|
|
a:hover
|
|
{
|
|
color: #FF2222;
|
|
color: #101010;
|
|
}
|
|
|
|
a:active
|
|
{
|
|
color: #0066FF;
|
|
}
|
|
|
|
|
|
|
|
a.button-item
|
|
{
|
|
display: inline-block;
|
|
}
|
|
|
|
.link-item,
|
|
.link-item-disabled,
|
|
.normal-item,
|
|
.link-item-disabled
|
|
{
|
|
display: inline-block;
|
|
background-color: transparent;
|
|
border: 0px;
|
|
border-radius: 5px;
|
|
padding: 1px 5px 3px 5px;
|
|
color: white;
|
|
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
|
|
}
|
|
|
|
|
|
|
|
.link-item:hover
|
|
{
|
|
background-color: #777777;
|
|
background-color: white;
|
|
border: 0px;
|
|
border-radius: 5px;
|
|
padding: 1px 5px 3px 5px;
|
|
color: black;
|
|
}
|
|
|
|
|
|
|
|
a.button-item,
|
|
div.button-item,
|
|
.link-item,
|
|
img.button-item,
|
|
img.button-item-big,
|
|
input.login,
|
|
input.logout
|
|
{
|
|
|
|
/*Transition*/
|
|
|
|
-webkit-transition: all 0.5s ease;
|
|
-moz-transition: all 0.5s ease;
|
|
transition: all 0.5s ease;
|
|
/* o-transition: all 0.5s ease; */
|
|
|
|
/*Reflection*/
|
|
/*
|
|
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));
|
|
*/
|
|
}
|
|
|
|
a.button-item:hover,
|
|
div.button-item:hover,
|
|
.link-item:hover,
|
|
img.button-item:hover,
|
|
input.login:hover,
|
|
input.logout:hover
|
|
{
|
|
/*Glow*/
|
|
|
|
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
|
|
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
|
|
box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
|
|
|
|
/*Reflection*/
|
|
/*
|
|
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
|
|
*/
|
|
}
|
|
|
|
|
|
|
|
img.button-item-big:hover
|
|
{
|
|
/*Glow*/
|
|
|
|
-webkit-box-shadow: 0px 0px 50px rgba(255,255,255,0.8);
|
|
-moz-box-shadow: 0px 0px 50px rgba(255,255,255,0.8);
|
|
box-shadow: 0px 0px 50px rgba(255,255,255,0.8);
|
|
|
|
/*Reflection*/
|
|
/*
|
|
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
|
|
*/
|
|
}
|
|
|
|
a.link-item-disabled
|
|
{
|
|
display: inline-block;
|
|
border: 0px;
|
|
border-radius: 5px;
|
|
padding: 1px 5px 3px 5px;
|
|
background-color: #707070;
|
|
color: white;
|
|
pointer-events: none;
|
|
cursor: default;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*--------------------------------------------*/
|
|
/* INPUT */
|
|
/*--------------------------------------------*/
|
|
|
|
input.password
|
|
{
|
|
border: 0px solid;;
|
|
background-color: #222222;
|
|
color: #FFFFFF;
|
|
vertical-align: top;
|
|
}
|
|
|
|
input.login,
|
|
input.logout
|
|
{
|
|
border: 0px solid;
|
|
width: 32px;
|
|
height: 26px;
|
|
background-color: transparent;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*
|
|
@font-face
|
|
{
|
|
font-family: CustomFont;
|
|
src: url('Moltorv2.ttf');
|
|
}
|
|
*/
|
|
|
|
@font-face
|
|
{
|
|
font-family: CustomFont;
|
|
src: url('/fonts/moltorv2.eot');
|
|
}
|
|
|
|
@font-face
|
|
{
|
|
font-family: CustomFont;
|
|
src: url('/fonts/moltorv2.ttf');
|
|
}
|
|
|
|
h1.lm,
|
|
h1.lm2,
|
|
h2.lm
|
|
{
|
|
font-family: CustomFont;
|
|
vertical-align: sub;
|
|
|
|
margin:0;
|
|
border:0;
|
|
|
|
text-shadow: 5px 5px 5px #666666;
|
|
}
|
|
|
|
h1.lm
|
|
{
|
|
font-size: 40px;
|
|
}
|
|
|
|
h2.lm,
|
|
td.subtitle
|
|
{
|
|
font-size: 30px;
|
|
}
|
|
|
|
|
|
|
|
/*--------------------------------------------*/
|
|
/* Audio */
|
|
/*--------------------------------------------*/
|
|
|
|
audio
|
|
{
|
|
border: 0px solid;;
|
|
background-color: #888888;
|
|
color: #FFFFFF;
|
|
}
|
|
|