mirror of
https://github.com/getgrav/grav-plugin-admin.git
synced 2025-11-15 09:46:06 +01:00
2411 lines
67 KiB
CSS
2411 lines
67 KiB
CSS
@charset "UTF-8";
|
|
#admin-login, #admin-logo h3, #admin-main .titlebar h1, #admin-main .titlebar .button-bar, #admin-main .flush-bottom.button-bar .button, #admin-main .danger.button-bar .button, #admin-main .success.button-bar .button, #admin-dashboard #updates .numeric, #admin-dashboard #popularity .stat, #admin-topbar #admin-mode-toggle, #admin-topbar #admin-lang-toggle {
|
|
position: relative;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%); }
|
|
|
|
.button {
|
|
display: inline-block;
|
|
padding: 0.3rem 1.5rem;
|
|
font-weight: 300;
|
|
-webkit-font-smoothing: auto;
|
|
cursor: pointer;
|
|
vertical-align: middle; }
|
|
.button:active {
|
|
margin: 1px 0 -1px 0; }
|
|
.button i {
|
|
margin-right: 5px; }
|
|
.button-small.button {
|
|
padding: 2px 10px;
|
|
font-size: 1rem; }
|
|
.button-x-small.button {
|
|
padding: 2px 8px 2px 5px;
|
|
font-size: 0.9rem; }
|
|
|
|
html, body {
|
|
height: 100%; }
|
|
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale; }
|
|
|
|
b, strong {
|
|
font-weight: 600; }
|
|
|
|
.bigger {
|
|
font-size: 1.2rem; }
|
|
|
|
.button-bar {
|
|
text-align: right;
|
|
float: right;
|
|
z-index: 2; }
|
|
|
|
.alert {
|
|
font-size: 1.1rem;
|
|
padding: 1rem 3rem; }
|
|
|
|
.badge {
|
|
display: inline-block;
|
|
font-size: 0.9rem;
|
|
font-weight: 700;
|
|
border-radius: 10px;
|
|
padding: 0px 6px;
|
|
min-width: 20px;
|
|
line-height: 20px;
|
|
text-align: center; }
|
|
|
|
.empty-state {
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
padding-top: 100px; }
|
|
|
|
.default-animation, .tab-bar span, .tab-bar a, .form-tabs > label {
|
|
-webkit-transition: all 0.5s ease;
|
|
-moz-transition: all 0.5s ease;
|
|
transition: all 0.5s ease; }
|
|
|
|
.default-border-radius {
|
|
border-radius: 4px; }
|
|
|
|
.default-glow-shadow {
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
|
|
|
|
.default-box-shadow {
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); }
|
|
|
|
.padding-horiz {
|
|
padding-left: 7rem;
|
|
padding-right: 7rem; }
|
|
@media only all and (max-width: 59.938em) {
|
|
.padding-horiz {
|
|
padding-left: 4rem;
|
|
padding-right: 4rem; } }
|
|
@media only all and (max-width: 47.938em) {
|
|
.padding-horiz {
|
|
padding-left: 1rem;
|
|
padding-right: 1rem; } }
|
|
|
|
.padding-vert {
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem; }
|
|
|
|
body {
|
|
font-weight: 400; }
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: 400;
|
|
text-rendering: optimizeLegibility;
|
|
letter-spacing: -0px; }
|
|
|
|
h1 {
|
|
font-size: 3.2rem; }
|
|
@media only all and (max-width: 47.938em) {
|
|
h1 {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2;
|
|
margin-bottom: 2.5rem; } }
|
|
|
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
|
h2 {
|
|
font-size: 2.1rem; } }
|
|
@media only all and (max-width: 47.938em) {
|
|
h2 {
|
|
font-size: 2rem; } }
|
|
|
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
|
h3 {
|
|
font-size: 1.7rem; } }
|
|
@media only all and (max-width: 47.938em) {
|
|
h3 {
|
|
font-size: 1.6rem; } }
|
|
|
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
|
h4 {
|
|
font-size: 1.35rem; } }
|
|
@media only all and (max-width: 47.938em) {
|
|
h4 {
|
|
font-size: 1.25rem; } }
|
|
|
|
h1 {
|
|
letter-spacing: -3px; }
|
|
|
|
h2 {
|
|
letter-spacing: -2px; }
|
|
|
|
h3 {
|
|
letter-spacing: -1px; }
|
|
|
|
blockquote p {
|
|
font-size: 1.1rem; }
|
|
blockquote cite {
|
|
display: block;
|
|
text-align: right;
|
|
font-size: 1.2rem; }
|
|
|
|
pre {
|
|
padding: 2rem;
|
|
border-radius: 3px; }
|
|
pre code {
|
|
background: inherit; }
|
|
|
|
.label {
|
|
vertical-align: middle;
|
|
border-radius: 100%;
|
|
height: 1rem;
|
|
min-width: 1rem;
|
|
line-height: 1rem;
|
|
display: inline-block;
|
|
text-align: center;
|
|
font-size: 0.7rem;
|
|
margin-right: 0.75rem; }
|
|
|
|
@font-face {
|
|
font-family: "rockettheme-apps";
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
src: url("../fonts/rockettheme-apps/rockettheme-apps.eot");
|
|
src: url("../fonts/rockettheme-apps/rockettheme-apps.eot?#iefix") format("embedded-opentype"), url("../fonts/rockettheme-apps/rockettheme-apps.woff") format("woff"), url("../fonts/rockettheme-apps/rockettheme-apps.ttf") format("truetype"), url("../fonts/rockettheme-apps/rockettheme-apps.svg#rockettheme-apps") format("svg"); }
|
|
i.fa-grav, i.fa-grav-spaceman, i.fa-grav-text, i.fa-grav-full,
|
|
i.fa-grav-logo, i.fa-grav-symbol, i.fa-grav-logo-both, i.fa-grav-both,
|
|
i.fa-gantry, i.fa-gantry-logo, i.fa-gantry-symbol, i.fa-gantry-logo-both, i.fa-gantry-both {
|
|
font-family: 'rockettheme-apps';
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale; }
|
|
|
|
.fa-grav-logo:before, .fa-grav-text:before {
|
|
content: "\61"; }
|
|
|
|
.fa-grav-symbol:before, .fa-grav:before, .fa-grav-spaceman:before {
|
|
content: "\62"; }
|
|
|
|
.fa-grav-logo-both:before, .fa-grav-both:before, .fa-grav-full:before {
|
|
content: "\66"; }
|
|
|
|
.fa-gantry-logo:before {
|
|
content: "\64"; }
|
|
|
|
.fa-gantry:before, .fa-gantry-symbol:before {
|
|
content: "\63"; }
|
|
|
|
.fa-gantry-logo-both:before, .fa-gantry-both:before {
|
|
content: "\65"; }
|
|
|
|
/*
|
|
* CSS TOGGLE SWITCHES
|
|
* Unlicense
|
|
*
|
|
* Ionuț Colceriu - ghinda.net
|
|
* https://github.com/ghinda/css-toggle-switch
|
|
*
|
|
*/
|
|
/* Toggle Switches
|
|
*/
|
|
/* Shared
|
|
*/
|
|
/* Checkbox
|
|
*/
|
|
/* Radio Switch
|
|
*/
|
|
/* Hide by default
|
|
*/
|
|
.switch-toggle a,
|
|
.switch-light span span {
|
|
display: none; }
|
|
|
|
/* We can't test for a specific feature,
|
|
* so we only target browsers with support for media queries.
|
|
*/
|
|
@media only screen {
|
|
/* Checkbox switch
|
|
*/
|
|
.switch-light {
|
|
display: inline-block;
|
|
/* Outline the toggles when the inputs are focused
|
|
*/
|
|
position: relative;
|
|
overflow: visible;
|
|
padding: 0;
|
|
margin-left: 100px;
|
|
/* Position the label over all the elements, except the slide-button (<a>)
|
|
* Clicking anywhere on the label will change the switch-state
|
|
*/
|
|
/* Don't hide the input from screen-readers and keyboard access
|
|
*/ }
|
|
.switch-light * {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
.switch-light a {
|
|
display: block;
|
|
-webkit-transition: all 0.1s ease-out;
|
|
-moz-transition: all 0.1s ease-out;
|
|
transition: all 0.1s ease-out; }
|
|
.switch-light label,
|
|
.switch-light > span {
|
|
vertical-align: middle; }
|
|
.switch-light input:focus ~ a,
|
|
.switch-light input:focus + label {
|
|
outline: 1px dotted #888; }
|
|
.switch-light label {
|
|
position: relative;
|
|
z-index: 3;
|
|
display: block;
|
|
width: 100%; }
|
|
.switch-light input {
|
|
position: absolute;
|
|
opacity: 0;
|
|
z-index: 5; }
|
|
.switch-light input:checked ~ a {
|
|
right: 0%; }
|
|
.switch-light > span {
|
|
position: absolute;
|
|
left: -100px;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding-right: 100px;
|
|
text-align: left; }
|
|
.switch-light > span span {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 5;
|
|
display: block;
|
|
width: 50%;
|
|
margin-left: 100px;
|
|
text-align: center; }
|
|
.switch-light > span span:last-child {
|
|
left: 50%; }
|
|
.switch-light a {
|
|
position: absolute;
|
|
right: 50%;
|
|
top: 0;
|
|
z-index: 4;
|
|
display: block;
|
|
width: 50%;
|
|
height: 100%;
|
|
padding: 0; }
|
|
|
|
/* Radio switch
|
|
*/
|
|
.switch-toggle {
|
|
display: inline-block;
|
|
/* Outline the toggles when the inputs are focused
|
|
*/
|
|
position: relative;
|
|
/* For callout panels in foundation
|
|
*/
|
|
padding: 0 !important;
|
|
/* Generate styles for the multiple states */ }
|
|
.switch-toggle * {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
.switch-toggle a {
|
|
display: block;
|
|
-webkit-transition: all 0.1s ease-out;
|
|
-moz-transition: all 0.1s ease-out;
|
|
transition: all 0.1s ease-out; }
|
|
.switch-toggle label,
|
|
.switch-toggle > span {
|
|
vertical-align: middle; }
|
|
.switch-toggle input:focus ~ a,
|
|
.switch-toggle input:focus + label {
|
|
outline: 1px dotted #888; }
|
|
.switch-toggle input {
|
|
position: absolute;
|
|
opacity: 0; }
|
|
.switch-toggle input + label {
|
|
position: relative;
|
|
z-index: 2;
|
|
float: left;
|
|
height: 100%;
|
|
margin: 0;
|
|
text-align: center; }
|
|
.switch-toggle a {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
padding: 0;
|
|
z-index: 1;
|
|
width: 50%;
|
|
height: 100%; }
|
|
.switch-toggle input:last-of-type:checked ~ a {
|
|
left: 50%; }
|
|
.switch-toggle.switch-3 label,
|
|
.switch-toggle.switch-3 a {
|
|
width: 33.33333%; }
|
|
.switch-toggle.switch-3 input:checked:nth-of-type(2) ~ a {
|
|
left: 33.33333%; }
|
|
.switch-toggle.switch-3 input:checked:last-of-type ~ a {
|
|
left: 66.66667%; }
|
|
.switch-toggle.switch-4 label,
|
|
.switch-toggle.switch-4 a {
|
|
width: 25%; }
|
|
.switch-toggle.switch-4 input:checked:nth-of-type(2) ~ a {
|
|
left: 25%; }
|
|
.switch-toggle.switch-4 input:checked:nth-of-type(3) ~ a {
|
|
left: 50%; }
|
|
.switch-toggle.switch-4 input:checked:last-of-type ~ a {
|
|
left: 75%; }
|
|
.switch-toggle.switch-5 label,
|
|
.switch-toggle.switch-5 a {
|
|
width: 20%; }
|
|
.switch-toggle.switch-5 input:checked:nth-of-type(2) ~ a {
|
|
left: 20%; }
|
|
.switch-toggle.switch-5 input:checked:nth-of-type(3) ~ a {
|
|
left: 40%; }
|
|
.switch-toggle.switch-5 input:checked:nth-of-type(4) ~ a {
|
|
left: 60%; }
|
|
.switch-toggle.switch-5 input:checked:last-of-type ~ a {
|
|
left: 80%; }
|
|
|
|
/* Standalone Themes */
|
|
/* Grav Theme
|
|
*/
|
|
.switch-grav {
|
|
border-radius: 4px;
|
|
/* Selected ON switch-light
|
|
*/ }
|
|
.switch-grav label {
|
|
-webkit-transition: color 0.2s ease-out;
|
|
-moz-transition: color 0.2s ease-out;
|
|
transition: color 0.2s ease-out;
|
|
padding: 5px 20px; }
|
|
.switch-grav > span span {
|
|
opacity: 0;
|
|
-webkit-transition: all 0.1s;
|
|
-moz-transition: all 0.1s;
|
|
transition: all 0.1s; }
|
|
.switch-grav > span span:first-of-type {
|
|
opacity: 1; }
|
|
.switch-grav a {
|
|
border-radius: 3px; }
|
|
.switch-grav.switch-light input:checked ~ span span:first-of-type {
|
|
opacity: 0; }
|
|
.switch-grav.switch-light input:checked ~ span span:last-of-type {
|
|
opacity: 1; } }
|
|
/* Bugfix for older Webkit, including mobile Webkit. Adapted from
|
|
* http://css-tricks.com/webkit-sibling-bug/
|
|
*/
|
|
@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 1280px) {
|
|
.switch-light,
|
|
.switch-toggle {
|
|
-webkit-animation: webkitSiblingBugfix infinite 1s; } }
|
|
|
|
@-webkit-keyframes webkitSiblingBugfix {
|
|
from {
|
|
-webkit-transform: translate3d(0, 0, 0); }
|
|
to {
|
|
-webkit-transform: translate3d(0, 0, 0); } }
|
|
form h1, form h3 {
|
|
padding: 0 3rem 0.5rem;
|
|
margin: 0 0 1rem;
|
|
font-size: 1.5rem;
|
|
text-align: left;
|
|
letter-spacing: -1px; }
|
|
form p {
|
|
padding: 0 3rem; }
|
|
form pre {
|
|
padding: 1.5rem 3rem; }
|
|
form .form-field {
|
|
margin-bottom: 1rem;
|
|
padding-left: 3rem; }
|
|
form .form-data {
|
|
padding-right: 3rem; }
|
|
form .required {
|
|
font-family: helvetica, arial;
|
|
vertical-align: middle;
|
|
line-height: 1;
|
|
font-size: 30px;
|
|
margin-left: 5px; }
|
|
form label {
|
|
padding: 5px 0;
|
|
font-weight: 400;
|
|
margin: 0; }
|
|
form label [data-hint] {
|
|
display: inline; }
|
|
form label.toggleable {
|
|
display: inline; }
|
|
form input, form select, form textarea, form button, form .selectize-input {
|
|
font-size: 1rem;
|
|
line-height: 1.7;
|
|
border-radius: 4px;
|
|
-webkit-font-smoothing: antialiased; }
|
|
form .selectize-dropdown {
|
|
z-index: 100000; }
|
|
form .form-column > .form-field.grid {
|
|
display: block; }
|
|
form .form-column > .form-field.grid > .block {
|
|
-webkit-box-flex: 0;
|
|
-moz-box-flex: 0;
|
|
box-flex: 0;
|
|
-webkit-flex: 0;
|
|
-moz-flex: 0;
|
|
-ms-flex: 0;
|
|
flex: 0; }
|
|
form .grid.vertical {
|
|
-webkit-flex-flow: column;
|
|
-moz-flex-flow: column;
|
|
flex-flow: column; }
|
|
form .form-select-wrapper, form .selectize-control.single .selectize-input {
|
|
position: relative; }
|
|
form .form-select-wrapper:after, form .selectize-control.single .selectize-input:after {
|
|
margin-top: 0;
|
|
border: 0;
|
|
position: absolute;
|
|
content: '\f078';
|
|
font-family: 'FontAwesome';
|
|
right: 12px;
|
|
top: 50%;
|
|
line-height: 0;
|
|
pointer-events: none; }
|
|
form .selectize-control {
|
|
height: 39px; }
|
|
form .selectize-input {
|
|
box-shadow: none;
|
|
padding: 5px 30px 5px 10px;
|
|
margin: 0; }
|
|
form .selectize-input > input {
|
|
font-size: 1rem;
|
|
line-height: 1.7; }
|
|
form .selectize-control.multi .selectize-input {
|
|
padding: 0.425rem 0.425rem; }
|
|
form .selectize-control.multi .selectize-input.has-items {
|
|
padding-top: 6px;
|
|
padding-bottom: 4px; }
|
|
form .selectize-control.multi .selectize-input > div {
|
|
border-radius: 2px;
|
|
line-height: 1.5; }
|
|
form .selectize-control.single .selectize-input:after {
|
|
right: 27px; }
|
|
form .selectize-control.single .selectize-input.dropdown-active:after {
|
|
content: '\f077'; }
|
|
form .x-small {
|
|
max-width: 5rem !important; }
|
|
form .small {
|
|
max-width: 10rem !important; }
|
|
form .medium {
|
|
max-width: 20rem; }
|
|
form .medium textarea {
|
|
height: 7rem; }
|
|
form .large {
|
|
max-width: 30rem !important; }
|
|
form .large textarea {
|
|
height: 10rem; }
|
|
form select {
|
|
width: 100%;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
padding: 5px 30px 5px 10px;
|
|
cursor: pointer;
|
|
margin: 0; }
|
|
form input[type=text], form input[type=password], form input[type=email], form input[type=date] {
|
|
width: 100%; }
|
|
form input[readonly=readonly] {
|
|
font-weight: bold; }
|
|
form textarea {
|
|
width: 100%; }
|
|
form .form-frontmatter-wrapper {
|
|
border-radius: 4px; }
|
|
form .switch-toggle label {
|
|
cursor: pointer; }
|
|
form .switch-toggle a, form .switch-toggle label {
|
|
outline: none !important; }
|
|
form .dynfields input[type=text], form [data-grav-field="array"] input[type=text] {
|
|
width: 40%;
|
|
float: left;
|
|
margin: 0 5px 5px 0; }
|
|
form .dynfields .form-row, form [data-grav-field="array"] .form-row {
|
|
display: inline-block; }
|
|
form .dynfields .form-row span, form [data-grav-field="array"] .form-row span {
|
|
padding: 0.5rem;
|
|
display: inline-block;
|
|
line-height: 1.7;
|
|
cursor: pointer; }
|
|
form .dynfields .form-row.array-field-value_only, form [data-grav-field="array"] .form-row.array-field-value_only {
|
|
width: 100%; }
|
|
form .button-bar {
|
|
margin-top: 1rem;
|
|
padding: 1.2rem 3rem;
|
|
width: 100%;
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px; }
|
|
form .checkboxes {
|
|
display: inline-block;
|
|
padding: 5px 0; }
|
|
form .checkboxes label {
|
|
display: inline;
|
|
cursor: pointer;
|
|
position: relative;
|
|
padding: 0 0 0 2rem;
|
|
margin-right: 15px; }
|
|
form .checkboxes label:before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 1.5rem;
|
|
height: 1.5rem;
|
|
top: 50%;
|
|
left: 0;
|
|
margin-top: -0.75rem;
|
|
margin-right: 10px;
|
|
position: absolute;
|
|
border-radius: 4px; }
|
|
form .checkboxes input[type=checkbox] {
|
|
display: none; }
|
|
form .checkboxes input[type=checkbox]:checked + label:before {
|
|
content: "\f00c";
|
|
font-family: "FontAwesome";
|
|
font-size: 1.2rem;
|
|
line-height: 1;
|
|
text-align: center; }
|
|
form .checkboxes.toggleable label {
|
|
margin-right: 0; }
|
|
|
|
.form-display-wrapper p {
|
|
padding-left: 0;
|
|
padding-right: 0; }
|
|
.form-display-wrapper p:first-child {
|
|
margin-top: 0; }
|
|
|
|
.form-frontmatter-wrapper {
|
|
margin-bottom: 3rem; }
|
|
.form-frontmatter-wrapper .dragbar {
|
|
height: 4px;
|
|
cursor: row-resize; }
|
|
|
|
#frontmatter + .CodeMirror {
|
|
border-radius: 4px;
|
|
padding: 10px;
|
|
height: 130px; }
|
|
|
|
.form-order-wrapper ul#ordering {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.form-order-wrapper ul#ordering li {
|
|
padding: 0.2rem 1rem;
|
|
border-radius: 4px;
|
|
margin: 3px 0;
|
|
position: relative; }
|
|
.form-order-wrapper ul#ordering li.drag-handle {
|
|
cursor: move; }
|
|
.form-order-wrapper ul#ordering li.drag-handle::after {
|
|
content: '\f0c9';
|
|
font-family: FontAwesome;
|
|
position: absolute;
|
|
right: 10px; }
|
|
|
|
.form-list-wrapper ul[data-collection-holder] {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.form-list-wrapper ul[data-collection-holder] li {
|
|
cursor: move;
|
|
padding: 1rem;
|
|
border-radius: 4px;
|
|
margin: 3px 0;
|
|
position: relative; }
|
|
.form-list-wrapper ul[data-collection-holder] li .item-actions {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 4px; }
|
|
.form-list-wrapper ul[data-collection-holder] li .item-actions .fa-trash-o {
|
|
cursor: pointer; }
|
|
.form-list-wrapper .collection-actions {
|
|
text-align: right; }
|
|
|
|
.form-label.block {
|
|
z-index: 10000; }
|
|
.form-label.block:hover {
|
|
z-index: 10005; }
|
|
|
|
#admin-main .admin-block h2 {
|
|
font-size: 1.25rem;
|
|
margin: 0 0 .5rem;
|
|
letter-spacing: normal; }
|
|
|
|
.form-fieldset {
|
|
margin: 1rem 2rem; }
|
|
|
|
.form-fieldset--label label {
|
|
display: table;
|
|
font-size: 1.25rem;
|
|
padding: .5rem 1rem;
|
|
width: 100%; }
|
|
.form-fieldset--label h2 {
|
|
margin: 0 !important; }
|
|
.form-fieldset--label .actions {
|
|
font-size: initial;
|
|
display: table-cell;
|
|
text-align: right;
|
|
vertical-align: middle; }
|
|
.form-fieldset--label + .form-data {
|
|
margin-top: 1rem;
|
|
padding: 0; }
|
|
|
|
.form-fieldset--cursor {
|
|
cursor: pointer; }
|
|
|
|
.form-fieldset--info {
|
|
font-size: small; }
|
|
|
|
.form-fieldset > input:checked ~ .form-data,
|
|
.form-fieldset--collapsible .open,
|
|
.form-fieldset input:checked ~ .form-label .form-fieldset--collapsible .close {
|
|
display: block; }
|
|
|
|
.form-fieldset > .form-data,
|
|
.form-fieldset--collapsible .close,
|
|
.form-fieldset input:checked ~ .form-label .form-fieldset--collapsible .open {
|
|
display: none; }
|
|
|
|
table,
|
|
tbody,
|
|
thead {
|
|
display: inline-block;
|
|
width: 100%; }
|
|
|
|
.gpm-details {
|
|
width: 100%;
|
|
-webkit-box-flex: auto;
|
|
-moz-box-flex: auto;
|
|
box-flex: auto;
|
|
-webkit-flex: auto;
|
|
-moz-flex: auto;
|
|
-ms-flex: auto;
|
|
flex: auto; }
|
|
|
|
td {
|
|
border: 0; }
|
|
|
|
tr {
|
|
-webkit-transition: all 0.2s ease;
|
|
-moz-transition: all 0.2s ease;
|
|
transition: all 0.2s ease;
|
|
display: -webkit-box;
|
|
display: -moz-box;
|
|
display: box;
|
|
display: -webkit-flex;
|
|
display: -moz-flex;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-lines: multiple;
|
|
-moz-box-lines: multiple;
|
|
box-lines: multiple;
|
|
-webkit-flex-wrap: wrap;
|
|
-moz-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap; }
|
|
tr th {
|
|
display: block;
|
|
-webkit-box-flex: 1;
|
|
-moz-box-flex: 1;
|
|
box-flex: 1;
|
|
-webkit-flex: 1;
|
|
-moz-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
font-weight: bold; }
|
|
tr th:first-child {
|
|
padding-left: 3rem; }
|
|
tr th:last-child {
|
|
padding-right: 3rem; }
|
|
tr td {
|
|
display: block;
|
|
-webkit-box-flex: 1;
|
|
-moz-box-flex: 1;
|
|
box-flex: 1;
|
|
-webkit-flex: 1;
|
|
-moz-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1; }
|
|
tr td.double {
|
|
-webkit-box-flex: 2;
|
|
-moz-box-flex: 2;
|
|
box-flex: 2;
|
|
-webkit-flex: 2;
|
|
-moz-flex: 2;
|
|
-ms-flex: 2;
|
|
flex: 2; }
|
|
tr td:first-child {
|
|
padding-left: 3rem; }
|
|
@media only all and (max-width: 47.938em) {
|
|
tr td:first-child {
|
|
padding-left: .5rem; }
|
|
tr td:first-child .plugin-update-button {
|
|
float: left; } }
|
|
tr td:last-child, tr td.gpm-actions {
|
|
padding-right: 3rem; }
|
|
tr td.gpm-actions {
|
|
line-height: 1;
|
|
text-align: right;
|
|
position: relative; }
|
|
tr td.gpm-actions .gpm-details-expand {
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 12px; }
|
|
tr td.gpm-details {
|
|
margin: 0;
|
|
padding: 0; }
|
|
@media only all and (max-width: 47.938em) {
|
|
tr td.gpm-details {
|
|
word-wrap: break-word; } }
|
|
tr td.gpm-details > .table-wrapper {
|
|
display: none; }
|
|
tr td.gpm-details > .table-wrapper td {
|
|
border-bottom: 0; }
|
|
tr td.gpm-details tbody {
|
|
width: 100%; }
|
|
tr:last-child td {
|
|
border-bottom: 0; }
|
|
|
|
.k-calendar-container table,
|
|
.k-calendar-container tbody,
|
|
.k-calendar-container thead {
|
|
width: 100%; }
|
|
.k-calendar-container thead th:first-child {
|
|
padding-left: 0; }
|
|
.k-calendar-container thead th:last-child {
|
|
padding-right: 0.5rem; }
|
|
|
|
.button-group {
|
|
position: relative;
|
|
display: inline-block;
|
|
vertical-align: middle; }
|
|
.button-group > .button:first-child:not(:last-child):not(.dropdown-toggle) {
|
|
border-top-right-radius: 0 !important;
|
|
border-bottom-right-radius: 0 !important; }
|
|
.button-group > .button:first-child {
|
|
margin-left: 0 !important; }
|
|
.button-group > .button {
|
|
position: relative;
|
|
float: left; }
|
|
.button-group > .button + .dropdown-toggle {
|
|
text-align: center;
|
|
padding-right: 8px;
|
|
padding-left: 8px; }
|
|
.button-group > .button + .dropdown-toggle i {
|
|
margin: 0; }
|
|
.button-group > .button:last-child:not(:first-child), .button-group > .dropdown-toggle:not(:first-child) {
|
|
border-top-left-radius: 0 !important;
|
|
border-bottom-left-radius: 0 !important; }
|
|
.button-group .button + .button, .button-group .button + .button-group, .button-group .button-group + .button, .button-group .button-group + .button-group {
|
|
margin-left: -1px; }
|
|
.button-group .dropdown-menu {
|
|
position: absolute;
|
|
top: 100%;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 1000;
|
|
display: none;
|
|
float: left;
|
|
min-width: 160px;
|
|
padding: 5px 0;
|
|
margin: 2px 0 0;
|
|
font-size: 14px;
|
|
text-align: left;
|
|
list-style: none;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
border-radius: 4px; }
|
|
.button-group .dropdown-menu.language-switcher {
|
|
min-width: auto; }
|
|
.button-group .dropdown-menu.lang-switcher {
|
|
min-width: 150px;
|
|
left: inherit; }
|
|
.button-group .dropdown-menu.lang-switcher button {
|
|
width: 100%; }
|
|
.button-group .dropdown-menu .divider {
|
|
height: 1px;
|
|
margin: 9px 0;
|
|
overflow: hidden; }
|
|
.button-group .dropdown-menu li > a {
|
|
display: block;
|
|
padding: 3px 20px;
|
|
clear: both;
|
|
font-weight: 400;
|
|
line-height: 1.42857143;
|
|
white-space: nowrap; }
|
|
.button-group .dropdown-menu li > a:focus, .button-group .dropdown-menu li > a:hover {
|
|
text-decoration: none; }
|
|
|
|
.open > .dropdown-menu {
|
|
display: block; }
|
|
|
|
.dropdown-backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 990; }
|
|
|
|
#error {
|
|
text-align: center;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
padding-bottom: 6rem; }
|
|
#error h1 {
|
|
font-size: 5rem; }
|
|
#error p {
|
|
margin: 1rem 0; }
|
|
|
|
#admin-login {
|
|
max-width: 24rem;
|
|
margin: 0 auto; }
|
|
#admin-login.wide {
|
|
max-width: 50rem; }
|
|
#admin-login.wide h1 {
|
|
height: 100px; }
|
|
#admin-login.wide form > .padding {
|
|
padding: 3rem 2rem 8rem 2rem; }
|
|
#admin-login.wide form > .padding > div {
|
|
width: 50%;
|
|
display: inline-block;
|
|
margin-right: -2px; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-login.wide form > .padding > div {
|
|
width: 100%;
|
|
margin-right: 0; } }
|
|
#admin-login.wide form > .padding .form-field {
|
|
padding: 0 1rem; }
|
|
#admin-login.wide form label {
|
|
padding: 0; }
|
|
#admin-login.wide form input {
|
|
margin-bottom: 1rem;
|
|
text-align: left; }
|
|
#admin-login.wide form input::-webkit-input-placeholder {
|
|
font-size: 1rem;
|
|
line-height: 2rem; }
|
|
#admin-login.wide form input::-moz-placeholder {
|
|
font-size: 1rem;
|
|
line-height: 2rem; }
|
|
#admin-login.wide form input:-moz-placeholder {
|
|
font-size: 1rem;
|
|
line-height: 2rem; }
|
|
#admin-login.wide form input:-ms-input-placeholder {
|
|
font-size: 1rem;
|
|
line-height: 2rem; }
|
|
#admin-login.wide .grid {
|
|
display: block; }
|
|
#admin-login.wide .form-label, #admin-login.wide .form-data {
|
|
display: block;
|
|
width: 100%;
|
|
-webkit-box-flex: 1;
|
|
-moz-box-flex: 1;
|
|
box-flex: 1;
|
|
-webkit-flex: 1;
|
|
-moz-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1; }
|
|
#admin-login .form-field {
|
|
padding-left: 0;
|
|
margin-bottom: 0; }
|
|
#admin-login .form-label {
|
|
display: none; }
|
|
#admin-login .form-data {
|
|
padding-right: 0; }
|
|
#admin-login .wrapper-spacer {
|
|
width: 100% !important;
|
|
display: block !important;
|
|
padding: 0 1rem; }
|
|
#admin-login .wrapper-spacer h3 {
|
|
padding-left: 1rem; }
|
|
#admin-login .instructions {
|
|
display: block;
|
|
padding: 2rem 3rem 0;
|
|
margin: 0;
|
|
font-size: 1.3rem; }
|
|
#admin-login .instructions p {
|
|
margin: 0; }
|
|
#admin-login h1 {
|
|
font-size: 0;
|
|
color: transparent;
|
|
height: 216px;
|
|
margin: 0; }
|
|
#admin-login form {
|
|
position: relative; }
|
|
#admin-login form .padding {
|
|
padding: 3rem 3rem 6rem 3rem; }
|
|
#admin-login form input {
|
|
margin-bottom: 2rem;
|
|
font-size: 1.4rem;
|
|
line-height: 1.5;
|
|
text-align: center;
|
|
font-weight: 300;
|
|
-webkit-font-smoothing: auto; }
|
|
#admin-login form .form-actions {
|
|
display: block !important;
|
|
width: 100% !important;
|
|
text-align: center;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 1.5rem 3rem; }
|
|
#admin-login form .form-actions button:first-child {
|
|
margin-right: 1rem; }
|
|
#admin-login .alert {
|
|
text-align: center;
|
|
padding: 1rem 3rem; }
|
|
|
|
#admin-sidebar {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
width: 20%; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-sidebar {
|
|
display: none;
|
|
width: 75%;
|
|
z-index: 999999; } }
|
|
|
|
#admin-logo {
|
|
height: 4.2rem;
|
|
text-align: center; }
|
|
#admin-logo #grav-logo {
|
|
max-width: 100%;
|
|
padding-left: 1.5rem;
|
|
height: 4.2rem; }
|
|
#admin-logo a {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
text-align: right;
|
|
padding-right: 1rem;
|
|
width: 20%; }
|
|
#admin-logo a:first-child {
|
|
width: 70%;
|
|
padding-right: 0; }
|
|
#admin-logo a .fa {
|
|
display: block;
|
|
margin-top: -5px; }
|
|
#admin-logo h3 {
|
|
text-transform: uppercase;
|
|
margin: 0;
|
|
text-align: center;
|
|
font-size: 1.2rem; }
|
|
#admin-logo h3 i {
|
|
font-size: 1rem;
|
|
vertical-align: middle;
|
|
margin-top: -1px; }
|
|
|
|
#admin-user-details, .admin-user-details {
|
|
padding: 2rem;
|
|
overflow: hidden; }
|
|
#admin-user-details img, .admin-user-details img {
|
|
-webkit-transition: all 0.5s ease;
|
|
-moz-transition: all 0.5s ease;
|
|
transition: all 0.5s ease;
|
|
border-radius: 100%;
|
|
float: left; }
|
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
|
#admin-user-details img, .admin-user-details img {
|
|
float: none; } }
|
|
#admin-user-details .admin-user-names, .admin-user-details .admin-user-names {
|
|
margin-left: 45px; }
|
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
|
#admin-user-details .admin-user-names, .admin-user-details .admin-user-names {
|
|
margin-left: 0; } }
|
|
#admin-user-details .admin-user-names h4, #admin-user-details .admin-user-names h5, .admin-user-details .admin-user-names h4, .admin-user-details .admin-user-names h5 {
|
|
margin: 0;
|
|
font-size: 1rem;
|
|
line-height: 1.3; }
|
|
#admin-user-details .admin-user-names h5, .admin-user-details .admin-user-names h5 {
|
|
font-size: 0.9rem; }
|
|
|
|
#admin-menu {
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
#admin-menu li .badges {
|
|
float: right;
|
|
margin-right: 1rem; }
|
|
#admin-menu li .badges .badge {
|
|
display: inline-block;
|
|
margin-right: -5px; }
|
|
#admin-menu li .badges .updates {
|
|
display: none; }
|
|
#admin-menu li .badges.with-updates .count {
|
|
border-bottom-left-radius: 0;
|
|
border-top-left-radius: 0; }
|
|
#admin-menu li .badges.with-updates .updates {
|
|
border-bottom-right-radius: 0;
|
|
border-top-right-radius: 0;
|
|
display: inline-block; }
|
|
#admin-menu li a {
|
|
-webkit-transition: all 0.2s ease;
|
|
-moz-transition: all 0.2s ease;
|
|
transition: all 0.2s ease;
|
|
display: block;
|
|
padding-left: 25px;
|
|
padding-top: 0.7rem;
|
|
padding-bottom: 0.7rem; }
|
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
|
#admin-menu li a {
|
|
padding-left: 20px; } }
|
|
#admin-menu li a .fa {
|
|
-webkit-transition: all 0.2s ease;
|
|
-moz-transition: all 0.2s ease;
|
|
transition: all 0.2s ease;
|
|
margin-right: 8px; }
|
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
|
#admin-menu li a .fa {
|
|
display: none; } }
|
|
#admin-menu li a:hover .fa {
|
|
font-size: 1.2rem; }
|
|
#admin-menu li.selected a {
|
|
padding-left: 16px; }
|
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
|
#admin-menu li.selected a {
|
|
padding-left: 11px; } }
|
|
|
|
#admin-main {
|
|
margin-left: 20%; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-main {
|
|
width: 100%;
|
|
margin-left: 0; } }
|
|
#admin-main .hint:after, #admin-main [data-hint]:after {
|
|
font-size: 0.9rem;
|
|
width: 300px;
|
|
line-height: inherit;
|
|
white-space: normal; }
|
|
#admin-main h1 {
|
|
margin: 0;
|
|
font-size: 1.5rem;
|
|
text-align: left;
|
|
letter-spacing: -1px; }
|
|
#admin-main .padding {
|
|
padding: 3rem; }
|
|
#admin-main .titlebar {
|
|
position: relative;
|
|
height: 4.2rem;
|
|
padding: 0 3rem;
|
|
box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
|
|
z-index: 2; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-main .titlebar {
|
|
height: 7.2rem;
|
|
margin-top: -5.5rem;
|
|
position: relative; } }
|
|
#admin-main .titlebar .button-bar {
|
|
background: inherit; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-main .titlebar h1 {
|
|
transform: inherit;
|
|
top: 5px;
|
|
font-size: 1.2rem;
|
|
display: block;
|
|
text-align: center;
|
|
padding: 20px 0px;
|
|
margin-top: -90px;
|
|
z-index: 2; }
|
|
#admin-main .titlebar h1 > i:first-child:before {
|
|
content: "\f0c9"; } }
|
|
@media only all and (max-width: 381px) {
|
|
#admin-main .titlebar h1 {
|
|
margin-top: -138px; } }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-main .titlebar h1 .fa-th {
|
|
cursor: pointer;
|
|
float: left; } }
|
|
#admin-main .titlebar .button-bar {
|
|
padding: 0; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-main .titlebar .button-bar {
|
|
text-align: center;
|
|
display: block;
|
|
float: none;
|
|
margin: 5rem auto 0px;
|
|
padding-top: 70px; } }
|
|
#admin-main .titlebar .preview {
|
|
font-size: 90%; }
|
|
#admin-main .titlebar .button {
|
|
padding: 0.3rem 0.6rem; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-main .titlebar .button {
|
|
padding: 0.2rem 0.5rem;
|
|
font-size: 0.9rem; } }
|
|
#admin-main .titlebar .button i {
|
|
font-size: 13px; }
|
|
#admin-main .admin-block .grav-update, #admin-main .admin-block .alert {
|
|
margin-top: -2rem;
|
|
margin-bottom: 2rem; }
|
|
#admin-main .grav-update {
|
|
padding: 0 3rem;
|
|
margin-top: -3rem; }
|
|
#admin-main .grav-update:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
#admin-main .grav-update.plugins {
|
|
padding-right: 1rem; }
|
|
#admin-main .grav-update .button {
|
|
float: right;
|
|
margin-top: 0.6rem;
|
|
margin-left: 1rem;
|
|
line-height: 1.5; }
|
|
#admin-main .grav-update p {
|
|
line-height: 3rem;
|
|
margin: 0; }
|
|
#admin-main .grav-update span[class="hint--left"]::after {
|
|
line-height: 1.5; }
|
|
#admin-main .grav-update i {
|
|
padding-right: 0.5rem; }
|
|
#admin-main .grav-update.grav {
|
|
margin-top: 0;
|
|
-webkit-transition: margin-top 0.15s ease-out;
|
|
-moz-transition: margin-top 0.15s ease-out;
|
|
transition: margin-top 0.15s ease-out; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-main .grav-update.grav {
|
|
position: absolute;
|
|
z-index: 9;
|
|
bottom: 0;
|
|
width: 100%; }
|
|
#admin-main .grav-update.grav p * {
|
|
display: none; }
|
|
#admin-main .grav-update.grav p {
|
|
font-size: 0; }
|
|
#admin-main .grav-update.grav p button {
|
|
width: 95%;
|
|
display: inherit;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
margin-left: 2.5%;
|
|
margin-right: 2.5%;
|
|
padding-left: 0; } }
|
|
#admin-main .grav-update.grav + .content-padding {
|
|
top: 7.2rem;
|
|
-webkit-transition: top 0.15s ease-out;
|
|
-moz-transition: top 0.15s ease-out;
|
|
transition: top 0.15s ease-out; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-main .grav-update.grav + .content-padding {
|
|
top: 7.2rem;
|
|
padding-bottom: 8rem;
|
|
padding-top: 0rem; } }
|
|
#admin-main .content-padding {
|
|
position: absolute;
|
|
top: 4.2rem;
|
|
bottom: 0;
|
|
left: 20%;
|
|
right: 0;
|
|
overflow-y: auto;
|
|
padding: 2.5rem; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-main .content-padding {
|
|
top: 7.2rem;
|
|
left: 0; } }
|
|
#admin-main .admin-block {
|
|
padding: 2rem 0; }
|
|
#admin-main .admin-block h1 {
|
|
padding: 0 3rem 0.5rem;
|
|
margin: 0 0 1rem; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-main .admin-block h1 {
|
|
padding: 0 0 0.5rem;
|
|
margin: 0 0 1rem !important;
|
|
text-indent: 3rem; } }
|
|
#admin-main .admin-block h1.no_underline {
|
|
border-bottom: 0; }
|
|
#admin-main .admin-block .button-bar {
|
|
margin-right: 3rem; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-main .admin-block .button-bar {
|
|
width: 100%;
|
|
margin: -.5rem 0 1rem 0;
|
|
text-align: center; }
|
|
#admin-main .admin-block .button-bar .button {
|
|
width: 100%; } }
|
|
#admin-main .flush-bottom.button-bar {
|
|
margin: 1rem -2rem -1rem;
|
|
height: 70px;
|
|
padding: 0 1rem;
|
|
float: none; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-main .flush-bottom.button-bar {
|
|
height: auto;
|
|
padding: 2rem 1rem 0rem 1rem; } }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-main .flush-bottom.button-bar .button {
|
|
margin-left: 0 !important;
|
|
margin-bottom: .5rem;
|
|
width: 100%; } }
|
|
#admin-main .danger, #admin-main .success {
|
|
position: relative; }
|
|
#admin-main .danger.button-bar, #admin-main .success.button-bar {
|
|
margin: 2rem 0 -2rem;
|
|
height: 70px;
|
|
padding: 1rem;
|
|
float: none; }
|
|
|
|
#admin-dashboard:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
#admin-dashboard .dashboard-item {
|
|
float: left;
|
|
width: 50%;
|
|
margin-bottom: 2.5rem; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-dashboard .dashboard-item {
|
|
width: 100%; } }
|
|
#admin-dashboard .dashboard-item > div {
|
|
padding: 1rem 2rem; }
|
|
#admin-dashboard .dashboard-left {
|
|
padding-right: 1.25rem; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-dashboard .dashboard-left {
|
|
padding-right: 0rem; } }
|
|
#admin-dashboard .dashboard-right {
|
|
padding-left: 1.25rem; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-dashboard .dashboard-right {
|
|
padding-left: 0rem; } }
|
|
#admin-dashboard #updates p {
|
|
text-align: center;
|
|
margin: 0; }
|
|
#admin-dashboard #updates .updates-chart {
|
|
width: 50%;
|
|
float: left; }
|
|
#admin-dashboard #updates .chart-wrapper {
|
|
position: relative; }
|
|
#admin-dashboard #updates .backups-chart {
|
|
position: relative;
|
|
width: 50%;
|
|
float: left; }
|
|
#admin-dashboard #updates .numeric {
|
|
display: block;
|
|
position: absolute;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-size: 1.7rem;
|
|
line-height: 1; }
|
|
#admin-dashboard #updates .numeric em {
|
|
display: block;
|
|
font-style: normal;
|
|
font-size: 1rem; }
|
|
#admin-dashboard #updates .admin-update-charts {
|
|
min-height: 191px; }
|
|
#admin-dashboard #updates .admin-update-charts:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
#admin-dashboard #updates .button {
|
|
margin-left: 0.5rem; }
|
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
|
#admin-dashboard #updates .button {
|
|
width: 49%;
|
|
padding: .3rem 0rem;
|
|
margin-left: 0; } }
|
|
#admin-dashboard #popularity p {
|
|
text-align: center;
|
|
margin: 0; }
|
|
#admin-dashboard #popularity .button-bar {
|
|
height: 100px;
|
|
padding: 0 1rem; }
|
|
#admin-dashboard #popularity .stat {
|
|
display: block;
|
|
float: left;
|
|
width: 33%;
|
|
text-align: center; }
|
|
#admin-dashboard #popularity .stat b {
|
|
display: block;
|
|
font-size: 2.5rem;
|
|
line-height: 1;
|
|
font-weight: 300; }
|
|
#admin-dashboard #popularity .stat i {
|
|
display: block;
|
|
font-style: normal; }
|
|
|
|
.no-flick, .card-item {
|
|
-webkit-transform: translate3d(0, 0, 0); }
|
|
|
|
.card-row {
|
|
-webkit-box-pack: justify;
|
|
-moz-box-pack: justify;
|
|
box-pack: justify;
|
|
-webkit-justify-content: space-between;
|
|
-moz-justify-content: space-between;
|
|
-ms-justify-content: space-between;
|
|
-o-justify-content: space-between;
|
|
justify-content: space-between;
|
|
-ms-flex-pack: justify; }
|
|
|
|
.card-item {
|
|
overflow: hidden;
|
|
padding: 1rem;
|
|
margin: 0;
|
|
position: relative;
|
|
width: 31%;
|
|
margin-bottom: 2rem; }
|
|
@media only all and (min-width: 48em) and (max-width: 59.938em) {
|
|
.card-item {
|
|
width: 48%; } }
|
|
@media only all and (max-width: 47.938em) {
|
|
.card-item {
|
|
width: 100%; } }
|
|
.card-item h4 {
|
|
font-size: 1.2rem;
|
|
line-height: 1.2; }
|
|
|
|
.user-details {
|
|
text-align: center; }
|
|
.user-details img {
|
|
border-radius: 100%; }
|
|
.user-details h2 {
|
|
margin: 0;
|
|
font-size: 1.8rem; }
|
|
.user-details h5 {
|
|
font-size: 1.1rem;
|
|
margin: 0; }
|
|
|
|
#footer {
|
|
text-align: center;
|
|
padding: 3rem 0 1rem; }
|
|
|
|
.ct-chart .ct-series .ct-bar {
|
|
stroke-width: 20px; }
|
|
|
|
#popularity .ct-chart {
|
|
margin: 0 -10px -10px; }
|
|
#popularity .ct-chart .ct-chart-bar {
|
|
padding: 10px; }
|
|
|
|
#latest .page-title, #latest .page-route {
|
|
overflow: auto; }
|
|
#latest .last-modified {
|
|
padding-left: 10px; }
|
|
|
|
#overlay {
|
|
position: fixed;
|
|
width: 25%;
|
|
height: 100%;
|
|
z-index: 999999;
|
|
left: 75%;
|
|
top: 0;
|
|
display: none; }
|
|
|
|
.gpm-item-info + #blueprints .block-tabs {
|
|
padding-top: 16px; }
|
|
|
|
.pages-list {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.pages-list ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.pages-list li {
|
|
margin: 0;
|
|
padding: 0; }
|
|
.pages-list .row {
|
|
-webkit-transition: all 0.2s ease;
|
|
-moz-transition: all 0.2s ease;
|
|
transition: all 0.2s ease;
|
|
line-height: 2.5rem;
|
|
padding-right: 3rem; }
|
|
.pages-list .row p.page-route {
|
|
display: block;
|
|
margin: -10px 0 5px 25px;
|
|
line-height: 1;
|
|
font-size: 0.9rem; }
|
|
.pages-list .row p.page-route .spacer {
|
|
display: inline-block;
|
|
margin: 0 0.3rem; }
|
|
.pages-list .row .hint--bottom:before, .pages-list .row .hint--bottom:after {
|
|
left: 4px; }
|
|
.pages-list .row .hint:after, .pages-list .row [data-hint]:after {
|
|
border-radius: 2px; }
|
|
.pages-list .row .badge.lang {
|
|
margin-left: 8px; }
|
|
.pages-list .page-tools {
|
|
display: inline-block;
|
|
float: right;
|
|
font-size: 1.4rem; }
|
|
.pages-list .page-tools i {
|
|
margin-left: 10px; }
|
|
.pages-list .page-home {
|
|
font-size: 1.4rem;
|
|
margin-left: 10px;
|
|
vertical-align: middle; }
|
|
.pages-list .page-info {
|
|
font-size: 1.1rem;
|
|
margin-left: 10px;
|
|
vertical-align: middle; }
|
|
.pages-list .page-icon {
|
|
color: #0082BA;
|
|
font-weight: 700; }
|
|
.pages-list .page-icon.children-open:before {
|
|
content: '\f056'; }
|
|
.pages-list .page-icon.children-closed:before {
|
|
content: '\f055'; }
|
|
.pages-list .page-icon.not-routable {
|
|
color: #CE431D; }
|
|
.pages-list .page-icon.not-visible {
|
|
color: #999; }
|
|
.pages-list .page-icon.modular {
|
|
color: #9055AF; }
|
|
|
|
#page-filtering {
|
|
margin: -2rem 3rem 1rem; }
|
|
#page-filtering:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
#page-filtering .page-filters {
|
|
width: 60%;
|
|
float: left; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#page-filtering .page-filters {
|
|
width: 100%; } }
|
|
#page-filtering .page-search {
|
|
position: relative;
|
|
width: 40%;
|
|
float: left;
|
|
padding-left: 2rem;
|
|
text-indent: 2.5rem; }
|
|
#page-filtering .page-search:after {
|
|
position: absolute;
|
|
right: 15px;
|
|
top: 10px;
|
|
content: '\f002';
|
|
font-family: 'FontAwesome'; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#page-filtering .page-search {
|
|
width: 100%;
|
|
padding-top: 1rem;
|
|
padding-left: 0rem; }
|
|
#page-filtering .page-search:after {
|
|
top: 1.5rem; } }
|
|
#page-filtering .page-shortcuts {
|
|
clear: both;
|
|
padding-top: 5px; }
|
|
#page-filtering .page-shortcuts:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
#page-filtering .page-shortcuts .button {
|
|
color: rgba(255, 255, 255, 0.85);
|
|
border-radius: 4px;
|
|
background: #aaa; }
|
|
#page-filtering .page-shortcuts .button:hover {
|
|
background: #919191;
|
|
color: #ffffff; }
|
|
#page-filtering .page-shortcuts .button.dropdown-toggle {
|
|
border-left: 1px solid #b7b7b7; }
|
|
#page-filtering .selectize-control.multi .selectize-input {
|
|
padding: 0.425rem 0.425rem; }
|
|
#page-filtering .selectize-control.multi .selectize-input.has-items {
|
|
padding-top: 6px;
|
|
padding-bottom: 4px; }
|
|
#page-filtering .selectize-control.multi .selectize-input input {
|
|
font-size: 1rem;
|
|
line-height: 1.7; }
|
|
#page-filtering .selectize-control.multi .selectize-input .item, #page-filtering .selectize-control.multi .selectize-input .item.active {
|
|
color: #777;
|
|
background: #eee;
|
|
padding: 2px 10px; }
|
|
#page-filtering .selectize-control.multi .selectize-input .item[data-value='Routable'], #page-filtering .selectize-control.multi .selectize-input .item.active[data-value='Routable'] {
|
|
background: #CE431D;
|
|
color: #ffffff; }
|
|
#page-filtering .selectize-control.multi .selectize-input .item[data-value='NonRoutable'], #page-filtering .selectize-control.multi .selectize-input .item.active[data-value='NonRoutable'] {
|
|
color: #CE431D; }
|
|
#page-filtering .selectize-control.multi .selectize-input .item[data-value='Visible'], #page-filtering .selectize-control.multi .selectize-input .item.active[data-value='Visible'] {
|
|
background: #71B15E;
|
|
color: #ffffff; }
|
|
#page-filtering .selectize-control.multi .selectize-input .item[data-value='NonVisible'], #page-filtering .selectize-control.multi .selectize-input .item.active[data-value='NonVisible'] {
|
|
color: #71B15E; }
|
|
#page-filtering .selectize-control.multi .selectize-input .item[data-value='Modular'], #page-filtering .selectize-control.multi .selectize-input .item.active[data-value='Modular'] {
|
|
background: #9055AF;
|
|
color: #ffffff; }
|
|
#page-filtering .selectize-control.multi .selectize-input .item[data-value='NonModular'], #page-filtering .selectize-control.multi .selectize-input .item.active[data-value='NonModular'] {
|
|
color: #9055AF; }
|
|
#page-filtering .selectize-control.multi .selectize-input .item[data-value='Published'], #page-filtering .selectize-control.multi .selectize-input .item.active[data-value='Published'] {
|
|
background: #0093B8;
|
|
color: #ffffff; }
|
|
#page-filtering .selectize-control.multi .selectize-input .item[data-value='NonPublished'], #page-filtering .selectize-control.multi .selectize-input .item.active[data-value='NonPublished'] {
|
|
color: #0093B8; }
|
|
|
|
.admin-form-wrapper {
|
|
position: relative; }
|
|
|
|
#admin-topbar {
|
|
position: absolute;
|
|
right: 0.5rem;
|
|
height: 3.5rem; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-topbar {
|
|
width: 100%;
|
|
right: 0;
|
|
top: .25rem;
|
|
padding: 0 .5rem; } }
|
|
#admin-topbar #admin-mode-toggle, #admin-topbar #admin-lang-toggle {
|
|
height: 37px;
|
|
display: inline-block;
|
|
vertical-align: inherit; }
|
|
#admin-topbar #admin-lang-toggle {
|
|
z-index: 10; }
|
|
#admin-topbar #admin-lang-toggle .dropdown-menu button {
|
|
width: 100%; }
|
|
#admin-topbar .switch-grav {
|
|
border: 0; }
|
|
@media only all and (max-width: 47.938em) {
|
|
#admin-topbar .switch-toggle {
|
|
width: 100%; } }
|
|
|
|
.depth-0 .row {
|
|
padding-left: 3rem; }
|
|
|
|
.depth-1 .row {
|
|
padding-left: 6rem; }
|
|
|
|
.depth-2 .row {
|
|
padding-left: 9rem; }
|
|
|
|
.depth-3 .row {
|
|
padding-left: 12rem; }
|
|
|
|
.depth-4 .row {
|
|
padding-left: 15rem; }
|
|
|
|
.depth-5 .row {
|
|
padding-left: 18rem; }
|
|
|
|
.depth-6 .row {
|
|
padding-left: 21rem; }
|
|
|
|
.depth-7 .row {
|
|
padding-left: 24rem; }
|
|
|
|
.depth-8 .row {
|
|
padding-left: 27rem; }
|
|
|
|
.depth-9 .row {
|
|
padding-left: 30rem; }
|
|
|
|
.hidden {
|
|
display: none !important; }
|
|
|
|
.switch-toggle input[type="radio"] {
|
|
display: none !important; }
|
|
|
|
/*
|
|
* Remodal - v0.2.0
|
|
* Flat, responsive, lightweight, easy customizable modal window plugin with declarative state notation and hash tracking.
|
|
* http://vodkabears.github.io/remodal/
|
|
*
|
|
* Made by Ilya Makarov
|
|
* Under MIT License
|
|
*/
|
|
/* ==========================================================================
|
|
Remodal necessary styles
|
|
========================================================================== */
|
|
/* Hide scroll bar */
|
|
html.remodal_lock, body.remodal_lock {
|
|
overflow: hidden; }
|
|
|
|
/* Anti FOUC */
|
|
.remodal, [data-remodal-id] {
|
|
visibility: hidden; }
|
|
|
|
/* Overlay necessary styles */
|
|
.remodal-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 10000;
|
|
display: none;
|
|
overflow: auto;
|
|
-webkit-overflow-scrolling: touch;
|
|
text-align: center;
|
|
/* Fix iPad, iPhone glitches */ }
|
|
.remodal-overlay:after {
|
|
display: inline-block;
|
|
height: 100%;
|
|
margin-left: -0.05em;
|
|
content: ''; }
|
|
.remodal-overlay > * {
|
|
-webkit-transform: translateZ(0px); }
|
|
|
|
/* Modal dialog necessary styles */
|
|
.remodal {
|
|
position: relative;
|
|
display: inline-block;
|
|
text-align: left; }
|
|
|
|
/* Background for effects */
|
|
.remodal-bg {
|
|
-webkit-transition-property: filter;
|
|
-moz-transition-property: filter;
|
|
transition-property: filter;
|
|
-webkit-transition-duration: 0.2s;
|
|
-moz-transition-duration: 0.2s;
|
|
transition-duration: 0.2s;
|
|
-webkit-transition-timing-function: linear;
|
|
-moz-transition-timing-function: linear;
|
|
transition-timing-function: linear; }
|
|
|
|
/* Overlay default theme styles */
|
|
.remodal-overlay {
|
|
opacity: 0;
|
|
background: rgba(33, 36, 46, 0.8);
|
|
-webkit-transition: opacity 0.2s linear;
|
|
-moz-transition: opacity 0.2s linear;
|
|
transition: opacity 0.2s linear; }
|
|
|
|
body.remodal_active .remodal-overlay {
|
|
opacity: 1; }
|
|
|
|
/* Modal dialog default theme styles */
|
|
.remodal {
|
|
width: 100%;
|
|
min-height: 100%;
|
|
padding-top: 2rem;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
font-size: 16px;
|
|
background-clip: padding-box;
|
|
-webkit-transform: scale(0.95);
|
|
-moz-transform: scale(0.95);
|
|
-ms-transform: scale(0.95);
|
|
-o-transform: scale(0.95);
|
|
transform: scale(0.95);
|
|
-webkit-transition-property: -webkit-transform;
|
|
-moz-transition-property: -moz-transform;
|
|
transition-property: transform;
|
|
-webkit-transition-duration: 0.2s;
|
|
-moz-transition-duration: 0.2s;
|
|
transition-duration: 0.2s;
|
|
-webkit-transition-timing-function: linear;
|
|
-moz-transition-timing-function: linear;
|
|
transition-timing-function: linear; }
|
|
|
|
body.remodal_active .remodal {
|
|
-webkit-transform: scale(1);
|
|
-moz-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
-o-transform: scale(1);
|
|
transform: scale(1); }
|
|
|
|
/* Modal dialog vertical align */
|
|
.remodal, .remodal-overlay:after {
|
|
vertical-align: middle; }
|
|
|
|
/* Close button */
|
|
.remodal-close {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 10px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
-webkit-transition: background 0.2s linear;
|
|
-moz-transition: background 0.2s linear;
|
|
transition: background 0.2s linear; }
|
|
|
|
.remodal-close:after {
|
|
display: block;
|
|
font-family: FontAwesome;
|
|
content: "\f00d";
|
|
font-size: 28px;
|
|
line-height: 28px;
|
|
cursor: pointer;
|
|
text-decoration: none; }
|
|
|
|
/* Media queries
|
|
========================================================================== */
|
|
@media only screen and (min-width: 40.063em) {
|
|
.remodal {
|
|
max-width: 700px;
|
|
margin: 20px auto;
|
|
min-height: 0;
|
|
border-radius: 6px; } }
|
|
.tab-bar {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none; }
|
|
.tab-bar:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.tab-bar li {
|
|
display: block;
|
|
float: left;
|
|
height: 3.5em; }
|
|
@media only all and (max-width: 47.938em) {
|
|
.tab-bar li {
|
|
width: 100%; }
|
|
.tab-bar li span, .tab-bar li a {
|
|
width: 100%;
|
|
text-align: center; } }
|
|
.tab-bar span, .tab-bar a {
|
|
display: inline-block;
|
|
padding: 0 4rem;
|
|
line-height: 3.5em; }
|
|
|
|
/* used for wrapper animation after the load of the page */
|
|
@-webkit-keyframes show {
|
|
from {
|
|
opacity: 0; }
|
|
to {
|
|
opacity: 1; } }
|
|
@-moz-keyframes show {
|
|
from {
|
|
opacity: 0; }
|
|
to {
|
|
opacity: 1; } }
|
|
@keyframes show {
|
|
from {
|
|
opacity: 0; }
|
|
to {
|
|
opacity: 1; } }
|
|
.form-tabs {
|
|
margin-top: -4rem; }
|
|
@media only all and (max-width: 47.938em) {
|
|
.form-tabs {
|
|
padding-top: 4rem; } }
|
|
.form-tabs > input[type=radio] {
|
|
display: none; }
|
|
.form-tabs > label {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
height: 3.5em;
|
|
text-align: center;
|
|
line-height: 3.5em;
|
|
padding: 0 2rem; }
|
|
@media only all and (max-width: 47.938em) {
|
|
.form-tabs > label {
|
|
width: 100%; } }
|
|
.form-tabs > label:last-of-type {
|
|
border-bottom: none; }
|
|
|
|
.tab-body {
|
|
position: absolute;
|
|
top: -9999px;
|
|
opacity: 0;
|
|
width: 100%; }
|
|
|
|
.tab-body-wrapper {
|
|
padding-top: 3.5em; }
|
|
|
|
#tab1:checked ~ .tab-body-wrapper #tab-body-1,
|
|
#tab2:checked ~ .tab-body-wrapper #tab-body-2,
|
|
#tab3:checked ~ .tab-body-wrapper #tab-body-3,
|
|
#tab4:checked ~ .tab-body-wrapper #tab-body-4,
|
|
#tab5:checked ~ .tab-body-wrapper #tab-body-5,
|
|
#tab6:checked ~ .tab-body-wrapper #tab-body-6,
|
|
#tab7:checked ~ .tab-body-wrapper #tab-body-7,
|
|
#tab8:checked ~ .tab-body-wrapper #tab-body-8,
|
|
#tab9:checked ~ .tab-body-wrapper #tab-body-9,
|
|
#tab10:checked ~ .tab-body-wrapper #tab-body-10 {
|
|
position: relative;
|
|
top: 0px;
|
|
opacity: 1; }
|
|
|
|
.grav-mdeditor .CodeMirror-scroll {
|
|
margin-right: -36px;
|
|
padding-bottom: 36px; }
|
|
|
|
.grav-mdeditor-fullscreen {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 99999; }
|
|
.grav-mdeditor-fullscreen .grav-mdeditor-content, .grav-mdeditor-fullscreen .grav-mdeditor-code, .grav-mdeditor-fullscreen .CodeMirror-wrap, .grav-mdeditor-fullscreen .grav-mdeditor-preview {
|
|
height: 100% !important; }
|
|
.grav-mdeditor-fullscreen .grav-mdeditor-navbar, .grav-mdeditor-fullscreen .grav-mdeditor-navbar ul li:first-child a, .grav-mdeditor-fullscreen .grav-mdeditor-navbar-flip ul li:last-child a {
|
|
border-radius: 0; }
|
|
|
|
.grav-mdeditor-navbar {
|
|
border-top-right-radius: 4px;
|
|
border-top-left-radius: 4px; }
|
|
.grav-mdeditor-navbar:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
.grav-mdeditor-navbar ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0; }
|
|
.grav-mdeditor-navbar ul li {
|
|
float: left;
|
|
padding: inherit !important;
|
|
margin: inherit !important;
|
|
border-radius: inherit !important;
|
|
border: inherit !important; }
|
|
.grav-mdeditor-navbar ul li:first-child a {
|
|
border-top-left-radius: 4px; }
|
|
.grav-mdeditor-navbar ul .mdeditor-active a {
|
|
cursor: auto; }
|
|
.grav-mdeditor-navbar ul a {
|
|
display: block;
|
|
cursor: pointer;
|
|
line-height: 3rem;
|
|
height: 3rem;
|
|
padding: 0 1rem; }
|
|
|
|
.grav-mdeditor-navbar-nav {
|
|
float: left; }
|
|
|
|
.grav-mdeditor-navbar-flip {
|
|
float: right; }
|
|
.grav-mdeditor-navbar-flip ul li:last-child a {
|
|
border-top-right-radius: 4px; }
|
|
|
|
.grav-mdeditor-content {
|
|
cursor: text;
|
|
border-top: 0;
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom-left-radius: 4px; }
|
|
.grav-mdeditor-content:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both; }
|
|
|
|
.grav-mdeditor-code .CodeMirror {
|
|
padding: 10px 20px 20px 20px;
|
|
border-bottom-left-radius: 4px; }
|
|
|
|
.grav-mdeditor-preview {
|
|
padding: 20px;
|
|
overflow-y: scroll;
|
|
position: relative;
|
|
background: #fbfbfb;
|
|
border-bottom-right-radius: 4px; }
|
|
|
|
.grav-mdeditor-navbar p {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
padding-left: 20px; }
|
|
|
|
#admin-main .grav-mdeditor-preview h1 {
|
|
font-size: 2rem;
|
|
border: 0; }
|
|
#admin-main .grav-mdeditor-preview h2 {
|
|
font-size: 1.6rem; }
|
|
#admin-main .grav-mdeditor-preview h3 {
|
|
font-size: 1.4rem; }
|
|
#admin-main .grav-mdeditor-preview h4 {
|
|
font-size: 1.2rem; }
|
|
#admin-main .grav-mdeditor-preview h5 {
|
|
font-size: 1.1rem; }
|
|
#admin-main .grav-mdeditor-preview p, #admin-main .grav-mdeditor-preview h1 {
|
|
padding: 0; }
|
|
|
|
[data-mode=tab][data-active-tab=code] .grav-mdeditor-preview, [data-mode=tab][data-active-tab=preview] .grav-mdeditor-code {
|
|
display: none; }
|
|
|
|
[data-mode=split] .grav-mdeditor-button-code, [data-mode=split] .grav-mdeditor-button-preview {
|
|
display: none; }
|
|
[data-mode=split] .grav-mdeditor-code, [data-mode=split] .grav-mdeditor-code .grav-mdeditor-preview {
|
|
float: left;
|
|
width: 50%; }
|
|
|
|
.cm-s-paper.CodeMirror {
|
|
color: #666;
|
|
line-height: 1.4; }
|
|
.cm-s-paper .cm-link {
|
|
color: #0082ba; }
|
|
.cm-s-paper .cm-comment {
|
|
color: gray; }
|
|
.cm-s-paper .cm-header {
|
|
color: #595959; }
|
|
.cm-s-paper .cm-strong {
|
|
color: #4d4d4d; }
|
|
.cm-s-paper .cm-em {
|
|
color: #4d4d4d; }
|
|
.cm-s-paper .cm-string {
|
|
color: #0082BA; }
|
|
.cm-s-paper .cm-tag {
|
|
color: #4d4d4d; }
|
|
.cm-s-paper .cm-bracket {
|
|
color: #666666; }
|
|
.cm-s-paper .cm-hr {
|
|
color: #cccccc;
|
|
font-weight: bold; }
|
|
.cm-s-paper .cm-keyword {
|
|
color: #0082ba; }
|
|
.cm-s-paper .cm-atom {
|
|
color: #9055af; }
|
|
.cm-s-paper .cm-meta {
|
|
color: #666; }
|
|
.cm-s-paper .cm-number {
|
|
color: #7f8c8d; }
|
|
.cm-s-paper .cm-def {
|
|
color: #00f; }
|
|
.cm-s-paper .cm-variable {
|
|
color: black; }
|
|
.cm-s-paper .cm-property {
|
|
color: black; }
|
|
.cm-s-paper .cm-operator {
|
|
color: black; }
|
|
.cm-s-paper .cm-string-2 {
|
|
color: #f50; }
|
|
.cm-s-paper .cm-meta {
|
|
color: #555; }
|
|
.cm-s-paper .cm-error {
|
|
color: #f00; }
|
|
.cm-s-paper .cm-qualifier {
|
|
color: #555; }
|
|
.cm-s-paper .cm-builtin {
|
|
color: #555; }
|
|
.cm-s-paper .cm-attribute {
|
|
color: #7f8c8d; }
|
|
.cm-s-paper .cm-quote {
|
|
color: #888; }
|
|
.cm-s-paper .cm-header-1 {
|
|
font-size: 140%; }
|
|
.cm-s-paper .cm-header-2 {
|
|
font-size: 120%; }
|
|
.cm-s-paper .cm-header-3 {
|
|
font-size: 110%; }
|
|
.cm-s-paper .cm-negative {
|
|
color: #d44; }
|
|
.cm-s-paper .cm-positive {
|
|
color: #292; }
|
|
.cm-s-paper .cm-header, .cm-s-paper .cm-strong {
|
|
font-weight: bold; }
|
|
.cm-s-paper .cm-em {
|
|
font-style: italic; }
|
|
.cm-s-paper .cm-link {
|
|
text-decoration: underline; }
|
|
.cm-s-paper .cm-invalidchar {
|
|
color: #f00; }
|
|
|
|
/* The MIT License */
|
|
.form-uploads-wrapper h3 {
|
|
font-size: 1rem;
|
|
margin: 2rem 0 0.5rem 0; }
|
|
|
|
.dropzone {
|
|
position: relative;
|
|
border-radius: 4px;
|
|
min-height: 4rem; }
|
|
.dropzone.dz-clickable {
|
|
cursor: pointer; }
|
|
.dropzone.dz-drag-hover {
|
|
border-color: rgba(0, 0, 0, 0.15);
|
|
background: rgba(0, 0, 0, 0.04); }
|
|
.dropzone.dz-started .dz-message {
|
|
display: none; }
|
|
.dropzone .dz-message {
|
|
opacity: 1;
|
|
-ms-filter: none;
|
|
filter: none; }
|
|
.dropzone .dz-preview {
|
|
position: relative;
|
|
display: inline-block;
|
|
margin: 1rem;
|
|
vertical-align: top; }
|
|
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail] {
|
|
display: none; }
|
|
.dropzone .dz-preview.dz-error .dz-error-mark {
|
|
display: block; }
|
|
.dropzone .dz-preview.dz-success .dz-success-mark {
|
|
display: block; }
|
|
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
|
|
font-family: FontAwesome;
|
|
display: none;
|
|
position: absolute;
|
|
width: 22px;
|
|
height: 22px;
|
|
font-size: 18px;
|
|
line-height: 25px;
|
|
border-radius: 100%;
|
|
text-align: center;
|
|
right: 2px;
|
|
top: 2px; }
|
|
.dropzone .dz-preview .dz-success-mark span, .dropzone .dz-preview .dz-error-mark span {
|
|
display: none; }
|
|
.dropzone .dz-preview:hover .dz-success-mark, .dropzone .dz-preview:hover .dz-error-mark {
|
|
display: none; }
|
|
.dropzone .dz-preview .dz-success-mark::after {
|
|
content: '\f00c'; }
|
|
.dropzone .dz-preview .dz-error-mark::after {
|
|
content: '\f12a'; }
|
|
.dropzone .dz-preview .dz-progress {
|
|
position: absolute;
|
|
top: 100px;
|
|
left: 0px;
|
|
right: 0px;
|
|
height: 4px;
|
|
display: none; }
|
|
.dropzone .dz-preview .dz-progress .dz-upload {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 0%; }
|
|
.dropzone .dz-preview .dz-error-message {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
font-size: 0.9rem;
|
|
line-height: 1.2;
|
|
padding: 8px 10px;
|
|
z-index: 500; }
|
|
.dropzone .dz-preview.dz-processing .dz-progress {
|
|
display: block; }
|
|
.dropzone .dz-preview:hover:not(.hide-backface) .dz-details img {
|
|
display: none; }
|
|
.dropzone .dz-preview:hover.dz-error .dz-error-message {
|
|
display: block; }
|
|
.dropzone .dz-preview .dz-remove, .dropzone .dz-preview .dz-insert {
|
|
display: none; }
|
|
.dropzone .dz-preview:hover .dz-remove, .dropzone .dz-preview:hover .dz-insert {
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 22px;
|
|
width: 50%;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
font-size: 0.8rem; }
|
|
.dropzone .dz-preview:hover .dz-remove {
|
|
left: inherit;
|
|
border-left: 0; }
|
|
.dropzone .dz-preview:hover .dz-insert {
|
|
right: inherit; }
|
|
.dropzone .dz-preview.dz-processing .dz-details {
|
|
overflow: hidden; }
|
|
.dropzone .dz-preview.dz-processing .dz-details img {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
height: auto;
|
|
width: 100%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%); }
|
|
.dropzone .dz-preview .dz-details {
|
|
width: 150px;
|
|
height: 100px;
|
|
position: relative;
|
|
font-size: 0.8rem;
|
|
padding: 5px;
|
|
margin-bottom: 22px; }
|
|
.dropzone .dz-preview .dz-details .dz-filename {
|
|
line-height: 1.2;
|
|
overflow: hidden;
|
|
height: 100%; }
|
|
.dropzone .dz-preview .dz-details img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 150px;
|
|
height: 100px; }
|
|
.dropzone .dz-preview .dz-details .dz-size {
|
|
position: absolute;
|
|
bottom: -28px;
|
|
left: 0;
|
|
right: 0;
|
|
text-align: center;
|
|
font-size: 0.8rem;
|
|
height: 28px;
|
|
line-height: 28px; }
|
|
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message span {
|
|
cursor: pointer;
|
|
text-align: center;
|
|
font-size: 1.4rem;
|
|
line-height: 4rem; }
|
|
.dropzone * {
|
|
cursor: default; }
|
|
|
|
.toast-title {
|
|
font-weight: bold; }
|
|
|
|
.toast-message {
|
|
-ms-word-wrap: break-word;
|
|
word-wrap: break-word; }
|
|
|
|
.toast-message a,
|
|
.toast-message label {
|
|
color: #ffffff; }
|
|
|
|
.toast-message a:hover {
|
|
color: #cccccc;
|
|
text-decoration: none; }
|
|
|
|
.toast-close-button {
|
|
position: relative;
|
|
right: -0.3em;
|
|
top: -0.3em;
|
|
float: right;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
-webkit-text-shadow: 0 1px 0 #ffffff;
|
|
text-shadow: 0 1px 0 #ffffff;
|
|
opacity: 0.8;
|
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
|
filter: alpha(opacity=80); }
|
|
|
|
.toast-close-button:hover,
|
|
.toast-close-button:focus {
|
|
color: #000000;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
opacity: 0.4;
|
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
|
filter: alpha(opacity=40); }
|
|
|
|
/*Additional properties for button version
|
|
iOS requires the button element instead of an anchor tag.
|
|
If you want the anchor version, it requires `href="#"`.*/
|
|
button.toast-close-button {
|
|
padding: 0;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
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-right {
|
|
top: 5rem;
|
|
right: 1.5rem; }
|
|
|
|
.toast-bottom-right {
|
|
right: 12px;
|
|
bottom: 12px; }
|
|
|
|
.toast-bottom-left {
|
|
bottom: 12px;
|
|
left: 12px; }
|
|
|
|
#toast-container {
|
|
position: fixed;
|
|
z-index: 999999;
|
|
/*overrides*/ }
|
|
|
|
#toast-container * {
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
|
|
#toast-container > div {
|
|
position: relative;
|
|
overflow: hidden;
|
|
margin: 0 0 6px;
|
|
padding: 15px 15px 15px 50px;
|
|
width: 300px;
|
|
border-radius: 3px;
|
|
background-position: 15px center;
|
|
background-repeat: no-repeat;
|
|
color: #ffffff;
|
|
opacity: 0.9;
|
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
|
|
filter: alpha(opacity=90); }
|
|
|
|
#toast-container > :hover {
|
|
opacity: 1;
|
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
|
filter: alpha(opacity=100);
|
|
cursor: pointer; }
|
|
|
|
#toast-container > .toast-info {
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }
|
|
|
|
#toast-container > .toast-error {
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }
|
|
|
|
#toast-container > .toast-success {
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }
|
|
|
|
#toast-container > .toast-warning {
|
|
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }
|
|
|
|
#toast-container.toast-top-center > div,
|
|
#toast-container.toast-bottom-center > div {
|
|
width: 300px;
|
|
margin: auto; }
|
|
|
|
#toast-container.toast-top-full-width > div,
|
|
#toast-container.toast-bottom-full-width > div {
|
|
width: 96%;
|
|
margin: auto; }
|
|
|
|
.toast-warning {
|
|
background-color: #f89406; }
|
|
.toast-warning .button {
|
|
background-color: #c67605;
|
|
color: rgba(255, 255, 255, 0.85);
|
|
border-radius: 4px;
|
|
background: #945904; }
|
|
.toast-warning .button:hover {
|
|
background: #a4722a;
|
|
color: #ffffff; }
|
|
.toast-warning .button.dropdown-toggle {
|
|
border-left: 1px solid #7c4a03; }
|
|
|
|
.toast-progress {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 0;
|
|
height: 4px;
|
|
background-color: #000000;
|
|
opacity: 0.4;
|
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
|
|
filter: alpha(opacity=40); }
|
|
|
|
/*Responsive Design*/
|
|
@media all and (max-width: 240px) {
|
|
#toast-container > div {
|
|
padding: 8px 8px 8px 50px;
|
|
width: 11em; }
|
|
|
|
#toast-container .toast-close-button {
|
|
right: -0.2em;
|
|
top: -0.2em; } }
|
|
@media all and (min-width: 241px) and (max-width: 480px) {
|
|
#toast-container > div {
|
|
padding: 8px 8px 8px 50px;
|
|
width: 18em; }
|
|
|
|
#toast-container .toast-close-button {
|
|
right: -0.2em;
|
|
top: -0.2em; } }
|
|
@media all and (min-width: 481px) and (max-width: 768px) {
|
|
#toast-container > div {
|
|
padding: 15px 15px 15px 50px;
|
|
width: 25em; } }
|
|
.gpm td {
|
|
border: 0; }
|
|
.gpm .gpm-name {
|
|
white-space: nowrap; }
|
|
.gpm .gpm-version {
|
|
padding-left: 0.5rem;
|
|
font-size: 0.9rem; }
|
|
.gpm .gpm-actions .enabled, .gpm .gpm-actions .disabled {
|
|
font-size: 1.6rem; }
|
|
.gpm .gpm-item-info {
|
|
position: relative;
|
|
padding-bottom: 1rem;
|
|
margin-bottom: 3rem;
|
|
overflow: hidden; }
|
|
@media only all and (max-width: 47.938em) {
|
|
.gpm .gpm-item-info {
|
|
word-wrap: break-word; } }
|
|
.gpm .gpm-item-info .gpm-item-icon {
|
|
position: absolute;
|
|
right: 3rem;
|
|
font-size: 20rem; }
|
|
.gpm .gpm-item-info table {
|
|
position: relative; }
|
|
.gpm .gpm-item-info td {
|
|
border: 0;
|
|
text-align: left !important; }
|
|
.gpm .gpm-item-info td:first-child {
|
|
white-space: nowrap;
|
|
width: 25%; }
|
|
.gpm .gpm-item-info tr:hover {
|
|
background: inherit; }
|
|
.gpm .badge.update {
|
|
display: inline-block;
|
|
border-radius: 4px;
|
|
padding: 2px 10px;
|
|
margin-left: 1rem; }
|
|
.gpm .gpm-ribbon {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
position: absolute;
|
|
top: 1rem;
|
|
right: -2rem;
|
|
-webkit-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
-o-transform: rotate(45deg);
|
|
transform: rotate(45deg); }
|
|
.gpm .gpm-ribbon a {
|
|
display: block;
|
|
font-weight: bold;
|
|
font-size: 0.9rem;
|
|
padding: 5px 40px;
|
|
text-align: center; }
|
|
.gpm .themes {
|
|
padding: 3rem; }
|
|
.gpm .themes .gpm-name {
|
|
margin-bottom: 0.5rem; }
|
|
.gpm .themes .gpm-actions {
|
|
margin: 1rem -1rem -1rem -1rem;
|
|
height: 4rem;
|
|
text-align: center;
|
|
padding: 1rem;
|
|
font-size: 1rem;
|
|
font-weight: bold; }
|
|
.gpm .themes .active-theme .gpm-actions, .gpm .themes.inactive-theme .gpm-actions {
|
|
line-height: 2rem; }
|
|
.gpm .themes .inactive-theme .gpm-actions {
|
|
display: block;
|
|
font-weight: normal; }
|
|
|
|
#phpinfo img {
|
|
display: none; }
|
|
#phpinfo table {
|
|
margin: 1rem 0 0; }
|
|
#phpinfo tr:hover {
|
|
background: transparent; }
|
|
#phpinfo td {
|
|
word-wrap: break-word; }
|
|
#phpinfo td h1 {
|
|
margin: 0rem -3rem 0rem !important; }
|
|
#phpinfo hr {
|
|
border-bottom: 0; }
|
|
#phpinfo h1 {
|
|
font-size: 2.3rem; }
|
|
#phpinfo h2 {
|
|
font-size: 1.7rem;
|
|
margin: 3rem 3rem 0rem !important; }
|
|
|
|
/*# sourceMappingURL=template.css.map */
|