divider style

code/static/panamaracing.css

@@ -94,6 +94,14 @@
     padding-top: 10px;
 }
 
+.divider
+{
+    height: 23px;
+    padding-bottom: 10px;
+    padding-left: 10px;
+    padding-top: 10px;
+}
+
 .h2
 {
     font-family: Helvetica;
@@ -122,7 +130,7 @@
 .djsectionmenu
 {
     font-family: Helvetica;
-    font-size: 33px;
+    font-size: 18px;
     color: var(--ifm-red);
     line-height: 1em;
     z-index: 100;
@@ -301,6 +309,7 @@
         column-count: 1;
     }
 }
+
 .content
 {
     width: 80%;
@@ -386,6 +395,11 @@
         height: 180px;
     }
 
+    .divider
+    {
+        height: 35px;
+    }
+
     .djsectionmenu
     {
         font-size: 25px;
@@ -437,6 +451,11 @@
         height: 220px;
     }
 
+    .divider
+    {
+        height: 43px;
+    }
+
     .djsectionmenu
     {
         font-size: 33px;

code/views/prc_layout.etlua

@@ -21,11 +21,11 @@
             Sharing <%= total[0] %> files
         </h1>
     </div>
-        <img style="padding-bottom: 10px; padding-left: 10px; padding-top: 10px;" src="/static/panamaracing.club_divider.png">
+        <img class="divider" src="/static/panamaracing.club_divider.png">
     <div class="content">
         <% content_for("inner") %>
     </div>
-        <img style="padding-bottom: 10px; padding-left: 10px; padding-top: 10px;" src="/static/panamaracing.club_divider.png">
+        <img class="divider" src="/static/panamaracing.club_divider.png">
     <div class="content">
         <section class="latest">
             <div class="latest_files">
@@ -39,6 +39,6 @@
             </div>
         </section>
     </div>
-        <img style="padding-bottom: 10px; padding-left: 10px; padding-top: 10px;" src="/static/panamaracing.club_divider.png">
+        <img class="divider" src="/static/panamaracing.club_divider.png">
     </body>
 </html>