/* * @fileOverview DISCOVERY DIGITAL PLATFORM : VERTICAL (DSC) : VIDEO ALL * @copyright Copyright (C) Discovery.com 2012. All Rights Reserved. * @userAgent screen * @author car c von lewin * @version 0.0.6 * @built Fri, 11 May 2012 11:31:00 EST */ /* line 23, ../../scss/bootstrap/mixins.scss */ .clearfix { *zoom: 1; } /* line 15, ../../scss/bootstrap/mixins.scss */ .clearfix:before, .clearfix:after { display: table; content: ""; } /* line 19, ../../scss/bootstrap/mixins.scss */ .clearfix:after { clear: both; } /* @fileOverview DISCOVERY DIGITAL PLATFORM : VERTICAL (DSC) : VIDEO PLAYER : video show hub, asset/playlist page(s) @copyright Copyright (C) Discovery.com 2012. All Rights Reserved. @userAgent screen @author owais malik @built Wed, 21 Mar 2012 08:58:00 EST @version 0.0.1 */ /* line 9, ../../scss/video/player.scss */ .big-player-container { width: 998px; height: 562px; background-color: #000000; position: relative; overflow: hidden; } /* line 16, ../../scss/video/player.scss */ .default-video-still { background-image: url('data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QNxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjAtYzA2MSA2NC4xNDA5NDksIDIwMTAvMTIvMDctMTA6NTc6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NzhBN0EwRTZFRkJCMTFFMTgzQjhGNkQzNDA0RkZDMjAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkZEOURDQzUzRDZFMTFFMjg2NUQ5QjJBNjNBMjM0N0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkZEOURDQzQzRDZFMTFFMjg2NUQ5QjJBNjNBMjM0N0QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgyMjZGMUI3MTAyMDY4MTE5MTA5REIxOEQwRjNDNzgyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc4QTdBMEU2RUZCQjExRTE4M0I4RjZEMzQwNEZGQzIwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAgICAgICAgICAgMCAgIDBAMCAgMEBQQEBAQEBQYFBQUFBQUGBgcHCAcHBgkJCgoJCQwMDAwMDAwMDAwMDAwMDAEDAwMFBAUJBgYJDQsJCw0PDg4ODg8PDAwMDAwPDwwMDAwMDA8MDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwM/8AAEQgBaAKAAwERAAIRAQMRAf/EAIAAAQABBQEBAQAAAAAAAAAAAAAHAgMEBQYIAQoBAQAAAAAAAAAAAAAAAAAAAAAQAQABAwIEAwQJAQUGBwAAAAABAgMEEQUhMRIGQVFhcYEiE5GhsTJCYiMUB1LB0XKCJPDh8TOTFZJDNERUVRYRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APz/AIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAL1jGyMmqaMbHuZFdMa1U2qJrmI85iIkGV/2ndf/rMv/o1/3Awa6K7dVVFymaK6J0qoqjSYmPCYkFIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAK7du5dqii1bquVzyopiZn6IBkfsM7/AOFf/wCnV/cDHuW7lqqaLtuq3XHOiuJiePpIKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZOJmZOBkW8rEvVWL9qdaLlP2T5xPlIJx7Z7uxt7ppxsnpxtzpjja5U3dOc29fsBtt37d2reqZ/eY8fP00oy7fw3KfLj4+ydQRNvXYu67b1XsOJ3LEjj1W40u0x+ajjr7tfcDiJiYmYmNJjnAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKqaKq6ooopmuuqdKaaY1mZ9IgHW7b2nk3+m7n1Ti2ufyY0m5MfZSDucPAxMC38vFs02on71XOqr21TxkHP753HRh9eLgzFzL5XLvOm3/fII6rrru11XLlc111zrXXVOszM+cgoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABVRXXbqprt1TRXRMVUV0zpMTHKYmAS72v3zTkfL2/eq4ov/ds588Ka/KLnhE+oJN58Y4xIOb3ntXaN6iqu9Z/b5U/+8sxFNcz+bhpV7wRJvXZu77R13abf77Dp1/1NmJmaY866OcfXHqDkgAAAAAAAAAAAAAAAAAAAAAAAAIiZmIiNZnlAOm27tfNzOm5k/6OxPH4o/Un2U+HvB3eBtWFttOmNZ0rmNKr9XGufbP9wNjM6RMzpERxmZ5A4PfO5pr68Tbq9KOV3Lp5z5xR6eoOJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABIXa3et3bvl4O6VVX8HlavzrNdr09aQTTYuWcm1ResV03bVyImi5TOsTEgu9HoDkd77K2nd+u7Rb/AGGbVx/c2Y4VT+ejhE/VPqCI967T3jZJqrvWP3GJHLMs61URH5vGn3g5kAAAAAAAAAAAAAAAAAAAAAG/23tzcNw6blVH7XGn/wA65GkzH5aec/YDv9u2HA22IqtUfNvxzyLnGr3eEe4G46fUFq9ctY9qu9fuU2rVuNa66uERAI03vuG7uE1Y+NM2sKJ0nwquetXlHoDmQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdX233VmbBdiiZnIwK5/Uxp/Dr40a8vYCfds3LC3fGoysK7Tdt1xxiOcT4xMegNj0+wHyaImJiYiYnhMSDhd8/j/AGrc+u9habXlzrOtuP0qp/Nb4ae2nT3gh/ee2t32Kr/XY0/ImdKMu38dqr/N4eydJBoQAAAAAAbTatm3Deb/AMjAsTcmP+ZdnhRRHnVUCc9q/gXIy8CznZG+UVzes/MpsWKJier+jqridfbwBo9x/h7KsYlWXjZtVummubcU5EUTFVURHKaZiZj1iJBFG67PuGzZH7fPsTbmdZt3I40VxHjTV4/aDVgAAAAAA3e19v7lusxVYtfKx/HKua00e7xn3AkXbO1dv27puV0/vMmOPzbkRpE/lp5R9oOgmgFvoBh52Zi7dj1ZGVX8uiOFMc6qp8qY8ZBFO8b3k7td+L9LFon9HHieHtqnxkGlAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABuNl3zO2PKjIxLnwzP61iZ+GuPXynykHoXt7uPA3/HpuWK4oyKdIvY9XCqmfKY+wHSdPsA6fYCmu1Rcoqt3KKa6K40roqjWJifCYkEc77/ABtt2d139prjbMqePyZ1mxVPs50e7h6Ah7dth3XZLvytxxK7MTOlu/HxW6/8NccJ9nMGnAAABlYWJdz8vGwrEa3cm5Tbo8o1nnPpHOQemdk2bG2rDs4WLREUW4+OvTSa6p51VesgmXbd6mNnrq+TFWTgUUUfJp+GKqeFMVePvByW65Ve4TE/t7eNR1TXXbtxp1V1c6qp8ZBw2+bNjbthXsLKp1ouRrRc040Vxyrp9YB5mzMS9g5WRh36em9jXKrdyPDWmdNY9J8AYwAAANttmyblu9fThY81W4nSvIq+G3T7av7I4gkzaeycDB6b2bpn5McemqNLVM+lPj7/AKAdf8uKYimIiIiNIiI00iAUTQC3NANFvO8Ymz2eq9PzMiuJ+RjUz8VXrPlHqCIdx3LK3PInIyrnVPK3bjhTRHlTAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGXg52Vt2RRlYd2bN6jlMcpjxiY8YBP/afemLvdunGyppx8+iPitz+LT8VMzzj648fMHf9PsA6fYB0+wFm/i2Mq1XYybNvIsXY0uWblMVU1R6xMaAi7fv4wxsj5mRsV79pdnj+xuzM2pnypq41U+/WPYCHtz2ncdnyJxtyxK8W7+HqjWmqPOmqNYqj2SDXAA7TsC1Rc7jsVVaa2bN2ujXz06eHuqkHo3GiOAN/jURwmJ6ZjxBu9v22jccmuciqa7VqImuYnjMzPCJn14g1m/dtXcWmcjDivJszM9duI1qoiI11nTnHuB5K79t0W+5MmaY0m7atV1+3p0+yAcYADYbdtW4bte+RgY1eRXH35jhTTHnVVOkR7wSns/8AH2LjRTf3e5Gbe4TGNRrFqmfWeE1fUDvaLFuzRTas26bVuiNKLdERFMR5REcgJoBbmgFuqjT0BxncXc+PtVNWNjdN/PmPufht68pr0+wEQ5GTfy71zIybtV69cnWuurmCwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACu1duWblF2zXVau25iqi5TOkxMeMTAJy7M7+oy/lbZvFcW8mdKbF/lTc9nhFXpynw0BLkUxVTFdMxVTV92qOUgdPsA6fYB0+wGJmbfibhYrxs3Gt5Viv71q5TFUe2NeU+sAiLf/4sj48jt+/0+M7fkVcPZRc/sq+kEQ5uBm7bfqxs/FuYl+nnbuUzTOnnHnHrANp2xuNG175g5V2emz1zbvzyiKbkTTMz7NdQenMa7GkTE+wG5tZGkcwbrZs2/TuWPbsxFf7iei5TP9POqfdEag3XdG+2dvxL2Jauf6y/bmNaZj9Omec1TrwnTXQHhTuXcad13vPzLc9VmqvosT50W4imJj26ag1uFgZm436cbBxrmVfq5W7ca8POZ5RHrIJU2T+Nop6MjfbsVzz/AGFmeH+e5HP2U/SCTMbCxsKzRj4lijGsUfdtURER9XiC7NHkCiaQW5oBariKI6quEAjDubvKLM3MHaq4qvR8N7LjjTR5xT5z68o9oIrqqqrqqrrqmqqqdaqpnWZmfGZB8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABLvZX8h3MKq3tu+XfmYtWlNrNr1np8Ii546eVXOPHgCe6JtX7VN/Hqi5ZqiKomNJ0ieXLnE+EgaR5AdPoB0egPk0g1m5bRt2748425YdvLs86YrjjTM+NNUaTTPrEghruD+LMmx8zJ7fvTlW9Zn/t96YpuUx5UV8Iq9k6e8GN253he2aY2XuK1dx5xvgtX7lNXXbiOVNymeOkeEwCWMTdcXLtxcxcq1kW5jhVbqiqPqkGZ/wDosfZaL+TcybWLdqo6LWRcqpp6ImfimnX8UxGke8EN9z955W+3K9q2Km/lVZUzTkZNNNVVy9rzpoj72k+MgubD/F+Ve6Mjfrs4lrhMYNmYm5PpXVxin3a+4Et4G0bftViMbbsS3i2vxRRHGqY8aqp4zPrMgy5oBbmkFE0AtzSDEyb9nFt1XLtcUU0RNVU1TpERHOZnwgEK9z95Xc+q5hbbXNvF403cmOFVyPKnxin65BH4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJD7M79zO3LtvFzKq8raZnTo512dec0a86fOmeHl6h6XwcnD3jEtZ2236L9q/T1UdE6xVH5fGJ86Z4wC50yD50yB0yCmaQUTQDT7v29tW+2fkblh0ZGkaW72mlyj/AA1xxj7AQvv/APFu67fNeVsVyrcsenWf28/Dk0x6aaRX7tJ9Afe3f4q3ndZt5e911bXiV8Zszxyao/wzrFH+bj6Am3ae2No2Cz8nbcOixMxEXcifiu1/4q54z7OQNjXb0BjVUAszSC3NILc0g0+6bpi7Zj3b+TeptUWo+OurlHpHnPlAID7k7pyt7u12rc1WNvifhs6/Fc0nhVX/AGRygHJgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA6ztXu/cu1sqLmPVN/BuVROXt9U6U1+HVTPHpq9Y9+oPVWxb7tXdeBRnbfkRNfCLsVcK6K/6LtPhPr4+oM6u1XbqmiunpqjwkFHTIHSB0+wFdNvUGTbtwDL1ppjSIBh3Z11Bg1wDGqp5gtVU/8AEFqadImeURzkHJ9w9yYWzY1V29d011i1RT9+5V5UR9sg8973v2bvmR83Iq6LFEz+3xaZ+GiP7Z85BpAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAbjY9+3Pt7Ot7htmRNm7TwuW5427lPjRXT4xP1eHEHrHs/vXae8cOLf/p9xsUxOTgVT8dH5rc/jo1+jx04A6a9jV2Z46VUVfcuRykFnp9AfYpBXFILkToCmqrwBYrkGPVHMFqqkFmvpt0zXVPTTHOZBHfdveOJs9r5cfrZdcfoYcTxnyqrnwp+0HnzcdyzN1yq8vNvTdu18IjlTTHhTTHhEAwQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZWFm5e3ZVnNwcivFy8eqK7N+3OlVM/7c4B6j7C/kvE7iot7Vu828XedIpimeFrK0jnR/TX50/R5QEl3caNJuWZ6qI+9T40/wC4GNEaAq0nyB8BbBbmAWppBau1UWbfzLs9NP4Y8ap8ogEP959+28CbmDt803s+OExHxW7HrV/VV6fT5Aga/fvZV65kZF2q9euz1XLtc61TPrMgtAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA+01VUVU10VTTXTMTTVE6TExymJB6C7B/lSZmxtHct/ouxpbw95q5VeEU358/zf+LzBPfTbyNKrcxTcmNen8NXrAMaaZiZiYmJjnAKOkFM0go6Z8tQY+Xfs4NM/M0rv6axY14U+tc+HsB5970/kO5fuXsHZr/XXPw5G50zwjTh02dOH+aPd5ghyZmZmZnWZ5yAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACWOxv5JydimztW8V15W0axTZv8aruNHp41UR5c48PIHpvD3LE3HHs36L9F6xfpirGzbcxVTVTPLWY5gya7VVE6VePGmfCY9JBTTaqrnppjWfqBp9z3jF2yxeuU3qKIs0zVkZ1cxFFERz6Zn7foB5k7w77yN5rvYO2112NtmZi7enhcyOPGZ8Ypny8fHyBHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAO17R723Hte/FvWrL2q7Vrk4FU8teddvX7tX1T4+cB6k2HufA3XCtZWHejMwbn3qeVdqrxpmPCY8voBR3F3Pg7XhXb9+9GJg0cJqn/AJl2rwpiI4zM+QPLHdXd+d3JfmjWrG2y3Vrj4UTz8qrmnOr6o8POQ5AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG72LuDcu3syMvb72kVaRkY1XG3dpjwqj7J5wD7v3cG49xZk5efc+GnWMfGp1+Xapnwpj7Z5yDRgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/9k='); background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; } /* * @fileOverview DISCOVERY DIGITAL PLATFORM : VERTICAL (DSC) : VIDEO PROMOTIONS * @copyright Copyright (C) Discovery.com 2012. All Rights Reserved. * @userAgent screen * @author owais malik * @built Wed, 21 Mar 2012 08:58:00 EST * @version 0.0.1 */ /* * @fileOverview DISCOVERY DIGITAL PLATFORM : VERTICAL (DSC) : VIDEO CAROUSEL : video asset/playlist page(s) * @copyright Copyright (C) Discovery.com 2012. All Rights Reserved. * @userAgent screen * @author owais malik * @built Wed, 21 Mar 2012 08:58:00 EST * @version 0.0.1 */ /* line 11, ../../scss/video/carousel.scss */ .clearfix { *zoom: 1; } /* line 11, ../../scss/video/carousel.scss */ .clearfix:before, .clearfix:after { display: table; content: ""; } /* line 12, ../../scss/video/carousel.scss */ .clearfix:after { clear: both; } /* line 13, ../../scss/video/carousel.scss */ .hide-text { overflow: hidden; text-indent: 100%; white-space: nowrap; } /* line 14, ../../scss/video/carousel.scss */ .input-block-level { display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } /* line 15, ../../scss/video/carousel.scss */ .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; padding: 5px; } /* line 15, ../../scss/video/carousel.scss */ .popover.top { margin-top: -5px; } /* line 16, ../../scss/video/carousel.scss */ .popover.right { margin-left: 5px; } /* line 17, ../../scss/video/carousel.scss */ .popover.bottom { margin-top: 5px; } /* line 18, ../../scss/video/carousel.scss */ .popover.left { margin-left: -5px; } /* line 19, ../../scss/video/carousel.scss */ .popover.top .arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ffffff; } /* line 20, ../../scss/video/carousel.scss */ .popover.right .arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000000; } /* line 21, ../../scss/video/carousel.scss */ .popover.bottom .arrow { top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000000; } /* line 22, ../../scss/video/carousel.scss */ .popover.left .arrow { top: 50%; right: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000000; } /* line 23, ../../scss/video/carousel.scss */ .popover .arrow { position: absolute; width: 0; height: 0; } /* line 24, ../../scss/video/carousel.scss */ .popover-inner { padding: 3px; width: 280px; overflow: hidden; background: #000000; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); } /* line 25, ../../scss/video/carousel.scss */ .popover-title { padding: 9px 15px; line-height: 1; background-color: #f5f5f5; border-bottom: 1px solid #eee; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } /* line 26, ../../scss/video/carousel.scss */ .popover-content { padding: 14px; background-color: #ffffff; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } /* line 26, ../../scss/video/carousel.scss */ .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; } /* line 27, ../../scss/video/carousel.scss */ .fade { -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; opacity: 0; } /* line 27, ../../scss/video/carousel.scss */ .fade.in { opacity: 1; } /* line 28, ../../scss/video/carousel.scss */ .collapse { -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; position: relative; overflow: hidden; height: 0; } /* line 28, ../../scss/video/carousel.scss */ .collapse.in { height: auto; } /* line 31, ../../scss/video/carousel.scss */ .popover-inner { padding: 3px; width: 280px; overflow: hidden; background: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); text-align: left; } /* line 45, ../../scss/video/carousel.scss */ .popover-title { padding: 5px 10px; line-height: 1; border: none; border-radius: 0; background: none; color: #09C; margin: 0; } /* line 54, ../../scss/video/carousel.scss */ .popover-content { padding: 5px 14px; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } /* line 64, ../../scss/video/carousel.scss */ .popover.top .arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #ffffff; } /* line 72, ../../scss/video/carousel.scss */ #video-carousel { padding: 10px; width: 978px; height: 94px; background: #000000; position: relative; } /* line 79, ../../scss/video/carousel.scss */ #video-info { float: left; background: #000000; width: 170px; height: 60px; padding: 5px; font: 12px Arial, sans-serif; } /* line 87, ../../scss/video/carousel.scss */ #video-info h2.playlist-title { color: #ffffff; font-size: 14px; line-height: 16px; } /* line 92, ../../scss/video/carousel.scss */ #video-info .playlist-info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA90lEQVR42nXTMUvDQBiH8bOg4FI7FXRwyCwu/QCF0k2njJ1K6VwEh3QpQqeAUDo4ufgppEO+gXRwKJQKBQedBJ1FSPoc9ED+3PvAj5Dc5SWBxFVVFVPDJVJc4wIHcEovHOEWn9A+kOHYGnCKF2jf2CL0inMdUMcasRI4GbLByf8BD5DMAaGnMKCJX2j6CtofzvyAvnFThi5yWA39gHtoSxRwAOfxZn5xDisHmD36xTFihSdowerOb2gjVg4Hjmad8NluoHXhUCDWOw7DO16hlA0ZHBJkslYi1U95Am25p02tn6mHL1j9YKA/k2rgBgu8YYVnjNDQ/TsL/Z2sz9qQdAAAAABJRU5ErkJggg=='); display: block; width: 16px; height: 16px; float: right; } /* line 100, ../../scss/video/carousel.scss */ #video-info h3.clip-title { color: #fee300; font-size: 14px; line-height: 16px; } /* line 105, ../../scss/video/carousel.scss */ #video-info .playlist-count { font-size: 12px; color: #999999; } /* line 112, ../../scss/video/carousel.scss */ #video-carousel-container { background: #000; width: 713px; float: left; position: relative; margin-left: 45px; } /* line 118, ../../scss/video/carousel.scss */ #video-carousel-container .carousel-navi { border: none; background: none; } /* line 121, ../../scss/video/carousel.scss */ #video-carousel-container .carousel-navi a { color: #999999; } /* line 124, ../../scss/video/carousel.scss */ #video-carousel-container .carousel-navi a:hover { color: #0bbce5; } /* line 128, ../../scss/video/carousel.scss */ #video-carousel-container .carousel-navi-medium { border: none; background-color: transparent; } /* line 132, ../../scss/video/carousel.scss */ #video-carousel-container .carousel-prev-arrow { left: -30px; height: 87px; } /* line 136, ../../scss/video/carousel.scss */ #video-carousel-container .carousel-next-arrow { right: -25px; height: 87px; } /* line 140, ../../scss/video/carousel.scss */ #video-carousel-container .module-carousel-wrapper { margin-top: 0; } /* line 143, ../../scss/video/carousel.scss */ #video-carousel-container .video-thumb { border: 2px solid #666666; width: 160px; height: 90px; cursor: pointer; position: relative; } /* line 149, ../../scss/video/carousel.scss */ #video-carousel-container .video-thumb img { width: 160px; height: 90px; position: absolute; top: 0; left: 0; } /* line 157, ../../scss/video/carousel.scss */ #video-carousel-container .video-thumb.item { margin-right: 19px; } /* line 160, ../../scss/video/carousel.scss */ #video-carousel-container .video-thumb.sel { border: 2px solid #fee300; } /* * @fileOverview DISCOVERY DIGITAL PLATFORM : VERTICAL (DSC) : VIDEO CAROUSEL : video asset/playlist page(s) * @copyright Copyright (C) Discovery.com 2012. All Rights Reserved. * @userAgent screen * @author owais malik * @built Wed, 21 Mar 2012 08:58:00 EST * @version 0.0.1 */ /* line 12, ../../scss/video/playlist-view.scss */ .playlist-description { line-height: normal; color: #ddd; display: none; } /* line 17, ../../scss/video/playlist-view.scss */ .info-now-playing { display: none; } /* line 20, ../../scss/video/playlist-view.scss */ #video-carousel { height: 110px; } /* line 22, ../../scss/video/playlist-view.scss */ #video-carousel #social-toolbar { clear: both; } /* line 26, ../../scss/video/playlist-view.scss */ #current-clip-number { color: #999; font-size: 12px; } /* line 30, ../../scss/video/playlist-view.scss */ .clip-number { font-size: 40px; display: block; color: #00CBFD; width: 72px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; text-shadow: black 0 3px 5px; position: absolute; z-index: 5; text-align: right; display: none; } /* line 42, ../../scss/video/playlist-view.scss */ #video-carousel-container { margin-bottom: 10px; } /* line 45, ../../scss/video/playlist-view.scss */ #video-carousel.list-view { height: auto; } /* line 48, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-info { float: none; height: auto; width: 640px; } /* line 52, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-info h2.playlist-title { font-size: 18px; line-height: 20px; margin-bottom: 10px; } /* line 57, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-info .playlist-info { display: none; } /* line 60, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-info p.playlist-count { display: none; } /* line 63, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-info span.playlist-indicator { color: #999; } /* line 67, ../../scss/video/playlist-view.scss */ #video-carousel.list-view .playlist-description { display: block; } /* line 70, ../../scss/video/playlist-view.scss */ #video-carousel.list-view .info-now-playing { display: block; float: left; font-size: 14px; color: #ccc; margin-right: 5px; } /* line 77, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #social-toolbar { position: absolute; top: 0; right: 0; width: 300px; } /* line 83, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #share-bar-horizontal-container { text-align: right; background: transparent; padding: 10px 0; border: none; } /* line 89, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #share-bar-horizontal-container .twitter-share-button { margin-right: 0; } /* line 93, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container { width: auto; position: relative; margin: auto; float: none; border: 1px solid #3B3B3B; } /* line 99, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .carousel-navi { border: none; background: none; } /* line 102, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .carousel-navi a { color: #999999; } /* line 105, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .carousel-navi a:hover { color: #0bbce5; } /* line 109, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .carousel-navi-medium { border: none; background-color: transparent; } /* line 113, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .carousel-prev-arrow { display: none; } /* line 116, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .carousel-next-arrow { display: none; } /* line 119, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .module-carousel-wrapper { margin-top: 0; } /* line 122, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .module-carousel-filmstrip { width: auto; } /* line 125, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .module-carousel-filmstrip div.video-thumb:nth-child(odd) { background: #222; } /* line 128, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .clip-details { color: #fff; } /* line 130, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .clip-details h4 { color: #0bbce5; } /* line 134, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .video-thumb { border: 2px solid transparent; width: auto; height: 74px; cursor: pointer; position: relative; float: none; padding: 10px; background: #333; } /* line 143, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .video-thumb img { width: 130px; height: 74px; position: relative; float: left; margin-right: 10px; } /* line 150, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .video-thumb .clip-number { bottom: 10px; right: 837px; } /* line 155, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .video-thumb.item { margin-right: 0; } /* line 158, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #video-carousel-container .video-thumb.sel { border: 2px solid #0bbce5; } @media all and (min-width: 1170px) { /* line 163, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #share-bar-horizontal-container { display: block; } /* line 167, ../../scss/video/playlist-view.scss */ #video-carousel.list-view #share-bar-vertical-outer { display: none; } } /* line 1, ../../scss/video/ivideo.scss */ .videoShare { background: -webkit-gradient(linear, left top, left bottom, from(rgba(62, 107, 173, 0.5)), to(rgba(62, 107, 173, 0.5))); position: absolute; height: 30px; width: 662px; padding: 3px; -webkit-transition: all 1s ease-out; } /* line 9, ../../scss/video/ivideo.scss */ .videoShare.hide { top: -30px; } /* line 12, ../../scss/video/ivideo.scss */ .videoShare.show { top: 0px; } /* line 15, ../../scss/video/ivideo.scss */ .videoError { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.37, #0f0f0f), color-stop(0.66, #262326), color-stop(0.94, #3d3b3d)); color: #eee; padding-top: 15%; width: 100%; height: 100%; font: 16px Arial; text-align: center; } /* line 31, ../../scss/video/ivideo.scss */ .videoError a { color: #69C; } /* line 34, ../../scss/video/ivideo.scss */ .video-postRoll { width: 100%; height: 100%; position: absolute; -webkit-transition: top 1.0s ease-out; z-index: 500; background-size: 100%; } /* line 43, ../../scss/video/ivideo.scss */ .video-postRoll.hide { top: -662px; opacity: 0; } /* line 44, ../../scss/video/ivideo.scss */ .video-postRoll.show { top: 0; opacity: 1; } /* line 46, ../../scss/video/ivideo.scss */ .postRollNav { height: 70px; margin: 2%; text-align: center; background: rgba(0, 0, 0, 0.75); border-radius: 10px; } /* line 53, ../../scss/video/ivideo.scss */ .relatedClipsWrapper { -webkit-box-shadow: inset 0px 3px 10px 5px rgba(0, 0, 0, 0.5); overflow: hidden; margin: 10px; position: relative; background: rgba(0, 0, 0, 0.75); border-radius: 10px; padding: 3px; } /* line 62, ../../scss/video/ivideo.scss */ .relatedClipsContainer { width: 20000px; white-space: nowrap; left: 0; position: relative; } /* line 68, ../../scss/video/ivideo.scss */ .relatedClip { width: 160px; height: 120px; float: left; margin: 10px; position: relative; } /* line 75, ../../scss/video/ivideo.scss */ .relatedClip a { text-decoration: none; } /* line 78, ../../scss/video/ivideo.scss */ .clipInfo { white-space: normal; font: 16px Arial; text-decoration: none; text-shadow: 0 2px 3px #000; } /* line 85, ../../scss/video/ivideo.scss */ .clipInfo p { text-align: left; } /* line 86, ../../scss/video/ivideo.scss */ .relatedClip img { width: 160px; height: 90px; border: 0; } /* line 87, ../../scss/video/ivideo.scss */ .relatedClipsLabel { font: 18px Arial; color: #fff; height: 16px; margin-left: 10px; text-align: left; text-shadow: 0px 2px 3px #000; } /* line 95, ../../scss/video/ivideo.scss */ .videoError .relatedClipsWrapper { margin: 30px 10px; } /* line 98, ../../scss/video/ivideo.scss */ .replayIcon { cursor: pointer; width: 200px; font: bold 24px Arial; color: #999; margin: 5px; padding-left: 45px; height: 43px; padding-top: 20px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAArCAYAAADsQwGHAAADn0lEQVRYhcWZ3ZGbSBSFzwW9WxkMGZiNYNgIrAwsV6mg36yNYGcjWPzWTVG1bASWIzDOQI5gxxngd4mzD2qmZBlBN2g8X9U8DOqfo9bt+4fgBpRlede2bUQyARCTXPaNE5EGwF5E6jRNv0zdT6ZOBABjzFsAKwAJgF6hQ5CsAOyUUp985k0SbcVuAcRT5l9CsgaQu4r3Fm2M+RsnwTeHZCUi2yzLvg+NcxZtjHkFoMaNTneAfRiGq81m8+3aACfRWuvXIlJjgt1OpCGZKKW+9n04KvoFBAMASD6KSNxnKsHQxJcSDAAiEgGorVn+wFXRxphXIlLhBQSfEQOoLh8G1n31UcHz0pF8BJCLSNL3ByAH0PisCWCltX5//kCMMbT285Bl2b8AUBTFvfWdruxJPrj6Wa31G5y+XOS4fgMg6uw7wCmsRgAqrfV/xpi3bdtWPoLDMFz5RDWl1CcRiQHsHKcsSebdP6K1/mx/Om9IVkqpd1PmdhhjPuKUCowShmG02Wy+DXqPEXZzBVvWAPYuA4/H4xYAApt5+dLYzWaTZdl3kq5rrQFr0xP2Gs0PfLCR78Fh6LIoivup5pEbY/7sc/wzcHKHJJOpopc4nczjrcRbMxn1JiSTgOQU8+g4F38tSPng4gKjIAiCKRfxkrwLTHNYLBajBygi0RyXB5KPJOMsy/6as07HUA59TtC27dSTzkUkvpbzPicCAMYYesxpRGQ1p5oewkWLr3nsAETPJbgsyzuXcQvH9RqcAsrsyzbE4XCIRYaLKZJ1d9JXby3JOgzD+LkFA4Br4rYAAJJN3zckuVVKfbittEHWYwNEpL5mHnuS61/pGWxwGi3tnkRfZHp5lmV/PJe4PmwakI8OBJo0Tb882bQtuRIXwUVR3NtO062o4HDKXW7S2fRORPI0TUfTTa31+6700Vov5xQC9oQrOFYusL+GVy9Pa/2PiKzPn7n23y7xbbORrJVSvwOOosc26Kp5ADsX8UVR3LdtW3lU4yD5lDI4tcUA7Bw3aADkYRhWl8lPWZZ3x+MxwbQW8Q/OYVC0dUM5XrbLtM+y7LfzB4O5x8wC4RY0YRj+dEkHRSulvnpUyremIZn05dg+/elfeep7AMm1S+2UmtoTj+HfPJzCoGDAI5+27iaCe//NG/u2a1AwMPHt1oSu5xh7Edm6Fhez3iOWZXl3OBweLqOkKyRrEal8c/VZojvOAkeM04vQa8GjIbkXkbovALnyPyIAwZz+QoYdAAAAAElFTkSuQmCC) no-repeat left; }