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    width: 700px;
  23    height: auto;
  24    margin-left: auto;
  25    margin-right: auto;
  26    margin-top: 20px;
  27 }
  28
  29 #menu {
  30         position: absolute;
  31         z-index: 10;
  32         font-size: 8pt;
  33         left: 350px;
  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: #00eaa0;
  43 }
  44
  45 #menu div.courante {
  46         background-color: #00ea48;
  47 }
  48 #menu div:hover,
  49 #menuCss div:hover
  50 {
  51         background-color: #00ea48
  52 }
  53
  54 #menuCss {
  55         position: absolute;
  56         left: 600px;
  57         top: -5px;
  58         z-index: 10;
  59 }
  60
  61 #menuCss div {
  62         cursor: pointer;
  63         display: inline;
  64         font-size: 8pt;
  65         margin-left: 4px;
  66         margin-right: 4px;
  67 }
  68
  69 #page {
  70    position: relative;
  71    padding: 20px 0px 15px 0px;
  72    font-size: 8pt;
  73    background-color: #eff4f8;
  74 }
  75
  76 #logo {
  77    z-index: 10;
  78    background-image: url(../../img/css2/logo.png);
  79    width: 253px;
  80    height: 37px;
  81    position: absolute;
  82    top: 5px;
  83    left: 5px;
  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: #FFFFFF;
  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: #ff7070;
 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: #ffaeae;
 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: #FFFFFF;
 160         border: #00eaa0 1px solid;
 161         color: #4b4b4b;
 162         font-size: 9pt;
 163 }
 164
 165 a {
 166    text-decoration: none;
 167 }
 168 a:link {
 169         color: #4332c1;
 170 }
 171 a:visited {
 172    color: #4332c1;
 173 }
 174 a:hover {
 175    color: #ffad0f;
 176 }
 177 a:active {
 178    color: #ffad0f;
 179 }
 180