improving opac default CSS to have a npl/ccfls like theme (look at http://o15.bureau.paulpoulain.com to see the result)

This commit is contained in:
tipaul 2007-06-06 13:07:15 +00:00
parent 85609421d1
commit 08daf60a70
10 changed files with 152 additions and 129 deletions

View File

@ -9,3 +9,11 @@
<div id="masthead">
<!-- TMPL_VAR NAME="LibraryName" -->
</div>
<div id="opac-main-search">
<label for="masthead_search">Search</label>
<form name="searchform" method="POST" action="/cgi-bin/koha/opac-search.pl" id="searchform">
<input type="text" name="q" style="width: 30%;"/>
<input type="submit" value="Search" class="submit" />
</form>
<a href="/cgi-bin/koha/opac-search.pl">more search options</a>
</div>

View File

@ -32,27 +32,6 @@
<!-- /TMPL_IF -->
</ul>
<br />
<div id="login">
<!-- TMPL_IF NAME="loggedinusername" -->
<a href="/cgi-bin/koha/opac-user.pl"><b>User Info</b></a>
<li>Logged in as: <b> <!-- TMPL_VAR NAME="loggedinusername" --> </b></li>
<li><a href="/cgi-bin/koha/opac-logout.pl?logout=Log Out">Log Out</a></li>
<!-- TMPL_ELSE -->
<form action="/cgi-bin/koha/opac-user.pl" method="POST" name="auth" id="auth">
<li>
<label for="userid">Login:</label>
<input type="text" id="userid" size="10" name="userid" />
</li>
<li>
<label for="password">Pass: </label>
<input type="password" id="password" size="10" name="password" />
</li>
<li>
<input type="submit" value="Log In" class="submit" />
</li>
</form>
<!-- /TMPL_IF -->
</div>
</div>
<div id="main"> <!-- MAIN Body start here -->

View File

@ -1,5 +1,21 @@
</div>
<div id="login">
<!-- TMPL_IF NAME="loggedinusername" -->
<a href="/cgi-bin/koha/opac-user.pl"><b>User Info</b></a>
<p>Logged in as: <b> <!-- TMPL_VAR NAME="loggedinusername" --> </b></p>
<p><a href="/cgi-bin/koha/opac-logout.pl?logout=Log Out">Log Out</a></p>
<!-- TMPL_ELSE -->
<form action="/cgi-bin/koha/opac-user.pl" method="POST" name="auth" id="auth">
<p>Login:</p>
<input type="text" id="userid" size="10" name="userid" />
<p>Pass:</p>
<input type="password" id="password" size="10" name="password" />
<p>
<input type="submit" value="Log In" class="submit" />
</p>
</form>
<!-- /TMPL_IF -->
</div>
<!-- TMPL_IF NAME="opaccredits" -->
<div id="footer">
<!-- TMPL_VAR NAME="opaccredits" -->

View File

@ -1,8 +1,14 @@
/* color scheme :
- #6699CC smooth blue for buttons background
- #FFFFCC smooth yellow for button text
- grey (
- #990033 (red) for hovered links
- #384b73 : light blue, for menus, text enhancement, footer & header
- #eeeeee : light grey, for background color
- #CCCCCC : for table backgrounds
- #EEC95A : orange for action buttons & hyperlinks
- #6BA037 : green for action buttons
*/
/* attribute for standard html tags */
@ -10,7 +16,7 @@
body {
font-family : Verdana, Geneva, Arial, sans-serif;
font-size : 1em;
background-color : #eeeeee;
background-color : white;
text-align: left;
margin-bottom:0px;
}
@ -22,6 +28,14 @@ h1 {
text-align:left;
}
h2 {
color:#384b73;
}
h3 {
color:#384b73;
}
p {
margin:0px;
padding:0px;
@ -29,12 +43,11 @@ p {
}
label {
font-style:italic;
vertical-align:top;
display:block;
float:left;
width:10em;
margin-right:0.2em;
width:7em;
}
a:link, a:visited, a:active {
@ -44,12 +57,14 @@ a:link, a:visited, a:active {
a:hover {
text-decoration : none;
background-color : #EEC95A;
color: #990033;
}
fieldset {
display:inline;
border: 1px solid #384b73;
background-color:#F9F9FF;
}
table {
@ -71,8 +86,11 @@ td,th {
}
th {
background-color: #384b73;
color:white;
background:url( /opac-tmpl/prog/images/member-menu-background.gif);
background-repeat:repeat-x;
background-color:#ADC4E2;
color:#096C9D;
font-size:0.8em;
border : 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
@ -82,10 +100,11 @@ th[scope=row] {
}
input[type=submit], input[type=button], input[type=reset] {
background-color : #EEC95A;
background-color : #6BA037;
color : #FFFFFF;
font-size : 1em;
font-size : 0.8em;
font-weight : bold;
border: 1px outset #666666;
}
li {
@ -115,7 +134,7 @@ p.searchresults {
color : #006699;
}
.searchresults table tr:hover {
background-color: #CCFFFF;
background-color: #FFFFCC;
}
tr.highlight td, tr.highlight th {
background-color : #EEEEEE;
@ -125,7 +144,7 @@ tr.highlight td, tr.highlight th {
/* the top part of the opac : (the LibraryName) */
#masthead {
color:#384b73;
color: #000066;
margin-left:15%;
text-align:left;
font-size:150%;
@ -148,31 +167,35 @@ tr.highlight td, tr.highlight th {
border-spacing: 3px;
border : 0px;
margin : 0px;
background-color: white;
border: 0px solid #D8DEB8;
}
}
#advsearch-itemtype table tr td {
background-color:#CCCCCC;
background-color: #F8F8EB;
border : 0px;
margin : 0px;
width:700px;
}
#advsearch-itemtype table tr td p {
#advsearch-itemtype td {
font-size:0.8em;
background-color:#F8F8EB;
}
/* the content part of every page */
#main {
margin-left:25%;
margin-left:20%;
margin-bottom:0px;
}
/* the main menu (home, adv search, login...) */
/* the main menu (home, adv search) */
#menu {
position:fixed;
margin-top:100px;
border-right:1px solid black;
padding:0px;
font-size:0.8em;
font-weight:bold;
color:#384b73;
background-color:#dddddd;
}
#menu ul a {
display:block;
@ -187,8 +210,7 @@ tr.highlight td, tr.highlight th {
margin:5px 5px 0px 5px;
padding :5px 5px 0px 5px;
text-decoration:none;
background-color:#384b73;
color:white;
color:#990033;
white-space: nowrap;
}
#menu ul {
@ -199,38 +221,45 @@ tr.highlight td, tr.highlight th {
#menu li {
list-style-type:none;
}
#menu label {
font-style:italic;
display:block;
float:left;
width:5em;
}
/***************/
/* login block */
/***************/
#login {
font-size:0.9em;
position:fixed;
bottom:0px;
font-size:0.8em;
background-color : #cccccc;
padding:10px;
}
#login input {
font-size:0.8em;
}
#login label {
width:5em;
}
#login p {
margin:0px;
}
/***********************************************************/
/* the user menu, for user option (and biblio detail view) */
/***********************************************************/
#usermenu {
float:right;
}
#usermenu a {
background-color : #EEC95A;
background-color : #6BA037;
color : #FFFFFF;
font-size : 1em;
border: 2px outset;
font-size : 0.8em;
font-weight : bold;
margin:0px 5px 0px 0px;
padding:2px 5px 2px 5px;
text-decoration:none;
display: block;
white-space: nowrap;
border: 1px outset #666666;
display:block;
margin-bottom:3px;
}
#usermenu a:hover {
border: 2px inset;
background-color:#384b73;
border: 1px inset #666666;
}
/* the opac-news */
@ -251,21 +280,21 @@ background-color:red;
}
/* action buttons */
#action {
margin-top:15px;
}
#action a {
background-color : #EEC95A;
color : #FFFFFF;
font-size : 1em;
border: 2px outset;
background-color : #6699cc;
color : #eeeeee;
font-size : 0.8em;
font-weight : bold;
margin:0px 5px 0px 0px;
padding-right:5px;
padding-left:5px;
text-decoration:none;
display: inline;
border: 1px outset #666666;
margin-right:5px;
padding:0 5px 0 5px;
}
#action a:hover {
border: 2px inset;
background-color:#CCCCCC;
color : white;
border: 1px inset;
}
#auth {
@ -279,19 +308,21 @@ background-color:red;
font-size:0.8em;
margin:0px;
background-color:#eeeeee;
border:1px solid #CCCCCC;
border:0px;
}
#facets dl {
margin:0px;
border:1px solid #CCCCCC;
}
#facets dd {
margin:0px;
}
#facets dt {
font-weight:bold;
background-color:#EEC95A;
border:0px;
background-color:#6BA037;
border: 1px outset #666666;
color:white;
}
#facets li {
@ -363,6 +394,28 @@ color:#384b73;
/* style for search terms in catalogsearch */
.term {
background-color:lightyellow;
color: #990033;
}
#opac-main-search {
background-image:url( /opac-tmpl/prog/images/menu-background.gif);
background-repeat:repeat-x;
background-color: #6699CC;
border-top: 1px solid #335599;
border-bottom: 1px solid #335599;
margin: 0 0 0 15%;
padding: 15px 0 15px 10px;
color:#FFFFCC;
font-weight:bold;
}
#opac-main-search a {
color:#FFFFCC;
}
#opac-main-search a:visited {
color:#FFFFCC;
}
#opac-main-search a:hover {
color:#FFFFFF;
}
#opac-main-search form {

View File

@ -44,10 +44,18 @@
<!-- BOOLEAN SEARCH OPTIONS -->
<fieldset>
<legend>Search For:</legend>
<legend>Search for:</legend>
<!-- TMPL_LOOP NAME="search_boxes_loop" -->
<!-- TMPL_IF NAME="expanded_options" --><!-- TMPL_IF NAME="search_boxes_label" --><p style="text-indent: 4.5em;"><!-- TMPL_ELSE --><p><!-- /TMPL_IF --><!-- TMPL_ELSE --><p><!-- /TMPL_IF -->
<!-- TMPL_IF NAME="expanded_options" -->
<!-- TMPL_IF NAME="search_boxes_label" -->
<p style="text-indent: 4.5em;">
<!-- TMPL_ELSE -->
<p>
<!-- /TMPL_IF -->
<!-- TMPL_ELSE -->
<p>
<!-- /TMPL_IF -->
<!-- TMPL_IF NAME="expanded_options" --><!-- TMPL_VAR NAME="left_content" --><!-- /TMPL_IF -->
<select name="idx">
<option value="kw" <!-- TMPL_IF NAME="selected" -->selected="<!-- TMPL_VAR NAME="selected" -->"<!-- /TMPL_IF -->>Keyword</option>
@ -85,19 +93,19 @@
</select>
<input type="text" size="30" name="q" title="Enter search terms" value=""/>
<!-- TMPL_IF NAME="expanded_options" -->
<!-- TMPL_IF NAME="scan_index" --><!-- TMPL_VAR NAME="scan_index" --><!-- /TMPL_IF -->
<!-- TMPL_IF NAME="scan_index" --><input type='checkbox' name='scan' id='scan' value='1'/> Scan Indexes<!-- /TMPL_IF -->
<!-- TMPL_IF NAME="add_field" --><a href="JavaScript:add_field();" id="ButtonPlus" title="Add another field">[+]</a><!-- /TMPL_IF -->
<!-- /TMPL_IF -->
<!-- /TMPL_LOOP -->
</fieldset>
<!-- /BOOLEAN SEARCH OPTIONS -->
<div id="advsearch-itemtype">
<h2>Itemtype limit to any of the following:</h2>
<h3>Itemtype limit to any of the following:</h3>
<table>
<tr>
<!--TMPL_LOOP Name="itemtypeloop"-->
<td><p>
<!-- TMPL_IF name="imageurl"--><img border="0" src="<!--TMPL_VAR Name="imageurl" -->" alt="<!--TMPL_VAR Name="description" -->" /><!-- /TMPL_IF --><input type="checkbox" id="mt-<!--TMPL_VAR Name="number" -->" name="limit" value="mt:<!--TMPL_VAR Name="code" -->"/>&nbsp;
<input type="checkbox" id="mt-<!--TMPL_VAR Name="number" -->" name="limit" value="mt:<!--TMPL_VAR Name="code" -->"/><!-- TMPL_IF name="imageurl"--><img border="0" src="<!--TMPL_VAR Name="imageurl" -->" alt="<!--TMPL_VAR Name="description" -->" /><!-- /TMPL_IF -->&nbsp;
<!--TMPL_VAR Name="description" --></p></td>
<!-- TMPL_UNLESS name="count5" --></tr><tr><!-- /TMPL_UNLESS -->
<!--/TMPL_LOOP-->
@ -108,8 +116,8 @@
<!-- BASIC LIMITS -->
<!--TMPL_IF Name="usmarc"-->
<fieldset>
<legend>Limit type to: match any of the following</legend>
<table class="itemtypes">
<legend>Limit type to: match any of the following</legend>
<table class="itemtypes">
<tr>
<td><input type="checkbox" id="mc-bks" name="limit" value="mc:t"/><label for="mc-bks" title="Books, Pamphlets, Technical reports, Manuscripts, Legal papers, Theses and dissertations"><img border="0" src="/intranet-tmpl/prog/en/images/AF.gif" alt="Books" />Books</label></td>
<td><input type="checkbox" id="mc-vis" name="limit" value="mc:v"/><label for="mc-vis" title="Motion pictures, Videorecordings, Filmstrips, Slides, Transparencies, Photos, Cards, Charts, Drawings"><img border="0" src="/intranet-tmpl/prog/en/images/AV Aids.gif" alt="Visual Materials" />Visual Materials</label></td>
@ -128,9 +136,9 @@
</tr>
</table>
</fieldset>
<!-- /TYPE LIMITS -->
<div id="sidebar">
</fieldset>
<!-- /TYPE LIMITS -->
<div id="sidebar">
<!-- SUBTYPE LIMITS -->
<fieldset>
<legend>Subtype limits</legend><p>
@ -197,8 +205,8 @@
</fieldset>
<!--/TMPL_IF -->
<!--TMPL_IF Name="UNIMARC" -->
<div id="sidebar">
<!-- SUBTYPE LIMITS -->
<div id="sidebar">
<!-- SUBTYPE LIMITS -->
<fieldset>
<legend>Champs Cod&eacute;s</legend>
<p>
@ -400,8 +408,8 @@
<option value="Graphics-support:z">Autres</option>
</select>
</p>
</fieldset>
</div>
<!--/TMPL_IF-->
<!--/TMPL_IF-->
<!-- AVAILABILITY LIMITS -->

View File

@ -38,7 +38,7 @@
<!-- TMPL_UNLESS name="isEDITORS" -->
<th width="10%">Biblio records</th>
<!-- /TMPL_UNLESS -->
<th width="10%">Full Authorized Heading</th>
<th width="10%">Full Heading</th>
</tr>
<!-- TMPL_LOOP NAME="result" -->
<tr>

View File

@ -22,36 +22,6 @@
</div>
<!-- /TMPL_IF -->
<div id="opac-main-search">
<h1>Search our catalogue</h1>
<ul><li>
<label for="masthead_search">Query the catalogue</label>
<form name="searchform" method="POST" action="/cgi-bin/koha/opac-search.pl" id="searchform">
<input type="text" name="q" style="width: 30%;"/>
<input type="submit" value="Search" class="submit" />
</form>
<i>(<a href="/cgi-bin/koha/opac-search.pl">more search options</a>)</i>
</li>
<!-- TMPL_IF name="OpacBrowser" -->
<li><a href="/cgi-bin/koha/opac-browser.pl">Browse the Catalogue</a>, through a hierarchy of subjects</li>
<!-- /TMPL_IF -->
<!-- TMPL_IF name="OpacAuthorities" -->
<li>Query the <a href="/cgi-bin/koha/opac-authorities-home.pl">authorities</a></li>
<!-- /TMPL_IF -->
<!-- TMPL_IF name="OpacCloud" -->
<li>Dig into <a href="/cgi-bin/koha/opac-tags_subject.pl">tag cloud</a></li>
<!-- /TMPL_IF -->
<li>
<form name="recent-acqui" action="/cgi-bin/koha/opac-main.pl" method="POST">
<label for="recentacqui">Get the last</label>
<input id="recentacqui" type="text" name="recentacqui" value="30" size="3"/>
acquisitions
<input type="submit" value=" OK " />
</form>
</li>
</ul>
</div>
<!-- TMPL_IF NAME="languages" -->
<div id="opac-main-changelanguage">
<h1>Change language</h1>

View File

@ -104,9 +104,5 @@ $template->param(
$template->param(
'Disable_Dictionary' => C4::Context->preference("Disable_Dictionary") )
if ( C4::Context->preference("Disable_Dictionary") );
$template->param(
'OpacAuthorities' => 1 );
$template->param(
'OpacCloud' => 1 );
output_html_with_http_headers $input, $cookie, $template->output;

View File

@ -242,7 +242,7 @@ foreach my $thisitemtype ( sort {$itemtypes->{$a}->{'description'} cmp $itemtype
code => $thisitemtype,
selected => $selected,
description => $itemtypes->{$thisitemtype}->{'description'},
count5 => $cnt % 5,
count5 => $cnt % 4,
);
$selected = 0 if ($selected);
push @itemtypesloop, \%row;
@ -292,8 +292,7 @@ if ( $template_name eq "opac-advsearch.tmpl" ) {
{
indexes => $this_index,
search_boxes_label => "<span class='labels'>Search for:</span>",
scan_index =>
"<input type='checkbox' name='scan' id='scan' value='1'/><label for='scan'>Scan Indexes</label>",
scan_index => 1,
};
}
@ -344,9 +343,6 @@ if ( $template_name eq "opac-advsearch.tmpl" ) {
my $sort_by_loop = displaySortby($sort_by);
$template->param(
sort_by_loop => $sort_by_loop,
OpacCloud => C4::Context->preference("OpacCloud"),
OpacTopissue => C4::Context->preference("OpacTopissue"),
OpacAuthorities => C4::Context->preference("OpacAuthorities"),
);
output_html_with_http_headers $cgi, $cookie, $template->output;

View File

@ -43,9 +43,6 @@ my $reviews = getreviews( $biblionumber, 1 );
$template->param(
reviews => $reviews,
title => $biblio->{'title'},
OpacCloud => C4::Context->preference("OpacCloud"),
OpacTopissue => C4::Context->preference("OpacTopissue"),
OpacAuthorities => C4::Context->preference("OpacAuthorities"),
);
output_html_with_http_headers $query, $cookie, $template->output;