diff options
author | Thomas Lange <code@nerdmind.de> | 2024-11-21 20:59:05 +0100 |
---|---|---|
committer | Thomas Lange <code@nerdmind.de> | 2024-11-29 15:10:40 +0100 |
commit | ebc5cf9ac20b959c6d4a6a34643eb8657cf9db84 (patch) | |
tree | 6a17f88f2afd17f8afac6a0d744d6369e2a65cdb /theme/admin/rsrc/css | |
parent | 52cb2b8aef3ba86e4abe551a3df9831d347e948e (diff) | |
download | blog-ebc5cf9ac20b959c6d4a6a34643eb8657cf9db84.tar.gz blog-ebc5cf9ac20b959c6d4a6a34643eb8657cf9db84.tar.xz blog-ebc5cf9ac20b959c6d4a6a34643eb8657cf9db84.zip |
Rename "rsrc" directories to "static"
Stop using "rsrc" as name for the directories which contain static files
and rename them to "static". This affects the global static directory
and the subdirectories in the theme directories.
If you've stored your own files in the old global "rsrc" directory, you
must move them to the new "static" directory.
Diffstat (limited to 'theme/admin/rsrc/css')
-rw-r--r-- | theme/admin/rsrc/css/bright.css | 972 | ||||
-rw-r--r-- | theme/admin/rsrc/css/bright.scss | 69 | ||||
-rw-r--r-- | theme/admin/rsrc/css/dark.css | 972 | ||||
-rw-r--r-- | theme/admin/rsrc/css/dark.scss | 69 | ||||
-rw-r--r-- | theme/admin/rsrc/css/import/_fontello.scss | 116 | ||||
-rw-r--r-- | theme/admin/rsrc/css/import/_fonts.scss | 33 | ||||
-rw-r--r-- | theme/admin/rsrc/css/import/_responsive.scss | 92 | ||||
-rw-r--r-- | theme/admin/rsrc/css/import/_styles.scss | 795 | ||||
-rw-r--r-- | theme/admin/rsrc/css/import/_variables.scss | 31 |
9 files changed, 0 insertions, 3149 deletions
diff --git a/theme/admin/rsrc/css/bright.css b/theme/admin/rsrc/css/bright.css deleted file mode 100644 index 6ca9bae..0000000 --- a/theme/admin/rsrc/css/bright.css +++ /dev/null @@ -1,972 +0,0 @@ -@charset "UTF-8"; -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Content background and border color -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Header and navigation -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Text colors -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Misc -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Forms -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form buttons -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Information message box -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Scrollbars -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Import stylesheet -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Import variables -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Line height -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font families -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Text font sizes -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Heading font sizes -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Content widths -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Selection -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -::selection { - background: #BBB; - color: #000; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Placeholders -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -::placeholder { - color: #444; - opacity: 0.5; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Scrollbars -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -* { - scrollbar-color: #A1A1A1 #E1E1E1; } - *::-webkit-scrollbar { - width: 0.75rem; } - *::-webkit-scrollbar-track { - background: #E1E1E1; } - *::-webkit-scrollbar-thumb { - background: #A1A1A1; - background-clip: padding-box; - border: 0.15rem solid transparent; } - *::-webkit-scrollbar-thumb:hover { - background: #888888; - background-clip: padding-box; - border: 0.15rem solid transparent; } - *::-webkit-scrollbar-corner { - background: transparent; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Hyperlinks -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -a { - color: #0060A0; - text-decoration: none; } - a:hover { - text-decoration: underline; } - a:focus { - background: #CCC; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Headings -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -h1, h2, h3 { - margin-bottom: 0; } - h1 + p, h2 + p, h3 + p { - margin-top: 0; } - h1 .fa, h2 .fa, h3 .fa { - margin-right: 0.25rem; } - -h1 { - margin-top: 0; - font-size: 0.8rem; } - -h2 { - font-size: 0.7rem; } - -h3 { - font-size: 0.65rem; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Document -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -html, body { - margin: 0; - padding: 0; } - -html { - font-size: 1.25rem; - color: #333; - background: url("../img/noise-bright.png") #DDD; - -webkit-hyphens: auto; - word-break: break-word; - hyphens: auto; } - -body { - font-family: "Ruda", "sans-serif"; - font-size: 0.7rem; - line-height: 1.2rem; - display: flex; - min-height: 100vh; - flex-direction: column; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Main content -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-content { - flex: 1; - width: 100%; - background: #FFF; - box-sizing: border-box; - padding: 0.75rem; } - #main-content.wide { - max-width: 90rem; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Width -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-content, .header-content { - max-width: 50rem; - margin: 0 auto; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Header -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-header { - font-size: 0.6rem; } - -#header-text { - font-size: 0.8rem; - text-transform: uppercase; } -#header-desc { - line-height: 1rem; } -#header-text, #header-desc { - color: #333; - font-weight: bold; } -#header-logo { - display: block; - max-height: 5rem; - float: left; - margin-right: 0.5rem; } - -.header-line { - padding: 0.25rem 0.75rem; - overflow: hidden; - background: #EEE; } - .header-line + .header-line { - border: 0.05rem solid #AAA; - border-left: none; - border-right: none; } - .header-line.background { - background: #5E819F; - position: sticky; - top: 0; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Footer -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-footer { - font-size: 0.6rem; - background: #EEE; - border-top: 0.05rem solid #AAA; - padding: 0.5rem 0.75rem; - text-align: center; } - #main-footer ul { - margin: 0; - padding: 0; - list-style: none; } - #main-footer ul li { - display: inline; } - #main-footer ul li .fa { - margin-right: 0.125rem; } - #main-footer ul li:after { - content: " – "; - font-weight: bold; } - #main-footer ul li:last-child:after { - content: none; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Main Navigation -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-navi ul { - list-style: none; - margin: 0; - padding: 0; } - #main-navi ul li { - display: inline; } - #main-navi ul li .fa { - margin-right: 0.25rem; } - #main-navi ul li:last-child { - float: right; } - #main-navi ul li:first-child { - float: none; } -#main-navi a { - padding: 0.1rem 0.3rem; - background: #DDD; - border: 0.05rem solid #AAA; - color: inherit; - text-decoration: none; - text-align: center; - display: inline-block; } - #main-navi a:hover, #main-navi a:focus { - text-decoration: none; - background: #CCC; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Site Navigation -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#site-navi { - clear: both; - display: flex; - box-sizing: border-box; - justify-content: space-between; - margin-top: 0.75rem; } - #site-navi > div { - display: flex; - align-items: center; - border: 0.05rem solid #AAA; - background: #EEE; } - #site-navi > div > a { - display: block; } - #site-navi .disabled { - pointer-events: none; - color: #AAA; } - #site-navi ol { - list-style: none; - margin: 0; - padding: 0; } - #site-navi ol li { - float: left; - display: inline-block; } - #site-navi ol li + li { - border-left: 0.05rem solid #AAA; } - #site-navi ol li.active a { - background: #CCC; - font-weight: 600; - pointer-events: none; } - #site-navi a { - padding: 0 0.5rem; - text-decoration: none; - color: inherit; - display: inline-block; } - #site-navi a:hover, #site-navi a:focus { - background: #CCC; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Actions -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.actions { - margin: 0 0 0.5rem 0; - padding: 0; - list-style: none; - font-size: 0.6rem; - float: right; - text-align: center; } - .actions .fa { - margin-right: 0.1rem; } - .actions li { - display: inline-block; - font-weight: bold; - background: #EEE; - border: 0.05rem solid #AAA; } - .actions a { - color: inherit; - display: block; - padding: 0 0.25rem; - text-decoration: none; } - -.actions-before { - float: left; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Elements -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -pre { - margin-bottom: 1rem; - overflow: auto; - -moz-tab-size: 4; - tab-size: 4; - background: #EEE; - padding: 0.5rem; - border: 0.05rem solid #AAA; } - -code, pre { - font-family: "monospace"; } - -code { - color: #008B45; } - -p { - margin-top: 0; } - -img { - border: none; - max-width: 100%; } - -.warning { - color: #B03060; } - -.hidden { - display: none; } - -.no-visual-list { - margin: 0; - padding: 0; - list-style: none; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Item Element -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.item { - display: flex; - flex-direction: column; - border: 0.05rem solid #AAA; - margin-bottom: 0.75rem; - clear: both; } - .item header { - padding: 0.5rem 0.75rem; - border-bottom: 0.05rem solid #AAA; - position: sticky; - top: 0; } - .item header h2 { - margin-top: 0; } - .item footer { - border-top: 0.05rem solid #AAA; } - .item footer ul { - margin: 0; - padding: 0; - list-style: none; } - .item footer ul li { - display: inline-block; - float: left; } - .item footer ul li:last-child { - float: right; } - .item footer a { - color: inherit; - display: inline-block; - padding: 0.25rem 2rem; } - .item footer a:hover, .item footer a:active { - background: #DDD; } - .item header, .item footer { - background: #EEE; - overflow: hidden; } - .item blockquote { - margin: 0; - padding: 0.75rem; - overflow: hidden; - font-family: inherit; - flex-grow: 1; } - .item blockquote p { - margin-bottom: 0; } - .item-id { - float: right; - color: #444; - font-size: 0.7rem; - font-weight: normal; } - .item-meta { - margin: 0; - padding: 0; - list-style: none; } - .item-meta li { - display: inline-block; } - .item-meta li + li:before { - content: " – "; } - .item-meta li.item-meta-right { - float: right; - font-size: 0.6rem; } - .item-meta li.item-meta-right:before { - content: none; } - .item-image { - float: left; - display: block; - margin-right: 0.75rem; - width: 10rem; - height: 7rem; - object-fit: cover; - background: #EEE; - border: 0.05rem solid #AAA; } - .item-container.grid { - width: 100%; - display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-column-gap: 1rem; - grid-row-gap: 1rem; - column-gap: 1rem; - row-gap: 1rem; } - .item-container.grid .item { - margin-bottom: 0; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Argument list -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.arguments { - list-style: none; - margin: 0; - padding: 0.25rem 0.75rem; - background: #EEE; - font-size: 0.6rem; - text-align: center; - border-top: 0.05rem solid #AAA; } - .arguments li { - display: inline; } - .arguments li > code { - font-family: inherit; - color: #444; } - .arguments li:after { - content: " · "; - font-weight: bold; } - .arguments li:last-child:after { - content: none; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Grids -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.form-grid { - clear: both; - display: grid; - grid-template-columns: repeat(2, 7.5rem minmax(0, 1fr)); - border-left: 0.05rem solid #AAA; - border-bottom: 0.05rem solid #AAA; } - .form-grid.two-columns { - grid-template-columns: 1fr 2fr; } - .form-grid.no-bottom-border { - border-bottom: none; } - .form-grid > label { - display: flex; - align-items: center; - background: #DDD; } - .form-grid > label .fa { - margin: 0 0.5rem; } - .form-grid-item, - .form-grid > label { - padding: 0.5rem; - border-top: 0.05rem solid #AAA; - border-right: 0.05rem solid #AAA; } - .form-grid-item.first { - grid-column: span 3; } - -.form-border-box { - border: 0.05rem solid #AAA; } - .form-border-box.padding { - padding: 0.5rem; } - .form-border-box.background { - background: #DDD; } - .form-border-box.nobordertop { - border-top: none; } - .form-border-box + .form-border-box { - border-top: none; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form buttons -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#emoticon-list-wrapper { - display: flex; - width: 100%; - justify-content: center; - box-sizing: border-box; } - -#button-list-wrapper { - border-bottom: 0.05rem solid #AAA; - background: #EEE; - overflow: hidden; } - -.button-list { - margin: 0; - padding: 0; - list-style: none; } - -.button-list.emoticons > li { - font-size: 1.25rem; - display: inline-block; - padding: 0.2rem; - border-bottom: 0.2rem solid transparent; - border-radius: 0.1rem; - cursor: pointer; } - .button-list.emoticons > li:hover, .button-list.emoticons > li:active { - border-bottom: 0.2rem solid #AAA; } - -.button-list.markdown > li { - float: left; - padding: 0.25rem; - cursor: pointer; - width: 1.75rem; - box-sizing: border-box; - text-align: center; } - .button-list.markdown > li:hover, .button-list.markdown > li:active { - color: #000; } - -#content-editor { - border: none; - margin: 0; } - #content-editor-wrapper { - border-top: none; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form elements -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -input, select, textarea { - width: 100%; - background: #EEE; - color: #444; - font-family: inherit; - font-size: 0.7rem; - padding: 0.25rem; - border: 0.05rem solid #AAA; - box-sizing: border-box; } - input:focus, select:focus, textarea:focus { - outline: none; } - -textarea { - font-family: "Kadwa", "sans-serif"; - box-sizing: border-box; - display: block; - resize: vertical; - min-height: 15rem; - line-height: 1.2rem; - padding: 0.5rem; - -webkit-hyphens: none; - hyphens: none; - cursor: auto; } - -input[type="submit"] { - text-transform: uppercase; - border-radius: 0.1rem; } - -label { - text-transform: uppercase; - font-weight: normal; } - label:after { - content: ":"; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form buttons -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#insert-button, #update-button, #delete-button { - color: #EEE; - border: 0.05rem solid #404040; } - -#insert-button { - background: #4D8D5D; } - #insert-button:active, #insert-button:focus { - background: #3b6c47; } - -#update-button { - background: #6A8AA5; } - #update-button:active, #update-button:focus { - background: #537089; } - -#delete-button { - background: #C45C66; } - #delete-button:active, #delete-button:focus { - background: #ae3f4a; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form message list -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#message-list { - margin: 0; - padding: 0.5rem; - list-style: none; - background: #C45C66; - color: #EEE; - font-size: 0.6rem; } - #message-list-wrapper { - clear: both; - margin-bottom: 0.5rem; - border: 0.1rem solid #ae3f4a; } - #message-list code { - color: inherit; - font-weight: bold; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Search form -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#search-form { - margin-bottom: 1rem; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Import other files -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@media only screen and (max-width: 90em) { - .item-container.grid { - grid-template-columns: 1fr 1fr; } } -@media only screen and (min-width: 62.5em) { - #main-content { - border: 0.05rem solid #AAA; - border-top: none; - border-bottom: none; } } -@media only screen and (max-width: 62.5em) { - .item-container.grid { - grid-template-columns: 1fr; } } -@media only screen and (max-width: 50em) { - html { - font-size: 1.125rem; - /*18px*/ } } -@media only screen and (max-width: 37.5em) { - #main-content { - padding: 0.5rem; } - - #main-navi { - font-size: 1rem; } - #main-navi ul li span { - display: none; } - #main-navi ul li .fa { - margin-right: 0; } - #main-navi a { - padding: 0.5rem; } - - #emoticon-list-wrapper { - display: none; } - - .item-container.grid { - grid-column-gap: 0.75rem; - grid-row-gap: 0.75rem; - column-gap: 0.75rem; - row-gap: 0.75rem; } - - .form-grid { - grid-template-columns: 7rem 1fr; } - .form-grid-item, .form-grid-item.first, .form-grid label { - grid-column: unset; } - - .actions { - float: none; - display: flex; - width: 100%; - flex-grow: 1; - justify-content: center; - overflow: hidden; - box-sizing: border-box; } - .actions-before { - float: none; } - .actions li { - flex-grow: 1; } - .actions li + li { - border-left: none; } } -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Fontello -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.fa:before { - font-family: "Fontello"; - font-style: normal; - font-weight: normal; - speak: never; - display: inline-block; - text-decoration: inherit; - text-align: center; - /* For safety - reset parent styles, that can break glyph codes*/ - font-variant: normal; - text-transform: none; - /* Font smoothing. That was taken from TWBS */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - /* Uncomment for 3D effect */ - /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font Awesome icons -# ------------------ -# Copyright (C) 2016 by Dave Gandy -# Author: Dave Gandy -# License: SIL -# Homepage: http://fortawesome.github.com/Font-Awesome/ -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.fa-pencil:before { - content: '\e800'; } - -.fa-comment:before { - content: '\e801'; } - -.fa-chat:before { - content: '\e802'; } - -.fa-users:before { - content: '\e803'; } - -.fa-cancel:before { - content: '\e804'; } - -.fa-plus:before { - content: '\e805'; } - -.fa-list:before { - content: '\e80b'; } - -.fa-arrow-down:before { - content: '\e80e'; } - -.fa-arrow-up:before { - content: '\e811'; } - -.fa-arrows-cw:before { - content: '\e813'; } - -.fa-tag:before { - content: '\e815'; } - -.fa-tags:before { - content: '\e816'; } - -.fa-star:before { - content: '\e817'; } - -.fa-star-empty:before { - content: '\e818'; } - -.fa-eye:before { - content: '\e81a'; } - -.fa-ok:before { - content: '\e81b'; } - -.fa-info-circled:before { - content: '\e81c'; } - -.fa-home:before { - content: '\e81d'; } - -.fa-attach:before { - content: '\e81e'; } - -.fa-cog:before { - content: '\e81f'; } - -.fa-check:before { - content: '\e821'; } - -.fa-floppy:before { - content: '\e822'; } - -.fa-eye-off:before { - content: '\e823'; } - -.fa-folder-open:before { - content: '\e824'; } - -.fa-wrench:before { - content: '\e825'; } - -.fa-search:before { - content: '\f002'; } - -.fa-envelope-o:before { - content: '\f003'; } - -.fa-user:before { - content: '\f007'; } - -.fa-trash-o:before { - content: '\f014'; } - -.fa-clock-o:before { - content: '\f017'; } - -.fa-book:before { - content: '\f02d'; } - -.fa-bold:before { - content: '\f032'; } - -.fa-italic:before { - content: '\f033'; } - -.fa-picture-o:before { - content: '\f03e'; } - -.fa-pencil-square-o:before { - content: '\f044'; } - -.fa-arrow-left:before { - content: '\f060'; } - -.fa-arrow-right:before { - content: '\f061'; } - -.fa-exclamation-triangle:before { - content: '\f071'; } - -.fa-key:before { - content: '\f084'; } - -.fa-sign-out:before { - content: '\f08b'; } - -.fa-external-link:before { - content: '\f08e'; } - -.fa-sign-in:before { - content: '\f090'; } - -.fa-github-square:before { - content: '\f092'; } - -.fa-uncheck:before { - content: '\f096'; } - -.fa-link:before { - content: '\f0c1'; } - -.fa-menu:before { - content: '\f0c9'; } - -.fa-list-ul:before { - content: '\f0ca'; } - -.fa-list-ol:before { - content: '\f0cb'; } - -.fa-dashboard:before { - content: '\f0e4'; } - -.fa-comment-empty:before { - content: '\f0e5'; } - -.fa-chat-empty:before { - content: '\f0e6'; } - -.fa-file-text-o:before { - content: '\f0f6'; } - -.fa-quote-left:before { - content: '\f10d'; } - -.fa-quote-right:before { - content: '\f10e'; } - -.fa-smile:before { - content: '\f118'; } - -.fa-frown:before { - content: '\f119'; } - -.fa-meh:before { - content: '\f11a'; } - -.fa-keyboard:before { - content: '\f11c'; } - -.fa-code:before { - content: '\f121'; } - -.fa-attention-alt:before { - content: '\f12a'; } - -.fa-sort-name-up:before { - content: '\f15d'; } - -.fa-sort-name-down:before { - content: '\f15e'; } - -.fa-sort-up:before { - content: '\f160'; } - -.fa-sort-down:before { - content: '\f161'; } - -.fa-sort-number-up:before { - content: '\f162'; } - -.fa-sort-number-down:before { - content: '\f163'; } - -.fa-sun:before { - content: '\f185'; } - -.fa-moon:before { - content: '\f186'; } - -.fa-box:before { - content: '\f187'; } - -.fa-bug:before { - content: '\f188'; } - -.fa-language:before { - content: '\f1ab'; } - -.fa-database:before { - content: '\f1c0'; } - -.fa-file-archive:before { - content: '\f1c6'; } - -.fa-header:before { - content: '\f1dc'; } - -.fa-newspaper-o:before { - content: '\f1ea'; } - -.fa-at:before { - content: '\f1fa'; } - -.fa-toggle-off:before { - content: '\f204'; } - -.fa-toggle-on:before { - content: '\f205'; } - -.fa-user-secret:before { - content: '\f21b'; } - -.fa-server:before { - content: '\f233'; } - -.fa-commenting:before { - content: '\f27a'; } - -.fa-commenting-o:before { - content: '\f27b'; } - -.fa-user-circle-o:before { - content: '\f2be'; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font "Font Awesome" [4.7.0] (by Fontello): SIL Open Font License (OFL) -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@font-face { - font-family: "Fontello"; - font-weight: 400; - font-style: normal; - src: url("../font/fontello.woff2") format("woff2"); } -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font "Kadwa": SIL Open Font License (OFL) -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@font-face { - font-family: "Kadwa"; - font-weight: 400; - src: url("../font/kadwa-n-400.woff2") format("woff2"); } -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font "Ruda": SIL Open Font License (OFL) -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@font-face { - font-family: "Ruda"; - font-weight: 400; - src: url("../font/ruda-n-400.woff2") format("woff2"); } -@font-face { - font-family: "Ruda"; - font-weight: 700; - src: url("../font/ruda-n-700.woff2") format("woff2"); } -#theme-toogle-bright { - display: none; } diff --git a/theme/admin/rsrc/css/bright.scss b/theme/admin/rsrc/css/bright.scss deleted file mode 100644 index 3d65448..0000000 --- a/theme/admin/rsrc/css/bright.scss +++ /dev/null @@ -1,69 +0,0 @@ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Content background and border color -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$htmlBackground: url("../img/noise-bright.png") #DDD; -$backgroundColor: #FFF; -$backgroundColorEmphasize: #EEE; -$borderColor: #AAA; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Header and navigation -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$headerBarTextColor: #333; -$headerBarBackgroundColor: #5E819F; -$navigationLinkBackgroundColor: #DDD; -$navigationLinkFocusedBackgroundColor: #CCC; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Text colors -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$textColor: #333; -$textColorLight: #444; -$textColorStrong: #000; -$formElementTextColor: #404040; -$codeTextColor: #008B45; -$linkColor: #0060A0; -$linkColorFocused: #CCC; -$warningTextColor: #B03060; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Misc -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$itemLinkHoverBackgroundColor: #DDD; -$paginationActiveBackgroundColor: #CCC; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Forms -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$formBackgroundColorEmphasize: #DDD; -$formButtonBorderColor: #404040; -$formButtonTextColor: #EEE; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form buttons -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$insertButtonBackgroundColor: #4D8D5D; -$updateButtonBackgroundColor: #6A8AA5; -$deleteButtonBackgroundColor: #C45C66; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Information message box -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$messageListTextColor: #EEE; -$messageListBackgroundColor: #C45C66; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Scrollbars -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$scrollbarColor: #A1A1A1; -$scrollbarHoverColor: #888888; -$scrollbarBackground: #E1E1E1; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Import stylesheet -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@import "import/styles"; - -#theme-toogle-bright { - display: none; -} diff --git a/theme/admin/rsrc/css/dark.css b/theme/admin/rsrc/css/dark.css deleted file mode 100644 index 1a46895..0000000 --- a/theme/admin/rsrc/css/dark.css +++ /dev/null @@ -1,972 +0,0 @@ -@charset "UTF-8"; -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Content background and border color -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Header and navigation -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Text colors -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Misc -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Forms -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form buttons -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Information message box -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Scrollbars -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Import stylesheet -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Import variables -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Line height -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font families -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Text font sizes -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Heading font sizes -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Content widths -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Selection -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -::selection { - background: #BBB; - color: #000; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Placeholders -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -::placeholder { - color: #8D9AA7; - opacity: 0.5; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Scrollbars -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -* { - scrollbar-color: #838994 #2E3440; } - *::-webkit-scrollbar { - width: 0.75rem; } - *::-webkit-scrollbar-track { - background: #2E3440; } - *::-webkit-scrollbar-thumb { - background: #838994; - background-clip: padding-box; - border: 0.15rem solid transparent; } - *::-webkit-scrollbar-thumb:hover { - background: #4C566A; - background-clip: padding-box; - border: 0.15rem solid transparent; } - *::-webkit-scrollbar-corner { - background: transparent; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Hyperlinks -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -a { - color: #5EA4D3; - text-decoration: none; } - a:hover { - text-decoration: underline; } - a:focus { - background: #42474E; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Headings -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -h1, h2, h3 { - margin-bottom: 0; } - h1 + p, h2 + p, h3 + p { - margin-top: 0; } - h1 .fa, h2 .fa, h3 .fa { - margin-right: 0.25rem; } - -h1 { - margin-top: 0; - font-size: 0.8rem; } - -h2 { - font-size: 0.7rem; } - -h3 { - font-size: 0.65rem; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Document -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -html, body { - margin: 0; - padding: 0; } - -html { - font-size: 1.25rem; - color: #9DAAB7; - background: url("../img/noise-dark.png") #3D434B; - -webkit-hyphens: auto; - word-break: break-word; - hyphens: auto; } - -body { - font-family: "Ruda", "sans-serif"; - font-size: 0.7rem; - line-height: 1.2rem; - display: flex; - min-height: 100vh; - flex-direction: column; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Main content -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-content { - flex: 1; - width: 100%; - background: #3D434B; - box-sizing: border-box; - padding: 0.75rem; } - #main-content.wide { - max-width: 90rem; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Width -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-content, .header-content { - max-width: 50rem; - margin: 0 auto; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Header -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-header { - font-size: 0.6rem; } - -#header-text { - font-size: 0.8rem; - text-transform: uppercase; } -#header-desc { - line-height: 1rem; } -#header-text, #header-desc { - color: #000; - font-weight: bold; } -#header-logo { - display: block; - max-height: 5rem; - float: left; - margin-right: 0.5rem; } - -.header-line { - padding: 0.25rem 0.75rem; - overflow: hidden; - background: #32373E; } - .header-line + .header-line { - border: 0.05rem solid #1D232B; - border-left: none; - border-right: none; } - .header-line.background { - background: #3B546A; - position: sticky; - top: 0; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Footer -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-footer { - font-size: 0.6rem; - background: #32373E; - border-top: 0.05rem solid #1D232B; - padding: 0.5rem 0.75rem; - text-align: center; } - #main-footer ul { - margin: 0; - padding: 0; - list-style: none; } - #main-footer ul li { - display: inline; } - #main-footer ul li .fa { - margin-right: 0.125rem; } - #main-footer ul li:after { - content: " – "; - font-weight: bold; } - #main-footer ul li:last-child:after { - content: none; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Main Navigation -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-navi ul { - list-style: none; - margin: 0; - padding: 0; } - #main-navi ul li { - display: inline; } - #main-navi ul li .fa { - margin-right: 0.25rem; } - #main-navi ul li:last-child { - float: right; } - #main-navi ul li:first-child { - float: none; } -#main-navi a { - padding: 0.1rem 0.3rem; - background: #2D333B; - border: 0.05rem solid #1D232B; - color: inherit; - text-decoration: none; - text-align: center; - display: inline-block; } - #main-navi a:hover, #main-navi a:focus { - text-decoration: none; - background: #1D232B; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Site Navigation -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#site-navi { - clear: both; - display: flex; - box-sizing: border-box; - justify-content: space-between; - margin-top: 0.75rem; } - #site-navi > div { - display: flex; - align-items: center; - border: 0.05rem solid #1D232B; - background: #32373E; } - #site-navi > div > a { - display: block; } - #site-navi .disabled { - pointer-events: none; - color: #1D232B; } - #site-navi ol { - list-style: none; - margin: 0; - padding: 0; } - #site-navi ol li { - float: left; - display: inline-block; } - #site-navi ol li + li { - border-left: 0.05rem solid #1D232B; } - #site-navi ol li.active a { - background: #42474E; - font-weight: 600; - pointer-events: none; } - #site-navi a { - padding: 0 0.5rem; - text-decoration: none; - color: inherit; - display: inline-block; } - #site-navi a:hover, #site-navi a:focus { - background: #1D232B; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Actions -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.actions { - margin: 0 0 0.5rem 0; - padding: 0; - list-style: none; - font-size: 0.6rem; - float: right; - text-align: center; } - .actions .fa { - margin-right: 0.1rem; } - .actions li { - display: inline-block; - font-weight: bold; - background: #32373E; - border: 0.05rem solid #1D232B; } - .actions a { - color: inherit; - display: block; - padding: 0 0.25rem; - text-decoration: none; } - -.actions-before { - float: left; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Elements -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -pre { - margin-bottom: 1rem; - overflow: auto; - -moz-tab-size: 4; - tab-size: 4; - background: #32373E; - padding: 0.5rem; - border: 0.05rem solid #1D232B; } - -code, pre { - font-family: "monospace"; } - -code { - color: #FFB830; } - -p { - margin-top: 0; } - -img { - border: none; - max-width: 100%; } - -.warning { - color: #FFB830; } - -.hidden { - display: none; } - -.no-visual-list { - margin: 0; - padding: 0; - list-style: none; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Item Element -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.item { - display: flex; - flex-direction: column; - border: 0.05rem solid #1D232B; - margin-bottom: 0.75rem; - clear: both; } - .item header { - padding: 0.5rem 0.75rem; - border-bottom: 0.05rem solid #1D232B; - position: sticky; - top: 0; } - .item header h2 { - margin-top: 0; } - .item footer { - border-top: 0.05rem solid #1D232B; } - .item footer ul { - margin: 0; - padding: 0; - list-style: none; } - .item footer ul li { - display: inline-block; - float: left; } - .item footer ul li:last-child { - float: right; } - .item footer a { - color: inherit; - display: inline-block; - padding: 0.25rem 2rem; } - .item footer a:hover, .item footer a:active { - background: #42474E; } - .item header, .item footer { - background: #32373E; - overflow: hidden; } - .item blockquote { - margin: 0; - padding: 0.75rem; - overflow: hidden; - font-family: inherit; - flex-grow: 1; } - .item blockquote p { - margin-bottom: 0; } - .item-id { - float: right; - color: #8D9AA7; - font-size: 0.7rem; - font-weight: normal; } - .item-meta { - margin: 0; - padding: 0; - list-style: none; } - .item-meta li { - display: inline-block; } - .item-meta li + li:before { - content: " – "; } - .item-meta li.item-meta-right { - float: right; - font-size: 0.6rem; } - .item-meta li.item-meta-right:before { - content: none; } - .item-image { - float: left; - display: block; - margin-right: 0.75rem; - width: 10rem; - height: 7rem; - object-fit: cover; - background: #32373E; - border: 0.05rem solid #1D232B; } - .item-container.grid { - width: 100%; - display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-column-gap: 1rem; - grid-row-gap: 1rem; - column-gap: 1rem; - row-gap: 1rem; } - .item-container.grid .item { - margin-bottom: 0; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Argument list -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.arguments { - list-style: none; - margin: 0; - padding: 0.25rem 0.75rem; - background: #32373E; - font-size: 0.6rem; - text-align: center; - border-top: 0.05rem solid #1D232B; } - .arguments li { - display: inline; } - .arguments li > code { - font-family: inherit; - color: #8D9AA7; } - .arguments li:after { - content: " · "; - font-weight: bold; } - .arguments li:last-child:after { - content: none; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Grids -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.form-grid { - clear: both; - display: grid; - grid-template-columns: repeat(2, 7.5rem minmax(0, 1fr)); - border-left: 0.05rem solid #1D232B; - border-bottom: 0.05rem solid #1D232B; } - .form-grid.two-columns { - grid-template-columns: 1fr 2fr; } - .form-grid.no-bottom-border { - border-bottom: none; } - .form-grid > label { - display: flex; - align-items: center; - background: #4D535B; } - .form-grid > label .fa { - margin: 0 0.5rem; } - .form-grid-item, - .form-grid > label { - padding: 0.5rem; - border-top: 0.05rem solid #1D232B; - border-right: 0.05rem solid #1D232B; } - .form-grid-item.first { - grid-column: span 3; } - -.form-border-box { - border: 0.05rem solid #1D232B; } - .form-border-box.padding { - padding: 0.5rem; } - .form-border-box.background { - background: #4D535B; } - .form-border-box.nobordertop { - border-top: none; } - .form-border-box + .form-border-box { - border-top: none; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form buttons -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#emoticon-list-wrapper { - display: flex; - width: 100%; - justify-content: center; - box-sizing: border-box; } - -#button-list-wrapper { - border-bottom: 0.05rem solid #1D232B; - background: #32373E; - overflow: hidden; } - -.button-list { - margin: 0; - padding: 0; - list-style: none; } - -.button-list.emoticons > li { - font-size: 1.25rem; - display: inline-block; - padding: 0.2rem; - border-bottom: 0.2rem solid transparent; - border-radius: 0.1rem; - cursor: pointer; } - .button-list.emoticons > li:hover, .button-list.emoticons > li:active { - border-bottom: 0.2rem solid #1D232B; } - -.button-list.markdown > li { - float: left; - padding: 0.25rem; - cursor: pointer; - width: 1.75rem; - box-sizing: border-box; - text-align: center; } - .button-list.markdown > li:hover, .button-list.markdown > li:active { - color: #CDDAE7; } - -#content-editor { - border: none; - margin: 0; } - #content-editor-wrapper { - border-top: none; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form elements -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -input, select, textarea { - width: 100%; - background: #32373E; - color: #8D9AA7; - font-family: inherit; - font-size: 0.7rem; - padding: 0.25rem; - border: 0.05rem solid #1D232B; - box-sizing: border-box; } - input:focus, select:focus, textarea:focus { - outline: none; } - -textarea { - font-family: "Kadwa", "sans-serif"; - box-sizing: border-box; - display: block; - resize: vertical; - min-height: 15rem; - line-height: 1.2rem; - padding: 0.5rem; - -webkit-hyphens: none; - hyphens: none; - cursor: auto; } - -input[type="submit"] { - text-transform: uppercase; - border-radius: 0.1rem; } - -label { - text-transform: uppercase; - font-weight: normal; } - label:after { - content: ":"; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form buttons -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#insert-button, #update-button, #delete-button { - color: #CCC; - border: 0.05rem solid #404040; } - -#insert-button { - background: #396644; } - #insert-button:active, #insert-button:focus { - background: #27452e; } - -#update-button { - background: #597186; } - #update-button:active, #update-button:focus { - background: #455767; } - -#delete-button { - background: #8F4F55; } - #delete-button:active, #delete-button:focus { - background: #6e3d41; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form message list -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#message-list { - margin: 0; - padding: 0.5rem; - list-style: none; - background: #8C434A; - color: #BBB; - font-size: 0.6rem; } - #message-list-wrapper { - clear: both; - margin-bottom: 0.5rem; - border: 0.1rem solid #6a3238; } - #message-list code { - color: inherit; - font-weight: bold; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Search form -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#search-form { - margin-bottom: 1rem; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Import other files -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@media only screen and (max-width: 90em) { - .item-container.grid { - grid-template-columns: 1fr 1fr; } } -@media only screen and (min-width: 62.5em) { - #main-content { - border: 0.05rem solid #1D232B; - border-top: none; - border-bottom: none; } } -@media only screen and (max-width: 62.5em) { - .item-container.grid { - grid-template-columns: 1fr; } } -@media only screen and (max-width: 50em) { - html { - font-size: 1.125rem; - /*18px*/ } } -@media only screen and (max-width: 37.5em) { - #main-content { - padding: 0.5rem; } - - #main-navi { - font-size: 1rem; } - #main-navi ul li span { - display: none; } - #main-navi ul li .fa { - margin-right: 0; } - #main-navi a { - padding: 0.5rem; } - - #emoticon-list-wrapper { - display: none; } - - .item-container.grid { - grid-column-gap: 0.75rem; - grid-row-gap: 0.75rem; - column-gap: 0.75rem; - row-gap: 0.75rem; } - - .form-grid { - grid-template-columns: 7rem 1fr; } - .form-grid-item, .form-grid-item.first, .form-grid label { - grid-column: unset; } - - .actions { - float: none; - display: flex; - width: 100%; - flex-grow: 1; - justify-content: center; - overflow: hidden; - box-sizing: border-box; } - .actions-before { - float: none; } - .actions li { - flex-grow: 1; } - .actions li + li { - border-left: none; } } -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Fontello -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.fa:before { - font-family: "Fontello"; - font-style: normal; - font-weight: normal; - speak: never; - display: inline-block; - text-decoration: inherit; - text-align: center; - /* For safety - reset parent styles, that can break glyph codes*/ - font-variant: normal; - text-transform: none; - /* Font smoothing. That was taken from TWBS */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - /* Uncomment for 3D effect */ - /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font Awesome icons -# ------------------ -# Copyright (C) 2016 by Dave Gandy -# Author: Dave Gandy -# License: SIL -# Homepage: http://fortawesome.github.com/Font-Awesome/ -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.fa-pencil:before { - content: '\e800'; } - -.fa-comment:before { - content: '\e801'; } - -.fa-chat:before { - content: '\e802'; } - -.fa-users:before { - content: '\e803'; } - -.fa-cancel:before { - content: '\e804'; } - -.fa-plus:before { - content: '\e805'; } - -.fa-list:before { - content: '\e80b'; } - -.fa-arrow-down:before { - content: '\e80e'; } - -.fa-arrow-up:before { - content: '\e811'; } - -.fa-arrows-cw:before { - content: '\e813'; } - -.fa-tag:before { - content: '\e815'; } - -.fa-tags:before { - content: '\e816'; } - -.fa-star:before { - content: '\e817'; } - -.fa-star-empty:before { - content: '\e818'; } - -.fa-eye:before { - content: '\e81a'; } - -.fa-ok:before { - content: '\e81b'; } - -.fa-info-circled:before { - content: '\e81c'; } - -.fa-home:before { - content: '\e81d'; } - -.fa-attach:before { - content: '\e81e'; } - -.fa-cog:before { - content: '\e81f'; } - -.fa-check:before { - content: '\e821'; } - -.fa-floppy:before { - content: '\e822'; } - -.fa-eye-off:before { - content: '\e823'; } - -.fa-folder-open:before { - content: '\e824'; } - -.fa-wrench:before { - content: '\e825'; } - -.fa-search:before { - content: '\f002'; } - -.fa-envelope-o:before { - content: '\f003'; } - -.fa-user:before { - content: '\f007'; } - -.fa-trash-o:before { - content: '\f014'; } - -.fa-clock-o:before { - content: '\f017'; } - -.fa-book:before { - content: '\f02d'; } - -.fa-bold:before { - content: '\f032'; } - -.fa-italic:before { - content: '\f033'; } - -.fa-picture-o:before { - content: '\f03e'; } - -.fa-pencil-square-o:before { - content: '\f044'; } - -.fa-arrow-left:before { - content: '\f060'; } - -.fa-arrow-right:before { - content: '\f061'; } - -.fa-exclamation-triangle:before { - content: '\f071'; } - -.fa-key:before { - content: '\f084'; } - -.fa-sign-out:before { - content: '\f08b'; } - -.fa-external-link:before { - content: '\f08e'; } - -.fa-sign-in:before { - content: '\f090'; } - -.fa-github-square:before { - content: '\f092'; } - -.fa-uncheck:before { - content: '\f096'; } - -.fa-link:before { - content: '\f0c1'; } - -.fa-menu:before { - content: '\f0c9'; } - -.fa-list-ul:before { - content: '\f0ca'; } - -.fa-list-ol:before { - content: '\f0cb'; } - -.fa-dashboard:before { - content: '\f0e4'; } - -.fa-comment-empty:before { - content: '\f0e5'; } - -.fa-chat-empty:before { - content: '\f0e6'; } - -.fa-file-text-o:before { - content: '\f0f6'; } - -.fa-quote-left:before { - content: '\f10d'; } - -.fa-quote-right:before { - content: '\f10e'; } - -.fa-smile:before { - content: '\f118'; } - -.fa-frown:before { - content: '\f119'; } - -.fa-meh:before { - content: '\f11a'; } - -.fa-keyboard:before { - content: '\f11c'; } - -.fa-code:before { - content: '\f121'; } - -.fa-attention-alt:before { - content: '\f12a'; } - -.fa-sort-name-up:before { - content: '\f15d'; } - -.fa-sort-name-down:before { - content: '\f15e'; } - -.fa-sort-up:before { - content: '\f160'; } - -.fa-sort-down:before { - content: '\f161'; } - -.fa-sort-number-up:before { - content: '\f162'; } - -.fa-sort-number-down:before { - content: '\f163'; } - -.fa-sun:before { - content: '\f185'; } - -.fa-moon:before { - content: '\f186'; } - -.fa-box:before { - content: '\f187'; } - -.fa-bug:before { - content: '\f188'; } - -.fa-language:before { - content: '\f1ab'; } - -.fa-database:before { - content: '\f1c0'; } - -.fa-file-archive:before { - content: '\f1c6'; } - -.fa-header:before { - content: '\f1dc'; } - -.fa-newspaper-o:before { - content: '\f1ea'; } - -.fa-at:before { - content: '\f1fa'; } - -.fa-toggle-off:before { - content: '\f204'; } - -.fa-toggle-on:before { - content: '\f205'; } - -.fa-user-secret:before { - content: '\f21b'; } - -.fa-server:before { - content: '\f233'; } - -.fa-commenting:before { - content: '\f27a'; } - -.fa-commenting-o:before { - content: '\f27b'; } - -.fa-user-circle-o:before { - content: '\f2be'; } - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font "Font Awesome" [4.7.0] (by Fontello): SIL Open Font License (OFL) -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@font-face { - font-family: "Fontello"; - font-weight: 400; - font-style: normal; - src: url("../font/fontello.woff2") format("woff2"); } -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font "Kadwa": SIL Open Font License (OFL) -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@font-face { - font-family: "Kadwa"; - font-weight: 400; - src: url("../font/kadwa-n-400.woff2") format("woff2"); } -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font "Ruda": SIL Open Font License (OFL) -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@font-face { - font-family: "Ruda"; - font-weight: 400; - src: url("../font/ruda-n-400.woff2") format("woff2"); } -@font-face { - font-family: "Ruda"; - font-weight: 700; - src: url("../font/ruda-n-700.woff2") format("woff2"); } -#theme-toogle-dark { - display: none; } diff --git a/theme/admin/rsrc/css/dark.scss b/theme/admin/rsrc/css/dark.scss deleted file mode 100644 index 472095a..0000000 --- a/theme/admin/rsrc/css/dark.scss +++ /dev/null @@ -1,69 +0,0 @@ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Content background and border color -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$htmlBackground: url("../img/noise-dark.png") #3D434B; -$backgroundColorEmphasize: #32373E; -$backgroundColor: #3D434B; -$borderColor: #1D232B; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Header and navigation -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$headerBarTextColor: #000; -$headerBarBackgroundColor: #3B546A; -$navigationLinkBackgroundColor: #2D333B; -$navigationLinkFocusedBackgroundColor: #1D232B; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Text colors -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$textColor: #9DAAB7; -$textColorLight: #8D9AA7; -$textColorStrong: #CDDAE7; -$formElementTextColor: #8D9AA7; -$codeTextColor: #FFB830; -$linkColor: #5EA4D3; -$linkColorFocused: #42474E; -$warningTextColor: #FFB830; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Misc -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$itemLinkHoverBackgroundColor: #42474E; -$paginationActiveBackgroundColor: #42474E; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Forms -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$formBackgroundColorEmphasize: #4D535B; -$formButtonBorderColor: #404040; -$formButtonTextColor: #CCC; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form buttons -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$insertButtonBackgroundColor: #396644; -$updateButtonBackgroundColor: #597186; -$deleteButtonBackgroundColor: #8F4F55; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Information message box -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$messageListTextColor: #BBB; -$messageListBackgroundColor: #8C434A; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Scrollbars -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$scrollbarColor: #838994; -$scrollbarHoverColor: #4C566A; -$scrollbarBackground: #2E3440; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Import stylesheet -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@import "import/styles"; - -#theme-toogle-dark { - display: none; -} diff --git a/theme/admin/rsrc/css/import/_fontello.scss b/theme/admin/rsrc/css/import/_fontello.scss deleted file mode 100644 index 7c2e964..0000000 --- a/theme/admin/rsrc/css/import/_fontello.scss +++ /dev/null @@ -1,116 +0,0 @@ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Fontello -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.fa:before { - font-family: "Fontello"; - font-style: normal; - font-weight: normal; - speak: never; - - display: inline-block; - text-decoration: inherit; - text-align: center; - - /* For safety - reset parent styles, that can break glyph codes*/ - font-variant: normal; - text-transform: none; - - /* Font smoothing. That was taken from TWBS */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - - /* Uncomment for 3D effect */ - /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font Awesome icons -# ------------------ -# Copyright (C) 2016 by Dave Gandy -# Author: Dave Gandy -# License: SIL -# Homepage: http://fortawesome.github.com/Font-Awesome/ -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.fa-pencil:before { content: '\e800'; } -.fa-comment:before { content: '\e801'; } -.fa-chat:before { content: '\e802'; } -.fa-users:before { content: '\e803'; } -.fa-cancel:before { content: '\e804'; } -.fa-plus:before { content: '\e805'; } -.fa-list:before { content: '\e80b'; } -.fa-arrow-down:before { content: '\e80e'; } -.fa-arrow-up:before { content: '\e811'; } -.fa-arrows-cw:before { content: '\e813'; } -.fa-tag:before { content: '\e815'; } -.fa-tags:before { content: '\e816'; } -.fa-star:before { content: '\e817'; } -.fa-star-empty:before { content: '\e818'; } -.fa-eye:before { content: '\e81a'; } -.fa-ok:before { content: '\e81b'; } -.fa-info-circled:before { content: '\e81c'; } -.fa-home:before { content: '\e81d'; } -.fa-attach:before { content: '\e81e'; } -.fa-cog:before { content: '\e81f'; } -.fa-check:before { content: '\e821'; } -.fa-floppy:before { content: '\e822'; } -.fa-eye-off:before { content: '\e823'; } -.fa-folder-open:before { content: '\e824'; } -.fa-wrench:before { content: '\e825'; } -.fa-search:before { content: '\f002'; } -.fa-envelope-o:before { content: '\f003'; } -.fa-user:before { content: '\f007'; } -.fa-trash-o:before { content: '\f014'; } -.fa-clock-o:before { content: '\f017'; } -.fa-book:before { content: '\f02d'; } -.fa-bold:before { content: '\f032'; } -.fa-italic:before { content: '\f033'; } -.fa-picture-o:before { content: '\f03e'; } -.fa-pencil-square-o:before { content: '\f044'; } -.fa-arrow-left:before { content: '\f060'; } -.fa-arrow-right:before { content: '\f061'; } -.fa-exclamation-triangle:before { content: '\f071'; } -.fa-key:before { content: '\f084'; } -.fa-sign-out:before { content: '\f08b'; } -.fa-external-link:before { content: '\f08e'; } -.fa-sign-in:before { content: '\f090'; } -.fa-github-square:before { content: '\f092'; } -.fa-uncheck:before { content: '\f096'; } -.fa-link:before { content: '\f0c1'; } -.fa-menu:before { content: '\f0c9'; } -.fa-list-ul:before { content: '\f0ca'; } -.fa-list-ol:before { content: '\f0cb'; } -.fa-dashboard:before { content: '\f0e4'; } -.fa-comment-empty:before { content: '\f0e5'; } -.fa-chat-empty:before { content: '\f0e6'; } -.fa-file-text-o:before { content: '\f0f6'; } -.fa-quote-left:before { content: '\f10d'; } -.fa-quote-right:before { content: '\f10e'; } -.fa-smile:before { content: '\f118'; } -.fa-frown:before { content: '\f119'; } -.fa-meh:before { content: '\f11a'; } -.fa-keyboard:before { content: '\f11c'; } -.fa-code:before { content: '\f121'; } -.fa-attention-alt:before { content: '\f12a'; } -.fa-sort-name-up:before { content: '\f15d'; } -.fa-sort-name-down:before { content: '\f15e'; } -.fa-sort-up:before { content: '\f160'; } -.fa-sort-down:before { content: '\f161'; } -.fa-sort-number-up:before { content: '\f162'; } -.fa-sort-number-down:before { content: '\f163'; } -.fa-sun:before { content: '\f185'; } -.fa-moon:before { content: '\f186'; } -.fa-box:before { content: '\f187'; } -.fa-bug:before { content: '\f188'; } -.fa-language:before { content: '\f1ab'; } -.fa-database:before { content: '\f1c0'; } -.fa-file-archive:before { content: '\f1c6'; } -.fa-header:before { content: '\f1dc'; } -.fa-newspaper-o:before { content: '\f1ea'; } -.fa-at:before { content: '\f1fa'; } -.fa-toggle-off:before { content: '\f204'; } -.fa-toggle-on:before { content: '\f205'; } -.fa-user-secret:before { content: '\f21b'; } -.fa-server:before { content: '\f233'; } -.fa-commenting:before { content: '\f27a'; } -.fa-commenting-o:before { content: '\f27b'; } -.fa-user-circle-o:before { content: '\f2be'; } diff --git a/theme/admin/rsrc/css/import/_fonts.scss b/theme/admin/rsrc/css/import/_fonts.scss deleted file mode 100644 index 4431bec..0000000 --- a/theme/admin/rsrc/css/import/_fonts.scss +++ /dev/null @@ -1,33 +0,0 @@ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font "Font Awesome" [4.7.0] (by Fontello): SIL Open Font License (OFL) -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@font-face { - font-family: "Fontello"; - font-weight: 400; - font-style: normal; - src: url("../font/fontello.woff2") format("woff2"); -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font "Kadwa": SIL Open Font License (OFL) -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@font-face { - font-family: "Kadwa"; - font-weight: 400; - src: url("../font/kadwa-n-400.woff2") format("woff2"); -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font "Ruda": SIL Open Font License (OFL) -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@font-face { - font-family: "Ruda"; - font-weight: 400; - src: url("../font/ruda-n-400.woff2") format("woff2"); -} - -@font-face { - font-family: "Ruda"; - font-weight: 700; - src: url("../font/ruda-n-700.woff2") format("woff2"); -} diff --git a/theme/admin/rsrc/css/import/_responsive.scss b/theme/admin/rsrc/css/import/_responsive.scss deleted file mode 100644 index 9675071..0000000 --- a/theme/admin/rsrc/css/import/_responsive.scss +++ /dev/null @@ -1,92 +0,0 @@ -@media only screen and (max-width: 90em /*1440px*/) { - .item-container.grid { - grid-template-columns: 1fr 1fr; - } -} - -@media only screen and (min-width: 62.5em /*1000px*/) { - #main-content { - border: 0.05rem solid $borderColor; - border-top: none; - border-bottom: none; - } -} - -@media only screen and (max-width: 62.5em /*1000px*/) { - .item-container.grid { - grid-template-columns: 1fr; - } -} - -@media only screen and (max-width: 50em /*800px*/) { - html { - font-size: 1.125rem; /*18px*/ - } -} - -@media only screen and (max-width: 37.5em /*600px*/) { - #main-content { - padding: 0.5rem; - } - - #main-navi { - font-size: 1rem; - - ul { - li { - span { - display: none; - } - - .fa { - margin-right: 0; - } - } - } - - a { - padding: 0.5rem; - } - } - - #emoticon-list-wrapper { - display: none; - } - - .item-container.grid { - grid-column-gap: 0.75rem; - grid-row-gap: 0.75rem; - column-gap: 0.75rem; - row-gap: 0.75rem; - } - - .form-grid { - grid-template-columns: 7rem 1fr; - - &-item, &-item.first, label { - grid-column: unset; - } - } - - .actions { - float: none; - display: flex; - width: 100%; - flex-grow: 1; - justify-content: center; - overflow: hidden; - box-sizing: border-box; - - &-before { - float: none; - } - - li { - flex-grow: 1; - - + li { - border-left: none; - } - } - } -} diff --git a/theme/admin/rsrc/css/import/_styles.scss b/theme/admin/rsrc/css/import/_styles.scss deleted file mode 100644 index 93c0d8f..0000000 --- a/theme/admin/rsrc/css/import/_styles.scss +++ /dev/null @@ -1,795 +0,0 @@ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Import variables -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@import "variables"; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Selection -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -::selection { - background: #BBB; - color: #000; -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Placeholders -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -::placeholder { - color: $textColorLight; - opacity: 0.5; -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Scrollbars -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -* { - // Firefox (TODO: Possibility to add padding?!) - scrollbar-color: $scrollbarColor $scrollbarBackground; - - // Chrome, Edge & Safari - &::-webkit-scrollbar { - width: 0.75rem; - - &-track { - background: $scrollbarBackground; - } - - &-thumb { - background: $scrollbarColor; - background-clip: padding-box; - border: 0.15rem solid transparent; - - &:hover { - background: $scrollbarHoverColor; - background-clip: padding-box; - border: 0.15rem solid transparent; - } - } - - &-corner { - background: transparent; - } - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Hyperlinks -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -a { - color: $linkColor; - text-decoration: none; - - &:hover { - text-decoration: underline; - } - - &:focus { - background: $linkColorFocused; - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Headings -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -h1, h2, h3 { - margin-bottom: 0; - - +p { - margin-top: 0; - } - - .fa { - margin-right: 0.25rem; - } -} - -h1 { - margin-top: 0; - font-size: $fontSizeH1; -} - -h2 { - font-size: $fontSizeH2; -} - -h3 { - font-size: $fontSizeH3; -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Document -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -html, body { - margin: 0; - padding: 0; -} - -html { - font-size: 1.25rem; - color: $textColor; - background: $htmlBackground; - -webkit-hyphens: auto; - word-break: break-word; - hyphens: auto; -} - -body { - font-family: $fontFamily; - font-size: $fontSize; - line-height: $lineHeight; - display: flex; - min-height: 100vh; - flex-direction: column; -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Main content -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-content { - flex: 1; - width: 100%; - background: $backgroundColor; - box-sizing: border-box; - padding: 0.75rem; - // border definition in _responsive.scss - - &.wide { - max-width: $contentWidthWide; - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Width -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-content, .header-content { - max-width: $contentWidth; - margin: 0 auto; -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Header -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-header { - font-size: $fontSizeSmall; -} - -#header { - &-text { - font-size: $fontSizeLarge; - text-transform: uppercase; - } - - &-desc { - line-height: 1rem; - } - &-text, &-desc { - color: $headerBarTextColor; - font-weight: bold; - } - - &-logo { - display: block; - max-height: 5rem; - float: left; - margin-right: 0.5rem; - } -} - -.header-line { - padding: 0.25rem 0.75rem; - overflow: hidden; - background: $backgroundColorEmphasize; - - +.header-line { - border: 0.05rem solid $borderColor; - border-left: none; - border-right: none; - } - - &.background { - background: $headerBarBackgroundColor; - position: sticky; - top: 0; - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Footer -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-footer { - font-size: $fontSizeSmall; - background: $backgroundColorEmphasize; - border-top: 0.05rem solid $borderColor; - padding: 0.5rem 0.75rem; - text-align: center; - - ul { - margin: 0; - padding: 0; - list-style: none; - - li { - display: inline; - - .fa { - margin-right: 0.125rem; - } - } - - li:after { - content: " – "; - font-weight: bold; - } - - li:last-child:after { - content: none; - } - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Main Navigation -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#main-navi { - ul { - list-style: none; - margin: 0; - padding: 0; - - li { - display: inline; - - .fa { - margin-right: 0.25rem; - } - } - - li:last-child { - float: right; - } - - li:first-child { - float: none; - } - } - - a { - padding: 0.1rem 0.3rem; - background: $navigationLinkBackgroundColor; - border: 0.05rem solid $borderColor; - color: inherit; - text-decoration: none; - text-align: center; - display: inline-block; - - &:hover, &:focus { - text-decoration: none; - background: $navigationLinkFocusedBackgroundColor; - } - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Site Navigation -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#site-navi { - clear: both; - display: flex; - box-sizing: border-box; - justify-content: space-between; - margin-top: 0.75rem; - - > div { - display: flex; - align-items: center; - border: 0.05rem solid $borderColor; - background: $backgroundColorEmphasize; - - > a { - display: block; - } - } - - .disabled { - pointer-events: none; - color: $borderColor; - } - - ol { - list-style: none; - margin: 0; - padding: 0; - - li { - float: left; - display: inline-block; - - + li { - border-left: 0.05rem solid $borderColor; - } - - &.active a { - background: $paginationActiveBackgroundColor; - font-weight: 600; - pointer-events: none; - } - } - } - - a { - padding: 0 0.5rem; - text-decoration: none; - color: inherit; - display: inline-block; - - &:hover, &:focus { - background: $navigationLinkFocusedBackgroundColor; - } - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Actions -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.actions { - margin: 0 0 0.5rem 0; - padding: 0; - list-style: none; - font-size: $fontSizeSmall; - float: right; - text-align: center; - - .fa { - margin-right: 0.1rem; - } - - li { - display: inline-block; - font-weight: bold; - background: $backgroundColorEmphasize; - border: 0.05rem solid $borderColor; - } - - a { - color: inherit; - display: block; - padding: 0 0.25rem; - text-decoration: none; - } -} - -.actions-before { - float: left; -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Elements -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -pre { - margin-bottom: 1rem; - overflow: auto; - -moz-tab-size: 4; - tab-size: 4; - background: $backgroundColorEmphasize; - padding: 0.5rem; - border: 0.05rem solid $borderColor; -} - -code, pre { - font-family: $fontFamilyMonospaced; -} - -code { - color: $codeTextColor; -} - -p { - margin-top: 0; -} - -img { - border: none; - max-width: 100%; -} - -.warning { - color: $warningTextColor; -} - -.hidden { - display: none; -} - -.no-visual-list { - margin: 0; - padding: 0; - list-style: none; -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Item Element -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.item { - display: flex; - flex-direction: column; - border: 0.05rem solid $borderColor; - margin-bottom: 0.75rem; - clear: both; - - header { - padding: 0.5rem 0.75rem; - border-bottom: 0.05rem solid $borderColor; - position: sticky; - top: 0; - - h2 { - margin-top: 0; - } - } - - footer { - border-top: 0.05rem solid $borderColor; - - ul { - margin: 0; - padding: 0; - list-style: none; - - li { - display: inline-block; - float: left; - - &:last-child { - float: right; - } - } - } - - a { - color: inherit; - display: inline-block; - padding: 0.25rem 2rem; - - &:hover, &:active { - background: $itemLinkHoverBackgroundColor; - } - } - } - - header, footer { - background: $backgroundColorEmphasize; - overflow: hidden; - } - - blockquote { - margin: 0; - padding: 0.75rem; - overflow: hidden; - font-family: inherit; - flex-grow: 1; - - p { - margin-bottom: 0; - } - } - - &-id { - float: right; - color: $textColorLight; - font-size: $fontSize; - font-weight: normal; - } - - &-meta { - margin: 0; - padding: 0; - list-style: none; - - li { - display: inline-block; - - +li:before { - content: " – "; - } - - &.item-meta-right { - float: right; - font-size: $fontSizeSmall; - } - - &.item-meta-right:before { - content: none; - } - } - } - - &-image { - float: left; - display: block; - margin-right: 0.75rem; - width: 10rem; - height: 7rem; - object-fit: cover; - background: $backgroundColorEmphasize; - border: 0.05rem solid $borderColor; - } - - &-container.grid { - width: 100%; - display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-column-gap: 1rem; - grid-row-gap: 1rem; - column-gap: 1rem; - row-gap: 1rem; - - .item { - margin-bottom: 0; - } - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Argument list -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.arguments { - list-style: none; - margin: 0; - padding: 0.25rem 0.75rem; - background: $backgroundColorEmphasize; - font-size: $fontSizeSmall; - text-align: center; - border-top: 0.05rem solid $borderColor; - - li { - display: inline; - - > code { - font-family: inherit; - color: $textColorLight; - } - - &:after { - content: " · "; - font-weight: bold; - } - - &:last-child:after { - content: none; - } - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Grids -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -.form-grid { - clear: both; - display: grid; - grid-template-columns: repeat(2, 7.5rem minmax(0, 1fr)); - - border-left: 0.05rem solid $borderColor; - border-bottom: 0.05rem solid $borderColor; - - &.two-columns { - grid-template-columns: 1fr 2fr; - } - - &.no-bottom-border { - border-bottom: none; - } - - > label { - display: flex; - align-items: center; - background: $formBackgroundColorEmphasize; - - .fa { - margin: 0 0.5rem; - } - } - - &-item, - > label { - padding: 0.5rem; - border-top: 0.05rem solid $borderColor; - border-right: 0.05rem solid $borderColor; - } - - &-item.first { - grid-column: span 3; - } -} - -.form-border-box { - border: 0.05rem solid $borderColor; - - &.padding { - padding: 0.5rem; - } - - &.background { - background: $formBackgroundColorEmphasize; - } - - &.nobordertop { - border-top: none; - } - - +.form-border-box { - border-top: none; - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form buttons -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#emoticon-list-wrapper { - display: flex; - width: 100%; - justify-content: center; - box-sizing: border-box; -} - -#button-list-wrapper { - border-bottom: 0.05rem solid $borderColor; - background: $backgroundColorEmphasize; - overflow: hidden; -} - -.button-list { - margin: 0; - padding: 0; - list-style: none; -} - -.button-list.emoticons > li { - font-size: 1.25rem; - display: inline-block; - padding: 0.2rem; - border-bottom: 0.2rem solid transparent; - border-radius: 0.1rem; - cursor: pointer; - - &:hover, &:active { - border-bottom: 0.2rem solid $borderColor; - } -} - -.button-list.markdown > li { - float: left; - padding: 0.25rem; - cursor: pointer; - width: 1.75rem; - box-sizing: border-box; - text-align: center; - - &:hover, &:active { - color: $textColorStrong; - } -} - -#content-editor { - border: none; - margin: 0; - - &-wrapper { - border-top: none; - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form elements -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -input, select, textarea { - width: 100%; - background: $backgroundColorEmphasize; - color: $textColorLight; - font-family: inherit; - font-size: $fontSize; - padding: 0.25rem; - border: 0.05rem solid $borderColor; - box-sizing: border-box; - - &:focus { - outline: none; - } -} - -textarea { - font-family: $fontFamilyTextarea; - box-sizing: border-box; - display: block; - resize: vertical; - min-height: 15rem; - line-height: 1.2rem; - padding: 0.5rem; - -webkit-hyphens: none; - hyphens: none; - cursor: auto; -} - -input { - &[type="submit"] { - text-transform: uppercase; - border-radius: 0.1rem; - } -} - -label { - text-transform: uppercase; - font-weight: normal; - - &:after { - content: ":"; - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form buttons -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#insert-button, #update-button, #delete-button { - color: $formButtonTextColor; - border: 0.05rem solid $formButtonBorderColor; -} - -#insert-button { - background: $insertButtonBackgroundColor; - - &:active, &:focus { - background: darken($insertButtonBackgroundColor, 10%) - } -} - -#update-button { - background: $updateButtonBackgroundColor; - - &:active, &:focus { - background: darken($updateButtonBackgroundColor, 10%) - } -} - -#delete-button { - background: $deleteButtonBackgroundColor; - - &:active, &:focus { - background: darken($deleteButtonBackgroundColor, 10%) - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Form message list -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#message-list { - margin: 0; - padding: 0.5rem; - list-style: none; - background: $messageListBackgroundColor; - color: $messageListTextColor; - font-size: $fontSizeSmall; - - &-wrapper { - clear: both; - margin-bottom: 0.5rem; - border: 0.1rem solid darken($messageListBackgroundColor, 10%); - } - - code { - color: inherit; - font-weight: bold; - } -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Search form -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -#search-form { - margin-bottom: 1rem; -} - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Import other files -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -@import "responsive"; -@import "fontello"; -@import "fonts"; diff --git a/theme/admin/rsrc/css/import/_variables.scss b/theme/admin/rsrc/css/import/_variables.scss deleted file mode 100644 index 70a8424..0000000 --- a/theme/admin/rsrc/css/import/_variables.scss +++ /dev/null @@ -1,31 +0,0 @@ -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Line height -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$lineHeight: 1.2rem; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Font families -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$fontFamily: "Ruda", "sans-serif"; -$fontFamilyTextarea: "Kadwa", "sans-serif"; -$fontFamilyMonospaced: "monospace"; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Text font sizes -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$fontSize: 0.7rem; -$fontSizeSmall: $fontSize - 0.1rem; -$fontSizeLarge: $fontSize + 0.1rem; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Heading font sizes -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$fontSizeH1: 0.80rem; -$fontSizeH2: 0.70rem; -$fontSizeH3: 0.65rem; - -/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -# Content widths -++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ -$contentWidth: 50rem; -$contentWidthWide: 90rem; |