X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/019dfd7e87efcf03b08decb7af6552df3e3df215..56c5bac0c6b5fc622a0b274861a98b9dca00259e:/src/wolnelektury/static/scss/main/cite.scss

diff --git a/src/wolnelektury/static/scss/main/cite.scss b/src/wolnelektury/static/scss/main/cite.scss
index 1e64cd316..fbcc45ec9 100755
--- a/src/wolnelektury/static/scss/main/cite.scss
+++ b/src/wolnelektury/static/scss/main/cite.scss
@@ -1,18 +1,68 @@
 .big-cite {
-	height: 270px;
+	overflow: hidden;
+	height: (315 / 975) * 100vw;
+	width: 100%;
 
-	.cite-box,.cite-text {
+	@media screen and (min-width: 62.5em) {
+		height: 315px;
+		width: 975px;
+	}
+
+	.cite-box,.cite-box-text,.cite-text {
 		display: block;
 		height: 100%;
 		position: relative;
 	}
 }
 
-.cite-text, .cite-text-small {
+.box-c {
+	position: absolute;
+	text-align: center;
+	img.picture {
+		max-height: 100%;
+		max-width: 100%;
+	}
+}
+.cite-box {
+	.box-c {
+		top: 0;
+		left: 0;
+		bottom: 0;
+		right: 0;
+	}
+}
+
+.cite-box-text {
+	padding: 30/975*100vw 20/975*100vw 1/975*100vw (975 / 2 + 45)/975*100vw;
+	@media screen and (min-width: 62.5em) {
+		@include size(padding, 30px 20px 1px 975px / 2 + 45px);
+	}
+	.box-c {
+		/*top: 45/975*100vw;
+		left: 45/975*100vw;
+		bottom: 45/975*100vw;
+		width: (975 / 2 - 90)/975 * 100vw;
+		@media screen and (min-width: 62.5em) {
+		top: 45px;
+		left: 45px;
+		bottom: 45px;
+		width: 975px / 2 - 90px;
+		}*/
+	top:0;
+	left:0;
+	bottom:0;
+	width:50%;
+	}
+}
+
+.cite-text {
+	@include size(padding, 30px 20px 1px 80px);
+}
+
+.cite-box-text, .cite-text {
     display: block;
     color: black;
     background: white;
-    @include size(padding, 30px 20px 1px 80px);
 
     .vip {
         margin: 0;
@@ -61,6 +111,8 @@
 
 
 .book-wide-box .cite {
+    display: block;
+    color: black;
     background-color: #f7f7f7;
     vertical-align: middle;
     @include min-screen(1000px) {