Changeset 1d577b1 for public/css

Timestamp:

Aug 29, 2022, 12:53:28 AM (2 years ago)

Author:

Mikhail Kirillov <w96k@…>

Branches:

master

Children:

29d69bd

Parents:

7123feb

Message:

Optimize website

File:

• public/css/custom.css (modified) (10 diffs)

public/css/custom.css

@@ -1 +1 @@
 :root {
-    --fore-color: #111;
-    --secondary-fore-color: #444;
-    --back-color: #f8f8f8;
-    --secondary-back-color: #f0f0f0;
-    --blockquote-color: #f57c00;
-    --pre-color: #1565c0;
-    --border-color: #aaa;
-    --secondary-border-color: #ddd;
-    --heading-ratio: 1.125;
     --universal-margin: 0.5rem;
     --universal-padding: 0.5rem;
@@ -31 +22 @@
 article,
 #footnotes {
-    max-width: calc(60ch + 4em);
+    max-width: calc(60ch);
     margin: var(--universal-padding);
-    padding: var(--universal-padding) calc(var(--universal-padding) * 2);
+    padding: calc(var(--universal-padding) * 2);
     background: #fefefe;
     box-shadow: 0 1px 0px rgba(0,0,0,.1);
@@ -62 +53 @@
 }
 
-.navbar .button {
+.navbar a {
     text-transform: none;
     background: #fefefe;
@@ -76 +67 @@
 .navbar .button:hover {
     background: #ddd;
-}
-
-/* 16:9 */
-.video {
-    padding-top: 56.25%;
-    position: relative;
-    width: calc(100% - 1em);
-}
-
-iframe {
-    width: 100%;
-    min-height: 445px;
-    top: 0;
-    left: 0;
-    bottom: 0;
-    right: 0;
-}
-
-.cover {
-    margin: 0.5em 0;
-    border: 1px solid rgba(0,0,0,.3);
-    border-radius: 0.1em;
 }
 
@@ -115 +84 @@
 #postamble {
     margin: var(--universal-margin);
-    max-width: calc(60ch + 6em);
+    max-width: calc(63ch);
     display: flex;
     flex-direction: row;
@@ -150 +119 @@
     display: block;
     z-index: 1050;
-    font-size: 12pt;
     position: fixed;
-    left: 75ch;
+    left: 70ch;
     top: calc(var(--universal-margin) + 2.6rem);
     background: #fefefe;
-    line-height: 12pt;
-    box-shadow: 0 2px 2px rgba(0,0,0,.35);
+    box-shadow: 0 1px 0px rgba(0,0,0,.1);
+    border-radius: var(--universal-border-radius);
+    border: 1px solid #cfcfcf;
     max-height: calc(100% - 2 * (var(--universal-margin) + 0.5em) - 9em);
     overflow: auto;
-    max-width: 30ch;
-    border-radius: var(--universal-border-radius);
-    border: 1px solid #cfcfcf;
+    max-width: 35ch;
 }
 
@@ -169 +136 @@
 
 #table-of-contents h2 {
-    font-size: 13pt;
+    font-size: 12pt;
     margin: var(--universal-margin);
     margin-top: calc(2 * var(--universal-margin));
@@ -176 +143 @@
 }
 
-#text-table-of-contents ul {
-    margin: 0 0 0 1em;
-}
-
-#text-table-of-contents > ul {
-    margin: 0 1em 0 2em;
-}
-
 #text-table-of-contents ul li {
     font-size: 11pt;
     width: 100%;
-}
-
-#table-of-contents #text-table-of-contents {
-    display: block;
-    text-align: left;
-    max-width: 35ch;
-}
-
-#table-of-contents li {
-    clear:both
 }
 
@@ -266 +215 @@
 }
 
-/* Style for WEBRING */
-.org-webring {
-    position: relative;
-}
-
-.org-webring .org-webring-articles {
-    display: flex;
-    flex-flow: column;
-    margin: 0 0.25em;
-}
-.org-webring .org-webring-article-title {
-    font-size: 1em;
-    padding: 0;
-    margin: 0 0.75em 0 0.75em;
-    border-radius: 0.25em;
-    max-height: 40ch;
-}
-.org-webring .org-webring-article {
-    position: relative;
-    flex-basis: 45%;
-    display: flex;
-    flex-direction: column;
-    margin: 0 0.5em;
-    transition: 0.3s;
-    opacity: 1;
-    overflow: hidden;
-    /* border-radius: 3px; */
-    /* border-left: 3px solid rgba(0,0,0,.4); */
-}
-
-.org-webring .org-webring-article:before {
-    content: "•";
-    position: absolute;
-    left: 0;
-    top: 0;
-    margin-left: -0.125em;
-    font-size: 1.1em;
-}
-
-.org-webring .org-webring-article:hover {
-    opacity: 1;
-}
-
-.org-webring .org-webring-article-pinned {
-    position: relative;
-    flex: 1 1 auto;
-    flex-basis: 100%;
-    display: flex;
-    flex-direction: column;
-    margin: 0 0.5rem;
-    padding: 0.5rem;
-    border: 0.15rem black solid;
-    border-color: black;
-    transition: 0.3s;
-    opacity: 1;
-}
-.org-webring .org-webring-article-pinned:hover {
-    opacity: 1;
-    background-color: #fefefe;
-}
-.org-webring .org-webring-article-pinned-symbol{
-    position: absolute;
-    top: 0.2rem;
-    right: 0.5rem;
-}
-.org-webring .org-webring-article-summary {
-    font-size: 0.8rem;
-    flex: 1 1 0;
-    display: none;
-}
-.org-webring .org-webring-attribution {
-    text-align: right;
-    font-size: 0.8rem;
-    padding-right: 0.5em;
-    color: #666;
-    display: none;
-}
-.org-webring .org-webring-article-date {
-    text-align: center;
-    display: none;
-}
-.org-webring .org-webring-article-source {
-    text-align: center;
-    display: none;
-}
-.org-webring .org-webring-timestamp {
-    color: #666;
-    display: none;
-}
-@media screen and (max-width: 600px) {
-    .org-webring .org-webring-articles {
-        display: flex;
-        flex-direction: column;
-    }
-}
-@media screen and (max-width: 600px) {
-    .org-webring .org-webring-article {
-        flex: 1 1 auto;
-        flex-basis: 100%;
-        display: flex;
-        flex-direction: column;
-        margin: 0 0.5rem;
-        margin-bottom: 0.5rem;
-    }
-    .org-webring .org-webring-article-pinned {
-        position: relative;
-        flex: 1 1 auto;
-        flex-basis: 100%;
-        display: flex;
-        flex-direction: column;
-        margin: 0 0.5rem;
-        margin-bottom: 0.5rem;
-        border: 0.15rem black solid;
-        border-color: black;
-        transition: 0.3s;
-        opacity: 1;
-    }
-}
-
-.org-webring > h4 {
-    display: none;
-}
-
 video {
     max-width: 100%;
@@ -406 +232 @@
 }
 
-ul ul {
-    margin: 0;
-}
-
 table tr td:nth-child(1) {
     width: 20%;