-@import url("../../lib/yui/reset-fonts-grids.css") screen;
-
-$font-main: Arial, Verdana, Helvetica, sans-serif;
-$font-monospace: "Courier New", Courier, monospace;
-
-@mixin default-button {
- background: linear-gradient(to bottom, #FFFFFF 0%, #F7F7F7 35%, #E0E0E0 100%); /* W3C */
- 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: #FFFFFF; /* Safari and Opera */
+ color: #FFFFFF;
}
a {
color: #666;
}
- &.overdue,
- &.debit {
- color: #CC0000;
- }
-
- &.popup {
- background: transparent url("../img/pop-up-link.png") center right no-repeat;
- padding-right: 15px;
- }
-
&.disabled {
color: #999999;
}
aside {
h5 {
- font-size : 100%;
- margin : .5em 0;
+ font-size: 100%;
+ margin: .5em 0;
}
fieldset {
&.brief {
- margin: 0;
- padding : .4em .7em;
+ margin: 0 0 1em 0;
+ padding: .4em .7em;
fieldset {
margin: 0;
padding: .5em 0;
legend {
- font-size: 85%;
+ font-size: 95%;
+ margin: 0;
}
}
&.checkbox {
label {
display: inline;
+ margin-left: 0;
}
}
label {
display: inline;
}
+
span {
&.label {
- display: inline
+ display: inline;
}
}
}
&.radio {
+ padding: .7em 0;
+
input {
padding: .3em 0;
}
+
label {
display: inline;
}
- padding: .7em 0;
-
span {
&.label {
display: inline;
}
ol {
- font-size : 85%;
- margin : 0;
- padding : 0;
+ margin: 0;
+ padding: 0;
}
select,
- input[type="text"] {
+ [type="text"] {
width: 100%;
}
+
+ .hasDatepicker {
+ margin-right: 3px;
+ width: calc(100% - 20px);
+ }
}
}
}
}
main {
- .yui-b {
- fieldset {
- &.brief {
- input[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;
- }
- }
-}
-
-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;
+ &::after {
+ clear: both;
+ content: " ";
+ display: table;
}
}
-table + table {
- margin-top: 1em;
-}
-
body {
font-family: $font-main;
- padding: 0 0 4em 0;
+ 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%;
+ }
}
}
hr {
clear: both;
+ margin: 1em 0;
}
p {
- margin: .5em 0 .5em 0;
+ margin: .5em 0;
}
strong {
input,
textarea {
- line-height: normal;
- padding: 2px 4px;
-
&:focus {
border-color: #538200;
border-radius: 4px;
- border-style: solid;
}
}
}
&:disabled {
- @include disabled-button
+ @include disabled-button;
}
}
- &.alert {
- background-color: #FFFF99;
- border-color: #900;
- }
-
&.submit {
@include default-button;
}
&:disabled {
- @include disabled-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;
- }
-
- /* Permissions Labels */
- &.permissioncode {
- font-style: italic;
-
- &::before {
- content: "(";
- }
-
- &::after {
- content: ")";
- }
+ 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;
}
-#login_controls {
+#login_controls {
padding: .4em .5em;
position: absolute;
right: .5em;
}
}
- /* For Font Awesome icon bullets */
+ // For Font Awesome icon bullets
&.fa-ul {
li {
list-style-type: none;
&.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;
- }
- }
}
}
padding: 7px 0;
}
-.clearfix {
- display: inline-block;
-
- &::after {
- clear: both;
- content: ".";
- display: block;
- height: 0;
- visibility: hidden;
- }
-}
-
#editions {
table,
td {
}
}
-.highlighted-row,
-.highlighted-row td {
- background-color: #FFD000 !important;
-}
-
-tbody {
- tr {
- &:nth-child(odd) {
- td {
- background-color: #F3F3F3;
- border: 1px solid #BCBCBC;
- border-right: 1px solid #BCBCBC;
- }
- }
- }
-}
-
-.overdue {
- td {
- &.od {
- 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;
- }
+.overdue,
+.debit {
+ color: #CC0000;
+ font-weight: bold;
}
-caption {
- color: #000;
- font-size: 133.9%;
+.strong {
font-weight: bold;
- margin: .3em 0;
}
.problem {
margin: 1em 1em 1em 0;
padding: 1em;
- & + fieldset {
+ + fieldset {
&.action {
padding-top: 20px;
}
}
- .lastchecked {
+ &.lastchecked {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom-width: 0;
margin-bottom: 0;
+ margin-right: 0;
+ }
+
+ .standard {
+ background-color:#f4f8f9 !important;
+ }
+
+ .contrast {
+ background-color:#F3F3F3 !important;
}
&.action {
border: 0;
clear: both;
float: none;
- margin: .9em 0 0 0;
+ margin: .9em 0 0;
padding: .4em;
width: auto;
}
border: 2px solid #B9D8D9;
div {
- .hint {
+ &.hint {
margin-bottom: .4em;
}
}
margin-left: 1em;
width: auto;
}
- }
+
+ &.radio,
+ &.checkbox {
+ label {
+ display: inline;
+ }
+ }
+ }
ol,
li {
text-align: left;
}
}
+
+ .action {
+ margin-left: 1em;
+ }
}
&.rows {
clear: left;
float: left;
font-size: 90%;
- margin: .9em 0 0 0;
+ margin: .9em 0 0;
padding: 0;
width: 100%;
border-top-right-radius: 0;
margin: 0;
padding: 0;
- width: auto;
+ width: 100%;
table {
margin: 0;
}
div {
- .hint {
- margin-bottom: .4em;
- margin-left: 7.5em;
+ &.hint {
+ margin: .5em 0;
+ margin-left: 10.5em;
}
}
margin-left: 1em;
}
+ &.radio {
+ display: inline-block;
+ margin: 0 1em 0 0;
+ padding: 0;
+ width: auto;
+ }
+
&.yesno {
float: none;
width: auto;
}
&.radio {
+ margin: 0;
padding-left: 9em;
width: auto;
ol {
list-style-type: none;
- padding: 1em 1em 0 1em;
+ padding: 1em 1em 0;
&.radio {
label {
font-weight: bold;
margin-right: 1em;
text-align: right;
- width: 6em;
+ width: 9em;
}
}
font-size: 105%;
margin: 1em 0 1em 1em;
+ &.dataTable {
+ margin: 0;
+ }
+
&.mceListBox {
margin: 0;
}
margin: 1em 0 0 11em;
}
- &+h3 {
+ + h3 {
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;
-#header + #breadcrumbs {
- margin-top: 1em;
+ .title {
+ font-size: unset;
+ font-weight: normal;
+ }
}
-#header > .container-fluid {
- padding: 0;
+#header {
+ + #breadcrumbs {
+ margin-top: 1em;
+ }
+
+ > .container-fluid {
+ padding: 0;
+ }
}
div {
border: 0;
clear: both;
float: none;
- margin: .9em 0 0 0;
+ margin: .9em 0 0;
padding: .4em;
width: auto;
}
.circmessage {
margin-bottom: .3em;
- padding: 0 .4em .4em .4em;
+ padding: 0 .4em .4em;
&:first-child {
margin-top: 1em;
}
}
- &.error {
- background-color: #FFFF99;
- border: 2px dashed #990000;
- margin: 1em;
- padding: .5em;
- }
-
&.first {
fieldset {
margin-right: 0;
}
&.help {
- margin: .9em 0 0 0;
+ margin: .9em 0 0;
}
&.justify {
}
&.message {
- background: linear-gradient(to bottom, #ffffff 0%, #f4f6fa 2%, #eaeef5 23%, #e8edf6 94%, #cddbf2 100%);
+ background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%);
border: 1px solid #BCBCBC;
text-align: center;
width: 55%;
}
&.note {
- background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); /* W3C */
+ background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); // W3C
border: 1px solid #BCBCBC;
margin: .5em 0;
padding: .5em;
}
}
- /* Tools > automatic_item_modification_by_age */
+ // Tools > automatic_item_modification_by_age
&.rules {
display: block;
}
}
&.listgroup {
- clear: left;
+ clear: left;
h4 {
font-style: italic;
a {
- font-size: 80%;
+ font-size: 80%;
}
}
input {
- font-size: 80%;
+ font-size: 90%;
+ padding: .2em .6em;
}
}
&.rows {
clear: left;
float: left;
- margin: 0 0 0 0;
+ margin: 0;
padding: 0;
width: 100%;
- & + div {
+ + div {
&.rows {
margin-top: .6em;
}
}
li {
- border-bottom: 1px solid #EEE;
+ border-bottom: 1px solid #EEE;
clear: left;
float: left;
list-style-type: none;
- padding-bottom: .2em;
- padding-top: .1em;
+ padding: .275em;
width: 100%;
}
}
}
+ p {
+ margin-left: 10em;
+ }
+
span {
&.label {
float: left;
a {
font-weight: bold;
- padding: 1px 5px 1px 5px;
+ padding: 1px 5px;
text-decoration: none;
&:link,
background-color: #E6FCB7;
color: #666;
font-weight: bold;
- padding: 1px 5px 1px 5px;
+ padding: 1px 5px;
}
.inactive {
background-color: #F3F3F3;
color: #BCBCBC;
font-weight: bold;
- padding: 1px 5px 1px 5px;
+ padding: 1px 5px;
}
}
background-position: .5em .5em;
background-repeat: no-repeat;
float: left;
- margin: .3em 0 .5em 0;
+ margin: .3em 0 .5em;
input {
- font-size: 1.3em;
-
- &.submit {
- font-size: 1em;
+ &[type="submit"] {
+ border-radius: 3px;
+ padding: .2em .8em;
}
}
&.residentsearch {
border: 0;
border-bottom: 1px solid #85CA11;
- padding: 0 0 .2em 0;
+ padding: 0 0 .2em;
}
}
border-radius: 0 0 4px 4px;
}
- & > div,
- & > ul {
+ > div,
+ > ul {
display: none;
- & > li {
+ > li {
display: none;
&:first-of-type {
display: block;
}
}
-}
-
-.head-searchbox {
- width: 30em;
+ .head-searchbox {
+ font-size: 1.3em;
+ width: 30em;
+ }
}
#reserves,
.tip {
color: #808080;
- font-size: 93%;
}
.single-line {
border: 1px solid #E6F0F2;
border-radius: 5px 5px 0 0;
margin: 0;
- padding: 5px 5px 5px 5px;
+ padding: 5px;
+
+ .dropdown-menu {
+ border-top-width: 1px;
+ font-size: 13px;
+ }
+
+ &.floating {
+ border-radius: 0;
+ margin-top: 0;
+ z-index: 300;
+ }
}
#disabled {
}
}
- & + #menu {
+ + #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;
+ > div {
+ border-right: 1px solid #B9D8D9;
+ width: 100%;
}
}
-#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 .5em 0;
-}
-
-.column-tool {
- font-size: 80%;
-}
+.patroninfo-section {
+ padding: .5em;
+ margin: .5em;
-.hint {
- color: #666;
- font-size: 95%;
+ .rows {
+ padding: .5em;
+ }
}
-.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;
+.patroninfo-heading {
+ background-color: rgba(237, 244, 246, .4);
+ padding: .5em;
+ margin-bottom: .3em;
+ clear: both;
- #tools_holidays & {
- margin-left: 20px;
- }
- }
- }
+ h3 {
+ display: inline-block;
+ }
- &.dateinsert {
- label {
- display: inline;
- }
+ .btn {
+ float: right;
+ }
+}
- span {
- &.label {
- display: inline;
- }
- }
- }
+/* Patron image */
- &.radio {
- padding: .7em 0;
+.patronimage-container {
+ padding: .2em;
+ position: relative;
- input {
- padding: .3em 0;
+ &:hover {
+ .patronimage {
+ opacity: .8;
+ }
- #tools_holidays & {
- margin-left: 0;
- }
- }
+ .patronimage-controls {
+ opacity: 1;
+ }
+ }
+}
- label {
- display: inline;
+.patronimage {
+ border: 1px solid #EEE;
+ display: block;
+ max-width: 160px;
+ margin: auto;
+ opacity: 1;
+ transition: .2s ease;
- #tools_holidays & {
- margin-left: 20px;
- }
+ &.empty {
+ background: transparent url( "../img/patron-blank.min.svg" ) center 5px no-repeat;
+ height: 125px;
+ padding: 0;
+ width: 80%;
+ }
+}
- span {
- &.label {
- display: inline;
- }
- }
- }
- }
- }
+.patronimage-controls {
+ left: 50%;
+ opacity: 0;
+ position: absolute;
+ text-align: center;
+ top: 80%;
+ transform: translate( -50%, -50% );
+ transition: .5s ease;
+}
- ol {
- font-size: 85%;
- margin: 0;
- padding: 0;
- }
+.patronimage-control {
+ padding: 1em 2em;
+ }
- select,
- input[type=text] {
- width: 100%;
- }
- }
+#patronImageEdit input[type="file" ] {
+ display: inline-block;
+}
- &.rows {
- div {
- &.hint {
- margin-left: 10.5em;
- }
- }
+.patronviews {
+ border-right: 1px solid #000;
+ border-top: 1px solid #000;
+ margin-bottom: .5em;
+ padding: .5em 0;
+}
- td {
- label {
- width: auto;
- }
+.column-tool {
+ font-size: 80%;
+}
- span {
- &.label {
- width: auto;
- }
- }
- }
- }
- }
+.hint {
+ color: #666;
+ font-size: 95%;
}
-#yui-main {
- .yui-b {
- fieldset {
- &.brief {
- select,
- input[type=text] {
- width: auto;
- }
- }
- }
+.dropdown-menu {
+ li {
+ list-style-type: none;
}
}
}
}
+.readonly,
+input[type='text']:read-only {
+ background: #EEE url("../img/locked.png") center left no-repeat;
+ border-style: inset;
+ border-width: 1px;
+ cursor: default;
+ padding-left: 15px;
+}
+
+.readonly:focus,
+input[type='text']:read-only:focus {
+ border-color: unset;
+ border-radius: unset;
+}
+
.checkedout {
color: #999999;
font-style: italic;
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 */
+ visibility: hidden; // you propably don't need to change this one
}
-/* the property for the displayed tab */
+// the property for the displayed tab
.content_visible {
display: block;
- visibility: visible; /* you propably don't need to change this one */
+ visibility: visible; // you propably don't need to change this one
}
#z3950searcht {
table {
- /* doesn't have desired effect in catalogue/results.tmpl - I'll leave this here for now but there do seem to be casscading CSS errors in this and other CSS fiels - RICKW 20081118 */
border: 0;
padding: 20px;
}
}
#z3950_search_targets {
- height: 338px;
+ height: 338px;
overflow-y: auto;
}
#z3950_search_targets_acq {
- height: 308px;
+ height: 308px;
overflow-y: auto;
}
background-color: #FF0000;
}
-/* Font Awesome icons */
+// Font Awesome icons
i {
&.error {
color: #CC0000;
}
}
-.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;
}
}
.alert {
- background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%); /* W3C */
+ background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
border: 1px solid #E0C726;
color: inherit;
text-align: center;
color: #900;
}
- /* Redefine a new style for Bootstrap's class "close" since we use that already */
- /* Use <a class="closebtn" href="#">×</a> */
+ // Redefine a new style for Bootstrap's class "close" since we use that already
+ // Use <a class="closebtn" href="#">×</a>
.closebtn {
line-height: 20px;
position: relative;
}
}
+.warning {
+ i {
+ &.fa-exclamation-triangle {
+ color: #FFD700;
+ text-shadow: 0 -1px 0 rgba( 0, 0, 0, .3);
+ }
+ }
+}
+
.accesskey {
text-decoration: underline;
}
color: #990000;
}
-/* style for shelving location in catalogsearch */
+// style for shelving location in catalogsearch
.shelvingloc {
- display: block;
font-style: italic;
}
li {
a {
- background: linear-gradient(to bottom, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%);
+ 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;
+ 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%);
+ 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;
&:hover {
background-color: #FFFFFF;
- color: #538200;
+ color: #538200;
}
}
}
}
.barcode {
- font-size: 200%;
+ font-size: 200%;
vertical-align: middle;
}
.patronbriefinfo {
li {
&.email {
- font-size: 87%;
+ font-size: 87%;
padding: 0 10px 0 0;
width: 90%;
}
.thumbnail {
display: block;
margin: auto;
+}
- & > li {
+.thumbnails {
+ li {
+ display: inline-block;
list-style-type: none;
+ margin: 4px;
+ }
+
+ .remove {
+ border-top: 1px solid #EEE;
+ display: block;
+ font-size: 90%;
+ margin: 4px -4px 2px -4px;
+ padding-top: .5em;
+ text-align: center;
+ }
+
+ & + p {
+ border-top: 1px solid #eee;
+ margin-top: 1em;
+ padding-top: 1em;
}
}
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;
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;
}
-#displayexample {
- background-color: #CCCCCC;
- margin-bottom: 10px;
- padding: 5px;
-}
-
#irregularity_summary {
vertical-align: top;
}
-#toplevelmenu {
- padding: 0;
-}
-
#CheckAll,
#CheckNone,
#CheckPending {
border: 0;
font-family: $font-monospace;
font-size: 95%;
- margin: .7em 0 0 0;
+ margin: .7em 0 0;
}
tbody {
}
.modal-dialog {
- &.modal-wide {
- width: 80%;
+ .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;
+ }
+ }
}
-}
-@media (max-width: 767px) {
- #marcPreview {
- margin: 0;
- width: auto;
+ &.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 {
color: #707070;
display: block;
font-size: 85%;
- padding: 0 0 .5em 0;
+ padding: 0 0 .5em;
a {
font-weight: normal;
}
}
- .importing {
+ .importing {
background: none;
padding: inherit;
}
display: block;
font-size: 160%;
font-weight: bold;
- padding: 0 .7em .2em .7em;
+ padding: 0 .7em .2em;
text-decoration: none;
text-shadow: 0 -1px 0 #666;
}
}
-.pager {
- background-color: #E8E8E8;
- border: 1px solid #BCBCBC;
- border-radius: 5px;
- display: inline-block;
- font-size: 85%;
- margin: .4em 0;
- padding: .3em .5em .3em .5em;
-
- img {
- vertical-align: middle;
+#printclearscreen {
+ position: absolute;
+ right: 43px;
+ top: 0;
- &.last {
- padding-right: 5px;
- }
- }
+ 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;
- input {
- &.pagedisplay {
- background-color: transparent;
- border: 0;
- font-weight: bold;
- text-align: center;
+ &:hover {
+ color: #CC0000;
}
}
-
- p {
- margin: 0;
- }
}
.no-image {
}
#acqui_order_supplierlist {
- & > div {
+ > div {
&.supplier {
border: 1px solid #EEEEEE;
margin: .5em;
padding: 1em;
}
- & > div {
- & > .baskets {
+ > div {
+ > .baskets {
margin-top: .5em;
}
}
- & > span {
+ > span {
&.action {
margin-left: 5em;
}
}
}
-.supplier-contact-details {
- float: left;
-}
-
#ADD-contact {
margin: 0 0 8px 8px;
}
display: none;
}
-/* Override core jQueryUI widgets */
+// Override core jQueryUI widgets
.ui-widget-content {
background: #FFFFFF none;
border: 1px solid #B9D8D9;
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
-.ui-widget-header .ui-state-highlight {
+.ui-widget-header .ui-state-highlight {
background: #FFF4C6;
border: 1px solid #FED22F;
color: #363636;
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
- border: 1px solid #CD0A0A;
background: #FEF1EC;
+ border: 1px solid #CD0A0A;
color: #CD0A0A;
}
-/* Override jQuery Autocomplete */
+// Override jQuery Autocomplete
.ui-autocomplete {
box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
cursor: default;
background: #FFF url("../img/spinner-small.gif") right center no-repeat;
}
-/* jQuery UI standard tabs */
+// jQuery UI standard tabs
.ui-menu {
li {
list-style: none;
}
.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;
}
}
-/* jQuery UI Datepicker */
+// jQuery UI Datepicker
.ui-datepicker {
box-shadow: 1px 1px 3px 0 #666;
}
.ui-datepicker-trigger {
- margin: 0 3px;
vertical-align: middle;
}
-/* css for timepicker */
+// css for timepicker
.ui-timepicker-div {
dl {
text-align: left;
display: none;
}
-/* jQuery UI Accordion */
+// jQuery UI Accordion
.ui-accordion-header,
.ui-widget-content .ui-accordion-header {
font-size: 110%;
width: 480px;
}
-/* Bootstrap overrides */
-button,
-.btn {
- border-color: #ADADAD #ADADAD #949494;
- font-family: $font-main;
+// Bootstrap overrides
- &.btn-link {
- border: 0;
+.dropdown-header {
+ border-top: 1px solid #EEE;
+ color: #000;
+ font-weight: bold;
+ margin-top: 5px;
+ padding-left: 10px;
+
+ &:first-child {
+ border-top: 0;
}
}
-.btn-xs,
-.btn-group-xs > .btn {
- font-size: 10.5px;
- padding: 3px 5px;
+nav {
+ background: #E6F0F2 none;
+ border: 0;
}
-#toolbar {
- .dropdown-menu {
- border-top-width: 1px;
- font-size: 13px;
- }
-
- &.floating {
- border-radius: 0;
- margin-top: 0;
- }
+.navbar-collapse {
+ background: #E6F0F2 none;
+ box-shadow: none;
}
-.dropdown-menu {
- border-color: rgba(0, 0, 0, .2);
- border-top: 0;
- font-size: 12px;
-
+.navbar-nav {
li {
- list-style: none outside none;
-
- > a {
- padding: 4px 20px;
+ list-style: none;
- &:hover,
- &:focus {
- background-image: linear-gradient(to bottom, #0088CC, #0077B3);
- background-repeat: repeat-x;
- color: #FFFFFF;
- text-decoration: none;
+ &.open {
+ li {
+ a {
+ font-weight: normal;
+ }
}
}
+
+ a {
+ font-weight: bold;
+ padding-bottom: .4em;
+ padding-top: .4em;
+ }
}
}
-.navbar {
- color: #333;
- min-height: 20px;
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+ background-color: transparent;
+ border: 0;
+}
- .nav {
- > li {
- list-style: none outside none;
- padding: 0 .6em;
+.nav > li > a:hover,
+.nav > li > a:focus {
+ background-color: transparent;
+ text-decoration: none;
+}
- > a {
- color: #004D99;
- font-weight: bold;
- padding: .4em .2em;
+.pagination {
+ margin:.5em .8em;
- &:focus,
- &:hover {
- color: #538200;
- }
+ .active {
+ a {
+ background-color: #5A9EAA;
+ border-color: #5A9EAA;
+
+ &:hover,
+ &:focus {
+ background-color: #5A9EAA;
+ border-color: #5A9EAA;
}
}
- li {
- .dropdown {
- &.open > .dropdown-toggle:focus,
- &.active > .dropdown-toggle:focus,
- &.open.active > .dropdown-toggle:focus {
- background: #E6F0F2 none;
- box-shadow: none;
- }
+ span {
+ background-color: #5A9EAA;
+ border-color: #5A9EAA;
+
+ &:hover,
+ &:focus {
+ background-color: #5A9EAA;
+ border-color: #5A9EAA;
}
}
}
+}
+
+button,
+.btn {
+ border-color: #ADADAD #ADADAD #949494;
+ font-family: $font-main;
+ &.btn-link {
+ border: 0;
+ }
+}
+.btn-xs,
+.btn-group-xs > .btn {
+ font-size: 10.5px;
+ padding: 3px 5px;
}
-#header {
- &.navbar {
- margin-bottom: 0;
+#toolbar {
+ .dropdown-menu {
+ border-top-width: 1px;
+ font-size: 13px;
}
- &.navbar-default {
- background: #E6F0F2;
- border: 0;
- box-shadow: none;
+ &.floating {
+ border-radius: 0;
+ margin-top: 0;
}
}
#changelanguage {
+ background: #FFF none;
+ border-top: 1px solid #EEE;
+ min-height: $language-footer-min-height;
+
.dropdown-menu {
> li {
> a,
line-height: 20px;
}
}
+
+ .navbar-nav {
+ li {
+ a {
+ line-height: 20px;
+ }
+ }
+ }
}
.loggedout {
padding: .4em .2em;
}
-.navbar-static-top {
- .navbar-inner {
- background: #E6F0F2 none;
- border: 0;
- box-shadow: none;
- min-height: 0;
- padding-left: 0;
- }
-}
-
.navbar-fixed-bottom {
.navbar-inner {
min-height: 0;
.closebtn {
color: #000;
- filter: alpha(opacity=20);
+ filter: alpha(opacity = 20);
float: right;
font-size: 21px;
font-weight: bold;
&:focus {
color: #000;
cursor: pointer;
- filter: alpha(opacity=50);
+ filter: alpha(opacity = 50);
opacity: .5;
text-decoration: none;
}
.modal-body {
background-color: #FFF;
overflow-y: auto;
+
+ fieldset,
+ ol {
+ background-color: transparent;
+ border: 0;
+ margin: 0;
+ padding: 0;
+ }
}
.modal-content {
- background-color : #EDF4F6;
+ background-color: #EDF4F6;
}
.btn-group {
font-weight: bold;
}
-/* End Bootstrap overrides */
+// End Bootstrap overrides
.waiting {
cursor: wait;
}
}
-/* Class to be added to toolbar when it starts being fixed at the top of the screen*/
+// Class to be added to toolbar when it starts being fixed at the top of the screen
.floating {
box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5);
+ z-index: 100;
}
.inline {
}
#browse-return-to-results {
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
+ background-color: #E8F0F6;
+ border: 1px solid #B9D8D9;
+ border-bottom-width: 0;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
display: block;
+ padding: .5em;
text-align: center;
}
.browse-button {
- color: #004D99;
- display: inline-block;
+ background-color: #FFF;
+ border: 1px solid #B9D8D9;
+ color: #004D99;
+ display: block;
+ overflow: hidden;
padding: .4em .6em;
+ text-align: center;
+ white-space: nowrap;
+ width: 100%;
&:hover {
background: #FAFAFA;
font-weight: bold;
}
- &.permissiondesc {
- font-weight: normal;
- }
-
&.required {
color: #C00;
font-style: italic;
margin-left: .5em;
}
+
+ &.important {
+ color: #EAC117;
+ font-style: italic;
+ margin-left: .5em;
+ }
+
+ &[class*=" label-"] {
+ color: #FFF;
+ display: inline;
+ font-size: 75%;
+ font-weight: normal;
+ padding: .2em .6em .3em;
+ }
}
.result-biblio-itemtype {
float: right;
- padding: .5em;
- margin: .5em;
font-size: 85%;
+ margin: .5em;
+ padding: .5em;
text-align: center;
img {
}
}
-.browse-label,
-.browse-prev-next {
- border: 1px solid #B9D8D9;
-}
-
-.browse-label {
- background-color: #E8F0F6;
- border-top-left-radius: 5px;
- border-top-right-radius: 5px;
-}
-
-.browse-prev-next {
- border-bottom-left-radius: 5px;
- border-bottom-right-radius: 5px;
- border-top-width: 0;
-}
-
#browse-previous {
- border-bottom-left-radius: 5px;
- border-right: 1px solid #B9D8D9;
- padding-right: 1em;
+ border-bottom-width: 0;
}
#browse-next {
border-bottom-right-radius: 5px;
- border-top-width: 0;
- float: right;
- padding-right: 1em;
+ border-bottom-left-radius: 5px;
}
.loading-overlay {
}
#merge {
- margin: .5em 0 0 0;
+ margin: .5em 0 0;
}
#merge_table {
}
}
+input.renew {
+ margin-right: 1em;
+}
+
.renewals {
display: block;
font-size: .8em;
padding: .5em;
}
+.dialog input#renewonholdduedate {
+ padding: 2px;
+}
+
+.date-select {
+ label {
+ display: inline-block;
+ width: 40%;
+ }
+}
+
+#newonholdduedate {
+ display: none;
+}
+
#transport-types {
padding-top: .5px;
}
}
}
+
+.form-message {
+ background-color: #FFF;
+ border: 1px solid #A4BEDD;
+ border-radius: 5px;
+ margin: 1em;
+ padding: .5em;
+}
+
.modal-textarea {
width: 98%;
}
}
}
-#fixedlengthbuilderaction {
+#fixedlengthbuilderaction {
border: 3px solid #E6F0F2;
left: 80%;
padding: 5px;
width: 12%;
}
-.navbar-default {
- .navbar-nav {
- > .open {
- > a {
- &:hover,
- &:focus {
- background: #E6F0F2 none;
- box-shadow: none;
- }
- }
- }
- }
-
- &.navbar-fixed-bottom {
- .navbar-nav {
- > .open {
- > a {
- &:hover,
- &:focus {
- background: transparent none;
- box-shadow: none;
- }
- }
- }
- }
- }
-}
-
#interlibraryloans {
#dataPreviewLabel {
margin: .3em 0;
}
- h1 {
- margin: 1em 0;
- }
-
- h2 {
- margin-bottom: 20px;
- }
-
- h3 {
- margin-top: 20px;
-
- }
-
.bg-info {
overflow: auto;
position: relative;
top: 50%;
transform: translateY(-50%);
}
-}
-#ill-view-panel {
- margin-top: 15px;
+ #generic_confirm_search_count {
+ margin: 1em 0 1em 10em;
+ }
- h3 {
- margin-bottom: 10px;
+ #generic_confirm_search {
+ display: block;
+ visibility: hidden;
+ margin: 1em 0 1em 10em;
}
- h4 {
- margin-bottom: 20px;
+ #partnerSearch {
+ .modal-dialog {
+ width: 50vw;
+ }
+ .modal-body {
+ max-height: 70vh;
+ }
}
+}
+
+.ill-view-panel {
+ margin-top: 15px;
.notesopac {
display: inline-block;
}
+}
- .rows {
- div {
- height: 1em;
- margin-bottom: 1em;
- }
- }
-
+#illfilter_dateplaced_start,
+#illfilter_datemodified_start,
+#illfilter_dateplaced_end,
+#illfilter_datemodified_end {
+ width: 80%;
}
#requestattributes {
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;
+ }
+ .dialog {
+ h3 {
+ margin: 10px 0;
+ }
+ margin-bottom: 20px;
+ }
+ .highlight_stage {
+ font-weight: bold;
+ }
+}
+
+#catalog_stockrotation .highlight_stage {
+ font-weight: bold;
+}
+
+#stockrotation {
+ #rota_form {
+ textarea {
+ width: 300px;
+ height: 100px;
+ }
+ #name {
+ width: 300px;
+ }
+ fieldset {
+ width: auto;
+ }
+ }
+ #stage_form fieldset, #add_rota_item_form fieldset {
+ width: auto;
+ }
+ .dialog.alert {
+ ul {
+ margin: 20px 0;
+ }
+ li {
+ list-style-type: none;
+ }
+ }
+}
+
+#catalog_stockrotation {
+ .item_select_rota {
+ vertical-align: middle;
+ }
+ h1 {
+ margin-bottom: 20px;
+ }
+}
+
+#stockrotation td.actions, #catalog_stockrotation td.actions {
+ vertical-align: middle;
+}
+
+#stockrotation .stage, #catalog_stockrotation .stage {
+ display: inline-block;
+ padding: 5px 7px;
+ margin: 3px 0 3px 0;
+ border-radius: 5px;
+ background-color: rgba(0, 0, 0, 0.1);
+}
+
+#stage_list_headings {
+ font-weight: bold;
+ span {
+ padding: 3px;
+ }
+}
+
+#manage_stages {
+ ul {
+ padding-left: 0;
+ }
+ li {
+ list-style: none;
+ margin-bottom: 5px;
+ span {
+ padding: 6px 3px;
+ }
+ }
+ .stagename {
+ width: 15em;
+ display: inline-block;
+ }
+ .stageduration {
+ width: 10em;
+ display: inline-block;
+ }
+ .stageactions {
+ display: inline-block;
+ }
+ li:nth-child(odd) {
+ background-color: #F3F3F3;
+ }
+ .drag_handle {
+ margin-right: 6px;
+ cursor: move;
+ }
+ .drag_placeholder {
+ height: 2em;
+ border: 1px dotted #aaa;
+ }
+ h3 {
+ display: inline-block;
+ }
+ #ajax_status {
+ display: inline-block;
+ border: 1px solid #bcbcbc;
+ border-radius: 5px;
+ padding: 5px;
+ margin-left: 10px;
+ background: #f3f3f3;
+ }
+ #manage_stages_help {
+ margin: 20px 0;
+ }
+}
+
+#payForm {
+ fieldset {
+ &.rows {
+ padding-left: 1em;
+ padding-right: 2em;
+ }
+ }
+}
#helper {
span {
}
}
+.lastborrower {
+ background-color: #E6F0F2;
+ border: 1px solid #95C6D0;
+ box-shadow: 1px 1px 1px 0 #999;
+ color: #CC0000;
+ margin: .4em 0;
+ padding: .3em .5em .3em .5em;
+}
+
+#lastborrower-ref {
+ border-radius: 5px 0px 0px 5px;
+ float: left;
+}
+
+#lastborrower-remove {
+ border-radius: 0px 5px 5px 0px;
+ cursor: pointer;
+ float: right;
+}
+
+#lastborrower-window {
+ display: none;
+ position: absolute;
+ right: 5px;
+ top: 0px;
+}
+
/* ==== MODULE LINKS - Start ==== */
+.buttons-list {
+ // List containing the module links
+ margin-bottom: 30px;
+ padding: 0;
-ul {
- &.buttons-list {
- /* List containing the module links */
+ li {
+ // Standard attributes for the list elements
+ list-style-type: none;
+
+ a {
+ &.circ-button {
+ // Class used for each module link
+ background-color: #F4F8F9;
+ background-position: 5px 3px;
+ background-repeat: no-repeat;
+ border: 2px solid #B9D8D9;
+ border-radius: 6px;
+ box-sizing: content-box;
+ color: #000000;
+ display: block;
+ font-size: 110%;
+ font-weight: bold;
+ margin: .5em 0;
+ max-width: 260px;
+ padding: 8px;
+ text-decoration: none;
+
+ &:hover {
+ // Class used for each module link hover state
+ border-color: #538200;
+ color: #538200;
+ }
+ }
+ }
+ }
+}
+
+.about h2 {
+ border-bottom: 1px solid #B9D8D9;
+ padding: .5em .2em;
+ margin: .5em 0;
+}
+
+.columns-2 {
+ columns: 2 auto;
+ column-gap: 2.5em;
+}
+
+.columns-3 {
+ columns: 3 auto;
+ column-gap: 2.5em;
+}
+
+.columns-4 {
+ columns: 4 auto;
+ column-gap: 2em;
+}
+
+// ==== MODULE LINKS - End ====
+
+#catalog-search-link {
+ border-right: 1px solid lighten( #E6F0F2, 15% );
+ padding-right: .3em;
+}
+
+#catalog-search-dropdown {
+ padding: 0;
+
+ & > a {
+ border-left: 1px solid darken( #B4D2D8, 5% );
+ margin-right: .6em;
+ padding: .4em .6em;
+
+ &:hover,
+ &.catalog-search-dropdown-hover {
+ background-color: darken( #E6F0F2, 5% );
+ border-left: 1px solid darken( #B4D2D8, 15% );
+ }
+ }
+}
+
+.adlibris-cover {
+ max-height: 120px;
+}
+
+.adlibris-cover-big {
+ max-height: 200px;
+}
+
+#tools_holidays {
+ .radio,
+ .checkbox {
+ label {
+ margin-left: 0;
+ }
+ }
+}
+
+/* Permissions */
+
+#permissionstree {
+ display: inline-block;
+
+ label {
+ cursor: pointer;
+
+ &:hover {
+ color: #004d99;
+ }
+ }
+}
+
+.main_permission {
+ font-size: 110%;
+ font-weight: bold;
+}
+
+.permissioncode {
+ color: #666;
+ font-style: italic;
+}
+
+.permission-highlight {
+ background-color: #FFC !important;
+}
+
+.togglechildren_on,
+.togglechildren_off {
+ float: right;
+}
+
+.togglechildren_off,
+.children {
+ display: none;
+}
+
+.open {
+ .togglechildren_off {
+ display: inline;
+ }
+
+ .togglechildren_on {
+ display: none;
+ }
+}
+
+.parent {
+ border: 1px solid #DDD;
+ border-bottom-width: 0;
+ padding: 5px;
+
+ &:last-child {
+ border-bottom-width: 1px;
+ }
+
+ &:nth-child(odd) {
+ background-color: #F8F8F8;
+ }
+}
+
+
+.superlibrarian-hint {
+ color: #000;
+ padding: .2em 0;
+ text-indent: 2em;
+}
+
+.child-flags {
+ background-color: #FFF;
+ border: 1px solid #DDD;
+ border-bottom-width: 0;
+ margin: 0 5px 0 20px;
+ padding: 5px;
+
+ &:first-child {
+ margin-top: 10px;
+ }
+
+ &:last-child {
+ border-bottom-width: 1px;
+ }
+
+ &:nth-child(odd) {
+ background-color: #EEE;
+ }
+}
+
+.header-menu-link {
+ display: none;
+ font-weight: bold;
+ padding: .4em .6em;
+}
+
+#user-menu {
+ position: absolute;
+ right: 5px;
+ top: 0;
+}
+
+div#makechart ol li {
+ 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) {
+
+}
+
+@media (max-width: 767px) {
+ .header-menu-link {
+ display: inline-block;
+ }
+
+ #catalog-search-link {
+ display: none;
padding: 0;
- margin-bottom: 30px;
+ }
+
+ #cartmenulink {
+ background: transparent none;
+ padding-left: 1.5em;
+ }
+ #changelanguage {
li {
- /* Standard attributes for the list elements */
- list-style-type:none;
+ float: left;
- a {
- &.circ-button {
- /* Class used for each module link */
- background-color: #F4F8F9;
- background-position: 5px 3px;
- background-repeat: no-repeat;
- border: solid 2px #b9d8d9;
- border-radius: 6px;
- box-sizing: content-box;
- color: #000000;
- display: block;
- font-size: 110%;
- font-weight: bold;
- max-width: 260px;
- margin: .5em 0;
- padding: 8px;
- text-decoration: none;
+ li {
+ float: none;
+ }
+ }
+
+ .open {
+ .dropdown-menu {
+ background-color: #FFF;
+ border: 1px solid #ccc;
+ position: absolute;
+ }
+ }
+ }
+
+ #header {
+ background-color: #FFF;
+ border: 1px solid #CCC;
+ margin-bottom: 1em;
+
+ a {
+ font-weight: normal;
+ padding-left: 1.5em;
+
+ &:hover {
+ background-color: #0070A9;
+ color: #FFF;
+ }
+ }
+
+ ul {
+ border: 0;
+ box-shadow: unset;
+ float: none;
+ left: auto;
+ position: relative;
+ right: auto;
+
+ &.dropdown-menu {
+ display: block;
+ }
+ }
+
+ .dropdown-menu {
+ li {
+ a {
+ color: #004D99;
&:hover {
- /* Class used for each module link hover state */
- border-color: #538200;
- color: #538200;
+ color: #FFF;
}
}
}
}
- }
-}
-/* ==== MODULE LINKS - End ==== */
-
-@media (min-width: 200px) {
- .navbar-nav > li {
- float: left;
+ .dropdown-toggle {
+ display: none;
+ }
}
- .navbar-right {
- float: right !important;
- margin-right: -15px;
+ h1#logo {
+ float: none;
+ margin: auto;
}
- .navbar-nav {
- float: left;
+ #marcPreview {
margin: 0;
+ width: auto;
+ }
+
+ .navbar-fixed-bottom .nav > li {
+ border-right: 0;
+ }
+ #user-menu {
.open {
.dropdown-menu {
- background-color: #fff;
- border: 1px solid rgba(0, 0, 0, .15);
- box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
- float: left;
+ background-color: #FFF;
+ border: 1px solid #ccc;
position: absolute;
- width: auto;
+ }
+ }
- &.dropdown-menu-left {
- left: auto;
- right: 0;
- }
+ li {
+ float: left;
- &.dropdown-menu-right {
- right: auto;
- }
+ li {
+ float: none;
}
}
}
+}
- .navbar-default {
- .navbar-nav {
- .open {
- .dropdown-menu {
- > li {
- > a {
- &:hover,
- &:focus {
- background-color: #0081c2;
- background-image: linear-gradient(to bottom, #0088cc, #0077b3);
- background-repeat: repeat-x;
- color: #ffffff;
- text-decoration: none;
- }
- }
- }
- }
+@media (max-width: 768px) {
+ .navbar-nav {
+ li {
+
+ a {
+ padding: .4em .6em;
}
}
}
}
+@media only screen and ( max-width: 768px ) {
+ .browse-button {
+ display: inline-block;
+ width: 50%;
+ }
+
+ #browse-previous {
+ border-bottom-left-radius: 5px;
+ border-bottom-width: 1px;
+ border-right-width: 0;
+ }
+
+ #browse-next {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 5px;
+ }
+}
+
@media (min-width: 800px) {
+
+
+
#helper {
i {
display: none;
display: none;
}
}
+
+@media only screen and ( min-width: 1200px ) {
+ .browse-button {
+ display: inline-block;
+ width: 50%;
+ }
+
+ #browse-previous {
+ border-bottom-left-radius: 5px;
+ border-bottom-width: 1px;
+ border-right-width: 0;
+ }
+
+ #browse-next {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 5px;
+ }
+}
projects / koha-ffzg.git / blobdiff