kill a lot of inline styling, add some more js stubs, fix a bug in advanced.tt2
authorsenator <lebbeous@esilibrary.com>
Fri, 4 Feb 2011 16:33:21 +0000 (11:33 -0500)
committersenator <lebbeous@esilibrary.com>
Fri, 4 Feb 2011 16:33:21 +0000 (11:33 -0500)
Open-ILS/web/opac/skin/kcls-wire/css/semiauto.css
Open-ILS/web/opac/skin/kcls-wire/js/misc.js
Open-ILS/web/templates/default/kcls-wire/advanced.tt2
Open-ILS/web/templates/default/kcls-wire/parts/cn_browse.tt2
Open-ILS/web/templates/default/kcls-wire/parts/homesearch.tt2
Open-ILS/web/templates/default/kcls-wire/parts/libselect.tt2
Open-ILS/web/templates/default/kcls-wire/parts/searchbar.tt2
Open-ILS/web/templates/default/kcls-wire/parts/tips.tt2
Open-ILS/web/templates/default/kcls-wire/parts/topnav.tt2

index f8009cf..8e01ae1 100644 (file)
@@ -27,7 +27,7 @@
 .red { color: red; }
 .bold-red { color: red; font-weight: bold }
 .pointer { cursor: pointer; }
-.no-display { display: none }
+#lib_selector_span { display: none }
 .float-left { float: left; }
 .opac-auto-039 { float: left; font-weight: bold; padding-top: 5px; }
 .opac-auto-040 { float: left; padding: 5px 0px 0px 10px; }
@@ -38,7 +38,7 @@
 .opac-auto-046 { float: right; width: 214px; }
 .opac-auto-047 { float: right; width: 353px; background: #ccc; padding: 10px; margin-top: 7px; }
 .opac-auto-048 { float: right; width: 65px; }
-.opac-auto-049 { float: right; width: 675px; height: 213px; color: green; overflow: hidden; }
+#they_said_dont_touch { float: right; width: 675px; height: 213px; color: green; overflow: hidden; }
 .opac-auto-050 { float: right; width: 85px; }
 .ten-px { font-size: 10px; }
 .eleven-px { font-size: 11px; }
@@ -54,7 +54,7 @@
 .normal-height { height: 15px; }
 .big-height { height: 20px; }
 .very-big-height { height: 30px; }
-.opac-auto-066 { height: 24px; background: #252525; }
+#gold-links-holder { height: 24px; background: #252525; }
 .opac-auto-067 { margin: 3px; width: 100%; }
 .big-block { margin: auto; width: 974px; height: 0px; }
 .opac-auto-069 { margin-bottom: 10px; }
@@ -62,7 +62,7 @@
 .opac-auto-071 { margin-bottom: 5px; }
 .opac-auto-072 { margin-left: 20px; }
 .opac-auto-073 { margin-left: 5px; margin-top: 5px; }
-.opac-auto-074 { margin-left: 6px; }
+#cn_browse_where { margin-left: 6px; }
 .opac-auto-075 { margin-right: 20px; }
 .opac-auto-076 { margin-right: 3px; }
 .opac-auto-077 { margin-right: 4px; position: relative; top: -10px; }
 .opac-auto-122 { padding-top: 7px; }
 .opac-auto-123 { padding-top: 8px; }
 .pos-abs { position: absolute; }
-.opac-auto-126 { position: absolute; z-index: 101; }
+#new_cat_link_holder { position: absolute; z-index: 101; }
+#new_cat_link_holder a { display: block; width: 675px; height: 213px; }
 .pos-rel { position: relative; }
-.opac-auto-128 { position: relative; left: -10px; }
+#search-box table { position: relative; left: -10px; }
 .opac-auto-129 { position: relative; left: -19px; }
 .opac-auto-130 { position: relative; left: 80px; }
 .opac-auto-131 { position: relative; top: 0px; left: 55px; }
 .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; }
-.opac-auto-138 { position: relative; top: -1px; left: 10px; }
+#home_adv_search_link { position: relative; top: -1px; left: 10px; }
 #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-145 { position: relative; top: -3px; left: 3px; }
 .opac-auto-146 { position: relative; top: -3px; left: -5px; }
 .opac-auto-147 { position: relative; top: -5px; }
-.opac-auto-148 { position: relative; top: 5px; }
+#learn_more { position: relative; top: 5px; }
 .opac-auto-149 { position: relative; top: 5px; left: 25px; }
 #util_print_btn { position: relative; top: 5px; left: 30px; }
 .opac-auto-151 { position: relative; top: 75px; }
 .opac-auto-174 { width: 111px; height: 25px; }
 .opac-auto-175 { width: 125px; height: 21px; }
 .opac-auto-176 { width: 129px; }
-.opac-auto-177 { width: 162px; }
+#search_box { width: 162px; }
 .opac-auto-178 { width: 174px; }
 .opac-auto-179 { width: 175px; margin-right: 11px; }
 .opac-auto-180 { width: 182px; color: black; padding: 5px 25px; }
 .opac-auto-189 { width: 742px; float: left; }
 .opac-auto-190 { width: 88px; }
 .opac-auto-191 { width: 90px; }
-.opac-auto-192 { width: 90%; text-align: center; margin: 10px; }
+#cn_browse_div > div { width: 90%; text-align: center; margin: 10px; }
 .opac-auto-193 { width: 91px; }
-.opac-auto-194 { width: 95%; text-align: center; padding: 15px; }
+#cn_browse { width: 95%; text-align: center; padding: 15px; }
 .opac-auto-195 { width: 99%; text-align: center }
index 8ca55fd..aa76a38 100644 (file)
@@ -137,6 +137,9 @@ function advAddGblRow() {
     $n(newrow, 'type').focus();
 }
 
+var rdetailShowExtra = _stub; /* XXX TODO reimplement without JS? */
+var cnBrowsePrev = _stub;
+var cnBrowseNext = _stub;
 var rdetailNewBookbag = _stub; /* XXX TODO reimplement without JS? */
 var addMyList = _stub; /* XXX TODO we probably still need this one */
 var listSaveAction = _stub; /* XXX TODO we probably still need this one */
index 3cd4ced..654a84b 100644 (file)
@@ -1,7 +1,6 @@
 [%  WRAPPER "default/kcls-wire/parts/base.tt2";
     INCLUDE "default/kcls-wire/parts/topnav.tt2";
     ctx.page_title = "Advanced Search" %]
-[% END -%]
     <div id="search-wrapper">
         [% INCLUDE "default/kcls-wire/parts/utils.tt2" %]
         <div id="adv_search_parent">
index b104391..ce65236 100644 (file)
@@ -1,11 +1,12 @@
 <!-- ****************** cn_browse.xml ***************************** -->
-<div id='cn_browse' class='hide_me cn_browser' 
-    style='width: 95%; text-align: center; padding: 15px;'>
-    <div id='cn_browse_loading' class='cn_browse_loading hide_me'>&common.cn.loading;</div>
+<div id='cn_browse' class='cn_browser'>
+    <div id='cn_browse_loading' class='cn_browse_loading hide_me'>
+        &common.cn.loading;
+    </div>
     <div id='cn_browse_div'> 
-        <div style='width: 90%; text-align: center; margin: 10px;' class='color_4'>
+        <div class='color_4'>
             <span>&common.cn.browsing;</span>
-            <b style='margin-left: 6px;' id='cn_browse_where'> </b>
+            <b id='cn_browse_where'> </b>
         </div>
         <table class='data_grid bookshelf' width='100%'>
             <thead>
@@ -26,7 +27,7 @@
                     <td id='cn_browse_td' class='cn_browse_item' width='25%' valign='top'>
                         <a><img height='60' width='50' 
                             class='cn_browse_info' name='cn_browse_pic' border='0' /></a>
-                        <div style='font-weight: bold;' class='cn_browse_info' name='cn_browse_cn'></div>
+                        <div class='cn_browse_info bold' name='cn_browse_cn'></div>
                         <div class='cn_browse_info'>
                             <a name='cn_browse_title' class='classic_link'></a>
                         </div>
index acb738e..7e70e6c 100644 (file)
@@ -3,14 +3,12 @@
   <div id="hp-welcome">
     <h1>Welcome to the<br />New Library Catalog!</h1>
     Featuring enhanced holds, management<br />tools, improved self checkout, and more.<br /><br />
-    <a href="http://www.kcls.org/newcatalog" style="position:relative;top:5px;">Learn more &raquo;</a><br /><br />
-    
+    <a href="http://www.kcls.org/newcatalog" id="learn_more">Learn more &raquo;</a>
+    <br /><br />
     <div id="paginate-homebanner">
-      <!-- <a href="#" class="next">next</a>
-      <a href="#" class="prev">prev</a> -->
-      
       
 <!-- ************************************ home page rotator navigator start ************************************* -->
+    <!-- these are presumably temporary anyway, no need to use css -->
       <a class="toc" href="#1" rel="1" style="background:gray;"></a>
       <a class="toc" href="#2" rel="2" style="background:#ffc331;"></a>
       <a class="toc" href="#3" rel="3" style="background:pink;"></a>
       <a class="toc" href="#7" rel="7" style="background:white;"></a>
 <!-- **************************************** home page navigator end ******************************************* -->
 
-
-
-
 <!-- DON'T TOUCH THESE NEXT 4 LINES! -->
     </div>
   </div>
-  <div style="float:right;width:675px;height:213px;color:green;overflow:hidden;">
-  <div id="homebanner" class="sliderwrapper">
-  
-  
-  
-  
-  
+  <div id="they_said_dont_touch">
+    <div id="homebanner" class="sliderwrapper">
   
 <!-- ************************************ home page banner start ********************************************** -->
     <div class="contentdiv" style="background:white;">
       </td></tr></table>
     </div>
 <!-- ************************************* home page banner end *********************************************** -->
-
-
-
-
-
-
   </div>
-
 <script type="text/javascript">
 featuredcontentslider.init({
 id: "homebanner",
@@ -89,20 +72,23 @@ autorotate: [true, 3000] //pause time (in milliseconds)
 })
 </script>
 
-    <div style="position:absolute;z-index:101;"><div style="position:relative;"><a href="http://www.kcls.org/newcatalog" style="display:block;width:675px;height:213px;"></a></div></div>
-      <img alt="New catalog" src="/opac/skin/kcls/graphics/banner1.jpg" />
-    
-    
-    
-  </div>
+        <div id="new_cat_link_holder">
+            <div class="pos-rel">
+                <a href="http://www.kcls.org/newcatalog"></a>
+            </div>
+        </div>
+        <img alt="New catalog" src="/opac/skin/kcls/graphics/banner1.jpg" />
+    </div>
 </div>
 
 <div id="hp-buttons">
-  <div style="float:left;"><img src="/opac/skin/kcls/graphics/hp-links-left.jpg" /></div>
-  <div style="float:left;">
+    <div class="float-left">
+        <img src="/opac/skin/kcls/graphics/hp-links-left.jpg" />
+    </div>
+    <div class="float-left">
     <div id="home-buttons-inner">
       <table cellpadding="0" cellspacing="5" border="0" id="hp-ql-table">
-          <tr><td colspan="4"><span style="color: #333;font-weight: bold;font-size: 13px;">Browse for:</span></td></tr>
+          <tr><td colspan="4"><span class="opac-auto-029">Browse for:</span></td></tr>
         <tr><td><a href="http://www.kcls.org/booksandreading/">books</a></td><td><a href="http://www.kcls.org/movies/movies_browse.cfm">movies</a></td><td><a href="http://www.kcls.org/ecollection/">downloads</a></td><td><a href="http://www.kcls.org/websites/">websites</a></td></tr>
         <tr><td><a href="http://www.kcls.org/music/">music</a></td><td><a href="http://www.kcls.org/databases/subject_categories.cfm#17">magazines</a></td><td><a href="http://www.kcls.org/databases/">databases</a></td><td><a href="http://www.kcls.org/answers/">answers</a></td></tr>
       </table>
index 984c999..8e1df13 100644 (file)
@@ -2,7 +2,7 @@
     <span id='depth_selector_span'>
         <select id='depth_selector'><!-- XXX TODO --></select>
     </span>
-    <span style="display:none" id='lib_selector_span'>
+    <span id='lib_selector_span'>
         <a id='lib_selector_link' class='classic_link'
             href='javascript:void(0)'>&library.select.help;</a>
     </span>
index 6dade98..97c88f6 100644 (file)
@@ -1,11 +1,10 @@
 <div id="search-box">    
-    <table cellpadding="0" cellspacing="10" border="0"
-        style="position:relative;left:-10px;">
+    <table cellpadding="0" cellspacing="10" border="0">
         <tr>
             <td colspan="3">
                 <span class="search_catalog_lbl">Search the Catalog</span>
-                <a href="[% skin_root %]advanced" id="home_adv_search_link"
-                    style="position:relative;top:-1px;left:10px;"><span
+                <a href="[% skin_root %]advanced"
+                    id="home_adv_search_link"><span
                     class="adv_search_font">Advanced Search</span></a>
             </td>
         </tr>
@@ -15,7 +14,7 @@
             </td>
             <td>
                 <div id="search_box_wrapper">
-                    <input type="text" id="search_box" style="width:162px;"
+                    <input type="text" id="search_box"
                         value="Search Keyword"
                         onfocus="if (this.value=='Search Keyword'){this.value='';this.style.color='#000';}"
                         onblur="if (this.value==''){this.value='Search Keyword';this.style.color='#999';}" />
@@ -23,8 +22,8 @@
                 </div>
             </td>
             <td valign="top">
-                <div style="position:absolute;">
-                    <div style="position:relative;top:-3px;">
+                <div class="pos-abs">
+                    <div class="opac-auto-143">
                         <input type="button" id="search_submit" value="GO"
                             class="hide_me" /><a href="javascript:;"
                             id="search_submit_alt"
@@ -47,9 +46,9 @@
     </table>
     <div class="hide_me">
         <input type="checkbox" id="opac.result.limit2avail" />
-        <label style="position:relative;top:-3px;"
+        <label class="opac-auto-143"
             for="opac.result.limit2avail">
-            <span style="font-size:10px;">Limit to available items</span>
+            <span class="ten-px">Limit to available items</span>
         </label>
       </div>
       <div id="breadcrumb">
index 477429e..95a9b35 100644 (file)
@@ -5,7 +5,7 @@
             <span>&common.tips.tip1;</span>
             <span>&common.tips.tip2;</span>
         </div>
-        <span style="font-weight: bold;">&tips.label;</span>
+        <strong>&tips.label;</strong>
     </div>
 </div>
 <!-- ****************** end: tips.xml ***************************** -->
index 215a38c..a088be3 100644 (file)
@@ -1,9 +1,9 @@
 <!-- ****************** top_nav.xml ***************************** -->
 <div id="header">
-    <div style="float:left;"><a
+    <div class="float-left"><a
         href="http://www.kcls.org"><img alt="KCLS Logo"
         src="/opac/skin/kcls/graphics/KCLS_logo_horiz.gif" /></a></div>
-    <div style="float:right;">
+    <div class="float-right">
         <div id="your-acct-login"><a
             href="[% skin_root %]login" id="home_myopac_link"><img
             alt="Your Account Log in"
@@ -15,7 +15,7 @@
     </div>
     <div class="common-no-pad"></div>
 </div>
-<div style="height:24px;background:#252525;">
+<div id="gold-links-holder">
     <div id="gold-links">
         <div id="header-links">
             <a href="http://www.kcls.org/usingthelibrary/index.cfm">Using the Library</a>