132 lines
1.6 KiB
SCSS
132 lines
1.6 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;
|
|
}
|
|
|
|
|
|
.cross_container{
|
|
|
|
margin:auto;
|
|
position:relative;
|
|
|
|
|
|
}
|
|
.close_link{
|
|
position:absolute;
|
|
top:-20px;
|
|
left:-20px;
|
|
width:40px;
|
|
cursor:pointer;
|
|
|
|
}
|
|
|
|
.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:auto;
|
|
|
|
.real_gal_link{
|
|
display:block;
|
|
|
|
|
|
text-decoration:none;
|
|
|
|
|
|
float: left;
|
|
width: 25%;
|
|
border:5px solid white;
|
|
background:black;
|
|
box-sizing:border-box;
|
|
text-align: center;
|
|
|
|
.overlay{
|
|
display:none;
|
|
}
|
|
img{
|
|
width:100%;
|
|
}
|
|
}
|
|
|
|
a{
|
|
position:relative;
|
|
&:hover{
|
|
.overlay{
|
|
display:block;
|
|
background:url('/icones+.png') no-repeat center center ;
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
bottom:0;
|
|
|
|
|
|
}
|
|
|
|
|
|
img{
|
|
opacity:0.6;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
}
|
|
img{
|
|
max-width:100%;
|
|
} |