Bugzilla – Attachment 8015 Details for
Bug 7629
Update sco.css to include CSS Gradients and prevent error upon missing background image file.
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Help
|
New Account
|
Log In
[x]
|
Forgot Password
Login:
[x]
[patch]
[Signed Off] Bug 7629 - Update sco.css to include CSS Gradients and prevent error upon missing background image file
Signed-Off-Bug-7629---Update-scocss-to-include-CSS.patch (text/plain), 6.89 KB, created by
Liz Rea
on 2012-03-05 16:04:51 UTC
(
hide
)
Description:
[Signed Off] Bug 7629 - Update sco.css to include CSS Gradients and prevent error upon missing background image file
Filename:
MIME Type:
Creator:
Liz Rea
Created:
2012-03-05 16:04:51 UTC
Size:
6.89 KB
patch
obsolete
>From 6e20ab6fc7387d735512590488329aaab02cb60e Mon Sep 17 00:00:00 2001 >From: Owen Leonard <oleonard@myacpl.org> >Date: Thu, 1 Mar 2012 09:40:01 -0500 >Subject: [PATCH] [Signed Off] Bug 7629 - Update sco.css to include CSS Gradients and prevent error upon missing background image file >Content-Type: text/plain; charset="utf-8" > >Copying CSS gradients for input buttons and dialogs from opac.css. Also copied missing >CSS for language-picker footer. Markup corrected in a couple of places in order >for the right style to be applied. > >To test corrections to dialog CSS, enter an invalid patron barcode. >Multiple languages will have to be enabled in order to see the footer >correction working. > >Signed-off-by: Liz Rea <wizzyrea@gmail.com> >Dialog CSS looks correct, footer also looks correct with multi languages. >--- > koha-tmpl/opac-tmpl/prog/en/css/sco.css | 85 ++++++++++++++++++-- > .../opac-tmpl/prog/en/modules/sco/sco-main.tt | 4 +- > 2 files changed, 81 insertions(+), 8 deletions(-) > >diff --git a/koha-tmpl/opac-tmpl/prog/en/css/sco.css b/koha-tmpl/opac-tmpl/prog/en/css/sco.css >index 54dfaeb..234036b 100644 >--- a/koha-tmpl/opac-tmpl/prog/en/css/sco.css >+++ b/koha-tmpl/opac-tmpl/prog/en/css/sco.css >@@ -61,9 +61,21 @@ h6 { > font-size : 100%; > } > >-input[type=submit], input[type=button], input[type=reset] { >- background : #b8d0e6 url(../../images/submit-bg.gif) repeat-x 0 0; >- background-color : #b8d0e6; >+input[type=submit], >+input[type=button], >+input[type=reset], >+fieldset.brief input[type=submit], >+fieldset.brief input[type=button], >+fieldset.brief input[type=reset] >+{ >+ background: #f4f9fc; /* Old browsers */ >+ background: -moz-linear-gradient(top, #f4f9fc 0%, #dfeefa 4%, #bfd5ea 93%, #a1c4e2 97%, #b8d0e6 100%); /* FF3.6+ */ >+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f9fc), color-stop(4%,#dfeefa), color-stop(93%,#bfd5ea), color-stop(97%,#a1c4e2), color-stop(100%,#b8d0e6)); /* Chrome,Safari4+ */ >+ background: -webkit-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Chrome10+,Safari5.1+ */ >+ background: -o-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* Opera11.10+ */ >+ background: -ms-linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* IE10+ */ >+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9fc', endColorstr='#b8d0e6',GradientType=0 ); /* IE6-9 */ >+ background: linear-gradient(top, #f4f9fc 0%,#dfeefa 4%,#bfd5ea 93%,#a1c4e2 97%,#b8d0e6 100%); /* W3C */ > border-top: 1px solid #cccccc; > border-left: 1px solid #cccccc; > border-right: 1px solid #eeeeee; >@@ -74,7 +86,7 @@ input[type=submit], input[type=button], input[type=reset] { > padding : 4px; > } > >-input[type=submit]:active, input[type=button], input[type=reset] { >+input[type=submit]:active, input[type=button]:active, input[type=reset]:active { > border: 1px inset #666666; > float : none; > } >@@ -91,14 +103,34 @@ input[type=submit]:active, input[type=button], input[type=reset] { > } > > div.alert { >- background : #FFC url(../../images/alert-bg.gif) repeat-x left 0; >- text-align : center; >+ background: #fef8d3; /* Old browsers */ >+ background: -moz-linear-gradient(top, #fef8d3 0%, #ffec91 9%, #ffed87 89%, #f9dc00 100%); /* FF3.6+ */ >+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fef8d3), color-stop(9%,#ffec91), color-stop(89%,#ffed87), color-stop(100%,#f9dc00)); /* Chrome,Safari4+ */ >+ background: -webkit-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Chrome10+,Safari5.1+ */ >+ background: -o-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* Opera11.10+ */ >+ background: -ms-linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* IE10+ */ >+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef8d3', endColorstr='#f9dc00',GradientType=0 ); /* IE6-9 */ >+ background: linear-gradient(top, #fef8d3 0%,#ffec91 9%,#ffed87 89%,#f9dc00 100%); /* W3C */ >+ text-align : center; > } > > div.alert strong { > color : #900; > } > >+div.message { >+ background: #ffffff; /* Old browsers */ >+ background: -moz-linear-gradient(top, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%); /* FF3.6+ */ >+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(2%,#f4f6fa), color-stop(23%,#eaeef5), color-stop(94%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */ >+ background: -webkit-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */ >+ background: -o-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* Opera11.10+ */ >+ background: -ms-linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* IE10+ */ >+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */ >+ background: linear-gradient(top, #ffffff 0%,#f4f6fa 2%,#eaeef5 23%,#e8edf6 94%,#cddbf2 100%); /* W3C */ >+ border : 1px solid #bcbcbc; >+ width : 55%; >+} >+ > .dialog input { > background : #FFF none; > border : 1px solid #bcbcbc; >@@ -238,3 +270,44 @@ a.koha_url { > text-decoration: none; > color: #666666; > } >+ >+ >+div#changelanguage{ >+ background-color: #fff; >+ border-top: 1px solid #CCC; >+ color : #666; >+ font-size : 85%; >+ padding : 1em; >+ margin-top : 2em; >+ } >+ >+div#changelanguage a { >+ font-weight : normal; >+ padding : .5em; >+} >+ >+div#changelanguage a.more { >+ background-image:url(../../images/more-up-arrow.gif); >+ background-position:right center; >+ background-repeat:no-repeat; >+ padding-right:13px; >+} >+ >+div#changelanguage li.yuimenuitem { >+ font-size : 120%; >+ font-weight : normal; >+ margin : 0; >+ padding : 0 1em; >+} >+ >+div#changelanguage li.yuimenuitem a.yuimenuitemlabel { >+ padding : 0; >+} >+ >+div.lang{ >+ float:left; >+} >+ >+div.ft { >+ clear : both; >+} >\ No newline at end of file >diff --git a/koha-tmpl/opac-tmpl/prog/en/modules/sco/sco-main.tt b/koha-tmpl/opac-tmpl/prog/en/modules/sco/sco-main.tt >index fb9e0be..eeead5b 100644 >--- a/koha-tmpl/opac-tmpl/prog/en/modules/sco/sco-main.tt >+++ b/koha-tmpl/opac-tmpl/prog/en/modules/sco/sco-main.tt >@@ -168,13 +168,13 @@ Sorry, This Self-Checkout Station has lost authentication. Please contact the a > [% END %] > </div> > [% IF ( nouser ) %] >- <div class="error"><h4>Sorry</h4><p>The userid <strong>[% patronid %]</strong> was not found in the database. Please try again.</p></div> >+ <div class="dialog alert"><h4>Sorry</h4><p>The userid <strong>[% patronid %]</strong> was not found in the database. Please try again.</p></div> > <br /> > [% END %] > [% END %] > > [% IF ( timedout ) %] >- <div class="error"><h4>Sorry</h4><p>Your session has timed out due to inactivity. Please sign in.</p></div> >+ <div class="dialog message"><h4>Sorry</h4><p>Your session has timed out due to inactivity. Please sign in.</p></div> > <br /> > [% END %] > [% IF ( validuser ) %] >-- >1.7.2.5
You cannot view the attachment while viewing its details because your browser does not support IFRAMEs.
View the attachment on a separate page
.
View Attachment As Diff
View Attachment As Raw
Actions:
View
|
Diff
|
Splinter Review
Attachments on
bug 7629
:
7966
| 8015