Changeset 28601


Ignore:
Timestamp:
2013-11-04T15:47:47+13:00 (10 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 deleted
3 edited

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 
Note: See TracChangeset for help on using the changeset viewer.