Hide footer links for activation pages

This commit is contained in:
Kyle Fiedler
2012-02-13 15:09:57 -05:00
parent c5772894bd
commit b30dc6fed6
7 changed files with 66 additions and 36 deletions

View File

@@ -1,6 +1,8 @@
<%inherit file="main.html" />
<%block name="bodyclass">activation</%block>
<section class="activation">
<h1>Account already active!</h1>
<!-- <p>Now go <a href="/">log in</a> and try the course!</a></p> -->

View File

@@ -1,6 +1,7 @@
<%inherit file="main.html" />
<%block name="bodyclass">activation</%block>
<section class="activation">
<h1>Activation Complete!</h1>
<!-- <p>Now go <a href="/">log in</a> and try the course!</a></p> -->

View File

@@ -1,4 +1,6 @@
<%inherit file="main.html" />
<%block name="body-class">activation</%block>
<section class="activation">
<h1>Activation Invalid</h1>

View File

@@ -1,5 +1,7 @@
<%inherit file="marketing.html" />
<%block name="body-class">activation</%block>
<%block name="header_text">
<section class="course">
<section>

View File

@@ -38,7 +38,7 @@
</head>
<body>
<body class="<%block name="bodyclass"/>">
${self.body()}
<%block name="bodyextra"/>

View File

@@ -1,3 +1,18 @@
body.activation {
footer {
max-width: 600px;
text-align: center;
p {
float: none;
}
ul {
display: none;
}
}
}
section.activation {
@extend .wrapper;
@include box-shadow(0 1px 0 #fff);

View File

@@ -133,49 +133,57 @@ html {
max-width: 100%;
height: auto;
}
}
footer {
@extend .clearfix;
@extend .wrapper;
@include box-sizing(border-box);
color: #777;
margin-top: $body-line-height;
padding: 0 $body-line-height;
footer {
@extend .clearfix;
@extend .wrapper;
@include box-sizing(border-box);
color: #777;
margin-top: $body-line-height;
padding: 0 $body-line-height;
p {
float: left;
a {
color: #444;
&:link, &:visited {
color: #444;
}
&:hover, &:focus {
color: #000;
}
}
}
ul {
float: right;
li {
display: inline-block;
margin-right: 20px;
p {
float: left;
a {
color: #444;
&:link, &:visited {
color: #444;
}
&:link, &:visited {
color: #444;
}
&:hover, &:focus {
color: #000;
&:hover, &:focus {
color: #000;
}
}
}
ul {
float: right;
li {
display: inline-block;
margin-right: 20px;
a {
color: #444;
&:link, &:visited {
color: #444;
}
&:hover, &:focus {
color: #000;
}
}
}
}
}
&.activation {
footer {
ul {
display: none;
}
}
}