summaryrefslogtreecommitdiff
path: root/static/css/general_style.css
diff options
context:
space:
mode:
authorDavid Luevano Alvarado <david@luevano.xyz>2021-04-21 18:02:10 -0600
committerDavid Luevano Alvarado <david@luevano.xyz>2021-04-21 18:02:10 -0600
commit586d646ad3021c9a9a0927020ded8ab72c7022c7 (patch)
treefb55afaf9893c675e2b8df35f6efda974ba594d8 /static/css/general_style.css
parent2b94a020ccb78fa486691767e35110914fd53e8c (diff)
kinda finish new style
Diffstat (limited to 'static/css/general_style.css')
-rw-r--r--static/css/general_style.css171
1 files changed, 0 insertions, 171 deletions
diff --git a/static/css/general_style.css b/static/css/general_style.css
deleted file mode 100644
index 60a8f7e..0000000
--- a/static/css/general_style.css
+++ /dev/null
@@ -1,171 +0,0 @@
-:root {
- font-family: Verdana, Geneva, sans-serif;
- font-size: larger;
-}
-
-body {
- max-width: 50em;
- margin-top: 1em;
- margin-bottom: 1em;
- margin-left: auto;
- margin-right: auto;
- padding: 0.5em;
- text-align: justify;
- text-justify: inter-word;
-}
-
-a{
- text-decoration: none;
-}
-
-/* switch */
-/* slider container */
-.switch {
- position: relative;
- display: inline-block;
- width: 2rem;
- height: 1rem;
-}
-
-/* specifically the theme switcher */
-#theme-switcher-container {
- position: absolute;
- top: 1.6em;
- --hardcoded-pos: calc(50vw - 25.2em);
- --resized-pos: calc(0.4px + 0.5em);
- --calculated-pos: max(var(--hardcoded-pos), var(--resized-pos));
- right: var(--calculated-pos);
-}
-
-#theme-switcher-container i {
- position: relative;
- top: -0.2em;
-}
-
-.switch input {
- opacity: 0;
- width: 0;
- height: 0;
-}
-
-/* slider dimentions */
-.slider {
- position: absolute;
- cursor: pointer;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- -webkit-transition: 0.4s;
- transition: 0.4s;
-}
-
-.slider:before {
- position:absolute;
- content: "";
- height: 0.8em;
- width: 0.8em;
- left: 0.1em;
- bottom: 0.1em;
- -webkit-transition: 0.4s;
- transition: 0.4s;
-}
-
-/* slider movement on click */
-.switch input:checked + .slider:before {
- -webkit-transform: translateX(0.9em);
- -ms-transform: translateX(0.9em);
- transform: translateX(0.9em);
-}
-
-/* slider container */
-.slider.round {
- border-radius: 1em;
-}
-
-/* slider */
-.slider.round:before {
- border-radius: 1em;
-}
-
-/* menu bar (header) */
-header {
- margin-top: 1em;
- margin-left: auto;
- margin-right: auto;
- text-align: center;
-}
-
-.menubar {
- display: inline-block;
- margin: 0;
- padding: 0;
-}
-
-.menubar li {
- display: block;
- float: left;
- min-width: 2em;
- max-width: 10em;
- padding-top: 0.2em;
- padding-bottom: 0.2em;
- padding-left: 0.4em;
- padding-right: 0.4em;
- margin-left: 0.2em;
- margin-right: 0.2em;
-}
-
-.menubar ul {
- visibility: hidden;
- position: absolute;
- padding-top: 0.2em;
- padding-bottom: 0.2em;
- margin-left: -2.6em;
- min-width: 2em;
- max-width: 10em;
-}
-
-.menubar li:hover ul {
- visibility: visible;
-}
-
-/* keep subitmes as list */
-.menubar li ul li{
- float: none;
- margin-top: 0.4em;
-}
-
-/* separation from icon */
-.menubar span {
- padding-left: 0.4em;
-}
-
-/* footer */
-footer {
- margin-left: auto;
- margin-right: auto;
- text-align: center;
-}
-
-/* images */
-img {
- max-width: 35vw;
-}
-
-/* image gallery (not really being used rn) */
-div.gallery {
- margin: 5px;
- border: 1px solid;
- float: left;
- width: 180px;
-}
-
-div.gallery img {
- width: 100%;
- height: auto;
-}
-
-div.desc {
- padding: 15px;
- text-align: center;
-}