Working asap

This commit is contained in:
User Identifier 2017-05-21 15:43:38 +02:00
parent b936f012f1
commit 519e66b0cd
2 changed files with 37 additions and 78 deletions

View File

@ -7,32 +7,22 @@
</head> </head>
<body> <body>
<div class="header"> <div class="content">
<div class="wrapper"> <div id="logo">
<img class="logo" src="logo.svg" alt="logo"> <img src="logo.svg" alt="logo">
<h1 class="title">Unit</h1>
<div class="info">info.unit@autistici.org Viale Molise 68, Milano</div>
</div>
</div> </div>
<div class="content"> <h1>Unit</h1>
<!--<div class="links"> <ul>
<a href="https://wiki.unit.macaomilano.org/Manifesto">Manifesto</a> <li><a href="https://wiki.unit.macaomilano.org">Wiki</a></li>
<a href="https://wiki.unit.macaomilano.org/">Wiki</a> <li><a href="https://wiki.unit.macaomilano.org/Calendario">Calendario</a></li>
<a href="https://wiki.unit.macaomilano.org/FAQ">FAQ</a> <li><a href="https://git.unit.macaomilano.org">Git</a></li>
</div>--> </ul>
<div class="news"> <div class="info">
<!--<iframe src="news.xml" frameborder="0" scrolling="no" onload="resizeIframe(thi)"></iframe>--> <div>Viale Molise 68, Milano</div>
<iframe src="news.xml" frameborder="0" scrolling="no" onload="resizeIframe(this)"></iframe> <div>unit at paranoici.org</div>
</div>
</div> </div>
</div>
<script>
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
</script>
</body> </body>
</html> </html>

View File

@ -1,66 +1,35 @@
html, body { body {
margin: 0; margin: 0;
padding: 0; padding: auto;
border: none; font-family: monospace;
} font-size: 16;
.header {
width: 100%;
margin: 0 auto;
position: fixed;
}
.header .wrapper {
max-width: 800px;
margin: 0 auto;
}
.wrapper:after {
content: " "; /* Older browser do not support empty content */
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.header .title {
margin: 0;
float: left;
display: block;
}
.header .logo {
width: 4rem;
height: 4rem;
float: left;
}
.header .info {
margin: 0;
padding: 0;
border: none;
float: right;
} }
.content { .content {
max-width: 800px; margin: auto;
margin: 0 auto; width: 20em;
padding-top: 4rem;
overflow: scroll;
} }
.links a { .div {
display: block; margin: auto;
box-sizing: border-box;
} }
.news { #logo {
overflow: hidden; margin: auto;
margin-top: 5em;
margin-bottom: 5em;
width: 20em;
} }
iframe { #logo img {
margin: auto;
width: 100%; width: 100%;
height: 100%; }
overflow: hidden;
border: none; .info {
margin-top: 2em;
}
.info div {
margin-top: 1em;
} }