From 49baba87cb894434048d293aa1df6420cf10808f Mon Sep 17 00:00:00 2001 From: Sven Date: Thu, 11 May 2017 11:53:07 +0200 Subject: [PATCH] added tux on mobile menu FireInfo font-size addjusted correct Footer columns fluid container adjust font weight --- static/css/style.css | 1371 +++++++++-------- static/js/site-min.js | 2 +- static/js/site.js | 2 + .../css/bootstrap-reboot.css | 2 +- .../bootstrap-4.0.0-alpha.6/css/bootstrap.css | 1182 +++++++------- .../bootstrap-4.0.0-alpha.6/scss/_custom.scss | 74 +- static/scss/style.scss | 58 +- templates/base.html | 10 +- templates/index.html | 35 +- templates/modules/menu.html | 6 + 10 files changed, 1429 insertions(+), 1313 deletions(-) diff --git a/static/css/style.css b/static/css/style.css index 91193d8..808a36d 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -382,56 +382,56 @@ h1, h2, h3, h4, h5, h6, color: inherit; } h1, .h1 { - font-size: 2.25rem; } + font-size: 36px; } h2, .h2 { - font-size: 2rem; } + font-size: 32px; } h3, .h3 { - font-size: 1.5rem; } + font-size: 24px; } h4, .h4 { - font-size: 1.25rem; } + font-size: 20px; } h5, .h5 { - font-size: 1rem; } + font-size: 16px; } h6, .h6 { - font-size: 0.75rem; } + font-size: 12px; } .lead { - font-size: 1.5rem; + font-size: 24px; font-weight: 300; } .display-1 { - font-size: 7.5rem; + font-size: 120px; font-weight: 300; line-height: 1.1; } .display-2 { - font-size: 3rem; + font-size: 48px; font-weight: 300; line-height: 1.1; } .display-3 { - font-size: 2.25rem; + font-size: 32px; font-weight: 300; line-height: 1.1; } .display-4 { - font-size: 1.5rem; + font-size: 24px; font-weight: 300; line-height: 1.1; } hr { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + margin-top: 8px; + margin-bottom: 8px; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { - font-size: 0.875rem; + font-size: 14px; font-weight: 400; } mark, @@ -457,8 +457,8 @@ mark, text-transform: uppercase; } .blockquote { - padding: 0.25rem 0.5rem; - margin-bottom: 0.5rem; + padding: 4px 8px; + margin-bottom: 8px; font-size: 1.25rem; border-left: 0.25rem solid #eceeef; } @@ -470,7 +470,7 @@ mark, content: "\2014 \00A0"; } .blockquote-reverse { - padding-right: 0.5rem; + padding-right: 8px; padding-left: 0; text-align: right; border-right: 0.25rem solid #eceeef; @@ -1409,7 +1409,7 @@ mark, -ms-user-select: none; user-select: none; border: 2px solid transparent; - padding: 0.5rem 1rem; + padding: 8px 16px; font-size: 1rem; border-radius: 0.25rem; -webkit-transition: all 0.2s ease-in-out; @@ -1689,12 +1689,12 @@ fieldset[disabled] a.btn { text-decoration: none; } .btn-lg, .btn-group-lg > .btn { - padding: 0.75rem 2rem; - font-size: 1.25rem; - border-radius: 0.125rem; } + padding: 12px 32px; + font-size: 20px; + border-radius: 2px; } .btn-sm, .btn-group-sm > .btn { - padding: 0.25rem 0.5rem; + padding: 4px 8px; font-size: 0.875rem; border-radius: 0.2rem; } @@ -1703,7 +1703,7 @@ fieldset[disabled] a.btn { width: 100%; } .btn-block + .btn-block { - margin-top: 0.5rem; } + margin-top: 8px; } input[type="submit"].btn-block, input[type="reset"].btn-block, @@ -1810,18 +1810,18 @@ tbody.collapse.show { outline: 0; } .btn + .dropdown-toggle-split { - padding-right: 0.75rem; - padding-left: 0.75rem; } + padding-right: 12px; + padding-left: 12px; } .btn + .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { - padding-right: 0.375rem; - padding-left: 0.375rem; } + padding-right: 6px; + padding-left: 6px; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { - padding-right: 1.5rem; - padding-left: 1.5rem; } + padding-right: 24px; + padding-left: 24px; } .btn-group-vertical { display: -webkit-inline-box; @@ -1888,7 +1888,7 @@ tbody.collapse.show { .nav-link { display: block; - padding: 0.5em 1.5em; } + padding: 8px 24px; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { @@ -1955,14 +1955,14 @@ tbody.collapse.show { -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; - padding: 0.5rem 0.5rem; } + padding: 8px 8px; } .navbar-brand { display: inline-block; padding-top: .25rem; padding-bottom: .25rem; - margin-right: 0.5rem; - font-size: 1.25rem; + margin-right: 8px; + font-size: 20px; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { @@ -2011,11 +2011,11 @@ tbody.collapse.show { .navbar-toggler-left { position: absolute; - left: 0.5rem; } + left: 8px; } .navbar-toggler-right { position: absolute; - right: 0.5rem; } + right: 8px; } @media (max-width: 575px) { .navbar-toggleable .navbar-nav .dropdown-menu { @@ -3495,142 +3495,142 @@ a.bg-inverse:focus, a.bg-inverse:hover { margin-bottom: 0 !important; } .m-1 { - margin: 0.125rem 0.125rem !important; } + margin: 2px 2px !important; } .mt-1 { - margin-top: 0.125rem !important; } + margin-top: 2px !important; } .mr-1 { - margin-right: 0.125rem !important; } + margin-right: 2px !important; } .mb-1 { - margin-bottom: 0.125rem !important; } + margin-bottom: 2px !important; } .ml-1 { - margin-left: 0.125rem !important; } + margin-left: 2px !important; } .mx-1 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; } + margin-right: 2px !important; + margin-left: 2px !important; } .my-1 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; } + margin-top: 2px !important; + margin-bottom: 2px !important; } .m-2 { - margin: 0.25rem 0.25rem !important; } + margin: 4px 4px !important; } .mt-2 { - margin-top: 0.25rem !important; } + margin-top: 4px !important; } .mr-2 { - margin-right: 0.25rem !important; } + margin-right: 4px !important; } .mb-2 { - margin-bottom: 0.25rem !important; } + margin-bottom: 4px !important; } .ml-2 { - margin-left: 0.25rem !important; } + margin-left: 4px !important; } .mx-2 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-right: 4px !important; + margin-left: 4px !important; } .my-2 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-top: 4px !important; + margin-bottom: 4px !important; } .m-3 { - margin: 0.5rem 0.5rem !important; } + margin: 8px 8px !important; } .mt-3 { - margin-top: 0.5rem !important; } + margin-top: 8px !important; } .mr-3 { - margin-right: 0.5rem !important; } + margin-right: 8px !important; } .mb-3 { - margin-bottom: 0.5rem !important; } + margin-bottom: 8px !important; } .ml-3 { - margin-left: 0.5rem !important; } + margin-left: 8px !important; } .mx-3 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-right: 8px !important; + margin-left: 8px !important; } .my-3 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-top: 8px !important; + margin-bottom: 8px !important; } .m-4 { - margin: 0.75rem 0.75rem !important; } + margin: 12px 12px !important; } .mt-4 { - margin-top: 0.75rem !important; } + margin-top: 12px !important; } .mr-4 { - margin-right: 0.75rem !important; } + margin-right: 12px !important; } .mb-4 { - margin-bottom: 0.75rem !important; } + margin-bottom: 12px !important; } .ml-4 { - margin-left: 0.75rem !important; } + margin-left: 12px !important; } .mx-4 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; } + margin-right: 12px !important; + margin-left: 12px !important; } .my-4 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; } + margin-top: 12px !important; + margin-bottom: 12px !important; } .m-5 { - margin: 1rem 1rem !important; } + margin: 16px 16px !important; } .mt-5 { - margin-top: 1rem !important; } + margin-top: 16px !important; } .mr-5 { - margin-right: 1rem !important; } + margin-right: 16px !important; } .mb-5 { - margin-bottom: 1rem !important; } + margin-bottom: 16px !important; } .ml-5 { - margin-left: 1rem !important; } + margin-left: 16px !important; } .mx-5 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-right: 16px !important; + margin-left: 16px !important; } .my-5 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-top: 16px !important; + margin-bottom: 16px !important; } .m-6 { - margin: 3rem 3rem !important; } + margin: 48px 48px !important; } .mt-6 { - margin-top: 3rem !important; } + margin-top: 48px !important; } .mr-6 { - margin-right: 3rem !important; } + margin-right: 48px !important; } .mb-6 { - margin-bottom: 3rem !important; } + margin-bottom: 48px !important; } .ml-6 { - margin-left: 3rem !important; } + margin-left: 48px !important; } .mx-6 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-right: 48px !important; + margin-left: 48px !important; } .my-6 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-top: 48px !important; + margin-bottom: 48px !important; } .p-0 { padding: 0 0 !important; } @@ -3656,142 +3656,142 @@ a.bg-inverse:focus, a.bg-inverse:hover { padding-bottom: 0 !important; } .p-1 { - padding: 0.125rem 0.125rem !important; } + padding: 2px 2px !important; } .pt-1 { - padding-top: 0.125rem !important; } + padding-top: 2px !important; } .pr-1 { - padding-right: 0.125rem !important; } + padding-right: 2px !important; } .pb-1 { - padding-bottom: 0.125rem !important; } + padding-bottom: 2px !important; } .pl-1 { - padding-left: 0.125rem !important; } + padding-left: 2px !important; } .px-1 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; } + padding-right: 2px !important; + padding-left: 2px !important; } .py-1 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; } + padding-top: 2px !important; + padding-bottom: 2px !important; } .p-2 { - padding: 0.25rem 0.25rem !important; } + padding: 4px 4px !important; } .pt-2 { - padding-top: 0.25rem !important; } + padding-top: 4px !important; } .pr-2 { - padding-right: 0.25rem !important; } + padding-right: 4px !important; } .pb-2 { - padding-bottom: 0.25rem !important; } + padding-bottom: 4px !important; } .pl-2 { - padding-left: 0.25rem !important; } + padding-left: 4px !important; } .px-2 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-right: 4px !important; + padding-left: 4px !important; } .py-2 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-top: 4px !important; + padding-bottom: 4px !important; } .p-3 { - padding: 0.5rem 0.5rem !important; } + padding: 8px 8px !important; } .pt-3 { - padding-top: 0.5rem !important; } + padding-top: 8px !important; } .pr-3 { - padding-right: 0.5rem !important; } + padding-right: 8px !important; } .pb-3 { - padding-bottom: 0.5rem !important; } + padding-bottom: 8px !important; } .pl-3 { - padding-left: 0.5rem !important; } + padding-left: 8px !important; } .px-3 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-right: 8px !important; + padding-left: 8px !important; } .py-3 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-top: 8px !important; + padding-bottom: 8px !important; } .p-4 { - padding: 0.75rem 0.75rem !important; } + padding: 12px 12px !important; } .pt-4 { - padding-top: 0.75rem !important; } + padding-top: 12px !important; } .pr-4 { - padding-right: 0.75rem !important; } + padding-right: 12px !important; } .pb-4 { - padding-bottom: 0.75rem !important; } + padding-bottom: 12px !important; } .pl-4 { - padding-left: 0.75rem !important; } + padding-left: 12px !important; } .px-4 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; } + padding-right: 12px !important; + padding-left: 12px !important; } .py-4 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; } + padding-top: 12px !important; + padding-bottom: 12px !important; } .p-5 { - padding: 1rem 1rem !important; } + padding: 16px 16px !important; } .pt-5 { - padding-top: 1rem !important; } + padding-top: 16px !important; } .pr-5 { - padding-right: 1rem !important; } + padding-right: 16px !important; } .pb-5 { - padding-bottom: 1rem !important; } + padding-bottom: 16px !important; } .pl-5 { - padding-left: 1rem !important; } + padding-left: 16px !important; } .px-5 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-right: 16px !important; + padding-left: 16px !important; } .py-5 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-top: 16px !important; + padding-bottom: 16px !important; } .p-6 { - padding: 3rem 3rem !important; } + padding: 48px 48px !important; } .pt-6 { - padding-top: 3rem !important; } + padding-top: 48px !important; } .pr-6 { - padding-right: 3rem !important; } + padding-right: 48px !important; } .pb-6 { - padding-bottom: 3rem !important; } + padding-bottom: 48px !important; } .pl-6 { - padding-left: 3rem !important; } + padding-left: 48px !important; } .px-6 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-right: 48px !important; + padding-left: 48px !important; } .py-6 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-top: 48px !important; + padding-bottom: 48px !important; } .m-auto { margin: auto !important; } @@ -3834,101 +3834,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { margin-top: 0 !important; margin-bottom: 0 !important; } .m-sm-1 { - margin: 0.125rem 0.125rem !important; } + margin: 2px 2px !important; } .mt-sm-1 { - margin-top: 0.125rem !important; } + margin-top: 2px !important; } .mr-sm-1 { - margin-right: 0.125rem !important; } + margin-right: 2px !important; } .mb-sm-1 { - margin-bottom: 0.125rem !important; } + margin-bottom: 2px !important; } .ml-sm-1 { - margin-left: 0.125rem !important; } + margin-left: 2px !important; } .mx-sm-1 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; } + margin-right: 2px !important; + margin-left: 2px !important; } .my-sm-1 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; } + margin-top: 2px !important; + margin-bottom: 2px !important; } .m-sm-2 { - margin: 0.25rem 0.25rem !important; } + margin: 4px 4px !important; } .mt-sm-2 { - margin-top: 0.25rem !important; } + margin-top: 4px !important; } .mr-sm-2 { - margin-right: 0.25rem !important; } + margin-right: 4px !important; } .mb-sm-2 { - margin-bottom: 0.25rem !important; } + margin-bottom: 4px !important; } .ml-sm-2 { - margin-left: 0.25rem !important; } + margin-left: 4px !important; } .mx-sm-2 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-right: 4px !important; + margin-left: 4px !important; } .my-sm-2 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-top: 4px !important; + margin-bottom: 4px !important; } .m-sm-3 { - margin: 0.5rem 0.5rem !important; } + margin: 8px 8px !important; } .mt-sm-3 { - margin-top: 0.5rem !important; } + margin-top: 8px !important; } .mr-sm-3 { - margin-right: 0.5rem !important; } + margin-right: 8px !important; } .mb-sm-3 { - margin-bottom: 0.5rem !important; } + margin-bottom: 8px !important; } .ml-sm-3 { - margin-left: 0.5rem !important; } + margin-left: 8px !important; } .mx-sm-3 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-right: 8px !important; + margin-left: 8px !important; } .my-sm-3 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-top: 8px !important; + margin-bottom: 8px !important; } .m-sm-4 { - margin: 0.75rem 0.75rem !important; } + margin: 12px 12px !important; } .mt-sm-4 { - margin-top: 0.75rem !important; } + margin-top: 12px !important; } .mr-sm-4 { - margin-right: 0.75rem !important; } + margin-right: 12px !important; } .mb-sm-4 { - margin-bottom: 0.75rem !important; } + margin-bottom: 12px !important; } .ml-sm-4 { - margin-left: 0.75rem !important; } + margin-left: 12px !important; } .mx-sm-4 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; } + margin-right: 12px !important; + margin-left: 12px !important; } .my-sm-4 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; } + margin-top: 12px !important; + margin-bottom: 12px !important; } .m-sm-5 { - margin: 1rem 1rem !important; } + margin: 16px 16px !important; } .mt-sm-5 { - margin-top: 1rem !important; } + margin-top: 16px !important; } .mr-sm-5 { - margin-right: 1rem !important; } + margin-right: 16px !important; } .mb-sm-5 { - margin-bottom: 1rem !important; } + margin-bottom: 16px !important; } .ml-sm-5 { - margin-left: 1rem !important; } + margin-left: 16px !important; } .mx-sm-5 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-right: 16px !important; + margin-left: 16px !important; } .my-sm-5 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-top: 16px !important; + margin-bottom: 16px !important; } .m-sm-6 { - margin: 3rem 3rem !important; } + margin: 48px 48px !important; } .mt-sm-6 { - margin-top: 3rem !important; } + margin-top: 48px !important; } .mr-sm-6 { - margin-right: 3rem !important; } + margin-right: 48px !important; } .mb-sm-6 { - margin-bottom: 3rem !important; } + margin-bottom: 48px !important; } .ml-sm-6 { - margin-left: 3rem !important; } + margin-left: 48px !important; } .mx-sm-6 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-right: 48px !important; + margin-left: 48px !important; } .my-sm-6 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-top: 48px !important; + margin-bottom: 48px !important; } .p-sm-0 { padding: 0 0 !important; } .pt-sm-0 { @@ -3946,101 +3946,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { padding-top: 0 !important; padding-bottom: 0 !important; } .p-sm-1 { - padding: 0.125rem 0.125rem !important; } + padding: 2px 2px !important; } .pt-sm-1 { - padding-top: 0.125rem !important; } + padding-top: 2px !important; } .pr-sm-1 { - padding-right: 0.125rem !important; } + padding-right: 2px !important; } .pb-sm-1 { - padding-bottom: 0.125rem !important; } + padding-bottom: 2px !important; } .pl-sm-1 { - padding-left: 0.125rem !important; } + padding-left: 2px !important; } .px-sm-1 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; } + padding-right: 2px !important; + padding-left: 2px !important; } .py-sm-1 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; } + padding-top: 2px !important; + padding-bottom: 2px !important; } .p-sm-2 { - padding: 0.25rem 0.25rem !important; } + padding: 4px 4px !important; } .pt-sm-2 { - padding-top: 0.25rem !important; } + padding-top: 4px !important; } .pr-sm-2 { - padding-right: 0.25rem !important; } + padding-right: 4px !important; } .pb-sm-2 { - padding-bottom: 0.25rem !important; } + padding-bottom: 4px !important; } .pl-sm-2 { - padding-left: 0.25rem !important; } + padding-left: 4px !important; } .px-sm-2 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-right: 4px !important; + padding-left: 4px !important; } .py-sm-2 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-top: 4px !important; + padding-bottom: 4px !important; } .p-sm-3 { - padding: 0.5rem 0.5rem !important; } + padding: 8px 8px !important; } .pt-sm-3 { - padding-top: 0.5rem !important; } + padding-top: 8px !important; } .pr-sm-3 { - padding-right: 0.5rem !important; } + padding-right: 8px !important; } .pb-sm-3 { - padding-bottom: 0.5rem !important; } + padding-bottom: 8px !important; } .pl-sm-3 { - padding-left: 0.5rem !important; } + padding-left: 8px !important; } .px-sm-3 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-right: 8px !important; + padding-left: 8px !important; } .py-sm-3 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-top: 8px !important; + padding-bottom: 8px !important; } .p-sm-4 { - padding: 0.75rem 0.75rem !important; } + padding: 12px 12px !important; } .pt-sm-4 { - padding-top: 0.75rem !important; } + padding-top: 12px !important; } .pr-sm-4 { - padding-right: 0.75rem !important; } + padding-right: 12px !important; } .pb-sm-4 { - padding-bottom: 0.75rem !important; } + padding-bottom: 12px !important; } .pl-sm-4 { - padding-left: 0.75rem !important; } + padding-left: 12px !important; } .px-sm-4 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; } + padding-right: 12px !important; + padding-left: 12px !important; } .py-sm-4 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; } + padding-top: 12px !important; + padding-bottom: 12px !important; } .p-sm-5 { - padding: 1rem 1rem !important; } + padding: 16px 16px !important; } .pt-sm-5 { - padding-top: 1rem !important; } + padding-top: 16px !important; } .pr-sm-5 { - padding-right: 1rem !important; } + padding-right: 16px !important; } .pb-sm-5 { - padding-bottom: 1rem !important; } + padding-bottom: 16px !important; } .pl-sm-5 { - padding-left: 1rem !important; } + padding-left: 16px !important; } .px-sm-5 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-right: 16px !important; + padding-left: 16px !important; } .py-sm-5 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-top: 16px !important; + padding-bottom: 16px !important; } .p-sm-6 { - padding: 3rem 3rem !important; } + padding: 48px 48px !important; } .pt-sm-6 { - padding-top: 3rem !important; } + padding-top: 48px !important; } .pr-sm-6 { - padding-right: 3rem !important; } + padding-right: 48px !important; } .pb-sm-6 { - padding-bottom: 3rem !important; } + padding-bottom: 48px !important; } .pl-sm-6 { - padding-left: 3rem !important; } + padding-left: 48px !important; } .px-sm-6 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-right: 48px !important; + padding-left: 48px !important; } .py-sm-6 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-top: 48px !important; + padding-bottom: 48px !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto { @@ -4076,101 +4076,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { margin-top: 0 !important; margin-bottom: 0 !important; } .m-md-1 { - margin: 0.125rem 0.125rem !important; } + margin: 2px 2px !important; } .mt-md-1 { - margin-top: 0.125rem !important; } + margin-top: 2px !important; } .mr-md-1 { - margin-right: 0.125rem !important; } + margin-right: 2px !important; } .mb-md-1 { - margin-bottom: 0.125rem !important; } + margin-bottom: 2px !important; } .ml-md-1 { - margin-left: 0.125rem !important; } + margin-left: 2px !important; } .mx-md-1 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; } + margin-right: 2px !important; + margin-left: 2px !important; } .my-md-1 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; } + margin-top: 2px !important; + margin-bottom: 2px !important; } .m-md-2 { - margin: 0.25rem 0.25rem !important; } + margin: 4px 4px !important; } .mt-md-2 { - margin-top: 0.25rem !important; } + margin-top: 4px !important; } .mr-md-2 { - margin-right: 0.25rem !important; } + margin-right: 4px !important; } .mb-md-2 { - margin-bottom: 0.25rem !important; } + margin-bottom: 4px !important; } .ml-md-2 { - margin-left: 0.25rem !important; } + margin-left: 4px !important; } .mx-md-2 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-right: 4px !important; + margin-left: 4px !important; } .my-md-2 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-top: 4px !important; + margin-bottom: 4px !important; } .m-md-3 { - margin: 0.5rem 0.5rem !important; } + margin: 8px 8px !important; } .mt-md-3 { - margin-top: 0.5rem !important; } + margin-top: 8px !important; } .mr-md-3 { - margin-right: 0.5rem !important; } + margin-right: 8px !important; } .mb-md-3 { - margin-bottom: 0.5rem !important; } + margin-bottom: 8px !important; } .ml-md-3 { - margin-left: 0.5rem !important; } + margin-left: 8px !important; } .mx-md-3 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-right: 8px !important; + margin-left: 8px !important; } .my-md-3 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-top: 8px !important; + margin-bottom: 8px !important; } .m-md-4 { - margin: 0.75rem 0.75rem !important; } + margin: 12px 12px !important; } .mt-md-4 { - margin-top: 0.75rem !important; } + margin-top: 12px !important; } .mr-md-4 { - margin-right: 0.75rem !important; } + margin-right: 12px !important; } .mb-md-4 { - margin-bottom: 0.75rem !important; } + margin-bottom: 12px !important; } .ml-md-4 { - margin-left: 0.75rem !important; } + margin-left: 12px !important; } .mx-md-4 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; } + margin-right: 12px !important; + margin-left: 12px !important; } .my-md-4 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; } + margin-top: 12px !important; + margin-bottom: 12px !important; } .m-md-5 { - margin: 1rem 1rem !important; } + margin: 16px 16px !important; } .mt-md-5 { - margin-top: 1rem !important; } + margin-top: 16px !important; } .mr-md-5 { - margin-right: 1rem !important; } + margin-right: 16px !important; } .mb-md-5 { - margin-bottom: 1rem !important; } + margin-bottom: 16px !important; } .ml-md-5 { - margin-left: 1rem !important; } + margin-left: 16px !important; } .mx-md-5 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-right: 16px !important; + margin-left: 16px !important; } .my-md-5 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-top: 16px !important; + margin-bottom: 16px !important; } .m-md-6 { - margin: 3rem 3rem !important; } + margin: 48px 48px !important; } .mt-md-6 { - margin-top: 3rem !important; } + margin-top: 48px !important; } .mr-md-6 { - margin-right: 3rem !important; } + margin-right: 48px !important; } .mb-md-6 { - margin-bottom: 3rem !important; } + margin-bottom: 48px !important; } .ml-md-6 { - margin-left: 3rem !important; } + margin-left: 48px !important; } .mx-md-6 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-right: 48px !important; + margin-left: 48px !important; } .my-md-6 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-top: 48px !important; + margin-bottom: 48px !important; } .p-md-0 { padding: 0 0 !important; } .pt-md-0 { @@ -4188,101 +4188,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { padding-top: 0 !important; padding-bottom: 0 !important; } .p-md-1 { - padding: 0.125rem 0.125rem !important; } + padding: 2px 2px !important; } .pt-md-1 { - padding-top: 0.125rem !important; } + padding-top: 2px !important; } .pr-md-1 { - padding-right: 0.125rem !important; } + padding-right: 2px !important; } .pb-md-1 { - padding-bottom: 0.125rem !important; } + padding-bottom: 2px !important; } .pl-md-1 { - padding-left: 0.125rem !important; } + padding-left: 2px !important; } .px-md-1 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; } + padding-right: 2px !important; + padding-left: 2px !important; } .py-md-1 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; } + padding-top: 2px !important; + padding-bottom: 2px !important; } .p-md-2 { - padding: 0.25rem 0.25rem !important; } + padding: 4px 4px !important; } .pt-md-2 { - padding-top: 0.25rem !important; } + padding-top: 4px !important; } .pr-md-2 { - padding-right: 0.25rem !important; } + padding-right: 4px !important; } .pb-md-2 { - padding-bottom: 0.25rem !important; } + padding-bottom: 4px !important; } .pl-md-2 { - padding-left: 0.25rem !important; } + padding-left: 4px !important; } .px-md-2 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-right: 4px !important; + padding-left: 4px !important; } .py-md-2 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-top: 4px !important; + padding-bottom: 4px !important; } .p-md-3 { - padding: 0.5rem 0.5rem !important; } + padding: 8px 8px !important; } .pt-md-3 { - padding-top: 0.5rem !important; } + padding-top: 8px !important; } .pr-md-3 { - padding-right: 0.5rem !important; } + padding-right: 8px !important; } .pb-md-3 { - padding-bottom: 0.5rem !important; } + padding-bottom: 8px !important; } .pl-md-3 { - padding-left: 0.5rem !important; } + padding-left: 8px !important; } .px-md-3 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-right: 8px !important; + padding-left: 8px !important; } .py-md-3 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-top: 8px !important; + padding-bottom: 8px !important; } .p-md-4 { - padding: 0.75rem 0.75rem !important; } + padding: 12px 12px !important; } .pt-md-4 { - padding-top: 0.75rem !important; } + padding-top: 12px !important; } .pr-md-4 { - padding-right: 0.75rem !important; } + padding-right: 12px !important; } .pb-md-4 { - padding-bottom: 0.75rem !important; } + padding-bottom: 12px !important; } .pl-md-4 { - padding-left: 0.75rem !important; } + padding-left: 12px !important; } .px-md-4 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; } + padding-right: 12px !important; + padding-left: 12px !important; } .py-md-4 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; } + padding-top: 12px !important; + padding-bottom: 12px !important; } .p-md-5 { - padding: 1rem 1rem !important; } + padding: 16px 16px !important; } .pt-md-5 { - padding-top: 1rem !important; } + padding-top: 16px !important; } .pr-md-5 { - padding-right: 1rem !important; } + padding-right: 16px !important; } .pb-md-5 { - padding-bottom: 1rem !important; } + padding-bottom: 16px !important; } .pl-md-5 { - padding-left: 1rem !important; } + padding-left: 16px !important; } .px-md-5 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-right: 16px !important; + padding-left: 16px !important; } .py-md-5 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-top: 16px !important; + padding-bottom: 16px !important; } .p-md-6 { - padding: 3rem 3rem !important; } + padding: 48px 48px !important; } .pt-md-6 { - padding-top: 3rem !important; } + padding-top: 48px !important; } .pr-md-6 { - padding-right: 3rem !important; } + padding-right: 48px !important; } .pb-md-6 { - padding-bottom: 3rem !important; } + padding-bottom: 48px !important; } .pl-md-6 { - padding-left: 3rem !important; } + padding-left: 48px !important; } .px-md-6 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-right: 48px !important; + padding-left: 48px !important; } .py-md-6 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-top: 48px !important; + padding-bottom: 48px !important; } .m-md-auto { margin: auto !important; } .mt-md-auto { @@ -4318,101 +4318,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { margin-top: 0 !important; margin-bottom: 0 !important; } .m-lg-1 { - margin: 0.125rem 0.125rem !important; } + margin: 2px 2px !important; } .mt-lg-1 { - margin-top: 0.125rem !important; } + margin-top: 2px !important; } .mr-lg-1 { - margin-right: 0.125rem !important; } + margin-right: 2px !important; } .mb-lg-1 { - margin-bottom: 0.125rem !important; } + margin-bottom: 2px !important; } .ml-lg-1 { - margin-left: 0.125rem !important; } + margin-left: 2px !important; } .mx-lg-1 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; } + margin-right: 2px !important; + margin-left: 2px !important; } .my-lg-1 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; } + margin-top: 2px !important; + margin-bottom: 2px !important; } .m-lg-2 { - margin: 0.25rem 0.25rem !important; } + margin: 4px 4px !important; } .mt-lg-2 { - margin-top: 0.25rem !important; } + margin-top: 4px !important; } .mr-lg-2 { - margin-right: 0.25rem !important; } + margin-right: 4px !important; } .mb-lg-2 { - margin-bottom: 0.25rem !important; } + margin-bottom: 4px !important; } .ml-lg-2 { - margin-left: 0.25rem !important; } + margin-left: 4px !important; } .mx-lg-2 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-right: 4px !important; + margin-left: 4px !important; } .my-lg-2 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-top: 4px !important; + margin-bottom: 4px !important; } .m-lg-3 { - margin: 0.5rem 0.5rem !important; } + margin: 8px 8px !important; } .mt-lg-3 { - margin-top: 0.5rem !important; } + margin-top: 8px !important; } .mr-lg-3 { - margin-right: 0.5rem !important; } + margin-right: 8px !important; } .mb-lg-3 { - margin-bottom: 0.5rem !important; } + margin-bottom: 8px !important; } .ml-lg-3 { - margin-left: 0.5rem !important; } + margin-left: 8px !important; } .mx-lg-3 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-right: 8px !important; + margin-left: 8px !important; } .my-lg-3 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-top: 8px !important; + margin-bottom: 8px !important; } .m-lg-4 { - margin: 0.75rem 0.75rem !important; } + margin: 12px 12px !important; } .mt-lg-4 { - margin-top: 0.75rem !important; } + margin-top: 12px !important; } .mr-lg-4 { - margin-right: 0.75rem !important; } + margin-right: 12px !important; } .mb-lg-4 { - margin-bottom: 0.75rem !important; } + margin-bottom: 12px !important; } .ml-lg-4 { - margin-left: 0.75rem !important; } + margin-left: 12px !important; } .mx-lg-4 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; } + margin-right: 12px !important; + margin-left: 12px !important; } .my-lg-4 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; } + margin-top: 12px !important; + margin-bottom: 12px !important; } .m-lg-5 { - margin: 1rem 1rem !important; } + margin: 16px 16px !important; } .mt-lg-5 { - margin-top: 1rem !important; } + margin-top: 16px !important; } .mr-lg-5 { - margin-right: 1rem !important; } + margin-right: 16px !important; } .mb-lg-5 { - margin-bottom: 1rem !important; } + margin-bottom: 16px !important; } .ml-lg-5 { - margin-left: 1rem !important; } + margin-left: 16px !important; } .mx-lg-5 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-right: 16px !important; + margin-left: 16px !important; } .my-lg-5 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-top: 16px !important; + margin-bottom: 16px !important; } .m-lg-6 { - margin: 3rem 3rem !important; } + margin: 48px 48px !important; } .mt-lg-6 { - margin-top: 3rem !important; } + margin-top: 48px !important; } .mr-lg-6 { - margin-right: 3rem !important; } + margin-right: 48px !important; } .mb-lg-6 { - margin-bottom: 3rem !important; } + margin-bottom: 48px !important; } .ml-lg-6 { - margin-left: 3rem !important; } + margin-left: 48px !important; } .mx-lg-6 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-right: 48px !important; + margin-left: 48px !important; } .my-lg-6 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-top: 48px !important; + margin-bottom: 48px !important; } .p-lg-0 { padding: 0 0 !important; } .pt-lg-0 { @@ -4430,101 +4430,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { padding-top: 0 !important; padding-bottom: 0 !important; } .p-lg-1 { - padding: 0.125rem 0.125rem !important; } + padding: 2px 2px !important; } .pt-lg-1 { - padding-top: 0.125rem !important; } + padding-top: 2px !important; } .pr-lg-1 { - padding-right: 0.125rem !important; } + padding-right: 2px !important; } .pb-lg-1 { - padding-bottom: 0.125rem !important; } + padding-bottom: 2px !important; } .pl-lg-1 { - padding-left: 0.125rem !important; } + padding-left: 2px !important; } .px-lg-1 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; } + padding-right: 2px !important; + padding-left: 2px !important; } .py-lg-1 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; } + padding-top: 2px !important; + padding-bottom: 2px !important; } .p-lg-2 { - padding: 0.25rem 0.25rem !important; } + padding: 4px 4px !important; } .pt-lg-2 { - padding-top: 0.25rem !important; } + padding-top: 4px !important; } .pr-lg-2 { - padding-right: 0.25rem !important; } + padding-right: 4px !important; } .pb-lg-2 { - padding-bottom: 0.25rem !important; } + padding-bottom: 4px !important; } .pl-lg-2 { - padding-left: 0.25rem !important; } + padding-left: 4px !important; } .px-lg-2 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-right: 4px !important; + padding-left: 4px !important; } .py-lg-2 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-top: 4px !important; + padding-bottom: 4px !important; } .p-lg-3 { - padding: 0.5rem 0.5rem !important; } + padding: 8px 8px !important; } .pt-lg-3 { - padding-top: 0.5rem !important; } + padding-top: 8px !important; } .pr-lg-3 { - padding-right: 0.5rem !important; } + padding-right: 8px !important; } .pb-lg-3 { - padding-bottom: 0.5rem !important; } + padding-bottom: 8px !important; } .pl-lg-3 { - padding-left: 0.5rem !important; } + padding-left: 8px !important; } .px-lg-3 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-right: 8px !important; + padding-left: 8px !important; } .py-lg-3 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-top: 8px !important; + padding-bottom: 8px !important; } .p-lg-4 { - padding: 0.75rem 0.75rem !important; } + padding: 12px 12px !important; } .pt-lg-4 { - padding-top: 0.75rem !important; } + padding-top: 12px !important; } .pr-lg-4 { - padding-right: 0.75rem !important; } + padding-right: 12px !important; } .pb-lg-4 { - padding-bottom: 0.75rem !important; } + padding-bottom: 12px !important; } .pl-lg-4 { - padding-left: 0.75rem !important; } + padding-left: 12px !important; } .px-lg-4 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; } + padding-right: 12px !important; + padding-left: 12px !important; } .py-lg-4 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; } + padding-top: 12px !important; + padding-bottom: 12px !important; } .p-lg-5 { - padding: 1rem 1rem !important; } + padding: 16px 16px !important; } .pt-lg-5 { - padding-top: 1rem !important; } + padding-top: 16px !important; } .pr-lg-5 { - padding-right: 1rem !important; } + padding-right: 16px !important; } .pb-lg-5 { - padding-bottom: 1rem !important; } + padding-bottom: 16px !important; } .pl-lg-5 { - padding-left: 1rem !important; } + padding-left: 16px !important; } .px-lg-5 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-right: 16px !important; + padding-left: 16px !important; } .py-lg-5 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-top: 16px !important; + padding-bottom: 16px !important; } .p-lg-6 { - padding: 3rem 3rem !important; } + padding: 48px 48px !important; } .pt-lg-6 { - padding-top: 3rem !important; } + padding-top: 48px !important; } .pr-lg-6 { - padding-right: 3rem !important; } + padding-right: 48px !important; } .pb-lg-6 { - padding-bottom: 3rem !important; } + padding-bottom: 48px !important; } .pl-lg-6 { - padding-left: 3rem !important; } + padding-left: 48px !important; } .px-lg-6 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-right: 48px !important; + padding-left: 48px !important; } .py-lg-6 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-top: 48px !important; + padding-bottom: 48px !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto { @@ -4560,101 +4560,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { margin-top: 0 !important; margin-bottom: 0 !important; } .m-xl-1 { - margin: 0.125rem 0.125rem !important; } + margin: 2px 2px !important; } .mt-xl-1 { - margin-top: 0.125rem !important; } + margin-top: 2px !important; } .mr-xl-1 { - margin-right: 0.125rem !important; } + margin-right: 2px !important; } .mb-xl-1 { - margin-bottom: 0.125rem !important; } + margin-bottom: 2px !important; } .ml-xl-1 { - margin-left: 0.125rem !important; } + margin-left: 2px !important; } .mx-xl-1 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; } + margin-right: 2px !important; + margin-left: 2px !important; } .my-xl-1 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; } + margin-top: 2px !important; + margin-bottom: 2px !important; } .m-xl-2 { - margin: 0.25rem 0.25rem !important; } + margin: 4px 4px !important; } .mt-xl-2 { - margin-top: 0.25rem !important; } + margin-top: 4px !important; } .mr-xl-2 { - margin-right: 0.25rem !important; } + margin-right: 4px !important; } .mb-xl-2 { - margin-bottom: 0.25rem !important; } + margin-bottom: 4px !important; } .ml-xl-2 { - margin-left: 0.25rem !important; } + margin-left: 4px !important; } .mx-xl-2 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-right: 4px !important; + margin-left: 4px !important; } .my-xl-2 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-top: 4px !important; + margin-bottom: 4px !important; } .m-xl-3 { - margin: 0.5rem 0.5rem !important; } + margin: 8px 8px !important; } .mt-xl-3 { - margin-top: 0.5rem !important; } + margin-top: 8px !important; } .mr-xl-3 { - margin-right: 0.5rem !important; } + margin-right: 8px !important; } .mb-xl-3 { - margin-bottom: 0.5rem !important; } + margin-bottom: 8px !important; } .ml-xl-3 { - margin-left: 0.5rem !important; } + margin-left: 8px !important; } .mx-xl-3 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-right: 8px !important; + margin-left: 8px !important; } .my-xl-3 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-top: 8px !important; + margin-bottom: 8px !important; } .m-xl-4 { - margin: 0.75rem 0.75rem !important; } + margin: 12px 12px !important; } .mt-xl-4 { - margin-top: 0.75rem !important; } + margin-top: 12px !important; } .mr-xl-4 { - margin-right: 0.75rem !important; } + margin-right: 12px !important; } .mb-xl-4 { - margin-bottom: 0.75rem !important; } + margin-bottom: 12px !important; } .ml-xl-4 { - margin-left: 0.75rem !important; } + margin-left: 12px !important; } .mx-xl-4 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; } + margin-right: 12px !important; + margin-left: 12px !important; } .my-xl-4 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; } + margin-top: 12px !important; + margin-bottom: 12px !important; } .m-xl-5 { - margin: 1rem 1rem !important; } + margin: 16px 16px !important; } .mt-xl-5 { - margin-top: 1rem !important; } + margin-top: 16px !important; } .mr-xl-5 { - margin-right: 1rem !important; } + margin-right: 16px !important; } .mb-xl-5 { - margin-bottom: 1rem !important; } + margin-bottom: 16px !important; } .ml-xl-5 { - margin-left: 1rem !important; } + margin-left: 16px !important; } .mx-xl-5 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-right: 16px !important; + margin-left: 16px !important; } .my-xl-5 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-top: 16px !important; + margin-bottom: 16px !important; } .m-xl-6 { - margin: 3rem 3rem !important; } + margin: 48px 48px !important; } .mt-xl-6 { - margin-top: 3rem !important; } + margin-top: 48px !important; } .mr-xl-6 { - margin-right: 3rem !important; } + margin-right: 48px !important; } .mb-xl-6 { - margin-bottom: 3rem !important; } + margin-bottom: 48px !important; } .ml-xl-6 { - margin-left: 3rem !important; } + margin-left: 48px !important; } .mx-xl-6 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-right: 48px !important; + margin-left: 48px !important; } .my-xl-6 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-top: 48px !important; + margin-bottom: 48px !important; } .p-xl-0 { padding: 0 0 !important; } .pt-xl-0 { @@ -4672,101 +4672,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { padding-top: 0 !important; padding-bottom: 0 !important; } .p-xl-1 { - padding: 0.125rem 0.125rem !important; } + padding: 2px 2px !important; } .pt-xl-1 { - padding-top: 0.125rem !important; } + padding-top: 2px !important; } .pr-xl-1 { - padding-right: 0.125rem !important; } + padding-right: 2px !important; } .pb-xl-1 { - padding-bottom: 0.125rem !important; } + padding-bottom: 2px !important; } .pl-xl-1 { - padding-left: 0.125rem !important; } + padding-left: 2px !important; } .px-xl-1 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; } + padding-right: 2px !important; + padding-left: 2px !important; } .py-xl-1 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; } + padding-top: 2px !important; + padding-bottom: 2px !important; } .p-xl-2 { - padding: 0.25rem 0.25rem !important; } + padding: 4px 4px !important; } .pt-xl-2 { - padding-top: 0.25rem !important; } + padding-top: 4px !important; } .pr-xl-2 { - padding-right: 0.25rem !important; } + padding-right: 4px !important; } .pb-xl-2 { - padding-bottom: 0.25rem !important; } + padding-bottom: 4px !important; } .pl-xl-2 { - padding-left: 0.25rem !important; } + padding-left: 4px !important; } .px-xl-2 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-right: 4px !important; + padding-left: 4px !important; } .py-xl-2 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-top: 4px !important; + padding-bottom: 4px !important; } .p-xl-3 { - padding: 0.5rem 0.5rem !important; } + padding: 8px 8px !important; } .pt-xl-3 { - padding-top: 0.5rem !important; } + padding-top: 8px !important; } .pr-xl-3 { - padding-right: 0.5rem !important; } + padding-right: 8px !important; } .pb-xl-3 { - padding-bottom: 0.5rem !important; } + padding-bottom: 8px !important; } .pl-xl-3 { - padding-left: 0.5rem !important; } + padding-left: 8px !important; } .px-xl-3 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-right: 8px !important; + padding-left: 8px !important; } .py-xl-3 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-top: 8px !important; + padding-bottom: 8px !important; } .p-xl-4 { - padding: 0.75rem 0.75rem !important; } + padding: 12px 12px !important; } .pt-xl-4 { - padding-top: 0.75rem !important; } + padding-top: 12px !important; } .pr-xl-4 { - padding-right: 0.75rem !important; } + padding-right: 12px !important; } .pb-xl-4 { - padding-bottom: 0.75rem !important; } + padding-bottom: 12px !important; } .pl-xl-4 { - padding-left: 0.75rem !important; } + padding-left: 12px !important; } .px-xl-4 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; } + padding-right: 12px !important; + padding-left: 12px !important; } .py-xl-4 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; } + padding-top: 12px !important; + padding-bottom: 12px !important; } .p-xl-5 { - padding: 1rem 1rem !important; } + padding: 16px 16px !important; } .pt-xl-5 { - padding-top: 1rem !important; } + padding-top: 16px !important; } .pr-xl-5 { - padding-right: 1rem !important; } + padding-right: 16px !important; } .pb-xl-5 { - padding-bottom: 1rem !important; } + padding-bottom: 16px !important; } .pl-xl-5 { - padding-left: 1rem !important; } + padding-left: 16px !important; } .px-xl-5 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-right: 16px !important; + padding-left: 16px !important; } .py-xl-5 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-top: 16px !important; + padding-bottom: 16px !important; } .p-xl-6 { - padding: 3rem 3rem !important; } + padding: 48px 48px !important; } .pt-xl-6 { - padding-top: 3rem !important; } + padding-top: 48px !important; } .pr-xl-6 { - padding-right: 3rem !important; } + padding-right: 48px !important; } .pb-xl-6 { - padding-bottom: 3rem !important; } + padding-bottom: 48px !important; } .pl-xl-6 { - padding-left: 3rem !important; } + padding-left: 48px !important; } .px-xl-6 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-right: 48px !important; + padding-left: 48px !important; } .py-xl-6 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-top: 48px !important; + padding-bottom: 48px !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto { @@ -4969,8 +4969,13 @@ a.text-gray-dark:focus, a.text-gray-dark:hover { .hidden-print { display: none !important; } } +.container { + width: 100%; + max-width: 1200px; } + body { - font-smoothing: antialiased; } + -webkit-font-smoothing: antialiased; + font-size: 16px; } h1 { line-height: 3rem; } @@ -4979,59 +4984,85 @@ h2 { line-height: 2.75rem; } h3 { - line-height: 2rem; } - @media (max-width: 767px) { + font-size: 20px; + line-height: 28px; } + @media (min-width: 768px) { h3 { - font-size: 1em; } } + font-size: 24px; + line-height: 32px; } } h4 { font-weight: 500; - line-height: 1.75rem; } - @media (max-width: 767px) { + font-size: 16px; + line-height: 24px; } + @media (min-width: 576px) { h4 { - font-size: 1em; } } + font-size: 20px; + line-height: 28px; } } -h5 { - line-height: 1.5rem; } +h5, .h5 { + font-size: 16px; + line-height: 24px; } + @media (min-width: 768px) { + h5, .h5 { + font-size: 24px; + line-height: 32px; } } p { - line-height: 1.5rem; } - @media (max-width: 767px) { - p { - font-size: .85em; } } + font-size: 16px; + line-height: 24px; } p.lead { - line-height: 2rem; } - @media (max-width: 991px) { + font-size: inherit; + line-height: inherit; } + @media (min-width: 768px) { p.lead { - font-size: 1.5rem; - line-height: 2rem; } } - @media (max-width: 767px) { - p.lead { - font-size: 1rem; - line-height: 1.5rem; } } + font-size: 24px; + line-height: 32px; } } + +.display-1 { + font-size: 120px; + line-height: 144px; } .display-2 { - margin-bottom: 4rem; } - @media (max-width: 991px) { + font-size: 32px; + line-height: 44px; + margin-bottom: 40px; } + @media (min-width: 768px) { .display-2 { - font-size: 2.5rem; - line-height: 3.5rem; + font-size: 40px; + line-height: 56px; margin-bottom: 3rem; } } - @media (max-width: 767px) { - .display-2 { - font-size: 2rem; - line-height: 2.75rem; } } -@media (max-width: 575px) { - .display-4 { - font-size: .875rem; - line-height: 1.25rem; } } +.display-3 { + font-size: 24px; + line-height: 32px; } + @media (min-width: 768px) { + .display-3 { + font-size: 32px; + line-height: 44px; } } -small { - line-height: 1rem; } - @media (max-width: 767px) { - small { - font-size: .75em; } } +.display-4 { + font-size: 14px; + line-height: 20px; + font-weight: 400; } + @media (min-width: 576px) { + .display-4 { + font-size: 24px; + line-height: 32px; } } + +.display-5 { + font-size: 20px; + line-height: 28px; } + +small, +.small { + font-size: 14px; + line-height: 20px; } + @media (min-width: 768px) { + small, + .small { + font-size: 16px; + line-height: 24px; } } .truncate { width: 100%; @@ -5039,19 +5070,57 @@ small { overflow: hidden; text-overflow: ellipsis; } +.fireinfo_cat { + font-size: 14px; + line-height: 20px; } + +h5.fireinfo { + font-size: 20px; + line-height: 28px; + font-weight: 500; } + +.fireinfo_per { + font-size: 20px; + line-height: 28px; } + #mask { width: 100vw; height: 100vh; - position: absolute; + position: fixed; top: 0; left: 0; - background-color: transparent; + background-color: rgba(0, 0, 0, 0.4); display: none; visibility: hidden; } #mask.open { display: block; visibility: visible; } +.tux { + position: absolute; + top: 12px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } + .tux h1 { + font-weight: 300 !important; + color: #263238; + font-size: 20px; + line-height: 28px; + margin-bottom: 0; } + .tux h1 strong { + font-weight: 700 !important; } + .tux h1:before { + content: ""; + height: 32px; + width: 25px; + background-image: url("../img/ipfire-tux.png"); + background-repeat: no-repeat; + background-position: center center; + background-size: contain; + display: inline-block; + position: relative; } + .menu-text { -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; } @@ -5075,6 +5144,9 @@ small { width: 100%; } .fixed-top .navbar a { color: #263238; } + @media (min-width: 576px) { + .fixed-top .navbar a { + margin-top: 8px; } } .fixed-top .navbar .navbar-toggler-left { left: -12px; top: 8px; } @@ -5088,8 +5160,7 @@ small { font-size: 20px; font-weight: 300; opacity: 0; - margin: 8px 0 0 96px; - margin-top: 8px; + margin: 0; -webkit-transition: opacity .7s linear; transition: opacity .7s linear; } @media (min-width: 992px) { @@ -5121,9 +5192,16 @@ small { .scrolled .navbar-brand { opacity: 1; } +.scrolled.fadeout { + background-color: rgba(100, 100, 100, 0.5); } + .scrolled.fadeout a.btn-donate { + opacity: .5; } + .scrolled.fadeout a.navbar-brand { + opacity: .5; } + #navbarSupportedContent { width: 100%; } - @media (max-width: 1199px) { + @media (max-width: 991px) { #navbarSupportedContent { background: white; position: fixed; @@ -5145,7 +5223,7 @@ small { @media (min-width: 992px) { .navbar-nav { - padding-top: 10px; } } + padding-top: 2px; } } .navbar-nav .nav-link { color: #263238; @@ -5404,7 +5482,9 @@ section.intro { color: #263238; } @media (max-width: 575px) { section.intro .branding h1 { - font-size: 4.5rem; } } + font-size: 72px; + line-height: 88px; + margin-bottom: 0; } } section.intro .branding h1 strong { font-weight: 700 !important; } section.intro .branding h1:before { @@ -5424,22 +5504,25 @@ section.intro { width: 93px; margin-right: 32px; top: 8px; } } - section.intro .page-scroll { - position: absolute; - bottom: 48px; - left: 50%; - -webkit-transform: translateX(-50%); - transform: translateX(-50%); } - section.intro .page-scroll .btn { - width: 36px; - height: 36px; - fill: #b71c1c; } - @media (min-width: 576px) { - section.intro .page-scroll .btn { - width: 64px; - height: 64px; } } - section.intro .page-scroll .btn:hover .i_arrow_down { - fill: white; } + +.page-scroll { + display: block; + visibility: visible; + position: absolute; + bottom: 48px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); } + .page-scroll .btn { + width: 36px; + height: 36px; + fill: #b71c1c; } + @media (min-width: 576px) { + .page-scroll .btn { + width: 64px; + height: 64px; } } + .page-scroll .btn:hover .i_arrow_down { + fill: white; } section.content-section { padding: 3rem 0; } @@ -5479,12 +5562,11 @@ section#fireinfo { .circle { position: relative; } - .circle p.lead { + .circle p.fireinfo_per { color: #546e7a; position: absolute; - top: calc(50% - 1.25rem); - width: 100%; - font-size: 1.25em; } + top: calc(50% - 20px); + width: 100%; } section#appliances { padding-bottom: 48px; } @@ -5496,9 +5578,11 @@ footer { padding-top: 31px; } } footer h4 { margin-bottom: 1.25rem; - color: rgba(38, 50, 56, 0.6); } + color: rgba(38, 50, 56, 0.6); + font-size: 20px; + line-height: 28px; } footer ul li { - font-size: 0.875rem; + font-size: 14px; margin-bottom: .75rem; } footer ul li a { color: rgba(38, 50, 56, 0.6); @@ -5516,6 +5600,9 @@ footer { #copyright { background-color: rgba(38, 50, 56, 0.06); padding: 1rem 0; } + #copyright p { + font-size: 12px; + line-height: 16px; } @-webkit-keyframes scroll { 0%, 100% { diff --git a/static/js/site-min.js b/static/js/site-min.js index 1e8643f..c30c758 100644 --- a/static/js/site-min.js +++ b/static/js/site-min.js @@ -1 +1 @@ -function getCookie(o){var e=document.cookie.match("\\b"+o+"=([^;]*)\\b");return e?e[1]:void 0}$(document).ready(function(){$("#scrollto").click(function(o){o.preventDefault(),$("body").animate({scrollTop:$("#features").offset().top-72},1e3)}),$(window).scroll(function(){$(document).scrollTop()>100?($(".fixed-top").addClass("scrolled"),$(".menu-text").addClass("hidden")):($(".fixed-top").removeClass("scrolled"),$(".menu-text").removeClass("hidden"))}),$(".navbar-toggler-left").click(function(){$("#navbarSupportedContent, #mask").addClass("open")}),$("#mask").click(function(){$("#navbarSupportedContent, #mask").removeClass("open")})}),$.query=function(o){return new RegExp("[\\?&]"+o+"=([^&#]*)").exec(window.location.href)[1]||0},$("a.download-splash").click(function(o){o.preventDefault(),linkLocation=this.href,window.location="http://downloads.ipfire.org/download-splash?file="+linkLocation}),/.*download-splash.*/i.test(window.location.href)&&$("p.download-path").ready(function(){var o=!1,e=["http://downloads.ipfire.org/"],n=$.query("file");for(i in e)prefix=e[i],n.substring(0,prefix.length)==prefix&&(o=!0);o&&($("p.download-path").prepend($("",{href:encodeURI(n),text:n})),setTimeout(function(){window.location=n},"2000"))}),jQuery.postJSON=function(url,args,callback){args._xsrf=getCookie("_xsrf"),$.ajax({url:url,data:$.param(args),dataType:"text",type:"POST",success:function(response){callback(eval("("+response+")"))}})}; \ No newline at end of file +function getCookie(o){var e=document.cookie.match("\\b"+o+"=([^;]*)\\b");return e?e[1]:void 0}$(document).ready(function(){$("#scrollto").click(function(o){o.preventDefault(),$("body").animate({scrollTop:$("#features").offset().top-72},1e3)}),$(window).scroll(function(){$(document).scrollTop()>100?($(".fixed-top").addClass("scrolled"),$(".menu-text").addClass("hidden")):($(".fixed-top").removeClass("scrolled"),$(".menu-text").removeClass("hidden"))}),$(".navbar-toggler-left").click(function(){$("#navbarSupportedContent, #mask").addClass("open"),$(".scrolled").addClass("fadeout")}),$("#mask").click(function(){$("#navbarSupportedContent, #mask").removeClass("open"),$(".scrolled").removeClass("fadeout")})}),$.query=function(o){return new RegExp("[\\?&]"+o+"=([^&#]*)").exec(window.location.href)[1]||0},$("a.download-splash").click(function(o){o.preventDefault(),linkLocation=this.href,window.location="http://downloads.ipfire.org/download-splash?file="+linkLocation}),/.*download-splash.*/i.test(window.location.href)&&$("p.download-path").ready(function(){var o=!1,e=["http://downloads.ipfire.org/"],n=$.query("file");for(i in e)prefix=e[i],n.substring(0,prefix.length)==prefix&&(o=!0);o&&($("p.download-path").prepend($("",{href:encodeURI(n),text:n})),setTimeout(function(){window.location=n},"2000"))}),jQuery.postJSON=function(url,args,callback){args._xsrf=getCookie("_xsrf"),$.ajax({url:url,data:$.param(args),dataType:"text",type:"POST",success:function(response){callback(eval("("+response+")"))}})}; \ No newline at end of file diff --git a/static/js/site.js b/static/js/site.js index 5270a54..93d0d12 100644 --- a/static/js/site.js +++ b/static/js/site.js @@ -17,9 +17,11 @@ $(document).ready(function () { //* Menu *// $('.navbar-toggler-left').click(function() { $('#navbarSupportedContent, #mask').addClass('open'); + $('.scrolled').addClass('fadeout'); }); $('#mask').click(function() { $('#navbarSupportedContent, #mask').removeClass('open'); + $('.scrolled').removeClass('fadeout'); }); }); diff --git a/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap-reboot.css b/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap-reboot.css index 90d6497..021741f 100644 --- a/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap-reboot.css +++ b/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap-reboot.css @@ -214,7 +214,7 @@ html { body { font-family: "Ubuntu", sans-serif; font-size: 1rem; - font-weight: 300; + font-weight: 400; line-height: 1.5; color: #263238; background-color: #eceff1; } diff --git a/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap.css b/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap.css index 10dd693..a19ccd7 100644 --- a/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap.css +++ b/static/scss/bootstrap-4.0.0-alpha.6/css/bootstrap.css @@ -271,7 +271,7 @@ html { body { font-family: "Ubuntu", sans-serif; font-size: 1rem; - font-weight: 300; + font-weight: 400; line-height: 1.5; color: #263238; background-color: #eceff1; } @@ -432,57 +432,57 @@ h1, h2, h3, h4, h5, h6, color: inherit; } h1, .h1 { - font-size: 2.25rem; } + font-size: 36px; } h2, .h2 { - font-size: 2rem; } + font-size: 32px; } h3, .h3 { - font-size: 1.5rem; } + font-size: 24px; } h4, .h4 { - font-size: 1.25rem; } + font-size: 20px; } h5, .h5 { - font-size: 1rem; } + font-size: 16px; } h6, .h6 { - font-size: 0.75rem; } + font-size: 12px; } .lead { - font-size: 1.5rem; + font-size: 24px; font-weight: 300; } .display-1 { - font-size: 7.5rem; + font-size: 120px; font-weight: 300; line-height: 1.1; } .display-2 { - font-size: 3rem; + font-size: 48px; font-weight: 300; line-height: 1.1; } .display-3 { - font-size: 2.25rem; + font-size: 32px; font-weight: 300; line-height: 1.1; } .display-4 { - font-size: 1.5rem; + font-size: 24px; font-weight: 300; line-height: 1.1; } hr { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + margin-top: 8px; + margin-bottom: 8px; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { - font-size: 0.875rem; - font-weight: 300; } + font-size: 14px; + font-weight: 400; } mark, .mark { @@ -507,8 +507,8 @@ mark, text-transform: uppercase; } .blockquote { - padding: 0.25rem 0.5rem; - margin-bottom: 0.5rem; + padding: 4px 8px; + margin-bottom: 8px; font-size: 1.25rem; border-left: 0.25rem solid #eceeef; } @@ -520,7 +520,7 @@ mark, content: "\2014 \00A0"; } .blockquote-reverse { - padding-right: 0.5rem; + padding-right: 8px; padding-left: 0; text-align: right; border-right: 0.25rem solid #eceeef; @@ -549,7 +549,7 @@ mark, display: inline-block; } .figure-img { - margin-bottom: 0.25rem; + margin-bottom: 4px; line-height: 1; } .figure-caption { @@ -1371,7 +1371,7 @@ pre { .table { width: 100%; max-width: 100%; - margin-bottom: 0.5rem; } + margin-bottom: 8px; } .table th, .table td { padding: 0.75rem; @@ -1534,7 +1534,7 @@ select.form-control:focus::-ms-value { .col-form-label-lg { padding-top: calc(0.75rem - 2px * 2); padding-bottom: calc(0.75rem - 2px * 2); - font-size: 1.25rem; } + font-size: 20px; } .col-form-label-sm { padding-top: calc(0.25rem - 2px * 2); @@ -1578,7 +1578,7 @@ select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.for .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { padding: 0.75rem 1.5rem; - font-size: 1.25rem; + font-size: 20px; border-radius: 0.3rem; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), @@ -1750,7 +1750,7 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for vertical-align: middle; user-select: none; border: 2px solid transparent; - padding: 0.5rem 1rem; + padding: 8px 16px; font-size: 1rem; border-radius: 0.25rem; transition: all 0.2s ease-in-out; } @@ -2010,7 +2010,7 @@ fieldset[disabled] a.btn { border-color: #d9534f; } .btn-link { - font-weight: 300; + font-weight: 400; color: #b71c1c; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { @@ -2029,12 +2029,12 @@ fieldset[disabled] a.btn { text-decoration: none; } .btn-lg, .btn-group-lg > .btn { - padding: 0.75rem 2rem; - font-size: 1.25rem; - border-radius: 0.125rem; } + padding: 12px 32px; + font-size: 20px; + border-radius: 2px; } .btn-sm, .btn-group-sm > .btn { - padding: 0.25rem 0.5rem; + padding: 4px 8px; font-size: 0.875rem; border-radius: 0.2rem; } @@ -2043,7 +2043,7 @@ fieldset[disabled] a.btn { width: 100%; } .btn-block + .btn-block { - margin-top: 0.5rem; } + margin-top: 8px; } input[type="submit"].btn-block, input[type="reset"].btn-block, @@ -2116,7 +2116,7 @@ tbody.collapse.show { .dropdown-divider { height: 1px; - margin: 0.25rem 0; + margin: 4px 0; overflow: hidden; background-color: #eceeef; } @@ -2125,7 +2125,7 @@ tbody.collapse.show { width: 100%; padding: 3px 1.5rem; clear: both; - font-weight: 300; + font-weight: 400; color: #292b2c; text-align: inherit; white-space: nowrap; @@ -2246,18 +2246,18 @@ tbody.collapse.show { outline: 0; } .btn + .dropdown-toggle-split { - padding-right: 0.75rem; - padding-left: 0.75rem; } + padding-right: 12px; + padding-left: 12px; } .btn + .dropdown-toggle-split::after { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { - padding-right: 0.375rem; - padding-left: 0.375rem; } + padding-right: 6px; + padding-left: 6px; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { - padding-right: 1.5rem; - padding-left: 1.5rem; } + padding-right: 24px; + padding-left: 24px; } .btn-group-vertical { display: inline-flex; @@ -2338,7 +2338,7 @@ tbody.collapse.show { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; - font-weight: 300; + font-weight: 400; line-height: 1.25; color: #464a4c; text-align: center; @@ -2355,7 +2355,7 @@ tbody.collapse.show { .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 0.75rem 1.5rem; - font-size: 1.25rem; + font-size: 20px; border-radius: 0.3rem; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { @@ -2566,7 +2566,7 @@ tbody.collapse.show { .nav-link { display: block; - padding: 0.5em 1.5em; } + padding: 8px 24px; } .nav-link:focus, .nav-link:hover { text-decoration: none; } .nav-link.disabled { @@ -2624,14 +2624,14 @@ tbody.collapse.show { position: relative; display: flex; flex-direction: column; - padding: 0.5rem 0.5rem; } + padding: 8px 8px; } .navbar-brand { display: inline-block; padding-top: .25rem; padding-bottom: .25rem; - margin-right: 0.5rem; - font-size: 1.25rem; + margin-right: 8px; + font-size: 20px; line-height: inherit; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { @@ -2674,11 +2674,11 @@ tbody.collapse.show { .navbar-toggler-left { position: absolute; - left: 0.5rem; } + left: 8px; } .navbar-toggler-right { position: absolute; - right: 0.5rem; } + right: 8px; } @media (max-width: 575px) { .navbar-toggleable .navbar-nav .dropdown-menu { @@ -3093,7 +3093,7 @@ tbody.collapse.show { .breadcrumb { padding: 0.75rem 1rem; - margin-bottom: 0.5rem; + margin-bottom: 8px; list-style: none; background-color: #eceeef; border-radius: 0.25rem; } @@ -3162,7 +3162,7 @@ tbody.collapse.show { .pagination-lg .page-link { padding: 0.75rem 1.5rem; - font-size: 1.25rem; } + font-size: 20px; } .pagination-lg .page-item:first-child .page-link { border-bottom-left-radius: 0.3rem; @@ -3658,7 +3658,7 @@ button.close { display: block; font-family: "Ubuntu", sans-serif; font-style: normal; - font-weight: 300; + font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.5; @@ -3740,7 +3740,7 @@ button.close { padding: 1px; font-family: "Ubuntu", sans-serif; font-style: normal; - font-weight: 300; + font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.5; @@ -4688,142 +4688,142 @@ a.bg-inverse:focus, a.bg-inverse:hover { margin-bottom: 0 !important; } .m-1 { - margin: 0.125rem 0.125rem !important; } + margin: 2px 2px !important; } .mt-1 { - margin-top: 0.125rem !important; } + margin-top: 2px !important; } .mr-1 { - margin-right: 0.125rem !important; } + margin-right: 2px !important; } .mb-1 { - margin-bottom: 0.125rem !important; } + margin-bottom: 2px !important; } .ml-1 { - margin-left: 0.125rem !important; } + margin-left: 2px !important; } .mx-1 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; } + margin-right: 2px !important; + margin-left: 2px !important; } .my-1 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; } + margin-top: 2px !important; + margin-bottom: 2px !important; } .m-2 { - margin: 0.25rem 0.25rem !important; } + margin: 4px 4px !important; } .mt-2 { - margin-top: 0.25rem !important; } + margin-top: 4px !important; } .mr-2 { - margin-right: 0.25rem !important; } + margin-right: 4px !important; } .mb-2 { - margin-bottom: 0.25rem !important; } + margin-bottom: 4px !important; } .ml-2 { - margin-left: 0.25rem !important; } + margin-left: 4px !important; } .mx-2 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-right: 4px !important; + margin-left: 4px !important; } .my-2 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-top: 4px !important; + margin-bottom: 4px !important; } .m-3 { - margin: 0.5rem 0.5rem !important; } + margin: 8px 8px !important; } .mt-3 { - margin-top: 0.5rem !important; } + margin-top: 8px !important; } .mr-3 { - margin-right: 0.5rem !important; } + margin-right: 8px !important; } .mb-3 { - margin-bottom: 0.5rem !important; } + margin-bottom: 8px !important; } .ml-3 { - margin-left: 0.5rem !important; } + margin-left: 8px !important; } .mx-3 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-right: 8px !important; + margin-left: 8px !important; } .my-3 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-top: 8px !important; + margin-bottom: 8px !important; } .m-4 { - margin: 0.75rem 0.75rem !important; } + margin: 12px 12px !important; } .mt-4 { - margin-top: 0.75rem !important; } + margin-top: 12px !important; } .mr-4 { - margin-right: 0.75rem !important; } + margin-right: 12px !important; } .mb-4 { - margin-bottom: 0.75rem !important; } + margin-bottom: 12px !important; } .ml-4 { - margin-left: 0.75rem !important; } + margin-left: 12px !important; } .mx-4 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; } + margin-right: 12px !important; + margin-left: 12px !important; } .my-4 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; } + margin-top: 12px !important; + margin-bottom: 12px !important; } .m-5 { - margin: 1rem 1rem !important; } + margin: 16px 16px !important; } .mt-5 { - margin-top: 1rem !important; } + margin-top: 16px !important; } .mr-5 { - margin-right: 1rem !important; } + margin-right: 16px !important; } .mb-5 { - margin-bottom: 1rem !important; } + margin-bottom: 16px !important; } .ml-5 { - margin-left: 1rem !important; } + margin-left: 16px !important; } .mx-5 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-right: 16px !important; + margin-left: 16px !important; } .my-5 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-top: 16px !important; + margin-bottom: 16px !important; } .m-6 { - margin: 3rem 3rem !important; } + margin: 48px 48px !important; } .mt-6 { - margin-top: 3rem !important; } + margin-top: 48px !important; } .mr-6 { - margin-right: 3rem !important; } + margin-right: 48px !important; } .mb-6 { - margin-bottom: 3rem !important; } + margin-bottom: 48px !important; } .ml-6 { - margin-left: 3rem !important; } + margin-left: 48px !important; } .mx-6 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-right: 48px !important; + margin-left: 48px !important; } .my-6 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-top: 48px !important; + margin-bottom: 48px !important; } .p-0 { padding: 0 0 !important; } @@ -4849,142 +4849,142 @@ a.bg-inverse:focus, a.bg-inverse:hover { padding-bottom: 0 !important; } .p-1 { - padding: 0.125rem 0.125rem !important; } + padding: 2px 2px !important; } .pt-1 { - padding-top: 0.125rem !important; } + padding-top: 2px !important; } .pr-1 { - padding-right: 0.125rem !important; } + padding-right: 2px !important; } .pb-1 { - padding-bottom: 0.125rem !important; } + padding-bottom: 2px !important; } .pl-1 { - padding-left: 0.125rem !important; } + padding-left: 2px !important; } .px-1 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; } + padding-right: 2px !important; + padding-left: 2px !important; } .py-1 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; } + padding-top: 2px !important; + padding-bottom: 2px !important; } .p-2 { - padding: 0.25rem 0.25rem !important; } + padding: 4px 4px !important; } .pt-2 { - padding-top: 0.25rem !important; } + padding-top: 4px !important; } .pr-2 { - padding-right: 0.25rem !important; } + padding-right: 4px !important; } .pb-2 { - padding-bottom: 0.25rem !important; } + padding-bottom: 4px !important; } .pl-2 { - padding-left: 0.25rem !important; } + padding-left: 4px !important; } .px-2 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-right: 4px !important; + padding-left: 4px !important; } .py-2 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-top: 4px !important; + padding-bottom: 4px !important; } .p-3 { - padding: 0.5rem 0.5rem !important; } + padding: 8px 8px !important; } .pt-3 { - padding-top: 0.5rem !important; } + padding-top: 8px !important; } .pr-3 { - padding-right: 0.5rem !important; } + padding-right: 8px !important; } .pb-3 { - padding-bottom: 0.5rem !important; } + padding-bottom: 8px !important; } .pl-3 { - padding-left: 0.5rem !important; } + padding-left: 8px !important; } .px-3 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-right: 8px !important; + padding-left: 8px !important; } .py-3 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-top: 8px !important; + padding-bottom: 8px !important; } .p-4 { - padding: 0.75rem 0.75rem !important; } + padding: 12px 12px !important; } .pt-4 { - padding-top: 0.75rem !important; } + padding-top: 12px !important; } .pr-4 { - padding-right: 0.75rem !important; } + padding-right: 12px !important; } .pb-4 { - padding-bottom: 0.75rem !important; } + padding-bottom: 12px !important; } .pl-4 { - padding-left: 0.75rem !important; } + padding-left: 12px !important; } .px-4 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; } + padding-right: 12px !important; + padding-left: 12px !important; } .py-4 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; } + padding-top: 12px !important; + padding-bottom: 12px !important; } .p-5 { - padding: 1rem 1rem !important; } + padding: 16px 16px !important; } .pt-5 { - padding-top: 1rem !important; } + padding-top: 16px !important; } .pr-5 { - padding-right: 1rem !important; } + padding-right: 16px !important; } .pb-5 { - padding-bottom: 1rem !important; } + padding-bottom: 16px !important; } .pl-5 { - padding-left: 1rem !important; } + padding-left: 16px !important; } .px-5 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-right: 16px !important; + padding-left: 16px !important; } .py-5 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-top: 16px !important; + padding-bottom: 16px !important; } .p-6 { - padding: 3rem 3rem !important; } + padding: 48px 48px !important; } .pt-6 { - padding-top: 3rem !important; } + padding-top: 48px !important; } .pr-6 { - padding-right: 3rem !important; } + padding-right: 48px !important; } .pb-6 { - padding-bottom: 3rem !important; } + padding-bottom: 48px !important; } .pl-6 { - padding-left: 3rem !important; } + padding-left: 48px !important; } .px-6 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-right: 48px !important; + padding-left: 48px !important; } .py-6 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-top: 48px !important; + padding-bottom: 48px !important; } .m-auto { margin: auto !important; } @@ -5027,101 +5027,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { margin-top: 0 !important; margin-bottom: 0 !important; } .m-sm-1 { - margin: 0.125rem 0.125rem !important; } + margin: 2px 2px !important; } .mt-sm-1 { - margin-top: 0.125rem !important; } + margin-top: 2px !important; } .mr-sm-1 { - margin-right: 0.125rem !important; } + margin-right: 2px !important; } .mb-sm-1 { - margin-bottom: 0.125rem !important; } + margin-bottom: 2px !important; } .ml-sm-1 { - margin-left: 0.125rem !important; } + margin-left: 2px !important; } .mx-sm-1 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; } + margin-right: 2px !important; + margin-left: 2px !important; } .my-sm-1 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; } + margin-top: 2px !important; + margin-bottom: 2px !important; } .m-sm-2 { - margin: 0.25rem 0.25rem !important; } + margin: 4px 4px !important; } .mt-sm-2 { - margin-top: 0.25rem !important; } + margin-top: 4px !important; } .mr-sm-2 { - margin-right: 0.25rem !important; } + margin-right: 4px !important; } .mb-sm-2 { - margin-bottom: 0.25rem !important; } + margin-bottom: 4px !important; } .ml-sm-2 { - margin-left: 0.25rem !important; } + margin-left: 4px !important; } .mx-sm-2 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-right: 4px !important; + margin-left: 4px !important; } .my-sm-2 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-top: 4px !important; + margin-bottom: 4px !important; } .m-sm-3 { - margin: 0.5rem 0.5rem !important; } + margin: 8px 8px !important; } .mt-sm-3 { - margin-top: 0.5rem !important; } + margin-top: 8px !important; } .mr-sm-3 { - margin-right: 0.5rem !important; } + margin-right: 8px !important; } .mb-sm-3 { - margin-bottom: 0.5rem !important; } + margin-bottom: 8px !important; } .ml-sm-3 { - margin-left: 0.5rem !important; } + margin-left: 8px !important; } .mx-sm-3 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-right: 8px !important; + margin-left: 8px !important; } .my-sm-3 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-top: 8px !important; + margin-bottom: 8px !important; } .m-sm-4 { - margin: 0.75rem 0.75rem !important; } + margin: 12px 12px !important; } .mt-sm-4 { - margin-top: 0.75rem !important; } + margin-top: 12px !important; } .mr-sm-4 { - margin-right: 0.75rem !important; } + margin-right: 12px !important; } .mb-sm-4 { - margin-bottom: 0.75rem !important; } + margin-bottom: 12px !important; } .ml-sm-4 { - margin-left: 0.75rem !important; } + margin-left: 12px !important; } .mx-sm-4 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; } + margin-right: 12px !important; + margin-left: 12px !important; } .my-sm-4 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; } + margin-top: 12px !important; + margin-bottom: 12px !important; } .m-sm-5 { - margin: 1rem 1rem !important; } + margin: 16px 16px !important; } .mt-sm-5 { - margin-top: 1rem !important; } + margin-top: 16px !important; } .mr-sm-5 { - margin-right: 1rem !important; } + margin-right: 16px !important; } .mb-sm-5 { - margin-bottom: 1rem !important; } + margin-bottom: 16px !important; } .ml-sm-5 { - margin-left: 1rem !important; } + margin-left: 16px !important; } .mx-sm-5 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-right: 16px !important; + margin-left: 16px !important; } .my-sm-5 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-top: 16px !important; + margin-bottom: 16px !important; } .m-sm-6 { - margin: 3rem 3rem !important; } + margin: 48px 48px !important; } .mt-sm-6 { - margin-top: 3rem !important; } + margin-top: 48px !important; } .mr-sm-6 { - margin-right: 3rem !important; } + margin-right: 48px !important; } .mb-sm-6 { - margin-bottom: 3rem !important; } + margin-bottom: 48px !important; } .ml-sm-6 { - margin-left: 3rem !important; } + margin-left: 48px !important; } .mx-sm-6 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-right: 48px !important; + margin-left: 48px !important; } .my-sm-6 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-top: 48px !important; + margin-bottom: 48px !important; } .p-sm-0 { padding: 0 0 !important; } .pt-sm-0 { @@ -5139,101 +5139,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { padding-top: 0 !important; padding-bottom: 0 !important; } .p-sm-1 { - padding: 0.125rem 0.125rem !important; } + padding: 2px 2px !important; } .pt-sm-1 { - padding-top: 0.125rem !important; } + padding-top: 2px !important; } .pr-sm-1 { - padding-right: 0.125rem !important; } + padding-right: 2px !important; } .pb-sm-1 { - padding-bottom: 0.125rem !important; } + padding-bottom: 2px !important; } .pl-sm-1 { - padding-left: 0.125rem !important; } + padding-left: 2px !important; } .px-sm-1 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; } + padding-right: 2px !important; + padding-left: 2px !important; } .py-sm-1 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; } + padding-top: 2px !important; + padding-bottom: 2px !important; } .p-sm-2 { - padding: 0.25rem 0.25rem !important; } + padding: 4px 4px !important; } .pt-sm-2 { - padding-top: 0.25rem !important; } + padding-top: 4px !important; } .pr-sm-2 { - padding-right: 0.25rem !important; } + padding-right: 4px !important; } .pb-sm-2 { - padding-bottom: 0.25rem !important; } + padding-bottom: 4px !important; } .pl-sm-2 { - padding-left: 0.25rem !important; } + padding-left: 4px !important; } .px-sm-2 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-right: 4px !important; + padding-left: 4px !important; } .py-sm-2 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-top: 4px !important; + padding-bottom: 4px !important; } .p-sm-3 { - padding: 0.5rem 0.5rem !important; } + padding: 8px 8px !important; } .pt-sm-3 { - padding-top: 0.5rem !important; } + padding-top: 8px !important; } .pr-sm-3 { - padding-right: 0.5rem !important; } + padding-right: 8px !important; } .pb-sm-3 { - padding-bottom: 0.5rem !important; } + padding-bottom: 8px !important; } .pl-sm-3 { - padding-left: 0.5rem !important; } + padding-left: 8px !important; } .px-sm-3 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-right: 8px !important; + padding-left: 8px !important; } .py-sm-3 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-top: 8px !important; + padding-bottom: 8px !important; } .p-sm-4 { - padding: 0.75rem 0.75rem !important; } + padding: 12px 12px !important; } .pt-sm-4 { - padding-top: 0.75rem !important; } + padding-top: 12px !important; } .pr-sm-4 { - padding-right: 0.75rem !important; } + padding-right: 12px !important; } .pb-sm-4 { - padding-bottom: 0.75rem !important; } + padding-bottom: 12px !important; } .pl-sm-4 { - padding-left: 0.75rem !important; } + padding-left: 12px !important; } .px-sm-4 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; } + padding-right: 12px !important; + padding-left: 12px !important; } .py-sm-4 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; } + padding-top: 12px !important; + padding-bottom: 12px !important; } .p-sm-5 { - padding: 1rem 1rem !important; } + padding: 16px 16px !important; } .pt-sm-5 { - padding-top: 1rem !important; } + padding-top: 16px !important; } .pr-sm-5 { - padding-right: 1rem !important; } + padding-right: 16px !important; } .pb-sm-5 { - padding-bottom: 1rem !important; } + padding-bottom: 16px !important; } .pl-sm-5 { - padding-left: 1rem !important; } + padding-left: 16px !important; } .px-sm-5 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-right: 16px !important; + padding-left: 16px !important; } .py-sm-5 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-top: 16px !important; + padding-bottom: 16px !important; } .p-sm-6 { - padding: 3rem 3rem !important; } + padding: 48px 48px !important; } .pt-sm-6 { - padding-top: 3rem !important; } + padding-top: 48px !important; } .pr-sm-6 { - padding-right: 3rem !important; } + padding-right: 48px !important; } .pb-sm-6 { - padding-bottom: 3rem !important; } + padding-bottom: 48px !important; } .pl-sm-6 { - padding-left: 3rem !important; } + padding-left: 48px !important; } .px-sm-6 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-right: 48px !important; + padding-left: 48px !important; } .py-sm-6 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-top: 48px !important; + padding-bottom: 48px !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto { @@ -5269,101 +5269,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { margin-top: 0 !important; margin-bottom: 0 !important; } .m-md-1 { - margin: 0.125rem 0.125rem !important; } + margin: 2px 2px !important; } .mt-md-1 { - margin-top: 0.125rem !important; } + margin-top: 2px !important; } .mr-md-1 { - margin-right: 0.125rem !important; } + margin-right: 2px !important; } .mb-md-1 { - margin-bottom: 0.125rem !important; } + margin-bottom: 2px !important; } .ml-md-1 { - margin-left: 0.125rem !important; } + margin-left: 2px !important; } .mx-md-1 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; } + margin-right: 2px !important; + margin-left: 2px !important; } .my-md-1 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; } + margin-top: 2px !important; + margin-bottom: 2px !important; } .m-md-2 { - margin: 0.25rem 0.25rem !important; } + margin: 4px 4px !important; } .mt-md-2 { - margin-top: 0.25rem !important; } + margin-top: 4px !important; } .mr-md-2 { - margin-right: 0.25rem !important; } + margin-right: 4px !important; } .mb-md-2 { - margin-bottom: 0.25rem !important; } + margin-bottom: 4px !important; } .ml-md-2 { - margin-left: 0.25rem !important; } + margin-left: 4px !important; } .mx-md-2 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-right: 4px !important; + margin-left: 4px !important; } .my-md-2 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-top: 4px !important; + margin-bottom: 4px !important; } .m-md-3 { - margin: 0.5rem 0.5rem !important; } + margin: 8px 8px !important; } .mt-md-3 { - margin-top: 0.5rem !important; } + margin-top: 8px !important; } .mr-md-3 { - margin-right: 0.5rem !important; } + margin-right: 8px !important; } .mb-md-3 { - margin-bottom: 0.5rem !important; } + margin-bottom: 8px !important; } .ml-md-3 { - margin-left: 0.5rem !important; } + margin-left: 8px !important; } .mx-md-3 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-right: 8px !important; + margin-left: 8px !important; } .my-md-3 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-top: 8px !important; + margin-bottom: 8px !important; } .m-md-4 { - margin: 0.75rem 0.75rem !important; } + margin: 12px 12px !important; } .mt-md-4 { - margin-top: 0.75rem !important; } + margin-top: 12px !important; } .mr-md-4 { - margin-right: 0.75rem !important; } + margin-right: 12px !important; } .mb-md-4 { - margin-bottom: 0.75rem !important; } + margin-bottom: 12px !important; } .ml-md-4 { - margin-left: 0.75rem !important; } + margin-left: 12px !important; } .mx-md-4 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; } + margin-right: 12px !important; + margin-left: 12px !important; } .my-md-4 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; } + margin-top: 12px !important; + margin-bottom: 12px !important; } .m-md-5 { - margin: 1rem 1rem !important; } + margin: 16px 16px !important; } .mt-md-5 { - margin-top: 1rem !important; } + margin-top: 16px !important; } .mr-md-5 { - margin-right: 1rem !important; } + margin-right: 16px !important; } .mb-md-5 { - margin-bottom: 1rem !important; } + margin-bottom: 16px !important; } .ml-md-5 { - margin-left: 1rem !important; } + margin-left: 16px !important; } .mx-md-5 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-right: 16px !important; + margin-left: 16px !important; } .my-md-5 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-top: 16px !important; + margin-bottom: 16px !important; } .m-md-6 { - margin: 3rem 3rem !important; } + margin: 48px 48px !important; } .mt-md-6 { - margin-top: 3rem !important; } + margin-top: 48px !important; } .mr-md-6 { - margin-right: 3rem !important; } + margin-right: 48px !important; } .mb-md-6 { - margin-bottom: 3rem !important; } + margin-bottom: 48px !important; } .ml-md-6 { - margin-left: 3rem !important; } + margin-left: 48px !important; } .mx-md-6 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-right: 48px !important; + margin-left: 48px !important; } .my-md-6 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-top: 48px !important; + margin-bottom: 48px !important; } .p-md-0 { padding: 0 0 !important; } .pt-md-0 { @@ -5381,101 +5381,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { padding-top: 0 !important; padding-bottom: 0 !important; } .p-md-1 { - padding: 0.125rem 0.125rem !important; } + padding: 2px 2px !important; } .pt-md-1 { - padding-top: 0.125rem !important; } + padding-top: 2px !important; } .pr-md-1 { - padding-right: 0.125rem !important; } + padding-right: 2px !important; } .pb-md-1 { - padding-bottom: 0.125rem !important; } + padding-bottom: 2px !important; } .pl-md-1 { - padding-left: 0.125rem !important; } + padding-left: 2px !important; } .px-md-1 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; } + padding-right: 2px !important; + padding-left: 2px !important; } .py-md-1 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; } + padding-top: 2px !important; + padding-bottom: 2px !important; } .p-md-2 { - padding: 0.25rem 0.25rem !important; } + padding: 4px 4px !important; } .pt-md-2 { - padding-top: 0.25rem !important; } + padding-top: 4px !important; } .pr-md-2 { - padding-right: 0.25rem !important; } + padding-right: 4px !important; } .pb-md-2 { - padding-bottom: 0.25rem !important; } + padding-bottom: 4px !important; } .pl-md-2 { - padding-left: 0.25rem !important; } + padding-left: 4px !important; } .px-md-2 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-right: 4px !important; + padding-left: 4px !important; } .py-md-2 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-top: 4px !important; + padding-bottom: 4px !important; } .p-md-3 { - padding: 0.5rem 0.5rem !important; } + padding: 8px 8px !important; } .pt-md-3 { - padding-top: 0.5rem !important; } + padding-top: 8px !important; } .pr-md-3 { - padding-right: 0.5rem !important; } + padding-right: 8px !important; } .pb-md-3 { - padding-bottom: 0.5rem !important; } + padding-bottom: 8px !important; } .pl-md-3 { - padding-left: 0.5rem !important; } + padding-left: 8px !important; } .px-md-3 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-right: 8px !important; + padding-left: 8px !important; } .py-md-3 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-top: 8px !important; + padding-bottom: 8px !important; } .p-md-4 { - padding: 0.75rem 0.75rem !important; } + padding: 12px 12px !important; } .pt-md-4 { - padding-top: 0.75rem !important; } + padding-top: 12px !important; } .pr-md-4 { - padding-right: 0.75rem !important; } + padding-right: 12px !important; } .pb-md-4 { - padding-bottom: 0.75rem !important; } + padding-bottom: 12px !important; } .pl-md-4 { - padding-left: 0.75rem !important; } + padding-left: 12px !important; } .px-md-4 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; } + padding-right: 12px !important; + padding-left: 12px !important; } .py-md-4 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; } + padding-top: 12px !important; + padding-bottom: 12px !important; } .p-md-5 { - padding: 1rem 1rem !important; } + padding: 16px 16px !important; } .pt-md-5 { - padding-top: 1rem !important; } + padding-top: 16px !important; } .pr-md-5 { - padding-right: 1rem !important; } + padding-right: 16px !important; } .pb-md-5 { - padding-bottom: 1rem !important; } + padding-bottom: 16px !important; } .pl-md-5 { - padding-left: 1rem !important; } + padding-left: 16px !important; } .px-md-5 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-right: 16px !important; + padding-left: 16px !important; } .py-md-5 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-top: 16px !important; + padding-bottom: 16px !important; } .p-md-6 { - padding: 3rem 3rem !important; } + padding: 48px 48px !important; } .pt-md-6 { - padding-top: 3rem !important; } + padding-top: 48px !important; } .pr-md-6 { - padding-right: 3rem !important; } + padding-right: 48px !important; } .pb-md-6 { - padding-bottom: 3rem !important; } + padding-bottom: 48px !important; } .pl-md-6 { - padding-left: 3rem !important; } + padding-left: 48px !important; } .px-md-6 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-right: 48px !important; + padding-left: 48px !important; } .py-md-6 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-top: 48px !important; + padding-bottom: 48px !important; } .m-md-auto { margin: auto !important; } .mt-md-auto { @@ -5511,101 +5511,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { margin-top: 0 !important; margin-bottom: 0 !important; } .m-lg-1 { - margin: 0.125rem 0.125rem !important; } + margin: 2px 2px !important; } .mt-lg-1 { - margin-top: 0.125rem !important; } + margin-top: 2px !important; } .mr-lg-1 { - margin-right: 0.125rem !important; } + margin-right: 2px !important; } .mb-lg-1 { - margin-bottom: 0.125rem !important; } + margin-bottom: 2px !important; } .ml-lg-1 { - margin-left: 0.125rem !important; } + margin-left: 2px !important; } .mx-lg-1 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; } + margin-right: 2px !important; + margin-left: 2px !important; } .my-lg-1 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; } + margin-top: 2px !important; + margin-bottom: 2px !important; } .m-lg-2 { - margin: 0.25rem 0.25rem !important; } + margin: 4px 4px !important; } .mt-lg-2 { - margin-top: 0.25rem !important; } + margin-top: 4px !important; } .mr-lg-2 { - margin-right: 0.25rem !important; } + margin-right: 4px !important; } .mb-lg-2 { - margin-bottom: 0.25rem !important; } + margin-bottom: 4px !important; } .ml-lg-2 { - margin-left: 0.25rem !important; } + margin-left: 4px !important; } .mx-lg-2 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-right: 4px !important; + margin-left: 4px !important; } .my-lg-2 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-top: 4px !important; + margin-bottom: 4px !important; } .m-lg-3 { - margin: 0.5rem 0.5rem !important; } + margin: 8px 8px !important; } .mt-lg-3 { - margin-top: 0.5rem !important; } + margin-top: 8px !important; } .mr-lg-3 { - margin-right: 0.5rem !important; } + margin-right: 8px !important; } .mb-lg-3 { - margin-bottom: 0.5rem !important; } + margin-bottom: 8px !important; } .ml-lg-3 { - margin-left: 0.5rem !important; } + margin-left: 8px !important; } .mx-lg-3 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-right: 8px !important; + margin-left: 8px !important; } .my-lg-3 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-top: 8px !important; + margin-bottom: 8px !important; } .m-lg-4 { - margin: 0.75rem 0.75rem !important; } + margin: 12px 12px !important; } .mt-lg-4 { - margin-top: 0.75rem !important; } + margin-top: 12px !important; } .mr-lg-4 { - margin-right: 0.75rem !important; } + margin-right: 12px !important; } .mb-lg-4 { - margin-bottom: 0.75rem !important; } + margin-bottom: 12px !important; } .ml-lg-4 { - margin-left: 0.75rem !important; } + margin-left: 12px !important; } .mx-lg-4 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; } + margin-right: 12px !important; + margin-left: 12px !important; } .my-lg-4 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; } + margin-top: 12px !important; + margin-bottom: 12px !important; } .m-lg-5 { - margin: 1rem 1rem !important; } + margin: 16px 16px !important; } .mt-lg-5 { - margin-top: 1rem !important; } + margin-top: 16px !important; } .mr-lg-5 { - margin-right: 1rem !important; } + margin-right: 16px !important; } .mb-lg-5 { - margin-bottom: 1rem !important; } + margin-bottom: 16px !important; } .ml-lg-5 { - margin-left: 1rem !important; } + margin-left: 16px !important; } .mx-lg-5 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-right: 16px !important; + margin-left: 16px !important; } .my-lg-5 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-top: 16px !important; + margin-bottom: 16px !important; } .m-lg-6 { - margin: 3rem 3rem !important; } + margin: 48px 48px !important; } .mt-lg-6 { - margin-top: 3rem !important; } + margin-top: 48px !important; } .mr-lg-6 { - margin-right: 3rem !important; } + margin-right: 48px !important; } .mb-lg-6 { - margin-bottom: 3rem !important; } + margin-bottom: 48px !important; } .ml-lg-6 { - margin-left: 3rem !important; } + margin-left: 48px !important; } .mx-lg-6 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-right: 48px !important; + margin-left: 48px !important; } .my-lg-6 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-top: 48px !important; + margin-bottom: 48px !important; } .p-lg-0 { padding: 0 0 !important; } .pt-lg-0 { @@ -5623,101 +5623,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { padding-top: 0 !important; padding-bottom: 0 !important; } .p-lg-1 { - padding: 0.125rem 0.125rem !important; } + padding: 2px 2px !important; } .pt-lg-1 { - padding-top: 0.125rem !important; } + padding-top: 2px !important; } .pr-lg-1 { - padding-right: 0.125rem !important; } + padding-right: 2px !important; } .pb-lg-1 { - padding-bottom: 0.125rem !important; } + padding-bottom: 2px !important; } .pl-lg-1 { - padding-left: 0.125rem !important; } + padding-left: 2px !important; } .px-lg-1 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; } + padding-right: 2px !important; + padding-left: 2px !important; } .py-lg-1 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; } + padding-top: 2px !important; + padding-bottom: 2px !important; } .p-lg-2 { - padding: 0.25rem 0.25rem !important; } + padding: 4px 4px !important; } .pt-lg-2 { - padding-top: 0.25rem !important; } + padding-top: 4px !important; } .pr-lg-2 { - padding-right: 0.25rem !important; } + padding-right: 4px !important; } .pb-lg-2 { - padding-bottom: 0.25rem !important; } + padding-bottom: 4px !important; } .pl-lg-2 { - padding-left: 0.25rem !important; } + padding-left: 4px !important; } .px-lg-2 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-right: 4px !important; + padding-left: 4px !important; } .py-lg-2 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-top: 4px !important; + padding-bottom: 4px !important; } .p-lg-3 { - padding: 0.5rem 0.5rem !important; } + padding: 8px 8px !important; } .pt-lg-3 { - padding-top: 0.5rem !important; } + padding-top: 8px !important; } .pr-lg-3 { - padding-right: 0.5rem !important; } + padding-right: 8px !important; } .pb-lg-3 { - padding-bottom: 0.5rem !important; } + padding-bottom: 8px !important; } .pl-lg-3 { - padding-left: 0.5rem !important; } + padding-left: 8px !important; } .px-lg-3 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-right: 8px !important; + padding-left: 8px !important; } .py-lg-3 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-top: 8px !important; + padding-bottom: 8px !important; } .p-lg-4 { - padding: 0.75rem 0.75rem !important; } + padding: 12px 12px !important; } .pt-lg-4 { - padding-top: 0.75rem !important; } + padding-top: 12px !important; } .pr-lg-4 { - padding-right: 0.75rem !important; } + padding-right: 12px !important; } .pb-lg-4 { - padding-bottom: 0.75rem !important; } + padding-bottom: 12px !important; } .pl-lg-4 { - padding-left: 0.75rem !important; } + padding-left: 12px !important; } .px-lg-4 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; } + padding-right: 12px !important; + padding-left: 12px !important; } .py-lg-4 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; } + padding-top: 12px !important; + padding-bottom: 12px !important; } .p-lg-5 { - padding: 1rem 1rem !important; } + padding: 16px 16px !important; } .pt-lg-5 { - padding-top: 1rem !important; } + padding-top: 16px !important; } .pr-lg-5 { - padding-right: 1rem !important; } + padding-right: 16px !important; } .pb-lg-5 { - padding-bottom: 1rem !important; } + padding-bottom: 16px !important; } .pl-lg-5 { - padding-left: 1rem !important; } + padding-left: 16px !important; } .px-lg-5 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-right: 16px !important; + padding-left: 16px !important; } .py-lg-5 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-top: 16px !important; + padding-bottom: 16px !important; } .p-lg-6 { - padding: 3rem 3rem !important; } + padding: 48px 48px !important; } .pt-lg-6 { - padding-top: 3rem !important; } + padding-top: 48px !important; } .pr-lg-6 { - padding-right: 3rem !important; } + padding-right: 48px !important; } .pb-lg-6 { - padding-bottom: 3rem !important; } + padding-bottom: 48px !important; } .pl-lg-6 { - padding-left: 3rem !important; } + padding-left: 48px !important; } .px-lg-6 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-right: 48px !important; + padding-left: 48px !important; } .py-lg-6 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-top: 48px !important; + padding-bottom: 48px !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto { @@ -5753,101 +5753,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { margin-top: 0 !important; margin-bottom: 0 !important; } .m-xl-1 { - margin: 0.125rem 0.125rem !important; } + margin: 2px 2px !important; } .mt-xl-1 { - margin-top: 0.125rem !important; } + margin-top: 2px !important; } .mr-xl-1 { - margin-right: 0.125rem !important; } + margin-right: 2px !important; } .mb-xl-1 { - margin-bottom: 0.125rem !important; } + margin-bottom: 2px !important; } .ml-xl-1 { - margin-left: 0.125rem !important; } + margin-left: 2px !important; } .mx-xl-1 { - margin-right: 0.125rem !important; - margin-left: 0.125rem !important; } + margin-right: 2px !important; + margin-left: 2px !important; } .my-xl-1 { - margin-top: 0.125rem !important; - margin-bottom: 0.125rem !important; } + margin-top: 2px !important; + margin-bottom: 2px !important; } .m-xl-2 { - margin: 0.25rem 0.25rem !important; } + margin: 4px 4px !important; } .mt-xl-2 { - margin-top: 0.25rem !important; } + margin-top: 4px !important; } .mr-xl-2 { - margin-right: 0.25rem !important; } + margin-right: 4px !important; } .mb-xl-2 { - margin-bottom: 0.25rem !important; } + margin-bottom: 4px !important; } .ml-xl-2 { - margin-left: 0.25rem !important; } + margin-left: 4px !important; } .mx-xl-2 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; } + margin-right: 4px !important; + margin-left: 4px !important; } .my-xl-2 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; } + margin-top: 4px !important; + margin-bottom: 4px !important; } .m-xl-3 { - margin: 0.5rem 0.5rem !important; } + margin: 8px 8px !important; } .mt-xl-3 { - margin-top: 0.5rem !important; } + margin-top: 8px !important; } .mr-xl-3 { - margin-right: 0.5rem !important; } + margin-right: 8px !important; } .mb-xl-3 { - margin-bottom: 0.5rem !important; } + margin-bottom: 8px !important; } .ml-xl-3 { - margin-left: 0.5rem !important; } + margin-left: 8px !important; } .mx-xl-3 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; } + margin-right: 8px !important; + margin-left: 8px !important; } .my-xl-3 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; } + margin-top: 8px !important; + margin-bottom: 8px !important; } .m-xl-4 { - margin: 0.75rem 0.75rem !important; } + margin: 12px 12px !important; } .mt-xl-4 { - margin-top: 0.75rem !important; } + margin-top: 12px !important; } .mr-xl-4 { - margin-right: 0.75rem !important; } + margin-right: 12px !important; } .mb-xl-4 { - margin-bottom: 0.75rem !important; } + margin-bottom: 12px !important; } .ml-xl-4 { - margin-left: 0.75rem !important; } + margin-left: 12px !important; } .mx-xl-4 { - margin-right: 0.75rem !important; - margin-left: 0.75rem !important; } + margin-right: 12px !important; + margin-left: 12px !important; } .my-xl-4 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; } + margin-top: 12px !important; + margin-bottom: 12px !important; } .m-xl-5 { - margin: 1rem 1rem !important; } + margin: 16px 16px !important; } .mt-xl-5 { - margin-top: 1rem !important; } + margin-top: 16px !important; } .mr-xl-5 { - margin-right: 1rem !important; } + margin-right: 16px !important; } .mb-xl-5 { - margin-bottom: 1rem !important; } + margin-bottom: 16px !important; } .ml-xl-5 { - margin-left: 1rem !important; } + margin-left: 16px !important; } .mx-xl-5 { - margin-right: 1rem !important; - margin-left: 1rem !important; } + margin-right: 16px !important; + margin-left: 16px !important; } .my-xl-5 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; } + margin-top: 16px !important; + margin-bottom: 16px !important; } .m-xl-6 { - margin: 3rem 3rem !important; } + margin: 48px 48px !important; } .mt-xl-6 { - margin-top: 3rem !important; } + margin-top: 48px !important; } .mr-xl-6 { - margin-right: 3rem !important; } + margin-right: 48px !important; } .mb-xl-6 { - margin-bottom: 3rem !important; } + margin-bottom: 48px !important; } .ml-xl-6 { - margin-left: 3rem !important; } + margin-left: 48px !important; } .mx-xl-6 { - margin-right: 3rem !important; - margin-left: 3rem !important; } + margin-right: 48px !important; + margin-left: 48px !important; } .my-xl-6 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; } + margin-top: 48px !important; + margin-bottom: 48px !important; } .p-xl-0 { padding: 0 0 !important; } .pt-xl-0 { @@ -5865,101 +5865,101 @@ a.bg-inverse:focus, a.bg-inverse:hover { padding-top: 0 !important; padding-bottom: 0 !important; } .p-xl-1 { - padding: 0.125rem 0.125rem !important; } + padding: 2px 2px !important; } .pt-xl-1 { - padding-top: 0.125rem !important; } + padding-top: 2px !important; } .pr-xl-1 { - padding-right: 0.125rem !important; } + padding-right: 2px !important; } .pb-xl-1 { - padding-bottom: 0.125rem !important; } + padding-bottom: 2px !important; } .pl-xl-1 { - padding-left: 0.125rem !important; } + padding-left: 2px !important; } .px-xl-1 { - padding-right: 0.125rem !important; - padding-left: 0.125rem !important; } + padding-right: 2px !important; + padding-left: 2px !important; } .py-xl-1 { - padding-top: 0.125rem !important; - padding-bottom: 0.125rem !important; } + padding-top: 2px !important; + padding-bottom: 2px !important; } .p-xl-2 { - padding: 0.25rem 0.25rem !important; } + padding: 4px 4px !important; } .pt-xl-2 { - padding-top: 0.25rem !important; } + padding-top: 4px !important; } .pr-xl-2 { - padding-right: 0.25rem !important; } + padding-right: 4px !important; } .pb-xl-2 { - padding-bottom: 0.25rem !important; } + padding-bottom: 4px !important; } .pl-xl-2 { - padding-left: 0.25rem !important; } + padding-left: 4px !important; } .px-xl-2 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; } + padding-right: 4px !important; + padding-left: 4px !important; } .py-xl-2 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; } + padding-top: 4px !important; + padding-bottom: 4px !important; } .p-xl-3 { - padding: 0.5rem 0.5rem !important; } + padding: 8px 8px !important; } .pt-xl-3 { - padding-top: 0.5rem !important; } + padding-top: 8px !important; } .pr-xl-3 { - padding-right: 0.5rem !important; } + padding-right: 8px !important; } .pb-xl-3 { - padding-bottom: 0.5rem !important; } + padding-bottom: 8px !important; } .pl-xl-3 { - padding-left: 0.5rem !important; } + padding-left: 8px !important; } .px-xl-3 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; } + padding-right: 8px !important; + padding-left: 8px !important; } .py-xl-3 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; } + padding-top: 8px !important; + padding-bottom: 8px !important; } .p-xl-4 { - padding: 0.75rem 0.75rem !important; } + padding: 12px 12px !important; } .pt-xl-4 { - padding-top: 0.75rem !important; } + padding-top: 12px !important; } .pr-xl-4 { - padding-right: 0.75rem !important; } + padding-right: 12px !important; } .pb-xl-4 { - padding-bottom: 0.75rem !important; } + padding-bottom: 12px !important; } .pl-xl-4 { - padding-left: 0.75rem !important; } + padding-left: 12px !important; } .px-xl-4 { - padding-right: 0.75rem !important; - padding-left: 0.75rem !important; } + padding-right: 12px !important; + padding-left: 12px !important; } .py-xl-4 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; } + padding-top: 12px !important; + padding-bottom: 12px !important; } .p-xl-5 { - padding: 1rem 1rem !important; } + padding: 16px 16px !important; } .pt-xl-5 { - padding-top: 1rem !important; } + padding-top: 16px !important; } .pr-xl-5 { - padding-right: 1rem !important; } + padding-right: 16px !important; } .pb-xl-5 { - padding-bottom: 1rem !important; } + padding-bottom: 16px !important; } .pl-xl-5 { - padding-left: 1rem !important; } + padding-left: 16px !important; } .px-xl-5 { - padding-right: 1rem !important; - padding-left: 1rem !important; } + padding-right: 16px !important; + padding-left: 16px !important; } .py-xl-5 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; } + padding-top: 16px !important; + padding-bottom: 16px !important; } .p-xl-6 { - padding: 3rem 3rem !important; } + padding: 48px 48px !important; } .pt-xl-6 { - padding-top: 3rem !important; } + padding-top: 48px !important; } .pr-xl-6 { - padding-right: 3rem !important; } + padding-right: 48px !important; } .pb-xl-6 { - padding-bottom: 3rem !important; } + padding-bottom: 48px !important; } .pl-xl-6 { - padding-left: 3rem !important; } + padding-left: 48px !important; } .px-xl-6 { - padding-right: 3rem !important; - padding-left: 3rem !important; } + padding-right: 48px !important; + padding-left: 48px !important; } .py-xl-6 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; } + padding-top: 48px !important; + padding-bottom: 48px !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto { @@ -6039,7 +6039,7 @@ a.bg-inverse:focus, a.bg-inverse:hover { text-transform: capitalize !important; } .font-weight-normal { - font-weight: 300; } + font-weight: 400; } .font-weight-bold { font-weight: 500; } diff --git a/static/scss/bootstrap-4.0.0-alpha.6/scss/_custom.scss b/static/scss/bootstrap-4.0.0-alpha.6/scss/_custom.scss index 6d50852..b2b8c90 100755 --- a/static/scss/bootstrap-4.0.0-alpha.6/scss/_custom.scss +++ b/static/scss/bootstrap-4.0.0-alpha.6/scss/_custom.scss @@ -29,8 +29,7 @@ $brand-danger: $red !default; $brand-inverse: $gray-dark !default; // Spacing - -$spacer: 0.5rem; +$spacer: 8px; $spacer-x: $spacer; $spacer-y: $spacer; $spacers: ( @@ -69,20 +68,31 @@ $border-width: 2px; // Body // // Settings for the `` element. - $body-bg: $blue_grey_50; $body-color: $blue_grey_900; $inverse-bg: $gray-dark !default; $inverse-color: $gray-lighter !default; // Links - $link-color: $red_900; $link-hover-color: darken($link-color, 15%); $link-hover-decoration: none; -// Grid +// Grid breakpoints +// +// Define the minimum dimensions at which your layout will change, +// adapting to different screen sizes, for use in media queries. +$grid-breakpoints: ( + xs: 0, + sm: 576px, + md: 768px, + lg: 992px, + xl: 1200px +) !default; +@include _assert-ascending($grid-breakpoints, "$grid-breakpoints"); +@include _assert-starts-at-zero($grid-breakpoints); +// Grid $grid-columns: 12 !default; $grid-gutter-width-base: 24px; $grid-gutter-widths: ( @@ -94,41 +104,39 @@ $grid-gutter-widths: ( ); // Fonts - @import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500'); $font-family-sans-serif: 'Ubuntu', sans-serif; $font-family-base: $font-family-sans-serif; -$font-size-lg: 1.25rem; +$font-size-lg: 20px; $font-weight-normal: 400; $font-weight-bold: 500; $font-weight-base: $font-weight-normal; -$font-size-h1: 2.25rem; -$font-size-h2: 2rem; -$font-size-h3: 1.5rem; -$font-size-h4: 1.25rem; -$font-size-h5: 1rem; -$font-size-h6: 0.75rem; +$font-size-h1: 36px; +$font-size-h2: 32px; +$font-size-h3: 24px; +$font-size-h4: 20px; +$font-size-h5: 16px; +$font-size-h6: 12px; $headings-font-weight: 400; -$display1-size: 7.5rem; -$display2-size: 3rem; -$display3-size: 2.25rem; -$display4-size: 1.5rem; +$display1-size: 120px; +$display2-size: 48px; +$display3-size: 32px; +$display4-size: 24px; -$lead-font-size: 1.5rem; +$lead-font-size: 24px; -$small-font-size: .875rem; +$small-font-size: 14px; // Buttons - -$btn-padding-x: 1rem; -$btn-padding-y: .5rem !default; +$btn-padding-x: 16px; +$btn-padding-y: 8px; $btn-line-height: .95; $btn-font-weight: 600; $btn-box-shadow: none; @@ -172,30 +180,28 @@ $btn-bluegrey900-border: $btn-bluegrey900-bg; $btn-link-disabled-color: $gray-light !default; -$btn-padding-x-sm: .5rem !default; -$btn-padding-y-sm: .25rem !default; +$btn-padding-x-sm: 8px; +$btn-padding-y-sm: 4px; -$btn-padding-x-lg: 2rem; -$btn-padding-y-lg: .75rem !default; +$btn-padding-x-lg: 32px; +$btn-padding-y-lg: 12px; -$btn-block-spacing-y: .5rem !default; -$btn-toolbar-margin: .5rem !default; +$btn-block-spacing-y: 8px; +$btn-toolbar-margin: 8px; // Allows for customizing button radius independently from global border radius -$btn-border-radius-lg: .125rem; +$btn-border-radius-lg: 2px; $input-btn-border-width: $border-width; // Navs - -$nav-item-margin: 1.5rem; -$nav-item-inline-spacer: 1rem !default; -$nav-link-padding: .5em 1.5em; +$nav-item-margin: 24px; +$nav-item-inline-spacer: 16px; +$nav-link-padding: 8px 24px; $nav-link-hover-bg: $gray-lighter !default; $nav-disabled-link-color: $gray-light !default; // Navbar - $navbar-padding-x: $spacer; $navbar-padding-y: $spacer; diff --git a/static/scss/style.scss b/static/scss/style.scss index 18621ad..8446394 100644 --- a/static/scss/style.scss +++ b/static/scss/style.scss @@ -53,12 +53,18 @@ // Utility classes @import "bootstrap-4.0.0-alpha.6/scss/utilities"; +.container { + width: 100%; + max-width: 1200px; +} + // Custom stuff @import '_fonts'; @import '_nav'; @import '_buttons'; + // Colors .amber-800 { color: $amber-800; @@ -146,7 +152,9 @@ section.intro { font-weight: 300 !important; color: $blue-grey-900; @include media-breakpoint-down(xs) { - font-size: 4.5rem; + font-size: 72px; + line-height: 88px; + margin-bottom: 0; } strong { font-weight: 700 !important; @@ -171,22 +179,25 @@ section.intro { } } } - .page-scroll { - position: absolute; - bottom: 48px; - left: 50%; - transform: translateX(-50%); - .btn { - width: 36px; - height: 36px; - fill: $red_900; - @include media-breakpoint-up(sm) { - width: 64px; - height: 64px; - } - &:hover .i_arrow_down { - fill: white; - } +} + +.page-scroll { + display: block; + visibility: visible; + position: absolute; + bottom: 48px; + left: 50%; + transform: translateX(-50%); + .btn { + width: 36px; + height: 36px; + fill: $red_900; + @include media-breakpoint-up(sm) { + width: 64px; + height: 64px; + } + &:hover .i_arrow_down { + fill: white; } } } @@ -237,12 +248,11 @@ section#fireinfo { .circle { position: relative; - p.lead { + p.fireinfo_per { color: $blue-grey-600; position: absolute; - top: calc(50% - 1.25rem); + top: calc(50% - 20px); width: 100%; - font-size: 1.25em; } } @@ -258,10 +268,12 @@ footer { h4 { margin-bottom: 1.25rem; color: rgba($blue-grey-900, .6); + font-size: 20px; + line-height: 28px; } ul { li { - font-size: $small-font-size; + font-size: 14px; margin-bottom: .75rem; a { color: rgba($blue-grey-900, .6); @@ -287,6 +299,10 @@ footer { #copyright { background-color: rgba($blue-grey-900, .06); padding: 1rem 0; + p { + font-size: 12px; + line-height: 16px; + } } // Animation diff --git a/templates/base.html b/templates/base.html index a61c9cf..97d7f91 100644 --- a/templates/base.html +++ b/templates/base.html @@ -74,7 +74,7 @@ diff --git a/templates/index.html b/templates/index.html index 2deedf9..36a0f1e 100644 --- a/templates/index.html +++ b/templates/index.html @@ -208,12 +208,11 @@
-

IPFire’s Wishlist

{% if hottest_wish %}
-

{{ hottest_wish.title }}

+
{{ hottest_wish.title }}
{% if hottest_wish.is_new() %} {{ _("NEW") }} @@ -222,7 +221,7 @@ {{ _("one day left", "%(num)s days left", hottest_wish.remaining_days) % { "num" : hottest_wish.remaining_days } }} {% else %} - + {{ _("%d%% funded") % hottest_wish.percentage }} {% end %} @@ -234,7 +233,7 @@
-

Read more about that wish.

+

Read more about that wish.

{% end %} @@ -247,10 +246,10 @@
-

Latest Release

-

2.19 Core 109

+

Latest Release

+
2.19 Core 109
-

48%

+

48%