css/2/euphorik.css

   1
   2 @import url(pageMinichat.css);
   3 @import url(pageAdmin.css);
   4 @import url(pageProfileRegister.css);
   5 @import url(pageAbout.css);
   6
   7
   8 * {
   9         padding: 0px;
  10         margin: 0px;
  11 }
  12
  13 body {
  14    font-family: sans-serif;
  15    font-size: 12px;
  16    color: #EEEEEE;
  17    /*text-align: center;*/ /* uniquement pour IE */
  18    background-color: #DFDFDF;
  19    background-image: url(../../img/css2/fond.png)
  20 }
  21
  22 #container {
  23    position: relative;
  24    height: auto;
  25    margin-left: 10px;
  26    margin-right: 10px;
  27    margin-top: 40px;
  28 }
  29
  30 ul#menu {
  31         /*
  32         left: 300px;
  33         top: 2px;*/
  34         padding-left: 300px;
  35         /*position: absolute;*/
  36         height: 23px;
  37         font-size: 11px;
  38         background-color: #000000;
  39         list-style-type:none;
  40 }
  41 #menu li {
  42         cursor: pointer;
  43         z-index: 20;
  44         float: left;
  45         padding: 2px;
  46         margin-left: 2px;
  47         background-color: #4f5519;
  48 }
  49 #menu li.courante {
  50         background-color: #818c27;
  51 }
  52 #menu li:hover {
  53         background-color: #818c27
  54 }
  55
  56 #menuCss {
  57         position: absolute;
  58         z-index: 10;
  59         left: 600px;
  60         top:0px;
  61         font-size: 9px;
  62 }
  63
  64 #page {
  65    position: relative;
  66    font-size: 12px;
  67    background-color: #000000;
  68    padding: 10px 10px 15px 10px;
  69 }
  70
  71 #page > h1 {
  72    margin-top: 10px;
  73    margin-left: 0px;
  74    font-size: 18px;
  75    color : #a6b80e
  76 }
  77
  78 #page > h2 {
  79    margin-top: 10px;
  80    margin-left: 10px;
  81    font-size: 16px;
  82    color : #899714;
  83 }
  84
  85 #page > h3 {
  86    margin-top: 10px;
  87    margin-left: 20px;
  88    font-size: 14px;
  89    color : #79841a;
  90    background-color : #1e2201
  91 }
  92
  93 #page > h4 {
  94    margin-top: 10px;
  95    margin-left: 25px;
  96    font-size: 12px;
  97    color : #646d1d
  98 }
  99
 100 #page > p {
 101    margin-top: 3px;
 102    margin-left: 35px;
 103    color : #e9e9e9
 104 }
 105
 106 #page > ul {
 107    margin-top: 3px;
 108    margin-left: 45px;
 109    color: #e9e9e9
 110 }
 111
 112 #logo {
 113    z-index: 10;
 114    background-image: url(../../img/css2/logo_2.png);
 115    width: 253px;
 116    height: 37px;
 117    position: absolute;
 118    top: -20px;
 119    left: 4px;
 120 }
 121
 122 #footer {
 123         text-align: right;
 124 }
 125 #footer a img{
 126         border-style: none;
 127 }
 128
 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
 140 div#info div.fermer {
 141         float:right;
 142         cursor: pointer;
 143         height:16px;
 144         width: 16px;
 145         background-image: url(../../img/fermer.gif)
 146 }
 147
 148 div#info #icone {
 149         float:left;
 150         height:16px;
 151         width: 16px;
 152 }
 153 div#info #icone.interrogation {
 154         background-image: url(../../img/interrogation.gif)
 155 }
 156 div#info #icone.information {
 157         background-image: url(../../img/information.gif)
 158 }
 159 div#info #icone.exclamation {
 160         background-image: url(../../img/exclamation.gif)
 161 }
 162
 163 div#info .boutons {
 164         padding: 1px;
 165 }
 166
 167 div#info .boutons div {
 168         cursor: pointer;
 169         background-color: #770000;
 170         display: inline;
 171         padding: 0px 5px 0px 5px;
 172         margin: 0px 5px 0px 5px;
 173 }
 174 div#info .boutons div:hover {
 175         background-color: #bc0000;
 176 }
 177
 178 /***** Les infos bulles *****/
 179 #flecheBulle {
 180         position: absolute;
 181         z-index: 50;
 182         width: 15px;
 183         height: 8px;
 184         background-image: url(../../img/css2/fleche_bulle.png);
 185         display: none
 186 }
 187 #messageBulle {
 188         position: absolute;
 189         z-index: 50;
 190         color: #ffffff;
 191         background-color: #164200;
 192         display: none;
 193         font-size: 10px;
 194 }
 195 #messageBulle p {
 196         padding: 3px 6px;
 197 }
 198
 199
 200 .captcha {
 201         display:none
 202 }
 203
 204 form input,
 205 form button,
 206 form select {
 207         background-color: #164200;
 208         border: #2d8800 1px solid;
 209         color: #EEEEEE;
 210 }
 211
 212 form input,
 213 form select {
 214         font-size: 12px;
 215 }
 216
 217 form button {
 218         font-size: 11px;
 219 }
 220
 221 a {
 222    text-decoration: none;
 223 }
 224 a:link {
 225         color: #7664ff;
 226 }
 227 a:visited {
 228    color: #7664ff;
 229 }
 230 a:hover {
 231    color: #ffad0f;
 232 }
 233 a:active {
 234    color: #ffad0f;
 235 }
 236