commit jun 6

2024-06-07 16:54:29 +02:00
parent 11271513ea
commit 11af19a797
9 changed files with 888 additions and 69 deletions
--- a/style/news/_categories-news.scss
+++ b/style/news/_categories-news.scss
@@ -0,0 +1,198 @@
+
+.categories-news{
+    border-top: 1px solid #e0e0e8;
+    margin: auto 15px;
+
+    .categories-title{
+        font-size: 18px;
+            line-height: 1.2;
+            font-family: Merriweather, serif;
+            color: #15c1c6;
+            font-weight: 700;
+            margin-bottom: 18px;
+            
+    }
+    .categories-ul{
+        font-family: Merriweather, serif;
+        font-style: italic;
+        font-weight: 400;
+        list-style: none;
+        padding: 0;
+        font-size: 16px;
+        line-height: 1.4375;
+        letter-spacing: 0px;
+        text-align: left;
+    }
+    .categories-li{
+        margin-top: 12.8px;
+        a{
+            text-decoration: none;
+            color: #15c1c6;
+        }
+        a:hover{
+            color: #333333;
+            transition: 0.3s;
+        }
+    }
+
+    // Recent com
+
+    .recent-com-ul{
+        list-style: none;
+        padding: 0;
+        .recent-com-li{
+            display: flex;
+            flex-direction: column;
+            margin-top: 35.2px;
+            .admin-on{
+                color: #777777;
+                font-family: Merriweather, serif;
+                font-style: italic;
+                font-weight: 400;
+                text-transform: lowercase;
+                font-size: 16px;
+                line-height: 1.4375;
+                letter-spacing: 0px;
+            }
+            a{
+                text-decoration: none;
+                color: #333333;
+                font-size: 1.125rem;
+                line-height: 1.333;
+                font-style: normal;
+                font-weight: 500;
+                font-family: Merriweather, serif;
+            }
+            a:hover{
+                color: #15c1c6;
+                transition: 0.3s;
+            }
+        }
+    }
+
+    // Tags
+    .tag-container{
+        display: block;
+        a{
+            margin:0 18px 12px 0;
+            text-decoration: none;
+            font-size: 16px;
+            line-height: 1.4375;
+            font-family: Merriweather, serif;
+            font-style: italic;
+            font-weight: 400;
+            letter-spacing: 0px;
+            text-align: left;
+            color: #777777;
+        }
+        a:hover{
+            color: #15c1c6;
+            transition: 0.3s;
+        }
+    }
+
+    //Archives
+
+    .archives-container{
+
+
+
+        #archives-select{
+            background-color: #f6f6f6;
+            font-family: Merriweather, serif;
+            font-style: italic;
+            font-weight: 400;
+            border: 0px;
+            color: #777777;
+            width: 100%;
+            padding: 17px 56px 16px 20px;
+            cursor: pointer;
+        }
+        #archives-select:hover{
+            background-color: rgb(237, 237, 237);
+            transition: 0.3s;
+        }
+    }
+
+    // Calendar
+
+    .calendar{
+        text-align: center;
+        border-left: 1px solid #e0e0e8;
+        border-right: 1px solid #e0e0e8;
+        border-bottom: 1px solid #e0e0e8;
+        padding-left: 19px;
+        padding-right: 19px;
+
+        .caption{
+            text-align: center;
+            color: #ffffff;
+            background-color: #15c1c6;
+            margin-bottom: .9em;
+            margin-left: -20px;
+            margin-right: -20px;
+            padding: .7em .5em;
+            text-transform: uppercase;
+            letter-spacing: .05em;
+            font-size: 1rem;
+            font-style: normal;
+            font-weight: 700;
+            font-family: Merriweather, serif;
+        }
+
+        thead{
+            text-align: center;
+            th{
+                color: #233457;
+                font-size: .75rem;
+                width: 14.22%;
+                padding: 7px 2px;
+                text-align: center;
+                font-weight: 500;
+                font-family: Merriweather, serif;
+            }
+        }
+        tfoot{
+            border-top: 1px solid #e0e0e8;
+            #month-name-table{
+                font-size: .8125rem;
+                text-transform: uppercase;
+                font-family: Merriweather, serif;
+                cursor: pointer;
+                font-weight: 700;
+                color: #777777;
+            padding: 10px 0 15px 0;
+
+            }
+            #month-name-table:hover {    
+                transition: 0.3s;
+                color: black;
+            }
+        }
+
+
+        tr{
+            padding-left: 19px;
+            padding-right: 19px;
+        }
+        .last-row{
+            padding-bottom: 20px;
+        }
+
+        td{
+            font-size: .80rem;
+            padding: 7px 2px;
+            width: 14.22%;
+            font-family: MerriweatherSans, sans-serif;
+        }
+
+    }
+}
+
+@media only screen and (min-width:768px) {
+    .categories-news{
+        margin-right: 60px;
+        margin-left: 60px;
+
+    }
+}