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