X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/ab9b52b00d9c995e2b2036f32270841bfebb11b2..f59de09387c7ceb7d6ab2ccf6ea25cb4be8dacb5:/src/wolnelektury/static/2022/styles/layout/_annoy.scss

diff --git a/src/wolnelektury/static/2022/styles/layout/_annoy.scss b/src/wolnelektury/static/2022/styles/layout/_annoy.scss
index 70704f34d..f6b619a76 100644
--- a/src/wolnelektury/static/2022/styles/layout/_annoy.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_annoy.scss
@@ -249,3 +249,116 @@
 	}
     }
 }
+
+
+
+.annoy-banner_book-page {
+    background-color: #ffd430;
+    color: #083F4D;
+    border-radius: 10px;
+    padding: 15px 20px;
+    margin-top: 20px;
+
+    .annoy-banner-inner {
+	display: flex;
+	flex-direction: row;
+	gap: 20px;
+	align-items: flex-start;
+	justify-content: space-between;
+
+	p {
+	    margin: 0;
+	}
+	a {
+	    line-height: 1.35;
+	    color: #c32721;
+	    white-space: nowrap;
+	    border: solid #c32721;
+	    border-width: 0 0 1px;
+
+	    &:hover {
+		text-decoration: none;
+		border-bottom-width: 2px;
+	    }
+	}
+    }
+}
+
+
+.annoy-banner_book-page-center {
+    background: white;
+    margin-top: 50px;
+    padding: 20px;
+    border: 1px solid #018189;
+    border-radius: 15px;
+    color:#018189;
+
+    .annoy-banner-inner {
+	display: flex;
+	gap: 15px;
+	align-items: center;
+
+	img {
+	    width: 150px;
+	}
+	p {
+	    margin: 0;
+	}
+    }
+}
+
+
+
+
+
+.annoy-banner_seasonal {
+    background-color: #ffd430;
+    color: #083F4D;
+    border-radius: 10px;
+    padding: 15px 20px;
+    margin-top: 20px;
+    cursor: pointer;
+
+    .annoy-banner-inner {
+	display: flex;
+	flex-direction: row;
+	gap: 20px;
+	align-items: flex-start;
+	justify-content: space-between;
+
+	p {
+	    margin: 0;
+	}
+	a {
+	    line-height: 1.35;
+	    color: #c32721;
+	    white-space: nowrap;
+	    border: solid #c32721;
+	    border-width: 0 0 1px;
+
+	    &:hover {
+		text-decoration: none;
+		border-bottom-width: 2px;
+	    }
+	}
+        a.action { 
+            color: #fff;
+            background: #c92834;
+            padding: 9px 20px;
+            font-weight: 600;
+            border-radius: 15px;
+	    border-width: 0;
+	    &:hover {
+		border-bottom-width: 0;
+            }
+        }
+
+    }
+        .state-box {
+            margin-top: 15px;
+        }
+        .bar-status-box {
+            display: flex;
+            justify-content: space-between;
+        }
+}