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