neocities/public/assets/css/_project-sass/_project-Website-Gallery.scss
2014-08-14 20:56:45 -07:00

69 lines
1.3 KiB
SCSS

// ----------------------------------------------------------------
// Project Specific: Browse Websites Gallery
// ----------------------------------------------------------------
.website-Gallery{
list-style:none;
padding:30px 20px;
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%
}