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: 170px;
  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: 190px;
  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, .table_medium {
  60         margin: 0px;
  61         padding: 0px;
  62 }
  63
  64 .table {
  65         width: 500px;
  66 }
  67
  68 .table_medium {
  69         width: 700px;
  70 }
  71
  72 .table_big {
  73         width: 100%;
  74 }
  75
  76 .table_row {
  77         width: 100%;
  78         min-height: 20px;
  79 }
  80
  81 .table_left {
  82         width: 250px;
  83         min-height: 20px;
  84         float: left;
  85 }
  86
  87 .table_right {
  88         width: 200px;
  89         min-height: 20px;
  90         float: right;
  91 }
  92
  93 .table_left25 {
  94         width: 20px;
  95         min-height: 20px;
  96         float: left;
  97 }
  98
  99 .table_right75 {
 100         width: 430px;
 101         min-height: 20px;
 102         float: right;
 103 }
 104
 105 .table_left_medium {
 106         width: 300px;
 107         min-height: 20px;
 108         float: left;
 109 }
 110
 111 .table_right_medium {
 112         width: 250px;
 113         min-height: 20px;
 114         float: right;
 115 }
 116
 117 .para {
 118         padding: 5px 5px 5px 5px;
 119 }
 120
 121 .clear {
 122         clear: both;
 123 }
 124
 125 ul.footer_nav, ul.mini_nav {
 126         display: block;
 127         text-align: center;
 128         list-style: none;
 129         margin: 0px;
 130         padding: 0px;
 131 }
 132
 133 ul.footer_nav li.footer_link, ul.mini_nav li.mini_link {
 134         display: block;
 135         float: left;
 136 }
 137
 138 ul.footer_nav li.footer_link {
 139         width: 100px;
 140 }
 141
 142 ul.mini_nav li.mini_link {
 143         padding: 1px;
 144 }
 145
 146 ul.footer_nav li.footer_copyright {
 147         float: right;
 148         width: 300px;
 149         margin-right: 10px;
 150 }
 151
 152 .menu ul {
 153         list-style: none;
 154         padding-left: 5px;
 155 }
 156
 157 .table_header, .table_label, .message_header {
 158         text-align: center;
 159         font-weight: bold;
 160 }
 161
 162 #content_header {
 163         background-color: #dddddd;
 164         font-weight: bold;
 165         font-size: 18px;
 166         margin-bottom: 20px;
 167 }
 168
 169 .table_header_column {
 170         width: 100px;
 171 }
 172
 173 .table_header_column25 {
 174         width: 25%;
 175 }
 176
 177 .table_data_column {
 178         width: 100px;
 179 }
 180
 181 .item_price, .item_total_price {
 182         text-align: right;
 183 }
 184
 185 .errors {
 186         color: red;
 187 }
 188
 189 .fatals {
 190         color: red;
 191         font-weight: bold;
 192 }
 193
 194 .infos {
 195         color: cornflowerblue;
 196 }
 197
 198 .warnings {
 199         color: gold;
 200 }
 201
 202 .message_box {
 203         width: 400px;
 204 }
 205
 206 .message_header {
 207         background-color: #dddddd;
 208 }
 209
 210 .okay {
 211         color: #00aa00;
 212 }
 213
 214 .user_status_confirmed {
 215         color: #00aa00;
 216 }
 217
 218 .user_status_unconfirmed {
 219         color: #00aaaa;
 220 }
 221
 222 .user_status_unconfirmed {
 223         color: #aa0000;
 224 }
 225
 226 .data_label, .data_field {
 227         display: block;
 228         width: 100%;
 229         height: 14px;
 230         padding: 1px;
 231         margin: 1px;
 232         border: 1px solid #aaaaaa;
 233         vertical-align: top;
 234 }
 235
 236 .data_label {
 237         font-weight: bold;
 238         background-color: #dddddd;
 239 }
 240
 241 .unlink_link {
 242         color: #aaaa00;
 243 }
 244
 245 .delete_link {
 246         color: #aa0000;
 247 }
 248
 249 .delete_button {
 250         border: #ff0000 1px groove;
 251         background-color: #880000;
 252         color: #ffffff;
 253 }