Changeset 8ff16b8 for public/css

Timestamp:

Jul 16, 2022, 12:59:34 PM (3 years ago)

Author:

Mikhail Kirillov <w96k@…>

Branches:

master

Children:

05217bb

Parents:

5f1c100

git-author:

Mikhail Kirillov <w96k@…> (07/16/22 12:57:37)

git-committer:

Mikhail Kirillov <w96k@…> (07/16/22 12:59:34)

Message:

Add php article

Location:

public/css

Files:

• custom.css (modified) (12 diffs)
• mini.css (modified) (5 diffs)

public/css/custom.css

@@ -1 +1 @@
 body {
-    padding: 1em;
+    padding: 0 1em 1em 1em;
+    background: #f0f0f0;
 }
 
@@ -10 +11 @@
     padding: 1em;
     background: #fefefe;
-    box-shadow: 0 1px 3px rgba(0,0,0,.1);
+    box-shadow: 0 2px 2px rgba(0,0,0,.35);
     position: relative;
     border-radius: var(--universal-border-radius);
+    border: 1px solid #f0f0f0;
 }
 
@@ -32 +34 @@
 .navbar {
     border: 0;
+    padding: 0 calc(var(--universal-padding) * 2.5);
+    position: relative;
+    top: 1em;
+    z-index: 999;
 }
 
 .navbar .button {
+    text-transform: none;
     background: #fefefe;
-    text-transform: none;
+    box-shadow: 0 -3px 0 rgba(0,0,0,.35), 1px -1px 1px rgba(0,0,0,.15);
+    border-radius: 0.15em 0.15em 0 0;
+    text-decoration: underline;
+    color: var(--a-link-color);
+    padding: 4px 12px;
+    margin: 6px;
 }
 
@@ -76 +88 @@
 #postamble {
     margin: var(--universal-margin);
-    max-width: calc(60ch + 6em);
+    max-width: calc(60ch + 7.75em);
 }
 
@@ -114 +126 @@
     background: #fefefe;
     line-height: 12pt;
-    box-shadow: 0 1px 3px rgba(0,0,0,.1);
+    box-shadow: 0 2px 2px rgba(0,0,0,.35);
     border: none;
     max-height: calc(100% - 2 * (var(--universal-margin) + 0.5em) - 9em);
@@ -234 +246 @@
 }
 .org-webring .org-webring-article-title {
-    font-size: 0.8rem;
-    font-weight: bold;
+    font-size: 0.1em !important;
+    padding: 0;
+    margin: 0 5em 0 9em;
+    border-radius: 0.25em;
+    max-height: 40ch;
 }
 .org-webring .org-webring-article {
-    background: #f6f6f6;
     flex: 1 1 auto;
     flex-basis: 40%;
@@ -244 +258 @@
     flex-direction: column;
     margin: 0.5em;
-    padding: 0.15em 0.3em;
-    border: 0.1rem solid rgba(0,0,0,.25);
     transition: 0.3s;
     opacity: 1;
+    overflow: hidden;
+    border-left: 3px solid rgba(0,0,0,.35);
 }
 .org-webring .org-webring-article:hover {
     opacity: 1;
-    background-color: #ebebeb;
 }
 
@@ -279 +292 @@
     font-size: 0.8rem;
     flex: 1 1 0;
+    display: none;
 }
 .org-webring .org-webring-attribution {
@@ -285 +299 @@
     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) {
@@ -309 +327 @@
         margin: 0 0.5rem;
         margin-bottom: 0.5rem;
-        padding: 0.5rem;
     }
     .org-webring .org-webring-article-pinned {
@@ -319 +336 @@
         margin: 0 0.5rem;
         margin-bottom: 0.5rem;
-        padding: 0.5rem;
         border: 0.15rem black solid;
         border-color: black;
@@ -347 +363 @@
     margin: 0 var(--universal-padding);
 }
+
+ul ul {
+    margin: 0;
+}
+
+table tr td:nth-child(1) {
+    width: 20%;
+}

public/css/mini.css

@@ -22 +22 @@
     --universal-margin: 0.5rem;
     --universal-padding: 0.5rem;
-    --universal-border-radius: 0.2rem;
+    --universal-border-radius: 0.3rem;
     --a-link-color: #0277bd;
     --a-visited-color: #01579b;
@@ -221 +221 @@
 
 a {
-    text-decoration: none;
-}
-
-article a:hover {
     text-decoration: underline;
-    text-underline-offset: 0.2em;
-    text-decoration-thickness: 2px;
+}
+
+a:hover {
+    text-decoration: underline;
+    background: rgba(0,0,0,.1);
 }
 
@@ -1086 +1085 @@
     padding: var(--universal-padding) calc(2 * var(--universal-padding));
     font-weight: 900;
-    box-shadow: 0 2px 3px rgba(0,0,0,.1);
+    box-shadow: 0 1px 2px rgba(0,0,0,.35);
 }
 
@@ -1094 +1093 @@
     margin-right: 0.25em;
     border-radius: var(--universal-border-radius);
-    box-shadow: 0 2px 3px rgba(0,0,0,.1);
+    box-shadow: 0 1px 2px rgba(0,0,0,.35);
 }
 
@@ -1124 +1123 @@
 
 nav a:hover, nav a:focus, nav a:visited:hover, nav a:visited:focus {
-    text-decoration: none;
     background: var(--nav-hover-back-color);
 }