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