From aa1bb0d8478fa4a19b9ad0d58278fc9a9584bc4c Mon Sep 17 00:00:00 2001 From: 0xb00bface <0xboobface@gmail.com> Date: Sat, 20 Feb 2021 18:24:31 +0100 Subject: [PATCH] Add dark mode for web interface --- .../src/main/resources/html/static/custom.css | 6 +- .../resources/html/static/freelancer-dark.css | 419 ++ .../main/resources/html/static/freelancer.css | 30 +- .../src/main/resources/html/static/index.html | 39 +- .../html/static/vendor/cookie_js/.babelrc | 3 + .../html/static/vendor/cookie_js/.travis.yml | 4 + .../html/static/vendor/cookie_js/LICENSE | 20 + .../html/static/vendor/cookie_js/README.md | 231 + .../html/static/vendor/cookie_js/bower.json | 21 + .../vendor/cookie_js/dist/cookie.cjs.js | 178 + .../vendor/cookie_js/dist/cookie.esm.js | 174 + .../vendor/cookie_js/dist/cookie.umd.js | 184 + .../vendor/cookie_js/dist/cookie.umd.min.js | 1 + .../html/static/vendor/cookie_js/package.json | 66 + .../static/vendor/cookie_js/rollup.config.js | 50 + .../static/vendor/cookie_js/src/cookie.js | 174 + .../static/vendor/cookie_js/tests/README.md | 13 + .../vendor/cookie_js/tests/builds/cjs.js | 14 + .../vendor/cookie_js/tests/builds/esm.js | 14 + .../vendor/cookie_js/tests/builds/umd.js | 25 + .../vendor/cookie_js/tests/builds/umd.min.js | 25 + .../static/vendor/cookie_js/tests/mocha.opts | 1 + .../static/vendor/cookie_js/tests/shared.js | 287 + .../vendor/cookie_js/tests/shared_no_jsdom.js | 76 + .../static/vendor/font-awesome/css/all.css | 4619 +++++++++++++++ .../vendor/font-awesome/css/all.min.css | 5 + .../static/vendor/font-awesome/css/brands.css | 15 + .../vendor/font-awesome/css/brands.min.css | 5 + .../vendor/font-awesome/css/font-awesome.css | 2337 -------- .../font-awesome/css/font-awesome.css.map | 7 - .../font-awesome/css/font-awesome.min.css | 4 - .../vendor/font-awesome/css/fontawesome.css | 4585 +++++++++++++++ .../font-awesome/css/fontawesome.min.css | 5 + .../vendor/font-awesome/css/regular.css | 15 + .../vendor/font-awesome/css/regular.min.css | 5 + .../static/vendor/font-awesome/css/solid.css | 16 + .../vendor/font-awesome/css/solid.min.css | 5 + .../vendor/font-awesome/css/svg-with-js.css | 371 ++ .../font-awesome/css/svg-with-js.min.css | 5 + .../vendor/font-awesome/css/v4-shims.css | 2172 +++++++ .../vendor/font-awesome/css/v4-shims.min.css | 5 + .../vendor/font-awesome/fonts/FontAwesome.otf | Bin 134808 -> 0 bytes .../fonts/fontawesome-webfont.eot | Bin 165742 -> 0 bytes .../fonts/fontawesome-webfont.svg | 2671 --------- .../fonts/fontawesome-webfont.ttf | Bin 165548 -> 0 bytes .../fonts/fontawesome-webfont.woff | Bin 98024 -> 0 bytes .../fonts/fontawesome-webfont.woff2 | Bin 77160 -> 0 bytes .../vendor/font-awesome/less/animated.less | 34 - .../font-awesome/less/bordered-pulled.less | 25 - .../static/vendor/font-awesome/less/core.less | 12 - .../vendor/font-awesome/less/fixed-width.less | 6 - .../font-awesome/less/font-awesome.less | 18 - .../vendor/font-awesome/less/icons.less | 789 --- .../vendor/font-awesome/less/larger.less | 13 - .../static/vendor/font-awesome/less/list.less | 19 - .../vendor/font-awesome/less/mixins.less | 60 - .../static/vendor/font-awesome/less/path.less | 15 - .../font-awesome/less/rotated-flipped.less | 20 - .../font-awesome/less/screen-reader.less | 5 - .../vendor/font-awesome/less/stacked.less | 20 - .../vendor/font-awesome/less/variables.less | 800 --- .../vendor/font-awesome/scss/_animated.scss | 34 - .../font-awesome/scss/_bordered-pulled.scss | 25 - .../vendor/font-awesome/scss/_core.scss | 12 - .../font-awesome/scss/_fixed-width.scss | 6 - .../vendor/font-awesome/scss/_icons.scss | 789 --- .../vendor/font-awesome/scss/_larger.scss | 13 - .../vendor/font-awesome/scss/_list.scss | 19 - .../vendor/font-awesome/scss/_mixins.scss | 60 - .../vendor/font-awesome/scss/_path.scss | 15 - .../font-awesome/scss/_rotated-flipped.scss | 20 - .../font-awesome/scss/_screen-reader.scss | 5 - .../vendor/font-awesome/scss/_stacked.scss | 20 - .../vendor/font-awesome/scss/_variables.scss | 800 --- .../font-awesome/scss/font-awesome.scss | 18 - .../font-awesome/webfonts/fa-brands-400.eot | Bin 0 -> 136822 bytes .../font-awesome/webfonts/fa-brands-400.svg | 3717 ++++++++++++ .../font-awesome/webfonts/fa-brands-400.ttf | Bin 0 -> 136516 bytes .../font-awesome/webfonts/fa-brands-400.woff | Bin 0 -> 92136 bytes .../font-awesome/webfonts/fa-brands-400.woff2 | Bin 0 -> 78472 bytes .../font-awesome/webfonts/fa-regular-400.eot | Bin 0 -> 34350 bytes .../font-awesome/webfonts/fa-regular-400.svg | 801 +++ .../font-awesome/webfonts/fa-regular-400.ttf | Bin 0 -> 34052 bytes .../font-awesome/webfonts/fa-regular-400.woff | Bin 0 -> 16776 bytes .../webfonts/fa-regular-400.woff2 | Bin 0 -> 13588 bytes .../font-awesome/webfonts/fa-solid-900.eot | Bin 0 -> 204814 bytes .../font-awesome/webfonts/fa-solid-900.svg | 5028 +++++++++++++++++ .../font-awesome/webfonts/fa-solid-900.ttf | Bin 0 -> 204528 bytes .../font-awesome/webfonts/fa-solid-900.woff | Bin 0 -> 104280 bytes .../font-awesome/webfonts/fa-solid-900.woff2 | Bin 0 -> 80252 bytes 90 files changed, 23421 insertions(+), 8699 deletions(-) create mode 100644 server/src/main/resources/html/static/freelancer-dark.css create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/.babelrc create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/.travis.yml create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/LICENSE create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/README.md create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/bower.json create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/dist/cookie.cjs.js create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/dist/cookie.esm.js create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/dist/cookie.umd.js create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/dist/cookie.umd.min.js create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/package.json create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/rollup.config.js create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/src/cookie.js create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/tests/README.md create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/tests/builds/cjs.js create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/tests/builds/esm.js create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/tests/builds/umd.js create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/tests/builds/umd.min.js create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/tests/mocha.opts create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/tests/shared.js create mode 100644 server/src/main/resources/html/static/vendor/cookie_js/tests/shared_no_jsdom.js create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/all.css create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/all.min.css create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/brands.css create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/brands.min.css delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/font-awesome.css delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/font-awesome.css.map delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/font-awesome.min.css create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/fontawesome.css create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/fontawesome.min.css create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/regular.css create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/regular.min.css create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/solid.css create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/solid.min.css create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/svg-with-js.css create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/svg-with-js.min.css create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/v4-shims.css create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/css/v4-shims.min.css delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/fonts/FontAwesome.otf delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/fonts/fontawesome-webfont.eot delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/fonts/fontawesome-webfont.svg delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/fonts/fontawesome-webfont.ttf delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/fonts/fontawesome-webfont.woff delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/fonts/fontawesome-webfont.woff2 delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/animated.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/bordered-pulled.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/core.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/fixed-width.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/font-awesome.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/icons.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/larger.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/list.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/mixins.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/path.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/rotated-flipped.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/screen-reader.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/stacked.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/less/variables.less delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/_animated.scss delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/_bordered-pulled.scss delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/_core.scss delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/_fixed-width.scss delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/_icons.scss delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/_larger.scss delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/_list.scss delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/_mixins.scss delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/_path.scss delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/_rotated-flipped.scss delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/_screen-reader.scss delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/_stacked.scss delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/_variables.scss delete mode 100644 server/src/main/resources/html/static/vendor/font-awesome/scss/font-awesome.scss create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-brands-400.eot create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-brands-400.svg create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-brands-400.ttf create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-brands-400.woff create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-brands-400.woff2 create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-regular-400.eot create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-regular-400.svg create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-regular-400.ttf create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-regular-400.woff create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-regular-400.woff2 create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-solid-900.eot create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-solid-900.svg create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-solid-900.ttf create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-solid-900.woff create mode 100644 server/src/main/resources/html/static/vendor/font-awesome/webfonts/fa-solid-900.woff2 diff --git a/server/src/main/resources/html/static/custom.css b/server/src/main/resources/html/static/custom.css index 8cc7ead7..ace1d7e4 100644 --- a/server/src/main/resources/html/static/custom.css +++ b/server/src/main/resources/html/static/custom.css @@ -66,4 +66,8 @@ th a:hover { .red { color: #dc4444; -} \ No newline at end of file +} + +#dark-mode-toggle { + text-decoration: none; +} diff --git a/server/src/main/resources/html/static/freelancer-dark.css b/server/src/main/resources/html/static/freelancer-dark.css new file mode 100644 index 00000000..88c18dfd --- /dev/null +++ b/server/src/main/resources/html/static/freelancer-dark.css @@ -0,0 +1,419 @@ +html { + height: 100%; +} + +body { + min-height: 100%; + color: #fff; + background-color: #2C3E50; + font-family: 'Lato'; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #fff; + font-weight: 700; + font-family: 'Montserrat'; +} + +hr.star-light, +hr.star-dark { + max-width: 15rem; + padding: 0; + text-align: center; + border: none; + border-top: solid 0.25rem; + margin-top: 2.5rem; + margin-bottom: 2.5rem; +} + +hr.star-light:after, +hr.star-dark:after { + position: relative; + top: -.8em; + display: inline-block; + padding: 0 0.25em; + content: '\f005'; + font-family: FontAwesome; + font-size: 2em; +} + +hr.star-light { + border-color: #2C3E50; +} + +hr.star-light:after { + color: #2C3E50; + background-color: #dc4444; +} + +hr.star-dark { + border-color: #fff; +} + +hr.star-dark:after { + color: #fff; + background-color: white; +} + +section { + padding: 6rem 1rem 0 1rem; +} + +section h2 { + font-size: 2.25rem; + line-height: 2rem; +} + +button, input, optgroup, select, textarea { + color: #fff; + background-color: #2C3E50; +} + +.table-bordered td, .table-bordered th { + border: 1px solid #1a252f; +} + +.table thead th { + border-bottom: 2px solid #1a252f; +} + +@media (min-width: 992px) { + section { + padding: 9rem 3rem 0 3rem; + } + section h2 { + font-size: 3rem; + line-height: 2.5rem; + } +} + +.form-control { + color: #fff; + background-color: #2C3E50; + border-color: #1a252f; +} + +.btn-xl { + padding: 1rem 1.75rem; + font-size: 1.25rem; +} + +.btn-social { + width: 3.25rem; + height: 3.25rem; + font-size: 1.25rem; + line-height: 2rem; +} + +.scroll-to-top { + z-index: 1042; + right: 1rem; + bottom: 1rem; + display: none; +} + +.scroll-to-top a { + width: 3.5rem; + height: 3.5rem; + background-color: rgba(33, 37, 41, 0.5); + line-height: 3.1rem; +} + +#mainNav { + /*padding-top: 1rem;*/ + /*padding-bottom: 1rem;*/ + font-weight: 700; + font-family: 'Montserrat'; + background-color: #1a252f; +} + +#mainNav .navbar-brand { + color: #fff; +} + +#mainNav .navbar-nav { + margin-top: 1rem; + letter-spacing: 0.0625rem; +} + +#mainNav .navbar-nav li.nav-item a.nav-link { + color: #2C3E50; +} + +#mainNav .navbar-nav li.nav-item a.nav-link:hover { + color: #dc4444; + background-color: #fff; +} + +#mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus { + color: #2C3E50; +} + +#mainNav .navbar-nav li.nav-item a.nav-link.active { + color: #dc4444; +} + +#mainNav .navbar-toggler { + font-size: 80%; + padding: 0.8rem; +} + +@media (min-width: 992px) { + #mainNav { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + -webkit-transition: padding-top 0.3s, padding-bottom 0.3s; + -moz-transition: padding-top 0.3s, padding-bottom 0.3s; + transition: padding-top 0.3s, padding-bottom 0.3s; + } + #mainNav .navbar-brand { + font-size: 2em; + -webkit-transition: font-size 0.3s; + -moz-transition: font-size 0.3s; + transition: font-size 0.3s; + } + #mainNav .navbar-nav { + margin-top: 0; + } + #mainNav .navbar-nav > li.nav-item > a.nav-link.active { + color: #fff; + background: #dc4444; + } + #mainNav .navbar-nav > li.nav-item > a.nav-link.active:active, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:focus, #mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover { + color: #fff; + background: #dc4444; + } + #mainNav.navbar-shrink { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + #mainNav.navbar-shrink .navbar-brand { + font-size: 1.5em; + } +} + +header.masthead { + padding-top: calc(6rem + 72px); + padding-bottom: 6rem; +} + +header.masthead h1 { + font-size: 3rem; + line-height: 3rem; +} + +header.masthead h2 { + font-size: 1.3rem; + font-family: 'Lato'; +} + +@media (min-width: 992px) { + header.masthead { + padding-top: calc(6rem + 106px); + padding-bottom: 6rem; + } + header.masthead h1 { + font-size: 4.75em; + line-height: 4rem; + } + header.masthead h2 { + font-size: 1.75em; + } +} + +.portfolio { + margin-bottom: -15px; +} + +.portfolio .portfolio-item { + position: relative; + display: block; + max-width: 25rem; + margin-bottom: 15px; +} + +.portfolio .portfolio-item .portfolio-item-caption { + -webkit-transition: all ease 0.5s; + -moz-transition: all ease 0.5s; + transition: all ease 0.5s; + opacity: 0; + background-color: rgba(220, 68, 68, 0.9); +} + +.portfolio .portfolio-item .portfolio-item-caption:hover { + opacity: 1; +} + +.portfolio .portfolio-item .portfolio-item-caption .portfolio-item-caption-content { + font-size: 1.5rem; +} + +@media (min-width: 576px) { + .portfolio { + margin-bottom: -30px; + } + .portfolio .portfolio-item { + margin-bottom: 30px; + } +} + +.portfolio-modal .portfolio-modal-dialog { + padding: 3rem 1rem; + min-height: calc(100vh - 2rem); + margin: 1rem calc(1rem - 8px); + position: relative; + z-index: 2; + -moz-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5); + -webkit-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5); + box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, 0.5); +} + +.portfolio-modal .portfolio-modal-dialog .close-button { + position: absolute; + top: 2rem; + right: 2rem; +} + +.portfolio-modal .portfolio-modal-dialog .close-button i { + line-height: 38px; +} + +.portfolio-modal .portfolio-modal-dialog h2 { + font-size: 2rem; +} + +@media (min-width: 768px) { + .portfolio-modal .portfolio-modal-dialog { + min-height: 100vh; + padding: 5rem; + margin: 3rem calc(3rem - 8px); + } + .portfolio-modal .portfolio-modal-dialog h2 { + font-size: 3rem; + } +} + +.floating-label-form-group { + position: relative; + border-bottom: 1px solid #1a252f; +} + +.floating-label-form-group input, +.floating-label-form-group textarea { + font-size: 1.5em; + position: relative; + z-index: 1; + padding-right: 0; + padding-left: 0; + resize: none; + border: none; + border-radius: 0; + background: none; + box-shadow: none !important; +} + +.floating-label-form-group label { + font-size: 0.85em; + line-height: 1.764705882em; + position: relative; + z-index: 0; + top: 2em; + /*display: block;*/ + margin: 0; + -webkit-transition: top 0.3s ease, opacity 0.3s ease; + -moz-transition: top 0.3s ease, opacity 0.3s ease; + -ms-transition: top 0.3s ease, opacity 0.3s ease; + transition: top 0.3s ease, opacity 0.3s ease; + vertical-align: baseline; + opacity: 0; +} + +.floating-label-form-group:not(:first-child) { + padding-left: 14px; + border-left: 1px solid #1a252f; +} + +.floating-label-form-group-with-value label { + top: 0; + opacity: 1; +} + +.floating-label-form-group-with-focus label { + color: #dc4444; +} + +form .row:first-child .floating-label-form-group { + border-top: 1px solid #1a252f; +} + +.footer { + padding-top: 5rem; + padding-bottom: 5rem; + background-color: #fff; + color: #2C3E50; + position: absolute; + width: 100%; + bottom: 0; +} + +.copyright { + background-color: #1a252f; +} + +a { + color: #dc4444; +} + +a:focus, a:hover, a:active { + color: #c82525; +} + +.btn { + border-width: 2px; +} + +.bg-primary { + background-color: #dc4444 !important; +} + +.bg-secondary { + background-color: #1a252f !important; +} + +.text-primary { + color: #dc4444 !important; +} + +.text-secondary { + color: #fff !important; +} + +.btn-primary { + background-color: #dc4444; + border-color: #dc4444; +} + +.btn-primary:hover, .btn-primary:focus, .btn-primary:active { + background-color: #c82525; + border-color: #c82525; +} + +.btn-secondary { + background-color: #1a252f; + border-color: #1a252f; +} + +.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { + background-color: #fff; + border-color: #fff; + color: #1a252f; +} + +.table td, .table th { + vertical-align: middle; +} diff --git a/server/src/main/resources/html/static/freelancer.css b/server/src/main/resources/html/static/freelancer.css index 0652220d..84b456cc 100644 --- a/server/src/main/resources/html/static/freelancer.css +++ b/server/src/main/resources/html/static/freelancer.css @@ -5,6 +5,7 @@ html { body { min-height: 100%; color: #2C3E50; + background-color: #fff; font-family: 'Lato'; } @@ -68,6 +69,20 @@ section h2 { line-height: 2rem; } +/* +button, input, optgroup, select, textarea { + color: #fff; + background-color: #2C3E50; +} +*/ +.table-bordered td, .table-bordered th { + border: 1px solid #dee2e6; +} + +.table thead th { + border-bottom: 2px solid #dee2e6; +} + @media (min-width: 992px) { section { padding: 9rem 3rem 0 3rem; @@ -78,6 +93,12 @@ section h2 { } } +.form-control { + color: #495057; + background-color: #fff; + border: 1px solid #ced4da; +} + .btn-xl { padding: 1rem 1.75rem; font-size: 1.25rem; @@ -109,6 +130,7 @@ section h2 { /*padding-bottom: 1rem;*/ font-weight: 700; font-family: 'Montserrat'; + background-color: #fff; } #mainNav .navbar-brand { @@ -126,6 +148,7 @@ section h2 { #mainNav .navbar-nav li.nav-item a.nav-link:hover { color: #dc4444; + background-color: #fff; } #mainNav .navbar-nav li.nav-item a.nav-link:active, #mainNav .navbar-nav li.nav-item a.nav-link:focus { @@ -301,14 +324,12 @@ header.masthead h2 { position: relative; z-index: 0; top: 2em; - display: block; margin: 0; -webkit-transition: top 0.3s ease, opacity 0.3s ease; -moz-transition: top 0.3s ease, opacity 0.3s ease; -ms-transition: top 0.3s ease, opacity 0.3s ease; transition: top 0.3s ease, opacity 0.3s ease; vertical-align: middle; - vertical-align: baseline; opacity: 0; } @@ -390,4 +411,9 @@ a:focus, a:hover, a:active { .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active { background-color: #1a252f; border-color: #1a252f; + color: #fff +} + +.table td, .table th { + vertical-align: middle; } diff --git a/server/src/main/resources/html/static/index.html b/server/src/main/resources/html/static/index.html index c94a29f9..a4c18513 100644 --- a/server/src/main/resources/html/static/index.html +++ b/server/src/main/resources/html/static/index.html @@ -15,7 +15,7 @@ - + @@ -23,8 +23,7 @@ - - + @@ -43,8 +42,9 @@ + -