forked from cal/tdf-2023-webseite
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
131 lines
2.1 KiB
131 lines
2.1 KiB
2 years ago
|
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'TitilliumWeb-Regular';
|
||
|
|
src: url('font/TitilliumWeb-Regular.ttf');
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: 'TitilliumWeb-Bold';
|
||
|
|
src: url('font/TitilliumWeb-Bold.ttf');
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
body {
|
||
|
|
max-width: 1000px;
|
||
|
|
background: #40264c;
|
||
|
|
background-image: url("image/neon-scene.png");
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: center top;
|
||
|
|
margin: 0 auto;
|
||
|
|
padding: 0 75px;
|
||
|
|
margin-bottom: 4em;
|
||
|
|
}
|
||
|
|
|
||
|
|
div {
|
||
|
|
background: #352040;
|
||
|
|
margin-bottom: 2em;
|
||
|
|
padding: 1em 2em 0.7em;
|
||
|
|
border-style: solid;
|
||
|
|
border-color: #1473cc;
|
||
|
|
border-width: 1px;
|
||
|
|
box-shadow: 0px 0px 10px 0px rgba(0, 255, 255, 0.5),
|
||
|
|
inset 0px 0px 10px 0px rgba(0, 255, 255, 0.5);
|
||
|
|
background-blend-mode: soft-light;
|
||
|
|
background-size: auto 100%;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: right;
|
||
|
|
text-shadow: 0px 0px 5px #352040,
|
||
|
|
0px 0px 10px #352040,
|
||
|
|
0px 0px 15px #352040,
|
||
|
|
0px 0px 20px #352040,
|
||
|
|
0px 0px 25px #352040,
|
||
|
|
0px 0px 30px #352040;
|
||
|
|
}
|
||
|
|
|
||
|
|
#event {
|
||
|
|
background-image: url("image/event.png");
|
||
|
|
padding-right: 15%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#dates {
|
||
|
|
background-image: url("image/dates.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
#ctt {
|
||
|
|
background-image: url("image/CCTLogo.webp");
|
||
|
|
background-blend-mode: multiply;
|
||
|
|
padding-right: 25%;
|
||
|
|
background-size: auto 80%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#shedhalle {
|
||
|
|
background-image: url("image/shedhalle.png");
|
||
|
|
padding-right: 15%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#assemblies {
|
||
|
|
background-image: url("image/assemblies.png");
|
||
|
|
background-position: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#costs {
|
||
|
|
background-image: url("image/costs.png");
|
||
|
|
background-position: bottom;
|
||
|
|
background-size: 100% auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
#banner {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: auto;
|
||
|
|
mix-blend-mode: lighten;
|
||
|
|
}
|
||
|
|
|
||
|
|
.right-align {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
p,
|
||
|
|
h2 {
|
||
|
|
color: #ffff00;
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: #ffffaa;
|
||
|
|
}
|
||
|
|
|
||
|
|
p,
|
||
|
|
a {
|
||
|
|
font-family: "TitilliumWeb-Regular";
|
||
|
|
font-size: 1.2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2 {
|
||
|
|
font-family: "TitilliumWeb-Bold";
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-size: 3em;
|
||
|
|
margin-top: 0em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.big {
|
||
|
|
font-family: "TitilliumWeb-Bold";
|
||
|
|
font-size: 1.5em;
|
||
|
|
margin-top: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.label {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.label-sub {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul {
|
||
|
|
list-style: none;
|
||
|
|
}
|