Mikescher/www.mikescher.com
1
0
Fork 0
Code Actions Activity

chrome fixes

Browse Source
This commit is contained in:
Mike Schwörer
2018-01-28 14:23:12 +01:00
parent d16b630e6a
commit cf414a437d
8 changed files with 28 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
www/data/css/styles.css
View File

@@ -919,7 +919,7 @@ html, body {
.prgl_elem_left img {
width: 250px;
height: 100%;
height: auto;
min-height: 100px; }
.prgl_elem_right {
@@ -995,7 +995,8 @@ html, body {
width: 350px; }
.prgl_elem_left img {
width: 100%; }
width: 100%;
height: 100%; }
.prgl_elem_title {
font-size: 24pt;
@@ -1049,8 +1050,9 @@ html, body {
margin-bottom: auto; }
.prgv_left img {
max-height: 100%;
max-width: 100%; }
height: 100%;
width: 100%;
object-fit: contain; }
.prgv_right {
background: #BBB;
@@ -1160,7 +1162,8 @@ html, body {
.booklst_left img {
width: 150px;
height: auto; }
height: 200px;
object-fit: contain; }
.booklst_right {
display: flex;
@@ -1240,8 +1243,9 @@ html, body {
margin-bottom: auto; }
.bookv_left img {
max-height: 100%;
max-width: 100%; }
height: 100%;
width: 100%;
object-fit: contain; }
.bookv_right {
background: #BBB;

10
www/data/css/styles.min.css vendored
View File

@@ -226,7 +226,7 @@ html,body{margin:0;padding:0;height:100%}
.prgl_elem:hover .prgl_elem_subinfo_data{color:black}
.prgl_elem:hover .prgl_elem_left img{filter:grayscale(100%)}
.prgl_elem_left{padding:4px;display:flex}
.prgl_elem_left img{width:250px;height:100%;min-height:100px}
.prgl_elem_left img{width:250px;height:auto;min-height:100px}
.prgl_elem_right{display:flex;flex-direction:column;flex-grow:1}
.prgl_elem_title{color:#222;font-size:40pt;font-weight:bolder;flex-grow:1;display:flex;justify-content:center;align-items:center}
.prgl_elem_sdesc{color:#555;font-size:14pt;flex-grow:1;margin-bottom:20px;margin-left:10px;margin-right:10px;display:flex;justify-content:center;align-items:center}
@@ -244,7 +244,7 @@ html,body{margin:0;padding:0;height:100%}
}
@media(max-width:850px){
.prgl_elem{flex-direction:column;width:350px}
.prgl_elem_left img{width:100%}
.prgl_elem_left img{width:100%;height:100%}
.prgl_elem_title{font-size:24pt;word-wrap:break-word;text-align:center}
.prgl_elem_left{justify-content:center}
.prgl_elem_info{flex-direction:column;margin:8px 0 8px 8px}
@@ -256,7 +256,7 @@ html,body{margin:0;padding:0;height:100%}
#prgv_header hr{background:-moz-radial-gradient(circle,#CCC,#FFFFFF00);background:-webkit-radial-gradient(circle,#CCC 0,#FFFFFF00 100%)}
.prgv_top{display:flex;flex-direction:row;margin-top:15px}
.prgv_left{display:inline-flex;justify-content:center;flex-grow:1;margin-left:10px;margin-top:auto;margin-bottom:auto}
.prgv_left img{max-height:100%;max-width:100%}
.prgv_left img{height:100%;width:100%;object-fit:contain}
.prgv_right{background:#BBB;border:1px solid #666;margin:0 10px;padding:8px 5px 2px 5px;min-height:250px;min-width:200px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto auto auto 1fr auto;grid-column-gap:15px;grid-row-gap:2px}
.prgv_right_key{font-weight:bold}
.prgv_right_value a{color:#333;text-decoration:none}
@@ -283,7 +283,7 @@ html,body{margin:0;padding:0;height:100%}
.booklst_entry:hover .booklst_left img{filter:grayscale(100%)}
.booklst_entry:hover .booklst_date span{background:white;border-left:1px solid black;border-bottom:1px solid black}
.booklst_left{padding:4px;display:flex}
.booklst_left img{width:150px;height:auto}
.booklst_left img{width:150px;height:200px;object-fit:contain}
.booklst_right{display:flex;flex-direction:column;flex-grow:1}
.booklst_title{color:#222;font-size:40pt;font-weight:bolder;flex-grow:1;display:flex;justify-content:center;align-items:center;text-align:center}
.booklst_date{display:flex;flex-direction:row-reverse;color:#222}
@@ -300,7 +300,7 @@ html,body{margin:0;padding:0;height:100%}
#bookv_header hr{background:-moz-radial-gradient(circle,#CCC,#FFFFFF00);background:-webkit-radial-gradient(circle,#CCC 0,#FFFFFF00 100%)}
.bookv_top{display:flex;flex-direction:row;margin-top:15px;padding-bottom:10px}
.bookv_left{display:inline-flex;justify-content:center;flex-grow:1;margin-left:10px;margin-top:auto;margin-bottom:auto}
.bookv_left img{max-height:100%;max-width:100%}
.bookv_left img{height:100%;width:100%;object-fit:contain}
.bookv_right{background:#BBB;border:1px solid #666;margin:0 10px;padding:8px 5px 2px 5px;min-height:250px;min-width:200px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto auto auto auto 1fr auto;grid-column-gap:15px;grid-row-gap:2px}
.bookv_right_key{font-weight:bold}
.bookv_right_value a{color:#333;text-decoration:none}

3
www/data/css/styles_bookslist.scss
View File

@@ -31,7 +31,8 @@
.booklst_left img {
width: 150px;
height: auto;
height: 200px;
object-fit: contain;
}
.booklst_right {

5
www/data/css/styles_booksview.scss
View File

@@ -42,8 +42,9 @@
}
.bookv_left img {
max-height: 100%;
max-width: 100%;
height: 100%;
width: 100%;
object-fit: contain
}
.bookv_right {

3
www/data/css/styles_programslist.scss
View File

@@ -35,7 +35,7 @@
.prgl_elem_left img {
width: 250px;
height: 100%;
height: auto;
min-height: 100px;
}
@@ -131,6 +131,7 @@
}
.prgl_elem_left img {
width: 100%;
height: 100%;
}
.prgl_elem_title {
font-size: 24pt;

5
www/data/css/styles_programsview.scss
View File

@@ -41,8 +41,9 @@
}
.prgv_left img {
max-height: 100%;
max-width: 100%;
height: 100%;
width: 100%;
object-fit: contain
}
.prgv_right {