mirror of
https://github.com/getgrav/grav-plugin-admin.git
synced 2026-07-14 20:43:58 +02:00
Merge branch 'feature/theme-rework' into develop
This commit is contained in:
Andy Miller
2
themes/grav/css-compiled/preset.css
Normal file
2
themes/grav/css-compiled/preset.css
Normal file
File diff suppressed because one or more lines are too long
7
themes/grav/css-compiled/preset.css.map
Normal file
7
themes/grav/css-compiled/preset.css.map
Normal file
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -4,8 +4,5 @@
|
||||
// Typography
|
||||
@import "typography";
|
||||
|
||||
// Typography
|
||||
@import "bullets";
|
||||
|
||||
// Variables
|
||||
@import "variables";
|
||||
|
||||
@@ -1,5 +0,0 @@
|
||||
$bullet-icon-size: 3.5rem;
|
||||
|
||||
$bullet-icon-color-1: $core-accent;
|
||||
$bullet-icon-color-2: adjust-hue($core-accent, -20);
|
||||
$bullet-icon-color-3: adjust-hue($core-accent, -130);
|
||||
@@ -1,78 +1,70 @@
|
||||
// Core
|
||||
$core-text: #fff;
|
||||
$core-accent: #0082BA;
|
||||
$secondary-link: #DA4B46;
|
||||
$white: #fff;
|
||||
$black: #000;
|
||||
$light-gray: #ddd;
|
||||
$border-color: #EEEEEE;
|
||||
//$core-text: #fff;
|
||||
//$core-accent: #0082BA;
|
||||
//$secondary-link: #DA4B46;
|
||||
$white: #ffffff;
|
||||
$black: #000000;
|
||||
$light-gray: #dddddd;
|
||||
|
||||
// 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;
|
||||
$tertiary-accent-bg: #2693B7;
|
||||
$tertiary-accent-fg: #fff;
|
||||
$info-bg: #9055AF;
|
||||
$info-fg: #fff;
|
||||
$notice-bg: #DA4B46;
|
||||
$notice-fg: #fff;
|
||||
$content-bg: #EEEEEE;
|
||||
$content-fg: #737C81;
|
||||
|
||||
|
||||
// Borders
|
||||
$core-border-color: $light-gray;
|
||||
$core-border-color-hover: darken($core-border-color, 10);
|
||||
$core-border-color-focus: $core-accent;
|
||||
|
||||
// Shadows
|
||||
$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);
|
||||
|
||||
|
||||
// Header
|
||||
$header-text: #FFFFFF;
|
||||
//$border-color: #eeeeee;
|
||||
|
||||
// Nav
|
||||
$navbar-text: #75879A;
|
||||
$navbar-bg: #FFFFFF;
|
||||
// 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%);
|
||||
|
||||
// Showcase
|
||||
$showcase-bg: lighten($core-accent, 6%);
|
||||
$showcase-text: #fff;
|
||||
|
||||
// Feature
|
||||
$feature-bg: #fff;
|
||||
|
||||
// Main Body
|
||||
$main-bg: #f7f7f7;
|
||||
$body-border: darken($main-bg, 5%);
|
||||
|
||||
// Sidebar
|
||||
$sidebar-text: #aaa;
|
||||
|
||||
// Bottom
|
||||
$bottom-bg: #f7f7f7;
|
||||
$bottom-text: $core-text;
|
||||
|
||||
// Footer
|
||||
$footer-bg: #404040;
|
||||
$footer-text: #ccc;
|
||||
|
||||
$rule-color: #F0F2F4;
|
||||
$code-text: #c7254e;
|
||||
$code-bg: #f9f2f4;
|
||||
$pre-text: #237794;
|
||||
$pre-bg: #f6f6f6;
|
||||
|
||||
// Dark Contrast variation
|
||||
$dark-navbar-text: #999;
|
||||
$dark-sidebar: #222;
|
||||
$dark-sidebar-text: #999;
|
||||
$dark-main-bg: #333;
|
||||
$dark-body-border: #666;
|
||||
//$notice-bg: #DA4B46;
|
||||
//$notice-fg: #fff;
|
||||
|
||||
|
||||
|
||||
// Borders
|
||||
|
||||
//$core-border-color-focus: $core-accent;
|
||||
|
||||
// Shadows
|
||||
$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);
|
||||
|
||||
|
||||
// Header
|
||||
//$header-text: #FFFFFF;
|
||||
|
||||
// Nav
|
||||
//$navbar-text: #75879A;
|
||||
//$navbar-bg: #FFFFFF;
|
||||
|
||||
// Showcase
|
||||
//$showcase-bg: lighten($core-accent, 6%);
|
||||
//$showcase-text: #fff;
|
||||
|
||||
// Feature
|
||||
//$feature-bg: #fff;
|
||||
|
||||
// Main Body
|
||||
//$main-bg: #f7f7f7;
|
||||
//$body-border: darken($main-bg, 5%);
|
||||
|
||||
// Sidebar
|
||||
//$sidebar-text: #aaa;
|
||||
|
||||
// Footer
|
||||
//$footer-bg: #404040;
|
||||
//$footer-text: #ccc;
|
||||
|
||||
//$rule-color: #F0F2F4;
|
||||
|
||||
|
||||
|
||||
|
||||
952
themes/grav/scss/preset.scss
Normal file
952
themes/grav/scss/preset.scss
Normal file
@@ -0,0 +1,952 @@
|
||||
// REQUIRED DEPENDENCIES - DO NOT CHANGE
|
||||
// Load Third Party Libraries
|
||||
@import "vendor/bourbon/bourbon";
|
||||
// Load Template Configuration
|
||||
@import "configuration/template/base";
|
||||
// Load Template Library
|
||||
@import "template/modules/base";
|
||||
|
||||
// Logo
|
||||
$logo-bg: #1e333e !default;
|
||||
$logo-link: #ffffff !default;
|
||||
|
||||
// Nav
|
||||
$nav-bg: #253a47 !default;
|
||||
$nav-text: #afc7d5 !default;
|
||||
$nav-link: #d1dee7 !default;
|
||||
$nav-selected-bg: #2d4d5b !default;
|
||||
$nav-selected-link: #ffffff !default;
|
||||
$nav-hover-bg: #1e333e !default;
|
||||
$nav-hover-link: #ffffff !default;
|
||||
|
||||
// Toolbar
|
||||
$toolbar-bg: #349886 !default;
|
||||
$toolbar-text: #ffffff !default;
|
||||
|
||||
// Page
|
||||
$page-bg: #314d5b !default;
|
||||
$page-text: #81a5b5 !default;
|
||||
$page-link: #aad9ed !default;
|
||||
|
||||
// Content
|
||||
$content-bg: #eeeeee !default;
|
||||
$content-text: #737c81 !default;
|
||||
$content-link: #0082ba !default;
|
||||
$content-link2: #da4b46 !default;
|
||||
$content-header: #314d5b !default;
|
||||
$content-tabs-bg: #223a47 !default;
|
||||
$content-tabs-text: #d1dee7 !default;
|
||||
|
||||
// Buttons
|
||||
$button-bg: #41bea8 !default;
|
||||
$button-text: #ffffff !default;
|
||||
|
||||
// Notice
|
||||
$notice-bg: #00a6cf !default;
|
||||
$notice-text: #ffffff !default;
|
||||
|
||||
// Updates
|
||||
$update-bg: #8f5aad !default;
|
||||
$update-text: #ffffff !default;
|
||||
|
||||
// Critical
|
||||
$critical-bg: #da4b46 !default;
|
||||
$critical-text: #ffffff !default;
|
||||
|
||||
// Calculated values
|
||||
$primary-accent-bg: $button-bg;
|
||||
$primary-accent-fg: $button-text;
|
||||
|
||||
$secondary-accent-bg: $notice-bg;
|
||||
$secondary-accent-fg: $notice-text;
|
||||
|
||||
$form-border: darken($content-bg,10%);
|
||||
$form-border-width: 1px;
|
||||
|
||||
// Core
|
||||
body {
|
||||
background: $page-bg;
|
||||
color: $page-text;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $page-link;
|
||||
&:hover {
|
||||
color: darken($page-link, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
// Typography
|
||||
blockquote {
|
||||
border-left: 10px solid darken($content-bg,5%);
|
||||
p {
|
||||
color: #999;
|
||||
}
|
||||
cite {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
background: $code-bg;
|
||||
color: darken($code-text,10%);
|
||||
}
|
||||
|
||||
pre {
|
||||
background: $pre-bg;
|
||||
border: 1px solid $core-border-color;
|
||||
code {
|
||||
color: $pre-text;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
border-bottom: 4px solid darken($content-bg, 5%);
|
||||
}
|
||||
|
||||
.label {
|
||||
background: $page-link;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
// Tables
|
||||
td {
|
||||
border-bottom: 1px solid darken($content-bg, 5%);
|
||||
}
|
||||
|
||||
tr {
|
||||
td {
|
||||
&.gpm-details {
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background: lighten($content-bg,2%);
|
||||
}
|
||||
}
|
||||
|
||||
// Tabs
|
||||
.tab-bar {
|
||||
background: $content-tabs-bg;
|
||||
color: $content-tabs-text;
|
||||
|
||||
li {
|
||||
&.active {
|
||||
span, a {
|
||||
background: $content-bg;
|
||||
color: $content-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span, a {
|
||||
color: $content-tabs-text;
|
||||
&:hover {
|
||||
color: lighten($content-tabs-text, 10%);
|
||||
background: lighten($content-tabs-bg,10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Buttons
|
||||
.button {
|
||||
@include button-color($button-bg);
|
||||
|
||||
&.dropdown-toggle {
|
||||
border-left: 1px solid lighten($button-bg, 5%);
|
||||
}
|
||||
|
||||
&.secondary {
|
||||
@include button-color(shade($button-bg, 20%));
|
||||
|
||||
&.dropdown-toggle {
|
||||
border-left: 1px solid lighten(shade($button-bg, 20%), 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-group {
|
||||
.dropdown-menu {
|
||||
background-color: $button-bg;
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
|
||||
|
||||
.divider {
|
||||
background-color: $button-bg;
|
||||
}
|
||||
|
||||
li > a {
|
||||
color: $button-text;
|
||||
|
||||
&:focus, &:hover {
|
||||
color: $button-text;
|
||||
background-color: $button-bg;
|
||||
}
|
||||
}
|
||||
|
||||
&.language-switcher {
|
||||
a.active {
|
||||
background-color: lighten($button-bg, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#admin-login {
|
||||
background: $nav-bg;
|
||||
|
||||
&.wide form input {
|
||||
@include placeholder {
|
||||
color: tint($page-bg,40%);
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper-spacer {
|
||||
h3 {
|
||||
color: rgba(white, 0.4);
|
||||
border-bottom: 3px solid rgba($nav-link, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.instructions {
|
||||
color: rgba($nav-text,0.8);
|
||||
}
|
||||
|
||||
h1 {
|
||||
background: $logo-bg url(../images/logo.png) 50% 50% no-repeat;
|
||||
}
|
||||
|
||||
form {
|
||||
input {
|
||||
background: lighten($nav-bg, 3%);
|
||||
color: $nav-link;
|
||||
border: 1px solid shade($nav-bg, 20%);
|
||||
@include placeholder {
|
||||
color: tint($nav-bg,40%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#admin-sidebar {
|
||||
background: $nav-bg;
|
||||
a {
|
||||
color: rgba($nav-link, 0.9);
|
||||
&:hover {
|
||||
color: $nav-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#admin-logo {
|
||||
background: $logo-bg;
|
||||
|
||||
a {
|
||||
color: shade($logo-link, 20%);
|
||||
&:hover {
|
||||
color: $logo-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#admin-user-details, .admin-user-details {
|
||||
border-bottom: 1px solid lighten($nav-bg, 5%);
|
||||
|
||||
&:hover img {
|
||||
box-shadow: 0px 0px 0 50px lighten($nav-bg, 3%);
|
||||
}
|
||||
|
||||
.admin-user-names {
|
||||
h4, h5 {
|
||||
color: $nav-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#admin-menu {
|
||||
li {
|
||||
.badges {
|
||||
.count {
|
||||
color: $nav-link;
|
||||
background-color: lighten($nav-bg, 10%);
|
||||
}
|
||||
|
||||
.updates {
|
||||
color: $notice-text;
|
||||
background-color: $notice-bg;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
&:hover {
|
||||
background: $nav-hover-bg;
|
||||
color: $nav-hover-link;
|
||||
|
||||
.fa {
|
||||
color: $nav-hover-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.selected {
|
||||
a {
|
||||
background: $nav-selected-bg;
|
||||
color: $nav-selected-link;
|
||||
border-left: 9px solid shade($button-bg, 15%);
|
||||
|
||||
.fa {
|
||||
color: $nav-selected-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#admin-main {
|
||||
.grav-update {
|
||||
background: $update-bg;
|
||||
color: $update-text;
|
||||
|
||||
.button {
|
||||
@include button-color(shade($update-bg, 20%));
|
||||
}
|
||||
}
|
||||
|
||||
.titlebar {
|
||||
background: $toolbar-bg;
|
||||
color: $toolbar-text;
|
||||
}
|
||||
|
||||
.admin-block {
|
||||
background: $content-bg;
|
||||
color: $content-text;
|
||||
|
||||
a {
|
||||
color: $content-link;
|
||||
&:hover {
|
||||
color: darken($content-link, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: $content-header;
|
||||
border-bottom: 3px solid darken($content-bg, 5%);
|
||||
}
|
||||
|
||||
.button {
|
||||
@include button-color($button-bg);
|
||||
}
|
||||
}
|
||||
|
||||
.danger, .success {
|
||||
&.button-bar {
|
||||
background: darken($content-bg, 2%);
|
||||
}
|
||||
}
|
||||
|
||||
.danger {
|
||||
&.button-bar {
|
||||
.button {
|
||||
@include button-color($critical-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#admin-dashboard {
|
||||
#updates {
|
||||
p {
|
||||
color: rgba($white, 0.96);
|
||||
}
|
||||
|
||||
.numeric {
|
||||
em {
|
||||
color: rgba($white, .85);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#popularity {
|
||||
p {
|
||||
color: rgba($white, 0.95);
|
||||
}
|
||||
.stat {
|
||||
i {
|
||||
color: rgba($white, 0.75);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.secondary-accent {
|
||||
@include linear-gradient(shade($secondary-accent-bg, 20%), tint($secondary-accent-bg, 30%));
|
||||
}
|
||||
|
||||
.primary-accent {
|
||||
@include linear-gradient(shade($primary-accent-bg, 20%), tint($primary-accent-bg, 30%));
|
||||
}
|
||||
}
|
||||
|
||||
// Forms
|
||||
form {
|
||||
h1, h3 {
|
||||
color: $page-bg;
|
||||
border-bottom: 3px solid darken($content-bg, 5%);
|
||||
}
|
||||
|
||||
.note {
|
||||
color: $critical-bg;
|
||||
}
|
||||
|
||||
.required {
|
||||
color: $content-link2;
|
||||
}
|
||||
|
||||
.form-select-wrapper, .selectize-control.single .selectize-input {
|
||||
&:after {
|
||||
color: lighten($content-text, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
.selectize-input {
|
||||
color: $content-text;
|
||||
border-color: $form-border;
|
||||
}
|
||||
|
||||
.selectize-control.multi .selectize-input {
|
||||
> div {
|
||||
color: $content-bg;
|
||||
background: $content-text;
|
||||
&.active {
|
||||
background: $notice-bg;
|
||||
color: $notice-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
border: $form-border-width solid $form-border;
|
||||
background: $white;
|
||||
}
|
||||
|
||||
input[type=text], input[type=password], input[type=email], input[type=date] {
|
||||
border: $form-border-width solid $form-border;
|
||||
background: $white;
|
||||
}
|
||||
|
||||
input[readonly=readonly] {
|
||||
background: darken($white, 5%);
|
||||
}
|
||||
|
||||
textarea {
|
||||
border: $form-border-width solid $form-border;
|
||||
background: $white;
|
||||
}
|
||||
|
||||
.form-frontmatter-wrapper {
|
||||
border: $form-border-width solid $form-border;
|
||||
}
|
||||
|
||||
.button-bar {
|
||||
background: lighten($form-border,7%);
|
||||
}
|
||||
|
||||
.checkboxes {
|
||||
label:before {
|
||||
background: $white;
|
||||
border: $form-border-width solid $form-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-frontmatter-wrapper {
|
||||
.dragbar {
|
||||
background: $form-border;
|
||||
}
|
||||
}
|
||||
|
||||
.form-order-wrapper {
|
||||
ul#ordering {
|
||||
li {
|
||||
border: 1px solid $form-border;
|
||||
background: lighten($content-bg, 4%);
|
||||
color: lighten($content-text,10%);
|
||||
|
||||
&.drag-handle {
|
||||
background: lighten($content-bg, 7%);
|
||||
color: darken($content-text,10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-list-wrapper {
|
||||
ul[data-collection-holder] {
|
||||
li {
|
||||
border: 1px solid $form-border;
|
||||
background: lighten($content-bg, 4%);
|
||||
color: lighten($content-text, 10%);
|
||||
|
||||
.item-actions {
|
||||
color: darken($content-text, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form-fieldset {
|
||||
background-color: #f7f7f7;
|
||||
border: 2px solid #e1e1e1;
|
||||
}
|
||||
|
||||
.form-fieldset--label {
|
||||
background-color: #f3f3f3;
|
||||
|
||||
&:hover,
|
||||
.form-fieldset input:checked + & {
|
||||
background-color: #eee;
|
||||
}
|
||||
}
|
||||
|
||||
.form-tabs {
|
||||
background: $content-tabs-bg;
|
||||
|
||||
> input[type=radio] {
|
||||
&:checked{
|
||||
+ label {
|
||||
background: $content-bg;
|
||||
color: $content-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
> label {
|
||||
color: $content-tabs-text;
|
||||
&:hover {
|
||||
color: lighten($content-tabs-text, 10%);
|
||||
background: lighten($content-tabs-bg,10%);
|
||||
}
|
||||
}
|
||||
|
||||
&.subtle {
|
||||
background: shade($content-bg, 5%);
|
||||
|
||||
> label {
|
||||
color: shade($content-text, 10%);
|
||||
&:hover {
|
||||
color: shade($content-text, 20%);
|
||||
background: shade($content-bg, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-body-wrapper {
|
||||
background: $content-bg;
|
||||
}
|
||||
|
||||
.switch-grav {
|
||||
background-color: $white;
|
||||
border: $form-border-width solid $form-border;
|
||||
|
||||
label {
|
||||
color: $content-text;
|
||||
}
|
||||
|
||||
a {
|
||||
background: #777;
|
||||
}
|
||||
|
||||
&.switch-toggle input.highlight:checked {
|
||||
~ a {
|
||||
background: $button-bg;
|
||||
}
|
||||
}
|
||||
|
||||
/* Selected ON switch-light
|
||||
*/
|
||||
&.switch-light input:checked {
|
||||
~ a {
|
||||
background-color: #777;
|
||||
}
|
||||
}
|
||||
|
||||
input:checked + label {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
// Toaster
|
||||
.toast {
|
||||
background-color: #030303;
|
||||
}
|
||||
.toast-success {
|
||||
background-color: $update-bg;
|
||||
|
||||
.button {
|
||||
background: lighten($update-bg, 5%);
|
||||
@include button-color(lighten($update-bg, 10%));
|
||||
}
|
||||
|
||||
}
|
||||
.toast-error {
|
||||
background-color: $critical-bg;
|
||||
|
||||
.button {
|
||||
background-color: darken($critical-bg, 10);
|
||||
@include button-color(darken($critical-bg, 20));
|
||||
}
|
||||
}
|
||||
.toast-info {
|
||||
background-color: $notice-bg;
|
||||
|
||||
.button {
|
||||
background-color: darken($notice-bg, 10);
|
||||
@include button-color(darken($notice-bg, 20));
|
||||
}
|
||||
}
|
||||
|
||||
// Info
|
||||
.info {
|
||||
background: $update-bg;
|
||||
color: $update-text;
|
||||
a {
|
||||
color: darken($update-text, 10%);
|
||||
&:hover {
|
||||
color: $update-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info-reverse {
|
||||
color: $update-bg;
|
||||
}
|
||||
|
||||
.notice {
|
||||
background: $notice-bg;
|
||||
color: $notice-text;
|
||||
a {
|
||||
color: darken($notice-text, 10%);
|
||||
&:hover {
|
||||
color: $notice-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.error {
|
||||
background: $critical-bg;
|
||||
color: $critical-text;
|
||||
a {
|
||||
color: darken($critical-text, 10%);
|
||||
&:hover {
|
||||
color: $critical-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.primary-accent {
|
||||
background: shade($primary-accent-bg, 20%);
|
||||
color: $primary-accent-fg;
|
||||
|
||||
.button-bar {
|
||||
background: shade($primary-accent-bg, 20%);
|
||||
}
|
||||
|
||||
.button {
|
||||
@include button-color($primary-accent-bg, $primary-accent-fg);
|
||||
}
|
||||
}
|
||||
|
||||
.secondary-accent {
|
||||
background: shade($secondary-accent-bg, 15%);
|
||||
color: $secondary-accent-fg;
|
||||
|
||||
.button-bar {
|
||||
background: shade($secondary-accent-bg, 15%);
|
||||
}
|
||||
|
||||
.button {
|
||||
@include button-color($secondary-accent-bg, $secondary-accent-fg);
|
||||
}
|
||||
}
|
||||
|
||||
.card-item {
|
||||
border: 1px solid darken($content-bg, 5%);
|
||||
background: $white;
|
||||
|
||||
.gpm-actions {
|
||||
background: darken($content-bg, 2%);
|
||||
}
|
||||
|
||||
|
||||
&.active-theme {
|
||||
border: 1px solid $notice-bg;
|
||||
|
||||
.gpm-actions {
|
||||
background: $notice-bg;
|
||||
color: $notice-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.user-details {
|
||||
h5 {
|
||||
color: lighten($content-text,10%);
|
||||
}
|
||||
}
|
||||
|
||||
.grav-mdeditor-navbar {
|
||||
background: darken($white, 2%);
|
||||
border: 1px solid $form-border;
|
||||
border-bottom: 0;
|
||||
|
||||
ul {
|
||||
a {
|
||||
color: $content-text !important;
|
||||
|
||||
&:hover {
|
||||
background: lighten($content-bg,2%);
|
||||
color: darken($content-text,10%);
|
||||
}
|
||||
}
|
||||
.mdeditor-active a {
|
||||
background: $white;
|
||||
border-left: 1px solid $form-border;
|
||||
border-right: 1px solid $form-border;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.grav-mdeditor-content {
|
||||
border: 1px solid $form-border;
|
||||
}
|
||||
|
||||
[data-mode=split] {
|
||||
.grav-mdeditor-code {
|
||||
border-right: 1px solid $form-border;
|
||||
}
|
||||
}
|
||||
|
||||
#admin-main {
|
||||
.grav-mdeditor-preview {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: darken($content-text, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ct-chart {
|
||||
.ct-series {
|
||||
&.ct-series-a {
|
||||
.ct-bar {
|
||||
stroke: rgba($white, 0.85) !important;
|
||||
}
|
||||
.ct-slice-donut {
|
||||
stroke: $white !important;
|
||||
}
|
||||
}
|
||||
&.ct-series-b {
|
||||
.ct-slice-donut {
|
||||
stroke: rgba($white, 0.2) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropzone {
|
||||
background: $white;
|
||||
border: 1px $form-border solid;
|
||||
|
||||
&.dz-drag-hover {
|
||||
border-color: rgba(0,0,0,0.15);
|
||||
background: rgba(0,0,0,0.04);
|
||||
}
|
||||
|
||||
.dz-preview {
|
||||
.dz-success-mark, .dz-error-mark {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
.dz-success-mark {
|
||||
background-color: lighten($button-bg,10%);
|
||||
}
|
||||
|
||||
.dz-error-mark {
|
||||
background-color: $critical-bg;
|
||||
}
|
||||
|
||||
.dz-progress {
|
||||
background: #d7d7d7;
|
||||
|
||||
.dz-upload {
|
||||
background-color: lighten($button-bg,10%);
|
||||
}
|
||||
}
|
||||
|
||||
.dz-error-message {
|
||||
background: lighten($content-bg,3%);
|
||||
color: $critical-bg;
|
||||
}
|
||||
|
||||
&:hover .dz-remove, &:hover .dz-insert {
|
||||
border:1px solid darken($content-bg,5%);
|
||||
&:hover {
|
||||
background: $content-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.dz-details {
|
||||
background: lighten($content-bg,3%);
|
||||
border:1px solid darken($content-bg,5%);
|
||||
}
|
||||
}
|
||||
|
||||
&.dz-clickable {
|
||||
.dz-message, .dz-message span {
|
||||
color: lighten($content-text,30%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gpm {
|
||||
|
||||
> table > tbody {
|
||||
> tr {
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
}
|
||||
|
||||
.gpm-name {
|
||||
color: lighten($content-text, 25%);
|
||||
}
|
||||
|
||||
.gpm-version {
|
||||
color: lighten($content-text, 10%);
|
||||
}
|
||||
|
||||
.gpm-update {
|
||||
.gpm-name {
|
||||
color: $button-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.gpm-item-info {
|
||||
border-bottom: 3px solid darken($content-bg, 5%);
|
||||
.gpm-item-icon {
|
||||
color: darken($content-bg, 2%);
|
||||
}
|
||||
}
|
||||
|
||||
.gpm-actions {
|
||||
.disabled {
|
||||
color: lighten($content-text, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pages-list {
|
||||
border-top: 1px solid darken($content-bg, 5%);
|
||||
|
||||
.row {
|
||||
border-bottom: 1px solid darken($content-bg, 5%);
|
||||
|
||||
&:hover {
|
||||
background: lighten($content-bg, 2%);
|
||||
}
|
||||
|
||||
p.page-route {
|
||||
color: darken($content-bg, 40%);
|
||||
text-shadow: 1px 1px 0 $white;
|
||||
|
||||
.spacer {
|
||||
color: darken($content-bg, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.badge.lang {
|
||||
background-color: #aaa;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.badge.lang.info {
|
||||
background-color: $update-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.page-home {
|
||||
color: darken($content-bg, 20%);
|
||||
}
|
||||
|
||||
.page-info {
|
||||
color: darken($content-bg, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
#admin-topbar {
|
||||
#admin-lang-toggle {
|
||||
z-index: 10;
|
||||
button {
|
||||
@include button-color($update-bg);
|
||||
}
|
||||
.dropdown-menu {
|
||||
background: $update-bg;
|
||||
button {
|
||||
background: transparent;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.switch-grav {
|
||||
background-color: lighten($content-tabs-bg,10%);
|
||||
}
|
||||
|
||||
.switch-toggle {
|
||||
input:checked + label {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
input + label {
|
||||
color: $content-tabs-text;
|
||||
}
|
||||
|
||||
input.highlight:checked {
|
||||
~ a {
|
||||
background: $notice-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body .selectize-dropdown .optgroup-header {
|
||||
color: $black;
|
||||
border-bottom: 1px solid #eee;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
#phpinfo {
|
||||
th {
|
||||
background: #d9d9d9;
|
||||
}
|
||||
|
||||
td {
|
||||
word-wrap: break-word;
|
||||
&:first-child {
|
||||
color: $button-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.remodal {
|
||||
background: $content-bg;
|
||||
color: $content-text;
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.remodal-close {
|
||||
color: $content-text;
|
||||
}
|
||||
|
||||
.remodal-close:hover, .remodal-close:active {
|
||||
color: darken($content-text, 20%);
|
||||
}
|
||||
@@ -10,25 +10,15 @@ $update-height: 3rem;
|
||||
bottom: 0;
|
||||
width: $sidebar-width;
|
||||
|
||||
background: $accent-bg;
|
||||
|
||||
@include breakpoint(mobile-only) {
|
||||
display: none;
|
||||
width: 75%;
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
a {
|
||||
color: shade($accent-fg,20%);
|
||||
&:hover {
|
||||
color: $accent-fg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#admin-logo {
|
||||
background: $darker-accent-bg;
|
||||
height: $topbar-height;
|
||||
|
||||
h3 {
|
||||
@@ -48,7 +38,6 @@ $update-height: 3rem;
|
||||
|
||||
#admin-user-details, .admin-user-details {
|
||||
padding: $sidebar-padding;
|
||||
border-bottom: 1px solid $darker-accent-bg;
|
||||
overflow: hidden;
|
||||
|
||||
img {
|
||||
@@ -61,10 +50,6 @@ $update-height: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover img {
|
||||
box-shadow: 0px 0px 0 50px lighten($accent-bg,3%);
|
||||
}
|
||||
|
||||
.admin-user-names {
|
||||
margin-left: 45px;
|
||||
|
||||
@@ -73,7 +58,6 @@ $update-height: 3rem;
|
||||
}
|
||||
|
||||
h4, h5 {
|
||||
color: darken($accent-fg,10%);
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1.3;
|
||||
@@ -81,7 +65,6 @@ $update-height: 3rem;
|
||||
|
||||
h5 {
|
||||
font-family: $font-family-default;
|
||||
color: lighten($accent-bg,55%);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
@@ -93,9 +76,6 @@ $update-height: 3rem;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
|
||||
|
||||
|
||||
|
||||
li {
|
||||
font-family: $font-family-header;
|
||||
|
||||
@@ -106,16 +86,9 @@ $update-height: 3rem;
|
||||
.badge {
|
||||
display: inline-block;
|
||||
margin-right: -5px;
|
||||
|
||||
color: shade($accent-fg,10%);
|
||||
}
|
||||
|
||||
.count {
|
||||
background-color: lighten($accent-bg, 10%);
|
||||
}
|
||||
|
||||
.updates {
|
||||
background-color: $tertiary-accent-bg;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -141,15 +114,12 @@ $update-height: 3rem;
|
||||
padding-top: 0.7rem;
|
||||
padding-bottom: 0.7rem;
|
||||
|
||||
color: lighten($accent-bg,65%);
|
||||
|
||||
@include breakpoint(tablet-range){
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
i {
|
||||
.fa {
|
||||
@include transition(all 0.2s ease);
|
||||
color: lighten($accent-bg,55%);
|
||||
margin-right: 8px;
|
||||
|
||||
@include breakpoint(tablet-range){
|
||||
@@ -158,11 +128,7 @@ $update-height: 3rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $darker-accent-bg;
|
||||
// padding-left: 30px;
|
||||
color: $accent-fg;
|
||||
|
||||
i {
|
||||
.fa {
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
@@ -170,18 +136,11 @@ $update-height: 3rem;
|
||||
|
||||
&.selected {
|
||||
a {
|
||||
background: $page-bg;
|
||||
color: $accent-fg;
|
||||
padding-left: 16px;
|
||||
border-left: 9px solid $secondary-accent-bg;
|
||||
|
||||
@include breakpoint(tablet-range){
|
||||
padding-left: 11px;
|
||||
}
|
||||
|
||||
i {
|
||||
color: lighten($accent-bg,70%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -218,6 +177,8 @@ $update-height: 3rem;
|
||||
position: relative;
|
||||
height: $topbar-height;
|
||||
padding: 0 $padding-default;
|
||||
box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);
|
||||
z-index: 2;
|
||||
|
||||
@include breakpoint(mobile-only) {
|
||||
height: 7.2rem;
|
||||
@@ -225,6 +186,10 @@ $update-height: 3rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.button-bar {
|
||||
background: inherit;
|
||||
}
|
||||
|
||||
h1 {
|
||||
@extend %vertical-align;
|
||||
|
||||
@@ -269,7 +234,6 @@ $update-height: 3rem;
|
||||
}
|
||||
|
||||
.preview {
|
||||
color: $secondary-accent-fg;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
@@ -296,8 +260,6 @@ $update-height: 3rem;
|
||||
@include clearfix;
|
||||
padding: 0 $padding-default;
|
||||
margin-top: -$padding-default;
|
||||
background: $info-bg;
|
||||
color: $info-fg;
|
||||
|
||||
&.plugins {
|
||||
padding-right: 1rem;
|
||||
@@ -308,7 +270,6 @@ $update-height: 3rem;
|
||||
margin-top: 0.6rem;
|
||||
margin-left: 1rem;
|
||||
line-height: 1.5;
|
||||
@include button-color(shade($info-bg, 20%));
|
||||
}
|
||||
|
||||
p {
|
||||
@@ -316,12 +277,12 @@ $update-height: 3rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
i {
|
||||
padding-right: 0.5rem;
|
||||
span[class="hint--left"]::after {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.less {
|
||||
color: rgba($info-fg,0.75);
|
||||
i {
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
|
||||
&.grav {
|
||||
@@ -380,15 +341,11 @@ $update-height: 3rem;
|
||||
}
|
||||
|
||||
.admin-block {
|
||||
background: $content-bg;
|
||||
color: $content-fg;
|
||||
padding: 2rem 0;
|
||||
|
||||
h1 {
|
||||
color: $page-bg;
|
||||
padding: 0 $padding-default 0.5rem;
|
||||
margin: 0 0 1rem;
|
||||
border-bottom: 3px solid darken($content-bg, 5%);
|
||||
|
||||
@include breakpoint(mobile-only){
|
||||
padding: 0 0 0.5rem;
|
||||
@@ -450,21 +407,10 @@ $update-height: 3rem;
|
||||
.button {
|
||||
@extend %vertical-align;
|
||||
}
|
||||
background: darken($content-bg, 2%);
|
||||
}
|
||||
}
|
||||
|
||||
.danger {
|
||||
&.button-bar {
|
||||
.button {
|
||||
@include button-color($secondary-link);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#admin-dashboard {
|
||||
|
||||
@include clearfix;
|
||||
@@ -506,7 +452,6 @@ $update-height: 3rem;
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
color: rgba($white,0.96);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -541,7 +486,6 @@ $update-height: 3rem;
|
||||
display:block;
|
||||
font-style: normal;
|
||||
font-size: 1rem;
|
||||
color: rgba($white, .85);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -564,7 +508,6 @@ $update-height: 3rem;
|
||||
#popularity {
|
||||
p {
|
||||
text-align: center;
|
||||
color: rgba($white,0.95);
|
||||
margin: 0;
|
||||
}
|
||||
.button-bar {
|
||||
@@ -587,19 +530,9 @@ $update-height: 3rem;
|
||||
i {
|
||||
display: block;
|
||||
font-style: normal;
|
||||
color: rgba($white, 0.75);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.tertiary-accent {
|
||||
@include linear-gradient($tertiary-accent-bg, lighten($tertiary-accent-bg,20%));
|
||||
}
|
||||
|
||||
.secondary-accent {
|
||||
@include linear-gradient($secondary-accent-bg, lighten($secondary-accent-bg,20%));
|
||||
}
|
||||
}
|
||||
|
||||
.no-flick{-webkit-transform:translate3d(0,0,0);}
|
||||
@@ -622,8 +555,6 @@ $update-height: 3rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
border: 1px solid darken($content-bg, 5%);
|
||||
background: $white;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
h4 {
|
||||
@@ -642,7 +573,6 @@ $update-height: 3rem;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
h5 {
|
||||
color: lighten($content-fg,10%);
|
||||
font-size: 1.1rem;
|
||||
margin: 0;
|
||||
}
|
||||
@@ -661,19 +591,6 @@ $update-height: 3rem;
|
||||
stroke-width: 20px;
|
||||
|
||||
}
|
||||
&.ct-series-a {
|
||||
.ct-bar {
|
||||
stroke: rgba($white, 0.85) !important;
|
||||
}
|
||||
.ct-slice-donut {
|
||||
stroke: $white !important;
|
||||
}
|
||||
}
|
||||
&.ct-series-b {
|
||||
.ct-slice-donut {
|
||||
stroke: rgba($white, 0.2) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,18 +1,5 @@
|
||||
.button {
|
||||
@extend %button;
|
||||
@include button-color(lighten($secondary-accent-bg, 10%));
|
||||
|
||||
&.dropdown-toggle {
|
||||
border-left: 1px solid lighten($secondary-accent-bg, 5%);
|
||||
}
|
||||
|
||||
&.secondary {
|
||||
@include button-color(shade($secondary-accent-bg, 20%));
|
||||
|
||||
&.dropdown-toggle {
|
||||
border-left: 1px solid lighten(shade($secondary-accent-bg, 20%), 5%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.button-group {
|
||||
@@ -69,15 +56,10 @@
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
background-color: lighten($secondary-accent-bg, 10%);
|
||||
-webkit-background-clip: padding-box;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid lighten($secondary-accent-bg, 5%);
|
||||
border: 1px solid rgba(0, 0, 0, .15);
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
|
||||
|
||||
|
||||
&.language-switcher {
|
||||
min-width: auto;
|
||||
}
|
||||
@@ -94,7 +76,6 @@
|
||||
height: 1px;
|
||||
margin: 9px 0;
|
||||
overflow: hidden;
|
||||
background-color: $secondary-accent-bg;
|
||||
}
|
||||
|
||||
li > a {
|
||||
@@ -103,19 +84,10 @@
|
||||
clear: both;
|
||||
font-weight: 400;
|
||||
line-height: 1.42857143;
|
||||
color: $white;
|
||||
white-space: nowrap;
|
||||
|
||||
&:focus, &:hover {
|
||||
color: $white;
|
||||
text-decoration: none;
|
||||
background-color: $secondary-accent-bg;
|
||||
}
|
||||
}
|
||||
|
||||
&.language-switcher {
|
||||
a.active {
|
||||
background-color: #349886
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -3,19 +3,10 @@ html, body {
|
||||
}
|
||||
|
||||
body {
|
||||
background: $page-bg;
|
||||
color: $core-text;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $core-accent;
|
||||
&:hover {
|
||||
color: darken($core-accent, 20%);
|
||||
}
|
||||
}
|
||||
|
||||
b, strong {
|
||||
font-weight: $font-weight-bold
|
||||
}
|
||||
@@ -30,75 +21,11 @@ b, strong {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.secondary-accent {
|
||||
background: $secondary-accent-bg;
|
||||
color: $secondary-accent-fg;
|
||||
|
||||
.button-bar {
|
||||
background: $secondary-accent-bg;
|
||||
}
|
||||
|
||||
.button {
|
||||
background: lighten($secondary-accent-bg, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.tertiary-accent {
|
||||
background: $tertiary-accent-bg;
|
||||
color: $tertiary-accent-fg;
|
||||
|
||||
.button-bar {
|
||||
background: $tertiary-accent-bg;
|
||||
}
|
||||
|
||||
.button {
|
||||
background: lighten($tertiary-accent-bg, 5%);
|
||||
@include button-color(lighten($tertiary-accent-bg, 10%));
|
||||
}
|
||||
}
|
||||
|
||||
.alert {
|
||||
font-size: 1.1rem;
|
||||
padding: 1rem $padding-default;
|
||||
}
|
||||
|
||||
.info {
|
||||
background: $info-bg;
|
||||
color: $info-fg;
|
||||
a {
|
||||
color: darken($info-fg, 10%);
|
||||
&:hover {
|
||||
color: $info-fg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.info-reverse {
|
||||
color: $info-bg;
|
||||
}
|
||||
|
||||
.notice {
|
||||
background: $tertiary-accent-bg;
|
||||
color: $tertiary-accent-fg;
|
||||
a {
|
||||
color: darken($tertiary-accent-fg, 10%);
|
||||
&:hover {
|
||||
color: $tertiary-accent-fg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.error {
|
||||
background: $notice-bg;
|
||||
color: $notice-fg;
|
||||
a {
|
||||
color: darken($notice-fg, 10%);
|
||||
&:hover {
|
||||
color: $notice-fg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.badge {
|
||||
display: inline-block;
|
||||
font-size: 0.9rem;
|
||||
|
||||
@@ -2,8 +2,6 @@
|
||||
|
||||
$preview-width: 150px;
|
||||
$preview-height: 100px;
|
||||
$success-color: lighten($secondary-accent-bg,10%);
|
||||
$error-color: #D55A4E;
|
||||
|
||||
.form-uploads-wrapper h3 {
|
||||
font-size: 1rem;
|
||||
@@ -12,10 +10,8 @@ $error-color: #D55A4E;
|
||||
|
||||
.dropzone {
|
||||
position: relative;
|
||||
border: 1px $form-border solid;
|
||||
border-radius: $form-border-radius;
|
||||
min-height: 4rem;
|
||||
background: $white;
|
||||
|
||||
&.dz-clickable {
|
||||
cursor: pointer;
|
||||
@@ -51,7 +47,6 @@ $error-color: #D55A4E;
|
||||
}
|
||||
|
||||
.dz-success-mark, .dz-error-mark {
|
||||
color: $white;
|
||||
font-family: FontAwesome;
|
||||
display: none;
|
||||
position: absolute;
|
||||
@@ -74,14 +69,12 @@ $error-color: #D55A4E;
|
||||
}
|
||||
|
||||
.dz-success-mark {
|
||||
background-color: $success-color;
|
||||
&::after {
|
||||
content: '\f00c';
|
||||
}
|
||||
}
|
||||
|
||||
.dz-error-mark {
|
||||
background-color: $error-color;
|
||||
&::after {
|
||||
content: '\f12a';
|
||||
}
|
||||
@@ -93,7 +86,6 @@ $error-color: #D55A4E;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
height: 4px;
|
||||
background: #d7d7d7;
|
||||
display: none;
|
||||
|
||||
.dz-upload {
|
||||
@@ -103,7 +95,6 @@ $error-color: #D55A4E;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 0%;
|
||||
background-color: $success-color;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -116,8 +107,6 @@ $error-color: #D55A4E;
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.2;
|
||||
padding: 8px 10px;
|
||||
background: lighten($content-bg,3%);
|
||||
color: $error-color;
|
||||
z-index: 500;
|
||||
}
|
||||
|
||||
@@ -143,14 +132,10 @@ $error-color: #D55A4E;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 22px;
|
||||
border:1px solid darken($content-bg,5%);
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
font-size: 0.8rem;
|
||||
&:hover {
|
||||
background: $content-bg;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover .dz-remove {
|
||||
@@ -183,8 +168,6 @@ $error-color: #D55A4E;
|
||||
width: $preview-width;
|
||||
height: $preview-height;
|
||||
position: relative;
|
||||
background: lighten($content-bg,3%);
|
||||
border:1px solid darken($content-bg,5%);
|
||||
font-size: 0.8rem;
|
||||
padding: 5px;
|
||||
margin-bottom: 22px;
|
||||
@@ -222,7 +205,6 @@ $error-color: #D55A4E;
|
||||
&.dz-clickable {
|
||||
.dz-message, .dz-message span {
|
||||
cursor: pointer;
|
||||
color: lighten($content-fg,30%);
|
||||
text-align: center;
|
||||
font-size: 1.4rem;
|
||||
line-height: 4rem;
|
||||
|
||||
@@ -27,10 +27,8 @@
|
||||
|
||||
.grav-mdeditor-navbar {
|
||||
@include clearfix;
|
||||
border: 1px solid $form-border;
|
||||
border-top-right-radius: $form-border-radius;
|
||||
border-top-left-radius: $form-border-radius;
|
||||
background: lighten($content-bg,5%);
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
@@ -38,8 +36,6 @@
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
|
||||
|
||||
li {
|
||||
float: left;
|
||||
&:first-child a {
|
||||
@@ -52,13 +48,7 @@
|
||||
border: inherit !important;
|
||||
}
|
||||
.mdeditor-active a {
|
||||
background: white;
|
||||
cursor: auto;
|
||||
border-left: 1px solid $form-border;
|
||||
border-right: 1px solid $form-border;
|
||||
&:hover {
|
||||
background: $white;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
@@ -67,16 +57,8 @@
|
||||
line-height: 3rem;
|
||||
height: 3rem;
|
||||
padding: 0 1rem;
|
||||
color: $content-fg;
|
||||
|
||||
&:hover {
|
||||
background: lighten($content-bg,2%);
|
||||
color: darken($content-fg,10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
.grav-mdeditor-navbar-nav {
|
||||
@@ -91,23 +73,17 @@
|
||||
}
|
||||
|
||||
.grav-mdeditor-content {
|
||||
|
||||
@include clearfix;
|
||||
cursor: text;
|
||||
border: 1px solid $form-border;
|
||||
border-top: 0;
|
||||
border-bottom-right-radius: $form-border-radius;
|
||||
border-bottom-left-radius: $form-border-radius;
|
||||
}
|
||||
|
||||
.grav-mdeditor-code {
|
||||
|
||||
|
||||
|
||||
.CodeMirror {
|
||||
padding: 10px 20px 20px 20px;
|
||||
border-bottom-left-radius: $form-border-radius;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -131,9 +107,6 @@
|
||||
.grav-mdeditor-preview {
|
||||
font-family: $font-family-default;
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: darken($content-fg, 10%);
|
||||
}
|
||||
h1 {
|
||||
font-size: 2rem;
|
||||
border: 0;
|
||||
@@ -168,8 +141,6 @@
|
||||
}
|
||||
|
||||
.grav-mdeditor-code {
|
||||
border-right: 1px solid $form-border;
|
||||
|
||||
&, .grav-mdeditor-preview {
|
||||
float: left;
|
||||
width: 50%;
|
||||
@@ -180,8 +151,8 @@
|
||||
// CodeMirror Theme
|
||||
.cm-s-paper {
|
||||
|
||||
$paper-fg: darken($content-fg,5%);
|
||||
$tag: #349886;
|
||||
$paper-fg: #666;
|
||||
$tag: darken($paper-fg, 10%);
|
||||
|
||||
&.CodeMirror {
|
||||
color: $paper-fg;
|
||||
@@ -193,28 +164,25 @@
|
||||
}
|
||||
}
|
||||
|
||||
.cm-link {color: darken($core-accent, 10%);}
|
||||
.cm-link {color: #0082ba;}
|
||||
.cm-comment {color: lighten($paper-fg,10%);}
|
||||
.cm-header {color: darken($paper-fg,10%);}
|
||||
.cm-strong {color: darken($paper-fg,5%);}
|
||||
.cm-header {color: darken($paper-fg,5%);}
|
||||
.cm-strong {color: darken($paper-fg,10%);}
|
||||
.cm-em {color: darken($paper-fg, 10%);}
|
||||
.cm-string {color: $core-accent;}
|
||||
.cm-string {color: #0082BA;}
|
||||
.cm-tag {color: $tag}
|
||||
.cm-bracket {color: lighten($tag, 10%);}
|
||||
.cm-variable {color: darken($paper-fg,10%);}
|
||||
.cm-variable-2 {color: lighten($paper-fg,10%);}
|
||||
.cm-variable-3 {color: lighten($paper-fg,15%);}
|
||||
.cm-hr {color: lighten($paper-fg,40%);font-weight: bold;}
|
||||
|
||||
.cm-keyword {color: $core-accent;}
|
||||
.cm-atom {color: $info-bg;}
|
||||
.cm-keyword {color: #0082ba;}
|
||||
.cm-atom {color: #9055af;}
|
||||
.cm-meta {color: $paper-fg;}
|
||||
|
||||
.cm-number {color: #7f8c8d;}
|
||||
.cm-def {color: #00f;}
|
||||
.cm-variable {color: black;}
|
||||
.cm-variable-2 {color: #555;}
|
||||
.cm-variable-3 {color: #085;}
|
||||
//.cm-variable-2 {color: #555;}
|
||||
//.cm-variable-3 {color: #085;}
|
||||
.cm-property {color: black;}
|
||||
.cm-operator {color: black;}
|
||||
|
||||
|
||||
@@ -1,5 +1,3 @@
|
||||
|
||||
|
||||
// fieldset {
|
||||
// border: 1px solid $core-border-color;
|
||||
// }
|
||||
@@ -25,7 +23,6 @@
|
||||
|
||||
// Forms
|
||||
$form-label-width: 30%;
|
||||
$form-border: darken($content-bg,10%);
|
||||
$form-border-radius: 4px;
|
||||
$form-border-width: 1px;
|
||||
$form-label-pad: 5px 0 5px 3rem;
|
||||
@@ -38,10 +35,8 @@ $form-select-pad: 5px 30px 5px 10px;
|
||||
form {
|
||||
|
||||
h1, h3 {
|
||||
color: $page-bg;
|
||||
padding: 0 $padding-default 0.5rem;
|
||||
margin: 0 0 1rem;
|
||||
border-bottom: 3px solid darken($content-bg, 5%);
|
||||
font-size: 1.5rem;
|
||||
text-align: left;
|
||||
letter-spacing: -1px;
|
||||
@@ -57,7 +52,6 @@ form {
|
||||
|
||||
.note {
|
||||
font-family: $font-family-default;
|
||||
color: $notice-bg;
|
||||
}
|
||||
|
||||
.form-field {
|
||||
@@ -70,13 +64,11 @@ form {
|
||||
}
|
||||
|
||||
.required {
|
||||
color: $secondary-link;
|
||||
font-family: helvetica, arial;
|
||||
vertical-align: middle;
|
||||
line-height: 1;
|
||||
font-size: 30px;
|
||||
margin-left: 5px;
|
||||
|
||||
font-family: helvetica, arial;
|
||||
vertical-align: middle;
|
||||
line-height: 1;
|
||||
font-size: 30px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
label {
|
||||
@@ -133,7 +125,6 @@ form {
|
||||
right: 12px;
|
||||
top: 50%;
|
||||
line-height: 0;
|
||||
color: lighten($content-fg,15%);
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
@@ -144,7 +135,6 @@ form {
|
||||
|
||||
.selectize-input {
|
||||
box-shadow: none;
|
||||
color: $content-fg;
|
||||
padding: $form-select-pad;
|
||||
margin: 0;
|
||||
|
||||
@@ -156,7 +146,6 @@ form {
|
||||
|
||||
|
||||
.selectize-control.multi .selectize-input {
|
||||
|
||||
padding: ($leading-margin / 4) ($leading-margin / 4);
|
||||
|
||||
&.has-items {
|
||||
@@ -165,13 +154,8 @@ form {
|
||||
}
|
||||
|
||||
> div {
|
||||
color: $content-fg;
|
||||
// background: $content-bg;
|
||||
border-radius: 2px;
|
||||
line-height: 1.5;
|
||||
&.active {
|
||||
background: darken($content-bg,10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -190,39 +174,30 @@ form {
|
||||
|
||||
|
||||
.x-small {
|
||||
|
||||
max-width: 5rem !important;
|
||||
|
||||
max-width: 5rem !important;
|
||||
}
|
||||
|
||||
.small {
|
||||
|
||||
max-width: 10rem !important;
|
||||
|
||||
max-width: 10rem !important;
|
||||
}
|
||||
|
||||
.medium {
|
||||
|
||||
max-width: 20rem;
|
||||
|
||||
max-width: 20rem;
|
||||
textarea {
|
||||
height: 7rem;
|
||||
}
|
||||
}
|
||||
|
||||
.large {
|
||||
max-width: 30rem !important;
|
||||
|
||||
max-width: 30rem !important;
|
||||
|
||||
textarea {
|
||||
textarea {
|
||||
height: 10rem;
|
||||
}
|
||||
}
|
||||
|
||||
select {
|
||||
width: 100%;
|
||||
border: $form-border-width solid $form-border;
|
||||
background: $white;
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance:none;
|
||||
@@ -233,48 +208,20 @@ form {
|
||||
|
||||
input[type=text], input[type=password], input[type=email], input[type=date] {
|
||||
width: 100%;
|
||||
border: $form-border-width solid $form-border;
|
||||
background: $white;
|
||||
}
|
||||
|
||||
input[readonly=readonly] {
|
||||
background: darken($white, 5%);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
border: $form-border-width solid $form-border;
|
||||
background: $white;
|
||||
}
|
||||
|
||||
.form-frontmatter-wrapper {
|
||||
border: $form-border-width solid $form-border;
|
||||
border-radius: $form-border-radius;
|
||||
}
|
||||
|
||||
|
||||
// input[type=text] {
|
||||
// width: 65%;
|
||||
// border: $form-border-width solid $form-border;
|
||||
// padding: $form-input-pad;
|
||||
// }
|
||||
|
||||
// input[type=date] {
|
||||
// width: 200px;
|
||||
// border: $form-border-width solid $form-border;
|
||||
// padding: $form-input-pad;
|
||||
// }
|
||||
|
||||
|
||||
// textarea {
|
||||
// width: 65%;
|
||||
// height: 100px;
|
||||
// border: $form-border-width solid $form-border;
|
||||
// padding: $form-input-pad;
|
||||
// }
|
||||
|
||||
|
||||
.switch-toggle {
|
||||
// margin-left: 30%;
|
||||
|
||||
@@ -314,7 +261,6 @@ form {
|
||||
|
||||
.button-bar {
|
||||
margin-top: 1rem;
|
||||
background: lighten($form-border,7%);
|
||||
padding: 1.2rem 3rem;
|
||||
width: 100%;
|
||||
border-bottom-left-radius: 5px;
|
||||
@@ -343,9 +289,6 @@ form {
|
||||
margin-top: -0.75rem;
|
||||
margin-right: 10px;
|
||||
position: absolute;
|
||||
|
||||
background: $white;
|
||||
border: $form-border-width solid $form-border;
|
||||
border-radius: $form-border-radius;
|
||||
}
|
||||
input[type=checkbox] {
|
||||
@@ -383,7 +326,6 @@ form {
|
||||
|
||||
.dragbar {
|
||||
height:4px;
|
||||
background: $form-border;
|
||||
cursor:row-resize;
|
||||
}
|
||||
}
|
||||
@@ -407,17 +349,12 @@ form {
|
||||
li {
|
||||
padding: 0.2rem 1rem;
|
||||
border-radius: $form-border-radius;
|
||||
border: 1px solid $form-border;
|
||||
background: lighten($content-bg, 4%);
|
||||
color: lighten($content-fg,10%);
|
||||
margin: 3px 0;
|
||||
position: relative;
|
||||
font-family: $font-family-default;
|
||||
|
||||
&.drag-handle {
|
||||
cursor: move;
|
||||
background: lighten($content-bg, 7%);
|
||||
color: darken($content-fg,10%);
|
||||
&::after {
|
||||
content: '\f0c9';
|
||||
font-family: FontAwesome;
|
||||
@@ -441,9 +378,6 @@ form {
|
||||
cursor: move;
|
||||
padding: 1rem;
|
||||
border-radius: $form-border-radius;
|
||||
border: 1px solid $form-border;
|
||||
background: lighten($content-bg, 4%);
|
||||
color: lighten($content-fg,10%);
|
||||
margin: 3px 0;
|
||||
position: relative;
|
||||
font-family: $font-family-default;
|
||||
@@ -452,10 +386,6 @@ form {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 4px;
|
||||
color: darken($content-fg,10%);
|
||||
|
||||
.fa-bars {
|
||||
}
|
||||
|
||||
.fa-trash-o {
|
||||
cursor: pointer;
|
||||
@@ -485,19 +415,10 @@ form {
|
||||
letter-spacing: normal;
|
||||
}
|
||||
.form-fieldset {
|
||||
background-color: #f7f7f7;
|
||||
border: 2px solid #e1e1e1;
|
||||
margin: 1rem 2rem;
|
||||
}
|
||||
|
||||
.form-fieldset--label {
|
||||
background-color: #f3f3f3;
|
||||
|
||||
&:hover,
|
||||
.form-fieldset input:checked + & {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
label {
|
||||
display: table;
|
||||
font-size: 1.25rem;
|
||||
|
||||
@@ -1,47 +1,26 @@
|
||||
.gpm {
|
||||
|
||||
> table > tbody {
|
||||
> tr {
|
||||
border-bottom: 1px solid #e1e1e1;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
td {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.gpm-name {
|
||||
white-space: nowrap;
|
||||
color: lighten($content-fg, 25%);
|
||||
}
|
||||
|
||||
.gpm-version {
|
||||
padding-left:0.5rem;
|
||||
color: lighten($content-fg,10%);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.gpm-update {
|
||||
.gpm-name {
|
||||
color: $secondary-accent-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.gpm-actions {
|
||||
|
||||
.enabled, .disabled {
|
||||
font-size: 1.6rem;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
color: lighten($content-fg,10%);
|
||||
}
|
||||
}
|
||||
|
||||
.gpm-item-info {
|
||||
position: relative;
|
||||
border-bottom: 3px solid darken($content-bg, 5%);
|
||||
padding-bottom: 1rem;
|
||||
margin-bottom: 3rem;
|
||||
overflow: hidden;
|
||||
@@ -51,7 +30,6 @@
|
||||
}
|
||||
|
||||
.gpm-item-icon {
|
||||
color: darken($content-bg, 3%);
|
||||
position: absolute;
|
||||
right: $padding-default;
|
||||
font-size: 20rem;
|
||||
@@ -64,7 +42,6 @@
|
||||
text-align: left !important;
|
||||
|
||||
&:first-child {
|
||||
color: lighten($content-fg,15%);
|
||||
white-space: nowrap;
|
||||
width: 25%;
|
||||
}
|
||||
@@ -76,26 +53,20 @@
|
||||
|
||||
.badge.update {
|
||||
display: inline-block;
|
||||
background: $info-bg;
|
||||
border-radius: 4px;
|
||||
padding: 2px 10px;
|
||||
color: $info-fg;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.gpm-ribbon {
|
||||
background-color: $info-bg;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
right: -2rem;
|
||||
@include transform(rotate(45deg));
|
||||
|
||||
|
||||
a {
|
||||
color: $info-fg;
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
font-size: 0.9rem;
|
||||
@@ -112,8 +83,6 @@
|
||||
}
|
||||
|
||||
.gpm-actions {
|
||||
|
||||
background: darken($content-bg, 2%);
|
||||
margin: 1rem -1rem -1rem -1rem;
|
||||
height: 4rem;
|
||||
text-align: center;
|
||||
@@ -126,17 +95,8 @@
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.active-theme {
|
||||
border: 1px solid $secondary-accent-bg;
|
||||
.gpm-actions {
|
||||
background: $secondary-accent-bg;
|
||||
color: $content-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.inactive-theme .gpm-actions {
|
||||
display: block;
|
||||
color: darken($content-bg, 30%);
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
#admin-login {
|
||||
@extend %vertical-align;
|
||||
background: $accent-bg;
|
||||
max-width: 24rem;
|
||||
margin: 0 auto;
|
||||
|
||||
@@ -39,7 +38,6 @@
|
||||
text-align: left;
|
||||
|
||||
@include placeholder {
|
||||
color: tint($page-bg,40%);
|
||||
font-size: 1rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
@@ -77,8 +75,6 @@
|
||||
padding: 0 1rem;
|
||||
h3 {
|
||||
padding-left: 1rem;
|
||||
color: rgba(white, 0.4);
|
||||
border-bottom: 3px solid rgba(white, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -87,14 +83,12 @@
|
||||
padding: 2rem 3rem 0;
|
||||
margin: 0;
|
||||
font-size: 1.3rem;
|
||||
color: rgba(white,0.8);
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
background: $darker-accent-bg url(../images/logo.png) 50% 50% no-repeat;
|
||||
font-size: 0;
|
||||
color: transparent;
|
||||
height: 216px;
|
||||
@@ -110,17 +104,11 @@
|
||||
|
||||
input {
|
||||
margin-bottom: 2rem;
|
||||
background: $page-bg;
|
||||
color: $core-text;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.5;
|
||||
text-align: center;
|
||||
font-weight: 300;
|
||||
-webkit-font-smoothing: auto;
|
||||
border: 1px solid shade($accent-bg, 20%);
|
||||
@include placeholder {
|
||||
color: tint($page-bg,40%);
|
||||
}
|
||||
}
|
||||
|
||||
.form-actions {
|
||||
|
||||
@@ -3,8 +3,6 @@
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
border-top: 1px solid darken($content-bg, 5%);
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
@@ -19,24 +17,16 @@
|
||||
|
||||
.row {
|
||||
@include transition(all 0.2s ease);
|
||||
border-bottom: 1px solid darken($content-bg, 5%);
|
||||
line-height: 2.5rem;
|
||||
padding-right: 3rem;
|
||||
|
||||
&:hover {
|
||||
background: lighten($content-bg,2%);
|
||||
}
|
||||
|
||||
p.page-route {
|
||||
display: block;
|
||||
margin: -10px 0 5px 25px;
|
||||
line-height: 1;
|
||||
font-size: 0.9rem;
|
||||
color: darken($content-bg,40%);
|
||||
text-shadow: 1px 1px 0 $white;
|
||||
|
||||
.spacer {
|
||||
color: darken($content-bg,10%);
|
||||
display: inline-block;
|
||||
margin: 0 0.3rem;
|
||||
}
|
||||
@@ -51,14 +41,8 @@
|
||||
}
|
||||
|
||||
.badge.lang {
|
||||
background-color: #aaa;
|
||||
color: white;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
.badge.lang.info {
|
||||
background-color: $info-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.page-tools {
|
||||
@@ -73,14 +57,12 @@
|
||||
.page-home {
|
||||
font-size: 1.4rem;
|
||||
margin-left: 10px;
|
||||
color: darken($content-bg, 20%);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.page-info {
|
||||
font-size: 1.1rem;
|
||||
margin-left: 10px;
|
||||
color: darken($content-bg, 20%);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
@@ -177,8 +159,10 @@
|
||||
}
|
||||
|
||||
|
||||
> div, > div.active {
|
||||
.item, .item.active {
|
||||
color: #777;
|
||||
background: #eee;
|
||||
|
||||
padding: 2px 10px;
|
||||
&[data-value='Routable'] {
|
||||
background: #CE431D;
|
||||
@@ -241,54 +225,23 @@
|
||||
|
||||
#admin-lang-toggle {
|
||||
z-index:10;
|
||||
button {
|
||||
@include button-color(shade($info-bg, 20%));
|
||||
}
|
||||
.dropdown-menu {
|
||||
background: $info-bg;
|
||||
button {
|
||||
|
||||
background: transparent;
|
||||
color: $white;
|
||||
.dropdown-menu {
|
||||
button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.switch-grav {
|
||||
|
||||
border: 0;
|
||||
background-color: lighten($accent-bg,10%);
|
||||
}
|
||||
|
||||
.switch-toggle {
|
||||
|
||||
@include breakpoint(mobile-only) {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input:checked + label {
|
||||
color: $white;
|
||||
}
|
||||
|
||||
input + label {
|
||||
color: lighten($accent-bg,65%);
|
||||
}
|
||||
|
||||
input.highlight:checked {
|
||||
~ a {
|
||||
background: lighten($tertiary-accent-bg,10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
body .selectize-dropdown .optgroup-header {
|
||||
color: $black;
|
||||
border-bottom: 1px solid #eee;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
@for $i from 0 to 10 {
|
||||
|
||||
@@ -11,20 +11,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
background: #d9d9d9;
|
||||
}
|
||||
|
||||
td {
|
||||
word-wrap: break-word;
|
||||
|
||||
h1 {
|
||||
margin: 0rem (- $padding-default) 0rem !important;
|
||||
}
|
||||
&:first-child {
|
||||
color: $secondary-accent-bg;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
hr {
|
||||
|
||||
@@ -91,10 +91,7 @@ body.remodal_active .remodal-overlay {
|
||||
padding-top: 2rem;
|
||||
@include box-sizing(border-box);
|
||||
font-size: 16px;
|
||||
background: $content-bg;
|
||||
background-clip: padding-box;
|
||||
color: $content-fg;
|
||||
box-shadow: 0 10px 20px rgba(0,0,0,0.5);
|
||||
@include transform(scale(0.95));
|
||||
@include transition-property (transform);
|
||||
@include transition-duration(0.2s);
|
||||
@@ -117,7 +114,6 @@ body.remodal_active .remodal {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
color: $content-fg;
|
||||
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
@@ -137,12 +133,6 @@ body.remodal_active .remodal {
|
||||
|
||||
}
|
||||
|
||||
.remodal-close:hover, .remodal-close:active {
|
||||
color: darken($content-fg, 20%);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Media queries
|
||||
========================================================================== */
|
||||
|
||||
|
||||
@@ -12,7 +12,6 @@ thead {
|
||||
|
||||
td {
|
||||
border: 0;
|
||||
border-bottom: 1px solid darken($content-bg, 5%);
|
||||
}
|
||||
|
||||
tr {
|
||||
@@ -75,7 +74,6 @@ tr {
|
||||
&.gpm-details {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #f7f7f7;
|
||||
|
||||
@include breakpoint(mobile-only){
|
||||
word-wrap: break-word;
|
||||
@@ -100,9 +98,6 @@ tr {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background: lighten($content-bg,2%);
|
||||
}
|
||||
}
|
||||
|
||||
//Fixes for Kendo calendar on Firefox
|
||||
|
||||
@@ -3,9 +3,6 @@ $tab-label-height:3.5em;
|
||||
|
||||
.tab-bar {
|
||||
@include clearfix;
|
||||
|
||||
|
||||
background: $accent-bg;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
@@ -17,12 +14,7 @@ $tab-label-height:3.5em;
|
||||
display: block;
|
||||
float: left;
|
||||
height: $tab-label-height;
|
||||
&.active {
|
||||
span, a {
|
||||
background: $content-bg;
|
||||
color: $content-fg;
|
||||
}
|
||||
}
|
||||
|
||||
@include breakpoint(mobile-only) {
|
||||
width: 100%;
|
||||
span, a {
|
||||
@@ -37,11 +29,6 @@ $tab-label-height:3.5em;
|
||||
display: inline-block;
|
||||
padding: 0 4rem;
|
||||
line-height: $tab-label-height;
|
||||
color: lighten($accent-bg,65%);
|
||||
&:hover {
|
||||
color: $white;
|
||||
background: darken($accent-bg,10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -56,8 +43,6 @@ $tab-label-height:3.5em;
|
||||
}
|
||||
|
||||
.form-tabs {
|
||||
|
||||
background: $accent-bg;
|
||||
font-family: $font-family-header;
|
||||
margin-top: -4rem;
|
||||
|
||||
@@ -67,23 +52,12 @@ $tab-label-height:3.5em;
|
||||
|
||||
> input[type=radio] {
|
||||
display:none;
|
||||
|
||||
&:checked{
|
||||
+ label {
|
||||
background: $content-bg;
|
||||
color: $content-fg;
|
||||
}
|
||||
}
|
||||
}
|
||||
> label {
|
||||
@extend .default-animation;
|
||||
|
||||
display:inline-block;
|
||||
cursor:pointer;
|
||||
color: lighten($accent-bg,65%);
|
||||
|
||||
cursor: pointer;
|
||||
height: $tab-label-height;
|
||||
|
||||
text-align:center;
|
||||
line-height: $tab-label-height;
|
||||
padding: 0 2rem;
|
||||
@@ -95,13 +69,7 @@ $tab-label-height:3.5em;
|
||||
&:last-of-type {
|
||||
border-bottom:none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $white;
|
||||
background: lighten($accent-bg,3%);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@@ -114,8 +82,6 @@ $tab-label-height:3.5em;
|
||||
|
||||
.tab-body-wrapper {
|
||||
padding-top: $tab-label-height;
|
||||
background: $content-bg;
|
||||
|
||||
}
|
||||
|
||||
#tab1:checked ~ .tab-body-wrapper #tab-body-1,
|
||||
|
||||
@@ -46,42 +46,42 @@ button.toast-close-button {
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
//.toast-top-center {
|
||||
// top: 0;
|
||||
// right: 0;
|
||||
// width: 100%;
|
||||
//}
|
||||
//.toast-bottom-center {
|
||||
// bottom: 0;
|
||||
// right: 0;
|
||||
// width: 100%;
|
||||
//}
|
||||
//.toast-top-full-width {
|
||||
// top: 0;
|
||||
// right: 0;
|
||||
// width: 100%;
|
||||
//}
|
||||
//.toast-bottom-full-width {
|
||||
// bottom: 0;
|
||||
// right: 0;
|
||||
// width: 100%;
|
||||
//}
|
||||
//.toast-top-left {
|
||||
// top: 12px;
|
||||
// left: 12px;
|
||||
//}
|
||||
.toast-top-center {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.toast-bottom-center {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.toast-top-full-width {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.toast-bottom-full-width {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.toast-top-left {
|
||||
top: 12px;
|
||||
left: 12px;
|
||||
}
|
||||
.toast-top-right {
|
||||
top: 5rem;
|
||||
right: 1.5rem;
|
||||
}
|
||||
//.toast-bottom-right {
|
||||
// right: 12px;
|
||||
// bottom: 12px;
|
||||
//}
|
||||
//.toast-bottom-left {
|
||||
// bottom: 12px;
|
||||
// left: 12px;
|
||||
//}
|
||||
.toast-bottom-right {
|
||||
right: 12px;
|
||||
bottom: 12px;
|
||||
}
|
||||
.toast-bottom-left {
|
||||
bottom: 12px;
|
||||
left: 12px;
|
||||
}
|
||||
#toast-container {
|
||||
position: fixed;
|
||||
z-index: 999999;
|
||||
@@ -135,34 +135,7 @@ button.toast-close-button {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
.toast {
|
||||
background-color: #030303;
|
||||
}
|
||||
.toast-success {
|
||||
background-color: $info-bg;
|
||||
|
||||
.button {
|
||||
background: lighten($info-bg, 5%);
|
||||
@include button-color(lighten($info-bg, 10%));
|
||||
}
|
||||
|
||||
}
|
||||
.toast-error {
|
||||
background-color: $notice-bg;
|
||||
|
||||
.button {
|
||||
background-color: darken($notice-bg, 10);
|
||||
@include button-color(darken($notice-bg, 20));
|
||||
}
|
||||
}
|
||||
.toast-info {
|
||||
background-color: $tertiary-accent-bg;
|
||||
|
||||
.button {
|
||||
background-color: darken($tertiary-accent-bg, 10);
|
||||
@include button-color(darken($tertiary-accent-bg, 20));
|
||||
}
|
||||
}
|
||||
.toast-warning {
|
||||
background-color: #f89406;
|
||||
|
||||
|
||||
@@ -73,67 +73,16 @@ h3 {
|
||||
|
||||
// Blockquote
|
||||
blockquote {
|
||||
border-left: 10px solid $rule-color;
|
||||
p {
|
||||
font-size: 1.1rem;
|
||||
color: #999;
|
||||
}
|
||||
cite {
|
||||
display: block;
|
||||
text-align: right;
|
||||
color: #666;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
// NOTES!!!
|
||||
blockquote > blockquote > blockquote {
|
||||
|
||||
margin: 0;
|
||||
|
||||
p {
|
||||
|
||||
padding: 15px;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
margin-top: 0rem;
|
||||
margin-bottom: 0rem;
|
||||
}
|
||||
|
||||
> p {
|
||||
// Yellow
|
||||
margin-left: -71px;
|
||||
border-left: 10px solid #F0AD4E;
|
||||
background: #FCF8F2;
|
||||
color: darken(#F0AD4E,15%);
|
||||
}
|
||||
|
||||
> blockquote > p {
|
||||
// Red
|
||||
margin-left: -94px;
|
||||
border-left: 10px solid #D9534F;
|
||||
background: #FDF7F7;
|
||||
color: darken(#D9534F,15%);
|
||||
}
|
||||
|
||||
> blockquote > blockquote > p {
|
||||
// Blue
|
||||
margin-left: -118px;
|
||||
border-left: 10px solid #5BC0DE;
|
||||
background: #F4F8FA;
|
||||
color: darken(#5BC0DE,15%);
|
||||
}
|
||||
|
||||
> blockquote > blockquote > blockquote > p {
|
||||
// Green
|
||||
margin-left: -142px;
|
||||
border-left: 10px solid #5CB85C;
|
||||
background: #F1F9F1;
|
||||
color: darken(#5CB85C,15%);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Inline and Code
|
||||
code,
|
||||
kbd,
|
||||
@@ -142,33 +91,18 @@ samp {
|
||||
font-family: $font-family-mono;
|
||||
}
|
||||
|
||||
code {
|
||||
background: $code-bg;
|
||||
color: darken($code-text,10%);
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 2rem;
|
||||
background: $pre-bg;
|
||||
border: 1px solid $core-border-color;
|
||||
border-radius: 3px;
|
||||
code {
|
||||
color: $pre-text;
|
||||
background: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
// Extras
|
||||
hr {
|
||||
border-bottom: 4px solid $rule-color;
|
||||
}
|
||||
|
||||
// Label
|
||||
.label {
|
||||
vertical-align: middle;
|
||||
background: $core-accent;
|
||||
border-radius: 100%;
|
||||
color: $white;
|
||||
height: 1rem;
|
||||
min-width: 1rem;
|
||||
line-height: 1rem;
|
||||
|
||||
@@ -28,19 +28,26 @@
|
||||
|
||||
}
|
||||
|
||||
@mixin button-color($color) {
|
||||
background: $color;
|
||||
color: rgba($white, 0.85);
|
||||
@mixin button-color($color, $text:$white) {
|
||||
color: rgba($text, 0.85);
|
||||
border-radius: $border-radius;
|
||||
&:hover {
|
||||
background: lighten($color,5%);
|
||||
color: $white;
|
||||
}
|
||||
&.dropdown-toggle {
|
||||
background: lighten($color, 5%);
|
||||
border-left: 1px solid darken($color, 5%);
|
||||
background: $color;
|
||||
|
||||
@if (lightness($color) > 50) {
|
||||
&:hover {
|
||||
background: shade($color,15%);
|
||||
color: $text;
|
||||
}
|
||||
&.dropdown-toggle {
|
||||
border-left: 1px solid lighten($color, 5%);
|
||||
}
|
||||
} @else {
|
||||
&:hover {
|
||||
background: tint($color,15%);
|
||||
color: $text;
|
||||
}
|
||||
&.dropdown-toggle {
|
||||
border-left: 1px solid darken($color, 5%);
|
||||
}
|
||||
}
|
||||
// &:active {
|
||||
// box-shadow: 0 1px 0 darken($color, 12%);
|
||||
// }
|
||||
}
|
||||
|
||||
@@ -23,8 +23,6 @@ $switch-height: 46px;
|
||||
|
||||
@mixin switch-shared() {
|
||||
|
||||
|
||||
|
||||
display: inline-block;
|
||||
// height: $switch-height;
|
||||
|
||||
@@ -228,12 +226,9 @@ $switch-height: 46px;
|
||||
/* Grav Theme
|
||||
*/
|
||||
.switch-grav {
|
||||
background-color: $white;
|
||||
border: $form-border-width solid $form-border;
|
||||
border-radius: $form-border-radius;
|
||||
|
||||
label {
|
||||
color: $content-fg;
|
||||
@include transition(color 0.2s ease-out);
|
||||
padding: 5px 20px;
|
||||
|
||||
@@ -250,24 +245,13 @@ $switch-height: 46px;
|
||||
}
|
||||
|
||||
a {
|
||||
background: #777;
|
||||
border-radius: $form-border-radius - 1px;
|
||||
}
|
||||
|
||||
&.switch-toggle input.highlight:checked {
|
||||
~ a {
|
||||
background: lighten($secondary-accent-bg,10%);
|
||||
}
|
||||
}
|
||||
|
||||
/* Selected ON switch-light
|
||||
*/
|
||||
&.switch-light input:checked {
|
||||
|
||||
~ a {
|
||||
background-color: #777;
|
||||
}
|
||||
|
||||
~ span span {
|
||||
&:first-of-type {
|
||||
opacity: 0;
|
||||
@@ -280,13 +264,7 @@ $switch-height: 46px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
input:checked + label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Bugfix for older Webkit, including mobile Webkit. Adapted from
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div class="form-actions secondary-accent">
|
||||
<div class="form-actions primary-accent">
|
||||
<button type="submit" class="button primary" name="task" value="forgot"><i class="fa fa-paper-plane"></i> {{ "PLUGIN_ADMIN.LOGIN_BTN_SEND_INSTRUCTIONS"|tu }}</button>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<div class="form-tabs">
|
||||
<div class="form-tabs {{ field.class }}">
|
||||
|
||||
{% if uri.params.tab %}
|
||||
{% set active = uri.params.tab %}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<div class="form-actions secondary-accent">
|
||||
<div class="form-actions primary-accent">
|
||||
{% if notAuthorized %}
|
||||
<a class="button secondary" onclick="window.history.back()"><i class="fa fa-reply"></i> {{ 'PLUGIN_ADMIN.BACK'|tu }}</a>
|
||||
<button type="submit" class="button primary" name="task" value="logout"><i class="fa fa-sign-in"></i> {{ 'PLUGIN_ADMIN.LOGOUT'|tu }}</button>
|
||||
|
||||
@@ -18,52 +18,13 @@
|
||||
<link rel="icon" type="image/png" href="{{ base_url_simple }}/{{ theme_url }}/images/favicon.png">
|
||||
|
||||
{% block stylesheets %}
|
||||
{% do assets.addCss(theme_url~'/css-compiled/nucleus.css') %}
|
||||
{% do assets.addCss(theme_url~'/css-compiled/template.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/font-awesome.min.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/chartist.min.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/selectize.min.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/hint.base.min.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/datepicker/kendo.common.core.min.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/datepicker/kendo.flat.min.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/datepicker/grav.overrides.css') %}
|
||||
{% if browser.getBrowser == 'msie' and browser.getVersion >= 8 and browser.getVersion <= 9 %}
|
||||
{% do assets.addCss(theme_url~'/css/nucleus-ie9.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/pure-0.5.0/grids-min.css') %}
|
||||
{% endif %}
|
||||
{% include 'partials/stylesheets.html.twig' %}
|
||||
{{ assets.css() }}
|
||||
{% endblock %}
|
||||
|
||||
{% include 'partials/javascript-config.html.twig' %}
|
||||
{% block javascripts %}
|
||||
{% do assets.add('jquery',101) %}
|
||||
{% do assets.addJs(theme_url~'/js/modernizr.custom.71422.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/chartist.min.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/selectize.min.js') %}
|
||||
{% do assets.addJS(theme_url~'/js/sortable.min.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/toastr.min.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/jquery.remodal.min.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/ajax.js') %}
|
||||
|
||||
{% do assets.addJs(theme_url~'/js/admin-all.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/dropdown.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/mobile.js') %}
|
||||
|
||||
{% do assets.addJs(theme_url~'/js/datepicker/kendo.custom.min.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/datepicker/init.js') %}
|
||||
|
||||
{% do assets.addJs(theme_url~'/js/forms/form.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/forms/fields/input.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/forms/fields/array.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/forms/fields/selectize.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/forms/fields/checkboxes.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/forms/fields/toggle.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/forms.js') %}
|
||||
|
||||
{% if browser.getBrowser == 'msie' or browser.getBrowser == 'edge' %}
|
||||
{% do assets.addJs(theme_url~'/js/form-attr.polyfill.js') %}
|
||||
{% endif %}
|
||||
|
||||
{% include 'partials/javascripts.html.twig' %}
|
||||
{{ assets.js() }}
|
||||
{% endblock %}
|
||||
{% endblock %}
|
||||
@@ -77,7 +38,7 @@
|
||||
{% endblock %}
|
||||
|
||||
<section id="admin-main" >
|
||||
<div id="titlebar" class="titlebar secondary-accent">
|
||||
<div id="titlebar" class="titlebar primary-accent">
|
||||
{% block titlebar %}{% endblock %}
|
||||
</div>
|
||||
|
||||
@@ -90,7 +51,7 @@
|
||||
{% include 'partials/messages.html.twig' %}
|
||||
{% endblock %}
|
||||
{% block content_top %}{% endblock %}
|
||||
<div class="admin-block default-box-shadow">
|
||||
<div class="admin-block">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
{% if config.plugins.admin.show_github_msg %}
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
|
||||
{% if authorize(['admin.maintenance', 'admin.super']) %}
|
||||
<div id="updates" class="dashboard-item dashboard-left">
|
||||
<div class="tertiary-accent default-box-shadow">
|
||||
<div class="secondary-accent">
|
||||
<h1>{{ "PLUGIN_ADMIN.MAINTENANCE"|tu }}</h1>
|
||||
<div class="admin-update-charts">
|
||||
<div class="updates-chart">
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{% if authorize(['admin.statistics', 'admin.super']) %}
|
||||
<div id="popularity" class="dashboard-item dashboard-right">
|
||||
<div class="secondary-accent default-box-shadow">
|
||||
<div class="primary-accent">
|
||||
<h1>{{ "PLUGIN_ADMIN.STATISTICS"|tu }}</h1>
|
||||
<div class="ct-chart"></div>
|
||||
<script>
|
||||
|
||||
27
themes/grav/templates/partials/javascripts.html.twig
Normal file
27
themes/grav/templates/partials/javascripts.html.twig
Normal file
@@ -0,0 +1,27 @@
|
||||
{% do assets.add('jquery',101) %}
|
||||
{% do assets.addJs(theme_url~'/js/modernizr.custom.71422.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/chartist.min.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/selectize.min.js') %}
|
||||
{% do assets.addJS(theme_url~'/js/sortable.min.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/toastr.min.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/jquery.remodal.min.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/ajax.js') %}
|
||||
|
||||
{% do assets.addJs(theme_url~'/js/admin-all.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/dropdown.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/mobile.js') %}
|
||||
|
||||
{% do assets.addJs(theme_url~'/js/datepicker/kendo.custom.min.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/datepicker/init.js') %}
|
||||
|
||||
{% do assets.addJs(theme_url~'/js/forms/form.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/forms/fields/input.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/forms/fields/array.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/forms/fields/selectize.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/forms/fields/checkboxes.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/forms/fields/toggle.js') %}
|
||||
{% do assets.addJs(theme_url~'/js/forms.js') %}
|
||||
|
||||
{% if browser.getBrowser == 'msie' or browser.getBrowser == 'edge' %}
|
||||
{% do assets.addJs(theme_url~'/js/form-attr.polyfill.js') %}
|
||||
{% endif %}
|
||||
14
themes/grav/templates/partials/stylesheets.html.twig
Normal file
14
themes/grav/templates/partials/stylesheets.html.twig
Normal file
@@ -0,0 +1,14 @@
|
||||
{% do assets.addCss(theme_url~'/css-compiled/nucleus.css') %}
|
||||
{% do assets.addCss(theme_url~'/css-compiled/template.css') %}
|
||||
{% do assets.addCss(theme_url~'/css-compiled/preset.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/font-awesome.min.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/chartist.min.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/selectize.min.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/hint.base.min.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/datepicker/kendo.common.core.min.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/datepicker/kendo.flat.min.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/datepicker/grav.overrides.css') %}
|
||||
{% if browser.getBrowser == 'msie' and browser.getVersion >= 8 and browser.getVersion <= 9 %}
|
||||
{% do assets.addCss(theme_url~'/css/nucleus-ie9.css') %}
|
||||
{% do assets.addCss(theme_url~'/css/pure-0.5.0/grids-min.css') %}
|
||||
{% endif %}
|
||||
@@ -16,7 +16,7 @@
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
|
||||
<div class="form-actions secondary-accent">
|
||||
<div class="form-actions primary-accent">
|
||||
|
||||
<button type="reset" class="button secondary"><i class="fa fa-exclamation-circle"></i> {{ 'PLUGIN_ADMIN.LOGIN_BTN_CLEAR'|tu }}</button>
|
||||
<button type="submit" class="button primary"><i class="fa fa-sign-in"></i> {{ 'PLUGIN_ADMIN.LOGIN_BTN_CREATE_USER'|tu }}</button>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<div class="form-actions secondary-accent">
|
||||
<div class="form-actions primary-accent">
|
||||
<button type="submit" class="button primary" name="task" value="reset"><i class="fa fa-key"></i> {{ 'PLUGIN_ADMIN.LOGIN_BTN_RESET'|tu }}</button>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
Reference in New Issue
Block a user