Add main div

    Fix divs position/size
parent 0ec7b6ae
......@@ -58,7 +58,14 @@
</div>
</div>
<main>
<div id="output"></div>
<div id="credits">
<p><strong>Site hébergé par La Quadrature du Net</strong></p>
<p><strong>Crédits :</strong> Les policies utilisées viennnent de <strong>Velvetyne Type Foundry</strong>. Bluu par Jean Baptiste Morizot, Bilbo Inc par Hélène Marian Srodogora, Boeticher par Charles Paille, Combat par Martin Desinde, Gulax par Morgan Gilbert, Lineal par Frank Adebiaye, Resistance par Collective, Savate par Wech, Solide Mirage par Jérémy Landes-Nones, Steps mono par Jean Baptiste Morizot, Terminal par Rapaël Bastide et Jérémy Landes-Nones.</p>
<p><strong>Code source du site :</strong><br />
contact@laquadrature.net
</p>
</div>
</main>
</body>
</html>
html, body {
height: 100vh;
width: 100vw;
body {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
color: #497ed5;
min-height: 100vh;
}
body {
margin: 0;
h2 {
color: #2f5188;
}
nav {
display: block;
width: 7vw;
height: 100%;
float: left;
background-color: #2f5188;
color: white;
text-align: center;
font-size: 6vw;
min-height: 100vh;
}
nav > * {
......@@ -25,10 +28,12 @@ nav > * {
}
div#inputs {
position: absolute;
top: 0;
left: 7vw;
width: 30vw;
float: left;
background-color: white;
height: 100%;
background-color: white;
}
div#inputs > input[type=radio],
......@@ -65,7 +70,22 @@ label.prevButton {
}
main {
position: absolute;
top: 0;
left: 37vw;
right: 0;
background-color: #dde5f1;
height: 100%;
width: 100%;
min-height: 100%;
padding-left: 40px;&
}
main > #output {
height: 413px;
width: 600px;
background-color: red;
margin-top: 7vw;
}
main > #credits {
margin-top: 100px;
}
\ No newline at end of file
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