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 0079d6a..5c4f729 100644 (file)
--- 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 (file)
index 0000000..53b9475
Binary files /dev/null and b/images/butterfly.png differ

diff --git a/images/concentric.png b/images/concentric.png
new file mode 100644 (file)
index 0000000..24bb104
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 220c56f..26389b3 100644 (file)
--- 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 a290b64..9fcafd9 100644 (file)
--- 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 1d0a6ea..37c53b3 100644 (file)
--- 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 29994ad..1587202 100644 (file)
--- 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 b77eeae..516bb02 100644 (file)
--- 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 6cb85ef..ce9ab91 100644 (file)
--- 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 32b3e46..0240b70 100644 (file)
--- 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 c433c6a..7a79890 100644 (file)
--- 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 c4b230f..7bf9aa4 100644 (file)
--- 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 1f40f03..9c75478 100644 (file)
--- 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 4b981b1..d3c5487 100644 (file)
--- 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 113b146..ae5cc07 100644 (file)
--- 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 3de7e2b..c6fe410 100644 (file)
--- 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 4da16c9..eef8f28 100644 (file)
--- 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 3c8d89e..3c92851 100644 (file)
--- 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 9503cb8..6fbe0a5 100644 (file)
--- 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 bafd20a..87fcfee 100644 (file)
--- 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 67f7023..4677368 100644 (file)
--- 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 6a1dc16..978e0ba 100644 (file)
--- 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>