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