/********************************** * ESGL CSS * ********************************** * Layout CSS * ********************************** * Version 1.0.0 * * (C) 2006 by Dennis Osterkamp * * report to info@doitmax.de * *********************************/ esgl {font-weight: bold } /* ------------------------------------------------------------ BASICS ------------------------------------------------------------ */ html { } body { } .error { color: red; padding: 1em; margin: 1em; border: 1px dashed #990000} .clear { clear: both; font-size: .1em } .bold { font-weight: bold } .grid_ho_ce { background: url(images/bg/grid_ho.gif) center bottom repeat-x } /* ------------------------------------------------------------ LAYOUT WRAPPER ------------------------------------------------------------ */ #sidebar { padding: .3em } #content { color: black; font-weight: normal; margin: auto; text-align: center; padding: 1em } #sidebar a:link, #sidebar a:visited { color: #0066CC } #sidebar a:hover, #sidebar a:active { color: #84B6E8; text-decoration: underline } /* ------------------------------------------------------------ NEWS ------------------------------------------------------------ */ #post { padding: 1em 2em; color: black; font-weight: normal; } #post h2 { font-size: 1.4em; padding: .2em 0; margin: 0; border-bottom: 1px dashed #999 } #post .date { font-size: .8em; padding: .3em 0; color: #454545 } /* ------------------------------------------------------------ HEADLINES ------------------------------------------------------------ */ #content h4 { font-size: 1.2em; padding: 0; margin: 0 } #sidebar h2 { font-size: 1em; padding: .3em .5em; margin: 1em 0 .3em 0; background: #BCC8D5 } #sidebar h2 img { vertical-align: middle; margin-right: 5px } #sidebar h3 { margin: 0 0 .8em 0; padding: 0 0 .2em 0; border-bottom: 2px solid #ED1C24; font-size: 1.2em } #sidebar h4 { margin: .5em 0; padding: 0 0 .2em 0; border-bottom: 2px solid #ED1C24; font-size: .9em } /* ------------------------------------------------------------ TOP-NAVI ------------------------------------------------------------ */ #navi { border-bottom: 0 none; text-align: left; margin: 0; border-left: 1px solid black; height: 29px } #navi ul { padding: 0; margin: 0; list-style: none; } #navi li { float: left; padding: 8px 28px 8px 8px; list-style: none; background: url(images/main/top_nav_spacer.gif) right no-repeat } #navi li a { font-weight: bold; display: block; margin: 0; white-space: nowrap; } * html #navi li a { width: 1px } /* hack for IE width */ #navi li a:link, #navi li a:visited { color: white; } #navi li a:hover, #navi li a:active { color: #ffa800; } /* ------------------------------------------------------------ LEAGUE OVERVIEW ------------------------------------------------------------ */ #league { padding: 1em 0 } #league table.list td { padding: .3em .5em; margin: 0; background: #E5EDF2; } #league table.list th { padding: .3em .5em; font-Size: 11px; font-weight: bold; Color: white; background:#415264 } #league table.game th { padding: .3em .5em; font-Size: 10px; font-weight: bold; Color: white; background:#415264 } #league table.game td { padding: .3em .5em; background: white } /* ------------------------------------------------------------ GAMES OVERVIEW ------------------------------------------------------------ */ .gamelist_small { color: black; margin: 0 0 2em 0; width: 235px } .gamelist { color: black; padding: 1em } .gameindex { padding: .4em .3em; margin: 1em 0 1px 0; font-size: 1.3em } .gameindex a, .gameindex a:link, .gameindex a:visited { color: black } .gameindex a:hover, .gameindex a:active { text-decoration: underline } .gameindex img { border: 1px solid black; margin-right: 5px; vertical-align: middle } .league { background: #E5EDF2; padding: .4em .3em; margin: 0 0 1px 25px; font-weight: normal } .league img { margin-right: 5px; vertical-align: middle } .league a:link, .league a:visited { color: #0066CC } .league a:hover, .league a:active { color: #84B6E8; text-decoration: underline } .gamelist_small td.league {font-size: .8em; background: #E5EDF2; padding: .4em .3em; margin: 0 0 1px 0; font-weight: normal } /* ------------------------------------------------------------ PRESS ------------------------------------------------------------ */ #press { padding: 0 1em } #press .post { padding: 0; margin: 1em 0 } #press .post h2 { font-size: 1.6em; color: #990000; margin: 0; padding: 1em 0 .3em 0 } #press .post .date { color: #666; font-size: .8em } #press .post p { padding: .5em 0; margin: 0; line-height: 18px; } /* ------------------------------------------------------------ ARCHIV ------------------------------------------------------------ */ #archiv { color: #000; text-align: center; margin: auto } #archiv table th { color: white; background: #415264; padding: .3em .5em; font-size: .95em } #archiv table td { background: #DCE3E7; font-size: .95em } #archiv table td div{ padding: .2em .5em } #archiv table td.green { background: #B4C4B1 } #archiv table td.red { background: #D6B4B4 } #archiv table.game { border-bottom: 2px solid #333 } #archiv .game td { background: white } #archiv .game p { margin: 0; padding: .2em 0 } /* ------------------------------------------------------------ INSIDE ------------------------------------------------------------ */ #inside { text-align: center; margin: auto; color: black } #inside p, #inside td, #inside div { font-size: .98em } #inside h2 { font-size: 1.5em } #inside h3 { font-size: 1em; color: white; background: #415264; padding: .3em .5em; margin: .8em 0 } #inside h4 { margin: 0; padding: 0 } #inside h4 a { font-size: 1.2em } #inside p.text { line-height: 15px; padding: 0; margin: 0 } #inside .teaser { padding: .2em 0; margin-bottom: .5em } #inside .date { padding: 0 .2em 0 0; margin: 0; color: #666; font-size: .9em } #inside table th { color: white; background: #415264; padding: .3em .5em; font-size: 1.1em } #inside table td { padding: .5em; background: #DCE3E7 } #inside table .spacer { background: #5B7592; height: 3px; font-size: .1em; padding: 0; margin: 0 } #inside .editor td { padding: 0; margin: 0; background: #D4D0C8; border: 1px solid #999 } #inside .layout td { background: none } #inside .layout td.grid_ho { background: url(images/bg/grid_ho.gif) left repeat-x } #inside .layout td.grid_ve { background: url(images/bg/grid_ve.gif) center repeat-y } #inside .top { margin: 0 0 1em 0 } #inside .top table { margin-bottom: 7px } #inside .top td { padding: 0 } #inside .top .newsline { background: url(images/bg/bg_newsline.gif) right repeat-x } #inside .top .catindex { background: #ED1C24; color: white; padding: .2em 0; font-weight: bold } #inside #admin { text-align: left } #inside #admin h3 { background: none; color: black; font-size: 1.2em; border-bottom: 1px dashed #666 } #inside .details { padding: 1em; width: 600px; margin: auto; text-align: left } #inside .details p { padding: 0; line-height: 15px; margin: .8em 0; text-align: left } #inside .details .teaser { font-size: 1em; font-weight: bold } #inside .details img { margin: 4px 8px } #inside .details h2 { margin: 0 0 .2em 0; padding: .5em 0 .1em 0; border-bottom: 1px dashed #999 } #inside .single a { } #inside .postimg { margin: 0; padding: 0; width: 100px; margin-right: 8px } #inside .revimg { margin: 0; padding: 0; width: 75px; margin-right: 8px } #inside #rev td { padding: .1em 0 } /* ------------------------------------------------------------ LEAGUEADMIN ------------------------------------------------------------ */ #leagueadmin { margin: 1em 0 } #leagueadmin h3 { padding: .3em .5em; font-size: 1em; margin: 0; background: #ED1C24; color: white } #leagueadmin ul { margin: .3em 0 0 0; padding: 0; list-style: none } #leagueadmin li { background: #eee; padding: .2em .4em; margin-bottom: 1px } /* ------------------------------------------------------------ ROSTER DIV ------------------------------------------------------------ */ #roster a img { border: 0 none } #roster .col { float: left } #roster .br { border-right: 1px solid #666666 } #roster .bl { border-left: 1px solid #666666 } #roster .vs { text-align: center } #roster .fl { float: left; margin-right: 5px; width: 100px; padding: 2px 0 ; } #roster .result { float: right; text-align: center; width: 15px; padding: 0; background: white; vertical-align: middle; padding: 2px 0 ; } * html #roster .fl { } #roster .winner { background: #D2EFD2 } #roster .looser { background: #E5D7D0 } #roster .row { clear: left; width: 125px; height: 36px; background: #EEEEEE; padding: 0; vertical-align: middle } #roster .row img{ margin-left: 3px } #roster .team { background: #F8F8F8 }