style.css.php

   1 <?php
   2
   3 // #CF3F17
   4
   5 $couleur0 = '#FF9966';
   6 $couleur1 = '#993300';
   7 $couleur2 = 'black';
   8 $colorMenu = '#FF6666';
   9 $colorMenuHover = 'white';
  10 $backMenuHover = '#993300';
  11 $colorMenuActive = '#993300';
  12 ?>
  13 *{
  14 font-family: "Trebuchet MS", sans-serif;
  15 }
  16
  17
  18 p {
  19     font-size:10pt;
  20 }
  21
  22
  23 body{
  24         margin: 0;
  25         padding: 0;
  26         border: 0;
  27         overflow: hidden;
  28         height: 100%;
  29         max-height: 100%;
  30 }
  31
  32 * html body{ /*IE6 hack*/
  33         padding: 180px 0 40px 0; /*Set value to (HeightOfTopFrameDiv 0 HeightOfBottomFrameDiv 0)*/
  34 }
  35
  36 * html #maincontent{ /*IE6 hack*/
  37         height: 100%;
  38         width: 100%;
  39 }
  40
  41
  42 #head{
  43         position: absolute;
  44         top: 0;
  45         left: 0;
  46         width: 100%;
  47         height: 180px; /*Height of top frame div*/
  48         overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
  49         /* background-color: #882900; */
  50         background:<?=$couleur2?> url(images/bannernb.jpg) no-repeat center top;
  51         color:<?=$couleur1?>;
  52         text-align:center;
  53 }
  54
  55 #head a img {
  56     border:0;
  57 }
  58
  59 #head a:hover {
  60     color:<?=$couleur1?>;
  61     background:none;
  62 }
  63
  64
  65 #foot{
  66     position: absolute;
  67     width: 100%;
  68         top: auto;
  69         left: 0;
  70         bottom: 0;
  71         height: 40px; /*Height of bottom frame div*/
  72         overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
  73         background-color: <?=$couleur2?>;
  74         color: <?=$couleur1?>;
  75         text-align:center;
  76         font-size:0.6em;
  77 }
  78
  79 #foot a {
  80   text-decoration:none;
  81   font-weight:bold;
  82   color:<?=$couleur1?>;
  83 }
  84
  85 #foot a:hover {
  86   color:<?=$couleur0?>;
  87   background:<?=$couleur1?>;
  88 }
  89
  90
  91 #maincontent{
  92         position: fixed;
  93         top: 180px; /*Set top value to HeightOfTopFrameDiv*/
  94         left: 0;
  95         right: 0;
  96         bottom: 40px; /*Set bottom value to HeightOfBottomFrameDiv*/
  97         overflow: auto;
  98         /* background: <?=$couleur1?>; */
  99         background: <?=$couleur2?> url(images/fond.jpg) no-repeat center;
 100         color: <?=$couleur0?>;
 101 }
 102
 103 #maincontent h1,h2,h3,h4 {
 104     color: <?=$couleur0?>;
 105 }
 106
 107 #contenu {
 108         width:824px;
 109         margin-left:auto;
 110         margin-right:auto;
 111         text-align:justify;
 112 }
 113
 114 #contenu h1,h2,h3,h4 {
 115     color: <?=$couleur2?>;
 116 }
 117
 118 #content
 119 {
 120         clear: left;
 121         float: left;
 122         /* width: 824px; */
 123         padding: 20px 0;
 124         margin: 0 0 0 30px;
 125         display: inline;
 126 }
 127
 128 #aside
 129 {
 130         float: right;
 131         width: 240px;
 132         padding: 20px 0;
 133         margin: 0 20px 0 0;
 134         display: inline;
 135 }
 136
 137
 138
 139 .innertube{
 140         margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
 141 }
 142
 143
 144 #menu {
 145     position: absolute;
 146     top: auto;
 147           bottom: 0;
 148     margin:0;
 149     padding:0;
 150     width:100%;
 151     margin-left:auto;
 152     margin-right:auto;
 153     text-align:center;
 154     /* background:black; */
 155    background:<?=$couleur0?>;
 156    background: url(images/opaque.png) no-repeat center;
 157
 158 }
 159
 160 a {
 161   text-decoration:none;
 162   font-weight:bold;
 163   color:<?=$couleur0?>;
 164 }
 165
 166 a:hover {
 167   background:<?=$couleur1?>;
 168 }
 169
 170
 171
 172 /* menu */
 173
 174 ul#menu_horizontal {
 175    top: auto;
 176          bottom: 0;
 177    height : 30px;
 178    margin : 2em 0 0 0;
 179    padding : 0;
 180    color:<?=$colorMenu?>;
 181    list-style-type : none;
 182    display : inline;
 183 }
 184
 185 ul#menu_horizontal li {
 186     padding : 0 0.5em;
 187     line-height : 30px;
 188     display : inline-block;
 189     /* width: 120px; */
 190 }
 191
 192 ul#menu_horizontal li.active {
 193       color:  <?=$colorMenuHover?>;
 194       background: black;
 195 }
 196
 197 ul#menu_horizontal li.bouton_gauche {
 198     /* float : left; */
 199 }
 200
 201 ul#menu_horizontal li.bouton_droite {
 202     /* float : right; */
 203 }
 204
 205 ul#menu_horizontal a {
 206     color:<?=$colorMenu?>;
 207     text-decoration : none;
 208     padding : 0 0.5em;
 209     font :  0.8em;
 210 }
 211
 212 ul#menu_horizontal a:hover {
 213     color:<?=$colorMenuHover?>;
 214     background:<?=$backMenuHover?>;
 215 }
 216
 217 ul#menu_horizontal a img {
 218     border : none;
 219     padding :  0 0.3em;
 220 }
 221
 222 .active {
 223    /* border-bottom: 3px solid <?=$colorMenuActive?>; */
 224 }
 225