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