Base theme for LMMI Journal
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.

80 lines
1.5 KiB

6 years ago
/**
* @file
* Visual styles for Magazine+'s images.
*/
.circle-img {
display: block;
text-align: center;
}
.circle-img img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.images-container {
margin-top: 10px;
margin-bottom: 45px;
}
.node-mt-slideshow-entry .field--type-image {
margin: 0 0 20px 0;
}
.image-preview {
overflow: hidden;
position: relative;
}
.node--view-mode-teaser .field--type-image img:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity linear 0.2s;
-moz-transition: opacity linear 0.2s;
-o-transition: opacity linear 0.2s;
-ms-transition: opacity linear 0.2s;
transition: opacity linear 0.2s;
}
.image-caption {
position: absolute;
bottom: 40px;
left: 40px;
width: 330px;
}
.image-caption h4 {
background: rgba(0, 0, 0, 0.77);
color: #ffffff;
padding: 15px;
margin: 0;
margin-bottom: 1px;
}
/*image listing*/
.image-listing-items {
overflow: hidden;
}
.image-listing-item {
float: left;
padding: 0;
margin: 2.66% 2.66% 0 0;
max-width: 17.866666666%;
}
.image-listing-items .image-listing-item:nth-child(5n) {
margin-right: 0px;
}
@media (max-width:767px) {
.images-container {
margin-bottom: 10px;
}
}
/*overlay of image listing items*/
.image-listing-item .overlay-icon--button {
font-size: 12px;
width: 30px;
height: 30px;
margin: 0;
border-width: 2px;
border-style: solid;
line-height: 26px;
}
.image-listing-item .overlay-inner {
margin-top: -15px;
}