fix width .ryf-list
[ryf-theme.git] / css / style.css
index 4be86c62274d99ed2c00e9ed521caedfca650031..3240931882c9091e351a1fe3ac4e500976909846 100644 (file)
@@ -58,8 +58,8 @@ h2.block-title {
   text-indent: 25px;
   font-size: 1em;
   width: fit-content;
-  margin: auto;
   margin-top: 1em;
+  float: right;
 }
 
 .view-display-id-news_page .feed-icons a {
@@ -130,9 +130,9 @@ h2.block-title {
 
 .navbar-default .navbar-nav > li.active > a:hover,
 .navbar-default .navbar-nav > li > a:hover {
-  color: #337AB7;
+  color: #DDCC00;
   background: #000;
-  border-bottom: 2px solid #337AB7;
+  border-bottom: 2px solid #DDCC00;
   padding-bottom: 5px;
   margin-bottom: 10px;
 }
@@ -235,6 +235,8 @@ nav .search-block-form {
 .ryf-list article {
   border: 1px solid #ececec;
   border-radius: 5px;
+  border-top: none;
+  border-left: none;
   padding: 1em;
   box-shadow: 2px 2px 5px #ddd;
   transition: 0.3s;
@@ -244,6 +246,12 @@ nav .search-block-form {
   box-shadow: 0px 0px 5px #aaa;
 }
 
+.ryf-list article:before {
+    content: '';
+    float: left;
+    padding-top: 100%;
+}
+
 .ryf-list .field--type-image {
   width: 150px;
   height: 150px;
@@ -276,6 +284,8 @@ nav .search-block-form {
   margin: 0;
   padding: 0;
   padding-bottom: 1em;
+  height: 100px;
+  overflow: hidden;
 }
 
 .ryf-list a {
@@ -756,7 +766,7 @@ nav .search-block-form {
   width: 100%;
 }
 
-.footer a { color: #337AB7; }
+.footer a { color: #DDCC00; }
 
 .footer a:hover { color: #FFF; }