aboutsummaryrefslogtreecommitdiff
path: root/assets/css/src/lustige-styles.scss
diff options
context:
space:
mode:
authorMaZderMind2014-12-09 13:16:00 +0100
committerMaZderMind2014-12-12 14:34:22 +0100
commit99cf0bc71e19a2f05357a891cbc8bc1fd14da483 (patch)
treecaf87507a549eef8bb0a560f110120480953d046 /assets/css/src/lustige-styles.scss
parent0cca2efa5173a3a6543a40143bf2e4ed14d4de3d (diff)
use white logo instead of ugly box, use fallback image, keep option for video-blur-image
Diffstat (limited to 'assets/css/src/lustige-styles.scss')
-rw-r--r--assets/css/src/lustige-styles.scss27
1 files changed, 20 insertions, 7 deletions
diff --git a/assets/css/src/lustige-styles.scss b/assets/css/src/lustige-styles.scss
index 2f56ca9..627b230 100644
--- a/assets/css/src/lustige-styles.scss
+++ b/assets/css/src/lustige-styles.scss
@@ -3,6 +3,14 @@
@import "variables";
@import "../lib/bootstrap";
+// primary plan: video
+//$bg: '../img/video-blur.jpg';
+//$bgscale: true;
+
+// fallback-plan: 31C3 artwork based background
+$bg: '../img/bg.png';
+$bgscale: false;
+
$max-width: $container-lg;
/* main layout */
@@ -77,7 +85,7 @@ p {
.navbar {
border: none;
- background-image: url('../img/video-blur.jpg');
+ background-image: url($bg);
background-position: 50% 75;
body.rooms & {
@@ -264,24 +272,29 @@ a.inverted {
}
/* banner area */
+@if $bgscale {
+ @media all and (min-width: 1920px) {
+ .banner {
+ background-repeat: no-repeat;
+ background-size: 100% auto;
+ }
+ }
+}
.banner {
width: 100%;
height: 280px;
overflow: hidden;
text-align: center;
- background-image: url('../img/video-blur.jpg');
+ background-image: url($bg);
background-position: 50% 50%;
+ background-repeat: repeat-x;
position: relative;
.logo {
position: relative;
z-index: 1;
display: inline-block;
- margin-top: 12px;
-
- padding: 25px;
- border: 1px solid $transparent-white;
- background-color: $transparent-white;
+ margin-top: 37px;
}
}