Koha-community/Koha
13
7
Fork 0
Code Issues Releases Wiki Activity
Koha/koha-tmpl/opac-tmpl/bootstrap/less/opac.less
Jonathan Druart 733d37ff3f Bug 11430 [Follow-up] Search history: Delete selected lines 
This follow-up for Bug 11430 makes some changes to the template to make
it more useful when JavaScript is turned off:

- Hide the toolbar containing select all/clear all links if JS is off
- Add buttons to submit the forms if the delete link in the toolbar is
  unavailable (or if the user has scrolled all the way to the bottom of
  a long list)

Also changed: Corrected indentation from 2-space to 4-space, added
comments to the markup to help document page structure; changed the
class of the delete link to match other similar interfaces.

Note: This patch contains whitespace changes. Please diff
accordingly.

Signed-off-by: Jonathan Druart <jonathan.druart@biblibre.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@gmail.com>
2015-03-11 15:02:45 -03:00

2476 lines
49 KiB
Text
Raw Blame History

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