From 614c9859b17ab40359cd33724581a541ed7c8ede Mon Sep 17 00:00:00 2001 From: are0h Date: Sun, 20 Mar 2022 15:28:02 -0700 Subject: [PATCH] fix for weird css dahsh deletion bug --- public/assets/css/dash.css | 3872 ++++++++++++++++++++++++++++++++++++ src/com/ui/FileManager.js | 204 -- 2 files changed, 3872 insertions(+), 204 deletions(-) create mode 100644 public/assets/css/dash.css delete mode 100644 src/com/ui/FileManager.js diff --git a/public/assets/css/dash.css b/public/assets/css/dash.css new file mode 100644 index 0000000..5c567e0 --- /dev/null +++ b/public/assets/css/dash.css @@ -0,0 +1,3872 @@ +/* Bulma Utilities */ +.column { + display: block; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; + padding: 0.75rem; +} +.columns.is-mobile > .column.is-narrow { + flex: none; + width: unset; +} +.columns.is-mobile > .column.is-full { + flex: none; + width: 100%; +} +.columns.is-mobile > .column.is-three-quarters { + flex: none; + width: 75%; +} +.columns.is-mobile > .column.is-two-thirds { + flex: none; + width: 66.6666%; +} +.columns.is-mobile > .column.is-half { + flex: none; + width: 50%; +} +.columns.is-mobile > .column.is-one-third { + flex: none; + width: 33.3333%; +} +.columns.is-mobile > .column.is-one-quarter { + flex: none; + width: 25%; +} +.columns.is-mobile > .column.is-one-fifth { + flex: none; + width: 20%; +} +.columns.is-mobile > .column.is-two-fifths { + flex: none; + width: 40%; +} +.columns.is-mobile > .column.is-three-fifths { + flex: none; + width: 60%; +} +.columns.is-mobile > .column.is-four-fifths { + flex: none; + width: 80%; +} +.columns.is-mobile > .column.is-offset-three-quarters { + margin-left: 75%; +} +.columns.is-mobile > .column.is-offset-two-thirds { + margin-left: 66.6666%; +} +.columns.is-mobile > .column.is-offset-half { + margin-left: 50%; +} +.columns.is-mobile > .column.is-offset-one-third { + margin-left: 33.3333%; +} +.columns.is-mobile > .column.is-offset-one-quarter { + margin-left: 25%; +} +.columns.is-mobile > .column.is-offset-one-fifth { + margin-left: 20%; +} +.columns.is-mobile > .column.is-offset-two-fifths { + margin-left: 40%; +} +.columns.is-mobile > .column.is-offset-three-fifths { + margin-left: 60%; +} +.columns.is-mobile > .column.is-offset-four-fifths { + margin-left: 80%; +} +.columns.is-mobile > .column.is-0 { + flex: none; + width: 0%; +} +.columns.is-mobile > .column.is-offset-0 { + margin-left: 0%; +} +.columns.is-mobile > .column.is-1 { + flex: none; + width: 8.33333337%; +} +.columns.is-mobile > .column.is-offset-1 { + margin-left: 8.33333337%; +} +.columns.is-mobile > .column.is-2 { + flex: none; + width: 16.66666674%; +} +.columns.is-mobile > .column.is-offset-2 { + margin-left: 16.66666674%; +} +.columns.is-mobile > .column.is-3 { + flex: none; + width: 25%; +} +.columns.is-mobile > .column.is-offset-3 { + margin-left: 25%; +} +.columns.is-mobile > .column.is-4 { + flex: none; + width: 33.33333337%; +} +.columns.is-mobile > .column.is-offset-4 { + margin-left: 33.33333337%; +} +.columns.is-mobile > .column.is-5 { + flex: none; + width: 41.66666674%; +} +.columns.is-mobile > .column.is-offset-5 { + margin-left: 41.66666674%; +} +.columns.is-mobile > .column.is-6 { + flex: none; + width: 50%; +} +.columns.is-mobile > .column.is-offset-6 { + margin-left: 50%; +} +.columns.is-mobile > .column.is-7 { + flex: none; + width: 58.33333337%; +} +.columns.is-mobile > .column.is-offset-7 { + margin-left: 58.33333337%; +} +.columns.is-mobile > .column.is-8 { + flex: none; + width: 66.66666674%; +} +.columns.is-mobile > .column.is-offset-8 { + margin-left: 66.66666674%; +} +.columns.is-mobile > .column.is-9 { + flex: none; + width: 75%; +} +.columns.is-mobile > .column.is-offset-9 { + margin-left: 75%; +} +.columns.is-mobile > .column.is-10 { + flex: none; + width: 83.33333337%; +} +.columns.is-mobile > .column.is-offset-10 { + margin-left: 83.33333337%; +} +.columns.is-mobile > .column.is-11 { + flex: none; + width: 91.66666674%; +} +.columns.is-mobile > .column.is-offset-11 { + margin-left: 91.66666674%; +} +.columns.is-mobile > .column.is-12 { + flex: none; + width: 100%; +} +.columns.is-mobile > .column.is-offset-12 { + margin-left: 100%; +} +@media screen and (max-width: 768px) { + .column.is-narrow-mobile { + flex: none; + width: unset; + } + .column.is-full-mobile { + flex: none; + width: 100%; + } + .column.is-three-quarters-mobile { + flex: none; + width: 75%; + } + .column.is-two-thirds-mobile { + flex: none; + width: 66.6666%; + } + .column.is-half-mobile { + flex: none; + width: 50%; + } + .column.is-one-third-mobile { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-mobile { + flex: none; + width: 25%; + } + .column.is-one-fifth-mobile { + flex: none; + width: 20%; + } + .column.is-two-fifths-mobile { + flex: none; + width: 40%; + } + .column.is-three-fifths-mobile { + flex: none; + width: 60%; + } + .column.is-four-fifths-mobile { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-mobile { + margin-left: 75%; + } + .column.is-offset-two-thirds-mobile { + margin-left: 66.6666%; + } + .column.is-offset-half-mobile { + margin-left: 50%; + } + .column.is-offset-one-third-mobile { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-mobile { + margin-left: 25%; + } + .column.is-offset-one-fifth-mobile { + margin-left: 20%; + } + .column.is-offset-two-fifths-mobile { + margin-left: 40%; + } + .column.is-offset-three-fifths-mobile { + margin-left: 60%; + } + .column.is-offset-four-fifths-mobile { + margin-left: 80%; + } + .column.is-0-mobile { + flex: none; + width: 0%; + } + .column.is-offset-0-mobile { + margin-left: 0%; + } + .column.is-1-mobile { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-mobile { + margin-left: 8.33333337%; + } + .column.is-2-mobile { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-mobile { + margin-left: 16.66666674%; + } + .column.is-3-mobile { + flex: none; + width: 25%; + } + .column.is-offset-3-mobile { + margin-left: 25%; + } + .column.is-4-mobile { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-mobile { + margin-left: 33.33333337%; + } + .column.is-5-mobile { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-mobile { + margin-left: 41.66666674%; + } + .column.is-6-mobile { + flex: none; + width: 50%; + } + .column.is-offset-6-mobile { + margin-left: 50%; + } + .column.is-7-mobile { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-mobile { + margin-left: 58.33333337%; + } + .column.is-8-mobile { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-mobile { + margin-left: 66.66666674%; + } + .column.is-9-mobile { + flex: none; + width: 75%; + } + .column.is-offset-9-mobile { + margin-left: 75%; + } + .column.is-10-mobile { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-mobile { + margin-left: 83.33333337%; + } + .column.is-11-mobile { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-mobile { + margin-left: 91.66666674%; + } + .column.is-12-mobile { + flex: none; + width: 100%; + } + .column.is-offset-12-mobile { + margin-left: 100%; + } +} +@media screen and (min-width: 769px), print { + .column.is-narrow, .column.is-narrow-tablet { + flex: none; + width: unset; + } + .column.is-full, .column.is-full-tablet { + flex: none; + width: 100%; + } + .column.is-three-quarters, .column.is-three-quarters-tablet { + flex: none; + width: 75%; + } + .column.is-two-thirds, .column.is-two-thirds-tablet { + flex: none; + width: 66.6666%; + } + .column.is-half, .column.is-half-tablet { + flex: none; + width: 50%; + } + .column.is-one-third, .column.is-one-third-tablet { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter, .column.is-one-quarter-tablet { + flex: none; + width: 25%; + } + .column.is-one-fifth, .column.is-one-fifth-tablet { + flex: none; + width: 20%; + } + .column.is-two-fifths, .column.is-two-fifths-tablet { + flex: none; + width: 40%; + } + .column.is-three-fifths, .column.is-three-fifths-tablet { + flex: none; + width: 60%; + } + .column.is-four-fifths, .column.is-four-fifths-tablet { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { + margin-left: 75%; + } + .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { + margin-left: 66.6666%; + } + .column.is-offset-half, .column.is-offset-half-tablet { + margin-left: 50%; + } + .column.is-offset-one-third, .column.is-offset-one-third-tablet { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { + margin-left: 25%; + } + .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { + margin-left: 20%; + } + .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { + margin-left: 40%; + } + .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { + margin-left: 60%; + } + .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { + margin-left: 80%; + } + .column.is-0, .column.is-0-tablet { + flex: none; + width: 0%; + } + .column.is-offset-0, .column.is-offset-0-tablet { + margin-left: 0%; + } + .column.is-1, .column.is-1-tablet { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1, .column.is-offset-1-tablet { + margin-left: 8.33333337%; + } + .column.is-2, .column.is-2-tablet { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2, .column.is-offset-2-tablet { + margin-left: 16.66666674%; + } + .column.is-3, .column.is-3-tablet { + flex: none; + width: 25%; + } + .column.is-offset-3, .column.is-offset-3-tablet { + margin-left: 25%; + } + .column.is-4, .column.is-4-tablet { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4, .column.is-offset-4-tablet { + margin-left: 33.33333337%; + } + .column.is-5, .column.is-5-tablet { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5, .column.is-offset-5-tablet { + margin-left: 41.66666674%; + } + .column.is-6, .column.is-6-tablet { + flex: none; + width: 50%; + } + .column.is-offset-6, .column.is-offset-6-tablet { + margin-left: 50%; + } + .column.is-7, .column.is-7-tablet { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7, .column.is-offset-7-tablet { + margin-left: 58.33333337%; + } + .column.is-8, .column.is-8-tablet { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8, .column.is-offset-8-tablet { + margin-left: 66.66666674%; + } + .column.is-9, .column.is-9-tablet { + flex: none; + width: 75%; + } + .column.is-offset-9, .column.is-offset-9-tablet { + margin-left: 75%; + } + .column.is-10, .column.is-10-tablet { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10, .column.is-offset-10-tablet { + margin-left: 83.33333337%; + } + .column.is-11, .column.is-11-tablet { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11, .column.is-offset-11-tablet { + margin-left: 91.66666674%; + } + .column.is-12, .column.is-12-tablet { + flex: none; + width: 100%; + } + .column.is-offset-12, .column.is-offset-12-tablet { + margin-left: 100%; + } +} +@media screen and (max-width: 1023px) { + .column.is-narrow-touch { + flex: none; + width: unset; + } + .column.is-full-touch { + flex: none; + width: 100%; + } + .column.is-three-quarters-touch { + flex: none; + width: 75%; + } + .column.is-two-thirds-touch { + flex: none; + width: 66.6666%; + } + .column.is-half-touch { + flex: none; + width: 50%; + } + .column.is-one-third-touch { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-touch { + flex: none; + width: 25%; + } + .column.is-one-fifth-touch { + flex: none; + width: 20%; + } + .column.is-two-fifths-touch { + flex: none; + width: 40%; + } + .column.is-three-fifths-touch { + flex: none; + width: 60%; + } + .column.is-four-fifths-touch { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-touch { + margin-left: 75%; + } + .column.is-offset-two-thirds-touch { + margin-left: 66.6666%; + } + .column.is-offset-half-touch { + margin-left: 50%; + } + .column.is-offset-one-third-touch { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-touch { + margin-left: 25%; + } + .column.is-offset-one-fifth-touch { + margin-left: 20%; + } + .column.is-offset-two-fifths-touch { + margin-left: 40%; + } + .column.is-offset-three-fifths-touch { + margin-left: 60%; + } + .column.is-offset-four-fifths-touch { + margin-left: 80%; + } + .column.is-0-touch { + flex: none; + width: 0%; + } + .column.is-offset-0-touch { + margin-left: 0%; + } + .column.is-1-touch { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-touch { + margin-left: 8.33333337%; + } + .column.is-2-touch { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-touch { + margin-left: 16.66666674%; + } + .column.is-3-touch { + flex: none; + width: 25%; + } + .column.is-offset-3-touch { + margin-left: 25%; + } + .column.is-4-touch { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-touch { + margin-left: 33.33333337%; + } + .column.is-5-touch { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-touch { + margin-left: 41.66666674%; + } + .column.is-6-touch { + flex: none; + width: 50%; + } + .column.is-offset-6-touch { + margin-left: 50%; + } + .column.is-7-touch { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-touch { + margin-left: 58.33333337%; + } + .column.is-8-touch { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-touch { + margin-left: 66.66666674%; + } + .column.is-9-touch { + flex: none; + width: 75%; + } + .column.is-offset-9-touch { + margin-left: 75%; + } + .column.is-10-touch { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-touch { + margin-left: 83.33333337%; + } + .column.is-11-touch { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-touch { + margin-left: 91.66666674%; + } + .column.is-12-touch { + flex: none; + width: 100%; + } + .column.is-offset-12-touch { + margin-left: 100%; + } +} +@media screen and (min-width: 1024px) { + .column.is-narrow-desktop { + flex: none; + width: unset; + } + .column.is-full-desktop { + flex: none; + width: 100%; + } + .column.is-three-quarters-desktop { + flex: none; + width: 75%; + } + .column.is-two-thirds-desktop { + flex: none; + width: 66.6666%; + } + .column.is-half-desktop { + flex: none; + width: 50%; + } + .column.is-one-third-desktop { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-desktop { + flex: none; + width: 25%; + } + .column.is-one-fifth-desktop { + flex: none; + width: 20%; + } + .column.is-two-fifths-desktop { + flex: none; + width: 40%; + } + .column.is-three-fifths-desktop { + flex: none; + width: 60%; + } + .column.is-four-fifths-desktop { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-desktop { + margin-left: 75%; + } + .column.is-offset-two-thirds-desktop { + margin-left: 66.6666%; + } + .column.is-offset-half-desktop { + margin-left: 50%; + } + .column.is-offset-one-third-desktop { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-desktop { + margin-left: 25%; + } + .column.is-offset-one-fifth-desktop { + margin-left: 20%; + } + .column.is-offset-two-fifths-desktop { + margin-left: 40%; + } + .column.is-offset-three-fifths-desktop { + margin-left: 60%; + } + .column.is-offset-four-fifths-desktop { + margin-left: 80%; + } + .column.is-0-desktop { + flex: none; + width: 0%; + } + .column.is-offset-0-desktop { + margin-left: 0%; + } + .column.is-1-desktop { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-desktop { + margin-left: 8.33333337%; + } + .column.is-2-desktop { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-desktop { + margin-left: 16.66666674%; + } + .column.is-3-desktop { + flex: none; + width: 25%; + } + .column.is-offset-3-desktop { + margin-left: 25%; + } + .column.is-4-desktop { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-desktop { + margin-left: 33.33333337%; + } + .column.is-5-desktop { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-desktop { + margin-left: 41.66666674%; + } + .column.is-6-desktop { + flex: none; + width: 50%; + } + .column.is-offset-6-desktop { + margin-left: 50%; + } + .column.is-7-desktop { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-desktop { + margin-left: 58.33333337%; + } + .column.is-8-desktop { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-desktop { + margin-left: 66.66666674%; + } + .column.is-9-desktop { + flex: none; + width: 75%; + } + .column.is-offset-9-desktop { + margin-left: 75%; + } + .column.is-10-desktop { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-desktop { + margin-left: 83.33333337%; + } + .column.is-11-desktop { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-desktop { + margin-left: 91.66666674%; + } + .column.is-12-desktop { + flex: none; + width: 100%; + } + .column.is-offset-12-desktop { + margin-left: 100%; + } +} +@media screen and (min-width: 1216px) { + .column.is-narrow-widescreen { + flex: none; + width: unset; + } + .column.is-full-widescreen { + flex: none; + width: 100%; + } + .column.is-three-quarters-widescreen { + flex: none; + width: 75%; + } + .column.is-two-thirds-widescreen { + flex: none; + width: 66.6666%; + } + .column.is-half-widescreen { + flex: none; + width: 50%; + } + .column.is-one-third-widescreen { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-widescreen { + flex: none; + width: 25%; + } + .column.is-one-fifth-widescreen { + flex: none; + width: 20%; + } + .column.is-two-fifths-widescreen { + flex: none; + width: 40%; + } + .column.is-three-fifths-widescreen { + flex: none; + width: 60%; + } + .column.is-four-fifths-widescreen { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-widescreen { + margin-left: 75%; + } + .column.is-offset-two-thirds-widescreen { + margin-left: 66.6666%; + } + .column.is-offset-half-widescreen { + margin-left: 50%; + } + .column.is-offset-one-third-widescreen { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-widescreen { + margin-left: 25%; + } + .column.is-offset-one-fifth-widescreen { + margin-left: 20%; + } + .column.is-offset-two-fifths-widescreen { + margin-left: 40%; + } + .column.is-offset-three-fifths-widescreen { + margin-left: 60%; + } + .column.is-offset-four-fifths-widescreen { + margin-left: 80%; + } + .column.is-0-widescreen { + flex: none; + width: 0%; + } + .column.is-offset-0-widescreen { + margin-left: 0%; + } + .column.is-1-widescreen { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-widescreen { + margin-left: 8.33333337%; + } + .column.is-2-widescreen { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-widescreen { + margin-left: 16.66666674%; + } + .column.is-3-widescreen { + flex: none; + width: 25%; + } + .column.is-offset-3-widescreen { + margin-left: 25%; + } + .column.is-4-widescreen { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-widescreen { + margin-left: 33.33333337%; + } + .column.is-5-widescreen { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-widescreen { + margin-left: 41.66666674%; + } + .column.is-6-widescreen { + flex: none; + width: 50%; + } + .column.is-offset-6-widescreen { + margin-left: 50%; + } + .column.is-7-widescreen { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-widescreen { + margin-left: 58.33333337%; + } + .column.is-8-widescreen { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-widescreen { + margin-left: 66.66666674%; + } + .column.is-9-widescreen { + flex: none; + width: 75%; + } + .column.is-offset-9-widescreen { + margin-left: 75%; + } + .column.is-10-widescreen { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-widescreen { + margin-left: 83.33333337%; + } + .column.is-11-widescreen { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-widescreen { + margin-left: 91.66666674%; + } + .column.is-12-widescreen { + flex: none; + width: 100%; + } + .column.is-offset-12-widescreen { + margin-left: 100%; + } +} +@media screen and (min-width: 1408px) { + .column.is-narrow-fullhd { + flex: none; + width: unset; + } + .column.is-full-fullhd { + flex: none; + width: 100%; + } + .column.is-three-quarters-fullhd { + flex: none; + width: 75%; + } + .column.is-two-thirds-fullhd { + flex: none; + width: 66.6666%; + } + .column.is-half-fullhd { + flex: none; + width: 50%; + } + .column.is-one-third-fullhd { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-fullhd { + flex: none; + width: 25%; + } + .column.is-one-fifth-fullhd { + flex: none; + width: 20%; + } + .column.is-two-fifths-fullhd { + flex: none; + width: 40%; + } + .column.is-three-fifths-fullhd { + flex: none; + width: 60%; + } + .column.is-four-fifths-fullhd { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-fullhd { + margin-left: 75%; + } + .column.is-offset-two-thirds-fullhd { + margin-left: 66.6666%; + } + .column.is-offset-half-fullhd { + margin-left: 50%; + } + .column.is-offset-one-third-fullhd { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-fullhd { + margin-left: 25%; + } + .column.is-offset-one-fifth-fullhd { + margin-left: 20%; + } + .column.is-offset-two-fifths-fullhd { + margin-left: 40%; + } + .column.is-offset-three-fifths-fullhd { + margin-left: 60%; + } + .column.is-offset-four-fifths-fullhd { + margin-left: 80%; + } + .column.is-0-fullhd { + flex: none; + width: 0%; + } + .column.is-offset-0-fullhd { + margin-left: 0%; + } + .column.is-1-fullhd { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-fullhd { + margin-left: 8.33333337%; + } + .column.is-2-fullhd { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-fullhd { + margin-left: 16.66666674%; + } + .column.is-3-fullhd { + flex: none; + width: 25%; + } + .column.is-offset-3-fullhd { + margin-left: 25%; + } + .column.is-4-fullhd { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-fullhd { + margin-left: 33.33333337%; + } + .column.is-5-fullhd { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-fullhd { + margin-left: 41.66666674%; + } + .column.is-6-fullhd { + flex: none; + width: 50%; + } + .column.is-offset-6-fullhd { + margin-left: 50%; + } + .column.is-7-fullhd { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-fullhd { + margin-left: 58.33333337%; + } + .column.is-8-fullhd { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-fullhd { + margin-left: 66.66666674%; + } + .column.is-9-fullhd { + flex: none; + width: 75%; + } + .column.is-offset-9-fullhd { + margin-left: 75%; + } + .column.is-10-fullhd { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-fullhd { + margin-left: 83.33333337%; + } + .column.is-11-fullhd { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-fullhd { + margin-left: 91.66666674%; + } + .column.is-12-fullhd { + flex: none; + width: 100%; + } + .column.is-offset-12-fullhd { + margin-left: 100%; + } +} + +.columns { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} +.columns:last-child { + margin-bottom: -0.75rem; +} +.columns:not(:last-child) { + margin-bottom: calc(1.5rem - 0.75rem); +} +.columns.is-centered { + justify-content: center; +} +.columns.is-gapless { + margin-left: 0; + margin-right: 0; + margin-top: 0; +} +.columns.is-gapless > .column { + margin: 0; + padding: 0 !important; +} +.columns.is-gapless:not(:last-child) { + margin-bottom: 1.5rem; +} +.columns.is-gapless:last-child { + margin-bottom: 0; +} +.columns.is-mobile { + display: flex; +} +.columns.is-multiline { + flex-wrap: wrap; +} +.columns.is-vcentered { + align-items: center; +} +@media screen and (min-width: 769px), print { + .columns:not(.is-desktop) { + display: flex; + } +} +@media screen and (min-width: 1024px) { + .columns.is-desktop { + display: flex; + } +} + +.columns.is-variable { + --columnGap: 0.75rem; + margin-left: calc(-1 * var(--columnGap)); + margin-right: calc(-1 * var(--columnGap)); +} +.columns.is-variable > .column { + padding-left: var(--columnGap); + padding-right: var(--columnGap); +} +.columns.is-variable.is-0 { + --columnGap: 0rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-0-mobile { + --columnGap: 0rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-0-tablet { + --columnGap: 0rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-0-tablet-only { + --columnGap: 0rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-0-touch { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-0-desktop { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-0-desktop-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-0-widescreen { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-0-widescreen-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-0-fullhd { + --columnGap: 0rem; + } +} +.columns.is-variable.is-1 { + --columnGap: 0.25rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-1-mobile { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-1-tablet { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-1-tablet-only { + --columnGap: 0.25rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-1-touch { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-1-desktop { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-1-desktop-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-1-widescreen { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-1-widescreen-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-1-fullhd { + --columnGap: 0.25rem; + } +} +.columns.is-variable.is-2 { + --columnGap: 0.5rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-2-mobile { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-2-tablet { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-2-tablet-only { + --columnGap: 0.5rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-2-touch { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-2-desktop { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-2-desktop-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-2-widescreen { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-2-widescreen-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-2-fullhd { + --columnGap: 0.5rem; + } +} +.columns.is-variable.is-3 { + --columnGap: 0.75rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-3-mobile { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-3-tablet { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-3-tablet-only { + --columnGap: 0.75rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-3-touch { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-3-desktop { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-3-desktop-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-3-widescreen { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-3-widescreen-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-3-fullhd { + --columnGap: 0.75rem; + } +} +.columns.is-variable.is-4 { + --columnGap: 1rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-4-mobile { + --columnGap: 1rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-4-tablet { + --columnGap: 1rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-4-tablet-only { + --columnGap: 1rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-4-touch { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-4-desktop { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-4-desktop-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-4-widescreen { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-4-widescreen-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-4-fullhd { + --columnGap: 1rem; + } +} +.columns.is-variable.is-5 { + --columnGap: 1.25rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-5-mobile { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-5-tablet { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-5-tablet-only { + --columnGap: 1.25rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-5-touch { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-5-desktop { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-5-desktop-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-5-widescreen { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-5-widescreen-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-5-fullhd { + --columnGap: 1.25rem; + } +} +.columns.is-variable.is-6 { + --columnGap: 1.5rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-6-mobile { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-6-tablet { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-6-tablet-only { + --columnGap: 1.5rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-6-touch { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-6-desktop { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-6-desktop-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-6-widescreen { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-6-widescreen-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-6-fullhd { + --columnGap: 1.5rem; + } +} +.columns.is-variable.is-7 { + --columnGap: 1.75rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-7-mobile { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-7-tablet { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-7-tablet-only { + --columnGap: 1.75rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-7-touch { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-7-desktop { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-7-desktop-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-7-widescreen { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-7-widescreen-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-7-fullhd { + --columnGap: 1.75rem; + } +} +.columns.is-variable.is-8 { + --columnGap: 2rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-8-mobile { + --columnGap: 2rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-8-tablet { + --columnGap: 2rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-8-tablet-only { + --columnGap: 2rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-8-touch { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-8-desktop { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-8-desktop-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-8-widescreen { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-8-widescreen-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-8-fullhd { + --columnGap: 2rem; + } +} + +html { + line-height: 1.15; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +article, +aside, +footer, +header, +nav, +section { + display: block; +} + +h1 { + font-size: 2em; + margin: 0.67em 0; + line-height: 1em; +} + +figcaption, +figure, +main { + display: block; +} + +figure { + margin: 1em 40px; +} + +hr { + box-sizing: content-box; + height: 0; + overflow: visible; +} + +pre { + font-family: monospace, monospace; + font-size: 1em; +} + +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; +} + +a:active, +a:hover { + outline-width: 0; +} + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; +} + +b, +strong { + font-weight: inherit; + font-weight: bolder; +} + +kbd, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +dfn { + font-style: italic; +} + +mark { + background-color: #ff0; + color: #000; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 60%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.55em; + background: #1D3040; + color: #1D3040; + border-radius: 2px; + padding: 0 2px 0 2px; + margin: 0 2px 0 0; +} + +audio, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +img { + border-style: none; +} + +svg:not(:root) { + overflow: hidden; +} + +button, +input, +optgroup, +select, +textarea { + font-family: sans-serif; + font-size: 100%; + line-height: 1.15; + margin: 0; +} + +button, +input { + overflow: visible; +} + +button, +select { + text-transform: none; +} + +button, html [type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} + +[type=button]::-moz-focus-inner, +[type=reset]::-moz-focus-inner, +[type=submit]::-moz-focus-inner, +button::-moz-focus-inner { + border-style: none; + padding: 0; +} + +[type=button]:-moz-focusring, +[type=reset]:-moz-focusring, +[type=submit]:-moz-focusring, +button:-moz-focusring { + outline: 1px dotted ButtonText; +} + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + box-sizing: border-box; + color: inherit; + display: table; + max-width: 100%; + padding: 0; + white-space: normal; +} + +progress { + display: inline-block; + vertical-align: baseline; +} + +textarea { + overflow: auto; +} + +[type=checkbox], +[type=radio] { + box-sizing: border-box; + padding: 0; +} + +[type=number]::-webkit-inner-spin-button, +[type=number]::-webkit-outer-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +[type=search]::-webkit-search-cancel-button, +[type=search]::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} + +details, +menu { + display: block; +} + +summary { + display: list-item; +} + +canvas { + display: inline-block; +} + +template { + display: none; +} + +[hidden] { + display: none; +} + +h1, h2, h3 { + color: #EFEBE3; +} + +h1 { + font-size: 2em; + font-weight: 400; +} + +h2 { + font-size: 1.75em; + font-weight: 400; +} + +h3 { + font-size: 1.5em; + font-weight: 300; +} + +html, body { + background: #1D3040 linear-gradient(0deg, #1d3040 0%, #2d4a63 100%) no-repeat; + font: 400 1em Helvetica, Arial, sans-serif; + height: 100%; +} + +a { + font: 300 1em Helvetica, Arial, sans-serif; + color: #b2cce5; + text-decoration: underline; + transition: all 0.2s linear; +} + +svg.icons { + width: 25px; + fill: #b2cce5; +} + +#notifications { + perspective: 1000px; + position: fixed; + z-index: 2000; + height: 55px; + width: 100%; + display: block; + align-items: center; + justify-content: center; + padding: 0; + margin-top: -55px; +} +#notifications #notifyMessage { + margin: 0 auto; + transition: all 0.6s cubic-bezier(0.83, 0.05, 0.28, 1); + height: 50px; + width: 500px; + display: flex; + align-items: center; + justify-content: center; + opacity: 1; + transform-style: preserve-3d; + transform: rotateX(120deg); + transform-origin: 50% 0; + overflow: hidden; +} +#notifications #notifyMessage #notify-good, #notifications #notifyMessage #notify-lame, #notifications #notifyMessage #notify-working { + display: block; +} +#notifications #notifyMessage #notify-working-icon { + -webkit-animation: spin 2s linear infinite; + -moz-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} +@keyframes spin { + transform: rotate(360deg); +} +#notifications #notifyMessage .notify-icon { + background: #32302f; + padding: 8px 5px 5px 5px; + border-radius: 5px 0 0 5px; + height: 30px; + width: 30px; + text-align: center; + border: 2px solid #EFEBE3; +} +#notifications #notifyMessage #notify-text { + color: #EFEBE3; + background: #32302f; + width: 400px; + height: 28px; + padding: 15px 0 0 0; + border-radius: 0 5px 5px 0; + border: 2px solid #EFEBE3; + text-align: center; + overflow: hidden; + position: relative; +} +#notifications #notifyMessage #notify-text #notify-progress { + width: 0; + background: #fc6399; + height: 43px; + position: absolute; + top: 0px; +} +#notifications #notifyMessage #notify-text p { + top: -15px; + display: block; + position: relative; +} +#notifications #notifyMessage .icons { + fill: #EFEBE3; +} + +.notify-close { + transform-style: preserve-3d; + transform: rotateX(-120deg); +} + +.notify-open { + transform-style: preserve-3d; + transform: rotateX(0deg); +} + +.blog-container { + width: 100%; +} + +.main-container { + margin: 0 auto; + z-index: 10; + position: relative; + height: 100%; +} +.main-container section header { + width: 100%; + max-width: 900px; + margin: 10px auto; + background: #EFEBE3; + height: 50px; + border-radius: 5px; +} +.main-container section header #wrapper { + padding: 5px; +} +.main-container section header #wrapper #left, .main-container section header #wrapper #right { + width: 49.7%; + display: inline-block; + vertical-align: top; + min-height: 60px; +} +.main-container section header #wrapper #left #the-logo, .main-container section header #wrapper #right #the-logo { + width: 29px; +} +.main-container section header #wrapper #right { + text-align: right; + color: #EFEBE3; +} +.main-container section header #wrapper #right #dash-menu { + text-align: right; +} +.main-container section header #wrapper #right #dash-menu a button { + border-radius: 50px; +} +.main-container section header #wrapper #right #dash-menu a button svg { + transition: all 0.2s linear; + width: 40px; + height: 20px; + fill: #EFEBE3; +} +.main-container section header #wrapper #right #dash-menu a:hover button { + background: #1D3040; +} +.main-container section header #wrapper #right #dash-menu a:hover svg { + fill: #b2cce5; +} + +/* Mozilla based browsers */ +::-moz-selection { + background-color: #fc6399; + color: #EFEBE3; +} + +/* Works in Safari */ +::selection { + background-color: #fc6399; + color: #EFEBE3; +} + +/* Works in Opera */ +::-o-selection { + background-color: #fc6399; + color: #EFEBE3; +} + +::-ms-selection { + background-color: #fc6399; + color: #EFEBE3; +} + +/* Works in Internet Explorer */ +::-webkit-selection { + background-color: #fc6399; + color: #EFEBE3; +} + +@media only screen and (max-width: 901px) { + .main-container { + padding: 10px; + } +} +@media only screen and (max-width: 800px) { + .main-container section header #wrapper #left, .main-container section header #wrapper #right { + display: inline-block; + } +} +@media only screen and (max-width: 480px) { + .main-container section header #wrapper #left { + width: 30%; + } + .main-container section header #wrapper #right { + width: 70%; + } +} +#dash-index-content { + width: 100%; + height: 100%; + margin: 0 auto; +} +#dash-index-content #dash-index { + width: 100%; + height: 100%; + z-index: 10; + position: relative; +} +#dash-index-content #dash-index #dash-index-wrapper { + width: 100%; + height: 100%; + margin: 0 auto; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init, #dash-index-content #dash-index #dash-index-wrapper .dash-restore { + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + color: #1D3040; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form { + background: #EFEBE3; + padding: 15px; + width: 300px; + border-radius: 5px; + text-align: center; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form #the-logo, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form #the-logo { + width: 40px; + margin: 20px; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form input, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form input { + width: 290px; + margin: 0 0 10px 0; + height: 30px; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form button, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form button { + width: 300px; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form div, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form div { + background: #1D3040; + color: #EFEBE3; + border-radius: 3px; + padding: 5px; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-init form div label, #dash-index-content #dash-index #dash-index-wrapper .dash-restore form div label { + display: block; + padding: 5px; + color: #f5ab35; +} +#dash-index-content #dash-index #dash-index-wrapper .dash-restore { + display: none; + visibility: hidden; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login { + width: 100%; + height: 100%; + margin: 0 auto; + display: flex; + align-items: center; + justify-content: center; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset { + width: 300px; + padding: 0.75em; + background: #EFEBE3; + border-radius: 5px; + color: #EFEBE3; + text-align: center; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form #the-logo, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset #the-logo { + width: 40px; + margin: 20px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form input, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset input { + width: 290px; + margin: 0 0 10px 0; + height: 30px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-form button, #dash-index-content #dash-index #dash-index-wrapper #dash-login #dash-reset button { + width: 300px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu { + padding: 10px; + width: 90%; + max-width: 900px; + margin: 50px auto; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu a { + display: inline-block; + vertical-align: top; + background: black; + width: 30%; + padding: 5px; + border-radius: 3px; + color: #EFEBE3; + margin: 0 10px 10px 0; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu a:hover { + background: black; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu a svg { + display: inline-block; + vertical-align: top; + fill: #EFEBE3; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-menu a label { + display: inline-block; + margin-top: 5px; + width: 85%; + text-align: center; + cursor: pointer; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent { + width: 100%; + max-width: 900px; + height: 100%; + padding: 5px 0 0 0; + margin: 0 auto; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list { + position: relative; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header { + height: 50px; + margin-top: 5px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-left { + vertical-align: top; + display: inline-block; + width: 50%; + color: #EFEBE3; + font-size: 3em; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right { + width: 50%; + text-align: right; + vertical-align: top; + display: inline-block; + right: 10px; + color: #EFEBE3; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button { + border-radius: 3px; + margin-left: 10px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-header-right a button svg { + transition: all 0.2s linear; + width: 40px; + height: 20px; + fill: #EFEBE3; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link { + font-size: 1.5em; + font-weight: 300; + display: inline-block; + border-radius: 3px; + vertical-align: top; + text-decoration: none; + position: relative; + overflow: hidden; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link .post-video, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link .post-video { + width: 100%; + height: 100%; + object-fit: cover; + position: absolute; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link label, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link label { + font-size: 1.4em; + font-weight: 700; + color: #EFEBE3; + padding: 5px; + vertical-align: top; + display: inline-block; + word-wrap: break-word; + width: 100%; + text-align: center; + position: relative; + top: 35%; + text-shadow: 2px 2px 0 #32302f; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options { + width: 100%; + position: absolute; + bottom: 0; + border-radius: 0 0 3px 3px; + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left { + display: inline-block; + vertical-align: top; + width: 50%; + position: relative; + background: none; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button { + border-radius: 3px; + background: #1D3040; + margin: 0 0 10px 10px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button svg { + width: 40px; + height: 20px; + fill: #b2cce5; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left .item-options, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left .item-options { + border-radius: 3px; + margin: 5px; + display: inline-block; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false], #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] { + background: #1D3040; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=false] svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=false] svg { + fill: #b2cce5; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true], #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] { + background: #f5ab35; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-left button[data-active=true] svg, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-left button[data-active=true] svg { + fill: #1D3040; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right { + display: inline-block; + width: 50%; + text-align: right; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-link div#options #option-right span, #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a.post-video-link div#options #option-right span { + font-weight: bold; + display: block; + background: #EFEBE3; + color: #1D3040; + border-radius: 3px; + font-size: 0.6em; + text-align: center; + position: relative; + padding: 5px; + float: right; + margin: 0 10px 0 0; + bottom: -15px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3) { + width: 100%; + margin-bottom: 20px; + height: 500px; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { + width: 48.6%; + height: 350px; + margin: 0 10px 20px 0; +} +#dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) { + width: 48.6%; + height: 350px; + margin: 0 0 20px 10px; +} + +@media only screen and (max-width: 768px) { + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { + width: 48.9%; + } +} +@media only screen and (max-width: 640px) { + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6) { + width: 48.5%; + } +} +@media only screen and (max-width: 480px) { + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header h3 { + width: 40%; + } + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list .recent-header .index-menu { + width: 60%; + } + #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(3), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(4), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(5), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(6), #dash-index-content #dash-index #dash-index-wrapper #dash-recent #recent-list a:nth-child(7) { + width: 100%; + margin: 15px 0 0 0; + height: 400px; + } +} +#settings-actions { + position: fixed; + width: 40%; + margin-top: -85px; + left: 50%; + margin-left: -20%; +} +#settings-actions #buttons { + width: 185px; + margin: 28px auto; + text-align: center; + background: #EFEBE3; + padding: 2px; + border-radius: 3px; +} +#settings-actions #buttons button { + color: #EFEBE3; + border-radius: 3px; + width: 40px; + margin: 0 10px 0 10px; +} +#settings-actions #buttons button svg { + width: 25px; + height: 20px; + fill: #EFEBE3; +} +#settings-actions #buttons button[data-render=false] { + background: #b2cce5; +} +#settings-actions #buttons button[data-render=false] svg { + fill: #1D3040; +} +#settings-actions #buttons button[data-render=true] { + background: #fc6399; +} +#settings-actions #buttons button[data-render=true] svg { + fill: #EFEBE3; +} + +#settings-index { + width: 94%; + max-width: 900px; + margin: 0 auto; + overflow: hidden; +} +#settings-index #settings-index-wrapper { + padding: 0; +} +#settings-index #settings-index-wrapper button { + margin-top: 5px; + width: 100%; + height: 33px; +} +#settings-index #settings-index-wrapper #member-settings, #settings-index #settings-index-wrapper #feature-settings, #settings-index #settings-index-wrapper #option-settings, #settings-index #settings-index-wrapper #token-settings, #settings-index #settings-index-wrapper #backup-settings { + background: #EFEBE3; + padding: 0px; + border-radius: 5px 0 5px 0; + width: 100%; + margin: 20px auto; +} +#settings-index #settings-index-wrapper #member-settings label, #settings-index #settings-index-wrapper #feature-settings label, #settings-index #settings-index-wrapper #option-settings label, #settings-index #settings-index-wrapper #token-settings label, #settings-index #settings-index-wrapper #backup-settings label { + font-family: Helvetica, Arial, sans-serif; + color: #1D3040; + font-weight: bold; +} +#settings-index #settings-index-wrapper #member-settings span, #settings-index #settings-index-wrapper #feature-settings span, #settings-index #settings-index-wrapper #option-settings span, #settings-index #settings-index-wrapper #token-settings span, #settings-index #settings-index-wrapper #backup-settings span { + color: #b2cce5; +} +#settings-index #settings-index-wrapper #member-settings input, #settings-index #settings-index-wrapper #feature-settings input, #settings-index #settings-index-wrapper #option-settings input, #settings-index #settings-index-wrapper #token-settings input, #settings-index #settings-index-wrapper #backup-settings input { + width: 95%; + margin: 0 5px 10px 0; + height: 30px; + padding: 10px; +} +#settings-index #settings-index-wrapper #member-settings input#backup-upload, #settings-index #settings-index-wrapper #feature-settings input#backup-upload, #settings-index #settings-index-wrapper #option-settings input#backup-upload, #settings-index #settings-index-wrapper #token-settings input#backup-upload, #settings-index #settings-index-wrapper #backup-settings input#backup-upload { + visibility: hidden; + display: none; +} +#settings-index #settings-index-wrapper #member-settings .backup-meta, #settings-index #settings-index-wrapper #feature-settings .backup-meta, #settings-index #settings-index-wrapper #option-settings .backup-meta, #settings-index #settings-index-wrapper #token-settings .backup-meta, #settings-index #settings-index-wrapper #backup-settings .backup-meta { + background: #1D3040; + color: #EFEBE3; + padding: 8px; + border-radius: 3px; + margin: 5px 0 0 0; + text-align: center; +} +#settings-index #settings-index-wrapper #member-settings #member-images, #settings-index #settings-index-wrapper #feature-settings #member-images, #settings-index #settings-index-wrapper #option-settings #member-images, #settings-index #settings-index-wrapper #token-settings #member-images, #settings-index #settings-index-wrapper #backup-settings #member-images { + padding: 10px 15px 0 15px; +} +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop { + display: inline-block; + margin: 0 0 10px 0; +} +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop img, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop img { + width: 100%; + border-radius: 5px; + overflow: hidden; + cursor: pointer; + display: block; + margin-bottom: 2px; +} +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop input, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop input { + visibility: hidden; + display: none; +} +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #privacy-toggle, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #privacy-toggle { + width: 50%; +} +#settings-index #settings-index-wrapper #member-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #feature-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #option-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #token-settings #member-images #member-avatar-drop #render-toggle, #settings-index #settings-index-wrapper #backup-settings #member-images #member-avatar-drop #render-toggle { + width: 50%; +} +#settings-index #settings-index-wrapper #member-settings #member-images #site-background, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background, #settings-index #settings-index-wrapper #option-settings #member-images #site-background, #settings-index #settings-index-wrapper #token-settings #member-images #site-background, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background { + margin: 0 0 10px 0; +} +#settings-index #settings-index-wrapper #member-settings #member-images #site-background img, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background img, #settings-index #settings-index-wrapper #option-settings #member-images #site-background img, #settings-index #settings-index-wrapper #token-settings #member-images #site-background img, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background img { + width: 92.1%; + height: 292px; + border-radius: 3px; + overflow: hidden; + cursor: pointer; +} +#settings-index #settings-index-wrapper #member-settings #member-images #site-background input, #settings-index #settings-index-wrapper #feature-settings #member-images #site-background input, #settings-index #settings-index-wrapper #option-settings #member-images #site-background input, #settings-index #settings-index-wrapper #token-settings #member-images #site-background input, #settings-index #settings-index-wrapper #backup-settings #member-images #site-background input { + visibility: hidden; + display: none; +} +#settings-index #settings-index-wrapper #member-settings #member-meta, #settings-index #settings-index-wrapper #feature-settings #member-meta, #settings-index #settings-index-wrapper #option-settings #member-meta, #settings-index #settings-index-wrapper #token-settings #member-meta, #settings-index #settings-index-wrapper #backup-settings #member-meta { + padding: 10px 15px 0 15px; + position: relative; + top: -30px; +} +#settings-index #settings-index-wrapper #member-settings #features, #settings-index #settings-index-wrapper #feature-settings #features, #settings-index #settings-index-wrapper #option-settings #features, #settings-index #settings-index-wrapper #token-settings #features, #settings-index #settings-index-wrapper #backup-settings #features { + padding: 10px 15px 0 15px; +} +#settings-index #settings-index-wrapper textarea { + background: #1D3040; + width: 70%; + height: 89.5px; + color: #f5ab35; + padding: 10px; + display: inline-block; + margin-bottom: 10px; +} +#settings-index #settings-index-wrapper span#key { + color: #EFEBE3; + background: #1D3040; + font-size: 0.9em; + border-radius: 3px; + padding: 5px; + display: block; + width: 95%; + overflow: hidden; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api, #settings-index #settings-index-wrapper #feature-settings #dynamic-api { + background: #EFEBE3; + border-radius: 3px; + padding: 5px; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button { + color: #EFEBE3; + border-radius: 3px; + width: 200px; + margin: 0; + height: 200px; + font-size: 1em; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button svg { + width: 100px; + height: 90px; + fill: #EFEBE3; + position: relative; + display: block; + margin: 12px auto; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button span, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button span { + color: #EFEBE3; + margin: 6px 0 0 5px; + position: relative; + vertical-align: middle; + display: inline-block; + font-weight: bold; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false], #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] { + background: #b2cce5; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] svg { + fill: #1D3040; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=false] span, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=false] span { + color: #1D3040; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true], #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] { + background: #fc6399; +} +#settings-index #settings-index-wrapper #feature-settings #feature-api button[data-enabled=true] svg, #settings-index #settings-index-wrapper #feature-settings #dynamic-api button[data-enabled=true] svg { + fill: #EFEBE3; +} +#settings-index #settings-index-wrapper #token-settings #keys-tokens { + padding: 10px 15px 0 15px; +} +#settings-index #settings-index-wrapper #token-settings #keys-tokens #member-api-key, #settings-index #settings-index-wrapper #token-settings #keys-tokens #form-token { + background: #1D3040; + border-radius: 3px; + padding: 5px; + color: #EFEBE3; +} +#settings-index #settings-index-wrapper #option-settings #theme-settings a { + width: 95%; + margin: 0 5px 5px 0; + height: 15px; + padding: 10px; + display: inline-block; +} +#settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=false] { + background: #EFEBE3; + color: #1D3040; + border-radius: 3px; + font-weight: bold; + border-top: 1px #fc6399 solid; + border-bottom: 1px #fc6399 solid; +} +#settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=true] { + background: #fc6399; + color: #1D3040; + border-radius: 3px; + font-weight: bold; + border-top: 1px #1D3040 solid; + border-bottom: 1px #1D3040 solid; +} +#settings-index #settings-index-wrapper #option-settings #theme-settings a[data-enabled=true] svg { + fill: #1D3040; + display: inline-block; + float: right; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings { + min-height: 240px; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option { + float: right; + font-family: "Lucida Console", Monaco, monospace; + font-size: 0.9em; + border-radius: 3px; + text-decoration: none; + margin: 0 0 0 5px; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option[data-enabled=true] { + color: #fc6399; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings a.mail-option[data-enabled=false] { + color: #1D3040; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings input { + margin: 0 5px 5px 0; + vertical-align: top; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings div[data-enabled=false] { + display: none; + visibility: hidden; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api { + background: #1D3040; + border-radius: 3px; + padding: 10px; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api span { + color: #EFEBE3 !important; + margin: -13px 0 0 5px; + position: relative; + vertical-align: middle; + display: inline-block; + font-weight: bold; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button { + color: #EFEBE3; + border-radius: 3px; + width: 40px; + margin: 0; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button svg { + width: 25px; + height: 20px; + fill: #EFEBE3; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=false] { + background: #b2cce5; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=false] svg { + fill: #1D3040; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=true] { + background: #fc6399; +} +#settings-index #settings-index-wrapper #option-settings #mail-settings #settings-api button[data-enabled=true] svg { + fill: #EFEBE3; +} + +@media only screen and (max-width: 480px) { + #settings-actions { + margin-left: -42%; + } + #settings-actions #buttons { + width: 150px; + background: none; + } + #settings-actions #buttons button { + margin: 0 5px 0 5px; + } +} +#error-index { + width: 100%; + max-width: 900px; + margin: 0 auto; + padding: 10px; + height: 100%; + z-index: 10; + position: relative; +} +#error-index label#title { + font-size: 100px; + color: #fc6399; + font-weight: 500; +} +#error-index label#message { + font-size: 50px; + color: #f5ab35; + font-weight: 500; +} +#error-index label#error { + font-size: 25px; + color: #F64747; + font-weight: 500; +} + +#nav-index { + width: 100%; + max-width: 900px; + margin: 0 auto; +} +#nav-index #nav-index-wrapper #nav-pages .nav-item { + display: block; + width: 98%; + background: #EFEBE3; + border-radius: 3px; + color: #fc6399; + height: 30px; + padding: 10px; + margin: 0 0 10px 0; + font-size: 1.5em; + cursor: move; +} +#nav-index #nav-index-wrapper #nav-pages .nav-item #item-arrows { + fill: #1D3040; + width: 40px; + height: 30px; +} +#nav-index #nav-index-wrapper #nav-pages label { + display: inline-block; + vertical-align: middle; + padding: 0; + margin: -15px 0 0 10px; + cursor: move; +} +#nav-index #nav-index-wrapper #nav-pages #nav-btns { + float: right; + top: -5px; + position: relative; +} +#nav-index #nav-index-wrapper #nav-pages #nav-btns button { + color: #EFEBE3; + border-radius: 3px; + width: 40px; + margin: 0 10px 0 10px; +} +#nav-index #nav-index-wrapper #nav-pages #nav-btns button svg { + fill: #EFEBE3; + width: 25px; + height: 20px; +} + +@media only screen and (max-width: 375px) { + #nav-index #nav-index-wrapper #nav-pages .nav-item { + width: 94.5%; + font-size: 1em; + } + #nav-index #nav-index-wrapper #nav-pages .nav-item label { + width: 40%; + vertical-align: top; + margin-top: 0px; + line-height: 1em; + } +} +@media only screen and (max-width: 320px) { + #nav-index #nav-index-wrapper #nav-pages .nav-item { + width: 94.5%; + font-size: 1em; + } + #nav-index #nav-index-wrapper #nav-pages .nav-item label { + width: 37%; + vertical-align: top; + margin-top: 0px; + line-height: 1em; + } +} +form { + display: inline-block; +} +form a { + color: #1D3040; +} +form p { + background: #f5ab35; + color: #1D3040; + padding: 5px; + display: block; + border-radius: 5px; + text-align: left; +} + +input[type=email], input[type=password], input[type=text] { + border: 0; + border-radius: 5px; + padding: 5px; + margin: 10px 5px 0 0; + font: 18px Helvetica, Arial, sans-serif; + display: inline-block; + background: #1D3040; + color: #f5ab35; +} + +textarea { + border: 0; + border-radius: 3px; + color: #EFEBE3; + font: 15px Helvetica, Arial, sans-serif; + background: #1D3040; +} + +button, input[type=submit] { + background: #fc6399; + color: #1D3040; + font: 20px Helvetica, Arial, sans-serif; + border-radius: 5px; + position: relative; + cursor: pointer; + border: 0; + padding: 10px 0 5px 0; + transition: all 0.3s linear; +} + +select { + font: 14px Helvetica, Arial, sans-serif; + border: 1px solid #b2cce5; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + color: #1D3040; +} + +::-webkit-input-placeholder { + font: 25px Helvetica, Arial, sans-serif; + color: #EFEBE3; +} + +:-moz-placeholder { + /* Firefox 18- */ + font: 25px Helvetica, Arial, sans-serif; + color: #EFEBE3; +} + +::-moz-placeholder { + /* Firefox 19+ */ + font: 15px Helvetica, Arial, sans-serif; + color: #EFEBE3; +} + +:-ms-input-placeholder { + font: 25px Helvetica, Arial, sans-serif; + color: #EFEBE3; +} + +#post-index { + width: 100%; + max-width: 900px; + margin: 0 auto; +} +#post-index #post-index-wrapper { + overflow: hidden; +} +#post-index #post-index-wrapper #post-index-header { + margin: 10px 0 0 0; +} +#post-index #post-index-wrapper #post-index-header #post-index-header-left { + text-transform: capitalize; + display: inline-block; + width: 50%; + color: #EFEBE3; + font-size: 3em; +} +#post-index #post-index-wrapper #post-index-header #post-index-header-right { + text-align: right; + display: inline-block; + width: 50%; +} +#post-index #post-index-wrapper #post-index-header #post-index-header-right a button { + color: #EFEBE3; + border-radius: 3px; + margin-left: 10px; + width: 55px; +} +#post-index #post-index-wrapper #post-index-header #post-index-header-right a svg { + transition: all 0.1s linear; + width: 20px; + height: 17px; + fill: #EFEBE3; +} +#post-index #post-index-wrapper #post-index-header #post-index-header-right .current-filter { + color: #fc6399; + text-decoration-color: #b2cce5; +} +#post-index #post-index-wrapper #posts-list { + margin: 20px 0 0 0; +} +#post-index #post-index-wrapper #posts-list a.page-link { + background: #EFEBE3; + display: inline-block; + vertical-align: top; + width: 100%; + text-decoration: none; + margin: 0 0 20px 0; + border-radius: 3px; + overflow: hidden; + color: black; +} +#post-index #post-index-wrapper #posts-list a.page-link label { + font-size: 2em; + font-weight: 500; + padding: 10px; + display: inline-block; + vertical-align: top; + width: 100%; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video { + width: 100%; + height: 350px; + background-color: #fc6399; + position: relative; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg video, #post-index #post-index-wrapper #posts-list a.page-link div.page-video video { + width: 100%; + position: absolute; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg label, #post-index #post-index-wrapper #posts-list a.page-link div.page-video label { + font-size: 2em; + font-weight: 700; + color: #EFEBE3; + padding: 5px; + vertical-align: top; + display: inline-block; + word-wrap: break-word; + width: 100%; + text-align: center; + position: relative; + top: 35%; + text-shadow: 2px 2px 0 #32302f; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta { + width: 100%; + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); + border-radius: 3px; + margin: auto; + bottom: 0; + position: absolute; + padding: 0 0 20px 0; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options { + width: 100%; + bottom: 0; + position: absolute; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left { + display: inline-block; + vertical-align: top; + width: 50%; + position: relative; + background: none; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button { + border-radius: 3px; + background: #1D3040; + margin: 0 0 10px 10px; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left svg { + transition: all 0.2s linear; + width: 40px; + height: 20px; + fill: #b2cce5; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left .item-options, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left .item-options { + border-radius: 3px; + margin: 5px; + display: inline-block; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false], #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] { + background: #1D3040; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=false] svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=false] svg { + fill: #b2cce5; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true], #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] { + background: #f5ab35; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-left button[data-active=true] svg, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-left button[data-active=true] svg { + fill: #1D3040; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right { + display: inline-block; + width: 50%; + text-align: right; +} +#post-index #post-index-wrapper #posts-list a.page-link div.page-bg #meta #options #option-right span, #post-index #post-index-wrapper #posts-list a.page-link div.page-video #meta #options #option-right span { + font-weight: bold; + display: block; + background: #EFEBE3; + color: #1D3040; + border-radius: 3px; + font-size: 0.6em; + text-align: center; + position: relative; + padding: 5px; + float: right; + margin: 0 10px 0 0; + bottom: -15px; +} +#post-index #post-index-wrapper #posts-list a.page-link p { + padding: 5px 10px 5px 10px; + font-size: 1.2em; + font-weight: 400; +} +#post-index #post-index-wrapper .paginate { + width: 260px; + display: block; + margin: 0 auto; +} +#post-index #post-index-wrapper .paginate a { + display: inline-block; + vertical-align: top; +} +#post-index #post-index-wrapper .paginate span.count { + text-align: center; + padding: 5px; + margin-top: -2px; + display: inline-block; + width: 190px; + font-size: 1.5em; + color: #f5ab35; +} + +#post-edit-index { + width: 100%; + overflow: hidden; +} +#post-edit-index #post-edit-index-wrapper { + width: 100%; +} +#post-edit-index #post-edit-index-wrapper #post-header { + background: #fc6399; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper { + max-width: 900px; + margin: 0 auto; + padding: 0.75rem; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper label { + color: #EFEBE3; + font-size: 0.9em; + font-family: Helvetica, Arial, sans-serif; + font-weight: 600; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper span { + color: #1D3040; + font-size: 0.9em; + font-weight: 600; + text-transform: uppercase; + float: right; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #post_title { + background: #EFEBE3; + font-family: Helvetica, Arial, sans-serif; + width: 97.6%; + height: 80px; + font-size: 2em; + color: #1D3040; + padding: 5px; + margin: 0 0 5px 0; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #calendar-icon { + background: #05090b; + border-radius: 3px 0 0 3px; + display: inline-block; + padding: 5.2px; + color: #b2cce5; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-title #layouts select { + background: #1D3040; + color: #b2cce5; + border-radius: 3px; + border-color: #1D3040; + margin: 0 0 10px 0; + width: 100%; + height: 45px; + padding: 5px; + font-size: 1.5em; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post_tags { + background: #EFEBE3; + font-family: Helvetica, Arial, sans-serif; + width: 97.6%; + height: 80px; + color: #1D3040; + padding: 5px; + margin: 0 0 5px 0; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options { + display: inline-block; + vertical-align: top; + width: 100%; + padding: 0; + margin: 0 0 10px 0; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button:nth-child(1) { + border-radius: 3px 0 0 3px; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button:nth-child(4) { + border-radius: 0 3px 3px 0; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options a button { + border-radius: 0 3px 3px 0 !important; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button { + width: 25%; + height: 45px; + transition: all 0.3s linear; + margin: 0; + border-radius: 0; + display: inline-block; + vertical-align: top; + text-align: center; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=false] { + background: #1D3040; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=false] svg { + fill: #b2cce5; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=true] { + background: #f5ab35; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-options button[data-active=true] svg { + fill: #1D3040; +} +#post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #page-files-upload, #post-edit-index #post-edit-index-wrapper #post-header #post-header-wrapper #post-meta #post-image-upload { + display: none; +} +#post-edit-index #post-edit-index-wrapper #post-feature { + width: 100%; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager { + background: #f5ab35; + width: 100%; + min-height: 300px; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper { + width: 100%; + max-width: 900px; + padding: 10px; + margin: 0 auto; + font-weight: bold; + font-color: #1D3040; + font-size: 1em; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-file-drop { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + min-height: 100px; + background: #EFEBE3; + color: #1D3040; + vertical-align: middle; + border-radius: 5px; + margin: 0 0 10px 0; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-file-drop label { + cursor: pointer; + font-weight: 600px; + text-transform: capitalize; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-file-drop img { + width: 100%; + margin: 0; + padding: 0; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list { + padding: 10px 0 0 0; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .img-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .img-item { + height: 150px; + width: 23.8%; + border-radius: 3px; + margin: 0 10px 10px 0; + display: inline-block; + cursor: pointer; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .audio-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .audio-item { + height: 150px; + width: 23.8%; + border-radius: 3px; + margin: 0 10px 10px 0; + display: inline-block; + cursor: pointer; + background: #1D3040; + background: url("/assets/images/global/upload-audio.png") no-repeat center center/cover; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .video-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .video-item { + height: 150px; + width: 23.8%; + border-radius: 3px; + margin: 0 10px 10px 0; + display: inline-block; + cursor: pointer; + background: #1D3040; + background: url("/assets/images/global/upload-video.png") no-repeat center center/cover; +} +#post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-images-list .file-item, #post-edit-index #post-edit-index-wrapper #post-feature #page-file-manager #page-file-wrapper #page-files-list .file-item { + height: 150px; + width: 23.8%; + border-radius: 3px; + margin: 0 10px 10px 0; + display: inline-block; + cursor: pointer; + background: #1D3040; + background: url("/assets/images/global/upload-doc.png") no-repeat center center/cover; +} +#post-edit-index #post-edit-index-wrapper #edit-post { + width: 100%; + max-width: 880px; + margin: 0 auto; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper { + width: 100%; + max-width: 900px; + border-radius: 5px; + position: relative; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper textarea:focus { + outline: none; + border-color: #fc6399; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight { + border: 0; + width: 100%; + min-height: 300px; + height: auto; + position: absolute; + top: 0; + left: 0; + overflow: auto; + word-wrap: normal; + white-space: pre-wrap; + line-break: normal; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight-content { + word-wrap: normal; + white-space: pre-wrap; + line-break: normal; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #hightlight * { + font-size: 1.2em; + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + line-height: 22pt; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit { + z-index: 1; + color: transparent; + background: transparent; + caret-color: #fc6399; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight { + z-index: 0; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight pre { + margin: 0; +} +#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight pre code { + font-family: "Lucida Console", Monaco, monospace; + padding: 5px; + border-radius: 5px; + line-height: 1.6em; + font-size: 1.25em; + color: #fde3a7; + word-wrap: normal; + white-space: pre-wrap; + line-break: normal; + -webkit-line-break: normal; + -o-line-break: normal; + -moz-line-break: normal; + display: inline-block; + width: 100%; + max-width: 900px; + min-height: 200px; + caret-color: #fc6399; +} + +@media only screen and (max-width: 800px) { + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 37.6%; + } +} +@media only screen and (max-width: 768px) { + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 43.1%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control { + max-width: 100%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control button { + width: 9.91%; + } +} +@media only screen and (max-width: 640px) { + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 42%; + } +} +@media only screen and (max-width: 480px) { + #post-index #post-index-wrapper #post-index-header #post-index-header-left { + font-size: 1.35em; + width: 30%; + } + #post-index #post-index-wrapper #post-index-header #post-index-header-right { + width: 70%; + vertical-align: top; + } + #post-index #post-index-wrapper #post-index-menu a { + font-size: 0.95em; + } + #post-index #post-index-wrapper #post-index-menu a label { + display: none; + visibility: hidden; + } + + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-options { + margin: 5px 0 0 0; + width: 100%; + padding: 0; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 89.2%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control button { + width: 9.91%; + } +} +@media only screen and (max-width: 320px) { + #post-index #post-index-wrapper #post-index-menu a { + font-size: 0.95em; + } + #post-index #post-index-wrapper #post-index-menu a label { + display: none; + visibility: hidden; + } + + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post_title { + width: 96.4%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-options { + margin: 5px 0 0 0; + width: 100%; + padding: 0; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date { + width: 83.1%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #post_tags { + width: 96.4%; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control .content-editor-btn-icon svg.icons { + width: 20px; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control .post-sumbit-btn svg.icons { + width: 20px; + } + #post-edit-index #post-edit-index-wrapper #post-header #post-meta #edit-control button { + width: 10%; + } +} +.dp-modal { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.75); + z-index: 2000; +} + +.dp { + position: relative; + background: #1D3040; + box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25); + line-height: 1.4; + border-radius: 4px; + max-height: 400px; + z-index: 5000; + padding-top: 6px; + overflow: hidden; + -webkit-tap-highlight-color: transparent; +} + +.dp:before { + content: " "; + height: 6px; + position: absolute; + top: 0; + left: 0; + right: 0; + background: #fc6399; +} + +.dp-permanent .dp { + padding-top: 0; + border: 1px solid #EEE; + box-shadow: none; +} + +.dp-permanent .dp:before { + display: none; +} + +.dp-cal { + min-height: 300px; +} + +.dp-below { + position: absolute; + font-size: 0.8em; + width: 400px; + max-width: 90vw; +} + +.dp-permanent { + position: relative; + font-size: 0.8em; + width: 400px; + max-width: 100vw; +} + +.dp-permanent .dp { + z-index: 0; +} + +.dp-modal .dp { + position: absolute; + top: 50%; + left: 50%; + max-width: 600px; + width: calc(100% - 4em); + transform: translate(-50%, -50%); + animation: slide-up 0.3s forwards; +} + +.dp-months { + padding: 24px; +} + +.dp-years { + box-sizing: border-box; + max-height: 400px; + padding: 8px 0; + /* HACK for Chrome on Android */ + overflow: auto !important; +} + +.dp-cal-month, .dp-cal-year, .dp-day, .dp-month, .dp-year { + box-sizing: border-box; + text-align: center; + text-decoration: none; + position: relative; + color: #EFEBE3; + border-radius: 2px; + border: 0; + background: transparent; +} + +.dp-cal-header { + position: relative; + text-align: center; + padding-bottom: 16px; + background: #0d161d; +} + +.dp-next, .dp-prev { + position: absolute; + width: 30px; + height: 30px; + overflow: hidden; + top: 14px; + color: black; + border-radius: 2px; + border: 0; + background: transparent; +} + +.dp-next:focus, .dp-prev:focus, .dp-next:hover, .dp-prev:hover { + outline: none; + color: inherit; +} + +.dp-prev { + left: 24px; +} + +.dp-next { + right: 24px; +} + +.dp-prev:before, .dp-next:before { + content: ""; + border: 2px solid; + width: 10px; + height: 10px; + display: inline-block; + transform: rotate(-45deg); + transition: border-color 0.2s; + margin: 9px 0 40px 4px; +} + +.dp-prev:before { + border-right: 0; + border-bottom: 0; +} + +.dp-next:before { + border-left: 0; + border-top: 0; + margin-left: 0; + margin-right: 4px; +} + +.dp-cal-month, .dp-cal-year { + display: inline-block; + font-size: 1.4em; + padding: 16px 8px 8px; + outline: none; +} + +.dp-cal-footer { + text-align: center; + background: #0d161d; +} + +.dp-day-today:after { + content: ""; + height: 0; + width: 0; + border: 7px solid #fc6399; + border-bottom-color: transparent; + border-left-color: transparent; + position: absolute; + top: 0; + right: 0; +} + +.dp-close, .dp-clear, .dp-today { + box-sizing: border-box; + display: inline-block; + width: 33%; + padding: 8px; + text-decoration: none; + color: black; + border: 0; + background: transparent; +} + +.dp-permanent .dp-close, .dp-permanent .dp-clear { + display: none; +} + +.dp-close:active, .dp-clear:active, .dp-today:active, .dp-next:active, .dp-prev:active, .dp-cal-month:active, .dp-cal-year:active { + background: #fc6399; + color: #EFEBE3; +} + +@media screen and (min-device-width: 1200px) { + .dp-close:hover, .dp-close:focus, .dp-clear:hover, .dp-clear:focus, .dp-today:hover, .dp-today:focus, .dp-next:hover, .dp-next:focus, .dp-prev:hover, .dp-prev:focus, .dp-cal-month:focus, .dp-cal-month:hover, .dp-cal-year:hover, .dp-cal-year:focus { + background: #fc6399; + color: #EFEBE3; + } +} +.dp-col-header, .dp-day { + width: 14.28571429%; + display: inline-block; + padding: 8px; + text-align: center; +} + +.dp-col-header { + color: #AAA; + text-transform: uppercase; + font-weight: 300; + font-size: 0.8em; + padding: 8px 0; +} + +.dp-month { + width: 33%; + display: inline-block; + padding: 8px; +} + +.dp-year { + display: block; + padding: 8px 40px; + width: 100%; +} + +.dp-edge-day { + color: #AAA; +} + +.dp-day:hover, .dp-month:hover, .dp-year:hover, .dp-current:focus, .dp-current, .dp-day:focus, .dp-month:focus, .dp-year:focus { + outline: none; + background: black; + color: #EFEBE3; +} + +.dp-selected:hover, .dp-selected:focus, .dp-selected { + background: #fc6399; + color: black; +} + +.dp-day-disabled { + background: transparent; + color: #DDD; +} + +.dp-day-disabled:focus, .dp-day-disabled:hover { + background: #DDD; +} + +.dp-focuser { + position: absolute; + z-index: 0; + top: 50%; + left: 50%; +} + +@media (max-width: 480px), (max-height: 480px) { + .dp-modal .dp { + font-size: 0.9em; + width: auto; + width: 100%; + } + + .dp-day-of-week, .dp-day { + padding: 8px; + } +} +@keyframes slide-up { + 0% { + transform: translate(-50%, 100%); + } + 100% { + transform: translate(-50%, -50%); + } +} +#edit-control { + top: 1px; + border-radius: 3px; + width: 100%; + max-width: 880px; + margin-top: 30px; + z-index: 2000; +} +#edit-control button:nth-child(1) { + border-radius: 3px 0 0 3px; +} +#edit-control button:nth-child(10) { + border-radius: 0 3px 3px 0; +} +#edit-control button { + background: #b2cce5; + width: 10%; + height: 39px; + transition: all 0.3s linear; + margin: 0; + border-radius: 0; + display: inline-block; + vertical-align: top; + text-align: center; +} +#edit-control button:hover { + background: #6699cb; +} +#edit-control #option-update { + padding: 5px 5px 1px 5px; + display: inline-block; + vertical-align: top; + text-align: center; +} +#edit-control .icon-hide { + display: none; + visibility: hidden; +} +#edit-control .submit-start { + background: #EFEBE3; +} +#edit-control .submit-start svg { + fill: #32cd32; +} +#edit-control .submit-cool { + background: #32cd32; +} +#edit-control .submit-cool svg { + fill: #EFEBE3; +} +#edit-control .submit-delete { + background: #F64747 !important; +} +#edit-control .submit-delete svg { + fill: #EFEBE3 !important; +} +#edit-control #option-date { + height: 30px; + padding-top: 6px; +} +#edit-control #option-date svg { + margin: -13px 5px 0 0; + display: inline-block; + vertical-align: top; + fill: #EFEBE3; +} +#edit-control .content-editor-btn-icon { + padding: 5px 5px 1px 5px; + color: #1D3040; +} +#edit-control .content-editor-btn-icon svg { + fill: #1D3040; +} +#edit-control .content-editor-btn-text { + padding: 5px; + color: #1D3040; +} +#edit-control #option-bold { + font-weight: bold; + text-decoration: none; +} +#edit-control #option-italic { + font-weight: bold; + text-decoration: none; + font-style: italic; +} +#edit-control #option-strikethrough { + font-weight: bold; + text-decoration: line-through; + font-style: italic; +} + +code[class*=language-], +pre[class*=language-] { + color: #fde3a7; + background: none; + text-shadow: 0 1px rgba(0, 0, 0, 0.3); + font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + font-size: 1em; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +pre[class*=language-] { + margin: 0.1em 0; + overflow: auto; + border-radius: 0.3em; +} + +:not(pre) > code[class*=language-], +pre[class*=language-] { + background: #1D3040; +} + +:not(pre) > code[class*=language-] { + padding: 0.1em; + border-radius: 0.3em; + white-space: normal; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: #8292a2; +} + +.token.punctuation { + color: #e7903c; +} +.token.namespace { + opacity: 0.6; +} +.token.keyword { + color: #66d9ef; +} +.token.italic { + font-style: italic; +} +.token.entity { + cursor: help; +} +.token.content { + color: #6bb9f0; +} + +.token.property, +.token.tag, +.token.constant, +.token.symbol, +.token.deleted { + color: #e73c4e; +} + +.token.boolean, +.token.number { + color: #ae81ff; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #a6e22e; +} + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string, +.token.variable { + color: #dcc6e0; +} + +.token.atrule, +.token.attr-value, +.token.function, +.token.class-name { + color: #e6db74; +} + +.token.regex, +.token.important { + color: #e7903c; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +/*# sourceMappingURL=dash.css.map */ diff --git a/src/com/ui/FileManager.js b/src/com/ui/FileManager.js deleted file mode 100644 index e6631ac..0000000 --- a/src/com/ui/FileManager.js +++ /dev/null @@ -1,204 +0,0 @@ -import Sortable from 'sortablejs'; -import DataUtils from '../utils/DataUtils'; -import Notfications from './Notifications.js'; -const notify = new Notfications(); - -export default class FileManager { - //-------------------------- - // constructor - //-------------------------- - constructor(upload, input, imageList, fileList) { - this.upload = upload; - this.input = input; - this.imageList = imageList; - this.fileList = fileList; - this.accetableFiles = [ - 'image/jpeg', - 'image/gif', - 'image/png', - 'image/svg', - 'audio/mpeg', - 'video/mp4', - 'application/pdf', - 'text/plain', - 'text/rtf' - ]; - this.files = []; - this.sortedFiles = []; - this.storage = []; - this.start(); - } - //-------------------------- - // methods - //-------------------------- - start() { - this.upload.addEventListener('dragover', e => this.handleFileActions(e), false); - this.upload.addEventListener('drop', e => this.handleFileActions(e), false); - this.input.addEventListener('change', e => this.handleFileActions(e), false); - - Sortable.create(this.imageList, { - onUpdate: e => { - notify.alert('REINDEXING FILES', null); - let currentFiles = []; //store current list - let items = e.target.children; - for (let index = 0; index < items.length; index++) { - var item = items[index]; - let url = ''; - if (item.className == 'img-item') { - url = item.style.backgroundImage.slice(4, -1).replace(/"/g, ''); - } else { - url = item.getAttribute('data-source'); - } - - currentFiles.push({ - earl: url - }); - } - this.reindexFiles(currentFiles, 0); - } - }); - - Sortable.create(this.fileList, { - onUpdate: e => { - notify.alert('REINDEXING FILES', null); - let currentFiles = []; - let items = e.target.children; - for (let index = 0; index < items.length; index++) { - var item = items[index]; - let url = item.getAttribute('data-source'); - currentFiles.push({ - earl: url - }); - } - this.reindexFiles(currentFiles, 0); - } - }); - } - - getFiles() { - return this.files; - } - - reindexFiles(sortOrder, step) { - let count = sortOrder.length; - if (step == 0) this.files = []; - var utils = new DataUtils(); - var path = sortOrder[step].earl.split('/'); - utils.imgLoad(sortOrder[step].earl).then(blob => { - var fresh = new File([blob], path[6], { type: blob.type }); - this.files.push(fresh); - if (this.files.length <= count - 1) { - this.reindexFiles(sortOrder, ++step); - } else { - notify.alert('FILES READY TO UPLOAD', true); - } - }); - } - - sortFiles(files) { - var self = this; - this.files = []; //clear files array - this.imageList.innerHTML = ''; - this.fileList.innerHTML = ''; - for (var i = 0, file; (file = files[i]); i++) { - var reader = new FileReader(); - // Closure to capture the file information - - reader.onload = (theFile => { - return function (f) { - // sort files - switch (theFile.type) { - case 'image/jpg': - case 'image/jpeg': - case 'image/gif': - case 'image/svg': - case 'image/png': - //create element and add to list - var image = document.createElement('img'); - image.src = f.target.result; - image.title = escape(theFile.name); - var span = document.createElement('div'); - span.style.background = - 'url(' + - f.target.result + - ') no-repeat center center / cover'; - span.className = 'img-item'; - image.setAttribute('id', i); - self.storage.push([ - { - id: 'page_image' + i, - data: f.target.result, - type: theFile.type, - name: escape(theFile.name) - } - ]); - self.imageList.appendChild(span); - //add to files list - self.files.push(theFile); - - break; - case 'video/mp4': - var video = document.createElement('div'); - video.className = 'video-item'; - video.setAttribute('data-source', f.target.result); - self.imageList.appendChild(video); - self.files.push(theFile); - break; - case 'audio/mpeg': - var sound = document.createElement('div'); - sound.className = 'audio-item'; - sound.setAttribute('data-source', f.target.result); - self.fileList.appendChild(sound); - self.files.push(theFile); - break; - case 'application/pdf': - case 'text/plain': - case 'text/rtf': - var file = document.createElement('div'); - file.className = 'file-item'; - file.setAttribute('data-source', f.target.result); - self.fileList.appendChild(file); - self.files.push(theFile); - break; - } - }; - })(file); - // Read in the image file as a data URL. - reader.readAsDataURL(file); - } - } - - //-------------------------- - // event handlers - //-------------------------- - handleFileActions(e) { - e.stopPropagation(); - e.preventDefault(); - let self = this; - let rawList = []; - let sortedList = []; - let notOnTheList = []; - - switch (e.type) { - case 'dragover': - e.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy. - break; - case 'change': - case 'drop': - e.type == 'drop' - ? (rawList = e.dataTransfer.files) - : (rawList = e.target.files); - for (var i = 0, f; (f = rawList[i]); i++) { - // check witch files are cool to upload - if (this.accetableFiles.includes(f.type)) { - sortedList.push(f); - } else { - notOnTheList.push(f); - } - } - //send for sorting - self.sortFiles(sortedList); - break; - } - } -}