98288ec0c6
- Improve Play Page Link layout.
1585 lines
22 KiB
CSS
1585 lines
22 KiB
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;
|
|
font-weight: bold;
|
|
}
|
|
|
|
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.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.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: 50px;
|
|
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
|
|
{
|
|
vertical-align: top;
|
|
text-align: center;
|
|
height: 20px;
|
|
background-color: transparent;
|
|
background-image: url(/images/menu-bg.png);
|
|
background-repeat: repeat-x;
|
|
background-attachment: scroll;
|
|
}
|
|
|
|
td.menu-item
|
|
{
|
|
vertical-align: top;
|
|
text-align: center;
|
|
height: 20px;
|
|
}
|
|
|
|
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(/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.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: 20px;
|
|
}
|
|
|
|
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.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: left;
|
|
height: 30px;
|
|
}
|
|
|
|
td.play4
|
|
{
|
|
width: 40%;
|
|
text-align: right;
|
|
height: 30px;
|
|
font-size: 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_l
|
|
{
|
|
vertical-align: middle;
|
|
text-align: left;
|
|
}
|
|
|
|
td.title_r
|
|
{
|
|
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
|
|
{
|
|
text-align: right;
|
|
width: 96px;
|
|
background-color: #222222;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
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
|
|
{
|
|
text-align: left;
|
|
width: 96px;
|
|
background-color: #222222;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
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;
|
|
}
|
|
|
|
td.links0
|
|
{
|
|
text-align: right;
|
|
width: 96px;
|
|
background-color: #222222;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
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
|
|
{
|
|
text-align: left;
|
|
width: 96px;
|
|
background-color: #222222;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
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
|
|
{
|
|
text-align: right;
|
|
width: 96px;
|
|
background-color: #222222;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
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
|
|
{
|
|
text-align: left;
|
|
width: 96px;
|
|
background-color: #222222;
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
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: top;
|
|
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;
|
|
}
|
|
|
|
a:active
|
|
{
|
|
color:#0066FF;
|
|
}
|
|
|
|
|
|
|
|
a.menu-home_page,
|
|
a.menu-about,
|
|
a.menu-discography,
|
|
a.button-w3c-html,
|
|
a.button-w3c-css,
|
|
a.button-rx3,
|
|
a.button-safe_creative
|
|
{
|
|
border: 0px solid;
|
|
background-repeat: no-repeat;
|
|
display: block;
|
|
|
|
/*Transition*/
|
|
|
|
-webkit-transition: all 0.5s ease;
|
|
-moz-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.menu-home_page:hover,
|
|
a.menu-about:hover,
|
|
a.menu-discography:hover,
|
|
a.button-w3c-html:hover,
|
|
a.button-w3c-css:hover,
|
|
a.button-rx3:hover,
|
|
a.button-safe_creative: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)));
|
|
*/
|
|
}
|
|
|
|
|
|
|
|
a.menu-home_page,
|
|
a.menu-about,
|
|
a.menu-discography,
|
|
a.menu-home_page:hover,
|
|
a.menu-about:hover,
|
|
a.menu-discography:hover
|
|
{
|
|
height: 20px;
|
|
}
|
|
|
|
a.menu-home_page
|
|
{
|
|
background-image: url("/images/menu-home_page-on.png");
|
|
}
|
|
|
|
a.menu-home_page:hover
|
|
{
|
|
background-image: url("/images/menu-home_page-hi.png");
|
|
}
|
|
|
|
a.menu-about
|
|
{
|
|
background-image: url("/images/menu-about-on.png");
|
|
}
|
|
|
|
a.menu-about:hover
|
|
{
|
|
background-image: url("/images/menu-about-hi.png");
|
|
}
|
|
|
|
a.menu-discography
|
|
{
|
|
background-image: url("/images/menu-discography-on.png");
|
|
}
|
|
|
|
a.menu-discography:hover
|
|
{
|
|
background-image: url("/images/menu-discography-hi.png");
|
|
}
|
|
|
|
|
|
|
|
a.button-w3c-html,
|
|
a.button-w3c-css,
|
|
a.button-rx3,
|
|
a.button-safe_creative,
|
|
a.button-w3c-html:hover,
|
|
a.button-w3c-css:hover,
|
|
a.button-rx3:hover,
|
|
a.button-safe_creative:hover
|
|
{
|
|
height: 26px;
|
|
}
|
|
|
|
a.button-w3c-html
|
|
{
|
|
background-image: url("/images/button-w3c-html-on.png");
|
|
}
|
|
|
|
a.button-w3c-html:hover
|
|
{
|
|
background-image: url("/images/button-w3c-html-hi.png");
|
|
}
|
|
|
|
a.button-w3c-css
|
|
{
|
|
background-image: url("/images/button-w3c-css-on.png");
|
|
}
|
|
|
|
a.button-w3c-css:hover
|
|
{
|
|
background-image: url("/images/button-w3c-css-hi.png");
|
|
|
|
}
|
|
|
|
a.button-rx3
|
|
{
|
|
background-image: url("/images/button-rx3-on.png");
|
|
}
|
|
|
|
a.button-rx3:hover
|
|
{
|
|
background-image: url("/images/button-rx3-hi.png");
|
|
|
|
}
|
|
|
|
a.button-safe_creative
|
|
{
|
|
background-image: url("/images/button-safe_creative-on.png");
|
|
}
|
|
|
|
a.button-safe_creative:hover
|
|
{
|
|
background-image: url("/images/button-safe_creative-hi.png");
|
|
|
|
}
|