Issues #4, #23 & #26 - styling

bobbingwide · Nov 10, 2020 · e7d257c · e7d257c
1 parent 753fd6e
commit e7d257c
Showing 1 changed file with 104 additions and 7 deletions.
diff --git a/style.css b/style.css
@@ -4,7 +4,7 @@ Theme URI: https://www.oik-plugins.com/oik-themes/fizzie
 Description: Fizzie theme - a Full Site Editing theme using Gutenberg blocks
 Author: Bobbing Wide
 Author URI: https://www.oik-plugins.com/author/bobbingwide
-Version: 0.0.6
+Version: 0.0.7
 Tags: blocks, Gutenberg, FSE, oik
 Requires at least: 5.5.1
 Requires PHP: 7.3
@@ -22,17 +22,20 @@ body {
     color: #1a1a2a;
     margin:0;
     background-color: #f5f5f5;
-    line-height: 1.2;
+    font-size: 18px;
+    font-weight: 300;
+    line-height: 1.625;
 }
 
 a {
     color: var(--wp--preset--color--greeny, #6a6a2a );
+    text-decoration: none;
 }
 
 a:hover,
 a:focus {
     color: #333;
-    text-decoration: none;
+    text-decoration: underline;
 }
 
 h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
@@ -69,7 +72,7 @@ h6 {
 
 .wp-block-search .wp-block-search__input {
     width: 108px;
-    padding: 2px;
+    padding: 10px;
 }
 
 .wp-block-search .wp-block-search__button {
@@ -163,6 +166,10 @@ h6 {
     margin: 1em 0;
 }
 
+.metadates p {
+    font-size: 16px;
+}
+
 /**
   Should we consider adding .wp-block-template-part to the areas styled as div.className
  */
@@ -175,6 +182,7 @@ div.breadcrumbs,
 div.a2z,
 div.information,
 div.download,
+div.metadates,
 section.archive{
     max-width: 1140px;
     margin: 0 auto;
@@ -200,6 +208,21 @@ a.wordpress {
     background: #eb672b;
     margin: 1% auto;
 }
+a.download {
+    display: block;
+    text-align: center;
+    padding: 0;
+    color: #fff;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+    border: none;
+    text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0;
+    text-decoration: none;
+    padding: 3%;
+    margin: 1% auto;
+    text-align: center;
+    background: #5b5f13;
+}
 
 div.information,
 div.footer-menu{
@@ -215,7 +238,8 @@ div.footer-menu{
     padding-top: 5px;
 }
 
-.bw_metadata {
+.bw_metadata,
+.bw_taxonomy {
     padding: 0.1em 1em;
 }
 
@@ -250,8 +274,8 @@ p.wp-block-site-tagline {
     margin-top: 0em;
 }
 
-.wp-block-navigation li {
-    margin-right: 10px;
+.wp-block-navigation-link {
+    padding-right: 4px;
 }
 
 .wp-block-navigation a {
@@ -260,6 +284,7 @@ p.wp-block-site-tagline {
     color: #ffffff;
     text-decoration: none;
     background-color: #a2ab3b;
+    font-size: 13px;
 }
 
 .wp-block-navigation a:hover,
@@ -452,3 +477,75 @@ h2.wp-block-post-title {
     font-size: calc( 1px * var( --wp--preset--font-size--normal ) );
 }
 
+div.information {
+    padding: 20px 30px;
+    margin-top: 20px;
+}
+
+/**
+ Table styling
+ */
+
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+    line-height: 2;
+    margin-bottom: 40px;
+    width: 100%;
+    font-size: 16px;
+    word-break: break-all;
+}
+
+tbody {
+    border-bottom: 1px solid #ddd;
+}
+
+td,
+th {
+    text-align: left;
+}
+
+
+
+td, th {
+    border: 1px solid #fff;
+    padding: 3px 0 3px 3px;
+}
+
+th {
+    font-weight: bold;
+}
+
+table.bw_table { margin-top: 30px;  background-color: #eeeeee;}
+tbody tr:nth-child(odd) { background: #f5f5f5;}
+
+td:first-child,
+th:first-child {
+    padding-left: 0;
+}
+
+td:last-child,
+th:last-child {
+    padding-right: 0;
+}
+
+@media only screen and (min-width: 480px) {
+    table {
+        table-layout: auto;
+        word-break: normal;
+    }
+}
+
+input, select, textarea {
+    background-color: #fff;
+    border: 1px solid #ddd;
+    color: #1A1A2A;
+    font-size: 18px;
+    font-weight: 300;
+    padding: 16px;
+    width: 100%;
+}
+
+
+