Changeset 12734

Show
Ignore:
Timestamp:
10/10/07 16:15:28 (1 year ago)
Author:
adrenalin
Message:

Overflowing CSS fix. If e.g. body class is calendar, CSS used to hide
*everything*.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/midcom/midcom.helper.datamanager/static/jscript-calendar/jscalendar.css

    r8 r12734  
    11/* The main calendar widget.  DIV containing a table. */ 
    22 
    3 .calendar { 
     3div.calendar { 
    44  position: relative; 
    55  display: none; 
    …… 
    1515} 
    1616 
    17 .calendar table { 
     17div.calendar table { 
    1818  border-top: 1px solid #000; 
    1919  border-right: 1px solid #fff; 
    …… 
    2929/* Header part -- contains navigation buttons and day names. */ 
    3030 
    31 .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ 
    32   text-align: center; 
    33   padding: 1px; 
    34   border-top: 1px solid #fff; 
    35   border-right: 1px solid #000; 
    36   border-bottom: 1px solid #000; 
    37   border-left: 1px solid #fff; 
    38 } 
    39  
    40 .calendar .nav { 
     31div.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ 
     32  text-align: center; 
     33  padding: 1px; 
     34  border-top: 1px solid #fff; 
     35  border-right: 1px solid #000; 
     36  border-bottom: 1px solid #000; 
     37  border-left: 1px solid #fff; 
     38} 
     39 
     40div.calendar .nav { 
    4141  background: transparent url(menuarrow.gif) no-repeat 100% 100%; 
    4242} 
    4343 
    44 .calendar thead .title { /* This holds the current "month, year" */ 
     44div.calendar thead .title { /* This holds the current "month, year" */ 
    4545  font-weight: bold; 
    4646  padding: 1px; 
    …… 
    5151} 
    5252 
    53 .calendar thead .headrow { /* Row <TR> containing navigation buttons */ 
    54 } 
    55  
    56 .calendar thead .daynames { /* Row <TR> containing the day names */ 
    57 } 
    58  
    59 .calendar thead .name { /* Cells <TD> containing the day names */ 
     53div.calendar thead .headrow { /* Row <TR> containing navigation buttons */ 
     54} 
     55 
     56div.calendar thead .daynames { /* Row <TR> containing the day names */ 
     57} 
     58 
     59div.calendar thead .name { /* Cells <TD> containing the day names */ 
    6060  border-bottom: 1px solid #000; 
    6161  padding: 2px; 
    …… 
    6464} 
    6565 
    66 .calendar thead .weekend { /* How a weekend day name shows in header */ 
     66div.calendar thead .weekend { /* How a weekend day name shows in header */ 
    6767  color: #f00; 
    6868} 
    6969 
    70 .calendar thead .hilite { /* How do the buttons in header appear when hover */ 
     70div.calendar thead .hilite { /* How do the buttons in header appear when hover */ 
    7171  border-top: 2px solid #fff; 
    7272  border-right: 2px solid #000; 
    …… 
    7777} 
    7878 
    79 .calendar thead .active { /* Active (pressed) buttons in header */ 
     79div.calendar thead .active { /* Active (pressed) buttons in header */ 
    8080  padding: 2px 0px 0px 2px; 
    8181  border-top: 1px solid #000; 
    …… 
    8888/* The body part -- contains all the days in month. */ 
    8989 
    90 .calendar tbody .day { /* Cells <TD> containing month days dates */ 
     90div.calendar tbody .day { /* Cells <TD> containing month days dates */ 
    9191  width: 2em; 
    9292  text-align: right; 
    9393  padding: 2px 4px 2px 2px; 
    9494} 
    95 .calendar tbody .day.othermonth { 
     95div.calendar tbody .day.othermonth { 
    9696  font-size: 80%; 
    9797  color: #aaa; 
    9898} 
    99 .calendar tbody .day.othermonth.oweekend { 
     99div.calendar tbody .day.othermonth.oweekend { 
    100100  color: #faa; 
    101101} 
    102102 
    103 .calendar table .wn { 
     103div.calendar table .wn { 
    104104  padding: 2px 3px 2px 2px; 
    105105  border-right: 1px solid #000; 
    …… 
    107107} 
    108108 
    109 .calendar tbody .rowhilite td { 
    110   background: #e4e0d8; 
    111 } 
    112  
    113 .calendar tbody .rowhilite td.wn { 
     109div.calendar tbody .rowhilite td { 
     110  background: #e4e0d8; 
     111} 
     112 
     113div.calendar tbody .rowhilite td.wn { 
    114114  background: #d4d0c8; 
    115115} 
    116116 
    117 .calendar tbody td.hilite { /* Hovered cells <TD> */ 
     117div.calendar tbody td.hilite { /* Hovered cells <TD> */ 
    118118  padding: 1px 3px 1px 1px; 
    119119  border-top: 1px solid #fff; 
    …… 
    123123} 
    124124 
    125 .calendar tbody td.active { /* Active (pressed) cells <TD> */ 
     125div.calendar tbody td.active { /* Active (pressed) cells <TD> */ 
    126126  padding: 2px 2px 0px 2px; 
    127127  border-top: 1px solid #000; 
    …… 
    131131} 
    132132 
    133 .calendar tbody td.selected { /* Cell showing selected date */ 
     133div.calendar tbody td.selected { /* Cell showing selected date */ 
    134134  font-weight: bold; 
    135135  border-top: 1px solid #000; 
    …… 
    141141} 
    142142 
    143 .calendar tbody td.weekend { /* Cells showing weekend days */ 
     143div.calendar tbody td.weekend { /* Cells showing weekend days */ 
    144144  color: #f00; 
    145145} 
    146146 
    147 .calendar tbody td.today { /* Cell showing today date */ 
     147div.calendar tbody td.today { /* Cell showing today date */ 
    148148  font-weight: bold; 
    149149  color: #00f; 
    150150} 
    151151 
    152 .calendar tbody .disabled { color: #999; } 
    153  
    154 .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ 
     152div.calendar tbody .disabled { color: #999; } 
     153 
     154div.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ 
    155155  visibility: hidden; 
    156156} 
    157157 
    158 .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ 
     158div.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ 
    159159  display: none; 
    160160} 
    …… 
    162162/* The footer part -- status bar and "Close" button */ 
    163163 
    164 .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ 
    165 } 
    166  
    167 .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ 
     164div.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ 
     165} 
     166 
     167div.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ 
    168168  background: #f4f0e8; 
    169169  padding: 1px; 
    …… 
    174174} 
    175175 
    176 .calendar tfoot .hilite { /* Hover style for buttons in footer */ 
    177   border-top: 1px solid #fff; 
    178   border-right: 1px solid #000; 
    179   border-bottom: 1px solid #000; 
    180   border-left: 1px solid #fff; 
    181   padding: 1px; 
    182   background: #e4e0d8; 
    183 } 
    184  
    185 .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ 
     176div.calendar tfoot .hilite { /* Hover style for buttons in footer */ 
     177  border-top: 1px solid #fff; 
     178  border-right: 1px solid #000; 
     179  border-bottom: 1px solid #000; 
     180  border-left: 1px solid #fff; 
     181  padding: 1px; 
     182  background: #e4e0d8; 
     183} 
     184 
     185div.calendar tfoot .active { /* Active (pressed) style for buttons in footer */ 
    186186  padding: 2px 0px 0px 2px; 
    187187  border-top: 1px solid #000; 
    …… 
    193193/* Combo boxes (menus that display months/years for direct selection) */ 
    194194 
    195 .calendar .combo { 
     195div.calendar .combo { 
    196196  position: absolute; 
    197197  display: none; 
    …… 
    209209} 
    210210 
    211 .calendar .combo .label, 
    212 .calendar .combo .label-IEfix { 
    213   text-align: center; 
    214   padding: 1px; 
    215 } 
    216  
    217 .calendar .combo .label-IEfix { 
     211div.calendar .combo .label, 
     212div.calendar .combo .label-IEfix { 
     213  text-align: center; 
     214  padding: 1px; 
     215} 
     216 
     217div.calendar .combo .label-IEfix { 
    218218  width: 4em; 
    219219} 
    220220 
    221 .calendar .combo .active { 
     221div.calendar .combo .active { 
    222222  background: #c4c0b8; 
    223223  padding: 0px; 
    …… 
    228228} 
    229229 
    230 .calendar .combo .hilite { 
     230div.calendar .combo .hilite { 
    231231  background: #048; 
    232232  color: #fea; 
    233233} 
    234234 
    235 .calendar td.time { 
     235div.calendar td.time { 
    236236  border-top: 1px solid #000; 
    237237  padding: 1px 0px; 
    …… 
    240240} 
    241241 
    242 .calendar td.time .hour, 
    243 .calendar td.time .minute, 
    244 .calendar td.time .ampm { 
     242div.calendar td.time .hour, 
     243div.calendar td.time .minute, 
     244div.calendar td.time .ampm { 
    245245  padding: 0px 3px 0px 4px; 
    246246  border: 1px solid #889; 
    …… 
    249249} 
    250250 
    251 .calendar td.time .ampm { 
    252  
    253   text-align: center; 
    254 } 
    255  
    256 .calendar td.time .colon { 
     251div.calendar td.time .ampm { 
     252 
     253  text-align: center; 
     254} 
     255 
     256div.calendar td.time .colon { 
    257257  padding: 0px 2px 0px 3px; 
    258258  font-weight: bold; 
    259259} 
    260260 
    261 .calendar td.time span.hilite { 
     261div.calendar td.time span.hilite { 
    262262  border-color: #000; 
    263263  background-color: #766; 
    …… 
    265265} 
    266266 
    267 .calendar td.time span.active { 
     267div.calendar td.time span.active { 
    268268  border-color: #f00; 
    269269  background-color: #000;