From fa64402384fa198ecafa5c54abc5a83b8ce42de3 Mon Sep 17 00:00:00 2001
From: Claire Gravely <claire.gravely@bsz-bw.de>
Date: Thu, 4 Apr 2019 07:27:45 +0000
Subject: [PATCH] Bug 22638: Self checkin CSS update

This patch updates the Self-Checkin CSS to match tne new OPAC design.

Signed-off-by: Owen Leonard <oleonard@myacpl.org>

Signed-off-by: Liz Rea <wizzyrea@gmail.com>

Signed-off-by: Josef Moravec <josef.moravec@gmail.com>

Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
---
 koha-tmpl/opac-tmpl/bootstrap/css/sci.css     | 142 +++++++++++++++---
 .../bootstrap/en/modules/sci/sci-main.tt      |   2 +-
 2 files changed, 122 insertions(+), 22 deletions(-)

diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/sci.css b/koha-tmpl/opac-tmpl/bootstrap/css/sci.css
index 51464cb2c5..a905533ac1 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/css/sci.css
+++ b/koha-tmpl/opac-tmpl/bootstrap/css/sci.css
@@ -1,5 +1,10 @@
 body {
-    background-color: #EAEAE6;
+    background-color: #fcf9fc;
+}
+
+#wrap {
+    padding-right: 40px;
+    padding-left: 40px;
 }
 
 a, a:visited,
@@ -13,28 +18,30 @@ a.title {
 }
 
 h1 {
+    color: #727272;
     font-size : 140%;
     line-height: 150%;
 }
 h2 {
-
+    color: #727272;
     font-size : 130%;
     line-height: 150%;
 }
 h3 {
-
+    color: #727272;
     font-size : 120%;
     line-height: 150%;
 }
 h4 {
-
+    color: #727272;
     font-size : 110%;
 }
 h5 {
-
+    color: #727272;
     font-size : 100%;
 }
 caption {
+    color: #727272;
     font-size: 120%;
     font-weight: bold;
     margin : .5em 0;
@@ -46,30 +53,110 @@ textarea {
     width: auto;
 }
 
+/*Search bar border glow*/
+input[type="text"]:focus {
+   border-color: #85ca11;
+   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
+}
+
+input[type="password"]:focus {
+   border-color: #85ca11;
+   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
+}
+
 legend {
+    color: #727272;
     font-size: 110%;
     font-weight: bold;
 }
+
 th {
-    background-color: #ECEDE6;
+    background-color: #e2e8e8;
 }
+
 .main {
     background-color: #FFF;
-    border: 1px solid #D2D2CF;
-    border-radius: 8px 8px 8px 8px;
+    border-color: #f0f3f3;
     margin: 0.5em 20px;
     padding: 0.8em 0;
-    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
-    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
 }
+
+.navbar-inverse .navbar-inner {
+    background: #fcf9fc none;
+    border-color: #fcf9fc;
+    box-shadow: none;
+}
+
 .navbar-inverse .brand, .navbar-inverse .nav > li > a {
-    color: #9FE1FF;
+    color: #727272;
     font-weight: bold;
 }
 
+/*Dropdown menus in Header*/
+.dropdown-menu {
+   border-radius: 0px;
+}
+
+.dropdown-menu > li > a:hover {
+   background: #85ca11 none;
+   color: #FFFFFF;
+}
+
+.dropdown-menu > li > a:focus {
+   background: #85ca11 none;
+   color: #FFFFFF;
+}
+
+.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
+   border-top-color: #85ca11;
+   border-bottom-color: #85ca11;
+}
+
+.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret:hover {
+   border-top-color: #85ca11;
+   border-bottom-color: #85ca11;
+}
+
+.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
+   background-color: transparent;
+   color: #85ca11;
+}
+
+.navbar-inverse .nav li.dropdown > a:hover .caret {
+   border-top-color: #85ca11;
+   border-bottom-color: #85ca11;
+}
+
+.navbar .nav li.dropdown > a:focus .caret {
+   border-top-color: #85ca11;
+   border-bottom-color: #85ca11;
+}
+
+.navbar-inverse .nav li.dropdown > a:focus .caret {
+   border-top-color: #85ca11;
+   border-bottom-color: #85ca11;
+}
+
+.navbar .nav li.dropdown > a:hover .caret {
+   border-top-color: #85ca11;
+   border-bottom-color: #85ca11;
+}
+
+.navbar-inverse .nav > li > a {
+   color: #727272;
+}
+
+.navbar-inverse .nav > li > a:hover {
+   color: #85ca11;
+}
+
+.navbar-inverse .nav > li > a:focus {
+   color: #85ca11;
+}
+
 .table-striped tbody > tr:nth-child(odd) > td,
 .table-striped tbody > tr:nth-child(odd) > th {
-  background-color: #F4F4F4;
+  background-color: #f0f3f3;
 }
 /* Redefine a new style for Bootstrap's class "close" since we use that already */
 /* Use <a class="closebtn" href="#">&times;</a> */
@@ -123,14 +210,7 @@ button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit
     border-color : #9FBA35;
     color: #333;
 }
-#members p {
-    color : #EEE;
-}
 
-#members a {
-    color: #A6D8ED;
-    font-weight: bold;
-}
 
 #members a.logout {
     color : #E8583C;
@@ -192,7 +272,27 @@ i.help {
 .table .nosort.sorting_desc,
 .table .nosort.sorting {
     padding-right: 19px;
-    background: #EEEEEE none;
+    background: #e2e8e8 none;
+}
+
+.table-bordered {
+    border-radius: 0px;
+}
+
+.table-bordered thead:first-child tr:first-child > th:last-child {
+   border-radius: 0px;
+}
+
+.table-bordered tbody:last-child tr:last-child > td:last-child {
+   border-radius: 0px;
+}
+
+.table-bordered tbody:last-child tr:last-child > td:first-child {
+   border-radius: 0px;
+}
+
+.table-bordered thead:first-child tr:first-child > th:first-child {
+   border-radius: 0px;
 }
 
 #sci_logout {
@@ -205,4 +305,4 @@ i.help {
 
 #sci_refresh_button {
     color: rgb(51, 51, 51);
-}
\ No newline at end of file
+}
diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt
index e8e5c2d8bb..4e946d9123 100644
--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt
+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/sci/sci-main.tt
@@ -51,7 +51,7 @@
     <div class="navbar navbar-inverse navbar-static-top">
         <div class="navbar-inner">
             <div class="container-fluid">
-                <a class="brand" href="/cgi-bin/koha/sci/sci-main.pl"><img src="[% interface | html %]/[% theme | html %]/images/koha-logo-navbar.png" alt=""></a>
+                <a class="brand" href="/cgi-bin/koha/sci/sci-main.pl"><img src="[% interface | html %]/[% theme | html %]/images/koha-green-logo.png" alt=""></a>
                 <div id="checkouthelp">
                     <ul class="nav pull-right">
                         <li><a href="/cgi-bin/koha/sci/sci-main.pl" class="helpModal-trigger" role="button" data-toggle="modal"><i class="icon help"></i> Help</a></li>
-- 
2.39.5