Style updates.

ciclostile
crudo 2017-05-22 16:56:43 +02:00
parent 2f34a09f8a
commit 0e55b37502
2 changed files with 36 additions and 37 deletions

View File

@ -1,29 +1,32 @@
<!doctype html>
<html> <html>
<head> <head>
<title>Unit</title> <title>Unit</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<div class="content"> <section>
<div id="logo"> <img class="logo" alt="Unit logo" src="logo.svg">
<img src="logo.svg" alt="logo">
</div>
<h1>Unit</h1> <h1>Unit</h1>
<ul> <ul>
<li><a href="https://wiki.unit.macaomilano.org">Wiki</a></li> <li><a href="https://wiki.unit.macaomilano.org">Wiki</a></li>
<li><a href="https://wiki.unit.macaomilano.org/Calendario">Calendario</a></li>
<li><a href="https://git.unit.macaomilano.org">Git</a></li> <li><a href="https://git.unit.macaomilano.org">Git</a></li>
<li><a href="https://wiki.unit.macaomilano.org/Calendario">
Prossimi eventi
</a></li>
</ul> </ul>
<div class="info"> <section class="info">
<div>Viale Molise 68, Milano</div> <p>Viale Molise 68, Milano</p>
<div>#unit irc.autistici.org</div> <p>unit at paranoici.org</p>
<div>unit at paranoici.org</div> <p>#unit at irc.autistici.org</p>
</div> </section>
</div> </section>
</body> </body>
</html> </html>
<!--
vim: tabstop=2 shiftwidth=2 expandtab:
-->

View File

@ -1,35 +1,31 @@
body { html {
margin: 0;
padding: auto;
font-family: monospace; font-family: monospace;
font-size: 16; font-size: 12pt;
} }
.content { h1 {
margin: auto; font-size: 2rem;
width: 20em;
} }
.div { a:link, a:visited {
margin: auto; text-decoration: none;
color: #04a;
} }
#logo { a:link:active, a:visited:active,
margin: auto; a:link:hover, a:visited:hover {
margin-top: 5em; text-decoration: underline;
margin-bottom: 5em;
width: 20em;
} }
#logo img { body > section {
margin: auto; margin: 2rem auto 2rem auto;
width: 20rem;
}
img.logo {
width: 100%; width: 100%;
} }
.info { section.info > p {
margin-top: 2em; margin: 0 0 0.5rem 0;
}
.info div {
margin-top: 0.5em;
} }