game/htdocs/templates/cms/default.css

1142 lines
15 KiB
CSS

/*
============================================================
~~~ Auteur: Phantøm @ halo-battle.com ~~~
©©© Copyright halo-battle.com ©©©
### Version : 1.0 ###
============================================================
*/
*
{
margin: 0;
padding: 0;
border: 0;
}
body
{
background-color: #131C21;
text-align: center;
font-family: "arial",arial;
color: #557E92;
padding: 15px 0;
font-size: 10px;
}
a, a:visited, a:active
{
text-decoration: none;
font-weight: bold;
color: #557E92;
}
a:hover,a:visited:hover
{
text-decoration: underline;
}
a, a *
{
cursor: pointer;
}
p
{
font-family: "Tahoma",arial;
line-height: 15px;
word-spacing: 1px;
}
acronym
{
border-bottom: #FFFFFF dotted 1px;
cursor: help;
}
textarea
{
color: #3D4B59;
width: 390px;
height: 160px;
background-color: #CEDAEC;
border: #1F6183 solid 1px;
margin: 10px 4px;
}
select
{
color: #3D4B59;
background-color: #CEDAEC;
border: #1F6183 solid 1px;
margin: 2px 4px;
width: 140px;
}
input.text, input.password
{
color: #3D4B59;
width: 120px;
height: 16px;
background-color: #CEDAEC;
border: #1F6183 solid 1px;
margin: 2px 4px;
}
input.text:focus, input.password:focus, textarea:focus
{
background-color: #FFFFFF;
}
input.submit
{
width: 50px;
height: 15px;
color: #FFFFFF;
font-family:"verdana";
font-weight: bold;
font-size: 10px;
text-decoration:none;
background: transparent url(images/ok.gif);
border: 0px;
cursor: pointer;
margin: 2px 4px;
}
input.submit:hover
{
color: #000000;
}
*[disabled]
{
color: #999999 !important;
}
#all
{
background: #1F2E35 url(images/all.gif) repeat-y center;
width: 940px;
margin: 0 auto;
}
#cornertop, #cornerbt
{
margin: 0 auto;
font-size: 0;
width: 940px;
height: 23px;
}
#cornertop
{
background: transparent url(images/cornertop.gif) no-repeat bottom;
}
#cornerbt
{
background: transparent url(images/cornerbt.gif) no-repeat top;
}
#header
{
position: relative;
bottom: 4px;
background: #1B282E url(images/header.gif) no-repeat top center;
width: 910px;
margin: 0 auto;
padding-top: 4px;
}
#header:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#header #header_link
{
float: left;
padding: 2px;
margin-left: 8px;
}
#header #img
{
display: block;
width: 908px;
height: 82px;
margin: 0 auto;
clear: both;
position: relative;
font-size: 16px;
font-weight: bold;
}
#header #img span
{
display: block;
background: transparent url(images/header.jpg) no-repeat 0 0;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#header #img span#h09
{
/*background: transparent url(images/header2009.png) no-repeat 0 0;*/
background: transparent url(images/header_cut.jpg) no-repeat 0 0;
}
#header #date
{
color: #99CC00;
}
#header a#rss
{
float: right;
height: 14px;
color: #00CCFF;
padding-left: 16px;
margin-right: 12px;
background: transparent url(images/rss.gif) no-repeat left;
}
#header #buttons
{
margin-top: 5px;
margin-left: 10px;
text-align: center;
}
#header #buttons div
{
float: left;
width: 89px;
height: 32px;
background: transparent url(images/ombre_bt.gif) no-repeat bottom;
margin-right: 15px;
text-align: left;
}
#header #buttons a, #header #buttons a:visited
{
display: block;
width: 85px;
height: 20px;
text-align: center;
padding-top: 8px;
color: #FFFFFF;
background: #2E434E url(images/button.gif) no-repeat 0 0;
font-family: "Trebuchet MS";
font-weight: lighter;
}
#header #buttons a:hover
{
background-color: #178C9D;
background-position: 0 100%;
text-decoration: none;
}
#header #recherche
{
float: right;
text-align: left;
margin: 0 10px 8px 10px;
}
#header #recherche a
{
color: #99CC00;
padding-left: 10px;
margin-left: 4px;
background: transparent url(images/recherche.gif) no-repeat left;
}
#banner
{
position: relative;
font-size: 11px;
margin-bottom: 4px;
height: 14px;
clear: both;
}
.bannerleft
{
font-weight: bold;
color: #517285;
position: absolute;
top: 0;
left: 7px;
text-align: left;
z-index: 2;
background-color: #1F2E35;
padding-left: 5px;
width: 905px;
}
#bannerright
{
color: #FFCC00;
position: absolute;
top: 0;
right: 10px;
z-index: 3;
background-color: #1F2E35;
}
#corps
{
background-color: #1B282E;
width: 900px;
margin: 0 auto;
padding: 15px 5px 0 5px;
}
#corps:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#corps h2
{
position: relative;
top: 18px;
font-size: 11px;
text-align: left;
font-weight: bold;
color: #FFCC00;
background: transparent url(images/new.gif) no-repeat left center;
padding-left: 25px;
margin-left: 10px;
}
#corps a.link
{
display: block;
height: 16px;
background: transparent url(images/link.gif) no-repeat right center;
padding-right: 16px;
font-size: 11px;
text-align: left;
float: left;
}
#corps a.link span
{
display: block;
height: 16px;
background-color: #0099CB;
color: #FFFFFF;
padding: 0 10px;
float: left;
}
#corps a.link:hover ,#corps a.link:visited:hover ,#corps a.link:hover span ,#corps a.link:visited:hover span
{
text-decoration: none !important;
color: #000000;
}
.block
{
margin-bottom: 10px;
}
#dernierminute .header
{
color: #FFFFFF;
background: #213239 url(images/block_header.gif) no-repeat right;
height: 14px;
padding: 2px 80px 0 10px;
text-align: left;
float: left;
}
#dernierminute .corps
{
background-color: #213239;
clear: both;
font-size: 120%;
padding: 15px 0;
}
#dernierminute
{
width: 425px;
float: left;
clear: left;
}
#dernierminute span
{
padding-left: 30px;
text-align: left;
display: block;
margin: 5px 0;
}
#dernierminute a
{
color: #00FFFF;
}
#connexion .header
{
color: #FFFFFF;
background: #213239 url(images/block_header.gif) no-repeat right;
height: 14px;
padding: 2px 80px 0 10px;
text-align: left;
float: left;
}
#connexion .corps
{
background-color: #213239;
clear: both;
padding: 15px 0;
}
#count .header
{
color: #FFFFFF;
background: #213239 url(images/block_header.gif) no-repeat right;
height: 14px;
padding: 2px 80px 0 10px;
text-align: left;
float: left;
}
#count .corps
{
background-color: #213239;
clear: both;
color: #FFFFFF;
font-size: 150%;
font-weight: bolder;
padding: 15px 0;
}
#connexion, #news, #count
{
width: 425px;
float: left;
clear: left;
}
#connexion span
{
padding-left: 30px;
text-align: left;
display: block;
margin: 5px 0;
}
#connexion a
{
padding-left: 20px;
color: #00FFFF;
}
#connexion #cookie
{
margin: 0 5px;
}
#connexion label
{
color: #FFFFFF;
}
#news .bottom, #page .bottom
{
background: transparent url(images/block_bg.gif) repeat-x top;
height: 16px;
padding: 0;
margin: 0;
width: 425px;
}
#news .bottom a, #page .bottom a
{
float: left;
display: block;
height: 16px;
background: #334B55 url(images/block_footer3.gif) no-repeat right center;
text-align: left;
padding: 0 21px 0 5px;
color: #01CAFF;
}
#news .bottom span, #page .bottom span
{
float: right;
display: block;
height: 16px;
background: #334B55 url(images/block_footer4.gif) no-repeat left center;
text-align: right;
padding: 0 5px 0 21px;
font-size: 11px;
font-weight: lighter;
}
#news .bottom span a, #page .bottom span a
{
float: none;
display: inline;
background: transparent;
padding: 0;
font-weight: normal;
color: #588396;
}
#news h3, #page h3
{
width: 425px;
height: 18px;
background: transparent url(images/date_bg.gif) repeat-x bottom;
margin: 5px 0;
}
#news h3 span, #page h3 span
{
background: #334B57 url(images/date.gif) no-repeat left center;
display: block;
height: 16px;
padding: 2px 4px 0 20px;
font-size: 10px;
color: #01CBFB;
text-align: right;
float: right;
}
#news div
{
position: relative;
background-color: #1F2E35;
padding: 15px 10px;
margin: 2px 0;
text-align: left;
width: 405px;
}
#news div:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#news img
{
float: left;
border: #868B8E 1px solid;
margin-top: 10px;
}
#news p
{
float: right;
color: #989896;
width: 340px;
font-size: 11px;
}
#news strong
{
font-weight: bold;
color: #9ACB00;
}
#news ins
{
color: #01CBCB;
}
#news cite
{
display: block;
color: #FFFFFF;
text-align: justify;
font-style: normal;
font-size: 10px;
margin: 5px 0;
}
#news a.plus ,#annonce a.plus
{
position: absolute;
bottom: 4px;
right: 12px;
color: #FCCB02;
font-weight: lighter;
}
#news a.com, #annonce a.com
{
color: #00CDFF;
background: transparent url(images/com.gif) no-repeat left center;
padding-left: 18px;
font-weight: normal;
}
#blog
{
position: relative;
float: right;
clear: right;
margin-top: 16px;
background: #1F2E35 url(images/inscription.png) no-repeat 20px center;
width: 340px;
padding: 15px 0 30px 130px;
text-align: justify;
height: 1%;
}
#inscription
{
position: relative;
float: right;
clear: right;
margin-top: 16px;
background: #1F2E35 url(images/inscription.png) no-repeat 20px center;
width: 340px;
padding: 15px 0 30px 130px;
text-align: justify;
height: 1%;
}
#inscription span
{
font-weight: bold;
color: #00CCFE;
font-size: 11px;
padding: 0 8px;
}
#inscription span a
{
text-decoration: underline;
color: #FFFFFF;
padding-right: 6px;
}
#inscription p
{
color: #668CA3;
margin: 8px 0;
padding: 0 8px;
}
#inscription strong
{
color: #507484;
font-size: 11px;
}
#inscription em
{
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
}
#inscription a.more
{
position: absolute;
bottom: 0px;
right: 0px;
display: block;
height: 16px;
background: #334B55 url(images/connexion_plus.gif) no-repeat left center;
padding: 0 20px 0 36px;
color: #96CB01;
}
#inscription a.link
{
float: left;
margin-left: 8px;
}
#annonce
{
float: right;
clear: right;
width: 470px;
background-color: #1F2E35;
text-align: left;
}
#annonce div
{
position: relative;
padding: 9px;
width: 452px;
height: 174px;
background: #334B55 url(images/annonce_bg.gif) no-repeat center center;
}
#annonce div a.link
{
position: absolute;
top: 145px;
left: 300px;
}
#annonce p
{
position: relative;
height: 1%;
}
#annonce p strong
{
position: absolute;
top: 0px;
left: 0px;
display: block;
height: 16px;
background: #334B55 url(images/annonce_titre.gif) no-repeat right center;
padding: 0 36px 0 20px;
float: left;
}
#annonce p strong span
{
display: block;
height: 16px;
background: transparent url(images/fleche.gif) no-repeat left center;
color: #96CB01;
padding-left: 20px;
float: left;
}
#annonce p cite
{
display: block;
color: #FFFFFF;
text-align: justify;
font-style: normal;
padding: 25px 15px 15px 15px;
}
#annonce p a.com
{
position: relative;
bottom: 8px;
left: 18px;
}
.annonceleft
{
font-weight: bold;
color: #999999;
float: left;
position: absolute;
}
#statistiques
{
float: right;
clear: right;
width: 470px;
}
#statistiques .header
{
color: #FFFFFF;
background: #213239 url(images/block_header2.gif) no-repeat right;
height: 14px;
padding: 2px 118px 0 10px;
text-align: left;
float: left;
}
#statistiques .corps
{
background-color: #213239;
clear: both;
text-align: left;
}
#statistiques .corpsi
{
background-color: #213239;
clear: both;
font-size: 120%;
padding: 15px 0;
text-align: center;
}
#connexion span
{
padding-left: 30px;
text-align: left;
display: block;
margin: 5px 0;
}
#statistiques .corps img
{
margin: 10px 0 10px 20px;
}
#statistiques .footer
{
background: #213239 url(images/block_footer.gif) no-repeat left;
height: 14px;
padding: 0 16px 2px 36px;
text-align: right;
float: right;
}
#statistiques .footer a
{
color: #00CCFE;
}
#container
{
float: right;
clear: right;
width: 470px;
}
#sondage
{
float: left;
width: 235px;
}
#sondage .header, #dossier .header
{
height: 17px;
background: transparent url(images/block_bg.gif) repeat-x bottom;
}
#sondage .header span, #dossier .header span
{
display: block;
height: 17px;
background: #334B55 url(images/block_header3.gif) no-repeat left center;
padding: 0 5px 0 22px;
text-align: right;
float: right;
color: #00CBFD;
}
#sondage h2, #dossier h2
{
top: 12px;
margin-left: 5px;
}
#sondage .corps
{
clear: both;
text-align: center;
}
#sondage input.radio
{
margin-right: 20px;
}
#sondage label
{
display: block;
margin: 3px 0 3px 30px;;
color: #FFFFFF;
text-align: left;
}
#sondage input.submit
{
margin: 8px 0 0 30px;
}
#dossier
{
float: right;
width: 220px;
}
#dossier .corps
{
background-color: #1F2E35;
clear: both;
width: 220px;
}
#dossier .corps:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#dossier .corps img
{
float: left;
margin-left: 10px;
margin-top: 25px;
border: #FFFFFF 1px solid;
}
#dossier .corps p
{
float: right;
width: 150px;
text-align: left;
margin: 10px 0;
}
#dossier .corps strong
{
display: block;
color: #02CCFE;
font-size: 11px;
font-weight: normal;
}
#dossier .corps cite
{
display: block;
color: #FFFFFF;
font-style: normal;
}
#dossier .footer
{
background: #1F2E35 url(images/block_footer2.gif) no-repeat left;
height: 14px;
padding: 0 16px 2px 36px;
text-align: right;
float: right;
}
#dossier .footer a
{
color: #00CBFF;
}
#page
{
width: 850px;
margin: 0 auto;
}
#page .header h3
{
width: 850px;
}
#page .corps
{
background-color: #213239;
font-size: 11px;
}
#page h4
{
padding: 5px 10px;
font-weight: normal;
font-size: 11px;
color: #989896;
}
#page h4 img
{
float: left;
border: #868B8E 1px solid;
}
#page h4 span
{
float: left;
margin: 5px 0 0 10px;
}
#page p
{
clear: both;
padding: 10px 30px 10px 70px;
color: #FFFFFF;
text-align: justify;
}
#page h4 span strong
{
font-weight: bold;
color: #9ACB00;
}
#page h4 span ins
{
color: #01CBCB;
}
#page .bottom
{
margin-top: 2px;
width: 850px;
}
#page .bottom a, #page .bottom span a
{
color: #01CAFF;
}
#commentaires
{
margin: 15px auto;
width: 850px;
}
#commentaires:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#commentaires .header
{
height: 17px;
background: transparent url(images/block_bg.gif) repeat-x bottom;
width: 850px;
margin-top: 5px;
}
#commentaires .header span
{
display: block;
height: 17px;
background: #334B55 url(images/block_header3.gif) no-repeat left center;
padding: 0 5px 0 22px;
float: right;
width: 30px;
}
#commentaires p
{
width: 600px;
background-color: #1F2E35;
margin: 5px 0;
font-size: 11px;
text-align: justify;
padding: 5px 15px;
color: #989896;
border-bottom: #334B55 dotted 1px;
border-right: #334B55 dotted 1px;
}
#commentaires .com1
{
float: left;
}
#commentaires .com2
{
float: right;
}
#commentaires p a
{
font-style: italic;
text-decoration: underline;
margin-left: 10px;
color: #01CBCB;
font-weight: normal;
}
#commentaires p cite
{
display: block;
color: #FFFFFF;
font-style: normal;
}
#commentaires p cite a
{
margin: 0;
color: #FFFFFF;
}
#commenter
{
width: 700px;
margin: 15px auto;
background-color: #1F2E35;
}
#commenter legend
{
position: relative;
bottom: 8px;
}
#commenter span
{
float: left;
margin: 40px 0 0 50px;
}
#commenter span img
{
margin: 3px;
cursor: pointer;
}
#commenter textarea
{
float: left;
margin-left: 20px;
}
#commenter .submit
{
clear: both;
z-index: 10;
}
#footer
{
width: 894px;
background: #141D22 url(images/footer.gif) no-repeat bottom center;
padding: 8px;
margin: 0 auto;
}
.error
{
width: 500px;
margin: 30px auto;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
padding: 8px;
border: #141D22 solid 1px;
background-color: #213239;
}