diff options
Diffstat (limited to 'public/css')
| -rwxr-xr-x | public/css/datepicker.min.css | 1 | ||||
| -rwxr-xr-x | public/css/style.css | 411 |
2 files changed, 205 insertions, 207 deletions
diff --git a/public/css/datepicker.min.css b/public/css/datepicker.min.css deleted file mode 100755 index bc3cd6c..0000000 --- a/public/css/datepicker.min.css +++ /dev/null @@ -1 +0,0 @@ -.datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none}
\ No newline at end of file diff --git a/public/css/style.css b/public/css/style.css index 24d10b8..938e6a5 100755 --- a/public/css/style.css +++ b/public/css/style.css @@ -1,80 +1,115 @@ -/* -body, html { - min-height: 100vh; -} -*/ +/* TYPOGRAPHY */ +@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap"); -/* FONTS */ +h1, +h2, +h3 { + font-family: "Fredoka", sans-serif; + font-weight: 400; + font-optical-sizing: auto; + font-weight: 400; + font-style: normal; +} -@font-face { - font-family: "Fredoka One"; +.lead { + font-family: "Fredoka", sans-serif; + font-weight: 300; + font-optical-sizing: auto; font-style: normal; - font-weight: 400; - src: url("../fonts/fredoka-one-v7-latin-regular.eot"); /* IE9 Compat Modes */ - src: - local("Fredoka One"), - local("FredokaOne-Regular"), - url("../fonts/fredoka-one-v7-latin-regular.eot?#iefix") - format("embedded-opentype"), - /* IE6-IE8 */ url("../fonts/fredoka-one-v7-latin-regular.woff2") - format("woff2"), - /* Super Modern Browsers */ - url("../fonts/fredoka-one-v7-latin-regular.woff") format("woff"), - /* Modern Browsers */ url("../fonts/fredoka-one-v7-latin-regular.ttf") - format("truetype"), - /* Safari, Android, iOS */ - url("../fonts/fredoka-one-v7-latin-regular.svg#FredokaOne") - format("svg"); /* Legacy iOS */ -} - -@media (max-width: 576px) { - #container { - height: auto !important; - overflow-x: hidden; - } } -#content { +/* LAYOUT */ + +html { + width: 100%; +} + +body { + background: #f8f8f8; display: flex; + flex-direction: column; + min-height: 100vh; + align-items: center; +} + +body > #container { min-height: 100vh; + width: 100%; + max-width: 75rem; + display: grid; + grid-template-columns: 1fr; + padding: 0; +} + +#container > #content { + overflow: hidden; + border: 1px solid #eaeaea; + background: #ffffff; + display: flex; flex-direction: column; } -#bodyContainer { - flex: 1; + +#container > #content > main { + position: relative; +} + +#container > #content > main.page { + padding: 1rem; } -#fixedContainer { - position: sticky; - top: 0; +#container > #content > main.event > *:not(.event-header-image) { + margin: 0 1rem; } -#footerContainer { +#container > #content > footer { + margin-top: auto; border-top: 1px solid #e0e0e0; text-align: center; - padding: 5px 0; + padding: 0.25rem 0; + background: #fdfdfd; } -#footerContainer p { +#container > #content > footer p { margin-bottom: 0.25rem; } -#sidebar { - background: #f5f5f5; - border-bottom: 2px solid #e0e0e0; +@media (min-width: 768px) { + body > #container { + padding: 1rem; + grid-template-columns: 1fr 4fr; + gap: 1rem; + } + #container > #content { + border-radius: 1rem; + box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); + } + #container > #content > main.page { + padding: 2rem; + } } +@media (min-width: 992px) { + body > #container { + grid-template-columns: 1fr 5fr; + } +} + +/* SIDEBAR */ + #sidebar h1 { - font-family: "Fredoka One", sans-serif; + font-family: "Fredoka", sans-serif; font-weight: 700; + font-optical-sizing: auto; + font-style: normal; text-align: center; letter-spacing: -0.5px; font-size: 3rem; color: transparent !important; - margin-bottom: 0; + margin-bottom: 1rem; } #sidebar h1 a { - background: rgb(33, 37, 41); + background: rgb(69, 69, 69); background-clip: text; -webkit-background-clip: text; color: transparent !important; @@ -89,11 +124,52 @@ body, html { color: transparent !important; } -#content { - background: #ffffff; - box-shadow: -8px 0 6px -6px rgba(0, 0, 0, 0.3); +ul#sidebar__nav { + padding: 0; + margin: 0; + list-style: none; + display: flex; + flex-direction: row; + gap: 0.5rem; + align-items: center; + justify-content: center; + margin-bottom: 0.5rem; +} + +ul#sidebar__nav li { + padding: 0 1rem 0.5rem 1rem; + text-align: center; +} + +ul#sidebar__nav a { + display: block; + width: 100%; } +@media (min-width: 768px) { + #sidebar { + padding-top: 1rem; + } + ul#sidebar__nav { + flex-direction: column; + } + ul#sidebar__nav li { + width: 100%; + padding: 0 0 0.5rem 0; + } + ul#sidebar__nav li:has(a:not(.btn)):not(:last-child) { + border-bottom: 1px solid #e0e0e0; + } + + .sidebar-sticky-wrapper { + position: -webkit-sticky; + position: sticky; + top: 1rem; + } +} + +/* EVENTS */ + #genericEventImageContainer { height: 150px; border-radius: 5px; @@ -109,7 +185,7 @@ body, html { rgba(255, 255, 255, 1) 100% ); position: absolute; - width: 97%; + width: 100%; height: 150px; } @@ -135,6 +211,20 @@ body, html { height: 300px; } +#event__basics { + display: grid; + grid-template-columns: 1fr; + gap: 1rem; + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} + +@media (min-width: 992px) { + #event__basics { + grid-template-columns: 3fr 1fr; + } +} + #eventName { padding: 0 0 0 10px; width: 100%; @@ -154,19 +244,6 @@ body, html { text-transform: capitalize; } -#eventActions { - padding-left: 0; - margin-top: 1rem; -} - -/* -.location, .eventLink { - display: flex; - width: 100%; - justify-content: space-between; -} -*/ - .attendeesList { margin: 0; padding: 0; @@ -220,7 +297,6 @@ body, html { } .eventInformation > li { - /* line-height: 2.1em;*/ margin-bottom: 0.8em; } @@ -253,7 +329,64 @@ body, html { padding-left: 20px; } +.attendee-name { + white-space: nowrap; + overflow: hidden; + text-overflow: ""; + overflow: hidden; + max-width: 62px; + color: #fff; +} + +li.hidden-attendee .attendee-name { + color: #555; +} + +.remove-attendee { + color: #fff; +} + +.remove-attendee:hover { + color: #016418; +} + +#eventAttendees h5 { + display: flex; + flex-direction: column; + align-items: flex-start; +} +#eventAttendees h5 .btn-group { + margin-top: 0.5rem; +} + +@media (min-width: 576px) { + #eventAttendees h5 { + flex-direction: row; + justify-content: space-between; + align-items: center; + } + #eventAttendees h5 .btn-group { + margin-top: 0; + } +} + +.edit-buttons { + text-align: right; +} + +@media (max-width: 1199.98px) { + .edit-buttons { + text-align: left; + } +} + +.code { + font-family: "Courier New", Courier, monospace; + overflow-wrap: anywhere; +} + /* IMAGE UPLOAD FORM */ + .image-preview { max-width: 920px; width: 100%; @@ -293,9 +426,7 @@ body, html { border-radius: 5px; } -.datepickers-container { - z-index: 1600 !important; /* has to be larger than 1050 */ -} +/* FORMS */ #newEventFormContainer, #importEventFormContainer, @@ -334,116 +465,6 @@ body, html { color: white !important; } -.attendee-name { - white-space: nowrap; - overflow: hidden; - text-overflow: ""; - overflow: hidden; - max-width: 62px; - color: #fff; -} - -li.hidden-attendee .attendee-name { - color: #555; -} - -.remove-attendee { - color: #fff; -} - -.remove-attendee:hover { - color: #016418; -} - -#eventAttendees h5 { - display: flex; - flex-direction: column; - align-items: flex-start; -} -#eventAttendees h5 .btn-group { - margin-top: 0.5rem; -} - -.edit-buttons { - text-align: right; -} - -@media (max-width: 1199.98px) { - .edit-buttons { - text-align: left; - } -} - -@media (min-width: 1120px) { - #eventActions { - margin-top: 0; - padding-left: 1rem; - } -} - -@media (min-width: 576px) { - #sidebar { - border-right: 2px solid #e0e0e0; - min-height: 100vh; - } - body { - background: #f5f5f5; /* Old browsers */ - background: -moz-linear-gradient( - left, - #f5f5f5 0%, - #f5f5f5 50%, - #ffffff 51%, - #ffffff 100% - ); /* FF3.6-15 */ - background: -webkit-linear-gradient( - left, - #f5f5f5 0%, - #f5f5f5 50%, - #ffffff 51%, - #ffffff 100% - ); /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient( - to right, - #f5f5f5 0%, - #f5f5f5 50%, - #ffffff 51%, - #ffffff 100% - ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ - } - #eventAttendees h5 { - flex-direction: row; - justify-content: space-between; - align-items: center; - } - #eventAttendees h5 .btn-group { - margin-top: 0; - } -} - -.list-group-item-action:hover { - background-color: #f2f8ff; -} - -.code { - font-family: "Courier New", Courier, monospace; - overflow-wrap: anywhere; -} - -/* FORMS */ -label:not(.form-check-label) { - font-weight: 500; -} - -input[type="datetime-local"] { - max-width: 20rem; -} - -article.static-page header { - margin-bottom: 1rem; - border-bottom: 1px solid #e0e0e0; -} - .select2-selection__rendered, .select2-selection--single { overflow: hidden; @@ -549,37 +570,15 @@ img.group-preview__image { pointer-events: auto; } -ul#sidebar__nav { - padding: 0; - margin: 0; - list-style: none; - display: flex; - flex-direction: row; - gap: 0.5rem; - align-items: center; - justify-content: center; - margin-bottom: 1rem; -} +/* EVENT AND GROUP LISTS */ -ul#sidebar__nav li { - padding: 0 1rem 0.5rem 1rem; - text-align: center; +.list-group-item-action:hover { + background-color: #f2f8ff; } -ul#sidebar__nav a { - display: block; - width: 100%; -} +/* STATIC PAGES */ -@media (min-width: 576px) { - ul#sidebar__nav { - flex-direction: column; - } - ul#sidebar__nav li { - width: 100%; - padding: 0 0 0.5rem 0; - } - ul#sidebar__nav li:has(a:not(.btn)):not(:last-child) { - border-bottom: 1px solid #e0e0e0; - } +article.static-page header { + margin-bottom: 1rem; + border-bottom: 1px solid #e0e0e0; } |