Changeset 622

Show
Ignore:
Timestamp:
06/21/06 10:35:48
Author:
johnsa
Message:

first pass at portlet skin

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/calendar3/deployment/webpublic/uportal2/resources/demoskins/MainCampus/default/default/bedework.css

    r619 r622  
    99impacting spacing and numerous other features) are defined in this 
    1010document prefixed by the id #org.bedework.  The generated portlet skin 
    11 wraps the entire html output with <div id="org.bedework"> so that calendar 
     11wraps the entire html output with <div id="org-bedework"> so that calendar 
    1212specific styles cannot break portal styles. 
    1313 
    1414*/ 
    1515body { 
     16  padding: 0; 
     17  margin: 0; 
     18} 
     19#org-bedework { 
    1620  font-family : Arial, Helvetica, sans-serif; 
    1721  font-size: 100%; /* needed for IE */ 
    1822  background-color : white; 
    1923  color : black; 
    20   padding: 0.75em 1em 0em 1em; 
     24  padding: 0; 
     25  margin: 0; 
    2126  min-width: 700px; 
    2227} 
    23 #logoTable { 
    24   padding: 0em; 
    25   margin: 0em; 
    26 } 
    27 #logoTable img { 
    28   display: inline; 
    29   padding: 0 0 1px 5px; 
    30 } 
    31 #logoTable #logoCell { 
    32   white-space: nowrap; 
    33   font-weight: bold; 
    34   font-size: 2em; 
    35 } 
    36 #logoTable #schoolLinksCell { 
    37   vertical-align: bottom; 
    38   text-align: right; 
    39   font-size: 0.8em; 
    40   white-space : nowrap; 
    41   padding: 0 2px 2px 0; 
    42 } 
    43 #logoTable #schoolLinksCell h2 { 
    44   margin: 0 0 2px 0; 
    45   padding: 0; 
    46   font-size: 2em; 
    47   color: #444; 
    48   background-color: transparent; 
    49   border: none; 
    50 } 
    51 #logoTable #schoolLinksCell a:link, 
    52 #logoTable #schoolLinksCell a:visited, 
    53 #logoTable #schoolLinksCell a:active { 
    54   background-color: transparent; 
    55   color: #999; 
    56   text-decoration: none; 
    57 } 
    58 #logoTable #schoolLinksCell a:hover { 
    59   background-color: #eee; 
    60   color: #333; 
    61   text-decoration: none; 
    62 } 
    63 #curDateRangeTable { 
     28#org-bedework #curDateRangeTable { 
    6429  width: 100%; 
    6530  height: 26px; 
    …… 
    7237  white-space: nowrap; 
    7338} 
    74 #curDateRangeTable td { 
     39#org-bedework #curDateRangeTable td { 
    7540  padding-top: 5px; 
    7641  padding-bottom: 1px; 
    …… 
    7843  padding-right: 0.5em; 
    7944} 
    80 #curDateRangeTable td.sideBarOpenCloseIcon { 
    81   background: url(../../images/curDateRangeBlue-left.gif) no-repeat top left; 
    82   color: inherit; 
     45#org-bedework #curDateRangeTable td.sideBarOpenCloseIcon { 
    8346  width: 200px; 
    8447} 
    85 #curDateRangeTable td.date { 
     48#org-bedework #curDateRangeTable td.date { 
    8649  font-weight : bold; 
    8750  text-align : center; 
    8851  white-space: nowrap; 
    8952} 
    90 #curDateRangeTable td.rssPrint { 
    91   background: url(../../images/curDateRangeBlue-right.gif) no-repeat top right; 
    92   color: inherit; 
     53#org-bedework #curDateRangeTable td.rssPrint { 
    9354  width: 200px; 
    9455  font-weight : bold; 
    …… 
    9657  white-space: nowrap; 
    9758} 
    98 #curDateRangeTable td.rssPrint img { 
     59#org-bedework #curDateRangeTable td.rssPrint img { 
    9960  position: relative; 
    10061  top: 3px; 
    10162} 
    102 #curDateRangeTable td.rssPrint a:link, 
    103 #curDateRangeTable td.rssPrint a:active, 
    104 #curDateRangeTable td.rssPrint a:visited { 
     63#org-bedework #curDateRangeTable td.rssPrint a:link, 
     64#org-bedework #curDateRangeTable td.rssPrint a:active, 
     65#org-bedework #curDateRangeTable td.rssPrint a:visited { 
    10566  font-size: 10px; 
    10667  color: #eee; 
    …… 
    11374  top: -3px; 
    11475} 
    115 #curDateRangeTable td.rssPrint a:hover { 
     76#org-bedework #curDateRangeTable td.rssPrint a:hover { 
    11677  color: #663; 
    11778  background-color: #fff; 
    11879} 
    119 #curDateRangeTable td.rssPrint a.rss:link, 
    120 #curDateRangeTable td.rssPrint a.rss:active, 
    121 #curDateRangeTable td.rssPrint a.rss:visited { 
     80#org-bedework #curDateRangeTable td.rssPrint a.rss:link, 
     81#org-bedework #curDateRangeTable td.rssPrint a.rss:active, 
     82#org-bedework #curDateRangeTable td.rssPrint a.rss:visited { 
    12283  font-size: 10px; 
    12384  font-weight: bold; 
    …… 
    13394  border: solid 1px #666; 
    13495} 
    135 #curDateRangeTable td.rssPrint a.rss:hover { 
     96#org-bedework #curDateRangeTable td.rssPrint a.rss:hover { 
    13697  color: #900; 
    13798  background-color: #fff; 
    13899} 
    139 #searchBarTable { 
     100#org-bedework #searchBarTable { 
    140101  margin: 0px; 
    141102  padding: 0em; 
    …… 
    144105  font-size: 0.9em; 
    145106} 
    146 #searchBarTable .leftCell { 
     107#org-bedework #searchBarTable .leftCell { 
    147108  margin: 0px; 
    148109  padding: 0em; 
    …… 
    151112  white-space: nowrap; 
    152113} 
    153 #searchBarTable .leftCell .link { 
     114#org-bedework #searchBarTable .leftCell .link { 
    154115  font-size: 0.8em; 
    155116  padding-left: 1em; 
    …… 
    157118  background-color: transparent; 
    158119} 
    159 #searchBarTable .leftCell a { 
     120#org-bedework #searchBarTable .leftCell a { 
    160121  color: #888; 
    161122  background-color: transparent; 
    162123} 
    163 #searchBarTable .leftCell a:hover { 
     124#org-bedework #searchBarTable .leftCell a:hover { 
    164125  color: #b00; 
    165126  background-color: transparent; 
    166127} 
    167 #searchBarTable .rightCell { 
     128#org-bedework #searchBarTable .rightCell { 
    168129  margin: 0px; 
    169130  padding: 0em; 
    …… 
    173134  white-space: nowrap; 
    174135} 
    175 #searchBarTable form { 
     136#org-bedework #searchBarTable form { 
    176137  display: inline; 
    177138  margin: 0px 0px 1px 0px; 
    178139  padding: 0em; 
    179140} 
    180 #tabsTable { 
     141#org-bedework #tabsTable { 
    181142  margin: 0em; 
    182143  padding: 4px 0px 0px 0px; 
    …… 
    185146  color: #eee; 
    186147} 
    187 #tabsTable .centerCell  a { 
     148#org-bedework #tabsTable .centerCell  a { 
    188149  text-decoration: none; 
    189150  color: #eee; 
    190151} 
    191 #tabsTable .centerCell  img { 
     152#org-bedework #tabsTable .centerCell  img { 
    192153  margin-right: 1px; 
    193154} 
    194 #tabsTable .rightCell { 
     155#org-bedework #tabsTable .rightCell { 
    195156  background : url(../../images/demo/std-tab-space.gif); 
    196157  padding-right: 0.5em; 
    197158} 
    198 #navigationBarTable { 
     159#org-bedework #navigationBarTable { 
    199160  font-size: 0.8em; 
    200161  margin: 0em; 
    …… 
    205166  border-bottom: 1px solid Gray; 
    206167} 
    207 #navigationBarTable a { 
    208   text-decoration: none; 
    209   white-space: nowrap; 
    210 } 
    211 #navigationBarTable td { 
    212   vertical-align: top; 
    213 } 
    214 #navigationBarTable form { 
     168#org-bedework #navigationBarTable a { 
     169  text-decoration: none; 
     170  white-space: nowrap; 
     171} 
     172#org-bedework #navigationBarTable td { 
     173  vertical-align: top; 
     174} 
     175#org-bedework #navigationBarTable form { 
    215176  display: inline; 
    216177  margin-bottom: 0em; 
    217178} 
    218 #navigationBarTable table { 
     179#org-bedework #navigationBarTable table { 
    219180  display: inline; 
    220181  margin-bottom: 0em; 
    221182} 
    222 #navigationBarTable td.todayButton { 
     183#org-bedework #navigationBarTable td.todayButton { 
    223184  padding: 1em 1em 0 1em; 
    224185} 
    225 #navigationBarTable td.gotoForm { 
     186#org-bedework #navigationBarTable td.gotoForm { 
    226187  padding: 1em 0.5em 0 0; 
    227188} 
    228 #navigationBarTable td.leftCell { 
     189#org-bedework #navigationBarTable td.leftCell { 
    229190  text-align: left; 
    230191  white-space: nowrap; 
    …… 
    236197  vertical-align: middle; 
    237198} 
    238 #navigationBarTable td.leftCell .prevImg { 
     199#org-bedework #navigationBarTable td.leftCell .prevImg { 
    239200  margin: 0 0.2em 0 0; 
    240201  vertical-align: top; 
    241202} 
    242 #navigationBarTable td.leftCell .nextImg { 
     203#org-bedework #navigationBarTable td.leftCell .nextImg { 
    243204  margin: 0 0.75em 0 0; 
    244205  vertical-align: top; 
    245206} 
    246 #navigationBarTable td.rightCell { 
     207#org-bedework #navigationBarTable td.rightCell { 
    247208  text-align: right; 
    248209  padding: 1em 0.5em 0em 0em; 
    249210} 
    250 #navigationBarTable td.rightCell select { 
     211#org-bedework #navigationBarTable td.rightCell select { 
    251212  padding-right: 0em; 
    252213  margin: 0em; 
    253214  width: 10em; 
    254215} 
    255 #searchBarTable .calLinks { 
    256   white-space: nowrap; 
    257 } 
    258 #eventTable { 
     216#org-bedework #searchBarTable .calLinks { 
     217  white-space: nowrap; 
     218} 
     219#org-bedework #eventTable { 
    259220  width: 100%; 
    260221  font-size: 0.9em; 
    …… 
    265226  border-right: 2px solid #aaa; 
    266227} 
    267 #eventTable td.fieldname { 
     228#org-bedework #eventTable td.fieldname { 
    268229  margin: 0em; 
    269230  vertical-align: top; 
    …… 
    273234  color: black; 
    274235} 
    275 #eventTable td.fieldval { 
     236#org-bedework #eventTable td.fieldval { 
    276237  margin: 0em; 
    277238  vertical-align: top; 
    278239  padding: 0.5em 0.5em 0.2em 1em; 
    279240} 
    280 #eventTable th.icalIcon { 
     241#org-bedework #eventTable th.icalIcon { 
    281242  margin: 0em; 
    282243  vertical-align: middle; 
    …… 
    287248        font-weight: normal; 
    288249} 
    289 #eventTable th.icalIcon a { 
    290   text-decoration: none; 
    291 } 
    292 #eventTable th.icalIcon img { 
     250#org-bedework #eventTable th.icalIcon a { 
     251  text-decoration: none; 
     252} 
     253#org-bedework #eventTable th.icalIcon img { 
    293254  vertical-align: middle; 
    294255        padding-left: 1em; 
    295256} 
    296 #eventTable th.fieldname { 
     257#org-bedework #eventTable th.fieldname { 
    297258  text-align: left; 
    298259  padding: 1em 0.5em 1em 0.5em; 
    …… 
    301262  color: black; 
    302263} 
    303 #eventTable th.fieldval { 
     264#org-bedework #eventTable th.fieldval { 
    304265  text-align: left; 
    305266  padding: 1em 0.5em 0.5em 1em; 
    …… 
    308269  width: 100%; 
    309270} 
    310 #calPageTable { 
     271#org-bedework #calPageTable { 
    311272  width: 100%; 
    312273  font-size: 100%; 
    …… 
    317278  border-right: 2px solid #aaa; 
    318279} 
    319 #calPageTable td { 
     280#org-bedework #calPageTable td { 
    320281  width: 50%; 
    321282  vertical-align: top; 
    322283  padding: 0.5em 2em 1em 3em; 
    323284} 
    324 #calPageTable th { 
     285#org-bedework #calPageTable th { 
    325286  font-size: 1.2em; 
    326287  background-color: #ccc; 
    …… 
    328289  font-weight: bold; 
    329290} 
    330 #calPageTable td.leftCell { 
     291#org-bedework #calPageTable td.leftCell { 
    331292  border-right : thin dashed #999; 
    332293} 
    333 #calPageTable h2 { 
     294#org-bedework #calPageTable h2 { 
    334295  font-size: 1.2em; 
    335296} 
    336 #calPageTable td.infoCell { 
    337   background-color: #eee; 
    338   color: black; 
    339   text-align: center; 
    340 } 
    341 #dayCalendarTable { 
     297#org-bedework #calPageTable td.infoCell { 
     298  background-color: #eee; 
     299  color: black; 
     300  text-align: center; 
     301} 
     302#org-bedework #dayCalendarTable { 
    342303  width: 100%; 
    343304  font-size: 0.9em; 
    …… 
    349310  border-right: 2px solid #aaa; 
    350311} 
    351 #dayCalendarTable td { 
     312#org-bedework #dayCalendarTable td { 
    352313  padding: 0.4em; 
    353314  margin: 0em; 
    354315} 
    355 #dayCalendarTable .dateRange { 
     316#org-bedework #dayCalendarTable .dateRange { 
    356317  text-align: left; 
    357318  background-color: #D3E4F0; 
    …… 
    359320  white-space: nowrap; 
    360321} 
    361 #dayCalendarTable .description { 
     322#org-bedework #dayCalendarTable .description { 
    362323  text-align: left; 
    363324  background-color: #fff; 
    …… 
    365326  width: 100%; 
    366327} 
    367 #dayCalendarTable .more { 
    368   text-align: center; 
    369   background-color: #eee; 
    370   color: black; 
    371   font-size: 0.8em; 
    372 } 
    373 #weekCalendarTable { 
     328#org-bedework #dayCalendarTable .more { 
     329  text-align: center; 
     330  background-color: #eee; 
     331  color: black; 
     332  font-size: 0.8em; 
     333} 
     334#org-bedework #weekCalendarTable { 
    374335  width: 100%; 
    375336  font-size: 0.9em; 
    …… 
    381342  border-right: 2px solid #aaa; 
    382343} 
    383 #weekCalendarTable td { 
     344#org-bedework #weekCalendarTable td { 
    384345  padding: 0.4em; 
    385346  margin: 0em; 
    386347} 
    387 #weekCalendarTable .dateRange { 
     348#org-bedework #weekCalendarTable .dateRange { 
    388349  text-align: left; 
    389350  background-color: #D3E4F0; 
    …… 
    391352  white-space: nowrap; 
    392353} 
    393 #weekCalendarTable .description { 
     354#org-bedework #weekCalendarTable .description { 
    394355  text-align: left; 
    395356  background-color: #fff; 
    …… 
    397358  width: 100%; 
    398359} 
    399 #weekCalendarTable .more { 
    400   text-align: center; 
    401   background-color: #eee; 
    402   color: black; 
    403   font-size: 0.8em; 
    404 } 
    405 #monthCalendarTable { 
     360#org-bedework #weekCalendarTable .more { 
     361  text-align: center; 
     362  background-color: #eee; 
     363  color: black; 
     364  font-size: 0.8em; 
     365} 
     366#org-bedework #monthCalendarTable { 
    406367  width: 100%; 
    407368  font-size: 0.8em; 
    …… 
    413374  border-right: 2px solid #aaa; 
    414375} 
    415 #monthCalendarTable th.dayHeading { 
     376#org-bedework #monthCalendarTable th.dayHeading { 
    416377  width: 14%; 
    417378  text-align: center; 
    …… 
    421382  border: 1px solid black; 
    422383} 
    423 #monthCalendarTable td { 
     384#org-bedework #monthCalendarTable td { 
    424385  width: 14%; 
    425386  height: 60px; 
    …… 
    431392  color: black; 
    432393} 
    433 #monthCalendarTable td.filler { 
     394#org-bedework #monthCalendarTable td.filler { 
    434395  border: none; 
    435396  background-color: #eee; 
    …… 
    445406  color: #999; 
    446407}*/ 
    447 #monthCalendarTable ul { 
     408#org-bedework #monthCalendarTable ul { 
    448409  font-size: 0.8em; 
    449410  list-style : none; 
    …… 
    451412  padding: 0.3em 0em 0em 0em; 
    452413} 
    453 #monthCalendarTable ul li { 
     414#org-bedework #monthCalendarTable ul li { 
    454415  margin: 0em; 
    455416  padding: 0em; 
    456417  display: inline; 
    457418} 
    458 #monthCalendarTable a.eventLinkA:link, 
    459 #monthCalendarTable a.eventLinkA:visited, 
    460 #monthCalendarTable a.eventLinkA:active  { 
     419#org-bedework #monthCalendarTable a.eventLinkA:link, 
     420#org-bedework #monthCalendarTable a.eventLinkA:visited, 
     421#org-bedework #monthCalendarTable a.eventLinkA:active  { 
    461422  display: block; 
    462423  padding: 0.1em 0.2em 0.1em 0.2em; 
    …… 
    465426  color: black; 
    466427} 
    467 #monthCalendarTable a.eventLinkB:link, 
    468 #monthCalendarTable a.eventLinkB:visited, 
    469 #monthCalendarTable a.eventLinkB:active  { 
     428#org-bedework #monthCalendarTable a.eventLinkB:link, 
     429#org-bedework #monthCalendarTable a.eventLinkB:visited, 
     430#org-bedework #monthCalendarTable a.eventLinkB:active  { 
    470431  display: block; 
    471432  padding: 0.1em 0.2em 0.1em 0.2em; 
    …… 
    474435  color: black; 
    475436} 
    476 #monthCalendarTable a.eventCancelled:link, 
    477 #monthCalendarTable a.eventCancelled:visited, 
    478 #monthCalendarTable a.eventCancelled:active  { 
     437#org-bedework #monthCalendarTable a.eventCancelled:link, 
     438#org-bedework #monthCalendarTable a.eventCancelled:visited, 
     439#org-bedework #monthCalendarTable a.eventCancelled:active  { 
    479440  display: block; 
    480441  padding: 0.1em 0.2em 0.1em 0.2em; 
    …… 
    483444  color: black; 
    484445} 
    485 #monthCalendarTable a.eventTentative:link, 
    486 #monthCalendarTable a.eventTentative:visited, 
    487 #monthCalendarTable a.eventTentative:active  { 
     446#org-bedework #monthCalendarTable a.eventTentative:link, 
     447#org-bedework #monthCalendarTable a.eventTentative:visited, 
     448#org-bedework #monthCalendarTable a.eventTentative:active  { 
    488449  display: block; 
    489450  padding: 0.1em 0.2em 0.1em 0.2em; 
    …… 
    494455  color: black; 
    495456} 
    496 #monthCalendarTable a.holiday:link, 
    497 #monthCalendarTable a.holiday:visited, 
    498 #monthCalendarTable a.holiday:active  { 
     457#org-bedework #monthCalendarTable a.holiday:link, 
     458#org-bedework #monthCalendarTable a.holiday:visited, 
     459#org-bedework #monthCalendarTable a.holiday:active  { 
    499460  display: block; 
    500461  padding: 0.1em 0.2em 0.1em 0.2em; 
    …… 
    505466  border-bottom: 1px solid black;*/ 
    506467} 
    507 #monthCalendarTable a.eventLinkA:hover, 
    508 #monthCalendarTable a.eventLinkB:hover, 
    509 #monthCalendarTable a.eventCancelled:hover, 
    510 #monthCalendarTable a.eventTentative:hover, 
    511 #monthCalendarTable a.holiday:hover  { 
     468#org-bedework #monthCalendarTable a.eventLinkA:hover, 
     469#org-bedework #monthCalendarTable a.eventLinkB:hover, 
     470#org-bedework #monthCalendarTable a.eventCancelled:hover, 
     471#org-bedework #monthCalendarTable a.eventTentative:hover, 
     472#org-bedework #monthCalendarTable a.holiday:hover  { 
    512473  display: block; 
    513474  padding: 0.1em 0.2em 0.1em 0.2em; 
    …… 
    516477  background-color: #ddd; 
    517478} 
    518 #monthCalendarTable a.dayLink { 
    519   text-decoration: none; 
    520   color: black; 
    521   background-color: transparent; 
    522 } 
    523 #monthCalendarTable a:hover.dayLink { 
     479#org-bedework #monthCalendarTable a.dayLink { 
     480  text-decoration: none; 
     481  color: black; 
     482  background-color: transparent; 
     483} 
     484#org-bedework #monthCalendarTable a:hover.dayLink { 
    524485  text-decoration: none; 
    525486  color: #eee; 
    526487  background-color: black; 
    527488} 
    528 #monthCalendarTable a:hover { 
     489#org-bedework #monthCalendarTable a:hover { 
    529490  /* required for eventTip to hover correctly; 
    530491     apply only to the hover pseudo class, or 
    …… 
    532493  position: relative; 
    533494} 
    534 #monthCalendarTable a span.eventTip, 
    535 #monthCalendarTable a span.eventTipReverse { 
     495#org-bedework #monthCalendarTable a span.eventTip, 
     496#org-bedework #monthCalendarTable a span.eventTipReverse { 
    536497  display: none; 
    537498} 
    538 #monthCalendarTable a:hover span.eventTip { 
     499#org-bedework #monthCalendarTable a:hover span.eventTip { 
    539500  display: block; 
    540501  position: absolute; 
    …… 
    547508  border: 1px solid #333; 
    548509} 
    549 #monthCalendarTable a:hover span.eventTipReverse { 
     510#org-bedework #monthCalendarTable a:hover span.eventTipReverse { 
    550511  display: block; 
    551512  position: absolute; 
    …… 
    558519  border: 1px solid #333; 
    559520} 
    560 #monthCalendarTable a:hover span.eventTipStatusCancelled { 
     521#org-bedework #monthCalendarTable a:hover span.eventTipStatusCancelled { 
    561522  display: block; 
    562523  color: white; 
    …… 
    566527  text-align: center; 
    567528} 
    568 #monthCalendarTable a:hover span.eventTipStatusTentative { 
     529#org-bedework #monthCalendarTable a:hover span.eventTipStatusTentative { 
    569530  display: block; 
    570531  color: black; 
    …… 
    575536  text-align: center; 
    576537} 
    577 a.gridAdd { 
     538#org-bedework a.gridAdd { 
    578539  display: block; 
    579540  float: right; 
    …… 
    582543  margin-right: 2px; 
    583544} 
    584 #yearCalendarTable { 
     545#org-bedework #yearCalendarTable { 
    585546  width: 100%; 
    586547  font-size: 0.9em; 
    …… 
    592553  border-right: 2px solid #aaa; 
    593554} 
    594 #yearCalendarTable td { 
     555#org-bedework #yearCalendarTable td { 
    595556  padding: 1em 0em 0em 0em; 
    596557  margin: 0em; 
    …… 
    599560  width: 33%; 
    600561} 
    601 #yearCalendarTable table.yearViewMonthTable { 
     562#org-bedework #yearCalendarTable table.yearViewMonthTable { 
    602563  margin: 0em  1em 0.5em 1em; 
    603564  border: 1px solid #ddd; 
    604565} 
    605 #yearCalendarTable table.yearViewMonthTable td { 
     566#org-bedework #yearCalendarTable table.yearViewMonthTable td { 
    606567  text-align: center; 
    607568  padding: 0.2em; 
    608569  width: 12.5%; 
    609570} 
    610 #yearCalendarTable table.yearViewMonthTable th { 
     571#org-bedework #yearCalendarTable table.yearViewMonthTable th { 
    611572  font-weight: bold; 
    612573  background-color: #f5f5f5; 
    …… 
    614575  padding: 0.2em; 
    615576} 
    616 #yearCalendarTable table.yearViewMonthTable td.monthName { 
     577#org-bedework #yearCalendarTable table.yearViewMonthTable td.monthName { 
    617578  font-weight: bold; 
    618579  text-align: center; 
    …… 
    622583  border-bottom: 1px solid #999; 
    623584} 
    624 #yearCalendarTable table.yearViewMonthTable td.weekCell { 
     585#org-bedework #yearCalendarTable table.yearViewMonthTable td.weekCell { 
    625586  font-weight: bold; 
    626587  font-size: 0.8em; 
    …… 
    628589  color: black; 
    629590} 
    630 #yearCalendarTable  table.yearViewMonthTable td  a  { 
     591#org-bedework #yearCalendarTable  table.yearViewMonthTable td  a  { 
    631592  text-decoration: none; 
    632593  background-color: inherit; 
    …… 
    634595  color: black; 
    635596} 
    636 #yearCalendarTable  table.yearViewMonthTable td.weekCell a  { 
     597#org-bedework #yearCalendarTable  table.yearViewMonthTable td.weekCell a  { 
    637598  text-decoration: none; 
    638599  background-color: inherit; 
    …… 
    640601  color: black; 
    641602} 
    642 #yearCalendarTable  table.yearViewMonthTable td.monthName a  { 
     603#org-bedework #yearCalendarTable  table.yearViewMonthTable td.monthName a  { 
    643604  text-decoration: none; 
    644605  background-color: inherit; 
    …… 
    646607  color: black; 
    647608} 
    648 #yearCalendarTable  table.yearViewMonthTable td a:hover  { 
     609#org-bedework #yearCalendarTable  table.yearViewMonthTable td a:hover  { 
    649610  text-decoration: none; 
    650611  background-color: #FFC; 
    …… 
    653614  padding: 0; 
    654615} 
    655 #listTable { 
     616#org-bedework #listTable { 
    656617  width: 100%; 
    657618  font-size: 0.9em; 
    …… 
    663624  border-right: 2px solid #aaa; 
    664625} 
    665 #listTable td { 
     626#org-bedework #listTable td { 
    666627  padding: 0.5em; 
    667628  margin: 0em; 
    668629  border-bottom: 1px solid #bbb; 
    669630} 
    670 #listTable td a { 
    671   background-color: transparent; 
    672   color: black; 
    673   text-decoration: none; 
    674 } 
    675 #listTable td.dateRangeCrossDay { 
     631#org-bedework #listTable td a { 
     632  background-color: transparent; 
     633  color: black; 
     634  text-decoration: none; 
     635} 
     636#org-bedework #listTable td.dateRangeCrossDay { 
    676637  font-size: 0.9em; 
    677638  text-transform: lowercase; 
    …… 
    680641  white-space: nowrap; 
    681642} 
    682 #listTable td.dateRangeEarlyMorning { 
     643#org-bedework #listTable td.dateRangeEarlyMorning { 
    683644  font-size: 0.9em; 
    684645  text-transform: lowercase; 
    …… 
    687648  white-space: nowrap; 
    688649} 
    689 #listTable td.dateRangeMorning { 
     650#org-bedework #listTable td.dateRangeMorning { 
    690651  font-size: 0.9em; 
    691652  text-transform: lowercase; 
    …… 
    694655  white-space: nowrap; 
    695656} 
    696 #listTable td.dateRangeAfternoon { 
     657#org-bedework #listTable td.dateRangeAfternoon { 
    697658  font-size: 0.9em; 
    698659  text-transform: lowercase; 
    …… 
    701662  white-space: nowrap; 
    702663} 
    703 #listTable td.dateRangeEvening { 
     664#org-bedework #listTable td.dateRangeEvening { 
    704665  font-size: 0.9em; 
    705666  text-transform: lowercase; 
    …… 
    708669  white-space: nowrap; 
    709670} 
    710 #listTable span.littleArrow { 
     671#org-bedework #listTable span.littleArrow { 
    711672  font-size: 1.4em; 
    712673} 
    713 #listTable td.description { 
     674#org-bedework #listTable td.description { 
    714675  text-align: left; 
    715676  background-color: #fff; 
    …… 
    717678  width: 100%; 
    718679} 
    719 #listTable td.description { 
     680#org-bedework #listTable td.description { 
    720681  text-align: left; 
    721682  background-color: white; 
    …… 
    723684  width: 100%; 
    724685} 
    725 #listTable td.bwStatusCancelled { 
     686#org-bedework #listTable td.bwStatusCancelled { 
    726687  background-color: #ddd; 
    727688  color: black; 
    728689} 
    729 #listTable td.bwStatusTentative { 
     690#org-bedework #listTable td.bwStatusTentative { 
    730691  background: white url('../../images/tentativeLines.gif') top; 
    731692  color: black; 
    732693} 
    733 #listTable td.description a { 
    734   display: block; 
    735   background-color: transparent; 
    736   color: black; 
    737   text-decoration: none; 
    738 } 
    739 #listTable td.description a.moreLink { 
     694#org-bedework #listTable td.description a { 
     695  display: block; 
     696  background-color: transparent; 
     697  color: black; 
     698  text-decoration: none; 
     699} 
     700#org-bedework #listTable td.description a.moreLink { 
    740701  display: inline; 
    741702  background-color: transparent; 
    …… 
    743704  text-decoration: underline; 
    744705} 
    745 #listTable td.description:hover { 
     706#org-bedework #listTable td.description:hover { 
    746707  background-color: #f5f5f5; 
    747708  color: black; 
    748709} 
    749 #listTable td.dateRow { 
     710#org-bedework #listTable td.dateRow { 
    750711  text-align: left; 
    751712  background-color: #B1D4E3; 
    …… 
    755716  margin: 0em; 
    756717} 
    757 #listTable td.dateRow a { 
     718#org-bedework #listTable td.dateRow a { 
    758719  display: block; 
    759720  color: #333; 
    …… 
    762723  text-decoration : none; 
    763724} 
    764 #listTable td.icons { 
     725#org-bedework #listTable td.icons { 
    765726  color: black; 
    766727  background-color: #ddd; 
    767728  white-space: nowrap; 
    768729} 
    769 #listTable td.icons img.addref { 
     730#org-bedework #listTable td.icons img.addref { 
    770731  margin-right: 0.5em; 
    771732} 
    772 #calPageTable ul.calendarTree li { 
     733#org-bedework #calPageTable ul.calendarTree li { 
    773734  font-weight: bold; 
    774735} 
    775 #calPageTable ul.calendarTree li ul li { 
     736#org-bedework #calPageTable ul.calendarTree li ul li { 
    776737  font-weight: normal; 
    777738} 
    778 #calPageTable ul.calendarTree li.folder { 
     739#org-bedework #calPageTable ul.calendarTree li.folder { 
    779740  list-style-image: url(../../images/demo/catIcon.gif); 
    780741  padding-top: 0.25em; 
    781742  padding-bottom: 0.25em; 
    782743} 
    783 #calPageTable ul.calendarTree li.calendar { 
     744#org-bedework #calPageTable ul.calendarTree li.calendar { 
    784745  list-style-image: url(../../images/demo/calIcon-sm.gif); 
    785746} 
    786 .noEventsCell { 
     747#org-bedework .noEventsCell { 
    787748  padding: 1em; 
    788749} 
    789 #footer { 
     750#org-bedework #footer { 
    790751  font-size: 0.75em; 
    791752  text-align : center; 
    …… 
    799760  white-space: nowrap; 
    800761} 
    801 #footer a { 
     762#org-bedework #footer a { 
    802763  color: #333; 
    803764  background-color: transparent; 
    804765  text-decoration: underline; 
    805766} 
    806 #skinSelectorTable { 
     767#org-bedework #skinSelectorTable { 
    807768  width: 100%; 
    808769  padding-top: 0.5em; 
    …… 
    811772  background-color: inherit; 
    812773} 
    813 #skinSelectorTable td { 
    814   vertical-align: top; 
    815 } 
    816 #skinSelectorTable td.rightCell { 
     774#org-bedework #skinSelectorTable td { 
     775  vertical-align: top; 
     776} 
     777#org-bedework #skinSelectorTable td.rightCell { 
    817778  text-align: right; 
    818779} 
    819 #skinSelectorTable td.leftCell { 
     780#org-bedework #skinSelectorTable td.leftCell { 
    820781  text-align: left; 
    821782  color: #999; 
    822783  background-color: inherit; 
    823784} 
    824 #skinSelectorTable td.leftCell  a { 
     785#org-bedework #skinSelectorTable td.leftCell  a { 
    825786  color: #999; 
    826787  background-color: inherit; 
    827788} 
    828 #skinSelectorTable td.rightCell form { 
     789#org-bedework #skinSelectorTable td.rightCell form { 
    829790  display: inline; 
    830791  margin: 0em; 
    831792  padding: 0em; 
    832793} 
    833 #skinSelectorTable td.rightCell select { 
     794#org-bedework #skinSelectorTable td.rightCell select { 
    834795  font-size: 0.9em; 
    835796  color: #333; 
    836797  background-color: #eee; 
    837798} 
    838 #featureHighlight { 
     799#org-bedework #featureHighlight { 
    839800  color: #dd0; 
    840801  font-style: italic; 
    841802} 
    842803/*   LINKS    */ 
    843 a:link, a:active, a:visited { 
     804#org-bedework a:link, 
     805#org-bedework a:active, 
     806#org-bedework a:visited { 
    844807  color: #2c5f89; 
    845808  background-color: transparent; 
    846809} 
    847 a:hover { 
     810#org-bedework a:hover { 
    848811  color: #b00; 
    849812  background-color: transparent; 
    850813} 
    851 .center { 
    852   text-align: center; 
    853 } 
    854 .left { 
    855   text-align: left; 
    856 } 
    857 .right { 
     814#org-bedework .center { 
     815  text-align: center; 
     816} 
     817#org-bedework .left { 
     818  text-align: left; 
     819} 
     820#org-bedework .right { 
    858821  text-align: right; 
    859822} 
    860823/* Generic selectors*/ 
    861 h2 { 
     824#org-bedework h2 { 
    862825  margin: 0em; 
    863826  padding: 0.2em 0.2em 0.2em 0.5em; 
    …… 
    867830  border-right: 2px solid #aaa; 
    868831} 
    869 h2 a:link, 
    870 h2 a:active, 
    871 h2 a:visited, 
    872 h2 a:hover { 
     832#org-bedework h2 a:link, 
     833#org-bedework h2 a:active, 
     834#org-bedework h2 a:visited, 
     835#org-bedework h2 a:hover { 
    873836  color: black; 
    874837  background-color: inherit; 
    875838  text-decoration: none; 
    876839} 
    877 h2.bwStatusConfirmed { 
    878   background-color: #eee; 
    879   color: black; 
    880 } 
    881 h2.bwStatusCancelled { 
    882   background-color: #eee; 
    883   color: black; 
    884 } 
    885 h2.bwStatusTentative { 
     840#org-bedework h2.bwStatusConfirmed { 
     841  background-color: #eee; 
     842  color: black; 
     843} 
     844#org-bedework h2.bwStatusCancelled { 
     845  background-color: #eee; 
     846  color: black; 
     847} 
     848#org-bedework h2.bwStatusTentative { 
    886849  background: #eee url('../../images/tentativeLines.gif') top; 
    887850  color: black; 
    888851} 
    889852/* Header IDs and classes */ 
    890 #errors { 
     853#org-bedework #errors { 
    891854  margin: 0; 
    892855  padding: 1em; 
    …… 
    895858  font-weight: bold; 
    896859} 
    897 #tabsTable .centerCell { 
     860#org-bedework #tabsTable .centerCell { 
    898861  text-align: left; 
    899862  background : url(../../images/demo/std-tab-space.gif); 
    …… 
    903866  padding: 0 1em; 
    904867} 
    905 #stats { 
     868#org-bedework #stats { 
    906869  font-size: 0.9em; 
    907870  margin: 0px; 
    …… 
    911874  border-right: 2px solid #aaa; 
    912875} 
    913 #statsTable { 
     876#org-bedework #statsTable { 
    914877  margin: 1em 0 0 4em; 
    915878  width: 300px; 
    916879} 
    917 #statsTable th { 
     880#org-bedework #statsTable th { 
    918881  padding: 0.5em; 
    919882  background-color: #eee; 
    920883  color: black; 
    921884} 
    922 #statsTable td.label { 
     885#org-bedework #statsTable td.label { 
    923886  text-align: right; 
    924887  padding-right: 2em; 

  • trunk/calendar3/deployment/webpublic/uportal2/resources/demoskins/MainCampus/default/default/default.xsl

    r619 r622  
    2323 
    2424     See the bedework.css file for information about color and style 
    25      issues as they pertain to the portlet implementation. 
    26  
    27      This stylesheet is devoid of school branding.  It is a good 
    28      starting point for development of a customized calendar. 
     25     issues as they pertain to the portlet implementation.  The entire 
     26     html body is wrapped in a single div with ID of #org-bedework; this 
     27     encapsulates the css selectors for this portlet allowing for local 
     28     overrides without impacting the surrounding portal (while also 
     29     allowing the global portal styles to affect the portlet where 
     30     appropriate). 
    2931 
    3032     For detailed instructions on how to work with the XSLT 
    …… 
    109111      </head> 
    110112      <body> 
     113       <div id="org-bedework"> 
    111114        <xsl:call-template name="headBar"/> 
    112115        <xsl:if test="/bedework/error"> 
    …… 
    168171        <!-- footer --> 
    169172        <xsl:call-template name="footer"/> 
     173        </div> 
    170174      </body> 
    171175    </html> 
    …… 
    11291133  <xsl:template name="footer"> 
    11301134    <div id="footer"> 
    1131       Demonstration calendar; place footer information here. 
     1135      Based on the <a href="http://www.bedework.org/">Bedework Calendar</a> | 
     1136      <a href="?noxslt=yes">show XML</a> | 
     1137      <a href="?refreshXslt=yes">refresh XSLT</a> 
    11321138    </div> 
    1133     <table id="skinSelectorTable" border="0" cellpadding="0" cellspacing="0"> 
    1134       <tr> 
    1135         <td class="leftCell"> 
    1136           Based on the <a href="http://www.bedework.org/">Bedework Calendar</a> | 
    1137           <a href="?noxslt=yes">show XML</a> | 
    1138           <a href="?refreshXslt=yes">refresh XSLT</a> 
    1139         </td> 
    1140         <td class="rightCell"> 
    1141           <form name="styleSelectForm" method="get" action="{$setup}"> 
    1142             <select name="setappvar" onChange="submit()"> 
    1143               <option>example styles:</option> 
    1144               <option value="style(green)">green</option> 
    1145               <option value="style(red)">red</option> 
    1146               <option value="style(blue)">blue</option> 
    1147             </select> 
    1148           </form> 
    1149           <form name="skinSelectForm" method="get" action="{$setup}"> 
    1150             <input type="hidden" name="setappvar" value="summaryMode(details)"/> 
    1151             <select name="skinPicker" onchange="window.location = this.value"> 
    1152               <option>example skins:</option> 
    1153               <option value="{$setViewPeriod}?viewType=weekView&amp;skinName=rss&amp;setappvar=summaryMode(details)">rss feed</option> 
    1154               <option value="{$setViewPeriod}?viewType=todayView&amp;skinName=jsToday&amp;contentType=text/javascript&amp;contentName=bedework.js">javascript feed</option> 
    1155               <option value="{$setViewPeriod}?viewType=todayView&amp;skinName=videocal">video feed</option> 
    1156               <option value="{$setup}?skinName=default">reset to calendar default</option> 
    1157             </select> 
    1158           </form> 
    1159           <form name="skinSelectForm" method="get" action=""> 
    1160             <select name="sitePicker" onchange="window.location = this.value"> 
    1161               <option>production examples:</option> 
    1162               <option value="http://events.dal.ca/">Dalhousie</option> 
    1163               <option value="http://events.rpi.edu">Rensselaer</option> 
    1164               <option value="http://myuw.washington.edu/cal/">Washington</option> 
    1165             </select> 
    1166           </form> 
    1167         </td> 
    1168       </tr> 
    1169     </table> 
    11701139  </xsl:template> 
    11711140</xsl:stylesheet>