X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=css%2F1%2Feuphorik.css;h=7a9fdf4502acb7ed3aedaa7e52148dce36942118;hb=ec0132f1c1f3599d7818a566b08129c994e6647b;hp=c3a4acef4c27172424f3a736a410ad133dea4b59;hpb=81b3e94e62dd60087d71efc42004f8222d9e1e7a;p=euphorik.git diff --git a/css/1/euphorik.css b/css/1/euphorik.css index c3a4ace..7a9fdf4 100755 --- a/css/1/euphorik.css +++ b/css/1/euphorik.css @@ -6,48 +6,53 @@ * { - padding: 0; - margin: 0; + padding: 0px; + margin: 0px; } body { font-family: sans-serif; font-size: 12px; - color: #EEEEEE; - text-align: center; /* uniquement pour IE */ - background-color: #DFDFDF; - background-image: url(../../img/css1/fond.png) + color: #841919; + background-color: #f6dfc2 } #container { position: relative; height: auto; - margin-left: 10px; - margin-right: 10px; - margin-top: 40px; + margin: 0px; } -#menu { - position: absolute; - z-index: 10; - top: 2px; - left: 300px; +ul#menu { + background-image: url(../../img/css1/logo_fond.png); + height:129px; + width: 100%; font-size: 11px; - background-color: #000000; - text-align: left; -} -#menu div { - cursor: pointer; - display: inline; - padding: 2px; - margin-left: 2px; - background-color: #4f5519; + list-style-type:none; } -#menu div.courante { - background-color: #818c27; +#menu li:first-child { + margin-left: 340px; } -#menu div:hover { - background-color: #818c27 +#menu li { + margin-top: 47px; + font-size: 14px; + text-align: center; + cursor: pointer; + height:30px; + z-index: 20; + float: left; + min-width: 60px; + background-color: #f6dfc2; + line-height: 32px; +} +#menu li.courante { + background-color: #ffffff; + background-image: url(../../img/css1/triangle.png); + background-repeat: no-repeat; + background-position: center bottom +} +#menu li:hover { + background-color: #ffffff; } #menuCss { @@ -59,79 +64,73 @@ body { } #page { - position: relative; font-size: 12px; - background-color: #000000; - text-align : left; - padding: 30px 10px 15px 10px; + background-color: #f6dfc2; + padding: 10px 10px 15px 10px; } #page > h1 { margin-top: 10px; margin-left: 0px; font-size: 18px; - color : #a6b80e } #page > h2 { margin-top: 10px; margin-left: 10px; font-size: 16px; - color : #899714; } #page > h3 { margin-top: 10px; margin-left: 20px; - font-size: 14px; - color : #79841a; - background-color : #1e2201 + font-size: 14px; + background-color : #FFFFFF } #page > h4 { margin-top: 10px; margin-left: 25px; font-size: 12px; - color : #646d1d } #page > p { margin-top: 3px; margin-left: 35px; - color : #e9e9e9 } #page > ul { margin-top: 3px; margin-left: 45px; - color: #e9e9e9 } #logo { z-index: 10; - background-image: url(../../img/css1/logo_2.png); - width: 253px; - height: 37px; + background-image: url(../../img/css1/logo.png); + background-repeat: no-repeat; + width: 304px; + height: 129px; position: absolute; - top: -20px; - left: 4px; } #footer { - text-align: right; + background-color: #e19671; + text-align: center; } #footer a img{ border-style: none; } -div#info { +div#info { + text-align: center; width:100%; position: fixed; left: 0px; top: 0px; - background-color: #000000; - border-bottom: 1px solid #aeaeae; - z-index: 20; + background-color: #841919; + border-bottom: 1px solid #FFFFFF; + z-index: 20; + color: #f0df95 } div#info div.fermer { @@ -163,13 +162,13 @@ div#info .boutons { div#info .boutons div { cursor: pointer; - background-color: #770000; + background-color: #c62929; display: inline; padding: 0px 5px 0px 5px; margin: 0px 5px 0px 5px; } div#info .boutons div:hover { - background-color: #bc0000; + background-color: #e84747; } .captcha { @@ -179,25 +178,30 @@ div#info .boutons div:hover { form input, form button, form select { - background-color: #164200; - border: #2d8800 1px solid; - color: #EEEEEE; + background-color: #f0df95; + border: #841919 1px solid; +} + +form input:hover, form input:focus, +form button:hover, form button:focus, +form select:hover, form select:focus { + background-color: #ffffff; +} + +form input, +form select { font-size: 12px; } +form button { + font-size: 11px; +} a { - text-decoration: none; -} -a:link { - color: #7664ff; + text-decoration: underline; } -a:visited { - color: #7664ff; +a:link, a:visited { + color: #c62929; } -a:hover { - color: #ffad0f; +a:hover, a:active { + color: #e84747; } -a:active { - color: #ffad0f; -} -