Changeset 6618


Ignore:
Timestamp:
Nov 24, 2014, 10:47:58 AM (8 years ago)
Author:
Nicklas Nordborg
Message:

References #1890: Improve skinnability of BASE

Moved some definitions so they can be overridden as needed.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/www/include/styles/main.css

    r6617 r6618  
    102102h1
    103103{
     104  font-size: 1.4em;
     105  font-weight: bold;
     106  color: #224488;
     107  white-space: nowrap;
     108}
     109
     110.default h1
     111{
    104112  position: absolute;
    105113  left: 0;
     
    108116  top:  2.25rem;
    109117  height: 2.25rem;
    110   font-size: 1.4em;
    111   font-weight: bold;
    112   color: #224488;
    113   white-space: nowrap;
    114 }
    115 
    116 h1:before
     118}
     119
     120.default h1:before
    117121{
    118122  color: #2288AA;
     
    122126}
    123127
    124 body.default .content
     128.default .content
    125129{
    126130  position: absolute;
     
    538542}
    539543
     544/* Fixed size selection list */
     545.selectionlist select, select.selectionlist
     546{
     547  width: 18em;
     548  margin-right: 5px;
     549}
     550
     551.input100 .selectionlist > table
     552{
     553  width: 100%;
     554}
     555
     556.input100 .selectionlist > table > tbody > tr > td:first-child
     557{
     558  width: 90%;
     559  padding-right: 5px;
     560}
     561
     562.input100 .selectionlist select
     563{
     564  width: 98%;
     565  width: calc(100% - 10px);
     566}
     567
     568/* required fields have a blue-ish background and solid border */
     569input.required, select.required, textarea.required, .input.required
     570{
     571  background-color: #D0F0FF;
     572  border-color: #2288AA;
     573}
     574/* Unchangeable fields have a yellow-ish background */
     575
     576input.unchangeable, select.unchangeable, textarea.unchangeable, .unchangeable select
     577{
     578  background-color: #FFF0D0;
     579}
     580
    540581/* Disabled input fields are grayed out and inactive */
    541582input:disabled, textarea:disabled, select:disabled, input.disabled, .input.disabled
     
    550591}
    551592
    552 /* Fixed size selection list */
    553 .selectionlist select, select.selectionlist
    554 {
    555   width: 18em;
    556   margin-right: 5px;
    557 }
    558 
    559 .input100 .selectionlist > table
    560 {
    561   width: 100%;
    562 }
    563 
    564 .input100 .selectionlist > table > tbody > tr > td:first-child
    565 {
    566   width: 90%;
    567   padding-right: 5px;
    568 }
    569 
    570 .input100 .selectionlist select
    571 {
    572   width: 98%;
    573   width: calc(100% - 10px);
    574 }
    575 
    576 /* required fields have a blue-ish background and solid border */
    577 input.required, select.required, textarea.required, .input.required
    578 {
    579   background-color: #D0F0FF;
    580   border-color: #2288AA;
    581 }
    582 /* Unchangeable fields have a yellow-ish background */
    583 
    584 input.unchangeable, select.unchangeable, textarea.unchangeable, .unchangeable select
    585 {
    586   background-color: #FFF0D0;
    587 }
    588593
    589594/* Special header-like options in selection lists */
Note: See TracChangeset for help on using the changeset viewer.