Commit fd7c4136 authored by Lars Thorup's avatar Lars Thorup

preliminary styling

parent baf9e1b1
Pipeline #43467064 passed with stages
in 2 minutes and 13 seconds
......@@ -11,4 +11,6 @@ layout: html-en
</nav>
</header>
{{ content | safe }}
<main>
{{ content | safe }}
</main>
......@@ -10,9 +10,11 @@
{{ content | safe }}
<footer>
<a href="https://gitlab.com/fullstackagile/fullstackagile.gitlab.io/blob/master/{{ page.inputPath }}">
Edit on GitLab
</a>
<div class="edit">
<a href="https://gitlab.com/fullstackagile/fullstackagile.gitlab.io/blob/master/{{ page.inputPath }}">
Edit on GitLab
</a>
</div>
</footer>
</body>
......
/* Global stuff */
body {
background-color: #f2f2f2; /* Light grey window background */
font-family: sans-serif; /* No Times New Roman, please*/
margin-left: auto; /* Center on page */
margin-right: auto; /* Center on page */
max-width: 600px; /* Avoid too long lines, while still being responsive on small devices */
margin: 0; /* Make header and footer extend to window border */
}
header, footer, article {
padding: 5px 15px 5px 15px; /* A bit of space from border to text: top, left, bottom, right */
}
/* Header */
header {
background-color: #dd3333; /* Red */
}
footer {
background-color: #6B993B; /* Green */
text-align: right; /* Position the edit link to the right */
font-size: small; /* Small text */
nav {
margin-left: auto; /* Center on page */
margin-right: auto; /* Center on page */
max-width: 1024px; /* Avoid too long lines, while still being responsive on small devices */
}
nav ul {
......@@ -32,7 +36,43 @@ nav ul li:first-child {
nav ul li {
float: none; /* Keep the menu items on the same line */
display: inline-block;
}
nav ul li a {
color: white; /* White menu item text */
text-decoration: none; /* No underline on menu item text */
}
/* Footer */
footer {
background-color: #6B993B; /* Green */
}
.edit {
font-size: small; /* Small text */
margin-left: auto; /* Center on page */
margin-right: auto; /* Center on page */
max-width: 1024px; /* Avoid too long lines, while still being responsive on small devices */
text-align: right; /* Position the edit link to the right */
}
.edit a {
color: white; /* White text */
}
/* Main content */
article {
background-color: white; /* White background on main content */
border: 1px solid #dadada; /* Border around main content */
margin-top: 20px; /* Space between menu and main content */
margin-bottom: 20px; /* Space between main content and footer */
margin-left: auto; /* Center on page */
margin-right: auto; /* Center on page */
max-width: 1024px; /* Avoid too long lines, while still being responsive on small devices */
}
img {
......
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