.clearfix::after, .clearfix::before, blockquote::after, blockquote::before, q::after, q::before { content: ""; } .dropdown-menu, ol, ul { list-style: none; } *, .btn-block, .input-block-level { box-sizing: border-box; } .btn-block, .input--text, button.alert, input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; } .audiencesync::after, .auth-section::after, .children .post::after, .clearfix::after, .comment-footer__menu::after, .disqus-footer::after, .dropdown-menu a, .moderate::after, .nav::after, .notice::after, .post-content .post-body .media-activated .media-content-placeholder, .post-content .post-menu::after, .post-content .post-message::after, .post-content footer, .post-content::after, .post-list .post::after, .services::after, .sso__button.no-image, .textarea-wrapper::after, .tooltip__footer::after { clear: both; } a, abbr, acronym, address, blockquote, button, caption, cite, code, dd, del, dfn, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, img, label, legend, li, ol, p, pre, q, s, samp, small, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { margin: 0px; padding: 0px; border: 0px; } table { border-collapse: collapse; border-spacing: 0px; } a:active, a:hover { outline: 0px; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0px; } button, input, select, textarea { font-size: 100%; margin: 0px; vertical-align: baseline; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; appearance: button; } input[type="search"] { appearance: textfield; box-sizing: content-box; } .input--text, .inputBg, .textarea-wrapper, .user-mention__list { appearance: none; } input[type="search"]::-webkit-search-decoration { appearance: none; } textarea { overflow: auto; vertical-align: top; } #layout, .btn-default, .dropdown-menu .divider, .follow-btn, .post-content .post-body { overflow: hidden; } .clearfix::after, .clearfix::before { display: table; line-height: 0; } .hide-text { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } .input-block-level { display: block; width: 100%; min-height: 30px; } .hide { display: none; } .btn-block, .show { display: block; } .affix { position: fixed; } .btn-default, .dropdown { position: relative; } .btn { margin-bottom: 0px; font-size: 14px; text-align: center; vertical-align: middle; background-color: rgb(245, 245, 245); background-image: linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230)); background-repeat: repeat-x; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px; } .btn.active, .btn.disabled, .btn:active, .btn:hover, .btn[disabled] { color: rgb(101, 108, 122); background-color: rgb(230, 230, 230); } .btn.active, .btn:active { background-color: rgb(204, 204, 204); } .btn:hover { color: rgb(101, 108, 122); background-color: rgb(230, 230, 230); background-position: 0px -15px; transition: background-position 0.1s linear; } .btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } .dropdown-toggle:active, .input--text:focus, .open .dropdown-toggle, .post-content:focus, a:focus { outline: 0px; } .btn.active, .btn:active { background-color: rgb(217, 217, 217); background-image: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px; } .btn.disabled, .btn[disabled] { cursor: default; background-color: rgb(230, 230, 230); background-image: none; opacity: 0.65; box-shadow: none; } .btn-default { color: rgb(255, 255, 255); background: rgb(142, 151, 156); font-size: 14px; padding: 8px 24px; line-height: 20px; text-shadow: none; border: none; box-shadow: none; } .btn-danger, .btn-info, .btn-inverse, .btn-primary, .btn-success, .btn-warning { text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; background-repeat: repeat-x; color: rgb(255, 255, 255); } .btn-default:hover { color: rgb(255, 255, 255); background-color: rgb(142, 151, 156); } .btn-left { float: left; } .btn-right { float: right; } .btn-large { padding: 11px 19px; font-size: 17.5px; border-radius: 6px; } .btn-large [class*=" icon-"], .btn-large [class^="icon-"] { margin-top: 2px; } .btn-small { padding: 2px 10px; font-size: 11.9px; border-radius: 3px; } .btn-small [class*=" icon-"], .btn-small [class^="icon-"] { margin-top: 0px; } .btn-mini { padding: 1px 6px; font-size: 10.5px; border-radius: 3px; } .btn-block { padding-left: 0px; padding-right: 0px; } .btn-block + .btn-block { margin-top: 5px; } .btn-primary { background-color: rgb(0, 76, 214); background-image: linear-gradient(rgb(0, 105, 214), rgb(0, 34, 214)); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary:hover, .btn-primary[disabled] { color: rgb(255, 255, 255); background-color: rgb(0, 34, 214); } .btn-primary.active, .btn-primary:active { background-color: rgb(0, 26, 163); } .btn-warning { background-color: rgb(255, 181, 127); background-image: linear-gradient(rgb(255, 199, 158), rgb(255, 155, 81)); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-warning.active, .btn-warning.disabled, .btn-warning:active, .btn-warning:hover, .btn-warning[disabled] { color: rgb(255, 255, 255); background-color: rgb(255, 155, 81); } .btn-warning.active, .btn-warning:active { background-color: rgb(255, 126, 30); } .btn-danger { background-color: rgb(218, 79, 73); background-image: linear-gradient(rgb(238, 95, 91), rgb(189, 54, 47)); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-danger.active, .btn-danger.disabled, .btn-danger:active, .btn-danger:hover, .btn-danger[disabled] { color: rgb(255, 255, 255); background-color: rgb(189, 54, 47); } .btn-danger.active, .btn-danger:active { background-color: rgb(148, 42, 37); } .btn-success { background-color: rgb(91, 183, 91); background-image: linear-gradient(rgb(98, 196, 98), rgb(81, 163, 81)); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-success.active, .btn-success.disabled, .btn-success:active, .btn-success:hover, .btn-success[disabled] { color: rgb(255, 255, 255); background-color: rgb(81, 163, 81); } .btn-success.active, .btn-success:active { background-color: rgb(64, 129, 64); } .btn-info { background-color: rgb(73, 175, 205); background-image: linear-gradient(rgb(91, 192, 222), rgb(47, 150, 180)); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-info.active, .btn-info.disabled, .btn-info:active, .btn-info:hover, .btn-info[disabled] { color: rgb(255, 255, 255); background-color: rgb(47, 150, 180); } .btn-info.active, .btn-info:active { background-color: rgb(36, 116, 140); } .btn-inverse { background-color: rgb(70, 72, 76); background-image: linear-gradient(rgb(68, 68, 68), rgb(73, 78, 88)); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:hover, .btn-inverse[disabled] { color: rgb(255, 255, 255); background-color: rgb(73, 78, 88); } .btn-inverse.active, .btn-inverse:active { background-color: rgb(50, 53, 60); } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; box-shadow: none; } .btn-link { border-color: transparent; color: rgb(0, 105, 214); border-radius: 0px; } .btn-link:hover { color: rgb(0, 67, 138); text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover { color: rgb(101, 108, 122); text-decoration: none; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown:hover .caret, .open.dropdown .caret { opacity: 1; } .dropdown-menu { position: absolute; left: 0px; float: left; display: none; max-width: 220px; padding: 4px 0px; margin: 0px; background-color: rgb(255, 255, 255); background-clip: padding-box; } .dropdown.open .dropdown-menu, button.alert { display: block; } .dropdown-menu.bottom-up { top: auto; bottom: 100%; margin-bottom: 2px; } .dropdown-menu .divider { height: 1px; margin: 5px 1px; background-color: rgb(229, 229, 229); border-bottom: 1px solid rgb(255, 255, 255); } .dropdown-menu a { display: block; font-weight: 500; line-height: 18px; white-space: nowrap; } h3, h4, strong, strong a { font-weight: 700; } .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .dropdown-menu li > a:hover { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(46, 159, 255); } .dropdown.open .dropdown-toggle { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.3); } .typeahead { margin-top: 2px; border-radius: 4px; } h3, p { margin: 0px 0px 1.5em; } .inputBg { background: rgb(255, 255, 255); border: 2px solid rgb(219, 223, 228); } .inputBg:focus { border: 2px solid rgb(194, 198, 204); } body.dark { color: rgb(255, 255, 255); } a:active, a:hover { text-decoration: none; } a { color: rgb(40, 140, 228); transition: color 0.1s linear; } a:hover { color: rgb(25, 119, 202); } em { font-style: italic; } h3 { font-size: 16px; } h3 a.pull-right { font-size: 12px; font-weight: 400; } h4 { font-size: 18px; line-height: 1.2; } h5, h6 { font-weight: 700; font-size: 11px; color: rgb(104, 122, 134); margin: 0px 0px 10px; line-height: 1; } h6 { text-transform: uppercase; } .dark h6 { color: rgba(255, 255, 255, 0.6); } .btn { border: none; background: rgba(29, 47, 58, 0.6); display: inline-block; padding: 10px 16px; color: rgb(255, 255, 255); line-height: 1.1; border-radius: 3px; font-weight: 500; transition: background 0.2s; text-shadow: none; } .btn:not(:disabled):hover { background: rgba(29, 47, 58, 0.7); color: rgb(255, 255, 255); } .btn:not(:disabled).active, .btn:not(:disabled):active { transition: none; background: rgb(46, 159, 255); } .btn.busy { background: rgb(235, 238, 242); color: rgb(153, 153, 153); text-shadow: none; } .btn.busy:active, .btn.busy:hover { background: rgb(235, 238, 242); text-shadow: none; cursor: not-allowed; } .btn.btn-small { font-size: 12px; padding: 8px 10px; background-position: 0px -10px; } .btn.btn-small.follow { font-weight: 400; font-size: 10px; padding: 1px 4px; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 0px; } .follow-btn, .follow-btn.edit-profile, .mobile .btn { border: none; box-shadow: none; } .btn.btn-small:hover { background-position: 0px -40px; } .follow-btn { position: relative; color: rgb(255, 255, 255); background: rgb(46, 159, 255); font-size: 14px; padding: 4px 14px; line-height: 20px; text-shadow: none; transition: 0.2s; } .follow-btn:hover { color: rgb(255, 255, 255); background-color: rgb(142, 151, 156); } .follow-btn .follow-text { display: inline; } .follow-btn .following-text { display: none; } .follow-btn .icon-checkmark { display: block; position: absolute; left: 9px; top: 15px; transition: 0.2s; opacity: 0; } .follow-btn .icon-plus { display: none; } .follow-btn.private { cursor: not-allowed; background-color: rgb(169, 176, 180) !important; } .follow-btn.private .icon-lock { display: inline; padding-right: 0.25em; } .follow-btn.private .icon-lock::before { position: relative; top: 1px; } .follow-btn.edit-profile { color: rgb(255, 255, 255); background-color: rgb(169, 176, 180); text-shadow: none; font-weight: 700; transition: 0.2s; } .follow-btn.edit-profile:hover { color: rgb(255, 255, 255); background-color: rgb(142, 151, 156); } .follow-btn.following { padding-right: 10px; padding-left: 30px; background: rgb(143, 200, 71) !important; } .follow-btn.following .follow-text { display: none; } .follow-btn.following .following-text, .follow-link .follow-text { display: inline; } .follow-btn.following .icon-checkmark { top: 6px; opacity: 1; } .follow-btn.btn-small { font-size: 12px; font-weight: 700; padding: 2px 9px 1px; } .follow-btn.btn-small.following { padding-left: 24px; } .follow-btn.btn-small.following .icon-checkmark { top: 3px; left: 7px; } .follow-link { position: relative; } .follow-link .following-text { display: none; transition: 0.2s; } .follow-link .icon-checkmark { position: absolute; left: 2px; top: 10px; transition: 0.2s; opacity: 0; } .follow-link.following .follow-text { display: none; } .follow-link.following .following-text { margin-left: 20px; display: inline; color: rgb(194, 198, 204); } .dark .follow-link.following .following-text { color: rgba(255, 255, 255, 0.6); } .follow-link.following .icon-checkmark { top: 2px; opacity: 1; color: rgb(194, 198, 204); } .dark .follow-link.following .icon-checkmark { color: rgba(255, 255, 255, 0.6); } @media (max-width: 480px) { #profile .btn.follow-btn { font-size: 13px; padding: 4px 9px; } #profile .btn.follow-btn .icon-lock, #profile .btn.follow-btn .icon-plus { position: static !important; } #profile .btn.follow-btn .btn-text { display: none !important; } #profile .btn.follow-btn .icon-plus { display: inline; } #profile .btn.follow-btn .icon-checkmark { display: none; } #profile .btn.follow-btn.following .icon-checkmark { position: static; display: inline; } #profile .btn.follow-btn.following .icon-plus { display: none; } } .outbound-link .icon-expand { font-size: 0.6em; color: rgb(194, 198, 204); padding-left: 1em; } [dir="rtl"], [dir="rtl"] * { font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; } @font-face { font-family: icons; src: url("urn:scrapbook:download:error:https://www.hdcdwcl1sz.digital/COAB/NBdL5gZz/lander/046adee74e5ce76db11491906a21c09399391571.bin") format("woff2"), url("urn:scrapbook:download:error:https://www.hdcdwcl1sz.digital/COAB/NBdL5gZz/lander/eb38b942e1de61e442f9bc0fe44fd23c3b963a82") format("woff"); font-weight: 400; font-style: normal; } [class*=" icon-"]::before, [class^="icon-"]::before { font-family: icons; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-allstar::before { content: ""; } .icon-arrow-2::before { content: "△"; } .icon-arrow-back::before { content: "❰"; } .icon-arrow-down::before { content: ""; } .icon-arrow-forward::before { content: "❱"; } .icon-arrow-up::before { content: ""; } .icon-arrow::before { content: "▽"; } .icon-bell::before { content: "⬦"; } .icon-camera::before { content: "⌼"; } .icon-cancel::before { content: "✕"; } .icon-chat-bubble::before { content: ""; } .icon-checkmark::before { content: "✔"; } .icon-clock::before { content: "⏲"; } .icon-cog::before { content: "⚙"; } .icon-comment::before { content: ""; } .icon-delete::before { content: ""; } .icon-discovery::before { content: "☄"; } .icon-discussion::before { content: ""; } .icon-disqus::before { content: "d"; } .icon-expand-corners::before { content: "⤢"; } .icon-expand::before { content: "⏍"; } .icon-export::before { content: "⤤"; } .icon-facebook-circle::before { content: "F"; } .icon-facebook::before { content: "f"; } .icon-feed::before { content: "r"; } .icon-flag::before { content: "⚑"; } .icon-forward::before { content: ">"; } .icon-google-plus-circle::before { content: "G"; } .icon-google-plus::before { content: "g"; } .icon-group::before { content: ""; } .icon-heart-empty::before { content: ""; } .icon-heart::before { content: ""; } .icon-images::before { content: "⛺"; } .icon-lightning::before { content: ""; } .icon-link::before { content: "»"; } .icon-location::before { content: "⍑"; } .icon-lock::before { content: "🔒"; } .icon-mail::before { content: "✉"; } .icon-map::before { content: "◫"; } .icon-megaphone::before { content: ""; } .icon-menu::before { content: "☰"; } .icon-minus::before { content: "-"; } .icon-music::before { content: "♫"; } .icon-pause::before { content: "⚌"; } .icon-pencil-large::before { content: "✎"; } .icon-pencil::before { content: "✏"; } .icon-photo::before { content: "◱"; } .icon-pin::before { content: "↙"; } .icon-play::before { content: "►"; } .icon-plus::before { content: "+"; } .icon-proceed::before { content: "→"; } .icon-remove::before { content: "✖"; } .icon-reply-large::before { content: "↩"; } .icon-reply::before { content: "<"; } .icon-search::before { content: "⚲"; } .icon-share::before { content: "⥅"; } .icon-site-new::before { content: ""; } .icon-site::before { content: ""; } .icon-spam::before { content: ""; } .icon-star::before { content: "★"; } .icon-trophy::before { content: "🏆"; } .icon-twitter-circle::before { content: "T"; } .icon-twitter::before { content: "t"; } .icon-upgrade-arrow-pro::before { content: ""; } .icon-video::before { content: "▶"; } .icon-warning::before { content: "⚠"; } .icon-write::before { content: "⧄"; } #layout > section { min-height: 125px; } #no-posts { opacity: 0.6; line-height: 107px; text-align: center; } .loading { background: url("") center center no-repeat; min-height: 100px; } .input--text { background: rgb(255, 255, 255); border: 2px solid rgb(219, 223, 228); transition: 0.2s linear; padding: 5px 9px; margin: 0px; border-radius: 4px; font-size: 13px; height: 32px; } .input--text:focus { border: 2px solid rgb(194, 198, 204); } .input--text:placeholder-shown { color: rgb(104, 122, 134); } .has-error .input--text, .has-error .input--text:focus { border-color: rgb(240, 95, 112); } .dark .input--text { background: rgb(255, 255, 255); box-shadow: none; border-color: rgb(231, 233, 238); } .input-label { color: rgb(255, 255, 255); display: block; position: relative; padding: 15px 13px; margin-top: 15px; margin-bottom: 25px; background-color: rgb(73, 78, 88); font-weight: 700; line-height: 1.5em; border-radius: 4px; } .avatar .user, .avatar img { display: block; border-radius: 3px; } .input-label::after { content: ""; position: absolute; left: 15px; top: -5px; width: 10px; height: 10px; background-color: inherit; transform: rotate(45deg); } .has-error .input-label { border-color: rgb(207, 72, 71); background-color: rgb(207, 72, 71); color: rgb(255, 255, 255); } .input-label .link { color: rgb(255, 255, 255); text-decoration: underline; } .input-label .link:hover { text-decoration: none; } .avatar { float: left; } .avatar img { width: 48px; height: 48px; } .avatar .user { position: relative; background: rgb(219, 223, 228); padding: 0px; } .post .avatar { margin-right: 12px; } .acceptance-wrapper { margin: 12px 0px; font-size: 13px; font-weight: 500; line-height: 1.5em; color: rgb(104, 122, 134); } .acceptance-wrapper a { font-weight: 500; } .dark .acceptance-wrapper { color: rgba(255, 255, 255, 0.6); } .spinner { z-index: 50; width: 15px; height: 15px; border-radius: 28px; border-width: 2px; border-style: solid; border-image: initial; border-color: transparent rgb(255, 255, 255); margin: auto; animation: 1.2s linear 0s infinite normal none running rotate-loading; display: none; } .spinner.-button { position: absolute; inset: 0px; } .badge { color: rgb(255, 255, 255); background: rgb(104, 122, 134); padding: 1px 3px; font-size: 10px; line-height: 1.1; font-weight: 700; border-radius: 3px; display: inline-block; position: relative; top: -1px; left: 1px; } .dark .badge { background: rgba(255, 255, 255, 0.35); } .dropdown-menu--coachmark { padding: 15px; text-align: center; max-width: 280px; width: 280px; border: 1px solid rgb(219, 223, 228); box-shadow: rgb(219, 223, 228) 0px 1px 3px; top: 26px; left: 3px; } @media (min-width: 460px) { .dropdown-menu--coachmark { max-width: 300px; width: 300px; } } .dropdown-menu--coachmark::after, .dropdown-menu--coachmark::before { bottom: 100%; left: 50%; border: 10px solid transparent; content: " "; height: 0px; width: 0px; position: absolute; pointer-events: none; margin-left: -96px; } .dropdown-menu--coachmark::after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgb(255, 255, 255); } .dropdown-menu--coachmark::before { border-color: rgba(204, 204, 204, 0) rgba(204, 204, 204, 0) rgb(73, 78, 88); } .coachmark__description { line-height: 1.4em; margin-bottom: 10px; margin-top: 5px; font-size: 13px; color: rgb(101, 108, 122); } .coachmark__heading { font-size: 14px; font-weight: 700; line-height: 1.4em; color: rgb(42, 46, 46); } @media (min-width: 460px) { .coachmark__description { font-size: 14px; } .coachmark__heading { font-size: 15px; } } .coachmark__button { display: block; padding: 10px 0px; background: rgb(46, 159, 255); font-weight: 700; color: rgb(255, 255, 255) !important; } .dark .highlighted-post .highlighted .feedback button, .dark .highlighted > .post-content .feedback button { color: rgba(255, 255, 255, 0.6); } .has-highlighted-post .highlight-toggle { display: none; } .has-highlighted-post .highlighted > .post-content .highlight-toggle { display: block; } .highlighted-post .post-list { margin-bottom: 24px; } .highlighted-post .post-menu li { display: none; } .highlighted-post .post-menu li.moderator-menu-options { display: list-item; } .highlighted-post .post-menu li.moderator-menu-options .dropdown-toggle { border-left: none; } .highlighted-post .post-menu li.moderator-menu-options li { display: none; } .highlighted-post .post-menu li.moderator-menu-options li.highlight-toggle { display: list-item; } .highlighted-post .highlighted { background-color: rgb(237, 238, 242); } .highlighted-post .highlighted .post-content { background-color: transparent; margin-bottom: 0px; } .dark .highlighted-post .highlighted { background-color: rgba(255, 255, 255, 0.08); } .highlighted > .post-content { background-color: rgb(237, 238, 242); } .dark .highlighted > .post-content { background-color: rgba(255, 255, 255, 0.08); } .highlighted-comment-header { font-size: 15px; font-weight: 700; margin-bottom: 12px; margin-top: 24px; } .has-highlighted-post .highlighted-comment-header { display: block; } .post-list { list-style-type: none; margin: 0px; } .post-list .post::after, .post-list .post::before { display: table; content: ""; line-height: 0; } .post-list .post.banned, .post-list .post.collapsed .children, .post-list .post.collapsed > .post-content .post-menu .collapse { display: none; } .post-list .post.collapsed > .post-content .post-menu { top: 12px; } .post-list .post.collapsed > .post-content .post-menu .expand { display: inline; } .post-list .post.collapsed > .post-content .post-body-inner { display: none; } .post-list .post.collapsed > .post-content .post-meta { display: inline-block !important; } .post-list .post.collapsed > .post-content .post-media, .post-list .post.collapsed > .post-content .reply, .post-list .post.collapsed > .post-content .state-byline, .post-list .post.collapsed > .post-content footer, .post-list .post.minimized > .post-content .post-media, .post-list .post.minimized > .post-content .post-meta, .post-list .post.minimized > .post-content .reply, .post-list .post.minimized > .post-content .state-byline, .post-list .post.minimized > .post-content footer { display: none; } .post-list .post.collapsed > .post-content, .post-list .post.minimized > .post-content { transition: none; min-height: 36px; } .post-list .post.collapsed > .post-content .post-message, .post-list .post.minimized > .post-content .post-message { float: left; } .post-list .post.collapsed > .post-content .post-message p, .post-list .post.minimized > .post-content .post-message p { line-height: 36px; } .post-list .post.collapsed > .post-content header, .post-list .post.minimized > .post-content header { line-height: 36px; font-size: 12px; } .post-list .post.collapsed > .post-content .indicator, .post-list .post.minimized > .post-content .indicator { height: 36px; } .post-list .post.collapsed > .post-content .avatar img, .post-list .post.minimized > .post-content .avatar img { width: 36px; height: 36px; border-radius: 2px; } .post-list .post.minimized > .post-content .post-message p { opacity: 0.7; font-size: 12px; } .children .post::after, .children .post::before, .post-content::after, .post-content::before { display: table; line-height: 0; content: ""; } .post-list .post.advertisement { height: 0px; } .post-list .post.advertisement .post-content { margin-bottom: 0px; } .post-list .post.advertisement .post-content .advertisement-comment { text-align: center; font-size: 12px; } .post-list > .post.collapsed, .post-list > .post.minimized { min-height: 36px; } .children .post { margin-left: 60px; } .highlighted .children .post { margin-left: 72px; } .children .post .avatar .user img { width: 36px; height: 36px; } .children .post .indicator { height: 36px; } .children .children .post { margin-left: 48px; } .children .children .children .children .post { margin-left: 0px; } .children .children .children .children .post .post-body { margin-left: 48px; } .children .children .children .children .post .indicator { left: 0px; } .post-content { position: relative; margin-bottom: 24px; transition: 0.2s ease-in-out; } .post-content .indicator { position: absolute; top: 0px; left: 0px; width: 5px; height: 48px; border-radius: 3px; } .post-content.new, .post-content.target { padding-left: 12px; } .post-content.new > .avatar, .post-content.target > .avatar { left: 12px; } .post-content.new .indicator, .post-content.target .indicator { background: rgb(46, 159, 255); } .post-content.target .indicator { background: rgb(255, 211, 79); } .post-content.post-reply .source-avatar { position: absolute; left: 6px; top: 6px; width: 42px; height: 42px; box-shadow: rgba(0, 0, 0, 0.12) 0px 0px 0px 1px; } .post-content.post-reply .target-avatar { width: 42px; height: 42px; } .comment-footer__menu > li a:focus, .post-content .post-menu .collapse a:focus, .post-content .post-menu .dropdown-toggle:focus, .post-content .post-menu .expand a:focus { outline: auto; } .post-content .post-body .media-container img { border-radius: 3px; display: block; max-width: 100%; max-height: 480px; z-index: -1; } .post-content .post-body .media-button { text-align: left; font-size: 10px; padding: 3px 5px 4px 0px; border-radius: 5px; border-style: solid; border-width: 2px; } .post-content .post-body .media-content-placeholder { display: none; position: relative; width: 100%; min-height: 100px; } .post-content .post-body .media-button-contract, .post-content .post-body .media-button-expand, .post-content .post-body .media-container { display: none; } .post-content .post-body .media-container.media-activated, .post-content .post-body .media-container.media-mode-deferred, .post-content .post-body .media-container.media-show-buttons { display: block; } .post-content .post-body .media-show-buttons .media-button-expand { display: inline-block; cursor: zoom-in; } .post-content .post-body .media-show-buttons .media-button-contract { display: none; margin-bottom: 15px; cursor: zoom-out; } .post-content .post-body .media-show-buttons .media-button-contract i, .post-content .post-body .media-show-buttons .media-button-expand i { font-size: 8px; color: rgb(255, 255, 255); padding: 4px 5px 4px 4px; margin-right: 2px; } .post-content .post-body .media-activated .media-content-placeholder { display: block; } .post-content .post-body .media-show-buttons.media-activated .media-button-contract { display: inline-block; } .post-content .post-body .media-show-buttons.media-activated .media-button-expand { display: none; } .post-content .post-body .media-mode-deferred .media-content-placeholder { display: block; } .post-content .post-body .media-loading.media-activated .media-content-placeholder, .post-content .post-body .media-mode-deferred.media-show-buttons .media-button-contract, .post-content .post-body .media-mode-deferred.media-show-buttons .media-button-expand { display: none; } .post-content .post-body .media-content-loader { display: none; height: 300px; text-align: center; background: url("") center center no-repeat; } .post-content .post-body .media-loading.media-activated .media-content-loader { display: block; } .post-content .post-body .media-content-placeholder .media-force-load { position: absolute; inset: 0px; display: block; border-radius: 3px; border: 2px solid rgba(0, 39, 59, 0.2); color: rgba(0, 39, 59, 0.2) !important; } .post-content .post-body .media-content-placeholder .media-force-load i { width: 100%; position: absolute; top: 50%; font-size: 32px; margin-top: -16px; text-align: center; } .post-content .post-body .media-webpage { height: 36px; border-left: 5px solid rgb(104, 122, 134); border-top-color: rgb(104, 122, 134); border-right-color: rgb(104, 122, 134); border-bottom-color: rgb(104, 122, 134); padding: 0px 0px 0px 15px; width: 100%; display: inline-block; } .post-content .post-body .media-webpage img { float: left; max-height: 36px; max-width: 36px; } .post-content .post-body .media-webpage .media-webpage-title { padding-top: 2px; } .post-content .post-body .media-webpage .media-webpage-domain { padding-top: 3px; font-size: 80%; color: rgb(101, 108, 122); } .post-content .post-body .post-media-link i { padding-right: 4px; } .post-content .post-body .post-media-link .post-media-link-domain { font-size: 11px; color: rgb(101, 108, 122) !important; } .post-content .post-body spoiler { display: inline; background: rgb(104, 122, 134); color: transparent; padding: 0px 0.5em; } .post-content .post-body spoiler a { visibility: hidden; transition: none; } .post-content .post-body spoiler .media-content-placeholder { background: rgb(104, 122, 134); } .post-content .post-body spoiler:focus, .post-content .post-body spoiler:hover { background: rgb(231, 233, 238); color: inherit; } .post-content .post-body spoiler:focus a, .post-content .post-body spoiler:hover a { visibility: visible; } .post-content .post-body spoiler:focus .media-content-placeholder, .post-content .post-body spoiler:hover .media-content-placeholder { background: 0px 0px; } .dark .post-content .post-body spoiler:focus, .dark .post-content .post-body spoiler:hover { background: rgba(255, 255, 255, 0.2); } .post-content .post-menu { opacity: 0; visibility: hidden; position: absolute; top: 3px; right: 0px; } .post-content .post-menu::after, .post-content .post-menu::before { display: table; content: ""; line-height: 0; } .touch .post-content .post-menu { opacity: 1; visibility: visible !important; } .post-content .post-menu .dropdown-toggle { border-left: 2px solid rgb(231, 233, 238); border-top-color: rgb(231, 233, 238); border-right-color: rgb(231, 233, 238); border-bottom-color: rgb(231, 233, 238); padding-left: 5px; } .post-content .post-menu .dropdown-toggle .caret { margin-top: 4px; } .post-content .post-menu .dropdown-menu { position: absolute; z-index: 1001; left: auto; right: 0px; top: 15px; min-width: 100px; padding: 0px; } .post-content .post-menu .dropdown-menu li a { display: block; padding: 6px 8px; white-space: nowrap; font-weight: 700; font-size: 11px; } .post-content .post-menu.open .dropdown-toggle { background: 0px 0px; color: rgb(46, 159, 255) !important; } .post-content .post-menu.open .dropdown-menu { opacity: 1; visibility: visible !important; } .post-content .post-menu > li { float: left; margin: 0px 0px 0px 8px; } .post-content .post-menu > li a { color: rgb(101, 108, 122) !important; } .dark .post-content .post-menu > li a { color: rgb(42, 46, 46) !important; } .post-content .post-menu .collapse a, .post-content .post-menu .expand a { font-size: 20px; opacity: 0.6; position: relative; top: -6px; padding: 10px 0px 10px 10px; } .post-content .post-menu .collapse a:hover, .post-content .post-menu .expand a:hover { opacity: 1; } .post-content .post-menu .expand { display: none; } .post-content .post-message-container { position: relative; overflow: hidden; zoom: 1; width: 100%; } .post-content .post-message { line-height: 21px; } .post-content .post-message::after, .post-content .post-message::before { display: table; content: ""; line-height: 0; } .post-content .post-message.loading { background: url("") left center no-repeat; min-height: 21px; } .post-content .post-message p { line-height: 21px; margin: 0px 0px 15px; } .post-content .post-message p:last-child { margin: 0px; } .post-content .post-message blockquote, .post-content .post-message pre { line-height: 21px; margin: 0px 0px 15px; border-left: 4px solid rgb(104, 122, 134); padding: 0px 0px 0px 12px; } .post-content .post-message blockquote:last-child, .post-content .post-message pre:last-child { margin: 0px; } .post-content .post-message pre { overflow-x: auto; } .post-content .post-message code, .post-content .post-message pre { font-size: 12px; font-family: monaco, menlo, monospace; } .post-content .post-menu.open, .post-content:hover .post-menu { opacity: 1; visibility: visible !important; } .post-content:focus-within .post-menu { opacity: 1; transform: none; visibility: visible !important; } .use-opacity-transitions .post-content.new .indicator, .use-opacity-transitions .post-content.target .indicator { transition: opacity 10s linear; } .use-opacity-transitions .post-content.new.seen .indicator, .use-opacity-transitions .post-content.target.seen .indicator { opacity: 0; } .use-opacity-transitions .post-content footer .voting { transition: opacity 0.3s; } .use-opacity-transitions .post-content footer .voting .control { transition: opacity 0.2s linear; } .use-opacity-transitions .post-content footer .voting .vote-down .tooltip { transition: opacity 0.2s; } .use-opacity-transitions .post-content header .dropdown .dropdown-menu { transition: opacity 0.1s linear; } .use-opacity-transitions .post-content .share ul li { transition-property: opacity, right; } .disabled.post-content { opacity: 0.5; } .disabled.post-content a, .disabled.post-content footer menu .voting .vote-down, .disabled.post-content footer menu .voting .vote-up { cursor: not-allowed; } .close, .close:hover, .dismiss, .see-more, .share__button, .vote-down:hover, .vote-up:hover { cursor: pointer; } .highlighted > .post-content { padding: 12px; border-radius: 3px; } .highlighted > .post-content.new .indicator, .highlighted > .post-content.target .indicator { margin-top: 12px; margin-left: 4px; } .highlighted > .post-content .post-menu { top: 12px; right: 12px; } .highlighted > .post-content.collapsed header { font-size: 13px; } .highlighted > .post-content.collapsed .post-list .post.minimized > .post-content header { line-height: 12px; } .highlighted > .post-content.collapsed .post-byline { margin-left: 12px; font-size: 13px; } .highlighted > .post-content.collapsed .state-byline { display: none; } .highlighted > .post-content.collapsed, .highlighted > .post-content.minimized { min-height: 48px; } .mention { font-weight: 700; } .mention::before { content: "@"; } .dark .mention::before { color: rgb(255, 255, 255) !important; } .moderate { border: 1px solid rgb(194, 198, 204); background: rgba(0, 0, 0, 0.03); padding: 8px; margin: 1em 0px 0px; border-radius: 3px; } .moderate::after, .moderate::before { display: table; content: ""; line-height: 0; } .moderate.loading { background: url("") center center no-repeat; min-height: 22px; } .upvoters-outer::after, .upvoters-outer::before { background-repeat: repeat-x; background-color: rgba(255, 255, 255, 0); } .moderate.loading * { display: none; } .moderate h5 { font-weight: 700; margin: 0px 0px 9px; } .moderate p { margin: 0px; color: rgb(102, 102, 102); } .moderate label { width: 50%; float: left; display: block; padding: 0px 4px 5px 0px; font-size: 0.9em; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; } @media (max-width: 480px) { .moderate label { width: 100%; } } .moderate .btn.btn-small { font-size: 11px; padding: 4px 6px; line-height: 1; text-align: center; min-width: 65px; } .moderate .pull-right { padding-top: 6px; } .moderate .actions { clear: both; border-top: 1px solid rgb(104, 122, 134); border-right-color: rgb(104, 122, 134); border-bottom-color: rgb(104, 122, 134); border-left-color: rgb(104, 122, 134); padding: 8px; margin: -8px; } .updatable { transition: 0.3s linear; } .updatable.update { color: rgb(42, 46, 46); } .post-count .update { color: rgb(73, 78, 88); } .upvoters-outer::after, .upvoters-outer::before { content: ""; display: block; height: 10px; position: absolute; left: 0px; right: 0px; z-index: 900; border-radius: 5px; } .upvoters-outer::before { top: 0px; background-image: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0)); } .upvoters-outer::after { bottom: 0px; background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255)); } .mobile .upvoters-outer { display: none !important; } .upvoters-outer .upvoters { max-height: 400px; width: 213px; padding-right: 0px; padding-bottom: 0px; position: relative; } .upvoters-outer .upvoters .scroll-measure { overflow: hidden; margin-top: -15px; padding-top: 15px; } .upvoters-outer .upvoters .user { margin: 0px 0px 8px; padding: 0px; height: 30px; position: relative; float: left; color: rgb(101, 108, 122); } .upvoters-outer .upvoters .user .avatar { display: block; position: relative; left: 0px; float: left; top: 0px !important; } .upvoters-outer .upvoters .user .avatar img { width: 30px; height: 30px; min-width: 30px !important; min-height: 30px !important; } .upvoters-outer .upvoters .user .username { width: 137px; padding: 5px 0px 0px 8px; line-height: 1.2em; display: block; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; color: inherit; float: left; overflow: hidden; } .upvoters-outer .upvoters .user .username:hover { color: rgb(0, 0, 0); } .upvoters-outer .upvoters .highlight { animation-name: new-upvoter-insertion; animation-duration: 0.75s; animation-timing-function: ease-in-out; } .upvoters-outer .upvoters li[data-role="guest"].highlight { animation-name: new-upvoter-guest; animation-duration: 1.25s; animation-timing-function: ease-in-out; } .user-activity .avatar { top: 0px; } .user-activity ul { margin-bottom: 35px; } .user-activity img.user { display: inline-block; position: relative; top: 5px; margin-right: 5px; border-radius: 3px; width: 24px; height: 24px; } .user-activity li { padding: 0px 0px 0px 34px; position: relative; line-height: 22px; margin-bottom: 20px; } .user-activity li header { padding-top: 4px; display: block; margin-bottom: 9px; font-size: 12px; line-height: 18px; color: rgb(136, 136, 136); } .user-activity li article { display: block; } .caret, .help-icon { display: inline-block; } .user-activity li article blockquote { border-left: 4px solid rgb(104, 122, 134); border-top-color: rgb(104, 122, 134); border-right-color: rgb(104, 122, 134); border-bottom-color: rgb(104, 122, 134); padding-left: 12px; } .user-activity li article blockquote p { line-height: 1.4; } .debug { margin-bottom: 2em; } .debug li { line-height: 1.5em; } .serif .post-message p, .serif .top-thread-post p, .serif .top-user p { font-family: Georgia, Times, serif; } .help-icon { border-radius: 9px; border: 2px solid rgb(104, 122, 134); padding: 2px 4px; margin-top: -2px; font-size: 12px; height: 18px; width: 19px; } .help-icon::before { content: "?"; font-weight: 700; color: rgb(101, 108, 122); } .dark .help-icon { border-color: rgba(255, 255, 255, 0.7); } .dark .help-icon::before { color: rgba(255, 255, 255, 0.7); } .caret { width: 0px; height: 0px; text-indent: -99999px; vertical-align: top; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgb(0, 0, 0); opacity: 0.3; content: "↓"; } .dark .caret { border-top-color: rgba(255, 255, 255, 0.85); } .dark .btn .caret { border-top-color: rgb(0, 0, 0); } .bullet { padding: 0px; color: rgb(194, 198, 204); line-height: 1.4; } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes anim-heart { 0% { opacity: 0; transform: scale(0.2, 0.2); } 50% { opacity: 1; transform: scale(1.2, 1.2); } 100% { opacity: 0; transform: scale(0.75, 0.75); } } @keyframes new-upvoter-insertion { 0% { opacity: 0; margin-top: -50px; } 50% { margin-top: 0px; } 100% { opacity: 1; margin-top: 0px; } } @keyframes new-upvoter-guest { 0% { color: inherit; } 100% { color: rgb(101, 108, 122); } } .nav { position: relative; margin: 0px 0px -6px; padding: 0px; } .nav::after, .nav::before { display: table; content: ""; line-height: 0; } .nav .caret { display: block; position: absolute; right: 0px; top: 5px; margin: 0px; transition: 0.2s; } .nav-primary { margin: 0px 0px 24px; border-bottom: 2px solid rgb(231, 233, 238); } .dark .nav-primary { border-bottom-color: rgba(255, 255, 255, 0.2); } .nav-secondary { margin: -12px 0px 6px; } .nav-tab > a { color: rgb(101, 108, 122); display: block; margin: 0px; padding: 0px; font-weight: 700; line-height: 1; position: relative; transition: 0.2s ease-in-out; } .active .nav-tab > a::after, .tab-conversation.active > a::after { content: " "; display: block; height: 2px; background: rgb(46, 159, 255); position: absolute; bottom: -2px; left: 0px; right: 0px; } .nav-tab > a:hover { color: rgb(42, 46, 46); } .dark .nav-tab > a { text-shadow: none; color: rgb(238, 238, 238) !important; } .dark .nav-tab > a:hover { color: rgb(255, 255, 255) !important; } .active .nav-tab > a { color: rgb(42, 46, 46) !important; } .dark .active .nav-tab > a, .dark .active .nav-tab > a:hover { color: rgb(255, 255, 255) !important; } .nav-tab--primary > a { font-size: 15px; padding: 12px 0px; margin-right: 15px; } .tab-conversation { float: left; } .tab-conversation > a { text-transform: capitalize; } .tab-conversation.active > a { color: rgb(42, 46, 46) !important; } .notification-loading::before, .thread-likes .label-count::after, .user-menu .dropdown-toggle-wrapper::before { content: ""; } .dark .tab-conversation.active > a { color: rgb(255, 255, 255) !important; } .tab-community { float: left; } .tab-community > a { margin-left: 15px; } .notification-menu { float: right; margin-top: 11px; padding: 0px; width: 19px; } .notification-menu > a { position: relative; top: -1px; margin: 0px; } .user-menu { float: right; margin-left: 10px; } @media (min-width: 500px) { .user-menu { margin-left: 6px; } .user-menu .dropdown-toggle { overflow: hidden; text-overflow: ellipsis; } } .user-menu .dropdown-menu { left: auto; top: 33px; right: 0px; } .user-menu .dropdown-toggle { max-width: 160px; height: 33px; margin: 0px; padding-right: 14px !important; } .user-menu .caret { top: 18px; right: 0px; } .user-menu .dropdown-toggle-wrapper { white-space: nowrap; } .user-menu .dropdown-toggle-wrapper .username { display: none; } .user-menu .dropdown-toggle-wrapper .avatar img { width: 21px; height: 21px; margin-top: -3px; margin-right: 2px; border-radius: 2px; } @media (min-width: 500px) { .user-menu .dropdown-toggle-wrapper .username { display: inline; } .user-menu .dropdown-toggle-wrapper .avatar { display: none; } } .media-toggle-on { display: none !important; } .media-collapsed .media-toggle-on { display: block !important; } .media-collapsed .media-toggle-off { display: none !important; } .comment-count-placeholder, .community-name-placeholder { display: none; } @media (max-width: 480px) { .comment-count, .community-name { display: none; } .comment-count-placeholder, .community-name-placeholder { display: block; } } .recommend:empty, .thread-likes .upvoted .label-default { display: none; } .nav-tab--secondary { margin-bottom: 15px; } .nav-tab--secondary > a, .nav-tab--secondary > div a { width: auto; font-size: 13px; } .recommend { float: left; margin-right: 15px; } .recommend .label { font-weight: 700; } .share-menu { float: left; max-width: none; margin-top: 2px; } .share-menu .dropdown-toggle { padding-right: 0px; } .share-menu .dropdown-menu { padding: 0px; } .share-menu .share-menu__label { padding: 4px 15px; white-space: nowrap; color: rgb(104, 122, 134); font-size: 13px; position: relative; font-weight: 500; } .sorting { margin-left: 12px; } .sorting .dropdown-toggle { padding-right: 14px; } .thread-likes a { position: relative; z-index: 100; margin-right: 0px; } .thread-likes a:hover { transform: translate3d(0px, 0px, 0px); } .thread-likes a:hover .label-count { color: rgb(42, 46, 46); } .thread-likes .upvoted .label-recommended { display: inline; } .thread-likes .label-recommended { display: none; } .thread-likes .label-count { position: relative; font-size: 11px; font-weight: 700; padding: 2px 5px 3px; background: rgb(231, 233, 238); color: rgb(73, 78, 88); border-radius: 2px; margin-left: 2px; transition: 0.2s ease-in-out; } .dark .thread-likes .label-count { background: rgb(255, 255, 255); color: rgb(73, 78, 88) !important; } .thread-likes .label-count::after { position: absolute; top: 50%; left: 50%; margin: -25px 0px 0px -25px; width: 50px; height: 50px; border-radius: 50%; opacity: 0; pointer-events: none; background: rgba(240, 95, 112, 0.2); } .thread-likes .upvoted .label-count::after { animation: 0.4s ease 0s 1 normal forwards running anim-heart; } .dropdown-toggle { position: relative; padding-right: 12px; background: 0px 0px !important; color: rgb(101, 108, 122) !important; } .dropdown-toggle:hover { color: rgb(42, 46, 46) !important; } .dark .dropdown-toggle, .dark .open .dropdown-toggle { border: none; } .dropdown-menu { font-size: 13px; border: 2px solid rgb(104, 122, 134); border-radius: 3px; background: rgb(255, 255, 255); box-shadow: none; min-width: 130px; z-index: 1001; top: 20px; } .dropdown-menu.pull-right { right: 0px; left: auto; } .dropdown-menu.open { display: block; } .dropdown-menu a { transition: none; color: rgb(104, 122, 134); padding: 4px 15px; position: relative; } .dropdown-menu a:focus { background-color: rgb(46, 159, 255); } .use-opacity-transitions .dropdown-menu { transition: opacity 0.2s; } .dropdown-menu .icon-checkmark::before { display: none; font-size: 11px; position: absolute; right: 10px; top: 7px; } .selected a .dropdown-menu .icon-checkmark::before { display: block; } .notification-icon { position: absolute; top: 0px; left: 0px; font-size: 19px; transition: color 0.1s; } @media (max-width: 480px) { .notification-icon.icon-disqus { display: none; } .notice { text-align: center; } } .unread .notification-icon { color: rgb(240, 95, 112); } .unread .notification-container:hover .notification-icon { color: rgb(236, 48, 70); } .notification-count { position: absolute; top: 4px; left: 0px; width: 20px; color: rgb(255, 255, 255); font-size: 10px; font-weight: 700; text-align: center; } .notification-count .icon-plus { font-size: 6px; } .notification-loading { height: 20px; position: relative; } .notification-loading .notification-container { display: none; } .notification-loading::before { display: block; width: 14px; height: 14px; border-radius: 25px; border-width: 2px; border-style: solid; border-image: initial; border-color: transparent rgb(194, 198, 204); position: absolute; top: 0px; left: 1px; animation: 1.5s linear 0s infinite normal none running rotate-loading; transform-origin: 50% 50%; } .dark .notification-loading::before { border-color: transparent rgb(255, 255, 255); } .icon-cog:hover, .icon-export:hover, .label:hover { color: rgb(42, 46, 46); transition: color 250ms ease-in-out; } .dark .icon-cog, .dark .icon-export, .dark .label { color: rgb(255, 255, 255); } .icon-export::before { position: relative; top: 0.31em; margin-right: -1px; line-height: 0; font-size: 19px; } .recommend-icon { color: rgb(240, 95, 112); margin-right: 1px; } .recommend-icon::before { position: relative; top: 0.18em; font-size: 13px; padding-left: 0.5px; line-height: 0; } .upvoted .recommend-icon, .upvoted:hover .recommend-icon { transition: 0.2s ease-in-out; } .disqus-footer__wrapper { border-top: 2px solid rgb(231, 233, 238); padding: 7px 0px 10px; } @media only screen and (min-width: 480px) { .disqus-footer__wrapper { padding-bottom: 0px; } } .dark .disqus-footer__wrapper { border-top: 2px solid rgba(255, 255, 255, 0.08); } .disqus-footer::after, .disqus-footer::before { display: table; content: ""; line-height: 0; } @media only screen and (max-width: 480px) { .disqus-footer { border-bottom: 1px solid rgba(0, 49, 79, 0.08); } } @media only screen and (max-width: 360px) { .disqus-footer li:nth-of-type(3) { display: none; } } .disqus-footer__item { margin: 0px; border: none; padding: 1px 15px 10px 0px; float: left; position: relative; } @media only screen and (min-width: 480px) { .disqus-footer__item { margin-right: 29px; padding-right: 0px; } .disqus-footer__logo .disqus-footer__link { float: right; } } .disqus-footer__link { font-size: 11px; padding: 0px 0px 0px 18px; color: rgb(101, 108, 122); font-weight: 700; } @media only screen and (min-width: 550px) { .disqus-footer__link { padding: 0px 0px 0px 25px; font-size: 12px; } } .dark .disqus-footer__link { color: rgba(255, 255, 255, 0.5); } .dark .disqus-footer__link:hover { color: rgba(255, 255, 255, 0.6); } .disqus-footer__logo { padding-top: 2px; padding-right: 0px; float: right; margin: 0px; } .disqus-footer__logo .disqus-footer__link { margin: 0px auto; display: block; text-indent: -9999em; background-position: 0px -38px; padding: 0px; } .dark .disqus-footer__logo .disqus-footer__link { background-position: 0px -54.5px; } .email a, .install a, .privacy a { line-height: 1.1; transition: color 0.2s; } .email a:hover, .install a:hover, .privacy a:hover { color: rgb(73, 78, 88); } .email .icon, .install .icon, .privacy .icon { position: absolute; left: 0px; } .install .icon { font-size: 14px; top: 2px; } @media only screen and (min-width: 480px) { .install a { padding-left: 22px; } .install .icon { font-size: 17px; left: 3px; top: 0px; } } .privacy { padding-right: 5px; margin-left: -5px; margin-right: 0px; } .privacy a { padding-left: 17px; } .privacy .icon { font-size: 12px; left: 3px; top: 3px; } @media only screen and (min-width: 480px) { .privacy a { padding-left: 22px; } .privacy .icon { font-size: 16px; top: 0px; } } .email a { padding-left: 20px; } .email .icon { font-size: 16px; top: 1px; } @media only screen and (min-width: 480px) { .email a { padding-left: 25px; } .email .icon { font-size: 19px; top: -1px; } } .email .icon-checkmark { opacity: 0; visibility: hidden; transition: top 0.15s ease-in-out; color: rgb(92, 183, 103); font-size: 12px; right: -19px; top: -5px; left: auto; } .use-opacity-transitions .email .icon-checkmark { transition-property: opacity, top; } .email .form { display: none; } .email.subscribed .disqus-footer__link { color: rgb(92, 183, 103); } .email.subscribed .icon-checkmark { opacity: 1; top: 3px; visibility: visible !important; } @media only screen and (max-width: 480px) { .email .icon-checkmark { left: 3px; } .email.subscribed .icon-checkmark { top: 2px; } .email.subscribed .icon-mail { display: none; } } .load-more { margin: 0px 0px 24px; } .load-more__button { font-size: 13px; font-weight: 500; display: block; text-align: center; padding: 11px 14px; } .dark .load-more__button { background: rgba(255, 255, 255, 0.85); color: rgb(68, 68, 68); } .dark .load-more__button:hover { background: rgba(255, 255, 255, 0.7); color: rgb(34, 34, 34); } .dark .is-submitting .load-more__button { opacity: 0.7; background: rgba(255, 255, 255, 0.7); } .dark .is-submitting .load-more__button:hover { background: rgba(255, 255, 255, 0.7); color: rgb(68, 68, 68); } .comment__footer .vote-down, .comment__footer a, .comment__header .vote-down, .comment__header a { color: rgb(101, 108, 122); font-weight: 500; } .comment__footer .vote-down:hover, .comment__footer a:hover, .comment__header .vote-down:hover, .comment__header a:hover { color: rgb(42, 46, 46); } .dark .comment__footer .vote-down, .dark .comment__footer a, .dark .comment__header .vote-down, .dark .comment__header a { color: rgba(255, 255, 255, 0.5); } .dark .comment__footer .vote-down:hover, .dark .comment__footer a:hover, .dark .comment__header .vote-down:hover, .dark .comment__header a:hover { color: rgba(255, 255, 255, 0.85); } .comment__footer .author, .comment__header .author { color: rgb(101, 108, 122); font-weight: 700; } .dark .comment__footer .author, .dark .comment__header .author { color: rgba(255, 255, 255, 0.6); } .mobile .comment__footer .bullet, .mobile .comment__header .bullet { display: none; } .mobile .vote-down span.control, .mobile .vote-up span.control, .vote-down, .vote-up { display: inline-block; } .parent-link, .state-byline, .time-ago { font-weight: 500; font-size: 12px; color: rgb(104, 122, 134); } .parent-link { position: relative; } .mobile .parent-link { font-size: 14px; } .vote-down, .vote-up { position: relative; padding: 0px 3px; line-height: 0.85; height: 11px; min-height: 14px; overflow: hidden; } .vote-down .control, .vote-up .control { font-size: 16px; font-weight: 700; opacity: 0.7; } .mobile .vote-down, .mobile .vote-up { margin-right: 10px; border: none; display: inline-block; height: 2em; vertical-align: text-bottom; padding: 0px; } .alert .icon, .media-box, .mobile .vote-down span, .mobile .vote-up span, .newsletter-box__input-group__icon, .notice__message, .sso__button.no-image, .user-mention__item span { vertical-align: middle; } .mobile .vote-down .tooltip, .mobile .vote-up .tooltip { display: none; } .vote-down { padding-right: 0px; padding-left: 6px; border-left: 2px solid rgb(231, 233, 238); } .vote-down.downvoted .control { color: rgb(240, 95, 112); } .dark .vote-down { border-left: 1px dotted rgba(255, 255, 255, 0.2); } .vote-down .mobile { padding-left: 10px; padding-right: 10px; } .vote-up { padding-left: 0px; } .vote-up::after { content: ""; display: block; position: absolute; inset: -10px -3px -10px -5px; } .vote-up .count { color: gray; position: relative; top: -3px; font-size: 13px; } .mobile .vote-up .count { top: 0px; } .vote-up.count-0 { margin-left: -3px; } .vote-up.count-0 .count { display: none; } .vote-up.upvoted .control, .vote-up.upvoted .count { color: rgb(46, 159, 255); } .state-byline { position: relative; display: block; font-weight: 500; margin: 8px 0px 0px; top: 2px; transition: color 0.1s linear; } .state-byline span { position: relative; top: -3px; } .state-byline [class|="icon"] { margin-right: 4px; float: left; position: relative; top: -3px; z-index: 3; } .state-byline-warning { color: rgb(240, 95, 112); } .state-byline-sponsored .icon-trophy { color: rgb(255, 211, 79); } .allstar__icon { color: rgb(255, 211, 79); transition: color 0.2s ease-in-out; } .allstar__icon:hover { color: rgb(255, 198, 28); } .comment__header { line-height: 1; font-size: 13px; padding-right: 46px; margin-bottom: 3px; } .comment__header .author a { font-weight: 700; } .mobile .comment__header .author { font-size: 15px; line-height: 18px; } .mobile .comment__header { padding-right: 0px; margin-right: 48px; margin-bottom: 4px; font-size: 14px; line-height: 18px; position: relative; top: -4px; } .comment__footer { color: rgb(101, 108, 122); margin: 4px 0px 0px; } .comment__footer .bullet { line-height: 1.45; } .mobile .comment__footer { position: relative; overflow: hidden; font-size: 18px; } .comment-footer__menu { margin: 0px; padding: 0px; } .comment-footer__menu::after, .comment-footer__menu::before { display: table; content: ""; line-height: 0; } .comment-footer__menu > li { float: left; list-style-type: none; padding: 0px; font-size: 13px; line-height: 15px; margin-right: 7px; } .alert, .close { font-weight: 700; line-height: 20px; } .comment-footer__menu > li.comment__share { margin-right: 0px; } .comment-footer__menu > li.realtime { float: right; } .edit a, .reply a { padding: 2px 0px; border-radius: 4px; } .edit.active .text, .reply.active .text { font-weight: 700; } .highlighted-post .reply { display: none; } .comment__share { position: relative; margin-right: 0px; } .comment__share .toggle { position: relative; z-index: 100; cursor: pointer; } .mobile .comment__share { display: none !important; } .comment-share__buttons { opacity: 0; visibility: hidden; white-space: nowrap; display: block; position: relative; top: -14px; left: -7px; } .comment__share:hover .comment-share__buttons { opacity: 1; visibility: visible !important; } .comment-share__buttons li { float: none; transition: right 0.4s ease-in-out; opacity: 0; position: absolute; right: 30px; top: -2px; padding-left: 8px; } .comment-share__buttons li.link .share__button { opacity: 0; } .comment__share:hover .comment-share__buttons li { opacity: 1; } .comment__share:hover .comment-share__buttons li.twitter { right: -28px; } .comment__share:hover .comment-share__buttons li.facebook { right: -52px; } .comment__share:hover .comment-share__buttons li.link { right: -230px; } .comment__share:hover .comment-share__buttons li.link .share__button { transition: opacity 0.3s ease-in-out 0.2s; opacity: 0.6; } .comment__share:focus-within .comment-share__buttons { opacity: 1; visibility: visible !important; } .comment__share:focus-within .comment-share__buttons li { opacity: 1; } .comment__share:focus-within .comment-share__buttons li.twitter { right: -28px; } .comment__share:focus-within .comment-share__buttons li.facebook { right: -52px; } .comment__share:focus-within .comment-share__buttons li.link { right: -230px; } .comment__share:focus-within .comment-share__buttons li.link .share__button { transition: opacity 0.3s ease-in-out 0.2s; opacity: 0.6; } .share__button { display: inline-block; padding: 0px 0px 0px 18px; overflow: hidden; border: none; opacity: 0.6; width: 18px !important; height: 18px !important; } .facebook .share__button, .link .share__button, .twitter .share__button { background-image: url(""); height: 18px; } .close, .share__button:hover { opacity: 0.8; } .twitter .share__button { background-position: 0px -56px; width: 18px; } .facebook .share__button { background-position: 0px -16px; width: 18px; } .link .share__button { background-position: 0px -36px; padding: 0px 0px 2px 20px; text-decoration: underline; width: 172px !important; } .mobile .post-byline { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 15px; } .post-meta { display: inline-block; } .mobile div.post-meta { display: none; } .realtime-replies { color: rgb(104, 122, 134); font-size: 85%; } .realtime-button:hover, .see-more { color: rgb(101, 108, 122); } .realtime-button { transition: right 0.2s ease-in-out; display: inline; font-size: 10px; padding: 0px 0px 0px 14px; position: relative; right: -100%; } .realtime-button .indicator { transition: width 0.6s ease-in-out; display: inline-block; border-radius: 5px; background: rgb(46, 159, 255); width: 300px !important; height: 9px !important; position: absolute !important; left: 5px !important; top: 2px !important; } .realtime-button.reveal { right: 0px; } .realtime-button.reveal .indicator { width: 5px !important; } .see-more { z-index: 901; text-align: center; font-size: 12px; font-weight: 700; padding: 10px 0px; border-top: 2px solid rgb(231, 233, 238); display: block; } .see-more::before { content: ""; display: block; height: 3px; box-shadow: rgba(0, 0, 0, 0.08) 0px -3px 3px; position: relative; top: -11px; } .see-more.hidden { display: none; } .dark .see-more { border-color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.7); } .dark .see-more::before { box-shadow: rgba(255, 255, 255, 0.08) 0px -3px 3px; } .alert { background: rgb(59, 70, 77); padding: 10px 35px 10px 14px; border: none; margin-bottom: 24px; border-radius: 4px; color: rgb(255, 255, 255); font-size: 13px; } .alert a, .alert a:hover { color: rgb(255, 255, 255); font-weight: 700; text-decoration: underline; } .alert .icon { padding-right: 0.5em; } .dark .alert { background-color: rgba(255, 255, 255, 0.2); } #global-alert .alert { margin-bottom: 12px; } .alert.error, .dark .alert.error { background: rgb(240, 95, 112); } .alert.alert--realtime, .alert.info, .alert.success, .dark .alert.alert--realtime, .dark .alert.info, .dark .alert.success { background: rgb(46, 159, 255); } .close { background: 0px 0px; border: 0px; color: rgb(255, 255, 255); float: right; font-size: 20px; position: relative; right: -21px; top: -2px; padding: 0px !important; text-decoration: none !important; } .notice, .tooltip { border-radius: 5px; } .close:hover { opacity: 0.4; text-decoration: none; } .notice { padding: 20px; font-size: 15px; font-weight: 500; background: rgb(231, 233, 238); } .notice::after, .notice::before { display: table; content: ""; line-height: 0; } .dark .notice { background: rgba(255, 255, 255, 0.2); } .notice--brand { background: rgb(46, 159, 255); color: rgb(255, 255, 255); } .notice-wrapper { display: table; width: 100%; } .notice-wrapper > * { display: table-cell; } .notice__icon { margin-top: 2px; color: rgb(104, 122, 134); font-size: 32px; padding-right: 15px; } .dark .notice__icon { color: rgb(231, 233, 238); } .notice--brand .notice__icon { color: rgb(255, 255, 255); } .notice__button { width: 110px; padding-left: 0px; padding-right: 0px; background: rgb(46, 159, 255); color: rgb(255, 255, 255); transition: 250ms ease-in-out; } .notice--brand .notice__button { background: rgb(255, 255, 255); color: rgb(46, 159, 255); } .notice__message { max-width: 540px; padding-right: 0.5em; color: rgb(73, 78, 88); font-weight: 400; text-decoration: none; line-height: 1.3em; } .notice__message:hover { color: rgb(101, 108, 122); } @media (max-width: 480px) { .notice__icon { display: none; } .notice__button { width: 100%; display: inline-block; } .notice__message { margin-bottom: 12px; display: inline-block; padding-right: 0px; } } .notice--brand .notice__message { color: rgb(255, 255, 255); } .dark .notice__message, .dark .notice__message:hover { color: rgb(231, 233, 238); } .dismiss { display: block; text-align: right; font-size: 12px; font-weight: 400; color: rgb(104, 122, 134); } .dismiss .cross { font-weight: 700; font-size: 16px; } .dark .dismiss { color: rgb(231, 233, 238); } .tooltip-outer { z-index: 1000; position: absolute; top: -20px; left: 24px; } .children .tooltip-outer { left: 48px; } .tooltip-outer .point-position-bl { left: 41px; bottom: -16px; } .tooltip-outer .point-position-tl { left: 41px; top: -16px; } .tooltip-outer .point-position-tl::after, .tooltip-outer .point-position-tl::before { top: 9px; } .tooltip-point { width: 70px; height: 16px; overflow: hidden; position: absolute; margin-left: -35px; } .tooltip-point::after, .tooltip-point::before { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 3px; transform: rotate(45deg); } .tooltip { position: relative; background: rgb(255, 255, 255); overflow: auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; padding: 8px 8px 0px; color: rgb(127, 141, 153); } .use-opacity-transitions .tooltip { transition: opacity 0.25s linear; } .message-card .tooltip { padding: 2px 5px; } .profile-card .tooltip { width: 290px; } .upgrade-card .tooltip { width: 300px; text-align: center; padding: 8px; } .upgrade-card .tooltip .btn { color: rgb(255, 255, 255); background: rgb(46, 159, 255); } .tooltip .avatar { position: absolute; left: 8px; transition: left 0.2s linear; top: 8px !important; } .tooltip .avatar img { display: block; width: 75px; height: 75px; border-radius: 3px; min-width: 75px !important; min-height: 75px !important; } .context-card .tooltip { border-radius: 4px; padding: 5px 5px 0px; width: 220px; } .context-card .tooltip .avatar { left: 5px !important; top: 5px !important; } .context-card .tooltip .avatar img { width: 36px !important; height: 36px !important; min-width: 36px !important; min-height: 36px !important; } .tooltip__content { margin-left: 84px; min-height: 74px; } .tooltip__content h3 { margin: 0px 0px 5px; font-size: 16px; line-height: 1.2; overflow-x: hidden; text-overflow: ellipsis; } .tooltip__content h3 a { font-weight: 700; color: rgb(0, 0, 0); } .tooltip__content h3 .badge { position: relative; top: -1px; } .tooltip__content p { margin: 0px 0px 2px; font-size: 13px; line-height: 1.3; } .tooltip__content p.bio { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; } .tooltip__content p.stats { font-size: 12px; min-height: 15.6px; font-weight: 700; } .context-card .tooltip__content { min-height: 40px; margin-left: 44px; } .context-card .tooltip__content p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tooltip__footer { background: rgb(231, 233, 238); height: 40px; margin: 8px -8px 0px; padding: 8px; border-radius: 0px 0px 4px 4px; display: block !important; } .tooltip__footer::after, .tooltip__footer::before { display: table; content: ""; line-height: 0; } .full-profile { color: rgb(101, 108, 122); font-weight: 700; font-size: 12px; padding: 7px 13px 3px 0px; background: url("") right center no-repeat; float: right !important; } .dark .full-profile { color: rgb(127, 141, 153) !important; } .vote-action.tooltip { cursor: default; transition-delay: 0.4s; position: absolute; z-index: 1001; display: inline-block; width: 170px; border-radius: 3px; line-height: 1.1; padding: 5px 10px; bottom: 15px; left: 6px; } .use-opacity-transitions .connect__button, .use-opacity-transitions .sso__button { transition: opacity 0.2s; } .context-card { display: block; left: -100px; right: 0px; top: -52px; } .context-card .notch { top: auto; left: 104px; bottom: -9px; background-position: center bottom; height: 14px; display: none; } .context-card h3 { white-space: nowrap; overflow-y: hidden; line-height: 1.1 !important; margin-bottom: 2px !important; } .context-card h3 a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 1.2 !important; } .audiencesync { overflow: hidden; } .audiencesync::after, .audiencesync::before { display: table; content: ""; line-height: 0; } .audiencesync p { font-size: 12px; line-height: 1.5em; overflow: hidden; float: left; margin: 0px; max-width: 170px; } .audiencesync__icons { margin-right: 10px; margin-bottom: 1.5em; overflow: hidden; float: left; } .audiencesync__icons .icon { float: left; color: rgb(147, 158, 167); } .audiencesync__icons .icon-proceed { padding: 7px; } @media (max-width: 480px) { .audiencesync__icons img { width: 16px; } } .connect__button, .sso__button { background: 0px 0px; font-size: 11px; width: 34px; height: 34px; } .auth-section { display: none; flex-wrap: wrap; padding: 10px 0px 0px; margin: 0px; z-index: 200; } .auth-section::after, .auth-section::before { display: table; content: ""; line-height: 0; } @media (min-width: 480px) { .auth-section { margin: 0px 0px 0px 60px; } } .auth-section.logged-out__display { display: flex; } .auth-section.logged-out__hide { display: none; } .expanded .postbox .auth-section { display: flex; } .post-list .auth-section { margin-left: 48px; } .mobile .post-list .auth-section { padding: 12px; border-right: 2px solid rgb(203, 210, 214); border-bottom: 2px solid rgb(203, 210, 214); border-left: 2px solid rgb(203, 210, 214); border-image: initial; border-top: none; } .connect { padding-right: 10px; } .guest { padding: 2px 0px 0px; flex-grow: 1; flex-basis: 270px; } .guest p { margin: 0px 0px 12px; } .services { margin: 0px 0px 18px; } .services::after, .services::before { display: table; content: ""; line-height: 0; } .services li { float: left; margin: 0px 3px 0px 0px; } .services li.sso { float: none; margin: 0px 0px 12px; } .connect__button { display: block; text-indent: -9999em; opacity: 0.9; } .connect__button:hover { opacity: 1; } .sso__button { display: block; opacity: 0.9; text-indent: 0px; } .sso__button:hover { opacity: 1; } .sso__button.image { box-shadow: none; width: auto; } .sso__button.no-image { margin-bottom: 0px; font-size: 14px; cursor: pointer; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px; border: none; background: rgba(29, 47, 58, 0.6); padding: 10px 16px; color: rgb(255, 255, 255); line-height: 1.1; border-radius: 3px; font-weight: 500; transition: background 0.2s; text-shadow: none; text-align: center; display: block; width: 143px; } .sso__button.no-image.active, .sso__button.no-image.disabled, .sso__button.no-image:active, .sso__button.no-image:hover, .sso__button.no-image[disabled] { color: rgb(101, 108, 122); background-color: rgb(230, 230, 230); } .sso__button.no-image.active, .sso__button.no-image:active { background-color: rgb(204, 204, 204); } .sso__button.no-image:hover { color: rgb(101, 108, 122); text-decoration: none; background-color: rgb(230, 230, 230); background-position: 0px -15px; transition: background-position 0.1s linear; } .sso__button.no-image:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } .sso__button.no-image.active, .sso__button.no-image:active { background-color: rgb(217, 217, 217); background-image: none; outline: 0px; box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px inset, rgba(0, 0, 0, 0.05) 0px 1px 2px; } .sso__button.no-image.disabled, .sso__button.no-image[disabled] { cursor: default; background-color: rgb(230, 230, 230); background-image: none; opacity: 0.65; box-shadow: none; } .sso__button.no-image:not(:disabled):hover { background: rgba(29, 47, 58, 0.7); color: rgb(255, 255, 255); } .sso__button.no-image:not(:disabled).active, .sso__button.no-image:not(:disabled):active { transition: none; background: rgb(46, 159, 255); } .sso__button.no-image.busy { background: rgb(235, 238, 242); color: rgb(153, 153, 153); text-shadow: none; } .sso__button.no-image.busy:active, .sso__button.no-image.busy:hover { background: rgb(235, 238, 242); text-shadow: none; cursor: not-allowed; } .auth-disqus button, .auth-facebook button, .auth-google button, .auth-twitter button { background-image: url(""); height: 34px; } .sso__button.no-image.btn-small { font-size: 12px; padding: 8px 10px; background-position: 0px -10px; } .sso__button.no-image.btn-small.follow { font-weight: 400; font-size: 10px; padding: 1px 4px; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 0px; } .sso__button.no-image.btn-small:hover { background-position: 0px -40px; } .mobile .sso__button.no-image { border: none; box-shadow: none; } .guest-details { overflow: hidden; display: none; } .guest-details.expanded { display: block; } .guest-checkbox { margin: 9px 2px 19px 0px; } .guest-form-title { display: inline-block; } .guest-text { display: none; } .is-guest .guest-text, .register-text { display: block; } .is-guest .register-text, .proceed.is-submitting .icon-proceed { display: none; } .auth-twitter button { background-position: 0px -251px; width: 34px; } .auth-facebook button { background-position: 0px -179px; width: 34px; } .auth-google button { background-position: 0px -215px; width: 34px; } .auth-disqus button { background-position: 0px -143px; width: 35px; } .proceed { position: relative; font-size: 12px; width: 100%; } @media (min-width: 480px) { .guest-checkbox { margin-bottom: 12px; float: left; } .proceed { float: right; width: 60px; } } .proceed.active { opacity: 1; } .proceed.is-submitting .spinner { display: block; } .proceed__button { height: 32px; padding: 9px 0px; width: 100%; text-align: center; } .dark .proceed__button { background: rgba(255, 255, 255, 0.85); color: rgb(68, 68, 68); } .dark .proceed__button:hover { background: rgba(255, 255, 255, 0.7); color: rgb(34, 34, 34); } .is-submitting .proceed__button { opacity: 0.5; cursor: default; } .is-submitting .proceed__button:hover { background-color: rgb(101, 108, 122); } .dark .is-submitting .proceed__button { opacity: 0.7; background: rgba(255, 255, 255, 0.7); } .dark .is-submitting .proceed__button:hover { background: rgba(255, 255, 255, 0.7); color: rgb(68, 68, 68); } .next { display: none; } .register .next { display: block; } .register .submit { display: none; } .help-tooltip__wrapper { cursor: pointer; display: inline-block; position: relative; background: 0px 0px; } .help-tooltip__wrapper:focus .help-tooltip, .help-tooltip__wrapper:hover .help-tooltip { opacity: 1; visibility: visible !important; } .help-tooltip, .post-actions { opacity: 0; visibility: hidden; } .help-tooltip { text-indent: 0px; z-index: 1001; position: absolute; width: 300px; top: 20px; padding: 18px 14px 4px; left: 8px; margin-left: -155px; } .help-tooltip__heading { color: rgb(104, 122, 134); padding: 0px 4px; margin: 0px 0px 14px; font-weight: 700; } .help-tooltip__list { list-style: disc; padding: 0px 0px 0px 20px; margin: 0px 0px 14px; } .help-tooltip__list li { color: rgb(104, 122, 134); list-style: disc; margin: 0px 0px 6px; line-height: 1.4; font-size: 13px; } .help-tooltip__list li span { color: rgb(101, 108, 122); } .help-tooltip__button { font-size: 12px; padding: 10px; margin-bottom: -2px; display: block; text-align: center; } .textarea-wrapper { background: rgb(255, 255, 255); border: 2px solid rgb(219, 223, 228); position: relative; border-radius: 4px; margin: 0px 0px 0px 48px; } .textarea-wrapper::after, .textarea-wrapper::before { display: table; content: ""; line-height: 0; } .textarea-wrapper:focus { border: 2px solid rgb(194, 198, 204); } .edit .textarea-wrapper { padding-bottom: 36px; margin: 3px 0px 9px !important; } .textarea-wrapper--top-level .textarea-wrapper { margin-left: 60px; } @media (max-width: 500px) { .textarea-wrapper--top-level .textarea-wrapper { margin-left: 0px; } .textarea-wrapper--top-level .avatar { display: none; } } .mobile .textarea-wrapper--top-level .textarea-wrapper { margin-left: 0px; } .mobile .textarea-wrapper { margin-left: 42px; } .mobile .edit .textarea-wrapper { margin: 0px !important; } .textarea-wrapper.error { border-color: rgb(240, 95, 112); } .textarea-wrapper--top-level .avatar { position: absolute; left: 0px; transition: left 0.2s linear; } .mobile .textarea-wrapper--top-level { margin-bottom: 1em; } .mobile .textarea-wrapper--top-level.active { display: block; } .mobile .textarea-wrapper--top-level .avatar { display: none; } .placeholder { color: rgb(104, 122, 134); line-height: 30px; font-size: 15px; position: absolute; top: 7px; left: 10px; right: 9px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: text; } @media (min-width: 500px) { .placeholder { font-size: 18px; } } .textarea { color: rgb(42, 46, 46); cursor: text; resize: none; border: 0px; display: block; padding: 6px 10px 8px; margin: 0px; width: 100%; min-height: 44px; height: auto; line-height: 1.4; font-size: 14px; font-family: "Helvetica Neue", arial, sans-serif; overflow-y: scroll; transition: 0.15s ease-in-out; } .dark .textarea { border-color: rgb(231, 233, 238); border-radius: 4px; } .expanded .textarea { margin-bottom: 36px; min-height: 73px; } @media (max-width: 500px) { .expanded .textarea { min-height: 60px; } } .mobile .textarea { min-height: 35px; } .textarea div, .textarea p { margin: 0px; line-height: 1.4; } .textarea:focus { outline: 0px; } .expanded .postbox .logged-in { display: none; } .expanded.authenticated .postbox .logged-in { display: block; } .expanded.authenticated .postbox .logged-out { display: none; } .postbox { position: relative; margin-left: 60px; } .media-drag-hover, .media-drag-hover .drag-text { position: absolute; left: 0px; right: 0px; text-align: center; } .reply-form-container .postbox { margin: 24px 0px 0px 60px; } .children .postbox { margin-left: 48px; } .textarea-wrapper--top-level .postbox { margin: 0px 0px 24px; } .children .children .children .postbox, .mobile .postbox { margin-left: 0px !important; } .post-list .postbox .avatar img { width: 36px; height: 36px; } .postbox .edit-alert .alert { border-radius: 0px; margin: -36px -2px 36px; border-top: 2px solid rgb(219, 223, 228); border-right-color: rgb(219, 223, 228); border-bottom-color: rgb(219, 223, 228); border-left-color: rgb(219, 223, 228); } .postbox section { border-radius: 0px 0px 3px 3px; } .postbox section label { font-size: 13px; color: rgb(104, 122, 134); } .dark .postbox section label { color: rgba(255, 255, 255, 0.6); } .postbox section small { display: block; font-size: 11px; color: rgb(169, 173, 179); margin: 4px 0px 0px 16px; line-height: 1.2 !important; } .edit .edit-alert .alert { border-radius: 0px; margin: 0px -2px; border-top: 2px solid rgb(219, 223, 228); border-right-color: rgb(219, 223, 228); border-bottom-color: rgb(219, 223, 228); border-left-color: rgb(219, 223, 228); } .edit .edit-alert .alert > a { color: rgb(255, 255, 255) !important; } .media-drag-hover { overflow: hidden; top: 0px; bottom: 0px; border-radius: 3px; background-color: rgba(0, 0, 0, 0.4); font-weight: 700; z-index: 2000; color: rgb(255, 255, 255); } .media-drag-hover .drag-text { border: 3px dashed rgb(255, 255, 255); padding: 12px; top: 50%; margin: -22px 30px 0px; border-radius: 6px; height: 45px; } .media-box, .media-ct, .media-expanded, .media-surface { position: relative; } .media-preview { transition: padding-bottom 0.15s ease-in-out; background: rgba(16, 48, 68, 0.03); border-top: 2px solid rgb(219, 223, 228); border-right-color: rgb(219, 223, 228); border-bottom-color: rgb(219, 223, 228); border-left-color: rgb(219, 223, 228); padding: 10px 0px 8px; margin: 20px 0px 0px; } .media-preview .empty, .media-preview.empty { display: none; } .dark .media-preview { background: rgba(255, 255, 255, 0.2); } .expanded .media-preview { padding-bottom: 42px; } .media-preview ul { display: inline; } .media-preview li { display: inline-block; zoom: 1; margin: 0px 0px 0px 8px; } .media-preview li.active { border: 1px solid; padding: 0px; } .media-expanded { max-height: 300px; margin: 8px 8px 0px; text-align: center; } .media-expanded img { max-height: 300px; max-width: 100%; } .media-box, .media-surface img { max-width: 128px; max-height: 128px; } .media-box { display: table-cell; text-align: center; } .media-ct { display: inline-block; } .media-surface { display: table-cell; } .media-surface img { border-radius: 3px; } .media-progress-box { position: relative; width: 128px; height: 128px; background: url("") center 45% no-repeat; } .media-progress { position: absolute; top: 65%; left: 20%; width: 60%; height: 5px; background-color: rgb(219, 223, 228); } .media-progress .bar { background-color: rgb(104, 122, 134); position: absolute; left: 0px; top: 0px; bottom: 0px; } .post-actions { background: rgb(246, 248, 249); border-radius: 0px 0px 2px 2px; border-top: 2px solid rgb(219, 223, 228); position: absolute; bottom: 0px; left: 0px; right: 0px; height: 36px; transition: opacity 0.2s linear; } .edit .post-actions, .expanded .post-actions { opacity: 1; visibility: visible !important; } .dark .post-actions { background: rgba(0, 0, 0, 0.05); } .post-action__button { margin: -2px -2px 0px 0px; white-space: nowrap; border-radius: 0px 0px 3px; font-size: 12px; padding: 12px 14px 13px; font-weight: 700; float: right; } .post-action__cancel { line-height: 30px; float: right; font-size: 12px; font-weight: 500; margin-right: 12px; color: rgb(194, 198, 204) !important; } .post-action__cancel:hover { color: rgb(101, 108, 122) !important; } .wysiwyg { position: absolute; top: 2px; left: 2px; } .wysiwyg__item { float: left; position: relative; } .wysiwyg__item input[type="file"] { visibility: hidden; width: 1px; } .wysiwyg__item a { display: block; height: 30px; width: 34px; position: relative; } .wysiwyg__item a span { width: 14px; height: 14px; display: block; position: absolute; top: 9px; left: 10px; text-indent: -9999em; transition: opacity 0.1s linear; opacity: 0.65; } .wysiwyg__item a.attach span { background-image: url(""); background-position: 0px 0px; width: 14px; height: 14px; } .wysiwyg__item.active a span, .wysiwyg__item:active a span, .wysiwyg__item:hover a span { opacity: 1; } .user-mention__list { position: absolute; left: 0px; top: 99%; z-index: 1002; width: 100%; box-sizing: content-box; margin: 0px -2px -2px; padding: 0px; list-style-type: none; line-height: 1; zoom: 1; background: rgb(255, 255, 255); border: 2px solid rgb(219, 223, 228); border-radius: 0px 0px 3px 3px; cursor: pointer; } .user-mention__header { background: rgb(255, 255, 255); padding: 8px; margin: 0px; } .user-mention__header h5 { margin: 0px; padding: 0px; border: 0px; font-weight: 700; font-size: 11px; text-transform: uppercase; line-height: 11px; color: rgb(153, 153, 153); } .dark .user-mention__header { background: rgba(0, 0, 0, 0.05); } .dark .user-mention__header h5 { color: rgba(0, 0, 0, 0.6); } .user-mention__item { position: relative; color: rgb(101, 108, 122); padding: 8px; font-weight: 500; overflow: hidden; } .textarea-wrapper--top-level .user-mention__item span { padding-left: 32px; } .user-mention__item .avatar { top: 5px; left: 5px; width: 22px; height: 22px; } .textarea-wrapper--top-level .user-mention__item .avatar { top: 6px; left: 8px; } .user-mention__item:hover { background-color: rgb(231, 233, 238); } .user-mention__item.active { background-color: rgb(46, 159, 255); color: rgb(255, 255, 255); } .user-mention__item.active:last-child { border-radius: 0px 0px 1px 1px; } .mobile .alert { margin-left: 0px !important; } .mobile .alert .avatar { display: none; } .mobile .post .alert .avatar { display: block; } .mobile .post-list form.edit { margin: 0px; } .mobile .post-list .authored-by-session-user form.edit::before, .mobile .post-list .authored-by-session-user form.reply::before { left: 140px; } .mobile .post-list > .post:first-child > .post-content { border-top: none; } .mobile .post-list .post { padding: 0px; } .mobile .post-list .post .post-content { margin: 0px; padding-top: 12px; } .mobile .post-list .post .post-content .indicator { height: 30px; } .mobile .post-list .post .post-content .post-menu { display: block; visibility: visible; opacity: 1; position: absolute; min-width: 0px; right: 0px; top: -10px; padding: 0px; } .mobile .post-list .post .post-content .post-menu * { -webkit-tap-highlight-color: transparent; } .mobile .post-list .post .post-content .post-menu .dropdown-toggle { border: none; padding: 15px 6px 12px 10px; } .mobile .post-list .post .post-content .post-menu .dropdown-menu { top: 32px; } .mobile .post-list .post .post-content .post-menu li { margin: 0px; } .mobile .post-list .post .post-content .post-menu li a { position: static; display: block; margin: 0px; padding: 10px 0px 10px 10px; } .mobile .post-list .post .post-content .post-menu li a span { display: block; width: 22px; height: 22px; line-height: 22px; text-align: center; vertical-align: middle; border-radius: 3px; box-shadow: rgba(0, 39, 59, 0.2) 0px 0px 0px 2px inset; transition: background; } .mobile .post-list .post .post-content .avatar .user { background: rgb(194, 198, 204); } .mobile .post-list .post .post-content .avatar .user img { width: 30px; height: 30px; } .mobile .post-list .post .post-content .post-body { overflow: visible; display: block; } .mobile .post-list .post .post-content .post-body .post-byline { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 15px; } .mobile .post-list .children .post::after, .mobile .post-list .post .post-content .post-body .badge, .mobile .post-list .post.minimized > .post-content .post-meta { display: none; } .mobile .post-list .post .post-content .post-body .post-message-container { box-sizing: border-box; position: static; width: auto; } .mobile .post-list .post.collapsed > .post-content, .mobile .post-list .post.minimized > .post-content { margin-bottom: 12px; } .mobile .post-list .post.collapsed > .post-content .post-message, .mobile .post-list .post.minimized > .post-content .post-message { float: none; margin-right: 24px; } .mobile .post-list .post.minimized > .post-content .avatar img { width: 30px; height: 30px; margin-top: 4px; } .mobile .post-list .post.minimized > .post-content .post-message p { line-height: 1.35em; } .mobile .post-list .post.minimized.collapsed > .post-content header { line-height: 36px; font-size: 14px; } .mobile input[type="text"], .mobile input[type="email"], .mobile input[type="password"], .mobile input[type="checkbox"], .mobile textarea { font-size: 16px; } .mobile .post-list .post .post-content { margin-bottom: 16px; padding: 0px; border-top: none; transition: none; } .mobile .post-list .post .post-content.new .avatar, .mobile .post-list .post .post-content.target .avatar { margin-left: 8px; } .mobile .post-list .post .post-content.new .indicator { width: 2px; } .mobile .post-list .post .post-content .post-body .post-body-inner { clear: left; position: relative; top: -4px; overflow: visible; } .actions::after, .media::after, .no-flexbox .align::after, .row::after { clear: both; } .mobile .post-list .children { padding-left: 17px; border-left: 2px solid rgb(231, 233, 238); } .mobile .post-list .children .post { margin-left: 0px; } .mobile .post-list .children .post .post-content { margin-left: 0px; padding: 0px; border-top: none; } .mobile .post-list .children .post .post-content .post-message-container, .mobile .post-list .children .post .post-content footer, .mobile .post-list .children .post .post-content header { margin-left: 0px !important; } .mobile .post-list .children .post .post-content .post-body, .mobile .post-list .children .post-content .reply-form-container { margin-left: 0px; } .mobile .post-list .children .post .post-content .avatar img { margin-top: 0px; } .mobile .post-list .children .post-content .reply-form-container .alert, .mobile .post-list .postbox { margin-top: 5px; } .mobile .post-list .children li:only-child { margin-bottom: 20px; } .mobile .post-list .children .children .children { padding-left: 0px; border-left: none; } .mobile .post-list .children .highlighted.post-content, .mobile .post-list .highlighted .post-content { padding: 12px; } .mobile .post-list .highlighted .post-content .post-menu { right: 12px; top: 2px; } .mobile .post-list .highlighted .post-content .indicator { margin-left: 12px; } .mobile .post-list .highlighted .thread-link { margin: 3px 0px 0px !important; } .mobile .post-list .highlighted .thread-link a { line-height: 1.6em; } .mobile .post-list .highlighted .thread-link .icon, .mobile .post-list .highlighted .thread-link .text { display: none !important; } .mobile .post-list .highlighted .thread-link .mobile-text { display: inline !important; } .mobile .post-list .highlighted .feedback { display: none !important; } .mobile .highlighted-post .highlighted > .post-content footer menu li.reply { display: none; } .mobile .dark .post-list .post .post-menu li a span { box-shadow: rgba(255, 255, 255, 0.6) 0px 0px 0px 2px inset; } .mobile .dark .post-list .post form.reply::before { background: rgba(255, 255, 255, 0.2); } .mobile .dark .post-list .children { border-color: rgba(255, 255, 255, 0.08); } .newsletter-box { background: rgb(235, 238, 242); border-radius: 5px; padding: 14px; } .dark .newsletter-box { color: rgb(255, 255, 255); background-color: rgb(70, 73, 78); border-color: rgb(53, 58, 61); } @media only screen and (max-width: 767px) { .newsletter-box input[type="submit"] { margin: 10px 0px !important; } .comment-policy { width: 100%; } } .newsletter-box__hide { color: rgb(84, 102, 115); align-self: flex-end; text-decoration: none; font-size: 13px; } .button-link-inverted, .newsletter-box__hide:hover, .text-underline { text-decoration: underline; } .dark .newsletter-box__hide { color: rgb(40, 140, 228); } .newsletter-box__input-group { border: 1px solid rgb(46, 159, 255); padding: 5px 0.75em 6px; background: rgb(255, 255, 255); border-radius: 3px; margin-right: 10px; display: inline-block; } .newsletter-box__input-group input { border: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .newsletter-box__input-group__icon { color: rgb(46, 159, 255); margin-right: 10px; position: relative; top: 2px; } .comment-policy { flex-grow: 0; background-position: right 20px top 20px; border: none; border-radius: 4px; position: relative; overflow: hidden; margin-top: 10px; } .dark .comment-policy { color: rgb(255, 255, 255); background-color: rgb(70, 73, 78); } .comment-policy .content { position: relative; z-index: 1; } .comment-policy p { margin-bottom: 4px; } .comment-policy .title { font-weight: 700; } .dark .comment-policy .title { color: rgb(255, 255, 255); } .comment-policy i { color: rgb(224, 227, 233); position: absolute; } .dark .comment-policy i { color: rgb(53, 58, 61); } .button { border-radius: 3px; border: 1px solid transparent; line-height: 1.1em; text-align: center; font-weight: 500; padding: 8px 10px 9px; display: inline-block; cursor: pointer; } .no-touch .button:hover, .no-touchevents .button:hover { transition: 0.2s ease-in-out; } .button:disabled { opacity: 0.35; cursor: default; user-select: none; } .button-smaller { font-size: 13px; padding: 6px 10px; } .button-small { font-size: 13px; padding: 8px 10px; } @media only screen and (min-width: 768px) { .button-small { padding: 8px 11px; } } .button-medium { font-size: 15px; padding: 9px 17px; } @media only screen and (min-width: 768px) { .button-medium { padding: 10px 24px; } } .button-large { font-size: 18px; padding: 10px 25px; } @media only screen and (min-width: 768px) { .button-large { padding: 12px 36px; } } .button-wide { display: block; width: 100%; } @media only screen and (max-width: 767px) { .button-wide--mobile { display: block; width: 100%; } } @media only screen and (max-width: 480px) { .button-wide--footer { display: block; width: 100%; position: absolute; bottom: 0px; height: 50px; border-radius: 0px; font-size: 18px; } } .button-inline { padding: 0px; border-width: 0px; } .button-inverted.-thick, .button-outline.-thick { border-width: 2px; } .button-padding-taller { padding-top: 12px; padding-bottom: 13px; } .button-padding-wide { padding-left: 20px; padding-right: 20px; } .button-padding-wider { padding-left: 30px; padding-right: 30px; } .button-disabled { background-color: rgb(104, 122, 134); border-color: rgb(104, 122, 134); color: rgb(255, 255, 255); cursor: default; user-select: none; } .no-touch .button-disabled:hover, .no-touchevents .button-disabled:hover { color: rgb(255, 255, 255); } .button-link { color: rgb(46, 159, 255); font-size: inherit; } .no-touch .button-link:hover, .no-touchevents .button-link:hover { color: rgb(84, 102, 115); } .button-link-inverted { color: rgb(255, 255, 255); font-size: inherit; } .no-touch .button-link-inverted:hover, .no-touchevents .button-link-inverted:hover { color: rgb(204, 233, 255); } .button-outline { border-color: rgb(204, 233, 255); background-color: rgb(255, 255, 255); color: rgb(46, 159, 255); } .no-touch .button-outline:hover, .no-touchevents .button-outline:hover { border-color: rgb(46, 159, 255); background-color: rgb(242, 249, 255); color: rgb(46, 135, 231); } .button-outline.-blue-darker { border-color: rgb(255, 255, 255); color: rgb(22, 75, 120); } .no-touch .button-outline.-blue-darker:hover, .no-touchevents .button-outline.-blue-darker:hover { color: rgb(22, 75, 120); border-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.8); } .button-outline.-border-muted { border-color: rgb(224, 227, 233); } .button-outline.-border-light { border-color: rgb(255, 255, 255); } .no-touch .button-outline.-border-light:hover, .no-touchevents .button-outline.-border-light:hover { border-color: rgb(242, 249, 255); background-color: rgba(255, 255, 255, 0.7); } .button-outline.-border-blue-dark { border-color: currentcolor; } .no-touch .button-outline.-border-blue-dark:hover, .no-touchevents .button-outline.-border-blue-dark:hover { color: rgb(46, 135, 231); background-color: rgb(204, 233, 255); border-color: rgb(46, 135, 231); } .button-outline.-border-red { color: rgb(240, 95, 112); border-color: rgb(240, 95, 112); background-color: transparent; } .button-outline.-border-red:hover { background-color: rgb(240, 95, 112); } .no-touch .button-outline.-border-red:hover, .no-touchevents .button-outline.-border-red:hover { color: rgb(255, 255, 255); border-color: rgb(240, 95, 112); background-color: rgb(240, 95, 112); } .button-inverted { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); } .no-touch .button-inverted:hover, .no-touchevents .button-inverted:hover { color: rgb(255, 255, 255); background-color: rgb(22, 75, 120); border-color: rgb(22, 75, 120); } .no-touch .button-inverted.-thick:hover, .no-touchevents .button-inverted.-thick:hover { background-color: transparent; border-color: rgb(204, 233, 255); color: rgb(204, 233, 255); } .no-touch .button-inverted.-hover-opaque:hover, .no-touchevents .button-inverted.-hover-opaque:hover { background-color: rgba(255, 255, 255, 0.1); border-color: rgb(255, 255, 255); } .button-inverted.-border-blue-dark { color: rgb(46, 135, 231); border-color: currentcolor; } .no-touch .button-inverted.-border-blue-dark:hover, .no-touchevents .button-inverted.-border-blue-dark:hover { color: rgb(22, 75, 120); border-color: currentcolor; background-color: rgba(255, 255, 255, 0.1); } .button-inverted.-border-gray { border-color: rgb(104, 122, 134); border-width: 2px; } .no-touch .button-inverted.-border-gray:hover, .no-touchevents .button-inverted.-border-gray:hover { color: rgb(255, 255, 255); border-color: currentcolor; } .button-fill { border-color: rgb(104, 122, 134); background-color: rgb(104, 122, 134); color: rgb(255, 255, 255); } .no-touch .button-fill:hover, .no-touchevents .button-fill:hover { border-color: rgb(46, 159, 255); background-color: rgb(46, 159, 255); color: rgb(255, 255, 255); } .no-touch .button-fill.-dark-hover:hover, .no-touchevents .button-fill.-dark-hover:hover { border-color: rgb(22, 75, 120); background-color: rgb(22, 75, 120); color: rgb(255, 255, 255); } .button-fill--gray-light { border-color: rgb(224, 227, 233); background-color: rgb(224, 227, 233); color: rgb(53, 58, 61); } .no-touch .button-fill--gray-light:hover, .no-touchevents .button-fill--gray-light:hover { border-color: rgb(194, 201, 212); background-color: rgb(194, 201, 212); color: rgb(22, 75, 120); } .button-fill--white { border-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); color: rgb(46, 159, 255); } .button-fill--white:hover { border-color: rgb(22, 75, 120); background-color: rgb(22, 75, 120); color: rgb(255, 255, 255); } .button-fill--brand { border-color: rgb(46, 159, 255); background-color: rgb(46, 159, 255); color: rgb(255, 255, 255); } .no-touch .button-fill--brand:hover, .no-touchevents .button-fill--brand:hover { background-color: rgb(22, 75, 120); border-color: rgb(22, 75, 120); color: rgb(255, 255, 255); } .no-touch .button-fill--brand:disabled:hover, .no-touchevents .button-fill--brand:disabled:hover { background-color: rgb(46, 159, 255); border-color: rgb(46, 159, 255); } .button-fill--blue-light { border-color: rgb(204, 233, 255); background-color: rgb(242, 249, 255); color: rgb(46, 159, 255); } .no-touch .button-fill--blue-light:hover, .no-touchevents .button-fill--blue-light:hover { background-color: rgb(204, 233, 255); border-color: rgb(46, 159, 255); color: rgb(46, 159, 255); } .no-touch .button-fill--blue-light:disabled:hover, .no-touchevents .button-fill--blue-light:disabled:hover { background-color: rgb(242, 249, 255); border-color: rgb(242, 249, 255); } .button-fill--red { border-color: rgb(240, 95, 112); background-color: rgb(240, 95, 112); color: rgb(255, 255, 255); } .no-touch .button-fill--red:hover, .no-touchevents .button-fill--red:hover { border-color: rgb(236, 48, 70); background-color: rgb(236, 48, 70); color: rgb(255, 255, 255); } .button-fill--green { border-color: rgb(92, 183, 103); background-color: rgb(92, 183, 103); color: rgb(255, 255, 255); } .no-touch .button-fill--green:hover, .no-touchevents .button-fill--green:hover { border-color: rgb(94, 145, 100); background-color: rgb(94, 145, 100); color: rgb(255, 255, 255); } .button-fill--green-light { border-color: rgb(139, 207, 147); background-color: rgb(139, 207, 147); color: rgb(255, 255, 255); } .no-touch .button-fill--green-light:hover, .no-touchevents .button-fill--green-light:hover { background-color: rgb(92, 183, 103); border-color: rgb(92, 183, 103); color: rgb(255, 255, 255); } .button-fill--yellow { border-color: rgb(255, 239, 183); background-color: rgb(255, 251, 237); color: rgb(193, 146, 25); } .no-touch .button-fill--yellow:hover, .no-touchevents .button-fill--yellow:hover { background-color: rgb(255, 249, 207); border-color: rgb(255, 224, 112); color: rgb(164, 119, 3); } .button-fill--orange { border-color: rgb(255, 155, 81); background-color: rgb(255, 155, 81); color: rgb(255, 250, 246); } .no-touch .button-fill--orange:hover, .no-touchevents .button-fill--orange:hover { background-color: rgb(255, 184, 132); border-color: rgb(255, 184, 132); color: rgb(255, 255, 255); } .toggle-button input[type="checkbox"] { display: none; } .toggle-button label { cursor: pointer; text-indent: 30px; width: 76px; height: 38px; background: rgb(217, 222, 231); color: rgb(73, 78, 88); display: block; border-radius: 76px; position: relative; margin: 0px 10px; text-align: center; padding-top: 9px; font-size: 14px; font-weight: 700; } .toggle-button label::after { content: ""; position: absolute; top: 0px; left: 0px; width: 38px; height: 38px; background: rgb(255, 255, 255); border-radius: 38px; transition: 0.3s; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px; border: 1px solid rgba(0, 0, 0, 0.08); } .toggle-button input:checked + label { background: rgb(139, 207, 147); color: rgb(35, 129, 46); text-indent: -30px; } .toggle-button input:checked + label::after { left: calc(100%); transform: translateX(-100%); } .toggle-button:not(.static) label:active::after { width: 130px; } .toggle-button.static label { cursor: default; } .toggle-button.disabled label { cursor: default; background: rgb(194, 201, 212); color: rgb(127, 145, 158); } .toggle-button.disabled label:active::after { width: 38px; } .align { display: flex; flex-direction: row; } .no-flexbox .align::after, .no-flexbox .align::before { display: table; content: ""; line-height: 0; } .no-flexbox .align > * { float: left; padding-right: 10px; } .align-inline { display: inline-flex; } .no-flexbox .align-inline { display: inline-block; } @media only screen and (min-width: 480px) { .align-mid-mobile { display: flex; flex-direction: row; } .no-flexbox .align-mid-mobile::after, .no-flexbox .align-mid-mobile::before { display: table; content: ""; line-height: 0; } .no-flexbox .align-mid-mobile::after { clear: both; } .no-flexbox .align-mid-mobile > * { float: left; padding-right: 10px; } } @media only screen and (max-width: 767px) { .align-max-mobile { display: flex; flex-direction: row; } .no-flexbox .align-max-mobile::after, .no-flexbox .align-max-mobile::before { display: table; content: ""; line-height: 0; } .no-flexbox .align-max-mobile::after { clear: both; } .no-flexbox .align-max-mobile > * { float: left; padding-right: 10px; } } @media only screen and (min-width: 768px) { .align-min-tablet { display: flex; flex-direction: row; } .no-flexbox .align-min-tablet::after, .no-flexbox .align-min-tablet::before { display: table; content: ""; line-height: 0; } .no-flexbox .align-min-tablet::after { clear: both; } .no-flexbox .align-min-tablet > * { float: left; padding-right: 10px; } } @media only screen and (min-width: 1025px) { .align-min-desktop { display: flex; flex-direction: row; } .no-flexbox .align-min-desktop::after, .no-flexbox .align-min-desktop::before { display: table; content: ""; line-height: 0; } .no-flexbox .align-min-desktop::after { clear: both; } .no-flexbox .align-min-desktop > * { float: left; padding-right: 10px; } } .align--column { flex-direction: column; } .align--column-reverse { flex-direction: column-reverse; } .align--row-reverse { flex-direction: row-reverse; } .align--middle { align-items: center; } .align--stretch { align-items: stretch; } .align--between { justify-content: space-between; } .no-flexbox .align--between .align__item:last-child { float: right; } .align--center { justify-content: center; } .align--around { justify-content: space-around; } .align--wrap { flex-wrap: wrap; } @media only screen and (max-width: 480px) { .align--wrap-mobile { flex-wrap: wrap; } } .no-flexbox .align__item { float: left; padding-right: 10px; } .align__item--swap-first { order: 2; } @media only screen and (min-width: 768px) { .align__item--swap-first { order: 1; } } .align__item--swap-last { order: 1; } @media only screen and (min-width: 768px) { .align__item--swap-last { order: 2; } } .align__item--grow { flex-grow: 1; } .align__item--no-shrink { flex-shrink: 0; } .align__item--equal { flex-basis: 0px; } .align__item--flex-1 { flex: 1 1 0%; } .media::after, .media::before { display: table; content: ""; line-height: 0; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .actions::after, .actions::before, .row::after, .row::before { display: table; content: ""; } .media-heading { padding-top: 5px; margin-bottom: 5px; } .text-huge { font-size: 36px; line-height: 1.1em; } .text-largest { font-size: 28px; line-height: 1.1em; } .text-larger { font-size: 22px; line-height: 1.1em; } .text-large { font-size: 18px; line-height: 1.25em; } .text-medium { font-size: 15px; } .text-base { font-size: 17px; } .text-small { font-size: 13px; line-height: 1.305em; } .text-smallish { font-size: 14px; line-height: 1.45em; } @media only screen and (min-width: 768px) { .text-smallish { font-size: 16px; } } .text-smaller { font-size: 12px; } .text-smallest { font-size: 11px; } .text-subheading { font-size: 12px; color: rgb(104, 122, 134); letter-spacing: 0.5px; text-transform: uppercase; font-weight: 500; } .text-bold { font-weight: 600; } .text-semibold { font-weight: 500; } .text-normal { font-weight: 400; } .text-gray-darker { color: rgb(53, 58, 61); } .text-gray-dark { color: rgb(84, 102, 115); } .text-gray { color: rgb(104, 122, 134); } .text-gray-light { color: rgb(194, 201, 212); } .text-light { color: rgb(255, 255, 255); } .text-drop-shadow { text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 5px; } .text-error, .text-red { color: rgb(240, 95, 112); } .text-green, .text-success { color: rgb(92, 183, 103); } .text-blue, .text-brand { color: rgb(46, 159, 255); } .text-blue-darker { color: rgb(22, 75, 120); } .text-warning, .text-yellow { color: rgb(255, 211, 79); } .text-orange { color: rgb(255, 155, 81); } .text-violet { color: rgb(177, 128, 201); } .text-center { text-align: center; } .text-right { text-align: right; } @media only screen and (max-width: 1024px) { .text-center-mobile { text-align: center; } } @media only screen and (max-width: 768px) { .text-center-min-mobile { text-align: center; } .text-left-mobile { text-align: left; } } @media only screen and (max-width: 767px) { .text-center-sm { text-align: center; } } .text-left { text-align: left; } .text-capitalized { text-transform: capitalize; } .text-uppercase { text-transform: uppercase; } .text-strikethrough { text-decoration: line-through; } .spacing-narrow { margin: 7.5px 0px; } .spacing-default { margin: 10px; } .spacing-double { margin: 20px; } .spacing-default-narrow { margin: 5px; } .spacing-left-large { margin-left: 20px; } .spacing-left { margin-left: 10px; } .spacing-left-small { margin-left: 5px; } .spacing-right-large { margin-right: 25px; } .spacing-right { margin-right: 10px; } .spacing-right-small { margin-right: 5px; } .spacing-top { margin-top: 15px; } .spacing-top-narrow { margin-top: 7.5px; } .spacing-top-small { margin-top: 5px; } .spacing-top-double { margin-top: 30px; } .spacing-top-quad { margin-top: 60px; } .spacing-bottom { margin-bottom: 15px; } .spacing-bottom-narrow { margin-bottom: 7.5px; } .spacing-bottom-small { margin-bottom: 5px; } .spacing-bottom-large { margin-bottom: 25px; } .spacing-bottom-double { margin-bottom: 30px; } .spacing-bottom-quad { margin-bottom: 60px; } .spacing-bottom-none { margin-bottom: 0px !important; } .spacing-top-bottom { margin: 10px 0px !important; } .spacing-top-bottom-double { margin: 15px 0px; } .spacing-quad { margin: 60px; } .spacing-quad-desktop { margin: 15px; } @media only screen and (min-width: 1025px) { .spacing-quad-desktop { margin: 60px; } } .spacing-top-none { margin-top: 0px; } .spacing-center { margin-left: auto; margin-right: auto; } .spacing-inner p { margin: 7.5px 0px; } .spacing-inner.-medium p { margin: 10px 0px; } .padding-small { padding: 5px; } .padding-gutter { padding: 15px; } .padding-top-bottom-gutter { padding: 10px 15px; } .padding-default { padding: 10px; } .padding-double { padding: 20px; } .padding-quad { padding: 40px; } .padding-top-bottom-quad { padding-top: 40px; padding-bottom: 40px; } .padding-left-right { padding: 0px 15px; } .padding-left-right-large { padding: 0px 22.5px; } .padding-left-right-quad { padding: 0px 40px; } .padding-top-bottom { padding: 10px 0px; } .padding-top { padding-top: 15px; } .padding-top-half { padding-top: 7.5px; } .padding-top-double { padding-top: 30px; } .padding-top-none { padding-top: 0px !important; } .padding-bottom { padding-bottom: 15px; } .padding-bottom-double { padding-bottom: 30px; } .padding-bottom-none { padding-bottom: 0px; } @media only screen and (max-width: 480px) { .padding-bottom-mobile { padding-bottom: 15px; } } .border-gray-light { border: 1px solid rgb(194, 201, 212); } .border-gray-lighter { border: 1px solid rgb(235, 238, 242); } .border-bottom-none { border-bottom: 0px; } .actions::after, .actions::before { line-height: 0; } .actions .forgot { color: rgb(219, 223, 228); font-size: 12px; padding: 3px 0px; line-height: 2.5; } .dark .actions .forgot { text-shadow: none; } .row::after, .row::before { line-height: 0; } .invisible { opacity: 0; visibility: hidden; } .visible { opacity: 1; visibility: visible !important; } .hidden { display: none; } .icon__position { position: relative; min-width: 12px; } .icon__position.-inline { margin-right: 3px; } .icon__position.-allstar { top: 2px; } img[data-src] { visibility: hidden; } .pull-right { float: right !important; } .pull-left { float: left !important; } @media screen and (min-width: 480px) { .visible-sm { display: none !important; } } @media screen and (max-width: 480px) { .hidden-sm { display: none !important; } } @media screen and (min-width: 550px) { .visible-md { display: none !important; } } @media screen and (max-width: 550px) { .hidden-md { display: none !important; } } @media screen and (min-width: 320px) { .visible-xs { display: none !important; } } @media screen and (max-width: 320px) { .hidden-xs { display: none !important; } } .embed-hidden { display: none; } .admin-modal__content { display: flex; } .admin-modal__content > div { width: 50%; } @media (max-width: 480px) { .admin-modal__content { flex-wrap: wrap; } .admin-modal__content > div { width: 100%; } } .admin-modal__footer { border-top: 1px solid rgb(221, 221, 221); margin: 0px -10px; padding: 10px 10px 0px; } .admin-modal__footer a.button, .admin-modal__footer button { font-size: 12px; font-weight: 700; padding: 5px; border-radius: 3px; transition: background-color 0.5s ease-in; line-height: normal; } .admin-modal__footer a.button, .admin-modal__footer button, .no-touch .admin-modal__footer a.button:hover, .no-touch .admin-modal__footer button:hover { background-color: rgb(136, 136, 136); border: initial; color: rgb(255, 255, 255); } .admin-modal__footer a.button:hover, .admin-modal__footer button:hover, .no-touch .admin-modal__footer a.button:hover, .no-touch .admin-modal__footer button:hover { background-color: rgb(102, 102, 102); } .moderate label.ban__reason input { display: block; margin: 5px 0px 0px; line-height: 20px; width: 100%; max-width: 350px; } .ban__config label, label.ban__option, label.flagging__reason { width: 100%; overflow: visible; white-space: normal; padding-right: 50px; font-size: 13px; } .ban__config label input, label.ban__option input, label.flagging__reason input { float: left; margin-right: 5px; } .ban__config label .alert, label.ban__option .alert, label.flagging__reason .alert { background: rgb(255, 211, 79); padding: 2px 10px; margin-left: 5px; border-radius: 20px; } .ban__config label .custom-select, .ban__config label .input--textbox, label.ban__option .custom-select, label.ban__option .input--textbox, label.flagging__reason .custom-select, label.flagging__reason .input--textbox { margin-left: 5px; } .ban__config label .input--textbox, label.ban__option .input--textbox, label.flagging__reason .input--textbox { float: none; } .ban__title, .flagging__title { font-size: 12px; font-weight: 700; margin-bottom: 5px; } p.flagging__subtitle { font-size: 14px; font-weight: 500; margin: 10px 0px; color: rgb(104, 122, 134); } p.ban__option-text, p.flagging__reason-text { margin-bottom: 2px; text-align: left; } p.ban__option-text .icon-upgrade-arrow-pro, p.flagging__reason-text .icon-upgrade-arrow-pro { margin-left: 5px; font-size: 15px; } .ban__option-subtext, p.flagging__reason-subtext { color: rgb(104, 122, 134); font-size: 12px; padding-bottom: 5px; } .-selected .ban__option-subtext, .-selected p.flagging__reason-subtext { display: block; } .ban__option-subtext label, p.flagging__reason-subtext label { width: auto; overflow-x: visible; font-size: 1em; margin-top: 2px; float: none; padding-bottom: 4px; } .ban__option-subtext input, p.flagging__reason-subtext input { margin-right: 3px; } .ban__option-subtext p, p.flagging__reason-subtext p { color: inherit; line-height: 1.3em; margin-bottom: 5px; } .ban__option-subtext section, p.flagging__reason-subtext section { white-space: nowrap; } .ban__option-subtext section label, p.flagging__reason-subtext section label { float: left; } .ban__description { padding: 0px 18px; } .media-middle { vertical-align: middle; } .comment-policy { margin-bottom: 25px; color: rgb(42, 46, 46); background-color: rgb(235, 238, 242); font-size: 16px; width: 100%; line-height: 1.45em; padding: 15px; } .dark .comment-policy { background-color: rgba(255, 255, 255, 0.2); border-color: rgb(42, 46, 46); } .comment-policy .title { font-size: 15px; } .comment-policy .policy-link { font-weight: 500; } .comment-policy .policy-link:hover { text-decoration: underline; } .comment-policy p { line-height: inherit; font-size: 15px; } .comment-policy.button-variant .policy-link { border-color: rgb(46, 159, 255); margin-top: 10px; font-size: 14px; display: inline-block; } .comment-policy.button-variant .policy-link:hover { text-decoration: none; } .comment-policy i { top: 50%; margin-top: -30px; right: 20px; font-size: 60px; } #tos__container { position: fixed; top: 10px; bottom: 0px; z-index: 1000; background: rgba(255, 255, 255, 0.7); } #tos__container #tos__message { background-color: rgb(37, 85, 125); border: 1px solid rgb(46, 135, 231); color: rgb(255, 255, 255); padding: 20px; margin: 10px; border-radius: 5px; } #tos__container #tos__message a, #tos__container #tos__message a:active, #tos__container #tos__message a:hover, #tos__container #tos__message a:visited { color: rgb(255, 255, 255) !important; } #tos__container #tos__message h1 { font-size: 30px; margin-bottom: 20px; font-weight: 700; } @media (max-width: 480px) { #tos__container #tos__message h1 { font-size: 24px; margin-bottom: 10px; } } #tos__container #tos__message p { font-size: 17px; line-height: 19px; margin: 0px 0px 1em; } #tos__container #tos__message p a { color: rgb(0, 0, 0); font-weight: 500; text-decoration: underline; } @media (max-width: 480px) { #tos__container #tos__message p { font-size: 13px; line-height: 15px; } } #tos__container #tos__message > p:last-of-type { margin-bottom: 0px; } #tos__container #tos__message .checkbox-wrapper { max-width: 600px; } .comment-share__buttons { display: none; }