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