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.
tdf-2023-webseite/styles.css

133 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 {
background: #40264c;
background-image: url("image/neon-scene.png");
background-repeat: no-repeat;
background-position: center top;
margin: 0;
}
#content {
max-width: 1000px;
2 years ago
margin: 0 auto;
padding: 0 75px;
}
#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;
margin-block-end: 0em;
2 years ago
}
.box {
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;
}
2 years ago
.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;
}