/* RYF List */
+.ryf-list-row ul {
+ padding: 0;
+ margin: 0 auto;
+ overflow: auto;
+}
+
.ryf-list {
float: left;
margin: 0;
text-align: right;
}
+.feed-icons {
+ clear: both;
+}
+
@media screen and (min-width: 450px) and (max-width: 659px) {
+ .ryf-list-row ul {
+ max-width: 600px;
+ }
.ryf-list {
max-width: 300px;
float: none;
}
}
@media screen and (min-width: 660px) and (max-width: 767px) {
+ .ryf-list-row ul {
+ max-width: 600px;
+ }
.ryf-list-row {
margin: 0 auto;
max-width: 660px;
/* Vendor and Category taxonomy term pages */
+.view-taxonomy-term .view-header .field--name-field-icon img {
+ margin: 0 auto;
+}
+
+.view-filters {
+ clear: left;
+}
+
@media screen and (max-width: 559px) {
.view-taxonomy-term .view-header {
margin: 0 auto 40px auto;
width: 220px;
}
- .view-taxonomy-term .view-header .field--name-field-icon img {
- margin: 0 auto;
- }
-
.view-taxonomy-term .view-header .field--name-description {
max-width: 360px;
margin: 0 auto;
padding: 0 10px;
}
- .feed-icons {
- clear: both;
- }
}
-@media screen and (min-width: 560px) and (max-width: 767px) {
+@media screen and (min-width: 560px) {
.view-taxonomy-term .view-header {
margin: 0 0 40px 0;
float: left;
}
- .view-taxonomy-term .view-header .field--name-field-icon img {
- margin: 0 auto;
- }
-
.view-taxonomy-term .view-header .field--name-description {
margin-left: 260px;
}
- .view-filters {
- clear: left;
- }
-
- .feed-icons {
- clear: both;
- }
}
@media screen and (min-width: 768px) {
.view-taxonomy-term .view-header {
width: 700px;
- margin: 0 0 40px 0;
-
- overflow: auto;
- }
-
- .view-taxonomy-term .view-header .field--name-field-icon {
- width: 220px;
-
- float: left;
- }
-
- .view-taxonomy-term .view-header .field--name-field-icon img {
- margin: 0 auto;
- }
-
- .view-taxonomy-term .view-header .field--name-description {
- margin-left: 260px;
- }
-
- .view-filters {
- clear: left;
- }
-
- .feed-icons {
- clear: both;
}
}
border-radius: 10px;
}
+/* product page colors */
+.page-node-type-product .product .field--name-field-image {
+ background-color: #eee;
+ border-color: #aaa;
+}
+.page-node-type-product .product .field--name-field-extra-images {
+ background-color: #eee;
+ border-color: #aaa;
+}
+.page-node-type-product .product .field--name-field-categories {
+ background-color: #aef;
+ border-color: #0ad;
+}
+.page-node-type-product .product .field--name-field-vendor {
+ background-color: #afb;
+ border-color: #1a2;
+}
+
@media screen and (max-width: 767px) {
.page-node-type-product .product .field--name-field-extra-images {
margin: 10px auto 0px auto;