css/1/euphorik.css

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