diff --git a/htdocs/css/covenant/covenant.css b/htdocs/css/covenant/covenant.css index 17ca5ba..0c147fb 100644 --- a/htdocs/css/covenant/covenant.css +++ b/htdocs/css/covenant/covenant.css @@ -1 +1,964 @@ -*{margin:0;padding:0;border:0;outline:0;}html{scrollbar-3dlight-color:#ae9fd7;scrollbar-arrow-color:#665b87;scrollbar-base-color:#2d2a35;scrollbar-darkshadow-color:#2e2d33;scrollbar-face-color:#1f1c27;scrollbar-highlight-color:#0a0811;scrollbar-shadow-color:#2d2a35;}body{background:#000 url(img/background.jpg) fixed repeat-x 0 center;font-family:arial;color:#96aeba;padding:30px 0;font-size:11px;}h1{font-size:20px;}h2,h3,h4,h5,h6{font-size:11px;font-weight:normal;}h2{background:transparent url(img/barre.png) no-repeat center;width:670px;height:20px;padding-top:3px;color:#fff;font-weight:bold;margin:8px 4px;}h3,h4{margin:8px 0;height:20px;padding-top:3px;width:670px;margin:4px;}h3{background-color:#575169;color:#6993a7;}h3 a{color:#0cf;}h3 span{color:#cc0;}h4{background-color:#3a354a;}h4:hover{background-color:#575169;color:#fff;}a{text-decoration:underline;font-weight:bold;color:#96aeba;}a:hover{text-decoration:none;}a *{cursor:pointer;}a.imglink img{filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9;}a.imglink:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}p{font-family:Tahoma,arial;font-size:12px;line-height:16px;word-spacing:1px;text-align:justify;color:#fff;}p a{color:#fff;}form strong{font-size:13px;color:#fc0;}label{text-align:right;color:#fff;font-size:12px;}input,select,textarea{font-size:13px;}input.text{color:#2d005f;width:120px;background-color:#d4cfe6;border:#bda9ff solid 1px;margin:2px 4px;padding:1px;}input.text:focus{background-color:#fff;}input.submit{width:50px;height:15px;color:#fff;font-family:"verdana";font-weight:bold;font-size:10px;text-decoration:none;background:transparent url(img/ok.gif);cursor:pointer;margin:2px 4px;}input.submit:hover{color:#000;}input.button,button,a.button{background-color:transparent;color:#0cf;font-weight:bold;margin:2px;cursor:pointer;text-decoration:none;}input.button:hover,button:hover,a.button:hover{color:#fff;}textarea{color:#2d005f;width:390px;height:160px;background-color:#d4cfe6;border:#bda9ff solid 1px;margin:10px 4px;padding:1.5px;overflow:auto;}textarea:focus{background-color:#fff;}select{color:#2d005f;background-color:#d4cfe6;border:#bda9ff solid 1px;margin:2px 4px;width:140px;}table select{width:auto;}table{margin:30px auto;padding:0 20px;border-collapse:separate;empty-cells:show;border-spacing:2px;}table tbody tr:hover{background-color:#3a354a;}table td,table th{border:#524a69 solid 1px;padding:4px 6px;}table th,table .hilight{color:#cc0;}table thead{font-weight:bold;font-size:11px;color:#0cf;}code{display:block;padding:2px;margin:5px auto;border:1px #262a21 solid;color:#fff;width:650px;}.form{width:650px;margin:10px auto;}.form label{display:block;margin:10px 0;text-align:right;margin-right:200px;}.form br{display:none;}.form label input.text{width:150px;}#all{background-color:#3c3449;width:910px;margin:0 auto;}#top,#bottom{margin:0 auto;font-size:0;width:910px;height:8px;}#top{background:transparent url(img/edges.png) no-repeat 0 0;}#bottom{background:transparent url(img/edges.png) no-repeat -910px 0;}#header{margin-bottom:5px;}#header div a{font-weight:normal;}#header div{float:left;padding:2px;margin-left:8px;}#header #date{display:inline;color:#9C0;}#header #rss{float:right;height:14px;color:#0CF;padding-left:16px;margin-right:12px;background:transparent url(img/rss.gif) no-repeat center left;}#header h1 a{display:block;width:908px;height:82px;margin:0 auto;clear:both;position:relative;font-weight:bold;text-align:center;}#header h1 a span{display:block;background:transparent url(img/header.jpg) no-repeat 0 0;position:absolute;top:0;left:0;width:100%;height:100%;}#header ul{margin:5px 0 0 10px;text-align:center;list-style-type:none;}#header li{float:left;width:89px;height:32px;background:transparent url(img/button.png) no-repeat 0 -56px;margin-right:15px;text-align:left;}#header li a{display:block;width:85px;height:20px;text-align:center;padding-top:8px;color:#fff;background:#272431 url(img/button.png) no-repeat 0 0;font-family:"Trebuchet MS";font-weight:lighter;text-decoration:none;font-size:10px;}#header li a:hover{background-color:#66597c;background-position:0 -28px;}#header:after,#constructions dl:after,.techno dl:after,.onglets:after,.bourse:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#banner{position:relative;font-size:11px;margin-bottom:4px;height:15px;clear:both;}.bannerleft{font-weight:bold;color:#999;position:absolute;top:0;left:0;text-align:left;z-index:2;background-color:#2e293d;padding-left:5px;width:905px;height:15px;}#bannerright{color:#fc0;position:absolute;top:0;right:5px;z-index:3;background-color:#2e293d;}#footer{width:894px;clear:both;background-color:#2e293d;padding:8px;text-align:center;font-size:10px;}#menu{float:left;background:#575169 url(img/menu.png) repeat-y 210px 0;width:214px;margin:4px 2px;}#menu .top{display:block;background:#3c3449 url(img/menu.png) no-repeat -4px 0;width:214px;height:18px;}#menu .bottom{display:block;background:#3c3449 url(img/menu.png) no-repeat -218px 0;width:214px;height:9px;}#menu ul{list-style:none;margin-bottom:20px;}#menu li{margin:1px 5px 1px 1px;position:relative;}#menu a{padding-left:6px;font-weight:normal;display:block;height:19px;padding-top:4px;margin:1px;background-color:#2e293d;color:#fff;text-decoration:none;border-left:1px #2e293d solid;border-right:1px #2e293d solid;}#menu a.hilight,#menu a:hover{background:#676371 url(img/menu.gif) repeat-x bottom;}#menu a.hilight{font-weight:bold;}#menu li ul{display:none;}#menu li:hover{z-index:100;}#menu li:hover ul{display:block;position:absolute;top:-10px;left:200px;width:100%;}#menu li ul a{height:auto;padding-bottom:5px;background-color:#524a69;padding-left:15px;padding-right:15px;}#head .top,#body .top,#head .bottom,#body .bottom{display:block;width:680px;height:9px;background:#2e293d url(img/corps.png) no-repeat 0 0;font-size:1px;line-height:1px;}#head .bottom,#body .bottom{background-position:-680px 0;clear:both;}#head,#body{background:#2e293d url(img/corps.png) repeat-y -1360px 0;float:right;clear:right;width:680px;margin:12px 5px 12px 0;}#body{text-align:center;}#head form{float:left;margin-left:10px;}#head a{margin-left:10px;float:left;}#head p{color:#96aeba;margin:5px 0;text-align:center;float:left;}#head p span{color:#CC0;}#head fieldset{float:left;clear:left;}#head fieldset fieldset{float:none;}#head div{float:right;}#head div div{float:left;width:96px;height:50px;padding-top:25px;margin-right:6px;background:transparent url(img/ressource.png) no-repeat bottom;color:#0cf;text-align:center;}#head div .lack{color:#f00;font-weight:bold;text-decoration:blink;}#head div strong{color:#fff;font-weight:bold;}.onglets{list-style:none;margin:5px auto;width:600px;}.onglets li{display:-moz-inline-stack;display:inline-block;padding-left:14px;background:transparent url(img/onglet.png) no-repeat 0 0;height:20px;margin:5px 2px;}.onglets a{display:-moz-inline-stack;display:inline-block;height:17px;padding:2px 10px 0 0;text-decoration:none;font-weight:bold;border-top:1px #423c56 solid;}* html .onglets li{display:inline;zoom:1;}*+html .onglets li{display:inline;zoom:1;}.onglets li:hover, .onglets li.hilight{background-position:0 -20px;}.onglets li:hover a, .onglets li.hilight a{background:transparent url(img/onglet.png) repeat-x 0 -40px;border:0;padding-top:3px;color:#fff;}.onglets a:hover{color:#fff;}a.msg{text-indent:-10000px;display:block;margin:0 auto;width:16px;height:15px;background-image:url(img/msg.gif);filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;}a.msg:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}#pub{float:right;clear:right;position:relative;margin-right:106px;}#message{width:450px;margin:30px auto;font-size:14px;font-weight:bold;color:#cc0;border:1px #cc0 dotted;border-bottom-style:solid;border-right-style:solid;padding:10px;}#erreur{width:450px;margin:30px auto;font-size:14px;font-weight:bold;color:#f00;border:1px #f00 dotted;border-bottom-style:solid;border-right-style:solid;padding:10px;}#arbre{margin:10px auto;width:650px;}#arbre dl{clear:both;}#arbre dt{position:relative;float:left;}#arbre dt a{display:block;width:90px;border:1px dotted #8e83b3;margin:2px;padding:5px;color:#8e83b3;text-decoration:none;}#arbre dt a:hover{border-style:solid;}#arbre dt.lack a,#arbre dt div span.lack{font-weight:bold;color:#f00;}#arbre dd{float:left;}#arbre dt div{display:none;}#arbre dt:hover{z-index:10;background:none;}#arbre dt:hover div{display:block;position:absolute;bottom:15px;left:90px;background-color:#393447;padding:5px 10px;width:200px;border:1px solid #66597c;filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;}#arbre dt div img{float:left;width:50px;height:50px;}#arbre dt div p{float:right;width:140px;text-align:left;}#arbre dt div strong{color:#fc0;}#file{display:block;width:540px;height:80px;overflow:auto;padding:5px 0;border:#524a69 solid 1px;margin:10px auto;list-style:none;}#file:hover{background-color:#2b2639;}#file li{text-align:center;margin-bottom:3px;}#file a{color:#9478ec;text-decoration:none;}#file a:hover{color:#baa5ff;}#constructions dl{width:520px;padding:5px 10px;margin:5px auto;border:#524a69 solid 1px;}#constructions dt{text-align:left;margin-left:25px;font-size:14px;font-weight:bold;color:#fc0;margin-bottom:5px;}#constructions dd.description{position:relative;width:100px;height:100px;float:left;border:0;padding:0;}#constructions dd.descriptions a{float:none;margin:0;}#constructions dd.description a img{width:100px;height:100px;cursor:help;}#constructions dd.description p{display:none;}#constructions dd.description:hover p{display:block;position:absolute;left:100px;bottom:70px;width:300px;padding:10px 15px;background-color:#000;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;cursor:help;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;}#constructions dd{float:right;border-left:#524a69 dashed 1px;width:310px;padding:10px 50px 0 20px;text-align:left;min-height:100px;font-weight:bold;}#constructions dd a,#constructions dd strong.lack{float:left;margin:5px 10px 0 10px;color:#9478ec;font-size:12px;text-decoration:none;}#constructions dd em{color:#fff;font-weight:normal;font-style:normal;}#constructions dd a:hover{color:#baa5ff;}#constructions dd strong.lack,#constructions dd em.lack{font-weight:bold;color:#f00;}#constructions dd fieldset{margin:10px 0 0 10px;}#constructions dd input.text{width:50px;}.bourse{width:600px;border:#524a69 solid 1px;margin:20px auto;text-align:left;}.bourse dt{float:left;width:300px;border-right:1px solid #524a69;}.bourse dt strong{color:#fc0;font-size:14px;position:relative;bottom:9px;left:30px;background-color:#2e293d;padding:0 3px;}.bourse dt img{margin:0 0 5px 8px;}.bourse dd{float:right;width:290px;padding-top:30px;}.bourse dd label{display:block;text-align:left;padding:10px 0 15px 0;font-size:13px;clear:left;}.bourse dd input.submit{margin-top:5px;float:left;}.bourse dd input.text{width:80px;margin-left:110px;float:left;}.bourse dd div{font-size:12px;text-align:center;margin-bottom:20px;}#carte tr.humain{color:#77af6d;}#carte tr.covenant{color:#996daf;}#navigation{width:600px;margin:10px auto;}#navigation label{margin:5px 0;display:block;text-align:right;margin-right:250px;}#navigation input.text{width:50px;text-align:center;}#navigation input.submit{margin:10px 0 20px 34px;}#navigation a{margin-left:20px;}#description{width:600px;margin:30px auto;}#description dt{width:580px;height:18px;padding-top:2px;padding-left:20px;color:#fff;background:transparent url(img/description.png) top center;text-align:left;font-weight:bold;}#description dd{border-right:1px #575169 solid;border-left:3px #575169 solid;border-bottom:3px #575169 solid;text-align:center;width:556px;padding:20px;}#description div{clear:both;color:#fff;padding:3px;border:1px #575169 dotted;width:300px;margin:2px auto;text-align:left;padding-left:100px;}#description div:hover{border-style:solid;}#description h5{font-weight:bold;display:inline;color:#fc0;padding-right:5px;}#description p{margin:10px auto 10px auto;}#description img{float:left;margin:0 10px 10px 0;}#envoyer{margin:10px auto;width:600px;}#envoyer label{display:block;text-align:right;margin-right:150px;}#envoyer label input,#envoyer label select{width:200px;margin-left:20px;}#gestion{margin:10px auto;width:660px;overflow:auto;}#gestion table{margin:10px 0;padding:0;empty-cells:hide;}#gestion table td,#gestion table th{padding:2px;}#messagerie dl{width:600px;margin:20px auto;}#messagerie dt{position:relative;background:#60557f url(img/message.png) no-repeat 0 0;font-weight:bold;color:#fff;height:20px;text-align:center;vertical-align:middle;}#messagerie dt input.checkbox{margin-right:10px;position:relative;top:2px;}#messagerie dd{margin-top:2px;background:#3a344c url(img/message.png) no-repeat -600px bottom;width:570px;padding:15px;color:#c3badc;font-size:12px;text-align:justify;font-family:Tahoma,arial;}#messagerie dt button{position:absolute;top:5px;left:8px;width:11px;height:11px;background:transparent url(img/plus.gif) no-repeat 0 100%;margin:0;}#messagerie strong{display:block;margin:10px auto;}#about{margin:10px auto;width:650px;}#about dt{float:left;width:200px;}#about dd{float:right;}#about fieldset{width:450px;}#about label{margin-right:50px;}#ressources{margin:10px auto;}#ressources input.text{text-align:center;width:35px;}#ressources .lack{color:#f00;} \ No newline at end of file +* { + margin: 0; + padding: 0; + border: 0; + outline: 0; +} +html { + scrollbar-3dlight-color: #ae9fd7; + scrollbar-arrow-color: #665b87; + scrollbar-base-color: #2d2a35; + scrollbar-darkshadow-color: #2e2d33; + scrollbar-face-color: #1f1c27; + scrollbar-highlight-color: #0a0811; + scrollbar-shadow-color: #2d2a35; +} +body { + background: #000 url(img/background.jpg) fixed repeat-x 0 center; + font-family: arial; + color: #96aeba; + padding: 30px 0; + font-size: 11px; +} +h1 { + font-size: 20px; +} +h2, h3, h4, h5, h6 { + font-size: 11px; + font-weight: normal; +} +h2 { + background: transparent url(img/barre.png) no-repeat center; + width: 670px; + height: 20px; + padding-top: 3px; + color: #fff; + font-weight: bold; + margin: 8px 4px; +} +h3, h4 { + margin: 8px 0; + height: 20px; + padding-top: 3px; + width: 670px; + margin: 4px; +} +h3 { + background-color: #575169; + color: #6993a7; +} +h3 a { + color: #0cf; +} +h3 span { + color: #cc0; +} +h4 { + background-color: #3a354a; +} +h4:hover { + background-color: #575169; + color: #fff; +} +a { + text-decoration: underline; + font-weight: bold; + color: #96aeba; +} +a:hover { + text-decoration: none; +} +a * { + cursor: pointer; +} +a.imglink img { + filter: alpha(opacity=90); + -moz-opacity: .9; + -khtml-opacity: .9; + opacity: .9; +} +a.imglink:hover img { + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; +} +p { + font-family: Tahoma, arial; + font-size: 12px; + line-height: 16px; + word-spacing: 1px; + text-align: justify; + color: #fff; +} +p a { + color: #fff; +} +form strong { + font-size: 13px; + color: #fc0; +} +label { + text-align: right; + color: #fff; + font-size: 12px; +} +input, select, textarea { + font-size: 13px; +} +input.text { + color: #2d005f; + width: 120px; + background-color: #d4cfe6; + border: #bda9ff solid 1px; + margin: 2px 4px; + padding: 1px; +} +input.text:focus { + background-color: #fff; +} +input.submit { + width: 50px; + height: 15px; + color: #fff; + font-family: "verdana"; + font-weight: bold; + font-size: 10px; + text-decoration: none; + background: transparent url(img/ok.gif); + cursor: pointer; + margin: 2px 4px; +} +input.submit:hover { + color: #000; +} +input.button, button, a.button { + background-color: transparent; + color: #0cf; + font-weight: bold; + margin: 2px; + cursor: pointer; + text-decoration: none; +} +input.button:hover, button:hover, a.button:hover { + color: #fff; +} +textarea { + color: #2d005f; + width: 390px; + height: 160px; + background-color: #d4cfe6; + border: #bda9ff solid 1px; + margin: 10px 4px; + padding: 1.5px; + overflow: auto; +} +textarea:focus { + background-color: #fff; +} +select { + color: #2d005f; + background-color: #d4cfe6; + border: #bda9ff solid 1px; + margin: 2px 4px; + width: 140px; +} +table select { + width: auto; +} +table { + margin: 30px auto; + padding: 0 20px; + border-collapse: separate; + empty-cells: show; + border-spacing: 2px; +} +table tbody tr:hover { + background-color: #3a354a; +} +table td, table th { + border: #524a69 solid 1px; + padding: 4px 6px; +} +table th, table .hilight { + color: #cc0; +} +table thead { + font-weight: bold; + font-size: 11px; + color: #0cf; +} +code { + display: block; + padding: 2px; + margin: 5px auto; + border: 1px #262a21 solid; + color: #fff; + width: 650px; +} +.form { + width: 650px; + margin: 10px auto; +} +.form label { + display: block; + margin: 10px 0; + text-align: right; + margin-right: 200px; +} +.form br { + display: none; +} +.form label input.text { + width: 150px; +} +#all { + background-color: #3c3449; + width: 910px; + margin: 0 auto; +} +#top, #bottom { + margin: 0 auto; + font-size: 0; + width: 910px; + height: 8px; +} +#top { + background: transparent url(img/edges.png) no-repeat 0 0; +} +#bottom { + background: transparent url(img/edges.png) no-repeat -910px 0; +} +#header { + margin-bottom: 5px; +} +#header div a { + font-weight: normal; +} +#header div { + float: left; + padding: 2px; + margin-left: 8px; +} +#header #date { + display: inline; + color: #9C0; +} +#header #rss { + float: right; + height: 14px; + color: #0CF; + padding-left: 16px; + margin-right: 12px; + background: transparent url(img/rss.gif) no-repeat center left; +} +#header h1 a { + display: block; + width: 908px; + height: 82px; + margin: 0 auto; + clear: both; + position: relative; + font-weight: bold; + text-align: center; +} +#header h1 a span { + display: block; + background: transparent url(img/header.jpg) no-repeat 0 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +#header ul { + margin: 5px 0 0 10px; + text-align: center; + list-style-type: none; +} +#header li { + float: left; + width: 89px; + height: 32px; + background: transparent url(img/button.png) no-repeat 0 -56px; + margin-right: 15px; + text-align: left; +} +#header li a { + display: block; + width: 85px; + height: 20px; + text-align: center; + padding-top: 8px; + color: #fff; + background: #272431 url(img/button.png) no-repeat 0 0; + font-family: "Trebuchet MS"; + font-weight: lighter; + text-decoration: none; + font-size: 10px; +} +#header li a:hover { + background-color: #66597c; + background-position: 0 -28px; +} +#header:after, #constructions dl:after, .techno dl:after, .onglets:after, .bourse:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +#banner { + position: relative; + font-size: 11px; + margin-bottom: 4px; + height: 15px; + clear: both; +} +.bannerleft { + font-weight: bold; + color: #999; + position: absolute; + top: 0; + left: 0; + text-align: left; + z-index: 2; + background-color: #2e293d; + padding-left: 5px; + width: 905px; + height: 15px; +} +#bannerright { + color: #fc0; + position: absolute; + top: 0; + right: 5px; + z-index: 3; + background-color: #2e293d; +} +#footer { + width: 894px; + clear: both; + background-color: #2e293d; + padding: 8px; + text-align: center; + font-size: 10px; +} +#menu { + float: left; + background: #575169 url(img/menu.png) repeat-y 210px 0; + width: 214px; + margin: 4px 2px; +} +#menu .top { + display: block; + background: #3c3449 url(img/menu.png) no-repeat -4px 0; + width: 214px; + height: 18px; +} +#menu .bottom { + display: block; + background: #3c3449 url(img/menu.png) no-repeat -218px 0; + width: 214px; + height: 9px; +} +#menu ul { + list-style: none; + margin-bottom: 20px; +} +#menu li { + margin: 1px 5px 1px 1px; + position: relative; +} +#menu a { + padding-left: 6px; + font-weight: normal; + display: block; + height: 19px; + padding-top: 4px; + margin: 1px; + background-color: #2e293d; + color: #fff; + text-decoration: none; + border-left: 1px #2e293d solid; + border-right: 1px #2e293d solid; +} +#menu a.hilight, #menu a:hover { + background: #676371 url(img/menu.gif) repeat-x bottom; +} +#menu a.hilight { + font-weight: bold; +} +#menu li ul { + display: none; +} +#menu li:hover { + z-index: 100; +} +#menu li:hover ul { + display: block; + position: absolute; + top: -10px; + left: 200px; + width: 100%; +} +#menu li ul a { + height: auto; + padding-bottom: 5px; + background-color: #524a69; + padding-left: 15px; + padding-right: 15px; +} +#head .top, #body .top, #head .bottom, #body .bottom { + display: block; + width: 680px; + height: 9px; + background: #2e293d url(img/corps.png) no-repeat 0 0; + font-size: 1px; + line-height: 1px; +} +#head .bottom, #body .bottom { + background-position: -680px 0; + clear: both; +} +#head, #body { + background: #2e293d url(img/corps.png) repeat-y -1360px 0; + float: right; + clear: right; + width: 680px; + margin: 12px 5px 12px 0; +} +#body { + text-align: center; +} +#head form { + float: left; + margin-left: 10px; +} +#head a { + margin-left: 10px; + float: left; +} +#head p { + color: #96aeba; + margin: 5px 0; + text-align: center; + float: left; +} +#head p span { + color: #CC0; +} +#head fieldset { + float: left; + clear: left; +} +#head fieldset fieldset { + float: none; +} +#head div { + float: right; +} +#head div div { + float: left; + width: 96px; + height: 50px; + padding-top: 25px; + margin-right: 6px; + background: transparent url(img/ressource.png) no-repeat bottom; + color: #0cf; + text-align: center; +} +#head div .lack { + color: #f00; + font-weight: bold; + text-decoration: blink; +} +#head div strong { + color: #fff; + font-weight: bold; +} +.onglets { + list-style: none; + margin: 5px auto; + width: 600px; +} +.onglets li { + display: -moz-inline-stack; + display: inline-block; + padding-left: 14px; + background: transparent url(img/onglet.png) no-repeat 0 0; + height: 20px; + margin: 5px 2px; +} +.onglets a { + display: -moz-inline-stack; + display: inline-block; + height: 17px; + padding: 2px 10px 0 0; + text-decoration: none; + font-weight: bold; + border-top: 1px #423c56 solid; +} +* html .onglets li { + display: inline; + zoom: 1; +} +*+html .onglets li { + display: inline; + zoom: 1; +} +.onglets li:hover, .onglets li.hilight { + background-position: 0 -20px; +} +.onglets li:hover a, .onglets li.hilight a { + background: transparent url(img/onglet.png) repeat-x 0 -40px; + border: 0; + padding-top: 3px; + color: #fff; +} +.onglets a:hover { + color: #fff; +} +a.msg { + text-indent: -10000px; + display: block; + margin: 0 auto; + width: 16px; + height: 15px; + background-image: url(img/msg.gif); + filter: alpha(opacity=50); + -moz-opacity: .5; + -khtml-opacity: .5; + opacity: .5; +} +a.msg:hover { + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; +} +#pub { + float: right; + clear: right; + position: relative; + margin-right: 106px; +} +#message { + width: 450px; + margin: 30px auto; + font-size: 14px; + font-weight: bold; + color: #cc0; + border: 1px #cc0 dotted; + border-bottom-style: solid; + border-right-style: solid; + padding: 10px; +} +#erreur { + width: 450px; + margin: 30px auto; + font-size: 14px; + font-weight: bold; + color: #f00; + border: 1px #f00 dotted; + border-bottom-style: solid; + border-right-style: solid; + padding: 10px; +} +#arbre { + margin: 10px auto; + width: 650px; +} +#arbre dl { + clear: both; +} +#arbre dt { + position: relative; + float: left; +} +#arbre dt a { + display: block; + width: 90px; + border: 1px dotted #8e83b3; + margin: 2px; + padding: 5px; + color: #8e83b3; + text-decoration: none; +} +#arbre dt a:hover { + border-style: solid; +} +#arbre dt.lack a, #arbre dt div span.lack { + font-weight: bold; + color: #f00; +} +#arbre dt.partial a, #arbre dt div span.partial { + font-weight: bold; + color: orange; +} +#arbre dd { + float: left; +} +#arbre dt div { + display: none; +} +#arbre dt:hover { + z-index: 10; + background: none; +} +#arbre dt:hover div { + display: block; + position: absolute; + bottom: 15px; + left: 90px; + background-color: #393447; + padding: 5px 10px; + width: 200px; + border: 1px solid #66597c; + filter: alpha(opacity=90); + -moz-opacity: .9; + -khtml-opacity: .9; + opacity: .9; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; +} +#arbre dt div img { + float: left; + width: 50px; + height: 50px; +} +#arbre dt div p { + float: right; + width: 140px; + text-align: left; +} +#arbre dt div strong { + color: #fc0; +} +#file { + display: block; + width: 540px; + height: 80px; + overflow: auto; + padding: 5px 0; + border: #524a69 solid 1px; + margin: 10px auto; + list-style: none; +} +#file:hover { + background-color: #2b2639; +} +#file li { + text-align: center; + margin-bottom: 3px; +} +#file a { + color: #9478ec; + text-decoration: none; +} +#file a:hover { + color: #baa5ff; +} +#constructions dl { + width: 520px; + padding: 5px 10px; + margin: 5px auto; + border: #524a69 solid 1px; +} +#constructions dt { + text-align: left; + margin-left: 25px; + font-size: 14px; + font-weight: bold; + color: #fc0; + margin-bottom: 5px; +} +#constructions dd.description { + position: relative; + width: 100px; + height: 100px; + float: left; + border: 0; + padding: 0; +} +#constructions dd.descriptions a { + float: none; + margin: 0; +} +#constructions dd.description a img { + width: 100px; + height: 100px; + cursor: help; +} +#constructions dd.description p { + display: none; +} +#constructions dd.description:hover p { + display: block; + position: absolute; + left: 100px; + bottom: 70px; + width: 300px; + padding: 10px 15px; + background-color: #000; + filter: alpha(opacity=80); + -moz-opacity: .8; + -khtml-opacity: .8; + opacity: .8; + cursor: help; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; +} +#constructions dd { + float: right; + border-left: #524a69 dashed 1px; + width: 310px; + padding: 10px 50px 0 20px; + text-align: left; + min-height: 100px; + font-weight: bold; +} +#constructions dd a, #constructions dd strong.lack { + float: left; + margin: 5px 10px 0 10px; + color: #9478ec; + font-size: 12px; + text-decoration: none; +} +#constructions dd em { + color: #fff; + font-weight: normal; + font-style: normal; +} +#constructions dd a:hover { + color: #baa5ff; +} +#constructions dd strong.lack, #constructions dd em.lack { + font-weight: bold; + color: #f00; +} +#constructions dd fieldset { + margin: 10px 0 0 10px; +} +#constructions dd input.text { + width: 50px; +} +.bourse { + width: 600px; + border: #524a69 solid 1px; + margin: 20px auto; + text-align: left; +} +.bourse dt { + float: left; + width: 300px; + border-right: 1px solid #524a69; +} +.bourse dt strong { + color: #fc0; + font-size: 14px; + position: relative; + bottom: 9px; + left: 30px; + background-color: #2e293d; + padding: 0 3px; +} +.bourse dt img { + margin: 0 0 5px 8px; +} +.bourse dd { + float: right; + width: 290px; + padding-top: 30px; +} +.bourse dd label { + display: block; + text-align: left; + padding: 10px 0 15px 0; + font-size: 13px; + clear: left; +} +.bourse dd input.submit { + margin-top: 5px; + float: left; +} +.bourse dd input.text { + width: 80px; + margin-left: 110px; + float: left; +} +.bourse dd div { + font-size: 12px; + text-align: center; + margin-bottom: 20px; +} +#carte tr.humain { + color: #77af6d; +} +#carte tr.covenant { + color: #996daf; +} +#navigation { + width: 600px; + margin: 10px auto; +} +#navigation label { + margin: 5px 0; + display: block; + text-align: right; + margin-right: 250px; +} +#navigation input.text { + width: 50px; + text-align: center; +} +#navigation input.submit { + margin: 10px 0 20px 34px; +} +#navigation a { + margin-left: 20px; +} +#description { + width: 600px; + margin: 30px auto; +} +#description dt { + width: 580px; + height: 18px; + padding-top: 2px; + padding-left: 20px; + color: #fff; + background: transparent url(img/description.png) top center; + text-align: left; + font-weight: bold; +} +#description dd { + border-right: 1px #575169 solid; + border-left: 3px #575169 solid; + border-bottom: 3px #575169 solid; + text-align: center; + width: 556px; + padding: 20px; +} +#description div { + clear: both; + color: #fff; + padding: 3px; + border: 1px #575169 dotted; + width: 300px; + margin: 2px auto; + text-align: left; + padding-left: 100px; +} +#description div:hover { + border-style: solid; +} +#description h5 { + font-weight: bold; + display: inline; + color: #fc0; + padding-right: 5px; +} +#description p { + margin: 10px auto 10px auto; +} +#description img { + float: left; + margin: 0 10px 10px 0; +} +#envoyer { + margin: 10px auto; + width: 600px; +} +#envoyer label { + display: block; + text-align: right; + margin-right: 150px; +} +#envoyer label input, #envoyer label select { + width: 200px; + margin-left: 20px; +} +#gestion { + margin: 10px auto; + width: 660px; + overflow: auto; +} +#gestion table { + margin: 10px 0; + padding: 0; + empty-cells: hide; +} +#gestion table td, #gestion table th { + padding: 2px; +} +#messagerie dl { + width: 600px; + margin: 20px auto; +} +#messagerie dt { + position: relative; + background: #60557f url(img/message.png) no-repeat 0 0; + font-weight: bold; + color: #fff; + height: 20px; + text-align: center; + vertical-align: middle; +} +#messagerie dt input.checkbox { + margin-right: 10px; + position: relative; + top: 2px; +} +#messagerie dd { + margin-top: 2px; + background: #3a344c url(img/message.png) no-repeat -600px bottom; + width: 570px; + padding: 15px; + color: #c3badc; + font-size: 12px; + text-align: justify; + font-family: Tahoma, arial; +} +#messagerie dt button { + position: absolute; + top: 5px; + left: 8px; + width: 11px; + height: 11px; + background: transparent url(img/plus.gif) no-repeat 0 100%; + margin: 0; +} +#messagerie strong { + display: block; + margin: 10px auto; +} +#about { + margin: 10px auto; + width: 650px; +} +#about dt { + float: left; + width: 200px; +} +#about dd { + float: right; +} +#about fieldset { + width: 450px; +} +#about label { + margin-right: 50px; +} +#ressources { + margin: 10px auto; +} +#ressources input.text { + text-align: center; + width: 35px; +} +#ressources .lack { + color: #f00; +} diff --git a/htdocs/css/csnu/csnu.css b/htdocs/css/csnu/csnu.css index 19ed82c..5d2c7f4 100644 --- a/htdocs/css/csnu/csnu.css +++ b/htdocs/css/csnu/csnu.css @@ -1 +1,966 @@ -*{margin:0;padding:0;border:0;outline:0;}html{scrollbar-3dlight-color:#575b45;scrollbar-arrow-color:#565948;scrollbar-base-color:#212318;scrollbar-darkshadow-color:#191a13;scrollbar-face-color:#212318;scrollbar-highlight-color:#383b29;scrollbar-shadow-color:#383b29;}body{background:#000 url(img/background.jpg) fixed repeat-x 0 center;font-family:arial;color:#996;padding:30px 0;font-size:11px;}h1{font-size:20px;}h2,h3,h4,h5,h6{font-size:11px;font-weight:normal;}h2{background:transparent url(img/barre.png) no-repeat center;width:670px;height:20px;padding-top:3px;color:#fff;font-weight:bold;margin:8px 4px;}h3,h4{margin:8px 0;height:20px;padding-top:3px;width:670px;margin:4px;}h3{background-color:#474c36;color:#6993a7;}h3 a{color:#0cf;}h3 span{color:#cc0;}h4{background-color:#35392a;}h4:hover{background-color:#474c36;color:#fff;}a{text-decoration:underline;font-weight:bold;color:#996;}a:hover{text-decoration:none;}a *{cursor:pointer;}a.imglink img{filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9;}a.imglink:hover img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}p{font-family:Tahoma,arial;font-size:12px;line-height:16px;word-spacing:1px;text-align:justify;color:#fff;}p a{color:#fff;}form strong{font-size:13px;color:#fc0;}label{text-align:right;color:#fff;font-size:12px;}input,select,textarea{font-size:13px;}input.text{color:#345800;width:120px;background-color:#e7ecce;border:#ccff34 solid 1px;margin:2px 4px;padding:1px;}input.text:focus{background-color:#fff;}input.submit{width:50px;height:15px;color:#fff;font-family:"verdana";font-weight:bold;font-size:10px;text-decoration:none;background:transparent url(img/ok.gif);cursor:pointer;margin:2px 4px;}input.submit:hover{color:#000;}input.button,button,a.button{background-color:transparent;color:#0cf;font-weight:bold;margin:2px;cursor:pointer;text-decoration:none;}input.button:hover,button:hover,a.button:hover{color:#fff;}textarea{color:#345800;width:390px;height:160px;background-color:#e7ecce;border:#ccff34 solid 1px;margin:10px 4px;padding:1.5px;overflow:auto;}textarea:focus{background-color:#fff;}select{color:#345800;background-color:#e7ecce;border:#ccff34 solid 1px;margin:2px 4px;width:140px;}table select{width:auto;}table{margin:30px auto;padding:0 20px;border-collapse:separate;empty-cells:show;border-spacing:2px;}table tbody tr:hover{background-color:#35392a;}table td,table th{border:#474c36 solid 1px;padding:4px 6px;}table th,table .hilight{color:#cc0;}table thead{font-weight:bold;font-size:11px;color:#0cf;}code{display:block;padding:2px;margin:5px auto;border:1px #262a21 solid;color:#fff;width:650px;}.form{width:650px;margin:10px auto;}.form label{display:block;margin:10px 0;text-align:right;margin-right:200px;}.form br{display:none;}.form label input.text{width:150px;}#all{background-color:#363928;width:910px;margin:0 auto;}#top,#bottom{margin:0 auto;font-size:0;width:910px;height:8px;}#top{background:transparent url(img/edges.png) no-repeat 0 0;}#bottom{background:transparent url(img/edges.png) no-repeat -910px 0;}#header{margin-bottom:5px;}#header div a{font-weight:normal;}#header div{float:left;padding:2px;margin-left:8px;}#header #date{display:inline;color:#9C0;}#header #rss{float:right;height:14px;color:#0CF;padding-left:16px;margin-right:12px;background:transparent url(img/rss.gif) no-repeat center left;}#header h1 a{display:block;width:908px;height:82px;margin:0 auto;clear:both;position:relative;font-weight:bold;text-align:center;}#header h1 a span{display:block;background:transparent url(img/header.jpg) no-repeat 0 0;position:absolute;top:0;left:0;width:100%;height:100%;}#header ul{margin:5px 0 0 10px;text-align:center;list-style-type:none;}#header li{float:left;width:89px;height:32px;background:transparent url(img/button.png) no-repeat 0 -56px;margin-right:15px;text-align:left;}#header li a{display:block;width:85px;height:20px;text-align:center;padding-top:8px;color:#fff;background:#262a21 url(img/button.png) no-repeat 0 0;font-family:"Trebuchet MS";font-weight:lighter;text-decoration:none;font-size:10px;}#header li a:hover{background-color:#5c6148;background-position:0 -28px;}#header:after,#constructions dl:after,.techno dl:after,.onglets:after,.bourse:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#banner{position:relative;font-size:11px;margin-bottom:4px;height:15px;clear:both;}.bannerleft{font-weight:bold;color:#999;position:absolute;top:0;left:0;text-align:left;z-index:2;background-color:#2e3122;padding-left:5px;width:905px;height:15px;}#bannerright{color:#fc0;position:absolute;top:0;right:5px;z-index:3;background-color:#2e3122;}#footer{width:894px;clear:both;background-color:#212318;padding:8px;text-align:center;font-size:10px;}#menu{float:left;background:#2E3122 url(img/menu.png) repeat-y 210px 0;width:214px;margin:4px 2px;}#menu .top{display:block;background:#363928 url(img/menu.png) no-repeat -4px 0;width:214px;height:18px;}#menu .bottom{display:block;background:#363928 url(img/menu.png) no-repeat -218px 0;width:214px;height:9px;}#menu ul{list-style:none;margin-bottom:20px;}#menu li{margin:1px 5px 1px 1px;position:relative;}#menu a{padding-left:6px;font-weight:normal;display:block;height:19px;padding-top:4px;margin:1px;background-color:#35392a;color:#996;text-decoration:none;border-left:1px #35392a solid;border-right:1px #35392a solid;}#menu a.hilight,#menu a:hover{color:#fff;background:#797c6c url(img/menu.gif) repeat-x bottom;border-color:#474c36;}#menu a.hilight{font-weight:bold;}#menu li ul{display:none;}#menu li:hover{z-index:100;}#menu li:hover ul{display:block;position:absolute;top:-10px;left:200px;width:100%;}#menu li ul a{height:auto;padding-bottom:5px;background-color:#474c36;padding-left:15px;padding-right:15px;}#head .top,#body .top,#head .bottom,#body .bottom{display:block;width:680px;height:9px;background:#2E3122 url(img/corps.png) no-repeat 0 0;font-size:1px;line-height:1px;}#head .bottom,#body .bottom{background-position:-680px 0;clear:both;}#head,#body{background:#2e3122 url(img/corps.png) repeat-y -1360px 0;float:right;clear:right;width:680px;margin:12px 5px 12px 0;}#body{text-align:center;}#head form{float:left;margin-left:10px;}#head a{margin-left:10px;float:left;}#head p{color:#6993a7;margin:5px 0;text-align:center;float:left;}#head p span{color:#cc0;}#head fieldset{float:left;clear:left;}#head fieldset fieldset{float:none;}#head div{float:right;}#head div div{float:left;width:96px;height:50px;padding-top:25px;margin-right:6px;background:transparent url(img/ressource.png) no-repeat bottom;color:#0cf;text-align:center;}#head div .lack{color:#f00;font-weight:bold;text-decoration:blink;}#head div strong{color:#fff;font-weight:bold;}.onglets{list-style:none;margin:5px auto;width:600px;}.onglets li{display:-moz-inline-stack;display:inline-block;padding-left:14px;background:transparent url(img/onglet.png) no-repeat 0 0;height:20px;margin:5px 2px;}.onglets a{display:-moz-inline-stack;display:inline-block;height:17px;padding:2px 10px 0 0;text-decoration:none;font-weight:bold;border-top:1px #474c36 solid;}* html .onglets li{display:inline;zoom:1;}*+html .onglets li{display:inline;zoom:1;}.onglets li:hover, .onglets li.hilight{background-position:0 -20px;}.onglets li:hover a, .onglets li.hilight a{background:transparent url(img/onglet.png) repeat-x 0 -40px;border:0;padding-top:3px;color:#fff;}.onglets a:hover{color:#fff;}a.msg{text-indent:-10000px;display:block;margin:0 auto;width:16px;height:15px;background-image:url(img/msg.gif);filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5;}a.msg:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}#pub{float:right;clear:right;position:relative;margin-right:106px;}#message{width:450px;margin:30px auto;font-size:14px;font-weight:bold;color:#cc0;border:1px #cc0 dotted;border-bottom-style:solid;border-right-style:solid;padding:10px;}#erreur{width:450px;margin:30px auto;font-size:14px;font-weight:bold;color:#f00;border:1px #f00 dotted;border-bottom-style:solid;border-right-style:solid;padding:10px;}#arbre{margin:10px auto;width:650px;}#arbre dl{clear:both;}#arbre dt{position:relative;float:left;}#arbre dt a{display:block;width:90px;border:1px dotted #9c0;margin:2px;padding:5px;color:#9c0;text-decoration:none;}#arbre dt a:hover{border-style:solid;}#arbre dt.lack a,#arbre dt div span.lack{font-weight:bold;color:#f00;}#arbre dd{float:left;}#arbre dt div{display:none;}#arbre dt:hover{z-index:10;background:none;}#arbre dt:hover div{display:block;position:absolute;bottom:15px;left:90px;background-color:#35392a;padding:5px 10px;width:200px;border:1px solid #5c6148;filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;}#arbre dt div img{float:left;width:50px;height:50px;}#arbre dt div p{float:right;width:140px;text-align:left;}#arbre dt div strong{color:#fc0;}#file{display:block;width:540px;height:80px;overflow:auto;padding:5px 0;border:#474c36 solid 1px;margin:10px auto;list-style:none;}#file:hover{background-color:#2d2f21;}#file li{text-align:center;margin-bottom:3px;}#file a{color:#72ca00;text-decoration:none;}#file a:hover{color:#b5ff55;}#constructions dl{width:520px;padding:5px 10px;margin:5px auto;border:#474c36 solid 1px;}#constructions dt{text-align:left;margin-left:25px;font-size:14px;font-weight:bold;color:#fc0;margin-bottom:5px;}#constructions dd.description{position:relative;width:100px;height:100px;float:left;border:0;padding:0;}#constructions dd.descriptions a{float:none;margin:0;}#constructions dd.description a img{width:100px;height:100px;cursor:help;}#constructions dd.description p{display:none;}#constructions dd.description:hover p{display:block;position:absolute;left:100px;bottom:70px;width:300px;padding:10px 15px;background-color:#000;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8;cursor:help;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;}#constructions dd{float:right;border-left:#474c36 dashed 1px;width:310px;padding:10px 50px 0 20px;text-align:left;min-height:100px;font-weight:bold;}#constructions dd a,#constructions dd strong.lack{float:left;margin:5px 10px 0 10px;color:#72ca00;font-size:12px;text-decoration:none;}#constructions dd em{color:#fff;font-weight:normal;font-style:normal;}#constructions dd a:hover{color:#b5ff55;}#constructions dd strong.lack,#constructions dd em.lack{font-weight:bold;color:#f00;}#constructions dd fieldset{margin:10px 0 0 10px;}#constructions dd input.text{width:50px;}.bourse{width:600px;border:#474c36 solid 1px;margin:20px auto;text-align:left;}.bourse dt{float:left;width:300px;border-right:1px solid #474c36;}.bourse dt strong{color:#fc0;font-size:14px;position:relative;bottom:9px;left:30px;background-color:#2e3122;padding:0 3px;}.bourse dt img{margin:0 0 5px 8px;}.bourse dd{float:right;width:290px;padding-top:30px;}.bourse dd label{display:block;text-align:left;padding:10px 0 15px 0;font-size:13px;clear:left;}.bourse dd input.submit{margin-top:5px;float:left;}.bourse dd input.text{width:80px;margin-left:110px;float:left;}.bourse dd div{font-size:12px;text-align:center;margin-bottom:20px;}#carte tr.humain{color:#77af6d;}#carte tr.covenant{color:#996daf;}#navigation{width:600px;margin:10px auto;}#navigation label{margin:5px 0;display:block;text-align:right;margin-right:250px;}#navigation input.text{width:50px;text-align:center;}#navigation input.submit{margin:10px 0 20px 34px;}#navigation a{margin-left:20px;}#description{width:600px;margin:30px auto;}#description dt{width:580px;height:18px;padding-top:2px;padding-left:20px;color:#fff;background:transparent url(img/description.png) top center;text-align:left;font-weight:bold;}#description dd{border-right:1px #474c36 solid;border-left:3px #474c36 solid;border-bottom:3px #474c36 solid;text-align:center;width:556px;padding:20px;}#description div{clear:both;color:#fff;padding:3px;border:1px #474c36 dotted;width:300px;margin:2px auto;text-align:left;padding-left:100px;}#description div:hover{border-style:solid;}#description h5{font-weight:bold;display:inline;color:#fc0;padding-right:5px;}#description p{margin:10px auto 10px auto;}#description img{float:left;margin:0 10px 10px 0;}#envoyer{margin:10px auto;width:600px;}#envoyer label{display:block;text-align:right;margin-right:150px;}#envoyer label input,#envoyer label select{width:200px;margin-left:20px;}#gestion{margin:10px auto;width:660px;overflow:auto;}#gestion table{margin:10px 0;padding:0;empty-cells:hide;}#gestion table td,#gestion table th{padding:2px;}#messagerie dl{width:600px;margin:20px auto;}#messagerie dt{position:relative;background:#474c36 url(img/message.png) no-repeat 0 0;font-weight:bold;color:#9c0;height:20px;text-align:center;vertical-align:middle;}#messagerie dt input.checkbox{margin-right:10px;position:relative;top:2px;}#messagerie dd{margin-top:2px;background:#363928 url(img/message.png) no-repeat -600px bottom;width:570px;padding:15px;color:#bebe7f;font-size:12px;text-align:justify;font-family:Tahoma,arial;}#messagerie dt button{position:absolute;top:5px;left:8px;width:11px;height:11px;background:transparent url(img/plus.gif) no-repeat 0 100%;margin:0;}#messagerie strong{display:block;margin:10px auto;}#about{margin:10px auto;width:650px;}#about dt{float:left;width:200px;}#about dd{float:right;}#about fieldset{width:450px;}#about label{margin-right:50px;}#ressources{margin:10px auto;}#ressources input.text{text-align:center;width:35px;}#ressources .lack{color:#f00;} \ No newline at end of file +* { + margin: 0; + padding: 0; + border: 0; + outline: 0; +} +html { + scrollbar-3dlight-color: #575b45; + scrollbar-arrow-color: #565948; + scrollbar-base-color: #212318; + scrollbar-darkshadow-color: #191a13; + scrollbar-face-color: #212318; + scrollbar-highlight-color: #383b29; + scrollbar-shadow-color: #383b29; +} +body { + background: #000 url(img/background.jpg) fixed repeat-x 0 center; + font-family: arial; + color: #996; + padding: 30px 0; + font-size: 11px; +} +h1 { + font-size: 20px; +} +h2, h3, h4, h5, h6 { + font-size: 11px; + font-weight: normal; +} +h2 { + background: transparent url(img/barre.png) no-repeat center; + width: 670px; + height: 20px; + padding-top: 3px; + color: #fff; + font-weight: bold; + margin: 8px 4px; +} +h3, h4 { + margin: 8px 0; + height: 20px; + padding-top: 3px; + width: 670px; + margin: 4px; +} +h3 { + background-color: #474c36; + color: #6993a7; +} +h3 a { + color: #0cf; +} +h3 span { + color: #cc0; +} +h4 { + background-color: #35392a; +} +h4:hover { + background-color: #474c36; + color: #fff; +} +a { + text-decoration: underline; + font-weight: bold; + color: #996; +} +a:hover { + text-decoration: none; +} +a * { + cursor: pointer; +} +a.imglink img { + filter: alpha(opacity=90); + -moz-opacity: .9; + -khtml-opacity: .9; + opacity: .9; +} +a.imglink:hover img { + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; +} +p { + font-family: Tahoma, arial; + font-size: 12px; + line-height: 16px; + word-spacing: 1px; + text-align: justify; + color: #fff; +} +p a { + color: #fff; +} +form strong { + font-size: 13px; + color: #fc0; +} +label { + text-align: right; + color: #fff; + font-size: 12px; +} +input, select, textarea { + font-size: 13px; +} +input.text { + color: #345800; + width: 120px; + background-color: #e7ecce; + border: #ccff34 solid 1px; + margin: 2px 4px; + padding: 1px; +} +input.text:focus { + background-color: #fff; +} +input.submit { + width: 50px; + height: 15px; + color: #fff; + font-family: "verdana"; + font-weight: bold; + font-size: 10px; + text-decoration: none; + background: transparent url(img/ok.gif); + cursor: pointer; + margin: 2px 4px; +} +input.submit:hover { + color: #000; +} +input.button, button, a.button { + background-color: transparent; + color: #0cf; + font-weight: bold; + margin: 2px; + cursor: pointer; + text-decoration: none; +} +input.button:hover, button:hover, a.button:hover { + color: #fff; +} +textarea { + color: #345800; + width: 390px; + height: 160px; + background-color: #e7ecce; + border: #ccff34 solid 1px; + margin: 10px 4px; + padding: 1.5px; + overflow: auto; +} +textarea:focus { + background-color: #fff; +} +select { + color: #345800; + background-color: #e7ecce; + border: #ccff34 solid 1px; + margin: 2px 4px; + width: 140px; +} +table select { + width: auto; +} +table { + margin: 30px auto; + padding: 0 20px; + border-collapse: separate; + empty-cells: show; + border-spacing: 2px; +} +table tbody tr:hover { + background-color: #35392a; +} +table td, table th { + border: #474c36 solid 1px; + padding: 4px 6px; +} +table th, table .hilight { + color: #cc0; +} +table thead { + font-weight: bold; + font-size: 11px; + color: #0cf; +} +code { + display: block; + padding: 2px; + margin: 5px auto; + border: 1px #262a21 solid; + color: #fff; + width: 650px; +} +.form { + width: 650px; + margin: 10px auto; +} +.form label { + display: block; + margin: 10px 0; + text-align: right; + margin-right: 200px; +} +.form br { + display: none; +} +.form label input.text { + width: 150px; +} +#all { + background-color: #363928; + width: 910px; + margin: 0 auto; +} +#top, #bottom { + margin: 0 auto; + font-size: 0; + width: 910px; + height: 8px; +} +#top { + background: transparent url(img/edges.png) no-repeat 0 0; +} +#bottom { + background: transparent url(img/edges.png) no-repeat -910px 0; +} +#header { + margin-bottom: 5px; +} +#header div a { + font-weight: normal; +} +#header div { + float: left; + padding: 2px; + margin-left: 8px; +} +#header #date { + display: inline; + color: #9C0; +} +#header #rss { + float: right; + height: 14px; + color: #0CF; + padding-left: 16px; + margin-right: 12px; + background: transparent url(img/rss.gif) no-repeat center left; +} +#header h1 a { + display: block; + width: 908px; + height: 82px; + margin: 0 auto; + clear: both; + position: relative; + font-weight: bold; + text-align: center; +} +#header h1 a span { + display: block; + background: transparent url(img/header.jpg) no-repeat 0 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +#header ul { + margin: 5px 0 0 10px; + text-align: center; + list-style-type: none; +} +#header li { + float: left; + width: 89px; + height: 32px; + background: transparent url(img/button.png) no-repeat 0 -56px; + margin-right: 15px; + text-align: left; +} +#header li a { + display: block; + width: 85px; + height: 20px; + text-align: center; + padding-top: 8px; + color: #fff; + background: #262a21 url(img/button.png) no-repeat 0 0; + font-family: "Trebuchet MS"; + font-weight: lighter; + text-decoration: none; + font-size: 10px; +} +#header li a:hover { + background-color: #5c6148; + background-position: 0 -28px; +} +#header:after, #constructions dl:after, .techno dl:after, .onglets:after, .bourse:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +#banner { + position: relative; + font-size: 11px; + margin-bottom: 4px; + height: 15px; + clear: both; +} +.bannerleft { + font-weight: bold; + color: #999; + position: absolute; + top: 0; + left: 0; + text-align: left; + z-index: 2; + background-color: #2e3122; + padding-left: 5px; + width: 905px; + height: 15px; +} +#bannerright { + color: #fc0; + position: absolute; + top: 0; + right: 5px; + z-index: 3; + background-color: #2e3122; +} +#footer { + width: 894px; + clear: both; + background-color: #212318; + padding: 8px; + text-align: center; + font-size: 10px; +} +#menu { + float: left; + background: #2E3122 url(img/menu.png) repeat-y 210px 0; + width: 214px; + margin: 4px 2px; +} +#menu .top { + display: block; + background: #363928 url(img/menu.png) no-repeat -4px 0; + width: 214px; + height: 18px; +} +#menu .bottom { + display: block; + background: #363928 url(img/menu.png) no-repeat -218px 0; + width: 214px; + height: 9px; +} +#menu ul { + list-style: none; + margin-bottom: 20px; +} +#menu li { + margin: 1px 5px 1px 1px; + position: relative; +} +#menu a { + padding-left: 6px; + font-weight: normal; + display: block; + height: 19px; + padding-top: 4px; + margin: 1px; + background-color: #35392a; + color: #996; + text-decoration: none; + border-left: 1px #35392a solid; + border-right: 1px #35392a solid; +} +#menu a.hilight, #menu a:hover { + color: #fff; + background: #797c6c url(img/menu.gif) repeat-x bottom; + border-color: #474c36; +} +#menu a.hilight { + font-weight: bold; +} +#menu li ul { + display: none; +} +#menu li:hover { + z-index: 100; +} +#menu li:hover ul { + display: block; + position: absolute; + top: -10px; + left: 200px; + width: 100%; +} +#menu li ul a { + height: auto; + padding-bottom: 5px; + background-color: #474c36; + padding-left: 15px; + padding-right: 15px; +} +#head .top, #body .top, #head .bottom, #body .bottom { + display: block; + width: 680px; + height: 9px; + background: #2E3122 url(img/corps.png) no-repeat 0 0; + font-size: 1px; + line-height: 1px; +} +#head .bottom, #body .bottom { + background-position: -680px 0; + clear: both; +} +#head, #body { + background: #2e3122 url(img/corps.png) repeat-y -1360px 0; + float: right; + clear: right; + width: 680px; + margin: 12px 5px 12px 0; +} +#body { + text-align: center; +} +#head form { + float: left; + margin-left: 10px; +} +#head a { + margin-left: 10px; + float: left; +} +#head p { + color: #6993a7; + margin: 5px 0; + text-align: center; + float: left; +} +#head p span { + color: #cc0; +} +#head fieldset { + float: left; + clear: left; +} +#head fieldset fieldset { + float: none; +} +#head div { + float: right; +} +#head div div { + float: left; + width: 96px; + height: 50px; + padding-top: 25px; + margin-right: 6px; + background: transparent url(img/ressource.png) no-repeat bottom; + color: #0cf; + text-align: center; +} +#head div .lack { + color: #f00; + font-weight: bold; + text-decoration: blink; +} +#head div strong { + color: #fff; + font-weight: bold; +} +.onglets { + list-style: none; + margin: 5px auto; + width: 600px; +} +.onglets li { + display: -moz-inline-stack; + display: inline-block; + padding-left: 14px; + background: transparent url(img/onglet.png) no-repeat 0 0; + height: 20px; + margin: 5px 2px; +} +.onglets a { + display: -moz-inline-stack; + display: inline-block; + height: 17px; + padding: 2px 10px 0 0; + text-decoration: none; + font-weight: bold; + border-top: 1px #474c36 solid; +} +* html .onglets li { + display: inline; + zoom: 1; +} +*+html .onglets li { + display: inline; + zoom: 1; +} +.onglets li:hover, .onglets li.hilight { + background-position: 0 -20px; +} +.onglets li:hover a, .onglets li.hilight a { + background: transparent url(img/onglet.png) repeat-x 0 -40px; + border: 0; + padding-top: 3px; + color: #fff; +} +.onglets a:hover { + color: #fff; +} +a.msg { + text-indent: -10000px; + display: block; + margin: 0 auto; + width: 16px; + height: 15px; + background-image: url(img/msg.gif); + filter: alpha(opacity=50); + -moz-opacity: .5; + -khtml-opacity: .5; + opacity: .5; +} +a.msg:hover { + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; +} +#pub { + float: right; + clear: right; + position: relative; + margin-right: 106px; +} +#message { + width: 450px; + margin: 30px auto; + font-size: 14px; + font-weight: bold; + color: #cc0; + border: 1px #cc0 dotted; + border-bottom-style: solid; + border-right-style: solid; + padding: 10px; +} +#erreur { + width: 450px; + margin: 30px auto; + font-size: 14px; + font-weight: bold; + color: #f00; + border: 1px #f00 dotted; + border-bottom-style: solid; + border-right-style: solid; + padding: 10px; +} +#arbre { + margin: 10px auto; + width: 650px; +} +#arbre dl { + clear: both; +} +#arbre dt { + position: relative; + float: left; +} +#arbre dt a { + display: block; + width: 90px; + border: 1px dotted #9c0; + margin: 2px; + padding: 5px; + color: #9c0; + text-decoration: none; +} +#arbre dt a:hover { + border-style: solid; +} +#arbre dt.lack a, #arbre dt div span.lack { + font-weight: bold; + color: #f00; +} +#arbre dt.partial a, #arbre dt div span.partial { + font-weight: bold; + color: orange; +} +#arbre dd { + float: left; +} +#arbre dt div { + display: none; +} +#arbre dt:hover { + z-index: 10; + background: none; +} +#arbre dt:hover div { + display: block; + position: absolute; + bottom: 15px; + left: 90px; + background-color: #35392a; + padding: 5px 10px; + width: 200px; + border: 1px solid #5c6148; + filter: alpha(opacity=90); + -moz-opacity: .9; + -khtml-opacity: .9; + opacity: .9; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; +} +#arbre dt div img { + float: left; + width: 50px; + height: 50px; +} +#arbre dt div p { + float: right; + width: 140px; + text-align: left; +} +#arbre dt div strong { + color: #fc0; +} +#file { + display: block; + width: 540px; + height: 80px; + overflow: auto; + padding: 5px 0; + border: #474c36 solid 1px; + margin: 10px auto; + list-style: none; +} +#file:hover { + background-color: #2d2f21; +} +#file li { + text-align: center; + margin-bottom: 3px; +} +#file a { + color: #72ca00; + text-decoration: none; +} +#file a:hover { + color: #b5ff55; +} +#constructions dl { + width: 520px; + padding: 5px 10px; + margin: 5px auto; + border: #474c36 solid 1px; +} +#constructions dt { + text-align: left; + margin-left: 25px; + font-size: 14px; + font-weight: bold; + color: #fc0; + margin-bottom: 5px; +} +#constructions dd.description { + position: relative; + width: 100px; + height: 100px; + float: left; + border: 0; + padding: 0; +} +#constructions dd.descriptions a { + float: none; + margin: 0; +} +#constructions dd.description a img { + width: 100px; + height: 100px; + cursor: help; +} +#constructions dd.description p { + display: none; +} +#constructions dd.description:hover p { + display: block; + position: absolute; + left: 100px; + bottom: 70px; + width: 300px; + padding: 10px 15px; + background-color: #000; + filter: alpha(opacity=80); + -moz-opacity: .8; + -khtml-opacity: .8; + opacity: .8; + cursor: help; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + -khtml-border-radius: 4px; +} +#constructions dd { + float: right; + border-left: #474c36 dashed 1px; + width: 310px; + padding: 10px 50px 0 20px; + text-align: left; + min-height: 100px; + font-weight: bold; +} +#constructions dd a, #constructions dd strong.lack { + float: left; + margin: 5px 10px 0 10px; + color: #72ca00; + font-size: 12px; + text-decoration: none; +} +#constructions dd em { + color: #fff; + font-weight: normal; + font-style: normal; +} +#constructions dd a:hover { + color: #b5ff55; +} +#constructions dd strong.lack, #constructions dd em.lack { + font-weight: bold; + color: #f00; +} +#constructions dd fieldset { + margin: 10px 0 0 10px; +} +#constructions dd input.text { + width: 50px; +} +.bourse { + width: 600px; + border: #474c36 solid 1px; + margin: 20px auto; + text-align: left; +} +.bourse dt { + float: left; + width: 300px; + border-right: 1px solid #474c36; +} +.bourse dt strong { + color: #fc0; + font-size: 14px; + position: relative; + bottom: 9px; + left: 30px; + background-color: #2e3122; + padding: 0 3px; +} +.bourse dt img { + margin: 0 0 5px 8px; +} +.bourse dd { + float: right; + width: 290px; + padding-top: 30px; +} +.bourse dd label { + display: block; + text-align: left; + padding: 10px 0 15px 0; + font-size: 13px; + clear: left; +} +.bourse dd input.submit { + margin-top: 5px; + float: left; +} +.bourse dd input.text { + width: 80px; + margin-left: 110px; + float: left; +} +.bourse dd div { + font-size: 12px; + text-align: center; + margin-bottom: 20px; +} +#carte tr.humain { + color: #77af6d; +} +#carte tr.covenant { + color: #996daf; +} +#navigation { + width: 600px; + margin: 10px auto; +} +#navigation label { + margin: 5px 0; + display: block; + text-align: right; + margin-right: 250px; +} +#navigation input.text { + width: 50px; + text-align: center; +} +#navigation input.submit { + margin: 10px 0 20px 34px; +} +#navigation a { + margin-left: 20px; +} +#description { + width: 600px; + margin: 30px auto; +} +#description dt { + width: 580px; + height: 18px; + padding-top: 2px; + padding-left: 20px; + color: #fff; + background: transparent url(img/description.png) top center; + text-align: left; + font-weight: bold; +} +#description dd { + border-right: 1px #474c36 solid; + border-left: 3px #474c36 solid; + border-bottom: 3px #474c36 solid; + text-align: center; + width: 556px; + padding: 20px; +} +#description div { + clear: both; + color: #fff; + padding: 3px; + border: 1px #474c36 dotted; + width: 300px; + margin: 2px auto; + text-align: left; + padding-left: 100px; +} +#description div:hover { + border-style: solid; +} +#description h5 { + font-weight: bold; + display: inline; + color: #fc0; + padding-right: 5px; +} +#description p { + margin: 10px auto 10px auto; +} +#description img { + float: left; + margin: 0 10px 10px 0; +} +#envoyer { + margin: 10px auto; + width: 600px; +} +#envoyer label { + display: block; + text-align: right; + margin-right: 150px; +} +#envoyer label input, #envoyer label select { + width: 200px; + margin-left: 20px; +} +#gestion { + margin: 10px auto; + width: 660px; + overflow: auto; +} +#gestion table { + margin: 10px 0; + padding: 0; + empty-cells: hide; +} +#gestion table td, #gestion table th { + padding: 2px; +} +#messagerie dl { + width: 600px; + margin: 20px auto; +} +#messagerie dt { + position: relative; + background: #474c36 url(img/message.png) no-repeat 0 0; + font-weight: bold; + color: #9c0; + height: 20px; + text-align: center; + vertical-align: middle; +} +#messagerie dt input.checkbox { + margin-right: 10px; + position: relative; + top: 2px; +} +#messagerie dd { + margin-top: 2px; + background: #363928 url(img/message.png) no-repeat -600px bottom; + width: 570px; + padding: 15px; + color: #bebe7f; + font-size: 12px; + text-align: justify; + font-family: Tahoma, arial; +} +#messagerie dt button { + position: absolute; + top: 5px; + left: 8px; + width: 11px; + height: 11px; + background: transparent url(img/plus.gif) no-repeat 0 100%; + margin: 0; +} +#messagerie strong { + display: block; + margin: 10px auto; +} +#about { + margin: 10px auto; + width: 650px; +} +#about dt { + float: left; + width: 200px; +} +#about dd { + float: right; +} +#about fieldset { + width: 450px; +} +#about label { + margin-right: 50px; +} +#ressources { + margin: 10px auto; +} +#ressources input.text { + text-align: center; + width: 35px; +} +#ressources .lack { + color: #f00; +} diff --git a/onyx2/include/game/laboratoire.php b/onyx2/include/game/laboratoire.php index be34232..479cc03 100644 --- a/onyx2/include/game/laboratoire.php +++ b/onyx2/include/game/laboratoire.php @@ -71,6 +71,7 @@ function traiterBranche($onglet, $branche, $start = false) $return .= traiterBranche($onglet, $b); $return .= ""; } else { + $origin_b = $b; //On recherche s'il s'agit d'une technologie à niveau multiple if ((dTechnologies::idToBit($b) & $planete->technologies[$onglet]) && isset($LANG[$planete->race]["technologies"]["noms_sing"][$onglet][$b+1]) && $LANG[$planete->race]["technologies"]["noms_sing"][$onglet][$b] == $LANG[$planete->race]["technologies"]["noms_sing"][$onglet][$b+1]) { if ((dTechnologies::idToBit($b+1) & $planete->technologies[$onglet]) && isset($LANG[$planete->race]["technologies"]["noms_sing"][$onglet][$b+2]) && $LANG[$planete->race]["technologies"]["noms_sing"][$onglet][$b] == $LANG[$planete->race]["technologies"]["noms_sing"][$onglet][$b+2]) { @@ -86,6 +87,8 @@ function traiterBranche($onglet, $branche, $start = false) if (dTechnologies::idToBit($b) & $planete->technologies[$onglet]) { $return .= '
'; + } elseif (dTechnologies::idToBit($origin_b) & $planete->technologies[$onglet]) { + $return .= '
'; } else { $return .= '
'; }