style.css

   1 body {
   2    background-color: #DDF3DD;
   3    min-width: 800px;
   4    font-family: Arial;
   5    font-size: 10pt;
   6 }
   7
   8 a {
   9    text-decoration: none;
  10 }
  11 a:link {
  12         color: #3D3484;
  13 }
  14 a:visited {
  15         color: #3D3484;
  16 }
  17 a:hover {
  18    color: #7B72C4;
  19    text-decoration: underline
  20 }
  21 a:active {
  22    color: #D1CDF4;
  23    text-decoration: underline
  24 }
  25
  26 #erreur {
  27    border: red solid 5px;
  28    background-color: white;
  29    position: fixed;
  30    left: 10px;
  31    top: 5px;
  32    z-index: 10;
  33 }
  34
  35 #menus {
  36         position: absolute;
  37         left: 10px;
  38         top: 10px;
  39 }
  40
  41 .menu {
  42    float: left;
  43    border: black solid 1px;
  44    background-color: #F3F3F3;
  45    padding: 5px;
  46    width: 130px;
  47    clear: both;
  48    margin-bottom: 10px;
  49 }
  50 .menu > a {
  51    display: block;
  52    margin-left: 3px;
  53    margin-bottom: 3px;
  54    border-left: #0000A0 solid 4px;
  55    padding-left: 3px;
  56 }
  57 .menu > a:hover {
  58    border-left: #6161CA solid 4px;
  59 }
  60 .menu h1{
  61    font-size: 13pt;
  62    margin-top: 3px;
  63    margin-bottom: 3px;
  64    font-style: italic;
  65    color: #0000A0;
  66 }
  67 .menu h2{
  68    font-size: 11pt;
  69    margin-bottom: 2px;
  70 }
  71
  72 #appartements a.courant {
  73    border-left: #A8A8E2 solid 4px;
  74    background-color: #E0E0EE;
  75    -moz-border-radius: 0px 9px 9px 0px;
  76 }
  77
  78 #appartements a p {
  79         margin-top: 0px;
  80         margin-bottom: 0px;
  81         font-size: 8pt;
  82 }
  83
  84 #appartement {
  85         padding-right: 10px;
  86         padding-left: 170px;
  87 }
  88 #appartement th.header1Label{
  89         width: 15%;
  90 }
  91 #appartement th.header2Label{
  92         width: 10%;
  93 }
  94 #appartement textarea{
  95         font-size: 10pt;
  96         font-family: arial, helvetica, sans-serif;
  97         width: 100%;
  98 }
  99 #appartement input{
 100         width: 100%;
 101 }
 102
 103 #appartement .short
 104 {
 105  width: 40px;
 106 }
 107
 108 #appartement #boutonsEdition input{
 109         width: auto;
 110 }
 111 #appartement .exemple {
 112         font-size: 8pt;
 113         color: #666666;
 114 }
 115 #appartement #consultationStatut {
 116         font-weight: bold;
 117 }
 118 #appartement h1 {
 119    font-size: 15pt;
 120 }
 121 #appartement h2 {
 122    font-size: 14pt;
 123    margin-top: 10px;
 124    margin-bottom: 5px;
 125 }
 126 #appartement td {
 127    vertical-align: top;
 128    font-size: 10pt;
 129 }
 130 #appartement #map{
 131    page-break-before: always;
 132    height: 500px;
 133    width: 500px;
 134    float: left;
 135 }
 136 #appartement #map2{
 137    height: 500px;
 138    width: 500px;
 139    float: left;
 140 }
 141 #liste tbody
 142 {
 143 font-size: 0.8em;
 144 }
 145 #liste .statut0
 146 {
 147 /*background-color: white;*/
 148 }
 149 #liste .statut1
 150 {
 151 background-color: rgb(255,250,80);
 152 }
 153 #liste .statut2
 154 {
 155 background-color: orange;
 156 }
 157 #liste .statut3
 158 {
 159 background-color: rgb(200,55,55);
 160 }
 161 #liste .statut4
 162 {
 163 background-color: rgb(77, 77, 77);
 164 }
 165
 166 #liste tr
 167 {
 168 margin: 0px;
 169 padding: 0px;
 170 }
 171 #liste td
 172 {
 173 border-bottom: 1px solid grey;
 174 }
 175 #liste tr:hover
 176 {
 177 background: rgb(155,200,155);
 178 }
 179 #liste .statut
 180 {
 181 font-size: 1.2em;
 182 font-weight: bold;
 183 }