always place logos above vendor text, use columns

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

diff --git a/css/style.css b/css/style.css
index fbdbd7b4d211c686d64b88a8cb82493a4a796b1e..cc8b35e6954e14f48161a0b5811a0dfe8a872546 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -187,24 +187,9 @@ nav .search-block-form {
   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 (max-width: 767px) {
+  #block-ryf-main-menu .navbar-nav { max-width: 130px; }
+}
  
 .region-navigation-collapsible .search-block-form {
   float: right;
@@ -442,80 +427,38 @@ nav .search-block-form {
   overflow: auto;
 }
 
-@media screen and (max-width: 767px) {
-  .vendors-list-row {
-    margin: 0px auto;
-  }
-
-  .vendors-list {
-    margin-bottom: 40px;
-    list-style: none;
-
-    overflow: auto;
-  }
-
-  .vendors-list .views-field-field-icon {
-    width: 220px;
-
-    margin: 0px auto 20px auto;
-  }
-
-  .vendors-list .views-field-field-icon img {
-    margin: 0 auto;
-  }
-
-  .vendors-list .views-field-name,
-  .vendors-list .views-field-field-description-summary,
-  .vendors-list .views-field-description__value {
-    max-width: 300px;
-    margin: 0 auto 10px auto;
-  }
-
-  .vendors-list .views-field-name {
-    font-weight: bold;
-    font-size: 18px;
-    text-align: center;
-  }
+.vendors-list {
+  margin-bottom: 40px;
+  list-style: none;
 
+  overflow: auto;
 }
 
-@media screen and (min-width: 768px) {
-  .vendors-list-row {
-    width: 600px;
-    margin: 0px auto;
-  }
-
-  .vendors-list {
-    list-style: none;
-    clear: left;
-
-    overflow: auto;
-  }
-
-  .vendors-list .views-field-field-icon {
-    width: 220px;
-    height: 220px;
+.vendors-list .views-field-field-icon {
+  width: 220px;
+  height: 220px;
 
-    margin-bottom: 40px;
+  display: flex;
+  align-items: center;
 
-    float: left;
-  }
+  margin: 0px auto 20px auto;
+}
 
-  .vendors-list .views-field-field-icon img {
-    margin: 0 auto;
-  }
+.vendors-list .views-field-field-icon img {
+  margin: 0 auto;
+}
 
-  .vendors-list .views-field-name,
-  .vendors-list .views-field-field-description-summary,
-  .vendors-list .views-field-description__value {
-    margin-left: 300px;
-  }
+.vendors-list .views-field-name,
+.vendors-list .views-field-field-description-summary,
+.vendors-list .views-field-description__value {
+  max-width: 300px;
+  margin: 0 auto 10px auto;
+}
 
-  .vendors-list .views-field-name {
-    margin-bottom: 10px;
-    font-weight: bold;
-    font-size: 18px;
-  }
+.vendors-list .views-field-name {
+  font-weight: bold;
+  font-size: 18px;
+  text-align: center;
 }
 
 
@@ -556,6 +499,7 @@ nav .search-block-form {
 
   .view-taxonomy-term .view-header .field--name-description,
   .view-taxonomy-term .view-header .field--name-field-description-summary,
+  .view-taxonomy-term .view-header .field--name-field-vendor-website,
   .view-taxonomy-term .view-header .field--name-field-vendor-support-link,
   .view-taxonomy-term .view-header .field--name-field-vendor-support-email {
     max-width: 360px;
@@ -578,6 +522,7 @@ nav .search-block-form {
 
   .view-taxonomy-term .view-header .field--name-description,
   .view-taxonomy-term .view-header .field--name-field-description-summary,
+  .view-taxonomy-term .view-header .field--name-field-vendor-website,
   .view-taxonomy-term .view-header .field--name-field-vendor-support-link,
   .view-taxonomy-term .view-header .field--name-field-vendor-support-email {
     margin-left: 260px;
@@ -854,7 +799,7 @@ nav .search-block-form {
 
 .path-search .region-content > ol li {
   width: 280px;
-  height: 280px;
+  height: 320px;
   margin: 0px auto;
   padding: 10px;
 
@@ -869,8 +814,8 @@ nav .search-block-form {
 }
 
 .path-search .region-content > ol li .search-image {
-  width: 100px;
-  height: 100px;
+  width: 220px;
+  height: 220px;
 
   margin: 0 auto;
 
@@ -878,6 +823,12 @@ nav .search-block-form {
   align-items: center;
 }
 
+.path-search .region-content > ol li p {
+  display: block;
+  width: 220px;
+  margin: 0 auto;
+}
+
 .path-search .region-content > ol li img {
 }