css/1/euphorik.css

   1 /* coding: utf-8 */
   2
   3 @import url(pageMinichat.css);
   4 @import url(pageAdmin.css);
   5 @import url(pageProfileRegister.css);
   6 @import url(pageAbout.css);
   7
   8 * {
   9         padding: 0px;
  10         margin: 0px;
  11 }
  12
  13 body {
  14         font-family: sans-serif;
  15         font-size: 12px;
  16         color: #841919;
  17         background-color: #f6dfc2;
  18 }
  19
  20 #container {
  21         height: auto;
  22         margin: 0px;
  23 }
  24
  25 /***** Menu *****/
  26 ul#menu {
  27         background-image: url(../../img/css1/logo_fond.png);
  28         height:129px;
  29         width: 100%;
  30         font-size: 11px;
  31         list-style-type:none;
  32 }
  33 #menu li:first-child {
  34         margin-left: 340px;
  35 }
  36 #menu li {
  37         margin-top: 47px;
  38         font-size: 14px;
  39         text-align: center;
  40         cursor: pointer;
  41         height:30px;
  42         z-index: 20;
  43         float: left;
  44         min-width: 60px;
  45         background-color: #f6dfc2;
  46         line-height: 32px;
  47 }
  48 #menu li.courante {
  49         background-color: #ffffff;
  50         background-image: url(../../img/css1/triangle.png);
  51         background-repeat: no-repeat;
  52         background-position: center bottom
  53 }
  54 #menu li:hover {
  55         background-color: #ffffff;
  56 }
  57
  58 /***** Le menu pour le choix de la CSS *****/
  59 #menuCss {
  60         position: absolute;
  61         z-index: 10;
  62         left: 550px;
  63         top:0px;
  64         font-size: 9px;
  65 }
  66
  67 /***** Le style du contenu des pages *****/
  68 #page {
  69         font-size: 12px;
  70         background-color: #f6dfc2;
  71         padding: 10px 10px 15px 10px;
  72 }
  73 #page > h1 {
  74         margin-top: 10px;
  75         margin-left: 0px;
  76         font-size: 18px;
  77 }
  78 #page > h2 {
  79         margin-top: 10px;
  80         margin-left: 10px;
  81         font-size: 16px;
  82 }
  83 #page > h3 {
  84         margin-top: 10px;
  85         margin-left: 20px;
  86         font-size: 14px;
  87         background-color : #FFFFFF
  88 }
  89 #page > h4 {
  90         margin-top: 10px;
  91         margin-left: 25px;
  92         font-size: 12px;
  93 }
  94 #page > p {
  95         margin-top: 3px;
  96         margin-left: 35px;
  97 }
  98 #page > ul {
  99         margin-top: 3px;
 100         margin-left: 45px;
 101 }
 102 #logo {
 103         z-index: 10;
 104         background-image: url(../../img/css1/logo.png);
 105         background-repeat: no-repeat;
 106         width: 304px;
 107         height: 129px;
 108         position: absolute;
 109 }
 110 #logo.ekMaster {
 111         background-image: url(../../img/css1/logo_ek_master.png);
 112 }
 113
 114 /***** Le pied de page *****/
 115 #footer {
 116         background-color: #e19671;
 117         text-align: right;
 118         font-size: 9px;
 119         padding: 2px
 120 }
 121 #footer a img{
 122         border-style: none;
 123         vertical-align: middle;
 124         margin-right: 5px;
 125 }
 126 #footer span{
 127         margin-right: 10px;
 128 }
 129
 130 /***** La boite d'information (s'apparente à une MessageBox) *****/
 131 div#info {
 132         text-align: center;
 133         width:100%;
 134         position: fixed;
 135         left: 0px;
 136         top: 0px;
 137         background-color: #841919;
 138         border-bottom: 1px solid #FFFFFF;
 139         z-index: 20;
 140         color: #f0df95
 141 }
 142 div#info div.fermer {
 143         float:right;
 144         cursor: pointer;
 145         height:16px;
 146         width: 16px;
 147         background-image: url(../../img/fermer.gif)
 148 }
 149 div#info #icone {
 150         float:left;
 151         height:16px;
 152         width: 16px;
 153 }
 154 div#info #icone.interrogation {
 155         background-image: url(../../img/interrogation.gif)
 156 }
 157 div#info #icone.information {
 158         background-image: url(../../img/information.gif)
 159 }
 160 div#info #icone.exclamation {
 161         background-image: url(../../img/exclamation.gif)
 162 }
 163 div#info .boutons {
 164         padding: 1px;
 165 }
 166 div#info .boutons div {
 167         cursor: pointer;
 168         background-color: #c62929;
 169         display: inline;
 170         padding: 0px 5px 0px 5px;
 171         margin: 0px 5px 0px 5px;
 172 }
 173 div#info .boutons div:hover {
 174         background-color: #e84747;
 175 }
 176
 177 /***** Les infos bulles *****/
 178 #flecheBulle {
 179         position: absolute;
 180         z-index: 50;
 181         width: 15px;
 182         height: 8px;
 183         background-image: url(../../img/css1/fleche_bulle.png);
 184         display: none
 185 }
 186 #messageBulle {
 187         position: absolute;
 188         z-index: 50;
 189         color: #ffffff;
 190         background-color: #841919;
 191         display: none;
 192         font-size: 10px;
 193 }
 194 #messageBulle p {
 195         padding: 3px 6px;
 196 }
 197
 198 /***** Le faux captcha *****/
 199 .captcha {
 200         display:none;
 201 }
 202
 203 /***** Les formulaires *****/
 204 form input,
 205 form button,
 206 form select {
 207         background-color: #f0df95;
 208         border: #841919 1px solid;
 209 }
 210 form input:hover, form input:focus,
 211 form button:hover, form button:focus,
 212 form select:hover, form select:focus {
 213         background-color: #ffffff;
 214 }
 215 form input,
 216 form select {
 217         font-size: 12px;
 218 }
 219 form button {
 220         font-size: 11px;
 221 }
 222 form input[readonly] {
 223         background-color: #d0c9aa
 224 }
 225
 226 /***** Les liens *****/
 227 .lien, a {
 228         text-decoration: underline;
 229         color: #c62929;
 230 }
 231 .lien {
 232         cursor: pointer
 233 }
 234 a:link, a:visited {
 235         color: #c62929;
 236 }
 237 .lien:hover, .lien:active, a:hover, a:active {
 238         color: #e84747;
 239 }