More progress on new homepage css

This commit is contained in:
Victoria Wang 2014-09-23 13:53:58 -07:00
parent 2dd3a34961
commit a524ef7de5
6 changed files with 101 additions and 63 deletions

View file

@ -13,12 +13,15 @@
border-bottom: 0;
}
.row.header-Content.content {
padding-bottom:27px;
}
.header-Content{
@media(max-device-width:480px), screen and (max-width:800px){
padding:0;
}
}
.blurb{background:#fff}
.header-Intro{

View file

@ -757,10 +757,28 @@ a.tag:hover {
.section {
padding: 50px 10%;
margin: 0 auto;
float: left;
}
.section.featured-Websites {
background:#971D31;
padding: 10px 2% 1px 2%;
padding: 30px 0;
width: 100%;
position:relative;
}
.section.featured-Websites .nav {
float:left;
width:4.25%;
height:45px;
background-size: 22px;
background-repeat: no-repeat;
background-position: center center;
margin-top: 3%;
}
.section.featured-Websites .nav.prev {
background-image:url(/img/hpgallery-prev.png);
}
.section.featured-Websites .nav.next {
background-image:url(/img/hpgallery-next.png);
}
.section.features {
background: #4F7E89;
@ -769,13 +787,19 @@ a.tag:hover {
color: #fff;
}
.section h2 {
font-size: 1.6em;
font-size: 1.7em;
text-align:center;
}
.section h3 {
font-size: 1.4em;
margin-top: 1.5em;
margin-bottom: .2em;
}
.section.last {
background: #666666;
background: #fff;
}
.section.last h2, .section.last blockquote {
color: white;
color: black;
}
.selected {
font-weight: bold;

View file

@ -30,16 +30,15 @@
&.int-Gall{
li{
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);
-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%
@ -48,8 +47,8 @@
}
}
.neo-SS, .neo-Screen-Shot{
border: 1px solid #eee;
.neo-SS, .z{
border: 4px solid #eee;
display:block;
height:auto!important;
position:relative;
@ -62,14 +61,19 @@
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;
.hp-Gallery {
padding: 0px;
margin-bottom: 0;
li {
width: 14%;
margin-right: 1.5%;
margin-bottom: 0;
}
li:last-child {
margin-right: 0;
}
}