Changeset 487838e for public/css

Timestamp:

Oct 24, 2020, 8:19:52 AM (4 years ago)

Author:

Mikhail Kirillov <w96k@…>

Branches:

master

Children:

8e04a0f

Parents:

9742500

Message:

Add org-webring

File:

• public/css/custom.css (modified) (1 diff)

public/css/custom.css

@@ -214 +214 @@
     height: 3em;
 }
+
+/* Style for WEBRING */
+.org-webring .org-webring-articles {
+    display: flex;
+    flex-flow: row wrap;
+}
+.org-webring .org-webring-article-title {
+    font-size: 0.8rem;
+    margin: 1em;
+    font-weight: bold;
+}
+.org-webring .org-webring-article {
+    background: #f6f6f6;
+    flex: 1 1 auto;
+    flex-basis: 40%;
+    display: flex;
+    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;
+}
+.org-webring .org-webring-article:hover {
+    opacity: 1;
+    background-color: #ebebeb;
+}
+
+.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;
+    margin: 0 1em 1em 1em;
+    flex: 1 1 0;
+}
+.org-webring .org-webring-attribution {
+    text-align: right;
+    font-size: 0.8rem;
+    padding-right: 0.5em;
+    color: #666;
+}
+.org-webring .org-webring-article-date {
+    text-align: center;
+}
+.org-webring .org-webring-article-source {
+    text-align: center;
+}
+.org-webring .org-webring-timestamp {
+    color: #666;
+}
+@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;
+        padding: 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;
+        padding: 0.5rem;
+        border: 0.15rem black solid;
+        border-color: black;
+        transition: 0.3s;
+        opacity: 1;
+    }
+}
+