styles/2/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: monospace;
  15    font-size: 12px;
  16    color: #EEEEEE;
  17    background-color: #DFDFDF;
  18    background-image: url(img/fond.png)
  19 }
  20
  21 #container {
  22    height: auto;
  23    margin-left: 10px;
  24    margin-right: 10px;
  25    margin-top: 40px;
  26 }
  27
  28 /***** Textile *****/
  29 em.leger {
  30         font-style: italic
  31 }
  32 em.fort {
  33         font-style: normal;
  34         font-weight: bold
  35 }
  36
  37 /***** Menu *****/
  38 ul#menu {
  39         padding-left: 300px;
  40         height: 23px;
  41         font-size: 11px;
  42         background-color: #000000;
  43         list-style-type:none;
  44 }
  45 #menu li {
  46         cursor: pointer;
  47         z-index: 20;
  48         float: left;
  49         padding: 2px;
  50         margin-left: 2px;
  51         background-color: #4f5519;
  52 }
  53 #menu li.courante {
  54         background-color: #818c27;
  55 }
  56 #menu li:hover {
  57         background-color: #818c27
  58 }
  59
  60 /***** Le menu pour le choix de la CSS *****/
  61 #menuCss {
  62         position: absolute;
  63         z-index: 10;
  64         left: 600px;
  65         top:40px;
  66         font-size: 9px;
  67 }
  68
  69 /***** Le style du contenu des pages *****/
  70 #page {
  71    font-size: 12px;
  72    background-color: #000000;
  73    padding: 10px 10px 15px 10px;
  74 }
  75 #page > h1 {
  76    margin-top: 10px;
  77    margin-left: 0px;
  78    font-size: 18px;
  79    color : #a6b80e
  80 }
  81 #page > h2 {
  82    margin-top: 10px;
  83    margin-left: 10px;
  84    font-size: 16px;
  85    color : #899714;
  86 }
  87 #page > h3 {
  88    margin-top: 10px;
  89    margin-left: 20px;
  90    font-size: 14px;
  91    color : #79841a;
  92    background-color : #1e2201
  93 }
  94 #page > h4 {
  95    margin-top: 10px;
  96    margin-left: 25px;
  97    font-size: 12px;
  98    color : #646d1d
  99 }
 100 #page > p {
 101    margin-top: 3px;
 102    margin-left: 35px;
 103    color : #e9e9e9
 104 }
 105 #page > ul {
 106    margin-top: 3px;
 107    margin-left: 45px;
 108    color: #e9e9e9
 109 }
 110 #logo {
 111    z-index: 10;
 112    background-image: url(img/logo_2.png);
 113    width: 253px;
 114    height: 37px;
 115    position: absolute;
 116    top: 20px;
 117    left: 4px;
 118 }
 119 #logo.ekMaster {
 120         background-image: url(img/logo_2_ek_master.png);
 121 }
 122
 123 /***** Le pied de page *****/
 124 #footer {
 125         text-align: right;
 126         font-size: 9px
 127 }
 128 #footer a img{
 129         border-style: none;
 130         vertical-align: middle;
 131         margin-right: 5px;
 132 }
 133 #footer span{
 134         margin-right: 10px;
 135 }
 136
 137 /***** La boite d'information (s'apparente à une MessageBox) *****/
 138 div#info {
 139         text-align: center;
 140         width:100%;
 141         position: fixed;
 142         left: 0px;
 143         top: 0px;
 144         background-color: #000000;
 145         border-bottom: 1px solid #aeaeae;
 146         z-index: 20;
 147 }
 148 div#info div.fermer {
 149         float:right;
 150         cursor: pointer;
 151         height:16px;
 152         width: 16px;
 153         background-image: url(../../img/fermer.gif)
 154 }
 155 div#info #icone {
 156         float:left;
 157         height:16px;
 158         width: 16px;
 159 }
 160 div#info #icone.interrogation {
 161         background-image: url(../../img/interrogation.gif)
 162 }
 163 div#info #icone.information {
 164         background-image: url(../../img/information.gif)
 165 }
 166 div#info #icone.exclamation {
 167         background-image: url(../../img/exclamation.gif)
 168 }
 169 div#info .boutons {
 170         padding: 1px;
 171 }
 172 div#info .boutons div {
 173         cursor: pointer;
 174         background-color: #770000;
 175         display: inline;
 176         padding: 0px 5px 0px 5px;
 177         margin: 0px 5px 0px 5px;
 178 }
 179 div#info .boutons div:hover {
 180         background-color: #bc0000;
 181 }
 182
 183 /***** Les infos bulles *****/
 184 #flecheBulle {
 185         position: absolute;
 186         z-index: 50;
 187         display: none
 188 }
 189 .flecheBulleHaut {
 190         background-image: url(img/fleche_bulle_haut.png);
 191         width: 15px;
 192         height: 8px;
 193 }
 194 .flecheBulleDroite {
 195         background-image: url(img/fleche_bulle_droite.png);
 196         width: 8px;
 197         height: 15px;
 198 }
 199 .flecheBulleBas {
 200         background-image: url(img/fleche_bulle_bas.png);
 201         width: 15px;
 202         height: 8px;
 203 }
 204 .flecheBulleGauche {
 205         background-image: url(img/fleche_bulle_gauche.png);
 206         width: 8px;
 207         height: 15px;
 208 }
 209 #messageBulle {
 210         position: absolute;
 211         z-index: 50;
 212         color: #ffffff;
 213         background-color: #164200;
 214         display: none;
 215         font-size: 10px;
 216 }
 217 #messageBulle p {
 218         padding: 3px 6px;
 219 }
 220
 221 /***** Le faux captcha *****/
 222 .captcha {
 223         display:none
 224 }
 225
 226 /***** Les formulaires *****/
 227 form input,
 228 form button,
 229 form select {
 230         background-color: #164200;
 231         border: #2d8800 1px solid;
 232         color: #EEEEEE;
 233 }
 234 form input,
 235 form select {
 236         font-size: 12px;
 237 }
 238 form button {
 239         font-size: 11px;
 240 }
 241 form input[readonly] {
 242         background-color: #484e46
 243 }
 244
 245 /***** Les liens *****/
 246 .lien, a {
 247         text-decoration: none;
 248         color: #7664ff;
 249 }
 250 .lien {
 251         cursor: pointer;
 252 }
 253 a:link, a:visited {
 254         color: #7664ff;
 255 }
 256 .lien:hover, .lien:active, a:hover, a:active {
 257    color: #ffad0f;
 258 }
 259