Commit a8bff6f6 by Kyle Fiedler

Added styles for forms on seperate pages

parent a24bbabe
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -9,8 +9,11 @@
<%include file="navigation.html" args="active_page=''" />
<%block name="bodyclass">cert-req</%block>
<section class="main-content">
<div id="cert_request">
<p>You can request a certificate which verifies that you passed this course. When the certificate has been generated, you will receive an email notification that it can be downloaded from your Profile page.</p>
<h1>You can request a certificate which verifies that you passed this course. When the certificate has been generated, you will receive an email notification that it can be downloaded from your Profile page.</h1>
<p>The certificate will indicate that <strong>${name}</strong> has successfully completed the Fall 2012 offering of <strong>Circuits and Electronics 6.002x</strong>. Please ensure that this information is correct.</p>
<form id="cert_request_form">
......@@ -48,3 +51,4 @@
</form>
</div>
</section>
......@@ -7,10 +7,11 @@
<script type="text/javascript" src="${ settings.LIB_URL }certificate_survey.js"></script>
</%block>
<%block name="bodyclass">exit-survey</%block>
<%include file="navigation.html" args="active_page=''" />
<div id="survey">
<section id="survey" class="main-content">
<form id="survey_form">
%if not took_survey:
......@@ -30,4 +31,4 @@
<input type="submit" id="" value="Submit Survey" />
</form>
</div>
</section>
fieldset#survey_fieldset {
> ul {
> li {
border-top: 1px solid #eee;
padding: lh() 0;
margin-bottom: 0;
ul {
li {
margin-bottom: 6px;
label {
display: block;
body.exit-survey, body.cert-req {
div.header-wrapper {
height: 47px;
header {
max-width: 600px;
nav {
display: none;
}
}
}
section.main-content {
max-width: 600px;
padding: lh();
h1 {
margin-top: 0;
}
fieldset#survey_fieldset {
> ul {
list-style: none;
> li {
border-top: 1px solid #eee;
padding: lh() 0;
margin-bottom: 0;
ul {
list-style: none;
li {
margin-bottom: 6px;
input {
margin-top: -1px;
margin-right: 6px;
label {
display: block;
input {
margin-top: -1px;
margin-right: 6px;
}
}
}
}
}
}
h2 {
margin-top: 0;
}
textarea {
display: block;
width: 100%;
margin-top: lh(.5);
}
h2 {
margin-top: 0;
}
&.survey_short_field {
label {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 6px;
&.survey_short_field, &.survey_medium_field {
label {
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 6px;
}
}
}
}
}
}
}
body.cert-req {
fieldset#survey_fieldset {
border-top: 2px solid #ccc;
padding-top: lh();
}
}
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