diff options
author | Christopher Speller <crspeller@gmail.com> | 2016-03-15 14:05:05 -0400 |
---|---|---|
committer | Christopher Speller <crspeller@gmail.com> | 2016-03-15 14:05:05 -0400 |
commit | 3745204097b2f03cd5f3fc1292ea62fb4f931232 (patch) | |
tree | 3380ee0fd2341dac1814aed8cf851bfe274a21a7 /web/sass-files/sass/components/_videos.scss | |
parent | bf7ae0711743926cfbb031675cc3320d7a942465 (diff) | |
parent | 7d79a916dd58d51989d35721060cfca6dce1baca (diff) | |
download | chat-3745204097b2f03cd5f3fc1292ea62fb4f931232.tar.gz chat-3745204097b2f03cd5f3fc1292ea62fb4f931232.tar.bz2 chat-3745204097b2f03cd5f3fc1292ea62fb4f931232.zip |
Merge pull request #2429 from asaadmahmoodspin/ui-improvements
PLT-963 - Improving scss structure
Diffstat (limited to 'web/sass-files/sass/components/_videos.scss')
-rw-r--r-- | web/sass-files/sass/components/_videos.scss | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/web/sass-files/sass/components/_videos.scss b/web/sass-files/sass/components/_videos.scss new file mode 100644 index 000000000..91db750bd --- /dev/null +++ b/web/sass-files/sass/components/_videos.scss @@ -0,0 +1,66 @@ +@charset 'UTF-8'; + +.video-div { + position: relative; + max-width: 480px; + margin-bottom: 8px; + .video-thumbnail { + max-width: 100%; + height: auto; + } + .block { + background-color: rgba(0,0,0,.5); + border-radius: 10px; + position: absolute; + top: 50%; + left: 50%; + margin-top: -100px; + width: 200px; + margin: -75px 0 0 -100px; + height: 150px; + } +} + +.video-type { + @include opacity(.8); + font-size: 15px; + margin: 0px; + padding: 0px; +} + +.video-title { + font-size: 15px; + margin-top: 3px; +} +.play-button { + width: 100px; + height: 100px; + position: absolute; + top: 26px; + right: 51px; + border: 4px solid; + border-color: rgba(255,255,255,.4); + border-radius: 14px; +} +.play-button span { + position: absolute; + top: 10px; + left: 20px; + width: 0; + height: 0; + border-top: 36px solid transparent; + border-bottom: 36px solid transparent; + border-left: 60px solid rgba(255,255,255,.4); +} + +.img-div { + -moz-force-broken-image-icon: 1; + position: relative; + max-width: 450px; + max-height: 500px; + margin-bottom: 8px; + border-radius: 5px; + &.placeholder { + height: 500px; + } +} |