app/assets/stylesheets/ecs.css

   1 table.list {
   2   border-spacing: 0.3em;
   3   text-align: left;
   4   vertical-align:top;
   5 }
   6
   7 tr.list {
   8   margin-bottom:1.3em;
   9 }
  10
  11 .table-header {
  12   background-color: #edfada;
  13   border-bottom: 1px solid #BBBBBB;
  14 }
  15
  16 .table-border,.table-box {
  17   border:1px solid gray;
  18 }
  19
  20 .table-border-ltr {
  21   border-left:1px solid gray;
  22   border-top:1px solid gray;
  23   border-right:1px solid gray;
  24 }
  25
  26 .table-border-trb,.table-box-trb {
  27   border-top:1px solid gray;
  28   border-right:1px solid gray;
  29   border-bottom:1px solid gray;
  30 }
  31
  32 .table-border-r {
  33   border-right:1px solid gray;
  34 }
  35
  36 .light-green-background {
  37   background-color: #DAEAC2;
  38 }
  39
  40 .table-box,.table-box-trb {
  41 }
  42
  43
  44 .formular-input-width {
  45   width:100% ;
  46 }
  47
  48 .show-output-width {
  49   width:100% ;
  50 }
  51
  52 .table-resource-label {
  53   font-size: 100%;
  54   font-style: normal;
  55   color: #005A46;
  56   padding-left:2px;
  57 }
  58
  59 .table-resource-value {
  60   font-weight:bold;
  61   vertical-align:top;
  62 }
  63
  64 .table-data-show-strut {
  65   height:1em;
  66 }
  67
  68 .table-data-show-hline {
  69   height:1em;
  70 }
  71
  72 label {
  73   font-size: 100%;
  74   font-style: italic;
  75   color: #005A46;
  76   color: black;
  77   /*
  78   background-color: #DAEAC2;
  79   border: 1px solid #BBBBBB;
  80   background-color: #ececec;
  81   border-bottom: 1px solid black;
  82   vertical-align: bottom;
  83   margin-bottom: 20px;
  84   */
  85 }
  86
  87 .list-line-even {
  88 /*  background:   #e0f8f8; */
  89   background:   #f4f4f4;
  90 }
  91
  92 .list-line-odd {
  93 /*  background:   #f8b0f8; */
  94   background:   #dfdfdf;
  95 }
  96 .center {
  97   text-align: center;
  98 }
  99
 100 .left {
 101   text-align: left;
 102 }
 103
 104 .right {
 105   text-align: right;
 106 }
 107
 108 .middle {
 109   vertical-align:middle;
 110 }
 111
 112 .top {
 113   vertical-align: top;
 114 }
 115
 116
 117 /* ul.top_level_nav li { display: block; margin: 0 0 0 10px; padding: 0; float: left; list-style: none; height: 30px; } */
 118 /* ul.top_level_nav { height: 30px; display: inline-block; background: #404040; padding: 10px 0 0; margin: 0 0 40px; position: relative; } */
 119 /* #menu a:hover { background: #99CC99; color: #114411; } */
 120 #menu a:hover { background: #282; color: #BBFFBB; margin: 1px 5px 2px 5px; padding: 1px 5px 2px 5px; }
 121 #menu a { margin: 1px 5px 2px 5px; padding: 1px 5px 2px 5px; }
 122 ul.menu { display: inline-block; padding: 0 0 0 0; margin: 0 0 2px 0; }
 123 ul.menu li { display: block; float: left; list-style: none; border-right: 1px solid #282; }
 124 ul.menu li:last-child { display: block; float: left; list-style: none; border-right: none; }
 125
 126
 127
 128
 129
 130 .form-list-table {
 131 }
 132
 133 .list-border-space {
 134   border-spacing: 0.8em 0.2em;
 135 }
 136
 137
 138
 139
 140 /* Global styles */
 141
 142
 143 /*
 144 A:link {text-decoration: none}
 145 A:visited {text-decoration: none}
 146 A:active {text-decoration: none}
 147 A:hover {text-decoration: underline; color: red;}
 148 */
 149
 150 body {
 151   color: #000000;
 152   margin-left:1em;
 153   margin-right:1em;
 154 }
 155
 156 /* START:notice */
 157 #notice {
 158   border: 2px solid red;
 159   padding: 1em;
 160   margin-bottom: 2em;
 161   background-color: #f0f0f0;
 162   font: bold smaller sans-serif;
 163 }
 164 /* END:notice */
 165
 166 /* Styles for admin/list */
 167
 168 .list-title {
 169         color:        #244;
 170         font-weight:  bold;
 171         font-size:    larger;
 172 }
 173
 174 .list-image {
 175   width:        60px;
 176   height:       70px;
 177 }
 178
 179
 180 .list-actions {
 181   font-size:    x-small;
 182   text-align:   right;
 183   padding-left: 1em;
 184 }
 185
 186
 187 /* Styles for main page */
 188
 189 #banner {
 190   background: #9c9;
 191   padding-top: 20px;
 192   padding-bottom: 0px;
 193   border-bottom: 2px solid;
 194   font: small-caps 25px/25px "Times New Roman", serif;
 195   color: #282;
 196   text-align: center;
 197 }
 198
 199 #menu {
 200   background: #141;
 201   padding-top: 5px;
 202   padding-bottom: 5px;
 203   border-bottom: 0px solid;
 204   color: #282;
 205   text-align: left;
 206   padding-left: 3em;
 207 }
 208
 209 #menu a {
 210   color: #bfb;
 211   background: #141;
 212         text-decoration:none;
 213 }
 214
 215 #menu a:focus {
 216   color: #bfb;
 217   background: #141;
 218         text-decoration:none;
 219 }
 220
 221 #banner img {
 222   float: left;
 223   padding-left: 1em;
 224 }
 225
 226 #columns {
 227   background: #141;
 228 }
 229
 230 #main {
 231 /*  margin-left: 23; */
 232   padding-top: 1ex;
 233   padding-left: 0em;
 234   background: white;
 235 }
 236
 237 #side {
 238   float: left;
 239   padding-top: 1em;
 240   padding-left: 1em;
 241   padding-bottom: 1em;
 242   width: 10em;
 243   background: #141;
 244 }
 245
 246 #side a {
 247   color: #bfb;
 248   font-size: small;
 249 }
 250
 251 h1 {
 252   font:  150% sans-serif;
 253   color: #114411;
 254   /*border-bottom: 3px dotted #228822;*/
 255 }
 256
 257 /* And entry in the store catalog */
 258
 259 #ecs  .entry {
 260   border-bottom: 1px dotted #77d;
 261 }
 262
 263 #ecs  .title {
 264   font-size: 120%;
 265   font-family: sans-serif;
 266 }
 267
 268 #ecs .entry img {
 269   width: 75px;
 270   float: left;
 271 }
 272
 273
 274 #ecs .entry h3 {
 275  margin-bottom: 2px;
 276  color: #227;
 277 }
 278
 279 #ecs .entry p {
 280  margin-top: 0px;
 281  margin-bottom: 0.8em;
 282 }
 283
 284 #ecs .entry .price-line {
 285 }
 286
 287 #ecs .entry .add-to-cart {
 288   position: relative;
 289 }
 290
 291 #ecs .entry  .price {
 292   color: #44a;
 293   font-weight: bold;
 294   margin-right: 2em;
 295 }
 296
 297 /* START:inline */
 298 #store .entry form, #store .entry form div {
 299   display: inline;
 300 }
 301 /* END:inline */
 302
 303 /* START:cart */
 304 /* Styles for the cart in the main page and the sidebar */
 305
 306 .cart-title {
 307   font: 120% bold;
 308 }
 309
 310 .item-price, .total-line {
 311   text-align: right;
 312 }
 313
 314 .total-line .total-cell {
 315   font-weight: bold;
 316   border-top: 1px solid #595;
 317 }
 318
 319
 320 /* Styles for the cart in the sidebar */
 321
 322 #cart, #cart table {
 323   font-size: smaller;
 324   color:     white;
 325 }
 326
 327 #cart table {
 328   border-top:    1px dotted #595;
 329   border-bottom: 1px dotted #595;
 330   margin-bottom: 10px;
 331 }
 332 /* END:cart */
 333
 334 /* Styles for order form */
 335
 336 .depot-form fieldset {
 337   background: #efe;
 338 }
 339
 340 .depot-form legend {
 341   color: #dfd;
 342   background: #141;
 343   font-family: sans-serif;
 344   padding: 0.2em 1em;
 345 }
 346
 347 .depot-form label {
 348   width: 5em;
 349   float: left;
 350   text-align: right;
 351   margin-right: 0.5em;
 352   display: block;
 353 }
 354
 355 .depot-form .submit {
 356   margin-left: 5.5em;
 357 }
 358
 359 /* The error box */
 360
 361 .fieldWithErrors {
 362   padding: 2px;
 363   background-color: red;
 364   display: table;
 365 }
 366
 367 #errorExplanation {
 368   width: 400px;
 369   border: 2px solid red;
 370   padding: 7px;
 371   padding-bottom: 12px;
 372   margin-bottom: 20px;
 373   background-color: #f0f0f0;
 374 }
 375
 376 #errorExplanation h2 {
 377   text-align: left;
 378   font-weight: bold;
 379   padding: 5px 5px 5px 15px;
 380   font-size: 12px;
 381   margin: -7px;
 382   background-color: #c00;
 383   color: #fff;
 384 }
 385
 386 #errorExplanation p {
 387   color: #333;
 388   margin-bottom: 0;
 389   padding: 5px;
 390 }
 391
 392 #errorExplanation ul li {
 393   font-size: 12px;
 394   list-style: square;
 395 }
 396
 397 .box1 {
 398   color: #005A46;
 399   background-color: #DAEAC2;
 400   border: 1px solid #BBBBBB;
 401 }
 402
 403 .box2 {
 404   background-color: #edfada;
 405   border: 1px solid #BBBBBB;
 406 }
 407
 408 .box3 {
 409   display: inline;
 410   border: 1px solid #BBBBBB;
 411   padding-right: 0.5em;
 412 }
 413
 414 .box4 {
 415   background-color: #edfada;
 416 }
 417
 418 .box5 {
 419   border: 1px solid #BBBBBB;
 420   padding-right: 0.5em;
 421 }
 422
 423
 424 th.underline {
 425   border-bottom: 1px solid black;
 426   vertical-align: bottom;
 427   margin-bottom: 20px;
 428 }
 429
 430 .text-link {
 431   display: inline;
 432   margin-right: 0em;
 433   margin-left: 0px;
 434   padding-left:0px;
 435   padding-right:0px;
 436 }
 437
 438 .inline {
 439   display: inline;
 440 }
 441
 442
 443 .small-skip {
 444   margin-bottom:0em;
 445   margin-top:0.5em;
 446 }
 447
 448 .normal-skip {
 449   margin-bottom:0em;
 450   margin-top:1em;
 451 }