Aktueller Stand
commit
4cd1695f58
|
|
@ -0,0 +1,61 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
id="svg8"
|
||||
version="1.1"
|
||||
viewBox="0 0 113.45436 112.78635"
|
||||
height="112.78635mm"
|
||||
width="113.45436mm"
|
||||
sodipodi:docname="Zahnrad.svg"
|
||||
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)">
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1010"
|
||||
id="namedview8"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.78294807"
|
||||
inkscape:cx="245.24576"
|
||||
inkscape:cy="196.7392"
|
||||
inkscape:window-x="1920"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg8" />
|
||||
<defs
|
||||
id="defs2" />
|
||||
<metadata
|
||||
id="metadata5">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<path
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:none;stroke:#000000;stroke-width:1.56656516;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 33.623677,-27.0341 h 7.890135 l 4.35355,-11.56628 12.95798,-0.0168 4.08811,11.58447 8.31943,-10e-4"
|
||||
id="path815" />
|
||||
<path
|
||||
inkscape:connector-curvature="0"
|
||||
style="opacity:1;fill:none;fill-opacity:0.59183673;stroke:#ffffff;stroke-width:4.38968039;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 85.958964,56.332632 c 0.02668,1.571749 -0.110478,3.136825 -0.394691,4.679089 2.370568,1.328081 4.641525,2.899276 6.794609,4.689043 -0.926371,3.185456 -2.287023,6.221886 -4.008102,9.037515 -2.745764,-0.470837 -5.423267,-1.144477 -8.011565,-2.003896 -1.010869,1.37056 -2.134809,2.667109 -3.35221,3.870712 -1.15456,1.141534 -2.393348,2.199264 -3.699447,3.157228 0.809012,2.62278 1.421379,5.339499 1.818841,8.125616 -2.822767,1.714292 -5.865215,3.071473 -9.05348,3.999748 -1.725523,-2.185628 -3.247276,-4.476468 -4.544319,-6.855472 -1.632252,0.31445 -3.28892,0.469311 -4.950394,0.445654 -7e-6,0 -1.5e-5,-7e-6 -2.2e-5,-1.3e-5 -1.575773,0.02289 -3.147255,-0.11501 -4.697721,-0.397375 -1.325426,2.378775 -2.891018,4.662233 -4.672899,6.831269 -3.192982,-0.909941 -6.243177,-2.250171 -9.076193,-3.949457 0.448271,-2.755963 1.097617,-5.444906 1.931761,-8.045285 -1.384921,-0.998382 -2.69605,-2.108674 -3.913767,-3.31196 -1.154924,-1.141168 -2.225619,-2.366146 -3.195536,-3.658603 -2.611089,0.834816 -5.316746,1.472009 -8.093092,1.892452 -1.736064,-2.805228 -3.113687,-5.833743 -4.05848,-9.014303 2.169862,-1.733647 4.448112,-3.261351 6.818474,-4.561581 -0.316699,-1.623385 -0.470914,-3.273155 -0.443024,-4.930381 -10e-7,-2e-5 -10e-7,-4e-5 -2e-6,-6.1e-5 -0.02692,-1.571748 0.110226,-3.136825 0.394445,-4.679089 -2.370563,-1.328081 -4.641515,-2.899289 -6.7946,-4.689056 0.926383,-3.18545 2.287043,-6.221886 4.008128,-9.037509 2.745763,0.470844 5.423261,1.144492 8.011562,2.003917 1.010871,-1.37056 2.134813,-2.667103 3.352218,-3.870706 1.15456,-1.141533 2.393349,-2.199264 3.699448,-3.15722 -0.809002,-2.62278 -1.421361,-5.3395 -1.818821,-8.125624 2.822774,-1.714285 5.86522,-3.071459 9.053488,-3.999721 1.725522,2.185629 3.247267,4.476474 4.544304,6.855479 1.632232,-0.314436 3.288877,-0.469298 4.950329,-0.445641 3.2e-5,-6e-6 6.5e-5,-6e-6 9.7e-5,-6e-6 1.575766,-0.02289 3.147246,0.115036 4.697715,0.397408 1.325427,-2.378768 2.89103,-4.662233 4.672909,-6.831255 3.192986,0.909947 6.243173,2.250184 9.076185,3.94947 -0.448274,2.75597 -1.09763,5.444906 -1.931777,8.045285 1.384917,0.998382 2.696047,2.108681 3.913758,3.311967 1.154925,1.141175 2.225616,2.366153 3.195532,3.65861 2.61109,-0.83481 5.316748,-1.471995 8.093091,-1.892439 1.736058,2.805236 3.113675,5.833751 4.058462,9.014317 -2.169866,1.733647 -4.448117,3.261344 -6.818482,4.561567 0.316697,1.623405 0.470903,3.273196 0.443005,4.930442"
|
||||
id="path817" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
|
|
@ -0,0 +1,61 @@
|
|||
@font-face {
|
||||
font-family: "Source Sans Pro";
|
||||
src: url("fonts/source-sans-pro.extralight.ttf");
|
||||
font-weight: 200;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Source Sans Pro";
|
||||
src: url("fonts/source-sans-pro.extralight-italic.ttf");
|
||||
font-weight: 200;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Source Sans Pro";
|
||||
src: url("fonts/source-sans-pro.light.ttf");
|
||||
font-weight: 300;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Source Sans Pro";
|
||||
src: url("fonts/source-sans-pro.light-italic.ttf");
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Source Sans Pro";
|
||||
src: url("fonts/source-sans-pro.regular.ttf");
|
||||
font-weight: 400;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Source Sans Pro";
|
||||
src: url("fonts/source-sans-pro.italic.ttf");
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Source Sans Pro";
|
||||
src: url("fonts/source-sans-pro.bold.ttf");
|
||||
font-weight: 700;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Source Sans Pro";
|
||||
src: url("fonts/source-sans-pro.bold-italic.ttf");
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Source Sans Pro";
|
||||
src: url("fonts/source-sans-pro.black.ttf");
|
||||
font-weight: 900;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Source Sans Pro";
|
||||
src: url("fonts/source-sans-pro.black-italic.ttf");
|
||||
font-weight: 900;
|
||||
font-style: italic;
|
||||
}
|
||||
* {
|
||||
font-family: 'Source Sans Pro' !important;
|
||||
}
|
||||
#BoxTop h1, #BoxTop h2, #BoxTop h1 a, #BoxTop h2 a {
|
||||
font-family: 'Perspective Sans' !important;
|
||||
}
|
||||
|
|
@ -0,0 +1,105 @@
|
|||
.blocks > h1,
|
||||
.blocks > h2,
|
||||
.blocks > h3,
|
||||
.blocks > h4,
|
||||
.blocks > h5,
|
||||
.blocks > h6,
|
||||
.blocks > p,
|
||||
.blocks > ul,
|
||||
.blocks > ol,
|
||||
.blocks > hr {
|
||||
max-width : none;
|
||||
width : 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: var(--space-2);
|
||||
}
|
||||
.blocks > h1:first-child {
|
||||
margin-top: var(--space-30);
|
||||
}
|
||||
@media (max-width: 500px) {
|
||||
.blocks > h1 {
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
.blocks > h2 {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
.blocks > h3 {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
.blocks > h4,
|
||||
.blocks > h5,
|
||||
.blocks > h6 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
.blocks > p {
|
||||
margin-top: 0;
|
||||
margin-bottom: var(--space-4);
|
||||
}
|
||||
.blocks > ul,
|
||||
.blocks > ol {
|
||||
margin-top: 0;
|
||||
margin-bottom: var(--space-4);
|
||||
padding-left: var(--space-4);
|
||||
}
|
||||
.blocks > ul > li,
|
||||
.blocks > ol > li {
|
||||
line-height: 1.6;
|
||||
margin-bottom: var(--space-1);
|
||||
}
|
||||
.blocks > ul > li > p,
|
||||
.blocks > ol > li > p {
|
||||
margin-bottom: var(--space-1);
|
||||
}
|
||||
.blocks > figure {
|
||||
max-width: var(--block-text-wide-width);
|
||||
margin: var(--space-7) auto;
|
||||
}
|
||||
.blocks > figure > figcaption {
|
||||
text-align: center;
|
||||
color: var(--grey);
|
||||
margin-top: var(--space-3);
|
||||
max-width: 87.5vw;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.blocks > blockquote {
|
||||
font-style: italic;
|
||||
font-size: 1.4rem;
|
||||
line-height: 1.5;
|
||||
width: 87.5vw;
|
||||
max-width: var(--block-text-wide-width);
|
||||
margin: var(--space-4) auto var(--space-8) auto;
|
||||
}
|
||||
.blocks > blockquote > footer {
|
||||
margin-top: var(--space-2);
|
||||
color: var(--grey);
|
||||
text-align: right;
|
||||
font-size: 1rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.blocks > p:last-child,
|
||||
.blocks > ul:last-child,
|
||||
.blocks > ol:last-child,
|
||||
.blocks > figure:last-child,
|
||||
.blocks > blockquote:last-child,
|
||||
.blocks > .two-column-list:last-child,
|
||||
.blocks > .text-and-list:last-child {
|
||||
margin-bottom: var(--space-20);
|
||||
}
|
||||
|
||||
.blocks > .block-button {
|
||||
justify-content: center;
|
||||
margin-top: var(--space-8);
|
||||
margin-bottom: var(--space-10);
|
||||
}
|
||||
|
||||
.blocks > hr {
|
||||
height: 0.3em;
|
||||
border: none;
|
||||
background: var(--grey-light);
|
||||
margin: var(--space-4) auto var(--space-8) auto;
|
||||
}
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
.carousel {
|
||||
padding-top: var(--block-space);
|
||||
padding-bottom: var(--block-space);
|
||||
}
|
||||
.carousel__title {
|
||||
margin: 0;
|
||||
margin-bottom: var(--space-5);
|
||||
}
|
||||
.carousel__more-link {
|
||||
margin-top: var(--space-5);
|
||||
margin-bottom: var(--space-5);
|
||||
}
|
||||
.carousel__more-link::after {
|
||||
content: " →";
|
||||
position: relative;
|
||||
font-size: 1.1em;
|
||||
top: 0.05em;
|
||||
}
|
||||
@media (min-width: 800px) {
|
||||
.carousel__more-link {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
.carousel__horizontal {
|
||||
overflow-x: auto;
|
||||
scroll-snap-type: x mandatory;
|
||||
scroll-behavior: smooth;
|
||||
overscroll-behavior-x: contain;
|
||||
-webkit-overflow-scrolling: touch; /* iOS 12 snap bug fix */
|
||||
scrollbar-width: none; /* hide Firefox scrollbars */
|
||||
}
|
||||
.carousel__horizontal::after {
|
||||
/* this fixes the space after the last item not showing */
|
||||
content: "";
|
||||
display: block;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
}
|
||||
.carousel__horizontal::-webkit-scrollbar {
|
||||
display: none; /* hide Chrome + Safari scrollbars */
|
||||
}
|
||||
.carousel--bold {
|
||||
--bg-color: var(--green);
|
||||
--highlight-color: var(--white);
|
||||
}
|
||||
.carousel--bold .carousel__title {
|
||||
font-family: var(--headline);
|
||||
font-weight: var(--headline-bold);
|
||||
}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
.countdown {
|
||||
grid-column: 1 / -1;
|
||||
padding-top: var(--block-space);
|
||||
padding-bottom: var(--block-space);
|
||||
}
|
||||
.countdown--bold {
|
||||
--bg-color: var(--green);
|
||||
--highlight-color: var(--white);
|
||||
}
|
||||
|
||||
.countdown__text {
|
||||
position: relative;
|
||||
width: 87.5vw;
|
||||
max-width: var(--block-text-wide-width);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
.events-preview {
|
||||
grid-column: 1 / -1;
|
||||
padding-top: var(--block-space);
|
||||
padding-bottom: var(--block-space);
|
||||
justify-items: center;
|
||||
}
|
||||
.events-preview--bold {
|
||||
--bg-color: var(--green);
|
||||
--highlight-color: var(--white);
|
||||
}
|
||||
.events-preview__title {
|
||||
grid-row: 1;
|
||||
margin: 0;
|
||||
margin-bottom: var(--space-5);
|
||||
}
|
||||
.events-preview__more-link {
|
||||
margin-top: var(--space-5);
|
||||
margin-bottom: var(--space-5);
|
||||
}
|
||||
.events-preview__more-link::after {
|
||||
content: " →";
|
||||
position: relative;
|
||||
font-size: 1.1em;
|
||||
top: 0.05em;
|
||||
}
|
||||
.events-preview--bold .events-preview__title {
|
||||
font-family: var(--headline);
|
||||
font-weight: var(--headline-bold);
|
||||
}
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
.intro-with-columns {
|
||||
grid-column: 1 / -1;
|
||||
grid-template-rows: var(--space-30);
|
||||
width: 100%;
|
||||
padding-bottom: var(--space-10);
|
||||
}
|
||||
.intro-with-columns__text-top,
|
||||
.intro-with-columns__text-bottom {
|
||||
grid-column: 2 / 16;
|
||||
}
|
||||
.intro-with-columns__text-top {
|
||||
grid-row: 2;
|
||||
}
|
||||
.intro-with-columns__text-bottom {
|
||||
margin-top: var(--space-2);
|
||||
}
|
||||
.intro__with-columns-right {
|
||||
grid-column: 2 / 16;
|
||||
}
|
||||
@media (min-width: 800px) {
|
||||
.intro-with-columns__text-top,
|
||||
.intro-with-columns__text-bottom {
|
||||
grid-column: 2 / 9;
|
||||
}
|
||||
.intro-with-columns__text-top {
|
||||
grid-row: 2;
|
||||
}
|
||||
.intro-with-columns__text-bottom {
|
||||
grid-row: 3;
|
||||
}
|
||||
.intro__with-columns-right {
|
||||
grid-column: 10 / 16;
|
||||
grid-row: 2 / span 2;
|
||||
}
|
||||
}
|
||||
.intro-with-columns__images {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-gap: var(--space-2);
|
||||
margin-bottom: var(--space-5);
|
||||
}
|
||||
.intro-with-columns__right-text p {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
.intro-with-title {
|
||||
grid-column: 1 / -1;
|
||||
background-color: var(--green);
|
||||
padding-bottom: calc(var(--diagonal-space) + var(--block-space) / 2);
|
||||
margin-bottom: calc(var(--diagonal-space) + var(--block-space) / 2);
|
||||
clip-path: polygon(
|
||||
0% 0%,
|
||||
100% 0,
|
||||
100% calc(100% - calc(var(--diagonal) / 2)),
|
||||
0% 100%
|
||||
);
|
||||
z-index: -1;
|
||||
}
|
||||
.intro-with-title h1 {
|
||||
padding-top: var(--space-30);
|
||||
}
|
||||
|
||||
.intro-with-title h1,
|
||||
.intro-with-title__text {
|
||||
width: 87.5vw;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: var(--block-text-width);
|
||||
}
|
||||
.intro-with-title__text > p:last-child,
|
||||
.intro-with-title__text > ul:last-child,
|
||||
.intro-with-title__text > ol:last-child,
|
||||
.intro-with-title__text > figure:last-child,
|
||||
.intro-with-title__text > blockquote:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
.intro {
|
||||
background-color: #333;
|
||||
margin-bottom: calc(var(--diagonal-space) - var(--block-space) / 2 + 30px);
|
||||
}
|
||||
.intro__background-image {
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
object-position: center 35%;
|
||||
height: 52vh;
|
||||
}
|
||||
@media (min-width: 400px) {
|
||||
.intro__background-image {
|
||||
height: 68vh;
|
||||
}
|
||||
}
|
||||
.intro__content {
|
||||
position: relative;
|
||||
padding-top: var(--space-6);
|
||||
padding-bottom: var(--space-1);
|
||||
}
|
||||
.intro__headline {
|
||||
margin: 0;
|
||||
margin-bottom: var(--space-5);
|
||||
font-size: calc(0.5rem + 4vw);
|
||||
}
|
||||
@media (min-width: 900px) {
|
||||
.intro__headline {
|
||||
font-size: 2.4rem;
|
||||
}
|
||||
}
|
||||
.intro__text {
|
||||
margin: 0;
|
||||
margin-bottom: var(--space-5);
|
||||
font-size: calc(0.5rem + 2vw);
|
||||
line-height: 1.5;
|
||||
}
|
||||
@media (min-width: 1000px) {
|
||||
.intro__text {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
}
|
||||
.intro__social-networks {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 100%;
|
||||
max-width: 320px;
|
||||
}
|
||||
.intro__social-network {
|
||||
width: 24px;
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
@media (min-width: 500px) {
|
||||
.intro__social-network {
|
||||
width: 32px;
|
||||
}
|
||||
}
|
||||
.intro__social-network:hover,
|
||||
.intro__social-network:focus {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
.logo-wall {
|
||||
padding-top: calc(var(--block-space) / 2);
|
||||
padding-bottom: var(--block-space);
|
||||
}
|
||||
|
||||
.logo-wall__headline {
|
||||
margin-bottom: var(--space-10);
|
||||
text-align: center;
|
||||
font-size: 1rem;
|
||||
font-family: var(--text);
|
||||
font-weight: var(--text-bold);
|
||||
color: var(--grey);
|
||||
}
|
||||
|
||||
.logo-wall__images {
|
||||
grid-column: 2 / -2;
|
||||
display: grid;
|
||||
column-gap: var(--space-8);
|
||||
row-gap: var(--space-8);
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
margin-bottom: var(--space-8);
|
||||
}
|
||||
|
||||
.logo-wall__image {
|
||||
max-width: 200px;
|
||||
}
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
.text-and-image {
|
||||
grid-column: 1 / -1;
|
||||
padding-top: var(--block-space);
|
||||
padding-bottom: var(--block-space);
|
||||
}
|
||||
.text-and-image__text {
|
||||
margin-bottom: var(--space-8);
|
||||
}
|
||||
.text-and-image__images {
|
||||
--columns: 3;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(var(--columns), 1fr);
|
||||
grid-gap: var(--space-2);
|
||||
align-content: flex-start;
|
||||
justify-self: center;
|
||||
}
|
||||
@media (min-width: 900px) {
|
||||
.text-and-image {
|
||||
grid-template-rows: auto 1fr;
|
||||
}
|
||||
.text-and-image__headline {
|
||||
grid-column: 2 / 9;
|
||||
}
|
||||
.text-and-image__text {
|
||||
margin-bottom: 0;
|
||||
grid-column: 2 / 9;
|
||||
}
|
||||
.text-and-image__images {
|
||||
grid-column: 10 / -2;
|
||||
grid-row: 1 / 3;
|
||||
grid-gap: var(--space-1);
|
||||
}
|
||||
}
|
||||
.text-and-image__links {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.text-and-image__links li:before {
|
||||
display : none;
|
||||
}
|
||||
.text-and-image__links li:not(:last-child) .link {
|
||||
margin-right: 2rem;
|
||||
}
|
||||
.text-and-image--bold {
|
||||
--bg-color: var(--green);
|
||||
--highlight-color: var(--white);
|
||||
padding-top: var(--space-10);
|
||||
padding-bottom: var(--space-10);
|
||||
}
|
||||
.text-and-image--bold .text-and-image__headline {
|
||||
font-family: var(--headline);
|
||||
font-weight: var(--headline-bold);
|
||||
}
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
.text-and-list {
|
||||
grid-column: 1 / -1;
|
||||
padding-top: calc(var(--block-space) / 2);
|
||||
padding-bottom: calc(var(--block-space) / 2);
|
||||
}
|
||||
.text-and-list__list {
|
||||
margin-top: var(--space-4);
|
||||
margin-bottom: var(--space-4);
|
||||
padding-top: var(--space-5);
|
||||
padding-bottom: var(--space-5);
|
||||
border-top: 4px solid var(--black);
|
||||
word-break: break-word;
|
||||
}
|
||||
@media (min-width: 900px) {
|
||||
.text-and-list__headline {
|
||||
grid-column: 2 / 11;
|
||||
}
|
||||
.text-and-list__text {
|
||||
grid-column: 2 / 11;
|
||||
}
|
||||
.text-and-list__list {
|
||||
margin-top: 0;
|
||||
grid-row: 1 / 3;
|
||||
grid-column: 12 / -2;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,88 @@
|
|||
.text-and-steps {
|
||||
grid-column: 1 / -1;
|
||||
row-gap: var(--space-8);
|
||||
padding-top: calc(var(--block-space) / 2);
|
||||
padding-bottom: calc(var(--block-space) / 2);
|
||||
}
|
||||
.text-and-steps__steps {
|
||||
margin-top: var(--space-4);
|
||||
margin-bottom: var(--space-4);
|
||||
padding-bottom: var(--space-5);
|
||||
}
|
||||
|
||||
.text-and-steps__steps ol {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
counter-reset: text-and-steps;
|
||||
}
|
||||
.text-and-steps__steps ol li {
|
||||
display: flex;
|
||||
align-items: baseline;
|
||||
margin-bottom: var(--space-2);
|
||||
counter-increment: text-and-steps;
|
||||
}
|
||||
.text-and-steps__steps ol li::before {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-shrink: 0;
|
||||
margin-right: var(--space-3);
|
||||
color: var(--blue);
|
||||
content: counter(text-and-steps);
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
font-size: 1.2rem;
|
||||
font-family: var(--text);
|
||||
font-weight: var(--text-bold);
|
||||
border: 2px solid currentColor;
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.text-and-steps__steps li code {
|
||||
display: inline-block;
|
||||
margin-bottom: var(--space-1);
|
||||
font-family: var(--text);
|
||||
font-weight: var(--text-semi-bold);
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.text-and-steps__buttons {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: var(--space-4);
|
||||
align-items: center;
|
||||
}
|
||||
.text-and-steps__buttons > * {
|
||||
margin-bottom: var(--space-4);
|
||||
}
|
||||
|
||||
@media (min-width: 500px) {
|
||||
.text-and-steps__steps ol li::before {
|
||||
font-size: 1.2rem;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 900px) {
|
||||
.text-and-steps__text {
|
||||
grid-column: 2 / 9;
|
||||
}
|
||||
.text-and-steps__buttons {
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
align-items: baseline;
|
||||
}
|
||||
.text-and-steps__buttons > * {
|
||||
margin-bottom: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.text-and-steps__buttons > :first-child {
|
||||
margin-right: var(--space-4);
|
||||
}
|
||||
.text-and-steps__steps {
|
||||
margin-top: 0;
|
||||
grid-column: 10 / -2;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
.two-column-list {
|
||||
width: 87.5vw;
|
||||
margin: var(--space-4) auto;
|
||||
padding-top: calc(var(--block-space) / 2);
|
||||
padding-bottom: calc(var(--block-space) / 2);
|
||||
max-width: var(--block-text-width);
|
||||
border-top: 4px solid var(--black);
|
||||
}
|
||||
|
||||
.two-column-list h3 {
|
||||
margin-bottom: var(--space-5);
|
||||
}
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
.youtube {
|
||||
grid-column: 1 / -1;
|
||||
padding-top: var(--space-10);
|
||||
padding-bottom: var(--space-10);
|
||||
}
|
||||
|
||||
.youtube__headline,
|
||||
.youtube__container,
|
||||
.youtube__text {
|
||||
width: 87.5vw;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.youtube__headline {
|
||||
margin-bottom: var(--space-7);
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.youtube__headline {
|
||||
text-align: center;
|
||||
max-width: var(--block-text-width);
|
||||
}
|
||||
}
|
||||
|
||||
.youtube__container,
|
||||
.youtube__text {
|
||||
max-width: var(--block-text-wide-width);
|
||||
}
|
||||
|
||||
.youtube__play-button {
|
||||
position: absolute;
|
||||
top: calc(50% - 30px);
|
||||
left: calc(50% - 30px);
|
||||
display: block;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
transform: scale(1);
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
@media (min-width: 600px) {
|
||||
.youtube__play-button {
|
||||
top: calc(50% - 60px);
|
||||
left: calc(50% - 60px);
|
||||
width: 120px;
|
||||
height: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
.youtube__video:hover .youtube__play-button {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.youtube__video {
|
||||
position: relative;
|
||||
display: block;
|
||||
height: 0;
|
||||
margin-bottom: var(--space-7);
|
||||
padding-bottom: 56.25%;
|
||||
}
|
||||
.youtube__thumbnail,
|
||||
.youtube__video--playing iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.intro + .youtube {
|
||||
padding-top: var(--space-20);
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
|
@ -0,0 +1,122 @@
|
|||
.calendar ul.dates {
|
||||
list-style-type : none;
|
||||
overflow-y : scroll;
|
||||
overflow-x : visible;
|
||||
padding-right : 0px;
|
||||
padding-left : 0px;
|
||||
position : relative;
|
||||
}
|
||||
.calendar:not(.noGrayout) ul.dates {
|
||||
max-height : 400px;
|
||||
mask-image : linear-gradient(black 80%, transparent 100%);
|
||||
}
|
||||
.calendar.noGrayout ul.dates {
|
||||
overflow-y : visible;
|
||||
}
|
||||
.calendar ul.dates li:before { display : none; }
|
||||
.calendar ul.dates li:after {
|
||||
content : '';
|
||||
clear : both;
|
||||
display : block;
|
||||
margin-bottom : 10px;
|
||||
}
|
||||
.calendar ul.dates li.nowLine {
|
||||
border-top : 2px solid black;
|
||||
padding-top : 10px;
|
||||
}
|
||||
.calendar ul.dates li.cancelled {
|
||||
opacity : 0.5;
|
||||
}
|
||||
.calendar:not(.noGrayout) ul.dates li.passed {
|
||||
color : gray;
|
||||
}
|
||||
.calendar:not(.noGrayout) ul.dates li.passed a {
|
||||
color : gray;
|
||||
}
|
||||
.calendar .split {
|
||||
display : table-row;
|
||||
}
|
||||
.calendar .split .left {
|
||||
display : table-cell;
|
||||
min-height : 1em;
|
||||
border-right : 2px solid gray;
|
||||
margin-right : -2px;
|
||||
padding-right : 10px;
|
||||
font-size : 1.5em;
|
||||
white-space : nowrap;
|
||||
}
|
||||
.calendar .split .right {
|
||||
display : table-cell;
|
||||
padding-left : 10px;
|
||||
white-space : normal;
|
||||
}
|
||||
.calendar ul.dates .time:before { content : "\A"; white-space : pre; }
|
||||
.calendar ul.dates .time:after { content : " Uhr"; }
|
||||
.calendar ul.dates .title { font-weight : bold; }
|
||||
.calendar ul.dates .location:before { content : "\A"; white-space : pre; }
|
||||
.calendar ul.dates .location { font-style : italic; }
|
||||
.calendar ul.dates .description:before { content : "\A"; white-space : pre; }
|
||||
.calendar ul.dates .protokoll {
|
||||
background-image:url('PDF.png');
|
||||
background-repeat:no-repeat;
|
||||
background-size:15px 19px;
|
||||
padding-left:17px;
|
||||
margin-left:3px;
|
||||
font-weight:bold;
|
||||
line-height:25px;
|
||||
}
|
||||
.calendar ul.dates a {
|
||||
color : black;
|
||||
text-decoration : none;
|
||||
display : block;
|
||||
border-bottom : 0px none transparent !important;
|
||||
}
|
||||
.calendar ul.dates a:link { background-color : transparent; }
|
||||
.calendar ul.dates a:visited { background-color : transparent; }
|
||||
.calendar ul.dates a:hover { background-color : #AFA; }
|
||||
.calendar ul.dates a:active { background-color : #0F0; }
|
||||
.calendar form {
|
||||
vertical-align : top;
|
||||
display : inline-block;
|
||||
border-left : 1px solid gray;
|
||||
border-right : 1px solid gray;
|
||||
margin-right : -1px;
|
||||
padding : 3px;
|
||||
}
|
||||
.calendar p a {
|
||||
cursor : help;
|
||||
}
|
||||
.calendar a.button {
|
||||
margin-right : 10px;
|
||||
}
|
||||
.calendar a.earlierDatesLink {
|
||||
margin-left : 30px;
|
||||
margin-bottom : 30px;
|
||||
}
|
||||
.calendar .radioRow label {
|
||||
margin-right : 1em;
|
||||
}
|
||||
.calendar .filterList label {
|
||||
display : block;
|
||||
}
|
||||
|
||||
@media handheld, screen and (max-width: 650px) {
|
||||
.calendar .split .left {
|
||||
font-size : 1.3em;
|
||||
}
|
||||
}
|
||||
|
||||
@media handheld, screen and (max-width: 560px) {
|
||||
.calendar .split {
|
||||
display : block;
|
||||
}
|
||||
.calendar .split .left {
|
||||
display : block;
|
||||
border-right : 0px none transparent;
|
||||
font-size : 1.3em;
|
||||
}
|
||||
.calendar .split .right {
|
||||
display : block;
|
||||
padding-left : 0px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
.diagonal {
|
||||
position: relative;
|
||||
}
|
||||
|
|
@ -0,0 +1,155 @@
|
|||
/* Webfont: Lato-Thin */
|
||||
@font-face {
|
||||
font-family: "Lato";
|
||||
src: url("/assets/fonts/lato/Lato-Thin.eot"); /* IE9 Compat Modes */
|
||||
src: url("/assets/fonts/lato/Lato-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||||
url("/assets/fonts/lato/Lato-Thin.woff2") format("woff2"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-Thin.woff") format("woff"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-Thin.ttf") format("truetype");
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/* Webfont: Lato-ThinItalic */
|
||||
@font-face {
|
||||
font-family: "LatoWebThin";
|
||||
src: url("/assets/fonts/lato/Lato-ThinItalic.eot"); /* IE9 Compat Modes */
|
||||
src: url("/assets/fonts/lato/Lato-ThinItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||||
url("/assets/fonts/lato/Lato-ThinItalic.woff2") format("woff2"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-ThinItalic.woff") format("woff"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-ThinItalic.ttf") format("truetype");
|
||||
font-style: italic;
|
||||
font-weight: 200;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/* Webfont: Lato-Light */
|
||||
@font-face {
|
||||
font-family: "Lato";
|
||||
src: url("/assets/fonts/lato/Lato-Light.eot"); /* IE9 Compat Modes */
|
||||
src: url("/assets/fonts/lato/Lato-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||||
url("/assets/fonts/lato/Lato-Light.woff2") format("woff2"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-Light.woff") format("woff"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-Light.ttf") format("truetype");
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/* Webfont: Lato-LightItalic */
|
||||
@font-face {
|
||||
font-family: "Lato";
|
||||
src: url("/assets/fonts/lato/Lato-LightItalic.eot"); /* IE9 Compat Modes */
|
||||
src: url("/assets/fonts/lato/Lato-LightItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||||
url("/assets/fonts/lato/Lato-LightItalic.woff2") format("woff2"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-LightItalic.woff") format("woff"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-LightItalic.ttf") format("truetype");
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/* Webfont: Lato-Medium */
|
||||
@font-face {
|
||||
font-family: "Lato";
|
||||
src: url("/assets/fonts/lato/Lato-Medium.eot"); /* IE9 Compat Modes */
|
||||
src: url("/assets/fonts/lato/Lato-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||||
url("/assets/fonts/lato/Lato-Medium.woff2") format("woff2"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-Medium.woff") format("woff"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-Medium.ttf") format("truetype");
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/* Webfont: Lato-MediumItalic */
|
||||
@font-face {
|
||||
font-family: "Lato";
|
||||
src: url("/assets/fonts/lato/Lato-MediumItalic.eot"); /* IE9 Compat Modes */
|
||||
src: url("/assets/fonts/lato/Lato-MediumItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||||
url("/assets/fonts/lato/Lato-MediumItalic.woff2") format("woff2"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-MediumItalic.woff") format("woff"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-MediumItalic.ttf") format("truetype");
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/* Webfont: Lato-Semibold */
|
||||
@font-face {
|
||||
font-family: "Lato";
|
||||
src: url("/assets/fonts/lato/Lato-Semibold.eot"); /* IE9 Compat Modes */
|
||||
src: url("/assets/fonts/lato/Lato-Semibold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||||
url("/assets/fonts/lato/Lato-Semibold.woff2") format("woff2"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-Semibold.woff") format("woff"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-Semibold.ttf") format("truetype");
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/* Webfont: Lato-SemiboldItalic */
|
||||
@font-face {
|
||||
font-family: "Lato";
|
||||
src: url("/assets/fonts/lato/Lato-SemiboldItalic.eot"); /* IE9 Compat Modes */
|
||||
src: url("/assets/fonts/lato/Lato-SemiboldItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||||
url("/assets/fonts/lato/Lato-SemiboldItalic.woff2") format("woff2"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-SemiboldItalic.woff") format("woff"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-SemiboldItalic.ttf") format("truetype");
|
||||
font-style: italic;
|
||||
font-weight: 600;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/* Webfont: Lato-Bold */
|
||||
@font-face {
|
||||
font-family: "Lato";
|
||||
src: url("/assets/fonts/lato/Lato-Bold.eot"); /* IE9 Compat Modes */
|
||||
src: url("/assets/fonts/lato/Lato-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||||
url("/assets/fonts/lato/Lato-Bold.woff2") format("woff2"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-Bold.woff") format("woff"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-Bold.ttf") format("truetype");
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/* Webfont: Lato-BoldItalic */
|
||||
@font-face {
|
||||
font-family: "Lato";
|
||||
src: url("/assets/fonts/lato/Lato-BoldItalic.eot"); /* IE9 Compat Modes */
|
||||
src: url("/assets/fonts/lato/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||||
url("/assets/fonts/lato/Lato-BoldItalic.woff2") format("woff2"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-BoldItalic.woff") format("woff"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-BoldItalic.ttf") format("truetype");
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/* Webfont: Lato-Black */
|
||||
@font-face {
|
||||
font-family: "Lato";
|
||||
src: url("/assets/fonts/lato/Lato-Black.eot"); /* IE9 Compat Modes */
|
||||
src: url("/assets/fonts/lato/Lato-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||||
url("/assets/fonts/lato/Lato-Black.woff2") format("woff2"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-Black.woff") format("woff"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-Black.ttf") format("truetype");
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
/* Webfont: Lato-BlackItalic */
|
||||
@font-face {
|
||||
font-family: "Lato";
|
||||
src: url("/assets/fonts/lato/Lato-BlackItalic.eot"); /* IE9 Compat Modes */
|
||||
src: url("/assets/fonts/lato/Lato-BlackItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
|
||||
url("/assets/fonts/lato/Lato-BlackItalic.woff2") format("woff2"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-BlackItalic.woff") format("woff"), /* Modern Browsers */
|
||||
url("/assets/fonts/lato/Lato-BlackItalic.ttf") format("truetype");
|
||||
font-style: italic;
|
||||
font-weight: 800;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns:
|
||||
minmax(var(--grid-gutter), 1fr) repeat(14, minmax(20px, 80px))
|
||||
minmax(var(--grid-gutter), 1fr);
|
||||
}
|
||||
.grid > * {
|
||||
grid-column: 2 / -2;
|
||||
}
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: var(--text);
|
||||
background: var(--white);
|
||||
font-size: 16px;
|
||||
}
|
||||
@media (min-width: 500px) {
|
||||
html {
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
@media (min-width: 500px) {
|
||||
body {
|
||||
min-height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
min-height: 61.8vh;
|
||||
}
|
||||
|
||||
img,
|
||||
svg {
|
||||
vertical-align: middle;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
:root {
|
||||
/* fonts */
|
||||
--headline: "Linux Biolinum";
|
||||
--text: "Linux Biolinum";
|
||||
|
||||
/* font weights */
|
||||
--headline-extrabold: 800;
|
||||
--text-regular: 400;
|
||||
--text-semi-bold: 600;
|
||||
--text-bold: 700;
|
||||
|
||||
/* colors */
|
||||
--white: #fff;
|
||||
--black: #000;
|
||||
--grey-light: #efebdc;
|
||||
--grey: #808080;
|
||||
|
||||
--blue: #00aff0;
|
||||
--green: #bedc0a;
|
||||
|
||||
/* units */
|
||||
--base: 6px;
|
||||
--grid-gutter: 6.25vw;
|
||||
|
||||
--space-1: var(--base);
|
||||
--space-2: calc(var(--base) * 2);
|
||||
--space-3: calc(var(--base) * 3);
|
||||
--space-4: calc(var(--base) * 4);
|
||||
--space-5: calc(var(--base) * 5);
|
||||
--space-6: calc(var(--base) * 6);
|
||||
--space-7: calc(var(--base) * 7);
|
||||
--space-8: calc(var(--base) * 8);
|
||||
--space-10: calc(var(--base) * 9);
|
||||
--space-15: calc(var(--base) * 10);
|
||||
--space-20: calc(var(--base) * 11);
|
||||
--space-30: calc(var(--base) * 12);
|
||||
|
||||
--block-space: var(--space-15);
|
||||
--block-text-width: 800px;
|
||||
--block-text-wide-width: 800px;
|
||||
|
||||
--diagonal: 5vw;
|
||||
--diagonal-space: calc(var(--diagonal) / 2);
|
||||
}
|
||||
@media (min-width: 800px) {
|
||||
:root {
|
||||
--base: 8px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,633 @@
|
|||
@font-face {
|
||||
font-family: "Perspective Sans";
|
||||
src: url("fonts/PerspectiveSans-Regular.otf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Perspective Sans";
|
||||
src: url("fonts/PerspectiveSans-Italic.otf");
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Perspective Sans";
|
||||
src: url("fonts/PerspectiveSans-Bold.otf");
|
||||
font-weight: bold;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Perspective Sans";
|
||||
src: url("fonts/PerspectiveSans-BoldItalic.otf");
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Perspective Sans";
|
||||
src: url("fonts/PerspectiveSans-Black.otf");
|
||||
font-weight: 900;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Perspective Sans";
|
||||
src: url("fonts/PerspectiveSans-BlackItalic.otf");
|
||||
font-weight: 900;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Linux Biolinum";
|
||||
src: url("fonts/LinBiolinum_R.otf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Linux Biolinum";
|
||||
src: url("fonts/LinBiolinum_RI.otf");
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Linux Biolinum";
|
||||
src: url("fonts/LinBiolinum_RB.otf");
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
font-size : 1.2em;
|
||||
font-family : "Linux Biolinum";
|
||||
font-weight: 400;
|
||||
color : #404040;
|
||||
line-height : 1.5em;
|
||||
}
|
||||
|
||||
body, .body {
|
||||
padding-left : 2em;
|
||||
padding-right : 2em;
|
||||
padding-top : 1.5em;
|
||||
padding-bottom : 1.5em;
|
||||
}
|
||||
|
||||
body.commented {
|
||||
padding-left : 2em;
|
||||
padding-right : 240px;
|
||||
}
|
||||
|
||||
a {
|
||||
color : #00aff0;
|
||||
text-decoration : underline;
|
||||
}
|
||||
a:link { }
|
||||
a:visited { color : #306080; }
|
||||
a:focus { }
|
||||
a:hover { color : #1da64a; text-decoration : underline; }
|
||||
a:active { color : #1da64a; text-decoration : underline; }
|
||||
|
||||
a.button {
|
||||
color : white;
|
||||
background-color : #00aff0;
|
||||
padding : 4px;
|
||||
font-weight : bold;
|
||||
text-decoration : none;
|
||||
position : relative;
|
||||
top : 0px;
|
||||
left : 0px;
|
||||
right : 4px;
|
||||
bottom : 4px;
|
||||
box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
a.button:link { }
|
||||
a.button:visited { }
|
||||
a.button:focus { }
|
||||
a.button:hover { background-color : #bedc0a; }
|
||||
a.button:active {
|
||||
background-color : #bedc0a;
|
||||
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
|
||||
top : 4px;
|
||||
left : 4px;
|
||||
right : 0px;
|
||||
bottom : 0px;
|
||||
}
|
||||
a.button.active {
|
||||
background-color : black;
|
||||
cursor : default;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top : 0.1em;
|
||||
margin-bottom : 0.5em;
|
||||
text-align : justify;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-top : 5px;
|
||||
margin-bottom : 5px;
|
||||
border : 0px none transparent;
|
||||
height : 30px;
|
||||
background-color : transparent;
|
||||
background-image : url("../../media/logos/logo-A4.svg");
|
||||
background-size : 30px 21px;
|
||||
background-repeat : no-repeat;
|
||||
background-position : center;
|
||||
}
|
||||
hr:before, hr:after {
|
||||
content : '';
|
||||
height : 2px;
|
||||
width : calc(50% - 100px);
|
||||
background-color : #bedc0a;
|
||||
margin-top : 14px;
|
||||
}
|
||||
hr:before {
|
||||
float : left;
|
||||
margin-left : 50px;
|
||||
}
|
||||
hr:after {
|
||||
float : right;
|
||||
margin-right : 50px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size : 1.8em;
|
||||
padding : 0px;
|
||||
margin-top : 1.2em;
|
||||
}
|
||||
h2 {
|
||||
font-size : 1.5em;
|
||||
padding : 0px;
|
||||
margin-top : 1em;
|
||||
margin-bottom : 0.14em;
|
||||
text-decoration : underline;
|
||||
}
|
||||
h3 {
|
||||
font-size : 1.3em;
|
||||
padding : 0px;
|
||||
margin-top : 0.6em;
|
||||
margin-bottom : 0.12em;
|
||||
}
|
||||
h4 {
|
||||
font-size : 1.1em;
|
||||
padding : 0px;
|
||||
margin-top : 0.4em;
|
||||
margin-bottom : 0.1em;
|
||||
}
|
||||
|
||||
|
||||
ul {
|
||||
padding-left : 1.5em;
|
||||
}
|
||||
|
||||
ul li {
|
||||
margin-bottom : 0.5em;
|
||||
list-style-type : none;
|
||||
}
|
||||
ul li:before {
|
||||
content : '';
|
||||
float : left;
|
||||
width : 1.5em;
|
||||
height : 1.2em;
|
||||
vertical-align : top;
|
||||
margin : 0px;
|
||||
padding : 0px;
|
||||
margin-left : -1.5em;
|
||||
background-image : url('../images/Stichpunkt.svg');
|
||||
background-repeat : no-repeat;
|
||||
background-size : 0.8em 0.6em;
|
||||
background-position : center bottom;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
position : relative;
|
||||
padding : 0px;
|
||||
padding-left : 1em;
|
||||
margin : 0px;
|
||||
text-align : justify;
|
||||
}
|
||||
blockquote:before {
|
||||
content : '\201C';
|
||||
display : block;
|
||||
position : absolute;
|
||||
width : 0.4em;
|
||||
left : 0px;
|
||||
top : 3px;
|
||||
bottom : 0px;
|
||||
font-size : 2em;
|
||||
font-weight : bold;
|
||||
line-height : 0.2em;
|
||||
box-sizing : border-box;
|
||||
padding-top : 0.5em;
|
||||
margin-bottom : 0.2em;
|
||||
text-align : left;
|
||||
background-color : #efebdc;
|
||||
}
|
||||
|
||||
sub {
|
||||
line-height : 0.4em;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse : collapse;
|
||||
}
|
||||
|
||||
table td {
|
||||
border : 1px solid gray;
|
||||
padding : 3px;
|
||||
}
|
||||
table th {
|
||||
padding : 1px;
|
||||
vertical-align : bottom;
|
||||
}
|
||||
table.thborder th {
|
||||
border : 1px solid gray;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
.accepted {
|
||||
background-color: #CFC;
|
||||
}
|
||||
.rejected {
|
||||
background-color: #FCC;
|
||||
}
|
||||
|
||||
img.rejected {
|
||||
border: 8px solid #FCC;
|
||||
}
|
||||
|
||||
acceptance {
|
||||
display: none;
|
||||
}
|
||||
|
||||
commentnote {
|
||||
z-index: 1;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
float: left;
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
position : relative;
|
||||
white-space : pre-wrap;
|
||||
}
|
||||
|
||||
commentnote div {
|
||||
counter-increment: comment;
|
||||
position : absolute;
|
||||
right : calc(-100vw + 75px);
|
||||
top : 0px;
|
||||
max-height : 100px;
|
||||
width : 200px;
|
||||
overflow : hidden;
|
||||
background-color: #FFA;
|
||||
border : 2px solid #DA5;
|
||||
font-size: 17px;
|
||||
font-weight: normal;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
commentnote.redaction div {
|
||||
background-color: #CCF;
|
||||
}
|
||||
commentnote.accepted div {
|
||||
background-color: #CFC;
|
||||
}
|
||||
commentnote.rejected div {
|
||||
background-color: #FCC;
|
||||
}
|
||||
commentnote:hover {
|
||||
z-index: 2;
|
||||
}
|
||||
commentnote:hover div {
|
||||
max-height: 80vh;
|
||||
min-height: 100px;
|
||||
width: 80vw;
|
||||
right : calc(-100vw + 95px);
|
||||
}
|
||||
|
||||
commentnote:before {
|
||||
content : '';
|
||||
position : absolute;
|
||||
display : block;
|
||||
height : 2px;
|
||||
background-color: #DA5;
|
||||
width : calc(100vw - 275px);
|
||||
left : calc(0px);
|
||||
}
|
||||
|
||||
.footnotelink {
|
||||
font-size : 0.7em;
|
||||
font-weight : bold;
|
||||
line-height : 0.6em;
|
||||
}
|
||||
.footnotelink a:before {
|
||||
content : '[';
|
||||
}
|
||||
.footnotelink a:after {
|
||||
content : ']';
|
||||
}
|
||||
.footnotelink a {
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
footnote, .footnote {
|
||||
display : none;
|
||||
}
|
||||
|
||||
#footer footnote, #footer .footnote {
|
||||
display : block;
|
||||
padding-left : 3em;
|
||||
font-size : 0.9em;
|
||||
margin-bottom : 0.4em;
|
||||
}
|
||||
|
||||
#footer footnote .number, #footer .footnote .number {
|
||||
margin-left : -3em;
|
||||
display : inline-block;
|
||||
width : 2.5em;
|
||||
text-align : right;
|
||||
padding-right : 0.5em;
|
||||
}
|
||||
|
||||
#footer footnote.active, #footer .footnote.active {
|
||||
background-color : #efebdc;
|
||||
}
|
||||
|
||||
.videolink {
|
||||
float : right;
|
||||
margin : 4px;
|
||||
width : 80px;
|
||||
height : 40px;
|
||||
background-image : url('kamera.svg');
|
||||
background-size : contain;
|
||||
background-repeat : no-repeat;
|
||||
}
|
||||
.videolink:link { }
|
||||
.videolink:visited { }
|
||||
.videolink:focus { }
|
||||
.videolink:hover { width : 88px; height : 48px; margin : 0px; }
|
||||
.videolink:active { width : 88px; height : 48px; margin : 0px; }
|
||||
.videolink.left {
|
||||
float : left;
|
||||
}
|
||||
|
||||
|
||||
body .calendar ul.dates a {
|
||||
color : #3f3f3f;
|
||||
}
|
||||
|
||||
div.video-js {
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
overflow : hidden;
|
||||
}
|
||||
|
||||
.video-next-but, .video-prev-but {
|
||||
position : absolute;
|
||||
top : -50px;
|
||||
color : white;
|
||||
border : 1px solid white;
|
||||
padding : 4px;
|
||||
border-radius : 2px;
|
||||
font-weight : bold;
|
||||
font-size : 15px;
|
||||
text-decoration : none;
|
||||
z-index : 1;
|
||||
}
|
||||
|
||||
.video-next-but { right : 0px; }
|
||||
.video-prev-but { left : 0px; }
|
||||
|
||||
.video-next-but:hover, .video-prev-but:hover {
|
||||
color : white;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.vjs-menu-button-popup {
|
||||
background-image : url('Zahnrad.svg');
|
||||
background-size : contain;
|
||||
background-repeat : no-repeat;
|
||||
background-position : center;
|
||||
z-index : 2;
|
||||
}
|
||||
|
||||
.vjs-menu-button-popup div.vjs-menu {
|
||||
left : auto;
|
||||
right : 0px;
|
||||
}
|
||||
|
||||
|
||||
.figure {
|
||||
float : right;
|
||||
width : 40%;
|
||||
padding : 10px;
|
||||
margin-left : 20px;
|
||||
border : 1px solid #008bd0;
|
||||
position : relative;
|
||||
font-size : 0.9em;
|
||||
}
|
||||
.figure img {
|
||||
width : 100%;
|
||||
}
|
||||
|
||||
|
||||
svg * {
|
||||
font-family : 'Linux Biolinum';
|
||||
}
|
||||
|
||||
body .JSW.OuterBox .JSW.Title, body .video-js {
|
||||
font-family : 'Perspective Sans';
|
||||
}
|
||||
|
||||
|
||||
|
||||
ol.faq {
|
||||
counter-reset : faq;
|
||||
padding-left : 1.3em;
|
||||
}
|
||||
|
||||
ol.faq li {
|
||||
list-style-type : none;
|
||||
background-color : #efebdc;
|
||||
padding : 3px;
|
||||
margin-bottom : 6px;
|
||||
}
|
||||
|
||||
ol.faq li b {
|
||||
display : block;
|
||||
cursor : s-resize;
|
||||
}
|
||||
|
||||
ol.faq li b:before {
|
||||
counter-increment : faq;
|
||||
content : counter(faq) ". ";
|
||||
}
|
||||
|
||||
ol.faq li.open b {
|
||||
cursor : n-resize;
|
||||
}
|
||||
|
||||
ol.faq li:before {
|
||||
content : '';
|
||||
float : left;
|
||||
width : 1.3em;
|
||||
height : 1.2em;
|
||||
vertical-align : top;
|
||||
margin : 0px;
|
||||
padding : 0px;
|
||||
margin-left : -1.3em;
|
||||
background-image : url('../images/Stichpunkt.svg');
|
||||
background-repeat : no-repeat;
|
||||
background-size : 0.8em 0.6em;
|
||||
background-position : left bottom;
|
||||
transform : rotate(0deg);
|
||||
transition : transform 0.8s;
|
||||
transform-origin : 0.5em 1em;
|
||||
}
|
||||
|
||||
ol.faq li.open:before {
|
||||
transform : rotate(45deg);
|
||||
}
|
||||
|
||||
ol.faq li .compressing {
|
||||
overflow: hidden;
|
||||
transition : 0.5s;
|
||||
}
|
||||
ol.faq li.open .compressing {
|
||||
height : 0px !important;
|
||||
}
|
||||
|
||||
ol.faq li .expanding {
|
||||
max-height : 0px;
|
||||
overflow : hidden;
|
||||
margin-bottom : 0px;
|
||||
transition : 0.5s;
|
||||
transition-timing-function: linear(0, 0.9, 0.96, 0.975, 0.983, 0.99, 0.995, 1);
|
||||
}
|
||||
|
||||
ol.faq li.open .expanding {
|
||||
max-height : 10000px;
|
||||
margin-bottom : inherit;
|
||||
transition : 1s;
|
||||
transition-timing-function: linear(0, 0.005, 0.01, 0.017, 0.025, 0.04, 0.1, 1);
|
||||
}
|
||||
|
||||
ol.faq li .expanding:last-child {
|
||||
margin-bottom : 0px;
|
||||
}
|
||||
|
||||
|
||||
.carousel-item, .collection-items__item {
|
||||
display: inline-block;
|
||||
padding: 5px;
|
||||
padding-bottom: calc(1.2em + 5px);
|
||||
margin-right: 0px;
|
||||
width: 26vw;
|
||||
max-width: 350px;
|
||||
min-width: 230px;
|
||||
background-color: #efebdc;
|
||||
border: 3px solid #bedc0a;
|
||||
text-decoration: none;
|
||||
color : black;
|
||||
position : relative;
|
||||
}
|
||||
.carousel-item:hover, .collection-items__item:hover {
|
||||
border-color : #00aff0;
|
||||
color : black;
|
||||
text-decoration : none;
|
||||
}
|
||||
.carousel-item:active, .collection-items__item:active {
|
||||
color : black;
|
||||
text-decoration : none;
|
||||
}
|
||||
.carousel-item img, .collection-items__item img {
|
||||
width: 100%;
|
||||
}
|
||||
.carousel-item b, .collection-items__item b {
|
||||
font-size: 1.2em;
|
||||
display: block;
|
||||
}
|
||||
.collection-items {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.collection-items .collection-items__item {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.carousel__horizontal {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
overflow-x: scroll;
|
||||
-ms-overflow-style: none;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
.carousel__horizontal::-webkit-scrollbar {
|
||||
display : none;
|
||||
}
|
||||
|
||||
.carousel__horizontal .carousel-item {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.collection-items h2 {
|
||||
font-size: 1.3em;
|
||||
text-decoration: none;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.collection-items time {
|
||||
font-size: 1.2em;
|
||||
color: #444;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
right: 5px;
|
||||
font-style: italic;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.collection__list {
|
||||
padding: 0px;
|
||||
text-align: center;
|
||||
}
|
||||
.collection__list li {
|
||||
display: inline-block;
|
||||
margin-right : 20px;
|
||||
}
|
||||
.collection__list li:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.text-intro-image, .text-and-image__image, .event-intro__image {
|
||||
display: block;
|
||||
width: 80%;
|
||||
margin-left: 10%;
|
||||
}
|
||||
|
||||
aside {
|
||||
float: right;
|
||||
margin-left: 10px;
|
||||
width: 30%;
|
||||
border: 1px solid gray;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.event-intro__meta {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.dateList {
|
||||
list-style-type : none;
|
||||
}
|
||||
.dateList .date {
|
||||
font-weight : bold;
|
||||
}
|
||||
.dateList .date:after {
|
||||
content : ': ';
|
||||
}
|
||||
|
||||
.categoryList {
|
||||
text-align: center;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.categoryList .button {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,238 @@
|
|||
.JSW.OuterBox {
|
||||
padding-top : 22px;
|
||||
padding-left : 2px;
|
||||
padding-right : 2px;
|
||||
padding-bottom : 2px;
|
||||
min-width : 100px;
|
||||
min-height : 50px;
|
||||
background-color : #BBB;
|
||||
}
|
||||
.JSW.OuterBox.active { background-color : #888; }
|
||||
|
||||
.JSW .InnerBox {
|
||||
box-sizing : border-box;
|
||||
position : relative;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
border-right : 4px none transparent;
|
||||
border-bottom : 24px none transparent;
|
||||
overflow : auto;
|
||||
background-color : #FFF
|
||||
}
|
||||
.JSW.autoheight .InnerBox {
|
||||
height : auto;
|
||||
border-bottom : 0px none transparent;
|
||||
}
|
||||
.JSW.autowidth .InnerBox {
|
||||
width : auto;
|
||||
border-right : 0px none transparent;
|
||||
}
|
||||
.JSW.maximized .InnerBox {
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
border-right : 4px none transparent;
|
||||
border-bottom : 24px none transparent;
|
||||
}
|
||||
|
||||
|
||||
.JSW.FrameCover {
|
||||
position : absolute;
|
||||
top : 22px;
|
||||
left : 2px;
|
||||
right : 2px;
|
||||
bottom : 2px;
|
||||
background-color : transparent;
|
||||
}
|
||||
|
||||
.JSW.Disabled {
|
||||
position : absolute;
|
||||
top : 0px;
|
||||
left : 0px;
|
||||
right : 0px;
|
||||
bottom : 0px;
|
||||
}
|
||||
|
||||
.JSW.Bar {
|
||||
position : absolute;
|
||||
top : 2px;
|
||||
left : 5px;
|
||||
right : 5px;
|
||||
cursor : default;
|
||||
height : 20px;
|
||||
white-space : nowrap;
|
||||
line-height : 18px;
|
||||
color : #FFF;
|
||||
font-size : 12px;
|
||||
font-family : Arial;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
.JSW .JSW.Icon {
|
||||
height : 1em;
|
||||
width : 1em;
|
||||
display : inline;
|
||||
margin-right : 4px;
|
||||
}
|
||||
|
||||
.JSW.OuterBox .JSW.Title {
|
||||
margin : 0px;
|
||||
vertical-align : top;
|
||||
}
|
||||
|
||||
.JSW.Buttons {
|
||||
position : absolute;
|
||||
top : 0px;
|
||||
right : 0px;
|
||||
}
|
||||
.JSW.Buttons a {
|
||||
cursor : default;
|
||||
color : #FFF;
|
||||
display : inline-block;
|
||||
padding : 0px;
|
||||
height : 18px;
|
||||
width : 18px;
|
||||
margin-top : 1px;
|
||||
margin-left : 1px;
|
||||
vertical-align : top;
|
||||
background-color : #444;
|
||||
text-align : center;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.JSW.ButtonClose:before { content : 'X'; }
|
||||
.JSW.ButtonMinimize:before { content : '\2581'; }
|
||||
.JSW.ButtonMaximize:before { content : '\25AD'; }
|
||||
.JSW.ButtonExclude:before { content : '\2594'; }
|
||||
|
||||
.JSW.Buttons.nonexcludable .ButtonExclude { display : none; }
|
||||
.JSW.Buttons.nonminimizable .ButtonMinimize { display : none; }
|
||||
.JSW.Buttons.nonmaximizable .ButtonMaximize { display : none; }
|
||||
.JSW.Buttons.nonclosable .ButtonClose { display : none; }
|
||||
|
||||
.JSW.BarExtension {
|
||||
position : absolute;
|
||||
top : 22px;
|
||||
left : 2px;
|
||||
right : 2px;
|
||||
overflow : hidden;
|
||||
height : 0px;
|
||||
background : #1A991A;
|
||||
background : var(--low-color);
|
||||
}
|
||||
.JSW.active .BarExtension {
|
||||
background : #0E9A0E;
|
||||
background : var(--active-low-color);
|
||||
}
|
||||
|
||||
|
||||
.JSW.BorderTop {
|
||||
position : absolute;
|
||||
top : 0px;
|
||||
left : 5px;
|
||||
right : 5px;
|
||||
cursor : n-resize;
|
||||
height : 0px;
|
||||
border-top : 2.1px solid #444;
|
||||
}
|
||||
.JSW.nonresizable .BorderTop { cursor : default; }
|
||||
|
||||
.JSW.BorderBottom {
|
||||
position : absolute;
|
||||
bottom : 0px;
|
||||
left : 5px;
|
||||
right : 5px;
|
||||
cursor : n-resize;
|
||||
height : 0px;
|
||||
border-top : 2.1px solid #444;
|
||||
}
|
||||
.JSW.nonresizable .BorderBottom { cursor : default; }
|
||||
|
||||
.JSW.BorderRight {
|
||||
position : absolute;
|
||||
top : 22px;
|
||||
right : 0px;
|
||||
bottom : 5px;
|
||||
cursor : e-resize;
|
||||
width : 0px;
|
||||
border-left : 2.1px solid #444;
|
||||
}
|
||||
.JSW.nonresizable .BorderRight { cursor : default; }
|
||||
|
||||
.JSW.BorderLeft {
|
||||
position : absolute;
|
||||
bottom : 5px;
|
||||
left : 0px;
|
||||
top : 22px;
|
||||
cursor : e-resize;
|
||||
width : 0px;
|
||||
border-right : 2.1px solid #444;
|
||||
}
|
||||
.JSW.nonresizable .BorderLeft { cursor : default; }
|
||||
|
||||
.JSW.EdgeTopLeft {
|
||||
position : absolute;
|
||||
top : 0px;
|
||||
left : 0px;
|
||||
cursor : nw-resize;
|
||||
width : 5px;
|
||||
height : 22px;
|
||||
border-top : 2.1px solid #444;
|
||||
border-left : 2.1px solid #444;
|
||||
}
|
||||
.JSW.nonresizable .EdgeTopLeft { cursor : default; }
|
||||
|
||||
.JSW.EdgeTopRight {
|
||||
position : absolute;
|
||||
top : 0px;
|
||||
right : 0px;
|
||||
cursor : ne-resize;
|
||||
width : 5px;
|
||||
height : 22px;
|
||||
border-top : 2.1px solid #444;
|
||||
border-right : 2.1px solid #444;
|
||||
}
|
||||
.JSW.nonresizable .EdgeTopRight { cursor : default; }
|
||||
|
||||
.JSW.EdgeBottomLeft {
|
||||
position : absolute;
|
||||
bottom : 0px;
|
||||
left : 0px;
|
||||
cursor : ne-resize;
|
||||
width : 5px;
|
||||
height : 5px;
|
||||
border-bottom : 2.1px solid #444;
|
||||
border-left : 2.1px solid #444;
|
||||
}
|
||||
.JSW.nonresizable .EdgeBottomLeft { cursor : default; }
|
||||
|
||||
.JSW.EdgeBottomRight {
|
||||
position : absolute;
|
||||
bottom : 0px;
|
||||
right : 0px;
|
||||
cursor : nw-resize;
|
||||
width : 5px;
|
||||
height : 5px;
|
||||
border-bottom : 2px solid #444;
|
||||
border-right : 2px solid #444;
|
||||
}
|
||||
.JSW.nonresizable .EdgeBottomRight { cursor : default; }
|
||||
|
||||
.JSW.OuterBox.excluded {
|
||||
box-sizing : border-box;
|
||||
}
|
||||
|
||||
.JSW.OuterBox.maximized {
|
||||
padding-left : 0px;
|
||||
padding-right : 0px;
|
||||
padding-bottom : 0px;
|
||||
position : fixed !important;
|
||||
}
|
||||
.JSW.maximized .EdgeTopLeft { display : none; }
|
||||
.JSW.maximized .EdgeTopRight { display : none; }
|
||||
.JSW.maximized .EdgeBottomLeft { display : none; }
|
||||
.JSW.maximized .EdgeBottomRight { display : none; }
|
||||
.JSW.maximized .BorderTop { cursor : default; left : 0px; right : 0px; }
|
||||
.JSW.maximized .BorderLeft { display : none; }
|
||||
.JSW.maximized .BorderRight { display : none; }
|
||||
.JSW.maximized .BorderBottom { display : none; }
|
||||
.JSW.maximized .Bar { left : 0px; right : 0px; }
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue