css/1/euphorik.css

   1 @import url(../common.css);
   2 @import url(pageMinichat.css);
   3 @import url(pageAdmin.css);
   4 @import url(pageProfileRegister.css);
   5 @import url(pageAbout.css);
   6
   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 ul#menu {
  27         /*
  28         left: 300px;
  29         top: 2px;*/
  30         background-image: url(../../img/css1/logo_fond.png);
  31         /*position: absolute;*/
  32         height:129px;
  33         width: 100%;
  34         font-size: 11px;
  35         list-style-type:none;
  36         /*background-color: #e19671;*/
  37 }
  38 #menu li:first-child {
  39         margin-left: 340px;
  40 }
  41 #menu li {
  42         margin-top: 47px;
  43         padding-top: 5px;
  44         font-size: 14px;
  45         text-align: center;
  46         cursor: pointer;
  47         height:25px;
  48         z-index: 20;
  49         float: left;
  50         min-width: 60px;
  51         background-color: #f6dfc2;
  52 }
  53 #menu li.courante {
  54         background-color: #ffffff;
  55         background-image: url(../../img/css1/triangle.png);
  56         background-repeat: no-repeat;
  57         background-position: center bottom
  58 }
  59 #menu li:hover {
  60         background-color: #ffffff;
  61 }
  62
  63 #menuCss {
  64         position: absolute;
  65         z-index: 10;
  66         left: 600px;
  67         top:0px;
  68         font-size: 9px;
  69 }
  70
  71 #page {
  72    font-size: 12px;
  73    background-color: #f6dfc2;
  74    padding: 10px 10px 15px 10px;
  75 }
  76
  77 #page > h1 {
  78    margin-top: 10px;
  79    margin-left: 0px;
  80    font-size: 18px;
  81    color : #a6b80e
  82 }
  83
  84 #page > h2 {
  85    margin-top: 10px;
  86    margin-left: 10px;
  87    font-size: 16px;
  88    color : #899714;
  89 }
  90
  91 #page > h3 {
  92    margin-top: 10px;
  93    margin-left: 20px;
  94    font-size: 14px;
  95    color : #79841a;
  96    background-color : #1e2201
  97 }
  98
  99 #page > h4 {
 100    margin-top: 10px;
 101    margin-left: 25px;
 102    font-size: 12px;
 103    color : #646d1d
 104 }
 105
 106 #page > p {
 107    margin-top: 3px;
 108    margin-left: 35px;
 109    color : #e9e9e9
 110 }
 111
 112 #page > ul {
 113    margin-top: 3px;
 114    margin-left: 45px;
 115    color: #e9e9e9
 116 }
 117
 118 #logo {
 119    z-index: 10;
 120    background-image: url(../../img/css1/logo.png);
 121         background-repeat: no-repeat;
 122    width: 304px;
 123    height: 129px;
 124    position: absolute;
 125 }
 126
 127 #footer {
 128         background-color: #e19671;
 129         text-align: center;
 130 }
 131 #footer a img{
 132         border-style: none;
 133 }
 134
 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
 147 div#info div.fermer {
 148         float:right;
 149         cursor: pointer;
 150         height:16px;
 151         width: 16px;
 152         background-image: url(../../img/fermer.gif)
 153 }
 154
 155 div#info #icone {
 156         float:left;
 157         height:16px;
 158         width: 16px;
 159 }
 160 div#info #icone.interrogation {
 161         background-image: url(../../img/interrogation.gif)
 162 }
 163 div#info #icone.information {
 164         background-image: url(../../img/information.gif)
 165 }
 166 div#info #icone.exclamation {
 167         background-image: url(../../img/exclamation.gif)
 168 }
 169
 170 div#info .boutons {
 171         padding: 1px;
 172 }
 173
 174 div#info .boutons div {
 175         cursor: pointer;
 176         background-color: #c62929;
 177         display: inline;
 178         padding: 0px 5px 0px 5px;
 179         margin: 0px 5px 0px 5px;
 180 }
 181 div#info .boutons div:hover {
 182         background-color: #e84747;
 183 }
 184
 185 .captcha {
 186         display:none
 187 }
 188
 189 form input,
 190 form button,
 191 form select {
 192         background-color: #f0df95;
 193         border: #841919 1px solid;
 194 }
 195
 196 form input,
 197 form select {
 198         font-size: 12px;
 199 }
 200
 201 form button {
 202         font-size: 11px;
 203 }
 204
 205 a {
 206    text-decoration: none;
 207 }
 208 a:link {
 209         color: #c62929;
 210 }
 211 a:visited {
 212    color: #c62929;
 213 }
 214 a:hover {
 215    color: #e84747;
 216 }
 217 a:active {
 218    color: #e84747;
 219 }
 220