marko/cwsvJudo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'redesign2018'

Browse Source
This commit is contained in:
Marko Bunzel
2019-08-25 10:31:12 +02:00
parent db5510085f 2e8399fd33
commit d75485644d
71 changed files with 1677 additions and 288 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
homepage/redesign2018/markdownExperiment/src/css/cwsvJudo-2018-footer.css
View File

@@ -13,3 +13,9 @@
max-width: 1em;
}
@media print{
.footerBar
{
display: none;
}
}

7
homepage/redesign2018/markdownExperiment/src/css/cwsvJudo-2018-header.css
View File

@@ -66,3 +66,10 @@
align-items: center;
}
}
@media print{
.cwsvHeader
{
display: none;
}
}

7
homepage/redesign2018/markdownExperiment/src/css/cwsvJudo-2018-layout.css
View File

@@ -74,3 +74,10 @@ body > * {
flex-basis: 25%;
}
}
@media print{
.sideNotes
{
display: none;
}
}

7
homepage/redesign2018/markdownExperiment/src/css/cwsvJudo-2018-mainNav.css
View File

@@ -85,3 +85,10 @@
display: initial;
}
}
@media print{
#mainNav
{
display: none;
}
}

2
homepage/redesign2018/markdownExperiment/src/css/cwsvJudo-2018-sideBar.css
View File

@@ -14,7 +14,7 @@ amp-sidebar {
}
.sidebar a {
text-decoration: none;
color: inherit;
color: inherit;
}
.close-sidebar {
font-size: 1.5em;

7
homepage/redesign2018/markdownExperiment/src/css/cwsvJudo-2018-subNav.css
View File

@@ -87,3 +87,10 @@
text-align: initial;
}
}
@media print{
.subNav
{
display: none;
}
}

260
homepage/redesign2018/markdownExperiment/src/css/cwsvJudo-2018-wkKalender.css
View File

@@ -809,7 +809,7 @@
}
.textoverlayedImage > div {
z-index: 99;
width: 70%;
width: fit-content;
position: absolute;
top: 50%;
left: 50%;
@@ -834,6 +834,7 @@
}
.wkBoxMediaGallery > *{
flex-basis:50%;
padding: 5%;
}
@@ -885,3 +886,260 @@
background-color: #FF8100;
border-radius: .5em;
}
@media print{
.wkMonthBar
{
display: none;
}
.wkKalender > thead{
display: table-header-group;
width: 100%;
}
.wkKalender > tbody > tr{
display: table-row;
width: 100%;
}
.wkKalender > tbody > tr > td {
display: table-cell;
}
/*qrCode*/
.wkKalender > tbody > tr > td > img{
width: 1cm;
}
.wkKalender > tbody > tr > td:nth-of-type(5) > a{
display: none;
}
.wkKalender > tbody > tr > td[data-title]:before {
display: none;
content: "";
}
.wkKalender > tbody{
display: table-row-group;
}
.wkKalender > tfoot{
display: table-footer-group;
}
.wkKalender > tbody > tr {
border: 1px solid #e0e0e0;
border-radius: 2px;
margin-bottom: 1.6rem;
}
.wkKalender > tbody > tr > td {
vertical-align: middle;
text-align: initial;
}
.wkKalender > tbody > tr:nth-child(odd) {
background-color: #FF8100;
}
.wkKalender > tbody > tr > td:nth-child(odd) {
background-color: inherit;
}
.wkKalender > tbody > tr > td[data-title]:before {
content: initial;
}
.wkKalender tr, th, td {
border: 1px solid black;
}
.wkKalender th {
display: table-cell;
}
.kalenderDatum{
flex-direction: column;
align-items: center;
}
.kalenderDatum > span:nth-child(4)::after{
content: initial;
white-space: initial;
}
.kalenderDatum > span:nth-child(4){
display: none;
}
.kalenderDatum > span:nth-child(3)::after{
content: ".";
white-space: pre;
}
.kalenderDatum > span:nth-child(2)::after{
content: initial;
white-space: initial;
}
/* https://codepen.io/denilsonsa/pen/Etrba */
/****************************************/
/* Styling rules, such as font and colors */
.date-as-calendar {
font-variant: normal;
font-style: normal;
font-weight: normal;
font-family: "Helvetica", "Arial", sans-serif;
/* It seems vertical-align: baseline does not work correctly with display: inline-flex. */
vertical-align: top;
/* margin: 1ex; */
color: black;
background: white;
background : linear-gradient(to bottom right, #FFF 0%, #EEE 100%);
border: 1px solid #888;
border-radius: 3px;
overflow: hidden;
box-shadow: 2px 2px 2px -2px black;
}
.date-as-calendar .weekday,
.date-as-calendar .day,
.date-as-calendar .month,
.date-as-calendar .year {
text-align: center;
line-height: 1.0;
}
.date-as-calendar .month {
font-family: "Oswald", sans-serif;
text-transform: uppercase;
background: #B11;
background : linear-gradient(to bottom right, #D66 0%, #A00 100%);
color: white;
}
/****************************************/
/* Layout rules using position: absolute and pixels. */
.position-pixels.date-as-calendar {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.position-pixels.date-as-calendar .weekday,
.position-pixels.date-as-calendar .day,
.position-pixels.date-as-calendar .month,
.position-pixels.date-as-calendar .year {
display: block;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 1em;
}
.position-pixels.date-as-calendar .month {
top: 0px;
font-size: 12px;
padding: 2px 0;
}
.position-pixels.date-as-calendar .weekday {
top: 16px;
font-size: 10px;
}
.position-pixels.date-as-calendar .day {
top: 26px;
font-size: 24px;
}
.position-pixels.date-as-calendar .year {
top: 50px;
font-size: 14px;
}
/****************************************/
/* Layout rules using position: absolute and relative dimensions using em. */
.position-em.date-as-calendar {
display: inline-block;
position: relative;
width: 4em;
height: 4em;
}
.position-em.date-as-calendar .weekday,
.position-em.date-as-calendar .day,
.position-em.date-as-calendar .month,
.position-em.date-as-calendar .year {
display: block;
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 1em;
}
.position-em.date-as-calendar .month {
top: 0px;
font-size: 0.75em;
padding: 0.1em 0;
}
.position-em.date-as-calendar .weekday {
top: 1.6em;
font-size: 0.6125em;
}
.position-em.date-as-calendar .day {
top: 1.1em;
font-size: 1.5em
}
.position-em.date-as-calendar .year {
bottom: 0px;
font-size: 0.87750em;
}
/****************************************/
/* Layout rules using display: inline-flex and relative dimensions using em. */
.inline-flex.date-as-calendar {
display: inline-flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: space-between;
width: 4em;
height: 4em;
}
.inline-flex.date-as-calendar .weekday,
.inline-flex.date-as-calendar .day,
.inline-flex.date-as-calendar .month,
.inline-flex.date-as-calendar .year {
display: block;
flex: 1 1 auto;
}
.inline-flex.date-as-calendar .month {
order: 1;
font-size: 0.75em;
padding: 0.1em 0;
}
.inline-flex.date-as-calendar .weekday {
order: 2;
font-size: 0.6125em;
}
.inline-flex.date-as-calendar .day {
order: 3;
font-size: 1.5em;
}
.inline-flex.date-as-calendar .year {
order: 4;
font-size: 0.87750em;
}
/****************************************/
/* Multiple sizes. */
.date-as-calendar.size0_5x {
font-size: 8px;
}
.date-as-calendar.size0_75x {
font-size: 12px;
}
.date-as-calendar.size1x {
font-size: 16px;
}
.date-as-calendar.size1_25x {
font-size: 20px;
}
.date-as-calendar.size1_5x {
font-size: 24px;
}
.date-as-calendar.size1_75x {
font-size: 28px;
}
.date-as-calendar.size2x {
font-size: 32px;
}
.date-as-calendar.size3x {
font-size: 48px;
}
}

19
homepage/redesign2018/markdownExperiment/src/css/cwsvJudo-2018.css
View File

@@ -24,6 +24,13 @@ body{
}
}
@media print{
body{
font-size: 1.3vw;
}
}
/*
* Ein Reset für das BoxSizing
* Wir wollen Maße auf die "äußere Boundingbox" beziehen
@@ -169,9 +176,19 @@ body{
}
.displayNone{
display: none !important;
display: none;
}
.fontSizeXxSmall{
font-size: xx-small;
}
.print-only{
display: none;
}
@media print{
.print-only{
display: initial;
}
}