Main Koha release repository https://koha-community.org
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

4424 lines
74 KiB

@import url("../../lib/yui/reset-fonts-grids.css") screen;
$font-main: Arial, Verdana, Helvetica, sans-serif;
$font-monospace: "Courier New", Courier, monospace;
$language-footer-min-height: 20px;
@mixin default-button {
background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 35%, #E0E0E0 100%);
border: 1px outset #999999;
border-left-color: #666;
border-top-color: #666;
color: #333333;
padding: .25em;
}
@mixin disabled-button {
background: #EEE none;
border: 1px solid #C0C0C0;
color: #999;
}
::selection {
background: #538200;
color: #FFFFFF;
}
a {
&:link,
&:visited {
color: #004D99;
text-decoration: none;
}
&:hover,
&:active {
color: #538200;
text-decoration: none;
}
&:hover {
.term {
color: #FF9090;
}
}
&.btn {
&:link,
&:visited {
color: #333333;
}
&.btn-link {
&:link,
&:visited {
color: #004D99;
}
&:hover {
color: #538200;
}
}
}
&.cancel {
padding-left: 1em;
}
&.cartRemove {
color: #CC3333;
font-size: 90%;
margin: 0;
padding: 0;
}
&.close {
&:hover {
color: #538200;
}
}
&.csv {
background-image: url("../img/famfamfam/silk/page_white_excel.png");
}
&.dropdown-toggle {
white-space: nowrap;
}
&.incart {
color: #666;
}
&.popup {
background: transparent url("../img/pop-up-link.png") center right no-repeat;
padding-right: 15px;
}
&.disabled {
color: #999999;
}
&.document {
background-position: left middle;
background-repeat: no-repeat;
display: inline-block;
min-height: 20px;
padding-left: 20px;
}
&.highlight_toggle {
display: none;
}
.localimage {
img {
border: 1px solid #0000CC;
margin: 0 .5em;
padding: .3em;
}
}
&.pdf {
background-image: url("../img/famfamfam/silk/page_white_acrobat.png");
}
&.submit {
@include default-button;
display: inline-block;
&:active {
border: 1px inset #999999;
}
&:disabled {
@include disabled-button;
}
}
&.term {
text-decoration: underline;
}
&.xml {
background-image: url("../img/famfamfam/silk/page_white_code.png");
}
}
aside {
h5 {
font-size: 100%;
margin: .5em 0;
}
fieldset {
&.brief {
margin: 0;
padding: .4em .7em;
fieldset {
margin: 0;
padding: .5em 0;
legend {
font-size: 85%;
}
}
li {
&.checkbox {
label {
display: inline;
}
}
&.dateinsert {
label {
display: inline;
}
span {
&.label {
display: inline;
}
}
}
&.radio {
padding: .7em 0;
input {
padding: .3em 0;
}
label {
display: inline;
}
span {
&.label {
display: inline;
}
}
}
}
ol {
font-size: 85%;
margin: 0;
padding: 0;
}
select,
[type="text"] {
width: 100%;
}
}
}
}
button {
@include default-button;
&:active {
border: 1px inset #999999;
}
&:disabled {
@include disabled-button;
}
&.closebtn {
background: transparent;
border: 0;
cursor: pointer;
padding: 0;
}
}
main {
.yui-b {
fieldset {
&.brief {
[type="text"],
select {
width: auto;
}
}
}
}
}
table {
border-collapse: collapse;
border-right: 1px solid #BCBCBC;
border-top: 1px solid #BCBCBC;
.btn-group {
white-space: nowrap;
.btn {
display: inline-block;
float: none;
}
}
&.indexes {
td {
vertical-align: middle;
}
}
> caption {
span {
&.actions {
font-size: 66%;
font-weight: normal;
margin: 0 .5em 0 0;
}
}
}
&.invis {
border: 0;
tr,
td {
border: 0;
}
}
+ table {
margin-top: 1em;
}
}
td,
th {
border-bottom: 1px solid #BCBCBC;
border-left: 1px solid #BCBCBC;
padding: .2em .3em;
}
td {
background-color: #FFFFFF;
vertical-align: top;
&.actions {
white-space: nowrap;
}
&.borderless {
border: 0 none;
border-collapse: separate;
}
&.data {
font-family: $font-monospace;
text-align: right;
}
&.total {
text-align: right;
}
input {
&.approve {
background-color: #FFC;
}
}
}
th {
background-color: #E8E8E8;
font-weight: bold;
text-align: center;
&.data {
font-family: $font-monospace;
text-align: right;
}
}
body {
font-family: $font-main;
padding: 0 0 4em;
text-align: left;
}
br {
&.clear {
clear: both;
line-height: 1px;
}
}
form {
display: inline;
&.confirm {
display: block;
text-align: center;
}
}
h1 {
font-size: 161.6%;
font-weight: bold;
&#logo {
border: 0 none;
float: left;
margin: .75em .3em .75em .7em;
padding: 0;
width: 180px;
}
}
h2 {
font-size: 146.5%;
font-weight: bold;
}
h3 {
font-size: 131%;
font-weight: bold;
}
h4 {
font-size: 116%;
font-weight: bold;
}
h5 {
font-size: 100%;
font-weight: bold;
}
h6 {
font-size: 93%;
font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: .3em 0;
}
hr {
clear: both;
margin: 1em 0;
}
p {
margin: .5em 0;
}
strong {
font-weight: bold;
em {
font-style: italic;
font-weight: bold;
}
em & {
font-style: italic;
font-weight: bold;
}
}
em,
cite {
font-style: italic;
}
input,
textarea {
line-height: normal;
padding: 2px 4px;
&:focus {
border-color: #538200;
border-radius: 4px;
border-style: solid;
}
}
input {
&[type="checkbox"],
&[type="radio"] {
margin: 0;
vertical-align: middle;
}
&[type="submit"],
&[type="button"] {
&:active {
border: 1px inset #999999;
}
}
&[type="submit"],
&[type="reset"],
&[type="button"] {
@include default-button;
&:active {
border: 1px inset #999999;
}
&:disabled {
@include disabled-button;
}
}
&.alert {
background-color: #FFFF99;
border-color: #900;
}
&.hasDatepicker {
background-image: url("../img/famfamfam/silk/calendar.png");
background-position-x: right;
background-position-y: center;
background-repeat: no-repeat;
border-style: inset outset outset inset;
border-width: 1px;
padding-right: 18px;
}
&.submit {
@include default-button;
&:active {
border: 1px inset #999999;
}
&:disabled {
@include disabled-button;
}
}
&.warning {
background: #FFF url("../img/famfamfam/silk/error.png") no-repeat 4px center;
padding: .25em .25em .25em 25px;
}
}
label,
.label {
color: #000;
display: inline;
font-size: inherit;
font-weight: normal;
max-width: inherit;
padding: 0;
vertical-align: middle;
input {
&[type="checkbox"],
&[type="radio"],
&[type="checkbox"],
&[type="radio"] {
margin-top: 0;
}
}
&.circ_barcode {
font-size: 105%;
font-weight: bold;
}
// Permissions Labels
&.permissioncode {
font-style: italic;
&::before {
content: "(";
}
&::after {
content: ")";
}
}
&.required {
color: #C00;
}
}
.subfield-label {
font-style: italic;
span {
&.subfield-code {
font-weight: bold;
}
}
}
.members-update-table {
padding-top: 10px;
}
#navmenulist {
li {
border-bottom: 1px solid #EEE;
list-style-image: url("../img/arrow-bullet.gif");
padding: .2em 0;
a {
text-decoration: none;
&.current {
font-weight: bold;
}
}
}
}
#doc,
#doc1,
#doc2,
#doc3 {
padding-top: 1em;
}
.main {
margin-bottom: $language-footer-min-height * 1.5;
margin-top: 1em;
}
#login_controls {
padding: .4em .5em;
position: absolute;
right: .5em;
}
ul {
padding-left: 1.1em;
li {
list-style-type: disc;
input {
&.submit {
font-size: 87%;
padding: 2px;
}
}
li {
list-style-type: circle;
}
}
.toolbar {
padding-left: 0;
button {
font-family: $font-main;
padding-bottom: 2px;
}
li {
display: inline;
list-style: none;
}
}
&.budget_hierarchy {
margin-left: 0;
padding-left: 0;
li {
display: inline;
&::after {
content: " -> ";
}
&:first-child {
&::after {
content: "";
}
}
&:last-child {
&::after {
content: "";
}
}
}
}
// For Font Awesome icon bullets
&.fa-ul {
li {
list-style-type: none;
}
}
&.ui-tabs-nav {
li {
list-style: none;
}
}
}
ol {
padding-left: 1.5em;
li {
list-style: decimal;
}
&.bibliodetails {
float: left;
margin: 0 0 1em 1em;
li {
border-bottom: 1px solid #E8E8E8;
list-style-type: none;
padding: .1em;
}
span {
&.label {
border-right: 1px solid #E8E8E8;
float: left;
font-weight: bold;
margin-right: 1em;
width: 12em;
}
}
}
}
.gradient {
background-image: linear-gradient(to bottom, rgb(230, 240, 242) 1%, rgb(255, 255, 255) 99%);
display: inline-block;
width: 100%;
}
.cart-controls {
border-top: 1px solid #E8E8E8;
padding: 7px 0;
}
#editions {
table,
td {
border: 0;
}
}
.highlighted-row,
.highlighted-row td {
background-color: #FFD000 !important;
}
.warned-row,
.warned-row td { background-color: #FF9000 !important }
.high-warned-row,
.high-warned-row td { background-color: #FF0000 !important }
tbody {
tr {
&:nth-child(odd) {
td {
background-color: #F3F3F3;
border: 1px solid #BCBCBC;
border-right: 1px solid #BCBCBC;
}
}
}
}
.overdue,
.debit {
color: #CC0000;
font-weight: bold;
}
.strong {
font-weight: bold;
}
tr {
&.clickable {
cursor: pointer;
}
&.expired {
td {
color: #999999;
}
}
&.highlight {
td {
background-color: #F6F6F6;
border-color: #BCBCBC;
}
th {
&[scope="row"] {
background-color: #DDDDDD;
border-color: #BCBCBC;
}
}
table {
&.invis {
td {
border: 0;
}
}
}
}
&.odd {
&.onissue {
td {
background-color: #FFFFE1;
}
}
}
&.ok {
td {
background-color: #FFFFCC;
}
&:nth-child(odd) {
td {
background-color: #FFFFCC;
}
}
&:nth-child(even) {
td {
background-color: #FFFFCC;
}
}
}
&.onissue {
td {
background-color: #FFFFCC;
}
}
&.reserved {
td {
background-color: #EEFFD4;
}
}
&.transfered {
td {
background-color: #E8F0F6;
}
}
&.warn {
td {
background-color: #FF9090;
}
&:nth-child(odd) {
td {
background-color: #FF9090;
}
}
}
}
.table_borrowers {
tr {
&:hover {
td {
background-color: #FFFF99;
}
}
}
}
tfoot {
td {
background-color: #F3F3F3;
font-weight: bold;
vertical-align: middle;
}
}
caption {
color: #000;
font-size: 133.9%;
font-weight: bold;
margin: .3em 0;
}
.problem {
background-color: #FFFFCC;
color: #990000;
font-weight: bold;
line-height: 1.7em;
}
fieldset {
background-color: #F4F8F9;
border: 2px solid #B9D8D9;
border-radius: 5px;
margin: 1em 1em 1em 0;
padding: 1em;
+ fieldset {
&.action {
padding-top: 20px;
}
}
.lastchecked {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-width: 0;
margin-bottom: 0;
}
.standard {
background-color:#f4f8f9 !important;
}
.contrast {
background-color:#F3F3F3 !important;
}
&.action {
background-color: transparent;
border: 0;
clear: both;
float: none;
margin: .9em 0 0;
padding: .4em;
width: auto;
}
&.brief {
border: 2px solid #B9D8D9;
div {
&.hint {
margin-bottom: .4em;
}
}
label {
display: block;
font-weight: bold;
padding: .3em 0;
&.inline {
display: inline;
float: none;
margin-left: 1em;
width: auto;
}
}
li {
&[aria-disabled="true"] {
color: #999;
}
&.inline {
display: inline;
float: none;
margin-left: 1em;
width: auto;
}
&.radio,
&.checkbox {
label {
display: inline;
}
}
}
ol,
li {
list-style-type: none;
}
span {
.label {
display: block;
font-weight: bold;
padding: .3em 0;
text-align: left;
}
}
}
&.rows {
border: 2px solid #B9D8D9;
border-width: 1px;
clear: left;
float: left;
font-size: 90%;
margin: .9em 0 0;
padding: 0;
width: 100%;
fieldset {
background-color: transparent;
border-width: 1px;
margin: 1em;
padding: .3em;
&.action {
padding: 1em;
}
}
&.inputnote {
clear: left;
float: left;
margin: 1em 0 0 11em;
}
&.left {
label {
text-align: left;
width: 8em;
}
li {
padding-bottom: .4em;
}
span {
label {
text-align: left;
width: 8em;
}
}
}
&.ui-accordion-content {
border-top-left-radius: 0;
border-top-right-radius: 0;
margin: 0;
padding: 0;
width: 100%;
table {
margin: 0;
}
}
&.unselected {
background-color: #FFFFFF;
border: 0;
border-width: 0;
}
caption {
font-size: 120%;
}
div {
&.hint {
margin-bottom: .4em;
margin-left: 10.5em;
}
}
label {
float: left;
font-weight: bold;
margin-right: 1em;
text-align: right;
width: 9em;
&.error {
float: none;
margin-left: 1em;
width: auto;
}
&.inline {
display: inline;
float: none;
margin-left: 1em;
}
&.radio {
display: inline-block;
margin: 0 1em 0 0;
padding: 0;
width: auto;
}
&.yesno {
float: none;
width: auto;
}
}
legend {
font-size: 110%;
font-weight: bold;
margin-left: 1em;
}
li {
clear: left;
float: left;
list-style-type: none;
padding-bottom: 1em;
width: 100%;
&[aria-disabled="true"] {
color: #999;
}
&.radio {
padding-left: 9em;
width: auto;
input + label {
margin-left: 0;
padding-left: 0;
}
label {
float: none;
margin: 0 0 0 1em;
width: auto;
}
}
input + label {
margin-left: 0;
padding-left: 0;
}
}
ol {
list-style-type: none;
padding: 1em 1em 0;
&.radio {
label {
float: none;
margin-left: 20px;
margin-right: 30px;
padding-left: 0;
vertical-align: middle;
width: auto;
&.radio {
float: left;
margin-right: 1em;
margin-top: 0;
width: 9em;
}
}
input {
&[type="checkbox"],
&[type="radio"] {
margin-left: -20px;
}
}
}
}
p {
margin: 1em 0 1em 1em;
}
span {
&.label {
float: left;
font-weight: bold;
margin-right: 1em;
text-align: right;
width: 9em;
}
}
table {
clear: both;
font-size: 105%;
margin: 1em 0 1em 1em;
&.mceListBox {
margin: 0;
}
}
td {
label {
float: none;
font-weight: normal;
width: auto;
}
}
.inputnote {
clear: left;
float: left;
margin: 1em 0 0 11em;
}
+ h3 {
clear: both;
padding-top: .5em;
}
}
}
#multi_receiving {
fieldset {
&.rows {
label {
width: 50%;
}
}
}
}
.yui-u {
div {
&.hint {
margin-bottom: .4em;
}
}
fieldset {
&.rows {
div {
&.hint {
margin-left: 7.5em;
}
}
label {
width: 10em;
}
span {
&.label {
width: 10em;
}
}
}
}
.rows {
li {
p {
label {
&.widelabel {
width: auto;
}
}
}
}
}
}
legend {
background-color: #FFFFFF;
border: 2px solid #B9D8D9;
border-radius: 3px;
font-size: 123.1%;
font-weight: bold;
padding: .2em .5em;
width: auto;
}
details {
> summary {
cursor: pointer;
&::before {
content: "\f0da";
display: inline-block;
font-family: FontAwesome;
width: 1em;
}
&.checkouts-by-itemtype {
li {
display: inline-block;
}
}
}
}
details[open] {
> summary {
&::before {
content: "\f0d7";
}
}
}
#floating-save {
background-color: rgba(185, 216, 217, .6);
bottom: 3%;
position: fixed;
right: 1%;
width: 150px;
}
#breadcrumbs {
background-color: #E6F0F2;
clear: both;
font-size: 90%;
margin: 0;
padding: .2em .5em .4em 10px;
}
#header {
&.navbar {
margin-bottom: 0;
}
&.navbar-default {
background: #E6F0F2;
border: 0;
box-shadow: none;
}
+ #breadcrumbs {
margin-top: 1em;
}
> .container-fluid {
padding: 0;
}
}
div {
&.action {
background-color: transparent;
border: 0;
clear: both;
float: none;
margin: .9em 0 0;
padding: .4em;
width: auto;
}
.circmessage {
margin-bottom: .3em;
padding: 0 .4em .4em;
&:first-child {
margin-top: 1em;
}
}
&.first {
fieldset {
margin-right: 0;
}
}
&.help {
margin: .9em 0 0;
}
&.justify {
text-align: justify;
}
&.message {
background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%);
border: 1px solid #BCBCBC;
text-align: center;
width: 55%;
ul,
h5 {
padding-left: 25%;
text-align: left;
}
ul + h4 {
margin-top: .7em;
}
}
&.note {
background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); // W3C
border: 1px solid #BCBCBC;
margin: .5em 0;
padding: .5em;
i {
&.fa-exclamation {
color: #CC0000;
font-style: italic;
padding: 0 .3em;
}
}
}
// Tools > automatic_item_modification_by_age
&.rules {
display: block;
}
&[class$="_table_controls"] {
padding: .7em 0;
}
&.results {
padding: .7em 0;
}
&.rule {
background-color: #F4F8F9;
border: 2px solid #B9D8D9;
border-radius: 5px;
margin: .3em;
padding: .3em;
}
&.lastchecked {
border: 2px solid #BCDB89;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: .2em 1em;
}
&.listgroup {
clear: left;
h4 {
font-style: italic;
a {
font-size: 80%;
}
}
input {
font-size: 80%;
}
}
&.sysprefs {
h3 {
margin: .2em 0 .2em .4em;
}
dl {
margin-left: 1.5em;
}
&.hint {
float: right;
margin: .7em;
padding: .5em;
width: 25%;
}
}
&.rows {
clear: left;
float: left;
margin: 0;
padding: 0;
width: 100%;
+ div {
&.rows {
margin-top: .6em;
}
}
li {
border-bottom: 1px solid #EEE;
clear: left;
float: left;
list-style-type: none;
padding: .275em;
width: 100%;
}
ol {
list-style-type: none;
padding: .5em 1em 0 0;
li {
li {
border-bottom: 0;
}
}
}
p {
margin-left: 10em;
}
span {
&.label {
float: left;
font-weight: bold;
margin-right: 1em;
padding-top: 0;
text-align: left;
width: 9em;
}
}
}
&.pages {
margin: .5em 0;
a {
font-weight: bold;
padding: 1px 5px;
text-decoration: none;
&:link,
&:visited {
background-color: #EEEEEE;
color: #3366CC;
}
&:hover,
&:active {
background-color: #FFC;
}
}
.current,
.currentPage {
background-color: #E6FCB7;
color: #666;
font-weight: bold;
padding: 1px 5px;
}
.inactive {
background-color: #F3F3F3;
color: #BCBCBC;
font-weight: bold;
padding: 1px 5px;
}
}
.browse {
margin: .5em 0;
}
}
#header_search {
background-position: .5em .5em;
background-repeat: no-repeat;
float: left;
margin: .3em 0 .5em;
input {
font-size: 1.3em;
&.submit {
font-size: 1em;
}
}
div {
&.residentsearch {
border: 0;
border-bottom: 1px solid #85CA11;
padding: 0 0 .2em;
}
}
ul {
&.ui-tabs-nav {
margin-left: 1em;
padding-top: 0;
li {
&.ui-state-default {
background: transparent none;
border: 0;
top: 0;
a {
padding: .3em .6em;
}
}
&.ui-tabs-active {
background-color: #FFFFF1;
border: 1px solid #85CA11;
border-top-width: 0;
top: -2px;
a {
text-decoration: none;
}
}
}
}
}
.ui-corner-top {
border-radius: 0 0 4px 4px;
}
> div,
> ul {
display: none;
> li {
display: none;
&:first-of-type {
display: block;
}
}
&:first-of-type {
display: block;
}
}
}
.head-searchbox {
width: 30em;
}
#reserves,
#checkouts {
border: 1px solid #B9D8D9;
padding: 1em;
}
.tip {
color: #808080;
font-size: 93%;
}
.single-line {
white-space: nowrap;
}
.ex {
font-family: $font-monospace;
font-weight: bold;
}
dt {
font-weight: bold;
}
dd {
font-size: 90%;
font-weight: normal;
padding: .2em;
text-indent: 2.5em;
}
#toolbar,
.btn-toolbar {
background-color: #EDF4F6;
border: 1px solid #E6F0F2;
border-radius: 5px 5px 0 0;
margin: 0;
padding: 5px;
.dropdown-menu {
border-top-width: 1px;
font-size: 13px;
}
&.floating {
border-radius: 0;
margin-top: 0;
}
}
#disabled {
a {
color: #999;
&:hover {
color: #999;
}
}
}
#disabled2 {
a {
color: #999;
}
}
.patroninfo {
margin-top: -.5em;
h5 {
border-right: 1px solid #B9D8D9;
margin-bottom: 0;
padding-bottom: .5em;
padding-left: -.5em;
padding-top: .3em;
&:empty {
border-right: 0;
}
}
ul {
border: 0;
border-bottom: 0;
border-right: 1px solid #B9D8D9;
border-top: 0;
margin: 0;
padding: 0;
li {
list-style-type: none;
margin: 0;
}
}
+ #menu {
margin-right: 0;
}
}
#patronbasics {
div {
background: transparent url("../img/patron-blank.min.svg") 10px 5px no-repeat;
border: 1px solid #CCCCCC;
height: 125px;
margin: .3em 0 .3em .3em;
padding: 0;
width: 105px;
}
}
#patronimage {
border: 1px solid #CCCCCC;
margin: .3em 0 .3em .3em;
max-width: 140px;
padding: .2em;
}
.patronviews {
border-right: 1px solid #000;
border-top: 1px solid #000;
margin-bottom: .5em;
padding: .5em 0;
}
.column-tool {
font-size: 80%;
}
.hint {
color: #666;
font-size: 95%;
}
.yui-b {
fieldset {
&.brief {
padding: .4em .7em;
fieldset {
margin: 0 .3em;
padding: .5em;
legend {
font-size: 85%;
}
}
li {
&.checkbox {
input {
#tools_holidays & {
margin-left: 0;
}
}
label {
display: inline;
#tools_holidays & {
margin-left: 20px;
}
}
}
&.dateinsert {
label {
display: inline;
}
span {
&.label {
display: inline;
}
}
}
&.radio {
padding: .7em 0;
input {
padding: .3em 0;
#tools_holidays & {
margin-left: 0;
}
}
label {
display: inline;
#tools_holidays & {
margin-left: 20px;
}
span {
&.label {
display: inline;
}
}
}
}
}
ol {
font-size: 85%;
margin: 0;
padding: 0;
}
select,
[type=text] {
width: 100%;
}
}
&.rows {
div {
&.hint {
margin-left: 10.5em;
}
}
td {
label {
width: auto;
}
span {
&.label {
width: auto;
}
}
}
}
}
}
#yui-main {
.yui-b {
fieldset {
&.brief {
select,
[type=text] {
width: auto;
}
}
}
}
}
.btn-toolbar {
fieldset {
&.action {
margin-top: 0;
}
}
.dropdown-menu {
font-size: 13px;
}
}
.rows {
.label {
white-space: normal;
}
}
.checkedout {
color: #999999;
font-style: italic;
}
.subfield_not_filled {
background-color: #FFFF99;
}
.content_hidden {
display: none;
visibility: hidden; // you propably don't need to change this one
}
// the property for the displayed tab
.content_visible {
display: block;
visibility: visible; // you propably don't need to change this one
}
#z3950searcht {
table {
border: 0;
padding: 20px;
}
}
#z3950_search_targets {
height: 338px;
overflow-y: auto;
}
#z3950_search_targets_acq {
height: 308px;
overflow-y: auto;
}
.z3950checks {
padding-left: 1em;
}
.error {
color: #CC0000;
}
.status_ok {
background-color: #90EE90;
}
.status_warn {
background-color: #FF0000;
}
// Font Awesome icons
i {
&.error {
color: #CC0000;
}
&.success {
color: #008000;
}
&.warn {
color: #FFA500;
}
}
.checkout-setting {
font-size: 85%;
padding-top: .3em;
input {
vertical-align: middle;
}
label {
font-size: inherit;
font-weight: normal;
}
}
.checkout-settings {
background-color: #F4F8F9;
border-radius: 0;
border-top: 2px solid #B9D8D9;
display: none;
margin-left: -1em;
margin-right: -1em;
margin-top: 1em;
padding: 1em 1em 0;
}
#show-checkout-settings {
margin-top: .5em;
}
.blocker {
color: #990000;
}
.inaccurate-item-statuses {
color: #990000;
}
.circmessage {
li {
list-style: url("../img/arrow-bullet.gif");
margin-bottom: .2em;
}
}
#circ_needsconfirmation {
margin: auto;
}
.dialog {
border: 1px solid #BCBCBC;
border-radius: 2px;
margin: 1em auto;
padding: .5em;
text-align: center;
width: 65%;
a {
&.approve {
display: inline-block;
}
}
button,
a.approve {
background: #FFF none;
border: 1px outset #999999;
border-left-color: #666;
border-top-color: #666;
margin: .4em;
padding: .4em;
white-space: pre-line;
&:active {
border: 1px inset #999999;
}
&:hover {
background-color: #FFC;
}
}
h2,
h3,
h4 {
margin: auto;
text-align: center;
}
input {
background-color: #FFFFFF;
border: 1px solid #BCBCBC;
margin: .4em;
padding: .4em .4em .4em 25px;
&:hover {
background-color: #FFC;
}
&[type="submit"] {
background: #FFF none;
}
}
li {
list-style-position: inside;
}
table {
margin: .5em auto;
td {
text-align: left;
}
th {
text-align: right;
}
}
}
.alert {
background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
border: 1px solid #E0C726;
color: inherit;
text-align: center;
text-shadow: none;
strong {
color: #900;
}
// Redefine a new style for Bootstrap's class "close" since we use that already
// Use <a class="closebtn" href="#">&times;</a>
.closebtn {
line-height: 20px;
position: relative;
right: -21px;
top: -2px;
}
}
.approve,
.success {
i {
&.fa {
color: #008000;
}
}
}
.deny {
i {
&.fa {
color: #CC0000;
}
}
}
.new {
i {
&.fa {
color: #425FAF;
}
}
}
.accesskey {
text-decoration: underline;
}
.missing {
background-color: #FFFFCC;
}
.term {
background-color: #FFC;
color: #990000;
}
// style for shelving location in catalogsearch
.shelvingloc {
display: block;
font-style: italic;
}
#menu {
border-right: 1px solid #B9D8D9;
margin-right: .5em;
padding-bottom: 2em;
padding-top: 1em;
li {
a {
background: linear-gradient(to bottom, #E8F0F6 0%, #E8F0F6 96%, #C1C1C1 100%);
border: 1px solid #B9D8D9;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
display: block;
font-size: 111%;
margin: .5em 0;
margin-right: -1px;
padding: .4em .3em;
text-decoration: none;
&:hover {
background: linear-gradient(to bottom, #FAFAFA 0%, #FFFFFF 96%, #E6E6E6 97%, #CCCCCC 99%, #C1C1C1 100%);
border-bottom: 1px solid #85CA11;
border-left: 1px solid #85CA11;
border-top: 1px solid #85CA11;
}
}
&.active {
a {
background-color: #FFFFFF;
background-image: none;
border-bottom: 1px solid #85CA11;
border-left: 1px solid #85CA11;
border-right: 0;
border-top: 1px solid #85CA11;
color: #000000;
font-weight: bold;
&:hover {
background-color: #FFFFFF;
color: #538200;
}
}
}
}
ul {
li {
list-style-type: none;
}
}
}
#logo {
background: transparent url("../img/koha-logo-medium.png") no-repeat scroll 0%;
margin: .75em .3em .75em .7em;
a {
border: 0;
cursor: pointer;
display: block;
height: 0 !important;
margin: 0;
overflow: hidden;
padding: 44px 0 0;
text-decoration: none;
width: 180px;
}
}
#closewindow {
margin-top: 2em;
text-align: center;
a {
font-weight: bold;
}
}
.barcode {
font-size: 200%;
vertical-align: middle;
}
li {
&.email {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.patronbriefinfo {
li {
&.email {
font-size: 87%;
padding: 0 10px 0 0;
width: 90%;
}
}
}
.empty {
color: #CCC;
}
.address {
font-size: 110%;
li {
list-style-type: none;
}
}
.title {
font-size: 105%;
font-weight: bold;
}
.hold {
float: right;
font-size: 90%;
margin: 0;
}
.thumbnail {
display: block;
margin: auto;
> li {
list-style-type: none;
}
}
#searchresults {
ul {
li {
clear: left;
font-size: 90%;
list-style: url("../img/item-bullet.gif");
padding: .2em 0;
img {
float: left;
margin: 3px 5px 3px -5px;
}
}
span {
&.status {
clear: left;
color: #900;
display: block;
}
&.unavailable {
clear: left;
display: block;
}
}
table {
td {
vertical-align: top;
}
}
}
&.unavailability {
strong {
display: block;
}
}
}
#searchheader {
background-color: #E6F0F2;
border: 1px solid #B9D8D9;
border-radius: 5px 5px 0 0;
font-size: 80%;
margin: 0 0 .5em -1px;
padding: .4em 0 .4em 1em;
&.floating {
border-radius: 0;
margin-top: 0;
}
.btn-group {
> .btn {
&:first-child {
margin-left: .7em;
}
}
}
form {
float: right;
padding: 5px 5px 3px 0;
&.fz3950 {
float: right;
font-size: 125%;
padding: 0 0 0 5em;
}
&.fz3950bigrpad {
float: right;
font-size: 125%;
padding: 5px 25em 0 0;
}
}
}
#search-facets {
border: 1px solid #B9D8D9;
border-radius: 5px 5px 0 0;
h4 {
background-color: #E6F0F2;
border-bottom: 1px solid #B9D8D9;
border-radius: 5px 5px 0 0;
font-size: 90%;
margin: 0;
padding: .4em .2em;
text-align: center;
}
ul {
margin: 0;
padding: .3em;
li {
font-weight: bold;
list-style-type: none;
}
}
li {
li {
font-size: 85%;
font-weight: normal;
margin-bottom: 2px;
padding: .1em .2em;
}
&.showmore {
font-weight: bold;
text-indent: 1em;
}
}
}
.facet-count {
display: inline-block;
}
#bookcoverimg {
text-align: center;
}
.searchhighlightblob {
font-size: 75%;
font-style: italic;
}
#displayexample {
background-color: #CCCCCC;
margin-bottom: 10px;
padding: 5px;
}
#irregularity_summary {
vertical-align: top;
}
#toplevelmenu {
padding: 0;
}
#CheckAll,
#CheckNone,
#CheckPending {
font-weight: normal;
margin: 0 .5em 0 0;
}
.lost,
.dmg,
.wdn {
color: #990000;
display: block;
}
.datedue {
color: #999;
display: block;
font-style: italic;
}
.waitinghere,
.credit {
color: #669900;
}
#mainuserblock {
border: 1px solid #E8E8E8;
margin-top: .5em;
padding: .5em;
}
.labeledmarc-table {
border: 0;
}
.labeledmarc-label {
border: 0;
color: #000000;
font-size: 11pt;
font-style: italic;
padding: 5;
}
.labeledmarc-value {
border: 0;
color: #000;
font-size: 10pt;
padding: 5;
}
#marcPreview {
table {
border: 0;
font-family: $font-monospace;
font-size: 95%;
margin: .7em 0 0;
}
tbody {
tr {
&:nth-child(2n+1) {
td {
background-color: #FFFFFF;
}
}
}
}
td {
border: 0;
padding: 2px;
vertical-align: top;
}
th {
background-color: #FFFFFF;
border: 0;
padding: 2px;
text-align: left;
vertical-align: top;
white-space: nowrap;
}
&.modal-dialog {
width: 80%;
}
}
.modal-dialog {
&.modal-wide {
width: 80%;
}
}
@media (max-width: 767px) {
#marcPreview {
margin: 0;
width: auto;
}
}
#cartDetails {
background-color: #FFFFFF;
border: 1px solid #739ACF;
box-shadow: 1px 1px 3px 0 #666;
color: #000;
display: none;
margin: 0;
padding: 10px;
text-align: center;
width: 180px;
z-index: 50;
}
#cartmenulink {
background: transparent url("../img/cart-small.gif") left center no-repeat;
padding-left: 15px;
}
#basketcount {
span {
display: inline;
font-size: 90%;
font-weight: normal;
padding: 0;
}
}
#moremenu {
display: none;
}
.results_summary {
color: #707070;
display: block;
font-size: 85%;
padding: 0 0 .5em;
a {
font-weight: normal;
}
.label {
color: #202020;
}
}
.child_fund_amount {
font-style: italic;
}
.number_box {
font-size: 105%;
line-height: 200%;
a,
span {
background-color: #E4ECF5;
border: 1px solid #A4BEDD;
border-radius: 4px;
font-weight: bold;
padding: .1em .4em;
text-decoration: none;
&:hover {
background-color: #EBEFF7;
}
}
}
.container {
border: 1px solid #EEE;
margin: 1em 0;
padding: 1em;
}
.import_export {
position: relative;
.export_ok {
background: #E3E3E3 none;
border: 0;
cursor: pointer;
margin-left: 20px;
padding: 10px;
}
.import_export_options {
background: #FFFFFF;
border: 1px solid #CDCDCD;
left: 60px;
padding: 10px;
position: absolute;
top: 0;
width: 300px;
z-index: 1;
}
}
.import_export_options {
background: #E3E3E3 none;
border: 0;
cursor: pointer;
margin-left: 20px;
padding: 10px;
fieldset {
&.rows {
li {
label {
width: 16em;
}
}
}
}
.importing {
background: none;
padding: inherit;
}
}
.form_import {
fieldset {
&.rows {
li {
label {
width: auto;
}
}
}
}
.input_import {
border: 1px solid #BCBCBC;
}
}
.importing {
position: relative;
.importing_msg {
padding-bottom: 10px;
padding-left: 10px;
}
}
.field_hint {
color: #808080;
font-style: italic;
padding-left: 1em;
}
.m880 {
display: block;
float: right;
padding-left: 20px;
text-align: right;
width: 50%;
}
.advsearch {
margin: 0;
table {
border-collapse: separate;
border-spacing: 5px;
border-width: 0;
}
td {
border: 1px solid #EEE;
padding: .3em .4em;
}
}
#circ_circulation_issue {
position: relative;
}
#clearscreen {
position: absolute;
right: 0;
top: 0;
a {
background-color: #EEE;
border-radius: 0 0 0 5px;
color: #CCC;
display: block;
font-size: 160%;
font-weight: bold;
padding: 0 .7em .2em;
text-decoration: none;
text-shadow: 0 -1px 0 #666;
&:hover {
color: #CC0000;
}
}
}
#printclearscreen {
position: absolute;
right: 43px;
top: 0;
a {
background-color: #EEE;
border-radius: 0 0 0 5px;
color: #CCC;
display: block;
font-size: 160%;
font-weight: bold;
padding: 0 .7em .2em;
text-decoration: none;
text-shadow: 0 -1px 0 #666;
&:hover {
color: #CC0000;
}
}
}
.pager {
background-color: #E8E8E8;
border: 1px solid #BCBCBC;
border-radius: 5px;
display: inline-block;
font-size: 85%;
margin: .4em 0;
padding: .3em .5em;
img {
vertical-align: middle;
&.last {
padding-right: 5px;
}
}
input {
&.pagedisplay {
background-color: transparent;
border: 0;
font-weight: bold;
text-align: center;
}
}
p {
margin: 0;
}
}
.no-image {
background-color: #FFFFFF;
border: 1px solid #AAAAAA