summaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
authorxengineering <me@xengineering.eu>2021-12-02 14:29:47 +0100
committerxengineering <me@xengineering.eu>2021-12-02 14:29:47 +0100
commit93cb69b7ddaa60b3d3351272eb024027e4b0778b (patch)
tree431b02e7ec8c19a33303cb50efe1792ae9ecbb93 /css
parent48fc5da790fe8c39def552bc4d52dc91389cf016 (diff)
downloadlibweb-93cb69b7ddaa60b3d3351272eb024027e4b0778b.tar
libweb-93cb69b7ddaa60b3d3351272eb024027e4b0778b.tar.zst
libweb-93cb69b7ddaa60b3d3351272eb024027e4b0778b.zip
Restructure whole Repository
Diffstat (limited to 'css')
-rw-r--r--css/xengineering.css286
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);
-}
-
-}
-
-/******************************************************************************/