diff options
| author | Joachim Tingvold <joachim@tingvold.com> | 2015-04-01 03:42:56 +0200 |
|---|---|---|
| committer | root <root@einstein.tg15.gathering.org> | 2015-04-01 03:42:56 +0200 |
| commit | 14e0453b2e74e7a93a092a2cfec46dabbcd2ab65 (patch) | |
| tree | cae83c79299f8bcaf1226f650321c2a0502ae0e4 /web/stream.gathering.org/resources/css | |
| parent | 132fc7e577c591caa290b3d7f44700ef77f2b3f7 (diff) | |
Changes for streampage for TG15
Diffstat (limited to 'web/stream.gathering.org/resources/css')
| -rw-r--r-- | web/stream.gathering.org/resources/css/core.css | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/web/stream.gathering.org/resources/css/core.css b/web/stream.gathering.org/resources/css/core.css index 5a7a6f0..536cb89 100644 --- a/web/stream.gathering.org/resources/css/core.css +++ b/web/stream.gathering.org/resources/css/core.css @@ -3,6 +3,19 @@ body { color: #FFFFFF; } +*:fullscreen { + position:fixed; + top:0; + right:0; + bottom:0; + left:0; + margin:0; + box-sizing: border-box; + width:100%; + height:100%; + object-fit: contain; +} + .button { font-weight: bold; color: #333; @@ -66,6 +79,8 @@ body { } .stream-icon { + width: 51px; + height: 52px; display: inline-block; } @@ -90,6 +105,48 @@ body { padding-top: 50px; } +.bubble +{ + position: relative; + width: 100%; + height: 100%; + padding: 0px; + background: #FFFFFF; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + border: #7F7F7F solid 2px; + padding: 10px; +} + + .bubble:after + { + content: ''; + position: absolute; + border-style: solid; + border-width: 16px 12px 0; + border-color: #FFFFFF transparent; + display: block; + width: 0; + z-index: 1; + bottom: -15px; + left: 130px; + } + + .bubble:before + { + content: ''; + position: absolute; + border-style: solid; + border-width: 17px 13px 0; + border-color: #7F7F7F transparent; + display: block; + width: 0; + z-index: 0; + bottom: -19px; + left: 129px; + } + /* Bigger than 550 */ @media (min-width: 550px) { .section { @@ -110,6 +167,8 @@ body { .videoframe { margin-left: -160px; } + .videoframe:-webkit-full-screen { margin-left: 0px; } + .videoframe:-moz-full-screen { margin-left: 0px; } } /* Bigger than 920 */ @@ -132,6 +191,8 @@ body { .videoframe { margin-left: -250px; } + .videoframe:-webkit-full-screen { margin-left: 0px; } + .videoframe:-moz-full-screen { margin-left: 0px; } } /* Bigger than 1200 */ @@ -152,6 +213,8 @@ body { .videoframe { margin-left: -350px; } + .videoframe:-webkit-full-screen { margin-left: 0px; } + .videoframe:-moz-full-screen { margin-left: 0px; } } /* Bigger than 1600 */ @@ -174,4 +237,6 @@ body { .videoframe { margin-left: -480px; } + .videoframe:-webkit-full-screen { margin-left: 0px; } + .videoframe:-moz-full-screen { margin-left: 0px; } }
\ No newline at end of file |