diff options
Diffstat (limited to 'configs/conferences')
| -rw-r--r-- | configs/conferences/35c3/config.php | 3 | ||||
| -rw-r--r-- | configs/conferences/35c3/main.less | 75 |
2 files changed, 61 insertions, 17 deletions
diff --git a/configs/conferences/35c3/config.php b/configs/conferences/35c3/config.php index 8f24b94..166dca7 100644 --- a/configs/conferences/35c3/config.php +++ b/configs/conferences/35c3/config.php @@ -90,7 +90,8 @@ $CONFIG['CONFERENCE'] = array( */ 'BANNER_HTML' => ' <h1>35C3 REFRESHING MEMORIES</h1> - <img src="configs/conferences/35c3/assets/min/35C3_Logo-mit-Verlauf.svg" alt="35C3 refreshing memories logo"/> + <img class="block" src="configs/conferences/35c3/assets/min/35C3_Logo-mit-Verlauf.svg" alt="35C3 refreshing memories logo block"/> + <img class="inline" src="configs/conferences/35c3/assets/logo-inline.svg" alt="35C3 refreshing memories logo inline"/> ', /** diff --git a/configs/conferences/35c3/main.less b/configs/conferences/35c3/main.less index b221101..88a34b6 100644 --- a/configs/conferences/35c3/main.less +++ b/configs/conferences/35c3/main.less @@ -91,6 +91,10 @@ body { .font-running-text(); font-size: 13pt; + + @media (max-width: 498px) { /* when the navbar breaks */ + padding: 165px 0; + } } nav.navbar { @@ -100,15 +104,25 @@ nav.navbar { color: white; } - a.feedback, a.releases, a.about { - color: @color-nav-icons; - background-color: transparent; - border-color: @color-nav-icons; + .navbar-right { + text-align: right; - &:hover { - color: black; - background-color: @color-nav-icons; + .btn-ssl, a.feedback, a.releases, a.about { + color: @color-nav-icons; + background-color: transparent; border-color: @color-nav-icons; + + &:hover { + color: black; + background-color: @color-nav-icons; + border-color: @color-nav-icons; + } + } + + .btn-ssl.btn-warning { + color: grey; + background: transparent; + border-color: grey; } } @@ -141,16 +155,45 @@ h4 { display: none; } - img { /* TODO make responsive */ - width: 15%; - margin: 20px; - position: fixed; + img { + display: none; } - &:after { - content: ''; - display: block; - height: 30px; + @media (min-width: 1730px) { + img.block { + width: 15%; + margin: 20px; + position: fixed; + display: block; + } + + &:after { + content: ''; + display: block; + height: 30px; + } + } + + @media (max-width: 1729px) { + img.inline { + display: inline-block; + width: 55%; + padding: 30px 0 15px 0; + } + + text-align: center; + } + + @media (max-width:@screen-sm-max) { + img.inline { + width: 75%; + } + } + + @media (max-width:@screen-xs-max) { + img.inline { + width: 90%; + } } } @@ -251,7 +294,7 @@ div.row.recordings div:nth-child(3) .panel { .room { .panel-body { - height: 190px; + min-height: 190px; } &:hover { |