diff --git a/pages/admin/login.md b/pages/admin/login.md index cf7fd7c0..2748c45d 100644 --- a/pages/admin/login.md +++ b/pages/admin/login.md @@ -4,10 +4,10 @@ title: Dashboard Login form: - name: username type: text - label: Username + placeholder: Username - name: password type: password - label: Password + placeholder: Password --- diff --git a/themes/grav/css-compiled/template.css b/themes/grav/css-compiled/template.css index 9919b5a9..849ec4cd 100644 --- a/themes/grav/css-compiled/template.css +++ b/themes/grav/css-compiled/template.css @@ -1,17 +1,30 @@ -@import url(//fonts.googleapis.com/css?family=Montserrat:400|Raleway:300,400,600|Inconsolata); -.button, .button-secondary { +@import url(//fonts.googleapis.com/css?family=Montserrat:400|Lato:300,400,700); +#admin-login { + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -o-transform: translateY(-50%); + -ms-transform: translateY(-50%); + transform: translateY(-50%); } + +.button { display: inline-block; - padding: 7px 20px; } - .button-small.button, .button-small.button-secondary { - padding: 3px 10px; - font-size: 0.9rem; } + padding: 0.3rem 1.5rem; + font-size: 1.1rem; + font-weight: 300; + font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; } + .button i { + padding-right: 5px; } + .button-small.button { + padding: 3px 10px; } html, body { height: 100%; } body { - background: white; - color: #444444; + background: #314d5b; + color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @@ -23,11 +36,26 @@ a { b, strong, label, th { font-weight: 600; } +.secondary-accent { + background: #349886; + color: white; } + +.info { + background: #9055af; + color: white; + font-size: 1.1rem; } + .default-animation { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } +.default-border-radius { + border-radius: 4px; } + +.default-glow-shadow { + box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } + .padding-horiz { padding-left: 7rem; padding-right: 7rem; } @@ -45,7 +73,7 @@ b, strong, label, th { padding-bottom: 3rem; } body { - font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; + font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 400; } h1, h2, h3, h4, h5, h6 { @@ -98,7 +126,7 @@ h1 + h2 { font-size: 2rem; line-height: 1; text-align: center; - font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; + font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 300; } @media only all and (min-width: 48em) and (max-width: 59.938em) { h1 + h2 { @@ -112,7 +140,7 @@ h2 + h3 { font-size: 2rem; line-height: 1; text-align: center; - font-family: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; + font-family: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight: 300; } @media only all and (min-width: 48em) and (max-width: 59.938em) { h2 + h3 { @@ -234,27 +262,24 @@ td { padding: 0.5rem; border: 1px solid #eaeaea; } -.button { - background: white; - color: #1bb3e9; - border: 1px solid #1bb3e9; - border-radius: 3px; } - .button:hover { - background: #1bb3e9; +.button.primary { + background: #41bea8; + color: rgba(255, 255, 255, 0.85); + border-radius: 4px; } + .button.primary:hover { + background: #54c5b0; color: white; } - .button:active { - box-shadow: 0 1px 0 #118ab5; } - -.button-secondary { - background: white; - color: #f6635e; - border: 1px solid #f6635e; - border-radius: 3px; } - .button-secondary:hover { - background: #f6635e; + .button.primary:active { + box-shadow: 0 1px 0 #31907f; } +.button.secondary { + background: #29796b; + color: rgba(255, 255, 255, 0.85); + border-radius: 4px; } + .button.secondary:hover { + background: #2f8c7c; color: white; } - .button-secondary:active { - box-shadow: 0 1px 0 #f32b24; } + .button.secondary:active { + box-shadow: 0 1px 0 #1a4b43; } #error { text-align: center; @@ -268,4 +293,43 @@ td { #error p { margin: 1rem 0; } +#admin-login { + background: #253a47; + max-width: 28rem; + margin: 0 auto; } + #admin-login h1 { + background: #20333e url(../images/logo.png) 50% 50% no-repeat; + font-size: 0; + color: transparent; + height: 14rem; + margin: 0; } + #admin-login form { + padding: 3rem; } + #admin-login form input { + margin-bottom: 2rem; + background: #314d5b; + color: white; + font-size: 1.4rem; + line-height: 1.5; + text-align: center; + font-weight: 300; + border: 1px solid #1d2e38; } + #admin-login form input::-webkit-input-placeholder { + color: #83949c; } + #admin-login form input::-moz-placeholder { + color: #83949c; } + #admin-login form input:-moz-placeholder { + color: #83949c; } + #admin-login form input:-ms-input-placeholder { + color: #83949c; } + #admin-login form .form-actions { + text-align: center; + margin: 0 -3rem -3rem -3rem; + padding: 1.5rem 3rem; } + #admin-login form .form-actions button:first-child { + margin-right: 1rem; } + #admin-login .info { + text-align: center; + padding: 1rem 3rem; } + /*# sourceMappingURL=template.css.map */ diff --git a/themes/grav/css-compiled/template.css.map b/themes/grav/css-compiled/template.css.map index d2795a4f..35455f45 100644 --- a/themes/grav/css-compiled/template.css.map +++ b/themes/grav/css-compiled/template.css.map @@ -1,7 +1,7 @@ { "version": 3, -"mappings": "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", -"sources": ["../scss/template/_fonts.scss","../scss/template/modules/_buttons.scss","../scss/template/_core.scss","../scss/configuration/template/_colors.scss","../scss/configuration/template/_bullets.scss","../scss/configuration/template/_variables.scss","../scss/template/_extensions.scss","../scss/vendor/bourbon/addons/_prefixer.scss","../scss/nucleus/mixins/_breakpoints.scss","../scss/template/_typography.scss","../scss/configuration/template/_typography.scss","../scss/configuration/nucleus/_typography.scss","../scss/template/_forms.scss","../scss/template/_tables.scss","../scss/template/_buttons.scss","../scss/template/_errors.scss"], +"mappings": "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", +"sources": ["../scss/template/_fonts.scss","../scss/nucleus/mixins/_utilities.scss","../scss/template/modules/_buttons.scss","../scss/configuration/template/_typography.scss","../scss/template/_core.scss","../scss/configuration/template/_colors.scss","../scss/configuration/template/_bullets.scss","../scss/configuration/template/_variables.scss","../scss/template/_extensions.scss","../scss/vendor/bourbon/addons/_prefixer.scss","../scss/nucleus/mixins/_breakpoints.scss","../scss/template/_typography.scss","../scss/configuration/nucleus/_typography.scss","../scss/template/_forms.scss","../scss/template/_tables.scss","../scss/template/_buttons.scss","../scss/template/_errors.scss","../scss/template/_login.scss","../scss/vendor/bourbon/css3/_placeholder.scss"], "names": [], "file": "template.css" } \ No newline at end of file diff --git a/themes/grav/images/logo.png b/themes/grav/images/logo.png index b86e6167..366d2dcb 100644 Binary files a/themes/grav/images/logo.png and b/themes/grav/images/logo.png differ diff --git a/themes/grav/scss/configuration/template/_colors.scss b/themes/grav/scss/configuration/template/_colors.scss index 639855be..acca6daf 100644 --- a/themes/grav/scss/configuration/template/_colors.scss +++ b/themes/grav/scss/configuration/template/_colors.scss @@ -1,5 +1,5 @@ // Core -$core-text: #444; +$core-text: #fff; $core-accent: #1BB3E9; $secondary-link: #F6635E; $white: #fff; @@ -7,6 +7,18 @@ $black: #000; $light-gray: #ddd; $border-color: #EEEEEE; +// Admin colors +$page-bg: #314D5B; +$accent-bg: #253A47; +$accent-fg: #fff; +$darker-accent-bg: shade($accent-bg,12%); +$darker-accent-fg: shade($accent-fg,10%); +$secondary-accent-bg: #349886; +$secondary-accent-fg: #fff; +$info-bg: #9055AF; +$info-fg: #fff; + + // Borders $core-border-color: $light-gray; $core-border-color-hover: darken($core-border-color, 10); @@ -16,8 +28,6 @@ $core-border-color-focus: $core-accent; $core-box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.06); $core-box-shadow-focus: $core-box-shadow, 0 0 5px rgba(darken($core-border-color-focus, 5), 0.7); -// Background -$page-bg: #fff; // Header $header-text: #FFFFFF; diff --git a/themes/grav/scss/configuration/template/_typography.scss b/themes/grav/scss/configuration/template/_typography.scss index 9acc432f..23c94894 100644 --- a/themes/grav/scss/configuration/template/_typography.scss +++ b/themes/grav/scss/configuration/template/_typography.scss @@ -1,5 +1,5 @@ // Font Family -$font-family-default: "Raleway", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; +$font-family-default: "Lato", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; $font-family-header: "Montserrat", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; $font-family-mono: "Inconsolata", monospace; $font-family-serif: "Georgia", "Times", "Times New Roman", serif; diff --git a/themes/grav/scss/configuration/template/_variables.scss b/themes/grav/scss/configuration/template/_variables.scss index 48fc7170..166555a9 100644 --- a/themes/grav/scss/configuration/template/_variables.scss +++ b/themes/grav/scss/configuration/template/_variables.scss @@ -1,7 +1,7 @@ // Sizes $header-height: 5rem; $footer-height: 6rem; -$border-radius: 3px; +$border-radius: 4px; // Font Weights $font-weight-bold: 600; @@ -9,5 +9,6 @@ $font-weight-regular: 400; $font-weight-light:300; // Global Paddings +$padding-default: 3rem; $padding-horiz: 7rem; $padding-vert: 3rem; diff --git a/themes/grav/scss/template.scss b/themes/grav/scss/template.scss index 8e8c9c74..95640479 100644 --- a/themes/grav/scss/template.scss +++ b/themes/grav/scss/template.scss @@ -45,6 +45,9 @@ // Errors @import "template/errors"; +// Login +@import "template/login"; + // Custom @import "template/custom"; diff --git a/themes/grav/scss/template/_buttons.scss b/themes/grav/scss/template/_buttons.scss index 2402bde6..9999710b 100644 --- a/themes/grav/scss/template/_buttons.scss +++ b/themes/grav/scss/template/_buttons.scss @@ -1,9 +1,12 @@ .button { @extend %button; - @include button-color($core-accent); + + &.primary { + @include button-color(lighten($secondary-accent-bg, 10%)); + } + + &.secondary { + @include button-color(shade($secondary-accent-bg, 20%)); + } } -.button-secondary { - @extend %button; - @include button-color($secondary-link); -} \ No newline at end of file diff --git a/themes/grav/scss/template/_core.scss b/themes/grav/scss/template/_core.scss index 34fdffcf..643c9c4d 100644 --- a/themes/grav/scss/template/_core.scss +++ b/themes/grav/scss/template/_core.scss @@ -20,4 +20,14 @@ b, strong { font-weight: $font-weight-bold } +.secondary-accent { + background: $secondary-accent-bg; + color: $secondary-accent-fg; +} + +.info { + background: $info-bg; + color: $info-fg; + font-size: 1.1rem; +} diff --git a/themes/grav/scss/template/_extensions.scss b/themes/grav/scss/template/_extensions.scss index 6a9b1b07..2f4770d5 100644 --- a/themes/grav/scss/template/_extensions.scss +++ b/themes/grav/scss/template/_extensions.scss @@ -2,6 +2,14 @@ @include transition(all 0.5s ease); } +.default-border-radius { + border-radius: 4px; +} + +.default-glow-shadow { + box-shadow: 0 0 20px rgba(0,0,0,0.2); +} + .padding-horiz { padding-left: $padding-horiz; padding-right: $padding-horiz; diff --git a/themes/grav/scss/template/_fonts.scss b/themes/grav/scss/template/_fonts.scss index 3e57631a..fe44cee4 100644 --- a/themes/grav/scss/template/_fonts.scss +++ b/themes/grav/scss/template/_fonts.scss @@ -1,3 +1,3 @@ // Import Google Web Fonts -@import url(//fonts.googleapis.com/css?family=Montserrat:400|Raleway:300,400,600|Inconsolata); +@import url(//fonts.googleapis.com/css?family=Montserrat:400|Lato:300,400,700); diff --git a/themes/grav/scss/template/_login.scss b/themes/grav/scss/template/_login.scss new file mode 100644 index 00000000..57bb728f --- /dev/null +++ b/themes/grav/scss/template/_login.scss @@ -0,0 +1,46 @@ +#admin-login { + @extend %vertical-align; + background: $accent-bg; + max-width: 28rem; + margin: 0 auto; + + h1 { + background: $darker-accent-bg url(../images/logo.png) 50% 50% no-repeat; + font-size: 0; + color: transparent; + height: 14rem; + margin: 0; + } + + form { + padding: 3rem; + input { + margin-bottom: 2rem; + background: $page-bg; + color: $core-text; + font-size: 1.4rem; + line-height: 1.5; + text-align: center; + font-weight: 300; + border: 1px solid shade($accent-bg, 20%); + @include placeholder { + color: tint($page-bg,40%); + } + } + + .form-actions { + text-align: center; + margin: 0 -3rem -3rem -3rem; + padding: 1.5rem 3rem; + + button:first-child { + margin-right: 1rem; + } + } + } + + .info { + text-align: center; + padding: 1rem 3rem; + } +} diff --git a/themes/grav/scss/template/modules/_buttons.scss b/themes/grav/scss/template/modules/_buttons.scss index 747ffaff..5ffbfb7d 100644 --- a/themes/grav/scss/template/modules/_buttons.scss +++ b/themes/grav/scss/template/modules/_buttons.scss @@ -1,21 +1,28 @@ %button { display: inline-block; - padding: 7px 20px; + padding: 0.3rem 1.5rem; + font-size: 1.1rem; + font-weight: 300; + + font-family: $font-family-default; + + i { + padding-right: 5px; + } &.button-small { padding: 3px 10px; - font-size: $core-font-size - 0.1rem; + } } @mixin button-color($color) { - background: $white; - color: $color; - border: 1px solid $color; - border-radius: 3px; + background: $color; + color: rgba($white, 0.85); + border-radius: $border-radius; &:hover { - background: $color; + background: lighten($color,5%); color: $white; } &:active { diff --git a/themes/grav/templates/forms/fields/array/array.html.twig b/themes/grav/templates/forms/fields/backup/array/array.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/array/array.html.twig rename to themes/grav/templates/forms/fields/backup/array/array.html.twig diff --git a/themes/grav/templates/forms/fields/array/array.yaml b/themes/grav/templates/forms/fields/backup/array/array.yaml similarity index 100% rename from themes/grav/templates/forms/fields/array/array.yaml rename to themes/grav/templates/forms/fields/backup/array/array.yaml diff --git a/themes/grav/templates/forms/fields/checkbox/checkbox.html.twig b/themes/grav/templates/forms/fields/backup/checkbox/checkbox.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/checkbox/checkbox.html.twig rename to themes/grav/templates/forms/fields/backup/checkbox/checkbox.html.twig diff --git a/themes/grav/templates/forms/fields/checkbox/checkbox.yaml b/themes/grav/templates/forms/fields/backup/checkbox/checkbox.yaml similarity index 100% rename from themes/grav/templates/forms/fields/checkbox/checkbox.yaml rename to themes/grav/templates/forms/fields/backup/checkbox/checkbox.yaml diff --git a/themes/grav/templates/forms/fields/checkboxes/checkboxes.html.twig b/themes/grav/templates/forms/fields/backup/checkboxes/checkboxes.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/checkboxes/checkboxes.html.twig rename to themes/grav/templates/forms/fields/backup/checkboxes/checkboxes.html.twig diff --git a/themes/grav/templates/forms/fields/date/date.html.twig b/themes/grav/templates/forms/fields/backup/date/date.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/date/date.html.twig rename to themes/grav/templates/forms/fields/backup/date/date.html.twig diff --git a/themes/grav/templates/forms/fields/datetime/datetime.html.twig b/themes/grav/templates/forms/fields/backup/datetime/datetime.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/datetime/datetime.html.twig rename to themes/grav/templates/forms/fields/backup/datetime/datetime.html.twig diff --git a/themes/grav/templates/forms/fields/list/list.html.twig b/themes/grav/templates/forms/fields/backup/list/list.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/list/list.html.twig rename to themes/grav/templates/forms/fields/backup/list/list.html.twig diff --git a/themes/grav/templates/forms/fields/pages/pages.html.twig b/themes/grav/templates/forms/fields/backup/pages/pages.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/pages/pages.html.twig rename to themes/grav/templates/forms/fields/backup/pages/pages.html.twig diff --git a/themes/grav/templates/forms/fields/radio/radio.html.twig b/themes/grav/templates/forms/fields/backup/radio/radio.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/radio/radio.html.twig rename to themes/grav/templates/forms/fields/backup/radio/radio.html.twig diff --git a/themes/grav/templates/forms/fields/section/section.html.twig b/themes/grav/templates/forms/fields/backup/section/section.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/section/section.html.twig rename to themes/grav/templates/forms/fields/backup/section/section.html.twig diff --git a/themes/grav/templates/forms/fields/select/select.html.twig b/themes/grav/templates/forms/fields/backup/select/select.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/select/select.html.twig rename to themes/grav/templates/forms/fields/backup/select/select.html.twig diff --git a/themes/grav/templates/forms/fields/spacer/spacer.html.twig b/themes/grav/templates/forms/fields/backup/spacer/spacer.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/spacer/spacer.html.twig rename to themes/grav/templates/forms/fields/backup/spacer/spacer.html.twig diff --git a/themes/grav/templates/forms/fields/tab/tab.html.twig b/themes/grav/templates/forms/fields/backup/tab/tab.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/tab/tab.html.twig rename to themes/grav/templates/forms/fields/backup/tab/tab.html.twig diff --git a/themes/grav/templates/forms/fields/tabs/tabs.html.twig b/themes/grav/templates/forms/fields/backup/tabs/tabs.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/tabs/tabs.html.twig rename to themes/grav/templates/forms/fields/backup/tabs/tabs.html.twig diff --git a/themes/grav/templates/forms/fields/textarea/textarea.html.twig b/themes/grav/templates/forms/fields/backup/textarea/textarea.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/textarea/textarea.html.twig rename to themes/grav/templates/forms/fields/backup/textarea/textarea.html.twig diff --git a/themes/grav/templates/forms/fields/themeselect/themeselect.html.twig b/themes/grav/templates/forms/fields/backup/themeselect/themeselect.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/themeselect/themeselect.html.twig rename to themes/grav/templates/forms/fields/backup/themeselect/themeselect.html.twig diff --git a/themes/grav/templates/forms/fields/toggle/toggle.html.twig b/themes/grav/templates/forms/fields/backup/toggle/toggle.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/toggle/toggle.html.twig rename to themes/grav/templates/forms/fields/backup/toggle/toggle.html.twig diff --git a/themes/grav/templates/forms/fields/unset/unset.html.twig b/themes/grav/templates/forms/fields/backup/unset/unset.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/unset/unset.html.twig rename to themes/grav/templates/forms/fields/backup/unset/unset.html.twig diff --git a/themes/grav/templates/forms/fields/upload/upload.html.twig b/themes/grav/templates/forms/fields/backup/upload/upload.html.twig similarity index 100% rename from themes/grav/templates/forms/fields/upload/upload.html.twig rename to themes/grav/templates/forms/fields/backup/upload/upload.html.twig diff --git a/themes/grav/templates/login.html.twig b/themes/grav/templates/login.html.twig index d16c1ec1..a30450c0 100644 --- a/themes/grav/templates/login.html.twig +++ b/themes/grav/templates/login.html.twig @@ -1,9 +1,9 @@ {% extends 'partials/base.html.twig' %} {% block page %} -
+

- Login + Grav Login

{% include 'partials/messages.html.twig' %} @@ -16,7 +16,10 @@ {% endif %} {% endfor %} - +
+ + +
{% endblock %}