css & HTML update

diff --git a/koha-tmpl/opac-tmpl/css/en/includes/marc-editor.css b/koha-tmpl/opac-tmpl/css/en/includes/marc-editor.css
index ceab35c..a44dbd5 100644 (file)
--- a/koha-tmpl/opac-tmpl/css/en/includes/marc-editor.css
+++ b/koha-tmpl/opac-tmpl/css/en/includes/marc-editor.css
@@ -26,3 +26,18 @@ div.tab {
 td {
        border:0px;
 }
+
+.MARCtag { /* style for tag definition (700 - Statement of responsability) */
+       font-weight:bold;
+       color:#FF6600;
+       background-color:FFFFFF;
+       background-image:none;
+       border-bottom: thin solid #FF6600;
+       margin-right:30%;
+}
+
+.labelsubfield { /* style for each subfield (like : a Publication year), just before the biblio subfield */
+       float:left;
+       width: 12em;
+       margin-left:30px;
+}

diff --git a/koha-tmpl/opac-tmpl/css/en/includes/opac-top.inc b/koha-tmpl/opac-tmpl/css/en/includes/opac-top.inc
index 7bfe22f..162a9ac 100644 (file)
--- a/koha-tmpl/opac-tmpl/css/en/includes/opac-top.inc
+++ b/koha-tmpl/opac-tmpl/css/en/includes/opac-top.inc
@@ -10,7 +10,8 @@
        <!-- MENUS -->
        <div id="menuline">
                <img src="<!-- TMPL_VAR name="themelang" -->/images/front-background-small.gif" height="50" alt="koha logo" />
-               <span class="LibraryName"><!--TMPL_VAR name="LibraryName"--></span>
+               <div class="SmallLibraryName"><!--TMPL_VAR name="LibraryName"--></div>
+               <span class="spacer">&nbsp;</span>
                <span class="spacer">&nbsp;</span>
                <a class="menu" href="/cgi-bin/koha/opac-main.pl" title="Koha home page">Home</a>
                <span class="spacer">&nbsp;</span>

diff --git a/koha-tmpl/opac-tmpl/css/en/includes/opac.css b/koha-tmpl/opac-tmpl/css/en/includes/opac.css
index 2a1533f..363b8b4 100644 (file)
--- a/koha-tmpl/opac-tmpl/css/en/includes/opac.css
+++ b/koha-tmpl/opac-tmpl/css/en/includes/opac.css
@@ -45,6 +45,7 @@ label {
 img {
        border-width:0px;
        text-align:left;
+       position:absolute;
 }
 
 
@@ -66,12 +67,23 @@ h1 {
        font-weight:bold;
        font-size: 150%;
        text-align:center;
-/*     vertical-align:top; */
        padding: 2px;
        border: 4px inset #FF6600;
        width:75%;
 }
 
+.SmallLibraryName {
+       color:#FFD9BF;
+       background-color:transparent;
+       font-weight:bold;
+       font-size: 100%;
+       text-align:center;
+       vertical-align:top;
+       padding: 2px;
+       width:100%;
+       margin-left:70px;
+}
+
 h2 {
        color:#FFD9BF;
        background-color:#FF6600;

diff --git a/koha-tmpl/opac-tmpl/css/en/opac-MARCdetail.tmpl b/koha-tmpl/opac-tmpl/css/en/opac-MARCdetail.tmpl
index c2700d1..074f303 100644 (file)
--- a/koha-tmpl/opac-tmpl/css/en/opac-MARCdetail.tmpl
+++ b/koha-tmpl/opac-tmpl/css/en/opac-MARCdetail.tmpl
@@ -51,203 +51,173 @@
        </div>
 
        <div name="0XX" id="0XX" class="tab" style="visibility:visible">
-               <table>
-                       <!-- TMPL_LOOP name="0XX" -->
-                               <tr>
-                                       <td colspan="5" class="catalogue">
-                                               <!-- TMPL_VAR name="tag" -->
-                                       </td>
-                               </tr>
-                               <!-- TMPL_LOOP name="subfield" -->
-                                       <tr>
-                                               <td width="2%"><b><!-- TMPL_VAR name="marc_subfield" --></b></td>
-                                               <td width="23%"><!-- TMPL_VAR name="marc_lib" --></td>
-                                               <td width="73%"><!-- TMPL_VAR name="marc_value" --></td>
-                                               <td width="2%"><a href="search.marc/search.pl?op=do_search&marclist=<!-- TMPL_VAR name="marc_tag" --><!-- TMPL_VAR name="marc_subfield" -->&operator=&#x003D&type=intranet&value=<!-- TMPL_VAR name="marc_value" ESCAPE=URL -->"><img border="0" src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/filefind.png" height=15></a></td>
-                                       </tr>
-                               <!-- /TMPL_LOOP -->
+               <!-- TMPL_LOOP name="0XX" -->
+                               <p class="MARCtag">
+                                       <!-- TMPL_VAR name="tag" -->
+                               </p>
+                       <!-- TMPL_LOOP name="subfield" -->
+                               <p>
+                                       <label class="labelsubfield">
+                                               <!-- TMPL_VAR name="marc_subfield" -->
+                                               <!-- TMPL_VAR name="marc_lib" -->
+                                       </label>
+                                       <!-- TMPL_VAR name="marc_value" -->
+                               </p>
                        <!-- /TMPL_LOOP -->
-               </table>
+               <!-- /TMPL_LOOP -->
        </div>
        
        <div name="1XX" id="1XX" class="tab">
-               <table>
-                       <!-- TMPL_LOOP name="1XX" -->
-                               <tr>
-                                       <td colspan="5" class="catalogue">
-                                               <!-- TMPL_VAR name="tag" -->
-                                       </td>
-                               </tr>
-                               <!-- TMPL_LOOP name="subfield" -->
-                                       <tr>
-                                               <td width="2%"><b><!-- TMPL_VAR name="marc_subfield" --></b></td>
-                                                       <td width="23%"><!-- TMPL_VAR name="marc_lib" --></td>
-                                                       <td width="73%"><!-- TMPL_VAR name="marc_value" --></td>
-                                                       <td width="2%"><a href="search.marc/search.pl?op=do_search&marclist=<!-- TMPL_VAR name="marc_tag" --><!-- TMPL_VAR name="marc_subfield" -->&operator=&#x003D&type=intranet&value=<!-- TMPL_VAR name="marc_value" ESCAPE=URL -->"><img border="0" src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/filefind.png" height=15></a></td>
-                                       </tr>
-                               <!-- /TMPL_LOOP -->
+               <!-- TMPL_LOOP name="1XX" -->
+                               <p class="MARCtag">
+                                       <!-- TMPL_VAR name="tag" -->
+                               </p>
+                       <!-- TMPL_LOOP name="subfield" -->
+                               <p>
+                                       <label class="labelsubfield">
+                                               <!-- TMPL_VAR name="marc_subfield" -->
+                                               <!-- TMPL_VAR name="marc_lib" -->
+                                       </label>
+                                       <!-- TMPL_VAR name="marc_value" -->
+                               </p>
                        <!-- /TMPL_LOOP -->
-               </table>
+               <!-- /TMPL_LOOP -->
        </div>
        
        <div name="2XX" id="2XX" class="tab">
-               <table>
-                       <!-- TMPL_LOOP name="2XX" -->
-                       <tr>
-                               <td colspan="5" class="catalogue">
+               <!-- TMPL_LOOP name="2XX" -->
+                               <p class="MARCtag">
                                        <!-- TMPL_VAR name="tag" -->
-                               </td>
-                       </tr>
+                               </p>
                        <!-- TMPL_LOOP name="subfield" -->
-                       <tr>
-                       <td width="2%"><b><!-- TMPL_VAR name="marc_subfield" --></b></td>
-                               <td width="23%"><!-- TMPL_VAR name="marc_lib" --></td>
-                               <td width="73%"><!-- TMPL_VAR name="marc_value" --></td>
-                               <td width="2%"><a href="search.marc/search.pl?op=do_search&marclist=<!-- TMPL_VAR name="marc_tag" --><!-- TMPL_VAR name="marc_subfield" -->&operator=&#x003D&type=intranet&value=<!-- TMPL_VAR name="marc_value" ESCAPE=URL -->"><img border="0" src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/filefind.png" height=15></a></td>
-               </tr>
+                               <p>
+                                       <label class="labelsubfield">
+                                               <!-- TMPL_VAR name="marc_subfield" -->
+                                               <!-- TMPL_VAR name="marc_lib" -->
+                                       </label>
+                                       <!-- TMPL_VAR name="marc_value" -->
+                               </p>
                        <!-- /TMPL_LOOP -->
-                       <!-- /TMPL_LOOP -->
-               </table>
+               <!-- /TMPL_LOOP -->
        </div>
        
        <div name="3XX" id="3XX" class="tab">
-               <table>
-                       <!-- TMPL_LOOP name="3XX" -->
-                       <tr>
-                               <td colspan="5" class="catalogue">
+               <!-- TMPL_LOOP name="3XX" -->
+                               <p class="MARCtag">
                                        <!-- TMPL_VAR name="tag" -->
-                               </td>
-                       </tr>
+                               </p>
                        <!-- TMPL_LOOP name="subfield" -->
-                       <tr>
-                       <td width="2%"><b><!-- TMPL_VAR name="marc_subfield" --></b></td>
-                               <td width="23%"><!-- TMPL_VAR name="marc_lib" --></td>
-                               <td width="73%"><!-- TMPL_VAR name="marc_value" --></td>
-                               <td width="2%"><a href="search.marc/search.pl?op=do_search&marclist=<!-- TMPL_VAR name="marc_tag" --><!-- TMPL_VAR name="marc_subfield" -->&operator=&#x003D&type=intranet&value=<!-- TMPL_VAR name="marc_value" ESCAPE=URL -->"><img border="0" src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/filefind.png" height=15></a></td>
-               </tr>
-                       <!-- /TMPL_LOOP -->
+                               <p>
+                                       <label class="labelsubfield">
+                                               <!-- TMPL_VAR name="marc_subfield" -->
+                                               <!-- TMPL_VAR name="marc_lib" -->
+                                       </label>
+                                       <!-- TMPL_VAR name="marc_value" -->
+                               </p>
                        <!-- /TMPL_LOOP -->
-               </table>
+               <!-- /TMPL_LOOP -->
        </div>
        
        <div name="4XX" id="4XX" class="tab">
-               <table>
-                       <!-- TMPL_LOOP name="4XX" -->
-                       <tr>
-                               <td colspan="5" class="catalogue">
+               <!-- TMPL_LOOP name="4XX" -->
+                               <p class="MARCtag">
                                        <!-- TMPL_VAR name="tag" -->
-                               </td>
-                       </tr>
+                               </p>
                        <!-- TMPL_LOOP name="subfield" -->
-                       <tr>
-                       <td width="2%"><b><!-- TMPL_VAR name="marc_subfield" --></b></td>
-                               <td width="23%"><!-- TMPL_VAR name="marc_lib" --></td>
-                               <td width="73%"><!-- TMPL_VAR name="marc_value" --></td>
-                               <td width="2%"><a href="search.marc/search.pl?op=do_search&marclist=<!-- TMPL_VAR name="marc_tag" --><!-- TMPL_VAR name="marc_subfield" -->&operator=&#x003D&type=intranet&value=<!-- TMPL_VAR name="marc_value" ESCAPE=URL -->"><img border="0" src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/filefind.png" height=15></a></td>
-               </tr>
-                       <!-- /TMPL_LOOP -->
+                               <p>
+                                       <label class="labelsubfield">
+                                               <!-- TMPL_VAR name="marc_subfield" -->
+                                               <!-- TMPL_VAR name="marc_lib" -->
+                                       </label>
+                                       <!-- TMPL_VAR name="marc_value" -->
+                               </p>
                        <!-- /TMPL_LOOP -->
-               </table>
+               <!-- /TMPL_LOOP -->
        </div>
        
        <div name="5XX" id="5XX" class="tab">
-               <table>
-                       <!-- TMPL_LOOP name="5XX" -->
-                       <tr>
-                               <td colspan="5" class="catalogue">
+               <!-- TMPL_LOOP name="5XX" -->
+                               <p class="MARCtag">
                                        <!-- TMPL_VAR name="tag" -->
-                               </td>
-                       </tr>
+                               </p>
                        <!-- TMPL_LOOP name="subfield" -->
-                       <tr>
-                       <td width="2%"><b><!-- TMPL_VAR name="marc_subfield" --></b></td>
-                               <td width="23%"><!-- TMPL_VAR name="marc_lib" --></td>
-                               <td width="73%"><!-- TMPL_VAR name="marc_value" --></td>
-                               <td width="2%"><a href="search.marc/search.pl?op=do_search&marclist=<!-- TMPL_VAR name="marc_tag" --><!-- TMPL_VAR name="marc_subfield" -->&operator=&#x003D&type=intranet&value=<!-- TMPL_VAR name="marc_value" ESCAPE=URL -->"><img border="0" src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/filefind.png" height=15></a></td>
-               </tr>
-                       <!-- /TMPL_LOOP -->
+                               <p>
+                                       <label class="labelsubfield">
+                                               <!-- TMPL_VAR name="marc_subfield" -->
+                                               <!-- TMPL_VAR name="marc_lib" -->
+                                       </label>
+                                       <!-- TMPL_VAR name="marc_value" -->
+                               </p>
                        <!-- /TMPL_LOOP -->
-               </table>
+               <!-- /TMPL_LOOP -->
        </div>
        
        <div name="6XX" id="6XX" class="tab">
-               <table>
-                       <!-- TMPL_LOOP name="6XX" -->
-                       <tr>
-                               <td colspan="5" class="catalogue">
+               <!-- TMPL_LOOP name="6XX" -->
+                               <p class="MARCtag">
                                        <!-- TMPL_VAR name="tag" -->
-                               </td>
-                       </tr>
+                               </p>
                        <!-- TMPL_LOOP name="subfield" -->
-                       <tr>
-                       <td width="2%"><b><!-- TMPL_VAR name="marc_subfield" --></b></td>
-                               <td width="23%"><!-- TMPL_VAR name="marc_lib" --></td>
-                               <td width="73%"><!-- TMPL_VAR name="marc_value" --></td>
-                               <td width="2%"><a href="search.marc/search.pl?op=do_search&marclist=<!-- TMPL_VAR name="marc_tag" --><!-- TMPL_VAR name="marc_subfield" -->&operator=&#x003D&type=intranet&value=<!-- TMPL_VAR name="marc_value" ESCAPE=URL -->"><img border="0" src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/filefind.png" height=15></a></td>
-               </tr>
-                       <!-- /TMPL_LOOP -->
+                               <p>
+                                       <label class="labelsubfield">
+                                               <!-- TMPL_VAR name="marc_subfield" -->
+                                               <!-- TMPL_VAR name="marc_lib" -->
+                                       </label>
+                                       <!-- TMPL_VAR name="marc_value" -->
+                               </p>
                        <!-- /TMPL_LOOP -->
-               </table>
+               <!-- /TMPL_LOOP -->
        </div>
        
        <div name="7XX" id="7XX" class="tab">
-               <table>
-                       <!-- TMPL_LOOP name="7XX" -->
-                       <tr>
-                               <td colspan="5" class="catalogue">
+               <!-- TMPL_LOOP name="7XX" -->
+                               <p class="MARCtag">
                                        <!-- TMPL_VAR name="tag" -->
-                               </td>
-                       </tr>
+                               </p>
                        <!-- TMPL_LOOP name="subfield" -->
-                       <tr>
-                       <td width="2%"><b><!-- TMPL_VAR name="marc_subfield" --></b></td>
-                               <td width="23%"><!-- TMPL_VAR name="marc_lib" --></td>
-                               <td width="73%"><!-- TMPL_VAR name="marc_value" --></td>
-                               <td width="2%"><a href="search.marc/search.pl?op=do_search&marclist=<!-- TMPL_VAR name="marc_tag" --><!-- TMPL_VAR name="marc_subfield" -->&operator=&#x003D&type=intranet&value=<!-- TMPL_VAR name="marc_value" ESCAPE=URL -->"><img border="0" src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/filefind.png" height=15></a></td>
-               </tr>
-                       <!-- /TMPL_LOOP -->
+                               <p>
+                                       <label class="labelsubfield">
+                                               <!-- TMPL_VAR name="marc_subfield" -->
+                                               <!-- TMPL_VAR name="marc_lib" -->
+                                       </label>
+                                       <!-- TMPL_VAR name="marc_value" -->
+                               </p>
                        <!-- /TMPL_LOOP -->
-               </table>
+               <!-- /TMPL_LOOP -->
        </div>
        
        <div name="8XX" id="8XX" class="tab">
-               <table>
-                       <!-- TMPL_LOOP name="8XX" -->
-                       <tr>
-                               <td colspan="5" class="catalogue">
+               <!-- TMPL_LOOP name="8XX" -->
+                               <p class="MARCtag">
                                        <!-- TMPL_VAR name="tag" -->
-                               </td>
-                       </tr>
+                               </p>
                        <!-- TMPL_LOOP name="subfield" -->
-                       <tr>
-                       <td width="2%"><b><!-- TMPL_VAR name="marc_subfield" --></b></td>
-                               <td width="23%"><!-- TMPL_VAR name="marc_lib" --></td>
-                               <td width="73%"><!-- TMPL_VAR name="marc_value" --></td>
-                               <td width="2%"><a href="search.marc/search.pl?op=do_search&marclist=<!-- TMPL_VAR name="marc_tag" --><!-- TMPL_VAR name="marc_subfield" -->&operator=&#x003D&type=intranet&value=<!-- TMPL_VAR name="marc_value" ESCAPE=URL -->"><img border="0" src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/filefind.png" height=15></a></td>
-               </tr>
+                               <p>
+                                       <label class="labelsubfield">
+                                               <!-- TMPL_VAR name="marc_subfield" -->
+                                               <!-- TMPL_VAR name="marc_lib" -->
+                                       </label>
+                                       <!-- TMPL_VAR name="marc_value" -->
+                               </p>
                        <!-- /TMPL_LOOP -->
-                       <!-- /TMPL_LOOP -->
-               </table>
+               <!-- /TMPL_LOOP -->
        </div>
        
        <div name="9XX" id="9XX" class="tab">
-               <table>
-                       <!-- TMPL_LOOP name="9XX" -->
-                       <tr>
-                               <td colspan="5" class="catalogue">
+               <!-- TMPL_LOOP name="9XX" -->
+                               <p class="MARCtag">
                                        <!-- TMPL_VAR name="tag" -->
-                               </td>
-                       </tr>
+                               </p>
                        <!-- TMPL_LOOP name="subfield" -->
-                       <tr>
-                       <td width="2%"><b><!-- TMPL_VAR name="marc_subfield" --></b></td>
-                               <td width="23%"><!-- TMPL_VAR name="marc_lib" --></td>
-                               <td width="73%"><!-- TMPL_VAR name="marc_value" --></td>
-                               <td width="2%"><a href="search.marc/search.pl?op=do_search&marclist=<!-- TMPL_VAR name="marc_tag" --><!-- TMPL_VAR name="marc_subfield" -->&operator=&#x003D&type=intranet&value=<!-- TMPL_VAR name="marc_value" ESCAPE=URL -->"><img border="0" src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/filefind.png" height=15></a></td>
-               </tr>
+                               <p>
+                                       <label class="labelsubfield">
+                                               <!-- TMPL_VAR name="marc_subfield" -->
+                                               <!-- TMPL_VAR name="marc_lib" -->
+                                       </label>
+                                       <!-- TMPL_VAR name="marc_value" -->
+                               </p>
                        <!-- /TMPL_LOOP -->
-                       <!-- /TMPL_LOOP -->
-               </table>
+               <!-- /TMPL_LOOP -->
        </div>
        
        <div name="10XX" id="10XX" class="tab">