diff css/app.css @ 206:68d54c6d397a

More top menu bar style tweaks.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Thu, 09 Jul 2020 23:02:56 +0900
parents 3a99431030c1
children 370d7d0cdf7d
line wrap: on
line diff
--- a/css/app.css	Thu Jul 09 23:01:48 2020 +0900
+++ b/css/app.css	Thu Jul 09 23:02:56 2020 +0900
@@ -13,6 +13,10 @@
   font-size: 2.33rem;
 }
 
+.dark-background {
+  background: #333;
+}
+
 /* Foundation 6 modifications */
 
 .title-bar,
@@ -21,6 +25,11 @@
   background: #333;
 }
 
+.top-bar {
+  max-width: 1200px;
+  margin: auto;
+}
+
 .top-bar ul li a {
   color: #FFF;
 }
@@ -29,7 +38,12 @@
   background-color: #585858;
 }
 
-.grid-container {
+@media screen and (max-width: 1023px) {
+  .top-bar .top-bar-left { display: none; }
+  .top-bar .top-bar-right { margin-left: 0px; }
+}
+
+.grid-container { /* Content */
   margin: 1em auto;
 }
 
@@ -37,6 +51,11 @@
   width: 100%;
 }
 
+a.button.warning { /* RSS Feed */
+  font-weight: bold;
+  color: #FFF;
+}
+
 /* Foundation 6 responsive buttons */
 
 @media screen and (max-width: 39.9375em) {