@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;
background-color: #1e8b8f;
background-image: url('../grafika/background.png');
}
code {
font-family: "lmmono10-regular", "DejaVuSansMono", monospace;
}
pre {
margin: 0px;
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
padding-bottom: 8px;
border-radius: 4px;
max-width: 100%;
overflow: auto;
font-family: "DejaVuSansMono", monospace;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
pre, .zdroják-ke-stažení span, blockquote, div.diagram {
background-color: rgba(0,0,0,0.035);
}
.zdroják-ke-stažení {
margin-top: 0px;
margin-left: 10px;
}
#tělo, #zápatí p {
box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.5);
}
pre, blockquote, .zdroják-ke-stažení span, div.diagram {
box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.08);
}
#nabídka, table {
box-shadow: 3px 3px 2px 0px rgba(0,0,0,0.2);
}
.logo {
height: 64px;
width: 1240px;
margin-left: -20px;
margin-right: -20px;
margin-top: -5px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.logo, #nabídka, #zápatí p {
background-color: #404040;
}
.logo img {
margin-top: 8px;
margin-left: 16px;
}
#zápatí p {
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: #ccc;
}
#zápatí a {
color: #ddd;
text-decoration: none;
}
#zápatí a[href^="http"]:hover {
color: white;
text-shadow: none;
text-decoration: none;
}
#tělo {
width: 1200px;
background-color: #efefef;
}
#nabídka {
width: 12em;
}
#nabídka a:hover {
color: #fff;
text-shadow: none;
}
#text {
margin-left: 13em;
}
h1 {
font-size: 160%;
font-weight: bolder;
}
h2 {
font-size: 130%;
font-weight: bolder;
}
h3 {
font-size: 110%;
font-weight: bolder;
}
div.podČarou-poznámky {
border-top: 1px solid #ccc;
border-bottom: none;
}
@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;
}
a {
text-decoration: none;
color: #806;
}
a:visited {
color: #608;
}
a:hover {
text-decoration: underline;
}
a:hover {
text-shadow: none;
}
a[href^="https://"]:hover {
text-shadow: none;
}
a[href^="http://"]:hover {
text-shadow: none;
}
table {
border-collapse:collapse;
margin-top: 10px;
margin-bottom: 10px;
}
td, th {
border: 1px solid black;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
padding-right: 6px;
font-weight: normal;
}
td.číslo {
text-align: right;
}
thead tr {
background: #aaa;
color:black;
}
tbody tr:hover {
background-color: silver;
color:black;
}
blockquote {
margin-left: 0px;
margin-right: 0px;
margin-top: 8px;
margin-bottom: 8px;
padding-left: 24px;
padding-right: 24px;
padding-top: 2px;
padding-bottom: 2px;
border-radius: 4px;
font-style: italic;
}