tweaked css comment

[ryf-theme.git] / css / style.css

diff --git a/css/style.css b/css/style.css
index 6f76b81c69235be5705ac6e62ba8fabd9614f77b..3de675c0de6d23e82ee27d1be7a6ba9f76013ecf 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -7,6 +7,10 @@ body { margin: 0; min-width: 320px; }
 
 a { transition: 0.3s; }
 
+@media screen and (max-width: 767px) {
+  .logo img { width: 150px; }
+}
+
 .navbar-default {
   background: #000;
   color: #FFF;
@@ -40,20 +44,23 @@ a { transition: 0.3s; }
 
 #block-ryf-main-menu .navbar-nav { margin-left: 180px; }
 
+.navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:hover,
-.navbar-default .navbar-nav>li>a {
+.navbar-default .navbar-nav > li      > a {
   color: #FFF;
+  background: #000;
   border-bottom: 2px solid transparent;
+  padding-bottom: 10px;
+  margin-bottom: 5px;
 }
 
-.navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a,
-.navbar-default .navbar-nav>li>a:hover {
+.navbar-default .navbar-nav > .active > a:hover,
+.navbar-default .navbar-nav > li      > a:hover {
   color: #edd400;
   border-bottom: 2px solid #edd400;
   padding-bottom: 5px;
-  background: #000;
-  margin-bottom: 5px;
+  margin-bottom: 10px;
 }
 
 #block-bootstrap-main-menu {
@@ -71,6 +78,17 @@ a { transition: 0.3s; }
   float: right;
 }
 
+/* Selectors */
+
+@media screen and (min-width: 768px) {
+  .form-inline .form-item .select-wrapper {
+    display: block;
+  }
+  .form-inline .form-actions {
+    margin-top: 21px;
+  }
+}
+
 /* RYF List */
 
 .ryf-list {
@@ -154,6 +172,14 @@ a { transition: 0.3s; }
   color: #FFF;
 }
 
+/* full page width for footer */
+.footer {
+  position: absolute;
+  left: 0;
+  right: 0;
+  width: 100%;
+}
+
 .footer a { color: #edd400; }
 
 .footer a:hover { color: #FFF; }