77 lines
1.0 KiB
SCSS
77 lines
1.0 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;
|
|
|
|
}
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
.rea-gal{
|
|
padding-left:0px;
|
|
|
|
margin-right:-5px;
|
|
margin-bottom:-5px;
|
|
img{
|
|
padding-right:5px;
|
|
padding-bottom:5px;
|
|
width:200px;
|
|
float:left;
|
|
box-sizing: border-box;
|
|
&:hover{
|
|
opacity:0.8;
|
|
|
|
}
|
|
}
|
|
}
|