rpgillusion

RPG Illusion: French fork of Dragon Knight
git clone https://git.neuralcrash.com/rpgillusion.git
Log | Files | Refs | README

css_jeu.css (3785B)


      1 /* Base du template*/
      2 
      3 select{
      4  font-size: 8pt;
      5  font-family: Verdana;
      6  background-color: #FFF6EB;
      7  border: 1px solid #FFA94D
      8 }
      9 
     10 input {
     11  font-size: 8pt;
     12  font-family: Verdana;
     13  background-color: #FFF6EB;
     14  border: 1px solid #FFA94D
     15 }
     16 
     17 textarea {
     18  font: 11px verdana;
     19  border: 1px solid #FFA94D;
     20  background-color:#FFF6EB;
     21  padding-left:2px
     22 }
     23 
     24 A:visited {
     25  color: #B35F21; TEXT-DECORATION: none;
     26 }
     27 a:hover  {
     28  color: #B35F21;  TEXT-DECORATION: underline;
     29 }
     30 A:link {
     31  color: #B35F21; TEXT-DECORATION: none;
     32 }
     33 A:active {
     34  color: #B35F21; TEXT-DECORATION: none;
     35 }
     36 
     37 body { 
     38  padding-right: 0px; 
     39  padding-left: 0px; 
     40  font: 11px verdana;
     41  background-image: url(../images/principal/arriereplan.gif); 
     42  padding-bottom: 0px; margin: 0px; 
     43  padding-top: 0px; 
     44  font-family: Verdana, Arial, Helvetica, sans-serif; 
     45  top: 0px; 
     46 }  
     47   
     48 #conteneur {
     49  width:767px;
     50  margin-left:auto; 
     51  margin-right:auto;
     52  border:0px solid #000000;
     53  margin-top:20px;
     54  margin-bottom:20px;
     55 } 
     56 
     57 #header {
     58   width:767px;
     59   height:102px;
     60   background-image:url(../images/principal/entete.jpg);
     61   background-repeat:no-repeat
     62 } 
     63 
     64 #flash {
     65   width:767px;
     66   height:46px;
     67   background-color: #FFF9F1
     68 } 
     69 
     70 #centre {
     71  margin-bottom: 0px;
     72  margin-left:0px;
     73  float:left;
     74  width: 767px;
     75  padding:0px;
     76  background-image:url(../images/principal/background-contenu.gif)
     77 } 
     78 
     79 #pied {
     80  background-image: url(../images/principal/bas.gif);
     81  padding-top:0px;
     82  padding-bottom:0px;
     83  clear:both;
     84  width:767px;
     85  height:26px;
     86  text-align:right;
     87 } 
     88 
     89 #menu{ 
     90  float:left;
     91  width: 175px;
     92  margin-left:3px;
     93 } 
     94 
     95 #contenu{
     96  float:left;
     97  width: 578px;
     98  margin-left:0px;
     99 } 
    100 
    101 /*Structure intérieur de la page */
    102 
    103 #bloc_principal{
    104  float:left;
    105  width: 390px;
    106 } 
    107 
    108 #bloc_droite{
    109  float:left;
    110  width: 172px;
    111  margin-left:12px; 
    112 
    113 } 
    114 
    115 #bloc_bas1{
    116  float:left;
    117  width:190px;
    118  height:230px
    119 } 
    120 
    121 #bloc_bas2{
    122  float:left;
    123  width: 182px;
    124  height:230px;
    125  margin-left:16px
    126 }
    127 
    128 /*Divers éléments structures */
    129 
    130 .padding {
    131  padding: 3px;
    132  margin: 0px;
    133 }
    134 
    135 /*Element de taille */
    136 
    137 .notice {
    138  font: 10px verdana;
    139  font-style: italic
    140 }
    141 
    142 .taille1 {
    143  font: 10px verdana;
    144 }
    145 
    146 /*Police spéciales titres */
    147 
    148 #taille2 H1{
    149  font-family: 'lucida sans unicode', 'century gothic', verdana, 'bistream vera sans', helvetica;
    150  font-size: 20px;
    151  font-weight: normal;
    152  padding-bottom: 4px; margin: 0px 0px 3px; padding-top: 0px; border-bottom: #dfdfdf 1px solid;
    153 }
    154 
    155 .taille3 H1{
    156  font-family: 'lucida sans unicode', 'century gothic', verdana, 'bistream vera sans', helvetica;
    157  font-size: 14px;
    158  font-weight: normal;
    159  padding-bottom: 4px; margin: 0px 0px 3px; padding-top: 0px; border-bottom: #dfdfdf 1px solid;
    160  color : #A42885
    161 }
    162 
    163 /*Elements couleurs */  
    164 
    165 .rose1 {
    166  background-color: #FFDFF3
    167 }
    168 
    169 .rose2 {
    170  background-color: #FFF2FA
    171 }
    172 
    173 .rose3 {
    174  color: #CC0099;
    175 }
    176 
    177 .rose4 {
    178  color: #9C0E79;
    179 }
    180 
    181 .rose5 {
    182  color: #D7006B;
    183 }
    184 
    185 .mauve1 {
    186  color: #6905A5;
    187 }
    188 
    189 .mauve2 {
    190  color: #CC00CC
    191 }
    192 
    193 .marron1 {
    194  color: #A0570E;
    195  font-weight: bold
    196 }
    197 
    198 .marron2 {
    199  color: #B35F21;
    200  font-weight: normal
    201 } 
    202 
    203 .rouge1 {
    204  color: #DA4A12
    205 }
    206 
    207 .alerte {
    208   color: #cc0000;
    209   font-weight: bold
    210 }
    211 
    212 /*Elements divers */
    213 
    214 .arriere_plan {
    215  background-image:url(../images/login/fondperso.jpg);
    216  background-repeat: no-repeat;
    217  background-position: center top
    218 }
    219 
    220 .no_bordure {
    221  border: 0 none;
    222 }
    223 
    224 .alerte_session {
    225  background-color: #FF6666;
    226  width:155px;
    227  border:1px solid;
    228 }
    229 
    230 .bloc_rose{
    231  background-color: #FFF2FA;
    232  width:568px;
    233  min-height: 40px;
    234  border:1px solid;
    235  overflow:auto;
    236 }
    237 
    238 .avatar_menu{
    239  background-repeat: no-repeat;
    240  background-position: right top;
    241  margin-right:18px;
    242 }