Adjustments to home page features section, html for plans charts

This commit is contained in:
Victoria Wang 2014-09-30 14:25:11 -07:00
parent 8a36f1c6f5
commit df1b3f86a5
3 changed files with 299 additions and 68 deletions

View file

@ -755,37 +755,10 @@ a.tag:hover {
float: left;
}
.section {
padding: 50px 10%;
padding: 50px 8%;
margin: 0 auto;
float: left;
}
.section.featured-Websites {
background:#971D31;
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;
}
.section.features h2, .section.features h3, .section.features p {
color: #fff;
}
.section h2 {
font-size: 1.7em;
text-align:center;
@ -793,7 +766,58 @@ a.tag:hover {
.section h3 {
font-size: 1.4em;
margin-top: 1.5em;
margin-bottom: .2em;
margin-bottom: .6em;
line-height: 1.6em;
}
.section p, .section li {
font-size: .85em;
}
.section.featured-Websites {
background:#971D31;
padding: 30px 0;
width: 100%;
position: relative;
}
.section.featured-Websites .nav {
float:left;
width:5%;
height:45px;
background-size: 22px;
background-repeat: no-repeat;
background-position: center center;
margin: auto 0px;
position: absolute;
top: 0; bottom: 0;
}
.section.featured-Websites .nav.prev {
background-image:url(/img/hpgallery-prev.png);
}
.section.featured-Websites .nav.next {
background-image:url(/img/hpgallery-next.png);
right: 0;
}
.section.features {
background: #4F7E89;
}
.section.features .col {
padding-left: 35px;
}
.section.features .col:first-child {
padding-left: 0;
}
.section.features h2, .section.features h3, .section.features p {
color: #fff;
}
.section.features .fa {
margin-right: 9px;
}
.section.features .fa-wrench {
vertical-align: 2px;
margin-right: 4px;
}
.section.features .fa-tachometer {
margin-right: 11px;
}
.section.last {
background: #fff;