tweaked css comment
[ryf-theme.git] / css / style.css
index b13b300e89bbf4d64124a9352c44f28ae455f08b..3de675c0de6d23e82ee27d1be7a6ba9f76013ecf 100644 (file)
@@ -3,10 +3,14 @@
  * your custom CSS modifications here.
  */
 
-body { margin: 0; }
+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 {
@@ -62,7 +69,7 @@ a { transition: 0.3s; }
 }
 
 .page-header {
-  border: 2px solid #000;
+  border-bottom: 2px solid #000;
   font-size: 2em;
 }
 
@@ -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; }
@@ -162,3 +188,5 @@ a { transition: 0.3s; }
 
 .footer .copyright { font-size: 0.9em; text-align: center; width: 80%; margin-top: 1em; border-top: 1px solid #111; padding: 1em; }
 
+#fsf-logo-footer { margin-bottom: 10px; }
+