136 lines
1.8 KiB
SCSS
136 lines
1.8 KiB
SCSS
.bottom_subpages{
|
|
text-align:center;
|
|
margin:0 1.8%;
|
|
margin-top:30px;
|
|
.subpage_link{
|
|
|
|
width:30%;
|
|
margin:0 1.5%;
|
|
margin-bottom:40px;
|
|
|
|
display:inline-block;
|
|
box-sizing:border-box;
|
|
|
|
position:relative;
|
|
.with_ratio{
|
|
box-shadow:0 0 25px rgba(0,0,0,0.3);
|
|
}
|
|
h4{
|
|
|
|
position:absolute;
|
|
bottom:-30px;
|
|
left:15px;
|
|
right:15px;
|
|
|
|
margin:0;
|
|
padding:0.6em 10px;
|
|
padding-bottom:0.8em;
|
|
font-size:0.8em;
|
|
min-height:3.2em;
|
|
line-height:1.3em;
|
|
|
|
text-align:center;
|
|
color:black;
|
|
background:white;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.large_thumb{
|
|
|
|
display:inline-block;
|
|
width:100%;
|
|
margin:30px 15px;
|
|
margin-bottom:-30px;
|
|
|
|
|
|
box-sizing:border-box;
|
|
padding:15px;
|
|
position:relative;
|
|
.with_ratio{
|
|
box-shadow:0 0 40px rgba(0,0,0,0.3);
|
|
}
|
|
.desc{
|
|
|
|
position:relative;
|
|
top:-30px;
|
|
|
|
|
|
margin:0 15px;
|
|
padding:12px 10px;
|
|
padding-bottom:0px;
|
|
|
|
|
|
text-align:center;
|
|
color:black;
|
|
background:#F6F8F8;
|
|
|
|
h3{
|
|
margin-top:0;
|
|
padding-top:0;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
|
|
.small_thumb{
|
|
display:inline-block;
|
|
width:100%;
|
|
margin:60px 15px;
|
|
max-width:255px;
|
|
box-sizing:border-box;
|
|
padding:0px;
|
|
position:relative;
|
|
h4{
|
|
img{
|
|
display:block;
|
|
margin:auto;
|
|
height:77px;
|
|
}
|
|
position:absolute;
|
|
color:white;
|
|
left:0;
|
|
right:0;
|
|
margin:0;
|
|
font-weight:900;
|
|
font-size:1em;
|
|
padding:0px;
|
|
text-align:center;
|
|
|
|
|
|
}
|
|
|
|
.overlay{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
bottom:0;
|
|
background:rgba(0,0,0,0.2);
|
|
|
|
|
|
}
|
|
&:hover{
|
|
.overlay{
|
|
background:rgba(0,0,0,0.4);}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
.special_show{
|
|
max-width:1300px;
|
|
margin:auto;
|
|
text-align:center;
|
|
.span_6{
|
|
padding:0 15px;
|
|
text-align:center;
|
|
}
|
|
|
|
|
|
|
|
} |