83 text-decoration: none;
91 &.loginModal-trigger {
101 text-decoration: none;
105 &.reviewlink:visited {
108 text-decoration: none;
112 vertical-align: middle;
157 background: transparent url( "../images/logo-koha.png" ) no-repeat scroll 0%;
159 float: left !important;
168 height: 0 !important;
172 text-decoration: none;
228 background-color: #FFF;
247 background-color: #FFFFE5;
257 background-color: #E2E8E8;
264 background-color: transparent;
282 @include border-radius-all( 3px );
283 background-color: #85ca11;
286 font-family: 'NotoSans';
294 .dropdown-menu-right {
307 padding: 10px 15px 10px;
308 text-decoration: none;
309 text-shadow: 0 1px 0 #FFFFFF;
313 &.dropdown-menu-right {
337 text-decoration: underline;
350 border-left-color: #CCC;
351 border-right-color: #FCF9FC;
378 display: inline-block;
388 border-left-color: #CCC;
389 border-right-color: #FCF9FC;
439 border: 1px solid #DDD;
452 border-bottom: 1px solid #EEE;
456 padding-bottom: .5em;
471 text-decoration: none;
477 background: linear-gradient(135deg, #DA5E2A 0%, #FA9C39 50%, #DA5E2A 100%);
481 text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
490 background-color: #fcf9fc;
502 #selections-toolbar {
503 background: #e2e8e8 none;
512 .selections-toolbar.toolbar {
513 background: #e2e8e8 none;
561 filter: alpha(opacity=65);
578 /* Override Bootstrap alert */
580 background: linear-gradient( to bottom, #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100% );
581 border-color: #D6C43B;
584 /* Redefine a new style for Bootstrap's class "close" since we use that already */
585 /* Use <a class="closebtn" href="#">×</a> */
595 /* Override Bootstrap alert.alert-info */
597 background: linear-gradient( to bottom, #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100% );
598 border-color: #C5D1E5;
602 /* Override Bootstrap alert.alert-success */
604 background: linear-gradient( to bottom, #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100% );
605 border-color: #9FBA35;
609 /* Add style for Bootstrap dropdown-header class */
611 border-top: 1px solid #eee;
616 line-height: 1.42857143;
625 background-image: none;
626 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .25);
633 background-color: #F0F3F3;
635 list-style: none outside none;
642 background-color: transparent;
645 display: inline-block;
650 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
651 vertical-align: middle;
663 font-family: FontAwesome;
664 display: inline-block;
681 background-color: #FFF;
682 border: 1px solid #F0F3F3;
700 background-color: #85ca11;
701 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
702 background-position: 0;
703 font-family: 'NotoSans';
705 background-color: #85ca11;
706 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
707 background-position: 0;
710 background-color: #85ca11;
711 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
712 background-position: 0;
715 background-color: #85ca11;
716 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
717 background-position: 0;
720 background-color: #85ca11;
721 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
722 background-position: 0;
726 input[type="text"]:focus {
727 border-color: #85ca11;
728 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
731 input[type="password"]:focus {
732 border-color: #85ca11;
733 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
743 .table-striped tbody > tr:nth-child(odd) > td,
744 .table-striped tbody > tr:nth-child(odd) > th {
745 background-color: #F0F3F3;
748 #availability_facet {
752 #facet-holdings-library {
757 background-color: #f0f3f3;
758 border: 1px solid #f0f3f3;
761 background-color: #f0f3f3;
766 /* jQuery UI standard tabs */
767 .ui-tabs-nav .ui-tabs-active a,
768 .ui-tabs-nav a:hover,
769 .ui-tabs-nav a:focus,
770 .ui-tabs-nav a:active,
771 .ui-tabs-nav span.a {
772 background: none repeat scroll 0 0 transparent;
781 font-family: 'NotoSans';
796 background: #F0F3F3 none;
797 border-color: #D8D8D8;
801 background-color: #FFF;
802 border: 1px solid #D8D8D8;
811 background: #FFF none;
813 background: #FFF none;
818 &.ui-state-default.ui-state-hover {
819 background: #F3F3F3 none;
825 border: 1px solid #D8D8D8;
829 &.ui-widget-content {
830 background: transparent none;
870 background: none repeat scroll 0 0 transparent;
872 border-bottom-left-radius: 4px;
873 border-bottom-right-radius: 4px;
874 border-top-left-radius: 4px;
875 border-top-right-radius: 4px;
880 list-style: none outside none;
883 padding: .2em .2em 0;
884 text-decoration: none;
899 background: none repeat scroll 0 0 #E6F0F2;
900 border: 1px solid #B9D8D9;
901 border-bottom: 0 none !important;
902 border-top-left-radius: 4px;
903 border-top-right-radius: 4px;
907 list-style: none outside none;
916 background-color: #FFFFFF;
922 background: none repeat scroll 0 0 transparent;
935 text-decoration: none;
938 background-color: #EDF4F5;
939 border-top-left-radius: 4px;
940 border-top-right-radius: 4px;
947 background: none repeat scroll 0 0 transparent;
948 border: 1px solid #B9D8D9;
949 border-bottom-left-radius: 4px;
950 border-bottom-right-radius: 4px;
957 /* End jQueryUI tab styles */
959 /* jQuery UI Datepicker */
965 border-collapse: collapse;
972 background: transparent none;
980 .ui-datepicker-trigger {
982 vertical-align: middle;
985 /* End jQueryUI datepicker styles */
991 background: #FFFFFF none;
992 border: 1px solid #AAA;
1001 color: $links-hover;
1006 background: #E6F0F2 none;
1007 border: 1px solid #AAA;
1013 .ui-widget-content .ui-state-default,
1014 .ui-widget-header .ui-state-default {
1015 background: #F4F8F9 none;
1016 border: 1px solid #AAA;
1018 font-weight: normal;
1022 .ui-widget-content .ui-state-hover,
1023 .ui-widget-header .ui-state-hover,
1025 .ui-widget-content .ui-state-focus,
1026 .ui-widget-header .ui-state-focus {
1027 background: #E6F0F2 none;
1028 border: 1px solid #AAA;
1030 font-weight: normal;
1034 .ui-widget-content .ui-state-active,
1035 .ui-widget-header .ui-state-active {
1036 background: #FFFFFF none;
1037 border: 1px solid #AAAAAA;
1039 font-weight: normal;
1042 .ui-state-highlight,
1043 .ui-widget-content .ui-state-highlight,
1044 .ui-widget-header .ui-state-highlight {
1045 background: #FBF9EE;
1046 border: 1px solid #FCEFA1;
1051 .ui-widget-content .ui-state-error,
1052 .ui-widget-header .ui-state-error {
1053 background: #FEF1EC;
1054 border: 1px solid #CD0A0A;
1058 /* end jQueryUI core */
1065 @include border-radius-all( 3px );
1066 background-color: #FFF;
1067 border: 1px solid #AAA;
1082 margin-bottom: 10px;
1087 margin: 0 1em 1em 0;
1091 .custom_cover_image {
1103 background-color: transparent;
1106 font-weight: normal;
1112 background-color: #999999;
1115 display: inline-block;
1118 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
1122 background-color: #B94A48;
1126 background-color: #F89406;
1130 background-color: #468847;
1134 background-color: #3A87AD;
1138 background-color: #333333;
1178 list-style-type: none;
1179 padding: 1em 1em 0 1em;
1199 list-style-type: none;
1200 padding-bottom: 1em;
1204 padding-left: 8.5em;
1226 padding: 1em 0 .3em;
1262 list-style-type: none;
1264 padding: .5em 1em 0 0;
1274 border-bottom: 1px solid #EEE;
1277 list-style-type: none;
1278 padding-bottom: .2em;
1297 /* different sizes for different tags in opac-tags.tt */
1340 background-color: #EEEEEE;
1341 border: 1px solid #E8E8E8;
1343 padding: 3px 3px 5px 5px;
1344 vertical-align: middle;
1347 white-space: nowrap;
1360 line-height: inherit;
1363 white-space: nowrap;
1376 border-left: 1px solid #E8E8E8;
1397 padding: 7px 5px 9px 9px;
1401 #selections-toolbar,
1402 .selections-toolbar {
1403 background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1436 font-weight: normal;
1441 margin-bottom: .5em;
1442 padding: 0 2em .2em .2em;
1446 background-color: #F0F3F3;
1447 border: 1px solid #C9C9C9;
1450 display: inline-block;
1456 font-weight: normal;
1457 display: inline-block;
1463 text-decoration: none;
1464 vertical-align: middle;
1468 #bibliodescriptions,
1475 background-color: #FFF;
1482 display: inline-block;
1483 margin: 10px 0 0 10px;
1495 .results-pagination {
1496 background-color: #F3F3F3;
1498 padding-bottom: 10px;
1509 background: none !important;
1510 color: #999 !important;
1521 border-top: 1px solid #DDDDDD;
1528 background-color: #DDDDDD;
1540 padding-right: 10px;
1546 .pagination_footer {
1547 background-color: #E1E1E1;
1556 background-color: #E1E1E1;
1565 border: 1px solid #D0D0D0;
1574 display: inline-block;
1576 text-decoration: none;
1580 background-color: #F3F3F3;
1581 border-top: 1px solid #D0D0D0;
1583 white-space: nowrap;
1587 display: inline-block;
1594 border-left: 1px solid #D0D0D0;
1595 border-right: 1px solid #D0D0D0;
1601 background-color: #F3F3F3;
1604 font-weight: normal;
1607 text-decoration: none;
1619 display: inline-block;
1621 font-weight: normal;
1626 background-color: #999999;
1629 font-weight: normal;
1631 text-decoration: none;
1634 background-color: #006699;
1640 background-color: #616161;
1651 list-style-type: none;
1670 border-top: 1px solid #DDD;
1674 display: inline-block;
1686 text-decoration: underline;
1692 /* action buttons */
1694 background-color: #F0F3F3;
1695 border: 1px solid #E8E8E8;
1707 text-decoration: none;
1713 #moresearches_menu {
1719 font-weight: normal;
1728 .highlight_controls {
1763 .tag_results_input {
1768 input[type="text"] {
1780 input[type="text"] {
1791 .branch-info-tooltip {
1795 .ui-tooltip-content p {
1803 border: 1px solid transparent;
1805 display: inline-block;
1813 border: 1px solid #EEE;
1850 background-color: transparent;
1861 padding-bottom: .6em;
1869 padding-bottom: .6em;
1893 border: 1px solid #EEE;
1900 font-family: monospace;
1906 background-color: #FFF;
1910 vertical-align: top;
1911 white-space: nowrap;
1917 vertical-align: top;
1948 .authstanzaheading {
1952 .authorizedheading {
1958 .authres_otherscript {
1967 @include border-radius-all( 3px );
1968 background-color: #EEE;
1969 border: 1px solid #E8E8E8;
1970 box-sizing: border-box;
1976 background-color: #FFFBEA;
1977 border-color: #F4ECBE;
1986 display: inline-block;
1991 padding-left: .25em;
1997 font-weight: normal;
1998 text-decoration: underline;
2016 background: #85ca11 none;
2019 background: #85ca11 none;
2028 background-color: #FFF;
2029 border: 1px solid rgba( 0, 0, 0, .2 );
2031 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
2043 white-space: nowrap;
2048 border: 1px solid #D2D2CF;
2065 background-color: #F0F3F3;
2066 border-bottom: 1px solid #D8D8D8;
2070 text-decoration: none;
2081 list-style-type: none;
2085 font-weight: normal;
2100 font-weight: normal;
2104 display: inline-block;
2113 list-style-type: none;
2116 background-color: #F0F3F3;
2117 border: 1px solid #D8D8D8;
2118 border-bottom-color: #999;
2124 text-decoration: none;
2127 background: #EAEEF5;
2133 background-color: #FFF;
2134 background-image: none;
2135 border-right-width: 0;
2139 background-color: #FFF;
2154 /* Search results add to cart (lists disabled) */
2159 padding: 0 0 .6em 0;
2167 @include border-radius-all( 3px );
2169 background-color: rgba( 255, 255, 204, .4 );
2170 border: 1px solid #CCC;
2171 display: inline-block;
2176 background-color: rgba( 239, 254, 213, .4 );
2186 .commentline .avatar {
2191 /* style for search terms in catalogsearch */
2194 background-color: #FFFFCC;
2198 /* style for shelving location in catalogsearch */
2207 font-weight: normal;
2213 padding: 0 .2em 0 .5em;
2214 text-shadow: 1px 1px 0 #FFF;
2218 border-bottom-left-radius: 3px;
2219 border-top-left-radius: 3px;
2224 border-bottom-right-radius: 3px;
2225 border-top-right-radius: 3px;
2226 border-width: 1px 1px 1px 0;
2229 %page-middle-child {
2230 background-color: #FFFFFF;
2231 border-color: #DDDDDD;
2233 border-style: solid;
2234 border-width: 1px 1px 1px 0;
2239 text-decoration: none;
2247 @extend %page-first-child;
2251 @extend %page-last-child;
2256 @extend %page-middle-child;
2259 @extend %page-first-child;
2263 @extend %page-last-child;
2268 @extend %page-middle-child;
2269 background-color: #F5F5F5;
2273 @extend %page-middle-child;
2277 border-bottom-right-radius: 3px;
2278 border-top-right-radius: 3px;
2283 @include border-radius-all( 3px );
2284 background-color: #FFF0B1;
2285 display: inline-block;
2292 white-space: nowrap;
2300 font-weight: normal;
2315 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2316 /* Use <a class="closebtn" href="#">×</a> */
2318 .modal-header .closebtn {
2329 text-shadow: 0 1px 0 #FFFFFF;
2335 text-decoration: none;
2344 color: $links-hover;
2345 text-decoration: none;
2350 background: transparent;
2379 filter: alpha(opacity=65);
2386 filter: alpha(opacity=65);
2399 margin-left: -200px;
2403 box-sizing: border-box;
2413 transition: background-color .5s ease;
2416 background: #77b50f none;
2438 .nologininstructions,
2440 .patronregistration {
2458 margin-bottom: .5em;
2469 .ItemSummary .LabelCallNumber::before {
2473 .ItemSummary .CallNumber::after {
2495 background-color: #F0F3F3;
2496 border: 1px solid #F0F3F3;
2503 .librarypulldown .transl1 {
2507 .nolibrarypulldown {
2523 background: transparent url( "../images/koha-green-logo.png" ) no-repeat scroll 0%;
2525 float: left !important;
2534 height: 0 !important;
2538 text-decoration: none;
2541 background-color: transparent;
2546 #user-menu-trigger {
2555 border-bottom-color: #999999;
2556 border-top-color: #999999;
2561 #header-region .icon-white {
2562 background-image: url(/opac-tmpl/bootstrap/lib/bootstrap/img/glyphicons-halflings.png);
2565 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2567 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2577 #ulactioncontainer {
2591 .thumbnail-shelfbrowser span {
2597 background: url( "../images/asc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2598 padding-right: 19px;
2602 background: url( "../images/desc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2603 padding-right: 19px;
2607 background: url( "../images/ascdesc.gif" ) no-repeat scroll 100% 75% #E2E8E8;
2608 padding-right: 19px;
2612 .nosort.sorting_asc,
2613 .nosort.sorting_desc,
2615 background: #E2E8E8 none;
2616 padding-right: 19px;
2627 thead:first-child tr:first-child > th {
2635 tbody:last-child tr:last-child > td {
2665 vertical-align: middle;
2669 border-bottom: 1px solid #EEE;
2670 list-style-type: none;
2676 list-style-type: none;
2684 #recordedbooks-results,
2685 #openlibrary-results {
2691 vertical-align: middle;
2694 #overdrive-results-list .star-rating-control {
2719 vertical-align: middle;
2728 text-decoration: none;
2730 &.shelfbrowser_cover {
2733 display: inline-block;
2739 transform: rotate(-90deg);
2740 white-space: nowrap;
2750 transform: rotate(90deg);
2751 white-space: nowrap;
2766 border-bottom: 1px solid #CCC;
2768 margin-bottom: .5em;
2769 padding: 0 1em 1em 1em;
2790 .toggle-hold-options {
2791 background-color: #EEE;
2803 #idreambooksreadometer {
2807 .idreambookslegend {
2811 .idreambookssummary {
2814 text-decoration: none;
2818 vertical-align: middle;
2830 vertical-align: middle;
2835 text-decoration: none;
2854 .t:first-child::before {
2892 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2898 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
2913 .illrequest-actions {
2914 margin-bottom: 20px;
2923 #illrequests-create-button {
2924 margin-bottom: 20px;
2934 transform: translateY( -50% );
2939 #freeform-fields .custom-name {
2946 .dropdown:hover .dropdown-menu.nojs {
2952 .ill_availability_sourcename {
2956 #continue-request-row {
2961 border: 1px solid #DDDDDD;
2962 border-radius: 10px;
2975 color: white !important;
2980 background-color: $base;
2983 display: inline-block;
2988 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
2991 background-color: lighten( $base, 20% );
2995 .user_overdues_count,
2997 background-color: #990000;
3000 background-color: lighten( #990000, 10% );
3004 .user_holds_waiting_count {
3005 background-color: #538200;
3008 background-color: lighten( #538200, 10% );
3013 border: 1px solid #EAEAE6;
3015 padding-bottom: .5em;
3018 background-color: #E2E8E8;
3026 list-style-type: none;
3041 .adlibris-cover-big {
3045 /* jQuery Bar Rating plugin for star ratings */
3047 $star-default: #D2D2D2;
3048 $star-active: #C24A4A;
3049 $star-selected: #EDB867;
3052 display: inline-block;
3055 .br-theme-fontawesome-stars {
3059 white-space: nowrap;
3062 -webkit-font-smoothing: antialiased;
3063 font: normal normal normal 20px/1 FontAwesome;
3065 text-decoration: none;
3066 text-rendering: auto;
3069 color: $star-default;
3075 color: $star-active;
3081 color: $star-selected;
3087 .br-current-rating {
3100 #cancel_rating_text {
3107 .br-theme-fontawesome-stars {
3117 &.br-selected::after {
3128 /* END jQuery Bar Rating plugin for star ratings */
3139 /*opac browse search*/
3144 display: inline-block;
3153 #browse-resultswrapper {
3156 @media (min-width: 768px) and (max-width: 984px) {
3160 @media (max-width: 767px) {
3164 #browse-searchresults, #browse-selectionsearch {
3165 border: 1px solid #E3E3E3;
3172 #browse-searchresults {
3182 background-color:#EEE;
3190 @media (max-width: 767px) {
3198 @media (max-width: 767px) {
3202 #browse-selectionsearch ol {
3210 background-color: #F4F4F4;
3214 #browse-selectionsearch p.subjects {
3218 #browse-selectionsearch h4 {
3221 .error, .no-results {
3222 background-color: #EEE;
3223 border: 1px solid #E8E8E8;
3238 /*end browse search*/
3240 /* Skip to content link. CSS adapted from https://webaim.org/ */
3242 background: #c60000;
3243 border: 1px solid white;
3244 border-radius: 0 0 4px 0;
3245 border-width: 0 1px 1px 0;
3250 text-decoration: none;
3251 text-shadow: 0 -1px 0 rgba(58, 0, 0, 0.75);
3253 transition: top .5s ease-out;
3258 outline-color: transparent;
3261 transition: top .1s ease-in;
3265 @import "responsive";