90 &.loginModal-trigger {
114 text-decoration: none;
118 &.reviewlink:visited {
121 text-decoration: none;
125 vertical-align: middle;
129 @extend %initial_icon;
130 background-position: -5px -262px; /* Cart */
135 @extend %initial_icon;
136 background-position: -5px -222px; /* Virtual shelf */
141 @extend %initial_icon;
142 background-position: -2px -868px; /* Zoom out */
149 @extend %initial_icon;
150 background-position: -2px -898px; /* Zoom in */
155 @extend %initial_icon;
156 background-position: -5px -348px; /* Download */
161 @extend %initial_icon;
162 background-position: 2px -348px; /* List edit */
167 @extend %initial_icon;
168 background-position: 2px -598px; /* Trash */
173 @extend %initial_icon;
174 background-position: -3px -814px; /* Close */
179 @extend %initial_icon;
180 background-position: -5px -836px; /* Highlight */
186 @extend %initial_icon;
187 background-position: -2px -453px; /* Toolbar place hold */
191 @extend %initial_icon;
192 background-position: -5px -621px; /* Place hold disabled */
197 @extend %initial_icon;
198 background-position: -5px -265px; /* Cart */
204 @extend %initial_icon;
205 background-position: -4px -922px;
210 @extend %initial_icon;
211 background-position: 0 -423px; /* Toolbar print */
216 @extend %initial_icon;
217 background-position: 0 -187px; /* Toolbar print */
222 @extend %initial_icon;
223 background-position: 2px -690px; /* Delete */
227 @extend %initial_icon;
228 background-position: 2px -712px; /* Delete disabled */
233 @extend %initial_icon;
234 background-position: -6px -141px; /* Place hold */
239 @extend %initial_icon;
240 background-position: 0 -24px; /* Place article request */
245 @extend %initial_icon;
246 background-position: 2px -386px; /* Email */
251 @extend %initial_icon;
252 background-position: 2px -1148px; /* List share */
257 @extend %initial_icon;
258 background-position: 3px -1111px; /* Tag results */
263 @extend %initial_icon;
267 @extend %initial_icon;
268 background-position: 0 -1164px; /* QR Code */
279 background: transparent url( "../images/logo-koha.png" ) no-repeat scroll 0%;
281 float: left !important;
290 height: 0 !important;
294 text-decoration: none;
350 background-color: #FFF;
369 background-color: #FFFFE5;
383 background-color: #E2E8E8;
390 background-color: transparent;
408 @include border-radius-all( 3px );
409 background-color: #85ca11;
412 font-family: 'NotoSans';
420 .dropdown-menu-right {
433 padding: 10px 15px 10px;
434 text-decoration: none;
435 text-shadow: 0 1px 0 #FFFFFF;
439 &.dropdown-menu-right {
463 text-decoration: underline;
476 border-left-color: #CCC;
477 border-right-color: #FCF9FC;
504 display: inline-block;
514 border-left-color: #CCC;
515 border-right-color: #FCF9FC;
565 border: 1px solid #DDD;
578 border-bottom: 1px solid #EEE;
582 padding-bottom: .5em;
597 text-decoration: none;
603 background: linear-gradient(135deg, #DA5E2A 0%, #FA9C39 50%, #DA5E2A 100%);
607 text-shadow: 1px 0 1px rgba(0, 0, 0, .25);
616 background-color: #fcf9fc;
628 #selections-toolbar {
629 background: #e2e8e8 none;
638 .selections-toolbar.toolbar {
639 background: #e2e8e8 none;
644 background-repeat: no-repeat;
646 text-decoration: none;
650 background-image: url( "../images/sprite.png" ); /* Place hold small */
651 background-position: -5px -539px;
656 background-image: url( "../images/sprite.png" ); /* Place hold small */
657 background-position: -2px -26px;
662 background-image: url( "../images/sprite.png" ); /* Cart small */
663 background-position: -5px -570px;
668 background-image: url( "../images/sprite.png" ); /* MARC view */
669 background-position: -5px -24px;
674 background-position: -5px -27px;
679 background-position: -5px -1110px;
683 /* List contents remove from list link */
685 background-position: -8px -690px; /* Delete */
691 /* Override Bootstrap alert */
693 background: linear-gradient( to bottom, #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100% );
694 border-color: #D6C43B;
697 /* Redefine a new style for Bootstrap's class "close" since we use that already */
698 /* Use <a class="closebtn" href="#">×</a> */
708 /* Override Bootstrap alert.alert-info */
710 background: linear-gradient( to bottom, #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100% );
711 border-color: #C5D1E5;
715 /* Override Bootstrap alert.alert-success */
717 background: linear-gradient( to bottom, #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100% );
718 border-color: #9FBA35;
723 background-color: #F0F3F3;
725 list-style: none outside none;
732 @extend %initial_icon;
733 background-color: transparent;
734 background-position: 0 -184px; /* Toolbar print */
753 background-color: #FFF;
754 border: 1px solid #F0F3F3;
772 background-color: #85ca11;
773 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
774 background-position: 0;
775 font-family: 'NotoSans';
777 background-color: #85ca11;
778 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
779 background-position: 0;
782 background-color: #85ca11;
783 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
784 background-position: 0;
787 background-color: #85ca11;
788 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
789 background-position: 0;
792 background-color: #85ca11;
793 background-image: linear-gradient(to bottom, #85ca11, #77b50f);
794 background-position: 0;
798 input[type="text"]:focus {
799 border-color: #85ca11;
800 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
803 input[type="password"]:focus {
804 border-color: #85ca11;
805 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
815 .table-striped tbody > tr:nth-child(odd) > td,
816 .table-striped tbody > tr:nth-child(odd) > th {
817 background-color: #F0F3F3;
820 #availability_facet {
824 #facet-holdings-library {
829 background-color: #f0f3f3;
830 border: 1px solid #f0f3f3;
833 background-color: #f0f3f3;
838 /* jQuery UI standard tabs */
839 .ui-tabs-nav .ui-tabs-active a,
840 .ui-tabs-nav a:hover,
841 .ui-tabs-nav a:focus,
842 .ui-tabs-nav a:active,
843 .ui-tabs-nav span.a {
844 background: none repeat scroll 0 0 transparent;
853 font-family: 'NotoSans';
868 background: #F0F3F3 none;
869 border-color: #D8D8D8;
873 background-color: #FFF;
874 border: 1px solid #D8D8D8;
883 background: #FFF none;
885 background: #FFF none;
890 &.ui-state-default.ui-state-hover {
891 background: #F3F3F3 none;
897 border: 1px solid #D8D8D8;
901 &.ui-widget-content {
902 background: transparent none;
946 background: none repeat scroll 0 0 transparent;
948 border-bottom-left-radius: 4px;
949 border-bottom-right-radius: 4px;
950 border-top-left-radius: 4px;
951 border-top-right-radius: 4px;
956 list-style: none outside none;
959 padding: .2em .2em 0;
960 text-decoration: none;
975 background: none repeat scroll 0 0 #E6F0F2;
976 border: 1px solid #B9D8D9;
977 border-bottom: 0 none !important;
978 border-top-left-radius: 4px;
979 border-top-right-radius: 4px;
983 list-style: none outside none;
992 background-color: #FFFFFF;
998 background: none repeat scroll 0 0 transparent;
1011 text-decoration: none;
1014 background-color: #EDF4F5;
1015 border-top-left-radius: 4px;
1016 border-top-right-radius: 4px;
1023 background: none repeat scroll 0 0 transparent;
1024 border: 1px solid #B9D8D9;
1025 border-bottom-left-radius: 4px;
1026 border-bottom-right-radius: 4px;
1033 /* End jQueryUI tab styles */
1035 /* jQuery UI Datepicker */
1041 border-collapse: collapse;
1048 background: transparent none;
1056 .ui-datepicker-trigger {
1058 vertical-align: middle;
1061 /* End jQueryUI datepicker styles */
1066 .ui-widget-content {
1067 background: #FFFFFF none;
1068 border: 1px solid #AAA;
1078 background: #E6F0F2 none;
1079 border: 1px solid #AAA;
1085 .ui-widget-content .ui-state-default,
1086 .ui-widget-header .ui-state-default {
1087 background: #F4F8F9 none;
1088 border: 1px solid #AAA;
1090 font-weight: normal;
1094 .ui-widget-content .ui-state-hover,
1095 .ui-widget-header .ui-state-hover,
1097 .ui-widget-content .ui-state-focus,
1098 .ui-widget-header .ui-state-focus {
1099 background: #E6F0F2 none;
1100 border: 1px solid #AAA;
1102 font-weight: normal;
1106 .ui-widget-content .ui-state-active,
1107 .ui-widget-header .ui-state-active {
1108 background: #FFFFFF none;
1109 border: 1px solid #AAAAAA;
1111 font-weight: normal;
1114 .ui-state-highlight,
1115 .ui-widget-content .ui-state-highlight,
1116 .ui-widget-header .ui-state-highlight {
1117 background: #FBF9EE;
1118 border: 1px solid #FCEFA1;
1123 .ui-widget-content .ui-state-error,
1124 .ui-widget-header .ui-state-error {
1125 background: #FEF1EC;
1126 border: 1px solid #CD0A0A;
1130 /* end jQueryUI core */
1137 @include border-radius-all( 3px );
1138 background-color: #FFF;
1139 border: 1px solid #AAA;
1154 margin-bottom: 10px;
1159 margin: 0 1em 1em 0;
1163 .custom_cover_image {
1175 background-color: transparent;
1178 font-weight: normal;
1184 background-color: #999999;
1187 display: inline-block;
1190 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
1194 background-color: #B94A48;
1198 background-color: #F89406;
1202 background-color: #468847;
1206 background-color: #3A87AD;
1210 background-color: #333333;
1250 list-style-type: none;
1251 padding: 1em 1em 0 1em;
1271 list-style-type: none;
1272 padding-bottom: 1em;
1276 padding-left: 8.5em;
1298 padding: 1em 0 .3em;
1334 list-style-type: none;
1336 padding: .5em 1em 0 0;
1346 border-bottom: 1px solid #EEE;
1349 list-style-type: none;
1350 padding-bottom: .2em;
1369 /* different sizes for different tags in opac-tags.tt */
1412 background-color: #EEEEEE;
1413 border: 1px solid #E8E8E8;
1415 padding: 3px 3px 5px 5px;
1416 vertical-align: middle;
1419 white-space: nowrap;
1432 line-height: inherit;
1435 white-space: nowrap;
1455 border-left: 1px solid #E8E8E8;
1472 padding: 7px 5px 9px 9px;
1476 #selections-toolbar,
1477 .selections-toolbar {
1478 background: linear-gradient( #B2B2B2 0%, #E0E0E0 14%, #E8E8E8 100% );
1488 %tag_button_default {
1489 background-color: transparent;
1490 background-image: url( "../images/sprite.png" );
1491 background-position: 1px -643px;
1492 background-repeat: no-repeat;
1498 text-decoration: none;
1503 text-decoration: underline;
1506 %tag_button_disabled {
1509 text-decoration: none;
1513 @extend %tag_button_default;
1516 background-position: -1px -667px;
1520 #selections-toolbar {
1523 @extend %tag_button_hover;
1527 @extend %tag_button_disabled;
1530 @extend %tag_button_disabled;
1536 @extend %tag_button_disabled;
1539 @extend %tag_button_disabled;
1544 #tagsel_span input {
1546 @extend %tag_button_default;
1550 @extend %tag_button_hover;
1554 @extend %tag_button_disabled;
1557 @extend %tag_button_disabled;
1562 @extend %tag_button_disabled;
1565 @extend %tag_button_disabled;
1570 .selections-toolbar a.disabled {
1571 @extend %tag_button_disabled;
1574 @extend %tag_button_disabled;
1601 font-weight: normal;
1606 margin-bottom: .5em;
1607 padding: 0 2em .2em .2em;
1611 background-color: #F0F3F3;
1612 border: 1px solid #C9C9C9;
1615 display: inline-block;
1617 white-space: nowrap;
1621 background-image: url( "../images/sprite.png" );
1622 background-repeat: no-repeat;
1624 font-weight: normal;
1626 text-decoration: none;
1630 #bibliodescriptions,
1637 background-color: #FFF;
1642 background-position: -9px -28px;
1646 background-position: -10px -56px;
1650 background-position: -8px 1px;
1655 background: transparent none;
1662 display: inline-block;
1663 margin: 10px 0 0 10px;
1675 .results-pagination {
1676 background-color: #F3F3F3;
1678 padding-bottom: 10px;
1689 background: none !important;
1690 color: #999 !important;
1701 border-top: 1px solid #DDDDDD;
1708 background-color: #DDDDDD;
1720 padding-right: 10px;
1726 .pagination_footer {
1727 background-color: #E1E1E1;
1736 background-color: #E1E1E1;
1745 border: 1px solid #D0D0D0;
1754 display: inline-block;
1756 text-decoration: none;
1760 background-color: #F3F3F3;
1761 border-top: 1px solid #D0D0D0;
1763 white-space: nowrap;
1767 display: inline-block;
1774 border-left: 1px solid #D0D0D0;
1775 border-right: 1px solid #D0D0D0;
1781 background-color: #F3F3F3;
1784 font-weight: normal;
1787 text-decoration: none;
1799 display: inline-block;
1801 font-weight: normal;
1806 background-color: #999999;
1809 font-weight: normal;
1811 text-decoration: none;
1814 background-color: #006699;
1820 background-color: #616161;
1828 border-top: 1px solid #DDD;
1832 display: inline-block;
1844 text-decoration: underline;
1850 /* action buttons */
1852 background-color: #F0F3F3;
1853 border: 1px solid #E8E8E8;
1855 padding-bottom: 3px;
1865 text-decoration: none;
1870 #moresearches_menu {
1876 font-weight: normal;
1890 .highlight_controls {
1895 background-image: url( "../images/sprite.png" );
1896 background-repeat: no-repeat;
1897 text-decoration: none;
1902 @extend %initial_icon;
1903 background-color: transparent;
1904 background-position: -2px -453px; /* Toolbar place hold */
1909 text-decoration: none;
1912 @extend %initial_icon;
1913 background-position: -5px -621px; /* Place hold disabled */
1918 @extend %initial_icon;
1919 background-color: transparent;
1920 background-position: 2px -734px; /* List edit */
1927 text-decoration: none;
1936 @extend %initial_icon;
1937 background-position: 2px -761px; /* List new */
1946 @extend %initial_icon;
1947 background-position: -4px -791px; /* List new disabled */
1952 @extend %initial_icon;
1953 background-color: transparent;
1954 background-position: 2px -687px; /* Delete */
1961 text-decoration: none;
1972 background-position: 0 -712px; /* Delete */
1985 background-image: url( "../images/sprite.png" ); /* Tag results disabled */
1986 background-position: -6px -1130px;
1987 background-repeat: no-repeat;
1989 text-decoration: none;
1992 .tag_results_input {
1997 input[type="text"] {
2009 input[type="text"] {
2020 .branch-info-tooltip {
2024 .ui-tooltip-content p {
2032 border: 1px solid transparent;
2034 display: inline-block;
2042 border: 1px solid #EEE;
2079 background-color: transparent;
2090 padding-bottom: .6em;
2098 padding-bottom: .6em;
2122 border: 1px solid #EEE;
2129 font-family: monospace;
2135 background-color: #FFF;
2139 vertical-align: top;
2140 white-space: nowrap;
2146 vertical-align: top;
2155 background-repeat: no-repeat;
2158 text-decoration: none;
2162 #renewselected_link {
2163 background-image: url( "../images/sprite.png" );
2164 background-position: -5px -986px;
2165 background-repeat: no-repeat;
2169 background-image: url( "../images/sprite.png" );
2170 background-position: -8px -967px;
2171 background-repeat: no-repeat;
2190 .authstanzaheading {
2194 .authorizedheading {
2200 .authres_otherscript {
2209 @include border-radius-all( 3px );
2210 background-color: #EEE;
2211 border: 1px solid #E8E8E8;
2212 box-sizing: border-box;
2218 background-color: #FFFBEA;
2219 border-color: #F4ECBE;
2228 display: inline-block;
2233 padding-left: .25em;
2239 font-weight: normal;
2240 text-decoration: underline;
2258 background: #85ca11 none;
2261 background: #85ca11 none;
2270 background-color: #FFF;
2271 border: 1px solid rgba( 0, 0, 0, .2 );
2273 box-shadow: 0 5px 10px rgba( 0, 0, 0, .2 );
2285 white-space: nowrap;
2290 border: 1px solid #D2D2CF;
2307 background-color: #F0F3F3;
2308 border-bottom: 1px solid #D8D8D8;
2312 text-decoration: none;
2319 list-style-type: none;
2323 font-weight: normal;
2338 font-weight: normal;
2339 text-decoration: underline;
2343 display: inline-block;
2352 list-style-type: none;
2355 background-color: #F0F3F3;
2356 border: 1px solid #D8D8D8;
2357 border-bottom-color: #999;
2363 text-decoration: none;
2366 background: #EAEEF5;
2372 background-color: #FFF;
2373 background-image: none;
2374 border-right-width: 0;
2378 background-color: #FFF;
2393 /* Search results add to cart (lists disabled) */
2396 background-image: url( "../images/sprite.png" ); /* Cart */
2397 background-position: -5px -266px;
2398 background-repeat: no-repeat;
2400 text-decoration: none;
2407 padding: 0 0 .6em 0;
2415 &.highlight_toggle {
2416 background-image: url( "../images/sprite.png" ); /* Highlight */
2417 background-position: -11px -837px;
2418 background-repeat: no-repeat;
2420 font-weight: normal;
2421 padding: 0 10px 0 21px;
2426 @include border-radius-all( 3px );
2428 background-color: rgba( 255, 255, 204, .4 );
2429 border: 1px solid #CCC;
2430 display: inline-block;
2435 background-color: rgba( 239, 254, 213, .4 );
2445 .commentline .avatar {
2450 /* style for search terms in catalogsearch */
2453 background-color: #FFFFCC;
2457 /* style for shelving location in catalogsearch */
2466 font-weight: normal;
2468 text-decoration: underline;
2473 padding: 0 .2em 0 .5em;
2474 text-shadow: 1px 1px 0 #FFF;
2478 border-bottom-left-radius: 3px;
2479 border-top-left-radius: 3px;
2484 border-bottom-right-radius: 3px;
2485 border-top-right-radius: 3px;
2486 border-width: 1px 1px 1px 0;
2489 %page-middle-child {
2490 background-color: #FFFFFF;
2491 border-color: #DDDDDD;
2493 border-style: solid;
2494 border-width: 1px 1px 1px 0;
2499 text-decoration: none;
2507 @extend %page-first-child;
2511 @extend %page-last-child;
2516 @extend %page-middle-child;
2519 @extend %page-first-child;
2523 @extend %page-last-child;
2528 @extend %page-middle-child;
2529 background-color: #F5F5F5;
2533 @extend %page-middle-child;
2537 border-bottom-right-radius: 3px;
2538 border-top-right-radius: 3px;
2543 @include border-radius-all( 3px );
2544 background-color: #FFF0B1;
2545 display: inline-block;
2552 white-space: nowrap;
2560 font-weight: normal;
2575 /* Redefine a new style for Bootstrap's class "close" since we use that already */
2576 /* Use <a class="closebtn" href="#">×</a> */
2578 .modal-header .closebtn {
2589 text-shadow: 0 1px 0 #FFFFFF;
2595 text-decoration: none;
2600 background: transparent;
2613 margin-left: -200px;
2617 box-sizing: border-box;
2627 transition: background-color .5s ease;
2630 background: #77b50f none;
2652 .nologininstructions,
2654 .patronregistration {
2672 margin-bottom: .5em;
2701 background-color: #F0F3F3;
2702 border: 1px solid #F0F3F3;
2709 .librarypulldown .transl1 {
2713 .nolibrarypulldown {
2729 background: transparent url( "../images/koha-green-logo.png" ) no-repeat scroll 0%;
2731 float: left !important;
2740 height: 0 !important;
2744 text-decoration: none;
2747 background-color: transparent;
2752 #user-menu-trigger {
2761 border-bottom-color: #999999;
2762 border-top-color: #999999;
2767 #header-region .icon-white {
2768 background-image: url(/opac-tmpl/bootstrap/lib/bootstrap/img/glyphicons-halflings.png);
2771 /* Class to be added to toolbar when it starts being fixed at the top of the screen*/
2773 box-shadow: 0 3px 2px 0 rgba( 0, 0, 0, .4 );
2782 #ulactioncontainer {
2796 .thumbnail-shelfbrowser span {
2802 background: url( "../images/asc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2803 padding-right: 19px;
2807 background: url( "../images/desc.gif" ) no-repeat scroll 100% 80% #E2E8E8;
2808 padding-right: 19px;
2812 background: url( "../images/ascdesc.gif" ) no-repeat scroll 100% 75% #E2E8E8;
2813 padding-right: 19px;
2817 .nosort.sorting_asc,
2818 .nosort.sorting_desc,
2820 background: #E2E8E8 none;
2821 padding-right: 19px;
2832 thead:first-child tr:first-child > th {
2840 tbody:last-child tr:last-child > td {
2871 vertical-align: middle;
2875 border-bottom: 1px solid #EEE;
2876 list-style-type: none;
2882 list-style-type: none;
2890 #recordedbooks-results,
2891 #openlibrary-results {
2897 vertical-align: middle;
2900 #overdrive-results-list .star-rating-control {
2928 text-decoration: none;
2933 background-image: url( "../images/sprite.png" );
2934 background-repeat: no-repeat;
2940 height: 0 !important;
2944 text-decoration: none;
2950 background-position: -9px -1007px;
2954 background-position: -9px -1057px;
2964 border-bottom: 1px solid #CCC;
2966 margin-bottom: .5em;
2967 padding: 0 1em 1em 1em;
2988 .toggle-hold-options {
2989 background-color: #EEE;
3001 #idreambooksreadometer {
3005 .idreambookslegend {
3009 .idreambookssummary {
3012 text-decoration: none;
3016 vertical-align: middle;
3028 vertical-align: middle;
3033 text-decoration: none;
3052 .t:first-child::before {
3090 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
3096 box-shadow: 0 1px 1px #C00 inset, 0 0 8px #C00;
3111 .illrequest-actions {
3112 margin-bottom: 20px;
3121 #illrequests-create-button {
3122 margin-bottom: 20px;
3132 transform: translateY( -50% );
3137 #freeform-fields .custom-name {
3144 .dropdown:hover .dropdown-menu.nojs {
3150 border: 1px solid #DDDDDD;
3151 border-radius: 10px;
3164 color: white !important;
3169 background-color: $base;
3172 display: inline-block;
3177 text-shadow: 0 -1px 0 rgba( 0, 0, 0, .25 );
3180 background-color: lighten( $base, 20% );
3184 .user_overdues_count,
3186 background-color: #990000;
3189 background-color: lighten( #990000, 10% );
3193 .user_holds_waiting_count {
3194 background-color: #538200;
3197 background-color: lighten( #538200, 10% );
3202 border: 1px solid #EAEAE6;
3204 padding-bottom: .5em;
3207 background-color: #E2E8E8;
3215 list-style-type: none;
3230 .adlibris-cover-big {
3234 /* jQuery Bar Rating plugin for star ratings */
3236 $star-default: #D2D2D2;
3237 $star-active: #C24A4A;
3238 $star-selected: #EDB867;
3241 display: inline-block;
3244 .br-theme-fontawesome-stars {
3248 white-space: nowrap;
3251 -webkit-font-smoothing: antialiased;
3252 font: normal normal normal 20px/1 FontAwesome;
3254 text-decoration: none;
3255 text-rendering: auto;
3258 color: $star-default;
3264 color: $star-active;
3270 color: $star-selected;
3276 .br-current-rating {
3289 #cancel_rating_text {
3296 .br-theme-fontawesome-stars {
3306 &.br-selected::after {
3317 /* END jQuery Bar Rating plugin for star ratings */
3328 @import "responsive";