Skip to content

E
edx-platform
Commit b30dc6fe by Kyle Fiedler
Options

Hide footer links for activation pages

parent c5772894
Showing with 61 additions and 31 deletions
activation_active.html
<%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> -->
......
activation_complete.html
<%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> -->
......
activation_invalid.html
<%inherit file="main.html" />
<%block name="body-class">activation</%block>
<section class="activation">
<h1>Activation Invalid</h1>
......
index.html
<%inherit file="marketing.html" />
<%block name="body-class">activation</%block>
<%block name="header_text">
<section class="course">
<section>
......
main.html
......@@ -38,7 +38,7 @@
</head>
<body>
<body class="<%block name="bodyclass"/>">
${self.body()}
<%block name="bodyextra"/>
......
sass/_activation.scss
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);
......
sass/_layout.scss
......@@ -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;
p {
float: left;
footer {
@extend .clearfix;
@extend .wrapper;
@include box-sizing(border-box);
color: #777;
margin-top: $body-line-height;
padding: 0 $body-line-height;
a {
color: #444;
p {
float: left;
&:link, &:visited {
a {
color: #444;
}
&:hover, &:focus {
color: #000;
&:link, &:visited {
color: #444;
}
&:hover, &:focus {
color: #000;
}
}
}
}
ul {
float: right;
ul {
float: right;
li {
display: inline-block;
margin-right: 20px;
li {
display: inline-block;
margin-right: 20px;
a {
color: #444;
a {
color: #444;
&:link, &:visited {
color: #444;
}
&:link, &:visited {
color: #444;
}
&:hover, &:focus {
color: #000;
&:hover, &:focus {
color: #000;
}
}
}
}
}
&.activation {
footer {
ul {
display: none;
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment