From f60469897bd964464cfb3f63bea8e005031a11ff Mon Sep 17 00:00:00 2001 From: Liz Rea Date: Mon, 23 Apr 2012 11:07:51 -0500 Subject: [PATCH] Bug 7998 - CSS fixes for new interface Content-Type: text/plain; charset="utf-8" adds slight transparency for news so logo shows through on mainpage.. Fixes purple header gradient in Chrome-based browsers. remove list from returns.tt options so checkboxes do not have bullets. fix missing gradient class on returns.tt. reverse colors of menu div - blue for inactive, grey for active. turns searchheader blue, rounds corners, improves spacing for sort form. Adds padding, rounded corners, and a 1px border to the now-blue toolbar. increase width of intranet nav div to width 40% add a bit of padding to #searchheader fieldset.action changes - removed background, added a little padding to make it look better in all of the uses I could find of it. --- koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css | 10 ++- .../intranet-tmpl/prog/en/css/staff-global.css | 61 +++++++++++-------- .../intranet-tmpl/prog/en/modules/circ/returns.tt | 13 ++-- 3 files changed, 48 insertions(+), 36 deletions(-) diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css b/koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css index f2f8922..6c7ca1d 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css +++ b/koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css @@ -31,9 +31,9 @@ #area-news h3 { /* Title section for the news block : transparency to let the koha logo appear */ background-color: #EEEEEE; - filter:alpha(opacity=50); /* for IE */ - -moz-opacity: 0.5; /* for Firefox before 0.9 */ - opacity: 0.5; + filter:alpha(opacity=70); /* for IE */ + -moz-opacity: 0.7; /* for Firefox before 0.9 */ + opacity: 0.7; padding : .3em; margin: 0; } @@ -44,6 +44,10 @@ border-bottom: 1px solid #EEE; background-color : #ffffff; border-radius: 6px; + filter:alpha(opacity=75); + -moz-opacity: 0.75; + opacity: .75; + font-weight: 600; } .newsfooter { diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css index 68523d7..62548ed 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css +++ b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css @@ -202,7 +202,7 @@ ol li { linear, left top, left bottom, - color-stop(0.1, rgb(212,214,255)), + color-stop(0.1, rgb(230, 240, 242)), color-stop(0.99, rgb(255,255,255)) ); display: inline-block; @@ -462,8 +462,11 @@ dd { } div#toolbar { - background-color : #F3F3F3; + background-color : #E6F0F2; margin-bottom : .7em; + padding: 5px 5px 5px 5px; + border-radius: 5px 5px 0 0; + border: 1px solid #B9D8D9 } div#toolbar .yui-menu-button button, @@ -712,11 +715,10 @@ fieldset.rows label.yesno { fieldset.action, div.action { clear : both; float : none; - background-color:#ffffff; - border : none; - margin : 0; - padding : 1em 0 .3em 0; - width : auto; + border : 0px; + margin: 0; + padding: .4em .4em .4em .1em; + width: auto; } div.rows { @@ -847,7 +849,7 @@ fieldset.rows .inputnote { } .toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a { - background-color : #F3F3F3; + background-color : #E6F0F2; border : 1px solid #E8E8E8; text-align : center; text-decoration : none; @@ -1362,14 +1364,15 @@ div#menu { div#menu li a { text-decoration: none; display: block; - background: #eeeeee; /* Old browsers */ - background: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(96%,#eeeeee), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */ - background: -ms-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */ - background: linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */ + + background: #e8f0f6; /* Old browsers */ + background: -moz-linear-gradient(left, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0f6', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */ + background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */ -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-bottom-left-radius: 5px; @@ -1382,14 +1385,16 @@ div#menu li a { } div#menu li a:hover { - background: #e8f0f6; /* Old browsers */ - background: -moz-linear-gradient(left, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */ - background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0f6', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */ - background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */ + + + background: #eeeeee; /* Old browsers */ + background: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(96%,#eeeeee), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */ + background: linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */ } div#menu li.active a:hover { @@ -1543,10 +1548,11 @@ li.email { } #searchheader { - background-color : #f3f3f3; + background-color : #E6F0F2; font-size : 80%; margin : 0 0 .5em -1px; - padding : .1em 0 .1em 1em; + padding : .1em 0 .4em 1em; + border-radius : 5px 5px 0 0; } /* Hack just for Firefox */ @@ -1556,6 +1562,7 @@ html>/**/body #searchheader button, x:-moz-any-link, x:default { #searchheader form { float : right; + padding : 5px 5px 3px 0; } #searchheader form.fz3950 { @@ -1582,6 +1589,7 @@ html>/**/body #searchheader button, x:-moz-any-link, x:default { #search-facets { border : 1px solid #e8e8e8; + border-radius: 5px 5px 0 0; } #search-facets h4 { @@ -1723,6 +1731,7 @@ a.yuimenuitemlabel:hover { #toplevelnav { float : left; margin-left : .5em; + width: 40%; } ul#toplevelmenu { diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/circ/returns.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/circ/returns.tt index cebcb09..d5e1b98 100644 --- a/koha-tmpl/intranet-tmpl/prog/en/modules/circ/returns.tt +++ b/koha-tmpl/intranet-tmpl/prog/en/modules/circ/returns.tt @@ -43,8 +43,10 @@ function Dopop(link) { + @@ -379,27 +381,24 @@ function Dopop(link) {
Options - -
    [% IF ( overduecharges ) %] -
  • +

    [% IF ( exemptfine ) %] [% ELSE %] [% END %] -

  • +

    [% END %] -
  • +

    [% IF ( dropboxmode ) %] [% ELSE %] [% END %] -

  • -
+

-- 1.7.2.5