/* once done renaming and everything, combine with style.css */
-.opac-auto-001 { background: #2bb0fd; }
-.opac-auto-002 { background: #54987f; }
-.opac-auto-003 { background: #decc92; }
+
+/* Verfied in-use classes --------------------------- */
.opac-auto-004 { background: #E0F0E0; }
-.opac-auto-005 { background: #ffc331; }
-.gray-back { background: gray; }
-.pink-back { background: pink; }
-.white-back { background: white; }
.opac-auto-009 { border: 3px solid #E0E0E0; }
.opac-auto-010 { border-bottom: 1px dotted #ccc; padding-top: 10px; }
.opac-auto-011 { border-bottom: 1px dotted #ccc; padding-top: 6px; }
.opac-auto-012 { border-bottom: none; }
.opac-auto-013 { border-bottom: none; *height: 0px; }
-.opac-auto-014 { border-collapse: collapse; }
.opac-auto-015 { border-left: 1px solid #e9ebf3; padding-right: 27px; }
-.opac-auto-016 { border: none; }
.opac-auto-017 { border: none; width: 100%; }
.opac-auto-018 { border-top: 1px dotted #ccc; padding-top: 17px; }
-.opac-auto-019 { border-top: none; }
.clear-both { clear: both; }
.common-no-pad { clear: both; height: 0px; margin: 0px; padding: 0px; }
.common-full-pad { clear: both; height: 15px; }
.red { color: red; }
.bold-red { color: red; font-weight: bold }
.pointer { cursor: pointer; }
+/* ------------------------------------------- */
+
+
#lib_selector_span { display: none }
.float-left { float: left; }
.opac-auto-039 { float: left; font-weight: bold; padding-top: 5px; }
font-weight:bold;
}
-.hide_me {
+.hide_me, .hidden {
display: none;
visibility: hidden;
}
/>
</td>
<td width="40%" style="padding-left:5px;">
- <span title="Click to sort" style="cursor:pointer;">
+ <span title="Click to sort" class='pointer'>
Title
</span> /
- <span title="Click to sort" style="cursor:pointer;">
+ <span title="Click to sort" class='pointer'>
Author
</span>
</td>
<td width="8%" style="padding-right:5px;" align="center">
- <span title="Click to sort" style="cursor:pointer;">
- Renews<br />Left
+ <span title="Click to sort" class='pointer'>Renews<br />Left
</span>
</td>
<td width="13%" style="padding-left:5px;">
- <span title="Click to sort" style="cursor:pointer;">Due Date
- </span>
+ <span title="Click to sort" class='pointer'>Due Date</span>
</td>
<td width="16%">
- <span title="Click to sort" style="cursor:pointer;">barcode</span>
+ <span title="Click to sort" class='pointer'>barcode</span>
</td>
<td width="22%">
- <span title="Click to sort" style="cursor:pointer;">call number</span>
+ <span title="Click to sort" class='pointer'>call number</span>
</td>
</tr>
</table>
border='0' width='100%'>
<tr>
<td width="45%" style="padding-left:15px;">
- <span title="Click to sort"
- style="cursor:pointer;">Title</span> /
- <span title="Click to sort"
- style="cursor:pointer;">Author</span>
+ <span title="Click to sort" class='pointer'>Title</span> /
+ <span title="Click to sort" class='pointer'>Author</span>
</td>
<td width="22%"
style="white-space:nowrap;padding-left:5px;">
- <span title="Click to sort"
- style="cursor:pointer;">Call Number</span>
+ <span title="Click to sort" class='pointer'>Call Number</span>
</td>
<td width="11%">
- <span title="Click to sort"
- style="cursor:pointer;">Checkout</span>
+ <span title="Click to sort" class='pointer'>Checkout</span>
</td>
<td width="11%">
- <span title="Click to sort"
- style="cursor:pointer;">Due Date</span>
+ <span title="Click to sort" class='pointer'>Due Date</span>
</td>
<td width="11%">
- <span title="Click to sort"
- style="cursor:pointer;">Returned</span>
+ <span title="Click to sort" class='pointer'>Returned</span>
</td>
</tr>
</table>
<tr id='myopac_fines_summary_row'>
<td id='myopac_fines_summary_total'>[% money(ctx.fines.total_owed) %]</td>
<td id='myopac_fines_summary_paid'>[% money(ctx.fines.total_paid) %]</td>
- <td id='myopac_fines_summary_balance' style='color:red;font-weight: bold;'>[% money(ctx.fines.balance_owed) %]</td>
+ <td id='myopac_fines_summary_balance' class='bold-red'>[% money(ctx.fines.balance_owed) %]</td>
</tr>
</tbody>
</table>
<!--
<div id='accrue_explanation' class='hide_me'>
<span>Transactions whose balances are marked with a</span>
- <span style='color:red; font-weight: bold'>*</span>
+ <span class='bold-red'>*</span>
<span>will continue to accrue fines until the checked out item is returned.</span>
</div>
-->
<!-- Table for all non-circulation transactions -->
<div id='myopac_trans_div'>
<br/>
- <hr style="border-bottom:none;*height:0px;" color="#dcdbdb" />
+ <hr class='opac-auto-013' color="#dcdbdb" />
<br/>
<table width='100%' class='data_grid data_grid_center'
id='myopac_trans_table'>
width='100%'>
<tbody>
<tr>
- <td width='100%'
- style='color:red;'>
+ <td width='100%' class='red'>
[% l("Your account expired on") %]
<span id='myopac.expired.date'></span>!
[% l("Please see a librarian to renew your account.") %]</td>
</tr>
</tbody>
</table><br />
- <hr style="border-bottom:none;*height:0px;" color="#DCDBDB" />
+ <hr class='opac-auto-013' color="#DCDBDB" />
<br />
<table width='100%' class='light_border data_grid'>
<table id='adv_global_search' class='data_grid data_grid_center' width='100%'>
<tr style='border-bottom: none;'>
<!-- Contains the user-addable(?) rows to define search class, containment and text -->
- <td valign='top' style='border-bottom: none;'>
+ <td valign='top' class='opac-auto-012'>
<table width='100%' id='adv_global_input_table'>
<thead>
<tr>
</td>
<td valign='top'>
<strong>[% l("Sort Criteria") %]</strong>
- <table style='border: none; width: 100%;'>
+ <table class='opac-auto-017'>
<tr>
<td align='center' width='100%'>
<table class='' width='100%'>
<tr class='border_4_2'>
<td align="left" colspan='2'>
<!-- XXX TODO make a real form, and make this a real submitter -->
- <img src="[% ctx.media_prefix %]/images/search_btn.gif" alt="[% l('Search') %]" style="cursor:pointer;" />
+ <img src="[% ctx.media_prefix %]/images/search_btn.gif" alt="[% l('Search') %]" class='pointer' />
<!-- XXX TODO make a real form, and make this a real resetter -->
<a href="javascript:;" style="position: relative; top: -9px;">Reset Form</a>
<!-- XXX TODO make a real form, and make a real submitter (quick
submit, FKA advGenericSearch() -->
<img src="[% ctx.media_prefix %]/images/search_btn.gif"
- alt="[% l('Search') %]" id="adv_quick_submit" style="cursor:pointer;" />
+ alt="[% l('Search') %]" id="adv_quick_submit" class='pointer' />
</div>
</div>
</div>
class='classic_link' href='javascript:advAddMARC();'>[% l("Add Row") %]</a>
<!-- XXX TODO make a real form, and make a real submitter (FKA
advMARCRun()) -->
- <img alt="Search" src="[% ctx.media_prefix %]/images/search_btn.gif" style="cursor:pointer;" />
+ <img alt="Search" src="[% ctx.media_prefix %]/images/search_btn.gif" class='pointer' />
</div>
</div>
<td class='holds_cell'>
<div style='margin-bottom: 5px;'>
<span>[% l("Acceptable Alternative Formats:") %] </span>
- <span><a class='classic_link' style='color:red;'
- href='#'>[% l("(Help)") %]</a></span>
+ <span><a class='classic_link red' href='#'>[% l("(Help)") %]</a></span>
</div>
<div>[% l("(control-click to select multiple formats)") %]</div>
</td>
<table class="hide_me">
<tbody>
- <tr style='border: 3px solid #E0E0E0;' id='rdetail_volume_details_row' templateRow='1'>
+ <tr class='opac-auto-009' id='rdetail_volume_details_row' templateRow='1'>
<td colspan='10'>
<div style='text-align: center; margin-top: 6px; margin-bottom: 6px'>
<a name='print' href='#' class='classic_link'>[% l("print these details") %]</a>
<tr><td>[% l("Publisher") %]</td><td colspan='2' name='publisher'></td></tr>
<tr><td>[% l("Physical Description") %]</td><td colspan='2' name='phys'></td></tr>
<tr>
- <td colspan='3' style='background: #E0F0E0;'> </td>
+ <td colspan='3' class='opac-auto-004'> </td>
</tr>
<tr name='cnrow'>
<td><b>[% l("Call Number") %]</b></td>
</table>
<!-- <table class='hide_me'>
<tbody>
- <tr style='border: 3px solid #E0E0E0;' id='rdetail_volume_details_row'><td colspan='10'></td></tr>
+ <tr class='opac-auto-009' id='rdetail_volume_details_row'><td colspan='10'></td></tr>
</tbody>
</table> -->
<br/><br/>
<strong>Patron Reviews:</strong>
<div id='rdetail_chilifresh_reviews' class='hide_me' style="margin-bottom:20px;">
<div id='chilifreshReviewLink' name='chilifreshReviewLink' class='chili_review'></div>
- <div id='chilifreshReviewResult' name='chilifreshReviewResult' style='display:none'></div>
+ <div id='chilifreshReviewResult' name='chilifreshReviewResult' class='hidden'></div>
</div>
<strong>Reviews:</strong>
<div id='rdetail_review_container' style="margin-bottom:20px;"></div>
<td valign="top">
<span id='rdetail_title'>[% attrs.title %]</span><br />
[% IF attrs.author %]
- <span style="color:#545454;">[% l("Author") %]:</span>
+ <span class='opac-auto-030'>[% l("Author") %]:</span>
<em><a title='[% l("Perform an author search") %]'
id='rdetail_author'
href="[% ctx.opac_root %]/results?query=author%3a[% attrs.author | replace('[,\.:;]', '') | uri %]&loc=[% loc %]">[% attrs.author %]</a>
<td align="right" valign="top" nowrap="nowrap" style="white-space:nowrap;">
<div style="width:230px;text-align:left;margin-top:3px;">
<div style="float:right;">
- <div style="border-bottom:1px dotted #ccc;padding-top:10px;"
- class="rdetail_aux_utils">
+ <div class="rdetail_aux_utils opac-auto-010">
<a href="[% ctx.opac_root %]/place_hold?hold_target=[% record.id %]&hold_type=T" id="rdetail_place_hold"><img
src="[% ctx.media_prefix %]/images/green_check.png" alt="place hold" />
<span style="position:relative;top:-3px;left:3px;">Place Hold</span></a>
</td>
</tr>
</table>
- <div style="border-top: 1px dotted #ccc;padding-top:17px;">
+ <div class='opac-auto-018'>
<table border="0" cellpadding="0" width="100%">
<tr>
<td nowrap='nowrap' valign="top">
<div style="width:174px;" class="hide_me" id="tehSideBar">SIDEBAR TODO
</div>
</td>
- <td style="border-left:1px solid #e9ebf3;padding-right:27px;"
- width="1"></td>
+ <td class='opac-auto-015' width="1"></td>
<td valign="top">
<table id="res_table" cellpadding="0" cellspacing="0"
border="0" width="100%" style="margin-top:10px;">
class='result_table_format_cell' align="center" width="1"
style="padding:0px 10px;">
<img alt="Format" src="" class="hide_me" name="" />
- <span class='hide_me'
- style='color: #9999FF; padding-left: 10px; font-size: 7pt; font-weight: 300;'>
+ <span class='hide_me opac-auto-031'>
<span>[% l("Match Score: ") %] </span>
<span name='relevancy_span'> </span>
</span>
<td nowrap='nowrap' width="1" align="right">
<div style="width:250px;text-align:left;">
<div style="float:right;">
- <div style="border-bottom:1px dotted #ccc;padding-top:10px;"
- class="results_aux_utils"><a
+ <div class="results_aux_utils opac-auto-010"><a
href="[% ctx.opac_root %]/place_hold?hold_target=[% rec.bre.id %]&hold_type=T" name="place_hold_link"><img
src="[% ctx.media_prefix %]/images/green_check.png"
alt="place hold" /><span
style="position:relative;top:-3px;left:3px;">Place Hold</span></a>
</div>
- <div style="border-bottom:1px dotted #ccc;padding-top:6px;" class="results_aux_utils">
+ <div class="results_aux_utils opac-auto-011">
<div style="position:absolute;">
<div style="position:relative;top:5px; left: 25px;">
<a title="Add to my list"
<tr>
<td colspan="5">
<div style="height:0px;border-top:1px solid #b7b7b7;border-bottom:1px solid #d4d4d4;margin:15px 0px;"></div>
- <!-- <hr style="border-bottom:none;*height:0px;" color="#FFCC33" /> -->
+ <!-- <hr class='opac-auto-013' color="#FFCC33" /> -->
</td>
</tr>
</tbody>