styles/1/euphorik.css

   1 /* coding: utf-8 */
   2
   3 @import url(pageMinichat.css);
   4 @import url(pageAdmin.css);
   5 @import url(pageProfileRegister.css);
   6 @import url(pageAbout.css);
   7
   8 * {
   9         padding: 0px;
  10         margin: 0px;
  11 }
  12
  13 body {
  14         font-family: sans-serif;
  15         font-size: 12px;
  16         color: #841919;
  17         background-color: #f6dfc2;
  18 }
  19
  20 td {
  21    padding-right: 4px
  22 }
  23
  24 #container {
  25         height: auto;
  26         margin: 0px;
  27 }
  28
  29 /***** Menu *****/
  30 ul#menu {
  31         background-image: url(img/logo_fond.png);
  32         height:129px;
  33         width: 100%;
  34         font-size: 11px;
  35         list-style-type:none;
  36 }
  37 #menu li:first-child {
  38         margin-left: 340px;
  39 }
  40 #menu li {
  41         margin-top: 47px;
  42         font-size: 14px;
  43         text-align: center;
  44         cursor: pointer;
  45         height:30px;
  46         z-index: 20;
  47         float: left;
  48         min-width: 60px;
  49         background-color: #f6dfc2;
  50         line-height: 32px;
  51 }
  52 #menu li.courante {
  53         background-color: #ffffff;
  54         background-image: url(img/triangle.png);
  55         background-repeat: no-repeat;
  56         background-position: center bottom
  57 }
  58 #menu li:hover {
  59         background-color: #ffffff;
  60 }
  61
  62 /***** Le menu pour le choix de la CSS *****/
  63 #menuCss {
  64         position: absolute;
  65         z-index: 10;
  66         left: 550px;
  67         top:0px;
  68         font-size: 9px;
  69 }
  70
  71 /***** Le style du contenu des pages *****/
  72 #page {
  73         font-size: 12px;
  74         background-color: #f6dfc2;
  75         padding: 10px 10px 15px 10px;
  76 }
  77 #page > h1 {
  78         margin-top: 10px;
  79         margin-left: 0px;
  80         font-size: 18px;
  81 }
  82 #page > h2 {
  83         margin-top: 10px;
  84         margin-left: 10px;
  85         font-size: 16px;
  86 }
  87 #page > h3 {
  88         margin-top: 10px;
  89         margin-left: 20px;
  90         font-size: 14px;
  91         background-color : #FFFFFF
  92 }
  93 #page > h4 {
  94         margin-top: 10px;
  95         margin-left: 25px;
  96         font-size: 12px;
  97 }
  98 #page > p {
  99         margin-top: 3px;
 100         margin-left: 35px;
 101 }
 102 #page > ul {
 103         margin-top: 3px;
 104         margin-left: 45px;
 105 }
 106 #logo {
 107         z-index: 10;
 108         background-image: url(img/logo.png);
 109         background-repeat: no-repeat;
 110         width: 304px;
 111         height: 129px;
 112         position: absolute;
 113 }
 114 #logo.ekMaster {
 115         background-image: url(img/logo_ek_master.png);
 116 }
 117
 118 /***** Le pied de page *****/
 119 #footer {
 120         background-color: #e19671;
 121         text-align: right;
 122         font-size: 9px;
 123         padding: 2px
 124 }
 125 #footer a img{
 126         border-style: none;
 127         vertical-align: middle;
 128         margin-right: 5px;
 129 }
 130 #footer span{
 131         margin-right: 10px;
 132 }
 133
 134 /***** La boite d'information (s'apparente à une MessageBox) *****/
 135 div#info {
 136         text-align: center;
 137         width:100%;
 138         position: fixed;
 139         left: 0px;
 140         top: 0px;
 141         background-color: #841919;
 142         border-bottom: 1px solid #FFFFFF;
 143         z-index: 20;
 144         color: #f0df95
 145 }
 146 div#info div.fermer {
 147         float:right;
 148         cursor: pointer;
 149         height:16px;
 150         width: 16px;
 151         background-image: url(../../img/fermer.gif)
 152 }
 153 div#info #icone {
 154         float:left;
 155         height:16px;
 156         width: 16px;
 157 }
 158 div#info #icone.interrogation {
 159         background-image: url(../../img/interrogation.gif)
 160 }
 161 div#info #icone.information {
 162         background-image: url(../../img/information.gif)
 163 }
 164 div#info #icone.exclamation {
 165         background-image: url(../../img/exclamation.gif)
 166 }
 167 div#info .boutons {
 168         padding: 1px;
 169 }
 170 div#info .boutons div {
 171         cursor: pointer;
 172         background-color: #c62929;
 173         display: inline;
 174         padding: 0px 5px 0px 5px;
 175         margin: 0px 5px 0px 5px;
 176 }
 177 div#info .boutons div:hover {
 178         background-color: #e84747;
 179 }
 180
 181 /***** Les infos bulles *****/
 182 #flecheBulle {
 183         position: absolute;
 184         z-index: 50;
 185         display: none
 186 }
 187 .flecheBulleHaut {
 188         background-image: url(img/fleche_bulle_haut.png);
 189         width: 15px;
 190         height: 8px;
 191 }
 192 .flecheBulleDroite {
 193         background-image: url(img/fleche_bulle_droite.png);
 194         width: 8px;
 195         height: 15px;
 196 }
 197 .flecheBulleBas {
 198         background-image: url(img/fleche_bulle_bas.png);
 199         width: 15px;
 200         height: 8px;
 201 }
 202 .flecheBulleGauche {
 203         background-image: url(img/fleche_bulle_gauche.png);
 204         width: 8px;
 205         height: 15px;
 206 }
 207 #messageBulle {
 208         position: absolute;
 209         z-index: 50;
 210         color: #ffffff;
 211         background-color: #841919;
 212         display: none;
 213         font-size: 10px;
 214 }
 215 #messageBulle p {
 216         padding: 3px 6px;
 217 }
 218
 219 /***** Le faux captcha *****/
 220 .captcha {
 221         display:none;
 222 }
 223
 224 /***** Les formulaires *****/
 225 form input,
 226 form button,
 227 form select {
 228         background-color: #f0df95;
 229         border: #841919 1px solid;
 230 }
 231 form input:hover, form input:focus,
 232 form button:hover, form button:focus,
 233 form select:hover, form select:focus {
 234         background-color: #ffffff;
 235 }
 236 form input,
 237 form select {
 238         font-size: 12px;
 239 }
 240 form button {
 241         font-size: 11px;
 242 }
 243 form input[readonly] {
 244         background-color: #d0c9aa
 245 }
 246
 247 /***** Les liens *****/
 248 .lien, a {
 249         text-decoration: underline;
 250         color: #c62929;
 251 }
 252 .lien {
 253         cursor: pointer
 254 }
 255 a:link, a:visited {
 256         color: #c62929;
 257 }
 258 .lien:hover, .lien:active, a:hover, a:active {
 259         color: #e84747;
 260 }