From fa64402384fa198ecafa5c54abc5a83b8ce42de3 Mon Sep 17 00:00:00 2001 From: Claire Gravely 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 Signed-off-by: Liz Rea Signed-off-by: Josef Moravec Signed-off-by: Nick Clemens --- 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 × */ @@ -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 @@