Styling for bottom sign-up message, which just brings user to top of page for now

This commit is contained in:
Victoria Wang 2014-10-20 16:24:09 -07:00
parent 12ea73c89c
commit d0ae9badca
2 changed files with 22 additions and 10 deletions

View file

@ -791,6 +791,8 @@ a.tag:hover {
padding: 55px 8%; padding: 55px 8%;
margin: 0 auto; margin: 0 auto;
float: left; float: left;
background: white;
width: 100%;
} }
.section h2 { .section h2 {
font-size: 2em; font-size: 2em;
@ -810,9 +812,8 @@ a.tag:hover {
font-size: .85em; font-size: .85em;
} }
.section.featured-Websites { .section.featured-Websites {
background:#971D31; background: #971D31;
padding: 30px 0; padding: 30px 0;
width: 100%;
position: relative; position: relative;
} }
.section.featured-Websites .nav { .section.featured-Websites .nav {
@ -941,9 +942,6 @@ a.tag:hover {
} }
} }
.section.plans { .section.plans {
background: #fff;
width: 100%;
@media(max-device-width:480px), screen and (max-width:550px) { @media(max-device-width:480px), screen and (max-width:550px) {
padding: 55px 3%; padding: 55px 3%;
} }
@ -1035,7 +1033,7 @@ a.tag:hover {
background-size: 70px; background-size: 70px;
} }
.plan-chart { .plan-chart {
margin: 2em 0 4em 0; margin: 2em 0 0 0;
width: 100%; width: 100%;
} }
.plan-overview, .plan-chart { .plan-overview, .plan-chart {
@ -1092,6 +1090,21 @@ a.tag:hover {
padding: 7px 10px; padding: 7px 10px;
} }
} }
.section.bottom-signup {
padding-top: 1em;
padding-bottom: 6.5em;
a {
text-decoration: underline;
font-weight:bold;
&:hover {
text-decoration: none;
}
}
h2 {
max-width: none;
}
}
.selected { .selected {
font-weight: bold; font-weight: bold;
} }

View file

@ -39,7 +39,7 @@
<script src="/js/jquery-1.11.0.min.js"></script> <script src="/js/jquery-1.11.0.min.js"></script>
</head> </head>
<body class="hp"> <body class="hp"><a id="new"></a>
<div class="page"> <div class="page">
@ -111,7 +111,6 @@
<h1 class="logo header-Content content"> <h1 class="logo header-Content content">
<span class="hidden">Neocities.org</span> <span class="hidden">Neocities.org</span>
<img src="/img/neocities-Logo.png" alt="Neocities.org" /> <img src="/img/neocities-Logo.png" alt="Neocities.org" />
<a id="new"></a>
</h1> </h1>
</section> </section>
@ -285,8 +284,8 @@
<%== erb :'plan/_pricing' %> <%== erb :'plan/_pricing' %>
<section class="section"> <section class="section bottom-signup">
<h1>What are you waiting for? <a href="#new">Start building your web site!</a></h1> <h2>What are you waiting for? <a href="#new">Start building your web site!</a></h2>
</section> </section>
</main> </main>