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