aboutsummaryrefslogtreecommitdiff
path: root/configs/conferences
diff options
context:
space:
mode:
authordedeibel2018-12-22 16:28:50 +0100
committerdedeibel2018-12-22 16:28:50 +0100
commitb2dd1ada2d1019a2a5b8aea5b1f407048678744e (patch)
treeb07ca27076296f2b9924239549a87ff1270338b5 /configs/conferences
parent5cf60d75d09e582bae41660fb22eba168771755a (diff)
35c3: improved responsiveness
Diffstat (limited to 'configs/conferences')
-rw-r--r--configs/conferences/35c3/config.php3
-rw-r--r--configs/conferences/35c3/main.less75
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 {