+@import "variables";
@import "mixins";
@import "tables";
+@import "flatpickr";
+@import "fonts";
::selection {
- background: #538200;
+ background: #418940;
color: #FFFFFF;
}
a {
&:link,
&:visited {
- color: #004D99;
- text-decoration: none;
+ color: $green-text-color;
+ border: 0;
+ background-color: transparent;
+ box-shadow: none;
+ font-size: 100%;
}
&:hover,
- &:active {
- color: #538200;
- text-decoration: none;
+ &:active,
+ &:focus {
+ text-decoration: underline;
+ color: $green-text-color;
+ border: 0;
+ background-color: transparent;
+ box-shadow: none;
+ font-size: 100%;
}
&:hover {
.term {
- color: #FF9090;
+ color: #000;
+ text-decoration: underline;
}
}
- &.btn {
- &:link,
- &:visited {
- color: #333333;
- }
+ &.authlink {
+ background-color: #e3f1df;
+ border-radius: 5px;
+ display: inline-block;
+ padding: 2px 4px;
+ }
+ &.btn {
&.btn-link {
&:link,
&:visited {
- color: #004D99;
+ color: $green-text-color;
}
&: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 {
padding: 0;
}
- &.close {
+ &.clear_date {
+ color: #418940;
+ font-size: 130%;
+ vertical-align: middle;
+
&:hover {
- color: #538200;
+ color: $green-text-color;
+ text-decoration: none;
}
}
+ &.settings {
+ i, img {
+ text-align: center;
+ color: $green-text-color;
+ 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: #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;
+ }
+ }
&.csv {
background-image: url("../img/famfamfam/silk/page_white_excel.png");
&.xml {
background-image: url("../img/famfamfam/silk/page_white_code.png");
}
+}
+
+#resetZ3950Search {
+ font-size: 110%;
+ color: $green-text-color;
}
-aside {
- h5 {
- font-size: 100%;
- margin: .5em 0;
+a {
+ .ctrl_link {
+ display: inline-block;
+ padding-right: 1rem;
}
+}
+
+aside {
fieldset {
- &.brief {
- padding: .4em .7em;
+ @include card;
+ 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;
+
+ 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;
}
- select,
- [type="text"] {
- width: 100%;
+ &.active > a, a:hover, a.current {
+ background-color: #F3F4F4;
+ text-decoration: none;
+ color: #418940;
+ border-left: solid 5px #418940;
+ font-weight: bold;
}
+ }
+ }
+}
+
+div {
+ display: block;
+
+ &.mainmenu {
+ display: inline;
+ }
+
+
+ &.koha-mainpage {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+
+ &.settings-links {
+ display: inline;
+
+ ul {
+ float: right;
- .hasDatepicker {
- margin-right: 3px;
- width: calc(100% - 20px);
+ 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: $green-text-color;
+
+ &: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 {
+ opacity: 0;
+ }
+ }
}
br {
h1 {
font-size: 161.6%;
font-weight: bold;
-
- &#logo {
- border: 0 none;
- float: left;
- margin: .75em .3em .75em .7em;
- padding: 0;
- width: 180px;
- }
}
h2 {
- font-size: 146.5%;
+ font-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 {
}
&.circ_barcode {
- display: inline-block;
+ display: block;
font-size: 105%;
font-weight: bold;
margin-bottom: 1rem;
padding-top: 10px;
}
-#navmenulist {
- li {
- border-bottom: 1px solid #EEE;
- list-style-image: url("../img/arrow-bullet.gif");
- padding: .2em 0;
-
- a {
- text-decoration: none;
+#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;
}
}
margin-top: 1em;
}
+.main, main {
+ & > .row > div > aside {
+ margin-left: -15px;
+ }
+}
+
#login_controls {
padding: .4em .5em;
position: absolute;
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%);
- display: inline-block;
- width: 100%;
-}
-
.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;
+ @include card;
+ width: 100%;
+ color: $green-text-color;
+ position: relative;
+ color: #696969;
+ left: 0;
+ top: 0;
+ margin: 0 1em 1em 0;
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 {
}
li {
+ margin-top: 1em;
+
+ &:first-child {
+ margin-top: 0;
+ }
+
&[aria-disabled="true"] {
color: #999;
}
}
}
- &.rows {
- border: 2px solid #B9D8D9;
- border-width: 1px;
- clear: left;
- float: left;
- font-size: 90%;
- margin: .9em 0 0;
- padding: 0;
- width: 100%;
-
- fieldset {
- background-color: transparent;
- border-width: 1px;
- margin: 1em;
- padding: .3em;
-
- &.action {
- padding: 1em;
- }
- }
-
- &.inputnote {
- clear: left;
- float: left;
- margin: 1em 0 0 11em;
- }
-
-
- &.left {
- label {
- text-align: left;
- width: 8em;
- }
-
- li {
- padding-bottom: .4em;
- }
-
- span {
- label {
- text-align: left;
- width: 8em;
- }
- }
- }
-
- &.ui-accordion-content {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- margin: 0;
- padding: 0;
- width: 100%;
-
- table {
- margin: 0;
- }
- }
-
- &.unselected {
- background-color: #FFFFFF;
- border: 0;
- border-width: 0;
- }
-
- caption {
- font-size: 120%;
- }
-
- div {
- &.hint {
- margin: .5em 0;
- margin-left: 10.5em;
- }
- }
-
- label {
- float: left;
- font-weight: bold;
- margin-right: 1em;
- text-align: right;
- width: 9em;
-
- &.error {
- float: none;
- margin-left: 1em;
- width: auto;
- }
-
- &.inline {
- display: inline;
- float: none;
- margin-left: 1em;
- }
-
- &.radio {
- display: inline-block;
- margin: 0 1em 0 0;
- padding: 0;
- width: auto;
- }
-
- &.yesno {
- float: none;
- width: auto;
- }
- }
-
- legend {
- font-size: 110%;
- font-weight: bold;
- margin-left: 1em;
- }
-
+ 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;
- }
- }
-
- ol {
list-style-type: none;
- padding: 1em 1em 0;
-
- &.radio {
- label {
- float: none;
- margin-left: 20px;
- margin-right: 30px;
- padding-left: 0;
- vertical-align: middle;
- width: auto;
-
- &.radio {
- float: left;
- margin-right: 1em;
- margin-top: 0;
- width: 9em;
- }
- }
-
- input {
- &[type="checkbox"],
- &[type="radio"] {
- margin-left: -20px;
- }
- }
- }
- }
-
- p {
- margin: 1em 0 1em 1em;
- }
-
- span {
- &.label {
- float: left;
- font-weight: bold;
- margin-right: 1em;
- text-align: right;
- width: 9em;
- }
- }
-
- table {
- clear: both;
- font-size: 105%;
- margin: 1em 0 1em 1em;
-
- &.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;
- }
+ 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;
- 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: $green-text-color;
+ 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;
}
.circmessage {
- margin-bottom: .3em;
- padding: 0 .4em .4em;
+ padding: .4em;
- &:first-child {
- margin-top: 1em;
+ .circmessage {
+ margin-bottom: .3em;
}
}
text-align: justify;
}
- &.message {
- background: linear-gradient(to bottom, #FFFFFF 0%, #F4F6FA 2%, #EAEEF5 23%, #E8EDF6 94%, #CDDBF2 100%);
- border: 1px solid #BCBCBC;
- text-align: center;
- width: 55%;
-
- ul,
- h5 {
- padding-left: 25%;
- text-align: left;
- }
-
- ul + h4 {
- margin-top: .7em;
- }
- }
-
&.note {
background: linear-gradient(to bottom, #F4F6FA 0%, #E8EDF6 100%); // W3C
border: 1px solid #BCBCBC;
&.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%;
li {
border-bottom: 1px solid #EEE;
- clear: left;
- float: left;
list-style-type: none;
padding: .275em;
width: 100%;
span {
&.label {
- float: left;
+ display: inline-block;
font-weight: bold;
margin-right: 1em;
padding-top: 0;
text-align: left;
width: 9em;
+ white-space: normal;
}
}
}
&:hover,
&:active {
- background-color: #FFC;
- }
- }
-
- .current,
- .currentPage {
- background-color: #E6FCB7;
- color: #666;
- font-weight: bold;
- padding: 1px 5px;
- }
-
- .inactive {
- background-color: #F3F3F3;
- color: #BCBCBC;
- font-weight: bold;
- padding: 1px 5px;
- }
- }
-
- .browse {
- margin: .5em 0;
- }
-}
-
-#header_search {
- background-position: .5em .5em;
- background-repeat: no-repeat;
- float: left;
- margin: .3em 0 .5em;
-
- input {
- &[type="submit"] {
- border-radius: 3px;
- padding: .2em .8em;
- }
- }
-
- div {
- &.residentsearch {
- border: 0;
- border-bottom: 1px solid #85CA11;
- padding: 0 0 .2em;
- }
- }
-
- ul {
- &.ui-tabs-nav {
- margin-left: 1em;
- padding-top: 0;
-
- li {
- &.ui-state-default {
- background: transparent none;
- border: 0;
- top: 0;
-
- a {
- padding: .3em .6em;
- }
- }
-
- &.ui-tabs-active {
- background-color: #FFFFF1;
- border: 1px solid #85CA11;
- border-top-width: 0;
- top: -2px;
-
- a {
- text-decoration: none;
- }
- }
+ background-color: #FFC;
}
}
- }
-
- .ui-corner-top {
- border-radius: 0 0 4px 4px;
- }
-
- > div,
- > ul {
- display: none;
-
- > li {
- display: none;
- &:first-of-type {
- display: block;
- }
+ .current,
+ .currentPage {
+ background-color: #E6FCB7;
+ color: #666;
+ font-weight: bold;
+ padding: 1px 5px;
}
- &:first-of-type {
- display: block;
+ .inactive {
+ background-color: #F3F3F3;
+ color: #BCBCBC;
+ font-weight: bold;
+ padding: 1px 5px;
}
}
- .head-searchbox {
- font-size: 1.3em;
- width: 30em;
+ .browse {
+ margin: .5em 0;
}
}
#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;
+ color: #000;
+ 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;
- }
+ @include card;
}
.patroninfo-heading {
- background-color: rgba(237, 244, 246, .4);
padding: .5em;
margin-bottom: .3em;
clear: both;
display: inline-block;
}
+#addColumn, #delColumn{
+ color: $green-text-color;
+ 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 {
}
}
-.blocker {
- color: #990000;
-}
-
+.blocker,
.inaccurate-item-statuses {
color: #990000;
}
.circmessage {
li {
- list-style: url("../img/arrow-bullet.gif");
- margin-bottom: .2em;
+ list-style: $nav-menu-bullet;
+ margin-bottom: .4em;
}
}
+#circmessages,
+#patron_messages {
+ @include card;
+}
+
#circ_needsconfirmation {
margin: auto;
}
.dialog {
- border: 1px solid #BCBCBC;
border-radius: 2px;
margin: 1em auto;
padding: .5em;
text-align: center;
+ display: table;
width: 65%;
+ max-width: 600px;
a {
&.approve {
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;
+ 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 {
+ padding: 3px 3px 3px 20px;
}
}
}
}
+ &.message {
+ background-color: #ffffff;
+ text-align: center;
+
+ ul,
+ h5 {
+ padding-left: 25%;
+ text-align: left;
+ }
+
+ ul + h4 {
+ margin-top: .7em;
+ }
+ }
+
&.alert,
&.error {
- background: linear-gradient(to bottom, #FEF8D3 0%, #FFEC91 9%, #FFED87 89%, #F9DC00 100%);
- border: 1px solid #E0C726;
+ background-color: rgb(255, 237, 135);
color: inherit;
text-align: center;
text-shadow: none;
strong {
color: #900;
}
+
+ &.list {
+ text-align: left;
+
+ h2,
+ h3,
+ h4 {
+ margin: 1em 0;
+ text-align: left;
+ }
+ }
}
}
.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;
- }
- }
-}
-
-
-#logo {
- background: transparent url("../img/koha-logo-medium.png") no-repeat scroll 0%;
- margin: .75em .3em .75em .7em;
-
- a {
- border: 0;
- cursor: pointer;
- display: block;
- height: 0 !important;
- margin: 0;
- overflow: hidden;
- padding: 44px 0 0;
- text-decoration: none;
- width: 180px;
- }
+// style for bundled detail in catalogsearch
+.bundled {
+ display: block;
+ font-style: italic;
}
#closewindow {
}
.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 {
}
.empty {
- color: #CCC;
+ color: #666;
}
.address {
}
}
+#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 {
- ul {
- li {
- clear: left;
- font-size: 90%;
- list-style: url("../img/item-bullet.gif");
- padding: .2em 0;
+ background-color: #FFFFFF;
+ margin-top: 20px;
+ min-width: 100%;
+ width: fit-content;
+ padding: 20px;
- img {
- float: left;
- margin: 3px 5px 3px -5px;
+ fieldset {
+ box-shadow: none;
+ }
+
+ h3{
+ padding-bottom: .7em;
+ margin: 0;
+ color: #696969;
+ }
+
+ td {
+ button, a {
+ &.btn-default {
+ color: $green-text-color;
+ 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: $green-text-color;
+ 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;
+ list-style-type: none;
+ }
+
+ img {
+ float: left;
+ margin: 3px 5px 3px -5px;
+ max-width: 25px;
+ }
}
}
}
}
table {
+ width: 100%;
+
td {
vertical-align: top;
}
}
}
-#searchresults {
+#searchresults,
+#table_borrowers {
.address {
ul {
margin: 0;
}
}
}
+
+ .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: #f3f4f4;
+ 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;
}
}
-#search-facets {
+#patron_search_selected {
+ background-color: #F9FEFF;
border: 1px solid #B9D8D9;
- border-radius: 5px 5px 0 0;
+ border-color: #A2CBCC #CEE0E3 #CEE0E3 #A2CBCC;
+ border-radius: 3px;
+ color: #333;
+ display: inline-block;
+ font-size: 11px;
+ line-height: 1.5;
+ padding: 5px 10px;
+ text-align: center;
+ vertical-align: middle;
+ white-space: nowrap;
+}
+
+#clear-patron-selection {
+ display: inline-block;
+ margin-left: 1em;
+}
+
+.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;
min-height: unset;
padding: 0;
}
+
+ &.credit,
+ &.debit,
+ &.total {
+ text-align: right;
+
+ tfoot & {
+ color: #000;
+ }
+ }
}
+.highlight_toggle {
+ color: $green-text-color;
+ 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: $green-text-color;
}
.lost,
display: block;
}
+.bundled {
+ display: block;
+}
+
+td.bundle {
+ background-color: #FFC !important;
+}
+
.datedue {
color: #999;
display: block;
.dialog {
border-radius: 0;
border-width: 1px 0 0 0;
+ clear: both;
margin: 15px -15px -15px -15px;
padding: 15px;
text-align: left;
}
#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 {
}
.results_summary {
- color: #707070;
+ color: #202020;
display: block;
font-size: 85%;
padding: 0 0 .5em;
}
.label {
- color: #202020;
+ color: #707070;
}
}
font-size: 105%;
line-height: 200%;
+ h3 & {
+ font-size: 70%;
+ }
+
a,
span {
background-color: #E4ECF5;
}
.container {
- border: 1px solid #EEE;
margin: 1em 0;
padding: 1em;
}
margin-left: 20px;
padding: 10px;
- fieldset {
- &.rows {
- li {
- label {
- width: 16em;
- }
- }
- }
- }
-
.importing {
background: none;
padding: inherit;
}
.form_import {
- fieldset {
- &.rows {
- li {
- label {
- width: auto;
- }
- }
- }
- }
-
.input_import {
border: 1px solid #BCBCBC;
}
}
.advsearch {
- margin: 0;
+ margin: 0 1em 1em 0;
table {
border-collapse: separate;
}
}
-#printclearscreen {
+#printclearscreen,
+#printclearscreenq {
position: absolute;
right: 43px;
top: 0;
}
#acqui_order_supplierlist {
- > div {
- &.supplier {
- border: 1px solid #EEEEEE;
- margin: .5em;
- padding: 1em;
+ .supplier {
+ &+.supplier {
+ border-top: 1px solid #EEEEEE;
+ margin-top: 1em;
}
+ }
- > div {
- > .baskets {
- margin-top: .5em;
- }
- }
+ .suppliername {
+ display: inline-block;
+ margin: .5em 1em .5em 0;
- > span {
- &.action {
- margin-left: 5em;
- }
+ &.inactive {
+ color: #888;
- &.suppliername {
- display: inline;
- font-size: 1.7em;
- margin-bottom: .5em;
+ a:link,
+ a:visited {
+ color: #888;
}
}
}
// 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;
- 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;
+ background: #cad8c6 none;
+ border: 1px solid #bfd9b9;
color: #212121;
font-weight: normal;
}
cursor: default;
position: absolute;
- &.ui-widget-content {
- .ui-state-hover {
- background: #E6F0F2 none;
- border: 1px solid #B9D8D9;
- color: #212121;
- font-weight: normal;
+ &.ui-menu {
+ li {
+ &.ui-menu-item {
+ padding: 3px 1em 3px .4em;
+
+ &:hover {
+ background: #e3f1df none;
+ color: #212121;
+ font-weight: normal;
+ }
+
+ .ui-state-active {
+ background: transparent none;
+ border: 0;
+ }
+
+ .ui-menu-item-wrapper {
+ padding: unset;
+ }
+
+ .ui-state-active,
+ .ui-state-focus {
+ margin: 0;
+ }
+ }
}
}
}
&.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 {
+ @include card;
+
+ margin-top: 20px;
+ 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;
}
.toptabs {
+ margin-top: 5px;
.ui-tabs-panel {
background: #FFF none;
+ border-radius: 4px;
+ border: 3px solid #418940;
+
+ fieldset {
+ box-shadow: none;
+ }
}
}
}
#hierarchies {
+ margin-bottom: 1em;
+
a {
color: #069;
font-weight: normal;
text-decoration: underline;
- &:hover {
- color: #990033;
+ &.jstree-anchor {
+ &.jstree-hovered {
+ background: transparent none;
+ box-shadow: none;
+ color: #005580;
+ }
+
+ &.jstree-clicked {
+ background: transparent none;
+ box-shadow: none;
+ border: 0;
+ }
}
}
}
}
.pluginname {
- background-color: #E6F0F2;
+ background-color: #e3f1df;
cursor: move;
margin: .3em;
padding-bottom: 4px;
}
}
-// jQuery UI Datepicker
-.ui-datepicker {
- box-shadow: 1px 1px 3px 0 #666;
-
- table {
- border: 0;
- border-collapse: collapse;
- font-size: .9em;
- margin: 0 0 .4em;
- width: 100%;
- }
-
- th {
- background: transparent none;
- border: 0;
- font-weight: bold;
- padding: .7em .3em;
- text-align: center;
- }
-}
-
-.ui-datepicker-trigger {
- vertical-align: middle;
-}
-
-// css for timepicker
-.ui-timepicker-div {
- dl {
- text-align: left;
-
- dd {
- margin: 0 10px 10px 65px;
- }
-
- dt {
- height: 25px;
- margin-bottom: -25px;
- }
-
- td {
- font-size: 90%;
- }
- }
-
- .ui-widget-header {
- margin-bottom: 8px;
- }
-}
-
-.ui-tpicker-grid-label {
- background: none;
- border: 0;
- margin: 0;
- padding: 0;
-}
-
-.ui_tpicker_second,
-.ui_tpicker_millisec,
-.ui_tpicker_microsec {
- display: none;
-}
-
// jQuery UI Accordion
.ui-accordion-header,
.ui-widget-content .ui-accordion-header {
}
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::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;
- }
-
- }
-
- [aria-current="page"] {
- color: #000;
- font-weight: 700;
- text-decoration: none;
- }
- }
-
-
-}
-
-.navbar-collapse {
- background: #E6F0F2 none;
- box-shadow: none;
-}
-
-.navbar-nav {
- li {
- list-style: none;
+ list-style: none;
- &.open {
li {
- a {
- font-weight: normal;
+ display: inline;
+ color : #418940;
+ font-style: italic;
+
+ &+li::before {
+ content: '/';
+ display: inline-block;
+ height: .8em;
+ width: .8em;
+ }
+
+ a:link, a:active, a:hover, a:focus {
+ padding: .6em .3em;
}
}
}
- a {
- font-weight: bold;
- padding-bottom: .4em;
- padding-top: .4em;
+ [aria-current="page"] {
+ color: #696969;
+ text-decoration: none;
}
}
}
+.navbar {
+ background-color: #352C2E;
+}
+
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
.nav > li > a:hover,
.nav > li > a:focus {
background-color: transparent;
- text-decoration: none;
+ padding: .4em 15px;
+ color: #fff;
+ text-decoration: underline 2px;
}
.pagination {
- margin:.5em .8em;
-
- .active {
- a {
- background-color: #5A9EAA;
- border-color: #5A9EAA;
-
- &:hover,
- &:focus {
- background-color: #5A9EAA;
- border-color: #5A9EAA;
- }
- }
-
- span {
- background-color: #5A9EAA;
- border-color: #5A9EAA;
-
- &:hover,
- &:focus {
- background-color: #5A9EAA;
- border-color: #5A9EAA;
- }
- }
- }
+ margin: .5em 0;
}
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;
padding: 3px 5px;
}
-#toolbar {
- .dropdown-menu {
- border-top-width: 1px;
- font-size: 13px;
+/* Bootstrap Collapse */
+
+.panel {
+ background: #F4F8F9 none;
+ box-shadow: none;
+
+ &:hover {
+ background: #e3f1df none;
}
+}
- &.floating {
- border-radius: 0;
- margin-top: 0;
+.panel-collapse {
+ background: #FFF none;
+}
+
+.panel-title {
+ a {
+ border-radius: 3px;
+ display: block;
+ padding: 10px 15px;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+
+ &::before {
+ content: "\f0d7";
+ display: inline-block;
+ font-family: FontAwesome;
+ width: 1em;
+ }
+
+ &:hover {
+ background: #e3f1df none;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ }
+
+ &.collapsed {
+ &::before {
+ content: "\f0da";
+ display: inline-block;
+ font-family: FontAwesome;
+ width: 1em;
+ }
+
+ &:hover {
+ background: #e3f1df none;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+ }
+ }
+ }
+}
+
+.panel-default {
+ border: 1px solid #bfd9b9;
+ > .panel-heading {
+ background: transparent none;
+ padding: 0;
+
+ + .panel-collapse {
+ > .panel-body {
+ border-top-color: #bfd9b9;
+ }
+ }
+ }
+}
+
+.panel-group {
+ .panel {
+ + .panel {
+ margin-top: 3px;
+ }
}
}
#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 {
.navbar-nav {
li {
a {
+ color: $green-text-color;
line-height: 20px;
+ padding: .4em 15px;
}
}
}
font-weight: bold;
line-height: 1;
opacity: .2;
- text-shadow: 0 1px 0 #FFFFFF;
&:hover,
&:focus {
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 {
font-weight: bold;
}
+.tab-content {
+ border: 3px solid #418940;
+ border-radius: 4px;
+ padding: 1em;
+}
+
+.nav-tabs {
+ > li {
+ > a {
+ background-color: #71B443;
+ color: #FFFFFF;
+ line-height: 1.42857143;
+ margin-right: .4em;
+ padding: .5em 1em;
+
+ &:hover, &:focus, &:active {
+ background-color: #418940;
+ border-radius: 4px 4px 0 0;
+ border: 1px solid #418940;
+ padding: .5em 1em;
+ text-decoration: none;
+ color: #FFFFFF;
+ }
+ }
+
+ &.active {
+ a,
+ a:hover,
+ a:focus {
+ background-color: #418940;
+ border-radius: 4px 4px 0 0;
+ color: #FFFFFF;
+ cursor: default;
+ font-weight: bold;
+ }
+ }
+ }
+}
+
// End Bootstrap overrides
.waiting {
}
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;
margin-right: 1em;
}
-.renewals {
+.renewals-info {
display: block;
font-size: .8em;
padding: .5em;
}
-.dialog input#renewonholdduedate {
- padding: 2px;
-}
-
.date-select {
label {
- display: inline-block;
width: 40%;
}
}
.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;
}
#pat_member {
- #patron_list_dialog,
- #searchresults {
- display: none;
- }
-}
-
-#patron_search {
- #filters {
+ #patron_list_dialog {
display: none;
}
}
#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 {
+ .type_input {
+ text-transform: uppercase;
+ }
}
#stage_list_headings {
}
}
-#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 */
padding: 0;
+ max-width: 260px;
li {
- // Standard attributes for the list elements
+ /* Standard attributes for the list elements */
list-style-type: none;
+ margin-bottom: 15px;
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;
+ padding: 10px;
+ background-color: #e0e0e0;
+ border-radius: 6px;
+ color: #101010;
+ display: block;
+ font-size: 110%;
+ font-weight: bold;
- &:hover {
- // Class used for each module link hover state
- border-color: #538200;
- color: #538200;
- }
+ &:hover {
+ background-color: #418940;
+ color: white;
+ text-decoration: none;
}
}
}
}
.about h2 {
- border-bottom: 1px solid #B9D8D9;
+ border-bottom: 1px solid #bfd9b9;
padding: .5em .2em;
margin: .5em 0;
}
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;
+/* ==== MODULE LINKS - End ==== */
- &:hover,
- &.catalog-search-dropdown-hover {
- background-color: darken( #E6F0F2, 5% );
- border-left: 1px solid darken( #B4D2D8, 15% );
- }
- }
-}
-
-.adlibris-cover {
- max-height: 120px;
+#catalog-search-link a {
+ padding-right: .2em;
}
-.adlibris-cover-big {
- max-height: 200px;
+#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;
}
}
+.ac-library {
+ background-color: #EEE !important;
+ border-radius: 4px;
+ color: #000;
+ display: inline-block;
+ font-size: 80%;
+ padding: 1px 4px !important;
+}
+
+.ac-currentlibrary {
+ .ac-library {
+ background-color: #E6FCB7 !important;
+ font-weight: bold;
+ }
+}
+
+.currentlibrary {
+ display: inline-block;
+ padding: 2px 4px;
+}
+
+.availability {
+ .item_count {
+ font-weight: bold;
+ padding: 2px;
+
+ &::after {
+ content: ")";
+ }
+
+ &::before {
+ content: "(";
+ }
+ }
+
+ .item_counts {
+ font-weight: bold;
+ white-space: nowrap;
+ }
+
+ .results_available_count {
+ font-weight: bold;
+ margin-bottom: .5em;
+ }
+
+ .results_checkedout {
+ color: #900;
+ margin: .3em 0;
+ }
+
+ .results_unavailable {
+ color: #555;
+ font-style: italic;
+ margin: .3em 0;
+ }
+
+ .result_item_details {
+ display:inline-block;
+ white-space:nowrap;
+
+ &::before {
+ content: "\2022";
+ }
+ }
+
+ .item-date-due {
+ display: block;
+ }
+}
+
+#camera, #output {
+ border: 8px solid #EDF4F6;
+ padding: 1em;
+}
+
+#photo {
+ display: block;
+ margin: auto;
+}
+
+#camera-error {
+ display: none;
+ flex-direction: row;
+ flex-wrap: nowrap;
+
+ div {
+ padding: 0 .5em;
+ }
+}
+
+#koha_version {
+ float: right;
+ 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;
}
}
- h1#logo {
- float: none;
- margin: auto;
+ .gradient {
+ align-items: center;
+ flex-direction: column;
}
#marcPreview {
#user-menu {
.open {
.dropdown-menu {
- background-color: #FFF;
- border: 1px solid #ccc;
+ background-color: #352c35;
position: absolute;
}
}
projects / koha-ffzg.git / blobdiff