X-Git-Url: http://git.euphorik.ch/?p=euphorik.git;a=blobdiff_plain;f=css%2F2%2Feuphorik.css;h=c2d57017c42ef4832e67ff4ed15e7c7efc4a0cdb;hp=a39c3b8773b4202405c7a42b71ef92b46dd332ae;hb=1676c1bd20cb3e8e1b0f98d18df88c4520dcae6d;hpb=ab7df84e7918ce2f4ab10d5498f2cf6483188b84 diff --git a/css/2/euphorik.css b/css/2/euphorik.css index a39c3b8..c2d5701 100755 --- a/css/2/euphorik.css +++ b/css/2/euphorik.css @@ -1,10 +1,10 @@ +/* coding: utf-8 */ @import url(pageMinichat.css); @import url(pageAdmin.css); @import url(pageProfileRegister.css); @import url(pageAbout.css); - * { padding: 0px; margin: 0px; @@ -14,7 +14,6 @@ body { font-family: sans-serif; font-size: 12px; color: #EEEEEE; - /*text-align: center;*/ /* uniquement pour IE */ background-color: #DFDFDF; background-image: url(../../img/css2/fond.png) } @@ -27,12 +26,9 @@ body { margin-top: 40px; } +/***** Menu *****/ ul#menu { - /* - left: 300px; - top: 2px;*/ padding-left: 300px; - /*position: absolute;*/ height: 23px; font-size: 11px; background-color: #000000; @@ -53,6 +49,7 @@ ul#menu { background-color: #818c27 } +/***** Le menu pour le choix de la CSS *****/ #menuCss { position: absolute; z-index: 10; @@ -61,27 +58,25 @@ ul#menu { font-size: 9px; } +/***** Le style du contenu des pages *****/ #page { position: relative; font-size: 12px; background-color: #000000; 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; @@ -89,26 +84,22 @@ ul#menu { color : #79841a; background-color : #1e2201 } - #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/css2/logo_2.png); @@ -119,13 +110,21 @@ ul#menu { left: 4px; } +/***** Le pied de page *****/ #footer { text-align: right; + font-size: 9px +} +#footer a img{ + border-style: none; + vertical-align: middle; + margin-right: 5px; +} +#footer span{ + margin-right: 10px; } -#footer a img{ - border-style: none; -} - + +/***** La boite d'information (s'apparente à une MessageBox) *****/ div#info { text-align: center; width:100%; @@ -136,7 +135,6 @@ div#info { border-bottom: 1px solid #aeaeae; z-index: 20; } - div#info div.fermer { float:right; cursor: pointer; @@ -144,7 +142,6 @@ div#info div.fermer { width: 16px; background-image: url(../../img/fermer.gif) } - div#info #icone { float:left; height:16px; @@ -159,11 +156,9 @@ div#info #icone.information { div#info #icone.exclamation { background-image: url(../../img/exclamation.gif) } - div#info .boutons { padding: 1px; } - div#info .boutons div { cursor: pointer; background-color: #770000; @@ -196,11 +191,12 @@ div#info .boutons div:hover { padding: 3px 6px; } - +/***** Le faux captcha *****/ .captcha { display:none } +/***** Les formulaires *****/ form input, form button, form select { @@ -208,29 +204,26 @@ form select { border: #2d8800 1px solid; color: #EEEEEE; } - form input, form select { font-size: 12px; } - form button { font-size: 11px; } - -a { - text-decoration: none; -} -a:link { + +/***** Les liens *****/ +.lien, a { + text-decoration: none; color: #7664ff; +} +.lien { + cursor: pointer; } -a:visited { - color: #7664ff; -} -a:hover { - color: #ffad0f; +a:link, a:visited { + color: #7664ff; } -a:active { +.lien:hover, .lien:active, a:hover, a:active { color: #ffad0f; }