[Koha-patches] [PATCH] Bug 7998 - CSS fixes for new interface 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. fix background color of div.action from white to the proper blue. - note: for memberentry.tt the edit links will need an additional look. reverse colors of menu div - blue for inactive, grey for active.
Liz Rea
wizzyrea at gmail.com
Mon Apr 23 22:26:47 CEST 2012
---
koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css | 10 ++++--
.../intranet-tmpl/prog/en/css/staff-global.css | 39 +++++++++++---------
.../intranet-tmpl/prog/en/modules/circ/returns.tt | 13 +++----
3 files changed, 34 insertions(+), 28 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..b293161 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;
@@ -712,7 +712,7 @@ fieldset.rows label.yesno {
fieldset.action, div.action {
clear : both;
float : none;
- background-color:#ffffff;
+ background-color:#F4F8F9;
border : none;
margin : 0;
padding : 1em 0 .3em 0;
@@ -1362,14 +1362,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 +1383,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 {
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) {
</script>
</head>
<body id="circ_returns" class="circ">
+<div id="header" class="gradient">
[% INCLUDE 'header.inc' %]
[% INCLUDE 'checkin-search.inc' %]
+</div>
<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/circ/circulation-home.pl">Circulation</a> › Check in</div>
@@ -379,27 +381,24 @@ function Dopop(link) {
<div class="yui-u">
<fieldset id="checkin_options">
<legend>Options</legend>
-
- <ul>
[% IF ( overduecharges ) %]
- <li>
+ <p>
[% IF ( exemptfine ) %]
<input type="checkbox" id="exemptcheck" name="exemptfine" value="exemptfine" checked="checked" />
[% ELSE %]
<input type="checkbox" id="exemptcheck" name="exemptfine" value="exemptfine" />
[% END %]
<label for="exemptcheck">Forgive overdue charges</label>
- </li>
+ </p>
[% END %] <!-- overduecharges -->
- <li>
+ <p>
[% IF ( dropboxmode ) %]
<input type="checkbox" id="dropboxcheck" name="dropboxmode" value="dropboxmode" checked="checked" />
[% ELSE %]
<input type="checkbox" id="dropboxcheck" name="dropboxmode" value="dropboxmode" />
[% END %]
<label for="dropboxcheck">Dropbox mode</label>
- </li>
- </ul>
+ </p>
</fieldset>
</div>
</form>
--
1.7.2.5
More information about the Koha-patches
mailing list