game/htdocs/templates/covenants.css

953 lines
12 KiB
CSS

*
{
margin: 0;
padding: 0;
border: 0;
}
a, a:visited, a:active, a:visited
{
text-decoration: none;
font-weight: bold;
color: #567E92;
outline: none;
}
a:hover,a:visited:hover
{
text-decoration: underline;
}
body
{
background: #000000 url(images/background2.jpg) fixed repeat-x 0 center;
text-align: center;
font-family: Arial;
color: #6993A7;
padding: 30px 0;
font-size: 10px;
}
h1, h2, h3, h4
{
font-weight: normal;
font-size: 10px;
}
input.text, input.dest
{
color: #2D005F;
width: 120px;
height: 16px;
background-color: #D4CFE6;
border: #BDA9FF solid 1px;
margin: 2px 4px;
}
input.dest
{
width: 20px;
}
input.text:focus, input.dest:focus
{
background-color: #FFFFFF;
}
input.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 4px;
}
input.submit:hover
{
color: #000000;
}
input.submit[disabled], input.text[disabled]
{
color: #999999 !important;
}
input.button
{
background-color: transparent;
color: #00CCFF;
font-size: 12px;
font-weight: bold;
margin: 2px;
cursor: pointer;
}
input.button:hover
{
color: #FFFFFF;
}
textarea
{
color: #2D005F;
width: 390px;
height: 160px;
background-color: #D4CFE6;
border: #BDA9FF solid 1px;
margin: 10px 4px;
}
textarea:focus
{
background-color: #FFFFFF;
}
select
{
color: #2D005F;
background-color: #D4CFE6;
border: #BDA9FF solid 1px;
margin: 2px 4px;
width: 140px;
}
table select
{
width: auto;
}
#all
{
background-color: #3C3449;
width: 910px;
margin: 0 auto;
}
#cornertop, #cornerbt
{
margin: 0 auto;
font-size: 0;
width: 910px;
height: 8px;
}
#cornertop
{
background: transparent url(images/cornertop2.gif) no-repeat bottom;
}
#cornerbt
{
background: transparent url(images/cornerbt2.gif) no-repeat top;
}
#header #header_link
{
float: left;
padding: 2px;
margin-left: 8px;
}
#header h1 a
{
display: block;
width: 908px;
height: 82px;
margin: 0 auto;
clear: both;
position: relative;
font-weight: bold;
font-size: 16px;
}
#header h1 a span
{
display: block;
background: transparent url(images/header2.jpg) no-repeat 0 0;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
#header #date
{
color: #99CC00;
}
#header a#rss
{
color: #00CCFF;
float: right;
height: 14px;
background: transparent url(images/rss.gif) no-repeat left center;
padding-left: 16px;
margin-right: 8px;
}
#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_bt2.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: #272431 url(images/button2.gif) no-repeat 0 0;
font-family: "Trebuchet MS";
font-weight: lighter;
}
#header #buttons a:hover
{
background: #66597C url(images/button2.gif) no-repeat 0 100%;
text-decoration: none;
}
#header #recherche
{
float: right;
display: block;
text-align: left;
margin: 0 10px 8px 10px;
}
#header #recherche a
{
display: block;
color: #99CC00;
margin-left: 4px;
padding-left: 9px;
background: transparent url(images/recherche.gif) no-repeat left center;
}
#header:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#banner
{
position: relative;
font-size: 11px;
margin-bottom: 4px;
height: 14px;
clear: both;
}
.bannerleft
{
font-weight: bold;
color: #999999;
position: absolute;
top: 0;
left: 0;
text-align: left;
z-index: 2;
background-color: #2E293D;
padding-left: 5px;
width: 905px;
}
#bannerright
{
color: #FFCC00;
position: absolute;
top: 0;
right: 5px;
z-index: 3;
background-color: #2E293D;
}
#menu
{
float: left;
background: #575169 url(images/menu2.gif) repeat-y top right;
margin: 4px 2px;
width: 214px;
text-align: left;
}
#menu .menu_head
{
background: #3C3449 url(images/menu_head2.gif) no-repeat bottom left;
width: 214px;
height: 18px;
}
#menu .menu_bt
{
background: #3C3449 url(images/menu_bt2.gif) no-repeat top left;
width: 214px;
height: 9px;
}
#menu a
{
text-align: left;
padding-left: 6px;
font-weight: normal;
display: block;
width: 198px;
height: 19px;
padding-top: 4px;
margin: 1px;
background-color: #2E293D;
color: #FFFFFF;
font-size: 11px;
border-left: #2E293D solid 1px;
border-right: #2E293D solid 1px;
}
#menu a.hightlight
{
font-weight: bold;
background: #676371 url(images/menu_lien2.gif) repeat-x bottom;
}
#menu a:hover
{
color: #FFFFFF;
background: #676371 url(images/menu_lien2.gif) repeat-x bottom;
text-decoration: none;
}
#menu .space
{
height: 20px;
}
#corps_top
{
float: right;
clear: right;
width: 680px;
margin: 12px 5px 12px 0;
background: #2E293D url(images/corps2.gif) repeat-y center;
color: #6993A7;
font-size: 11px;
}
#all .border_top
{
width: 680px;
height: 9px;
background: #2E293D url(images/corpstop2.gif) no-repeat center top;
font-size: 1px;
line-height: 1px;
}
#all .border_bt
{
width: 680px;
height: 9px;
background: #2E293D url(images/corpsbt2.gif) no-repeat center bottom;
font-size: 1px;
line-height: 1px;
}
#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/ressource2.gif) no-repeat bottom;
color: #00CCFF;
}
#corps_top .ressource .lack
{
color: #FF0000 !important;
font-weight: bold !important;
text-decoration: blink;
}
#corps_top .border_top, #corps_top .border_bt
{
margin: 0;
float: none;
clear: both;
}
#corps_top div span
{
color: #CCCC00;
}
#corps_top .ressource span
{
color: #FFFFFF;
font-weight: bold;
}
#corps
{
float: right;
clear: right;
margin: 5px 5px 5px 0;
width: 680px;
background: #2E293D url(images/corps2.gif) repeat-y center;
font-size: 11px;
}
#corps .hightlight
{
color: #CCCC00;
font-weight: normal;
}
#corps .lack
{
color: #FF0000 !important;
font-weight: bold !important;
}
#corps h2
{
background: transparent url(images/barre2.gif) no-repeat center;
width: 670px;
height: 20px;
padding-top: 3px;
color: #FFFFFF;
font-weight: bold;
margin: 8px 4px;
font-size: 11px;
}
#corps h3, #corps h4
{
margin: 8px 0px;
height: 20px;
padding-top: 3px;
width: 670px;
margin: 4px;
font-size: 11px;
}
#corps h3
{
background-color: #575169;
color: #6993A7;
}
#corps h3 a
{
color: #00CCFF;
}
#corps h3 span
{
color: #CCCC00;
}
#corps h4
{
background-color: #3A354A;
}
#corps h4:hover
{
background-color: #575169;
color: #FFFFFF;
}
#corps .file
{
text-align: left;
padding-left: 50px;
width: 400px;
border: #524A69 solid 1px;
margin: 20px auto;
height: 80px;
overflow: auto;
}
#corps>.file
{
overflow: hidden;
}
#corps>.file:hover
{
background-color: #2B2639;
overflow: auto;
}
#corps .file span
{
display: block;
margin-top: 10px;
}
#corps .file a
{
color: #FFCC00;
}
#corps .file em, #corps table.construction em
{
display: inline;
padding: 0;
color: #6993A7;
font-weight: normal;
}
#corps em
{
text-align: left;
padding-left: 12px;
display: block;
font-style: normal;
}
#corps .border_top, #corps .border_bt
{
margin: 0;
padding: 0;
height: 9px;
width: 680px;
}
#corps table
{
margin: 30px auto;
padding: 0 20px;
border-collapse: separate;
empty-cells: show;
border-spacing: 2px;
}
#corps table thead
{
font-weight: bold;
font-size: 11px;
color: #00CCFF;
}
#corps table tbody tr:hover
{
background-color: #3A354A;
}
#corps table td
{
border: #524A69 solid 1px;
padding: 4px 6px;
}
#corps table th
{
color: #CCCC00;
font-weight: normal;
border: #524A69 solid 1px;
padding: 4px 6px;
}
#corps table.construction
{
border-spacing: 4px;
text-align: left;
}
#corps table.construction td
{
padding: 0;
}
#corps table.construction tr:hover
{
background: none;
}
#corps table.construction td div
{
padding: 0 30px;
width: 350px;
}
#corps table.construction td div a
{
color: #FFCC00;
font-size: 12px;
margin: 0 20px;
}
#corps table.construction td a.bulle
{
position: relative;
}
#corps table.construction td a.bulle span
{
display: none;
}
#corps table.construction td a.bulle:hover
{
text-decoration: none;
background: none;
cursor: help;
}
#corps table.construction td a.bulle:hover span
{
bottom: 100px;
left:90px;
width: 300px;
position: absolute;
display: inline;
z-index: 100;
background: #000000;
color: #FFFFFF;
padding: 12px;
filter: alpha(opacity=70);
-moz-opacity: 0.70;
opacity: 0.70;
}
#corps table input.text
{
width: 50px;
}
#corps fieldset.systeme
{
width: 170px;
margin: 0 auto;
text-align: right;
}
#corps fieldset.options
{
width: 400px;
margin: 40px auto;
text-align: right;
}
#corps fieldset.systeme label, #corps fieldset.options label
{
float: left;
clear: left;
margin: 4px 0 3px 0;
font-size: 12px;
font-style: italic;
color: #00CCFF;
}
#corps fieldset.systeme label:hover, #corps fieldset.options label:hover
{
text-decoration: underline;
}
#corps fieldset.options div
{
font-weight: bold;
font-style: italic;
text-align: center;
}
#corps fieldset.systeme .text, #corps fieldset.corps .text
{
float: right;
clear: right;
margin-bottom: 6px;
}
#corps fieldset.systeme .text
{
width: 50px;
}
#corps fieldset.options .text
{
width: 200px;
}
#corps fieldset.systeme div
{
clear: both;
z-index: 2;
}
#corps fieldset.systeme a
{
font-size: 14px;
color: #00CCFF;
margin: 0 15px;
}
#corps fieldset.options .submit
{
position: relative;
top: 0;
right: 152px;
}
#corps fieldset.systeme a:hover, #corps fieldset.systeme a:visited:hover
{
text-decoration: none;
color: #FFFFFF;
}
#corps table.systeme td , #corps table.systeme th
{
padding: 3px 10px;
}
#corps .techno
{
position: relative;
text-align: left;
height: 800px;
padding: 10px;
margin: 20px 0;
}
#corps .techno div
{
display: block;
height: 20px;
width: 110px;
padding: 2px 10px;
border-left: #83D7FF dotted 1px;
border-bottom: #83D7FF dotted 1px;
margin: 20px 0;
}
#corps .techno a
{
text-decoration: none;
color: #83D7FF;
}
#corps .techno div:hover
{
border-color: #FFCC00;
}
#corps .techno div:hover a
{
color: #FFCC00;
}
#corps .techno div.hightlight
{
padding: 2px 0px 2px 20px;
border-color: #FFCC00;
}
#corps .techno div.hightlight a
{
color: #FFCC00;
}
#corps .techno table a
{
color: #FFCC00;
}
#corps .techno table a:hover
{
text-decoration: underline;
}
#corps .techno div div
{
display: none;
}
#corps .techno div:hover div, #corps .techno div.hightlight div
{
display: block;
position: absolute;
top: 0;
left: 140px;
width: 520px;
height: 800px;
z-index: 100;
margin: 0;
border: 0;
padding: 4px;
background-color: #2E293D;
cursor: default;
}
#corps .techno table
{
width: 520px;
text-align: center;
font-weight: normal;
color: #FFFFFF;
margin: 0;
}
#corps .techno div.hightlight div
{
z-index: 99;
}
#corps .techno td
{
padding: 4px 6px;
}
#corps dl
{
margin: 20px auto;
}
#corps dt
{
background: #60557F url(images/dt2.gif) no-repeat center top;
font-weight: bold;
color: #28223A;
width: 380px;
height: 18px;
padding-top: 2px;
margin: 0 auto;
text-align: left;
padding-left: 220px;
}
#corps dd
{
margin: 2px auto;
background: #3A344C url(images/dd2.gif) no-repeat center bottom;
width: 570px;
padding: 15px;
color: #C3BADC;
}
#corps dl .checkbox
{
margin: 0 5px;
}
#corps dl .button2
{
position: relative;
top: 4px;
right: 210px;
width: 11px;
height: 11px;
background: transparent url(images/plus2.gif) no-repeat 0 100%;
}
#corps fieldset strong
{
font-weight: normal;
font-size: 13px;
color: #FFCC00;
}
#all .error
{
width: 500px;
margin: 30px auto;
color: #83D7FF;
font-size: 14px;
font-weight: bold;
padding: 8px;
border: #524A69 solid 1px;
background-color: #3A354A;
}
a.msg
{
display: block;
margin: 0 auto;
width: 16px;
height: 15px;
background-image: url(images/msg2.gif);
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
}
a.msg:hover
{
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
a.msg span
{
display: none;
}
#gestion
{
margin: 10px auto;
width: 660px;
overflow: auto;
}
#gestion table
{
margin: 10px 0;
padding: 0;
border-collapse: separate;
empty-cells: hide;
border-spacing: 2px;
}
#gestion table td, #gestion table th
{
padding: 2px;
}
#pub
{
float: right;
clear: right;
position: relative;
margin-right: 106px;
}
#footer
{
width: 894px;
clear: both;
background-color: #2E293D;
padding: 8px;
}