diff options
author | xengineering <me@xengineering.eu> | 2021-12-02 14:29:47 +0100 |
---|---|---|
committer | xengineering <me@xengineering.eu> | 2021-12-02 14:29:47 +0100 |
commit | 93cb69b7ddaa60b3d3351272eb024027e4b0778b (patch) | |
tree | 431b02e7ec8c19a33303cb50efe1792ae9ecbb93 /css | |
parent | 48fc5da790fe8c39def552bc4d52dc91389cf016 (diff) | |
download | libweb-93cb69b7ddaa60b3d3351272eb024027e4b0778b.tar libweb-93cb69b7ddaa60b3d3351272eb024027e4b0778b.tar.zst libweb-93cb69b7ddaa60b3d3351272eb024027e4b0778b.zip |
Restructure whole Repository
Diffstat (limited to 'css')
-rw-r--r-- | css/xengineering.css | 286 |
1 files changed, 0 insertions, 286 deletions
diff --git a/css/xengineering.css b/css/xengineering.css deleted file mode 100644 index e54061c..0000000 --- a/css/xengineering.css +++ /dev/null @@ -1,286 +0,0 @@ -/* -vim: shiftwidth=2 tabstop=2 expandtab - -libweb - reusable code for websites - - Copyright (C) 2021 xengineering - - This program is free software: you can redistribute it and/or modify - it under the terms of the GNU Affero General Public License as published by - the Free Software Foundation, either version 3 of the License, or - (at your option) any later version. - - This program is distributed in the hope that it will be useful, - but WITHOUT ANY WARRANTY; without even the implied warranty of - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - GNU Affero General Public License for more details. - - You should have received a copy of the GNU Affero General Public License - along with this program. If not, see <https://www.gnu.org/licenses/>. - -contact via mail: me@xengineering.eu -*/ - - -/******************************** VARIABLES ***********************************/ - -:root { - --font-color-dark: black; - --font-color-light: white; - - --background-color-light: white; - --background-color-light2: lightgray; - --background-color-dark: black; - --background-color-dark2: darkgray; - - --font-family-primary: Arial, Helvetica, sans-serif; - - --vertical-space-small: 1vh; - --vertical-space-medium: 2vh; - --vertical-space-big: 3vh; -} - -/***************************** DEFAULT / MOBILE *******************************/ - -/* personal defaults for all elements */ -* { - /* box model elements */ - margin: 0; - padding: 0; - border: 0 solid; - - /* positioning */ - position: relative; - float: none; - top: 0; - bottom: 0; - left: 0; - right: 0; - - display: block; - box-sizing: border-box; - width: 100%; - height: auto; - - /* styling */ - font-family: var(--font-family-primary); - font-size: 1.0em; - color: var(--font-color-dark); - border-color: var(--font-color-dark); - background-color: var(--background-color-light); -} - -head { - display: none; /* do not display anything from the head section */ -} - -/* body */ - -nav { - background-color: var(--background-color-dark); -} - -#menu-button { - width: 100%; - padding-top: 1em; - padding-bottom: 1em; - margin: 0; - text-align: center; - color: var(--font-color-light); - background-color: var(--background-color-dark); -} - -.menu-anchor { - padding-top: 1em; - padding-bottom: 1em; - padding-left: 0; - padding-right: 0; - margin: 0; - text-align: center; - color: var(--font-color-light); - background-color: var(--background-color-dark); -} - -main { - padding-left: 3vw; - padding-right: 3vw; -} - -h1 { - text-align: center; - margin-top: var(--vertical-space-big); - margin-bottom: var(--vertical-space-small); - font-size: 2.2em; -} - -h2 { - margin-top: var(--vertical-space-big); - margin-bottom: var(--vertical-space-small); - font-size: 2.0em; -} - -h3 { - margin-top: var(--vertical-space-big); - margin-bottom: var(--vertical-space-small); - font-size: 1.8em; -} - -h4 { - margin-top: var(--vertical-space-big); - margin-bottom: var(--vertical-space-small); - font-size: 1.6em; -} - -h5 { - margin-top: var(--vertical-space-big); - margin-bottom: var(--vertical-space-small); - font-size: 1.4em; -} - -h6 { - margin-top: var(--vertical-space-big); - margin-bottom: var(--vertical-space-small); - font-size: 1.2em; -} - -p { - margin-top: var(--vertical-space-small); - margin-bottom: var(--vertical-space-small); -} - -a { - display: inline; - margin-top: var(--vertical-space-medium); - margin-bottom: var(--vertical-space-medium); - text-decoration: none; - color: blue; -} - -button { - margin-top: var(--vertical-space-medium); - margin-bottom: var(--vertical-space-medium); - display: block; - padding: 0.7em; - margin-left: auto; - margin-right: auto; - width: fit-content; - background-color: var(--background-color-light2); - border-radius: 0.5em; -} - -img { - margin-top: var(--vertical-space-medium); - margin-bottom: var(--vertical-space-medium); -} - -ol { - margin-top: var(--vertical-space-medium); - margin-bottom: var(--vertical-space-medium); - list-style-position: outside; - padding-left: 2em; -} - -ul { - margin-top: var(--vertical-space-medium); - margin-bottom: var(--vertical-space-medium); - list-style-position: outside; - padding-left: 2em; -} - -li { - display: list-item; - margin-top: var(--vertical-space-small); - margin-bottom: var(--vertical-space-small); -} - -pre { - margin-top: var(--vertical-space-medium); - margin-bottom: var(--vertical-space-medium); - padding: 1em; - white-space: pre-wrap; - background-color: var(--background-color-light2); - border-radius: 0.5em; -} - -footer { - height: var(--vertical-space-big); - background-color: rgba(0,0,0,0); -} - -.card { - margin-top: var(--vertical-space-medium); - margin-bottom: var(--vertical-space-medium); - padding: 1em; - box-shadow: 0 0.5em 1em 0 rgba(0,0,0,0.2); - border-radius: 0.5em; -} - -.card-first-item { - margin-top: 0; -} - -.card-last-item { - margin-bottom: 0; -} - -/******************************************************************************/ - - - -/********************************** TABLET ************************************/ - -@media only screen and (min-aspect-ratio: 11/12) { -} - -/******************************************************************************/ - - - -/********************************* DESKTOP ************************************/ - -@media only screen and (min-aspect-ratio: 14/9) { - -nav { - display: inline-block; - height: 100%; - width: 15vw; - position: fixed; - margin 0; - padding 0; -} - -#menu-button { - display: none; -} - -.menu-anchor { - text-align: left; - padding-left: 1em; - padding-right: 1em; -} - -.menu-anchor:hover { - color: black; - background-color: lightgray; -} - -main { - width: auto; - margin: 0; - margin-left: 15vw; - padding: 0; - padding-left: 15vw; - padding-right: 15vw; -} - -h1 { - text-align: left; -} - -button:hover { - background-color: var(--background-color-dark2); -} - -} - -/******************************************************************************/ |