Owen Leonard
eb92d94be1
The goal of this theme is to provide a fully-responsive OPAC which offers a high level of functionality across multiple devices with varied viewport sizes. Its style is based on the CCSR theme, with elements of the Bootstrap framework providing default styling of buttons, menus, modals, etc. The Bootstrap grid is used everywhere, but Bootstrap's default responsive breakpoints have been expanded to allow for better flexibility for our needs. All non-translation-depended files are in the root directory of this new theme: css, images, itemtypeimg, js, less, and lib. Languages.pm has been modified to ignore the new directories when parsing the theme language directories. This theme introduces the use of LESS (http://lesscss.org/) to build CSS. Three LESS files can be found in the "less" directory: mixins.less, opac.less, and responsive.less. These three files are compiled into one CSS file for production: opac.css. "Base" theme styles are found in opac.less. A few "mixins" (http://lesscss.org/#-mixins) are found in mixins.less. Any CSS which is conditional on specific media queries is found in responsive.less. At the template level some general sturctural changes have been made. For the most part JavaScript is now at the end of each template as is recommended for performance reasons. JavaScript formerly in doc-head-close.inc is now in opac-bottom.inc. In order to be able to maintain this structure and accommodate page-specific scripts at the same time the use of BLOCK and PROCESS are added. By default opac-bottom.inc will PROCESS a "jsinclude" block: [% PROCESS jsinclude %] Each page template in the theme must contain this block, even if it is empty: [% BLOCK jsinclude %][% END %] Pages which require that page-specific JavaScript be inserted can add it to the jsinclude block and it will appear correctly at the bottom of the rendered page. The same is true for page-specific CSS. Each page contains a cssinclude block: [% BLOCK cssinclude %][% END %] ...which is processed in doc-head-close.inc: [% PROCESS cssinclude %] Using these methods helps us maintain a strict separation of CSS links and blocks (at the top of each page) and JavaScript (at the bottom). A few exceptions are made for some JavaScript which must be processed sooner: respond.js (https://github.com/scottjehl/Respond, conditionally applied to Internet Explorer versions < 9 to allow for layout responsiveness), the _() function required for JS translatability, and Modernizr (http://modernizr.com/, a script which detects browser features and allows us to conditionally load JavaScript based on available features--or lack thereof). Another new JavaScript dependency in this theme is enquire.js (http://wicky.nillia.ms/enquire.js/), which lets us trigger JavaScript events based on viewport size. I have made an effort to re-indent the templates in a sane way, eliminating trailing spaces and tabs. However, I have not wrapped lines at a specific line length. In order to improve template legibility I have also tried to insert comments indicating the origin of closing tags like <div> or template directives like [% END %]: </div> <!-- / .container-fluid --> [% END # / IF ( OpacBrowseResults && busc ) %] TESTING Proper testing of this theme is no easy task: Every template has been touched. Each page should work reasonable well at a variety of screen dimensions. Pages should be tested under many conditions which are controlled by toggling OPAC system preferences on and off. A variety of devices, platforms, and browsers should be tested. Signed-off-by: Galen Charlton <gmc@esilibrary.com>
2613 lines
50 KiB
CSS
2613 lines
50 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 {
|
|
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;
|
|
}
|
|
.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);
|
|
}
|
|
@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;
|
|
}
|
|
}
|