From 340af80261ed5b092657b39cbad3de6579aa15c7 Mon Sep 17 00:00:00 2001
From: tipaul <tipaul>
Date: Mon, 3 May 2004 09:28:03 +0000
Subject: [PATCH] CSS'ing

---
 .../default/en/includes/cat-top.inc           |  21 ++-
 .../default/en/includes/common-style.css      |  42 ++++--
 .../default/en/includes/marc-editor.css       |  16 ++-
 .../default/en/includes/parameters-top.inc    |   3 +-
 .../en/parameters/authorised_values.tmpl      |  81 +++++------
 .../default/en/parameters/charges.tmpl        |  48 +++----
 .../default/en/parameters/itemtypes.tmpl      | 129 ++++++++----------
 .../default/en/parameters/thesaurus.tmpl      |  19 ++-
 8 files changed, 184 insertions(+), 175 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/default/en/includes/cat-top.inc b/koha-tmpl/intranet-tmpl/default/en/includes/cat-top.inc
index ccf0d9b340..fa6f16494d 100644
--- a/koha-tmpl/intranet-tmpl/default/en/includes/cat-top.inc
+++ b/koha-tmpl/intranet-tmpl/default/en/includes/cat-top.inc
@@ -21,14 +21,11 @@ window.open(targeturl,windowname,"height=480,width=640,scrollbars,resizable")
 	color:#FFFFFF;
 	background-image:none;
 	text-decoration: normal;
-	font-weight: bold;
 	}
 a.catalogue:hover {
 	background-color: #ad11ad;
 	color: #FFFFFF;
 	text-decoration: none;
-	font-weight: normal;
-	font-weight: bold;
 	}
 </style>
 </head>
@@ -58,3 +55,21 @@ a.catalogue:hover {
 <!-- TMPL_ELSE -->
     <p align=left><a href=/cgi-bin/koha/opac-user.pl>Log In</a> to Koha</p>
 <!-- /TMPL_IF -->
+<a href="
+javascript:(
+  function(){
+     var newSS;
+     newSS=document.getElementById('codepoetry-debug-stylesheet');
+     if(newSS){
+        newSS.href=null;
+        document.documentElement.childNodes[0].removeChild(newSS);
+      } else {
+        newSS=document.createElement('link');
+        newSS.rel='stylesheet';
+        newSS.type='text/css';
+        newSS.href='http://www.codepoetry.net/stuff/css-debug-2.css';
+        newSS.id='codepoetry-debug-stylesheet';
+        document.documentElement.childNodes[0].appendChild(newSS);
+      }
+   }
+)()">TOGGLE CSS</a>
\ No newline at end of file
diff --git a/koha-tmpl/intranet-tmpl/default/en/includes/common-style.css b/koha-tmpl/intranet-tmpl/default/en/includes/common-style.css
index 15cc034dc7..384fc133aa 100644
--- a/koha-tmpl/intranet-tmpl/default/en/includes/common-style.css
+++ b/koha-tmpl/intranet-tmpl/default/en/includes/common-style.css
@@ -1,9 +1,18 @@
+body {
+	font-family:verdana,arial,helvetica;
+	font-size:10pt;
+	margin:0px;
+	padding:0px;
+	background-color:#99CC33;
+}
+
 p {
 	margin-bottom:0px;
 	margin-top:0px;
 	margin-left:10px;
 	margin-right:10px;
 	padding:0px;
+	clear:left;
 }
 .center {
 	text-align:center;
@@ -12,30 +21,27 @@ p {
 label {
 	float:left;
 	width: 10em;
+	display:inline;
 }
 label20 {
 	float:left;
-	width: 10em;
+	width: 4em;
+	display:inline;
 }
 label100 {
 	float:left;
-	width: 100em;
+	width: 10em;
+	display:block;
 }
 
-body {
-	font-family:verdana,arial,helvetica;
-	font-size:12pt;
-	margin:0px;
-	padding:0px;
-	background-color:#99CC33;
-}
 
 .button {
 	text-align: center;
 	font: 1.2em sans-serif;
 	padding: 3px;
 	margin:5px;
-	display:block;
+	display:inline;
+	height:2em;
 	border-style: solid;
 	border-width: 1px;
 	border-color: black;
@@ -56,6 +62,7 @@ th {
 table {
 	border:1px solid #000000;
 	border-collapse:collapse;
+	width:100%;
 }
 
 table.noborder {
@@ -98,7 +105,7 @@ h1 {
 	color:#000000;
 	background-color:#DDDDDD;
 	background-image:url("/intranet-tmpl/default/images/background-mem.gif");
-	font-size: 150%;
+	font-size: 125%;
 	text-align:center;
 	padding: 4px;
 	border: 4px inset #666666;
@@ -151,7 +158,7 @@ h2 {
 
 #bloc25 {
 	float:left;
-	width=25%;
+	width=30%;
 	border:1px solid #000000;
 	margin:10px;
 	padding:0px;
@@ -164,6 +171,17 @@ h2 {
 	margin:10px;
 }
 
+#resultnumber {
+	width=30%;
+	margin-left:35%;
+	margin:right:35%;
+}
+#resultlist {
+	width=70%;
+	margin-left:5%;
+	margin:right:5%;
+}
+
 a {
 	text-decoration: none;
 }
diff --git a/koha-tmpl/intranet-tmpl/default/en/includes/marc-editor.css b/koha-tmpl/intranet-tmpl/default/en/includes/marc-editor.css
index 46a49004ec..156c5fbd83 100644
--- a/koha-tmpl/intranet-tmpl/default/en/includes/marc-editor.css
+++ b/koha-tmpl/intranet-tmpl/default/en/includes/marc-editor.css
@@ -1,6 +1,6 @@
 body {
 	font-family:verdana,arial,helvetica;
-	font-size:12pt;
+	font-size:10pt;
 	margin:0px;
 	padding:0px;
 	background-color:#FFFFFF;
@@ -10,13 +10,15 @@ div.tabbed {
 	position: absolute;
 	margin-left:5%;
 	width:90%;
-	text-align:center;
 }
 
 div.tabs {
 	width:10px;
 	position:absolute;
+	margin-left:50px;
+	margin-top:100px;
 }
+
 div.tabs a {
 	display:block;
 	font-size: small;
@@ -30,17 +32,18 @@ div.tabs a {
 
 div.tab {
 	display: none;
-	width:90%;
+	width:95%;
 	text-align: center;
 	background-color:white;
 }
 
 div.tab:target {
-	width:95%;
+	width:90%;
 	text-align: center;
 	display: block;
 	position:absolute;
-	margin-left:5%;
+	margin-left:70px;
+	margin-top:100px;
 }
 
 :target div.tab {
@@ -50,6 +53,7 @@ div.tab:target {
 	position:absolute;
 	margin-left:10%;
 }
-:target div.tab + div.tab{
+
+:target div.tab{
 	display: none;
 }
diff --git a/koha-tmpl/intranet-tmpl/default/en/includes/parameters-top.inc b/koha-tmpl/intranet-tmpl/default/en/includes/parameters-top.inc
index 4b13b17d26..1fb69583d3 100644
--- a/koha-tmpl/intranet-tmpl/default/en/includes/parameters-top.inc
+++ b/koha-tmpl/intranet-tmpl/default/en/includes/parameters-top.inc
@@ -3,9 +3,10 @@
 <html>
 <head>
 <title>KOHA: INTRANET: Parameters</title>
-<link rel="stylesheet" type="text/css" href="<!-- TMPL_VAR name="themelang" -->/includes/common-style.css">
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
+<link rel="stylesheet" type="text/css" href="<!-- TMPL_VAR name="themelang" -->/includes/common-style.css">
+
 <style>
 .parameters {
 	background-color: #86c268;
diff --git a/koha-tmpl/intranet-tmpl/default/en/parameters/authorised_values.tmpl b/koha-tmpl/intranet-tmpl/default/en/parameters/authorised_values.tmpl
index ad16b8b2d0..17609a44b1 100644
--- a/koha-tmpl/intranet-tmpl/default/en/parameters/authorised_values.tmpl
+++ b/koha-tmpl/intranet-tmpl/default/en/parameters/authorised_values.tmpl
@@ -1,5 +1,5 @@
 <!-- TMPL_INCLUDE NAME="parameters-top.inc" -->
-
+<div id="mainbloc">
 <!-- TMPL_IF name="add_form" -->
 <!---------------------------------------------------------------------------->
 	<H1>
@@ -11,25 +11,13 @@
 	</H1>
 	<form action='<!-- TMPL_VAR name="script_name" -->' name=Aform method=post>
 	<input type=hidden name=op value='add_validate'>
-	<table>
-	<tr>
-		<td>Category</td>
-		<td><!-- TMPL_VAR name="category" --></td>
-	</tr>
-	<tr>
-		<td>Authorised value</td>
-		<td><input type=text name="authorised_value" value='<!-- TMPL_VAR name="authorised_value" escape=HTML -->'></td>
-	</tr>
-	<tr>
-		<td>Lib</td>
-		<td><input type=text name="lib" value='<!-- TMPL_VAR name="lib" -->'></td>
-	</tr>
-	<tr>
-		<td>&nbsp;</td>
-		<td><input type="hidden" name="id" value="<!-- TMPL_VAR name="id" -->">
-			<INPUT type="submit" value='OK'></td>
-	</tr>
-	</table>
+		<p><label>Category</label><!-- TMPL_VAR name="category" --></p>
+		<p><label>Authorised value</label><input type=text name="authorised_value" value='<!-- TMPL_VAR name="authorised_value" escape=HTML -->'></p>
+		<p><label>Text</label><input type=text name="lib" value='<!-- TMPL_VAR name="lib" -->'></p>
+		<p>
+			<input type="hidden" name="id" value="<!-- TMPL_VAR name="id" -->">
+			<input type="submit" value='OK' class="button parameters">
+		</p>
 	</form>
 <!-- /TMPL_IF -->
 
@@ -58,18 +46,20 @@
 <p>This table is used in MARC definition. You can define as many categories as you want, and as many authorised values as you want in each category.</p>
 <p>When you define the MARC subfield structure, you can link a subfield to an authorised-value category. When the user adds or modifies a biblio, the subfield is not entered through a free field, but though a list of authorised values.</p>
 <form action=/cgi-bin/koha/admin/authorised_values.pl method=post>
-	<!-- TMPL_VAR name="tab_list" --><input type="submit" value="OK">   <a href="authorised_values.pl?op=add_form">New category...</a>
+	<!-- TMPL_VAR name="tab_list" --><input type="submit" value="OK" class="button parameters">
+		<a href="authorised_values.pl?op=add_form" class="button parameters">New category...</a>
 </form>
 <!-- TMPL_VAR name="searchfield" -->
-<table border=0 cellspacing=0 cellpadding=2 width="80%">
-<tr valign=top bgcolor=#99cc33>
-	<td background="<!-- TMPL_VAR NAME='themelang' -->/images/background-mem.gif"><b>Category</b></td>
-	<td background="<!-- TMPL_VAR NAME='themelang' -->/images/background-mem.gif"><b>Authorised value</b></td>
-	<td background="<!-- TMPL_VAR NAME='themelang' -->/images/background-mem.gif"><b>Lib</b></td>
-	<td background="<!-- TMPL_VAR NAME='themelang' -->/images/background-mem.gif"><b>Edit</b></td>
-	<td background="<!-- TMPL_VAR NAME='themelang' -->/images/background-mem.gif"><b>Delete</b></td>
+<table>
+<tr>
+	<th class="parameters">Category</h>
+	<th class="parameters">Authorised value</th>
+	<th class="parameters">Lib</th>
+	<th class="parameters">Edit</th>
+	<th class="parameters">Delete</th>
+</tr>
 <!-- TMPL_LOOP name="loop" -->
-</tr valign=top bgcolor='<!-- TMPL_VAR name="bgcolor" -->'>
+<tr>
 	<td><!-- TMPL_VAR name="category" --></td>
 	<td><!-- TMPL_VAR name="authorised_value" --></td>
 	<td><!-- TMPL_VAR name="lib" --></td>
@@ -77,28 +67,19 @@
 	<td><a href="<!-- TMPL_VAR name="delete" -->"><img src="<!-- TMPL_VAR NAME='interface' -->/<!-- TMPL_VAR name="theme" -->/images/edittrash.png" width=32 hspace=0 vspace=0 border=0></a></td>
 </tr>
 <!-- /TMPL_LOOP -->
+</table>
 <form action='<!-- TMPL_VAR name="script_name" -->' method=post>
 <input type=hidden name=op value=add_form>
-</table>
-
-<table width=40%>
-	<tr>
-		<td width=50%>
-			<!-- TMPL_IF name="isprevpage" -->
-				<a href="<!-- TMPL_VAR name="script_name" -->?offset=<!-- TMPL_VAR name="prevpage" -->&searchfield=<!-- TMPL_VAR name="searchfield" -->">
-				<input type=image src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/1leftarrow.png" title="previous" ALT="previous" BORDER=0>
-				</a>
-			<!-- /TMPL_IF -->
-		</td>
-		<td width=50%>
-			<!-- TMPL_IF name="nextpage" -->
-				<a href="<!-- TMPL_VAR name="script_name" -->?offset=<!-- TMPL_VAR name="nextpage" -->&searchfield=<!-- TMPL_VAR name="searchfield" -->">
-					<input type=image src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/1rightarrow.png" title="next" ALT="next" BORDER=0>
-				</a>
-			<!-- /TMPL_IF -->
-		</td>
-	</tr>
-</table>
+<!-- TMPL_IF name="isprevpage" -->
+	<a href="<!-- TMPL_VAR name="script_name" -->?offset=<!-- TMPL_VAR name="prevpage" -->&searchfield=<!-- TMPL_VAR name="searchfield" -->">
+	<input type=image src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/1leftarrow.png" title="previous" ALT="previous" BORDER=0>
+	</a>
+<!-- /TMPL_IF -->
+<!-- TMPL_IF name="nextpage" -->
+	<a href="<!-- TMPL_VAR name="script_name" -->?offset=<!-- TMPL_VAR name="nextpage" -->&searchfield=<!-- TMPL_VAR name="searchfield" -->">
+		<input type=image src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/1rightarrow.png" title="next" ALT="next" BORDER=0>
+	</a>
+<!-- /TMPL_IF -->
 <form action='<!-- TMPL_VAR name="script_name" -->' method=post>
 <input type="hidden" name="op" value="add_form">
 <input type="hidden" name="category" value="<!-- TMPL_VAR name="category" -->">
@@ -106,5 +87,5 @@
 </form>
 <!-- /TMPL_IF -->
 
-
+</div>
 <!-- TMPL_INCLUDE NAME="parameters-bottom.inc" -->
diff --git a/koha-tmpl/intranet-tmpl/default/en/parameters/charges.tmpl b/koha-tmpl/intranet-tmpl/default/en/parameters/charges.tmpl
index f8ad898cae..fba66d01e2 100644
--- a/koha-tmpl/intranet-tmpl/default/en/parameters/charges.tmpl
+++ b/koha-tmpl/intranet-tmpl/default/en/parameters/charges.tmpl
@@ -1,27 +1,29 @@
 <!-- TMPL_INCLUDE NAME="parameters-top.inc" -->
-<p>
-Each box needs to be filled in with fine,time to start charging,charging cycle<br/>
-eg 1,7,7 = 1USD,EUR,etc fine, after 7 days, every 7 days</p>
-<p>Note : fines are calculated by the fines2.pl script, located in misc directory. Ask your administrator to put this script in crontab, after midnight, to have fines calculated every night
-</p>
-<form action=/cgi-bin/koha/admin/updatecharges.pl method=post>
-<table border=0>
-<TR align="center">
-	<th>&nbsp;</th><!-- TMPL_LOOP name="title" --><th><!-- TMPL_VAR name="in_title" --></th><!-- /TMPL_LOOP -->
-</TR>
-<!-- TMPL_LOOP name="row" -->
+<div id="mainbloc">
+	<p>
+	Each box needs to be filled in with fine,time to start charging,charging cycle<br/>
+	eg 1,7,7 = 1USD,EUR,etc fine, after 7 days, every 7 days</p>
+	<p>Note : fines are calculated by the fines2.pl script, located in misc directory. Ask your administrator to put this script in crontab, after midnight, to have fines calculated every night
+	</p>
+	<form action=/cgi-bin/koha/admin/updatecharges.pl method=post>
+	<table border=0>
 	<TR align="center">
-		<th>
-			<!-- TMPL_VAR name="categorycode" -->
-		</th>
-		<!-- TMPL_LOOP name="cell" -->
-			<td bgcolor="<!-- TMPL_VAR name="toggle" -->">
-				<input name="<!-- TMPL_VAR name="inputname" -->" value="<!-- TMPL_VAR name="inputvalue" -->" size=6 maxlength=10>
-			</td>
-		<!-- /TMPL_LOOP -->
+		<th>&nbsp;</th><!-- TMPL_LOOP name="title" --><th><!-- TMPL_VAR name="in_title" --></th><!-- /TMPL_LOOP -->
 	</TR>
-<!-- /TMPL_LOOP -->
-</table>
-<center><input type=submit value="OK"></center>
-</form>
+	<!-- TMPL_LOOP name="row" -->
+		<TR align="center">
+			<th>
+				<!-- TMPL_VAR name="categorycode" -->
+			</th>
+			<!-- TMPL_LOOP name="cell" -->
+				<td bgcolor="<!-- TMPL_VAR name="toggle" -->">
+					<input name="<!-- TMPL_VAR name="inputname" -->" value="<!-- TMPL_VAR name="inputvalue" -->" size=6 maxlength=10>
+				</td>
+			<!-- /TMPL_LOOP -->
+		</TR>
+	<!-- /TMPL_LOOP -->
+	</table>
+	<center><input type=submit value="OK" class="button parameters"></center>
+	</form>
+</div>
 <!-- TMPL_INCLUDE NAME="parameters-bottom.inc" -->
diff --git a/koha-tmpl/intranet-tmpl/default/en/parameters/itemtypes.tmpl b/koha-tmpl/intranet-tmpl/default/en/parameters/itemtypes.tmpl
index cbbc493166..bf9607ca26 100644
--- a/koha-tmpl/intranet-tmpl/default/en/parameters/itemtypes.tmpl
+++ b/koha-tmpl/intranet-tmpl/default/en/parameters/itemtypes.tmpl
@@ -60,6 +60,7 @@ function Check(f) {
 	}
 }
 </SCRIPT>
+<div id="mainbloc">
 <!-- TMPL_IF name="add_form" -->
 	<!-- TMPL_IF name="itemtype" -->
 		<h1>Modify item type</h1>
@@ -69,84 +70,80 @@ function Check(f) {
 	<form action='<!-- TMPL_VAR name="script_name" -->' name=Aform method=post>
 		<input type=hidden name=op value='add_validate'>
 		<input type=hidden name=checked value=0>
-		<table>
 			<!-- TMPL_IF name="itemtype" -->
-				<tr><td>Item type</td><td><input type=hidden name=itemtype value=<!-- TMPL_VAR name="itemtype" -->><!-- TMPL_VAR name="itemtype" --></td></tr>
+				<p><label class="label100">Item type<label><input type=hidden name=itemtype value=<!-- TMPL_VAR name="itemtype" -->><!-- TMPL_VAR name="itemtype" --></p>
 			<!-- TMPL_ELSE -->
-				<tr><td>Item type</td><td><input type=text name=itemtype size=6 maxlength=4 onBlur="toUC(this)"></td></tr>
+				<p><label class="label100">Item type<label><input type=text name=itemtype size=6 maxlength=4 onBlur="toUC(this)"></p>
 			<!-- /TMPL_IF -->
-			<tr>
-				<td>Description</td>
-				<td><input type=text name=description size=40 maxlength=80 value='<!-- TMPL_VAR name="description" escape=HTML -->'>&nbsp;</td>
-			</tr>
-			<tr>
-				<td>Not for loan</td>
-				<td>
-					<!-- TMPL_IF name="notforloan" -->
-						<input type=checkbox name=notforloan checked value=1>
-					<!-- TMPL_ELSE -->
-						<input type=checkbox name=notforloan value=1>
-					<!-- /TMPL_IF -->
-					if checked, no item of this type can be issued. If not checked, every item of this type can be issued unless notforloan is set for a specific item
-				</td>
-			</tr>
-			<tr>
-				<td>Loan length</td>
-				<td>
+			<p>
+				<label class="label100">Description</label>
+				<input type=text name=description size=40 maxlength=80 value='<!-- TMPL_VAR name="description" escape=HTML -->'>
+			</p>
+			<p>
+				<label class="label100">Not for loan</label>
+				<!-- TMPL_IF name="notforloan" -->
+					<input type=checkbox name=notforloan checked value=1>
+				<!-- TMPL_ELSE -->
+					<input type=checkbox name=notforloan value=1>
+				<!-- /TMPL_IF -->
+				if checked, no item of this type can be issued. If not checked, every item of this type can be issued unless notforloan is set for a specific item
+			</p>
+			<p>
+				<label class="label100">Loan length</label>
 					<input type=text name=loanlength size=10 value='<!-- TMPL_VAR name="loanlength" -->'>
 					meaningful only if not for loan is not set
-				</td>
-			</tr>
-			<tr>
-				<td>Renewals allowed</td>
-				<td><input type=checkbox name=renewalsallowed <!-- TMPL_IF name="renewalsallowed" -->checked<!-- /TMPL_IF --> value=1></td>
-			</tr>
-			<tr>
-				<td>Rental charge</td>
-				<td><input type=text name=rentalcharge size=10 value='<!-- TMPL_VAR name="rentalcharge" -->'></td>
-			</tr>
-			<tr>
-				<td>&nbsp;</td>
-				<td><INPUT type=button value='OK' onClick='Check(this.form)'></td>
-			</tr>
-		</table>
+			</p>
+			<p>
+				<label class="label100" name="renewalsallowed">Number of renewals allowed</label>
+				<input type="text" name=renewalsallowed value="<!-- TMPL_VAR name="renewalsallowed" -->">
+			</p>
+			<p>
+				<label class="label100">Rental charge</label>
+				<input type=text name=rentalcharge size=10 value='<!-- TMPL_VAR name="rentalcharge" -->'>
+			</p>
+			<p>
+				<INPUT type=button value='OK' onClick='Check(this.form)'>
+			</p>
 	</form>
 <!-- /TMPL_IF -->
 
 <!-- TMPL_IF name="delete_confirm" -->
-	<TABLE bg="#99cc33">
-		<tr>
-			<th>Item type</th>
-			<th><!-- TMPL_VAR name="itemtype" --></th>
-		</tr>
+		<p><label>Item type</label><!-- TMPL_VAR name="itemtype" --></p>
 	<form action='<!-- TMPL_VAR name="script_name" -->' method=post>
 		<input type=hidden name=op value=delete_confirmed><input type=hidden name=itemtype value='<!-- TMPL_VAR name="itemtype" -->'>
-	<tr><td>Description</td><td><!-- TMPL_VAR name="description" --></td></tr>
-	<tr><td>Loan length</td><td><!-- TMPL_VAR name="loanlength" --></td></tr>
-	<tr><td>Renewals</td><td><!-- TMPL_IF name="renewalsallowed" -->Allowed<!-- TMPL_ELSE -->Not allowed<!-- /TMPL_IF --></td></tr>
-	<tr><td>Rental charge</td><td><!-- TMPL_VAR name="rentalcharge" --></td></tr>
+	<p><label>Description</label><!-- TMPL_VAR name="description" --></p>
+	<p><label>Loan length</label><!-- TMPL_VAR name="loanlength" --></p>
+	<p><label>Renewals</label><!-- TMPL_IF name="renewalsallowed" -->Allowed<!-- TMPL_ELSE -->Not allowed<!-- /TMPL_IF --></p>
+	<p><lable>Rental charge</label><!-- TMPL_VAR name="rentalcharge" --></p>
 	<!-- TMPL_IF name="total" -->
-		<tr><td colspan=2 align=center><b>This record is used <!-- TMPL_VAR name="total" --> times. Deletion not possible</b></td></tr>
-		<tr><td colspan=2></form><form action='<!-- TMPL_VAR name="script_name" -->' method=post><input type=submit value=OK></form></td></tr>
+		<p>
+			<b>This record is used <!-- TMPL_VAR name="total" --> times. Deletion not possible</b>
+		</p>
+		<p>
+			</form>
+			<form action='<!-- TMPL_VAR name="script_name" -->' method=post><input type=submit value="OK" class="button parameters"></form>
+		</p>
 	<!-- TMPL_ELSE -->
-		<tr><td colspan=2 align=center>CONFIRM DELETION</td></tr>
-		<tr><td><INPUT type=submit value='YES'></form></td><td><form action='<!-- TMPL_VAR name="script_name" -->' method=post><input type=submit value=NO></form></td></tr>
+		<p>CONFIRM DELETION</p>
+		<p>
+			<input type=submit value='YES' class="button parameters"></form>
+			<form action='<!-- TMPL_VAR name="script_name" -->' method=post><input type=submit value=NO class="button parameters"></form>
+		</p>
 	<!-- /TMPL_IF -->
 
-	</table>
 <!-- /TMPL_IF -->
 
 <!-- TMPL_IF name="else" -->
 <h1>Item type Admin</h1>
-<table border='1' cellpadding='5' cellspacing='0' width='550'>
+<table>
 	<tr>
-		<td background="<!-- TMPL_VAR NAME='themelang' -->/images/background-mem.gif"><b>Code</b></th>
-		<td background="<!-- TMPL_VAR NAME='themelang' -->/images/background-mem.gif"><b>Description</b></td>
-		<td background="<!-- TMPL_VAR NAME='themelang' -->/images/background-mem.gif"><b>Loan length</b></td>
-		<td background="<!-- TMPL_VAR NAME='themelang' -->/images/background-mem.gif"><b>Renewable</b></td>
-		<td background="<!-- TMPL_VAR NAME='themelang' -->/images/background-mem.gif"><b>Charge</b></td>
-		<td background="<!-- TMPL_VAR NAME='themelang' -->/images/background-mem.gif">Edit</td>
-		<td background="<!-- TMPL_VAR NAME='themelang' -->/images/background-mem.gif">Delete</td>
+		<th class="parameters">Code</th>
+		<th class="parameters">Description</th>
+		<th class="parameters">Loan length</th>
+		<th class="parameters">Renewable</th>
+		<th class="parameters">Charge</th>
+		<th class="parameters">Edit</th>
+		<th class="parameters">Delete</th>
 	</tr>
 	<!-- TMPL_LOOP name="loop" -->
 		<tr>
@@ -161,17 +158,11 @@ function Check(f) {
 	<!-- /TMPL_LOOP -->
 </table>
 <form action='<!-- TMPL_VAR name="script_name" -->' method=post>
-<input type=hidden name=op value=add_form>
-<br>
-<table width=40%>
-	<tr>
-		<td width="33%">
-			<input type=submit class="button" value="Add item type" title="Add item type" alt="Add item type" >
-		</td>
-		<td width=33%><!-- TMPL_IF name="previous" --><a href="<!-- TMPL_VAR name=previous -->"><input type=image src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/1leftarrow.png" title="previous" ALT="previous" BORDER=0></a><!-- /TMPL_IF --></td>
-		<td width=33%><!-- TMPL_IF name="next" --><a href="<!-- TMPL_VAR name=next -->"><input type=image src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/1rightarrow.png" title="next" ALT="next" BORDER=0></a><!-- /TMPL_IF --></td>
-	</tr>
-</table>
+	<input type=hidden name=op value=add_form>
+	<input type=submit class="button" value="Add item type" title="Add item type" alt="Add item type" >
+	<td width=33%><!-- TMPL_IF name="previous" --><a href="<!-- TMPL_VAR name=previous -->"><input type=image src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/1leftarrow.png" title="previous" ALT="previous" BORDER=0></a><!-- /TMPL_IF --></td>
+	<td width=33%><!-- TMPL_IF name="next" --><a href="<!-- TMPL_VAR name=next -->"><input type=image src="<!-- TMPL_VAR name="interface" -->/<!-- TMPL_VAR name="theme" -->/images/1rightarrow.png" title="next" ALT="next" BORDER=0></a><!-- /TMPL_IF --></td>
 </form>
+</div>
 <!-- /TMPL_IF -->
 <!-- TMPL_INCLUDE NAME="parameters-bottom.inc" -->
diff --git a/koha-tmpl/intranet-tmpl/default/en/parameters/thesaurus.tmpl b/koha-tmpl/intranet-tmpl/default/en/parameters/thesaurus.tmpl
index eac907edba..dc1b4eb99c 100644
--- a/koha-tmpl/intranet-tmpl/default/en/parameters/thesaurus.tmpl
+++ b/koha-tmpl/intranet-tmpl/default/en/parameters/thesaurus.tmpl
@@ -1,5 +1,5 @@
 <!-- TMPL_INCLUDE NAME="parameters-top.inc" -->
-
+<div id="mainbloc">
 <!-- TMPL_IF name="detail_form" -->
 	<!-------------------------------------------------------------------->
 	<font SIZE=6><em>Thesaurus management</em></font><br />
@@ -104,8 +104,8 @@
 	<form action="/cgi-bin/koha/admin/thesaurus.pl" method="post">
 		<!-- TMPL_VAR name="tab_list" -->
 		<input type="text" name="searchstring" value="<!-- TMPL_VAR name="searchstring" -->">
-		<input type="submit" value="OK">
-		<a href="thesaurus.pl?op=add_form">New category...</a>
+		<input type="submit" value="OK" class="button parameters">
+		<a href="thesaurus.pl?op=add_form" class="button parameters">New category...</a>
 	</form>
 	<!-- TMPL_LOOP name="hierarchy_loop" -->
 		<a href="thesaurus.pl?branch=<!-- TMPL_VAR name="branch" -->&search_category=<!-- TMPL_VAR name="category" -->"><!-- TMPL_VAR name="string" --></a><br />
@@ -133,14 +133,11 @@
 	<form action='<!-- TMPL_VAR name="script_name" -->' method=post>
 	<input type=hidden name=op value=add_form>
 	</table>
-	<br/>
-	<table width=40% height="80">
-		<tr>
-			<td width=50%><a href="<!-- TMPL_VAR name="previous" -->" class="button">Previous</a></td>
-			<td width=50%><a href="<!-- TMPL_VAR name="next" -->" class="button"> Next</a></td>
+	<p>
+		<a href="<!-- TMPL_VAR name="previous" -->" class="button parameters">Previous</a>
+		<a href="<!-- TMPL_VAR name="next" -->" class="button parameters"> Next</a>
 		</tr>
-	</table>
-	<br/>
+	</p>
 	<form action='<!-- TMPL_VAR name="script_name" -->' method=post>
 	<input type="hidden" name="op" value="add_form">
 	<input type="hidden" name="category" value="<!-- TMPL_VAR name="category" -->">
@@ -151,5 +148,5 @@
 
 
 <!-- /TMPL_IF -->
-
+</div>
 <!-- TMPL_INCLUDE NAME="parameters-bottom.inc" -->
-- 
2.39.5