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