diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 00000000..179f9cbf --- /dev/null +++ b/.editorconfig @@ -0,0 +1,6 @@ +[*] +tab_width = 4 +indent_style = space + +[{*.html,*.css,*.sh,*.yml}] +indent_size = 2 diff --git a/backend/static_extras/css/admin/change_form.css b/backend/static_extras/css/admin/change_form.css index 88457c4f..38a67bd8 100644 --- a/backend/static_extras/css/admin/change_form.css +++ b/backend/static_extras/css/admin/change_form.css @@ -1,39 +1,39 @@ form.change-form { - flex: 1; + flex: 1; } .change-form .module.indent { - padding-top: 25px; - position: relative; + padding-top: 25px; + position: relative; } .required label, label.required { - font-weight: normal; - color: #9e9e9e; + font-weight: normal; + color: #9e9e9e; } fieldset.module.aligned { - margin-bottom: 0; + margin-bottom: 0; } .input-field label + div { - padding-top: 40px; + padding-top: 40px; } fieldset.aligned { - border: none; + border: none; } .selector-available select, .selector-chosen select { - display: block; + display: block; } .select-wrapper .selector-available h2, .select-wrapper .selector-chosen h2 { - background: #79aec8; - border: none; - color: white; + background: #79aec8; + border: none; + color: white; } .help.help-tooltip.help-icon { @@ -41,193 +41,194 @@ fieldset.aligned { } .select-dropdown.dropdown-trigger { - display: none; + display: none; } form .related-widget-wrapper .select-dropdown.dropdown-trigger, form .related-widget-wrapper .caret { - display: none; + display: none; } .selector .help-icon { background: url(../img/icon-unknown-alt.svg) 0 0 no-repeat; } + div.selector option { - height: 25px; - padding: 4px; + height: 25px; + padding: 4px; } div.selector select { - padding: 0; - border: 1px solid #ccc; + padding: 0; + border: 1px solid #ccc; } .selector-available input[type=text] { - height: 30px; + height: 30px; } div.submit-row { - border: none; + border: none; } td.original { - display: flex; + display: flex; } .inline-group, .inline-group .tabular td.original p, .inline-group .inline-related { - overflow: visible; + overflow: visible; } .inline-group .tabular tr.form-row td { - padding-bottom: 18px; + padding-bottom: 18px; } .inline-group .tabular tr.form-row td.delete { - vertical-align: bottom; + vertical-align: bottom; } -.inline-group .tabular td .datetimeshortcuts{ - position: absolute; - bottom: 0; - left: 2px; +.inline-group .tabular td .datetimeshortcuts { + position: absolute; + bottom: 0; + left: 2px; } .inline-group .tabular td .timezonewarning { - position: absolute; - font-size: 9px; - top: 0; + position: absolute; + font-size: 9px; + top: 0; } .related-wrapper-row { - position: relative; + position: relative; } a.add-related { - left: 10px; + left: 10px; } .delete-inline-row { - cursor: pointer + cursor: pointer } .inline-deletelink { - display: none; + display: none; } .inline-group .tabular tr.add-row td a.add-inline-link, .add-inline-link { - background-image: none; - display: flex; - align-items: center; - justify-content: center; - font-size: 16px; - margin-top: 10px; + background-image: none; + display: flex; + align-items: center; + justify-content: center; + font-size: 16px; + margin-top: 10px; } .form-row { - border-bottom: none; + border-bottom: none; } .form-row .delete { - text-align: center; - vertical-align: middle; + text-align: center; + vertical-align: middle; } .form-row td { - position: relative; + position: relative; } .form-row td .url { - top: 38px; + top: 38px; } form .aligned div.help, form .aligned input + div.help { - margin-left: -10px; + margin-left: -10px; } form .aligned p.help, form .aligned div.help { - margin-top: 10px; + margin-top: 10px; } .aligned label, .inline-group .aligned label { - width: 100%; + width: 100%; } .inline-group .inline-related .aligned label.checkbox-block { - width: 25px; + width: 25px; } .checkbox-row { - display: flex; + display: flex; } .aligned label + div.readonly { - padding-top: 0px !important; + padding-top: 0px !important; } .checkbox-label label { - color: #666; - font-size: 14px; - margin-top: -6px; - cursor: pointer; - width: 160px; + color: #666; + font-size: 14px; + margin-top: -6px; + cursor: pointer; + width: 160px; } label.checkbox-block { - width: 25px; - height: 25px; - margin-top: -7px; - cursor: pointer; + width: 25px; + height: 25px; + margin-top: -7px; + cursor: pointer; } label.checkbox-block span { - pointer-events: none; + pointer-events: none; } tr { - border: 0; + border: 0; } .form-row .input-field textarea.materialize-textarea { - width: 100%; - max-width: none; + width: 100%; + max-width: none; } .card-grid { - grid-gap: 5px; - display: grid; - grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); - grid-template-rows: auto [last-line]; + grid-gap: 5px; + display: grid; + grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); + grid-template-rows: auto [last-line]; } .stacked-inline-close { - text-align: right; - cursor: pointer; - float: right; - margin: 0 1% 1% 0; + text-align: right; + cursor: pointer; + float: right; + margin: 0 1% 1% 0; } .inline-related { - overflow: hidden; + overflow: hidden; } .inline-related .input-field p { - margin: 0; + margin: 0; } div.url { - position: absolute; - top: 12px; - right: 0; - background: white; + position: absolute; + top: 12px; + right: 0; + background: white; } .inline-related.has_original .delete { - display: none; + display: none; } diff --git a/backend/static_extras/css/admin/style.css b/backend/static_extras/css/admin/style.css index 3d588d46..f691f7f4 100644 --- a/backend/static_extras/css/admin/style.css +++ b/backend/static_extras/css/admin/style.css @@ -1,16 +1,16 @@ .lang-switch-wrapper { - display: inline-block; + display: inline-block; } .lang-switch-wrapper .select-dropdown, .lang-switch-wrapper .caret { - display:none !important; + display: none !important; } select.select { - display: block; - border: none; - border-radius: 4px; - height: 2rem; - font-weight: 700; - margin: 10px; + display: block; + border: none; + border-radius: 4px; + height: 2rem; + font-weight: 700; + margin: 10px; } diff --git a/backend/static_extras/css/footer.css b/backend/static_extras/css/footer.css index b90ec36d..5b7270a2 100644 --- a/backend/static_extras/css/footer.css +++ b/backend/static_extras/css/footer.css @@ -1,79 +1,79 @@ footer { - background-color: var(--lightest-gray); - padding-top: 40px; - padding-bottom: 60px; - color: black; - text-align: center; + background-color: var(--lightest-gray); + padding-top: 40px; + padding-bottom: 60px; + color: black; + text-align: center; } footer a { - color: black; + color: black; } footer a:not(.button):hover { - color: black; - text-decoration: underline; + color: black; + text-decoration: underline; } footer .branding { - display: flex; - justify-content: center; - align-items: flex-start; - flex-direction: column; - max-width: 280px; - margin-left: auto; - margin-right: auto; + display: flex; + justify-content: center; + align-items: flex-start; + flex-direction: column; + max-width: 280px; + margin-left: auto; + margin-right: auto; } @media screen and (max-width: 768px) { - footer .mobile-spacing { - margin-top: 32px; - } + footer .mobile-spacing { + margin-top: 32px; + } } footer .branding a { - display: inline-block; - margin-top: 5px; + display: inline-block; + margin-top: 5px; } footer .branding .code_commit-logo { - height: 45px; + height: 45px; } #footer-links { - display: flex; - flex-direction: column; + display: flex; + flex-direction: column; } #footer-links li a:not(.button) { - color: black; - text-decoration: underline; + color: black; + text-decoration: underline; } #footer-links li { - padding-top: 5px; - padding-bottom: 5px; + padding-top: 5px; + padding-bottom: 5px; } @media (max-width: 768px) { - #footer-links { - flex-direction: column; - } + #footer-links { + flex-direction: column; + } - #footer-links li { - padding: 10px; - } + #footer-links li { + padding: 10px; + } } #footer-social { - display: inline-block; - list-style: none; - margin-top: 30px; + display: inline-block; + list-style: none; + margin-top: 30px; } #footer-social li { - display: inline-block; - margin: 0 25px; + display: inline-block; + margin: 0 25px; } diff --git a/backend/static_extras/css/header.css b/backend/static_extras/css/header.css index ba54b6ed..f3dba24f 100644 --- a/backend/static_extras/css/header.css +++ b/backend/static_extras/css/header.css @@ -1,19 +1,19 @@ .subtle-link { - color: #000; + color: #000; - &:hover { - color: #165ccc; - } + &:hover { + color: #165ccc; + } } .banner { - background-color: #f3f4f6; + background-color: #f3f4f6; } .banner-content { - padding: 12px 0; - font-size: 14px; - font-weight: 500; - display: flex; - align-items: center; + padding: 12px 0; + font-size: 14px; + font-weight: 500; + display: flex; + align-items: center; } diff --git a/backend/static_extras/css/home/alegeri-jumbotron.css b/backend/static_extras/css/home/alegeri-jumbotron.css index dcd92105..89d14d6c 100644 --- a/backend/static_extras/css/home/alegeri-jumbotron.css +++ b/backend/static_extras/css/home/alegeri-jumbotron.css @@ -6,29 +6,29 @@ margin-top: 3rem; } - #alegeri-jumbotron #alegeri-icon { - display: inline-block; - margin-top: calc(var(--icon-size) / -2); - border: 3px solid #000; - border-radius: 100%; - width: var(--icon-size); - height: var(--icon-size); - font-size: 100px; - line-height: 122px; - color: #FFDD57; - background-color: #fff; - } +#alegeri-jumbotron #alegeri-icon { + display: inline-block; + margin-top: calc(var(--icon-size) / -2); + border: 3px solid #000; + border-radius: 100%; + width: var(--icon-size); + height: var(--icon-size); + font-size: 100px; + line-height: 122px; + color: #FFDD57; + background-color: #fff; +} - #alegeri-jumbotron h2 { - font-size: 35px; - } +#alegeri-jumbotron h2 { + font-size: 35px; +} - #alegeri-jumbotron #alegeri-buttons { - padding: 20px 0 50px; - } +#alegeri-jumbotron #alegeri-buttons { + padding: 20px 0 50px; +} - #alegeri-buttons .button { - margin:20px; - width: 247px; - font-weight: bold; - } +#alegeri-buttons .button { + margin: 20px; + width: 247px; + font-weight: bold; +} diff --git a/backend/static_extras/css/home/contact.css b/backend/static_extras/css/home/contact.css index 6810f69a..d6c22e2b 100644 --- a/backend/static_extras/css/home/contact.css +++ b/backend/static_extras/css/home/contact.css @@ -3,31 +3,31 @@ margin-bottom: 70px; } - #contact > div { - flex: 1; - padding: 20px; - } +#contact > div { + flex: 1; + padding: 20px; +} - #contact h3 { - padding: 0; - margin-bottom: 20px; - } +#contact h3 { + padding: 0; + margin-bottom: 20px; +} - #contact p { - margin-bottom: 20px; - } +#contact p { + margin-bottom: 20px; +} - #contact-form .control.has-icons-left .icon, - #contact-form .control.has-icons-right .icon { - color: #dbdbdb; - font-size: 1rem; - } +#contact-form .control.has-icons-left .icon, +#contact-form .control.has-icons-right .icon { + color: #dbdbdb; + font-size: 1rem; +} - #contact-form textarea { - min-height: 8em; - } +#contact-form textarea { + min-height: 8em; +} - #contact-form #contact-form-buttons { - margin-top: 10px; - text-align: right; - } +#contact-form #contact-form-buttons { + margin-top: 10px; + text-align: right; +} diff --git a/backend/static_extras/css/hub.css b/backend/static_extras/css/hub.css index d81365a0..5f42c46d 100644 --- a/backend/static_extras/css/hub.css +++ b/backend/static_extras/css/hub.css @@ -1,44 +1,44 @@ * { - font-family: 'Open Sans', sans-serif; - font-style: normal; - font-size: 14px; + font-family: 'Open Sans', sans-serif; + font-style: normal; + font-size: 14px; } body { - font-family: 'Open Sans', sans-serif; - font-style: normal; - font-size: 14px; - color: var(--black); + font-family: 'Open Sans', sans-serif; + font-style: normal; + font-size: 14px; + color: var(--black); } #main { - padding: 3em 0; + padding: 3em 0; } .tight-container { - margin: 0 5%; + margin: 0 5%; } -@media (min-width: 1024px){ - .tight-container { - margin: 0 15%; - } +@media (min-width: 1024px) { + .tight-container { + margin: 0 15%; + } } .h-padded-wrapper { - padding: 0 1.5em; + padding: 0 1.5em; } .title { - padding-bottom: 1rem; - color: var(--black); + padding-bottom: 1rem; + color: var(--black); } .subtitle { - font-size: 1.2rem; - font-weight: 300; - color: var(--black); - padding: 1em; + font-size: 1.2rem; + font-weight: 300; + color: var(--black); + padding: 1em; } .status-accepted { @@ -54,127 +54,128 @@ body { } @media (min-width: 1024px) { - #main { - padding: 2em 0; - } + #main { + padding: 2em 0; + } - .h-padded-wrapper { - padding: 0 5em; - } + .h-padded-wrapper { + padding: 0 5em; + } - .container .subtitle { - margin: 0 20%; - } + .container .subtitle { + margin: 0 20%; + } } .flex-align-center { - display: flex; - align-items: center; + display: flex; + align-items: center; } .border-b { - border-bottom: 1px solid var(--black); + border-bottom: 1px solid var(--black); } + .navbar { - background-color: transparent; + background-color: transparent; } .navbar-item { - /* color: #fff; */ - font-size: 14px; - font-weight: 600; + /* color: #fff; */ + font-size: 14px; + font-weight: 600; } .navbar-item img { - max-height: none; + max-height: none; } .navbar-burger { - margin-top: auto; - margin-bottom: auto; + margin-top: auto; + margin-bottom: auto; } .dropdown-content .navbar-item { - color: var(--dark-gray); + color: var(--dark-gray); } .nav-avatar { - border-radius: 50%; - padding: 0.25em; - height: var(--nav-avatar-height)!important; - width: var(--nav-avatar-width)!important; + border-radius: 50%; + padding: 0.25em; + height: var(--nav-avatar-height) !important; + width: var(--nav-avatar-width) !important; } .section-title { - font-size: 1.9em; - padding-bottom: 1em; - font-family: Titillium Web, sans-serif; - font-style: normal; - color: var(--black); + font-size: 1.9em; + padding-bottom: 1em; + font-family: Titillium Web, sans-serif; + font-style: normal; + color: var(--black); } .section-text { - font-size: 1em; - font-weight: 300; - color: var(--black); - padding-bottom: 1em; + font-size: 1em; + font-weight: 300; + color: var(--black); + padding-bottom: 1em; } -.tile.is-child{ - padding:2em; - margin: 2em!important; +.tile.is-child { + padding: 2em; + margin: 2em !important; } .tile.rules-box { - background-color: #F4F5F7; - padding-top: 60px; + background-color: #F4F5F7; + padding-top: 60px; } - .tile.rules-box p { - margin-bottom: 15px; - } +.tile.rules-box p { + margin-bottom: 15px; +} .tile-title { - color: var(--dark-gray); - font-size: 1.5em; - padding: 0.5em; + color: var(--dark-gray); + font-size: 1.5em; + padding: 0.5em; } @media (min-width: 768px) { - .need-call2action { - margin: 2em; - } + .need-call2action { + margin: 2em; + } - .need-logo { - margin: 1em; - min-width: 100px; - max-width: 100px; - } + .need-logo { + margin: 1em; + min-width: 100px; + max-width: 100px; + } } .mb-50 { - margin-bottom: 50px; + margin-bottom: 50px; } #right_sidebar { - border-top: 1px solid #E5E5E5; + border-top: 1px solid #E5E5E5; } @media screen and (min-width: 769px) { - #right_sidebar { - border-top: 1px solid #E5E5E5; - width: 30%; - margin-right: 0; - margin-left: auto; - } + #right_sidebar { + border-top: 1px solid #E5E5E5; + width: 30%; + margin-right: 0; + margin-left: auto; + } } .light-bg { - background-color: var(--light-bg-color); + background-color: var(--light-bg-color); } .sidebar-btn { - font-size: 0.9rem; + font-size: 0.9rem; } .domain-title { @@ -188,65 +189,65 @@ body { } .uppercase { - text-transform: uppercase; + text-transform: uppercase; } .filter-container { - margin: 1em 0; + margin: 1em 0; } .filter-dropdown button, .filter-dropdown button:hover { - border: 1px solid #1C1080; - color: #1C1080; - font-size: 1em; + border: 1px solid #1C1080; + color: #1C1080; + font-size: 1em; } .tool { - margin-bottom: 1rem; + margin-bottom: 1rem; } .donation-card { - background-color: white; - padding: 2em; + background-color: white; + padding: 2em; } .detail-header { - display: flex; - flex-direction: row; - align-items: flex-end; + display: flex; + flex-direction: row; + align-items: flex-end; } .detail-header .title { - font-size: 20px; - line-height: 30px; - font-weight: normal; - color: #3D4F9F; + font-size: 20px; + line-height: 30px; + font-weight: normal; + color: #3D4F9F; } .detail-header .subtitle { - font-size: 16px; - color: #000; + font-size: 16px; + color: #000; } .detail-header-img { - width: 115px; - height: auto; - margin-right: 1.25em; + width: 115px; + height: auto; + margin-right: 1.25em; } .detail-desc { - padding-top: 3rem; + padding-top: 3rem; } .detail-desc p { - padding: 3px 10px; + padding: 3px 10px; } .detail-desc .label { - font-family: 'Open Sans', sans-serif; - font-weight: bold; - font-size: 16px; - display: inline-block; + font-family: 'Open Sans', sans-serif; + font-weight: bold; + font-size: 16px; + display: inline-block; } .vote-org-buttons { @@ -254,299 +255,299 @@ body { } .detail-desc-title { - display: flex; - padding:0; - flex-direction: row; - align-items: center; - font-family: 'Titillium Web', sans-serif; - font-weight: bold; - font-size: 16px; - color: #000000; - background-color: #F2F2F2; - margin: 1em 0; + display: flex; + padding: 0; + flex-direction: row; + align-items: center; + font-family: 'Titillium Web', sans-serif; + font-weight: bold; + font-size: 16px; + color: #000000; + background-color: #F2F2F2; + margin: 1em 0; } .detail-desc-title .candidate-colorblock { - width:60px; - height:50px; - display: inline-block; - margin-right: 20px; - background-color: var(--candidate-colorblock); + width: 60px; + height: 50px; + display: inline-block; + margin-right: 20px; + background-color: var(--candidate-colorblock); } .detail-desc-title .ngo-colorblock { - width:60px; - height:50px; - display: inline-block; - margin-right: 20px; - background-color: var(--ngo-colorblock); + width: 60px; + height: 50px; + display: inline-block; + margin-right: 20px; + background-color: var(--ngo-colorblock); } .donate-hero { - display: flex; - flex-direction: row; - align-items: center; - margin: 2em 0 0.5em 0; + display: flex; + flex-direction: row; + align-items: center; + margin: 2em 0 0.5em 0; } .donate-hero-img { - display: flex; - min-width: 33px; - height: 40px; - margin-right: 1em; + display: flex; + min-width: 33px; + height: 40px; + margin-right: 1em; } .donate-hero .title { - font-size: 16px; - font-weight: bold; + font-size: 16px; + font-weight: bold; } .card-info { - display: flex; - flex-direction: column; - justify-content: space-around; - flex-grow: 1; - min-height: 150px; - margin: 1em; + display: flex; + flex-direction: column; + justify-content: space-around; + flex-grow: 1; + min-height: 150px; + margin: 1em; } .tag-bar { - margin-top: 1.25em; + margin-top: 1.25em; } .need-tag { - background: rgba(167, 209, 233, 0.45) !important; - border-radius: 6px !important; - margin-right: 10px; + background: rgba(167, 209, 233, 0.45) !important; + border-radius: 6px !important; + margin-right: 10px; } .need-icon { - display: flex; - justify-content: center; - align-items: center; - height: 100%; - background-color: #bedcfa; - color: #3D4F9F; - padding: 1em; + display: flex; + justify-content: center; + align-items: center; + height: 100%; + background-color: #bedcfa; + color: #3D4F9F; + padding: 1em; } .need-button { - display: flex; + display: flex; } .need { - flex-direction: column; - width: 100%; + flex-direction: column; + width: 100%; } .need-logo { - margin-right: 1em; - max-width: 64px; - min-width: 64px; + margin-right: 1em; + max-width: 64px; + min-width: 64px; } .need-title { - font-weight: bold; - font-size: 1.3em; - margin-bottom: 0.5em; + font-weight: bold; + font-size: 1.3em; + margin-bottom: 0.5em; } .need-subtitle { - font-weight: bold; - font-size: 0.8em; + font-weight: bold; + font-size: 0.8em; } .need-description { - margin-top: 1em; + margin-top: 1em; } .need-call2action { - margin: 1em; + margin: 1em; } .candidate-desc { - font-weight: 300; - font-size: 16px; + font-weight: 300; + font-size: 16px; } @media (min-width: 768px) { - .need { - flex-direction: row; - align-items: center; - } + .need { + flex-direction: row; + align-items: center; + } - .card-info { - min-height: 100px; - } + .card-info { + min-height: 100px; + } - .vr { - height: 80%; - border-right: 1px solid #dbdbdb; - } + .vr { + height: 80%; + border-right: 1px solid #dbdbdb; + } - .need-icon { - padding: 1.5em; - color: #fff; - } + .need-icon { + padding: 1.5em; + color: #fff; + } - .need-call2action { - margin: 2em; - } + .need-call2action { + margin: 2em; + } - .need-logo { - margin: 1em; - min-width: 100px; - max-width: 100px; - } + .need-logo { + margin: 1em; + min-width: 100px; + max-width: 100px; + } } #need-form input[type="submit"] { - display: flex; - margin-right: auto; - margin-left: auto; + display: flex; + margin-right: auto; + margin-left: auto; } .search-wrapper { - justify-content: flex-end; - margin-bottom: 3em; + justify-content: flex-end; + margin-bottom: 3em; } .search-wrapper form { - width: 300px; + width: 300px; } .search-input, .search-input:hover, .search-input:focus { - box-shadow: none; - border: none; - font-family: Titillium Web, sans-serif; - font-style: italic; - font-weight: normal; - font-size: 16px; + box-shadow: none; + border: none; + font-family: Titillium Web, sans-serif; + font-style: italic; + font-weight: normal; + font-size: 16px; } @media (max-width: 768px) { - .search-wrapper form { - width: 100%; - } + .search-wrapper form { + width: 100%; + } } .search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ - color: #6B6B6B; - opacity: 1; /* Firefox */ + color: #6B6B6B; + opacity: 1; /* Firefox */ } .search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ - color: #6B6B6B; + color: #6B6B6B; } .search-input::-ms-input-placeholder { /* Microsoft Edge */ - color: #6B6B6B; + color: #6B6B6B; } .search-input + label.search-icon .icon { - pointer-events: auto; - cursor: pointer; + pointer-events: auto; + cursor: pointer; } .control.has-icons-left .icon, .control.has-icons-right .icon { - color: #6B6B6B; + color: #6B6B6B; } .register-form { - width: 100%; - display: flex; - flex-direction: column; - align-items: center; + width: 100%; + display: flex; + flex-direction: column; + align-items: center; } .register-form .field { - width: 100%; + width: 100%; } .control { - font-size: 14px; - font-family: Titillium Web, sans-serif; + font-size: 14px; + font-family: Titillium Web, sans-serif; } .register-form label { - width: 100%; - font-weight: normal; - font-size: 14px; + width: 100%; + font-weight: normal; + font-size: 14px; } .register-form input, .register-form select { - width: 100%; - font-family: Titillium Web, sans-serif; - font-weight: normal; - font-size: 14px; + width: 100%; + font-family: Titillium Web, sans-serif; + font-weight: normal; + font-size: 14px; } .register-form .select { - display: block; + display: block; } .register-form input[type="text"], .register-form input[type="textarea"], .register-form select { - border-radius: 6px; - font-size: 14px; - padding: 1.5em; - font-family: Titillium Web, sans-serif; - font-weight: normal; + border-radius: 6px; + font-size: 14px; + padding: 1.5em; + font-family: Titillium Web, sans-serif; + font-weight: normal; } .register-form input[type="file"] { - font-size: 14px; - font-family: Titillium Web, sans-serif; + font-size: 14px; + font-family: Titillium Web, sans-serif; } .register-form input[type="email"] { - border: 1px solid #dbdbdb;; - box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, .05); - border-radius: 6px; - font-size: 14px; - padding: 1.5em; + border: 1px solid #dbdbdb;; + box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, .05); + border-radius: 6px; + font-size: 14px; + padding: 1.5em; } .register-form input[type="submit"] { - border-radius: 3px; - width: 250px; - font-weight: bold; + border-radius: 3px; + width: 250px; + font-weight: bold; } .donations-table { - width: 100%; - border-collapse: collapse; - margin-top: 32px; + width: 100%; + border-collapse: collapse; + margin-top: 32px; } .donations-table th { - background: #C2D0DE; - border: 1px solid white; - padding: 1em; + background: #C2D0DE; + border: 1px solid white; + padding: 1em; } .donations-table td { - background: #F2F2F2; - border: 1px solid white; - padding: 1em; + background: #F2F2F2; + border: 1px solid white; + padding: 1em; } .file.has-name .file-name { - max-width: none; + max-width: none; } .half-width { - width: 50%; + width: 50%; } .pagination-next, .pagination-previous { - min-width: 80px; + min-width: 80px; } .pagination-next.hidden, .pagination-previous.hidden { - visibility: hidden; + visibility: hidden; } .errorlist { @@ -554,59 +555,59 @@ body { } .ces-form .label { - font-weight: 600; - font-size: 14px; + font-weight: 600; + font-size: 14px; } .button.is-success { - background-color: var(--call2action); + background-color: var(--call2action); } .filter-grid { - display: grid; - overflow: hidden; - grid-template-columns: repeat(3, 1fr); - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - grid-auto-rows: 1fr; - grid-column-gap: 1rem; - grid-row-gap: 1rem; + display: grid; + overflow: hidden; + grid-template-columns: repeat(3, 1fr); + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + grid-auto-rows: 1fr; + grid-column-gap: 1rem; + grid-row-gap: 1rem; } .filter-card { - display:flex; - align-items:center; - width:100%; - background-color: var(--lightest-gray); + display: flex; + align-items: center; + width: 100%; + background-color: var(--lightest-gray); } .filter-icon { - display: flex; - align-items: center; - align-self: stretch; - padding: 1rem; - background-color: #616161; + display: flex; + align-items: center; + align-self: stretch; + padding: 1rem; + background-color: #616161; } .filter-icon-active { - display: flex; - align-items: center; - align-self: stretch; - padding: 1rem; - background-color: var(--active-pale-yellow); + display: flex; + align-items: center; + align-self: stretch; + padding: 1rem; + background-color: var(--active-pale-yellow); } .filter-card-content { - padding: 1rem + padding: 1rem } .filter-link { - display: flex; + display: flex; } .filter-card-active { - display: flex; - align-items: center; - width: 100%; - background-color: var(--active-yellow); - color: var(--black); + display: flex; + align-items: center; + width: 100%; + background-color: var(--active-yellow); + color: var(--black); }