Martin Braun
1 month ago
|
Before Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 146 KiB |
|
Before Width: | Height: | Size: 251 KiB After Width: | Height: | Size: 424 KiB |
|
Before Width: | Height: | Size: 165 KiB After Width: | Height: | Size: 165 KiB |
|
Before Width: | Height: | Size: 143 KiB After Width: | Height: | Size: 146 KiB |
|
Before Width: | Height: | Size: 9.6 KiB |
|
Before Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 972 KiB After Width: | Height: | Size: 981 KiB |
|
Before Width: | Height: | Size: 1.2 MiB |
@ -0,0 +1,314 @@ |
||||
@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: #93799C; |
||||
padding: 0; |
||||
margin: 0; |
||||
} |
||||
|
||||
.background { |
||||
background-image: url("image/neon-scene.png"); |
||||
background-repeat: no-repeat; |
||||
background-position: center top; |
||||
background-attachment: fixed; |
||||
padding-top: 20px; |
||||
margin: 0; |
||||
} |
||||
|
||||
#map { |
||||
background-image: url("image/map.png"); |
||||
} |
||||
|
||||
.banner { |
||||
vertical-align: middle; |
||||
position: absolute; |
||||
top: 20px; |
||||
left: 0; |
||||
bottom: 0; |
||||
margin: 0; |
||||
padding: 0; |
||||
width: 100%; |
||||
height: auto; |
||||
} |
||||
|
||||
#banner-1 { |
||||
mix-blend-mode: screen; |
||||
} |
||||
|
||||
#banner-2 { |
||||
mix-blend-mode: hard-light; |
||||
} |
||||
|
||||
#banner-3 { |
||||
mix-blend-mode: normal; |
||||
} |
||||
|
||||
.box { |
||||
background: #401E13; |
||||
margin-bottom: 2em; |
||||
padding: 1em 2em 0.7em 1em; |
||||
border-style: solid; |
||||
border-color: #FF668C; |
||||
border-width: 2px; |
||||
box-shadow: 0px 0px 10px 0px rgba(255, 0, 255, 0.5), |
||||
inset 0px 0px 10px 0px rgba(255, 0, 255, 0.5); |
||||
background-blend-mode: soft-light; |
||||
background-size: auto 100%; |
||||
background-repeat: no-repeat; |
||||
background-position: right; |
||||
background-blend-mode: luminosity; |
||||
text-shadow: 0px 0px 5px #1C0A04, |
||||
0px 0px 10px #1C0A04, |
||||
0px 0px 15px #1C0A04, |
||||
0px 0px 20px #1C0A04, |
||||
0px 0px 25px #1C0A04, |
||||
0px 0px 30px #1C0A04; |
||||
} |
||||
|
||||
#participate { |
||||
background-image: url("image/participate.png"); |
||||
} |
||||
|
||||
#content { |
||||
max-width: 1000px; |
||||
margin: 0 auto; |
||||
padding: 0 75px; |
||||
} |
||||
|
||||
#event { |
||||
background-image: url("image/network.png"); |
||||
} |
||||
|
||||
#assemblies { |
||||
background-image: url("image/assemblies.png"); |
||||
} |
||||
|
||||
#sponsor { |
||||
background-image: url("image/sponsor.png"); |
||||
} |
||||
|
||||
#ctt { |
||||
background-image: url("image/pesthoenchen.png"); |
||||
} |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#costs { |
||||
background-image: url("image/costs.png"); |
||||
background-position: bottom; |
||||
background-size: 100% auto; |
||||
} |
||||
|
||||
.banner-box { |
||||
position: relative; |
||||
height: 400px; |
||||
} |
||||
|
||||
|
||||
.right-align { |
||||
text-align: right; |
||||
} |
||||
|
||||
p, |
||||
h2, h3, li { |
||||
color: #ced7f2; |
||||
} |
||||
|
||||
a { |
||||
color: #e5ebff; |
||||
} |
||||
|
||||
p, |
||||
a, |
||||
li { |
||||
font-family: "TitilliumWeb-Regular"; |
||||
font-size: 1.2em; |
||||
} |
||||
|
||||
li { |
||||
font-size: "TitilliumWeb-Regular"; |
||||
font-size: 1.0em; |
||||
} |
||||
|
||||
ul { |
||||
list-style-type: none; |
||||
padding-left: 0; |
||||
} |
||||
|
||||
ul li { |
||||
padding-left: 20px; |
||||
margin-top: 0px; |
||||
margin-bottom: 0px; |
||||
position: relative; |
||||
} |
||||
|
||||
ul li:before { |
||||
content: ""; |
||||
width: 8px; |
||||
height: 8px; |
||||
background-color: #e5ebff; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 50%; |
||||
transform: translateY(-50%); |
||||
} |
||||
|
||||
h2 { |
||||
font-family: "TitilliumWeb-Bold"; |
||||
text-transform: uppercase; |
||||
font-size: 3em; |
||||
margin-top: 0em; |
||||
margin-block-end: 0em; |
||||
} |
||||
|
||||
b { |
||||
font-family: "TitilliumWeb-Bold"; |
||||
} |
||||
|
||||
h3, |
||||
.big { |
||||
font-family: "TitilliumWeb-Bold"; |
||||
font-size: 1.5em; |
||||
margin-top: 0; |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.label { |
||||
margin-bottom: 0; |
||||
} |
||||
|
||||
.label-sub { |
||||
margin-top: 0; |
||||
} |
||||
|
||||
.flex { |
||||
height: 200px; |
||||
display: flex; |
||||
margin-bottom: 1em; |
||||
} |
||||
|
||||
.box-sub { |
||||
display: flex; |
||||
flex: 33.33%; |
||||
padding: 10%; |
||||
background: #352040; |
||||
padding: 1em 2em 0.7em; |
||||
background-blend-mode: soft-light; |
||||
background-repeat: no-repeat; |
||||
background-blend-mode: normal; |
||||
} |
||||
|
||||
#sponsor-pagina { |
||||
margin-right: 20px; |
||||
margin-top: 35px; |
||||
max-width: 100px; |
||||
max-height: 150px; |
||||
background-image: url("image/pagina_logo.png"); |
||||
} |
||||
|
||||
#sponsor-daasi { |
||||
margin-top: 50px; |
||||
max-width: 100px; |
||||
max-height: 150px; |
||||
background-image: url("image/daasi_logo.png"); |
||||
} |
||||
|
||||
#sponsor-tuebingen { |
||||
margin-top: 35px; |
||||
max-width: 100px; |
||||
max-height: 150px; |
||||
background-image: url("image/tuebingen_logo.png"); |
||||
} |
||||
|
||||
#sponsor-no-budget { |
||||
margin-right: 20px; |
||||
margin-top: 50px; |
||||
max-width: 300px; |
||||
max-height: 150px; |
||||
background-image: url("image/no_budget_logo.svg"); |
||||
} |
||||
|
||||
#veranstalter-ctt { |
||||
width: 150px; |
||||
height: 150px; |
||||
background-image: url("image/CCTLogo.webp"); |
||||
background-size: auto 100%; |
||||
} |
||||
|
||||
#veranstalter-shedhalle { |
||||
margin-top: 2em; |
||||
height: 136px; |
||||
width: 38px; |
||||
background-image: url("image/shedhalle_logo.png"); |
||||
} |
||||
|
||||
#veranstalter-kims { |
||||
margin-top: 2em; |
||||
width: 150px; |
||||
height: 150px; |
||||
background-image: url("image/kims_logo.png"); |
||||
} |
||||
|
||||
.verlinkung { |
||||
display: block; |
||||
height: 100%; |
||||
width: 100%; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
.button-container { |
||||
display: flex; |
||||
justify-content: center; |
||||
align-items: center; |
||||
height: 100%; |
||||
} |
||||
|
||||
.button { |
||||
display: inline-block; |
||||
padding: 20px 40px; |
||||
font-size: 24px; |
||||
font-weight: bold; |
||||
text-decoration: none; |
||||
color: #000; |
||||
background-color: #ced7f2; |
||||
border: none; |
||||
cursor: pointer; |
||||
transition: background-color 0.3s ease; |
||||
border-radius: 0; |
||||
margin: 0 auto; |
||||
text-shadow: none; |
||||
} |
||||
|
||||
#languages { |
||||
position: fixed; |
||||
top: 19px; |
||||
right: 10%; |
||||
transform: translateY(-50%); |
||||
background-color: #401E13; |
||||
padding: 10px; |
||||
padding-bottom: 3px; |
||||
z-index: 9999; |
||||
} |
||||
|
||||
.image-bar { |
||||
display: flex; |
||||
width: 100%; |
||||
justify-content: space-around; |
||||
align-items: center; |
||||
background-color: #f0f0f0; |
||||
padding: 10px; |
||||
} |
||||
.image-bar img { |
||||
max-height: 100px; |
||||
margin: 0 10px; |
||||
} |
||||