Owen Leonard
9d7d3085ec
The right-to-left CSS copied over from the prog theme does is not relevant to the redesigned templates. This patch updates the OPAC's right-to-left CSS and adds a couple of other right-to-left CSS files to override the default Bootstrap and jQueryUI CSS. To my eye this looks correct, but I don't speak Arabic. To test you must have a set of right-to-left templates, like ar-Arab, installed for the Bootstrap theme. At this time it is necessary to download the po file to your misc/translator/po directory. Again using ar-Arab as an example: http://translate.koha-community.org/ar/314/ar-Arab-opac-bootstrap.po Install the translation. Open the OPAC, switch to that right-to-left language, and reload to refresh the changed CSS. Confirm that it looks like right-to-left is working. Signed-off-by: Bernardo Gonzalez Kriegel <bgkriegel@gmail.com> As far as I can tell it looks very well. No koha-qa errors 1) Downloaded arabic bootstrap PO 2) Installed ar-Arab language, enabled on OPAC 3) Tested as anonymous user and logged in one, all pages look well: cart, advanced search, user tabs. I sent an email to Karam Qubsi asking his opinion. But for me it's ok Signed-off-by: Chris Cormack <chris@bigballofwax.co.nz> I was testing this at the same time as Bernardo, so I will Pass QA on it, instead of signing it off Signed-off-by: Galen Charlton <gmc@esilibrary.com>
2653 lines
51 KiB
CSS
2653 lines
51 KiB
CSS
.shadowed {
|
|
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
}
|
|
body {
|
|
background-color: #EAEAE6;
|
|
}
|
|
/* Sticky footer styles */
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
/* The html and body elements cannot have any padding or margin. */
|
|
|
|
}
|
|
/* Wrapper for page content to push down footer */
|
|
#wrap {
|
|
min-height: 100%;
|
|
height: auto !important;
|
|
height: 100%;
|
|
/* Negative indent footer by it's height */
|
|
|
|
}
|
|
/* Set the fixed height of the footer here */
|
|
.popup {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
a {
|
|
color: #0076b2;
|
|
}
|
|
a.cancel {
|
|
padding-left: 1em;
|
|
}
|
|
a:visited {
|
|
color: #0076b2;
|
|
}
|
|
a.title {
|
|
font-weight: bold;
|
|
font-size: 108%;
|
|
}
|
|
a.btn-primary:visited {
|
|
color: #FFF;
|
|
}
|
|
.ui-widget-content a,
|
|
.ui-widget-content a:visited {
|
|
color: #0076b2;
|
|
}
|
|
h1 {
|
|
font-size: 140%;
|
|
line-height: 150%;
|
|
}
|
|
h1#libraryname {
|
|
background: transparent url(../images/logo-koha.png) no-repeat scroll 0%;
|
|
border: 0;
|
|
float: left !important;
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 120px;
|
|
}
|
|
h1#libraryname 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;
|
|
}
|
|
#advsearches label,
|
|
#booleansearch label {
|
|
display: inline;
|
|
}
|
|
#basketcount {
|
|
display: inline;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
#basketcount span {
|
|
background-color: #FFC;
|
|
color: #000;
|
|
display: inline;
|
|
font-size: 80%;
|
|
font-weight: normal;
|
|
margin: 0 0 0 .9em;
|
|
padding: 0 .3em 0 .3em;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
#members {
|
|
display: block;
|
|
}
|
|
#members p {
|
|
color: #EEE;
|
|
}
|
|
#members a {
|
|
color: #A6D8ED;
|
|
font-weight: bold;
|
|
}
|
|
#members a.logout {
|
|
color: #E8583C;
|
|
padding: 0 .3em 0 .3em;
|
|
}
|
|
#koha_url p {
|
|
color: #666666;
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
#moresearches {
|
|
margin: .5em 0;
|
|
padding: 0 .8em;
|
|
}
|
|
#moresearches li {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
}
|
|
#moresearches li:after {
|
|
content: " | ";
|
|
}
|
|
#moresearches ul {
|
|
margin: 0;
|
|
}
|
|
#moresearches li:last-child:after {
|
|
content: "";
|
|
}
|
|
#news {
|
|
margin: .5em 0;
|
|
}
|
|
#opacheader {
|
|
background-color: #DDD;
|
|
}
|
|
#selections {
|
|
font-weight: bold;
|
|
}
|
|
.actions a {
|
|
white-space: nowrap;
|
|
/* List contents remove from list link */
|
|
|
|
}
|
|
.actions a.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;
|
|
}
|
|
.actions a.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;
|
|
}
|
|
.actions a.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;
|
|
}
|
|
.actions a.addtolist {
|
|
background-position: -5px -27px;
|
|
margin-right: 1em;
|
|
padding-left: 20px;
|
|
text-decoration: none;
|
|
}
|
|
.actions a.tag_add {
|
|
background-position: -5px -1110px;
|
|
margin-right: 1em;
|
|
padding-left: 20px;
|
|
text-decoration: none;
|
|
}
|
|
.actions a.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;
|
|
-webkit-border-radius: 7px;
|
|
-moz-border-radius: 7px;
|
|
border-radius: 7px;
|
|
}
|
|
.form-inline {
|
|
display: inline;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.form-inline fieldset {
|
|
margin: 0.3em 0;
|
|
padding: 0.3em;
|
|
}
|
|
.main {
|
|
background-color: #FFF;
|
|
border: 1px solid #D2D2CF;
|
|
-webkit-border-radius: 7px;
|
|
-moz-border-radius: 7px;
|
|
border-radius: 7px;
|
|
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
margin-top: 0.5em;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
.mastheadsearch {
|
|
-webkit-border-radius: 7px;
|
|
-moz-border-radius: 7px;
|
|
border-radius: 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 */
|
|
}
|
|
.mastheadsearch 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;
|
|
}
|
|
.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;
|
|
}
|
|
.statictabs ul:before {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.statictabs ul:after {
|
|
clear: both;
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.statictabs 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;
|
|
}
|
|
.statictabs li.active {
|
|
background-color: #FFFFFF;
|
|
color: #212121;
|
|
font-weight: normal;
|
|
padding-bottom: 1px;
|
|
}
|
|
.statictabs li a {
|
|
color: #004D99;
|
|
cursor: pointer;
|
|
float: left;
|
|
padding: 0.5em 1em;
|
|
text-decoration: none;
|
|
}
|
|
.statictabs li a:hover {
|
|
background-color: #EDF4F5;
|
|
border-top-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
color: #538200;
|
|
}
|
|
.statictabs li.active a {
|
|
color: #000000;
|
|
font-weight: bold;
|
|
cursor: text;
|
|
background: none repeat scroll 0 0 transparent;
|
|
outline: 0 none;
|
|
}
|
|
.statictabs .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 {
|
|
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
}
|
|
/* 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;
|
|
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.ui-autocomplete.ui-widget-content .ui-state-hover {
|
|
border: 1px solid #AAA;
|
|
background: #E6F0F2 none;
|
|
font-weight: normal;
|
|
color: #212121;
|
|
}
|
|
.ui-autocomplete-loading {
|
|
background: #ffffff 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;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 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;
|
|
}
|
|
fieldset.rows {
|
|
float: left;
|
|
font-size: 90%;
|
|
clear: left;
|
|
margin: .9em 0 0 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
fieldset.rows legend {
|
|
font-weight: bold;
|
|
font-size: 130%;
|
|
}
|
|
fieldset.rows label,
|
|
fieldset.rows .label {
|
|
float: left;
|
|
font-weight: bold;
|
|
width: 9em;
|
|
margin-right: 1em;
|
|
text-align: right;
|
|
}
|
|
fieldset.rows label.lradio {
|
|
float: none;
|
|
margin: inherit;
|
|
width: auto;
|
|
}
|
|
fieldset.rows fieldset {
|
|
margin: 0;
|
|
padding: .3em;
|
|
}
|
|
fieldset.rows ol {
|
|
padding: 1em 1em 0 1em;
|
|
list-style-type: none;
|
|
}
|
|
fieldset.rows ol.lradio label {
|
|
width: auto;
|
|
float: none;
|
|
margin-right: 0;
|
|
}
|
|
fieldset.rows ol.lradio label.lradio {
|
|
float: left;
|
|
width: 12em;
|
|
margin-right: 1em;
|
|
}
|
|
fieldset.rows li {
|
|
float: left;
|
|
clear: left;
|
|
padding-bottom: 1em;
|
|
list-style-type: none;
|
|
width: 100%;
|
|
}
|
|
fieldset.rows li.lradio {
|
|
padding-left: 8.5em;
|
|
width: auto;
|
|
}
|
|
fieldset.rows li.lradio label {
|
|
float: none;
|
|
width: auto;
|
|
margin: 0 0 0 1em;
|
|
}
|
|
fieldset.action {
|
|
clear: both;
|
|
float: none;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 1em 0 .3em 0;
|
|
width: auto;
|
|
}
|
|
fieldset.action p {
|
|
margin-bottom: 1em;
|
|
}
|
|
div.rows + div.rows {
|
|
margin-top: .6em;
|
|
}
|
|
div.rows {
|
|
float: left;
|
|
clear: left;
|
|
margin: 0 0 0 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
div.rows span.label {
|
|
float: left;
|
|
font-weight: bold;
|
|
width: 9em;
|
|
margin-right: 1em;
|
|
text-align: left;
|
|
}
|
|
div.rows ol {
|
|
list-style-type: none;
|
|
margin-left: 0;
|
|
padding: .5em 1em 0 0;
|
|
}
|
|
div.rows li {
|
|
border-bottom: 1px solid #EEE;
|
|
float: left;
|
|
clear: left;
|
|
padding-bottom: .2em;
|
|
padding-top: .1em;
|
|
list-style-type: none;
|
|
width: 100%;
|
|
}
|
|
div.rows ul li {
|
|
margin-left: 7.3em;
|
|
}
|
|
div.rows ul li:first-child {
|
|
float: none;
|
|
clear: none;
|
|
margin-left: 0;
|
|
}
|
|
div.rows 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;
|
|
}
|
|
.toolbar a {
|
|
white-space: nowrap;
|
|
}
|
|
.toolbar label {
|
|
display: inline;
|
|
font-size: 100%;
|
|
font-weight: bold;
|
|
margin-left: .5em;
|
|
}
|
|
.toolbar select {
|
|
font-size: 97%;
|
|
height: auto;
|
|
line-height: inherit;
|
|
padding: 0;
|
|
margin: 0;
|
|
width: auto;
|
|
white-space: nowrap;
|
|
}
|
|
.toolbar .hold,
|
|
.toolbar #tagsel_tag {
|
|
padding-left: 28px;
|
|
font-size: 97%;
|
|
font-weight: bold;
|
|
}
|
|
.toolbar #tagsel_form {
|
|
margin-top: .5em;
|
|
}
|
|
.toolbar li {
|
|
display: inline;
|
|
list-style: none;
|
|
}
|
|
.toolbar li a {
|
|
border-left: 1px solid #e8e8e8;
|
|
}
|
|
.toolbar li:first-child a {
|
|
border-left: 0;
|
|
}
|
|
.toolbar ul {
|
|
padding-left: 0;
|
|
}
|
|
#basket .toolbar {
|
|
padding: 7px 5px 9px 9px;
|
|
}
|
|
#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 {
|
|
color: #888888;
|
|
text-decoration: none;
|
|
padding-left: 23px;
|
|
}
|
|
.results_summary {
|
|
display: block;
|
|
font-size: 85%;
|
|
color: #707070;
|
|
padding: 0 0 .5em 0;
|
|
}
|
|
.results_summary .results_summary {
|
|
font-size: 100%;
|
|
}
|
|
.results_summary.actions {
|
|
margin-top: .5em;
|
|
}
|
|
.results_summary.tagstatus {
|
|
display: inline;
|
|
}
|
|
.results_summary .label {
|
|
color: #202020;
|
|
}
|
|
.results_summary a {
|
|
font-weight: normal;
|
|
}
|
|
#views {
|
|
border-bottom: 1px solid #D6D6D6;
|
|
margin-bottom: .5em;
|
|
padding: 0 2em 0.2em 0.2em;
|
|
white-space: nowrap;
|
|
}
|
|
.view {
|
|
padding: 0.2em .2em 2px .2em;
|
|
}
|
|
#bibliodescriptions,
|
|
#isbdcontents {
|
|
clear: left;
|
|
margin-top: .5em;
|
|
}
|
|
.view a,
|
|
.view span {
|
|
background-image: url("../images/sprite.png");
|
|
background-repeat: no-repeat;
|
|
font-size: 87%;
|
|
font-weight: normal;
|
|
padding: 0.4em 0.7em 5px 26px;
|
|
text-decoration: none;
|
|
}
|
|
span#MARCview,
|
|
span#ISBDview,
|
|
span#Normalview,
|
|
span#Fullhistory,
|
|
span#Briefhistory {
|
|
font-weight: bold;
|
|
}
|
|
a#MARCview,
|
|
span#MARCview {
|
|
background-position: -3px -23px;
|
|
}
|
|
a#MARCviewPop,
|
|
span#MARCviewPop {
|
|
background-position: -3px -23px;
|
|
}
|
|
a#ISBDview,
|
|
span#ISBDview {
|
|
background-position: -3px -52px;
|
|
}
|
|
a#Normalview,
|
|
span#Normalview {
|
|
background-position: -1px 6px;
|
|
}
|
|
.view a {
|
|
background-color: #F3F3F3;
|
|
border-left: 1px solid #C9C9C9;
|
|
}
|
|
#bookcover {
|
|
float: left;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
#bookcover .no-image {
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
#bookcover 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;
|
|
}
|
|
.back input {
|
|
background: none!important;
|
|
color: #999!important;
|
|
}
|
|
.pagination_list ul {
|
|
padding-top: 40px;
|
|
padding-left: 0px;
|
|
}
|
|
.pagination_list li {
|
|
list-style: none;
|
|
float: bottom;
|
|
padding: 4px;
|
|
color: #999;
|
|
}
|
|
.pagination_list li.highlight {
|
|
background-color: #F3F3F3;
|
|
border-top: 1px solid #DDDDDD;
|
|
border-bottom: 1px solid #DDDDDD;
|
|
}
|
|
.pagination_list li a {
|
|
padding-left: 0px;
|
|
}
|
|
.pagination_list .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;
|
|
}
|
|
.nav_results .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;
|
|
}
|
|
.nav_results .l_Results:hover {
|
|
background-color: #D9D9D9;
|
|
}
|
|
.pg_menu {
|
|
margin: 0;
|
|
border-top: 1px solid #D0D0D0;
|
|
white-space: nowrap;
|
|
}
|
|
.pg_menu li {
|
|
color: #B2B2B2;
|
|
display: inline;
|
|
list-style: none;
|
|
margin: 0;
|
|
}
|
|
.pg_menu li.back_results a {
|
|
border-left: 1px solid #D0D0D0;
|
|
border-right: 1px solid #D0D0D0;
|
|
}
|
|
.pg_menu li a,
|
|
.pg_menu li span {
|
|
background-color: #F3F3F3;
|
|
display: block;
|
|
float: left;
|
|
padding: .4em .5em;
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
}
|
|
.pg_menu li 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;
|
|
}
|
|
#listResults li:hover {
|
|
background-color: #006699;
|
|
}
|
|
#listResults li a {
|
|
color: #FFFFFF;
|
|
font-weight: normal;
|
|
}
|
|
/* nav */
|
|
.nav_pages .close_pagination {
|
|
padding-right: 10px;
|
|
position: absolute;
|
|
right: 3px;
|
|
top: -25px;
|
|
}
|
|
.nav_pages .close_pagination a {
|
|
text-decoration: none!important;
|
|
}
|
|
.nav_pages ul {
|
|
padding-top: 10px;
|
|
}
|
|
.nav_pages li {
|
|
list-style: none;
|
|
float: left;
|
|
padding: 4px;
|
|
color: #999;
|
|
}
|
|
.nav_pages li a {
|
|
text-decoration: none!important;
|
|
}
|
|
.nav_pages li a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.nav_pages li ul {
|
|
float: left;
|
|
}
|
|
/* action buttons */
|
|
#action {
|
|
margin: .5em 0 0 0;
|
|
background-color: #F3F3F3;
|
|
border: 1px solid #E8E8E8;
|
|
padding-bottom: 3px;
|
|
}
|
|
#action li {
|
|
list-style: none;
|
|
margin: .2em;
|
|
padding: .3em 0;
|
|
}
|
|
#action a {
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
#export li,
|
|
#moresearches_menu li {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
#export li a,
|
|
#moresearches_menu li a {
|
|
font-weight: normal;
|
|
}
|
|
#export li a.menu-inactive,
|
|
#moresearches_menu li a.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;
|
|
}
|
|
.tag_results_input input[type="text"] {
|
|
font-size: inherit;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.tag_results_input label {
|
|
display: inline;
|
|
}
|
|
.tagsinput input[type="text"] {
|
|
font-size: inherit;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.tagsinput label {
|
|
display: inline;
|
|
}
|
|
.branch-info-tooltip {
|
|
display: none;
|
|
}
|
|
#social_networks a {
|
|
background: transparent url("../images/social-sprite.png") no-repeat;
|
|
display: block;
|
|
height: 20px !important;
|
|
width: 20px;
|
|
text-indent: -999em;
|
|
}
|
|
#social_networks span {
|
|
color: #274D7F;
|
|
display: block;
|
|
float: left;
|
|
font-size: 85%;
|
|
font-weight: bold;
|
|
line-height: 2em;
|
|
margin: .5em 0 .5em .5em !important;
|
|
}
|
|
#social_networks div {
|
|
float: left !important;
|
|
margin: .5em 0 .5em .2em !important;
|
|
}
|
|
#social_networks #facebook {
|
|
background-position: -7px -35px;
|
|
}
|
|
#social_networks #twitter {
|
|
background-position: -7px -5px;
|
|
}
|
|
#social_networks #linkedin {
|
|
background-position: -7px -95px;
|
|
}
|
|
#social_networks #delicious {
|
|
background-position: -7px -66px;
|
|
}
|
|
#social_networks #email {
|
|
background-position: -7px -126px;
|
|
}
|
|
#marc td,
|
|
#marc th {
|
|
background-color: transparent;
|
|
border: 0;
|
|
padding: 3px 5px;
|
|
text-align: left;
|
|
}
|
|
#marc td:first-child {
|
|
text-indent: 2em;
|
|
}
|
|
#marc p {
|
|
padding-bottom: .6em;
|
|
}
|
|
#marc p .label {
|
|
font-weight: bold;
|
|
}
|
|
#marc ul {
|
|
padding-bottom: .6em;
|
|
}
|
|
#marc .results_summary {
|
|
clear: left;
|
|
}
|
|
#marc .results_summary ul {
|
|
display: inline;
|
|
float: none;
|
|
clear: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
#marc .results_summary 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;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 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 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;
|
|
-webkit-border-radius: 7px;
|
|
-moz-border-radius: 7px;
|
|
border-radius: 7px;
|
|
}
|
|
#search-facets ul,
|
|
#menu ul {
|
|
margin: 0;
|
|
padding: .3em;
|
|
}
|
|
#search-facets form,
|
|
#menu form {
|
|
margin: 0;
|
|
}
|
|
#search-facets h4,
|
|
#menu h4 {
|
|
font-size: 90%;
|
|
margin: 0 0 .6em 0;
|
|
text-align: center;
|
|
}
|
|
#search-facets h4 a,
|
|
#menu h4 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;
|
|
}
|
|
#search-facets li,
|
|
#menu li {
|
|
font-size: 90%;
|
|
font-weight: bold;
|
|
list-style-type: none;
|
|
}
|
|
#search-facets li li,
|
|
#menu li li {
|
|
font-weight: normal;
|
|
font-size: 95%;
|
|
line-height: 125%;
|
|
margin-bottom: 2px;
|
|
padding: .1em .2em;
|
|
}
|
|
#search-facets li.showmore a,
|
|
#menu li.showmore a {
|
|
font-weight: bold;
|
|
text-indent: 1em;
|
|
}
|
|
#search-facets a,
|
|
#menu a {
|
|
font-weight: normal;
|
|
text-decoration: underline;
|
|
}
|
|
#menu {
|
|
font-size: 94%;
|
|
}
|
|
#menu li {
|
|
list-style-type: none;
|
|
}
|
|
#menu li 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;
|
|
}
|
|
#menu li a:hover {
|
|
background: #eaeef5;
|
|
}
|
|
#menu li.active a {
|
|
background-color: #FFF;
|
|
background-image: none;
|
|
border-right-width: 0;
|
|
font-weight: bold;
|
|
}
|
|
#menu li.active a:hover {
|
|
background-color: #fff;
|
|
}
|
|
#menu 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;
|
|
}
|
|
.searchresults p.details {
|
|
color: #979797;
|
|
}
|
|
.searchresults 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;
|
|
}
|
|
.searchresults .commentline {
|
|
background-color: #ffffcc;
|
|
background-color: rgba(255, 255, 204, 0.4);
|
|
border: 1px solid #CCC;
|
|
display: inline-block;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
|
margin: .3em;
|
|
padding: .4em;
|
|
}
|
|
.searchresults .commentline.yours {
|
|
background-color: #effed5;
|
|
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 {
|
|
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;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 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;
|
|
}
|
|
.available {
|
|
color: #006600;
|
|
}
|
|
.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%;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 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;
|
|
}
|
|
#logo 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;
|
|
}
|
|
#user-menu-trigger .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;
|
|
}
|
|
#user-menu-trigger .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, 0.4);
|
|
box-shadow: 0px 3px 2px 0px rgba(0, 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;
|
|
}
|
|
.notesrow 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;
|
|
}
|
|
.table .sorting_desc {
|
|
padding-right: 19px;
|
|
background: url("../images/desc.gif") no-repeat scroll right center #ecede6;
|
|
}
|
|
.table .sorting {
|
|
padding-right: 19px;
|
|
background: url("../images/ascdesc.gif") no-repeat scroll right center #ecede6;
|
|
}
|
|
.table .nosort,
|
|
.table .nosort.sorting_asc,
|
|
.table .nosort.sorting_desc,
|
|
.table .nosort.sorting {
|
|
padding-right: 19px;
|
|
background: #ECEDE6 none;
|
|
}
|
|
.tags ul {
|
|
display: inline;
|
|
list-style: none;
|
|
margin-left: 0;
|
|
}
|
|
.tags ul li {
|
|
display: inline;
|
|
}
|
|
.coverimages {
|
|
float: right;
|
|
}
|
|
#i18nMenu {
|
|
margin-left: 1em;
|
|
}
|
|
#i18nMenu li {
|
|
font-size: 85%;
|
|
}
|
|
#i18nMenu li li {
|
|
font-size: 100%;
|
|
}
|
|
#i18nMenu li li > a {
|
|
font-size: 100%;
|
|
}
|
|
#i18nMenu li li > a:hover {
|
|
color: #FFF;
|
|
}
|
|
#i18nMenu li a {
|
|
color: #0076b2;
|
|
}
|
|
#i18nMenu .dropdown-menu li p {
|
|
clear: both;
|
|
display: block;
|
|
font-weight: normal;
|
|
line-height: 20px;
|
|
padding: 3px 20px;
|
|
white-space: nowrap;
|
|
}
|
|
#subjectsList label,
|
|
#authorSearch label {
|
|
display: inline;
|
|
vertical-align: middle;
|
|
}
|
|
#subjectsList ul,
|
|
#authorSearch ul {
|
|
border-bottom: 1px solid #EEE;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: .6em 0;
|
|
}
|
|
#subjectsList li,
|
|
#authorSearch li {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
#overdrive-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;
|
|
}
|
|
#shelfbrowser table,
|
|
#shelfbrowser td,
|
|
#shelfbrowser th {
|
|
border: 0;
|
|
font-size: 90%;
|
|
text-align: center;
|
|
}
|
|
#shelfbrowser td,
|
|
#shelfbrowser th {
|
|
padding: 3px 5px;
|
|
width: 20%;
|
|
}
|
|
#shelfbrowser a {
|
|
display: block;
|
|
font-size: 110%;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
#shelfbrowser #browser_next,
|
|
#shelfbrowser #browser_previous {
|
|
background-image: url("../images/sprite.png");
|
|
background-repeat: no-repeat;
|
|
width: 16px;
|
|
}
|
|
#shelfbrowser #browser_next a,
|
|
#shelfbrowser #browser_previous a {
|
|
cursor: pointer;
|
|
display: block;
|
|
height: 0 !important;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding: 50px 0 0;
|
|
text-decoration: none;
|
|
width: 16px;
|
|
}
|
|
#shelfbrowser #browser_previous {
|
|
background-position: -9px -1007px;
|
|
}
|
|
#shelfbrowser #browser_next {
|
|
background-position: -9px -1057px;
|
|
}
|
|
@media only screen and (min-width: 0px) and (max-width: 304px) {
|
|
/* Screens bewteen 0 and 304 pixels wide */
|
|
#oh:after {
|
|
content: "(min-width: 0px) and (max-width: 304px)";
|
|
}
|
|
input,
|
|
select,
|
|
textarea {
|
|
width: auto;
|
|
max-width: 11em;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 0px) and (max-width: 390px) {
|
|
/* Screens bewteen 0 and 390 pixels wide */
|
|
#oh:after {
|
|
content: "(min-width: 0px) and (max-width: 390px)";
|
|
}
|
|
.ui-tabs .ui-tabs-nav li a,
|
|
.statictabs li a {
|
|
padding: .1em .5em;
|
|
}
|
|
#views {
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.view {
|
|
padding: 0;
|
|
}
|
|
.view a,
|
|
.view span {
|
|
border: 1px solid #C9C9C9;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
font-size: 80%;
|
|
padding: 0.3em 0.4em 4px 26px;
|
|
}
|
|
.input-fluid {
|
|
width: 90%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 305px) and (max-width: 341px) {
|
|
/* Screens bewteen 305 and 341 pixels wide */
|
|
#oh:after {
|
|
content: "(min-width: 305px) and (max-width: 341px)";
|
|
}
|
|
}
|
|
@media only screen and (min-width: 342px) and (max-width: 479px) {
|
|
/* Screens bewteen 342 and 479 pixels wide */
|
|
#oh:after {
|
|
content: "(min-width: 342px) and (max-width: 479px)";
|
|
}
|
|
.input-fluid {
|
|
width: 75%;
|
|
}
|
|
}
|
|
/* Override Bootstrap Responsive CSS fixed navbar */
|
|
@media (max-width: 979px) {
|
|
.navbar-fixed-top,
|
|
.navbar-fixed-bottom {
|
|
position: fixed;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 608px) {
|
|
/* Screens below 608 pixels wide */
|
|
fieldset.rows label {
|
|
display: block;
|
|
float: none;
|
|
text-align: left;
|
|
}
|
|
fieldset.rows li {
|
|
padding-bottom: .5em;
|
|
}
|
|
fieldset.rows ol {
|
|
margin-left: 0;
|
|
}
|
|
body {
|
|
padding: 0;
|
|
}
|
|
.tdlabel {
|
|
display: inline;
|
|
}
|
|
.navbar-fixed-top,
|
|
.navbar-static-top {
|
|
margin: 0;
|
|
}
|
|
.navbar-inner {
|
|
padding: 0;
|
|
}
|
|
.checkall,
|
|
.clearall,
|
|
.highlight_controls,
|
|
#selections-toolbar,
|
|
.selectcol,
|
|
.list-actions,
|
|
#remove-selected {
|
|
display: none;
|
|
}
|
|
.table td.bibliocol {
|
|
padding-left: 1.3em;
|
|
}
|
|
.actions {
|
|
display: block;
|
|
}
|
|
.actions a,
|
|
.actions #login4tags {
|
|
background-color: #F2F2EF;
|
|
border: 1px solid #DDD;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
font-weight: bold;
|
|
display: block;
|
|
font-size: 120%;
|
|
margin: 2px 0;
|
|
}
|
|
.actions .label {
|
|
display: block;
|
|
font-weight: bold;
|
|
}
|
|
.actions #login4tags {
|
|
margin-right: 1em;
|
|
}
|
|
#opac-main-search button,
|
|
#opac-main-search input,
|
|
#opac-main-search select,
|
|
#opac-main-search .librarypulldown .transl1,
|
|
#opac-main-search .input-append {
|
|
display: block;
|
|
width: 97%;
|
|
max-width: 100%;
|
|
margin: .5em 0;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
#opac-main-search .input-append {
|
|
margin: 0;
|
|
width: 100%;
|
|
}
|
|
#opac-main-search .librarypulldown .transl1 {
|
|
width: 94.5%;
|
|
}
|
|
#toolbar .resort {
|
|
font-size: 14px;
|
|
max-width: 100%;
|
|
margin: .5em 0;
|
|
padding: 4px 6px;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
.mastheadsearch {
|
|
margin: 0;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
}
|
|
.main {
|
|
margin: .5em 0;
|
|
padding: 15px;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
}
|
|
.breadcrumb {
|
|
margin: 10px 0;
|
|
}
|
|
#moresearches {
|
|
text-align: center;
|
|
}
|
|
#searchsubmit {
|
|
font-weight: bold;
|
|
}
|
|
.ui-tabs-panel .item-thumbnail,
|
|
.tabs-container .item-thumbnail,
|
|
#topissues .item-thumbnail,
|
|
#usertags .item-thumbnail,
|
|
#usersuggestions .item-thumbnail {
|
|
margin: .5em 0 0 .5em;
|
|
}
|
|
.ui-tabs-panel .table-bordered,
|
|
.tabs-container .table-bordered,
|
|
#topissues .table-bordered,
|
|
#usertags .table-bordered,
|
|
#usersuggestions .table-bordered {
|
|
border: none;
|
|
}
|
|
.ui-tabs-panel .table th,
|
|
.tabs-container .table th,
|
|
#topissues .table th,
|
|
#usertags .table th,
|
|
#usersuggestions .table th,
|
|
.ui-tabs-panel .table thead,
|
|
.tabs-container .table thead,
|
|
#topissues .table thead,
|
|
#usertags .table thead,
|
|
#usersuggestions .table thead {
|
|
display: none;
|
|
}
|
|
.ui-tabs-panel .table td,
|
|
.tabs-container .table td,
|
|
#topissues .table td,
|
|
#usertags .table td,
|
|
#usersuggestions .table td {
|
|
border-right: 1px solid #dddddd;
|
|
border-left: 1px solid #dddddd;
|
|
border-top: 0;
|
|
display: block;
|
|
padding: .2em;
|
|
}
|
|
.ui-tabs-panel .table p,
|
|
.tabs-container .table p,
|
|
#topissues .table p,
|
|
#usertags .table p,
|
|
#usersuggestions .table p {
|
|
margin-bottom: 2px;
|
|
}
|
|
.ui-tabs-panel tr,
|
|
.tabs-container tr,
|
|
#topissues tr,
|
|
#usertags tr,
|
|
#usersuggestions tr {
|
|
display: block;
|
|
margin-bottom: .6em;
|
|
}
|
|
.ui-tabs-panel tr td:first-child,
|
|
.tabs-container tr td:first-child,
|
|
#topissues tr td:first-child,
|
|
#usertags tr td:first-child,
|
|
#usersuggestions tr td:first-child {
|
|
border-top: 1px solid #dddddd;
|
|
border-radius: 5px 5px 0 0;
|
|
}
|
|
.ui-tabs-panel tr td:last-child,
|
|
.tabs-container tr td:last-child,
|
|
#topissues tr td:last-child,
|
|
#usertags tr td:last-child,
|
|
#usersuggestions tr td:last-child {
|
|
border-radius: 0 0 5px 5px;
|
|
border-bottom: 2px solid #CACACA;
|
|
}
|
|
.no-image {
|
|
display: none;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 700px) {
|
|
/* Screens below 700 pixels wide */
|
|
#opac-main-search label {
|
|
display: none;
|
|
}
|
|
#logo {
|
|
background: transparent url("../lib/bootstrap/img/glyphicons-halflings-white.png") no-repeat;
|
|
background-position: 0 -24px;
|
|
margin: 14px 14px 0 14px;
|
|
width: 14px;
|
|
}
|
|
#logo a {
|
|
padding: 14px 0 0;
|
|
width: 14px;
|
|
}
|
|
#user-menu-trigger {
|
|
display: inline;
|
|
margin-right: 12px;
|
|
}
|
|
#members {
|
|
display: none;
|
|
clear: both;
|
|
}
|
|
#members li {
|
|
padding-right: 20px;
|
|
text-align: right;
|
|
border-bottom: 1px solid #555;
|
|
}
|
|
#members li:first-child {
|
|
border-top: 1px solid #555;
|
|
}
|
|
#members li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
#members .nav {
|
|
float: none;
|
|
}
|
|
#members .nav.pull-right {
|
|
float: none;
|
|
}
|
|
#members .nav > li {
|
|
float: none;
|
|
}
|
|
#members .divider-vertical {
|
|
border: 0;
|
|
height: 0;
|
|
margin: 0;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 480px) and (max-width: 608px) {
|
|
/* Screens between 480 and 608 pixels wide */
|
|
#oh:after {
|
|
content: " Between 480 pixels and 608 pixels. ";
|
|
}
|
|
.input-fluid {
|
|
width: 75%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 608px) and (max-width: 767px) {
|
|
/* Screens between 608 and 767 pixels wide */
|
|
#oh:after {
|
|
content: " Between 608 pixels and 767 pixels. ";
|
|
}
|
|
.main {
|
|
padding: 0.8em 20px;
|
|
}
|
|
.breadcrumb {
|
|
margin: 10px 0;
|
|
}
|
|
.navbar-static-bottom {
|
|
margin-left: -20px;
|
|
margin-right: -20px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 767px) {
|
|
/* Screens below 767 pixels wide */
|
|
a.title {
|
|
font-size: 120%;
|
|
}
|
|
#userresults {
|
|
margin: 0 -20px;
|
|
}
|
|
.breadcrumb,
|
|
#top-pages,
|
|
.menu-collapse {
|
|
display: none;
|
|
}
|
|
#search-facets,
|
|
#menu {
|
|
margin-bottom: .5em;
|
|
}
|
|
#search-facets h4,
|
|
#menu h4 {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
#search-facets h4 a,
|
|
#menu h4 a {
|
|
-webkit-border-radius: 7px;
|
|
-moz-border-radius: 7px;
|
|
border-radius: 7px;
|
|
border-bottom: 0;
|
|
font-weight: normal;
|
|
padding: .7em .2em;
|
|
}
|
|
#search-facets ul,
|
|
#menu ul {
|
|
padding: 0;
|
|
}
|
|
#menu li a {
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
border: 0;
|
|
display: block;
|
|
font-size: 120%;
|
|
text-decoration: none;
|
|
border-bottom: 1px solid #D8D8D8;
|
|
margin: 0;
|
|
}
|
|
#menu li.active a {
|
|
border-top: 1px solid #D8D8D8;
|
|
border-right-width: 1px;
|
|
}
|
|
#menu li:last-child a {
|
|
-webkit-border-radius: 0 0 7px 7px;
|
|
-moz-border-radius: 0 0 7px 7px;
|
|
border-radius: 0 0 7px 7px;
|
|
}
|
|
#search-facets li {
|
|
padding: .4em;
|
|
}
|
|
#search-facets h5 {
|
|
margin: .2em;
|
|
}
|
|
#menu h4 a.menu-open,
|
|
#search-facets h4 a.menu-open {
|
|
-webkit-border-radius: 7px 7px 0 0;
|
|
-moz-border-radius: 7px 7px 0 0;
|
|
border-radius: 7px 7px 0 0;
|
|
border-bottom: 1px solid #D8D8D8;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 800px) {
|
|
/* Screens below 800 pixels wide */
|
|
.cartlabel,
|
|
.listslabel {
|
|
display: none;
|
|
}
|
|
.navbar .divider-vertical {
|
|
margin: 0 2px;
|
|
}
|
|
.navbar #members .divider-vertical {
|
|
margin: 0 9px;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 768px) {
|
|
/* Screens above 768 pixels wide */
|
|
.main {
|
|
margin-left: 20px;
|
|
margin-right: 20px;
|
|
}
|
|
#menu {
|
|
border: 0;
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
border-right: 1px solid #D8D8D8;
|
|
}
|
|
#menu h4 {
|
|
display: none;
|
|
}
|
|
#menu ul {
|
|
padding: 1em 0 1em 0;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 768px) and (max-width: 984px) {
|
|
/* Screens between 768 and 984 pixels wide */
|
|
#oh:after {
|
|
content: " Between 768 and 984 pixels. ";
|
|
}
|
|
.librarypulldown .transl1 {
|
|
width: 38%;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 984px) {
|
|
/* Screens up to 984 pixels wide */
|
|
}
|
|
@media only screen and (min-width: 984px) {
|
|
/* Screens above 969 pixels wide */
|
|
#oh:after {
|
|
content: " Above 984 pixels. ";
|
|
}
|
|
.librarypulldown .transl1 {
|
|
width: 53%;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 1040px) {
|
|
.pg_menu li a {
|
|
float: none;
|
|
text-align: left;
|
|
}
|
|
.pg_menu li.back_results a {
|
|
border: 1px solid #D0D0D0;
|
|
border-width: 1px 0 1px 0;
|
|
}
|
|
#ulactioncontainer {
|
|
min-width: 0;
|
|
}
|
|
}
|