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