diff options
Diffstat (limited to '')
| -rw-r--r-- | themes/neonxp/assets/css/main.css | 183 | ||||
| -rw-r--r-- | themes/neonxp/assets/css/paper.css | 161 |
2 files changed, 344 insertions, 0 deletions
diff --git a/themes/neonxp/assets/css/main.css b/themes/neonxp/assets/css/main.css new file mode 100644 index 0000000..6778acd --- /dev/null +++ b/themes/neonxp/assets/css/main.css @@ -0,0 +1,183 @@ +:root { + --border-radius: 4px; + --shadow: 0 2px 8px rgba(0, 0, 0, 0.05); +} + +@media (prefers-color-scheme: dark) { + :root { + --shadow: 0 2px 8px rgba(0, 0, 0, 0.2); + } +} + +nav { + margin-top: 1rem; +} + +nav ul { + display: flex; + padding: 0; + margin: 0; +} + +nav ul li { + list-style: none; +} + +nav ul li a { + padding: 0.5rem 1rem; + margin: 0 1rem; + border: 0.1px solid var(--link-color); + border-radius: var(--border-radius); + text-decoration: none; +} + +nav ul li a:hover { + background-color: color-mix(in srgb, var(--link-color) 10%, transparent); +} + +nav ul li:first-child a { + margin-left: 0; +} + +@media (max-width: 900px) { + nav ul { + display: block; + } + + + nav ul li a { + margin: 0rem 0rem !important; + display: block; + border-radius: 0; + } + + nav ul li:first-child a { + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius); + } + + nav ul li:last-child a { + border-bottom-left-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius); + } +} + +@media (max-width: 480px) { + + header, + footer { + padding: 1rem !important; + } + + nav ul { + display: block; + } + + nav ul li a { + margin: 0rem 0rem !important; + display: block; + border-radius: 0; + } + + nav ul li:first-child a { + border-top-left-radius: var(--border-radius); + border-top-right-radius: var(--border-radius); + } + + nav ul li:last-child a { + border-bottom-left-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius); + } +} + +ul.taxonomy { + display: flex; + padding: 0; + margin: 0.5rem 0; +} + +ul.taxonomy li { + list-style: none; +} + +ul.taxonomy li a { + padding: 0.5rem 1rem; + margin: 0 1rem; + border: 0.1px solid var(--link-color); + border-radius: var(--border-radius); + text-decoration: none; +} + +ul.taxonomy li a:hover { + background-color: color-mix(in srgb, var(--link-color) 10%, transparent); +} + +ul.taxonomy li:first-child a { + margin-left: 0; +} + + +ul.pagination { + display: flex; + padding: 0; + margin: 0.5rem 0; +} + +ul.pagination li { + list-style: none; +} + +ul.pagination li.active a { + background-color: color-mix(in srgb, var(--link-color) 10%, transparent); +} + +ul.pagination li a { + padding: 0.5rem 1rem; + margin: 0 1rem; + border: 0.1px solid var(--link-color); + border-radius: var(--border-radius); + text-decoration: none; +} + +ul.pagination li a:hover { + background-color: color-mix(in srgb, var(--link-color) 10%, transparent); +} + +ul.pagination li:first-child a { + margin-left: 0; +} + +pre { + border-radius: var(--border-radius); + border: 0.1px solid var(--border); + box-shadow: var(--shadow); + padding: 0.5rem; +} + +article { + border-radius: var(--border-radius); + box-shadow: var(--shadow); +} + +img { + border-radius: var(--border-radius); +} + +.menu-icon { + height: 16px; + width: 16px; + border-radius: 0; +} + +a.btn-primary { + display: inline-block; + padding: 0.5rem 1rem; + margin: 1rem 0; + border: 0.1px solid var(--link-color); + border-radius: var(--border-radius); + text-decoration: none; +} + +a.btn-primary:hover { + background-color: color-mix(in srgb, var(--link-color) 10%, transparent); +}
\ No newline at end of file diff --git a/themes/neonxp/assets/css/paper.css b/themes/neonxp/assets/css/paper.css new file mode 100644 index 0000000..91d9eef --- /dev/null +++ b/themes/neonxp/assets/css/paper.css @@ -0,0 +1,161 @@ +html, +body { + padding: 0px; + margin: 0px; + border: none; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + /* line-height: 1; */ +} + +:root { + --bg: #ffffff; + --surface: #f8f9fa; + --border: #e3e3e3; + --text: #2e2e2e; + --text-secondary: #6c757d; + --link-color: rgb(40, 117, 251); +} + +@media (prefers-color-scheme: dark) { + :root { + --bg: #1e1e1e; + --surface: #262626; + --border: #3a3a3a; + --text: #e0e0e0; + --text-secondary: #a8a8a8; + --shadow: 0 2px 8px rgba(0, 0, 0, 0.2); + --link-color: rgb(103, 158, 254); + } +} + +@media print { + + *, + *:before, + *:after, + *:first-letter, + p:first-line, + div:first-line, + blockquote:first-line, + li:first-line { + background: transparent !important; + color: #000 !important; + box-shadow: none !important; + text-shadow: none !important; + } + + :root { + --main-color: #000; + --background-color: #fff; + --main-background-color: #fff; + } + + main { + font-size: 12pt !important; + line-height: 1.4 !important; + --background-color: #fff !important; + } + + header { + display: none; + } + + footer { + display: none; + } + + article { + page-break-after: always; + border: 0 !important; + padding: 0 !important; + } + + a[href] { + color: #000; + } +} + +html { + background-color: var(--bg); + display: flex; + justify-content: center; + flex-direction: row; +} + +body { + color: var(--text); + font-family: Arial, + Helvetica, + sans-serif; + line-height: 1.5; + width: 100%; + max-width: 1200px; +} + +a { + color: var(--link-color); +} + +header, +footer { + padding: 0 2rem; +} + +main { + padding: 0 2rem; +} + +article { + background-color: var(--surface); + padding: 1.5em 2em; + margin: 1em 0; + border: 0.1px solid var(--border); +} + + + +p { + orphans: 3; + widows: 4; +} + +img { + max-width: 100%; +} + +@media (max-width: 900px) { + main { + font-size: 15px; + line-height: 1.5; + padding: 0 2em; + } +} + +@media (max-width: 480px) { + main { + font-size: 14px; + line-height: 1.4; + padding: 0 1em; + } +} + + +pre, +code { + max-width: 100%; + overflow-x: scroll; +}
\ No newline at end of file |