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

carousel for programview

Browse Source
This commit is contained in:
Mike Schwörer
2018-02-09 22:59:02 +01:00
parent 78492852f1
commit e2f17af6d7
61 changed files with 171 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -202,7 +202,15 @@ body {
background-position: center;
background-repeat: no-repeat;
height: 100%;
width: 100%; }
width: 100%;
display: flex; }
.imgcarousel_content video {
object-fit: contain;
width: 100%;
height: auto;
max-height: 100%;
align-self: center; }
.imgcarousel_prev, .imgcarousel_next {
display: flex;
@@ -215,6 +223,9 @@ body {
.imgcarousel_next {
margin-left: 5px; }
.imgcarousel_next, .imgcarousel_prev {
outline: none; }
.imgcarousel_prev svg {
width: 48px;
height: 48px;
@@ -1133,6 +1144,11 @@ html, body {
#prgv_header h1 {
font-size: 28pt; } }
.progv_extra {
height: 500px;
border: 1px solid #333;
margin: 10px; }
/* 400px */
.booklst_entry {
display: flex;

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

@@ -42,10 +42,12 @@ body{background-color:#EEE;color:#CCC;font-family:serif}
.stripedtable tbody tr:last-child td{border-bottom:0}
.stripedtable tbody tr:nth-child(odd){background-color:#ccc}
.imgcarousel_parent{display:flex;flex-direction:row;align-content:center;justify-content:center;padding:5px;background:#BBB}
.imgcarousel_content{background-size:contain;background-position:center;background-repeat:no-repeat;height:100%;width:100%}
.imgcarousel_content{background-size:contain;background-position:center;background-repeat:no-repeat;height:100%;width:100%;display:flex}
.imgcarousel_content video{object-fit:contain;width:100%;height:auto;max-height:100%;align-self:center}
.imgcarousel_prev,.imgcarousel_next{display:flex;flex-direction:column;justify-content:center}
.imgcarousel_prev{margin-right:5px}
.imgcarousel_next{margin-left:5px}
.imgcarousel_next,.imgcarousel_prev{outline:0}
.imgcarousel_prev svg{width:48px;height:48px;border:1px solid black;background:#333;fill:#DDD}
.imgcarousel_next svg{width:48px;height:48px;border:1px solid black;background:#333;fill:#DDD}
.imgcarousel_prev:hover svg{background:#000;fill:#FFF;cursor:pointer}
@@ -276,6 +278,7 @@ html,body{margin:0;padding:0;height:100%}
.prgv_right_lang{justify-content:space-evenly}
#prgv_header h1{font-size:28pt}
}
.progv_extra{height:500px;border:1px solid #333;margin:10px}
.booklst_entry{display:flex;flex-direction:row;text-decoration:none;background:#BBB;border:solid 1px #444;margin:5px 0}
.booklst_entry:hover{background:white;color:black;border:solid 1px black}
.booklst_entry:hover .booklst_date{color:black}

13
www/data/css/styles_global.scss
View File

@@ -249,8 +249,16 @@ body {
background-repeat: no-repeat;
height: 100%;
width: 100%;
display:flex;
}
.imgcarousel_content video {
object-fit: contain;
width: 100%;
height: auto;
max-height: 100%;
align-self: center;
}
.imgcarousel_prev, .imgcarousel_next
{
@@ -269,6 +277,11 @@ body {
margin-left: 5px;
}
.imgcarousel_next, .imgcarousel_prev
{
outline: none;
}
.imgcarousel_prev svg { width: 48px; height: 48px; border: 1px solid black; background: #333; fill: #DDD; }
.imgcarousel_next svg { width: 48px; height: 48px; border: 1px solid black; background: #333; fill: #DDD; }
.imgcarousel_prev:hover svg { background: #000; fill: #FFF; cursor: pointer; }

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

@@ -140,4 +140,10 @@
#prgv_header h1 {
font-size: 28pt;
}
}
.progv_extra {
height: 500px;
border: 1px solid #333;
margin: 10px;
}