Changeset 2148

Show
Ignore:
Timestamp:
04/28/09 17:06:02
Author:
johnsa
Message:

user client: add messages and tasks sidebar

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

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

    r2136 r2148  
    1515  padding: 0.75em 1em 0em 1em; 
    1616  margin: 0; 
     17  min-width: 828px; 
    1718} 
    1819/* Generic selectors*/ 
    …… 
    214215  border-right: 1px solid #333; 
    215216  border-bottom: 2px solid #aaa; 
    216   border-top: 24px solid #333; 
     217  /*border-top: 24px solid #333;*/ 
     218  vertical-align: top; 
     219  white-space: nowrap; 
     220  margin: 0; 
     221  padding: 0; 
     222} 
     223#bedework #bodyBlock td#msgTaskBar { 
     224  width: 150px; 
     225  font-size: 0.8em; 
     226  color: black; 
     227  background: white url(../../resources/sideBarGrayGradRight.gif) repeat-y left; 
     228  border-right: 2px solid #333; 
     229  border-bottom: 2px solid #aaa; 
     230  /*border-top: 24px solid #333;*/ 
    217231  vertical-align: top; 
    218232  white-space: nowrap; 
    …… 
    227241  padding: 2px 4px; 
    228242} 
    229 #bedework #bodyBlock td#sideBar h3 a:link, 
    230 #bedework #bodyBlock td#sideBar h3 a:active, 
    231 #bedework #bodyBlock td#sideBar h3 a:visited { 
     243#bedework #bodyBlock td#msgTaskBar h3 { 
     244  color: #eee; 
     245  background: #4164AE url(../../resources/sideBarBlueGradRight.gif) repeat-y left; 
     246  font-weight: normal; 
     247  margin: 0; 
     248  padding: 2px 4px 2px 8px; 
     249} 
     250#bedework #bodyBlock td.sideMenus h3 a:link, 
     251#bedework #bodyBlock td.sideMenush3 a:active, 
     252#bedework #bodyBlock td.sideMenus h3 a:visited { 
    232253  float: right; 
    233254  font-size: 0.8em; 
    …… 
    236257  text-decoration: none; 
    237258} 
    238 #bedework #bodyBlock td#sideBar h3 a:hover { 
     259#bedework #bodyBlock td.sideMenus h3 a:hover { 
    239260  color: #ff3; 
    240261  background: transparent; 
    241262  text-decoration: none; 
    242263} 
    243 #bedework #bodyBlock td#sideBar h3 a.calManageLink { 
     264#bedework #bodyBlock td.sideMenus h3 a.calManageLink { 
    244265  padding-right: 4px; 
    245266  margin-right: 4px; 
    …… 
    254275  background-color: #333; 
    255276} 
    256 #bedework #bodyBlock td#sideBar a:link, 
    257 #bedework #bodyBlock td#sideBar a:active, 
    258 #bedework #bodyBlock td#sideBar a:visited { 
    259   text-decoration: none; 
    260 } 
    261 #bedework #bodyBlock td#sideBar a:hover { 
     277#bedework #bodyBlock td.sideMenus a:link, 
     278#bedework #bodyBlock td.sideMenus a:active, 
     279#bedework #bodyBlock td.sideMenus a:visited { 
     280  text-decoration: none; 
     281} 
     282#bedework #bodyBlock td.sideMenus a:hover { 
    262283  color: black; 
    263284  background-color: #ff3; 
    …… 
    285306} 
    286307#bedework #bodyBlock td#bodyContent { 
    287   border-right: 2px solid #333; 
    288308  border-bottom: 2px solid #aaa; 
    289309  vertical-align: top; 
    …… 
    405425#bedework #bwTabs { 
    406426  width: 100%; 
    407   min-width: 567px; 
    408427  margin: 0; 
    409428  padding: 0; 
    …… 
    413432#bedework #bwTabs ul { 
    414433  height: 20px; 
    415   margin: 0; 
     434  margin: 0 0 0 203px; 
    416435  padding: 4px 0 0 0; 
    417436} 
    …… 
    457476} 
    458477#bedework #bwUserInfo .logout { 
    459   padding-left: 0.5em; 
    460   font-size: 0.8em; 
    461 } 
    462 #bedework #tabsTable { 
    463   margin: 0; 
    464   padding: 0; 
    465   text-align: center; 
    466   vertical-align: bottom; 
    467   background-color: #333; 
    468   color: #eee; 
    469   font-size: 0.8em; 
    470 } 
    471 #bedework #tabsTable td { 
    472   padding: 4px 0 0 0; 
    473   white-space: nowrap; 
    474 } 
    475 #bedework #tabsTable img { 
    476   display: inline; 
    477 } 
    478 #bedework #tabsTable a { 
    479   background-color: inherit; 
    480   color: #ccc; 
    481 } 
    482 #bedework #tabsTable td.rightCell { 
    483   width: 100%; 
    484   background : url(../../resources/std-tab-space.gif); 
    485   padding-right: 0.5em; 
    486   text-align: right; 
    487 } 
    488 #bedework #tabsTable .logout { 
    489478  padding-left: 0.5em; 
    490479  font-size: 0.8em; 
    …… 
    18681857  text-decoration: underline; 
    18691858} 
    1870 #bedework #skinSelectorTable { 
     1859#bedework #subfoot { 
    18711860  width: 100%; 
    18721861  padding-top: 0.5em; 
    …… 
    18751864  background-color: inherit; 
    18761865} 
    1877 #bedework #skinSelectorTable td { 
    1878   vertical-align: top; 
    1879 } 
    1880 #bedework #skinSelectorTable td.rightCell { 
    1881   text-align: right; 
    1882 } 
    1883 #bedework #skinSelectorTable td.leftCell { 
    1884   text-align: left; 
     1866#bedework #subfoot  a { 
    18851867  color: #999; 
    18861868  background-color: inherit; 
    1887 } 
    1888 #bedework #skinSelectorTable td.leftCell  a { 
    1889   color: #999; 
    1890   background-color: inherit; 
    1891 } 
    1892 #bedework #skinSelectorTable td.rightCell form { 
    1893   display: inline; 
    1894   margin: 0em; 
    1895   padding: 0em; 
    1896 } 
    1897 #bedework #skinSelectorTable td.rightCell select { 
    1898   font-size: 0.9em; 
    1899   color: #333; 
    1900   background-color: #eee; 
    19011869} 
    19021870#bedework #subscriptionTypes { 

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

    r2145 r2148  
    219219          <xsl:call-template name="headBar"/> 
    220220          <xsl:call-template name="messagesAndErrors"/> 
     221          <xsl:call-template name="tabs"/> 
    221222          <table id="bodyBlock" cellspacing="0"> 
    222223            <tr> 
    …… 
    228229                </xsl:when> 
    229230                <xsl:otherwise> 
    230                   <td id="sideBar"> 
     231                  <td id="sideBar" class="sideMenus"> 
    231232                    <xsl:call-template name="sideBar"/> 
    232233                  </td> 
    …… 
    234235              </xsl:choose> 
    235236              <td id="bodyContent"> 
    236                 <xsl:call-template name="tabs"/> 
    237237                <xsl:call-template name="navigation"/> 
    238238                <xsl:call-template name="utilBar"/> 
    …… 
    372372                </xsl:choose> 
    373373              </td> 
     374              <xsl:if test="1"> 
     375                <td id="msgTaskBar" class="sideMenus"> 
     376                  <h3>messages</h3> 
     377                  <ul> 
     378                    <li>example</li> 
     379                  </ul> 
     380                  <h3>tasks</h3> 
     381                  <ul> 
     382                    <li>example</li> 
     383                  </ul> 
     384                </td> 
     385              </xsl:if> 
    374386            </tr> 
    375387          </table> 
    …… 
    82208232      Demonstration calendar; place footer information here. 
    82218233    </div> 
    8222     <table id="skinSelectorTable" border="0" cellpadding="0" cellspacing="0"> 
    8223       <tr> 
    8224         <td class="leftCell"> 
    8225           <a href="http://www.bedework.org/">Bedework Website</a> | 
    8226           <a href="?noxslt=yes">show XML</a> | 
    8227           <a href="?refreshXslt=yes">refresh XSLT</a> 
    8228         </td> 
    8229         <td class="rightCell"> 
    8230           <!--<form name="skinSelectForm" method="post" action="{$setup}"> 
    8231             skin selector: 
    8232             <select name="skinNameSticky" onchange="submit()"> 
    8233               <option>select a skin</option> 
    8234               <option value="default">Demo Calendar</option> 
    8235               <option value="rensselaer">Rensselaer</option> 
    8236               <option value="washington">Washington</option> 
    8237             </select> 
    8238           </form>--> 
    8239         </td> 
    8240       </tr> 
    8241     </table> 
     8234    <div id="subfoot"> 
     8235      <a href="http://www.bedework.org/">Bedework Website</a> | 
     8236      <a href="?noxslt=yes">show XML</a> | 
     8237      <a href="?refreshXslt=yes">refresh XSLT</a> 
     8238    </div> 
    82428239  </xsl:template> 
    82438240