From dadfbccb7130955dc80d6a453877d6e9b47244e8 Mon Sep 17 00:00:00 2001 From: Michael Peters Date: Fri, 23 Sep 2011 13:43:10 -0400 Subject: [PATCH] styles.css customizations to tpac_semantic_rebase_2011_09_23 Signed-off-by: Michael Peters --- Open-ILS/web/css/skin/default/opac/style.css | 196 ++++++++++++++------------- 1 file changed, 103 insertions(+), 93 deletions(-) diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css index 8d8ad3016e..d8a51c6d50 100644 --- a/Open-ILS/web/css/skin/default/opac/style.css +++ b/Open-ILS/web/css/skin/default/opac/style.css @@ -1,60 +1,59 @@ body { - margin:0; - font-family: 'Droid Sans', Arial, Helvetica, sans-serif; - font-size: 12px; + margin:0; + font-family: 'Droid Sans', Arial, Helvetica, sans-serif; + font-size: 12px; font-weight: 600; - background: #13533f url(/opac/images/header-bg.gif) repeat-x top left; + background: #13533f url(/opac/images/header-bg.gif) repeat-x top left; +} + +img { + border: none; } a { - color: #000000; - text-decoration: none; + color: #003399; } a:hover { - text-decoration: underline; - font-weight: bold; + text-decoration: underline; + font-weight: bold; } #search-wrapper input[type=text] { - padding:3px; - margin: 0; - border-radius:4px; - -webkit-box-shadow: - 0 3px 0 #ccc, - 0 -1px #fff inset; - background: #f8f8f8; - color:#13533f; - border: 2px solid #DEDEDE; - display: inline-block; - font-family: 'Droid Sans', Arial, Helvetica, sans-serif; -} - -#search-wrapper select { - padding:3px; - margin: 0; - border-radius:4px; - -webkit-box-shadow: - 0 3px 0 #ccc, - 0 -1px #fff inset; - background: #f8f8f8; - color:#13533f; - border: 2px solid #DEDEDE; - display: inline-block; - -webkit-appearance:none; - cursor:pointer; - padding: 5px; - height:30px; - overflow: hidden; - font-family: 'Droid Sans', Arial, Helvetica, sans-serif; -} - -/*#search-wrapper select { - border:1px #e9eBf3;; + border:none; margin:0; padding:0; - width:168px; -}*/ + padding:3px; + margin: 0; + border-radius:4px; + -webkit-box-shadow: + 0 3px 0 #ccc, + 0 -1px #fff inset; + background: #f8f8f8; + color:#13533f; + border: 2px solid #DEDEDE; + display: inline-block; + font-family: 'Droid Sans', Arial, Helvetica, sans-serif; +} + +#search-wrapper select, .results_header_lbl select { + padding:3px; + margin: 0; + border-radius:4px; + -webkit-box-shadow: + 0 3px 0 #ccc, + 0 -1px #fff inset; + background: #f8f8f8; + color:#13533f; + border: 2px solid #DEDEDE; + display: inline-block; + -webkit-appearance:none; + cursor:pointer; + padding: 5px; + height:30px; + overflow: hidden; + font-family: 'Droid Sans', Arial, Helvetica, sans-serif; +} /* #search-wrapper select { @@ -108,10 +107,6 @@ div.select-wrapper:hover { background:url('/images/dropdown-hover.gif') no-repeat right center; } -#rdetails_status { - margin-top: 1.5em; -} - #dash_wrapper { width:500px; position:relative; @@ -186,6 +181,7 @@ div.select-wrapper:hover { #header a:hover { color: white; + text-shadow: 0 0 0.2em #ffffff; text-decoration: none; } @@ -195,7 +191,6 @@ div.select-wrapper:hover { font-weight: normal; position: relative; top:4px; - } #header-links a { @@ -209,7 +204,6 @@ div.select-wrapper:hover { #header-links a:hover { color: white; - text-shadow: 0 0 0.2em #ffffff; text-decoration: none; } @@ -252,6 +246,7 @@ div.select-wrapper:hover { } #search-wrapper { + border-bottom: 1px solid #e9ebf3; padding-bottom: 5px; background: #ffffff url(/opac/images/search-bg.gif) repeat-x top left; min-height: 150px; @@ -260,7 +255,7 @@ div.select-wrapper:hover { .search_box_wrapper { border:1px solid #4f786c; padding: 1px; - padding-left: 3px; + padding-left: 3px; } #search-wrapper #breadcrumb { @@ -382,11 +377,17 @@ div.select-wrapper:hover { #rdetail_header { font-size:14px; font-weight:bold; - color:#13533F; + color:#13533f; padding: 5px 7px 6px 0px; border-bottom: 1px dotted #ccc; } +#rdetail_title { + font-size: 18px; + font-weight: bold; + color: #13533f; +} + #rdetail_result_count { color: black; font-size: 11px; @@ -403,12 +404,6 @@ div.select-wrapper:hover { margin-top: 15px; } -#rdetail_title { - font-size: 18px; - font-weight: bold; - color: #13533f; -} - #rdetail_image { border: none; } #rdetail_image_cell { padding-top: 3px; @@ -434,17 +429,21 @@ div.select-wrapper:hover { padding-right: 50px; } -#rdetails_status td, #rdetails_status2 td { - white-space:nowrap !important; - padding: 7px 0px 3px 13px; -} - #rdetail_copies { clear: both; padding-top: 1.5em; } -#rdetails_status thead tr { +#rdetails_status { + margin-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: 13px; @@ -460,7 +459,7 @@ div.select-wrapper:hover { .rdetail_extras { height: 29px; - background: #2e8469; + background: #2e8469 color: white; padding-top:1px; margin-bottom: 10px; @@ -481,16 +480,12 @@ div.select-wrapper:hover { font-size: 10px; text-transform: uppercase; font-weight: bold; - color: white; } .rdetail_extras_lbl { position: relative; top: -4px; left: 7px; - color: white; - font-size: 13px; - font-weight: bold; } #paginate-homebanner a.toc { @@ -600,11 +595,11 @@ div.select-wrapper:hover { } .almost-content-wrapper { - background: #ffffff repeat-x top left; + background: white; } #content-wrapper { - background: #ffffff repeat-x top left; + background: white; min-height: 150px; border-bottom: 1px solid black; } @@ -693,8 +688,6 @@ div.select-wrapper:hover { float: left; font-size: 11px; color: #191919; - position: relative; - top: 5px; margin-right: 6px; } @@ -735,9 +728,6 @@ div.select-wrapper:hover { .result_table_subtable { width: 100%; border-collapse: collapse; border: 0; } - - - .icon_text { text-transform:capitalize; } @@ -884,9 +874,9 @@ div.select-wrapper:hover { } .search_catalog_lbl { - font-size: 16px; - font-weight: bold; - color: #13533F; + font-size: 16px; + font-weight: bold; + color: #13533F; } .lbl1 { @@ -965,13 +955,11 @@ div.select-wrapper:hover { color: white; margin: auto; width: 974px; - color: #ffffff; - font-size: 10px; - font-weight: 400; + font-size: 11px; } #footer a { - color: #ffffff; + color: white; font-size: 13px; font-weight: 700; } @@ -1007,7 +995,7 @@ width: 13em; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; } -#adv_global_input_table select { +#adv_global_input_table select { width: 7em; padding:3px; margin: 0; @@ -1022,13 +1010,8 @@ width: 13em; -webkit-appearance:none; font-family: 'Droid Sans', Arial, Helvetica, sans-serif; } - .adv_adv_link { font-size: 8pt; color: red; } #acct_prefs_header { float: left; } -#limit_to_available { - float: left; position: relative; top: 2px; - left: -2px; margin-right: 4px; -} .search_page_nav_link { cursor: pointer; } #opac.result.sort { width: 160px; } .renew-summary { font-size: 125%; font-style: italic; margin: 0.5ex 0; } @@ -1137,6 +1120,10 @@ a.opac-button { top: 10px; } +#myopac_checked_div { + padding: 0px; +} + .rdetail_copy_counts { margin-top: 1em; } @@ -1151,7 +1138,12 @@ a.opac-button { 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; } @@ -1160,8 +1152,26 @@ a.opac-button { margin-top: 1.5em; } -#myopac_checked_div { - padding: 0px; +#rdetail_openurl { + margin-top: 1em; } -.bookbag-item-row td { vertical-align: top; } +.rdetail_openurl_entry { + margin-left: 1em; + padding-left: 1em; +} + +.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%; +} -- 2.11.0