From: William Rockwood <wrockwood@tadl.org>
Date: Wed, 13 Mar 2013 17:48:00 +0000 (-0400)
Subject: Whimsical additions for youth view, minor improvements to normal view
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=a28aebc92a6fa591f7c70a13d1b80d893cac3b83;p=evergreen%2Ftadl.git

Whimsical additions for youth view, minor improvements to normal view

- Added various 'ys' classes to customize display in youth dept
- Made "sort by" box bigger in search results view
- improved padding/spacing on numerous elements in both "themes"
- added a couple background images (concentric is currently in use)
- New youth slideshow

Signed-off-by: William Rockwood <wrockwood@tadl.org>
---

diff --git a/css/tadl.css b/css/tadl.css
index 0079d6a5ab..5c4f729cc8 100644
--- a/css/tadl.css
+++ b/css/tadl.css
@@ -6,6 +6,10 @@ body {
 	background: #f0f2f5 url(/images/tadl/header-top-shadow-bg.png) left top repeat-x;
 }
 
+body.ys {
+	background: url(/images/tadl/concentric.png) center top fixed;
+}
+
 img {
 	border: none;
 }
@@ -72,7 +76,10 @@ h1 {
 }
 
 h1.home-header {
-	padding-left:3em;
+	font-size:2.5em;
+//	padding-left:3em;
+	text-align:center;
+	margin-bottom:1em;
 }
 
 h2 {
@@ -167,15 +174,23 @@ span.dash_divider {
     width:960px;
     margin: 0 auto;
     background:none;
-    background-color: #f0f2f5;
 }
 #header {
 	color: #fff;
-	padding: 22px 10px 0 10px;
+	padding: 12px 10px 0 10px;
 	margin-left: 0;
 	font-size:11px;
 	background: #f0f2f5 url(/images/tadl/header-top-shadow-bg.png) left top repeat-x;
 }
+#header.ys {
+	background: rgba(240,242,245,0.5);
+	-webkit-border-bottom-left-radius:10px;
+	-moz-border-bottom-left-radius:10px;
+	border-bottom-left-radius:10px;
+	-webkit-border-bottom-right-radius:10px;
+	-moz-border-bottom-right-radius:10px;
+	border-bottom-right-radius:10px;
+}
 
 #header a {
 	color: #fff;
@@ -255,14 +270,12 @@ span.dash_divider {
 #search-wrapper {
         width:960px;
         margin:0 auto;
-	border-bottom: 1px solid #e9ebf3;
 	padding-bottom: 0;
-	background: #f0f2f5;
 }
 
 .searchbar {
 	margin-top:5px;
-	padding-left:5em;
+	padding-left:3em;
 	padding-bottom:10px;
 	text-align:left;
 }
@@ -298,10 +311,20 @@ span.dash_divider {
 
 #search-wrapper #search-box {
 	padding-left: 0px;
+	background: #f0f2f5;
 }
 #search-box a:hover {
 	color:#f70;
 }
+#search-wrapper #search-box.ys {
+	background: rgba(240,242,245,0.5);
+	-webkit-border-top-left-radius:10px;
+	-moz-border-top-left-radius:10px;
+	border-top-left-radius:10px;
+	-webkit-border-top-right-radius:10px;
+	-moz-border-top-right-radius:10px;
+	border-top-right-radius:10px;
+}
 
 #utils {
 	float:right;
@@ -424,9 +447,14 @@ span.dash_divider {
 .rdetail_header {
     padding: 5px 7px 6px 0px;
     margin-left: 1em;
-    border-bottom: 1px solid #e6e6e6;
+    clear:both;
+//    border-bottom: 1px solid #e6e6e6;
 }
 
+#copy_hold_counts {
+	padding-top:1em;
+	clear:both;
+}
 .rdetail_results a {
     color:#424242;
     font-weight:bold;
@@ -480,6 +508,14 @@ div#rdetail_actions_div {
     background: white;
     border: 1px solid #e6e6e6;
 }
+div#rdetail_actions_div.ys {
+	-webkit-border-bottom-left-radius:10px;
+	-moz-border-bottom-left-radius:10px;
+	border-bottom-left-radius:10px;
+	-webkit-border-top-left-radius:10px;
+	-moz-border-top-left-radius:10px;
+	border-top-left-radius:10px;
+}
 
 span#rdetail_copy_counts {
     display: inline-block;
@@ -560,7 +596,10 @@ div.format_icon {
 	font-size: 10px;
 	text-transform: uppercase;
 	font-weight: bold;
-    text-align: left;
+	text-align: left;
+}
+#rdetails_status.ys thead th {
+	background: rgba(255,119,0,0.5);
 }
 
 #rdetails_status tbody td {
@@ -599,6 +638,10 @@ div.format_icon {
 	color: white;
 }
 
+#rdetail_extras_div.ys {
+	display:none;
+}
+
 #paginate-homebanner a.toc {
 	display:block;
 	width:20px;
@@ -706,7 +749,7 @@ div.format_icon {
 .almost-content-wrapper {
 	width:960px;
 	margin:0 auto;
-	background: white;
+	background: none transparent;
 }
 
 #content-wrapper {
@@ -717,7 +760,10 @@ div.format_icon {
 	border-bottom: none;
 }
 
-.content-wrapper-record-page { top: -15px; position: relative; }
+#content-wrapper.ys {
+	background: rgba(240,242,245,0.5);
+}
+.content-wrapper-record-page { top: -16px; position: relative; }
 
 #main-content-home {
     padding-left: 0;
@@ -786,7 +832,9 @@ div.format_icon {
 
 #results_header_bar {
 	background: #929292;
-	border-top:1px solid #8b8b8b;
+}
+#results_header_bar.ys {
+	background: rgba(255,119,0,0.5);
 }
 
 #results_header_inner {
@@ -800,19 +848,20 @@ div.format_icon {
 	float: left;
 	width: 0px;
 	height: 38px;
-	border-left: 1px solid #7c7c7c;
-	border-right: 1px solid #9c9c9c;
 	margin: 0px 13px;
 }
 
 .results_header_lbl {
 	font-weight: bold;
 	float: left;
-	font-size: 11px;
+	font-size:13px;
 	color: #191919;
 	background: #929292;
 	margin-right: 6px;
-	padding-top:10px;
+	padding-top:8px;
+}
+.results_header_lbl.ys {
+        background: none transparent;
 }
 
 .results_header_sel {
diff --git a/images/butterfly.png b/images/butterfly.png
new file mode 100644
index 0000000000..53b9475729
Binary files /dev/null and b/images/butterfly.png differ
diff --git a/images/concentric.png b/images/concentric.png
new file mode 100644
index 0000000000..24bb104a2a
Binary files /dev/null and b/images/concentric.png differ
diff --git a/templates_tadlskin/opac/advanced.tt2 b/templates_tadlskin/opac/advanced.tt2
index 220c56fd20..26389b3861 100644
--- a/templates_tadlskin/opac/advanced.tt2
+++ b/templates_tadlskin/opac/advanced.tt2
@@ -26,7 +26,7 @@
             </div>
         </div>
     </div>
-    <div id="content-wrapper">
+    <div id="content-wrapper"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
         <div id="main-content">
             <div class="advanced_div">
             [% IF pane == 'advanced' %]
diff --git a/templates_tadlskin/opac/cnbrowse.tt2 b/templates_tadlskin/opac/cnbrowse.tt2
index a290b64546..9fcafd9aa4 100644
--- a/templates_tadlskin/opac/cnbrowse.tt2
+++ b/templates_tadlskin/opac/cnbrowse.tt2
@@ -9,7 +9,7 @@
     <div id="search-wrapper">
         [% INCLUDE "opac/parts/searchbar.tt2" %]
     </div>
-    <div id="content-wrapper">
+    <div id="content-wrapper"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
         <div id="main-content">
             <div class="cnbrowse_div">
                 [% INCLUDE "opac/parts/record/cnbrowse.tt2" %]
diff --git a/templates_tadlskin/opac/home.tt2 b/templates_tadlskin/opac/home.tt2
index 1d0a6eaad5..37c53b3ee7 100644
--- a/templates_tadlskin/opac/home.tt2
+++ b/templates_tadlskin/opac/home.tt2
@@ -8,7 +8,7 @@
     <div id="search-wrapper">
         [% INCLUDE "opac/parts/searchbar.tt2" %]
     </div>
-    <div id="content-wrapper">
+    <div id="content-wrapper"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
         <div id="main-content-home">
             <div class="common-full-pad"></div>
             [%- IF ctx.physical_dept == 'ys' %]
diff --git a/templates_tadlskin/opac/login.tt2 b/templates_tadlskin/opac/login.tt2
index 29994adbf3..158720269e 100644
--- a/templates_tadlskin/opac/login.tt2
+++ b/templates_tadlskin/opac/login.tt2
@@ -5,7 +5,7 @@
     <div id="search-wrapper">
         [% INCLUDE "opac/parts/searchbar.tt2" %]
     </div>
-    <div id="content-wrapper">
+    <div id="content-wrapper"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
         <div id="main-content">
             [% INCLUDE "opac/parts/login/form.tt2" %]
             <div class="clear-both very-big-height"></div>	
diff --git a/templates_tadlskin/opac/mylist.tt2 b/templates_tadlskin/opac/mylist.tt2
index b77eeaec72..516bb0254c 100644
--- a/templates_tadlskin/opac/mylist.tt2
+++ b/templates_tadlskin/opac/mylist.tt2
@@ -6,7 +6,7 @@
     <div id="search-wrapper">
         [% INCLUDE "opac/parts/searchbar.tt2" %]
     </div>
-    <div id="content-wrapper">
+    <div id="content-wrapper"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
         <div id="main-content">
             [%  IF ctx.mylist.size;
                     INCLUDE "opac/parts/anon_list.tt2";
diff --git a/templates_tadlskin/opac/parts/base.tt2 b/templates_tadlskin/opac/parts/base.tt2
index 6cb85ef8b6..ce9ab91d1f 100644
--- a/templates_tadlskin/opac/parts/base.tt2
+++ b/templates_tadlskin/opac/parts/base.tt2
@@ -19,7 +19,7 @@
         <link rel="unapi-server" type="application/xml" title="unAPI" href="/opac/extras/unapi" />
         [% INCLUDE 'opac/parts/goog_analytics.tt2' %]
     </head>
-    <body[% IF want_dojo; ' class="tundra"'; END %]>
+    <body[% IF want_dojo; ' class="tundra"'; END %][% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
         [% content %] 
         [% INCLUDE 'opac/parts/footer.tt2' %]
         [% INCLUDE 'opac/parts/js.tt2' %]
diff --git a/templates_tadlskin/opac/parts/homesearch_ys.tt2 b/templates_tadlskin/opac/parts/homesearch_ys.tt2
index 32b3e460c5..0240b70270 100644
--- a/templates_tadlskin/opac/parts/homesearch_ys.tt2
+++ b/templates_tadlskin/opac/parts/homesearch_ys.tt2
@@ -1,6 +1,6 @@
 <div id="homesearch_main_logo">
-<h1 class="home-header">[% l("New Books"); %]</h1>
-<iframe width="960" height="240" src="https://www.tadl.org/slider/youth.php" frameborder="0" marginwidth="5" marginheight="5" scrolling="no" style="background:#F0F2F5;text-align:center"></iframe>
-<h1 class="home-header">[% l("On Display"); %]</h1>
-<iframe width="960" height="200" src="https://www.tadl.org/slider/youthdisplay.php" frameborder="0" marginwidth="5" marginheight="5" scrolling="no" style="background:#F0F2F5;text-align:center"></iframe>
+<h1 class="home-header">[% l("New Books!"); %]</h1>
+<iframe width="960" height="350" src="https://www.tadl.org/slider/youth/index.php" frameborder="0" marginwidth="5" marginheight="5" scrolling="no" style="text-align:center"></iframe>
+<!-- <h1 class="home-header">[% l("On Display"); %]</h1>
+<iframe width="960" height="200" src="https://www.tadl.org/slider/youthdisplay.php" frameborder="0" marginwidth="5" marginheight="5" scrolling="no" style="text-align:center" allowtransparency="true"></iframe> -->
 </div>
diff --git a/templates_tadlskin/opac/parts/myopac/base.tt2 b/templates_tadlskin/opac/parts/myopac/base.tt2
index c433c6a9ca..7a79890945 100644
--- a/templates_tadlskin/opac/parts/myopac/base.tt2
+++ b/templates_tadlskin/opac/parts/myopac/base.tt2
@@ -13,7 +13,7 @@
     <div id="search-wrapper">
         [% INCLUDE "opac/parts/searchbar.tt2" %]
     </div>
-    <div id="content-wrapper">
+    <div id="content-wrapper"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
         <div id="myopac_tabs">
             <div id="acct_tabs">
                 [%- FOREACH page IN myopac_pages;
diff --git a/templates_tadlskin/opac/parts/record/copy_table.tt2 b/templates_tadlskin/opac/parts/record/copy_table.tt2
index c4b230f4fc..7bf9aa42a1 100644
--- a/templates_tadlskin/opac/parts/record/copy_table.tt2
+++ b/templates_tadlskin/opac/parts/record/copy_table.tt2
@@ -27,7 +27,7 @@ END;
 -%]
 [%- IF has_copies; %]
 <div style="clear:both;">
-<table cellpadding="0" cellspacing="0" border="0" width="100%" id="rdetails_status">
+<table cellpadding="0" cellspacing="0" border="0" width="935" id="rdetails_status"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
     <thead>
         <tr>
             [% IF serial_holdings -%]
diff --git a/templates_tadlskin/opac/parts/record/extras.tt2 b/templates_tadlskin/opac/parts/record/extras.tt2
index 1f40f036ff..9c7547880d 100644
--- a/templates_tadlskin/opac/parts/record/extras.tt2
+++ b/templates_tadlskin/opac/parts/record/extras.tt2
@@ -1,5 +1,5 @@
 <div>
-    <div id='rdetail_extras_div' style='width: 100%;'> 
+    <div id='rdetail_extras_div' style='width: 100%;'[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]> 
 
         [%  # Hidden extras are not yet implemented.  Some may require JS
 
diff --git a/templates_tadlskin/opac/parts/record/summary.tt2 b/templates_tadlskin/opac/parts/record/summary.tt2
index 4b981b1a0a..d3c5487e39 100644
--- a/templates_tadlskin/opac/parts/record/summary.tt2
+++ b/templates_tadlskin/opac/parts/record/summary.tt2
@@ -9,7 +9,7 @@
     [% INCLUDE 'opac/parts/record/refworks.tt2' %]
 [%- END %]
 
-<hr />
+<!-- <hr /> -->
 
 [%-# This holds the record summary information %]
 <div id="rdetail_summary_header">
@@ -41,7 +41,7 @@
         <br />
     </div>
 
-    <div id="rdetail_actions_div">
+    <div id="rdetail_actions_div"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
 	[% IF !args.ezproxy %]
 				<div class="rdetail_aux_utils rdetail_aux_copycounts">
 					[%- INCLUDE "opac/parts/record/copy_counts.tt2" %]
diff --git a/templates_tadlskin/opac/parts/searchbar.tt2 b/templates_tadlskin/opac/parts/searchbar.tt2
index 113b146962..ae5cc07415 100644
--- a/templates_tadlskin/opac/parts/searchbar.tt2
+++ b/templates_tadlskin/opac/parts/searchbar.tt2
@@ -1,5 +1,5 @@
 [% PROCESS "opac/parts/org_selector.tt2" %]
-<div id="search-box">    
+<div id="search-box"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>    
     [% UNLESS took_care_of_form -%]
     <form action="[% ctx.opac_root %]/results" method="GET">
     [%- END %]
diff --git a/templates_tadlskin/opac/parts/topnav.tt2 b/templates_tadlskin/opac/parts/topnav.tt2
index 3de7e2b3d5..c6fe410125 100644
--- a/templates_tadlskin/opac/parts/topnav.tt2
+++ b/templates_tadlskin/opac/parts/topnav.tt2
@@ -1,6 +1,6 @@
 [% IF !ctx.is_staff %]
 <div id="header-wrap">
-<div id="header">
+<div id="header"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
     [% IF ctx.user && !CGI.cookie('ezproxy') %]
     <iframe style="display: none;" height="1" width="1" src="https://www.tadl.org/proxyvia/login?url=http://via.tadl.org/loggedin/login.html"></iframe>
     [% END %]
diff --git a/templates_tadlskin/opac/password_reset.tt2 b/templates_tadlskin/opac/password_reset.tt2
index 4da16c9383..eef8f28e29 100644
--- a/templates_tadlskin/opac/password_reset.tt2
+++ b/templates_tadlskin/opac/password_reset.tt2
@@ -19,7 +19,7 @@
             'If a matching account with an email address is found, you will soon receive an email at that address with further instructions for resetting your password.')
     }
 %]
-<div id="content-wrapper">
+<div id="content-wrapper"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
     <div id="main-content">
         <br/>
         <p class='[% ctx.pwreset.style %]'>[% stat = ctx.pwreset.status; msg_map.$stat %]</p>
diff --git a/templates_tadlskin/opac/place_hold.tt2 b/templates_tadlskin/opac/place_hold.tt2
index 3c8d89e99e..3c928518d2 100644
--- a/templates_tadlskin/opac/place_hold.tt2
+++ b/templates_tadlskin/opac/place_hold.tt2
@@ -5,7 +5,7 @@
     <div id="search-wrapper">
         [% INCLUDE "opac/parts/searchbar.tt2" %]
     </div>
-    <div id="content-wrapper">
+    <div id="content-wrapper"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
         <div id="main-content">
             <div class="common-full-pad"></div>	
             [% IF ctx.hold_attempt_made %]
diff --git a/templates_tadlskin/opac/record.tt2 b/templates_tadlskin/opac/record.tt2
index 9503cb82a0..6fbe0a55f1 100644
--- a/templates_tadlskin/opac/record.tt2
+++ b/templates_tadlskin/opac/record.tt2
@@ -6,7 +6,7 @@
         [% INCLUDE "opac/parts/searchbar.tt2" %]
     </div>
     <br class="clear-both" />
-    <div id="content-wrapper" class="content-wrapper-record-page">
+    <div id="content-wrapper" class="content-wrapper-record-page[% IF ctx.physical_dept == 'ys'; ' ys'; END %]">
         [% IF ctx.staff_saved_search_size %]
         <div id="results-side-bar">
             <div id="staff-saved-search">
diff --git a/templates_tadlskin/opac/record/email.tt2 b/templates_tadlskin/opac/record/email.tt2
index bafd20aa98..87fcfee4f2 100644
--- a/templates_tadlskin/opac/record/email.tt2
+++ b/templates_tadlskin/opac/record/email.tt2
@@ -7,7 +7,7 @@
         [% INCLUDE "opac/parts/searchbar.tt2" %]
     </div>
     <br class="clear-both" />
-    <div id="content-wrapper" class="content-wrapper-record-page">
+    <div id="content-wrapper" class="content-wrapper-record-page[% IF ctx.physical_dept == 'ys'; ' ys'; END %]">
         <div id='main-content'>
             <br/>
             <h2 class='success'>[% l('Your email has been queued for Delivery.') %]</h2>
diff --git a/templates_tadlskin/opac/results.tt2 b/templates_tadlskin/opac/results.tt2
index 67f7023432..4677368763 100644
--- a/templates_tadlskin/opac/results.tt2
+++ b/templates_tadlskin/opac/results.tt2
@@ -19,7 +19,7 @@
         [% INCLUDE "opac/parts/searchbar.tt2" took_care_of_form=1 %]
     </div>
     <div class="almost-content-wrapper">
-        <div id="results_header_bar">
+        <div id="results_header_bar"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
             <div id="results_header_inner">
 <!--                <div class="float-left">
                     <a class="tbutton small tadlblue" href="[% mkurl(ctx.opac_root _ '/home') %]"><span>[% l('Another Search') %]</span></a>
@@ -37,7 +37,7 @@
                 </div>
                 [% END %]
                 <div class="results_header_div"></div>
-                    <label class="results_header_lbl">[% l('Sort by') %]
+                    <label class="results_header_lbl[% IF ctx.physical_dept == 'ys'; ' ys'; END %]"><!-- [% l('Sort by') %] -->
                     [% INCLUDE "opac/parts/filtersort.tt2" value=CGI.param('sort') submit_on_change=1 %]
                     </label>
                     <div class="results_header_div"></div>
@@ -51,7 +51,7 @@
                     </div>
                     <div class="results_header_div"></div>
 
-                    <label class="results_header_lbl">
+                    <label class="results_header_lbl[% IF ctx.physical_dept == 'ys'; ' ys'; END %]">
                         <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"' : '' %] />
@@ -62,8 +62,7 @@
         </div>
     </div>
     </form>
-    <br class="clear-both" />
-    <div id="content-wrapper">
+    <div id="content-wrapper"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
         <div id="main-content">
             <div id="results-page">
                 [% path = "opac/parts/result/" _
diff --git a/templates_tadlskin/opac/sms_cn.tt2 b/templates_tadlskin/opac/sms_cn.tt2
index 6a1dc16db5..978e0baff5 100644
--- a/templates_tadlskin/opac/sms_cn.tt2
+++ b/templates_tadlskin/opac/sms_cn.tt2
@@ -5,7 +5,7 @@
     <div id="search-wrapper">
         [% INCLUDE "opac/parts/searchbar.tt2" %]
     </div>
-    <div id="content-wrapper">
+    <div id="content-wrapper"[% IF ctx.physical_dept == 'ys'; ' class="ys"'; END %]>
         <div id="main-content">
             <div class="common-full-pad"></div>
             <div>