Changeset 12735

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

Badly overflowing CSS of calendar fixed

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/midcom/midcom.helper.datamanager2/static/jscript-calendar/calendar-blue.css

    r2910 r12735  
    33div.calendar { position: relative; } 
    44 
    5 .calendar, .calendar table { 
     5div.calendar, 
     6div.calendar table { 
    67  border: 1px solid #556; 
    78  font-size: 11px; 
    …… 
    1415/* Header part -- contains navigation buttons and day names. */ 
    1516 
    16 .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ 
     17div.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ 
    1718  text-align: center;    /* They are the navigation buttons */ 
    1819  padding: 2px;          /* Make the buttons seem like they're pressing */ 
    1920} 
    2021 
    21 .calendar .nav { 
     22div.calendar .nav { 
    2223  background: #778 url(menuarrow.gif) no-repeat 100% 100%; 
    2324} 
    2425 
    25 .calendar thead .title { /* This holds the current "month, year" */ 
     26div.calendar thead .title { /* This holds the current "month, year" */ 
    2627  font-weight: bold;      /* Pressing it will take you to the current date */ 
    2728  text-align: center; 
    …… 
    3132} 
    3233 
    33 .calendar thead .headrow { /* Row <TR> containing navigation buttons */ 
     34div.calendar thead .headrow { /* Row <TR> containing navigation buttons */ 
    3435  background: #778; 
    3536  color: #fff; 
    3637} 
    3738 
    38 .calendar thead .daynames { /* Row <TR> containing the day names */ 
     39div.calendar thead .daynames { /* Row <TR> containing the day names */ 
    3940  background: #bdf; 
    4041} 
    4142 
    42 .calendar thead .name { /* Cells <TD> containing the day names */ 
     43div.calendar thead .name { /* Cells <TD> containing the day names */ 
    4344  border-bottom: 1px solid #556; 
    4445  padding: 2px; 
    …… 
    4748} 
    4849 
    49 .calendar thead .weekend { /* How a weekend day name shows in header */ 
     50div.calendar thead .weekend { /* How a weekend day name shows in header */ 
    5051  color: #a66; 
    5152} 
    5253 
    53 .calendar thead .hilite { /* How do the buttons in header appear when hover */ 
     54div.calendar thead .hilite { /* How do the buttons in header appear when hover */ 
    5455  background-color: #aaf; 
    5556  color: #000; 
    …… 
    5859} 
    5960 
    60 .calendar thead .active { /* Active (pressed) buttons in header */ 
     61div.calendar thead .active { /* Active (pressed) buttons in header */ 
    6162  background-color: #77c; 
    6263  padding: 2px 0px 0px 2px; 
    …… 
    6566/* The body part -- contains all the days in month. */ 
    6667 
    67 .calendar tbody .day { /* Cells <TD> containing month days dates */ 
     68div.calendar tbody .day { /* Cells <TD> containing month days dates */ 
    6869  width: 2em; 
    6970  color: #456; 
    …… 
    7172  padding: 2px 4px 2px 2px; 
    7273} 
    73 .calendar tbody .day.othermonth { 
     74div.calendar tbody .day.othermonth { 
    7475  font-size: 80%; 
    7576  color: #bbb; 
    7677} 
    77 .calendar tbody .day.othermonth.oweekend { 
     78div.calendar tbody .day.othermonth.oweekend { 
    7879  color: #fbb; 
    7980} 
    8081 
    81 .calendar table .wn { 
     82div.calendar table .wn { 
    8283  padding: 2px 3px 2px 2px; 
    8384  border-right: 1px solid #000; 
    …… 
    8586} 
    8687 
    87 .calendar tbody .rowhilite td { 
     88div.calendar tbody .rowhilite td { 
    8889  background: #def; 
    8990} 
    9091 
    91 .calendar tbody .rowhilite td.wn { 
     92div.calendar tbody .rowhilite td.wn { 
    9293  background: #eef; 
    9394} 
    9495 
    95 .calendar tbody td.hilite { /* Hovered cells <TD> */ 
     96div.calendar tbody td.hilite { /* Hovered cells <TD> */ 
    9697  background: #def; 
    9798  padding: 1px 3px 1px 1px; 
    …… 
    99100} 
    100101 
    101 .calendar tbody td.active { /* Active (pressed) cells <TD> */ 
     102div.calendar tbody td.active { /* Active (pressed) cells <TD> */ 
    102103  background: #cde; 
    103104  padding: 2px 2px 0px 2px; 
    104105} 
    105106 
    106 .calendar tbody td.selected { /* Cell showing today date */ 
     107div.calendar tbody td.selected { /* Cell showing today date */ 
    107108  font-weight: bold; 
    108109  border: 1px solid #000; 
    …… 
    112113} 
    113114 
    114 .calendar tbody td.weekend { /* Cells showing weekend days */ 
     115div.calendar tbody td.weekend { /* Cells showing weekend days */ 
    115116  color: #a66; 
    116117} 
    117118 
    118 .calendar tbody td.today { /* Cell showing selected date */ 
     119div.calendar tbody td.today { /* Cell showing selected date */ 
    119120  font-weight: bold; 
    120121  color: #00f; 
    121122} 
    122123 
    123 .calendar tbody .disabled { color: #999; } 
    124  
    125 .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ 
     124div.calendar tbody .disabled { color: #999; } 
     125 
     126div.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ 
    126127  visibility: hidden; 
    127128} 
    128129 
    129 .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ 
     130div.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ 
    130131  display: none; 
    131132} 
    …… 
    133134/* The footer part -- status bar and "Close" button */ 
    134135 
    135 .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ 
     136div.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ 
    136137  text-align: center; 
    137138  background: #556; 
    …… 
    139140} 
    140141 
    141 .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ 
     142div.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ 
    142143  background: #fff; 
    143144  color: #445; 
    …… 
    146147} 
    147148 
    148 .calendar tfoot .hilite { /* Hover style for buttons in footer */ 
     149div.calendar tfoot .hilite { /* Hover style for buttons in footer */ 
    149150  background: #aaf; 
    150151  border: 1px solid #04f; 
    …… 
    153154} 
    154155 
    155 .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ 
     156div.calendar tfoot .active { /* Active (pressed) style for buttons in footer */ 
    156157  background: #77c; 
    157158  padding: 2px 0px 0px 2px; 
    …… 
    160161/* Combo boxes (menus that display months/years for direct selection) */ 
    161162 
    162 .calendar .combo { 
     163div.calendar .combo { 
    163164  position: absolute; 
    164165  display: none; 
    …… 
    174175} 
    175176 
    176 .calendar .combo .label, 
    177 .calendar .combo .label-IEfix { 
    178   text-align: center; 
    179   padding: 1px; 
    180 } 
    181  
    182 .calendar .combo .label-IEfix { 
     177div.calendar .combo .label, 
     178div.calendar .combo .label-IEfix { 
     179  text-align: center; 
     180  padding: 1px; 
     181} 
     182 
     183div.calendar .combo .label-IEfix { 
    183184  width: 4em; 
    184185} 
    185186 
    186 .calendar .combo .hilite { 
     187div.calendar .combo .hilite { 
    187188  background: #acf; 
    188189} 
    189190 
    190 .calendar .combo .active { 
     191div.calendar .combo .active { 
    191192  border-top: 1px solid #46a; 
    192193  border-bottom: 1px solid #46a; 
    …… 
    195196} 
    196197 
    197 .calendar td.time { 
     198div.calendar td.time { 
    198199  border-top: 1px solid #000; 
    199200  padding: 1px 0px; 
    …… 
    202203} 
    203204 
    204 .calendar td.time .hour, 
    205 .calendar td.time .minute, 
    206 .calendar td.time .ampm { 
     205div.calendar td.time .hour, 
     206div.calendar td.time .minute, 
     207div.calendar td.time .ampm { 
    207208  padding: 0px 3px 0px 4px; 
    208209  border: 1px solid #889; 
    …… 
    211212} 
    212213 
    213 .calendar td.time .ampm { 
    214   text-align: center; 
    215 } 
    216  
    217 .calendar td.time .colon { 
     214div.calendar td.time .ampm { 
     215  text-align: center; 
     216} 
     217 
     218div.calendar td.time .colon { 
    218219  padding: 0px 2px 0px 3px; 
    219220  font-weight: bold; 
    220221} 
    221222 
    222 .calendar td.time span.hilite { 
     223div.calendar td.time span.hilite { 
    223224  border-color: #000; 
    224225  background-color: #667; 
    …… 
    226227} 
    227228 
    228 .calendar td.time span.active { 
     229div.calendar td.time span.active { 
    229230  border-color: #f00; 
    230231  background-color: #000; 

  • trunk/midcom/midcom.helper.datamanager2/static/jscript-calendar/calendar-blue2.css

    r2910 r12735  
    33div.calendar { position: relative; } 
    44 
    5 .calendar, .calendar table { 
     5div.calendar, .calendar table { 
    66  border: 1px solid #206A9B; 
    77  font-size: 11px; 
    …… 
    1414/* Header part -- contains navigation buttons and day names. */ 
    1515 
    16 .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ 
     16div.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ 
    1717  text-align: center;    /* They are the navigation buttons */ 
    1818  padding: 2px;          /* Make the buttons seem like they're pressing */ 
    1919} 
    2020 
    21 .calendar .nav { 
     21div.calendar .nav { 
    2222  background: #007ED1 url(menuarrow2.gif) no-repeat 100% 100%; 
    2323} 
    2424 
    25 .calendar thead .title { /* This holds the current "month, year" */ 
     25div.calendar thead .title { /* This holds the current "month, year" */ 
    2626  font-weight: bold;      /* Pressing it will take you to the current date */ 
    2727  text-align: center; 
    …… 
    3131} 
    3232 
    33 .calendar thead tr { /* Row <TR> containing navigation buttons */ 
     33div.calendar thead tr { /* Row <TR> containing navigation buttons */ 
    3434  background: #007ED1; 
    3535  color: #fff; 
    3636} 
    3737 
    38 .calendar thead .daynames { /* Row <TR> containing the day names */ 
     38div.calendar thead .daynames { /* Row <TR> containing the day names */ 
    3939  background: #C7E1F3; 
    4040} 
    4141 
    42 .calendar thead .name { /* Cells <TD> containing the day names */ 
     42div.calendar thead .name { /* Cells <TD> containing the day names */ 
    4343  border-bottom: 1px solid #206A9B; 
    4444  padding: 2px; 
    …… 
    4747} 
    4848 
    49 .calendar thead .weekend { /* How a weekend day name shows in header */ 
     49div.calendar thead .weekend { /* How a weekend day name shows in header */ 
    5050  color: #a66; 
    5151} 
    5252 
    53 .calendar thead .hilite { /* How do the buttons in header appear when hover */ 
     53div.calendar thead .hilite { /* How do the buttons in header appear when hover */ 
    5454  background-color: #34ABFA; 
    5555  color: #000; 
    …… 
    5858} 
    5959 
    60 .calendar thead .active { /* Active (pressed) buttons in header */ 
     60div.calendar thead .active { /* Active (pressed) buttons in header */ 
    6161  background-color: #006AA9; 
    6262  border: 1px solid #008AFF; 
    …… 
    6666/* The body part -- contains all the days in month. */ 
    6767 
    68 .calendar tbody .day { /* Cells <TD> containing month days dates */ 
     68div.calendar tbody .day { /* Cells <TD> containing month days dates */ 
    6969  width: 2em; 
    7070  color: #456; 
    …… 
    7272  padding: 2px 4px 2px 2px; 
    7373} 
    74 .calendar tbody .day.othermonth { 
     74div.calendar tbody .day.othermonth { 
    7575  font-size: 80%; 
    7676  color: #bbb; 
    7777} 
    78 .calendar tbody .day.othermonth.oweekend { 
     78div.calendar tbody .day.othermonth.oweekend { 
    7979  color: #fbb; 
    8080} 
    8181 
    82 .calendar table .wn { 
     82div.calendar table .wn { 
    8383  padding: 2px 3px 2px 2px; 
    8484  border-right: 1px solid #000; 
    …… 
    8686} 
    8787 
    88 .calendar tbody .rowhilite td { 
     88div.calendar tbody .rowhilite td { 
    8989  background: #def; 
    9090} 
    9191 
    92 .calendar tbody .rowhilite td.wn { 
     92div.calendar tbody .rowhilite td.wn { 
    9393  background: #F1F8FC; 
    9494} 
    9595 
    96 .calendar tbody td.hilite { /* Hovered cells <TD> */ 
     96div.calendar tbody td.hilite { /* Hovered cells <TD> */ 
    9797  background: #def; 
    9898  padding: 1px 3px 1px 1px; 
    …… 
    100100} 
    101101 
    102 .calendar tbody td.active { /* Active (pressed) cells <TD> */ 
     102div.calendar tbody td.active { /* Active (pressed) cells <TD> */ 
    103103  background: #cde; 
    104104  padding: 2px 2px 0px 2px; 
    105105} 
    106106 
    107 .calendar tbody td.selected { /* Cell showing today date */ 
     107div.calendar tbody td.selected { /* Cell showing today date */ 
    108108  font-weight: bold; 
    109109  border: 1px solid #000; 
    …… 
    113113} 
    114114 
    115 .calendar tbody td.weekend { /* Cells showing weekend days */ 
     115div.calendar tbody td.weekend { /* Cells showing weekend days */ 
    116116  color: #a66; 
    117117} 
    118118 
    119 .calendar tbody td.today { /* Cell showing selected date */ 
     119div.calendar tbody td.today { /* Cell showing selected date */ 
    120120  font-weight: bold; 
    121121  color: #D50000; 
    122122} 
    123123 
    124 .calendar tbody .disabled { color: #999; } 
    125  
    126 .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ 
     124div.calendar tbody .disabled { color: #999; } 
     125 
     126div.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ 
    127127  visibility: hidden; 
    128128} 
    129129 
    130 .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ 
     130div.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ 
    131131  display: none; 
    132132} 
    …… 
    134134/* The footer part -- status bar and "Close" button */ 
    135135 
    136 .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ 
     136div.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ 
    137137  text-align: center; 
    138138  background: #206A9B; 
    …… 
    140140} 
    141141 
    142 .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ 
     142div.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ 
    143143  background: #000; 
    144144  color: #fff; 
    …… 
    147147} 
    148148 
    149 .calendar tfoot .hilite { /* Hover style for buttons in footer */ 
     149div.calendar tfoot .hilite { /* Hover style for buttons in footer */ 
    150150  background: #B8DAF0; 
    151151  border: 1px solid #178AEB; 
    …… 
    154154} 
    155155 
    156 .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ 
     156div.calendar tfoot .active { /* Active (pressed) style for buttons in footer */ 
    157157  background: #006AA9; 
    158158  padding: 2px 0px 0px 2px; 
    …… 
    161161/* Combo boxes (menus that display months/years for direct selection) */ 
    162162 
    163 .calendar .combo { 
     163div.calendar .combo { 
    164164  position: absolute; 
    165165  display: none; 
    …… 
    175175} 
    176176 
    177 .calendar .combo .label, 
    178 .calendar .combo .label-IEfix { 
    179   text-align: center; 
    180   padding: 1px; 
    181 } 
    182  
    183 .calendar .combo .label-IEfix { 
     177div.calendar .combo .label, 
     178div.calendar .combo .label-IEfix { 
     179  text-align: center; 
     180  padding: 1px; 
     181} 
     182 
     183div.calendar .combo .label-IEfix { 
    184184  width: 4em; 
    185185} 
    186186 
    187 .calendar .combo .hilite { 
     187div.calendar .combo .hilite { 
    188188  background: #34ABFA; 
    189189  border-top: 1px solid #46a; 
    …… 
    192192} 
    193193 
    194 .calendar .combo .active { 
     194div.calendar .combo .active { 
    195195  border-top: 1px solid #46a; 
    196196  border-bottom: 1px solid #46a; 
    …… 
    199199} 
    200200 
    201 .calendar td.time { 
     201div.calendar td.time { 
    202202  border-top: 1px solid #000; 
    203203  padding: 1px 0px; 
    …… 
    206206} 
    207207 
    208 .calendar td.time .hour, 
    209 .calendar td.time .minute, 
    210 .calendar td.time .ampm { 
     208div.calendar td.time .hour, 
     209div.calendar td.time .minute, 
     210div.calendar td.time .ampm { 
    211211  padding: 0px 3px 0px 4px; 
    212212  border: 1px solid #889; 
    …… 
    215215} 
    216216 
    217 .calendar td.time .ampm { 
    218   text-align: center; 
    219 } 
    220  
    221 .calendar td.time .colon { 
     217div.calendar td.time .ampm { 
     218  text-align: center; 
     219} 
     220 
     221div.calendar td.time .colon { 
    222222  padding: 0px 2px 0px 3px; 
    223223  font-weight: bold; 
    224224} 
    225225 
    226 .calendar td.time span.hilite { 
     226div.calendar td.time span.hilite { 
    227227  border-color: #000; 
    228228  background-color: #267DB7; 
    …… 
    230230} 
    231231 
    232 .calendar td.time span.active { 
     232div.calendar td.time span.active { 
    233233  border-color: red; 
    234234  background-color: #000; 

  • trunk/midcom/midcom.helper.datamanager2/static/jscript-calendar/calendar-brown.css

    r2910 r12735  
    33div.calendar { position: relative; } 
    44 
    5 .calendar, .calendar table { 
     5div.calendar, 
     6div.calendar table { 
    67  border: 1px solid #655; 
    78  font-size: 11px; 
    …… 
    1415/* Header part -- contains navigation buttons and day names. */ 
    1516 
    16 .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ 
     17div.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ 
    1718  text-align: center;    /* They are the navigation buttons */ 
    1819  padding: 2px;          /* Make the buttons seem like they're pressing */ 
    1920} 
    2021 
    21 .calendar .nav { 
     22div.calendar .nav { 
    2223  background: #edc url(menuarrow.gif) no-repeat 100% 100%; 
    2324} 
    2425 
    25 .calendar thead .title { /* This holds the current "month, year" */ 
     26div.calendar thead .title { /* This holds the current "month, year" */ 
    2627  font-weight: bold;      /* Pressing it will take you to the current date */ 
    2728  text-align: center; 
    …… 
    3132} 
    3233 
    33 .calendar thead .headrow { /* Row <TR> containing navigation buttons */ 
     34div.calendar thead .headrow { /* Row <TR> containing navigation buttons */ 
    3435  background: #edc; 
    3536  color: #000; 
    3637} 
    3738 
    38 .calendar thead .name { /* Cells <TD> containing the day names */ 
     39div.calendar thead .name { /* Cells <TD> containing the day names */ 
    3940  border-bottom: 1px solid #655; 
    4041  padding: 2px; 
    …… 
    4344} 
    4445 
    45 .calendar thead .weekend { /* How a weekend day name shows in header */ 
     46div.calendar thead .weekend { /* How a weekend day name shows in header */ 
    4647  color: #f00; 
    4748} 
    4849 
    49 .calendar thead .hilite { /* How do the buttons in header appear when hover */ 
     50div.calendar thead .hilite { /* How do the buttons in header appear when hover */ 
    5051  background-color: #faa; 
    5152  color: #000; 
    …… 
    5455} 
    5556 
    56 .calendar thead .active { /* Active (pressed) buttons in header */ 
     57div.calendar thead .active { /* Active (pressed) buttons in header */ 
    5758  background-color: #c77; 
    5859  padding: 2px 0px 0px 2px; 
    5960} 
    6061 
    61 .calendar thead .daynames { /* Row <TR> containing the day names */ 
     62div.calendar thead .daynames { /* Row <TR> containing the day names */ 
    6263  background: #fed; 
    6364} 
    …… 
    6566/* The body part -- contains all the days in month. */ 
    6667 
    67 .calendar tbody .day { /* Cells <TD> containing month days dates */ 
     68div.calendar tbody .day { /* Cells <TD> containing month days dates */ 
    6869  width: 2em; 
    6970  text-align: right; 
    7071  padding: 2px 4px 2px 2px; 
    7172} 
    72 .calendar tbody .day.othermonth { 
     73div.calendar tbody .day.othermonth { 
    7374  font-size: 80%; 
    7475  color: #bbb; 
    7576} 
    76 .calendar tbody .day.othermonth.oweekend { 
     77div.calendar tbody .day.othermonth.oweekend { 
    7778  color: #fbb; 
    7879} 
    7980 
    80 .calendar table .wn { 
     81div.calendar table .wn { 
    8182  padding: 2px 3px 2px 2px; 
    8283  border-right: 1px solid #000; 
    …… 
    8485} 
    8586 
    86 .calendar tbody .rowhilite td { 
     87div.calendar tbody .rowhilite td { 
    8788  background: #ddf; 
    8889} 
    8990 
    90 .calendar tbody .rowhilite td.wn { 
     91div.calendar tbody .rowhilite td.wn { 
    9192  background: #efe; 
    9293} 
    9394 
    94 .calendar tbody td.hilite { /* Hovered cells <TD> */ 
     95div.calendar tbody td.hilite { /* Hovered cells <TD> */ 
    9596  background: #ffe; 
    9697  padding: 1px 3px 1px 1px; 
    …… 
    9899} 
    99100 
    100 .calendar tbody td.active { /* Active (pressed) cells <TD> */ 
     101div.calendar tbody td.active { /* Active (pressed) cells <TD> */ 
    101102  background: #ddc; 
    102103  padding: 2px 2px 0px 2px; 
    103104} 
    104105 
    105 .calendar tbody td.selected { /* Cell showing today date */ 
     106div.calendar tbody td.selected { /* Cell showing today date */ 
    106107  font-weight: bold; 
    107108  border: 1px solid #000; 
    …… 
    110111} 
    111112 
    112 .calendar tbody td.weekend { /* Cells showing weekend days */ 
     113div.calendar tbody td.weekend { /* Cells showing weekend days */ 
    113114  color: #f00; 
    114115} 
    115116 
    116 .calendar tbody td.today { font-weight: bold; } 
    117  
    118 .calendar tbody .disabled { color: #999; } 
    119  
    120 .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ 
     117div.calendar tbody td.today { font-weight: bold; } 
     118 
     119div.calendar tbody .disabled { color: #999; } 
     120 
     121div.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ 
    121122  visibility: hidden; 
    122123} 
    123124 
    124 .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ 
     125div.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ 
    125126  display: none; 
    126127} 
    …… 
    128129/* The footer part -- status bar and "Close" button */ 
    129130 
    130 .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ 
     131div.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ 
    131132  text-align: center; 
    132133  background: #988; 
    …… 
    134135} 
    135136 
    136 .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ 
     137div.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ 
    137138  border-top: 1px solid #655; 
    138139  background: #dcb; 
    …… 
    140141} 
    141142 
    142 .calendar tfoot .hilite { /* Hover style for buttons in footer */ 
     143div.calendar tfoot .hilite { /* Hover style for buttons in footer */ 
    143144  background: #faa; 
    144145  border: 1px solid #f40; 
    …… 
    146147} 
    147148 
    148 .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ 
     149div.calendar tfoot .active { /* Active (pressed) style for buttons in footer */ 
    149150  background: #c77; 
    150151  padding: 2px 0px 0px 2px; 
    …… 
    153154/* Combo boxes (menus that display months/years for direct selection) */ 
    154155 
    155 .calendar .combo { 
     156div.calendar .combo { 
    156157  position: absolute; 
    157158  display: none; 
    …… 
    167168} 
    168169 
    169 .calendar .combo .label, 
    170 .calendar .combo .label-IEfix { 
     170div.calendar .combo .label, 
     171div.calendar .combo .label-IEfix { 
    171172  text-align: center; 
    172173  padding: 1px; 
    173174} 
    174175 
    175 .calendar .combo .label-IEfix { 
     176div.calendar .combo .label-IEfix { 
    176177  width: 4em; 
    177178} 
    178179 
    179 .calendar .combo .hilite { 
     180div.calendar .combo .hilite { 
    180181  background: #fc8; 
    181182} 
    182183 
    183 .calendar .combo .active { 
     184div.calendar .combo .active { 
    184185  border-top: 1px solid #a64; 
    185186  border-bottom: 1px solid #a64; 
    …… 
    188189} 
    189190 
    190 .calendar td.time { 
     191div.calendar td.time { 
    191192  border-top: 1px solid #a88; 
    192193  padding: 1px 0px; 
    …… 
    195196} 
    196197 
    197 .calendar td.time .hour, 
    198 .calendar td.time .minute, 
    199 .calendar td.time .ampm { 
     198div.calendar td.time .hour, 
     199div.calendar td.time .minute, 
     200div.calendar td.time .ampm { 
    200201  padding: 0px 3px 0px 4px; 
    201202  border: 1px solid #988; 
    …… 
    204205} 
    205206 
    206 .calendar td.time .ampm { 
    207   text-align: center; 
    208 } 
    209  
    210 .calendar td.time .colon { 
     207div.calendar td.time .ampm { 
     208  text-align: center; 
     209} 
     210 
     211div.calendar td.time .colon { 
    211212  padding: 0px 2px 0px 3px; 
    212213  font-weight: bold; 
    213214} 
    214215 
    215 .calendar td.time span.hilite { 
     216div.calendar td.time span.hilite { 
    216217  border-color: #000; 
    217218  background-color: #866; 
    …… 
    219220} 
    220221 
    221 .calendar td.time span.active { 
     222div.calendar td.time span.active { 
    222223  border-color: #f00; 
    223224  background-color: #000; 

  • trunk/midcom/midcom.helper.datamanager2/static/jscript-calendar/calendar-green.css

    r2910 r12735  
    33div.calendar { position: relative; } 
    44 
    5 .calendar, .calendar table { 
     5div.calendar, 
     6div.calendar table { 
    67  border: 1px solid #565; 
    78  font-size: 11px; 
    …… 
    1415/* Header part -- contains navigation buttons and day names. */ 
    1516 
    16 .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ 
     17div.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */ 
    1718  text-align: center;    /* They are the navigation buttons */ 
    1819  padding: 2px;          /* Make the buttons seem like they're pressing */ 
    …… 
    2223} 
    2324 
    24 .calendar .nav { 
     25div.calendar .nav { 
    2526  background: #676 url(menuarrow.gif) no-repeat 100% 100%; 
    2627} 
    2728 
    28 .calendar thead .title { /* This holds the current "month, year" */ 
     29div.calendar thead .title { /* This holds the current "month, year" */ 
    2930  font-weight: bold;      /* Pressing it will take you to the current date */ 
    3031  text-align: center; 
    …… 
    3435} 
    3536 
    36 .calendar thead .headrow { /* Row <TR> containing navigation buttons */ 
    37 } 
    38  
    39 .calendar thead .name { /* Cells <TD> containing the day names */ 
     37div.calendar thead .headrow { /* Row <TR> containing navigation buttons */ 
     38} 
     39 
     40div.calendar thead .name { /* Cells <TD> containing the day names */ 
    4041  border-bottom: 1px solid #565; 
    4142  padding: 2px; 
    …… 
    4445} 
    4546 
    46 .calendar thead .weekend { /* How a weekend day name shows in header */ 
     47div.calendar thead .weekend { /* How a weekend day name shows in header */ 
    4748  color: #a66; 
    4849} 
    4950 
    50 .calendar thead .hilite { /* How do the buttons in header appear when hover */ 
     51div.calendar thead .hilite { /* How do the buttons in header appear when hover */ 
    5152  background-color: #afa; 
    5253  color: #000; 
    …… 
    5556} 
    5657 
    57 .calendar thead .active { /* Active (pressed) buttons in header */ 
     58div.calendar thead .active { /* Active (pressed) buttons in header */ 
    5859  background-color: #7c7; 
    5960  padding: 2px 0px 0px 2px; 
    6061} 
    6162 
    62 .calendar thead .daynames { /* Row <TR> containing the day names */ 
     63div.calendar thead .daynames { /* Row <TR> containing the day names */ 
    6364  background: #dfb; 
    6465} 
    …… 
    6667/* The body part -- contains all the days in month. */ 
    6768 
    68 .calendar tbody .day { /* Cells <TD> containing month days dates */ 
     69div.calendar tbody .day { /* Cells <TD> containing month days dates */ 
    6970  width: 2em; 
    7071  color: #564; 
    …… 
    7273  padding: 2px 4px 2px 2px; 
    7374} 
    74 .calendar tbody .day.othermonth { 
     75div.calendar tbody .day.othermonth { 
    7576  font-size: 80%; 
    7677  color: #bbb; 
    7778} 
    78 .calendar tbody .day.othermonth.oweekend { 
     79div.calendar tbody .day.othermonth.oweekend { 
    7980  color: #fbb; 
    8081} 
    8182 
    82 .calendar table .wn { 
     83div.calendar table .wn { 
    8384  padding: 2px 3px 2px 2px; 
    8485  border-right: 1px solid #8a8; 
    …… 
    8687} 
    8788 
    88 .calendar tbody .rowhilite td { 
     89div.calendar tbody .rowhilite td { 
    8990  background: #dfd; 
    9091} 
    9192 
    92 .calendar tbody .rowhilite td.wn { 
     93div.calendar tbody .rowhilite td.wn { 
    9394  background: #efe; 
    9495} 
    9596 
    96 .calendar tbody td.hilite { /* Hovered cells <TD> */ 
     97div.calendar tbody td.hilite { /* Hovered cells <TD> */ 
    9798  background: #efd; 
    9899  padding: 1px 3px 1px 1px; 
    …… 
    100101} 
    101102 
    102 .calendar tbody td.active { /* Active (pressed) cells <TD> */ 
     103div.calendar tbody td.active { /* Active (pressed) cells <TD> */ 
    103104  background: #dec; 
    104105  padding: 2px 2px 0px 2px; 
    105106} 
    106107 
    107 .calendar tbody td.selected { /* Cell showing today date */ 
     108div.calendar tbody td.selected { /* Cell showing today date */ 
    108109  font-weight: bold; 
    109110  border: 1px solid #000; 
    …… 
    113114} 
    114115 
    115 .calendar tbody td.weekend { /* Cells showing weekend days */ 
     116div.calendar tbody td.weekend { /* Cells showing weekend days */ 
    116117  color: #a66; 
    117118} 
    118119 
    119 .calendar tbody td.today { font-weight: bold; color: #0a0; } 
    120  
    121 .calendar tbody .disabled { color: #999; } 
    122  
    123 .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ 
     120div.calendar tbody td.today { font-weight: bold; color: #0a0; } 
     121 
     122div.calendar tbody .disabled { color: #999; } 
     123 
     124div.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ 
    124125  visibility: hidden; 
    125126} 
    126127 
    127 .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ 
     128div.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ 
    128129  display: none; 
    129130} 
    …… 
    131132/* The footer part -- status bar and "Close" button */ 
    132133 
    133 .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ 
     134div.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ 
    134135  text-align: center; 
    135136  background: #565; 
    …… 
    137138} 
    138139 
    139 .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ 
     140div.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ 
    140141  padding: 2px; 
    141142  background: #250; 
    …… 
    143144} 
    144145 
    145 .calendar tfoot .hilite { /* Hover style for buttons in footer */ 
     146div.calendar tfoot .hilite { /* Hover style for buttons in footer */ 
    146147  background: #afa; 
    147148  border: 1px solid #084; 
    …… 
    150151} 
    151152 
    152 .calendar tfoot .active { /* Active (pressed) style for buttons in footer */ 
     153div.calendar tfoot .active { /* Active (pressed) style for buttons in footer */ 
    153154  background: #7c7; 
    154155  padding: 2px 0px 0px 2px; 
    …… 
    157158/* Combo boxes (menus that display months/years for direct selection) */ 
    158159 
    159 .calendar .combo { 
     160div.calendar .combo { 
    160161  position: absolute; 
    161162  display: none; 
    …… 
    171172} 
    172173 
    173 .calendar .combo .label, 
    174 .calendar .combo .label-IEfix { 
     174div.calendar .combo .label, 
     175div.calendar .combo .label-IEfix { 
    175176  text-align: center; 
    176177  padding: 1px; 
    177178} 
    178179 
    179 .calendar .combo .label-IEfix { 
     180div.calendar .combo .label-IEfix { 
    180181  width: 4em; 
    181182} 
    182183 
    183 .calendar .combo .hilite { 
     184div.calendar .combo .hilite { 
    184185  background: #af8; 
    185186} 
    186187 
    187 .calendar .combo .active { 
     188div.calendar .combo .active { 
    188189  border-top: 1px solid #6a4; 
    189190  border-bottom: 1px solid #6a4; 
    …… 
    192193} 
    193194 
    194 .calendar td.time { 
     195div.calendar td.time { 
    195196  border-top: 1px solid #8a8; 
    196197  padding: 1px 0px; 
    …… 
    199200} 
    200201 
    201 .calendar td.time .hour, 
    202 .calendar td.time .minute, 
    203 .calendar td.time .ampm { 
     202div.calendar td.time .hour, 
     203div.calendar td.time .minute, 
     204div.calendar td.time .ampm { 
    204205  padding: 0px 3px 0px 4px; 
    205206  border: 1px solid #898; 
    …… 
    208209} 
    209210 
    210 .calendar td.time .ampm { 
    211   text-align: center; 
    212 } 
    213  
    214 .calendar td.time .colon { 
     211div.calendar td.time .ampm { 
     212  text-align: center; 
     213} 
     214 
     215div.calendar td.time .colon { 
    215216  padding: 0px 2px 0px 3px; 
    216217  font-weight: bold; 
    217218} 
    218219 
    219 .calendar td.time span.hilite { 
     220div.calendar td.time span.hilite { 
    220221  border-color: #000; 
    221222  background-color: #686; 
    …… 
    223224} 
    224225 
    225 .calendar td.time span.active { 
     226div.calendar td.time span.active { 
    226227  border-color: #f00; 
    227228  background-color: #000; 

  • trunk/midcom/midcom.helper.datamanager2/static/jscript-calendar/calendar-win2k-1.css

    r2910 r12735  
    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&