mirror of
https://github.com/getgrav/grav-plugin-admin.git
synced 2026-07-14 16:23:34 +02:00
more theme rework.. slightly broken but on the right track
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
858
themes/grav/scss/preset.scss
Normal file
858
themes/grav/scss/preset.scss
Normal file
@@ -0,0 +1,858 @@
|
||||
// REQUIRED DEPENDENCIES - DO NOT CHANGE
|
||||
// Load Third Party Libraries
|
||||
@import "vendor/bourbon/bourbon";
|
||||
// Load Nucleus Configuration
|
||||
@import "configuration/nucleus/base";
|
||||
// Load Template Configuration
|
||||
@import "configuration/template/base";
|
||||
// Load Nucleus Mixins and Functions
|
||||
@import "nucleus/functions/base";
|
||||
@import "nucleus/mixins/base";
|
||||
// Load Template Library
|
||||
@import "template/modules/base";
|
||||
|
||||
// Calculated values
|
||||
$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 $rule-color;
|
||||
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 $rule-color;
|
||||
}
|
||||
|
||||
.label {
|
||||
background: $core-accent;
|
||||
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: $accent-bg;
|
||||
|
||||
li {
|
||||
&.active {
|
||||
span, a {
|
||||
background: $content-bg;
|
||||
color: $content-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
span, a {
|
||||
color: lighten($accent-bg,65%);
|
||||
&:hover {
|
||||
color: $white;
|
||||
background: darken($accent-bg,10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Buttons
|
||||
.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 {
|
||||
.dropdown-menu {
|
||||
background-color: lighten($secondary-accent-bg, 10%);
|
||||
border: 1px solid lighten($secondary-accent-bg, 5%);
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
|
||||
|
||||
.divider {
|
||||
background-color: $secondary-accent-bg;
|
||||
}
|
||||
|
||||
li > a {
|
||||
color: $white;
|
||||
|
||||
&:focus, &:hover {
|
||||
color: $white;
|
||||
background-color: $secondary-accent-bg;
|
||||
}
|
||||
}
|
||||
|
||||
&.language-switcher {
|
||||
a.active {
|
||||
background-color: #349886
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#admin-login {
|
||||
background: $accent-bg;
|
||||
|
||||
&.wide form input {
|
||||
@include placeholder {
|
||||
color: tint($page-bg,40%);
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper-spacer {
|
||||
h3 {
|
||||
color: rgba(white, 0.4);
|
||||
border-bottom: 3px solid rgba($white, 0.1);
|
||||
}
|
||||
}
|
||||
|
||||
.instructions {
|
||||
color: rgba($white,0.8);
|
||||
}
|
||||
|
||||
h1 {
|
||||
background: $darker-accent-bg url(../images/logo.png) 50% 50% no-repeat;
|
||||
}
|
||||
|
||||
form {
|
||||
input {
|
||||
background: $page-bg;
|
||||
color: $core-text;
|
||||
border: 1px solid shade($accent-bg, 20%);
|
||||
@include placeholder {
|
||||
color: tint($page-bg,40%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#admin-sidebar {
|
||||
background: $nav-bg;
|
||||
a {
|
||||
color: rgba($nav-link, 0.9);
|
||||
&:hover {
|
||||
color: $nav-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#admin-logo {
|
||||
background: $logo-bg;
|
||||
color: $logo-text;
|
||||
|
||||
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: $badge-text;
|
||||
background-color: $badge-bg;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
&:hover {
|
||||
background: $nav-hover-bg;
|
||||
color: $nav-hover-link;
|
||||
|
||||
.fa {
|
||||
color: $nav-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.selected {
|
||||
a {
|
||||
background: $nav-selected-bg;
|
||||
color: $nav-selected-link;
|
||||
border-left: 9px solid $focus-bg;
|
||||
|
||||
.fa {
|
||||
color: $nav-selected-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Forms
|
||||
form {
|
||||
h1, h3 {
|
||||
color: $page-bg;
|
||||
border-bottom: 3px solid darken($content-bg, 5%);
|
||||
}
|
||||
|
||||
.note {
|
||||
color: $notice-bg;
|
||||
}
|
||||
|
||||
.required {
|
||||
color: $secondary-link;
|
||||
}
|
||||
|
||||
.form-select-wrapper, .selectize-control.single .selectize-input {
|
||||
&:after {
|
||||
color: lighten($content-text, 15%);
|
||||
}
|
||||
}
|
||||
|
||||
.selectize-input {
|
||||
color: $content-text;
|
||||
}
|
||||
|
||||
.selectize-control.multi .selectize-input {
|
||||
> div {
|
||||
color: $content-text;
|
||||
&.active {
|
||||
background: darken($content-bg,10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
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: $accent-bg;
|
||||
|
||||
> input[type=radio] {
|
||||
&:checked{
|
||||
+ label {
|
||||
background: $content-bg;
|
||||
color: $content-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
> label {
|
||||
color: lighten($accent-bg,65%);
|
||||
&:hover {
|
||||
color: $white;
|
||||
background: lighten($accent-bg,3%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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: lighten($secondary-accent-bg,10%);
|
||||
}
|
||||
}
|
||||
|
||||
/* 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: $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));
|
||||
}
|
||||
}
|
||||
|
||||
// Info
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#admin-main {
|
||||
.grav-update {
|
||||
background: $update-bg;
|
||||
color: $update-text;
|
||||
|
||||
.button {
|
||||
@include button-color(shade($update-bg, 20%));
|
||||
}
|
||||
}
|
||||
|
||||
.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%);
|
||||
}
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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%));
|
||||
}
|
||||
}
|
||||
|
||||
.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%));
|
||||
}
|
||||
}
|
||||
|
||||
.card-item {
|
||||
border: 1px solid darken($content-bg, 5%);
|
||||
background: $white;
|
||||
}
|
||||
|
||||
.user-details {
|
||||
h5 {
|
||||
color: lighten($content-text,10%);
|
||||
}
|
||||
}
|
||||
|
||||
.grav-mdeditor-navbar {
|
||||
background: $white;
|
||||
border: 1px solid $form-border;
|
||||
|
||||
ul {
|
||||
a {
|
||||
color: $content-text;
|
||||
|
||||
&: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($secondary-accent-bg,10%);
|
||||
}
|
||||
|
||||
.dz-error-mark {
|
||||
background-color: $critical-bg;
|
||||
}
|
||||
|
||||
.dz-progress {
|
||||
background: #d7d7d7;
|
||||
|
||||
.dz-upload {
|
||||
background-color: lighten($secondary-accent-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: $secondary-accent-bg;
|
||||
}
|
||||
}
|
||||
|
||||
.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: $info-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(shade($info-bg, 20%));
|
||||
}
|
||||
.dropdown-menu {
|
||||
background: $info-bg;
|
||||
button {
|
||||
background: transparent;
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.switch-grav {
|
||||
background-color: lighten($accent-bg,10%);
|
||||
}
|
||||
|
||||
.switch-toggle {
|
||||
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;
|
||||
}
|
||||
|
||||
#phpinfo {
|
||||
th {
|
||||
background: #d9d9d9;
|
||||
}
|
||||
|
||||
td {
|
||||
word-wrap: break-word;
|
||||
&:first-child {
|
||||
color: $secondary-accent-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,36 +10,17 @@ $update-height: 3rem;
|
||||
bottom: 0;
|
||||
width: $sidebar-width;
|
||||
|
||||
background: $nav-bg;
|
||||
|
||||
@include breakpoint(mobile-only) {
|
||||
display: none;
|
||||
width: 75%;
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
a {
|
||||
color: rgba($nav-link, 0.9);
|
||||
&:hover {
|
||||
color: $nav-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#admin-logo {
|
||||
background: $logo-bg;
|
||||
color: $logo-text;
|
||||
|
||||
height: $topbar-height;
|
||||
|
||||
a {
|
||||
color: shade($logo-link,20%);
|
||||
&:hover {
|
||||
color: $logo-link;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
@@ -57,7 +38,6 @@ $update-height: 3rem;
|
||||
|
||||
#admin-user-details, .admin-user-details {
|
||||
padding: $sidebar-padding;
|
||||
border-bottom: 1px solid lighten($nav-bg, 5%);
|
||||
overflow: hidden;
|
||||
|
||||
img {
|
||||
@@ -70,10 +50,6 @@ $update-height: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover img {
|
||||
box-shadow: 0px 0px 0 50px lighten($nav-bg,3%);
|
||||
}
|
||||
|
||||
.admin-user-names {
|
||||
margin-left: 45px;
|
||||
|
||||
@@ -82,7 +58,6 @@ $update-height: 3rem;
|
||||
}
|
||||
|
||||
h4, h5 {
|
||||
color: $nav-link;
|
||||
margin: 0;
|
||||
font-size: 1rem;
|
||||
line-height: 1.3;
|
||||
@@ -90,7 +65,6 @@ $update-height: 3rem;
|
||||
|
||||
h5 {
|
||||
font-family: $font-family-default;
|
||||
color: $nav-text;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
@@ -114,14 +88,7 @@ $update-height: 3rem;
|
||||
margin-right: -5px;
|
||||
}
|
||||
|
||||
.count {
|
||||
color: $nav-link;
|
||||
background-color: lighten($nav-bg, 10%);
|
||||
}
|
||||
|
||||
.updates {
|
||||
color: $badge-text;
|
||||
background-color: $badge-bg;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -161,30 +128,19 @@ $update-height: 3rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $nav-hover-bg;
|
||||
color: $nav-hover-link;
|
||||
|
||||
.fa {
|
||||
font-size: 1.2rem;
|
||||
color: $nav-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.selected {
|
||||
a {
|
||||
background: $nav-selected-bg;
|
||||
color: $nav-selected-link;
|
||||
padding-left: 16px;
|
||||
border-left: 9px solid $focus-bg;
|
||||
|
||||
@include breakpoint(tablet-range){
|
||||
padding-left: 11px;
|
||||
}
|
||||
|
||||
.fa {
|
||||
color: $nav-selected-link;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -272,7 +228,6 @@ $update-height: 3rem;
|
||||
}
|
||||
|
||||
.preview {
|
||||
//color: $secondary-accent-fg;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
@@ -299,8 +254,6 @@ $update-height: 3rem;
|
||||
@include clearfix;
|
||||
padding: 0 $padding-default;
|
||||
margin-top: -$padding-default;
|
||||
background: $update-bg;
|
||||
color: $update-text;
|
||||
|
||||
&.plugins {
|
||||
padding-right: 1rem;
|
||||
@@ -311,7 +264,6 @@ $update-height: 3rem;
|
||||
margin-top: 0.6rem;
|
||||
margin-left: 1rem;
|
||||
line-height: 1.5;
|
||||
@include button-color(shade($update-bg, 20%));
|
||||
}
|
||||
|
||||
p {
|
||||
@@ -383,22 +335,11 @@ $update-height: 3rem;
|
||||
}
|
||||
|
||||
.admin-block {
|
||||
background: $content-bg;
|
||||
color: $content-text;
|
||||
padding: 2rem 0;
|
||||
|
||||
a {
|
||||
color: $content-link;
|
||||
&:hover {
|
||||
color: darken($content-link, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: $content-header;
|
||||
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;
|
||||
@@ -460,21 +401,10 @@ $update-height: 3rem;
|
||||
.button {
|
||||
@extend %vertical-align;
|
||||
}
|
||||
background: darken($content-bg, 2%);
|
||||
}
|
||||
}
|
||||
|
||||
.danger {
|
||||
&.button-bar {
|
||||
.button {
|
||||
@include button-color($critical-bg);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
#admin-dashboard {
|
||||
|
||||
@include clearfix;
|
||||
@@ -516,7 +446,6 @@ $update-height: 3rem;
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
color: rgba($white,0.96);
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -551,7 +480,6 @@ $update-height: 3rem;
|
||||
display:block;
|
||||
font-style: normal;
|
||||
font-size: 1rem;
|
||||
color: rgba($white, .85);
|
||||
}
|
||||
|
||||
}
|
||||
@@ -574,7 +502,6 @@ $update-height: 3rem;
|
||||
#popularity {
|
||||
p {
|
||||
text-align: center;
|
||||
color: rgba($white,0.95);
|
||||
margin: 0;
|
||||
}
|
||||
.button-bar {
|
||||
@@ -597,19 +524,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);}
|
||||
@@ -632,8 +549,6 @@ $update-height: 3rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
border: 1px solid darken($content-bg, 5%);
|
||||
background: $white;
|
||||
margin-bottom: 2rem;
|
||||
|
||||
h4 {
|
||||
@@ -652,7 +567,6 @@ $update-height: 3rem;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
h5 {
|
||||
color: lighten($content-text,10%);
|
||||
font-size: 1.1rem;
|
||||
margin: 0;
|
||||
}
|
||||
@@ -671,19 +585,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: $page-text;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $page-link;
|
||||
&:hover {
|
||||
color: darken($page-link, 5%);
|
||||
}
|
||||
}
|
||||
|
||||
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-text,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-text;
|
||||
|
||||
&:hover {
|
||||
background: lighten($content-bg,2%);
|
||||
color: darken($content-text,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-text, 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,7 +151,7 @@
|
||||
// CodeMirror Theme
|
||||
.cm-s-paper {
|
||||
|
||||
$paper-fg: darken($content-text,5%);
|
||||
$paper-fg: $white;
|
||||
$tag: #349886;
|
||||
|
||||
&.CodeMirror {
|
||||
|
||||
@@ -25,7 +25,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 +37,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 +54,6 @@ form {
|
||||
|
||||
.note {
|
||||
font-family: $font-family-default;
|
||||
color: $notice-bg;
|
||||
}
|
||||
|
||||
.form-field {
|
||||
@@ -70,13 +66,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 +127,6 @@ form {
|
||||
right: 12px;
|
||||
top: 50%;
|
||||
line-height: 0;
|
||||
color: lighten($content-text,15%);
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
@@ -144,7 +137,6 @@ form {
|
||||
|
||||
.selectize-input {
|
||||
box-shadow: none;
|
||||
color: $content-text;
|
||||
padding: $form-select-pad;
|
||||
margin: 0;
|
||||
|
||||
@@ -156,7 +148,6 @@ form {
|
||||
|
||||
|
||||
.selectize-control.multi .selectize-input {
|
||||
|
||||
padding: ($leading-margin / 4) ($leading-margin / 4);
|
||||
|
||||
&.has-items {
|
||||
@@ -165,13 +156,8 @@ form {
|
||||
}
|
||||
|
||||
> div {
|
||||
color: $content-text;
|
||||
// background: $content-bg;
|
||||
border-radius: 2px;
|
||||
line-height: 1.5;
|
||||
&.active {
|
||||
background: darken($content-bg,10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -190,39 +176,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 +210,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 +263,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 +291,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 +328,6 @@ form {
|
||||
|
||||
.dragbar {
|
||||
height:4px;
|
||||
background: $form-border;
|
||||
cursor:row-resize;
|
||||
}
|
||||
}
|
||||
@@ -407,17 +351,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-text,10%);
|
||||
margin: 3px 0;
|
||||
position: relative;
|
||||
font-family: $font-family-default;
|
||||
|
||||
&.drag-handle {
|
||||
cursor: move;
|
||||
background: lighten($content-bg, 7%);
|
||||
color: darken($content-text,10%);
|
||||
&::after {
|
||||
content: '\f0c9';
|
||||
font-family: FontAwesome;
|
||||
@@ -441,9 +380,6 @@ form {
|
||||
cursor: move;
|
||||
padding: 1rem;
|
||||
border-radius: $form-border-radius;
|
||||
border: 1px solid $form-border;
|
||||
background: lighten($content-bg, 4%);
|
||||
color: lighten($content-text,10%);
|
||||
margin: 3px 0;
|
||||
position: relative;
|
||||
font-family: $font-family-default;
|
||||
@@ -452,10 +388,6 @@ form {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 4px;
|
||||
color: darken($content-text,10%);
|
||||
|
||||
.fa-bars {
|
||||
}
|
||||
|
||||
.fa-trash-o {
|
||||
cursor: pointer;
|
||||
@@ -485,19 +417,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-text, 25%);
|
||||
}
|
||||
|
||||
.gpm-version {
|
||||
padding-left:0.5rem;
|
||||
color: lighten($content-text,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-text,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-text,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;
|
||||
}
|
||||
|
||||
@@ -241,54 +223,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-text;
|
||||
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-text;
|
||||
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
@@ -137,12 +133,6 @@ body.remodal_active .remodal {
|
||||
|
||||
}
|
||||
|
||||
.remodal-close:hover, .remodal-close:active {
|
||||
color: darken($content-text, 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-text;
|
||||
}
|
||||
}
|
||||
|
||||
@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-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
> 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;
|
||||
|
||||
@@ -40,7 +40,4 @@
|
||||
background: lighten($color, 5%);
|
||||
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-text;
|
||||
@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
|
||||
|
||||
@@ -20,6 +20,7 @@
|
||||
{% 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-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') %}
|
||||
|
||||
Reference in New Issue
Block a user