web/resources/css/cssLayout.css

   1 /**
   2 div, table {
   3         border: 1px solid #ff0000;
   4 }
   5 /**/
   6
   7 #top {
   8         position: relative;
   9         background-color: #036fab;
  10         color: #ffffff;
  11         padding: 5px;
  12         margin: 0px 0px 10px 0px;
  13 }
  14
  15 #footer {
  16         position: relative;
  17         background-color: #c2dfef;
  18         padding: 5px;
  19         margin: 10px 0px 0px 0px;
  20 }
  21
  22 #left {
  23         float: left;
  24         background-color: #ece3a5;
  25         padding: 5px;
  26         width: 150px;
  27 }
  28
  29 #right {
  30         float: right;
  31         background-color: #ece3a5;
  32         padding: 5px;
  33         width: 150px;
  34 }
  35
  36 .center_content {
  37         position: relative;
  38         background-color: #dddddd;
  39         padding: 5px;
  40 }
  41
  42 .left_content {
  43         padding: 5px;
  44         margin-left: 170px;
  45 }
  46
  47 #top a:link, #top a:visited {
  48         color: #ffffff;
  49         font-weight : bold;
  50         text-decoration: none;
  51 }
  52
  53 #top a:link:hover, #top a:visited:hover  {
  54         color: #000000;
  55         font-weight : bold;
  56         text-decoration : underline;
  57 }
  58
  59 table, .table {
  60         margin: 0px;
  61         padding: 0px;
  62 }
  63
  64 .table {
  65         width: 500px;
  66 }
  67
  68 .table_big {
  69         width: 100%;
  70 }
  71
  72 .table_row {
  73         width: 100%;
  74         min-height: 20px;
  75 }
  76
  77 .table_left {
  78         width: 250px;
  79         min-height: 20px;
  80         float: left;
  81 }
  82
  83 .table_right {
  84         width: 200px;
  85         min-height: 20px;
  86         float: right;
  87 }
  88
  89 .table_left25 {
  90         width: 20px;
  91         min-height: 20px;
  92         float: left;
  93 }
  94
  95 .table_right75 {
  96         width: 430px;
  97         min-height: 20px;
  98         float: right;
  99 }
 100
 101 .para {
 102         padding: 5px 5px 5px 5px;
 103 }
 104
 105 .clear {
 106         clear: both;
 107 }
 108
 109 ul.footer_nav {
 110         text-align: center;
 111         /*width : 95%;*/
 112         list-style: none;
 113         margin: 0px;
 114 }
 115
 116 ul.footer_nav li.footer_link {
 117         float: left;
 118         width: 100px;
 119 }
 120
 121 ul.footer_nav li.footer_copyright {
 122         float: right;
 123         width: 300px;
 124         margin-right: 10px;
 125 }
 126
 127 .menu ul {
 128         list-style: none;
 129         padding-left: 5px;
 130 }
 131
 132 .table_header, .table_label, .message_header {
 133         text-align: center;
 134         font-weight: bold;
 135 }
 136
 137 #content_header {
 138         background-color: #dddddd;
 139         font-weight: bold;
 140         font-size: 18px;
 141         margin-bottom: 20px;
 142 }
 143
 144 .table_header_column {
 145         width: 100px;
 146 }
 147
 148 .table_header_column25 {
 149         width: 25%;
 150 }
 151
 152 .table_data_column {
 153         width: 100px;
 154 }
 155
 156 .item_price, .item_total_price {
 157         text-align: right;
 158 }
 159
 160 .errors {
 161         color: red;
 162 }
 163
 164 .fatals {
 165         color: red;
 166         font-weight: bold;
 167 }
 168
 169 .infos {
 170         color: cornflowerblue;
 171 }
 172
 173 .warnings {
 174         color: gold;
 175 }
 176
 177 .message_box {
 178         width: 400px;
 179 }
 180
 181 .message_header {
 182         background-color: #036fab;
 183 }
 184
 185 .okay {
 186         color: #00aa00;
 187 }