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