From cb874a08467931e9300c5df2690ecb28b04b3ad8 Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Fri, 15 Jul 2022 13:42:01 +0000 Subject: [PATCH] Bug 30952: (follow-up) Fix linting errors in SCSS This patch makes some corrections to the style of modified SCSS: - Space before "{" - No leading zeroes in number values - Upper case hex codes - Multi-line comment style - Use "border: 0" instead of "border: none" - Remove vendor prefixes - Remove commented-out declarations - Put each selector on a separate line The patch should have no visible effects on the style of the interface. --- .../prog/css/src/staff-global.scss | 739 +++++++++--------- .../opac-tmpl/bootstrap/css/src/opac.scss | 11 - 2 files changed, 364 insertions(+), 386 deletions(-) diff --git a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss index 65fd54841d..37d1c47536 100644 --- a/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss +++ b/koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss @@ -4,7 +4,7 @@ ::selection { background: #418940; - color: #fff; + color: #FFFFFF; } a { @@ -12,18 +12,19 @@ a { &:visited { color: #71B443; padding: .3em; - border: none; + border: 0; background-color: transparent; box-shadow: none; font-size: 100%; } &:hover, - &:active, &:focus { + &:active, + &:focus { text-decoration: underline; color: #71B443; padding: .3em; - border: none; + border: 0; background-color: transparent; box-shadow: none; font-size: 100%; @@ -58,7 +59,7 @@ a { } - &.edit-patronimage{ + &.edit-patronimage { color: #333; background-color: #e6e6e6; border-color: #adadad; @@ -87,9 +88,9 @@ a { border-radius: 4px; user-select: none; - &:hover{ + &:hover { font-weight: bold; - background-color: #f1f1f1; + background-color: #F1F1F1; border: #696969 double 1px; text-decoration: none; } @@ -113,8 +114,8 @@ a { } } - &.settings{ - i, img{ + &.settings { + i, img { text-align: center; color: #71B443; border: solid 3px #71B443; @@ -128,18 +129,17 @@ a { padding: 5px; align-items: center; justify-content: center; - -webkit-box-sizing: content-box; box-sizing: content-box; display: flex; } - &:hover{ + &:hover { color: #418940; text-decoration: none; font-weight: bold; - i, img{ + i, img { border-color: #418940; background-color: transparent; color: #418940; @@ -147,7 +147,7 @@ a { } - img{ + img { max-width: 30px; height: auto; padding: 10px; @@ -166,21 +166,21 @@ a { color: #666; } - &.principal{ + &.principal { background-color: #FEC32C; color: #000; - text-shadow: 0 1px 0 #fff; + text-shadow: 0 1px 0 #FFFFFF; padding: 6px 25px; - border: none; + border: 0; background-image: none; margin: 5px; &:hover, &:active, - &:focus{ + &:focus { background-color: #fec22c9f; color: #000; - border: none; + border: 0; } } @@ -233,57 +233,53 @@ a { background-image: url("../img/famfamfam/silk/page_white_code.png"); } - &.toolbar-btn{ + &.toolbar-btn { font-family: 'Poppins', sans-serif; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; - -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; padding: 6px 12px; font-size: 12px; border-radius: 4px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; font-size: 105%; background-color: transparent; - border: none; + border: 0; display: inline-block; margin: 5px 10px; color: #696969; - &:hover, &:focus{ + &:hover, &:focus { text-decoration: none; - background-color: #dadada; + background-color: #DADADA; } - &:active{ - border: none; + &:active { + border: 0; } - &.word{ + &.word { margin-right: 0; padding-right: .1em; } - &.arrow{ + &.arrow { margin-left: 0; border-radius: 4px; padding-left: .1em; - &:active{ + &:active { border: 1px solid #000; border-radius: 4px; } } } - &.more_link{ + &.more_link { color: #71B443; background-color: transparent; @@ -293,7 +289,7 @@ a { bottom: 10px; line-height: 15px; - &:hover{ + &:hover { text-decoration: none; color:#71B443; background-color: transparent; @@ -302,45 +298,46 @@ a { } -#resetZ3950Search{ +#resetZ3950Search { font-size: 110%; color: #71B443; } -a.ctrl_link { - display: inline-block; - padding-right: 1rem; +a { + .ctrl_link { + display: inline-block; + padding-right: 1rem; + } } aside { position: absolute; - left: 0px; + left: 0; width: 100%; - fieldset{ - &.sidebar{ - box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); - padding: 0.9em; + fieldset { + &.sidebar { + box-shadow: 8px 8px 12px rgba(170, 170, 170, .356); + padding: .9em; width: 100%; - left: 0px; + left: 0; overflow: auto; height: auto; max-height: 500px; - &::-webkit-scrollbar { width: 12px; } &::-webkit-scrollbar-track { - background: #eeeeee; + background: #EEEEEE; } &::-webkit-scrollbar-thumb { background: #696969; border-radius: 20px; - border: 3px solid #eeeeee; + border: 3px solid #EEEEEE; } button + button, @@ -348,7 +345,7 @@ aside { margin-left: 5px; } - input{ + input { &.cancel { background-color: transparent; @@ -372,19 +369,19 @@ aside { border-radius: 4px; user-select: none; - &:hover{ + &:hover { font-weight: bold; - background-color: #f1f1f1; + background-color: #F1F1F1; border: #696969 double 1px; text-decoration: none; } } } - fieldset.brief{ + fieldset.brief { width: 100%; - legend{ + legend { color: #696969; font-weight: bold; font-size: 13px; @@ -392,18 +389,18 @@ aside { border-bottom: 0; } - li{ + li { margin-top: 0; padding: 0; - &.radio{ + &.radio { padding: 0; } label { color: #696969; font-size: 13px; - padding: 0.5em 0.3em 0 0; + padding: .5em .3em 0 0; margin: 0; font-weight: normal; } @@ -415,20 +412,20 @@ aside { } } - ol{ + ol { padding: 0; li { list-style: none; - left: 0px; + left: 0; flex-direction: row; width: 100%; height: auto; - padding: 0.9em 0; + padding: .9em 0; - fieldset{ + fieldset { width: 100%; - legend{ + legend { color: #696969; font-weight: bold; font-size: 13px; @@ -436,19 +433,20 @@ aside { border-bottom: 0; } - li{ + li { margin-top: 0; padding: 0; label { color: #696969; font-size: 13px; - padding: 0.5em 0.3em 0 0; + padding: .5em .3em 0 0; margin: 0; font-weight: normal; } - input, select { + input, + select { height: calc(1.5em + .75rem + 2px); width: calc(100% - 20px); } @@ -458,11 +456,12 @@ aside { label { color: #696969; - padding: 0.5em 0.3em 0 0; + padding: .5em .3em 0 0; margin: 0; } - input, select { + input, + select { height: calc(1.5em + .75rem + 2px); width: calc(100% - 20px); @@ -611,7 +610,7 @@ aside { &.menu { padding: 1.4em 1.7em; width: 100%; - left: 0px; + left: 0; overflow: auto; height: auto; max-height: 500px; @@ -622,13 +621,13 @@ aside { } &::-webkit-scrollbar-track { - background: #eeeeee; + background: #EEEEEE; } &::-webkit-scrollbar-thumb { background: #696969; border-radius: 20px; - border: 3px solid #eeeeee; + border: 3px solid #EEEEEE; } button + button, @@ -770,7 +769,7 @@ aside { */ } -#navmenulist{ +#navmenulist { background-color: #e6e6e6; width: 100%; overflow: auto; @@ -783,25 +782,25 @@ aside { } &::-webkit-scrollbar-track { - background: #eeeeee; + background: #EEEEEE; } &::-webkit-scrollbar-thumb { background: #696969; border-radius: 20px; - border: 3px solid #eeeeee; + border: 3px solid #EEEEEE; } h2{ width: 100%; text-align: center; - a, a:link, a:visited{ + a, a:link, a:visited { text-align: center; color: #000; - &:hover, &.current{ + &:hover, &.current { text-decoration: none; } } @@ -809,8 +808,8 @@ aside { h4 { margin: .5em 0; - padding-left: 0.5em; - padding-bottom: 0.2em; + padding-left: .5em; + padding-bottom: .2em; color: #696969; border-bottom: 1px solid #696969; font-weight: normal; @@ -818,18 +817,18 @@ aside { ul { margin-bottom: 10px; - padding-left: 0px; + padding-left: 0; - &.goto{ + &.goto { margin-bottom: 13px; margin-left: 0; margin-right: 0; - padding-left: 0px; + padding-left: 0; position: relative; - top: 0px; + top: 0; - li{ - a{ + li { + a { font-size: 75%; } } @@ -837,7 +836,7 @@ aside { li { list-style: none; - left: 0px; + left: 0; flex-direction: row; width: 100%; height: auto; @@ -847,7 +846,7 @@ aside { width: 100%; display: block; text-decoration: none; - padding: 0.7em 0.3em 0.7em 1.2em; + padding: .7em .3em .7em 1.2em; &.current, &:hover, &:active, &:focus { background-color: #F3F4F4; @@ -865,58 +864,60 @@ aside { div { display: block; - &.mainmenu{ + &.mainmenu { display: inline; } - &.koha-mainpage{ + &.koha-mainpage { display: flex; align-items: center; justify-content: center; } - &.settings-links{ + &.settings-links { display: inline; - ul{ + ul { float: right; - li{ + li { list-style-type: none; margin-bottom: 0; height: auto; width: 150px; padding: 5px 10px; - a, a:visited, a:link{ + a, + a:visited, + a:link { color: #000; } } } } - &.koha-bottom{ - background: transparent url(../img/koha-logo-medium.png) no-repeat center; + &.koha-bottom { + background: transparent url("../img/koha-logo-medium.png") no-repeat center; width: 150px; background-size: 70%; height: 50px; margin: 25px; - bottom: 0px; + bottom: 0; text-align: center; display: flex; align-items: center; justify-content: center; z-index: 1030; - a{ + a { width: 100%; height: 100%; } } } -.home-page{ +.home-page { text-align: center; text-decoration: none; font-family: 'Poppins', sans-serif; @@ -927,9 +928,9 @@ div { color: #000; } - i{ + i { text-align: center; - color: #fff; + color: #FFFFFF; border: solid 3px #71B443; border-radius: 50%; background-color: #71B443; @@ -941,21 +942,20 @@ div { padding: 5px; align-items: center; justify-content: center; - -webkit-box-sizing: content-box; box-sizing: content-box; display: flex; } - &:hover, &:focus, &:active{ + &:hover, &:focus, &:active { text-decoration: none; - i{ + i { background-color: #418940; border-color: #418940; } - h1{ + h1 { color: #418940; } } @@ -964,7 +964,8 @@ div { button { @include default-button; - &:active, &:hover { + &:active, + &:hover { border: 1px inset #999999; } @@ -980,11 +981,11 @@ button { } } -#add_to_patron_list_submit{ +#add_to_patron_list_submit { color: #71B443; - &:hover{ - border: none; + &:hover { + border: 0; } } @@ -997,7 +998,6 @@ main { } body { - //font-family: $font-main; font-family: 'Poppins', sans-serif; font-size: 13px; line-height: 1.22; @@ -1096,7 +1096,7 @@ h5, h6 { margin: .5em 0; - a, a:link, a:visited{ + a, a:link, a:visited { color: #000; } } @@ -1109,30 +1109,30 @@ hr { p { margin: .7em 0; - &.more{ + &.more { height: 100% !important; top: 30px; width: 100%; display: block; position: absolute; - left: 0px; + left: 0; background-color: #352C2E; padding: 10px; border-radius: 4px; text-align: center; - right: 0px; + right: 0; bottom: -70px; - input{ - outline-offset: 0px; + input { + outline-offset: 0; outline: 1px black; float: right; height: 30px; border-radius: 17px; padding-left: 2em; padding-right: 1.5em; - border: none; - margin-left: 0px; + border: 0; + margin-left: 0; position: absolute; top: -5px; right: 30px; @@ -1141,7 +1141,7 @@ p { letter-spacing: normal; word-spacing: normal; text-transform: none; - text-indent: 0px; + text-indent: 0; text-shadow: none; text-align: start; cursor: text; @@ -1149,7 +1149,7 @@ p { } } - &.more_bottom{ + &.more_bottom { background-color: #352C2E; height: auto !important; padding: 0 5px 10px 5px; @@ -1157,27 +1157,27 @@ p { border-bottom-left-radius: 17px; border-bottom-right-radius: 17px; - label{ - color: #fff; + label { + color: #FFFFFF; } - input{ - outline-offset: 0px; + input { + outline-offset: 0; outline: 1px black; height: 20px; border-radius: 17px; padding-left: 2em; padding-right: 1.5em; - border: none; + border: 0; margin-top: 5px; - margin-left: 0px; + margin-left: 0; width: 100%; z-index: 100; display: inline-block !important; letter-spacing: normal; word-spacing: normal; text-transform: none; - text-indent: 0px; + text-indent: 0; text-shadow: none; text-align: start; cursor: text; @@ -1228,12 +1228,11 @@ input { &[type="submit"], &[type="button"] { - border: none; + border: 0; background-color: #FEC32C; color: #000; - //font-family: $font-main; font-family: 'Poppins', sans-serif; - text-shadow: 0 1px 0 #fff; + text-shadow: 0 1px 0 #FFFFFF; display: inline-block; margin-bottom: 0; font-weight: normal; @@ -1263,7 +1262,7 @@ input { line-height: 1.42857143; margin: 5px; text-align: center; - text-shadow: 0 1px 0 #fff; + text-shadow: 0 1px 0 #FFFFFF; vertical-align: middle; white-space: nowrap; @@ -1288,21 +1287,21 @@ input { } } - &.principal{ + &.principal { background-color: #FEC32C; color: #000; - text-shadow: 0 1px 0 #fff; - border: none; + text-shadow: 0 1px 0 #FFFFFF; + border: 0; background-image: none; margin: 5px; padding: 6px 25px; &:hover, &:active, - &:focus{ + &:focus { background-color: #fec22c9f; color: #000; - border: none; + border: 0; } } } @@ -1359,27 +1358,27 @@ label, padding-top: 10px; } -#area-news, #area-userblock{ +#area-news, #area-userblock { background-color: #FFF; - border: none; + border: 0; color: #696969; - margin: 0em 0em 1em 0em; - box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); + margin: 0 0 1em 0; + box-shadow: 8px 8px 12px rgba(170, 170, 170, .356); display: block; padding: 1em; h3{ - background-color: #fff; + background-color: #FFFFFF; } } -.biglinks-list{ - padding: 0px; +.biglinks-list { + padding: 0; margin: 10px 30px; align-items: center; height: 150px; - li{ + li { list-style-type: none; display: flex; float: left; @@ -1528,10 +1527,10 @@ fieldset { background-color: #FFF; position: relative; color: #696969; - left: 0px; - top: 0px; - margin: 0em 1em 1em 0em; - box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); + left: 0; + top: 0; + margin: 0 1em 1em 0; + box-shadow: 8px 8px 12px rgba(170, 170, 170, .356); padding: 1em; + fieldset { @@ -1540,7 +1539,7 @@ fieldset { } } - legend{ + legend { position: relative; top: 1.5em; margin: .5em 0; @@ -1645,15 +1644,15 @@ fieldset { } } - ol{ - li{ + ol { + li { list-style-type: none; padding: .3em 0; } } &.rows { - border: none; + border: 0; clear: left; float: left; font-size: 90%; @@ -1914,7 +1913,7 @@ fieldset { } } - fieldset{ + fieldset { box-shadow: none; } } @@ -1978,25 +1977,25 @@ details[open] { } } -#shortcut{ +#shortcut { position: relative; top: -35px; padding: .8em .5em .8em 10px; - ol{ + ol { float: right; margin: 0; padding: 0; - li{ + li { list-style-type: none; display: inline; - a.toplinks{ + a.toplinks { padding: 0; } - div{ + div { margin: 0; } @@ -2217,11 +2216,11 @@ div { margin: .5em 50px; font-weight: bold; - a{ + a { color: #71B443; font-weight: normal; - &:hover, &:active{ + &:hover, &:active { font-weight: bold; color: #418940; } @@ -2264,33 +2263,33 @@ dd { #toolbar, .btn-toolbar { background-color: #f3F4F4; - border: none; + border: 0; border-radius: 5px 5px 0 0; margin: 0; padding: 5px; display: block; - div{ + div { position: relative; height: 100%; float: right; - a{ - &.principal{ + a { + &.principal { background-color: #FEC32C; color: #000; - text-shadow: 0 1px 0 #fff; - border: none; + text-shadow: 0 1px 0 #FFFFFF; + border: 0; background-image: none; margin: 5px; padding: 6px 25px; &:hover, &:active, - &:focus{ + &:focus { background-color: #fec22c9f; color: #000; - border: none; + border: 0; } } } @@ -2302,10 +2301,10 @@ dd { width: auto; font-size: 12px; line-height: 1.42857143; - border-radius: 0px; - border: 0.5px solid lightgray; + border-radius: 0; + border: .5px solid lightgray; font-size: 100%; - background-color: #fff; + background-color: #FFFFFF; margin: 5px 0 0 0; box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5); position: absolute; @@ -2316,7 +2315,7 @@ dd { left: auto; right: 0; - a{ + a { color: #000; display: block; padding: 3px 20px; @@ -2328,35 +2327,35 @@ dd { float: left; &:hover, - &:focus{ + &:focus { text-decoration: none; font-weight: bold; - background-color: #fff; + background-color: #FFFFFF; background-image: none; } } } - #up{ + #up { display: table; } - #down{ + #down { display: table; } - #patdrop{ + #patdrop { border-top-width: 1px; text-align: center; padding: 0; width: auto; font-size: 12px; line-height: 1.42857143; - border-radius: 0px; - border: 0.5px solid lightgray; + border-radius: 0; + border: .5px solid lightgray; font-size: 100%; - background-color: #fff; + background-color: #FFFFFF; margin: 0; box-shadow: 1px 1px 2px 0 rgba(102, 102, 102, .5); position: absolute; @@ -2365,7 +2364,7 @@ dd { left: -20px; right: auto; - a{ + a { color: #000; display: block; padding: 3px 20px; @@ -2376,9 +2375,9 @@ dd { border-bottom: none; float: left; - &:hover{ + &:hover { font-weight: bold; - background-color: #fff; + background-color: #FFFFFF; } } @@ -2446,8 +2445,8 @@ dd { border-right: 0; } - li{ - &.patrondateofbirth{ + li { + &.patrondateofbirth { font-size: 75%; font-weight: normal; list-style-type: none; @@ -2573,10 +2572,10 @@ dd { list-style-type: none; display: flex; - a{ + a { color: #000; - &:hover{ + &:hover { background-color: #F3F4F4; color: #000; text-decoration: underline; @@ -2669,7 +2668,7 @@ input[type='text']:read-only:focus { color: #CC0000; } -// Font Awesome icons +/* Font Awesome icons */ i { &.error { color: #CC0000; @@ -2717,16 +2716,16 @@ i { margin: 3px; align-items: center; right: 35px; - opacity: 0.3; + opacity: .3; - &:hover{ + &:hover { opacity: 1; } - a{ + a { width: 100%; - &:hover{ + &:hover { text-decoration: none; } } @@ -2827,22 +2826,22 @@ i { &[type="submit"] { background: #FFF none; - &.approve{ + &.approve { background-color: #FEC32C; color: #000; - text-shadow: 0 1px 0 #fff; - border: none; + text-shadow: 0 1px 0 #FFFFFF; + border: 0; background-image: none; margin-top: 5px; &:hover, &:active, - &:focus{ + &:focus { background-color: #fec22c9f; } } - &.deny{ + &.deny { background-color: transparent; color: #696969; border: #696969 double 1px; @@ -2865,9 +2864,9 @@ i { border-radius: 4px; user-select: none; - &:hover{ + &:hover { font-weight: bold; - background-color: #f1f1f1; + background-color: #F1F1F1; border: #696969 double 1px; text-decoration: none; } @@ -2922,7 +2921,7 @@ i { &.alert, &.error { color: inherit; - background-color: #fff; + background-color: #FFFFFF; text-align: center; text-shadow: none; @@ -2992,13 +2991,13 @@ i { color: #990000; } -// style for shelving location in catalogsearch +/* style for shelving location in catalogsearch */ .shelvingloc { display: block; font-style: italic; } -// style for bundled detail in catalogsearch +/* style for bundled detail in catalogsearch */ .bundled { display: block; font-style: italic; @@ -3063,7 +3062,7 @@ i { padding-top: 1em; background-color: #e6e6e6; position: absolute; - left: 0px; + left: 0; li { a { @@ -3074,7 +3073,7 @@ i { padding: .4em .3em; text-decoration: none; - left: 0px; + left: 0; color: #000; display: block; @@ -3198,21 +3197,21 @@ li { } } -#catalogue_stats_wrapper, #tbl_cash_register_stats_wrapper, #resulttable_wrapper, #numberpatternst_wrapper{ - background-color: #fff; +#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, 0.356); + box-shadow: 8px 8px 12px rgba(170, 170, 170, .356); padding: 20px; } #searchresults { - background-color: #fff; + background-color: #FFFFFF; margin-top: 20px; min-width: 100%; width: fit-content; padding: 20px; - fieldset{ + fieldset { box-shadow: none; } @@ -3223,20 +3222,20 @@ li { } td { - border: none; + border: 0; - button, a{ - &.btn-default{ + button, a { + &.btn-default { color: #71B443; padding: .3em; - border: none; + border: 0; background-color: transparent; - border: none; + border: 0; box-shadow: none; font-size: 100%; - &:hover, &:active, &:focus, &:active:hover, &:active:focus{ + &:hover, &:active, &:focus, &:active:hover, &:active:focus { background-color: transparent; color: #71B443; text-decoration: underline; @@ -3311,19 +3310,19 @@ li { } .dropdown-menu { - background-color: #fff; + background-color: #FFFFFF; color: #000; height: fit-content; top: 100%; - a{ + a { color: #000; - &:hover{ + &:hover { background-image: none; color: #000; text-decoration: underline; - background-color: #fff; + background-color: #FFFFFF; } } } @@ -3372,7 +3371,7 @@ li { } } -.mini-inp{ +.mini-inp { height: 12px; width: 30px; } @@ -3385,7 +3384,7 @@ li { border-bottom: 1px solid #71B443; border-radius: 4px 4px 0 0; font-size: 90%; - color: #fff; + color: #FFFFFF; margin: 0; padding: .4em .2em; text-align: center; @@ -3395,7 +3394,7 @@ li { margin: 0; padding: .3em; - &.cadre{ + &.cadre { border: 3px solid #71B443; } @@ -3486,16 +3485,16 @@ td { } } -.highlight_toggle{ +.highlight_toggle { color: #71B443; padding: .3em; - border: none; + border: 0; background-color: transparent; - border: none; + border: 0; box-shadow: none; font-size: 100%; - &:hover{ + &:hover { text-decoration: underline; } } @@ -3655,7 +3654,7 @@ td.bundle { #cartDetails { background-color: #352C2E; box-shadow: 1px 1px 3px 0 #666; - color: #fff; + color: #FFFFFF; display: none; margin: 0; padding: 10px; @@ -3666,8 +3665,8 @@ td.bundle { #cartmenulink { position: relative; - left: 0px; - top: 0px; + left: 0; + top: 0; } #basketcount { @@ -3817,7 +3816,7 @@ td.bundle { } .advsearch { - margin: 0em 1em 1em 0em; + margin: 0 1em 1em 0; table { border-collapse: separate; @@ -3933,7 +3932,7 @@ td.bundle { display: none; } -// Override core jQueryUI widgets +/* Override core jQueryUI widgets */ .ui-widget-content { background: #FFFFFF none; border-radius: 4px; @@ -3984,7 +3983,7 @@ td.bundle { color: #CD0A0A; } -// Override jQuery Autocomplete +/* Override jQuery Autocomplete */ .ui-autocomplete { box-shadow: 2px 2px 2px rgba(0, 0, 0, .3); cursor: default; @@ -4023,7 +4022,7 @@ td.bundle { background: #FFF url("../img/spinner-small.gif") right center no-repeat; } -// jQuery UI standard tabs +/* jQuery UI standard tabs */ .ui-menu { li { list-style: none; @@ -4054,21 +4053,21 @@ td.bundle { border-radius: 4px; border: 3px solid #418940; - fieldset{ + fieldset { box-shadow: none; } } .ui-tabs-nav { li { background: #71B443; - border: none; + border: 0; margin-right: .4em; border-radius: 4px 4px 0 0; &.ui-tabs-active, &.ui-state-hover { background-color: #418940; border-radius: 4px 4px 0 0; - border: none; + border: 0; border-bottom-width: 0; padding-bottom: 0; @@ -4088,11 +4087,11 @@ td.bundle { .ui-state-default { a { - color: #fff; + color: #FFFFFF; &:link, &:visited { - color: #fff; + color: #FFFFFF; } } } @@ -4125,9 +4124,9 @@ td.bundle { .statictabs { - background-color: #fff; + background-color: #FFFFFF; margin-top: 20px; - box-shadow: 8px 8px 12px rgba(170, 170, 170, 0.356); + box-shadow: 8px 8px 12px rgba(170, 170, 170, .356); padding: 20px; h3{ @@ -4137,7 +4136,7 @@ td.bundle { } td { - border: none; + border: 0; ul { li { @@ -4218,19 +4217,19 @@ td.bundle { padding-bottom: 1px; background-color: #418940; - border: none; + border: 0; border-bottom-width: 0; a { background: none repeat scroll 0 0 transparent; - color: #fff; + color: #FFFFFF; outline: 0 none; top: 1px; } } a { - color: #fff; + color: #FFFFFF; cursor: pointer; float: left; padding: .5em 1em; @@ -4261,7 +4260,7 @@ td.bundle { border-radius: 4px; border: 3px solid #418940; - fieldset{ + fieldset { box-shadow: none; } } @@ -4391,7 +4390,7 @@ td.bundle { } } -// jQuery UI Accordion +/* jQuery UI Accordion */ .ui-accordion-header, .ui-widget-content .ui-accordion-header { font-size: 110%; @@ -4402,7 +4401,7 @@ video { width: 480px; } -// Bootstrap overrides +/* Bootstrap overrides */ .dropdown-header { border-top: 1px solid #EEE; @@ -4425,8 +4424,8 @@ nav { clear: both; margin: 0; position: absolute; - top: 0px; - left: 0px; + top: 0; + left: 0; ol { margin: 0; @@ -4445,7 +4444,7 @@ nav { width: .8em; } - a:link, a:active, a:hover, a:focus{ + a:link, a:active, a:hover, a:focus { padding: .6em .3em; } } @@ -4458,37 +4457,37 @@ nav { } } -.navbar{ +.navbar { background-color: #352C2E; width: 100%; } -.navbar-header, .collapse{ +.navbar-header, .collapse { padding-left: 10px; padding-right: 10px; float: left; - a{ - color: #fff; + a { + color: #FFFFFF; line-height: 40px; } } -.navbar-head{ +.navbar-head { display: block !important; height: auto !important; } #logo { background: transparent url("../img/UIKit/picto-koha.svg") no-repeat scroll 0%; - margin: .75em 0em .75em 0em; + margin: .75em 0 .75em 0; background-size: 85%; width: 20px; height: 30px; float: left; position: relative; - top: 0px; - left: 0px; + top: 0; + left: 0; a { border: 0; @@ -4499,45 +4498,45 @@ nav { text-decoration: none; position: absolute; top: -10px; - left: 0px; + left: 0; } } -#toplevelmenu{ +#toplevelmenu { background-color: transparent; box-shadow: none; position: relative; - left: 0px; - top: 0px; + left: 0; + top: 0; } .navbar-nav { li { list-style: none; - .upper{ + .upper { position: relative; bottom: 3px; left: 300px; } - .filteraction{ + .filteraction { position: absolute; right: 35px; top: -5px; width: 25px; height: 30px; - border: none; + border: 0; padding-left: 5px; padding-right: 5px; margin: 0; display: inline; - a{ + a { color: #71B443; vertical-align: middle; - &:hover, &:active{ + &:hover, &:active { background-color: transparent; text-decoration: none; color: #71B443; @@ -4553,11 +4552,11 @@ nav { background-color: transparent; } - .inactive{ + .inactive { display: none; } - #buttonssearch,#header_search{ + #buttonssearch,#header_search { padding: 10px; border-radius: 28px; height: 30px; @@ -4565,31 +4564,31 @@ nav { z-index: 1; } - #header_search{ + #header_search { position: relative; - left: 0px; - top: 0px; + left: 0; + top: 0; width: 500px; display: block; margin: 10px 0; } - #submit, #autocsubmit{ + #submit, #autocsubmit { background: transparent url("../img/UIKit/arrow.svg") no-repeat scroll 0%; position: absolute; min-width: 7px; right: 0; - top: 0px; + top: 0; width: 25px; height: 30px; - border: none; + border: 0; padding-left: 5px; padding-right: 5px; margin: 0; display: inline; } - #header_search{ + #header_search { width: 500px; } @@ -4605,17 +4604,17 @@ nav { justify-content: space-around; align-items: center; color: white; - box-shadow: 0px 0px 3px 0px #0000004d; + box-shadow: 0 0 3px 0 #0000004d; li { background: transparent; - border: none; + border: 0; border-radius: 0; &.ui-tabs-active, &.ui-state-hover { background-color: transparent; border-radius: 4px 4px 0 0; - border: none; + border: 0; border-bottom-width: 0; padding-bottom: 0; @@ -4628,16 +4627,16 @@ nav { } } - span{ - &.name-icon{ + span { + &.name-icon { display: none; } - &.name-icon:hover, &.name-icon.active{ + &.name-icon:hover, &.name-icon.active { margin-right: 0; - font-size: 0.85em; + font-size: .85em; cursor: text; - padding: 0.25em; + padding: .25em; margin: 0; display: inline-block; overflow: hidden; @@ -4653,14 +4652,14 @@ nav { .ui-state-default { a { - color: #fff; + color: #FFFFFF; cursor: pointer; padding: 3px; font-size: .9em; &:link, &:visited { - color: #fff; + color: #FFFFFF; padding: 3px; background-color: transparent; } @@ -4675,8 +4674,8 @@ nav { font-size: .9em; background-color: transparent; - i{ - border-bottom: 2px solid #fff; + i { + border-bottom: 2px solid #FFFFFF; padding-bottom: 2px; } } @@ -4695,11 +4694,11 @@ nav { } } - input{ + input { display: none; - &.head-searchbox{ - outline-offset: 0px; + &.head-searchbox { + outline-offset: 0; outline: 1px black; float: right; height: 30px; @@ -4707,28 +4706,28 @@ nav { padding-left: 2em; padding-right: 1.5em; border: none ; - margin-left: 0px; + margin-left: 0; position:absolute; - top: 0px; + top: 0; right: 30px; z-index : -2; display: inline; letter-spacing: normal; word-spacing: normal; text-transform: none; - text-indent: 0px; + text-indent: 0; text-shadow: none; text-align: start; cursor: text; font: 400 13.3333px Arial; - &::placeholder{ + &::placeholder { font-size: 85%; } } - &.multi-input{ - outline-offset: 0px; + &.multi-input { + outline-offset: 0; outline: 1px black; float: right; height: 30px; @@ -4736,27 +4735,27 @@ nav { padding-left: 2em; padding-right: 1.5em; border: none ; - margin-left: 0px; + margin-left: 0; position:absolute; - top: 0px; + top: 0; right: 30px; z-index : -2; display: inline; letter-spacing: normal; word-spacing: normal; text-transform: none; - text-indent: 0px; + text-indent: 0; text-shadow: none; text-align: start; cursor: text; font: 400 13.3333px Arial; - &::placeholder{ + &::placeholder { font-size: 85%; } } - &.titre{ + &.titre { float: none; position: relative; width: 170px; @@ -4765,31 +4764,31 @@ nav { } } - #header_search.fold{ - width: 0px; + #header_search.fold { + width: 0; opacity: 0; margin: 0; padding: 0; } - #backsearch{ + #backsearch { display: none; font-size: 1em; } - #header_search.fold #backsearch{ + #header_search.fold #backsearch { display: inline-block; cursor: pointer; } - .description{ - opacity: 0.6; + .description { + opacity: .6; max-width: 50em; display: block; width: 100%; } - .description.hidden{ + .description.hidden { opacity: 0; } @@ -4803,7 +4802,7 @@ nav { font-size: 13px; &:hover, - &:focus{ + &:focus { background-color: #352C2E; background-image: none; text-decoration: underline; @@ -4815,52 +4814,52 @@ nav { a { line-height: 40px; overflow: hidden; - color: #fff; + color: #FFFFFF; - &:hover, &:active{ + &:hover, &:active { background-color: #352C2E; - border-bottom: 1px 5px #fff; - color: #fff; + border-bottom: 1px 5px #FFFFFF; + color: #FFFFFF; } } } - ul{ + ul { background-color: #352C2E; } } -#logged-in-menu{ +#logged-in-menu { position: relative; - left: 0px; - top: 0px; + left: 0; + top: 0; height: 50px; - &:hover{ + &:hover { text-decoration: none; } } -.loggedinusername{ +.loggedinusername { bottom: 5px; text-decoration: none; position: relative; float: right; - right: 0px; + right: 0; height: 20px; width: 100%; } -.logged-in-branch-name{ +.logged-in-branch-name { position: relative; - right: 0px; + right: 0; height: 20px; top: 10px; width: 100%; - &:hover{ + &:hover { text-decoration: underline; } } @@ -4923,50 +4922,46 @@ button, border-radius: 4px; user-select: none; - &.toolbar-btn{ + &.toolbar-btn { font-family: 'Poppins', sans-serif; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; - -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; padding: 6px 12px; font-size: 12px; border-radius: 4px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; user-select: none; font-size: 105%; background-color: transparent; - border: none; + border: 0; display: inline-block; margin: 5px 10px; color: #696969; - &:hover, &:focus{ + &:hover, &:focus { text-decoration: none; - background-color: #dadada; + background-color: #DADADA; } - &:active{ - border: none; + &:active { + border: 0; } - &.word{ + &.word { margin-right: 0; padding-right: .1em; } - &.arrow{ + &.arrow { margin-left: 0; border-radius: 4px; padding-left: .1em; - &:active{ + &:active { border: 1px solid #000; border-radius: 4px; } @@ -5002,38 +4997,38 @@ button, border-radius: 4px; user-select: none; - &:hover{ + &:hover { font-weight: bold; - background-color: #f1f1f1; + background-color: #F1F1F1; border: #696969 double 1px; text-decoration: none; } } } -#merge-patrons{ +#merge-patrons { padding: 0 25px; } -#patronlist-menu{ +#patronlist-menu { padding: 0 25px; } -.principal{ +.principal { background-color: #FEC32C; color: #000; - text-shadow: 0 1px 0 #fff; - border: none; + text-shadow: 0 1px 0 #FFFFFF; + border: 0; padding: 6px 25px; background-image: none; margin: 5px; &:hover, &:active, - &:focus{ + &:focus { background-color: #fec22c9f; color: #000; - border: none; + border: 0; } } @@ -5049,7 +5044,7 @@ button, background: #F4F8F9 none; box-shadow: none; - &:hover{ + &:hover { background: #e3f1df none; } } @@ -5313,7 +5308,7 @@ label { .modal-content { background-color: rgb(211, 223, 204); - fieldset{ + fieldset { box-shadow: none; } } @@ -5367,7 +5362,7 @@ code { > li { > a { background-color: #71B443; - color: #fff; + color: #FFFFFF; line-height: 1.42857143; margin-right: .4em; padding: .5em 1em; @@ -5377,7 +5372,7 @@ code { border-radius: 4px 4px 0 0; border: 1px solid #418940; text-decoration: none; - color: #fff; + color: #FFFFFF; } } @@ -5387,7 +5382,7 @@ code { a:focus { background-color: #418940; border-radius: 4px 4px 0 0; - color: #fff; + color: #FFFFFF; cursor: default; font-weight: bold; } @@ -5395,7 +5390,7 @@ code { } } -// End Bootstrap overrides +/* End Bootstrap overrides */ .waiting { cursor: wait; } @@ -5466,7 +5461,7 @@ progress { } } -// Class to be added to toolbar when it starts being fixed at the top of the screen +/* Class to be added to toolbar when it starts being fixed at the top of the screen */ .floating { box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .5); z-index: 100; @@ -5981,7 +5976,7 @@ input.renew { 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); } #stage_list_headings { @@ -6053,11 +6048,8 @@ input.renew { span { display: none; font-style: normal; - // position: absolute; - //top: 10px; - //right: 20px; - &:hover{ + &:hover { text-decoration: underline; } } @@ -6068,14 +6060,14 @@ input.renew { } .loggedin-menu-label { - color: #fff; + color: #FFFFFF; font-size: 12px; line-height: 1.42857143; padding: 4px 12px; white-space: nowrap; span { - color: #fff; + color: #FFFFFF; font-weight: bold; left: 15px; top: 0; @@ -6089,11 +6081,9 @@ input.renew { .lastborrower { background-image: linear-gradient(to left, #418940, #71B443); box-shadow: 1px 1px 1px 0 #999; - color: #fff; + color: #FFFFFF; margin: .4em 0; border-radius: 5px 5px 5px 5px; - // position: absolute; - // right: 50px; } @@ -6124,45 +6114,44 @@ input.renew { #lastborrowerlink { background: transparent url("../img/UIKit/arrow.svg") no-repeat scroll 0%; - color: #fff; + color: #FFFFFF; padding: .0em .0em .0em 1.3em; - &:hover{ + &:hover { text-decoration: underline; } } /* ==== MODULE LINKS - Start ==== */ .buttons-list { - // List containing the module links + /* 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 */ height: 60px; list-style-type: none; display: table; margin-bottom: 15px; a { - &.menucirc{ + &.menucirc { display: block; height: 60px; margin: 5px; - i{ + i { - &.fa{ - color: #fff; + &.fa { + color: #FFFFFF; border-radius: 50%; background-color: #71B443; width: 40px; height: 40px; margin: 5px; padding: 10px; - -webkit-box-sizing: content-box; box-sizing: content-box; align-items: center; justify-content: center; @@ -6170,11 +6159,11 @@ input.renew { border: solid 3px #71B443; } - &.fond{ + &.fond { opacity: 70%; position: relative; top: 5px; - border: none; + border: 0; right: 20px; border-radius: 0; background-color: transparent; @@ -6193,23 +6182,23 @@ input.renew { color: #000; } - &:hover, &:active, &:focus{ + &:hover, &:active, &:focus { text-decoration: none; h1{ color: #418940; } - i{ - &.fa{ + i { + &.fa { background-color: #418940; border: solid 3px #418940; } - &.fond{ + &.fond { opacity: 70%; position: relative; top: 5px; - border: none; + border: 0; right: 20px; border-radius: 0; background-color: transparent; @@ -6246,7 +6235,7 @@ input.renew { column-gap: 2em; } -// ==== MODULE LINKS - End ==== +/* ==== MODULE LINKS - End ==== */ #tools_holidays { .radio, @@ -6352,7 +6341,7 @@ input.renew { } #user-menu { - top: 0px; + top: 0; position: absolute; right: 5px; } diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss index 747251450f..794697689d 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss @@ -1543,17 +1543,6 @@ nav { margin: .3em 0; } -.ui-widget-content { - a { - &:link, - &:visited { - &.btn-default, - &.btn-secondary { - } - } - } -} - #social_networks { margin-top: .5em; -- 2.20.1