lmbrowse/html/default.css
agibert 861aca911c Add admin login management,
Start .hide file support,
Add statistics button.
2012-12-18 23:49:57 +00:00

1690 lines
24 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: 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;
}
a:active
{
color:#0066FF;
}
a.jp-on,
a.jp-off
{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
a.jp-on:hover,
a.jp-off:hover
{
/*Glow*/
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.3);
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.3);
box-shadow: 0px 0px 20px rgba(255,255,255,0.3);
}
a.jp-on
{
background-color: #4a3a55;
}
a.jp-off
{
}
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,
a.button-stats
{
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,
a.button-stats: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-stats,
a.button-w3c-html:hover,
a.button-w3c-css:hover,
a.button-rx3:hover,
a.button-safe_creative:hover,
a.button-stats: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");
}
a.button-stats
{
background-image: url("/images/button-stats-on.png");
}
a.button-stats:hover
{
background-image: url("/images/button-stats-hi.png");
}
/*--------------------------------------------*/
/* INPUT */
/*--------------------------------------------*/
input.password
{
border: 0px solid;;
background-color: #222222;
color: #FFFFFF;
}
input.login,
input.logout
{
border: 0px solid;;
width: 32px;
height: 26px;
/*Transition*/
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
input.login:hover,
input.logout:hover
{
/*Glow*/
-webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.3);
-moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.3);
box-shadow: 0px 0px 20px rgba(255,255,255,0.3);
}
input.login
{
background-image: url("/images/button-login-on.png");
}
input.login:hover
{
background-image: url("/images/button-login-hi.png");
}
input.logout
{
background-image: url("/images/button-logout-on.png");
}
input.logout:hover
{
background-image: url("/images/button-logout-hi.png");
}