-@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;
-}
+@import "mixins";
+@import "tables";
::selection {
background: #538200;
color: #666;
}
- &.popup {
- background: transparent url("../img/pop-up-link.png") center right no-repeat;
- padding-right: 15px;
- }
-
&.disabled {
color: #999999;
}
padding: .5em 0;
legend {
- font-size: 85%;
+ font-size: 95%;
+ margin: 0;
}
}
&.checkbox {
label {
display: inline;
+ margin-left: 0;
}
}
}
ol {
- font-size: 85%;
margin: 0;
padding: 0;
}
[type="text"] {
width: 100%;
}
+
+ .hasDatepicker {
+ margin-right: 3px;
+ width: calc(100% - 20px);
+ }
}
}
}
content: " ";
display: table;
}
-
- .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;
-
- &[scope="row"] {
- text-align: right;
- }
-
- &.data {
- font-family: $font-monospace;
- text-align: right;
- }
}
body {
font-family: $font-main;
+ font-size: 13px;
+ line-height: 1.22;
padding: 0 0 4em;
text-align: left;
}
&.confirm {
display: block;
- text-align: center;
+ font-size: 110%;
+ line-height: 130%;
+
+ ul {
+ padding: 1em 0;
+
+ li {
+ list-style-type: none;
+ }
+ }
+
+ .notification_method {
+ background-color: #FFE;
+ border: 1px solid #CCC;
+ border-radius: 5px;
+ display: inline-block;
+ margin: .5em 0;
+ padding: .1em .3em;
+
+ &.none {
+ background-color: #EEE;
+ }
+ }
+
+ .hold-found-barcode {
+ display: inline-block;
+ font-size: 90%;
+ }
}
}
input,
textarea {
- line-height: normal;
- padding: 2px 4px;
-
&:focus {
border-color: #538200;
border-radius: 4px;
- border-style: solid;
}
}
}
}
- &.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;
@include disabled-button;
}
}
+}
- &.warning {
- background: #FFF url("../img/famfamfam/silk/error.png") no-repeat 4px center;
- padding: .25em .25em .25em 25px;
- }
+.input-warning {
+ background-color: #FF9;
+ border-color: #900;
}
label,
}
&.circ_barcode {
+ display: inline-block;
font-size: 105%;
font-weight: bold;
+ margin-bottom: 1rem;
+ max-width: 75%;
}
&.required {
}
}
-#doc,
-#doc1,
-#doc2,
-#doc3 {
- padding-top: 1em;
-}
-
.main {
margin-bottom: $language-footer-min-height * 1.5;
margin-top: 1em;
}
}
-.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;
}
-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;
border-bottom-right-radius: 0;
border-bottom-width: 0;
margin-bottom: 0;
+ margin-right: 0;
}
.standard {
text-align: left;
}
}
+
+ .action {
+ margin-left: 1em;
+ }
}
&.rows {
font-size: 105%;
margin: 1em 0 1em 1em;
+ &.dataTable {
+ margin: 0;
+ }
+
&.mceListBox {
margin: 0;
}
clear: both;
padding-top: .5em;
}
- }
-}
-#multi_receiving {
- fieldset {
- &.rows {
+ .dataTables_wrapper {
label {
- width: 50%;
+ font-weight: 400;
+ width: unset;
}
}
}
}
-.yui-u {
- div {
- &.hint {
- margin-bottom: .4em;
- }
- }
-
+#multi_receiving {
fieldset {
&.rows {
- div {
- &.hint {
- margin-left: 7.5em;
- }
- }
-
label {
- width: 10em;
- }
-
- span {
- &.label {
- width: 10em;
- }
- }
- }
- }
-
- .rows {
- li {
- p {
- label {
- &.widelabel {
- width: auto;
- }
- }
+ width: 50%;
}
}
}
#breadcrumbs {
background-color: #E6F0F2;
clear: both;
- font-size: 90%;
margin: 0;
- padding: .2em .5em .4em 10px;
+ padding: .8em .5em .8em 10px;
+ position: relative;
+
+ .title {
+ font-size: unset;
+ font-weight: normal;
+ }
}
#header {
}
input {
- font-size: 80%;
+ font-size: 90%;
+ padding: .2em .6em;
}
}
margin: .3em 0 .5em;
input {
- font-size: 1.3em;
-
- &.submit {
- font-size: 1em;
+ &[type="submit"] {
+ border-radius: 3px;
+ padding: .2em .8em;
}
}
display: block;
}
}
-}
-
-.head-searchbox {
- width: 30em;
+ .head-searchbox {
+ font-size: 1.3em;
+ width: 30em;
+ }
}
#reserves,
.tip {
color: #808080;
- font-size: 93%;
}
.single-line {
}
}
-/* Patron image */
-
-.patronimage-container {
- padding: .2em;
- position: relative;
-
- &:hover {
- .patronimage {
- opacity: .8;
- }
+.patroninfo-section {
+ padding: .5em;
+ margin: .5em;
- .patronimage-controls {
- opacity: 1;
- }
+ .rows {
+ padding: .5em;
}
}
-.patronimage {
- border: 1px solid #EEE;
- display: block;
- max-width: 160px;
- margin: auto;
- opacity: 1;
- transition: .2s ease;
+.patroninfo-heading {
+ background-color: rgba(237, 244, 246, .4);
+ padding: .5em;
+ margin-bottom: .3em;
+ clear: both;
- &.empty {
- background: transparent url( "../img/patron-blank.min.svg" ) center 5px no-repeat;
- height: 125px;
- padding: 0;
- width: 80%;
+ h3 {
+ display: inline-block;
}
-}
-
-.patronimage-controls {
- left: 50%;
- opacity: 0;
- position: absolute;
- text-align: center;
- top: 80%;
- transform: translate( -50%, -50% );
- transition: .5s ease;
-}
-
-.patronimage-control {
- padding: 1em 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%;
+ .btn {
+ float: right;
+ }
}
-.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;
+/* Patron image */
- input {
- padding: .3em 0;
+.patronimage-container {
+ padding: .2em;
+ position: relative;
- #tools_holidays & {
- margin-left: 0;
- }
- }
+ &:hover {
+ .patronimage {
+ opacity: .8;
+ }
- label {
- display: inline;
+ .patronimage-controls {
+ opacity: 1;
+ }
+ }
+}
- #tools_holidays & {
- margin-left: 20px;
- }
+.patronimage {
+ border: 1px solid #EEE;
+ display: block;
+ max-width: 160px;
+ margin: auto;
+ opacity: 1;
+ transition: .2s ease;
- span {
- &.label {
- display: inline;
- }
- }
- }
- }
- }
+ &.empty {
+ background: transparent url( "../img/patron-blank.min.svg" ) center 5px no-repeat;
+ height: 125px;
+ padding: 0;
+ width: 80%;
+ }
+}
- ol {
- font-size: 85%;
- margin: 0;
- padding: 0;
- }
+.patronimage-controls {
+ left: 50%;
+ opacity: 0;
+ position: absolute;
+ text-align: center;
+ top: 80%;
+ transform: translate( -50%, -50% );
+ transition: .5s ease;
+}
- select,
- [type=text] {
- width: 100%;
- }
- }
+.patronimage-control {
+ padding: 1em 2em;
+ }
- &.rows {
- div {
- &.hint {
- margin-left: 10.5em;
- }
- }
+#patronImageEdit input[type="file" ] {
+ display: inline-block;
+}
- td {
- label {
- width: auto;
- }
+.patronviews {
+ border-right: 1px solid #000;
+ border-top: 1px solid #000;
+ margin-bottom: .5em;
+ padding: .5em 0;
+}
- span {
- &.label {
- width: auto;
- }
- }
- }
- }
- }
+.column-tool {
+ font-size: 80%;
}
-#yui-main {
- .yui-b {
- fieldset {
- &.brief {
- select,
- [type=text] {
- width: auto;
- }
- }
- }
- }
+.hint {
+ color: #666;
+ font-size: 95%;
}
.dropdown-menu {
background-color: #FFFF99;
}
+.important_subfield_not_filled {
+ background-color : #FFFFCC;
+}
+
.content_hidden {
display: none;
visibility: hidden; // you propably don't need to change this one
}
}
-.checkout-setting {
+.circ-setting {
font-size: 85%;
padding-top: .3em;
}
}
-.checkout-settings {
+.circ-settings {
background-color: #F4F8F9;
border-radius: 0;
border-top: 2px solid #B9D8D9;
padding: 1em 1em 0;
}
-#show-checkout-settings {
+#show-circ-settings {
margin-top: .5em;
}
+.checkin-active-setting {
+ background-color: #FFC;
+ border-radius: 3px;
+ box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5);
+ margin: .5em;
+ padding: .5em;
+}
+
+.form-control-group {
+ white-space: nowrap;
+}
+
+
.blocker {
color: #990000;
}
}
}
+.warning {
+ i {
+ &.fa-exclamation-triangle {
+ color: #FFD700;
+ text-shadow: 0 -1px 0 rgba( 0, 0, 0, .3);
+ }
+ }
+}
+
.accesskey {
text-decoration: underline;
}
margin: 3px 5px 3px -5px;
}
}
+ }
- span {
- &.status {
- clear: left;
- color: #900;
- display: block;
- }
+ span {
+ &.status {
+ clear: left;
+ color: #900;
+ display: block;
+ }
- &.unavailable {
- clear: left;
- display: block;
- }
+ &.unavailable {
+ clear: left;
+ display: block;
}
+ }
- table {
- td {
- vertical-align: top;
- }
+ table {
+ td {
+ vertical-align: top;
}
}
}
}
+#searchresults {
+ .address {
+ ul {
+ margin: 0;
+ padding-left: 0;
+ li {
+ clear: none;
+ float: left;
+ list-style: none;
+ margin-left: 1ch;
+ padding: 0;
+ }
+ }
+ }
+}
+
#searchheader {
background-color: #E6F0F2;
border: 1px solid #B9D8D9;
padding: 5px 25em 0 0;
}
}
-
- .dropdown-header {
- border-top: 1px solid #EEE;
- color: #000;
- font-weight: bold;
- padding-left: 10px;
- }
-
}
#search-facets {
text-align: center;
}
+.custom_cover_image {
+ img {
+ max-width: 140px;
+ }
+}
+
+.cover-slides {
+ background: #FFF url("[% interface | html %]/[% theme | html %]/img/spinner-small.gif") center center no-repeat;
+ border: 1px solid #b9d8d9;
+ border-radius: 3px;
+ margin: 5px;
+ padding: 10px 5px 5px 5px;
+ min-height: 175px;
+
+ .hint {
+ font-size: 90%;
+ padding: .5em 0;
+ }
+
+ a {
+ &.nav-active {
+ &:link,
+ &:visited {
+ color: #85ca11;
+ }
+ }
+ }
+}
+
+.cover-image {
+ display: none;
+
+ img {
+ height: auto;
+ max-width: 100%;
+ }
+}
+
+.cover-nav {
+ display: inline-block;
+ padding: 3px 4px;
+}
+
.searchhighlightblob {
font-size: 75%;
font-style: italic;
}
.modal-dialog {
+ .dialog {
+ border-radius: 0;
+ border-width: 1px 0 0 0;
+ margin: 15px -15px -15px -15px;
+ padding: 15px;
+ text-align: left;
+ width: unset;
+
+ h3 {
+ margin: unset;
+ text-align: left;
+ }
+
+ &.alert {
+ background: #FFFADE none;
+ border-color: #E0C726;
+
+ .problem {
+ background-color: transparent;
+ }
+ }
+
+ &.message {
+ background: #E8EDF6 none;
+ border-color: #A4BEDD;
+
+ .problem {
+ background-color: transparent;
+ }
+ }
+ }
+
&.modal-wide {
width: 80%;
}
}
#cartmenulink {
- background: transparent url("../img/cart-small.gif") left center no-repeat;
padding-left: 15px;
+
+ i.fa.fa-shopping-cart {
+ padding-right: 7px;
+ }
}
#basketcount {
}
}
}
-.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;
}
.statictabs {
- ul {
+ > ul {
background: none repeat scroll 0 0 transparent;
border: 0 none;
border-bottom-left-radius: 4px;
}
}
+.toptabs {
+ .ui-tabs-panel {
+ background: #FFF none;
+ }
+}
+
.authref {
font-style: normal;
text-indent: 4em;
}
.ui-datepicker-trigger {
- margin: 0 3px;
vertical-align: middle;
}
// Bootstrap overrides
+.dropdown-header {
+ border-top: 1px solid #EEE;
+ color: #000;
+ font-weight: bold;
+ margin-top: 5px;
+ padding-left: 10px;
+
+ &:first-child {
+ border-top: 0;
+ }
+}
+
nav {
background: #E6F0F2 none;
border: 0;
margin-left: .5em;
}
+ &.important {
+ color: #EAC117;
+ font-style: italic;
+ margin-left: .5em;
+ }
+
&[class*=" label-"] {
color: #FFF;
display: inline;
top: 50%;
transform: translateY(-50%);
}
+
+ #generic_confirm_search_count {
+ margin: 1em 0 1em 10em;
+ }
+
+ #generic_confirm_search {
+ display: block;
+ visibility: hidden;
+ margin: 1em 0 1em 10em;
+ }
+
+ #partnerSearch {
+ .modal-dialog {
+ width: 50vw;
+ }
+ .modal-body {
+ max-height: 70vh;
+ }
+ }
}
.ill-view-panel {
width: 100% !important;
}
+.ar-title, .hq-title {
+ .biblio-title {
+ font-weight: bold;
+ }
+}
+
+#ill-issue-title {
+ margin: 20px 0 30px 0;
+}
+
+.ill_availability_sourcename {
+ margin-top: 20px;
+}
+
#stockrotation {
h3 {
margin: 30px 0 10px 0;
}
}
+#payForm {
+ fieldset {
+ &.rows {
+ padding-left: 1em;
+ padding-right: 2em;
+ }
+ }
+}
+
#helper {
span {
display: none;
display: none;
position: absolute;
right: 5px;
- top: 100px;
+ top: 0px;
}
/* ==== MODULE LINKS - Start ==== */
margin: .5em 0;
}
+.columns-2 {
+ columns: 2 auto;
+ column-gap: 2.5em;
+}
+
.columns-3 {
columns: 3 auto;
column-gap: 2.5em;
list-style: none;
}
+div .suggestion_note {
+ background: transparent none;
+ border-style: dotted;
+ border-width: 1px 0 0 0;
+ font-size: 90%;
+ padding: 2px 0 0 0;
+
+ i {
+ color: #CCC;
+ }
+}
+
@media (min-width: 200px) {
}
#browse-next {
border-bottom-left-radius: 0;
border-bottom-right-radius: 5px;
- text-align: right;
}
}