Start webu Strom roku 2023

static/styles/default.css

@@ -5,7 +5,9 @@
 body {
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	color: #555;
-	background: #eeeeec;
+	background: #838484;
+	/* https://seamless-pixels.blogspot.com/2013/01/seamless-flat-concrete-texture.html */
+	background-image: url(../images/beton.jpg);
 }
 
 h1, .h1,
@@ -32,6 +34,9 @@ td:first-child {
 	text-align: right;
 }
 
+a {
+	color: #2DA800;
+}
 
 /*
  * Override Bootstrap's default container.
@@ -51,8 +56,12 @@ td:first-child {
 	position: relative;
 	display: inline-block;
 	padding: 10px;
+	background: #2DA800;
 	font-weight: 500;
-	color: #cdddeb;
+}
+.blog-nav-item a {
+	color: white;
+	text-shadow: 1px 1px 3px black;
 }
 .blog-nav-item:hover,
 .blog-nav-item:focus {
@@ -63,6 +72,11 @@ td:first-child {
 .embed-responsive {
 	margin-bottom: 1em;
 }
+
+.blog-nav {
+	padding-left: 0;
+	margin-top: 0;
+}
 /* Active state gets a caret at the bottom */
 .blog-nav .active {
 	color: #fff;
@@ -90,22 +104,19 @@ td:first-child {
 	margin-right: auto;
 	margin-left: auto;
 	padding: 15px;
-	background-color: #fff;
+	background-color: #dcf9d2;
 }
 
 header a {
 	display: block;
 	position: relative;
-	padding-top: 33.445%;
-	background-color: #000000;
-	background-image: url(/images/header.webp);
+	background-color: #3EE400;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-size: contain;
-	margin-bottom: 1em;
+/*	margin-bottom: 1em;*/
 }
 .header-wrapper {
-	position: absolute;
 	bottom: 1rem;
 	left: 1.5rem;
 }
@@ -114,7 +125,7 @@ header a {
 	color: white;
 	text-shadow: 1px 1px 3px black;
 	margin-bottom: 0;
-	font-size: 60px;
+	font-size: 50px;
 	font-weight: bold;
 }
 .blog-description {
@@ -177,7 +188,6 @@ header a {
 }
 .blog-post-title {
 	margin-bottom: 5px;
-	font-size: 40px;
 }
 .blog-post-meta {
 	margin-bottom: 20px;
@@ -209,9 +219,13 @@ header a {
 
 .card-sm {
 	display: inline-block;
-	width: 300px;
+	font-size: 85%;
+	width: 230px;
 	vertical-align: top;
 }
+.large-gallery .card-sm {
+	width: 460px;
+}
 
 .card-sm img {
 	margin: auto;