game/templates/csnu/base.css

366 lines
4.4 KiB
CSS

*
{
margin: 0;
padding: 0;
border: 0;
}
a
{
text-decoration: none;
font-weight: bold;
color: #999966;
}
a:hover,a:hover:visited
{
text-decoration: underline;
}
a:visited
{
text-decoration: none;
}
body, html
{
background-color: #000000;
text-align: center;
font-family: "arial";
font-size: 10px;
color: #999966;
padding: 15px 0;
}
.all
{
background-color: #363928;
width: 910px;
margin-left: auto;
margin-right: auto;
}
.cornertop1, .cornertop2, .cornertop3, .cornertop4, .cornertop5, .cornerbt1, .cornerbt2, .cornerbt3, .cornerbt4, .cornerbt5
{
margin: 0 auto;
font-size: 0;
}
.cornertop1, .cornertop2, .cornertop3, .cornertop4, .cornertop5
{
background-color: #363928;
}
.cornerbt1, .cornerbt2, .cornerbt3, .cornerbt4, .cornerbt5
{
background-color: #212318;
}
.cornertop1
{
width: 908px;
height: 3px;
}
.cornertop2
{
width: 906px;
height: 2px;
}
.cornertop3
{
width: 904px;
height: 1px;
}
.cornertop4
{
width: 900px;
height: 1px;
}
.cornertop5
{
width: 894px;
height: 1px;
}
.cornerbt1
{
width: 908px;
height: 3px;
}
.cornerbt2
{
width: 906px;
height: 2px;
}
.cornerbt3
{
width: 904px;
height: 1px;
}
.cornerbt4
{
width: 900px;
height: 1px;
}
.cornerbt5
{
width: 894px;
height: 1px;
}
.header_link
{
float: left;
padding: 2px;
margin-left: 8px;
}
.rss
{
color: #00CCFF;
float: right;
padding: 2px;
margin-right: 8px;
}
.buttons
{
margin-top: 5px;
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: center;
}
.buttons div
{
float: left;
width: 89px;
height: 32px;
background: #363928 url(images/ombre_bt.gif) no-repeat bottom;
margin-right: 15px;
}
.buttons a
{
display: block;
width: 85px;
height: 20px;
text-align: center;
padding-top: 8px;
color: #FFFFFF;
background: #5B6044 url(images/button.gif) repeat-x top;
font-family: "Trebuchet MS";
font-weight: lighter;
}
.buttons a:hover
{
background: #5B6044 url(images/button_hover.gif) no-repeat bottom center;
text-decoration: none;
}
.recherche
{
float: right;
text-align: left;
margin: 4px 10px;
}
.recherche a
{
color: #99CC00;
}
input[type="text"]
{
color: #345800;
width: 120px;
background-color: #E7ECCE;
border: #CCFF34 solid 1px;
margin: 2px;
}
input[type="text"]:focus
{
border-color: #CCFF34;
background-color: #FFFFFF;
}
input[type="submit"]
{
width: 50px;
height: 15px;
color: #FFFFFF;
font-family:"verdana";
font-weight: bold;
font-size: 8px;
text-decoration:none;
background: transparent;
background-image: url(images/ok.gif);
border: 0px;
cursor: pointer;
margin: 2px;
}
input[type="submit"]:hover
{
color: #043A50;
}
.annonce
{
background-color: #2E3122;
padding: 1px 6px;
font-size: 11px;
}
.menu
{
float: left;
background-color: #2E3122;
margin: 4px 2px;
width: 214px;
}
.menu_head
{
background: #363928 url(images/menu.gif) no-repeat top left;
width: 214px;
height: 14px;
}
.menu a
{
text-align: left;
text-indent: 8px;
font-weight: normal;
display: block;
width: 210px;
height: 23px;
margin: 1px;
background-color: #35392A;
color: #999966;
font-size: 11px;
}
.menu a:hover
{
color: #FFFFFF;
background: #797C6C url(images/menu_lien.gif) repeat-x bottom;
text-decoration: none;
}
.space
{
height: 20px;
}
.corps_top
{
float: right;
clear: right;
width: 680px;
margin: 12px 5px;
background: #2E3122 url(images/corps.gif) repeat-y center;
}
.border_top
{
width: 680px;
height: 9px;
background: #363928 url(images/corpstop.gif) no-repeat center;
}
.border_bt
{
width: 680px;
height: 9px;
background: #363928 url(images/corpsbt.gif) no-repeat center;
}
.corps_top img, .corps_top div
{
float: left;
margin: 2px 6px;
}
.corps_top .ressource
{
float: right;
width: 96px;
height: 50px;
padding-top: 25px;
margin-right: 6px;
background: transparent url(images/ressource.gif) no-repeat bottom;
color: #00CCFF;
}
.corps_top .border_top, .corps_top .border_bt
{
margin: 0;
float: none;
clear: both;
}
.ressource span
{
color: #FFFFFF;
font-weight: bold;
}
.corps
{
float: right;
clear: right;
margin: 5px;
width: 680px;
background: #2E3122 url(images/corps.gif) repeat-y center;
font-size: 11px;
}
.corps .barre
{
background: transparent url(images/barre.gif) no-repeat center;
width: 670px;
height: 20px;
padding-top: 3px;
color: #FFFFFF;
font-weight: bold;
margin: 8px 4px;
}
.corps div
{
margin: 8px 0px;
height: 20px;
padding-top: 3px;
width: 670px;
background-color: #35392A;
margin: 4px;
}
.corps .border_top, .corps .border_bt
{
margin: 0;
padding: 0;
height: 9px;
width: 680px;
}
.footer
{
width: 894px;
clear: both;
background-color: #212318;
padding: 8px;
}