css/1/euphorik.css

   1 @import url(../common.css);
   2 @import url(pageMinichat.css);
   3 @import url(pageProfileRegister.css);
   4
   5 * {
   6         padding: 0;
   7         margin: 0;
   8 }
   9
  10 body {
  11    font-family: sans-serif;
  12    font-size: 12px;
  13    color: #EEEEEE;
  14    text-align: center; /* uniquement pour IE */
  15    background-color: #DFDFDF;
  16    background-image: url(../../img/css1/fond.png)
  17 }
  18
  19 #container {
  20    position: relative;
  21    height: auto;
  22    margin-left: 10px;
  23    margin-right: 10px;
  24    margin-top: 40px;
  25 }
  26
  27 #menu {
  28         position: absolute;
  29         z-index: 10;
  30         top: 2px;
  31         left: 300px;
  32         font-size: 11px;
  33         background-color: #000000;
  34         text-align: left;
  35 }
  36 #menu div {
  37         cursor: pointer;
  38         display: inline;
  39         padding: 2px;
  40         margin-left: 2px;
  41         background-color: #4f5519;
  42 }
  43 #menu div.courante {
  44         background-color: #818c27;
  45 }
  46 #menu div:hover {
  47         background-color: #818c27
  48 }
  49
  50 #menuCss {
  51         position: absolute;
  52         z-index: 10;
  53         left: 600px;
  54         top:0px;
  55         border: 1px;
  56         background-color: #164200;
  57         border: #2d8800 1px solid;
  58         color: #EEEEEE;
  59         font-size: 9px;
  60 }
  61
  62 #page {
  63    position: relative;
  64    padding: 25px 0px 15px 0px;
  65    font-size: 12px;
  66    background-color: #000000;
  67 }
  68
  69 #logo {
  70    z-index: 10;
  71    background-image: url(../../img/css1/logo_2.png);
  72    width: 253px;
  73    height: 37px;
  74    position: absolute;
  75    top: -20px;
  76    left: -10px;
  77 }
  78
  79 #footer {
  80         text-align: right;
  81 }
  82 #footer a img{
  83         border-style: none;
  84 }
  85
  86 div#info {
  87         width:100%;
  88         position: fixed;
  89         left: 0px;
  90         top: 0px;
  91         background-color: #000000;
  92         border-bottom: 1px solid #aeaeae;
  93         z-index: 20;
  94 }
  95
  96 div#info .fermer {
  97         float:right;
  98         cursor: pointer;
  99         height:16px;
 100         width: 16px;
 101         background-image: url(../../img/fermer.gif)
 102 }
 103
 104 div#info #icone {
 105         float:left;
 106         height:16px;
 107         width: 16px;
 108 }
 109 div#info #icone.interrogation {
 110         background-image: url(../../img/interrogation.gif)
 111 }
 112 div#info #icone.information {
 113         background-image: url(../../img/information.gif)
 114 }
 115 div#info #icone.exclamation {
 116         background-image: url(../../img/exclamation.gif)
 117 }
 118
 119 div#info .boutons {
 120         padding: 1px;
 121 }
 122
 123 div#info .boutons div {
 124         cursor: pointer;
 125         background-color: #770000;
 126         display: inline;
 127         padding: 0px 5px 0px 5px;
 128         margin: 0px 5px 0px 5px;
 129 }
 130 div#info .boutons div:hover {
 131         background-color: #bc0000;
 132 }
 133
 134 .captcha {
 135         display:none
 136 }
 137
 138 /* Obsolète
 139 #captcha {
 140         margin-bottom: 5px;
 141 }
 142 #captcha input {
 143         margin-left: 5px;
 144 }
 145 #captcha .captchaImg {
 146         background-color: #FFFFFF;
 147         vertical-align: bottom;
 148 }*/
 149
 150 form input,
 151 form button {
 152         background-color: #164200;
 153         border: #2d8800 1px solid;
 154         color: #EEEEEE;
 155         font-size: 12px;
 156 }
 157
 158 a {
 159    text-decoration: none;
 160 }
 161 a:link {
 162         color: #7664ff;
 163 }
 164 a:visited {
 165    color: #7664ff;
 166 }
 167 a:hover {
 168    color: #ffad0f;
 169 }
 170 a:active {
 171    color: #ffad0f;
 172 }
 173