neocities/sass/_project-sass/_project-Website-Gallery.scss
2014-09-23 13:53:58 -07:00

79 lines
1.5 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.3);
-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
@media (max-device-width:480px), screen and (max-width:800px){
width:49%
}
}
}
}
.neo-SS, .z{
border: 4px 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 {
padding: 0px;
margin-bottom: 0;
li {
width: 14%;
margin-right: 1.5%;
margin-bottom: 0;
}
li:last-child {
margin-right: 0;
}
}