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