skeleton.css - Typographie und Links

Typographie

Mit dem Platz nach Überschrift gehe ich etwas sparsamer um.

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1rem;
}

Der Titel der Webseite soll nicht am oberen Rand kleben.

h1.sitename {
    margin-top: 40px;
}

Links

Links bekommen zunächst mein Farbschema.

a {
    color: #59B34D;
    text-decoration: none;
}
a:hover {
    color: #737373;
}

Bei den Brotkrumen sowie der Vorwärts-Rückwärts-Navigation möchte ich großes, wie kleines Platzangebot unterstützen. Neben Title pflege ich ShortTitle in meinen Seiten und Artikeln. Zweitere werden verwendet, wenn es eng wird.

a.largetext { display: none; }

@media ( min-width : 750px) {
    a.smalltext { display: none; }
    a.largetext { display: inline-block; }
}

Copyright © 2016 Uwe Ritzmann - Erstellt mit Pelican, Python und Skeleton.