Testing changes to styling of view menu in staff client, making progress with layout...
authorOwen Leonard <oleonard@myacpl.org>
Mon, 19 Nov 2007 21:07:59 +0000 (15:07 -0600)
committerJoshua Ferraro <jmf@liblime.com>
Tue, 20 Nov 2007 22:26:40 +0000 (16:26 -0600)
Signed-off-by: Chris Cormack <crc@liblime.com>
Signed-off-by: Joshua Ferraro <jmf@liblime.com>
koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css
koha-tmpl/intranet-tmpl/prog/en/includes/biblio-view-menu.inc
koha-tmpl/opac-tmpl/prog/en/css/opac.css
koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tmpl

index ce34d34..febbe60 100644 (file)
@@ -998,4 +998,41 @@ div.first fieldset {
 .required {
     background-color:red;
     color:white;
+}
+
+div#menu {
+       border-right: 1px solid #000;
+       margin-right: .5em;
+       padding-top: 1em;
+       padding-bottom: 2em;
+}
+
+div#menu li a {
+       text-decoration: none;
+       display: block;
+       background-color: #EEE;
+       border: 1px solid #000;
+       font-size: 111%;
+       margin: .5em 0;
+       padding: .4em .3em;
+       margin-right :  -1px;
+}
+
+div#menu li a:hover {
+       background-color: #F0F0CC;
+}
+
+div#menu li.active a:hover {
+       background-color: #fff;
+       color :  #0000CC;
+}
+
+#menu ul li {
+       list-style-type: none;
+}
+
+#menu ul li.active a {
+       background-color: #FFF;
+       border-right: 0;
+       font-weight: bold;
 }
\ No newline at end of file
index d61c840..b3f1a1e 100644 (file)
@@ -1,5 +1,6 @@
+<div id="menu">
 <ul>
-       <li>                <a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->">Normal</a></li>
+       <li class="active">                <a href="/cgi-bin/koha/catalogue/detail.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->">Normal</a></li>
 <li>                <a href="/cgi-bin/koha/catalogue/MARCdetail.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->">MARC</a></li>
        <li>                <a href="/cgi-bin/koha/catalogue/ISBDdetail.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->">ISBD</a></li>
        <li><a href="/cgi-bin/koha/catalogue/moredetail.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->">Items</a></li>
@@ -9,4 +10,5 @@
 <ul>
 <li>                <a href="/cgi-bin/koha/catalogue/issuehistory.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->&amp;title=<!-- TMPL_VAR NAME="title"-->&amp;author=<!-- TMPL_VAR NAME="author"-->" >Circulation history</a></li>
                          <!-- TMPL_IF NAME="CAN_user_parameters"--><li><a href="/cgi-bin/koha/tools/viewlog.pl?do_it=1&amp;module=CATALOGUING&amp;action=MODIFY&amp;object=<!-- TMPL_VAR NAME="biblionumber"-->">Modification log</a> </li><!-- /TMPL_IF -->
-</ul>
\ No newline at end of file
+</ul>
+</div>
\ No newline at end of file
index ac200bf..fd88250 100644 (file)
@@ -412,4 +412,28 @@ strong {
 
 em {
        font-style : italic;
+}
+
+#catalogue_detail_biblio {
+       font-size : 90%;
+       clear : left;
+       margin: .9em 0 0 0;  
+       padding: 0;
+       width: 100%; 
+}
+
+#catalogue_detail_biblio p span.label {  
+       float: left;  
+       font-weight : bold;
+       width: 6em;  
+       margin-right: 1em;  
+       text-align: right;
+}
+
+#catalogue_detail_biblio p {  
+float : left;
+clear : left;
+padding-bottom: .3em;
+list-style-type: none;
+width: 100%; 
 }
\ No newline at end of file
index 45c67a6..c23e052 100644 (file)
@@ -3,41 +3,13 @@
 </head>
 <body>
 <!--TMPL_INCLUDE NAME="masthead.inc" -->
-<!--TMPL_INCLUDE NAME="navigation.inc" -->
 
-<div id="action">
-
-<!-- TMPL_UNLESS NAME="norequests" -->
-    <!-- TMPL_UNLESS name="bi_notforloan" -->
-        <!-- TMPL_IF NAME="RequestOnOpac" -->
-            <a href="/cgi-bin/koha/opac-reserve.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->">
-            Place Reserve
-            </a>
-        <!-- /TMPL_IF -->
-    <!-- /TMPL_UNLESS -->
-<!-- /TMPL_UNLESS -->
-        <a href="/cgi-bin/koha/opac-MARCdetail.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->">
-            MARC View
-        </a>
-        <a href="/cgi-bin/koha/opac-ISBDdetail.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->">
-            ISBD
-        </a>
-        <a href="/cgi-bin/koha/opac-detailprint.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->" onclick="Dopop('opac-detailprint.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->'); return false;">
-            Print
-        </a>
-<!-- TMPL_IF name="virtualshelves" -->
-    <!-- TMPL_IF NAME="loggedinusername" -->
-        <a href="/cgi-bin/koha/opac-addbybiblionumber.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->" onclick="Dopop('opac-addbybiblionumber.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->'); return false;">
-            Add to My Book List
-        </a>
-    <!-- /TMPL_IF -->
-<!-- /TMPL_IF -->
-        <a href="#" onclick="addRecord('<!-- TMPL_VAR NAME="biblionumber" -->'); return false;">
-            Add to My Book Bag
-        </a>
-</div>
-
-<div id="catalogue_detail_biblio">
+<div id="doc3" class="yui-t7">
+   <div id="bd">
+       <div class="yui-ge">
+    <div class="yui-u first">
+       
+       <div id="catalogue_detail_biblio">
     <!-- TMPL_IF NAME="AmazonContent" -->
         <!-- TMPL_IF NAME="isbn" -->
         <a href="http://www.amazon.com/gp/reader/<!-- TMPL_VAR NAME="isbn" -->/ref=sib_dp_pt/002-7879865-0184864#reader-link">
     </h1>
     
     <!-- TMPL_IF name="subtitles" -->
-    <p><label><b>Subtitle(s):</b></label>
+    <p><span class="label">Subtitle(s):</span>
         <!-- TMPL_LOOP name="subtitles" -->
         <!-- TMPL_VAR NAME="subtitle" --> ;
         <!-- /TMPL_LOOP -->
-        &nbsp;
+        
         <!-- TMPL_IF name="seriestitle" --><!-- TMPL_VAR name="seriestitle" --><!--/TMPL_IF-->
         <!-- TMPL_IF name="volume" -->vol. <!-- TMPL_VAR name="volume" --> <!-- TMPL_VAR name="volumedate" --><!-- /TMPL_IF -->
-        <!-- TMPL_VAR name="volumedesc" -->&nbsp;
+        <!-- TMPL_VAR name="volumedesc" -->
     </p>
     <!-- /TMPL_IF -->
     <!-- TMPL_IF name="author" -->
-    <p><label><b>Author: </b></label>
+    <p><span class="label">Author: </span>
         <a href="/cgi-bin/koha/opac-search.pl?q=au,wrdl:<!-- TMPL_VAR NAME="author" -->">
-            <!-- TMPL_VAR NAME="author" -->&nbsp;
+            <!-- TMPL_VAR NAME="author" -->
         </a>
     </p>
     <!-- /TMPL_IF -->
     <!-- TMPL_IF name="MARCAUTHORS" -->
-    <p><label><b>Additional Author:</b></label>
+    <p><span class="label">Additional Author:</span>
         <!-- TMPL_LOOP NAME="MARCAUTHORS" -->
         <a href="/cgi-bin/koha/opac-search.pl?q=au,wrdl:<!-- TMPL_VAR NAME="value" -->">
             <!-- TMPL_VAR NAME="value" -->
-        </a>&nbsp;|&nbsp;
+        </a>|
         <!-- /TMPL_LOOP -->
     </p>
     <!-- /TMPL_IF -->
     <!-- TMPL_IF name="editionstatement" -->
-    <p><label><b>Edit. statement:</b></label><!-- TMPL_VAR name="editionstatement" --><!-- TMPL_IF name="editionresponsibility" -->/<!-- TMPL_VAR name="editionresponsibility" --><!-- /TMPL_IF-->&nbsp;</p>
-    <!-- /TMPL_IF -->
-    <!-- TMPL_IF name="illus" -->
-    <p><label><b>Illus:</b></label><!-- TMPL_VAR name="illus" -->&nbsp;</p>
+    <p><span class="label">Edition statement:</span><!-- TMPL_VAR name="editionstatement" --><!-- TMPL_IF name="editionresponsibility" -->/<!-- TMPL_VAR name="editionresponsibility" --><!-- /TMPL_IF--></p>
     <!-- /TMPL_IF -->
     <!-- TMPL_IF name="publishercode" -->
-    <p><label><b>Published by :</b></label>
+    <p><span class="label">Published by :</span>
         <a href="/cgi-bin/koha/opac-search.pl?q=pb,wrdl:<!-- TMPL_VAR NAME="publishercode"-->">
-            <!-- TMPL_VAR NAME="publishercode" --> <!-- TMPL_IF name="place" -->(<!-- TMPL_VAR NAME="place"-->)<!--/TMPL_IF-->
-        </a>&nbsp;
+            <!-- TMPL_VAR NAME="publishercode" --> 
+        </a> <!-- TMPL_IF name="place" -->(<!-- TMPL_VAR NAME="place"-->)<!--/TMPL_IF--> <!-- TMPL_IF NAME="publicationyear" -->, <!-- TMPL_VAR NAME="publicationyear" --><!-- /TMPL_IF -->
     </p>
     <!-- /TMPL_IF -->
-    <!-- TMPL_IF name="publicationyear" -->
-    <p><label><b>in</b></label><!-- TMPL_VAR NAME="publicationyear" -->&nbsp;</p>
-    <!-- /TMPL_IF -->
-    <p>
-        <!-- TMPL_IF name="pages" --> <label><b>Size: </b></label><!-- /TMPL_IF --><!-- TMPL_VAR name="pages" -->
-        <!-- TMPL_IF name="size" -->, <!-- /TMPL_IF --><!-- TMPL_VAR name="size" -->&nbsp;
-    </p>
+       
+       <!-- TMPL_IF NAME="pages" --><p><span class="label">Physical details:</span> <!-- TMPL_VAR NAME="pages" --> <!-- TMPL_VAR NAME="illus" --> <!-- TMPL_VAR NAME="size" --></p><!-- /TMPL_IF -->
+
     <!-- TMPL_IF name="isbn" -->
-    <p><label><b>ISBN: </b></label><!-- TMPL_VAR NAME="isbn" -->&nbsp;</p>
+    <p><span class="label">ISBN: </span><!-- TMPL_VAR NAME="isbn" --></p>
     <!-- /TMPL_IF -->
     <!-- TMPL_IF name="issn" -->
-    <p><label><b>ISSN:</b></label><!-- TMPL_VAR NAME="issn" -->&nbsp;</p>
+    <p><span class="label">ISSN:</span><!-- TMPL_VAR NAME="issn" --></p>
     <!-- /TMPL_IF -->
     <!-- TMPL_IF name="collectiontitle" -->
-    <p><label><b>Collection: </b></label>
+    <p><span class="label">Collection: </span>
         <!-- TMPL_VAR NAME="collectiontitle" -->
         <!-- TMPL_IF name="collectionissn" -->, ISSN <!-- TMPL_VAR name="collectionissn" -->    <!-- /TMPL_IF -->
         <!-- TMPL_IF name="collectionvolume" -->; <!-- TMPL_VAR name="collectionvolume" --> <!-- /TMPL_IF -->
-        &nbsp;
+        
     </p>
     <!-- /TMPL_IF -->
     <!-- TMPL_IF name="unititles" -->
-    <p><label><b>Uniform titles:</b></label>
+    <p><span class="label">Uniform titles:</span>
         <!-- TMPL_LOOP name="unititles" -->
         <!-- TMPL_VAR NAME="unititle" --> ;
         <!-- /TMPL_LOOP -->
-        &nbsp;
+        
     </p>
     <!-- /TMPL_IF -->
     <!-- TMPL_IF name="MARCSUBJCTS" -->
-    <p><label><b>Subjects: </b></label></p>
-    <p>
+    <p><span class="label">Subjects: </span>
         <!-- TMPL_LOOP NAME="MARCSUBJCTS" -->
         <a href="/cgi-bin/koha/opac-search.pl?q=<!-- TMPL_VAR NAME="link" ESCAPE="URL"-->"><!-- TMPL_VAR NAME="label" --></a>
-        &nbsp;|&nbsp;
-        <!-- /TMPL_LOOP -->
-    </p>
+        |
+        <!-- /TMPL_LOOP --></p>
     <!-- /TMPL_IF -->
     <!-- TMPL_IF name="copyrightdate" -->
-    <p><label><b>Year : </b></label><!-- TMPL_VAR NAME="copyrightdate" --></p>
+    <p><span class="label">Year : </span><!-- TMPL_VAR NAME="copyrightdate" --></p>
     <!-- /TMPL_IF -->
     <!-- TMPL_IF name="MARCNOTES" -->
-    <p><label><b>Notes: </b></label></p>
+    <p></p>
     <p>
         <!-- TMPL_LOOP NAME="MARCNOTES" -->
-        <p><!-- TMPL_VAR NAME="marcnote" --></p>
+        <p><span class="label">Notes: </span><!-- TMPL_VAR NAME="marcnote" --></p>
         <!-- /TMPL_LOOP -->
     </p>
     <!-- TMPL_ELSE -->
     <!-- TMPL_IF name="notes" -->
-    <p><label><b>Notes: </b></label><!-- TMPL_VAR NAME="notes" --></p>
+    <p><span class="label">Notes: </span><!-- TMPL_VAR NAME="notes" --></p>
     <!-- /TMPL_IF -->
     <!-- /TMPL_IF -->
     <!-- TMPL_IF name="classification" -->
-    <p><label><b>classification:</b></label><!-- TMPL_VAR name="subclass" --><!-- TMPL_VAR name="classification" --></p>
+    <p><span class="label">classification:</span><!-- TMPL_VAR name="subclass" --><!-- TMPL_VAR name="classification" --></p>
     <!-- /TMPL_IF -->
     <!-- TMPL_IF name="dewey" -->
-    <p><label><b>Dewey:</b></label><!-- TMPL_VAR name="dewey" --></p>
+    <p><span class="label">Dewey:</span><!-- TMPL_VAR name="dewey" --></p>
     <!-- /TMPL_IF -->
-    <p><label><b>Item type : </b></label>
+    <p><span class="label">Item type : </span>
         <!-- TMPL_IF name="description" -->
         <!-- TMPL_VAR name="description" -->
         <!-- TMPL_ELSE -->
     </p>
     <!-- TMPL_IF name="MARCURLS" -->
        <!-- TMPL_IF NAME="count" -->
-       <p><label><b>Online Resources:</b></label>
+       <p><span class="label">Online Resources:</span>
     <ul>    <!-- TMPL_LOOP name="MARCURLS" -->
                <li><!-- TMPL_IF NAME="part" --><!-- TMPL_VAR NAME="part" -->
                        <br /><!-- /TMPL_IF --> 
     <!-- /TMPL_IF -->
     <!-- /TMPL_IF -->
 </div>
+</div>
+
+<div class="yui-u">
+
+<ul id="action">
+
+<!-- TMPL_UNLESS NAME="norequests" -->
+    <!-- TMPL_UNLESS name="bi_notforloan" -->
+        <!-- TMPL_IF NAME="RequestOnOpac" -->
+            <li><a href="/cgi-bin/koha/opac-reserve.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->">
+            Place Reserve
+            </a></li>
+        <!-- /TMPL_IF -->
+    <!-- /TMPL_UNLESS -->
+<!-- /TMPL_UNLESS -->
+       <li> <a href="/cgi-bin/koha/opac-MARCdetail.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->">
+            MARC View
+        </a></li>
+        <li><a href="/cgi-bin/koha/opac-ISBDdetail.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->">
+            ISBD
+        </a></li>
+        <li><a href="/cgi-bin/koha/opac-detailprint.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->" onclick="Dopop('opac-detailprint.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->'); return false;">
+            Print
+        </a></li>
+<!-- TMPL_IF name="virtualshelves" -->
+    <!-- TMPL_IF NAME="loggedinusername" -->
+        <li><a href="/cgi-bin/koha/opac-addbybiblionumber.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->" onclick="Dopop('opac-addbybiblionumber.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber" -->'); return false;">
+            Add to My Book List
+        </a></li>
+    <!-- /TMPL_IF -->
+<!-- /TMPL_IF -->
+        <li><a href="#" onclick="addRecord('<!-- TMPL_VAR NAME="biblionumber" -->'); return false;">
+            Add to My Book Bag
+        </a></li>
+</ul>
+</div>
+</div>
 
+<div class="yui-g">
 <!-- TMPL_IF name="count" -->
 <div id="catalogue_detail_items">
     <h2><!-- TMPL_VAR NAME="count" --> items</h2>
 </div>
 <!-- TMPL_ELSE -->
 <p>we don't have any physical item for this document</p>
-<!-- /TMPL_IF -->
+<!-- /TMPL_IF --></div>
+
+<div class="yui-g">
 <!-- TMPL_IF name="subscriptionsnumber" -->
 <div id="catalogue_detail_subscriptions">
     <h2>This is a serial subscription</h2>
         <!-- /TMPL_LOOP -->
     </div>
     <!-- /TMPL_IF -->
+</div>
+
 
 <!-- TMPL_IF NAME="reviewson" -->
+<div class="yui-g">
     <!-- TMPL_IF NAME="reviews" -->
     <h2>Reviews by members:</h2>
         <!--TMPL_LOOP NAME="reviews"-->
     <!-- TMPL_ELSE  -->
         <b>No reviews have been written about this.</b>
     <!-- /TMPL_IF -->
+
     <!-- TMPL_IF NAME="loggedinusername" -->
         <a href="javascript:Dopop('/cgi-bin/koha/opac-review.pl?biblionumber=<!-- TMPL_VAR NAME="biblionumber"-->');">
             Write or modify your reviews on this biblio.
     <!-- TMPL_ELSE -->
         <br /><a href="/cgi-bin/koha/opac-user.pl">Log in to your account</a> to write a review here.
     <!-- /TMPL_IF -->
-<!-- /TMPL_IF -->
+</div><!-- /TMPL_IF -->
 
 <!-- TMPL_IF NAME="AmazonContent" -->
+<div class="yui-g">
 <!-- Amazon Reviews -->
 <div id="itemReviews">
         <h2>Amazon Reader Reviews:</h2>
     </div>
 
     <!-- /TMPL_IF -->
-</div> <!-- itemReviews -->
+</div> <!-- itemReviews --></div>
 <!-- /TMPL_IF-->
 
 <script language="javascript" type="text/javascript">
     }
 </script>
 
+</div>
 <!-- TMPL_INCLUDE NAME="opac-bottom.inc" -->