web/resources/css/cssLayout.css

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