Skip to content

Instantly share code, notes, and snippets.

@ramsesoriginal
Created March 15, 2012 13:36
Show Gist options
  • Save ramsesoriginal/2044237 to your computer and use it in GitHub Desktop.
Save ramsesoriginal/2044237 to your computer and use it in GitHub Desktop.
form structur für Peter
/**
* form structur für Peter
*/
* {
box-sizing: border-box;
transition: all 0.5s ease;
vertical-align: middle;
}
html {
min-height: 100%;
padding:0;
margin:0;
font-size: 62.5%;
}
body {
min-height: 100%;
font-size: 16px;
font-size: 1.6rem;
}
<!-- content to be placed inside <body>…</body> -->
<header>
Firmenbranding
</header>
<div id="container">
<nav>
<ol>
<li><a href="#">Server</a>
<ol>
<li><a href="#">vServer Container</a>
<ol>
<li><a href="#">Instanzen</a></li>
<li><a href="#">Prozesse</a></li>
<li><a href="#">Systeminformationen</a></li>
</ol>
</li>
<li><a href="#">Dedicated</a> Server
<ol>
<li><a href="#">Anzahl</a></li>
<li><a href="#">Zugeteilte Hardwarekomponenten</a>
<ol>
<li><a href="#">Festplatten</a></li>
<li><a href="#">Raid-Controller</a></li>
</ol>
</li>
</ol>
</li>
</ol>
</li>
<li><a href="#">Benutzer</a>
<ol>
<li><a href="#">Benutzergruppen</a>
<ol>
<li><a href="#">Systembenutzer</a></li>
<li><a href="#">Virtuelle Benutzer</a></li>
</ol>
</li>
<li><a href="#">Benutzer</a>
<ol>
<li><a href="#">Dr. Bob</a></li>
<li><a href="#">Dr. Dieter</a></li>
</ol>
</li>
</ol>
</li>
</ol>
</nav>
<section>
<article><h1>Server</h1>
<section>
<article><h1>vServer Container</h1>
<section>
<article><h1>Instanzen</h1></article>
<article><h1>Prozesse</h1></article>
<article><h1>Systeminformationen</h1></article>
</section>
</article>
<article><h1>Dedicated</h1> Server
<section>
<article><h1>Anzahl</h1></article>
<article><h1>Zugeteilte Hardwarekomponenten</h1>
<section>
<article><h1>Festplatten</h1></article>
<article><h1>Raid-Contrsectionler</h1></article>
</section>
</article>
</section>
</article>
</section>
</article>
<article><h1>Benutzer</h1>
<section>
<article><h1>Benutzergruppen</h1>
<section>
<article><h1>Systembenutzer</h1></article>
<article><h1>Virtuelle Benutzer</h1></article>
</section>
</article>
<article><h1>Benutzer</h1>
<section>
<article><h1>Dr. Bob</h1></article>
<article><h1>Dr. Dieter</h1></article>
</section>
</article>
</section>
</article>
</section>
</div>
<footer>
copyrightnotizen & links (fat footer oder net, egal)
</footer>
{"view":"split","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment