Changeset 2086

Show
Ignore:
Timestamp:
03/02/09 15:55:52
Author:
johnsa
Message:

cosmetic improvements to user clients, including changing of default tabs to be text rather than graphics; addition of list view tab.

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/default/default/blue.css

    r2072 r2086  
    5050  width: 100%; 
    5151  height: 26px; 
    52   background: #2c5f89 url(../../images/curDateRangeBlue.gif) repeat-x bottom; 
     52  background: #2B4795 url(../../images/glassFill-02.gif) repeat-x bottom; 
    5353  color : #eee; 
    5454  margin: 0em; 
    …… 
    6565} 
    6666#curDateRangeTable td.sideBarOpenCloseIcon { 
    67   background: url(../../images/curDateRangeBlue-left.gif) no-repeat top left; 
     67  background: url(../../images/glassFill-02-leftBorder.gif) no-repeat top left; 
    6868  color: inherit; 
    6969  width: 200px; 
    …… 
    7575} 
    7676#curDateRangeTable td.rssPrint { 
    77   background: url(../../images/curDateRangeBlue-right.gif) no-repeat top right; 
     77  background: url(../../images/glassFill-02-rightBorder.gif) no-repeat top right; 
    7878  color: inherit; 
    7979  width: 200px; 
    …… 
    191191  display: inline; 
    192192} 
     193#bwTabs { 
     194  width: 100%; 
     195  margin: 0; 
     196  padding: 0; 
     197  background-color: #333; 
     198  color: #eee; 
     199} 
     200#bwTabs ul { 
     201  height: 20px; 
     202  margin: 0 2px; 
     203  padding: 4px 0 0 0; 
     204} 
     205#bwTabs li { 
     206  float: left; 
     207  width: 80px; 
     208  height: 20px; 
     209  text-align: center; 
     210  line-height: 23px; 
     211  letter-spacing: 1px; 
     212  font-weight: bold; 
     213  font-size: 12px; 
     214  margin: 0; 
     215  padding: 0; 
     216  list-style: none; 
     217  list-style-image: none; 
     218  color: black; 
     219  background: #eee url("../../images/std-tab-off-80x20.gif") no-repeat bottom; 
     220} 
     221#bwTabs li.selected { 
     222  color: black; 
     223  background: #eee url("../../images/std-tab-on-80x20.gif") no-repeat top; 
     224} 
     225#bwTabs a { 
     226  text-decoration: none; 
     227  color: black; 
     228  background-color: transparent; 
     229} 
     230#bwTabs a:hover { 
     231  color: #c00; 
     232  background-color: transparent; 
     233} 
     234/* tabsTable provides styles for the older version of Bedework's tabs */ 
    193235#tabsTable { 
    194236  margin: 0em; 
    …… 
    210252} 
    211253#navigationBarTable { 
     254  clear: both; 
    212255  font-size: 0.8em; 
    213256  margin: 0em; 
    …… 
    341384} 
    342385#searchTable .searchRelevance { 
    343   background-color: #2c5f89; 
     386  background-color: #2B4795; 
    344387  color: black; 
    345388} 
    …… 
    403446#dayCalendarTable .dateRange { 
    404447  text-align: left; 
    405   background-color: #D3E4F0; 
     448  background-color: #e2decc; 
    406449  color: black; 
    407450  white-space: nowrap; 
    …… 
    435478#weekCalendarTable .dateRange { 
    436479  text-align: left; 
    437   background-color: #D3E4F0; 
     480  background-color: #e2decc; 
    438481  color: black; 
    439482  white-space: nowrap; 
    …… 
    465508  text-align: center; 
    466509  vertical-align: middle; 
    467   background-color: #2c5f89; 
     510  background-color: #2B4795; 
    468511  color: #eee; 
    469512  border: 1px solid black; 
    …… 
    510553  padding: 0.1em 0.2em 0.1em 0.2em; 
    511554  text-decoration: none; 
    512   background-color: #A3C8D9; 
     555  background-color: #CCD7F5; 
    513556  color: black; 
    514557} 
    …… 
    519562  padding: 0.1em 0.2em 0.1em 0.2em; 
    520563  text-decoration: none; 
    521   background-color: #DEECF2; 
     564  background-color: #EBF0FF; 
    522565  color: black; 
    523566} 
    …… 
    674717  font-weight: bold; 
    675718  text-align: center; 
    676   background-color: #EDF5F9; 
    677   color: black; 
     719  background-color: #2B4795; 
     720  color: #eee; 
    678721  white-space: nowrap; 
    679722  border-bottom: 1px solid #999; 
    …… 
    700743  text-decoration: none; 
    701744  background-color: inherit; 
     745  color: #eee; 
    702746  padding: 1px; 
    703   color: black; 
    704747} 
    705748#yearCalendarTable  table.yearViewMonthTable td a:hover  { 
    …… 
    740783  font-size: 0.9em; 
    741784  text-transform: lowercase; 
    742   background-color: #C0D4DD; 
     785  background-color: #D0D5E1; 
    743786  color: black; 
    744787  white-space: nowrap; 
    …… 
    747790  font-size: 0.9em; 
    748791  text-transform: lowercase; 
    749   background-color: #F0F9FF; 
     792  background-color: #DFE7FB; 
    750793  color: black; 
    751794  white-space: nowrap; 
    …… 
    754797  font-size: 0.9em; 
    755798  text-transform: lowercase; 
    756   background-color: #DEECF2; 
     799  background-color: #CCD7F5; 
    757800  color: black; 
    758801  white-space: nowrap; 
    …… 
    761804  font-size: 0.9em; 
    762805  text-transform: lowercase; 
    763   background-color: #A3C8D9; 
     806  background-color: #B3C0E6; 
    764807  color: black; 
    765808  white-space: nowrap; 
    …… 
    800843#listTable td.dateRow { 
    801844  text-align: left; 
    802   background-color: #B1D4E3; 
    803   color: #333; 
    804   font-size: 0.8em; 
     845  background-color: #666; 
     846  /*background-color: #2B4795;*/ 
     847  color: #eee; 
     848  font-size: 0.8em; 
     849  margin: 0; 
    805850  padding: 0.2em 0.5em 0.2em 0.5em; 
    806   margin: 0em; 
    807851} 
    808852#listTable td.dateRow a { 
    809   display: block; 
    810   color: #333; 
     853  color: #fff; 
    811854  background-color: transparent; 
    812855  font-weight: bold; 
    …… 
    917960/*   LINKS    */ 
    918961a:link, a:active, a:visited { 
    919   color: #2c5f89; 
     962  color: #2B4795; 
    920963  background-color: transparent; 
    921964} 
    …… 
    10431086html .dojoFloatingPaneTitleBar { 
    10441087  color: white; 
    1045   background: #2c5f89 url(../../images/curDateRangeBlue.gif) repeat-x bottom; 
     1088  background: #2B4795 url(../../images/curDateRangeBlue.gif) repeat-x bottom; 
    10461089} 
    10471090html .dojoFloatingPaneTitleText { 

  • trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/default/default/default.xsl

    r2056 r2086  
    301301 
    302302  <xsl:template name="tabs"> 
    303     <xsl:choose> 
     303    <div id="bwTabs"> 
     304      <ul> 
     305        <li> 
     306          <xsl:if test="/bedework/page='eventscalendar' and /bedework/periodname='Day'"> 
     307            <xsl:attribute name="class">selected</xsl:attribute> 
     308          </xsl:if> 
     309          <a href="{$setViewPeriod}&amp;viewType=dayView&amp;date={$curdate}">DAY</a> 
     310        </li> 
     311        <li> 
     312          <xsl:if test="/bedework/page='eventscalendar' and /bedework/periodname='Week' or /bedework/periodname=''"> 
     313            <xsl:attribute name="class">selected</xsl:attribute> 
     314          </xsl:if> 
     315          <a href="{$setViewPeriod}&amp;viewType=weekView&amp;date={$curdate}">WEEK</a> 
     316        </li> 
     317        <li> 
     318          <xsl:if test="/bedework/page='eventscalendar' and /bedework/periodname='Month'"> 
     319            <xsl:attribute name="class">selected</xsl:attribute> 
     320          </xsl:if><a href="{$setViewPeriod}&amp;viewType=monthView&amp;date={$curdate}">MONTH</a> 
     321        </li> 
     322        <li> 
     323          <xsl:if test="/bedework/page='eventscalendar' and /bedework/periodname='Year'"> 
     324            <xsl:attribute name="class">selected</xsl:attribute> 
     325          </xsl:if><a href="{$setViewPeriod}&amp;viewType=yearView&amp;date={$curdate}">YEAR</a> 
     326        </li> 
     327        <li> 
     328          <xsl:if test="/bedework/page='eventList'"> 
     329            <xsl:attribute name="class">selected</xsl:attribute> 
     330          </xsl:if><a href="{$listEvents}">LIST</a> 
     331        </li> 
     332      </ul> 
     333    </div> 
     334    <!-- xsl:choose> 
    304335      <xsl:when test="/bedework/page='eventscalendar'"> 
    305336        <table border="0" cellpadding="0" cellspacing="0" id="tabsTable"> 
    …… 
    346377            </td> 
    347378            <td class="centerCell"> 
    348               &#160;<!--<img src="{$resourcesRoot}/images/std-button-today.gif" width="46" height="17" border="0" alt="TODAY"/>--> 
     379              &#160; 
    349380            </td> 
    350381            <td class="rightCell"> 
    …… 
    370401            </td> 
    371402            <td class="centerCell"> 
    372               &#160;<!--<img src="{$resourcesRoot}/images/std-button-today.gif" width="46" height="17" border="0" alt="TODAY"/>--> 
     403              &#160; 
    373404            </td> 
    374405            <td class="rightCell"> 
    …… 
    378409        </table> 
    379410      </xsl:otherwise> 
    380     </xsl:choose> 
     411    </xsl:choose--> 
    381412  </xsl:template> 
    382413 
    …… 
    859890        </tr> 
    860891      </xsl:if> 
     892      <xsl:if test="comments/comment"> 
     893        <tr> 
     894          <td class="fieldname">Comments:</td> 
     895          <td class="fieldval comments"> 
     896            <xsl:for-each select="comments/comment"> 
     897              <p><xsl:value-of select="value"/></p> 
     898            </xsl:for-each> 
     899          </td> 
     900        </tr> 
     901      </xsl:if> 
    861902      <xsl:if test="xproperties/X-BEDEWORK-ALIAS"> 
    862903        <tr> 
    …… 
    875916        </tr> 
    876917      </xsl:if> 
    877       <xsl:if test="calendar/path!=''"> 
    878         <tr> 
    879           <td class="fieldname">Calendar:</td> 
    880           <td class="fieldval"> 
    881             <xsl:variable name="calUrl" select="calendar/encodedPath"/> 
    882             <a href="{$setSelection}&amp;calUrl={$calUrl}"> 
    883               <xsl:value-of select="calendar/name"/> 
    884             </a> 
    885           </td> 
    886         </tr> 
    887       </xsl:if> 
    888918      <xsl:if test="categories/category"> 
    889919        <tr> 
    …… 
    896926        </tr> 
    897927      </xsl:if> 
    898       <xsl:if test="comments/comment"> 
     928      <xsl:if test="calendar/path!=''"> 
    899929        <tr> 
    900           <td class="fieldname">Comments:</td> 
    901           <td class="fieldval comments"> 
    902             <xsl:for-each select="comments/comment"> 
    903               <p><xsl:value-of select="value"/></p> 
    904             </xsl:for-each> 
     930          <td class="fieldname">Calendar:</td> 
     931          <td class="fieldval"> 
     932            <xsl:variable name="calUrl" select="calendar/encodedPath"/> 
     933            <a href="{$setSelection}&amp;calUrl={$calUrl}"> 
     934              <xsl:value-of select="calendar/name"/> 
     935            </a> 
    905936          </td> 
    906937        </tr> 

  • trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/default/default/green.css

    r2072 r2086  
    197197  display: inline; 
    198198} 
     199#bwTabs { 
     200  width: 100%; 
     201  margin: 0; 
     202  padding: 0; 
     203  background-color: #333; 
     204  color: #eee; 
     205} 
     206#bwTabs ul { 
     207  height: 20px; 
     208  margin: 0 2px; 
     209  padding: 4px 0 0 0; 
     210} 
     211#bwTabs li { 
     212  float: left; 
     213  width: 80px; 
     214  height: 20px; 
     215  text-align: center; 
     216  line-height: 23px; 
     217  letter-spacing: 1px; 
     218  font-weight: bold; 
     219  font-size: 12px; 
     220  margin: 0; 
     221  padding: 0; 
     222  list-style: none; 
     223  list-style-image: none; 
     224  color: black; 
     225  background: #eee url("../../images/std-tab-off-80x20.gif") no-repeat bottom; 
     226} 
     227#bwTabs li.selected { 
     228  color: black; 
     229  background: #eee url("../../images/std-tab-on-80x20.gif") no-repeat top; 
     230} 
     231#bwTabs a { 
     232  text-decoration: none; 
     233  color: black; 
     234  background-color: transparent; 
     235} 
     236#bwTabs a:hover { 
     237  color: #c00; 
     238  background-color: transparent; 
     239} 
    199240#tabsTable { 
    200241  margin: 0em; 

  • trunk/deployment/webpublic/webapp/resources/demoskins/MainCampus/default/default/red.css

    r2072 r2086  
    197197  display: inline; 
    198198} 
     199#bwTabs { 
     200  width: 100%; 
     201  margin: 0; 
     202  padding: 0; 
     203  background-color: #333; 
     204  color: #eee; 
     205} 
     206#bwTabs ul { 
     207  height: 20px; 
     208  margin: 0 2px; 
     209  padding: 4px 0 0 0; 
     210} 
     211#bwTabs li { 
     212  float: left; 
     213  width: 80px; 
     214  height: 20px; 
     215  text-align: center; 
     216  line-height: 23px; 
     217  letter-spacing: 1px; 
     218  font-weight: bold; 
     219  font-size: 12px; 
     220  margin: 0; 
     221  padding: 0; 
     222  list-style: none; 
     223  list-style-image: none; 
     224  color: black; 
     225  background: #eee url("../../images/std-tab-off-80x20.gif") no-repeat bottom; 
     226} 
     227#bwTabs li.selected { 
     228  color: black; 
     229  background: #eee url("../../images/std-tab-on-80x20.gif") no-repeat top; 
     230} 
     231#bwTabs a { 
     232  text-decoration: none; 
     233  color: black; 
     234  background-color: transparent; 
     235} 
     236#bwTabs a:hover { 
     237  color: #c00; 
     238  background-color: transparent; 
     239} 
    199240#tabsTable { 
    200241  margin: 0em; 

  • trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.css

    r2083 r2086  
    402402  font-weight: normal; 
    403403  margin-top: 5px; 
     404} 
     405#bedework #bwTabs { 
     406  width: 100%; 
     407  min-width: 567px; 
     408  margin: 0; 
     409  padding: 0; 
     410  background-color: #333; 
     411  color: #eee; 
     412} 
     413#bedework #bwTabs ul { 
     414  height: 20px; 
     415  margin: 0; 
     416  padding: 4px 0 0 0; 
     417} 
     418#bedework #bwTabs li { 
     419  float: left; 
     420  width: 80px; 
     421  height: 20px; 
     422  text-align: center; 
     423  line-height: 23px; 
     424  letter-spacing: 1px; 
     425  font-weight: bold; 
     426  font-size: 12px; 
     427  margin: 0; 
     428  padding: 0; 
     429  list-style: none; 
     430  list-style-image: none; 
     431  color: black; 
     432  background: #eee url("../../resources/std-tab-off-80x20.gif") no-repeat bottom; 
     433} 
     434#bedework #bwTabs li.selected { 
     435  color: black; 
     436  background: #eee url("../../resources/std-tab-on-80x20.gif") no-repeat top; 
     437} 
     438#bedework #bwTabs a { 
     439  text-decoration: none; 
     440  color: black; 
     441  background-color: transparent; 
     442} 
     443#bedework #bwTabs a:hover { 
     444  color: #c00; 
     445  background-color: transparent; 
     446} 
     447#bedework #bwUserInfo { 
     448  float: right; 
     449  padding-right: 0.5em; 
     450  margin: 4px 0 0 0; 
     451  font-size: 0.8em; 
     452  vertical-align: bottom; 
     453} 
     454#bedework #bwUserInfo a { 
     455  background-color: inherit; 
     456  color: #ccc; 
     457} 
     458#bedework #bwUserInfo .logout { 
     459  padding-left: 0.5em; 
     460  font-size: 0.8em; 
    404461} 
    405462#bedework #tabsTable { 
    …… 
    13251382  text-decoration: none; 
    13261383  background-color: inherit; 
     1384  color: #eee; 
    13271385  padding: 1px; 
    1328   color: #eee; 
    13291386} 
    13301387#bedework #yearCalendarTable  table.yearViewMonthTable td a:hover  { 
    …… 
    13551412  font-size: 0.9em; 
    13561413  text-transform: lowercase; 
    1357   background-color: #ddd; 
     1414  background-color: #eee; 
    13581415  color: black; 
    13591416  white-space: nowrap; 

  • trunk/deployment/webuser/webapp/resources/demoskins/default/default/default.xsl

    r2083 r2086  
    679679      </xsl:choose> 
    680680    </xsl:variable> 
    681     <table cellspacing="0" id="tabsTable"> 
     681    <div id="bwTabs"> 
     682      <div id="bwUserInfo"> 
     683        logged in as 
     684        <xsl:text> </xsl:text> 
     685        <strong><xsl:value-of select="/bedework/userid"/></strong> 
     686        <xsl:text> </xsl:text> 
     687        <span class="logout"><a href="{$setup}&amp;logout=true">logout</a></span> 
     688      </div> 
     689      <ul> 
     690        <li> 
     691          <xsl:if test="/bedework/page='eventscalendar' and /bedework/periodname='Day'"> 
     692            <xsl:attribute name="class">selected</xsl:attribute> 
     693          </xsl:if> 
     694          <a href="{$setViewPeriod}&amp;viewType=dayView&amp;date={$curdate}">DAY</a> 
     695        </li> 
     696        <li> 
     697          <xsl:if test="/bedework/page='eventscalendar' and /bedework/periodname='Week' or /bedework/periodname=''"> 
     698            <xsl:attribute name="class">selected</xsl:attribute> 
     699          </xsl:if> 
     700          <a href="{$setViewPeriod}&amp;viewType=weekView&amp;date={$curdate}">WEEK</a> 
     701        </li> 
     702        <li> 
     703          <xsl:if test="/bedework/page='eventscalendar' and /bedework/periodname='Month'"> 
     704            <xsl:attribute name="class">selected</xsl:attribute> 
     705          </xsl:if><a href="{$setViewPeriod}&amp;viewType=monthView&amp;date={$curdate}">MONTH</a> 
     706        </li> 
     707        <li> 
     708          <xsl:if test="/bedework/page='eventscalendar' and /bedework/periodname='Year'"> 
     709            <xsl:attribute name="class">selected</xsl:attribute> 
     710          </xsl:if><a href="{$setViewPeriod}&amp;viewType=yearView&amp;date={$curdate}">YEAR</a> 
     711        </li> 
     712        <li> 
     713          <xsl:if test="/bedework/page='eventList'"> 
     714            <xsl:attribute name="class">selected</xsl:attribute> 
     715          </xsl:if><a href="{$listEvents}">LIST</a> 
     716        </li> 
     717      </ul> 
     718    </div> 
     719    <!-- table cellspacing="0" id="tabsTable"> 
    682720      <tr> 
    683721        <td> 
    …… 
    713751        <td> 
    714752          <xsl:choose> 
    715             <!-- don't allow switching to year for free busy view, so only use setViewPeriod action --> 
     753            < ! - - don't allow switching to year for free busy view, so only use setViewPeriod action - - > 
    716754            <xsl:when test="/bedework/periodname='Year'"> 
    717755              <a href="{$setViewPeriod}&amp;viewType=yearView&amp;date={$curdate}"><img src="{$resourcesRoot}/resources/std-tab-year-on.gif" width="92" height="20" border="0" alt="YEAR"/></a> 
    …… 
    737775        </td> 
    738776      </tr> 
    739     </table> 
     777    </table--> 
    740778  </xsl:template> 
    741779