Based on Dan Scott's "tpac_semantic_amazon_record_details" branch. My branch attempts
to add a more "Evergreen" feel to the TTPAC, versus the grey/blue hues in the current skin.
New features include transparent PNG's to replace old JPG to make use of transparency and
the addition of embedded font, Open Sans, via Google's Web Fonts API.
Signed-off-by: Michael Peters <mrpeters@library.in.gov>
ctx.page_title = l("Advanced Search");
pane = CGI.param("pane") || "advanced" %]
<div id="search-wrapper">
+ [% INCLUDE "opac/parts/printnav.tt2" %]
<div id="adv_search_parent">
<div id="adv_search_tabs">
<a href="?pane=advanced" [% IF pane == 'advanced' %]class="on" [% END %]id="adv_search">[% l('Advanced Search') %]</a>
INCLUDE "opac/parts/topnav.tt2";
ctx.page_title = l("Call Number Browse"); %]
<div id="search-wrapper">
+ [% INCLUDE "opac/parts/printnav.tt2" %]
[% INCLUDE "opac/parts/searchbar.tt2" %]
</div>
<div id="content-wrapper">
INCLUDE "opac/parts/topnav.tt2";
ctx.page_title = l("Home") %]
<div id="search-wrapper">
+ [% INCLUDE "opac/parts/printnav.tt2" %]
[% INCLUDE "opac/parts/searchbar.tt2" %]
</div>
<div id="content-wrapper">
INCLUDE "opac/parts/topnav.tt2";
ctx.page_title = l("Account Login") %]
<div id="search-wrapper">
+ [% INCLUDE "opac/parts/printnav.tt2" %]
[% INCLUDE "opac/parts/searchbar.tt2" %]
</div>
<div id="content-wrapper">
INCLUDE "opac/parts/topnav.tt2";
ctx.page_title = l("Record Detail") %]
<div id="search-wrapper">
+ [% INCLUDE "opac/parts/printnav.tt2" %]
[% INCLUDE "opac/parts/searchbar.tt2" %]
</div>
<div id="content-wrapper">
<link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/default/opac/style.css" />
<title>[% l('Catalog - [_1]', ctx.page_title) %]</title>
<link rel="unapi-server" type="application/xml" title="unAPI" href="/opac/extras/unapi" />
+ <link href='http://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'>
</head>
<body>
[% content %]
<div id="footer_logo">
[% l('Powered by') %]
<a href="http://evergreen-ils.org">
- <img src="[% ctx.media_prefix %]/opac/images/eg_tiny_logo.jpg"
+ <img src="[% ctx.media_prefix %]/opac/images/eg_tiny_logo.png"
style="border:none; width: 94px; height: 16px;"
alt="[% l('Evergreen') %]"
/>
-<div style='width:664px;height:35px;background:#FFFFFF;'>
- <strong><center><img src="[% ctx.media_prefix %]/opac/images/main_logo.jpg" /></center></strong>
+<div style='width:664px;height:35px;'>
+ <strong><center><img src="[% ctx.media_prefix %]/opac/images/main_logo.png" /></center></strong>
</div>
[% UNLESS took_care_of_form -%]
<form action="[% ctx.opac_root %]/results" method="GET">
[%- END %]
- <div>
- <span class="search_catalog_lbl">[% l('Search the Catalog') %]</span>
- <a href="[% ctx.opac_root %]/advanced"
- id="home_adv_search_link"><span
- class="adv_search_font">[% l('Advanced Search') %]</span></a>
- </div>
- <div style="font-weight: bold">[%- l('Search ');
- INCLUDE "opac/parts/coded_value_selector.tt2"
- attr=["mattype", "item_type"] none_ok=1 none_label=l('All Formats');
- l(' for ');
- %]
- <span class='search_box_wrapper'>
- <input type="text" id="search_box" name="query" value="[% is_advanced ? ctx.processed_search_query : CGI.param('query') || l("Search Keyword") | html %]"
- onfocus="if (this.value=='[% l("Search Keyword") %]'){this.value='';this.style.color='#000';}"
- onblur="if (this.value==''){this.value='[% l("Search Keyword") %]';this.style.color='#999';}"
- x-webkit-speech />
- </span>
- [%- INCLUDE "opac/parts/qtype_selector.tt2";
- l(' in '); PROCESS build_org_selector name='loc' value=CGI.param('loc');
- %]
- <span>
- <input id='search-submit-go' type="submit" value="[% l('Search') %]" alt="[% l('Search') %]" class="opac-button"
- onclick='setTimeout(function(){$("search-submit-spinner").className=""; $("search-submit-go").className="hidden"}, 2000)'/>
- <img id='search-submit-spinner' src='/opac/images/progressbar_green.gif' style='height:16px;width:16px;' class='hidden' alt=''/>
- </span>
- </div>
- [% IF is_advanced || is_special %]
- <div>
- <input type="hidden" name="_adv" value="1" />
- [% IF ctx.processed_search_query OR (NOT is_advanced AND NOT is_special) %]
- <input name='page' type='hidden' value="0" />
+ <table cellpadding="0" cellspacing="10" border="0">
+ <tr>
+ <td colspan="3">
+ <span class="search_catalog_lbl">[% l('Search the Catalog') %]</span>
+ <a href="[% ctx.opac_root %]/advanced"
+ id="home_adv_search_link"><span
+ class="adv_search_font">[% l('Advanced Search') %]</span></a>
+ </td>
+ </tr>
+ <tr>
+ [% IF is_advanced || is_special %]
+ <td colspan="2">
+ <input type="hidden" name="_adv" value="1" />
+ [% ELSE %]
+ <td>
+ [% INCLUDE "opac/parts/qtype_selector.tt2" %]
+ </td>
+ [% END %]
+ [% IF ctx.processed_search_query OR (NOT is_advanced AND NOT is_special) %]
+ <td>
+ <div id="search_box_wrapper">
+ <!-- Note: when common browsers support HTML5 placeholder text, we can remove the JS -->
+ <input type="text" id="search_box" name="query" value="[% is_advanced ? ctx.processed_search_query : CGI.param('query') || l("Search Keyword") | html %]"
+ [% IF is_advanced %]style="width: 450px"[% END %]
+ onfocus="if (this.value=='[% l("Search Keyword") %]'){this.value='';this.style.color='#000';}"
+ onblur="if (this.value==''){this.value='[% l("Search Keyword") %]';this.style.color='#999';}"
+ x-webkit-speech />
+ </div>
+ <input name='page' type='hidden' value="0" />
+ </td>
+ <td valign="top">
+ <div class="pos-abs">
+ <div class="opac-auto-143">
+ <input id='search-submit-go' type="submit" value="[% l('Search') %]" alt="[% l('Search') %]" class="opac-button"
+ onclick='setTimeout(function(){$("search-submit-spinner").className=""; $("search-submit-go").className="hidden"}, 2000)'/>
+ <img id='search-submit-spinner' src='/opac/images/progressbar_green.gif' style='height:16px;width:16px;' class='hidden' alt=''/>
+ </div>
+ </div>
+ </td>
+ [% END %]
+ </tr>
+ [% UNLESS is_advanced OR is_special %]
+ <tr>
+ <td>
+ [% INCLUDE "opac/parts/coded_value_selector.tt2" attr=["mattype", "item_type"] none_ok=1 none_label=l('All Formats') %]
+ </td>
+ <td>
+ <span>
+ [% PROCESS build_org_selector name='loc' value=CGI.param('loc') %]
+ </span>
+ </td>
+ </tr>
[% END %]
- <div>
- [%- END %]
+ </table>
[% UNLESS took_care_of_form %]</form>[% END %]
[% IF (is_advanced AND NOT is_special) AND CGI.param('qtype') %]
<div class="opac-auto-102">
- <a href="
http://evergreen-ils.org"><img alt="[% l('Evergreen Logo') %]"
- src="[% ctx.media_prefix %]/opac/images/small_logo.jpg" /></a>
+ <a href="
/eg/opac/home"><img alt="[% l('Evergreen Logo') %]"
+ src="[% ctx.media_prefix %]/opac/images/small_logo.png" /></a>
INCLUDE "opac/parts/topnav.tt2";
ctx.page_title = l("Place Hold") %]
<div id="search-wrapper">
+ [% INCLUDE "opac/parts/printnav.tt2" %]
[% INCLUDE "opac/parts/searchbar.tt2" %]
</div>
<div id="content-wrapper">
INCLUDE "opac/parts/topnav.tt2";
ctx.page_title = l("Record Detail") %]
<div id="search-wrapper">
+ [% INCLUDE "opac/parts/printnav.tt2" %]
[% INCLUDE "opac/parts/searchbar.tt2" %]
</div>
<br class="clear-both" />
[% END %]
<div id="[% ctx.staff_saved_search_size ? 'main-content-after-bar' : 'main-content' %]">
[% INCLUDE "opac/parts/record/body.tt2" %]
- <div class="common-full-pad"></div>
+ <div class="common-full-pad"></div>
</div>
<br class="clear-both" />
</div>
%]
<form action="[% ctx.opac_root %]/results" method="GET">
<div id="search-wrapper">
+ [% INCLUDE "opac/parts/printnav.tt2" %]
[% INCLUDE "opac/parts/searchbar.tt2" took_care_of_form=1 %]
</div>
<div class="almost-content-wrapper">
</div>
[% END %]
<div class="results_header_div"></div>
- <label class="results_header_lbl">[% l('Sort by') %]
+ <div class="results_header_lbl">[% l('Sort by') %]</div>
[% INCLUDE "opac/parts/filtersort.tt2" value=CGI.param('sort') submit_on_change=1 %]
- </label>
<div class="results_header_div"></div>
<div class='results_header_sel' id='simple-detail-view-links'>
</div>
<div class="results_header_div"></div>
- <label class="results_header_lbl">
- <input type="checkbox" id="limit_to_available" name="modifier" value="available"
- onchange="limit_to_avail_onchange(this, true)"
- [% CGI.param('modifier').grep('available').size ? ' checked="checked"' : '' %] />
+ <input type="checkbox" id="limit_to_available" name="modifier" value="available"
+ onchange="limit_to_avail_onchange(this, true)"
+ [% CGI.param('modifier').grep('available').size ? ' checked="checked"' : '' %] />
+
+ <label for="limit_to_available" class="results_header_lbl">
[% l('Limit to available items') %]
</label>
<div class="clear-both"></div>
.normal-height { height: 15px; }
.big-height { height: 20px; }
.very-big-height { height: 30px; }
-#gold-links-holder { height: 24px; background: #252525; }
+#gold-links-holder { height: 24px; background: #13533f; }
.opac-auto-067 { margin: 3px; width: 100%; }
.big-block { margin: auto; width: 974px; height: 0px; }
.opac-auto-069 { margin-bottom: 10px; }
.opac-auto-135 { position: relative; top: -15px; left: -23px; }
.opac-auto-136 { position: relative; top: 161px; left: 172px; }
.opac-auto-137 { position: relative; top: 161px; left: -23px; }
-#home_adv_search_link { position: relative; top: -1px; left: 10px; }
+#home_adv_search_link { position: relative; top: -1px; left: 10px; color: 000000;}
#util_back_btn { position: relative; top: 1px; left: 10px; }
.opac-auto-140 { position: relative; top: -2px; }
#util_help_btn { position: relative; top: 2px; left: 40px; }
.opac-auto-174 { width: 111px; height: 25px; }
.opac-auto-175 { width: 125px; height: 21px; }
.opac-auto-176 { width: 129px; }
-#search_box { width: 162px; }
+#search_box { width: 162px; height: 20px; }
.opac-auto-178 { width: 174px; }
.selector_actions_for_list { width: 175px; margin-right: 11px; }
.opac-auto-179 optgroup { margin-left: 1em; font-weight: normal; font-style: italic; }
body {
- margin:0;
- font-family: Arial, Helvetica, sans-serif;
- font-size: 12px;
- background:#333;
+ margin:0;
+ font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ font-weight: 600;
+ background: #13533f url(/opac/images/header-bg.gif) repeat-x top left;
}
-img {
- border: none;
+a {
+ color: #000000;
+ text-decoration: none;
}
-a {
- color: #003399;
+a:hover {
+ text-decoration: underline;
+ font-weight: bold;
}
#search-wrapper input[type=text] {
- border:none;
- margin:0;
- padding:0;
+ padding:3px;
+ margin: 0;
+ border-radius:4px;
+ -webkit-box-shadow:
+ 0 3px 0 #ccc,
+ 0 -1px #fff inset;
+ background: #f8f8f8;
+ color:#13533f;
+ border: 2px solid #DEDEDE;
+ display: inline-block;
+ font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}
-#search-wrapper select, .results_header_lbl select {
- border:1px solid #e9ebf3;
+#search-wrapper select {
+ padding:3px;
+ margin: 0;
+ border-radius:4px;
+ -webkit-box-shadow:
+ 0 3px 0 #ccc,
+ 0 -1px #fff inset;
+ background: #f8f8f8;
+ color:#13533f;
+ border: 2px solid #DEDEDE;
+ display: inline-block;
+ -webkit-appearance:none;
+ cursor:pointer;
+ padding: 5px;
+ height:30px;
+ overflow: hidden;
+ font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
+}
+
+/*#search-wrapper select {
+ border:1px #e9eBf3;;
margin:0;
padding:0;
width:168px;
-}
+}*/
/*
#search-wrapper select {
background:url('/images/dropdown-hover.gif') no-repeat right center;
}
+#rdetails_status {
+ margin-top: 1.5em;
+}
+
#dash_wrapper {
width:500px;
position:relative;
}
#header-links {
- color: #afafaf;
- font-size: 11px;
- font-weight: bold;
+ color: #ffffff;
+ font-size: 12px;
+ font-weight: normal;
position: relative;
top:4px;
}
#header-links a {
- color: #afafaf;
+ color: #ffffff;
+ font-size: 13px;
+ font-weight: 700;
display: block;
float:left;
margin-right:22px;
#header-links a:hover {
color: white;
+ text-shadow: 0 0 0.2em #ffffff;
text-decoration: none;
}
}
#search-wrapper {
- border-bottom: 1px solid #e9ebf3;
padding-bottom: 5px;
- background: white;
+ background: #ffffff url(/opac/images/search-bg.gif) repeat-x top left;
+ min-height: 150px;
}
.search_box_wrapper {
- border:1px solid #e9ebf3;
+ border:1px solid #4f786c;
padding: 1px;
padding-left: 3px;
}
display: block;
margin: 10px 7px 10px 0px;
padding: 10px 0px 10px 0px;
- -moz-border-radius: 5%;
- border-radius: 5%;
+ -moz-border-radius: 4px 4px 4px 4px;
+ border-radius: 4px 4px 4px 4px;
font-weight: bold;
- color: #45709b;
- background: #9ad0f1;
+ color: #ffffff;
+ background: #2e8469;
font-weight: bold;
}
}
#adv_search.on, #num_search.on, #expert_search.on {
- color: #333333;
+ color: #13533f;
background: white;
}
#adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
- color: #333333;
+ color: #13533f;
background: white;
}
+#main-content input[type=text], #main-content select {
+ padding:3px;
+ margin: 0;
+ border-radius:4px;
+ -webkit-box-shadow:
+ 0 3px 0 #ccc,
+ 0 -1px #fff inset;
+ background: #f8f8f8;
+ color:#13533f;
+ border: 2px solid #DEDEDE;
+ display: inline-block;
+ -webkit-appearance:none;
+ cursor:pointer;
+ background: url("/images/login-bg.jpg") repeat-x scroll center top transparent;
+ background-size: 162px 50px;
+}
+
.acct-tab-off {
- background: #9ad0f1;
+ background: #2e8469;
}
#acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
margin-top: 0px;
font-size: 10px;
- color: #333333;
+ color: #ffffff;
padding: 10px 10px 10px 10px;
}
#acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
background: #e1e1e1;
- color: #333333;
+ color: #13533f;
}
#acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
#rdetail_header {
font-size:14px;
font-weight:bold;
- color:#074079;
+ color:#13533F;
padding: 5px 7px 6px 0px;
border-bottom: 1px dotted #ccc;
}
margin-top: 15px;
}
+#rdetail_title {
+ font-size: 18px;
+ font-weight: bold;
+ color: #13533f;
+}
+
#rdetail_image { border: none; }
#rdetail_image_cell {
padding-top: 3px;
padding-right: 50px;
}
-#rdetail_copies {
- clear: both;
- padding-top: 1.5em;
-}
-
#rdetails_status td, #rdetails_status2 td {
white-space:nowrap !important;
padding: 7px 0px 3px 13px;
}
-#rdetails_status thead th {
+#rdetail_copies {
+ clear: both;
+ padding-top: 1.5em;
+}
+
+#rdetails_status thead tr {
background-color: #d8d8d8;
padding: 13px 0px 13px 13px;
- font-size: 10px;
+ font-size: 13px;
text-transform: uppercase;
font-weight: bold;
- text-align: left;
+ text-align: left;
}
#rdetails_status tbody td {
padding-left: 13px;
- text-align: left;
+ text-align: left;
}
.rdetail_extras {
height: 29px;
- background: #9ad0f1;
+ background: #2e8469;
+ color: white;
padding-top:1px;
margin-bottom: 10px;
margin-top: 10px;
font-size: 10px;
text-transform: uppercase;
font-weight: bold;
+ color: white;
}
.rdetail_extras_lbl {
position: relative;
top: -4px;
left: 7px;
+ color: white;
+ font-size: 13px;
+ font-weight: bold;
}
#paginate-homebanner a.toc {
}
#hp-ql-table a {
- color: #333;
+ color: #13533f;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
}
.almost-content-wrapper {
- background: white;
+ background: #ffffff repeat-x top left;
}
#content-wrapper {
- background: white;
- min-height: 260px;
+ background: #ffffff repeat-x top left;
+ min-height: 150px;
border-bottom: 1px solid black;
}
#main-content .login_boxes {
border: 1px solid #dedede;
background:url('/images/login-bg.jpg') top repeat-x;
- color: #333;
+ color: #13533f;
}
#main-content .login_boxes h1 {
float: left;
font-size: 11px;
color: #191919;
+ position: relative;
+ top: 5px;
margin-right: 6px;
}
.results_header_nav1 .h1 {
font-size:14px;
font-weight:bold;
- color:#074079;
+ color:#13533F;
}
.start_end_links_span {
height:22px;
font-size:14px;
font-weight:bold;
- color:#074079;
+ color:#13533F;
padding: 0px 7px 0px 0px;
border-bottom: 1px dotted #ccc;
}
}
.search_catalog_lbl {
- font-size: 14px;
+ font-size: 16px;
+ font-weight: bold;
+ color: #13533F;
}
.lbl1 {
}
.myopac_payments_table th { text-align: left; }
-.myopac_payments_table thead th { border-bottom: 1px dashed #333; }
+.myopac_payments_table thead th { border-bottom: 1px dashed #13533f; }
.myopac_payments_table thead th:first-child { width: 8em; }
.myopac_payments_table tbody tr:nth-child(odd) { background-color: #ddd; }
.myopac_payments_table form { display: inline; }
color: white;
margin: auto;
width: 974px;
- color: #afafaf;
- font-size: 11px;
+ color: #ffffff;
+ font-size: 10px;
+ font-weight: 400;
}
#footer a {
- color: white;
- color: #afafaf;
+ color: #ffffff;
+ font-size: 13px;
+ font-weight: 700;
+}
+
+#footer a:hover {
+ color: white;
+ text-shadow: 0 0 0.2em #ffffff;
+ text-decoration: none;
}
.color_4 {
}
.advanced_div { padding-top: 15px; }
-#adv_global_search select { width: 13em; }
-#adv_global_input_table select { width: 7em; }
+
+#adv_global_search select {
+width: 13em;
+ padding:3px;
+ margin: 0;
+ border-radius:4px;
+ -webkit-box-shadow:
+ 0 3px 0 #ccc,
+ 0 -1px #fff inset;
+ background: #f8f8f8;
+ color:#13533f;
+ outline:none;
+ display: inline-block;
+ -webkit-appearance:none;
+ cursor:pointer;
+ font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
+}
+
+#adv_global_input_table select {
+ width: 7em;
+ padding:3px;
+ margin: 0;
+ border-radius:4px;
+ -webkit-box-shadow:
+ 0 3px 0 #ccc,
+ 0 -1px #fff inset;
+ background: #f8f8f8;
+ color:#13533f;
+ outline:none;
+ display: inline-block;
+ -webkit-appearance:none;
+ font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
+}
+
.adv_adv_link { font-size: 8pt; color: red; }
#acct_prefs_header { float: left; }
+#limit_to_available {
+ float: left; position: relative; top: 2px;
+ left: -2px; margin-right: 4px;
+}
.search_page_nav_link { cursor: pointer; }
#opac.result.sort { width: 160px; }
.renew-summary { font-size: 125%; font-style: italic; margin: 0.5ex 0; }
.opac-button, .results_header_btns, #simple-detail-view-links {
color: white;
font-weight: bold;
- -moz-border-radius: 5%;
- border-radius: 5%;
- background: #1784c7;
+ -moz-border-radius: 4px 4px 4px 4px;
+ border-radius: 4px 4px 4px 4px;
+ background: #2E8469;
+ font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
+ height: 30px;
}
.results_header_btns a, #simple-detail-view-links a {
}
a.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover {
- background: #359ee0;
+ background: #26a67e;
text-decoration: none;
}
top: 10px;
}
-#myopac_checked_div {
- padding: 0px;
-}
-
.rdetail_copy_counts {
margin-top: 1em;
}
#rdetail_record_details {
clear: both;
- margin-top: 1em;
+ margin-top: 1.5em;
+ padding-top: 1.5em;
}
.rdetail_subject_type {
vertical-align: top;
font-weight: bold;
}
-
-.bookbag-item-row td { vertical-align: top; }
-
+
.rdetail_related_subjects {
margin-top: 1.5em;
}
margin-top: 1.5em;
}
-#rdetail_openurl {
- margin-top: 1em;
-}
-
-.rdetail_openurl_entry {
- margin-left: 1em;
- padding-left: 1em;
-}
-
-.rdetail-mfhd-head {
- margin-top: 5px;
- padding-top: 5px;
- background-color: #D8D8D8;
-}
-
-.rdetail-mfhd-type {
- padding-left: 1em;
+#myopac_checked_div {
+ padding: 0px;
}
-.rdetail-mfhd-bottom {
- border-bottom: thin solid black;
- width: 100%;
-}
+.bookbag-item-row td { vertical-align: top; }
projects / working / Evergreen.git / commitdiff
