03deaadd31
This patch updates the Self-checkout pages to match the new OPAC style. 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>
306 lines
8.3 KiB
CSS
306 lines
8.3 KiB
CSS
body {
|
|
background-color: #fcf9fc;
|
|
}
|
|
|
|
#wrap {
|
|
padding-right: 40px;
|
|
padding-left: 40px;
|
|
}
|
|
|
|
a, a:visited,
|
|
.ui-widget-content a,
|
|
.ui-widget-content a:visited {
|
|
color: #0076B2;
|
|
}
|
|
|
|
a.title {
|
|
font-weight: bold;
|
|
}
|
|
|
|
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;
|
|
text-align: left;
|
|
}
|
|
|
|
input,
|
|
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;
|
|
}
|
|
.main {
|
|
background-color: #FFF;
|
|
border-color: #f0f3f3;
|
|
margin: 0.5em 20px;
|
|
padding: 0.8em 0;
|
|
}
|
|
|
|
.navbar-inverse .navbar-inner {
|
|
background: #fcf9fc none;
|
|
border-color: #fcf9fc;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
|
|
color: #727272;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
/*language menu font colour*/
|
|
|
|
|
|
/*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: #f0f3f3;
|
|
}
|
|
/* Redefine a new style for Bootstrap's class "close" since we use that already */
|
|
/* Use <a class="closebtn" href="#">×</a> */
|
|
.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}
|
|
.modal-header .closebtn{margin-top:2px;}
|
|
.closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}
|
|
button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}
|
|
.btn-group label,
|
|
.btn-group select {
|
|
font-size: 13px;
|
|
}
|
|
|
|
/* Override Bootstrap alert */
|
|
.alert {
|
|
background: #fffbe5; /* Old browsers */
|
|
background: -moz-linear-gradient(top, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe5), color-stop(9%,#fff0b2), color-stop(89%,#fff1a8), color-stop(100%,#f7e665)); /* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
|
|
background: linear-gradient(to bottom, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
|
|
border-color : #D6C43B;
|
|
color: #333;
|
|
}
|
|
|
|
/* Override Bootstrap alert.alert-info */
|
|
.alert-info {
|
|
background: #f4f6fa; /* Old browsers */
|
|
background: -moz-linear-gradient(top, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(4%,#eaeef5), color-stop(96%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
|
|
background: linear-gradient(to bottom, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
|
|
border-color : #C5D1E5;
|
|
color: #333;
|
|
}
|
|
|
|
/* Override Bootstrap alert.alert-success */
|
|
.alert-success {
|
|
background: #f8ffe8; /* Old browsers */
|
|
background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(4%,#e3f5ab), color-stop(98%,#dcf48d), color-stop(100%,#9ebf28)); /* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
|
|
background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
|
|
border-color : #9FBA35;
|
|
color: #333;
|
|
}
|
|
|
|
.inline {
|
|
display: inline;
|
|
}
|
|
|
|
i.icon {
|
|
background-repeat: no-repeat;
|
|
display: inline-block;
|
|
height: 16px;
|
|
line-height: 16px;
|
|
margin-right: 3px;
|
|
vertical-align: text-top;
|
|
width: 16px;
|
|
}
|
|
|
|
i.back {
|
|
background : transparent url("../lib/famfamfam/arrow_left.png") no-repeat 0 0;
|
|
}
|
|
|
|
i.return {
|
|
background : transparent url("../lib/famfamfam/book_previous.png") no-repeat 0 0;
|
|
}
|
|
|
|
i.renew {
|
|
background : transparent url("../lib/famfamfam/arrow_refresh.png") no-repeat 0 0;
|
|
}
|
|
|
|
i.cancel {
|
|
background : transparent url("../lib/famfamfam/cancel.png") no-repeat 0 0;
|
|
}
|
|
|
|
i.finish {
|
|
background : transparent url("../lib/famfamfam/stop.png") no-repeat 0 0;
|
|
}
|
|
|
|
i.help {
|
|
background : transparent url("../lib/famfamfam/help.png") no-repeat 0 0;
|
|
}
|
|
|
|
.table .sorting_asc {
|
|
padding-right: 19px;
|
|
background: url("../images/asc.gif") no-repeat scroll right center #e2e8e8;
|
|
}
|
|
.table .sorting_desc {
|
|
padding-right: 19px;
|
|
background: url("../images/desc.gif") no-repeat scroll right center #e2e8e8;
|
|
}
|
|
.table .sorting {
|
|
padding-right: 19px;
|
|
background: url("../images/ascdesc.gif") no-repeat scroll right center #e2e8e8;
|
|
}
|
|
.table .nosort,
|
|
.table .nosort.sorting_asc,
|
|
.table .nosort.sorting_desc,
|
|
.table .nosort.sorting {
|
|
padding-right: 19px;
|
|
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 {
|
|
color: #E8583C;
|
|
}
|
|
|
|
#sci_checkin_button, #sci_refresh_button, #sci_append_button {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#sci_refresh_button {
|
|
color: rgb(51, 51, 51);
|
|
}
|
|
|
|
.tdlabel {
|
|
display: none;
|
|
}
|