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

Add .gitignore
3 changed files with 120 additions and 79 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,38 @@
 # Created by https://www.toptal.com/developers/gitignore/api/macos
 # Edit at https://www.toptal.com/developers/gitignore?templates=macos
 ### macOS ###
 # General
 .DS_Store
 .AppleDouble
 .LSOverride
 # Icon must end with two \r
 Icon
 # Thumbnails
 ._*
 # Files that might appear in the root of a volume
 .DocumentRevisions-V100
 .fseventsd
 .Spotlight-V100
 .TemporaryItems
 .Trashes
 .VolumeIcon.icns
 .com.apple.timemachine.donotpresent
 # Directories potentially created on remote AFP share
 .AppleDB
 .AppleDesktop
 Network Trash Folder
 Temporary Items
 .apdisk
 ### macOS Patch ###
 # iCloud generated files
 *.icloud
 # End of https://www.toptal.com/developers/gitignore/api/macos
--- a/index.html
+++ b/index.html
@ -6,6 +6,7 @@
 		<title>2. Tübinger Tag der digitalen Freiheit</title>
 	</head>
 	<body>
 		<div id="content">
 			<img id="banner" src="image/tdf-web-wide.png" alt="Tag der digitalen Freiheit" />
 			<div class="box" id="event">
 				<h2>Das Event</h2>
@ -62,5 +63,6 @@
 			<div>
 				<h2>Sponsoren</h2>
 			</div>
 		</div>
 	</body>
 </html>
--- a/styles.css
+++ b/styles.css
@ -12,37 +12,19 @@
 body {
 	max-width: 1000px;
 	background: #40264c;
 	background-image: url("image/neon-scene.png");
 	background-repeat: no-repeat;
 	background-position: center top;
 }
 #content {
 	max-width: 1000px;
 	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%;
@ -75,8 +57,6 @@ div {
 	background-size: 100% auto;
 }
 #banner {
 	margin: 0;
 	padding: 0;
@ -111,6 +91,27 @@ h2 {
 	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 {
 	font-family: "TitilliumWeb-Bold";
 	font-size: 1.5em;
Author	SHA1	Message	Date
Marco von Rosenberg	b9be145760	Fix background color being only 1000px wide in chromium-based browsers	2 years ago
Marco von Rosenberg	c9cc26b42a	Add .gitignore	2 years ago