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

Übernahme woanders erstellter Änderungen

Browse Source
This commit is contained in:
marko
2018-06-25 20:09:57 +02:00
parent da8db3324b
commit d9ee5aea30
63 changed files with 4223 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,3 +9,7 @@
justify-content: center;
}
.footerBar amp-img{
max-width: 1em;
}

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

@@ -41,3 +41,10 @@
/*
.galTable > tr > td:nth-child(1){}
*/
.yearList{
list-style-type: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

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

@@ -14,13 +14,15 @@
background-color: #FF8100;
}
.cwsvHeader img:first-of-type{
.cwsvHeader > amp-img:first-of-type,
.cwsvHeader > img:first-of-type{
display: none;
}
.cwsvHeader amp-img,
.cwsvHeader img{
width: auto;
height: 3em;
/* height: 100%;*/
}
.cwsvHeader em{
@@ -46,7 +48,8 @@
}
@media (min-width: 1280px){
.cwsvHeader img:first-of-type{
.cwsvHeader > amp-img:first-of-type,
.cwsvHeader > img:first-of-type{
display: initial;
}
}

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

@@ -30,6 +30,10 @@
padding-top:.2em;
}
#mainNav > a > span > amp-img{
max-width: 2em;
}
#mainNav > a > span > img{
height: 2em;
width: auto;
@@ -59,6 +63,7 @@
#mainNav > a{
padding: .5em .5em;
}
#mainNav > a > amp-img,
#mainNav > a > img{
display: none;
}
@@ -79,6 +84,7 @@
#mainNav > a {
padding: 1em 1.5em;
}
#mainNav > a > amp-img,
#mainNav > a > img{
display: initial;
}

1
homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-news.css
View File

@@ -48,6 +48,7 @@
.newsText a {
float: none;
}
.newsText amp-img,
.newsText img{
max-width: 100%;
display: block;

1
homepage/redesign2018/markdownExperiment/css/cwsvJudo-2018-sponsorList.css
View File

@@ -1,3 +1,4 @@
.sponsorList > li amp-img,
.sponsorList > li img {
width: 100%;
height: auto;

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

@@ -23,6 +23,9 @@
margin-left: auto;
}
.subNav > a > amp-img{
max-width: 1em;
}
.subNav > a > img{
height: 1em;
width: auto;
@@ -62,6 +65,7 @@
justify-content: flex-end;
align-items: center;
}
.subNav > a > amp-img,
.subNav > a > img{
display: none;
}
@@ -75,6 +79,7 @@
.subNav{
justify-content: center;
}
.subNav > a > amp-img,
.subNav > a > img{
display: initial;
}

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

@@ -47,35 +47,6 @@
color: #757575;
}
.kalenderDatum{
display: flex;
justify-content: flex-end;
}
.kalenderDatum > span:nth-child(4)::after{
content: ", d. ";
white-space: pre;
}
.kalenderDatum > span:nth-child(4){
order: 1;
}
.kalenderDatum > span:nth-child(3)::after{
content: ". ";
white-space: pre;
}
.kalenderDatum > span:nth-child(3){
order: 2;
}
.kalenderDatum > span:nth-child(2)::after{
content: " ";
white-space: pre;
}
.kalenderDatum > span:nth-child(2){
order: 3;
}
.kalenderDatum > span:nth-child(1){
order: 4;
}
@media screen and (min-width: 1280px){
.wkKalender > thead{
@@ -123,208 +94,6 @@
.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;
}
}
.displayNone{