From be822e7b13416fde0d20e0df105864203983ba11 Mon Sep 17 00:00:00 2001
From: tipaul <tipaul>
Date: Thu, 3 Jun 2004 12:47:37 +0000
Subject: [PATCH] css & HTML update

---
 .../opac-tmpl/css/en/includes/marc-editor.css |  15 +
 .../opac-tmpl/css/en/includes/opac-top.inc    |   3 +-
 koha-tmpl/opac-tmpl/css/en/includes/opac.css  |  14 +-
 .../opac-tmpl/css/en/opac-MARCdetail.tmpl     | 258 ++++++++----------
 4 files changed, 144 insertions(+), 146 deletions(-)

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 ceab35cc31..a44dbd5cac 100644
--- 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 7bfe22f03e..162a9ac7be 100644
--- 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 2a1533f647..363b8b4ff2 100644
--- 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 c2700d1047..074f3039b0 100644
--- 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">
-- 
2.39.5