css: Latin Modern Sans + Latin Modern Mono (in <code/>) + DejaVu Sans Mono (in <pre/> due to box-drawing)
@font-face {
font-family: "lmsans10-regular";
src: url("lmsans10-regular.woff");
}
@font-face {
font-family: "lmmono10-regular";
src: url("lmmono10-regular.woff");
}
@font-face {
font-family: "DejaVuSansMono";
src: url("DejaVuSansMono.woff");
}
body {
font-family: "lmsans10-regular", sans-serif;
}
code {
font-family: "lmmono10-regular", "DejaVuSansMono", monospace;
}
pre {
font-family: "DejaVuSansMono", monospace;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
.logo {
background-color: black;
height: 64px;
width: 1240px;
margin-left: -20px;
margin-right: -20px;
margin-top: -5px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.logo img {
margin-top: 8px;
margin-left: 16px;
}
#zápatí p {
background-color: black;
width: 1240px;
min-height: 24px;
padding-top: 4px;
margin-left: -20px;
margin-right: -20px;
margin-bottom: -10px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
color: grey;
}
#zápatí a {
color: grey;
text-decoration: none;
}
#zápatí a[href^="http"]:hover {
color: white;
text-shadow: none;
text-decoration: none;
}
#tělo {
width: 1200px;
background-color: #ccc;
}
#nabídka {
width: 14em;
}
#nabídka a:hover {
color: #d71635;
text-shadow: none;
}
#text {
margin-left: 15em;
}
@media (max-width: 1300px) {
#tělo { width: auto; }
.logo { width: auto; }
#zápatí p { width: auto; }
#text { margin-left: auto; }
}
.img-container img { max-width: 820px; }
p.flattr {
text-align: right;
}
#text p {
text-align: justify;
}
#text code {
color: #066;
}
.already-implemented {
color: grey;
}