108 lines
1.3 KiB
SCSS
108 lines
1.3 KiB
SCSS
#large{
|
|
display:none;
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100%;
|
|
background:rgba(0,0,0,0.8);
|
|
z-index:10;
|
|
|
|
|
|
|
|
|
|
h3{
|
|
color:white;
|
|
text-align:center;
|
|
margin-top:5px;
|
|
margin-bottom:0;
|
|
font-weight:300;
|
|
font-size:0.95em;
|
|
display:none;
|
|
|
|
}
|
|
.next, .prev{
|
|
width:20px;
|
|
position:absolute;
|
|
top:50%;
|
|
transform:translateY(-50%);
|
|
cursor:pointer;
|
|
|
|
}
|
|
.prev{
|
|
left:15px;
|
|
}
|
|
.next{
|
|
right:15px;
|
|
}
|
|
|
|
.close_link{
|
|
position:absolute;
|
|
top:10px;
|
|
left:10px;
|
|
width:40px;
|
|
|
|
}
|
|
|
|
.img_container{
|
|
height:100%;
|
|
width:100%;
|
|
box-sizing: border-box;
|
|
|
|
.large-img{
|
|
cursor:pointer;
|
|
padding:10px;
|
|
background:rgba(250, 250, 250, 0.9);
|
|
display:block;
|
|
margin:auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.gallery{
|
|
padding-left:0px;
|
|
|
|
margin-right:-25px;
|
|
margin-bottom:-25px;
|
|
a{
|
|
|
|
|
|
display:block;
|
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
|
float: left;
|
|
width: 16%;
|
|
margin: 2%;
|
|
text-align: center;
|
|
min-height: 230px;
|
|
|
|
|
|
|
|
.title{
|
|
color:#9d9d9d;
|
|
|
|
}
|
|
|
|
.desc{
|
|
color:#D0D0D0;
|
|
|
|
|
|
}
|
|
img{
|
|
border-radius:50%;
|
|
|
|
}
|
|
img:hover{
|
|
opacity:0.8;
|
|
|
|
}
|
|
}
|
|
}
|
|
img{
|
|
max-width:100%;
|
|
} |