@import "mixins";
@import "tables";
@import "flatpickr";
+@import "fonts";
::selection {
- background: #538200;
+ background: #418940;
color: #FFFFFF;
}
a {
&:link,
&:visited {
- color: #004D99;
- text-decoration: none;
+ color: #71B443;
+ border: 0;
+ background-color: transparent;
+ box-shadow: none;
+ font-size: 100%;
}
&:hover,
- &:active {
- color: #538200;
- text-decoration: none;
+ &:active,
+ &:focus {
+ text-decoration: underline;
+ color: #71B443;
+ border: 0;
+ background-color: transparent;
+ box-shadow: none;
+ font-size: 100%;
}
&:hover {
.term {
- color: #FF9090;
+ color: #000;
+ text-decoration: underline;
}
}
&.authlink {
- background-color: #e6f0f2;
+ background-color: #e3f1df;
border-radius: 5px;
display: inline-block;
padding: 2px 4px;
}
&.btn {
- &:link,
- &:visited {
- color: #333333;
- }
-
&.btn-link {
&:link,
&:visited {
- color: #004D99;
+ color: #71B443;
}
&:hover {
- color: #538200;
+ text-decoration: underline;
+ font-weight: bold;
}
}
+
}
- &.cancel {
- padding-left: 1em;
+ &.edit-patronimage {
+ color: #333;
+ background-color: #e6e6e6;
+ border-color: #adadad;
+
+ &:hover{
+ text-decoration: none;
+ color: #333;
+ background-color: #dadada;
+ }
}
&.cartRemove {
}
&.clear_date {
- color: #C33;
+ color: #418940;
font-size: 130%;
+ vertical-align: middle;
&:hover {
- color: #FF9090;
+ color: #71B443;
+ text-decoration: none;
}
}
- &.close {
+ &.settings {
+ i, img {
+ text-align: center;
+ color: #71B443;
+ border: solid 3px #71B443;
+ border-radius: 50%;
+ background-color: transparent;
+ width: 40px;
+ height: 40px;
+ margin-bottom: 5px;
+ margin-left: auto;
+ margin-right: auto;
+ padding: 5px;
+ align-items: center;
+ justify-content: center;
+ box-sizing: content-box;
+ display: flex;
+
+ }
+
&:hover {
- color: #538200;
+ color: #418940;
+ text-decoration: none;
+ font-weight: bold;
+
+ i, img {
+ border-color: #418940;
+ background-color: transparent;
+ color: #418940;
+ }
+
+ }
+
+ img {
+ max-width: 30px;
+ height: auto;
+ padding: 10px;
}
}
&.xml {
background-image: url("../img/famfamfam/silk/page_white_code.png");
}
-
}
-a.ctrl_link {
- display: inline-block;
- padding-right: 1rem;
+
+
+#resetZ3950Search {
+ font-size: 110%;
+ color: #71B443;
}
-aside {
- h5 {
- font-size: 100%;
- margin: .5em 0;
+a {
+ .ctrl_link {
+ display: inline-block;
+ padding-right: 1rem;
}
+}
+
+aside {
fieldset {
- &.brief {
- padding: .4em .7em;
+ box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
+ padding: .9em;
- button + button,
- input + input {
- margin-left: 5px;
+ button + button,
+ input + input {
+ margin-left: 5px;
+ }
+
+ fieldset.brief {
+ width: 100%;
+
+ legend {
+ color: #696969;
+ font-weight: bold;
+ font-size: 13px;
+ margin: 0;
+ border-bottom: 0;
}
- fieldset {
- border-width: 1px;
- border-radius: 0;
- margin: 0 0 .5em 0;
- padding: .5em;
+ li {
+ margin-top: 0;
+ padding: 0;
+
+ &.radio {
+ padding: 0;
+ }
- legend {
- font-size: 95%;
+ label {
+ color: #696969;
+ font-size: 13px;
+ padding: .5em .3em 0 0;
margin: 0;
+ font-weight: normal;
}
- &.action {
- margin-left: 0;
- padding: .5em 0;
+ input, select {
+ height: calc(1.5em + .75rem + 2px);
+ width: calc(100% - 20px);
}
}
+ }
+
+ ol {
+ padding: 0;
+ li {
+ list-style: none;
+ left: 0;
+ flex-direction: row;
+ width: 100%;
+
+ fieldset {
+ width: 100%;
+
+ legend {
+ color: #696969;
+ font-weight: bold;
+ font-size: 13px;
+ margin: 0;
+ border-bottom: 0;
+ }
+
+ li {
+ margin-top: 0;
+ padding: 0;
+
+ label {
+ color: #696969;
+ font-size: 13px;
+ padding: .5em .3em 0 0;
+ margin: 0;
+ font-weight: normal;
+ }
+
+ input,
+ select {
+ height: calc(1.5em + .75rem + 2px);
+ width: calc(100% - 20px);
+ }
+ }
+
+ }
+
+ label {
+ color: #696969;
+ padding: .5em .3em 0 0;
+ margin: 0;
+ }
+
+ input,
+ select {
+ height: calc(1.5em + .75rem + 2px);
+ width: calc(100% - 20px);
+
+
+ &[type="checkbox"],
+ &[type="radio"] {
+ width: auto;
+ margin: 0;
+ vertical-align: middle;
+ }
+ }
- input, select {
- height: calc(1.5em + .75rem + 2px);
- }
- label {
- margin: .5em 0 0 0;
- }
- li {
&.checkbox {
label {
display: inline;
}
&.radio {
- padding: .7em 0;
-
input {
padding: .3em 0;
}
display: inline;
}
}
+
+ select,
+ [type="text"] {
+ width: 100%;
+ }
+
+ .flatpickr-input {
+ margin-right: 3px;
+ width: calc(100% - 20px);
+ }
+
+ &+.action {
+ margin-left: 0;
+ padding: 0;
+ }
+
+ .radio, .checkbox {
+ margin: 0;
+ }
+
+ select,
+ [type="text"] {
+ width: 100%;
+ }
+
+ .flatpickr-input {
+ margin-right: 3px;
+ width: calc(100% - 20px);
+ }
+
+ &.action {
+ margin-left: 0;
+ padding: 0;
+ }
}
}
+ }
+ }
+}
- ol {
- margin: 0;
- padding: 0;
- }
+#menu, #navmenulist {
+ background-color: #e6e6e6;
+ display: block;
- select,
- [type="text"] {
- width: 100%;
+ h5 {
+ margin: .5em 0;
+ padding-left: .5em;
+ padding-bottom: .2em;
+ color: #696969;
+ border-bottom: 1px solid #696969;
+ font-weight: normal;
+ font-size: 1.2em;
+ }
+
+ ul {
+ margin-bottom: 10px;
+ padding-left: 0;
+
+ ul {
+ font-size: 75%;
+ }
+
+ li {
+ list-style: none;
+
+ a {
+ color: #000;
+ display: block;
+ text-decoration: none;
+ padding: .7em .3em .7em 1.2em;
}
- .flatpickr-input {
- margin-right: 3px;
- width: calc(100% - 20px);
+ &.active > a, a:hover, a.current {
+ background-color: #F3F4F4;
+ text-decoration: none;
+ color: #418940;
+ border-left: solid 5px #418940;
+ font-weight: bold;
}
+ }
+ }
+}
- &+.action {
- margin-left: 0;
- padding: 0;
+div {
+ display: block;
+
+ &.mainmenu {
+ display: inline;
+ }
+
+
+ &.koha-mainpage {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ &.settings-links {
+ display: inline;
+
+ ul {
+ float: right;
+
+ li {
+ list-style-type: none;
+ margin-bottom: 0;
+ height: auto;
+ width: 150px;
+ padding: 5px 10px;
+
+ a,
+ a:visited,
+ a:link {
+ color: #000;
+ }
}
}
}
button {
@include default-button;
- &:active {
+ &:active,
+ &:hover {
border: 1px inset #999999;
}
}
}
+#add_to_patron_list_submit {
+ color: #71B443;
+
+ &:hover {
+ border: 0;
+ }
+}
+
main {
&::after {
clear: both;
}
body {
- font-family: $font-main;
+ font-family: "poppins", "Arial", "sans-serif";
font-size: 13px;
line-height: 1.22;
padding: 0 0 4em;
text-align: left;
+ background-color: #F3F4F4;
&.nobackdrop {
.modal-backdrop {
font-weight: bold;
}
-#logo {
- background: transparent url("../img/koha-logo-medium.png") no-repeat 50% 50%;
- border: 0 none;
- margin: 2rem 1rem;
- padding: 0;
- width: 180px;
-
- a {
- border: 0;
- cursor: pointer;
- display: block;
- height: 0 !important;
- margin: 0;
- overflow: hidden;
- padding: 44px 0 0;
- text-decoration: none;
- width: 180px;
- }
-}
-
h2 {
- font-size: 146.5%;
+ font-size: 150%;
font-weight: bold;
+ color: #696969;
}
h3 {
font-size: 131%;
font-weight: bold;
+ color: #696969;
}
h4 {
h5 {
font-size: 100%;
- font-weight: bold;
}
h6 {
h4,
h5,
h6 {
- margin: .3em 0;
+ margin: .5em 0;
+
+ a, a:link, a:visited {
+ color: #000;
+ }
}
hr {
}
p {
- margin: .5em 0;
+ margin: .7em 0;
+}
+
+#patron_search {
+ .address {
+ font-size: 100%;
+ }
}
strong {
input,
textarea {
&:focus {
- border-color: #538200;
+ border-color: #418940;
border-radius: 4px;
}
}
}
&[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;
}
&.submit {
@include default-button;
- &:active {
- border: 1px inset #999999;
- }
-
&:disabled {
@include disabled-button;
}
}
+
+ &[type="submit"], &.submit {
+ background-color: #FEC32C;
+ border: 0;
+
+ &:hover {
+ background-color: #fec22c9f;
+ }
+ }
}
.input-warning {
padding-top: 10px;
}
-#navmenulist {
- li {
- border-bottom: 1px solid #EEE;
- list-style: $nav-menu-bullet;
- padding: .2em 0;
-
- a {
- text-decoration: none;
+#area-news, #area-userblock {
+ background-color: #FFF;
+ border: 0;
+ color: #696969;
+ margin: 0 0 1em 0;
+ box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
+ display: block;
+ padding: 1em;
- &.current {
- font-weight: bold;
- }
- }
+ h3{
+ background-color: #FFFFFF;
}
}
padding-left: 1.1em;
li {
- list-style-type: disc;
+ list-style-type: none;
input {
&.submit {
}
}
- .toolbar {
- padding-left: 0;
-
- button {
- font-family: $font-main;
- padding-bottom: 2px;
- }
-
- li {
- display: inline;
- list-style: none;
- }
+ &.nav-tabs {
+ border-bottom: 1px solid transparent;
+ padding: .2em 1.4em 0 1.4em;
}
&.budget_hierarchy {
}
}
-
-.gradient {
- background-image: linear-gradient(to bottom, rgb(230, 240, 242) 1%, rgb(255, 255, 255) 99%);
- align-items: flex-start;
- display: flex;
-}
-
.cart-controls {
border-top: 1px solid #E8E8E8;
padding: 7px 0;
}
fieldset {
- background-color: #F4F8F9;
- border: 2px solid #B9D8D9;
- border-radius: 5px;
- margin: 1em 1em 1em 0;
+ width: 100%;
+ color: #71B443;
+ background-color: #FFF;
+ position: relative;
+ color: #696969;
+ left: 0;
+ top: 0;
+ margin: 0 1em 1em 0;
+ box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
padding: 1em;
+ fieldset {
}
}
+ legend {
+ position: relative;
+ top: 1.5em;
+ margin: .5em 0;
+ font-size: 131%;
+ font-weight: bold;
+ color: #696969;
+ border-bottom: none;
+ }
+
&.lastchecked {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-right: 0;
}
- .standard {
- background-color:#f4f8f9 !important;
+ &.standard {
+ background-color:#F4F8F9 !important;
}
- .contrast {
+ &.contrast {
background-color:#F3F3F3 !important;
}
background-color: transparent;
border: 0;
clear: both;
+ box-shadow: none;
float: none;
margin: .9em 0 0;
padding: .4em;
width: auto;
}
- &.brief {
- border: 2px solid #B9D8D9;
+ &.brief {
div {
&.hint {
margin-bottom: .4em;
}
label {
- display: block;
- font-weight: bold;
padding: .3em 0;
&.inline {
}
}
- &.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 {
- font-size: 105%;
- margin: .5rem 0;
- margin-left: 10.5rem;
- }
- }
-
- label {
- float: left;
- font-weight: bold;
- margin-right: 1rem;
- text-align: right;
- width: 9rem;
-
- &.error {
- float: none;
- margin-left: 1rem;
- width: auto;
- }
-
- &.inline {
- display: inline;
- float: none;
- margin-left: 1rem;
- }
-
- &.radio {
- display: inline-block;
- margin: 0 1rem 0 0;
- padding: 0;
- width: auto;
- }
-
- &.yesno {
- float: none;
- width: auto;
- }
- }
-
- legend {
- font-size: 110%;
- font-weight: bold;
- margin-left: 1em;
- }
-
+ ol {
li {
- clear: left;
- float: left;
- list-style-type: none;
- padding-bottom: 1em;
- width: 100%;
-
- &[aria-disabled="true"] {
- color: #999;
- }
-
- &.radio {
- margin: 0;
- 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;
- }
-
- fieldset {
- margin-left: 10em;
-
- label {
- width: 6em;
- }
-
- li.radio {
- 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;
- }
- }
- }
-
- table {
- display: inline-block;
- font-size: 105%;
- margin: 0;
- }
- }
-
- p {
- margin: 1em 0 1em 1em;
- }
-
- span {
- &.label {
- float: left;
- font-weight: bold;
- margin-right: 1em;
- text-align: right;
- width: 9em;
- }
-
- &.hint {
- font-size: 105%;
- }
- }
-
- table {
- clear: both;
- font-size: 105%;
- margin: 1em 0 1em 1em;
-
- &.dataTable {
- margin: 0;
- }
-
- &.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;
- }
-
- .dataTables_wrapper {
- label {
- font-weight: 400;
- width: unset;
- }
- }
-
- .dropdown-menu {
- li {
- padding-bottom: 0;
- }
- }
-
- .toptabs {
- clear: both;
- margin: 1em;
+ padding: .3em 0;
}
}
-}
-#multi_receiving {
fieldset {
- &.rows {
- label {
- width: 50%;
- }
- }
+ box-shadow: none;
}
}
-legend {
- background-color: #FFFFFF;
- border: 2px solid #B9D8D9;
- border-radius: 3px;
- font-size: 123.1%;
- font-weight: bold;
- margin-bottom: 0;
- padding: .2em .5em;
- width: auto;
-}
-
details {
> summary {
cursor: pointer;
width: 150px;
}
-#breadcrumbs {
- background-color: #E6F0F2;
+#sub-header {
+ display: flex;
+ justify-content: space-between;
+}
+
+#breadcrumbs, #shortcut {
+ background-color: transparent;
clear: both;
margin: 0;
padding: .8em .5em .8em 10px;
}
}
+#breadcrumbs a[href="/cgi-bin/koha/mainpage.pl"] {
+ color: #71b443;
+ visibility: hidden;
+ font-size: 1px;
+ letter-spacing: -1px;
+
+ &::before {
+ content: "\f015";
+ font-family: "FontAwesome";
+ font-style: normal;
+ font-size: 14px;
+ visibility: visible;
+ padding-right: .3em;
+ }
+
+ &:hover {
+ text-decoration: none;
+ }
+}
+
#header {
+ #breadcrumbs {
margin-top: 1em;
&.rule {
background-color: #F4F8F9;
- border: 2px solid #B9D8D9;
+ border: 2px solid #bfd9b9;
border-radius: 5px;
margin: .3em;
padding: .3em;
}
}
- &.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;
}
.browse {
- margin: .5em 0;
- }
-}
-
-#header_search {
- background-position: .5em .5em;
- background-repeat: no-repeat;
- float: left;
- margin: .3em 0 .5em;
-
- input {
- &[type="submit"] {
- border-radius: 3px;
- padding: .2em .8em;
- }
- }
-
- div {
- &.residentsearch {
- border: 0;
- border-bottom: 1px solid #85CA11;
- padding: 0 0 .2em;
- }
- }
-
- select {
- max-width: 12em
- }
-
- 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;
+ margin: .5em 50px;
+ font-weight: bold;
- > li {
- display: none;
+ a {
+ color: #71B443;
+ font-weight: normal;
- &:first-of-type {
- display: block;
+ &:hover, &:active {
+ font-weight: bold;
+ color: #418940;
}
}
-
- &:first-of-type {
- display: block;
- }
- }
-
- .head-searchbox {
- font-size: 1.3em;
- width: 30em;
}
}
#reserves,
#checkouts {
- border: 1px solid #B9D8D9;
padding: 1em;
}
padding: .2em .2em .2em 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;
- z-index: 300;
- }
-
- a.addtocart {
- display: block;
- }
-
- a.cartRemove {
- padding: 6px 12px;
- font-size: 12px;
- display: none;
- }
-
- a.addtocart.incart {
- display: none;
- }
-
- a.cartRemove.incart {
- display: block;
- }
-}
-
#disabled {
a {
color: #999;
.patroninfo {
- margin-top: -.5em;
+ margin-right: .5em;
+ padding-top: 1em;
+ background-color: #e6e6e6;
+ left: -10px;
+ width: 100%;
+ padding-bottom: 25px;
h5 {
- border-right: 1px solid #B9D8D9;
margin-bottom: 0;
- padding-bottom: .5em;
- padding-left: 0em;
- padding-top: .5em;
+ padding: .5em .9em;
+ font-weight: bold;
+ color: #000;
&:empty {
border-right: 0;
}
+
+ li {
+ &.patrondateofbirth {
+ font-size: 75%;
+ font-weight: normal;
+ list-style-type: none;
+ text-align: center;
+ }
+ }
}
ul {
border: 0;
- border-bottom: 0;
- border-right: 1px solid #B9D8D9;
- border-top: 0;
margin: 0;
- padding: 0;
+ padding: 0 .9em;
li {
list-style-type: none;
margin: 0;
- }
- }
- + #menu {
- margin-right: 0;
+ }
}
> div {
- border-right: 1px solid #B9D8D9;
width: 100%;
}
-
- &.is-staff {
- h5 {
- background-color: #EEE;
- }
- }
}
.patroninfo-section {
padding: .5em;
margin: .5em;
-
- .rows {
- padding: .5em;
- }
}
.patroninfo-heading {
- background-color: rgba(237, 244, 246, .4);
padding: .5em;
margin-bottom: .3em;
clear: both;
display: inline-block;
}
+#addColumn, #delColumn{
+ color: #71b443;
+ padding: .3em;
+ border: none;
+ background-color: transparent;
+ box-shadow: none;
+ font-size: 100%;
+
+ &:hover{
+ text-decoration: underline;
+ }
+}
+
.patronviews {
border-right: 1px solid #000;
border-top: 1px solid #000;
}
.dropdown-menu {
+ background-color: #F3F4F4;
li {
list-style-type: none;
- }
-}
-.btn-toolbar {
- fieldset {
- &.action {
- margin-top: 0;
- }
- }
+ a {
+ color: #000;
- .dropdown-menu {
- font-size: 13px;
+ &:hover {
+ background-color: #DADADA;
+ background-image: none;
+ color: #000;
+ text-decoration: none;
+ }
+ }
}
-}
-.rows {
- .label {
- white-space: normal;
- }
}
.readonly,
}
&.success {
- color: #008000;
+ color: #418940;
}
&.warn {
.circ-setting {
font-size: 85%;
- padding-top: .3em;
+ padding-top: .9em;
+ padding-bottom: .9em;
input {
vertical-align: middle;
}
.circ-settings {
- background-color: #F4F8F9;
border-radius: 0;
- border-top: 2px solid #B9D8D9;
display: none;
margin-left: -1em;
margin-right: -1em;
}
#show-circ-settings {
- margin-top: .5em;
+ display: inline;
+ position: relative;
+ right: 25px;
+ opacity: .5;
+
+ &:hover {
+ opacity: 1;
+ }
+
+ a {
+ color: rgb(105, 105, 105);
+
+ &:hover {
+ text-decoration: none;
+ }
+ }
}
.checkin-active-setting {
}
.dialog {
- border: 1px solid #BCBCBC;
border-radius: 2px;
margin: 1em auto;
padding: .5em;
text-align: center;
+ display: table;
width: 65%;
max-width: 600px;
input {
background-color: #FFFFFF;
- border: 1px solid #BCBCBC;
margin: .4em;
- padding: .4em .4em .4em 25px;
+ padding: .4em;
&:hover {
background-color: #FFC;
&[type="submit"] {
background: #FFF none;
+
+ &.approve {
+ background-color: #FEC32C;
+ color: #000;
+ text-shadow: 0 1px 0 #FFFFFF;
+ border: 0;
+ background-image: none;
+ margin-top: 5px;
+
+ &:hover,
+ &:active,
+ &:focus {
+ background-color: #fec22c9f;
+ }
+ }
+
+ &.deny {
+ background-color: transparent;
+ color: #696969;
+ border: #696969 double 1px;
+ margin-top: 5px;
+ margin-left: 5px;
+
+ display: inline-block;
+ margin-bottom: 0;
+ font-weight: normal;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ background-image: none;
+ padding: 6px 12px;
+ font-size: 12px;
+ line-height: 1.42857143;
+ border-radius: 4px;
+ user-select: none;
+
+ &:hover {
+ font-weight: bold;
+ background-color: #F1F1F1;
+ border: #696969 double 1px;
+ text-decoration: none;
+ }
+ }
}
&.flatpickr-input {
}
&.message {
- background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%);
- border: 1px solid #BCBCBC;
+ color: #000000;
text-align: center;
+ background-color: transparent;
+
ul,
h5 {
&.alert,
&.error {
- background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
- border: 1px solid #E0C726;
color: inherit;
+ background-color: #FFFFFF;
text-align: center;
text-shadow: none;
.approve,
.success {
+ background-color: #FEC32C;
i {
&.fa {
- color: #008000;
+ color: #418940;
}
}
}
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;
- }
- }
-}
-
#closewindow {
margin-top: 2em;
text-align: center;
}
.barcode {
- font-size: 200%;
+ font-size: 100%;
vertical-align: middle;
+ font-style: italic;
+ width: 250px;
+ height: 30px;
+ padding-left: 5px;
+ padding-right: 30px;
+ border-radius: 0;
}
li {
}
}
+#catalogue_stats_wrapper, #tbl_cash_register_stats_wrapper, #resulttable_wrapper, #numberpatternst_wrapper {
+ background-color: #FFFFFF;
+ margin-top: 20px;
+ box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
+ padding: 20px;
+}
+
#searchresults {
+ background-color: #FFFFFF;
+ margin-top: 20px;
+ min-width: 100%;
+ width: fit-content;
+ padding: 20px;
+
+ fieldset {
+ box-shadow: none;
+ }
+
+ h3{
+ padding-bottom: .7em;
+ margin: 0;
+ color: #696969;
+ }
+
td {
+ border: 0;
+
+
+ button, a {
+ &.btn-default {
+ color: #71B443;
+ padding: .3em;
+ border: 0;
+ background-color: transparent;
+ border: 0;
+ box-shadow: none;
+ font-size: 100%;
+
+ &:hover, &:active, &:focus, &:active:hover, &:active:focus {
+ background-color: transparent;
+ color: #71B443;
+ text-decoration: underline;
+ }
+ }
+ }
+
ul {
li {
clear: left;
font-size: 90%;
list-style: url("../img/item-bullet.svg");
padding: .2em 0;
+ color: #000;
+ top: 100%;
&.result_itype_image {
list-style: none;
}
table {
+ width: 100%;
+
td {
vertical-align: top;
}
}
}
}
+
+ .dropdown-menu {
+ background-color: #FFFFFF;
+ color: #000;
+ height: fit-content;
+ top: 100%;
+
+ a {
+ color: #000;
+
+ &:hover {
+ background-image: none;
+ color: #000;
+ text-decoration: underline;
+ background-color: #FFFFFF;
+ }
+ }
+ }
}
.searchheader {
- background-color: #E6F0F2;
- border: 1px solid #B9D8D9;
- border-radius: 5px 5px 0 0;
+ background-color: transparent;
+ border: 1px solid #696969;
+ border-radius: 5px 5px 5px 5px;
font-size: 80%;
- margin: 0 0 .5em -1px;
- padding: .4em 0 .4em 1em;
+ margin-top: .5em;
+ margin-bottom: .5em;
+ padding: 5px;
+ width: 100%;
+ color: #696969;
+ display: block;
&.floating {
border-radius: 0;
margin-left: 1em;
}
-#search-facets {
- border: 1px solid #B9D8D9;
- border-radius: 5px 5px 0 0;
+.mini-inp {
+ height: 12px;
+ width: 30px;
+}
+
+
+#search-facets {
h4 {
- background-color: #E6F0F2;
- border-bottom: 1px solid #B9D8D9;
- border-radius: 5px 5px 0 0;
+ background-color: #71B443;
+ border-bottom: 1px solid #71B443;
+ border-radius: 4px 4px 0 0;
font-size: 90%;
+ color: #FFFFFF;
margin: 0;
padding: .4em .2em;
text-align: center;
}
#biblio-cover-slider {
- border: 1px solid #b9d8d9;
+ border: 1px solid #bfd9b9;
border-radius: 3px;
margin: 5px;
padding: 10px 5px 5px 5px;
}
}
+.highlight_toggle {
+ color: #71B443;
+ padding: .3em;
+ border: 0;
+ background-color: transparent;
+ border: 0;
+ box-shadow: none;
+ font-size: 100%;
+
+ &:hover {
+ text-decoration: underline;
+ }
+}
+
+
.cover-image {
display: none;
#CheckPending {
font-weight: normal;
margin: 0 .5em 0 0;
+ color: #71B443;
}
.lost,
}
#cartDetails {
- background-color: #FFFFFF;
- border: 1px solid #739ACF;
+ background-color: #352C2E;
box-shadow: 1px 1px 3px 0 #666;
- color: #000;
+ color: #FFFFFF;
display: none;
margin: 0;
padding: 10px;
}
#cartmenulink {
- padding-left: 15px;
-
- i.fa.fa-shopping-cart {
- padding-right: 7px;
- }
+ position: relative;
+ left: 0;
+ top: 0;
}
#basketcount {
}
.container {
- border: 1px solid #EEE;
margin: 1em 0;
padding: 1em;
}
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;
- }
- }
- }
+ padding: 10px;
+
+ .importing {
+ background: none;
+ padding: inherit;
}
+}
+.form_import {
.input_import {
border: 1px solid #BCBCBC;
}
}
.advsearch {
- margin: 0;
+ margin: 0 1em 1em 0;
table {
border-collapse: separate;
// Override core jQueryUI widgets
.ui-widget-content {
background: #FFFFFF none;
- border: 1px solid #B9D8D9;
+ border-radius: 4px;
+ border: 3px solid #418940;
color: #222222;
}
.ui-widget-header {
- background: #E6F0F2 none;
- border: 1px solid #B9D8D9;
+ background: #b5dbad none;
+ border: 1px solid #bfd9b9;
color: #222222;
font-weight: bold;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
- background: #F4F8F9 none;
- border: 1px solid #B9D8D9;
+ border: 1px solid #bfd9b9;
color: #555555;
font-weight: normal;
}
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
- background: #E6F0F2 none;
- border: 1px solid #B9D8D9;
+ background: #cad8c6 none;
+ border: 1px solid #bfd9b9;
color: #212121;
font-weight: normal;
}
-// .ui-state-active,
-// .ui-widget-content .ui-state-active,
-// .ui-widget-header .ui-state-active {
-// background: #FFFFFF none;
-// border: 1px solid #AAAAAA;
-// color: #212121;
-// font-weight: normal;
-// }
-
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
padding: 3px 1em 3px .4em;
&:hover {
- background: #E6F0F2 none;
+ background: #e3f1df none;
color: #212121;
font-weight: normal;
}
&.ui-widget-header {
background: none;
border: 0;
+ padding: .2em .9em 0 .9em;
}
}
.ui-tabs {
+ .ui-tabs-panel {
+ background: #FFF none;
+ border-radius: 4px;
+ border: 3px solid #418940;
+
+ fieldset {
+ box-shadow: none;
+ }
+ }
.ui-tabs-nav {
li {
- background: #E6F0F2 none;
- border: 1px solid #B9D8D9;
+ background: #71B443;
+ border: 0;
margin-right: .4em;
- top: 1px;
+ border-radius: 4px 4px 0 0;
- &.ui-tabs-active {
- background-color: #FFFFFF;
- border: 1px solid #B9D8D9;
+ &.ui-tabs-active, &.ui-state-hover {
+ background-color: #418940;
+ border-radius: 4px 4px 0 0;
+ border: 0;
border-bottom-width: 0;
+ padding-bottom: 0;
a {
- color: #000;
- font-weight: bold;
+ color: #FFF;
}
- &.ui-state-hover {
- background: #FFF none;
- }
- }
- &.ui-state-default {
- &.ui-state-hover {
- background: #EDF4F5 none;
- }
}
}
}
- .ui-tabs-panel {
- border: 1px solid #B9D8D9;
- }
-
&.ui-widget-content {
background: transparent none;
border: 0;
.ui-state-default {
a {
- color: #004D99;
+ color: #FFFFFF;
&:link,
&:visited {
- color: #004D99;
+ color: #FFFFFF;
}
}
}
.ui-state-hover {
a {
- color: #538200;
+ color: #418940;
&:link,
&:visited {
- color: #538200;
+ color: #418940;
}
}
}
.ui-widget {
font-family: inherit;
- font-size: inherit;
input,
select,
textarea,
button {
font-family: inherit;
- font-size: inherit;
}
}
.statictabs {
+
+ background-color: #FFFFFF;
+ margin-top: 20px;
+ box-shadow: 8px 8px 12px rgba(170, 170, 170, .356);
+ padding: 20px;
+
+ h3{
+ padding-bottom: .7em;
+ margin: 0;
+ color: #696969;
+ }
+
+ td {
+ border: 0;
+
+ ul {
+ li {
+ clear: left;
+ font-size: 90%;
+ list-style: url("../img/item-bullet.svg");
+ padding: .2em 0;
+
+ &.result_itype_image {
+ list-style: none;
+ list-style-type: none;
+ }
+
+ img {
+ float: left;
+ margin: 3px 5px 3px -5px;
+ max-width: 25px;
+ }
+ }
+ }
+ }
+
+ span {
+ &.status {
+ clear: left;
+ color: #900;
+ display: block;
+ }
+
+ &.unavailable {
+ clear: left;
+ display: block;
+ }
+ }
+
+
> ul {
background: none repeat scroll 0 0 transparent;
border: 0 none;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- border-top-left-radius: 4px;
- border-top-right-radius: 4px;
color: #222222;
font-size: 100%;
font-weight: bold;
}
li {
- background: none repeat scroll 0 0 #E6F0F2;
- border: 1px solid #B9D8D9;
- border-bottom: 0 none;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
- color: #555555;
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
float: left;
font-weight: normal;
list-style: none outside none;
position: relative;
top: 1px;
white-space: nowrap;
+ background: #71B443;
- &.active {
- background-color: #FFFFFF;
- color: #212121;
+ &.active, &:hover {
font-weight: normal;
padding-bottom: 1px;
+ background-color: #418940;
+ border: 0;
+ border-bottom-width: 0;
+
a {
background: none repeat scroll 0 0 transparent;
- color: #000000;
- cursor: text;
- font-weight: bold;
+ color: #FFFFFF;
outline: 0 none;
top: 1px;
}
}
a {
- color: #004D99;
+ color: #FFFFFF;
cursor: pointer;
float: left;
padding: .5em 1em;
text-decoration: none;
&:hover {
- background-color: #EDF4F5;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
- color: #538200;
}
}
}
.tabs-container {
background: none repeat scroll 0 0 transparent;
- border: 1px solid #B9D8D9;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
+ border: 3px solid #418940;
+ border-radius: 4px;
color: #222222;
display: block;
padding: 1em 1.4em;
margin-top: 5px;
.ui-tabs-panel {
background: #FFF none;
+ border-radius: 4px;
+ border: 3px solid #418940;
+
+ fieldset {
+ box-shadow: none;
+ }
}
}
}
.pluginname {
- background-color: #E6F0F2;
+ background-color: #e3f1df;
cursor: move;
margin: .3em;
padding-bottom: 4px;
}
nav {
- background: #E6F0F2 none;
border: 0;
+ display: block;
&.breadcrumb {
- background-color: #E6F0F2;
- clear: both;
+ background-color: transparent;
margin: 0;
- padding: .8em .5em .8em 10px;
- position: relative;
ol {
margin: 0;
padding-left: 0;
list-style: none;
- }
- li {
- display: inline;
+ li {
+ display: inline;
+ color : #418940;
+ font-style: italic;
- &+li::before {
- background: transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktY2hldnJvbi1yaWdodCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNNy4zNyAwbDUuMzUgNy4zYy4yLjIuMi41MSAwIC43bC01LjM4IDhoLTQuMmw1LjY0LTguMzVMMy4xMy4wMXoiLz48L3N2Zz4=") 50% 50% no-repeat;
- background-size: 8px;
- content: '';
- display: inline-block;
- height: .8em;
- width: .8em;
- }
+ &+li::before {
+ content: '/';
+ display: inline-block;
+ height: .8em;
+ width: .8em;
+ }
+ a:link, a:active, a:hover, a:focus {
+ padding: .6em .3em;
+ }
+ }
}
[aria-current="page"] {
- color: #000;
- font-weight: 700;
+ color: #696969;
text-decoration: none;
}
}
-
-
-}
-
-.navbar-collapse {
- background: #E6F0F2 none;
- box-shadow: none;
}
-.navbar-nav {
- li {
- list-style: none;
-
- &.open {
- li {
- a {
- font-weight: normal;
- }
- }
- }
-
- a {
- font-weight: bold;
- padding-bottom: .4em;
- padding-top: .4em;
- }
- }
+.navbar {
+ background-color: #352C2E;
}
.nav .open > a,
.nav > li > a:hover,
.nav > li > a:focus {
background-color: transparent;
- text-decoration: none;
+ padding: .4em 15px;
+ color: #fff;
+ text-decoration: underline 2px;
}
.pagination {
.active {
a {
- background-color: #5A9EAA;
- border-color: #5A9EAA;
+ background-color: #6daa5a;
+ border-color: #6daa5a;
&:hover,
&:focus {
- background-color: #5A9EAA;
- border-color: #5A9EAA;
+ background-color: #6daa5a;
+ border-color: #6daa5a;
}
}
span {
- background-color: #5A9EAA;
- border-color: #5A9EAA;
+ background-color: #6daa5a;
+ border-color: #6daa5a;
&:hover,
&:focus {
- background-color: #5A9EAA;
- border-color: #5A9EAA;
+ background-color: #6daa5a;
+ border-color: #6daa5a;
}
}
}
button,
.btn {
- border-color: #ADADAD #ADADAD #949494;
- font-family: $font-main;
+ display: inline-block;
+ margin-bottom: 0;
+ font-weight: normal;
+ text-align: center;
+ white-space: nowrap;
+ vertical-align: middle;
+ touch-action: manipulation;
+ cursor: pointer;
+ background-image: none;
+ font-size: 12px;
+ line-height: 1.42857143;
+ border-radius: 4px;
+ user-select: none;
&.btn-link {
border: 0;
}
}
+#merge-patrons {
+ padding: 0 25px;
+}
+
+#patronlist-menu {
+ padding: 0 25px;
+}
+
.btn-xs,
.btn-group-xs > .btn {
font-size: 10.5px;
.panel {
background: #F4F8F9 none;
box-shadow: none;
+
+ &:hover {
+ background: #e3f1df none;
+ }
}
.panel-collapse {
}
&:hover {
- background: #e6f0f2 none;
+ background: #e3f1df none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
&:hover {
- background: #e6f0f2 none;
+ background: #e3f1df none;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
}
.panel-default {
- border: 1px solid #B9D8D9;
+ border: 1px solid #bfd9b9;
> .panel-heading {
background: transparent none;
padding: 0;
+ .panel-collapse {
> .panel-body {
- border-top-color: #B9D8D9;
+ border-top-color: #bfd9b9;
}
}
}
}
}
-#toolbar {
- .dropdown-menu {
- border-top-width: 1px;
- font-size: 13px;
- }
-
- &.floating {
- border-radius: 0;
- margin-top: 0;
- }
-}
-
#changelanguage {
background: #FFF none;
- border-top: 1px solid #EEE;
+ border-top: 1px solid rgb(173, 173, 173);
min-height: $language-footer-min-height;
.dropdown-menu {
li {
a {
line-height: 20px;
+ padding: .4em 15px;
+ color: #000;
+
+ &:hover, &:active, &:focus{
+ color: #418940;
+ text-decoration: none;
+ }
}
}
}
fieldset,
ol {
- background-color: transparent;
+ background-color: #FFF;
border: 0;
margin: 0;
padding: 0;
}
.modal-content {
- background-color: #EDF4F6;
+ background-color: rgb(211, 223, 204);
+
+ fieldset {
+ box-shadow: none;
+ }
}
.btn-group {
}
.tab-content {
- background-color: #FFF;
- border: 1px solid #B9D8D9;
- border-top-width: 0;
+ border: 3px solid #418940;
+ border-radius: 4px;
padding: 1em;
}
.nav-tabs {
> li {
> a {
- background-color: #e6f0f2;
- border: 1px solid #b9d8d9;
- border-radius: 4px 4px 0 0;
+ background-color: #71B443;
+ color: #FFFFFF;
line-height: 1.42857143;
margin-right: .4em;
padding: .5em 1em;
- &:hover {
- background-color: #EEF4F5;
- border-color: #b9d8d9;
+ &:hover, &:focus, &:active {
+ background-color: #418940;
+ border-radius: 4px 4px 0 0;
+ border: 1px solid #418940;
+ padding: .5em 1em;
+ text-decoration: none;
+ color: #FFFFFF;
}
}
a,
a:hover,
a:focus {
- background-color: #fff;
- border: 1px solid #b9d8d9;
- border-bottom-color: transparent;
- color: #000;
+ background-color: #418940;
+ border-radius: 4px 4px 0 0;
+ color: #FFFFFF;
cursor: default;
font-weight: bold;
}
}
span {
- background-color: #EBF3FF;
+ background-color: #ecffeb;
border-radius: 5px;
display: inline-block;
font-size: 75%;
white-space: nowrap;
&.selected {
- background-color: #CCE0FC;
+ background-color: #d2fad0;
}
}
}
}
}
-// 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 {
display: inline;
}
#browse-return-to-results {
background-color: #E8F0F6;
- border: 1px solid #B9D8D9;
+ border: 1px solid #bfd9b9;
border-bottom-width: 0;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
.browse-button {
background-color: #FFF;
- border: 1px solid #B9D8D9;
+ border: 1px solid #bfd9b9;
color: #004D99;
display: block;
overflow: hidden;
.date-select {
label {
- display: inline-block;
width: 40%;
}
}
#i18nMenu {
.navbar-text {
.currentlanguage {
- color: #000;
+ color: #418940;
font-weight: bold;
}
}
.branchgriditem {
background-color: #FFFFFF;
- border: 1px solid #B9D8D9;
+ border: 1px solid #bfd9b9;
border-radius: 3px;
display: table-cell;
float: left;
#new_rule {
background-color: #F4F8F9;
- border: 2px solid #B9D8D9;
+ border: 2px solid #bfd9b9;
border-radius: 5px;
display: none;
margin: .3em;
}
}
-#patron_search {
- #filters {
- display: none;
- }
-
- .address {
- font-size: 100%;
- }
-}
-
#fixedlengthbuilderaction {
- border: 3px solid #E6F0F2;
+ border: 3px solid #e3f1df;
left: 80%;
padding: 5px;
position: relative;
padding: 5px 7px;
margin: 3px 0 3px 0;
border-radius: 5px;
- background-color: rgba(0, 0, 0, 0.1);
+ background-color: rgba(0, 0, 0, .1);
}
#restriction_form {
}
}
-#payForm {
- fieldset {
- &.rows {
- padding-left: 1em;
- padding-right: 2em;
- }
- }
-}
-
#helper {
span {
display: none;
}
.loggedin-menu-label {
- color: #777;
+ color: #FFFFFF;
font-size: 12px;
line-height: 1.42857143;
padding: 4px 12px;
white-space: nowrap;
span {
- color: #000;
+ color: #FFFFFF;
font-weight: bold;
+ left: 15px;
+ top: 0;
}
&.divider {
}
}
-.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;
+ /* List containing the module links */
+ margin: 30px 0;
padding: 0;
+ margin-left: 15px;
li {
- // Standard attributes for the list elements
+ /* 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;
- }
- }
- }
+ display: table;
+ margin-bottom: 15px;
}
}
.about h2 {
- border-bottom: 1px solid #B9D8D9;
+ border-bottom: 1px solid #bfd9b9;
padding: .5em .2em;
margin: .5em 0;
}
column-gap: 2em;
}
-// ==== MODULE LINKS - End ====
+/* ==== MODULE LINKS - End ==== */
-#catalog-search-link {
- border-right: 1px solid lighten( #E6F0F2, 15% );
- padding-right: .3em;
+#catalog-search-link a {
+ padding-right: .2em;
}
-#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% );
- }
- }
+#catalog-search-dropdown a.dropdown-toggle {
+ padding-left: .2em;
}
#tools_holidays {
}
}
-.header-menu-link {
- display: none;
- font-weight: bold;
- padding: .4em .6em;
-}
-
#user-menu {
position: absolute;
right: 5px;
}
.currentlibrary {
- background-color: #E6FCB7;
display: inline-block;
padding: 2px 4px;
}
.result_item_details {
display:inline-block;
- white-space:nowrap
+ white-space:nowrap;
+
+ &::before {
+ content: "\2022";
+ }
}
.item-date-due {
margin: .5em;
}
+@import "header";
+@import "toolbar";
+@import "forms";
+
@media (min-width: 200px) {
}
.open {
.dropdown-menu {
- background-color: #FFF;
+ background-color: #352C2E;
border: 1px solid #ccc;
position: absolute;
}
}
#header {
- background-color: #FFF;
- border: 1px solid #CCC;
+ background-color: #352C2E;
margin-bottom: 1em;
a {
padding-left: 1.5em;
&:hover {
- background-color: #0070A9;
+ text-decoration: underline;
color: #FFF;
+ background-color: #352C2E;
+ background-image: none;
}
}
box-shadow: unset;
float: none;
left: auto;
- position: relative;
+ position: initial;
right: auto;
&.dropdown-menu {
}
}
- .dropdown-menu {
- li {
- a {
- color: #004D99;
-
- &:hover {
- color: #FFF;
- }
- }
- }
- }
-
.dropdown-toggle {
display: none;
}
flex-direction: column;
}
- #logo {
- margin: 1rem;
- }
-
#marcPreview {
margin: 0;
width: auto;
#user-menu {
.open {
.dropdown-menu {
- background-color: #FFF;
- border: 1px solid #ccc;
+ background-color: #352c35;
position: absolute;
}
}