From f1c16f44053f35303c5927356286b87306a641a6 Mon Sep 17 00:00:00 2001 From: MaZderMind Date: Sun, 25 Dec 2016 18:48:53 +0100 Subject: reduce video-width on smartphones --- configs/conferences/33c3/main.less | 17 ++++++++++++++--- 1 file changed, 14 insertions(+), 3 deletions(-) (limited to 'configs/conferences/33c3') diff --git a/configs/conferences/33c3/main.less b/configs/conferences/33c3/main.less index 69c95c0..6956ae3 100644 --- a/configs/conferences/33c3/main.less +++ b/configs/conferences/33c3/main.less @@ -181,15 +181,26 @@ h1, h2, body.overview .room a.title, body.overview .panel-primary a, .navbar-bra h1 { display: none; } video { + @width: 810px; + @height: 388px; + display: block; - width: 810px/2; - height: 388px/2; + width: @width/2; + height: @height/2; margin: 0; left: 50%; - margin-left: -810px/2/2; + margin-left: -@width/2/2; position: absolute; bottom: -25px; + + @media (max-width: @screen-xs-max) { + width: @width/3; + height: @height/3; + margin: 0; + + margin-left: -@width/3/2; + } } } -- cgit v1.2.3