Current File : /data/web/virtuals/215191/virtual/www/domains/theitcrowd.cz/e-shop/style.css |
/**
* Copyright (c) 2008 ClanTemplates.com
* Chained Up; a free template by Talis at ClanTemplates.com
* No part of this file may be redistributed without written permission
* Designed by Talis <remco_kruizinga@hotmail.com>
* Coded by Ross <ross@clantemplates.com>
* http://www.clantemplates.com/pages/Legal
*/
*{
margin: 0;
padding: 0;
border: 0;
}
body{
background: #0e0e0e;
text-align: center;
font: 11px Arial, Helvetica, Sans-serif;
color: #ffffff;
}
/* ------------------- */
/* Hyperlinks */
a{
color: #ffffff;
}
/* ------------------- */
/* Container */
#container{
width: 942px;
text-align: left;
margin: 0 auto;
background: url('./images/container_bg.jpg') repeat-y center;
}
#container_inner{
padding: 0 22px 0 22px;
}
/* ------------------- */
/* Header, Nav */
#banner{
background: url('./images/banner.jpg') no-repeat;
height: 163px;
}
h1{
display: none;
}
#navigation{
padding: 138px 0 0 0;
text-align: center;
}
#navigation li{
display: inline;
font: 12px "Arial Black";
color: #3f4e5d;
}
#navigation a{
color: #ffffff;
text-decoration: none;
}
/* ------------------- */
/* Content Headers */
.header{
background: url('./images/head_bg.jpg') repeat-x;
border: 1px solid #506174;
height: 15px;
clear: both;
font: 12px Arial;
color: #ffffff;
}
h2{
font: 11px "Arial Black";
color: #ffffff;
text-transform: uppercase;
padding: 0 25px 0 25px;
}
.header span{
padding: 0 5px 0 5px;
}
.right{
float: right;
}
/* ------------------- */
/* Matches, advert */
.matches{
list-style: none;
width: 201px;
float: left;
}
.matches li{
background: url('./images/list_item.jpg');
border: 1px solid #506174;
margin: 1px 0 0 0;
font: 10px Arial;
padding: 1px;
color: #929da8;
}
.winner{
color: #ff6600;
}
.loser,.date,.victory,.defeat{
color: #ffffff;
}
.date,.victory,.defeat{
float: right;
}
.victory{
background: url('./images/victory.jpg') 2px no-repeat;
padding: 0 0 0 12px;
}
.defeat{
background: url('./images/defeat.jpg') 2px no-repeat;
padding: 0 0 0 12px;
}
.advert{
float: left;
}
/* ------------------- */
/* Columns */
.column{
float: left;
padding: 3px 0 0 0;
}
.side{
width: 200px;
}
.main{
width: 492px;
margin: 0 3px 0 3px;
}
.column h2{
background: url('./images/column_head_bg.jpg') repeat-x;
border: 1px solid #515e81;
padding: 0;
margin: 10px 0 0 0;
}
.column h2 span{
background: url('./images/column_head.jpg') no-repeat;
display: block;
padding: 0 0 0 25px;
}
.side h2 span{
background: url('./images/column_head_side.jpg') no-repeat;
}
.main h2 span{
padding: 0 0 0 5px;
}
.column .box{
background: #102338;
border: 1px solid #404f60;
border-top: 0;
padding: 4px;
}
/* ------------------- */
/* Lists */
.box li{
margin: 0 0 0 15px;
font-size: 10px;
}
/* ------------------- */
/* Text formatting */
.overlay{
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}
.clear{
clear: both;
}
.orange{
color: #ff6600;
}
.dark{
color: #3f4e5d;
}
.center{
text-align: center;
}
.left{
text-align: left;
}
.block{
display: block;
}
.right{
float: right;
}
.leftf{
float: left;
}
/* ------------------ */
/* Form formatting */
input{
background: #243a51;
border-top: 1px solid #102338;
border-right: 1px solid #506174;
border-bottom: 1px solid #506174;
border-left: 1px solid #1d2e41;
font-size: 10px;
color: #929da8;
padding: 3px;
margin: 2px 0 2px 0;
}
.button_submit{
background: url('./images/button_bg.jpg') repeat-x;
border: 1px solid #0d1c2d;
font-weight: bold;
color: #ffffff;
height: 17px;
padding: 0 3px 0 3px;
text-transform: uppercase;
font-size: 8px;
}
/* ------------------ */
/* News formatting */
.news p, .news ul, .news ol, .news h3{
border: 1px solid #506174;
color: #b8bdc4;
padding: 5px;
margin: 4px;
}
/* ------------------ */
/* Stats table */
table{
width: 100%;
font-size: 11px;
}
th{
font-size: 11px;
font-weight: bold;
}
td{
border: 1px solid #28394b;
}
.bar{
background: url('./images/bar.jpg') repeat-x;
height: 7px;
display: block;
}
/* ------------------ */
/* Roster Images */
.roster a{
padding: 5px;
}
.roster a img{
border: 1px solid #ffffff;
}
/* ------------------ */
/* Footer */
#footer{
clear: both;
color: #7b8691;
text-align: center;
padding: 20px 0 10px 0;
}
#footer a{
color: #7b8691;
}