Changeset 28601 for documentation/trunk

Show
Ignore:
Timestamp:
04.11.2013 15:47:47 (6 years ago)
Author:
jlwhisler
Message:

Made a few changes to the interface to make it look more polished.

Location:
documentation/trunk/tutorial_sample_files/libraries/althor
Files:
43 added
2 removed
3 modified

Legend:

Unmodified
Added
Removed
  • documentation/trunk/tutorial_sample_files/libraries/althor/css/gs3-core-min.css

    r28599 r28601  
    309309} 
    310310 
    311  
    312  
    313  
    314311/* INTERFACE SPECIFIC */ 
    315312 
    316 /* 
    317 .col2{color:#FFFFFF; background-color:#F6F6F6;height:67px;} 
    318  
    319  
    320 #header .fl_left p{ 
    321     font-size: 22px; 
    322     } 
    323  
    324 .container{ 
    325     min-height: 300px; 
    326     } 
    327  
    328      
    329 .column .latestnews li{ 
    330     height: auto; 
    331     }    
    332  
    333 #hpage_cats{ 
    334     margin-top: 20px; 
    335     }    
    336  
    337      
    338 #hpage_cats .fl_left img, #hpage_cats .fl_right img{ 
    339     height: 100px; 
    340     width: 100px; 
    341     }    
    342  
    343  
    344 .panel .panel-overlay, .panel .overlay-background{height: 20px;} 
    345  
    346  
    347 #advanced { 
    348 margin: 2px 0px 0px 0px; 
    349 float: right; 
     313#heading { 
     314height: 134px; 
     315} 
     316 
     317#top { 
     318height: 40% 
     319} 
     320 
     321#logo a { 
     322font-family: Algerian, serif; 
     323color: #FFFFE6; 
     324} 
     325 
     326 
     327 
     328@media (min-width:300px) { 
     329#logo a {font-size: 20px;} 
     330} 
     331@media (min-width:500px) { 
     332#logo a {font-size: 30px;} 
     333} 
     334@media (min-width:800px) { 
     335#logo a {font-size: 40px;} 
     336} 
     337@media (min-width:1000px) { 
     338#logo a {font-size: 50px;} 
     339} 
     340@media (min-width:1200px) { 
     341#logo a {font-size: 60px;} 
     342} 
     343@media (min-width:1500px) { 
     344#logo a {font-size: 70px;} 
     345} 
     346 
     347 
     348td { 
     349padding: 1px; 
     350} 
     351 
     352form#prefform h3 { 
    350353clear: both; 
    351 }    
    352  
     354} 
    353355 
    354356input[type='submit'], button { 
    355 display:block; 
     357    display:block; 
    356358    float:left; 
    357     border:1px solid #396B86; 
    358     font-size:12px; 
    359     width:68px; 
    360     height:26px; 
    361     margin:0; 
    362     padding:4px 0; 
    363     text-transform:uppercase; 
    364     color:#FFFFFF; 
    365     background-color:#059BD8; 
    366     border-color:#396B86; 
    367     cursor:pointer; 
    368     font-weight:bold; 
    369 }    
    370  
    371  
    372 #changePasswordButton { 
    373     width:175px; 
    374 }    
    375  
    376 #addGroupButton { 
    377     width:100px; 
    378 } 
    379  
    380  
    381 li.login  a { 
    382 color: #a4e3fd; 
    383 } 
    384  
    385  
    386 input[value='Set preferences'] { 
    387 width: 150px; 
    388 } 
    389 */ 
     359    clear: both; 
     360    margin-top: 10px; 
     361 
     362} 
     363 
     364form div table { 
     365float: left; 
     366clear: both; 
     367} 
  • documentation/trunk/tutorial_sample_files/libraries/althor/license.txt

    r28599 r28601  
    1 License 
     1License for free CSS template used to create this interface 
    22 
    33Thanks for Downloading! 
    44This resource is free for personal and commercial use no attribution necessary. Note. I don't offer support on free files. 
    55 
     6Relax, all files available for download at luiszuno.com are free for personal and commercial use with little restriction. 
    67 
     8You may freely use them without restriction, in any kind of application such software programs, web templates, themes for cms, prints or other kind of materials intended for sale or distribution. 
     9 
     10You are not permitted to make the resources found on luiszuno.com available for distribution elsewhere “as is” without prior consent. 
     11 
     12Feeling Grateful? 
     13 
     14Consider making a donation: http://luiszuno.com/blog/donations/ 
    715 
    816 
  • documentation/trunk/tutorial_sample_files/libraries/althor/transform/layouts/main.xsl

    r28599 r28601  
    2727         
    2828        <!-- header wrapper --> 
    29         <div class="wrapper cf"> 
     29        <div id="heading" class="wrapper cf"> 
     30        <div id="top"><xsl:text> </xsl:text></div> 
    3031            <div id="logo"> 
    31                 <a href="{$library_name}" ><img src="interfaces/{$interface_name}/img/logo.png" alt="" /></a> 
     32                <div id="title"><a href="{$library_name}"><xsl:call-template name="siteName"/></a></div> 
    3233            </div> 
     34                    <div id="bottom"><xsl:text> </xsl:text></div> 
    3335        </div><!-- ENDS header wrapper --> 
    3436        <!-- ENDS header wrapper --> 
     
    5052        <div role="main" id="main"> 
    5153        <div class="wrapper"> 
     54        <xsl:choose> 
     55        <xsl:when test="not(/page/pageRequest/@subaction='home')"> 
     56                    <div class="page-content"> 
     57                    <div class="entry-content cf"> 
     58                            <xsl:apply-templates select="/page"/> 
     59                    </div> 
     60                            <div class="c-1"><xsl:text> </xsl:text></div> 
     61<div class="c-2"><xsl:text> </xsl:text></div> 
     62<div class="c-3"><xsl:text> </xsl:text></div> 
     63<div class="c-4"><xsl:text> </xsl:text></div>            
     64                     
     65                    </div> 
     66 
     67        </xsl:when> 
     68        <xsl:otherwise> 
    5269        <xsl:apply-templates select="/page"/> 
     70        </xsl:otherwise> 
     71        </xsl:choose> 
    5372              </div> 
    5473    </div> 
     
    89108                <ul id="social-bar" class="cf"> 
    90109                    <li class="left-corner"><i></i></li> 
    91                     <li><a href="http://www.facebook.com"  title="Become a fan" ><img src="interfaces/{$interface_name}/img/social/Facebook.png"  alt="Facebook" /></a></li> 
    92                     <li><a href="http://www.twitter.com" title="Follow my tweets" ><img src="interfaces/{$interface_name}/img/social/Twitter.png"  alt="twitter" /></a></li> 
    93                     <li><a href="http://www.google.com"  title="Add to the circle" ><img src="interfaces/{$interface_name}/img/social/Google+.png" alt="Google plus" /></a></li> 
    94                     <li class="right-corner"><i></i></li> 
    95                     <li><a href="http://www.google.com"  title="Add to the circle" ><img src="interfaces/{$interface_name}/img/social/RSS.png" alt="RSS" /></a></li> 
     110                    <li><a href="http://www.facebook.com"  title="Become a fan" ><img src="interfaces/{$interface_name}/images/social/Facebook.png"  alt="Facebook" /></a></li> 
     111                    <li><a href="http://www.twitter.com" title="Follow my tweets" ><img src="interfaces/{$interface_name}/images/social/Twitter.png"  alt="twitter" /></a></li> 
     112                    <li><a href="http://www.google.com"  title="Add to the circle" ><img src="interfaces/{$interface_name}/images/social/Google+.png" alt="Google plus" /></a></li> 
     113          <!-- RSS feed link can appear in a global format statement (where it has no type attribute)  
     114               or in section specific format statements, such as browse, search, display.  
     115               If it's present in any format statement, display the RSS link in the bannerlinks section. --> 
     116          <xsl:if test="/page/pageResponse/format[@type='display' or @type='browse' or @type='search' or not(@type)]/gsf:option[@name='RSS']/@value = 'true'"> 
     117           
     118            <li><gsf:link type="rss"><gsf:icon file="social/RSS.png"/></gsf:link></li> 
     119          </xsl:if> 
    96120                    <li class="right-corner"><i></i></li>                    
    97121                </ul> 
     
    102126                <li class="first-col"> 
    103127                    <div class="widget-block"> 
    104                         <h4>RECENT POSTS</h4> 
     128                        <h4>News</h4> 
    105129                        <div class="recent-post cf"> 
    106                             <a href="#" class="thumb"><img src="interfaces/{$interface_name}/images/54x54.jpg" alt="Post" /></a> 
     130                            <a href="http://www.greenstone.org/download" class="thumb"><img src="interfaces/{$interface_name}/images/54x54.jpg" alt="Post" /></a> 
    107131                            <div class="post-head"> 
    108                                 <a href="#">Pellentesque habitant morbi senectus </a><span> March 12, 2011</span> 
     132                                <a href="http://www.greenstone.org/download">Greenstone 2.86 Released!</a><span> 30 October 2013</span> 
    109133                            </div> 
    110134                        </div> 
    111135                        <div class="recent-post cf"> 
    112                             <a href="#" class="thumb"><img src="interfaces/{$interface_name}/images/54x54.jpg" alt="Post" /></a> 
     136                            <a href="http://wiki.greenstone.org" class="thumb"><img src="interfaces/{$interface_name}/images/54x54.jpg" alt="Post" /></a> 
    113137                            <div class="post-head"> 
    114                                 <a href="#">Pellentesque habitant morbi senectus</a><span> March 12, 2011</span> 
    115                             </div> 
    116                         </div> 
    117                         <div class="recent-post cf"> 
    118                             <a href="#" class="thumb"><img src="interfaces/{$interface_name}/images/54x54.jpg" alt="Post" /></a> 
    119                             <div class="post-head"> 
    120                                 <a href="#">Pellentesque habitant morbi senectus</a><span> March 12, 2011</span> 
     138                                <a href="http://wiki.greenstone.org">New Wiki Launched!</a><span>20 October 2013</span> 
    121139                            </div> 
    122140                        </div> 
     
    126144                    <div class="widget-block"> 
    127145                        <h4>ABOUT</h4> 
    128                         <p>Vintage Template it's completely free this means you don't have to pay anything <a href="http://luiszuno.com/blog/license" >read license</a>.</p>  
     146                        <p>This interface was created using a free CSS template by <a href="http://luiszuno.com/">http://luiszuno.com/</a>. Be sure to keep the credit line in the footer intact.</p>  
    129147                         
    130                         <p>Placeholder images by <a href="http://twistedfork.me/" >Dan Matutina</a></p> 
    131                         <p>Visit <a href="http://templatecreme.com/" >Template Creme</a> and find the most beautiful free templates up to date.</p></div> 
     148                        <p>Placeholder images by Jennifer L. Whisler (free for reuse under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution</a> license).</p> 
     149                        </div> 
    132150                </li> 
    133151                <li class="third-col"> 
    134152                    <div class="widget-block"> 
    135153                        <div id="tweets" class="footer-col tweet"> 
    136                             <h4>TWITTER WIDGET</h4> 
     154                            <h4>Library Links</h4> 
     155                        <ul> 
     156                        <xsl:call-template name="loginLinks"/> 
     157                        <li class="cat-item"><a href="{$library_name}/collection/{$collNameChecked}/page/pref">Preferences</a></li> 
     158                        <li class="cat-item"><a href="{$library_name}/collection/{$collNameChecked}/page/help">Help</a></li> 
     159                        </ul> 
    137160                        </div> 
    138161                    </div>   
     
    140163                <li class="fourth-col"> 
    141164                    <div class="widget-block"> 
    142                         <h4>CATEGORIES</h4> 
     165                        <h4>External Links</h4> 
    143166                        <ul> 
    144                             <li class="cat-item"><a href="#" >Design</a></li> 
    145                             <li class="cat-item"><a href="#" >Photo</a></li> 
    146                             <li class="cat-item"><a href="#" >Art</a></li> 
    147                             <li class="cat-item"><a href="#" >Game</a></li> 
    148                             <li class="cat-item"><a href="#" >Film</a></li> 
    149                             <li class="cat-item"><a href="#" >TV</a></li> 
     167                            <li class="cat-item"><a href="http://www.greenstone.org" >Greenstone</a></li> 
     168                            <li class="cat-item"><a href="http://wiki.greenstone.org">Greenstone Wiki</a></li>                           
     169                            <li class="cat-item"><a href="http://www.nzdl.org/cgi-bin/library.cgi" >NZDL</a></li> 
     170                            <li class="cat-item"><a href="http://www.greenstone.org/greenstone3-home">Download Greenstone3</a></li> 
    150171                        </ul> 
    151172                    </div> 
     
    159180    </footer> 
    160181</xsl:template> 
     182 
     183 
     184 
     185 
     186<xsl:template name="loginLinks"> 
     187<xsl:variable name="username" select="/page/pageRequest/userInformation/@username"/> 
     188<xsl:variable name="groups" select="/page/pageRequest/userInformation/@groups"/> 
     189 
     190<xsl:choose> 
     191<xsl:when test="$username"> 
     192<li class="login cat-item"><a href="{$library_name}/admin/AccountSettings?s1.username={$username}">Logged in as: <xsl:value-of select="$username"/></a></li> 
     193<xsl:if test="contains($groups,'admin')"> 
     194<li class="login cat-item"><a href="{$library_name}/admin/AddUser">Add user</a></li> 
     195<li class="login cat-item"><a href="{$library_name}/admin/ListUsers">Administration</a></li> 
     196</xsl:if> 
     197<li class="login cat-item"><a href="{$library_name}?logout=">Logout</a></li> 
     198</xsl:when> 
     199<xsl:otherwise> 
     200<li class="login cat-item"> 
     201<a href="{$library_name}?a=p&amp;sa=login&amp;redirectURL={$library_name}%3Fa=p%26sa=home">Login 
     202<xsl:attribute name="title"> 
     203<xsl:value-of select="util:getInterfaceText($interface_name, /page/@lang, 'login_tip')"/> 
     204</xsl:attribute> 
     205</a> 
     206</li> 
     207</xsl:otherwise> 
     208</xsl:choose> 
     209</xsl:template> 
     210 
     211 
     212 
     213 
     214 
     215 
     216 
     217<xsl:variable name="count" select="count(/page/pageResponse/collection/serviceList/service[@name='ClassifierBrowse']/classifierList/classifier)"/> 
     218 
     219 
     220 
     221 
     222 
    161223<xsl:template name="navBar"> 
    162224<xsl:choose> 
    163225<xsl:when test="page/pageResponse/collection"> 
    164 <xsl:variable name="count" select="count(/page/pageResponse/collection/serviceList/service[@name='ClassifierBrowse']/classifierList/classifier)"/> 
     226 
    165227<xsl:variable name="currentPage" select="page/pageRequest/@fullURL"/> 
    166228 
    167 <li><a href="{$library_name}">Home</a></li> 
     229<li><a href="{$library_name}">Home<i><b><xsl:text> </xsl:text></b></i></a></li> 
    168230<li> 
    169 <xsl:if test="page/pageRequest/@subaction='about'"><xsl:attribute name="class">active</xsl:attribute></xsl:if> 
    170 <a href="{$library_name}/collection/{$collNameChecked}/page/about">About</a> 
    171 </li> 
    172  
    173 <xsl:choose> 
    174 <xsl:when test="$count > 3"> 
    175 <li><a href="{$currentPage}">Browse</a> 
     231<xsl:if test="page/pageRequest/@subaction='about'"><xsl:attribute name="class">current-menu-item</xsl:attribute></xsl:if> 
     232<a href="{$library_name}/collection/{$collNameChecked}/page/about">About<i><b><xsl:text> </xsl:text></b></i></a> 
     233</li> 
     234 
     235<xsl:choose> 
     236<xsl:when test="$count > 5"> 
     237<li> 
     238<xsl:if test="page/pageRequest/@action='b'"><xsl:attribute name="class">current-menu-item</xsl:attribute></xsl:if> 
     239<a href="{$library_name}/collection/{$collNameChecked}/browse/CL1">Browse<i><b><xsl:text> </xsl:text></b></i></a> 
    176240<ul> 
    177241<xsl:call-template name="Browsing"/> 
     
    185249 
    186250<xsl:if test="/page/pageResponse/collection/serviceList/service/@type='query'"> 
    187 <li><a href="{$currentPage}">Search</a> 
     251<xsl:variable name="default_search" select="/page/pageResponse/collection/serviceList/service[@type='query'][1]/@name"/> 
     252<li> 
     253<xsl:if test="page/pageRequest/@action='q'"><xsl:attribute name="class">current-menu-item</xsl:attribute></xsl:if> 
     254<a href="{$library_name}/collection/{$collNameChecked}/search/{$default_search}">Search<i><b><xsl:text> </xsl:text></b></i></a> 
    188255<ul> 
    189256<xsl:for-each select="/page/pageResponse/collection/serviceList/service[@type='query']"> 
     
    206273<xsl:choose> 
    207274<!-- If this tab is selected then colour it differently --> 
    208 <xsl:when test="util:contains(/page/pageRequest/paramList/param[@name = 'cl' and /page/pageRequest/@action = 'b']/@value, @name)"> 
    209 <xsl:attribute name='class'>active</xsl:attribute> 
     275<xsl:when test="util:contains(/page/pageRequest/paramList/param[@name = 'cl' and /page/pageRequest/@action = 'b']/@value, @name) and $count &lt; 5"> 
     276<xsl:attribute name='class'>current-menu-item</xsl:attribute> 
    210277</xsl:when> 
    211278<xsl:otherwise> </xsl:otherwise> 
     
    230297<!-- Add the actual text of the <a> tag --> 
    231298<xsl:value-of select="displayItem[@name='name']"/> 
     299<xsl:if test="$count &lt; 5"><i><b><xsl:text> </xsl:text></b></i></xsl:if> 
    232300</a> 
    233301</li> 
     
    237305</xsl:stylesheet> 
    238306 
    239  
    240  
    241  
    242  
    243  
    244  
    245  
    246  
    247  
    248  
    249  
    250  
    251  
    252  
    253  
    254  
    255 <!--         
    256 <xsl:template name="navBar"> 
    257 <xsl:choose> 
    258 <xsl:when test="page/pageResponse/collection"> 
    259 <xsl:variable name="count" select="count(/page/pageResponse/collection/serviceList/service[@name='ClassifierBrowse']/classifierList/classifier)"/> 
    260 <xsl:variable name="currentPage" select="page/pageRequest/@fullURL"/> 
    261  
    262 <li><a href="{$library_name}">Home<i><b><xsl:text> </xsl:text></b></i></a></li> 
    263 <li> 
    264 <xsl:if test="page/pageRequest/@subaction='about'"><xsl:attribute name="class">current-menu-item</xsl:attribute></xsl:if> 
    265 <a href="{$library_name}/collection/{$collNameChecked}/page/about">About<i><b><xsl:text> </xsl:text></b></i></a> 
    266 </li> 
    267  
    268 <xsl:choose> 
    269 <xsl:when test="$count > 3"> 
    270 <li> 
    271 <xsl:if test="page/pageRequest/@action='b'"><xsl:attribute name="class">current-menu-item</xsl:attribute></xsl:if> 
    272 <a href="{$currentPage}">Browse<i><b><xsl:text> </xsl:text></b></i></a> 
    273 <ul> 
    274 <xsl:call-template name="Browsing"/> 
    275 </ul> 
    276 </li> 
    277 </xsl:when> 
    278 <xsl:otherwise> 
    279 <xsl:call-template name="Browsing"/> 
    280 </xsl:otherwise> 
    281 </xsl:choose> 
    282  
    283 <xsl:if test="/page/pageResponse/collection/serviceList/service/@type='query'"> 
    284 <li><xsl:if test="page/pageRequest/@action='q'"><xsl:attribute name="class">current-menu-item</xsl:attribute></xsl:if><a><xsl:attribute name="href"><xsl:value-of select="$library_name"/>/collection/<xsl:value-of select="$collNameChecked"/>/search/<xsl:value-of select="/page/pageResponse/collection/serviceList/service[@type='query'][1]/@name"/></xsl:attribute>Search<i><b><xsl:text> </xsl:text></b></i></a> 
    285 <ul> 
    286 <xsl:for-each select="/page/pageResponse/collection/serviceList/service[@type='query']"> 
    287 <xsl:variable name="search" select="@name"/> 
    288 <xsl:variable name="search_name" select="displayItem[@name='name']"/> 
    289 <li><a href="{$library_name}/collection/{$collNameChecked}/search/{$search}"><xsl:value-of select="$search_name"/></a></li> 
    290 </xsl:for-each> 
    291 </ul> 
    292 </li> 
    293 </xsl:if> 
    294  
    295 </xsl:when> 
    296 <xsl:otherwise> </xsl:otherwise> 
    297 </xsl:choose> 
    298 </xsl:template> 
    299  
    300 <xsl:template name="Browsing"> 
    301 <xsl:for-each select="/page/pageResponse/collection/serviceList/service[@name='ClassifierBrowse']/classifierList/classifier"> 
    302 <li> 
    303 <xsl:choose> 
    304 <xsl:when test="util:contains(/page/pageRequest/paramList/param[@name = 'cl' and /page/pageRequest/@action = 'b']/@value, @name)"> 
    305 <xsl:attribute name='class'>current-menu-item</xsl:attribute> 
    306 </xsl:when> 
    307 <xsl:otherwise> </xsl:otherwise> 
    308 </xsl:choose> 
    309  
    310 <a> 
    311  
    312 <xsl:if test="displayItem[@name='description']"> 
    313 <xsl:attribute name='title'><xsl:value-of select="displayItem[@name='description']"/></xsl:attribute> 
    314 </xsl:if> 
    315  
    316  
    317 <xsl:choose> 
    318 <xsl:when test="@name"> 
    319 <xsl:attribute name="href"><xsl:value-of select="$library_name"/>/collection/<xsl:value-of select="/page/pageResponse/collection[@name=$collNameChecked]/@name"/>/browse/<xsl:value-of select="@name"/></xsl:attribute> 
    320 </xsl:when> 
    321 <xsl:otherwise> 
    322 <xsl:attribute name="href"><xsl:value-of select="$library_name"/>/collection/<xsl:value-of select="/page/pageResponse/collection[@name=$collNameChecked]/@name"/>/browse/1</xsl:attribute> 
    323 </xsl:otherwise> 
    324 </xsl:choose> 
    325  
    326 <xsl:value-of select="displayItem[@name='name']"/><i><b><xsl:text> </xsl:text></b></i> 
    327 </a> 
    328 </li> 
    329 </xsl:for-each> 
    330 </xsl:template>      
    331     -->  
    332  
    333  
    334  
    335  
    336  
    337