- node-csso funktioiniert auf einmal nicht mehr

modified:   homepage/redesign2018/markdownExperiment/Makefile
- Funktion zu Erzeugen des htmlCodes der Wettkampeinzelansicht
	modified:   homepage/redesign2018/markdownExperiment/phpLib/cwsvJudo/wkKalender.php
- cssStyles für mit Text overlaytes Bild hinzugefügt
	modified:   homepage/redesign2018/markdownExperiment/src/css/cwsvJudo-2018-wkKalender.css
	modified:   homepage/redesign2018/markdownExperiment/src/css/cwsvJudo-2018.css
	modified:   homepage/redesign2018/css/cwsvJudo-2018.css
This commit is contained in:
marko
2018-11-02 06:05:49 +01:00
parent 1fecc58681
commit 00a50e2f0c
5 changed files with 97 additions and 18 deletions

View File

@@ -794,3 +794,31 @@
}
}
*/
/*
* Mit Text overlay-tes Bild
*/
.textoverlayedImage{
position: relative;
display: table;
}
.textoverlayedImage > img {
width: 100%;
height: auto;
}
.textoverlayedImage > div {
z-index: 99;
width: 70%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.textoverlayedImage > div > p{
text-align: center;
color: white;
font-weight: lighter;
line-height: 2;
padding: 0 10%;
}

View File

@@ -38,13 +38,17 @@ html{
/*
* Body
*/
body{
background: #FFAE00;
font-family: arial, helvetica, sans-serif;
}
/* Container für eine einzelne News */
/*
* Container für eine einzelne News
*/
.newsBox{
border: solid 1px #000000;
padding: 1vmin;
@@ -113,6 +117,9 @@ body{
.fullWidth{
width:100%;
}
.valignMiddle{
vertical-align:middle;
}
/* Bilder in voller Breite */
.bigPicture{