search box on header and hover colors on navbar
authorValessio Soares de Brito <contato@valessiobrito.com.br>
Fri, 30 Aug 2019 15:49:56 +0000 (11:49 -0400)
committerValessio Soares de Brito <contato@valessiobrito.com.br>
Fri, 30 Aug 2019 15:49:56 +0000 (11:49 -0400)
css/style.css

index f56a65b..3d3fab8 100644 (file)
@@ -11,6 +11,7 @@ body {
 
 a { transition: 0.3s; }
 
+section { position: relative; }
 
 /* etcetera */
 
@@ -25,14 +26,14 @@ h2.block-title {
 .feed-icons a {
   background: url('../images/rss.svg') top left no-repeat;
   background-size: contain;
-  width: 20px;
   height: 20px;
   overflow: hidden;
-  position: absolute;
-  top: 0px;
-  right: 10px;
-  margin-top: -50px;
-  text-indent: -1000px;
+  display: block;
+  text-indent: 25px;
+  font-size: 1em;
+  width: fit-content;
+  margin: auto;
+  margin-top: 1em;
 }
 
 .view-display-id-news_page .feed-icons a {
@@ -93,12 +94,9 @@ h2.block-title {
   outline: none;
 }
 
-.navbar-default .navbar-nav > li      > a,
-.navbar-default .navbar-nav > .active > a,
-.navbar-default .navbar-nav > li      > a:link,
-.navbar-default .navbar-nav > .active > a:link,
-.navbar-default .navbar-nav > li      > a:visited,
-.navbar-default .navbar-nav > .active > a:visited {
+.navbar-default .navbar-nav > li > a,
+.navbar-default .navbar-nav > li > a:link,
+.navbar-default .navbar-nav > li > a:visited {
   color: #FFF;
   background: #000;
   border-bottom: 2px solid transparent;
@@ -106,10 +104,8 @@ h2.block-title {
   margin-bottom: 5px;
 }
 
-.navbar-default .navbar-nav > li      > a:hover,
-.navbar-default .navbar-nav > .active > a:hover,
-.navbar-default .navbar-nav > li      > a:active,
-.navbar-default .navbar-nav > .active > a:active {
+.navbar-default .navbar-nav > li.active > a:hover,
+.navbar-default .navbar-nav > li > a:hover {
   color: #337AB7;
   background: #000;
   border-bottom: 2px solid #337AB7;
@@ -117,6 +113,13 @@ h2.block-title {
   margin-bottom: 10px;
 }
 
+.navbar-default .navbar-nav > li > a.is-active {
+  border-bottom: 2px solid #FFF;
+  background: #000;
+  padding-bottom: 5px;
+  margin-bottom: 10px;
+}
+
 .page-header {
   border-bottom: 2px solid #000;
   font-size: 2em;
@@ -127,24 +130,35 @@ h2.block-title {
   float: right;
 }
 
-@media screen and (min-width: 520px) and (max-width: 599px) {
-  .logo img { margin-left: 50px; }
-  #block-ryf-main-menu .navbar-nav { margin-left: 230px; }
-}
-
-@media screen and (min-width: 600px) and (max-width: 767px) {
-  .logo img { margin-left: 100px; }
-  #block-ryf-main-menu .navbar-nav { margin-left: 280px; }
-}
-
-@media screen and (max-width: 767px) {
-  .logo img { height: 150px; margin-top: 25px; }
-  .navbar-default { min-height: 230px; margin-bottom: 30px; }
-  #block-ryf-main-menu .navbar-nav { max-width: 130px; }
-}
-
+nav .search-block-form {
+  position: absolute;
+  width: 300px;
+  right: 10%;
+  top: 30px;
+}
+
+/* 
+ *  @media screen and (min-width: 520px) and (max-width: 599px) {
+ *   .logo img { margin-left: 50px; }
+ *   #block-ryf-main-menu .navbar-nav { margin-left: 230px; }
+ * }
+ * 
+ * @media screen and (min-width: 600px) and (max-width: 767px) {
+ *   .logo img { margin-left: 100px; }
+ *   #block-ryf-main-menu .navbar-nav { margin-left: 280px; }
+ * }
+ * 
+ * @media screen and (max-width: 767px) {
+ *   .logo img { height: 150px; margin-top: 25px; }
+ *   .navbar-default { min-height: 230px; margin-bottom: 30px; }
+ *   #block-ryf-main-menu .navbar-nav { max-width: 130px; }
+ * }
+ *
+ */
 @media screen and (min-width: 768px) {
   .navbar-nav { margin-top: 40px; }
+  .region-navigation-collapsible .search-block-form { float: right; padding-top: 30px; width: 210px; }
 }
 
 
@@ -174,7 +188,7 @@ h2.block-title {
   float: left;
   margin: 0;
   padding: 0.5em;
-  position:relative;
+  position: relative;
   list-style: none;
 }