sha/archived-slavforest
1
0
Fork 0
mirror of https://github.com/shadoll/slavforest.git synced 2025-10-26 23:18:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

dev

Browse Source
This commit is contained in:
sHa
2018-06-15 12:37:32 +03:00
parent ef957828e1
commit 3fc4cfba8c
1 changed files with 35 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
css/style.css
View File

@@ -460,13 +460,46 @@ div.carousel-inner .item img {
.spotlight { .spotlight {
display: flex; display: flex;
} }
@media (max-width: 979px) {
.spotlight:nth-child(even),
.spotlight:nth-child(odd){
flex-direction: column;
}
.spotlight .image {
width: 100%;
}
.spotlight .image img {
border-radius: 0;
width: 100%;
height: auto;
}
.spotlight .image::after {
content: '100%';
}
}
@media (min-width: 980px) {
.spotlight:nth-child(odd) {
flex-direction: row;
}
.spotlight:nth-child(even) {
flex-direction: row-reverse;
}
.spotlight .image {
width: 600px;
}
.spotlight .image img {
width: 600px;
height: 600px;
}
.spotlight .image::after {
content:'600x600';
}
}
.spotlight:nth-child(odd) { .spotlight:nth-child(odd) {
background-color: rgba(0, 0, 0, 0.225); background-color: rgba(0, 0, 0, 0.225);
flex-direction: row;
} }
.spotlight:nth-child(even) { .spotlight:nth-child(even) {
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
flex-direction: row-reverse;
} }
.spotlight .content { .spotlight .content {
@@ -479,7 +512,6 @@ div.carousel-inner .item img {
position: relative; position: relative;
order: 1; order: 1;
border-radius: 0; border-radius: 0;
width: 600px;
} }
.spotlight p { .spotlight p {
font-size:20px; font-size:20px;
@@ -487,15 +519,11 @@ div.carousel-inner .item img {
} }
.spotlight .image img { .spotlight .image img {
border-radius: 0; border-radius: 0;
/* width: 100%; */
width: 600px;
height: 600px;
} }
.spotlight .image:hover::after{ .spotlight .image:hover::after{
display: none; display: none;
} }
.spotlight .image::after { .spotlight .image::after {
content:'600x600';
position: absolute; position: absolute;
top: 0; top: 0;
height: 100%; height: 100%;