You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
3.1 KiB
126 lines
3.1 KiB
/** |
|
* @file |
|
* Visual styles for Magazine+'s views. |
|
*/ |
|
.views-field-title a { |
|
display: block; |
|
text-decoration: none; |
|
} |
|
.views-field-title a:hover { |
|
text-decoration: underline; |
|
} |
|
|
|
/*more links*/ |
|
.view > .more-link { |
|
text-align: center; |
|
} |
|
.view > .more-link a { |
|
font-size: 14px; |
|
font-weight: 400; |
|
padding: 15px 30px; |
|
color: #ffffff; |
|
display: inline-block; |
|
line-height: 1; |
|
-webkit-transition: all 0.2s ease-in-out; |
|
-moz-transition: all 0.2s ease-in-out; |
|
-ms-transition: all 0.2s ease-in-out; |
|
-o-transition: all 0.2s ease-in-out; |
|
transition: all 0.2s ease-in-out; |
|
margin: 70px 0 10px 0; |
|
text-align: center; |
|
border-width: 1px; |
|
border-style: solid; |
|
border-color: transparent; |
|
text-decoration: none; |
|
} |
|
.headings-wide-spacing-enabled .view > .more-link a { |
|
letter-spacing: 0.25em; |
|
text-transform: uppercase; |
|
} |
|
.view > .more-link a:hover { |
|
color: #ffffff; |
|
text-decoration: none; |
|
} |
|
.view > .more-link a:after { |
|
content: ""; |
|
margin: 0; |
|
} |
|
|
|
/*more links @sidebars and footer regions*/ |
|
.sidebar__section .view > .more-link, |
|
.footer__section .view > .more-link { |
|
text-align: right; |
|
clear: both; |
|
} |
|
.sidebar__section .view > .more-link a, |
|
.footer__section .view > .more-link a { |
|
margin: 10px 0 0; |
|
padding: 10px 30px; |
|
} |
|
|
|
/*more link @colored regions*/ |
|
.region--light-typography .view > .more-link a { |
|
color: #ffffff; |
|
text-decoration: none; |
|
background-color: transparent; |
|
border-style: solid; |
|
border-width: 1px; |
|
border-color: #ffffff; |
|
} |
|
|
|
/*Views row clear*/ |
|
@media (min-width:768px) { |
|
.views-row.col-sm-6:nth-child(2n+1), |
|
.views-row.col-sm-4:nth-child(3n+1), |
|
.views-row.col-sm-3:nth-child(4n+1) { |
|
clear: both; |
|
} |
|
} |
|
@media (min-width:992px) { |
|
.views-row.col-sm-6.col-md-4:nth-child(2n+1), |
|
.views-row.col-sm-6.col-md-3:nth-child(2n+1), |
|
.views-row.col-sm-4.col-md-2:nth-child(3n+1), |
|
.views-row.col-sm-4.col-md-3:nth-child(3n+1), |
|
.views-row.col-sm-4.col-md-6:nth-child(3n+1), |
|
.views-row.col-sm-3.col-md-6:nth-child(4n+1), |
|
.views-row.col-sm-3.col-md-4:nth-child(4n+1) { |
|
clear: none; |
|
} |
|
.views-row.col-md-6:nth-child(2n+1), |
|
.views-row.col-md-4:nth-child(3n+1), |
|
.views-row.col-md-3:nth-child(4n+1) { |
|
clear: both !important; |
|
} |
|
} |
|
@media (min-width:1200px) { |
|
.views-row.col-sm-4.col-lg-2:nth-child(3n+1), |
|
.views-row.col-sm-4.col-lg-3:nth-child(3n+1), |
|
.views-row.col-sm-4.col-lg-6:nth-child(3n+1), |
|
.views-row.col-sm-3.col-lg-6:nth-child(4n+1), |
|
.views-row.col-sm-3.col-lg-4:nth-child(4n+1), |
|
.views-row.col-sm-3.col-lg-2:nth-child(4n+1), |
|
.views-row.col-md-4.col-lg-2:nth-child(3n+1), |
|
.views-row.col-md-4.col-lg-3:nth-child(3n+1), |
|
.views-row.col-md-4.col-lg-6:nth-child(3n+1), |
|
.views-row.col-md-3.col-lg-6:nth-child(4n+1), |
|
.views-row.col-md-3.col-lg-4:nth-child(4n+1), |
|
.views-row.col-md-3.col-lg-2:nth-child(4n+1) { |
|
clear: none !important; |
|
} |
|
.views-row.col-lg-6:nth-child(2n+1), |
|
.views-row.col-lg-4:nth-child(3n+1), |
|
.views-row.col-lg-3:nth-child(4n+1), |
|
.views-row.col-lg-2:nth-child(6n+1) { |
|
clear: both !important; |
|
} |
|
} |
|
|
|
/*clear grid floats*/ |
|
.view.row .view-content:before, |
|
.view.row .view-content:after { |
|
display: table; |
|
content: " "; |
|
} |
|
.view.row .view-content:after { |
|
clear: both; |
|
}
|
|
|