marvin
/
tdf-webseite
forked from CTT/tdf-webseite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix background color being only 1000px wide in chromium-based browsers

Browse Source
main
Marco von Rosenberg 2 years ago
parent c9cc26b42a
commit b9be145760
2 changed files with 82 additions and 79 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      index.html
  2. 49
      styles.css

2
index.html
Unescape View File

@ -6,6 +6,7 @@
<title>2. Tübinger Tag der digitalen Freiheit</title> <title>2. Tübinger Tag der digitalen Freiheit</title>
</head> </head>
<body> <body>
<div id="content">
<img id="banner" src="image/tdf-web-wide.png" alt="Tag der digitalen Freiheit" /> <img id="banner" src="image/tdf-web-wide.png" alt="Tag der digitalen Freiheit" />
<div class="box" id="event"> <div class="box" id="event">
<h2>Das Event</h2> <h2>Das Event</h2>
@ -62,5 +63,6 @@
<div> <div>
<h2>Sponsoren</h2> <h2>Sponsoren</h2>
</div> </div>
</div>
</body> </body>
</html> </html>

49
styles.css
Unescape View File

@ -12,37 +12,19 @@
body { body {
max-width: 1000px;
background: #40264c; background: #40264c;
background-image: url("image/neon-scene.png"); background-image: url("image/neon-scene.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center top; background-position: center top;
}
#content {
max-width: 1000px;
margin: 0 auto; margin: 0 auto;
padding: 0 75px; padding: 0 75px;
margin-bottom: 4em; 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 { #event {
background-image: url("image/event.png"); background-image: url("image/event.png");
padding-right: 15%; padding-right: 15%;
@ -75,8 +57,6 @@ div {
background-size: 100% auto; background-size: 100% auto;
} }
#banner { #banner {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -111,6 +91,27 @@ h2 {
margin-top: 0em; margin-top: 0em;
} }
.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;
}
.big { .big {
font-family: "TitilliumWeb-Bold"; font-family: "TitilliumWeb-Bold";
font-size: 1.5em; font-size: 1.5em;

Write Preview
Loading…
Cancel
Save