--- a/mouse-data/css/mouse.css	Tue Jun 09 22:17:50 2020 +0200
+++ b/mouse-data/css/mouse.css	Sun Jul 26 20:28:43 2020 +0200
@@ -1,5 +1,66 @@
+@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, 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 {
-	background-color: black;
 	height: 64px;
 	width: 1240px;
 	margin-left: -20px;
@@ -9,13 +70,16 @@
 	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 {
-	background-color: black;
 	width: 1240px;
 	min-height: 24px;
 	padding-top: 4px;
@@ -24,11 +88,11 @@
 	margin-bottom: -10px;
 	border-bottom-right-radius: 8px;
 	border-bottom-left-radius: 8px;
-	color: grey;
+	color: #ccc;
 }
 
 #zápatí a {
-	color: grey;
+	color: #ddd;
 	text-decoration: none;
 }
 
@@ -40,20 +104,40 @@
 
 #tělo {
 	width: 1200px;
-	background-color: #ccc;
+	background-color: #efefef;
 }
 
 #nabídka {
-	width: 14em;
+	width: 12em;
 }
 
 #nabídka a:hover {
-	color: #d71635;
+	color: #fff;
 	text-shadow: none;
 }
 
 #text {
-	margin-left: 15em;
+	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) {
@@ -63,7 +147,7 @@
 	#text          { margin-left: auto; }
 }
 
-.img-container img { max-width: 820px; }
+.img-container img { max-width: 100%; }
 
 p.flattr {
 	text-align: right;
@@ -79,4 +163,66 @@
 
 .already-implemented {
 	color: grey;
-}
\ No newline at end of file
+}
+
+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;
+	background-color: rgba(0,0,0,0.035);
+	border-radius: 4px;
+	font-style: italic;
+}