html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-size: 13px; font-family: helvetica, arial, verdana, sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; } a:hover { text-decoration: underline; } .package-button-bar { padding: 12px 0; } .package-button-bar > div { padding: 0 2%; } .button { font: 12px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 5px 0 0; padding: 3px 8px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; white-space: nowrap; display: inline-block; vertical-align: top; valign: top; } .button * { font: 12px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif; } .button:hover { text-decoration: none; opacity: 1; -ms-filter: none; filter: none; } .button.facebook { position: relative; margin: 0; } .package-button-bar .initial-buttons .button { display: none; } .package-button-bar.all-networks .initial-buttons .button { display: inline-block; } .package-button-bar.network-twitter .initial-buttons .button.twitter { display: inline-block; } .package-button-bar.network-facebook .initial-buttons .button.facebook { display: inline-block; } .network-selected .vertical-separator { display: none; } .initial-buttons { line-height: 0; position: relative; } .button-groups { display: none; position: relative; } .button-group { width: 28px; height: 28px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; overflow: hidden; font-size: 37px; text-align: left; line-height: 1em; margin-right: 8px; display: inline-block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .button-group i { position: relative; left: -4px; top: -6px; } .button-group.twitter { font-size: 20px; line-height: 2em; } .button-group.twitter i { left: 5px; top: -6px; } .button-group-arrow { display: none; position: absolute; border-left: 15px solid transparent; border-right: 15px solid transparent; } .package-button-bar.top .button-group-arrow { top: 26px; } .package-button-bar.bottom .button-group-arrow { bottom: 26px; } .button-drawer { height: 0; margin-top: 0; margin-bottom: 0; overflow: hidden; } .button-drawer .button-drawer-body { padding: 15px 0; } .bird { font-size: 13px; margin-right: 2px; vertical-align: -1px; } .btnspc { margin-right: 5px; } .vertical-separator { width: 0px; height: 27px; border: 1px solid #d3d3d3; margin: 0 13px 0 9px; display: inline-block; position: relative; vertical-align: top; top: -2px; } .fbbtn { cursor: pointer; border: 1px solid #cad4e7 !important; background: #eceef5; color: #3b5998; white-space: nowrap; font-size: 11px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; } .fbbtn:hover { border-color: #9dacce !important; text-decoration: none; } .fbbtn:active { color: #3b5998; } .fbbtn .fbbtn-inner { position: relative; top: 1px; display: inline-block; height: 13px; padding: 1px 0 2px 16px; background: url(../components/button-bar/dev/img/fblogo.3r7z2qi61tyaeaqpp0ov7i7no.png) no-repeat; } .fbifr { display: inline-block; width: 44px; height: 24px; position: relative; overflow: hidden; top: -3px; padding-bottom: 0; } .fbifr span, .fbifr iframe { height: 25px !important; width: 150px !important; } @media screen and (max-width: 34em) { .follow-button .user { display: none; } } @media screen and (max-width: 26em) { .package-button-bar.all-networks.multiple-networks .initial-buttons { display: none; } .package-button-bar.all-networks.multiple-networks .button-groups { display: inline-block; } } .dark .button, .dark-flat .button { -webkit-border-radius: 5px; border-radius: 5px; } .dark .tweet-button, .dark-flat .tweet-button { background-color: #5d9bcf; border: 1px solid #5d9bcf; color: #fff; } .dark .tweet-button .bird, .dark-flat .tweet-button .bird { color: #fff; } .dark .tweet-button:hover, .dark-flat .tweet-button:hover { background-color: #4e81a9; border-color: #4e81a9; } .dark .tweet-button:active, .dark-flat .tweet-button:active { background-color: #558cb8; border-color: #558cb8; -webkit-box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.2); box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.2); } .dark .follow-button, .dark-flat .follow-button { background-color: #fff; border: 1px solid #fff; color: #4f4f4f; } .dark .follow-button .bird, .dark-flat .follow-button .bird { color: #00acee; } .dark .follow-button:hover, .dark-flat .follow-button:hover { background-color: #dfdfdf; border-color: #dfdfdf; } .dark .follow-button:active, .dark-flat .follow-button:active { background-color: #ececec; border-color: #ececec; -webkit-box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.2); box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.2); } .dark .button-group, .dark-flat .button-group { background-color: #fff; border: 1px solid #4d6587; } .dark .button-group i, .dark-flat .button-group i { color: #4d6587; } .dark .button-group.expanded, .dark-flat .button-group.expanded { border-color: #7599cd; } .dark .button-group.expanded i, .dark-flat .button-group.expanded i { color: #7599cd; } .dark .button-group.twitter, .dark-flat .button-group.twitter { background-color: #4d6587; } .dark .button-group.twitter i, .dark-flat .button-group.twitter i { color: #fff; } .dark .button-group.twitter.expanded, .dark-flat .button-group.twitter.expanded { border-color: #7599cd; background-color: #7599cd; } .dark .package-button-bar.top .button-group-arrow, .dark-flat .package-button-bar.top .button-group-arrow { border-top: 15px solid #7599cd; } .dark .package-button-bar.bottom .button-group-arrow, .dark-flat .package-button-bar.bottom .button-group-arrow { border-bottom: 15px solid #7599cd; } .dark .button-drawer, .dark-flat .button-drawer { -webkit-box-shadow: inset 0 3px 5px rgba(9,9,9,0.83), inset 0 0 2px rgba(211,220,233,0.4); box-shadow: inset 0 3px 5px rgba(9,9,9,0.83), inset 0 0 2px rgba(211,220,233,0.4); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1d2024), color-stop(1, #202a31)); background: -webkit-linear-gradient(bottom, #1d2024 0%, #202a31 100%); background: -moz-linear-gradient(bottom, #1d2024 0%, #202a31 100%); background: -o-linear-gradient(bottom, #1d2024 0%, #202a31 100%); background: -ms-linear-gradient(bottom, #1d2024 0%, #202a31 100%); background: linear-gradient(bottom, #1d2024 0%, #202a31 100%); } .light .button, .light-flat .button { -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #939393; } .light .fbifr, .light-flat .fbifr { border: 0; } .light .tweet-button, .light-flat .tweet-button { background-color: #2aa8e0; color: #fff; } .light .tweet-button .bird, .light-flat .tweet-button .bird { color: #fff; } .light .tweet-button:hover, .light-flat .tweet-button:hover { background-color: #34a0c6; } .light .tweet-button:active, .light-flat .tweet-button:active { background-color: #36a9d2; -webkit-box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.2); box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.2); } .light .follow-button, .light-flat .follow-button { background-color: #fff; color: #4f4f4f; } .light .follow-button .bird, .light-flat .follow-button .bird { color: #00acee; } .light .follow-button:hover, .light-flat .follow-button:hover { background-color: #dfdfdf; } .light .follow-button:active, .light-flat .follow-button:active { background-color: #ececec; -webkit-box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.2); box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.2); } .light .button-group, .light-flat .button-group { background-color: #fff; border: 1px solid #afd8e8; } .light .button-group i, .light-flat .button-group i { color: #afd8e8; } .light .button-group.expanded, .light-flat .button-group.expanded { border-color: #2aa8e0; } .light .button-group.expanded i, .light-flat .button-group.expanded i { color: #2aa8e0; } .light .button-group.twitter, .light-flat .button-group.twitter { background-color: #afd8e8; } .light .button-group.twitter i, .light-flat .button-group.twitter i { color: #fff; } .light .button-group.twitter.expanded, .light-flat .button-group.twitter.expanded { border-color: #2aa8e0; background-color: #2aa8e0; } .light .package-button-bar.top .button-group-arrow, .light-flat .package-button-bar.top .button-group-arrow { border-top: 15px solid #2aa8e0; } .light .package-button-bar.bottom .button-group-arrow, .light-flat .package-button-bar.bottom .button-group-arrow { border-bottom: 15px solid #2aa8e0; } .light .button-drawer, .light-flat .button-drawer { -webkit-box-shadow: inset 0 3px 5px rgba(81,81,81,0.2), inset 0 0 2px rgba(211,220,233,0.4); box-shadow: inset 0 3px 5px rgba(81,81,81,0.2), inset 0 0 2px rgba(211,220,233,0.4); background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d4d4d4), color-stop(1, #f6f6f6)); background: -webkit-linear-gradient(bottom, #d4d4d4 0%, #f6f6f6 100%); background: -moz-linear-gradient(bottom, #d4d4d4 0%, #f6f6f6 100%); background: -o-linear-gradient(bottom, #d4d4d4 0%, #f6f6f6 100%); background: -ms-linear-gradient(bottom, #d4d4d4 0%, #f6f6f6 100%); background: linear-gradient(bottom, #d4d4d4 0%, #f6f6f6 100%); } .no-theme .button { color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; border-radius: 4px; } .no-theme .button:hover { background-image: transparent; } .no-theme .fbifr { border: 0; background: transparent; } .button-bar { padding: 10px; } .button { padding: 8px; margin: 0 5px; text-transform: uppercase; } .button:hover { text-decoration: none; } .bird { height: 19px; width: 27px; display: inline-block; position: relative; top: 3px; } .dark .bird { background: url(../components/context-utils/dev/img/dark/bird.5kz7byow5n029i62w9gvhbvf0.png); } .dark .button { color: #fff; font: 16px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; text-shadow: 0 -1px 1px rgba(0,0,0,0.28); -webkit-border-radius: 11px; border-radius: 11px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; background-color: #5d9bcf; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.75), 0 0 0 1px #426f95; box-shadow: 0 2px 2px rgba(0,0,0,0.75), 0 0 0 1px #426f95; } .light .bird { background: url(../components/context-utils/dev/img/light/bird.5kz7byow5n029i62w9gvhbvf0.png); } .light .button { color: #fff; font: 16px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; text-shadow: 0 -1px 1px rgba(0,0,0,0.28); -webkit-border-radius: 11px; border-radius: 11px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; background-color: #d5dddd; -webkit-box-shadow: 0 1px 1px rgba(23,23,23,0.33), inset 0 0 0 1px rgba(205,239,252,0.2); box-shadow: 0 1px 1px rgba(23,23,23,0.33), inset 0 0 0 1px rgba(205,239,252,0.2); } #fb-root > div { left: -575px !important; } .likeGateOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 1001; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .likeGateContent { position: fixed; z-index: 1002; background: #fff; border: 1px solid #4b6ea9; } .likeGateLightbox { margin: 0; padding: 0; font-size: 11px; line-height: 1.28; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; } .likeGateLightbox a { color: #3b5998; text-decoration: none; } .likeGateLightbox a:hover { text-decoration: underline; } .likeGateLightbox .head { border: 1px solid #4b6ea9; border-bottom: 0; background-color: #6d84b4; } .likeGateLightbox h1 { margin: 0; padding: 5px 10px; color: #fff; font-weight: bold; font-size: 14px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; } .likeGateLightbox .subHead { background-color: #e3e3e3; color: #414141; padding: 10px; border-bottom: 1px solid #b6b6b6; } .likeGateLightbox .bd { padding: 20px 0; max-width: 500px; margin: 0 auto 45px auto; } .likeGateLightbox .btn { float: right; cursor: pointer; display: inline-block; height: 19px; padding: 2px 6px; margin-right: 7px; border: 1px solid #999; border-color: #29447e #29447e #1a356e; background-image: url("https://fbstatic-a.akamaihd.net/rsrc.php/v2/yn/x/QJj4mT44_I4.png"); background-repeat: no-repeat; -webkit-background-size: auto; -moz-background-size: auto; background-size: auto; background-position: -1px -490px; background-color: #5b74a8; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1); font-weight: bold; vertical-align: top; white-space: nowrap; line-height: 16px; text-align: center; text-decoration: none; font-size: 13px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; } .likeGateLightbox .btn input { cursor: pointer; display: inline-block; margin: 0; padding: 1px 0 2px; background: none; border: 0; color: #fff; white-space: nowrap; line-height: 16px; font-size: 13px; font-weight: bold; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; } .likeGateLightbox .btn:active { border-bottom-color: #29447e; background: #4f6aa3; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); } .likeGateLightbox .ft { position: absolute; left: 0; bottom: 0; width: 100%; padding: 7px 0; border-top: 1px solid #ccc; background-color: #f2f2f2; } .likeGateLightbox .amrproduct { width: 102px; height: 20px; margin-left: 7px; background: url("/images/intents/amrproduct.png") no-repeat; } .likeGateLightbox .amrproduct:hover { text-decoration: none; } .likeGateLightbox .continue-btn { display: none; } .likeGateLightbox.liked .not-liked-instruction { display: none; } .likeGateLightbox.liked .already-liked-instruction { display: inline; } .likeGateLightbox.liked .continue-btn { display: inline-block; } .likeGateLightbox.liked .skip-btn { display: none; } .likeGateLightbox .already-liked-instruction { display: none; } @font-face { font-family: "Socialite"; src: url(../components/font-icons/dev/fonts/socialite.4tslo4clqajgl974o3qlt3yms.eot); font-weight: normal; font-style: normal; } @font-face { font-family: "Socialite"; src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'), url(../components/font-icons/dev/fonts/socialite.cs206e8720hqian6xg0iwahq1.ttf) format('truetype'), url(../components/font-icons/dev/fonts/socialite.dt1836mh5d4rl7coygqfakkf1.svg#ios) format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"], [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "Socialite"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; } li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li[class^="icon-"], li[class*=" icon-"] { margin-left: 0; list-style-type: none; } li[class^="icon-"]:before, li[class*=" icon-"]:before { text-indent: -2em; text-align: center; } .icon-twitter-logo:before { content: "\e000"; } .icon-twitter-logo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-twitter-reply:before { content: "\e001"; } .icon-twitter-reply { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-twitter-retweet:before { content: "\e002"; } .icon-twitter-retweet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-twitter-favorite:before { content: "\e003"; } .icon-twitter-favorite { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-twitter-verified-check:before { content: "\e004"; } .icon-twitter-verified-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-twitter-verified-bg:before { content: "\e005"; } .icon-twitter-verified-bg { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-instagram-logo:before { content: "\e006"; } .icon-instagram-logo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-instagram-like:before { content: "\e007"; } .icon-instagram-like { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-instagram-comment:before { content: "\e008"; } .icon-instagram-comment { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-facebook-logo:before { content: "\e009"; } .icon-facebook-logo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-google-plus-logo:before { content: "\e00a"; } .icon-google-plus-logo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-youtube-logo:before { content: "\e00b"; } .icon-youtube-logo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-place:before { content: "\e00c"; } .icon-place { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-getglue-logo:before { content: "\e00d"; } .icon-getglue-logo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-vine-logo:before { content: "\e00e"; } .icon-vine-logo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .package-footer { width: 100%; bottom: 0; position: absolute; overflow: hidden; font-family: 'Helvetica Neue', Helvetica, sans-serif; } .package-footer .bar { margin: 0 2%; } .package-footer .logo-mr-large { height: 25px; width: 117px; float: left; margin: 20px 0; background: url(../components/footer/dev/img/logo-mr.7ad5ad8vd6unuvxvpi1jx71tu.png) no-repeat; } .package-footer .logo-mr-small { height: 14px; width: 12px; float: left; margin: 10px 0; background: url(../components/footer/dev/img/logo-mr-small.6jpizodcms7rozj1wxbjh4dzb.png) no-repeat; display: none; } .package-footer #sponsor { text-align: right; padding: 8px 0; line-height: 55px; } .package-footer #sponsor .sponsor-image { float: right; margin-left: 8px; max-height: 55px; } @media screen and (max-width: 25em) { .package-footer .logo-mr-large { display: none; } .package-footer .logo-mr-small { display: block; } } .dark.no-user-background .package-footer { background: #000; } .dark .package-footer { font-size: 14px; border-top: 1px solid #24333e; color: #ccc; } .dark .package-footer #logo-mr { background: url(../components/footer/dev/img/dark/logo-mr.png) no-repeat; } .dark-flat .package-footer { font-size: 1.2em; color: #939393; } .dark-flat .package-footer a { color: #5d9bd3; } .light.no-user-background .package-footer { background: #fff; } .light .package-footer { font-size: 14px; border-top: 1px solid #b4babb; color: #636363; } .light .package-footer #logo-mr { background: url(../components/footer/dev/img/light/logo-mr.png) no-repeat; } .light-flat .package-footer { font-size: 1.2em; color: #939393; } .light-flat .package-footer a { color: #2aa8e0; } .package-header { width: 100%; overflow: hidden; } .package-header .bar { margin: 9px 2%; white-space: nowrap; zoom: 1; } .package-header .bar:before, .package-header .bar:after { content: ""; display: table; } .package-header .bar:after { clear: both; } .package-header #logo { display: inline-block; margin-top: 0.6%; margin-right: 10px; max-height: 80px; max-width: 12%; vertical-align: top; } .package-header .title-container { max-width: 88%; display: inline-block; padding: 0; margin: 0; } .package-header .title-container h1, .package-header .title-container h2 { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .package-header #title { padding: 0; font-size: 3em; } .package-header #subtitle { padding: 0; font-size: 1.6em; } @media screen and (max-width: 25em) { .package-header #logo { display: none; } } .dark.no-user-background .package-header { background: -moz-linear-gradient(top, rgba(255,255,255,0.23) 0%, rgba(0,0,0,0.23) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.23)), color-stop(100%, rgba(0,0,0,0.23))); background: -webkit-linear-gradient(top, rgba(255,255,255,0.23) 0%, rgba(0,0,0,0.23) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0.23) 0%, rgba(0,0,0,0.23) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0.23) 0%, rgba(0,0,0,0.23) 100%); background: linear-gradient(top, rgba(255,255,255,0.23) 0%, rgba(0,0,0,0.23) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bffffff', endColorstr='#3b000000',GradientType=0 ); -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3bffffff', endColorstr='#3b000000',GradientType=0 ); } .dark .package-header #title { color: #5d9bcf; text-shadow: 0px 1px 1px #000; font: 3.2em/1 'Helvetica Neue', Helvetica, sans-serif; font-weight: 200; letter-spacing: 2px; } .dark .package-header #subtitle { color: #ccc; font: 1.6em/1.4 'Helvetica Neue', Helvetica, sans-serif; } .dark-flat.no-user-background .package-header { background-color: #1d262c; } .dark-flat .package-header { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: 200; } .dark-flat .package-header #title { color: #5d9bd3; } .dark-flat .package-header #subtitle { color: #fff; } .light.no-user-background .package-header { background: -moz-linear-gradient(top, rgba(235,239,241,0.45) 0%, rgba(166,183,186,0.45) 55%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(235,239,241,0.45)), color-stop(55%, rgba(166,183,186,0.45))); background: -webkit-linear-gradient(top, rgba(235,239,241,0.45) 0%, rgba(166,183,186,0.45) 55%); background: -o-linear-gradient(top, rgba(235,239,241,0.45) 0%, rgba(166,183,186,0.45) 55%); background: -ms-linear-gradient(top, rgba(235,239,241,0.45) 0%, rgba(166,183,186,0.45) 55%); background: linear-gradient(top, rgba(235,239,241,0.45) 0%, rgba(166,183,186,0.45) 55%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ebeff1', endColorstr='#73a6b7ba',GradientType=0 ); -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73ebeff1', endColorstr='#73a6b7ba',GradientType=0 ); } .light .package-header #title { color: #8197a5; text-shadow: 0px 1px 1px #fff; font: 3.2em/1 'Helvetica Neue', Helvetica, sans-serif; font-weight: 200; letter-spacing: 2px; } .light .package-header #subtitle { color: #636363; font: 1.6em/1.4 'Helvetica Neue', Helvetica, sans-serif; } .light-flat.no-user-background .package-header { background-color: #fff; } .light-flat .package-header { font-family: 'Helvetica Neue', Helvetica, sans-serif; font-weight: 200; border-bottom: 1px solid #686868; } .light-flat .package-header #title { color: #4f4f4f; } .light-flat .package-header #subtitle { color: #4f4f4f; } .vine-video, .embedly-embed { width: 300px; height: 300px; overflow: hidden; } .container.popup { overflow: visible; } .container.popup #photo-container { height: 100%; overflow: visible; } .container.popup #photo-container .frame { width: 100%; margin: 0; top: 0; left: 0; border: none; } .container.popup #photo-container .frame img { min-width: 0; } .massrel-status { -webkit-transition: margin 100ms; -moz-transition: margin 100ms; -o-transition: margin 100ms; -ms-transition: margin 100ms; transition: margin 100ms; font-size: 13px; font-family: "Helvetica Neue", Arial, sans-serif; line-height: 1; clear: both; min-height: 48px; border-bottom: 1px solid #eee; margin: 0; padding: 10px; } .massrel-status:hover { background-color: rgba(0,0,0,0.04); } .massrel-status:hover .massrel-intent { visibility: visible; } .massrel-status:hover .massrel-intent, .massrel-status:hover .massrel-details, .massrel-status:hover .massrel-details-created-at { color: #0084b4; } .massrel-status:hover .massrel-place-icon, .massrel-status:hover .massrel-intent-icon, .massrel-status:hover .massrel-verified, .massrel-status:hover .massrel-details-logo { text-decoration: none; } .massrel-status a { text-decoration: none; } .massrel-status a img { border: 0; } .massrel-status a:hover { text-decoration: underline; } .massrel-avatar { float: left; } .massrel-avatar, .massrel-avatar img { width: 3.6923076923076925em; height: 3.6923076923076925em; -webkit-border-radius: 6px; border-radius: 6px; } .massrel-content { padding-left: 4.461538461538462em; } .massrel-permalink { float: right; } .massrel-fb-story { margin-bottom: 0.7692307692307693em; } .massrel-fb-story-tag { font-size: 1.0769230769230769em; font-weight: bold; } .massrel-media { zoom: 1; } .massrel-media:before, .massrel-media:after { content: ""; display: table; } .massrel-media:after { clear: both; } .massrel-media-content { zoom: 1; padding: 0.7692307692307693em; padding-left: 0; background-color: rgba(0,0,0,0.1); } .massrel-media-content:before, .massrel-media-content:after { content: ""; display: table; } .massrel-media-content:after { clear: both; } .massrel-media-content.massrel-media-type-link { padding: 0.7692307692307693em; background-color: rgba(0,0,0,0.1); } .massrel-media-content-inner { margin-left: 0.7692307692307693em; } .massrel-media-photo { position: relative; display: inline-block; float: left; margin-top: -0.7692307692307693em; margin-bottom: -0.7692307692307693em; } .massrel-media-type-photo { padding: 0; background-color: transparent; } .massrel-media-type-photo .massrel-media-photo { margin-top: 0; margin-bottom: 0; } .massrel-media-photo img { max-width: 100px; max-height: 100px; } .massrel-media-photo .massrel-media-play-icon { display: block; position: absolute; top: 50%; left: 50%; width: 2.3076923076923075em; height: 2.3076923076923075em; margin-left: -1.1538461538461537em; margin-top: -1.1538461538461537em; background: url(../components/status-renderer/dev/img/icon_play_overlay.ems6c97xd7aiyts6vozbxwpel.png) no-repeat; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .massrel-media-photo:hover .massrel-media-play-icon { opacity: 1; -ms-filter: none; filter: none; } .massrel-media-fullsize { width: auto; } .massrel-media-fullsize .massrel-media-photo { float: none; margin-right: 0; } .massrel-media-fullsize .massrel-media-photo img { width: 100%; max-width: 430px; max-height: 600px; } .massrel-media-type-video .massrel-media-photo img { width: auto; } .massrel-media-photo-cell, .massrel-media-content-cell { margin: 0; padding: 0; } .massrel-media-photo-cell { vertical-align: middle; } .massrel-media-content-cell { vertical-align: top; width: 100%; } .massrel-media-name { display: block; display: inline-block; font-weight: bold; } .massrel-media-name, .massrel-media-caption { margin-bottom: 0.38461538461538464em; } .massrel-media-caption, .massrel-media-description { line-height: 1.2; } .massrel-permalink, .massrel-intent, .massrel-secondary-name, .massrel-retweeted-by, .massrel-retweeted-by-user, .massrel-details, .massrel-details-created-at, .massrel-media-name, .massrel-media-caption, .massrel-media-description, .massrel-fb-story { color: #999; } .massrel-text a, .massrel-title a, .massrel-status:hover .massrel-intent, .massrel-status:hover .massrel-details, .massrel-status:hover .massrel-details-created-at, .massrel-status:hover .massrel-media-name { color: #0084b4; } .massrel-permalink-logo, .massrel-details-logo { vertical-align: -0.11538461538461539em; } .lt-ie8 .massrel-permalink-logo, .lt-ie8 .massrel-details-logo { vertical-align: -0.038461538461538464em; } .massrel-permalink-logo { margin-left: 0.23076923076923078em; } .massrel-details-logo { margin-right: 0.23076923076923078em; } .massrel-permalink-logo-twitter, .massrel-details-logo-twitter { font-size: 1.2307692307692308em; color: #fff; } .massrel-permalink-logo-facebook, .massrel-details-logo-facebook { font-size: 1.3076923076923077em; color: #fff; } .massrel-permalink-logo-instagram, .massrel-details-logo-instagram { font-size: 1.3076923076923077em; color: #fff; } .massrel-permalink-logo-google, .massrel-details-logo-google { font-size: 1.3076923076923077em; color: #fff; } .massrel-permalink-logo-getglue, .massrel-details-logo-getglue { font-size: 1.3076923076923077em; color: #fff; } .massrel-author { margin-bottom: 0.23076923076923078em; } .massrel-primary-name { color: #000; font-size: 1.0769230769230769em; font-weight: bold; } .massrel-verified { position: relative; display: inline-block; font-size: 1.2307692307692308em; width: 1em; height: 1em; margin-left: 0.15384615384615385em; } .massrel-verified .icon-twitter-verified-bg { position: absolute; top: 0.11538461538461539em; left: 0; color: #1dcaff; } .massrel-verified .icon-twitter-verified-check { position: absolute; top: 0.11538461538461539em; left: 0; color: #fff; } .massrel-title { color: #000; font-size: 1.0769230769230769em; font-weight: bold; } .massrel-text { color: #000; line-height: 1.4; font-size: 1.0769230769230769em; word-wrap: break-word; } .massrel-text a { color: #0084b4; } .massrel-text-header { color: #999; } .massrel-retweeted-by { margin: 3px 0 6px 0; } .massrel-retweeted-by-label { float: left; display: inline-block; width: 0; height: 0; font-size: 0; overflow: hidden; } .massrel-retweeted-by-icon { display: inline-block; font-size: 0.8461538461538461em; vertical-align: 0.1346153846153846em; width: 1em; padding-left: 0.19230769230769232em; padding-right: 0.23076923076923078em; padding-bottom: 0.19230769230769232em; color: #fff; -webkit-border-radius: 0.23076923076923078em; border-radius: 0.23076923076923078em; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(1, #9a9a9a)); background: -webkit-linear-gradient(top, #bbb 0, #9a9a9a 100%); background: -moz-linear-gradient(top, #bbb 0, #9a9a9a 100%); background: -o-linear-gradient(top, #bbb 0, #9a9a9a 100%); background: -ms-linear-gradient(top, #bbb 0, #9a9a9a 100%); background: linear-gradient(top, #bbb 0, #9a9a9a 100%); } .lt-ie8 .massrel-retweeted-by-icon { padding-bottom: 0.3076923076923077em; padding-left: 0.2692307692307692em; } .massrel-meta { zoom: 1; margin-top: 0.23076923076923078em; height: 1.2307692307692308em; } .massrel-meta:before, .massrel-meta:after { content: ""; display: table; } .massrel-meta:after { clear: both; } .massrel-details { display: inline; margin-right: 0.7692307692307693em; white-space: nowrap; } .massrel-place-icon { margin-right: 0.07692307692307693em; font-size: 1.1538461538461537em; } .massrel-intents { display: inline; } .massrel-intent { visibility: hidden; } .massrel-intent~ .massrel-intent { margin-left: 0.6153846153846154em; } .massrel-intent-icon { margin-right: 0.23076923076923078em; } .massrel-media { margin-top: 0.7692307692307693em; margin-bottom: 0.7692307692307693em; } .massrel-media img { max-height: 300px; max-width: 280px; } @media screen and (max-width: 420px) { .massrel-media img { max-width: 100%; } } .massrel-media .instagram-video { width: 300px; height: 300px; } .massrel-media .vine { position: relative; } .massrel-media .vine img { z-index: 1; } .massrel-media .vine, .massrel-media .vine iframe, .massrel-media .vine .overlay { max-height: 300px; max-width: 300px; } .massrel-media .vine .overlay { position: absolute; cursor: pointer; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; background: url(../components/status-renderer/dev/img/vine-play.7b1nd3gzc0550ejnbz58lwljj.png) 50% 50% no-repeat; } .massrel-permalink, .massrel-intent, .massrel-secondary-name, .massrel-retweeted-by, .massrel-retweeted-by-user, .massrel-details, .massrel-details-created-at { color: #999; } .massrel-different-lines .massrel-primary-name { display: block; margin-top: 0.3076923076923077em; margin-bottom: 0.23076923076923078em; } .massrel-different-lines.massrel-different-lines .massrel-primary-name { margin-top: 0.46153846153846156em; } .massrel-different-lines .massrel-text { clear: both; } .massrel-different-lines .massrel-primary-name, .massrel-different-lines .massrel-secondary-name { overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .massrel-small-avatar .massrel-avatar, .massrel-small-avatar .massrel-avatar img { width: 3.076923076923077em; height: 3.076923076923077em; } .massrel-small-avatar.massrel-different-lines .massrel-primary-name { margin-top: 3px; } .massrel-small-avatar .massrel-content { padding-left: 50px; } .massrel-full-width .massrel-content { padding-left: 0; } .massrel-full-width .massrel-avatar { margin-right: 10px; } .massrel-full-width .massrel-text { clear: both; padding-top: 5px; } .lt-ie8 .massrel-full-width .massrel-text { padding-top: 0; margin-top: -0.38461538461538464em; } .massrel-no-action-label .massrel-intent { top: -0.9230769230769231em; } .massrel-show-intents .massrel-intent { visibility: visible; } .massrel-right-intents .massrel-intents { float: right; } .massrel-large-icons .massrel-intent-icon { font-size: 1.5384615384615385em; } .massrel-no-details .massrel-meta { height: auto; min-height: auto; } .massrel-no-details .massrel-details { display: none; } .massrel-klout { width: 2em; height: 1.8461538461538463em; background: url(../components/status-renderer/dev/img/klout-score-flag_50x45.e0sd9favsmn4hrwgsp5vugtgw.png) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .lt-ie9 .massrel-klout { background: none; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./components/status-renderer/dev/img/klout-score-flag_50x45.e0sd9favsmn4hrwgsp5vugtgw.png', sizingMethod='scale')"; } .massrel-klout-score { display: block; width: 2em; height: 1.8461538461538463em; line-height: 1.6923076923076923em; color: #fff; text-align: center; font-weight: bold; font-family: 'DINBold', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .massrel-klout-score:hover { text-decoration: none !important; } .massrel-klout-left.massrel-klout-wrapper, .massrel-klout-left .massrel-klout-wrapper { padding-left: 2.3076923076923075em; } .massrel-klout-left.massrel-klout-wrapper .massrel-klout, .massrel-klout-left .massrel-klout-wrapper .massrel-klout { float: left; margin-left: -2.3076923076923075em; } .massrel-klout-right.massrel-klout-wrapper .massrel-klout, .massrel-klout-right .massrel-klout-wrapper .massrel-klout { float: right; margin-left: 0.3076923076923077em; } .massrel-likelink { cursor: pointer; text-decoration: none; } .massrel-likelink:hover { text-decoration: underline; } .massrel-seeless { display: block; margin-top: 10px; } .dark .massrel-text, .dark-flat .massrel-text, .dark .massrel-title, .dark-flat .massrel-title, .dark .massrel-primary-name, .dark-flat .massrel-primary-name, .dark .massrel-fb-story-tag, .dark-flat .massrel-fb-story-tag { color: #ccc; } .dark .massrel-status, .dark-flat .massrel-status { border-bottom: none; } .dark .massrel-secondary-name, .dark-flat .massrel-secondary-name, .dark .massrel-permalink, .dark-flat .massrel-permalink, .dark .massrel-intent, .dark-flat .massrel-intent, .dark .massrel-secondary-name, .dark-flat .massrel-secondary-name, .dark .massrel-retweeted-by, .dark-flat .massrel-retweeted-by, .dark .massrel-retweeted-by-user, .dark-flat .massrel-retweeted-by-user, .dark .massrel-details, .dark-flat .massrel-details, .dark .massrel-details-created-at, .dark-flat .massrel-details-created-at, .dark .massrel-fb-story, .dark-flat .massrel-fb-story, .dark .massrel-media-content a, .dark-flat .massrel-media-content a { color: #999; } .dark .massrel-text a, .dark-flat .massrel-text a, .dark .massrel-title a, .dark-flat .massrel-title a, .dark .massrel-status:hover .massrel-secondary-name, .dark-flat .massrel-status:hover .massrel-secondary-name, .dark .massrel-status:hover .massrel-intent, .dark-flat .massrel-status:hover .massrel-intent, .dark .massrel-status:hover .massrel-details, .dark-flat .massrel-status:hover .massrel-details, .dark .massrel-status:hover .massrel-details-created-at, .dark-flat .massrel-status:hover .massrel-details-created-at, .dark .massrel-status:hover .massrel-media-name, .dark-flat .massrel-status:hover .massrel-media-name, .dark .massrel-status:hover .massrel-media-content a, .dark-flat .massrel-status:hover .massrel-media-content a { color: #5891c4; } .dark .massrel-permalink-logo, .dark-flat .massrel-permalink-logo, .dark .massrel-details-logo, .dark-flat .massrel-details-logo { color: #fff; } .light .massrel-text, .light-flat .massrel-text, .light .massrel-title, .light-flat .massrel-title, .light .massrel-primary-name, .light-flat .massrel-primary-name, .light .massrel-fb-story-tag, .light-flat .massrel-fb-story-tag { color: #4f4f4f; } .light .massrel-secondary-name, .light-flat .massrel-secondary-name, .light .massrel-permalink, .light-flat .massrel-permalink, .light .massrel-intent, .light-flat .massrel-intent, .light .massrel-secondary-name, .light-flat .massrel-secondary-name, .light .massrel-retweeted-by, .light-flat .massrel-retweeted-by, .light .massrel-retweeted-by-user, .light-flat .massrel-retweeted-by-user, .light .massrel-details, .light-flat .massrel-details, .light .massrel-details-created-at, .light-flat .massrel-details-created-at, .light .massrel-fb-story, .light-flat .massrel-fb-story { color: #999; } .light .massrel-media-name, .light-flat .massrel-media-name, .light .massrel-media-caption, .light-flat .massrel-media-caption, .light .massrel-media-description, .light-flat .massrel-media-description, .light .massrel-fb-story, .light-flat .massrel-fb-story, .light .massrel-media-content a, .light-flat .massrel-media-content a { color: #666; } .light .massrel-text a, .light-flat .massrel-text a, .light .massrel-title a, .light-flat .massrel-title a, .light .massrel-status:hover .massrel-secondary-name, .light-flat .massrel-status:hover .massrel-secondary-name, .light .massrel-status:hover .massrel-intent, .light-flat .massrel-status:hover .massrel-intent, .light .massrel-status:hover .massrel-details, .light-flat .massrel-status:hover .massrel-details, .light .massrel-status:hover .massrel-details-created-at, .light-flat .massrel-status:hover .massrel-details-created-at, .light .massrel-status:hover .massrel-media-name, .light-flat .massrel-status:hover .massrel-media-name, .light .massrel-status:hover .massrel-media-content a, .light-flat .massrel-status:hover .massrel-media-content a { color: #2aa8e0; } .light .massrel-status, .light-flat .massrel-status { border-bottom: 1px solid #e8e9e9; } .light .massrel-permalink-logo-twitter, .light-flat .massrel-permalink-logo-twitter, .light .massrel-details-logo-twitter, .light-flat .massrel-details-logo-twitter { color: #08bcef; } .light .massrel-permalink-logo-facebook, .light-flat .massrel-permalink-logo-facebook, .light .massrel-details-logo-facebook, .light-flat .massrel-details-logo-facebook { color: #3b5998; } .light .massrel-permalink-logo-instagram, .light-flat .massrel-permalink-logo-instagram, .light .massrel-details-logo-instagram, .light-flat .massrel-details-logo-instagram { color: #4d3e34; } .light .massrel-permalink-logo-google, .light-flat .massrel-permalink-logo-google, .light .massrel-details-logo-google, .light-flat .massrel-details-logo-google { color: #dd4b39; } .light .massrel-permalink-logo-getglue, .light-flat .massrel-permalink-logo-getglue, .light .massrel-details-logo-getglue, .light-flat .massrel-details-logo-getglue { color: #3076a1; } .no-theme .massrel-permalink-logo-facebook, .no-theme .massrel-permalink-logo-facebook, .no-theme .massrel-details-logo-facebook, .no-theme .massrel-details-logo-facebook { color: #3b5998; } .no-theme .massrel-media-name, .no-theme .massrel-media-caption, .no-theme .massrel-media-description, .no-theme .massrel-fb-story { color: #666; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body, .container { width: 100%; height: 100%; zoom: 1; } @media only screen and (max-width: 599px) { html, body, .container { height: auto; min-height: 100%; } } body, .container { font-size: 10px; line-height: 1.4; } .container { overflow: hidden; } body { -webkit-font-smoothing: antialiased; } .container { margin: 0 auto; position: relative; } .grid-column { width: 25%; float: left; } .grid-box { margin: 5px 5px 10px; padding-bottom: 97%; background: #fff; position: relative; overflow: visible; zoom: 1; } .grid-box:before, .grid-box:after { content: ""; display: table; } .grid-box:after { clear: both; } .grid-box .content { width: 100%; height: 100%; top: 0; left: 0; position: absolute; overflow: hidden; } .grid-image .content, .grid-sponsor-image .content { cursor: pointer; } .grid-image .content .vine .overlay, .grid-sponsor-image .content .vine .overlay { width: 100%; height: 100%; position: absolute; cursor: pointer; top: 0; left: 0; z-index: 2; background: url(../img/vine-play.7b1nd3gzc0550ejnbz58lwljj.png) 50% 50% no-repeat; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .grid-image .content .image, .grid-sponsor-image .content .image { width: 100%; height: 100%; } .grid-image .content .image img, .grid-sponsor-image .content .image img { top: 0; left: 50%; position: absolute; } .grid-image .content .source, .grid-sponsor-image .content .source { bottom: 1em; right: 1em; position: absolute; } .grid-image .content .source .massrel-permalink-logo, .grid-sponsor-image .content .source .massrel-permalink-logo { font-size: 2.4em; line-height: 1; } .grid-status .content .massrel-status, .grid-sponsor-status .content .massrel-status, .grid-status .content .massrel-body, .grid-sponsor-status .content .massrel-body { width: 100%; height: 100%; padding: 0; border: 0; font-size: 1em; position: absolute; overflow: hidden; } .grid-status .content .massrel-status .massrel-avatar, .grid-sponsor-status .content .massrel-status .massrel-avatar, .grid-status .content .massrel-body .massrel-avatar, .grid-sponsor-status .content .massrel-body .massrel-avatar { margin: 1.5em 1em 0 1.5em; } .grid-status .content .massrel-status .massrel-author, .grid-sponsor-status .content .massrel-status .massrel-author, .grid-status .content .massrel-body .massrel-author, .grid-sponsor-status .content .massrel-body .massrel-author { min-height: 3.6em; margin: 1.5em 1.5em 0 1em; } .grid-status .content .massrel-status .massrel-text, .grid-sponsor-status .content .massrel-status .massrel-text, .grid-status .content .massrel-body .massrel-text, .grid-sponsor-status .content .massrel-body .massrel-text { margin: 1em 1.5em 1.5em 1.5em; } .grid-status .content .massrel-status .massrel-retweeted-by, .grid-sponsor-status .content .massrel-status .massrel-retweeted-by, .grid-status .content .massrel-body .massrel-retweeted-by, .grid-sponsor-status .content .massrel-body .massrel-retweeted-by { margin: 1.5em; } .grid-status .content .massrel-status .massrel-permalink, .grid-sponsor-status .content .massrel-status .massrel-permalink, .grid-status .content .massrel-body .massrel-permalink, .grid-sponsor-status .content .massrel-body .massrel-permalink { margin-right: 1.5em; } .grid-status .content .massrel-status .massrel-details, .grid-sponsor-status .content .massrel-status .massrel-details, .grid-status .content .massrel-body .massrel-details, .grid-sponsor-status .content .massrel-body .massrel-details { margin-left: 1.5em; } .grid-status .content .massrel-status .massrel-meta, .grid-sponsor-status .content .massrel-status .massrel-meta, .grid-status .content .massrel-body .massrel-meta, .grid-sponsor-status .content .massrel-body .massrel-meta { width: 100%; bottom: 1em; left: 0; font-size: 1em; position: absolute; } .grid-status .content .massrel-status .massrel-permalink-created-at, .grid-sponsor-status .content .massrel-status .massrel-permalink-created-at, .grid-status .content .massrel-body .massrel-permalink-created-at, .grid-sponsor-status .content .massrel-body .massrel-permalink-created-at { font-size: 1em; } .grid-status .content .massrel-status .massrel-intents, .grid-sponsor-status .content .massrel-status .massrel-intents, .grid-status .content .massrel-body .massrel-intents, .grid-sponsor-status .content .massrel-body .massrel-intents { margin: 0; right: 1em; bottom: 0; position: absolute; } .grid-status .content .massrel-status .massrel-intent, .grid-sponsor-status .content .massrel-status .massrel-intent, .grid-status .content .massrel-body .massrel-intent, .grid-sponsor-status .content .massrel-body .massrel-intent { margin: 0; top: auto; } .grid-status .content .massrel-status .massrel-intent-icon, .grid-sponsor-status .content .massrel-status .massrel-intent-icon, .grid-status .content .massrel-body .massrel-intent-icon, .grid-sponsor-status .content .massrel-body .massrel-intent-icon { font-size: 1.5em; } .grid-status .content .massrel-status .massrel-avatar, .grid-sponsor-status .content .massrel-status .massrel-avatar, .grid-status .content .massrel-body .massrel-avatar, .grid-sponsor-status .content .massrel-body .massrel-avatar, .grid-status .content .massrel-status .massrel-avatar img, .grid-sponsor-status .content .massrel-status .massrel-avatar img, .grid-status .content .massrel-body .massrel-avatar img, .grid-sponsor-status .content .massrel-body .massrel-avatar img { width: 3em; height: 3em; } .grid-status .content .massrel-status .massrel-author, .grid-sponsor-status .content .massrel-status .massrel-author, .grid-status .content .massrel-body .massrel-author, .grid-sponsor-status .content .massrel-body .massrel-author { padding-left: 3em; } .grid-status .content .massrel-status .massrel-primary-name, .grid-sponsor-status .content .massrel-status .massrel-primary-name, .grid-status .content .massrel-body .massrel-primary-name, .grid-sponsor-status .content .massrel-body .massrel-primary-name { display: block; } .grid-status .content .massrel-status .massrel-secondary-name, .grid-sponsor-status .content .massrel-status .massrel-secondary-name, .grid-status .content .massrel-body .massrel-secondary-name, .grid-sponsor-status .content .massrel-body .massrel-secondary-name { color: inherit; } .grid-status .content .massrel-status .massrel-content, .grid-sponsor-status .content .massrel-status .massrel-content, .grid-status .content .massrel-body .massrel-content, .grid-sponsor-status .content .massrel-body .massrel-content { padding-left: 0; } .grid-status .content .massrel-status .massrel-text, .grid-sponsor-status .content .massrel-status .massrel-text, .grid-status .content .massrel-body .massrel-text, .grid-sponsor-status .content .massrel-body .massrel-text { height: auto; color: inherit; clear: both; } #overlay { width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 5; display: none; } #overlay .frame { width: 60%; padding: 1em; left: 50%; top: 50%; position: absolute; } .popup #overlay .frame { width: auto !important; } @media only screen and (max-width: 599px) { .popup #overlay .frame { width: auto !important; } } #overlay .frame-media { width: 50%; position: relative; float: left; } @media only screen and (max-width: 599px) { #overlay .frame-media { width: 100%; margin-top: 2em; } } #overlay .frame-media img, #overlay .frame-media iframe { min-width: 90%; max-width: 100%; max-height: 30em; margin: 0 auto; display: block; } #overlay .frame-status { padding: 3%; position: relative; } #overlay .frame-status.frame-half { width: 50%; padding: 4% 3% 3% 0; float: right; } @media only screen and (max-width: 599px) { #overlay .frame-status { width: 100%; padding: 0; } } #overlay .frame-youtube { height: 50%; } #overlay .frame-youtube .youtube-video { width: 100%; height: 100%; } #overlay .frame-pages { width: 50%; padding: 3%; float: right; position: relative; } @media only screen and (max-width: 599px) { #overlay .frame-pages { width: 100%; padding: 0; } } #overlay .frame-pages .frame-pages-list li { margin: 5px 0px; } #overlay .frame-pages .frame-pages-list.link-list li { float: left; } #overlay .frame-pages .frame-pages-list.button-list li { float: left; background-color: #fff; border: 1px solid #fff; -webkit-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; max-width: 200px; } #overlay .frame-pages .frame-pages-title { font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 12px; font-style: normal; height: 12px; margin-right: 24px; font-weight: bold; } #overlay .frame-pages .frame-pages-title.links-title { float: left; width: 100%; } #overlay .frame-pages .frame-pages-title.buttons-title { float: left; margin-bottom: 5px; width: 100%; } #overlay .frame-pages .frame-pages-list.link-list .massrel-text a { font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 13px; font-style: normal; } #overlay .frame-pages .frame-pages-list.button-list .massrel-text a { color: #4f4f4f; font: 12px/1.3 'Helvetica Neue', Helvetica, Arial, sans-serif; margin: 0 5px 0 0; padding: 3px 8px; text-decoration: none; display: block; } #overlay .frame-pages .frame-pages-list.button-list .massrel-text a:hover { color: #2aa8e0; text-decoration: underline; } #overlay .frame-close { cursor: pointer; width: auto; height: auto; top: 0.8em; right: 0.8em; position: absolute; font-size: 1.4em; } #overlay .frame-close:before { content: "\00D7"; } #overlay .massrel-status { padding-bottom: 2em; font-size: inherit; font-family: inherit; border: 0; } #overlay .massrel-status:hover { background-color: transparent; } #overlay .massrel-author { padding-right: 4em; -o-text-overflow: ellipsis; text-overflow: ellipsis; } #overlay .massrel-primary-name { color: inherit; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; } #overlay .massrel-text { color: inherit; font-size: inherit; } #overlay .massrel-text a { color: inherit; } #overlay .massrel-permalink, #overlay .massrel-meta { font-size: 0.8em; } #overlay .massrel-meta { width: 100%; padding: 1em 3%; left: 0; bottom: 0; text-align: right; position: absolute; zoom: 1; } #overlay .massrel-meta:before, #overlay .massrel-meta:after { content: ""; display: table; } #overlay .massrel-meta:after { clear: both; } #overlay .massrel-meta .massrel-details { float: left; } .csstransitions .animate { -webkit-transition: all 1s ease-out, -webkit-transform 1s ease-in-out; -moz-transition: all 1s ease-out, -moz-transform 1s ease-in-out; -o-transition: all 1s ease-out, -o-transform 1s ease-in-out; -ms-transition: all 1s ease-out, -ms-transform 1s ease-in-out; transition: all 1s ease-out, transform 1s ease-in-out; } .csstransitions .animate.grid { -webkit-transition: left 0.3s ease-in-out, top 0.3s ease-in-out; -moz-transition: left 0.3s ease-in-out, top 0.3s ease-in-out; -o-transition: left 0.3s ease-in-out, top 0.3s ease-in-out; -ms-transition: left 0.3s ease-in-out, top 0.3s ease-in-out; transition: left 0.3s ease-in-out, top 0.3s ease-in-out; } .csstransforms3d .grid-image, .csstransforms3d .grid-sponsor-image, .csstransforms3d .grid-status, .csstransforms3d .gird-sponsor-status { -webkit-perspective: 1200; -moz-perspective: 1200; -ms-perspective: 1200; -o-perspective: 1200; perspective: 1200; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .csstransforms3d .grid-image .content, .csstransforms3d .grid-sponsor-image .content, .csstransforms3d .grid-status .content, .csstransforms3d .gird-sponsor-status .content { -webkit-transform: rotate3d(0, 0, 0); -moz-transform: rotate3d(0, 0, 0); -o-transform: rotate3d(0, 0, 0); -ms-transform: rotate3d(0, 0, 0); transform: rotate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d .grid-image .content.flip-left, .csstransforms3d .grid-sponsor-image .content.flip-left, .csstransforms3d .grid-status .content.flip-left, .csstransforms3d .gird-sponsor-status .content.flip-left { -webkit-transform: rotate3d(0, -1, 0, 180deg); -moz-transform: rotate3d(0, -1, 0, 180deg); -o-transform: rotate3d(0, -1, 0, 180deg); -ms-transform: rotate3d(0, -1, 0, 180deg); transform: rotate3d(0, -1, 0, 180deg); } .csstransforms3d .grid-image .content.flip-right, .csstransforms3d .grid-sponsor-image .content.flip-right, .csstransforms3d .grid-status .content.flip-right, .csstransforms3d .gird-sponsor-status .content.flip-right { -webkit-transform: rotate3d(0, 1, 0, 180deg); -moz-transform: rotate3d(0, 1, 0, 180deg); -o-transform: rotate3d(0, 1, 0, 180deg); -ms-transform: rotate3d(0, 1, 0, 180deg); transform: rotate3d(0, 1, 0, 180deg); } .csstransforms3d .grid-image .content.flip-top, .csstransforms3d .grid-sponsor-image .content.flip-top, .csstransforms3d .grid-status .content.flip-top, .csstransforms3d .gird-sponsor-status .content.flip-top { -webkit-transform: rotate3d(-1, 0, 0, 180deg); -moz-transform: rotate3d(-1, 0, 0, 180deg); -o-transform: rotate3d(-1, 0, 0, 180deg); -ms-transform: rotate3d(-1, 0, 0, 180deg); transform: rotate3d(-1, 0, 0, 180deg); } .csstransforms3d .grid-image .content.flip-bottom, .csstransforms3d .grid-sponsor-image .content.flip-bottom, .csstransforms3d .grid-status .content.flip-bottom, .csstransforms3d .gird-sponsor-status .content.flip-bottom { -webkit-transform: rotate3d(1, 0, 0, 180deg); -moz-transform: rotate3d(1, 0, 0, 180deg); -o-transform: rotate3d(1, 0, 0, 180deg); -ms-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); } @font-face { font-family: 'Adriane'; src: url(../fonts/adrianetext.eot); src: url(../fonts/adrianetext.eot?#iefix) format('embedded-opentype'), url(../fonts/adrianetext.woff) format('woff'), url(../fonts/adrianetext.ttf) format('truetype'), url(../fonts/adrianetext.svg#svgFontName) format('svg'); font-weight: normal; font-style: normal; } .container { width: 99%; } .container-widget { width: 274px; height: 270px; } .container-widget .grid-box { margin: 0; padding: 0; position: absolute; } .container-widget .grid-box-1 { width: 78px; height: 240px; left: 15px; top: 15px; } .container-widget .grid-box-2 { width: 160px; height: 240px; right: 15px; top: 15px; } #overlay { width: 100%; height: 100%; background: url(../img/themes/nba/black_80.7glkl35bkr2p9fu2n93xhuapo.png); position: absolute; z-index: 5; display: none; } #overlay .frame { width: 60%; min-height: 200px; padding: 1em; top: 50% !important; left: 50%; color: #fff; font-size: 1.3em; background: #252525; border: 1px solid #000; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000; filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=10); position: fixed; z-index: 6; } #overlay .frame .frame-media { width: 50%; position: relative; float: left; } #overlay .frame .frame-media img, #overlay .frame .frame-media iframe { margin: 0 auto; display: block; } #overlay .frame .frame-media iframe { width: 280px !important; height: 280px !important; max-width: none; max-height: none; } #overlay .frame .frame-media .vine iframe { min-width: 0; } #overlay .frame .frame-status { padding: 3%; position: relative; } #overlay .frame .frame-status .massrel-primary-name { margin-bottom: 3px; color: #fff; } #overlay .frame .frame-status .massrel-content { padding-left: 0; } #overlay .frame .frame-status .massrel-author { min-height: 3.7em; padding-left: 4.6em; } #overlay .frame .frame-status .massrel-text { margin: 1em 0; clear: both; } #overlay .frame .frame-status .massrel-text a { color: #08bcef; } #overlay .frame .frame-status .massrel-meta { padding: 0; bottom: auto; left: auto; margin-top: 10px; font-size: inherit; position: relative; clear: both; } #overlay .frame .frame-status .massrel-meta .massrel-details { left: 0; } #overlay .frame .frame-status .massrel-meta .massrel-intents { margin-right: 0; font-size: 1.3em; } #overlay .frame .frame-status .massrel-retweeted-by-icon { width: 1.3em; } #overlay .frame .frame-status .massrel-permalink { font-size: inherit; } #overlay .frame .frame-status .massrel-permalink-logo { color: #08bcef; } #overlay .frame .frame-status .massrel-secondary-name, #overlay .frame .frame-status .massrel-intent, #overlay .frame .frame-status .massrel-details, #overlay .frame .frame-status .massrel-details-created-at { color: #999; } #overlay .frame .frame-status .massrel-secondary-name:hover, #overlay .frame .frame-status .massrel-intent:hover, #overlay .frame .frame-status .massrel-details:hover, #overlay .frame .frame-status .massrel-details-created-at:hover { color: #08bcef; } #overlay .frame .frame-status .massrel-intent { visibility: visible; } #overlay .frame .frame-close { cursor: pointer; top: 0.2em; right: 0.7em; position: absolute; } #overlay .frame .frame-close span { display: none; } .grid-avatar table, .grid-sponsor-avatar table { width: 100%; height: 100%; table-layout: fixed; } .grid-avatar table td, .grid-sponsor-avatar table td { line-height: 0.8; overflow: visible; } .grid-avatar table .avatar-1, .grid-sponsor-avatar table .avatar-1, .grid-avatar table .avatar-4, .grid-sponsor-avatar table .avatar-4, .grid-avatar table .avatar-7, .grid-sponsor-avatar table .avatar-7 { text-align: left; } .grid-avatar table .avatar-2, .grid-sponsor-avatar table .avatar-2, .grid-avatar table .avatar-5, .grid-sponsor-avatar table .avatar-5, .grid-avatar table .avatar-8, .grid-sponsor-avatar table .avatar-8 { text-align: center; } .grid-avatar table .avatar-3, .grid-sponsor-avatar table .avatar-3, .grid-avatar table .avatar-6, .grid-sponsor-avatar table .avatar-6, .grid-avatar table .avatar-9, .grid-sponsor-avatar table .avatar-9 { text-align: right; } .grid-avatar table .avatar-1, .grid-sponsor-avatar table .avatar-1, .grid-avatar table .avatar-2, .grid-sponsor-avatar table .avatar-2, .grid-avatar table .avatar-3, .grid-sponsor-avatar table .avatar-3 { vertical-align: top; } .grid-avatar table .avatar-4, .grid-sponsor-avatar table .avatar-4, .grid-avatar table .avatar-5, .grid-sponsor-avatar table .avatar-5, .grid-avatar table .avatar-6, .grid-sponsor-avatar table .avatar-6 { vertical-align: middle; } .grid-avatar table .avatar-7, .grid-sponsor-avatar table .avatar-7, .grid-avatar table .avatar-8, .grid-sponsor-avatar table .avatar-8, .grid-avatar table .avatar-9, .grid-sponsor-avatar table .avatar-9 { vertical-align: bottom; } .container-widget .grid-avatar table .avatar-1, .container-widget .grid-sponsor-avatar table .avatar-1 { vertical-align: top; } .container-widget .grid-avatar table .avatar-2, .container-widget .grid-sponsor-avatar table .avatar-2 { vertical-align: middle; } .container-widget .grid-avatar table .avatar-3, .container-widget .grid-sponsor-avatar table .avatar-3 { vertical-align: bottom; } .grid-avatar table img, .grid-sponsor-avatar table img { width: 96%; height: auto; display: block; border-collapse: separate; border: 1px solid #ccc; -webkit-box-shadow: 0 0 3px #aaa; box-shadow: 0 0 3px #aaa; filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=2); overflow: visible; cursor: pointer; } .container-widget .grid-avatar table img, .container-widget .grid-sponsor-avatar table img { width: 100%; -webkit-box-shadow: none; box-shadow: none; } .grid-image .content .image, .grid-sponsor-image .content .image { border: 1px solid #ccc; -webkit-box-shadow: 0 0 4px #999; box-shadow: 0 0 4px #999; filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=4); border-collapse: separate; } .grid-image .content .image iframe, .grid-sponsor-image .content .image iframe { width: 100% !important; height: 100% !important; } .grid-image .content .source, .grid-sponsor-image .content .source { padding: 2px 10px 5px 0; top: 10px; right: 0; bottom: auto; background: #252525; } .grid-image .content .source .massrel-permalink-logo, .grid-sponsor-image .content .source .massrel-permalink-logo { font-size: 24px; color: #fff; } .grid-status .content, .grid-sponsor-status .content { color: #333; background: #fff; border: 1px solid #ccc; -webkit-box-shadow: 0 0 4px #999; box-shadow: 0 0 4px #999; filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=4); } .grid-column-3 .grid-status .content, .grid-column-3 .grid-sponsor-status .content { color: #fff; background: #252525; } .grid-status .content .massrel-status, .grid-sponsor-status .content .massrel-status { font-size: 1.2em; } .grid-status .content .massrel-status:hover, .grid-sponsor-status .content .massrel-status:hover { background: inherit; } .grid-status .content .massrel-status:hover .massrel-intent, .grid-sponsor-status .content .massrel-status:hover .massrel-intent, .grid-status .content .massrel-status:hover .massrel-details, .grid-sponsor-status .content .massrel-status:hover .massrel-details, .grid-status .content .massrel-status:hover .massrel-details-created-at, .grid-sponsor-status .content .massrel-status:hover .massrel-details-created-at { color: #999; } .grid-status .content .massrel-status .massrel-avatar, .grid-sponsor-status .content .massrel-status .massrel-avatar, .grid-status .content .massrel-status .massrel-avatar img, .grid-sponsor-status .content .massrel-status .massrel-avatar img { width: 3.6em; height: 3.6em; } .grid-status .content .massrel-status .massrel-author, .grid-sponsor-status .content .massrel-status .massrel-author { padding-top: 0.7em; } .grid-status .content .massrel-status .massrel-primary-name, .grid-sponsor-status .content .massrel-status .massrel-primary-name { margin-bottom: 3px; padding-right: 2em; color: #333; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .grid-column-3 .grid-status .content .massrel-status .massrel-primary-name, .grid-column-3 .grid-sponsor-status .content .massrel-status .massrel-primary-name { color: #fff; } .grid-status .content .massrel-status .massrel-permalink-logo, .grid-sponsor-status .content .massrel-status .massrel-permalink-logo { color: #08bcef; } .grid-status .content .massrel-status .massrel-secondary-name, .grid-sponsor-status .content .massrel-status .massrel-secondary-name, .grid-status .content .massrel-status .massrel-intent, .grid-sponsor-status .content .massrel-status .massrel-intent, .grid-status .content .massrel-status .massrel-details, .grid-sponsor-status .content .massrel-status .massrel-details, .grid-status .content .massrel-status .massrel-details-created-at, .grid-sponsor-status .content .massrel-status .massrel-details-created-at { color: #999; } .grid-status .content .massrel-status .massrel-secondary-name:hover, .grid-sponsor-status .content .massrel-status .massrel-secondary-name:hover, .grid-status .content .massrel-status .massrel-intent:hover, .grid-sponsor-status .content .massrel-status .massrel-intent:hover, .grid-status .content .massrel-status .massrel-details:hover, .grid-sponsor-status .content .massrel-status .massrel-details:hover, .grid-status .content .massrel-status .massrel-details-created-at:hover, .grid-sponsor-status .content .massrel-status .massrel-details-created-at:hover { color: #08bcef; } .grid-status .content .massrel-status .massrel-intent, .grid-sponsor-status .content .massrel-status .massrel-intent { visibility: visible; }