css/1/euphorik.css

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