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