neocities/sass/_project-sass/_project-Website-Gallery.scss

75 lines
1.4 KiB
SCSS

// ----------------------------------------------------------------
// Project Specific: Browse Websites Gallery
// ----------------------------------------------------------------
.website-Gallery{
list-style:none;
padding:30px 24px;
li{
@extend .col-25;
float:left;
margin-bottom:$spacing*2;
@media (max-device-width:480px), screen and (max-width:800px){
width:50%
}
}
li a {
display:block;
}
.site-info a {
color: #666;
font-size: 80%;
}
.title {
margin-top: 8px;
margin-bottom: 2px;
}
&.int-Gall{
li{
margin:0 .5% 12px;
width:24%;
background-color: white;
border: 9px solid white;
-moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
@media (max-device-width:480px), screen and (max-width:800px){
width:49%
}
}
}
}
.neo-SS, .neo-Screen-Shot{
border: 1px solid #eee;
display:block;
height:auto!important;
position:relative;
width:100%;
}
.img-Holder{
-moz-background-size:cover!important;
-webkit-background-size:cover!important;
background-size:cover!important;
display:block;
}
.hp-Gallery img, .neo-Screen-Shot img{
width:100%
}
.hp-Gallery li {
width: 14%;
margin-right: 2%;
}
.hp-Gallery {
padding: 24px 24px;
}