diff --git a/sass/_project-sass/_project-Main.scss b/sass/_project-sass/_project-Main.scss index 6f7c4ee9..19a557ba 100644 --- a/sass/_project-sass/_project-Main.scss +++ b/sass/_project-sass/_project-Main.scss @@ -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; diff --git a/sass/_project-sass/_project-Website-Gallery.scss b/sass/_project-sass/_project-Website-Gallery.scss index 571937fc..c80feee2 100644 --- a/sass/_project-sass/_project-Website-Gallery.scss +++ b/sass/_project-sass/_project-Website-Gallery.scss @@ -64,12 +64,14 @@ .hp-Gallery img, .neo-Screen-Shot img{ width:100% } -.hp-Gallery { +.hp-Gallery { padding: 0px; margin-bottom: 0; + margin-left: 5.25%; + li { - width: 14%; + width: 14.5%; margin-right: 1.5%; margin-bottom: 0; } diff --git a/views/newindex_mockup.erb b/views/newindex_mockup.erb index 27a32c16..855572de 100644 --- a/views/newindex_mockup.erb +++ b/views/newindex_mockup.erb @@ -123,14 +123,14 @@

Now’s a great time to join our community of over <%= @sites_count.to_s.reverse.gsub(/...(?=.)/,'\&,').reverse %> websites! You get <%= Site::FREE_MAXIMUM_IN_MEGABYTES %> MB of free web space to make whatever you’d like.