Owen Leonard
0fcbf1efe1
When looking at the detail page for a bibliographic record, there are tabs linking to the "Normal," "MARC," and "ISBD" views. These tabs need to be styled responsively so that they work well at all browser widths. This patch makes some slight markup changes to the templates and updates the LESS files to add responsive styling. This patch does not include the compiled CSS file, so the follow-up is required to test the visual changes. Signed-off-by: Marc Véron <veron@veron.ch> Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org> Signed-off-by: Brendan Gallagher <brendan@bywatersolutions.com>
2504 lines
50 KiB
Text
2504 lines
50 KiB
Text
@import "mixins.less";
|
|
body {
|
|
background-color: #EAEAE6;
|
|
}
|
|
|
|
/* Sticky footer styles */
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
/* The html and body elements cannot have any padding or margin. */
|
|
}
|
|
|
|
.no-js {
|
|
.dateformat {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
}
|
|
.modal-body {
|
|
padding: 0;
|
|
}
|
|
.selections-toolbar {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.js {
|
|
.dateformat {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* Wrapper for page content to push down footer */
|
|
#wrap {
|
|
min-height: 100%;
|
|
height: auto !important;
|
|
height: 100%;
|
|
/* Negative indent footer by it's height */
|
|
// margin: 0 auto -60px;
|
|
}
|
|
|
|
/* Set the fixed height of the footer here */
|
|
#changelanguage {
|
|
// height: 60px;
|
|
}
|
|
|
|
.popup {
|
|
padding-left : 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
a {
|
|
color: @links;
|
|
&.cancel {
|
|
padding-left : 1em;
|
|
}
|
|
&:visited {
|
|
color: @links;
|
|
}
|
|
&.title {
|
|
font-weight: bold;
|
|
font-size : 108%;
|
|
}
|
|
&.btn {
|
|
&:visited {
|
|
color : #333;
|
|
}
|
|
}
|
|
&.btn-primary {
|
|
&:visited {
|
|
color : #FFF;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ui-widget-content a,
|
|
.ui-widget-content a:visited {
|
|
color: @links;
|
|
}
|
|
|
|
h1 {
|
|
font-size : 140%;
|
|
line-height: 150%;
|
|
&#libraryname {
|
|
background: transparent url(../images/logo-koha.png) no-repeat scroll 0%;
|
|
border: 0;
|
|
float: left !important;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 120px;
|
|
a {
|
|
border: 0;
|
|
cursor: pointer;
|
|
display: block;
|
|
height: 0px !important;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding: 40px 0 0;
|
|
text-decoration: none;
|
|
width: 120px;
|
|
}
|
|
}
|
|
}
|
|
|
|
h2 {
|
|
|
|
font-size : 130%;
|
|
line-height: 150%;
|
|
}
|
|
h3 {
|
|
|
|
font-size : 120%;
|
|
line-height: 150%;
|
|
}
|
|
h4 {
|
|
|
|
font-size : 110%;
|
|
}
|
|
h5 {
|
|
|
|
font-size : 100%;
|
|
}
|
|
|
|
caption {
|
|
font-size: 120%;
|
|
font-weight: bold;
|
|
margin : 0;
|
|
text-align: left;
|
|
}
|
|
|
|
input,
|
|
textarea {
|
|
width: auto;
|
|
}
|
|
|
|
.input-fluid {
|
|
width : 50%;
|
|
}
|
|
|
|
legend {
|
|
font-size: 110%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
table, td {
|
|
background-color: #FFF;
|
|
}
|
|
|
|
td {
|
|
.btn {
|
|
white-space: nowrap;
|
|
}
|
|
.btn-link {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
#advsearches,
|
|
#booleansearch {
|
|
label {
|
|
display: inline;
|
|
}
|
|
}
|
|
|
|
#basketcount {
|
|
display : inline;
|
|
margin : 0;
|
|
padding : 0;
|
|
span {
|
|
background-color : #FFC;
|
|
color : #000;
|
|
display : inline;
|
|
font-size : 80%;
|
|
font-weight : normal;
|
|
margin : 0 0 0 .9em;
|
|
padding : 0 .3em 0 .3em;
|
|
.border-radius-all(3px);
|
|
}
|
|
}
|
|
|
|
|
|
#members {
|
|
display: block;
|
|
p {
|
|
color : #EEE;
|
|
}
|
|
a {
|
|
color: #A6D8ED;
|
|
font-weight: bold;
|
|
&.logout {
|
|
color : #E8583C;
|
|
padding : 0 .3em 0 .3em;
|
|
}
|
|
}
|
|
}
|
|
#koha_url p {
|
|
color: #666666;
|
|
float : right;
|
|
margin: 0;
|
|
}
|
|
|
|
#moresearches {
|
|
margin: .5em 0;
|
|
padding: 0 .8em;
|
|
li {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
&:after {
|
|
content : " | ";
|
|
}
|
|
|
|
}
|
|
ul {
|
|
margin : 0;
|
|
}
|
|
}
|
|
|
|
#moresearches li:last-child:after {
|
|
content : "";
|
|
}
|
|
|
|
#news {
|
|
margin : .5em 0;
|
|
}
|
|
|
|
.newscontainer {
|
|
border: 1px solid #ddd;
|
|
border-bottom-width: 0;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
|
|
.newsheader {
|
|
background-color: #ecede6;
|
|
border-bottom: 1px solid #ddd;
|
|
margin: 0;
|
|
padding: 8px;
|
|
}
|
|
|
|
.newsbody {
|
|
padding: 8px;
|
|
}
|
|
|
|
.newsfooter {
|
|
border-bottom: 1px solid #ddd;
|
|
font-style: italic;
|
|
padding: 4px 8px;
|
|
}
|
|
|
|
#opacheader {
|
|
background-color: #DDD;
|
|
}
|
|
|
|
#selections,
|
|
.selections {
|
|
font-weight : bold;
|
|
}
|
|
|
|
.actions {
|
|
a {
|
|
white-space: nowrap;
|
|
&.hold {
|
|
background-image : url("../images/sprite.png"); /* Place hold small */
|
|
background-position : -5px -542px;
|
|
background-repeat: no-repeat;
|
|
margin-right : 1em;
|
|
padding-left : 21px;
|
|
text-decoration : none;
|
|
}
|
|
&.addtocart {
|
|
background-image : url("../images/sprite.png"); /* Cart small */
|
|
background-position : -5px -572px;
|
|
background-repeat: no-repeat;
|
|
margin-right : 1em;
|
|
padding-left : 20px;
|
|
text-decoration : none;
|
|
}
|
|
&.addtoshelf {
|
|
background-image : url("../images/sprite.png"); /* MARC view */
|
|
background-position: -5px -27px;
|
|
background-repeat: no-repeat;
|
|
margin-right : 1em;
|
|
padding-left : 20px;
|
|
text-decoration : none;
|
|
}
|
|
&.addtolist {
|
|
background-position: -5px -27px;
|
|
margin-right : 1em;
|
|
padding-left : 20px;
|
|
text-decoration : none;
|
|
}
|
|
&.tag_add {
|
|
background-position: -5px -1110px;
|
|
margin-right : 1em;
|
|
padding-left : 20px;
|
|
text-decoration : none;
|
|
}
|
|
/* List contents remove from list link */
|
|
&.removefromlist {
|
|
background-position : -8px -690px; /* Delete */
|
|
margin-right : 1em;
|
|
text-decoration : none;
|
|
padding-left : 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
.breadcrumb {
|
|
background-color: #F2F2EF;
|
|
font-size: 85%;
|
|
list-style: none outside none;
|
|
margin: 10px 20px;
|
|
padding: 5px 10px;
|
|
.border-radius-all(7px);
|
|
}
|
|
|
|
.form-inline {
|
|
display : inline;
|
|
padding: 0;
|
|
margin: 0;
|
|
fieldset {
|
|
margin: 0.3em 0;
|
|
padding: 0.3em;
|
|
}
|
|
}
|
|
|
|
.main {
|
|
background-color: #FFF;
|
|
border: 1px solid #D2D2CF;
|
|
.border-radius-all(7px);
|
|
.shadowed;
|
|
margin-top : 0.5em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.mastheadsearch {
|
|
.border-radius-all(7px);
|
|
padding: .8em;
|
|
margin: .5em 0;
|
|
background: #c7c7c1;
|
|
/* Old browsers */
|
|
background: -moz-linear-gradient(top, #c7c7c1 38%, #a7a7a2 100%);
|
|
/* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(38%,#c7c7c1), color-stop(100%,#a7a7a2));
|
|
/* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
|
|
/* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
|
|
/* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, #c7c7c1 38%,#a7a7a2 100%);
|
|
/* IE10+ */
|
|
background: linear-gradient(to bottom, #c7c7c1 38%,#a7a7a2 100%);
|
|
/* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c1', endColorstr='#a7a7a2',GradientType=0 );
|
|
/* IE6-9 */
|
|
label {
|
|
font-size: 115%;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
|
|
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
|
|
color: #9FE1FF;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.navbar-fixed-bottom.navbar-static-bottom {
|
|
margin-top : .5em;
|
|
position: static;
|
|
}
|
|
|
|
#changelanguage .nav > .active > p {
|
|
padding : 0 15px;
|
|
}
|
|
|
|
.table-striped tbody > tr:nth-child(odd) > td,
|
|
.table-striped tbody > tr:nth-child(odd) > th {
|
|
background-color: #F4F4F4;
|
|
}
|
|
|
|
|
|
/* jQuery UI standard tabs */
|
|
.ui-tabs-nav .ui-tabs-active a,
|
|
.ui-tabs-nav a:hover,
|
|
.ui-tabs-nav a:focus,
|
|
.ui-tabs-nav a:active,
|
|
.ui-tabs-nav span.a {
|
|
background: none repeat scroll 0 0 transparent;
|
|
outline: 0 none;
|
|
}
|
|
|
|
.ui-widget,
|
|
.ui-widget input,
|
|
.ui-widget select,
|
|
.ui-widget textarea,
|
|
.ui-widget button {
|
|
font-family : inherit;
|
|
font-size : inherit;
|
|
}
|
|
|
|
ul.ui-tabs-nav li {
|
|
list-style : none;
|
|
}
|
|
.ui-tabs.ui-widget-content {
|
|
background : transparent none;
|
|
border : 0;
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-panel {
|
|
border : 1px solid #D8D8D8;
|
|
margin-bottom: 1em;
|
|
}
|
|
.ui-tabs-nav.ui-widget-header {
|
|
border : 0;
|
|
background : none;
|
|
}
|
|
.ui-tabs .ui-tabs-nav li {
|
|
background: #F3F3F3 none;
|
|
border-color: #D8D8D8;
|
|
margin-right : .4em;
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
|
|
background-color : #FFF;
|
|
border : 1px solid #D8D8D8;
|
|
border-bottom: 0;
|
|
}
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
|
|
color : #000;
|
|
font-weight : bold;
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav li.ui-state-default.ui-state-hover {
|
|
background : #F3F3F3 none;
|
|
}
|
|
|
|
.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-hover {
|
|
background : #FFF none;
|
|
}
|
|
|
|
.ui-tabs .ui-state-default a,
|
|
.ui-tabs .ui-state-default a:link,
|
|
.ui-tabs .ui-state-default a:visited {
|
|
color: #006699;
|
|
}
|
|
|
|
.ui-tabs .ui-state-hover a,
|
|
.ui-tabs .ui-state-hover a:link,
|
|
.ui-tabs .ui-state-hover a:visited {
|
|
color: #990033;
|
|
}
|
|
|
|
.statictabs {
|
|
ul {
|
|
background: none repeat scroll 0 0 transparent;
|
|
border: 0 none;
|
|
margin: 0;
|
|
padding: 0.2em 0.2em 0;
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
color: #222222;
|
|
font-weight: bold;
|
|
font-size: 100%;
|
|
line-height: 1.3;
|
|
list-style: none outside none;
|
|
outline: 0 none;
|
|
text-decoration: none;
|
|
&:before {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
&:after {
|
|
clear: both;
|
|
content: "";
|
|
display: table;
|
|
}
|
|
}
|
|
li {
|
|
background: none repeat scroll 0 0 #E6F0F2;
|
|
border: 1px solid #B9D8D9;
|
|
border-bottom: 0 none !important;
|
|
border-top-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
float: left;
|
|
list-style: none outside none;
|
|
margin-bottom: 0;
|
|
margin-right: 0.4em;
|
|
padding: 0;
|
|
position: relative;
|
|
white-space: nowrap;
|
|
top: 1px;
|
|
color: #555555;
|
|
font-weight: normal;
|
|
&.active {
|
|
background-color: #FFFFFF;
|
|
color: #212121;
|
|
font-weight: normal;
|
|
padding-bottom: 1px;
|
|
}
|
|
a {
|
|
color: #004D99;
|
|
cursor: pointer;
|
|
float: left;
|
|
padding: 0.5em 1em;
|
|
text-decoration: none;
|
|
&:hover {
|
|
background-color : #EDF4F5;
|
|
border-top-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
color : #538200;
|
|
}
|
|
}
|
|
&.active {
|
|
a {
|
|
color: #000000;
|
|
font-weight: bold;
|
|
cursor: text;
|
|
background: none repeat scroll 0 0 transparent;
|
|
outline: 0 none;
|
|
}
|
|
}
|
|
}
|
|
.tabs-container {
|
|
border: 1px solid #B9D8D9;
|
|
background: none repeat scroll 0 0 transparent;
|
|
display: block;
|
|
padding: 1em 1.4em;
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
color: #222222;
|
|
}
|
|
}
|
|
|
|
/* End jQueryUI tab styles */
|
|
|
|
/* jQuery UI Datepicker */
|
|
.ui-datepicker table {width: 100%; font-size: .9em; border : 0; border-collapse: collapse; margin:0 0 .4em; }
|
|
.ui-datepicker th { background : transparent none; padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
|
|
|
|
.ui-datepicker-trigger {
|
|
vertical-align: middle;
|
|
margin : 0 3px;
|
|
}
|
|
.ui-datepicker {
|
|
.shadowed;
|
|
}
|
|
/* End jQueryUI datepicker styles */
|
|
|
|
|
|
/* jQueryUI Core */
|
|
|
|
.ui-widget-content {
|
|
border: 1px solid #AAA;
|
|
background: #ffffff none;
|
|
color: #222222;
|
|
}
|
|
.ui-widget-header {
|
|
border: 1px solid #AAA;
|
|
background: #E6F0F2 none;
|
|
color: #222222;
|
|
font-weight: bold;
|
|
}
|
|
.ui-state-default,
|
|
.ui-widget-content .ui-state-default,
|
|
.ui-widget-header .ui-state-default {
|
|
border: 1px solid #AAA;
|
|
background: #F4F8F9 none;
|
|
font-weight: normal;
|
|
color: #555555;
|
|
}
|
|
.ui-state-hover,
|
|
.ui-widget-content .ui-state-hover,
|
|
.ui-widget-header .ui-state-hover,
|
|
.ui-state-focus,
|
|
.ui-widget-content .ui-state-focus,
|
|
.ui-widget-header .ui-state-focus {
|
|
border: 1px solid #AAA;
|
|
background: #E6F0F2 none;
|
|
font-weight: normal;
|
|
color: #212121;
|
|
}
|
|
.ui-state-active,
|
|
.ui-widget-content .ui-state-active,
|
|
.ui-widget-header .ui-state-active {
|
|
border: 1px solid #aaaaaa;
|
|
background: #ffffff none;
|
|
font-weight: normal;
|
|
color: #212121;
|
|
}
|
|
.ui-state-highlight,
|
|
.ui-widget-content .ui-state-highlight,
|
|
.ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1;
|
|
background: #fbf9ee;
|
|
color: #363636;
|
|
}
|
|
.ui-state-error,
|
|
.ui-widget-content .ui-state-error,
|
|
.ui-widget-header .ui-state-error {border: 1px solid #cd0a0a;
|
|
background: #fef1ec;
|
|
color: #cd0a0a;
|
|
}
|
|
|
|
/* end jQueryUI core */
|
|
|
|
/* jQueryUI autocomplete */
|
|
|
|
.ui-autocomplete {
|
|
position: absolute;
|
|
cursor: default;
|
|
.shadowed;
|
|
}
|
|
.ui-autocomplete.ui-widget-content .ui-state-hover {
|
|
border: 1px solid #AAA;
|
|
background: #E6F0F2 none;
|
|
font-weight: normal;
|
|
color: #212121;
|
|
}
|
|
.ui-autocomplete-loading {
|
|
background: #FFF url("../../img/loading-small.gif") right center no-repeat;
|
|
}
|
|
.ui-menu li {
|
|
list-style:none;
|
|
}
|
|
|
|
/* end jQueryUI autocomplete */
|
|
|
|
|
|
|
|
th {
|
|
background-color: #ECEDE6;
|
|
}
|
|
|
|
.item-thumbnail {
|
|
max-width: none;
|
|
}
|
|
|
|
.no-image {
|
|
background-color : #FFF;
|
|
border: 1px solid #AAA;
|
|
color : #979797;
|
|
display:block;
|
|
font-size : 86%;
|
|
font-weight : bold;
|
|
text-align : center;
|
|
width : 75px;
|
|
.border-radius-all(3px);
|
|
}
|
|
|
|
#bookcover .no-image {
|
|
margin-right : 10px;
|
|
margin-bottom : 10px;
|
|
}
|
|
|
|
td.overdue {
|
|
color : #cc3333;
|
|
}
|
|
table {
|
|
font-size: 90%;
|
|
}
|
|
th.sum {
|
|
text-align: right;
|
|
}
|
|
|
|
td.sum {
|
|
background-color: #FFC;
|
|
font-weight: bold;
|
|
}
|
|
|
|
th[scope=row] {
|
|
background-color: transparent;
|
|
text-align : right;
|
|
}
|
|
|
|
.required {
|
|
color : #C00;
|
|
}
|
|
|
|
.label {
|
|
background-color: transparent;
|
|
color: inherit;
|
|
display: inline;
|
|
font-weight: normal;
|
|
padding : 0;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.blabel {
|
|
background-color: #999999;
|
|
border-radius: 3px;
|
|
color: #ffffff;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
padding: 2px 4px;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.label-important {
|
|
background-color: #b94a48;
|
|
}
|
|
.label-warning {
|
|
background-color: #f89406;
|
|
}
|
|
.label-success {
|
|
background-color: #468847;
|
|
}
|
|
.label-info {
|
|
background-color: #3a87ad;
|
|
}
|
|
.label-inverse {
|
|
background-color: #333333;
|
|
}
|
|
|
|
fieldset {
|
|
&.rows {
|
|
float : left;
|
|
font-size : 90%;
|
|
clear : left;
|
|
margin: .9em 0 0 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
legend {
|
|
font-weight: bold;
|
|
font-size : 130%;
|
|
}
|
|
label,
|
|
.label {
|
|
float: left;
|
|
font-weight : bold;
|
|
width: 9em;
|
|
margin-right: 1em;
|
|
text-align: right;
|
|
}
|
|
label {
|
|
&.lradio {
|
|
float: none;
|
|
margin: inherit;
|
|
width: auto;
|
|
}
|
|
}
|
|
fieldset {
|
|
margin : 0;
|
|
padding : .3em;
|
|
}
|
|
ol {
|
|
padding: 1em 1em 0 1em;
|
|
list-style-type: none;
|
|
&.lradio {
|
|
label {
|
|
width : auto;
|
|
float : none;
|
|
margin-right : 0;
|
|
&.lradio {
|
|
float : left;
|
|
width : 12em;
|
|
margin-right : 1em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
li {
|
|
float : left;
|
|
clear : left;
|
|
padding-bottom: 1em;
|
|
list-style-type: none;
|
|
width: 100%;
|
|
&.lradio {
|
|
padding-left: 8.5em;
|
|
width : auto;
|
|
label {
|
|
float : none;
|
|
width : auto;
|
|
margin : 0 0 0 1em;
|
|
}
|
|
}
|
|
}
|
|
.hint {
|
|
display: block;
|
|
margin-left : 11em;
|
|
}
|
|
}
|
|
&.action {
|
|
clear : both;
|
|
float : none;
|
|
border : none;
|
|
margin : 0;
|
|
padding : 1em 0 .3em 0;
|
|
width : auto;
|
|
p {
|
|
margin-bottom : 1em;
|
|
}
|
|
}
|
|
table {
|
|
font-size: 100%;
|
|
}
|
|
}
|
|
|
|
div.rows+div.rows {
|
|
margin-top : .6em;
|
|
}
|
|
|
|
div.rows {
|
|
float : left;
|
|
clear : left;
|
|
margin: 0 0 0 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
span.label {
|
|
float: left;
|
|
font-weight : bold;
|
|
width: 9em;
|
|
margin-right: 1em;
|
|
text-align: left;
|
|
}
|
|
ol {
|
|
list-style-type: none;
|
|
margin-left : 0;
|
|
padding: .5em 1em 0 0;
|
|
}
|
|
li {
|
|
border-bottom : 1px solid #EEE;
|
|
float : left;
|
|
clear : left;
|
|
padding-bottom: .2em;
|
|
padding-top: .1em;
|
|
list-style-type: none;
|
|
width: 100%;
|
|
}
|
|
ul {
|
|
li {
|
|
margin-left : 7.3em;
|
|
&:first-child {
|
|
float: none;
|
|
clear: none;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
ol li li {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
|
|
/* different sizes for different tags in opac-tags.tt */
|
|
.tagweight0 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.tagweight1 {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.tagweight2 {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.tagweight3 {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.tagweight4 {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.tagweight5 {
|
|
font-size: 22px;
|
|
}
|
|
|
|
.tagweight6 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
.tagweight7 {
|
|
font-size: 26px;
|
|
}
|
|
|
|
.tagweight8 {
|
|
font-size: 28px;
|
|
}
|
|
|
|
.tagweight9 {
|
|
font-size: 30px;
|
|
}
|
|
|
|
.toolbar {
|
|
background-color : #EEEEEE;
|
|
border : 1px solid #E8E8E8;
|
|
font-size : 85%;
|
|
padding:3px 3px 5px 5px;
|
|
vertical-align : middle;
|
|
a {
|
|
white-space: nowrap;
|
|
}
|
|
label {
|
|
display: inline;
|
|
font-size: 100%;
|
|
font-weight : bold;
|
|
margin-left : .5em;
|
|
}
|
|
select {
|
|
font-size: 97%;
|
|
height: auto;
|
|
line-height: inherit;
|
|
padding: 0;
|
|
margin: 0;
|
|
width : auto;
|
|
white-space: nowrap;
|
|
}
|
|
.hold,
|
|
#tagsel_tag {
|
|
padding-left: 28px;
|
|
font-size: 97%;
|
|
font-weight: bold;
|
|
}
|
|
#tagsel_form {
|
|
margin-top : .5em;
|
|
}
|
|
li {
|
|
display : inline;
|
|
list-style : none;
|
|
a {
|
|
border-left : 1px solid #e8e8e8;
|
|
}
|
|
&:first-child {
|
|
a {
|
|
border-left : 0;
|
|
}
|
|
}
|
|
}
|
|
ul {
|
|
padding-left : 0;
|
|
}
|
|
}
|
|
|
|
#basket .toolbar {
|
|
padding: 7px 5px 9px 9px;
|
|
}
|
|
|
|
#selections-toolbar,
|
|
.selections-toolbar {
|
|
background: -moz-linear-gradient(top, #b2b2b2 0%, #e0e0e0 14%, #e8e8e8 100%); /* FF3.6+ */
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(14%,#e0e0e0), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
|
|
background: -webkit-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
|
|
background: -o-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* Opera 11.10+ */
|
|
background: -ms-linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* IE10+ */
|
|
background: linear-gradient(top, #b2b2b2 0%,#e0e0e0 14%,#e8e8e8 100%); /* W3C */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
|
|
margin : 0 0 1em 0;
|
|
padding-top : .5em;
|
|
padding-left : 10px;
|
|
}
|
|
|
|
.list-actions {
|
|
display : inline;
|
|
}
|
|
|
|
#tagsel_span input.submit,
|
|
#tagsel_tag {
|
|
border : 0;
|
|
background-color: transparent;
|
|
font-size : 100%;
|
|
color: #0076B2;
|
|
cursor : pointer;
|
|
background-image : url("../images/sprite.png"); /* Tags */
|
|
background-position : 1px -643px;
|
|
background-repeat : no-repeat;
|
|
padding-left : 25px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#tagsel_tag.disabled {
|
|
background-position : -1px -667px;
|
|
}
|
|
|
|
|
|
#tagsel_span input:hover,
|
|
#selections-toolbar input.hold:hover {
|
|
color: #005580;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#tagsel_span input.disabled,
|
|
#tagsel_span input.disabled:hover,
|
|
#tagsel_span input.hold.disabled,
|
|
#tagsel_span input.hold.disabled:hover,
|
|
#selections-toolbar input.hold.disabled,
|
|
#selections-toolbar input.hold.disabled:hover,
|
|
#selections-toolbar a.disabled,
|
|
#selections-toolbar a.disabled:hover,
|
|
.selections-toolbar a.disabled,
|
|
.selections-toolbar a.disabled:hover {
|
|
color: #888888;
|
|
text-decoration: none;
|
|
padding-left : 23px;
|
|
}
|
|
|
|
.results_summary {
|
|
display: block;
|
|
font-size : 85%;
|
|
color: #707070;
|
|
padding : 0 0 .5em 0;
|
|
.results_summary {
|
|
font-size : 100%;
|
|
}
|
|
&.actions {
|
|
margin-top : .5em;
|
|
}
|
|
&.tagstatus {
|
|
display: inline;
|
|
}
|
|
.label {
|
|
color: #202020;
|
|
}
|
|
a {
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
|
|
#views {
|
|
margin-bottom : .5em;
|
|
padding : 0 2em 0.2em 0.2em;
|
|
}
|
|
|
|
.view {
|
|
background-color : #F3F3F3;
|
|
border: 1px solid #C9C9C9;
|
|
border-radius: 4px;
|
|
display: inline-block;
|
|
padding: 0.2em 0.5em;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#bibliodescriptions,
|
|
#isbdcontents {
|
|
clear : left;
|
|
margin-top : .5em;
|
|
}
|
|
|
|
.view {
|
|
a,
|
|
span {
|
|
background-image: url("../images/sprite.png");
|
|
background-repeat : no-repeat;
|
|
font-size : 87%;
|
|
padding-left: 15px;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
.view {
|
|
a {
|
|
font-weight : normal;
|
|
}
|
|
}
|
|
|
|
.current-view {
|
|
background-color: #fff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#MARCview {
|
|
background-position: -9px -27px;
|
|
}
|
|
#ISBDview {
|
|
background-position: -10px -56px;
|
|
}
|
|
#Normalview {
|
|
background-position: -8px 3px;
|
|
}
|
|
|
|
#bookcover {
|
|
float : left;
|
|
margin : 0;
|
|
padding : 0;
|
|
.no-image {
|
|
margin-right : 10px;
|
|
margin-bottom : 10px;
|
|
}
|
|
img {
|
|
margin : 0 1em 1em 0;
|
|
}
|
|
}
|
|
|
|
/* pagination */
|
|
.results-pagination {
|
|
position: absolute;
|
|
top:32px;
|
|
left: -1px;
|
|
width: 100%;
|
|
height:auto;
|
|
border: 1px solid #D0D0D0;
|
|
display: none;
|
|
background-color:#F3F3F3;
|
|
padding-bottom:10px;
|
|
z-index: 100;
|
|
}
|
|
|
|
|
|
.back {
|
|
float:right;
|
|
input {
|
|
background:none!important;
|
|
color:#999!important;
|
|
}
|
|
}
|
|
|
|
.pagination_list {
|
|
ul {
|
|
padding-top: 40px;
|
|
padding-left:0px;
|
|
}
|
|
li {
|
|
list-style:none;
|
|
float:bottom;
|
|
padding:4px;
|
|
color:#999;
|
|
&.highlight {
|
|
background-color : #F3F3F3;
|
|
border-top : 1px solid #DDDDDD;
|
|
border-bottom : 1px solid #DDDDDD;
|
|
}
|
|
a {
|
|
padding-left:0px;
|
|
}
|
|
}
|
|
.li_pag_index {
|
|
color: #999999;
|
|
float: left;
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
padding-right: 10px;
|
|
text-align: right;
|
|
width: 13px;
|
|
}
|
|
}
|
|
|
|
.nav_results {
|
|
background-color: #F3F3F3;
|
|
border: 1px solid #D0D0D0;
|
|
font-size: 95%;
|
|
font-weight: bold;
|
|
margin-top: 0.5em;
|
|
position:relative;
|
|
.l_Results {
|
|
a {
|
|
background:#E1E1E1 url("../images/sprite.png") no-repeat 0px -504px; /* Browse results menu */
|
|
color:#006699;
|
|
display:block;
|
|
padding:8px 28px;
|
|
text-decoration:none;
|
|
}
|
|
&:hover {
|
|
background-color:#D9D9D9;
|
|
}
|
|
}
|
|
}
|
|
|
|
.pg_menu {
|
|
margin: 0;
|
|
border-top: 1px solid #D0D0D0;
|
|
white-space : nowrap;
|
|
li {
|
|
color:#B2B2B2;
|
|
display:inline;
|
|
list-style:none;
|
|
margin: 0;
|
|
&.back_results {
|
|
a {
|
|
border-left: 1px solid #D0D0D0;
|
|
border-right: 1px solid #D0D0D0;
|
|
}
|
|
}
|
|
a,
|
|
span {
|
|
background-color: #F3F3F3;
|
|
display : block;
|
|
float:left;
|
|
padding:.4em .5em;
|
|
text-decoration:none;
|
|
font-weight:normal;
|
|
text-align:center;
|
|
}
|
|
span {
|
|
color : #B2B2B2;
|
|
}
|
|
}
|
|
}
|
|
|
|
#listResults{
|
|
li {
|
|
background-color:#999999;
|
|
color:#C5C5C5;
|
|
font-weight:normal;
|
|
display:block;
|
|
margin-right:1px;
|
|
font-size: 80%;
|
|
padding: 0;
|
|
text-align:center;
|
|
min-width:18px;
|
|
&:hover {
|
|
background-color:#006699;
|
|
}
|
|
a {
|
|
color:#FFFFFF;
|
|
font-weight:normal;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* nav */
|
|
.nav_pages {
|
|
.close_pagination {
|
|
padding-right: 10px;
|
|
position: absolute;
|
|
right: 3px;
|
|
top: -25px;
|
|
}
|
|
.close_pagination a {
|
|
text-decoration:none!important;
|
|
}
|
|
ul {
|
|
padding-top: 10px;
|
|
}
|
|
li {
|
|
list-style:none;
|
|
float:left;
|
|
padding:4px;
|
|
color:#999;
|
|
a {
|
|
text-decoration:none!important;
|
|
&:hover {
|
|
text-decoration:underline;
|
|
}
|
|
}
|
|
ul {
|
|
float:left;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* action buttons */
|
|
#action {
|
|
margin : .5em 0 0 0;
|
|
background-color : #F3F3F3;
|
|
border : 1px solid #E8E8E8;
|
|
padding-bottom : 3px;
|
|
li {
|
|
list-style : none;
|
|
margin : .2em;
|
|
padding : .3em 0;
|
|
}
|
|
a {
|
|
font-weight: bold;
|
|
text-decoration : none;
|
|
}
|
|
}
|
|
|
|
#export,
|
|
#moresearches_menu {
|
|
li {
|
|
padding : 0;
|
|
margin : 0;
|
|
a {
|
|
font-weight: normal;
|
|
&.menu-inactive {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#format,
|
|
#furthersearches {
|
|
padding-left : 35px;
|
|
}
|
|
.highlight_controls {
|
|
float: left;
|
|
}
|
|
a.addtocart,
|
|
a.addtoshelf,
|
|
a.brief,
|
|
a.deleteshelf,
|
|
a.deleteshelf.disabled,
|
|
a.detail,
|
|
a.download,
|
|
a.editshelf,
|
|
a.empty,
|
|
a.hide,
|
|
a.highlight_toggle,
|
|
a.hold,
|
|
a.hold.disabled,
|
|
a.incart,
|
|
a.new,
|
|
a.print-small,
|
|
a.print-large,
|
|
a.removeitems,
|
|
a.removeitems.disabled,
|
|
a.reserve,
|
|
a.send,
|
|
a.tag_add,
|
|
a.removefromlist,
|
|
input.hold,
|
|
input.hold.disabled,
|
|
input.editshelf,
|
|
.newshelf,
|
|
.newshelf.disabled,
|
|
.deleteshelf {
|
|
background-image: url("../images/sprite.png");
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
|
|
a.addtocart {
|
|
background-position: -5px -265px; /* Cart */
|
|
padding-left : 35px;
|
|
}
|
|
|
|
a.addtoshelf {
|
|
background-position: -5px -225px; /* Virtual shelf */
|
|
padding-left : 35px;
|
|
}
|
|
|
|
a.brief {
|
|
|
|
background-position : -2px -868px; /* Zoom out */
|
|
text-decoration : none;
|
|
padding-left : 27px;
|
|
}
|
|
|
|
a.cartRemove {
|
|
color: #cc3333;
|
|
font-size : 90%;
|
|
margin : 0;
|
|
padding: 0;
|
|
}
|
|
|
|
a.detail {
|
|
background-position : -2px -898px; /* Zoom in */
|
|
text-decoration : none;
|
|
padding-left : 27px;
|
|
}
|
|
|
|
a.download {
|
|
background-position : -5px -348px; /* Download */
|
|
padding-left : 20px;
|
|
text-decoration : none;
|
|
}
|
|
|
|
a.editshelf {
|
|
background-position : 2px -348px; /* List edit */
|
|
padding-left : 26px;
|
|
text-decoration : none;
|
|
}
|
|
|
|
a.empty {
|
|
background-position : 2px -598px; /* Trash */
|
|
text-decoration : none;
|
|
padding-left : 30px;
|
|
}
|
|
|
|
a.hide {
|
|
background-position: -3px -814px; /* Close */
|
|
text-decoration : none;
|
|
padding-left : 26px;
|
|
}
|
|
|
|
a.highlight_toggle {
|
|
background-position: -5px -841px; /* Highlight */
|
|
display: none;
|
|
padding-left : 35px;
|
|
}
|
|
|
|
a.hold,
|
|
input.hold {
|
|
background-position : -2px -453px; /* Toolbar place hold */
|
|
text-decoration : none;
|
|
padding-left : 23px;
|
|
}
|
|
|
|
a.hold.disabled,
|
|
input.hold.disabled {
|
|
background-position : -5px -621px; /* Place hold disabled */
|
|
}
|
|
|
|
a.incart {
|
|
background-position: -5px -265px; /* Cart */
|
|
color : #666;
|
|
padding-left : 35px;
|
|
}
|
|
|
|
a.new {
|
|
background-image : url("../images/sprite.png"); /* New */
|
|
background-position : -4px -922px;
|
|
padding-left : 23px;
|
|
text-decoration : none;
|
|
}
|
|
|
|
a.print-small {
|
|
background-position : 0px -423px; /* Toolbar print */
|
|
text-decoration : none;
|
|
padding-left : 30px;
|
|
}
|
|
|
|
a.print-large {
|
|
background-position : -5px -186px; /* Toolbar print */
|
|
text-decoration : none;
|
|
padding-left : 35px;
|
|
}
|
|
|
|
a.removeitems,
|
|
a.deleteshelf {
|
|
background-position : 2px -690px; /* Delete */
|
|
text-decoration : none;
|
|
padding-left : 25px;
|
|
}
|
|
|
|
a.removeitems.disabled,
|
|
a.deleteshelf.disabled {
|
|
background-position : 2px -712px; /* Delete disabled */
|
|
}
|
|
|
|
a.reserve {
|
|
background-position: -6px -144px; /* Place hold */
|
|
padding-left : 35px;
|
|
}
|
|
|
|
a.send {
|
|
background-position : 2px -386px; /* Email */
|
|
text-decoration : none;
|
|
padding-left : 28px;
|
|
}
|
|
|
|
a.tag_add {
|
|
background-position: 3px -1111px; /* Tag results */
|
|
padding-left : 27px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
input.hold {
|
|
background-color: transparent;
|
|
border : 0;
|
|
color: #0076B2;
|
|
font-weight: bold;
|
|
}
|
|
|
|
input.editshelf {
|
|
background-color: transparent;
|
|
background-position : 2px -736px; /* List edit */
|
|
border : 0;
|
|
color : #006699;
|
|
cursor : pointer;
|
|
filter: none;
|
|
font-size : 100%;
|
|
padding-left : 29px;
|
|
text-decoration : none;
|
|
}
|
|
|
|
.newshelf {
|
|
background-position: 2px -764px; /* List new */
|
|
border : 0;
|
|
color : #006699;
|
|
cursor : pointer;
|
|
filter: none;
|
|
font-size : 100%;
|
|
padding-left : 28px;
|
|
text-decoration : none;
|
|
}
|
|
|
|
.newshelf.disabled {
|
|
background-position: -4px -791px; /* List new disabled */
|
|
}
|
|
|
|
.deleteshelf {
|
|
background-color: transparent;
|
|
background-position : 2px -690px; /* Delete */
|
|
border : 0;
|
|
color : #006699;
|
|
cursor : pointer;
|
|
filter: none;
|
|
font-size : 100%;
|
|
padding-left : 25px;
|
|
text-decoration : none;
|
|
}
|
|
|
|
.links a {
|
|
font-weight : bold;
|
|
}
|
|
|
|
.deleteshelf:hover {
|
|
color: #990033;
|
|
}
|
|
|
|
|
|
.editshelf:active,
|
|
.deleteshelf:active {
|
|
border : 0;
|
|
}
|
|
|
|
#tagslist li { display : inline; }
|
|
|
|
#login4tags {
|
|
background-image: url("../images/sprite.png"); /* Tag results disabled */
|
|
background-position: -6px -1130px;
|
|
background-repeat: no-repeat;
|
|
padding-left : 20px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.tag_results_input {
|
|
margin-left: 1em;
|
|
padding: 0.3em;
|
|
font-size: 12px;
|
|
input[type="text"] {
|
|
font-size: inherit;
|
|
margin : 0;
|
|
padding : 0;
|
|
}
|
|
label {
|
|
display : inline;
|
|
}
|
|
}
|
|
|
|
.tagsinput {
|
|
input[type="text"] {
|
|
font-size: inherit;
|
|
margin : 0;
|
|
padding : 0;
|
|
}
|
|
label {
|
|
display : inline;
|
|
}
|
|
}
|
|
|
|
.branch-info-tooltip {
|
|
display: none;
|
|
}
|
|
|
|
.ui-tooltip-content p {
|
|
margin: 0.3em 0;
|
|
}
|
|
|
|
#social_networks {
|
|
a {
|
|
background: transparent url("../images/social-sprite.png") no-repeat;
|
|
display: block;
|
|
height : 20px !important;
|
|
width : 20px;
|
|
text-indent : -999em;
|
|
}
|
|
span {
|
|
color: #274D7F;
|
|
display : block;
|
|
float : left;
|
|
font-size: 85%;
|
|
font-weight: bold;
|
|
line-height: 2em;
|
|
margin : .5em 0 .5em .5em !important;
|
|
}
|
|
div {
|
|
float : left !important;
|
|
margin : .5em 0 .5em .2em !important;
|
|
}
|
|
#facebook {
|
|
background-position : -7px -35px;
|
|
}
|
|
#twitter {
|
|
background-position : -7px -5px;
|
|
}
|
|
#linkedin {
|
|
background-position : -7px -95px;
|
|
}
|
|
#delicious {
|
|
background-position : -7px -66px;
|
|
}
|
|
#email {
|
|
background-position : -7px -126px;
|
|
}
|
|
}
|
|
|
|
#marc {
|
|
td,
|
|
th {
|
|
background-color : transparent;
|
|
border : 0;
|
|
padding: 3px 5px;
|
|
text-align : left;
|
|
}
|
|
td:first-child {
|
|
text-indent : 2em;
|
|
}
|
|
p {
|
|
padding-bottom: .6em;
|
|
.label {
|
|
font-weight : bold;
|
|
}
|
|
}
|
|
ul {
|
|
padding-bottom: .6em;
|
|
}
|
|
.results_summary {
|
|
clear : left;
|
|
ul {
|
|
display : inline;
|
|
float : none;
|
|
clear : none;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style : none;
|
|
}
|
|
li {
|
|
display: inline;
|
|
}
|
|
}
|
|
}
|
|
|
|
#items,
|
|
#items td
|
|
#items th {
|
|
border : 1px solid #EEE;
|
|
font-size : 90%;
|
|
}
|
|
|
|
#plainmarc table { border: 0; margin: .7em 0 0 0; font-family: monospace; font-size: 95%; }
|
|
#plainmarc th { background-color : #FFF; border: 0; white-space: nowrap; text-align:left; vertical-align: top; padding: 2px; }
|
|
#plainmarc td { border: 0; padding : 2px; vertical-align: top; }
|
|
|
|
#renewcontrols {
|
|
float: right;
|
|
font-size: 66%;
|
|
}
|
|
|
|
#renewcontrols a {
|
|
background-repeat : no-repeat;
|
|
text-decoration:none;
|
|
padding : .1em .4em;
|
|
padding-left : 18px;
|
|
}
|
|
|
|
#renewselected_link {
|
|
background-image : url("../images/sprite.png");
|
|
background-position : -5px -986px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#renewall_link {
|
|
background-image : url("../images/sprite.png");
|
|
background-position : -8px -967px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.authref {
|
|
text-indent: 2em;
|
|
}
|
|
|
|
.authref .label {
|
|
font-style: italic;
|
|
}
|
|
|
|
.authstanza {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.authstanzaheading {
|
|
font-weight: bold;
|
|
}
|
|
.authorizedheading {
|
|
font-weight: bold;
|
|
}
|
|
.authstanza li {
|
|
margin-left: 0.5em;
|
|
}
|
|
.authres_notes, .authres_seealso, .authres_otherscript {
|
|
padding-top: .5em;
|
|
}
|
|
.authres_notes {
|
|
font-style: italic;
|
|
}
|
|
|
|
#didyoumean {
|
|
background-color: #EEE;
|
|
border: 1px solid #E8E8E8;
|
|
margin: 0 0 0.5em;
|
|
text-align: left;
|
|
padding: 0.5em;
|
|
.border-radius-all(3px);
|
|
}
|
|
|
|
.suggestionlabel {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.searchsuggestion {
|
|
padding: 0.2em 0.5em;
|
|
white-space: nowrap;
|
|
display: inline-block;
|
|
}
|
|
|
|
.authlink {
|
|
padding-left: 0.25em;
|
|
}
|
|
#hierarchies a {
|
|
font-weight: normal;
|
|
text-decoration: underline;
|
|
color: #069;
|
|
}
|
|
|
|
#hierarchies a:hover {
|
|
color: #990033;
|
|
}
|
|
|
|
#top-pages {
|
|
margin: 0 0 0.5em;
|
|
}
|
|
.dropdown-menu > li > a {
|
|
font-size: 90%;
|
|
}
|
|
a.listmenulink:link,
|
|
a.listmenulink:visited {
|
|
color : #0076B2;
|
|
font-weight: bold;
|
|
}
|
|
a.listmenulink:hover,
|
|
a.listmenulink:active {
|
|
color : #FFF;
|
|
font-weight: bold;
|
|
}
|
|
#cartDetails,
|
|
#cartUpdate,
|
|
#holdDetails,
|
|
#listsDetails {
|
|
background-color : #FFF;
|
|
// border: 1px solid #739acf;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
border-radius: 6px 6px 6px 6px;
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
|
color : black;
|
|
display : none;
|
|
font-size: 90%;
|
|
margin : 0;
|
|
padding : 8px 20px;
|
|
text-align : center;
|
|
width : 180px;
|
|
z-index: 2;
|
|
}
|
|
#cartmenulink {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#search-facets,
|
|
#menu {
|
|
border : 1px solid #D2D2CF;
|
|
.border-radius-all(7px);
|
|
ul {
|
|
margin : 0;
|
|
padding : .3em;
|
|
}
|
|
form {
|
|
margin : 0;
|
|
}
|
|
h4 {
|
|
font-size : 90%;
|
|
margin : 0 0 .6em 0;
|
|
text-align : center;
|
|
a {
|
|
background-color : #F2F2EF;
|
|
border-radius: 8px 8px 0 0;
|
|
border-bottom : 1px solid #D8D8D8;
|
|
display: block;
|
|
font-weight: bold;
|
|
padding : .7em .2em;
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
li {
|
|
font-size: 90%;
|
|
font-weight : bold;
|
|
list-style-type : none;
|
|
li {
|
|
font-weight : normal;
|
|
font-size : 95%;
|
|
line-height: 125%;
|
|
margin-bottom : 2px;
|
|
padding : .1em .2em;
|
|
}
|
|
&.showmore {
|
|
a {
|
|
font-weight : bold;
|
|
text-indent : 1em;
|
|
}
|
|
}
|
|
}
|
|
a {
|
|
font-weight : normal;
|
|
text-decoration: underline;
|
|
}
|
|
.facet-count {
|
|
display: inline-block;
|
|
}
|
|
|
|
}
|
|
|
|
#menu {
|
|
font-size : 94%;
|
|
li {
|
|
list-style-type : none;
|
|
a {
|
|
background: #eeeeee;
|
|
text-decoration : none;
|
|
display : block;
|
|
border : 1px solid #D8D8D8;
|
|
border-radius: 5px 0 0 5px;
|
|
border-bottom-color: #999;
|
|
font-size : 111%;
|
|
padding : .4em .6em;
|
|
margin : .4em 0;
|
|
margin-right: -1px;
|
|
&:hover {
|
|
background: #eaeef5;
|
|
}
|
|
}
|
|
&.active {
|
|
a {
|
|
background-color : #FFF;
|
|
background-image : none;
|
|
border-right-width: 0;
|
|
font-weight : bold;
|
|
&:hover {
|
|
background-color : #fff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
h4 {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
#addto {
|
|
max-width : 10em;
|
|
}
|
|
|
|
/* Search results add to cart (lists disabled) */
|
|
.addto a.addtocart {
|
|
background-image: url("../images/sprite.png"); /* Cart */
|
|
background-position: -5px -266px;
|
|
background-repeat: no-repeat;
|
|
text-decoration : none;
|
|
padding-left : 33px;
|
|
}
|
|
|
|
.searchresults {
|
|
p {
|
|
margin: 0;
|
|
padding: 0 0 .6em 0;
|
|
&.details {
|
|
color : #979797;
|
|
}
|
|
}
|
|
a {
|
|
&.highlight_toggle {
|
|
background-image: url("../images/sprite.png"); /* Highlight */
|
|
background-position: -11px -841px;
|
|
background-repeat: no-repeat;
|
|
display: none;
|
|
font-weight: normal;
|
|
padding : 0 10px 0 21px;
|
|
}
|
|
}
|
|
.commentline {
|
|
background-color : rgb(255, 255, 204);
|
|
background-color : rgba(255, 255, 204, 0.4);
|
|
border : 1px solid #CCC;
|
|
display: inline-block;
|
|
.border-radius-all(3px);
|
|
.shadowed;
|
|
margin : .3em;
|
|
padding : .4em;
|
|
}
|
|
.commentline.yours {
|
|
background-color : rgb(239, 254, 213);
|
|
background-color : rgba(239, 254, 213, 0.4);
|
|
}
|
|
}
|
|
|
|
.commentline .avatar {
|
|
float : right;
|
|
padding-left : .5em;
|
|
}
|
|
|
|
/* style for search terms in catalogsearch */
|
|
.term {
|
|
/* color : blue; */
|
|
color : #990000;
|
|
background-color : #FFFFCC;
|
|
}
|
|
|
|
/* style for shelving location in catalogsearch */
|
|
.shelvingloc {
|
|
display : block;
|
|
font-style : italic;
|
|
}
|
|
#CheckAll,
|
|
#CheckNone,
|
|
.CheckAll,
|
|
.CheckNone {
|
|
font-weight : normal;
|
|
margin : 0 .5em;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
span.sep {
|
|
color: #888;
|
|
padding: 0 .2em 0 .5em;
|
|
text-shadow: 1px 1px 0 #FFF;
|
|
}
|
|
|
|
/* style for PM-generated pagination bar */
|
|
|
|
.pages span:first-child,
|
|
.pages a:first-child {
|
|
border-width: 1px 1px 1px 1px;
|
|
border-bottom-left-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
}
|
|
|
|
.pages span:last-child,
|
|
.pages a:last-child {
|
|
border-width: 1px 1px 1px 0;
|
|
border-bottom-right-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
.pages .inactive,
|
|
.pages .currentPage,
|
|
.pages a {
|
|
-moz-border-bottom-colors: none;
|
|
-moz-border-left-colors: none;
|
|
-moz-border-right-colors: none;
|
|
-moz-border-top-colors: none;
|
|
background-color: #FFFFFF;
|
|
border-color: #DDDDDD;
|
|
border-image: none;
|
|
border-style: solid;
|
|
border-width: 1px 1px 1px 0;
|
|
float: left;
|
|
font-size: 11.9px;
|
|
line-height: 20px;
|
|
padding: 4px 12px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.pages .inactive {
|
|
background-color: #F5F5F5;
|
|
}
|
|
|
|
.pages a[rel='last'] {
|
|
border-bottom-right-radius: 3px;
|
|
border-top-right-radius: 3px;
|
|
}
|
|
|
|
.hold-message {
|
|
background-color: #FFF0B1;
|
|
display: inline-block;
|
|
margin: 0.5em;
|
|
padding: 0.2em 0.5em;
|
|
.border-radius-all(3px);
|
|
}
|
|
.reserve_date,
|
|
.expiration_date {
|
|
white-space: nowrap;
|
|
}
|
|
.close {
|
|
color: #0088CC;
|
|
position: inherit;
|
|
top: auto;
|
|
right : auto;
|
|
filter : none;
|
|
float : none;
|
|
font-size: inherit;
|
|
font-weight: normal;
|
|
opacity: inherit;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.close:hover {
|
|
color: #538200;
|
|
filter: inherit;
|
|
font-size: inherit;
|
|
opacity: inherit;
|
|
}
|
|
|
|
/* 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;
|
|
}
|
|
|
|
.span2 select {
|
|
width: 100%;
|
|
}
|
|
|
|
.popup .main {
|
|
font-size: 90%;
|
|
padding: 0 1em;
|
|
}
|
|
|
|
.popup legend {
|
|
line-height: 1.5em;
|
|
margin-bottom : .5em;
|
|
}
|
|
|
|
.item-status {
|
|
display: block;
|
|
font-size: 95%;
|
|
margin-bottom: .5em;
|
|
}
|
|
|
|
.available {
|
|
color : #006600;
|
|
}
|
|
|
|
.unavailable {
|
|
color: #990033;
|
|
}
|
|
|
|
.waiting,.intransit,.notforloan,.checkedout,.lost,.notonhold {
|
|
display : block;
|
|
}
|
|
|
|
.notforloan {
|
|
color : #900;
|
|
}
|
|
|
|
.lost {
|
|
color : #666;
|
|
}
|
|
|
|
.suggestion {
|
|
background-color : #EEEEEB;
|
|
border : 1px solid #DDDED3;
|
|
margin : 1em auto;
|
|
padding : .5em;
|
|
width : 35%;
|
|
.border-radius-all(3px);
|
|
}
|
|
|
|
.librarypulldown .transl1 {
|
|
width : auto;
|
|
}
|
|
|
|
.nolibrarypulldown {
|
|
width : 68%;
|
|
}
|
|
|
|
.nolibrarypulldown .transl1 {
|
|
width : 87%;
|
|
}
|
|
|
|
#opac-main-search {
|
|
select {
|
|
width : auto;
|
|
max-width: 12em;
|
|
}
|
|
}
|
|
|
|
#logo {
|
|
background:transparent url("../images/koha-logo-navbar.png") no-repeat scroll 0%;
|
|
border: 0;
|
|
float : left !important;
|
|
margin:0;
|
|
padding:0;
|
|
width:100px;
|
|
a {
|
|
border:0;
|
|
cursor:pointer;
|
|
display:block;
|
|
height:0px !important;
|
|
margin:0;
|
|
overflow:hidden;
|
|
padding:40px 0 0;
|
|
text-decoration:none;
|
|
width:100px;
|
|
}
|
|
}
|
|
|
|
#user-menu-trigger {
|
|
display: none;
|
|
.icon-user {
|
|
background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
|
|
background-position: -168px 0;
|
|
background-repeat: no-repeat;
|
|
height: 14px;
|
|
line-height: 14px;
|
|
margin : 12px 0 0;
|
|
vertical-align: text-top;
|
|
width: 14px;
|
|
}
|
|
.caret {
|
|
border-bottom-color: #999999;
|
|
border-top-color: #999999;
|
|
margin-top: 18px;
|
|
}
|
|
}
|
|
|
|
/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
|
|
.floating {
|
|
-webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
|
|
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, .4);
|
|
margin-top: 0;
|
|
}
|
|
|
|
.tdlabel {
|
|
font-weight: bold;
|
|
display: none;
|
|
}
|
|
|
|
td img {
|
|
max-width: none;
|
|
}
|
|
|
|
#ulactioncontainer {
|
|
min-width: 16em;
|
|
}
|
|
|
|
.notesrow {
|
|
label {
|
|
font-weight: bold;
|
|
}
|
|
span {
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.thumbnail-shelfbrowser span {
|
|
margin: 0px auto;
|
|
}
|
|
|
|
.dropdown-menu > li > a.menu-inactive:hover {
|
|
background : #FFF none;
|
|
color : #000;
|
|
}
|
|
|
|
.table {
|
|
.sorting_asc {
|
|
padding-right: 19px;
|
|
background: url("../images/asc.gif") no-repeat scroll right center #ECEDE6;
|
|
}
|
|
.sorting_desc {
|
|
padding-right: 19px;
|
|
background: url("../images/desc.gif") no-repeat scroll right center #ECEDE6;
|
|
}
|
|
.sorting {
|
|
padding-right: 19px;
|
|
background: url("../images/ascdesc.gif") no-repeat scroll right center #ECEDE6;
|
|
}
|
|
.nosort,
|
|
.nosort.sorting_asc,
|
|
.nosort.sorting_desc,
|
|
.nosort.sorting {
|
|
padding-right: 19px;
|
|
background: #ECEDE6 none;
|
|
}
|
|
th,
|
|
td {
|
|
line-height: 135%;
|
|
}
|
|
}
|
|
.tags {
|
|
ul {
|
|
display: inline;
|
|
list-style: none;
|
|
margin-left : 0;
|
|
li {
|
|
display: inline;
|
|
}
|
|
}
|
|
}
|
|
.coverimages {
|
|
float : right;
|
|
}
|
|
#i18nMenu {
|
|
margin-left : 1em;
|
|
li {
|
|
font-size : 85%;
|
|
li {
|
|
font-size: 100%;
|
|
}
|
|
li > a {
|
|
font-size : 100%;
|
|
&:hover {
|
|
color : #FFF;
|
|
}
|
|
}
|
|
a {
|
|
color : @links;
|
|
}
|
|
}
|
|
.dropdown-menu {
|
|
li {
|
|
p {
|
|
clear: both;
|
|
display: block;
|
|
font-weight: normal;
|
|
line-height: 20px;
|
|
padding: 3px 20px;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#subjectsList,
|
|
#authorSearch {
|
|
label {
|
|
display :inline;
|
|
vertical-align: middle;
|
|
}
|
|
ul {
|
|
border-bottom: 1px solid #EEE;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: .6em 0;
|
|
}
|
|
li {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
|
|
#overdrive-results, #openlibrary-results {
|
|
font-weight: bold;
|
|
padding-left: 1em;
|
|
}
|
|
|
|
.throbber {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#overdrive-results-list .star-rating-control {
|
|
display: block;
|
|
overflow: auto;
|
|
}
|
|
|
|
#shelfbrowser {
|
|
table {
|
|
margin : 0;
|
|
}
|
|
table,
|
|
td,
|
|
th {
|
|
border : 0;
|
|
font-size : 90%;
|
|
text-align : center;
|
|
}
|
|
td,
|
|
th {
|
|
padding: 3px 5px;
|
|
width : 20%;
|
|
}
|
|
a {
|
|
display : block;
|
|
font-size : 110%;
|
|
font-weight : bold;
|
|
text-decoration : none;
|
|
}
|
|
#browser_next,
|
|
#browser_previous {
|
|
background-image : url("../images/sprite.png");
|
|
background-repeat: no-repeat;
|
|
width : 16px;
|
|
a {
|
|
cursor: pointer;
|
|
display : block;
|
|
height: 0 !important;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding: 50px 0 0;
|
|
text-decoration: none;
|
|
width: 16px;
|
|
}
|
|
}
|
|
#browser_previous {
|
|
background-position: -9px -1007px;
|
|
}
|
|
#browser_next {
|
|
background-position: -9px -1057px;
|
|
}
|
|
}
|
|
|
|
#holds {
|
|
margin : 0 auto;
|
|
max-width: 800px;
|
|
}
|
|
.holdrow {
|
|
clear : both;
|
|
padding: 0 1em 1em 1em;
|
|
border-bottom:1px solid #CCC;
|
|
margin-bottom:.5em;
|
|
fieldset {
|
|
border : 0;
|
|
margin : 0;
|
|
float: none;
|
|
.label {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
label {
|
|
display: inline;
|
|
}
|
|
}
|
|
.hold-options {
|
|
clear : both;
|
|
}
|
|
.toggle-hold-options {
|
|
background-color: #eee;
|
|
clear : both;
|
|
display : block;
|
|
font-weight : bold;
|
|
margin: 1em 0;
|
|
padding: .5em;
|
|
}
|
|
.copiesrow {
|
|
clear : both;
|
|
}
|
|
|
|
#idreambooksreadometer {
|
|
float: right;
|
|
}
|
|
|
|
a.idreambooksrating {
|
|
font-size: 30px;
|
|
color: #29ADE4;
|
|
padding-left: 85px;
|
|
line-height: 30px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.idreambookslegend {
|
|
font-size: small;
|
|
}
|
|
|
|
a.reviewlink,
|
|
a.reviewlink:visited {
|
|
text-decoration: none;
|
|
color: black;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.idreambookssummary a {
|
|
color: #707070;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.idreambookssummary img,
|
|
.idbresult img {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.idbresult {
|
|
color: #29ADE4;
|
|
text-align: center;
|
|
margin: 0.5em;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
.idbresult a,
|
|
.idbresult a:visited {
|
|
text-decoration: none;
|
|
color: #29ADE4;
|
|
}
|
|
|
|
.idbresult img {
|
|
padding-right: 6px;
|
|
}
|
|
|
|
.js-show {
|
|
display: none;
|
|
}
|
|
|
|
.modal-nojs {
|
|
.modal-header,
|
|
.modal-footer {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.contents {
|
|
width: 75%;
|
|
}
|
|
|
|
|
|
.contentblock {
|
|
font-size : 95%;
|
|
line-height: 135%;
|
|
position: relative;
|
|
margin-left: 2em;
|
|
}
|
|
|
|
.contents {
|
|
.t:first-child:before {
|
|
content: "→ ";
|
|
}
|
|
.t:before {
|
|
content: "\A → ";
|
|
white-space: pre;
|
|
}
|
|
.t {
|
|
font-weight: bold;
|
|
display: inline;
|
|
}
|
|
.r {
|
|
display: inline;
|
|
}
|
|
}
|
|
|
|
.m880 {
|
|
display:block;
|
|
text-align:right;
|
|
float:right;
|
|
width:50%;
|
|
padding-left:20px;
|
|
}
|
|
|
|
#memberentry-form input.error {
|
|
border-color: #c00;
|
|
box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
|
|
color: red; outline: 0 none;
|
|
}
|
|
|
|
#memberentry-form input.error:focus {
|
|
border-color: #c00;
|
|
box-shadow: 0 1px 1px #c00 inset, 0 0 8px #c00;
|
|
color: red; outline: 0 none;
|
|
}
|
|
|
|
#memberentry-form label.error {
|
|
color: #c00; float: none;
|
|
font-size: 90%;
|
|
}
|
|
|
|
#dc_fieldset {
|
|
border: 1px solid #dddddd;
|
|
border-width: 1px;
|
|
padding: 5px;
|
|
border-radius: 10px
|
|
}
|
|
|
|
.label_dc{
|
|
display: inline;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
@import "responsive.less";
|