Templatize TPAC styles
authorDan Scott <dscott@laurentian.ca>
Thu, 26 Jul 2012 21:39:06 +0000 (17:39 -0400)
committerThomas Berezansky <tsbere@mvlc.org>
Mon, 30 Jul 2012 19:53:31 +0000 (15:53 -0400)
Begin by gathering the colors together in one consistent file, such that
skinning for the purposes of color only needs to touch one small file.
Also, it should make things easier for designers to reduce drastically
the number of colors that are actually used in the design.

Also, enable TT to handle the CSS files in Apache configuration.

Also, convert the login background image into a simple gradient.

Signed-off-by: Dan Scott <dscott@laurentian.ca>
Signed-off-by: Thomas Berezansky <tsbere@mvlc.org>
Open-ILS/examples/apache/eg_vhost.conf
Open-ILS/src/perlmods/lib/OpenILS/WWW/EGCatLoader.pm
Open-ILS/src/perlmods/lib/OpenILS/WWW/EGWeb.pm
Open-ILS/src/templates/opac/css/style.css.tt2 [new file with mode: 0644]
Open-ILS/src/templates/opac/parts/base.tt2
Open-ILS/src/templates/opac/parts/css/colors.tt2 [new file with mode: 0644]
Open-ILS/web/css/skin/default/opac/style.css [deleted file]
Open-ILS/web/images/login-bg.jpg [deleted file]

index cabf5e3..c0ff745 100644 (file)
@@ -633,7 +633,7 @@ RewriteRule ^/openurl$ ${openurl:%1} [NE,PT]
 # Apache to serve the file.  However, in the interest of speed, go ahead 
 # and tell Apache to avoid asking OpenILS::WWW::EGWeb for static content.
 # Add more exemptions as needed.
-<LocationMatch ^/eg/.*(\.js|\.css|\.html|\.xhtml|\.xml|\.jpg|\.png|\.gif)$>
+<LocationMatch ^/eg/.*(\.js|\.html|\.xhtml|\.xml|\.jpg|\.png|\.gif)$>
     SetHandler None
 </LocationMatch>
 
index 6f68647..ca9b149 100644 (file)
@@ -115,6 +115,7 @@ sub load {
         $path =~ /opac\/my(opac\/lists|list)/;
 
     return $self->load_simple("home") if $path =~ m|opac/home|;
+    return $self->load_simple("css") if $path =~ m|opac/css|;
     return $self->load_simple("advanced") if
         $path =~ m:opac/(advanced|numeric|expert):;
 
index f44a0af..1baf0ab 100644 (file)
@@ -23,8 +23,6 @@ sub handler {
     my $ctx = load_context($r);
     my $base = $ctx->{base_path};
 
-    $r->content_type('text/html; encoding=utf8');
-
     my($template, $page_args, $as_xml) = find_template($r, $base, $ctx);
     $ctx->{page_args} = $page_args;
 
@@ -210,6 +208,12 @@ sub find_template {
 
     my @parts = split('/', $path);
     my $localpath = $path;
+
+    if ($localpath =~ m|opac/css|) {
+        $r->content_type('text/css; encoding=utf8');
+    } else {
+        $r->content_type('text/html; encoding=utf8');
+    }
     my @args;
     while(@parts) {
         last unless $localpath;
diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
new file mode 100644 (file)
index 0000000..ec75480
--- /dev/null
@@ -0,0 +1,1559 @@
+[%- PROCESS "opac/parts/css/colors.tt2" %]
+
+body {
+       margin:0;
+       font-family: Arial, Helvetica, sans-serif;
+       font-size: 12px;
+       background: [% css_colors.primary %];
+}
+
+img {
+       border: none;
+}
+
+#topnav_logo {
+       padding-bottom: 25px;
+}
+
+#homesearch_main_logo {
+        padding-top: 60px;
+}
+
+a {
+       color: [% css_colors.primary %];
+}
+
+#search-wrapper input[type=text] {
+       margin:0;
+       padding:0;
+}
+
+#search-wrapper select, .results_header_lbl select {
+       border:1px solid [% css_colors.border_standard %];
+       margin:0;
+       padding:0;
+       width: 12em;
+}
+
+.searchbar {
+    font-weight: bold;
+    padding-top: 10px;
+}
+
+/*
+#search-wrapper select {
+       border:0px solid black;
+       filter:alpha(opacity=0);
+       -moz-opacity:0;
+       -khtml-opacity:0;
+       opacity:0;
+       padding:0;
+       margin:0;
+       height:18px;
+       font-size: 12px;
+}
+*/
+h1 {
+       margin:0;
+       margin-bottom: 5px;
+       font-size: 20px;
+       font-weight:normal;
+}
+
+h2 {
+       font-size: 16px;
+       font-weight:bold;
+}
+
+.hide_me, .hidden {
+       display: none;
+       visibility: hidden;
+}
+
+div.select-box-wrapper {
+       position:absolute;
+       padding-top:2px;
+       padding-left:3px;
+       overflow:hidden;
+       text-align:left;
+}
+
+div.select-wrapper {
+       border:1px solid #4C8AB0;
+       display:inline-block;
+       position:relative;
+       z-index:2;
+       background:url('/images/dropdown.gif') no-repeat right center;
+}
+
+div.select-wrapper:hover {
+       background:url('/images/dropdown-hover.gif') no-repeat right center;
+}
+
+#dash_wrapper {
+       position: relative;
+    top: -2em;
+}
+
+#dash_wrapper div {
+       position: relative;
+    vertical-align: middle;
+    background: [% css_colors.primary %];
+    border-radius: 5px;
+    height: 3em;
+    padding: 0em 1em 0em 1em;
+}
+
+span.dash_divider {
+    margin: 0em 1em 0em 1em;
+       position: relative;
+    top: 10px;
+    color: [% css_colors.primary_fade %];
+}
+
+#dashboard {
+       clear:both;
+       float:right;
+    margin-top: 1em;
+    background: [% css_colors.primary %];
+    border-radius: 5px;
+    height: 3em;
+}
+
+#dashboard span.dash-align a {
+       font-weight: bold;
+       text-decoration: none;
+       position: relative;
+    top: 10px;
+}
+
+#dash_user {
+       font-weight: bold;
+       text-transform: capitalize;
+    position: relative;
+    top: 10px;
+}
+
+#logout_link { left: 1px; }
+
+#dash_checked { color: [% css_colors.text_attention %]; }
+#dash_holds { color: [% css_colors.text_attention %]; }
+#dash_pickup { color: [% css_colors.text_goodnews %]; }
+#dash_fines { color: [% css_colors.text_badnews %]; }
+#header-wrap {
+    background: linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
+    background: -moz-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
+    background: -o-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
+    background: -webkit-linear-gradient([% css_colors.primary %], [% css_colors.primary_fade %]);
+    background-color: [% css_colors.primary_fade %];
+}
+#header {
+       color: [% css_colors.background %];
+       padding-top: 26px;
+       margin-left: 1em;
+       font-size:11px;
+}
+
+#header a {
+       color: [% css_colors.background %];
+}
+
+#header a:hover {
+       color: [% css_colors.text_invert %];
+       text-decoration: none;
+}
+
+#header-links {
+       color: [% css_colors.text_invert %];
+       font-size: 11px;
+       font-weight: bold;
+       position: relative;
+       top:4px;
+       
+}
+
+#header-links a {
+       color: [% css_colors.text_invert %];
+       display: block;
+       float:left;
+       margin-right:22px;
+       text-decoration: none;
+}
+
+#header-links a:hover {
+       color: [% css_colors.text_invert %];
+       text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
+       text-decoration: none;
+}
+
+#header #header-links2 {
+       position:relative;
+       top:-8px;
+       color: [% css_colors.text_invert %];
+       padding-bottom: 15px;
+}
+
+#header #header-links2 a {
+       color: [% css_colors.text_invert %];
+}
+
+#header #header-links2 a:hover {
+       text-decoration: underline;
+}
+
+#header #your-acct-login {
+       padding-top:10px;
+}
+
+#gold-links {
+       margin-left: 1em;
+       padding-left:0px;
+}
+
+#gold-links-home {
+       margin:auto;
+       padding-left:0px;
+}
+
+#gold-links-holder {
+    height: 24px;
+    background: [% css_colors.background_invert %];
+}
+
+#util-bar {
+       margin-left: 1em;
+       padding-left:0px;
+       height:0px;
+}
+
+#search-wrapper {
+       border-bottom: 1px solid [% css_colors.border_standard %];
+       padding-bottom: 5px;
+       background: [% css_colors.background %];
+}
+
+.search_box_wrapper {
+       padding: 10px 5px 5px 3px;
+}
+
+#search-wrapper #breadcrumb {
+       margin-top:0px;
+       font-size: 10px;
+       float:left;
+}
+
+#search-wrapper #search-within {
+       margin-top:10px;
+       float:right;
+       position:relative;
+       left:-173px;
+}
+
+#search-wrapper #breadcrumb a {
+       color: [% css_colors.text %];
+}
+
+#search-wrapper #search_frm label {
+       font-size: 10px;
+}
+
+#search-wrapper #search-box {
+       margin-left: 1em;
+       padding-left: 0px;
+       padding-top: 10px;
+       padding-bottom: 10px;
+}
+
+#utils {
+       float:right;
+       z-index:1;
+       width:150px;
+       height:30px;
+       background:url('/images/utils-corner-left.png') no-repeat left top;
+       padding-left: 3px;
+       color: [% css_colors.text_invert %];
+       position:relative;
+}
+
+#utils a {
+       color: [% css_colors.text_invert %];
+       font-size: 10px;
+}
+
+#adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
+       height: 40px;
+       margin-left: 1em;
+}
+
+#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
+    float: left;
+    text-align: center;
+    vertical-align: middle;
+    display: block;
+    margin: 10px 7px 10px 0px;
+    padding: 10px 0px 10px 0px;
+    -moz-border-radius: 10px 10px 0px 0px; 
+    border-radius: 10px 10px 0px 0px;
+    font-weight: bold;
+    color: [% css_colors.text_invert %];
+    background: [% css_colors.control %];
+    font-weight: bold;
+    text-decoration: none;
+}
+
+#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
+    padding: 1em 1em 0.5em;
+}
+
+#adv_search_tabs a:hover, #acct_tabs a:hover, #acct_fines_tabs a:hover, #acct_checked_tabs a:hover, #acct_holds_tabs a:hover, #acct_prefs_tabs a:hover {
+    background: [% css_colors.primary %]; 
+    color: [% css_colors.text_invert %];
+    text-decoration: none;
+}
+
+#adv_search.on, #num_search.on, #expert_search.on {
+    color: [% css_colors.accent_darker %];
+    background: [% css_colors.background %];
+    text-decoration: none;
+}
+
+#adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
+    color: [% css_colors.accent_darker %];
+    background: [% css_colors.background %];
+    text-decoration: none;
+}
+
+.acct-tab-off {
+    background: [% css_colors.control %];
+}
+
+#acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
+    margin-top: 0px;
+    font-size: 10px;
+    color: [% css_colors.accent_darker %];
+    padding: 10px 10px 10px 10px;
+}
+
+#acct_checked_tabs div.selected a, #acct_holds_tabs div.selected a, #acct_prefs_tabs div.selected a {
+    background: [% css_colors.accent_lightest %];
+    color: [% css_colors.accent_darker %];
+}
+
+#acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
+    padding-bottom: 12px;
+    color: [% css_colors.accent_medium %];
+}
+
+.rdetail_header {
+    padding: 5px 7px 6px 0px;
+    margin-left: 1em;
+    border-bottom: 1px dotted [% css_colors.accent_light %];
+}
+
+.rdetail_results a {
+    color:[% css_colors.primary_fade %];
+    font-weight:bold;
+    font-size: 1.2em;
+}
+
+.rdetail_result_count {
+    color: [% css_colors.text %];
+    font-weight: normal;
+    padding-left: 1em;
+    display: inline-block;
+}
+
+.rdetail_result_nav {
+    font-weight:normal;
+    padding-left: 1em;
+    display: inline-block;
+}
+
+#rdetail_details_table {
+       margin-top: 15px;
+}
+
+#rdetail_image { border: none; }
+#rdetail_image_cell {
+       padding-top: 3px;
+       padding-right: 10px;
+}
+
+h2.rdetail_uris {
+    margin-top: 1em;
+}
+div.rdetail_uris {
+    padding: 0.5em 1em 0.5em 1em;
+    background-color: lightGray;
+}
+div.rdetail_uris ul li {
+    position: relative;
+    left: 1em;
+}
+
+div.rdetail_show_copies {
+    margin-top: 1em;
+}
+
+div#rdetail_actions_div {
+    float: right;
+    background: [% css_colors.background %];
+}
+
+span#rdetail_copy_counts {
+    display: inline-block;
+    border-right: thin;
+    vertical-align: top;
+    margin-right: 1em;
+    padding-right: 1em;
+}
+
+span#rdetail_hold_counts {
+    display: inline-block;
+    vertical-align: top;
+}
+
+#rdetail_image_div {
+    float: left;
+    margin-right: 1em;
+}
+
+.rdetail_aux_utils {
+       border-left:1px dotted [% css_colors.accent_light %];
+       padding-left: 17px;
+       padding-bottom: 6px;
+       padding-right: 70px;
+}
+
+div.place_hold {
+    border-bottom: 1px dotted [% css_colors.accent_light %];
+    padding-top: 10px;
+}
+
+span.place_hold {
+    position:relative;
+    top:-3px;
+    left:3px;
+}
+
+div.toggle_list { padding-top: 6px; }
+
+div.format_icon {
+    float: right;
+    margin-right: 17px;
+}
+
+.results_aux_utils {
+       border-left:1px dotted [% css_colors.accent_light %];
+       padding-left: 17px;
+       padding-bottom: 6px;
+       padding-right: 50px;
+}
+
+.result_util {
+    border-bottom: 1px dotted [% css_colors.accent_light %];
+    padding-top: 6px;
+}
+
+.results_reviews {
+    position: relative;
+    top: -5px;
+}
+
+#rdetail_copies {
+    padding-top: 1.5em;
+}
+
+#rdetails_status td, #rdetails_status2 td {
+       white-space:nowrap !important;
+       padding: 7px 0px 3px 13px;
+}
+
+#rdetails_status thead th {
+       background-color: [% css_colors.accent_lighter2 %];
+       padding: 13px 0px 13px 13px;
+       font-size: 10px;
+       text-transform: uppercase;
+       font-weight: bold;
+    text-align: left;
+}
+
+#rdetails_status tbody td {
+       padding-left: 13px;
+    text-align: left;
+}
+
+.rdetail_extras {
+       height: 29px;
+       background: [% css_colors.primary %];
+       padding-top:1px;
+       margin-bottom: 10px;
+       margin-top: 10px;
+       clear:both;
+}
+
+.rdetail_extras_hr {
+       height: 1px;
+       background: [% css_colors.accent_light %];
+       margin-left: 1px;
+       margin-right: 1px;
+}
+
+.rdetail_extras_link {
+       padding-top: 4px;
+       padding-left: 12px;
+       font-size: 10px;
+       text-transform: uppercase;
+       font-weight: bold;
+}
+
+.rdetail_extras_lbl {
+       position: relative;
+       top: -4px;
+       left: 7px;
+       color: [% css_colors.text_invert %];
+}
+
+#paginate-homebanner a.toc {
+       display:block;
+       width:20px;
+       height:20px;
+       background:gray;
+       float:left;
+       margin-left:2px;
+       margin-right:2px;
+       margin-top:2px;
+}
+
+#rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
+       margin-left: 13px;
+}
+
+#rdetail_locs_expand, #rdetail_locs_collapse {
+       padding-bottom:3px;
+       margin-top:15px;
+       margin-left:13px;
+}
+
+#rdetail_anotes_div .biography {
+       margin:0;
+}
+
+#paginate-homebanner a.selected {
+       border: 2px solid black;
+       margin-top:0px;
+       margin-left:0px;
+       margin-right:0px;
+}
+
+#hp-buttons {
+       margin: auto;
+       margin-top: 6px;
+    margin-left: 1em;
+}
+
+#hp-welcome {
+       position:absolute;
+       width:295px;
+       height:192px;
+       background: url('/images/banner-bg.png') no-repeat;
+       color: [% css_colors.background %];
+       padding-left: 33px;
+       padding-top: 21px;
+       z-index:9999999999;
+}
+
+#hp-welcome h1 {
+       font-size: 25px;
+       margin-bottom:15px;
+}
+
+#hp-welcome a {
+       color: [% css_colors.background %];
+       text-decoration: underline;
+}
+
+#hp-banner {
+       margin-left: 1em;
+       height: 213px;
+}
+
+#hp-ql-table {
+       margin-left: 2px;
+       padding-top: 3px;
+}
+
+#hp-ql-table a {
+       color: [% css_colors.accent_darker %];
+       font-weight: bold;
+       font-size: 13px;
+       text-transform: uppercase;
+       text-decoration: none;
+       display: block;
+       width: 144px;
+       height: 25px;
+       padding-top: 9px;
+       padding-left: 15px;
+       background: url('/images/button-bg.png') no-repeat;
+}
+
+#hp-ql-bottom {
+       height: 31px;
+       padding-left: 24px;
+       padding-top: 13px;
+       background: url('/images/hp-links-mid.jpg') repeat-x;
+}
+
+#hp-ql-bottom a {
+       display: inline-block;
+       text-decoration: none;
+       color: [% css_colors.text_invert %];
+       font-size: 15px;
+       font-weight: bold;
+}
+
+#hp-ql-bottom img {
+    position:relative;
+    top:-1px;
+    left:2px;
+}
+
+.almost-content-wrapper {
+       background: [% css_colors.background %];
+}
+
+#content-wrapper {
+       background: [% css_colors.background %];
+       min-height: 260px;
+       border-bottom: 1px solid black;
+}
+
+.content-wrapper-record-page { top: -15px; position: relative; }
+
+#main-content-home {
+       padding-left: 17px;
+    margin-left: 1em;
+}
+#main-content {
+       padding-left: 0px;
+    margin-left: 1em;
+}
+
+#main-content-after-bar {
+       margin-left: 1em;
+       padding-left: 4px;
+}
+
+#results-side-bar { float: left; width: 174px; margin-right: 5px; background: [% css_colors.background %]; }
+
+#main-content .login_boxes {
+       border: 1px solid [% css_colors.accent_lighter %];
+    background: linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
+    background: -moz-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
+    background: -ms-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
+    background: -o-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
+    background: -webkit-linear-gradient(bottom, [% css_colors.accent_ultralight %] 15%, [% css_colors.accent_lightest %] 55%, [% css_colors.accent_ultralight %] 85%);
+
+       color: [% css_colors.accent_darker %];
+}
+
+#main-content .login_boxes h1 {
+       font-weight: normal;
+       font-size: 25px;
+       margin:0;
+}
+
+#main-content .left_brain {
+       padding-left:28px;
+       padding-top:25px;
+}
+
+#main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
+       width:167px;
+       height:18px;
+       margin:0;
+       padding:0;
+       border:none;
+       background: none;
+       font-size: 15px;
+       color: [% css_colors.accent_medium %];
+}
+
+#main-content .left_brain .input_bg {
+       padding:10px 10px 0px 13px;
+    background: [% css_colors.background %];
+       width:167px;
+       height:29px;
+}
+
+#login-failed-message {
+       font-size: 125%;
+    font-weight: bold;
+       color: [% css_colors.text_alert %];
+    padding-top: 1em;
+}
+
+#home-buttons-inner {
+       height:117px;
+       background:#bda964;
+}
+
+#holds_temp_parent td {
+       border-bottom:1px solid [% css_colors.border_standard %];
+}
+
+#holds_temp_parent input, #holds_temp_parent select {
+       margin:0;
+}
+
+#results_header_bar {
+       background: [% css_colors.accent_medium %];
+       border-top:1px solid [% css_colors.accent_mediumdark %];
+}
+
+#results_header_inner {
+    height: 32px;
+    padding-top:6px;
+}
+
+.cached_list_div { width: 111px; height: 25px; }
+
+.results_header_div {
+       float: left;
+       width: 0px;
+       height: 25px;
+       border-left: 1px solid [% css_colors.accent_mediumdark %];
+       border-right: 1px solid [% css_colors.accent_medium %];
+       margin: 0px 13px;
+}
+
+.results_header_lbl {
+       font-weight: bold;
+       float: left;
+       font-size: 11px;
+       color: [% css_colors.text %];
+       background: [% css_colors.accent_medium %];
+       margin-right: 6px;
+}
+
+.results_header_sel {
+    /* width: 88px; */
+       float:left;
+       margin:0;
+}
+
+.results_header_nav1 {
+       padding: 5px 7px 6px 0px;
+       border-bottom: 1px dotted [% css_colors.accent_light %];
+}
+
+.results_header_nav1 .h1 {
+       font-size:14px;
+       font-weight:bold;
+       color:[% css_colors.primary_fade %];
+}
+
+.start_end_links_span {
+       font-size: 11px;
+}
+
+#result_table_div {
+       margin-top: 1em;
+}
+
+tr.result_table_row > td.results_row_count,
+tr.result_table_row > td.result_table_pic_header,
+tr.result_table_row > td.result_table_title_cell {
+    vertical-align: top;
+}
+
+tr.result_table_row:nth-child(n+2) > td {
+    border-top: 1px solid [% css_colors.accent_lighter2 %];
+}
+
+tr.result_table_row > td.result_table_pic_header {
+    white-space: nowrap;
+    width: 78px;
+    padding-left: 1em;
+}
+
+.result_numbers {
+       font-size: 11px; padding-left:15px; white-space: nowrap; width: 320px;
+}
+
+.result_table_subtable {
+    width: 100%;
+    padding-top: 1em;
+}
+
+div.result_table_utils_cont {
+    width: 250px;
+    text-align:left;
+}
+
+div.result_table_utils {
+    float: right;
+}
+
+div.result_place_hold {
+    position: relative;
+    top: -3px;
+    left:3px;
+}
+
+.icon_text {
+       text-transform:capitalize;
+}
+
+#myopac_summary_div p {
+       margin:0;
+       margin-bottom: 10px;
+}
+
+#acct_sum_checked_table td {
+       padding-bottom:5px;
+}
+
+.zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
+.zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
+
+#zero_search_hits p {
+       margin-top:0;
+}
+
+#zero_hits_term {
+       text-transform: uppercase;
+    font-weight: bold;
+}
+
+#zero_search_hits #spell_check_link {
+       text-transform: uppercase;
+}
+
+#zero_search_hits #zero_hits_suggestions {
+       text-transform: uppercase;
+}
+
+.results_info_table td {
+       padding-right: 10px;
+}
+
+#myopac_holds_main_table {
+       border-collapse: collapse;
+}
+
+#myopac_holds_main_table td {
+       border: 1px solid black;
+       
+}
+
+#myopac_prefs_div .data_grid {
+       border-collapse:collapse;
+}
+
+#myopac_prefs_div .data_grid td {
+       background:[% css_colors.accent_ultralight %];
+       border-bottom:3px solid [% css_colors.background %];
+       padding:6px 0px 7px 17px;
+}
+
+.header_middle {
+       height:22px;
+       font-size:14px;
+       font-weight:bold;
+       color:[% css_colors.primary_fade %];
+       padding: 0px 7px 0px 0px;
+       border-bottom: 1px dotted [% css_colors.accent_light %];
+}
+
+.header_middle a {
+       font-size: 12px;
+       font-weight: normal;
+}
+
+.acct_sum_row {
+       padding: 7px 15px;
+       background: [% css_colors.accent_ultralight %];
+       margin-bottom: 2px;
+       font-size: 10px;
+       font-weight: bold;
+       text-transform: uppercase;
+}
+
+.acct_sum_row a {
+       text-transform: none;
+       font-size: 12px;
+       position:relative;
+       top:-1px;
+}
+
+.acct_sum_row .view_link {
+       font-weight: normal;
+       font-size:12px;
+}
+
+table.acct_notes {
+    border-collapse: collapse;
+    margin: -1em 0 0.5em 0;
+}
+
+table.acct_notes * {
+    border: solid thin;
+    padding: 0.5em; 
+}
+
+table.acct_notes th {
+    font-weight: bold;
+}
+
+#myopac_sum_fines {
+       float:right;
+       padding: 15px 0px 0px 23px;
+       background: [% css_colors.accent_ultralight %];
+       width: 177px;
+       height: 166px;
+}
+
+#myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
+
+.acct_holds_temp td {
+       text-align: left;
+}
+
+#acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
+       float:left;
+       /*padding-left:10px;*/
+}
+
+#acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {
+       /*background:url('/images/gray-arrow.png') left 3px no-repeat;*/
+}
+
+#acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
+       font-weight:bold;
+       text-transform:uppercase;
+       font-size: 10px;
+}
+
+#acct_checked_main_header td, #acct_holds_main_header td, #acct_checked_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td {
+       background: [% css_colors.accent_lighter2 %];
+       padding: 8px 0px 7px 0px;
+}
+
+#acct_list_header select, #acct_list_header_anon select {
+       font-weight:normal;
+       text-transform:none;
+}
+
+#acct_holds_activates_table label {
+       font-weight: bold;
+       font-size: 11px;
+       text-transform:uppercase;
+       padding-right: 5px;
+}
+
+.adv_search_font {
+       font-size: 10px;
+}
+
+.search_catalog_lbl {
+       font-size: 14px;
+}
+
+.lbl1 {
+       font-size:14px;
+       font-weight:bold;
+}
+
+.lbl2 {
+       font-size:10px;
+       font-weight:normal;
+       position:relative;
+       top:3px;
+}
+
+#myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
+       background: [% css_colors.primary_fade %];
+       padding-top:5px;
+       margin-bottom:20px;
+}
+
+#fines_payments_wrapper {
+    padding-left: 5px; 
+    padding-right: 5px;
+}
+
+.myopac_payments_table th { text-align: left; }
+.myopac_payments_table thead th { border-bottom: 1px dashed [% css_colors.accent_darker %]; }
+.myopac_payments_table thead th:first-child { width: 8em; }
+.myopac_payments_table tbody tr:nth-child(odd) { background-color: [% css_colors.accent_lighter %]; }
+.myopac_payments_table form { display: inline; }
+.myopac_payments_table input[type="submit"] { padding: 1px; }
+
+.payment-error {
+    font-weight: bold; color: [% css_colors.text_alert %];
+    padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
+}
+
+.payment-processing {
+    font-weight: bold; color: green;
+    font-size: 120%;
+    padding: 10px; border: 1px solid [% css_colors.accent_medium_dark %];
+    text-align: center;
+}
+
+#adv_search_parent {
+       margin-bottom:0px;
+}
+
+#myopac_loading {
+       width:100%;
+       text-align:center;
+       padding-top:20px;
+       font-size:16px;
+       font-weight:bold;
+}
+
+.chili_link {
+       width:100px !important;
+       text-align: center !important;
+}
+
+.chili_review div.chili_link div {
+       margin: auto;
+}
+
+[%- IF we_want_to_turn_on_facet_styling.defined; %]
+/* some facet styling */
+.facetClassContainer { margin: 2px; border: 1px solid [% css_colors.accent_light %]; }
+.facetClassLabelContainer { border: 1px solid [% css_colors.accent_light %]; }
+.facetClassLabel { font-weight: bold; text-align: center; }
+.facetFieldContainer {  }
+.facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
+.extraFacetFieldsWrapper { }
+.toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
+.facetFieldLineCount { display: inline-block; border-right: 1px solid [% css_colors.accent_light %]; color: gray; width: 3em; margin-right: 3px }
+.facetField { border-top: 1px solid [% css_colors.accent_light %]; }
+.facetFields { padding-left: 5px; }
+.facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
+[%- END -%]
+
+div.facet_sidebar {
+    float: left;
+    border-right: 1px solid [% css_colors.border_standard %];
+    margin-right: 1em;
+}
+
+.facet_box_temp {
+       padding-bottom:3px;
+       width: 15em;
+       overflow:hidden;
+}
+
+.facet_box_temp .header {
+       height:31px;
+       overflow:hidden;
+       background:[% css_colors.primary %];
+        -moz-border-top-left-radius: 5px;
+        border-top-left-radius: 5px;
+        -moz-border-top-right-radius: 5px;
+        border-top-right-radius: 5px;
+       font-weight:bold;
+       color:[% css_colors.text_invert %];
+       padding-top:4px;
+}
+
+.facet_box_temp .header .title {
+       float:left;
+       padding-top:6px;
+       padding-left:12px;
+       overflow:hidden;
+}
+
+.facet_box_temp .header .button {
+       float:right;
+       padding-right:6px;
+}
+
+.facet_box_wrapper .box_wrapper {
+       position:relative;
+       top:-4px;
+       margin-bottom:-5px;
+       *margin-bottom:-6px;
+}
+
+.facet_box_wrapper .box_wrapper .box {
+       width: 14em;
+       border-top:1px solid [% css_colors.border_standard %];
+       border-left:1px solid [% css_colors.border_standard %];
+       border-right:1px solid [% css_colors.border_standard %];
+       background:[% css_colors.background %];
+       padding-left:12px;
+       padding-top:6px;
+}
+
+.facet_box_wrapper .box_wrapper .bottom {
+       background:url('/images/facet_box_bg_bottom.png') no-repeat;
+}
+
+.facet_template {
+       padding-bottom:5px;
+}
+
+.facet_template .facet {
+       float:left;
+       width:124px;
+}
+
+.facet_template .count {
+       float:right;
+       color:#818080;
+       padding-right:11px;
+}
+
+.facet_template_selected {
+    background-color: [% css_colors.accent_lighter2 %];
+}
+
+.facet_border {
+    border-left: 1px solid [% css_colors.border_standard %];
+    padding-right: 0.5em;
+}
+
+#footer-wrap {
+    background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
+    background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
+    background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
+    background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
+    background-color: [% css_colors.primary %];
+}
+
+#footer {
+       padding-top:5px;
+       padding-bottom: 10px;
+       margin-left: 1em;
+       font-size: 11px;
+}
+
+#footer a {
+       color: [% css_colors.text_invert %];
+       text-decoration: none;
+       text-shadow: 0 0 0.2em [% css_colors.primary %], 0 0 0.2em [% css_colors.primary %];
+}
+
+#copyright_text, #footer_logo {
+    color: [% css_colors.text_invert %];
+}
+
+.color_4 {
+       text-transform: uppercase;
+       font-weight: bold;
+       font-size: 10px;
+}
+
+.advanced_div { padding-top: 15px; }
+#adv_global_search select { width: 13em; }
+#adv_global_input_table select { width: 7em; }
+.adv_adv_link { font-size: 8pt; color: [% css_colors.text_alert %]; }
+#acct_prefs_header { float: left; }
+.search_page_nav_link { cursor: pointer; }
+#opac.result.sort { width: 160px; }
+.renew-summary { font-size: 125%; font-style: italic; margin: 0.5ex 0; }
+.failure-text { margin-left: 4em; font-style: italic; color: [% css_colors.text_alert %]; }
+.refine-controls { font-size: 125%; padding: 0.5ex 0; }
+#adv_search_refine input[type=text] { border: 1px inset [% css_colors.accent_light %] !important; }
+#adv_search_refine select { border: 1px inset [% css_colors.accent_light %] !important; }
+#adv_search_refine {
+    padding-left: 5em; background-color: [% css_colors.accent_lighter2 %]; margin: 2ex 0;
+}
+.row-remover { position: relative; top: 1px; vertical-align: middle; }
+.subtle-button {
+    background-color: [% css_colors.background %];
+    color: [% css_colors.primary %]; text-decoration: none;
+    font-size: 12px;
+    padding: 0; border: 0; margin: 0;
+    vertical-align: middle;
+}
+.subtle-button:hover { text-decoration: underline; cursor: pointer; }
+.no-dec:hover { text-decoration: none; }
+.pending-addr td { background-color: [% css_colors.background_alert %] !important; border: 0 !important; }
+
+#account-update-email table { text-align: center; padding: 20px; margin-top: 30px; border-collapse: collapse; }
+#account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid [% css_colors.accent_lighter %]; text-align: left;}
+#account-update-email-error { font-size: 1.5em; padding: 10px; border:1px solid [% css_colors.border_standard %];}
+a.dash-link:hover { text-decoration: underline !important; }
+#list_create_table td { vertical-align: middle; padding: 0 8px; }
+#list_create_table {
+    background-color: [% css_colors.accent_light %];
+    padding-bottom: 4px;
+    margin-bottom: 10px;
+    border-bottom: 1px dotted [% css_colors.accent_medium %];
+}
+.list-create-table-buttons input[type=image] { margin-top: 2px; }
+.result_table_format_cell { padding: 0px 10px; text-align: center; }
+.results_row_count { font-weight: bold; }
+#hold_editor h1 { font-size: 120%; font-weight: bold; }
+#hold_editor h2 { font-size: 111%; font-weight: normal; text-indent: 2em; font-style: italic; }
+#hold_editor h1, #hold_editor h2 { margin: 2px 0; }
+#hold_editor_table { background-color: [% css_colors.accent_lighter %]; padding: 0.5em; }
+#hold_editor_table th { text-align: right; padding-right: 1em; }
+#hold_editor_table td { padding: 0.25em 0; }
+.fmt-note { vertical-align: middle; padding-left: 1em !important; }
+.hold-editor-controls { text-align: center; padding-top: 1em !important; }
+.hold-editor-controls a { padding-left: 2em; }
+
+.text-right { text-align: right; }
+.text-right-top { text-align: right; vertical-align: top; }
+.rdetail-author-div { padding-bottom: 10px; }
+
+.invisible { visibility: hidden; }
+.rdetail-extras-summary { margin: 10px; }
+.staff-hold { background-color: [% css_colors.accent_lightest %]; }
+.expert-search tbody tr th { text-align: right; padding-left: 2em; }
+.expert-search-row { padding-top: 10px; }
+.bookshelf thead tr td {
+    border-bottom: 1px dashed [% css_colors.accent_dark %];
+    padding-bottom: 1ex;
+}
+.cn_browse_item { padding: 2ex; }
+
+.results-paginator-selected { color: [% css_colors.text_alert %]; }
+.inactive-hold { background: [% css_colors.accent_lightest %]; }
+
+#hold-items-list td { padding: 5px; margin-bottom: 20px; }
+.hold-items-list-title { font-size: 120%; }
+.hold-items-list-problem { color: [% css_colors.text_alert %]; }
+
+.big-strong {font-weight: bold; font-size: 120%; }
+
+.results_header_btns, .results_header_sel {
+    float:left;
+    margin-right: 6px;
+    height: 26px;
+}
+
+.opac-button, .results_header_btns, #simple-detail-view-links { 
+    color: [% css_colors.button_text %];
+    font-weight: bold; 
+    text-decoration: none;
+    text-shadow: 1px 1px 1px [% css_colors.button_text_shadow %];
+    cursor: pointer !important;
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    border: 1px solid [% css_colors.primary_fade %];
+    background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
+    background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
+    background: -o-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
+    background: -webkit-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
+    background-color: [% css_colors.primary %];
+}
+
+.opac-button-header {
+    background: [% css_colors.control %];
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+.results_header_btns a, #simple-detail-view-links a {
+    margin: 10px;
+    padding: 5px 10px 5px 10px;
+    color: [% css_colors.text_invert %];
+    vertical-align: middle;
+    display: table-cell;
+}
+
+a.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover {
+    background: [% css_colors.primary %];
+    text-decoration: none;
+}
+
+a.opac-button {
+    margin: 10px;
+    padding: 5px 10px 5px 10px;
+}
+
+#dash_wrapper .opac-button {
+    position: relative;
+    top: 10px;
+}
+
+#myopac_checked_div {
+    padding: 0px;
+}
+
+.rdetail-mfhd-head {
+    margin-top: 5px;
+    padding-top: 5px;
+    background-color: [% css_colors.table_heading %];
+}
+
+.rdetail-mfhd-type {
+    padding-left: 1em;
+}
+
+.rdetail-mfhd-bottom {
+    border-bottom: thin solid black;
+    width: 100%;
+}
+
+#rdetail_record_details {
+    clear: both;
+    margin-top: 1em;
+}
+
+.rdetail_subject_type {
+    vertical-align: top;
+    font-weight: bold;
+}
+
+.bookbag-item-row td { vertical-align: top; }
+
+.error { color: [% css_colors.text_alert %]; font-weight: bold; }
+.success { color: green; font-weight: bold; }
+
+.rdetail_related_subjects {
+    margin-top: 1.5em;
+}
+
+.rdetail_related_series {
+    margin-top: 1.5em;
+}
+
+#rdetail_openurl {
+    margin-top: 1em;
+}
+
+.rdetail_openurl_entry {
+    margin-left: 1em;
+    padding-left: 1em;
+}
+.bookbag-controls-holder { width: 100%; }
+.bookbag-controls-holder:nth-child(odd) { background-color: [% css_colors.accent_lighter2 %]; }
+.bookbag-controls-holder:nth-child(even) { background-color: [% css_colors.accent_lightest %]; }
+.bookbag-controls-holder .most {
+    padding-left: 0;
+    margin-right: 5em;
+}
+h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
+.bookbag-share .fixed { min-width: 4em; }
+.bookbag-specific { margin-left: 1em; }
+.bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
+.bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
+#bbag-name-desc-form tr th { vertical-align: middle; }
+#bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
+.bookbag-description {
+    padding-top: 0em;
+    font-style: italic;
+    max-width: 40em;
+}
+#bbag-edit-description { width: 20em; }
+#bbag-edit-name { width: 20em; }
+textarea { font-family: sans-serif; }
+table.bookbag-specific {
+    border-right: 1px solid [% css_colors.accent_dark %];
+    border-bottom: 1px solid [% css_colors.accent_medium %];
+    margin-bottom: 2ex;
+}
+.bookbag-share {
+    float: left;
+    padding: 5px 0;
+}
+.bookbag-controls {
+    float: left;
+    padding: 5px 0px 0px 10px;
+}
+
+.bookbag-specific td.list_checkbox {
+    padding-left: 10px !important;
+}
+.bookbag-specific td.list_entry {
+    min-width: 10em;
+    padding-left: 5px !important;
+}
+.bookbag-specific td.list_actions {
+    white-space: nowrap !important;
+}
+
+.list_is_empty {
+    padding: 8px 0px 6px 0px;
+    width: 100%;
+    border: 0;
+    font-size: 120%;
+    text-align: center;
+    font-style: italic;
+}
+.save-notes { padding-bottom: 1.5ex; }
+
+/* Moved from semiauto.css */
+.adv_global_input_container { border-bottom: none; }
+.opac-auto-013 {
+    border-bottom: none;
+    *height: 0px;
+}
+.adv_global_filter_sort {
+    border: none;
+    width: 100%;
+}
+.clear-both { clear: both; }
+.common-no-pad {
+    clear: both;
+    height: 0px;
+    margin: 0px;
+    padding: 0px;
+}
+.common-full-pad {
+    clear: both;
+    height: 15px;
+}
+.alert { color: [% css_colors.text_alert %]; }
+.float-left { float: left; }
+.float-right { float: right; }
+
+.saved-searches-header { width: 100%; font-weight: bold; font-size: 120%; }
+.saved-searches-header .button { float: right; width: 28px; }
+.saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
+.saved-searches-header {font-weight: bold; font-size: 120%; }
+.saved-searches { border-bottom: 1px solid [% css_colors.accent_medium %]; padding-right: 1em; }
+#staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
+    border-right: 1px solid [% css_colors.accent_darker %];
+}
+.result_item_circulated {
+    padding-top: 4px;
+}
+
+.result_item_circulated span {
+    position: relative;
+    top:-3px;
+    left:3px;
+}
+
+#search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
+#result-bookbag-heading { text-align: center; margin: 2ex; }
+
+.result-bookbag-name { font-size: 140%; font-weight: bold; }
+.result-bookbag-description { font-size: 120%; font-style: italic; }
+.result-bookbag-item-note { font-style: italic; }
+.lowhits-bookbag-name { font-weight: bold; }
+.oils_AS { font-weight: bold; color: [% css_colors.text_match %]; }
+.oils_AS_match_term { text-align: left; color: [% css_colors.text %]; }
+.oils_AS_match_field {
+    font-size: 75%; padding: 0.65em 0;
+    text-align: right; color: [% css_colors.accent_medium %];
+}
+table.result_holdings_table {
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+table.result_holdings_table thead tr {
+    background: [% css_colors.table_heading %];
+}
+table.result_holdings_table thead tr th {
+    font-weight: bold;
+}
+span.preflib {
+    margin: 0 2em 0 2em;
+}
+a.preflib_change {
+  vertical-align: super;
+  font-size: smaller;
+  line-height: normal;
+  text-decoration: none;
+}
+.rdetail-holding-group { margin-left: 1.5em; }
+.rdetail-holding-group span { margin-left: 1.5em; }
+.rdetail-holding-group .paging { margin-left: 1.5em; }
+#rdetail_deleted_exp {
+    font-weight: bold;
+    padding: 1em;
+    margin: 1em;
+    border: thick solid [% css_colors.border_alert %];
+}
+
+#ac_tab_wrapper { width : 100%; }
+.ac_tab { float: left; padding-right: 10px; font-size: 110%; padding: 5px; border: 1px solid #417860; }
+.ac_tab_selected { background-color: #417860; }
+.ac_tab_selected a { color: #FFF; }
+#ac_content { clear: both; width: 100%; margin-top: 10px; }
+
+/* Popmenu styles used for making css menus. */
+.popmenu {
+    margin: 0;
+    padding: 0;
+}
+.popmenu li {
+    list-style: none;
+}
+.popmenu li a {
+    display: block;
+    padding: 3px 5px;
+}
+.popmenu li ul {
+    display: none; 
+    width: 10em; /* Width to help Opera out */
+    background-color: #00593d;
+}
+.popmenu li:hover ul {
+    display: block;
+    position: absolute;
+    margin: 0;
+    padding: 0;
+    border-color: black;
+    border-width: 1px;
+    border-style: solid;
+}
+.popmenu li:hover li {
+    float: none;
+}
+.popmenu li:hover li a {
+    background-color: #00593d; 
+    color: #f0e0e0;
+}
+.popmenu li li a:hover {
+    background-color: #f0e0e0; 
+    color: #00593d;
+}
+/* Styles for the temporary list entry. */
+.popmenu li:hover li[class~="temporary"] a {
+    background-color: #00593d; 
+    color: #f0e0e0;
+}
+.popmenu li li[class~="temporary"] a:hover {
+    background-color: #f0e0e0; 
+    color: #00593d;
+}
+/* Styles for the default list entry. */
+.popmenu li:hover li[class~="default"] a {
+    background-color: #00593d; 
+    color: #f0e0e0;
+}
+.popmenu li li[class~="default"] a:hover {
+    background-color: #f0e0e0; 
+    color: #00593d;
+}
+/* Styles for the new list entry. */
+.popmenu li:hover li[class~="new"] a {
+    background-color: #00593d; 
+    color: #f0e0e0;
+}
+.popmenu li li[class~="new"] a:hover {
+    background-color: #f0e0e0; 
+    color: #00593d;
+}
+/* Style to add a divider on the menu. */
+.popmenu li li[class~="divider"] {
+    border-bottom-width: 1px;
+    border-bottom-color: black;
+    border-bottom-style: solid;
+}
+    
+#locale_picker_form {
+    float: right;
+    padding: 0.5em 1em 0.5em 0;
+    border-right: thin [% css_colors.control %] solid;
+}
+
+#locale_picker_form * {
+    margin: 0;
+    padding: 0;
+    vertical-align: middle;
+    font-size: 1em;
+}
index 1721a9c..fc73804 100644 (file)
@@ -8,7 +8,7 @@
         <meta http-equiv="refresh" content="[% ctx.authtime %]; url=[% ctx.logout_page %]">
         [% END %]
         <link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/default/opac/semiauto.css" />
-        <link rel="stylesheet" type="text/css" href="[% ctx.media_prefix %]/css/skin/default/opac/style.css" />
+        <link rel="stylesheet" type="text/css" href="[% ctx.opac_root %]/css/style.css" />
         <title>[% l('Catalog - [_1]', ctx.page_title) %]</title>
         <link rel="unapi-server" type="application/xml" title="unAPI" href="/opac/extras/unapi" />
         [% IF want_dojo %]
diff --git a/Open-ILS/src/templates/opac/parts/css/colors.tt2 b/Open-ILS/src/templates/opac/parts/css/colors.tt2
new file mode 100644 (file)
index 0000000..5babc04
--- /dev/null
@@ -0,0 +1,33 @@
+[%
+    css_colors = {
+
+        background = "#fff", # white
+        background_alert = "#ffcccc", # pink
+        background_invert = "#252525", # charcoal
+        text = "black", # black 
+        text_alert = "red", # red
+        text_attention = "#ffcc33", # pumpkin orange
+        text_badnews = "#f41d36", # cherry red
+        text_goodnews = "#1dd93c", # lime green
+        text_invert = "#fff", # white
+        text_match = "#c00", # deep red
+        primary = "#00593d", # dark green
+        primary_fade = "#007a54", # medium green
+        control = "#69A088", # lighter green
+        accent_light = "#ccc", #  grey (light)
+        accent_lighter = "#ddd", #  grey (lighter)
+        accent_lighter2 = "#d8d8d8", #  grey (lighter again)
+        accent_lightest = "#eee", #  grey (lightest)
+        accent_ultralight = "#f0f0f0", # ivory
+        accent_medium = "#999", # gun metal grey (medium)
+        accent_mediumdark = "#888", # gun metal grey (medium dark)
+        accent_dark = "#666", # gun metal grey (dark)
+        accent_darker = "#333", # gun metal grey (darker)
+        border_standard = "#e9ebf3", # light grey-blue
+        border_alert = "red", # red
+        button_text = "#fbf9f9", # off-white 
+        button_text_shadow = "#555555", # medium grey
+        table_heading = "#d8d8d8", # grey-blue
+    };
+    
+%]
diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css
deleted file mode 100644 (file)
index 3f5b33f..0000000
+++ /dev/null
@@ -1,1552 +0,0 @@
-body {
-       margin:0;
-       font-family: Arial, Helvetica, sans-serif;
-       font-size: 12px;
-       background: #00593d;
-}
-
-img {
-       border: none;
-}
-
-#topnav_logo {
-       padding-bottom: 25px;
-}
-
-#homesearch_main_logo {
-        padding-top: 60px;
-}
-
-a {
-       color: #00593d;
-}
-
-#search-wrapper input[type=text] {
-       margin:0;
-       padding:0;
-}
-
-#search-wrapper select, .results_header_lbl select {
-       border:1px solid #e9ebf3;
-       margin:0;
-       padding:0;
-       width: 12em;
-}
-
-.searchbar {
-    font-weight: bold;
-    padding-top: 10px;
-}
-
-/*
-#search-wrapper select {
-       border:0px solid black;
-       filter:alpha(opacity=0);
-       -moz-opacity:0;
-       -khtml-opacity:0;
-       opacity:0;
-       padding:0;
-       margin:0;
-       height:18px;
-       font-size: 12px;
-}
-*/
-h1 {
-       margin:0;
-       margin-bottom: 5px;
-       font-size: 20px;
-       font-weight:normal;
-}
-
-h2 {
-       font-size: 16px;
-       font-weight:bold;
-}
-
-.hide_me, .hidden {
-       display: none;
-       visibility: hidden;
-}
-
-div.select-box-wrapper {
-       position:absolute;
-       padding-top:2px;
-       padding-left:3px;
-       overflow:hidden;
-       text-align:left;
-}
-
-div.select-wrapper {
-       border:1px solid #4C8AB0;
-       display:inline-block;
-       position:relative;
-       z-index:2;
-       background:url('/images/dropdown.gif') no-repeat right center;
-}
-
-div.select-wrapper:hover {
-       background:url('/images/dropdown-hover.gif') no-repeat right center;
-}
-
-#dash_wrapper {
-       position: relative;
-    top: -2em;
-}
-
-#dash_wrapper div {
-       position: relative;
-    vertical-align: middle;
-    background: #00593d;
-    border-radius: 5px;
-    height: 3em;
-    padding: 0em 1em 0em 1em;
-}
-
-span.dash_divider {
-    margin: 0em 1em 0em 1em;
-       position: relative;
-    top: 10px;
-    color: #007a54;
-}
-
-#dashboard {
-       clear:both;
-       float:right;
-    margin-top: 1em;
-    background: #00593d;
-    border-radius: 5px;
-    height: 3em;
-}
-
-#dashboard span.dash-align a {
-       font-weight: bold;
-       text-decoration: none;
-       position: relative;
-    top: 10px;
-}
-
-#dash_user {
-       font-weight: bold;
-       text-transform: capitalize;
-    position: relative;
-    top: 10px;
-}
-
-#logout_link { left: 1px; }
-
-#dash_checked { color: #ffcc33; }
-#dash_holds { color: #ffcc33; }
-#dash_pickup { color: #1dd93c; }
-#dash_fines { color: #f41d36; }
-#header-wrap {
-    background: linear-gradient(#00593d, #007a54);
-    background: -moz-linear-gradient(#00593d, #007a54);
-    background: -o-linear-gradient(#00593d, #007a54);
-    background: -webkit-linear-gradient(#00593d, #007a54);
-    background-color: #007a54;
-}
-#header {
-       color: #fff;
-       padding-top: 26px;
-       margin-left: 1em;
-       font-size:11px;
-}
-
-#header a {
-       color: #fff;
-}
-
-#header a:hover {
-       color: white;
-       text-decoration: none;
-}
-
-#header-links {
-       color: white;
-       font-size: 11px;
-       font-weight: bold;
-       position: relative;
-       top:4px;
-       
-}
-
-#header-links a {
-       color: white;
-       display: block;
-       float:left;
-       margin-right:22px;
-       text-decoration: none;
-}
-
-#header-links a:hover {
-       color: white;
-       text-shadow: 0 0 0.2em #00593d, 0 0 0.2em #00593d;
-       text-decoration: none;
-}
-
-#header #header-links2 {
-       position:relative;
-       top:-8px;
-       color: white;
-       padding-bottom: 15px;
-}
-
-#header #header-links2 a {
-       color: white;
-}
-
-#header #header-links2 a:hover {
-       text-decoration: underline;
-}
-
-#header #your-acct-login {
-       padding-top:10px;
-}
-
-#gold-links {
-       margin-left: 1em;
-       padding-left:0px;
-}
-
-#gold-links-home {
-       margin:auto;
-       padding-left:0px;
-}
-
-#gold-links-holder {
-    height: 24px;
-    background: #252525;
-}
-
-#util-bar {
-       margin-left: 1em;
-       padding-left:0px;
-       height:0px;
-}
-
-#search-wrapper {
-       border-bottom: 1px solid #e9ebf3;
-       padding-bottom: 5px;
-       background: white;
-}
-
-.search_box_wrapper {
-       padding: 10px 5px 5px 3px;
-}
-
-#search-wrapper #breadcrumb {
-       margin-top:0px;
-       font-size: 10px;
-       float:left;
-}
-
-#search-wrapper #search-within {
-       margin-top:10px;
-       float:right;
-       position:relative;
-       left:-173px;
-}
-
-#search-wrapper #breadcrumb a {
-       color: black;
-}
-
-#search-wrapper #search_frm label {
-       font-size: 10px;
-}
-
-#search-wrapper #search-box {
-       margin-left: 1em;
-       padding-left: 0px;
-       padding-top: 10px;
-       padding-bottom: 10px;
-}
-
-#utils {
-       float:right;
-       z-index:1;
-       width:150px;
-       height:30px;
-       background:url('/images/utils-corner-left.png') no-repeat left top;
-       padding-left: 3px;
-       color: white;
-       position:relative;
-}
-
-#utils a {
-       color: white;
-       font-size: 10px;
-}
-
-#adv_search_tabs, #acct_tabs, #acct_fines_tabs, #acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs, #results_header_inner{
-       height: 40px;
-       margin-left: 1em;
-}
-
-#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a, #acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
-    float: left;
-    text-align: center;
-    vertical-align: middle;
-    display: block;
-    margin: 10px 7px 10px 0px;
-    padding: 10px 0px 10px 0px;
-    -moz-border-radius: 10px 10px 0px 0px; 
-    border-radius: 10px 10px 0px 0px;
-    font-weight: bold;
-    color: white;
-    background: #69A088;
-    font-weight: bold;
-    text-decoration: none;
-}
-
-#adv_search_tabs a, #acct_tabs a, #acct_fines_tabs a {
-    padding: 1em 1em 0.5em;
-}
-
-#adv_search_tabs a:hover, #acct_tabs a:hover, #acct_fines_tabs a:hover, #acct_checked_tabs a:hover, #acct_holds_tabs a:hover, #acct_prefs_tabs a:hover {
-    background: #00593d; 
-    color: white;
-    text-decoration: none;
-}
-
-#adv_search.on, #num_search.on, #expert_search.on {
-    color: #333333;
-    background: white;
-    text-decoration: none;
-}
-
-#adv_search_tabs a.acct-tab-on, #acct_tabs a.acct-tab-on, #acct_fines_tabs a.acct-tab-on {
-    color: #333333;
-    background: white;
-    text-decoration: none;
-}
-
-.acct-tab-off {
-    background: #69A088;
-}
-
-#acct_checked_tabs a, #acct_holds_tabs a, #acct_prefs_tabs a {
-    margin-top: 0px;
-    font-size: 10px;
-    color: #333333;
-    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;
-}
-
-#acct_checked_tabs, #acct_holds_tabs, #acct_prefs_tabs {
-    padding-bottom: 12px;
-    color: #666;
-}
-
-.rdetail_header {
-    padding: 5px 7px 6px 0px;
-    margin-left: 1em;
-    border-bottom: 1px dotted #ccc;
-}
-
-.rdetail_results a {
-    color:#007a54;
-    font-weight:bold;
-    font-size: 1.2em;
-}
-
-.rdetail_result_count {
-    color: black;
-    font-weight: normal;
-    padding-left: 1em;
-    display: inline-block;
-}
-
-.rdetail_result_nav {
-    font-weight:normal;
-    padding-left: 1em;
-    display: inline-block;
-}
-
-#rdetail_details_table {
-       margin-top: 15px;
-}
-
-#rdetail_image { border: none; }
-#rdetail_image_cell {
-       padding-top: 3px;
-       padding-right: 10px;
-}
-
-h2.rdetail_uris {
-    margin-top: 1em;
-}
-div.rdetail_uris {
-    padding: 0.5em 1em 0.5em 1em;
-    background-color: lightGray;
-}
-div.rdetail_uris ul li {
-    position: relative;
-    left: 1em;
-}
-
-div.rdetail_show_copies {
-    margin-top: 1em;
-}
-
-div#rdetail_actions_div {
-    float: right;
-    background: white;
-}
-
-span#rdetail_copy_counts {
-    display: inline-block;
-    border-right: thin;
-    vertical-align: top;
-    margin-right: 1em;
-    padding-right: 1em;
-}
-
-span#rdetail_hold_counts {
-    display: inline-block;
-    vertical-align: top;
-}
-
-#rdetail_image_div {
-    float: left;
-    margin-right: 1em;
-}
-
-.rdetail_aux_utils {
-       border-left:1px dotted #ccc;
-       padding-left: 17px;
-       padding-bottom: 6px;
-       padding-right: 70px;
-}
-
-div.place_hold {
-    border-bottom: 1px dotted #ccc;
-    padding-top: 10px;
-}
-
-span.place_hold {
-    position:relative;
-    top:-3px;
-    left:3px;
-}
-
-div.toggle_list { padding-top: 6px; }
-
-div.format_icon {
-    float: right;
-    margin-right: 17px;
-}
-
-.results_aux_utils {
-       border-left:1px dotted #ccc;
-       padding-left: 17px;
-       padding-bottom: 6px;
-       padding-right: 50px;
-}
-
-.result_util {
-    border-bottom: 1px dotted #ccc;
-    padding-top: 6px;
-}
-
-.results_reviews {
-    position: relative;
-    top: -5px;
-}
-
-#rdetail_copies {
-    padding-top: 1.5em;
-}
-
-#rdetails_status td, #rdetails_status2 td {
-       white-space:nowrap !important;
-       padding: 7px 0px 3px 13px;
-}
-
-#rdetails_status thead th {
-       background-color: #d8d8d8;
-       padding: 13px 0px 13px 13px;
-       font-size: 10px;
-       text-transform: uppercase;
-       font-weight: bold;
-    text-align: left;
-}
-
-#rdetails_status tbody td {
-       padding-left: 13px;
-    text-align: left;
-}
-
-.rdetail_extras {
-       height: 29px;
-       background: #417860;
-       padding-top:1px;
-       margin-bottom: 10px;
-       margin-top: 10px;
-       clear:both;
-}
-
-.rdetail_extras_hr {
-       height: 1px;
-       background: #b7def5;
-       margin-left: 1px;
-       margin-right: 1px;
-}
-
-.rdetail_extras_link {
-       padding-top: 4px;
-       padding-left: 12px;
-       font-size: 10px;
-       text-transform: uppercase;
-       font-weight: bold;
-}
-
-.rdetail_extras_lbl {
-       position: relative;
-       top: -4px;
-       left: 7px;
-       color: white;
-}
-
-#paginate-homebanner a.toc {
-       display:block;
-       width:20px;
-       height:20px;
-       background:gray;
-       float:left;
-       margin-left:2px;
-       margin-right:2px;
-       margin-top:2px;
-}
-
-#rdetail_extras_expand, #rdetail_extras_collapse, #rdetail_locs_collapse {
-       margin-left: 13px;
-}
-
-#rdetail_locs_expand, #rdetail_locs_collapse {
-       padding-bottom:3px;
-       margin-top:15px;
-       margin-left:13px;
-}
-
-#rdetail_anotes_div .biography {
-       margin:0;
-}
-
-#paginate-homebanner a.selected {
-       border: 2px solid black;
-       margin-top:0px;
-       margin-left:0px;
-       margin-right:0px;
-}
-
-#hp-buttons {
-       margin: auto;
-       margin-top: 6px;
-    margin-left: 1em;
-}
-
-#hp-welcome {
-       position:absolute;
-       width:295px;
-       height:192px;
-       background: url('/images/banner-bg.png') no-repeat;
-       color: #fff;
-       padding-left: 33px;
-       padding-top: 21px;
-       z-index:9999999999;
-}
-
-#hp-welcome h1 {
-       font-size: 25px;
-       margin-bottom:15px;
-}
-
-#hp-welcome a {
-       color: #fff;
-       text-decoration: underline;
-}
-
-#hp-banner {
-       margin-left: 1em;
-       height: 213px;
-}
-
-#hp-ql-table {
-       margin-left: 2px;
-       padding-top: 3px;
-}
-
-#hp-ql-table a {
-       color: #333;
-       font-weight: bold;
-       font-size: 13px;
-       text-transform: uppercase;
-       text-decoration: none;
-       display: block;
-       width: 144px;
-       height: 25px;
-       padding-top: 9px;
-       padding-left: 15px;
-       background: url('/images/button-bg.png') no-repeat;
-}
-
-#hp-ql-bottom {
-       height: 31px;
-       padding-left: 24px;
-       padding-top: 13px;
-       background: url('/images/hp-links-mid.jpg') repeat-x;
-}
-
-#hp-ql-bottom a {
-       display: inline-block;
-       text-decoration: none;
-       color: white;
-       font-size: 15px;
-       font-weight: bold;
-}
-
-#hp-ql-bottom img {
-    position:relative;
-    top:-1px;
-    left:2px;
-}
-
-.almost-content-wrapper {
-       background: white;
-}
-
-#content-wrapper {
-       background: white;
-       min-height: 260px;
-       border-bottom: 1px solid black;
-}
-
-.content-wrapper-record-page { top: -15px; position: relative; }
-
-#main-content-home {
-       padding-left: 17px;
-    margin-left: 1em;
-}
-#main-content {
-       padding-left: 0px;
-    margin-left: 1em;
-}
-
-#main-content-after-bar {
-       margin-left: 1em;
-       padding-left: 4px;
-}
-
-#results-side-bar { float: left; width: 174px; margin-right: 5px; background: white; }
-
-#main-content .login_boxes {
-       border: 1px solid #dedede;
-       background:url('/images/login-bg.jpg') top repeat-x;
-       color: #333;
-}
-
-#main-content .login_boxes h1 {
-       font-weight: normal;
-       font-size: 25px;
-       margin:0;
-}
-
-#main-content .left_brain {
-       padding-left:28px;
-       padding-top:25px;
-}
-
-#main-content .left_brain input[type=text], #main-content .left_brain input[type=password] {
-       width:167px;
-       height:18px;
-       margin:0;
-       padding:0;
-       border:none;
-       background: none;
-       font-size: 15px;
-       color: #666;
-}
-
-#main-content .left_brain .input_bg {
-       padding:10px 10px 0px 13px;
-       background: url('/images/login-box-bg.jpg') no-repeat;
-       width:167px;
-       height:29px;
-}
-
-#login-failed-message {
-       font-size: 125%;
-    font-weight: bold;
-       color: red;
-    padding-top: 1em;
-}
-
-#home-buttons-inner {
-       height:117px;
-       background:#bda964;
-}
-
-#holds_temp_parent td {
-       border-bottom:1px solid #dcdbdb;
-}
-
-#holds_temp_parent input, #holds_temp_parent select {
-       margin:0;
-}
-
-#results_header_bar {
-       background: #929292;
-       border-top:1px solid #8b8b8b;
-}
-
-#results_header_inner {
-    height: 32px;
-    padding-top:6px;
-}
-
-.cached_list_div { width: 111px; height: 25px; }
-
-.results_header_div {
-       float: left;
-       width: 0px;
-       height: 25px;
-       border-left: 1px solid #7c7c7c;
-       border-right: 1px solid #9c9c9c;
-       margin: 0px 13px;
-}
-
-.results_header_lbl {
-       font-weight: bold;
-       float: left;
-       font-size: 11px;
-       color: #191919;
-       background: #929292;
-       margin-right: 6px;
-}
-
-.results_header_sel {
-    /* width: 88px; */
-       float:left;
-       margin:0;
-}
-
-.results_header_nav1 {
-       padding: 5px 7px 6px 0px;
-       border-bottom: 1px dotted #ccc;
-}
-
-.results_header_nav1 .h1 {
-       font-size:14px;
-       font-weight:bold;
-       color:#007a54;
-}
-
-.start_end_links_span {
-       font-size: 11px;
-}
-
-#result_table_div {
-       margin-top: 1em;
-}
-
-tr.result_table_row > td.results_row_count,
-tr.result_table_row > td.result_table_pic_header,
-tr.result_table_row > td.result_table_title_cell {
-    vertical-align: top;
-}
-
-tr.result_table_row:nth-child(n+2) > td {
-    border-top: 1px solid #d4d4d4;
-}
-
-tr.result_table_row > td.result_table_pic_header {
-    white-space: nowrap;
-    width: 78px;
-    padding-left: 1em;
-}
-
-.result_numbers {
-       font-size: 11px; padding-left:15px; white-space: nowrap; width: 320px;
-}
-
-.result_table_subtable {
-    width: 100%;
-    padding-top: 1em;
-}
-
-div.result_table_utils_cont {
-    width: 250px;
-    text-align:left;
-}
-
-div.result_table_utils {
-    float: right;
-}
-
-div.result_place_hold {
-    position: relative;
-    top: -3px;
-    left:3px;
-}
-
-.icon_text {
-       text-transform:capitalize;
-}
-
-#myopac_summary_div p {
-       margin:0;
-       margin-bottom: 10px;
-}
-
-#acct_sum_checked_table td {
-       padding-bottom:5px;
-}
-
-.zero_search_hits_main { float:left; width:300px; margin-top: 2ex; }
-.zero_search_hits_saved { float:left; width:200px; margin-top: 2ex; margin-right: 2em; }
-
-#zero_search_hits p {
-       margin-top:0;
-}
-
-#zero_hits_term {
-       text-transform: uppercase;
-    font-weight: bold;
-}
-
-#zero_search_hits #spell_check_link {
-       text-transform: uppercase;
-}
-
-#zero_search_hits #zero_hits_suggestions {
-       text-transform: uppercase;
-}
-
-.results_info_table td {
-       padding-right: 10px;
-}
-
-#myopac_holds_main_table {
-       border-collapse: collapse;
-}
-
-#myopac_holds_main_table td {
-       border: 1px solid black;
-       
-}
-
-#myopac_prefs_div .data_grid {
-       border-collapse:collapse;
-}
-
-#myopac_prefs_div .data_grid td {
-       background:#f0f0f0;
-       border-bottom:3px solid white;
-       padding:6px 0px 7px 17px;
-}
-
-.header_middle {
-       height:22px;
-       font-size:14px;
-       font-weight:bold;
-       color:#007a54;
-       padding: 0px 7px 0px 0px;
-       border-bottom: 1px dotted #ccc;
-}
-
-.header_middle a {
-       font-size: 12px;
-       font-weight: normal;
-}
-
-.acct_sum_row {
-       padding: 7px 15px;
-       background: #f0f0f0;
-       margin-bottom: 2px;
-       font-size: 10px;
-       font-weight: bold;
-       text-transform: uppercase;
-}
-
-.acct_sum_row a {
-       text-transform: none;
-       font-size: 12px;
-       position:relative;
-       top:-1px;
-}
-
-.acct_sum_row .view_link {
-       font-weight: normal;
-       font-size:12px;
-}
-
-table.acct_notes {
-    border-collapse: collapse;
-    margin: -1em 0 0.5em 0;
-}
-
-table.acct_notes * {
-    border: solid thin;
-    padding: 0.5em; 
-}
-
-table.acct_notes th {
-    font-weight: bold;
-}
-
-#myopac_sum_fines {
-       float:right;
-       padding: 15px 0px 0px 23px;
-       background: #f0f0f0;
-       width: 177px;
-       height: 166px;
-}
-
-#myopac_sum_fines_placehold { float: right; width: 177px; height: 166px; }
-
-.acct_holds_temp td {
-       text-align: left;
-}
-
-#acct_checked_tabs .align, #acct_holds_tabs .align, #acct_prefs_tabs .align {
-       float:left;
-       /*padding-left:10px;*/
-}
-
-#acct_checked_tabs .selected, #acct_holds_tabs .selected, #acct_prefs_tabs .selected {
-       /*background:url('/images/gray-arrow.png') left 3px no-repeat;*/
-}
-
-#acct_checked_main_header, #acct_holds_main_header, #acct_checked_hist_header, #acct_list_header, #acct_list_header_anon, #temp_list_holds {
-       font-weight:bold;
-       text-transform:uppercase;
-       font-size: 10px;
-}
-
-#acct_checked_main_header td, #acct_holds_main_header td, #acct_checked_hist_header td, #acct_list_header td, #acct_list_header_anon td, #temp_list_holds td {
-       background: #d8d8d8;
-       padding: 8px 0px 7px 0px;
-}
-
-#acct_list_header select, #acct_list_header_anon select {
-       font-weight:normal;
-       text-transform:none;
-}
-
-#acct_holds_activates_table label {
-       font-weight: bold;
-       font-size: 11px;
-       text-transform:uppercase;
-       padding-right: 5px;
-}
-
-.adv_search_font {
-       font-size: 10px;
-}
-
-.search_catalog_lbl {
-       font-size: 14px;
-}
-
-.lbl1 {
-       font-size:14px;
-       font-weight:bold;
-}
-
-.lbl2 {
-       font-size:10px;
-       font-weight:normal;
-       position:relative;
-       top:3px;
-}
-
-#myopac_tabs, #adv_search_parent, #fines_payments_wrapper {
-       background: #007a54;
-       padding-top:5px;
-       margin-bottom:20px;
-}
-
-#fines_payments_wrapper {
-    padding-left: 5px; 
-    padding-right: 5px;
-}
-
-.myopac_payments_table th { text-align: left; }
-.myopac_payments_table thead th { border-bottom: 1px dashed #333; }
-.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; }
-.myopac_payments_table input[type="submit"] { padding: 1px; }
-
-.payment-error {
-    font-weight: bold; color: red;
-    padding: 10px; border: 1px solid #888;
-}
-
-.payment-processing {
-    font-weight: bold; color: green;
-    font-size: 120%;
-    padding: 10px; border: 1px solid #888;
-    text-align: center;
-}
-
-#adv_search_parent {
-       margin-bottom:0px;
-}
-
-#myopac_loading {
-       width:100%;
-       text-align:center;
-       padding-top:20px;
-       font-size:16px;
-       font-weight:bold;
-}
-
-.chili_link {
-       width:100px !important;
-       text-align: center !important;
-}
-
-.chili_review div.chili_link div {
-       margin: auto;
-}
-
-/* some facet styling */
-/*
-.facetClassContainer { margin: 2px; border: 1px solid #CCC; }
-.facetClassLabelContainer { border: 1px solid #CCC; }
-.facetClassLabel { font-weight: bold; text-align: center; }
-.facetFieldContainer {  }
-.facetFieldLabel { padding-left: 2px; margin-top: 5px; margin-bottom: 5px; font-weight: bold; text-align: left; }
-.extraFacetFieldsWrapper { }
-.toggleExtraFacetFieldsButton { float: right; margin: 0px; padding: 0px; }
-.facetFieldLineCount { display: inline-block; border-right: 1px solid #CCC; color: gray; width: 3em; margin-right: 3px }
-.facetField { border-top: 1px solid #CCC; }
-.facetFields { padding-left: 5px; }
-.facetFieldLineValue { overflow: hidden; text-overflow: ellipsis; }
-*/
-
-div.facet_sidebar {
-    float: left;
-    border-right: 1px solid #F3F3F3;
-    margin-right: 1em;
-}
-
-.facet_box_temp {
-       padding-bottom:3px;
-       width: 15em;
-       overflow:hidden;
-}
-
-.facet_box_temp .header {
-       height:31px;
-       overflow:hidden;
-       background:#00593d;
-        -moz-border-top-left-radius: 5px;
-        border-top-left-radius: 5px;
-        -moz-border-top-right-radius: 5px;
-        border-top-right-radius: 5px;
-       font-weight:bold;
-       color:white;
-       padding-top:4px;
-}
-
-.facet_box_temp .header .title {
-       float:left;
-       padding-top:6px;
-       padding-left:12px;
-       overflow:hidden;
-}
-
-.facet_box_temp .header .button {
-       float:right;
-       padding-right:6px;
-}
-
-.facet_box_wrapper .box_wrapper {
-       position:relative;
-       top:-4px;
-       margin-bottom:-5px;
-       *margin-bottom:-6px;
-}
-
-.facet_box_wrapper .box_wrapper .box {
-       width: 14em;
-       border-top:1px solid #7ebee5;
-       border-left:1px solid #f3f3f3;
-       border-right:1px solid #f3f3f3;
-       background:white;
-       padding-left:12px;
-       padding-top:6px;
-}
-
-.facet_box_wrapper .box_wrapper .bottom {
-       background:url('/images/facet_box_bg_bottom.png') no-repeat;
-}
-
-.facet_template {
-       padding-bottom:5px;
-}
-
-.facet_template .facet {
-       float:left;
-       width:124px;
-}
-
-.facet_template .count {
-       float:right;
-       color:#818080;
-       padding-right:11px;
-}
-
-.facet_template_selected {
-    background-color: #d7d7d7;
-}
-
-.facet_border {
-    border-left: 1px solid #e9ebf3;
-    padding-right: 0.5em;
-}
-
-#footer-wrap {
-    background: linear-gradient(#007a54, #00593d);
-    background: -moz-linear-gradient(#007a54, #00593d);
-    background: -o-linear-gradient(#007a54, #00593d);
-    background: -webkit-linear-gradient(#007a54, #00593d);
-    background-color: #00593d;
-}
-
-#footer {
-       padding-top:5px;
-       padding-bottom: 10px;
-       margin-left: 1em;
-       font-size: 11px;
-}
-
-#footer a {
-       color: white;
-       text-decoration: none;
-       text-shadow: 0 0 0.2em #00593d, 0 0 0.2em #00593d;
-}
-
-#copyright_text, #footer_logo {
-    color: white;
-}
-
-.color_4 {
-       text-transform: uppercase;
-       font-weight: bold;
-       font-size: 10px;
-}
-
-.advanced_div { padding-top: 15px; }
-#adv_global_search select { width: 13em; }
-#adv_global_input_table select { width: 7em; }
-.adv_adv_link { font-size: 8pt; color: red; }
-#acct_prefs_header { float: left; }
-.search_page_nav_link { cursor: pointer; }
-#opac.result.sort { width: 160px; }
-.renew-summary { font-size: 125%; font-style: italic; margin: 0.5ex 0; }
-.failure-text { margin-left: 4em; font-style: italic; color: #ff0000; }
-.refine-controls { font-size: 125%; padding: 0.5ex 0; }
-#adv_search_refine input[type=text] { border: 1px inset #ccc !important; }
-#adv_search_refine select { border: 1px inset #ccc !important; }
-#adv_search_refine {
-    padding-left: 5em; background-color: #d7d7d7; margin: 2ex 0;
-}
-.row-remover { position: relative; top: 1px; vertical-align: middle; }
-.subtle-button {
-    background-color: #ffffff;
-    color: #00593d; text-decoration: none;
-    font-size: 12px;
-    padding: 0; border: 0; margin: 0;
-    vertical-align: middle;
-}
-.subtle-button:hover { text-decoration: underline; cursor: pointer; }
-.no-dec:hover { text-decoration: none; }
-.pending-addr td { background-color: #ffcccc !important; border: 0 !important; }
-
-#account-update-email table { text-align: center; padding: 20px; margin-top: 30px; border-collapse: collapse; }
-#account-update-email table td { padding: 5px 15px 5px 15px; border-bottom: 1px solid #ddd; text-align: left;}
-#account-update-email-error { font-size: 1.5em; padding: 10px; border:1px solid #e9ebf3;}
-a.dash-link:hover { text-decoration: underline !important; }
-#list_create_table td { vertical-align: middle; padding: 0 8px; }
-#list_create_table {
-    background-color: #ccc;
-    padding-bottom: 4px;
-    margin-bottom: 10px;
-    border-bottom: 1px dotted #666;
-}
-.list-create-table-buttons input[type=image] { margin-top: 2px; }
-.result_table_format_cell { padding: 0px 10px; text-align: center; }
-.results_row_count { font-weight: bold; }
-#hold_editor h1 { font-size: 120%; font-weight: bold; }
-#hold_editor h2 { font-size: 111%; font-weight: normal; text-indent: 2em; font-style: italic; }
-#hold_editor h1, #hold_editor h2 { margin: 2px 0; }
-#hold_editor_table { background-color: #ddd; padding: 0.5em; }
-#hold_editor_table th { text-align: right; padding-right: 1em; }
-#hold_editor_table td { padding: 0.25em 0; }
-.fmt-note { vertical-align: middle; padding-left: 1em !important; }
-.hold-editor-controls { text-align: center; padding-top: 1em !important; }
-.hold-editor-controls a { padding-left: 2em; }
-
-.text-right { text-align: right; }
-.text-right-top { text-align: right; vertical-align: top; }
-.rdetail-author-div { padding-bottom: 10px; }
-
-.invisible { visibility: hidden; }
-.rdetail-extras-summary { margin: 10px; }
-.staff-hold { background-color: #eee; }
-.expert-search tbody tr th { text-align: right; padding-left: 2em; }
-.expert-search-row { padding-top: 10px; }
-.bookshelf thead tr td {
-    border-bottom: 1px dashed #999;
-    padding-bottom: 1ex;
-}
-.cn_browse_item { padding: 2ex; }
-
-.results-paginator-selected { color: red; }
-.inactive-hold { background: #e5e5e5; }
-
-#hold-items-list td { padding: 5px; margin-bottom: 20px; }
-.hold-items-list-title { font-size: 120%; }
-.hold-items-list-problem { color: red; }
-
-.big-strong {font-weight: bold; font-size: 120%; }
-
-.results_header_btns, .results_header_sel {
-    float:left;
-    margin-right: 6px;
-    height: 26px;
-}
-
-.opac-button, .results_header_btns, #simple-detail-view-links { 
-    color: #FBF9F9;
-    font-weight: bold; 
-    text-decoration: none;
-    text-shadow: 1px 1px 1px #555555;
-    cursor: pointer !important;
-    -moz-border-radius: 5px;
-    border-radius: 5px;
-    border: 1px solid #007a54;
-    background: linear-gradient(#007a54, #00593d);
-    background: -moz-linear-gradient(#007a54, #00593d);
-    background: -o-linear-gradient(#007a54, #00593d);
-    background: -webkit-linear-gradient(#007a54, #00593d);
-    background-color: #00593d;
-}
-
-.opac-button-header {
-    background: #69A088;
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-}
-
-.results_header_btns a, #simple-detail-view-links a {
-    margin: 10px;
-    padding: 5px 10px 5px 10px;
-    color: white;
-    vertical-align: middle;
-    display: table-cell;
-}
-
-a.opac-button:hover, .results_header_btns a:hover, #simple-detail-view-links a:hover {
-    background: #00593d;
-    text-decoration: none;
-}
-
-a.opac-button {
-    margin: 10px;
-    padding: 5px 10px 5px 10px;
-}
-
-#dash_wrapper .opac-button {
-    position: relative;
-    top: 10px;
-}
-
-#myopac_checked_div {
-    padding: 0px;
-}
-
-.rdetail-mfhd-head {
-    margin-top: 5px;
-    padding-top: 5px;
-    background-color: #D8D8D8;
-}
-
-.rdetail-mfhd-type {
-    padding-left: 1em;
-}
-
-.rdetail-mfhd-bottom {
-    border-bottom: thin solid black;
-    width: 100%;
-}
-
-#rdetail_record_details {
-    clear: both;
-    margin-top: 1em;
-}
-
-.rdetail_subject_type {
-    vertical-align: top;
-    font-weight: bold;
-}
-
-.bookbag-item-row td { vertical-align: top; }
-
-.error { color: red; font-weight: bold; }
-.success { color: green; font-weight: bold; }
-
-.rdetail_related_subjects {
-    margin-top: 1.5em;
-}
-
-.rdetail_related_series {
-    margin-top: 1.5em;
-}
-
-#rdetail_openurl {
-    margin-top: 1em;
-}
-
-.rdetail_openurl_entry {
-    margin-left: 1em;
-    padding-left: 1em;
-}
-.bookbag-controls-holder { width: 100%; }
-.bookbag-controls-holder:nth-child(odd) { background-color: #d7d7d7; }
-.bookbag-controls-holder:nth-child(even) { background-color: #e3e3e3; }
-.bookbag-controls-holder .most {
-    padding-left: 0;
-    margin-right: 5em;
-}
-h2.bookbag-name { margin-bottom: 0em; padding-bottom: 0em; }
-.bookbag-share .fixed { min-width: 4em; }
-.bookbag-specific { margin-left: 1em; }
-.bookbag-specific div.sort { float: left; width: 45%; text-align: left; }
-.bookbag-specific div.meta { float: right; width: 54%; text-align: right; }
-#bbag-name-desc-form tr th { vertical-align: middle; }
-#bbag-name-desc-form .saver { vertical-align: middle; text-align: center; }
-.bookbag-description {
-    padding-top: 0em;
-    font-style: italic;
-    max-width: 40em;
-}
-#bbag-edit-description { width: 20em; }
-#bbag-edit-name { width: 20em; }
-textarea { font-family: sans-serif; }
-table.bookbag-specific {
-    border-right: 1px solid #999;
-    border-bottom: 1px solid #666;
-    margin-bottom: 2ex;
-}
-.bookbag-share {
-    float: left;
-    padding: 5px 0;
-}
-.bookbag-controls {
-    float: left;
-    padding: 5px 0px 0px 10px;
-}
-
-.bookbag-specific td.list_checkbox {
-    padding-left: 10px !important;
-}
-.bookbag-specific td.list_entry {
-    min-width: 10em;
-    padding-left: 5px !important;
-}
-.bookbag-specific td.list_actions {
-    white-space: nowrap !important;
-}
-
-.list_is_empty {
-    padding: 8px 0px 6px 0px;
-    width: 100%;
-    border: 0;
-    font-size: 120%;
-    text-align: center;
-    font-style: italic;
-}
-.save-notes { padding-bottom: 1.5ex; }
-
-/* Moved from semiauto.css */
-.adv_global_input_container { border-bottom: none; }
-.opac-auto-013 {
-    border-bottom: none;
-    *height: 0px;
-}
-.adv_global_filter_sort {
-    border: none;
-    width: 100%;
-}
-.clear-both { clear: both; }
-.common-no-pad {
-    clear: both;
-    height: 0px;
-    margin: 0px;
-    padding: 0px;
-}
-.common-full-pad {
-    clear: both;
-    height: 15px;
-}
-.alert { color: red; }
-.float-left { float: left; }
-.float-right { float: right; }
-
-.saved-searches-header { width: 100%; font-weight: bold; font-size: 120%; }
-.saved-searches-header .button { float: right; width: 28px; }
-.saved-searches-header .text { float: left; padding-right: 1em; margin: 0.5ex 0;}
-.saved-searches-header {font-weight: bold; font-size: 120%; }
-.saved-searches { border-bottom: 1px solid #666; padding-right: 1em; }
-#staff-saved-search { /* wraps .saved-searches-header and .saved-searches on the record page */
-    border-right: 1px solid #333;
-}
-.result_item_circulated {
-    padding-top: 4px;
-}
-
-.result_item_circulated span {
-    position: relative;
-    top:-3px;
-    left:3px;
-}
-
-#search-only-bookbag-container { margin: 2ex 0; font-weight: bold; }
-#result-bookbag-heading { text-align: center; margin: 2ex; }
-
-.result-bookbag-name { font-size: 140%; font-weight: bold; }
-.result-bookbag-description { font-size: 120%; font-style: italic; }
-.result-bookbag-item-note { font-style: italic; }
-.lowhits-bookbag-name { font-weight: bold; }
-.oils_AS { font-weight: bold; color: #c00; }
-.oils_AS_match_term { text-align: left; color: #000; }
-.oils_AS_match_field {
-    font-size: 75%; padding: 0.65em 0;
-    text-align: right; color: #666;
-}
-table.result_holdings_table {
-    margin-top: 1em;
-    margin-bottom: 1em;
-}
-table.result_holdings_table thead tr {
-    background: #D8D8D8;
-}
-table.result_holdings_table thead tr th {
-    font-weight: bold;
-}
-span.preflib {
-    margin: 0 2em 0 2em;
-}
-a.preflib_change {
-  vertical-align: super;
-  font-size: smaller;
-  line-height: normal;
-  text-decoration: none;
-}
-.rdetail-holding-group { margin-left: 1.5em; }
-.rdetail-holding-group span { margin-left: 1.5em; }
-.rdetail-holding-group .paging { margin-left: 1.5em; }
-#rdetail_deleted_exp {
-    font-weight: bold;
-    padding: 1em;
-    margin: 1em;
-    border: thick solid red;
-}
-
-#ac_tab_wrapper { width : 100%; }
-.ac_tab { float: left; padding-right: 10px; font-size: 110%; padding: 5px; border: 1px solid #417860; }
-.ac_tab_selected { background-color: #417860; }
-.ac_tab_selected a { color: #FFF; }
-#ac_content { clear: both; width: 100%; margin-top: 10px; }
-
-/* Popmenu styles used for making css menus. */
-.popmenu {
-    margin: 0;
-    padding: 0;
-}
-.popmenu li {
-    list-style: none;
-}
-.popmenu li a {
-    display: block;
-    padding: 3px 5px;
-}
-.popmenu li ul {
-    display: none; 
-    width: 10em; /* Width to help Opera out */
-    background-color: #00593d;
-}
-.popmenu li:hover ul {
-    display: block;
-    position: absolute;
-    margin: 0;
-    padding: 0;
-    border-color: black;
-    border-width: 1px;
-    border-style: solid;
-}
-.popmenu li:hover li {
-    float: none;
-}
-.popmenu li:hover li a {
-    background-color: #00593d; 
-    color: #f0e0e0;
-}
-.popmenu li li a:hover {
-    background-color: #f0e0e0; 
-    color: #00593d;
-}
-/* Styles for the temporary list entry. */
-.popmenu li:hover li[class~="temporary"] a {
-    background-color: #00593d; 
-    color: #f0e0e0;
-}
-.popmenu li li[class~="temporary"] a:hover {
-    background-color: #f0e0e0; 
-    color: #00593d;
-}
-/* Styles for the default list entry. */
-.popmenu li:hover li[class~="default"] a {
-    background-color: #00593d; 
-    color: #f0e0e0;
-}
-.popmenu li li[class~="default"] a:hover {
-    background-color: #f0e0e0; 
-    color: #00593d;
-}
-/* Styles for the new list entry. */
-.popmenu li:hover li[class~="new"] a {
-    background-color: #00593d; 
-    color: #f0e0e0;
-}
-.popmenu li li[class~="new"] a:hover {
-    background-color: #f0e0e0; 
-    color: #00593d;
-}
-/* Style to add a divider on the menu. */
-.popmenu li li[class~="divider"] {
-    border-bottom-width: 1px;
-    border-bottom-color: black;
-    border-bottom-style: solid;
-}
-    
-#locale_picker_form {
-    float: right;
-    padding: 0.5em 1em 0.5em 0;
-    border-right: thin #69A088 solid;
-}
-
-#locale_picker_form * {
-    margin: 0;
-    padding: 0;
-    vertical-align: middle;
-    font-size: 1em;
-}
diff --git a/Open-ILS/web/images/login-bg.jpg b/Open-ILS/web/images/login-bg.jpg
deleted file mode 100644 (file)
index 46fc85f..0000000
Binary files a/Open-ILS/web/images/login-bg.jpg and /dev/null differ