lmbrowse/html/skins/black/default.css
agibert 852d9f37da - Add skins directory structure,
- Add skin black example (default.css and sprites css).
2015-12-16 23:27:14 +00:00

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;
}