Verified Commit ff1dd695 authored by Thibaut Broggi's avatar Thibaut Broggi
Browse files

Add font inputs

parent 10dd01e3
......@@ -142,6 +142,11 @@
</div>
<div id="step3">
<h2>Choisissez votre police</h2>
<div>
<input type="radio" id="radio-font-1" name="font" value="1" /><label for="radio-font-1">Font 1</label>
<input type="radio" id="radio-font-2" name="font" value="2" checked/><label for="radio-font-2">Font 2</label>
<input type="radio" id="radio-font-3" name="font" value="3" /><label for="radio-font-3">Font 3</label>
</div>
<div class="navButtons">
<a href="#step2" class="prevButton">&lsaquo;</a>
<a href="#step4" class="nextButton">ÉTAPE SUIVANTE &rsaquo;</a>
......
......@@ -102,6 +102,7 @@ div#inputs > div:first-child > button#randomize {
div.navButtons {
float: right;
margin-right: 20px;
margin-top: 2em;
}
div.navButtons > a, button {
......@@ -147,11 +148,34 @@ main > #credits {
margin-top: 100px;
}
div#step2 textarea {
div#step2 > textarea {
margin-left: 10%;
width: 80%;
padding: 20px;
margin-bottom: 2em;
}
div#step3 > div:nth-of-type(1) {
margin-left: 10%;
width: 80%;
background-color: #ebf3ff;
}
div#step3 > div:nth-of-type(1) > input[type="radio"] {
display: none;
}
div#step3 > div:nth-of-type(1) > input[type="radio"] + label {
display: block;
width: 100%;
font-size: 2.4em;
padding-left: 20px;
padding-right: 20px;
}
div#step3 > div:nth-of-type(1) > input[type="radio"]:checked + label {
color: #ebf3ff;
background-color: #497ed5;
}
textarea, input[type="text"] {
......
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