diff --git a/css/minified/r-clearshift.css b/css/minified/r-clearshift.css index 8c85ca3..79a5a8d 100644 --- a/css/minified/r-clearshift.css +++ b/css/minified/r-clearshift.css @@ -1,3527 +1,4 @@ -/* -Designed by /u/Jaskys -/r/ClearShift theme base -Contributors: /u/supersmilers, /u/mtvee, /u/BatDogOnBatMobile, /u/MrLawbreaker -Icons provided by www.icons8.com under "Creative Commons Attribution-NoDerivs 3.0 Unported" license -Main color: #2D4059 -Secondary: #47658c -Christmas -Main color: #BF0426 -Secondary: #7A0218 -*/ -#header { - height: 165px; - background: #2D4059; - border-bottom: none; -} - -#header #header-bottom-right #mail.havemail, -#header #modmail.havemail { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -#header .hover a:hover, -.redditname a:hover:after { - color: #fff !important; -} - -#header-bottom-left { - height: 140px; -} - -#header-bottom-left .tabmenu { - background: rgba(0, 0, 0, 0.2); - width: calc(100% - 50px); - padding-left: 50px; - position: absolute; - bottom: 0; - left: 0; - font-family: "Segoe UI", Helvetica, sans-serif; - transition: .5s; -} - -#header-bottom-left .tabmenu li { - font-weight: 400; - margin: 0; -} - -#header-bottom-left .tabmenu li a { - background: 0 0; - color: #ddd; - font-size: 11.4px; - font-family: "Segoe UI", Helvetica, sans-serif; - line-height: 30px; - padding: 8px 9px 6px; - letter-spacing: 0.1em; - text-transform: uppercase; - transition: all .15s ease-in-out; - border-bottom: 3px solid transparent !important; -} - -#header-bottom-left .tabmenu li a:hover { - color: #fff; - background: rgba(0, 0, 0, 0.1); - border-bottom: 3px solid #fff !important; -} - -#header-bottom-left .tabmenu li.selected a { - background-color: #47658c; - border: 0; - color: #fff; - padding-top: 7px; - font-weight: 700; - border-bottom: 3px solid currentColor !important; -} - -#header-bottom-right #modmail, -#header-bottom-right .user { - height: 37px; - white-space: nowrap; - border-radius: 1px; - overflow: hidden; - transition: background-color 0.5s; -} - -#header-img { - text-indent: -9999px; - display: inline-block; - margin-top: 112px; - position: absolute; - z-index: 99; - height: 27px; - width: 27px; - margin-left: 4px; - padding-right: 11px; - padding-left: 8px; - opacity: .8; - background-repeat: no-repeat !important; - transition: all .15s ease-in-out; - border-bottom: 3px solid transparent !important; -} - -#header-img:hover { - opacity: 1; - background: rgba(0, 0, 0, 0.1); - font-weight: 500; - border-bottom: 3px solid #fff !important; -} - -#sr-header-area { - transition: opacity .3s; - opacity: .4; - height: 24px; - background-color: #0C1722; - border-bottom: 0; - letter-spacing: 1px; - line-height: 22px; -} - -#sr-header-area:hover { - opacity: 1; -} - -#sr-header-area a { - color: #c4c4c4; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -#sr-header-area .srdrop.dropdown { - width: 35px; - padding: 0; -} - -#sr-header-area .sr-list { - padding-left: 8px; - border-left: 2px solid rgba(196, 196, 196, 0.9); - height: 24px; - line-height: 25px; -} - -#sr-header-area .srdrop.dropdown .selected { - width: 35px; - height: 23px; - padding: 0; - margin: 0; - display: block; - background: url(%%spritesheet%%) -225px -252px no-repeat; - line-height: 35px; - text-indent: -999em; -} - -#sr-header-area .srdrop.dropdown .selected:hover { - opacity: 1; -} - -#sr-header-area .drop-choices.srdrop { - padding: 5px; - margin: 1px 0 0; - background: #222; - border: none; -} - -#sr-header-area .drop-choices a.choice { - color: #AEAEAE; -} - -#sr-header-area .drop-choices a.choice:hover { - background-color: #333; - color: #EEE; -} - -#sr-header-area .drop-choices .choice.bottom-option { - border-color: #AEAEAE; -} - -#sr-more-link, -#header [href$="/rising/"], -#header [href$="/controversial/"], -#header [href$="/ads/"], -#suggested-reddits, -.voteWeight, -.rank, -.titlebox .bottom, -.submit-page .content h1, -.formtabs-content .infobar, -a[href*='#icon'] + .keyNavAnnotation, -a[href*='#/RES_SR_Config/NightModeCompatible'] { - display: none !important; -} - -#url-field button, -.submit-page .content button[name=submit] { - background: 0 0; - transition: all .5s; - border: 1px solid #5cb85c; - color: #5cb85c; -} - -#url-field button:hover, -.submit-page .content button[name=submit]:hover { - background: #5cb85c; - color: #fff; -} - -.submit-page .tabmenu.formtab { - margin-bottom: 74px; -} - -.submit_text.roundfield.enabled { - background: #EA5455; - position: absolute; - top: 223px; -} - -.submit_text p { - color: #eee; -} - -button.save, button.submit-action-thing, button.submit-report { - background: 0 0; - transition: background-color .5s; - text-transform: capitalize; - font-family: "Segoe UI", Helvetica, sans-serif; - border: 1px solid #5cb85c; - color: #5cb85c; - padding: 0.25rem 0.75rem; -} - -button.save:hover, button.submit-action-thing:hover, button.submit-report:hover { - background: #5cb85c; - color: #fff; -} - -button.cancel, button.cancel-action-thing, button.cancel-report-thing { - border: 1px solid #d9534f; - background: 0 0; - color: #d9534f; - padding: .25rem .75rem; - text-transform: capitalize; - font-family: "Segoe UI", Helvetica, sans-serif; - transition: background-color 0.5s; -} - -button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cancel:hover { - background: #d9534f; - color: #fff; -} - -.next-suggestions a, -.nextprev a { - padding: 0 4px; - background: 0 0; - border: none; - color: #47658c; - text-align: center; -} - -.next-suggestions a:hover, -.nextprev a:hover { - background: #47658c; - border: none; - color: #fff; - outline: 0; -} - -.btn:active, -.gadget .right a:active, -.morelink a:active, -.sidecontentbox a.helplink:active, -button:active, -#header #header-bottom-right #mail.havemail:active, -#header #header-bottom-right #mail.nohavemail:active, -#header #header-bottom-right .choice:active, -#header #header-bottom-right .logout a:active, -#header-bottom-left .tabmenu li a:active, -#header-bottom-right #modmail:active, -#header-bottom-right .user:active { - background-color: #1686f0 !important; -} - -.comment { - position: relative; - padding: 4px 0 0 30px; - z-index: 1; - border: 2px solid #e6e6e6; - overflow: hidden; - margin: 0 18px 8px 0; -} - -.comment .expand { - transition: all .5s; - padding: 4px 2px; - position: absolute; - top: 0; - left: 0; - bottom: 0; - padding: 4px; -} - -.comment .expand:hover { - background: #47658c; - color: #fff !important; - text-decoration: none; -} - -.comment.collapsed .tagline { - height: 21px; - line-height: 21px; -} - -.comment.collapsed .tagline a { - line-height: 13px; -} - -.comment .child, -.comment .showreplies { - border-left: none; -} - -.new-comment { - border-color: #FFAB91 !important; -} - -.new-comment .expand:hover { - background: #ffab91; -} - -.new-comment .usertext-body { - background-color: transparent; - border: none; -} - -.tagline .score { - font-weight: 700; -} - -.tagline .likes { - color: #2D4059; -} - -.entry .flat-list .reply-button a { - color: #2D4059; -} - -.link .domain { - visibility: hidden; -} - -.link .domain a { - visibility: visible; - position: relative; - top: -1px; - color: #b1b1b1; -} - -.domain { - display: inline-block !important; -} - -#siteTable_organic { - background: rgba(6, 102, 178, 0.1); - margin-right: 325px; - margin-top: -7px; - left: -5px; - border-left: 3px solid #ff4500; - border-right: 1px solid rgba(0, 0, 0, 0.1); - border-bottom: none; - border-top: none; -} - -#ad_sponsorship { - max-width: 295px; -} - -.organic-listing .link.promotedlink { - margin-left: -1px; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.flairselector { - border: 1px solid #2D4059 !important; -} - -.flairselector .title { - font-size: 0 !important; -} - -.flairselector h2 { - color: #fff; - font-size: 13px; - background: #2D4059 !important; - padding-top: 6px; - font-weight: lighter !important; - text-transform: capitalize; - padding-bottom: 6px; -} - -.flairselector li:hover { - background-color: transparent; -} - -.flairselector form { - border-top: solid 1px #2D4059; - margin-bottom: 10px; -} - -.flairselector.drop-choices.active { - padding: 0 !important; - box-shadow: none; -} - -.flairselector .linkflair { - border-left: none !important; - background: 0 0; - width: 110px; -} - -.flairselector.drop-choices.active { - left: 40% !important; - top: 35% !important; - position: fixed; -} - -.flairoptionpane { - max-height: 304px; -} - -.flairoptionpane li, -.flairoptionpane ul { - min-width: 120px; - padding: 3px; -} - -.comments-page .link .flat-list a.flairselectbtn { - color: #2D4059 !important; -} - -.nextprev a, -.side .usertext-body .md ol a { - transition: background-color 0.5s; -} - -.submit-page .roundfield { - padding: 16px; - width: 525px; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0px; -} - -.submit-page .roundfield span.title { - color: #4d5763; - text-transform: capitalize; -} - -.submit-page .submit.content#newlink .tabmenu.formtab a { - padding: 16px; - display: inline-block; - text-align: center; - background-color: #f5f5f5; - color: #4d5763; - text-transform: uppercase; - font-weight: 700; - transition: all .25s ease; - font-size: 16px; - border: none; - width: 247.5px; -} - -.submit-page .submit.content#newlink .tabmenu.formtab a:hover { - background-color: #e7e9f6; -} - -.submit-page .submit.content#newlink .tabmenu.formtab .selected a { - font-size: 16px; - background-color: #2D4059; - color: #fff; -} - -.submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover { - background-color: #47658c; -} - -.submit-page #newlink.submit.content .btn { - width: 558px; - height: auto; - text-transform: capitalize; - font-size: 17px; - padding: 16px; - text-align: center; -} - -.submit-page #newlink.submit.content .btn:after { - content: " your thread"; - text-transform: none; -} - -.formtabs-content { - width: 520px; - border-top: none; - margin-top: -15px; -} - -form .spacer + .spacer { - margin: 0; -} - -.content.submit .info-notice { - background-color: #fff; - border-radius: 2px; - padding: 16px; - margin-bottom: 0; - border: 1px solid rgba(0, 0, 0, 0.1) !important; -} - -.self .expanded ~ .expando .usertext-body { - -webkit-animation: 700ms expandy ease-in-out forwards; - animation: 700ms expandy ease-in-out forwards; -} - -@-webkit-keyframes expandy { - 0% { - -webkit-transform: translateY(-100px); - opacity: 0; - } - 50% { - -webkit-transform: translateY(0); - } - 100% { - -webkit-transform: translateY(0); - opacity: 1; - } -} - -@keyframes expandy { - 0% { - transform: translateY(-100px); - opacity: 0; - } - 50% { - transform: translateY(0); - } - 100% { - transform: translateY(0); - opacity: 1; - } -} - -.expando-button { - cursor: pointer; - float: left; - height: 28px; - width: 30px; -} - -.expando-button.selftext.collapsed, .expando-button.selftext.expanded { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; -} - -.expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; -} - -.expando-button.selftext.collapsed { - background-position: -195px -256px; -} - -.expando-button.selftext.collapsed:hover { - background-position: -155px -256px; -} - -.expando-button.selftext.expanded { - background-position: -265px -218px; -} - -.expando-button.selftext.expanded:hover { - background-position: -305px -218px; -} - -.expando-button.video.collapsed { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.collapsed:hover { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.expanded { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.collapsed { - background-position: -301px -256px; -} - -.expando-button.video.collapsed:hover { - background-position: -261px -256px; -} - -.expando-button.video.expanded { - background-position: -265px -218px; -} - -.expando-button.video.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - background-position: -305px -218px; -} - -.expando-button.image { - cursor: pointer; - display: inline-block; - height: 28px !important; - margin-right: 11px; - padding: 0; - vertical-align: top !important; - width: 30px !important; -} - -@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) { - .expando-button { - cursor: pointer; - float: left; - height: 28px; - width: 30px; - background: center center no-repeat #fff; - background-size: 341px 331px !important; - } - .expando-button.selftext.collapsed, .expando-button.selftext.expanded { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - } - .expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - } - .expando-button.selftext.collapsed { - background-position: -195px -256px; - } - .expando-button.selftext.collapsed:hover { - background-position: -155px -256px; - } - .expando-button.selftext.expanded { - background-position: -265px -218px; - } - .expando-button.selftext.expanded:hover { - background-position: -305px -218px; - } - .expando-button.video.collapsed { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.collapsed:hover { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.expanded { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.collapsed { - background-position: -301px -256px; - } - .expando-button.video.collapsed:hover { - background-position: -261px -256px; - } - .expando-button.video.expanded { - background-position: -265px -218px; - } - .expando-button.video.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - background-position: -305px -218px; - } - .expando-button.image { - cursor: pointer; - display: inline-block; - height: 28px !important; - margin-right: 11px; - padding: 0; - vertical-align: top !important; - width: 30px !important; - } - body > .content #siteTable .thing.self .thumbnail { - background-image: url(%%spritesheet%%); - background-position: -289px -139px; - background-size: 341px 331px; - } -} - -.link .usertext-body .md { - border-radius: 0 !important; - border: 1px solid #eea7aa; - background-color: #fff; -} - -body > .content #siteTable .thing.self .thumbnail { - background-image: url(%%spritesheet%%); - width: 45px; - height: 45px; - margin: 10px 15px 10px 10px; - background-repeat: no-repeat !important; - background-position: -289px -139px; -} - -body > .content #siteTable .thing.stickied .thumbnail { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat !important; - background-position: -289px -84px; - margin-right: 15px; -} - -body > .content #siteTable .thing .thumbnail.default, -body > .content #siteTable .thing.over18 .thumbnail { - background-image: url(%%spritesheet%%) !important; - background-repeat: no-repeat !important; - margin: 10px 15px 10px 10px; - width: 45px; - height: 45px; -} - -body > .content #siteTable .thing.stickied .entry > .title .title { - color: #00a64f; - font-weight: 400; -} - -body > .content #siteTable .thing.over18 .thumbnail { - background-position: -286px -5px !important; -} - -body > .content #siteTable .thing .thumbnail.default { - background-position: -47px -77px; - background-size: 341px 331px; -} - -.link .title, -.submit-page #newlink.submit.content .btn, -a[href*="#icon-more"] { - font-family: "Segoe UI", Helvetica, sans-serif; -} - -.link { - padding: 10px 0; - border-left: 3px solid #cec0c0; - margin-bottom: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.link .title { - color: #2D4059; -} - -.link .title:visited { - color: #b1b1b1; -} - -.link.thing.visited .title { - color: #b1b1b1; - padding: 0 !important; -} - -.link.last-clicked { - border: 0; - border-left: 3px solid #47658c; - background: #fffafa; -} - -.link .score.likes { - color: #47658c; -} - -.link .score.dislikes { - color: #7f7f7f; -} - -.link .flair { - font-size: 1em; -} - -.link .midcol { - margin: 5px 7px; -} - -.nextprev a { - padding: 5px 0 5px 15px; - color: #fff; - width: auto; - display: block; - background: #2D4059; - border-radius: 0; - font-size: small; - margin-top: -12px; - margin-right: -1px; - margin-left: -5px; - text-transform: capitalize; -} - -.linklisting .nextprev { - font-size: 0; -} - -.linklisting .stickied { - border-left: 3px solid #00a64f; - background: rgba(0, 166, 79, 0.1); -} - -.linklisting .over18 { - border-left: 3px solid #e2062c; - background: rgba(225, 6, 44, 0.1); -} - -.linklisting .md { - margin-bottom: 0; -} - -.linklisting .usertext-edit div textarea { - margin-left: -10px; -} - -.linklisting .reported { - background: rgba(255, 0, 0, 0.1); - border-left: 3px solid #e2062c; -} - -.report-reasons.rounded { - display: block !important; -} - -.newComments { - display: inline; - color: #2D4059; -} - -.linkinfo .totalvotes { - color: #494949 !important; -} - -.arrow { - background-image: url(%%spritesheet%%) !important; - background-position: center center; - outline: 0 !important; - border: none !important; -} - -.arrow.up { - background-position: -289px -194px; -} - -.arrow.upmod { - background-position: -296px -60px; -} - -.arrow.down { - background-position: -321px -60px; -} - -.arrow.downmod { - background-position: -271px -60px; -} - -.arrow.up:hover, .arrow.down:hover { - opacity: 0.6; -} - -body .linklisting { - margin-right: 330px; - bottom: 0; - margin-top: -7px; - padding: 0; - border-right: 1px solid rgba(0, 0, 0, 0.1); -} - -.entry .buttons li a { - padding: 0px; - font-size: 1.145em; -} - -.tagline, -.search-result-meta { - font-size: 1.145em; -} - -#siteTable .thing { - margin-left: -5px !important; - transition: all .2s; -} - -.listing-page .link:hover { - border-left-color: #47658c; - background: #fffafa; -} - -.entry .flat-list .report-button a, -.res-nightmode .entry .flat-list .report-button a { - color: #d9534f; -} - -.reddit-infobar { - background: #fff; - BORDER: 1px solid #fbdcdc; -} - -.reddit-infobar.with-icon { - margin-left: -4px; -} - -.reddit-infobar.with-icon:before { - background-color: solid #2D4059; - background-repeat: no-repeat; -} - -.c-btn-primary { - background-color: solid #2D4059; - border-bottom: 2px solid #4270a2; - color: #fff; - border-radius: 0; -} - -.sitetable .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -a.author { - margin-right: 0.3em; -} - -.panestack-title { - margin: 0 330px 0 -5px; - padding: 4px 0px; - background: #2D4059; - color: #fff; - border-bottom: transparent; -} - -.panestack-title .title { - font-size: 1.3em; - margin: 10px 0 10px 10px; -} - -.panestack-title a.title-button { - color: #fff !important; -} - -.panestack-title a.title-button.gold { - background-color: transparent; - border: none; -} - -.thing.stickied a.title { - font-weight: 700 !important; - font-size: large; -} - -.green, -.tagline .moderator { - color: #00a64f; - font-weight: 700; - padding-left: 0; - padding-right: 1px; -} - -.entry .flat-list .approve-button a { - color: #00a64f; -} - -.tagline .stickied-tagline { - color: #00a64f; -} - -.tagline a:hover { - color: #47658c !important; -} - -.gold-accent { - background-color: #2D4059; - border: none; - display: inline-block; - color: #fff !important; -} - -#noresults { - padding: 10px; - margin-right: 310px !important; - color: #fff; - background: #2D4059; - margin-left: 5px !important; - display: none; -} - -.commentarea .infobar { - color: #eee; - background: #2D4059; - border: none; - display: flex; -} - -.commentarea .infobar a { - color: #eee; -} - -.commentarea .infobar p { - line-height: 8px; -} - -.comments-page .sitetable.nestedlisting > .thing.stickied { - border-bottom: solid 3px #00a64f; - background: rgba(0, 166, 79, 0.1) !important; -} - -.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page.linkflair-help .flat-list a.flairselectbtn:after { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -.comments-page .usertext-edit div textarea { - background: url(%%wincore-2%%) 206px -213px no-repeat #FFF !important; - border: 1px solid #000 !important; - opacity: .8; - margin-top: 5px; - outline: 0; - display: block; - clear: both; - margin-bottom: 10px; -} - -.comments-page .usertext-edit div textarea:focus { - background: #FFF !important; - opacity: 1; - border-color: #0078D6 !important; -} - -.comments-page .link { - border-left: 1px solid #c6c6c6 !important; -} - -.commentarea .menuarea { - margin: 5px 310px 5px 5px; -} - -.commentarea .md { - margin-bottom: 0; -} - -.md { - overflow: visible; -} - -.md a { - color: #2D4059; -} - -.md code { - white-space: normal; -} - -.md blockquote { - border-left: 2px solid #47658c; - background-color: #efefed; -} - -.usertext.border .usertext-body { - background-color: rgba(0, 120, 213, 0.3); - width: 95%; -} - -.wiki-page .pageactions { - border-radius: 0; - border: 1px solid #47658c; -} - -.wiki-page .pageactions .wikiaction { - margin: 0 !important; - border-radius: 0 !important; -} - -.wiki-page .pageactions .wikiaction:hover { - background-color: #47658c !important; - color: #fff !important; -} - -.wiki-page .pageactions .wikiaction-current { - background-color: #2D4059; -} - -.wiki-page .wiki-page-content .nextprev a { - margin-bottom: 12px; -} - -ul.tabmenu.formtab { - padding-left: 0; -} - -::selection { - background-color: #47658c; - color: #fff; -} - -.buttons .comments.empty { - color: #2D4059; -} - -.leavemoderator, -.titlebox form.toggle { - color: #000; - background: #fff; - border-left: 5px solid #fbdcdc; - padding-left: 10px; - font-size: 8pt; - margin-right: 5px; - border-right: 1px solid #fbdcdc; -} - -#baconBit { - width: 394px !important; - height: 304px !important; - background-image: url(%%res-easter-egg%%) no-repeat !important; - transition: all 10s linear !important; -} - -.sheets .col textarea { - width: 98%; - background: #1d1f21; - color: #ddd !important; - height: 712px !important; - font-family: SourceCodePro-Medium, monospace; -} - -.gadget .right a, -a[href*="#tech"] { - font-family: "Segoe UI", Helvetica, sans-serif; - text-align: center; -} - -.sheets ::-webkit-scrollbar { - background-color: #0f0f0f !important; -} - -.sheets ::-webkit-scrollbar-corner, -.sheets ::-webkit-scrollbar-thumb { - background: #313131 !important; -} - -.panestack-title { - border-bottom: transparent; -} - -.infobar.newsletterbar { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - position: relative; - overflow: hidden; - min-height: 80px; - padding: 15px 20px 20px 25px; - border: none; - border-radius: 0; - background-color: #30659B; - border-left: 3px solid #ff4500; - margin: -7px 325px 7px 0px; - left: -5px; -} - -#eu-cookie-policy .reddit-infobar a { - color: #222 !important; -} - -.leavemoderator { - border-color: #393939 !important; - background: #222 !important; -} - -.gadget .midcol { - margin-right: 9px; -} - -.gadget .right a { - background: #2D4059; - padding: 5px 10px; - margin-right: 5px; - display: block; - color: #fff; - font-size: 16px; - transition: background-color .5s; - text-transform: capitalize; -} - -.gadget .right a:hover { - background: #47658c; -} - -span.clear-input-button { - color: #fff; -} - -#newlink-with-image-upload .clear-input-button { - border-radius: 0 !important; - width: 33px !important; - height: 27px !important; - top: 0 !important; - line-height: 26px !important; - border: 1px solid grey; - background: #2D4059 !important; - transition: background-color .5s; - right: -10px !important; -} - -#newlink-with-image-upload .clear-input-button:hover { - background: #47658c !important; -} - -#newlink-with-image-upload .image-upload-drop-target { - padding: 15px !important; -} - -#newlink-with-image-upload .file-upload-button { - background: #2D4059; - border: none; - padding: 7px 20px !important; - display: block !important; - margin: 6px -17px -17px !important; - transition: background-color 0.5s; -} - -#newlink-with-image-upload .file-upload-button:hover { - background: #47658c; -} - -@media (max-width: 880px) { - #siteTable_organic { - margin-right: -5px; - } - #header-bottom-left .tabmenu { - width: calc(100% - 50px); - padding-left: 50px; - } - .side { - display: none; - } - body .linklisting { - margin-right: 0 !important; - } - .footer::after { - display: none !important; - } - .infobar { - margin-right: 18px; - } - .footer { - border-right: 1px solid #2D4059; - } - .panestack-title { - margin: 0 0px 0 -5px; - } - .infobar.newsletterbar { - margin: -7px -5px 7px 0px; - } -} - -.side { - margin: 0; - padding-left: 30px; - background: 0 0; -} - -.side:after { - content: "/r/ClearShift theme"; - font-size: large; - color: #2D4059; - margin-left: 50px; -} - -.side .md h2 { - margin-top: 1.4em; - font-size: 1.4em; -} - -.side .md h3 { - font-size: 1.2em; - color: #555; - margin: 2em 0 0.2em; -} - -.side .md h4 { - color: #888; - margin-bottom: 1.5em; -} - -.side .md p { - margin: 0.5em 0; -} - -.side .md p a { - margin: 0 .2em; - font-size: 1.1em; -} - -.side .md p a:first-child { - margin-left: 0; -} - -.side .md h1, -.side .md h2, -.side .md h3, -.side .md h4 { - color: #fff; - font-size: 13px; - font-weight: 400; -} - -.side .md h1:after, -.side .md h2:after, -.side .md h3:after, -.side .md h4:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #fbdcdc transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -24px; -} - -.side .md h1 a, -.side .md h2 a, -.side .md h3 a, -.side .md h4 a { - color: #fff; - font-size: 13px; -} - -.side .md h1 { - color: #fff; - font-size: 13px; -} - -.side .md h1 a { - color: #fff; - font-size: 13px; -} - -.side .titlebox div.subButtons, -.side .titlebox h1.redditname + div, -.side .titlebox > .fancy-toggle-button { - padding: 10px; - border: 1px solid #fbdcdc; - border-left: 5px solid #fbdcdc; - border-right: 1px solid #fbdcdc; - background-color: #fff; - color: #000; - font-size: 8pt; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -.side .titlebox div.subButtons, -.side .titlebox h1.redditname + div, -.side .titlebox > .fancy-toggle-button { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -.side .titlebox div.subButtons, -.side .titlebox > .fancy-toggle-button { - width: 269.3px; -} - -.side .titlebox > .fancy-toggle-button { - display: block !important; -} - -.side div.titlebox ul { - list-style-type: none; - margin: 0; - padding: 0; -} - -.side .subscribe-button .add { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -@-webkit-keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -@-moz-keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -@keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -.titlebox h1:after, -.sidecontentbox .title:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #fbdcdc transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -24px; -} - -div.side div.tagline { - padding: 10px; - border: 1px solid #fbdcdc; - border-left: 5px solid #fbdcdc; - border-right: 1px solid #fbdcdc; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -div.side form.flairtoggle, div.side form.leavecontributor-button { - padding: 10px; - border: 1px solid #fbdcdc; - border-left: 5px solid #fbdcdc; - border-right: 1px solid #fbdcdc; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -div.side span.subscribers { - border: 1px solid #fbdcdc; - border-left: 5px solid #fbdcdc; - border-right: 1px solid #fbdcdc; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; - padding: 7px 10px 10px; - display: block !important; - padding-top: 5px; - padding-bottom: 10px; - border-top: none; -} - -div.side span.subscribers span { - vertical-align: middle; -} - -div.side span.subscribers span.number:before { - background: url(%%spritesheet%%) -192px -5px; - display: block; - float: left; - width: 20px; - height: 20px; - content: ""; - margin-right: 5px; - margin-top: -3px; -} - -div.side div.tagline { - display: block !important; -} - -div.side form.flairtoggle { - display: block; -} - -div.side div.leavemoderator { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side form.flairtoggle { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side p.users-online { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side div.tagline { - padding-top: 0; - border-top: none; -} - -.morelink { - border: 1px solid #2D4059; - background: #2D4059; - width: 145px; - margin-right: 5px; - transition: all 0.5s; - box-sizing: border-box; -} - -.morelink a { - color: #fff; - font-family: "Segoe UI", Helvetica, sans-serif; - font-weight: 400; - letter-spacing: 0; - font-size: 0.9em; -} - -.morelink:hover { - background: #47658c; - border-color: #47658c; -} - -.morelink:hover a { - color: #fff; - border-color: #47658c; -} - -.morelink .nub { - display: none; -} - -.submit .morelink { - float: left; -} - -.submit-page .titlebox h1 { - margin-top: 0 !important; -} - -.redditname { - margin-top: 53px !important; -} - -.reddit-link { - padding: 7px 10px 10px; - border-left: 5px solid #fbdcdc; - background-color: #fff; - border-bottom: 1px solid #fbdcdc; - border-right: 1px solid #fbdcdc; - font-size: 1em; - margin-right: 5px; -} - -.icon-menu li { - display: block; - margin: 0; - padding: 7px 10px 10px !important; - border-left: 5px solid #fbdcdc; - background-color: #fff; - border-bottom: 1px solid #fbdcdc; - border-right: 1px solid #fbdcdc; - margin-right: 5px !important; -} - -.search-page .side .spacer { - margin: 10px 0; -} - -.sidebox.create { - display: none !important; -} - -.helplink ~ .content .author[href*=AutoModerator], .helplink ~ .content .author[href*=flair_your_post_bot] { - display: none; -} - -.helplink ~ .content .author:after { - content: '- Moderator'; - font-size: 0.945em; - margin-left: 5px; - color: #2D4059; -} - -.helplink ~ .content .flair { - display: none; -} - -.linkinfo { - background-color: transparent; -} - -.sidecontentbox .helplink + .title h1 { - font-size: 0; -} - -.sidecontentbox .helplink + .title h1:before { - font-size: 13px !important; - content: "Moderators team"; - text-transform: capitalize; -} - -.helplink ~ .content .author .helplink ~ .content .author:hover { - color: #47658c; -} - -.sidecontentbox .content .linkflairlabel { - display: none; -} - -div.titlebox .md h3:hover + ul { - display: block; -} - -div.titlebox .md ul li strong:first-child, div.titlebox .md ul:hover { - display: block; -} - -div.titlebox .md ul li { - border: none; - margin-right: 5px; -} - -.sidecontentbox .content a.author, -.sidecontentbox .more { - display: block; - margin: 0; - padding: 7px 10px 10px !important; - border-left: 5px solid #fbdcdc; - background-color: #fff; - border-bottom: 1px solid #fbdcdc; - border-right: 1px solid #fbdcdc; - font-size: 0.945em; - margin-right: 5px !important; -} - -.sidecontentbox .content a.author:hover, -.sidecontentbox .more:hover { - background-color: #fffafa; - border-left-color: #eea7aa; -} - -.sidecontentbox .content { - border: none; - padding: 0; -} - -.sidecontentbox .more { - text-align: center; -} - -.sidecontentbox .more a { - color: #369; -} - -.icon-menu li:hover, -.reddit-link:hover { - background-color: #fffafa; - border-left-color: #eea7aa; -} - -div.titlebox .md ul li { - padding: 7px 10px 10px; - border-left: 5px solid #fbdcdc; - background-color: #fff; - border-bottom: 1px solid #fbdcdc; - border-right: 1px solid #fbdcdc; - font-size: 0.945em; -} - -div.titlebox .md ul li:hover { - background-color: #fffafa; - border-left-color: #eea7aa; -} - -div.titlebox div.styleToggle, -div.titlebox span.fancy-toggle-button a.active { - padding: 5px 10px; - background-color: #47658c; - color: #fff; - font-size: 8pt; - display: block !important; - background-image: none; - border-radius: 0; - font-weight: 400; - margin: 0; - border: none; -} - -div.titlebox div.styleToggle { - background-color: #2D4059; - line-height: 20px; -} - -div.titlebox div.styleToggle input, -div.titlebox div.styleToggle label { - vertical-align: middle; - margin: 0; -} - -div.titlebox span.fancy-toggle-button a.active.add:hover, div.titlebox span.fancy-toggle-button a.active.remove { - background-color: #2D4059; -} - -div.titlebox span.fancy-toggle-button a.active.remove:before { - content: ""; - padding-right: 5px; -} - -div.titlebox span.fancy-toggle-button a.active.remove:hover:after { - content: "=("; - font-style: italic; - padding-left: 5px; -} - -div.titlebox span.fancy-toggle-button a.active.add:before { - content: "+"; - padding-right: 5px; - color: #fff; -} - -#RESShortcutsAdd, -#RESShortcutsLeft, -#RESShortcutsRight, -#RESShortcutsSort, -#RESShortcutsTrash { - width: 17px !important; -} - -.sidecontentbox .content a.author { - display: block; - margin: 0; - padding: 3px 0; -} - -.sidecontentbox .content a.author:hover { - color: #47658c; -} - -#searchexpando { - padding: 10px; - border: 1px solid #fbdcdc; - border-right: 1px solid #fbdcdc; - background-color: #fff; - color: #000; - font-size: 8pt; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; - width: 273px !important; - border-left: 1px solid #fbdcdc; -} - -#search input[type=text] { - width: 295px !important; - border-color: #2D4059; -} - -.sidecontentbox .title { - border-left: 5px solid #EA5455; - background-color: #2D4059; - padding: 10px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; -} - -div.titlebox .md h3:before { - content: "+"; - color: #fff; - padding-right: 5px; -} - -div.titlebox .md h2, -div.titlebox .md h3, -div.titlebox .md h4 { - border-left: 5px solid #EA5455; - background-color: #2D4059; - padding: 10px; - font-weight: 400; - cursor: default; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; -} - -div.titlebox h1 { - border-left: 5px solid #EA5455; - background-color: #2D4059; - padding: 10px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; - font-size: 13px; -} - -.leavemoderator, -.users-online, -.leavecontributor-button { - display: none; -} - -.sidecontentbox a.helplink { - margin-right: 5px; -} - -.icon-menu a { - background: 0 0; -} - -.titlebox .bottom { - border: none; -} - -.titlebox h1 a, -.pagename a { - color: #FFF; -} - -#RESShortcutsAdd, -#RESShortcutsEditContainer, -#RESShortcutsLeft, -#RESShortcutsRight, -#RESShortcutsSort, -#RESShortcutsTrash { - background-color: transparent !important; -} - -#RESShortcutsAdd:hover, -#RESShortcutsEditContainer:hover, -#RESShortcutsLeft:hover, -#RESShortcutsRight:hover, -#RESShortcutsSort:hover, -#RESShortcutsTrash:hover { - color: #f0f0f0 !important; -} - -.titlebox .md h3 + ul:hover, -.titlebox .md h3:hover + ul { - max-height: 600px; -} - -div.titlebox .md h3 + ul { - display: block; - transition: 1.8s max-height ease-out; - overflow: hidden; - max-height: 0; -} - -div.titlebox .md h3:hover + ul { - transition: .8s max-height ease-out; -} - -div.commentarea .infobar p { - background: #47658c; - padding: 10px; - margin: -5px -5px -5px 10px; -} - -.linkinfo { - padding: 0; - border: none; -} - -.linkinfo .score, -.linkinfo .shortlink { - color: #494949; - border-left: 5px solid #fbdcdc; - background-color: #fff; - border-bottom: 1px solid #fbdcdc; - border-right: 1px solid #fbdcdc; - font-size: 8pt; - margin-right: 5px; -} - -.linkinfo .score { - padding: 7px 10px; - margin-top: 10px; -} - -.linkinfo .shortlink { - display: block; - font-weight: 600; - text-transform: capitalize; - margin-top: 0; - padding: 7px 10px 10px; -} - -.date { - position: relative; -} - -.date:before { - content: "Date "; - display: block; - color: #fff !important; - text-transform: none; - border-left: 5px solid #EA5455; - background-color: #2D4059; - padding: 10px; - cursor: pointer; - margin-top: 0; - margin-bottom: 6px; - margin-left: -10px; - font: 400 small verdana, arial, helvetica, sans-serif; -} - -.date:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #fbdcdc transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -19px; - margin-top: -32px; -} - -.date span { - display: block; - background-color: #fff; - padding: 7px 0 10px 10px; - border-left: 5px solid #fbdcdc; - border-bottom: 1px solid #fbdcdc; - margin: -6px 5px -10px 0; - border-right: 1px solid #fbdcdc; -} - -.date span, -.date time { - color: #494949; - font-size: 9pt; -} - -.date time { - position: absolute; - top: 50%; - left: 55%; - padding: 9px 0 10px 0; -} - -.totalvotes { - display: block; - background-color: #fff; - color: #494949 !important; - font-weight: 600; - text-transform: capitalize; - margin-top: 0; - padding: 7px 10px 10px; - border-left: 5px solid #fbdcdc; - border-bottom: 1px solid #fbdcdc; - border-right: 1px solid #fbdcdc; - font-size: 8pt !important; - margin-right: 5px; -} - -.linkinfo .shortlink input { - height: 10px; - border: none; - width: 181px; - font-size: 13px; -} - -.submit-page .side:before { - content: "Use search before posting"; - font-size: large; - color: #E54661; - margin-left: 27px; -} - -.sidecontentbox a.helplink { - float: none; - margin-top: 4px; - clear: both; - text-align: center; - display: block; - color: #fff; - background: #2D4059; - box-sizing: border-box; - margin-bottom: 10px; -} - -.sidecontentbox a.helplink:hover { - background: #47658c; -} - -.sidecontentbox .title h1, -.sidecontentbox a.helplink { - color: #fff; -} - -.account-activity-box, -.sidecontentbox a.helplink { - font-size: 16px; - padding: 10px; - transition: background-color .5s; - text-transform: capitalize; -} - -.account-activity-box { - display: block !important; - background: #2D4059; - margin-right: 5px; -} - -.account-activity-box:hover { - background: #47658c; -} - -.account-activity-box a { - color: #fff; - padding: 10px 70px; -} - -#header #header-bottom-right { - background: 0 0; - bottom: -18px; - top: auto; - padding: 3px; - height: 59px; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -#header-bottom-right .separator { - display: none; -} - -#header-bottom-right .user { - position: relative; - top: 0; - width: 119px; - padding-left: 42px; - padding-top: 5px; - font-size: 13px; - color: #eaeaea; - line-height: 170%; - background: url(%%spritesheet%%) -110px -289px no-repeat #2D4059; - float: left; - border: 2px solid #fff; - cursor: pointer; -} - -#beta-help, -.beta-hint a { - position: absolute !important; -} - -#header-bottom-right .user > a { - text-indent: 4px; - color: #FFF; - display: block; - line-height: 12px; - white-space: nowrap; -} - -#header-bottom-right .user span a { - color: #fff; -} - -#header-bottom-right #mail { - top: 0; - top: 0 !important; - width: 42px; - height: 42px; - display: inline-block; -} - -#header-bottom-right #modmail { - position: absolute; - margin-left: -267px; - top: 3px; - padding-left: 26px; - padding-top: 5px; - background: url(%%spritesheet%%) -224px -72px no-repeat #2D4059; - border: 2px solid #fff; -} - -#modmail.havemail { - background: url(%%spritesheet%%) -224px -72px #ff4500 !important; -} - -#header #header-bottom-right #modmail:hover, -#header #header-bottom-right .choice:hover, -#header #header-bottom-right .user:hover { - background-color: #47658c; -} - -#header #header-bottom-right .logout { - display: inline-block; -} - -#header #header-bottom-right #mail, -#header #header-bottom-right .choice, -#header #header-bottom-right .logout a { - margin-left: 5px; - width: 42px; - width: 42px !important; - height: 42px; - display: inline-block; - text-indent: 50px; - overflow: hidden; - transition: background-color 0.5s; -} - -#header #header-bottom-right #mail.nohavemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #2D4059; - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right #mail.havemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #ff4500; -} - -.res #header #header-bottom-right #mail.havemail { - background: url(%%spritesheet%%) 0px -115px no-repeat #ff4500; -} - -#header #header-bottom-right #mail.havemail { - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right .choice { - background: url(%%spritesheet%%) -127px -114px no-repeat #2D4059; - border-radius: 1px; - border: 2px solid #fff; -} - -.beta-hint { - opacity: 1; -} - -.beta-hint a { - top: 0; - left: -78px; - color: transparent !important; - background-color: #2D4059; - background-image: url(%%spritesheet%%) !important; - background-repeat: no-repeat !important; - background-size: 341px 331px !important; - background-position: -72px -143px !important; - width: 42px; - height: 42px; - border-radius: 1px; - border: 2px solid #fff; - transition: background-color 0.5s; -} - -.beta-hint a:hover { - background-color: green !important; -} - -#beta-help { - background: #FFFFE1 !important; - color: #000 !important; - left: 1200px !important; - top: 170px !important; -} - -.res .beta-hint a { - display: none; -} - -#header #header-bottom-right .logout a { - background: url(%%spritesheet%%) -127px -42px no-repeat #2D4059; - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right #mail.havemail, #header #header-bottom-right #mail.nohavemail { - border-bottom: none; -} - -#header #header-bottom-right .choice, -#header #header-bottom-right .logout a { - border-bottom: none; -} - -#header-bottom-right #modmail, -#header-bottom-right .user { - border-bottom: none; -} - -.user .userkarma { - border-bottom: none; -} - -#header #header-bottom-right #mail:hover, -#header #header-bottom-right .choice:hover, -#header #header-bottom-right .user:hover { - background-color: #47658c; -} - -#header #header-bottom-right .logout a:hover { - text-indent: -99999px; - color: #fff; - background: url(%%spritesheet%%) -127px -42px no-repeat #ce352c; -} - -#openRESPrefs { - position: absolute; - right: 365px; - top: 22px; -} - -#mailCount { - position: absolute; - left: 208px; - top: -2px; - color: #fff; - font-size: 14px; - overflow: hidden; -} - -.message-count { - background: #47658c; - height: 42px; - font-size: medium; - line-height: 42px !important; - margin-left: -4px; - vertical-align: top; - display: none; -} - -.user .userkarma { - cursor: help; -} - -#RESAccountSwitcherIconOverlay { - display: none !important; -} - -#RESAccountSwitcherIcon { - float: right; - margin-right: 5px; - margin-top: -10px; - background: url(%%spritesheet%%) -264px -5px no-repeat !important; -} - -.side .usertext-body .md ol { - position: absolute; - top: 30px; - right: 0; - margin: 0 30px 0 0; - padding: 0; - z-index: 99; -} - -.md-container-small .md .-text, -.md-container-small .md li, -.md-container-small .md p, -.md-container-small .md pre > code, -.md-container-small .md td, -.md-container-small .md th { - list-style: none; -} - -.side .usertext-body .md ol a[href$="#special"] { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 3s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -.side .md .-text, -.side .md li, -.side .md p, -.side .md pre > code, -.side .md td, -.side .md th { - list-style: none; -} - -.side .usertext-body .md ol a { - background-color: #57b5ff; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - opacity: 0.8; -} - -.side .usertext-body .md ol a:hover { - opacity: 1; -} - -.side .md > ol li a[href$='#special']:after, .side .md > ol li a[href$='#special']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#special'] { - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - transition: opacity .5s; - background-color: #1686f0; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#special']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; - background-color: #2D4059; - content: "Event"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#special']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#achieve'] { - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - transition: opacity .5s; - background-color: #28bc07; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#achieve']:hover { - opacity: 1; -} - -.side .md > ol li a[href$='#sticky']:after, .side .md > ol li a[href$='#sticky']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#achieve']:before, .side .usertext-body .md ol a[href$='#sticky']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#achieve']:before { - background-color: #0d9605; - content: "Achievement unlocked"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#sticky'], .side .usertext-body .md ol a[href$='#stickyg'] { - font-weight: 400; - padding: 5px 5px 5px 0; - margin-bottom: 3px; - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - transition: opacity .5s; - text-decoration: none; -} - -.side .usertext-body .md ol a[href$='#sticky'] { - background-color: #1686f0; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#sticky']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#stickyg']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#sticky']:before { - background-color: #2D4059; - content: "Sticky"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#stickyg'] { - background-color: #28bc07; - opacity: 0.8; -} - -.side .md > ol li a[href$='#achieve']:after, .side .md > ol li a[href$='#achieve']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .md > ol li a[href$='#update']:after, .side .md > ol li a[href$='#update']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#stickyg']:before, .side .usertext-body .md ol a[href$='#update']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#stickyg']:before { - background-color: #0d9605; - content: "Sticky"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#update'] { - border: 2px solid #fefefe; - background-color: #1686f0; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - opacity: .8; - transition: opacity 0.5s; -} - -.side .usertext-body .md ol a[href$='#update']:before { - background-color: #2D4059; - content: "Update"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#update']:hover { - opacity: 1; -} - -.side .md del { - color: #fff; - text-decoration: none; -} - -.md a:hover { - color: #47658c; -} - -.res-nightmode body, -html[lang^=nm] body { - background: #1a1a1a !important; -} - -.res-nightmode #sr-header-area, -html[lang^=nm] #sr-header-area { - background-color: #0C1722; -} - -.res-nightmode a, -html[lang^=nm] a { - color: #f8f8ff; -} - -.res-nightmode .morelink a, -.res-nightmode a[href*="#Donsiders"], -.res-nightmode a[href*="#btn"], -html[lang^=nm] .morelink a, -html[lang^=nm] a[href*="#Donsiders"], -html[lang^=nm] a[href*="#btn"] { - color: #fff !important; -} - -.res-nightmode .shortlink input, -html[lang^=nm] .shortlink input { - background: #393939; - color: #ddd; -} - -.res-nightmode #previoussearch #moresearchinfo, -.res-nightmode .roundfield label, -.res-nightmode .search-result-body, -.res-nightmode div.side #searchexpando, -.res-nightmode .submit-page .roundfield .title, -.res-nightmode .md, -.res-nightmode .md blockquote, -.res-nightmode .md del, -.res-nightmode .comments-page .usertext-edit div textarea, -html[lang^=nm] #previoussearch #moresearchinfo, -html[lang^=nm] .roundfield label, -html[lang^=nm] .search-result-body, -html[lang^=nm] div.side #searchexpando, -html[lang^=nm] .submit-page .roundfield .title, -html[lang^=nm] .md, -html[lang^=nm] .md blockquote, -html[lang^=nm] .md del, -html[lang^=nm] .comments-page .usertext-edit div textarea { - color: #eee !important; -} - -.res-nightmode .md blockquote, -html[lang^=nm] .md blockquote { - background: rgba(0, 87, 166, 0.24); - border-left: 2px solid #47658c !important; - color: #888 !important; -} - -.res-nightmode .md code, -html[lang^=nm] .md code { - border: none !important; - background-color: #393939 !important; - border-radius: 0 !important; - border-left: 3px solid #47658c !important; -} - -.res-nightmode .commentingAs, -.res-nightmode .date time, -.res-nightmode .linkinfo .score, -.res-nightmode .linkinfo .shortlink, -.res-nightmode .side .titlebox > .fancy-toggle-button, -.res-nightmode .edit-stylesheet.choice:after, -.res-nightmode .wiki-page .wiki-page-content, -html[lang^=nm] .commentingAs, -html[lang^=nm] .date time, -html[lang^=nm] .linkinfo .score, -html[lang^=nm] .linkinfo .shortlink, -html[lang^=nm] .side .titlebox > .fancy-toggle-button, -html[lang^=nm] .edit-stylesheet.choice:after, -html[lang^=nm] .wiki-page .wiki-page-content { - color: #ddd !important; -} - -.res-nightmode .date span, -.res-nightmode .date time, -html[lang^=nm] .date span, -html[lang^=nm] .date time { - border-bottom: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode #header, -.res-nightmode #newlink-with-image-upload #new-link-preview, -.res-nightmode .account-activity-box, -.res-nightmode .date:before, -.res-nightmode .morelink, -.res-nightmode .nextprev a, -.res-nightmode .titlebox h1, -html[lang^=nm] #header, -html[lang^=nm] #newlink-with-image-upload #new-link-preview, -html[lang^=nm] .account-activity-box, -html[lang^=nm] .date:before, -html[lang^=nm] .morelink, -html[lang^=nm] .nextprev a, -html[lang^=nm] .titlebox h1 { - background: #222 !important; -} - -.res-nightmode #header #header-bottom-right #mail:hover, -.res-nightmode #header #header-bottom-right #modmail:hover, -.res-nightmode #header #header-bottom-right .choice:hover, -.res-nightmode #header #header-bottom-right .logout:hover, -.res-nightmode #header #header-bottom-right .user:hover, -html[lang^=nm] #header #header-bottom-right #mail:hover, -html[lang^=nm] #header #header-bottom-right #modmail:hover, -html[lang^=nm] #header #header-bottom-right .choice:hover, -html[lang^=nm] #header #header-bottom-right .logout:hover, -html[lang^=nm] #header #header-bottom-right .user:hover { - background-color: #393939 !important; -} - -.res-nightmode #header #header-bottom-right .logout a, -.res-nightmode #header #header-bottom-right .nohavemail#mail, -html[lang^=nm] #header #header-bottom-right .logout a, -html[lang^=nm] #header #header-bottom-right .nohavemail#mail { - background-color: transparent !important; - outline: 0 !important; -} - -.res-nightmode #header-bottom-right #modmail, -.res-nightmode #header-bottom-right .choice, -.res-nightmode #header-bottom-right .user, -html[lang^=nm] #header-bottom-right #modmail, -html[lang^=nm] #header-bottom-right .choice, -html[lang^=nm] #header-bottom-right .user { - background-color: transparent !important; - outline: 0 !important; -} - -.res-nightmode #header-bottom-left .tabmenu, -.res-nightmode #header-img, -.res-nightmode #header-img.default-header, -html[lang^=nm] #header-bottom-left .tabmenu, -html[lang^=nm] #header-img, -html[lang^=nm] #header-img.default-header { - background: transparent !important; -} - -.res-nightmode #header-bottom-left .tabmenu, -.res-nightmode .new-comment .usertext-body, -html[lang^=nm] #header-bottom-left .tabmenu, -html[lang^=nm] .new-comment .usertext-body { - background-color: transparent; - border: none; -} - -.res-nightmode .date, -html[lang^=nm] .date { - color: #ddd !important; -} - -.res-nightmode .date::before, -html[lang^=nm] .date::before { - color: #ddd !important; -} - -.res-nightmode .flair, -html[lang^=nm] .flair { - color: #ddd !important; -} - -.res-nightmode .footer, -html[lang^=nm] .footer { - border-right: none !important; - border-top: none; -} - -.res-nightmode .footer div.col a, .res-nightmode .footer::after, -html[lang^=nm] .footer div.col a, -html[lang^=nm] .footer::after { - color: #ddd !important; -} - -.res-nightmode div.side div.tagline, -.res-nightmode div.side form.flairtoggle, -.res-nightmode div.side span.subscribers, -html[lang^=nm] div.side div.tagline, -html[lang^=nm] div.side form.flairtoggle, -html[lang^=nm] div.side span.subscribers { - background: #222 !important; - color: #ddd !important; -} - -.res-nightmode div.titlebox .md ul li, -html[lang^=nm] div.titlebox .md ul li { - background: #222 !important; - color: #ddd !important; -} - -.res-nightmode .sidecontentbox .title, -.res-nightmode .sidecontentbox a.helplink, -html[lang^=nm] .sidecontentbox .title, -html[lang^=nm] .sidecontentbox a.helplink { - background: #222 !important; -} - -.res-nightmode div.titlebox .md h1, -.res-nightmode div.titlebox .md h2, -.res-nightmode div.titlebox .md h3, -.res-nightmode div.titlebox .md h4, -html[lang^=nm] div.titlebox .md h1, -html[lang^=nm] div.titlebox .md h2, -html[lang^=nm] div.titlebox .md h3, -html[lang^=nm] div.titlebox .md h4 { - background: #222 !important; -} - -.res-nightmode #searchexpando, -.res-nightmode .icon-menu li, -.res-nightmode .totalvotes, -.res-nightmode .reddit-link, -.res-nightmode .sidecontentbox .content a.author, -.res-nightmode .sidecontentbox .more, -.res-nightmode .reddit-link, -.res-nightmode .linkinfo .score, -.res-nightmode .linkinfo .shortlink, -.res-nightmode div.titlebox .md ul li, -html[lang^=nm] #searchexpando, -html[lang^=nm] .icon-menu li, -html[lang^=nm] .totalvotes, -html[lang^=nm] .reddit-link, -html[lang^=nm] .sidecontentbox .content a.author, -html[lang^=nm] .sidecontentbox .more, -html[lang^=nm] .reddit-link, -html[lang^=nm] .linkinfo .score, -html[lang^=nm] .linkinfo .shortlink, -html[lang^=nm] div.titlebox .md ul li { - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode #searchexpando:hover, -.res-nightmode .icon-menu li:hover, -.res-nightmode .totalvotes:hover, -.res-nightmode .reddit-link:hover, -.res-nightmode .sidecontentbox .content a.author:hover, -.res-nightmode .sidecontentbox .more:hover, -.res-nightmode .reddit-link:hover, -.res-nightmode .linkinfo .score:hover, -.res-nightmode .linkinfo .shortlink:hover, -.res-nightmode div.titlebox .md ul li:hover, -html[lang^=nm] #searchexpando:hover, -html[lang^=nm] .icon-menu li:hover, -html[lang^=nm] .totalvotes:hover, -html[lang^=nm] .reddit-link:hover, -html[lang^=nm] .sidecontentbox .content a.author:hover, -html[lang^=nm] .sidecontentbox .more:hover, -html[lang^=nm] .reddit-link:hover, -html[lang^=nm] .linkinfo .score:hover, -html[lang^=nm] .linkinfo .shortlink:hover, -html[lang^=nm] div.titlebox .md ul li:hover { - background-color: #393939 !important; - border-left-color: #eea7aa !important; -} - -.res-nightmode div.side div.leavemoderator, -.res-nightmode div.side p.users-online, -.res-nightmode div.side span.subscribers, -.res-nightmode div.side form.leavecontributor-button, -.res-nightmode div.side .titlebox div.subButtons, -.res-nightmode div.side .titlebox h1.redditname + div, -.res-nightmode div.side .titlebox > .fancy-toggle-button, -html[lang^=nm] div.side div.leavemoderator, -html[lang^=nm] div.side p.users-online, -html[lang^=nm] div.side span.subscribers, -html[lang^=nm] div.side form.leavecontributor-button, -html[lang^=nm] div.side .titlebox div.subButtons, -html[lang^=nm] div.side .titlebox h1.redditname + div, -html[lang^=nm] div.side .titlebox > .fancy-toggle-button { - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode div.side div.tagline, -.res-nightmode div.side form.flairtoggle, -html[lang^=nm] div.side div.tagline, -html[lang^=nm] div.side form.flairtoggle { - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - border-bottom: none !important; - background: #222 !important; -} - -.res-nightmode .titlebox form.toggle, -html[lang^=nm] .titlebox form.toggle { - background: #222; - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - color: #eee; -} - -.res-nightmode .sitetable .comment .comment, -html[lang^=nm] .sitetable .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment, -html[lang^=nm] .sitetable .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode button, -html[lang^=nm] button { - border: none; - background-color: #222 !important; -} - -.res-nightmode a[href*="#square"]::before, -html[lang^=nm] a[href*="#square"]::before { - border: 3px solid #393939; -} - -.res-nightmode .link, -html[lang^=nm] .link { - border-bottom: 1px solid #2D2E32 !important; - border-right: 1px solid #2D2E32 !important; -} - -.res-nightmode .listing-page .link:hover, -html[lang^=nm] .listing-page .link:hover { - background: #393939 !important; - border-left-color: #a9a9a9 !important; -} - -.res-nightmode div.titlebox .md ul li:hover, -html[lang^=nm] div.titlebox .md ul li:hover { - background-color: #393939 !important; - border-left-color: #eea7aa !important; -} - -.res-nightmode div.titlebox .md h1:after, -.res-nightmode div.titlebox .md h2:after, -.res-nightmode div.titlebox .md h3:after, -.res-nightmode div.titlebox .md h4:after, -html[lang^=nm] div.titlebox .md h1:after, -html[lang^=nm] div.titlebox .md h2:after, -html[lang^=nm] div.titlebox .md h3:after, -html[lang^=nm] div.titlebox .md h4:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode div.titlebox h1:after, -.res-nightmode div.titlebox .sidecontentbox .title:after, -html[lang^=nm] div.titlebox h1:after, -html[lang^=nm] div.titlebox .sidecontentbox .title:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode .flairselector, -.res-nightmode .comments-page .usertext-edit div textarea, -.res-nightmode #eu-cookie-policy .reddit-infobar, -.res-nightmode #search input[type=text], -html[lang^=nm] .flairselector, -html[lang^=nm] .comments-page .usertext-edit div textarea, -html[lang^=nm] #eu-cookie-policy .reddit-infobar, -html[lang^=nm] #search input[type=text] { - background-color: #222 !important; - color: #ddd; -} - -.res-nightmode #header-bottom-left .tabmenu li.selected a, -.res-nightmode .link .usertext-body .md, -.res-nightmode .debuginfo, -.res-nightmode .sidecontentbox a.helplink:hover, -.res-nightmode .cookie-infobar.with-icon:before, -.res-nightmode div.titlebox span.fancy-toggle-button a.active.remove, -.res-nightmode .link .score .likes, -.res-nightmode .nextprev a:hover, -.res-nightmode .side .morelink a:hover, -.res-nightmode button:hover, -.res-nightmode .account-activity-box:hover, -html[lang^=nm] #header-bottom-left .tabmenu li.selected a, -html[lang^=nm] .link .usertext-body .md, -html[lang^=nm] .debuginfo, -html[lang^=nm] .sidecontentbox a.helplink:hover, -html[lang^=nm] .cookie-infobar.with-icon:before, -html[lang^=nm] div.titlebox span.fancy-toggle-button a.active.remove, -html[lang^=nm] .link .score .likes, -html[lang^=nm] .nextprev a:hover, -html[lang^=nm] .side .morelink a:hover, -html[lang^=nm] button:hover, -html[lang^=nm] .account-activity-box:hover { - background-color: #393939 !important; -} - -.res-nightmode .comment .usertext .md p > a:visited, -.res-nightmode .md a, -.res-nightmode h2 a:visited, -html[lang^=nm] .comment .usertext .md p > a:visited, -html[lang^=nm] .md a, -html[lang^=nm] h2 a:visited { - color: #3498db; -} - -.res-nightmode ::-webkit-scrollbar, -html[lang^=nm] ::-webkit-scrollbar { - background-color: #393939; -} - -.res-nightmode ::-webkit-scrollbar-thumb, -html[lang^=nm] ::-webkit-scrollbar-thumb { - background-color: #666; - border: 2px solid #333; - transition: background-color 0.5s; -} - -.res-nightmode ::-webkit-scrollbar-thumb:hover, -html[lang^=nm] ::-webkit-scrollbar-thumb:hover { - background-color: #555; - transition: background-color 0.5s; -} - -.res-nightmode ::-webkit-scrollbar-thumb:active, -html[lang^=nm] ::-webkit-scrollbar-thumb:active { - background-color: #bbb; -} - -.res-nightmode ::-webkit-scrollbar-corner, -html[lang^=nm] ::-webkit-scrollbar-corner { - color: #555; -} - -.res-nightmode textarea, -html[lang^=nm] textarea { - color: #000 !important; -} - -.res-nightmode .content, -html[lang^=nm] .content { - margin-bottom: 0; - margin-top: 0; -} - -.res-nightmode input[type=button], .res-nightmode input[type=reset], .res-nightmode input[type=submit], -html[lang^=nm] input[type=button], -html[lang^=nm] input[type=reset], -html[lang^=nm] input[type=submit] { - border: none; -} - -.res-nightmode .side .spacer .titlebox .redditname, -html[lang^=nm] .side .spacer .titlebox .redditname { - border-left-color: #47658c; -} - -.res-nightmode .gold-accent, -html[lang^=nm] .gold-accent { - background: #2D4059; -} - -.res-nightmode .thing .title:visited, -.res-nightmode .thing.visited .title, -html[lang^=nm] .thing .title:visited, -html[lang^=nm] .thing.visited .title { - color: #808c94; -} - -.res-nightmode .thing .title, -html[lang^=nm] .thing .title { - color: #B5C4D0; -} - -.res-nightmode .content.submit .info-notice, -.res-nightmode .submit-page .roundfield, -html[lang^=nm] .content.submit .info-notice, -html[lang^=nm] .submit-page .roundfield { - background-color: #222; - color: #eee; -} - -.res-nightmode #header #header-bottom-right #mail.havemail, -html[lang^=nm] #header #header-bottom-right #mail.havemail { - outline: 0; -} - -.res-nightmode .formtabs-content .infobar, -html[lang^=nm] .formtabs-content .infobar { - border-color: transparent !important; -} - -.res-nightmode .infobar, -html[lang^=nm] .infobar { - border-color: #ff4500 !important; -} - -.res-nightmode span.score, -html[lang^=nm] span.score { - color: #888 !important; -} - -.res-nightmode .comment.spam > .child, -.res-nightmode .message.spam > .child, -.res-nightmode .usertext.grayed .usertext-body, -html[lang^=nm] .comment.spam > .child, -html[lang^=nm] .message.spam > .child, -html[lang^=nm] .usertext.grayed .usertext-body { - background-color: transparent; -} - -.res-nightmode div.commentarea .infobar, -html[lang^=nm] div.commentarea .infobar { - color: #eee; - border: none; -} - -.res-nightmode .comment, -html[lang^=nm] .comment { - border: 1px solid #43474F; -} - -.res-nightmode a[href*='#icon-day'], -html[lang^=nm] a[href*='#icon-day'] { - display: inline-block !important; -} - -.res-nightmode a[href*='#icon-day']::before, -html[lang^=nm] a[href*='#icon-day']::before { - display: inline-block !important; - display: none; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; - background: url(%%spritesheet%%) -85px -294px; -} - -.res-nightmode a[href*='#icon-night'], -html[lang^=nm] a[href*='#icon-night'] { - display: none; -} - -.res-nightmode a[href*="#icon-chat"]::before, -html[lang^=nm] a[href*="#icon-chat"]::before { - background-image: url(%%wincore-2%%); - background-position: -5px -405px; -} - -.res-nightmode a[href*="#icon-feedback"]::before, -html[lang^=nm] a[href*="#icon-feedback"]::before { - background-position: -47px -149px; -} - -.res-nightmode a[href*="#icon-feedback2"]::before, -html[lang^=nm] a[href*="#icon-feedback2"]::before { - background-position: -5px -375px; -} - -.res-nightmode a[href*="#iconz-tips"]::before, -html[lang^=nm] a[href*="#iconz-tips"]::before { - background-position: -234px -47px; -} - -.res-nightmode a[href*="#iconz-updates"]::before, -html[lang^=nm] a[href*="#iconz-updates"]::before { - background-position: -259px -119px; -} - -.res-nightmode a[href*="#iconz-faq"]::before, -html[lang^=nm] a[href*="#iconz-faq"]::before { - background-position: -174px -47px; -} - -.res-nightmode a[href*="#iconz-install"]::before, -html[lang^=nm] a[href*="#iconz-install"]::before { - background-position: -259px -119px; -} - -.res-nightmode a[href*="#iconz-wiki"]::before, -html[lang^=nm] a[href*="#iconz-wiki"]::before { - background-position: -204px -149px; -} - -.res-nightmode #siteTable .thing, -.res-nightmode .link.promotedlink, -html[lang^=nm] #siteTable .thing, -html[lang^=nm] .link.promotedlink { - background: #202020; -} - -.res-nightmode .organic-listing, -html[lang^=nm] .organic-listing { - background: none !important; -} - -.res-nightmode body > .content #siteTable .thing.self .thumbnail, -html[lang^=nm] body > .content #siteTable .thing.self .thumbnail { - background-position: -77px -5px; -} - -.res-nightmode body > .content #siteTable .thing .thumbnail.default, -html[lang^=nm] body > .content #siteTable .thing .thumbnail.default { - background-position: -174px -77px; -} - -.res-nightmode div.side span.subscribers span.number:before, -html[lang^=nm] div.side span.subscribers span.number:before { - background-position: -162px -5px; -} - -.res-nightmode .expando-button.selftext.collapsed, -html[lang^=nm] .expando-button.selftext.collapsed { - background-position: -5px -242px; -} - -.res-nightmode .expando-button.selftext.collapsed:hover, -html[lang^=nm] .expando-button.selftext.collapsed:hover { - background-position: -225px -204px; -} - -.res-nightmode .expando-button.selftext.expanded, -html[lang^=nm] .expando-button.selftext.expanded { - background-position: -65px -204px; -} - -.res-nightmode .expando-button.selftext.expanded:hover, -html[lang^=nm] .expando-button.selftext.expanded:hover { - background-position: -105px -204px; -} - -.res-nightmode .expando-button.video.collapsed, -html[lang^=nm] .expando-button.video.collapsed { - background-position: -85px -242px; -} - -.res-nightmode .expando-button.video.collapsed:hover, -html[lang^=nm] .expando-button.video.collapsed:hover { - background-position: -45px -242px; -} - -.res-nightmode .expando-button.video.expanded, -html[lang^=nm] .expando-button.video.expanded { - background-position: -65px -204px; -} - -.res-nightmode .expando-button.video.expanded:hover, -html[lang^=nm] .expando-button.video.expanded:hover { - background-position: -105px -204px; -} - -.res-nightmode .date:after, -html[lang^=nm] .date:after { - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode .date span, -html[lang^=nm] .date span { - border-left: 5px solid #393939 !important; - color: #ddd; - border-right-color: #393939; -} - -.res-nightmode .date time, -html[lang^=nm] .date time { - border-right: 1px solid #393939 !important; -} - -.res-nightmode .link.last-clicked, -html[lang^=nm] .link.last-clicked { - background: #393939 !important; -} - -.res-nightmode .comments-page .link, -html[lang^=nm] .comments-page .link { - border-left: 3px solid transparent; -} - -.res-nightmode .res .RES-keyNav-activeElement { - background-color: #292929 !important; -} - -.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, -.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { - background-color: #292929 !important; -} - -.res-nightmode .RES-keyNav-activeElement { - background-color: #292929 !important; -} - -.res-nightmode .RES-keyNav-activeElement .md-container { - background-color: #292929 !important; -} - -.res-nightmode .arrow.upmod { - background-position: -296px -60px !important; -} - -.res-nightmode .arrow.down { - background-position: -321px -60px !important; -} - -.res-nightmode .arrow.up { - background-position: -289px -194px !important; -} - -.res-nightmode .arrow.downmod { - background-position: -271px -60px !important; -} - -.res-nightmode .side .titlebox > .fancy-toggle-button { - background: #222 !important; - color: #ddd !important; -} - -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { - background-color: transparent !important; -} - -.res #sr-header-area #srDropdownContainer a:hover { - opacity: 1; -} - -.res .comment .midcol { - margin-left: 20px; -} - -.res .comment .new-comment { - border: 2px solid #FFAB91 !important; - border-radius: 0px !important; -} - -.res #sr-header-area #srDropdownContainer a { - width: 35px; - height: 23px; - padding: 0; - margin: 0; - display: block; - background: url(%%spritesheet%%) -225px -252px no-repeat; - line-height: 35px; - text-indent: -999em; -} - -.res .RES-keyNav-activeElement, -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .noncollapsed .RES-keyNav-activeElement.entry { - background-color: 0 0 !important; -} - -.res .RESDashboardToggle, -.res .RESshortcutside { - background: 0 0; - border: none; - font-weight: 400; - text-transform: uppercase; -} - -.res .sitetable .sitetable { - margin-right: 0; -} - -.RESSubscriptionButton { - color: #fff !important; - border-radius: 1px !important; - background-color: transparent !important; -} - -.RESSubscriptionButton { - border: none !important; -} - -#RESAnnouncementAlert, -#userbarToggle, -.multi-count, -.sidecontentbox .content .RESUserTagImage::after, -.res .sidebox.create, -.res .message-count, -.res .side .userTagLink { - display: none !important; -} - -#RESSettingsButton { - right: 20px; - top: 3px; -} - -#RESStaticShortcuts { - line-height: 25px; -} - -.footer { - border-bottom: 1px solid #2D4059; - padding: 0; - border-left: 1px solid #2D4059; -} - -.footer::after { - border-bottom: 1px solid #2D4059; - display: block; - margin-top: 0; - padding: 10px; - padding-top: 8px !important; - color: #000; - content: "Designed by /u/Jaskys"; - font-size: 16px; - font-family: "Segoe UI", Helvetica, sans-serif; - border-top: 34px solid #2D4059; - border-right: 1px solid #2D4059; - margin-bottom: -1.1px; - width: 90px; -} - -.footer div.col { - position: relative; - margin: 0; - padding: 0; - width: 176px; - height: auto; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -.footer div.col .title { - font-size: 16px; - text-transform: capitalize; - padding: 8px; - color: #fff; - background: #2D4059; - max-height: 18px; -} - -.footer div.col a { - display: block; - margin: 5px; - padding: 3px 4px 3px 7px; - color: #000; -} - -.footer div.col a:hover { - color: #000; - text-decoration: none; - background: #fff; -} - -.footer p.bottommenu { - font-weight: 700; - color: #FFF; - clear: left; - padding: 6px; -} - -.footer p.bottommenu a { - font-weight: 700; - color: #FFF; -} - -.footer .col { - border-left: none !important; -} - -.debuginfo { - background: #F6F6F6; -} - -.rounded { - border-radius: 0; -} - -.flat-vert { - text-align: center; -} - -.pagename { - margin: 0 15px 0 0; - display: inline-block; - font-size: 70px; - font-variant: normal; - font-weight: 400; - letter-spacing: 1px; - line-height: 46px; - text-transform: capitalize; - font-family: "Segoe UI", Helvetica, sans-serif; - bottom: 69px; - position: absolute; - left: 10px; -} - -.pagename a:hover { - text-decoration: none; -} +#header{height:165px;background:#2D4059;border-bottom:none}#header #header-bottom-right #mail.havemail,#header #modmail.havemail{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}#header .hover a:hover,.redditname a:hover:after{color:#fff !important}#header-bottom-left{height:140px}#header-bottom-left .tabmenu{background:rgba(0,0,0,0.2);width:calc(100% - 50px);padding-left:50px;position:absolute;bottom:0;left:0;font-family:"Segoe UI",Helvetica,sans-serif;transition:.5s}#header-bottom-left .tabmenu li{font-weight:400;margin:0}#header-bottom-left .tabmenu li a{background:0 0;color:#ddd;font-size:11.4px;font-family:"Segoe UI",Helvetica,sans-serif;line-height:30px;padding:8px 9px 6px;letter-spacing:0.1em;text-transform:uppercase;transition:all .15s ease-in-out;border-bottom:3px solid transparent !important}#header-bottom-left .tabmenu li a:hover{color:#fff;background:rgba(0,0,0,0.1);border-bottom:3px solid #fff !important}#header-bottom-left .tabmenu li.selected a{background-color:#47658c;border:0;color:#fff;padding-top:7px;font-weight:700;border-bottom:3px solid currentColor !important}#header-bottom-right #modmail,#header-bottom-right .user{height:37px;white-space:nowrap;border-radius:1px;overflow:hidden;transition:background-color 0.5s}#header-img{text-indent:-9999px;display:inline-block;margin-top:112px;position:absolute;z-index:99;height:27px;width:27px;margin-left:4px;padding-right:11px;padding-left:8px;opacity:.8;background-repeat:no-repeat !important;transition:all .15s ease-in-out;border-bottom:3px solid transparent !important}#header-img:hover{opacity:1;background:rgba(0,0,0,0.1);font-weight:500;border-bottom:3px solid #fff !important}#sr-header-area{transition:opacity .3s;opacity:.4;height:24px;background-color:#0C1722;border-bottom:0;letter-spacing:1px;line-height:22px}#sr-header-area:hover{opacity:1}#sr-header-area a{color:#c4c4c4;font-family:"Segoe UI",Helvetica,sans-serif}#sr-header-area .srdrop.dropdown{width:35px;padding:0}#sr-header-area .sr-list{padding-left:8px;border-left:2px solid rgba(196,196,196,0.9);height:24px;line-height:25px}#sr-header-area .srdrop.dropdown .selected{width:35px;height:23px;padding:0;margin:0;display:block;background:url(%%spritesheet%%) -225px -252px no-repeat;line-height:35px;text-indent:-999em}#sr-header-area .srdrop.dropdown .selected:hover{opacity:1}#sr-header-area .drop-choices.srdrop{padding:5px;margin:1px 0 0;background:#222;border:none}#sr-header-area .drop-choices a.choice{color:#AEAEAE}#sr-header-area .drop-choices a.choice:hover{background-color:#333;color:#EEE}#sr-header-area .drop-choices .choice.bottom-option{border-color:#AEAEAE}#sr-more-link,#header [href$="/rising/"],#header [href$="/controversial/"],#header [href$="/ads/"],#suggested-reddits,.voteWeight,.rank,.titlebox .bottom,.submit-page .content h1,.formtabs-content .infobar,a[href*='#icon']+.keyNavAnnotation,a[href*='#/RES_SR_Config/NightModeCompatible']{display:none !important}#url-field button,.submit-page .content button[name=submit]{background:0 0;transition:all .5s;border:1px solid #5cb85c;color:#5cb85c}#url-field button:hover,.submit-page .content button[name=submit]:hover{background:#5cb85c;color:#fff}.submit-page .tabmenu.formtab{margin-bottom:74px}.submit_text.roundfield.enabled{background:#EA5455;position:absolute;top:223px}.submit_text p{color:#eee}button.save,button.submit-action-thing,button.submit-report{background:0 0;transition:background-color .5s;text-transform:capitalize;font-family:"Segoe UI",Helvetica,sans-serif;border:1px solid #5cb85c;color:#5cb85c;padding:0.25rem 0.75rem}button.save:hover,button.submit-action-thing:hover,button.submit-report:hover{background:#5cb85c;color:#fff}button.cancel,button.cancel-action-thing,button.cancel-report-thing{border:1px solid #d9534f;background:0 0;color:#d9534f;padding:.25rem .75rem;text-transform:capitalize;font-family:"Segoe UI",Helvetica,sans-serif;transition:background-color 0.5s}button.cancel-action-thing:hover,button.cancel-report-thing:hover,button.cancel:hover{background:#d9534f;color:#fff}.next-suggestions a,.nextprev a{padding:0 4px;background:0 0;border:none;color:#47658c;text-align:center}.next-suggestions a:hover,.nextprev a:hover{background:#47658c;border:none;color:#fff;outline:0}.btn:active,.gadget .right a:active,.morelink a:active,.sidecontentbox a.helplink:active,button:active,#header #header-bottom-right #mail.havemail:active,#header #header-bottom-right #mail.nohavemail:active,#header #header-bottom-right .choice:active,#header #header-bottom-right .logout a:active,#header-bottom-left .tabmenu li a:active,#header-bottom-right #modmail:active,#header-bottom-right .user:active{background-color:#1686f0 !important}.comment{position:relative;padding:4px 0 0 30px;z-index:1;border:2px solid #e6e6e6;overflow:hidden;margin:0 18px 8px 0}.comment .expand{transition:all .5s;padding:4px 2px;position:absolute;top:0;left:0;bottom:0;padding:4px}.comment .expand:hover{background:#47658c;color:#fff !important;text-decoration:none}.comment.collapsed .tagline{height:21px;line-height:21px}.comment.collapsed .tagline a{line-height:13px}.comment .child,.comment .showreplies{border-left:none}.new-comment{border-color:#FFAB91 !important}.new-comment .expand:hover{background:#ffab91}.new-comment .usertext-body{background-color:transparent;border:none}.tagline .score{font-weight:700}.tagline .likes{color:#2D4059}.entry .flat-list .reply-button a{color:#2D4059}.link .domain{visibility:hidden}.link .domain a{visibility:visible;position:relative;top:-1px;color:#b1b1b1}.domain{display:inline-block !important}#siteTable_organic{background:rgba(6,102,178,0.1);margin-right:325px;margin-top:-7px;left:-5px;border-left:3px solid #ff4500;border-right:1px solid rgba(0,0,0,0.1);border-bottom:none;border-top:none}#ad_sponsorship{max-width:295px}.organic-listing .link.promotedlink{margin-left:-1px;border-bottom:1px solid rgba(0,0,0,0.1)}.flairselector{border:1px solid #2D4059 !important}.flairselector .title{font-size:0 !important}.flairselector h2{color:#fff;font-size:13px;background:#2D4059 !important;padding-top:6px;font-weight:lighter !important;text-transform:capitalize;padding-bottom:6px}.flairselector li:hover{background-color:transparent}.flairselector form{border-top:solid 1px #2D4059;margin-bottom:10px}.flairselector.drop-choices.active{padding:0 !important;box-shadow:none}.flairselector .linkflair{border-left:none !important;background:0 0;width:110px}.flairselector.drop-choices.active{left:40% !important;top:35% !important;position:fixed}.flairoptionpane{max-height:304px}.flairoptionpane li,.flairoptionpane ul{min-width:120px;padding:3px}.comments-page .link .flat-list a.flairselectbtn{color:#2D4059 !important}.nextprev a,.side .usertext-body .md ol a{transition:background-color 0.5s}.submit-page .roundfield{padding:16px;width:525px;background-color:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:0px}.submit-page .roundfield span.title{color:#4d5763;text-transform:capitalize}.submit-page .submit.content#newlink .tabmenu.formtab a{padding:16px;display:inline-block;text-align:center;background-color:#f5f5f5;color:#4d5763;text-transform:uppercase;font-weight:700;transition:all .25s ease;font-size:16px;border:none;width:247.5px}.submit-page .submit.content#newlink .tabmenu.formtab a:hover{background-color:#e7e9f6}.submit-page .submit.content#newlink .tabmenu.formtab .selected a{font-size:16px;background-color:#2D4059;color:#fff}.submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover{background-color:#47658c}.submit-page #newlink.submit.content .btn{width:558px;height:auto;text-transform:capitalize;font-size:17px;padding:16px;text-align:center}.submit-page #newlink.submit.content .btn:after{content:" your thread";text-transform:none}.formtabs-content{width:520px;border-top:none;margin-top:-15px}form .spacer+.spacer{margin:0}.content.submit .info-notice{background-color:#fff;border-radius:2px;padding:16px;margin-bottom:0;border:1px solid rgba(0,0,0,0.1) !important}.self .expanded ~ .expando .usertext-body{-webkit-animation:700ms expandy ease-in-out forwards;animation:700ms expandy ease-in-out forwards}@-webkit-keyframes expandy{0%{-webkit-transform:translateY(-100px);opacity:0}50%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes expandy{0%{transform:translateY(-100px);opacity:0}50%{transform:translateY(0)}100%{transform:translateY(0);opacity:1}}.expando-button{cursor:pointer;float:left;height:28px;width:30px}.expando-button.selftext.collapsed,.expando-button.selftext.expanded{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed:hover,.expando-button.selftext.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed{background-position:-195px -256px}.expando-button.selftext.collapsed:hover{background-position:-155px -256px}.expando-button.selftext.expanded{background-position:-265px -218px}.expando-button.selftext.expanded:hover{background-position:-305px -218px}.expando-button.video.collapsed{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed:hover{background-image:url(%%spritesheet%%) !important}.expando-button.video.expanded{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed{background-position:-301px -256px}.expando-button.video.collapsed:hover{background-position:-261px -256px}.expando-button.video.expanded{background-position:-265px -218px}.expando-button.video.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat;background-position:-305px -218px}.expando-button.image{cursor:pointer;display:inline-block;height:28px !important;margin-right:11px;padding:0;vertical-align:top !important;width:30px !important}@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2){.expando-button{cursor:pointer;float:left;height:28px;width:30px;background:center center no-repeat #fff;background-size:341px 331px !important}.expando-button.selftext.collapsed,.expando-button.selftext.expanded{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed:hover,.expando-button.selftext.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed{background-position:-195px -256px}.expando-button.selftext.collapsed:hover{background-position:-155px -256px}.expando-button.selftext.expanded{background-position:-265px -218px}.expando-button.selftext.expanded:hover{background-position:-305px -218px}.expando-button.video.collapsed{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed:hover{background-image:url(%%spritesheet%%) !important}.expando-button.video.expanded{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed{background-position:-301px -256px}.expando-button.video.collapsed:hover{background-position:-261px -256px}.expando-button.video.expanded{background-position:-265px -218px}.expando-button.video.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat;background-position:-305px -218px}.expando-button.image{cursor:pointer;display:inline-block;height:28px !important;margin-right:11px;padding:0;vertical-align:top !important;width:30px !important}body>.content #siteTable .thing.self .thumbnail{background-image:url(%%spritesheet%%);background-position:-289px -139px;background-size:341px 331px}}.link .usertext-body .md{border-radius:0 !important;border:1px solid #eea7aa;background-color:#fff}body>.content #siteTable .thing.self .thumbnail{background-image:url(%%spritesheet%%);width:45px;height:45px;margin:10px 15px 10px 10px;background-repeat:no-repeat !important;background-position:-289px -139px}body>.content #siteTable .thing.stickied .thumbnail{background-image:url(%%spritesheet%%);background-repeat:no-repeat !important;background-position:-289px -84px;margin-right:15px}body>.content #siteTable .thing .thumbnail.default,body>.content #siteTable .thing.over18 .thumbnail{background-image:url(%%spritesheet%%) !important;background-repeat:no-repeat !important;margin:10px 15px 10px 10px;width:45px;height:45px}body>.content #siteTable .thing.stickied .entry>.title .title{color:#00a64f;font-weight:400}body>.content #siteTable .thing.over18 .thumbnail{background-position:-286px -5px !important}body>.content #siteTable .thing .thumbnail.default{background-position:-47px -77px;background-size:341px 331px}.link .title,.submit-page #newlink.submit.content .btn,a[href*="#icon-more"]{font-family:"Segoe UI",Helvetica,sans-serif}.link{padding:10px 0;border-left:3px solid #cec0c0;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,0.1)}.link .title{color:#2D4059}.link .title:visited{color:#b1b1b1}.link.thing.visited .title{color:#b1b1b1;padding:0 !important}.link.last-clicked{border:0;border-left:3px solid #47658c;background:snow}.link .score.likes{color:#47658c}.link .score.dislikes{color:#7f7f7f}.link .flair{font-size:1em}.link .midcol{margin:5px 7px}.nextprev a{padding:5px 0 5px 15px;color:#fff;width:auto;display:block;background:#2D4059;border-radius:0;font-size:small;margin-top:-12px;margin-right:-1px;margin-left:-5px;text-transform:capitalize}.linklisting .nextprev{font-size:0}.linklisting .stickied{border-left:3px solid #00a64f;background:rgba(0,166,79,0.1)}.linklisting .over18{border-left:3px solid #e2062c;background:rgba(225,6,44,0.1)}.linklisting .md{margin-bottom:0}.linklisting .usertext-edit div textarea{margin-left:-10px}.linklisting .reported{background:rgba(255,0,0,0.1);border-left:3px solid #e2062c}.report-reasons.rounded{display:block !important}.newComments{display:inline;color:#2D4059}.linkinfo .totalvotes{color:#494949 !important}.arrow{background-image:url(%%spritesheet%%) !important;background-position:center center;outline:0 !important;border:none !important}.arrow.up{background-position:-289px -194px}.arrow.upmod{background-position:-296px -60px}.arrow.down{background-position:-321px -60px}.arrow.downmod{background-position:-271px -60px}.arrow.up:hover,.arrow.down:hover{opacity:0.6}body .linklisting{margin-right:330px;bottom:0;margin-top:-7px;padding:0;border-right:1px solid rgba(0,0,0,0.1)}.entry .buttons li a{padding:0px;font-size:1.145em}.tagline,.search-result-meta{font-size:1.145em}#siteTable .thing{margin-left:-5px !important;transition:all .2s}.listing-page .link:hover{border-left-color:#47658c;background:snow}.entry .flat-list .report-button a,.res-nightmode .entry .flat-list .report-button a{color:#d9534f}.reddit-infobar{background:#fff;BORDER:1px solid #fbdcdc}.reddit-infobar.with-icon{margin-left:-4px}.reddit-infobar.with-icon:before{background-color:solid #2D4059;background-repeat:no-repeat}.c-btn-primary{background-color:solid #2D4059;border-bottom:2px solid #4270a2;color:#fff;border-radius:0}.sitetable .comment{background-color:#FFF !important}.sitetable .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}a.author{margin-right:0.3em}.panestack-title{margin:0 330px 0 -5px;padding:4px 0px;background:#2D4059;color:#fff;border-bottom:transparent}.panestack-title .title{font-size:1.3em;margin:10px 0 10px 10px}.panestack-title a.title-button{color:#fff !important}.panestack-title a.title-button.gold{background-color:transparent;border:none}.thing.stickied a.title{font-weight:700 !important;font-size:large}.green,.tagline .moderator{color:#00a64f;font-weight:700;padding-left:0;padding-right:1px}.entry .flat-list .approve-button a{color:#00a64f}.tagline .stickied-tagline{color:#00a64f}.tagline a:hover{color:#47658c !important}.gold-accent{background-color:#2D4059;border:none;display:inline-block;color:#fff !important}#noresults{padding:10px;margin-right:310px !important;color:#fff;background:#2D4059;margin-left:5px !important;display:none}.commentarea .infobar{color:#eee;background:#2D4059;border:none;display:flex}.commentarea .infobar a{color:#eee}.commentarea .infobar p{line-height:8px}.comments-page .sitetable.nestedlisting>.thing.stickied{border-bottom:solid 3px #00a64f;background:rgba(0,166,79,0.1) !important}.comments-page.linkflair-bug .flat-list a.flairselectbtn:after,.comments-page.linkflair-help .flat-list a.flairselectbtn:after{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}.comments-page .usertext-edit div textarea{background:url(%%wincore-2%%) 206px -213px no-repeat #FFF !important;border:1px solid #000 !important;opacity:.8;margin-top:5px;outline:0;display:block;clear:both;margin-bottom:10px}.comments-page .usertext-edit div textarea:focus{background:#FFF !important;opacity:1;border-color:#0078D6 !important}.comments-page .link{border-left:1px solid #c6c6c6 !important}.commentarea .menuarea{margin:5px 310px 5px 5px}.commentarea .md{margin-bottom:0}.md{overflow:visible}.md a{color:#2D4059}.md code{white-space:normal}.md blockquote{border-left:2px solid #47658c;background-color:#efefed}.usertext.border .usertext-body{background-color:rgba(0,120,213,0.3);width:95%}.wiki-page .pageactions{border-radius:0;border:1px solid #47658c}.wiki-page .pageactions .wikiaction{margin:0 !important;border-radius:0 !important}.wiki-page .pageactions .wikiaction:hover{background-color:#47658c !important;color:#fff !important}.wiki-page .pageactions .wikiaction-current{background-color:#2D4059}.wiki-page .wiki-page-content .nextprev a{margin-bottom:12px}ul.tabmenu.formtab{padding-left:0}::selection{background-color:#47658c;color:#fff}.buttons .comments.empty{color:#2D4059}.leavemoderator,.titlebox form.toggle{color:#000;background:#fff;border-left:5px solid #fbdcdc;padding-left:10px;font-size:8pt;margin-right:5px;border-right:1px solid #fbdcdc}#baconBit{width:394px !important;height:304px !important;background-image:url(%%res-easter-egg%%) no-repeat !important;transition:all 10s linear !important}.sheets .col textarea{width:98%;background:#1d1f21;color:#ddd !important;height:712px !important;font-family:SourceCodePro-Medium, monospace}.gadget .right a,a[href*="#tech"]{font-family:"Segoe UI",Helvetica,sans-serif;text-align:center}.sheets ::-webkit-scrollbar{background-color:#0f0f0f !important}.sheets ::-webkit-scrollbar-corner,.sheets ::-webkit-scrollbar-thumb{background:#313131 !important}.panestack-title{border-bottom:transparent}.infobar.newsletterbar{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;overflow:hidden;min-height:80px;padding:15px 20px 20px 25px;border:none;border-radius:0;background-color:#30659B;border-left:3px solid #ff4500;margin:-7px 325px 7px 0px;left:-5px}#eu-cookie-policy .reddit-infobar a{color:#222 !important}.leavemoderator{border-color:#393939 !important;background:#222 !important}.gadget .midcol{margin-right:9px}.gadget .right a{background:#2D4059;padding:5px 10px;margin-right:5px;display:block;color:#fff;font-size:16px;transition:background-color .5s;text-transform:capitalize}.gadget .right a:hover{background:#47658c}span.clear-input-button{color:#fff}#newlink-with-image-upload .clear-input-button{border-radius:0 !important;width:33px !important;height:27px !important;top:0 !important;line-height:26px !important;border:1px solid grey;background:#2D4059 !important;transition:background-color .5s;right:-10px !important}#newlink-with-image-upload .clear-input-button:hover{background:#47658c !important}#newlink-with-image-upload .image-upload-drop-target{padding:15px !important}#newlink-with-image-upload .file-upload-button{background:#2D4059;border:none;padding:7px 20px !important;display:block !important;margin:6px -17px -17px !important;transition:background-color 0.5s}#newlink-with-image-upload .file-upload-button:hover{background:#47658c}@media (max-width: 880px){#siteTable_organic{margin-right:-5px}#header-bottom-left .tabmenu{width:calc(100% - 50px);padding-left:50px}.side{display:none}body .linklisting{margin-right:0 !important}.footer::after{display:none !important}.infobar{margin-right:18px}.footer{border-right:1px solid #2D4059}.panestack-title{margin:0 0px 0 -5px}.infobar.newsletterbar{margin:-7px -5px 7px 0px}}.side{margin:0;padding-left:30px;background:0 0}.side:after{content:"/r/ClearShift theme";font-size:large;color:#2D4059;margin-left:50px}.side .md h2{margin-top:1.4em;font-size:1.4em}.side .md h3{font-size:1.2em;color:#555;margin:2em 0 0.2em}.side .md h4{color:#888;margin-bottom:1.5em}.side .md p{margin:0.5em 0}.side .md p a{margin:0 .2em;font-size:1.1em}.side .md p a:first-child{margin-left:0}.side .md h1,.side .md h2,.side .md h3,.side .md h4{color:#fff;font-size:13px;font-weight:400}.side .md h1:after,.side .md h2:after,.side .md h3:after,.side .md h4:after{display:block;position:absolute;z-index:-1;border-color:transparent #fbdcdc transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-24px}.side .md h1 a,.side .md h2 a,.side .md h3 a,.side .md h4 a{color:#fff;font-size:13px}.side .md h1{color:#fff;font-size:13px}.side .md h1 a{color:#fff;font-size:13px}.side .titlebox div.subButtons,.side .titlebox h1.redditname+div,.side .titlebox>.fancy-toggle-button{padding:10px;border:1px solid #fbdcdc;border-left:5px solid #fbdcdc;border-right:1px solid #fbdcdc;background-color:#fff;color:#000;font-size:8pt;border-radius:0;font-weight:400;margin:0 5px 0 0}.side .titlebox div.subButtons,.side .titlebox h1.redditname+div,.side .titlebox>.fancy-toggle-button{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}.side .titlebox div.subButtons,.side .titlebox>.fancy-toggle-button{width:269.3px}.side .titlebox>.fancy-toggle-button{display:block !important}.side div.titlebox ul{list-style-type:none;margin:0;padding:0}.side .subscribe-button .add{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}@-webkit-keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}@-moz-keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}@keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}.titlebox h1:after,.sidecontentbox .title:after{display:block;position:absolute;z-index:-1;border-color:transparent #fbdcdc transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-24px}div.side div.tagline{padding:10px;border:1px solid #fbdcdc;border-left:5px solid #fbdcdc;border-right:1px solid #fbdcdc;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0}div.side form.flairtoggle,div.side form.leavecontributor-button{padding:10px;border:1px solid #fbdcdc;border-left:5px solid #fbdcdc;border-right:1px solid #fbdcdc;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0}div.side span.subscribers{border:1px solid #fbdcdc;border-left:5px solid #fbdcdc;border-right:1px solid #fbdcdc;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0;padding:7px 10px 10px;display:block !important;padding-top:5px;padding-bottom:10px;border-top:none}div.side span.subscribers span{vertical-align:middle}div.side span.subscribers span.number:before{background:url(%%spritesheet%%) -192px -5px;display:block;float:left;width:20px;height:20px;content:"";margin-right:5px;margin-top:-3px}div.side div.tagline{display:block !important}div.side form.flairtoggle{display:block}div.side div.leavemoderator{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side form.flairtoggle{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side p.users-online{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side div.tagline{padding-top:0;border-top:none}.morelink{border:1px solid #2D4059;background:#2D4059;width:145px;margin-right:5px;transition:all 0.5s;box-sizing:border-box}.morelink a{color:#fff;font-family:"Segoe UI",Helvetica,sans-serif;font-weight:400;letter-spacing:0;font-size:0.9em}.morelink:hover{background:#47658c;border-color:#47658c}.morelink:hover a{color:#fff;border-color:#47658c}.morelink .nub{display:none}.submit .morelink{float:left}.submit-page .titlebox h1{margin-top:0 !important}.redditname{margin-top:53px !important}.reddit-link{padding:7px 10px 10px;border-left:5px solid #fbdcdc;background-color:#fff;border-bottom:1px solid #fbdcdc;border-right:1px solid #fbdcdc;font-size:1em;margin-right:5px}.icon-menu li{display:block;margin:0;padding:7px 10px 10px !important;border-left:5px solid #fbdcdc;background-color:#fff;border-bottom:1px solid #fbdcdc;border-right:1px solid #fbdcdc;margin-right:5px !important}.search-page .side .spacer{margin:10px 0}.sidebox.create{display:none !important}.helplink ~ .content .author[href*=AutoModerator],.helplink ~ .content .author[href*=flair_your_post_bot]{display:none}.helplink ~ .content .author:after{content:'- Moderator';font-size:0.945em;margin-left:5px;color:#2D4059}.helplink ~ .content .flair{display:none}.linkinfo{background-color:transparent}.sidecontentbox .helplink+.title h1{font-size:0}.sidecontentbox .helplink+.title h1:before{font-size:13px !important;content:"Moderators team";text-transform:capitalize}.helplink ~ .content .author .helplink ~ .content .author:hover{color:#47658c}.sidecontentbox .content .linkflairlabel{display:none}div.titlebox .md h3:hover+ul{display:block}div.titlebox .md ul li strong:first-child,div.titlebox .md ul:hover{display:block}div.titlebox .md ul li{border:none;margin-right:5px}.sidecontentbox .content a.author,.sidecontentbox .more{display:block;margin:0;padding:7px 10px 10px !important;border-left:5px solid #fbdcdc;background-color:#fff;border-bottom:1px solid #fbdcdc;border-right:1px solid #fbdcdc;font-size:0.945em;margin-right:5px !important}.sidecontentbox .content a.author:hover,.sidecontentbox .more:hover{background-color:snow;border-left-color:#eea7aa}.sidecontentbox .content{border:none;padding:0}.sidecontentbox .more{text-align:center}.sidecontentbox .more a{color:#369}.icon-menu li:hover,.reddit-link:hover{background-color:snow;border-left-color:#eea7aa}div.titlebox .md ul li{padding:7px 10px 10px;border-left:5px solid #fbdcdc;background-color:#fff;border-bottom:1px solid #fbdcdc;border-right:1px solid #fbdcdc;font-size:0.945em}div.titlebox .md ul li:hover{background-color:snow;border-left-color:#eea7aa}div.titlebox div.styleToggle,div.titlebox span.fancy-toggle-button a.active{padding:5px 10px;background-color:#47658c;color:#fff;font-size:8pt;display:block !important;background-image:none;border-radius:0;font-weight:400;margin:0;border:none}div.titlebox div.styleToggle{background-color:#2D4059;line-height:20px}div.titlebox div.styleToggle input,div.titlebox div.styleToggle label{vertical-align:middle;margin:0}div.titlebox span.fancy-toggle-button a.active.add:hover,div.titlebox span.fancy-toggle-button a.active.remove{background-color:#2D4059}div.titlebox span.fancy-toggle-button a.active.remove:before{content:"";padding-right:5px}div.titlebox span.fancy-toggle-button a.active.remove:hover:after{content:"=(";font-style:italic;padding-left:5px}div.titlebox span.fancy-toggle-button a.active.add:before{content:"+";padding-right:5px;color:#fff}#RESShortcutsAdd,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort,#RESShortcutsTrash{width:17px !important}.sidecontentbox .content a.author{display:block;margin:0;padding:3px 0}.sidecontentbox .content a.author:hover{color:#47658c}#searchexpando{padding:10px;border:1px solid #fbdcdc;border-right:1px solid #fbdcdc;background-color:#fff;color:#000;font-size:8pt;border-radius:0;font-weight:400;margin:0 5px 0 0;width:273px !important;border-left:1px solid #fbdcdc}#search input[type=text]{width:295px !important;border-color:#2D4059}.sidecontentbox .title{border-left:5px solid #EA5455;background-color:#2D4059;padding:10px;font-weight:400;margin-top:0;margin-bottom:0;margin-left:-10px}div.titlebox .md h3:before{content:"+";color:#fff;padding-right:5px}div.titlebox .md h2,div.titlebox .md h3,div.titlebox .md h4{border-left:5px solid #EA5455;background-color:#2D4059;padding:10px;font-weight:400;cursor:default;margin-top:0;margin-bottom:0;margin-left:-10px}div.titlebox h1{border-left:5px solid #EA5455;background-color:#2D4059;padding:10px;font-weight:400;margin-top:0;margin-bottom:0;margin-left:-10px;font-size:13px}.leavemoderator,.users-online,.leavecontributor-button{display:none}.sidecontentbox a.helplink{margin-right:5px}.icon-menu a{background:0 0}.titlebox .bottom{border:none}.titlebox h1 a,.pagename a{color:#FFF}#RESShortcutsAdd,#RESShortcutsEditContainer,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort,#RESShortcutsTrash{background-color:transparent !important}#RESShortcutsAdd:hover,#RESShortcutsEditContainer:hover,#RESShortcutsLeft:hover,#RESShortcutsRight:hover,#RESShortcutsSort:hover,#RESShortcutsTrash:hover{color:#f0f0f0 !important}.titlebox .md h3+ul:hover,.titlebox .md h3:hover+ul{max-height:600px}div.titlebox .md h3+ul{display:block;transition:1.8s max-height ease-out;overflow:hidden;max-height:0}div.titlebox .md h3:hover+ul{transition:.8s max-height ease-out}div.commentarea .infobar p{background:#47658c;padding:10px;margin:-5px -5px -5px 10px}.linkinfo{padding:0;border:none}.linkinfo .score,.linkinfo .shortlink{color:#494949;border-left:5px solid #fbdcdc;background-color:#fff;border-bottom:1px solid #fbdcdc;border-right:1px solid #fbdcdc;font-size:8pt;margin-right:5px}.linkinfo .score{padding:7px 10px;margin-top:10px}.linkinfo .shortlink{display:block;font-weight:600;text-transform:capitalize;margin-top:0;padding:7px 10px 10px}.date{position:relative}.date:before{content:"Date ";display:block;color:#fff !important;text-transform:none;border-left:5px solid #EA5455;background-color:#2D4059;padding:10px;cursor:pointer;margin-top:0;margin-bottom:6px;margin-left:-10px;font:400 small verdana, arial, helvetica, sans-serif}.date:after{display:block;position:absolute;z-index:-1;border-color:transparent #fbdcdc transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-19px;margin-top:-32px}.date span{display:block;background-color:#fff;padding:7px 0 10px 10px;border-left:5px solid #fbdcdc;border-bottom:1px solid #fbdcdc;margin:-6px 5px -10px 0;border-right:1px solid #fbdcdc}.date span,.date time{color:#494949;font-size:9pt}.date time{position:absolute;top:50%;left:55%;padding:9px 0 10px 0}.totalvotes{display:block;background-color:#fff;color:#494949 !important;font-weight:600;text-transform:capitalize;margin-top:0;padding:7px 10px 10px;border-left:5px solid #fbdcdc;border-bottom:1px solid #fbdcdc;border-right:1px solid #fbdcdc;font-size:8pt !important;margin-right:5px}.linkinfo .shortlink input{height:10px;border:none;width:181px;font-size:13px}.submit-page .side:before{content:"Use search before posting";font-size:large;color:#E54661;margin-left:27px}.sidecontentbox a.helplink{float:none;margin-top:4px;clear:both;text-align:center;display:block;color:#fff;background:#2D4059;box-sizing:border-box;margin-bottom:10px}.sidecontentbox a.helplink:hover{background:#47658c}.sidecontentbox .title h1,.sidecontentbox a.helplink{color:#fff}.account-activity-box,.sidecontentbox a.helplink{font-size:16px;padding:10px;transition:background-color .5s;text-transform:capitalize}.account-activity-box{display:block !important;background:#2D4059;margin-right:5px}.account-activity-box:hover{background:#47658c}.account-activity-box a{color:#fff;padding:10px 70px}#header #header-bottom-right{background:0 0;bottom:-18px;top:auto;padding:3px;height:59px;font-family:"Segoe UI",Helvetica,sans-serif}#header-bottom-right .separator{display:none}#header-bottom-right .user{position:relative;top:0;width:119px;padding-left:42px;padding-top:5px;font-size:13px;color:#eaeaea;line-height:170%;background:url(%%spritesheet%%) -110px -289px no-repeat #2D4059;float:left;border:2px solid #fff;cursor:pointer}#beta-help,.beta-hint a{position:absolute !important}#header-bottom-right .user>a{text-indent:4px;color:#FFF;display:block;line-height:12px;white-space:nowrap}#header-bottom-right .user span a{color:#fff}#header-bottom-right #mail{top:0;top:0 !important;width:42px;height:42px;display:inline-block}#header-bottom-right #modmail{position:absolute;margin-left:-267px;top:3px;padding-left:26px;padding-top:5px;background:url(%%spritesheet%%) -224px -72px no-repeat #2D4059;border:2px solid #fff}#modmail.havemail{background:url(%%spritesheet%%) -224px -72px #ff4500 !important}#header #header-bottom-right #modmail:hover,#header #header-bottom-right .choice:hover,#header #header-bottom-right .user:hover{background-color:#47658c}#header #header-bottom-right .logout{display:inline-block}#header #header-bottom-right #mail,#header #header-bottom-right .choice,#header #header-bottom-right .logout a{margin-left:5px;width:42px;width:42px !important;height:42px;display:inline-block;text-indent:50px;overflow:hidden;transition:background-color 0.5s}#header #header-bottom-right #mail.nohavemail{background:url(%%spritesheet%%) 0px -114px no-repeat #2D4059;border-radius:1px;border:2px solid #fff}#header #header-bottom-right #mail.havemail{background:url(%%spritesheet%%) 0px -114px no-repeat #ff4500}.res #header #header-bottom-right #mail.havemail{background:url(%%spritesheet%%) 0px -115px no-repeat #ff4500}#header #header-bottom-right #mail.havemail{border-radius:1px;border:2px solid #fff}#header #header-bottom-right .choice{background:url(%%spritesheet%%) -127px -114px no-repeat #2D4059;border-radius:1px;border:2px solid #fff}.beta-hint{opacity:1}.beta-hint a{top:0;left:-78px;color:transparent !important;background-color:#2D4059;background-image:url(%%spritesheet%%) !important;background-repeat:no-repeat !important;background-size:341px 331px !important;background-position:-72px -143px !important;width:42px;height:42px;border-radius:1px;border:2px solid #fff;transition:background-color 0.5s}.beta-hint a:hover{background-color:green !important}#beta-help{background:#FFFFE1 !important;color:#000 !important;left:1200px !important;top:170px !important}.res .beta-hint a{display:none}#header #header-bottom-right .logout a{background:url(%%spritesheet%%) -127px -42px no-repeat #2D4059;border-radius:1px;border:2px solid #fff}#header #header-bottom-right #mail.havemail,#header #header-bottom-right #mail.nohavemail{border-bottom:none}#header #header-bottom-right .choice,#header #header-bottom-right .logout a{border-bottom:none}#header-bottom-right #modmail,#header-bottom-right .user{border-bottom:none}.user .userkarma{border-bottom:none}#header #header-bottom-right #mail:hover,#header #header-bottom-right .choice:hover,#header #header-bottom-right .user:hover{background-color:#47658c}#header #header-bottom-right .logout a:hover{text-indent:-99999px;color:#fff;background:url(%%spritesheet%%) -127px -42px no-repeat #ce352c}#openRESPrefs{position:absolute;right:365px;top:22px}#mailCount{position:absolute;left:208px;top:-2px;color:#fff;font-size:14px;overflow:hidden}.message-count{background:#47658c;height:42px;font-size:medium;line-height:42px !important;margin-left:-4px;vertical-align:top;display:none}.user .userkarma{cursor:help}#RESAccountSwitcherIconOverlay{display:none !important}#RESAccountSwitcherIcon{float:right;margin-right:5px;margin-top:-10px;background:url(%%spritesheet%%) -264px -5px no-repeat !important}.side .usertext-body .md ol{position:absolute;top:30px;right:0;margin:0 30px 0 0;padding:0;z-index:99}.md-container-small .md .-text,.md-container-small .md li,.md-container-small .md p,.md-container-small .md pre>code,.md-container-small .md td,.md-container-small .md th{list-style:none}.side .usertext-body .md ol a[href$="#special"]{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:3s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}.side .md .-text,.side .md li,.side .md p,.side .md pre>code,.side .md td,.side .md th{list-style:none}.side .usertext-body .md ol a{background-color:#57b5ff;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;opacity:0.8}.side .usertext-body .md ol a:hover{opacity:1}.side .md>ol li a[href$='#special']:after,.side .md>ol li a[href$='#special']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#special']{border:2px solid #fefefe;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;transition:opacity .5s;background-color:#1686f0;opacity:0.8}.side .usertext-body .md ol a[href$='#special']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px;background-color:#2D4059;content:"Event";color:#fff}.side .usertext-body .md ol a[href$='#special']:hover{opacity:1}.side .usertext-body .md ol a[href$='#achieve']{border:2px solid #fefefe;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;transition:opacity .5s;background-color:#28bc07;opacity:0.8}.side .usertext-body .md ol a[href$='#achieve']:hover{opacity:1}.side .md>ol li a[href$='#sticky']:after,.side .md>ol li a[href$='#sticky']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#achieve']:before,.side .usertext-body .md ol a[href$='#sticky']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#achieve']:before{background-color:#0d9605;content:"Achievement unlocked";color:#fff}.side .usertext-body .md ol a[href$='#sticky'],.side .usertext-body .md ol a[href$='#stickyg']{font-weight:400;padding:5px 5px 5px 0;margin-bottom:3px;border:2px solid #fefefe;display:inline-block;font-size:12px;transition:opacity .5s;text-decoration:none}.side .usertext-body .md ol a[href$='#sticky']{background-color:#1686f0;opacity:0.8}.side .usertext-body .md ol a[href$='#sticky']:hover{opacity:1}.side .usertext-body .md ol a[href$='#stickyg']:hover{opacity:1}.side .usertext-body .md ol a[href$='#sticky']:before{background-color:#2D4059;content:"Sticky";color:#fff}.side .usertext-body .md ol a[href$='#stickyg']{background-color:#28bc07;opacity:0.8}.side .md>ol li a[href$='#achieve']:after,.side .md>ol li a[href$='#achieve']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .md>ol li a[href$='#update']:after,.side .md>ol li a[href$='#update']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#stickyg']:before,.side .usertext-body .md ol a[href$='#update']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#stickyg']:before{background-color:#0d9605;content:"Sticky";color:#fff}.side .usertext-body .md ol a[href$='#update']{border:2px solid #fefefe;background-color:#1686f0;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;opacity:.8;transition:opacity 0.5s}.side .usertext-body .md ol a[href$='#update']:before{background-color:#2D4059;content:"Update";color:#fff}.side .usertext-body .md ol a[href$='#update']:hover{opacity:1}.side .md del{color:#fff;text-decoration:none}.md a:hover{color:#47658c}.res-nightmode body,html[lang^=nm] body{background:#1a1a1a !important}.res-nightmode #sr-header-area,html[lang^=nm] #sr-header-area{background-color:#0C1722}.res-nightmode a,html[lang^=nm] a{color:#f8f8ff}.res-nightmode .morelink a,.res-nightmode a[href*="#Donsiders"],.res-nightmode a[href*="#btn"],html[lang^=nm] .morelink a,html[lang^=nm] a[href*="#Donsiders"],html[lang^=nm] a[href*="#btn"]{color:#fff !important}.res-nightmode .shortlink input,html[lang^=nm] .shortlink input{background:#393939;color:#ddd}.res-nightmode #previoussearch #moresearchinfo,.res-nightmode .roundfield label,.res-nightmode .search-result-body,.res-nightmode div.side #searchexpando,.res-nightmode .submit-page .roundfield .title,.res-nightmode .md,.res-nightmode .md blockquote,.res-nightmode .md del,.res-nightmode .comments-page .usertext-edit div textarea,html[lang^=nm] #previoussearch #moresearchinfo,html[lang^=nm] .roundfield label,html[lang^=nm] .search-result-body,html[lang^=nm] div.side #searchexpando,html[lang^=nm] .submit-page .roundfield .title,html[lang^=nm] .md,html[lang^=nm] .md blockquote,html[lang^=nm] .md del,html[lang^=nm] .comments-page .usertext-edit div textarea{color:#eee !important}.res-nightmode .md blockquote,html[lang^=nm] .md blockquote{background:rgba(0,87,166,0.24);border-left:2px solid #47658c !important;color:#888 !important}.res-nightmode .md code,html[lang^=nm] .md code{border:none !important;background-color:#393939 !important;border-radius:0 !important;border-left:3px solid #47658c !important}.res-nightmode .commentingAs,.res-nightmode .date time,.res-nightmode .linkinfo .score,.res-nightmode .linkinfo .shortlink,.res-nightmode .side .titlebox>.fancy-toggle-button,.res-nightmode .edit-stylesheet.choice:after,.res-nightmode .wiki-page .wiki-page-content,html[lang^=nm] .commentingAs,html[lang^=nm] .date time,html[lang^=nm] .linkinfo .score,html[lang^=nm] .linkinfo .shortlink,html[lang^=nm] .side .titlebox>.fancy-toggle-button,html[lang^=nm] .edit-stylesheet.choice:after,html[lang^=nm] .wiki-page .wiki-page-content{color:#ddd !important}.res-nightmode .date span,.res-nightmode .date time,html[lang^=nm] .date span,html[lang^=nm] .date time{border-bottom:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode #header,.res-nightmode #newlink-with-image-upload #new-link-preview,.res-nightmode .account-activity-box,.res-nightmode .date:before,.res-nightmode .morelink,.res-nightmode .nextprev a,.res-nightmode .titlebox h1,html[lang^=nm] #header,html[lang^=nm] #newlink-with-image-upload #new-link-preview,html[lang^=nm] .account-activity-box,html[lang^=nm] .date:before,html[lang^=nm] .morelink,html[lang^=nm] .nextprev a,html[lang^=nm] .titlebox h1{background:#222 !important}.res-nightmode #header #header-bottom-right #mail:hover,.res-nightmode #header #header-bottom-right #modmail:hover,.res-nightmode #header #header-bottom-right .choice:hover,.res-nightmode #header #header-bottom-right .logout:hover,.res-nightmode #header #header-bottom-right .user:hover,html[lang^=nm] #header #header-bottom-right #mail:hover,html[lang^=nm] #header #header-bottom-right #modmail:hover,html[lang^=nm] #header #header-bottom-right .choice:hover,html[lang^=nm] #header #header-bottom-right .logout:hover,html[lang^=nm] #header #header-bottom-right .user:hover{background-color:#393939 !important}.res-nightmode #header #header-bottom-right .logout a,.res-nightmode #header #header-bottom-right .nohavemail#mail,html[lang^=nm] #header #header-bottom-right .logout a,html[lang^=nm] #header #header-bottom-right .nohavemail#mail{background-color:transparent !important;outline:0 !important}.res-nightmode #header-bottom-right #modmail,.res-nightmode #header-bottom-right .choice,.res-nightmode #header-bottom-right .user,html[lang^=nm] #header-bottom-right #modmail,html[lang^=nm] #header-bottom-right .choice,html[lang^=nm] #header-bottom-right .user{background-color:transparent !important;outline:0 !important}.res-nightmode #header-bottom-left .tabmenu,.res-nightmode #header-img,.res-nightmode #header-img.default-header,html[lang^=nm] #header-bottom-left .tabmenu,html[lang^=nm] #header-img,html[lang^=nm] #header-img.default-header{background:transparent !important}.res-nightmode #header-bottom-left .tabmenu,.res-nightmode .new-comment .usertext-body,html[lang^=nm] #header-bottom-left .tabmenu,html[lang^=nm] .new-comment .usertext-body{background-color:transparent;border:none}.res-nightmode .date,html[lang^=nm] .date{color:#ddd !important}.res-nightmode .date::before,html[lang^=nm] .date::before{color:#ddd !important}.res-nightmode .flair,html[lang^=nm] .flair{color:#ddd !important}.res-nightmode .footer,html[lang^=nm] .footer{border-right:none !important;border-top:none}.res-nightmode .footer div.col a,.res-nightmode .footer::after,html[lang^=nm] .footer div.col a,html[lang^=nm] .footer::after{color:#ddd !important}.res-nightmode div.side div.tagline,.res-nightmode div.side form.flairtoggle,.res-nightmode div.side span.subscribers,html[lang^=nm] div.side div.tagline,html[lang^=nm] div.side form.flairtoggle,html[lang^=nm] div.side span.subscribers{background:#222 !important;color:#ddd !important}.res-nightmode div.titlebox .md ul li,html[lang^=nm] div.titlebox .md ul li{background:#222 !important;color:#ddd !important}.res-nightmode .sidecontentbox .title,.res-nightmode .sidecontentbox a.helplink,html[lang^=nm] .sidecontentbox .title,html[lang^=nm] .sidecontentbox a.helplink{background:#222 !important}.res-nightmode div.titlebox .md h1,.res-nightmode div.titlebox .md h2,.res-nightmode div.titlebox .md h3,.res-nightmode div.titlebox .md h4,html[lang^=nm] div.titlebox .md h1,html[lang^=nm] div.titlebox .md h2,html[lang^=nm] div.titlebox .md h3,html[lang^=nm] div.titlebox .md h4{background:#222 !important}.res-nightmode #searchexpando,.res-nightmode .icon-menu li,.res-nightmode .totalvotes,.res-nightmode .reddit-link,.res-nightmode .sidecontentbox .content a.author,.res-nightmode .sidecontentbox .more,.res-nightmode .reddit-link,.res-nightmode .linkinfo .score,.res-nightmode .linkinfo .shortlink,.res-nightmode div.titlebox .md ul li,html[lang^=nm] #searchexpando,html[lang^=nm] .icon-menu li,html[lang^=nm] .totalvotes,html[lang^=nm] .reddit-link,html[lang^=nm] .sidecontentbox .content a.author,html[lang^=nm] .sidecontentbox .more,html[lang^=nm] .reddit-link,html[lang^=nm] .linkinfo .score,html[lang^=nm] .linkinfo .shortlink,html[lang^=nm] div.titlebox .md ul li{border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode #searchexpando:hover,.res-nightmode .icon-menu li:hover,.res-nightmode .totalvotes:hover,.res-nightmode .reddit-link:hover,.res-nightmode .sidecontentbox .content a.author:hover,.res-nightmode .sidecontentbox .more:hover,.res-nightmode .reddit-link:hover,.res-nightmode .linkinfo .score:hover,.res-nightmode .linkinfo .shortlink:hover,.res-nightmode div.titlebox .md ul li:hover,html[lang^=nm] #searchexpando:hover,html[lang^=nm] .icon-menu li:hover,html[lang^=nm] .totalvotes:hover,html[lang^=nm] .reddit-link:hover,html[lang^=nm] .sidecontentbox .content a.author:hover,html[lang^=nm] .sidecontentbox .more:hover,html[lang^=nm] .reddit-link:hover,html[lang^=nm] .linkinfo .score:hover,html[lang^=nm] .linkinfo .shortlink:hover,html[lang^=nm] div.titlebox .md ul li:hover{background-color:#393939 !important;border-left-color:#eea7aa !important}.res-nightmode div.side div.leavemoderator,.res-nightmode div.side p.users-online,.res-nightmode div.side span.subscribers,.res-nightmode div.side form.leavecontributor-button,.res-nightmode div.side .titlebox div.subButtons,.res-nightmode div.side .titlebox h1.redditname+div,.res-nightmode div.side .titlebox>.fancy-toggle-button,html[lang^=nm] div.side div.leavemoderator,html[lang^=nm] div.side p.users-online,html[lang^=nm] div.side span.subscribers,html[lang^=nm] div.side form.leavecontributor-button,html[lang^=nm] div.side .titlebox div.subButtons,html[lang^=nm] div.side .titlebox h1.redditname+div,html[lang^=nm] div.side .titlebox>.fancy-toggle-button{border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode div.side div.tagline,.res-nightmode div.side form.flairtoggle,html[lang^=nm] div.side div.tagline,html[lang^=nm] div.side form.flairtoggle{border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;border-bottom:none !important;background:#222 !important}.res-nightmode .titlebox form.toggle,html[lang^=nm] .titlebox form.toggle{background:#222;border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;color:#eee}.res-nightmode .sitetable .comment .comment,html[lang^=nm] .sitetable .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment,html[lang^=nm] .sitetable .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode button,html[lang^=nm] button{border:none;background-color:#222 !important}.res-nightmode a[href*="#square"]::before,html[lang^=nm] a[href*="#square"]::before{border:3px solid #393939}.res-nightmode .link,html[lang^=nm] .link{border-bottom:1px solid #2D2E32 !important;border-right:1px solid #2D2E32 !important}.res-nightmode .listing-page .link:hover,html[lang^=nm] .listing-page .link:hover{background:#393939 !important;border-left-color:#a9a9a9 !important}.res-nightmode div.titlebox .md ul li:hover,html[lang^=nm] div.titlebox .md ul li:hover{background-color:#393939 !important;border-left-color:#eea7aa !important}.res-nightmode div.titlebox .md h1:after,.res-nightmode div.titlebox .md h2:after,.res-nightmode div.titlebox .md h3:after,.res-nightmode div.titlebox .md h4:after,html[lang^=nm] div.titlebox .md h1:after,html[lang^=nm] div.titlebox .md h2:after,html[lang^=nm] div.titlebox .md h3:after,html[lang^=nm] div.titlebox .md h4:after{display:block;position:absolute;z-index:-1;border-color:transparent #393939 transparent transparent !important}.res-nightmode div.titlebox h1:after,.res-nightmode div.titlebox .sidecontentbox .title:after,html[lang^=nm] div.titlebox h1:after,html[lang^=nm] div.titlebox .sidecontentbox .title:after{display:block;position:absolute;z-index:-1;border-color:transparent #393939 transparent transparent !important}.res-nightmode .flairselector,.res-nightmode .comments-page .usertext-edit div textarea,.res-nightmode #eu-cookie-policy .reddit-infobar,.res-nightmode #search input[type=text],html[lang^=nm] .flairselector,html[lang^=nm] .comments-page .usertext-edit div textarea,html[lang^=nm] #eu-cookie-policy .reddit-infobar,html[lang^=nm] #search input[type=text]{background-color:#222 !important;color:#ddd}.res-nightmode #header-bottom-left .tabmenu li.selected a,.res-nightmode .link .usertext-body .md,.res-nightmode .debuginfo,.res-nightmode .sidecontentbox a.helplink:hover,.res-nightmode .cookie-infobar.with-icon:before,.res-nightmode div.titlebox span.fancy-toggle-button a.active.remove,.res-nightmode .link .score .likes,.res-nightmode .nextprev a:hover,.res-nightmode .side .morelink a:hover,.res-nightmode button:hover,.res-nightmode .account-activity-box:hover,html[lang^=nm] #header-bottom-left .tabmenu li.selected a,html[lang^=nm] .link .usertext-body .md,html[lang^=nm] .debuginfo,html[lang^=nm] .sidecontentbox a.helplink:hover,html[lang^=nm] .cookie-infobar.with-icon:before,html[lang^=nm] div.titlebox span.fancy-toggle-button a.active.remove,html[lang^=nm] .link .score .likes,html[lang^=nm] .nextprev a:hover,html[lang^=nm] .side .morelink a:hover,html[lang^=nm] button:hover,html[lang^=nm] .account-activity-box:hover{background-color:#393939 !important}.res-nightmode .comment .usertext .md p>a:visited,.res-nightmode .md a,.res-nightmode h2 a:visited,html[lang^=nm] .comment .usertext .md p>a:visited,html[lang^=nm] .md a,html[lang^=nm] h2 a:visited{color:#3498db}.res-nightmode ::-webkit-scrollbar,html[lang^=nm] ::-webkit-scrollbar{background-color:#393939}.res-nightmode ::-webkit-scrollbar-thumb,html[lang^=nm] ::-webkit-scrollbar-thumb{background-color:#666;border:2px solid #333;transition:background-color 0.5s}.res-nightmode ::-webkit-scrollbar-thumb:hover,html[lang^=nm] ::-webkit-scrollbar-thumb:hover{background-color:#555;transition:background-color 0.5s}.res-nightmode ::-webkit-scrollbar-thumb:active,html[lang^=nm] ::-webkit-scrollbar-thumb:active{background-color:#bbb}.res-nightmode ::-webkit-scrollbar-corner,html[lang^=nm] ::-webkit-scrollbar-corner{color:#555}.res-nightmode textarea,html[lang^=nm] textarea{color:#000 !important}.res-nightmode .content,html[lang^=nm] .content{margin-bottom:0;margin-top:0}.res-nightmode input[type=button],.res-nightmode input[type=reset],.res-nightmode input[type=submit],html[lang^=nm] input[type=button],html[lang^=nm] input[type=reset],html[lang^=nm] input[type=submit]{border:none}.res-nightmode .side .spacer .titlebox .redditname,html[lang^=nm] .side .spacer .titlebox .redditname{border-left-color:#47658c}.res-nightmode .gold-accent,html[lang^=nm] .gold-accent{background:#2D4059}.res-nightmode .thing .title:visited,.res-nightmode .thing.visited .title,html[lang^=nm] .thing .title:visited,html[lang^=nm] .thing.visited .title{color:#808c94}.res-nightmode .thing .title,html[lang^=nm] .thing .title{color:#B5C4D0}.res-nightmode .content.submit .info-notice,.res-nightmode .submit-page .roundfield,html[lang^=nm] .content.submit .info-notice,html[lang^=nm] .submit-page .roundfield{background-color:#222;color:#eee}.res-nightmode #header #header-bottom-right #mail.havemail,html[lang^=nm] #header #header-bottom-right #mail.havemail{outline:0}.res-nightmode .formtabs-content .infobar,html[lang^=nm] .formtabs-content .infobar{border-color:transparent !important}.res-nightmode .infobar,html[lang^=nm] .infobar{border-color:#ff4500 !important}.res-nightmode span.score,html[lang^=nm] span.score{color:#888 !important}.res-nightmode .comment.spam>.child,.res-nightmode .message.spam>.child,.res-nightmode .usertext.grayed .usertext-body,html[lang^=nm] .comment.spam>.child,html[lang^=nm] .message.spam>.child,html[lang^=nm] .usertext.grayed .usertext-body{background-color:transparent}.res-nightmode div.commentarea .infobar,html[lang^=nm] div.commentarea .infobar{color:#eee;border:none}.res-nightmode .comment,html[lang^=nm] .comment{border:1px solid #43474F}.res-nightmode a[href*='#icon-day'],html[lang^=nm] a[href*='#icon-day']{display:inline-block !important}.res-nightmode a[href*='#icon-day']::before,html[lang^=nm] a[href*='#icon-day']::before{display:inline-block !important;display:none;height:20px;width:20px;content:'';margin:0 7px -4px 0;background:url(%%spritesheet%%) -85px -294px}.res-nightmode a[href*='#icon-night'],html[lang^=nm] a[href*='#icon-night']{display:none}.res-nightmode a[href*="#icon-chat"]::before,html[lang^=nm] a[href*="#icon-chat"]::before{background-image:url(%%wincore-2%%);background-position:-5px -405px}.res-nightmode a[href*="#icon-feedback"]::before,html[lang^=nm] a[href*="#icon-feedback"]::before{background-position:-47px -149px}.res-nightmode a[href*="#icon-feedback2"]::before,html[lang^=nm] a[href*="#icon-feedback2"]::before{background-position:-5px -375px}.res-nightmode a[href*="#iconz-tips"]::before,html[lang^=nm] a[href*="#iconz-tips"]::before{background-position:-234px -47px}.res-nightmode a[href*="#iconz-updates"]::before,html[lang^=nm] a[href*="#iconz-updates"]::before{background-position:-259px -119px}.res-nightmode a[href*="#iconz-faq"]::before,html[lang^=nm] a[href*="#iconz-faq"]::before{background-position:-174px -47px}.res-nightmode a[href*="#iconz-install"]::before,html[lang^=nm] a[href*="#iconz-install"]::before{background-position:-259px -119px}.res-nightmode a[href*="#iconz-wiki"]::before,html[lang^=nm] a[href*="#iconz-wiki"]::before{background-position:-204px -149px}.res-nightmode #siteTable .thing,.res-nightmode .link.promotedlink,html[lang^=nm] #siteTable .thing,html[lang^=nm] .link.promotedlink{background:#202020}.res-nightmode .organic-listing,html[lang^=nm] .organic-listing{background:none !important}.res-nightmode body>.content #siteTable .thing.self .thumbnail,html[lang^=nm] body>.content #siteTable .thing.self .thumbnail{background-position:-77px -5px}.res-nightmode body>.content #siteTable .thing .thumbnail.default,html[lang^=nm] body>.content #siteTable .thing .thumbnail.default{background-position:-174px -77px}.res-nightmode div.side span.subscribers span.number:before,html[lang^=nm] div.side span.subscribers span.number:before{background-position:-162px -5px}.res-nightmode .expando-button.selftext.collapsed,html[lang^=nm] .expando-button.selftext.collapsed{background-position:-5px -242px}.res-nightmode .expando-button.selftext.collapsed:hover,html[lang^=nm] .expando-button.selftext.collapsed:hover{background-position:-225px -204px}.res-nightmode .expando-button.selftext.expanded,html[lang^=nm] .expando-button.selftext.expanded{background-position:-65px -204px}.res-nightmode .expando-button.selftext.expanded:hover,html[lang^=nm] .expando-button.selftext.expanded:hover{background-position:-105px -204px}.res-nightmode .expando-button.video.collapsed,html[lang^=nm] .expando-button.video.collapsed{background-position:-85px -242px}.res-nightmode .expando-button.video.collapsed:hover,html[lang^=nm] .expando-button.video.collapsed:hover{background-position:-45px -242px}.res-nightmode .expando-button.video.expanded,html[lang^=nm] .expando-button.video.expanded{background-position:-65px -204px}.res-nightmode .expando-button.video.expanded:hover,html[lang^=nm] .expando-button.video.expanded:hover{background-position:-105px -204px}.res-nightmode .date:after,html[lang^=nm] .date:after{border-color:transparent #393939 transparent transparent !important}.res-nightmode .date span,html[lang^=nm] .date span{border-left:5px solid #393939 !important;color:#ddd;border-right-color:#393939}.res-nightmode .date time,html[lang^=nm] .date time{border-right:1px solid #393939 !important}.res-nightmode .link.last-clicked,html[lang^=nm] .link.last-clicked{background:#393939 !important}.res-nightmode .comments-page .link,html[lang^=nm] .comments-page .link{border-left:3px solid transparent}.res-nightmode .res .RES-keyNav-activeElement{background-color:#292929 !important}.res-nightmode .res .commentarea .RES-keyNav-activeElement .md,.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed{background-color:#292929 !important}.res-nightmode .RES-keyNav-activeElement{background-color:#292929 !important}.res-nightmode .RES-keyNav-activeElement .md-container{background-color:#292929 !important}.res-nightmode .arrow.upmod{background-position:-296px -60px !important}.res-nightmode .arrow.down{background-position:-321px -60px !important}.res-nightmode .arrow.up{background-position:-289px -194px !important}.res-nightmode .arrow.downmod{background-position:-271px -60px !important}.res-nightmode .side .titlebox>.fancy-toggle-button{background:#222 !important;color:#ddd !important}.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container{background-color:transparent !important}.res #sr-header-area #srDropdownContainer a:hover{opacity:1}.res .comment .midcol{margin-left:20px}.res .comment .new-comment{border:2px solid #FFAB91 !important;border-radius:0px !important}.res #sr-header-area #srDropdownContainer a{width:35px;height:23px;padding:0;margin:0;display:block;background:url(%%spritesheet%%) -225px -252px no-repeat;line-height:35px;text-indent:-999em}.res .RES-keyNav-activeElement,.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .noncollapsed .RES-keyNav-activeElement.entry{background-color:0 0 !important}.res .RESDashboardToggle,.res .RESshortcutside{background:0 0;border:none;font-weight:400;text-transform:uppercase}.res .sitetable .sitetable{margin-right:0}.RESSubscriptionButton{color:#fff !important;border-radius:1px !important;background-color:transparent !important}.RESSubscriptionButton{border:none !important}#RESAnnouncementAlert,#userbarToggle,.multi-count,.sidecontentbox .content .RESUserTagImage::after,.res .sidebox.create,.res .message-count,.res .side .userTagLink{display:none !important}#RESSettingsButton{right:20px;top:3px}#RESStaticShortcuts{line-height:25px}.footer{border-bottom:1px solid #2D4059;padding:0;border-left:1px solid #2D4059}.footer::after{border-bottom:1px solid #2D4059;display:block;margin-top:0;padding:10px;padding-top:8px !important;color:#000;content:"Designed by /u/Jaskys";font-size:16px;font-family:"Segoe UI",Helvetica,sans-serif;border-top:34px solid #2D4059;border-right:1px solid #2D4059;margin-bottom:-1.1px;width:90px}.footer div.col{position:relative;margin:0;padding:0;width:176px;height:auto;font-family:"Segoe UI",Helvetica,sans-serif}.footer div.col .title{font-size:16px;text-transform:capitalize;padding:8px;color:#fff;background:#2D4059;max-height:18px}.footer div.col a{display:block;margin:5px;padding:3px 4px 3px 7px;color:#000}.footer div.col a:hover{color:#000;text-decoration:none;background:#fff}.footer p.bottommenu{font-weight:700;color:#FFF;clear:left;padding:6px}.footer p.bottommenu a{font-weight:700;color:#FFF}.footer .col{border-left:none !important}.debuginfo{background:#F6F6F6}.rounded{border-radius:0}.flat-vert{text-align:center}.pagename{margin:0 15px 0 0;display:inline-block;font-size:70px;font-variant:normal;font-weight:400;letter-spacing:1px;line-height:46px;text-transform:capitalize;font-family:"Segoe UI",Helvetica,sans-serif;bottom:69px;position:absolute;left:10px}.pagename a:hover{text-decoration:none} diff --git a/css/minified/r-windows.css b/css/minified/r-windows.css index 14bb655..553385a 100644 --- a/css/minified/r-windows.css +++ b/css/minified/r-windows.css @@ -1,4343 +1,4 @@ -/* -Designed by /u/Jaskys -/r/ClearShift theme base -Contributors: /u/supersmilers, /u/mtvee, /u/BatDogOnBatMobile, /u/MrLawbreaker -Icons provided by www.icons8.com under "Creative Commons Attribution-NoDerivs 3.0 Unported" license -Main color: #1a1a1a -Secondary: #0078D7 -Christmas -Main color: #BF0426 -Secondary: #7A0218 -*/ -#header { - height: 165px; - background: #1a1a1a; - border-bottom: none; -} - -#header #header-bottom-right #mail.havemail, -#header #modmail.havemail { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -#header .hover a:hover, -.redditname a:hover:after { - color: #fff !important; -} - -#header-bottom-left { - height: 140px; -} - -#header-bottom-left .tabmenu { - background: rgba(0, 0, 0, 0.2); - width: calc(100% - 163px); - padding-left: 163px; - position: absolute; - bottom: 0; - left: 0; - font-family: "Segoe UI", Helvetica, sans-serif; - transition: .5s; -} - -#header-bottom-left .tabmenu li { - font-weight: 400; - margin: 0; -} - -#header-bottom-left .tabmenu li a { - background: 0 0; - color: #ddd; - font-size: 11.4px; - font-family: "Segoe UI", Helvetica, sans-serif; - line-height: 30px; - padding: 8px 9px 6px; - letter-spacing: 0.1em; - text-transform: uppercase; - transition: all .15s ease-in-out; - border-bottom: 3px solid transparent !important; -} - -#header-bottom-left .tabmenu li a:hover { - color: #fff; - background: rgba(0, 0, 0, 0.1); - border-bottom: 3px solid #fff !important; -} - -#header-bottom-left .tabmenu li.selected a { - background-color: #0078D7; - border: 0; - color: #fff; - padding-top: 7px; - font-weight: 700; - border-bottom: 3px solid currentColor !important; -} - -#header-bottom-right #modmail, -#header-bottom-right .user { - height: 37px; - white-space: nowrap; - border-radius: 1px; - overflow: hidden; - transition: background-color 0.5s; -} - -#header-img { - text-indent: -9999px; - display: inline-block; - margin-top: 112px; - position: absolute; - z-index: 99; - height: 27px; - width: 27px; - margin-left: 4px; - padding-right: 11px; - padding-left: 8px; - opacity: .8; - background-repeat: no-repeat !important; - transition: all .15s ease-in-out; - border-bottom: 3px solid transparent !important; -} - -#header-img:hover { - opacity: 1; - background: rgba(0, 0, 0, 0.1); - font-weight: 500; - border-bottom: 3px solid #fff !important; -} - -#sr-header-area { - transition: opacity .3s; - opacity: .4; - height: 24px; - background-color: #0C1722; - border-bottom: 0; - letter-spacing: 1px; - line-height: 22px; -} - -#sr-header-area:hover { - opacity: 1; -} - -#sr-header-area a { - color: #c4c4c4; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -#sr-header-area .srdrop.dropdown { - width: 35px; - padding: 0; -} - -#sr-header-area .sr-list { - padding-left: 8px; - border-left: 2px solid rgba(196, 196, 196, 0.9); - height: 24px; - line-height: 25px; -} - -#sr-header-area .srdrop.dropdown .selected { - width: 35px; - height: 23px; - padding: 0; - margin: 0; - display: block; - background: url(%%spritesheet%%) -225px -252px no-repeat; - line-height: 35px; - text-indent: -999em; -} - -#sr-header-area .srdrop.dropdown .selected:hover { - opacity: 1; -} - -#sr-header-area .drop-choices.srdrop { - padding: 5px; - margin: 1px 0 0; - background: #222; - border: none; -} - -#sr-header-area .drop-choices a.choice { - color: #AEAEAE; -} - -#sr-header-area .drop-choices a.choice:hover { - background-color: #333; - color: #EEE; -} - -#sr-header-area .drop-choices .choice.bottom-option { - border-color: #AEAEAE; -} - -#sr-more-link, -#header [href$="/rising/"], -#header [href$="/controversial/"], -#header [href$="/ads/"], -#suggested-reddits, -.voteWeight, -.rank, -.titlebox .bottom, -.submit-page .content h1, -.formtabs-content .infobar, -a[href*='#icon'] + .keyNavAnnotation, -a[href*='#/RES_SR_Config/NightModeCompatible'] { - display: none !important; -} - -#url-field button, -.submit-page .content button[name=submit] { - background: 0 0; - transition: all .5s; - border: 1px solid #5cb85c; - color: #5cb85c; -} - -#url-field button:hover, -.submit-page .content button[name=submit]:hover { - background: #5cb85c; - color: #fff; -} - -.submit-page .tabmenu.formtab { - margin-bottom: 74px; -} - -.submit_text.roundfield.enabled { - background: #1992FF; - position: absolute; - top: 223px; -} - -.submit_text p { - color: #eee; -} - -button.save, button.submit-action-thing, button.submit-report { - background: 0 0; - transition: background-color .5s; - text-transform: capitalize; - font-family: "Segoe UI", Helvetica, sans-serif; - border: 1px solid #5cb85c; - color: #5cb85c; - padding: 0.25rem 0.75rem; -} - -button.save:hover, button.submit-action-thing:hover, button.submit-report:hover { - background: #5cb85c; - color: #fff; -} - -button.cancel, button.cancel-action-thing, button.cancel-report-thing { - border: 1px solid #d9534f; - background: 0 0; - color: #d9534f; - padding: .25rem .75rem; - text-transform: capitalize; - font-family: "Segoe UI", Helvetica, sans-serif; - transition: background-color 0.5s; -} - -button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cancel:hover { - background: #d9534f; - color: #fff; -} - -.next-suggestions a, -.nextprev a { - padding: 0 4px; - background: 0 0; - border: none; - color: #0078D7; - text-align: center; -} - -.next-suggestions a:hover, -.nextprev a:hover { - background: #0078D7; - border: none; - color: #fff; - outline: 0; -} - -.btn:active, -.gadget .right a:active, -.morelink a:active, -.sidecontentbox a.helplink:active, -button:active, -#header #header-bottom-right #mail.havemail:active, -#header #header-bottom-right #mail.nohavemail:active, -#header #header-bottom-right .choice:active, -#header #header-bottom-right .logout a:active, -#header-bottom-left .tabmenu li a:active, -#header-bottom-right #modmail:active, -#header-bottom-right .user:active { - background-color: #1686f0 !important; -} - -.comment { - position: relative; - padding: 4px 0 0 30px; - z-index: 1; - border: 2px solid #e6e6e6; - overflow: hidden; - margin: 0 18px 8px 0; -} - -.comment .expand { - transition: all .5s; - padding: 4px 2px; - position: absolute; - top: 0; - left: 0; - bottom: 0; - padding: 4px; -} - -.comment .expand:hover { - background: #0078D7; - color: #fff !important; - text-decoration: none; -} - -.comment.collapsed .tagline { - height: 21px; - line-height: 21px; -} - -.comment.collapsed .tagline a { - line-height: 13px; -} - -.comment .child, -.comment .showreplies { - border-left: none; -} - -.new-comment { - border-color: #FFAB91 !important; -} - -.new-comment .expand:hover { - background: #ffab91; -} - -.new-comment .usertext-body { - background-color: transparent; - border: none; -} - -.tagline .score { - font-weight: 700; -} - -.tagline .likes { - color: #1a1a1a; -} - -.entry .flat-list .reply-button a { - color: #1a1a1a; -} - -.link .domain { - visibility: hidden; -} - -.link .domain a { - visibility: visible; - position: relative; - top: -1px; - color: #b1b1b1; -} - -.domain { - display: inline-block !important; -} - -#siteTable_organic { - background: rgba(6, 102, 178, 0.1); - margin-right: 325px; - margin-top: -7px; - left: -5px; - border-left: 3px solid #ff4500; - border-right: 1px solid rgba(0, 0, 0, 0.1); - border-bottom: none; - border-top: none; -} - -#ad_sponsorship { - max-width: 295px; -} - -.organic-listing .link.promotedlink { - margin-left: -1px; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.flairselector { - border: 1px solid #1a1a1a !important; -} - -.flairselector .title { - font-size: 0 !important; -} - -.flairselector h2 { - color: #fff; - font-size: 13px; - background: #1a1a1a !important; - padding-top: 6px; - font-weight: lighter !important; - text-transform: capitalize; - padding-bottom: 6px; -} - -.flairselector li:hover { - background-color: transparent; -} - -.flairselector form { - border-top: solid 1px #1a1a1a; - margin-bottom: 10px; -} - -.flairselector.drop-choices.active { - padding: 0 !important; - box-shadow: none; -} - -.flairselector .linkflair { - border-left: none !important; - background: 0 0; - width: 110px; -} - -.flairselector.drop-choices.active { - left: 40% !important; - top: 35% !important; - position: fixed; -} - -.flairoptionpane { - max-height: 304px; -} - -.flairoptionpane li, -.flairoptionpane ul { - min-width: 120px; - padding: 3px; -} - -.comments-page .link .flat-list a.flairselectbtn { - color: #1a1a1a !important; -} - -.nextprev a, -.side .usertext-body .md ol a { - transition: background-color 0.5s; -} - -.submit-page .roundfield { - padding: 16px; - width: 525px; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0px; -} - -.submit-page .roundfield span.title { - color: #4d5763; - text-transform: capitalize; -} - -.submit-page .submit.content#newlink .tabmenu.formtab a { - padding: 16px; - display: inline-block; - text-align: center; - background-color: #f5f5f5; - color: #4d5763; - text-transform: uppercase; - font-weight: 700; - transition: all .25s ease; - font-size: 16px; - border: none; - width: 247.5px; -} - -.submit-page .submit.content#newlink .tabmenu.formtab a:hover { - background-color: #e7e9f6; -} - -.submit-page .submit.content#newlink .tabmenu.formtab .selected a { - font-size: 16px; - background-color: #1a1a1a; - color: #fff; -} - -.submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover { - background-color: #0078D7; -} - -.submit-page #newlink.submit.content .btn { - width: 558px; - height: auto; - text-transform: capitalize; - font-size: 17px; - padding: 16px; - text-align: center; -} - -.submit-page #newlink.submit.content .btn:after { - content: " your thread"; - text-transform: none; -} - -.formtabs-content { - width: 520px; - border-top: none; - margin-top: -15px; -} - -form .spacer + .spacer { - margin: 0; -} - -.content.submit .info-notice { - background-color: #fff; - border-radius: 2px; - padding: 16px; - margin-bottom: 0; - border: 1px solid rgba(0, 0, 0, 0.1) !important; -} - -.self .expanded ~ .expando .usertext-body { - -webkit-animation: 700ms expandy ease-in-out forwards; - animation: 700ms expandy ease-in-out forwards; -} - -@-webkit-keyframes expandy { - 0% { - -webkit-transform: translateY(-100px); - opacity: 0; - } - 50% { - -webkit-transform: translateY(0); - } - 100% { - -webkit-transform: translateY(0); - opacity: 1; - } -} - -@keyframes expandy { - 0% { - transform: translateY(-100px); - opacity: 0; - } - 50% { - transform: translateY(0); - } - 100% { - transform: translateY(0); - opacity: 1; - } -} - -.expando-button { - cursor: pointer; - float: left; - height: 28px; - width: 30px; -} - -.expando-button.selftext.collapsed, .expando-button.selftext.expanded { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; -} - -.expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; -} - -.expando-button.selftext.collapsed { - background-position: -195px -256px; -} - -.expando-button.selftext.collapsed:hover { - background-position: -155px -256px; -} - -.expando-button.selftext.expanded { - background-position: -265px -218px; -} - -.expando-button.selftext.expanded:hover { - background-position: -305px -218px; -} - -.expando-button.video.collapsed { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.collapsed:hover { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.expanded { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.collapsed { - background-position: -301px -256px; -} - -.expando-button.video.collapsed:hover { - background-position: -261px -256px; -} - -.expando-button.video.expanded { - background-position: -265px -218px; -} - -.expando-button.video.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - background-position: -305px -218px; -} - -.expando-button.image { - cursor: pointer; - display: inline-block; - height: 28px !important; - margin-right: 11px; - padding: 0; - vertical-align: top !important; - width: 30px !important; -} - -@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) { - .expando-button { - cursor: pointer; - float: left; - height: 28px; - width: 30px; - background: center center no-repeat #fff; - background-size: 341px 331px !important; - } - .expando-button.selftext.collapsed, .expando-button.selftext.expanded { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - } - .expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - } - .expando-button.selftext.collapsed { - background-position: -195px -256px; - } - .expando-button.selftext.collapsed:hover { - background-position: -155px -256px; - } - .expando-button.selftext.expanded { - background-position: -265px -218px; - } - .expando-button.selftext.expanded:hover { - background-position: -305px -218px; - } - .expando-button.video.collapsed { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.collapsed:hover { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.expanded { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.collapsed { - background-position: -301px -256px; - } - .expando-button.video.collapsed:hover { - background-position: -261px -256px; - } - .expando-button.video.expanded { - background-position: -265px -218px; - } - .expando-button.video.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - background-position: -305px -218px; - } - .expando-button.image { - cursor: pointer; - display: inline-block; - height: 28px !important; - margin-right: 11px; - padding: 0; - vertical-align: top !important; - width: 30px !important; - } - body > .content #siteTable .thing.self .thumbnail { - background-image: url(%%spritesheet%%); - background-position: -289px -139px; - background-size: 341px 331px; - } -} - -.link .usertext-body .md { - border-radius: 0 !important; - border: 1px solid #7cb0d9; - background-color: #fff; -} - -body > .content #siteTable .thing.self .thumbnail { - background-image: url(%%spritesheet%%); - width: 45px; - height: 45px; - margin: 10px 15px 10px 10px; - background-repeat: no-repeat !important; - background-position: -289px -139px; -} - -body > .content #siteTable .thing.stickied .thumbnail { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat !important; - background-position: -289px -84px; - margin-right: 15px; -} - -body > .content #siteTable .thing .thumbnail.default, -body > .content #siteTable .thing.over18 .thumbnail { - background-image: url(%%spritesheet%%) !important; - background-repeat: no-repeat !important; - margin: 10px 15px 10px 10px; - width: 45px; - height: 45px; -} - -body > .content #siteTable .thing.stickied .entry > .title .title { - color: #00a64f; - font-weight: 400; -} - -body > .content #siteTable .thing.over18 .thumbnail { - background-position: -286px -5px !important; -} - -body > .content #siteTable .thing .thumbnail.default { - background-position: -47px -77px; - background-size: 341px 331px; -} - -.link .title, -.submit-page #newlink.submit.content .btn, -a[href*="#icon-more"] { - font-family: "Segoe UI", Helvetica, sans-serif; -} - -.link { - padding: 10px 0; - border-left: 3px solid #cec0c0; - margin-bottom: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.link .title { - color: #1a1a1a; -} - -.link .title:visited { - color: #b1b1b1; -} - -.link.thing.visited .title { - color: #b1b1b1; - padding: 0 !important; -} - -.link.last-clicked { - border: 0; - border-left: 3px solid #0078D7; - background: #f0f8ff; -} - -.link .score.likes { - color: #0078D7; -} - -.link .score.dislikes { - color: #7f7f7f; -} - -.link .flair { - font-size: 1em; -} - -.link .midcol { - margin: 5px 7px; -} - -.nextprev a { - padding: 5px 0 5px 15px; - color: #fff; - width: auto; - display: block; - background: #1a1a1a; - border-radius: 0; - font-size: small; - margin-top: -12px; - margin-right: -1px; - margin-left: -5px; - text-transform: capitalize; -} - -.linklisting .nextprev { - font-size: 0; -} - -.linklisting .stickied { - border-left: 3px solid #00a64f; - background: rgba(0, 166, 79, 0.1); -} - -.linklisting .over18 { - border-left: 3px solid #e2062c; - background: rgba(225, 6, 44, 0.1); -} - -.linklisting .md { - margin-bottom: 0; -} - -.linklisting .usertext-edit div textarea { - margin-left: -10px; -} - -.linklisting .reported { - background: rgba(255, 0, 0, 0.1); - border-left: 3px solid #e2062c; -} - -.report-reasons.rounded { - display: block !important; -} - -.newComments { - display: inline; - color: #1a1a1a; -} - -.linkinfo .totalvotes { - color: #494949 !important; -} - -.arrow { - background-image: url(%%spritesheet%%) !important; - background-position: center center; - outline: 0 !important; - border: none !important; -} - -.arrow.up { - background-position: -289px -194px; -} - -.arrow.upmod { - background-position: -296px -60px; -} - -.arrow.down { - background-position: -321px -60px; -} - -.arrow.downmod { - background-position: -271px -60px; -} - -.arrow.up:hover, .arrow.down:hover { - opacity: 0.6; -} - -body .linklisting { - margin-right: 330px; - bottom: 0; - margin-top: -7px; - padding: 0; - border-right: 1px solid rgba(0, 0, 0, 0.1); -} - -.entry .buttons li a { - padding: 0px; - font-size: 1.145em; -} - -.tagline, -.search-result-meta { - font-size: 1.145em; -} - -#siteTable .thing { - margin-left: -5px !important; - transition: all .2s; -} - -.listing-page .link:hover { - border-left-color: #0078D7; - background: #f0f8ff; -} - -.entry .flat-list .report-button a, -.res-nightmode .entry .flat-list .report-button a { - color: #d9534f; -} - -.reddit-infobar { - background: #fff; - BORDER: 1px solid #d7ecff; -} - -.reddit-infobar.with-icon { - margin-left: -4px; -} - -.reddit-infobar.with-icon:before { - background-color: solid #1a1a1a; - background-repeat: no-repeat; -} - -.c-btn-primary { - background-color: solid #1a1a1a; - border-bottom: 2px solid #4270a2; - color: #fff; - border-radius: 0; -} - -.sitetable .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -a.author { - margin-right: 0.3em; -} - -.panestack-title { - margin: 0 330px 0 -5px; - padding: 4px 0px; - background: #1a1a1a; - color: #fff; - border-bottom: transparent; -} - -.panestack-title .title { - font-size: 1.3em; - margin: 10px 0 10px 10px; -} - -.panestack-title a.title-button { - color: #fff !important; -} - -.panestack-title a.title-button.gold { - background-color: transparent; - border: none; -} - -.thing.stickied a.title { - font-weight: 700 !important; - font-size: large; -} - -.green, -.tagline .moderator { - color: #00a64f; - font-weight: 700; - padding-left: 0; - padding-right: 1px; -} - -.entry .flat-list .approve-button a { - color: #00a64f; -} - -.tagline .stickied-tagline { - color: #00a64f; -} - -.tagline a:hover { - color: #0078D7 !important; -} - -.gold-accent { - background-color: #1a1a1a; - border: none; - display: inline-block; - color: #fff !important; -} - -#noresults { - padding: 10px; - margin-right: 310px !important; - color: #fff; - background: #1a1a1a; - margin-left: 5px !important; - display: none; -} - -.commentarea .infobar { - color: #eee; - background: #1a1a1a; - border: none; - display: flex; -} - -.commentarea .infobar a { - color: #eee; -} - -.commentarea .infobar p { - line-height: 8px; -} - -.comments-page .sitetable.nestedlisting > .thing.stickied { - border-bottom: solid 3px #00a64f; - background: rgba(0, 166, 79, 0.1) !important; -} - -.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page.linkflair-help .flat-list a.flairselectbtn:after { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -.comments-page .usertext-edit div textarea { - background: url(%%wincore-2%%) 206px -213px no-repeat #FFF !important; - border: 1px solid #000 !important; - opacity: .8; - margin-top: 5px; - outline: 0; - display: block; - clear: both; - margin-bottom: 10px; -} - -.comments-page .usertext-edit div textarea:focus { - background: #FFF !important; - opacity: 1; - border-color: #0078D6 !important; -} - -.comments-page .link { - border-left: 1px solid #c6c6c6 !important; -} - -.commentarea .menuarea { - margin: 5px 310px 5px 5px; -} - -.commentarea .md { - margin-bottom: 0; -} - -.md { - overflow: visible; -} - -.md a { - color: #1a1a1a; -} - -.md code { - white-space: normal; -} - -.md blockquote { - border-left: 2px solid #0078D7; - background-color: #efefed; -} - -.usertext.border .usertext-body { - background-color: rgba(0, 120, 213, 0.3); - width: 95%; -} - -.wiki-page .pageactions { - border-radius: 0; - border: 1px solid #0078D7; -} - -.wiki-page .pageactions .wikiaction { - margin: 0 !important; - border-radius: 0 !important; -} - -.wiki-page .pageactions .wikiaction:hover { - background-color: #0078D7 !important; - color: #fff !important; -} - -.wiki-page .pageactions .wikiaction-current { - background-color: #1a1a1a; -} - -.wiki-page .wiki-page-content .nextprev a { - margin-bottom: 12px; -} - -ul.tabmenu.formtab { - padding-left: 0; -} - -::selection { - background-color: #0078D7; - color: #fff; -} - -.buttons .comments.empty { - color: #1a1a1a; -} - -.leavemoderator, -.titlebox form.toggle { - color: #000; - background: #fff; - border-left: 5px solid #d7ecff; - padding-left: 10px; - font-size: 8pt; - margin-right: 5px; - border-right: 1px solid #d7ecff; -} - -#baconBit { - width: 394px !important; - height: 304px !important; - background-image: url(%%res-easter-egg%%) no-repeat !important; - transition: all 10s linear !important; -} - -.sheets .col textarea { - width: 98%; - background: #1d1f21; - color: #ddd !important; - height: 712px !important; - font-family: SourceCodePro-Medium, monospace; -} - -.gadget .right a, -a[href*="#tech"] { - font-family: "Segoe UI", Helvetica, sans-serif; - text-align: center; -} - -.sheets ::-webkit-scrollbar { - background-color: #0f0f0f !important; -} - -.sheets ::-webkit-scrollbar-corner, -.sheets ::-webkit-scrollbar-thumb { - background: #313131 !important; -} - -.panestack-title { - border-bottom: transparent; -} - -.infobar.newsletterbar { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - position: relative; - overflow: hidden; - min-height: 80px; - padding: 15px 20px 20px 25px; - border: none; - border-radius: 0; - background-color: #30659B; - border-left: 3px solid #ff4500; - margin: -7px 325px 7px 0px; - left: -5px; -} - -#eu-cookie-policy .reddit-infobar a { - color: #222 !important; -} - -.leavemoderator { - border-color: #393939 !important; - background: #222 !important; -} - -.gadget .midcol { - margin-right: 9px; -} - -.gadget .right a { - background: #1a1a1a; - padding: 5px 10px; - margin-right: 5px; - display: block; - color: #fff; - font-size: 16px; - transition: background-color .5s; - text-transform: capitalize; -} - -.gadget .right a:hover { - background: #0078D7; -} - -span.clear-input-button { - color: #fff; -} - -#newlink-with-image-upload .clear-input-button { - border-radius: 0 !important; - width: 33px !important; - height: 27px !important; - top: 0 !important; - line-height: 26px !important; - border: 1px solid grey; - background: #1a1a1a !important; - transition: background-color .5s; - right: -10px !important; -} - -#newlink-with-image-upload .clear-input-button:hover { - background: #0078D7 !important; -} - -#newlink-with-image-upload .image-upload-drop-target { - padding: 15px !important; -} - -#newlink-with-image-upload .file-upload-button { - background: #1a1a1a; - border: none; - padding: 7px 20px !important; - display: block !important; - margin: 6px -17px -17px !important; - transition: background-color 0.5s; -} - -#newlink-with-image-upload .file-upload-button:hover { - background: #0078D7; -} - -@media (max-width: 880px) { - #siteTable_organic { - margin-right: -5px; - } - #header-bottom-left .tabmenu { - width: calc(100% - 50px); - padding-left: 50px; - } - .side { - display: none; - } - body .linklisting { - margin-right: 0 !important; - } - .footer::after { - display: none !important; - } - .infobar { - margin-right: 18px; - } - .footer { - border-right: 1px solid #1a1a1a; - } - .panestack-title { - margin: 0 0px 0 -5px; - } - .infobar.newsletterbar { - margin: -7px -5px 7px 0px; - } -} - -.side { - margin: 0; - padding-left: 30px; - background: 0 0; -} - -.side:after { - content: "/r/ClearShift theme"; - font-size: large; - color: #1a1a1a; - margin-left: 50px; -} - -.side .md h2 { - margin-top: 1.4em; - font-size: 1.4em; -} - -.side .md h3 { - font-size: 1.2em; - color: #555; - margin: 2em 0 0.2em; -} - -.side .md h4 { - color: #888; - margin-bottom: 1.5em; -} - -.side .md p { - margin: 0.5em 0; -} - -.side .md p a { - margin: 0 .2em; - font-size: 1.1em; -} - -.side .md p a:first-child { - margin-left: 0; -} - -.side .md h1, -.side .md h2, -.side .md h3, -.side .md h4 { - color: #fff; - font-size: 13px; - font-weight: 400; -} - -.side .md h1:after, -.side .md h2:after, -.side .md h3:after, -.side .md h4:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -24px; -} - -.side .md h1 a, -.side .md h2 a, -.side .md h3 a, -.side .md h4 a { - color: #fff; - font-size: 13px; -} - -.side .md h1 { - color: #fff; - font-size: 13px; -} - -.side .md h1 a { - color: #fff; - font-size: 13px; -} - -.side .titlebox div.subButtons, -.side .titlebox h1.redditname + div, -.side .titlebox > .fancy-toggle-button { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 8pt; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -.side .titlebox div.subButtons, -.side .titlebox h1.redditname + div, -.side .titlebox > .fancy-toggle-button { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -.side .titlebox div.subButtons, -.side .titlebox > .fancy-toggle-button { - width: 269.3px; -} - -.side .titlebox > .fancy-toggle-button { - display: block !important; -} - -.side div.titlebox ul { - list-style-type: none; - margin: 0; - padding: 0; -} - -.side .subscribe-button .add { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -@-webkit-keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -@-moz-keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -@keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -.titlebox h1:after, -.sidecontentbox .title:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -24px; -} - -div.side div.tagline { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -div.side form.flairtoggle, div.side form.leavecontributor-button { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -div.side span.subscribers { - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; - padding: 7px 10px 10px; - display: block !important; - padding-top: 5px; - padding-bottom: 10px; - border-top: none; -} - -div.side span.subscribers span { - vertical-align: middle; -} - -div.side span.subscribers span.number:before { - background: url(%%spritesheet%%) -192px -5px; - display: block; - float: left; - width: 20px; - height: 20px; - content: ""; - margin-right: 5px; - margin-top: -3px; -} - -div.side div.tagline { - display: block !important; -} - -div.side form.flairtoggle { - display: block; -} - -div.side div.leavemoderator { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side form.flairtoggle { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side p.users-online { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side div.tagline { - padding-top: 0; - border-top: none; -} - -.morelink { - border: 1px solid #1a1a1a; - background: #1a1a1a; - width: 145px; - margin-right: 5px; - transition: all 0.5s; - box-sizing: border-box; -} - -.morelink a { - color: #fff; - font-family: "Segoe UI", Helvetica, sans-serif; - font-weight: 400; - letter-spacing: 0; - font-size: 0.9em; -} - -.morelink:hover { - background: #0078D7; - border-color: #0078D7; -} - -.morelink:hover a { - color: #fff; - border-color: #0078D7; -} - -.morelink .nub { - display: none; -} - -.submit .morelink { - float: left; -} - -.submit-page .titlebox h1 { - margin-top: 0 !important; -} - -.redditname { - margin-top: 53px !important; -} - -.reddit-link { - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 1em; - margin-right: 5px; -} - -.icon-menu li { - display: block; - margin: 0; - padding: 7px 10px 10px !important; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - margin-right: 5px !important; -} - -.search-page .side .spacer { - margin: 10px 0; -} - -.sidebox.create { - display: none !important; -} - -.helplink ~ .content .author[href*=AutoModerator], .helplink ~ .content .author[href*=flair_your_post_bot] { - display: none; -} - -.helplink ~ .content .author:after { - content: '- Moderator'; - font-size: 0.945em; - margin-left: 5px; - color: #1a1a1a; -} - -.helplink ~ .content .flair { - display: none; -} - -.linkinfo { - background-color: transparent; -} - -.sidecontentbox .helplink + .title h1 { - font-size: 0; -} - -.sidecontentbox .helplink + .title h1:before { - font-size: 13px !important; - content: "Moderators team"; - text-transform: capitalize; -} - -.helplink ~ .content .author .helplink ~ .content .author:hover { - color: #0078D7; -} - -.sidecontentbox .content .linkflairlabel { - display: none; -} - -div.titlebox .md h3:hover + ul { - display: block; -} - -div.titlebox .md ul li strong:first-child, div.titlebox .md ul:hover { - display: block; -} - -div.titlebox .md ul li { - border: none; - margin-right: 5px; -} - -.sidecontentbox .content a.author, -.sidecontentbox .more { - display: block; - margin: 0; - padding: 7px 10px 10px !important; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 0.945em; - margin-right: 5px !important; -} - -.sidecontentbox .content a.author:hover, -.sidecontentbox .more:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -.sidecontentbox .content { - border: none; - padding: 0; -} - -.sidecontentbox .more { - text-align: center; -} - -.sidecontentbox .more a { - color: #369; -} - -.icon-menu li:hover, -.reddit-link:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -div.titlebox .md ul li { - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 0.945em; -} - -div.titlebox .md ul li:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -div.titlebox div.styleToggle, -div.titlebox span.fancy-toggle-button a.active { - padding: 5px 10px; - background-color: #0078D7; - color: #fff; - font-size: 8pt; - display: block !important; - background-image: none; - border-radius: 0; - font-weight: 400; - margin: 0; - border: none; -} - -div.titlebox div.styleToggle { - background-color: #1a1a1a; - line-height: 20px; -} - -div.titlebox div.styleToggle input, -div.titlebox div.styleToggle label { - vertical-align: middle; - margin: 0; -} - -div.titlebox span.fancy-toggle-button a.active.add:hover, div.titlebox span.fancy-toggle-button a.active.remove { - background-color: #1a1a1a; -} - -div.titlebox span.fancy-toggle-button a.active.remove:before { - content: ""; - padding-right: 5px; -} - -div.titlebox span.fancy-toggle-button a.active.remove:hover:after { - content: "=("; - font-style: italic; - padding-left: 5px; -} - -div.titlebox span.fancy-toggle-button a.active.add:before { - content: "+"; - padding-right: 5px; - color: #fff; -} - -#RESShortcutsAdd, -#RESShortcutsLeft, -#RESShortcutsRight, -#RESShortcutsSort, -#RESShortcutsTrash { - width: 17px !important; -} - -.sidecontentbox .content a.author { - display: block; - margin: 0; - padding: 3px 0; -} - -.sidecontentbox .content a.author:hover { - color: #0078D7; -} - -#searchexpando { - padding: 10px; - border: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 8pt; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; - width: 273px !important; - border-left: 1px solid #d7ecff; -} - -#search input[type=text] { - width: 295px !important; - border-color: #1a1a1a; -} - -.sidecontentbox .title { - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; -} - -div.titlebox .md h3:before { - content: "+"; - color: #fff; - padding-right: 5px; -} - -div.titlebox .md h2, -div.titlebox .md h3, -div.titlebox .md h4 { - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - font-weight: 400; - cursor: default; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; -} - -div.titlebox h1 { - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; - font-size: 13px; -} - -.leavemoderator, -.users-online, -.leavecontributor-button { - display: none; -} - -.sidecontentbox a.helplink { - margin-right: 5px; -} - -.icon-menu a { - background: 0 0; -} - -.titlebox .bottom { - border: none; -} - -.titlebox h1 a, -.pagename a { - color: #FFF; -} - -#RESShortcutsAdd, -#RESShortcutsEditContainer, -#RESShortcutsLeft, -#RESShortcutsRight, -#RESShortcutsSort, -#RESShortcutsTrash { - background-color: transparent !important; -} - -#RESShortcutsAdd:hover, -#RESShortcutsEditContainer:hover, -#RESShortcutsLeft:hover, -#RESShortcutsRight:hover, -#RESShortcutsSort:hover, -#RESShortcutsTrash:hover { - color: #f0f0f0 !important; -} - -.titlebox .md h3 + ul:hover, -.titlebox .md h3:hover + ul { - max-height: 600px; -} - -div.titlebox .md h3 + ul { - display: block; - transition: 1.8s max-height ease-out; - overflow: hidden; - max-height: 0; -} - -div.titlebox .md h3:hover + ul { - transition: .8s max-height ease-out; -} - -div.commentarea .infobar p { - background: #0078D7; - padding: 10px; - margin: -5px -5px -5px 10px; -} - -.linkinfo { - padding: 0; - border: none; -} - -.linkinfo .score, -.linkinfo .shortlink { - color: #494949; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 8pt; - margin-right: 5px; -} - -.linkinfo .score { - padding: 7px 10px; - margin-top: 10px; -} - -.linkinfo .shortlink { - display: block; - font-weight: 600; - text-transform: capitalize; - margin-top: 0; - padding: 7px 10px 10px; -} - -.date { - position: relative; -} - -.date:before { - content: "Date "; - display: block; - color: #fff !important; - text-transform: none; - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - cursor: pointer; - margin-top: 0; - margin-bottom: 6px; - margin-left: -10px; - font: 400 small verdana, arial, helvetica, sans-serif; -} - -.date:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -19px; - margin-top: -32px; -} - -.date span { - display: block; - background-color: #fff; - padding: 7px 0 10px 10px; - border-left: 5px solid #d7ecff; - border-bottom: 1px solid #d7ecff; - margin: -6px 5px -10px 0; - border-right: 1px solid #d7ecff; -} - -.date span, -.date time { - color: #494949; - font-size: 9pt; -} - -.date time { - position: absolute; - top: 50%; - left: 55%; - padding: 9px 0 10px 0; -} - -.totalvotes { - display: block; - background-color: #fff; - color: #494949 !important; - font-weight: 600; - text-transform: capitalize; - margin-top: 0; - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 8pt !important; - margin-right: 5px; -} - -.linkinfo .shortlink input { - height: 10px; - border: none; - width: 181px; - font-size: 13px; -} - -.submit-page .side:before { - content: "Use search before posting"; - font-size: large; - color: #E54661; - margin-left: 27px; -} - -.sidecontentbox a.helplink { - float: none; - margin-top: 4px; - clear: both; - text-align: center; - display: block; - color: #fff; - background: #1a1a1a; - box-sizing: border-box; - margin-bottom: 10px; -} - -.sidecontentbox a.helplink:hover { - background: #0078D7; -} - -.sidecontentbox .title h1, -.sidecontentbox a.helplink { - color: #fff; -} - -.account-activity-box, -.sidecontentbox a.helplink { - font-size: 16px; - padding: 10px; - transition: background-color .5s; - text-transform: capitalize; -} - -.account-activity-box { - display: block !important; - background: #1a1a1a; - margin-right: 5px; -} - -.account-activity-box:hover { - background: #0078D7; -} - -.account-activity-box a { - color: #fff; - padding: 10px 70px; -} - -#header #header-bottom-right { - background: 0 0; - bottom: -18px; - top: auto; - padding: 3px; - height: 59px; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -#header-bottom-right .separator { - display: none; -} - -#header-bottom-right .user { - position: relative; - top: 0; - width: 119px; - padding-left: 42px; - padding-top: 5px; - font-size: 13px; - color: #eaeaea; - line-height: 170%; - background: url(%%spritesheet%%) -110px -289px no-repeat #1a1a1a; - float: left; - border: 2px solid #fff; - cursor: pointer; -} - -#beta-help, -.beta-hint a { - position: absolute !important; -} - -#header-bottom-right .user > a { - text-indent: 4px; - color: #FFF; - display: block; - line-height: 12px; - white-space: nowrap; -} - -#header-bottom-right .user span a { - color: #fff; -} - -#header-bottom-right #mail { - top: 0; - top: 0 !important; - width: 42px; - height: 42px; - display: inline-block; -} - -#header-bottom-right #modmail { - position: absolute; - margin-left: -267px; - top: 3px; - padding-left: 26px; - padding-top: 5px; - background: url(%%spritesheet%%) -224px -72px no-repeat #1a1a1a; - border: 2px solid #fff; -} - -#modmail.havemail { - background: url(%%spritesheet%%) -224px -72px #ff4500 !important; -} - -#header #header-bottom-right #modmail:hover, -#header #header-bottom-right .choice:hover, -#header #header-bottom-right .user:hover { - background-color: #0078D7; -} - -#header #header-bottom-right .logout { - display: inline-block; -} - -#header #header-bottom-right #mail, -#header #header-bottom-right .choice, -#header #header-bottom-right .logout a { - margin-left: 5px; - width: 42px; - width: 42px !important; - height: 42px; - display: inline-block; - text-indent: 50px; - overflow: hidden; - transition: background-color 0.5s; -} - -#header #header-bottom-right #mail.nohavemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #1a1a1a; - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right #mail.havemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #ff4500; -} - -.res #header #header-bottom-right #mail.havemail { - background: url(%%spritesheet%%) 0px -115px no-repeat #ff4500; -} - -#header #header-bottom-right #mail.havemail { - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right .choice { - background: url(%%spritesheet%%) -127px -114px no-repeat #1a1a1a; - border-radius: 1px; - border: 2px solid #fff; -} - -.beta-hint { - opacity: 1; -} - -.beta-hint a { - top: 0; - left: -78px; - color: transparent !important; - background-color: #1a1a1a; - background-image: url(%%spritesheet%%) !important; - background-repeat: no-repeat !important; - background-size: 341px 331px !important; - background-position: -72px -143px !important; - width: 42px; - height: 42px; - border-radius: 1px; - border: 2px solid #fff; - transition: background-color 0.5s; -} - -.beta-hint a:hover { - background-color: green !important; -} - -#beta-help { - background: #FFFFE1 !important; - color: #000 !important; - left: 1200px !important; - top: 170px !important; -} - -.res .beta-hint a { - display: none; -} - -#header #header-bottom-right .logout a { - background: url(%%spritesheet%%) -127px -42px no-repeat #1a1a1a; - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right #mail.havemail, #header #header-bottom-right #mail.nohavemail { - border-bottom: none; -} - -#header #header-bottom-right .choice, -#header #header-bottom-right .logout a { - border-bottom: none; -} - -#header-bottom-right #modmail, -#header-bottom-right .user { - border-bottom: none; -} - -.user .userkarma { - border-bottom: none; -} - -#header #header-bottom-right #mail:hover, -#header #header-bottom-right .choice:hover, -#header #header-bottom-right .user:hover { - background-color: #0078D7; -} - -#header #header-bottom-right .logout a:hover { - text-indent: -99999px; - color: #fff; - background: url(%%spritesheet%%) -127px -42px no-repeat #ce352c; -} - -#openRESPrefs { - position: absolute; - right: 365px; - top: 22px; -} - -#mailCount { - position: absolute; - left: 208px; - top: -2px; - color: #fff; - font-size: 14px; - overflow: hidden; -} - -.message-count { - background: #0078D7; - height: 42px; - font-size: medium; - line-height: 42px !important; - margin-left: -4px; - vertical-align: top; - display: none; -} - -.user .userkarma { - cursor: help; -} - -#RESAccountSwitcherIconOverlay { - display: none !important; -} - -#RESAccountSwitcherIcon { - float: right; - margin-right: 5px; - margin-top: -10px; - background: url(%%spritesheet%%) -264px -5px no-repeat !important; -} - -.side .usertext-body .md ol { - position: absolute; - top: 30px; - right: 0; - margin: 0 30px 0 0; - padding: 0; - z-index: 99; -} - -.md-container-small .md .-text, -.md-container-small .md li, -.md-container-small .md p, -.md-container-small .md pre > code, -.md-container-small .md td, -.md-container-small .md th { - list-style: none; -} - -.side .usertext-body .md ol a[href$="#special"] { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 3s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -.side .md .-text, -.side .md li, -.side .md p, -.side .md pre > code, -.side .md td, -.side .md th { - list-style: none; -} - -.side .usertext-body .md ol a { - background-color: #57b5ff; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - opacity: 0.8; -} - -.side .usertext-body .md ol a:hover { - opacity: 1; -} - -.side .md > ol li a[href$='#special']:after, .side .md > ol li a[href$='#special']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#special'] { - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - transition: opacity .5s; - background-color: #1686f0; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#special']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; - background-color: #1a1a1a; - content: "Event"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#special']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#achieve'] { - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - transition: opacity .5s; - background-color: #28bc07; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#achieve']:hover { - opacity: 1; -} - -.side .md > ol li a[href$='#sticky']:after, .side .md > ol li a[href$='#sticky']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#achieve']:before, .side .usertext-body .md ol a[href$='#sticky']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#achieve']:before { - background-color: #0d9605; - content: "Achievement unlocked"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#sticky'], .side .usertext-body .md ol a[href$='#stickyg'] { - font-weight: 400; - padding: 5px 5px 5px 0; - margin-bottom: 3px; - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - transition: opacity .5s; - text-decoration: none; -} - -.side .usertext-body .md ol a[href$='#sticky'] { - background-color: #1686f0; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#sticky']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#stickyg']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#sticky']:before { - background-color: #1a1a1a; - content: "Sticky"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#stickyg'] { - background-color: #28bc07; - opacity: 0.8; -} - -.side .md > ol li a[href$='#achieve']:after, .side .md > ol li a[href$='#achieve']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .md > ol li a[href$='#update']:after, .side .md > ol li a[href$='#update']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#stickyg']:before, .side .usertext-body .md ol a[href$='#update']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#stickyg']:before { - background-color: #0d9605; - content: "Sticky"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#update'] { - border: 2px solid #fefefe; - background-color: #1686f0; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - opacity: .8; - transition: opacity 0.5s; -} - -.side .usertext-body .md ol a[href$='#update']:before { - background-color: #1a1a1a; - content: "Update"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#update']:hover { - opacity: 1; -} - -.side .md del { - color: #fff; - text-decoration: none; -} - -.md a:hover { - color: #0078D7; -} - -.res-nightmode body, -html[lang^=nm] body { - background: #1a1a1a !important; -} - -.res-nightmode #sr-header-area, -html[lang^=nm] #sr-header-area { - background-color: #0C1722; -} - -.res-nightmode a, -html[lang^=nm] a { - color: #f8f8ff; -} - -.res-nightmode .morelink a, -.res-nightmode a[href*="#Donsiders"], -.res-nightmode a[href*="#btn"], -html[lang^=nm] .morelink a, -html[lang^=nm] a[href*="#Donsiders"], -html[lang^=nm] a[href*="#btn"] { - color: #fff !important; -} - -.res-nightmode .shortlink input, -html[lang^=nm] .shortlink input { - background: #393939; - color: #ddd; -} - -.res-nightmode #previoussearch #moresearchinfo, -.res-nightmode .roundfield label, -.res-nightmode .search-result-body, -.res-nightmode div.side #searchexpando, -.res-nightmode .submit-page .roundfield .title, -.res-nightmode .md, -.res-nightmode .md blockquote, -.res-nightmode .md del, -.res-nightmode .comments-page .usertext-edit div textarea, -html[lang^=nm] #previoussearch #moresearchinfo, -html[lang^=nm] .roundfield label, -html[lang^=nm] .search-result-body, -html[lang^=nm] div.side #searchexpando, -html[lang^=nm] .submit-page .roundfield .title, -html[lang^=nm] .md, -html[lang^=nm] .md blockquote, -html[lang^=nm] .md del, -html[lang^=nm] .comments-page .usertext-edit div textarea { - color: #eee !important; -} - -.res-nightmode .md blockquote, -html[lang^=nm] .md blockquote { - background: rgba(0, 87, 166, 0.24); - border-left: 2px solid #0078D7 !important; - color: #888 !important; -} - -.res-nightmode .md code, -html[lang^=nm] .md code { - border: none !important; - background-color: #393939 !important; - border-radius: 0 !important; - border-left: 3px solid #0078D7 !important; -} - -.res-nightmode .commentingAs, -.res-nightmode .date time, -.res-nightmode .linkinfo .score, -.res-nightmode .linkinfo .shortlink, -.res-nightmode .side .titlebox > .fancy-toggle-button, -.res-nightmode .edit-stylesheet.choice:after, -.res-nightmode .wiki-page .wiki-page-content, -html[lang^=nm] .commentingAs, -html[lang^=nm] .date time, -html[lang^=nm] .linkinfo .score, -html[lang^=nm] .linkinfo .shortlink, -html[lang^=nm] .side .titlebox > .fancy-toggle-button, -html[lang^=nm] .edit-stylesheet.choice:after, -html[lang^=nm] .wiki-page .wiki-page-content { - color: #ddd !important; -} - -.res-nightmode .date span, -.res-nightmode .date time, -html[lang^=nm] .date span, -html[lang^=nm] .date time { - border-bottom: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode #header, -.res-nightmode #newlink-with-image-upload #new-link-preview, -.res-nightmode .account-activity-box, -.res-nightmode .date:before, -.res-nightmode .morelink, -.res-nightmode .nextprev a, -.res-nightmode .titlebox h1, -html[lang^=nm] #header, -html[lang^=nm] #newlink-with-image-upload #new-link-preview, -html[lang^=nm] .account-activity-box, -html[lang^=nm] .date:before, -html[lang^=nm] .morelink, -html[lang^=nm] .nextprev a, -html[lang^=nm] .titlebox h1 { - background: #222 !important; -} - -.res-nightmode #header #header-bottom-right #mail:hover, -.res-nightmode #header #header-bottom-right #modmail:hover, -.res-nightmode #header #header-bottom-right .choice:hover, -.res-nightmode #header #header-bottom-right .logout:hover, -.res-nightmode #header #header-bottom-right .user:hover, -html[lang^=nm] #header #header-bottom-right #mail:hover, -html[lang^=nm] #header #header-bottom-right #modmail:hover, -html[lang^=nm] #header #header-bottom-right .choice:hover, -html[lang^=nm] #header #header-bottom-right .logout:hover, -html[lang^=nm] #header #header-bottom-right .user:hover { - background-color: #393939 !important; -} - -.res-nightmode #header #header-bottom-right .logout a, -.res-nightmode #header #header-bottom-right .nohavemail#mail, -html[lang^=nm] #header #header-bottom-right .logout a, -html[lang^=nm] #header #header-bottom-right .nohavemail#mail { - background-color: transparent !important; - outline: 0 !important; -} - -.res-nightmode #header-bottom-right #modmail, -.res-nightmode #header-bottom-right .choice, -.res-nightmode #header-bottom-right .user, -html[lang^=nm] #header-bottom-right #modmail, -html[lang^=nm] #header-bottom-right .choice, -html[lang^=nm] #header-bottom-right .user { - background-color: transparent !important; - outline: 0 !important; -} - -.res-nightmode #header-bottom-left .tabmenu, -.res-nightmode #header-img, -.res-nightmode #header-img.default-header, -html[lang^=nm] #header-bottom-left .tabmenu, -html[lang^=nm] #header-img, -html[lang^=nm] #header-img.default-header { - background: transparent !important; -} - -.res-nightmode #header-bottom-left .tabmenu, -.res-nightmode .new-comment .usertext-body, -html[lang^=nm] #header-bottom-left .tabmenu, -html[lang^=nm] .new-comment .usertext-body { - background-color: transparent; - border: none; -} - -.res-nightmode .date, -html[lang^=nm] .date { - color: #ddd !important; -} - -.res-nightmode .date::before, -html[lang^=nm] .date::before { - color: #ddd !important; -} - -.res-nightmode .flair, -html[lang^=nm] .flair { - color: #ddd !important; -} - -.res-nightmode .footer, -html[lang^=nm] .footer { - border-right: none !important; - border-top: none; -} - -.res-nightmode .footer div.col a, .res-nightmode .footer::after, -html[lang^=nm] .footer div.col a, -html[lang^=nm] .footer::after { - color: #ddd !important; -} - -.res-nightmode div.side div.tagline, -.res-nightmode div.side form.flairtoggle, -.res-nightmode div.side span.subscribers, -html[lang^=nm] div.side div.tagline, -html[lang^=nm] div.side form.flairtoggle, -html[lang^=nm] div.side span.subscribers { - background: #222 !important; - color: #ddd !important; -} - -.res-nightmode div.titlebox .md ul li, -html[lang^=nm] div.titlebox .md ul li { - background: #222 !important; - color: #ddd !important; -} - -.res-nightmode .sidecontentbox .title, -.res-nightmode .sidecontentbox a.helplink, -html[lang^=nm] .sidecontentbox .title, -html[lang^=nm] .sidecontentbox a.helplink { - background: #222 !important; -} - -.res-nightmode div.titlebox .md h1, -.res-nightmode div.titlebox .md h2, -.res-nightmode div.titlebox .md h3, -.res-nightmode div.titlebox .md h4, -html[lang^=nm] div.titlebox .md h1, -html[lang^=nm] div.titlebox .md h2, -html[lang^=nm] div.titlebox .md h3, -html[lang^=nm] div.titlebox .md h4 { - background: #222 !important; -} - -.res-nightmode #searchexpando, -.res-nightmode .icon-menu li, -.res-nightmode .totalvotes, -.res-nightmode .reddit-link, -.res-nightmode .sidecontentbox .content a.author, -.res-nightmode .sidecontentbox .more, -.res-nightmode .reddit-link, -.res-nightmode .linkinfo .score, -.res-nightmode .linkinfo .shortlink, -.res-nightmode div.titlebox .md ul li, -html[lang^=nm] #searchexpando, -html[lang^=nm] .icon-menu li, -html[lang^=nm] .totalvotes, -html[lang^=nm] .reddit-link, -html[lang^=nm] .sidecontentbox .content a.author, -html[lang^=nm] .sidecontentbox .more, -html[lang^=nm] .reddit-link, -html[lang^=nm] .linkinfo .score, -html[lang^=nm] .linkinfo .shortlink, -html[lang^=nm] div.titlebox .md ul li { - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode #searchexpando:hover, -.res-nightmode .icon-menu li:hover, -.res-nightmode .totalvotes:hover, -.res-nightmode .reddit-link:hover, -.res-nightmode .sidecontentbox .content a.author:hover, -.res-nightmode .sidecontentbox .more:hover, -.res-nightmode .reddit-link:hover, -.res-nightmode .linkinfo .score:hover, -.res-nightmode .linkinfo .shortlink:hover, -.res-nightmode div.titlebox .md ul li:hover, -html[lang^=nm] #searchexpando:hover, -html[lang^=nm] .icon-menu li:hover, -html[lang^=nm] .totalvotes:hover, -html[lang^=nm] .reddit-link:hover, -html[lang^=nm] .sidecontentbox .content a.author:hover, -html[lang^=nm] .sidecontentbox .more:hover, -html[lang^=nm] .reddit-link:hover, -html[lang^=nm] .linkinfo .score:hover, -html[lang^=nm] .linkinfo .shortlink:hover, -html[lang^=nm] div.titlebox .md ul li:hover { - background-color: #393939 !important; - border-left-color: #7cb0d9 !important; -} - -.res-nightmode div.side div.leavemoderator, -.res-nightmode div.side p.users-online, -.res-nightmode div.side span.subscribers, -.res-nightmode div.side form.leavecontributor-button, -.res-nightmode div.side .titlebox div.subButtons, -.res-nightmode div.side .titlebox h1.redditname + div, -.res-nightmode div.side .titlebox > .fancy-toggle-button, -html[lang^=nm] div.side div.leavemoderator, -html[lang^=nm] div.side p.users-online, -html[lang^=nm] div.side span.subscribers, -html[lang^=nm] div.side form.leavecontributor-button, -html[lang^=nm] div.side .titlebox div.subButtons, -html[lang^=nm] div.side .titlebox h1.redditname + div, -html[lang^=nm] div.side .titlebox > .fancy-toggle-button { - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode div.side div.tagline, -.res-nightmode div.side form.flairtoggle, -html[lang^=nm] div.side div.tagline, -html[lang^=nm] div.side form.flairtoggle { - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - border-bottom: none !important; - background: #222 !important; -} - -.res-nightmode .titlebox form.toggle, -html[lang^=nm] .titlebox form.toggle { - background: #222; - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - color: #eee; -} - -.res-nightmode .sitetable .comment .comment, -html[lang^=nm] .sitetable .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment, -html[lang^=nm] .sitetable .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode button, -html[lang^=nm] button { - border: none; - background-color: #222 !important; -} - -.res-nightmode a[href*="#square"]::before, -html[lang^=nm] a[href*="#square"]::before { - border: 3px solid #393939; -} - -.res-nightmode .link, -html[lang^=nm] .link { - border-bottom: 1px solid #2D2E32 !important; - border-right: 1px solid #2D2E32 !important; -} - -.res-nightmode .listing-page .link:hover, -html[lang^=nm] .listing-page .link:hover { - background: #393939 !important; - border-left-color: #a9a9a9 !important; -} - -.res-nightmode div.titlebox .md ul li:hover, -html[lang^=nm] div.titlebox .md ul li:hover { - background-color: #393939 !important; - border-left-color: #7cb0d9 !important; -} - -.res-nightmode div.titlebox .md h1:after, -.res-nightmode div.titlebox .md h2:after, -.res-nightmode div.titlebox .md h3:after, -.res-nightmode div.titlebox .md h4:after, -html[lang^=nm] div.titlebox .md h1:after, -html[lang^=nm] div.titlebox .md h2:after, -html[lang^=nm] div.titlebox .md h3:after, -html[lang^=nm] div.titlebox .md h4:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode div.titlebox h1:after, -.res-nightmode div.titlebox .sidecontentbox .title:after, -html[lang^=nm] div.titlebox h1:after, -html[lang^=nm] div.titlebox .sidecontentbox .title:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode .flairselector, -.res-nightmode .comments-page .usertext-edit div textarea, -.res-nightmode #eu-cookie-policy .reddit-infobar, -.res-nightmode #search input[type=text], -html[lang^=nm] .flairselector, -html[lang^=nm] .comments-page .usertext-edit div textarea, -html[lang^=nm] #eu-cookie-policy .reddit-infobar, -html[lang^=nm] #search input[type=text] { - background-color: #222 !important; - color: #ddd; -} - -.res-nightmode #header-bottom-left .tabmenu li.selected a, -.res-nightmode .link .usertext-body .md, -.res-nightmode .debuginfo, -.res-nightmode .sidecontentbox a.helplink:hover, -.res-nightmode .cookie-infobar.with-icon:before, -.res-nightmode div.titlebox span.fancy-toggle-button a.active.remove, -.res-nightmode .link .score .likes, -.res-nightmode .nextprev a:hover, -.res-nightmode .side .morelink a:hover, -.res-nightmode button:hover, -.res-nightmode .account-activity-box:hover, -html[lang^=nm] #header-bottom-left .tabmenu li.selected a, -html[lang^=nm] .link .usertext-body .md, -html[lang^=nm] .debuginfo, -html[lang^=nm] .sidecontentbox a.helplink:hover, -html[lang^=nm] .cookie-infobar.with-icon:before, -html[lang^=nm] div.titlebox span.fancy-toggle-button a.active.remove, -html[lang^=nm] .link .score .likes, -html[lang^=nm] .nextprev a:hover, -html[lang^=nm] .side .morelink a:hover, -html[lang^=nm] button:hover, -html[lang^=nm] .account-activity-box:hover { - background-color: #393939 !important; -} - -.res-nightmode .comment .usertext .md p > a:visited, -.res-nightmode .md a, -.res-nightmode h2 a:visited, -html[lang^=nm] .comment .usertext .md p > a:visited, -html[lang^=nm] .md a, -html[lang^=nm] h2 a:visited { - color: #3498db; -} - -.res-nightmode ::-webkit-scrollbar, -html[lang^=nm] ::-webkit-scrollbar { - background-color: #393939; -} - -.res-nightmode ::-webkit-scrollbar-thumb, -html[lang^=nm] ::-webkit-scrollbar-thumb { - background-color: #666; - border: 2px solid #333; - transition: background-color 0.5s; -} - -.res-nightmode ::-webkit-scrollbar-thumb:hover, -html[lang^=nm] ::-webkit-scrollbar-thumb:hover { - background-color: #555; - transition: background-color 0.5s; -} - -.res-nightmode ::-webkit-scrollbar-thumb:active, -html[lang^=nm] ::-webkit-scrollbar-thumb:active { - background-color: #bbb; -} - -.res-nightmode ::-webkit-scrollbar-corner, -html[lang^=nm] ::-webkit-scrollbar-corner { - color: #555; -} - -.res-nightmode textarea, -html[lang^=nm] textarea { - color: #000 !important; -} - -.res-nightmode .content, -html[lang^=nm] .content { - margin-bottom: 0; - margin-top: 0; -} - -.res-nightmode input[type=button], .res-nightmode input[type=reset], .res-nightmode input[type=submit], -html[lang^=nm] input[type=button], -html[lang^=nm] input[type=reset], -html[lang^=nm] input[type=submit] { - border: none; -} - -.res-nightmode .side .spacer .titlebox .redditname, -html[lang^=nm] .side .spacer .titlebox .redditname { - border-left-color: #0078D7; -} - -.res-nightmode .gold-accent, -html[lang^=nm] .gold-accent { - background: #1a1a1a; -} - -.res-nightmode .thing .title:visited, -.res-nightmode .thing.visited .title, -html[lang^=nm] .thing .title:visited, -html[lang^=nm] .thing.visited .title { - color: #808c94; -} - -.res-nightmode .thing .title, -html[lang^=nm] .thing .title { - color: #B5C4D0; -} - -.res-nightmode .content.submit .info-notice, -.res-nightmode .submit-page .roundfield, -html[lang^=nm] .content.submit .info-notice, -html[lang^=nm] .submit-page .roundfield { - background-color: #222; - color: #eee; -} - -.res-nightmode #header #header-bottom-right #mail.havemail, -html[lang^=nm] #header #header-bottom-right #mail.havemail { - outline: 0; -} - -.res-nightmode .formtabs-content .infobar, -html[lang^=nm] .formtabs-content .infobar { - border-color: transparent !important; -} - -.res-nightmode .infobar, -html[lang^=nm] .infobar { - border-color: #ff4500 !important; -} - -.res-nightmode span.score, -html[lang^=nm] span.score { - color: #888 !important; -} - -.res-nightmode .comment.spam > .child, -.res-nightmode .message.spam > .child, -.res-nightmode .usertext.grayed .usertext-body, -html[lang^=nm] .comment.spam > .child, -html[lang^=nm] .message.spam > .child, -html[lang^=nm] .usertext.grayed .usertext-body { - background-color: transparent; -} - -.res-nightmode div.commentarea .infobar, -html[lang^=nm] div.commentarea .infobar { - color: #eee; - border: none; -} - -.res-nightmode .comment, -html[lang^=nm] .comment { - border: 1px solid #43474F; -} - -.res-nightmode a[href*='#icon-day'], -html[lang^=nm] a[href*='#icon-day'] { - display: inline-block !important; -} - -.res-nightmode a[href*='#icon-day']::before, -html[lang^=nm] a[href*='#icon-day']::before { - display: inline-block !important; - display: none; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; - background: url(%%spritesheet%%) -85px -294px; -} - -.res-nightmode a[href*='#icon-night'], -html[lang^=nm] a[href*='#icon-night'] { - display: none; -} - -.res-nightmode a[href*="#icon-chat"]::before, -html[lang^=nm] a[href*="#icon-chat"]::before { - background-image: url(%%wincore-2%%); - background-position: -5px -405px; -} - -.res-nightmode a[href*="#icon-feedback"]::before, -html[lang^=nm] a[href*="#icon-feedback"]::before { - background-position: -47px -149px; -} - -.res-nightmode a[href*="#icon-feedback2"]::before, -html[lang^=nm] a[href*="#icon-feedback2"]::before { - background-position: -5px -375px; -} - -.res-nightmode a[href*="#iconz-tips"]::before, -html[lang^=nm] a[href*="#iconz-tips"]::before { - background-position: -234px -47px; -} - -.res-nightmode a[href*="#iconz-updates"]::before, -html[lang^=nm] a[href*="#iconz-updates"]::before { - background-position: -259px -119px; -} - -.res-nightmode a[href*="#iconz-faq"]::before, -html[lang^=nm] a[href*="#iconz-faq"]::before { - background-position: -174px -47px; -} - -.res-nightmode a[href*="#iconz-install"]::before, -html[lang^=nm] a[href*="#iconz-install"]::before { - background-position: -259px -119px; -} - -.res-nightmode a[href*="#iconz-wiki"]::before, -html[lang^=nm] a[href*="#iconz-wiki"]::before { - background-position: -204px -149px; -} - -.res-nightmode #siteTable .thing, -.res-nightmode .link.promotedlink, -html[lang^=nm] #siteTable .thing, -html[lang^=nm] .link.promotedlink { - background: #202020; -} - -.res-nightmode .organic-listing, -html[lang^=nm] .organic-listing { - background: none !important; -} - -.res-nightmode body > .content #siteTable .thing.self .thumbnail, -html[lang^=nm] body > .content #siteTable .thing.self .thumbnail { - background-position: -77px -5px; -} - -.res-nightmode body > .content #siteTable .thing .thumbnail.default, -html[lang^=nm] body > .content #siteTable .thing .thumbnail.default { - background-position: -174px -77px; -} - -.res-nightmode div.side span.subscribers span.number:before, -html[lang^=nm] div.side span.subscribers span.number:before { - background-position: -162px -5px; -} - -.res-nightmode .expando-button.selftext.collapsed, -html[lang^=nm] .expando-button.selftext.collapsed { - background-position: -5px -242px; -} - -.res-nightmode .expando-button.selftext.collapsed:hover, -html[lang^=nm] .expando-button.selftext.collapsed:hover { - background-position: -225px -204px; -} - -.res-nightmode .expando-button.selftext.expanded, -html[lang^=nm] .expando-button.selftext.expanded { - background-position: -65px -204px; -} - -.res-nightmode .expando-button.selftext.expanded:hover, -html[lang^=nm] .expando-button.selftext.expanded:hover { - background-position: -105px -204px; -} - -.res-nightmode .expando-button.video.collapsed, -html[lang^=nm] .expando-button.video.collapsed { - background-position: -85px -242px; -} - -.res-nightmode .expando-button.video.collapsed:hover, -html[lang^=nm] .expando-button.video.collapsed:hover { - background-position: -45px -242px; -} - -.res-nightmode .expando-button.video.expanded, -html[lang^=nm] .expando-button.video.expanded { - background-position: -65px -204px; -} - -.res-nightmode .expando-button.video.expanded:hover, -html[lang^=nm] .expando-button.video.expanded:hover { - background-position: -105px -204px; -} - -.res-nightmode .date:after, -html[lang^=nm] .date:after { - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode .date span, -html[lang^=nm] .date span { - border-left: 5px solid #393939 !important; - color: #ddd; - border-right-color: #393939; -} - -.res-nightmode .date time, -html[lang^=nm] .date time { - border-right: 1px solid #393939 !important; -} - -.res-nightmode .link.last-clicked, -html[lang^=nm] .link.last-clicked { - background: #393939 !important; -} - -.res-nightmode .comments-page .link, -html[lang^=nm] .comments-page .link { - border-left: 3px solid transparent; -} - -.res-nightmode .res .RES-keyNav-activeElement { - background-color: #292929 !important; -} - -.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, -.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { - background-color: #292929 !important; -} - -.res-nightmode .RES-keyNav-activeElement { - background-color: #292929 !important; -} - -.res-nightmode .RES-keyNav-activeElement .md-container { - background-color: #292929 !important; -} - -.res-nightmode .arrow.upmod { - background-position: -296px -60px !important; -} - -.res-nightmode .arrow.down { - background-position: -321px -60px !important; -} - -.res-nightmode .arrow.up { - background-position: -289px -194px !important; -} - -.res-nightmode .arrow.downmod { - background-position: -271px -60px !important; -} - -.res-nightmode .side .titlebox > .fancy-toggle-button { - background: #222 !important; - color: #ddd !important; -} - -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { - background-color: transparent !important; -} - -.res #sr-header-area #srDropdownContainer a:hover { - opacity: 1; -} - -.res .comment .midcol { - margin-left: 20px; -} - -.res .comment .new-comment { - border: 2px solid #FFAB91 !important; - border-radius: 0px !important; -} - -.res #sr-header-area #srDropdownContainer a { - width: 35px; - height: 23px; - padding: 0; - margin: 0; - display: block; - background: url(%%spritesheet%%) -225px -252px no-repeat; - line-height: 35px; - text-indent: -999em; -} - -.res .RES-keyNav-activeElement, -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .noncollapsed .RES-keyNav-activeElement.entry { - background-color: 0 0 !important; -} - -.res .RESDashboardToggle, -.res .RESshortcutside { - background: 0 0; - border: none; - font-weight: 400; - text-transform: uppercase; -} - -.res .sitetable .sitetable { - margin-right: 0; -} - -.RESSubscriptionButton { - color: #fff !important; - border-radius: 1px !important; - background-color: transparent !important; -} - -.RESSubscriptionButton { - border: none !important; -} - -#RESAnnouncementAlert, -#userbarToggle, -.multi-count, -.sidecontentbox .content .RESUserTagImage::after, -.res .sidebox.create, -.res .message-count, -.res .side .userTagLink { - display: none !important; -} - -#RESSettingsButton { - right: 20px; - top: 3px; -} - -#RESStaticShortcuts { - line-height: 25px; -} - -.footer { - border-bottom: 1px solid #1a1a1a; - padding: 0; - border-left: 1px solid #1a1a1a; -} - -.footer::after { - border-bottom: 1px solid #1a1a1a; - display: block; - margin-top: 0; - padding: 10px; - padding-top: 8px !important; - color: #000; - content: "Designed by /u/Jaskys"; - font-size: 16px; - font-family: "Segoe UI", Helvetica, sans-serif; - border-top: 34px solid #1a1a1a; - border-right: 1px solid #1a1a1a; - margin-bottom: -1.1px; - width: 90px; -} - -.footer div.col { - position: relative; - margin: 0; - padding: 0; - width: 176px; - height: auto; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -.footer div.col .title { - font-size: 16px; - text-transform: capitalize; - padding: 8px; - color: #fff; - background: #1a1a1a; - max-height: 18px; -} - -.footer div.col a { - display: block; - margin: 5px; - padding: 3px 4px 3px 7px; - color: #000; -} - -.footer div.col a:hover { - color: #000; - text-decoration: none; - background: #fff; -} - -.footer p.bottommenu { - font-weight: 700; - color: #FFF; - clear: left; - padding: 6px; -} - -.footer p.bottommenu a { - font-weight: 700; - color: #FFF; -} - -.footer .col { - border-left: none !important; -} - -.debuginfo { - background: #F6F6F6; -} - -.rounded { - border-radius: 0; -} - -.flat-vert { - text-align: center; -} - -.titlebox h1.redditname a { - font-size: 0; -} - -.titlebox h1.redditname a:after { - content: "Windows"; - color: #fff; - font: 400 small verdana, arial, helvetica, sans-serif; -} - -#header .redditname a { - font-size: 0; - background: url(%%wincore-2%%) -5px -5px no-repeat; - margin-left: 10px; - height: 100px; - display: block; - position: absolute; - top: 30px; -} - -#header .redditname a:hover { - background: url(%%wincore-2%%) -5px -115px no-repeat !important; - text-decoration: none; -} - -#header .redditname a:after { - content: "Windows"; - font-size: 70px; - font-weight: lighter; - color: #ECF0F1; - font-family: "Segoe UI Light", Helvetica, sans-serif; - letter-spacing: .05em; - margin-left: 100px; - line-height: 100px; - font-variant: normal; - transition: background-color 0.5s; -} - -.flair-mod, -.flair-msft { - border: none; - background: 0 0; - font-weight: 700; -} - -.flair-mod:before, -.flair-msft:before { - content: "- "; -} - -.sidecontentbox .flair-mod { - display: none; -} - -.flair-mod { - color: #00a64f; -} - -.linklisting .flair-msft:after { - display: none; -} - -.flair-msft { - height: 16px; - line-height: 16px; - color: #0078D7; - padding: 0; -} - -.flair-msft:after { - content: "Microsoft Employee"; - position: absolute; - top: -0.7px; - right: -1px; - bottom: -1px; - left: -1px; - text-align: right; - padding: .25em .5em; - border: 3px solid #8bb9e2; - pointer-events: none; -} - -.author[href$=Adam-MSFT], .author[href$=Dave_MSFT], .author[href$=DrPreppy], .author[href$=EKILBO], .author[href$=Giffdev], .author[href$=James-MSFT], .author[href$=KritiMSFT], .author[href$=MailmanOdd], .author[href$=MasterDevwi], .author[href$=MsftHealthWill], .author[href$=NorthFaceHiker], .author[href$=Psychlist1972], .author[href$=Sawan-Msft], .author[href$=Sawan-MSFT], .author[href$=StephA_MSFT], .author[href$=Zev_MSFT], .author[href$=adam_msft], .author[href$=anaotero-MSFT], .author[href$=anbutle], .author[href$=anthonykinseymsft], .author[href$=bbyboi], .author[href$=bitcrazed], .author[href$=bloodytemplar], .author[href$=devbent], .author[href$=donaMSFT], .author[href$=jenmsft], .author[href$=Sean_MSFT], .author[href$=jeremy_msft], .author[href$=johnwinkmsft], .author[href$=josh_msft], .author[href$=kylealden], .author[href$=maheshrd], .author[href$=mike_msft], .author[href$=msftbanddev], .author[href$=msftbilly], .author[href$=mvaneerde], .author[href$=ooeygui], .author[href$=samersaw], .author[href$=sjarawan], .author[href$=stefohneee], .author[href$=toma_msft], .author[href$=vpmsft], .author[href$=xander-msft], .author[href$=zac_l], .author[href$=craigbarkhouse], .author[href$=elvenharps], .author[href$=nerdile], .author[href$=einarmsft], .author[href$=yosefdurr], .author[href$=Travis_MSFT], .author[href$=caithartMSFT], .author[href$=ClayMSFT] { - color: #0078D7; - font-weight: 700; -} - -.author[href$=ildun], .author[href$=Katsuga50] { - color: #e67e22; - font-weight: 700; -} - -.flair-wiki { - color: #e67e22; - font-weight: 700; - height: 16px; - line-height: 16px; - border: none; - background: 0 0; - padding: 0; -} - -.flair-wiki:before { - content: "- "; -} - -html:lang(nh) .linkflair-bug, -html:lang(nh) .linkflair-help { - display: none !important; -} - -.flairselector { - background-color: #fff; -} - -.linkflair-help .linkflairlabel { - background-color: #FF6138; - border-color: #FF6138; -} - -.linkflair-solved .linkflairlabel { - background-color: #008a00; - border-color: #008a00; -} - -.linkflair-unresolved .linkflairlabel { - background-color: #FF7D4D; - border-color: #FF7D4D; -} - -.linkflair-bug .linkflairlabel { - background-color: #ce352c; - border-color: #ce352c; -} - -.linkflair-update .linkflairlabel { - background-color: #0078D7; - border-color: #0078D7; -} - -.linkflair-feature .linkflairlabel { - background-color: #00aba9; - border-color: #00aba9; -} - -.linkflair-discussion .linkflairlabel { - background-color: #ff9e00; - border-color: #ff9e00; -} - -.linkflair-hardware .linkflairlabel { - background-color: #f0a30a; - border-color: #f0a30a; -} - -.linkflair-tip .linkflairlabel { - background-color: #468966; - border-color: #468966; -} - -.linkflair-meta .linkflairlabel { - background-color: #4390df; - border-color: #4390df; -} - -.linkflair-app .linkflairlabel { - background-color: #bf5a15; - border-color: #bf5a15; -} - -.linkflair-gaming .linkflairlabel { - background-color: #107c10; - border-color: #107c10; -} - -.linkflair-question .linkflairlabel { - background-color: #008a00; - border-color: #008a00; -} - -.linkflair-news .linkflairlabel { - background-color: #F2385A; - border-color: #F2385A; -} - -.linkflair-official .linkflairlabel { - background-color: #2086bf; - border-color: #2086bf; -} - -.linkflair-oc .linkflairlabel { - background-color: #76608a; - border-color: #76608a; -} - -.linkflair-concept .linkflairlabel { - background-color: #14B6F5; - border-color: #14B6F5; -} - -.linkflair-request .linkflairlabel { - background-color: #00aba9; - border-color: #00aba9; -} - -.side a[href*='#update'], .side a[href*='#official'], .side a[href*='#news'], .side a[href*='#help'], .side a[href*='#solved'], .side a[href*='#unresolved'], .side a[href*='#bug'], .side a[href*='#feature'], .side a[href*='#discussion'], .side a[href*='#hardware'], .side a[href*='#tip'], .side a[href*='#meta'], .side a[href*='#gaming'], .side a[href*='#app'], .side a[href*='#original%20content'], .side a[href*='#concept'], .side a[href*='#request'], .side a[href*='#question'], .side a[href*='#hideflair'], .side a[href*='#hidehelp'] { - display: inline-block; - position: relative; - text-align: center; - font-size: 80%; - padding: 3px 10px; - color: #fff; - margin: 3px; -} - -.side a[href*='#official'] { - background: #2086bf; -} - -.side a[href*='#news'] { - background: #F2385A; -} - -.side a[href*='#help'] { - background: #FF6138; -} - -.side a[href*='#solved'] { - background: #008a00; -} - -.side a[href*='#unresolved'] { - background: #FF7D4D; -} - -.side a[href*='#bug'] { - background: #ce352c; -} - -.side a[href*='#update'] { - background: #81003c; -} - -.side a[href*='#feature'] { - background: #00aba9; -} - -.side a[href*='#discussion'] { - background: #bf5a15; -} - -.side a[href*='#hardware'] { - background: #f0a30a; -} - -.side a[href*='#tip'] { - background: #468966; -} - -.side a[href*='#meta'] { - background: #4390df; -} - -.side a[href*='#gaming'] { - background: #76608a; -} - -.side a[href*='#app'] { - background: #bf5a15; -} - -.side a[href*='#original%20content'] { - background: #0B9C67; -} - -.side a[href*='#concept'] { - background: #14B6F5; -} - -.side a[href*='#request'] { - background: #00aba9; -} - -.side a[href*='#question'] { - background: #008a00; -} - -.side a[href*='#hideflair'], .side a[href*='#hidehelp'] { - background: #E42608; -} - -.side a[href*='#update']:hover, .side a[href*='#official']:hover, .side a[href*='#news']:hover, .side a[href*='#help']:hover, .side a[href*='#solved']:hover, .side a[href*='#unresolved']:hover, .side a[href*='#bug']:hover, .side a[href*='#feature']:hover, .side a[href*='#discussion']:hover, .side a[href*='#hardware']:hover, .side a[href*='#tip']:hover, .side a[href*='#meta']:hover, .side a[href*='#gaming']:hover, .side a[href*='#app']:hover, .side a[href*='#original%20content']:hover, .side a[href*='#concept']:hover, .side a[href*='#request']:hover, .side a[href*='#question']:hover, .side a[href='']:hover { - opacity: 0.8; -} - -.flair-special { - margin: 0 4px 4px 0; - padding: 0 11px 1px; - border-width: 1px; - border-radius: 1px; - color: #fff; - font-weight: 700; - background-color: #008a00; - border-color: #008a00; -} - -.linkflairlabel { - margin: 0 4px -2px 0; - padding: 0 4px 1px; - vertical-align: -2px; - color: #fff; - font-weight: 400; - font-size: 10px; - font-family: "Segoe UI", Helvetica, sans-serif; - pointer-events: none; - border-width: 3px; - border-radius: 1px; - pointer-events: none; -} - -.linkflairlabel:lang(nf) { - display: none; -} - -.linkflair-discussion { - border-left: 3px solid #ff9e00 !important; - background: rgba(255, 158, 0, 0.1); -} - -.linkflair-tip { - border-left: 3px solid #468966 !important; - background: rgba(70, 137, 102, 0.1); -} - -.linkflair-news { - border-left: 3px solid #F2385A !important; - background: rgba(242, 56, 90, 0.1); -} - -.comments-page .link.linkflair-solved { - display: block; -} - -#header-img.default-header, -a[href*="#icon-day"] { - display: none; -} - -a[href*='#square-app']::before { - background: -187px -5px #bf5a15; - border: 3px solid #e8e8e8; -} - -a[href*='#square-tip']::before { - background: -187px -5px #555; - border: 3px solid #e8e8e8; -} - -a[href*='#square-meta']::before { - background: -187px -5px #4390df; - border: 3px solid #e8e8e8; -} - -a[href*='#square-original']::before { - background: -187px -5px #76608a; - border: 3px solid #e8e8e8; -} - -a[href*='#square-concept']::before { - background: -187px -5px #14B6F5; - border: 3px solid #e8e8e8; -} - -a[href*='#square-solved']::before { - background: -187px -5px #008a00; - border: 3px solid #e8e8e8; -} - -a[href*='#square-hflairs']::before { - background: -187px -5px #1a1a1a; - border: 3px solid #e8e8e8; - border-radius: 50%; -} - -a[href*='#square-hhelp']::before { - background: -187px -5px #0078D7; - border: 3px solid #e8e8e8; - border-radius: 50%; -} - -a[href*='#square'] + .keyNavAnnotation { - display: none; -} - -a[href*='#square-feature']::before, a[href*='#square-request']::before, a[href*='#square-bug']::before, a[href*='#square-official']::before, a[href*='#square-news']::before, a[href*='#square-help']::before, a[href*='#square-update']::before, a[href*='#square-discussion']::before, a[href*='#square-hardware']::before, a[href*='#square-app']::before, a[href*='#square-tip']::before, a[href*='#square-meta']::before, a[href*='#square-original']::before, a[href*='#square-concept']::before, a[href*='#square-solved']::before, a[href*='#square-hflairs']::before, a[href*='#square-hhelp']::before, a[href*='#square-gaming']::before { - display: inline-block; - height: 10px; - width: 10px; - content: ''; - margin: 0 5px -4px 0; -} - -a[href*='#square-']:hover::before { - text-decoration: none; - background: #0078D7; - border-color: #80c2ff; - left: 4px; - top: 8px; - transition: all 0.15s ease; -} - -a[href*='#square-bug']::before { - background: -187px -5px #ce352c; - border: 3px solid #e8e8e8; -} - -a[href*='#square-official']::before { - background: -187px -5px #2086bf; - border: 3px solid #e8e8e8; -} - -a[href*='#square-news']::before { - background: -187px -5px #F2385A; - border: 3px solid #e8e8e8; -} - -a[href*='#square-help']::before { - background: -187px -5px #FF6138; - border: 3px solid #e8e8e8; -} - -a[href*='#square-update']::before { - background: -187px -5px #81003c; - border: 3px solid #e8e8e8; -} - -a[href*='#square-discussion']::before { - background: -187px -5px #ff9e00; - border: 3px solid #e8e8e8; -} - -a[href*='#square-hardware']::before { - background: -187px -5px #f0a30a; - border: 3px solid #e8e8e8; -} - -a[href*='#square-gaming']::before { - background: -187px -5px #107c10; - border: 3px solid #e8e8e8; -} - -a[href*='#square-feature']::before, a[href*='#square-request']::before { - background: -187px -5px #00aba9; - border: 3px solid #e8e8e8; -} - -.side .md blockquote { - padding: 2px 10px 5px; - border-left: 5px solid #f5c684; - background-color: #fef8f1; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 10px; - margin: 0 5px 0 0; - color: #222; -} - -.side .md blockquote:hover { - background-color: #fcecd9; - border-left-color: #f0ad4e; -} - -.side .md blockquote a { - font-size: 11px; -} - -.res-nightmode .side .md blockquote, -html[lang^=nm] .side .md blockquote { - border-left: 5px solid #3B81FB !important; - color: #ddd !important; -} - -a[href$="WindowsMobile#2"] { - position: absolute; - top: 135px; - left: 48px; - color: #ddd !important; - z-index: 99; - border-bottom: 3px solid transparent !important; - text-transform: uppercase; - transition: all .15s ease-in-out; - line-height: 14px; - height: 20px; - padding: 8px 9px 0; - font-size: 11.4px !important; - letter-spacing: 0.1em; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -a[href$="WindowsMobile#2"]:hover { - color: #fff !important; - background: rgba(0, 0, 0, 0.1); - border-color: #fff !important; -} - -a[href*="#Donsiders"], a[href*="#btn"] { - display: inline-block; - border: 1px solid #0081ba; - color: #fff !important; - padding: 10px 13px; - margin: 5px 0; - transition: all 0.5s; - border-radius: 1px; -} - -a[href*="#Donsiders"]:hover, a[href*="#btn"]:hover { - background: #0078D7; - -webkit-transform: translateY(-1px); - -moz-transform: translateY(-1px); - -ms-transform: translateY(-1px); - -o-transform: translateY(-1px); - transform: translateY(-1px); - box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); -} - -a[href*="#Donsiders"] { - background: #009e7e; -} - -a[href*="#Donsiders"]:hover { - background: #0078D7; -} - -a[href*="#btn"] { - background: #0057a6; -} - -a[href*="#square-showflairs"] { - float: right; -} - -a[href*="#square-showflairs"]::before { - display: inline-block; - height: 10px; - width: 10px; - content: ""; - background: -187px -5px #1a1a1a; - border: 3px solid #e8e8e8; - border-radius: 50%; - margin-left: 5px; -} - -a[href*="#square-hflairs"]::after { - content: "or"; - margin-left: 50px; -} - -a[href*="#square-hflairs"]:hover::after { - color: #1a1a1a; -} - -.side .md [href$="#butt"] { - display: inline-block !important; - font-size: 8pt; - border: 2px solid #1a1a1a; - padding: 9px 8px; - transition: background-color .5s; - text-align: center; - color: #1a1a1a; -} - -.side .md [href$="#butt"]:hover { - background: #1a1a1a; - color: #fff; -} - -.side .md > p:first-of-type { - display: none; -} - -.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { - content: "- flair your thread as solved once your problem is resolved"; - margin-left: 6px; - color: #008a00; -} - -.comments-page .link.linkflair-help .flat-list a.flairselectbtn { - color: #0078D7 !important; -} - -.linkflair-solved.link { - display: none; -} - -.search-page .linkflair-solved.link { - display: block; -} - -a[href*='#icon-chat']::before, a[href*='#icon-feedback']::before, a[href*='#icon-night']::before, a[href*='#icon-feedback2']::before { - display: inline-block; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; -} - -a[href*='#icon']:hover { - text-decoration: none; -} - -a[href*='#icon-chat']::before { - background: url(%%spritesheet%%) -5px -204px; -} - -a[href*='#icon-feedback']::before { - background: url(%%spritesheet%%) -35px -204px; -} - -a[href*='#icon-night']::before { - background: url(%%spritesheet%%) -125px -242px; -} - -a[href*='#icon-feedback2']::before { - background: url(%%wincore-2%%) -5px -345px; -} - -a[href*="#icon-more"] { - text-align: center; - display: block; - color: #0078D7; - font-size: 16px; -} - -a[href*='#iconz'] + .keyNavAnnotation { - display: none; -} - -a[href*='#iconz-tips']::before, a[href*='#iconz-updates']::before, a[href*='#iconz-faq']::before, a[href*='#iconz-install']::before, a[href*='#iconz-wiki']::before { - display: inline-block; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; -} - -a[href*='#iconz']:hover { - text-decoration: none; -} - -a[href*='#iconz-tips']::before { - background: url(%%spritesheet%%) -204px -47px; -} - -a[href*='#iconz-faq']::before { - background: url(%%spritesheet%%) -47px -47px; -} - -a[href*='#iconz-updates']::before { - background: url(%%spritesheet%%) -102px -77px; -} - -a[href*='#iconz-install']::before { - background: url(%%spritesheet%%) -229px -119px; -} - -a[href*='#iconz-wiki']::before { - background: url(%%spritesheet%%) -174px -149px; -} - -.link a.thumbnail[href*="blogs.windows.com"] { - background: url(%%spritesheet%%) -234px -149px no-repeat !important; - width: 45px; - height: 45px; - margin: 10px; -} - -.link a.thumbnail[href*="blogs.windows.com"] img { - display: none; -} - -.res-nightmode .subscribers .number:after, -.subscribers .number:after { - content: " insiders waiting for new bits"; -} - -.subscribers .word { - display: none; -} - -.arrow.down { - pointer-events: none; -} - -.subscriber .arrow.down { - pointer-events: initial; -} - -.post-submitter .link:not(.linkflair) .flairselectbtn { - display: block !important; - position: fixed; - bottom: 30px; - height: 63px; - width: 200px; - left: 15px; - z-index: 9999; - font-size: 0px; - line-height: 49px; - font-family: "Segoe UI", Helvetica, sans-serif; - background-image: url(%%flairy%%); - background-position: 6px 26px; - background-repeat: no-repeat; - background-color: #00a64f; - color: #fff; - text-align: center; - padding-left: 24px; - border: 2px solid #0d9605; - transition: opacity .5s; - text-decoration: none; - animation: toasty 500ms forwards; - animation-iteration-count: 1; - font-weight: normal; -} - -.post-submitter .link:not(.linkflair) .flairselectbtn:before { - background: #0d9605; - display: block; - height: 20px; - width: 224px; - position: relative; - font-size: 13px; - content: "Subreddit notification"; - line-height: 18px; - text-align: left; - text-indent: 10px; - left: -24px; - color: #fff; -} - -.post-submitter .link:not(.linkflair) .flairselectbtn:after { - content: "Click here to flair thread" !important; - font-size: 14px; - display: block; - color: #fff; - position: relative; - top: -50px; -} - -.post-submitter .link:not(.linkflair) .flairselectbtn:hover { - border-color: #2dad56; -} - -@keyframes toasty { - 0% { - transform: scale(0.3) rotateY(90deg); - } - 60% { - transform: scale(1.4); - } - 90% { - transform: scale(0.9); - } -} - -#new_modmail { - position: absolute; - left: -75px; -} - -.helplink ~ .content .author[href*=Jaskys]::after { - content: '- Designer'; - font-size: 0.945em; - margin-left: 5px; - color: #1a1a1a; -} - -.flair-jansmall:before { - content: ""; - width: 17px; - height: 20px; - display: inline-block; - background-repeat: no-repeat; - background-image: url(%%jansmall%%); - background-position: -0px -0px; - vertical-align: middle; - margin-right: 2px; -} - -a[href$="WindowsApps#2"] { - position: absolute; - top: 135px; - left: 112px; - color: #ddd !important; - z-index: 99; - border-bottom: 3px solid transparent !important; - text-transform: uppercase; - transition: all .15s ease-in-out; - line-height: 14px; - height: 20px; - padding: 8px 9px 0; - font-size: 11.4px !important; - letter-spacing: 0.1em; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -a[href$="WindowsApps#2"]:hover { - color: #fff !important; - background: rgba(0, 0, 0, 0.1); - border-color: #fff !important; -} - -/* - - Mod tools reason leaver - =================== - - Valid Tokens: - ============= - {subreddit} - The subreddit the post/comment was posted to. - {author} - The author of the link/comment - {kind} - The type of post, either 'submission' or 'comment' - {mod} - The name of the mod removing the post (you) - {title} - The title of the submission - {url} - url to the removed post - - * These tokens will be replaced with the relavent info when the message is sent. - * When the reason is sent via PM, a link to the removed post is added to the bottom of the message. - - - - Spam - Removed - - -*/ +#header{height:165px;background:#F54E7A;border-bottom:none}#header #header-bottom-right #mail.havemail,#header #modmail.havemail{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}#header .hover a:hover,.redditname a:hover:after{color:#fff !important}#header-bottom-left{height:140px}#header-bottom-left .tabmenu{background:rgba(0,0,0,0.2);width:calc(100% - 163px);padding-left:163px;position:absolute;bottom:0;left:0;font-family:"Segoe UI",Helvetica,sans-serif;transition:.5s}#header-bottom-left .tabmenu li{font-weight:400;margin:0}#header-bottom-left .tabmenu li a{background:0 0;color:#ddd;font-size:11.4px;font-family:"Segoe UI",Helvetica,sans-serif;line-height:30px;padding:8px 9px 6px;letter-spacing:0.1em;text-transform:uppercase;transition:all .15s ease-in-out;border-bottom:3px solid transparent !important}#header-bottom-left .tabmenu li a:hover{color:#fff;background:rgba(0,0,0,0.1);border-bottom:3px solid #fff !important}#header-bottom-left .tabmenu li.selected a{background-color:#f06292;border:0;color:#fff;padding-top:7px;font-weight:700;border-bottom:3px solid currentColor !important}#header-bottom-right #modmail,#header-bottom-right .user{height:37px;white-space:nowrap;border-radius:1px;overflow:hidden;transition:background-color 0.5s}#header-img{text-indent:-9999px;display:inline-block;margin-top:112px;position:absolute;z-index:99;height:27px;width:27px;margin-left:4px;padding-right:11px;padding-left:8px;opacity:.8;background-repeat:no-repeat !important;transition:all .15s ease-in-out;border-bottom:3px solid transparent !important}#header-img:hover{opacity:1;background:rgba(0,0,0,0.1);font-weight:500;border-bottom:3px solid #fff !important}#sr-header-area{transition:opacity .3s;opacity:.4;height:24px;background-color:#0C1722;border-bottom:0;letter-spacing:1px;line-height:22px}#sr-header-area:hover{opacity:1}#sr-header-area a{color:#c4c4c4;font-family:"Segoe UI",Helvetica,sans-serif}#sr-header-area .srdrop.dropdown{width:35px;padding:0}#sr-header-area .sr-list{padding-left:8px;border-left:2px solid rgba(196,196,196,0.9);height:24px;line-height:25px}#sr-header-area .srdrop.dropdown .selected{width:35px;height:23px;padding:0;margin:0;display:block;background:url(%%spritesheet%%) -225px -252px no-repeat;line-height:35px;text-indent:-999em}#sr-header-area .srdrop.dropdown .selected:hover{opacity:1}#sr-header-area .drop-choices.srdrop{padding:5px;margin:1px 0 0;background:#222;border:none}#sr-header-area .drop-choices a.choice{color:#AEAEAE}#sr-header-area .drop-choices a.choice:hover{background-color:#333;color:#EEE}#sr-header-area .drop-choices .choice.bottom-option{border-color:#AEAEAE}#sr-more-link,#header [href$="/rising/"],#header [href$="/controversial/"],#header [href$="/ads/"],#suggested-reddits,.voteWeight,.rank,.titlebox .bottom,.submit-page .content h1,.formtabs-content .infobar,a[href*='#icon']+.keyNavAnnotation,a[href*='#/RES_SR_Config/NightModeCompatible']{display:none !important}#url-field button,.submit-page .content button[name=submit]{background:0 0;transition:all .5s;border:1px solid #5cb85c;color:#5cb85c}#url-field button:hover,.submit-page .content button[name=submit]:hover{background:#5cb85c;color:#fff}.submit-page .tabmenu.formtab{margin-bottom:74px}.submit_text.roundfield.enabled{background:#1992FF;position:absolute;top:223px}.submit_text p{color:#eee}button.save,button.submit-action-thing,button.submit-report{background:0 0;transition:background-color .5s;text-transform:capitalize;font-family:"Segoe UI",Helvetica,sans-serif;border:1px solid #5cb85c;color:#5cb85c;padding:0.25rem 0.75rem}button.save:hover,button.submit-action-thing:hover,button.submit-report:hover{background:#5cb85c;color:#fff}button.cancel,button.cancel-action-thing,button.cancel-report-thing{border:1px solid #d9534f;background:0 0;color:#d9534f;padding:.25rem .75rem;text-transform:capitalize;font-family:"Segoe UI",Helvetica,sans-serif;transition:background-color 0.5s}button.cancel-action-thing:hover,button.cancel-report-thing:hover,button.cancel:hover{background:#d9534f;color:#fff}.next-suggestions a,.nextprev a{padding:0 4px;background:0 0;border:none;color:#f06292;text-align:center}.next-suggestions a:hover,.nextprev a:hover{background:#f06292;border:none;color:#fff;outline:0}.btn:active,.gadget .right a:active,.morelink a:active,.sidecontentbox a.helplink:active,button:active,#header #header-bottom-right #mail.havemail:active,#header #header-bottom-right #mail.nohavemail:active,#header #header-bottom-right .choice:active,#header #header-bottom-right .logout a:active,#header-bottom-left .tabmenu li a:active,#header-bottom-right #modmail:active,#header-bottom-right .user:active{background-color:#1686f0 !important}.comment{position:relative;padding:4px 0 0 30px;z-index:1;border:2px solid #e6e6e6;overflow:hidden;margin:0 18px 8px 0}.comment .expand{transition:all .5s;padding:4px 2px;position:absolute;top:0;left:0;bottom:0;padding:4px}.comment .expand:hover{background:#f06292;color:#fff !important;text-decoration:none}.comment.collapsed .tagline{height:21px;line-height:21px}.comment.collapsed .tagline a{line-height:13px}.comment .child,.comment .showreplies{border-left:none}.new-comment{border-color:#FFAB91 !important}.new-comment .expand:hover{background:#ffab91}.new-comment .usertext-body{background-color:transparent;border:none}.tagline .score{font-weight:700}.tagline .likes{color:#F54E7A}.entry .flat-list .reply-button a{color:#F54E7A}.link .domain{visibility:hidden}.link .domain a{visibility:visible;position:relative;top:-1px;color:#b1b1b1}.domain{display:inline-block !important}#siteTable_organic{background:rgba(6,102,178,0.1);margin-right:325px;margin-top:-7px;left:-5px;border-left:3px solid #ff4500;border-right:1px solid rgba(0,0,0,0.1);border-bottom:none;border-top:none}#ad_sponsorship{max-width:295px}.organic-listing .link.promotedlink{margin-left:-1px;border-bottom:1px solid rgba(0,0,0,0.1)}.flairselector{border:1px solid #F54E7A !important}.flairselector .title{font-size:0 !important}.flairselector h2{color:#fff;font-size:13px;background:#F54E7A !important;padding-top:6px;font-weight:lighter !important;text-transform:capitalize;padding-bottom:6px}.flairselector li:hover{background-color:transparent}.flairselector form{border-top:solid 1px #F54E7A;margin-bottom:10px}.flairselector.drop-choices.active{padding:0 !important;box-shadow:none}.flairselector .linkflair{border-left:none !important;background:0 0;width:110px}.flairselector.drop-choices.active{left:40% !important;top:35% !important;position:fixed}.flairoptionpane{max-height:304px}.flairoptionpane li,.flairoptionpane ul{min-width:120px;padding:3px}.comments-page .link .flat-list a.flairselectbtn{color:#F54E7A !important}.nextprev a,.side .usertext-body .md ol a{transition:background-color 0.5s}.submit-page .roundfield{padding:16px;width:525px;background-color:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:0px}.submit-page .roundfield span.title{color:#4d5763;text-transform:capitalize}.submit-page .submit.content#newlink .tabmenu.formtab a{padding:16px;display:inline-block;text-align:center;background-color:#f5f5f5;color:#4d5763;text-transform:uppercase;font-weight:700;transition:all .25s ease;font-size:16px;border:none;width:247.5px}.submit-page .submit.content#newlink .tabmenu.formtab a:hover{background-color:#e7e9f6}.submit-page .submit.content#newlink .tabmenu.formtab .selected a{font-size:16px;background-color:#F54E7A;color:#fff}.submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover{background-color:#f06292}.submit-page #newlink.submit.content .btn{width:558px;height:auto;text-transform:capitalize;font-size:17px;padding:16px;text-align:center}.submit-page #newlink.submit.content .btn:after{content:" your thread";text-transform:none}.formtabs-content{width:520px;border-top:none;margin-top:-15px}form .spacer+.spacer{margin:0}.content.submit .info-notice{background-color:#fff;border-radius:2px;padding:16px;margin-bottom:0;border:1px solid rgba(0,0,0,0.1) !important}.self .expanded ~ .expando .usertext-body{-webkit-animation:700ms expandy ease-in-out forwards;animation:700ms expandy ease-in-out forwards}@-webkit-keyframes expandy{0%{-webkit-transform:translateY(-100px);opacity:0}50%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes expandy{0%{transform:translateY(-100px);opacity:0}50%{transform:translateY(0)}100%{transform:translateY(0);opacity:1}}.expando-button{cursor:pointer;float:left;height:28px;width:30px}.expando-button.selftext.collapsed,.expando-button.selftext.expanded{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed:hover,.expando-button.selftext.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed{background-position:-195px -256px}.expando-button.selftext.collapsed:hover{background-position:-155px -256px}.expando-button.selftext.expanded{background-position:-265px -218px}.expando-button.selftext.expanded:hover{background-position:-305px -218px}.expando-button.video.collapsed{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed:hover{background-image:url(%%spritesheet%%) !important}.expando-button.video.expanded{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed{background-position:-301px -256px}.expando-button.video.collapsed:hover{background-position:-261px -256px}.expando-button.video.expanded{background-position:-265px -218px}.expando-button.video.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat;background-position:-305px -218px}.expando-button.image{cursor:pointer;display:inline-block;height:28px !important;margin-right:11px;padding:0;vertical-align:top !important;width:30px !important}@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2){.expando-button{cursor:pointer;float:left;height:28px;width:30px;background:center center no-repeat #fff;background-size:341px 331px !important}.expando-button.selftext.collapsed,.expando-button.selftext.expanded{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed:hover,.expando-button.selftext.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed{background-position:-195px -256px}.expando-button.selftext.collapsed:hover{background-position:-155px -256px}.expando-button.selftext.expanded{background-position:-265px -218px}.expando-button.selftext.expanded:hover{background-position:-305px -218px}.expando-button.video.collapsed{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed:hover{background-image:url(%%spritesheet%%) !important}.expando-button.video.expanded{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed{background-position:-301px -256px}.expando-button.video.collapsed:hover{background-position:-261px -256px}.expando-button.video.expanded{background-position:-265px -218px}.expando-button.video.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat;background-position:-305px -218px}.expando-button.image{cursor:pointer;display:inline-block;height:28px !important;margin-right:11px;padding:0;vertical-align:top !important;width:30px !important}body>.content #siteTable .thing.self .thumbnail{background-image:url(%%spritesheet%%);background-position:-289px -139px;background-size:341px 331px}}.link .usertext-body .md{border-radius:0 !important;border:1px solid #7cb0d9;background-color:#fff}body>.content #siteTable .thing.self .thumbnail{background-image:url(%%spritesheet%%);width:45px;height:45px;margin:10px 15px 10px 10px;background-repeat:no-repeat !important;background-position:-289px -139px}body>.content #siteTable .thing.stickied .thumbnail{background-image:url(%%spritesheet%%);background-repeat:no-repeat !important;background-position:-289px -84px;margin-right:15px}body>.content #siteTable .thing .thumbnail.default,body>.content #siteTable .thing.over18 .thumbnail{background-image:url(%%spritesheet%%) !important;background-repeat:no-repeat !important;margin:10px 15px 10px 10px;width:45px;height:45px}body>.content #siteTable .thing.stickied .entry>.title .title{color:#00a64f;font-weight:400}body>.content #siteTable .thing.over18 .thumbnail{background-position:-286px -5px !important}body>.content #siteTable .thing .thumbnail.default{background-position:-47px -77px;background-size:341px 331px}.link .title,.submit-page #newlink.submit.content .btn,a[href*="#icon-more"]{font-family:"Segoe UI",Helvetica,sans-serif}.link{padding:10px 0;border-left:3px solid #cec0c0;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,0.1)}.link .title{color:#F54E7A}.link .title:visited{color:#b1b1b1}.link.thing.visited .title{color:#b1b1b1;padding:0 !important}.link.last-clicked{border:0;border-left:3px solid #f06292;background:#f0f8ff}.link .score.likes{color:#f06292}.link .score.dislikes{color:#7f7f7f}.link .flair{font-size:1em}.link .midcol{margin:5px 7px}.nextprev a{padding:5px 0 5px 15px;color:#fff;width:auto;display:block;background:#F54E7A;border-radius:0;font-size:small;margin-top:-12px;margin-right:-1px;margin-left:-5px;text-transform:capitalize}.linklisting .nextprev{font-size:0}.linklisting .stickied{border-left:3px solid #00a64f;background:rgba(0,166,79,0.1)}.linklisting .over18{border-left:3px solid #e2062c;background:rgba(225,6,44,0.1)}.linklisting .md{margin-bottom:0}.linklisting .usertext-edit div textarea{margin-left:-10px}.linklisting .reported{background:rgba(255,0,0,0.1);border-left:3px solid #e2062c}.report-reasons.rounded{display:block !important}.newComments{display:inline;color:#F54E7A}.linkinfo .totalvotes{color:#494949 !important}.arrow{background-image:url(%%spritesheet%%) !important;background-position:center center;outline:0 !important;border:none !important}.arrow.up{background-position:-289px -194px}.arrow.upmod{background-position:-296px -60px}.arrow.down{background-position:-321px -60px}.arrow.downmod{background-position:-271px -60px}.arrow.up:hover,.arrow.down:hover{opacity:0.6}body .linklisting{margin-right:330px;bottom:0;margin-top:-7px;padding:0;border-right:1px solid rgba(0,0,0,0.1)}.entry .buttons li a{padding:0px;font-size:1.145em}.tagline,.search-result-meta{font-size:1.145em}#siteTable .thing{margin-left:-5px !important;transition:all .2s}.listing-page .link:hover{border-left-color:#f06292;background:#f0f8ff}.entry .flat-list .report-button a,.res-nightmode .entry .flat-list .report-button a{color:#d9534f}.reddit-infobar{background:#fff;BORDER:1px solid #d7ecff}.reddit-infobar.with-icon{margin-left:-4px}.reddit-infobar.with-icon:before{background-color:solid #F54E7A;background-repeat:no-repeat}.c-btn-primary{background-color:solid #F54E7A;border-bottom:2px solid #4270a2;color:#fff;border-radius:0}.sitetable .comment{background-color:#FFF !important}.sitetable .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}a.author{margin-right:0.3em}.panestack-title{margin:0 330px 0 -5px;padding:4px 0px;background:#F54E7A;color:#fff;border-bottom:transparent}.panestack-title .title{font-size:1.3em;margin:10px 0 10px 10px}.panestack-title a.title-button{color:#fff !important}.panestack-title a.title-button.gold{background-color:transparent;border:none}.thing.stickied a.title{font-weight:700 !important;font-size:large}.green,.tagline .moderator{color:#00a64f;font-weight:700;padding-left:0;padding-right:1px}.entry .flat-list .approve-button a{color:#00a64f}.tagline .stickied-tagline{color:#00a64f}.tagline a:hover{color:#f06292 !important}.gold-accent{background-color:#F54E7A;border:none;display:inline-block;color:#fff !important}#noresults{padding:10px;margin-right:310px !important;color:#fff;background:#F54E7A;margin-left:5px !important;display:none}.commentarea .infobar{color:#eee;background:#F54E7A;border:none;display:flex}.commentarea .infobar a{color:#eee}.commentarea .infobar p{line-height:8px}.comments-page .sitetable.nestedlisting>.thing.stickied{border-bottom:solid 3px #00a64f;background:rgba(0,166,79,0.1) !important}.comments-page.linkflair-bug .flat-list a.flairselectbtn:after,.comments-page.linkflair-help .flat-list a.flairselectbtn:after{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}.comments-page .usertext-edit div textarea{background:url(%%wincore-2%%) 206px -213px no-repeat #FFF !important;border:1px solid #000 !important;opacity:.8;margin-top:5px;outline:0;display:block;clear:both;margin-bottom:10px}.comments-page .usertext-edit div textarea:focus{background:#FFF !important;opacity:1;border-color:#0078D6 !important}.comments-page .link{border-left:1px solid #c6c6c6 !important}.commentarea .menuarea{margin:5px 310px 5px 5px}.commentarea .md{margin-bottom:0}.md{overflow:visible}.md a{color:#F54E7A}.md code{white-space:normal}.md blockquote{border-left:2px solid #f06292;background-color:#efefed}.usertext.border .usertext-body{background-color:rgba(0,120,213,0.3);width:95%}.wiki-page .pageactions{border-radius:0;border:1px solid #f06292}.wiki-page .pageactions .wikiaction{margin:0 !important;border-radius:0 !important}.wiki-page .pageactions .wikiaction:hover{background-color:#f06292 !important;color:#fff !important}.wiki-page .pageactions .wikiaction-current{background-color:#F54E7A}.wiki-page .wiki-page-content .nextprev a{margin-bottom:12px}ul.tabmenu.formtab{padding-left:0}::selection{background-color:#f06292;color:#fff}.buttons .comments.empty{color:#F54E7A}.leavemoderator,.titlebox form.toggle{color:#000;background:#fff;border-left:5px solid #d7ecff;padding-left:10px;font-size:8pt;margin-right:5px;border-right:1px solid #d7ecff}#baconBit{width:394px !important;height:304px !important;background-image:url(%%res-easter-egg%%) no-repeat !important;transition:all 10s linear !important}.sheets .col textarea{width:98%;background:#1d1f21;color:#ddd !important;height:712px !important;font-family:SourceCodePro-Medium, monospace}.gadget .right a,a[href*="#tech"]{font-family:"Segoe UI",Helvetica,sans-serif;text-align:center}.sheets ::-webkit-scrollbar{background-color:#0f0f0f !important}.sheets ::-webkit-scrollbar-corner,.sheets ::-webkit-scrollbar-thumb{background:#313131 !important}.panestack-title{border-bottom:transparent}.infobar.newsletterbar{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;overflow:hidden;min-height:80px;padding:15px 20px 20px 25px;border:none;border-radius:0;background-color:#30659B;border-left:3px solid #ff4500;margin:-7px 325px 7px 0px;left:-5px}#eu-cookie-policy .reddit-infobar a{color:#222 !important}.leavemoderator{border-color:#393939 !important;background:#222 !important}.gadget .midcol{margin-right:9px}.gadget .right a{background:#F54E7A;padding:5px 10px;margin-right:5px;display:block;color:#fff;font-size:16px;transition:background-color .5s;text-transform:capitalize}.gadget .right a:hover{background:#f06292}span.clear-input-button{color:#fff}#newlink-with-image-upload .clear-input-button{border-radius:0 !important;width:33px !important;height:27px !important;top:0 !important;line-height:26px !important;border:1px solid grey;background:#F54E7A !important;transition:background-color .5s;right:-10px !important}#newlink-with-image-upload .clear-input-button:hover{background:#f06292 !important}#newlink-with-image-upload .image-upload-drop-target{padding:15px !important}#newlink-with-image-upload .file-upload-button{background:#F54E7A;border:none;padding:7px 20px !important;display:block !important;margin:6px -17px -17px !important;transition:background-color 0.5s}#newlink-with-image-upload .file-upload-button:hover{background:#f06292}@media (max-width: 880px){#siteTable_organic{margin-right:-5px}#header-bottom-left .tabmenu{width:calc(100% - 50px);padding-left:50px}.side{display:none}body .linklisting{margin-right:0 !important}.footer::after{display:none !important}.infobar{margin-right:18px}.footer{border-right:1px solid #F54E7A}.panestack-title{margin:0 0px 0 -5px}.infobar.newsletterbar{margin:-7px -5px 7px 0px}}.side{margin:0;padding-left:30px;background:0 0}.side:after{content:"/r/ClearShift theme";font-size:large;color:#F54E7A;margin-left:50px}.side .md h2{margin-top:1.4em;font-size:1.4em}.side .md h3{font-size:1.2em;color:#555;margin:2em 0 0.2em}.side .md h4{color:#888;margin-bottom:1.5em}.side .md p{margin:0.5em 0}.side .md p a{margin:0 .2em;font-size:1.1em}.side .md p a:first-child{margin-left:0}.side .md h1,.side .md h2,.side .md h3,.side .md h4{color:#fff;font-size:13px;font-weight:400}.side .md h1:after,.side .md h2:after,.side .md h3:after,.side .md h4:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-24px}.side .md h1 a,.side .md h2 a,.side .md h3 a,.side .md h4 a{color:#fff;font-size:13px}.side .md h1{color:#fff;font-size:13px}.side .md h1 a{color:#fff;font-size:13px}.side .titlebox div.subButtons,.side .titlebox h1.redditname+div,.side .titlebox>.fancy-toggle-button{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:8pt;border-radius:0;font-weight:400;margin:0 5px 0 0}.side .titlebox div.subButtons,.side .titlebox h1.redditname+div,.side .titlebox>.fancy-toggle-button{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}.side .titlebox div.subButtons,.side .titlebox>.fancy-toggle-button{width:269.3px}.side .titlebox>.fancy-toggle-button{display:block !important}.side div.titlebox ul{list-style-type:none;margin:0;padding:0}.side .subscribe-button .add{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}@-webkit-keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}@-moz-keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}@keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}.titlebox h1:after,.sidecontentbox .title:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-24px}div.side div.tagline{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0}div.side form.flairtoggle,div.side form.leavecontributor-button{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0}div.side span.subscribers{border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0;padding:7px 10px 10px;display:block !important;padding-top:5px;padding-bottom:10px;border-top:none}div.side span.subscribers span{vertical-align:middle}div.side span.subscribers span.number:before{background:url(%%spritesheet%%) -192px -5px;display:block;float:left;width:20px;height:20px;content:"";margin-right:5px;margin-top:-3px}div.side div.tagline{display:block !important}div.side form.flairtoggle{display:block}div.side div.leavemoderator{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side form.flairtoggle{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side p.users-online{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side div.tagline{padding-top:0;border-top:none}.morelink{border:1px solid #F54E7A;background:#F54E7A;width:145px;margin-right:5px;transition:all 0.5s;box-sizing:border-box}.morelink a{color:#fff;font-family:"Segoe UI",Helvetica,sans-serif;font-weight:400;letter-spacing:0;font-size:0.9em}.morelink:hover{background:#f06292;border-color:#f06292}.morelink:hover a{color:#fff;border-color:#f06292}.morelink .nub{display:none}.submit .morelink{float:left}.submit-page .titlebox h1{margin-top:0 !important}.redditname{margin-top:53px !important}.reddit-link{padding:7px 10px 10px;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:1em;margin-right:5px}.icon-menu li{display:block;margin:0;padding:7px 10px 10px !important;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;margin-right:5px !important}.search-page .side .spacer{margin:10px 0}.sidebox.create{display:none !important}.helplink ~ .content .author[href*=AutoModerator],.helplink ~ .content .author[href*=flair_your_post_bot]{display:none}.helplink ~ .content .author:after{content:'- Moderator';font-size:0.945em;margin-left:5px;color:#F54E7A}.helplink ~ .content .flair{display:none}.linkinfo{background-color:transparent}.sidecontentbox .helplink+.title h1{font-size:0}.sidecontentbox .helplink+.title h1:before{font-size:13px !important;content:"Moderators team";text-transform:capitalize}.helplink ~ .content .author .helplink ~ .content .author:hover{color:#f06292}.sidecontentbox .content .linkflairlabel{display:none}div.titlebox .md h3:hover+ul{display:block}div.titlebox .md ul li strong:first-child,div.titlebox .md ul:hover{display:block}div.titlebox .md ul li{border:none;margin-right:5px}.sidecontentbox .content a.author,.sidecontentbox .more{display:block;margin:0;padding:7px 10px 10px !important;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:0.945em;margin-right:5px !important}.sidecontentbox .content a.author:hover,.sidecontentbox .more:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}.sidecontentbox .content{border:none;padding:0}.sidecontentbox .more{text-align:center}.sidecontentbox .more a{color:#369}.icon-menu li:hover,.reddit-link:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}div.titlebox .md ul li{padding:7px 10px 10px;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:0.945em}div.titlebox .md ul li:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}div.titlebox div.styleToggle,div.titlebox span.fancy-toggle-button a.active{padding:5px 10px;background-color:#f06292;color:#fff;font-size:8pt;display:block !important;background-image:none;border-radius:0;font-weight:400;margin:0;border:none}div.titlebox div.styleToggle{background-color:#F54E7A;line-height:20px}div.titlebox div.styleToggle input,div.titlebox div.styleToggle label{vertical-align:middle;margin:0}div.titlebox span.fancy-toggle-button a.active.add:hover,div.titlebox span.fancy-toggle-button a.active.remove{background-color:#F54E7A}div.titlebox span.fancy-toggle-button a.active.remove:before{content:"";padding-right:5px}div.titlebox span.fancy-toggle-button a.active.remove:hover:after{content:"=(";font-style:italic;padding-left:5px}div.titlebox span.fancy-toggle-button a.active.add:before{content:"+";padding-right:5px;color:#fff}#RESShortcutsAdd,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort,#RESShortcutsTrash{width:17px !important}.sidecontentbox .content a.author{display:block;margin:0;padding:3px 0}.sidecontentbox .content a.author:hover{color:#f06292}#searchexpando{padding:10px;border:1px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:8pt;border-radius:0;font-weight:400;margin:0 5px 0 0;width:273px !important;border-left:1px solid #d7ecff}#search input[type=text]{width:295px !important;border-color:#F54E7A}.sidecontentbox .title{border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;font-weight:400;margin-top:0;margin-bottom:0;margin-left:-10px}div.titlebox .md h3:before{content:"+";color:#fff;padding-right:5px}div.titlebox .md h2,div.titlebox .md h3,div.titlebox .md h4{border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;font-weight:400;cursor:default;margin-top:0;margin-bottom:0;margin-left:-10px}div.titlebox h1{border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;font-weight:400;margin-top:0;margin-bottom:0;margin-left:-10px;font-size:13px}.leavemoderator,.users-online,.leavecontributor-button{display:none}.sidecontentbox a.helplink{margin-right:5px}.icon-menu a{background:0 0}.titlebox .bottom{border:none}.titlebox h1 a,.pagename a{color:#FFF}#RESShortcutsAdd,#RESShortcutsEditContainer,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort,#RESShortcutsTrash{background-color:transparent !important}#RESShortcutsAdd:hover,#RESShortcutsEditContainer:hover,#RESShortcutsLeft:hover,#RESShortcutsRight:hover,#RESShortcutsSort:hover,#RESShortcutsTrash:hover{color:#f0f0f0 !important}.titlebox .md h3+ul:hover,.titlebox .md h3:hover+ul{max-height:600px}div.titlebox .md h3+ul{display:block;transition:1.8s max-height ease-out;overflow:hidden;max-height:0}div.titlebox .md h3:hover+ul{transition:.8s max-height ease-out}div.commentarea .infobar p{background:#f06292;padding:10px;margin:-5px -5px -5px 10px}.linkinfo{padding:0;border:none}.linkinfo .score,.linkinfo .shortlink{color:#494949;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:8pt;margin-right:5px}.linkinfo .score{padding:7px 10px;margin-top:10px}.linkinfo .shortlink{display:block;font-weight:600;text-transform:capitalize;margin-top:0;padding:7px 10px 10px}.date{position:relative}.date:before{content:"Date ";display:block;color:#fff !important;text-transform:none;border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;cursor:pointer;margin-top:0;margin-bottom:6px;margin-left:-10px;font:400 small verdana, arial, helvetica, sans-serif}.date:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-19px;margin-top:-32px}.date span{display:block;background-color:#fff;padding:7px 0 10px 10px;border-left:5px solid #d7ecff;border-bottom:1px solid #d7ecff;margin:-6px 5px -10px 0;border-right:1px solid #d7ecff}.date span,.date time{color:#494949;font-size:9pt}.date time{position:absolute;top:50%;left:55%;padding:9px 0 10px 0}.totalvotes{display:block;background-color:#fff;color:#494949 !important;font-weight:600;text-transform:capitalize;margin-top:0;padding:7px 10px 10px;border-left:5px solid #d7ecff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:8pt !important;margin-right:5px}.linkinfo .shortlink input{height:10px;border:none;width:181px;font-size:13px}.submit-page .side:before{content:"Use search before posting";font-size:large;color:#E54661;margin-left:27px}.sidecontentbox a.helplink{float:none;margin-top:4px;clear:both;text-align:center;display:block;color:#fff;background:#F54E7A;box-sizing:border-box;margin-bottom:10px}.sidecontentbox a.helplink:hover{background:#f06292}.sidecontentbox .title h1,.sidecontentbox a.helplink{color:#fff}.account-activity-box,.sidecontentbox a.helplink{font-size:16px;padding:10px;transition:background-color .5s;text-transform:capitalize}.account-activity-box{display:block !important;background:#F54E7A;margin-right:5px}.account-activity-box:hover{background:#f06292}.account-activity-box a{color:#fff;padding:10px 70px}#header #header-bottom-right{background:0 0;bottom:-18px;top:auto;padding:3px;height:59px;font-family:"Segoe UI",Helvetica,sans-serif}#header-bottom-right .separator{display:none}#header-bottom-right .user{position:relative;top:0;width:119px;padding-left:42px;padding-top:5px;font-size:13px;color:#eaeaea;line-height:170%;background:url(%%spritesheet%%) -110px -289px no-repeat #F54E7A;float:left;border:2px solid #fff;cursor:pointer}#beta-help,.beta-hint a{position:absolute !important}#header-bottom-right .user>a{text-indent:4px;color:#FFF;display:block;line-height:12px;white-space:nowrap}#header-bottom-right .user span a{color:#fff}#header-bottom-right #mail{top:0;top:0 !important;width:42px;height:42px;display:inline-block}#header-bottom-right #modmail{position:absolute;margin-left:-267px;top:3px;padding-left:26px;padding-top:5px;background:url(%%spritesheet%%) -224px -72px no-repeat #F54E7A;border:2px solid #fff}#modmail.havemail{background:url(%%spritesheet%%) -224px -72px #ff4500 !important}#header #header-bottom-right #modmail:hover,#header #header-bottom-right .choice:hover,#header #header-bottom-right .user:hover{background-color:#f06292}#header #header-bottom-right .logout{display:inline-block}#header #header-bottom-right #mail,#header #header-bottom-right .choice,#header #header-bottom-right .logout a{margin-left:5px;width:42px;width:42px !important;height:42px;display:inline-block;text-indent:50px;overflow:hidden;transition:background-color 0.5s}#header #header-bottom-right #mail.nohavemail{background:url(%%spritesheet%%) 0px -114px no-repeat #F54E7A;border-radius:1px;border:2px solid #fff}#header #header-bottom-right #mail.havemail{background:url(%%spritesheet%%) 0px -114px no-repeat #ff4500}.res #header #header-bottom-right #mail.havemail{background:url(%%spritesheet%%) 0px -115px no-repeat #ff4500}#header #header-bottom-right #mail.havemail{border-radius:1px;border:2px solid #fff}#header #header-bottom-right .choice{background:url(%%spritesheet%%) -127px -114px no-repeat #F54E7A;border-radius:1px;border:2px solid #fff}.beta-hint{opacity:1}.beta-hint a{top:0;left:-78px;color:transparent !important;background-color:#F54E7A;background-image:url(%%spritesheet%%) !important;background-repeat:no-repeat !important;background-size:341px 331px !important;background-position:-72px -143px !important;width:42px;height:42px;border-radius:1px;border:2px solid #fff;transition:background-color 0.5s}.beta-hint a:hover{background-color:green !important}#beta-help{background:#FFFFE1 !important;color:#000 !important;left:1200px !important;top:170px !important}.res .beta-hint a{display:none}#header #header-bottom-right .logout a{background:url(%%spritesheet%%) -127px -42px no-repeat #F54E7A;border-radius:1px;border:2px solid #fff}#header #header-bottom-right #mail.havemail,#header #header-bottom-right #mail.nohavemail{border-bottom:none}#header #header-bottom-right .choice,#header #header-bottom-right .logout a{border-bottom:none}#header-bottom-right #modmail,#header-bottom-right .user{border-bottom:none}.user .userkarma{border-bottom:none}#header #header-bottom-right #mail:hover,#header #header-bottom-right .choice:hover,#header #header-bottom-right .user:hover{background-color:#f06292}#header #header-bottom-right .logout a:hover{text-indent:-99999px;color:#fff;background:url(%%spritesheet%%) -127px -42px no-repeat #ce352c}#openRESPrefs{position:absolute;right:365px;top:22px}#mailCount{position:absolute;left:208px;top:-2px;color:#fff;font-size:14px;overflow:hidden}.message-count{background:#f06292;height:42px;font-size:medium;line-height:42px !important;margin-left:-4px;vertical-align:top;display:none}.user .userkarma{cursor:help}#RESAccountSwitcherIconOverlay{display:none !important}#RESAccountSwitcherIcon{float:right;margin-right:5px;margin-top:-10px;background:url(%%spritesheet%%) -264px -5px no-repeat !important}.side .usertext-body .md ol{position:absolute;top:30px;right:0;margin:0 30px 0 0;padding:0;z-index:99}.md-container-small .md .-text,.md-container-small .md li,.md-container-small .md p,.md-container-small .md pre>code,.md-container-small .md td,.md-container-small .md th{list-style:none}.side .usertext-body .md ol a[href$="#special"]{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:3s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}.side .md .-text,.side .md li,.side .md p,.side .md pre>code,.side .md td,.side .md th{list-style:none}.side .usertext-body .md ol a{background-color:#57b5ff;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;opacity:0.8}.side .usertext-body .md ol a:hover{opacity:1}.side .md>ol li a[href$='#special']:after,.side .md>ol li a[href$='#special']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#special']{border:2px solid #fefefe;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;transition:opacity .5s;background-color:#1686f0;opacity:0.8}.side .usertext-body .md ol a[href$='#special']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px;background-color:#F54E7A;content:"Event";color:#fff}.side .usertext-body .md ol a[href$='#special']:hover{opacity:1}.side .usertext-body .md ol a[href$='#achieve']{border:2px solid #fefefe;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;transition:opacity .5s;background-color:#28bc07;opacity:0.8}.side .usertext-body .md ol a[href$='#achieve']:hover{opacity:1}.side .md>ol li a[href$='#sticky']:after,.side .md>ol li a[href$='#sticky']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#achieve']:before,.side .usertext-body .md ol a[href$='#sticky']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#achieve']:before{background-color:#0d9605;content:"Achievement unlocked";color:#fff}.side .usertext-body .md ol a[href$='#sticky'],.side .usertext-body .md ol a[href$='#stickyg']{font-weight:400;padding:5px 5px 5px 0;margin-bottom:3px;border:2px solid #fefefe;display:inline-block;font-size:12px;transition:opacity .5s;text-decoration:none}.side .usertext-body .md ol a[href$='#sticky']{background-color:#1686f0;opacity:0.8}.side .usertext-body .md ol a[href$='#sticky']:hover{opacity:1}.side .usertext-body .md ol a[href$='#stickyg']:hover{opacity:1}.side .usertext-body .md ol a[href$='#sticky']:before{background-color:#F54E7A;content:"Sticky";color:#fff}.side .usertext-body .md ol a[href$='#stickyg']{background-color:#28bc07;opacity:0.8}.side .md>ol li a[href$='#achieve']:after,.side .md>ol li a[href$='#achieve']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .md>ol li a[href$='#update']:after,.side .md>ol li a[href$='#update']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#stickyg']:before,.side .usertext-body .md ol a[href$='#update']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#stickyg']:before{background-color:#0d9605;content:"Sticky";color:#fff}.side .usertext-body .md ol a[href$='#update']{border:2px solid #fefefe;background-color:#1686f0;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;opacity:.8;transition:opacity 0.5s}.side .usertext-body .md ol a[href$='#update']:before{background-color:#F54E7A;content:"Update";color:#fff}.side .usertext-body .md ol a[href$='#update']:hover{opacity:1}.side .md del{color:#fff;text-decoration:none}.md a:hover{color:#f06292}.res-nightmode body,html[lang^=nm] body{background:#1a1a1a !important}.res-nightmode #sr-header-area,html[lang^=nm] #sr-header-area{background-color:#0C1722}.res-nightmode a,html[lang^=nm] a{color:#f8f8ff}.res-nightmode .morelink a,.res-nightmode a[href*="#Donsiders"],.res-nightmode a[href*="#btn"],html[lang^=nm] .morelink a,html[lang^=nm] a[href*="#Donsiders"],html[lang^=nm] a[href*="#btn"]{color:#fff !important}.res-nightmode .shortlink input,html[lang^=nm] .shortlink input{background:#393939;color:#ddd}.res-nightmode #previoussearch #moresearchinfo,.res-nightmode .roundfield label,.res-nightmode .search-result-body,.res-nightmode div.side #searchexpando,.res-nightmode .submit-page .roundfield .title,.res-nightmode .md,.res-nightmode .md blockquote,.res-nightmode .md del,.res-nightmode .comments-page .usertext-edit div textarea,html[lang^=nm] #previoussearch #moresearchinfo,html[lang^=nm] .roundfield label,html[lang^=nm] .search-result-body,html[lang^=nm] div.side #searchexpando,html[lang^=nm] .submit-page .roundfield .title,html[lang^=nm] .md,html[lang^=nm] .md blockquote,html[lang^=nm] .md del,html[lang^=nm] .comments-page .usertext-edit div textarea{color:#eee !important}.res-nightmode .md blockquote,html[lang^=nm] .md blockquote{background:rgba(0,87,166,0.24);border-left:2px solid #f06292 !important;color:#888 !important}.res-nightmode .md code,html[lang^=nm] .md code{border:none !important;background-color:#393939 !important;border-radius:0 !important;border-left:3px solid #f06292 !important}.res-nightmode .commentingAs,.res-nightmode .date time,.res-nightmode .linkinfo .score,.res-nightmode .linkinfo .shortlink,.res-nightmode .side .titlebox>.fancy-toggle-button,.res-nightmode .edit-stylesheet.choice:after,.res-nightmode .wiki-page .wiki-page-content,html[lang^=nm] .commentingAs,html[lang^=nm] .date time,html[lang^=nm] .linkinfo .score,html[lang^=nm] .linkinfo .shortlink,html[lang^=nm] .side .titlebox>.fancy-toggle-button,html[lang^=nm] .edit-stylesheet.choice:after,html[lang^=nm] .wiki-page .wiki-page-content{color:#ddd !important}.res-nightmode .date span,.res-nightmode .date time,html[lang^=nm] .date span,html[lang^=nm] .date time{border-bottom:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode #header,.res-nightmode #newlink-with-image-upload #new-link-preview,.res-nightmode .account-activity-box,.res-nightmode .date:before,.res-nightmode .morelink,.res-nightmode .nextprev a,.res-nightmode .titlebox h1,html[lang^=nm] #header,html[lang^=nm] #newlink-with-image-upload #new-link-preview,html[lang^=nm] .account-activity-box,html[lang^=nm] .date:before,html[lang^=nm] .morelink,html[lang^=nm] .nextprev a,html[lang^=nm] .titlebox h1{background:#222 !important}.res-nightmode #header #header-bottom-right #mail:hover,.res-nightmode #header #header-bottom-right #modmail:hover,.res-nightmode #header #header-bottom-right .choice:hover,.res-nightmode #header #header-bottom-right .logout:hover,.res-nightmode #header #header-bottom-right .user:hover,html[lang^=nm] #header #header-bottom-right #mail:hover,html[lang^=nm] #header #header-bottom-right #modmail:hover,html[lang^=nm] #header #header-bottom-right .choice:hover,html[lang^=nm] #header #header-bottom-right .logout:hover,html[lang^=nm] #header #header-bottom-right .user:hover{background-color:#393939 !important}.res-nightmode #header #header-bottom-right .logout a,.res-nightmode #header #header-bottom-right .nohavemail#mail,html[lang^=nm] #header #header-bottom-right .logout a,html[lang^=nm] #header #header-bottom-right .nohavemail#mail{background-color:transparent !important;outline:0 !important}.res-nightmode #header-bottom-right #modmail,.res-nightmode #header-bottom-right .choice,.res-nightmode #header-bottom-right .user,html[lang^=nm] #header-bottom-right #modmail,html[lang^=nm] #header-bottom-right .choice,html[lang^=nm] #header-bottom-right .user{background-color:transparent !important;outline:0 !important}.res-nightmode #header-bottom-left .tabmenu,.res-nightmode #header-img,.res-nightmode #header-img.default-header,html[lang^=nm] #header-bottom-left .tabmenu,html[lang^=nm] #header-img,html[lang^=nm] #header-img.default-header{background:transparent !important}.res-nightmode #header-bottom-left .tabmenu,.res-nightmode .new-comment .usertext-body,html[lang^=nm] #header-bottom-left .tabmenu,html[lang^=nm] .new-comment .usertext-body{background-color:transparent;border:none}.res-nightmode .date,html[lang^=nm] .date{color:#ddd !important}.res-nightmode .date::before,html[lang^=nm] .date::before{color:#ddd !important}.res-nightmode .flair,html[lang^=nm] .flair{color:#ddd !important}.res-nightmode .footer,html[lang^=nm] .footer{border-right:none !important;border-top:none}.res-nightmode .footer div.col a,.res-nightmode .footer::after,html[lang^=nm] .footer div.col a,html[lang^=nm] .footer::after{color:#ddd !important}.res-nightmode div.side div.tagline,.res-nightmode div.side form.flairtoggle,.res-nightmode div.side span.subscribers,html[lang^=nm] div.side div.tagline,html[lang^=nm] div.side form.flairtoggle,html[lang^=nm] div.side span.subscribers{background:#222 !important;color:#ddd !important}.res-nightmode div.titlebox .md ul li,html[lang^=nm] div.titlebox .md ul li{background:#222 !important;color:#ddd !important}.res-nightmode .sidecontentbox .title,.res-nightmode .sidecontentbox a.helplink,html[lang^=nm] .sidecontentbox .title,html[lang^=nm] .sidecontentbox a.helplink{background:#222 !important}.res-nightmode div.titlebox .md h1,.res-nightmode div.titlebox .md h2,.res-nightmode div.titlebox .md h3,.res-nightmode div.titlebox .md h4,html[lang^=nm] div.titlebox .md h1,html[lang^=nm] div.titlebox .md h2,html[lang^=nm] div.titlebox .md h3,html[lang^=nm] div.titlebox .md h4{background:#222 !important}.res-nightmode #searchexpando,.res-nightmode .icon-menu li,.res-nightmode .totalvotes,.res-nightmode .reddit-link,.res-nightmode .sidecontentbox .content a.author,.res-nightmode .sidecontentbox .more,.res-nightmode .reddit-link,.res-nightmode .linkinfo .score,.res-nightmode .linkinfo .shortlink,.res-nightmode div.titlebox .md ul li,html[lang^=nm] #searchexpando,html[lang^=nm] .icon-menu li,html[lang^=nm] .totalvotes,html[lang^=nm] .reddit-link,html[lang^=nm] .sidecontentbox .content a.author,html[lang^=nm] .sidecontentbox .more,html[lang^=nm] .reddit-link,html[lang^=nm] .linkinfo .score,html[lang^=nm] .linkinfo .shortlink,html[lang^=nm] div.titlebox .md ul li{border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode #searchexpando:hover,.res-nightmode .icon-menu li:hover,.res-nightmode .totalvotes:hover,.res-nightmode .reddit-link:hover,.res-nightmode .sidecontentbox .content a.author:hover,.res-nightmode .sidecontentbox .more:hover,.res-nightmode .reddit-link:hover,.res-nightmode .linkinfo .score:hover,.res-nightmode .linkinfo .shortlink:hover,.res-nightmode div.titlebox .md ul li:hover,html[lang^=nm] #searchexpando:hover,html[lang^=nm] .icon-menu li:hover,html[lang^=nm] .totalvotes:hover,html[lang^=nm] .reddit-link:hover,html[lang^=nm] .sidecontentbox .content a.author:hover,html[lang^=nm] .sidecontentbox .more:hover,html[lang^=nm] .reddit-link:hover,html[lang^=nm] .linkinfo .score:hover,html[lang^=nm] .linkinfo .shortlink:hover,html[lang^=nm] div.titlebox .md ul li:hover{background-color:#393939 !important;border-left-color:#7cb0d9 !important}.res-nightmode div.side div.leavemoderator,.res-nightmode div.side p.users-online,.res-nightmode div.side span.subscribers,.res-nightmode div.side form.leavecontributor-button,.res-nightmode div.side .titlebox div.subButtons,.res-nightmode div.side .titlebox h1.redditname+div,.res-nightmode div.side .titlebox>.fancy-toggle-button,html[lang^=nm] div.side div.leavemoderator,html[lang^=nm] div.side p.users-online,html[lang^=nm] div.side span.subscribers,html[lang^=nm] div.side form.leavecontributor-button,html[lang^=nm] div.side .titlebox div.subButtons,html[lang^=nm] div.side .titlebox h1.redditname+div,html[lang^=nm] div.side .titlebox>.fancy-toggle-button{border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode div.side div.tagline,.res-nightmode div.side form.flairtoggle,html[lang^=nm] div.side div.tagline,html[lang^=nm] div.side form.flairtoggle{border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;border-bottom:none !important;background:#222 !important}.res-nightmode .titlebox form.toggle,html[lang^=nm] .titlebox form.toggle{background:#222;border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;color:#eee}.res-nightmode .sitetable .comment .comment,html[lang^=nm] .sitetable .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment,html[lang^=nm] .sitetable .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode button,html[lang^=nm] button{border:none;background-color:#222 !important}.res-nightmode a[href*="#square"]::before,html[lang^=nm] a[href*="#square"]::before{border:3px solid #393939}.res-nightmode .link,html[lang^=nm] .link{border-bottom:1px solid #2D2E32 !important;border-right:1px solid #2D2E32 !important}.res-nightmode .listing-page .link:hover,html[lang^=nm] .listing-page .link:hover{background:#393939 !important;border-left-color:#a9a9a9 !important}.res-nightmode div.titlebox .md ul li:hover,html[lang^=nm] div.titlebox .md ul li:hover{background-color:#393939 !important;border-left-color:#7cb0d9 !important}.res-nightmode div.titlebox .md h1:after,.res-nightmode div.titlebox .md h2:after,.res-nightmode div.titlebox .md h3:after,.res-nightmode div.titlebox .md h4:after,html[lang^=nm] div.titlebox .md h1:after,html[lang^=nm] div.titlebox .md h2:after,html[lang^=nm] div.titlebox .md h3:after,html[lang^=nm] div.titlebox .md h4:after{display:block;position:absolute;z-index:-1;border-color:transparent #393939 transparent transparent !important}.res-nightmode div.titlebox h1:after,.res-nightmode div.titlebox .sidecontentbox .title:after,html[lang^=nm] div.titlebox h1:after,html[lang^=nm] div.titlebox .sidecontentbox .title:after{display:block;position:absolute;z-index:-1;border-color:transparent #393939 transparent transparent !important}.res-nightmode .flairselector,.res-nightmode .comments-page .usertext-edit div textarea,.res-nightmode #eu-cookie-policy .reddit-infobar,.res-nightmode #search input[type=text],html[lang^=nm] .flairselector,html[lang^=nm] .comments-page .usertext-edit div textarea,html[lang^=nm] #eu-cookie-policy .reddit-infobar,html[lang^=nm] #search input[type=text]{background-color:#222 !important;color:#ddd}.res-nightmode #header-bottom-left .tabmenu li.selected a,.res-nightmode .link .usertext-body .md,.res-nightmode .debuginfo,.res-nightmode .sidecontentbox a.helplink:hover,.res-nightmode .cookie-infobar.with-icon:before,.res-nightmode div.titlebox span.fancy-toggle-button a.active.remove,.res-nightmode .link .score .likes,.res-nightmode .nextprev a:hover,.res-nightmode .side .morelink a:hover,.res-nightmode button:hover,.res-nightmode .account-activity-box:hover,html[lang^=nm] #header-bottom-left .tabmenu li.selected a,html[lang^=nm] .link .usertext-body .md,html[lang^=nm] .debuginfo,html[lang^=nm] .sidecontentbox a.helplink:hover,html[lang^=nm] .cookie-infobar.with-icon:before,html[lang^=nm] div.titlebox span.fancy-toggle-button a.active.remove,html[lang^=nm] .link .score .likes,html[lang^=nm] .nextprev a:hover,html[lang^=nm] .side .morelink a:hover,html[lang^=nm] button:hover,html[lang^=nm] .account-activity-box:hover{background-color:#393939 !important}.res-nightmode .comment .usertext .md p>a:visited,.res-nightmode .md a,.res-nightmode h2 a:visited,html[lang^=nm] .comment .usertext .md p>a:visited,html[lang^=nm] .md a,html[lang^=nm] h2 a:visited{color:#3498db}.res-nightmode ::-webkit-scrollbar,html[lang^=nm] ::-webkit-scrollbar{background-color:#393939}.res-nightmode ::-webkit-scrollbar-thumb,html[lang^=nm] ::-webkit-scrollbar-thumb{background-color:#666;border:2px solid #333;transition:background-color 0.5s}.res-nightmode ::-webkit-scrollbar-thumb:hover,html[lang^=nm] ::-webkit-scrollbar-thumb:hover{background-color:#555;transition:background-color 0.5s}.res-nightmode ::-webkit-scrollbar-thumb:active,html[lang^=nm] ::-webkit-scrollbar-thumb:active{background-color:#bbb}.res-nightmode ::-webkit-scrollbar-corner,html[lang^=nm] ::-webkit-scrollbar-corner{color:#555}.res-nightmode textarea,html[lang^=nm] textarea{color:#000 !important}.res-nightmode .content,html[lang^=nm] .content{margin-bottom:0;margin-top:0}.res-nightmode input[type=button],.res-nightmode input[type=reset],.res-nightmode input[type=submit],html[lang^=nm] input[type=button],html[lang^=nm] input[type=reset],html[lang^=nm] input[type=submit]{border:none}.res-nightmode .side .spacer .titlebox .redditname,html[lang^=nm] .side .spacer .titlebox .redditname{border-left-color:#f06292}.res-nightmode .gold-accent,html[lang^=nm] .gold-accent{background:#F54E7A}.res-nightmode .thing .title:visited,.res-nightmode .thing.visited .title,html[lang^=nm] .thing .title:visited,html[lang^=nm] .thing.visited .title{color:#808c94}.res-nightmode .thing .title,html[lang^=nm] .thing .title{color:#B5C4D0}.res-nightmode .content.submit .info-notice,.res-nightmode .submit-page .roundfield,html[lang^=nm] .content.submit .info-notice,html[lang^=nm] .submit-page .roundfield{background-color:#222;color:#eee}.res-nightmode #header #header-bottom-right #mail.havemail,html[lang^=nm] #header #header-bottom-right #mail.havemail{outline:0}.res-nightmode .formtabs-content .infobar,html[lang^=nm] .formtabs-content .infobar{border-color:transparent !important}.res-nightmode .infobar,html[lang^=nm] .infobar{border-color:#ff4500 !important}.res-nightmode span.score,html[lang^=nm] span.score{color:#888 !important}.res-nightmode .comment.spam>.child,.res-nightmode .message.spam>.child,.res-nightmode .usertext.grayed .usertext-body,html[lang^=nm] .comment.spam>.child,html[lang^=nm] .message.spam>.child,html[lang^=nm] .usertext.grayed .usertext-body{background-color:transparent}.res-nightmode div.commentarea .infobar,html[lang^=nm] div.commentarea .infobar{color:#eee;border:none}.res-nightmode .comment,html[lang^=nm] .comment{border:1px solid #43474F}.res-nightmode a[href*='#icon-day'],html[lang^=nm] a[href*='#icon-day']{display:inline-block !important}.res-nightmode a[href*='#icon-day']::before,html[lang^=nm] a[href*='#icon-day']::before{display:inline-block !important;display:none;height:20px;width:20px;content:'';margin:0 7px -4px 0;background:url(%%spritesheet%%) -85px -294px}.res-nightmode a[href*='#icon-night'],html[lang^=nm] a[href*='#icon-night']{display:none}.res-nightmode a[href*="#icon-chat"]::before,html[lang^=nm] a[href*="#icon-chat"]::before{background-image:url(%%wincore-2%%);background-position:-5px -405px}.res-nightmode a[href*="#icon-feedback"]::before,html[lang^=nm] a[href*="#icon-feedback"]::before{background-position:-47px -149px}.res-nightmode a[href*="#icon-feedback2"]::before,html[lang^=nm] a[href*="#icon-feedback2"]::before{background-position:-5px -375px}.res-nightmode a[href*="#iconz-tips"]::before,html[lang^=nm] a[href*="#iconz-tips"]::before{background-position:-234px -47px}.res-nightmode a[href*="#iconz-updates"]::before,html[lang^=nm] a[href*="#iconz-updates"]::before{background-position:-259px -119px}.res-nightmode a[href*="#iconz-faq"]::before,html[lang^=nm] a[href*="#iconz-faq"]::before{background-position:-174px -47px}.res-nightmode a[href*="#iconz-install"]::before,html[lang^=nm] a[href*="#iconz-install"]::before{background-position:-259px -119px}.res-nightmode a[href*="#iconz-wiki"]::before,html[lang^=nm] a[href*="#iconz-wiki"]::before{background-position:-204px -149px}.res-nightmode #siteTable .thing,.res-nightmode .link.promotedlink,html[lang^=nm] #siteTable .thing,html[lang^=nm] .link.promotedlink{background:#202020}.res-nightmode .organic-listing,html[lang^=nm] .organic-listing{background:none !important}.res-nightmode body>.content #siteTable .thing.self .thumbnail,html[lang^=nm] body>.content #siteTable .thing.self .thumbnail{background-position:-77px -5px}.res-nightmode body>.content #siteTable .thing .thumbnail.default,html[lang^=nm] body>.content #siteTable .thing .thumbnail.default{background-position:-174px -77px}.res-nightmode div.side span.subscribers span.number:before,html[lang^=nm] div.side span.subscribers span.number:before{background-position:-162px -5px}.res-nightmode .expando-button.selftext.collapsed,html[lang^=nm] .expando-button.selftext.collapsed{background-position:-5px -242px}.res-nightmode .expando-button.selftext.collapsed:hover,html[lang^=nm] .expando-button.selftext.collapsed:hover{background-position:-225px -204px}.res-nightmode .expando-button.selftext.expanded,html[lang^=nm] .expando-button.selftext.expanded{background-position:-65px -204px}.res-nightmode .expando-button.selftext.expanded:hover,html[lang^=nm] .expando-button.selftext.expanded:hover{background-position:-105px -204px}.res-nightmode .expando-button.video.collapsed,html[lang^=nm] .expando-button.video.collapsed{background-position:-85px -242px}.res-nightmode .expando-button.video.collapsed:hover,html[lang^=nm] .expando-button.video.collapsed:hover{background-position:-45px -242px}.res-nightmode .expando-button.video.expanded,html[lang^=nm] .expando-button.video.expanded{background-position:-65px -204px}.res-nightmode .expando-button.video.expanded:hover,html[lang^=nm] .expando-button.video.expanded:hover{background-position:-105px -204px}.res-nightmode .date:after,html[lang^=nm] .date:after{border-color:transparent #393939 transparent transparent !important}.res-nightmode .date span,html[lang^=nm] .date span{border-left:5px solid #393939 !important;color:#ddd;border-right-color:#393939}.res-nightmode .date time,html[lang^=nm] .date time{border-right:1px solid #393939 !important}.res-nightmode .link.last-clicked,html[lang^=nm] .link.last-clicked{background:#393939 !important}.res-nightmode .comments-page .link,html[lang^=nm] .comments-page .link{border-left:3px solid transparent}.res-nightmode .res .RES-keyNav-activeElement{background-color:#292929 !important}.res-nightmode .res .commentarea .RES-keyNav-activeElement .md,.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed{background-color:#292929 !important}.res-nightmode .RES-keyNav-activeElement{background-color:#292929 !important}.res-nightmode .RES-keyNav-activeElement .md-container{background-color:#292929 !important}.res-nightmode .arrow.upmod{background-position:-296px -60px !important}.res-nightmode .arrow.down{background-position:-321px -60px !important}.res-nightmode .arrow.up{background-position:-289px -194px !important}.res-nightmode .arrow.downmod{background-position:-271px -60px !important}.res-nightmode .side .titlebox>.fancy-toggle-button{background:#222 !important;color:#ddd !important}.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container{background-color:transparent !important}.res #sr-header-area #srDropdownContainer a:hover{opacity:1}.res .comment .midcol{margin-left:20px}.res .comment .new-comment{border:2px solid #FFAB91 !important;border-radius:0px !important}.res #sr-header-area #srDropdownContainer a{width:35px;height:23px;padding:0;margin:0;display:block;background:url(%%spritesheet%%) -225px -252px no-repeat;line-height:35px;text-indent:-999em}.res .RES-keyNav-activeElement,.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .noncollapsed .RES-keyNav-activeElement.entry{background-color:0 0 !important}.res .RESDashboardToggle,.res .RESshortcutside{background:0 0;border:none;font-weight:400;text-transform:uppercase}.res .sitetable .sitetable{margin-right:0}.RESSubscriptionButton{color:#fff !important;border-radius:1px !important;background-color:transparent !important}.RESSubscriptionButton{border:none !important}#RESAnnouncementAlert,#userbarToggle,.multi-count,.sidecontentbox .content .RESUserTagImage::after,.res .sidebox.create,.res .message-count,.res .side .userTagLink{display:none !important}#RESSettingsButton{right:20px;top:3px}#RESStaticShortcuts{line-height:25px}.footer{border-bottom:1px solid #F54E7A;padding:0;border-left:1px solid #F54E7A}.footer::after{border-bottom:1px solid #F54E7A;display:block;margin-top:0;padding:10px;padding-top:8px !important;color:#000;content:"Designed by /u/Jaskys";font-size:16px;font-family:"Segoe UI",Helvetica,sans-serif;border-top:34px solid #F54E7A;border-right:1px solid #F54E7A;margin-bottom:-1.1px;width:90px}.footer div.col{position:relative;margin:0;padding:0;width:176px;height:auto;font-family:"Segoe UI",Helvetica,sans-serif}.footer div.col .title{font-size:16px;text-transform:capitalize;padding:8px;color:#fff;background:#F54E7A;max-height:18px}.footer div.col a{display:block;margin:5px;padding:3px 4px 3px 7px;color:#000}.footer div.col a:hover{color:#000;text-decoration:none;background:#fff}.footer p.bottommenu{font-weight:700;color:#FFF;clear:left;padding:6px}.footer p.bottommenu a{font-weight:700;color:#FFF}.footer .col{border-left:none !important}.debuginfo{background:#F6F6F6}.rounded{border-radius:0}.flat-vert{text-align:center}.titlebox h1.redditname a{font-size:0}.titlebox h1.redditname a:after{content:"Windows";color:#fff;font:400 small verdana, arial, helvetica, sans-serif}#header .redditname a{font-size:0;background:url(%%wincore-2%%) -5px -5px no-repeat;margin-left:10px;height:100px;display:block;position:absolute;top:30px}#header .redditname a:hover{background:url(%%wincore-2%%) -5px -115px no-repeat !important;text-decoration:none}#header .redditname a:after{content:"Windows";font-size:70px;font-weight:lighter;color:#ECF0F1;font-family:"Segoe UI Light",Helvetica,sans-serif;letter-spacing:.05em;margin-left:100px;line-height:100px;font-variant:normal;transition:background-color 0.5s}.flair-mod,.flair-msft{border:none;background:0 0;font-weight:700}.flair-mod:before,.flair-msft:before{content:"- "}.sidecontentbox .flair-mod{display:none}.flair-mod{color:#00a64f}.linklisting .flair-msft:after{display:none}.flair-msft{height:16px;line-height:16px;color:#0078D7;padding:0}.flair-msft:after{content:"Microsoft Employee";position:absolute;top:-0.7px;right:-1px;bottom:-1px;left:-1px;text-align:right;padding:.25em .5em;border:3px solid #8bb9e2;pointer-events:none}.author[href$=Adam-MSFT],.author[href$=Dave_MSFT],.author[href$=DrPreppy],.author[href$=EKILBO],.author[href$=Giffdev],.author[href$=James-MSFT],.author[href$=KritiMSFT],.author[href$=MailmanOdd],.author[href$=MasterDevwi],.author[href$=MsftHealthWill],.author[href$=NorthFaceHiker],.author[href$=Psychlist1972],.author[href$=Sawan-Msft],.author[href$=Sawan-MSFT],.author[href$=StephA_MSFT],.author[href$=Zev_MSFT],.author[href$=adam_msft],.author[href$=anaotero-MSFT],.author[href$=anbutle],.author[href$=anthonykinseymsft],.author[href$=bbyboi],.author[href$=bitcrazed],.author[href$=bloodytemplar],.author[href$=devbent],.author[href$=donaMSFT],.author[href$=jenmsft],.author[href$=Sean_MSFT],.author[href$=jeremy_msft],.author[href$=johnwinkmsft],.author[href$=josh_msft],.author[href$=kylealden],.author[href$=maheshrd],.author[href$=mike_msft],.author[href$=msftbanddev],.author[href$=msftbilly],.author[href$=mvaneerde],.author[href$=ooeygui],.author[href$=samersaw],.author[href$=sjarawan],.author[href$=stefohneee],.author[href$=toma_msft],.author[href$=vpmsft],.author[href$=xander-msft],.author[href$=zac_l],.author[href$=craigbarkhouse],.author[href$=elvenharps],.author[href$=nerdile],.author[href$=einarmsft],.author[href$=yosefdurr],.author[href$=Travis_MSFT],.author[href$=caithartMSFT],.author[href$=ClayMSFT]{color:#0078D7;font-weight:700}.author[href$=ildun],.author[href$=Katsuga50]{color:#e67e22;font-weight:700}.flair-wiki{color:#e67e22;font-weight:700;height:16px;line-height:16px;border:none;background:0 0;padding:0}.flair-wiki:before{content:"- "}html:lang(nh) .linkflair-bug,html:lang(nh) .linkflair-help{display:none !important}.flairselector{background-color:#fff}.linkflair-help .linkflairlabel{background-color:#FF6138;border-color:#FF6138}.linkflair-solved .linkflairlabel{background-color:#008a00;border-color:#008a00}.linkflair-unresolved .linkflairlabel{background-color:#FF7D4D;border-color:#FF7D4D}.linkflair-bug .linkflairlabel{background-color:#ce352c;border-color:#ce352c}.linkflair-update .linkflairlabel{background-color:#0078D7;border-color:#0078D7}.linkflair-feature .linkflairlabel{background-color:#00aba9;border-color:#00aba9}.linkflair-discussion .linkflairlabel{background-color:#ff9e00;border-color:#ff9e00}.linkflair-hardware .linkflairlabel{background-color:#f0a30a;border-color:#f0a30a}.linkflair-tip .linkflairlabel{background-color:#468966;border-color:#468966}.linkflair-meta .linkflairlabel{background-color:#4390df;border-color:#4390df}.linkflair-app .linkflairlabel{background-color:#bf5a15;border-color:#bf5a15}.linkflair-gaming .linkflairlabel{background-color:#107c10;border-color:#107c10}.linkflair-question .linkflairlabel{background-color:#008a00;border-color:#008a00}.linkflair-news .linkflairlabel{background-color:#F2385A;border-color:#F2385A}.linkflair-official .linkflairlabel{background-color:#2086bf;border-color:#2086bf}.linkflair-oc .linkflairlabel{background-color:#76608a;border-color:#76608a}.linkflair-concept .linkflairlabel{background-color:#14B6F5;border-color:#14B6F5}.linkflair-request .linkflairlabel{background-color:#00aba9;border-color:#00aba9}.side a[href*='#update'],.side a[href*='#official'],.side a[href*='#news'],.side a[href*='#help'],.side a[href*='#solved'],.side a[href*='#unresolved'],.side a[href*='#bug'],.side a[href*='#feature'],.side a[href*='#discussion'],.side a[href*='#hardware'],.side a[href*='#tip'],.side a[href*='#meta'],.side a[href*='#gaming'],.side a[href*='#app'],.side a[href*='#original%20content'],.side a[href*='#concept'],.side a[href*='#request'],.side a[href*='#question'],.side a[href*='#hideflair'],.side a[href*='#hidehelp']{display:inline-block;position:relative;text-align:center;font-size:80%;padding:3px 10px;color:#fff;margin:3px}.side a[href*='#official']{background:#2086bf}.side a[href*='#news']{background:#F2385A}.side a[href*='#help']{background:#FF6138}.side a[href*='#solved']{background:#008a00}.side a[href*='#unresolved']{background:#FF7D4D}.side a[href*='#bug']{background:#ce352c}.side a[href*='#update']{background:#81003c}.side a[href*='#feature']{background:#00aba9}.side a[href*='#discussion']{background:#bf5a15}.side a[href*='#hardware']{background:#f0a30a}.side a[href*='#tip']{background:#468966}.side a[href*='#meta']{background:#4390df}.side a[href*='#gaming']{background:#76608a}.side a[href*='#app']{background:#bf5a15}.side a[href*='#original%20content']{background:#0B9C67}.side a[href*='#concept']{background:#14B6F5}.side a[href*='#request']{background:#00aba9}.side a[href*='#question']{background:#008a00}.side a[href*='#hideflair'],.side a[href*='#hidehelp']{background:#E42608}.side a[href*='#update']:hover,.side a[href*='#official']:hover,.side a[href*='#news']:hover,.side a[href*='#help']:hover,.side a[href*='#solved']:hover,.side a[href*='#unresolved']:hover,.side a[href*='#bug']:hover,.side a[href*='#feature']:hover,.side a[href*='#discussion']:hover,.side a[href*='#hardware']:hover,.side a[href*='#tip']:hover,.side a[href*='#meta']:hover,.side a[href*='#gaming']:hover,.side a[href*='#app']:hover,.side a[href*='#original%20content']:hover,.side a[href*='#concept']:hover,.side a[href*='#request']:hover,.side a[href*='#question']:hover,.side a[href='']:hover{opacity:0.8}.flair-special{margin:0 4px 4px 0;padding:0 11px 1px;border-width:1px;border-radius:1px;color:#fff;font-weight:700;background-color:#008a00;border-color:#008a00}.linkflairlabel{margin:0 4px -2px 0;padding:0 4px 1px;vertical-align:-2px;color:#fff;font-weight:400;font-size:10px;font-family:"Segoe UI",Helvetica,sans-serif;pointer-events:none;border-width:3px;border-radius:1px;pointer-events:none}.linkflairlabel:lang(nf){display:none}.linkflair-discussion{border-left:3px solid #ff9e00 !important;background:rgba(255,158,0,0.1)}.linkflair-tip{border-left:3px solid #468966 !important;background:rgba(70,137,102,0.1)}.linkflair-news{border-left:3px solid #F2385A !important;background:rgba(242,56,90,0.1)}.comments-page .link.linkflair-solved{display:block}#header-img.default-header,a[href*="#icon-day"]{display:none}a[href*='#square-app']::before{background:-187px -5px #bf5a15;border:3px solid #e8e8e8}a[href*='#square-tip']::before{background:-187px -5px #555;border:3px solid #e8e8e8}a[href*='#square-meta']::before{background:-187px -5px #4390df;border:3px solid #e8e8e8}a[href*='#square-original']::before{background:-187px -5px #76608a;border:3px solid #e8e8e8}a[href*='#square-concept']::before{background:-187px -5px #14B6F5;border:3px solid #e8e8e8}a[href*='#square-solved']::before{background:-187px -5px #008a00;border:3px solid #e8e8e8}a[href*='#square-hflairs']::before{background:-187px -5px #F54E7A;border:3px solid #e8e8e8;border-radius:50%}a[href*='#square-hhelp']::before{background:-187px -5px #f06292;border:3px solid #e8e8e8;border-radius:50%}a[href*='#square']+.keyNavAnnotation{display:none}a[href*='#square-feature']::before,a[href*='#square-request']::before,a[href*='#square-bug']::before,a[href*='#square-official']::before,a[href*='#square-news']::before,a[href*='#square-help']::before,a[href*='#square-update']::before,a[href*='#square-discussion']::before,a[href*='#square-hardware']::before,a[href*='#square-app']::before,a[href*='#square-tip']::before,a[href*='#square-meta']::before,a[href*='#square-original']::before,a[href*='#square-concept']::before,a[href*='#square-solved']::before,a[href*='#square-hflairs']::before,a[href*='#square-hhelp']::before,a[href*='#square-gaming']::before{display:inline-block;height:10px;width:10px;content:'';margin:0 5px -4px 0}a[href*='#square-']:hover::before{text-decoration:none;background:#f06292;border-color:#80c2ff;left:4px;top:8px;transition:all 0.15s ease}a[href*='#square-bug']::before{background:-187px -5px #ce352c;border:3px solid #e8e8e8}a[href*='#square-official']::before{background:-187px -5px #2086bf;border:3px solid #e8e8e8}a[href*='#square-news']::before{background:-187px -5px #F2385A;border:3px solid #e8e8e8}a[href*='#square-help']::before{background:-187px -5px #FF6138;border:3px solid #e8e8e8}a[href*='#square-update']::before{background:-187px -5px #81003c;border:3px solid #e8e8e8}a[href*='#square-discussion']::before{background:-187px -5px #ff9e00;border:3px solid #e8e8e8}a[href*='#square-hardware']::before{background:-187px -5px #f0a30a;border:3px solid #e8e8e8}a[href*='#square-gaming']::before{background:-187px -5px #107c10;border:3px solid #e8e8e8}a[href*='#square-feature']::before,a[href*='#square-request']::before{background:-187px -5px #00aba9;border:3px solid #e8e8e8}.side .md blockquote{padding:2px 10px 5px;border-left:5px solid #f5c684;background-color:#fef8f1;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:10px;margin:0 5px 0 0;color:#222}.side .md blockquote:hover{background-color:#fcecd9;border-left-color:#f0ad4e}.side .md blockquote a{font-size:11px}.res-nightmode .side .md blockquote,html[lang^=nm] .side .md blockquote{border-left:5px solid #3B81FB !important;color:#ddd !important}a[href$="WindowsMobile#2"]{position:absolute;top:135px;left:48px;color:#ddd !important;z-index:99;border-bottom:3px solid transparent !important;text-transform:uppercase;transition:all .15s ease-in-out;line-height:14px;height:20px;padding:8px 9px 0;font-size:11.4px !important;letter-spacing:0.1em;font-family:"Segoe UI",Helvetica,sans-serif}a[href$="WindowsMobile#2"]:hover{color:#fff !important;background:rgba(0,0,0,0.1);border-color:#fff !important}a[href*="#Donsiders"],a[href*="#btn"]{display:inline-block;border:1px solid #0081ba;color:#fff !important;padding:10px 13px;margin:5px 0;transition:all 0.5s;border-radius:1px}a[href*="#Donsiders"]:hover,a[href*="#btn"]:hover{background:#f06292;-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 7px 14px rgba(50,50,93,0.1),0 3px 6px rgba(0,0,0,0.08)}a[href*="#Donsiders"]{background:#009e7e}a[href*="#Donsiders"]:hover{background:#f06292}a[href*="#btn"]{background:#0057a6}a[href*="#square-showflairs"]{float:right}a[href*="#square-showflairs"]::before{display:inline-block;height:10px;width:10px;content:"";background:-187px -5px #F54E7A;border:3px solid #e8e8e8;border-radius:50%;margin-left:5px}a[href*="#square-hflairs"]::after{content:"or";margin-left:50px}a[href*="#square-hflairs"]:hover::after{color:#F54E7A}.side .md [href$="#butt"]{display:inline-block !important;font-size:8pt;border:2px solid #F54E7A;padding:9px 8px;transition:background-color .5s;text-align:center;color:#F54E7A}.side .md [href$="#butt"]:hover{background:#F54E7A;color:#fff}.side .md>p:first-of-type{display:none}.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after,.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after{content:"- flair your thread as solved once your problem is resolved";margin-left:6px;color:#008a00}.comments-page .link.linkflair-help .flat-list a.flairselectbtn{color:#0078D7 !important}.linkflair-solved.link{display:none}.search-page .linkflair-solved.link{display:block}a[href*='#icon-chat']::before,a[href*='#icon-feedback']::before,a[href*='#icon-night']::before,a[href*='#icon-feedback2']::before{display:inline-block;height:20px;width:20px;content:'';margin:0 7px -4px 0}a[href*='#icon']:hover{text-decoration:none}a[href*='#icon-chat']::before{background:url(%%spritesheet%%) -5px -204px}a[href*='#icon-feedback']::before{background:url(%%spritesheet%%) -35px -204px}a[href*='#icon-night']::before{background:url(%%spritesheet%%) -125px -242px}a[href*='#icon-feedback2']::before{background:url(%%wincore-2%%) -5px -345px}a[href*="#icon-more"]{text-align:center;display:block;color:#f06292;font-size:16px}a[href*='#iconz']+.keyNavAnnotation{display:none}a[href*='#iconz-tips']::before,a[href*='#iconz-updates']::before,a[href*='#iconz-faq']::before,a[href*='#iconz-install']::before,a[href*='#iconz-wiki']::before{display:inline-block;height:20px;width:20px;content:'';margin:0 7px -4px 0}a[href*='#iconz']:hover{text-decoration:none}a[href*='#iconz-tips']::before{background:url(%%spritesheet%%) -204px -47px}a[href*='#iconz-faq']::before{background:url(%%spritesheet%%) -47px -47px}a[href*='#iconz-updates']::before{background:url(%%spritesheet%%) -102px -77px}a[href*='#iconz-install']::before{background:url(%%spritesheet%%) -229px -119px}a[href*='#iconz-wiki']::before{background:url(%%spritesheet%%) -174px -149px}.link a.thumbnail[href*="blogs.windows.com"]{background:url(%%spritesheet%%) -234px -149px no-repeat !important;width:45px;height:45px;margin:10px}.link a.thumbnail[href*="blogs.windows.com"] img{display:none}.res-nightmode .subscribers .number:after,.subscribers .number:after{content:" insiders waiting for new bits"}.subscribers .word{display:none}.arrow.down{pointer-events:none}.subscriber .arrow.down{pointer-events:initial}.post-submitter .link:not(.linkflair) .flairselectbtn{display:block !important;position:fixed;bottom:30px;height:63px;width:200px;left:15px;z-index:9999;font-size:0px;line-height:49px;font-family:"Segoe UI",Helvetica,sans-serif;background-image:url(%%flairy%%);background-position:6px 26px;background-repeat:no-repeat;background-color:#00a64f;color:#fff;text-align:center;padding-left:24px;border:2px solid #0d9605;transition:opacity .5s;text-decoration:none;animation:toasty 500ms forwards;animation-iteration-count:1;font-weight:normal}.post-submitter .link:not(.linkflair) .flairselectbtn:before{background:#0d9605;display:block;height:20px;width:224px;position:relative;font-size:13px;content:"Subreddit notification";line-height:18px;text-align:left;text-indent:10px;left:-24px;color:#fff}.post-submitter .link:not(.linkflair) .flairselectbtn:after{content:"Click here to flair thread" !important;font-size:14px;display:block;color:#fff;position:relative;top:-50px}.post-submitter .link:not(.linkflair) .flairselectbtn:hover{border-color:#2dad56}@keyframes toasty{0%{transform:scale(0.3) rotateY(90deg)}60%{transform:scale(1.4)}90%{transform:scale(0.9)}}#new_modmail{position:absolute;left:-75px}.helplink ~ .content .author[href*=Jaskys]::after{content:'- Designer';font-size:0.945em;margin-left:5px;color:#F54E7A}.flair-jansmall:before{content:"";width:17px;height:20px;display:inline-block;background-repeat:no-repeat;background-image:url(%%jansmall%%);background-position:-0px -0px;vertical-align:middle;margin-right:2px}a[href$="WindowsApps#2"]{position:absolute;top:135px;left:112px;color:#ddd !important;z-index:99;border-bottom:3px solid transparent !important;text-transform:uppercase;transition:all .15s ease-in-out;line-height:14px;height:20px;padding:8px 9px 0;font-size:11.4px !important;letter-spacing:0.1em;font-family:"Segoe UI",Helvetica,sans-serif}a[href$="WindowsApps#2"]:hover{color:#fff !important;background:rgba(0,0,0,0.1);border-color:#fff !important} diff --git a/css/minified/r-windows10.css b/css/minified/r-windows10.css index 651cafb..f2f4833 100644 --- a/css/minified/r-windows10.css +++ b/css/minified/r-windows10.css @@ -1,4308 +1,4 @@ -/* -Designed by /u/Jaskys -/r/ClearShift theme base -Contributors: /u/supersmilers, /u/mtvee, /u/BatDogOnBatMobile, /u/MrLawbreaker -Icons provided by www.icons8.com under "Creative Commons Attribution-NoDerivs 3.0 Unported" license -Main color: #1a1a1a -Secondary: #0078D7 -Christmas -Main color: #BF0426 -Secondary: #7A0218 -*/ -#header { - height: 165px; - background: #1a1a1a; - border-bottom: none; -} - -#header #header-bottom-right #mail.havemail, -#header #modmail.havemail { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -#header .hover a:hover, -.redditname a:hover:after { - color: #fff !important; -} - -#header-bottom-left { - height: 140px; -} - -#header-bottom-left .tabmenu { - background: rgba(0, 0, 0, 0.2); - width: calc(100% - 163px); - padding-left: 163px; - position: absolute; - bottom: 0; - left: 0; - font-family: "Segoe UI", Helvetica, sans-serif; - transition: .5s; -} - -#header-bottom-left .tabmenu li { - font-weight: 400; - margin: 0; -} - -#header-bottom-left .tabmenu li a { - background: 0 0; - color: #ddd; - font-size: 11.4px; - font-family: "Segoe UI", Helvetica, sans-serif; - line-height: 30px; - padding: 8px 9px 6px; - letter-spacing: 0.1em; - text-transform: uppercase; - transition: all .15s ease-in-out; - border-bottom: 3px solid transparent !important; -} - -#header-bottom-left .tabmenu li a:hover { - color: #fff; - background: rgba(0, 0, 0, 0.1); - border-bottom: 3px solid #fff !important; -} - -#header-bottom-left .tabmenu li.selected a { - background-color: #0078D7; - border: 0; - color: #fff; - padding-top: 7px; - font-weight: 700; - border-bottom: 3px solid currentColor !important; -} - -#header-bottom-right #modmail, -#header-bottom-right .user { - height: 37px; - white-space: nowrap; - border-radius: 1px; - overflow: hidden; - transition: background-color 0.5s; -} - -#header-img { - text-indent: -9999px; - display: inline-block; - margin-top: 112px; - position: absolute; - z-index: 99; - height: 27px; - width: 27px; - margin-left: 4px; - padding-right: 11px; - padding-left: 8px; - opacity: .8; - background-repeat: no-repeat !important; - transition: all .15s ease-in-out; - border-bottom: 3px solid transparent !important; -} - -#header-img:hover { - opacity: 1; - background: rgba(0, 0, 0, 0.1); - font-weight: 500; - border-bottom: 3px solid #fff !important; -} - -#sr-header-area { - transition: opacity .3s; - opacity: .4; - height: 24px; - background-color: #0C1722; - border-bottom: 0; - letter-spacing: 1px; - line-height: 22px; -} - -#sr-header-area:hover { - opacity: 1; -} - -#sr-header-area a { - color: #c4c4c4; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -#sr-header-area .srdrop.dropdown { - width: 35px; - padding: 0; -} - -#sr-header-area .sr-list { - padding-left: 8px; - border-left: 2px solid rgba(196, 196, 196, 0.9); - height: 24px; - line-height: 25px; -} - -#sr-header-area .srdrop.dropdown .selected { - width: 35px; - height: 23px; - padding: 0; - margin: 0; - display: block; - background: url(%%spritesheet%%) -225px -252px no-repeat; - line-height: 35px; - text-indent: -999em; -} - -#sr-header-area .srdrop.dropdown .selected:hover { - opacity: 1; -} - -#sr-header-area .drop-choices.srdrop { - padding: 5px; - margin: 1px 0 0; - background: #222; - border: none; -} - -#sr-header-area .drop-choices a.choice { - color: #AEAEAE; -} - -#sr-header-area .drop-choices a.choice:hover { - background-color: #333; - color: #EEE; -} - -#sr-header-area .drop-choices .choice.bottom-option { - border-color: #AEAEAE; -} - -#sr-more-link, -#header [href$="/rising/"], -#header [href$="/controversial/"], -#header [href$="/ads/"], -#suggested-reddits, -.voteWeight, -.rank, -.titlebox .bottom, -.submit-page .content h1, -.formtabs-content .infobar, -a[href*='#icon'] + .keyNavAnnotation, -a[href*='#/RES_SR_Config/NightModeCompatible'] { - display: none !important; -} - -#url-field button, -.submit-page .content button[name=submit] { - background: 0 0; - transition: all .5s; - border: 1px solid #5cb85c; - color: #5cb85c; -} - -#url-field button:hover, -.submit-page .content button[name=submit]:hover { - background: #5cb85c; - color: #fff; -} - -.submit-page .tabmenu.formtab { - margin-bottom: 74px; -} - -.submit_text.roundfield.enabled { - background: #1992FF; - position: absolute; - top: 223px; -} - -.submit_text p { - color: #eee; -} - -button.save, button.submit-action-thing, button.submit-report { - background: 0 0; - transition: background-color .5s; - text-transform: capitalize; - font-family: "Segoe UI", Helvetica, sans-serif; - border: 1px solid #5cb85c; - color: #5cb85c; - padding: 0.25rem 0.75rem; -} - -button.save:hover, button.submit-action-thing:hover, button.submit-report:hover { - background: #5cb85c; - color: #fff; -} - -button.cancel, button.cancel-action-thing, button.cancel-report-thing { - border: 1px solid #d9534f; - background: 0 0; - color: #d9534f; - padding: .25rem .75rem; - text-transform: capitalize; - font-family: "Segoe UI", Helvetica, sans-serif; - transition: background-color 0.5s; -} - -button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cancel:hover { - background: #d9534f; - color: #fff; -} - -.next-suggestions a, -.nextprev a { - padding: 0 4px; - background: 0 0; - border: none; - color: #0078D7; - text-align: center; -} - -.next-suggestions a:hover, -.nextprev a:hover { - background: #0078D7; - border: none; - color: #fff; - outline: 0; -} - -.btn:active, -.gadget .right a:active, -.morelink a:active, -.sidecontentbox a.helplink:active, -button:active, -#header #header-bottom-right #mail.havemail:active, -#header #header-bottom-right #mail.nohavemail:active, -#header #header-bottom-right .choice:active, -#header #header-bottom-right .logout a:active, -#header-bottom-left .tabmenu li a:active, -#header-bottom-right #modmail:active, -#header-bottom-right .user:active { - background-color: #1686f0 !important; -} - -.comment { - position: relative; - padding: 4px 0 0 30px; - z-index: 1; - border: 2px solid #e6e6e6; - overflow: hidden; - margin: 0 18px 8px 0; -} - -.comment .expand { - transition: all .5s; - padding: 4px 2px; - position: absolute; - top: 0; - left: 0; - bottom: 0; - padding: 4px; -} - -.comment .expand:hover { - background: #0078D7; - color: #fff !important; - text-decoration: none; -} - -.comment.collapsed .tagline { - height: 21px; - line-height: 21px; -} - -.comment.collapsed .tagline a { - line-height: 13px; -} - -.comment .child, -.comment .showreplies { - border-left: none; -} - -.new-comment { - border-color: #FFAB91 !important; -} - -.new-comment .expand:hover { - background: #ffab91; -} - -.new-comment .usertext-body { - background-color: transparent; - border: none; -} - -.tagline .score { - font-weight: 700; -} - -.tagline .likes { - color: #1a1a1a; -} - -.entry .flat-list .reply-button a { - color: #1a1a1a; -} - -.link .domain { - visibility: hidden; -} - -.link .domain a { - visibility: visible; - position: relative; - top: -1px; - color: #b1b1b1; -} - -.domain { - display: inline-block !important; -} - -#siteTable_organic { - background: rgba(6, 102, 178, 0.1); - margin-right: 325px; - margin-top: -7px; - left: -5px; - border-left: 3px solid #ff4500; - border-right: 1px solid rgba(0, 0, 0, 0.1); - border-bottom: none; - border-top: none; -} - -#ad_sponsorship { - max-width: 295px; -} - -.organic-listing .link.promotedlink { - margin-left: -1px; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.flairselector { - border: 1px solid #1a1a1a !important; -} - -.flairselector .title { - font-size: 0 !important; -} - -.flairselector h2 { - color: #fff; - font-size: 13px; - background: #1a1a1a !important; - padding-top: 6px; - font-weight: lighter !important; - text-transform: capitalize; - padding-bottom: 6px; -} - -.flairselector li:hover { - background-color: transparent; -} - -.flairselector form { - border-top: solid 1px #1a1a1a; - margin-bottom: 10px; -} - -.flairselector.drop-choices.active { - padding: 0 !important; - box-shadow: none; -} - -.flairselector .linkflair { - border-left: none !important; - background: 0 0; - width: 110px; -} - -.flairselector.drop-choices.active { - left: 40% !important; - top: 35% !important; - position: fixed; -} - -.flairoptionpane { - max-height: 304px; -} - -.flairoptionpane li, -.flairoptionpane ul { - min-width: 120px; - padding: 3px; -} - -.comments-page .link .flat-list a.flairselectbtn { - color: #1a1a1a !important; -} - -.nextprev a, -.side .usertext-body .md ol a { - transition: background-color 0.5s; -} - -.submit-page .roundfield { - padding: 16px; - width: 525px; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0px; -} - -.submit-page .roundfield span.title { - color: #4d5763; - text-transform: capitalize; -} - -.submit-page .submit.content#newlink .tabmenu.formtab a { - padding: 16px; - display: inline-block; - text-align: center; - background-color: #f5f5f5; - color: #4d5763; - text-transform: uppercase; - font-weight: 700; - transition: all .25s ease; - font-size: 16px; - border: none; - width: 247.5px; -} - -.submit-page .submit.content#newlink .tabmenu.formtab a:hover { - background-color: #e7e9f6; -} - -.submit-page .submit.content#newlink .tabmenu.formtab .selected a { - font-size: 16px; - background-color: #1a1a1a; - color: #fff; -} - -.submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover { - background-color: #0078D7; -} - -.submit-page #newlink.submit.content .btn { - width: 558px; - height: auto; - text-transform: capitalize; - font-size: 17px; - padding: 16px; - text-align: center; -} - -.submit-page #newlink.submit.content .btn:after { - content: " your thread"; - text-transform: none; -} - -.formtabs-content { - width: 520px; - border-top: none; - margin-top: -15px; -} - -form .spacer + .spacer { - margin: 0; -} - -.content.submit .info-notice { - background-color: #fff; - border-radius: 2px; - padding: 16px; - margin-bottom: 0; - border: 1px solid rgba(0, 0, 0, 0.1) !important; -} - -.self .expanded ~ .expando .usertext-body { - -webkit-animation: 700ms expandy ease-in-out forwards; - animation: 700ms expandy ease-in-out forwards; -} - -@-webkit-keyframes expandy { - 0% { - -webkit-transform: translateY(-100px); - opacity: 0; - } - 50% { - -webkit-transform: translateY(0); - } - 100% { - -webkit-transform: translateY(0); - opacity: 1; - } -} - -@keyframes expandy { - 0% { - transform: translateY(-100px); - opacity: 0; - } - 50% { - transform: translateY(0); - } - 100% { - transform: translateY(0); - opacity: 1; - } -} - -.expando-button { - cursor: pointer; - float: left; - height: 28px; - width: 30px; -} - -.expando-button.selftext.collapsed, .expando-button.selftext.expanded { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; -} - -.expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; -} - -.expando-button.selftext.collapsed { - background-position: -195px -256px; -} - -.expando-button.selftext.collapsed:hover { - background-position: -155px -256px; -} - -.expando-button.selftext.expanded { - background-position: -265px -218px; -} - -.expando-button.selftext.expanded:hover { - background-position: -305px -218px; -} - -.expando-button.video.collapsed { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.collapsed:hover { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.expanded { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.collapsed { - background-position: -301px -256px; -} - -.expando-button.video.collapsed:hover { - background-position: -261px -256px; -} - -.expando-button.video.expanded { - background-position: -265px -218px; -} - -.expando-button.video.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - background-position: -305px -218px; -} - -.expando-button.image { - cursor: pointer; - display: inline-block; - height: 28px !important; - margin-right: 11px; - padding: 0; - vertical-align: top !important; - width: 30px !important; -} - -@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) { - .expando-button { - cursor: pointer; - float: left; - height: 28px; - width: 30px; - background: center center no-repeat #fff; - background-size: 341px 331px !important; - } - .expando-button.selftext.collapsed, .expando-button.selftext.expanded { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - } - .expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - } - .expando-button.selftext.collapsed { - background-position: -195px -256px; - } - .expando-button.selftext.collapsed:hover { - background-position: -155px -256px; - } - .expando-button.selftext.expanded { - background-position: -265px -218px; - } - .expando-button.selftext.expanded:hover { - background-position: -305px -218px; - } - .expando-button.video.collapsed { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.collapsed:hover { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.expanded { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.collapsed { - background-position: -301px -256px; - } - .expando-button.video.collapsed:hover { - background-position: -261px -256px; - } - .expando-button.video.expanded { - background-position: -265px -218px; - } - .expando-button.video.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - background-position: -305px -218px; - } - .expando-button.image { - cursor: pointer; - display: inline-block; - height: 28px !important; - margin-right: 11px; - padding: 0; - vertical-align: top !important; - width: 30px !important; - } - body > .content #siteTable .thing.self .thumbnail { - background-image: url(%%spritesheet%%); - background-position: -289px -139px; - background-size: 341px 331px; - } -} - -.link .usertext-body .md { - border-radius: 0 !important; - border: 1px solid #7cb0d9; - background-color: #fff; -} - -body > .content #siteTable .thing.self .thumbnail { - background-image: url(%%spritesheet%%); - width: 45px; - height: 45px; - margin: 10px 15px 10px 10px; - background-repeat: no-repeat !important; - background-position: -289px -139px; -} - -body > .content #siteTable .thing.stickied .thumbnail { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat !important; - background-position: -289px -84px; - margin-right: 15px; -} - -body > .content #siteTable .thing .thumbnail.default, -body > .content #siteTable .thing.over18 .thumbnail { - background-image: url(%%spritesheet%%) !important; - background-repeat: no-repeat !important; - margin: 10px 15px 10px 10px; - width: 45px; - height: 45px; -} - -body > .content #siteTable .thing.stickied .entry > .title .title { - color: #00a64f; - font-weight: 400; -} - -body > .content #siteTable .thing.over18 .thumbnail { - background-position: -286px -5px !important; -} - -body > .content #siteTable .thing .thumbnail.default { - background-position: -47px -77px; - background-size: 341px 331px; -} - -.link .title, -.submit-page #newlink.submit.content .btn, -a[href*="#icon-more"] { - font-family: "Segoe UI", Helvetica, sans-serif; -} - -.link { - padding: 10px 0; - border-left: 3px solid #cec0c0; - margin-bottom: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.link .title { - color: #1a1a1a; -} - -.link .title:visited { - color: #b1b1b1; -} - -.link.thing.visited .title { - color: #b1b1b1; - padding: 0 !important; -} - -.link.last-clicked { - border: 0; - border-left: 3px solid #0078D7; - background: #f0f8ff; -} - -.link .score.likes { - color: #0078D7; -} - -.link .score.dislikes { - color: #7f7f7f; -} - -.link .flair { - font-size: 1em; -} - -.link .midcol { - margin: 5px 7px; -} - -.nextprev a { - padding: 5px 0 5px 15px; - color: #fff; - width: auto; - display: block; - background: #1a1a1a; - border-radius: 0; - font-size: small; - margin-top: -12px; - margin-right: -1px; - margin-left: -5px; - text-transform: capitalize; -} - -.linklisting .nextprev { - font-size: 0; -} - -.linklisting .stickied { - border-left: 3px solid #00a64f; - background: rgba(0, 166, 79, 0.1); -} - -.linklisting .over18 { - border-left: 3px solid #e2062c; - background: rgba(225, 6, 44, 0.1); -} - -.linklisting .md { - margin-bottom: 0; -} - -.linklisting .usertext-edit div textarea { - margin-left: -10px; -} - -.linklisting .reported { - background: rgba(255, 0, 0, 0.1); - border-left: 3px solid #e2062c; -} - -.report-reasons.rounded { - display: block !important; -} - -.newComments { - display: inline; - color: #1a1a1a; -} - -.linkinfo .totalvotes { - color: #494949 !important; -} - -.arrow { - background-image: url(%%spritesheet%%) !important; - background-position: center center; - outline: 0 !important; - border: none !important; -} - -.arrow.up { - background-position: -289px -194px; -} - -.arrow.upmod { - background-position: -296px -60px; -} - -.arrow.down { - background-position: -321px -60px; -} - -.arrow.downmod { - background-position: -271px -60px; -} - -.arrow.up:hover, .arrow.down:hover { - opacity: 0.6; -} - -body .linklisting { - margin-right: 330px; - bottom: 0; - margin-top: -7px; - padding: 0; - border-right: 1px solid rgba(0, 0, 0, 0.1); -} - -.entry .buttons li a { - padding: 0px; - font-size: 1.145em; -} - -.tagline, -.search-result-meta { - font-size: 1.145em; -} - -#siteTable .thing { - margin-left: -5px !important; - transition: all .2s; -} - -.listing-page .link:hover { - border-left-color: #0078D7; - background: #f0f8ff; -} - -.entry .flat-list .report-button a, -.res-nightmode .entry .flat-list .report-button a { - color: #d9534f; -} - -.reddit-infobar { - background: #fff; - BORDER: 1px solid #d7ecff; -} - -.reddit-infobar.with-icon { - margin-left: -4px; -} - -.reddit-infobar.with-icon:before { - background-color: solid #1a1a1a; - background-repeat: no-repeat; -} - -.c-btn-primary { - background-color: solid #1a1a1a; - border-bottom: 2px solid #4270a2; - color: #fff; - border-radius: 0; -} - -.sitetable .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -a.author { - margin-right: 0.3em; -} - -.panestack-title { - margin: 0 330px 0 -5px; - padding: 4px 0px; - background: #1a1a1a; - color: #fff; - border-bottom: transparent; -} - -.panestack-title .title { - font-size: 1.3em; - margin: 10px 0 10px 10px; -} - -.panestack-title a.title-button { - color: #fff !important; -} - -.panestack-title a.title-button.gold { - background-color: transparent; - border: none; -} - -.thing.stickied a.title { - font-weight: 700 !important; - font-size: large; -} - -.green, -.tagline .moderator { - color: #00a64f; - font-weight: 700; - padding-left: 0; - padding-right: 1px; -} - -.entry .flat-list .approve-button a { - color: #00a64f; -} - -.tagline .stickied-tagline { - color: #00a64f; -} - -.tagline a:hover { - color: #0078D7 !important; -} - -.gold-accent { - background-color: #1a1a1a; - border: none; - display: inline-block; - color: #fff !important; -} - -#noresults { - padding: 10px; - margin-right: 310px !important; - color: #fff; - background: #1a1a1a; - margin-left: 5px !important; - display: none; -} - -.commentarea .infobar { - color: #eee; - background: #1a1a1a; - border: none; - display: flex; -} - -.commentarea .infobar a { - color: #eee; -} - -.commentarea .infobar p { - line-height: 8px; -} - -.comments-page .sitetable.nestedlisting > .thing.stickied { - border-bottom: solid 3px #00a64f; - background: rgba(0, 166, 79, 0.1) !important; -} - -.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page.linkflair-help .flat-list a.flairselectbtn:after { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -.comments-page .usertext-edit div textarea { - background: url(%%wincore-2%%) 206px -213px no-repeat #FFF !important; - border: 1px solid #000 !important; - opacity: .8; - margin-top: 5px; - outline: 0; - display: block; - clear: both; - margin-bottom: 10px; -} - -.comments-page .usertext-edit div textarea:focus { - background: #FFF !important; - opacity: 1; - border-color: #0078D6 !important; -} - -.comments-page .link { - border-left: 1px solid #c6c6c6 !important; -} - -.commentarea .menuarea { - margin: 5px 310px 5px 5px; -} - -.commentarea .md { - margin-bottom: 0; -} - -.md { - overflow: visible; -} - -.md a { - color: #1a1a1a; -} - -.md code { - white-space: normal; -} - -.md blockquote { - border-left: 2px solid #0078D7; - background-color: #efefed; -} - -.usertext.border .usertext-body { - background-color: rgba(0, 120, 213, 0.3); - width: 95%; -} - -.wiki-page .pageactions { - border-radius: 0; - border: 1px solid #0078D7; -} - -.wiki-page .pageactions .wikiaction { - margin: 0 !important; - border-radius: 0 !important; -} - -.wiki-page .pageactions .wikiaction:hover { - background-color: #0078D7 !important; - color: #fff !important; -} - -.wiki-page .pageactions .wikiaction-current { - background-color: #1a1a1a; -} - -.wiki-page .wiki-page-content .nextprev a { - margin-bottom: 12px; -} - -ul.tabmenu.formtab { - padding-left: 0; -} - -::selection { - background-color: #0078D7; - color: #fff; -} - -.buttons .comments.empty { - color: #1a1a1a; -} - -.leavemoderator, -.titlebox form.toggle { - color: #000; - background: #fff; - border-left: 5px solid #d7ecff; - padding-left: 10px; - font-size: 8pt; - margin-right: 5px; - border-right: 1px solid #d7ecff; -} - -#baconBit { - width: 394px !important; - height: 304px !important; - background-image: url(%%res-easter-egg%%) no-repeat !important; - transition: all 10s linear !important; -} - -.sheets .col textarea { - width: 98%; - background: #1d1f21; - color: #ddd !important; - height: 712px !important; - font-family: SourceCodePro-Medium, monospace; -} - -.gadget .right a, -a[href*="#tech"] { - font-family: "Segoe UI", Helvetica, sans-serif; - text-align: center; -} - -.sheets ::-webkit-scrollbar { - background-color: #0f0f0f !important; -} - -.sheets ::-webkit-scrollbar-corner, -.sheets ::-webkit-scrollbar-thumb { - background: #313131 !important; -} - -.panestack-title { - border-bottom: transparent; -} - -.infobar.newsletterbar { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - position: relative; - overflow: hidden; - min-height: 80px; - padding: 15px 20px 20px 25px; - border: none; - border-radius: 0; - background-color: #30659B; - border-left: 3px solid #ff4500; - margin: -7px 325px 7px 0px; - left: -5px; -} - -#eu-cookie-policy .reddit-infobar a { - color: #222 !important; -} - -.leavemoderator { - border-color: #393939 !important; - background: #222 !important; -} - -.gadget .midcol { - margin-right: 9px; -} - -.gadget .right a { - background: #1a1a1a; - padding: 5px 10px; - margin-right: 5px; - display: block; - color: #fff; - font-size: 16px; - transition: background-color .5s; - text-transform: capitalize; -} - -.gadget .right a:hover { - background: #0078D7; -} - -span.clear-input-button { - color: #fff; -} - -#newlink-with-image-upload .clear-input-button { - border-radius: 0 !important; - width: 33px !important; - height: 27px !important; - top: 0 !important; - line-height: 26px !important; - border: 1px solid grey; - background: #1a1a1a !important; - transition: background-color .5s; - right: -10px !important; -} - -#newlink-with-image-upload .clear-input-button:hover { - background: #0078D7 !important; -} - -#newlink-with-image-upload .image-upload-drop-target { - padding: 15px !important; -} - -#newlink-with-image-upload .file-upload-button { - background: #1a1a1a; - border: none; - padding: 7px 20px !important; - display: block !important; - margin: 6px -17px -17px !important; - transition: background-color 0.5s; -} - -#newlink-with-image-upload .file-upload-button:hover { - background: #0078D7; -} - -@media (max-width: 880px) { - #siteTable_organic { - margin-right: -5px; - } - #header-bottom-left .tabmenu { - width: calc(100% - 50px); - padding-left: 50px; - } - .side { - display: none; - } - body .linklisting { - margin-right: 0 !important; - } - .footer::after { - display: none !important; - } - .infobar { - margin-right: 18px; - } - .footer { - border-right: 1px solid #1a1a1a; - } - .panestack-title { - margin: 0 0px 0 -5px; - } - .infobar.newsletterbar { - margin: -7px -5px 7px 0px; - } -} - -.side { - margin: 0; - padding-left: 30px; - background: 0 0; -} - -.side:after { - content: "/r/ClearShift theme"; - font-size: large; - color: #1a1a1a; - margin-left: 50px; -} - -.side .md h2 { - margin-top: 1.4em; - font-size: 1.4em; -} - -.side .md h3 { - font-size: 1.2em; - color: #555; - margin: 2em 0 0.2em; -} - -.side .md h4 { - color: #888; - margin-bottom: 1.5em; -} - -.side .md p { - margin: 0.5em 0; -} - -.side .md p a { - margin: 0 .2em; - font-size: 1.1em; -} - -.side .md p a:first-child { - margin-left: 0; -} - -.side .md h1, -.side .md h2, -.side .md h3, -.side .md h4 { - color: #fff; - font-size: 13px; - font-weight: 400; -} - -.side .md h1:after, -.side .md h2:after, -.side .md h3:after, -.side .md h4:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -24px; -} - -.side .md h1 a, -.side .md h2 a, -.side .md h3 a, -.side .md h4 a { - color: #fff; - font-size: 13px; -} - -.side .md h1 { - color: #fff; - font-size: 13px; -} - -.side .md h1 a { - color: #fff; - font-size: 13px; -} - -.side .titlebox div.subButtons, -.side .titlebox h1.redditname + div, -.side .titlebox > .fancy-toggle-button { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 8pt; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -.side .titlebox div.subButtons, -.side .titlebox h1.redditname + div, -.side .titlebox > .fancy-toggle-button { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -.side .titlebox div.subButtons, -.side .titlebox > .fancy-toggle-button { - width: 269.3px; -} - -.side .titlebox > .fancy-toggle-button { - display: block !important; -} - -.side div.titlebox ul { - list-style-type: none; - margin: 0; - padding: 0; -} - -.side .subscribe-button .add { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -@-webkit-keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -@-moz-keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -@keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -.titlebox h1:after, -.sidecontentbox .title:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -24px; -} - -div.side div.tagline { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -div.side form.flairtoggle, div.side form.leavecontributor-button { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -div.side span.subscribers { - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; - padding: 7px 10px 10px; - display: block !important; - padding-top: 5px; - padding-bottom: 10px; - border-top: none; -} - -div.side span.subscribers span { - vertical-align: middle; -} - -div.side span.subscribers span.number:before { - background: url(%%spritesheet%%) -192px -5px; - display: block; - float: left; - width: 20px; - height: 20px; - content: ""; - margin-right: 5px; - margin-top: -3px; -} - -div.side div.tagline { - display: block !important; -} - -div.side form.flairtoggle { - display: block; -} - -div.side div.leavemoderator { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side form.flairtoggle { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side p.users-online { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side div.tagline { - padding-top: 0; - border-top: none; -} - -.morelink { - border: 1px solid #1a1a1a; - background: #1a1a1a; - width: 145px; - margin-right: 5px; - transition: all 0.5s; - box-sizing: border-box; -} - -.morelink a { - color: #fff; - font-family: "Segoe UI", Helvetica, sans-serif; - font-weight: 400; - letter-spacing: 0; - font-size: 0.9em; -} - -.morelink:hover { - background: #0078D7; - border-color: #0078D7; -} - -.morelink:hover a { - color: #fff; - border-color: #0078D7; -} - -.morelink .nub { - display: none; -} - -.submit .morelink { - float: left; -} - -.submit-page .titlebox h1 { - margin-top: 0 !important; -} - -.redditname { - margin-top: 53px !important; -} - -.reddit-link { - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 1em; - margin-right: 5px; -} - -.icon-menu li { - display: block; - margin: 0; - padding: 7px 10px 10px !important; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - margin-right: 5px !important; -} - -.search-page .side .spacer { - margin: 10px 0; -} - -.sidebox.create { - display: none !important; -} - -.helplink ~ .content .author[href*=AutoModerator], .helplink ~ .content .author[href*=flair_your_post_bot] { - display: none; -} - -.helplink ~ .content .author:after { - content: '- Moderator'; - font-size: 0.945em; - margin-left: 5px; - color: #1a1a1a; -} - -.helplink ~ .content .flair { - display: none; -} - -.linkinfo { - background-color: transparent; -} - -.sidecontentbox .helplink + .title h1 { - font-size: 0; -} - -.sidecontentbox .helplink + .title h1:before { - font-size: 13px !important; - content: "Moderators team"; - text-transform: capitalize; -} - -.helplink ~ .content .author .helplink ~ .content .author:hover { - color: #0078D7; -} - -.sidecontentbox .content .linkflairlabel { - display: none; -} - -div.titlebox .md h3:hover + ul { - display: block; -} - -div.titlebox .md ul li strong:first-child, div.titlebox .md ul:hover { - display: block; -} - -div.titlebox .md ul li { - border: none; - margin-right: 5px; -} - -.sidecontentbox .content a.author, -.sidecontentbox .more { - display: block; - margin: 0; - padding: 7px 10px 10px !important; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 0.945em; - margin-right: 5px !important; -} - -.sidecontentbox .content a.author:hover, -.sidecontentbox .more:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -.sidecontentbox .content { - border: none; - padding: 0; -} - -.sidecontentbox .more { - text-align: center; -} - -.sidecontentbox .more a { - color: #369; -} - -.icon-menu li:hover, -.reddit-link:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -div.titlebox .md ul li { - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 0.945em; -} - -div.titlebox .md ul li:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -div.titlebox div.styleToggle, -div.titlebox span.fancy-toggle-button a.active { - padding: 5px 10px; - background-color: #0078D7; - color: #fff; - font-size: 8pt; - display: block !important; - background-image: none; - border-radius: 0; - font-weight: 400; - margin: 0; - border: none; -} - -div.titlebox div.styleToggle { - background-color: #1a1a1a; - line-height: 20px; -} - -div.titlebox div.styleToggle input, -div.titlebox div.styleToggle label { - vertical-align: middle; - margin: 0; -} - -div.titlebox span.fancy-toggle-button a.active.add:hover, div.titlebox span.fancy-toggle-button a.active.remove { - background-color: #1a1a1a; -} - -div.titlebox span.fancy-toggle-button a.active.remove:before { - content: ""; - padding-right: 5px; -} - -div.titlebox span.fancy-toggle-button a.active.remove:hover:after { - content: "=("; - font-style: italic; - padding-left: 5px; -} - -div.titlebox span.fancy-toggle-button a.active.add:before { - content: "+"; - padding-right: 5px; - color: #fff; -} - -#RESShortcutsAdd, -#RESShortcutsLeft, -#RESShortcutsRight, -#RESShortcutsSort, -#RESShortcutsTrash { - width: 17px !important; -} - -.sidecontentbox .content a.author { - display: block; - margin: 0; - padding: 3px 0; -} - -.sidecontentbox .content a.author:hover { - color: #0078D7; -} - -#searchexpando { - padding: 10px; - border: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 8pt; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; - width: 273px !important; - border-left: 1px solid #d7ecff; -} - -#search input[type=text] { - width: 295px !important; - border-color: #1a1a1a; -} - -.sidecontentbox .title { - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; -} - -div.titlebox .md h3:before { - content: "+"; - color: #fff; - padding-right: 5px; -} - -div.titlebox .md h2, -div.titlebox .md h3, -div.titlebox .md h4 { - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - font-weight: 400; - cursor: default; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; -} - -div.titlebox h1 { - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; - font-size: 13px; -} - -.leavemoderator, -.users-online, -.leavecontributor-button { - display: none; -} - -.sidecontentbox a.helplink { - margin-right: 5px; -} - -.icon-menu a { - background: 0 0; -} - -.titlebox .bottom { - border: none; -} - -.titlebox h1 a, -.pagename a { - color: #FFF; -} - -#RESShortcutsAdd, -#RESShortcutsEditContainer, -#RESShortcutsLeft, -#RESShortcutsRight, -#RESShortcutsSort, -#RESShortcutsTrash { - background-color: transparent !important; -} - -#RESShortcutsAdd:hover, -#RESShortcutsEditContainer:hover, -#RESShortcutsLeft:hover, -#RESShortcutsRight:hover, -#RESShortcutsSort:hover, -#RESShortcutsTrash:hover { - color: #f0f0f0 !important; -} - -.titlebox .md h3 + ul:hover, -.titlebox .md h3:hover + ul { - max-height: 600px; -} - -div.titlebox .md h3 + ul { - display: block; - transition: 1.8s max-height ease-out; - overflow: hidden; - max-height: 0; -} - -div.titlebox .md h3:hover + ul { - transition: .8s max-height ease-out; -} - -div.commentarea .infobar p { - background: #0078D7; - padding: 10px; - margin: -5px -5px -5px 10px; -} - -.linkinfo { - padding: 0; - border: none; -} - -.linkinfo .score, -.linkinfo .shortlink { - color: #494949; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 8pt; - margin-right: 5px; -} - -.linkinfo .score { - padding: 7px 10px; - margin-top: 10px; -} - -.linkinfo .shortlink { - display: block; - font-weight: 600; - text-transform: capitalize; - margin-top: 0; - padding: 7px 10px 10px; -} - -.date { - position: relative; -} - -.date:before { - content: "Date "; - display: block; - color: #fff !important; - text-transform: none; - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - cursor: pointer; - margin-top: 0; - margin-bottom: 6px; - margin-left: -10px; - font: 400 small verdana, arial, helvetica, sans-serif; -} - -.date:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -19px; - margin-top: -32px; -} - -.date span { - display: block; - background-color: #fff; - padding: 7px 0 10px 10px; - border-left: 5px solid #d7ecff; - border-bottom: 1px solid #d7ecff; - margin: -6px 5px -10px 0; - border-right: 1px solid #d7ecff; -} - -.date span, -.date time { - color: #494949; - font-size: 9pt; -} - -.date time { - position: absolute; - top: 50%; - left: 55%; - padding: 9px 0 10px 0; -} - -.totalvotes { - display: block; - background-color: #fff; - color: #494949 !important; - font-weight: 600; - text-transform: capitalize; - margin-top: 0; - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 8pt !important; - margin-right: 5px; -} - -.linkinfo .shortlink input { - height: 10px; - border: none; - width: 181px; - font-size: 13px; -} - -.submit-page .side:before { - content: "Use search before posting"; - font-size: large; - color: #E54661; - margin-left: 27px; -} - -.sidecontentbox a.helplink { - float: none; - margin-top: 4px; - clear: both; - text-align: center; - display: block; - color: #fff; - background: #1a1a1a; - box-sizing: border-box; - margin-bottom: 10px; -} - -.sidecontentbox a.helplink:hover { - background: #0078D7; -} - -.sidecontentbox .title h1, -.sidecontentbox a.helplink { - color: #fff; -} - -.account-activity-box, -.sidecontentbox a.helplink { - font-size: 16px; - padding: 10px; - transition: background-color .5s; - text-transform: capitalize; -} - -.account-activity-box { - display: block !important; - background: #1a1a1a; - margin-right: 5px; -} - -.account-activity-box:hover { - background: #0078D7; -} - -.account-activity-box a { - color: #fff; - padding: 10px 70px; -} - -#header #header-bottom-right { - background: 0 0; - bottom: -18px; - top: auto; - padding: 3px; - height: 59px; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -#header-bottom-right .separator { - display: none; -} - -#header-bottom-right .user { - position: relative; - top: 0; - width: 119px; - padding-left: 42px; - padding-top: 5px; - font-size: 13px; - color: #eaeaea; - line-height: 170%; - background: url(%%spritesheet%%) -110px -289px no-repeat #1a1a1a; - float: left; - border: 2px solid #fff; - cursor: pointer; -} - -#beta-help, -.beta-hint a { - position: absolute !important; -} - -#header-bottom-right .user > a { - text-indent: 4px; - color: #FFF; - display: block; - line-height: 12px; - white-space: nowrap; -} - -#header-bottom-right .user span a { - color: #fff; -} - -#header-bottom-right #mail { - top: 0; - top: 0 !important; - width: 42px; - height: 42px; - display: inline-block; -} - -#header-bottom-right #modmail { - position: absolute; - margin-left: -267px; - top: 3px; - padding-left: 26px; - padding-top: 5px; - background: url(%%spritesheet%%) -224px -72px no-repeat #1a1a1a; - border: 2px solid #fff; -} - -#modmail.havemail { - background: url(%%spritesheet%%) -224px -72px #ff4500 !important; -} - -#header #header-bottom-right #modmail:hover, -#header #header-bottom-right .choice:hover, -#header #header-bottom-right .user:hover { - background-color: #0078D7; -} - -#header #header-bottom-right .logout { - display: inline-block; -} - -#header #header-bottom-right #mail, -#header #header-bottom-right .choice, -#header #header-bottom-right .logout a { - margin-left: 5px; - width: 42px; - width: 42px !important; - height: 42px; - display: inline-block; - text-indent: 50px; - overflow: hidden; - transition: background-color 0.5s; -} - -#header #header-bottom-right #mail.nohavemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #1a1a1a; - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right #mail.havemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #ff4500; -} - -.res #header #header-bottom-right #mail.havemail { - background: url(%%spritesheet%%) 0px -115px no-repeat #ff4500; -} - -#header #header-bottom-right #mail.havemail { - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right .choice { - background: url(%%spritesheet%%) -127px -114px no-repeat #1a1a1a; - border-radius: 1px; - border: 2px solid #fff; -} - -.beta-hint { - opacity: 1; -} - -.beta-hint a { - top: 0; - left: -78px; - color: transparent !important; - background-color: #1a1a1a; - background-image: url(%%spritesheet%%) !important; - background-repeat: no-repeat !important; - background-size: 341px 331px !important; - background-position: -72px -143px !important; - width: 42px; - height: 42px; - border-radius: 1px; - border: 2px solid #fff; - transition: background-color 0.5s; -} - -.beta-hint a:hover { - background-color: green !important; -} - -#beta-help { - background: #FFFFE1 !important; - color: #000 !important; - left: 1200px !important; - top: 170px !important; -} - -.res .beta-hint a { - display: none; -} - -#header #header-bottom-right .logout a { - background: url(%%spritesheet%%) -127px -42px no-repeat #1a1a1a; - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right #mail.havemail, #header #header-bottom-right #mail.nohavemail { - border-bottom: none; -} - -#header #header-bottom-right .choice, -#header #header-bottom-right .logout a { - border-bottom: none; -} - -#header-bottom-right #modmail, -#header-bottom-right .user { - border-bottom: none; -} - -.user .userkarma { - border-bottom: none; -} - -#header #header-bottom-right #mail:hover, -#header #header-bottom-right .choice:hover, -#header #header-bottom-right .user:hover { - background-color: #0078D7; -} - -#header #header-bottom-right .logout a:hover { - text-indent: -99999px; - color: #fff; - background: url(%%spritesheet%%) -127px -42px no-repeat #ce352c; -} - -#openRESPrefs { - position: absolute; - right: 365px; - top: 22px; -} - -#mailCount { - position: absolute; - left: 208px; - top: -2px; - color: #fff; - font-size: 14px; - overflow: hidden; -} - -.message-count { - background: #0078D7; - height: 42px; - font-size: medium; - line-height: 42px !important; - margin-left: -4px; - vertical-align: top; - display: none; -} - -.user .userkarma { - cursor: help; -} - -#RESAccountSwitcherIconOverlay { - display: none !important; -} - -#RESAccountSwitcherIcon { - float: right; - margin-right: 5px; - margin-top: -10px; - background: url(%%spritesheet%%) -264px -5px no-repeat !important; -} - -.side .usertext-body .md ol { - position: absolute; - top: 30px; - right: 0; - margin: 0 30px 0 0; - padding: 0; - z-index: 99; -} - -.md-container-small .md .-text, -.md-container-small .md li, -.md-container-small .md p, -.md-container-small .md pre > code, -.md-container-small .md td, -.md-container-small .md th { - list-style: none; -} - -.side .usertext-body .md ol a[href$="#special"] { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 3s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -.side .md .-text, -.side .md li, -.side .md p, -.side .md pre > code, -.side .md td, -.side .md th { - list-style: none; -} - -.side .usertext-body .md ol a { - background-color: #57b5ff; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - opacity: 0.8; -} - -.side .usertext-body .md ol a:hover { - opacity: 1; -} - -.side .md > ol li a[href$='#special']:after, .side .md > ol li a[href$='#special']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#special'] { - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - transition: opacity .5s; - background-color: #1686f0; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#special']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; - background-color: #1a1a1a; - content: "Event"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#special']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#achieve'] { - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - transition: opacity .5s; - background-color: #28bc07; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#achieve']:hover { - opacity: 1; -} - -.side .md > ol li a[href$='#sticky']:after, .side .md > ol li a[href$='#sticky']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#achieve']:before, .side .usertext-body .md ol a[href$='#sticky']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#achieve']:before { - background-color: #0d9605; - content: "Achievement unlocked"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#sticky'], .side .usertext-body .md ol a[href$='#stickyg'] { - font-weight: 400; - padding: 5px 5px 5px 0; - margin-bottom: 3px; - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - transition: opacity .5s; - text-decoration: none; -} - -.side .usertext-body .md ol a[href$='#sticky'] { - background-color: #1686f0; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#sticky']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#stickyg']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#sticky']:before { - background-color: #1a1a1a; - content: "Sticky"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#stickyg'] { - background-color: #28bc07; - opacity: 0.8; -} - -.side .md > ol li a[href$='#achieve']:after, .side .md > ol li a[href$='#achieve']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .md > ol li a[href$='#update']:after, .side .md > ol li a[href$='#update']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#stickyg']:before, .side .usertext-body .md ol a[href$='#update']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#stickyg']:before { - background-color: #0d9605; - content: "Sticky"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#update'] { - border: 2px solid #fefefe; - background-color: #1686f0; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - opacity: .8; - transition: opacity 0.5s; -} - -.side .usertext-body .md ol a[href$='#update']:before { - background-color: #1a1a1a; - content: "Update"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#update']:hover { - opacity: 1; -} - -.side .md del { - color: #fff; - text-decoration: none; -} - -.md a:hover { - color: #0078D7; -} - -.res-nightmode body, -html[lang^=nm] body { - background: #1a1a1a !important; -} - -.res-nightmode #sr-header-area, -html[lang^=nm] #sr-header-area { - background-color: #0C1722; -} - -.res-nightmode a, -html[lang^=nm] a { - color: #f8f8ff; -} - -.res-nightmode .morelink a, -.res-nightmode a[href*="#Donsiders"], -.res-nightmode a[href*="#btn"], -html[lang^=nm] .morelink a, -html[lang^=nm] a[href*="#Donsiders"], -html[lang^=nm] a[href*="#btn"] { - color: #fff !important; -} - -.res-nightmode .shortlink input, -html[lang^=nm] .shortlink input { - background: #393939; - color: #ddd; -} - -.res-nightmode #previoussearch #moresearchinfo, -.res-nightmode .roundfield label, -.res-nightmode .search-result-body, -.res-nightmode div.side #searchexpando, -.res-nightmode .submit-page .roundfield .title, -.res-nightmode .md, -.res-nightmode .md blockquote, -.res-nightmode .md del, -.res-nightmode .comments-page .usertext-edit div textarea, -html[lang^=nm] #previoussearch #moresearchinfo, -html[lang^=nm] .roundfield label, -html[lang^=nm] .search-result-body, -html[lang^=nm] div.side #searchexpando, -html[lang^=nm] .submit-page .roundfield .title, -html[lang^=nm] .md, -html[lang^=nm] .md blockquote, -html[lang^=nm] .md del, -html[lang^=nm] .comments-page .usertext-edit div textarea { - color: #eee !important; -} - -.res-nightmode .md blockquote, -html[lang^=nm] .md blockquote { - background: rgba(0, 87, 166, 0.24); - border-left: 2px solid #0078D7 !important; - color: #888 !important; -} - -.res-nightmode .md code, -html[lang^=nm] .md code { - border: none !important; - background-color: #393939 !important; - border-radius: 0 !important; - border-left: 3px solid #0078D7 !important; -} - -.res-nightmode .commentingAs, -.res-nightmode .date time, -.res-nightmode .linkinfo .score, -.res-nightmode .linkinfo .shortlink, -.res-nightmode .side .titlebox > .fancy-toggle-button, -.res-nightmode .edit-stylesheet.choice:after, -.res-nightmode .wiki-page .wiki-page-content, -html[lang^=nm] .commentingAs, -html[lang^=nm] .date time, -html[lang^=nm] .linkinfo .score, -html[lang^=nm] .linkinfo .shortlink, -html[lang^=nm] .side .titlebox > .fancy-toggle-button, -html[lang^=nm] .edit-stylesheet.choice:after, -html[lang^=nm] .wiki-page .wiki-page-content { - color: #ddd !important; -} - -.res-nightmode .date span, -.res-nightmode .date time, -html[lang^=nm] .date span, -html[lang^=nm] .date time { - border-bottom: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode #header, -.res-nightmode #newlink-with-image-upload #new-link-preview, -.res-nightmode .account-activity-box, -.res-nightmode .date:before, -.res-nightmode .morelink, -.res-nightmode .nextprev a, -.res-nightmode .titlebox h1, -html[lang^=nm] #header, -html[lang^=nm] #newlink-with-image-upload #new-link-preview, -html[lang^=nm] .account-activity-box, -html[lang^=nm] .date:before, -html[lang^=nm] .morelink, -html[lang^=nm] .nextprev a, -html[lang^=nm] .titlebox h1 { - background: #222 !important; -} - -.res-nightmode #header #header-bottom-right #mail:hover, -.res-nightmode #header #header-bottom-right #modmail:hover, -.res-nightmode #header #header-bottom-right .choice:hover, -.res-nightmode #header #header-bottom-right .logout:hover, -.res-nightmode #header #header-bottom-right .user:hover, -html[lang^=nm] #header #header-bottom-right #mail:hover, -html[lang^=nm] #header #header-bottom-right #modmail:hover, -html[lang^=nm] #header #header-bottom-right .choice:hover, -html[lang^=nm] #header #header-bottom-right .logout:hover, -html[lang^=nm] #header #header-bottom-right .user:hover { - background-color: #393939 !important; -} - -.res-nightmode #header #header-bottom-right .logout a, -.res-nightmode #header #header-bottom-right .nohavemail#mail, -html[lang^=nm] #header #header-bottom-right .logout a, -html[lang^=nm] #header #header-bottom-right .nohavemail#mail { - background-color: transparent !important; - outline: 0 !important; -} - -.res-nightmode #header-bottom-right #modmail, -.res-nightmode #header-bottom-right .choice, -.res-nightmode #header-bottom-right .user, -html[lang^=nm] #header-bottom-right #modmail, -html[lang^=nm] #header-bottom-right .choice, -html[lang^=nm] #header-bottom-right .user { - background-color: transparent !important; - outline: 0 !important; -} - -.res-nightmode #header-bottom-left .tabmenu, -.res-nightmode #header-img, -.res-nightmode #header-img.default-header, -html[lang^=nm] #header-bottom-left .tabmenu, -html[lang^=nm] #header-img, -html[lang^=nm] #header-img.default-header { - background: transparent !important; -} - -.res-nightmode #header-bottom-left .tabmenu, -.res-nightmode .new-comment .usertext-body, -html[lang^=nm] #header-bottom-left .tabmenu, -html[lang^=nm] .new-comment .usertext-body { - background-color: transparent; - border: none; -} - -.res-nightmode .date, -html[lang^=nm] .date { - color: #ddd !important; -} - -.res-nightmode .date::before, -html[lang^=nm] .date::before { - color: #ddd !important; -} - -.res-nightmode .flair, -html[lang^=nm] .flair { - color: #ddd !important; -} - -.res-nightmode .footer, -html[lang^=nm] .footer { - border-right: none !important; - border-top: none; -} - -.res-nightmode .footer div.col a, .res-nightmode .footer::after, -html[lang^=nm] .footer div.col a, -html[lang^=nm] .footer::after { - color: #ddd !important; -} - -.res-nightmode div.side div.tagline, -.res-nightmode div.side form.flairtoggle, -.res-nightmode div.side span.subscribers, -html[lang^=nm] div.side div.tagline, -html[lang^=nm] div.side form.flairtoggle, -html[lang^=nm] div.side span.subscribers { - background: #222 !important; - color: #ddd !important; -} - -.res-nightmode div.titlebox .md ul li, -html[lang^=nm] div.titlebox .md ul li { - background: #222 !important; - color: #ddd !important; -} - -.res-nightmode .sidecontentbox .title, -.res-nightmode .sidecontentbox a.helplink, -html[lang^=nm] .sidecontentbox .title, -html[lang^=nm] .sidecontentbox a.helplink { - background: #222 !important; -} - -.res-nightmode div.titlebox .md h1, -.res-nightmode div.titlebox .md h2, -.res-nightmode div.titlebox .md h3, -.res-nightmode div.titlebox .md h4, -html[lang^=nm] div.titlebox .md h1, -html[lang^=nm] div.titlebox .md h2, -html[lang^=nm] div.titlebox .md h3, -html[lang^=nm] div.titlebox .md h4 { - background: #222 !important; -} - -.res-nightmode #searchexpando, -.res-nightmode .icon-menu li, -.res-nightmode .totalvotes, -.res-nightmode .reddit-link, -.res-nightmode .sidecontentbox .content a.author, -.res-nightmode .sidecontentbox .more, -.res-nightmode .reddit-link, -.res-nightmode .linkinfo .score, -.res-nightmode .linkinfo .shortlink, -.res-nightmode div.titlebox .md ul li, -html[lang^=nm] #searchexpando, -html[lang^=nm] .icon-menu li, -html[lang^=nm] .totalvotes, -html[lang^=nm] .reddit-link, -html[lang^=nm] .sidecontentbox .content a.author, -html[lang^=nm] .sidecontentbox .more, -html[lang^=nm] .reddit-link, -html[lang^=nm] .linkinfo .score, -html[lang^=nm] .linkinfo .shortlink, -html[lang^=nm] div.titlebox .md ul li { - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode #searchexpando:hover, -.res-nightmode .icon-menu li:hover, -.res-nightmode .totalvotes:hover, -.res-nightmode .reddit-link:hover, -.res-nightmode .sidecontentbox .content a.author:hover, -.res-nightmode .sidecontentbox .more:hover, -.res-nightmode .reddit-link:hover, -.res-nightmode .linkinfo .score:hover, -.res-nightmode .linkinfo .shortlink:hover, -.res-nightmode div.titlebox .md ul li:hover, -html[lang^=nm] #searchexpando:hover, -html[lang^=nm] .icon-menu li:hover, -html[lang^=nm] .totalvotes:hover, -html[lang^=nm] .reddit-link:hover, -html[lang^=nm] .sidecontentbox .content a.author:hover, -html[lang^=nm] .sidecontentbox .more:hover, -html[lang^=nm] .reddit-link:hover, -html[lang^=nm] .linkinfo .score:hover, -html[lang^=nm] .linkinfo .shortlink:hover, -html[lang^=nm] div.titlebox .md ul li:hover { - background-color: #393939 !important; - border-left-color: #7cb0d9 !important; -} - -.res-nightmode div.side div.leavemoderator, -.res-nightmode div.side p.users-online, -.res-nightmode div.side span.subscribers, -.res-nightmode div.side form.leavecontributor-button, -.res-nightmode div.side .titlebox div.subButtons, -.res-nightmode div.side .titlebox h1.redditname + div, -.res-nightmode div.side .titlebox > .fancy-toggle-button, -html[lang^=nm] div.side div.leavemoderator, -html[lang^=nm] div.side p.users-online, -html[lang^=nm] div.side span.subscribers, -html[lang^=nm] div.side form.leavecontributor-button, -html[lang^=nm] div.side .titlebox div.subButtons, -html[lang^=nm] div.side .titlebox h1.redditname + div, -html[lang^=nm] div.side .titlebox > .fancy-toggle-button { - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode div.side div.tagline, -.res-nightmode div.side form.flairtoggle, -html[lang^=nm] div.side div.tagline, -html[lang^=nm] div.side form.flairtoggle { - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - border-bottom: none !important; - background: #222 !important; -} - -.res-nightmode .titlebox form.toggle, -html[lang^=nm] .titlebox form.toggle { - background: #222; - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - color: #eee; -} - -.res-nightmode .sitetable .comment .comment, -html[lang^=nm] .sitetable .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment, -html[lang^=nm] .sitetable .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode button, -html[lang^=nm] button { - border: none; - background-color: #222 !important; -} - -.res-nightmode a[href*="#square"]::before, -html[lang^=nm] a[href*="#square"]::before { - border: 3px solid #393939; -} - -.res-nightmode .link, -html[lang^=nm] .link { - border-bottom: 1px solid #2D2E32 !important; - border-right: 1px solid #2D2E32 !important; -} - -.res-nightmode .listing-page .link:hover, -html[lang^=nm] .listing-page .link:hover { - background: #393939 !important; - border-left-color: #a9a9a9 !important; -} - -.res-nightmode div.titlebox .md ul li:hover, -html[lang^=nm] div.titlebox .md ul li:hover { - background-color: #393939 !important; - border-left-color: #7cb0d9 !important; -} - -.res-nightmode div.titlebox .md h1:after, -.res-nightmode div.titlebox .md h2:after, -.res-nightmode div.titlebox .md h3:after, -.res-nightmode div.titlebox .md h4:after, -html[lang^=nm] div.titlebox .md h1:after, -html[lang^=nm] div.titlebox .md h2:after, -html[lang^=nm] div.titlebox .md h3:after, -html[lang^=nm] div.titlebox .md h4:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode div.titlebox h1:after, -.res-nightmode div.titlebox .sidecontentbox .title:after, -html[lang^=nm] div.titlebox h1:after, -html[lang^=nm] div.titlebox .sidecontentbox .title:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode .flairselector, -.res-nightmode .comments-page .usertext-edit div textarea, -.res-nightmode #eu-cookie-policy .reddit-infobar, -.res-nightmode #search input[type=text], -html[lang^=nm] .flairselector, -html[lang^=nm] .comments-page .usertext-edit div textarea, -html[lang^=nm] #eu-cookie-policy .reddit-infobar, -html[lang^=nm] #search input[type=text] { - background-color: #222 !important; - color: #ddd; -} - -.res-nightmode #header-bottom-left .tabmenu li.selected a, -.res-nightmode .link .usertext-body .md, -.res-nightmode .debuginfo, -.res-nightmode .sidecontentbox a.helplink:hover, -.res-nightmode .cookie-infobar.with-icon:before, -.res-nightmode div.titlebox span.fancy-toggle-button a.active.remove, -.res-nightmode .link .score .likes, -.res-nightmode .nextprev a:hover, -.res-nightmode .side .morelink a:hover, -.res-nightmode button:hover, -.res-nightmode .account-activity-box:hover, -html[lang^=nm] #header-bottom-left .tabmenu li.selected a, -html[lang^=nm] .link .usertext-body .md, -html[lang^=nm] .debuginfo, -html[lang^=nm] .sidecontentbox a.helplink:hover, -html[lang^=nm] .cookie-infobar.with-icon:before, -html[lang^=nm] div.titlebox span.fancy-toggle-button a.active.remove, -html[lang^=nm] .link .score .likes, -html[lang^=nm] .nextprev a:hover, -html[lang^=nm] .side .morelink a:hover, -html[lang^=nm] button:hover, -html[lang^=nm] .account-activity-box:hover { - background-color: #393939 !important; -} - -.res-nightmode .comment .usertext .md p > a:visited, -.res-nightmode .md a, -.res-nightmode h2 a:visited, -html[lang^=nm] .comment .usertext .md p > a:visited, -html[lang^=nm] .md a, -html[lang^=nm] h2 a:visited { - color: #3498db; -} - -.res-nightmode ::-webkit-scrollbar, -html[lang^=nm] ::-webkit-scrollbar { - background-color: #393939; -} - -.res-nightmode ::-webkit-scrollbar-thumb, -html[lang^=nm] ::-webkit-scrollbar-thumb { - background-color: #666; - border: 2px solid #333; - transition: background-color 0.5s; -} - -.res-nightmode ::-webkit-scrollbar-thumb:hover, -html[lang^=nm] ::-webkit-scrollbar-thumb:hover { - background-color: #555; - transition: background-color 0.5s; -} - -.res-nightmode ::-webkit-scrollbar-thumb:active, -html[lang^=nm] ::-webkit-scrollbar-thumb:active { - background-color: #bbb; -} - -.res-nightmode ::-webkit-scrollbar-corner, -html[lang^=nm] ::-webkit-scrollbar-corner { - color: #555; -} - -.res-nightmode textarea, -html[lang^=nm] textarea { - color: #000 !important; -} - -.res-nightmode .content, -html[lang^=nm] .content { - margin-bottom: 0; - margin-top: 0; -} - -.res-nightmode input[type=button], .res-nightmode input[type=reset], .res-nightmode input[type=submit], -html[lang^=nm] input[type=button], -html[lang^=nm] input[type=reset], -html[lang^=nm] input[type=submit] { - border: none; -} - -.res-nightmode .side .spacer .titlebox .redditname, -html[lang^=nm] .side .spacer .titlebox .redditname { - border-left-color: #0078D7; -} - -.res-nightmode .gold-accent, -html[lang^=nm] .gold-accent { - background: #1a1a1a; -} - -.res-nightmode .thing .title:visited, -.res-nightmode .thing.visited .title, -html[lang^=nm] .thing .title:visited, -html[lang^=nm] .thing.visited .title { - color: #808c94; -} - -.res-nightmode .thing .title, -html[lang^=nm] .thing .title { - color: #B5C4D0; -} - -.res-nightmode .content.submit .info-notice, -.res-nightmode .submit-page .roundfield, -html[lang^=nm] .content.submit .info-notice, -html[lang^=nm] .submit-page .roundfield { - background-color: #222; - color: #eee; -} - -.res-nightmode #header #header-bottom-right #mail.havemail, -html[lang^=nm] #header #header-bottom-right #mail.havemail { - outline: 0; -} - -.res-nightmode .formtabs-content .infobar, -html[lang^=nm] .formtabs-content .infobar { - border-color: transparent !important; -} - -.res-nightmode .infobar, -html[lang^=nm] .infobar { - border-color: #ff4500 !important; -} - -.res-nightmode span.score, -html[lang^=nm] span.score { - color: #888 !important; -} - -.res-nightmode .comment.spam > .child, -.res-nightmode .message.spam > .child, -.res-nightmode .usertext.grayed .usertext-body, -html[lang^=nm] .comment.spam > .child, -html[lang^=nm] .message.spam > .child, -html[lang^=nm] .usertext.grayed .usertext-body { - background-color: transparent; -} - -.res-nightmode div.commentarea .infobar, -html[lang^=nm] div.commentarea .infobar { - color: #eee; - border: none; -} - -.res-nightmode .comment, -html[lang^=nm] .comment { - border: 1px solid #43474F; -} - -.res-nightmode a[href*='#icon-day'], -html[lang^=nm] a[href*='#icon-day'] { - display: inline-block !important; -} - -.res-nightmode a[href*='#icon-day']::before, -html[lang^=nm] a[href*='#icon-day']::before { - display: inline-block !important; - display: none; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; - background: url(%%spritesheet%%) -85px -294px; -} - -.res-nightmode a[href*='#icon-night'], -html[lang^=nm] a[href*='#icon-night'] { - display: none; -} - -.res-nightmode a[href*="#icon-chat"]::before, -html[lang^=nm] a[href*="#icon-chat"]::before { - background-image: url(%%wincore-2%%); - background-position: -5px -405px; -} - -.res-nightmode a[href*="#icon-feedback"]::before, -html[lang^=nm] a[href*="#icon-feedback"]::before { - background-position: -47px -149px; -} - -.res-nightmode a[href*="#icon-feedback2"]::before, -html[lang^=nm] a[href*="#icon-feedback2"]::before { - background-position: -5px -375px; -} - -.res-nightmode a[href*="#iconz-tips"]::before, -html[lang^=nm] a[href*="#iconz-tips"]::before { - background-position: -234px -47px; -} - -.res-nightmode a[href*="#iconz-updates"]::before, -html[lang^=nm] a[href*="#iconz-updates"]::before { - background-position: -259px -119px; -} - -.res-nightmode a[href*="#iconz-faq"]::before, -html[lang^=nm] a[href*="#iconz-faq"]::before { - background-position: -174px -47px; -} - -.res-nightmode a[href*="#iconz-install"]::before, -html[lang^=nm] a[href*="#iconz-install"]::before { - background-position: -259px -119px; -} - -.res-nightmode a[href*="#iconz-wiki"]::before, -html[lang^=nm] a[href*="#iconz-wiki"]::before { - background-position: -204px -149px; -} - -.res-nightmode #siteTable .thing, -.res-nightmode .link.promotedlink, -html[lang^=nm] #siteTable .thing, -html[lang^=nm] .link.promotedlink { - background: #202020; -} - -.res-nightmode .organic-listing, -html[lang^=nm] .organic-listing { - background: none !important; -} - -.res-nightmode body > .content #siteTable .thing.self .thumbnail, -html[lang^=nm] body > .content #siteTable .thing.self .thumbnail { - background-position: -77px -5px; -} - -.res-nightmode body > .content #siteTable .thing .thumbnail.default, -html[lang^=nm] body > .content #siteTable .thing .thumbnail.default { - background-position: -174px -77px; -} - -.res-nightmode div.side span.subscribers span.number:before, -html[lang^=nm] div.side span.subscribers span.number:before { - background-position: -162px -5px; -} - -.res-nightmode .expando-button.selftext.collapsed, -html[lang^=nm] .expando-button.selftext.collapsed { - background-position: -5px -242px; -} - -.res-nightmode .expando-button.selftext.collapsed:hover, -html[lang^=nm] .expando-button.selftext.collapsed:hover { - background-position: -225px -204px; -} - -.res-nightmode .expando-button.selftext.expanded, -html[lang^=nm] .expando-button.selftext.expanded { - background-position: -65px -204px; -} - -.res-nightmode .expando-button.selftext.expanded:hover, -html[lang^=nm] .expando-button.selftext.expanded:hover { - background-position: -105px -204px; -} - -.res-nightmode .expando-button.video.collapsed, -html[lang^=nm] .expando-button.video.collapsed { - background-position: -85px -242px; -} - -.res-nightmode .expando-button.video.collapsed:hover, -html[lang^=nm] .expando-button.video.collapsed:hover { - background-position: -45px -242px; -} - -.res-nightmode .expando-button.video.expanded, -html[lang^=nm] .expando-button.video.expanded { - background-position: -65px -204px; -} - -.res-nightmode .expando-button.video.expanded:hover, -html[lang^=nm] .expando-button.video.expanded:hover { - background-position: -105px -204px; -} - -.res-nightmode .date:after, -html[lang^=nm] .date:after { - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode .date span, -html[lang^=nm] .date span { - border-left: 5px solid #393939 !important; - color: #ddd; - border-right-color: #393939; -} - -.res-nightmode .date time, -html[lang^=nm] .date time { - border-right: 1px solid #393939 !important; -} - -.res-nightmode .link.last-clicked, -html[lang^=nm] .link.last-clicked { - background: #393939 !important; -} - -.res-nightmode .comments-page .link, -html[lang^=nm] .comments-page .link { - border-left: 3px solid transparent; -} - -.res-nightmode .res .RES-keyNav-activeElement { - background-color: #292929 !important; -} - -.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, -.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { - background-color: #292929 !important; -} - -.res-nightmode .RES-keyNav-activeElement { - background-color: #292929 !important; -} - -.res-nightmode .RES-keyNav-activeElement .md-container { - background-color: #292929 !important; -} - -.res-nightmode .arrow.upmod { - background-position: -296px -60px !important; -} - -.res-nightmode .arrow.down { - background-position: -321px -60px !important; -} - -.res-nightmode .arrow.up { - background-position: -289px -194px !important; -} - -.res-nightmode .arrow.downmod { - background-position: -271px -60px !important; -} - -.res-nightmode .side .titlebox > .fancy-toggle-button { - background: #222 !important; - color: #ddd !important; -} - -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { - background-color: transparent !important; -} - -.res #sr-header-area #srDropdownContainer a:hover { - opacity: 1; -} - -.res .comment .midcol { - margin-left: 20px; -} - -.res .comment .new-comment { - border: 2px solid #FFAB91 !important; - border-radius: 0px !important; -} - -.res #sr-header-area #srDropdownContainer a { - width: 35px; - height: 23px; - padding: 0; - margin: 0; - display: block; - background: url(%%spritesheet%%) -225px -252px no-repeat; - line-height: 35px; - text-indent: -999em; -} - -.res .RES-keyNav-activeElement, -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .noncollapsed .RES-keyNav-activeElement.entry { - background-color: 0 0 !important; -} - -.res .RESDashboardToggle, -.res .RESshortcutside { - background: 0 0; - border: none; - font-weight: 400; - text-transform: uppercase; -} - -.res .sitetable .sitetable { - margin-right: 0; -} - -.RESSubscriptionButton { - color: #fff !important; - border-radius: 1px !important; - background-color: transparent !important; -} - -.RESSubscriptionButton { - border: none !important; -} - -#RESAnnouncementAlert, -#userbarToggle, -.multi-count, -.sidecontentbox .content .RESUserTagImage::after, -.res .sidebox.create, -.res .message-count, -.res .side .userTagLink { - display: none !important; -} - -#RESSettingsButton { - right: 20px; - top: 3px; -} - -#RESStaticShortcuts { - line-height: 25px; -} - -.footer { - border-bottom: 1px solid #1a1a1a; - padding: 0; - border-left: 1px solid #1a1a1a; -} - -.footer::after { - border-bottom: 1px solid #1a1a1a; - display: block; - margin-top: 0; - padding: 10px; - padding-top: 8px !important; - color: #000; - content: "Designed by /u/Jaskys"; - font-size: 16px; - font-family: "Segoe UI", Helvetica, sans-serif; - border-top: 34px solid #1a1a1a; - border-right: 1px solid #1a1a1a; - margin-bottom: -1.1px; - width: 90px; -} - -.footer div.col { - position: relative; - margin: 0; - padding: 0; - width: 176px; - height: auto; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -.footer div.col .title { - font-size: 16px; - text-transform: capitalize; - padding: 8px; - color: #fff; - background: #1a1a1a; - max-height: 18px; -} - -.footer div.col a { - display: block; - margin: 5px; - padding: 3px 4px 3px 7px; - color: #000; -} - -.footer div.col a:hover { - color: #000; - text-decoration: none; - background: #fff; -} - -.footer p.bottommenu { - font-weight: 700; - color: #FFF; - clear: left; - padding: 6px; -} - -.footer p.bottommenu a { - font-weight: 700; - color: #FFF; -} - -.footer .col { - border-left: none !important; -} - -.debuginfo { - background: #F6F6F6; -} - -.rounded { - border-radius: 0; -} - -.flat-vert { - text-align: center; -} - -.titlebox h1.redditname a { - font-size: 0; -} - -.titlebox h1.redditname a:after { - content: "Windows 10"; - color: #fff; - font: 400 small verdana, arial, helvetica, sans-serif; -} - -#header .redditname a { - font-size: 0; - background: url(%%wincore-2%%) -5px -5px no-repeat; - margin-left: 10px; - height: 100px; - display: block; - position: absolute; - top: 30px; -} - -#header .redditname a:hover { - background: url(%%wincore-2%%) -5px -115px no-repeat !important; - text-decoration: none; -} - -#header .redditname a:after { - content: "Windows 10"; - font-size: 70px; - font-weight: lighter; - color: #ECF0F1; - font-family: "Segoe UI Light", Helvetica, sans-serif; - letter-spacing: .05em; - margin-left: 100px; - line-height: 100px; - font-variant: normal; - transition: background-color 0.5s; -} - -.flair-mod, -.flair-msft { - border: none; - background: 0 0; - font-weight: 700; -} - -.flair-mod:before, -.flair-msft:before { - content: "- "; -} - -.sidecontentbox .flair-mod { - display: none; -} - -.flair-mod { - color: #00a64f; -} - -.linklisting .flair-msft:after { - display: none; -} - -.flair-msft { - height: 16px; - line-height: 16px; - color: #0078D7; - padding: 0; -} - -.flair-msft:after { - content: "Microsoft Employee"; - position: absolute; - top: -0.7px; - right: -1px; - bottom: -1px; - left: -1px; - text-align: right; - padding: .25em .5em; - border: 3px solid #8bb9e2; - pointer-events: none; -} - -.author[href$=Adam-MSFT], .author[href$=Dave_MSFT], .author[href$=DrPreppy], .author[href$=EKILBO], .author[href$=Giffdev], .author[href$=James-MSFT], .author[href$=KritiMSFT], .author[href$=MailmanOdd], .author[href$=MasterDevwi], .author[href$=MsftHealthWill], .author[href$=NorthFaceHiker], .author[href$=Psychlist1972], .author[href$=Sawan-Msft], .author[href$=Sawan-MSFT], .author[href$=StephA_MSFT], .author[href$=Zev_MSFT], .author[href$=adam_msft], .author[href$=anaotero-MSFT], .author[href$=anbutle], .author[href$=anthonykinseymsft], .author[href$=bbyboi], .author[href$=bitcrazed], .author[href$=bloodytemplar], .author[href$=devbent], .author[href$=donaMSFT], .author[href$=jenmsft], .author[href$=Sean_MSFT], .author[href$=jeremy_msft], .author[href$=johnwinkmsft], .author[href$=josh_msft], .author[href$=kylealden], .author[href$=maheshrd], .author[href$=mike_msft], .author[href$=msftbanddev], .author[href$=msftbilly], .author[href$=mvaneerde], .author[href$=ooeygui], .author[href$=samersaw], .author[href$=sjarawan], .author[href$=stefohneee], .author[href$=toma_msft], .author[href$=vpmsft], .author[href$=xander-msft], .author[href$=zac_l], .author[href$=craigbarkhouse], .author[href$=elvenharps], .author[href$=nerdile], .author[href$=einarmsft], .author[href$=yosefdurr], .author[href$=Travis_MSFT], .author[href$=caithartMSFT], .author[href$=ClayMSFT] { - color: #0078D7; - font-weight: 700; -} - -.author[href$=ildun], .author[href$=Katsuga50] { - color: #e67e22; - font-weight: 700; -} - -.flair-wiki { - color: #e67e22; - font-weight: 700; - height: 16px; - line-height: 16px; - border: none; - background: 0 0; - padding: 0; -} - -.flair-wiki:before { - content: "- "; -} - -html:lang(nh) .linkflair-bug, -html:lang(nh) .linkflair-help { - display: none !important; -} - -.flairselector { - background-color: #fff; -} - -.linkflair-help .linkflairlabel { - background-color: #FF6138; - border-color: #FF6138; -} - -.linkflair-solved .linkflairlabel { - background-color: #008a00; - border-color: #008a00; -} - -.linkflair-unresolved .linkflairlabel { - background-color: #FF7D4D; - border-color: #FF7D4D; -} - -.linkflair-bug .linkflairlabel { - background-color: #ce352c; - border-color: #ce352c; -} - -.linkflair-update .linkflairlabel { - background-color: #0078D7; - border-color: #0078D7; -} - -.linkflair-feature .linkflairlabel { - background-color: #00aba9; - border-color: #00aba9; -} - -.linkflair-discussion .linkflairlabel { - background-color: #ff9e00; - border-color: #ff9e00; -} - -.linkflair-hardware .linkflairlabel { - background-color: #f0a30a; - border-color: #f0a30a; -} - -.linkflair-tip .linkflairlabel { - background-color: #468966; - border-color: #468966; -} - -.linkflair-meta .linkflairlabel { - background-color: #4390df; - border-color: #4390df; -} - -.linkflair-app .linkflairlabel { - background-color: #bf5a15; - border-color: #bf5a15; -} - -.linkflair-gaming .linkflairlabel { - background-color: #107c10; - border-color: #107c10; -} - -.linkflair-question .linkflairlabel { - background-color: #008a00; - border-color: #008a00; -} - -.linkflair-news .linkflairlabel { - background-color: #F2385A; - border-color: #F2385A; -} - -.linkflair-official .linkflairlabel { - background-color: #2086bf; - border-color: #2086bf; -} - -.linkflair-oc .linkflairlabel { - background-color: #76608a; - border-color: #76608a; -} - -.linkflair-concept .linkflairlabel { - background-color: #14B6F5; - border-color: #14B6F5; -} - -.linkflair-request .linkflairlabel { - background-color: #00aba9; - border-color: #00aba9; -} - -.side a[href*='#update'], .side a[href*='#official'], .side a[href*='#news'], .side a[href*='#help'], .side a[href*='#solved'], .side a[href*='#unresolved'], .side a[href*='#bug'], .side a[href*='#feature'], .side a[href*='#discussion'], .side a[href*='#hardware'], .side a[href*='#tip'], .side a[href*='#meta'], .side a[href*='#gaming'], .side a[href*='#app'], .side a[href*='#original%20content'], .side a[href*='#concept'], .side a[href*='#request'], .side a[href*='#question'], .side a[href*='#hideflair'], .side a[href*='#hidehelp'] { - display: inline-block; - position: relative; - text-align: center; - font-size: 80%; - padding: 3px 10px; - color: #fff; - margin: 3px; -} - -.side a[href*='#official'] { - background: #2086bf; -} - -.side a[href*='#news'] { - background: #F2385A; -} - -.side a[href*='#help'] { - background: #FF6138; -} - -.side a[href*='#solved'] { - background: #008a00; -} - -.side a[href*='#unresolved'] { - background: #FF7D4D; -} - -.side a[href*='#bug'] { - background: #ce352c; -} - -.side a[href*='#update'] { - background: #81003c; -} - -.side a[href*='#feature'] { - background: #00aba9; -} - -.side a[href*='#discussion'] { - background: #bf5a15; -} - -.side a[href*='#hardware'] { - background: #f0a30a; -} - -.side a[href*='#tip'] { - background: #468966; -} - -.side a[href*='#meta'] { - background: #4390df; -} - -.side a[href*='#gaming'] { - background: #76608a; -} - -.side a[href*='#app'] { - background: #bf5a15; -} - -.side a[href*='#original%20content'] { - background: #0B9C67; -} - -.side a[href*='#concept'] { - background: #14B6F5; -} - -.side a[href*='#request'] { - background: #00aba9; -} - -.side a[href*='#question'] { - background: #008a00; -} - -.side a[href*='#hideflair'], .side a[href*='#hidehelp'] { - background: #E42608; -} - -.side a[href*='#update']:hover, .side a[href*='#official']:hover, .side a[href*='#news']:hover, .side a[href*='#help']:hover, .side a[href*='#solved']:hover, .side a[href*='#unresolved']:hover, .side a[href*='#bug']:hover, .side a[href*='#feature']:hover, .side a[href*='#discussion']:hover, .side a[href*='#hardware']:hover, .side a[href*='#tip']:hover, .side a[href*='#meta']:hover, .side a[href*='#gaming']:hover, .side a[href*='#app']:hover, .side a[href*='#original%20content']:hover, .side a[href*='#concept']:hover, .side a[href*='#request']:hover, .side a[href*='#question']:hover, .side a[href='']:hover { - opacity: 0.8; -} - -.flair-special { - margin: 0 4px 4px 0; - padding: 0 11px 1px; - border-width: 1px; - border-radius: 1px; - color: #fff; - font-weight: 700; - background-color: #008a00; - border-color: #008a00; -} - -.linkflairlabel { - margin: 0 4px -2px 0; - padding: 0 4px 1px; - vertical-align: -2px; - color: #fff; - font-weight: 400; - font-size: 10px; - font-family: "Segoe UI", Helvetica, sans-serif; - pointer-events: none; - border-width: 3px; - border-radius: 1px; - pointer-events: none; -} - -.linkflairlabel:lang(nf) { - display: none; -} - -.linkflair-discussion { - border-left: 3px solid #ff9e00 !important; - background: rgba(255, 158, 0, 0.1); -} - -.linkflair-tip { - border-left: 3px solid #468966 !important; - background: rgba(70, 137, 102, 0.1); -} - -.linkflair-news { - border-left: 3px solid #F2385A !important; - background: rgba(242, 56, 90, 0.1); -} - -.comments-page .link.linkflair-solved { - display: block; -} - -#header-img.default-header, -a[href*="#icon-day"] { - display: none; -} - -a[href*='#square-app']::before { - background: -187px -5px #bf5a15; - border: 3px solid #e8e8e8; -} - -a[href*='#square-tip']::before { - background: -187px -5px #555; - border: 3px solid #e8e8e8; -} - -a[href*='#square-meta']::before { - background: -187px -5px #4390df; - border: 3px solid #e8e8e8; -} - -a[href*='#square-original']::before { - background: -187px -5px #76608a; - border: 3px solid #e8e8e8; -} - -a[href*='#square-concept']::before { - background: -187px -5px #14B6F5; - border: 3px solid #e8e8e8; -} - -a[href*='#square-solved']::before { - background: -187px -5px #008a00; - border: 3px solid #e8e8e8; -} - -a[href*='#square-hflairs']::before { - background: -187px -5px #1a1a1a; - border: 3px solid #e8e8e8; - border-radius: 50%; -} - -a[href*='#square-hhelp']::before { - background: -187px -5px #0078D7; - border: 3px solid #e8e8e8; - border-radius: 50%; -} - -a[href*='#square'] + .keyNavAnnotation { - display: none; -} - -a[href*='#square-feature']::before, a[href*='#square-request']::before, a[href*='#square-bug']::before, a[href*='#square-official']::before, a[href*='#square-news']::before, a[href*='#square-help']::before, a[href*='#square-update']::before, a[href*='#square-discussion']::before, a[href*='#square-hardware']::before, a[href*='#square-app']::before, a[href*='#square-tip']::before, a[href*='#square-meta']::before, a[href*='#square-original']::before, a[href*='#square-concept']::before, a[href*='#square-solved']::before, a[href*='#square-hflairs']::before, a[href*='#square-hhelp']::before, a[href*='#square-gaming']::before { - display: inline-block; - height: 10px; - width: 10px; - content: ''; - margin: 0 5px -4px 0; -} - -a[href*='#square-']:hover::before { - text-decoration: none; - background: #0078D7; - border-color: #80c2ff; - left: 4px; - top: 8px; - transition: all 0.15s ease; -} - -a[href*='#square-bug']::before { - background: -187px -5px #ce352c; - border: 3px solid #e8e8e8; -} - -a[href*='#square-official']::before { - background: -187px -5px #2086bf; - border: 3px solid #e8e8e8; -} - -a[href*='#square-news']::before { - background: -187px -5px #F2385A; - border: 3px solid #e8e8e8; -} - -a[href*='#square-help']::before { - background: -187px -5px #FF6138; - border: 3px solid #e8e8e8; -} - -a[href*='#square-update']::before { - background: -187px -5px #81003c; - border: 3px solid #e8e8e8; -} - -a[href*='#square-discussion']::before { - background: -187px -5px #ff9e00; - border: 3px solid #e8e8e8; -} - -a[href*='#square-hardware']::before { - background: -187px -5px #f0a30a; - border: 3px solid #e8e8e8; -} - -a[href*='#square-gaming']::before { - background: -187px -5px #107c10; - border: 3px solid #e8e8e8; -} - -a[href*='#square-feature']::before, a[href*='#square-request']::before { - background: -187px -5px #00aba9; - border: 3px solid #e8e8e8; -} - -.side .md blockquote { - padding: 2px 10px 5px; - border-left: 5px solid #f5c684; - background-color: #fef8f1; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 10px; - margin: 0 5px 0 0; - color: #222; -} - -.side .md blockquote:hover { - background-color: #fcecd9; - border-left-color: #f0ad4e; -} - -.side .md blockquote a { - font-size: 11px; -} - -.res-nightmode .side .md blockquote, -html[lang^=nm] .side .md blockquote { - border-left: 5px solid #3B81FB !important; - color: #ddd !important; -} - -a[href$="WindowsMobile#2"] { - position: absolute; - top: 135px; - left: 48px; - color: #ddd !important; - z-index: 99; - border-bottom: 3px solid transparent !important; - text-transform: uppercase; - transition: all .15s ease-in-out; - line-height: 14px; - height: 20px; - padding: 8px 9px 0; - font-size: 11.4px !important; - letter-spacing: 0.1em; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -a[href$="WindowsMobile#2"]:hover { - color: #fff !important; - background: rgba(0, 0, 0, 0.1); - border-color: #fff !important; -} - -a[href*="#Donsiders"], a[href*="#btn"] { - display: inline-block; - border: 1px solid #0081ba; - color: #fff !important; - padding: 10px 13px; - margin: 5px 0; - transition: all 0.5s; - border-radius: 1px; -} - -a[href*="#Donsiders"]:hover, a[href*="#btn"]:hover { - background: #0078D7; - -webkit-transform: translateY(-1px); - -moz-transform: translateY(-1px); - -ms-transform: translateY(-1px); - -o-transform: translateY(-1px); - transform: translateY(-1px); - box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); -} - -a[href*="#Donsiders"] { - background: #009e7e; -} - -a[href*="#Donsiders"]:hover { - background: #0078D7; -} - -a[href*="#btn"] { - background: #0057a6; -} - -a[href*="#square-showflairs"] { - float: right; -} - -a[href*="#square-showflairs"]::before { - display: inline-block; - height: 10px; - width: 10px; - content: ""; - background: -187px -5px #1a1a1a; - border: 3px solid #e8e8e8; - border-radius: 50%; - margin-left: 5px; -} - -a[href*="#square-hflairs"]::after { - content: "or"; - margin-left: 50px; -} - -a[href*="#square-hflairs"]:hover::after { - color: #1a1a1a; -} - -.side .md [href$="#butt"] { - display: inline-block !important; - font-size: 8pt; - border: 2px solid #1a1a1a; - padding: 9px 8px; - transition: background-color .5s; - text-align: center; - color: #1a1a1a; -} - -.side .md [href$="#butt"]:hover { - background: #1a1a1a; - color: #fff; -} - -.side .md > p:first-of-type { - display: none; -} - -.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { - content: "- flair your thread as solved once your problem is resolved"; - margin-left: 6px; - color: #008a00; -} - -.comments-page .link.linkflair-help .flat-list a.flairselectbtn { - color: #0078D7 !important; -} - -.linkflair-solved.link { - display: none; -} - -.search-page .linkflair-solved.link { - display: block; -} - -a[href*='#icon-chat']::before, a[href*='#icon-feedback']::before, a[href*='#icon-night']::before, a[href*='#icon-feedback2']::before { - display: inline-block; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; -} - -a[href*='#icon']:hover { - text-decoration: none; -} - -a[href*='#icon-chat']::before { - background: url(%%spritesheet%%) -5px -204px; -} - -a[href*='#icon-feedback']::before { - background: url(%%spritesheet%%) -35px -204px; -} - -a[href*='#icon-night']::before { - background: url(%%spritesheet%%) -125px -242px; -} - -a[href*='#icon-feedback2']::before { - background: url(%%wincore-2%%) -5px -345px; -} - -a[href*="#icon-more"] { - text-align: center; - display: block; - color: #0078D7; - font-size: 16px; -} - -a[href*='#iconz'] + .keyNavAnnotation { - display: none; -} - -a[href*='#iconz-tips']::before, a[href*='#iconz-updates']::before, a[href*='#iconz-faq']::before, a[href*='#iconz-install']::before, a[href*='#iconz-wiki']::before { - display: inline-block; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; -} - -a[href*='#iconz']:hover { - text-decoration: none; -} - -a[href*='#iconz-tips']::before { - background: url(%%spritesheet%%) -204px -47px; -} - -a[href*='#iconz-faq']::before { - background: url(%%spritesheet%%) -47px -47px; -} - -a[href*='#iconz-updates']::before { - background: url(%%spritesheet%%) -102px -77px; -} - -a[href*='#iconz-install']::before { - background: url(%%spritesheet%%) -229px -119px; -} - -a[href*='#iconz-wiki']::before { - background: url(%%spritesheet%%) -174px -149px; -} - -.link a.thumbnail[href*="blogs.windows.com"] { - background: url(%%spritesheet%%) -234px -149px no-repeat !important; - width: 45px; - height: 45px; - margin: 10px; -} - -.link a.thumbnail[href*="blogs.windows.com"] img { - display: none; -} - -.res-nightmode .subscribers .number:after, -.subscribers .number:after { - content: " insiders waiting for new bits"; -} - -.subscribers .word { - display: none; -} - -.arrow.down { - pointer-events: none; -} - -.subscriber .arrow.down { - pointer-events: initial; -} - -.post-submitter .link:not(.linkflair) .flairselectbtn { - display: block !important; - position: fixed; - bottom: 30px; - height: 63px; - width: 200px; - left: 15px; - z-index: 9999; - font-size: 0px; - line-height: 49px; - font-family: "Segoe UI", Helvetica, sans-serif; - background-image: url(%%flairy%%); - background-position: 6px 26px; - background-repeat: no-repeat; - background-color: #00a64f; - color: #fff; - text-align: center; - padding-left: 24px; - border: 2px solid #0d9605; - transition: opacity .5s; - text-decoration: none; - animation: toasty 500ms forwards; - animation-iteration-count: 1; - font-weight: normal; -} - -.post-submitter .link:not(.linkflair) .flairselectbtn:before { - background: #0d9605; - display: block; - height: 20px; - width: 224px; - position: relative; - font-size: 13px; - content: "Subreddit notification"; - line-height: 18px; - text-align: left; - text-indent: 10px; - left: -24px; - color: #fff; -} - -.post-submitter .link:not(.linkflair) .flairselectbtn:after { - content: "Click here to flair thread" !important; - font-size: 14px; - display: block; - color: #fff; - position: relative; - top: -50px; -} - -.post-submitter .link:not(.linkflair) .flairselectbtn:hover { - border-color: #2dad56; -} - -@keyframes toasty { - 0% { - transform: scale(0.3) rotateY(90deg); - } - 60% { - transform: scale(1.4); - } - 90% { - transform: scale(0.9); - } -} - -#new_modmail { - position: absolute; - left: -75px; -} - -.helplink ~ .content .author[href*=Izick]:after { - content: '- Head Moderator'; -} - -.helplink ~ .content .author[href*=Jaskys]:after { - content: '- Designer'; -} - -a[href$="WindowsApps#2"] { - position: absolute; - top: 135px; - left: 112px; - color: #ddd !important; - z-index: 99; - border-bottom: 3px solid transparent !important; - text-transform: uppercase; - transition: all .15s ease-in-out; - line-height: 14px; - height: 20px; - padding: 8px 9px 0; - font-size: 11.4px !important; - letter-spacing: 0.1em; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -a[href$="WindowsApps#2"]:hover { - color: #fff !important; - background: rgba(0, 0, 0, 0.1); - border-color: #fff !important; -} +#header{height:165px;background:#F54E7A;border-bottom:none}#header #header-bottom-right #mail.havemail,#header #modmail.havemail{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}#header .hover a:hover,.redditname a:hover:after{color:#fff !important}#header-bottom-left{height:140px}#header-bottom-left .tabmenu{background:rgba(0,0,0,0.2);width:calc(100% - 163px);padding-left:163px;position:absolute;bottom:0;left:0;font-family:"Segoe UI",Helvetica,sans-serif;transition:.5s}#header-bottom-left .tabmenu li{font-weight:400;margin:0}#header-bottom-left .tabmenu li a{background:0 0;color:#ddd;font-size:11.4px;font-family:"Segoe UI",Helvetica,sans-serif;line-height:30px;padding:8px 9px 6px;letter-spacing:0.1em;text-transform:uppercase;transition:all .15s ease-in-out;border-bottom:3px solid transparent !important}#header-bottom-left .tabmenu li a:hover{color:#fff;background:rgba(0,0,0,0.1);border-bottom:3px solid #fff !important}#header-bottom-left .tabmenu li.selected a{background-color:#f06292;border:0;color:#fff;padding-top:7px;font-weight:700;border-bottom:3px solid currentColor !important}#header-bottom-right #modmail,#header-bottom-right .user{height:37px;white-space:nowrap;border-radius:1px;overflow:hidden;transition:background-color 0.5s}#header-img{text-indent:-9999px;display:inline-block;margin-top:112px;position:absolute;z-index:99;height:27px;width:27px;margin-left:4px;padding-right:11px;padding-left:8px;opacity:.8;background-repeat:no-repeat !important;transition:all .15s ease-in-out;border-bottom:3px solid transparent !important}#header-img:hover{opacity:1;background:rgba(0,0,0,0.1);font-weight:500;border-bottom:3px solid #fff !important}#sr-header-area{transition:opacity .3s;opacity:.4;height:24px;background-color:#0C1722;border-bottom:0;letter-spacing:1px;line-height:22px}#sr-header-area:hover{opacity:1}#sr-header-area a{color:#c4c4c4;font-family:"Segoe UI",Helvetica,sans-serif}#sr-header-area .srdrop.dropdown{width:35px;padding:0}#sr-header-area .sr-list{padding-left:8px;border-left:2px solid rgba(196,196,196,0.9);height:24px;line-height:25px}#sr-header-area .srdrop.dropdown .selected{width:35px;height:23px;padding:0;margin:0;display:block;background:url(%%spritesheet%%) -225px -252px no-repeat;line-height:35px;text-indent:-999em}#sr-header-area .srdrop.dropdown .selected:hover{opacity:1}#sr-header-area .drop-choices.srdrop{padding:5px;margin:1px 0 0;background:#222;border:none}#sr-header-area .drop-choices a.choice{color:#AEAEAE}#sr-header-area .drop-choices a.choice:hover{background-color:#333;color:#EEE}#sr-header-area .drop-choices .choice.bottom-option{border-color:#AEAEAE}#sr-more-link,#header [href$="/rising/"],#header [href$="/controversial/"],#header [href$="/ads/"],#suggested-reddits,.voteWeight,.rank,.titlebox .bottom,.submit-page .content h1,.formtabs-content .infobar,a[href*='#icon']+.keyNavAnnotation,a[href*='#/RES_SR_Config/NightModeCompatible']{display:none !important}#url-field button,.submit-page .content button[name=submit]{background:0 0;transition:all .5s;border:1px solid #5cb85c;color:#5cb85c}#url-field button:hover,.submit-page .content button[name=submit]:hover{background:#5cb85c;color:#fff}.submit-page .tabmenu.formtab{margin-bottom:74px}.submit_text.roundfield.enabled{background:#1992FF;position:absolute;top:223px}.submit_text p{color:#eee}button.save,button.submit-action-thing,button.submit-report{background:0 0;transition:background-color .5s;text-transform:capitalize;font-family:"Segoe UI",Helvetica,sans-serif;border:1px solid #5cb85c;color:#5cb85c;padding:0.25rem 0.75rem}button.save:hover,button.submit-action-thing:hover,button.submit-report:hover{background:#5cb85c;color:#fff}button.cancel,button.cancel-action-thing,button.cancel-report-thing{border:1px solid #d9534f;background:0 0;color:#d9534f;padding:.25rem .75rem;text-transform:capitalize;font-family:"Segoe UI",Helvetica,sans-serif;transition:background-color 0.5s}button.cancel-action-thing:hover,button.cancel-report-thing:hover,button.cancel:hover{background:#d9534f;color:#fff}.next-suggestions a,.nextprev a{padding:0 4px;background:0 0;border:none;color:#f06292;text-align:center}.next-suggestions a:hover,.nextprev a:hover{background:#f06292;border:none;color:#fff;outline:0}.btn:active,.gadget .right a:active,.morelink a:active,.sidecontentbox a.helplink:active,button:active,#header #header-bottom-right #mail.havemail:active,#header #header-bottom-right #mail.nohavemail:active,#header #header-bottom-right .choice:active,#header #header-bottom-right .logout a:active,#header-bottom-left .tabmenu li a:active,#header-bottom-right #modmail:active,#header-bottom-right .user:active{background-color:#1686f0 !important}.comment{position:relative;padding:4px 0 0 30px;z-index:1;border:2px solid #e6e6e6;overflow:hidden;margin:0 18px 8px 0}.comment .expand{transition:all .5s;padding:4px 2px;position:absolute;top:0;left:0;bottom:0;padding:4px}.comment .expand:hover{background:#f06292;color:#fff !important;text-decoration:none}.comment.collapsed .tagline{height:21px;line-height:21px}.comment.collapsed .tagline a{line-height:13px}.comment .child,.comment .showreplies{border-left:none}.new-comment{border-color:#FFAB91 !important}.new-comment .expand:hover{background:#ffab91}.new-comment .usertext-body{background-color:transparent;border:none}.tagline .score{font-weight:700}.tagline .likes{color:#F54E7A}.entry .flat-list .reply-button a{color:#F54E7A}.link .domain{visibility:hidden}.link .domain a{visibility:visible;position:relative;top:-1px;color:#b1b1b1}.domain{display:inline-block !important}#siteTable_organic{background:rgba(6,102,178,0.1);margin-right:325px;margin-top:-7px;left:-5px;border-left:3px solid #ff4500;border-right:1px solid rgba(0,0,0,0.1);border-bottom:none;border-top:none}#ad_sponsorship{max-width:295px}.organic-listing .link.promotedlink{margin-left:-1px;border-bottom:1px solid rgba(0,0,0,0.1)}.flairselector{border:1px solid #F54E7A !important}.flairselector .title{font-size:0 !important}.flairselector h2{color:#fff;font-size:13px;background:#F54E7A !important;padding-top:6px;font-weight:lighter !important;text-transform:capitalize;padding-bottom:6px}.flairselector li:hover{background-color:transparent}.flairselector form{border-top:solid 1px #F54E7A;margin-bottom:10px}.flairselector.drop-choices.active{padding:0 !important;box-shadow:none}.flairselector .linkflair{border-left:none !important;background:0 0;width:110px}.flairselector.drop-choices.active{left:40% !important;top:35% !important;position:fixed}.flairoptionpane{max-height:304px}.flairoptionpane li,.flairoptionpane ul{min-width:120px;padding:3px}.comments-page .link .flat-list a.flairselectbtn{color:#F54E7A !important}.nextprev a,.side .usertext-body .md ol a{transition:background-color 0.5s}.submit-page .roundfield{padding:16px;width:525px;background-color:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:0px}.submit-page .roundfield span.title{color:#4d5763;text-transform:capitalize}.submit-page .submit.content#newlink .tabmenu.formtab a{padding:16px;display:inline-block;text-align:center;background-color:#f5f5f5;color:#4d5763;text-transform:uppercase;font-weight:700;transition:all .25s ease;font-size:16px;border:none;width:247.5px}.submit-page .submit.content#newlink .tabmenu.formtab a:hover{background-color:#e7e9f6}.submit-page .submit.content#newlink .tabmenu.formtab .selected a{font-size:16px;background-color:#F54E7A;color:#fff}.submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover{background-color:#f06292}.submit-page #newlink.submit.content .btn{width:558px;height:auto;text-transform:capitalize;font-size:17px;padding:16px;text-align:center}.submit-page #newlink.submit.content .btn:after{content:" your thread";text-transform:none}.formtabs-content{width:520px;border-top:none;margin-top:-15px}form .spacer+.spacer{margin:0}.content.submit .info-notice{background-color:#fff;border-radius:2px;padding:16px;margin-bottom:0;border:1px solid rgba(0,0,0,0.1) !important}.self .expanded ~ .expando .usertext-body{-webkit-animation:700ms expandy ease-in-out forwards;animation:700ms expandy ease-in-out forwards}@-webkit-keyframes expandy{0%{-webkit-transform:translateY(-100px);opacity:0}50%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes expandy{0%{transform:translateY(-100px);opacity:0}50%{transform:translateY(0)}100%{transform:translateY(0);opacity:1}}.expando-button{cursor:pointer;float:left;height:28px;width:30px}.expando-button.selftext.collapsed,.expando-button.selftext.expanded{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed:hover,.expando-button.selftext.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed{background-position:-195px -256px}.expando-button.selftext.collapsed:hover{background-position:-155px -256px}.expando-button.selftext.expanded{background-position:-265px -218px}.expando-button.selftext.expanded:hover{background-position:-305px -218px}.expando-button.video.collapsed{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed:hover{background-image:url(%%spritesheet%%) !important}.expando-button.video.expanded{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed{background-position:-301px -256px}.expando-button.video.collapsed:hover{background-position:-261px -256px}.expando-button.video.expanded{background-position:-265px -218px}.expando-button.video.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat;background-position:-305px -218px}.expando-button.image{cursor:pointer;display:inline-block;height:28px !important;margin-right:11px;padding:0;vertical-align:top !important;width:30px !important}@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2){.expando-button{cursor:pointer;float:left;height:28px;width:30px;background:center center no-repeat #fff;background-size:341px 331px !important}.expando-button.selftext.collapsed,.expando-button.selftext.expanded{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed:hover,.expando-button.selftext.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed{background-position:-195px -256px}.expando-button.selftext.collapsed:hover{background-position:-155px -256px}.expando-button.selftext.expanded{background-position:-265px -218px}.expando-button.selftext.expanded:hover{background-position:-305px -218px}.expando-button.video.collapsed{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed:hover{background-image:url(%%spritesheet%%) !important}.expando-button.video.expanded{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed{background-position:-301px -256px}.expando-button.video.collapsed:hover{background-position:-261px -256px}.expando-button.video.expanded{background-position:-265px -218px}.expando-button.video.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat;background-position:-305px -218px}.expando-button.image{cursor:pointer;display:inline-block;height:28px !important;margin-right:11px;padding:0;vertical-align:top !important;width:30px !important}body>.content #siteTable .thing.self .thumbnail{background-image:url(%%spritesheet%%);background-position:-289px -139px;background-size:341px 331px}}.link .usertext-body .md{border-radius:0 !important;border:1px solid #7cb0d9;background-color:#fff}body>.content #siteTable .thing.self .thumbnail{background-image:url(%%spritesheet%%);width:45px;height:45px;margin:10px 15px 10px 10px;background-repeat:no-repeat !important;background-position:-289px -139px}body>.content #siteTable .thing.stickied .thumbnail{background-image:url(%%spritesheet%%);background-repeat:no-repeat !important;background-position:-289px -84px;margin-right:15px}body>.content #siteTable .thing .thumbnail.default,body>.content #siteTable .thing.over18 .thumbnail{background-image:url(%%spritesheet%%) !important;background-repeat:no-repeat !important;margin:10px 15px 10px 10px;width:45px;height:45px}body>.content #siteTable .thing.stickied .entry>.title .title{color:#00a64f;font-weight:400}body>.content #siteTable .thing.over18 .thumbnail{background-position:-286px -5px !important}body>.content #siteTable .thing .thumbnail.default{background-position:-47px -77px;background-size:341px 331px}.link .title,.submit-page #newlink.submit.content .btn,a[href*="#icon-more"]{font-family:"Segoe UI",Helvetica,sans-serif}.link{padding:10px 0;border-left:3px solid #cec0c0;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,0.1)}.link .title{color:#F54E7A}.link .title:visited{color:#b1b1b1}.link.thing.visited .title{color:#b1b1b1;padding:0 !important}.link.last-clicked{border:0;border-left:3px solid #f06292;background:#f0f8ff}.link .score.likes{color:#f06292}.link .score.dislikes{color:#7f7f7f}.link .flair{font-size:1em}.link .midcol{margin:5px 7px}.nextprev a{padding:5px 0 5px 15px;color:#fff;width:auto;display:block;background:#F54E7A;border-radius:0;font-size:small;margin-top:-12px;margin-right:-1px;margin-left:-5px;text-transform:capitalize}.linklisting .nextprev{font-size:0}.linklisting .stickied{border-left:3px solid #00a64f;background:rgba(0,166,79,0.1)}.linklisting .over18{border-left:3px solid #e2062c;background:rgba(225,6,44,0.1)}.linklisting .md{margin-bottom:0}.linklisting .usertext-edit div textarea{margin-left:-10px}.linklisting .reported{background:rgba(255,0,0,0.1);border-left:3px solid #e2062c}.report-reasons.rounded{display:block !important}.newComments{display:inline;color:#F54E7A}.linkinfo .totalvotes{color:#494949 !important}.arrow{background-image:url(%%spritesheet%%) !important;background-position:center center;outline:0 !important;border:none !important}.arrow.up{background-position:-289px -194px}.arrow.upmod{background-position:-296px -60px}.arrow.down{background-position:-321px -60px}.arrow.downmod{background-position:-271px -60px}.arrow.up:hover,.arrow.down:hover{opacity:0.6}body .linklisting{margin-right:330px;bottom:0;margin-top:-7px;padding:0;border-right:1px solid rgba(0,0,0,0.1)}.entry .buttons li a{padding:0px;font-size:1.145em}.tagline,.search-result-meta{font-size:1.145em}#siteTable .thing{margin-left:-5px !important;transition:all .2s}.listing-page .link:hover{border-left-color:#f06292;background:#f0f8ff}.entry .flat-list .report-button a,.res-nightmode .entry .flat-list .report-button a{color:#d9534f}.reddit-infobar{background:#fff;BORDER:1px solid #d7ecff}.reddit-infobar.with-icon{margin-left:-4px}.reddit-infobar.with-icon:before{background-color:solid #F54E7A;background-repeat:no-repeat}.c-btn-primary{background-color:solid #F54E7A;border-bottom:2px solid #4270a2;color:#fff;border-radius:0}.sitetable .comment{background-color:#FFF !important}.sitetable .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}a.author{margin-right:0.3em}.panestack-title{margin:0 330px 0 -5px;padding:4px 0px;background:#F54E7A;color:#fff;border-bottom:transparent}.panestack-title .title{font-size:1.3em;margin:10px 0 10px 10px}.panestack-title a.title-button{color:#fff !important}.panestack-title a.title-button.gold{background-color:transparent;border:none}.thing.stickied a.title{font-weight:700 !important;font-size:large}.green,.tagline .moderator{color:#00a64f;font-weight:700;padding-left:0;padding-right:1px}.entry .flat-list .approve-button a{color:#00a64f}.tagline .stickied-tagline{color:#00a64f}.tagline a:hover{color:#f06292 !important}.gold-accent{background-color:#F54E7A;border:none;display:inline-block;color:#fff !important}#noresults{padding:10px;margin-right:310px !important;color:#fff;background:#F54E7A;margin-left:5px !important;display:none}.commentarea .infobar{color:#eee;background:#F54E7A;border:none;display:flex}.commentarea .infobar a{color:#eee}.commentarea .infobar p{line-height:8px}.comments-page .sitetable.nestedlisting>.thing.stickied{border-bottom:solid 3px #00a64f;background:rgba(0,166,79,0.1) !important}.comments-page.linkflair-bug .flat-list a.flairselectbtn:after,.comments-page.linkflair-help .flat-list a.flairselectbtn:after{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}.comments-page .usertext-edit div textarea{background:url(%%wincore-2%%) 206px -213px no-repeat #FFF !important;border:1px solid #000 !important;opacity:.8;margin-top:5px;outline:0;display:block;clear:both;margin-bottom:10px}.comments-page .usertext-edit div textarea:focus{background:#FFF !important;opacity:1;border-color:#0078D6 !important}.comments-page .link{border-left:1px solid #c6c6c6 !important}.commentarea .menuarea{margin:5px 310px 5px 5px}.commentarea .md{margin-bottom:0}.md{overflow:visible}.md a{color:#F54E7A}.md code{white-space:normal}.md blockquote{border-left:2px solid #f06292;background-color:#efefed}.usertext.border .usertext-body{background-color:rgba(0,120,213,0.3);width:95%}.wiki-page .pageactions{border-radius:0;border:1px solid #f06292}.wiki-page .pageactions .wikiaction{margin:0 !important;border-radius:0 !important}.wiki-page .pageactions .wikiaction:hover{background-color:#f06292 !important;color:#fff !important}.wiki-page .pageactions .wikiaction-current{background-color:#F54E7A}.wiki-page .wiki-page-content .nextprev a{margin-bottom:12px}ul.tabmenu.formtab{padding-left:0}::selection{background-color:#f06292;color:#fff}.buttons .comments.empty{color:#F54E7A}.leavemoderator,.titlebox form.toggle{color:#000;background:#fff;border-left:5px solid #d7ecff;padding-left:10px;font-size:8pt;margin-right:5px;border-right:1px solid #d7ecff}#baconBit{width:394px !important;height:304px !important;background-image:url(%%res-easter-egg%%) no-repeat !important;transition:all 10s linear !important}.sheets .col textarea{width:98%;background:#1d1f21;color:#ddd !important;height:712px !important;font-family:SourceCodePro-Medium, monospace}.gadget .right a,a[href*="#tech"]{font-family:"Segoe UI",Helvetica,sans-serif;text-align:center}.sheets ::-webkit-scrollbar{background-color:#0f0f0f !important}.sheets ::-webkit-scrollbar-corner,.sheets ::-webkit-scrollbar-thumb{background:#313131 !important}.panestack-title{border-bottom:transparent}.infobar.newsletterbar{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;overflow:hidden;min-height:80px;padding:15px 20px 20px 25px;border:none;border-radius:0;background-color:#30659B;border-left:3px solid #ff4500;margin:-7px 325px 7px 0px;left:-5px}#eu-cookie-policy .reddit-infobar a{color:#222 !important}.leavemoderator{border-color:#393939 !important;background:#222 !important}.gadget .midcol{margin-right:9px}.gadget .right a{background:#F54E7A;padding:5px 10px;margin-right:5px;display:block;color:#fff;font-size:16px;transition:background-color .5s;text-transform:capitalize}.gadget .right a:hover{background:#f06292}span.clear-input-button{color:#fff}#newlink-with-image-upload .clear-input-button{border-radius:0 !important;width:33px !important;height:27px !important;top:0 !important;line-height:26px !important;border:1px solid grey;background:#F54E7A !important;transition:background-color .5s;right:-10px !important}#newlink-with-image-upload .clear-input-button:hover{background:#f06292 !important}#newlink-with-image-upload .image-upload-drop-target{padding:15px !important}#newlink-with-image-upload .file-upload-button{background:#F54E7A;border:none;padding:7px 20px !important;display:block !important;margin:6px -17px -17px !important;transition:background-color 0.5s}#newlink-with-image-upload .file-upload-button:hover{background:#f06292}@media (max-width: 880px){#siteTable_organic{margin-right:-5px}#header-bottom-left .tabmenu{width:calc(100% - 50px);padding-left:50px}.side{display:none}body .linklisting{margin-right:0 !important}.footer::after{display:none !important}.infobar{margin-right:18px}.footer{border-right:1px solid #F54E7A}.panestack-title{margin:0 0px 0 -5px}.infobar.newsletterbar{margin:-7px -5px 7px 0px}}.side{margin:0;padding-left:30px;background:0 0}.side:after{content:"/r/ClearShift theme";font-size:large;color:#F54E7A;margin-left:50px}.side .md h2{margin-top:1.4em;font-size:1.4em}.side .md h3{font-size:1.2em;color:#555;margin:2em 0 0.2em}.side .md h4{color:#888;margin-bottom:1.5em}.side .md p{margin:0.5em 0}.side .md p a{margin:0 .2em;font-size:1.1em}.side .md p a:first-child{margin-left:0}.side .md h1,.side .md h2,.side .md h3,.side .md h4{color:#fff;font-size:13px;font-weight:400}.side .md h1:after,.side .md h2:after,.side .md h3:after,.side .md h4:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-24px}.side .md h1 a,.side .md h2 a,.side .md h3 a,.side .md h4 a{color:#fff;font-size:13px}.side .md h1{color:#fff;font-size:13px}.side .md h1 a{color:#fff;font-size:13px}.side .titlebox div.subButtons,.side .titlebox h1.redditname+div,.side .titlebox>.fancy-toggle-button{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:8pt;border-radius:0;font-weight:400;margin:0 5px 0 0}.side .titlebox div.subButtons,.side .titlebox h1.redditname+div,.side .titlebox>.fancy-toggle-button{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}.side .titlebox div.subButtons,.side .titlebox>.fancy-toggle-button{width:269.3px}.side .titlebox>.fancy-toggle-button{display:block !important}.side div.titlebox ul{list-style-type:none;margin:0;padding:0}.side .subscribe-button .add{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}@-webkit-keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}@-moz-keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}@keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}.titlebox h1:after,.sidecontentbox .title:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-24px}div.side div.tagline{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0}div.side form.flairtoggle,div.side form.leavecontributor-button{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0}div.side span.subscribers{border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0;padding:7px 10px 10px;display:block !important;padding-top:5px;padding-bottom:10px;border-top:none}div.side span.subscribers span{vertical-align:middle}div.side span.subscribers span.number:before{background:url(%%spritesheet%%) -192px -5px;display:block;float:left;width:20px;height:20px;content:"";margin-right:5px;margin-top:-3px}div.side div.tagline{display:block !important}div.side form.flairtoggle{display:block}div.side div.leavemoderator{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side form.flairtoggle{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side p.users-online{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side div.tagline{padding-top:0;border-top:none}.morelink{border:1px solid #F54E7A;background:#F54E7A;width:145px;margin-right:5px;transition:all 0.5s;box-sizing:border-box}.morelink a{color:#fff;font-family:"Segoe UI",Helvetica,sans-serif;font-weight:400;letter-spacing:0;font-size:0.9em}.morelink:hover{background:#f06292;border-color:#f06292}.morelink:hover a{color:#fff;border-color:#f06292}.morelink .nub{display:none}.submit .morelink{float:left}.submit-page .titlebox h1{margin-top:0 !important}.redditname{margin-top:53px !important}.reddit-link{padding:7px 10px 10px;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:1em;margin-right:5px}.icon-menu li{display:block;margin:0;padding:7px 10px 10px !important;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;margin-right:5px !important}.search-page .side .spacer{margin:10px 0}.sidebox.create{display:none !important}.helplink ~ .content .author[href*=AutoModerator],.helplink ~ .content .author[href*=flair_your_post_bot]{display:none}.helplink ~ .content .author:after{content:'- Moderator';font-size:0.945em;margin-left:5px;color:#F54E7A}.helplink ~ .content .flair{display:none}.linkinfo{background-color:transparent}.sidecontentbox .helplink+.title h1{font-size:0}.sidecontentbox .helplink+.title h1:before{font-size:13px !important;content:"Moderators team";text-transform:capitalize}.helplink ~ .content .author .helplink ~ .content .author:hover{color:#f06292}.sidecontentbox .content .linkflairlabel{display:none}div.titlebox .md h3:hover+ul{display:block}div.titlebox .md ul li strong:first-child,div.titlebox .md ul:hover{display:block}div.titlebox .md ul li{border:none;margin-right:5px}.sidecontentbox .content a.author,.sidecontentbox .more{display:block;margin:0;padding:7px 10px 10px !important;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:0.945em;margin-right:5px !important}.sidecontentbox .content a.author:hover,.sidecontentbox .more:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}.sidecontentbox .content{border:none;padding:0}.sidecontentbox .more{text-align:center}.sidecontentbox .more a{color:#369}.icon-menu li:hover,.reddit-link:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}div.titlebox .md ul li{padding:7px 10px 10px;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:0.945em}div.titlebox .md ul li:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}div.titlebox div.styleToggle,div.titlebox span.fancy-toggle-button a.active{padding:5px 10px;background-color:#f06292;color:#fff;font-size:8pt;display:block !important;background-image:none;border-radius:0;font-weight:400;margin:0;border:none}div.titlebox div.styleToggle{background-color:#F54E7A;line-height:20px}div.titlebox div.styleToggle input,div.titlebox div.styleToggle label{vertical-align:middle;margin:0}div.titlebox span.fancy-toggle-button a.active.add:hover,div.titlebox span.fancy-toggle-button a.active.remove{background-color:#F54E7A}div.titlebox span.fancy-toggle-button a.active.remove:before{content:"";padding-right:5px}div.titlebox span.fancy-toggle-button a.active.remove:hover:after{content:"=(";font-style:italic;padding-left:5px}div.titlebox span.fancy-toggle-button a.active.add:before{content:"+";padding-right:5px;color:#fff}#RESShortcutsAdd,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort,#RESShortcutsTrash{width:17px !important}.sidecontentbox .content a.author{display:block;margin:0;padding:3px 0}.sidecontentbox .content a.author:hover{color:#f06292}#searchexpando{padding:10px;border:1px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:8pt;border-radius:0;font-weight:400;margin:0 5px 0 0;width:273px !important;border-left:1px solid #d7ecff}#search input[type=text]{width:295px !important;border-color:#F54E7A}.sidecontentbox .title{border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;font-weight:400;margin-top:0;margin-bottom:0;margin-left:-10px}div.titlebox .md h3:before{content:"+";color:#fff;padding-right:5px}div.titlebox .md h2,div.titlebox .md h3,div.titlebox .md h4{border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;font-weight:400;cursor:default;margin-top:0;margin-bottom:0;margin-left:-10px}div.titlebox h1{border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;font-weight:400;margin-top:0;margin-bottom:0;margin-left:-10px;font-size:13px}.leavemoderator,.users-online,.leavecontributor-button{display:none}.sidecontentbox a.helplink{margin-right:5px}.icon-menu a{background:0 0}.titlebox .bottom{border:none}.titlebox h1 a,.pagename a{color:#FFF}#RESShortcutsAdd,#RESShortcutsEditContainer,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort,#RESShortcutsTrash{background-color:transparent !important}#RESShortcutsAdd:hover,#RESShortcutsEditContainer:hover,#RESShortcutsLeft:hover,#RESShortcutsRight:hover,#RESShortcutsSort:hover,#RESShortcutsTrash:hover{color:#f0f0f0 !important}.titlebox .md h3+ul:hover,.titlebox .md h3:hover+ul{max-height:600px}div.titlebox .md h3+ul{display:block;transition:1.8s max-height ease-out;overflow:hidden;max-height:0}div.titlebox .md h3:hover+ul{transition:.8s max-height ease-out}div.commentarea .infobar p{background:#f06292;padding:10px;margin:-5px -5px -5px 10px}.linkinfo{padding:0;border:none}.linkinfo .score,.linkinfo .shortlink{color:#494949;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:8pt;margin-right:5px}.linkinfo .score{padding:7px 10px;margin-top:10px}.linkinfo .shortlink{display:block;font-weight:600;text-transform:capitalize;margin-top:0;padding:7px 10px 10px}.date{position:relative}.date:before{content:"Date ";display:block;color:#fff !important;text-transform:none;border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;cursor:pointer;margin-top:0;margin-bottom:6px;margin-left:-10px;font:400 small verdana, arial, helvetica, sans-serif}.date:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-19px;margin-top:-32px}.date span{display:block;background-color:#fff;padding:7px 0 10px 10px;border-left:5px solid #d7ecff;border-bottom:1px solid #d7ecff;margin:-6px 5px -10px 0;border-right:1px solid #d7ecff}.date span,.date time{color:#494949;font-size:9pt}.date time{position:absolute;top:50%;left:55%;padding:9px 0 10px 0}.totalvotes{display:block;background-color:#fff;color:#494949 !important;font-weight:600;text-transform:capitalize;margin-top:0;padding:7px 10px 10px;border-left:5px solid #d7ecff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:8pt !important;margin-right:5px}.linkinfo .shortlink input{height:10px;border:none;width:181px;font-size:13px}.submit-page .side:before{content:"Use search before posting";font-size:large;color:#E54661;margin-left:27px}.sidecontentbox a.helplink{float:none;margin-top:4px;clear:both;text-align:center;display:block;color:#fff;background:#F54E7A;box-sizing:border-box;margin-bottom:10px}.sidecontentbox a.helplink:hover{background:#f06292}.sidecontentbox .title h1,.sidecontentbox a.helplink{color:#fff}.account-activity-box,.sidecontentbox a.helplink{font-size:16px;padding:10px;transition:background-color .5s;text-transform:capitalize}.account-activity-box{display:block !important;background:#F54E7A;margin-right:5px}.account-activity-box:hover{background:#f06292}.account-activity-box a{color:#fff;padding:10px 70px}#header #header-bottom-right{background:0 0;bottom:-18px;top:auto;padding:3px;height:59px;font-family:"Segoe UI",Helvetica,sans-serif}#header-bottom-right .separator{display:none}#header-bottom-right .user{position:relative;top:0;width:119px;padding-left:42px;padding-top:5px;font-size:13px;color:#eaeaea;line-height:170%;background:url(%%spritesheet%%) -110px -289px no-repeat #F54E7A;float:left;border:2px solid #fff;cursor:pointer}#beta-help,.beta-hint a{position:absolute !important}#header-bottom-right .user>a{text-indent:4px;color:#FFF;display:block;line-height:12px;white-space:nowrap}#header-bottom-right .user span a{color:#fff}#header-bottom-right #mail{top:0;top:0 !important;width:42px;height:42px;display:inline-block}#header-bottom-right #modmail{position:absolute;margin-left:-267px;top:3px;padding-left:26px;padding-top:5px;background:url(%%spritesheet%%) -224px -72px no-repeat #F54E7A;border:2px solid #fff}#modmail.havemail{background:url(%%spritesheet%%) -224px -72px #ff4500 !important}#header #header-bottom-right #modmail:hover,#header #header-bottom-right .choice:hover,#header #header-bottom-right .user:hover{background-color:#f06292}#header #header-bottom-right .logout{display:inline-block}#header #header-bottom-right #mail,#header #header-bottom-right .choice,#header #header-bottom-right .logout a{margin-left:5px;width:42px;width:42px !important;height:42px;display:inline-block;text-indent:50px;overflow:hidden;transition:background-color 0.5s}#header #header-bottom-right #mail.nohavemail{background:url(%%spritesheet%%) 0px -114px no-repeat #F54E7A;border-radius:1px;border:2px solid #fff}#header #header-bottom-right #mail.havemail{background:url(%%spritesheet%%) 0px -114px no-repeat #ff4500}.res #header #header-bottom-right #mail.havemail{background:url(%%spritesheet%%) 0px -115px no-repeat #ff4500}#header #header-bottom-right #mail.havemail{border-radius:1px;border:2px solid #fff}#header #header-bottom-right .choice{background:url(%%spritesheet%%) -127px -114px no-repeat #F54E7A;border-radius:1px;border:2px solid #fff}.beta-hint{opacity:1}.beta-hint a{top:0;left:-78px;color:transparent !important;background-color:#F54E7A;background-image:url(%%spritesheet%%) !important;background-repeat:no-repeat !important;background-size:341px 331px !important;background-position:-72px -143px !important;width:42px;height:42px;border-radius:1px;border:2px solid #fff;transition:background-color 0.5s}.beta-hint a:hover{background-color:green !important}#beta-help{background:#FFFFE1 !important;color:#000 !important;left:1200px !important;top:170px !important}.res .beta-hint a{display:none}#header #header-bottom-right .logout a{background:url(%%spritesheet%%) -127px -42px no-repeat #F54E7A;border-radius:1px;border:2px solid #fff}#header #header-bottom-right #mail.havemail,#header #header-bottom-right #mail.nohavemail{border-bottom:none}#header #header-bottom-right .choice,#header #header-bottom-right .logout a{border-bottom:none}#header-bottom-right #modmail,#header-bottom-right .user{border-bottom:none}.user .userkarma{border-bottom:none}#header #header-bottom-right #mail:hover,#header #header-bottom-right .choice:hover,#header #header-bottom-right .user:hover{background-color:#f06292}#header #header-bottom-right .logout a:hover{text-indent:-99999px;color:#fff;background:url(%%spritesheet%%) -127px -42px no-repeat #ce352c}#openRESPrefs{position:absolute;right:365px;top:22px}#mailCount{position:absolute;left:208px;top:-2px;color:#fff;font-size:14px;overflow:hidden}.message-count{background:#f06292;height:42px;font-size:medium;line-height:42px !important;margin-left:-4px;vertical-align:top;display:none}.user .userkarma{cursor:help}#RESAccountSwitcherIconOverlay{display:none !important}#RESAccountSwitcherIcon{float:right;margin-right:5px;margin-top:-10px;background:url(%%spritesheet%%) -264px -5px no-repeat !important}.side .usertext-body .md ol{position:absolute;top:30px;right:0;margin:0 30px 0 0;padding:0;z-index:99}.md-container-small .md .-text,.md-container-small .md li,.md-container-small .md p,.md-container-small .md pre>code,.md-container-small .md td,.md-container-small .md th{list-style:none}.side .usertext-body .md ol a[href$="#special"]{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:3s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}.side .md .-text,.side .md li,.side .md p,.side .md pre>code,.side .md td,.side .md th{list-style:none}.side .usertext-body .md ol a{background-color:#57b5ff;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;opacity:0.8}.side .usertext-body .md ol a:hover{opacity:1}.side .md>ol li a[href$='#special']:after,.side .md>ol li a[href$='#special']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#special']{border:2px solid #fefefe;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;transition:opacity .5s;background-color:#1686f0;opacity:0.8}.side .usertext-body .md ol a[href$='#special']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px;background-color:#F54E7A;content:"Event";color:#fff}.side .usertext-body .md ol a[href$='#special']:hover{opacity:1}.side .usertext-body .md ol a[href$='#achieve']{border:2px solid #fefefe;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;transition:opacity .5s;background-color:#28bc07;opacity:0.8}.side .usertext-body .md ol a[href$='#achieve']:hover{opacity:1}.side .md>ol li a[href$='#sticky']:after,.side .md>ol li a[href$='#sticky']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#achieve']:before,.side .usertext-body .md ol a[href$='#sticky']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#achieve']:before{background-color:#0d9605;content:"Achievement unlocked";color:#fff}.side .usertext-body .md ol a[href$='#sticky'],.side .usertext-body .md ol a[href$='#stickyg']{font-weight:400;padding:5px 5px 5px 0;margin-bottom:3px;border:2px solid #fefefe;display:inline-block;font-size:12px;transition:opacity .5s;text-decoration:none}.side .usertext-body .md ol a[href$='#sticky']{background-color:#1686f0;opacity:0.8}.side .usertext-body .md ol a[href$='#sticky']:hover{opacity:1}.side .usertext-body .md ol a[href$='#stickyg']:hover{opacity:1}.side .usertext-body .md ol a[href$='#sticky']:before{background-color:#F54E7A;content:"Sticky";color:#fff}.side .usertext-body .md ol a[href$='#stickyg']{background-color:#28bc07;opacity:0.8}.side .md>ol li a[href$='#achieve']:after,.side .md>ol li a[href$='#achieve']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .md>ol li a[href$='#update']:after,.side .md>ol li a[href$='#update']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#stickyg']:before,.side .usertext-body .md ol a[href$='#update']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#stickyg']:before{background-color:#0d9605;content:"Sticky";color:#fff}.side .usertext-body .md ol a[href$='#update']{border:2px solid #fefefe;background-color:#1686f0;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;opacity:.8;transition:opacity 0.5s}.side .usertext-body .md ol a[href$='#update']:before{background-color:#F54E7A;content:"Update";color:#fff}.side .usertext-body .md ol a[href$='#update']:hover{opacity:1}.side .md del{color:#fff;text-decoration:none}.md a:hover{color:#f06292}.res-nightmode body,html[lang^=nm] body{background:#1a1a1a !important}.res-nightmode #sr-header-area,html[lang^=nm] #sr-header-area{background-color:#0C1722}.res-nightmode a,html[lang^=nm] a{color:#f8f8ff}.res-nightmode .morelink a,.res-nightmode a[href*="#Donsiders"],.res-nightmode a[href*="#btn"],html[lang^=nm] .morelink a,html[lang^=nm] a[href*="#Donsiders"],html[lang^=nm] a[href*="#btn"]{color:#fff !important}.res-nightmode .shortlink input,html[lang^=nm] .shortlink input{background:#393939;color:#ddd}.res-nightmode #previoussearch #moresearchinfo,.res-nightmode .roundfield label,.res-nightmode .search-result-body,.res-nightmode div.side #searchexpando,.res-nightmode .submit-page .roundfield .title,.res-nightmode .md,.res-nightmode .md blockquote,.res-nightmode .md del,.res-nightmode .comments-page .usertext-edit div textarea,html[lang^=nm] #previoussearch #moresearchinfo,html[lang^=nm] .roundfield label,html[lang^=nm] .search-result-body,html[lang^=nm] div.side #searchexpando,html[lang^=nm] .submit-page .roundfield .title,html[lang^=nm] .md,html[lang^=nm] .md blockquote,html[lang^=nm] .md del,html[lang^=nm] .comments-page .usertext-edit div textarea{color:#eee !important}.res-nightmode .md blockquote,html[lang^=nm] .md blockquote{background:rgba(0,87,166,0.24);border-left:2px solid #f06292 !important;color:#888 !important}.res-nightmode .md code,html[lang^=nm] .md code{border:none !important;background-color:#393939 !important;border-radius:0 !important;border-left:3px solid #f06292 !important}.res-nightmode .commentingAs,.res-nightmode .date time,.res-nightmode .linkinfo .score,.res-nightmode .linkinfo .shortlink,.res-nightmode .side .titlebox>.fancy-toggle-button,.res-nightmode .edit-stylesheet.choice:after,.res-nightmode .wiki-page .wiki-page-content,html[lang^=nm] .commentingAs,html[lang^=nm] .date time,html[lang^=nm] .linkinfo .score,html[lang^=nm] .linkinfo .shortlink,html[lang^=nm] .side .titlebox>.fancy-toggle-button,html[lang^=nm] .edit-stylesheet.choice:after,html[lang^=nm] .wiki-page .wiki-page-content{color:#ddd !important}.res-nightmode .date span,.res-nightmode .date time,html[lang^=nm] .date span,html[lang^=nm] .date time{border-bottom:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode #header,.res-nightmode #newlink-with-image-upload #new-link-preview,.res-nightmode .account-activity-box,.res-nightmode .date:before,.res-nightmode .morelink,.res-nightmode .nextprev a,.res-nightmode .titlebox h1,html[lang^=nm] #header,html[lang^=nm] #newlink-with-image-upload #new-link-preview,html[lang^=nm] .account-activity-box,html[lang^=nm] .date:before,html[lang^=nm] .morelink,html[lang^=nm] .nextprev a,html[lang^=nm] .titlebox h1{background:#222 !important}.res-nightmode #header #header-bottom-right #mail:hover,.res-nightmode #header #header-bottom-right #modmail:hover,.res-nightmode #header #header-bottom-right .choice:hover,.res-nightmode #header #header-bottom-right .logout:hover,.res-nightmode #header #header-bottom-right .user:hover,html[lang^=nm] #header #header-bottom-right #mail:hover,html[lang^=nm] #header #header-bottom-right #modmail:hover,html[lang^=nm] #header #header-bottom-right .choice:hover,html[lang^=nm] #header #header-bottom-right .logout:hover,html[lang^=nm] #header #header-bottom-right .user:hover{background-color:#393939 !important}.res-nightmode #header #header-bottom-right .logout a,.res-nightmode #header #header-bottom-right .nohavemail#mail,html[lang^=nm] #header #header-bottom-right .logout a,html[lang^=nm] #header #header-bottom-right .nohavemail#mail{background-color:transparent !important;outline:0 !important}.res-nightmode #header-bottom-right #modmail,.res-nightmode #header-bottom-right .choice,.res-nightmode #header-bottom-right .user,html[lang^=nm] #header-bottom-right #modmail,html[lang^=nm] #header-bottom-right .choice,html[lang^=nm] #header-bottom-right .user{background-color:transparent !important;outline:0 !important}.res-nightmode #header-bottom-left .tabmenu,.res-nightmode #header-img,.res-nightmode #header-img.default-header,html[lang^=nm] #header-bottom-left .tabmenu,html[lang^=nm] #header-img,html[lang^=nm] #header-img.default-header{background:transparent !important}.res-nightmode #header-bottom-left .tabmenu,.res-nightmode .new-comment .usertext-body,html[lang^=nm] #header-bottom-left .tabmenu,html[lang^=nm] .new-comment .usertext-body{background-color:transparent;border:none}.res-nightmode .date,html[lang^=nm] .date{color:#ddd !important}.res-nightmode .date::before,html[lang^=nm] .date::before{color:#ddd !important}.res-nightmode .flair,html[lang^=nm] .flair{color:#ddd !important}.res-nightmode .footer,html[lang^=nm] .footer{border-right:none !important;border-top:none}.res-nightmode .footer div.col a,.res-nightmode .footer::after,html[lang^=nm] .footer div.col a,html[lang^=nm] .footer::after{color:#ddd !important}.res-nightmode div.side div.tagline,.res-nightmode div.side form.flairtoggle,.res-nightmode div.side span.subscribers,html[lang^=nm] div.side div.tagline,html[lang^=nm] div.side form.flairtoggle,html[lang^=nm] div.side span.subscribers{background:#222 !important;color:#ddd !important}.res-nightmode div.titlebox .md ul li,html[lang^=nm] div.titlebox .md ul li{background:#222 !important;color:#ddd !important}.res-nightmode .sidecontentbox .title,.res-nightmode .sidecontentbox a.helplink,html[lang^=nm] .sidecontentbox .title,html[lang^=nm] .sidecontentbox a.helplink{background:#222 !important}.res-nightmode div.titlebox .md h1,.res-nightmode div.titlebox .md h2,.res-nightmode div.titlebox .md h3,.res-nightmode div.titlebox .md h4,html[lang^=nm] div.titlebox .md h1,html[lang^=nm] div.titlebox .md h2,html[lang^=nm] div.titlebox .md h3,html[lang^=nm] div.titlebox .md h4{background:#222 !important}.res-nightmode #searchexpando,.res-nightmode .icon-menu li,.res-nightmode .totalvotes,.res-nightmode .reddit-link,.res-nightmode .sidecontentbox .content a.author,.res-nightmode .sidecontentbox .more,.res-nightmode .reddit-link,.res-nightmode .linkinfo .score,.res-nightmode .linkinfo .shortlink,.res-nightmode div.titlebox .md ul li,html[lang^=nm] #searchexpando,html[lang^=nm] .icon-menu li,html[lang^=nm] .totalvotes,html[lang^=nm] .reddit-link,html[lang^=nm] .sidecontentbox .content a.author,html[lang^=nm] .sidecontentbox .more,html[lang^=nm] .reddit-link,html[lang^=nm] .linkinfo .score,html[lang^=nm] .linkinfo .shortlink,html[lang^=nm] div.titlebox .md ul li{border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode #searchexpando:hover,.res-nightmode .icon-menu li:hover,.res-nightmode .totalvotes:hover,.res-nightmode .reddit-link:hover,.res-nightmode .sidecontentbox .content a.author:hover,.res-nightmode .sidecontentbox .more:hover,.res-nightmode .reddit-link:hover,.res-nightmode .linkinfo .score:hover,.res-nightmode .linkinfo .shortlink:hover,.res-nightmode div.titlebox .md ul li:hover,html[lang^=nm] #searchexpando:hover,html[lang^=nm] .icon-menu li:hover,html[lang^=nm] .totalvotes:hover,html[lang^=nm] .reddit-link:hover,html[lang^=nm] .sidecontentbox .content a.author:hover,html[lang^=nm] .sidecontentbox .more:hover,html[lang^=nm] .reddit-link:hover,html[lang^=nm] .linkinfo .score:hover,html[lang^=nm] .linkinfo .shortlink:hover,html[lang^=nm] div.titlebox .md ul li:hover{background-color:#393939 !important;border-left-color:#7cb0d9 !important}.res-nightmode div.side div.leavemoderator,.res-nightmode div.side p.users-online,.res-nightmode div.side span.subscribers,.res-nightmode div.side form.leavecontributor-button,.res-nightmode div.side .titlebox div.subButtons,.res-nightmode div.side .titlebox h1.redditname+div,.res-nightmode div.side .titlebox>.fancy-toggle-button,html[lang^=nm] div.side div.leavemoderator,html[lang^=nm] div.side p.users-online,html[lang^=nm] div.side span.subscribers,html[lang^=nm] div.side form.leavecontributor-button,html[lang^=nm] div.side .titlebox div.subButtons,html[lang^=nm] div.side .titlebox h1.redditname+div,html[lang^=nm] div.side .titlebox>.fancy-toggle-button{border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode div.side div.tagline,.res-nightmode div.side form.flairtoggle,html[lang^=nm] div.side div.tagline,html[lang^=nm] div.side form.flairtoggle{border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;border-bottom:none !important;background:#222 !important}.res-nightmode .titlebox form.toggle,html[lang^=nm] .titlebox form.toggle{background:#222;border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;color:#eee}.res-nightmode .sitetable .comment .comment,html[lang^=nm] .sitetable .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment,html[lang^=nm] .sitetable .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode button,html[lang^=nm] button{border:none;background-color:#222 !important}.res-nightmode a[href*="#square"]::before,html[lang^=nm] a[href*="#square"]::before{border:3px solid #393939}.res-nightmode .link,html[lang^=nm] .link{border-bottom:1px solid #2D2E32 !important;border-right:1px solid #2D2E32 !important}.res-nightmode .listing-page .link:hover,html[lang^=nm] .listing-page .link:hover{background:#393939 !important;border-left-color:#a9a9a9 !important}.res-nightmode div.titlebox .md ul li:hover,html[lang^=nm] div.titlebox .md ul li:hover{background-color:#393939 !important;border-left-color:#7cb0d9 !important}.res-nightmode div.titlebox .md h1:after,.res-nightmode div.titlebox .md h2:after,.res-nightmode div.titlebox .md h3:after,.res-nightmode div.titlebox .md h4:after,html[lang^=nm] div.titlebox .md h1:after,html[lang^=nm] div.titlebox .md h2:after,html[lang^=nm] div.titlebox .md h3:after,html[lang^=nm] div.titlebox .md h4:after{display:block;position:absolute;z-index:-1;border-color:transparent #393939 transparent transparent !important}.res-nightmode div.titlebox h1:after,.res-nightmode div.titlebox .sidecontentbox .title:after,html[lang^=nm] div.titlebox h1:after,html[lang^=nm] div.titlebox .sidecontentbox .title:after{display:block;position:absolute;z-index:-1;border-color:transparent #393939 transparent transparent !important}.res-nightmode .flairselector,.res-nightmode .comments-page .usertext-edit div textarea,.res-nightmode #eu-cookie-policy .reddit-infobar,.res-nightmode #search input[type=text],html[lang^=nm] .flairselector,html[lang^=nm] .comments-page .usertext-edit div textarea,html[lang^=nm] #eu-cookie-policy .reddit-infobar,html[lang^=nm] #search input[type=text]{background-color:#222 !important;color:#ddd}.res-nightmode #header-bottom-left .tabmenu li.selected a,.res-nightmode .link .usertext-body .md,.res-nightmode .debuginfo,.res-nightmode .sidecontentbox a.helplink:hover,.res-nightmode .cookie-infobar.with-icon:before,.res-nightmode div.titlebox span.fancy-toggle-button a.active.remove,.res-nightmode .link .score .likes,.res-nightmode .nextprev a:hover,.res-nightmode .side .morelink a:hover,.res-nightmode button:hover,.res-nightmode .account-activity-box:hover,html[lang^=nm] #header-bottom-left .tabmenu li.selected a,html[lang^=nm] .link .usertext-body .md,html[lang^=nm] .debuginfo,html[lang^=nm] .sidecontentbox a.helplink:hover,html[lang^=nm] .cookie-infobar.with-icon:before,html[lang^=nm] div.titlebox span.fancy-toggle-button a.active.remove,html[lang^=nm] .link .score .likes,html[lang^=nm] .nextprev a:hover,html[lang^=nm] .side .morelink a:hover,html[lang^=nm] button:hover,html[lang^=nm] .account-activity-box:hover{background-color:#393939 !important}.res-nightmode .comment .usertext .md p>a:visited,.res-nightmode .md a,.res-nightmode h2 a:visited,html[lang^=nm] .comment .usertext .md p>a:visited,html[lang^=nm] .md a,html[lang^=nm] h2 a:visited{color:#3498db}.res-nightmode ::-webkit-scrollbar,html[lang^=nm] ::-webkit-scrollbar{background-color:#393939}.res-nightmode ::-webkit-scrollbar-thumb,html[lang^=nm] ::-webkit-scrollbar-thumb{background-color:#666;border:2px solid #333;transition:background-color 0.5s}.res-nightmode ::-webkit-scrollbar-thumb:hover,html[lang^=nm] ::-webkit-scrollbar-thumb:hover{background-color:#555;transition:background-color 0.5s}.res-nightmode ::-webkit-scrollbar-thumb:active,html[lang^=nm] ::-webkit-scrollbar-thumb:active{background-color:#bbb}.res-nightmode ::-webkit-scrollbar-corner,html[lang^=nm] ::-webkit-scrollbar-corner{color:#555}.res-nightmode textarea,html[lang^=nm] textarea{color:#000 !important}.res-nightmode .content,html[lang^=nm] .content{margin-bottom:0;margin-top:0}.res-nightmode input[type=button],.res-nightmode input[type=reset],.res-nightmode input[type=submit],html[lang^=nm] input[type=button],html[lang^=nm] input[type=reset],html[lang^=nm] input[type=submit]{border:none}.res-nightmode .side .spacer .titlebox .redditname,html[lang^=nm] .side .spacer .titlebox .redditname{border-left-color:#f06292}.res-nightmode .gold-accent,html[lang^=nm] .gold-accent{background:#F54E7A}.res-nightmode .thing .title:visited,.res-nightmode .thing.visited .title,html[lang^=nm] .thing .title:visited,html[lang^=nm] .thing.visited .title{color:#808c94}.res-nightmode .thing .title,html[lang^=nm] .thing .title{color:#B5C4D0}.res-nightmode .content.submit .info-notice,.res-nightmode .submit-page .roundfield,html[lang^=nm] .content.submit .info-notice,html[lang^=nm] .submit-page .roundfield{background-color:#222;color:#eee}.res-nightmode #header #header-bottom-right #mail.havemail,html[lang^=nm] #header #header-bottom-right #mail.havemail{outline:0}.res-nightmode .formtabs-content .infobar,html[lang^=nm] .formtabs-content .infobar{border-color:transparent !important}.res-nightmode .infobar,html[lang^=nm] .infobar{border-color:#ff4500 !important}.res-nightmode span.score,html[lang^=nm] span.score{color:#888 !important}.res-nightmode .comment.spam>.child,.res-nightmode .message.spam>.child,.res-nightmode .usertext.grayed .usertext-body,html[lang^=nm] .comment.spam>.child,html[lang^=nm] .message.spam>.child,html[lang^=nm] .usertext.grayed .usertext-body{background-color:transparent}.res-nightmode div.commentarea .infobar,html[lang^=nm] div.commentarea .infobar{color:#eee;border:none}.res-nightmode .comment,html[lang^=nm] .comment{border:1px solid #43474F}.res-nightmode a[href*='#icon-day'],html[lang^=nm] a[href*='#icon-day']{display:inline-block !important}.res-nightmode a[href*='#icon-day']::before,html[lang^=nm] a[href*='#icon-day']::before{display:inline-block !important;display:none;height:20px;width:20px;content:'';margin:0 7px -4px 0;background:url(%%spritesheet%%) -85px -294px}.res-nightmode a[href*='#icon-night'],html[lang^=nm] a[href*='#icon-night']{display:none}.res-nightmode a[href*="#icon-chat"]::before,html[lang^=nm] a[href*="#icon-chat"]::before{background-image:url(%%wincore-2%%);background-position:-5px -405px}.res-nightmode a[href*="#icon-feedback"]::before,html[lang^=nm] a[href*="#icon-feedback"]::before{background-position:-47px -149px}.res-nightmode a[href*="#icon-feedback2"]::before,html[lang^=nm] a[href*="#icon-feedback2"]::before{background-position:-5px -375px}.res-nightmode a[href*="#iconz-tips"]::before,html[lang^=nm] a[href*="#iconz-tips"]::before{background-position:-234px -47px}.res-nightmode a[href*="#iconz-updates"]::before,html[lang^=nm] a[href*="#iconz-updates"]::before{background-position:-259px -119px}.res-nightmode a[href*="#iconz-faq"]::before,html[lang^=nm] a[href*="#iconz-faq"]::before{background-position:-174px -47px}.res-nightmode a[href*="#iconz-install"]::before,html[lang^=nm] a[href*="#iconz-install"]::before{background-position:-259px -119px}.res-nightmode a[href*="#iconz-wiki"]::before,html[lang^=nm] a[href*="#iconz-wiki"]::before{background-position:-204px -149px}.res-nightmode #siteTable .thing,.res-nightmode .link.promotedlink,html[lang^=nm] #siteTable .thing,html[lang^=nm] .link.promotedlink{background:#202020}.res-nightmode .organic-listing,html[lang^=nm] .organic-listing{background:none !important}.res-nightmode body>.content #siteTable .thing.self .thumbnail,html[lang^=nm] body>.content #siteTable .thing.self .thumbnail{background-position:-77px -5px}.res-nightmode body>.content #siteTable .thing .thumbnail.default,html[lang^=nm] body>.content #siteTable .thing .thumbnail.default{background-position:-174px -77px}.res-nightmode div.side span.subscribers span.number:before,html[lang^=nm] div.side span.subscribers span.number:before{background-position:-162px -5px}.res-nightmode .expando-button.selftext.collapsed,html[lang^=nm] .expando-button.selftext.collapsed{background-position:-5px -242px}.res-nightmode .expando-button.selftext.collapsed:hover,html[lang^=nm] .expando-button.selftext.collapsed:hover{background-position:-225px -204px}.res-nightmode .expando-button.selftext.expanded,html[lang^=nm] .expando-button.selftext.expanded{background-position:-65px -204px}.res-nightmode .expando-button.selftext.expanded:hover,html[lang^=nm] .expando-button.selftext.expanded:hover{background-position:-105px -204px}.res-nightmode .expando-button.video.collapsed,html[lang^=nm] .expando-button.video.collapsed{background-position:-85px -242px}.res-nightmode .expando-button.video.collapsed:hover,html[lang^=nm] .expando-button.video.collapsed:hover{background-position:-45px -242px}.res-nightmode .expando-button.video.expanded,html[lang^=nm] .expando-button.video.expanded{background-position:-65px -204px}.res-nightmode .expando-button.video.expanded:hover,html[lang^=nm] .expando-button.video.expanded:hover{background-position:-105px -204px}.res-nightmode .date:after,html[lang^=nm] .date:after{border-color:transparent #393939 transparent transparent !important}.res-nightmode .date span,html[lang^=nm] .date span{border-left:5px solid #393939 !important;color:#ddd;border-right-color:#393939}.res-nightmode .date time,html[lang^=nm] .date time{border-right:1px solid #393939 !important}.res-nightmode .link.last-clicked,html[lang^=nm] .link.last-clicked{background:#393939 !important}.res-nightmode .comments-page .link,html[lang^=nm] .comments-page .link{border-left:3px solid transparent}.res-nightmode .res .RES-keyNav-activeElement{background-color:#292929 !important}.res-nightmode .res .commentarea .RES-keyNav-activeElement .md,.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed{background-color:#292929 !important}.res-nightmode .RES-keyNav-activeElement{background-color:#292929 !important}.res-nightmode .RES-keyNav-activeElement .md-container{background-color:#292929 !important}.res-nightmode .arrow.upmod{background-position:-296px -60px !important}.res-nightmode .arrow.down{background-position:-321px -60px !important}.res-nightmode .arrow.up{background-position:-289px -194px !important}.res-nightmode .arrow.downmod{background-position:-271px -60px !important}.res-nightmode .side .titlebox>.fancy-toggle-button{background:#222 !important;color:#ddd !important}.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container{background-color:transparent !important}.res #sr-header-area #srDropdownContainer a:hover{opacity:1}.res .comment .midcol{margin-left:20px}.res .comment .new-comment{border:2px solid #FFAB91 !important;border-radius:0px !important}.res #sr-header-area #srDropdownContainer a{width:35px;height:23px;padding:0;margin:0;display:block;background:url(%%spritesheet%%) -225px -252px no-repeat;line-height:35px;text-indent:-999em}.res .RES-keyNav-activeElement,.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .noncollapsed .RES-keyNav-activeElement.entry{background-color:0 0 !important}.res .RESDashboardToggle,.res .RESshortcutside{background:0 0;border:none;font-weight:400;text-transform:uppercase}.res .sitetable .sitetable{margin-right:0}.RESSubscriptionButton{color:#fff !important;border-radius:1px !important;background-color:transparent !important}.RESSubscriptionButton{border:none !important}#RESAnnouncementAlert,#userbarToggle,.multi-count,.sidecontentbox .content .RESUserTagImage::after,.res .sidebox.create,.res .message-count,.res .side .userTagLink{display:none !important}#RESSettingsButton{right:20px;top:3px}#RESStaticShortcuts{line-height:25px}.footer{border-bottom:1px solid #F54E7A;padding:0;border-left:1px solid #F54E7A}.footer::after{border-bottom:1px solid #F54E7A;display:block;margin-top:0;padding:10px;padding-top:8px !important;color:#000;content:"Designed by /u/Jaskys";font-size:16px;font-family:"Segoe UI",Helvetica,sans-serif;border-top:34px solid #F54E7A;border-right:1px solid #F54E7A;margin-bottom:-1.1px;width:90px}.footer div.col{position:relative;margin:0;padding:0;width:176px;height:auto;font-family:"Segoe UI",Helvetica,sans-serif}.footer div.col .title{font-size:16px;text-transform:capitalize;padding:8px;color:#fff;background:#F54E7A;max-height:18px}.footer div.col a{display:block;margin:5px;padding:3px 4px 3px 7px;color:#000}.footer div.col a:hover{color:#000;text-decoration:none;background:#fff}.footer p.bottommenu{font-weight:700;color:#FFF;clear:left;padding:6px}.footer p.bottommenu a{font-weight:700;color:#FFF}.footer .col{border-left:none !important}.debuginfo{background:#F6F6F6}.rounded{border-radius:0}.flat-vert{text-align:center}.titlebox h1.redditname a{font-size:0}.titlebox h1.redditname a:after{content:"Windows 10";color:#fff;font:400 small verdana, arial, helvetica, sans-serif}#header .redditname a{font-size:0;background:url(%%wincore-2%%) -5px -5px no-repeat;margin-left:10px;height:100px;display:block;position:absolute;top:30px}#header .redditname a:hover{background:url(%%wincore-2%%) -5px -115px no-repeat !important;text-decoration:none}#header .redditname a:after{content:"Windows 10";font-size:70px;font-weight:lighter;color:#ECF0F1;font-family:"Segoe UI Light",Helvetica,sans-serif;letter-spacing:.05em;margin-left:100px;line-height:100px;font-variant:normal;transition:background-color 0.5s}.flair-mod,.flair-msft{border:none;background:0 0;font-weight:700}.flair-mod:before,.flair-msft:before{content:"- "}.sidecontentbox .flair-mod{display:none}.flair-mod{color:#00a64f}.linklisting .flair-msft:after{display:none}.flair-msft{height:16px;line-height:16px;color:#0078D7;padding:0}.flair-msft:after{content:"Microsoft Employee";position:absolute;top:-0.7px;right:-1px;bottom:-1px;left:-1px;text-align:right;padding:.25em .5em;border:3px solid #8bb9e2;pointer-events:none}.author[href$=Adam-MSFT],.author[href$=Dave_MSFT],.author[href$=DrPreppy],.author[href$=EKILBO],.author[href$=Giffdev],.author[href$=James-MSFT],.author[href$=KritiMSFT],.author[href$=MailmanOdd],.author[href$=MasterDevwi],.author[href$=MsftHealthWill],.author[href$=NorthFaceHiker],.author[href$=Psychlist1972],.author[href$=Sawan-Msft],.author[href$=Sawan-MSFT],.author[href$=StephA_MSFT],.author[href$=Zev_MSFT],.author[href$=adam_msft],.author[href$=anaotero-MSFT],.author[href$=anbutle],.author[href$=anthonykinseymsft],.author[href$=bbyboi],.author[href$=bitcrazed],.author[href$=bloodytemplar],.author[href$=devbent],.author[href$=donaMSFT],.author[href$=jenmsft],.author[href$=Sean_MSFT],.author[href$=jeremy_msft],.author[href$=johnwinkmsft],.author[href$=josh_msft],.author[href$=kylealden],.author[href$=maheshrd],.author[href$=mike_msft],.author[href$=msftbanddev],.author[href$=msftbilly],.author[href$=mvaneerde],.author[href$=ooeygui],.author[href$=samersaw],.author[href$=sjarawan],.author[href$=stefohneee],.author[href$=toma_msft],.author[href$=vpmsft],.author[href$=xander-msft],.author[href$=zac_l],.author[href$=craigbarkhouse],.author[href$=elvenharps],.author[href$=nerdile],.author[href$=einarmsft],.author[href$=yosefdurr],.author[href$=Travis_MSFT],.author[href$=caithartMSFT],.author[href$=ClayMSFT]{color:#0078D7;font-weight:700}.author[href$=ildun],.author[href$=Katsuga50]{color:#e67e22;font-weight:700}.flair-wiki{color:#e67e22;font-weight:700;height:16px;line-height:16px;border:none;background:0 0;padding:0}.flair-wiki:before{content:"- "}html:lang(nh) .linkflair-bug,html:lang(nh) .linkflair-help{display:none !important}.flairselector{background-color:#fff}.linkflair-help .linkflairlabel{background-color:#FF6138;border-color:#FF6138}.linkflair-solved .linkflairlabel{background-color:#008a00;border-color:#008a00}.linkflair-unresolved .linkflairlabel{background-color:#FF7D4D;border-color:#FF7D4D}.linkflair-bug .linkflairlabel{background-color:#ce352c;border-color:#ce352c}.linkflair-update .linkflairlabel{background-color:#0078D7;border-color:#0078D7}.linkflair-feature .linkflairlabel{background-color:#00aba9;border-color:#00aba9}.linkflair-discussion .linkflairlabel{background-color:#ff9e00;border-color:#ff9e00}.linkflair-hardware .linkflairlabel{background-color:#f0a30a;border-color:#f0a30a}.linkflair-tip .linkflairlabel{background-color:#468966;border-color:#468966}.linkflair-meta .linkflairlabel{background-color:#4390df;border-color:#4390df}.linkflair-app .linkflairlabel{background-color:#bf5a15;border-color:#bf5a15}.linkflair-gaming .linkflairlabel{background-color:#107c10;border-color:#107c10}.linkflair-question .linkflairlabel{background-color:#008a00;border-color:#008a00}.linkflair-news .linkflairlabel{background-color:#F2385A;border-color:#F2385A}.linkflair-official .linkflairlabel{background-color:#2086bf;border-color:#2086bf}.linkflair-oc .linkflairlabel{background-color:#76608a;border-color:#76608a}.linkflair-concept .linkflairlabel{background-color:#14B6F5;border-color:#14B6F5}.linkflair-request .linkflairlabel{background-color:#00aba9;border-color:#00aba9}.side a[href*='#update'],.side a[href*='#official'],.side a[href*='#news'],.side a[href*='#help'],.side a[href*='#solved'],.side a[href*='#unresolved'],.side a[href*='#bug'],.side a[href*='#feature'],.side a[href*='#discussion'],.side a[href*='#hardware'],.side a[href*='#tip'],.side a[href*='#meta'],.side a[href*='#gaming'],.side a[href*='#app'],.side a[href*='#original%20content'],.side a[href*='#concept'],.side a[href*='#request'],.side a[href*='#question'],.side a[href*='#hideflair'],.side a[href*='#hidehelp']{display:inline-block;position:relative;text-align:center;font-size:80%;padding:3px 10px;color:#fff;margin:3px}.side a[href*='#official']{background:#2086bf}.side a[href*='#news']{background:#F2385A}.side a[href*='#help']{background:#FF6138}.side a[href*='#solved']{background:#008a00}.side a[href*='#unresolved']{background:#FF7D4D}.side a[href*='#bug']{background:#ce352c}.side a[href*='#update']{background:#81003c}.side a[href*='#feature']{background:#00aba9}.side a[href*='#discussion']{background:#bf5a15}.side a[href*='#hardware']{background:#f0a30a}.side a[href*='#tip']{background:#468966}.side a[href*='#meta']{background:#4390df}.side a[href*='#gaming']{background:#76608a}.side a[href*='#app']{background:#bf5a15}.side a[href*='#original%20content']{background:#0B9C67}.side a[href*='#concept']{background:#14B6F5}.side a[href*='#request']{background:#00aba9}.side a[href*='#question']{background:#008a00}.side a[href*='#hideflair'],.side a[href*='#hidehelp']{background:#E42608}.side a[href*='#update']:hover,.side a[href*='#official']:hover,.side a[href*='#news']:hover,.side a[href*='#help']:hover,.side a[href*='#solved']:hover,.side a[href*='#unresolved']:hover,.side a[href*='#bug']:hover,.side a[href*='#feature']:hover,.side a[href*='#discussion']:hover,.side a[href*='#hardware']:hover,.side a[href*='#tip']:hover,.side a[href*='#meta']:hover,.side a[href*='#gaming']:hover,.side a[href*='#app']:hover,.side a[href*='#original%20content']:hover,.side a[href*='#concept']:hover,.side a[href*='#request']:hover,.side a[href*='#question']:hover,.side a[href='']:hover{opacity:0.8}.flair-special{margin:0 4px 4px 0;padding:0 11px 1px;border-width:1px;border-radius:1px;color:#fff;font-weight:700;background-color:#008a00;border-color:#008a00}.linkflairlabel{margin:0 4px -2px 0;padding:0 4px 1px;vertical-align:-2px;color:#fff;font-weight:400;font-size:10px;font-family:"Segoe UI",Helvetica,sans-serif;pointer-events:none;border-width:3px;border-radius:1px;pointer-events:none}.linkflairlabel:lang(nf){display:none}.linkflair-discussion{border-left:3px solid #ff9e00 !important;background:rgba(255,158,0,0.1)}.linkflair-tip{border-left:3px solid #468966 !important;background:rgba(70,137,102,0.1)}.linkflair-news{border-left:3px solid #F2385A !important;background:rgba(242,56,90,0.1)}.comments-page .link.linkflair-solved{display:block}#header-img.default-header,a[href*="#icon-day"]{display:none}a[href*='#square-app']::before{background:-187px -5px #bf5a15;border:3px solid #e8e8e8}a[href*='#square-tip']::before{background:-187px -5px #555;border:3px solid #e8e8e8}a[href*='#square-meta']::before{background:-187px -5px #4390df;border:3px solid #e8e8e8}a[href*='#square-original']::before{background:-187px -5px #76608a;border:3px solid #e8e8e8}a[href*='#square-concept']::before{background:-187px -5px #14B6F5;border:3px solid #e8e8e8}a[href*='#square-solved']::before{background:-187px -5px #008a00;border:3px solid #e8e8e8}a[href*='#square-hflairs']::before{background:-187px -5px #F54E7A;border:3px solid #e8e8e8;border-radius:50%}a[href*='#square-hhelp']::before{background:-187px -5px #f06292;border:3px solid #e8e8e8;border-radius:50%}a[href*='#square']+.keyNavAnnotation{display:none}a[href*='#square-feature']::before,a[href*='#square-request']::before,a[href*='#square-bug']::before,a[href*='#square-official']::before,a[href*='#square-news']::before,a[href*='#square-help']::before,a[href*='#square-update']::before,a[href*='#square-discussion']::before,a[href*='#square-hardware']::before,a[href*='#square-app']::before,a[href*='#square-tip']::before,a[href*='#square-meta']::before,a[href*='#square-original']::before,a[href*='#square-concept']::before,a[href*='#square-solved']::before,a[href*='#square-hflairs']::before,a[href*='#square-hhelp']::before,a[href*='#square-gaming']::before{display:inline-block;height:10px;width:10px;content:'';margin:0 5px -4px 0}a[href*='#square-']:hover::before{text-decoration:none;background:#f06292;border-color:#80c2ff;left:4px;top:8px;transition:all 0.15s ease}a[href*='#square-bug']::before{background:-187px -5px #ce352c;border:3px solid #e8e8e8}a[href*='#square-official']::before{background:-187px -5px #2086bf;border:3px solid #e8e8e8}a[href*='#square-news']::before{background:-187px -5px #F2385A;border:3px solid #e8e8e8}a[href*='#square-help']::before{background:-187px -5px #FF6138;border:3px solid #e8e8e8}a[href*='#square-update']::before{background:-187px -5px #81003c;border:3px solid #e8e8e8}a[href*='#square-discussion']::before{background:-187px -5px #ff9e00;border:3px solid #e8e8e8}a[href*='#square-hardware']::before{background:-187px -5px #f0a30a;border:3px solid #e8e8e8}a[href*='#square-gaming']::before{background:-187px -5px #107c10;border:3px solid #e8e8e8}a[href*='#square-feature']::before,a[href*='#square-request']::before{background:-187px -5px #00aba9;border:3px solid #e8e8e8}.side .md blockquote{padding:2px 10px 5px;border-left:5px solid #f5c684;background-color:#fef8f1;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:10px;margin:0 5px 0 0;color:#222}.side .md blockquote:hover{background-color:#fcecd9;border-left-color:#f0ad4e}.side .md blockquote a{font-size:11px}.res-nightmode .side .md blockquote,html[lang^=nm] .side .md blockquote{border-left:5px solid #3B81FB !important;color:#ddd !important}a[href$="WindowsMobile#2"]{position:absolute;top:135px;left:48px;color:#ddd !important;z-index:99;border-bottom:3px solid transparent !important;text-transform:uppercase;transition:all .15s ease-in-out;line-height:14px;height:20px;padding:8px 9px 0;font-size:11.4px !important;letter-spacing:0.1em;font-family:"Segoe UI",Helvetica,sans-serif}a[href$="WindowsMobile#2"]:hover{color:#fff !important;background:rgba(0,0,0,0.1);border-color:#fff !important}a[href*="#Donsiders"],a[href*="#btn"]{display:inline-block;border:1px solid #0081ba;color:#fff !important;padding:10px 13px;margin:5px 0;transition:all 0.5s;border-radius:1px}a[href*="#Donsiders"]:hover,a[href*="#btn"]:hover{background:#f06292;-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 7px 14px rgba(50,50,93,0.1),0 3px 6px rgba(0,0,0,0.08)}a[href*="#Donsiders"]{background:#009e7e}a[href*="#Donsiders"]:hover{background:#f06292}a[href*="#btn"]{background:#0057a6}a[href*="#square-showflairs"]{float:right}a[href*="#square-showflairs"]::before{display:inline-block;height:10px;width:10px;content:"";background:-187px -5px #F54E7A;border:3px solid #e8e8e8;border-radius:50%;margin-left:5px}a[href*="#square-hflairs"]::after{content:"or";margin-left:50px}a[href*="#square-hflairs"]:hover::after{color:#F54E7A}.side .md [href$="#butt"]{display:inline-block !important;font-size:8pt;border:2px solid #F54E7A;padding:9px 8px;transition:background-color .5s;text-align:center;color:#F54E7A}.side .md [href$="#butt"]:hover{background:#F54E7A;color:#fff}.side .md>p:first-of-type{display:none}.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after,.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after{content:"- flair your thread as solved once your problem is resolved";margin-left:6px;color:#008a00}.comments-page .link.linkflair-help .flat-list a.flairselectbtn{color:#0078D7 !important}.linkflair-solved.link{display:none}.search-page .linkflair-solved.link{display:block}a[href*='#icon-chat']::before,a[href*='#icon-feedback']::before,a[href*='#icon-night']::before,a[href*='#icon-feedback2']::before{display:inline-block;height:20px;width:20px;content:'';margin:0 7px -4px 0}a[href*='#icon']:hover{text-decoration:none}a[href*='#icon-chat']::before{background:url(%%spritesheet%%) -5px -204px}a[href*='#icon-feedback']::before{background:url(%%spritesheet%%) -35px -204px}a[href*='#icon-night']::before{background:url(%%spritesheet%%) -125px -242px}a[href*='#icon-feedback2']::before{background:url(%%wincore-2%%) -5px -345px}a[href*="#icon-more"]{text-align:center;display:block;color:#f06292;font-size:16px}a[href*='#iconz']+.keyNavAnnotation{display:none}a[href*='#iconz-tips']::before,a[href*='#iconz-updates']::before,a[href*='#iconz-faq']::before,a[href*='#iconz-install']::before,a[href*='#iconz-wiki']::before{display:inline-block;height:20px;width:20px;content:'';margin:0 7px -4px 0}a[href*='#iconz']:hover{text-decoration:none}a[href*='#iconz-tips']::before{background:url(%%spritesheet%%) -204px -47px}a[href*='#iconz-faq']::before{background:url(%%spritesheet%%) -47px -47px}a[href*='#iconz-updates']::before{background:url(%%spritesheet%%) -102px -77px}a[href*='#iconz-install']::before{background:url(%%spritesheet%%) -229px -119px}a[href*='#iconz-wiki']::before{background:url(%%spritesheet%%) -174px -149px}.link a.thumbnail[href*="blogs.windows.com"]{background:url(%%spritesheet%%) -234px -149px no-repeat !important;width:45px;height:45px;margin:10px}.link a.thumbnail[href*="blogs.windows.com"] img{display:none}.res-nightmode .subscribers .number:after,.subscribers .number:after{content:" insiders waiting for new bits"}.subscribers .word{display:none}.arrow.down{pointer-events:none}.subscriber .arrow.down{pointer-events:initial}.post-submitter .link:not(.linkflair) .flairselectbtn{display:block !important;position:fixed;bottom:30px;height:63px;width:200px;left:15px;z-index:9999;font-size:0px;line-height:49px;font-family:"Segoe UI",Helvetica,sans-serif;background-image:url(%%flairy%%);background-position:6px 26px;background-repeat:no-repeat;background-color:#00a64f;color:#fff;text-align:center;padding-left:24px;border:2px solid #0d9605;transition:opacity .5s;text-decoration:none;animation:toasty 500ms forwards;animation-iteration-count:1;font-weight:normal}.post-submitter .link:not(.linkflair) .flairselectbtn:before{background:#0d9605;display:block;height:20px;width:224px;position:relative;font-size:13px;content:"Subreddit notification";line-height:18px;text-align:left;text-indent:10px;left:-24px;color:#fff}.post-submitter .link:not(.linkflair) .flairselectbtn:after{content:"Click here to flair thread" !important;font-size:14px;display:block;color:#fff;position:relative;top:-50px}.post-submitter .link:not(.linkflair) .flairselectbtn:hover{border-color:#2dad56}@keyframes toasty{0%{transform:scale(0.3) rotateY(90deg)}60%{transform:scale(1.4)}90%{transform:scale(0.9)}}#new_modmail{position:absolute;left:-75px}.helplink ~ .content .author[href*=Izick]:after{content:'- Head Moderator'}.helplink ~ .content .author[href*=Jaskys]:after{content:'- Designer'}a[href$="WindowsApps#2"]{position:absolute;top:135px;left:112px;color:#ddd !important;z-index:99;border-bottom:3px solid transparent !important;text-transform:uppercase;transition:all .15s ease-in-out;line-height:14px;height:20px;padding:8px 9px 0;font-size:11.4px !important;letter-spacing:0.1em;font-family:"Segoe UI",Helvetica,sans-serif}a[href$="WindowsApps#2"]:hover{color:#fff !important;background:rgba(0,0,0,0.1);border-color:#fff !important} diff --git a/css/minified/r-windows8.css b/css/minified/r-windows8.css index 1b22d84..92faf46 100644 --- a/css/minified/r-windows8.css +++ b/css/minified/r-windows8.css @@ -1,4206 +1,4 @@ -/* -Designed by /u/Jaskys -/r/ClearShift theme base -Contributors: /u/supersmilers, /u/mtvee, /u/BatDogOnBatMobile, /u/MrLawbreaker -Icons provided by www.icons8.com under "Creative Commons Attribution-NoDerivs 3.0 Unported" license -Main color: #5133AB -Secondary: #643EBF -Christmas -Main color: #BF0426 -Secondary: #7A0218 -*/ -#header { - height: 165px; - background: #5133AB; - border-bottom: none; -} - -#header #header-bottom-right #mail.havemail, -#header #modmail.havemail { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -#header .hover a:hover, -.redditname a:hover:after { - color: #fff !important; -} - -#header-bottom-left { - height: 140px; -} - -#header-bottom-left .tabmenu { - background: rgba(0, 0, 0, 0.2); - width: calc(100% - 50px); - padding-left: 50px; - position: absolute; - bottom: 0; - left: 0; - font-family: "Segoe UI", Helvetica, sans-serif; - transition: .5s; -} - -#header-bottom-left .tabmenu li { - font-weight: 400; - margin: 0; -} - -#header-bottom-left .tabmenu li a { - background: 0 0; - color: #ddd; - font-size: 11.4px; - font-family: "Segoe UI", Helvetica, sans-serif; - line-height: 30px; - padding: 8px 9px 6px; - letter-spacing: 0.1em; - text-transform: uppercase; - transition: all .15s ease-in-out; - border-bottom: 3px solid transparent !important; -} - -#header-bottom-left .tabmenu li a:hover { - color: #fff; - background: rgba(0, 0, 0, 0.1); - border-bottom: 3px solid #fff !important; -} - -#header-bottom-left .tabmenu li.selected a { - background-color: #643EBF; - border: 0; - color: #fff; - padding-top: 7px; - font-weight: 700; - border-bottom: 3px solid currentColor !important; -} - -#header-bottom-right #modmail, -#header-bottom-right .user { - height: 37px; - white-space: nowrap; - border-radius: 1px; - overflow: hidden; - transition: background-color 0.5s; -} - -#header-img { - text-indent: -9999px; - display: inline-block; - margin-top: 112px; - position: absolute; - z-index: 99; - height: 27px; - width: 27px; - margin-left: 4px; - padding-right: 11px; - padding-left: 8px; - opacity: .8; - background-repeat: no-repeat !important; - transition: all .15s ease-in-out; - border-bottom: 3px solid transparent !important; -} - -#header-img:hover { - opacity: 1; - background: rgba(0, 0, 0, 0.1); - font-weight: 500; - border-bottom: 3px solid #fff !important; -} - -#sr-header-area { - transition: opacity .3s; - opacity: .4; - height: 24px; - background-color: #0C1722; - border-bottom: 0; - letter-spacing: 1px; - line-height: 22px; -} - -#sr-header-area:hover { - opacity: 1; -} - -#sr-header-area a { - color: #c4c4c4; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -#sr-header-area .srdrop.dropdown { - width: 35px; - padding: 0; -} - -#sr-header-area .sr-list { - padding-left: 8px; - border-left: 2px solid rgba(196, 196, 196, 0.9); - height: 24px; - line-height: 25px; -} - -#sr-header-area .srdrop.dropdown .selected { - width: 35px; - height: 23px; - padding: 0; - margin: 0; - display: block; - background: url(%%spritesheet%%) -225px -252px no-repeat; - line-height: 35px; - text-indent: -999em; -} - -#sr-header-area .srdrop.dropdown .selected:hover { - opacity: 1; -} - -#sr-header-area .drop-choices.srdrop { - padding: 5px; - margin: 1px 0 0; - background: #222; - border: none; -} - -#sr-header-area .drop-choices a.choice { - color: #AEAEAE; -} - -#sr-header-area .drop-choices a.choice:hover { - background-color: #333; - color: #EEE; -} - -#sr-header-area .drop-choices .choice.bottom-option { - border-color: #AEAEAE; -} - -#sr-more-link, -#header [href$="/rising/"], -#header [href$="/controversial/"], -#header [href$="/ads/"], -#suggested-reddits, -.voteWeight, -.rank, -.titlebox .bottom, -.submit-page .content h1, -.formtabs-content .infobar, -a[href*='#icon'] + .keyNavAnnotation, -a[href*='#/RES_SR_Config/NightModeCompatible'] { - display: none !important; -} - -#url-field button, -.submit-page .content button[name=submit] { - background: 0 0; - transition: all .5s; - border: 1px solid #5cb85c; - color: #5cb85c; -} - -#url-field button:hover, -.submit-page .content button[name=submit]:hover { - background: #5cb85c; - color: #fff; -} - -.submit-page .tabmenu.formtab { - margin-bottom: 74px; -} - -.submit_text.roundfield.enabled { - background: #1992FF; - position: absolute; - top: 223px; -} - -.submit_text p { - color: #eee; -} - -button.save, button.submit-action-thing, button.submit-report { - background: 0 0; - transition: background-color .5s; - text-transform: capitalize; - font-family: "Segoe UI", Helvetica, sans-serif; - border: 1px solid #5cb85c; - color: #5cb85c; - padding: 0.25rem 0.75rem; -} - -button.save:hover, button.submit-action-thing:hover, button.submit-report:hover { - background: #5cb85c; - color: #fff; -} - -button.cancel, button.cancel-action-thing, button.cancel-report-thing { - border: 1px solid #d9534f; - background: 0 0; - color: #d9534f; - padding: .25rem .75rem; - text-transform: capitalize; - font-family: "Segoe UI", Helvetica, sans-serif; - transition: background-color 0.5s; -} - -button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cancel:hover { - background: #d9534f; - color: #fff; -} - -.next-suggestions a, -.nextprev a { - padding: 0 4px; - background: 0 0; - border: none; - color: #643EBF; - text-align: center; -} - -.next-suggestions a:hover, -.nextprev a:hover { - background: #643EBF; - border: none; - color: #fff; - outline: 0; -} - -.btn:active, -.gadget .right a:active, -.morelink a:active, -.sidecontentbox a.helplink:active, -button:active, -#header #header-bottom-right #mail.havemail:active, -#header #header-bottom-right #mail.nohavemail:active, -#header #header-bottom-right .choice:active, -#header #header-bottom-right .logout a:active, -#header-bottom-left .tabmenu li a:active, -#header-bottom-right #modmail:active, -#header-bottom-right .user:active { - background-color: #1686f0 !important; -} - -.comment { - position: relative; - padding: 4px 0 0 30px; - z-index: 1; - border: 2px solid #e6e6e6; - overflow: hidden; - margin: 0 18px 8px 0; -} - -.comment .expand { - transition: all .5s; - padding: 4px 2px; - position: absolute; - top: 0; - left: 0; - bottom: 0; - padding: 4px; -} - -.comment .expand:hover { - background: #643EBF; - color: #fff !important; - text-decoration: none; -} - -.comment.collapsed .tagline { - height: 21px; - line-height: 21px; -} - -.comment.collapsed .tagline a { - line-height: 13px; -} - -.comment .child, -.comment .showreplies { - border-left: none; -} - -.new-comment { - border-color: #FFAB91 !important; -} - -.new-comment .expand:hover { - background: #ffab91; -} - -.new-comment .usertext-body { - background-color: transparent; - border: none; -} - -.tagline .score { - font-weight: 700; -} - -.tagline .likes { - color: #5133AB; -} - -.entry .flat-list .reply-button a { - color: #5133AB; -} - -.link .domain { - visibility: hidden; -} - -.link .domain a { - visibility: visible; - position: relative; - top: -1px; - color: #b1b1b1; -} - -.domain { - display: inline-block !important; -} - -#siteTable_organic { - background: rgba(6, 102, 178, 0.1); - margin-right: 325px; - margin-top: -7px; - left: -5px; - border-left: 3px solid #ff4500; - border-right: 1px solid rgba(0, 0, 0, 0.1); - border-bottom: none; - border-top: none; -} - -#ad_sponsorship { - max-width: 295px; -} - -.organic-listing .link.promotedlink { - margin-left: -1px; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.flairselector { - border: 1px solid #5133AB !important; -} - -.flairselector .title { - font-size: 0 !important; -} - -.flairselector h2 { - color: #fff; - font-size: 13px; - background: #5133AB !important; - padding-top: 6px; - font-weight: lighter !important; - text-transform: capitalize; - padding-bottom: 6px; -} - -.flairselector li:hover { - background-color: transparent; -} - -.flairselector form { - border-top: solid 1px #5133AB; - margin-bottom: 10px; -} - -.flairselector.drop-choices.active { - padding: 0 !important; - box-shadow: none; -} - -.flairselector .linkflair { - border-left: none !important; - background: 0 0; - width: 110px; -} - -.flairselector.drop-choices.active { - left: 40% !important; - top: 35% !important; - position: fixed; -} - -.flairoptionpane { - max-height: 304px; -} - -.flairoptionpane li, -.flairoptionpane ul { - min-width: 120px; - padding: 3px; -} - -.comments-page .link .flat-list a.flairselectbtn { - color: #5133AB !important; -} - -.nextprev a, -.side .usertext-body .md ol a { - transition: background-color 0.5s; -} - -.submit-page .roundfield { - padding: 16px; - width: 525px; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0px; -} - -.submit-page .roundfield span.title { - color: #4d5763; - text-transform: capitalize; -} - -.submit-page .submit.content#newlink .tabmenu.formtab a { - padding: 16px; - display: inline-block; - text-align: center; - background-color: #f5f5f5; - color: #4d5763; - text-transform: uppercase; - font-weight: 700; - transition: all .25s ease; - font-size: 16px; - border: none; - width: 247.5px; -} - -.submit-page .submit.content#newlink .tabmenu.formtab a:hover { - background-color: #e7e9f6; -} - -.submit-page .submit.content#newlink .tabmenu.formtab .selected a { - font-size: 16px; - background-color: #5133AB; - color: #fff; -} - -.submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover { - background-color: #643EBF; -} - -.submit-page #newlink.submit.content .btn { - width: 558px; - height: auto; - text-transform: capitalize; - font-size: 17px; - padding: 16px; - text-align: center; -} - -.submit-page #newlink.submit.content .btn:after { - content: " your thread"; - text-transform: none; -} - -.formtabs-content { - width: 520px; - border-top: none; - margin-top: -15px; -} - -form .spacer + .spacer { - margin: 0; -} - -.content.submit .info-notice { - background-color: #fff; - border-radius: 2px; - padding: 16px; - margin-bottom: 0; - border: 1px solid rgba(0, 0, 0, 0.1) !important; -} - -.self .expanded ~ .expando .usertext-body { - -webkit-animation: 700ms expandy ease-in-out forwards; - animation: 700ms expandy ease-in-out forwards; -} - -@-webkit-keyframes expandy { - 0% { - -webkit-transform: translateY(-100px); - opacity: 0; - } - 50% { - -webkit-transform: translateY(0); - } - 100% { - -webkit-transform: translateY(0); - opacity: 1; - } -} - -@keyframes expandy { - 0% { - transform: translateY(-100px); - opacity: 0; - } - 50% { - transform: translateY(0); - } - 100% { - transform: translateY(0); - opacity: 1; - } -} - -.expando-button { - cursor: pointer; - float: left; - height: 28px; - width: 30px; -} - -.expando-button.selftext.collapsed, .expando-button.selftext.expanded { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; -} - -.expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; -} - -.expando-button.selftext.collapsed { - background-position: -195px -256px; -} - -.expando-button.selftext.collapsed:hover { - background-position: -155px -256px; -} - -.expando-button.selftext.expanded { - background-position: -265px -218px; -} - -.expando-button.selftext.expanded:hover { - background-position: -305px -218px; -} - -.expando-button.video.collapsed { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.collapsed:hover { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.expanded { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.collapsed { - background-position: -301px -256px; -} - -.expando-button.video.collapsed:hover { - background-position: -261px -256px; -} - -.expando-button.video.expanded { - background-position: -265px -218px; -} - -.expando-button.video.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - background-position: -305px -218px; -} - -.expando-button.image { - cursor: pointer; - display: inline-block; - height: 28px !important; - margin-right: 11px; - padding: 0; - vertical-align: top !important; - width: 30px !important; -} - -@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) { - .expando-button { - cursor: pointer; - float: left; - height: 28px; - width: 30px; - background: center center no-repeat #fff; - background-size: 341px 331px !important; - } - .expando-button.selftext.collapsed, .expando-button.selftext.expanded { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - } - .expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - } - .expando-button.selftext.collapsed { - background-position: -195px -256px; - } - .expando-button.selftext.collapsed:hover { - background-position: -155px -256px; - } - .expando-button.selftext.expanded { - background-position: -265px -218px; - } - .expando-button.selftext.expanded:hover { - background-position: -305px -218px; - } - .expando-button.video.collapsed { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.collapsed:hover { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.expanded { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.collapsed { - background-position: -301px -256px; - } - .expando-button.video.collapsed:hover { - background-position: -261px -256px; - } - .expando-button.video.expanded { - background-position: -265px -218px; - } - .expando-button.video.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - background-position: -305px -218px; - } - .expando-button.image { - cursor: pointer; - display: inline-block; - height: 28px !important; - margin-right: 11px; - padding: 0; - vertical-align: top !important; - width: 30px !important; - } - body > .content #siteTable .thing.self .thumbnail { - background-image: url(%%spritesheet%%); - background-position: -289px -139px; - background-size: 341px 331px; - } -} - -.link .usertext-body .md { - border-radius: 0 !important; - border: 1px solid #7cb0d9; - background-color: #fff; -} - -body > .content #siteTable .thing.self .thumbnail { - background-image: url(%%spritesheet%%); - width: 45px; - height: 45px; - margin: 10px 15px 10px 10px; - background-repeat: no-repeat !important; - background-position: -289px -139px; -} - -body > .content #siteTable .thing.stickied .thumbnail { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat !important; - background-position: -289px -84px; - margin-right: 15px; -} - -body > .content #siteTable .thing .thumbnail.default, -body > .content #siteTable .thing.over18 .thumbnail { - background-image: url(%%spritesheet%%) !important; - background-repeat: no-repeat !important; - margin: 10px 15px 10px 10px; - width: 45px; - height: 45px; -} - -body > .content #siteTable .thing.stickied .entry > .title .title { - color: #00a64f; - font-weight: 400; -} - -body > .content #siteTable .thing.over18 .thumbnail { - background-position: -286px -5px !important; -} - -body > .content #siteTable .thing .thumbnail.default { - background-position: -47px -77px; - background-size: 341px 331px; -} - -.link .title, -.submit-page #newlink.submit.content .btn, -a[href*="#icon-more"] { - font-family: "Segoe UI", Helvetica, sans-serif; -} - -.link { - padding: 10px 0; - border-left: 3px solid #cec0c0; - margin-bottom: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.link .title { - color: #5133AB; -} - -.link .title:visited { - color: #b1b1b1; -} - -.link.thing.visited .title { - color: #b1b1b1; - padding: 0 !important; -} - -.link.last-clicked { - border: 0; - border-left: 3px solid #643EBF; - background: #f0f8ff; -} - -.link .score.likes { - color: #643EBF; -} - -.link .score.dislikes { - color: #7f7f7f; -} - -.link .flair { - font-size: 1em; -} - -.link .midcol { - margin: 5px 7px; -} - -.nextprev a { - padding: 5px 0 5px 15px; - color: #fff; - width: auto; - display: block; - background: #5133AB; - border-radius: 0; - font-size: small; - margin-top: -12px; - margin-right: -1px; - margin-left: -5px; - text-transform: capitalize; -} - -.linklisting .nextprev { - font-size: 0; -} - -.linklisting .stickied { - border-left: 3px solid #00a64f; - background: rgba(0, 166, 79, 0.1); -} - -.linklisting .over18 { - border-left: 3px solid #e2062c; - background: rgba(225, 6, 44, 0.1); -} - -.linklisting .md { - margin-bottom: 0; -} - -.linklisting .usertext-edit div textarea { - margin-left: -10px; -} - -.linklisting .reported { - background: rgba(255, 0, 0, 0.1); - border-left: 3px solid #e2062c; -} - -.report-reasons.rounded { - display: block !important; -} - -.newComments { - display: inline; - color: #5133AB; -} - -.linkinfo .totalvotes { - color: #494949 !important; -} - -.arrow { - background-image: url(%%spritesheet%%) !important; - background-position: center center; - outline: 0 !important; - border: none !important; -} - -.arrow.up { - background-position: -289px -194px; -} - -.arrow.upmod { - background-position: -296px -60px; -} - -.arrow.down { - background-position: -321px -60px; -} - -.arrow.downmod { - background-position: -271px -60px; -} - -.arrow.up:hover, .arrow.down:hover { - opacity: 0.6; -} - -body .linklisting { - margin-right: 330px; - bottom: 0; - margin-top: -7px; - padding: 0; - border-right: 1px solid rgba(0, 0, 0, 0.1); -} - -.entry .buttons li a { - padding: 0px; - font-size: 1.145em; -} - -.tagline, -.search-result-meta { - font-size: 1.145em; -} - -#siteTable .thing { - margin-left: -5px !important; - transition: all .2s; -} - -.listing-page .link:hover { - border-left-color: #643EBF; - background: #f0f8ff; -} - -.entry .flat-list .report-button a, -.res-nightmode .entry .flat-list .report-button a { - color: #d9534f; -} - -.reddit-infobar { - background: #fff; - BORDER: 1px solid #d7ecff; -} - -.reddit-infobar.with-icon { - margin-left: -4px; -} - -.reddit-infobar.with-icon:before { - background-color: solid #5133AB; - background-repeat: no-repeat; -} - -.c-btn-primary { - background-color: solid #5133AB; - border-bottom: 2px solid #4270a2; - color: #fff; - border-radius: 0; -} - -.sitetable .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -a.author { - margin-right: 0.3em; -} - -.panestack-title { - margin: 0 330px 0 -5px; - padding: 4px 0px; - background: #5133AB; - color: #fff; - border-bottom: transparent; -} - -.panestack-title .title { - font-size: 1.3em; - margin: 10px 0 10px 10px; -} - -.panestack-title a.title-button { - color: #fff !important; -} - -.panestack-title a.title-button.gold { - background-color: transparent; - border: none; -} - -.thing.stickied a.title { - font-weight: 700 !important; - font-size: large; -} - -.green, -.tagline .moderator { - color: #00a64f; - font-weight: 700; - padding-left: 0; - padding-right: 1px; -} - -.entry .flat-list .approve-button a { - color: #00a64f; -} - -.tagline .stickied-tagline { - color: #00a64f; -} - -.tagline a:hover { - color: #643EBF !important; -} - -.gold-accent { - background-color: #5133AB; - border: none; - display: inline-block; - color: #fff !important; -} - -#noresults { - padding: 10px; - margin-right: 310px !important; - color: #fff; - background: #5133AB; - margin-left: 5px !important; - display: none; -} - -.commentarea .infobar { - color: #eee; - background: #5133AB; - border: none; - display: flex; -} - -.commentarea .infobar a { - color: #eee; -} - -.commentarea .infobar p { - line-height: 8px; -} - -.comments-page .sitetable.nestedlisting > .thing.stickied { - border-bottom: solid 3px #00a64f; - background: rgba(0, 166, 79, 0.1) !important; -} - -.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page.linkflair-help .flat-list a.flairselectbtn:after { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -.comments-page .usertext-edit div textarea { - background: url(%%wincore-2%%) 206px -213px no-repeat #FFF !important; - border: 1px solid #000 !important; - opacity: .8; - margin-top: 5px; - outline: 0; - display: block; - clear: both; - margin-bottom: 10px; -} - -.comments-page .usertext-edit div textarea:focus { - background: #FFF !important; - opacity: 1; - border-color: #0078D6 !important; -} - -.comments-page .link { - border-left: 1px solid #c6c6c6 !important; -} - -.commentarea .menuarea { - margin: 5px 310px 5px 5px; -} - -.commentarea .md { - margin-bottom: 0; -} - -.md { - overflow: visible; -} - -.md a { - color: #5133AB; -} - -.md code { - white-space: normal; -} - -.md blockquote { - border-left: 2px solid #643EBF; - background-color: #efefed; -} - -.usertext.border .usertext-body { - background-color: rgba(0, 120, 213, 0.3); - width: 95%; -} - -.wiki-page .pageactions { - border-radius: 0; - border: 1px solid #643EBF; -} - -.wiki-page .pageactions .wikiaction { - margin: 0 !important; - border-radius: 0 !important; -} - -.wiki-page .pageactions .wikiaction:hover { - background-color: #643EBF !important; - color: #fff !important; -} - -.wiki-page .pageactions .wikiaction-current { - background-color: #5133AB; -} - -.wiki-page .wiki-page-content .nextprev a { - margin-bottom: 12px; -} - -ul.tabmenu.formtab { - padding-left: 0; -} - -::selection { - background-color: #643EBF; - color: #fff; -} - -.buttons .comments.empty { - color: #5133AB; -} - -.leavemoderator, -.titlebox form.toggle { - color: #000; - background: #fff; - border-left: 5px solid #d7ecff; - padding-left: 10px; - font-size: 8pt; - margin-right: 5px; - border-right: 1px solid #d7ecff; -} - -#baconBit { - width: 394px !important; - height: 304px !important; - background-image: url(%%res-easter-egg%%) no-repeat !important; - transition: all 10s linear !important; -} - -.sheets .col textarea { - width: 98%; - background: #1d1f21; - color: #ddd !important; - height: 712px !important; - font-family: SourceCodePro-Medium, monospace; -} - -.gadget .right a, -a[href*="#tech"] { - font-family: "Segoe UI", Helvetica, sans-serif; - text-align: center; -} - -.sheets ::-webkit-scrollbar { - background-color: #0f0f0f !important; -} - -.sheets ::-webkit-scrollbar-corner, -.sheets ::-webkit-scrollbar-thumb { - background: #313131 !important; -} - -.panestack-title { - border-bottom: transparent; -} - -.infobar.newsletterbar { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - position: relative; - overflow: hidden; - min-height: 80px; - padding: 15px 20px 20px 25px; - border: none; - border-radius: 0; - background-color: #30659B; - border-left: 3px solid #ff4500; - margin: -7px 325px 7px 0px; - left: -5px; -} - -#eu-cookie-policy .reddit-infobar a { - color: #222 !important; -} - -.leavemoderator { - border-color: #393939 !important; - background: #222 !important; -} - -.gadget .midcol { - margin-right: 9px; -} - -.gadget .right a { - background: #5133AB; - padding: 5px 10px; - margin-right: 5px; - display: block; - color: #fff; - font-size: 16px; - transition: background-color .5s; - text-transform: capitalize; -} - -.gadget .right a:hover { - background: #643EBF; -} - -span.clear-input-button { - color: #fff; -} - -#newlink-with-image-upload .clear-input-button { - border-radius: 0 !important; - width: 33px !important; - height: 27px !important; - top: 0 !important; - line-height: 26px !important; - border: 1px solid grey; - background: #5133AB !important; - transition: background-color .5s; - right: -10px !important; -} - -#newlink-with-image-upload .clear-input-button:hover { - background: #643EBF !important; -} - -#newlink-with-image-upload .image-upload-drop-target { - padding: 15px !important; -} - -#newlink-with-image-upload .file-upload-button { - background: #5133AB; - border: none; - padding: 7px 20px !important; - display: block !important; - margin: 6px -17px -17px !important; - transition: background-color 0.5s; -} - -#newlink-with-image-upload .file-upload-button:hover { - background: #643EBF; -} - -@media (max-width: 880px) { - #siteTable_organic { - margin-right: -5px; - } - #header-bottom-left .tabmenu { - width: calc(100% - 50px); - padding-left: 50px; - } - .side { - display: none; - } - body .linklisting { - margin-right: 0 !important; - } - .footer::after { - display: none !important; - } - .infobar { - margin-right: 18px; - } - .footer { - border-right: 1px solid #5133AB; - } - .panestack-title { - margin: 0 0px 0 -5px; - } - .infobar.newsletterbar { - margin: -7px -5px 7px 0px; - } -} - -.side { - margin: 0; - padding-left: 30px; - background: 0 0; -} - -.side:after { - content: "/r/ClearShift theme"; - font-size: large; - color: #5133AB; - margin-left: 50px; -} - -.side .md h2 { - margin-top: 1.4em; - font-size: 1.4em; -} - -.side .md h3 { - font-size: 1.2em; - color: #555; - margin: 2em 0 0.2em; -} - -.side .md h4 { - color: #888; - margin-bottom: 1.5em; -} - -.side .md p { - margin: 0.5em 0; -} - -.side .md p a { - margin: 0 .2em; - font-size: 1.1em; -} - -.side .md p a:first-child { - margin-left: 0; -} - -.side .md h1, -.side .md h2, -.side .md h3, -.side .md h4 { - color: #fff; - font-size: 13px; - font-weight: 400; -} - -.side .md h1:after, -.side .md h2:after, -.side .md h3:after, -.side .md h4:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -24px; -} - -.side .md h1 a, -.side .md h2 a, -.side .md h3 a, -.side .md h4 a { - color: #fff; - font-size: 13px; -} - -.side .md h1 { - color: #fff; - font-size: 13px; -} - -.side .md h1 a { - color: #fff; - font-size: 13px; -} - -.side .titlebox div.subButtons, -.side .titlebox h1.redditname + div, -.side .titlebox > .fancy-toggle-button { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 8pt; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -.side .titlebox div.subButtons, -.side .titlebox h1.redditname + div, -.side .titlebox > .fancy-toggle-button { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -.side .titlebox div.subButtons, -.side .titlebox > .fancy-toggle-button { - width: 269.3px; -} - -.side .titlebox > .fancy-toggle-button { - display: block !important; -} - -.side div.titlebox ul { - list-style-type: none; - margin: 0; - padding: 0; -} - -.side .subscribe-button .add { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -@-webkit-keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -@-moz-keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -@keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -.titlebox h1:after, -.sidecontentbox .title:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -24px; -} - -div.side div.tagline { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -div.side form.flairtoggle, div.side form.leavecontributor-button { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -div.side span.subscribers { - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; - padding: 7px 10px 10px; - display: block !important; - padding-top: 5px; - padding-bottom: 10px; - border-top: none; -} - -div.side span.subscribers span { - vertical-align: middle; -} - -div.side span.subscribers span.number:before { - background: url(%%spritesheet%%) -192px -5px; - display: block; - float: left; - width: 20px; - height: 20px; - content: ""; - margin-right: 5px; - margin-top: -3px; -} - -div.side div.tagline { - display: block !important; -} - -div.side form.flairtoggle { - display: block; -} - -div.side div.leavemoderator { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side form.flairtoggle { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side p.users-online { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side div.tagline { - padding-top: 0; - border-top: none; -} - -.morelink { - border: 1px solid #5133AB; - background: #5133AB; - width: 145px; - margin-right: 5px; - transition: all 0.5s; - box-sizing: border-box; -} - -.morelink a { - color: #fff; - font-family: "Segoe UI", Helvetica, sans-serif; - font-weight: 400; - letter-spacing: 0; - font-size: 0.9em; -} - -.morelink:hover { - background: #643EBF; - border-color: #643EBF; -} - -.morelink:hover a { - color: #fff; - border-color: #643EBF; -} - -.morelink .nub { - display: none; -} - -.submit .morelink { - float: left; -} - -.submit-page .titlebox h1 { - margin-top: 0 !important; -} - -.redditname { - margin-top: 53px !important; -} - -.reddit-link { - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 1em; - margin-right: 5px; -} - -.icon-menu li { - display: block; - margin: 0; - padding: 7px 10px 10px !important; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - margin-right: 5px !important; -} - -.search-page .side .spacer { - margin: 10px 0; -} - -.sidebox.create { - display: none !important; -} - -.helplink ~ .content .author[href*=AutoModerator], .helplink ~ .content .author[href*=flair_your_post_bot] { - display: none; -} - -.helplink ~ .content .author:after { - content: '- Moderator'; - font-size: 0.945em; - margin-left: 5px; - color: #5133AB; -} - -.helplink ~ .content .flair { - display: none; -} - -.linkinfo { - background-color: transparent; -} - -.sidecontentbox .helplink + .title h1 { - font-size: 0; -} - -.sidecontentbox .helplink + .title h1:before { - font-size: 13px !important; - content: "Moderators team"; - text-transform: capitalize; -} - -.helplink ~ .content .author .helplink ~ .content .author:hover { - color: #643EBF; -} - -.sidecontentbox .content .linkflairlabel { - display: none; -} - -div.titlebox .md h3:hover + ul { - display: block; -} - -div.titlebox .md ul li strong:first-child, div.titlebox .md ul:hover { - display: block; -} - -div.titlebox .md ul li { - border: none; - margin-right: 5px; -} - -.sidecontentbox .content a.author, -.sidecontentbox .more { - display: block; - margin: 0; - padding: 7px 10px 10px !important; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 0.945em; - margin-right: 5px !important; -} - -.sidecontentbox .content a.author:hover, -.sidecontentbox .more:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -.sidecontentbox .content { - border: none; - padding: 0; -} - -.sidecontentbox .more { - text-align: center; -} - -.sidecontentbox .more a { - color: #369; -} - -.icon-menu li:hover, -.reddit-link:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -div.titlebox .md ul li { - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 0.945em; -} - -div.titlebox .md ul li:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -div.titlebox div.styleToggle, -div.titlebox span.fancy-toggle-button a.active { - padding: 5px 10px; - background-color: #643EBF; - color: #fff; - font-size: 8pt; - display: block !important; - background-image: none; - border-radius: 0; - font-weight: 400; - margin: 0; - border: none; -} - -div.titlebox div.styleToggle { - background-color: #5133AB; - line-height: 20px; -} - -div.titlebox div.styleToggle input, -div.titlebox div.styleToggle label { - vertical-align: middle; - margin: 0; -} - -div.titlebox span.fancy-toggle-button a.active.add:hover, div.titlebox span.fancy-toggle-button a.active.remove { - background-color: #5133AB; -} - -div.titlebox span.fancy-toggle-button a.active.remove:before { - content: ""; - padding-right: 5px; -} - -div.titlebox span.fancy-toggle-button a.active.remove:hover:after { - content: "=("; - font-style: italic; - padding-left: 5px; -} - -div.titlebox span.fancy-toggle-button a.active.add:before { - content: "+"; - padding-right: 5px; - color: #fff; -} - -#RESShortcutsAdd, -#RESShortcutsLeft, -#RESShortcutsRight, -#RESShortcutsSort, -#RESShortcutsTrash { - width: 17px !important; -} - -.sidecontentbox .content a.author { - display: block; - margin: 0; - padding: 3px 0; -} - -.sidecontentbox .content a.author:hover { - color: #643EBF; -} - -#searchexpando { - padding: 10px; - border: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 8pt; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; - width: 273px !important; - border-left: 1px solid #d7ecff; -} - -#search input[type=text] { - width: 295px !important; - border-color: #5133AB; -} - -.sidecontentbox .title { - border-left: 5px solid #1992FF; - background-color: #5133AB; - padding: 10px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; -} - -div.titlebox .md h3:before { - content: "+"; - color: #fff; - padding-right: 5px; -} - -div.titlebox .md h2, -div.titlebox .md h3, -div.titlebox .md h4 { - border-left: 5px solid #1992FF; - background-color: #5133AB; - padding: 10px; - font-weight: 400; - cursor: default; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; -} - -div.titlebox h1 { - border-left: 5px solid #1992FF; - background-color: #5133AB; - padding: 10px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; - font-size: 13px; -} - -.leavemoderator, -.users-online, -.leavecontributor-button { - display: none; -} - -.sidecontentbox a.helplink { - margin-right: 5px; -} - -.icon-menu a { - background: 0 0; -} - -.titlebox .bottom { - border: none; -} - -.titlebox h1 a, -.pagename a { - color: #FFF; -} - -#RESShortcutsAdd, -#RESShortcutsEditContainer, -#RESShortcutsLeft, -#RESShortcutsRight, -#RESShortcutsSort, -#RESShortcutsTrash { - background-color: transparent !important; -} - -#RESShortcutsAdd:hover, -#RESShortcutsEditContainer:hover, -#RESShortcutsLeft:hover, -#RESShortcutsRight:hover, -#RESShortcutsSort:hover, -#RESShortcutsTrash:hover { - color: #f0f0f0 !important; -} - -.titlebox .md h3 + ul:hover, -.titlebox .md h3:hover + ul { - max-height: 600px; -} - -div.titlebox .md h3 + ul { - display: block; - transition: 1.8s max-height ease-out; - overflow: hidden; - max-height: 0; -} - -div.titlebox .md h3:hover + ul { - transition: .8s max-height ease-out; -} - -div.commentarea .infobar p { - background: #643EBF; - padding: 10px; - margin: -5px -5px -5px 10px; -} - -.linkinfo { - padding: 0; - border: none; -} - -.linkinfo .score, -.linkinfo .shortlink { - color: #494949; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 8pt; - margin-right: 5px; -} - -.linkinfo .score { - padding: 7px 10px; - margin-top: 10px; -} - -.linkinfo .shortlink { - display: block; - font-weight: 600; - text-transform: capitalize; - margin-top: 0; - padding: 7px 10px 10px; -} - -.date { - position: relative; -} - -.date:before { - content: "Date "; - display: block; - color: #fff !important; - text-transform: none; - border-left: 5px solid #1992FF; - background-color: #5133AB; - padding: 10px; - cursor: pointer; - margin-top: 0; - margin-bottom: 6px; - margin-left: -10px; - font: 400 small verdana, arial, helvetica, sans-serif; -} - -.date:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -19px; - margin-top: -32px; -} - -.date span { - display: block; - background-color: #fff; - padding: 7px 0 10px 10px; - border-left: 5px solid #d7ecff; - border-bottom: 1px solid #d7ecff; - margin: -6px 5px -10px 0; - border-right: 1px solid #d7ecff; -} - -.date span, -.date time { - color: #494949; - font-size: 9pt; -} - -.date time { - position: absolute; - top: 50%; - left: 55%; - padding: 9px 0 10px 0; -} - -.totalvotes { - display: block; - background-color: #fff; - color: #494949 !important; - font-weight: 600; - text-transform: capitalize; - margin-top: 0; - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 8pt !important; - margin-right: 5px; -} - -.linkinfo .shortlink input { - height: 10px; - border: none; - width: 181px; - font-size: 13px; -} - -.submit-page .side:before { - content: "Use search before posting"; - font-size: large; - color: #E54661; - margin-left: 27px; -} - -.sidecontentbox a.helplink { - float: none; - margin-top: 4px; - clear: both; - text-align: center; - display: block; - color: #fff; - background: #5133AB; - box-sizing: border-box; - margin-bottom: 10px; -} - -.sidecontentbox a.helplink:hover { - background: #643EBF; -} - -.sidecontentbox .title h1, -.sidecontentbox a.helplink { - color: #fff; -} - -.account-activity-box, -.sidecontentbox a.helplink { - font-size: 16px; - padding: 10px; - transition: background-color .5s; - text-transform: capitalize; -} - -.account-activity-box { - display: block !important; - background: #5133AB; - margin-right: 5px; -} - -.account-activity-box:hover { - background: #643EBF; -} - -.account-activity-box a { - color: #fff; - padding: 10px 70px; -} - -#header #header-bottom-right { - background: 0 0; - bottom: -18px; - top: auto; - padding: 3px; - height: 59px; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -#header-bottom-right .separator { - display: none; -} - -#header-bottom-right .user { - position: relative; - top: 0; - width: 119px; - padding-left: 42px; - padding-top: 5px; - font-size: 13px; - color: #eaeaea; - line-height: 170%; - background: url(%%spritesheet%%) -110px -289px no-repeat #5133AB; - float: left; - border: 2px solid #fff; - cursor: pointer; -} - -#beta-help, -.beta-hint a { - position: absolute !important; -} - -#header-bottom-right .user > a { - text-indent: 4px; - color: #FFF; - display: block; - line-height: 12px; - white-space: nowrap; -} - -#header-bottom-right .user span a { - color: #fff; -} - -#header-bottom-right #mail { - top: 0; - top: 0 !important; - width: 42px; - height: 42px; - display: inline-block; -} - -#header-bottom-right #modmail { - position: absolute; - margin-left: -267px; - top: 3px; - padding-left: 26px; - padding-top: 5px; - background: url(%%spritesheet%%) -224px -72px no-repeat #5133AB; - border: 2px solid #fff; -} - -#modmail.havemail { - background: url(%%spritesheet%%) -224px -72px #ff4500 !important; -} - -#header #header-bottom-right #modmail:hover, -#header #header-bottom-right .choice:hover, -#header #header-bottom-right .user:hover { - background-color: #643EBF; -} - -#header #header-bottom-right .logout { - display: inline-block; -} - -#header #header-bottom-right #mail, -#header #header-bottom-right .choice, -#header #header-bottom-right .logout a { - margin-left: 5px; - width: 42px; - width: 42px !important; - height: 42px; - display: inline-block; - text-indent: 50px; - overflow: hidden; - transition: background-color 0.5s; -} - -#header #header-bottom-right #mail.nohavemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #5133AB; - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right #mail.havemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #ff4500; -} - -.res #header #header-bottom-right #mail.havemail { - background: url(%%spritesheet%%) 0px -115px no-repeat #ff4500; -} - -#header #header-bottom-right #mail.havemail { - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right .choice { - background: url(%%spritesheet%%) -127px -114px no-repeat #5133AB; - border-radius: 1px; - border: 2px solid #fff; -} - -.beta-hint { - opacity: 1; -} - -.beta-hint a { - top: 0; - left: -78px; - color: transparent !important; - background-color: #5133AB; - background-image: url(%%spritesheet%%) !important; - background-repeat: no-repeat !important; - background-size: 341px 331px !important; - background-position: -72px -143px !important; - width: 42px; - height: 42px; - border-radius: 1px; - border: 2px solid #fff; - transition: background-color 0.5s; -} - -.beta-hint a:hover { - background-color: green !important; -} - -#beta-help { - background: #FFFFE1 !important; - color: #000 !important; - left: 1200px !important; - top: 170px !important; -} - -.res .beta-hint a { - display: none; -} - -#header #header-bottom-right .logout a { - background: url(%%spritesheet%%) -127px -42px no-repeat #5133AB; - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right #mail.havemail, #header #header-bottom-right #mail.nohavemail { - border-bottom: none; -} - -#header #header-bottom-right .choice, -#header #header-bottom-right .logout a { - border-bottom: none; -} - -#header-bottom-right #modmail, -#header-bottom-right .user { - border-bottom: none; -} - -.user .userkarma { - border-bottom: none; -} - -#header #header-bottom-right #mail:hover, -#header #header-bottom-right .choice:hover, -#header #header-bottom-right .user:hover { - background-color: #643EBF; -} - -#header #header-bottom-right .logout a:hover { - text-indent: -99999px; - color: #fff; - background: url(%%spritesheet%%) -127px -42px no-repeat #ce352c; -} - -#openRESPrefs { - position: absolute; - right: 365px; - top: 22px; -} - -#mailCount { - position: absolute; - left: 208px; - top: -2px; - color: #fff; - font-size: 14px; - overflow: hidden; -} - -.message-count { - background: #643EBF; - height: 42px; - font-size: medium; - line-height: 42px !important; - margin-left: -4px; - vertical-align: top; - display: none; -} - -.user .userkarma { - cursor: help; -} - -#RESAccountSwitcherIconOverlay { - display: none !important; -} - -#RESAccountSwitcherIcon { - float: right; - margin-right: 5px; - margin-top: -10px; - background: url(%%spritesheet%%) -264px -5px no-repeat !important; -} - -.side .usertext-body .md ol { - position: absolute; - top: 30px; - right: 0; - margin: 0 30px 0 0; - padding: 0; - z-index: 99; -} - -.md-container-small .md .-text, -.md-container-small .md li, -.md-container-small .md p, -.md-container-small .md pre > code, -.md-container-small .md td, -.md-container-small .md th { - list-style: none; -} - -.side .usertext-body .md ol a[href$="#special"] { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 3s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -.side .md .-text, -.side .md li, -.side .md p, -.side .md pre > code, -.side .md td, -.side .md th { - list-style: none; -} - -.side .usertext-body .md ol a { - background-color: #57b5ff; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - opacity: 0.8; -} - -.side .usertext-body .md ol a:hover { - opacity: 1; -} - -.side .md > ol li a[href$='#special']:after, .side .md > ol li a[href$='#special']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#special'] { - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - transition: opacity .5s; - background-color: #1686f0; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#special']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; - background-color: #5133AB; - content: "Event"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#special']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#achieve'] { - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - transition: opacity .5s; - background-color: #28bc07; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#achieve']:hover { - opacity: 1; -} - -.side .md > ol li a[href$='#sticky']:after, .side .md > ol li a[href$='#sticky']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#achieve']:before, .side .usertext-body .md ol a[href$='#sticky']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#achieve']:before { - background-color: #0d9605; - content: "Achievement unlocked"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#sticky'], .side .usertext-body .md ol a[href$='#stickyg'] { - font-weight: 400; - padding: 5px 5px 5px 0; - margin-bottom: 3px; - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - transition: opacity .5s; - text-decoration: none; -} - -.side .usertext-body .md ol a[href$='#sticky'] { - background-color: #1686f0; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#sticky']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#stickyg']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#sticky']:before { - background-color: #5133AB; - content: "Sticky"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#stickyg'] { - background-color: #28bc07; - opacity: 0.8; -} - -.side .md > ol li a[href$='#achieve']:after, .side .md > ol li a[href$='#achieve']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .md > ol li a[href$='#update']:after, .side .md > ol li a[href$='#update']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#stickyg']:before, .side .usertext-body .md ol a[href$='#update']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#stickyg']:before { - background-color: #0d9605; - content: "Sticky"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#update'] { - border: 2px solid #fefefe; - background-color: #1686f0; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - opacity: .8; - transition: opacity 0.5s; -} - -.side .usertext-body .md ol a[href$='#update']:before { - background-color: #5133AB; - content: "Update"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#update']:hover { - opacity: 1; -} - -.side .md del { - color: #fff; - text-decoration: none; -} - -.md a:hover { - color: #643EBF; -} - -.res-nightmode body, -html[lang^=nm] body { - background: #1a1a1a !important; -} - -.res-nightmode #sr-header-area, -html[lang^=nm] #sr-header-area { - background-color: #0C1722; -} - -.res-nightmode a, -html[lang^=nm] a { - color: #f8f8ff; -} - -.res-nightmode .morelink a, -.res-nightmode a[href*="#Donsiders"], -.res-nightmode a[href*="#btn"], -html[lang^=nm] .morelink a, -html[lang^=nm] a[href*="#Donsiders"], -html[lang^=nm] a[href*="#btn"] { - color: #fff !important; -} - -.res-nightmode .shortlink input, -html[lang^=nm] .shortlink input { - background: #393939; - color: #ddd; -} - -.res-nightmode #previoussearch #moresearchinfo, -.res-nightmode .roundfield label, -.res-nightmode .search-result-body, -.res-nightmode div.side #searchexpando, -.res-nightmode .submit-page .roundfield .title, -.res-nightmode .md, -.res-nightmode .md blockquote, -.res-nightmode .md del, -.res-nightmode .comments-page .usertext-edit div textarea, -html[lang^=nm] #previoussearch #moresearchinfo, -html[lang^=nm] .roundfield label, -html[lang^=nm] .search-result-body, -html[lang^=nm] div.side #searchexpando, -html[lang^=nm] .submit-page .roundfield .title, -html[lang^=nm] .md, -html[lang^=nm] .md blockquote, -html[lang^=nm] .md del, -html[lang^=nm] .comments-page .usertext-edit div textarea { - color: #eee !important; -} - -.res-nightmode .md blockquote, -html[lang^=nm] .md blockquote { - background: rgba(0, 87, 166, 0.24); - border-left: 2px solid #643EBF !important; - color: #888 !important; -} - -.res-nightmode .md code, -html[lang^=nm] .md code { - border: none !important; - background-color: #393939 !important; - border-radius: 0 !important; - border-left: 3px solid #643EBF !important; -} - -.res-nightmode .commentingAs, -.res-nightmode .date time, -.res-nightmode .linkinfo .score, -.res-nightmode .linkinfo .shortlink, -.res-nightmode .side .titlebox > .fancy-toggle-button, -.res-nightmode .edit-stylesheet.choice:after, -.res-nightmode .wiki-page .wiki-page-content, -html[lang^=nm] .commentingAs, -html[lang^=nm] .date time, -html[lang^=nm] .linkinfo .score, -html[lang^=nm] .linkinfo .shortlink, -html[lang^=nm] .side .titlebox > .fancy-toggle-button, -html[lang^=nm] .edit-stylesheet.choice:after, -html[lang^=nm] .wiki-page .wiki-page-content { - color: #ddd !important; -} - -.res-nightmode .date span, -.res-nightmode .date time, -html[lang^=nm] .date span, -html[lang^=nm] .date time { - border-bottom: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode #header, -.res-nightmode #newlink-with-image-upload #new-link-preview, -.res-nightmode .account-activity-box, -.res-nightmode .date:before, -.res-nightmode .morelink, -.res-nightmode .nextprev a, -.res-nightmode .titlebox h1, -html[lang^=nm] #header, -html[lang^=nm] #newlink-with-image-upload #new-link-preview, -html[lang^=nm] .account-activity-box, -html[lang^=nm] .date:before, -html[lang^=nm] .morelink, -html[lang^=nm] .nextprev a, -html[lang^=nm] .titlebox h1 { - background: #222 !important; -} - -.res-nightmode #header #header-bottom-right #mail:hover, -.res-nightmode #header #header-bottom-right #modmail:hover, -.res-nightmode #header #header-bottom-right .choice:hover, -.res-nightmode #header #header-bottom-right .logout:hover, -.res-nightmode #header #header-bottom-right .user:hover, -html[lang^=nm] #header #header-bottom-right #mail:hover, -html[lang^=nm] #header #header-bottom-right #modmail:hover, -html[lang^=nm] #header #header-bottom-right .choice:hover, -html[lang^=nm] #header #header-bottom-right .logout:hover, -html[lang^=nm] #header #header-bottom-right .user:hover { - background-color: #393939 !important; -} - -.res-nightmode #header #header-bottom-right .logout a, -.res-nightmode #header #header-bottom-right .nohavemail#mail, -html[lang^=nm] #header #header-bottom-right .logout a, -html[lang^=nm] #header #header-bottom-right .nohavemail#mail { - background-color: transparent !important; - outline: 0 !important; -} - -.res-nightmode #header-bottom-right #modmail, -.res-nightmode #header-bottom-right .choice, -.res-nightmode #header-bottom-right .user, -html[lang^=nm] #header-bottom-right #modmail, -html[lang^=nm] #header-bottom-right .choice, -html[lang^=nm] #header-bottom-right .user { - background-color: transparent !important; - outline: 0 !important; -} - -.res-nightmode #header-bottom-left .tabmenu, -.res-nightmode #header-img, -.res-nightmode #header-img.default-header, -html[lang^=nm] #header-bottom-left .tabmenu, -html[lang^=nm] #header-img, -html[lang^=nm] #header-img.default-header { - background: transparent !important; -} - -.res-nightmode #header-bottom-left .tabmenu, -.res-nightmode .new-comment .usertext-body, -html[lang^=nm] #header-bottom-left .tabmenu, -html[lang^=nm] .new-comment .usertext-body { - background-color: transparent; - border: none; -} - -.res-nightmode .date, -html[lang^=nm] .date { - color: #ddd !important; -} - -.res-nightmode .date::before, -html[lang^=nm] .date::before { - color: #ddd !important; -} - -.res-nightmode .flair, -html[lang^=nm] .flair { - color: #ddd !important; -} - -.res-nightmode .footer, -html[lang^=nm] .footer { - border-right: none !important; - border-top: none; -} - -.res-nightmode .footer div.col a, .res-nightmode .footer::after, -html[lang^=nm] .footer div.col a, -html[lang^=nm] .footer::after { - color: #ddd !important; -} - -.res-nightmode div.side div.tagline, -.res-nightmode div.side form.flairtoggle, -.res-nightmode div.side span.subscribers, -html[lang^=nm] div.side div.tagline, -html[lang^=nm] div.side form.flairtoggle, -html[lang^=nm] div.side span.subscribers { - background: #222 !important; - color: #ddd !important; -} - -.res-nightmode div.titlebox .md ul li, -html[lang^=nm] div.titlebox .md ul li { - background: #222 !important; - color: #ddd !important; -} - -.res-nightmode .sidecontentbox .title, -.res-nightmode .sidecontentbox a.helplink, -html[lang^=nm] .sidecontentbox .title, -html[lang^=nm] .sidecontentbox a.helplink { - background: #222 !important; -} - -.res-nightmode div.titlebox .md h1, -.res-nightmode div.titlebox .md h2, -.res-nightmode div.titlebox .md h3, -.res-nightmode div.titlebox .md h4, -html[lang^=nm] div.titlebox .md h1, -html[lang^=nm] div.titlebox .md h2, -html[lang^=nm] div.titlebox .md h3, -html[lang^=nm] div.titlebox .md h4 { - background: #222 !important; -} - -.res-nightmode #searchexpando, -.res-nightmode .icon-menu li, -.res-nightmode .totalvotes, -.res-nightmode .reddit-link, -.res-nightmode .sidecontentbox .content a.author, -.res-nightmode .sidecontentbox .more, -.res-nightmode .reddit-link, -.res-nightmode .linkinfo .score, -.res-nightmode .linkinfo .shortlink, -.res-nightmode div.titlebox .md ul li, -html[lang^=nm] #searchexpando, -html[lang^=nm] .icon-menu li, -html[lang^=nm] .totalvotes, -html[lang^=nm] .reddit-link, -html[lang^=nm] .sidecontentbox .content a.author, -html[lang^=nm] .sidecontentbox .more, -html[lang^=nm] .reddit-link, -html[lang^=nm] .linkinfo .score, -html[lang^=nm] .linkinfo .shortlink, -html[lang^=nm] div.titlebox .md ul li { - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode #searchexpando:hover, -.res-nightmode .icon-menu li:hover, -.res-nightmode .totalvotes:hover, -.res-nightmode .reddit-link:hover, -.res-nightmode .sidecontentbox .content a.author:hover, -.res-nightmode .sidecontentbox .more:hover, -.res-nightmode .reddit-link:hover, -.res-nightmode .linkinfo .score:hover, -.res-nightmode .linkinfo .shortlink:hover, -.res-nightmode div.titlebox .md ul li:hover, -html[lang^=nm] #searchexpando:hover, -html[lang^=nm] .icon-menu li:hover, -html[lang^=nm] .totalvotes:hover, -html[lang^=nm] .reddit-link:hover, -html[lang^=nm] .sidecontentbox .content a.author:hover, -html[lang^=nm] .sidecontentbox .more:hover, -html[lang^=nm] .reddit-link:hover, -html[lang^=nm] .linkinfo .score:hover, -html[lang^=nm] .linkinfo .shortlink:hover, -html[lang^=nm] div.titlebox .md ul li:hover { - background-color: #393939 !important; - border-left-color: #7cb0d9 !important; -} - -.res-nightmode div.side div.leavemoderator, -.res-nightmode div.side p.users-online, -.res-nightmode div.side span.subscribers, -.res-nightmode div.side form.leavecontributor-button, -.res-nightmode div.side .titlebox div.subButtons, -.res-nightmode div.side .titlebox h1.redditname + div, -.res-nightmode div.side .titlebox > .fancy-toggle-button, -html[lang^=nm] div.side div.leavemoderator, -html[lang^=nm] div.side p.users-online, -html[lang^=nm] div.side span.subscribers, -html[lang^=nm] div.side form.leavecontributor-button, -html[lang^=nm] div.side .titlebox div.subButtons, -html[lang^=nm] div.side .titlebox h1.redditname + div, -html[lang^=nm] div.side .titlebox > .fancy-toggle-button { - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode div.side div.tagline, -.res-nightmode div.side form.flairtoggle, -html[lang^=nm] div.side div.tagline, -html[lang^=nm] div.side form.flairtoggle { - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - border-bottom: none !important; - background: #222 !important; -} - -.res-nightmode .titlebox form.toggle, -html[lang^=nm] .titlebox form.toggle { - background: #222; - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - color: #eee; -} - -.res-nightmode .sitetable .comment .comment, -html[lang^=nm] .sitetable .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment, -html[lang^=nm] .sitetable .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode button, -html[lang^=nm] button { - border: none; - background-color: #222 !important; -} - -.res-nightmode a[href*="#square"]::before, -html[lang^=nm] a[href*="#square"]::before { - border: 3px solid #393939; -} - -.res-nightmode .link, -html[lang^=nm] .link { - border-bottom: 1px solid #2D2E32 !important; - border-right: 1px solid #2D2E32 !important; -} - -.res-nightmode .listing-page .link:hover, -html[lang^=nm] .listing-page .link:hover { - background: #393939 !important; - border-left-color: #a9a9a9 !important; -} - -.res-nightmode div.titlebox .md ul li:hover, -html[lang^=nm] div.titlebox .md ul li:hover { - background-color: #393939 !important; - border-left-color: #7cb0d9 !important; -} - -.res-nightmode div.titlebox .md h1:after, -.res-nightmode div.titlebox .md h2:after, -.res-nightmode div.titlebox .md h3:after, -.res-nightmode div.titlebox .md h4:after, -html[lang^=nm] div.titlebox .md h1:after, -html[lang^=nm] div.titlebox .md h2:after, -html[lang^=nm] div.titlebox .md h3:after, -html[lang^=nm] div.titlebox .md h4:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode div.titlebox h1:after, -.res-nightmode div.titlebox .sidecontentbox .title:after, -html[lang^=nm] div.titlebox h1:after, -html[lang^=nm] div.titlebox .sidecontentbox .title:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode .flairselector, -.res-nightmode .comments-page .usertext-edit div textarea, -.res-nightmode #eu-cookie-policy .reddit-infobar, -.res-nightmode #search input[type=text], -html[lang^=nm] .flairselector, -html[lang^=nm] .comments-page .usertext-edit div textarea, -html[lang^=nm] #eu-cookie-policy .reddit-infobar, -html[lang^=nm] #search input[type=text] { - background-color: #222 !important; - color: #ddd; -} - -.res-nightmode #header-bottom-left .tabmenu li.selected a, -.res-nightmode .link .usertext-body .md, -.res-nightmode .debuginfo, -.res-nightmode .sidecontentbox a.helplink:hover, -.res-nightmode .cookie-infobar.with-icon:before, -.res-nightmode div.titlebox span.fancy-toggle-button a.active.remove, -.res-nightmode .link .score .likes, -.res-nightmode .nextprev a:hover, -.res-nightmode .side .morelink a:hover, -.res-nightmode button:hover, -.res-nightmode .account-activity-box:hover, -html[lang^=nm] #header-bottom-left .tabmenu li.selected a, -html[lang^=nm] .link .usertext-body .md, -html[lang^=nm] .debuginfo, -html[lang^=nm] .sidecontentbox a.helplink:hover, -html[lang^=nm] .cookie-infobar.with-icon:before, -html[lang^=nm] div.titlebox span.fancy-toggle-button a.active.remove, -html[lang^=nm] .link .score .likes, -html[lang^=nm] .nextprev a:hover, -html[lang^=nm] .side .morelink a:hover, -html[lang^=nm] button:hover, -html[lang^=nm] .account-activity-box:hover { - background-color: #393939 !important; -} - -.res-nightmode .comment .usertext .md p > a:visited, -.res-nightmode .md a, -.res-nightmode h2 a:visited, -html[lang^=nm] .comment .usertext .md p > a:visited, -html[lang^=nm] .md a, -html[lang^=nm] h2 a:visited { - color: #3498db; -} - -.res-nightmode ::-webkit-scrollbar, -html[lang^=nm] ::-webkit-scrollbar { - background-color: #393939; -} - -.res-nightmode ::-webkit-scrollbar-thumb, -html[lang^=nm] ::-webkit-scrollbar-thumb { - background-color: #666; - border: 2px solid #333; - transition: background-color 0.5s; -} - -.res-nightmode ::-webkit-scrollbar-thumb:hover, -html[lang^=nm] ::-webkit-scrollbar-thumb:hover { - background-color: #555; - transition: background-color 0.5s; -} - -.res-nightmode ::-webkit-scrollbar-thumb:active, -html[lang^=nm] ::-webkit-scrollbar-thumb:active { - background-color: #bbb; -} - -.res-nightmode ::-webkit-scrollbar-corner, -html[lang^=nm] ::-webkit-scrollbar-corner { - color: #555; -} - -.res-nightmode textarea, -html[lang^=nm] textarea { - color: #000 !important; -} - -.res-nightmode .content, -html[lang^=nm] .content { - margin-bottom: 0; - margin-top: 0; -} - -.res-nightmode input[type=button], .res-nightmode input[type=reset], .res-nightmode input[type=submit], -html[lang^=nm] input[type=button], -html[lang^=nm] input[type=reset], -html[lang^=nm] input[type=submit] { - border: none; -} - -.res-nightmode .side .spacer .titlebox .redditname, -html[lang^=nm] .side .spacer .titlebox .redditname { - border-left-color: #643EBF; -} - -.res-nightmode .gold-accent, -html[lang^=nm] .gold-accent { - background: #5133AB; -} - -.res-nightmode .thing .title:visited, -.res-nightmode .thing.visited .title, -html[lang^=nm] .thing .title:visited, -html[lang^=nm] .thing.visited .title { - color: #808c94; -} - -.res-nightmode .thing .title, -html[lang^=nm] .thing .title { - color: #B5C4D0; -} - -.res-nightmode .content.submit .info-notice, -.res-nightmode .submit-page .roundfield, -html[lang^=nm] .content.submit .info-notice, -html[lang^=nm] .submit-page .roundfield { - background-color: #222; - color: #eee; -} - -.res-nightmode #header #header-bottom-right #mail.havemail, -html[lang^=nm] #header #header-bottom-right #mail.havemail { - outline: 0; -} - -.res-nightmode .formtabs-content .infobar, -html[lang^=nm] .formtabs-content .infobar { - border-color: transparent !important; -} - -.res-nightmode .infobar, -html[lang^=nm] .infobar { - border-color: #ff4500 !important; -} - -.res-nightmode span.score, -html[lang^=nm] span.score { - color: #888 !important; -} - -.res-nightmode .comment.spam > .child, -.res-nightmode .message.spam > .child, -.res-nightmode .usertext.grayed .usertext-body, -html[lang^=nm] .comment.spam > .child, -html[lang^=nm] .message.spam > .child, -html[lang^=nm] .usertext.grayed .usertext-body { - background-color: transparent; -} - -.res-nightmode div.commentarea .infobar, -html[lang^=nm] div.commentarea .infobar { - color: #eee; - border: none; -} - -.res-nightmode .comment, -html[lang^=nm] .comment { - border: 1px solid #43474F; -} - -.res-nightmode a[href*='#icon-day'], -html[lang^=nm] a[href*='#icon-day'] { - display: inline-block !important; -} - -.res-nightmode a[href*='#icon-day']::before, -html[lang^=nm] a[href*='#icon-day']::before { - display: inline-block !important; - display: none; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; - background: url(%%spritesheet%%) -85px -294px; -} - -.res-nightmode a[href*='#icon-night'], -html[lang^=nm] a[href*='#icon-night'] { - display: none; -} - -.res-nightmode a[href*="#icon-chat"]::before, -html[lang^=nm] a[href*="#icon-chat"]::before { - background-image: url(%%wincore-2%%); - background-position: -5px -405px; -} - -.res-nightmode a[href*="#icon-feedback"]::before, -html[lang^=nm] a[href*="#icon-feedback"]::before { - background-position: -47px -149px; -} - -.res-nightmode a[href*="#icon-feedback2"]::before, -html[lang^=nm] a[href*="#icon-feedback2"]::before { - background-position: -5px -375px; -} - -.res-nightmode a[href*="#iconz-tips"]::before, -html[lang^=nm] a[href*="#iconz-tips"]::before { - background-position: -234px -47px; -} - -.res-nightmode a[href*="#iconz-updates"]::before, -html[lang^=nm] a[href*="#iconz-updates"]::before { - background-position: -259px -119px; -} - -.res-nightmode a[href*="#iconz-faq"]::before, -html[lang^=nm] a[href*="#iconz-faq"]::before { - background-position: -174px -47px; -} - -.res-nightmode a[href*="#iconz-install"]::before, -html[lang^=nm] a[href*="#iconz-install"]::before { - background-position: -259px -119px; -} - -.res-nightmode a[href*="#iconz-wiki"]::before, -html[lang^=nm] a[href*="#iconz-wiki"]::before { - background-position: -204px -149px; -} - -.res-nightmode #siteTable .thing, -.res-nightmode .link.promotedlink, -html[lang^=nm] #siteTable .thing, -html[lang^=nm] .link.promotedlink { - background: #202020; -} - -.res-nightmode .organic-listing, -html[lang^=nm] .organic-listing { - background: none !important; -} - -.res-nightmode body > .content #siteTable .thing.self .thumbnail, -html[lang^=nm] body > .content #siteTable .thing.self .thumbnail { - background-position: -77px -5px; -} - -.res-nightmode body > .content #siteTable .thing .thumbnail.default, -html[lang^=nm] body > .content #siteTable .thing .thumbnail.default { - background-position: -174px -77px; -} - -.res-nightmode div.side span.subscribers span.number:before, -html[lang^=nm] div.side span.subscribers span.number:before { - background-position: -162px -5px; -} - -.res-nightmode .expando-button.selftext.collapsed, -html[lang^=nm] .expando-button.selftext.collapsed { - background-position: -5px -242px; -} - -.res-nightmode .expando-button.selftext.collapsed:hover, -html[lang^=nm] .expando-button.selftext.collapsed:hover { - background-position: -225px -204px; -} - -.res-nightmode .expando-button.selftext.expanded, -html[lang^=nm] .expando-button.selftext.expanded { - background-position: -65px -204px; -} - -.res-nightmode .expando-button.selftext.expanded:hover, -html[lang^=nm] .expando-button.selftext.expanded:hover { - background-position: -105px -204px; -} - -.res-nightmode .expando-button.video.collapsed, -html[lang^=nm] .expando-button.video.collapsed { - background-position: -85px -242px; -} - -.res-nightmode .expando-button.video.collapsed:hover, -html[lang^=nm] .expando-button.video.collapsed:hover { - background-position: -45px -242px; -} - -.res-nightmode .expando-button.video.expanded, -html[lang^=nm] .expando-button.video.expanded { - background-position: -65px -204px; -} - -.res-nightmode .expando-button.video.expanded:hover, -html[lang^=nm] .expando-button.video.expanded:hover { - background-position: -105px -204px; -} - -.res-nightmode .date:after, -html[lang^=nm] .date:after { - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode .date span, -html[lang^=nm] .date span { - border-left: 5px solid #393939 !important; - color: #ddd; - border-right-color: #393939; -} - -.res-nightmode .date time, -html[lang^=nm] .date time { - border-right: 1px solid #393939 !important; -} - -.res-nightmode .link.last-clicked, -html[lang^=nm] .link.last-clicked { - background: #393939 !important; -} - -.res-nightmode .comments-page .link, -html[lang^=nm] .comments-page .link { - border-left: 3px solid transparent; -} - -.res-nightmode .res .RES-keyNav-activeElement { - background-color: #292929 !important; -} - -.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, -.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { - background-color: #292929 !important; -} - -.res-nightmode .RES-keyNav-activeElement { - background-color: #292929 !important; -} - -.res-nightmode .RES-keyNav-activeElement .md-container { - background-color: #292929 !important; -} - -.res-nightmode .arrow.upmod { - background-position: -296px -60px !important; -} - -.res-nightmode .arrow.down { - background-position: -321px -60px !important; -} - -.res-nightmode .arrow.up { - background-position: -289px -194px !important; -} - -.res-nightmode .arrow.downmod { - background-position: -271px -60px !important; -} - -.res-nightmode .side .titlebox > .fancy-toggle-button { - background: #222 !important; - color: #ddd !important; -} - -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { - background-color: transparent !important; -} - -.res #sr-header-area #srDropdownContainer a:hover { - opacity: 1; -} - -.res .comment .midcol { - margin-left: 20px; -} - -.res .comment .new-comment { - border: 2px solid #FFAB91 !important; - border-radius: 0px !important; -} - -.res #sr-header-area #srDropdownContainer a { - width: 35px; - height: 23px; - padding: 0; - margin: 0; - display: block; - background: url(%%spritesheet%%) -225px -252px no-repeat; - line-height: 35px; - text-indent: -999em; -} - -.res .RES-keyNav-activeElement, -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .noncollapsed .RES-keyNav-activeElement.entry { - background-color: 0 0 !important; -} - -.res .RESDashboardToggle, -.res .RESshortcutside { - background: 0 0; - border: none; - font-weight: 400; - text-transform: uppercase; -} - -.res .sitetable .sitetable { - margin-right: 0; -} - -.RESSubscriptionButton { - color: #fff !important; - border-radius: 1px !important; - background-color: transparent !important; -} - -.RESSubscriptionButton { - border: none !important; -} - -#RESAnnouncementAlert, -#userbarToggle, -.multi-count, -.sidecontentbox .content .RESUserTagImage::after, -.res .sidebox.create, -.res .message-count, -.res .side .userTagLink { - display: none !important; -} - -#RESSettingsButton { - right: 20px; - top: 3px; -} - -#RESStaticShortcuts { - line-height: 25px; -} - -.footer { - border-bottom: 1px solid #5133AB; - padding: 0; - border-left: 1px solid #5133AB; -} - -.footer::after { - border-bottom: 1px solid #5133AB; - display: block; - margin-top: 0; - padding: 10px; - padding-top: 8px !important; - color: #000; - content: "Designed by /u/Jaskys"; - font-size: 16px; - font-family: "Segoe UI", Helvetica, sans-serif; - border-top: 34px solid #5133AB; - border-right: 1px solid #5133AB; - margin-bottom: -1.1px; - width: 90px; -} - -.footer div.col { - position: relative; - margin: 0; - padding: 0; - width: 176px; - height: auto; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -.footer div.col .title { - font-size: 16px; - text-transform: capitalize; - padding: 8px; - color: #fff; - background: #5133AB; - max-height: 18px; -} - -.footer div.col a { - display: block; - margin: 5px; - padding: 3px 4px 3px 7px; - color: #000; -} - -.footer div.col a:hover { - color: #000; - text-decoration: none; - background: #fff; -} - -.footer p.bottommenu { - font-weight: 700; - color: #FFF; - clear: left; - padding: 6px; -} - -.footer p.bottommenu a { - font-weight: 700; - color: #FFF; -} - -.footer .col { - border-left: none !important; -} - -.debuginfo { - background: #F6F6F6; -} - -.rounded { - border-radius: 0; -} - -.flat-vert { - text-align: center; -} - -.titlebox h1.redditname a { - font-size: 0; -} - -.titlebox h1.redditname a:after { - content: "Windows 8"; - color: #fff; - font: 400 small verdana, arial, helvetica, sans-serif; -} - -#header .redditname a { - font-size: 0; - background: url(%%wincore-2%%) -5px -5px no-repeat; - margin-left: 10px; - height: 100px; - display: block; - position: absolute; - top: 30px; -} - -#header .redditname a:hover { - background: url(%%wincore-2%%) -5px -115px no-repeat !important; - text-decoration: none; -} - -#header .redditname a:after { - content: "Windows 8"; - font-size: 70px; - font-weight: lighter; - color: #ECF0F1; - font-family: "Segoe UI Light", Helvetica, sans-serif; - letter-spacing: .05em; - margin-left: 100px; - line-height: 100px; - font-variant: normal; - transition: background-color 0.5s; -} - -.flair-mod, -.flair-msft { - border: none; - background: 0 0; - font-weight: 700; -} - -.flair-mod:before, -.flair-msft:before { - content: "- "; -} - -.sidecontentbox .flair-mod { - display: none; -} - -.flair-mod { - color: #00a64f; -} - -.linklisting .flair-msft:after { - display: none; -} - -.flair-msft { - height: 16px; - line-height: 16px; - color: #0078D7; - padding: 0; -} - -.flair-msft:after { - content: "Microsoft Employee"; - position: absolute; - top: -0.7px; - right: -1px; - bottom: -1px; - left: -1px; - text-align: right; - padding: .25em .5em; - border: 3px solid #8bb9e2; - pointer-events: none; -} - -.author[href$=Adam-MSFT], .author[href$=Dave_MSFT], .author[href$=DrPreppy], .author[href$=EKILBO], .author[href$=Giffdev], .author[href$=James-MSFT], .author[href$=KritiMSFT], .author[href$=MailmanOdd], .author[href$=MasterDevwi], .author[href$=MsftHealthWill], .author[href$=NorthFaceHiker], .author[href$=Psychlist1972], .author[href$=Sawan-Msft], .author[href$=Sawan-MSFT], .author[href$=StephA_MSFT], .author[href$=Zev_MSFT], .author[href$=adam_msft], .author[href$=anaotero-MSFT], .author[href$=anbutle], .author[href$=anthonykinseymsft], .author[href$=bbyboi], .author[href$=bitcrazed], .author[href$=bloodytemplar], .author[href$=devbent], .author[href$=donaMSFT], .author[href$=jenmsft], .author[href$=Sean_MSFT], .author[href$=jeremy_msft], .author[href$=johnwinkmsft], .author[href$=josh_msft], .author[href$=kylealden], .author[href$=maheshrd], .author[href$=mike_msft], .author[href$=msftbanddev], .author[href$=msftbilly], .author[href$=mvaneerde], .author[href$=ooeygui], .author[href$=samersaw], .author[href$=sjarawan], .author[href$=stefohneee], .author[href$=toma_msft], .author[href$=vpmsft], .author[href$=xander-msft], .author[href$=zac_l], .author[href$=craigbarkhouse], .author[href$=elvenharps], .author[href$=nerdile], .author[href$=einarmsft], .author[href$=yosefdurr], .author[href$=Travis_MSFT], .author[href$=caithartMSFT], .author[href$=ClayMSFT] { - color: #0078D7; - font-weight: 700; -} - -.author[href$=ildun], .author[href$=Katsuga50] { - color: #e67e22; - font-weight: 700; -} - -.flair-wiki { - color: #e67e22; - font-weight: 700; - height: 16px; - line-height: 16px; - border: none; - background: 0 0; - padding: 0; -} - -.flair-wiki:before { - content: "- "; -} - -html:lang(nh) .linkflair-bug, -html:lang(nh) .linkflair-help { - display: none !important; -} - -.flairselector { - background-color: #fff; -} - -.linkflair-help .linkflairlabel { - background-color: #FF6138; - border-color: #FF6138; -} - -.linkflair-solved .linkflairlabel { - background-color: #008a00; - border-color: #008a00; -} - -.linkflair-unresolved .linkflairlabel { - background-color: #FF7D4D; - border-color: #FF7D4D; -} - -.linkflair-bug .linkflairlabel { - background-color: #ce352c; - border-color: #ce352c; -} - -.linkflair-update .linkflairlabel { - background-color: #0078D7; - border-color: #0078D7; -} - -.linkflair-feature .linkflairlabel { - background-color: #00aba9; - border-color: #00aba9; -} - -.linkflair-discussion .linkflairlabel { - background-color: #ff9e00; - border-color: #ff9e00; -} - -.linkflair-hardware .linkflairlabel { - background-color: #f0a30a; - border-color: #f0a30a; -} - -.linkflair-tip .linkflairlabel { - background-color: #468966; - border-color: #468966; -} - -.linkflair-meta .linkflairlabel { - background-color: #4390df; - border-color: #4390df; -} - -.linkflair-app .linkflairlabel { - background-color: #bf5a15; - border-color: #bf5a15; -} - -.linkflair-gaming .linkflairlabel { - background-color: #107c10; - border-color: #107c10; -} - -.linkflair-question .linkflairlabel { - background-color: #008a00; - border-color: #008a00; -} - -.linkflair-news .linkflairlabel { - background-color: #F2385A; - border-color: #F2385A; -} - -.linkflair-official .linkflairlabel { - background-color: #2086bf; - border-color: #2086bf; -} - -.linkflair-oc .linkflairlabel { - background-color: #76608a; - border-color: #76608a; -} - -.linkflair-concept .linkflairlabel { - background-color: #14B6F5; - border-color: #14B6F5; -} - -.linkflair-request .linkflairlabel { - background-color: #00aba9; - border-color: #00aba9; -} - -.side a[href*='#update'], .side a[href*='#official'], .side a[href*='#news'], .side a[href*='#help'], .side a[href*='#solved'], .side a[href*='#unresolved'], .side a[href*='#bug'], .side a[href*='#feature'], .side a[href*='#discussion'], .side a[href*='#hardware'], .side a[href*='#tip'], .side a[href*='#meta'], .side a[href*='#gaming'], .side a[href*='#app'], .side a[href*='#original%20content'], .side a[href*='#concept'], .side a[href*='#request'], .side a[href*='#question'], .side a[href*='#hideflair'], .side a[href*='#hidehelp'] { - display: inline-block; - position: relative; - text-align: center; - font-size: 80%; - padding: 3px 10px; - color: #fff; - margin: 3px; -} - -.side a[href*='#official'] { - background: #2086bf; -} - -.side a[href*='#news'] { - background: #F2385A; -} - -.side a[href*='#help'] { - background: #FF6138; -} - -.side a[href*='#solved'] { - background: #008a00; -} - -.side a[href*='#unresolved'] { - background: #FF7D4D; -} - -.side a[href*='#bug'] { - background: #ce352c; -} - -.side a[href*='#update'] { - background: #81003c; -} - -.side a[href*='#feature'] { - background: #00aba9; -} - -.side a[href*='#discussion'] { - background: #bf5a15; -} - -.side a[href*='#hardware'] { - background: #f0a30a; -} - -.side a[href*='#tip'] { - background: #468966; -} - -.side a[href*='#meta'] { - background: #4390df; -} - -.side a[href*='#gaming'] { - background: #76608a; -} - -.side a[href*='#app'] { - background: #bf5a15; -} - -.side a[href*='#original%20content'] { - background: #0B9C67; -} - -.side a[href*='#concept'] { - background: #14B6F5; -} - -.side a[href*='#request'] { - background: #00aba9; -} - -.side a[href*='#question'] { - background: #008a00; -} - -.side a[href*='#hideflair'], .side a[href*='#hidehelp'] { - background: #E42608; -} - -.side a[href*='#update']:hover, .side a[href*='#official']:hover, .side a[href*='#news']:hover, .side a[href*='#help']:hover, .side a[href*='#solved']:hover, .side a[href*='#unresolved']:hover, .side a[href*='#bug']:hover, .side a[href*='#feature']:hover, .side a[href*='#discussion']:hover, .side a[href*='#hardware']:hover, .side a[href*='#tip']:hover, .side a[href*='#meta']:hover, .side a[href*='#gaming']:hover, .side a[href*='#app']:hover, .side a[href*='#original%20content']:hover, .side a[href*='#concept']:hover, .side a[href*='#request']:hover, .side a[href*='#question']:hover, .side a[href='']:hover { - opacity: 0.8; -} - -.flair-special { - margin: 0 4px 4px 0; - padding: 0 11px 1px; - border-width: 1px; - border-radius: 1px; - color: #fff; - font-weight: 700; - background-color: #008a00; - border-color: #008a00; -} - -.linkflairlabel { - margin: 0 4px -2px 0; - padding: 0 4px 1px; - vertical-align: -2px; - color: #fff; - font-weight: 400; - font-size: 10px; - font-family: "Segoe UI", Helvetica, sans-serif; - pointer-events: none; - border-width: 3px; - border-radius: 1px; - pointer-events: none; -} - -.linkflairlabel:lang(nf) { - display: none; -} - -.linkflair-discussion { - border-left: 3px solid #ff9e00 !important; - background: rgba(255, 158, 0, 0.1); -} - -.linkflair-tip { - border-left: 3px solid #468966 !important; - background: rgba(70, 137, 102, 0.1); -} - -.linkflair-news { - border-left: 3px solid #F2385A !important; - background: rgba(242, 56, 90, 0.1); -} - -.comments-page .link.linkflair-solved { - display: block; -} - -#header-img.default-header, -a[href*="#icon-day"] { - display: none; -} - -a[href*='#square-app']::before { - background: -187px -5px #bf5a15; - border: 3px solid #e8e8e8; -} - -a[href*='#square-tip']::before { - background: -187px -5px #555; - border: 3px solid #e8e8e8; -} - -a[href*='#square-meta']::before { - background: -187px -5px #4390df; - border: 3px solid #e8e8e8; -} - -a[href*='#square-original']::before { - background: -187px -5px #76608a; - border: 3px solid #e8e8e8; -} - -a[href*='#square-concept']::before { - background: -187px -5px #14B6F5; - border: 3px solid #e8e8e8; -} - -a[href*='#square-solved']::before { - background: -187px -5px #008a00; - border: 3px solid #e8e8e8; -} - -a[href*='#square-hflairs']::before { - background: -187px -5px #5133AB; - border: 3px solid #e8e8e8; - border-radius: 50%; -} - -a[href*='#square-hhelp']::before { - background: -187px -5px #643EBF; - border: 3px solid #e8e8e8; - border-radius: 50%; -} - -a[href*='#square'] + .keyNavAnnotation { - display: none; -} - -a[href*='#square-feature']::before, a[href*='#square-request']::before, a[href*='#square-bug']::before, a[href*='#square-official']::before, a[href*='#square-news']::before, a[href*='#square-help']::before, a[href*='#square-update']::before, a[href*='#square-discussion']::before, a[href*='#square-hardware']::before, a[href*='#square-app']::before, a[href*='#square-tip']::before, a[href*='#square-meta']::before, a[href*='#square-original']::before, a[href*='#square-concept']::before, a[href*='#square-solved']::before, a[href*='#square-hflairs']::before, a[href*='#square-hhelp']::before, a[href*='#square-gaming']::before { - display: inline-block; - height: 10px; - width: 10px; - content: ''; - margin: 0 5px -4px 0; -} - -a[href*='#square-']:hover::before { - text-decoration: none; - background: #643EBF; - border-color: #80c2ff; - left: 4px; - top: 8px; - transition: all 0.15s ease; -} - -a[href*='#square-bug']::before { - background: -187px -5px #ce352c; - border: 3px solid #e8e8e8; -} - -a[href*='#square-official']::before { - background: -187px -5px #2086bf; - border: 3px solid #e8e8e8; -} - -a[href*='#square-news']::before { - background: -187px -5px #F2385A; - border: 3px solid #e8e8e8; -} - -a[href*='#square-help']::before { - background: -187px -5px #FF6138; - border: 3px solid #e8e8e8; -} - -a[href*='#square-update']::before { - background: -187px -5px #81003c; - border: 3px solid #e8e8e8; -} - -a[href*='#square-discussion']::before { - background: -187px -5px #ff9e00; - border: 3px solid #e8e8e8; -} - -a[href*='#square-hardware']::before { - background: -187px -5px #f0a30a; - border: 3px solid #e8e8e8; -} - -a[href*='#square-gaming']::before { - background: -187px -5px #107c10; - border: 3px solid #e8e8e8; -} - -a[href*='#square-feature']::before, a[href*='#square-request']::before { - background: -187px -5px #00aba9; - border: 3px solid #e8e8e8; -} - -.side .md blockquote { - padding: 2px 10px 5px; - border-left: 5px solid #f5c684; - background-color: #fef8f1; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 10px; - margin: 0 5px 0 0; - color: #222; -} - -.side .md blockquote:hover { - background-color: #fcecd9; - border-left-color: #f0ad4e; -} - -.side .md blockquote a { - font-size: 11px; -} - -.res-nightmode .side .md blockquote, -html[lang^=nm] .side .md blockquote { - border-left: 5px solid #3B81FB !important; - color: #ddd !important; -} - -a[href$="WindowsMobile#2"] { - position: absolute; - top: 135px; - left: 48px; - color: #ddd !important; - z-index: 99; - border-bottom: 3px solid transparent !important; - text-transform: uppercase; - transition: all .15s ease-in-out; - line-height: 14px; - height: 20px; - padding: 8px 9px 0; - font-size: 11.4px !important; - letter-spacing: 0.1em; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -a[href$="WindowsMobile#2"]:hover { - color: #fff !important; - background: rgba(0, 0, 0, 0.1); - border-color: #fff !important; -} - -a[href*="#Donsiders"], a[href*="#btn"] { - display: inline-block; - border: 1px solid #0081ba; - color: #fff !important; - padding: 10px 13px; - margin: 5px 0; - transition: all 0.5s; - border-radius: 1px; -} - -a[href*="#Donsiders"]:hover, a[href*="#btn"]:hover { - background: #643EBF; - -webkit-transform: translateY(-1px); - -moz-transform: translateY(-1px); - -ms-transform: translateY(-1px); - -o-transform: translateY(-1px); - transform: translateY(-1px); - box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); -} - -a[href*="#Donsiders"] { - background: #009e7e; -} - -a[href*="#Donsiders"]:hover { - background: #643EBF; -} - -a[href*="#btn"] { - background: #0057a6; -} - -a[href*="#square-showflairs"] { - float: right; -} - -a[href*="#square-showflairs"]::before { - display: inline-block; - height: 10px; - width: 10px; - content: ""; - background: -187px -5px #5133AB; - border: 3px solid #e8e8e8; - border-radius: 50%; - margin-left: 5px; -} - -a[href*="#square-hflairs"]::after { - content: "or"; - margin-left: 50px; -} - -a[href*="#square-hflairs"]:hover::after { - color: #5133AB; -} - -.side .md [href$="#butt"] { - display: inline-block !important; - font-size: 8pt; - border: 2px solid #5133AB; - padding: 9px 8px; - transition: background-color .5s; - text-align: center; - color: #5133AB; -} - -.side .md [href$="#butt"]:hover { - background: #5133AB; - color: #fff; -} - -.side .md > p:first-of-type { - display: none; -} - -.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { - content: "- flair your thread as solved once your problem is resolved"; - margin-left: 6px; - color: #008a00; -} - -.comments-page .link.linkflair-help .flat-list a.flairselectbtn { - color: #0078D7 !important; -} - -.linkflair-solved.link { - display: none; -} - -.search-page .linkflair-solved.link { - display: block; -} - -a[href*='#icon-chat']::before, a[href*='#icon-feedback']::before, a[href*='#icon-night']::before, a[href*='#icon-feedback2']::before { - display: inline-block; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; -} - -a[href*='#icon']:hover { - text-decoration: none; -} - -a[href*='#icon-chat']::before { - background: url(%%spritesheet%%) -5px -204px; -} - -a[href*='#icon-feedback']::before { - background: url(%%spritesheet%%) -35px -204px; -} - -a[href*='#icon-night']::before { - background: url(%%spritesheet%%) -125px -242px; -} - -a[href*='#icon-feedback2']::before { - background: url(%%wincore-2%%) -5px -345px; -} - -a[href*="#icon-more"] { - text-align: center; - display: block; - color: #643EBF; - font-size: 16px; -} - -a[href*='#iconz'] + .keyNavAnnotation { - display: none; -} - -a[href*='#iconz-tips']::before, a[href*='#iconz-updates']::before, a[href*='#iconz-faq']::before, a[href*='#iconz-install']::before, a[href*='#iconz-wiki']::before { - display: inline-block; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; -} - -a[href*='#iconz']:hover { - text-decoration: none; -} - -a[href*='#iconz-tips']::before { - background: url(%%spritesheet%%) -204px -47px; -} - -a[href*='#iconz-faq']::before { - background: url(%%spritesheet%%) -47px -47px; -} - -a[href*='#iconz-updates']::before { - background: url(%%spritesheet%%) -102px -77px; -} - -a[href*='#iconz-install']::before { - background: url(%%spritesheet%%) -229px -119px; -} - -a[href*='#iconz-wiki']::before { - background: url(%%spritesheet%%) -174px -149px; -} - -.link a.thumbnail[href*="blogs.windows.com"] { - background: url(%%spritesheet%%) -234px -149px no-repeat !important; - width: 45px; - height: 45px; - margin: 10px; -} - -.link a.thumbnail[href*="blogs.windows.com"] img { - display: none; -} - -.res-nightmode .subscribers .number:after, -.subscribers .number:after { - content: " insiders waiting for new bits"; -} - -.subscribers .word { - display: none; -} - -.arrow.down { - pointer-events: none; -} - -.subscriber .arrow.down { - pointer-events: initial; -} +#header{height:165px;background:#5133AB;border-bottom:none}#header #header-bottom-right #mail.havemail,#header #modmail.havemail{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}#header .hover a:hover,.redditname a:hover:after{color:#fff !important}#header-bottom-left{height:140px}#header-bottom-left .tabmenu{background:rgba(0,0,0,0.2);width:calc(100% - 50px);padding-left:50px;position:absolute;bottom:0;left:0;font-family:"Segoe UI",Helvetica,sans-serif;transition:.5s}#header-bottom-left .tabmenu li{font-weight:400;margin:0}#header-bottom-left .tabmenu li a{background:0 0;color:#ddd;font-size:11.4px;font-family:"Segoe UI",Helvetica,sans-serif;line-height:30px;padding:8px 9px 6px;letter-spacing:0.1em;text-transform:uppercase;transition:all .15s ease-in-out;border-bottom:3px solid transparent !important}#header-bottom-left .tabmenu li a:hover{color:#fff;background:rgba(0,0,0,0.1);border-bottom:3px solid #fff !important}#header-bottom-left .tabmenu li.selected a{background-color:#643EBF;border:0;color:#fff;padding-top:7px;font-weight:700;border-bottom:3px solid currentColor !important}#header-bottom-right #modmail,#header-bottom-right .user{height:37px;white-space:nowrap;border-radius:1px;overflow:hidden;transition:background-color 0.5s}#header-img{text-indent:-9999px;display:inline-block;margin-top:112px;position:absolute;z-index:99;height:27px;width:27px;margin-left:4px;padding-right:11px;padding-left:8px;opacity:.8;background-repeat:no-repeat !important;transition:all .15s ease-in-out;border-bottom:3px solid transparent !important}#header-img:hover{opacity:1;background:rgba(0,0,0,0.1);font-weight:500;border-bottom:3px solid #fff !important}#sr-header-area{transition:opacity .3s;opacity:.4;height:24px;background-color:#0C1722;border-bottom:0;letter-spacing:1px;line-height:22px}#sr-header-area:hover{opacity:1}#sr-header-area a{color:#c4c4c4;font-family:"Segoe UI",Helvetica,sans-serif}#sr-header-area .srdrop.dropdown{width:35px;padding:0}#sr-header-area .sr-list{padding-left:8px;border-left:2px solid rgba(196,196,196,0.9);height:24px;line-height:25px}#sr-header-area .srdrop.dropdown .selected{width:35px;height:23px;padding:0;margin:0;display:block;background:url(%%spritesheet%%) -225px -252px no-repeat;line-height:35px;text-indent:-999em}#sr-header-area .srdrop.dropdown .selected:hover{opacity:1}#sr-header-area .drop-choices.srdrop{padding:5px;margin:1px 0 0;background:#222;border:none}#sr-header-area .drop-choices a.choice{color:#AEAEAE}#sr-header-area .drop-choices a.choice:hover{background-color:#333;color:#EEE}#sr-header-area .drop-choices .choice.bottom-option{border-color:#AEAEAE}#sr-more-link,#header [href$="/rising/"],#header [href$="/controversial/"],#header [href$="/ads/"],#suggested-reddits,.voteWeight,.rank,.titlebox .bottom,.submit-page .content h1,.formtabs-content .infobar,a[href*='#icon']+.keyNavAnnotation,a[href*='#/RES_SR_Config/NightModeCompatible']{display:none !important}#url-field button,.submit-page .content button[name=submit]{background:0 0;transition:all .5s;border:1px solid #5cb85c;color:#5cb85c}#url-field button:hover,.submit-page .content button[name=submit]:hover{background:#5cb85c;color:#fff}.submit-page .tabmenu.formtab{margin-bottom:74px}.submit_text.roundfield.enabled{background:#1992FF;position:absolute;top:223px}.submit_text p{color:#eee}button.save,button.submit-action-thing,button.submit-report{background:0 0;transition:background-color .5s;text-transform:capitalize;font-family:"Segoe UI",Helvetica,sans-serif;border:1px solid #5cb85c;color:#5cb85c;padding:0.25rem 0.75rem}button.save:hover,button.submit-action-thing:hover,button.submit-report:hover{background:#5cb85c;color:#fff}button.cancel,button.cancel-action-thing,button.cancel-report-thing{border:1px solid #d9534f;background:0 0;color:#d9534f;padding:.25rem .75rem;text-transform:capitalize;font-family:"Segoe UI",Helvetica,sans-serif;transition:background-color 0.5s}button.cancel-action-thing:hover,button.cancel-report-thing:hover,button.cancel:hover{background:#d9534f;color:#fff}.next-suggestions a,.nextprev a{padding:0 4px;background:0 0;border:none;color:#643EBF;text-align:center}.next-suggestions a:hover,.nextprev a:hover{background:#643EBF;border:none;color:#fff;outline:0}.btn:active,.gadget .right a:active,.morelink a:active,.sidecontentbox a.helplink:active,button:active,#header #header-bottom-right #mail.havemail:active,#header #header-bottom-right #mail.nohavemail:active,#header #header-bottom-right .choice:active,#header #header-bottom-right .logout a:active,#header-bottom-left .tabmenu li a:active,#header-bottom-right #modmail:active,#header-bottom-right .user:active{background-color:#1686f0 !important}.comment{position:relative;padding:4px 0 0 30px;z-index:1;border:2px solid #e6e6e6;overflow:hidden;margin:0 18px 8px 0}.comment .expand{transition:all .5s;padding:4px 2px;position:absolute;top:0;left:0;bottom:0;padding:4px}.comment .expand:hover{background:#643EBF;color:#fff !important;text-decoration:none}.comment.collapsed .tagline{height:21px;line-height:21px}.comment.collapsed .tagline a{line-height:13px}.comment .child,.comment .showreplies{border-left:none}.new-comment{border-color:#FFAB91 !important}.new-comment .expand:hover{background:#ffab91}.new-comment .usertext-body{background-color:transparent;border:none}.tagline .score{font-weight:700}.tagline .likes{color:#5133AB}.entry .flat-list .reply-button a{color:#5133AB}.link .domain{visibility:hidden}.link .domain a{visibility:visible;position:relative;top:-1px;color:#b1b1b1}.domain{display:inline-block !important}#siteTable_organic{background:rgba(6,102,178,0.1);margin-right:325px;margin-top:-7px;left:-5px;border-left:3px solid #ff4500;border-right:1px solid rgba(0,0,0,0.1);border-bottom:none;border-top:none}#ad_sponsorship{max-width:295px}.organic-listing .link.promotedlink{margin-left:-1px;border-bottom:1px solid rgba(0,0,0,0.1)}.flairselector{border:1px solid #5133AB !important}.flairselector .title{font-size:0 !important}.flairselector h2{color:#fff;font-size:13px;background:#5133AB !important;padding-top:6px;font-weight:lighter !important;text-transform:capitalize;padding-bottom:6px}.flairselector li:hover{background-color:transparent}.flairselector form{border-top:solid 1px #5133AB;margin-bottom:10px}.flairselector.drop-choices.active{padding:0 !important;box-shadow:none}.flairselector .linkflair{border-left:none !important;background:0 0;width:110px}.flairselector.drop-choices.active{left:40% !important;top:35% !important;position:fixed}.flairoptionpane{max-height:304px}.flairoptionpane li,.flairoptionpane ul{min-width:120px;padding:3px}.comments-page .link .flat-list a.flairselectbtn{color:#5133AB !important}.nextprev a,.side .usertext-body .md ol a{transition:background-color 0.5s}.submit-page .roundfield{padding:16px;width:525px;background-color:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:0px}.submit-page .roundfield span.title{color:#4d5763;text-transform:capitalize}.submit-page .submit.content#newlink .tabmenu.formtab a{padding:16px;display:inline-block;text-align:center;background-color:#f5f5f5;color:#4d5763;text-transform:uppercase;font-weight:700;transition:all .25s ease;font-size:16px;border:none;width:247.5px}.submit-page .submit.content#newlink .tabmenu.formtab a:hover{background-color:#e7e9f6}.submit-page .submit.content#newlink .tabmenu.formtab .selected a{font-size:16px;background-color:#5133AB;color:#fff}.submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover{background-color:#643EBF}.submit-page #newlink.submit.content .btn{width:558px;height:auto;text-transform:capitalize;font-size:17px;padding:16px;text-align:center}.submit-page #newlink.submit.content .btn:after{content:" your thread";text-transform:none}.formtabs-content{width:520px;border-top:none;margin-top:-15px}form .spacer+.spacer{margin:0}.content.submit .info-notice{background-color:#fff;border-radius:2px;padding:16px;margin-bottom:0;border:1px solid rgba(0,0,0,0.1) !important}.self .expanded ~ .expando .usertext-body{-webkit-animation:700ms expandy ease-in-out forwards;animation:700ms expandy ease-in-out forwards}@-webkit-keyframes expandy{0%{-webkit-transform:translateY(-100px);opacity:0}50%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes expandy{0%{transform:translateY(-100px);opacity:0}50%{transform:translateY(0)}100%{transform:translateY(0);opacity:1}}.expando-button{cursor:pointer;float:left;height:28px;width:30px}.expando-button.selftext.collapsed,.expando-button.selftext.expanded{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed:hover,.expando-button.selftext.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed{background-position:-195px -256px}.expando-button.selftext.collapsed:hover{background-position:-155px -256px}.expando-button.selftext.expanded{background-position:-265px -218px}.expando-button.selftext.expanded:hover{background-position:-305px -218px}.expando-button.video.collapsed{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed:hover{background-image:url(%%spritesheet%%) !important}.expando-button.video.expanded{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed{background-position:-301px -256px}.expando-button.video.collapsed:hover{background-position:-261px -256px}.expando-button.video.expanded{background-position:-265px -218px}.expando-button.video.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat;background-position:-305px -218px}.expando-button.image{cursor:pointer;display:inline-block;height:28px !important;margin-right:11px;padding:0;vertical-align:top !important;width:30px !important}@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2){.expando-button{cursor:pointer;float:left;height:28px;width:30px;background:center center no-repeat #fff;background-size:341px 331px !important}.expando-button.selftext.collapsed,.expando-button.selftext.expanded{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed:hover,.expando-button.selftext.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed{background-position:-195px -256px}.expando-button.selftext.collapsed:hover{background-position:-155px -256px}.expando-button.selftext.expanded{background-position:-265px -218px}.expando-button.selftext.expanded:hover{background-position:-305px -218px}.expando-button.video.collapsed{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed:hover{background-image:url(%%spritesheet%%) !important}.expando-button.video.expanded{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed{background-position:-301px -256px}.expando-button.video.collapsed:hover{background-position:-261px -256px}.expando-button.video.expanded{background-position:-265px -218px}.expando-button.video.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat;background-position:-305px -218px}.expando-button.image{cursor:pointer;display:inline-block;height:28px !important;margin-right:11px;padding:0;vertical-align:top !important;width:30px !important}body>.content #siteTable .thing.self .thumbnail{background-image:url(%%spritesheet%%);background-position:-289px -139px;background-size:341px 331px}}.link .usertext-body .md{border-radius:0 !important;border:1px solid #7cb0d9;background-color:#fff}body>.content #siteTable .thing.self .thumbnail{background-image:url(%%spritesheet%%);width:45px;height:45px;margin:10px 15px 10px 10px;background-repeat:no-repeat !important;background-position:-289px -139px}body>.content #siteTable .thing.stickied .thumbnail{background-image:url(%%spritesheet%%);background-repeat:no-repeat !important;background-position:-289px -84px;margin-right:15px}body>.content #siteTable .thing .thumbnail.default,body>.content #siteTable .thing.over18 .thumbnail{background-image:url(%%spritesheet%%) !important;background-repeat:no-repeat !important;margin:10px 15px 10px 10px;width:45px;height:45px}body>.content #siteTable .thing.stickied .entry>.title .title{color:#00a64f;font-weight:400}body>.content #siteTable .thing.over18 .thumbnail{background-position:-286px -5px !important}body>.content #siteTable .thing .thumbnail.default{background-position:-47px -77px;background-size:341px 331px}.link .title,.submit-page #newlink.submit.content .btn,a[href*="#icon-more"]{font-family:"Segoe UI",Helvetica,sans-serif}.link{padding:10px 0;border-left:3px solid #cec0c0;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,0.1)}.link .title{color:#5133AB}.link .title:visited{color:#b1b1b1}.link.thing.visited .title{color:#b1b1b1;padding:0 !important}.link.last-clicked{border:0;border-left:3px solid #643EBF;background:#f0f8ff}.link .score.likes{color:#643EBF}.link .score.dislikes{color:#7f7f7f}.link .flair{font-size:1em}.link .midcol{margin:5px 7px}.nextprev a{padding:5px 0 5px 15px;color:#fff;width:auto;display:block;background:#5133AB;border-radius:0;font-size:small;margin-top:-12px;margin-right:-1px;margin-left:-5px;text-transform:capitalize}.linklisting .nextprev{font-size:0}.linklisting .stickied{border-left:3px solid #00a64f;background:rgba(0,166,79,0.1)}.linklisting .over18{border-left:3px solid #e2062c;background:rgba(225,6,44,0.1)}.linklisting .md{margin-bottom:0}.linklisting .usertext-edit div textarea{margin-left:-10px}.linklisting .reported{background:rgba(255,0,0,0.1);border-left:3px solid #e2062c}.report-reasons.rounded{display:block !important}.newComments{display:inline;color:#5133AB}.linkinfo .totalvotes{color:#494949 !important}.arrow{background-image:url(%%spritesheet%%) !important;background-position:center center;outline:0 !important;border:none !important}.arrow.up{background-position:-289px -194px}.arrow.upmod{background-position:-296px -60px}.arrow.down{background-position:-321px -60px}.arrow.downmod{background-position:-271px -60px}.arrow.up:hover,.arrow.down:hover{opacity:0.6}body .linklisting{margin-right:330px;bottom:0;margin-top:-7px;padding:0;border-right:1px solid rgba(0,0,0,0.1)}.entry .buttons li a{padding:0px;font-size:1.145em}.tagline,.search-result-meta{font-size:1.145em}#siteTable .thing{margin-left:-5px !important;transition:all .2s}.listing-page .link:hover{border-left-color:#643EBF;background:#f0f8ff}.entry .flat-list .report-button a,.res-nightmode .entry .flat-list .report-button a{color:#d9534f}.reddit-infobar{background:#fff;BORDER:1px solid #d7ecff}.reddit-infobar.with-icon{margin-left:-4px}.reddit-infobar.with-icon:before{background-color:solid #5133AB;background-repeat:no-repeat}.c-btn-primary{background-color:solid #5133AB;border-bottom:2px solid #4270a2;color:#fff;border-radius:0}.sitetable .comment{background-color:#FFF !important}.sitetable .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}a.author{margin-right:0.3em}.panestack-title{margin:0 330px 0 -5px;padding:4px 0px;background:#5133AB;color:#fff;border-bottom:transparent}.panestack-title .title{font-size:1.3em;margin:10px 0 10px 10px}.panestack-title a.title-button{color:#fff !important}.panestack-title a.title-button.gold{background-color:transparent;border:none}.thing.stickied a.title{font-weight:700 !important;font-size:large}.green,.tagline .moderator{color:#00a64f;font-weight:700;padding-left:0;padding-right:1px}.entry .flat-list .approve-button a{color:#00a64f}.tagline .stickied-tagline{color:#00a64f}.tagline a:hover{color:#643EBF !important}.gold-accent{background-color:#5133AB;border:none;display:inline-block;color:#fff !important}#noresults{padding:10px;margin-right:310px !important;color:#fff;background:#5133AB;margin-left:5px !important;display:none}.commentarea .infobar{color:#eee;background:#5133AB;border:none;display:flex}.commentarea .infobar a{color:#eee}.commentarea .infobar p{line-height:8px}.comments-page .sitetable.nestedlisting>.thing.stickied{border-bottom:solid 3px #00a64f;background:rgba(0,166,79,0.1) !important}.comments-page.linkflair-bug .flat-list a.flairselectbtn:after,.comments-page.linkflair-help .flat-list a.flairselectbtn:after{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}.comments-page .usertext-edit div textarea{background:url(%%wincore-2%%) 206px -213px no-repeat #FFF !important;border:1px solid #000 !important;opacity:.8;margin-top:5px;outline:0;display:block;clear:both;margin-bottom:10px}.comments-page .usertext-edit div textarea:focus{background:#FFF !important;opacity:1;border-color:#0078D6 !important}.comments-page .link{border-left:1px solid #c6c6c6 !important}.commentarea .menuarea{margin:5px 310px 5px 5px}.commentarea .md{margin-bottom:0}.md{overflow:visible}.md a{color:#5133AB}.md code{white-space:normal}.md blockquote{border-left:2px solid #643EBF;background-color:#efefed}.usertext.border .usertext-body{background-color:rgba(0,120,213,0.3);width:95%}.wiki-page .pageactions{border-radius:0;border:1px solid #643EBF}.wiki-page .pageactions .wikiaction{margin:0 !important;border-radius:0 !important}.wiki-page .pageactions .wikiaction:hover{background-color:#643EBF !important;color:#fff !important}.wiki-page .pageactions .wikiaction-current{background-color:#5133AB}.wiki-page .wiki-page-content .nextprev a{margin-bottom:12px}ul.tabmenu.formtab{padding-left:0}::selection{background-color:#643EBF;color:#fff}.buttons .comments.empty{color:#5133AB}.leavemoderator,.titlebox form.toggle{color:#000;background:#fff;border-left:5px solid #d7ecff;padding-left:10px;font-size:8pt;margin-right:5px;border-right:1px solid #d7ecff}#baconBit{width:394px !important;height:304px !important;background-image:url(%%res-easter-egg%%) no-repeat !important;transition:all 10s linear !important}.sheets .col textarea{width:98%;background:#1d1f21;color:#ddd !important;height:712px !important;font-family:SourceCodePro-Medium, monospace}.gadget .right a,a[href*="#tech"]{font-family:"Segoe UI",Helvetica,sans-serif;text-align:center}.sheets ::-webkit-scrollbar{background-color:#0f0f0f !important}.sheets ::-webkit-scrollbar-corner,.sheets ::-webkit-scrollbar-thumb{background:#313131 !important}.panestack-title{border-bottom:transparent}.infobar.newsletterbar{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;overflow:hidden;min-height:80px;padding:15px 20px 20px 25px;border:none;border-radius:0;background-color:#30659B;border-left:3px solid #ff4500;margin:-7px 325px 7px 0px;left:-5px}#eu-cookie-policy .reddit-infobar a{color:#222 !important}.leavemoderator{border-color:#393939 !important;background:#222 !important}.gadget .midcol{margin-right:9px}.gadget .right a{background:#5133AB;padding:5px 10px;margin-right:5px;display:block;color:#fff;font-size:16px;transition:background-color .5s;text-transform:capitalize}.gadget .right a:hover{background:#643EBF}span.clear-input-button{color:#fff}#newlink-with-image-upload .clear-input-button{border-radius:0 !important;width:33px !important;height:27px !important;top:0 !important;line-height:26px !important;border:1px solid grey;background:#5133AB !important;transition:background-color .5s;right:-10px !important}#newlink-with-image-upload .clear-input-button:hover{background:#643EBF !important}#newlink-with-image-upload .image-upload-drop-target{padding:15px !important}#newlink-with-image-upload .file-upload-button{background:#5133AB;border:none;padding:7px 20px !important;display:block !important;margin:6px -17px -17px !important;transition:background-color 0.5s}#newlink-with-image-upload .file-upload-button:hover{background:#643EBF}@media (max-width: 880px){#siteTable_organic{margin-right:-5px}#header-bottom-left .tabmenu{width:calc(100% - 50px);padding-left:50px}.side{display:none}body .linklisting{margin-right:0 !important}.footer::after{display:none !important}.infobar{margin-right:18px}.footer{border-right:1px solid #5133AB}.panestack-title{margin:0 0px 0 -5px}.infobar.newsletterbar{margin:-7px -5px 7px 0px}}.side{margin:0;padding-left:30px;background:0 0}.side:after{content:"/r/ClearShift theme";font-size:large;color:#5133AB;margin-left:50px}.side .md h2{margin-top:1.4em;font-size:1.4em}.side .md h3{font-size:1.2em;color:#555;margin:2em 0 0.2em}.side .md h4{color:#888;margin-bottom:1.5em}.side .md p{margin:0.5em 0}.side .md p a{margin:0 .2em;font-size:1.1em}.side .md p a:first-child{margin-left:0}.side .md h1,.side .md h2,.side .md h3,.side .md h4{color:#fff;font-size:13px;font-weight:400}.side .md h1:after,.side .md h2:after,.side .md h3:after,.side .md h4:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-24px}.side .md h1 a,.side .md h2 a,.side .md h3 a,.side .md h4 a{color:#fff;font-size:13px}.side .md h1{color:#fff;font-size:13px}.side .md h1 a{color:#fff;font-size:13px}.side .titlebox div.subButtons,.side .titlebox h1.redditname+div,.side .titlebox>.fancy-toggle-button{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:8pt;border-radius:0;font-weight:400;margin:0 5px 0 0}.side .titlebox div.subButtons,.side .titlebox h1.redditname+div,.side .titlebox>.fancy-toggle-button{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}.side .titlebox div.subButtons,.side .titlebox>.fancy-toggle-button{width:269.3px}.side .titlebox>.fancy-toggle-button{display:block !important}.side div.titlebox ul{list-style-type:none;margin:0;padding:0}.side .subscribe-button .add{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}@-webkit-keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}@-moz-keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}@keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}.titlebox h1:after,.sidecontentbox .title:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-24px}div.side div.tagline{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0}div.side form.flairtoggle,div.side form.leavecontributor-button{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0}div.side span.subscribers{border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0;padding:7px 10px 10px;display:block !important;padding-top:5px;padding-bottom:10px;border-top:none}div.side span.subscribers span{vertical-align:middle}div.side span.subscribers span.number:before{background:url(%%spritesheet%%) -192px -5px;display:block;float:left;width:20px;height:20px;content:"";margin-right:5px;margin-top:-3px}div.side div.tagline{display:block !important}div.side form.flairtoggle{display:block}div.side div.leavemoderator{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side form.flairtoggle{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side p.users-online{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side div.tagline{padding-top:0;border-top:none}.morelink{border:1px solid #5133AB;background:#5133AB;width:145px;margin-right:5px;transition:all 0.5s;box-sizing:border-box}.morelink a{color:#fff;font-family:"Segoe UI",Helvetica,sans-serif;font-weight:400;letter-spacing:0;font-size:0.9em}.morelink:hover{background:#643EBF;border-color:#643EBF}.morelink:hover a{color:#fff;border-color:#643EBF}.morelink .nub{display:none}.submit .morelink{float:left}.submit-page .titlebox h1{margin-top:0 !important}.redditname{margin-top:53px !important}.reddit-link{padding:7px 10px 10px;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:1em;margin-right:5px}.icon-menu li{display:block;margin:0;padding:7px 10px 10px !important;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;margin-right:5px !important}.search-page .side .spacer{margin:10px 0}.sidebox.create{display:none !important}.helplink ~ .content .author[href*=AutoModerator],.helplink ~ .content .author[href*=flair_your_post_bot]{display:none}.helplink ~ .content .author:after{content:'- Moderator';font-size:0.945em;margin-left:5px;color:#5133AB}.helplink ~ .content .flair{display:none}.linkinfo{background-color:transparent}.sidecontentbox .helplink+.title h1{font-size:0}.sidecontentbox .helplink+.title h1:before{font-size:13px !important;content:"Moderators team";text-transform:capitalize}.helplink ~ .content .author .helplink ~ .content .author:hover{color:#643EBF}.sidecontentbox .content .linkflairlabel{display:none}div.titlebox .md h3:hover+ul{display:block}div.titlebox .md ul li strong:first-child,div.titlebox .md ul:hover{display:block}div.titlebox .md ul li{border:none;margin-right:5px}.sidecontentbox .content a.author,.sidecontentbox .more{display:block;margin:0;padding:7px 10px 10px !important;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:0.945em;margin-right:5px !important}.sidecontentbox .content a.author:hover,.sidecontentbox .more:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}.sidecontentbox .content{border:none;padding:0}.sidecontentbox .more{text-align:center}.sidecontentbox .more a{color:#369}.icon-menu li:hover,.reddit-link:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}div.titlebox .md ul li{padding:7px 10px 10px;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:0.945em}div.titlebox .md ul li:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}div.titlebox div.styleToggle,div.titlebox span.fancy-toggle-button a.active{padding:5px 10px;background-color:#643EBF;color:#fff;font-size:8pt;display:block !important;background-image:none;border-radius:0;font-weight:400;margin:0;border:none}div.titlebox div.styleToggle{background-color:#5133AB;line-height:20px}div.titlebox div.styleToggle input,div.titlebox div.styleToggle label{vertical-align:middle;margin:0}div.titlebox span.fancy-toggle-button a.active.add:hover,div.titlebox span.fancy-toggle-button a.active.remove{background-color:#5133AB}div.titlebox span.fancy-toggle-button a.active.remove:before{content:"";padding-right:5px}div.titlebox span.fancy-toggle-button a.active.remove:hover:after{content:"=(";font-style:italic;padding-left:5px}div.titlebox span.fancy-toggle-button a.active.add:before{content:"+";padding-right:5px;color:#fff}#RESShortcutsAdd,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort,#RESShortcutsTrash{width:17px !important}.sidecontentbox .content a.author{display:block;margin:0;padding:3px 0}.sidecontentbox .content a.author:hover{color:#643EBF}#searchexpando{padding:10px;border:1px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:8pt;border-radius:0;font-weight:400;margin:0 5px 0 0;width:273px !important;border-left:1px solid #d7ecff}#search input[type=text]{width:295px !important;border-color:#5133AB}.sidecontentbox .title{border-left:5px solid #1992FF;background-color:#5133AB;padding:10px;font-weight:400;margin-top:0;margin-bottom:0;margin-left:-10px}div.titlebox .md h3:before{content:"+";color:#fff;padding-right:5px}div.titlebox .md h2,div.titlebox .md h3,div.titlebox .md h4{border-left:5px solid #1992FF;background-color:#5133AB;padding:10px;font-weight:400;cursor:default;margin-top:0;margin-bottom:0;margin-left:-10px}div.titlebox h1{border-left:5px solid #1992FF;background-color:#5133AB;padding:10px;font-weight:400;margin-top:0;margin-bottom:0;margin-left:-10px;font-size:13px}.leavemoderator,.users-online,.leavecontributor-button{display:none}.sidecontentbox a.helplink{margin-right:5px}.icon-menu a{background:0 0}.titlebox .bottom{border:none}.titlebox h1 a,.pagename a{color:#FFF}#RESShortcutsAdd,#RESShortcutsEditContainer,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort,#RESShortcutsTrash{background-color:transparent !important}#RESShortcutsAdd:hover,#RESShortcutsEditContainer:hover,#RESShortcutsLeft:hover,#RESShortcutsRight:hover,#RESShortcutsSort:hover,#RESShortcutsTrash:hover{color:#f0f0f0 !important}.titlebox .md h3+ul:hover,.titlebox .md h3:hover+ul{max-height:600px}div.titlebox .md h3+ul{display:block;transition:1.8s max-height ease-out;overflow:hidden;max-height:0}div.titlebox .md h3:hover+ul{transition:.8s max-height ease-out}div.commentarea .infobar p{background:#643EBF;padding:10px;margin:-5px -5px -5px 10px}.linkinfo{padding:0;border:none}.linkinfo .score,.linkinfo .shortlink{color:#494949;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:8pt;margin-right:5px}.linkinfo .score{padding:7px 10px;margin-top:10px}.linkinfo .shortlink{display:block;font-weight:600;text-transform:capitalize;margin-top:0;padding:7px 10px 10px}.date{position:relative}.date:before{content:"Date ";display:block;color:#fff !important;text-transform:none;border-left:5px solid #1992FF;background-color:#5133AB;padding:10px;cursor:pointer;margin-top:0;margin-bottom:6px;margin-left:-10px;font:400 small verdana, arial, helvetica, sans-serif}.date:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-19px;margin-top:-32px}.date span{display:block;background-color:#fff;padding:7px 0 10px 10px;border-left:5px solid #d7ecff;border-bottom:1px solid #d7ecff;margin:-6px 5px -10px 0;border-right:1px solid #d7ecff}.date span,.date time{color:#494949;font-size:9pt}.date time{position:absolute;top:50%;left:55%;padding:9px 0 10px 0}.totalvotes{display:block;background-color:#fff;color:#494949 !important;font-weight:600;text-transform:capitalize;margin-top:0;padding:7px 10px 10px;border-left:5px solid #d7ecff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:8pt !important;margin-right:5px}.linkinfo .shortlink input{height:10px;border:none;width:181px;font-size:13px}.submit-page .side:before{content:"Use search before posting";font-size:large;color:#E54661;margin-left:27px}.sidecontentbox a.helplink{float:none;margin-top:4px;clear:both;text-align:center;display:block;color:#fff;background:#5133AB;box-sizing:border-box;margin-bottom:10px}.sidecontentbox a.helplink:hover{background:#643EBF}.sidecontentbox .title h1,.sidecontentbox a.helplink{color:#fff}.account-activity-box,.sidecontentbox a.helplink{font-size:16px;padding:10px;transition:background-color .5s;text-transform:capitalize}.account-activity-box{display:block !important;background:#5133AB;margin-right:5px}.account-activity-box:hover{background:#643EBF}.account-activity-box a{color:#fff;padding:10px 70px}#header #header-bottom-right{background:0 0;bottom:-18px;top:auto;padding:3px;height:59px;font-family:"Segoe UI",Helvetica,sans-serif}#header-bottom-right .separator{display:none}#header-bottom-right .user{position:relative;top:0;width:119px;padding-left:42px;padding-top:5px;font-size:13px;color:#eaeaea;line-height:170%;background:url(%%spritesheet%%) -110px -289px no-repeat #5133AB;float:left;border:2px solid #fff;cursor:pointer}#beta-help,.beta-hint a{position:absolute !important}#header-bottom-right .user>a{text-indent:4px;color:#FFF;display:block;line-height:12px;white-space:nowrap}#header-bottom-right .user span a{color:#fff}#header-bottom-right #mail{top:0;top:0 !important;width:42px;height:42px;display:inline-block}#header-bottom-right #modmail{position:absolute;margin-left:-267px;top:3px;padding-left:26px;padding-top:5px;background:url(%%spritesheet%%) -224px -72px no-repeat #5133AB;border:2px solid #fff}#modmail.havemail{background:url(%%spritesheet%%) -224px -72px #ff4500 !important}#header #header-bottom-right #modmail:hover,#header #header-bottom-right .choice:hover,#header #header-bottom-right .user:hover{background-color:#643EBF}#header #header-bottom-right .logout{display:inline-block}#header #header-bottom-right #mail,#header #header-bottom-right .choice,#header #header-bottom-right .logout a{margin-left:5px;width:42px;width:42px !important;height:42px;display:inline-block;text-indent:50px;overflow:hidden;transition:background-color 0.5s}#header #header-bottom-right #mail.nohavemail{background:url(%%spritesheet%%) 0px -114px no-repeat #5133AB;border-radius:1px;border:2px solid #fff}#header #header-bottom-right #mail.havemail{background:url(%%spritesheet%%) 0px -114px no-repeat #ff4500}.res #header #header-bottom-right #mail.havemail{background:url(%%spritesheet%%) 0px -115px no-repeat #ff4500}#header #header-bottom-right #mail.havemail{border-radius:1px;border:2px solid #fff}#header #header-bottom-right .choice{background:url(%%spritesheet%%) -127px -114px no-repeat #5133AB;border-radius:1px;border:2px solid #fff}.beta-hint{opacity:1}.beta-hint a{top:0;left:-78px;color:transparent !important;background-color:#5133AB;background-image:url(%%spritesheet%%) !important;background-repeat:no-repeat !important;background-size:341px 331px !important;background-position:-72px -143px !important;width:42px;height:42px;border-radius:1px;border:2px solid #fff;transition:background-color 0.5s}.beta-hint a:hover{background-color:green !important}#beta-help{background:#FFFFE1 !important;color:#000 !important;left:1200px !important;top:170px !important}.res .beta-hint a{display:none}#header #header-bottom-right .logout a{background:url(%%spritesheet%%) -127px -42px no-repeat #5133AB;border-radius:1px;border:2px solid #fff}#header #header-bottom-right #mail.havemail,#header #header-bottom-right #mail.nohavemail{border-bottom:none}#header #header-bottom-right .choice,#header #header-bottom-right .logout a{border-bottom:none}#header-bottom-right #modmail,#header-bottom-right .user{border-bottom:none}.user .userkarma{border-bottom:none}#header #header-bottom-right #mail:hover,#header #header-bottom-right .choice:hover,#header #header-bottom-right .user:hover{background-color:#643EBF}#header #header-bottom-right .logout a:hover{text-indent:-99999px;color:#fff;background:url(%%spritesheet%%) -127px -42px no-repeat #ce352c}#openRESPrefs{position:absolute;right:365px;top:22px}#mailCount{position:absolute;left:208px;top:-2px;color:#fff;font-size:14px;overflow:hidden}.message-count{background:#643EBF;height:42px;font-size:medium;line-height:42px !important;margin-left:-4px;vertical-align:top;display:none}.user .userkarma{cursor:help}#RESAccountSwitcherIconOverlay{display:none !important}#RESAccountSwitcherIcon{float:right;margin-right:5px;margin-top:-10px;background:url(%%spritesheet%%) -264px -5px no-repeat !important}.side .usertext-body .md ol{position:absolute;top:30px;right:0;margin:0 30px 0 0;padding:0;z-index:99}.md-container-small .md .-text,.md-container-small .md li,.md-container-small .md p,.md-container-small .md pre>code,.md-container-small .md td,.md-container-small .md th{list-style:none}.side .usertext-body .md ol a[href$="#special"]{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:3s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}.side .md .-text,.side .md li,.side .md p,.side .md pre>code,.side .md td,.side .md th{list-style:none}.side .usertext-body .md ol a{background-color:#57b5ff;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;opacity:0.8}.side .usertext-body .md ol a:hover{opacity:1}.side .md>ol li a[href$='#special']:after,.side .md>ol li a[href$='#special']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#special']{border:2px solid #fefefe;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;transition:opacity .5s;background-color:#1686f0;opacity:0.8}.side .usertext-body .md ol a[href$='#special']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px;background-color:#5133AB;content:"Event";color:#fff}.side .usertext-body .md ol a[href$='#special']:hover{opacity:1}.side .usertext-body .md ol a[href$='#achieve']{border:2px solid #fefefe;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;transition:opacity .5s;background-color:#28bc07;opacity:0.8}.side .usertext-body .md ol a[href$='#achieve']:hover{opacity:1}.side .md>ol li a[href$='#sticky']:after,.side .md>ol li a[href$='#sticky']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#achieve']:before,.side .usertext-body .md ol a[href$='#sticky']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#achieve']:before{background-color:#0d9605;content:"Achievement unlocked";color:#fff}.side .usertext-body .md ol a[href$='#sticky'],.side .usertext-body .md ol a[href$='#stickyg']{font-weight:400;padding:5px 5px 5px 0;margin-bottom:3px;border:2px solid #fefefe;display:inline-block;font-size:12px;transition:opacity .5s;text-decoration:none}.side .usertext-body .md ol a[href$='#sticky']{background-color:#1686f0;opacity:0.8}.side .usertext-body .md ol a[href$='#sticky']:hover{opacity:1}.side .usertext-body .md ol a[href$='#stickyg']:hover{opacity:1}.side .usertext-body .md ol a[href$='#sticky']:before{background-color:#5133AB;content:"Sticky";color:#fff}.side .usertext-body .md ol a[href$='#stickyg']{background-color:#28bc07;opacity:0.8}.side .md>ol li a[href$='#achieve']:after,.side .md>ol li a[href$='#achieve']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .md>ol li a[href$='#update']:after,.side .md>ol li a[href$='#update']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#stickyg']:before,.side .usertext-body .md ol a[href$='#update']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#stickyg']:before{background-color:#0d9605;content:"Sticky";color:#fff}.side .usertext-body .md ol a[href$='#update']{border:2px solid #fefefe;background-color:#1686f0;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;opacity:.8;transition:opacity 0.5s}.side .usertext-body .md ol a[href$='#update']:before{background-color:#5133AB;content:"Update";color:#fff}.side .usertext-body .md ol a[href$='#update']:hover{opacity:1}.side .md del{color:#fff;text-decoration:none}.md a:hover{color:#643EBF}.res-nightmode body,html[lang^=nm] body{background:#1a1a1a !important}.res-nightmode #sr-header-area,html[lang^=nm] #sr-header-area{background-color:#0C1722}.res-nightmode a,html[lang^=nm] a{color:#f8f8ff}.res-nightmode .morelink a,.res-nightmode a[href*="#Donsiders"],.res-nightmode a[href*="#btn"],html[lang^=nm] .morelink a,html[lang^=nm] a[href*="#Donsiders"],html[lang^=nm] a[href*="#btn"]{color:#fff !important}.res-nightmode .shortlink input,html[lang^=nm] .shortlink input{background:#393939;color:#ddd}.res-nightmode #previoussearch #moresearchinfo,.res-nightmode .roundfield label,.res-nightmode .search-result-body,.res-nightmode div.side #searchexpando,.res-nightmode .submit-page .roundfield .title,.res-nightmode .md,.res-nightmode .md blockquote,.res-nightmode .md del,.res-nightmode .comments-page .usertext-edit div textarea,html[lang^=nm] #previoussearch #moresearchinfo,html[lang^=nm] .roundfield label,html[lang^=nm] .search-result-body,html[lang^=nm] div.side #searchexpando,html[lang^=nm] .submit-page .roundfield .title,html[lang^=nm] .md,html[lang^=nm] .md blockquote,html[lang^=nm] .md del,html[lang^=nm] .comments-page .usertext-edit div textarea{color:#eee !important}.res-nightmode .md blockquote,html[lang^=nm] .md blockquote{background:rgba(0,87,166,0.24);border-left:2px solid #643EBF !important;color:#888 !important}.res-nightmode .md code,html[lang^=nm] .md code{border:none !important;background-color:#393939 !important;border-radius:0 !important;border-left:3px solid #643EBF !important}.res-nightmode .commentingAs,.res-nightmode .date time,.res-nightmode .linkinfo .score,.res-nightmode .linkinfo .shortlink,.res-nightmode .side .titlebox>.fancy-toggle-button,.res-nightmode .edit-stylesheet.choice:after,.res-nightmode .wiki-page .wiki-page-content,html[lang^=nm] .commentingAs,html[lang^=nm] .date time,html[lang^=nm] .linkinfo .score,html[lang^=nm] .linkinfo .shortlink,html[lang^=nm] .side .titlebox>.fancy-toggle-button,html[lang^=nm] .edit-stylesheet.choice:after,html[lang^=nm] .wiki-page .wiki-page-content{color:#ddd !important}.res-nightmode .date span,.res-nightmode .date time,html[lang^=nm] .date span,html[lang^=nm] .date time{border-bottom:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode #header,.res-nightmode #newlink-with-image-upload #new-link-preview,.res-nightmode .account-activity-box,.res-nightmode .date:before,.res-nightmode .morelink,.res-nightmode .nextprev a,.res-nightmode .titlebox h1,html[lang^=nm] #header,html[lang^=nm] #newlink-with-image-upload #new-link-preview,html[lang^=nm] .account-activity-box,html[lang^=nm] .date:before,html[lang^=nm] .morelink,html[lang^=nm] .nextprev a,html[lang^=nm] .titlebox h1{background:#222 !important}.res-nightmode #header #header-bottom-right #mail:hover,.res-nightmode #header #header-bottom-right #modmail:hover,.res-nightmode #header #header-bottom-right .choice:hover,.res-nightmode #header #header-bottom-right .logout:hover,.res-nightmode #header #header-bottom-right .user:hover,html[lang^=nm] #header #header-bottom-right #mail:hover,html[lang^=nm] #header #header-bottom-right #modmail:hover,html[lang^=nm] #header #header-bottom-right .choice:hover,html[lang^=nm] #header #header-bottom-right .logout:hover,html[lang^=nm] #header #header-bottom-right .user:hover{background-color:#393939 !important}.res-nightmode #header #header-bottom-right .logout a,.res-nightmode #header #header-bottom-right .nohavemail#mail,html[lang^=nm] #header #header-bottom-right .logout a,html[lang^=nm] #header #header-bottom-right .nohavemail#mail{background-color:transparent !important;outline:0 !important}.res-nightmode #header-bottom-right #modmail,.res-nightmode #header-bottom-right .choice,.res-nightmode #header-bottom-right .user,html[lang^=nm] #header-bottom-right #modmail,html[lang^=nm] #header-bottom-right .choice,html[lang^=nm] #header-bottom-right .user{background-color:transparent !important;outline:0 !important}.res-nightmode #header-bottom-left .tabmenu,.res-nightmode #header-img,.res-nightmode #header-img.default-header,html[lang^=nm] #header-bottom-left .tabmenu,html[lang^=nm] #header-img,html[lang^=nm] #header-img.default-header{background:transparent !important}.res-nightmode #header-bottom-left .tabmenu,.res-nightmode .new-comment .usertext-body,html[lang^=nm] #header-bottom-left .tabmenu,html[lang^=nm] .new-comment .usertext-body{background-color:transparent;border:none}.res-nightmode .date,html[lang^=nm] .date{color:#ddd !important}.res-nightmode .date::before,html[lang^=nm] .date::before{color:#ddd !important}.res-nightmode .flair,html[lang^=nm] .flair{color:#ddd !important}.res-nightmode .footer,html[lang^=nm] .footer{border-right:none !important;border-top:none}.res-nightmode .footer div.col a,.res-nightmode .footer::after,html[lang^=nm] .footer div.col a,html[lang^=nm] .footer::after{color:#ddd !important}.res-nightmode div.side div.tagline,.res-nightmode div.side form.flairtoggle,.res-nightmode div.side span.subscribers,html[lang^=nm] div.side div.tagline,html[lang^=nm] div.side form.flairtoggle,html[lang^=nm] div.side span.subscribers{background:#222 !important;color:#ddd !important}.res-nightmode div.titlebox .md ul li,html[lang^=nm] div.titlebox .md ul li{background:#222 !important;color:#ddd !important}.res-nightmode .sidecontentbox .title,.res-nightmode .sidecontentbox a.helplink,html[lang^=nm] .sidecontentbox .title,html[lang^=nm] .sidecontentbox a.helplink{background:#222 !important}.res-nightmode div.titlebox .md h1,.res-nightmode div.titlebox .md h2,.res-nightmode div.titlebox .md h3,.res-nightmode div.titlebox .md h4,html[lang^=nm] div.titlebox .md h1,html[lang^=nm] div.titlebox .md h2,html[lang^=nm] div.titlebox .md h3,html[lang^=nm] div.titlebox .md h4{background:#222 !important}.res-nightmode #searchexpando,.res-nightmode .icon-menu li,.res-nightmode .totalvotes,.res-nightmode .reddit-link,.res-nightmode .sidecontentbox .content a.author,.res-nightmode .sidecontentbox .more,.res-nightmode .reddit-link,.res-nightmode .linkinfo .score,.res-nightmode .linkinfo .shortlink,.res-nightmode div.titlebox .md ul li,html[lang^=nm] #searchexpando,html[lang^=nm] .icon-menu li,html[lang^=nm] .totalvotes,html[lang^=nm] .reddit-link,html[lang^=nm] .sidecontentbox .content a.author,html[lang^=nm] .sidecontentbox .more,html[lang^=nm] .reddit-link,html[lang^=nm] .linkinfo .score,html[lang^=nm] .linkinfo .shortlink,html[lang^=nm] div.titlebox .md ul li{border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode #searchexpando:hover,.res-nightmode .icon-menu li:hover,.res-nightmode .totalvotes:hover,.res-nightmode .reddit-link:hover,.res-nightmode .sidecontentbox .content a.author:hover,.res-nightmode .sidecontentbox .more:hover,.res-nightmode .reddit-link:hover,.res-nightmode .linkinfo .score:hover,.res-nightmode .linkinfo .shortlink:hover,.res-nightmode div.titlebox .md ul li:hover,html[lang^=nm] #searchexpando:hover,html[lang^=nm] .icon-menu li:hover,html[lang^=nm] .totalvotes:hover,html[lang^=nm] .reddit-link:hover,html[lang^=nm] .sidecontentbox .content a.author:hover,html[lang^=nm] .sidecontentbox .more:hover,html[lang^=nm] .reddit-link:hover,html[lang^=nm] .linkinfo .score:hover,html[lang^=nm] .linkinfo .shortlink:hover,html[lang^=nm] div.titlebox .md ul li:hover{background-color:#393939 !important;border-left-color:#7cb0d9 !important}.res-nightmode div.side div.leavemoderator,.res-nightmode div.side p.users-online,.res-nightmode div.side span.subscribers,.res-nightmode div.side form.leavecontributor-button,.res-nightmode div.side .titlebox div.subButtons,.res-nightmode div.side .titlebox h1.redditname+div,.res-nightmode div.side .titlebox>.fancy-toggle-button,html[lang^=nm] div.side div.leavemoderator,html[lang^=nm] div.side p.users-online,html[lang^=nm] div.side span.subscribers,html[lang^=nm] div.side form.leavecontributor-button,html[lang^=nm] div.side .titlebox div.subButtons,html[lang^=nm] div.side .titlebox h1.redditname+div,html[lang^=nm] div.side .titlebox>.fancy-toggle-button{border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode div.side div.tagline,.res-nightmode div.side form.flairtoggle,html[lang^=nm] div.side div.tagline,html[lang^=nm] div.side form.flairtoggle{border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;border-bottom:none !important;background:#222 !important}.res-nightmode .titlebox form.toggle,html[lang^=nm] .titlebox form.toggle{background:#222;border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;color:#eee}.res-nightmode .sitetable .comment .comment,html[lang^=nm] .sitetable .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment,html[lang^=nm] .sitetable .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode button,html[lang^=nm] button{border:none;background-color:#222 !important}.res-nightmode a[href*="#square"]::before,html[lang^=nm] a[href*="#square"]::before{border:3px solid #393939}.res-nightmode .link,html[lang^=nm] .link{border-bottom:1px solid #2D2E32 !important;border-right:1px solid #2D2E32 !important}.res-nightmode .listing-page .link:hover,html[lang^=nm] .listing-page .link:hover{background:#393939 !important;border-left-color:#a9a9a9 !important}.res-nightmode div.titlebox .md ul li:hover,html[lang^=nm] div.titlebox .md ul li:hover{background-color:#393939 !important;border-left-color:#7cb0d9 !important}.res-nightmode div.titlebox .md h1:after,.res-nightmode div.titlebox .md h2:after,.res-nightmode div.titlebox .md h3:after,.res-nightmode div.titlebox .md h4:after,html[lang^=nm] div.titlebox .md h1:after,html[lang^=nm] div.titlebox .md h2:after,html[lang^=nm] div.titlebox .md h3:after,html[lang^=nm] div.titlebox .md h4:after{display:block;position:absolute;z-index:-1;border-color:transparent #393939 transparent transparent !important}.res-nightmode div.titlebox h1:after,.res-nightmode div.titlebox .sidecontentbox .title:after,html[lang^=nm] div.titlebox h1:after,html[lang^=nm] div.titlebox .sidecontentbox .title:after{display:block;position:absolute;z-index:-1;border-color:transparent #393939 transparent transparent !important}.res-nightmode .flairselector,.res-nightmode .comments-page .usertext-edit div textarea,.res-nightmode #eu-cookie-policy .reddit-infobar,.res-nightmode #search input[type=text],html[lang^=nm] .flairselector,html[lang^=nm] .comments-page .usertext-edit div textarea,html[lang^=nm] #eu-cookie-policy .reddit-infobar,html[lang^=nm] #search input[type=text]{background-color:#222 !important;color:#ddd}.res-nightmode #header-bottom-left .tabmenu li.selected a,.res-nightmode .link .usertext-body .md,.res-nightmode .debuginfo,.res-nightmode .sidecontentbox a.helplink:hover,.res-nightmode .cookie-infobar.with-icon:before,.res-nightmode div.titlebox span.fancy-toggle-button a.active.remove,.res-nightmode .link .score .likes,.res-nightmode .nextprev a:hover,.res-nightmode .side .morelink a:hover,.res-nightmode button:hover,.res-nightmode .account-activity-box:hover,html[lang^=nm] #header-bottom-left .tabmenu li.selected a,html[lang^=nm] .link .usertext-body .md,html[lang^=nm] .debuginfo,html[lang^=nm] .sidecontentbox a.helplink:hover,html[lang^=nm] .cookie-infobar.with-icon:before,html[lang^=nm] div.titlebox span.fancy-toggle-button a.active.remove,html[lang^=nm] .link .score .likes,html[lang^=nm] .nextprev a:hover,html[lang^=nm] .side .morelink a:hover,html[lang^=nm] button:hover,html[lang^=nm] .account-activity-box:hover{background-color:#393939 !important}.res-nightmode .comment .usertext .md p>a:visited,.res-nightmode .md a,.res-nightmode h2 a:visited,html[lang^=nm] .comment .usertext .md p>a:visited,html[lang^=nm] .md a,html[lang^=nm] h2 a:visited{color:#3498db}.res-nightmode ::-webkit-scrollbar,html[lang^=nm] ::-webkit-scrollbar{background-color:#393939}.res-nightmode ::-webkit-scrollbar-thumb,html[lang^=nm] ::-webkit-scrollbar-thumb{background-color:#666;border:2px solid #333;transition:background-color 0.5s}.res-nightmode ::-webkit-scrollbar-thumb:hover,html[lang^=nm] ::-webkit-scrollbar-thumb:hover{background-color:#555;transition:background-color 0.5s}.res-nightmode ::-webkit-scrollbar-thumb:active,html[lang^=nm] ::-webkit-scrollbar-thumb:active{background-color:#bbb}.res-nightmode ::-webkit-scrollbar-corner,html[lang^=nm] ::-webkit-scrollbar-corner{color:#555}.res-nightmode textarea,html[lang^=nm] textarea{color:#000 !important}.res-nightmode .content,html[lang^=nm] .content{margin-bottom:0;margin-top:0}.res-nightmode input[type=button],.res-nightmode input[type=reset],.res-nightmode input[type=submit],html[lang^=nm] input[type=button],html[lang^=nm] input[type=reset],html[lang^=nm] input[type=submit]{border:none}.res-nightmode .side .spacer .titlebox .redditname,html[lang^=nm] .side .spacer .titlebox .redditname{border-left-color:#643EBF}.res-nightmode .gold-accent,html[lang^=nm] .gold-accent{background:#5133AB}.res-nightmode .thing .title:visited,.res-nightmode .thing.visited .title,html[lang^=nm] .thing .title:visited,html[lang^=nm] .thing.visited .title{color:#808c94}.res-nightmode .thing .title,html[lang^=nm] .thing .title{color:#B5C4D0}.res-nightmode .content.submit .info-notice,.res-nightmode .submit-page .roundfield,html[lang^=nm] .content.submit .info-notice,html[lang^=nm] .submit-page .roundfield{background-color:#222;color:#eee}.res-nightmode #header #header-bottom-right #mail.havemail,html[lang^=nm] #header #header-bottom-right #mail.havemail{outline:0}.res-nightmode .formtabs-content .infobar,html[lang^=nm] .formtabs-content .infobar{border-color:transparent !important}.res-nightmode .infobar,html[lang^=nm] .infobar{border-color:#ff4500 !important}.res-nightmode span.score,html[lang^=nm] span.score{color:#888 !important}.res-nightmode .comment.spam>.child,.res-nightmode .message.spam>.child,.res-nightmode .usertext.grayed .usertext-body,html[lang^=nm] .comment.spam>.child,html[lang^=nm] .message.spam>.child,html[lang^=nm] .usertext.grayed .usertext-body{background-color:transparent}.res-nightmode div.commentarea .infobar,html[lang^=nm] div.commentarea .infobar{color:#eee;border:none}.res-nightmode .comment,html[lang^=nm] .comment{border:1px solid #43474F}.res-nightmode a[href*='#icon-day'],html[lang^=nm] a[href*='#icon-day']{display:inline-block !important}.res-nightmode a[href*='#icon-day']::before,html[lang^=nm] a[href*='#icon-day']::before{display:inline-block !important;display:none;height:20px;width:20px;content:'';margin:0 7px -4px 0;background:url(%%spritesheet%%) -85px -294px}.res-nightmode a[href*='#icon-night'],html[lang^=nm] a[href*='#icon-night']{display:none}.res-nightmode a[href*="#icon-chat"]::before,html[lang^=nm] a[href*="#icon-chat"]::before{background-image:url(%%wincore-2%%);background-position:-5px -405px}.res-nightmode a[href*="#icon-feedback"]::before,html[lang^=nm] a[href*="#icon-feedback"]::before{background-position:-47px -149px}.res-nightmode a[href*="#icon-feedback2"]::before,html[lang^=nm] a[href*="#icon-feedback2"]::before{background-position:-5px -375px}.res-nightmode a[href*="#iconz-tips"]::before,html[lang^=nm] a[href*="#iconz-tips"]::before{background-position:-234px -47px}.res-nightmode a[href*="#iconz-updates"]::before,html[lang^=nm] a[href*="#iconz-updates"]::before{background-position:-259px -119px}.res-nightmode a[href*="#iconz-faq"]::before,html[lang^=nm] a[href*="#iconz-faq"]::before{background-position:-174px -47px}.res-nightmode a[href*="#iconz-install"]::before,html[lang^=nm] a[href*="#iconz-install"]::before{background-position:-259px -119px}.res-nightmode a[href*="#iconz-wiki"]::before,html[lang^=nm] a[href*="#iconz-wiki"]::before{background-position:-204px -149px}.res-nightmode #siteTable .thing,.res-nightmode .link.promotedlink,html[lang^=nm] #siteTable .thing,html[lang^=nm] .link.promotedlink{background:#202020}.res-nightmode .organic-listing,html[lang^=nm] .organic-listing{background:none !important}.res-nightmode body>.content #siteTable .thing.self .thumbnail,html[lang^=nm] body>.content #siteTable .thing.self .thumbnail{background-position:-77px -5px}.res-nightmode body>.content #siteTable .thing .thumbnail.default,html[lang^=nm] body>.content #siteTable .thing .thumbnail.default{background-position:-174px -77px}.res-nightmode div.side span.subscribers span.number:before,html[lang^=nm] div.side span.subscribers span.number:before{background-position:-162px -5px}.res-nightmode .expando-button.selftext.collapsed,html[lang^=nm] .expando-button.selftext.collapsed{background-position:-5px -242px}.res-nightmode .expando-button.selftext.collapsed:hover,html[lang^=nm] .expando-button.selftext.collapsed:hover{background-position:-225px -204px}.res-nightmode .expando-button.selftext.expanded,html[lang^=nm] .expando-button.selftext.expanded{background-position:-65px -204px}.res-nightmode .expando-button.selftext.expanded:hover,html[lang^=nm] .expando-button.selftext.expanded:hover{background-position:-105px -204px}.res-nightmode .expando-button.video.collapsed,html[lang^=nm] .expando-button.video.collapsed{background-position:-85px -242px}.res-nightmode .expando-button.video.collapsed:hover,html[lang^=nm] .expando-button.video.collapsed:hover{background-position:-45px -242px}.res-nightmode .expando-button.video.expanded,html[lang^=nm] .expando-button.video.expanded{background-position:-65px -204px}.res-nightmode .expando-button.video.expanded:hover,html[lang^=nm] .expando-button.video.expanded:hover{background-position:-105px -204px}.res-nightmode .date:after,html[lang^=nm] .date:after{border-color:transparent #393939 transparent transparent !important}.res-nightmode .date span,html[lang^=nm] .date span{border-left:5px solid #393939 !important;color:#ddd;border-right-color:#393939}.res-nightmode .date time,html[lang^=nm] .date time{border-right:1px solid #393939 !important}.res-nightmode .link.last-clicked,html[lang^=nm] .link.last-clicked{background:#393939 !important}.res-nightmode .comments-page .link,html[lang^=nm] .comments-page .link{border-left:3px solid transparent}.res-nightmode .res .RES-keyNav-activeElement{background-color:#292929 !important}.res-nightmode .res .commentarea .RES-keyNav-activeElement .md,.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed{background-color:#292929 !important}.res-nightmode .RES-keyNav-activeElement{background-color:#292929 !important}.res-nightmode .RES-keyNav-activeElement .md-container{background-color:#292929 !important}.res-nightmode .arrow.upmod{background-position:-296px -60px !important}.res-nightmode .arrow.down{background-position:-321px -60px !important}.res-nightmode .arrow.up{background-position:-289px -194px !important}.res-nightmode .arrow.downmod{background-position:-271px -60px !important}.res-nightmode .side .titlebox>.fancy-toggle-button{background:#222 !important;color:#ddd !important}.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container{background-color:transparent !important}.res #sr-header-area #srDropdownContainer a:hover{opacity:1}.res .comment .midcol{margin-left:20px}.res .comment .new-comment{border:2px solid #FFAB91 !important;border-radius:0px !important}.res #sr-header-area #srDropdownContainer a{width:35px;height:23px;padding:0;margin:0;display:block;background:url(%%spritesheet%%) -225px -252px no-repeat;line-height:35px;text-indent:-999em}.res .RES-keyNav-activeElement,.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .noncollapsed .RES-keyNav-activeElement.entry{background-color:0 0 !important}.res .RESDashboardToggle,.res .RESshortcutside{background:0 0;border:none;font-weight:400;text-transform:uppercase}.res .sitetable .sitetable{margin-right:0}.RESSubscriptionButton{color:#fff !important;border-radius:1px !important;background-color:transparent !important}.RESSubscriptionButton{border:none !important}#RESAnnouncementAlert,#userbarToggle,.multi-count,.sidecontentbox .content .RESUserTagImage::after,.res .sidebox.create,.res .message-count,.res .side .userTagLink{display:none !important}#RESSettingsButton{right:20px;top:3px}#RESStaticShortcuts{line-height:25px}.footer{border-bottom:1px solid #5133AB;padding:0;border-left:1px solid #5133AB}.footer::after{border-bottom:1px solid #5133AB;display:block;margin-top:0;padding:10px;padding-top:8px !important;color:#000;content:"Designed by /u/Jaskys";font-size:16px;font-family:"Segoe UI",Helvetica,sans-serif;border-top:34px solid #5133AB;border-right:1px solid #5133AB;margin-bottom:-1.1px;width:90px}.footer div.col{position:relative;margin:0;padding:0;width:176px;height:auto;font-family:"Segoe UI",Helvetica,sans-serif}.footer div.col .title{font-size:16px;text-transform:capitalize;padding:8px;color:#fff;background:#5133AB;max-height:18px}.footer div.col a{display:block;margin:5px;padding:3px 4px 3px 7px;color:#000}.footer div.col a:hover{color:#000;text-decoration:none;background:#fff}.footer p.bottommenu{font-weight:700;color:#FFF;clear:left;padding:6px}.footer p.bottommenu a{font-weight:700;color:#FFF}.footer .col{border-left:none !important}.debuginfo{background:#F6F6F6}.rounded{border-radius:0}.flat-vert{text-align:center}.titlebox h1.redditname a{font-size:0}.titlebox h1.redditname a:after{content:"Windows 8";color:#fff;font:400 small verdana, arial, helvetica, sans-serif}#header .redditname a{font-size:0;background:url(%%wincore-2%%) -5px -5px no-repeat;margin-left:10px;height:100px;display:block;position:absolute;top:30px}#header .redditname a:hover{background:url(%%wincore-2%%) -5px -115px no-repeat !important;text-decoration:none}#header .redditname a:after{content:"Windows 8";font-size:70px;font-weight:lighter;color:#ECF0F1;font-family:"Segoe UI Light",Helvetica,sans-serif;letter-spacing:.05em;margin-left:100px;line-height:100px;font-variant:normal;transition:background-color 0.5s}.flair-mod,.flair-msft{border:none;background:0 0;font-weight:700}.flair-mod:before,.flair-msft:before{content:"- "}.sidecontentbox .flair-mod{display:none}.flair-mod{color:#00a64f}.linklisting .flair-msft:after{display:none}.flair-msft{height:16px;line-height:16px;color:#0078D7;padding:0}.flair-msft:after{content:"Microsoft Employee";position:absolute;top:-0.7px;right:-1px;bottom:-1px;left:-1px;text-align:right;padding:.25em .5em;border:3px solid #8bb9e2;pointer-events:none}.author[href$=Adam-MSFT],.author[href$=Dave_MSFT],.author[href$=DrPreppy],.author[href$=EKILBO],.author[href$=Giffdev],.author[href$=James-MSFT],.author[href$=KritiMSFT],.author[href$=MailmanOdd],.author[href$=MasterDevwi],.author[href$=MsftHealthWill],.author[href$=NorthFaceHiker],.author[href$=Psychlist1972],.author[href$=Sawan-Msft],.author[href$=Sawan-MSFT],.author[href$=StephA_MSFT],.author[href$=Zev_MSFT],.author[href$=adam_msft],.author[href$=anaotero-MSFT],.author[href$=anbutle],.author[href$=anthonykinseymsft],.author[href$=bbyboi],.author[href$=bitcrazed],.author[href$=bloodytemplar],.author[href$=devbent],.author[href$=donaMSFT],.author[href$=jenmsft],.author[href$=Sean_MSFT],.author[href$=jeremy_msft],.author[href$=johnwinkmsft],.author[href$=josh_msft],.author[href$=kylealden],.author[href$=maheshrd],.author[href$=mike_msft],.author[href$=msftbanddev],.author[href$=msftbilly],.author[href$=mvaneerde],.author[href$=ooeygui],.author[href$=samersaw],.author[href$=sjarawan],.author[href$=stefohneee],.author[href$=toma_msft],.author[href$=vpmsft],.author[href$=xander-msft],.author[href$=zac_l],.author[href$=craigbarkhouse],.author[href$=elvenharps],.author[href$=nerdile],.author[href$=einarmsft],.author[href$=yosefdurr],.author[href$=Travis_MSFT],.author[href$=caithartMSFT],.author[href$=ClayMSFT]{color:#0078D7;font-weight:700}.author[href$=ildun],.author[href$=Katsuga50]{color:#e67e22;font-weight:700}.flair-wiki{color:#e67e22;font-weight:700;height:16px;line-height:16px;border:none;background:0 0;padding:0}.flair-wiki:before{content:"- "}html:lang(nh) .linkflair-bug,html:lang(nh) .linkflair-help{display:none !important}.flairselector{background-color:#fff}.linkflair-help .linkflairlabel{background-color:#FF6138;border-color:#FF6138}.linkflair-solved .linkflairlabel{background-color:#008a00;border-color:#008a00}.linkflair-unresolved .linkflairlabel{background-color:#FF7D4D;border-color:#FF7D4D}.linkflair-bug .linkflairlabel{background-color:#ce352c;border-color:#ce352c}.linkflair-update .linkflairlabel{background-color:#0078D7;border-color:#0078D7}.linkflair-feature .linkflairlabel{background-color:#00aba9;border-color:#00aba9}.linkflair-discussion .linkflairlabel{background-color:#ff9e00;border-color:#ff9e00}.linkflair-hardware .linkflairlabel{background-color:#f0a30a;border-color:#f0a30a}.linkflair-tip .linkflairlabel{background-color:#468966;border-color:#468966}.linkflair-meta .linkflairlabel{background-color:#4390df;border-color:#4390df}.linkflair-app .linkflairlabel{background-color:#bf5a15;border-color:#bf5a15}.linkflair-gaming .linkflairlabel{background-color:#107c10;border-color:#107c10}.linkflair-question .linkflairlabel{background-color:#008a00;border-color:#008a00}.linkflair-news .linkflairlabel{background-color:#F2385A;border-color:#F2385A}.linkflair-official .linkflairlabel{background-color:#2086bf;border-color:#2086bf}.linkflair-oc .linkflairlabel{background-color:#76608a;border-color:#76608a}.linkflair-concept .linkflairlabel{background-color:#14B6F5;border-color:#14B6F5}.linkflair-request .linkflairlabel{background-color:#00aba9;border-color:#00aba9}.side a[href*='#update'],.side a[href*='#official'],.side a[href*='#news'],.side a[href*='#help'],.side a[href*='#solved'],.side a[href*='#unresolved'],.side a[href*='#bug'],.side a[href*='#feature'],.side a[href*='#discussion'],.side a[href*='#hardware'],.side a[href*='#tip'],.side a[href*='#meta'],.side a[href*='#gaming'],.side a[href*='#app'],.side a[href*='#original%20content'],.side a[href*='#concept'],.side a[href*='#request'],.side a[href*='#question'],.side a[href*='#hideflair'],.side a[href*='#hidehelp']{display:inline-block;position:relative;text-align:center;font-size:80%;padding:3px 10px;color:#fff;margin:3px}.side a[href*='#official']{background:#2086bf}.side a[href*='#news']{background:#F2385A}.side a[href*='#help']{background:#FF6138}.side a[href*='#solved']{background:#008a00}.side a[href*='#unresolved']{background:#FF7D4D}.side a[href*='#bug']{background:#ce352c}.side a[href*='#update']{background:#81003c}.side a[href*='#feature']{background:#00aba9}.side a[href*='#discussion']{background:#bf5a15}.side a[href*='#hardware']{background:#f0a30a}.side a[href*='#tip']{background:#468966}.side a[href*='#meta']{background:#4390df}.side a[href*='#gaming']{background:#76608a}.side a[href*='#app']{background:#bf5a15}.side a[href*='#original%20content']{background:#0B9C67}.side a[href*='#concept']{background:#14B6F5}.side a[href*='#request']{background:#00aba9}.side a[href*='#question']{background:#008a00}.side a[href*='#hideflair'],.side a[href*='#hidehelp']{background:#E42608}.side a[href*='#update']:hover,.side a[href*='#official']:hover,.side a[href*='#news']:hover,.side a[href*='#help']:hover,.side a[href*='#solved']:hover,.side a[href*='#unresolved']:hover,.side a[href*='#bug']:hover,.side a[href*='#feature']:hover,.side a[href*='#discussion']:hover,.side a[href*='#hardware']:hover,.side a[href*='#tip']:hover,.side a[href*='#meta']:hover,.side a[href*='#gaming']:hover,.side a[href*='#app']:hover,.side a[href*='#original%20content']:hover,.side a[href*='#concept']:hover,.side a[href*='#request']:hover,.side a[href*='#question']:hover,.side a[href='']:hover{opacity:0.8}.flair-special{margin:0 4px 4px 0;padding:0 11px 1px;border-width:1px;border-radius:1px;color:#fff;font-weight:700;background-color:#008a00;border-color:#008a00}.linkflairlabel{margin:0 4px -2px 0;padding:0 4px 1px;vertical-align:-2px;color:#fff;font-weight:400;font-size:10px;font-family:"Segoe UI",Helvetica,sans-serif;pointer-events:none;border-width:3px;border-radius:1px;pointer-events:none}.linkflairlabel:lang(nf){display:none}.linkflair-discussion{border-left:3px solid #ff9e00 !important;background:rgba(255,158,0,0.1)}.linkflair-tip{border-left:3px solid #468966 !important;background:rgba(70,137,102,0.1)}.linkflair-news{border-left:3px solid #F2385A !important;background:rgba(242,56,90,0.1)}.comments-page .link.linkflair-solved{display:block}#header-img.default-header,a[href*="#icon-day"]{display:none}a[href*='#square-app']::before{background:-187px -5px #bf5a15;border:3px solid #e8e8e8}a[href*='#square-tip']::before{background:-187px -5px #555;border:3px solid #e8e8e8}a[href*='#square-meta']::before{background:-187px -5px #4390df;border:3px solid #e8e8e8}a[href*='#square-original']::before{background:-187px -5px #76608a;border:3px solid #e8e8e8}a[href*='#square-concept']::before{background:-187px -5px #14B6F5;border:3px solid #e8e8e8}a[href*='#square-solved']::before{background:-187px -5px #008a00;border:3px solid #e8e8e8}a[href*='#square-hflairs']::before{background:-187px -5px #5133AB;border:3px solid #e8e8e8;border-radius:50%}a[href*='#square-hhelp']::before{background:-187px -5px #643EBF;border:3px solid #e8e8e8;border-radius:50%}a[href*='#square']+.keyNavAnnotation{display:none}a[href*='#square-feature']::before,a[href*='#square-request']::before,a[href*='#square-bug']::before,a[href*='#square-official']::before,a[href*='#square-news']::before,a[href*='#square-help']::before,a[href*='#square-update']::before,a[href*='#square-discussion']::before,a[href*='#square-hardware']::before,a[href*='#square-app']::before,a[href*='#square-tip']::before,a[href*='#square-meta']::before,a[href*='#square-original']::before,a[href*='#square-concept']::before,a[href*='#square-solved']::before,a[href*='#square-hflairs']::before,a[href*='#square-hhelp']::before,a[href*='#square-gaming']::before{display:inline-block;height:10px;width:10px;content:'';margin:0 5px -4px 0}a[href*='#square-']:hover::before{text-decoration:none;background:#643EBF;border-color:#80c2ff;left:4px;top:8px;transition:all 0.15s ease}a[href*='#square-bug']::before{background:-187px -5px #ce352c;border:3px solid #e8e8e8}a[href*='#square-official']::before{background:-187px -5px #2086bf;border:3px solid #e8e8e8}a[href*='#square-news']::before{background:-187px -5px #F2385A;border:3px solid #e8e8e8}a[href*='#square-help']::before{background:-187px -5px #FF6138;border:3px solid #e8e8e8}a[href*='#square-update']::before{background:-187px -5px #81003c;border:3px solid #e8e8e8}a[href*='#square-discussion']::before{background:-187px -5px #ff9e00;border:3px solid #e8e8e8}a[href*='#square-hardware']::before{background:-187px -5px #f0a30a;border:3px solid #e8e8e8}a[href*='#square-gaming']::before{background:-187px -5px #107c10;border:3px solid #e8e8e8}a[href*='#square-feature']::before,a[href*='#square-request']::before{background:-187px -5px #00aba9;border:3px solid #e8e8e8}.side .md blockquote{padding:2px 10px 5px;border-left:5px solid #f5c684;background-color:#fef8f1;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:10px;margin:0 5px 0 0;color:#222}.side .md blockquote:hover{background-color:#fcecd9;border-left-color:#f0ad4e}.side .md blockquote a{font-size:11px}.res-nightmode .side .md blockquote,html[lang^=nm] .side .md blockquote{border-left:5px solid #3B81FB !important;color:#ddd !important}a[href$="WindowsMobile#2"]{position:absolute;top:135px;left:48px;color:#ddd !important;z-index:99;border-bottom:3px solid transparent !important;text-transform:uppercase;transition:all .15s ease-in-out;line-height:14px;height:20px;padding:8px 9px 0;font-size:11.4px !important;letter-spacing:0.1em;font-family:"Segoe UI",Helvetica,sans-serif}a[href$="WindowsMobile#2"]:hover{color:#fff !important;background:rgba(0,0,0,0.1);border-color:#fff !important}a[href*="#Donsiders"],a[href*="#btn"]{display:inline-block;border:1px solid #0081ba;color:#fff !important;padding:10px 13px;margin:5px 0;transition:all 0.5s;border-radius:1px}a[href*="#Donsiders"]:hover,a[href*="#btn"]:hover{background:#643EBF;-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 7px 14px rgba(50,50,93,0.1),0 3px 6px rgba(0,0,0,0.08)}a[href*="#Donsiders"]{background:#009e7e}a[href*="#Donsiders"]:hover{background:#643EBF}a[href*="#btn"]{background:#0057a6}a[href*="#square-showflairs"]{float:right}a[href*="#square-showflairs"]::before{display:inline-block;height:10px;width:10px;content:"";background:-187px -5px #5133AB;border:3px solid #e8e8e8;border-radius:50%;margin-left:5px}a[href*="#square-hflairs"]::after{content:"or";margin-left:50px}a[href*="#square-hflairs"]:hover::after{color:#5133AB}.side .md [href$="#butt"]{display:inline-block !important;font-size:8pt;border:2px solid #5133AB;padding:9px 8px;transition:background-color .5s;text-align:center;color:#5133AB}.side .md [href$="#butt"]:hover{background:#5133AB;color:#fff}.side .md>p:first-of-type{display:none}.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after,.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after{content:"- flair your thread as solved once your problem is resolved";margin-left:6px;color:#008a00}.comments-page .link.linkflair-help .flat-list a.flairselectbtn{color:#0078D7 !important}.linkflair-solved.link{display:none}.search-page .linkflair-solved.link{display:block}a[href*='#icon-chat']::before,a[href*='#icon-feedback']::before,a[href*='#icon-night']::before,a[href*='#icon-feedback2']::before{display:inline-block;height:20px;width:20px;content:'';margin:0 7px -4px 0}a[href*='#icon']:hover{text-decoration:none}a[href*='#icon-chat']::before{background:url(%%spritesheet%%) -5px -204px}a[href*='#icon-feedback']::before{background:url(%%spritesheet%%) -35px -204px}a[href*='#icon-night']::before{background:url(%%spritesheet%%) -125px -242px}a[href*='#icon-feedback2']::before{background:url(%%wincore-2%%) -5px -345px}a[href*="#icon-more"]{text-align:center;display:block;color:#643EBF;font-size:16px}a[href*='#iconz']+.keyNavAnnotation{display:none}a[href*='#iconz-tips']::before,a[href*='#iconz-updates']::before,a[href*='#iconz-faq']::before,a[href*='#iconz-install']::before,a[href*='#iconz-wiki']::before{display:inline-block;height:20px;width:20px;content:'';margin:0 7px -4px 0}a[href*='#iconz']:hover{text-decoration:none}a[href*='#iconz-tips']::before{background:url(%%spritesheet%%) -204px -47px}a[href*='#iconz-faq']::before{background:url(%%spritesheet%%) -47px -47px}a[href*='#iconz-updates']::before{background:url(%%spritesheet%%) -102px -77px}a[href*='#iconz-install']::before{background:url(%%spritesheet%%) -229px -119px}a[href*='#iconz-wiki']::before{background:url(%%spritesheet%%) -174px -149px}.link a.thumbnail[href*="blogs.windows.com"]{background:url(%%spritesheet%%) -234px -149px no-repeat !important;width:45px;height:45px;margin:10px}.link a.thumbnail[href*="blogs.windows.com"] img{display:none}.res-nightmode .subscribers .number:after,.subscribers .number:after{content:" insiders waiting for new bits"}.subscribers .word{display:none}.arrow.down{pointer-events:none}.subscriber .arrow.down{pointer-events:initial} diff --git a/css/minified/r-windowsapps.css b/css/minified/r-windowsapps.css index fb990ed..3c45c27 100644 --- a/css/minified/r-windowsapps.css +++ b/css/minified/r-windowsapps.css @@ -1,4234 +1,4 @@ -/* -Designed by /u/Jaskys -/r/ClearShift theme base -Contributors: /u/supersmilers, /u/mtvee, /u/BatDogOnBatMobile, /u/MrLawbreaker -Icons provided by www.icons8.com under "Creative Commons Attribution-NoDerivs 3.0 Unported" license -Main color: #1a1a1a -Secondary: #0078D7 -Christmas -Main color: #BF0426 -Secondary: #7A0218 -*/ -#header { - height: 165px; - background: #1a1a1a; - border-bottom: none; -} - -#header #header-bottom-right #mail.havemail, -#header #modmail.havemail { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -#header .hover a:hover, -.redditname a:hover:after { - color: #fff !important; -} - -#header-bottom-left { - height: 140px; -} - -#header-bottom-left .tabmenu { - background: rgba(0, 0, 0, 0.2); - width: calc(100% - 146px); - padding-left: 146px; - position: absolute; - bottom: 0; - left: 0; - font-family: "Segoe UI", Helvetica, sans-serif; - transition: .5s; -} - -#header-bottom-left .tabmenu li { - font-weight: 400; - margin: 0; -} - -#header-bottom-left .tabmenu li a { - background: 0 0; - color: #ddd; - font-size: 11.4px; - font-family: "Segoe UI", Helvetica, sans-serif; - line-height: 30px; - padding: 8px 9px 6px; - letter-spacing: 0.1em; - text-transform: uppercase; - transition: all .15s ease-in-out; - border-bottom: 3px solid transparent !important; -} - -#header-bottom-left .tabmenu li a:hover { - color: #fff; - background: rgba(0, 0, 0, 0.1); - border-bottom: 3px solid #fff !important; -} - -#header-bottom-left .tabmenu li.selected a { - background-color: #0078D7; - border: 0; - color: #fff; - padding-top: 7px; - font-weight: 700; - border-bottom: 3px solid currentColor !important; -} - -#header-bottom-right #modmail, -#header-bottom-right .user { - height: 37px; - white-space: nowrap; - border-radius: 1px; - overflow: hidden; - transition: background-color 0.5s; -} - -#header-img { - text-indent: -9999px; - display: inline-block; - margin-top: 112px; - position: absolute; - z-index: 99; - height: 27px; - width: 27px; - margin-left: 4px; - padding-right: 11px; - padding-left: 8px; - opacity: .8; - background-repeat: no-repeat !important; - transition: all .15s ease-in-out; - border-bottom: 3px solid transparent !important; -} - -#header-img:hover { - opacity: 1; - background: rgba(0, 0, 0, 0.1); - font-weight: 500; - border-bottom: 3px solid #fff !important; -} - -#sr-header-area { - transition: opacity .3s; - opacity: .4; - height: 24px; - background-color: #0C1722; - border-bottom: 0; - letter-spacing: 1px; - line-height: 22px; -} - -#sr-header-area:hover { - opacity: 1; -} - -#sr-header-area a { - color: #c4c4c4; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -#sr-header-area .srdrop.dropdown { - width: 35px; - padding: 0; -} - -#sr-header-area .sr-list { - padding-left: 8px; - border-left: 2px solid rgba(196, 196, 196, 0.9); - height: 24px; - line-height: 25px; -} - -#sr-header-area .srdrop.dropdown .selected { - width: 35px; - height: 23px; - padding: 0; - margin: 0; - display: block; - background: url(%%spritesheet%%) -225px -252px no-repeat; - line-height: 35px; - text-indent: -999em; -} - -#sr-header-area .srdrop.dropdown .selected:hover { - opacity: 1; -} - -#sr-header-area .drop-choices.srdrop { - padding: 5px; - margin: 1px 0 0; - background: #222; - border: none; -} - -#sr-header-area .drop-choices a.choice { - color: #AEAEAE; -} - -#sr-header-area .drop-choices a.choice:hover { - background-color: #333; - color: #EEE; -} - -#sr-header-area .drop-choices .choice.bottom-option { - border-color: #AEAEAE; -} - -#sr-more-link, -#header [href$="/rising/"], -#header [href$="/controversial/"], -#header [href$="/ads/"], -#suggested-reddits, -.voteWeight, -.rank, -.titlebox .bottom, -.submit-page .content h1, -.formtabs-content .infobar, -a[href*='#icon'] + .keyNavAnnotation, -a[href*='#/RES_SR_Config/NightModeCompatible'] { - display: none !important; -} - -#url-field button, -.submit-page .content button[name=submit] { - background: 0 0; - transition: all .5s; - border: 1px solid #5cb85c; - color: #5cb85c; -} - -#url-field button:hover, -.submit-page .content button[name=submit]:hover { - background: #5cb85c; - color: #fff; -} - -.submit-page .tabmenu.formtab { - margin-bottom: 74px; -} - -.submit_text.roundfield.enabled { - background: #1992FF; - position: absolute; - top: 223px; -} - -.submit_text p { - color: #eee; -} - -button.save, button.submit-action-thing, button.submit-report { - background: 0 0; - transition: background-color .5s; - text-transform: capitalize; - font-family: "Segoe UI", Helvetica, sans-serif; - border: 1px solid #5cb85c; - color: #5cb85c; - padding: 0.25rem 0.75rem; -} - -button.save:hover, button.submit-action-thing:hover, button.submit-report:hover { - background: #5cb85c; - color: #fff; -} - -button.cancel, button.cancel-action-thing, button.cancel-report-thing { - border: 1px solid #d9534f; - background: 0 0; - color: #d9534f; - padding: .25rem .75rem; - text-transform: capitalize; - font-family: "Segoe UI", Helvetica, sans-serif; - transition: background-color 0.5s; -} - -button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cancel:hover { - background: #d9534f; - color: #fff; -} - -.next-suggestions a, -.nextprev a { - padding: 0 4px; - background: 0 0; - border: none; - color: #0078D7; - text-align: center; -} - -.next-suggestions a:hover, -.nextprev a:hover { - background: #0078D7; - border: none; - color: #fff; - outline: 0; -} - -.btn:active, -.gadget .right a:active, -.morelink a:active, -.sidecontentbox a.helplink:active, -button:active, -#header #header-bottom-right #mail.havemail:active, -#header #header-bottom-right #mail.nohavemail:active, -#header #header-bottom-right .choice:active, -#header #header-bottom-right .logout a:active, -#header-bottom-left .tabmenu li a:active, -#header-bottom-right #modmail:active, -#header-bottom-right .user:active { - background-color: #1686f0 !important; -} - -.comment { - position: relative; - padding: 4px 0 0 30px; - z-index: 1; - border: 2px solid #e6e6e6; - overflow: hidden; - margin: 0 18px 8px 0; -} - -.comment .expand { - transition: all .5s; - padding: 4px 2px; - position: absolute; - top: 0; - left: 0; - bottom: 0; - padding: 4px; -} - -.comment .expand:hover { - background: #0078D7; - color: #fff !important; - text-decoration: none; -} - -.comment.collapsed .tagline { - height: 21px; - line-height: 21px; -} - -.comment.collapsed .tagline a { - line-height: 13px; -} - -.comment .child, -.comment .showreplies { - border-left: none; -} - -.new-comment { - border-color: #FFAB91 !important; -} - -.new-comment .expand:hover { - background: #ffab91; -} - -.new-comment .usertext-body { - background-color: transparent; - border: none; -} - -.tagline .score { - font-weight: 700; -} - -.tagline .likes { - color: #1a1a1a; -} - -.entry .flat-list .reply-button a { - color: #1a1a1a; -} - -.link .domain { - visibility: hidden; -} - -.link .domain a { - visibility: visible; - position: relative; - top: -1px; - color: #b1b1b1; -} - -.domain { - display: inline-block !important; -} - -#siteTable_organic { - background: rgba(6, 102, 178, 0.1); - margin-right: 325px; - margin-top: -7px; - left: -5px; - border-left: 3px solid #ff4500; - border-right: 1px solid rgba(0, 0, 0, 0.1); - border-bottom: none; - border-top: none; -} - -#ad_sponsorship { - max-width: 295px; -} - -.organic-listing .link.promotedlink { - margin-left: -1px; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.flairselector { - border: 1px solid #1a1a1a !important; -} - -.flairselector .title { - font-size: 0 !important; -} - -.flairselector h2 { - color: #fff; - font-size: 13px; - background: #1a1a1a !important; - padding-top: 6px; - font-weight: lighter !important; - text-transform: capitalize; - padding-bottom: 6px; -} - -.flairselector li:hover { - background-color: transparent; -} - -.flairselector form { - border-top: solid 1px #1a1a1a; - margin-bottom: 10px; -} - -.flairselector.drop-choices.active { - padding: 0 !important; - box-shadow: none; -} - -.flairselector .linkflair { - border-left: none !important; - background: 0 0; - width: 110px; -} - -.flairselector.drop-choices.active { - left: 40% !important; - top: 35% !important; - position: fixed; -} - -.flairoptionpane { - max-height: 304px; -} - -.flairoptionpane li, -.flairoptionpane ul { - min-width: 120px; - padding: 3px; -} - -.comments-page .link .flat-list a.flairselectbtn { - color: #1a1a1a !important; -} - -.nextprev a, -.side .usertext-body .md ol a { - transition: background-color 0.5s; -} - -.submit-page .roundfield { - padding: 16px; - width: 525px; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0px; -} - -.submit-page .roundfield span.title { - color: #4d5763; - text-transform: capitalize; -} - -.submit-page .submit.content#newlink .tabmenu.formtab a { - padding: 16px; - display: inline-block; - text-align: center; - background-color: #f5f5f5; - color: #4d5763; - text-transform: uppercase; - font-weight: 700; - transition: all .25s ease; - font-size: 16px; - border: none; - width: 247.5px; -} - -.submit-page .submit.content#newlink .tabmenu.formtab a:hover { - background-color: #e7e9f6; -} - -.submit-page .submit.content#newlink .tabmenu.formtab .selected a { - font-size: 16px; - background-color: #1a1a1a; - color: #fff; -} - -.submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover { - background-color: #0078D7; -} - -.submit-page #newlink.submit.content .btn { - width: 558px; - height: auto; - text-transform: capitalize; - font-size: 17px; - padding: 16px; - text-align: center; -} - -.submit-page #newlink.submit.content .btn:after { - content: " your thread"; - text-transform: none; -} - -.formtabs-content { - width: 520px; - border-top: none; - margin-top: -15px; -} - -form .spacer + .spacer { - margin: 0; -} - -.content.submit .info-notice { - background-color: #fff; - border-radius: 2px; - padding: 16px; - margin-bottom: 0; - border: 1px solid rgba(0, 0, 0, 0.1) !important; -} - -.self .expanded ~ .expando .usertext-body { - -webkit-animation: 700ms expandy ease-in-out forwards; - animation: 700ms expandy ease-in-out forwards; -} - -@-webkit-keyframes expandy { - 0% { - -webkit-transform: translateY(-100px); - opacity: 0; - } - 50% { - -webkit-transform: translateY(0); - } - 100% { - -webkit-transform: translateY(0); - opacity: 1; - } -} - -@keyframes expandy { - 0% { - transform: translateY(-100px); - opacity: 0; - } - 50% { - transform: translateY(0); - } - 100% { - transform: translateY(0); - opacity: 1; - } -} - -.expando-button { - cursor: pointer; - float: left; - height: 28px; - width: 30px; -} - -.expando-button.selftext.collapsed, .expando-button.selftext.expanded { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; -} - -.expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; -} - -.expando-button.selftext.collapsed { - background-position: -195px -256px; -} - -.expando-button.selftext.collapsed:hover { - background-position: -155px -256px; -} - -.expando-button.selftext.expanded { - background-position: -265px -218px; -} - -.expando-button.selftext.expanded:hover { - background-position: -305px -218px; -} - -.expando-button.video.collapsed { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.collapsed:hover { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.expanded { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.collapsed { - background-position: -301px -256px; -} - -.expando-button.video.collapsed:hover { - background-position: -261px -256px; -} - -.expando-button.video.expanded { - background-position: -265px -218px; -} - -.expando-button.video.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - background-position: -305px -218px; -} - -.expando-button.image { - cursor: pointer; - display: inline-block; - height: 28px !important; - margin-right: 11px; - padding: 0; - vertical-align: top !important; - width: 30px !important; -} - -@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) { - .expando-button { - cursor: pointer; - float: left; - height: 28px; - width: 30px; - background: center center no-repeat #fff; - background-size: 341px 331px !important; - } - .expando-button.selftext.collapsed, .expando-button.selftext.expanded { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - } - .expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - } - .expando-button.selftext.collapsed { - background-position: -195px -256px; - } - .expando-button.selftext.collapsed:hover { - background-position: -155px -256px; - } - .expando-button.selftext.expanded { - background-position: -265px -218px; - } - .expando-button.selftext.expanded:hover { - background-position: -305px -218px; - } - .expando-button.video.collapsed { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.collapsed:hover { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.expanded { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.collapsed { - background-position: -301px -256px; - } - .expando-button.video.collapsed:hover { - background-position: -261px -256px; - } - .expando-button.video.expanded { - background-position: -265px -218px; - } - .expando-button.video.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - background-position: -305px -218px; - } - .expando-button.image { - cursor: pointer; - display: inline-block; - height: 28px !important; - margin-right: 11px; - padding: 0; - vertical-align: top !important; - width: 30px !important; - } - body > .content #siteTable .thing.self .thumbnail { - background-image: url(%%spritesheet%%); - background-position: -289px -139px; - background-size: 341px 331px; - } -} - -.link .usertext-body .md { - border-radius: 0 !important; - border: 1px solid #7cb0d9; - background-color: #fff; -} - -body > .content #siteTable .thing.self .thumbnail { - background-image: url(%%spritesheet%%); - width: 45px; - height: 45px; - margin: 10px 15px 10px 10px; - background-repeat: no-repeat !important; - background-position: -289px -139px; -} - -body > .content #siteTable .thing.stickied .thumbnail { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat !important; - background-position: -289px -84px; - margin-right: 15px; -} - -body > .content #siteTable .thing .thumbnail.default, -body > .content #siteTable .thing.over18 .thumbnail { - background-image: url(%%spritesheet%%) !important; - background-repeat: no-repeat !important; - margin: 10px 15px 10px 10px; - width: 45px; - height: 45px; -} - -body > .content #siteTable .thing.stickied .entry > .title .title { - color: #00a64f; - font-weight: 400; -} - -body > .content #siteTable .thing.over18 .thumbnail { - background-position: -286px -5px !important; -} - -body > .content #siteTable .thing .thumbnail.default { - background-position: -47px -77px; - background-size: 341px 331px; -} - -.link .title, -.submit-page #newlink.submit.content .btn, -a[href*="#icon-more"] { - font-family: "Segoe UI", Helvetica, sans-serif; -} - -.link { - padding: 10px 0; - border-left: 3px solid #cec0c0; - margin-bottom: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.link .title { - color: #1a1a1a; -} - -.link .title:visited { - color: #b1b1b1; -} - -.link.thing.visited .title { - color: #b1b1b1; - padding: 0 !important; -} - -.link.last-clicked { - border: 0; - border-left: 3px solid #0078D7; - background: #f0f8ff; -} - -.link .score.likes { - color: #0078D7; -} - -.link .score.dislikes { - color: #7f7f7f; -} - -.link .flair { - font-size: 1em; -} - -.link .midcol { - margin: 5px 7px; -} - -.nextprev a { - padding: 5px 0 5px 15px; - color: #fff; - width: auto; - display: block; - background: #1a1a1a; - border-radius: 0; - font-size: small; - margin-top: -12px; - margin-right: -1px; - margin-left: -5px; - text-transform: capitalize; -} - -.linklisting .nextprev { - font-size: 0; -} - -.linklisting .stickied { - border-left: 3px solid #00a64f; - background: rgba(0, 166, 79, 0.1); -} - -.linklisting .over18 { - border-left: 3px solid #e2062c; - background: rgba(225, 6, 44, 0.1); -} - -.linklisting .md { - margin-bottom: 0; -} - -.linklisting .usertext-edit div textarea { - margin-left: -10px; -} - -.linklisting .reported { - background: rgba(255, 0, 0, 0.1); - border-left: 3px solid #e2062c; -} - -.report-reasons.rounded { - display: block !important; -} - -.newComments { - display: inline; - color: #1a1a1a; -} - -.linkinfo .totalvotes { - color: #494949 !important; -} - -.arrow { - background-image: url(%%spritesheet%%) !important; - background-position: center center; - outline: 0 !important; - border: none !important; -} - -.arrow.up { - background-position: -289px -194px; -} - -.arrow.upmod { - background-position: -296px -60px; -} - -.arrow.down { - background-position: -321px -60px; -} - -.arrow.downmod { - background-position: -271px -60px; -} - -.arrow.up:hover, .arrow.down:hover { - opacity: 0.6; -} - -body .linklisting { - margin-right: 330px; - bottom: 0; - margin-top: -7px; - padding: 0; - border-right: 1px solid rgba(0, 0, 0, 0.1); -} - -.entry .buttons li a { - padding: 0px; - font-size: 1.145em; -} - -.tagline, -.search-result-meta { - font-size: 1.145em; -} - -#siteTable .thing { - margin-left: -5px !important; - transition: all .2s; -} - -.listing-page .link:hover { - border-left-color: #0078D7; - background: #f0f8ff; -} - -.entry .flat-list .report-button a, -.res-nightmode .entry .flat-list .report-button a { - color: #d9534f; -} - -.reddit-infobar { - background: #fff; - BORDER: 1px solid #d7ecff; -} - -.reddit-infobar.with-icon { - margin-left: -4px; -} - -.reddit-infobar.with-icon:before { - background-color: solid #1a1a1a; - background-repeat: no-repeat; -} - -.c-btn-primary { - background-color: solid #1a1a1a; - border-bottom: 2px solid #4270a2; - color: #fff; - border-radius: 0; -} - -.sitetable .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -a.author { - margin-right: 0.3em; -} - -.panestack-title { - margin: 0 330px 0 -5px; - padding: 4px 0px; - background: #1a1a1a; - color: #fff; - border-bottom: transparent; -} - -.panestack-title .title { - font-size: 1.3em; - margin: 10px 0 10px 10px; -} - -.panestack-title a.title-button { - color: #fff !important; -} - -.panestack-title a.title-button.gold { - background-color: transparent; - border: none; -} - -.thing.stickied a.title { - font-weight: 700 !important; - font-size: large; -} - -.green, -.tagline .moderator { - color: #00a64f; - font-weight: 700; - padding-left: 0; - padding-right: 1px; -} - -.entry .flat-list .approve-button a { - color: #00a64f; -} - -.tagline .stickied-tagline { - color: #00a64f; -} - -.tagline a:hover { - color: #0078D7 !important; -} - -.gold-accent { - background-color: #1a1a1a; - border: none; - display: inline-block; - color: #fff !important; -} - -#noresults { - padding: 10px; - margin-right: 310px !important; - color: #fff; - background: #1a1a1a; - margin-left: 5px !important; - display: none; -} - -.commentarea .infobar { - color: #eee; - background: #1a1a1a; - border: none; - display: flex; -} - -.commentarea .infobar a { - color: #eee; -} - -.commentarea .infobar p { - line-height: 8px; -} - -.comments-page .sitetable.nestedlisting > .thing.stickied { - border-bottom: solid 3px #00a64f; - background: rgba(0, 166, 79, 0.1) !important; -} - -.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page.linkflair-help .flat-list a.flairselectbtn:after { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -.comments-page .usertext-edit div textarea { - background: url(%%wincore-2%%) 206px -213px no-repeat #FFF !important; - border: 1px solid #000 !important; - opacity: .8; - margin-top: 5px; - outline: 0; - display: block; - clear: both; - margin-bottom: 10px; -} - -.comments-page .usertext-edit div textarea:focus { - background: #FFF !important; - opacity: 1; - border-color: #0078D6 !important; -} - -.comments-page .link { - border-left: 1px solid #c6c6c6 !important; -} - -.commentarea .menuarea { - margin: 5px 310px 5px 5px; -} - -.commentarea .md { - margin-bottom: 0; -} - -.md { - overflow: visible; -} - -.md a { - color: #1a1a1a; -} - -.md code { - white-space: normal; -} - -.md blockquote { - border-left: 2px solid #0078D7; - background-color: #efefed; -} - -.usertext.border .usertext-body { - background-color: rgba(0, 120, 213, 0.3); - width: 95%; -} - -.wiki-page .pageactions { - border-radius: 0; - border: 1px solid #0078D7; -} - -.wiki-page .pageactions .wikiaction { - margin: 0 !important; - border-radius: 0 !important; -} - -.wiki-page .pageactions .wikiaction:hover { - background-color: #0078D7 !important; - color: #fff !important; -} - -.wiki-page .pageactions .wikiaction-current { - background-color: #1a1a1a; -} - -.wiki-page .wiki-page-content .nextprev a { - margin-bottom: 12px; -} - -ul.tabmenu.formtab { - padding-left: 0; -} - -::selection { - background-color: #0078D7; - color: #fff; -} - -.buttons .comments.empty { - color: #1a1a1a; -} - -.leavemoderator, -.titlebox form.toggle { - color: #000; - background: #fff; - border-left: 5px solid #d7ecff; - padding-left: 10px; - font-size: 8pt; - margin-right: 5px; - border-right: 1px solid #d7ecff; -} - -#baconBit { - width: 394px !important; - height: 304px !important; - background-image: url(%%res-easter-egg%%) no-repeat !important; - transition: all 10s linear !important; -} - -.sheets .col textarea { - width: 98%; - background: #1d1f21; - color: #ddd !important; - height: 712px !important; - font-family: SourceCodePro-Medium, monospace; -} - -.gadget .right a, -a[href*="#tech"] { - font-family: "Segoe UI", Helvetica, sans-serif; - text-align: center; -} - -.sheets ::-webkit-scrollbar { - background-color: #0f0f0f !important; -} - -.sheets ::-webkit-scrollbar-corner, -.sheets ::-webkit-scrollbar-thumb { - background: #313131 !important; -} - -.panestack-title { - border-bottom: transparent; -} - -.infobar.newsletterbar { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - position: relative; - overflow: hidden; - min-height: 80px; - padding: 15px 20px 20px 25px; - border: none; - border-radius: 0; - background-color: #30659B; - border-left: 3px solid #ff4500; - margin: -7px 325px 7px 0px; - left: -5px; -} - -#eu-cookie-policy .reddit-infobar a { - color: #222 !important; -} - -.leavemoderator { - border-color: #393939 !important; - background: #222 !important; -} - -.gadget .midcol { - margin-right: 9px; -} - -.gadget .right a { - background: #1a1a1a; - padding: 5px 10px; - margin-right: 5px; - display: block; - color: #fff; - font-size: 16px; - transition: background-color .5s; - text-transform: capitalize; -} - -.gadget .right a:hover { - background: #0078D7; -} - -span.clear-input-button { - color: #fff; -} - -#newlink-with-image-upload .clear-input-button { - border-radius: 0 !important; - width: 33px !important; - height: 27px !important; - top: 0 !important; - line-height: 26px !important; - border: 1px solid grey; - background: #1a1a1a !important; - transition: background-color .5s; - right: -10px !important; -} - -#newlink-with-image-upload .clear-input-button:hover { - background: #0078D7 !important; -} - -#newlink-with-image-upload .image-upload-drop-target { - padding: 15px !important; -} - -#newlink-with-image-upload .file-upload-button { - background: #1a1a1a; - border: none; - padding: 7px 20px !important; - display: block !important; - margin: 6px -17px -17px !important; - transition: background-color 0.5s; -} - -#newlink-with-image-upload .file-upload-button:hover { - background: #0078D7; -} - -@media (max-width: 880px) { - #siteTable_organic { - margin-right: -5px; - } - #header-bottom-left .tabmenu { - width: calc(100% - 50px); - padding-left: 50px; - } - .side { - display: none; - } - body .linklisting { - margin-right: 0 !important; - } - .footer::after { - display: none !important; - } - .infobar { - margin-right: 18px; - } - .footer { - border-right: 1px solid #1a1a1a; - } - .panestack-title { - margin: 0 0px 0 -5px; - } - .infobar.newsletterbar { - margin: -7px -5px 7px 0px; - } -} - -.side { - margin: 0; - padding-left: 30px; - background: 0 0; -} - -.side:after { - content: "/r/ClearShift theme"; - font-size: large; - color: #1a1a1a; - margin-left: 50px; -} - -.side .md h2 { - margin-top: 1.4em; - font-size: 1.4em; -} - -.side .md h3 { - font-size: 1.2em; - color: #555; - margin: 2em 0 0.2em; -} - -.side .md h4 { - color: #888; - margin-bottom: 1.5em; -} - -.side .md p { - margin: 0.5em 0; -} - -.side .md p a { - margin: 0 .2em; - font-size: 1.1em; -} - -.side .md p a:first-child { - margin-left: 0; -} - -.side .md h1, -.side .md h2, -.side .md h3, -.side .md h4 { - color: #fff; - font-size: 13px; - font-weight: 400; -} - -.side .md h1:after, -.side .md h2:after, -.side .md h3:after, -.side .md h4:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -24px; -} - -.side .md h1 a, -.side .md h2 a, -.side .md h3 a, -.side .md h4 a { - color: #fff; - font-size: 13px; -} - -.side .md h1 { - color: #fff; - font-size: 13px; -} - -.side .md h1 a { - color: #fff; - font-size: 13px; -} - -.side .titlebox div.subButtons, -.side .titlebox h1.redditname + div, -.side .titlebox > .fancy-toggle-button { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 8pt; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -.side .titlebox div.subButtons, -.side .titlebox h1.redditname + div, -.side .titlebox > .fancy-toggle-button { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -.side .titlebox div.subButtons, -.side .titlebox > .fancy-toggle-button { - width: 269.3px; -} - -.side .titlebox > .fancy-toggle-button { - display: block !important; -} - -.side div.titlebox ul { - list-style-type: none; - margin: 0; - padding: 0; -} - -.side .subscribe-button .add { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -@-webkit-keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -@-moz-keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -@keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -.titlebox h1:after, -.sidecontentbox .title:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -24px; -} - -div.side div.tagline { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -div.side form.flairtoggle, div.side form.leavecontributor-button { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -div.side span.subscribers { - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; - padding: 7px 10px 10px; - display: block !important; - padding-top: 5px; - padding-bottom: 10px; - border-top: none; -} - -div.side span.subscribers span { - vertical-align: middle; -} - -div.side span.subscribers span.number:before { - background: url(%%spritesheet%%) -192px -5px; - display: block; - float: left; - width: 20px; - height: 20px; - content: ""; - margin-right: 5px; - margin-top: -3px; -} - -div.side div.tagline { - display: block !important; -} - -div.side form.flairtoggle { - display: block; -} - -div.side div.leavemoderator { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side form.flairtoggle { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side p.users-online { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side div.tagline { - padding-top: 0; - border-top: none; -} - -.morelink { - border: 1px solid #1a1a1a; - background: #1a1a1a; - width: 145px; - margin-right: 5px; - transition: all 0.5s; - box-sizing: border-box; -} - -.morelink a { - color: #fff; - font-family: "Segoe UI", Helvetica, sans-serif; - font-weight: 400; - letter-spacing: 0; - font-size: 0.9em; -} - -.morelink:hover { - background: #0078D7; - border-color: #0078D7; -} - -.morelink:hover a { - color: #fff; - border-color: #0078D7; -} - -.morelink .nub { - display: none; -} - -.submit .morelink { - float: left; -} - -.submit-page .titlebox h1 { - margin-top: 0 !important; -} - -.redditname { - margin-top: 53px !important; -} - -.reddit-link { - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 1em; - margin-right: 5px; -} - -.icon-menu li { - display: block; - margin: 0; - padding: 7px 10px 10px !important; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - margin-right: 5px !important; -} - -.search-page .side .spacer { - margin: 10px 0; -} - -.sidebox.create { - display: none !important; -} - -.helplink ~ .content .author[href*=AutoModerator], .helplink ~ .content .author[href*=flair_your_post_bot] { - display: none; -} - -.helplink ~ .content .author:after { - content: '- Moderator'; - font-size: 0.945em; - margin-left: 5px; - color: #1a1a1a; -} - -.helplink ~ .content .flair { - display: none; -} - -.linkinfo { - background-color: transparent; -} - -.sidecontentbox .helplink + .title h1 { - font-size: 0; -} - -.sidecontentbox .helplink + .title h1:before { - font-size: 13px !important; - content: "Moderators team"; - text-transform: capitalize; -} - -.helplink ~ .content .author .helplink ~ .content .author:hover { - color: #0078D7; -} - -.sidecontentbox .content .linkflairlabel { - display: none; -} - -div.titlebox .md h3:hover + ul { - display: block; -} - -div.titlebox .md ul li strong:first-child, div.titlebox .md ul:hover { - display: block; -} - -div.titlebox .md ul li { - border: none; - margin-right: 5px; -} - -.sidecontentbox .content a.author, -.sidecontentbox .more { - display: block; - margin: 0; - padding: 7px 10px 10px !important; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 0.945em; - margin-right: 5px !important; -} - -.sidecontentbox .content a.author:hover, -.sidecontentbox .more:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -.sidecontentbox .content { - border: none; - padding: 0; -} - -.sidecontentbox .more { - text-align: center; -} - -.sidecontentbox .more a { - color: #369; -} - -.icon-menu li:hover, -.reddit-link:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -div.titlebox .md ul li { - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 0.945em; -} - -div.titlebox .md ul li:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -div.titlebox div.styleToggle, -div.titlebox span.fancy-toggle-button a.active { - padding: 5px 10px; - background-color: #0078D7; - color: #fff; - font-size: 8pt; - display: block !important; - background-image: none; - border-radius: 0; - font-weight: 400; - margin: 0; - border: none; -} - -div.titlebox div.styleToggle { - background-color: #1a1a1a; - line-height: 20px; -} - -div.titlebox div.styleToggle input, -div.titlebox div.styleToggle label { - vertical-align: middle; - margin: 0; -} - -div.titlebox span.fancy-toggle-button a.active.add:hover, div.titlebox span.fancy-toggle-button a.active.remove { - background-color: #1a1a1a; -} - -div.titlebox span.fancy-toggle-button a.active.remove:before { - content: ""; - padding-right: 5px; -} - -div.titlebox span.fancy-toggle-button a.active.remove:hover:after { - content: "=("; - font-style: italic; - padding-left: 5px; -} - -div.titlebox span.fancy-toggle-button a.active.add:before { - content: "+"; - padding-right: 5px; - color: #fff; -} - -#RESShortcutsAdd, -#RESShortcutsLeft, -#RESShortcutsRight, -#RESShortcutsSort, -#RESShortcutsTrash { - width: 17px !important; -} - -.sidecontentbox .content a.author { - display: block; - margin: 0; - padding: 3px 0; -} - -.sidecontentbox .content a.author:hover { - color: #0078D7; -} - -#searchexpando { - padding: 10px; - border: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 8pt; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; - width: 273px !important; - border-left: 1px solid #d7ecff; -} - -#search input[type=text] { - width: 295px !important; - border-color: #1a1a1a; -} - -.sidecontentbox .title { - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; -} - -div.titlebox .md h3:before { - content: "+"; - color: #fff; - padding-right: 5px; -} - -div.titlebox .md h2, -div.titlebox .md h3, -div.titlebox .md h4 { - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - font-weight: 400; - cursor: default; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; -} - -div.titlebox h1 { - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; - font-size: 13px; -} - -.leavemoderator, -.users-online, -.leavecontributor-button { - display: none; -} - -.sidecontentbox a.helplink { - margin-right: 5px; -} - -.icon-menu a { - background: 0 0; -} - -.titlebox .bottom { - border: none; -} - -.titlebox h1 a, -.pagename a { - color: #FFF; -} - -#RESShortcutsAdd, -#RESShortcutsEditContainer, -#RESShortcutsLeft, -#RESShortcutsRight, -#RESShortcutsSort, -#RESShortcutsTrash { - background-color: transparent !important; -} - -#RESShortcutsAdd:hover, -#RESShortcutsEditContainer:hover, -#RESShortcutsLeft:hover, -#RESShortcutsRight:hover, -#RESShortcutsSort:hover, -#RESShortcutsTrash:hover { - color: #f0f0f0 !important; -} - -.titlebox .md h3 + ul:hover, -.titlebox .md h3:hover + ul { - max-height: 600px; -} - -div.titlebox .md h3 + ul { - display: block; - transition: 1.8s max-height ease-out; - overflow: hidden; - max-height: 0; -} - -div.titlebox .md h3:hover + ul { - transition: .8s max-height ease-out; -} - -div.commentarea .infobar p { - background: #0078D7; - padding: 10px; - margin: -5px -5px -5px 10px; -} - -.linkinfo { - padding: 0; - border: none; -} - -.linkinfo .score, -.linkinfo .shortlink { - color: #494949; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 8pt; - margin-right: 5px; -} - -.linkinfo .score { - padding: 7px 10px; - margin-top: 10px; -} - -.linkinfo .shortlink { - display: block; - font-weight: 600; - text-transform: capitalize; - margin-top: 0; - padding: 7px 10px 10px; -} - -.date { - position: relative; -} - -.date:before { - content: "Date "; - display: block; - color: #fff !important; - text-transform: none; - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - cursor: pointer; - margin-top: 0; - margin-bottom: 6px; - margin-left: -10px; - font: 400 small verdana, arial, helvetica, sans-serif; -} - -.date:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -19px; - margin-top: -32px; -} - -.date span { - display: block; - background-color: #fff; - padding: 7px 0 10px 10px; - border-left: 5px solid #d7ecff; - border-bottom: 1px solid #d7ecff; - margin: -6px 5px -10px 0; - border-right: 1px solid #d7ecff; -} - -.date span, -.date time { - color: #494949; - font-size: 9pt; -} - -.date time { - position: absolute; - top: 50%; - left: 55%; - padding: 9px 0 10px 0; -} - -.totalvotes { - display: block; - background-color: #fff; - color: #494949 !important; - font-weight: 600; - text-transform: capitalize; - margin-top: 0; - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 8pt !important; - margin-right: 5px; -} - -.linkinfo .shortlink input { - height: 10px; - border: none; - width: 181px; - font-size: 13px; -} - -.submit-page .side:before { - content: "Use search before posting"; - font-size: large; - color: #E54661; - margin-left: 27px; -} - -.sidecontentbox a.helplink { - float: none; - margin-top: 4px; - clear: both; - text-align: center; - display: block; - color: #fff; - background: #1a1a1a; - box-sizing: border-box; - margin-bottom: 10px; -} - -.sidecontentbox a.helplink:hover { - background: #0078D7; -} - -.sidecontentbox .title h1, -.sidecontentbox a.helplink { - color: #fff; -} - -.account-activity-box, -.sidecontentbox a.helplink { - font-size: 16px; - padding: 10px; - transition: background-color .5s; - text-transform: capitalize; -} - -.account-activity-box { - display: block !important; - background: #1a1a1a; - margin-right: 5px; -} - -.account-activity-box:hover { - background: #0078D7; -} - -.account-activity-box a { - color: #fff; - padding: 10px 70px; -} - -#header #header-bottom-right { - background: 0 0; - bottom: -18px; - top: auto; - padding: 3px; - height: 59px; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -#header-bottom-right .separator { - display: none; -} - -#header-bottom-right .user { - position: relative; - top: 0; - width: 119px; - padding-left: 42px; - padding-top: 5px; - font-size: 13px; - color: #eaeaea; - line-height: 170%; - background: url(%%spritesheet%%) -110px -289px no-repeat #1a1a1a; - float: left; - border: 2px solid #fff; - cursor: pointer; -} - -#beta-help, -.beta-hint a { - position: absolute !important; -} - -#header-bottom-right .user > a { - text-indent: 4px; - color: #FFF; - display: block; - line-height: 12px; - white-space: nowrap; -} - -#header-bottom-right .user span a { - color: #fff; -} - -#header-bottom-right #mail { - top: 0; - top: 0 !important; - width: 42px; - height: 42px; - display: inline-block; -} - -#header-bottom-right #modmail { - position: absolute; - margin-left: -267px; - top: 3px; - padding-left: 26px; - padding-top: 5px; - background: url(%%spritesheet%%) -224px -72px no-repeat #1a1a1a; - border: 2px solid #fff; -} - -#modmail.havemail { - background: url(%%spritesheet%%) -224px -72px #ff4500 !important; -} - -#header #header-bottom-right #modmail:hover, -#header #header-bottom-right .choice:hover, -#header #header-bottom-right .user:hover { - background-color: #0078D7; -} - -#header #header-bottom-right .logout { - display: inline-block; -} - -#header #header-bottom-right #mail, -#header #header-bottom-right .choice, -#header #header-bottom-right .logout a { - margin-left: 5px; - width: 42px; - width: 42px !important; - height: 42px; - display: inline-block; - text-indent: 50px; - overflow: hidden; - transition: background-color 0.5s; -} - -#header #header-bottom-right #mail.nohavemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #1a1a1a; - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right #mail.havemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #ff4500; -} - -.res #header #header-bottom-right #mail.havemail { - background: url(%%spritesheet%%) 0px -115px no-repeat #ff4500; -} - -#header #header-bottom-right #mail.havemail { - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right .choice { - background: url(%%spritesheet%%) -127px -114px no-repeat #1a1a1a; - border-radius: 1px; - border: 2px solid #fff; -} - -.beta-hint { - opacity: 1; -} - -.beta-hint a { - top: 0; - left: -78px; - color: transparent !important; - background-color: #1a1a1a; - background-image: url(%%spritesheet%%) !important; - background-repeat: no-repeat !important; - background-size: 341px 331px !important; - background-position: -72px -143px !important; - width: 42px; - height: 42px; - border-radius: 1px; - border: 2px solid #fff; - transition: background-color 0.5s; -} - -.beta-hint a:hover { - background-color: green !important; -} - -#beta-help { - background: #FFFFE1 !important; - color: #000 !important; - left: 1200px !important; - top: 170px !important; -} - -.res .beta-hint a { - display: none; -} - -#header #header-bottom-right .logout a { - background: url(%%spritesheet%%) -127px -42px no-repeat #1a1a1a; - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right #mail.havemail, #header #header-bottom-right #mail.nohavemail { - border-bottom: none; -} - -#header #header-bottom-right .choice, -#header #header-bottom-right .logout a { - border-bottom: none; -} - -#header-bottom-right #modmail, -#header-bottom-right .user { - border-bottom: none; -} - -.user .userkarma { - border-bottom: none; -} - -#header #header-bottom-right #mail:hover, -#header #header-bottom-right .choice:hover, -#header #header-bottom-right .user:hover { - background-color: #0078D7; -} - -#header #header-bottom-right .logout a:hover { - text-indent: -99999px; - color: #fff; - background: url(%%spritesheet%%) -127px -42px no-repeat #ce352c; -} - -#openRESPrefs { - position: absolute; - right: 365px; - top: 22px; -} - -#mailCount { - position: absolute; - left: 208px; - top: -2px; - color: #fff; - font-size: 14px; - overflow: hidden; -} - -.message-count { - background: #0078D7; - height: 42px; - font-size: medium; - line-height: 42px !important; - margin-left: -4px; - vertical-align: top; - display: none; -} - -.user .userkarma { - cursor: help; -} - -#RESAccountSwitcherIconOverlay { - display: none !important; -} - -#RESAccountSwitcherIcon { - float: right; - margin-right: 5px; - margin-top: -10px; - background: url(%%spritesheet%%) -264px -5px no-repeat !important; -} - -.side .usertext-body .md ol { - position: absolute; - top: 30px; - right: 0; - margin: 0 30px 0 0; - padding: 0; - z-index: 99; -} - -.md-container-small .md .-text, -.md-container-small .md li, -.md-container-small .md p, -.md-container-small .md pre > code, -.md-container-small .md td, -.md-container-small .md th { - list-style: none; -} - -.side .usertext-body .md ol a[href$="#special"] { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 3s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -.side .md .-text, -.side .md li, -.side .md p, -.side .md pre > code, -.side .md td, -.side .md th { - list-style: none; -} - -.side .usertext-body .md ol a { - background-color: #57b5ff; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - opacity: 0.8; -} - -.side .usertext-body .md ol a:hover { - opacity: 1; -} - -.side .md > ol li a[href$='#special']:after, .side .md > ol li a[href$='#special']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#special'] { - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - transition: opacity .5s; - background-color: #1686f0; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#special']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; - background-color: #1a1a1a; - content: "Event"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#special']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#achieve'] { - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - transition: opacity .5s; - background-color: #28bc07; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#achieve']:hover { - opacity: 1; -} - -.side .md > ol li a[href$='#sticky']:after, .side .md > ol li a[href$='#sticky']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#achieve']:before, .side .usertext-body .md ol a[href$='#sticky']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#achieve']:before { - background-color: #0d9605; - content: "Achievement unlocked"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#sticky'], .side .usertext-body .md ol a[href$='#stickyg'] { - font-weight: 400; - padding: 5px 5px 5px 0; - margin-bottom: 3px; - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - transition: opacity .5s; - text-decoration: none; -} - -.side .usertext-body .md ol a[href$='#sticky'] { - background-color: #1686f0; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#sticky']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#stickyg']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#sticky']:before { - background-color: #1a1a1a; - content: "Sticky"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#stickyg'] { - background-color: #28bc07; - opacity: 0.8; -} - -.side .md > ol li a[href$='#achieve']:after, .side .md > ol li a[href$='#achieve']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .md > ol li a[href$='#update']:after, .side .md > ol li a[href$='#update']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#stickyg']:before, .side .usertext-body .md ol a[href$='#update']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#stickyg']:before { - background-color: #0d9605; - content: "Sticky"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#update'] { - border: 2px solid #fefefe; - background-color: #1686f0; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - opacity: .8; - transition: opacity 0.5s; -} - -.side .usertext-body .md ol a[href$='#update']:before { - background-color: #1a1a1a; - content: "Update"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#update']:hover { - opacity: 1; -} - -.side .md del { - color: #fff; - text-decoration: none; -} - -.md a:hover { - color: #0078D7; -} - -.res-nightmode body, -html[lang^=nm] body { - background: #1a1a1a !important; -} - -.res-nightmode #sr-header-area, -html[lang^=nm] #sr-header-area { - background-color: #0C1722; -} - -.res-nightmode a, -html[lang^=nm] a { - color: #f8f8ff; -} - -.res-nightmode .morelink a, -.res-nightmode a[href*="#Donsiders"], -.res-nightmode a[href*="#btn"], -html[lang^=nm] .morelink a, -html[lang^=nm] a[href*="#Donsiders"], -html[lang^=nm] a[href*="#btn"] { - color: #fff !important; -} - -.res-nightmode .shortlink input, -html[lang^=nm] .shortlink input { - background: #393939; - color: #ddd; -} - -.res-nightmode #previoussearch #moresearchinfo, -.res-nightmode .roundfield label, -.res-nightmode .search-result-body, -.res-nightmode div.side #searchexpando, -.res-nightmode .submit-page .roundfield .title, -.res-nightmode .md, -.res-nightmode .md blockquote, -.res-nightmode .md del, -.res-nightmode .comments-page .usertext-edit div textarea, -html[lang^=nm] #previoussearch #moresearchinfo, -html[lang^=nm] .roundfield label, -html[lang^=nm] .search-result-body, -html[lang^=nm] div.side #searchexpando, -html[lang^=nm] .submit-page .roundfield .title, -html[lang^=nm] .md, -html[lang^=nm] .md blockquote, -html[lang^=nm] .md del, -html[lang^=nm] .comments-page .usertext-edit div textarea { - color: #eee !important; -} - -.res-nightmode .md blockquote, -html[lang^=nm] .md blockquote { - background: rgba(0, 87, 166, 0.24); - border-left: 2px solid #0078D7 !important; - color: #888 !important; -} - -.res-nightmode .md code, -html[lang^=nm] .md code { - border: none !important; - background-color: #393939 !important; - border-radius: 0 !important; - border-left: 3px solid #0078D7 !important; -} - -.res-nightmode .commentingAs, -.res-nightmode .date time, -.res-nightmode .linkinfo .score, -.res-nightmode .linkinfo .shortlink, -.res-nightmode .side .titlebox > .fancy-toggle-button, -.res-nightmode .edit-stylesheet.choice:after, -.res-nightmode .wiki-page .wiki-page-content, -html[lang^=nm] .commentingAs, -html[lang^=nm] .date time, -html[lang^=nm] .linkinfo .score, -html[lang^=nm] .linkinfo .shortlink, -html[lang^=nm] .side .titlebox > .fancy-toggle-button, -html[lang^=nm] .edit-stylesheet.choice:after, -html[lang^=nm] .wiki-page .wiki-page-content { - color: #ddd !important; -} - -.res-nightmode .date span, -.res-nightmode .date time, -html[lang^=nm] .date span, -html[lang^=nm] .date time { - border-bottom: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode #header, -.res-nightmode #newlink-with-image-upload #new-link-preview, -.res-nightmode .account-activity-box, -.res-nightmode .date:before, -.res-nightmode .morelink, -.res-nightmode .nextprev a, -.res-nightmode .titlebox h1, -html[lang^=nm] #header, -html[lang^=nm] #newlink-with-image-upload #new-link-preview, -html[lang^=nm] .account-activity-box, -html[lang^=nm] .date:before, -html[lang^=nm] .morelink, -html[lang^=nm] .nextprev a, -html[lang^=nm] .titlebox h1 { - background: #222 !important; -} - -.res-nightmode #header #header-bottom-right #mail:hover, -.res-nightmode #header #header-bottom-right #modmail:hover, -.res-nightmode #header #header-bottom-right .choice:hover, -.res-nightmode #header #header-bottom-right .logout:hover, -.res-nightmode #header #header-bottom-right .user:hover, -html[lang^=nm] #header #header-bottom-right #mail:hover, -html[lang^=nm] #header #header-bottom-right #modmail:hover, -html[lang^=nm] #header #header-bottom-right .choice:hover, -html[lang^=nm] #header #header-bottom-right .logout:hover, -html[lang^=nm] #header #header-bottom-right .user:hover { - background-color: #393939 !important; -} - -.res-nightmode #header #header-bottom-right .logout a, -.res-nightmode #header #header-bottom-right .nohavemail#mail, -html[lang^=nm] #header #header-bottom-right .logout a, -html[lang^=nm] #header #header-bottom-right .nohavemail#mail { - background-color: transparent !important; - outline: 0 !important; -} - -.res-nightmode #header-bottom-right #modmail, -.res-nightmode #header-bottom-right .choice, -.res-nightmode #header-bottom-right .user, -html[lang^=nm] #header-bottom-right #modmail, -html[lang^=nm] #header-bottom-right .choice, -html[lang^=nm] #header-bottom-right .user { - background-color: transparent !important; - outline: 0 !important; -} - -.res-nightmode #header-bottom-left .tabmenu, -.res-nightmode #header-img, -.res-nightmode #header-img.default-header, -html[lang^=nm] #header-bottom-left .tabmenu, -html[lang^=nm] #header-img, -html[lang^=nm] #header-img.default-header { - background: transparent !important; -} - -.res-nightmode #header-bottom-left .tabmenu, -.res-nightmode .new-comment .usertext-body, -html[lang^=nm] #header-bottom-left .tabmenu, -html[lang^=nm] .new-comment .usertext-body { - background-color: transparent; - border: none; -} - -.res-nightmode .date, -html[lang^=nm] .date { - color: #ddd !important; -} - -.res-nightmode .date::before, -html[lang^=nm] .date::before { - color: #ddd !important; -} - -.res-nightmode .flair, -html[lang^=nm] .flair { - color: #ddd !important; -} - -.res-nightmode .footer, -html[lang^=nm] .footer { - border-right: none !important; - border-top: none; -} - -.res-nightmode .footer div.col a, .res-nightmode .footer::after, -html[lang^=nm] .footer div.col a, -html[lang^=nm] .footer::after { - color: #ddd !important; -} - -.res-nightmode div.side div.tagline, -.res-nightmode div.side form.flairtoggle, -.res-nightmode div.side span.subscribers, -html[lang^=nm] div.side div.tagline, -html[lang^=nm] div.side form.flairtoggle, -html[lang^=nm] div.side span.subscribers { - background: #222 !important; - color: #ddd !important; -} - -.res-nightmode div.titlebox .md ul li, -html[lang^=nm] div.titlebox .md ul li { - background: #222 !important; - color: #ddd !important; -} - -.res-nightmode .sidecontentbox .title, -.res-nightmode .sidecontentbox a.helplink, -html[lang^=nm] .sidecontentbox .title, -html[lang^=nm] .sidecontentbox a.helplink { - background: #222 !important; -} - -.res-nightmode div.titlebox .md h1, -.res-nightmode div.titlebox .md h2, -.res-nightmode div.titlebox .md h3, -.res-nightmode div.titlebox .md h4, -html[lang^=nm] div.titlebox .md h1, -html[lang^=nm] div.titlebox .md h2, -html[lang^=nm] div.titlebox .md h3, -html[lang^=nm] div.titlebox .md h4 { - background: #222 !important; -} - -.res-nightmode #searchexpando, -.res-nightmode .icon-menu li, -.res-nightmode .totalvotes, -.res-nightmode .reddit-link, -.res-nightmode .sidecontentbox .content a.author, -.res-nightmode .sidecontentbox .more, -.res-nightmode .reddit-link, -.res-nightmode .linkinfo .score, -.res-nightmode .linkinfo .shortlink, -.res-nightmode div.titlebox .md ul li, -html[lang^=nm] #searchexpando, -html[lang^=nm] .icon-menu li, -html[lang^=nm] .totalvotes, -html[lang^=nm] .reddit-link, -html[lang^=nm] .sidecontentbox .content a.author, -html[lang^=nm] .sidecontentbox .more, -html[lang^=nm] .reddit-link, -html[lang^=nm] .linkinfo .score, -html[lang^=nm] .linkinfo .shortlink, -html[lang^=nm] div.titlebox .md ul li { - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode #searchexpando:hover, -.res-nightmode .icon-menu li:hover, -.res-nightmode .totalvotes:hover, -.res-nightmode .reddit-link:hover, -.res-nightmode .sidecontentbox .content a.author:hover, -.res-nightmode .sidecontentbox .more:hover, -.res-nightmode .reddit-link:hover, -.res-nightmode .linkinfo .score:hover, -.res-nightmode .linkinfo .shortlink:hover, -.res-nightmode div.titlebox .md ul li:hover, -html[lang^=nm] #searchexpando:hover, -html[lang^=nm] .icon-menu li:hover, -html[lang^=nm] .totalvotes:hover, -html[lang^=nm] .reddit-link:hover, -html[lang^=nm] .sidecontentbox .content a.author:hover, -html[lang^=nm] .sidecontentbox .more:hover, -html[lang^=nm] .reddit-link:hover, -html[lang^=nm] .linkinfo .score:hover, -html[lang^=nm] .linkinfo .shortlink:hover, -html[lang^=nm] div.titlebox .md ul li:hover { - background-color: #393939 !important; - border-left-color: #7cb0d9 !important; -} - -.res-nightmode div.side div.leavemoderator, -.res-nightmode div.side p.users-online, -.res-nightmode div.side span.subscribers, -.res-nightmode div.side form.leavecontributor-button, -.res-nightmode div.side .titlebox div.subButtons, -.res-nightmode div.side .titlebox h1.redditname + div, -.res-nightmode div.side .titlebox > .fancy-toggle-button, -html[lang^=nm] div.side div.leavemoderator, -html[lang^=nm] div.side p.users-online, -html[lang^=nm] div.side span.subscribers, -html[lang^=nm] div.side form.leavecontributor-button, -html[lang^=nm] div.side .titlebox div.subButtons, -html[lang^=nm] div.side .titlebox h1.redditname + div, -html[lang^=nm] div.side .titlebox > .fancy-toggle-button { - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode div.side div.tagline, -.res-nightmode div.side form.flairtoggle, -html[lang^=nm] div.side div.tagline, -html[lang^=nm] div.side form.flairtoggle { - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - border-bottom: none !important; - background: #222 !important; -} - -.res-nightmode .titlebox form.toggle, -html[lang^=nm] .titlebox form.toggle { - background: #222; - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - color: #eee; -} - -.res-nightmode .sitetable .comment .comment, -html[lang^=nm] .sitetable .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment, -html[lang^=nm] .sitetable .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode button, -html[lang^=nm] button { - border: none; - background-color: #222 !important; -} - -.res-nightmode a[href*="#square"]::before, -html[lang^=nm] a[href*="#square"]::before { - border: 3px solid #393939; -} - -.res-nightmode .link, -html[lang^=nm] .link { - border-bottom: 1px solid #2D2E32 !important; - border-right: 1px solid #2D2E32 !important; -} - -.res-nightmode .listing-page .link:hover, -html[lang^=nm] .listing-page .link:hover { - background: #393939 !important; - border-left-color: #a9a9a9 !important; -} - -.res-nightmode div.titlebox .md ul li:hover, -html[lang^=nm] div.titlebox .md ul li:hover { - background-color: #393939 !important; - border-left-color: #7cb0d9 !important; -} - -.res-nightmode div.titlebox .md h1:after, -.res-nightmode div.titlebox .md h2:after, -.res-nightmode div.titlebox .md h3:after, -.res-nightmode div.titlebox .md h4:after, -html[lang^=nm] div.titlebox .md h1:after, -html[lang^=nm] div.titlebox .md h2:after, -html[lang^=nm] div.titlebox .md h3:after, -html[lang^=nm] div.titlebox .md h4:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode div.titlebox h1:after, -.res-nightmode div.titlebox .sidecontentbox .title:after, -html[lang^=nm] div.titlebox h1:after, -html[lang^=nm] div.titlebox .sidecontentbox .title:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode .flairselector, -.res-nightmode .comments-page .usertext-edit div textarea, -.res-nightmode #eu-cookie-policy .reddit-infobar, -.res-nightmode #search input[type=text], -html[lang^=nm] .flairselector, -html[lang^=nm] .comments-page .usertext-edit div textarea, -html[lang^=nm] #eu-cookie-policy .reddit-infobar, -html[lang^=nm] #search input[type=text] { - background-color: #222 !important; - color: #ddd; -} - -.res-nightmode #header-bottom-left .tabmenu li.selected a, -.res-nightmode .link .usertext-body .md, -.res-nightmode .debuginfo, -.res-nightmode .sidecontentbox a.helplink:hover, -.res-nightmode .cookie-infobar.with-icon:before, -.res-nightmode div.titlebox span.fancy-toggle-button a.active.remove, -.res-nightmode .link .score .likes, -.res-nightmode .nextprev a:hover, -.res-nightmode .side .morelink a:hover, -.res-nightmode button:hover, -.res-nightmode .account-activity-box:hover, -html[lang^=nm] #header-bottom-left .tabmenu li.selected a, -html[lang^=nm] .link .usertext-body .md, -html[lang^=nm] .debuginfo, -html[lang^=nm] .sidecontentbox a.helplink:hover, -html[lang^=nm] .cookie-infobar.with-icon:before, -html[lang^=nm] div.titlebox span.fancy-toggle-button a.active.remove, -html[lang^=nm] .link .score .likes, -html[lang^=nm] .nextprev a:hover, -html[lang^=nm] .side .morelink a:hover, -html[lang^=nm] button:hover, -html[lang^=nm] .account-activity-box:hover { - background-color: #393939 !important; -} - -.res-nightmode .comment .usertext .md p > a:visited, -.res-nightmode .md a, -.res-nightmode h2 a:visited, -html[lang^=nm] .comment .usertext .md p > a:visited, -html[lang^=nm] .md a, -html[lang^=nm] h2 a:visited { - color: #3498db; -} - -.res-nightmode ::-webkit-scrollbar, -html[lang^=nm] ::-webkit-scrollbar { - background-color: #393939; -} - -.res-nightmode ::-webkit-scrollbar-thumb, -html[lang^=nm] ::-webkit-scrollbar-thumb { - background-color: #666; - border: 2px solid #333; - transition: background-color 0.5s; -} - -.res-nightmode ::-webkit-scrollbar-thumb:hover, -html[lang^=nm] ::-webkit-scrollbar-thumb:hover { - background-color: #555; - transition: background-color 0.5s; -} - -.res-nightmode ::-webkit-scrollbar-thumb:active, -html[lang^=nm] ::-webkit-scrollbar-thumb:active { - background-color: #bbb; -} - -.res-nightmode ::-webkit-scrollbar-corner, -html[lang^=nm] ::-webkit-scrollbar-corner { - color: #555; -} - -.res-nightmode textarea, -html[lang^=nm] textarea { - color: #000 !important; -} - -.res-nightmode .content, -html[lang^=nm] .content { - margin-bottom: 0; - margin-top: 0; -} - -.res-nightmode input[type=button], .res-nightmode input[type=reset], .res-nightmode input[type=submit], -html[lang^=nm] input[type=button], -html[lang^=nm] input[type=reset], -html[lang^=nm] input[type=submit] { - border: none; -} - -.res-nightmode .side .spacer .titlebox .redditname, -html[lang^=nm] .side .spacer .titlebox .redditname { - border-left-color: #0078D7; -} - -.res-nightmode .gold-accent, -html[lang^=nm] .gold-accent { - background: #1a1a1a; -} - -.res-nightmode .thing .title:visited, -.res-nightmode .thing.visited .title, -html[lang^=nm] .thing .title:visited, -html[lang^=nm] .thing.visited .title { - color: #808c94; -} - -.res-nightmode .thing .title, -html[lang^=nm] .thing .title { - color: #B5C4D0; -} - -.res-nightmode .content.submit .info-notice, -.res-nightmode .submit-page .roundfield, -html[lang^=nm] .content.submit .info-notice, -html[lang^=nm] .submit-page .roundfield { - background-color: #222; - color: #eee; -} - -.res-nightmode #header #header-bottom-right #mail.havemail, -html[lang^=nm] #header #header-bottom-right #mail.havemail { - outline: 0; -} - -.res-nightmode .formtabs-content .infobar, -html[lang^=nm] .formtabs-content .infobar { - border-color: transparent !important; -} - -.res-nightmode .infobar, -html[lang^=nm] .infobar { - border-color: #ff4500 !important; -} - -.res-nightmode span.score, -html[lang^=nm] span.score { - color: #888 !important; -} - -.res-nightmode .comment.spam > .child, -.res-nightmode .message.spam > .child, -.res-nightmode .usertext.grayed .usertext-body, -html[lang^=nm] .comment.spam > .child, -html[lang^=nm] .message.spam > .child, -html[lang^=nm] .usertext.grayed .usertext-body { - background-color: transparent; -} - -.res-nightmode div.commentarea .infobar, -html[lang^=nm] div.commentarea .infobar { - color: #eee; - border: none; -} - -.res-nightmode .comment, -html[lang^=nm] .comment { - border: 1px solid #43474F; -} - -.res-nightmode a[href*='#icon-day'], -html[lang^=nm] a[href*='#icon-day'] { - display: inline-block !important; -} - -.res-nightmode a[href*='#icon-day']::before, -html[lang^=nm] a[href*='#icon-day']::before { - display: inline-block !important; - display: none; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; - background: url(%%spritesheet%%) -85px -294px; -} - -.res-nightmode a[href*='#icon-night'], -html[lang^=nm] a[href*='#icon-night'] { - display: none; -} - -.res-nightmode a[href*="#icon-chat"]::before, -html[lang^=nm] a[href*="#icon-chat"]::before { - background-image: url(%%wincore-2%%); - background-position: -5px -405px; -} - -.res-nightmode a[href*="#icon-feedback"]::before, -html[lang^=nm] a[href*="#icon-feedback"]::before { - background-position: -47px -149px; -} - -.res-nightmode a[href*="#icon-feedback2"]::before, -html[lang^=nm] a[href*="#icon-feedback2"]::before { - background-position: -5px -375px; -} - -.res-nightmode a[href*="#iconz-tips"]::before, -html[lang^=nm] a[href*="#iconz-tips"]::before { - background-position: -234px -47px; -} - -.res-nightmode a[href*="#iconz-updates"]::before, -html[lang^=nm] a[href*="#iconz-updates"]::before { - background-position: -259px -119px; -} - -.res-nightmode a[href*="#iconz-faq"]::before, -html[lang^=nm] a[href*="#iconz-faq"]::before { - background-position: -174px -47px; -} - -.res-nightmode a[href*="#iconz-install"]::before, -html[lang^=nm] a[href*="#iconz-install"]::before { - background-position: -259px -119px; -} - -.res-nightmode a[href*="#iconz-wiki"]::before, -html[lang^=nm] a[href*="#iconz-wiki"]::before { - background-position: -204px -149px; -} - -.res-nightmode #siteTable .thing, -.res-nightmode .link.promotedlink, -html[lang^=nm] #siteTable .thing, -html[lang^=nm] .link.promotedlink { - background: #202020; -} - -.res-nightmode .organic-listing, -html[lang^=nm] .organic-listing { - background: none !important; -} - -.res-nightmode body > .content #siteTable .thing.self .thumbnail, -html[lang^=nm] body > .content #siteTable .thing.self .thumbnail { - background-position: -77px -5px; -} - -.res-nightmode body > .content #siteTable .thing .thumbnail.default, -html[lang^=nm] body > .content #siteTable .thing .thumbnail.default { - background-position: -174px -77px; -} - -.res-nightmode div.side span.subscribers span.number:before, -html[lang^=nm] div.side span.subscribers span.number:before { - background-position: -162px -5px; -} - -.res-nightmode .expando-button.selftext.collapsed, -html[lang^=nm] .expando-button.selftext.collapsed { - background-position: -5px -242px; -} - -.res-nightmode .expando-button.selftext.collapsed:hover, -html[lang^=nm] .expando-button.selftext.collapsed:hover { - background-position: -225px -204px; -} - -.res-nightmode .expando-button.selftext.expanded, -html[lang^=nm] .expando-button.selftext.expanded { - background-position: -65px -204px; -} - -.res-nightmode .expando-button.selftext.expanded:hover, -html[lang^=nm] .expando-button.selftext.expanded:hover { - background-position: -105px -204px; -} - -.res-nightmode .expando-button.video.collapsed, -html[lang^=nm] .expando-button.video.collapsed { - background-position: -85px -242px; -} - -.res-nightmode .expando-button.video.collapsed:hover, -html[lang^=nm] .expando-button.video.collapsed:hover { - background-position: -45px -242px; -} - -.res-nightmode .expando-button.video.expanded, -html[lang^=nm] .expando-button.video.expanded { - background-position: -65px -204px; -} - -.res-nightmode .expando-button.video.expanded:hover, -html[lang^=nm] .expando-button.video.expanded:hover { - background-position: -105px -204px; -} - -.res-nightmode .date:after, -html[lang^=nm] .date:after { - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode .date span, -html[lang^=nm] .date span { - border-left: 5px solid #393939 !important; - color: #ddd; - border-right-color: #393939; -} - -.res-nightmode .date time, -html[lang^=nm] .date time { - border-right: 1px solid #393939 !important; -} - -.res-nightmode .link.last-clicked, -html[lang^=nm] .link.last-clicked { - background: #393939 !important; -} - -.res-nightmode .comments-page .link, -html[lang^=nm] .comments-page .link { - border-left: 3px solid transparent; -} - -.res-nightmode .res .RES-keyNav-activeElement { - background-color: #292929 !important; -} - -.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, -.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { - background-color: #292929 !important; -} - -.res-nightmode .RES-keyNav-activeElement { - background-color: #292929 !important; -} - -.res-nightmode .RES-keyNav-activeElement .md-container { - background-color: #292929 !important; -} - -.res-nightmode .arrow.upmod { - background-position: -296px -60px !important; -} - -.res-nightmode .arrow.down { - background-position: -321px -60px !important; -} - -.res-nightmode .arrow.up { - background-position: -289px -194px !important; -} - -.res-nightmode .arrow.downmod { - background-position: -271px -60px !important; -} - -.res-nightmode .side .titlebox > .fancy-toggle-button { - background: #222 !important; - color: #ddd !important; -} - -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { - background-color: transparent !important; -} - -.res #sr-header-area #srDropdownContainer a:hover { - opacity: 1; -} - -.res .comment .midcol { - margin-left: 20px; -} - -.res .comment .new-comment { - border: 2px solid #FFAB91 !important; - border-radius: 0px !important; -} - -.res #sr-header-area #srDropdownContainer a { - width: 35px; - height: 23px; - padding: 0; - margin: 0; - display: block; - background: url(%%spritesheet%%) -225px -252px no-repeat; - line-height: 35px; - text-indent: -999em; -} - -.res .RES-keyNav-activeElement, -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .noncollapsed .RES-keyNav-activeElement.entry { - background-color: 0 0 !important; -} - -.res .RESDashboardToggle, -.res .RESshortcutside { - background: 0 0; - border: none; - font-weight: 400; - text-transform: uppercase; -} - -.res .sitetable .sitetable { - margin-right: 0; -} - -.RESSubscriptionButton { - color: #fff !important; - border-radius: 1px !important; - background-color: transparent !important; -} - -.RESSubscriptionButton { - border: none !important; -} - -#RESAnnouncementAlert, -#userbarToggle, -.multi-count, -.sidecontentbox .content .RESUserTagImage::after, -.res .sidebox.create, -.res .message-count, -.res .side .userTagLink { - display: none !important; -} - -#RESSettingsButton { - right: 20px; - top: 3px; -} - -#RESStaticShortcuts { - line-height: 25px; -} - -.footer { - border-bottom: 1px solid #1a1a1a; - padding: 0; - border-left: 1px solid #1a1a1a; -} - -.footer::after { - border-bottom: 1px solid #1a1a1a; - display: block; - margin-top: 0; - padding: 10px; - padding-top: 8px !important; - color: #000; - content: "Designed by /u/Jaskys"; - font-size: 16px; - font-family: "Segoe UI", Helvetica, sans-serif; - border-top: 34px solid #1a1a1a; - border-right: 1px solid #1a1a1a; - margin-bottom: -1.1px; - width: 90px; -} - -.footer div.col { - position: relative; - margin: 0; - padding: 0; - width: 176px; - height: auto; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -.footer div.col .title { - font-size: 16px; - text-transform: capitalize; - padding: 8px; - color: #fff; - background: #1a1a1a; - max-height: 18px; -} - -.footer div.col a { - display: block; - margin: 5px; - padding: 3px 4px 3px 7px; - color: #000; -} - -.footer div.col a:hover { - color: #000; - text-decoration: none; - background: #fff; -} - -.footer p.bottommenu { - font-weight: 700; - color: #FFF; - clear: left; - padding: 6px; -} - -.footer p.bottommenu a { - font-weight: 700; - color: #FFF; -} - -.footer .col { - border-left: none !important; -} - -.debuginfo { - background: #F6F6F6; -} - -.rounded { - border-radius: 0; -} - -.flat-vert { - text-align: center; -} - -.titlebox h1.redditname a { - font-size: 0; -} - -.titlebox h1.redditname a:after { - content: "Windows Apps"; - color: #fff; - font: 400 small verdana, arial, helvetica, sans-serif; -} - -#header .redditname a { - font-size: 0; - background: url(%%wincore-2%%) -5px -5px no-repeat; - margin-left: 10px; - height: 100px; - display: block; - position: absolute; - top: 30px; -} - -#header .redditname a:hover { - background: url(%%wincore-2%%) -5px -115px no-repeat !important; - text-decoration: none; -} - -#header .redditname a:after { - content: "Windows Apps"; - font-size: 70px; - font-weight: lighter; - color: #ECF0F1; - font-family: "Segoe UI Light", Helvetica, sans-serif; - letter-spacing: .05em; - margin-left: 100px; - line-height: 100px; - font-variant: normal; - transition: background-color 0.5s; -} - -.flair-mod, -.flair-msft { - border: none; - background: 0 0; - font-weight: 700; -} - -.flair-mod:before, -.flair-msft:before { - content: "- "; -} - -.sidecontentbox .flair-mod { - display: none; -} - -.flair-mod { - color: #00a64f; -} - -.linklisting .flair-msft:after { - display: none; -} - -.flair-msft { - height: 16px; - line-height: 16px; - color: #0078D7; - padding: 0; -} - -.flair-msft:after { - content: "Microsoft Employee"; - position: absolute; - top: -0.7px; - right: -1px; - bottom: -1px; - left: -1px; - text-align: right; - padding: .25em .5em; - border: 3px solid #8bb9e2; - pointer-events: none; -} - -.author[href$=Adam-MSFT], .author[href$=Dave_MSFT], .author[href$=DrPreppy], .author[href$=EKILBO], .author[href$=Giffdev], .author[href$=James-MSFT], .author[href$=KritiMSFT], .author[href$=MailmanOdd], .author[href$=MasterDevwi], .author[href$=MsftHealthWill], .author[href$=NorthFaceHiker], .author[href$=Psychlist1972], .author[href$=Sawan-Msft], .author[href$=Sawan-MSFT], .author[href$=StephA_MSFT], .author[href$=Zev_MSFT], .author[href$=adam_msft], .author[href$=anaotero-MSFT], .author[href$=anbutle], .author[href$=anthonykinseymsft], .author[href$=bbyboi], .author[href$=bitcrazed], .author[href$=bloodytemplar], .author[href$=devbent], .author[href$=donaMSFT], .author[href$=jenmsft], .author[href$=Sean_MSFT], .author[href$=jeremy_msft], .author[href$=johnwinkmsft], .author[href$=josh_msft], .author[href$=kylealden], .author[href$=maheshrd], .author[href$=mike_msft], .author[href$=msftbanddev], .author[href$=msftbilly], .author[href$=mvaneerde], .author[href$=ooeygui], .author[href$=samersaw], .author[href$=sjarawan], .author[href$=stefohneee], .author[href$=toma_msft], .author[href$=vpmsft], .author[href$=xander-msft], .author[href$=zac_l], .author[href$=craigbarkhouse], .author[href$=elvenharps], .author[href$=nerdile], .author[href$=einarmsft], .author[href$=yosefdurr], .author[href$=Travis_MSFT], .author[href$=caithartMSFT], .author[href$=ClayMSFT] { - color: #0078D7; - font-weight: 700; -} - -.author[href$=ildun], .author[href$=Katsuga50] { - color: #e67e22; - font-weight: 700; -} - -.flair-wiki { - color: #e67e22; - font-weight: 700; - height: 16px; - line-height: 16px; - border: none; - background: 0 0; - padding: 0; -} - -.flair-wiki:before { - content: "- "; -} - -html:lang(nh) .linkflair-bug, -html:lang(nh) .linkflair-help { - display: none !important; -} - -.flairselector { - background-color: #fff; -} - -.linkflair-help .linkflairlabel { - background-color: #FF6138; - border-color: #FF6138; -} - -.linkflair-solved .linkflairlabel { - background-color: #008a00; - border-color: #008a00; -} - -.linkflair-unresolved .linkflairlabel { - background-color: #FF7D4D; - border-color: #FF7D4D; -} - -.linkflair-bug .linkflairlabel { - background-color: #ce352c; - border-color: #ce352c; -} - -.linkflair-update .linkflairlabel { - background-color: #0078D7; - border-color: #0078D7; -} - -.linkflair-feature .linkflairlabel { - background-color: #00aba9; - border-color: #00aba9; -} - -.linkflair-discussion .linkflairlabel { - background-color: #ff9e00; - border-color: #ff9e00; -} - -.linkflair-hardware .linkflairlabel { - background-color: #f0a30a; - border-color: #f0a30a; -} - -.linkflair-tip .linkflairlabel { - background-color: #468966; - border-color: #468966; -} - -.linkflair-meta .linkflairlabel { - background-color: #4390df; - border-color: #4390df; -} - -.linkflair-app .linkflairlabel { - background-color: #bf5a15; - border-color: #bf5a15; -} - -.linkflair-gaming .linkflairlabel { - background-color: #107c10; - border-color: #107c10; -} - -.linkflair-question .linkflairlabel { - background-color: #008a00; - border-color: #008a00; -} - -.linkflair-news .linkflairlabel { - background-color: #F2385A; - border-color: #F2385A; -} - -.linkflair-official .linkflairlabel { - background-color: #2086bf; - border-color: #2086bf; -} - -.linkflair-oc .linkflairlabel { - background-color: #76608a; - border-color: #76608a; -} - -.linkflair-concept .linkflairlabel { - background-color: #14B6F5; - border-color: #14B6F5; -} - -.linkflair-request .linkflairlabel { - background-color: #00aba9; - border-color: #00aba9; -} - -.side a[href*='#update'], .side a[href*='#official'], .side a[href*='#news'], .side a[href*='#help'], .side a[href*='#solved'], .side a[href*='#unresolved'], .side a[href*='#bug'], .side a[href*='#feature'], .side a[href*='#discussion'], .side a[href*='#hardware'], .side a[href*='#tip'], .side a[href*='#meta'], .side a[href*='#gaming'], .side a[href*='#app'], .side a[href*='#original%20content'], .side a[href*='#concept'], .side a[href*='#request'], .side a[href*='#question'], .side a[href*='#hideflair'], .side a[href*='#hidehelp'] { - display: inline-block; - position: relative; - text-align: center; - font-size: 80%; - padding: 3px 10px; - color: #fff; - margin: 3px; -} - -.side a[href*='#official'] { - background: #2086bf; -} - -.side a[href*='#news'] { - background: #F2385A; -} - -.side a[href*='#help'] { - background: #FF6138; -} - -.side a[href*='#solved'] { - background: #008a00; -} - -.side a[href*='#unresolved'] { - background: #FF7D4D; -} - -.side a[href*='#bug'] { - background: #ce352c; -} - -.side a[href*='#update'] { - background: #81003c; -} - -.side a[href*='#feature'] { - background: #00aba9; -} - -.side a[href*='#discussion'] { - background: #bf5a15; -} - -.side a[href*='#hardware'] { - background: #f0a30a; -} - -.side a[href*='#tip'] { - background: #468966; -} - -.side a[href*='#meta'] { - background: #4390df; -} - -.side a[href*='#gaming'] { - background: #76608a; -} - -.side a[href*='#app'] { - background: #bf5a15; -} - -.side a[href*='#original%20content'] { - background: #0B9C67; -} - -.side a[href*='#concept'] { - background: #14B6F5; -} - -.side a[href*='#request'] { - background: #00aba9; -} - -.side a[href*='#question'] { - background: #008a00; -} - -.side a[href*='#hideflair'], .side a[href*='#hidehelp'] { - background: #E42608; -} - -.side a[href*='#update']:hover, .side a[href*='#official']:hover, .side a[href*='#news']:hover, .side a[href*='#help']:hover, .side a[href*='#solved']:hover, .side a[href*='#unresolved']:hover, .side a[href*='#bug']:hover, .side a[href*='#feature']:hover, .side a[href*='#discussion']:hover, .side a[href*='#hardware']:hover, .side a[href*='#tip']:hover, .side a[href*='#meta']:hover, .side a[href*='#gaming']:hover, .side a[href*='#app']:hover, .side a[href*='#original%20content']:hover, .side a[href*='#concept']:hover, .side a[href*='#request']:hover, .side a[href*='#question']:hover, .side a[href='']:hover { - opacity: 0.8; -} - -.flair-special { - margin: 0 4px 4px 0; - padding: 0 11px 1px; - border-width: 1px; - border-radius: 1px; - color: #fff; - font-weight: 700; - background-color: #008a00; - border-color: #008a00; -} - -.linkflairlabel { - margin: 0 4px -2px 0; - padding: 0 4px 1px; - vertical-align: -2px; - color: #fff; - font-weight: 400; - font-size: 10px; - font-family: "Segoe UI", Helvetica, sans-serif; - pointer-events: none; - border-width: 3px; - border-radius: 1px; - pointer-events: none; -} - -.linkflairlabel:lang(nf) { - display: none; -} - -.linkflair-discussion { - border-left: 3px solid #ff9e00 !important; - background: rgba(255, 158, 0, 0.1); -} - -.linkflair-tip { - border-left: 3px solid #468966 !important; - background: rgba(70, 137, 102, 0.1); -} - -.linkflair-news { - border-left: 3px solid #F2385A !important; - background: rgba(242, 56, 90, 0.1); -} - -.comments-page .link.linkflair-solved { - display: block; -} - -#header-img.default-header, -a[href*="#icon-day"] { - display: none; -} - -a[href*='#square-app']::before { - background: -187px -5px #bf5a15; - border: 3px solid #e8e8e8; -} - -a[href*='#square-tip']::before { - background: -187px -5px #555; - border: 3px solid #e8e8e8; -} - -a[href*='#square-meta']::before { - background: -187px -5px #4390df; - border: 3px solid #e8e8e8; -} - -a[href*='#square-original']::before { - background: -187px -5px #76608a; - border: 3px solid #e8e8e8; -} - -a[href*='#square-concept']::before { - background: -187px -5px #14B6F5; - border: 3px solid #e8e8e8; -} - -a[href*='#square-solved']::before { - background: -187px -5px #008a00; - border: 3px solid #e8e8e8; -} - -a[href*='#square-hflairs']::before { - background: -187px -5px #1a1a1a; - border: 3px solid #e8e8e8; - border-radius: 50%; -} - -a[href*='#square-hhelp']::before { - background: -187px -5px #0078D7; - border: 3px solid #e8e8e8; - border-radius: 50%; -} - -a[href*='#square'] + .keyNavAnnotation { - display: none; -} - -a[href*='#square-feature']::before, a[href*='#square-request']::before, a[href*='#square-bug']::before, a[href*='#square-official']::before, a[href*='#square-news']::before, a[href*='#square-help']::before, a[href*='#square-update']::before, a[href*='#square-discussion']::before, a[href*='#square-hardware']::before, a[href*='#square-app']::before, a[href*='#square-tip']::before, a[href*='#square-meta']::before, a[href*='#square-original']::before, a[href*='#square-concept']::before, a[href*='#square-solved']::before, a[href*='#square-hflairs']::before, a[href*='#square-hhelp']::before, a[href*='#square-gaming']::before { - display: inline-block; - height: 10px; - width: 10px; - content: ''; - margin: 0 5px -4px 0; -} - -a[href*='#square-']:hover::before { - text-decoration: none; - background: #0078D7; - border-color: #80c2ff; - left: 4px; - top: 8px; - transition: all 0.15s ease; -} - -a[href*='#square-bug']::before { - background: -187px -5px #ce352c; - border: 3px solid #e8e8e8; -} - -a[href*='#square-official']::before { - background: -187px -5px #2086bf; - border: 3px solid #e8e8e8; -} - -a[href*='#square-news']::before { - background: -187px -5px #F2385A; - border: 3px solid #e8e8e8; -} - -a[href*='#square-help']::before { - background: -187px -5px #FF6138; - border: 3px solid #e8e8e8; -} - -a[href*='#square-update']::before { - background: -187px -5px #81003c; - border: 3px solid #e8e8e8; -} - -a[href*='#square-discussion']::before { - background: -187px -5px #ff9e00; - border: 3px solid #e8e8e8; -} - -a[href*='#square-hardware']::before { - background: -187px -5px #f0a30a; - border: 3px solid #e8e8e8; -} - -a[href*='#square-gaming']::before { - background: -187px -5px #107c10; - border: 3px solid #e8e8e8; -} - -a[href*='#square-feature']::before, a[href*='#square-request']::before { - background: -187px -5px #00aba9; - border: 3px solid #e8e8e8; -} - -.side .md blockquote { - padding: 2px 10px 5px; - border-left: 5px solid #f5c684; - background-color: #fef8f1; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 10px; - margin: 0 5px 0 0; - color: #222; -} - -.side .md blockquote:hover { - background-color: #fcecd9; - border-left-color: #f0ad4e; -} - -.side .md blockquote a { - font-size: 11px; -} - -.res-nightmode .side .md blockquote, -html[lang^=nm] .side .md blockquote { - border-left: 5px solid #3B81FB !important; - color: #ddd !important; -} - -a[href$="WindowsMobile#2"] { - position: absolute; - top: 135px; - left: 48px; - color: #ddd !important; - z-index: 99; - border-bottom: 3px solid transparent !important; - text-transform: uppercase; - transition: all .15s ease-in-out; - line-height: 14px; - height: 20px; - padding: 8px 9px 0; - font-size: 11.4px !important; - letter-spacing: 0.1em; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -a[href$="WindowsMobile#2"]:hover { - color: #fff !important; - background: rgba(0, 0, 0, 0.1); - border-color: #fff !important; -} - -a[href*="#Donsiders"], a[href*="#btn"] { - display: inline-block; - border: 1px solid #0081ba; - color: #fff !important; - padding: 10px 13px; - margin: 5px 0; - transition: all 0.5s; - border-radius: 1px; -} - -a[href*="#Donsiders"]:hover, a[href*="#btn"]:hover { - background: #0078D7; - -webkit-transform: translateY(-1px); - -moz-transform: translateY(-1px); - -ms-transform: translateY(-1px); - -o-transform: translateY(-1px); - transform: translateY(-1px); - box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); -} - -a[href*="#Donsiders"] { - background: #009e7e; -} - -a[href*="#Donsiders"]:hover { - background: #0078D7; -} - -a[href*="#btn"] { - background: #0057a6; -} - -a[href*="#square-showflairs"] { - float: right; -} - -a[href*="#square-showflairs"]::before { - display: inline-block; - height: 10px; - width: 10px; - content: ""; - background: -187px -5px #1a1a1a; - border: 3px solid #e8e8e8; - border-radius: 50%; - margin-left: 5px; -} - -a[href*="#square-hflairs"]::after { - content: "or"; - margin-left: 50px; -} - -a[href*="#square-hflairs"]:hover::after { - color: #1a1a1a; -} - -.side .md [href$="#butt"] { - display: inline-block !important; - font-size: 8pt; - border: 2px solid #1a1a1a; - padding: 9px 8px; - transition: background-color .5s; - text-align: center; - color: #1a1a1a; -} - -.side .md [href$="#butt"]:hover { - background: #1a1a1a; - color: #fff; -} - -.side .md > p:first-of-type { - display: none; -} - -.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { - content: "- flair your thread as solved once your problem is resolved"; - margin-left: 6px; - color: #008a00; -} - -.comments-page .link.linkflair-help .flat-list a.flairselectbtn { - color: #0078D7 !important; -} - -.linkflair-solved.link { - display: none; -} - -.search-page .linkflair-solved.link { - display: block; -} - -a[href*='#icon-chat']::before, a[href*='#icon-feedback']::before, a[href*='#icon-night']::before, a[href*='#icon-feedback2']::before { - display: inline-block; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; -} - -a[href*='#icon']:hover { - text-decoration: none; -} - -a[href*='#icon-chat']::before { - background: url(%%spritesheet%%) -5px -204px; -} - -a[href*='#icon-feedback']::before { - background: url(%%spritesheet%%) -35px -204px; -} - -a[href*='#icon-night']::before { - background: url(%%spritesheet%%) -125px -242px; -} - -a[href*='#icon-feedback2']::before { - background: url(%%wincore-2%%) -5px -345px; -} - -a[href*="#icon-more"] { - text-align: center; - display: block; - color: #0078D7; - font-size: 16px; -} - -a[href*='#iconz'] + .keyNavAnnotation { - display: none; -} - -a[href*='#iconz-tips']::before, a[href*='#iconz-updates']::before, a[href*='#iconz-faq']::before, a[href*='#iconz-install']::before, a[href*='#iconz-wiki']::before { - display: inline-block; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; -} - -a[href*='#iconz']:hover { - text-decoration: none; -} - -a[href*='#iconz-tips']::before { - background: url(%%spritesheet%%) -204px -47px; -} - -a[href*='#iconz-faq']::before { - background: url(%%spritesheet%%) -47px -47px; -} - -a[href*='#iconz-updates']::before { - background: url(%%spritesheet%%) -102px -77px; -} - -a[href*='#iconz-install']::before { - background: url(%%spritesheet%%) -229px -119px; -} - -a[href*='#iconz-wiki']::before { - background: url(%%spritesheet%%) -174px -149px; -} - -.link a.thumbnail[href*="blogs.windows.com"] { - background: url(%%spritesheet%%) -234px -149px no-repeat !important; - width: 45px; - height: 45px; - margin: 10px; -} - -.link a.thumbnail[href*="blogs.windows.com"] img { - display: none; -} - -.res-nightmode .subscribers .number:after, -.subscribers .number:after { - content: " insiders waiting for new bits"; -} - -.subscribers .word { - display: none; -} - -.arrow.down { - pointer-events: none; -} - -.subscriber .arrow.down { - pointer-events: initial; -} - -a[href$="Windows10#2"] { - position: absolute; - top: 135px; - left: 112px; - color: #ddd !important; - z-index: 99; - border-bottom: 3px solid transparent !important; - text-transform: uppercase; - transition: all .15s ease-in-out; - line-height: 14px; - height: 20px; - padding: 8px 9px 0; - font-size: 11.4px !important; - letter-spacing: 0.1em; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -a[href$="Windows10#2"]:hover { - color: #fff !important; - background: rgba(0, 0, 0, 0.1); - border-color: #fff !important; -} - -#header-bottom-left .tabmenu { - padding-left: 146px; - width: calc(100% - 146px); -} +#header{height:165px;background:#F54E7A;border-bottom:none}#header #header-bottom-right #mail.havemail,#header #modmail.havemail{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}#header .hover a:hover,.redditname a:hover:after{color:#fff !important}#header-bottom-left{height:140px}#header-bottom-left .tabmenu{background:rgba(0,0,0,0.2);width:calc(100% - 146px);padding-left:146px;position:absolute;bottom:0;left:0;font-family:"Segoe UI",Helvetica,sans-serif;transition:.5s}#header-bottom-left .tabmenu li{font-weight:400;margin:0}#header-bottom-left .tabmenu li a{background:0 0;color:#ddd;font-size:11.4px;font-family:"Segoe UI",Helvetica,sans-serif;line-height:30px;padding:8px 9px 6px;letter-spacing:0.1em;text-transform:uppercase;transition:all .15s ease-in-out;border-bottom:3px solid transparent !important}#header-bottom-left .tabmenu li a:hover{color:#fff;background:rgba(0,0,0,0.1);border-bottom:3px solid #fff !important}#header-bottom-left .tabmenu li.selected a{background-color:#f06292;border:0;color:#fff;padding-top:7px;font-weight:700;border-bottom:3px solid currentColor !important}#header-bottom-right #modmail,#header-bottom-right .user{height:37px;white-space:nowrap;border-radius:1px;overflow:hidden;transition:background-color 0.5s}#header-img{text-indent:-9999px;display:inline-block;margin-top:112px;position:absolute;z-index:99;height:27px;width:27px;margin-left:4px;padding-right:11px;padding-left:8px;opacity:.8;background-repeat:no-repeat !important;transition:all .15s ease-in-out;border-bottom:3px solid transparent !important}#header-img:hover{opacity:1;background:rgba(0,0,0,0.1);font-weight:500;border-bottom:3px solid #fff !important}#sr-header-area{transition:opacity .3s;opacity:.4;height:24px;background-color:#0C1722;border-bottom:0;letter-spacing:1px;line-height:22px}#sr-header-area:hover{opacity:1}#sr-header-area a{color:#c4c4c4;font-family:"Segoe UI",Helvetica,sans-serif}#sr-header-area .srdrop.dropdown{width:35px;padding:0}#sr-header-area .sr-list{padding-left:8px;border-left:2px solid rgba(196,196,196,0.9);height:24px;line-height:25px}#sr-header-area .srdrop.dropdown .selected{width:35px;height:23px;padding:0;margin:0;display:block;background:url(%%spritesheet%%) -225px -252px no-repeat;line-height:35px;text-indent:-999em}#sr-header-area .srdrop.dropdown .selected:hover{opacity:1}#sr-header-area .drop-choices.srdrop{padding:5px;margin:1px 0 0;background:#222;border:none}#sr-header-area .drop-choices a.choice{color:#AEAEAE}#sr-header-area .drop-choices a.choice:hover{background-color:#333;color:#EEE}#sr-header-area .drop-choices .choice.bottom-option{border-color:#AEAEAE}#sr-more-link,#header [href$="/rising/"],#header [href$="/controversial/"],#header [href$="/ads/"],#suggested-reddits,.voteWeight,.rank,.titlebox .bottom,.submit-page .content h1,.formtabs-content .infobar,a[href*='#icon']+.keyNavAnnotation,a[href*='#/RES_SR_Config/NightModeCompatible']{display:none !important}#url-field button,.submit-page .content button[name=submit]{background:0 0;transition:all .5s;border:1px solid #5cb85c;color:#5cb85c}#url-field button:hover,.submit-page .content button[name=submit]:hover{background:#5cb85c;color:#fff}.submit-page .tabmenu.formtab{margin-bottom:74px}.submit_text.roundfield.enabled{background:#1992FF;position:absolute;top:223px}.submit_text p{color:#eee}button.save,button.submit-action-thing,button.submit-report{background:0 0;transition:background-color .5s;text-transform:capitalize;font-family:"Segoe UI",Helvetica,sans-serif;border:1px solid #5cb85c;color:#5cb85c;padding:0.25rem 0.75rem}button.save:hover,button.submit-action-thing:hover,button.submit-report:hover{background:#5cb85c;color:#fff}button.cancel,button.cancel-action-thing,button.cancel-report-thing{border:1px solid #d9534f;background:0 0;color:#d9534f;padding:.25rem .75rem;text-transform:capitalize;font-family:"Segoe UI",Helvetica,sans-serif;transition:background-color 0.5s}button.cancel-action-thing:hover,button.cancel-report-thing:hover,button.cancel:hover{background:#d9534f;color:#fff}.next-suggestions a,.nextprev a{padding:0 4px;background:0 0;border:none;color:#f06292;text-align:center}.next-suggestions a:hover,.nextprev a:hover{background:#f06292;border:none;color:#fff;outline:0}.btn:active,.gadget .right a:active,.morelink a:active,.sidecontentbox a.helplink:active,button:active,#header #header-bottom-right #mail.havemail:active,#header #header-bottom-right #mail.nohavemail:active,#header #header-bottom-right .choice:active,#header #header-bottom-right .logout a:active,#header-bottom-left .tabmenu li a:active,#header-bottom-right #modmail:active,#header-bottom-right .user:active{background-color:#1686f0 !important}.comment{position:relative;padding:4px 0 0 30px;z-index:1;border:2px solid #e6e6e6;overflow:hidden;margin:0 18px 8px 0}.comment .expand{transition:all .5s;padding:4px 2px;position:absolute;top:0;left:0;bottom:0;padding:4px}.comment .expand:hover{background:#f06292;color:#fff !important;text-decoration:none}.comment.collapsed .tagline{height:21px;line-height:21px}.comment.collapsed .tagline a{line-height:13px}.comment .child,.comment .showreplies{border-left:none}.new-comment{border-color:#FFAB91 !important}.new-comment .expand:hover{background:#ffab91}.new-comment .usertext-body{background-color:transparent;border:none}.tagline .score{font-weight:700}.tagline .likes{color:#F54E7A}.entry .flat-list .reply-button a{color:#F54E7A}.link .domain{visibility:hidden}.link .domain a{visibility:visible;position:relative;top:-1px;color:#b1b1b1}.domain{display:inline-block !important}#siteTable_organic{background:rgba(6,102,178,0.1);margin-right:325px;margin-top:-7px;left:-5px;border-left:3px solid #ff4500;border-right:1px solid rgba(0,0,0,0.1);border-bottom:none;border-top:none}#ad_sponsorship{max-width:295px}.organic-listing .link.promotedlink{margin-left:-1px;border-bottom:1px solid rgba(0,0,0,0.1)}.flairselector{border:1px solid #F54E7A !important}.flairselector .title{font-size:0 !important}.flairselector h2{color:#fff;font-size:13px;background:#F54E7A !important;padding-top:6px;font-weight:lighter !important;text-transform:capitalize;padding-bottom:6px}.flairselector li:hover{background-color:transparent}.flairselector form{border-top:solid 1px #F54E7A;margin-bottom:10px}.flairselector.drop-choices.active{padding:0 !important;box-shadow:none}.flairselector .linkflair{border-left:none !important;background:0 0;width:110px}.flairselector.drop-choices.active{left:40% !important;top:35% !important;position:fixed}.flairoptionpane{max-height:304px}.flairoptionpane li,.flairoptionpane ul{min-width:120px;padding:3px}.comments-page .link .flat-list a.flairselectbtn{color:#F54E7A !important}.nextprev a,.side .usertext-body .md ol a{transition:background-color 0.5s}.submit-page .roundfield{padding:16px;width:525px;background-color:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:0px}.submit-page .roundfield span.title{color:#4d5763;text-transform:capitalize}.submit-page .submit.content#newlink .tabmenu.formtab a{padding:16px;display:inline-block;text-align:center;background-color:#f5f5f5;color:#4d5763;text-transform:uppercase;font-weight:700;transition:all .25s ease;font-size:16px;border:none;width:247.5px}.submit-page .submit.content#newlink .tabmenu.formtab a:hover{background-color:#e7e9f6}.submit-page .submit.content#newlink .tabmenu.formtab .selected a{font-size:16px;background-color:#F54E7A;color:#fff}.submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover{background-color:#f06292}.submit-page #newlink.submit.content .btn{width:558px;height:auto;text-transform:capitalize;font-size:17px;padding:16px;text-align:center}.submit-page #newlink.submit.content .btn:after{content:" your thread";text-transform:none}.formtabs-content{width:520px;border-top:none;margin-top:-15px}form .spacer+.spacer{margin:0}.content.submit .info-notice{background-color:#fff;border-radius:2px;padding:16px;margin-bottom:0;border:1px solid rgba(0,0,0,0.1) !important}.self .expanded ~ .expando .usertext-body{-webkit-animation:700ms expandy ease-in-out forwards;animation:700ms expandy ease-in-out forwards}@-webkit-keyframes expandy{0%{-webkit-transform:translateY(-100px);opacity:0}50%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes expandy{0%{transform:translateY(-100px);opacity:0}50%{transform:translateY(0)}100%{transform:translateY(0);opacity:1}}.expando-button{cursor:pointer;float:left;height:28px;width:30px}.expando-button.selftext.collapsed,.expando-button.selftext.expanded{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed:hover,.expando-button.selftext.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed{background-position:-195px -256px}.expando-button.selftext.collapsed:hover{background-position:-155px -256px}.expando-button.selftext.expanded{background-position:-265px -218px}.expando-button.selftext.expanded:hover{background-position:-305px -218px}.expando-button.video.collapsed{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed:hover{background-image:url(%%spritesheet%%) !important}.expando-button.video.expanded{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed{background-position:-301px -256px}.expando-button.video.collapsed:hover{background-position:-261px -256px}.expando-button.video.expanded{background-position:-265px -218px}.expando-button.video.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat;background-position:-305px -218px}.expando-button.image{cursor:pointer;display:inline-block;height:28px !important;margin-right:11px;padding:0;vertical-align:top !important;width:30px !important}@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2){.expando-button{cursor:pointer;float:left;height:28px;width:30px;background:center center no-repeat #fff;background-size:341px 331px !important}.expando-button.selftext.collapsed,.expando-button.selftext.expanded{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed:hover,.expando-button.selftext.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed{background-position:-195px -256px}.expando-button.selftext.collapsed:hover{background-position:-155px -256px}.expando-button.selftext.expanded{background-position:-265px -218px}.expando-button.selftext.expanded:hover{background-position:-305px -218px}.expando-button.video.collapsed{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed:hover{background-image:url(%%spritesheet%%) !important}.expando-button.video.expanded{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed{background-position:-301px -256px}.expando-button.video.collapsed:hover{background-position:-261px -256px}.expando-button.video.expanded{background-position:-265px -218px}.expando-button.video.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat;background-position:-305px -218px}.expando-button.image{cursor:pointer;display:inline-block;height:28px !important;margin-right:11px;padding:0;vertical-align:top !important;width:30px !important}body>.content #siteTable .thing.self .thumbnail{background-image:url(%%spritesheet%%);background-position:-289px -139px;background-size:341px 331px}}.link .usertext-body .md{border-radius:0 !important;border:1px solid #7cb0d9;background-color:#fff}body>.content #siteTable .thing.self .thumbnail{background-image:url(%%spritesheet%%);width:45px;height:45px;margin:10px 15px 10px 10px;background-repeat:no-repeat !important;background-position:-289px -139px}body>.content #siteTable .thing.stickied .thumbnail{background-image:url(%%spritesheet%%);background-repeat:no-repeat !important;background-position:-289px -84px;margin-right:15px}body>.content #siteTable .thing .thumbnail.default,body>.content #siteTable .thing.over18 .thumbnail{background-image:url(%%spritesheet%%) !important;background-repeat:no-repeat !important;margin:10px 15px 10px 10px;width:45px;height:45px}body>.content #siteTable .thing.stickied .entry>.title .title{color:#00a64f;font-weight:400}body>.content #siteTable .thing.over18 .thumbnail{background-position:-286px -5px !important}body>.content #siteTable .thing .thumbnail.default{background-position:-47px -77px;background-size:341px 331px}.link .title,.submit-page #newlink.submit.content .btn,a[href*="#icon-more"]{font-family:"Segoe UI",Helvetica,sans-serif}.link{padding:10px 0;border-left:3px solid #cec0c0;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,0.1)}.link .title{color:#F54E7A}.link .title:visited{color:#b1b1b1}.link.thing.visited .title{color:#b1b1b1;padding:0 !important}.link.last-clicked{border:0;border-left:3px solid #f06292;background:#f0f8ff}.link .score.likes{color:#f06292}.link .score.dislikes{color:#7f7f7f}.link .flair{font-size:1em}.link .midcol{margin:5px 7px}.nextprev a{padding:5px 0 5px 15px;color:#fff;width:auto;display:block;background:#F54E7A;border-radius:0;font-size:small;margin-top:-12px;margin-right:-1px;margin-left:-5px;text-transform:capitalize}.linklisting .nextprev{font-size:0}.linklisting .stickied{border-left:3px solid #00a64f;background:rgba(0,166,79,0.1)}.linklisting .over18{border-left:3px solid #e2062c;background:rgba(225,6,44,0.1)}.linklisting .md{margin-bottom:0}.linklisting .usertext-edit div textarea{margin-left:-10px}.linklisting .reported{background:rgba(255,0,0,0.1);border-left:3px solid #e2062c}.report-reasons.rounded{display:block !important}.newComments{display:inline;color:#F54E7A}.linkinfo .totalvotes{color:#494949 !important}.arrow{background-image:url(%%spritesheet%%) !important;background-position:center center;outline:0 !important;border:none !important}.arrow.up{background-position:-289px -194px}.arrow.upmod{background-position:-296px -60px}.arrow.down{background-position:-321px -60px}.arrow.downmod{background-position:-271px -60px}.arrow.up:hover,.arrow.down:hover{opacity:0.6}body .linklisting{margin-right:330px;bottom:0;margin-top:-7px;padding:0;border-right:1px solid rgba(0,0,0,0.1)}.entry .buttons li a{padding:0px;font-size:1.145em}.tagline,.search-result-meta{font-size:1.145em}#siteTable .thing{margin-left:-5px !important;transition:all .2s}.listing-page .link:hover{border-left-color:#f06292;background:#f0f8ff}.entry .flat-list .report-button a,.res-nightmode .entry .flat-list .report-button a{color:#d9534f}.reddit-infobar{background:#fff;BORDER:1px solid #d7ecff}.reddit-infobar.with-icon{margin-left:-4px}.reddit-infobar.with-icon:before{background-color:solid #F54E7A;background-repeat:no-repeat}.c-btn-primary{background-color:solid #F54E7A;border-bottom:2px solid #4270a2;color:#fff;border-radius:0}.sitetable .comment{background-color:#FFF !important}.sitetable .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}a.author{margin-right:0.3em}.panestack-title{margin:0 330px 0 -5px;padding:4px 0px;background:#F54E7A;color:#fff;border-bottom:transparent}.panestack-title .title{font-size:1.3em;margin:10px 0 10px 10px}.panestack-title a.title-button{color:#fff !important}.panestack-title a.title-button.gold{background-color:transparent;border:none}.thing.stickied a.title{font-weight:700 !important;font-size:large}.green,.tagline .moderator{color:#00a64f;font-weight:700;padding-left:0;padding-right:1px}.entry .flat-list .approve-button a{color:#00a64f}.tagline .stickied-tagline{color:#00a64f}.tagline a:hover{color:#f06292 !important}.gold-accent{background-color:#F54E7A;border:none;display:inline-block;color:#fff !important}#noresults{padding:10px;margin-right:310px !important;color:#fff;background:#F54E7A;margin-left:5px !important;display:none}.commentarea .infobar{color:#eee;background:#F54E7A;border:none;display:flex}.commentarea .infobar a{color:#eee}.commentarea .infobar p{line-height:8px}.comments-page .sitetable.nestedlisting>.thing.stickied{border-bottom:solid 3px #00a64f;background:rgba(0,166,79,0.1) !important}.comments-page.linkflair-bug .flat-list a.flairselectbtn:after,.comments-page.linkflair-help .flat-list a.flairselectbtn:after{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}.comments-page .usertext-edit div textarea{background:url(%%wincore-2%%) 206px -213px no-repeat #FFF !important;border:1px solid #000 !important;opacity:.8;margin-top:5px;outline:0;display:block;clear:both;margin-bottom:10px}.comments-page .usertext-edit div textarea:focus{background:#FFF !important;opacity:1;border-color:#0078D6 !important}.comments-page .link{border-left:1px solid #c6c6c6 !important}.commentarea .menuarea{margin:5px 310px 5px 5px}.commentarea .md{margin-bottom:0}.md{overflow:visible}.md a{color:#F54E7A}.md code{white-space:normal}.md blockquote{border-left:2px solid #f06292;background-color:#efefed}.usertext.border .usertext-body{background-color:rgba(0,120,213,0.3);width:95%}.wiki-page .pageactions{border-radius:0;border:1px solid #f06292}.wiki-page .pageactions .wikiaction{margin:0 !important;border-radius:0 !important}.wiki-page .pageactions .wikiaction:hover{background-color:#f06292 !important;color:#fff !important}.wiki-page .pageactions .wikiaction-current{background-color:#F54E7A}.wiki-page .wiki-page-content .nextprev a{margin-bottom:12px}ul.tabmenu.formtab{padding-left:0}::selection{background-color:#f06292;color:#fff}.buttons .comments.empty{color:#F54E7A}.leavemoderator,.titlebox form.toggle{color:#000;background:#fff;border-left:5px solid #d7ecff;padding-left:10px;font-size:8pt;margin-right:5px;border-right:1px solid #d7ecff}#baconBit{width:394px !important;height:304px !important;background-image:url(%%res-easter-egg%%) no-repeat !important;transition:all 10s linear !important}.sheets .col textarea{width:98%;background:#1d1f21;color:#ddd !important;height:712px !important;font-family:SourceCodePro-Medium, monospace}.gadget .right a,a[href*="#tech"]{font-family:"Segoe UI",Helvetica,sans-serif;text-align:center}.sheets ::-webkit-scrollbar{background-color:#0f0f0f !important}.sheets ::-webkit-scrollbar-corner,.sheets ::-webkit-scrollbar-thumb{background:#313131 !important}.panestack-title{border-bottom:transparent}.infobar.newsletterbar{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;overflow:hidden;min-height:80px;padding:15px 20px 20px 25px;border:none;border-radius:0;background-color:#30659B;border-left:3px solid #ff4500;margin:-7px 325px 7px 0px;left:-5px}#eu-cookie-policy .reddit-infobar a{color:#222 !important}.leavemoderator{border-color:#393939 !important;background:#222 !important}.gadget .midcol{margin-right:9px}.gadget .right a{background:#F54E7A;padding:5px 10px;margin-right:5px;display:block;color:#fff;font-size:16px;transition:background-color .5s;text-transform:capitalize}.gadget .right a:hover{background:#f06292}span.clear-input-button{color:#fff}#newlink-with-image-upload .clear-input-button{border-radius:0 !important;width:33px !important;height:27px !important;top:0 !important;line-height:26px !important;border:1px solid grey;background:#F54E7A !important;transition:background-color .5s;right:-10px !important}#newlink-with-image-upload .clear-input-button:hover{background:#f06292 !important}#newlink-with-image-upload .image-upload-drop-target{padding:15px !important}#newlink-with-image-upload .file-upload-button{background:#F54E7A;border:none;padding:7px 20px !important;display:block !important;margin:6px -17px -17px !important;transition:background-color 0.5s}#newlink-with-image-upload .file-upload-button:hover{background:#f06292}@media (max-width: 880px){#siteTable_organic{margin-right:-5px}#header-bottom-left .tabmenu{width:calc(100% - 50px);padding-left:50px}.side{display:none}body .linklisting{margin-right:0 !important}.footer::after{display:none !important}.infobar{margin-right:18px}.footer{border-right:1px solid #F54E7A}.panestack-title{margin:0 0px 0 -5px}.infobar.newsletterbar{margin:-7px -5px 7px 0px}}.side{margin:0;padding-left:30px;background:0 0}.side:after{content:"/r/ClearShift theme";font-size:large;color:#F54E7A;margin-left:50px}.side .md h2{margin-top:1.4em;font-size:1.4em}.side .md h3{font-size:1.2em;color:#555;margin:2em 0 0.2em}.side .md h4{color:#888;margin-bottom:1.5em}.side .md p{margin:0.5em 0}.side .md p a{margin:0 .2em;font-size:1.1em}.side .md p a:first-child{margin-left:0}.side .md h1,.side .md h2,.side .md h3,.side .md h4{color:#fff;font-size:13px;font-weight:400}.side .md h1:after,.side .md h2:after,.side .md h3:after,.side .md h4:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-24px}.side .md h1 a,.side .md h2 a,.side .md h3 a,.side .md h4 a{color:#fff;font-size:13px}.side .md h1{color:#fff;font-size:13px}.side .md h1 a{color:#fff;font-size:13px}.side .titlebox div.subButtons,.side .titlebox h1.redditname+div,.side .titlebox>.fancy-toggle-button{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:8pt;border-radius:0;font-weight:400;margin:0 5px 0 0}.side .titlebox div.subButtons,.side .titlebox h1.redditname+div,.side .titlebox>.fancy-toggle-button{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}.side .titlebox div.subButtons,.side .titlebox>.fancy-toggle-button{width:269.3px}.side .titlebox>.fancy-toggle-button{display:block !important}.side div.titlebox ul{list-style-type:none;margin:0;padding:0}.side .subscribe-button .add{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}@-webkit-keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}@-moz-keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}@keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}.titlebox h1:after,.sidecontentbox .title:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-24px}div.side div.tagline{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0}div.side form.flairtoggle,div.side form.leavecontributor-button{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0}div.side span.subscribers{border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0;padding:7px 10px 10px;display:block !important;padding-top:5px;padding-bottom:10px;border-top:none}div.side span.subscribers span{vertical-align:middle}div.side span.subscribers span.number:before{background:url(%%spritesheet%%) -192px -5px;display:block;float:left;width:20px;height:20px;content:"";margin-right:5px;margin-top:-3px}div.side div.tagline{display:block !important}div.side form.flairtoggle{display:block}div.side div.leavemoderator{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side form.flairtoggle{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side p.users-online{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side div.tagline{padding-top:0;border-top:none}.morelink{border:1px solid #F54E7A;background:#F54E7A;width:145px;margin-right:5px;transition:all 0.5s;box-sizing:border-box}.morelink a{color:#fff;font-family:"Segoe UI",Helvetica,sans-serif;font-weight:400;letter-spacing:0;font-size:0.9em}.morelink:hover{background:#f06292;border-color:#f06292}.morelink:hover a{color:#fff;border-color:#f06292}.morelink .nub{display:none}.submit .morelink{float:left}.submit-page .titlebox h1{margin-top:0 !important}.redditname{margin-top:53px !important}.reddit-link{padding:7px 10px 10px;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:1em;margin-right:5px}.icon-menu li{display:block;margin:0;padding:7px 10px 10px !important;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;margin-right:5px !important}.search-page .side .spacer{margin:10px 0}.sidebox.create{display:none !important}.helplink ~ .content .author[href*=AutoModerator],.helplink ~ .content .author[href*=flair_your_post_bot]{display:none}.helplink ~ .content .author:after{content:'- Moderator';font-size:0.945em;margin-left:5px;color:#F54E7A}.helplink ~ .content .flair{display:none}.linkinfo{background-color:transparent}.sidecontentbox .helplink+.title h1{font-size:0}.sidecontentbox .helplink+.title h1:before{font-size:13px !important;content:"Moderators team";text-transform:capitalize}.helplink ~ .content .author .helplink ~ .content .author:hover{color:#f06292}.sidecontentbox .content .linkflairlabel{display:none}div.titlebox .md h3:hover+ul{display:block}div.titlebox .md ul li strong:first-child,div.titlebox .md ul:hover{display:block}div.titlebox .md ul li{border:none;margin-right:5px}.sidecontentbox .content a.author,.sidecontentbox .more{display:block;margin:0;padding:7px 10px 10px !important;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:0.945em;margin-right:5px !important}.sidecontentbox .content a.author:hover,.sidecontentbox .more:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}.sidecontentbox .content{border:none;padding:0}.sidecontentbox .more{text-align:center}.sidecontentbox .more a{color:#369}.icon-menu li:hover,.reddit-link:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}div.titlebox .md ul li{padding:7px 10px 10px;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:0.945em}div.titlebox .md ul li:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}div.titlebox div.styleToggle,div.titlebox span.fancy-toggle-button a.active{padding:5px 10px;background-color:#f06292;color:#fff;font-size:8pt;display:block !important;background-image:none;border-radius:0;font-weight:400;margin:0;border:none}div.titlebox div.styleToggle{background-color:#F54E7A;line-height:20px}div.titlebox div.styleToggle input,div.titlebox div.styleToggle label{vertical-align:middle;margin:0}div.titlebox span.fancy-toggle-button a.active.add:hover,div.titlebox span.fancy-toggle-button a.active.remove{background-color:#F54E7A}div.titlebox span.fancy-toggle-button a.active.remove:before{content:"";padding-right:5px}div.titlebox span.fancy-toggle-button a.active.remove:hover:after{content:"=(";font-style:italic;padding-left:5px}div.titlebox span.fancy-toggle-button a.active.add:before{content:"+";padding-right:5px;color:#fff}#RESShortcutsAdd,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort,#RESShortcutsTrash{width:17px !important}.sidecontentbox .content a.author{display:block;margin:0;padding:3px 0}.sidecontentbox .content a.author:hover{color:#f06292}#searchexpando{padding:10px;border:1px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:8pt;border-radius:0;font-weight:400;margin:0 5px 0 0;width:273px !important;border-left:1px solid #d7ecff}#search input[type=text]{width:295px !important;border-color:#F54E7A}.sidecontentbox .title{border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;font-weight:400;margin-top:0;margin-bottom:0;margin-left:-10px}div.titlebox .md h3:before{content:"+";color:#fff;padding-right:5px}div.titlebox .md h2,div.titlebox .md h3,div.titlebox .md h4{border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;font-weight:400;cursor:default;margin-top:0;margin-bottom:0;margin-left:-10px}div.titlebox h1{border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;font-weight:400;margin-top:0;margin-bottom:0;margin-left:-10px;font-size:13px}.leavemoderator,.users-online,.leavecontributor-button{display:none}.sidecontentbox a.helplink{margin-right:5px}.icon-menu a{background:0 0}.titlebox .bottom{border:none}.titlebox h1 a,.pagename a{color:#FFF}#RESShortcutsAdd,#RESShortcutsEditContainer,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort,#RESShortcutsTrash{background-color:transparent !important}#RESShortcutsAdd:hover,#RESShortcutsEditContainer:hover,#RESShortcutsLeft:hover,#RESShortcutsRight:hover,#RESShortcutsSort:hover,#RESShortcutsTrash:hover{color:#f0f0f0 !important}.titlebox .md h3+ul:hover,.titlebox .md h3:hover+ul{max-height:600px}div.titlebox .md h3+ul{display:block;transition:1.8s max-height ease-out;overflow:hidden;max-height:0}div.titlebox .md h3:hover+ul{transition:.8s max-height ease-out}div.commentarea .infobar p{background:#f06292;padding:10px;margin:-5px -5px -5px 10px}.linkinfo{padding:0;border:none}.linkinfo .score,.linkinfo .shortlink{color:#494949;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:8pt;margin-right:5px}.linkinfo .score{padding:7px 10px;margin-top:10px}.linkinfo .shortlink{display:block;font-weight:600;text-transform:capitalize;margin-top:0;padding:7px 10px 10px}.date{position:relative}.date:before{content:"Date ";display:block;color:#fff !important;text-transform:none;border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;cursor:pointer;margin-top:0;margin-bottom:6px;margin-left:-10px;font:400 small verdana, arial, helvetica, sans-serif}.date:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-19px;margin-top:-32px}.date span{display:block;background-color:#fff;padding:7px 0 10px 10px;border-left:5px solid #d7ecff;border-bottom:1px solid #d7ecff;margin:-6px 5px -10px 0;border-right:1px solid #d7ecff}.date span,.date time{color:#494949;font-size:9pt}.date time{position:absolute;top:50%;left:55%;padding:9px 0 10px 0}.totalvotes{display:block;background-color:#fff;color:#494949 !important;font-weight:600;text-transform:capitalize;margin-top:0;padding:7px 10px 10px;border-left:5px solid #d7ecff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:8pt !important;margin-right:5px}.linkinfo .shortlink input{height:10px;border:none;width:181px;font-size:13px}.submit-page .side:before{content:"Use search before posting";font-size:large;color:#E54661;margin-left:27px}.sidecontentbox a.helplink{float:none;margin-top:4px;clear:both;text-align:center;display:block;color:#fff;background:#F54E7A;box-sizing:border-box;margin-bottom:10px}.sidecontentbox a.helplink:hover{background:#f06292}.sidecontentbox .title h1,.sidecontentbox a.helplink{color:#fff}.account-activity-box,.sidecontentbox a.helplink{font-size:16px;padding:10px;transition:background-color .5s;text-transform:capitalize}.account-activity-box{display:block !important;background:#F54E7A;margin-right:5px}.account-activity-box:hover{background:#f06292}.account-activity-box a{color:#fff;padding:10px 70px}#header #header-bottom-right{background:0 0;bottom:-18px;top:auto;padding:3px;height:59px;font-family:"Segoe UI",Helvetica,sans-serif}#header-bottom-right .separator{display:none}#header-bottom-right .user{position:relative;top:0;width:119px;padding-left:42px;padding-top:5px;font-size:13px;color:#eaeaea;line-height:170%;background:url(%%spritesheet%%) -110px -289px no-repeat #F54E7A;float:left;border:2px solid #fff;cursor:pointer}#beta-help,.beta-hint a{position:absolute !important}#header-bottom-right .user>a{text-indent:4px;color:#FFF;display:block;line-height:12px;white-space:nowrap}#header-bottom-right .user span a{color:#fff}#header-bottom-right #mail{top:0;top:0 !important;width:42px;height:42px;display:inline-block}#header-bottom-right #modmail{position:absolute;margin-left:-267px;top:3px;padding-left:26px;padding-top:5px;background:url(%%spritesheet%%) -224px -72px no-repeat #F54E7A;border:2px solid #fff}#modmail.havemail{background:url(%%spritesheet%%) -224px -72px #ff4500 !important}#header #header-bottom-right #modmail:hover,#header #header-bottom-right .choice:hover,#header #header-bottom-right .user:hover{background-color:#f06292}#header #header-bottom-right .logout{display:inline-block}#header #header-bottom-right #mail,#header #header-bottom-right .choice,#header #header-bottom-right .logout a{margin-left:5px;width:42px;width:42px !important;height:42px;display:inline-block;text-indent:50px;overflow:hidden;transition:background-color 0.5s}#header #header-bottom-right #mail.nohavemail{background:url(%%spritesheet%%) 0px -114px no-repeat #F54E7A;border-radius:1px;border:2px solid #fff}#header #header-bottom-right #mail.havemail{background:url(%%spritesheet%%) 0px -114px no-repeat #ff4500}.res #header #header-bottom-right #mail.havemail{background:url(%%spritesheet%%) 0px -115px no-repeat #ff4500}#header #header-bottom-right #mail.havemail{border-radius:1px;border:2px solid #fff}#header #header-bottom-right .choice{background:url(%%spritesheet%%) -127px -114px no-repeat #F54E7A;border-radius:1px;border:2px solid #fff}.beta-hint{opacity:1}.beta-hint a{top:0;left:-78px;color:transparent !important;background-color:#F54E7A;background-image:url(%%spritesheet%%) !important;background-repeat:no-repeat !important;background-size:341px 331px !important;background-position:-72px -143px !important;width:42px;height:42px;border-radius:1px;border:2px solid #fff;transition:background-color 0.5s}.beta-hint a:hover{background-color:green !important}#beta-help{background:#FFFFE1 !important;color:#000 !important;left:1200px !important;top:170px !important}.res .beta-hint a{display:none}#header #header-bottom-right .logout a{background:url(%%spritesheet%%) -127px -42px no-repeat #F54E7A;border-radius:1px;border:2px solid #fff}#header #header-bottom-right #mail.havemail,#header #header-bottom-right #mail.nohavemail{border-bottom:none}#header #header-bottom-right .choice,#header #header-bottom-right .logout a{border-bottom:none}#header-bottom-right #modmail,#header-bottom-right .user{border-bottom:none}.user .userkarma{border-bottom:none}#header #header-bottom-right #mail:hover,#header #header-bottom-right .choice:hover,#header #header-bottom-right .user:hover{background-color:#f06292}#header #header-bottom-right .logout a:hover{text-indent:-99999px;color:#fff;background:url(%%spritesheet%%) -127px -42px no-repeat #ce352c}#openRESPrefs{position:absolute;right:365px;top:22px}#mailCount{position:absolute;left:208px;top:-2px;color:#fff;font-size:14px;overflow:hidden}.message-count{background:#f06292;height:42px;font-size:medium;line-height:42px !important;margin-left:-4px;vertical-align:top;display:none}.user .userkarma{cursor:help}#RESAccountSwitcherIconOverlay{display:none !important}#RESAccountSwitcherIcon{float:right;margin-right:5px;margin-top:-10px;background:url(%%spritesheet%%) -264px -5px no-repeat !important}.side .usertext-body .md ol{position:absolute;top:30px;right:0;margin:0 30px 0 0;padding:0;z-index:99}.md-container-small .md .-text,.md-container-small .md li,.md-container-small .md p,.md-container-small .md pre>code,.md-container-small .md td,.md-container-small .md th{list-style:none}.side .usertext-body .md ol a[href$="#special"]{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:3s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}.side .md .-text,.side .md li,.side .md p,.side .md pre>code,.side .md td,.side .md th{list-style:none}.side .usertext-body .md ol a{background-color:#57b5ff;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;opacity:0.8}.side .usertext-body .md ol a:hover{opacity:1}.side .md>ol li a[href$='#special']:after,.side .md>ol li a[href$='#special']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#special']{border:2px solid #fefefe;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;transition:opacity .5s;background-color:#1686f0;opacity:0.8}.side .usertext-body .md ol a[href$='#special']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px;background-color:#F54E7A;content:"Event";color:#fff}.side .usertext-body .md ol a[href$='#special']:hover{opacity:1}.side .usertext-body .md ol a[href$='#achieve']{border:2px solid #fefefe;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;transition:opacity .5s;background-color:#28bc07;opacity:0.8}.side .usertext-body .md ol a[href$='#achieve']:hover{opacity:1}.side .md>ol li a[href$='#sticky']:after,.side .md>ol li a[href$='#sticky']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#achieve']:before,.side .usertext-body .md ol a[href$='#sticky']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#achieve']:before{background-color:#0d9605;content:"Achievement unlocked";color:#fff}.side .usertext-body .md ol a[href$='#sticky'],.side .usertext-body .md ol a[href$='#stickyg']{font-weight:400;padding:5px 5px 5px 0;margin-bottom:3px;border:2px solid #fefefe;display:inline-block;font-size:12px;transition:opacity .5s;text-decoration:none}.side .usertext-body .md ol a[href$='#sticky']{background-color:#1686f0;opacity:0.8}.side .usertext-body .md ol a[href$='#sticky']:hover{opacity:1}.side .usertext-body .md ol a[href$='#stickyg']:hover{opacity:1}.side .usertext-body .md ol a[href$='#sticky']:before{background-color:#F54E7A;content:"Sticky";color:#fff}.side .usertext-body .md ol a[href$='#stickyg']{background-color:#28bc07;opacity:0.8}.side .md>ol li a[href$='#achieve']:after,.side .md>ol li a[href$='#achieve']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .md>ol li a[href$='#update']:after,.side .md>ol li a[href$='#update']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#stickyg']:before,.side .usertext-body .md ol a[href$='#update']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#stickyg']:before{background-color:#0d9605;content:"Sticky";color:#fff}.side .usertext-body .md ol a[href$='#update']{border:2px solid #fefefe;background-color:#1686f0;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;opacity:.8;transition:opacity 0.5s}.side .usertext-body .md ol a[href$='#update']:before{background-color:#F54E7A;content:"Update";color:#fff}.side .usertext-body .md ol a[href$='#update']:hover{opacity:1}.side .md del{color:#fff;text-decoration:none}.md a:hover{color:#f06292}.res-nightmode body,html[lang^=nm] body{background:#1a1a1a !important}.res-nightmode #sr-header-area,html[lang^=nm] #sr-header-area{background-color:#0C1722}.res-nightmode a,html[lang^=nm] a{color:#f8f8ff}.res-nightmode .morelink a,.res-nightmode a[href*="#Donsiders"],.res-nightmode a[href*="#btn"],html[lang^=nm] .morelink a,html[lang^=nm] a[href*="#Donsiders"],html[lang^=nm] a[href*="#btn"]{color:#fff !important}.res-nightmode .shortlink input,html[lang^=nm] .shortlink input{background:#393939;color:#ddd}.res-nightmode #previoussearch #moresearchinfo,.res-nightmode .roundfield label,.res-nightmode .search-result-body,.res-nightmode div.side #searchexpando,.res-nightmode .submit-page .roundfield .title,.res-nightmode .md,.res-nightmode .md blockquote,.res-nightmode .md del,.res-nightmode .comments-page .usertext-edit div textarea,html[lang^=nm] #previoussearch #moresearchinfo,html[lang^=nm] .roundfield label,html[lang^=nm] .search-result-body,html[lang^=nm] div.side #searchexpando,html[lang^=nm] .submit-page .roundfield .title,html[lang^=nm] .md,html[lang^=nm] .md blockquote,html[lang^=nm] .md del,html[lang^=nm] .comments-page .usertext-edit div textarea{color:#eee !important}.res-nightmode .md blockquote,html[lang^=nm] .md blockquote{background:rgba(0,87,166,0.24);border-left:2px solid #f06292 !important;color:#888 !important}.res-nightmode .md code,html[lang^=nm] .md code{border:none !important;background-color:#393939 !important;border-radius:0 !important;border-left:3px solid #f06292 !important}.res-nightmode .commentingAs,.res-nightmode .date time,.res-nightmode .linkinfo .score,.res-nightmode .linkinfo .shortlink,.res-nightmode .side .titlebox>.fancy-toggle-button,.res-nightmode .edit-stylesheet.choice:after,.res-nightmode .wiki-page .wiki-page-content,html[lang^=nm] .commentingAs,html[lang^=nm] .date time,html[lang^=nm] .linkinfo .score,html[lang^=nm] .linkinfo .shortlink,html[lang^=nm] .side .titlebox>.fancy-toggle-button,html[lang^=nm] .edit-stylesheet.choice:after,html[lang^=nm] .wiki-page .wiki-page-content{color:#ddd !important}.res-nightmode .date span,.res-nightmode .date time,html[lang^=nm] .date span,html[lang^=nm] .date time{border-bottom:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode #header,.res-nightmode #newlink-with-image-upload #new-link-preview,.res-nightmode .account-activity-box,.res-nightmode .date:before,.res-nightmode .morelink,.res-nightmode .nextprev a,.res-nightmode .titlebox h1,html[lang^=nm] #header,html[lang^=nm] #newlink-with-image-upload #new-link-preview,html[lang^=nm] .account-activity-box,html[lang^=nm] .date:before,html[lang^=nm] .morelink,html[lang^=nm] .nextprev a,html[lang^=nm] .titlebox h1{background:#222 !important}.res-nightmode #header #header-bottom-right #mail:hover,.res-nightmode #header #header-bottom-right #modmail:hover,.res-nightmode #header #header-bottom-right .choice:hover,.res-nightmode #header #header-bottom-right .logout:hover,.res-nightmode #header #header-bottom-right .user:hover,html[lang^=nm] #header #header-bottom-right #mail:hover,html[lang^=nm] #header #header-bottom-right #modmail:hover,html[lang^=nm] #header #header-bottom-right .choice:hover,html[lang^=nm] #header #header-bottom-right .logout:hover,html[lang^=nm] #header #header-bottom-right .user:hover{background-color:#393939 !important}.res-nightmode #header #header-bottom-right .logout a,.res-nightmode #header #header-bottom-right .nohavemail#mail,html[lang^=nm] #header #header-bottom-right .logout a,html[lang^=nm] #header #header-bottom-right .nohavemail#mail{background-color:transparent !important;outline:0 !important}.res-nightmode #header-bottom-right #modmail,.res-nightmode #header-bottom-right .choice,.res-nightmode #header-bottom-right .user,html[lang^=nm] #header-bottom-right #modmail,html[lang^=nm] #header-bottom-right .choice,html[lang^=nm] #header-bottom-right .user{background-color:transparent !important;outline:0 !important}.res-nightmode #header-bottom-left .tabmenu,.res-nightmode #header-img,.res-nightmode #header-img.default-header,html[lang^=nm] #header-bottom-left .tabmenu,html[lang^=nm] #header-img,html[lang^=nm] #header-img.default-header{background:transparent !important}.res-nightmode #header-bottom-left .tabmenu,.res-nightmode .new-comment .usertext-body,html[lang^=nm] #header-bottom-left .tabmenu,html[lang^=nm] .new-comment .usertext-body{background-color:transparent;border:none}.res-nightmode .date,html[lang^=nm] .date{color:#ddd !important}.res-nightmode .date::before,html[lang^=nm] .date::before{color:#ddd !important}.res-nightmode .flair,html[lang^=nm] .flair{color:#ddd !important}.res-nightmode .footer,html[lang^=nm] .footer{border-right:none !important;border-top:none}.res-nightmode .footer div.col a,.res-nightmode .footer::after,html[lang^=nm] .footer div.col a,html[lang^=nm] .footer::after{color:#ddd !important}.res-nightmode div.side div.tagline,.res-nightmode div.side form.flairtoggle,.res-nightmode div.side span.subscribers,html[lang^=nm] div.side div.tagline,html[lang^=nm] div.side form.flairtoggle,html[lang^=nm] div.side span.subscribers{background:#222 !important;color:#ddd !important}.res-nightmode div.titlebox .md ul li,html[lang^=nm] div.titlebox .md ul li{background:#222 !important;color:#ddd !important}.res-nightmode .sidecontentbox .title,.res-nightmode .sidecontentbox a.helplink,html[lang^=nm] .sidecontentbox .title,html[lang^=nm] .sidecontentbox a.helplink{background:#222 !important}.res-nightmode div.titlebox .md h1,.res-nightmode div.titlebox .md h2,.res-nightmode div.titlebox .md h3,.res-nightmode div.titlebox .md h4,html[lang^=nm] div.titlebox .md h1,html[lang^=nm] div.titlebox .md h2,html[lang^=nm] div.titlebox .md h3,html[lang^=nm] div.titlebox .md h4{background:#222 !important}.res-nightmode #searchexpando,.res-nightmode .icon-menu li,.res-nightmode .totalvotes,.res-nightmode .reddit-link,.res-nightmode .sidecontentbox .content a.author,.res-nightmode .sidecontentbox .more,.res-nightmode .reddit-link,.res-nightmode .linkinfo .score,.res-nightmode .linkinfo .shortlink,.res-nightmode div.titlebox .md ul li,html[lang^=nm] #searchexpando,html[lang^=nm] .icon-menu li,html[lang^=nm] .totalvotes,html[lang^=nm] .reddit-link,html[lang^=nm] .sidecontentbox .content a.author,html[lang^=nm] .sidecontentbox .more,html[lang^=nm] .reddit-link,html[lang^=nm] .linkinfo .score,html[lang^=nm] .linkinfo .shortlink,html[lang^=nm] div.titlebox .md ul li{border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode #searchexpando:hover,.res-nightmode .icon-menu li:hover,.res-nightmode .totalvotes:hover,.res-nightmode .reddit-link:hover,.res-nightmode .sidecontentbox .content a.author:hover,.res-nightmode .sidecontentbox .more:hover,.res-nightmode .reddit-link:hover,.res-nightmode .linkinfo .score:hover,.res-nightmode .linkinfo .shortlink:hover,.res-nightmode div.titlebox .md ul li:hover,html[lang^=nm] #searchexpando:hover,html[lang^=nm] .icon-menu li:hover,html[lang^=nm] .totalvotes:hover,html[lang^=nm] .reddit-link:hover,html[lang^=nm] .sidecontentbox .content a.author:hover,html[lang^=nm] .sidecontentbox .more:hover,html[lang^=nm] .reddit-link:hover,html[lang^=nm] .linkinfo .score:hover,html[lang^=nm] .linkinfo .shortlink:hover,html[lang^=nm] div.titlebox .md ul li:hover{background-color:#393939 !important;border-left-color:#7cb0d9 !important}.res-nightmode div.side div.leavemoderator,.res-nightmode div.side p.users-online,.res-nightmode div.side span.subscribers,.res-nightmode div.side form.leavecontributor-button,.res-nightmode div.side .titlebox div.subButtons,.res-nightmode div.side .titlebox h1.redditname+div,.res-nightmode div.side .titlebox>.fancy-toggle-button,html[lang^=nm] div.side div.leavemoderator,html[lang^=nm] div.side p.users-online,html[lang^=nm] div.side span.subscribers,html[lang^=nm] div.side form.leavecontributor-button,html[lang^=nm] div.side .titlebox div.subButtons,html[lang^=nm] div.side .titlebox h1.redditname+div,html[lang^=nm] div.side .titlebox>.fancy-toggle-button{border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode div.side div.tagline,.res-nightmode div.side form.flairtoggle,html[lang^=nm] div.side div.tagline,html[lang^=nm] div.side form.flairtoggle{border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;border-bottom:none !important;background:#222 !important}.res-nightmode .titlebox form.toggle,html[lang^=nm] .titlebox form.toggle{background:#222;border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;color:#eee}.res-nightmode .sitetable .comment .comment,html[lang^=nm] .sitetable .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment,html[lang^=nm] .sitetable .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode button,html[lang^=nm] button{border:none;background-color:#222 !important}.res-nightmode a[href*="#square"]::before,html[lang^=nm] a[href*="#square"]::before{border:3px solid #393939}.res-nightmode .link,html[lang^=nm] .link{border-bottom:1px solid #2D2E32 !important;border-right:1px solid #2D2E32 !important}.res-nightmode .listing-page .link:hover,html[lang^=nm] .listing-page .link:hover{background:#393939 !important;border-left-color:#a9a9a9 !important}.res-nightmode div.titlebox .md ul li:hover,html[lang^=nm] div.titlebox .md ul li:hover{background-color:#393939 !important;border-left-color:#7cb0d9 !important}.res-nightmode div.titlebox .md h1:after,.res-nightmode div.titlebox .md h2:after,.res-nightmode div.titlebox .md h3:after,.res-nightmode div.titlebox .md h4:after,html[lang^=nm] div.titlebox .md h1:after,html[lang^=nm] div.titlebox .md h2:after,html[lang^=nm] div.titlebox .md h3:after,html[lang^=nm] div.titlebox .md h4:after{display:block;position:absolute;z-index:-1;border-color:transparent #393939 transparent transparent !important}.res-nightmode div.titlebox h1:after,.res-nightmode div.titlebox .sidecontentbox .title:after,html[lang^=nm] div.titlebox h1:after,html[lang^=nm] div.titlebox .sidecontentbox .title:after{display:block;position:absolute;z-index:-1;border-color:transparent #393939 transparent transparent !important}.res-nightmode .flairselector,.res-nightmode .comments-page .usertext-edit div textarea,.res-nightmode #eu-cookie-policy .reddit-infobar,.res-nightmode #search input[type=text],html[lang^=nm] .flairselector,html[lang^=nm] .comments-page .usertext-edit div textarea,html[lang^=nm] #eu-cookie-policy .reddit-infobar,html[lang^=nm] #search input[type=text]{background-color:#222 !important;color:#ddd}.res-nightmode #header-bottom-left .tabmenu li.selected a,.res-nightmode .link .usertext-body .md,.res-nightmode .debuginfo,.res-nightmode .sidecontentbox a.helplink:hover,.res-nightmode .cookie-infobar.with-icon:before,.res-nightmode div.titlebox span.fancy-toggle-button a.active.remove,.res-nightmode .link .score .likes,.res-nightmode .nextprev a:hover,.res-nightmode .side .morelink a:hover,.res-nightmode button:hover,.res-nightmode .account-activity-box:hover,html[lang^=nm] #header-bottom-left .tabmenu li.selected a,html[lang^=nm] .link .usertext-body .md,html[lang^=nm] .debuginfo,html[lang^=nm] .sidecontentbox a.helplink:hover,html[lang^=nm] .cookie-infobar.with-icon:before,html[lang^=nm] div.titlebox span.fancy-toggle-button a.active.remove,html[lang^=nm] .link .score .likes,html[lang^=nm] .nextprev a:hover,html[lang^=nm] .side .morelink a:hover,html[lang^=nm] button:hover,html[lang^=nm] .account-activity-box:hover{background-color:#393939 !important}.res-nightmode .comment .usertext .md p>a:visited,.res-nightmode .md a,.res-nightmode h2 a:visited,html[lang^=nm] .comment .usertext .md p>a:visited,html[lang^=nm] .md a,html[lang^=nm] h2 a:visited{color:#3498db}.res-nightmode ::-webkit-scrollbar,html[lang^=nm] ::-webkit-scrollbar{background-color:#393939}.res-nightmode ::-webkit-scrollbar-thumb,html[lang^=nm] ::-webkit-scrollbar-thumb{background-color:#666;border:2px solid #333;transition:background-color 0.5s}.res-nightmode ::-webkit-scrollbar-thumb:hover,html[lang^=nm] ::-webkit-scrollbar-thumb:hover{background-color:#555;transition:background-color 0.5s}.res-nightmode ::-webkit-scrollbar-thumb:active,html[lang^=nm] ::-webkit-scrollbar-thumb:active{background-color:#bbb}.res-nightmode ::-webkit-scrollbar-corner,html[lang^=nm] ::-webkit-scrollbar-corner{color:#555}.res-nightmode textarea,html[lang^=nm] textarea{color:#000 !important}.res-nightmode .content,html[lang^=nm] .content{margin-bottom:0;margin-top:0}.res-nightmode input[type=button],.res-nightmode input[type=reset],.res-nightmode input[type=submit],html[lang^=nm] input[type=button],html[lang^=nm] input[type=reset],html[lang^=nm] input[type=submit]{border:none}.res-nightmode .side .spacer .titlebox .redditname,html[lang^=nm] .side .spacer .titlebox .redditname{border-left-color:#f06292}.res-nightmode .gold-accent,html[lang^=nm] .gold-accent{background:#F54E7A}.res-nightmode .thing .title:visited,.res-nightmode .thing.visited .title,html[lang^=nm] .thing .title:visited,html[lang^=nm] .thing.visited .title{color:#808c94}.res-nightmode .thing .title,html[lang^=nm] .thing .title{color:#B5C4D0}.res-nightmode .content.submit .info-notice,.res-nightmode .submit-page .roundfield,html[lang^=nm] .content.submit .info-notice,html[lang^=nm] .submit-page .roundfield{background-color:#222;color:#eee}.res-nightmode #header #header-bottom-right #mail.havemail,html[lang^=nm] #header #header-bottom-right #mail.havemail{outline:0}.res-nightmode .formtabs-content .infobar,html[lang^=nm] .formtabs-content .infobar{border-color:transparent !important}.res-nightmode .infobar,html[lang^=nm] .infobar{border-color:#ff4500 !important}.res-nightmode span.score,html[lang^=nm] span.score{color:#888 !important}.res-nightmode .comment.spam>.child,.res-nightmode .message.spam>.child,.res-nightmode .usertext.grayed .usertext-body,html[lang^=nm] .comment.spam>.child,html[lang^=nm] .message.spam>.child,html[lang^=nm] .usertext.grayed .usertext-body{background-color:transparent}.res-nightmode div.commentarea .infobar,html[lang^=nm] div.commentarea .infobar{color:#eee;border:none}.res-nightmode .comment,html[lang^=nm] .comment{border:1px solid #43474F}.res-nightmode a[href*='#icon-day'],html[lang^=nm] a[href*='#icon-day']{display:inline-block !important}.res-nightmode a[href*='#icon-day']::before,html[lang^=nm] a[href*='#icon-day']::before{display:inline-block !important;display:none;height:20px;width:20px;content:'';margin:0 7px -4px 0;background:url(%%spritesheet%%) -85px -294px}.res-nightmode a[href*='#icon-night'],html[lang^=nm] a[href*='#icon-night']{display:none}.res-nightmode a[href*="#icon-chat"]::before,html[lang^=nm] a[href*="#icon-chat"]::before{background-image:url(%%wincore-2%%);background-position:-5px -405px}.res-nightmode a[href*="#icon-feedback"]::before,html[lang^=nm] a[href*="#icon-feedback"]::before{background-position:-47px -149px}.res-nightmode a[href*="#icon-feedback2"]::before,html[lang^=nm] a[href*="#icon-feedback2"]::before{background-position:-5px -375px}.res-nightmode a[href*="#iconz-tips"]::before,html[lang^=nm] a[href*="#iconz-tips"]::before{background-position:-234px -47px}.res-nightmode a[href*="#iconz-updates"]::before,html[lang^=nm] a[href*="#iconz-updates"]::before{background-position:-259px -119px}.res-nightmode a[href*="#iconz-faq"]::before,html[lang^=nm] a[href*="#iconz-faq"]::before{background-position:-174px -47px}.res-nightmode a[href*="#iconz-install"]::before,html[lang^=nm] a[href*="#iconz-install"]::before{background-position:-259px -119px}.res-nightmode a[href*="#iconz-wiki"]::before,html[lang^=nm] a[href*="#iconz-wiki"]::before{background-position:-204px -149px}.res-nightmode #siteTable .thing,.res-nightmode .link.promotedlink,html[lang^=nm] #siteTable .thing,html[lang^=nm] .link.promotedlink{background:#202020}.res-nightmode .organic-listing,html[lang^=nm] .organic-listing{background:none !important}.res-nightmode body>.content #siteTable .thing.self .thumbnail,html[lang^=nm] body>.content #siteTable .thing.self .thumbnail{background-position:-77px -5px}.res-nightmode body>.content #siteTable .thing .thumbnail.default,html[lang^=nm] body>.content #siteTable .thing .thumbnail.default{background-position:-174px -77px}.res-nightmode div.side span.subscribers span.number:before,html[lang^=nm] div.side span.subscribers span.number:before{background-position:-162px -5px}.res-nightmode .expando-button.selftext.collapsed,html[lang^=nm] .expando-button.selftext.collapsed{background-position:-5px -242px}.res-nightmode .expando-button.selftext.collapsed:hover,html[lang^=nm] .expando-button.selftext.collapsed:hover{background-position:-225px -204px}.res-nightmode .expando-button.selftext.expanded,html[lang^=nm] .expando-button.selftext.expanded{background-position:-65px -204px}.res-nightmode .expando-button.selftext.expanded:hover,html[lang^=nm] .expando-button.selftext.expanded:hover{background-position:-105px -204px}.res-nightmode .expando-button.video.collapsed,html[lang^=nm] .expando-button.video.collapsed{background-position:-85px -242px}.res-nightmode .expando-button.video.collapsed:hover,html[lang^=nm] .expando-button.video.collapsed:hover{background-position:-45px -242px}.res-nightmode .expando-button.video.expanded,html[lang^=nm] .expando-button.video.expanded{background-position:-65px -204px}.res-nightmode .expando-button.video.expanded:hover,html[lang^=nm] .expando-button.video.expanded:hover{background-position:-105px -204px}.res-nightmode .date:after,html[lang^=nm] .date:after{border-color:transparent #393939 transparent transparent !important}.res-nightmode .date span,html[lang^=nm] .date span{border-left:5px solid #393939 !important;color:#ddd;border-right-color:#393939}.res-nightmode .date time,html[lang^=nm] .date time{border-right:1px solid #393939 !important}.res-nightmode .link.last-clicked,html[lang^=nm] .link.last-clicked{background:#393939 !important}.res-nightmode .comments-page .link,html[lang^=nm] .comments-page .link{border-left:3px solid transparent}.res-nightmode .res .RES-keyNav-activeElement{background-color:#292929 !important}.res-nightmode .res .commentarea .RES-keyNav-activeElement .md,.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed{background-color:#292929 !important}.res-nightmode .RES-keyNav-activeElement{background-color:#292929 !important}.res-nightmode .RES-keyNav-activeElement .md-container{background-color:#292929 !important}.res-nightmode .arrow.upmod{background-position:-296px -60px !important}.res-nightmode .arrow.down{background-position:-321px -60px !important}.res-nightmode .arrow.up{background-position:-289px -194px !important}.res-nightmode .arrow.downmod{background-position:-271px -60px !important}.res-nightmode .side .titlebox>.fancy-toggle-button{background:#222 !important;color:#ddd !important}.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container{background-color:transparent !important}.res #sr-header-area #srDropdownContainer a:hover{opacity:1}.res .comment .midcol{margin-left:20px}.res .comment .new-comment{border:2px solid #FFAB91 !important;border-radius:0px !important}.res #sr-header-area #srDropdownContainer a{width:35px;height:23px;padding:0;margin:0;display:block;background:url(%%spritesheet%%) -225px -252px no-repeat;line-height:35px;text-indent:-999em}.res .RES-keyNav-activeElement,.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .noncollapsed .RES-keyNav-activeElement.entry{background-color:0 0 !important}.res .RESDashboardToggle,.res .RESshortcutside{background:0 0;border:none;font-weight:400;text-transform:uppercase}.res .sitetable .sitetable{margin-right:0}.RESSubscriptionButton{color:#fff !important;border-radius:1px !important;background-color:transparent !important}.RESSubscriptionButton{border:none !important}#RESAnnouncementAlert,#userbarToggle,.multi-count,.sidecontentbox .content .RESUserTagImage::after,.res .sidebox.create,.res .message-count,.res .side .userTagLink{display:none !important}#RESSettingsButton{right:20px;top:3px}#RESStaticShortcuts{line-height:25px}.footer{border-bottom:1px solid #F54E7A;padding:0;border-left:1px solid #F54E7A}.footer::after{border-bottom:1px solid #F54E7A;display:block;margin-top:0;padding:10px;padding-top:8px !important;color:#000;content:"Designed by /u/Jaskys";font-size:16px;font-family:"Segoe UI",Helvetica,sans-serif;border-top:34px solid #F54E7A;border-right:1px solid #F54E7A;margin-bottom:-1.1px;width:90px}.footer div.col{position:relative;margin:0;padding:0;width:176px;height:auto;font-family:"Segoe UI",Helvetica,sans-serif}.footer div.col .title{font-size:16px;text-transform:capitalize;padding:8px;color:#fff;background:#F54E7A;max-height:18px}.footer div.col a{display:block;margin:5px;padding:3px 4px 3px 7px;color:#000}.footer div.col a:hover{color:#000;text-decoration:none;background:#fff}.footer p.bottommenu{font-weight:700;color:#FFF;clear:left;padding:6px}.footer p.bottommenu a{font-weight:700;color:#FFF}.footer .col{border-left:none !important}.debuginfo{background:#F6F6F6}.rounded{border-radius:0}.flat-vert{text-align:center}.titlebox h1.redditname a{font-size:0}.titlebox h1.redditname a:after{content:"Windows Apps";color:#fff;font:400 small verdana, arial, helvetica, sans-serif}#header .redditname a{font-size:0;background:url(%%wincore-2%%) -5px -5px no-repeat;margin-left:10px;height:100px;display:block;position:absolute;top:30px}#header .redditname a:hover{background:url(%%wincore-2%%) -5px -115px no-repeat !important;text-decoration:none}#header .redditname a:after{content:"Windows Apps";font-size:70px;font-weight:lighter;color:#ECF0F1;font-family:"Segoe UI Light",Helvetica,sans-serif;letter-spacing:.05em;margin-left:100px;line-height:100px;font-variant:normal;transition:background-color 0.5s}.flair-mod,.flair-msft{border:none;background:0 0;font-weight:700}.flair-mod:before,.flair-msft:before{content:"- "}.sidecontentbox .flair-mod{display:none}.flair-mod{color:#00a64f}.linklisting .flair-msft:after{display:none}.flair-msft{height:16px;line-height:16px;color:#0078D7;padding:0}.flair-msft:after{content:"Microsoft Employee";position:absolute;top:-0.7px;right:-1px;bottom:-1px;left:-1px;text-align:right;padding:.25em .5em;border:3px solid #8bb9e2;pointer-events:none}.author[href$=Adam-MSFT],.author[href$=Dave_MSFT],.author[href$=DrPreppy],.author[href$=EKILBO],.author[href$=Giffdev],.author[href$=James-MSFT],.author[href$=KritiMSFT],.author[href$=MailmanOdd],.author[href$=MasterDevwi],.author[href$=MsftHealthWill],.author[href$=NorthFaceHiker],.author[href$=Psychlist1972],.author[href$=Sawan-Msft],.author[href$=Sawan-MSFT],.author[href$=StephA_MSFT],.author[href$=Zev_MSFT],.author[href$=adam_msft],.author[href$=anaotero-MSFT],.author[href$=anbutle],.author[href$=anthonykinseymsft],.author[href$=bbyboi],.author[href$=bitcrazed],.author[href$=bloodytemplar],.author[href$=devbent],.author[href$=donaMSFT],.author[href$=jenmsft],.author[href$=Sean_MSFT],.author[href$=jeremy_msft],.author[href$=johnwinkmsft],.author[href$=josh_msft],.author[href$=kylealden],.author[href$=maheshrd],.author[href$=mike_msft],.author[href$=msftbanddev],.author[href$=msftbilly],.author[href$=mvaneerde],.author[href$=ooeygui],.author[href$=samersaw],.author[href$=sjarawan],.author[href$=stefohneee],.author[href$=toma_msft],.author[href$=vpmsft],.author[href$=xander-msft],.author[href$=zac_l],.author[href$=craigbarkhouse],.author[href$=elvenharps],.author[href$=nerdile],.author[href$=einarmsft],.author[href$=yosefdurr],.author[href$=Travis_MSFT],.author[href$=caithartMSFT],.author[href$=ClayMSFT]{color:#0078D7;font-weight:700}.author[href$=ildun],.author[href$=Katsuga50]{color:#e67e22;font-weight:700}.flair-wiki{color:#e67e22;font-weight:700;height:16px;line-height:16px;border:none;background:0 0;padding:0}.flair-wiki:before{content:"- "}html:lang(nh) .linkflair-bug,html:lang(nh) .linkflair-help{display:none !important}.flairselector{background-color:#fff}.linkflair-help .linkflairlabel{background-color:#FF6138;border-color:#FF6138}.linkflair-solved .linkflairlabel{background-color:#008a00;border-color:#008a00}.linkflair-unresolved .linkflairlabel{background-color:#FF7D4D;border-color:#FF7D4D}.linkflair-bug .linkflairlabel{background-color:#ce352c;border-color:#ce352c}.linkflair-update .linkflairlabel{background-color:#0078D7;border-color:#0078D7}.linkflair-feature .linkflairlabel{background-color:#00aba9;border-color:#00aba9}.linkflair-discussion .linkflairlabel{background-color:#ff9e00;border-color:#ff9e00}.linkflair-hardware .linkflairlabel{background-color:#f0a30a;border-color:#f0a30a}.linkflair-tip .linkflairlabel{background-color:#468966;border-color:#468966}.linkflair-meta .linkflairlabel{background-color:#4390df;border-color:#4390df}.linkflair-app .linkflairlabel{background-color:#bf5a15;border-color:#bf5a15}.linkflair-gaming .linkflairlabel{background-color:#107c10;border-color:#107c10}.linkflair-question .linkflairlabel{background-color:#008a00;border-color:#008a00}.linkflair-news .linkflairlabel{background-color:#F2385A;border-color:#F2385A}.linkflair-official .linkflairlabel{background-color:#2086bf;border-color:#2086bf}.linkflair-oc .linkflairlabel{background-color:#76608a;border-color:#76608a}.linkflair-concept .linkflairlabel{background-color:#14B6F5;border-color:#14B6F5}.linkflair-request .linkflairlabel{background-color:#00aba9;border-color:#00aba9}.side a[href*='#update'],.side a[href*='#official'],.side a[href*='#news'],.side a[href*='#help'],.side a[href*='#solved'],.side a[href*='#unresolved'],.side a[href*='#bug'],.side a[href*='#feature'],.side a[href*='#discussion'],.side a[href*='#hardware'],.side a[href*='#tip'],.side a[href*='#meta'],.side a[href*='#gaming'],.side a[href*='#app'],.side a[href*='#original%20content'],.side a[href*='#concept'],.side a[href*='#request'],.side a[href*='#question'],.side a[href*='#hideflair'],.side a[href*='#hidehelp']{display:inline-block;position:relative;text-align:center;font-size:80%;padding:3px 10px;color:#fff;margin:3px}.side a[href*='#official']{background:#2086bf}.side a[href*='#news']{background:#F2385A}.side a[href*='#help']{background:#FF6138}.side a[href*='#solved']{background:#008a00}.side a[href*='#unresolved']{background:#FF7D4D}.side a[href*='#bug']{background:#ce352c}.side a[href*='#update']{background:#81003c}.side a[href*='#feature']{background:#00aba9}.side a[href*='#discussion']{background:#bf5a15}.side a[href*='#hardware']{background:#f0a30a}.side a[href*='#tip']{background:#468966}.side a[href*='#meta']{background:#4390df}.side a[href*='#gaming']{background:#76608a}.side a[href*='#app']{background:#bf5a15}.side a[href*='#original%20content']{background:#0B9C67}.side a[href*='#concept']{background:#14B6F5}.side a[href*='#request']{background:#00aba9}.side a[href*='#question']{background:#008a00}.side a[href*='#hideflair'],.side a[href*='#hidehelp']{background:#E42608}.side a[href*='#update']:hover,.side a[href*='#official']:hover,.side a[href*='#news']:hover,.side a[href*='#help']:hover,.side a[href*='#solved']:hover,.side a[href*='#unresolved']:hover,.side a[href*='#bug']:hover,.side a[href*='#feature']:hover,.side a[href*='#discussion']:hover,.side a[href*='#hardware']:hover,.side a[href*='#tip']:hover,.side a[href*='#meta']:hover,.side a[href*='#gaming']:hover,.side a[href*='#app']:hover,.side a[href*='#original%20content']:hover,.side a[href*='#concept']:hover,.side a[href*='#request']:hover,.side a[href*='#question']:hover,.side a[href='']:hover{opacity:0.8}.flair-special{margin:0 4px 4px 0;padding:0 11px 1px;border-width:1px;border-radius:1px;color:#fff;font-weight:700;background-color:#008a00;border-color:#008a00}.linkflairlabel{margin:0 4px -2px 0;padding:0 4px 1px;vertical-align:-2px;color:#fff;font-weight:400;font-size:10px;font-family:"Segoe UI",Helvetica,sans-serif;pointer-events:none;border-width:3px;border-radius:1px;pointer-events:none}.linkflairlabel:lang(nf){display:none}.linkflair-discussion{border-left:3px solid #ff9e00 !important;background:rgba(255,158,0,0.1)}.linkflair-tip{border-left:3px solid #468966 !important;background:rgba(70,137,102,0.1)}.linkflair-news{border-left:3px solid #F2385A !important;background:rgba(242,56,90,0.1)}.comments-page .link.linkflair-solved{display:block}#header-img.default-header,a[href*="#icon-day"]{display:none}a[href*='#square-app']::before{background:-187px -5px #bf5a15;border:3px solid #e8e8e8}a[href*='#square-tip']::before{background:-187px -5px #555;border:3px solid #e8e8e8}a[href*='#square-meta']::before{background:-187px -5px #4390df;border:3px solid #e8e8e8}a[href*='#square-original']::before{background:-187px -5px #76608a;border:3px solid #e8e8e8}a[href*='#square-concept']::before{background:-187px -5px #14B6F5;border:3px solid #e8e8e8}a[href*='#square-solved']::before{background:-187px -5px #008a00;border:3px solid #e8e8e8}a[href*='#square-hflairs']::before{background:-187px -5px #F54E7A;border:3px solid #e8e8e8;border-radius:50%}a[href*='#square-hhelp']::before{background:-187px -5px #f06292;border:3px solid #e8e8e8;border-radius:50%}a[href*='#square']+.keyNavAnnotation{display:none}a[href*='#square-feature']::before,a[href*='#square-request']::before,a[href*='#square-bug']::before,a[href*='#square-official']::before,a[href*='#square-news']::before,a[href*='#square-help']::before,a[href*='#square-update']::before,a[href*='#square-discussion']::before,a[href*='#square-hardware']::before,a[href*='#square-app']::before,a[href*='#square-tip']::before,a[href*='#square-meta']::before,a[href*='#square-original']::before,a[href*='#square-concept']::before,a[href*='#square-solved']::before,a[href*='#square-hflairs']::before,a[href*='#square-hhelp']::before,a[href*='#square-gaming']::before{display:inline-block;height:10px;width:10px;content:'';margin:0 5px -4px 0}a[href*='#square-']:hover::before{text-decoration:none;background:#f06292;border-color:#80c2ff;left:4px;top:8px;transition:all 0.15s ease}a[href*='#square-bug']::before{background:-187px -5px #ce352c;border:3px solid #e8e8e8}a[href*='#square-official']::before{background:-187px -5px #2086bf;border:3px solid #e8e8e8}a[href*='#square-news']::before{background:-187px -5px #F2385A;border:3px solid #e8e8e8}a[href*='#square-help']::before{background:-187px -5px #FF6138;border:3px solid #e8e8e8}a[href*='#square-update']::before{background:-187px -5px #81003c;border:3px solid #e8e8e8}a[href*='#square-discussion']::before{background:-187px -5px #ff9e00;border:3px solid #e8e8e8}a[href*='#square-hardware']::before{background:-187px -5px #f0a30a;border:3px solid #e8e8e8}a[href*='#square-gaming']::before{background:-187px -5px #107c10;border:3px solid #e8e8e8}a[href*='#square-feature']::before,a[href*='#square-request']::before{background:-187px -5px #00aba9;border:3px solid #e8e8e8}.side .md blockquote{padding:2px 10px 5px;border-left:5px solid #f5c684;background-color:#fef8f1;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:10px;margin:0 5px 0 0;color:#222}.side .md blockquote:hover{background-color:#fcecd9;border-left-color:#f0ad4e}.side .md blockquote a{font-size:11px}.res-nightmode .side .md blockquote,html[lang^=nm] .side .md blockquote{border-left:5px solid #3B81FB !important;color:#ddd !important}a[href$="WindowsMobile#2"]{position:absolute;top:135px;left:48px;color:#ddd !important;z-index:99;border-bottom:3px solid transparent !important;text-transform:uppercase;transition:all .15s ease-in-out;line-height:14px;height:20px;padding:8px 9px 0;font-size:11.4px !important;letter-spacing:0.1em;font-family:"Segoe UI",Helvetica,sans-serif}a[href$="WindowsMobile#2"]:hover{color:#fff !important;background:rgba(0,0,0,0.1);border-color:#fff !important}a[href*="#Donsiders"],a[href*="#btn"]{display:inline-block;border:1px solid #0081ba;color:#fff !important;padding:10px 13px;margin:5px 0;transition:all 0.5s;border-radius:1px}a[href*="#Donsiders"]:hover,a[href*="#btn"]:hover{background:#f06292;-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 7px 14px rgba(50,50,93,0.1),0 3px 6px rgba(0,0,0,0.08)}a[href*="#Donsiders"]{background:#009e7e}a[href*="#Donsiders"]:hover{background:#f06292}a[href*="#btn"]{background:#0057a6}a[href*="#square-showflairs"]{float:right}a[href*="#square-showflairs"]::before{display:inline-block;height:10px;width:10px;content:"";background:-187px -5px #F54E7A;border:3px solid #e8e8e8;border-radius:50%;margin-left:5px}a[href*="#square-hflairs"]::after{content:"or";margin-left:50px}a[href*="#square-hflairs"]:hover::after{color:#F54E7A}.side .md [href$="#butt"]{display:inline-block !important;font-size:8pt;border:2px solid #F54E7A;padding:9px 8px;transition:background-color .5s;text-align:center;color:#F54E7A}.side .md [href$="#butt"]:hover{background:#F54E7A;color:#fff}.side .md>p:first-of-type{display:none}.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after,.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after{content:"- flair your thread as solved once your problem is resolved";margin-left:6px;color:#008a00}.comments-page .link.linkflair-help .flat-list a.flairselectbtn{color:#0078D7 !important}.linkflair-solved.link{display:none}.search-page .linkflair-solved.link{display:block}a[href*='#icon-chat']::before,a[href*='#icon-feedback']::before,a[href*='#icon-night']::before,a[href*='#icon-feedback2']::before{display:inline-block;height:20px;width:20px;content:'';margin:0 7px -4px 0}a[href*='#icon']:hover{text-decoration:none}a[href*='#icon-chat']::before{background:url(%%spritesheet%%) -5px -204px}a[href*='#icon-feedback']::before{background:url(%%spritesheet%%) -35px -204px}a[href*='#icon-night']::before{background:url(%%spritesheet%%) -125px -242px}a[href*='#icon-feedback2']::before{background:url(%%wincore-2%%) -5px -345px}a[href*="#icon-more"]{text-align:center;display:block;color:#f06292;font-size:16px}a[href*='#iconz']+.keyNavAnnotation{display:none}a[href*='#iconz-tips']::before,a[href*='#iconz-updates']::before,a[href*='#iconz-faq']::before,a[href*='#iconz-install']::before,a[href*='#iconz-wiki']::before{display:inline-block;height:20px;width:20px;content:'';margin:0 7px -4px 0}a[href*='#iconz']:hover{text-decoration:none}a[href*='#iconz-tips']::before{background:url(%%spritesheet%%) -204px -47px}a[href*='#iconz-faq']::before{background:url(%%spritesheet%%) -47px -47px}a[href*='#iconz-updates']::before{background:url(%%spritesheet%%) -102px -77px}a[href*='#iconz-install']::before{background:url(%%spritesheet%%) -229px -119px}a[href*='#iconz-wiki']::before{background:url(%%spritesheet%%) -174px -149px}.link a.thumbnail[href*="blogs.windows.com"]{background:url(%%spritesheet%%) -234px -149px no-repeat !important;width:45px;height:45px;margin:10px}.link a.thumbnail[href*="blogs.windows.com"] img{display:none}.res-nightmode .subscribers .number:after,.subscribers .number:after{content:" insiders waiting for new bits"}.subscribers .word{display:none}.arrow.down{pointer-events:none}.subscriber .arrow.down{pointer-events:initial}a[href$="Windows10#2"]{position:absolute;top:135px;left:112px;color:#ddd !important;z-index:99;border-bottom:3px solid transparent !important;text-transform:uppercase;transition:all .15s ease-in-out;line-height:14px;height:20px;padding:8px 9px 0;font-size:11.4px !important;letter-spacing:0.1em;font-family:"Segoe UI",Helvetica,sans-serif}a[href$="Windows10#2"]:hover{color:#fff !important;background:rgba(0,0,0,0.1);border-color:#fff !important}#header-bottom-left .tabmenu{padding-left:146px;width:calc(100% - 146px)} diff --git a/css/minified/r-windowsmobile.css b/css/minified/r-windowsmobile.css index b10e68e..4ac43a8 100644 --- a/css/minified/r-windowsmobile.css +++ b/css/minified/r-windowsmobile.css @@ -1,4441 +1,4 @@ -/* -Designed by /u/Jaskys -/r/ClearShift theme base -Contributors: /u/supersmilers, /u/mtvee, /u/BatDogOnBatMobile, /u/MrLawbreaker -Icons provided by www.icons8.com under "Creative Commons Attribution-NoDerivs 3.0 Unported" license -Main color: #1a1a1a -Secondary: #0078D7 -Christmas -Main color: #BF0426 -Secondary: #7A0218 -*/ -#header { - height: 165px; - background: #1a1a1a; - border-bottom: none; -} - -#header #header-bottom-right #mail.havemail, -#header #modmail.havemail { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -#header .hover a:hover, -.redditname a:hover:after { - color: #fff !important; -} - -#header-bottom-left { - height: 140px; -} - -#header-bottom-left .tabmenu { - background: rgba(0, 0, 0, 0.2); - width: calc(100% - 123px); - padding-left: 123px; - position: absolute; - bottom: 0; - left: 0; - font-family: "Segoe UI", Helvetica, sans-serif; - transition: .5s; -} - -#header-bottom-left .tabmenu li { - font-weight: 400; - margin: 0; -} - -#header-bottom-left .tabmenu li a { - background: 0 0; - color: #ddd; - font-size: 11.4px; - font-family: "Segoe UI", Helvetica, sans-serif; - line-height: 30px; - padding: 8px 9px 6px; - letter-spacing: 0.1em; - text-transform: uppercase; - transition: all .15s ease-in-out; - border-bottom: 3px solid transparent !important; -} - -#header-bottom-left .tabmenu li a:hover { - color: #fff; - background: rgba(0, 0, 0, 0.1); - border-bottom: 3px solid #fff !important; -} - -#header-bottom-left .tabmenu li.selected a { - background-color: #0078D7; - border: 0; - color: #fff; - padding-top: 7px; - font-weight: 700; - border-bottom: 3px solid currentColor !important; -} - -#header-bottom-right #modmail, -#header-bottom-right .user { - height: 37px; - white-space: nowrap; - border-radius: 1px; - overflow: hidden; - transition: background-color 0.5s; -} - -#header-img { - text-indent: -9999px; - display: inline-block; - margin-top: 112px; - position: absolute; - z-index: 99; - height: 27px; - width: 27px; - margin-left: 4px; - padding-right: 11px; - padding-left: 8px; - opacity: .8; - background-repeat: no-repeat !important; - transition: all .15s ease-in-out; - border-bottom: 3px solid transparent !important; -} - -#header-img:hover { - opacity: 1; - background: rgba(0, 0, 0, 0.1); - font-weight: 500; - border-bottom: 3px solid #fff !important; -} - -#sr-header-area { - transition: opacity .3s; - opacity: .4; - height: 24px; - background-color: #0C1722; - border-bottom: 0; - letter-spacing: 1px; - line-height: 22px; -} - -#sr-header-area:hover { - opacity: 1; -} - -#sr-header-area a { - color: #c4c4c4; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -#sr-header-area .srdrop.dropdown { - width: 35px; - padding: 0; -} - -#sr-header-area .sr-list { - padding-left: 8px; - border-left: 2px solid rgba(196, 196, 196, 0.9); - height: 24px; - line-height: 25px; -} - -#sr-header-area .srdrop.dropdown .selected { - width: 35px; - height: 23px; - padding: 0; - margin: 0; - display: block; - background: url(%%spritesheet%%) -225px -252px no-repeat; - line-height: 35px; - text-indent: -999em; -} - -#sr-header-area .srdrop.dropdown .selected:hover { - opacity: 1; -} - -#sr-header-area .drop-choices.srdrop { - padding: 5px; - margin: 1px 0 0; - background: #222; - border: none; -} - -#sr-header-area .drop-choices a.choice { - color: #AEAEAE; -} - -#sr-header-area .drop-choices a.choice:hover { - background-color: #333; - color: #EEE; -} - -#sr-header-area .drop-choices .choice.bottom-option { - border-color: #AEAEAE; -} - -#sr-more-link, -#header [href$="/rising/"], -#header [href$="/controversial/"], -#header [href$="/ads/"], -#suggested-reddits, -.voteWeight, -.rank, -.titlebox .bottom, -.submit-page .content h1, -.formtabs-content .infobar, -a[href*='#icon'] + .keyNavAnnotation, -a[href*='#/RES_SR_Config/NightModeCompatible'] { - display: none !important; -} - -#url-field button, -.submit-page .content button[name=submit] { - background: 0 0; - transition: all .5s; - border: 1px solid #5cb85c; - color: #5cb85c; -} - -#url-field button:hover, -.submit-page .content button[name=submit]:hover { - background: #5cb85c; - color: #fff; -} - -.submit-page .tabmenu.formtab { - margin-bottom: 74px; -} - -.submit_text.roundfield.enabled { - background: #1992FF; - position: absolute; - top: 223px; -} - -.submit_text p { - color: #eee; -} - -button.save, button.submit-action-thing, button.submit-report { - background: 0 0; - transition: background-color .5s; - text-transform: capitalize; - font-family: "Segoe UI", Helvetica, sans-serif; - border: 1px solid #5cb85c; - color: #5cb85c; - padding: 0.25rem 0.75rem; -} - -button.save:hover, button.submit-action-thing:hover, button.submit-report:hover { - background: #5cb85c; - color: #fff; -} - -button.cancel, button.cancel-action-thing, button.cancel-report-thing { - border: 1px solid #d9534f; - background: 0 0; - color: #d9534f; - padding: .25rem .75rem; - text-transform: capitalize; - font-family: "Segoe UI", Helvetica, sans-serif; - transition: background-color 0.5s; -} - -button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cancel:hover { - background: #d9534f; - color: #fff; -} - -.next-suggestions a, -.nextprev a { - padding: 0 4px; - background: 0 0; - border: none; - color: #0078D7; - text-align: center; -} - -.next-suggestions a:hover, -.nextprev a:hover { - background: #0078D7; - border: none; - color: #fff; - outline: 0; -} - -.btn:active, -.gadget .right a:active, -.morelink a:active, -.sidecontentbox a.helplink:active, -button:active, -#header #header-bottom-right #mail.havemail:active, -#header #header-bottom-right #mail.nohavemail:active, -#header #header-bottom-right .choice:active, -#header #header-bottom-right .logout a:active, -#header-bottom-left .tabmenu li a:active, -#header-bottom-right #modmail:active, -#header-bottom-right .user:active { - background-color: #1686f0 !important; -} - -.comment { - position: relative; - padding: 4px 0 0 30px; - z-index: 1; - border: 2px solid #e6e6e6; - overflow: hidden; - margin: 0 18px 8px 0; -} - -.comment .expand { - transition: all .5s; - padding: 4px 2px; - position: absolute; - top: 0; - left: 0; - bottom: 0; - padding: 4px; -} - -.comment .expand:hover { - background: #0078D7; - color: #fff !important; - text-decoration: none; -} - -.comment.collapsed .tagline { - height: 21px; - line-height: 21px; -} - -.comment.collapsed .tagline a { - line-height: 13px; -} - -.comment .child, -.comment .showreplies { - border-left: none; -} - -.new-comment { - border-color: #FFAB91 !important; -} - -.new-comment .expand:hover { - background: #ffab91; -} - -.new-comment .usertext-body { - background-color: transparent; - border: none; -} - -.tagline .score { - font-weight: 700; -} - -.tagline .likes { - color: #1a1a1a; -} - -.entry .flat-list .reply-button a { - color: #1a1a1a; -} - -.link .domain { - visibility: hidden; -} - -.link .domain a { - visibility: visible; - position: relative; - top: -1px; - color: #b1b1b1; -} - -.domain { - display: inline-block !important; -} - -#siteTable_organic { - background: rgba(6, 102, 178, 0.1); - margin-right: 325px; - margin-top: -7px; - left: -5px; - border-left: 3px solid #ff4500; - border-right: 1px solid rgba(0, 0, 0, 0.1); - border-bottom: none; - border-top: none; -} - -#ad_sponsorship { - max-width: 295px; -} - -.organic-listing .link.promotedlink { - margin-left: -1px; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.flairselector { - border: 1px solid #1a1a1a !important; -} - -.flairselector .title { - font-size: 0 !important; -} - -.flairselector h2 { - color: #fff; - font-size: 13px; - background: #1a1a1a !important; - padding-top: 6px; - font-weight: lighter !important; - text-transform: capitalize; - padding-bottom: 6px; -} - -.flairselector li:hover { - background-color: transparent; -} - -.flairselector form { - border-top: solid 1px #1a1a1a; - margin-bottom: 10px; -} - -.flairselector.drop-choices.active { - padding: 0 !important; - box-shadow: none; -} - -.flairselector .linkflair { - border-left: none !important; - background: 0 0; - width: 110px; -} - -.flairselector.drop-choices.active { - left: 40% !important; - top: 35% !important; - position: fixed; -} - -.flairoptionpane { - max-height: 304px; -} - -.flairoptionpane li, -.flairoptionpane ul { - min-width: 120px; - padding: 3px; -} - -.comments-page .link .flat-list a.flairselectbtn { - color: #1a1a1a !important; -} - -.nextprev a, -.side .usertext-body .md ol a { - transition: background-color 0.5s; -} - -.submit-page .roundfield { - padding: 16px; - width: 525px; - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 0px; -} - -.submit-page .roundfield span.title { - color: #4d5763; - text-transform: capitalize; -} - -.submit-page .submit.content#newlink .tabmenu.formtab a { - padding: 16px; - display: inline-block; - text-align: center; - background-color: #f5f5f5; - color: #4d5763; - text-transform: uppercase; - font-weight: 700; - transition: all .25s ease; - font-size: 16px; - border: none; - width: 247.5px; -} - -.submit-page .submit.content#newlink .tabmenu.formtab a:hover { - background-color: #e7e9f6; -} - -.submit-page .submit.content#newlink .tabmenu.formtab .selected a { - font-size: 16px; - background-color: #1a1a1a; - color: #fff; -} - -.submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover { - background-color: #0078D7; -} - -.submit-page #newlink.submit.content .btn { - width: 558px; - height: auto; - text-transform: capitalize; - font-size: 17px; - padding: 16px; - text-align: center; -} - -.submit-page #newlink.submit.content .btn:after { - content: " your thread"; - text-transform: none; -} - -.formtabs-content { - width: 520px; - border-top: none; - margin-top: -15px; -} - -form .spacer + .spacer { - margin: 0; -} - -.content.submit .info-notice { - background-color: #fff; - border-radius: 2px; - padding: 16px; - margin-bottom: 0; - border: 1px solid rgba(0, 0, 0, 0.1) !important; -} - -.self .expanded ~ .expando .usertext-body { - -webkit-animation: 700ms expandy ease-in-out forwards; - animation: 700ms expandy ease-in-out forwards; -} - -@-webkit-keyframes expandy { - 0% { - -webkit-transform: translateY(-100px); - opacity: 0; - } - 50% { - -webkit-transform: translateY(0); - } - 100% { - -webkit-transform: translateY(0); - opacity: 1; - } -} - -@keyframes expandy { - 0% { - transform: translateY(-100px); - opacity: 0; - } - 50% { - transform: translateY(0); - } - 100% { - transform: translateY(0); - opacity: 1; - } -} - -.expando-button { - cursor: pointer; - float: left; - height: 28px; - width: 30px; -} - -.expando-button.selftext.collapsed, .expando-button.selftext.expanded { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; -} - -.expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; -} - -.expando-button.selftext.collapsed { - background-position: -195px -256px; -} - -.expando-button.selftext.collapsed:hover { - background-position: -155px -256px; -} - -.expando-button.selftext.expanded { - background-position: -265px -218px; -} - -.expando-button.selftext.expanded:hover { - background-position: -305px -218px; -} - -.expando-button.video.collapsed { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.collapsed:hover { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.expanded { - background-image: url(%%spritesheet%%) !important; -} - -.expando-button.video.collapsed { - background-position: -301px -256px; -} - -.expando-button.video.collapsed:hover { - background-position: -261px -256px; -} - -.expando-button.video.expanded { - background-position: -265px -218px; -} - -.expando-button.video.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - background-position: -305px -218px; -} - -.expando-button.image { - cursor: pointer; - display: inline-block; - height: 28px !important; - margin-right: 11px; - padding: 0; - vertical-align: top !important; - width: 30px !important; -} - -@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) { - .expando-button { - cursor: pointer; - float: left; - height: 28px; - width: 30px; - background: center center no-repeat #fff; - background-size: 341px 331px !important; - } - .expando-button.selftext.collapsed, .expando-button.selftext.expanded { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - } - .expando-button.selftext.collapsed:hover, .expando-button.selftext.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - } - .expando-button.selftext.collapsed { - background-position: -195px -256px; - } - .expando-button.selftext.collapsed:hover { - background-position: -155px -256px; - } - .expando-button.selftext.expanded { - background-position: -265px -218px; - } - .expando-button.selftext.expanded:hover { - background-position: -305px -218px; - } - .expando-button.video.collapsed { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.collapsed:hover { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.expanded { - background-image: url(%%spritesheet%%) !important; - } - .expando-button.video.collapsed { - background-position: -301px -256px; - } - .expando-button.video.collapsed:hover { - background-position: -261px -256px; - } - .expando-button.video.expanded { - background-position: -265px -218px; - } - .expando-button.video.expanded:hover { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat; - background-position: -305px -218px; - } - .expando-button.image { - cursor: pointer; - display: inline-block; - height: 28px !important; - margin-right: 11px; - padding: 0; - vertical-align: top !important; - width: 30px !important; - } - body > .content #siteTable .thing.self .thumbnail { - background-image: url(%%spritesheet%%); - background-position: -289px -139px; - background-size: 341px 331px; - } -} - -.link .usertext-body .md { - border-radius: 0 !important; - border: 1px solid #7cb0d9; - background-color: #fff; -} - -body > .content #siteTable .thing.self .thumbnail { - background-image: url(%%spritesheet%%); - width: 45px; - height: 45px; - margin: 10px 15px 10px 10px; - background-repeat: no-repeat !important; - background-position: -289px -139px; -} - -body > .content #siteTable .thing.stickied .thumbnail { - background-image: url(%%spritesheet%%); - background-repeat: no-repeat !important; - background-position: -289px -84px; - margin-right: 15px; -} - -body > .content #siteTable .thing .thumbnail.default, -body > .content #siteTable .thing.over18 .thumbnail { - background-image: url(%%spritesheet%%) !important; - background-repeat: no-repeat !important; - margin: 10px 15px 10px 10px; - width: 45px; - height: 45px; -} - -body > .content #siteTable .thing.stickied .entry > .title .title { - color: #00a64f; - font-weight: 400; -} - -body > .content #siteTable .thing.over18 .thumbnail { - background-position: -286px -5px !important; -} - -body > .content #siteTable .thing .thumbnail.default { - background-position: -47px -77px; - background-size: 341px 331px; -} - -.link .title, -.submit-page #newlink.submit.content .btn, -a[href*="#icon-more"] { - font-family: "Segoe UI", Helvetica, sans-serif; -} - -.link { - padding: 10px 0; - border-left: 3px solid #cec0c0; - margin-bottom: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} - -.link .title { - color: #1a1a1a; -} - -.link .title:visited { - color: #b1b1b1; -} - -.link.thing.visited .title { - color: #b1b1b1; - padding: 0 !important; -} - -.link.last-clicked { - border: 0; - border-left: 3px solid #0078D7; - background: #f0f8ff; -} - -.link .score.likes { - color: #0078D7; -} - -.link .score.dislikes { - color: #7f7f7f; -} - -.link .flair { - font-size: 1em; -} - -.link .midcol { - margin: 5px 7px; -} - -.nextprev a { - padding: 5px 0 5px 15px; - color: #fff; - width: auto; - display: block; - background: #1a1a1a; - border-radius: 0; - font-size: small; - margin-top: -12px; - margin-right: -1px; - margin-left: -5px; - text-transform: capitalize; -} - -.linklisting .nextprev { - font-size: 0; -} - -.linklisting .stickied { - border-left: 3px solid #00a64f; - background: rgba(0, 166, 79, 0.1); -} - -.linklisting .over18 { - border-left: 3px solid #e2062c; - background: rgba(225, 6, 44, 0.1); -} - -.linklisting .md { - margin-bottom: 0; -} - -.linklisting .usertext-edit div textarea { - margin-left: -10px; -} - -.linklisting .reported { - background: rgba(255, 0, 0, 0.1); - border-left: 3px solid #e2062c; -} - -.report-reasons.rounded { - display: block !important; -} - -.newComments { - display: inline; - color: #1a1a1a; -} - -.linkinfo .totalvotes { - color: #494949 !important; -} - -.arrow { - background-image: url(%%spritesheet%%) !important; - background-position: center center; - outline: 0 !important; - border: none !important; -} - -.arrow.up { - background-position: -289px -194px; -} - -.arrow.upmod { - background-position: -296px -60px; -} - -.arrow.down { - background-position: -321px -60px; -} - -.arrow.downmod { - background-position: -271px -60px; -} - -.arrow.up:hover, .arrow.down:hover { - opacity: 0.6; -} - -body .linklisting { - margin-right: 330px; - bottom: 0; - margin-top: -7px; - padding: 0; - border-right: 1px solid rgba(0, 0, 0, 0.1); -} - -.entry .buttons li a { - padding: 0px; - font-size: 1.145em; -} - -.tagline, -.search-result-meta { - font-size: 1.145em; -} - -#siteTable .thing { - margin-left: -5px !important; - transition: all .2s; -} - -.listing-page .link:hover { - border-left-color: #0078D7; - background: #f0f8ff; -} - -.entry .flat-list .report-button a, -.res-nightmode .entry .flat-list .report-button a { - color: #d9534f; -} - -.reddit-infobar { - background: #fff; - BORDER: 1px solid #d7ecff; -} - -.reddit-infobar.with-icon { - margin-left: -4px; -} - -.reddit-infobar.with-icon:before { - background-color: solid #1a1a1a; - background-repeat: no-repeat; -} - -.c-btn-primary { - background-color: solid #1a1a1a; - border-bottom: 2px solid #4270a2; - color: #fff; - border-radius: 0; -} - -.sitetable .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #FFF !important; -} - -.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #f5f5f5 !important; -} - -a.author { - margin-right: 0.3em; -} - -.panestack-title { - margin: 0 330px 0 -5px; - padding: 4px 0px; - background: #1a1a1a; - color: #fff; - border-bottom: transparent; -} - -.panestack-title .title { - font-size: 1.3em; - margin: 10px 0 10px 10px; -} - -.panestack-title a.title-button { - color: #fff !important; -} - -.panestack-title a.title-button.gold { - background-color: transparent; - border: none; -} - -.thing.stickied a.title { - font-weight: 700 !important; - font-size: large; -} - -.green, -.tagline .moderator { - color: #00a64f; - font-weight: 700; - padding-left: 0; - padding-right: 1px; -} - -.entry .flat-list .approve-button a { - color: #00a64f; -} - -.tagline .stickied-tagline { - color: #00a64f; -} - -.tagline a:hover { - color: #0078D7 !important; -} - -.gold-accent { - background-color: #1a1a1a; - border: none; - display: inline-block; - color: #fff !important; -} - -#noresults { - padding: 10px; - margin-right: 310px !important; - color: #fff; - background: #1a1a1a; - margin-left: 5px !important; - display: none; -} - -.commentarea .infobar { - color: #eee; - background: #1a1a1a; - border: none; - display: flex; -} - -.commentarea .infobar a { - color: #eee; -} - -.commentarea .infobar p { - line-height: 8px; -} - -.comments-page .sitetable.nestedlisting > .thing.stickied { - border-bottom: solid 3px #00a64f; - background: rgba(0, 166, 79, 0.1) !important; -} - -.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page.linkflair-help .flat-list a.flairselectbtn:after { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -.comments-page .usertext-edit div textarea { - background: url(%%wincore-2%%) 206px -213px no-repeat #FFF !important; - border: 1px solid #000 !important; - opacity: .8; - margin-top: 5px; - outline: 0; - display: block; - clear: both; - margin-bottom: 10px; -} - -.comments-page .usertext-edit div textarea:focus { - background: #FFF !important; - opacity: 1; - border-color: #0078D6 !important; -} - -.comments-page .link { - border-left: 1px solid #c6c6c6 !important; -} - -.commentarea .menuarea { - margin: 5px 310px 5px 5px; -} - -.commentarea .md { - margin-bottom: 0; -} - -.md { - overflow: visible; -} - -.md a { - color: #1a1a1a; -} - -.md code { - white-space: normal; -} - -.md blockquote { - border-left: 2px solid #0078D7; - background-color: #efefed; -} - -.usertext.border .usertext-body { - background-color: rgba(0, 120, 213, 0.3); - width: 95%; -} - -.wiki-page .pageactions { - border-radius: 0; - border: 1px solid #0078D7; -} - -.wiki-page .pageactions .wikiaction { - margin: 0 !important; - border-radius: 0 !important; -} - -.wiki-page .pageactions .wikiaction:hover { - background-color: #0078D7 !important; - color: #fff !important; -} - -.wiki-page .pageactions .wikiaction-current { - background-color: #1a1a1a; -} - -.wiki-page .wiki-page-content .nextprev a { - margin-bottom: 12px; -} - -ul.tabmenu.formtab { - padding-left: 0; -} - -::selection { - background-color: #0078D7; - color: #fff; -} - -.buttons .comments.empty { - color: #1a1a1a; -} - -.leavemoderator, -.titlebox form.toggle { - color: #000; - background: #fff; - border-left: 5px solid #d7ecff; - padding-left: 10px; - font-size: 8pt; - margin-right: 5px; - border-right: 1px solid #d7ecff; -} - -#baconBit { - width: 394px !important; - height: 304px !important; - background-image: url(%%res-easter-egg%%) no-repeat !important; - transition: all 10s linear !important; -} - -.sheets .col textarea { - width: 98%; - background: #1d1f21; - color: #ddd !important; - height: 712px !important; - font-family: SourceCodePro-Medium, monospace; -} - -.gadget .right a, -a[href*="#tech"] { - font-family: "Segoe UI", Helvetica, sans-serif; - text-align: center; -} - -.sheets ::-webkit-scrollbar { - background-color: #0f0f0f !important; -} - -.sheets ::-webkit-scrollbar-corner, -.sheets ::-webkit-scrollbar-thumb { - background: #313131 !important; -} - -.panestack-title { - border-bottom: transparent; -} - -.infobar.newsletterbar { - box-sizing: border-box; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - position: relative; - overflow: hidden; - min-height: 80px; - padding: 15px 20px 20px 25px; - border: none; - border-radius: 0; - background-color: #30659B; - border-left: 3px solid #ff4500; - margin: -7px 325px 7px 0px; - left: -5px; -} - -#eu-cookie-policy .reddit-infobar a { - color: #222 !important; -} - -.leavemoderator { - border-color: #393939 !important; - background: #222 !important; -} - -.gadget .midcol { - margin-right: 9px; -} - -.gadget .right a { - background: #1a1a1a; - padding: 5px 10px; - margin-right: 5px; - display: block; - color: #fff; - font-size: 16px; - transition: background-color .5s; - text-transform: capitalize; -} - -.gadget .right a:hover { - background: #0078D7; -} - -span.clear-input-button { - color: #fff; -} - -#newlink-with-image-upload .clear-input-button { - border-radius: 0 !important; - width: 33px !important; - height: 27px !important; - top: 0 !important; - line-height: 26px !important; - border: 1px solid grey; - background: #1a1a1a !important; - transition: background-color .5s; - right: -10px !important; -} - -#newlink-with-image-upload .clear-input-button:hover { - background: #0078D7 !important; -} - -#newlink-with-image-upload .image-upload-drop-target { - padding: 15px !important; -} - -#newlink-with-image-upload .file-upload-button { - background: #1a1a1a; - border: none; - padding: 7px 20px !important; - display: block !important; - margin: 6px -17px -17px !important; - transition: background-color 0.5s; -} - -#newlink-with-image-upload .file-upload-button:hover { - background: #0078D7; -} - -@media (max-width: 880px) { - #siteTable_organic { - margin-right: -5px; - } - #header-bottom-left .tabmenu { - width: calc(100% - 50px); - padding-left: 50px; - } - .side { - display: none; - } - body .linklisting { - margin-right: 0 !important; - } - .footer::after { - display: none !important; - } - .infobar { - margin-right: 18px; - } - .footer { - border-right: 1px solid #1a1a1a; - } - .panestack-title { - margin: 0 0px 0 -5px; - } - .infobar.newsletterbar { - margin: -7px -5px 7px 0px; - } -} - -.side { - margin: 0; - padding-left: 30px; - background: 0 0; -} - -.side:after { - content: "/r/ClearShift theme"; - font-size: large; - color: #1a1a1a; - margin-left: 50px; -} - -.side .md h2 { - margin-top: 1.4em; - font-size: 1.4em; -} - -.side .md h3 { - font-size: 1.2em; - color: #555; - margin: 2em 0 0.2em; -} - -.side .md h4 { - color: #888; - margin-bottom: 1.5em; -} - -.side .md p { - margin: 0.5em 0; -} - -.side .md p a { - margin: 0 .2em; - font-size: 1.1em; -} - -.side .md p a:first-child { - margin-left: 0; -} - -.side .md h1, -.side .md h2, -.side .md h3, -.side .md h4 { - color: #fff; - font-size: 13px; - font-weight: 400; -} - -.side .md h1:after, -.side .md h2:after, -.side .md h3:after, -.side .md h4:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -24px; -} - -.side .md h1 a, -.side .md h2 a, -.side .md h3 a, -.side .md h4 a { - color: #fff; - font-size: 13px; -} - -.side .md h1 { - color: #fff; - font-size: 13px; -} - -.side .md h1 a { - color: #fff; - font-size: 13px; -} - -.side .titlebox div.subButtons, -.side .titlebox h1.redditname + div, -.side .titlebox > .fancy-toggle-button { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 8pt; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -.side .titlebox div.subButtons, -.side .titlebox h1.redditname + div, -.side .titlebox > .fancy-toggle-button { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -.side .titlebox div.subButtons, -.side .titlebox > .fancy-toggle-button { - width: 269.3px; -} - -.side .titlebox > .fancy-toggle-button { - display: block !important; -} - -.side div.titlebox ul { - list-style-type: none; - margin: 0; - padding: 0; -} - -.side .subscribe-button .add { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 2s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -@-webkit-keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -@-moz-keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -@keyframes pulsate { - 0%, - 100% { - opacity: 0.7; - } - 50% { - opacity: 1; - } -} - -.titlebox h1:after, -.sidecontentbox .title:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -24px; -} - -div.side div.tagline { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -div.side form.flairtoggle, div.side form.leavecontributor-button { - padding: 10px; - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; -} - -div.side span.subscribers { - border: 1px solid #d7ecff; - border-left: 5px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 0.945em; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; - padding: 7px 10px 10px; - display: block !important; - padding-top: 5px; - padding-bottom: 10px; - border-top: none; -} - -div.side span.subscribers span { - vertical-align: middle; -} - -div.side span.subscribers span.number:before { - background: url(%%spritesheet%%) -192px -5px; - display: block; - float: left; - width: 20px; - height: 20px; - content: ""; - margin-right: 5px; - margin-top: -3px; -} - -div.side div.tagline { - display: block !important; -} - -div.side form.flairtoggle { - display: block; -} - -div.side div.leavemoderator { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side form.flairtoggle { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side p.users-online { - padding-top: 5px; - padding-bottom: 5px; - border-top: none; - border-bottom: none; -} - -div.side div.tagline { - padding-top: 0; - border-top: none; -} - -.morelink { - border: 1px solid #1a1a1a; - background: #1a1a1a; - width: 145px; - margin-right: 5px; - transition: all 0.5s; - box-sizing: border-box; -} - -.morelink a { - color: #fff; - font-family: "Segoe UI", Helvetica, sans-serif; - font-weight: 400; - letter-spacing: 0; - font-size: 0.9em; -} - -.morelink:hover { - background: #0078D7; - border-color: #0078D7; -} - -.morelink:hover a { - color: #fff; - border-color: #0078D7; -} - -.morelink .nub { - display: none; -} - -.submit .morelink { - float: left; -} - -.submit-page .titlebox h1 { - margin-top: 0 !important; -} - -.redditname { - margin-top: 53px !important; -} - -.reddit-link { - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 1em; - margin-right: 5px; -} - -.icon-menu li { - display: block; - margin: 0; - padding: 7px 10px 10px !important; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - margin-right: 5px !important; -} - -.search-page .side .spacer { - margin: 10px 0; -} - -.sidebox.create { - display: none !important; -} - -.helplink ~ .content .author[href*=AutoModerator], .helplink ~ .content .author[href*=flair_your_post_bot] { - display: none; -} - -.helplink ~ .content .author:after { - content: '- Moderator'; - font-size: 0.945em; - margin-left: 5px; - color: #1a1a1a; -} - -.helplink ~ .content .flair { - display: none; -} - -.linkinfo { - background-color: transparent; -} - -.sidecontentbox .helplink + .title h1 { - font-size: 0; -} - -.sidecontentbox .helplink + .title h1:before { - font-size: 13px !important; - content: "Moderators team"; - text-transform: capitalize; -} - -.helplink ~ .content .author .helplink ~ .content .author:hover { - color: #0078D7; -} - -.sidecontentbox .content .linkflairlabel { - display: none; -} - -div.titlebox .md h3:hover + ul { - display: block; -} - -div.titlebox .md ul li strong:first-child, div.titlebox .md ul:hover { - display: block; -} - -div.titlebox .md ul li { - border: none; - margin-right: 5px; -} - -.sidecontentbox .content a.author, -.sidecontentbox .more { - display: block; - margin: 0; - padding: 7px 10px 10px !important; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 0.945em; - margin-right: 5px !important; -} - -.sidecontentbox .content a.author:hover, -.sidecontentbox .more:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -.sidecontentbox .content { - border: none; - padding: 0; -} - -.sidecontentbox .more { - text-align: center; -} - -.sidecontentbox .more a { - color: #369; -} - -.icon-menu li:hover, -.reddit-link:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -div.titlebox .md ul li { - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 0.945em; -} - -div.titlebox .md ul li:hover { - background-color: #f0f8ff; - border-left-color: #7cb0d9; -} - -div.titlebox div.styleToggle, -div.titlebox span.fancy-toggle-button a.active { - padding: 5px 10px; - background-color: #0078D7; - color: #fff; - font-size: 8pt; - display: block !important; - background-image: none; - border-radius: 0; - font-weight: 400; - margin: 0; - border: none; -} - -div.titlebox div.styleToggle { - background-color: #1a1a1a; - line-height: 20px; -} - -div.titlebox div.styleToggle input, -div.titlebox div.styleToggle label { - vertical-align: middle; - margin: 0; -} - -div.titlebox span.fancy-toggle-button a.active.add:hover, div.titlebox span.fancy-toggle-button a.active.remove { - background-color: #1a1a1a; -} - -div.titlebox span.fancy-toggle-button a.active.remove:before { - content: ""; - padding-right: 5px; -} - -div.titlebox span.fancy-toggle-button a.active.remove:hover:after { - content: "=("; - font-style: italic; - padding-left: 5px; -} - -div.titlebox span.fancy-toggle-button a.active.add:before { - content: "+"; - padding-right: 5px; - color: #fff; -} - -#RESShortcutsAdd, -#RESShortcutsLeft, -#RESShortcutsRight, -#RESShortcutsSort, -#RESShortcutsTrash { - width: 17px !important; -} - -.sidecontentbox .content a.author { - display: block; - margin: 0; - padding: 3px 0; -} - -.sidecontentbox .content a.author:hover { - color: #0078D7; -} - -#searchexpando { - padding: 10px; - border: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - background-color: #fff; - color: #000; - font-size: 8pt; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0; - width: 273px !important; - border-left: 1px solid #d7ecff; -} - -#search input[type=text] { - width: 295px !important; - border-color: #1a1a1a; -} - -.sidecontentbox .title { - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; -} - -div.titlebox .md h3:before { - content: "+"; - color: #fff; - padding-right: 5px; -} - -div.titlebox .md h2, -div.titlebox .md h3, -div.titlebox .md h4 { - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - font-weight: 400; - cursor: default; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; -} - -div.titlebox h1 { - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - font-weight: 400; - margin-top: 0; - margin-bottom: 0; - margin-left: -10px; - font-size: 13px; -} - -.leavemoderator, -.users-online, -.leavecontributor-button { - display: none; -} - -.sidecontentbox a.helplink { - margin-right: 5px; -} - -.icon-menu a { - background: 0 0; -} - -.titlebox .bottom { - border: none; -} - -.titlebox h1 a, -.pagename a { - color: #FFF; -} - -#RESShortcutsAdd, -#RESShortcutsEditContainer, -#RESShortcutsLeft, -#RESShortcutsRight, -#RESShortcutsSort, -#RESShortcutsTrash { - background-color: transparent !important; -} - -#RESShortcutsAdd:hover, -#RESShortcutsEditContainer:hover, -#RESShortcutsLeft:hover, -#RESShortcutsRight:hover, -#RESShortcutsSort:hover, -#RESShortcutsTrash:hover { - color: #f0f0f0 !important; -} - -.titlebox .md h3 + ul:hover, -.titlebox .md h3:hover + ul { - max-height: 600px; -} - -div.titlebox .md h3 + ul { - display: block; - transition: 1.8s max-height ease-out; - overflow: hidden; - max-height: 0; -} - -div.titlebox .md h3:hover + ul { - transition: .8s max-height ease-out; -} - -div.commentarea .infobar p { - background: #0078D7; - padding: 10px; - margin: -5px -5px -5px 10px; -} - -.linkinfo { - padding: 0; - border: none; -} - -.linkinfo .score, -.linkinfo .shortlink { - color: #494949; - border-left: 5px solid #d7ecff; - background-color: #fff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 8pt; - margin-right: 5px; -} - -.linkinfo .score { - padding: 7px 10px; - margin-top: 10px; -} - -.linkinfo .shortlink { - display: block; - font-weight: 600; - text-transform: capitalize; - margin-top: 0; - padding: 7px 10px 10px; -} - -.date { - position: relative; -} - -.date:before { - content: "Date "; - display: block; - color: #fff !important; - text-transform: none; - border-left: 5px solid #1992FF; - background-color: #1a1a1a; - padding: 10px; - cursor: pointer; - margin-top: 0; - margin-bottom: 6px; - margin-left: -10px; - font: 400 small verdana, arial, helvetica, sans-serif; -} - -.date:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #d7ecff transparent transparent; - border-width: 10px; - border-style: solid; - content: ""; - margin-left: -19px; - margin-top: -32px; -} - -.date span { - display: block; - background-color: #fff; - padding: 7px 0 10px 10px; - border-left: 5px solid #d7ecff; - border-bottom: 1px solid #d7ecff; - margin: -6px 5px -10px 0; - border-right: 1px solid #d7ecff; -} - -.date span, -.date time { - color: #494949; - font-size: 9pt; -} - -.date time { - position: absolute; - top: 50%; - left: 55%; - padding: 9px 0 10px 0; -} - -.totalvotes { - display: block; - background-color: #fff; - color: #494949 !important; - font-weight: 600; - text-transform: capitalize; - margin-top: 0; - padding: 7px 10px 10px; - border-left: 5px solid #d7ecff; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 8pt !important; - margin-right: 5px; -} - -.linkinfo .shortlink input { - height: 10px; - border: none; - width: 181px; - font-size: 13px; -} - -.submit-page .side:before { - content: "Use search before posting"; - font-size: large; - color: #E54661; - margin-left: 27px; -} - -.sidecontentbox a.helplink { - float: none; - margin-top: 4px; - clear: both; - text-align: center; - display: block; - color: #fff; - background: #1a1a1a; - box-sizing: border-box; - margin-bottom: 10px; -} - -.sidecontentbox a.helplink:hover { - background: #0078D7; -} - -.sidecontentbox .title h1, -.sidecontentbox a.helplink { - color: #fff; -} - -.account-activity-box, -.sidecontentbox a.helplink { - font-size: 16px; - padding: 10px; - transition: background-color .5s; - text-transform: capitalize; -} - -.account-activity-box { - display: block !important; - background: #1a1a1a; - margin-right: 5px; -} - -.account-activity-box:hover { - background: #0078D7; -} - -.account-activity-box a { - color: #fff; - padding: 10px 70px; -} - -#header #header-bottom-right { - background: 0 0; - bottom: -18px; - top: auto; - padding: 3px; - height: 59px; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -#header-bottom-right .separator { - display: none; -} - -#header-bottom-right .user { - position: relative; - top: 0; - width: 119px; - padding-left: 42px; - padding-top: 5px; - font-size: 13px; - color: #eaeaea; - line-height: 170%; - background: url(%%spritesheet%%) -110px -289px no-repeat #1a1a1a; - float: left; - border: 2px solid #fff; - cursor: pointer; -} - -#beta-help, -.beta-hint a { - position: absolute !important; -} - -#header-bottom-right .user > a { - text-indent: 4px; - color: #FFF; - display: block; - line-height: 12px; - white-space: nowrap; -} - -#header-bottom-right .user span a { - color: #fff; -} - -#header-bottom-right #mail { - top: 0; - top: 0 !important; - width: 42px; - height: 42px; - display: inline-block; -} - -#header-bottom-right #modmail { - position: absolute; - margin-left: -267px; - top: 3px; - padding-left: 26px; - padding-top: 5px; - background: url(%%spritesheet%%) -224px -72px no-repeat #1a1a1a; - border: 2px solid #fff; -} - -#modmail.havemail { - background: url(%%spritesheet%%) -224px -72px #ff4500 !important; -} - -#header #header-bottom-right #modmail:hover, -#header #header-bottom-right .choice:hover, -#header #header-bottom-right .user:hover { - background-color: #0078D7; -} - -#header #header-bottom-right .logout { - display: inline-block; -} - -#header #header-bottom-right #mail, -#header #header-bottom-right .choice, -#header #header-bottom-right .logout a { - margin-left: 5px; - width: 42px; - width: 42px !important; - height: 42px; - display: inline-block; - text-indent: 50px; - overflow: hidden; - transition: background-color 0.5s; -} - -#header #header-bottom-right #mail.nohavemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #1a1a1a; - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right #mail.havemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #ff4500; -} - -.res #header #header-bottom-right #mail.havemail { - background: url(%%spritesheet%%) 0px -115px no-repeat #ff4500; -} - -#header #header-bottom-right #mail.havemail { - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right .choice { - background: url(%%spritesheet%%) -127px -114px no-repeat #1a1a1a; - border-radius: 1px; - border: 2px solid #fff; -} - -.beta-hint { - opacity: 1; -} - -.beta-hint a { - top: 0; - left: -78px; - color: transparent !important; - background-color: #1a1a1a; - background-image: url(%%spritesheet%%) !important; - background-repeat: no-repeat !important; - background-size: 341px 331px !important; - background-position: -72px -143px !important; - width: 42px; - height: 42px; - border-radius: 1px; - border: 2px solid #fff; - transition: background-color 0.5s; -} - -.beta-hint a:hover { - background-color: green !important; -} - -#beta-help { - background: #FFFFE1 !important; - color: #000 !important; - left: 1200px !important; - top: 170px !important; -} - -.res .beta-hint a { - display: none; -} - -#header #header-bottom-right .logout a { - background: url(%%spritesheet%%) -127px -42px no-repeat #1a1a1a; - border-radius: 1px; - border: 2px solid #fff; -} - -#header #header-bottom-right #mail.havemail, #header #header-bottom-right #mail.nohavemail { - border-bottom: none; -} - -#header #header-bottom-right .choice, -#header #header-bottom-right .logout a { - border-bottom: none; -} - -#header-bottom-right #modmail, -#header-bottom-right .user { - border-bottom: none; -} - -.user .userkarma { - border-bottom: none; -} - -#header #header-bottom-right #mail:hover, -#header #header-bottom-right .choice:hover, -#header #header-bottom-right .user:hover { - background-color: #0078D7; -} - -#header #header-bottom-right .logout a:hover { - text-indent: -99999px; - color: #fff; - background: url(%%spritesheet%%) -127px -42px no-repeat #ce352c; -} - -#openRESPrefs { - position: absolute; - right: 365px; - top: 22px; -} - -#mailCount { - position: absolute; - left: 208px; - top: -2px; - color: #fff; - font-size: 14px; - overflow: hidden; -} - -.message-count { - background: #0078D7; - height: 42px; - font-size: medium; - line-height: 42px !important; - margin-left: -4px; - vertical-align: top; - display: none; -} - -.user .userkarma { - cursor: help; -} - -#RESAccountSwitcherIconOverlay { - display: none !important; -} - -#RESAccountSwitcherIcon { - float: right; - margin-right: 5px; - margin-top: -10px; - background: url(%%spritesheet%%) -264px -5px no-repeat !important; -} - -.side .usertext-body .md ol { - position: absolute; - top: 30px; - right: 0; - margin: 0 30px 0 0; - padding: 0; - z-index: 99; -} - -.md-container-small .md .-text, -.md-container-small .md li, -.md-container-small .md p, -.md-container-small .md pre > code, -.md-container-small .md td, -.md-container-small .md th { - list-style: none; -} - -.side .usertext-body .md ol a[href$="#special"] { - animation: 1s ease-out 0s normal none infinite running pulsate; - animation-duration: 3s; - animation-timing-function: ease-out; - animation-delay: 0s; - animation-direction: normal; - animation-fill-mode: none; - animation-iteration-count: infinite; - animation-play-state: running; - animation-name: pulsate; -} - -.side .md .-text, -.side .md li, -.side .md p, -.side .md pre > code, -.side .md td, -.side .md th { - list-style: none; -} - -.side .usertext-body .md ol a { - background-color: #57b5ff; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - opacity: 0.8; -} - -.side .usertext-body .md ol a:hover { - opacity: 1; -} - -.side .md > ol li a[href$='#special']:after, .side .md > ol li a[href$='#special']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#special'] { - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - transition: opacity .5s; - background-color: #1686f0; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#special']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; - background-color: #1a1a1a; - content: "Event"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#special']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#achieve'] { - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - transition: opacity .5s; - background-color: #28bc07; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#achieve']:hover { - opacity: 1; -} - -.side .md > ol li a[href$='#sticky']:after, .side .md > ol li a[href$='#sticky']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#achieve']:before, .side .usertext-body .md ol a[href$='#sticky']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#achieve']:before { - background-color: #0d9605; - content: "Achievement unlocked"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#sticky'], .side .usertext-body .md ol a[href$='#stickyg'] { - font-weight: 400; - padding: 5px 5px 5px 0; - margin-bottom: 3px; - border: 2px solid #fefefe; - display: inline-block; - font-size: 12px; - transition: opacity .5s; - text-decoration: none; -} - -.side .usertext-body .md ol a[href$='#sticky'] { - background-color: #1686f0; - opacity: 0.8; -} - -.side .usertext-body .md ol a[href$='#sticky']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#stickyg']:hover { - opacity: 1; -} - -.side .usertext-body .md ol a[href$='#sticky']:before { - background-color: #1a1a1a; - content: "Sticky"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#stickyg'] { - background-color: #28bc07; - opacity: 0.8; -} - -.side .md > ol li a[href$='#achieve']:after, .side .md > ol li a[href$='#achieve']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .md > ol li a[href$='#update']:after, .side .md > ol li a[href$='#update']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#stickyg']:before, .side .usertext-body .md ol a[href$='#update']:before { - margin: 0 5px 0 0; - font-weight: 700; - padding: 5px 6px; -} - -.side .usertext-body .md ol a[href$='#stickyg']:before { - background-color: #0d9605; - content: "Sticky"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#update'] { - border: 2px solid #fefefe; - background-color: #1686f0; - display: inline-block; - font-size: 12px; - font-weight: 400; - padding: 5px 5px 5px 0; - text-decoration: none; - margin-bottom: 3px; - opacity: .8; - transition: opacity 0.5s; -} - -.side .usertext-body .md ol a[href$='#update']:before { - background-color: #1a1a1a; - content: "Update"; - color: #fff; -} - -.side .usertext-body .md ol a[href$='#update']:hover { - opacity: 1; -} - -.side .md del { - color: #fff; - text-decoration: none; -} - -.md a:hover { - color: #0078D7; -} - -.res-nightmode body, -html[lang^=nm] body { - background: #1a1a1a !important; -} - -.res-nightmode #sr-header-area, -html[lang^=nm] #sr-header-area { - background-color: #0C1722; -} - -.res-nightmode a, -html[lang^=nm] a { - color: #f8f8ff; -} - -.res-nightmode .morelink a, -.res-nightmode a[href*="#Donsiders"], -.res-nightmode a[href*="#btn"], -html[lang^=nm] .morelink a, -html[lang^=nm] a[href*="#Donsiders"], -html[lang^=nm] a[href*="#btn"] { - color: #fff !important; -} - -.res-nightmode .shortlink input, -html[lang^=nm] .shortlink input { - background: #393939; - color: #ddd; -} - -.res-nightmode #previoussearch #moresearchinfo, -.res-nightmode .roundfield label, -.res-nightmode .search-result-body, -.res-nightmode div.side #searchexpando, -.res-nightmode .submit-page .roundfield .title, -.res-nightmode .md, -.res-nightmode .md blockquote, -.res-nightmode .md del, -.res-nightmode .comments-page .usertext-edit div textarea, -html[lang^=nm] #previoussearch #moresearchinfo, -html[lang^=nm] .roundfield label, -html[lang^=nm] .search-result-body, -html[lang^=nm] div.side #searchexpando, -html[lang^=nm] .submit-page .roundfield .title, -html[lang^=nm] .md, -html[lang^=nm] .md blockquote, -html[lang^=nm] .md del, -html[lang^=nm] .comments-page .usertext-edit div textarea { - color: #eee !important; -} - -.res-nightmode .md blockquote, -html[lang^=nm] .md blockquote { - background: rgba(0, 87, 166, 0.24); - border-left: 2px solid #0078D7 !important; - color: #888 !important; -} - -.res-nightmode .md code, -html[lang^=nm] .md code { - border: none !important; - background-color: #393939 !important; - border-radius: 0 !important; - border-left: 3px solid #0078D7 !important; -} - -.res-nightmode .commentingAs, -.res-nightmode .date time, -.res-nightmode .linkinfo .score, -.res-nightmode .linkinfo .shortlink, -.res-nightmode .side .titlebox > .fancy-toggle-button, -.res-nightmode .edit-stylesheet.choice:after, -.res-nightmode .wiki-page .wiki-page-content, -html[lang^=nm] .commentingAs, -html[lang^=nm] .date time, -html[lang^=nm] .linkinfo .score, -html[lang^=nm] .linkinfo .shortlink, -html[lang^=nm] .side .titlebox > .fancy-toggle-button, -html[lang^=nm] .edit-stylesheet.choice:after, -html[lang^=nm] .wiki-page .wiki-page-content { - color: #ddd !important; -} - -.res-nightmode .date span, -.res-nightmode .date time, -html[lang^=nm] .date span, -html[lang^=nm] .date time { - border-bottom: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode #header, -.res-nightmode #newlink-with-image-upload #new-link-preview, -.res-nightmode .account-activity-box, -.res-nightmode .date:before, -.res-nightmode .morelink, -.res-nightmode .nextprev a, -.res-nightmode .titlebox h1, -html[lang^=nm] #header, -html[lang^=nm] #newlink-with-image-upload #new-link-preview, -html[lang^=nm] .account-activity-box, -html[lang^=nm] .date:before, -html[lang^=nm] .morelink, -html[lang^=nm] .nextprev a, -html[lang^=nm] .titlebox h1 { - background: #222 !important; -} - -.res-nightmode #header #header-bottom-right #mail:hover, -.res-nightmode #header #header-bottom-right #modmail:hover, -.res-nightmode #header #header-bottom-right .choice:hover, -.res-nightmode #header #header-bottom-right .logout:hover, -.res-nightmode #header #header-bottom-right .user:hover, -html[lang^=nm] #header #header-bottom-right #mail:hover, -html[lang^=nm] #header #header-bottom-right #modmail:hover, -html[lang^=nm] #header #header-bottom-right .choice:hover, -html[lang^=nm] #header #header-bottom-right .logout:hover, -html[lang^=nm] #header #header-bottom-right .user:hover { - background-color: #393939 !important; -} - -.res-nightmode #header #header-bottom-right .logout a, -.res-nightmode #header #header-bottom-right .nohavemail#mail, -html[lang^=nm] #header #header-bottom-right .logout a, -html[lang^=nm] #header #header-bottom-right .nohavemail#mail { - background-color: transparent !important; - outline: 0 !important; -} - -.res-nightmode #header-bottom-right #modmail, -.res-nightmode #header-bottom-right .choice, -.res-nightmode #header-bottom-right .user, -html[lang^=nm] #header-bottom-right #modmail, -html[lang^=nm] #header-bottom-right .choice, -html[lang^=nm] #header-bottom-right .user { - background-color: transparent !important; - outline: 0 !important; -} - -.res-nightmode #header-bottom-left .tabmenu, -.res-nightmode #header-img, -.res-nightmode #header-img.default-header, -html[lang^=nm] #header-bottom-left .tabmenu, -html[lang^=nm] #header-img, -html[lang^=nm] #header-img.default-header { - background: transparent !important; -} - -.res-nightmode #header-bottom-left .tabmenu, -.res-nightmode .new-comment .usertext-body, -html[lang^=nm] #header-bottom-left .tabmenu, -html[lang^=nm] .new-comment .usertext-body { - background-color: transparent; - border: none; -} - -.res-nightmode .date, -html[lang^=nm] .date { - color: #ddd !important; -} - -.res-nightmode .date::before, -html[lang^=nm] .date::before { - color: #ddd !important; -} - -.res-nightmode .flair, -html[lang^=nm] .flair { - color: #ddd !important; -} - -.res-nightmode .footer, -html[lang^=nm] .footer { - border-right: none !important; - border-top: none; -} - -.res-nightmode .footer div.col a, .res-nightmode .footer::after, -html[lang^=nm] .footer div.col a, -html[lang^=nm] .footer::after { - color: #ddd !important; -} - -.res-nightmode div.side div.tagline, -.res-nightmode div.side form.flairtoggle, -.res-nightmode div.side span.subscribers, -html[lang^=nm] div.side div.tagline, -html[lang^=nm] div.side form.flairtoggle, -html[lang^=nm] div.side span.subscribers { - background: #222 !important; - color: #ddd !important; -} - -.res-nightmode div.titlebox .md ul li, -html[lang^=nm] div.titlebox .md ul li { - background: #222 !important; - color: #ddd !important; -} - -.res-nightmode .sidecontentbox .title, -.res-nightmode .sidecontentbox a.helplink, -html[lang^=nm] .sidecontentbox .title, -html[lang^=nm] .sidecontentbox a.helplink { - background: #222 !important; -} - -.res-nightmode div.titlebox .md h1, -.res-nightmode div.titlebox .md h2, -.res-nightmode div.titlebox .md h3, -.res-nightmode div.titlebox .md h4, -html[lang^=nm] div.titlebox .md h1, -html[lang^=nm] div.titlebox .md h2, -html[lang^=nm] div.titlebox .md h3, -html[lang^=nm] div.titlebox .md h4 { - background: #222 !important; -} - -.res-nightmode #searchexpando, -.res-nightmode .icon-menu li, -.res-nightmode .totalvotes, -.res-nightmode .reddit-link, -.res-nightmode .sidecontentbox .content a.author, -.res-nightmode .sidecontentbox .more, -.res-nightmode .reddit-link, -.res-nightmode .linkinfo .score, -.res-nightmode .linkinfo .shortlink, -.res-nightmode div.titlebox .md ul li, -html[lang^=nm] #searchexpando, -html[lang^=nm] .icon-menu li, -html[lang^=nm] .totalvotes, -html[lang^=nm] .reddit-link, -html[lang^=nm] .sidecontentbox .content a.author, -html[lang^=nm] .sidecontentbox .more, -html[lang^=nm] .reddit-link, -html[lang^=nm] .linkinfo .score, -html[lang^=nm] .linkinfo .shortlink, -html[lang^=nm] div.titlebox .md ul li { - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode #searchexpando:hover, -.res-nightmode .icon-menu li:hover, -.res-nightmode .totalvotes:hover, -.res-nightmode .reddit-link:hover, -.res-nightmode .sidecontentbox .content a.author:hover, -.res-nightmode .sidecontentbox .more:hover, -.res-nightmode .reddit-link:hover, -.res-nightmode .linkinfo .score:hover, -.res-nightmode .linkinfo .shortlink:hover, -.res-nightmode div.titlebox .md ul li:hover, -html[lang^=nm] #searchexpando:hover, -html[lang^=nm] .icon-menu li:hover, -html[lang^=nm] .totalvotes:hover, -html[lang^=nm] .reddit-link:hover, -html[lang^=nm] .sidecontentbox .content a.author:hover, -html[lang^=nm] .sidecontentbox .more:hover, -html[lang^=nm] .reddit-link:hover, -html[lang^=nm] .linkinfo .score:hover, -html[lang^=nm] .linkinfo .shortlink:hover, -html[lang^=nm] div.titlebox .md ul li:hover { - background-color: #393939 !important; - border-left-color: #7cb0d9 !important; -} - -.res-nightmode div.side div.leavemoderator, -.res-nightmode div.side p.users-online, -.res-nightmode div.side span.subscribers, -.res-nightmode div.side form.leavecontributor-button, -.res-nightmode div.side .titlebox div.subButtons, -.res-nightmode div.side .titlebox h1.redditname + div, -.res-nightmode div.side .titlebox > .fancy-toggle-button, -html[lang^=nm] div.side div.leavemoderator, -html[lang^=nm] div.side p.users-online, -html[lang^=nm] div.side span.subscribers, -html[lang^=nm] div.side form.leavecontributor-button, -html[lang^=nm] div.side .titlebox div.subButtons, -html[lang^=nm] div.side .titlebox h1.redditname + div, -html[lang^=nm] div.side .titlebox > .fancy-toggle-button { - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - background: #222 !important; - border-top: 1px solid #393939 !important; -} - -.res-nightmode div.side div.tagline, -.res-nightmode div.side form.flairtoggle, -html[lang^=nm] div.side div.tagline, -html[lang^=nm] div.side form.flairtoggle { - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - border-bottom: none !important; - background: #222 !important; -} - -.res-nightmode .titlebox form.toggle, -html[lang^=nm] .titlebox form.toggle { - background: #222; - border-bottom: 1px solid #393939 !important; - border-left: 5px solid #393939 !important; - border-right: 1px solid #393939 !important; - color: #eee; -} - -.res-nightmode .sitetable .comment .comment, -html[lang^=nm] .sitetable .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #393939 !important; -} - -.res-nightmode .sitetable .comment, -html[lang^=nm] .sitetable .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, -html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { - background-color: #222 !important; -} - -.res-nightmode button, -html[lang^=nm] button { - border: none; - background-color: #222 !important; -} - -.res-nightmode a[href*="#square"]::before, -html[lang^=nm] a[href*="#square"]::before { - border: 3px solid #393939; -} - -.res-nightmode .link, -html[lang^=nm] .link { - border-bottom: 1px solid #2D2E32 !important; - border-right: 1px solid #2D2E32 !important; -} - -.res-nightmode .listing-page .link:hover, -html[lang^=nm] .listing-page .link:hover { - background: #393939 !important; - border-left-color: #a9a9a9 !important; -} - -.res-nightmode div.titlebox .md ul li:hover, -html[lang^=nm] div.titlebox .md ul li:hover { - background-color: #393939 !important; - border-left-color: #7cb0d9 !important; -} - -.res-nightmode div.titlebox .md h1:after, -.res-nightmode div.titlebox .md h2:after, -.res-nightmode div.titlebox .md h3:after, -.res-nightmode div.titlebox .md h4:after, -html[lang^=nm] div.titlebox .md h1:after, -html[lang^=nm] div.titlebox .md h2:after, -html[lang^=nm] div.titlebox .md h3:after, -html[lang^=nm] div.titlebox .md h4:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode div.titlebox h1:after, -.res-nightmode div.titlebox .sidecontentbox .title:after, -html[lang^=nm] div.titlebox h1:after, -html[lang^=nm] div.titlebox .sidecontentbox .title:after { - display: block; - position: absolute; - z-index: -1; - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode .flairselector, -.res-nightmode .comments-page .usertext-edit div textarea, -.res-nightmode #eu-cookie-policy .reddit-infobar, -.res-nightmode #search input[type=text], -html[lang^=nm] .flairselector, -html[lang^=nm] .comments-page .usertext-edit div textarea, -html[lang^=nm] #eu-cookie-policy .reddit-infobar, -html[lang^=nm] #search input[type=text] { - background-color: #222 !important; - color: #ddd; -} - -.res-nightmode #header-bottom-left .tabmenu li.selected a, -.res-nightmode .link .usertext-body .md, -.res-nightmode .debuginfo, -.res-nightmode .sidecontentbox a.helplink:hover, -.res-nightmode .cookie-infobar.with-icon:before, -.res-nightmode div.titlebox span.fancy-toggle-button a.active.remove, -.res-nightmode .link .score .likes, -.res-nightmode .nextprev a:hover, -.res-nightmode .side .morelink a:hover, -.res-nightmode button:hover, -.res-nightmode .account-activity-box:hover, -html[lang^=nm] #header-bottom-left .tabmenu li.selected a, -html[lang^=nm] .link .usertext-body .md, -html[lang^=nm] .debuginfo, -html[lang^=nm] .sidecontentbox a.helplink:hover, -html[lang^=nm] .cookie-infobar.with-icon:before, -html[lang^=nm] div.titlebox span.fancy-toggle-button a.active.remove, -html[lang^=nm] .link .score .likes, -html[lang^=nm] .nextprev a:hover, -html[lang^=nm] .side .morelink a:hover, -html[lang^=nm] button:hover, -html[lang^=nm] .account-activity-box:hover { - background-color: #393939 !important; -} - -.res-nightmode .comment .usertext .md p > a:visited, -.res-nightmode .md a, -.res-nightmode h2 a:visited, -html[lang^=nm] .comment .usertext .md p > a:visited, -html[lang^=nm] .md a, -html[lang^=nm] h2 a:visited { - color: #3498db; -} - -.res-nightmode ::-webkit-scrollbar, -html[lang^=nm] ::-webkit-scrollbar { - background-color: #393939; -} - -.res-nightmode ::-webkit-scrollbar-thumb, -html[lang^=nm] ::-webkit-scrollbar-thumb { - background-color: #666; - border: 2px solid #333; - transition: background-color 0.5s; -} - -.res-nightmode ::-webkit-scrollbar-thumb:hover, -html[lang^=nm] ::-webkit-scrollbar-thumb:hover { - background-color: #555; - transition: background-color 0.5s; -} - -.res-nightmode ::-webkit-scrollbar-thumb:active, -html[lang^=nm] ::-webkit-scrollbar-thumb:active { - background-color: #bbb; -} - -.res-nightmode ::-webkit-scrollbar-corner, -html[lang^=nm] ::-webkit-scrollbar-corner { - color: #555; -} - -.res-nightmode textarea, -html[lang^=nm] textarea { - color: #000 !important; -} - -.res-nightmode .content, -html[lang^=nm] .content { - margin-bottom: 0; - margin-top: 0; -} - -.res-nightmode input[type=button], .res-nightmode input[type=reset], .res-nightmode input[type=submit], -html[lang^=nm] input[type=button], -html[lang^=nm] input[type=reset], -html[lang^=nm] input[type=submit] { - border: none; -} - -.res-nightmode .side .spacer .titlebox .redditname, -html[lang^=nm] .side .spacer .titlebox .redditname { - border-left-color: #0078D7; -} - -.res-nightmode .gold-accent, -html[lang^=nm] .gold-accent { - background: #1a1a1a; -} - -.res-nightmode .thing .title:visited, -.res-nightmode .thing.visited .title, -html[lang^=nm] .thing .title:visited, -html[lang^=nm] .thing.visited .title { - color: #808c94; -} - -.res-nightmode .thing .title, -html[lang^=nm] .thing .title { - color: #B5C4D0; -} - -.res-nightmode .content.submit .info-notice, -.res-nightmode .submit-page .roundfield, -html[lang^=nm] .content.submit .info-notice, -html[lang^=nm] .submit-page .roundfield { - background-color: #222; - color: #eee; -} - -.res-nightmode #header #header-bottom-right #mail.havemail, -html[lang^=nm] #header #header-bottom-right #mail.havemail { - outline: 0; -} - -.res-nightmode .formtabs-content .infobar, -html[lang^=nm] .formtabs-content .infobar { - border-color: transparent !important; -} - -.res-nightmode .infobar, -html[lang^=nm] .infobar { - border-color: #ff4500 !important; -} - -.res-nightmode span.score, -html[lang^=nm] span.score { - color: #888 !important; -} - -.res-nightmode .comment.spam > .child, -.res-nightmode .message.spam > .child, -.res-nightmode .usertext.grayed .usertext-body, -html[lang^=nm] .comment.spam > .child, -html[lang^=nm] .message.spam > .child, -html[lang^=nm] .usertext.grayed .usertext-body { - background-color: transparent; -} - -.res-nightmode div.commentarea .infobar, -html[lang^=nm] div.commentarea .infobar { - color: #eee; - border: none; -} - -.res-nightmode .comment, -html[lang^=nm] .comment { - border: 1px solid #43474F; -} - -.res-nightmode a[href*='#icon-day'], -html[lang^=nm] a[href*='#icon-day'] { - display: inline-block !important; -} - -.res-nightmode a[href*='#icon-day']::before, -html[lang^=nm] a[href*='#icon-day']::before { - display: inline-block !important; - display: none; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; - background: url(%%spritesheet%%) -85px -294px; -} - -.res-nightmode a[href*='#icon-night'], -html[lang^=nm] a[href*='#icon-night'] { - display: none; -} - -.res-nightmode a[href*="#icon-chat"]::before, -html[lang^=nm] a[href*="#icon-chat"]::before { - background-image: url(%%wincore-2%%); - background-position: -5px -405px; -} - -.res-nightmode a[href*="#icon-feedback"]::before, -html[lang^=nm] a[href*="#icon-feedback"]::before { - background-position: -47px -149px; -} - -.res-nightmode a[href*="#icon-feedback2"]::before, -html[lang^=nm] a[href*="#icon-feedback2"]::before { - background-position: -5px -375px; -} - -.res-nightmode a[href*="#iconz-tips"]::before, -html[lang^=nm] a[href*="#iconz-tips"]::before { - background-position: -234px -47px; -} - -.res-nightmode a[href*="#iconz-updates"]::before, -html[lang^=nm] a[href*="#iconz-updates"]::before { - background-position: -259px -119px; -} - -.res-nightmode a[href*="#iconz-faq"]::before, -html[lang^=nm] a[href*="#iconz-faq"]::before { - background-position: -174px -47px; -} - -.res-nightmode a[href*="#iconz-install"]::before, -html[lang^=nm] a[href*="#iconz-install"]::before { - background-position: -259px -119px; -} - -.res-nightmode a[href*="#iconz-wiki"]::before, -html[lang^=nm] a[href*="#iconz-wiki"]::before { - background-position: -204px -149px; -} - -.res-nightmode #siteTable .thing, -.res-nightmode .link.promotedlink, -html[lang^=nm] #siteTable .thing, -html[lang^=nm] .link.promotedlink { - background: #202020; -} - -.res-nightmode .organic-listing, -html[lang^=nm] .organic-listing { - background: none !important; -} - -.res-nightmode body > .content #siteTable .thing.self .thumbnail, -html[lang^=nm] body > .content #siteTable .thing.self .thumbnail { - background-position: -77px -5px; -} - -.res-nightmode body > .content #siteTable .thing .thumbnail.default, -html[lang^=nm] body > .content #siteTable .thing .thumbnail.default { - background-position: -174px -77px; -} - -.res-nightmode div.side span.subscribers span.number:before, -html[lang^=nm] div.side span.subscribers span.number:before { - background-position: -162px -5px; -} - -.res-nightmode .expando-button.selftext.collapsed, -html[lang^=nm] .expando-button.selftext.collapsed { - background-position: -5px -242px; -} - -.res-nightmode .expando-button.selftext.collapsed:hover, -html[lang^=nm] .expando-button.selftext.collapsed:hover { - background-position: -225px -204px; -} - -.res-nightmode .expando-button.selftext.expanded, -html[lang^=nm] .expando-button.selftext.expanded { - background-position: -65px -204px; -} - -.res-nightmode .expando-button.selftext.expanded:hover, -html[lang^=nm] .expando-button.selftext.expanded:hover { - background-position: -105px -204px; -} - -.res-nightmode .expando-button.video.collapsed, -html[lang^=nm] .expando-button.video.collapsed { - background-position: -85px -242px; -} - -.res-nightmode .expando-button.video.collapsed:hover, -html[lang^=nm] .expando-button.video.collapsed:hover { - background-position: -45px -242px; -} - -.res-nightmode .expando-button.video.expanded, -html[lang^=nm] .expando-button.video.expanded { - background-position: -65px -204px; -} - -.res-nightmode .expando-button.video.expanded:hover, -html[lang^=nm] .expando-button.video.expanded:hover { - background-position: -105px -204px; -} - -.res-nightmode .date:after, -html[lang^=nm] .date:after { - border-color: transparent #393939 transparent transparent !important; -} - -.res-nightmode .date span, -html[lang^=nm] .date span { - border-left: 5px solid #393939 !important; - color: #ddd; - border-right-color: #393939; -} - -.res-nightmode .date time, -html[lang^=nm] .date time { - border-right: 1px solid #393939 !important; -} - -.res-nightmode .link.last-clicked, -html[lang^=nm] .link.last-clicked { - background: #393939 !important; -} - -.res-nightmode .comments-page .link, -html[lang^=nm] .comments-page .link { - border-left: 3px solid transparent; -} - -.res-nightmode .res .RES-keyNav-activeElement { - background-color: #292929 !important; -} - -.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, -.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { - background-color: #292929 !important; -} - -.res-nightmode .RES-keyNav-activeElement { - background-color: #292929 !important; -} - -.res-nightmode .RES-keyNav-activeElement .md-container { - background-color: #292929 !important; -} - -.res-nightmode .arrow.upmod { - background-position: -296px -60px !important; -} - -.res-nightmode .arrow.down { - background-position: -321px -60px !important; -} - -.res-nightmode .arrow.up { - background-position: -289px -194px !important; -} - -.res-nightmode .arrow.downmod { - background-position: -271px -60px !important; -} - -.res-nightmode .side .titlebox > .fancy-toggle-button { - background: #222 !important; - color: #ddd !important; -} - -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { - background-color: transparent !important; -} - -.res #sr-header-area #srDropdownContainer a:hover { - opacity: 1; -} - -.res .comment .midcol { - margin-left: 20px; -} - -.res .comment .new-comment { - border: 2px solid #FFAB91 !important; - border-radius: 0px !important; -} - -.res #sr-header-area #srDropdownContainer a { - width: 35px; - height: 23px; - padding: 0; - margin: 0; - display: block; - background: url(%%spritesheet%%) -225px -252px no-repeat; - line-height: 35px; - text-indent: -999em; -} - -.res .RES-keyNav-activeElement, -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .noncollapsed .RES-keyNav-activeElement.entry { - background-color: 0 0 !important; -} - -.res .RESDashboardToggle, -.res .RESshortcutside { - background: 0 0; - border: none; - font-weight: 400; - text-transform: uppercase; -} - -.res .sitetable .sitetable { - margin-right: 0; -} - -.RESSubscriptionButton { - color: #fff !important; - border-radius: 1px !important; - background-color: transparent !important; -} - -.RESSubscriptionButton { - border: none !important; -} - -#RESAnnouncementAlert, -#userbarToggle, -.multi-count, -.sidecontentbox .content .RESUserTagImage::after, -.res .sidebox.create, -.res .message-count, -.res .side .userTagLink { - display: none !important; -} - -#RESSettingsButton { - right: 20px; - top: 3px; -} - -#RESStaticShortcuts { - line-height: 25px; -} - -.footer { - border-bottom: 1px solid #1a1a1a; - padding: 0; - border-left: 1px solid #1a1a1a; -} - -.footer::after { - border-bottom: 1px solid #1a1a1a; - display: block; - margin-top: 0; - padding: 10px; - padding-top: 8px !important; - color: #000; - content: "Designed by /u/Jaskys"; - font-size: 16px; - font-family: "Segoe UI", Helvetica, sans-serif; - border-top: 34px solid #1a1a1a; - border-right: 1px solid #1a1a1a; - margin-bottom: -1.1px; - width: 90px; -} - -.footer div.col { - position: relative; - margin: 0; - padding: 0; - width: 176px; - height: auto; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -.footer div.col .title { - font-size: 16px; - text-transform: capitalize; - padding: 8px; - color: #fff; - background: #1a1a1a; - max-height: 18px; -} - -.footer div.col a { - display: block; - margin: 5px; - padding: 3px 4px 3px 7px; - color: #000; -} - -.footer div.col a:hover { - color: #000; - text-decoration: none; - background: #fff; -} - -.footer p.bottommenu { - font-weight: 700; - color: #FFF; - clear: left; - padding: 6px; -} - -.footer p.bottommenu a { - font-weight: 700; - color: #FFF; -} - -.footer .col { - border-left: none !important; -} - -.debuginfo { - background: #F6F6F6; -} - -.rounded { - border-radius: 0; -} - -.flat-vert { - text-align: center; -} - -.titlebox h1.redditname a { - font-size: 0; -} - -.titlebox h1.redditname a:after { - content: "Windows Mobile"; - color: #fff; - font: 400 small verdana, arial, helvetica, sans-serif; -} - -#header .redditname a { - font-size: 0; - background: url(%%wincore-2%%) -5px -5px no-repeat; - margin-left: 10px; - height: 100px; - display: block; - position: absolute; - top: 30px; -} - -#header .redditname a:hover { - background: url(%%wincore-2%%) -5px -115px no-repeat !important; - text-decoration: none; -} - -#header .redditname a:after { - content: "Windows Mobile"; - font-size: 70px; - font-weight: lighter; - color: #ECF0F1; - font-family: "Segoe UI Light", Helvetica, sans-serif; - letter-spacing: .05em; - margin-left: 100px; - line-height: 100px; - font-variant: normal; - transition: background-color 0.5s; -} - -.flair-mod, -.flair-msft { - border: none; - background: 0 0; - font-weight: 700; -} - -.flair-mod:before, -.flair-msft:before { - content: "- "; -} - -.sidecontentbox .flair-mod { - display: none; -} - -.flair-mod { - color: #00a64f; -} - -.linklisting .flair-msft:after { - display: none; -} - -.flair-msft { - height: 16px; - line-height: 16px; - color: #0078D7; - padding: 0; -} - -.flair-msft:after { - content: "Microsoft Employee"; - position: absolute; - top: -0.7px; - right: -1px; - bottom: -1px; - left: -1px; - text-align: right; - padding: .25em .5em; - border: 3px solid #8bb9e2; - pointer-events: none; -} - -.author[href$=Adam-MSFT], .author[href$=Dave_MSFT], .author[href$=DrPreppy], .author[href$=EKILBO], .author[href$=Giffdev], .author[href$=James-MSFT], .author[href$=KritiMSFT], .author[href$=MailmanOdd], .author[href$=MasterDevwi], .author[href$=MsftHealthWill], .author[href$=NorthFaceHiker], .author[href$=Psychlist1972], .author[href$=Sawan-Msft], .author[href$=Sawan-MSFT], .author[href$=StephA_MSFT], .author[href$=Zev_MSFT], .author[href$=adam_msft], .author[href$=anaotero-MSFT], .author[href$=anbutle], .author[href$=anthonykinseymsft], .author[href$=bbyboi], .author[href$=bitcrazed], .author[href$=bloodytemplar], .author[href$=devbent], .author[href$=donaMSFT], .author[href$=jenmsft], .author[href$=Sean_MSFT], .author[href$=jeremy_msft], .author[href$=johnwinkmsft], .author[href$=josh_msft], .author[href$=kylealden], .author[href$=maheshrd], .author[href$=mike_msft], .author[href$=msftbanddev], .author[href$=msftbilly], .author[href$=mvaneerde], .author[href$=ooeygui], .author[href$=samersaw], .author[href$=sjarawan], .author[href$=stefohneee], .author[href$=toma_msft], .author[href$=vpmsft], .author[href$=xander-msft], .author[href$=zac_l], .author[href$=craigbarkhouse], .author[href$=elvenharps], .author[href$=nerdile], .author[href$=einarmsft], .author[href$=yosefdurr], .author[href$=Travis_MSFT], .author[href$=caithartMSFT], .author[href$=ClayMSFT] { - color: #0078D7; - font-weight: 700; -} - -.author[href$=ildun], .author[href$=Katsuga50] { - color: #e67e22; - font-weight: 700; -} - -.flair-wiki { - color: #e67e22; - font-weight: 700; - height: 16px; - line-height: 16px; - border: none; - background: 0 0; - padding: 0; -} - -.flair-wiki:before { - content: "- "; -} - -html:lang(nh) .linkflair-bug, -html:lang(nh) .linkflair-help { - display: none !important; -} - -.flairselector { - background-color: #fff; -} - -.linkflair-help .linkflairlabel { - background-color: #FF6138; - border-color: #FF6138; -} - -.linkflair-solved .linkflairlabel { - background-color: #008a00; - border-color: #008a00; -} - -.linkflair-unresolved .linkflairlabel { - background-color: #FF7D4D; - border-color: #FF7D4D; -} - -.linkflair-bug .linkflairlabel { - background-color: #ce352c; - border-color: #ce352c; -} - -.linkflair-update .linkflairlabel { - background-color: #0078D7; - border-color: #0078D7; -} - -.linkflair-feature .linkflairlabel { - background-color: #00aba9; - border-color: #00aba9; -} - -.linkflair-discussion .linkflairlabel { - background-color: #ff9e00; - border-color: #ff9e00; -} - -.linkflair-hardware .linkflairlabel { - background-color: #f0a30a; - border-color: #f0a30a; -} - -.linkflair-tip .linkflairlabel { - background-color: #468966; - border-color: #468966; -} - -.linkflair-meta .linkflairlabel { - background-color: #4390df; - border-color: #4390df; -} - -.linkflair-app .linkflairlabel { - background-color: #bf5a15; - border-color: #bf5a15; -} - -.linkflair-gaming .linkflairlabel { - background-color: #107c10; - border-color: #107c10; -} - -.linkflair-question .linkflairlabel { - background-color: #008a00; - border-color: #008a00; -} - -.linkflair-news .linkflairlabel { - background-color: #F2385A; - border-color: #F2385A; -} - -.linkflair-official .linkflairlabel { - background-color: #2086bf; - border-color: #2086bf; -} - -.linkflair-oc .linkflairlabel { - background-color: #76608a; - border-color: #76608a; -} - -.linkflair-concept .linkflairlabel { - background-color: #14B6F5; - border-color: #14B6F5; -} - -.linkflair-request .linkflairlabel { - background-color: #00aba9; - border-color: #00aba9; -} - -.side a[href*='#update'], .side a[href*='#official'], .side a[href*='#news'], .side a[href*='#help'], .side a[href*='#solved'], .side a[href*='#unresolved'], .side a[href*='#bug'], .side a[href*='#feature'], .side a[href*='#discussion'], .side a[href*='#hardware'], .side a[href*='#tip'], .side a[href*='#meta'], .side a[href*='#gaming'], .side a[href*='#app'], .side a[href*='#original%20content'], .side a[href*='#concept'], .side a[href*='#request'], .side a[href*='#question'], .side a[href*='#hideflair'], .side a[href*='#hidehelp'] { - display: inline-block; - position: relative; - text-align: center; - font-size: 80%; - padding: 3px 10px; - color: #fff; - margin: 3px; -} - -.side a[href*='#official'] { - background: #2086bf; -} - -.side a[href*='#news'] { - background: #F2385A; -} - -.side a[href*='#help'] { - background: #FF6138; -} - -.side a[href*='#solved'] { - background: #008a00; -} - -.side a[href*='#unresolved'] { - background: #FF7D4D; -} - -.side a[href*='#bug'] { - background: #ce352c; -} - -.side a[href*='#update'] { - background: #81003c; -} - -.side a[href*='#feature'] { - background: #00aba9; -} - -.side a[href*='#discussion'] { - background: #bf5a15; -} - -.side a[href*='#hardware'] { - background: #f0a30a; -} - -.side a[href*='#tip'] { - background: #468966; -} - -.side a[href*='#meta'] { - background: #4390df; -} - -.side a[href*='#gaming'] { - background: #76608a; -} - -.side a[href*='#app'] { - background: #bf5a15; -} - -.side a[href*='#original%20content'] { - background: #0B9C67; -} - -.side a[href*='#concept'] { - background: #14B6F5; -} - -.side a[href*='#request'] { - background: #00aba9; -} - -.side a[href*='#question'] { - background: #008a00; -} - -.side a[href*='#hideflair'], .side a[href*='#hidehelp'] { - background: #E42608; -} - -.side a[href*='#update']:hover, .side a[href*='#official']:hover, .side a[href*='#news']:hover, .side a[href*='#help']:hover, .side a[href*='#solved']:hover, .side a[href*='#unresolved']:hover, .side a[href*='#bug']:hover, .side a[href*='#feature']:hover, .side a[href*='#discussion']:hover, .side a[href*='#hardware']:hover, .side a[href*='#tip']:hover, .side a[href*='#meta']:hover, .side a[href*='#gaming']:hover, .side a[href*='#app']:hover, .side a[href*='#original%20content']:hover, .side a[href*='#concept']:hover, .side a[href*='#request']:hover, .side a[href*='#question']:hover, .side a[href='']:hover { - opacity: 0.8; -} - -.flair-special { - margin: 0 4px 4px 0; - padding: 0 11px 1px; - border-width: 1px; - border-radius: 1px; - color: #fff; - font-weight: 700; - background-color: #008a00; - border-color: #008a00; -} - -.linkflairlabel { - margin: 0 4px -2px 0; - padding: 0 4px 1px; - vertical-align: -2px; - color: #fff; - font-weight: 400; - font-size: 10px; - font-family: "Segoe UI", Helvetica, sans-serif; - pointer-events: none; - border-width: 3px; - border-radius: 1px; - pointer-events: none; -} - -.linkflairlabel:lang(nf) { - display: none; -} - -.linkflair-discussion { - border-left: 3px solid #ff9e00 !important; - background: rgba(255, 158, 0, 0.1); -} - -.linkflair-tip { - border-left: 3px solid #468966 !important; - background: rgba(70, 137, 102, 0.1); -} - -.linkflair-news { - border-left: 3px solid #F2385A !important; - background: rgba(242, 56, 90, 0.1); -} - -.comments-page .link.linkflair-solved { - display: block; -} - -#header-img.default-header, -a[href*="#icon-day"] { - display: none; -} - -a[href*='#square-app']::before { - background: -187px -5px #bf5a15; - border: 3px solid #e8e8e8; -} - -a[href*='#square-tip']::before { - background: -187px -5px #555; - border: 3px solid #e8e8e8; -} - -a[href*='#square-meta']::before { - background: -187px -5px #4390df; - border: 3px solid #e8e8e8; -} - -a[href*='#square-original']::before { - background: -187px -5px #76608a; - border: 3px solid #e8e8e8; -} - -a[href*='#square-concept']::before { - background: -187px -5px #14B6F5; - border: 3px solid #e8e8e8; -} - -a[href*='#square-solved']::before { - background: -187px -5px #008a00; - border: 3px solid #e8e8e8; -} - -a[href*='#square-hflairs']::before { - background: -187px -5px #1a1a1a; - border: 3px solid #e8e8e8; - border-radius: 50%; -} - -a[href*='#square-hhelp']::before { - background: -187px -5px #0078D7; - border: 3px solid #e8e8e8; - border-radius: 50%; -} - -a[href*='#square'] + .keyNavAnnotation { - display: none; -} - -a[href*='#square-feature']::before, a[href*='#square-request']::before, a[href*='#square-bug']::before, a[href*='#square-official']::before, a[href*='#square-news']::before, a[href*='#square-help']::before, a[href*='#square-update']::before, a[href*='#square-discussion']::before, a[href*='#square-hardware']::before, a[href*='#square-app']::before, a[href*='#square-tip']::before, a[href*='#square-meta']::before, a[href*='#square-original']::before, a[href*='#square-concept']::before, a[href*='#square-solved']::before, a[href*='#square-hflairs']::before, a[href*='#square-hhelp']::before, a[href*='#square-gaming']::before { - display: inline-block; - height: 10px; - width: 10px; - content: ''; - margin: 0 5px -4px 0; -} - -a[href*='#square-']:hover::before { - text-decoration: none; - background: #0078D7; - border-color: #80c2ff; - left: 4px; - top: 8px; - transition: all 0.15s ease; -} - -a[href*='#square-bug']::before { - background: -187px -5px #ce352c; - border: 3px solid #e8e8e8; -} - -a[href*='#square-official']::before { - background: -187px -5px #2086bf; - border: 3px solid #e8e8e8; -} - -a[href*='#square-news']::before { - background: -187px -5px #F2385A; - border: 3px solid #e8e8e8; -} - -a[href*='#square-help']::before { - background: -187px -5px #FF6138; - border: 3px solid #e8e8e8; -} - -a[href*='#square-update']::before { - background: -187px -5px #81003c; - border: 3px solid #e8e8e8; -} - -a[href*='#square-discussion']::before { - background: -187px -5px #ff9e00; - border: 3px solid #e8e8e8; -} - -a[href*='#square-hardware']::before { - background: -187px -5px #f0a30a; - border: 3px solid #e8e8e8; -} - -a[href*='#square-gaming']::before { - background: -187px -5px #107c10; - border: 3px solid #e8e8e8; -} - -a[href*='#square-feature']::before, a[href*='#square-request']::before { - background: -187px -5px #00aba9; - border: 3px solid #e8e8e8; -} - -.side .md blockquote { - padding: 2px 10px 5px; - border-left: 5px solid #f5c684; - background-color: #fef8f1; - border-bottom: 1px solid #d7ecff; - border-right: 1px solid #d7ecff; - font-size: 10px; - margin: 0 5px 0 0; - color: #222; -} - -.side .md blockquote:hover { - background-color: #fcecd9; - border-left-color: #f0ad4e; -} - -.side .md blockquote a { - font-size: 11px; -} - -.res-nightmode .side .md blockquote, -html[lang^=nm] .side .md blockquote { - border-left: 5px solid #3B81FB !important; - color: #ddd !important; -} - -a[href$="WindowsMobile#2"] { - position: absolute; - top: 135px; - left: 48px; - color: #ddd !important; - z-index: 99; - border-bottom: 3px solid transparent !important; - text-transform: uppercase; - transition: all .15s ease-in-out; - line-height: 14px; - height: 20px; - padding: 8px 9px 0; - font-size: 11.4px !important; - letter-spacing: 0.1em; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -a[href$="WindowsMobile#2"]:hover { - color: #fff !important; - background: rgba(0, 0, 0, 0.1); - border-color: #fff !important; -} - -a[href*="#Donsiders"], a[href*="#btn"] { - display: inline-block; - border: 1px solid #0081ba; - color: #fff !important; - padding: 10px 13px; - margin: 5px 0; - transition: all 0.5s; - border-radius: 1px; -} - -a[href*="#Donsiders"]:hover, a[href*="#btn"]:hover { - background: #0078D7; - -webkit-transform: translateY(-1px); - -moz-transform: translateY(-1px); - -ms-transform: translateY(-1px); - -o-transform: translateY(-1px); - transform: translateY(-1px); - box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); -} - -a[href*="#Donsiders"] { - background: #009e7e; -} - -a[href*="#Donsiders"]:hover { - background: #0078D7; -} - -a[href*="#btn"] { - background: #0057a6; -} - -a[href*="#square-showflairs"] { - float: right; -} - -a[href*="#square-showflairs"]::before { - display: inline-block; - height: 10px; - width: 10px; - content: ""; - background: -187px -5px #1a1a1a; - border: 3px solid #e8e8e8; - border-radius: 50%; - margin-left: 5px; -} - -a[href*="#square-hflairs"]::after { - content: "or"; - margin-left: 50px; -} - -a[href*="#square-hflairs"]:hover::after { - color: #1a1a1a; -} - -.side .md [href$="#butt"] { - display: inline-block !important; - font-size: 8pt; - border: 2px solid #1a1a1a; - padding: 9px 8px; - transition: background-color .5s; - text-align: center; - color: #1a1a1a; -} - -.side .md [href$="#butt"]:hover { - background: #1a1a1a; - color: #fff; -} - -.side .md > p:first-of-type { - display: none; -} - -.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { - content: "- flair your thread as solved once your problem is resolved"; - margin-left: 6px; - color: #008a00; -} - -.comments-page .link.linkflair-help .flat-list a.flairselectbtn { - color: #0078D7 !important; -} - -.linkflair-solved.link { - display: none; -} - -.search-page .linkflair-solved.link { - display: block; -} - -a[href*='#icon-chat']::before, a[href*='#icon-feedback']::before, a[href*='#icon-night']::before, a[href*='#icon-feedback2']::before { - display: inline-block; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; -} - -a[href*='#icon']:hover { - text-decoration: none; -} - -a[href*='#icon-chat']::before { - background: url(%%spritesheet%%) -5px -204px; -} - -a[href*='#icon-feedback']::before { - background: url(%%spritesheet%%) -35px -204px; -} - -a[href*='#icon-night']::before { - background: url(%%spritesheet%%) -125px -242px; -} - -a[href*='#icon-feedback2']::before { - background: url(%%wincore-2%%) -5px -345px; -} - -a[href*="#icon-more"] { - text-align: center; - display: block; - color: #0078D7; - font-size: 16px; -} - -a[href*='#iconz'] + .keyNavAnnotation { - display: none; -} - -a[href*='#iconz-tips']::before, a[href*='#iconz-updates']::before, a[href*='#iconz-faq']::before, a[href*='#iconz-install']::before, a[href*='#iconz-wiki']::before { - display: inline-block; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; -} - -a[href*='#iconz']:hover { - text-decoration: none; -} - -a[href*='#iconz-tips']::before { - background: url(%%spritesheet%%) -204px -47px; -} - -a[href*='#iconz-faq']::before { - background: url(%%spritesheet%%) -47px -47px; -} - -a[href*='#iconz-updates']::before { - background: url(%%spritesheet%%) -102px -77px; -} - -a[href*='#iconz-install']::before { - background: url(%%spritesheet%%) -229px -119px; -} - -a[href*='#iconz-wiki']::before { - background: url(%%spritesheet%%) -174px -149px; -} - -.link a.thumbnail[href*="blogs.windows.com"] { - background: url(%%spritesheet%%) -234px -149px no-repeat !important; - width: 45px; - height: 45px; - margin: 10px; -} - -.link a.thumbnail[href*="blogs.windows.com"] img { - display: none; -} - -.res-nightmode .subscribers .number:after, -.subscribers .number:after { - content: " insiders waiting for new bits"; -} - -.subscribers .word { - display: none; -} - -.arrow.down { - pointer-events: none; -} - -.subscriber .arrow.down { - pointer-events: initial; -} - -.helplink ~ .content .author[href*=Jaskys]::after { - content: '- Designer'; - font-size: 0.945em; - margin-left: 5px; - color: #1a1a1a; -} - -a[href*='#icon-'] + .keyNavAnnotation { - display: none; -} - -a[href*='#icon-']:hover { - text-decoration: none; -} - -a[href*='#icon-']::before { - display: inline-block; - height: 16px; - width: 16px; - content: ''; - margin: 0 5px -1px 0; - background: url(%%Skype%%) no-repeat top left; -} - -a[href*='#icon2-']::before { - display: inline-block; - height: 16px; - width: 16px; - content: ''; - margin: 0 5px -1px 0; - background: url(%%Twitter%%) no-repeat top left; -} - -a[href*='#icon3-']::before { - display: inline-block; - height: 16px; - width: 16px; - content: ''; - margin: 0 5px -1px 0; - background: url(%%WindowsM%%) no-repeat top left; -} - -a[href*='#icon4-']::before { - display: inline-block; - height: 16px; - width: 16px; - content: ''; - margin: 0 5px -1px 0; - background: url(%%SmartphoneTablet%%) no-repeat top left; -} - -a[href*='#icon5-']::before { - display: inline-block; - height: 16px; - width: 16px; - content: ''; - margin: 0 5px -1px 0; - background: url(%%Updates%%) no-repeat top left; -} - -a[href*='#icon6-']::before { - display: inline-block; - height: 16px; - width: 16px; - content: ''; - margin: 0 5px -1px 0; - background: url(%%Star%%) no-repeat top left; -} - -a[href*='#icon7-']::before { - display: inline-block; - height: 16px; - width: 16px; - content: ''; - margin: 0 5px -1px 0; - background: url(%%AppHighlight%%) no-repeat top left; -} - -.flair:before { - content: ""; - width: 10px; - height: 16px; - display: inline-block; - background-repeat: no-repeat; - background-image: url(%%flair-phones%%); - vertical-align: middle; - margin-right: 3px; -} - -.flair { - cursor: help; -} - -.flair-userGray:before { - background-position: 0 0; -} - -.flair-userPink:before { - background-position: -16px 0; -} - -.flair-userLime:before { - background-position: -32px 0; -} - -.flair-userOrange:before { - background-position: -48px 0; -} - -.flair-userBlue:before { - background-position: -64px 0; -} - -.flair-userTeal:before { - background-position: -80px 0; -} - -.flair-userYellow:before { - background-position: -96px 0; -} - -.flair-userPurple:before { - background-position: -112px 0; -} - -.flair-userGreen:before { - background-position: -128px 0; -} - -.flair-userRed:before { - background-position: -144px 0; -} - -.flair-userDarkPink:before { - background-position: -160px 0; -} - -.flair-userBrown:before { - background-position: -176px 0; -} - -.flair-userBlack:before { - background-position: -192px 0; -} - -.helplink ~ .content .author[href*="AutoModerator"] { - font-size: 0; - content: ''; -} - -.helplink ~ .content .author[href*="AutoModerator"]::before { - content: 'Joe Belfiore'; - font-size: 8pt; -} - -a.author[href$="AutoModerator"]::before { - content: "Joe Belfiore"; - color: #369; - font-size: x-small; -} - -a[href$='AutoModerator'].author { - margin-right: 0.5em; - font-size: 0pt; -} - -.comment .author[href$="AutoModerator"] { - font-weight: bold; - font-size: 0pt; -} - -a[href*='#mb-discord']::before { - display: inline-block; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; - background: url(%%discord%%) -5px -5px; -} - -a[href*='#mb-discordn']::before { - display: inline-block; - height: 20px; - width: 20px; - content: ''; - margin: 0 7px -4px 0; - background: url(%%discord%%) -35px -5px; -} - -a[href$="Windows10#2"] { - position: absolute; - top: 135px; - left: 48px; - color: #ddd !important; - z-index: 99; - border-bottom: 3px solid transparent !important; - text-transform: uppercase; - transition: all .15s ease-in-out; - line-height: 14px; - height: 20px; - padding: 8px 9px 0; - font-size: 11.4px !important; - letter-spacing: 0.1em; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -a[href$="Windows10#2"]:hover { - color: #fff !important; - background: rgba(0, 0, 0, 0.1); - border-color: #fff !important; -} - -a[href$="WindowsApps#2"] { - position: absolute; - top: 135px; - left: 112px; - color: #ddd !important; - z-index: 99; - border-bottom: 3px solid transparent !important; - text-transform: uppercase; - transition: all .15s ease-in-out; - line-height: 14px; - height: 20px; - padding: 8px 9px 0; - font-size: 11.4px !important; - letter-spacing: 0.1em; - font-family: "Segoe UI", Helvetica, sans-serif; -} - -a[href$="WindowsApps#2"]:hover { - color: #fff !important; - background: rgba(0, 0, 0, 0.1); - border-color: #fff !important; -} +#header{height:165px;background:#F54E7A;border-bottom:none}#header #header-bottom-right #mail.havemail,#header #modmail.havemail{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}#header .hover a:hover,.redditname a:hover:after{color:#fff !important}#header-bottom-left{height:140px}#header-bottom-left .tabmenu{background:rgba(0,0,0,0.2);width:calc(100% - 123px);padding-left:123px;position:absolute;bottom:0;left:0;font-family:"Segoe UI",Helvetica,sans-serif;transition:.5s}#header-bottom-left .tabmenu li{font-weight:400;margin:0}#header-bottom-left .tabmenu li a{background:0 0;color:#ddd;font-size:11.4px;font-family:"Segoe UI",Helvetica,sans-serif;line-height:30px;padding:8px 9px 6px;letter-spacing:0.1em;text-transform:uppercase;transition:all .15s ease-in-out;border-bottom:3px solid transparent !important}#header-bottom-left .tabmenu li a:hover{color:#fff;background:rgba(0,0,0,0.1);border-bottom:3px solid #fff !important}#header-bottom-left .tabmenu li.selected a{background-color:#f06292;border:0;color:#fff;padding-top:7px;font-weight:700;border-bottom:3px solid currentColor !important}#header-bottom-right #modmail,#header-bottom-right .user{height:37px;white-space:nowrap;border-radius:1px;overflow:hidden;transition:background-color 0.5s}#header-img{text-indent:-9999px;display:inline-block;margin-top:112px;position:absolute;z-index:99;height:27px;width:27px;margin-left:4px;padding-right:11px;padding-left:8px;opacity:.8;background-repeat:no-repeat !important;transition:all .15s ease-in-out;border-bottom:3px solid transparent !important}#header-img:hover{opacity:1;background:rgba(0,0,0,0.1);font-weight:500;border-bottom:3px solid #fff !important}#sr-header-area{transition:opacity .3s;opacity:.4;height:24px;background-color:#0C1722;border-bottom:0;letter-spacing:1px;line-height:22px}#sr-header-area:hover{opacity:1}#sr-header-area a{color:#c4c4c4;font-family:"Segoe UI",Helvetica,sans-serif}#sr-header-area .srdrop.dropdown{width:35px;padding:0}#sr-header-area .sr-list{padding-left:8px;border-left:2px solid rgba(196,196,196,0.9);height:24px;line-height:25px}#sr-header-area .srdrop.dropdown .selected{width:35px;height:23px;padding:0;margin:0;display:block;background:url(%%spritesheet%%) -225px -252px no-repeat;line-height:35px;text-indent:-999em}#sr-header-area .srdrop.dropdown .selected:hover{opacity:1}#sr-header-area .drop-choices.srdrop{padding:5px;margin:1px 0 0;background:#222;border:none}#sr-header-area .drop-choices a.choice{color:#AEAEAE}#sr-header-area .drop-choices a.choice:hover{background-color:#333;color:#EEE}#sr-header-area .drop-choices .choice.bottom-option{border-color:#AEAEAE}#sr-more-link,#header [href$="/rising/"],#header [href$="/controversial/"],#header [href$="/ads/"],#suggested-reddits,.voteWeight,.rank,.titlebox .bottom,.submit-page .content h1,.formtabs-content .infobar,a[href*='#icon']+.keyNavAnnotation,a[href*='#/RES_SR_Config/NightModeCompatible']{display:none !important}#url-field button,.submit-page .content button[name=submit]{background:0 0;transition:all .5s;border:1px solid #5cb85c;color:#5cb85c}#url-field button:hover,.submit-page .content button[name=submit]:hover{background:#5cb85c;color:#fff}.submit-page .tabmenu.formtab{margin-bottom:74px}.submit_text.roundfield.enabled{background:#1992FF;position:absolute;top:223px}.submit_text p{color:#eee}button.save,button.submit-action-thing,button.submit-report{background:0 0;transition:background-color .5s;text-transform:capitalize;font-family:"Segoe UI",Helvetica,sans-serif;border:1px solid #5cb85c;color:#5cb85c;padding:0.25rem 0.75rem}button.save:hover,button.submit-action-thing:hover,button.submit-report:hover{background:#5cb85c;color:#fff}button.cancel,button.cancel-action-thing,button.cancel-report-thing{border:1px solid #d9534f;background:0 0;color:#d9534f;padding:.25rem .75rem;text-transform:capitalize;font-family:"Segoe UI",Helvetica,sans-serif;transition:background-color 0.5s}button.cancel-action-thing:hover,button.cancel-report-thing:hover,button.cancel:hover{background:#d9534f;color:#fff}.next-suggestions a,.nextprev a{padding:0 4px;background:0 0;border:none;color:#f06292;text-align:center}.next-suggestions a:hover,.nextprev a:hover{background:#f06292;border:none;color:#fff;outline:0}.btn:active,.gadget .right a:active,.morelink a:active,.sidecontentbox a.helplink:active,button:active,#header #header-bottom-right #mail.havemail:active,#header #header-bottom-right #mail.nohavemail:active,#header #header-bottom-right .choice:active,#header #header-bottom-right .logout a:active,#header-bottom-left .tabmenu li a:active,#header-bottom-right #modmail:active,#header-bottom-right .user:active{background-color:#1686f0 !important}.comment{position:relative;padding:4px 0 0 30px;z-index:1;border:2px solid #e6e6e6;overflow:hidden;margin:0 18px 8px 0}.comment .expand{transition:all .5s;padding:4px 2px;position:absolute;top:0;left:0;bottom:0;padding:4px}.comment .expand:hover{background:#f06292;color:#fff !important;text-decoration:none}.comment.collapsed .tagline{height:21px;line-height:21px}.comment.collapsed .tagline a{line-height:13px}.comment .child,.comment .showreplies{border-left:none}.new-comment{border-color:#FFAB91 !important}.new-comment .expand:hover{background:#ffab91}.new-comment .usertext-body{background-color:transparent;border:none}.tagline .score{font-weight:700}.tagline .likes{color:#F54E7A}.entry .flat-list .reply-button a{color:#F54E7A}.link .domain{visibility:hidden}.link .domain a{visibility:visible;position:relative;top:-1px;color:#b1b1b1}.domain{display:inline-block !important}#siteTable_organic{background:rgba(6,102,178,0.1);margin-right:325px;margin-top:-7px;left:-5px;border-left:3px solid #ff4500;border-right:1px solid rgba(0,0,0,0.1);border-bottom:none;border-top:none}#ad_sponsorship{max-width:295px}.organic-listing .link.promotedlink{margin-left:-1px;border-bottom:1px solid rgba(0,0,0,0.1)}.flairselector{border:1px solid #F54E7A !important}.flairselector .title{font-size:0 !important}.flairselector h2{color:#fff;font-size:13px;background:#F54E7A !important;padding-top:6px;font-weight:lighter !important;text-transform:capitalize;padding-bottom:6px}.flairselector li:hover{background-color:transparent}.flairselector form{border-top:solid 1px #F54E7A;margin-bottom:10px}.flairselector.drop-choices.active{padding:0 !important;box-shadow:none}.flairselector .linkflair{border-left:none !important;background:0 0;width:110px}.flairselector.drop-choices.active{left:40% !important;top:35% !important;position:fixed}.flairoptionpane{max-height:304px}.flairoptionpane li,.flairoptionpane ul{min-width:120px;padding:3px}.comments-page .link .flat-list a.flairselectbtn{color:#F54E7A !important}.nextprev a,.side .usertext-body .md ol a{transition:background-color 0.5s}.submit-page .roundfield{padding:16px;width:525px;background-color:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:0px}.submit-page .roundfield span.title{color:#4d5763;text-transform:capitalize}.submit-page .submit.content#newlink .tabmenu.formtab a{padding:16px;display:inline-block;text-align:center;background-color:#f5f5f5;color:#4d5763;text-transform:uppercase;font-weight:700;transition:all .25s ease;font-size:16px;border:none;width:247.5px}.submit-page .submit.content#newlink .tabmenu.formtab a:hover{background-color:#e7e9f6}.submit-page .submit.content#newlink .tabmenu.formtab .selected a{font-size:16px;background-color:#F54E7A;color:#fff}.submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover{background-color:#f06292}.submit-page #newlink.submit.content .btn{width:558px;height:auto;text-transform:capitalize;font-size:17px;padding:16px;text-align:center}.submit-page #newlink.submit.content .btn:after{content:" your thread";text-transform:none}.formtabs-content{width:520px;border-top:none;margin-top:-15px}form .spacer+.spacer{margin:0}.content.submit .info-notice{background-color:#fff;border-radius:2px;padding:16px;margin-bottom:0;border:1px solid rgba(0,0,0,0.1) !important}.self .expanded ~ .expando .usertext-body{-webkit-animation:700ms expandy ease-in-out forwards;animation:700ms expandy ease-in-out forwards}@-webkit-keyframes expandy{0%{-webkit-transform:translateY(-100px);opacity:0}50%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes expandy{0%{transform:translateY(-100px);opacity:0}50%{transform:translateY(0)}100%{transform:translateY(0);opacity:1}}.expando-button{cursor:pointer;float:left;height:28px;width:30px}.expando-button.selftext.collapsed,.expando-button.selftext.expanded{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed:hover,.expando-button.selftext.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed{background-position:-195px -256px}.expando-button.selftext.collapsed:hover{background-position:-155px -256px}.expando-button.selftext.expanded{background-position:-265px -218px}.expando-button.selftext.expanded:hover{background-position:-305px -218px}.expando-button.video.collapsed{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed:hover{background-image:url(%%spritesheet%%) !important}.expando-button.video.expanded{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed{background-position:-301px -256px}.expando-button.video.collapsed:hover{background-position:-261px -256px}.expando-button.video.expanded{background-position:-265px -218px}.expando-button.video.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat;background-position:-305px -218px}.expando-button.image{cursor:pointer;display:inline-block;height:28px !important;margin-right:11px;padding:0;vertical-align:top !important;width:30px !important}@media only screen and (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2){.expando-button{cursor:pointer;float:left;height:28px;width:30px;background:center center no-repeat #fff;background-size:341px 331px !important}.expando-button.selftext.collapsed,.expando-button.selftext.expanded{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed:hover,.expando-button.selftext.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat}.expando-button.selftext.collapsed{background-position:-195px -256px}.expando-button.selftext.collapsed:hover{background-position:-155px -256px}.expando-button.selftext.expanded{background-position:-265px -218px}.expando-button.selftext.expanded:hover{background-position:-305px -218px}.expando-button.video.collapsed{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed:hover{background-image:url(%%spritesheet%%) !important}.expando-button.video.expanded{background-image:url(%%spritesheet%%) !important}.expando-button.video.collapsed{background-position:-301px -256px}.expando-button.video.collapsed:hover{background-position:-261px -256px}.expando-button.video.expanded{background-position:-265px -218px}.expando-button.video.expanded:hover{background-image:url(%%spritesheet%%);background-repeat:no-repeat;background-position:-305px -218px}.expando-button.image{cursor:pointer;display:inline-block;height:28px !important;margin-right:11px;padding:0;vertical-align:top !important;width:30px !important}body>.content #siteTable .thing.self .thumbnail{background-image:url(%%spritesheet%%);background-position:-289px -139px;background-size:341px 331px}}.link .usertext-body .md{border-radius:0 !important;border:1px solid #7cb0d9;background-color:#fff}body>.content #siteTable .thing.self .thumbnail{background-image:url(%%spritesheet%%);width:45px;height:45px;margin:10px 15px 10px 10px;background-repeat:no-repeat !important;background-position:-289px -139px}body>.content #siteTable .thing.stickied .thumbnail{background-image:url(%%spritesheet%%);background-repeat:no-repeat !important;background-position:-289px -84px;margin-right:15px}body>.content #siteTable .thing .thumbnail.default,body>.content #siteTable .thing.over18 .thumbnail{background-image:url(%%spritesheet%%) !important;background-repeat:no-repeat !important;margin:10px 15px 10px 10px;width:45px;height:45px}body>.content #siteTable .thing.stickied .entry>.title .title{color:#00a64f;font-weight:400}body>.content #siteTable .thing.over18 .thumbnail{background-position:-286px -5px !important}body>.content #siteTable .thing .thumbnail.default{background-position:-47px -77px;background-size:341px 331px}.link .title,.submit-page #newlink.submit.content .btn,a[href*="#icon-more"]{font-family:"Segoe UI",Helvetica,sans-serif}.link{padding:10px 0;border-left:3px solid #cec0c0;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,0.1)}.link .title{color:#F54E7A}.link .title:visited{color:#b1b1b1}.link.thing.visited .title{color:#b1b1b1;padding:0 !important}.link.last-clicked{border:0;border-left:3px solid #f06292;background:#f0f8ff}.link .score.likes{color:#f06292}.link .score.dislikes{color:#7f7f7f}.link .flair{font-size:1em}.link .midcol{margin:5px 7px}.nextprev a{padding:5px 0 5px 15px;color:#fff;width:auto;display:block;background:#F54E7A;border-radius:0;font-size:small;margin-top:-12px;margin-right:-1px;margin-left:-5px;text-transform:capitalize}.linklisting .nextprev{font-size:0}.linklisting .stickied{border-left:3px solid #00a64f;background:rgba(0,166,79,0.1)}.linklisting .over18{border-left:3px solid #e2062c;background:rgba(225,6,44,0.1)}.linklisting .md{margin-bottom:0}.linklisting .usertext-edit div textarea{margin-left:-10px}.linklisting .reported{background:rgba(255,0,0,0.1);border-left:3px solid #e2062c}.report-reasons.rounded{display:block !important}.newComments{display:inline;color:#F54E7A}.linkinfo .totalvotes{color:#494949 !important}.arrow{background-image:url(%%spritesheet%%) !important;background-position:center center;outline:0 !important;border:none !important}.arrow.up{background-position:-289px -194px}.arrow.upmod{background-position:-296px -60px}.arrow.down{background-position:-321px -60px}.arrow.downmod{background-position:-271px -60px}.arrow.up:hover,.arrow.down:hover{opacity:0.6}body .linklisting{margin-right:330px;bottom:0;margin-top:-7px;padding:0;border-right:1px solid rgba(0,0,0,0.1)}.entry .buttons li a{padding:0px;font-size:1.145em}.tagline,.search-result-meta{font-size:1.145em}#siteTable .thing{margin-left:-5px !important;transition:all .2s}.listing-page .link:hover{border-left-color:#f06292;background:#f0f8ff}.entry .flat-list .report-button a,.res-nightmode .entry .flat-list .report-button a{color:#d9534f}.reddit-infobar{background:#fff;BORDER:1px solid #d7ecff}.reddit-infobar.with-icon{margin-left:-4px}.reddit-infobar.with-icon:before{background-color:solid #F54E7A;background-repeat:no-repeat}.c-btn-primary{background-color:solid #F54E7A;border-bottom:2px solid #4270a2;color:#fff;border-radius:0}.sitetable .comment{background-color:#FFF !important}.sitetable .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#FFF !important}.sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#f5f5f5 !important}a.author{margin-right:0.3em}.panestack-title{margin:0 330px 0 -5px;padding:4px 0px;background:#F54E7A;color:#fff;border-bottom:transparent}.panestack-title .title{font-size:1.3em;margin:10px 0 10px 10px}.panestack-title a.title-button{color:#fff !important}.panestack-title a.title-button.gold{background-color:transparent;border:none}.thing.stickied a.title{font-weight:700 !important;font-size:large}.green,.tagline .moderator{color:#00a64f;font-weight:700;padding-left:0;padding-right:1px}.entry .flat-list .approve-button a{color:#00a64f}.tagline .stickied-tagline{color:#00a64f}.tagline a:hover{color:#f06292 !important}.gold-accent{background-color:#F54E7A;border:none;display:inline-block;color:#fff !important}#noresults{padding:10px;margin-right:310px !important;color:#fff;background:#F54E7A;margin-left:5px !important;display:none}.commentarea .infobar{color:#eee;background:#F54E7A;border:none;display:flex}.commentarea .infobar a{color:#eee}.commentarea .infobar p{line-height:8px}.comments-page .sitetable.nestedlisting>.thing.stickied{border-bottom:solid 3px #00a64f;background:rgba(0,166,79,0.1) !important}.comments-page.linkflair-bug .flat-list a.flairselectbtn:after,.comments-page.linkflair-help .flat-list a.flairselectbtn:after{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}.comments-page .usertext-edit div textarea{background:url(%%wincore-2%%) 206px -213px no-repeat #FFF !important;border:1px solid #000 !important;opacity:.8;margin-top:5px;outline:0;display:block;clear:both;margin-bottom:10px}.comments-page .usertext-edit div textarea:focus{background:#FFF !important;opacity:1;border-color:#0078D6 !important}.comments-page .link{border-left:1px solid #c6c6c6 !important}.commentarea .menuarea{margin:5px 310px 5px 5px}.commentarea .md{margin-bottom:0}.md{overflow:visible}.md a{color:#F54E7A}.md code{white-space:normal}.md blockquote{border-left:2px solid #f06292;background-color:#efefed}.usertext.border .usertext-body{background-color:rgba(0,120,213,0.3);width:95%}.wiki-page .pageactions{border-radius:0;border:1px solid #f06292}.wiki-page .pageactions .wikiaction{margin:0 !important;border-radius:0 !important}.wiki-page .pageactions .wikiaction:hover{background-color:#f06292 !important;color:#fff !important}.wiki-page .pageactions .wikiaction-current{background-color:#F54E7A}.wiki-page .wiki-page-content .nextprev a{margin-bottom:12px}ul.tabmenu.formtab{padding-left:0}::selection{background-color:#f06292;color:#fff}.buttons .comments.empty{color:#F54E7A}.leavemoderator,.titlebox form.toggle{color:#000;background:#fff;border-left:5px solid #d7ecff;padding-left:10px;font-size:8pt;margin-right:5px;border-right:1px solid #d7ecff}#baconBit{width:394px !important;height:304px !important;background-image:url(%%res-easter-egg%%) no-repeat !important;transition:all 10s linear !important}.sheets .col textarea{width:98%;background:#1d1f21;color:#ddd !important;height:712px !important;font-family:SourceCodePro-Medium, monospace}.gadget .right a,a[href*="#tech"]{font-family:"Segoe UI",Helvetica,sans-serif;text-align:center}.sheets ::-webkit-scrollbar{background-color:#0f0f0f !important}.sheets ::-webkit-scrollbar-corner,.sheets ::-webkit-scrollbar-thumb{background:#313131 !important}.panestack-title{border-bottom:transparent}.infobar.newsletterbar{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;overflow:hidden;min-height:80px;padding:15px 20px 20px 25px;border:none;border-radius:0;background-color:#30659B;border-left:3px solid #ff4500;margin:-7px 325px 7px 0px;left:-5px}#eu-cookie-policy .reddit-infobar a{color:#222 !important}.leavemoderator{border-color:#393939 !important;background:#222 !important}.gadget .midcol{margin-right:9px}.gadget .right a{background:#F54E7A;padding:5px 10px;margin-right:5px;display:block;color:#fff;font-size:16px;transition:background-color .5s;text-transform:capitalize}.gadget .right a:hover{background:#f06292}span.clear-input-button{color:#fff}#newlink-with-image-upload .clear-input-button{border-radius:0 !important;width:33px !important;height:27px !important;top:0 !important;line-height:26px !important;border:1px solid grey;background:#F54E7A !important;transition:background-color .5s;right:-10px !important}#newlink-with-image-upload .clear-input-button:hover{background:#f06292 !important}#newlink-with-image-upload .image-upload-drop-target{padding:15px !important}#newlink-with-image-upload .file-upload-button{background:#F54E7A;border:none;padding:7px 20px !important;display:block !important;margin:6px -17px -17px !important;transition:background-color 0.5s}#newlink-with-image-upload .file-upload-button:hover{background:#f06292}@media (max-width: 880px){#siteTable_organic{margin-right:-5px}#header-bottom-left .tabmenu{width:calc(100% - 50px);padding-left:50px}.side{display:none}body .linklisting{margin-right:0 !important}.footer::after{display:none !important}.infobar{margin-right:18px}.footer{border-right:1px solid #F54E7A}.panestack-title{margin:0 0px 0 -5px}.infobar.newsletterbar{margin:-7px -5px 7px 0px}}.side{margin:0;padding-left:30px;background:0 0}.side:after{content:"/r/ClearShift theme";font-size:large;color:#F54E7A;margin-left:50px}.side .md h2{margin-top:1.4em;font-size:1.4em}.side .md h3{font-size:1.2em;color:#555;margin:2em 0 0.2em}.side .md h4{color:#888;margin-bottom:1.5em}.side .md p{margin:0.5em 0}.side .md p a{margin:0 .2em;font-size:1.1em}.side .md p a:first-child{margin-left:0}.side .md h1,.side .md h2,.side .md h3,.side .md h4{color:#fff;font-size:13px;font-weight:400}.side .md h1:after,.side .md h2:after,.side .md h3:after,.side .md h4:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-24px}.side .md h1 a,.side .md h2 a,.side .md h3 a,.side .md h4 a{color:#fff;font-size:13px}.side .md h1{color:#fff;font-size:13px}.side .md h1 a{color:#fff;font-size:13px}.side .titlebox div.subButtons,.side .titlebox h1.redditname+div,.side .titlebox>.fancy-toggle-button{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:8pt;border-radius:0;font-weight:400;margin:0 5px 0 0}.side .titlebox div.subButtons,.side .titlebox h1.redditname+div,.side .titlebox>.fancy-toggle-button{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}.side .titlebox div.subButtons,.side .titlebox>.fancy-toggle-button{width:269.3px}.side .titlebox>.fancy-toggle-button{display:block !important}.side div.titlebox ul{list-style-type:none;margin:0;padding:0}.side .subscribe-button .add{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}@-webkit-keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}@-moz-keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}@keyframes pulsate{0%, + 100%{opacity:0.7}50%{opacity:1}}.titlebox h1:after,.sidecontentbox .title:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-24px}div.side div.tagline{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0}div.side form.flairtoggle,div.side form.leavecontributor-button{padding:10px;border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0}div.side span.subscribers{border:1px solid #d7ecff;border-left:5px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:0.945em;border-radius:0;font-weight:400;margin:0 5px 0 0;padding:7px 10px 10px;display:block !important;padding-top:5px;padding-bottom:10px;border-top:none}div.side span.subscribers span{vertical-align:middle}div.side span.subscribers span.number:before{background:url(%%spritesheet%%) -192px -5px;display:block;float:left;width:20px;height:20px;content:"";margin-right:5px;margin-top:-3px}div.side div.tagline{display:block !important}div.side form.flairtoggle{display:block}div.side div.leavemoderator{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side form.flairtoggle{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side p.users-online{padding-top:5px;padding-bottom:5px;border-top:none;border-bottom:none}div.side div.tagline{padding-top:0;border-top:none}.morelink{border:1px solid #F54E7A;background:#F54E7A;width:145px;margin-right:5px;transition:all 0.5s;box-sizing:border-box}.morelink a{color:#fff;font-family:"Segoe UI",Helvetica,sans-serif;font-weight:400;letter-spacing:0;font-size:0.9em}.morelink:hover{background:#f06292;border-color:#f06292}.morelink:hover a{color:#fff;border-color:#f06292}.morelink .nub{display:none}.submit .morelink{float:left}.submit-page .titlebox h1{margin-top:0 !important}.redditname{margin-top:53px !important}.reddit-link{padding:7px 10px 10px;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:1em;margin-right:5px}.icon-menu li{display:block;margin:0;padding:7px 10px 10px !important;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;margin-right:5px !important}.search-page .side .spacer{margin:10px 0}.sidebox.create{display:none !important}.helplink ~ .content .author[href*=AutoModerator],.helplink ~ .content .author[href*=flair_your_post_bot]{display:none}.helplink ~ .content .author:after{content:'- Moderator';font-size:0.945em;margin-left:5px;color:#F54E7A}.helplink ~ .content .flair{display:none}.linkinfo{background-color:transparent}.sidecontentbox .helplink+.title h1{font-size:0}.sidecontentbox .helplink+.title h1:before{font-size:13px !important;content:"Moderators team";text-transform:capitalize}.helplink ~ .content .author .helplink ~ .content .author:hover{color:#f06292}.sidecontentbox .content .linkflairlabel{display:none}div.titlebox .md h3:hover+ul{display:block}div.titlebox .md ul li strong:first-child,div.titlebox .md ul:hover{display:block}div.titlebox .md ul li{border:none;margin-right:5px}.sidecontentbox .content a.author,.sidecontentbox .more{display:block;margin:0;padding:7px 10px 10px !important;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:0.945em;margin-right:5px !important}.sidecontentbox .content a.author:hover,.sidecontentbox .more:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}.sidecontentbox .content{border:none;padding:0}.sidecontentbox .more{text-align:center}.sidecontentbox .more a{color:#369}.icon-menu li:hover,.reddit-link:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}div.titlebox .md ul li{padding:7px 10px 10px;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:0.945em}div.titlebox .md ul li:hover{background-color:#f0f8ff;border-left-color:#7cb0d9}div.titlebox div.styleToggle,div.titlebox span.fancy-toggle-button a.active{padding:5px 10px;background-color:#f06292;color:#fff;font-size:8pt;display:block !important;background-image:none;border-radius:0;font-weight:400;margin:0;border:none}div.titlebox div.styleToggle{background-color:#F54E7A;line-height:20px}div.titlebox div.styleToggle input,div.titlebox div.styleToggle label{vertical-align:middle;margin:0}div.titlebox span.fancy-toggle-button a.active.add:hover,div.titlebox span.fancy-toggle-button a.active.remove{background-color:#F54E7A}div.titlebox span.fancy-toggle-button a.active.remove:before{content:"";padding-right:5px}div.titlebox span.fancy-toggle-button a.active.remove:hover:after{content:"=(";font-style:italic;padding-left:5px}div.titlebox span.fancy-toggle-button a.active.add:before{content:"+";padding-right:5px;color:#fff}#RESShortcutsAdd,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort,#RESShortcutsTrash{width:17px !important}.sidecontentbox .content a.author{display:block;margin:0;padding:3px 0}.sidecontentbox .content a.author:hover{color:#f06292}#searchexpando{padding:10px;border:1px solid #d7ecff;border-right:1px solid #d7ecff;background-color:#fff;color:#000;font-size:8pt;border-radius:0;font-weight:400;margin:0 5px 0 0;width:273px !important;border-left:1px solid #d7ecff}#search input[type=text]{width:295px !important;border-color:#F54E7A}.sidecontentbox .title{border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;font-weight:400;margin-top:0;margin-bottom:0;margin-left:-10px}div.titlebox .md h3:before{content:"+";color:#fff;padding-right:5px}div.titlebox .md h2,div.titlebox .md h3,div.titlebox .md h4{border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;font-weight:400;cursor:default;margin-top:0;margin-bottom:0;margin-left:-10px}div.titlebox h1{border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;font-weight:400;margin-top:0;margin-bottom:0;margin-left:-10px;font-size:13px}.leavemoderator,.users-online,.leavecontributor-button{display:none}.sidecontentbox a.helplink{margin-right:5px}.icon-menu a{background:0 0}.titlebox .bottom{border:none}.titlebox h1 a,.pagename a{color:#FFF}#RESShortcutsAdd,#RESShortcutsEditContainer,#RESShortcutsLeft,#RESShortcutsRight,#RESShortcutsSort,#RESShortcutsTrash{background-color:transparent !important}#RESShortcutsAdd:hover,#RESShortcutsEditContainer:hover,#RESShortcutsLeft:hover,#RESShortcutsRight:hover,#RESShortcutsSort:hover,#RESShortcutsTrash:hover{color:#f0f0f0 !important}.titlebox .md h3+ul:hover,.titlebox .md h3:hover+ul{max-height:600px}div.titlebox .md h3+ul{display:block;transition:1.8s max-height ease-out;overflow:hidden;max-height:0}div.titlebox .md h3:hover+ul{transition:.8s max-height ease-out}div.commentarea .infobar p{background:#f06292;padding:10px;margin:-5px -5px -5px 10px}.linkinfo{padding:0;border:none}.linkinfo .score,.linkinfo .shortlink{color:#494949;border-left:5px solid #d7ecff;background-color:#fff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:8pt;margin-right:5px}.linkinfo .score{padding:7px 10px;margin-top:10px}.linkinfo .shortlink{display:block;font-weight:600;text-transform:capitalize;margin-top:0;padding:7px 10px 10px}.date{position:relative}.date:before{content:"Date ";display:block;color:#fff !important;text-transform:none;border-left:5px solid #1992FF;background-color:#F54E7A;padding:10px;cursor:pointer;margin-top:0;margin-bottom:6px;margin-left:-10px;font:400 small verdana, arial, helvetica, sans-serif}.date:after{display:block;position:absolute;z-index:-1;border-color:transparent #d7ecff transparent transparent;border-width:10px;border-style:solid;content:"";margin-left:-19px;margin-top:-32px}.date span{display:block;background-color:#fff;padding:7px 0 10px 10px;border-left:5px solid #d7ecff;border-bottom:1px solid #d7ecff;margin:-6px 5px -10px 0;border-right:1px solid #d7ecff}.date span,.date time{color:#494949;font-size:9pt}.date time{position:absolute;top:50%;left:55%;padding:9px 0 10px 0}.totalvotes{display:block;background-color:#fff;color:#494949 !important;font-weight:600;text-transform:capitalize;margin-top:0;padding:7px 10px 10px;border-left:5px solid #d7ecff;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:8pt !important;margin-right:5px}.linkinfo .shortlink input{height:10px;border:none;width:181px;font-size:13px}.submit-page .side:before{content:"Use search before posting";font-size:large;color:#E54661;margin-left:27px}.sidecontentbox a.helplink{float:none;margin-top:4px;clear:both;text-align:center;display:block;color:#fff;background:#F54E7A;box-sizing:border-box;margin-bottom:10px}.sidecontentbox a.helplink:hover{background:#f06292}.sidecontentbox .title h1,.sidecontentbox a.helplink{color:#fff}.account-activity-box,.sidecontentbox a.helplink{font-size:16px;padding:10px;transition:background-color .5s;text-transform:capitalize}.account-activity-box{display:block !important;background:#F54E7A;margin-right:5px}.account-activity-box:hover{background:#f06292}.account-activity-box a{color:#fff;padding:10px 70px}#header #header-bottom-right{background:0 0;bottom:-18px;top:auto;padding:3px;height:59px;font-family:"Segoe UI",Helvetica,sans-serif}#header-bottom-right .separator{display:none}#header-bottom-right .user{position:relative;top:0;width:119px;padding-left:42px;padding-top:5px;font-size:13px;color:#eaeaea;line-height:170%;background:url(%%spritesheet%%) -110px -289px no-repeat #F54E7A;float:left;border:2px solid #fff;cursor:pointer}#beta-help,.beta-hint a{position:absolute !important}#header-bottom-right .user>a{text-indent:4px;color:#FFF;display:block;line-height:12px;white-space:nowrap}#header-bottom-right .user span a{color:#fff}#header-bottom-right #mail{top:0;top:0 !important;width:42px;height:42px;display:inline-block}#header-bottom-right #modmail{position:absolute;margin-left:-267px;top:3px;padding-left:26px;padding-top:5px;background:url(%%spritesheet%%) -224px -72px no-repeat #F54E7A;border:2px solid #fff}#modmail.havemail{background:url(%%spritesheet%%) -224px -72px #ff4500 !important}#header #header-bottom-right #modmail:hover,#header #header-bottom-right .choice:hover,#header #header-bottom-right .user:hover{background-color:#f06292}#header #header-bottom-right .logout{display:inline-block}#header #header-bottom-right #mail,#header #header-bottom-right .choice,#header #header-bottom-right .logout a{margin-left:5px;width:42px;width:42px !important;height:42px;display:inline-block;text-indent:50px;overflow:hidden;transition:background-color 0.5s}#header #header-bottom-right #mail.nohavemail{background:url(%%spritesheet%%) 0px -114px no-repeat #F54E7A;border-radius:1px;border:2px solid #fff}#header #header-bottom-right #mail.havemail{background:url(%%spritesheet%%) 0px -114px no-repeat #ff4500}.res #header #header-bottom-right #mail.havemail{background:url(%%spritesheet%%) 0px -115px no-repeat #ff4500}#header #header-bottom-right #mail.havemail{border-radius:1px;border:2px solid #fff}#header #header-bottom-right .choice{background:url(%%spritesheet%%) -127px -114px no-repeat #F54E7A;border-radius:1px;border:2px solid #fff}.beta-hint{opacity:1}.beta-hint a{top:0;left:-78px;color:transparent !important;background-color:#F54E7A;background-image:url(%%spritesheet%%) !important;background-repeat:no-repeat !important;background-size:341px 331px !important;background-position:-72px -143px !important;width:42px;height:42px;border-radius:1px;border:2px solid #fff;transition:background-color 0.5s}.beta-hint a:hover{background-color:green !important}#beta-help{background:#FFFFE1 !important;color:#000 !important;left:1200px !important;top:170px !important}.res .beta-hint a{display:none}#header #header-bottom-right .logout a{background:url(%%spritesheet%%) -127px -42px no-repeat #F54E7A;border-radius:1px;border:2px solid #fff}#header #header-bottom-right #mail.havemail,#header #header-bottom-right #mail.nohavemail{border-bottom:none}#header #header-bottom-right .choice,#header #header-bottom-right .logout a{border-bottom:none}#header-bottom-right #modmail,#header-bottom-right .user{border-bottom:none}.user .userkarma{border-bottom:none}#header #header-bottom-right #mail:hover,#header #header-bottom-right .choice:hover,#header #header-bottom-right .user:hover{background-color:#f06292}#header #header-bottom-right .logout a:hover{text-indent:-99999px;color:#fff;background:url(%%spritesheet%%) -127px -42px no-repeat #ce352c}#openRESPrefs{position:absolute;right:365px;top:22px}#mailCount{position:absolute;left:208px;top:-2px;color:#fff;font-size:14px;overflow:hidden}.message-count{background:#f06292;height:42px;font-size:medium;line-height:42px !important;margin-left:-4px;vertical-align:top;display:none}.user .userkarma{cursor:help}#RESAccountSwitcherIconOverlay{display:none !important}#RESAccountSwitcherIcon{float:right;margin-right:5px;margin-top:-10px;background:url(%%spritesheet%%) -264px -5px no-repeat !important}.side .usertext-body .md ol{position:absolute;top:30px;right:0;margin:0 30px 0 0;padding:0;z-index:99}.md-container-small .md .-text,.md-container-small .md li,.md-container-small .md p,.md-container-small .md pre>code,.md-container-small .md td,.md-container-small .md th{list-style:none}.side .usertext-body .md ol a[href$="#special"]{animation:1s ease-out 0s normal none infinite running pulsate;animation-duration:3s;animation-timing-function:ease-out;animation-delay:0s;animation-direction:normal;animation-fill-mode:none;animation-iteration-count:infinite;animation-play-state:running;animation-name:pulsate}.side .md .-text,.side .md li,.side .md p,.side .md pre>code,.side .md td,.side .md th{list-style:none}.side .usertext-body .md ol a{background-color:#57b5ff;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;opacity:0.8}.side .usertext-body .md ol a:hover{opacity:1}.side .md>ol li a[href$='#special']:after,.side .md>ol li a[href$='#special']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#special']{border:2px solid #fefefe;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;transition:opacity .5s;background-color:#1686f0;opacity:0.8}.side .usertext-body .md ol a[href$='#special']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px;background-color:#F54E7A;content:"Event";color:#fff}.side .usertext-body .md ol a[href$='#special']:hover{opacity:1}.side .usertext-body .md ol a[href$='#achieve']{border:2px solid #fefefe;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;transition:opacity .5s;background-color:#28bc07;opacity:0.8}.side .usertext-body .md ol a[href$='#achieve']:hover{opacity:1}.side .md>ol li a[href$='#sticky']:after,.side .md>ol li a[href$='#sticky']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#achieve']:before,.side .usertext-body .md ol a[href$='#sticky']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#achieve']:before{background-color:#0d9605;content:"Achievement unlocked";color:#fff}.side .usertext-body .md ol a[href$='#sticky'],.side .usertext-body .md ol a[href$='#stickyg']{font-weight:400;padding:5px 5px 5px 0;margin-bottom:3px;border:2px solid #fefefe;display:inline-block;font-size:12px;transition:opacity .5s;text-decoration:none}.side .usertext-body .md ol a[href$='#sticky']{background-color:#1686f0;opacity:0.8}.side .usertext-body .md ol a[href$='#sticky']:hover{opacity:1}.side .usertext-body .md ol a[href$='#stickyg']:hover{opacity:1}.side .usertext-body .md ol a[href$='#sticky']:before{background-color:#F54E7A;content:"Sticky";color:#fff}.side .usertext-body .md ol a[href$='#stickyg']{background-color:#28bc07;opacity:0.8}.side .md>ol li a[href$='#achieve']:after,.side .md>ol li a[href$='#achieve']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .md>ol li a[href$='#update']:after,.side .md>ol li a[href$='#update']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#stickyg']:before,.side .usertext-body .md ol a[href$='#update']:before{margin:0 5px 0 0;font-weight:700;padding:5px 6px}.side .usertext-body .md ol a[href$='#stickyg']:before{background-color:#0d9605;content:"Sticky";color:#fff}.side .usertext-body .md ol a[href$='#update']{border:2px solid #fefefe;background-color:#1686f0;display:inline-block;font-size:12px;font-weight:400;padding:5px 5px 5px 0;text-decoration:none;margin-bottom:3px;opacity:.8;transition:opacity 0.5s}.side .usertext-body .md ol a[href$='#update']:before{background-color:#F54E7A;content:"Update";color:#fff}.side .usertext-body .md ol a[href$='#update']:hover{opacity:1}.side .md del{color:#fff;text-decoration:none}.md a:hover{color:#f06292}.res-nightmode body,html[lang^=nm] body{background:#1a1a1a !important}.res-nightmode #sr-header-area,html[lang^=nm] #sr-header-area{background-color:#0C1722}.res-nightmode a,html[lang^=nm] a{color:#f8f8ff}.res-nightmode .morelink a,.res-nightmode a[href*="#Donsiders"],.res-nightmode a[href*="#btn"],html[lang^=nm] .morelink a,html[lang^=nm] a[href*="#Donsiders"],html[lang^=nm] a[href*="#btn"]{color:#fff !important}.res-nightmode .shortlink input,html[lang^=nm] .shortlink input{background:#393939;color:#ddd}.res-nightmode #previoussearch #moresearchinfo,.res-nightmode .roundfield label,.res-nightmode .search-result-body,.res-nightmode div.side #searchexpando,.res-nightmode .submit-page .roundfield .title,.res-nightmode .md,.res-nightmode .md blockquote,.res-nightmode .md del,.res-nightmode .comments-page .usertext-edit div textarea,html[lang^=nm] #previoussearch #moresearchinfo,html[lang^=nm] .roundfield label,html[lang^=nm] .search-result-body,html[lang^=nm] div.side #searchexpando,html[lang^=nm] .submit-page .roundfield .title,html[lang^=nm] .md,html[lang^=nm] .md blockquote,html[lang^=nm] .md del,html[lang^=nm] .comments-page .usertext-edit div textarea{color:#eee !important}.res-nightmode .md blockquote,html[lang^=nm] .md blockquote{background:rgba(0,87,166,0.24);border-left:2px solid #f06292 !important;color:#888 !important}.res-nightmode .md code,html[lang^=nm] .md code{border:none !important;background-color:#393939 !important;border-radius:0 !important;border-left:3px solid #f06292 !important}.res-nightmode .commentingAs,.res-nightmode .date time,.res-nightmode .linkinfo .score,.res-nightmode .linkinfo .shortlink,.res-nightmode .side .titlebox>.fancy-toggle-button,.res-nightmode .edit-stylesheet.choice:after,.res-nightmode .wiki-page .wiki-page-content,html[lang^=nm] .commentingAs,html[lang^=nm] .date time,html[lang^=nm] .linkinfo .score,html[lang^=nm] .linkinfo .shortlink,html[lang^=nm] .side .titlebox>.fancy-toggle-button,html[lang^=nm] .edit-stylesheet.choice:after,html[lang^=nm] .wiki-page .wiki-page-content{color:#ddd !important}.res-nightmode .date span,.res-nightmode .date time,html[lang^=nm] .date span,html[lang^=nm] .date time{border-bottom:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode #header,.res-nightmode #newlink-with-image-upload #new-link-preview,.res-nightmode .account-activity-box,.res-nightmode .date:before,.res-nightmode .morelink,.res-nightmode .nextprev a,.res-nightmode .titlebox h1,html[lang^=nm] #header,html[lang^=nm] #newlink-with-image-upload #new-link-preview,html[lang^=nm] .account-activity-box,html[lang^=nm] .date:before,html[lang^=nm] .morelink,html[lang^=nm] .nextprev a,html[lang^=nm] .titlebox h1{background:#222 !important}.res-nightmode #header #header-bottom-right #mail:hover,.res-nightmode #header #header-bottom-right #modmail:hover,.res-nightmode #header #header-bottom-right .choice:hover,.res-nightmode #header #header-bottom-right .logout:hover,.res-nightmode #header #header-bottom-right .user:hover,html[lang^=nm] #header #header-bottom-right #mail:hover,html[lang^=nm] #header #header-bottom-right #modmail:hover,html[lang^=nm] #header #header-bottom-right .choice:hover,html[lang^=nm] #header #header-bottom-right .logout:hover,html[lang^=nm] #header #header-bottom-right .user:hover{background-color:#393939 !important}.res-nightmode #header #header-bottom-right .logout a,.res-nightmode #header #header-bottom-right .nohavemail#mail,html[lang^=nm] #header #header-bottom-right .logout a,html[lang^=nm] #header #header-bottom-right .nohavemail#mail{background-color:transparent !important;outline:0 !important}.res-nightmode #header-bottom-right #modmail,.res-nightmode #header-bottom-right .choice,.res-nightmode #header-bottom-right .user,html[lang^=nm] #header-bottom-right #modmail,html[lang^=nm] #header-bottom-right .choice,html[lang^=nm] #header-bottom-right .user{background-color:transparent !important;outline:0 !important}.res-nightmode #header-bottom-left .tabmenu,.res-nightmode #header-img,.res-nightmode #header-img.default-header,html[lang^=nm] #header-bottom-left .tabmenu,html[lang^=nm] #header-img,html[lang^=nm] #header-img.default-header{background:transparent !important}.res-nightmode #header-bottom-left .tabmenu,.res-nightmode .new-comment .usertext-body,html[lang^=nm] #header-bottom-left .tabmenu,html[lang^=nm] .new-comment .usertext-body{background-color:transparent;border:none}.res-nightmode .date,html[lang^=nm] .date{color:#ddd !important}.res-nightmode .date::before,html[lang^=nm] .date::before{color:#ddd !important}.res-nightmode .flair,html[lang^=nm] .flair{color:#ddd !important}.res-nightmode .footer,html[lang^=nm] .footer{border-right:none !important;border-top:none}.res-nightmode .footer div.col a,.res-nightmode .footer::after,html[lang^=nm] .footer div.col a,html[lang^=nm] .footer::after{color:#ddd !important}.res-nightmode div.side div.tagline,.res-nightmode div.side form.flairtoggle,.res-nightmode div.side span.subscribers,html[lang^=nm] div.side div.tagline,html[lang^=nm] div.side form.flairtoggle,html[lang^=nm] div.side span.subscribers{background:#222 !important;color:#ddd !important}.res-nightmode div.titlebox .md ul li,html[lang^=nm] div.titlebox .md ul li{background:#222 !important;color:#ddd !important}.res-nightmode .sidecontentbox .title,.res-nightmode .sidecontentbox a.helplink,html[lang^=nm] .sidecontentbox .title,html[lang^=nm] .sidecontentbox a.helplink{background:#222 !important}.res-nightmode div.titlebox .md h1,.res-nightmode div.titlebox .md h2,.res-nightmode div.titlebox .md h3,.res-nightmode div.titlebox .md h4,html[lang^=nm] div.titlebox .md h1,html[lang^=nm] div.titlebox .md h2,html[lang^=nm] div.titlebox .md h3,html[lang^=nm] div.titlebox .md h4{background:#222 !important}.res-nightmode #searchexpando,.res-nightmode .icon-menu li,.res-nightmode .totalvotes,.res-nightmode .reddit-link,.res-nightmode .sidecontentbox .content a.author,.res-nightmode .sidecontentbox .more,.res-nightmode .reddit-link,.res-nightmode .linkinfo .score,.res-nightmode .linkinfo .shortlink,.res-nightmode div.titlebox .md ul li,html[lang^=nm] #searchexpando,html[lang^=nm] .icon-menu li,html[lang^=nm] .totalvotes,html[lang^=nm] .reddit-link,html[lang^=nm] .sidecontentbox .content a.author,html[lang^=nm] .sidecontentbox .more,html[lang^=nm] .reddit-link,html[lang^=nm] .linkinfo .score,html[lang^=nm] .linkinfo .shortlink,html[lang^=nm] div.titlebox .md ul li{border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode #searchexpando:hover,.res-nightmode .icon-menu li:hover,.res-nightmode .totalvotes:hover,.res-nightmode .reddit-link:hover,.res-nightmode .sidecontentbox .content a.author:hover,.res-nightmode .sidecontentbox .more:hover,.res-nightmode .reddit-link:hover,.res-nightmode .linkinfo .score:hover,.res-nightmode .linkinfo .shortlink:hover,.res-nightmode div.titlebox .md ul li:hover,html[lang^=nm] #searchexpando:hover,html[lang^=nm] .icon-menu li:hover,html[lang^=nm] .totalvotes:hover,html[lang^=nm] .reddit-link:hover,html[lang^=nm] .sidecontentbox .content a.author:hover,html[lang^=nm] .sidecontentbox .more:hover,html[lang^=nm] .reddit-link:hover,html[lang^=nm] .linkinfo .score:hover,html[lang^=nm] .linkinfo .shortlink:hover,html[lang^=nm] div.titlebox .md ul li:hover{background-color:#393939 !important;border-left-color:#7cb0d9 !important}.res-nightmode div.side div.leavemoderator,.res-nightmode div.side p.users-online,.res-nightmode div.side span.subscribers,.res-nightmode div.side form.leavecontributor-button,.res-nightmode div.side .titlebox div.subButtons,.res-nightmode div.side .titlebox h1.redditname+div,.res-nightmode div.side .titlebox>.fancy-toggle-button,html[lang^=nm] div.side div.leavemoderator,html[lang^=nm] div.side p.users-online,html[lang^=nm] div.side span.subscribers,html[lang^=nm] div.side form.leavecontributor-button,html[lang^=nm] div.side .titlebox div.subButtons,html[lang^=nm] div.side .titlebox h1.redditname+div,html[lang^=nm] div.side .titlebox>.fancy-toggle-button{border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;background:#222 !important;border-top:1px solid #393939 !important}.res-nightmode div.side div.tagline,.res-nightmode div.side form.flairtoggle,html[lang^=nm] div.side div.tagline,html[lang^=nm] div.side form.flairtoggle{border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;border-bottom:none !important;background:#222 !important}.res-nightmode .titlebox form.toggle,html[lang^=nm] .titlebox form.toggle{background:#222;border-bottom:1px solid #393939 !important;border-left:5px solid #393939 !important;border-right:1px solid #393939 !important;color:#eee}.res-nightmode .sitetable .comment .comment,html[lang^=nm] .sitetable .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#393939 !important}.res-nightmode .sitetable .comment,html[lang^=nm] .sitetable .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment,html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment{background-color:#222 !important}.res-nightmode button,html[lang^=nm] button{border:none;background-color:#222 !important}.res-nightmode a[href*="#square"]::before,html[lang^=nm] a[href*="#square"]::before{border:3px solid #393939}.res-nightmode .link,html[lang^=nm] .link{border-bottom:1px solid #2D2E32 !important;border-right:1px solid #2D2E32 !important}.res-nightmode .listing-page .link:hover,html[lang^=nm] .listing-page .link:hover{background:#393939 !important;border-left-color:#a9a9a9 !important}.res-nightmode div.titlebox .md ul li:hover,html[lang^=nm] div.titlebox .md ul li:hover{background-color:#393939 !important;border-left-color:#7cb0d9 !important}.res-nightmode div.titlebox .md h1:after,.res-nightmode div.titlebox .md h2:after,.res-nightmode div.titlebox .md h3:after,.res-nightmode div.titlebox .md h4:after,html[lang^=nm] div.titlebox .md h1:after,html[lang^=nm] div.titlebox .md h2:after,html[lang^=nm] div.titlebox .md h3:after,html[lang^=nm] div.titlebox .md h4:after{display:block;position:absolute;z-index:-1;border-color:transparent #393939 transparent transparent !important}.res-nightmode div.titlebox h1:after,.res-nightmode div.titlebox .sidecontentbox .title:after,html[lang^=nm] div.titlebox h1:after,html[lang^=nm] div.titlebox .sidecontentbox .title:after{display:block;position:absolute;z-index:-1;border-color:transparent #393939 transparent transparent !important}.res-nightmode .flairselector,.res-nightmode .comments-page .usertext-edit div textarea,.res-nightmode #eu-cookie-policy .reddit-infobar,.res-nightmode #search input[type=text],html[lang^=nm] .flairselector,html[lang^=nm] .comments-page .usertext-edit div textarea,html[lang^=nm] #eu-cookie-policy .reddit-infobar,html[lang^=nm] #search input[type=text]{background-color:#222 !important;color:#ddd}.res-nightmode #header-bottom-left .tabmenu li.selected a,.res-nightmode .link .usertext-body .md,.res-nightmode .debuginfo,.res-nightmode .sidecontentbox a.helplink:hover,.res-nightmode .cookie-infobar.with-icon:before,.res-nightmode div.titlebox span.fancy-toggle-button a.active.remove,.res-nightmode .link .score .likes,.res-nightmode .nextprev a:hover,.res-nightmode .side .morelink a:hover,.res-nightmode button:hover,.res-nightmode .account-activity-box:hover,html[lang^=nm] #header-bottom-left .tabmenu li.selected a,html[lang^=nm] .link .usertext-body .md,html[lang^=nm] .debuginfo,html[lang^=nm] .sidecontentbox a.helplink:hover,html[lang^=nm] .cookie-infobar.with-icon:before,html[lang^=nm] div.titlebox span.fancy-toggle-button a.active.remove,html[lang^=nm] .link .score .likes,html[lang^=nm] .nextprev a:hover,html[lang^=nm] .side .morelink a:hover,html[lang^=nm] button:hover,html[lang^=nm] .account-activity-box:hover{background-color:#393939 !important}.res-nightmode .comment .usertext .md p>a:visited,.res-nightmode .md a,.res-nightmode h2 a:visited,html[lang^=nm] .comment .usertext .md p>a:visited,html[lang^=nm] .md a,html[lang^=nm] h2 a:visited{color:#3498db}.res-nightmode ::-webkit-scrollbar,html[lang^=nm] ::-webkit-scrollbar{background-color:#393939}.res-nightmode ::-webkit-scrollbar-thumb,html[lang^=nm] ::-webkit-scrollbar-thumb{background-color:#666;border:2px solid #333;transition:background-color 0.5s}.res-nightmode ::-webkit-scrollbar-thumb:hover,html[lang^=nm] ::-webkit-scrollbar-thumb:hover{background-color:#555;transition:background-color 0.5s}.res-nightmode ::-webkit-scrollbar-thumb:active,html[lang^=nm] ::-webkit-scrollbar-thumb:active{background-color:#bbb}.res-nightmode ::-webkit-scrollbar-corner,html[lang^=nm] ::-webkit-scrollbar-corner{color:#555}.res-nightmode textarea,html[lang^=nm] textarea{color:#000 !important}.res-nightmode .content,html[lang^=nm] .content{margin-bottom:0;margin-top:0}.res-nightmode input[type=button],.res-nightmode input[type=reset],.res-nightmode input[type=submit],html[lang^=nm] input[type=button],html[lang^=nm] input[type=reset],html[lang^=nm] input[type=submit]{border:none}.res-nightmode .side .spacer .titlebox .redditname,html[lang^=nm] .side .spacer .titlebox .redditname{border-left-color:#f06292}.res-nightmode .gold-accent,html[lang^=nm] .gold-accent{background:#F54E7A}.res-nightmode .thing .title:visited,.res-nightmode .thing.visited .title,html[lang^=nm] .thing .title:visited,html[lang^=nm] .thing.visited .title{color:#808c94}.res-nightmode .thing .title,html[lang^=nm] .thing .title{color:#B5C4D0}.res-nightmode .content.submit .info-notice,.res-nightmode .submit-page .roundfield,html[lang^=nm] .content.submit .info-notice,html[lang^=nm] .submit-page .roundfield{background-color:#222;color:#eee}.res-nightmode #header #header-bottom-right #mail.havemail,html[lang^=nm] #header #header-bottom-right #mail.havemail{outline:0}.res-nightmode .formtabs-content .infobar,html[lang^=nm] .formtabs-content .infobar{border-color:transparent !important}.res-nightmode .infobar,html[lang^=nm] .infobar{border-color:#ff4500 !important}.res-nightmode span.score,html[lang^=nm] span.score{color:#888 !important}.res-nightmode .comment.spam>.child,.res-nightmode .message.spam>.child,.res-nightmode .usertext.grayed .usertext-body,html[lang^=nm] .comment.spam>.child,html[lang^=nm] .message.spam>.child,html[lang^=nm] .usertext.grayed .usertext-body{background-color:transparent}.res-nightmode div.commentarea .infobar,html[lang^=nm] div.commentarea .infobar{color:#eee;border:none}.res-nightmode .comment,html[lang^=nm] .comment{border:1px solid #43474F}.res-nightmode a[href*='#icon-day'],html[lang^=nm] a[href*='#icon-day']{display:inline-block !important}.res-nightmode a[href*='#icon-day']::before,html[lang^=nm] a[href*='#icon-day']::before{display:inline-block !important;display:none;height:20px;width:20px;content:'';margin:0 7px -4px 0;background:url(%%spritesheet%%) -85px -294px}.res-nightmode a[href*='#icon-night'],html[lang^=nm] a[href*='#icon-night']{display:none}.res-nightmode a[href*="#icon-chat"]::before,html[lang^=nm] a[href*="#icon-chat"]::before{background-image:url(%%wincore-2%%);background-position:-5px -405px}.res-nightmode a[href*="#icon-feedback"]::before,html[lang^=nm] a[href*="#icon-feedback"]::before{background-position:-47px -149px}.res-nightmode a[href*="#icon-feedback2"]::before,html[lang^=nm] a[href*="#icon-feedback2"]::before{background-position:-5px -375px}.res-nightmode a[href*="#iconz-tips"]::before,html[lang^=nm] a[href*="#iconz-tips"]::before{background-position:-234px -47px}.res-nightmode a[href*="#iconz-updates"]::before,html[lang^=nm] a[href*="#iconz-updates"]::before{background-position:-259px -119px}.res-nightmode a[href*="#iconz-faq"]::before,html[lang^=nm] a[href*="#iconz-faq"]::before{background-position:-174px -47px}.res-nightmode a[href*="#iconz-install"]::before,html[lang^=nm] a[href*="#iconz-install"]::before{background-position:-259px -119px}.res-nightmode a[href*="#iconz-wiki"]::before,html[lang^=nm] a[href*="#iconz-wiki"]::before{background-position:-204px -149px}.res-nightmode #siteTable .thing,.res-nightmode .link.promotedlink,html[lang^=nm] #siteTable .thing,html[lang^=nm] .link.promotedlink{background:#202020}.res-nightmode .organic-listing,html[lang^=nm] .organic-listing{background:none !important}.res-nightmode body>.content #siteTable .thing.self .thumbnail,html[lang^=nm] body>.content #siteTable .thing.self .thumbnail{background-position:-77px -5px}.res-nightmode body>.content #siteTable .thing .thumbnail.default,html[lang^=nm] body>.content #siteTable .thing .thumbnail.default{background-position:-174px -77px}.res-nightmode div.side span.subscribers span.number:before,html[lang^=nm] div.side span.subscribers span.number:before{background-position:-162px -5px}.res-nightmode .expando-button.selftext.collapsed,html[lang^=nm] .expando-button.selftext.collapsed{background-position:-5px -242px}.res-nightmode .expando-button.selftext.collapsed:hover,html[lang^=nm] .expando-button.selftext.collapsed:hover{background-position:-225px -204px}.res-nightmode .expando-button.selftext.expanded,html[lang^=nm] .expando-button.selftext.expanded{background-position:-65px -204px}.res-nightmode .expando-button.selftext.expanded:hover,html[lang^=nm] .expando-button.selftext.expanded:hover{background-position:-105px -204px}.res-nightmode .expando-button.video.collapsed,html[lang^=nm] .expando-button.video.collapsed{background-position:-85px -242px}.res-nightmode .expando-button.video.collapsed:hover,html[lang^=nm] .expando-button.video.collapsed:hover{background-position:-45px -242px}.res-nightmode .expando-button.video.expanded,html[lang^=nm] .expando-button.video.expanded{background-position:-65px -204px}.res-nightmode .expando-button.video.expanded:hover,html[lang^=nm] .expando-button.video.expanded:hover{background-position:-105px -204px}.res-nightmode .date:after,html[lang^=nm] .date:after{border-color:transparent #393939 transparent transparent !important}.res-nightmode .date span,html[lang^=nm] .date span{border-left:5px solid #393939 !important;color:#ddd;border-right-color:#393939}.res-nightmode .date time,html[lang^=nm] .date time{border-right:1px solid #393939 !important}.res-nightmode .link.last-clicked,html[lang^=nm] .link.last-clicked{background:#393939 !important}.res-nightmode .comments-page .link,html[lang^=nm] .comments-page .link{border-left:3px solid transparent}.res-nightmode .res .RES-keyNav-activeElement{background-color:#292929 !important}.res-nightmode .res .commentarea .RES-keyNav-activeElement .md,.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed{background-color:#292929 !important}.res-nightmode .RES-keyNav-activeElement{background-color:#292929 !important}.res-nightmode .RES-keyNav-activeElement .md-container{background-color:#292929 !important}.res-nightmode .arrow.upmod{background-position:-296px -60px !important}.res-nightmode .arrow.down{background-position:-321px -60px !important}.res-nightmode .arrow.up{background-position:-289px -194px !important}.res-nightmode .arrow.downmod{background-position:-271px -60px !important}.res-nightmode .side .titlebox>.fancy-toggle-button{background:#222 !important;color:#ddd !important}.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container{background-color:transparent !important}.res #sr-header-area #srDropdownContainer a:hover{opacity:1}.res .comment .midcol{margin-left:20px}.res .comment .new-comment{border:2px solid #FFAB91 !important;border-radius:0px !important}.res #sr-header-area #srDropdownContainer a{width:35px;height:23px;padding:0;margin:0;display:block;background:url(%%spritesheet%%) -225px -252px no-repeat;line-height:35px;text-indent:-999em}.res .RES-keyNav-activeElement,.res .commentarea .RES-keyNav-activeElement .md,.res .commentarea .noncollapsed .RES-keyNav-activeElement.entry{background-color:0 0 !important}.res .RESDashboardToggle,.res .RESshortcutside{background:0 0;border:none;font-weight:400;text-transform:uppercase}.res .sitetable .sitetable{margin-right:0}.RESSubscriptionButton{color:#fff !important;border-radius:1px !important;background-color:transparent !important}.RESSubscriptionButton{border:none !important}#RESAnnouncementAlert,#userbarToggle,.multi-count,.sidecontentbox .content .RESUserTagImage::after,.res .sidebox.create,.res .message-count,.res .side .userTagLink{display:none !important}#RESSettingsButton{right:20px;top:3px}#RESStaticShortcuts{line-height:25px}.footer{border-bottom:1px solid #F54E7A;padding:0;border-left:1px solid #F54E7A}.footer::after{border-bottom:1px solid #F54E7A;display:block;margin-top:0;padding:10px;padding-top:8px !important;color:#000;content:"Designed by /u/Jaskys";font-size:16px;font-family:"Segoe UI",Helvetica,sans-serif;border-top:34px solid #F54E7A;border-right:1px solid #F54E7A;margin-bottom:-1.1px;width:90px}.footer div.col{position:relative;margin:0;padding:0;width:176px;height:auto;font-family:"Segoe UI",Helvetica,sans-serif}.footer div.col .title{font-size:16px;text-transform:capitalize;padding:8px;color:#fff;background:#F54E7A;max-height:18px}.footer div.col a{display:block;margin:5px;padding:3px 4px 3px 7px;color:#000}.footer div.col a:hover{color:#000;text-decoration:none;background:#fff}.footer p.bottommenu{font-weight:700;color:#FFF;clear:left;padding:6px}.footer p.bottommenu a{font-weight:700;color:#FFF}.footer .col{border-left:none !important}.debuginfo{background:#F6F6F6}.rounded{border-radius:0}.flat-vert{text-align:center}.titlebox h1.redditname a{font-size:0}.titlebox h1.redditname a:after{content:"Windows Mobile";color:#fff;font:400 small verdana, arial, helvetica, sans-serif}#header .redditname a{font-size:0;background:url(%%wincore-2%%) -5px -5px no-repeat;margin-left:10px;height:100px;display:block;position:absolute;top:30px}#header .redditname a:hover{background:url(%%wincore-2%%) -5px -115px no-repeat !important;text-decoration:none}#header .redditname a:after{content:"Windows Mobile";font-size:70px;font-weight:lighter;color:#ECF0F1;font-family:"Segoe UI Light",Helvetica,sans-serif;letter-spacing:.05em;margin-left:100px;line-height:100px;font-variant:normal;transition:background-color 0.5s}.flair-mod,.flair-msft{border:none;background:0 0;font-weight:700}.flair-mod:before,.flair-msft:before{content:"- "}.sidecontentbox .flair-mod{display:none}.flair-mod{color:#00a64f}.linklisting .flair-msft:after{display:none}.flair-msft{height:16px;line-height:16px;color:#0078D7;padding:0}.flair-msft:after{content:"Microsoft Employee";position:absolute;top:-0.7px;right:-1px;bottom:-1px;left:-1px;text-align:right;padding:.25em .5em;border:3px solid #8bb9e2;pointer-events:none}.author[href$=Adam-MSFT],.author[href$=Dave_MSFT],.author[href$=DrPreppy],.author[href$=EKILBO],.author[href$=Giffdev],.author[href$=James-MSFT],.author[href$=KritiMSFT],.author[href$=MailmanOdd],.author[href$=MasterDevwi],.author[href$=MsftHealthWill],.author[href$=NorthFaceHiker],.author[href$=Psychlist1972],.author[href$=Sawan-Msft],.author[href$=Sawan-MSFT],.author[href$=StephA_MSFT],.author[href$=Zev_MSFT],.author[href$=adam_msft],.author[href$=anaotero-MSFT],.author[href$=anbutle],.author[href$=anthonykinseymsft],.author[href$=bbyboi],.author[href$=bitcrazed],.author[href$=bloodytemplar],.author[href$=devbent],.author[href$=donaMSFT],.author[href$=jenmsft],.author[href$=Sean_MSFT],.author[href$=jeremy_msft],.author[href$=johnwinkmsft],.author[href$=josh_msft],.author[href$=kylealden],.author[href$=maheshrd],.author[href$=mike_msft],.author[href$=msftbanddev],.author[href$=msftbilly],.author[href$=mvaneerde],.author[href$=ooeygui],.author[href$=samersaw],.author[href$=sjarawan],.author[href$=stefohneee],.author[href$=toma_msft],.author[href$=vpmsft],.author[href$=xander-msft],.author[href$=zac_l],.author[href$=craigbarkhouse],.author[href$=elvenharps],.author[href$=nerdile],.author[href$=einarmsft],.author[href$=yosefdurr],.author[href$=Travis_MSFT],.author[href$=caithartMSFT],.author[href$=ClayMSFT]{color:#0078D7;font-weight:700}.author[href$=ildun],.author[href$=Katsuga50]{color:#e67e22;font-weight:700}.flair-wiki{color:#e67e22;font-weight:700;height:16px;line-height:16px;border:none;background:0 0;padding:0}.flair-wiki:before{content:"- "}html:lang(nh) .linkflair-bug,html:lang(nh) .linkflair-help{display:none !important}.flairselector{background-color:#fff}.linkflair-help .linkflairlabel{background-color:#FF6138;border-color:#FF6138}.linkflair-solved .linkflairlabel{background-color:#008a00;border-color:#008a00}.linkflair-unresolved .linkflairlabel{background-color:#FF7D4D;border-color:#FF7D4D}.linkflair-bug .linkflairlabel{background-color:#ce352c;border-color:#ce352c}.linkflair-update .linkflairlabel{background-color:#0078D7;border-color:#0078D7}.linkflair-feature .linkflairlabel{background-color:#00aba9;border-color:#00aba9}.linkflair-discussion .linkflairlabel{background-color:#ff9e00;border-color:#ff9e00}.linkflair-hardware .linkflairlabel{background-color:#f0a30a;border-color:#f0a30a}.linkflair-tip .linkflairlabel{background-color:#468966;border-color:#468966}.linkflair-meta .linkflairlabel{background-color:#4390df;border-color:#4390df}.linkflair-app .linkflairlabel{background-color:#bf5a15;border-color:#bf5a15}.linkflair-gaming .linkflairlabel{background-color:#107c10;border-color:#107c10}.linkflair-question .linkflairlabel{background-color:#008a00;border-color:#008a00}.linkflair-news .linkflairlabel{background-color:#F2385A;border-color:#F2385A}.linkflair-official .linkflairlabel{background-color:#2086bf;border-color:#2086bf}.linkflair-oc .linkflairlabel{background-color:#76608a;border-color:#76608a}.linkflair-concept .linkflairlabel{background-color:#14B6F5;border-color:#14B6F5}.linkflair-request .linkflairlabel{background-color:#00aba9;border-color:#00aba9}.side a[href*='#update'],.side a[href*='#official'],.side a[href*='#news'],.side a[href*='#help'],.side a[href*='#solved'],.side a[href*='#unresolved'],.side a[href*='#bug'],.side a[href*='#feature'],.side a[href*='#discussion'],.side a[href*='#hardware'],.side a[href*='#tip'],.side a[href*='#meta'],.side a[href*='#gaming'],.side a[href*='#app'],.side a[href*='#original%20content'],.side a[href*='#concept'],.side a[href*='#request'],.side a[href*='#question'],.side a[href*='#hideflair'],.side a[href*='#hidehelp']{display:inline-block;position:relative;text-align:center;font-size:80%;padding:3px 10px;color:#fff;margin:3px}.side a[href*='#official']{background:#2086bf}.side a[href*='#news']{background:#F2385A}.side a[href*='#help']{background:#FF6138}.side a[href*='#solved']{background:#008a00}.side a[href*='#unresolved']{background:#FF7D4D}.side a[href*='#bug']{background:#ce352c}.side a[href*='#update']{background:#81003c}.side a[href*='#feature']{background:#00aba9}.side a[href*='#discussion']{background:#bf5a15}.side a[href*='#hardware']{background:#f0a30a}.side a[href*='#tip']{background:#468966}.side a[href*='#meta']{background:#4390df}.side a[href*='#gaming']{background:#76608a}.side a[href*='#app']{background:#bf5a15}.side a[href*='#original%20content']{background:#0B9C67}.side a[href*='#concept']{background:#14B6F5}.side a[href*='#request']{background:#00aba9}.side a[href*='#question']{background:#008a00}.side a[href*='#hideflair'],.side a[href*='#hidehelp']{background:#E42608}.side a[href*='#update']:hover,.side a[href*='#official']:hover,.side a[href*='#news']:hover,.side a[href*='#help']:hover,.side a[href*='#solved']:hover,.side a[href*='#unresolved']:hover,.side a[href*='#bug']:hover,.side a[href*='#feature']:hover,.side a[href*='#discussion']:hover,.side a[href*='#hardware']:hover,.side a[href*='#tip']:hover,.side a[href*='#meta']:hover,.side a[href*='#gaming']:hover,.side a[href*='#app']:hover,.side a[href*='#original%20content']:hover,.side a[href*='#concept']:hover,.side a[href*='#request']:hover,.side a[href*='#question']:hover,.side a[href='']:hover{opacity:0.8}.flair-special{margin:0 4px 4px 0;padding:0 11px 1px;border-width:1px;border-radius:1px;color:#fff;font-weight:700;background-color:#008a00;border-color:#008a00}.linkflairlabel{margin:0 4px -2px 0;padding:0 4px 1px;vertical-align:-2px;color:#fff;font-weight:400;font-size:10px;font-family:"Segoe UI",Helvetica,sans-serif;pointer-events:none;border-width:3px;border-radius:1px;pointer-events:none}.linkflairlabel:lang(nf){display:none}.linkflair-discussion{border-left:3px solid #ff9e00 !important;background:rgba(255,158,0,0.1)}.linkflair-tip{border-left:3px solid #468966 !important;background:rgba(70,137,102,0.1)}.linkflair-news{border-left:3px solid #F2385A !important;background:rgba(242,56,90,0.1)}.comments-page .link.linkflair-solved{display:block}#header-img.default-header,a[href*="#icon-day"]{display:none}a[href*='#square-app']::before{background:-187px -5px #bf5a15;border:3px solid #e8e8e8}a[href*='#square-tip']::before{background:-187px -5px #555;border:3px solid #e8e8e8}a[href*='#square-meta']::before{background:-187px -5px #4390df;border:3px solid #e8e8e8}a[href*='#square-original']::before{background:-187px -5px #76608a;border:3px solid #e8e8e8}a[href*='#square-concept']::before{background:-187px -5px #14B6F5;border:3px solid #e8e8e8}a[href*='#square-solved']::before{background:-187px -5px #008a00;border:3px solid #e8e8e8}a[href*='#square-hflairs']::before{background:-187px -5px #F54E7A;border:3px solid #e8e8e8;border-radius:50%}a[href*='#square-hhelp']::before{background:-187px -5px #f06292;border:3px solid #e8e8e8;border-radius:50%}a[href*='#square']+.keyNavAnnotation{display:none}a[href*='#square-feature']::before,a[href*='#square-request']::before,a[href*='#square-bug']::before,a[href*='#square-official']::before,a[href*='#square-news']::before,a[href*='#square-help']::before,a[href*='#square-update']::before,a[href*='#square-discussion']::before,a[href*='#square-hardware']::before,a[href*='#square-app']::before,a[href*='#square-tip']::before,a[href*='#square-meta']::before,a[href*='#square-original']::before,a[href*='#square-concept']::before,a[href*='#square-solved']::before,a[href*='#square-hflairs']::before,a[href*='#square-hhelp']::before,a[href*='#square-gaming']::before{display:inline-block;height:10px;width:10px;content:'';margin:0 5px -4px 0}a[href*='#square-']:hover::before{text-decoration:none;background:#f06292;border-color:#80c2ff;left:4px;top:8px;transition:all 0.15s ease}a[href*='#square-bug']::before{background:-187px -5px #ce352c;border:3px solid #e8e8e8}a[href*='#square-official']::before{background:-187px -5px #2086bf;border:3px solid #e8e8e8}a[href*='#square-news']::before{background:-187px -5px #F2385A;border:3px solid #e8e8e8}a[href*='#square-help']::before{background:-187px -5px #FF6138;border:3px solid #e8e8e8}a[href*='#square-update']::before{background:-187px -5px #81003c;border:3px solid #e8e8e8}a[href*='#square-discussion']::before{background:-187px -5px #ff9e00;border:3px solid #e8e8e8}a[href*='#square-hardware']::before{background:-187px -5px #f0a30a;border:3px solid #e8e8e8}a[href*='#square-gaming']::before{background:-187px -5px #107c10;border:3px solid #e8e8e8}a[href*='#square-feature']::before,a[href*='#square-request']::before{background:-187px -5px #00aba9;border:3px solid #e8e8e8}.side .md blockquote{padding:2px 10px 5px;border-left:5px solid #f5c684;background-color:#fef8f1;border-bottom:1px solid #d7ecff;border-right:1px solid #d7ecff;font-size:10px;margin:0 5px 0 0;color:#222}.side .md blockquote:hover{background-color:#fcecd9;border-left-color:#f0ad4e}.side .md blockquote a{font-size:11px}.res-nightmode .side .md blockquote,html[lang^=nm] .side .md blockquote{border-left:5px solid #3B81FB !important;color:#ddd !important}a[href$="WindowsMobile#2"]{position:absolute;top:135px;left:48px;color:#ddd !important;z-index:99;border-bottom:3px solid transparent !important;text-transform:uppercase;transition:all .15s ease-in-out;line-height:14px;height:20px;padding:8px 9px 0;font-size:11.4px !important;letter-spacing:0.1em;font-family:"Segoe UI",Helvetica,sans-serif}a[href$="WindowsMobile#2"]:hover{color:#fff !important;background:rgba(0,0,0,0.1);border-color:#fff !important}a[href*="#Donsiders"],a[href*="#btn"]{display:inline-block;border:1px solid #0081ba;color:#fff !important;padding:10px 13px;margin:5px 0;transition:all 0.5s;border-radius:1px}a[href*="#Donsiders"]:hover,a[href*="#btn"]:hover{background:#f06292;-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);-o-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 7px 14px rgba(50,50,93,0.1),0 3px 6px rgba(0,0,0,0.08)}a[href*="#Donsiders"]{background:#009e7e}a[href*="#Donsiders"]:hover{background:#f06292}a[href*="#btn"]{background:#0057a6}a[href*="#square-showflairs"]{float:right}a[href*="#square-showflairs"]::before{display:inline-block;height:10px;width:10px;content:"";background:-187px -5px #F54E7A;border:3px solid #e8e8e8;border-radius:50%;margin-left:5px}a[href*="#square-hflairs"]::after{content:"or";margin-left:50px}a[href*="#square-hflairs"]:hover::after{color:#F54E7A}.side .md [href$="#butt"]{display:inline-block !important;font-size:8pt;border:2px solid #F54E7A;padding:9px 8px;transition:background-color .5s;text-align:center;color:#F54E7A}.side .md [href$="#butt"]:hover{background:#F54E7A;color:#fff}.side .md>p:first-of-type{display:none}.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after,.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after{content:"- flair your thread as solved once your problem is resolved";margin-left:6px;color:#008a00}.comments-page .link.linkflair-help .flat-list a.flairselectbtn{color:#0078D7 !important}.linkflair-solved.link{display:none}.search-page .linkflair-solved.link{display:block}a[href*='#icon-chat']::before,a[href*='#icon-feedback']::before,a[href*='#icon-night']::before,a[href*='#icon-feedback2']::before{display:inline-block;height:20px;width:20px;content:'';margin:0 7px -4px 0}a[href*='#icon']:hover{text-decoration:none}a[href*='#icon-chat']::before{background:url(%%spritesheet%%) -5px -204px}a[href*='#icon-feedback']::before{background:url(%%spritesheet%%) -35px -204px}a[href*='#icon-night']::before{background:url(%%spritesheet%%) -125px -242px}a[href*='#icon-feedback2']::before{background:url(%%wincore-2%%) -5px -345px}a[href*="#icon-more"]{text-align:center;display:block;color:#f06292;font-size:16px}a[href*='#iconz']+.keyNavAnnotation{display:none}a[href*='#iconz-tips']::before,a[href*='#iconz-updates']::before,a[href*='#iconz-faq']::before,a[href*='#iconz-install']::before,a[href*='#iconz-wiki']::before{display:inline-block;height:20px;width:20px;content:'';margin:0 7px -4px 0}a[href*='#iconz']:hover{text-decoration:none}a[href*='#iconz-tips']::before{background:url(%%spritesheet%%) -204px -47px}a[href*='#iconz-faq']::before{background:url(%%spritesheet%%) -47px -47px}a[href*='#iconz-updates']::before{background:url(%%spritesheet%%) -102px -77px}a[href*='#iconz-install']::before{background:url(%%spritesheet%%) -229px -119px}a[href*='#iconz-wiki']::before{background:url(%%spritesheet%%) -174px -149px}.link a.thumbnail[href*="blogs.windows.com"]{background:url(%%spritesheet%%) -234px -149px no-repeat !important;width:45px;height:45px;margin:10px}.link a.thumbnail[href*="blogs.windows.com"] img{display:none}.res-nightmode .subscribers .number:after,.subscribers .number:after{content:" insiders waiting for new bits"}.subscribers .word{display:none}.arrow.down{pointer-events:none}.subscriber .arrow.down{pointer-events:initial}.helplink ~ .content .author[href*=Jaskys]::after{content:'- Designer';font-size:0.945em;margin-left:5px;color:#F54E7A}a[href*='#icon-']+.keyNavAnnotation{display:none}a[href*='#icon-']:hover{text-decoration:none}a[href*='#icon-']::before{display:inline-block;height:16px;width:16px;content:'';margin:0 5px -1px 0;background:url(%%Skype%%) no-repeat top left}a[href*='#icon2-']::before{display:inline-block;height:16px;width:16px;content:'';margin:0 5px -1px 0;background:url(%%Twitter%%) no-repeat top left}a[href*='#icon3-']::before{display:inline-block;height:16px;width:16px;content:'';margin:0 5px -1px 0;background:url(%%WindowsM%%) no-repeat top left}a[href*='#icon4-']::before{display:inline-block;height:16px;width:16px;content:'';margin:0 5px -1px 0;background:url(%%SmartphoneTablet%%) no-repeat top left}a[href*='#icon5-']::before{display:inline-block;height:16px;width:16px;content:'';margin:0 5px -1px 0;background:url(%%Updates%%) no-repeat top left}a[href*='#icon6-']::before{display:inline-block;height:16px;width:16px;content:'';margin:0 5px -1px 0;background:url(%%Star%%) no-repeat top left}a[href*='#icon7-']::before{display:inline-block;height:16px;width:16px;content:'';margin:0 5px -1px 0;background:url(%%AppHighlight%%) no-repeat top left}.flair:before{content:"";width:10px;height:16px;display:inline-block;background-repeat:no-repeat;background-image:url(%%flair-phones%%);vertical-align:middle;margin-right:3px}.flair{cursor:help}.flair-userGray:before{background-position:0 0}.flair-userPink:before{background-position:-16px 0}.flair-userLime:before{background-position:-32px 0}.flair-userOrange:before{background-position:-48px 0}.flair-userBlue:before{background-position:-64px 0}.flair-userTeal:before{background-position:-80px 0}.flair-userYellow:before{background-position:-96px 0}.flair-userPurple:before{background-position:-112px 0}.flair-userGreen:before{background-position:-128px 0}.flair-userRed:before{background-position:-144px 0}.flair-userDarkPink:before{background-position:-160px 0}.flair-userBrown:before{background-position:-176px 0}.flair-userBlack:before{background-position:-192px 0}.helplink ~ .content .author[href*="AutoModerator"]{font-size:0;content:''}.helplink ~ .content .author[href*="AutoModerator"]::before{content:'Joe Belfiore';font-size:8pt}a.author[href$="AutoModerator"]::before{content:"Joe Belfiore";color:#369;font-size:x-small}a[href$='AutoModerator'].author{margin-right:0.5em;font-size:0pt}.comment .author[href$="AutoModerator"]{font-weight:bold;font-size:0pt}a[href*='#mb-discord']::before{display:inline-block;height:20px;width:20px;content:'';margin:0 7px -4px 0;background:url(%%discord%%) -5px -5px}a[href*='#mb-discordn']::before{display:inline-block;height:20px;width:20px;content:'';margin:0 7px -4px 0;background:url(%%discord%%) -35px -5px}a[href$="Windows10#2"]{position:absolute;top:135px;left:48px;color:#ddd !important;z-index:99;border-bottom:3px solid transparent !important;text-transform:uppercase;transition:all .15s ease-in-out;line-height:14px;height:20px;padding:8px 9px 0;font-size:11.4px !important;letter-spacing:0.1em;font-family:"Segoe UI",Helvetica,sans-serif}a[href$="Windows10#2"]:hover{color:#fff !important;background:rgba(0,0,0,0.1);border-color:#fff !important}a[href$="WindowsApps#2"]{position:absolute;top:135px;left:112px;color:#ddd !important;z-index:99;border-bottom:3px solid transparent !important;text-transform:uppercase;transition:all .15s ease-in-out;line-height:14px;height:20px;padding:8px 9px 0;font-size:11.4px !important;letter-spacing:0.1em;font-family:"Segoe UI",Helvetica,sans-serif}a[href$="WindowsApps#2"]:hover{color:#fff !important;background:rgba(0,0,0,0.1);border-color:#fff !important} diff --git a/css/r-clearshift.css b/css/r-clearshift.css index 353fd1e..d51c3a9 100644 --- a/css/r-clearshift.css +++ b/css/r-clearshift.css @@ -184,11 +184,9 @@ button.save, button.submit-action-thing, button.submit-report { border: 1px solid #5cb85c; color: #5cb85c; padding: 0.25rem 0.75rem; } - button.save:hover, button.submit-action-thing:hover, button.submit-report:hover { background: #5cb85c; color: #fff; } - button.cancel, button.cancel-action-thing, button.cancel-report-thing { border: 1px solid #d9534f; background: 0 0; @@ -197,7 +195,6 @@ button.cancel, button.cancel-action-thing, button.cancel-report-thing { text-transform: capitalize; font-family: "Segoe UI", Helvetica, sans-serif; transition: background-color 0.5s; } - button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cancel:hover { background: #d9534f; color: #fff; } @@ -268,7 +265,6 @@ button:active, .tagline .score { font-weight: 700; } - .tagline .likes { color: #2D4059; } @@ -356,7 +352,6 @@ button:active, .submit-page .roundfield span.title { color: #4d5763; text-transform: capitalize; } - .submit-page .submit.content#newlink .tabmenu.formtab a { padding: 16px; display: inline-block; @@ -371,14 +366,12 @@ button:active, width: 247.5px; } .submit-page .submit.content#newlink .tabmenu.formtab a:hover { background-color: #e7e9f6; } - .submit-page .submit.content#newlink .tabmenu.formtab .selected a { font-size: 16px; background-color: #2D4059; color: #fff; } .submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover { background-color: #47658c; } - .submit-page #newlink.submit.content .btn { width: 558px; height: auto; @@ -418,7 +411,6 @@ form .spacer + .spacer { 100% { -webkit-transform: translateY(0); opacity: 1; } } - @keyframes expandy { 0% { transform: translateY(-100px); @@ -428,7 +420,6 @@ form .spacer + .spacer { 100% { transform: translateY(0); opacity: 1; } } - .expando-button { cursor: pointer; float: left; @@ -519,11 +510,11 @@ form .spacer + .spacer { padding: 0; vertical-align: top !important; width: 30px !important; } + body > .content #siteTable .thing.self .thumbnail { background-image: url(%%spritesheet%%); background-position: -289px -139px; background-size: 341px 331px; } } - .link .usertext-body .md { border-radius: 0 !important; border: 1px solid #eea7aa; @@ -536,28 +527,22 @@ body > .content #siteTable .thing.self .thumbnail { margin: 10px 15px 10px 10px; background-repeat: no-repeat !important; background-position: -289px -139px; } - body > .content #siteTable .thing.stickied .thumbnail { background-image: url(%%spritesheet%%); background-repeat: no-repeat !important; background-position: -289px -84px; margin-right: 15px; } - -body > .content #siteTable .thing .thumbnail.default, -body > .content #siteTable .thing.over18 .thumbnail { +body > .content #siteTable .thing .thumbnail.default, body > .content #siteTable .thing.over18 .thumbnail { background-image: url(%%spritesheet%%) !important; background-repeat: no-repeat !important; margin: 10px 15px 10px 10px; width: 45px; height: 45px; } - body > .content #siteTable .thing.stickied .entry > .title .title { color: #00a64f; font-weight: 400; } - body > .content #siteTable .thing.over18 .thumbnail { background-position: -286px -5px !important; } - body > .content #siteTable .thing .thumbnail.default { background-position: -47px -77px; background-size: 341px 331px; } @@ -607,21 +592,16 @@ a[href*="#icon-more"] { .linklisting .nextprev { font-size: 0; } - .linklisting .stickied { border-left: 3px solid #00a64f; background: rgba(0, 166, 79, 0.1); } - .linklisting .over18 { border-left: 3px solid #e2062c; background: rgba(225, 6, 44, 0.1); } - .linklisting .md { margin-bottom: 0; } - .linklisting .usertext-edit div textarea { margin-left: -10px; } - .linklisting .reported { background: rgba(255, 0, 0, 0.1); border-left: 3px solid #e2062c; } @@ -761,7 +741,6 @@ a.author { .tagline .stickied-tagline { color: #00a64f; } - .tagline a:hover { color: #47658c !important; } @@ -792,9 +771,7 @@ a.author { .comments-page .sitetable.nestedlisting > .thing.stickied { border-bottom: solid 3px #00a64f; background: rgba(0, 166, 79, 0.1) !important; } - -.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page.linkflair-help .flat-list a.flairselectbtn:after { +.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, .comments-page.linkflair-help .flat-list a.flairselectbtn:after { animation: 1s ease-out 0s normal none infinite running pulsate; animation-duration: 2s; animation-timing-function: ease-out; @@ -804,7 +781,6 @@ a.author { animation-iteration-count: infinite; animation-play-state: running; animation-name: pulsate; } - .comments-page .usertext-edit div textarea { background: url(%%wincore-2%%) 206px -213px no-repeat #FFF !important; border: 1px solid #000 !important; @@ -818,13 +794,11 @@ a.author { background: #FFF !important; opacity: 1; border-color: #0078D6 !important; } - .comments-page .link { border-left: 1px solid #c6c6c6 !important; } .commentarea .menuarea { margin: 5px 310px 5px 5px; } - .commentarea .md { margin-bottom: 0; } @@ -897,7 +871,6 @@ a[href*="#tech"] { .sheets ::-webkit-scrollbar { background-color: #0f0f0f !important; } - .sheets ::-webkit-scrollbar-corner, .sheets ::-webkit-scrollbar-thumb { background: #313131 !important; } @@ -929,7 +902,6 @@ a[href*="#tech"] { .gadget .midcol { margin-right: 9px; } - .gadget .right a { background: #2D4059; padding: 5px 10px; @@ -957,10 +929,8 @@ span.clear-input-button { right: -10px !important; } #newlink-with-image-upload .clear-input-button:hover { background: #47658c !important; } - #newlink-with-image-upload .image-upload-drop-target { padding: 15px !important; } - #newlink-with-image-upload .file-upload-button { background: #2D4059; border: none; @@ -974,24 +944,31 @@ span.clear-input-button { @media (max-width: 880px) { #siteTable_organic { margin-right: -5px; } + #header-bottom-left .tabmenu { width: calc(100% - 50px); padding-left: 50px; } + .side { display: none; } + body .linklisting { margin-right: 0 !important; } + .footer::after { display: none !important; } + .infobar { margin-right: 18px; } + .footer { border-right: 1px solid #2D4059; } + .panestack-title { margin: 0 0px 0 -5px; } + .infobar.newsletterbar { margin: -7px -5px 7px 0px; } } - .side { margin: 0; padding-left: 30px; @@ -1091,25 +1068,22 @@ span.clear-input-button { @-webkit-keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - @-moz-keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - @keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - .titlebox h1:after, .sidecontentbox .title:after { display: block; @@ -1132,7 +1106,6 @@ div.side div.tagline { border-radius: 0; font-weight: 400; margin: 0 5px 0 0; } - div.side form.flairtoggle, div.side form.leavecontributor-button { padding: 10px; border: 1px solid #fbdcdc; @@ -1144,7 +1117,6 @@ div.side form.flairtoggle, div.side form.leavecontributor-button { border-radius: 0; font-weight: 400; margin: 0 5px 0 0; } - div.side span.subscribers { border: 1px solid #fbdcdc; border-left: 5px solid #fbdcdc; @@ -1171,31 +1143,25 @@ div.side span.subscribers { content: ""; margin-right: 5px; margin-top: -3px; } - div.side div.tagline { display: block !important; } - div.side form.flairtoggle { display: block; } - div.side div.leavemoderator { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side form.flairtoggle { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side p.users-online { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side div.tagline { padding-top: 0; border-top: none; } @@ -1258,13 +1224,11 @@ div.side div.tagline { .helplink ~ .content .author[href*=AutoModerator], .helplink ~ .content .author[href*=flair_your_post_bot] { display: none; } - .helplink ~ .content .author:after { content: '- Moderator'; font-size: 0.945em; margin-left: 5px; color: #2D4059; } - .helplink ~ .content .flair { display: none; } @@ -1286,10 +1250,8 @@ div.side div.tagline { div.titlebox .md h3:hover + ul { display: block; } - div.titlebox .md ul li strong:first-child, div.titlebox .md ul:hover { display: block; } - div.titlebox .md ul li { border: none; margin-right: 5px; } @@ -1309,11 +1271,9 @@ div.titlebox .md ul li { .sidecontentbox .more:hover { background-color: #fffafa; border-left-color: #eea7aa; } - .sidecontentbox .content { border: none; padding: 0; } - .sidecontentbox .more { text-align: center; } .sidecontentbox .more a { @@ -1334,7 +1294,6 @@ div.titlebox .md ul li { div.titlebox .md ul li:hover { background-color: #fffafa; border-left-color: #eea7aa; } - div.titlebox div.styleToggle, div.titlebox span.fancy-toggle-button a.active { padding: 5px 10px; @@ -1347,7 +1306,6 @@ div.titlebox span.fancy-toggle-button a.active { font-weight: 400; margin: 0; border: none; } - div.titlebox div.styleToggle { background-color: #2D4059; line-height: 20px; } @@ -1355,19 +1313,15 @@ div.titlebox div.styleToggle { div.titlebox div.styleToggle label { vertical-align: middle; margin: 0; } - div.titlebox span.fancy-toggle-button a.active.add:hover, div.titlebox span.fancy-toggle-button a.active.remove { background-color: #2D4059; } - div.titlebox span.fancy-toggle-button a.active.remove:before { content: ""; padding-right: 5px; } - div.titlebox span.fancy-toggle-button a.active.remove:hover:after { content: "=("; font-style: italic; padding-left: 5px; } - div.titlebox span.fancy-toggle-button a.active.add:before { content: "+"; padding-right: 5px; @@ -1417,7 +1371,6 @@ div.titlebox .md h3:before { content: "+"; color: #fff; padding-right: 5px; } - div.titlebox .md h2, div.titlebox .md h3, div.titlebox .md h4 { @@ -1429,7 +1382,6 @@ div.titlebox .md h4 { margin-top: 0; margin-bottom: 0; margin-left: -10px; } - div.titlebox h1 { border-left: 5px solid #EA5455; background-color: #2D4059; @@ -1473,8 +1425,7 @@ div.titlebox h1 { #RESShortcutsTrash:hover { color: #f0f0f0 !important; } -.titlebox .md h3 + ul:hover, -.titlebox .md h3:hover + ul { +.titlebox .md h3 + ul:hover, .titlebox .md h3:hover + ul { max-height: 600px; } div.titlebox .md h3 + ul { @@ -1594,7 +1545,6 @@ div.commentarea .infobar p { margin-bottom: 10px; } .sidecontentbox a.helplink:hover { background: #47658c; } - .sidecontentbox .title h1, .sidecontentbox a.helplink { color: #fff; } @@ -1626,7 +1576,6 @@ div.commentarea .infobar p { #header-bottom-right .separator { display: none; } - #header-bottom-right .user { position: relative; top: 0; @@ -1651,17 +1600,14 @@ div.commentarea .infobar p { display: block; line-height: 12px; white-space: nowrap; } - #header-bottom-right .user span a { color: #fff; } - #header-bottom-right #mail { top: 0; top: 0 !important; width: 42px; height: 42px; display: inline-block; } - #header-bottom-right #modmail { position: absolute; margin-left: -267px; @@ -1678,10 +1624,8 @@ div.commentarea .infobar p { #header #header-bottom-right .choice:hover, #header #header-bottom-right .user:hover { background-color: #47658c; } - #header #header-bottom-right .logout { display: inline-block; } - #header #header-bottom-right #mail, #header #header-bottom-right .choice, #header #header-bottom-right .logout a { @@ -1693,12 +1637,10 @@ div.commentarea .infobar p { text-indent: 50px; overflow: hidden; transition: background-color 0.5s; } - #header #header-bottom-right #mail.nohavemail { background: url(%%spritesheet%%) 0px -114px no-repeat #2D4059; border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right #mail.havemail { background: url(%%spritesheet%%) 0px -114px no-repeat #ff4500; } @@ -1708,7 +1650,6 @@ div.commentarea .infobar p { #header #header-bottom-right #mail.havemail { border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right .choice { background: url(%%spritesheet%%) -127px -114px no-repeat #2D4059; border-radius: 1px; @@ -1746,10 +1687,8 @@ div.commentarea .infobar p { background: url(%%spritesheet%%) -127px -42px no-repeat #2D4059; border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right #mail.havemail, #header #header-bottom-right #mail.nohavemail { border-bottom: none; } - #header #header-bottom-right .choice, #header #header-bottom-right .logout a { border-bottom: none; } @@ -1765,7 +1704,6 @@ div.commentarea .infobar p { #header #header-bottom-right .choice:hover, #header #header-bottom-right .user:hover { background-color: #47658c; } - #header #header-bottom-right .logout a:hover { text-indent: -99999px; color: #fff; @@ -1831,7 +1769,6 @@ div.commentarea .infobar p { animation-iteration-count: infinite; animation-play-state: running; animation-name: pulsate; } - .side .md .-text, .side .md li, .side .md p, @@ -1839,7 +1776,6 @@ div.commentarea .infobar p { .side .md td, .side .md th { list-style: none; } - .side .usertext-body .md ol a { background-color: #57b5ff; display: inline-block; @@ -1851,12 +1787,10 @@ div.commentarea .infobar p { opacity: 0.8; } .side .usertext-body .md ol a:hover { opacity: 1; } - .side .md > ol li a[href$='#special']:after, .side .md > ol li a[href$='#special']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#special'] { border: 2px solid #fefefe; display: inline-block; @@ -1877,7 +1811,6 @@ div.commentarea .infobar p { color: #fff; } .side .usertext-body .md ol a[href$='#special']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#achieve'] { border: 2px solid #fefefe; display: inline-block; @@ -1891,22 +1824,18 @@ div.commentarea .infobar p { opacity: 0.8; } .side .usertext-body .md ol a[href$='#achieve']:hover { opacity: 1; } - .side .md > ol li a[href$='#sticky']:after, .side .md > ol li a[href$='#sticky']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#achieve']:before, .side .usertext-body .md ol a[href$='#sticky']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#achieve']:before { background-color: #0d9605; content: "Achievement unlocked"; color: #fff; } - .side .usertext-body .md ol a[href$='#sticky'], .side .usertext-body .md ol a[href$='#stickyg'] { font-weight: 400; padding: 5px 5px 5px 0; @@ -1916,45 +1845,36 @@ div.commentarea .infobar p { font-size: 12px; transition: opacity .5s; text-decoration: none; } - .side .usertext-body .md ol a[href$='#sticky'] { background-color: #1686f0; opacity: 0.8; } .side .usertext-body .md ol a[href$='#sticky']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#stickyg']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#sticky']:before { background-color: #2D4059; content: "Sticky"; color: #fff; } - .side .usertext-body .md ol a[href$='#stickyg'] { background-color: #28bc07; opacity: 0.8; } - .side .md > ol li a[href$='#achieve']:after, .side .md > ol li a[href$='#achieve']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .md > ol li a[href$='#update']:after, .side .md > ol li a[href$='#update']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#stickyg']:before, .side .usertext-body .md ol a[href$='#update']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#stickyg']:before { background-color: #0d9605; content: "Sticky"; color: #fff; } - .side .usertext-body .md ol a[href$='#update'] { border: 2px solid #fefefe; background-color: #1686f0; @@ -1972,7 +1892,6 @@ div.commentarea .infobar p { color: #fff; } .side .usertext-body .md ol a[href$='#update']:hover { opacity: 1; } - .side .md del { color: #fff; text-decoration: none; } @@ -1983,15 +1902,12 @@ div.commentarea .infobar p { .res-nightmode body, html[lang^=nm] body { background: #1a1a1a !important; } - .res-nightmode #sr-header-area, html[lang^=nm] #sr-header-area { background-color: #0C1722; } - .res-nightmode a, html[lang^=nm] a { color: #f8f8ff; } - .res-nightmode .morelink a, .res-nightmode a[href*="#Donsiders"], .res-nightmode a[href*="#btn"], @@ -1999,12 +1915,10 @@ html[lang^=nm] .morelink a, html[lang^=nm] a[href*="#Donsiders"], html[lang^=nm] a[href*="#btn"] { color: #fff !important; } - .res-nightmode .shortlink input, html[lang^=nm] .shortlink input { background: #393939; color: #ddd; } - .res-nightmode #previoussearch #moresearchinfo, .res-nightmode .roundfield label, .res-nightmode .search-result-body, @@ -2024,20 +1938,17 @@ html[lang^=nm] .md blockquote, html[lang^=nm] .md del, html[lang^=nm] .comments-page .usertext-edit div textarea { color: #eee !important; } - .res-nightmode .md blockquote, html[lang^=nm] .md blockquote { background: rgba(0, 87, 166, 0.24); border-left: 2px solid #47658c !important; color: #888 !important; } - .res-nightmode .md code, html[lang^=nm] .md code { border: none !important; background-color: #393939 !important; border-radius: 0 !important; border-left: 3px solid #47658c !important; } - .res-nightmode .commentingAs, .res-nightmode .date time, .res-nightmode .linkinfo .score, @@ -2053,7 +1964,6 @@ html[lang^=nm] .side .titlebox > .fancy-toggle-button, html[lang^=nm] .edit-stylesheet.choice:after, html[lang^=nm] .wiki-page .wiki-page-content { color: #ddd !important; } - .res-nightmode .date span, .res-nightmode .date time, html[lang^=nm] .date span, @@ -2061,7 +1971,6 @@ html[lang^=nm] .date time { border-bottom: 1px solid #393939 !important; background: #222 !important; border-top: 1px solid #393939 !important; } - .res-nightmode #header, .res-nightmode #newlink-with-image-upload #new-link-preview, .res-nightmode .account-activity-box, @@ -2077,7 +1986,6 @@ html[lang^=nm] .morelink, html[lang^=nm] .nextprev a, html[lang^=nm] .titlebox h1 { background: #222 !important; } - .res-nightmode #header #header-bottom-right #mail:hover, .res-nightmode #header #header-bottom-right #modmail:hover, .res-nightmode #header #header-bottom-right .choice:hover, @@ -2089,14 +1997,12 @@ html[lang^=nm] #header #header-bottom-right .choice:hover, html[lang^=nm] #header #header-bottom-right .logout:hover, html[lang^=nm] #header #header-bottom-right .user:hover { background-color: #393939 !important; } - .res-nightmode #header #header-bottom-right .logout a, .res-nightmode #header #header-bottom-right .nohavemail#mail, html[lang^=nm] #header #header-bottom-right .logout a, html[lang^=nm] #header #header-bottom-right .nohavemail#mail { background-color: transparent !important; outline: 0 !important; } - .res-nightmode #header-bottom-right #modmail, .res-nightmode #header-bottom-right .choice, .res-nightmode #header-bottom-right .user, @@ -2105,7 +2011,6 @@ html[lang^=nm] #header-bottom-right .choice, html[lang^=nm] #header-bottom-right .user { background-color: transparent !important; outline: 0 !important; } - .res-nightmode #header-bottom-left .tabmenu, .res-nightmode #header-img, .res-nightmode #header-img.default-header, @@ -2113,25 +2018,21 @@ html[lang^=nm] #header-bottom-left .tabmenu, html[lang^=nm] #header-img, html[lang^=nm] #header-img.default-header { background: transparent !important; } - .res-nightmode #header-bottom-left .tabmenu, .res-nightmode .new-comment .usertext-body, html[lang^=nm] #header-bottom-left .tabmenu, html[lang^=nm] .new-comment .usertext-body { background-color: transparent; border: none; } - .res-nightmode .date, html[lang^=nm] .date { color: #ddd !important; } .res-nightmode .date::before, html[lang^=nm] .date::before { color: #ddd !important; } - .res-nightmode .flair, html[lang^=nm] .flair { color: #ddd !important; } - .res-nightmode .footer, html[lang^=nm] .footer { border-right: none !important; @@ -2140,7 +2041,6 @@ html[lang^=nm] .footer { html[lang^=nm] .footer div.col a, html[lang^=nm] .footer::after { color: #ddd !important; } - .res-nightmode div.side div.tagline, .res-nightmode div.side form.flairtoggle, .res-nightmode div.side span.subscribers, @@ -2149,18 +2049,15 @@ html[lang^=nm] div.side form.flairtoggle, html[lang^=nm] div.side span.subscribers { background: #222 !important; color: #ddd !important; } - .res-nightmode div.titlebox .md ul li, html[lang^=nm] div.titlebox .md ul li { background: #222 !important; color: #ddd !important; } - .res-nightmode .sidecontentbox .title, .res-nightmode .sidecontentbox a.helplink, html[lang^=nm] .sidecontentbox .title, html[lang^=nm] .sidecontentbox a.helplink { background: #222 !important; } - .res-nightmode div.titlebox .md h1, .res-nightmode div.titlebox .md h2, .res-nightmode div.titlebox .md h3, @@ -2170,7 +2067,6 @@ html[lang^=nm] div.titlebox .md h2, html[lang^=nm] div.titlebox .md h3, html[lang^=nm] div.titlebox .md h4 { background: #222 !important; } - .res-nightmode #searchexpando, .res-nightmode .icon-menu li, .res-nightmode .totalvotes, @@ -2218,7 +2114,6 @@ html[lang^=nm] div.titlebox .md ul li { html[lang^=nm] div.titlebox .md ul li:hover { background-color: #393939 !important; border-left-color: #eea7aa !important; } - .res-nightmode div.side div.leavemoderator, .res-nightmode div.side p.users-online, .res-nightmode div.side span.subscribers, @@ -2238,7 +2133,6 @@ html[lang^=nm] div.side .titlebox > .fancy-toggle-button { border-right: 1px solid #393939 !important; background: #222 !important; border-top: 1px solid #393939 !important; } - .res-nightmode div.side div.tagline, .res-nightmode div.side form.flairtoggle, html[lang^=nm] div.side div.tagline, @@ -2247,7 +2141,6 @@ html[lang^=nm] div.side form.flairtoggle { border-right: 1px solid #393939 !important; border-bottom: none !important; background: #222 !important; } - .res-nightmode .titlebox form.toggle, html[lang^=nm] .titlebox form.toggle { background: #222; @@ -2255,7 +2148,6 @@ html[lang^=nm] .titlebox form.toggle { border-left: 5px solid #393939 !important; border-right: 1px solid #393939 !important; color: #eee; } - .res-nightmode .sitetable .comment .comment, html[lang^=nm] .sitetable .comment .comment { background-color: #393939 !important; } @@ -2280,7 +2172,6 @@ html[lang^=nm] .sitetable .comment .comment { .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #393939 !important; } - .res-nightmode .sitetable .comment, html[lang^=nm] .sitetable .comment { background-color: #222 !important; } @@ -2305,31 +2196,25 @@ html[lang^=nm] .sitetable .comment { .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #222 !important; } - .res-nightmode button, html[lang^=nm] button { border: none; background-color: #222 !important; } - .res-nightmode a[href*="#square"]::before, html[lang^=nm] a[href*="#square"]::before { border: 3px solid #393939; } - .res-nightmode .link, html[lang^=nm] .link { border-bottom: 1px solid #2D2E32 !important; border-right: 1px solid #2D2E32 !important; } - .res-nightmode .listing-page .link:hover, html[lang^=nm] .listing-page .link:hover { background: #393939 !important; border-left-color: #a9a9a9 !important; } - .res-nightmode div.titlebox .md ul li:hover, html[lang^=nm] div.titlebox .md ul li:hover { background-color: #393939 !important; border-left-color: #eea7aa !important; } - .res-nightmode div.titlebox .md h1:after, .res-nightmode div.titlebox .md h2:after, .res-nightmode div.titlebox .md h3:after, @@ -2342,7 +2227,6 @@ html[lang^=nm] div.titlebox .md h4:after { position: absolute; z-index: -1; border-color: transparent #393939 transparent transparent !important; } - .res-nightmode div.titlebox h1:after, .res-nightmode div.titlebox .sidecontentbox .title:after, html[lang^=nm] div.titlebox h1:after, @@ -2351,7 +2235,6 @@ html[lang^=nm] div.titlebox .sidecontentbox .title:after { position: absolute; z-index: -1; border-color: transparent #393939 transparent transparent !important; } - .res-nightmode .flairselector, .res-nightmode .comments-page .usertext-edit div textarea, .res-nightmode #eu-cookie-policy .reddit-infobar, @@ -2362,7 +2245,6 @@ html[lang^=nm] #eu-cookie-policy .reddit-infobar, html[lang^=nm] #search input[type=text] { background-color: #222 !important; color: #ddd; } - .res-nightmode #header-bottom-left .tabmenu li.selected a, .res-nightmode .link .usertext-body .md, .res-nightmode .debuginfo, @@ -2386,7 +2268,6 @@ html[lang^=nm] .side .morelink a:hover, html[lang^=nm] button:hover, html[lang^=nm] .account-activity-box:hover { background-color: #393939 !important; } - .res-nightmode .comment .usertext .md p > a:visited, .res-nightmode .md a, .res-nightmode h2 a:visited, @@ -2394,11 +2275,9 @@ html[lang^=nm] .comment .usertext .md p > a:visited, html[lang^=nm] .md a, html[lang^=nm] h2 a:visited { color: #3498db; } - .res-nightmode ::-webkit-scrollbar, html[lang^=nm] ::-webkit-scrollbar { background-color: #393939; } - .res-nightmode ::-webkit-scrollbar-thumb, html[lang^=nm] ::-webkit-scrollbar-thumb { background-color: #666; @@ -2411,67 +2290,52 @@ html[lang^=nm] ::-webkit-scrollbar-thumb { .res-nightmode ::-webkit-scrollbar-thumb:active, html[lang^=nm] ::-webkit-scrollbar-thumb:active { background-color: #bbb; } - .res-nightmode ::-webkit-scrollbar-corner, html[lang^=nm] ::-webkit-scrollbar-corner { color: #555; } - .res-nightmode textarea, html[lang^=nm] textarea { color: #000 !important; } - .res-nightmode .content, html[lang^=nm] .content { margin-bottom: 0; margin-top: 0; } - .res-nightmode input[type=button], .res-nightmode input[type=reset], .res-nightmode input[type=submit], html[lang^=nm] input[type=button], html[lang^=nm] input[type=reset], html[lang^=nm] input[type=submit] { border: none; } - .res-nightmode .side .spacer .titlebox .redditname, html[lang^=nm] .side .spacer .titlebox .redditname { border-left-color: #47658c; } - .res-nightmode .gold-accent, html[lang^=nm] .gold-accent { background: #2D4059; } - -.res-nightmode .thing .title:visited, -.res-nightmode .thing.visited .title, +.res-nightmode .thing .title:visited, .res-nightmode .thing.visited .title, html[lang^=nm] .thing .title:visited, html[lang^=nm] .thing.visited .title { color: #808c94; } - .res-nightmode .thing .title, html[lang^=nm] .thing .title { color: #B5C4D0; } - .res-nightmode .content.submit .info-notice, .res-nightmode .submit-page .roundfield, html[lang^=nm] .content.submit .info-notice, html[lang^=nm] .submit-page .roundfield { background-color: #222; color: #eee; } - .res-nightmode #header #header-bottom-right #mail.havemail, html[lang^=nm] #header #header-bottom-right #mail.havemail { outline: 0; } - .res-nightmode .formtabs-content .infobar, html[lang^=nm] .formtabs-content .infobar { border-color: transparent !important; } - .res-nightmode .infobar, html[lang^=nm] .infobar { border-color: #ff4500 !important; } - .res-nightmode span.score, html[lang^=nm] span.score { color: #888 !important; } - .res-nightmode .comment.spam > .child, .res-nightmode .message.spam > .child, .res-nightmode .usertext.grayed .usertext-body, @@ -2479,16 +2343,13 @@ html[lang^=nm] .comment.spam > .child, html[lang^=nm] .message.spam > .child, html[lang^=nm] .usertext.grayed .usertext-body { background-color: transparent; } - .res-nightmode div.commentarea .infobar, html[lang^=nm] div.commentarea .infobar { color: #eee; border: none; } - .res-nightmode .comment, html[lang^=nm] .comment { border: 1px solid #43474F; } - .res-nightmode a[href*='#icon-day'], html[lang^=nm] a[href*='#icon-day'] { display: inline-block !important; } @@ -2501,158 +2362,123 @@ html[lang^=nm] a[href*='#icon-day'] { content: ''; margin: 0 7px -4px 0; background: url(%%spritesheet%%) -85px -294px; } - .res-nightmode a[href*='#icon-night'], html[lang^=nm] a[href*='#icon-night'] { display: none; } - .res-nightmode a[href*="#icon-chat"]::before, html[lang^=nm] a[href*="#icon-chat"]::before { background-image: url(%%wincore-2%%); background-position: -5px -405px; } - .res-nightmode a[href*="#icon-feedback"]::before, html[lang^=nm] a[href*="#icon-feedback"]::before { background-position: -47px -149px; } - .res-nightmode a[href*="#icon-feedback2"]::before, html[lang^=nm] a[href*="#icon-feedback2"]::before { background-position: -5px -375px; } - .res-nightmode a[href*="#iconz-tips"]::before, html[lang^=nm] a[href*="#iconz-tips"]::before { background-position: -234px -47px; } - .res-nightmode a[href*="#iconz-updates"]::before, html[lang^=nm] a[href*="#iconz-updates"]::before { background-position: -259px -119px; } - .res-nightmode a[href*="#iconz-faq"]::before, html[lang^=nm] a[href*="#iconz-faq"]::before { background-position: -174px -47px; } - .res-nightmode a[href*="#iconz-install"]::before, html[lang^=nm] a[href*="#iconz-install"]::before { background-position: -259px -119px; } - .res-nightmode a[href*="#iconz-wiki"]::before, html[lang^=nm] a[href*="#iconz-wiki"]::before { background-position: -204px -149px; } - .res-nightmode #siteTable .thing, .res-nightmode .link.promotedlink, html[lang^=nm] #siteTable .thing, html[lang^=nm] .link.promotedlink { background: #202020; } - .res-nightmode .organic-listing, html[lang^=nm] .organic-listing { background: none !important; } - .res-nightmode body > .content #siteTable .thing.self .thumbnail, html[lang^=nm] body > .content #siteTable .thing.self .thumbnail { background-position: -77px -5px; } - .res-nightmode body > .content #siteTable .thing .thumbnail.default, html[lang^=nm] body > .content #siteTable .thing .thumbnail.default { background-position: -174px -77px; } - .res-nightmode div.side span.subscribers span.number:before, html[lang^=nm] div.side span.subscribers span.number:before { background-position: -162px -5px; } - .res-nightmode .expando-button.selftext.collapsed, html[lang^=nm] .expando-button.selftext.collapsed { background-position: -5px -242px; } .res-nightmode .expando-button.selftext.collapsed:hover, html[lang^=nm] .expando-button.selftext.collapsed:hover { background-position: -225px -204px; } - .res-nightmode .expando-button.selftext.expanded, html[lang^=nm] .expando-button.selftext.expanded { background-position: -65px -204px; } .res-nightmode .expando-button.selftext.expanded:hover, html[lang^=nm] .expando-button.selftext.expanded:hover { background-position: -105px -204px; } - .res-nightmode .expando-button.video.collapsed, html[lang^=nm] .expando-button.video.collapsed { background-position: -85px -242px; } .res-nightmode .expando-button.video.collapsed:hover, html[lang^=nm] .expando-button.video.collapsed:hover { background-position: -45px -242px; } - .res-nightmode .expando-button.video.expanded, html[lang^=nm] .expando-button.video.expanded { background-position: -65px -204px; } .res-nightmode .expando-button.video.expanded:hover, html[lang^=nm] .expando-button.video.expanded:hover { background-position: -105px -204px; } - .res-nightmode .date:after, html[lang^=nm] .date:after { border-color: transparent #393939 transparent transparent !important; } - .res-nightmode .date span, html[lang^=nm] .date span { border-left: 5px solid #393939 !important; color: #ddd; border-right-color: #393939; } - .res-nightmode .date time, html[lang^=nm] .date time { border-right: 1px solid #393939 !important; } - .res-nightmode .link.last-clicked, html[lang^=nm] .link.last-clicked { background: #393939 !important; } - .res-nightmode .comments-page .link, html[lang^=nm] .comments-page .link { border-left: 3px solid transparent; } .res-nightmode .res .RES-keyNav-activeElement { background-color: #292929 !important; } - -.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, -.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { +.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, .res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { background-color: #292929 !important; } - .res-nightmode .RES-keyNav-activeElement { background-color: #292929 !important; } .res-nightmode .RES-keyNav-activeElement .md-container { background-color: #292929 !important; } - .res-nightmode .arrow.upmod { background-position: -296px -60px !important; } - .res-nightmode .arrow.down { background-position: -321px -60px !important; } - .res-nightmode .arrow.up { background-position: -289px -194px !important; } - .res-nightmode .arrow.downmod { background-position: -271px -60px !important; } - .res-nightmode .side .titlebox > .fancy-toggle-button { background: #222 !important; color: #ddd !important; } -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { +.res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { background-color: transparent !important; } .res #sr-header-area #srDropdownContainer a:hover { opacity: 1; } - .res .comment .midcol { margin-left: 20px; } - .res .comment .new-comment { border: 2px solid #FFAB91 !important; border-radius: 0px !important; } - .res #sr-header-area #srDropdownContainer a { width: 35px; height: 23px; @@ -2662,19 +2488,16 @@ html[lang^=nm] .comments-page .link { background: url(%%spritesheet%%) -225px -252px no-repeat; line-height: 35px; text-indent: -999em; } - .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .noncollapsed .RES-keyNav-activeElement.entry { background-color: 0 0 !important; } - .res .RESDashboardToggle, .res .RESshortcutside { background: 0 0; border: none; font-weight: 400; text-transform: uppercase; } - .res .sitetable .sitetable { margin-right: 0; } diff --git a/css/r-windows.css b/css/r-windows.css index 268c782..8888405 100644 --- a/css/r-windows.css +++ b/css/r-windows.css @@ -3,15 +3,15 @@ Designed by /u/Jaskys /r/ClearShift theme base Contributors: /u/supersmilers, /u/mtvee, /u/BatDogOnBatMobile, /u/MrLawbreaker Icons provided by www.icons8.com under "Creative Commons Attribution-NoDerivs 3.0 Unported" license -Main color: #1a1a1a -Secondary: #0078D7 +Main color: #F54E7A +Secondary: #f06292 Christmas Main color: #BF0426 Secondary: #7A0218 */ #header { height: 165px; - background: #1a1a1a; + background: #F54E7A; border-bottom: none; } #header #header-bottom-right #mail.havemail, #header #modmail.havemail { @@ -59,7 +59,7 @@ Secondary: #7A0218 background: rgba(0, 0, 0, 0.1); border-bottom: 3px solid #fff !important; } #header-bottom-left .tabmenu li.selected a { - background-color: #0078D7; + background-color: #f06292; border: 0; color: #fff; padding-top: 7px; @@ -184,11 +184,9 @@ button.save, button.submit-action-thing, button.submit-report { border: 1px solid #5cb85c; color: #5cb85c; padding: 0.25rem 0.75rem; } - button.save:hover, button.submit-action-thing:hover, button.submit-report:hover { background: #5cb85c; color: #fff; } - button.cancel, button.cancel-action-thing, button.cancel-report-thing { border: 1px solid #d9534f; background: 0 0; @@ -197,7 +195,6 @@ button.cancel, button.cancel-action-thing, button.cancel-report-thing { text-transform: capitalize; font-family: "Segoe UI", Helvetica, sans-serif; transition: background-color 0.5s; } - button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cancel:hover { background: #d9534f; color: #fff; } @@ -207,11 +204,11 @@ button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cance padding: 0 4px; background: 0 0; border: none; - color: #0078D7; + color: #f06292; text-align: center; } .next-suggestions a:hover, .nextprev a:hover { - background: #0078D7; + background: #f06292; border: none; color: #fff; outline: 0; } @@ -246,7 +243,7 @@ button:active, bottom: 0; padding: 4px; } .comment .expand:hover { - background: #0078D7; + background: #f06292; color: #fff !important; text-decoration: none; } .comment.collapsed .tagline { @@ -268,12 +265,11 @@ button:active, .tagline .score { font-weight: 700; } - .tagline .likes { - color: #1a1a1a; } + color: #F54E7A; } .entry .flat-list .reply-button a { - color: #1a1a1a; } + color: #F54E7A; } .link .domain { visibility: hidden; } @@ -304,13 +300,13 @@ button:active, border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .flairselector { - border: 1px solid #1a1a1a !important; } + border: 1px solid #F54E7A !important; } .flairselector .title { font-size: 0 !important; } .flairselector h2 { color: #fff; font-size: 13px; - background: #1a1a1a !important; + background: #F54E7A !important; padding-top: 6px; font-weight: lighter !important; text-transform: capitalize; @@ -318,7 +314,7 @@ button:active, .flairselector li:hover { background-color: transparent; } .flairselector form { - border-top: solid 1px #1a1a1a; + border-top: solid 1px #F54E7A; margin-bottom: 10px; } .flairselector.drop-choices.active { padding: 0 !important; @@ -341,7 +337,7 @@ button:active, padding: 3px; } .comments-page .link .flat-list a.flairselectbtn { - color: #1a1a1a !important; } + color: #F54E7A !important; } .nextprev a, .side .usertext-body .md ol a { @@ -356,7 +352,6 @@ button:active, .submit-page .roundfield span.title { color: #4d5763; text-transform: capitalize; } - .submit-page .submit.content#newlink .tabmenu.formtab a { padding: 16px; display: inline-block; @@ -371,14 +366,12 @@ button:active, width: 247.5px; } .submit-page .submit.content#newlink .tabmenu.formtab a:hover { background-color: #e7e9f6; } - .submit-page .submit.content#newlink .tabmenu.formtab .selected a { font-size: 16px; - background-color: #1a1a1a; + background-color: #F54E7A; color: #fff; } .submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover { - background-color: #0078D7; } - + background-color: #f06292; } .submit-page #newlink.submit.content .btn { width: 558px; height: auto; @@ -418,7 +411,6 @@ form .spacer + .spacer { 100% { -webkit-transform: translateY(0); opacity: 1; } } - @keyframes expandy { 0% { transform: translateY(-100px); @@ -428,7 +420,6 @@ form .spacer + .spacer { 100% { transform: translateY(0); opacity: 1; } } - .expando-button { cursor: pointer; float: left; @@ -519,11 +510,11 @@ form .spacer + .spacer { padding: 0; vertical-align: top !important; width: 30px !important; } + body > .content #siteTable .thing.self .thumbnail { background-image: url(%%spritesheet%%); background-position: -289px -139px; background-size: 341px 331px; } } - .link .usertext-body .md { border-radius: 0 !important; border: 1px solid #7cb0d9; @@ -536,28 +527,22 @@ body > .content #siteTable .thing.self .thumbnail { margin: 10px 15px 10px 10px; background-repeat: no-repeat !important; background-position: -289px -139px; } - body > .content #siteTable .thing.stickied .thumbnail { background-image: url(%%spritesheet%%); background-repeat: no-repeat !important; background-position: -289px -84px; margin-right: 15px; } - -body > .content #siteTable .thing .thumbnail.default, -body > .content #siteTable .thing.over18 .thumbnail { +body > .content #siteTable .thing .thumbnail.default, body > .content #siteTable .thing.over18 .thumbnail { background-image: url(%%spritesheet%%) !important; background-repeat: no-repeat !important; margin: 10px 15px 10px 10px; width: 45px; height: 45px; } - body > .content #siteTable .thing.stickied .entry > .title .title { color: #00a64f; font-weight: 400; } - body > .content #siteTable .thing.over18 .thumbnail { background-position: -286px -5px !important; } - body > .content #siteTable .thing .thumbnail.default { background-position: -47px -77px; background-size: 341px 331px; } @@ -573,7 +558,7 @@ a[href*="#icon-more"] { margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .link .title { - color: #1a1a1a; } + color: #F54E7A; } .link .title:visited { color: #b1b1b1; } .link.thing.visited .title { @@ -581,10 +566,10 @@ a[href*="#icon-more"] { padding: 0 !important; } .link.last-clicked { border: 0; - border-left: 3px solid #0078D7; + border-left: 3px solid #f06292; background: #f0f8ff; } .link .score.likes { - color: #0078D7; } + color: #f06292; } .link .score.dislikes { color: #7f7f7f; } .link .flair { @@ -597,7 +582,7 @@ a[href*="#icon-more"] { color: #fff; width: auto; display: block; - background: #1a1a1a; + background: #F54E7A; border-radius: 0; font-size: small; margin-top: -12px; @@ -607,21 +592,16 @@ a[href*="#icon-more"] { .linklisting .nextprev { font-size: 0; } - .linklisting .stickied { border-left: 3px solid #00a64f; background: rgba(0, 166, 79, 0.1); } - .linklisting .over18 { border-left: 3px solid #e2062c; background: rgba(225, 6, 44, 0.1); } - .linklisting .md { margin-bottom: 0; } - .linklisting .usertext-edit div textarea { margin-left: -10px; } - .linklisting .reported { background: rgba(255, 0, 0, 0.1); border-left: 3px solid #e2062c; } @@ -631,7 +611,7 @@ a[href*="#icon-more"] { .newComments { display: inline; - color: #1a1a1a; } + color: #F54E7A; } .linkinfo .totalvotes { color: #494949 !important; } @@ -672,7 +652,7 @@ body .linklisting { transition: all .2s; } .listing-page .link:hover { - border-left-color: #0078D7; + border-left-color: #f06292; background: #f0f8ff; } .entry .flat-list .report-button a, @@ -685,11 +665,11 @@ body .linklisting { .reddit-infobar.with-icon { margin-left: -4px; } .reddit-infobar.with-icon:before { - background-color: solid #1a1a1a; + background-color: solid #F54E7A; background-repeat: no-repeat; } .c-btn-primary { - background-color: solid #1a1a1a; + background-color: solid #F54E7A; border-bottom: 2px solid #4270a2; color: #fff; border-radius: 0; } @@ -733,7 +713,7 @@ a.author { .panestack-title { margin: 0 330px 0 -5px; padding: 4px 0px; - background: #1a1a1a; + background: #F54E7A; color: #fff; border-bottom: transparent; } .panestack-title .title { @@ -761,12 +741,11 @@ a.author { .tagline .stickied-tagline { color: #00a64f; } - .tagline a:hover { - color: #0078D7 !important; } + color: #f06292 !important; } .gold-accent { - background-color: #1a1a1a; + background-color: #F54E7A; border: none; display: inline-block; color: #fff !important; } @@ -775,13 +754,13 @@ a.author { padding: 10px; margin-right: 310px !important; color: #fff; - background: #1a1a1a; + background: #F54E7A; margin-left: 5px !important; display: none; } .commentarea .infobar { color: #eee; - background: #1a1a1a; + background: #F54E7A; border: none; display: flex; } .commentarea .infobar a { @@ -792,9 +771,7 @@ a.author { .comments-page .sitetable.nestedlisting > .thing.stickied { border-bottom: solid 3px #00a64f; background: rgba(0, 166, 79, 0.1) !important; } - -.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page.linkflair-help .flat-list a.flairselectbtn:after { +.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, .comments-page.linkflair-help .flat-list a.flairselectbtn:after { animation: 1s ease-out 0s normal none infinite running pulsate; animation-duration: 2s; animation-timing-function: ease-out; @@ -804,7 +781,6 @@ a.author { animation-iteration-count: infinite; animation-play-state: running; animation-name: pulsate; } - .comments-page .usertext-edit div textarea { background: url(%%wincore-2%%) 206px -213px no-repeat #FFF !important; border: 1px solid #000 !important; @@ -818,24 +794,22 @@ a.author { background: #FFF !important; opacity: 1; border-color: #0078D6 !important; } - .comments-page .link { border-left: 1px solid #c6c6c6 !important; } .commentarea .menuarea { margin: 5px 310px 5px 5px; } - .commentarea .md { margin-bottom: 0; } .md { overflow: visible; } .md a { - color: #1a1a1a; } + color: #F54E7A; } .md code { white-space: normal; } .md blockquote { - border-left: 2px solid #0078D7; + border-left: 2px solid #f06292; background-color: #efefed; } .usertext.border .usertext-body { @@ -844,15 +818,15 @@ a.author { .wiki-page .pageactions { border-radius: 0; - border: 1px solid #0078D7; } + border: 1px solid #f06292; } .wiki-page .pageactions .wikiaction { margin: 0 !important; border-radius: 0 !important; } .wiki-page .pageactions .wikiaction:hover { - background-color: #0078D7 !important; + background-color: #f06292 !important; color: #fff !important; } .wiki-page .pageactions .wikiaction-current { - background-color: #1a1a1a; } + background-color: #F54E7A; } .wiki-page .wiki-page-content .nextprev a { margin-bottom: 12px; } @@ -861,11 +835,11 @@ ul.tabmenu.formtab { padding-left: 0; } ::selection { - background-color: #0078D7; + background-color: #f06292; color: #fff; } .buttons .comments.empty { - color: #1a1a1a; } + color: #F54E7A; } .leavemoderator, .titlebox form.toggle { @@ -897,7 +871,6 @@ a[href*="#tech"] { .sheets ::-webkit-scrollbar { background-color: #0f0f0f !important; } - .sheets ::-webkit-scrollbar-corner, .sheets ::-webkit-scrollbar-thumb { background: #313131 !important; } @@ -929,9 +902,8 @@ a[href*="#tech"] { .gadget .midcol { margin-right: 9px; } - .gadget .right a { - background: #1a1a1a; + background: #F54E7A; padding: 5px 10px; margin-right: 5px; display: block; @@ -940,7 +912,7 @@ a[href*="#tech"] { transition: background-color .5s; text-transform: capitalize; } .gadget .right a:hover { - background: #0078D7; } + background: #f06292; } span.clear-input-button { color: #fff; } @@ -952,46 +924,51 @@ span.clear-input-button { top: 0 !important; line-height: 26px !important; border: 1px solid grey; - background: #1a1a1a !important; + background: #F54E7A !important; transition: background-color .5s; right: -10px !important; } #newlink-with-image-upload .clear-input-button:hover { - background: #0078D7 !important; } - + background: #f06292 !important; } #newlink-with-image-upload .image-upload-drop-target { padding: 15px !important; } - #newlink-with-image-upload .file-upload-button { - background: #1a1a1a; + background: #F54E7A; border: none; padding: 7px 20px !important; display: block !important; margin: 6px -17px -17px !important; transition: background-color 0.5s; } #newlink-with-image-upload .file-upload-button:hover { - background: #0078D7; } + background: #f06292; } @media (max-width: 880px) { #siteTable_organic { margin-right: -5px; } + #header-bottom-left .tabmenu { width: calc(100% - 50px); padding-left: 50px; } + .side { display: none; } + body .linklisting { margin-right: 0 !important; } + .footer::after { display: none !important; } + .infobar { margin-right: 18px; } + .footer { - border-right: 1px solid #1a1a1a; } + border-right: 1px solid #F54E7A; } + .panestack-title { margin: 0 0px 0 -5px; } + .infobar.newsletterbar { margin: -7px -5px 7px 0px; } } - .side { margin: 0; padding-left: 30px; @@ -999,7 +976,7 @@ span.clear-input-button { .side:after { content: "/r/ClearShift theme"; font-size: large; - color: #1a1a1a; + color: #F54E7A; margin-left: 50px; } .side .md h2 { margin-top: 1.4em; @@ -1091,25 +1068,22 @@ span.clear-input-button { @-webkit-keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - @-moz-keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - @keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - .titlebox h1:after, .sidecontentbox .title:after { display: block; @@ -1132,7 +1106,6 @@ div.side div.tagline { border-radius: 0; font-weight: 400; margin: 0 5px 0 0; } - div.side form.flairtoggle, div.side form.leavecontributor-button { padding: 10px; border: 1px solid #d7ecff; @@ -1144,7 +1117,6 @@ div.side form.flairtoggle, div.side form.leavecontributor-button { border-radius: 0; font-weight: 400; margin: 0 5px 0 0; } - div.side span.subscribers { border: 1px solid #d7ecff; border-left: 5px solid #d7ecff; @@ -1171,38 +1143,32 @@ div.side span.subscribers { content: ""; margin-right: 5px; margin-top: -3px; } - div.side div.tagline { display: block !important; } - div.side form.flairtoggle { display: block; } - div.side div.leavemoderator { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side form.flairtoggle { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side p.users-online { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side div.tagline { padding-top: 0; border-top: none; } .morelink { - border: 1px solid #1a1a1a; - background: #1a1a1a; + border: 1px solid #F54E7A; + background: #F54E7A; width: 145px; margin-right: 5px; transition: all 0.5s; @@ -1214,11 +1180,11 @@ div.side div.tagline { letter-spacing: 0; font-size: 0.9em; } .morelink:hover { - background: #0078D7; - border-color: #0078D7; } + background: #f06292; + border-color: #f06292; } .morelink:hover a { color: #fff; - border-color: #0078D7; } + border-color: #f06292; } .morelink .nub { display: none; } @@ -1258,13 +1224,11 @@ div.side div.tagline { .helplink ~ .content .author[href*=AutoModerator], .helplink ~ .content .author[href*=flair_your_post_bot] { display: none; } - .helplink ~ .content .author:after { content: '- Moderator'; font-size: 0.945em; margin-left: 5px; - color: #1a1a1a; } - + color: #F54E7A; } .helplink ~ .content .flair { display: none; } @@ -1279,17 +1243,15 @@ div.side div.tagline { text-transform: capitalize; } .helplink ~ .content .author .helplink ~ .content .author:hover { - color: #0078D7; } + color: #f06292; } .sidecontentbox .content .linkflairlabel { display: none; } div.titlebox .md h3:hover + ul { display: block; } - div.titlebox .md ul li strong:first-child, div.titlebox .md ul:hover { display: block; } - div.titlebox .md ul li { border: none; margin-right: 5px; } @@ -1309,11 +1271,9 @@ div.titlebox .md ul li { .sidecontentbox .more:hover { background-color: #f0f8ff; border-left-color: #7cb0d9; } - .sidecontentbox .content { border: none; padding: 0; } - .sidecontentbox .more { text-align: center; } .sidecontentbox .more a { @@ -1334,11 +1294,10 @@ div.titlebox .md ul li { div.titlebox .md ul li:hover { background-color: #f0f8ff; border-left-color: #7cb0d9; } - div.titlebox div.styleToggle, div.titlebox span.fancy-toggle-button a.active { padding: 5px 10px; - background-color: #0078D7; + background-color: #f06292; color: #fff; font-size: 8pt; display: block !important; @@ -1347,27 +1306,22 @@ div.titlebox span.fancy-toggle-button a.active { font-weight: 400; margin: 0; border: none; } - div.titlebox div.styleToggle { - background-color: #1a1a1a; + background-color: #F54E7A; line-height: 20px; } div.titlebox div.styleToggle input, div.titlebox div.styleToggle label { vertical-align: middle; margin: 0; } - div.titlebox span.fancy-toggle-button a.active.add:hover, div.titlebox span.fancy-toggle-button a.active.remove { - background-color: #1a1a1a; } - + background-color: #F54E7A; } div.titlebox span.fancy-toggle-button a.active.remove:before { content: ""; padding-right: 5px; } - div.titlebox span.fancy-toggle-button a.active.remove:hover:after { content: "=("; font-style: italic; padding-left: 5px; } - div.titlebox span.fancy-toggle-button a.active.add:before { content: "+"; padding-right: 5px; @@ -1385,7 +1339,7 @@ div.titlebox span.fancy-toggle-button a.active.add:before { margin: 0; padding: 3px 0; } .sidecontentbox .content a.author:hover { - color: #0078D7; } + color: #f06292; } #searchexpando { padding: 10px; @@ -1402,11 +1356,11 @@ div.titlebox span.fancy-toggle-button a.active.add:before { #search input[type=text] { width: 295px !important; - border-color: #1a1a1a; } + border-color: #F54E7A; } .sidecontentbox .title { border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; font-weight: 400; margin-top: 0; @@ -1417,22 +1371,20 @@ div.titlebox .md h3:before { content: "+"; color: #fff; padding-right: 5px; } - div.titlebox .md h2, div.titlebox .md h3, div.titlebox .md h4 { border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; font-weight: 400; cursor: default; margin-top: 0; margin-bottom: 0; margin-left: -10px; } - div.titlebox h1 { border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; font-weight: 400; margin-top: 0; @@ -1473,8 +1425,7 @@ div.titlebox h1 { #RESShortcutsTrash:hover { color: #f0f0f0 !important; } -.titlebox .md h3 + ul:hover, -.titlebox .md h3:hover + ul { +.titlebox .md h3 + ul:hover, .titlebox .md h3:hover + ul { max-height: 600px; } div.titlebox .md h3 + ul { @@ -1487,7 +1438,7 @@ div.titlebox .md h3:hover + ul { transition: .8s max-height ease-out; } div.commentarea .infobar p { - background: #0078D7; + background: #f06292; padding: 10px; margin: -5px -5px -5px 10px; } @@ -1521,7 +1472,7 @@ div.commentarea .infobar p { color: #fff !important; text-transform: none; border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; cursor: pointer; margin-top: 0; @@ -1589,12 +1540,11 @@ div.commentarea .infobar p { text-align: center; display: block; color: #fff; - background: #1a1a1a; + background: #F54E7A; box-sizing: border-box; margin-bottom: 10px; } .sidecontentbox a.helplink:hover { - background: #0078D7; } - + background: #f06292; } .sidecontentbox .title h1, .sidecontentbox a.helplink { color: #fff; } @@ -1608,10 +1558,10 @@ div.commentarea .infobar p { .account-activity-box { display: block !important; - background: #1a1a1a; + background: #F54E7A; margin-right: 5px; } .account-activity-box:hover { - background: #0078D7; } + background: #f06292; } .account-activity-box a { color: #fff; padding: 10px 70px; } @@ -1626,7 +1576,6 @@ div.commentarea .infobar p { #header-bottom-right .separator { display: none; } - #header-bottom-right .user { position: relative; top: 0; @@ -1636,7 +1585,7 @@ div.commentarea .infobar p { font-size: 13px; color: #eaeaea; line-height: 170%; - background: url(%%spritesheet%%) -110px -289px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -110px -289px no-repeat #F54E7A; float: left; border: 2px solid #fff; cursor: pointer; } @@ -1651,24 +1600,21 @@ div.commentarea .infobar p { display: block; line-height: 12px; white-space: nowrap; } - #header-bottom-right .user span a { color: #fff; } - #header-bottom-right #mail { top: 0; top: 0 !important; width: 42px; height: 42px; display: inline-block; } - #header-bottom-right #modmail { position: absolute; margin-left: -267px; top: 3px; padding-left: 26px; padding-top: 5px; - background: url(%%spritesheet%%) -224px -72px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -224px -72px no-repeat #F54E7A; border: 2px solid #fff; } #modmail.havemail { @@ -1677,11 +1623,9 @@ div.commentarea .infobar p { #header #header-bottom-right #modmail:hover, #header #header-bottom-right .choice:hover, #header #header-bottom-right .user:hover { - background-color: #0078D7; } - + background-color: #f06292; } #header #header-bottom-right .logout { display: inline-block; } - #header #header-bottom-right #mail, #header #header-bottom-right .choice, #header #header-bottom-right .logout a { @@ -1693,12 +1637,10 @@ div.commentarea .infobar p { text-indent: 50px; overflow: hidden; transition: background-color 0.5s; } - #header #header-bottom-right #mail.nohavemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #1a1a1a; + background: url(%%spritesheet%%) 0px -114px no-repeat #F54E7A; border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right #mail.havemail { background: url(%%spritesheet%%) 0px -114px no-repeat #ff4500; } @@ -1708,9 +1650,8 @@ div.commentarea .infobar p { #header #header-bottom-right #mail.havemail { border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right .choice { - background: url(%%spritesheet%%) -127px -114px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -127px -114px no-repeat #F54E7A; border-radius: 1px; border: 2px solid #fff; } @@ -1720,7 +1661,7 @@ div.commentarea .infobar p { top: 0; left: -78px; color: transparent !important; - background-color: #1a1a1a; + background-color: #F54E7A; background-image: url(%%spritesheet%%) !important; background-repeat: no-repeat !important; background-size: 341px 331px !important; @@ -1743,13 +1684,11 @@ div.commentarea .infobar p { display: none; } #header #header-bottom-right .logout a { - background: url(%%spritesheet%%) -127px -42px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -127px -42px no-repeat #F54E7A; border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right #mail.havemail, #header #header-bottom-right #mail.nohavemail { border-bottom: none; } - #header #header-bottom-right .choice, #header #header-bottom-right .logout a { border-bottom: none; } @@ -1764,8 +1703,7 @@ div.commentarea .infobar p { #header #header-bottom-right #mail:hover, #header #header-bottom-right .choice:hover, #header #header-bottom-right .user:hover { - background-color: #0078D7; } - + background-color: #f06292; } #header #header-bottom-right .logout a:hover { text-indent: -99999px; color: #fff; @@ -1785,7 +1723,7 @@ div.commentarea .infobar p { overflow: hidden; } .message-count { - background: #0078D7; + background: #f06292; height: 42px; font-size: medium; line-height: 42px !important; @@ -1831,7 +1769,6 @@ div.commentarea .infobar p { animation-iteration-count: infinite; animation-play-state: running; animation-name: pulsate; } - .side .md .-text, .side .md li, .side .md p, @@ -1839,7 +1776,6 @@ div.commentarea .infobar p { .side .md td, .side .md th { list-style: none; } - .side .usertext-body .md ol a { background-color: #57b5ff; display: inline-block; @@ -1851,12 +1787,10 @@ div.commentarea .infobar p { opacity: 0.8; } .side .usertext-body .md ol a:hover { opacity: 1; } - .side .md > ol li a[href$='#special']:after, .side .md > ol li a[href$='#special']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#special'] { border: 2px solid #fefefe; display: inline-block; @@ -1872,12 +1806,11 @@ div.commentarea .infobar p { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; - background-color: #1a1a1a; + background-color: #F54E7A; content: "Event"; color: #fff; } .side .usertext-body .md ol a[href$='#special']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#achieve'] { border: 2px solid #fefefe; display: inline-block; @@ -1891,22 +1824,18 @@ div.commentarea .infobar p { opacity: 0.8; } .side .usertext-body .md ol a[href$='#achieve']:hover { opacity: 1; } - .side .md > ol li a[href$='#sticky']:after, .side .md > ol li a[href$='#sticky']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#achieve']:before, .side .usertext-body .md ol a[href$='#sticky']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#achieve']:before { background-color: #0d9605; content: "Achievement unlocked"; color: #fff; } - .side .usertext-body .md ol a[href$='#sticky'], .side .usertext-body .md ol a[href$='#stickyg'] { font-weight: 400; padding: 5px 5px 5px 0; @@ -1916,45 +1845,36 @@ div.commentarea .infobar p { font-size: 12px; transition: opacity .5s; text-decoration: none; } - .side .usertext-body .md ol a[href$='#sticky'] { background-color: #1686f0; opacity: 0.8; } .side .usertext-body .md ol a[href$='#sticky']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#stickyg']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#sticky']:before { - background-color: #1a1a1a; + background-color: #F54E7A; content: "Sticky"; color: #fff; } - .side .usertext-body .md ol a[href$='#stickyg'] { background-color: #28bc07; opacity: 0.8; } - .side .md > ol li a[href$='#achieve']:after, .side .md > ol li a[href$='#achieve']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .md > ol li a[href$='#update']:after, .side .md > ol li a[href$='#update']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#stickyg']:before, .side .usertext-body .md ol a[href$='#update']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#stickyg']:before { background-color: #0d9605; content: "Sticky"; color: #fff; } - .side .usertext-body .md ol a[href$='#update'] { border: 2px solid #fefefe; background-color: #1686f0; @@ -1967,31 +1887,27 @@ div.commentarea .infobar p { opacity: .8; transition: opacity 0.5s; } .side .usertext-body .md ol a[href$='#update']:before { - background-color: #1a1a1a; + background-color: #F54E7A; content: "Update"; color: #fff; } .side .usertext-body .md ol a[href$='#update']:hover { opacity: 1; } - .side .md del { color: #fff; text-decoration: none; } .md a:hover { - color: #0078D7; } + color: #f06292; } .res-nightmode body, html[lang^=nm] body { background: #1a1a1a !important; } - .res-nightmode #sr-header-area, html[lang^=nm] #sr-header-area { background-color: #0C1722; } - .res-nightmode a, html[lang^=nm] a { color: #f8f8ff; } - .res-nightmode .morelink a, .res-nightmode a[href*="#Donsiders"], .res-nightmode a[href*="#btn"], @@ -1999,12 +1915,10 @@ html[lang^=nm] .morelink a, html[lang^=nm] a[href*="#Donsiders"], html[lang^=nm] a[href*="#btn"] { color: #fff !important; } - .res-nightmode .shortlink input, html[lang^=nm] .shortlink input { background: #393939; color: #ddd; } - .res-nightmode #previoussearch #moresearchinfo, .res-nightmode .roundfield label, .res-nightmode .search-result-body, @@ -2024,20 +1938,17 @@ html[lang^=nm] .md blockquote, html[lang^=nm] .md del, html[lang^=nm] .comments-page .usertext-edit div textarea { color: #eee !important; } - .res-nightmode .md blockquote, html[lang^=nm] .md blockquote { background: rgba(0, 87, 166, 0.24); - border-left: 2px solid #0078D7 !important; + border-left: 2px solid #f06292 !important; color: #888 !important; } - .res-nightmode .md code, html[lang^=nm] .md code { border: none !important; background-color: #393939 !important; border-radius: 0 !important; - border-left: 3px solid #0078D7 !important; } - + border-left: 3px solid #f06292 !important; } .res-nightmode .commentingAs, .res-nightmode .date time, .res-nightmode .linkinfo .score, @@ -2053,7 +1964,6 @@ html[lang^=nm] .side .titlebox > .fancy-toggle-button, html[lang^=nm] .edit-stylesheet.choice:after, html[lang^=nm] .wiki-page .wiki-page-content { color: #ddd !important; } - .res-nightmode .date span, .res-nightmode .date time, html[lang^=nm] .date span, @@ -2061,7 +1971,6 @@ html[lang^=nm] .date time { border-bottom: 1px solid #393939 !important; background: #222 !important; border-top: 1px solid #393939 !important; } - .res-nightmode #header, .res-nightmode #newlink-with-image-upload #new-link-preview, .res-nightmode .account-activity-box, @@ -2077,7 +1986,6 @@ html[lang^=nm] .morelink, html[lang^=nm] .nextprev a, html[lang^=nm] .titlebox h1 { background: #222 !important; } - .res-nightmode #header #header-bottom-right #mail:hover, .res-nightmode #header #header-bottom-right #modmail:hover, .res-nightmode #header #header-bottom-right .choice:hover, @@ -2089,14 +1997,12 @@ html[lang^=nm] #header #header-bottom-right .choice:hover, html[lang^=nm] #header #header-bottom-right .logout:hover, html[lang^=nm] #header #header-bottom-right .user:hover { background-color: #393939 !important; } - .res-nightmode #header #header-bottom-right .logout a, .res-nightmode #header #header-bottom-right .nohavemail#mail, html[lang^=nm] #header #header-bottom-right .logout a, html[lang^=nm] #header #header-bottom-right .nohavemail#mail { background-color: transparent !important; outline: 0 !important; } - .res-nightmode #header-bottom-right #modmail, .res-nightmode #header-bottom-right .choice, .res-nightmode #header-bottom-right .user, @@ -2105,7 +2011,6 @@ html[lang^=nm] #header-bottom-right .choice, html[lang^=nm] #header-bottom-right .user { background-color: transparent !important; outline: 0 !important; } - .res-nightmode #header-bottom-left .tabmenu, .res-nightmode #header-img, .res-nightmode #header-img.default-header, @@ -2113,25 +2018,21 @@ html[lang^=nm] #header-bottom-left .tabmenu, html[lang^=nm] #header-img, html[lang^=nm] #header-img.default-header { background: transparent !important; } - .res-nightmode #header-bottom-left .tabmenu, .res-nightmode .new-comment .usertext-body, html[lang^=nm] #header-bottom-left .tabmenu, html[lang^=nm] .new-comment .usertext-body { background-color: transparent; border: none; } - .res-nightmode .date, html[lang^=nm] .date { color: #ddd !important; } .res-nightmode .date::before, html[lang^=nm] .date::before { color: #ddd !important; } - .res-nightmode .flair, html[lang^=nm] .flair { color: #ddd !important; } - .res-nightmode .footer, html[lang^=nm] .footer { border-right: none !important; @@ -2140,7 +2041,6 @@ html[lang^=nm] .footer { html[lang^=nm] .footer div.col a, html[lang^=nm] .footer::after { color: #ddd !important; } - .res-nightmode div.side div.tagline, .res-nightmode div.side form.flairtoggle, .res-nightmode div.side span.subscribers, @@ -2149,18 +2049,15 @@ html[lang^=nm] div.side form.flairtoggle, html[lang^=nm] div.side span.subscribers { background: #222 !important; color: #ddd !important; } - .res-nightmode div.titlebox .md ul li, html[lang^=nm] div.titlebox .md ul li { background: #222 !important; color: #ddd !important; } - .res-nightmode .sidecontentbox .title, .res-nightmode .sidecontentbox a.helplink, html[lang^=nm] .sidecontentbox .title, html[lang^=nm] .sidecontentbox a.helplink { background: #222 !important; } - .res-nightmode div.titlebox .md h1, .res-nightmode div.titlebox .md h2, .res-nightmode div.titlebox .md h3, @@ -2170,7 +2067,6 @@ html[lang^=nm] div.titlebox .md h2, html[lang^=nm] div.titlebox .md h3, html[lang^=nm] div.titlebox .md h4 { background: #222 !important; } - .res-nightmode #searchexpando, .res-nightmode .icon-menu li, .res-nightmode .totalvotes, @@ -2218,7 +2114,6 @@ html[lang^=nm] div.titlebox .md ul li { html[lang^=nm] div.titlebox .md ul li:hover { background-color: #393939 !important; border-left-color: #7cb0d9 !important; } - .res-nightmode div.side div.leavemoderator, .res-nightmode div.side p.users-online, .res-nightmode div.side span.subscribers, @@ -2238,7 +2133,6 @@ html[lang^=nm] div.side .titlebox > .fancy-toggle-button { border-right: 1px solid #393939 !important; background: #222 !important; border-top: 1px solid #393939 !important; } - .res-nightmode div.side div.tagline, .res-nightmode div.side form.flairtoggle, html[lang^=nm] div.side div.tagline, @@ -2247,7 +2141,6 @@ html[lang^=nm] div.side form.flairtoggle { border-right: 1px solid #393939 !important; border-bottom: none !important; background: #222 !important; } - .res-nightmode .titlebox form.toggle, html[lang^=nm] .titlebox form.toggle { background: #222; @@ -2255,7 +2148,6 @@ html[lang^=nm] .titlebox form.toggle { border-left: 5px solid #393939 !important; border-right: 1px solid #393939 !important; color: #eee; } - .res-nightmode .sitetable .comment .comment, html[lang^=nm] .sitetable .comment .comment { background-color: #393939 !important; } @@ -2280,7 +2172,6 @@ html[lang^=nm] .sitetable .comment .comment { .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #393939 !important; } - .res-nightmode .sitetable .comment, html[lang^=nm] .sitetable .comment { background-color: #222 !important; } @@ -2305,31 +2196,25 @@ html[lang^=nm] .sitetable .comment { .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #222 !important; } - .res-nightmode button, html[lang^=nm] button { border: none; background-color: #222 !important; } - .res-nightmode a[href*="#square"]::before, html[lang^=nm] a[href*="#square"]::before { border: 3px solid #393939; } - .res-nightmode .link, html[lang^=nm] .link { border-bottom: 1px solid #2D2E32 !important; border-right: 1px solid #2D2E32 !important; } - .res-nightmode .listing-page .link:hover, html[lang^=nm] .listing-page .link:hover { background: #393939 !important; border-left-color: #a9a9a9 !important; } - .res-nightmode div.titlebox .md ul li:hover, html[lang^=nm] div.titlebox .md ul li:hover { background-color: #393939 !important; border-left-color: #7cb0d9 !important; } - .res-nightmode div.titlebox .md h1:after, .res-nightmode div.titlebox .md h2:after, .res-nightmode div.titlebox .md h3:after, @@ -2342,7 +2227,6 @@ html[lang^=nm] div.titlebox .md h4:after { position: absolute; z-index: -1; border-color: transparent #393939 transparent transparent !important; } - .res-nightmode div.titlebox h1:after, .res-nightmode div.titlebox .sidecontentbox .title:after, html[lang^=nm] div.titlebox h1:after, @@ -2351,7 +2235,6 @@ html[lang^=nm] div.titlebox .sidecontentbox .title:after { position: absolute; z-index: -1; border-color: transparent #393939 transparent transparent !important; } - .res-nightmode .flairselector, .res-nightmode .comments-page .usertext-edit div textarea, .res-nightmode #eu-cookie-policy .reddit-infobar, @@ -2362,7 +2245,6 @@ html[lang^=nm] #eu-cookie-policy .reddit-infobar, html[lang^=nm] #search input[type=text] { background-color: #222 !important; color: #ddd; } - .res-nightmode #header-bottom-left .tabmenu li.selected a, .res-nightmode .link .usertext-body .md, .res-nightmode .debuginfo, @@ -2386,7 +2268,6 @@ html[lang^=nm] .side .morelink a:hover, html[lang^=nm] button:hover, html[lang^=nm] .account-activity-box:hover { background-color: #393939 !important; } - .res-nightmode .comment .usertext .md p > a:visited, .res-nightmode .md a, .res-nightmode h2 a:visited, @@ -2394,11 +2275,9 @@ html[lang^=nm] .comment .usertext .md p > a:visited, html[lang^=nm] .md a, html[lang^=nm] h2 a:visited { color: #3498db; } - .res-nightmode ::-webkit-scrollbar, html[lang^=nm] ::-webkit-scrollbar { background-color: #393939; } - .res-nightmode ::-webkit-scrollbar-thumb, html[lang^=nm] ::-webkit-scrollbar-thumb { background-color: #666; @@ -2411,67 +2290,52 @@ html[lang^=nm] ::-webkit-scrollbar-thumb { .res-nightmode ::-webkit-scrollbar-thumb:active, html[lang^=nm] ::-webkit-scrollbar-thumb:active { background-color: #bbb; } - .res-nightmode ::-webkit-scrollbar-corner, html[lang^=nm] ::-webkit-scrollbar-corner { color: #555; } - .res-nightmode textarea, html[lang^=nm] textarea { color: #000 !important; } - .res-nightmode .content, html[lang^=nm] .content { margin-bottom: 0; margin-top: 0; } - .res-nightmode input[type=button], .res-nightmode input[type=reset], .res-nightmode input[type=submit], html[lang^=nm] input[type=button], html[lang^=nm] input[type=reset], html[lang^=nm] input[type=submit] { border: none; } - .res-nightmode .side .spacer .titlebox .redditname, html[lang^=nm] .side .spacer .titlebox .redditname { - border-left-color: #0078D7; } - + border-left-color: #f06292; } .res-nightmode .gold-accent, html[lang^=nm] .gold-accent { - background: #1a1a1a; } - -.res-nightmode .thing .title:visited, -.res-nightmode .thing.visited .title, + background: #F54E7A; } +.res-nightmode .thing .title:visited, .res-nightmode .thing.visited .title, html[lang^=nm] .thing .title:visited, html[lang^=nm] .thing.visited .title { color: #808c94; } - .res-nightmode .thing .title, html[lang^=nm] .thing .title { color: #B5C4D0; } - .res-nightmode .content.submit .info-notice, .res-nightmode .submit-page .roundfield, html[lang^=nm] .content.submit .info-notice, html[lang^=nm] .submit-page .roundfield { background-color: #222; color: #eee; } - .res-nightmode #header #header-bottom-right #mail.havemail, html[lang^=nm] #header #header-bottom-right #mail.havemail { outline: 0; } - .res-nightmode .formtabs-content .infobar, html[lang^=nm] .formtabs-content .infobar { border-color: transparent !important; } - .res-nightmode .infobar, html[lang^=nm] .infobar { border-color: #ff4500 !important; } - .res-nightmode span.score, html[lang^=nm] span.score { color: #888 !important; } - .res-nightmode .comment.spam > .child, .res-nightmode .message.spam > .child, .res-nightmode .usertext.grayed .usertext-body, @@ -2479,16 +2343,13 @@ html[lang^=nm] .comment.spam > .child, html[lang^=nm] .message.spam > .child, html[lang^=nm] .usertext.grayed .usertext-body { background-color: transparent; } - .res-nightmode div.commentarea .infobar, html[lang^=nm] div.commentarea .infobar { color: #eee; border: none; } - .res-nightmode .comment, html[lang^=nm] .comment { border: 1px solid #43474F; } - .res-nightmode a[href*='#icon-day'], html[lang^=nm] a[href*='#icon-day'] { display: inline-block !important; } @@ -2501,158 +2362,123 @@ html[lang^=nm] a[href*='#icon-day'] { content: ''; margin: 0 7px -4px 0; background: url(%%spritesheet%%) -85px -294px; } - .res-nightmode a[href*='#icon-night'], html[lang^=nm] a[href*='#icon-night'] { display: none; } - .res-nightmode a[href*="#icon-chat"]::before, html[lang^=nm] a[href*="#icon-chat"]::before { background-image: url(%%wincore-2%%); background-position: -5px -405px; } - .res-nightmode a[href*="#icon-feedback"]::before, html[lang^=nm] a[href*="#icon-feedback"]::before { background-position: -47px -149px; } - .res-nightmode a[href*="#icon-feedback2"]::before, html[lang^=nm] a[href*="#icon-feedback2"]::before { background-position: -5px -375px; } - .res-nightmode a[href*="#iconz-tips"]::before, html[lang^=nm] a[href*="#iconz-tips"]::before { background-position: -234px -47px; } - .res-nightmode a[href*="#iconz-updates"]::before, html[lang^=nm] a[href*="#iconz-updates"]::before { background-position: -259px -119px; } - .res-nightmode a[href*="#iconz-faq"]::before, html[lang^=nm] a[href*="#iconz-faq"]::before { background-position: -174px -47px; } - .res-nightmode a[href*="#iconz-install"]::before, html[lang^=nm] a[href*="#iconz-install"]::before { background-position: -259px -119px; } - .res-nightmode a[href*="#iconz-wiki"]::before, html[lang^=nm] a[href*="#iconz-wiki"]::before { background-position: -204px -149px; } - .res-nightmode #siteTable .thing, .res-nightmode .link.promotedlink, html[lang^=nm] #siteTable .thing, html[lang^=nm] .link.promotedlink { background: #202020; } - .res-nightmode .organic-listing, html[lang^=nm] .organic-listing { background: none !important; } - .res-nightmode body > .content #siteTable .thing.self .thumbnail, html[lang^=nm] body > .content #siteTable .thing.self .thumbnail { background-position: -77px -5px; } - .res-nightmode body > .content #siteTable .thing .thumbnail.default, html[lang^=nm] body > .content #siteTable .thing .thumbnail.default { background-position: -174px -77px; } - .res-nightmode div.side span.subscribers span.number:before, html[lang^=nm] div.side span.subscribers span.number:before { background-position: -162px -5px; } - .res-nightmode .expando-button.selftext.collapsed, html[lang^=nm] .expando-button.selftext.collapsed { background-position: -5px -242px; } .res-nightmode .expando-button.selftext.collapsed:hover, html[lang^=nm] .expando-button.selftext.collapsed:hover { background-position: -225px -204px; } - .res-nightmode .expando-button.selftext.expanded, html[lang^=nm] .expando-button.selftext.expanded { background-position: -65px -204px; } .res-nightmode .expando-button.selftext.expanded:hover, html[lang^=nm] .expando-button.selftext.expanded:hover { background-position: -105px -204px; } - .res-nightmode .expando-button.video.collapsed, html[lang^=nm] .expando-button.video.collapsed { background-position: -85px -242px; } .res-nightmode .expando-button.video.collapsed:hover, html[lang^=nm] .expando-button.video.collapsed:hover { background-position: -45px -242px; } - .res-nightmode .expando-button.video.expanded, html[lang^=nm] .expando-button.video.expanded { background-position: -65px -204px; } .res-nightmode .expando-button.video.expanded:hover, html[lang^=nm] .expando-button.video.expanded:hover { background-position: -105px -204px; } - .res-nightmode .date:after, html[lang^=nm] .date:after { border-color: transparent #393939 transparent transparent !important; } - .res-nightmode .date span, html[lang^=nm] .date span { border-left: 5px solid #393939 !important; color: #ddd; border-right-color: #393939; } - .res-nightmode .date time, html[lang^=nm] .date time { border-right: 1px solid #393939 !important; } - .res-nightmode .link.last-clicked, html[lang^=nm] .link.last-clicked { background: #393939 !important; } - .res-nightmode .comments-page .link, html[lang^=nm] .comments-page .link { border-left: 3px solid transparent; } .res-nightmode .res .RES-keyNav-activeElement { background-color: #292929 !important; } - -.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, -.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { +.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, .res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { background-color: #292929 !important; } - .res-nightmode .RES-keyNav-activeElement { background-color: #292929 !important; } .res-nightmode .RES-keyNav-activeElement .md-container { background-color: #292929 !important; } - .res-nightmode .arrow.upmod { background-position: -296px -60px !important; } - .res-nightmode .arrow.down { background-position: -321px -60px !important; } - .res-nightmode .arrow.up { background-position: -289px -194px !important; } - .res-nightmode .arrow.downmod { background-position: -271px -60px !important; } - .res-nightmode .side .titlebox > .fancy-toggle-button { background: #222 !important; color: #ddd !important; } -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { +.res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { background-color: transparent !important; } .res #sr-header-area #srDropdownContainer a:hover { opacity: 1; } - .res .comment .midcol { margin-left: 20px; } - .res .comment .new-comment { border: 2px solid #FFAB91 !important; border-radius: 0px !important; } - .res #sr-header-area #srDropdownContainer a { width: 35px; height: 23px; @@ -2662,19 +2488,16 @@ html[lang^=nm] .comments-page .link { background: url(%%spritesheet%%) -225px -252px no-repeat; line-height: 35px; text-indent: -999em; } - .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .noncollapsed .RES-keyNav-activeElement.entry { background-color: 0 0 !important; } - .res .RESDashboardToggle, .res .RESshortcutside { background: 0 0; border: none; font-weight: 400; text-transform: uppercase; } - .res .sitetable .sitetable { margin-right: 0; } @@ -2703,11 +2526,11 @@ html[lang^=nm] .comments-page .link { line-height: 25px; } .footer { - border-bottom: 1px solid #1a1a1a; + border-bottom: 1px solid #F54E7A; padding: 0; - border-left: 1px solid #1a1a1a; } + border-left: 1px solid #F54E7A; } .footer::after { - border-bottom: 1px solid #1a1a1a; + border-bottom: 1px solid #F54E7A; display: block; margin-top: 0; padding: 10px; @@ -2716,8 +2539,8 @@ html[lang^=nm] .comments-page .link { content: "Designed by /u/Jaskys"; font-size: 16px; font-family: "Segoe UI", Helvetica, sans-serif; - border-top: 34px solid #1a1a1a; - border-right: 1px solid #1a1a1a; + border-top: 34px solid #F54E7A; + border-right: 1px solid #F54E7A; margin-bottom: -1.1px; width: 90px; } .footer div.col { @@ -2732,7 +2555,7 @@ html[lang^=nm] .comments-page .link { text-transform: capitalize; padding: 8px; color: #fff; - background: #1a1a1a; + background: #F54E7A; max-height: 18px; } .footer div.col a { display: block; @@ -2831,7 +2654,6 @@ html[lang^=nm] .comments-page .link { .author[href$=Adam-MSFT], .author[href$=Dave_MSFT], .author[href$=DrPreppy], .author[href$=EKILBO], .author[href$=Giffdev], .author[href$=James-MSFT], .author[href$=KritiMSFT], .author[href$=MailmanOdd], .author[href$=MasterDevwi], .author[href$=MsftHealthWill], .author[href$=NorthFaceHiker], .author[href$=Psychlist1972], .author[href$=Sawan-Msft], .author[href$=Sawan-MSFT], .author[href$=StephA_MSFT], .author[href$=Zev_MSFT], .author[href$=adam_msft], .author[href$=anaotero-MSFT], .author[href$=anbutle], .author[href$=anthonykinseymsft], .author[href$=bbyboi], .author[href$=bitcrazed], .author[href$=bloodytemplar], .author[href$=devbent], .author[href$=donaMSFT], .author[href$=jenmsft], .author[href$=Sean_MSFT], .author[href$=jeremy_msft], .author[href$=johnwinkmsft], .author[href$=josh_msft], .author[href$=kylealden], .author[href$=maheshrd], .author[href$=mike_msft], .author[href$=msftbanddev], .author[href$=msftbilly], .author[href$=mvaneerde], .author[href$=ooeygui], .author[href$=samersaw], .author[href$=sjarawan], .author[href$=stefohneee], .author[href$=toma_msft], .author[href$=vpmsft], .author[href$=xander-msft], .author[href$=zac_l], .author[href$=craigbarkhouse], .author[href$=elvenharps], .author[href$=nerdile], .author[href$=einarmsft], .author[href$=yosefdurr], .author[href$=Travis_MSFT], .author[href$=caithartMSFT], .author[href$=ClayMSFT] { color: #0078D7; font-weight: 700; } - .author[href$=ildun], .author[href$=Katsuga50] { color: #e67e22; font-weight: 700; } @@ -2934,64 +2756,44 @@ html:lang(nh) .linkflair-help { padding: 3px 10px; color: #fff; margin: 3px; } - .side a[href*='#official'] { background: #2086bf; } - .side a[href*='#news'] { background: #F2385A; } - .side a[href*='#help'] { background: #FF6138; } - .side a[href*='#solved'] { background: #008a00; } - .side a[href*='#unresolved'] { background: #FF7D4D; } - .side a[href*='#bug'] { background: #ce352c; } - .side a[href*='#update'] { background: #81003c; } - .side a[href*='#feature'] { background: #00aba9; } - .side a[href*='#discussion'] { background: #bf5a15; } - .side a[href*='#hardware'] { background: #f0a30a; } - .side a[href*='#tip'] { background: #468966; } - .side a[href*='#meta'] { background: #4390df; } - .side a[href*='#gaming'] { background: #76608a; } - .side a[href*='#app'] { background: #bf5a15; } - .side a[href*='#original%20content'] { background: #0B9C67; } - .side a[href*='#concept'] { background: #14B6F5; } - .side a[href*='#request'] { background: #00aba9; } - .side a[href*='#question'] { background: #008a00; } - .side a[href*='#hideflair'], .side a[href*='#hidehelp'] { background: #E42608; } - .side a[href*='#update']:hover, .side a[href*='#official']:hover, .side a[href*='#news']:hover, .side a[href*='#help']:hover, .side a[href*='#solved']:hover, .side a[href*='#unresolved']:hover, .side a[href*='#bug']:hover, .side a[href*='#feature']:hover, .side a[href*='#discussion']:hover, .side a[href*='#hardware']:hover, .side a[href*='#tip']:hover, .side a[href*='#meta']:hover, .side a[href*='#gaming']:hover, .side a[href*='#app']:hover, .side a[href*='#original%20content']:hover, .side a[href*='#concept']:hover, .side a[href*='#request']:hover, .side a[href*='#question']:hover, .side a[href='']:hover { opacity: 0.8; } @@ -3042,83 +2844,65 @@ a[href*="#icon-day"] { a[href*='#square-app']::before { background: -187px -5px #bf5a15; border: 3px solid #e8e8e8; } - a[href*='#square-tip']::before { background: -187px -5px #555; border: 3px solid #e8e8e8; } - a[href*='#square-meta']::before { background: -187px -5px #4390df; border: 3px solid #e8e8e8; } - a[href*='#square-original']::before { background: -187px -5px #76608a; border: 3px solid #e8e8e8; } - a[href*='#square-concept']::before { background: -187px -5px #14B6F5; border: 3px solid #e8e8e8; } - a[href*='#square-solved']::before { background: -187px -5px #008a00; border: 3px solid #e8e8e8; } - a[href*='#square-hflairs']::before { - background: -187px -5px #1a1a1a; + background: -187px -5px #F54E7A; border: 3px solid #e8e8e8; border-radius: 50%; } - a[href*='#square-hhelp']::before { - background: -187px -5px #0078D7; + background: -187px -5px #f06292; border: 3px solid #e8e8e8; border-radius: 50%; } - a[href*='#square'] + .keyNavAnnotation { display: none; } - a[href*='#square-feature']::before, a[href*='#square-request']::before, a[href*='#square-bug']::before, a[href*='#square-official']::before, a[href*='#square-news']::before, a[href*='#square-help']::before, a[href*='#square-update']::before, a[href*='#square-discussion']::before, a[href*='#square-hardware']::before, a[href*='#square-app']::before, a[href*='#square-tip']::before, a[href*='#square-meta']::before, a[href*='#square-original']::before, a[href*='#square-concept']::before, a[href*='#square-solved']::before, a[href*='#square-hflairs']::before, a[href*='#square-hhelp']::before, a[href*='#square-gaming']::before { display: inline-block; height: 10px; width: 10px; content: ''; margin: 0 5px -4px 0; } - a[href*='#square-']:hover::before { text-decoration: none; - background: #0078D7; + background: #f06292; border-color: #80c2ff; left: 4px; top: 8px; transition: all 0.15s ease; } - a[href*='#square-bug']::before { background: -187px -5px #ce352c; border: 3px solid #e8e8e8; } - a[href*='#square-official']::before { background: -187px -5px #2086bf; border: 3px solid #e8e8e8; } - a[href*='#square-news']::before { background: -187px -5px #F2385A; border: 3px solid #e8e8e8; } - a[href*='#square-help']::before { background: -187px -5px #FF6138; border: 3px solid #e8e8e8; } - a[href*='#square-update']::before { background: -187px -5px #81003c; border: 3px solid #e8e8e8; } - a[href*='#square-discussion']::before { background: -187px -5px #ff9e00; border: 3px solid #e8e8e8; } - a[href*='#square-hardware']::before { background: -187px -5px #f0a30a; border: 3px solid #e8e8e8; } - a[href*='#square-gaming']::before { background: -187px -5px #107c10; border: 3px solid #e8e8e8; } @@ -3176,22 +2960,19 @@ a[href*="#Donsiders"], a[href*="#btn"] { transition: all 0.5s; border-radius: 1px; } a[href*="#Donsiders"]:hover, a[href*="#btn"]:hover { - background: #0078D7; + background: #f06292; -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } - a[href*="#Donsiders"] { background: #009e7e; } a[href*="#Donsiders"]:hover { - background: #0078D7; } - + background: #f06292; } a[href*="#btn"] { background: #0057a6; } - a[href*="#square-showflairs"] { float: right; } a[href*="#square-showflairs"]::before { @@ -3199,39 +2980,34 @@ a[href*="#square-showflairs"] { height: 10px; width: 10px; content: ""; - background: -187px -5px #1a1a1a; + background: -187px -5px #F54E7A; border: 3px solid #e8e8e8; border-radius: 50%; margin-left: 5px; } - a[href*="#square-hflairs"]::after { content: "or"; margin-left: 50px; } - a[href*="#square-hflairs"]:hover::after { - color: #1a1a1a; } + color: #F54E7A; } .side .md [href$="#butt"] { display: inline-block !important; font-size: 8pt; - border: 2px solid #1a1a1a; + border: 2px solid #F54E7A; padding: 9px 8px; transition: background-color .5s; text-align: center; - color: #1a1a1a; } + color: #F54E7A; } .side .md [href$="#butt"]:hover { - background: #1a1a1a; + background: #F54E7A; color: #fff; } - .side .md > p:first-of-type { display: none; } -.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { +.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, .comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { content: "- flair your thread as solved once your problem is resolved"; margin-left: 6px; color: #008a00; } - .comments-page .link.linkflair-help .flat-list a.flairselectbtn { color: #0078D7 !important; } @@ -3247,53 +3023,39 @@ a[href*='#icon-chat']::before, a[href*='#icon-feedback']::before, a[href*='#icon width: 20px; content: ''; margin: 0 7px -4px 0; } - a[href*='#icon']:hover { text-decoration: none; } - a[href*='#icon-chat']::before { background: url(%%spritesheet%%) -5px -204px; } - a[href*='#icon-feedback']::before { background: url(%%spritesheet%%) -35px -204px; } - a[href*='#icon-night']::before { background: url(%%spritesheet%%) -125px -242px; } - a[href*='#icon-feedback2']::before { background: url(%%wincore-2%%) -5px -345px; } - a[href*="#icon-more"] { text-align: center; display: block; - color: #0078D7; + color: #f06292; font-size: 16px; } - a[href*='#iconz'] + .keyNavAnnotation { display: none; } - a[href*='#iconz-tips']::before, a[href*='#iconz-updates']::before, a[href*='#iconz-faq']::before, a[href*='#iconz-install']::before, a[href*='#iconz-wiki']::before { display: inline-block; height: 20px; width: 20px; content: ''; margin: 0 7px -4px 0; } - a[href*='#iconz']:hover { text-decoration: none; } - a[href*='#iconz-tips']::before { background: url(%%spritesheet%%) -204px -47px; } - a[href*='#iconz-faq']::before { background: url(%%spritesheet%%) -47px -47px; } - a[href*='#iconz-updates']::before { background: url(%%spritesheet%%) -102px -77px; } - a[href*='#iconz-install']::before { background: url(%%spritesheet%%) -229px -119px; } - a[href*='#iconz-wiki']::before { background: url(%%spritesheet%%) -174px -149px; } @@ -3372,7 +3134,6 @@ a[href*='#iconz-wiki']::before { transform: scale(1.4); } 90% { transform: scale(0.9); } } - #new_modmail { position: absolute; left: -75px; } @@ -3381,7 +3142,7 @@ a[href*='#iconz-wiki']::before { content: '- Designer'; font-size: 0.945em; margin-left: 5px; - color: #1a1a1a; } + color: #F54E7A; } .flair-jansmall:before { content: ""; diff --git a/css/r-windows10.css b/css/r-windows10.css index 4039b08..c63e6ad 100644 --- a/css/r-windows10.css +++ b/css/r-windows10.css @@ -3,15 +3,15 @@ Designed by /u/Jaskys /r/ClearShift theme base Contributors: /u/supersmilers, /u/mtvee, /u/BatDogOnBatMobile, /u/MrLawbreaker Icons provided by www.icons8.com under "Creative Commons Attribution-NoDerivs 3.0 Unported" license -Main color: #1a1a1a -Secondary: #0078D7 +Main color: #F54E7A +Secondary: #f06292 Christmas Main color: #BF0426 Secondary: #7A0218 */ #header { height: 165px; - background: #1a1a1a; + background: #F54E7A; border-bottom: none; } #header #header-bottom-right #mail.havemail, #header #modmail.havemail { @@ -59,7 +59,7 @@ Secondary: #7A0218 background: rgba(0, 0, 0, 0.1); border-bottom: 3px solid #fff !important; } #header-bottom-left .tabmenu li.selected a { - background-color: #0078D7; + background-color: #f06292; border: 0; color: #fff; padding-top: 7px; @@ -184,11 +184,9 @@ button.save, button.submit-action-thing, button.submit-report { border: 1px solid #5cb85c; color: #5cb85c; padding: 0.25rem 0.75rem; } - button.save:hover, button.submit-action-thing:hover, button.submit-report:hover { background: #5cb85c; color: #fff; } - button.cancel, button.cancel-action-thing, button.cancel-report-thing { border: 1px solid #d9534f; background: 0 0; @@ -197,7 +195,6 @@ button.cancel, button.cancel-action-thing, button.cancel-report-thing { text-transform: capitalize; font-family: "Segoe UI", Helvetica, sans-serif; transition: background-color 0.5s; } - button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cancel:hover { background: #d9534f; color: #fff; } @@ -207,11 +204,11 @@ button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cance padding: 0 4px; background: 0 0; border: none; - color: #0078D7; + color: #f06292; text-align: center; } .next-suggestions a:hover, .nextprev a:hover { - background: #0078D7; + background: #f06292; border: none; color: #fff; outline: 0; } @@ -246,7 +243,7 @@ button:active, bottom: 0; padding: 4px; } .comment .expand:hover { - background: #0078D7; + background: #f06292; color: #fff !important; text-decoration: none; } .comment.collapsed .tagline { @@ -268,12 +265,11 @@ button:active, .tagline .score { font-weight: 700; } - .tagline .likes { - color: #1a1a1a; } + color: #F54E7A; } .entry .flat-list .reply-button a { - color: #1a1a1a; } + color: #F54E7A; } .link .domain { visibility: hidden; } @@ -304,13 +300,13 @@ button:active, border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .flairselector { - border: 1px solid #1a1a1a !important; } + border: 1px solid #F54E7A !important; } .flairselector .title { font-size: 0 !important; } .flairselector h2 { color: #fff; font-size: 13px; - background: #1a1a1a !important; + background: #F54E7A !important; padding-top: 6px; font-weight: lighter !important; text-transform: capitalize; @@ -318,7 +314,7 @@ button:active, .flairselector li:hover { background-color: transparent; } .flairselector form { - border-top: solid 1px #1a1a1a; + border-top: solid 1px #F54E7A; margin-bottom: 10px; } .flairselector.drop-choices.active { padding: 0 !important; @@ -341,7 +337,7 @@ button:active, padding: 3px; } .comments-page .link .flat-list a.flairselectbtn { - color: #1a1a1a !important; } + color: #F54E7A !important; } .nextprev a, .side .usertext-body .md ol a { @@ -356,7 +352,6 @@ button:active, .submit-page .roundfield span.title { color: #4d5763; text-transform: capitalize; } - .submit-page .submit.content#newlink .tabmenu.formtab a { padding: 16px; display: inline-block; @@ -371,14 +366,12 @@ button:active, width: 247.5px; } .submit-page .submit.content#newlink .tabmenu.formtab a:hover { background-color: #e7e9f6; } - .submit-page .submit.content#newlink .tabmenu.formtab .selected a { font-size: 16px; - background-color: #1a1a1a; + background-color: #F54E7A; color: #fff; } .submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover { - background-color: #0078D7; } - + background-color: #f06292; } .submit-page #newlink.submit.content .btn { width: 558px; height: auto; @@ -418,7 +411,6 @@ form .spacer + .spacer { 100% { -webkit-transform: translateY(0); opacity: 1; } } - @keyframes expandy { 0% { transform: translateY(-100px); @@ -428,7 +420,6 @@ form .spacer + .spacer { 100% { transform: translateY(0); opacity: 1; } } - .expando-button { cursor: pointer; float: left; @@ -519,11 +510,11 @@ form .spacer + .spacer { padding: 0; vertical-align: top !important; width: 30px !important; } + body > .content #siteTable .thing.self .thumbnail { background-image: url(%%spritesheet%%); background-position: -289px -139px; background-size: 341px 331px; } } - .link .usertext-body .md { border-radius: 0 !important; border: 1px solid #7cb0d9; @@ -536,28 +527,22 @@ body > .content #siteTable .thing.self .thumbnail { margin: 10px 15px 10px 10px; background-repeat: no-repeat !important; background-position: -289px -139px; } - body > .content #siteTable .thing.stickied .thumbnail { background-image: url(%%spritesheet%%); background-repeat: no-repeat !important; background-position: -289px -84px; margin-right: 15px; } - -body > .content #siteTable .thing .thumbnail.default, -body > .content #siteTable .thing.over18 .thumbnail { +body > .content #siteTable .thing .thumbnail.default, body > .content #siteTable .thing.over18 .thumbnail { background-image: url(%%spritesheet%%) !important; background-repeat: no-repeat !important; margin: 10px 15px 10px 10px; width: 45px; height: 45px; } - body > .content #siteTable .thing.stickied .entry > .title .title { color: #00a64f; font-weight: 400; } - body > .content #siteTable .thing.over18 .thumbnail { background-position: -286px -5px !important; } - body > .content #siteTable .thing .thumbnail.default { background-position: -47px -77px; background-size: 341px 331px; } @@ -573,7 +558,7 @@ a[href*="#icon-more"] { margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .link .title { - color: #1a1a1a; } + color: #F54E7A; } .link .title:visited { color: #b1b1b1; } .link.thing.visited .title { @@ -581,10 +566,10 @@ a[href*="#icon-more"] { padding: 0 !important; } .link.last-clicked { border: 0; - border-left: 3px solid #0078D7; + border-left: 3px solid #f06292; background: #f0f8ff; } .link .score.likes { - color: #0078D7; } + color: #f06292; } .link .score.dislikes { color: #7f7f7f; } .link .flair { @@ -597,7 +582,7 @@ a[href*="#icon-more"] { color: #fff; width: auto; display: block; - background: #1a1a1a; + background: #F54E7A; border-radius: 0; font-size: small; margin-top: -12px; @@ -607,21 +592,16 @@ a[href*="#icon-more"] { .linklisting .nextprev { font-size: 0; } - .linklisting .stickied { border-left: 3px solid #00a64f; background: rgba(0, 166, 79, 0.1); } - .linklisting .over18 { border-left: 3px solid #e2062c; background: rgba(225, 6, 44, 0.1); } - .linklisting .md { margin-bottom: 0; } - .linklisting .usertext-edit div textarea { margin-left: -10px; } - .linklisting .reported { background: rgba(255, 0, 0, 0.1); border-left: 3px solid #e2062c; } @@ -631,7 +611,7 @@ a[href*="#icon-more"] { .newComments { display: inline; - color: #1a1a1a; } + color: #F54E7A; } .linkinfo .totalvotes { color: #494949 !important; } @@ -672,7 +652,7 @@ body .linklisting { transition: all .2s; } .listing-page .link:hover { - border-left-color: #0078D7; + border-left-color: #f06292; background: #f0f8ff; } .entry .flat-list .report-button a, @@ -685,11 +665,11 @@ body .linklisting { .reddit-infobar.with-icon { margin-left: -4px; } .reddit-infobar.with-icon:before { - background-color: solid #1a1a1a; + background-color: solid #F54E7A; background-repeat: no-repeat; } .c-btn-primary { - background-color: solid #1a1a1a; + background-color: solid #F54E7A; border-bottom: 2px solid #4270a2; color: #fff; border-radius: 0; } @@ -733,7 +713,7 @@ a.author { .panestack-title { margin: 0 330px 0 -5px; padding: 4px 0px; - background: #1a1a1a; + background: #F54E7A; color: #fff; border-bottom: transparent; } .panestack-title .title { @@ -761,12 +741,11 @@ a.author { .tagline .stickied-tagline { color: #00a64f; } - .tagline a:hover { - color: #0078D7 !important; } + color: #f06292 !important; } .gold-accent { - background-color: #1a1a1a; + background-color: #F54E7A; border: none; display: inline-block; color: #fff !important; } @@ -775,13 +754,13 @@ a.author { padding: 10px; margin-right: 310px !important; color: #fff; - background: #1a1a1a; + background: #F54E7A; margin-left: 5px !important; display: none; } .commentarea .infobar { color: #eee; - background: #1a1a1a; + background: #F54E7A; border: none; display: flex; } .commentarea .infobar a { @@ -792,9 +771,7 @@ a.author { .comments-page .sitetable.nestedlisting > .thing.stickied { border-bottom: solid 3px #00a64f; background: rgba(0, 166, 79, 0.1) !important; } - -.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page.linkflair-help .flat-list a.flairselectbtn:after { +.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, .comments-page.linkflair-help .flat-list a.flairselectbtn:after { animation: 1s ease-out 0s normal none infinite running pulsate; animation-duration: 2s; animation-timing-function: ease-out; @@ -804,7 +781,6 @@ a.author { animation-iteration-count: infinite; animation-play-state: running; animation-name: pulsate; } - .comments-page .usertext-edit div textarea { background: url(%%wincore-2%%) 206px -213px no-repeat #FFF !important; border: 1px solid #000 !important; @@ -818,24 +794,22 @@ a.author { background: #FFF !important; opacity: 1; border-color: #0078D6 !important; } - .comments-page .link { border-left: 1px solid #c6c6c6 !important; } .commentarea .menuarea { margin: 5px 310px 5px 5px; } - .commentarea .md { margin-bottom: 0; } .md { overflow: visible; } .md a { - color: #1a1a1a; } + color: #F54E7A; } .md code { white-space: normal; } .md blockquote { - border-left: 2px solid #0078D7; + border-left: 2px solid #f06292; background-color: #efefed; } .usertext.border .usertext-body { @@ -844,15 +818,15 @@ a.author { .wiki-page .pageactions { border-radius: 0; - border: 1px solid #0078D7; } + border: 1px solid #f06292; } .wiki-page .pageactions .wikiaction { margin: 0 !important; border-radius: 0 !important; } .wiki-page .pageactions .wikiaction:hover { - background-color: #0078D7 !important; + background-color: #f06292 !important; color: #fff !important; } .wiki-page .pageactions .wikiaction-current { - background-color: #1a1a1a; } + background-color: #F54E7A; } .wiki-page .wiki-page-content .nextprev a { margin-bottom: 12px; } @@ -861,11 +835,11 @@ ul.tabmenu.formtab { padding-left: 0; } ::selection { - background-color: #0078D7; + background-color: #f06292; color: #fff; } .buttons .comments.empty { - color: #1a1a1a; } + color: #F54E7A; } .leavemoderator, .titlebox form.toggle { @@ -897,7 +871,6 @@ a[href*="#tech"] { .sheets ::-webkit-scrollbar { background-color: #0f0f0f !important; } - .sheets ::-webkit-scrollbar-corner, .sheets ::-webkit-scrollbar-thumb { background: #313131 !important; } @@ -929,9 +902,8 @@ a[href*="#tech"] { .gadget .midcol { margin-right: 9px; } - .gadget .right a { - background: #1a1a1a; + background: #F54E7A; padding: 5px 10px; margin-right: 5px; display: block; @@ -940,7 +912,7 @@ a[href*="#tech"] { transition: background-color .5s; text-transform: capitalize; } .gadget .right a:hover { - background: #0078D7; } + background: #f06292; } span.clear-input-button { color: #fff; } @@ -952,46 +924,51 @@ span.clear-input-button { top: 0 !important; line-height: 26px !important; border: 1px solid grey; - background: #1a1a1a !important; + background: #F54E7A !important; transition: background-color .5s; right: -10px !important; } #newlink-with-image-upload .clear-input-button:hover { - background: #0078D7 !important; } - + background: #f06292 !important; } #newlink-with-image-upload .image-upload-drop-target { padding: 15px !important; } - #newlink-with-image-upload .file-upload-button { - background: #1a1a1a; + background: #F54E7A; border: none; padding: 7px 20px !important; display: block !important; margin: 6px -17px -17px !important; transition: background-color 0.5s; } #newlink-with-image-upload .file-upload-button:hover { - background: #0078D7; } + background: #f06292; } @media (max-width: 880px) { #siteTable_organic { margin-right: -5px; } + #header-bottom-left .tabmenu { width: calc(100% - 50px); padding-left: 50px; } + .side { display: none; } + body .linklisting { margin-right: 0 !important; } + .footer::after { display: none !important; } + .infobar { margin-right: 18px; } + .footer { - border-right: 1px solid #1a1a1a; } + border-right: 1px solid #F54E7A; } + .panestack-title { margin: 0 0px 0 -5px; } + .infobar.newsletterbar { margin: -7px -5px 7px 0px; } } - .side { margin: 0; padding-left: 30px; @@ -999,7 +976,7 @@ span.clear-input-button { .side:after { content: "/r/ClearShift theme"; font-size: large; - color: #1a1a1a; + color: #F54E7A; margin-left: 50px; } .side .md h2 { margin-top: 1.4em; @@ -1091,25 +1068,22 @@ span.clear-input-button { @-webkit-keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - @-moz-keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - @keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - .titlebox h1:after, .sidecontentbox .title:after { display: block; @@ -1132,7 +1106,6 @@ div.side div.tagline { border-radius: 0; font-weight: 400; margin: 0 5px 0 0; } - div.side form.flairtoggle, div.side form.leavecontributor-button { padding: 10px; border: 1px solid #d7ecff; @@ -1144,7 +1117,6 @@ div.side form.flairtoggle, div.side form.leavecontributor-button { border-radius: 0; font-weight: 400; margin: 0 5px 0 0; } - div.side span.subscribers { border: 1px solid #d7ecff; border-left: 5px solid #d7ecff; @@ -1171,38 +1143,32 @@ div.side span.subscribers { content: ""; margin-right: 5px; margin-top: -3px; } - div.side div.tagline { display: block !important; } - div.side form.flairtoggle { display: block; } - div.side div.leavemoderator { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side form.flairtoggle { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side p.users-online { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side div.tagline { padding-top: 0; border-top: none; } .morelink { - border: 1px solid #1a1a1a; - background: #1a1a1a; + border: 1px solid #F54E7A; + background: #F54E7A; width: 145px; margin-right: 5px; transition: all 0.5s; @@ -1214,11 +1180,11 @@ div.side div.tagline { letter-spacing: 0; font-size: 0.9em; } .morelink:hover { - background: #0078D7; - border-color: #0078D7; } + background: #f06292; + border-color: #f06292; } .morelink:hover a { color: #fff; - border-color: #0078D7; } + border-color: #f06292; } .morelink .nub { display: none; } @@ -1258,13 +1224,11 @@ div.side div.tagline { .helplink ~ .content .author[href*=AutoModerator], .helplink ~ .content .author[href*=flair_your_post_bot] { display: none; } - .helplink ~ .content .author:after { content: '- Moderator'; font-size: 0.945em; margin-left: 5px; - color: #1a1a1a; } - + color: #F54E7A; } .helplink ~ .content .flair { display: none; } @@ -1279,17 +1243,15 @@ div.side div.tagline { text-transform: capitalize; } .helplink ~ .content .author .helplink ~ .content .author:hover { - color: #0078D7; } + color: #f06292; } .sidecontentbox .content .linkflairlabel { display: none; } div.titlebox .md h3:hover + ul { display: block; } - div.titlebox .md ul li strong:first-child, div.titlebox .md ul:hover { display: block; } - div.titlebox .md ul li { border: none; margin-right: 5px; } @@ -1309,11 +1271,9 @@ div.titlebox .md ul li { .sidecontentbox .more:hover { background-color: #f0f8ff; border-left-color: #7cb0d9; } - .sidecontentbox .content { border: none; padding: 0; } - .sidecontentbox .more { text-align: center; } .sidecontentbox .more a { @@ -1334,11 +1294,10 @@ div.titlebox .md ul li { div.titlebox .md ul li:hover { background-color: #f0f8ff; border-left-color: #7cb0d9; } - div.titlebox div.styleToggle, div.titlebox span.fancy-toggle-button a.active { padding: 5px 10px; - background-color: #0078D7; + background-color: #f06292; color: #fff; font-size: 8pt; display: block !important; @@ -1347,27 +1306,22 @@ div.titlebox span.fancy-toggle-button a.active { font-weight: 400; margin: 0; border: none; } - div.titlebox div.styleToggle { - background-color: #1a1a1a; + background-color: #F54E7A; line-height: 20px; } div.titlebox div.styleToggle input, div.titlebox div.styleToggle label { vertical-align: middle; margin: 0; } - div.titlebox span.fancy-toggle-button a.active.add:hover, div.titlebox span.fancy-toggle-button a.active.remove { - background-color: #1a1a1a; } - + background-color: #F54E7A; } div.titlebox span.fancy-toggle-button a.active.remove:before { content: ""; padding-right: 5px; } - div.titlebox span.fancy-toggle-button a.active.remove:hover:after { content: "=("; font-style: italic; padding-left: 5px; } - div.titlebox span.fancy-toggle-button a.active.add:before { content: "+"; padding-right: 5px; @@ -1385,7 +1339,7 @@ div.titlebox span.fancy-toggle-button a.active.add:before { margin: 0; padding: 3px 0; } .sidecontentbox .content a.author:hover { - color: #0078D7; } + color: #f06292; } #searchexpando { padding: 10px; @@ -1402,11 +1356,11 @@ div.titlebox span.fancy-toggle-button a.active.add:before { #search input[type=text] { width: 295px !important; - border-color: #1a1a1a; } + border-color: #F54E7A; } .sidecontentbox .title { border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; font-weight: 400; margin-top: 0; @@ -1417,22 +1371,20 @@ div.titlebox .md h3:before { content: "+"; color: #fff; padding-right: 5px; } - div.titlebox .md h2, div.titlebox .md h3, div.titlebox .md h4 { border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; font-weight: 400; cursor: default; margin-top: 0; margin-bottom: 0; margin-left: -10px; } - div.titlebox h1 { border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; font-weight: 400; margin-top: 0; @@ -1473,8 +1425,7 @@ div.titlebox h1 { #RESShortcutsTrash:hover { color: #f0f0f0 !important; } -.titlebox .md h3 + ul:hover, -.titlebox .md h3:hover + ul { +.titlebox .md h3 + ul:hover, .titlebox .md h3:hover + ul { max-height: 600px; } div.titlebox .md h3 + ul { @@ -1487,7 +1438,7 @@ div.titlebox .md h3:hover + ul { transition: .8s max-height ease-out; } div.commentarea .infobar p { - background: #0078D7; + background: #f06292; padding: 10px; margin: -5px -5px -5px 10px; } @@ -1521,7 +1472,7 @@ div.commentarea .infobar p { color: #fff !important; text-transform: none; border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; cursor: pointer; margin-top: 0; @@ -1589,12 +1540,11 @@ div.commentarea .infobar p { text-align: center; display: block; color: #fff; - background: #1a1a1a; + background: #F54E7A; box-sizing: border-box; margin-bottom: 10px; } .sidecontentbox a.helplink:hover { - background: #0078D7; } - + background: #f06292; } .sidecontentbox .title h1, .sidecontentbox a.helplink { color: #fff; } @@ -1608,10 +1558,10 @@ div.commentarea .infobar p { .account-activity-box { display: block !important; - background: #1a1a1a; + background: #F54E7A; margin-right: 5px; } .account-activity-box:hover { - background: #0078D7; } + background: #f06292; } .account-activity-box a { color: #fff; padding: 10px 70px; } @@ -1626,7 +1576,6 @@ div.commentarea .infobar p { #header-bottom-right .separator { display: none; } - #header-bottom-right .user { position: relative; top: 0; @@ -1636,7 +1585,7 @@ div.commentarea .infobar p { font-size: 13px; color: #eaeaea; line-height: 170%; - background: url(%%spritesheet%%) -110px -289px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -110px -289px no-repeat #F54E7A; float: left; border: 2px solid #fff; cursor: pointer; } @@ -1651,24 +1600,21 @@ div.commentarea .infobar p { display: block; line-height: 12px; white-space: nowrap; } - #header-bottom-right .user span a { color: #fff; } - #header-bottom-right #mail { top: 0; top: 0 !important; width: 42px; height: 42px; display: inline-block; } - #header-bottom-right #modmail { position: absolute; margin-left: -267px; top: 3px; padding-left: 26px; padding-top: 5px; - background: url(%%spritesheet%%) -224px -72px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -224px -72px no-repeat #F54E7A; border: 2px solid #fff; } #modmail.havemail { @@ -1677,11 +1623,9 @@ div.commentarea .infobar p { #header #header-bottom-right #modmail:hover, #header #header-bottom-right .choice:hover, #header #header-bottom-right .user:hover { - background-color: #0078D7; } - + background-color: #f06292; } #header #header-bottom-right .logout { display: inline-block; } - #header #header-bottom-right #mail, #header #header-bottom-right .choice, #header #header-bottom-right .logout a { @@ -1693,12 +1637,10 @@ div.commentarea .infobar p { text-indent: 50px; overflow: hidden; transition: background-color 0.5s; } - #header #header-bottom-right #mail.nohavemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #1a1a1a; + background: url(%%spritesheet%%) 0px -114px no-repeat #F54E7A; border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right #mail.havemail { background: url(%%spritesheet%%) 0px -114px no-repeat #ff4500; } @@ -1708,9 +1650,8 @@ div.commentarea .infobar p { #header #header-bottom-right #mail.havemail { border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right .choice { - background: url(%%spritesheet%%) -127px -114px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -127px -114px no-repeat #F54E7A; border-radius: 1px; border: 2px solid #fff; } @@ -1720,7 +1661,7 @@ div.commentarea .infobar p { top: 0; left: -78px; color: transparent !important; - background-color: #1a1a1a; + background-color: #F54E7A; background-image: url(%%spritesheet%%) !important; background-repeat: no-repeat !important; background-size: 341px 331px !important; @@ -1743,13 +1684,11 @@ div.commentarea .infobar p { display: none; } #header #header-bottom-right .logout a { - background: url(%%spritesheet%%) -127px -42px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -127px -42px no-repeat #F54E7A; border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right #mail.havemail, #header #header-bottom-right #mail.nohavemail { border-bottom: none; } - #header #header-bottom-right .choice, #header #header-bottom-right .logout a { border-bottom: none; } @@ -1764,8 +1703,7 @@ div.commentarea .infobar p { #header #header-bottom-right #mail:hover, #header #header-bottom-right .choice:hover, #header #header-bottom-right .user:hover { - background-color: #0078D7; } - + background-color: #f06292; } #header #header-bottom-right .logout a:hover { text-indent: -99999px; color: #fff; @@ -1785,7 +1723,7 @@ div.commentarea .infobar p { overflow: hidden; } .message-count { - background: #0078D7; + background: #f06292; height: 42px; font-size: medium; line-height: 42px !important; @@ -1831,7 +1769,6 @@ div.commentarea .infobar p { animation-iteration-count: infinite; animation-play-state: running; animation-name: pulsate; } - .side .md .-text, .side .md li, .side .md p, @@ -1839,7 +1776,6 @@ div.commentarea .infobar p { .side .md td, .side .md th { list-style: none; } - .side .usertext-body .md ol a { background-color: #57b5ff; display: inline-block; @@ -1851,12 +1787,10 @@ div.commentarea .infobar p { opacity: 0.8; } .side .usertext-body .md ol a:hover { opacity: 1; } - .side .md > ol li a[href$='#special']:after, .side .md > ol li a[href$='#special']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#special'] { border: 2px solid #fefefe; display: inline-block; @@ -1872,12 +1806,11 @@ div.commentarea .infobar p { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; - background-color: #1a1a1a; + background-color: #F54E7A; content: "Event"; color: #fff; } .side .usertext-body .md ol a[href$='#special']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#achieve'] { border: 2px solid #fefefe; display: inline-block; @@ -1891,22 +1824,18 @@ div.commentarea .infobar p { opacity: 0.8; } .side .usertext-body .md ol a[href$='#achieve']:hover { opacity: 1; } - .side .md > ol li a[href$='#sticky']:after, .side .md > ol li a[href$='#sticky']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#achieve']:before, .side .usertext-body .md ol a[href$='#sticky']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#achieve']:before { background-color: #0d9605; content: "Achievement unlocked"; color: #fff; } - .side .usertext-body .md ol a[href$='#sticky'], .side .usertext-body .md ol a[href$='#stickyg'] { font-weight: 400; padding: 5px 5px 5px 0; @@ -1916,45 +1845,36 @@ div.commentarea .infobar p { font-size: 12px; transition: opacity .5s; text-decoration: none; } - .side .usertext-body .md ol a[href$='#sticky'] { background-color: #1686f0; opacity: 0.8; } .side .usertext-body .md ol a[href$='#sticky']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#stickyg']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#sticky']:before { - background-color: #1a1a1a; + background-color: #F54E7A; content: "Sticky"; color: #fff; } - .side .usertext-body .md ol a[href$='#stickyg'] { background-color: #28bc07; opacity: 0.8; } - .side .md > ol li a[href$='#achieve']:after, .side .md > ol li a[href$='#achieve']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .md > ol li a[href$='#update']:after, .side .md > ol li a[href$='#update']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#stickyg']:before, .side .usertext-body .md ol a[href$='#update']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#stickyg']:before { background-color: #0d9605; content: "Sticky"; color: #fff; } - .side .usertext-body .md ol a[href$='#update'] { border: 2px solid #fefefe; background-color: #1686f0; @@ -1967,31 +1887,27 @@ div.commentarea .infobar p { opacity: .8; transition: opacity 0.5s; } .side .usertext-body .md ol a[href$='#update']:before { - background-color: #1a1a1a; + background-color: #F54E7A; content: "Update"; color: #fff; } .side .usertext-body .md ol a[href$='#update']:hover { opacity: 1; } - .side .md del { color: #fff; text-decoration: none; } .md a:hover { - color: #0078D7; } + color: #f06292; } .res-nightmode body, html[lang^=nm] body { background: #1a1a1a !important; } - .res-nightmode #sr-header-area, html[lang^=nm] #sr-header-area { background-color: #0C1722; } - .res-nightmode a, html[lang^=nm] a { color: #f8f8ff; } - .res-nightmode .morelink a, .res-nightmode a[href*="#Donsiders"], .res-nightmode a[href*="#btn"], @@ -1999,12 +1915,10 @@ html[lang^=nm] .morelink a, html[lang^=nm] a[href*="#Donsiders"], html[lang^=nm] a[href*="#btn"] { color: #fff !important; } - .res-nightmode .shortlink input, html[lang^=nm] .shortlink input { background: #393939; color: #ddd; } - .res-nightmode #previoussearch #moresearchinfo, .res-nightmode .roundfield label, .res-nightmode .search-result-body, @@ -2024,20 +1938,17 @@ html[lang^=nm] .md blockquote, html[lang^=nm] .md del, html[lang^=nm] .comments-page .usertext-edit div textarea { color: #eee !important; } - .res-nightmode .md blockquote, html[lang^=nm] .md blockquote { background: rgba(0, 87, 166, 0.24); - border-left: 2px solid #0078D7 !important; + border-left: 2px solid #f06292 !important; color: #888 !important; } - .res-nightmode .md code, html[lang^=nm] .md code { border: none !important; background-color: #393939 !important; border-radius: 0 !important; - border-left: 3px solid #0078D7 !important; } - + border-left: 3px solid #f06292 !important; } .res-nightmode .commentingAs, .res-nightmode .date time, .res-nightmode .linkinfo .score, @@ -2053,7 +1964,6 @@ html[lang^=nm] .side .titlebox > .fancy-toggle-button, html[lang^=nm] .edit-stylesheet.choice:after, html[lang^=nm] .wiki-page .wiki-page-content { color: #ddd !important; } - .res-nightmode .date span, .res-nightmode .date time, html[lang^=nm] .date span, @@ -2061,7 +1971,6 @@ html[lang^=nm] .date time { border-bottom: 1px solid #393939 !important; background: #222 !important; border-top: 1px solid #393939 !important; } - .res-nightmode #header, .res-nightmode #newlink-with-image-upload #new-link-preview, .res-nightmode .account-activity-box, @@ -2077,7 +1986,6 @@ html[lang^=nm] .morelink, html[lang^=nm] .nextprev a, html[lang^=nm] .titlebox h1 { background: #222 !important; } - .res-nightmode #header #header-bottom-right #mail:hover, .res-nightmode #header #header-bottom-right #modmail:hover, .res-nightmode #header #header-bottom-right .choice:hover, @@ -2089,14 +1997,12 @@ html[lang^=nm] #header #header-bottom-right .choice:hover, html[lang^=nm] #header #header-bottom-right .logout:hover, html[lang^=nm] #header #header-bottom-right .user:hover { background-color: #393939 !important; } - .res-nightmode #header #header-bottom-right .logout a, .res-nightmode #header #header-bottom-right .nohavemail#mail, html[lang^=nm] #header #header-bottom-right .logout a, html[lang^=nm] #header #header-bottom-right .nohavemail#mail { background-color: transparent !important; outline: 0 !important; } - .res-nightmode #header-bottom-right #modmail, .res-nightmode #header-bottom-right .choice, .res-nightmode #header-bottom-right .user, @@ -2105,7 +2011,6 @@ html[lang^=nm] #header-bottom-right .choice, html[lang^=nm] #header-bottom-right .user { background-color: transparent !important; outline: 0 !important; } - .res-nightmode #header-bottom-left .tabmenu, .res-nightmode #header-img, .res-nightmode #header-img.default-header, @@ -2113,25 +2018,21 @@ html[lang^=nm] #header-bottom-left .tabmenu, html[lang^=nm] #header-img, html[lang^=nm] #header-img.default-header { background: transparent !important; } - .res-nightmode #header-bottom-left .tabmenu, .res-nightmode .new-comment .usertext-body, html[lang^=nm] #header-bottom-left .tabmenu, html[lang^=nm] .new-comment .usertext-body { background-color: transparent; border: none; } - .res-nightmode .date, html[lang^=nm] .date { color: #ddd !important; } .res-nightmode .date::before, html[lang^=nm] .date::before { color: #ddd !important; } - .res-nightmode .flair, html[lang^=nm] .flair { color: #ddd !important; } - .res-nightmode .footer, html[lang^=nm] .footer { border-right: none !important; @@ -2140,7 +2041,6 @@ html[lang^=nm] .footer { html[lang^=nm] .footer div.col a, html[lang^=nm] .footer::after { color: #ddd !important; } - .res-nightmode div.side div.tagline, .res-nightmode div.side form.flairtoggle, .res-nightmode div.side span.subscribers, @@ -2149,18 +2049,15 @@ html[lang^=nm] div.side form.flairtoggle, html[lang^=nm] div.side span.subscribers { background: #222 !important; color: #ddd !important; } - .res-nightmode div.titlebox .md ul li, html[lang^=nm] div.titlebox .md ul li { background: #222 !important; color: #ddd !important; } - .res-nightmode .sidecontentbox .title, .res-nightmode .sidecontentbox a.helplink, html[lang^=nm] .sidecontentbox .title, html[lang^=nm] .sidecontentbox a.helplink { background: #222 !important; } - .res-nightmode div.titlebox .md h1, .res-nightmode div.titlebox .md h2, .res-nightmode div.titlebox .md h3, @@ -2170,7 +2067,6 @@ html[lang^=nm] div.titlebox .md h2, html[lang^=nm] div.titlebox .md h3, html[lang^=nm] div.titlebox .md h4 { background: #222 !important; } - .res-nightmode #searchexpando, .res-nightmode .icon-menu li, .res-nightmode .totalvotes, @@ -2218,7 +2114,6 @@ html[lang^=nm] div.titlebox .md ul li { html[lang^=nm] div.titlebox .md ul li:hover { background-color: #393939 !important; border-left-color: #7cb0d9 !important; } - .res-nightmode div.side div.leavemoderator, .res-nightmode div.side p.users-online, .res-nightmode div.side span.subscribers, @@ -2238,7 +2133,6 @@ html[lang^=nm] div.side .titlebox > .fancy-toggle-button { border-right: 1px solid #393939 !important; background: #222 !important; border-top: 1px solid #393939 !important; } - .res-nightmode div.side div.tagline, .res-nightmode div.side form.flairtoggle, html[lang^=nm] div.side div.tagline, @@ -2247,7 +2141,6 @@ html[lang^=nm] div.side form.flairtoggle { border-right: 1px solid #393939 !important; border-bottom: none !important; background: #222 !important; } - .res-nightmode .titlebox form.toggle, html[lang^=nm] .titlebox form.toggle { background: #222; @@ -2255,7 +2148,6 @@ html[lang^=nm] .titlebox form.toggle { border-left: 5px solid #393939 !important; border-right: 1px solid #393939 !important; color: #eee; } - .res-nightmode .sitetable .comment .comment, html[lang^=nm] .sitetable .comment .comment { background-color: #393939 !important; } @@ -2280,7 +2172,6 @@ html[lang^=nm] .sitetable .comment .comment { .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #393939 !important; } - .res-nightmode .sitetable .comment, html[lang^=nm] .sitetable .comment { background-color: #222 !important; } @@ -2305,31 +2196,25 @@ html[lang^=nm] .sitetable .comment { .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #222 !important; } - .res-nightmode button, html[lang^=nm] button { border: none; background-color: #222 !important; } - .res-nightmode a[href*="#square"]::before, html[lang^=nm] a[href*="#square"]::before { border: 3px solid #393939; } - .res-nightmode .link, html[lang^=nm] .link { border-bottom: 1px solid #2D2E32 !important; border-right: 1px solid #2D2E32 !important; } - .res-nightmode .listing-page .link:hover, html[lang^=nm] .listing-page .link:hover { background: #393939 !important; border-left-color: #a9a9a9 !important; } - .res-nightmode div.titlebox .md ul li:hover, html[lang^=nm] div.titlebox .md ul li:hover { background-color: #393939 !important; border-left-color: #7cb0d9 !important; } - .res-nightmode div.titlebox .md h1:after, .res-nightmode div.titlebox .md h2:after, .res-nightmode div.titlebox .md h3:after, @@ -2342,7 +2227,6 @@ html[lang^=nm] div.titlebox .md h4:after { position: absolute; z-index: -1; border-color: transparent #393939 transparent transparent !important; } - .res-nightmode div.titlebox h1:after, .res-nightmode div.titlebox .sidecontentbox .title:after, html[lang^=nm] div.titlebox h1:after, @@ -2351,7 +2235,6 @@ html[lang^=nm] div.titlebox .sidecontentbox .title:after { position: absolute; z-index: -1; border-color: transparent #393939 transparent transparent !important; } - .res-nightmode .flairselector, .res-nightmode .comments-page .usertext-edit div textarea, .res-nightmode #eu-cookie-policy .reddit-infobar, @@ -2362,7 +2245,6 @@ html[lang^=nm] #eu-cookie-policy .reddit-infobar, html[lang^=nm] #search input[type=text] { background-color: #222 !important; color: #ddd; } - .res-nightmode #header-bottom-left .tabmenu li.selected a, .res-nightmode .link .usertext-body .md, .res-nightmode .debuginfo, @@ -2386,7 +2268,6 @@ html[lang^=nm] .side .morelink a:hover, html[lang^=nm] button:hover, html[lang^=nm] .account-activity-box:hover { background-color: #393939 !important; } - .res-nightmode .comment .usertext .md p > a:visited, .res-nightmode .md a, .res-nightmode h2 a:visited, @@ -2394,11 +2275,9 @@ html[lang^=nm] .comment .usertext .md p > a:visited, html[lang^=nm] .md a, html[lang^=nm] h2 a:visited { color: #3498db; } - .res-nightmode ::-webkit-scrollbar, html[lang^=nm] ::-webkit-scrollbar { background-color: #393939; } - .res-nightmode ::-webkit-scrollbar-thumb, html[lang^=nm] ::-webkit-scrollbar-thumb { background-color: #666; @@ -2411,67 +2290,52 @@ html[lang^=nm] ::-webkit-scrollbar-thumb { .res-nightmode ::-webkit-scrollbar-thumb:active, html[lang^=nm] ::-webkit-scrollbar-thumb:active { background-color: #bbb; } - .res-nightmode ::-webkit-scrollbar-corner, html[lang^=nm] ::-webkit-scrollbar-corner { color: #555; } - .res-nightmode textarea, html[lang^=nm] textarea { color: #000 !important; } - .res-nightmode .content, html[lang^=nm] .content { margin-bottom: 0; margin-top: 0; } - .res-nightmode input[type=button], .res-nightmode input[type=reset], .res-nightmode input[type=submit], html[lang^=nm] input[type=button], html[lang^=nm] input[type=reset], html[lang^=nm] input[type=submit] { border: none; } - .res-nightmode .side .spacer .titlebox .redditname, html[lang^=nm] .side .spacer .titlebox .redditname { - border-left-color: #0078D7; } - + border-left-color: #f06292; } .res-nightmode .gold-accent, html[lang^=nm] .gold-accent { - background: #1a1a1a; } - -.res-nightmode .thing .title:visited, -.res-nightmode .thing.visited .title, + background: #F54E7A; } +.res-nightmode .thing .title:visited, .res-nightmode .thing.visited .title, html[lang^=nm] .thing .title:visited, html[lang^=nm] .thing.visited .title { color: #808c94; } - .res-nightmode .thing .title, html[lang^=nm] .thing .title { color: #B5C4D0; } - .res-nightmode .content.submit .info-notice, .res-nightmode .submit-page .roundfield, html[lang^=nm] .content.submit .info-notice, html[lang^=nm] .submit-page .roundfield { background-color: #222; color: #eee; } - .res-nightmode #header #header-bottom-right #mail.havemail, html[lang^=nm] #header #header-bottom-right #mail.havemail { outline: 0; } - .res-nightmode .formtabs-content .infobar, html[lang^=nm] .formtabs-content .infobar { border-color: transparent !important; } - .res-nightmode .infobar, html[lang^=nm] .infobar { border-color: #ff4500 !important; } - .res-nightmode span.score, html[lang^=nm] span.score { color: #888 !important; } - .res-nightmode .comment.spam > .child, .res-nightmode .message.spam > .child, .res-nightmode .usertext.grayed .usertext-body, @@ -2479,16 +2343,13 @@ html[lang^=nm] .comment.spam > .child, html[lang^=nm] .message.spam > .child, html[lang^=nm] .usertext.grayed .usertext-body { background-color: transparent; } - .res-nightmode div.commentarea .infobar, html[lang^=nm] div.commentarea .infobar { color: #eee; border: none; } - .res-nightmode .comment, html[lang^=nm] .comment { border: 1px solid #43474F; } - .res-nightmode a[href*='#icon-day'], html[lang^=nm] a[href*='#icon-day'] { display: inline-block !important; } @@ -2501,158 +2362,123 @@ html[lang^=nm] a[href*='#icon-day'] { content: ''; margin: 0 7px -4px 0; background: url(%%spritesheet%%) -85px -294px; } - .res-nightmode a[href*='#icon-night'], html[lang^=nm] a[href*='#icon-night'] { display: none; } - .res-nightmode a[href*="#icon-chat"]::before, html[lang^=nm] a[href*="#icon-chat"]::before { background-image: url(%%wincore-2%%); background-position: -5px -405px; } - .res-nightmode a[href*="#icon-feedback"]::before, html[lang^=nm] a[href*="#icon-feedback"]::before { background-position: -47px -149px; } - .res-nightmode a[href*="#icon-feedback2"]::before, html[lang^=nm] a[href*="#icon-feedback2"]::before { background-position: -5px -375px; } - .res-nightmode a[href*="#iconz-tips"]::before, html[lang^=nm] a[href*="#iconz-tips"]::before { background-position: -234px -47px; } - .res-nightmode a[href*="#iconz-updates"]::before, html[lang^=nm] a[href*="#iconz-updates"]::before { background-position: -259px -119px; } - .res-nightmode a[href*="#iconz-faq"]::before, html[lang^=nm] a[href*="#iconz-faq"]::before { background-position: -174px -47px; } - .res-nightmode a[href*="#iconz-install"]::before, html[lang^=nm] a[href*="#iconz-install"]::before { background-position: -259px -119px; } - .res-nightmode a[href*="#iconz-wiki"]::before, html[lang^=nm] a[href*="#iconz-wiki"]::before { background-position: -204px -149px; } - .res-nightmode #siteTable .thing, .res-nightmode .link.promotedlink, html[lang^=nm] #siteTable .thing, html[lang^=nm] .link.promotedlink { background: #202020; } - .res-nightmode .organic-listing, html[lang^=nm] .organic-listing { background: none !important; } - .res-nightmode body > .content #siteTable .thing.self .thumbnail, html[lang^=nm] body > .content #siteTable .thing.self .thumbnail { background-position: -77px -5px; } - .res-nightmode body > .content #siteTable .thing .thumbnail.default, html[lang^=nm] body > .content #siteTable .thing .thumbnail.default { background-position: -174px -77px; } - .res-nightmode div.side span.subscribers span.number:before, html[lang^=nm] div.side span.subscribers span.number:before { background-position: -162px -5px; } - .res-nightmode .expando-button.selftext.collapsed, html[lang^=nm] .expando-button.selftext.collapsed { background-position: -5px -242px; } .res-nightmode .expando-button.selftext.collapsed:hover, html[lang^=nm] .expando-button.selftext.collapsed:hover { background-position: -225px -204px; } - .res-nightmode .expando-button.selftext.expanded, html[lang^=nm] .expando-button.selftext.expanded { background-position: -65px -204px; } .res-nightmode .expando-button.selftext.expanded:hover, html[lang^=nm] .expando-button.selftext.expanded:hover { background-position: -105px -204px; } - .res-nightmode .expando-button.video.collapsed, html[lang^=nm] .expando-button.video.collapsed { background-position: -85px -242px; } .res-nightmode .expando-button.video.collapsed:hover, html[lang^=nm] .expando-button.video.collapsed:hover { background-position: -45px -242px; } - .res-nightmode .expando-button.video.expanded, html[lang^=nm] .expando-button.video.expanded { background-position: -65px -204px; } .res-nightmode .expando-button.video.expanded:hover, html[lang^=nm] .expando-button.video.expanded:hover { background-position: -105px -204px; } - .res-nightmode .date:after, html[lang^=nm] .date:after { border-color: transparent #393939 transparent transparent !important; } - .res-nightmode .date span, html[lang^=nm] .date span { border-left: 5px solid #393939 !important; color: #ddd; border-right-color: #393939; } - .res-nightmode .date time, html[lang^=nm] .date time { border-right: 1px solid #393939 !important; } - .res-nightmode .link.last-clicked, html[lang^=nm] .link.last-clicked { background: #393939 !important; } - .res-nightmode .comments-page .link, html[lang^=nm] .comments-page .link { border-left: 3px solid transparent; } .res-nightmode .res .RES-keyNav-activeElement { background-color: #292929 !important; } - -.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, -.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { +.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, .res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { background-color: #292929 !important; } - .res-nightmode .RES-keyNav-activeElement { background-color: #292929 !important; } .res-nightmode .RES-keyNav-activeElement .md-container { background-color: #292929 !important; } - .res-nightmode .arrow.upmod { background-position: -296px -60px !important; } - .res-nightmode .arrow.down { background-position: -321px -60px !important; } - .res-nightmode .arrow.up { background-position: -289px -194px !important; } - .res-nightmode .arrow.downmod { background-position: -271px -60px !important; } - .res-nightmode .side .titlebox > .fancy-toggle-button { background: #222 !important; color: #ddd !important; } -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { +.res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { background-color: transparent !important; } .res #sr-header-area #srDropdownContainer a:hover { opacity: 1; } - .res .comment .midcol { margin-left: 20px; } - .res .comment .new-comment { border: 2px solid #FFAB91 !important; border-radius: 0px !important; } - .res #sr-header-area #srDropdownContainer a { width: 35px; height: 23px; @@ -2662,19 +2488,16 @@ html[lang^=nm] .comments-page .link { background: url(%%spritesheet%%) -225px -252px no-repeat; line-height: 35px; text-indent: -999em; } - .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .noncollapsed .RES-keyNav-activeElement.entry { background-color: 0 0 !important; } - .res .RESDashboardToggle, .res .RESshortcutside { background: 0 0; border: none; font-weight: 400; text-transform: uppercase; } - .res .sitetable .sitetable { margin-right: 0; } @@ -2703,11 +2526,11 @@ html[lang^=nm] .comments-page .link { line-height: 25px; } .footer { - border-bottom: 1px solid #1a1a1a; + border-bottom: 1px solid #F54E7A; padding: 0; - border-left: 1px solid #1a1a1a; } + border-left: 1px solid #F54E7A; } .footer::after { - border-bottom: 1px solid #1a1a1a; + border-bottom: 1px solid #F54E7A; display: block; margin-top: 0; padding: 10px; @@ -2716,8 +2539,8 @@ html[lang^=nm] .comments-page .link { content: "Designed by /u/Jaskys"; font-size: 16px; font-family: "Segoe UI", Helvetica, sans-serif; - border-top: 34px solid #1a1a1a; - border-right: 1px solid #1a1a1a; + border-top: 34px solid #F54E7A; + border-right: 1px solid #F54E7A; margin-bottom: -1.1px; width: 90px; } .footer div.col { @@ -2732,7 +2555,7 @@ html[lang^=nm] .comments-page .link { text-transform: capitalize; padding: 8px; color: #fff; - background: #1a1a1a; + background: #F54E7A; max-height: 18px; } .footer div.col a { display: block; @@ -2831,7 +2654,6 @@ html[lang^=nm] .comments-page .link { .author[href$=Adam-MSFT], .author[href$=Dave_MSFT], .author[href$=DrPreppy], .author[href$=EKILBO], .author[href$=Giffdev], .author[href$=James-MSFT], .author[href$=KritiMSFT], .author[href$=MailmanOdd], .author[href$=MasterDevwi], .author[href$=MsftHealthWill], .author[href$=NorthFaceHiker], .author[href$=Psychlist1972], .author[href$=Sawan-Msft], .author[href$=Sawan-MSFT], .author[href$=StephA_MSFT], .author[href$=Zev_MSFT], .author[href$=adam_msft], .author[href$=anaotero-MSFT], .author[href$=anbutle], .author[href$=anthonykinseymsft], .author[href$=bbyboi], .author[href$=bitcrazed], .author[href$=bloodytemplar], .author[href$=devbent], .author[href$=donaMSFT], .author[href$=jenmsft], .author[href$=Sean_MSFT], .author[href$=jeremy_msft], .author[href$=johnwinkmsft], .author[href$=josh_msft], .author[href$=kylealden], .author[href$=maheshrd], .author[href$=mike_msft], .author[href$=msftbanddev], .author[href$=msftbilly], .author[href$=mvaneerde], .author[href$=ooeygui], .author[href$=samersaw], .author[href$=sjarawan], .author[href$=stefohneee], .author[href$=toma_msft], .author[href$=vpmsft], .author[href$=xander-msft], .author[href$=zac_l], .author[href$=craigbarkhouse], .author[href$=elvenharps], .author[href$=nerdile], .author[href$=einarmsft], .author[href$=yosefdurr], .author[href$=Travis_MSFT], .author[href$=caithartMSFT], .author[href$=ClayMSFT] { color: #0078D7; font-weight: 700; } - .author[href$=ildun], .author[href$=Katsuga50] { color: #e67e22; font-weight: 700; } @@ -2934,64 +2756,44 @@ html:lang(nh) .linkflair-help { padding: 3px 10px; color: #fff; margin: 3px; } - .side a[href*='#official'] { background: #2086bf; } - .side a[href*='#news'] { background: #F2385A; } - .side a[href*='#help'] { background: #FF6138; } - .side a[href*='#solved'] { background: #008a00; } - .side a[href*='#unresolved'] { background: #FF7D4D; } - .side a[href*='#bug'] { background: #ce352c; } - .side a[href*='#update'] { background: #81003c; } - .side a[href*='#feature'] { background: #00aba9; } - .side a[href*='#discussion'] { background: #bf5a15; } - .side a[href*='#hardware'] { background: #f0a30a; } - .side a[href*='#tip'] { background: #468966; } - .side a[href*='#meta'] { background: #4390df; } - .side a[href*='#gaming'] { background: #76608a; } - .side a[href*='#app'] { background: #bf5a15; } - .side a[href*='#original%20content'] { background: #0B9C67; } - .side a[href*='#concept'] { background: #14B6F5; } - .side a[href*='#request'] { background: #00aba9; } - .side a[href*='#question'] { background: #008a00; } - .side a[href*='#hideflair'], .side a[href*='#hidehelp'] { background: #E42608; } - .side a[href*='#update']:hover, .side a[href*='#official']:hover, .side a[href*='#news']:hover, .side a[href*='#help']:hover, .side a[href*='#solved']:hover, .side a[href*='#unresolved']:hover, .side a[href*='#bug']:hover, .side a[href*='#feature']:hover, .side a[href*='#discussion']:hover, .side a[href*='#hardware']:hover, .side a[href*='#tip']:hover, .side a[href*='#meta']:hover, .side a[href*='#gaming']:hover, .side a[href*='#app']:hover, .side a[href*='#original%20content']:hover, .side a[href*='#concept']:hover, .side a[href*='#request']:hover, .side a[href*='#question']:hover, .side a[href='']:hover { opacity: 0.8; } @@ -3042,83 +2844,65 @@ a[href*="#icon-day"] { a[href*='#square-app']::before { background: -187px -5px #bf5a15; border: 3px solid #e8e8e8; } - a[href*='#square-tip']::before { background: -187px -5px #555; border: 3px solid #e8e8e8; } - a[href*='#square-meta']::before { background: -187px -5px #4390df; border: 3px solid #e8e8e8; } - a[href*='#square-original']::before { background: -187px -5px #76608a; border: 3px solid #e8e8e8; } - a[href*='#square-concept']::before { background: -187px -5px #14B6F5; border: 3px solid #e8e8e8; } - a[href*='#square-solved']::before { background: -187px -5px #008a00; border: 3px solid #e8e8e8; } - a[href*='#square-hflairs']::before { - background: -187px -5px #1a1a1a; + background: -187px -5px #F54E7A; border: 3px solid #e8e8e8; border-radius: 50%; } - a[href*='#square-hhelp']::before { - background: -187px -5px #0078D7; + background: -187px -5px #f06292; border: 3px solid #e8e8e8; border-radius: 50%; } - a[href*='#square'] + .keyNavAnnotation { display: none; } - a[href*='#square-feature']::before, a[href*='#square-request']::before, a[href*='#square-bug']::before, a[href*='#square-official']::before, a[href*='#square-news']::before, a[href*='#square-help']::before, a[href*='#square-update']::before, a[href*='#square-discussion']::before, a[href*='#square-hardware']::before, a[href*='#square-app']::before, a[href*='#square-tip']::before, a[href*='#square-meta']::before, a[href*='#square-original']::before, a[href*='#square-concept']::before, a[href*='#square-solved']::before, a[href*='#square-hflairs']::before, a[href*='#square-hhelp']::before, a[href*='#square-gaming']::before { display: inline-block; height: 10px; width: 10px; content: ''; margin: 0 5px -4px 0; } - a[href*='#square-']:hover::before { text-decoration: none; - background: #0078D7; + background: #f06292; border-color: #80c2ff; left: 4px; top: 8px; transition: all 0.15s ease; } - a[href*='#square-bug']::before { background: -187px -5px #ce352c; border: 3px solid #e8e8e8; } - a[href*='#square-official']::before { background: -187px -5px #2086bf; border: 3px solid #e8e8e8; } - a[href*='#square-news']::before { background: -187px -5px #F2385A; border: 3px solid #e8e8e8; } - a[href*='#square-help']::before { background: -187px -5px #FF6138; border: 3px solid #e8e8e8; } - a[href*='#square-update']::before { background: -187px -5px #81003c; border: 3px solid #e8e8e8; } - a[href*='#square-discussion']::before { background: -187px -5px #ff9e00; border: 3px solid #e8e8e8; } - a[href*='#square-hardware']::before { background: -187px -5px #f0a30a; border: 3px solid #e8e8e8; } - a[href*='#square-gaming']::before { background: -187px -5px #107c10; border: 3px solid #e8e8e8; } @@ -3176,22 +2960,19 @@ a[href*="#Donsiders"], a[href*="#btn"] { transition: all 0.5s; border-radius: 1px; } a[href*="#Donsiders"]:hover, a[href*="#btn"]:hover { - background: #0078D7; + background: #f06292; -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } - a[href*="#Donsiders"] { background: #009e7e; } a[href*="#Donsiders"]:hover { - background: #0078D7; } - + background: #f06292; } a[href*="#btn"] { background: #0057a6; } - a[href*="#square-showflairs"] { float: right; } a[href*="#square-showflairs"]::before { @@ -3199,39 +2980,34 @@ a[href*="#square-showflairs"] { height: 10px; width: 10px; content: ""; - background: -187px -5px #1a1a1a; + background: -187px -5px #F54E7A; border: 3px solid #e8e8e8; border-radius: 50%; margin-left: 5px; } - a[href*="#square-hflairs"]::after { content: "or"; margin-left: 50px; } - a[href*="#square-hflairs"]:hover::after { - color: #1a1a1a; } + color: #F54E7A; } .side .md [href$="#butt"] { display: inline-block !important; font-size: 8pt; - border: 2px solid #1a1a1a; + border: 2px solid #F54E7A; padding: 9px 8px; transition: background-color .5s; text-align: center; - color: #1a1a1a; } + color: #F54E7A; } .side .md [href$="#butt"]:hover { - background: #1a1a1a; + background: #F54E7A; color: #fff; } - .side .md > p:first-of-type { display: none; } -.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { +.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, .comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { content: "- flair your thread as solved once your problem is resolved"; margin-left: 6px; color: #008a00; } - .comments-page .link.linkflair-help .flat-list a.flairselectbtn { color: #0078D7 !important; } @@ -3247,53 +3023,39 @@ a[href*='#icon-chat']::before, a[href*='#icon-feedback']::before, a[href*='#icon width: 20px; content: ''; margin: 0 7px -4px 0; } - a[href*='#icon']:hover { text-decoration: none; } - a[href*='#icon-chat']::before { background: url(%%spritesheet%%) -5px -204px; } - a[href*='#icon-feedback']::before { background: url(%%spritesheet%%) -35px -204px; } - a[href*='#icon-night']::before { background: url(%%spritesheet%%) -125px -242px; } - a[href*='#icon-feedback2']::before { background: url(%%wincore-2%%) -5px -345px; } - a[href*="#icon-more"] { text-align: center; display: block; - color: #0078D7; + color: #f06292; font-size: 16px; } - a[href*='#iconz'] + .keyNavAnnotation { display: none; } - a[href*='#iconz-tips']::before, a[href*='#iconz-updates']::before, a[href*='#iconz-faq']::before, a[href*='#iconz-install']::before, a[href*='#iconz-wiki']::before { display: inline-block; height: 20px; width: 20px; content: ''; margin: 0 7px -4px 0; } - a[href*='#iconz']:hover { text-decoration: none; } - a[href*='#iconz-tips']::before { background: url(%%spritesheet%%) -204px -47px; } - a[href*='#iconz-faq']::before { background: url(%%spritesheet%%) -47px -47px; } - a[href*='#iconz-updates']::before { background: url(%%spritesheet%%) -102px -77px; } - a[href*='#iconz-install']::before { background: url(%%spritesheet%%) -229px -119px; } - a[href*='#iconz-wiki']::before { background: url(%%spritesheet%%) -174px -149px; } @@ -3372,14 +3134,12 @@ a[href*='#iconz-wiki']::before { transform: scale(1.4); } 90% { transform: scale(0.9); } } - #new_modmail { position: absolute; left: -75px; } .helplink ~ .content .author[href*=Izick]:after { content: '- Head Moderator'; } - .helplink ~ .content .author[href*=Jaskys]:after { content: '- Designer'; } diff --git a/css/r-windows8.css b/css/r-windows8.css index 7541012..89fb070 100644 --- a/css/r-windows8.css +++ b/css/r-windows8.css @@ -184,11 +184,9 @@ button.save, button.submit-action-thing, button.submit-report { border: 1px solid #5cb85c; color: #5cb85c; padding: 0.25rem 0.75rem; } - button.save:hover, button.submit-action-thing:hover, button.submit-report:hover { background: #5cb85c; color: #fff; } - button.cancel, button.cancel-action-thing, button.cancel-report-thing { border: 1px solid #d9534f; background: 0 0; @@ -197,7 +195,6 @@ button.cancel, button.cancel-action-thing, button.cancel-report-thing { text-transform: capitalize; font-family: "Segoe UI", Helvetica, sans-serif; transition: background-color 0.5s; } - button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cancel:hover { background: #d9534f; color: #fff; } @@ -268,7 +265,6 @@ button:active, .tagline .score { font-weight: 700; } - .tagline .likes { color: #5133AB; } @@ -356,7 +352,6 @@ button:active, .submit-page .roundfield span.title { color: #4d5763; text-transform: capitalize; } - .submit-page .submit.content#newlink .tabmenu.formtab a { padding: 16px; display: inline-block; @@ -371,14 +366,12 @@ button:active, width: 247.5px; } .submit-page .submit.content#newlink .tabmenu.formtab a:hover { background-color: #e7e9f6; } - .submit-page .submit.content#newlink .tabmenu.formtab .selected a { font-size: 16px; background-color: #5133AB; color: #fff; } .submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover { background-color: #643EBF; } - .submit-page #newlink.submit.content .btn { width: 558px; height: auto; @@ -418,7 +411,6 @@ form .spacer + .spacer { 100% { -webkit-transform: translateY(0); opacity: 1; } } - @keyframes expandy { 0% { transform: translateY(-100px); @@ -428,7 +420,6 @@ form .spacer + .spacer { 100% { transform: translateY(0); opacity: 1; } } - .expando-button { cursor: pointer; float: left; @@ -519,11 +510,11 @@ form .spacer + .spacer { padding: 0; vertical-align: top !important; width: 30px !important; } + body > .content #siteTable .thing.self .thumbnail { background-image: url(%%spritesheet%%); background-position: -289px -139px; background-size: 341px 331px; } } - .link .usertext-body .md { border-radius: 0 !important; border: 1px solid #7cb0d9; @@ -536,28 +527,22 @@ body > .content #siteTable .thing.self .thumbnail { margin: 10px 15px 10px 10px; background-repeat: no-repeat !important; background-position: -289px -139px; } - body > .content #siteTable .thing.stickied .thumbnail { background-image: url(%%spritesheet%%); background-repeat: no-repeat !important; background-position: -289px -84px; margin-right: 15px; } - -body > .content #siteTable .thing .thumbnail.default, -body > .content #siteTable .thing.over18 .thumbnail { +body > .content #siteTable .thing .thumbnail.default, body > .content #siteTable .thing.over18 .thumbnail { background-image: url(%%spritesheet%%) !important; background-repeat: no-repeat !important; margin: 10px 15px 10px 10px; width: 45px; height: 45px; } - body > .content #siteTable .thing.stickied .entry > .title .title { color: #00a64f; font-weight: 400; } - body > .content #siteTable .thing.over18 .thumbnail { background-position: -286px -5px !important; } - body > .content #siteTable .thing .thumbnail.default { background-position: -47px -77px; background-size: 341px 331px; } @@ -607,21 +592,16 @@ a[href*="#icon-more"] { .linklisting .nextprev { font-size: 0; } - .linklisting .stickied { border-left: 3px solid #00a64f; background: rgba(0, 166, 79, 0.1); } - .linklisting .over18 { border-left: 3px solid #e2062c; background: rgba(225, 6, 44, 0.1); } - .linklisting .md { margin-bottom: 0; } - .linklisting .usertext-edit div textarea { margin-left: -10px; } - .linklisting .reported { background: rgba(255, 0, 0, 0.1); border-left: 3px solid #e2062c; } @@ -761,7 +741,6 @@ a.author { .tagline .stickied-tagline { color: #00a64f; } - .tagline a:hover { color: #643EBF !important; } @@ -792,9 +771,7 @@ a.author { .comments-page .sitetable.nestedlisting > .thing.stickied { border-bottom: solid 3px #00a64f; background: rgba(0, 166, 79, 0.1) !important; } - -.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page.linkflair-help .flat-list a.flairselectbtn:after { +.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, .comments-page.linkflair-help .flat-list a.flairselectbtn:after { animation: 1s ease-out 0s normal none infinite running pulsate; animation-duration: 2s; animation-timing-function: ease-out; @@ -804,7 +781,6 @@ a.author { animation-iteration-count: infinite; animation-play-state: running; animation-name: pulsate; } - .comments-page .usertext-edit div textarea { background: url(%%wincore-2%%) 206px -213px no-repeat #FFF !important; border: 1px solid #000 !important; @@ -818,13 +794,11 @@ a.author { background: #FFF !important; opacity: 1; border-color: #0078D6 !important; } - .comments-page .link { border-left: 1px solid #c6c6c6 !important; } .commentarea .menuarea { margin: 5px 310px 5px 5px; } - .commentarea .md { margin-bottom: 0; } @@ -897,7 +871,6 @@ a[href*="#tech"] { .sheets ::-webkit-scrollbar { background-color: #0f0f0f !important; } - .sheets ::-webkit-scrollbar-corner, .sheets ::-webkit-scrollbar-thumb { background: #313131 !important; } @@ -929,7 +902,6 @@ a[href*="#tech"] { .gadget .midcol { margin-right: 9px; } - .gadget .right a { background: #5133AB; padding: 5px 10px; @@ -957,10 +929,8 @@ span.clear-input-button { right: -10px !important; } #newlink-with-image-upload .clear-input-button:hover { background: #643EBF !important; } - #newlink-with-image-upload .image-upload-drop-target { padding: 15px !important; } - #newlink-with-image-upload .file-upload-button { background: #5133AB; border: none; @@ -974,24 +944,31 @@ span.clear-input-button { @media (max-width: 880px) { #siteTable_organic { margin-right: -5px; } + #header-bottom-left .tabmenu { width: calc(100% - 50px); padding-left: 50px; } + .side { display: none; } + body .linklisting { margin-right: 0 !important; } + .footer::after { display: none !important; } + .infobar { margin-right: 18px; } + .footer { border-right: 1px solid #5133AB; } + .panestack-title { margin: 0 0px 0 -5px; } + .infobar.newsletterbar { margin: -7px -5px 7px 0px; } } - .side { margin: 0; padding-left: 30px; @@ -1091,25 +1068,22 @@ span.clear-input-button { @-webkit-keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - @-moz-keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - @keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - .titlebox h1:after, .sidecontentbox .title:after { display: block; @@ -1132,7 +1106,6 @@ div.side div.tagline { border-radius: 0; font-weight: 400; margin: 0 5px 0 0; } - div.side form.flairtoggle, div.side form.leavecontributor-button { padding: 10px; border: 1px solid #d7ecff; @@ -1144,7 +1117,6 @@ div.side form.flairtoggle, div.side form.leavecontributor-button { border-radius: 0; font-weight: 400; margin: 0 5px 0 0; } - div.side span.subscribers { border: 1px solid #d7ecff; border-left: 5px solid #d7ecff; @@ -1171,31 +1143,25 @@ div.side span.subscribers { content: ""; margin-right: 5px; margin-top: -3px; } - div.side div.tagline { display: block !important; } - div.side form.flairtoggle { display: block; } - div.side div.leavemoderator { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side form.flairtoggle { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side p.users-online { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side div.tagline { padding-top: 0; border-top: none; } @@ -1258,13 +1224,11 @@ div.side div.tagline { .helplink ~ .content .author[href*=AutoModerator], .helplink ~ .content .author[href*=flair_your_post_bot] { display: none; } - .helplink ~ .content .author:after { content: '- Moderator'; font-size: 0.945em; margin-left: 5px; color: #5133AB; } - .helplink ~ .content .flair { display: none; } @@ -1286,10 +1250,8 @@ div.side div.tagline { div.titlebox .md h3:hover + ul { display: block; } - div.titlebox .md ul li strong:first-child, div.titlebox .md ul:hover { display: block; } - div.titlebox .md ul li { border: none; margin-right: 5px; } @@ -1309,11 +1271,9 @@ div.titlebox .md ul li { .sidecontentbox .more:hover { background-color: #f0f8ff; border-left-color: #7cb0d9; } - .sidecontentbox .content { border: none; padding: 0; } - .sidecontentbox .more { text-align: center; } .sidecontentbox .more a { @@ -1334,7 +1294,6 @@ div.titlebox .md ul li { div.titlebox .md ul li:hover { background-color: #f0f8ff; border-left-color: #7cb0d9; } - div.titlebox div.styleToggle, div.titlebox span.fancy-toggle-button a.active { padding: 5px 10px; @@ -1347,7 +1306,6 @@ div.titlebox span.fancy-toggle-button a.active { font-weight: 400; margin: 0; border: none; } - div.titlebox div.styleToggle { background-color: #5133AB; line-height: 20px; } @@ -1355,19 +1313,15 @@ div.titlebox div.styleToggle { div.titlebox div.styleToggle label { vertical-align: middle; margin: 0; } - div.titlebox span.fancy-toggle-button a.active.add:hover, div.titlebox span.fancy-toggle-button a.active.remove { background-color: #5133AB; } - div.titlebox span.fancy-toggle-button a.active.remove:before { content: ""; padding-right: 5px; } - div.titlebox span.fancy-toggle-button a.active.remove:hover:after { content: "=("; font-style: italic; padding-left: 5px; } - div.titlebox span.fancy-toggle-button a.active.add:before { content: "+"; padding-right: 5px; @@ -1417,7 +1371,6 @@ div.titlebox .md h3:before { content: "+"; color: #fff; padding-right: 5px; } - div.titlebox .md h2, div.titlebox .md h3, div.titlebox .md h4 { @@ -1429,7 +1382,6 @@ div.titlebox .md h4 { margin-top: 0; margin-bottom: 0; margin-left: -10px; } - div.titlebox h1 { border-left: 5px solid #1992FF; background-color: #5133AB; @@ -1473,8 +1425,7 @@ div.titlebox h1 { #RESShortcutsTrash:hover { color: #f0f0f0 !important; } -.titlebox .md h3 + ul:hover, -.titlebox .md h3:hover + ul { +.titlebox .md h3 + ul:hover, .titlebox .md h3:hover + ul { max-height: 600px; } div.titlebox .md h3 + ul { @@ -1594,7 +1545,6 @@ div.commentarea .infobar p { margin-bottom: 10px; } .sidecontentbox a.helplink:hover { background: #643EBF; } - .sidecontentbox .title h1, .sidecontentbox a.helplink { color: #fff; } @@ -1626,7 +1576,6 @@ div.commentarea .infobar p { #header-bottom-right .separator { display: none; } - #header-bottom-right .user { position: relative; top: 0; @@ -1651,17 +1600,14 @@ div.commentarea .infobar p { display: block; line-height: 12px; white-space: nowrap; } - #header-bottom-right .user span a { color: #fff; } - #header-bottom-right #mail { top: 0; top: 0 !important; width: 42px; height: 42px; display: inline-block; } - #header-bottom-right #modmail { position: absolute; margin-left: -267px; @@ -1678,10 +1624,8 @@ div.commentarea .infobar p { #header #header-bottom-right .choice:hover, #header #header-bottom-right .user:hover { background-color: #643EBF; } - #header #header-bottom-right .logout { display: inline-block; } - #header #header-bottom-right #mail, #header #header-bottom-right .choice, #header #header-bottom-right .logout a { @@ -1693,12 +1637,10 @@ div.commentarea .infobar p { text-indent: 50px; overflow: hidden; transition: background-color 0.5s; } - #header #header-bottom-right #mail.nohavemail { background: url(%%spritesheet%%) 0px -114px no-repeat #5133AB; border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right #mail.havemail { background: url(%%spritesheet%%) 0px -114px no-repeat #ff4500; } @@ -1708,7 +1650,6 @@ div.commentarea .infobar p { #header #header-bottom-right #mail.havemail { border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right .choice { background: url(%%spritesheet%%) -127px -114px no-repeat #5133AB; border-radius: 1px; @@ -1746,10 +1687,8 @@ div.commentarea .infobar p { background: url(%%spritesheet%%) -127px -42px no-repeat #5133AB; border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right #mail.havemail, #header #header-bottom-right #mail.nohavemail { border-bottom: none; } - #header #header-bottom-right .choice, #header #header-bottom-right .logout a { border-bottom: none; } @@ -1765,7 +1704,6 @@ div.commentarea .infobar p { #header #header-bottom-right .choice:hover, #header #header-bottom-right .user:hover { background-color: #643EBF; } - #header #header-bottom-right .logout a:hover { text-indent: -99999px; color: #fff; @@ -1831,7 +1769,6 @@ div.commentarea .infobar p { animation-iteration-count: infinite; animation-play-state: running; animation-name: pulsate; } - .side .md .-text, .side .md li, .side .md p, @@ -1839,7 +1776,6 @@ div.commentarea .infobar p { .side .md td, .side .md th { list-style: none; } - .side .usertext-body .md ol a { background-color: #57b5ff; display: inline-block; @@ -1851,12 +1787,10 @@ div.commentarea .infobar p { opacity: 0.8; } .side .usertext-body .md ol a:hover { opacity: 1; } - .side .md > ol li a[href$='#special']:after, .side .md > ol li a[href$='#special']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#special'] { border: 2px solid #fefefe; display: inline-block; @@ -1877,7 +1811,6 @@ div.commentarea .infobar p { color: #fff; } .side .usertext-body .md ol a[href$='#special']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#achieve'] { border: 2px solid #fefefe; display: inline-block; @@ -1891,22 +1824,18 @@ div.commentarea .infobar p { opacity: 0.8; } .side .usertext-body .md ol a[href$='#achieve']:hover { opacity: 1; } - .side .md > ol li a[href$='#sticky']:after, .side .md > ol li a[href$='#sticky']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#achieve']:before, .side .usertext-body .md ol a[href$='#sticky']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#achieve']:before { background-color: #0d9605; content: "Achievement unlocked"; color: #fff; } - .side .usertext-body .md ol a[href$='#sticky'], .side .usertext-body .md ol a[href$='#stickyg'] { font-weight: 400; padding: 5px 5px 5px 0; @@ -1916,45 +1845,36 @@ div.commentarea .infobar p { font-size: 12px; transition: opacity .5s; text-decoration: none; } - .side .usertext-body .md ol a[href$='#sticky'] { background-color: #1686f0; opacity: 0.8; } .side .usertext-body .md ol a[href$='#sticky']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#stickyg']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#sticky']:before { background-color: #5133AB; content: "Sticky"; color: #fff; } - .side .usertext-body .md ol a[href$='#stickyg'] { background-color: #28bc07; opacity: 0.8; } - .side .md > ol li a[href$='#achieve']:after, .side .md > ol li a[href$='#achieve']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .md > ol li a[href$='#update']:after, .side .md > ol li a[href$='#update']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#stickyg']:before, .side .usertext-body .md ol a[href$='#update']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#stickyg']:before { background-color: #0d9605; content: "Sticky"; color: #fff; } - .side .usertext-body .md ol a[href$='#update'] { border: 2px solid #fefefe; background-color: #1686f0; @@ -1972,7 +1892,6 @@ div.commentarea .infobar p { color: #fff; } .side .usertext-body .md ol a[href$='#update']:hover { opacity: 1; } - .side .md del { color: #fff; text-decoration: none; } @@ -1983,15 +1902,12 @@ div.commentarea .infobar p { .res-nightmode body, html[lang^=nm] body { background: #1a1a1a !important; } - .res-nightmode #sr-header-area, html[lang^=nm] #sr-header-area { background-color: #0C1722; } - .res-nightmode a, html[lang^=nm] a { color: #f8f8ff; } - .res-nightmode .morelink a, .res-nightmode a[href*="#Donsiders"], .res-nightmode a[href*="#btn"], @@ -1999,12 +1915,10 @@ html[lang^=nm] .morelink a, html[lang^=nm] a[href*="#Donsiders"], html[lang^=nm] a[href*="#btn"] { color: #fff !important; } - .res-nightmode .shortlink input, html[lang^=nm] .shortlink input { background: #393939; color: #ddd; } - .res-nightmode #previoussearch #moresearchinfo, .res-nightmode .roundfield label, .res-nightmode .search-result-body, @@ -2024,20 +1938,17 @@ html[lang^=nm] .md blockquote, html[lang^=nm] .md del, html[lang^=nm] .comments-page .usertext-edit div textarea { color: #eee !important; } - .res-nightmode .md blockquote, html[lang^=nm] .md blockquote { background: rgba(0, 87, 166, 0.24); border-left: 2px solid #643EBF !important; color: #888 !important; } - .res-nightmode .md code, html[lang^=nm] .md code { border: none !important; background-color: #393939 !important; border-radius: 0 !important; border-left: 3px solid #643EBF !important; } - .res-nightmode .commentingAs, .res-nightmode .date time, .res-nightmode .linkinfo .score, @@ -2053,7 +1964,6 @@ html[lang^=nm] .side .titlebox > .fancy-toggle-button, html[lang^=nm] .edit-stylesheet.choice:after, html[lang^=nm] .wiki-page .wiki-page-content { color: #ddd !important; } - .res-nightmode .date span, .res-nightmode .date time, html[lang^=nm] .date span, @@ -2061,7 +1971,6 @@ html[lang^=nm] .date time { border-bottom: 1px solid #393939 !important; background: #222 !important; border-top: 1px solid #393939 !important; } - .res-nightmode #header, .res-nightmode #newlink-with-image-upload #new-link-preview, .res-nightmode .account-activity-box, @@ -2077,7 +1986,6 @@ html[lang^=nm] .morelink, html[lang^=nm] .nextprev a, html[lang^=nm] .titlebox h1 { background: #222 !important; } - .res-nightmode #header #header-bottom-right #mail:hover, .res-nightmode #header #header-bottom-right #modmail:hover, .res-nightmode #header #header-bottom-right .choice:hover, @@ -2089,14 +1997,12 @@ html[lang^=nm] #header #header-bottom-right .choice:hover, html[lang^=nm] #header #header-bottom-right .logout:hover, html[lang^=nm] #header #header-bottom-right .user:hover { background-color: #393939 !important; } - .res-nightmode #header #header-bottom-right .logout a, .res-nightmode #header #header-bottom-right .nohavemail#mail, html[lang^=nm] #header #header-bottom-right .logout a, html[lang^=nm] #header #header-bottom-right .nohavemail#mail { background-color: transparent !important; outline: 0 !important; } - .res-nightmode #header-bottom-right #modmail, .res-nightmode #header-bottom-right .choice, .res-nightmode #header-bottom-right .user, @@ -2105,7 +2011,6 @@ html[lang^=nm] #header-bottom-right .choice, html[lang^=nm] #header-bottom-right .user { background-color: transparent !important; outline: 0 !important; } - .res-nightmode #header-bottom-left .tabmenu, .res-nightmode #header-img, .res-nightmode #header-img.default-header, @@ -2113,25 +2018,21 @@ html[lang^=nm] #header-bottom-left .tabmenu, html[lang^=nm] #header-img, html[lang^=nm] #header-img.default-header { background: transparent !important; } - .res-nightmode #header-bottom-left .tabmenu, .res-nightmode .new-comment .usertext-body, html[lang^=nm] #header-bottom-left .tabmenu, html[lang^=nm] .new-comment .usertext-body { background-color: transparent; border: none; } - .res-nightmode .date, html[lang^=nm] .date { color: #ddd !important; } .res-nightmode .date::before, html[lang^=nm] .date::before { color: #ddd !important; } - .res-nightmode .flair, html[lang^=nm] .flair { color: #ddd !important; } - .res-nightmode .footer, html[lang^=nm] .footer { border-right: none !important; @@ -2140,7 +2041,6 @@ html[lang^=nm] .footer { html[lang^=nm] .footer div.col a, html[lang^=nm] .footer::after { color: #ddd !important; } - .res-nightmode div.side div.tagline, .res-nightmode div.side form.flairtoggle, .res-nightmode div.side span.subscribers, @@ -2149,18 +2049,15 @@ html[lang^=nm] div.side form.flairtoggle, html[lang^=nm] div.side span.subscribers { background: #222 !important; color: #ddd !important; } - .res-nightmode div.titlebox .md ul li, html[lang^=nm] div.titlebox .md ul li { background: #222 !important; color: #ddd !important; } - .res-nightmode .sidecontentbox .title, .res-nightmode .sidecontentbox a.helplink, html[lang^=nm] .sidecontentbox .title, html[lang^=nm] .sidecontentbox a.helplink { background: #222 !important; } - .res-nightmode div.titlebox .md h1, .res-nightmode div.titlebox .md h2, .res-nightmode div.titlebox .md h3, @@ -2170,7 +2067,6 @@ html[lang^=nm] div.titlebox .md h2, html[lang^=nm] div.titlebox .md h3, html[lang^=nm] div.titlebox .md h4 { background: #222 !important; } - .res-nightmode #searchexpando, .res-nightmode .icon-menu li, .res-nightmode .totalvotes, @@ -2218,7 +2114,6 @@ html[lang^=nm] div.titlebox .md ul li { html[lang^=nm] div.titlebox .md ul li:hover { background-color: #393939 !important; border-left-color: #7cb0d9 !important; } - .res-nightmode div.side div.leavemoderator, .res-nightmode div.side p.users-online, .res-nightmode div.side span.subscribers, @@ -2238,7 +2133,6 @@ html[lang^=nm] div.side .titlebox > .fancy-toggle-button { border-right: 1px solid #393939 !important; background: #222 !important; border-top: 1px solid #393939 !important; } - .res-nightmode div.side div.tagline, .res-nightmode div.side form.flairtoggle, html[lang^=nm] div.side div.tagline, @@ -2247,7 +2141,6 @@ html[lang^=nm] div.side form.flairtoggle { border-right: 1px solid #393939 !important; border-bottom: none !important; background: #222 !important; } - .res-nightmode .titlebox form.toggle, html[lang^=nm] .titlebox form.toggle { background: #222; @@ -2255,7 +2148,6 @@ html[lang^=nm] .titlebox form.toggle { border-left: 5px solid #393939 !important; border-right: 1px solid #393939 !important; color: #eee; } - .res-nightmode .sitetable .comment .comment, html[lang^=nm] .sitetable .comment .comment { background-color: #393939 !important; } @@ -2280,7 +2172,6 @@ html[lang^=nm] .sitetable .comment .comment { .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #393939 !important; } - .res-nightmode .sitetable .comment, html[lang^=nm] .sitetable .comment { background-color: #222 !important; } @@ -2305,31 +2196,25 @@ html[lang^=nm] .sitetable .comment { .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #222 !important; } - .res-nightmode button, html[lang^=nm] button { border: none; background-color: #222 !important; } - .res-nightmode a[href*="#square"]::before, html[lang^=nm] a[href*="#square"]::before { border: 3px solid #393939; } - .res-nightmode .link, html[lang^=nm] .link { border-bottom: 1px solid #2D2E32 !important; border-right: 1px solid #2D2E32 !important; } - .res-nightmode .listing-page .link:hover, html[lang^=nm] .listing-page .link:hover { background: #393939 !important; border-left-color: #a9a9a9 !important; } - .res-nightmode div.titlebox .md ul li:hover, html[lang^=nm] div.titlebox .md ul li:hover { background-color: #393939 !important; border-left-color: #7cb0d9 !important; } - .res-nightmode div.titlebox .md h1:after, .res-nightmode div.titlebox .md h2:after, .res-nightmode div.titlebox .md h3:after, @@ -2342,7 +2227,6 @@ html[lang^=nm] div.titlebox .md h4:after { position: absolute; z-index: -1; border-color: transparent #393939 transparent transparent !important; } - .res-nightmode div.titlebox h1:after, .res-nightmode div.titlebox .sidecontentbox .title:after, html[lang^=nm] div.titlebox h1:after, @@ -2351,7 +2235,6 @@ html[lang^=nm] div.titlebox .sidecontentbox .title:after { position: absolute; z-index: -1; border-color: transparent #393939 transparent transparent !important; } - .res-nightmode .flairselector, .res-nightmode .comments-page .usertext-edit div textarea, .res-nightmode #eu-cookie-policy .reddit-infobar, @@ -2362,7 +2245,6 @@ html[lang^=nm] #eu-cookie-policy .reddit-infobar, html[lang^=nm] #search input[type=text] { background-color: #222 !important; color: #ddd; } - .res-nightmode #header-bottom-left .tabmenu li.selected a, .res-nightmode .link .usertext-body .md, .res-nightmode .debuginfo, @@ -2386,7 +2268,6 @@ html[lang^=nm] .side .morelink a:hover, html[lang^=nm] button:hover, html[lang^=nm] .account-activity-box:hover { background-color: #393939 !important; } - .res-nightmode .comment .usertext .md p > a:visited, .res-nightmode .md a, .res-nightmode h2 a:visited, @@ -2394,11 +2275,9 @@ html[lang^=nm] .comment .usertext .md p > a:visited, html[lang^=nm] .md a, html[lang^=nm] h2 a:visited { color: #3498db; } - .res-nightmode ::-webkit-scrollbar, html[lang^=nm] ::-webkit-scrollbar { background-color: #393939; } - .res-nightmode ::-webkit-scrollbar-thumb, html[lang^=nm] ::-webkit-scrollbar-thumb { background-color: #666; @@ -2411,67 +2290,52 @@ html[lang^=nm] ::-webkit-scrollbar-thumb { .res-nightmode ::-webkit-scrollbar-thumb:active, html[lang^=nm] ::-webkit-scrollbar-thumb:active { background-color: #bbb; } - .res-nightmode ::-webkit-scrollbar-corner, html[lang^=nm] ::-webkit-scrollbar-corner { color: #555; } - .res-nightmode textarea, html[lang^=nm] textarea { color: #000 !important; } - .res-nightmode .content, html[lang^=nm] .content { margin-bottom: 0; margin-top: 0; } - .res-nightmode input[type=button], .res-nightmode input[type=reset], .res-nightmode input[type=submit], html[lang^=nm] input[type=button], html[lang^=nm] input[type=reset], html[lang^=nm] input[type=submit] { border: none; } - .res-nightmode .side .spacer .titlebox .redditname, html[lang^=nm] .side .spacer .titlebox .redditname { border-left-color: #643EBF; } - .res-nightmode .gold-accent, html[lang^=nm] .gold-accent { background: #5133AB; } - -.res-nightmode .thing .title:visited, -.res-nightmode .thing.visited .title, +.res-nightmode .thing .title:visited, .res-nightmode .thing.visited .title, html[lang^=nm] .thing .title:visited, html[lang^=nm] .thing.visited .title { color: #808c94; } - .res-nightmode .thing .title, html[lang^=nm] .thing .title { color: #B5C4D0; } - .res-nightmode .content.submit .info-notice, .res-nightmode .submit-page .roundfield, html[lang^=nm] .content.submit .info-notice, html[lang^=nm] .submit-page .roundfield { background-color: #222; color: #eee; } - .res-nightmode #header #header-bottom-right #mail.havemail, html[lang^=nm] #header #header-bottom-right #mail.havemail { outline: 0; } - .res-nightmode .formtabs-content .infobar, html[lang^=nm] .formtabs-content .infobar { border-color: transparent !important; } - .res-nightmode .infobar, html[lang^=nm] .infobar { border-color: #ff4500 !important; } - .res-nightmode span.score, html[lang^=nm] span.score { color: #888 !important; } - .res-nightmode .comment.spam > .child, .res-nightmode .message.spam > .child, .res-nightmode .usertext.grayed .usertext-body, @@ -2479,16 +2343,13 @@ html[lang^=nm] .comment.spam > .child, html[lang^=nm] .message.spam > .child, html[lang^=nm] .usertext.grayed .usertext-body { background-color: transparent; } - .res-nightmode div.commentarea .infobar, html[lang^=nm] div.commentarea .infobar { color: #eee; border: none; } - .res-nightmode .comment, html[lang^=nm] .comment { border: 1px solid #43474F; } - .res-nightmode a[href*='#icon-day'], html[lang^=nm] a[href*='#icon-day'] { display: inline-block !important; } @@ -2501,158 +2362,123 @@ html[lang^=nm] a[href*='#icon-day'] { content: ''; margin: 0 7px -4px 0; background: url(%%spritesheet%%) -85px -294px; } - .res-nightmode a[href*='#icon-night'], html[lang^=nm] a[href*='#icon-night'] { display: none; } - .res-nightmode a[href*="#icon-chat"]::before, html[lang^=nm] a[href*="#icon-chat"]::before { background-image: url(%%wincore-2%%); background-position: -5px -405px; } - .res-nightmode a[href*="#icon-feedback"]::before, html[lang^=nm] a[href*="#icon-feedback"]::before { background-position: -47px -149px; } - .res-nightmode a[href*="#icon-feedback2"]::before, html[lang^=nm] a[href*="#icon-feedback2"]::before { background-position: -5px -375px; } - .res-nightmode a[href*="#iconz-tips"]::before, html[lang^=nm] a[href*="#iconz-tips"]::before { background-position: -234px -47px; } - .res-nightmode a[href*="#iconz-updates"]::before, html[lang^=nm] a[href*="#iconz-updates"]::before { background-position: -259px -119px; } - .res-nightmode a[href*="#iconz-faq"]::before, html[lang^=nm] a[href*="#iconz-faq"]::before { background-position: -174px -47px; } - .res-nightmode a[href*="#iconz-install"]::before, html[lang^=nm] a[href*="#iconz-install"]::before { background-position: -259px -119px; } - .res-nightmode a[href*="#iconz-wiki"]::before, html[lang^=nm] a[href*="#iconz-wiki"]::before { background-position: -204px -149px; } - .res-nightmode #siteTable .thing, .res-nightmode .link.promotedlink, html[lang^=nm] #siteTable .thing, html[lang^=nm] .link.promotedlink { background: #202020; } - .res-nightmode .organic-listing, html[lang^=nm] .organic-listing { background: none !important; } - .res-nightmode body > .content #siteTable .thing.self .thumbnail, html[lang^=nm] body > .content #siteTable .thing.self .thumbnail { background-position: -77px -5px; } - .res-nightmode body > .content #siteTable .thing .thumbnail.default, html[lang^=nm] body > .content #siteTable .thing .thumbnail.default { background-position: -174px -77px; } - .res-nightmode div.side span.subscribers span.number:before, html[lang^=nm] div.side span.subscribers span.number:before { background-position: -162px -5px; } - .res-nightmode .expando-button.selftext.collapsed, html[lang^=nm] .expando-button.selftext.collapsed { background-position: -5px -242px; } .res-nightmode .expando-button.selftext.collapsed:hover, html[lang^=nm] .expando-button.selftext.collapsed:hover { background-position: -225px -204px; } - .res-nightmode .expando-button.selftext.expanded, html[lang^=nm] .expando-button.selftext.expanded { background-position: -65px -204px; } .res-nightmode .expando-button.selftext.expanded:hover, html[lang^=nm] .expando-button.selftext.expanded:hover { background-position: -105px -204px; } - .res-nightmode .expando-button.video.collapsed, html[lang^=nm] .expando-button.video.collapsed { background-position: -85px -242px; } .res-nightmode .expando-button.video.collapsed:hover, html[lang^=nm] .expando-button.video.collapsed:hover { background-position: -45px -242px; } - .res-nightmode .expando-button.video.expanded, html[lang^=nm] .expando-button.video.expanded { background-position: -65px -204px; } .res-nightmode .expando-button.video.expanded:hover, html[lang^=nm] .expando-button.video.expanded:hover { background-position: -105px -204px; } - .res-nightmode .date:after, html[lang^=nm] .date:after { border-color: transparent #393939 transparent transparent !important; } - .res-nightmode .date span, html[lang^=nm] .date span { border-left: 5px solid #393939 !important; color: #ddd; border-right-color: #393939; } - .res-nightmode .date time, html[lang^=nm] .date time { border-right: 1px solid #393939 !important; } - .res-nightmode .link.last-clicked, html[lang^=nm] .link.last-clicked { background: #393939 !important; } - .res-nightmode .comments-page .link, html[lang^=nm] .comments-page .link { border-left: 3px solid transparent; } .res-nightmode .res .RES-keyNav-activeElement { background-color: #292929 !important; } - -.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, -.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { +.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, .res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { background-color: #292929 !important; } - .res-nightmode .RES-keyNav-activeElement { background-color: #292929 !important; } .res-nightmode .RES-keyNav-activeElement .md-container { background-color: #292929 !important; } - .res-nightmode .arrow.upmod { background-position: -296px -60px !important; } - .res-nightmode .arrow.down { background-position: -321px -60px !important; } - .res-nightmode .arrow.up { background-position: -289px -194px !important; } - .res-nightmode .arrow.downmod { background-position: -271px -60px !important; } - .res-nightmode .side .titlebox > .fancy-toggle-button { background: #222 !important; color: #ddd !important; } -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { +.res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { background-color: transparent !important; } .res #sr-header-area #srDropdownContainer a:hover { opacity: 1; } - .res .comment .midcol { margin-left: 20px; } - .res .comment .new-comment { border: 2px solid #FFAB91 !important; border-radius: 0px !important; } - .res #sr-header-area #srDropdownContainer a { width: 35px; height: 23px; @@ -2662,19 +2488,16 @@ html[lang^=nm] .comments-page .link { background: url(%%spritesheet%%) -225px -252px no-repeat; line-height: 35px; text-indent: -999em; } - .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .noncollapsed .RES-keyNav-activeElement.entry { background-color: 0 0 !important; } - .res .RESDashboardToggle, .res .RESshortcutside { background: 0 0; border: none; font-weight: 400; text-transform: uppercase; } - .res .sitetable .sitetable { margin-right: 0; } @@ -2831,7 +2654,6 @@ html[lang^=nm] .comments-page .link { .author[href$=Adam-MSFT], .author[href$=Dave_MSFT], .author[href$=DrPreppy], .author[href$=EKILBO], .author[href$=Giffdev], .author[href$=James-MSFT], .author[href$=KritiMSFT], .author[href$=MailmanOdd], .author[href$=MasterDevwi], .author[href$=MsftHealthWill], .author[href$=NorthFaceHiker], .author[href$=Psychlist1972], .author[href$=Sawan-Msft], .author[href$=Sawan-MSFT], .author[href$=StephA_MSFT], .author[href$=Zev_MSFT], .author[href$=adam_msft], .author[href$=anaotero-MSFT], .author[href$=anbutle], .author[href$=anthonykinseymsft], .author[href$=bbyboi], .author[href$=bitcrazed], .author[href$=bloodytemplar], .author[href$=devbent], .author[href$=donaMSFT], .author[href$=jenmsft], .author[href$=Sean_MSFT], .author[href$=jeremy_msft], .author[href$=johnwinkmsft], .author[href$=josh_msft], .author[href$=kylealden], .author[href$=maheshrd], .author[href$=mike_msft], .author[href$=msftbanddev], .author[href$=msftbilly], .author[href$=mvaneerde], .author[href$=ooeygui], .author[href$=samersaw], .author[href$=sjarawan], .author[href$=stefohneee], .author[href$=toma_msft], .author[href$=vpmsft], .author[href$=xander-msft], .author[href$=zac_l], .author[href$=craigbarkhouse], .author[href$=elvenharps], .author[href$=nerdile], .author[href$=einarmsft], .author[href$=yosefdurr], .author[href$=Travis_MSFT], .author[href$=caithartMSFT], .author[href$=ClayMSFT] { color: #0078D7; font-weight: 700; } - .author[href$=ildun], .author[href$=Katsuga50] { color: #e67e22; font-weight: 700; } @@ -2934,64 +2756,44 @@ html:lang(nh) .linkflair-help { padding: 3px 10px; color: #fff; margin: 3px; } - .side a[href*='#official'] { background: #2086bf; } - .side a[href*='#news'] { background: #F2385A; } - .side a[href*='#help'] { background: #FF6138; } - .side a[href*='#solved'] { background: #008a00; } - .side a[href*='#unresolved'] { background: #FF7D4D; } - .side a[href*='#bug'] { background: #ce352c; } - .side a[href*='#update'] { background: #81003c; } - .side a[href*='#feature'] { background: #00aba9; } - .side a[href*='#discussion'] { background: #bf5a15; } - .side a[href*='#hardware'] { background: #f0a30a; } - .side a[href*='#tip'] { background: #468966; } - .side a[href*='#meta'] { background: #4390df; } - .side a[href*='#gaming'] { background: #76608a; } - .side a[href*='#app'] { background: #bf5a15; } - .side a[href*='#original%20content'] { background: #0B9C67; } - .side a[href*='#concept'] { background: #14B6F5; } - .side a[href*='#request'] { background: #00aba9; } - .side a[href*='#question'] { background: #008a00; } - .side a[href*='#hideflair'], .side a[href*='#hidehelp'] { background: #E42608; } - .side a[href*='#update']:hover, .side a[href*='#official']:hover, .side a[href*='#news']:hover, .side a[href*='#help']:hover, .side a[href*='#solved']:hover, .side a[href*='#unresolved']:hover, .side a[href*='#bug']:hover, .side a[href*='#feature']:hover, .side a[href*='#discussion']:hover, .side a[href*='#hardware']:hover, .side a[href*='#tip']:hover, .side a[href*='#meta']:hover, .side a[href*='#gaming']:hover, .side a[href*='#app']:hover, .side a[href*='#original%20content']:hover, .side a[href*='#concept']:hover, .side a[href*='#request']:hover, .side a[href*='#question']:hover, .side a[href='']:hover { opacity: 0.8; } @@ -3042,47 +2844,37 @@ a[href*="#icon-day"] { a[href*='#square-app']::before { background: -187px -5px #bf5a15; border: 3px solid #e8e8e8; } - a[href*='#square-tip']::before { background: -187px -5px #555; border: 3px solid #e8e8e8; } - a[href*='#square-meta']::before { background: -187px -5px #4390df; border: 3px solid #e8e8e8; } - a[href*='#square-original']::before { background: -187px -5px #76608a; border: 3px solid #e8e8e8; } - a[href*='#square-concept']::before { background: -187px -5px #14B6F5; border: 3px solid #e8e8e8; } - a[href*='#square-solved']::before { background: -187px -5px #008a00; border: 3px solid #e8e8e8; } - a[href*='#square-hflairs']::before { background: -187px -5px #5133AB; border: 3px solid #e8e8e8; border-radius: 50%; } - a[href*='#square-hhelp']::before { background: -187px -5px #643EBF; border: 3px solid #e8e8e8; border-radius: 50%; } - a[href*='#square'] + .keyNavAnnotation { display: none; } - a[href*='#square-feature']::before, a[href*='#square-request']::before, a[href*='#square-bug']::before, a[href*='#square-official']::before, a[href*='#square-news']::before, a[href*='#square-help']::before, a[href*='#square-update']::before, a[href*='#square-discussion']::before, a[href*='#square-hardware']::before, a[href*='#square-app']::before, a[href*='#square-tip']::before, a[href*='#square-meta']::before, a[href*='#square-original']::before, a[href*='#square-concept']::before, a[href*='#square-solved']::before, a[href*='#square-hflairs']::before, a[href*='#square-hhelp']::before, a[href*='#square-gaming']::before { display: inline-block; height: 10px; width: 10px; content: ''; margin: 0 5px -4px 0; } - a[href*='#square-']:hover::before { text-decoration: none; background: #643EBF; @@ -3090,35 +2882,27 @@ a[href*='#square-']:hover::before { left: 4px; top: 8px; transition: all 0.15s ease; } - a[href*='#square-bug']::before { background: -187px -5px #ce352c; border: 3px solid #e8e8e8; } - a[href*='#square-official']::before { background: -187px -5px #2086bf; border: 3px solid #e8e8e8; } - a[href*='#square-news']::before { background: -187px -5px #F2385A; border: 3px solid #e8e8e8; } - a[href*='#square-help']::before { background: -187px -5px #FF6138; border: 3px solid #e8e8e8; } - a[href*='#square-update']::before { background: -187px -5px #81003c; border: 3px solid #e8e8e8; } - a[href*='#square-discussion']::before { background: -187px -5px #ff9e00; border: 3px solid #e8e8e8; } - a[href*='#square-hardware']::before { background: -187px -5px #f0a30a; border: 3px solid #e8e8e8; } - a[href*='#square-gaming']::before { background: -187px -5px #107c10; border: 3px solid #e8e8e8; } @@ -3183,15 +2967,12 @@ a[href*="#Donsiders"], a[href*="#btn"] { -o-transform: translateY(-1px); transform: translateY(-1px); box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } - a[href*="#Donsiders"] { background: #009e7e; } a[href*="#Donsiders"]:hover { background: #643EBF; } - a[href*="#btn"] { background: #0057a6; } - a[href*="#square-showflairs"] { float: right; } a[href*="#square-showflairs"]::before { @@ -3203,11 +2984,9 @@ a[href*="#square-showflairs"] { border: 3px solid #e8e8e8; border-radius: 50%; margin-left: 5px; } - a[href*="#square-hflairs"]::after { content: "or"; margin-left: 50px; } - a[href*="#square-hflairs"]:hover::after { color: #5133AB; } @@ -3222,16 +3001,13 @@ a[href*="#square-hflairs"]:hover::after { .side .md [href$="#butt"]:hover { background: #5133AB; color: #fff; } - .side .md > p:first-of-type { display: none; } -.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { +.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, .comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { content: "- flair your thread as solved once your problem is resolved"; margin-left: 6px; color: #008a00; } - .comments-page .link.linkflair-help .flat-list a.flairselectbtn { color: #0078D7 !important; } @@ -3247,53 +3023,39 @@ a[href*='#icon-chat']::before, a[href*='#icon-feedback']::before, a[href*='#icon width: 20px; content: ''; margin: 0 7px -4px 0; } - a[href*='#icon']:hover { text-decoration: none; } - a[href*='#icon-chat']::before { background: url(%%spritesheet%%) -5px -204px; } - a[href*='#icon-feedback']::before { background: url(%%spritesheet%%) -35px -204px; } - a[href*='#icon-night']::before { background: url(%%spritesheet%%) -125px -242px; } - a[href*='#icon-feedback2']::before { background: url(%%wincore-2%%) -5px -345px; } - a[href*="#icon-more"] { text-align: center; display: block; color: #643EBF; font-size: 16px; } - a[href*='#iconz'] + .keyNavAnnotation { display: none; } - a[href*='#iconz-tips']::before, a[href*='#iconz-updates']::before, a[href*='#iconz-faq']::before, a[href*='#iconz-install']::before, a[href*='#iconz-wiki']::before { display: inline-block; height: 20px; width: 20px; content: ''; margin: 0 7px -4px 0; } - a[href*='#iconz']:hover { text-decoration: none; } - a[href*='#iconz-tips']::before { background: url(%%spritesheet%%) -204px -47px; } - a[href*='#iconz-faq']::before { background: url(%%spritesheet%%) -47px -47px; } - a[href*='#iconz-updates']::before { background: url(%%spritesheet%%) -102px -77px; } - a[href*='#iconz-install']::before { background: url(%%spritesheet%%) -229px -119px; } - a[href*='#iconz-wiki']::before { background: url(%%spritesheet%%) -174px -149px; } diff --git a/css/r-windowsapps.css b/css/r-windowsapps.css index 438e180..8bb11fd 100644 --- a/css/r-windowsapps.css +++ b/css/r-windowsapps.css @@ -3,15 +3,15 @@ Designed by /u/Jaskys /r/ClearShift theme base Contributors: /u/supersmilers, /u/mtvee, /u/BatDogOnBatMobile, /u/MrLawbreaker Icons provided by www.icons8.com under "Creative Commons Attribution-NoDerivs 3.0 Unported" license -Main color: #1a1a1a -Secondary: #0078D7 +Main color: #F54E7A +Secondary: #f06292 Christmas Main color: #BF0426 Secondary: #7A0218 */ #header { height: 165px; - background: #1a1a1a; + background: #F54E7A; border-bottom: none; } #header #header-bottom-right #mail.havemail, #header #modmail.havemail { @@ -59,7 +59,7 @@ Secondary: #7A0218 background: rgba(0, 0, 0, 0.1); border-bottom: 3px solid #fff !important; } #header-bottom-left .tabmenu li.selected a { - background-color: #0078D7; + background-color: #f06292; border: 0; color: #fff; padding-top: 7px; @@ -184,11 +184,9 @@ button.save, button.submit-action-thing, button.submit-report { border: 1px solid #5cb85c; color: #5cb85c; padding: 0.25rem 0.75rem; } - button.save:hover, button.submit-action-thing:hover, button.submit-report:hover { background: #5cb85c; color: #fff; } - button.cancel, button.cancel-action-thing, button.cancel-report-thing { border: 1px solid #d9534f; background: 0 0; @@ -197,7 +195,6 @@ button.cancel, button.cancel-action-thing, button.cancel-report-thing { text-transform: capitalize; font-family: "Segoe UI", Helvetica, sans-serif; transition: background-color 0.5s; } - button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cancel:hover { background: #d9534f; color: #fff; } @@ -207,11 +204,11 @@ button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cance padding: 0 4px; background: 0 0; border: none; - color: #0078D7; + color: #f06292; text-align: center; } .next-suggestions a:hover, .nextprev a:hover { - background: #0078D7; + background: #f06292; border: none; color: #fff; outline: 0; } @@ -246,7 +243,7 @@ button:active, bottom: 0; padding: 4px; } .comment .expand:hover { - background: #0078D7; + background: #f06292; color: #fff !important; text-decoration: none; } .comment.collapsed .tagline { @@ -268,12 +265,11 @@ button:active, .tagline .score { font-weight: 700; } - .tagline .likes { - color: #1a1a1a; } + color: #F54E7A; } .entry .flat-list .reply-button a { - color: #1a1a1a; } + color: #F54E7A; } .link .domain { visibility: hidden; } @@ -304,13 +300,13 @@ button:active, border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .flairselector { - border: 1px solid #1a1a1a !important; } + border: 1px solid #F54E7A !important; } .flairselector .title { font-size: 0 !important; } .flairselector h2 { color: #fff; font-size: 13px; - background: #1a1a1a !important; + background: #F54E7A !important; padding-top: 6px; font-weight: lighter !important; text-transform: capitalize; @@ -318,7 +314,7 @@ button:active, .flairselector li:hover { background-color: transparent; } .flairselector form { - border-top: solid 1px #1a1a1a; + border-top: solid 1px #F54E7A; margin-bottom: 10px; } .flairselector.drop-choices.active { padding: 0 !important; @@ -341,7 +337,7 @@ button:active, padding: 3px; } .comments-page .link .flat-list a.flairselectbtn { - color: #1a1a1a !important; } + color: #F54E7A !important; } .nextprev a, .side .usertext-body .md ol a { @@ -356,7 +352,6 @@ button:active, .submit-page .roundfield span.title { color: #4d5763; text-transform: capitalize; } - .submit-page .submit.content#newlink .tabmenu.formtab a { padding: 16px; display: inline-block; @@ -371,14 +366,12 @@ button:active, width: 247.5px; } .submit-page .submit.content#newlink .tabmenu.formtab a:hover { background-color: #e7e9f6; } - .submit-page .submit.content#newlink .tabmenu.formtab .selected a { font-size: 16px; - background-color: #1a1a1a; + background-color: #F54E7A; color: #fff; } .submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover { - background-color: #0078D7; } - + background-color: #f06292; } .submit-page #newlink.submit.content .btn { width: 558px; height: auto; @@ -418,7 +411,6 @@ form .spacer + .spacer { 100% { -webkit-transform: translateY(0); opacity: 1; } } - @keyframes expandy { 0% { transform: translateY(-100px); @@ -428,7 +420,6 @@ form .spacer + .spacer { 100% { transform: translateY(0); opacity: 1; } } - .expando-button { cursor: pointer; float: left; @@ -519,11 +510,11 @@ form .spacer + .spacer { padding: 0; vertical-align: top !important; width: 30px !important; } + body > .content #siteTable .thing.self .thumbnail { background-image: url(%%spritesheet%%); background-position: -289px -139px; background-size: 341px 331px; } } - .link .usertext-body .md { border-radius: 0 !important; border: 1px solid #7cb0d9; @@ -536,28 +527,22 @@ body > .content #siteTable .thing.self .thumbnail { margin: 10px 15px 10px 10px; background-repeat: no-repeat !important; background-position: -289px -139px; } - body > .content #siteTable .thing.stickied .thumbnail { background-image: url(%%spritesheet%%); background-repeat: no-repeat !important; background-position: -289px -84px; margin-right: 15px; } - -body > .content #siteTable .thing .thumbnail.default, -body > .content #siteTable .thing.over18 .thumbnail { +body > .content #siteTable .thing .thumbnail.default, body > .content #siteTable .thing.over18 .thumbnail { background-image: url(%%spritesheet%%) !important; background-repeat: no-repeat !important; margin: 10px 15px 10px 10px; width: 45px; height: 45px; } - body > .content #siteTable .thing.stickied .entry > .title .title { color: #00a64f; font-weight: 400; } - body > .content #siteTable .thing.over18 .thumbnail { background-position: -286px -5px !important; } - body > .content #siteTable .thing .thumbnail.default { background-position: -47px -77px; background-size: 341px 331px; } @@ -573,7 +558,7 @@ a[href*="#icon-more"] { margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .link .title { - color: #1a1a1a; } + color: #F54E7A; } .link .title:visited { color: #b1b1b1; } .link.thing.visited .title { @@ -581,10 +566,10 @@ a[href*="#icon-more"] { padding: 0 !important; } .link.last-clicked { border: 0; - border-left: 3px solid #0078D7; + border-left: 3px solid #f06292; background: #f0f8ff; } .link .score.likes { - color: #0078D7; } + color: #f06292; } .link .score.dislikes { color: #7f7f7f; } .link .flair { @@ -597,7 +582,7 @@ a[href*="#icon-more"] { color: #fff; width: auto; display: block; - background: #1a1a1a; + background: #F54E7A; border-radius: 0; font-size: small; margin-top: -12px; @@ -607,21 +592,16 @@ a[href*="#icon-more"] { .linklisting .nextprev { font-size: 0; } - .linklisting .stickied { border-left: 3px solid #00a64f; background: rgba(0, 166, 79, 0.1); } - .linklisting .over18 { border-left: 3px solid #e2062c; background: rgba(225, 6, 44, 0.1); } - .linklisting .md { margin-bottom: 0; } - .linklisting .usertext-edit div textarea { margin-left: -10px; } - .linklisting .reported { background: rgba(255, 0, 0, 0.1); border-left: 3px solid #e2062c; } @@ -631,7 +611,7 @@ a[href*="#icon-more"] { .newComments { display: inline; - color: #1a1a1a; } + color: #F54E7A; } .linkinfo .totalvotes { color: #494949 !important; } @@ -672,7 +652,7 @@ body .linklisting { transition: all .2s; } .listing-page .link:hover { - border-left-color: #0078D7; + border-left-color: #f06292; background: #f0f8ff; } .entry .flat-list .report-button a, @@ -685,11 +665,11 @@ body .linklisting { .reddit-infobar.with-icon { margin-left: -4px; } .reddit-infobar.with-icon:before { - background-color: solid #1a1a1a; + background-color: solid #F54E7A; background-repeat: no-repeat; } .c-btn-primary { - background-color: solid #1a1a1a; + background-color: solid #F54E7A; border-bottom: 2px solid #4270a2; color: #fff; border-radius: 0; } @@ -733,7 +713,7 @@ a.author { .panestack-title { margin: 0 330px 0 -5px; padding: 4px 0px; - background: #1a1a1a; + background: #F54E7A; color: #fff; border-bottom: transparent; } .panestack-title .title { @@ -761,12 +741,11 @@ a.author { .tagline .stickied-tagline { color: #00a64f; } - .tagline a:hover { - color: #0078D7 !important; } + color: #f06292 !important; } .gold-accent { - background-color: #1a1a1a; + background-color: #F54E7A; border: none; display: inline-block; color: #fff !important; } @@ -775,13 +754,13 @@ a.author { padding: 10px; margin-right: 310px !important; color: #fff; - background: #1a1a1a; + background: #F54E7A; margin-left: 5px !important; display: none; } .commentarea .infobar { color: #eee; - background: #1a1a1a; + background: #F54E7A; border: none; display: flex; } .commentarea .infobar a { @@ -792,9 +771,7 @@ a.author { .comments-page .sitetable.nestedlisting > .thing.stickied { border-bottom: solid 3px #00a64f; background: rgba(0, 166, 79, 0.1) !important; } - -.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page.linkflair-help .flat-list a.flairselectbtn:after { +.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, .comments-page.linkflair-help .flat-list a.flairselectbtn:after { animation: 1s ease-out 0s normal none infinite running pulsate; animation-duration: 2s; animation-timing-function: ease-out; @@ -804,7 +781,6 @@ a.author { animation-iteration-count: infinite; animation-play-state: running; animation-name: pulsate; } - .comments-page .usertext-edit div textarea { background: url(%%wincore-2%%) 206px -213px no-repeat #FFF !important; border: 1px solid #000 !important; @@ -818,24 +794,22 @@ a.author { background: #FFF !important; opacity: 1; border-color: #0078D6 !important; } - .comments-page .link { border-left: 1px solid #c6c6c6 !important; } .commentarea .menuarea { margin: 5px 310px 5px 5px; } - .commentarea .md { margin-bottom: 0; } .md { overflow: visible; } .md a { - color: #1a1a1a; } + color: #F54E7A; } .md code { white-space: normal; } .md blockquote { - border-left: 2px solid #0078D7; + border-left: 2px solid #f06292; background-color: #efefed; } .usertext.border .usertext-body { @@ -844,15 +818,15 @@ a.author { .wiki-page .pageactions { border-radius: 0; - border: 1px solid #0078D7; } + border: 1px solid #f06292; } .wiki-page .pageactions .wikiaction { margin: 0 !important; border-radius: 0 !important; } .wiki-page .pageactions .wikiaction:hover { - background-color: #0078D7 !important; + background-color: #f06292 !important; color: #fff !important; } .wiki-page .pageactions .wikiaction-current { - background-color: #1a1a1a; } + background-color: #F54E7A; } .wiki-page .wiki-page-content .nextprev a { margin-bottom: 12px; } @@ -861,11 +835,11 @@ ul.tabmenu.formtab { padding-left: 0; } ::selection { - background-color: #0078D7; + background-color: #f06292; color: #fff; } .buttons .comments.empty { - color: #1a1a1a; } + color: #F54E7A; } .leavemoderator, .titlebox form.toggle { @@ -897,7 +871,6 @@ a[href*="#tech"] { .sheets ::-webkit-scrollbar { background-color: #0f0f0f !important; } - .sheets ::-webkit-scrollbar-corner, .sheets ::-webkit-scrollbar-thumb { background: #313131 !important; } @@ -929,9 +902,8 @@ a[href*="#tech"] { .gadget .midcol { margin-right: 9px; } - .gadget .right a { - background: #1a1a1a; + background: #F54E7A; padding: 5px 10px; margin-right: 5px; display: block; @@ -940,7 +912,7 @@ a[href*="#tech"] { transition: background-color .5s; text-transform: capitalize; } .gadget .right a:hover { - background: #0078D7; } + background: #f06292; } span.clear-input-button { color: #fff; } @@ -952,46 +924,51 @@ span.clear-input-button { top: 0 !important; line-height: 26px !important; border: 1px solid grey; - background: #1a1a1a !important; + background: #F54E7A !important; transition: background-color .5s; right: -10px !important; } #newlink-with-image-upload .clear-input-button:hover { - background: #0078D7 !important; } - + background: #f06292 !important; } #newlink-with-image-upload .image-upload-drop-target { padding: 15px !important; } - #newlink-with-image-upload .file-upload-button { - background: #1a1a1a; + background: #F54E7A; border: none; padding: 7px 20px !important; display: block !important; margin: 6px -17px -17px !important; transition: background-color 0.5s; } #newlink-with-image-upload .file-upload-button:hover { - background: #0078D7; } + background: #f06292; } @media (max-width: 880px) { #siteTable_organic { margin-right: -5px; } + #header-bottom-left .tabmenu { width: calc(100% - 50px); padding-left: 50px; } + .side { display: none; } + body .linklisting { margin-right: 0 !important; } + .footer::after { display: none !important; } + .infobar { margin-right: 18px; } + .footer { - border-right: 1px solid #1a1a1a; } + border-right: 1px solid #F54E7A; } + .panestack-title { margin: 0 0px 0 -5px; } + .infobar.newsletterbar { margin: -7px -5px 7px 0px; } } - .side { margin: 0; padding-left: 30px; @@ -999,7 +976,7 @@ span.clear-input-button { .side:after { content: "/r/ClearShift theme"; font-size: large; - color: #1a1a1a; + color: #F54E7A; margin-left: 50px; } .side .md h2 { margin-top: 1.4em; @@ -1091,25 +1068,22 @@ span.clear-input-button { @-webkit-keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - @-moz-keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - @keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - .titlebox h1:after, .sidecontentbox .title:after { display: block; @@ -1132,7 +1106,6 @@ div.side div.tagline { border-radius: 0; font-weight: 400; margin: 0 5px 0 0; } - div.side form.flairtoggle, div.side form.leavecontributor-button { padding: 10px; border: 1px solid #d7ecff; @@ -1144,7 +1117,6 @@ div.side form.flairtoggle, div.side form.leavecontributor-button { border-radius: 0; font-weight: 400; margin: 0 5px 0 0; } - div.side span.subscribers { border: 1px solid #d7ecff; border-left: 5px solid #d7ecff; @@ -1171,38 +1143,32 @@ div.side span.subscribers { content: ""; margin-right: 5px; margin-top: -3px; } - div.side div.tagline { display: block !important; } - div.side form.flairtoggle { display: block; } - div.side div.leavemoderator { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side form.flairtoggle { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side p.users-online { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side div.tagline { padding-top: 0; border-top: none; } .morelink { - border: 1px solid #1a1a1a; - background: #1a1a1a; + border: 1px solid #F54E7A; + background: #F54E7A; width: 145px; margin-right: 5px; transition: all 0.5s; @@ -1214,11 +1180,11 @@ div.side div.tagline { letter-spacing: 0; font-size: 0.9em; } .morelink:hover { - background: #0078D7; - border-color: #0078D7; } + background: #f06292; + border-color: #f06292; } .morelink:hover a { color: #fff; - border-color: #0078D7; } + border-color: #f06292; } .morelink .nub { display: none; } @@ -1258,13 +1224,11 @@ div.side div.tagline { .helplink ~ .content .author[href*=AutoModerator], .helplink ~ .content .author[href*=flair_your_post_bot] { display: none; } - .helplink ~ .content .author:after { content: '- Moderator'; font-size: 0.945em; margin-left: 5px; - color: #1a1a1a; } - + color: #F54E7A; } .helplink ~ .content .flair { display: none; } @@ -1279,17 +1243,15 @@ div.side div.tagline { text-transform: capitalize; } .helplink ~ .content .author .helplink ~ .content .author:hover { - color: #0078D7; } + color: #f06292; } .sidecontentbox .content .linkflairlabel { display: none; } div.titlebox .md h3:hover + ul { display: block; } - div.titlebox .md ul li strong:first-child, div.titlebox .md ul:hover { display: block; } - div.titlebox .md ul li { border: none; margin-right: 5px; } @@ -1309,11 +1271,9 @@ div.titlebox .md ul li { .sidecontentbox .more:hover { background-color: #f0f8ff; border-left-color: #7cb0d9; } - .sidecontentbox .content { border: none; padding: 0; } - .sidecontentbox .more { text-align: center; } .sidecontentbox .more a { @@ -1334,11 +1294,10 @@ div.titlebox .md ul li { div.titlebox .md ul li:hover { background-color: #f0f8ff; border-left-color: #7cb0d9; } - div.titlebox div.styleToggle, div.titlebox span.fancy-toggle-button a.active { padding: 5px 10px; - background-color: #0078D7; + background-color: #f06292; color: #fff; font-size: 8pt; display: block !important; @@ -1347,27 +1306,22 @@ div.titlebox span.fancy-toggle-button a.active { font-weight: 400; margin: 0; border: none; } - div.titlebox div.styleToggle { - background-color: #1a1a1a; + background-color: #F54E7A; line-height: 20px; } div.titlebox div.styleToggle input, div.titlebox div.styleToggle label { vertical-align: middle; margin: 0; } - div.titlebox span.fancy-toggle-button a.active.add:hover, div.titlebox span.fancy-toggle-button a.active.remove { - background-color: #1a1a1a; } - + background-color: #F54E7A; } div.titlebox span.fancy-toggle-button a.active.remove:before { content: ""; padding-right: 5px; } - div.titlebox span.fancy-toggle-button a.active.remove:hover:after { content: "=("; font-style: italic; padding-left: 5px; } - div.titlebox span.fancy-toggle-button a.active.add:before { content: "+"; padding-right: 5px; @@ -1385,7 +1339,7 @@ div.titlebox span.fancy-toggle-button a.active.add:before { margin: 0; padding: 3px 0; } .sidecontentbox .content a.author:hover { - color: #0078D7; } + color: #f06292; } #searchexpando { padding: 10px; @@ -1402,11 +1356,11 @@ div.titlebox span.fancy-toggle-button a.active.add:before { #search input[type=text] { width: 295px !important; - border-color: #1a1a1a; } + border-color: #F54E7A; } .sidecontentbox .title { border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; font-weight: 400; margin-top: 0; @@ -1417,22 +1371,20 @@ div.titlebox .md h3:before { content: "+"; color: #fff; padding-right: 5px; } - div.titlebox .md h2, div.titlebox .md h3, div.titlebox .md h4 { border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; font-weight: 400; cursor: default; margin-top: 0; margin-bottom: 0; margin-left: -10px; } - div.titlebox h1 { border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; font-weight: 400; margin-top: 0; @@ -1473,8 +1425,7 @@ div.titlebox h1 { #RESShortcutsTrash:hover { color: #f0f0f0 !important; } -.titlebox .md h3 + ul:hover, -.titlebox .md h3:hover + ul { +.titlebox .md h3 + ul:hover, .titlebox .md h3:hover + ul { max-height: 600px; } div.titlebox .md h3 + ul { @@ -1487,7 +1438,7 @@ div.titlebox .md h3:hover + ul { transition: .8s max-height ease-out; } div.commentarea .infobar p { - background: #0078D7; + background: #f06292; padding: 10px; margin: -5px -5px -5px 10px; } @@ -1521,7 +1472,7 @@ div.commentarea .infobar p { color: #fff !important; text-transform: none; border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; cursor: pointer; margin-top: 0; @@ -1589,12 +1540,11 @@ div.commentarea .infobar p { text-align: center; display: block; color: #fff; - background: #1a1a1a; + background: #F54E7A; box-sizing: border-box; margin-bottom: 10px; } .sidecontentbox a.helplink:hover { - background: #0078D7; } - + background: #f06292; } .sidecontentbox .title h1, .sidecontentbox a.helplink { color: #fff; } @@ -1608,10 +1558,10 @@ div.commentarea .infobar p { .account-activity-box { display: block !important; - background: #1a1a1a; + background: #F54E7A; margin-right: 5px; } .account-activity-box:hover { - background: #0078D7; } + background: #f06292; } .account-activity-box a { color: #fff; padding: 10px 70px; } @@ -1626,7 +1576,6 @@ div.commentarea .infobar p { #header-bottom-right .separator { display: none; } - #header-bottom-right .user { position: relative; top: 0; @@ -1636,7 +1585,7 @@ div.commentarea .infobar p { font-size: 13px; color: #eaeaea; line-height: 170%; - background: url(%%spritesheet%%) -110px -289px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -110px -289px no-repeat #F54E7A; float: left; border: 2px solid #fff; cursor: pointer; } @@ -1651,24 +1600,21 @@ div.commentarea .infobar p { display: block; line-height: 12px; white-space: nowrap; } - #header-bottom-right .user span a { color: #fff; } - #header-bottom-right #mail { top: 0; top: 0 !important; width: 42px; height: 42px; display: inline-block; } - #header-bottom-right #modmail { position: absolute; margin-left: -267px; top: 3px; padding-left: 26px; padding-top: 5px; - background: url(%%spritesheet%%) -224px -72px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -224px -72px no-repeat #F54E7A; border: 2px solid #fff; } #modmail.havemail { @@ -1677,11 +1623,9 @@ div.commentarea .infobar p { #header #header-bottom-right #modmail:hover, #header #header-bottom-right .choice:hover, #header #header-bottom-right .user:hover { - background-color: #0078D7; } - + background-color: #f06292; } #header #header-bottom-right .logout { display: inline-block; } - #header #header-bottom-right #mail, #header #header-bottom-right .choice, #header #header-bottom-right .logout a { @@ -1693,12 +1637,10 @@ div.commentarea .infobar p { text-indent: 50px; overflow: hidden; transition: background-color 0.5s; } - #header #header-bottom-right #mail.nohavemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #1a1a1a; + background: url(%%spritesheet%%) 0px -114px no-repeat #F54E7A; border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right #mail.havemail { background: url(%%spritesheet%%) 0px -114px no-repeat #ff4500; } @@ -1708,9 +1650,8 @@ div.commentarea .infobar p { #header #header-bottom-right #mail.havemail { border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right .choice { - background: url(%%spritesheet%%) -127px -114px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -127px -114px no-repeat #F54E7A; border-radius: 1px; border: 2px solid #fff; } @@ -1720,7 +1661,7 @@ div.commentarea .infobar p { top: 0; left: -78px; color: transparent !important; - background-color: #1a1a1a; + background-color: #F54E7A; background-image: url(%%spritesheet%%) !important; background-repeat: no-repeat !important; background-size: 341px 331px !important; @@ -1743,13 +1684,11 @@ div.commentarea .infobar p { display: none; } #header #header-bottom-right .logout a { - background: url(%%spritesheet%%) -127px -42px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -127px -42px no-repeat #F54E7A; border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right #mail.havemail, #header #header-bottom-right #mail.nohavemail { border-bottom: none; } - #header #header-bottom-right .choice, #header #header-bottom-right .logout a { border-bottom: none; } @@ -1764,8 +1703,7 @@ div.commentarea .infobar p { #header #header-bottom-right #mail:hover, #header #header-bottom-right .choice:hover, #header #header-bottom-right .user:hover { - background-color: #0078D7; } - + background-color: #f06292; } #header #header-bottom-right .logout a:hover { text-indent: -99999px; color: #fff; @@ -1785,7 +1723,7 @@ div.commentarea .infobar p { overflow: hidden; } .message-count { - background: #0078D7; + background: #f06292; height: 42px; font-size: medium; line-height: 42px !important; @@ -1831,7 +1769,6 @@ div.commentarea .infobar p { animation-iteration-count: infinite; animation-play-state: running; animation-name: pulsate; } - .side .md .-text, .side .md li, .side .md p, @@ -1839,7 +1776,6 @@ div.commentarea .infobar p { .side .md td, .side .md th { list-style: none; } - .side .usertext-body .md ol a { background-color: #57b5ff; display: inline-block; @@ -1851,12 +1787,10 @@ div.commentarea .infobar p { opacity: 0.8; } .side .usertext-body .md ol a:hover { opacity: 1; } - .side .md > ol li a[href$='#special']:after, .side .md > ol li a[href$='#special']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#special'] { border: 2px solid #fefefe; display: inline-block; @@ -1872,12 +1806,11 @@ div.commentarea .infobar p { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; - background-color: #1a1a1a; + background-color: #F54E7A; content: "Event"; color: #fff; } .side .usertext-body .md ol a[href$='#special']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#achieve'] { border: 2px solid #fefefe; display: inline-block; @@ -1891,22 +1824,18 @@ div.commentarea .infobar p { opacity: 0.8; } .side .usertext-body .md ol a[href$='#achieve']:hover { opacity: 1; } - .side .md > ol li a[href$='#sticky']:after, .side .md > ol li a[href$='#sticky']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#achieve']:before, .side .usertext-body .md ol a[href$='#sticky']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#achieve']:before { background-color: #0d9605; content: "Achievement unlocked"; color: #fff; } - .side .usertext-body .md ol a[href$='#sticky'], .side .usertext-body .md ol a[href$='#stickyg'] { font-weight: 400; padding: 5px 5px 5px 0; @@ -1916,45 +1845,36 @@ div.commentarea .infobar p { font-size: 12px; transition: opacity .5s; text-decoration: none; } - .side .usertext-body .md ol a[href$='#sticky'] { background-color: #1686f0; opacity: 0.8; } .side .usertext-body .md ol a[href$='#sticky']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#stickyg']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#sticky']:before { - background-color: #1a1a1a; + background-color: #F54E7A; content: "Sticky"; color: #fff; } - .side .usertext-body .md ol a[href$='#stickyg'] { background-color: #28bc07; opacity: 0.8; } - .side .md > ol li a[href$='#achieve']:after, .side .md > ol li a[href$='#achieve']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .md > ol li a[href$='#update']:after, .side .md > ol li a[href$='#update']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#stickyg']:before, .side .usertext-body .md ol a[href$='#update']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#stickyg']:before { background-color: #0d9605; content: "Sticky"; color: #fff; } - .side .usertext-body .md ol a[href$='#update'] { border: 2px solid #fefefe; background-color: #1686f0; @@ -1967,31 +1887,27 @@ div.commentarea .infobar p { opacity: .8; transition: opacity 0.5s; } .side .usertext-body .md ol a[href$='#update']:before { - background-color: #1a1a1a; + background-color: #F54E7A; content: "Update"; color: #fff; } .side .usertext-body .md ol a[href$='#update']:hover { opacity: 1; } - .side .md del { color: #fff; text-decoration: none; } .md a:hover { - color: #0078D7; } + color: #f06292; } .res-nightmode body, html[lang^=nm] body { background: #1a1a1a !important; } - .res-nightmode #sr-header-area, html[lang^=nm] #sr-header-area { background-color: #0C1722; } - .res-nightmode a, html[lang^=nm] a { color: #f8f8ff; } - .res-nightmode .morelink a, .res-nightmode a[href*="#Donsiders"], .res-nightmode a[href*="#btn"], @@ -1999,12 +1915,10 @@ html[lang^=nm] .morelink a, html[lang^=nm] a[href*="#Donsiders"], html[lang^=nm] a[href*="#btn"] { color: #fff !important; } - .res-nightmode .shortlink input, html[lang^=nm] .shortlink input { background: #393939; color: #ddd; } - .res-nightmode #previoussearch #moresearchinfo, .res-nightmode .roundfield label, .res-nightmode .search-result-body, @@ -2024,20 +1938,17 @@ html[lang^=nm] .md blockquote, html[lang^=nm] .md del, html[lang^=nm] .comments-page .usertext-edit div textarea { color: #eee !important; } - .res-nightmode .md blockquote, html[lang^=nm] .md blockquote { background: rgba(0, 87, 166, 0.24); - border-left: 2px solid #0078D7 !important; + border-left: 2px solid #f06292 !important; color: #888 !important; } - .res-nightmode .md code, html[lang^=nm] .md code { border: none !important; background-color: #393939 !important; border-radius: 0 !important; - border-left: 3px solid #0078D7 !important; } - + border-left: 3px solid #f06292 !important; } .res-nightmode .commentingAs, .res-nightmode .date time, .res-nightmode .linkinfo .score, @@ -2053,7 +1964,6 @@ html[lang^=nm] .side .titlebox > .fancy-toggle-button, html[lang^=nm] .edit-stylesheet.choice:after, html[lang^=nm] .wiki-page .wiki-page-content { color: #ddd !important; } - .res-nightmode .date span, .res-nightmode .date time, html[lang^=nm] .date span, @@ -2061,7 +1971,6 @@ html[lang^=nm] .date time { border-bottom: 1px solid #393939 !important; background: #222 !important; border-top: 1px solid #393939 !important; } - .res-nightmode #header, .res-nightmode #newlink-with-image-upload #new-link-preview, .res-nightmode .account-activity-box, @@ -2077,7 +1986,6 @@ html[lang^=nm] .morelink, html[lang^=nm] .nextprev a, html[lang^=nm] .titlebox h1 { background: #222 !important; } - .res-nightmode #header #header-bottom-right #mail:hover, .res-nightmode #header #header-bottom-right #modmail:hover, .res-nightmode #header #header-bottom-right .choice:hover, @@ -2089,14 +1997,12 @@ html[lang^=nm] #header #header-bottom-right .choice:hover, html[lang^=nm] #header #header-bottom-right .logout:hover, html[lang^=nm] #header #header-bottom-right .user:hover { background-color: #393939 !important; } - .res-nightmode #header #header-bottom-right .logout a, .res-nightmode #header #header-bottom-right .nohavemail#mail, html[lang^=nm] #header #header-bottom-right .logout a, html[lang^=nm] #header #header-bottom-right .nohavemail#mail { background-color: transparent !important; outline: 0 !important; } - .res-nightmode #header-bottom-right #modmail, .res-nightmode #header-bottom-right .choice, .res-nightmode #header-bottom-right .user, @@ -2105,7 +2011,6 @@ html[lang^=nm] #header-bottom-right .choice, html[lang^=nm] #header-bottom-right .user { background-color: transparent !important; outline: 0 !important; } - .res-nightmode #header-bottom-left .tabmenu, .res-nightmode #header-img, .res-nightmode #header-img.default-header, @@ -2113,25 +2018,21 @@ html[lang^=nm] #header-bottom-left .tabmenu, html[lang^=nm] #header-img, html[lang^=nm] #header-img.default-header { background: transparent !important; } - .res-nightmode #header-bottom-left .tabmenu, .res-nightmode .new-comment .usertext-body, html[lang^=nm] #header-bottom-left .tabmenu, html[lang^=nm] .new-comment .usertext-body { background-color: transparent; border: none; } - .res-nightmode .date, html[lang^=nm] .date { color: #ddd !important; } .res-nightmode .date::before, html[lang^=nm] .date::before { color: #ddd !important; } - .res-nightmode .flair, html[lang^=nm] .flair { color: #ddd !important; } - .res-nightmode .footer, html[lang^=nm] .footer { border-right: none !important; @@ -2140,7 +2041,6 @@ html[lang^=nm] .footer { html[lang^=nm] .footer div.col a, html[lang^=nm] .footer::after { color: #ddd !important; } - .res-nightmode div.side div.tagline, .res-nightmode div.side form.flairtoggle, .res-nightmode div.side span.subscribers, @@ -2149,18 +2049,15 @@ html[lang^=nm] div.side form.flairtoggle, html[lang^=nm] div.side span.subscribers { background: #222 !important; color: #ddd !important; } - .res-nightmode div.titlebox .md ul li, html[lang^=nm] div.titlebox .md ul li { background: #222 !important; color: #ddd !important; } - .res-nightmode .sidecontentbox .title, .res-nightmode .sidecontentbox a.helplink, html[lang^=nm] .sidecontentbox .title, html[lang^=nm] .sidecontentbox a.helplink { background: #222 !important; } - .res-nightmode div.titlebox .md h1, .res-nightmode div.titlebox .md h2, .res-nightmode div.titlebox .md h3, @@ -2170,7 +2067,6 @@ html[lang^=nm] div.titlebox .md h2, html[lang^=nm] div.titlebox .md h3, html[lang^=nm] div.titlebox .md h4 { background: #222 !important; } - .res-nightmode #searchexpando, .res-nightmode .icon-menu li, .res-nightmode .totalvotes, @@ -2218,7 +2114,6 @@ html[lang^=nm] div.titlebox .md ul li { html[lang^=nm] div.titlebox .md ul li:hover { background-color: #393939 !important; border-left-color: #7cb0d9 !important; } - .res-nightmode div.side div.leavemoderator, .res-nightmode div.side p.users-online, .res-nightmode div.side span.subscribers, @@ -2238,7 +2133,6 @@ html[lang^=nm] div.side .titlebox > .fancy-toggle-button { border-right: 1px solid #393939 !important; background: #222 !important; border-top: 1px solid #393939 !important; } - .res-nightmode div.side div.tagline, .res-nightmode div.side form.flairtoggle, html[lang^=nm] div.side div.tagline, @@ -2247,7 +2141,6 @@ html[lang^=nm] div.side form.flairtoggle { border-right: 1px solid #393939 !important; border-bottom: none !important; background: #222 !important; } - .res-nightmode .titlebox form.toggle, html[lang^=nm] .titlebox form.toggle { background: #222; @@ -2255,7 +2148,6 @@ html[lang^=nm] .titlebox form.toggle { border-left: 5px solid #393939 !important; border-right: 1px solid #393939 !important; color: #eee; } - .res-nightmode .sitetable .comment .comment, html[lang^=nm] .sitetable .comment .comment { background-color: #393939 !important; } @@ -2280,7 +2172,6 @@ html[lang^=nm] .sitetable .comment .comment { .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #393939 !important; } - .res-nightmode .sitetable .comment, html[lang^=nm] .sitetable .comment { background-color: #222 !important; } @@ -2305,31 +2196,25 @@ html[lang^=nm] .sitetable .comment { .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #222 !important; } - .res-nightmode button, html[lang^=nm] button { border: none; background-color: #222 !important; } - .res-nightmode a[href*="#square"]::before, html[lang^=nm] a[href*="#square"]::before { border: 3px solid #393939; } - .res-nightmode .link, html[lang^=nm] .link { border-bottom: 1px solid #2D2E32 !important; border-right: 1px solid #2D2E32 !important; } - .res-nightmode .listing-page .link:hover, html[lang^=nm] .listing-page .link:hover { background: #393939 !important; border-left-color: #a9a9a9 !important; } - .res-nightmode div.titlebox .md ul li:hover, html[lang^=nm] div.titlebox .md ul li:hover { background-color: #393939 !important; border-left-color: #7cb0d9 !important; } - .res-nightmode div.titlebox .md h1:after, .res-nightmode div.titlebox .md h2:after, .res-nightmode div.titlebox .md h3:after, @@ -2342,7 +2227,6 @@ html[lang^=nm] div.titlebox .md h4:after { position: absolute; z-index: -1; border-color: transparent #393939 transparent transparent !important; } - .res-nightmode div.titlebox h1:after, .res-nightmode div.titlebox .sidecontentbox .title:after, html[lang^=nm] div.titlebox h1:after, @@ -2351,7 +2235,6 @@ html[lang^=nm] div.titlebox .sidecontentbox .title:after { position: absolute; z-index: -1; border-color: transparent #393939 transparent transparent !important; } - .res-nightmode .flairselector, .res-nightmode .comments-page .usertext-edit div textarea, .res-nightmode #eu-cookie-policy .reddit-infobar, @@ -2362,7 +2245,6 @@ html[lang^=nm] #eu-cookie-policy .reddit-infobar, html[lang^=nm] #search input[type=text] { background-color: #222 !important; color: #ddd; } - .res-nightmode #header-bottom-left .tabmenu li.selected a, .res-nightmode .link .usertext-body .md, .res-nightmode .debuginfo, @@ -2386,7 +2268,6 @@ html[lang^=nm] .side .morelink a:hover, html[lang^=nm] button:hover, html[lang^=nm] .account-activity-box:hover { background-color: #393939 !important; } - .res-nightmode .comment .usertext .md p > a:visited, .res-nightmode .md a, .res-nightmode h2 a:visited, @@ -2394,11 +2275,9 @@ html[lang^=nm] .comment .usertext .md p > a:visited, html[lang^=nm] .md a, html[lang^=nm] h2 a:visited { color: #3498db; } - .res-nightmode ::-webkit-scrollbar, html[lang^=nm] ::-webkit-scrollbar { background-color: #393939; } - .res-nightmode ::-webkit-scrollbar-thumb, html[lang^=nm] ::-webkit-scrollbar-thumb { background-color: #666; @@ -2411,67 +2290,52 @@ html[lang^=nm] ::-webkit-scrollbar-thumb { .res-nightmode ::-webkit-scrollbar-thumb:active, html[lang^=nm] ::-webkit-scrollbar-thumb:active { background-color: #bbb; } - .res-nightmode ::-webkit-scrollbar-corner, html[lang^=nm] ::-webkit-scrollbar-corner { color: #555; } - .res-nightmode textarea, html[lang^=nm] textarea { color: #000 !important; } - .res-nightmode .content, html[lang^=nm] .content { margin-bottom: 0; margin-top: 0; } - .res-nightmode input[type=button], .res-nightmode input[type=reset], .res-nightmode input[type=submit], html[lang^=nm] input[type=button], html[lang^=nm] input[type=reset], html[lang^=nm] input[type=submit] { border: none; } - .res-nightmode .side .spacer .titlebox .redditname, html[lang^=nm] .side .spacer .titlebox .redditname { - border-left-color: #0078D7; } - + border-left-color: #f06292; } .res-nightmode .gold-accent, html[lang^=nm] .gold-accent { - background: #1a1a1a; } - -.res-nightmode .thing .title:visited, -.res-nightmode .thing.visited .title, + background: #F54E7A; } +.res-nightmode .thing .title:visited, .res-nightmode .thing.visited .title, html[lang^=nm] .thing .title:visited, html[lang^=nm] .thing.visited .title { color: #808c94; } - .res-nightmode .thing .title, html[lang^=nm] .thing .title { color: #B5C4D0; } - .res-nightmode .content.submit .info-notice, .res-nightmode .submit-page .roundfield, html[lang^=nm] .content.submit .info-notice, html[lang^=nm] .submit-page .roundfield { background-color: #222; color: #eee; } - .res-nightmode #header #header-bottom-right #mail.havemail, html[lang^=nm] #header #header-bottom-right #mail.havemail { outline: 0; } - .res-nightmode .formtabs-content .infobar, html[lang^=nm] .formtabs-content .infobar { border-color: transparent !important; } - .res-nightmode .infobar, html[lang^=nm] .infobar { border-color: #ff4500 !important; } - .res-nightmode span.score, html[lang^=nm] span.score { color: #888 !important; } - .res-nightmode .comment.spam > .child, .res-nightmode .message.spam > .child, .res-nightmode .usertext.grayed .usertext-body, @@ -2479,16 +2343,13 @@ html[lang^=nm] .comment.spam > .child, html[lang^=nm] .message.spam > .child, html[lang^=nm] .usertext.grayed .usertext-body { background-color: transparent; } - .res-nightmode div.commentarea .infobar, html[lang^=nm] div.commentarea .infobar { color: #eee; border: none; } - .res-nightmode .comment, html[lang^=nm] .comment { border: 1px solid #43474F; } - .res-nightmode a[href*='#icon-day'], html[lang^=nm] a[href*='#icon-day'] { display: inline-block !important; } @@ -2501,158 +2362,123 @@ html[lang^=nm] a[href*='#icon-day'] { content: ''; margin: 0 7px -4px 0; background: url(%%spritesheet%%) -85px -294px; } - .res-nightmode a[href*='#icon-night'], html[lang^=nm] a[href*='#icon-night'] { display: none; } - .res-nightmode a[href*="#icon-chat"]::before, html[lang^=nm] a[href*="#icon-chat"]::before { background-image: url(%%wincore-2%%); background-position: -5px -405px; } - .res-nightmode a[href*="#icon-feedback"]::before, html[lang^=nm] a[href*="#icon-feedback"]::before { background-position: -47px -149px; } - .res-nightmode a[href*="#icon-feedback2"]::before, html[lang^=nm] a[href*="#icon-feedback2"]::before { background-position: -5px -375px; } - .res-nightmode a[href*="#iconz-tips"]::before, html[lang^=nm] a[href*="#iconz-tips"]::before { background-position: -234px -47px; } - .res-nightmode a[href*="#iconz-updates"]::before, html[lang^=nm] a[href*="#iconz-updates"]::before { background-position: -259px -119px; } - .res-nightmode a[href*="#iconz-faq"]::before, html[lang^=nm] a[href*="#iconz-faq"]::before { background-position: -174px -47px; } - .res-nightmode a[href*="#iconz-install"]::before, html[lang^=nm] a[href*="#iconz-install"]::before { background-position: -259px -119px; } - .res-nightmode a[href*="#iconz-wiki"]::before, html[lang^=nm] a[href*="#iconz-wiki"]::before { background-position: -204px -149px; } - .res-nightmode #siteTable .thing, .res-nightmode .link.promotedlink, html[lang^=nm] #siteTable .thing, html[lang^=nm] .link.promotedlink { background: #202020; } - .res-nightmode .organic-listing, html[lang^=nm] .organic-listing { background: none !important; } - .res-nightmode body > .content #siteTable .thing.self .thumbnail, html[lang^=nm] body > .content #siteTable .thing.self .thumbnail { background-position: -77px -5px; } - .res-nightmode body > .content #siteTable .thing .thumbnail.default, html[lang^=nm] body > .content #siteTable .thing .thumbnail.default { background-position: -174px -77px; } - .res-nightmode div.side span.subscribers span.number:before, html[lang^=nm] div.side span.subscribers span.number:before { background-position: -162px -5px; } - .res-nightmode .expando-button.selftext.collapsed, html[lang^=nm] .expando-button.selftext.collapsed { background-position: -5px -242px; } .res-nightmode .expando-button.selftext.collapsed:hover, html[lang^=nm] .expando-button.selftext.collapsed:hover { background-position: -225px -204px; } - .res-nightmode .expando-button.selftext.expanded, html[lang^=nm] .expando-button.selftext.expanded { background-position: -65px -204px; } .res-nightmode .expando-button.selftext.expanded:hover, html[lang^=nm] .expando-button.selftext.expanded:hover { background-position: -105px -204px; } - .res-nightmode .expando-button.video.collapsed, html[lang^=nm] .expando-button.video.collapsed { background-position: -85px -242px; } .res-nightmode .expando-button.video.collapsed:hover, html[lang^=nm] .expando-button.video.collapsed:hover { background-position: -45px -242px; } - .res-nightmode .expando-button.video.expanded, html[lang^=nm] .expando-button.video.expanded { background-position: -65px -204px; } .res-nightmode .expando-button.video.expanded:hover, html[lang^=nm] .expando-button.video.expanded:hover { background-position: -105px -204px; } - .res-nightmode .date:after, html[lang^=nm] .date:after { border-color: transparent #393939 transparent transparent !important; } - .res-nightmode .date span, html[lang^=nm] .date span { border-left: 5px solid #393939 !important; color: #ddd; border-right-color: #393939; } - .res-nightmode .date time, html[lang^=nm] .date time { border-right: 1px solid #393939 !important; } - .res-nightmode .link.last-clicked, html[lang^=nm] .link.last-clicked { background: #393939 !important; } - .res-nightmode .comments-page .link, html[lang^=nm] .comments-page .link { border-left: 3px solid transparent; } .res-nightmode .res .RES-keyNav-activeElement { background-color: #292929 !important; } - -.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, -.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { +.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, .res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { background-color: #292929 !important; } - .res-nightmode .RES-keyNav-activeElement { background-color: #292929 !important; } .res-nightmode .RES-keyNav-activeElement .md-container { background-color: #292929 !important; } - .res-nightmode .arrow.upmod { background-position: -296px -60px !important; } - .res-nightmode .arrow.down { background-position: -321px -60px !important; } - .res-nightmode .arrow.up { background-position: -289px -194px !important; } - .res-nightmode .arrow.downmod { background-position: -271px -60px !important; } - .res-nightmode .side .titlebox > .fancy-toggle-button { background: #222 !important; color: #ddd !important; } -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { +.res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { background-color: transparent !important; } .res #sr-header-area #srDropdownContainer a:hover { opacity: 1; } - .res .comment .midcol { margin-left: 20px; } - .res .comment .new-comment { border: 2px solid #FFAB91 !important; border-radius: 0px !important; } - .res #sr-header-area #srDropdownContainer a { width: 35px; height: 23px; @@ -2662,19 +2488,16 @@ html[lang^=nm] .comments-page .link { background: url(%%spritesheet%%) -225px -252px no-repeat; line-height: 35px; text-indent: -999em; } - .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .noncollapsed .RES-keyNav-activeElement.entry { background-color: 0 0 !important; } - .res .RESDashboardToggle, .res .RESshortcutside { background: 0 0; border: none; font-weight: 400; text-transform: uppercase; } - .res .sitetable .sitetable { margin-right: 0; } @@ -2703,11 +2526,11 @@ html[lang^=nm] .comments-page .link { line-height: 25px; } .footer { - border-bottom: 1px solid #1a1a1a; + border-bottom: 1px solid #F54E7A; padding: 0; - border-left: 1px solid #1a1a1a; } + border-left: 1px solid #F54E7A; } .footer::after { - border-bottom: 1px solid #1a1a1a; + border-bottom: 1px solid #F54E7A; display: block; margin-top: 0; padding: 10px; @@ -2716,8 +2539,8 @@ html[lang^=nm] .comments-page .link { content: "Designed by /u/Jaskys"; font-size: 16px; font-family: "Segoe UI", Helvetica, sans-serif; - border-top: 34px solid #1a1a1a; - border-right: 1px solid #1a1a1a; + border-top: 34px solid #F54E7A; + border-right: 1px solid #F54E7A; margin-bottom: -1.1px; width: 90px; } .footer div.col { @@ -2732,7 +2555,7 @@ html[lang^=nm] .comments-page .link { text-transform: capitalize; padding: 8px; color: #fff; - background: #1a1a1a; + background: #F54E7A; max-height: 18px; } .footer div.col a { display: block; @@ -2831,7 +2654,6 @@ html[lang^=nm] .comments-page .link { .author[href$=Adam-MSFT], .author[href$=Dave_MSFT], .author[href$=DrPreppy], .author[href$=EKILBO], .author[href$=Giffdev], .author[href$=James-MSFT], .author[href$=KritiMSFT], .author[href$=MailmanOdd], .author[href$=MasterDevwi], .author[href$=MsftHealthWill], .author[href$=NorthFaceHiker], .author[href$=Psychlist1972], .author[href$=Sawan-Msft], .author[href$=Sawan-MSFT], .author[href$=StephA_MSFT], .author[href$=Zev_MSFT], .author[href$=adam_msft], .author[href$=anaotero-MSFT], .author[href$=anbutle], .author[href$=anthonykinseymsft], .author[href$=bbyboi], .author[href$=bitcrazed], .author[href$=bloodytemplar], .author[href$=devbent], .author[href$=donaMSFT], .author[href$=jenmsft], .author[href$=Sean_MSFT], .author[href$=jeremy_msft], .author[href$=johnwinkmsft], .author[href$=josh_msft], .author[href$=kylealden], .author[href$=maheshrd], .author[href$=mike_msft], .author[href$=msftbanddev], .author[href$=msftbilly], .author[href$=mvaneerde], .author[href$=ooeygui], .author[href$=samersaw], .author[href$=sjarawan], .author[href$=stefohneee], .author[href$=toma_msft], .author[href$=vpmsft], .author[href$=xander-msft], .author[href$=zac_l], .author[href$=craigbarkhouse], .author[href$=elvenharps], .author[href$=nerdile], .author[href$=einarmsft], .author[href$=yosefdurr], .author[href$=Travis_MSFT], .author[href$=caithartMSFT], .author[href$=ClayMSFT] { color: #0078D7; font-weight: 700; } - .author[href$=ildun], .author[href$=Katsuga50] { color: #e67e22; font-weight: 700; } @@ -2934,64 +2756,44 @@ html:lang(nh) .linkflair-help { padding: 3px 10px; color: #fff; margin: 3px; } - .side a[href*='#official'] { background: #2086bf; } - .side a[href*='#news'] { background: #F2385A; } - .side a[href*='#help'] { background: #FF6138; } - .side a[href*='#solved'] { background: #008a00; } - .side a[href*='#unresolved'] { background: #FF7D4D; } - .side a[href*='#bug'] { background: #ce352c; } - .side a[href*='#update'] { background: #81003c; } - .side a[href*='#feature'] { background: #00aba9; } - .side a[href*='#discussion'] { background: #bf5a15; } - .side a[href*='#hardware'] { background: #f0a30a; } - .side a[href*='#tip'] { background: #468966; } - .side a[href*='#meta'] { background: #4390df; } - .side a[href*='#gaming'] { background: #76608a; } - .side a[href*='#app'] { background: #bf5a15; } - .side a[href*='#original%20content'] { background: #0B9C67; } - .side a[href*='#concept'] { background: #14B6F5; } - .side a[href*='#request'] { background: #00aba9; } - .side a[href*='#question'] { background: #008a00; } - .side a[href*='#hideflair'], .side a[href*='#hidehelp'] { background: #E42608; } - .side a[href*='#update']:hover, .side a[href*='#official']:hover, .side a[href*='#news']:hover, .side a[href*='#help']:hover, .side a[href*='#solved']:hover, .side a[href*='#unresolved']:hover, .side a[href*='#bug']:hover, .side a[href*='#feature']:hover, .side a[href*='#discussion']:hover, .side a[href*='#hardware']:hover, .side a[href*='#tip']:hover, .side a[href*='#meta']:hover, .side a[href*='#gaming']:hover, .side a[href*='#app']:hover, .side a[href*='#original%20content']:hover, .side a[href*='#concept']:hover, .side a[href*='#request']:hover, .side a[href*='#question']:hover, .side a[href='']:hover { opacity: 0.8; } @@ -3042,83 +2844,65 @@ a[href*="#icon-day"] { a[href*='#square-app']::before { background: -187px -5px #bf5a15; border: 3px solid #e8e8e8; } - a[href*='#square-tip']::before { background: -187px -5px #555; border: 3px solid #e8e8e8; } - a[href*='#square-meta']::before { background: -187px -5px #4390df; border: 3px solid #e8e8e8; } - a[href*='#square-original']::before { background: -187px -5px #76608a; border: 3px solid #e8e8e8; } - a[href*='#square-concept']::before { background: -187px -5px #14B6F5; border: 3px solid #e8e8e8; } - a[href*='#square-solved']::before { background: -187px -5px #008a00; border: 3px solid #e8e8e8; } - a[href*='#square-hflairs']::before { - background: -187px -5px #1a1a1a; + background: -187px -5px #F54E7A; border: 3px solid #e8e8e8; border-radius: 50%; } - a[href*='#square-hhelp']::before { - background: -187px -5px #0078D7; + background: -187px -5px #f06292; border: 3px solid #e8e8e8; border-radius: 50%; } - a[href*='#square'] + .keyNavAnnotation { display: none; } - a[href*='#square-feature']::before, a[href*='#square-request']::before, a[href*='#square-bug']::before, a[href*='#square-official']::before, a[href*='#square-news']::before, a[href*='#square-help']::before, a[href*='#square-update']::before, a[href*='#square-discussion']::before, a[href*='#square-hardware']::before, a[href*='#square-app']::before, a[href*='#square-tip']::before, a[href*='#square-meta']::before, a[href*='#square-original']::before, a[href*='#square-concept']::before, a[href*='#square-solved']::before, a[href*='#square-hflairs']::before, a[href*='#square-hhelp']::before, a[href*='#square-gaming']::before { display: inline-block; height: 10px; width: 10px; content: ''; margin: 0 5px -4px 0; } - a[href*='#square-']:hover::before { text-decoration: none; - background: #0078D7; + background: #f06292; border-color: #80c2ff; left: 4px; top: 8px; transition: all 0.15s ease; } - a[href*='#square-bug']::before { background: -187px -5px #ce352c; border: 3px solid #e8e8e8; } - a[href*='#square-official']::before { background: -187px -5px #2086bf; border: 3px solid #e8e8e8; } - a[href*='#square-news']::before { background: -187px -5px #F2385A; border: 3px solid #e8e8e8; } - a[href*='#square-help']::before { background: -187px -5px #FF6138; border: 3px solid #e8e8e8; } - a[href*='#square-update']::before { background: -187px -5px #81003c; border: 3px solid #e8e8e8; } - a[href*='#square-discussion']::before { background: -187px -5px #ff9e00; border: 3px solid #e8e8e8; } - a[href*='#square-hardware']::before { background: -187px -5px #f0a30a; border: 3px solid #e8e8e8; } - a[href*='#square-gaming']::before { background: -187px -5px #107c10; border: 3px solid #e8e8e8; } @@ -3176,22 +2960,19 @@ a[href*="#Donsiders"], a[href*="#btn"] { transition: all 0.5s; border-radius: 1px; } a[href*="#Donsiders"]:hover, a[href*="#btn"]:hover { - background: #0078D7; + background: #f06292; -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } - a[href*="#Donsiders"] { background: #009e7e; } a[href*="#Donsiders"]:hover { - background: #0078D7; } - + background: #f06292; } a[href*="#btn"] { background: #0057a6; } - a[href*="#square-showflairs"] { float: right; } a[href*="#square-showflairs"]::before { @@ -3199,39 +2980,34 @@ a[href*="#square-showflairs"] { height: 10px; width: 10px; content: ""; - background: -187px -5px #1a1a1a; + background: -187px -5px #F54E7A; border: 3px solid #e8e8e8; border-radius: 50%; margin-left: 5px; } - a[href*="#square-hflairs"]::after { content: "or"; margin-left: 50px; } - a[href*="#square-hflairs"]:hover::after { - color: #1a1a1a; } + color: #F54E7A; } .side .md [href$="#butt"] { display: inline-block !important; font-size: 8pt; - border: 2px solid #1a1a1a; + border: 2px solid #F54E7A; padding: 9px 8px; transition: background-color .5s; text-align: center; - color: #1a1a1a; } + color: #F54E7A; } .side .md [href$="#butt"]:hover { - background: #1a1a1a; + background: #F54E7A; color: #fff; } - .side .md > p:first-of-type { display: none; } -.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { +.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, .comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { content: "- flair your thread as solved once your problem is resolved"; margin-left: 6px; color: #008a00; } - .comments-page .link.linkflair-help .flat-list a.flairselectbtn { color: #0078D7 !important; } @@ -3247,53 +3023,39 @@ a[href*='#icon-chat']::before, a[href*='#icon-feedback']::before, a[href*='#icon width: 20px; content: ''; margin: 0 7px -4px 0; } - a[href*='#icon']:hover { text-decoration: none; } - a[href*='#icon-chat']::before { background: url(%%spritesheet%%) -5px -204px; } - a[href*='#icon-feedback']::before { background: url(%%spritesheet%%) -35px -204px; } - a[href*='#icon-night']::before { background: url(%%spritesheet%%) -125px -242px; } - a[href*='#icon-feedback2']::before { background: url(%%wincore-2%%) -5px -345px; } - a[href*="#icon-more"] { text-align: center; display: block; - color: #0078D7; + color: #f06292; font-size: 16px; } - a[href*='#iconz'] + .keyNavAnnotation { display: none; } - a[href*='#iconz-tips']::before, a[href*='#iconz-updates']::before, a[href*='#iconz-faq']::before, a[href*='#iconz-install']::before, a[href*='#iconz-wiki']::before { display: inline-block; height: 20px; width: 20px; content: ''; margin: 0 7px -4px 0; } - a[href*='#iconz']:hover { text-decoration: none; } - a[href*='#iconz-tips']::before { background: url(%%spritesheet%%) -204px -47px; } - a[href*='#iconz-faq']::before { background: url(%%spritesheet%%) -47px -47px; } - a[href*='#iconz-updates']::before { background: url(%%spritesheet%%) -102px -77px; } - a[href*='#iconz-install']::before { background: url(%%spritesheet%%) -229px -119px; } - a[href*='#iconz-wiki']::before { background: url(%%spritesheet%%) -174px -149px; } diff --git a/css/r-windowsmobile.css b/css/r-windowsmobile.css index 08ff830..b3eba4a 100644 --- a/css/r-windowsmobile.css +++ b/css/r-windowsmobile.css @@ -3,15 +3,15 @@ Designed by /u/Jaskys /r/ClearShift theme base Contributors: /u/supersmilers, /u/mtvee, /u/BatDogOnBatMobile, /u/MrLawbreaker Icons provided by www.icons8.com under "Creative Commons Attribution-NoDerivs 3.0 Unported" license -Main color: #1a1a1a -Secondary: #0078D7 +Main color: #F54E7A +Secondary: #f06292 Christmas Main color: #BF0426 Secondary: #7A0218 */ #header { height: 165px; - background: #1a1a1a; + background: #F54E7A; border-bottom: none; } #header #header-bottom-right #mail.havemail, #header #modmail.havemail { @@ -59,7 +59,7 @@ Secondary: #7A0218 background: rgba(0, 0, 0, 0.1); border-bottom: 3px solid #fff !important; } #header-bottom-left .tabmenu li.selected a { - background-color: #0078D7; + background-color: #f06292; border: 0; color: #fff; padding-top: 7px; @@ -184,11 +184,9 @@ button.save, button.submit-action-thing, button.submit-report { border: 1px solid #5cb85c; color: #5cb85c; padding: 0.25rem 0.75rem; } - button.save:hover, button.submit-action-thing:hover, button.submit-report:hover { background: #5cb85c; color: #fff; } - button.cancel, button.cancel-action-thing, button.cancel-report-thing { border: 1px solid #d9534f; background: 0 0; @@ -197,7 +195,6 @@ button.cancel, button.cancel-action-thing, button.cancel-report-thing { text-transform: capitalize; font-family: "Segoe UI", Helvetica, sans-serif; transition: background-color 0.5s; } - button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cancel:hover { background: #d9534f; color: #fff; } @@ -207,11 +204,11 @@ button.cancel-action-thing:hover, button.cancel-report-thing:hover, button.cance padding: 0 4px; background: 0 0; border: none; - color: #0078D7; + color: #f06292; text-align: center; } .next-suggestions a:hover, .nextprev a:hover { - background: #0078D7; + background: #f06292; border: none; color: #fff; outline: 0; } @@ -246,7 +243,7 @@ button:active, bottom: 0; padding: 4px; } .comment .expand:hover { - background: #0078D7; + background: #f06292; color: #fff !important; text-decoration: none; } .comment.collapsed .tagline { @@ -268,12 +265,11 @@ button:active, .tagline .score { font-weight: 700; } - .tagline .likes { - color: #1a1a1a; } + color: #F54E7A; } .entry .flat-list .reply-button a { - color: #1a1a1a; } + color: #F54E7A; } .link .domain { visibility: hidden; } @@ -304,13 +300,13 @@ button:active, border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .flairselector { - border: 1px solid #1a1a1a !important; } + border: 1px solid #F54E7A !important; } .flairselector .title { font-size: 0 !important; } .flairselector h2 { color: #fff; font-size: 13px; - background: #1a1a1a !important; + background: #F54E7A !important; padding-top: 6px; font-weight: lighter !important; text-transform: capitalize; @@ -318,7 +314,7 @@ button:active, .flairselector li:hover { background-color: transparent; } .flairselector form { - border-top: solid 1px #1a1a1a; + border-top: solid 1px #F54E7A; margin-bottom: 10px; } .flairselector.drop-choices.active { padding: 0 !important; @@ -341,7 +337,7 @@ button:active, padding: 3px; } .comments-page .link .flat-list a.flairselectbtn { - color: #1a1a1a !important; } + color: #F54E7A !important; } .nextprev a, .side .usertext-body .md ol a { @@ -356,7 +352,6 @@ button:active, .submit-page .roundfield span.title { color: #4d5763; text-transform: capitalize; } - .submit-page .submit.content#newlink .tabmenu.formtab a { padding: 16px; display: inline-block; @@ -371,14 +366,12 @@ button:active, width: 247.5px; } .submit-page .submit.content#newlink .tabmenu.formtab a:hover { background-color: #e7e9f6; } - .submit-page .submit.content#newlink .tabmenu.formtab .selected a { font-size: 16px; - background-color: #1a1a1a; + background-color: #F54E7A; color: #fff; } .submit-page .submit.content#newlink .tabmenu.formtab .selected a:hover { - background-color: #0078D7; } - + background-color: #f06292; } .submit-page #newlink.submit.content .btn { width: 558px; height: auto; @@ -418,7 +411,6 @@ form .spacer + .spacer { 100% { -webkit-transform: translateY(0); opacity: 1; } } - @keyframes expandy { 0% { transform: translateY(-100px); @@ -428,7 +420,6 @@ form .spacer + .spacer { 100% { transform: translateY(0); opacity: 1; } } - .expando-button { cursor: pointer; float: left; @@ -519,11 +510,11 @@ form .spacer + .spacer { padding: 0; vertical-align: top !important; width: 30px !important; } + body > .content #siteTable .thing.self .thumbnail { background-image: url(%%spritesheet%%); background-position: -289px -139px; background-size: 341px 331px; } } - .link .usertext-body .md { border-radius: 0 !important; border: 1px solid #7cb0d9; @@ -536,28 +527,22 @@ body > .content #siteTable .thing.self .thumbnail { margin: 10px 15px 10px 10px; background-repeat: no-repeat !important; background-position: -289px -139px; } - body > .content #siteTable .thing.stickied .thumbnail { background-image: url(%%spritesheet%%); background-repeat: no-repeat !important; background-position: -289px -84px; margin-right: 15px; } - -body > .content #siteTable .thing .thumbnail.default, -body > .content #siteTable .thing.over18 .thumbnail { +body > .content #siteTable .thing .thumbnail.default, body > .content #siteTable .thing.over18 .thumbnail { background-image: url(%%spritesheet%%) !important; background-repeat: no-repeat !important; margin: 10px 15px 10px 10px; width: 45px; height: 45px; } - body > .content #siteTable .thing.stickied .entry > .title .title { color: #00a64f; font-weight: 400; } - body > .content #siteTable .thing.over18 .thumbnail { background-position: -286px -5px !important; } - body > .content #siteTable .thing .thumbnail.default { background-position: -47px -77px; background-size: 341px 331px; } @@ -573,7 +558,7 @@ a[href*="#icon-more"] { margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .link .title { - color: #1a1a1a; } + color: #F54E7A; } .link .title:visited { color: #b1b1b1; } .link.thing.visited .title { @@ -581,10 +566,10 @@ a[href*="#icon-more"] { padding: 0 !important; } .link.last-clicked { border: 0; - border-left: 3px solid #0078D7; + border-left: 3px solid #f06292; background: #f0f8ff; } .link .score.likes { - color: #0078D7; } + color: #f06292; } .link .score.dislikes { color: #7f7f7f; } .link .flair { @@ -597,7 +582,7 @@ a[href*="#icon-more"] { color: #fff; width: auto; display: block; - background: #1a1a1a; + background: #F54E7A; border-radius: 0; font-size: small; margin-top: -12px; @@ -607,21 +592,16 @@ a[href*="#icon-more"] { .linklisting .nextprev { font-size: 0; } - .linklisting .stickied { border-left: 3px solid #00a64f; background: rgba(0, 166, 79, 0.1); } - .linklisting .over18 { border-left: 3px solid #e2062c; background: rgba(225, 6, 44, 0.1); } - .linklisting .md { margin-bottom: 0; } - .linklisting .usertext-edit div textarea { margin-left: -10px; } - .linklisting .reported { background: rgba(255, 0, 0, 0.1); border-left: 3px solid #e2062c; } @@ -631,7 +611,7 @@ a[href*="#icon-more"] { .newComments { display: inline; - color: #1a1a1a; } + color: #F54E7A; } .linkinfo .totalvotes { color: #494949 !important; } @@ -672,7 +652,7 @@ body .linklisting { transition: all .2s; } .listing-page .link:hover { - border-left-color: #0078D7; + border-left-color: #f06292; background: #f0f8ff; } .entry .flat-list .report-button a, @@ -685,11 +665,11 @@ body .linklisting { .reddit-infobar.with-icon { margin-left: -4px; } .reddit-infobar.with-icon:before { - background-color: solid #1a1a1a; + background-color: solid #F54E7A; background-repeat: no-repeat; } .c-btn-primary { - background-color: solid #1a1a1a; + background-color: solid #F54E7A; border-bottom: 2px solid #4270a2; color: #fff; border-radius: 0; } @@ -733,7 +713,7 @@ a.author { .panestack-title { margin: 0 330px 0 -5px; padding: 4px 0px; - background: #1a1a1a; + background: #F54E7A; color: #fff; border-bottom: transparent; } .panestack-title .title { @@ -761,12 +741,11 @@ a.author { .tagline .stickied-tagline { color: #00a64f; } - .tagline a:hover { - color: #0078D7 !important; } + color: #f06292 !important; } .gold-accent { - background-color: #1a1a1a; + background-color: #F54E7A; border: none; display: inline-block; color: #fff !important; } @@ -775,13 +754,13 @@ a.author { padding: 10px; margin-right: 310px !important; color: #fff; - background: #1a1a1a; + background: #F54E7A; margin-left: 5px !important; display: none; } .commentarea .infobar { color: #eee; - background: #1a1a1a; + background: #F54E7A; border: none; display: flex; } .commentarea .infobar a { @@ -792,9 +771,7 @@ a.author { .comments-page .sitetable.nestedlisting > .thing.stickied { border-bottom: solid 3px #00a64f; background: rgba(0, 166, 79, 0.1) !important; } - -.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page.linkflair-help .flat-list a.flairselectbtn:after { +.comments-page.linkflair-bug .flat-list a.flairselectbtn:after, .comments-page.linkflair-help .flat-list a.flairselectbtn:after { animation: 1s ease-out 0s normal none infinite running pulsate; animation-duration: 2s; animation-timing-function: ease-out; @@ -804,7 +781,6 @@ a.author { animation-iteration-count: infinite; animation-play-state: running; animation-name: pulsate; } - .comments-page .usertext-edit div textarea { background: url(%%wincore-2%%) 206px -213px no-repeat #FFF !important; border: 1px solid #000 !important; @@ -818,24 +794,22 @@ a.author { background: #FFF !important; opacity: 1; border-color: #0078D6 !important; } - .comments-page .link { border-left: 1px solid #c6c6c6 !important; } .commentarea .menuarea { margin: 5px 310px 5px 5px; } - .commentarea .md { margin-bottom: 0; } .md { overflow: visible; } .md a { - color: #1a1a1a; } + color: #F54E7A; } .md code { white-space: normal; } .md blockquote { - border-left: 2px solid #0078D7; + border-left: 2px solid #f06292; background-color: #efefed; } .usertext.border .usertext-body { @@ -844,15 +818,15 @@ a.author { .wiki-page .pageactions { border-radius: 0; - border: 1px solid #0078D7; } + border: 1px solid #f06292; } .wiki-page .pageactions .wikiaction { margin: 0 !important; border-radius: 0 !important; } .wiki-page .pageactions .wikiaction:hover { - background-color: #0078D7 !important; + background-color: #f06292 !important; color: #fff !important; } .wiki-page .pageactions .wikiaction-current { - background-color: #1a1a1a; } + background-color: #F54E7A; } .wiki-page .wiki-page-content .nextprev a { margin-bottom: 12px; } @@ -861,11 +835,11 @@ ul.tabmenu.formtab { padding-left: 0; } ::selection { - background-color: #0078D7; + background-color: #f06292; color: #fff; } .buttons .comments.empty { - color: #1a1a1a; } + color: #F54E7A; } .leavemoderator, .titlebox form.toggle { @@ -897,7 +871,6 @@ a[href*="#tech"] { .sheets ::-webkit-scrollbar { background-color: #0f0f0f !important; } - .sheets ::-webkit-scrollbar-corner, .sheets ::-webkit-scrollbar-thumb { background: #313131 !important; } @@ -929,9 +902,8 @@ a[href*="#tech"] { .gadget .midcol { margin-right: 9px; } - .gadget .right a { - background: #1a1a1a; + background: #F54E7A; padding: 5px 10px; margin-right: 5px; display: block; @@ -940,7 +912,7 @@ a[href*="#tech"] { transition: background-color .5s; text-transform: capitalize; } .gadget .right a:hover { - background: #0078D7; } + background: #f06292; } span.clear-input-button { color: #fff; } @@ -952,46 +924,51 @@ span.clear-input-button { top: 0 !important; line-height: 26px !important; border: 1px solid grey; - background: #1a1a1a !important; + background: #F54E7A !important; transition: background-color .5s; right: -10px !important; } #newlink-with-image-upload .clear-input-button:hover { - background: #0078D7 !important; } - + background: #f06292 !important; } #newlink-with-image-upload .image-upload-drop-target { padding: 15px !important; } - #newlink-with-image-upload .file-upload-button { - background: #1a1a1a; + background: #F54E7A; border: none; padding: 7px 20px !important; display: block !important; margin: 6px -17px -17px !important; transition: background-color 0.5s; } #newlink-with-image-upload .file-upload-button:hover { - background: #0078D7; } + background: #f06292; } @media (max-width: 880px) { #siteTable_organic { margin-right: -5px; } + #header-bottom-left .tabmenu { width: calc(100% - 50px); padding-left: 50px; } + .side { display: none; } + body .linklisting { margin-right: 0 !important; } + .footer::after { display: none !important; } + .infobar { margin-right: 18px; } + .footer { - border-right: 1px solid #1a1a1a; } + border-right: 1px solid #F54E7A; } + .panestack-title { margin: 0 0px 0 -5px; } + .infobar.newsletterbar { margin: -7px -5px 7px 0px; } } - .side { margin: 0; padding-left: 30px; @@ -999,7 +976,7 @@ span.clear-input-button { .side:after { content: "/r/ClearShift theme"; font-size: large; - color: #1a1a1a; + color: #F54E7A; margin-left: 50px; } .side .md h2 { margin-top: 1.4em; @@ -1091,25 +1068,22 @@ span.clear-input-button { @-webkit-keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - @-moz-keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - @keyframes pulsate { 0%, - 100% { + 100% { opacity: 0.7; } 50% { opacity: 1; } } - .titlebox h1:after, .sidecontentbox .title:after { display: block; @@ -1132,7 +1106,6 @@ div.side div.tagline { border-radius: 0; font-weight: 400; margin: 0 5px 0 0; } - div.side form.flairtoggle, div.side form.leavecontributor-button { padding: 10px; border: 1px solid #d7ecff; @@ -1144,7 +1117,6 @@ div.side form.flairtoggle, div.side form.leavecontributor-button { border-radius: 0; font-weight: 400; margin: 0 5px 0 0; } - div.side span.subscribers { border: 1px solid #d7ecff; border-left: 5px solid #d7ecff; @@ -1171,38 +1143,32 @@ div.side span.subscribers { content: ""; margin-right: 5px; margin-top: -3px; } - div.side div.tagline { display: block !important; } - div.side form.flairtoggle { display: block; } - div.side div.leavemoderator { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side form.flairtoggle { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side p.users-online { padding-top: 5px; padding-bottom: 5px; border-top: none; border-bottom: none; } - div.side div.tagline { padding-top: 0; border-top: none; } .morelink { - border: 1px solid #1a1a1a; - background: #1a1a1a; + border: 1px solid #F54E7A; + background: #F54E7A; width: 145px; margin-right: 5px; transition: all 0.5s; @@ -1214,11 +1180,11 @@ div.side div.tagline { letter-spacing: 0; font-size: 0.9em; } .morelink:hover { - background: #0078D7; - border-color: #0078D7; } + background: #f06292; + border-color: #f06292; } .morelink:hover a { color: #fff; - border-color: #0078D7; } + border-color: #f06292; } .morelink .nub { display: none; } @@ -1258,13 +1224,11 @@ div.side div.tagline { .helplink ~ .content .author[href*=AutoModerator], .helplink ~ .content .author[href*=flair_your_post_bot] { display: none; } - .helplink ~ .content .author:after { content: '- Moderator'; font-size: 0.945em; margin-left: 5px; - color: #1a1a1a; } - + color: #F54E7A; } .helplink ~ .content .flair { display: none; } @@ -1279,17 +1243,15 @@ div.side div.tagline { text-transform: capitalize; } .helplink ~ .content .author .helplink ~ .content .author:hover { - color: #0078D7; } + color: #f06292; } .sidecontentbox .content .linkflairlabel { display: none; } div.titlebox .md h3:hover + ul { display: block; } - div.titlebox .md ul li strong:first-child, div.titlebox .md ul:hover { display: block; } - div.titlebox .md ul li { border: none; margin-right: 5px; } @@ -1309,11 +1271,9 @@ div.titlebox .md ul li { .sidecontentbox .more:hover { background-color: #f0f8ff; border-left-color: #7cb0d9; } - .sidecontentbox .content { border: none; padding: 0; } - .sidecontentbox .more { text-align: center; } .sidecontentbox .more a { @@ -1334,11 +1294,10 @@ div.titlebox .md ul li { div.titlebox .md ul li:hover { background-color: #f0f8ff; border-left-color: #7cb0d9; } - div.titlebox div.styleToggle, div.titlebox span.fancy-toggle-button a.active { padding: 5px 10px; - background-color: #0078D7; + background-color: #f06292; color: #fff; font-size: 8pt; display: block !important; @@ -1347,27 +1306,22 @@ div.titlebox span.fancy-toggle-button a.active { font-weight: 400; margin: 0; border: none; } - div.titlebox div.styleToggle { - background-color: #1a1a1a; + background-color: #F54E7A; line-height: 20px; } div.titlebox div.styleToggle input, div.titlebox div.styleToggle label { vertical-align: middle; margin: 0; } - div.titlebox span.fancy-toggle-button a.active.add:hover, div.titlebox span.fancy-toggle-button a.active.remove { - background-color: #1a1a1a; } - + background-color: #F54E7A; } div.titlebox span.fancy-toggle-button a.active.remove:before { content: ""; padding-right: 5px; } - div.titlebox span.fancy-toggle-button a.active.remove:hover:after { content: "=("; font-style: italic; padding-left: 5px; } - div.titlebox span.fancy-toggle-button a.active.add:before { content: "+"; padding-right: 5px; @@ -1385,7 +1339,7 @@ div.titlebox span.fancy-toggle-button a.active.add:before { margin: 0; padding: 3px 0; } .sidecontentbox .content a.author:hover { - color: #0078D7; } + color: #f06292; } #searchexpando { padding: 10px; @@ -1402,11 +1356,11 @@ div.titlebox span.fancy-toggle-button a.active.add:before { #search input[type=text] { width: 295px !important; - border-color: #1a1a1a; } + border-color: #F54E7A; } .sidecontentbox .title { border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; font-weight: 400; margin-top: 0; @@ -1417,22 +1371,20 @@ div.titlebox .md h3:before { content: "+"; color: #fff; padding-right: 5px; } - div.titlebox .md h2, div.titlebox .md h3, div.titlebox .md h4 { border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; font-weight: 400; cursor: default; margin-top: 0; margin-bottom: 0; margin-left: -10px; } - div.titlebox h1 { border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; font-weight: 400; margin-top: 0; @@ -1473,8 +1425,7 @@ div.titlebox h1 { #RESShortcutsTrash:hover { color: #f0f0f0 !important; } -.titlebox .md h3 + ul:hover, -.titlebox .md h3:hover + ul { +.titlebox .md h3 + ul:hover, .titlebox .md h3:hover + ul { max-height: 600px; } div.titlebox .md h3 + ul { @@ -1487,7 +1438,7 @@ div.titlebox .md h3:hover + ul { transition: .8s max-height ease-out; } div.commentarea .infobar p { - background: #0078D7; + background: #f06292; padding: 10px; margin: -5px -5px -5px 10px; } @@ -1521,7 +1472,7 @@ div.commentarea .infobar p { color: #fff !important; text-transform: none; border-left: 5px solid #1992FF; - background-color: #1a1a1a; + background-color: #F54E7A; padding: 10px; cursor: pointer; margin-top: 0; @@ -1589,12 +1540,11 @@ div.commentarea .infobar p { text-align: center; display: block; color: #fff; - background: #1a1a1a; + background: #F54E7A; box-sizing: border-box; margin-bottom: 10px; } .sidecontentbox a.helplink:hover { - background: #0078D7; } - + background: #f06292; } .sidecontentbox .title h1, .sidecontentbox a.helplink { color: #fff; } @@ -1608,10 +1558,10 @@ div.commentarea .infobar p { .account-activity-box { display: block !important; - background: #1a1a1a; + background: #F54E7A; margin-right: 5px; } .account-activity-box:hover { - background: #0078D7; } + background: #f06292; } .account-activity-box a { color: #fff; padding: 10px 70px; } @@ -1626,7 +1576,6 @@ div.commentarea .infobar p { #header-bottom-right .separator { display: none; } - #header-bottom-right .user { position: relative; top: 0; @@ -1636,7 +1585,7 @@ div.commentarea .infobar p { font-size: 13px; color: #eaeaea; line-height: 170%; - background: url(%%spritesheet%%) -110px -289px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -110px -289px no-repeat #F54E7A; float: left; border: 2px solid #fff; cursor: pointer; } @@ -1651,24 +1600,21 @@ div.commentarea .infobar p { display: block; line-height: 12px; white-space: nowrap; } - #header-bottom-right .user span a { color: #fff; } - #header-bottom-right #mail { top: 0; top: 0 !important; width: 42px; height: 42px; display: inline-block; } - #header-bottom-right #modmail { position: absolute; margin-left: -267px; top: 3px; padding-left: 26px; padding-top: 5px; - background: url(%%spritesheet%%) -224px -72px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -224px -72px no-repeat #F54E7A; border: 2px solid #fff; } #modmail.havemail { @@ -1677,11 +1623,9 @@ div.commentarea .infobar p { #header #header-bottom-right #modmail:hover, #header #header-bottom-right .choice:hover, #header #header-bottom-right .user:hover { - background-color: #0078D7; } - + background-color: #f06292; } #header #header-bottom-right .logout { display: inline-block; } - #header #header-bottom-right #mail, #header #header-bottom-right .choice, #header #header-bottom-right .logout a { @@ -1693,12 +1637,10 @@ div.commentarea .infobar p { text-indent: 50px; overflow: hidden; transition: background-color 0.5s; } - #header #header-bottom-right #mail.nohavemail { - background: url(%%spritesheet%%) 0px -114px no-repeat #1a1a1a; + background: url(%%spritesheet%%) 0px -114px no-repeat #F54E7A; border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right #mail.havemail { background: url(%%spritesheet%%) 0px -114px no-repeat #ff4500; } @@ -1708,9 +1650,8 @@ div.commentarea .infobar p { #header #header-bottom-right #mail.havemail { border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right .choice { - background: url(%%spritesheet%%) -127px -114px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -127px -114px no-repeat #F54E7A; border-radius: 1px; border: 2px solid #fff; } @@ -1720,7 +1661,7 @@ div.commentarea .infobar p { top: 0; left: -78px; color: transparent !important; - background-color: #1a1a1a; + background-color: #F54E7A; background-image: url(%%spritesheet%%) !important; background-repeat: no-repeat !important; background-size: 341px 331px !important; @@ -1743,13 +1684,11 @@ div.commentarea .infobar p { display: none; } #header #header-bottom-right .logout a { - background: url(%%spritesheet%%) -127px -42px no-repeat #1a1a1a; + background: url(%%spritesheet%%) -127px -42px no-repeat #F54E7A; border-radius: 1px; border: 2px solid #fff; } - #header #header-bottom-right #mail.havemail, #header #header-bottom-right #mail.nohavemail { border-bottom: none; } - #header #header-bottom-right .choice, #header #header-bottom-right .logout a { border-bottom: none; } @@ -1764,8 +1703,7 @@ div.commentarea .infobar p { #header #header-bottom-right #mail:hover, #header #header-bottom-right .choice:hover, #header #header-bottom-right .user:hover { - background-color: #0078D7; } - + background-color: #f06292; } #header #header-bottom-right .logout a:hover { text-indent: -99999px; color: #fff; @@ -1785,7 +1723,7 @@ div.commentarea .infobar p { overflow: hidden; } .message-count { - background: #0078D7; + background: #f06292; height: 42px; font-size: medium; line-height: 42px !important; @@ -1831,7 +1769,6 @@ div.commentarea .infobar p { animation-iteration-count: infinite; animation-play-state: running; animation-name: pulsate; } - .side .md .-text, .side .md li, .side .md p, @@ -1839,7 +1776,6 @@ div.commentarea .infobar p { .side .md td, .side .md th { list-style: none; } - .side .usertext-body .md ol a { background-color: #57b5ff; display: inline-block; @@ -1851,12 +1787,10 @@ div.commentarea .infobar p { opacity: 0.8; } .side .usertext-body .md ol a:hover { opacity: 1; } - .side .md > ol li a[href$='#special']:after, .side .md > ol li a[href$='#special']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#special'] { border: 2px solid #fefefe; display: inline-block; @@ -1872,12 +1806,11 @@ div.commentarea .infobar p { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; - background-color: #1a1a1a; + background-color: #F54E7A; content: "Event"; color: #fff; } .side .usertext-body .md ol a[href$='#special']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#achieve'] { border: 2px solid #fefefe; display: inline-block; @@ -1891,22 +1824,18 @@ div.commentarea .infobar p { opacity: 0.8; } .side .usertext-body .md ol a[href$='#achieve']:hover { opacity: 1; } - .side .md > ol li a[href$='#sticky']:after, .side .md > ol li a[href$='#sticky']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#achieve']:before, .side .usertext-body .md ol a[href$='#sticky']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#achieve']:before { background-color: #0d9605; content: "Achievement unlocked"; color: #fff; } - .side .usertext-body .md ol a[href$='#sticky'], .side .usertext-body .md ol a[href$='#stickyg'] { font-weight: 400; padding: 5px 5px 5px 0; @@ -1916,45 +1845,36 @@ div.commentarea .infobar p { font-size: 12px; transition: opacity .5s; text-decoration: none; } - .side .usertext-body .md ol a[href$='#sticky'] { background-color: #1686f0; opacity: 0.8; } .side .usertext-body .md ol a[href$='#sticky']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#stickyg']:hover { opacity: 1; } - .side .usertext-body .md ol a[href$='#sticky']:before { - background-color: #1a1a1a; + background-color: #F54E7A; content: "Sticky"; color: #fff; } - .side .usertext-body .md ol a[href$='#stickyg'] { background-color: #28bc07; opacity: 0.8; } - .side .md > ol li a[href$='#achieve']:after, .side .md > ol li a[href$='#achieve']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .md > ol li a[href$='#update']:after, .side .md > ol li a[href$='#update']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#stickyg']:before, .side .usertext-body .md ol a[href$='#update']:before { margin: 0 5px 0 0; font-weight: 700; padding: 5px 6px; } - .side .usertext-body .md ol a[href$='#stickyg']:before { background-color: #0d9605; content: "Sticky"; color: #fff; } - .side .usertext-body .md ol a[href$='#update'] { border: 2px solid #fefefe; background-color: #1686f0; @@ -1967,31 +1887,27 @@ div.commentarea .infobar p { opacity: .8; transition: opacity 0.5s; } .side .usertext-body .md ol a[href$='#update']:before { - background-color: #1a1a1a; + background-color: #F54E7A; content: "Update"; color: #fff; } .side .usertext-body .md ol a[href$='#update']:hover { opacity: 1; } - .side .md del { color: #fff; text-decoration: none; } .md a:hover { - color: #0078D7; } + color: #f06292; } .res-nightmode body, html[lang^=nm] body { background: #1a1a1a !important; } - .res-nightmode #sr-header-area, html[lang^=nm] #sr-header-area { background-color: #0C1722; } - .res-nightmode a, html[lang^=nm] a { color: #f8f8ff; } - .res-nightmode .morelink a, .res-nightmode a[href*="#Donsiders"], .res-nightmode a[href*="#btn"], @@ -1999,12 +1915,10 @@ html[lang^=nm] .morelink a, html[lang^=nm] a[href*="#Donsiders"], html[lang^=nm] a[href*="#btn"] { color: #fff !important; } - .res-nightmode .shortlink input, html[lang^=nm] .shortlink input { background: #393939; color: #ddd; } - .res-nightmode #previoussearch #moresearchinfo, .res-nightmode .roundfield label, .res-nightmode .search-result-body, @@ -2024,20 +1938,17 @@ html[lang^=nm] .md blockquote, html[lang^=nm] .md del, html[lang^=nm] .comments-page .usertext-edit div textarea { color: #eee !important; } - .res-nightmode .md blockquote, html[lang^=nm] .md blockquote { background: rgba(0, 87, 166, 0.24); - border-left: 2px solid #0078D7 !important; + border-left: 2px solid #f06292 !important; color: #888 !important; } - .res-nightmode .md code, html[lang^=nm] .md code { border: none !important; background-color: #393939 !important; border-radius: 0 !important; - border-left: 3px solid #0078D7 !important; } - + border-left: 3px solid #f06292 !important; } .res-nightmode .commentingAs, .res-nightmode .date time, .res-nightmode .linkinfo .score, @@ -2053,7 +1964,6 @@ html[lang^=nm] .side .titlebox > .fancy-toggle-button, html[lang^=nm] .edit-stylesheet.choice:after, html[lang^=nm] .wiki-page .wiki-page-content { color: #ddd !important; } - .res-nightmode .date span, .res-nightmode .date time, html[lang^=nm] .date span, @@ -2061,7 +1971,6 @@ html[lang^=nm] .date time { border-bottom: 1px solid #393939 !important; background: #222 !important; border-top: 1px solid #393939 !important; } - .res-nightmode #header, .res-nightmode #newlink-with-image-upload #new-link-preview, .res-nightmode .account-activity-box, @@ -2077,7 +1986,6 @@ html[lang^=nm] .morelink, html[lang^=nm] .nextprev a, html[lang^=nm] .titlebox h1 { background: #222 !important; } - .res-nightmode #header #header-bottom-right #mail:hover, .res-nightmode #header #header-bottom-right #modmail:hover, .res-nightmode #header #header-bottom-right .choice:hover, @@ -2089,14 +1997,12 @@ html[lang^=nm] #header #header-bottom-right .choice:hover, html[lang^=nm] #header #header-bottom-right .logout:hover, html[lang^=nm] #header #header-bottom-right .user:hover { background-color: #393939 !important; } - .res-nightmode #header #header-bottom-right .logout a, .res-nightmode #header #header-bottom-right .nohavemail#mail, html[lang^=nm] #header #header-bottom-right .logout a, html[lang^=nm] #header #header-bottom-right .nohavemail#mail { background-color: transparent !important; outline: 0 !important; } - .res-nightmode #header-bottom-right #modmail, .res-nightmode #header-bottom-right .choice, .res-nightmode #header-bottom-right .user, @@ -2105,7 +2011,6 @@ html[lang^=nm] #header-bottom-right .choice, html[lang^=nm] #header-bottom-right .user { background-color: transparent !important; outline: 0 !important; } - .res-nightmode #header-bottom-left .tabmenu, .res-nightmode #header-img, .res-nightmode #header-img.default-header, @@ -2113,25 +2018,21 @@ html[lang^=nm] #header-bottom-left .tabmenu, html[lang^=nm] #header-img, html[lang^=nm] #header-img.default-header { background: transparent !important; } - .res-nightmode #header-bottom-left .tabmenu, .res-nightmode .new-comment .usertext-body, html[lang^=nm] #header-bottom-left .tabmenu, html[lang^=nm] .new-comment .usertext-body { background-color: transparent; border: none; } - .res-nightmode .date, html[lang^=nm] .date { color: #ddd !important; } .res-nightmode .date::before, html[lang^=nm] .date::before { color: #ddd !important; } - .res-nightmode .flair, html[lang^=nm] .flair { color: #ddd !important; } - .res-nightmode .footer, html[lang^=nm] .footer { border-right: none !important; @@ -2140,7 +2041,6 @@ html[lang^=nm] .footer { html[lang^=nm] .footer div.col a, html[lang^=nm] .footer::after { color: #ddd !important; } - .res-nightmode div.side div.tagline, .res-nightmode div.side form.flairtoggle, .res-nightmode div.side span.subscribers, @@ -2149,18 +2049,15 @@ html[lang^=nm] div.side form.flairtoggle, html[lang^=nm] div.side span.subscribers { background: #222 !important; color: #ddd !important; } - .res-nightmode div.titlebox .md ul li, html[lang^=nm] div.titlebox .md ul li { background: #222 !important; color: #ddd !important; } - .res-nightmode .sidecontentbox .title, .res-nightmode .sidecontentbox a.helplink, html[lang^=nm] .sidecontentbox .title, html[lang^=nm] .sidecontentbox a.helplink { background: #222 !important; } - .res-nightmode div.titlebox .md h1, .res-nightmode div.titlebox .md h2, .res-nightmode div.titlebox .md h3, @@ -2170,7 +2067,6 @@ html[lang^=nm] div.titlebox .md h2, html[lang^=nm] div.titlebox .md h3, html[lang^=nm] div.titlebox .md h4 { background: #222 !important; } - .res-nightmode #searchexpando, .res-nightmode .icon-menu li, .res-nightmode .totalvotes, @@ -2218,7 +2114,6 @@ html[lang^=nm] div.titlebox .md ul li { html[lang^=nm] div.titlebox .md ul li:hover { background-color: #393939 !important; border-left-color: #7cb0d9 !important; } - .res-nightmode div.side div.leavemoderator, .res-nightmode div.side p.users-online, .res-nightmode div.side span.subscribers, @@ -2238,7 +2133,6 @@ html[lang^=nm] div.side .titlebox > .fancy-toggle-button { border-right: 1px solid #393939 !important; background: #222 !important; border-top: 1px solid #393939 !important; } - .res-nightmode div.side div.tagline, .res-nightmode div.side form.flairtoggle, html[lang^=nm] div.side div.tagline, @@ -2247,7 +2141,6 @@ html[lang^=nm] div.side form.flairtoggle { border-right: 1px solid #393939 !important; border-bottom: none !important; background: #222 !important; } - .res-nightmode .titlebox form.toggle, html[lang^=nm] .titlebox form.toggle { background: #222; @@ -2255,7 +2148,6 @@ html[lang^=nm] .titlebox form.toggle { border-left: 5px solid #393939 !important; border-right: 1px solid #393939 !important; color: #eee; } - .res-nightmode .sitetable .comment .comment, html[lang^=nm] .sitetable .comment .comment { background-color: #393939 !important; } @@ -2280,7 +2172,6 @@ html[lang^=nm] .sitetable .comment .comment { .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #393939 !important; } - .res-nightmode .sitetable .comment, html[lang^=nm] .sitetable .comment { background-color: #222 !important; } @@ -2305,31 +2196,25 @@ html[lang^=nm] .sitetable .comment { .res-nightmode .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, html[lang^=nm] .sitetable .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #222 !important; } - .res-nightmode button, html[lang^=nm] button { border: none; background-color: #222 !important; } - .res-nightmode a[href*="#square"]::before, html[lang^=nm] a[href*="#square"]::before { border: 3px solid #393939; } - .res-nightmode .link, html[lang^=nm] .link { border-bottom: 1px solid #2D2E32 !important; border-right: 1px solid #2D2E32 !important; } - .res-nightmode .listing-page .link:hover, html[lang^=nm] .listing-page .link:hover { background: #393939 !important; border-left-color: #a9a9a9 !important; } - .res-nightmode div.titlebox .md ul li:hover, html[lang^=nm] div.titlebox .md ul li:hover { background-color: #393939 !important; border-left-color: #7cb0d9 !important; } - .res-nightmode div.titlebox .md h1:after, .res-nightmode div.titlebox .md h2:after, .res-nightmode div.titlebox .md h3:after, @@ -2342,7 +2227,6 @@ html[lang^=nm] div.titlebox .md h4:after { position: absolute; z-index: -1; border-color: transparent #393939 transparent transparent !important; } - .res-nightmode div.titlebox h1:after, .res-nightmode div.titlebox .sidecontentbox .title:after, html[lang^=nm] div.titlebox h1:after, @@ -2351,7 +2235,6 @@ html[lang^=nm] div.titlebox .sidecontentbox .title:after { position: absolute; z-index: -1; border-color: transparent #393939 transparent transparent !important; } - .res-nightmode .flairselector, .res-nightmode .comments-page .usertext-edit div textarea, .res-nightmode #eu-cookie-policy .reddit-infobar, @@ -2362,7 +2245,6 @@ html[lang^=nm] #eu-cookie-policy .reddit-infobar, html[lang^=nm] #search input[type=text] { background-color: #222 !important; color: #ddd; } - .res-nightmode #header-bottom-left .tabmenu li.selected a, .res-nightmode .link .usertext-body .md, .res-nightmode .debuginfo, @@ -2386,7 +2268,6 @@ html[lang^=nm] .side .morelink a:hover, html[lang^=nm] button:hover, html[lang^=nm] .account-activity-box:hover { background-color: #393939 !important; } - .res-nightmode .comment .usertext .md p > a:visited, .res-nightmode .md a, .res-nightmode h2 a:visited, @@ -2394,11 +2275,9 @@ html[lang^=nm] .comment .usertext .md p > a:visited, html[lang^=nm] .md a, html[lang^=nm] h2 a:visited { color: #3498db; } - .res-nightmode ::-webkit-scrollbar, html[lang^=nm] ::-webkit-scrollbar { background-color: #393939; } - .res-nightmode ::-webkit-scrollbar-thumb, html[lang^=nm] ::-webkit-scrollbar-thumb { background-color: #666; @@ -2411,67 +2290,52 @@ html[lang^=nm] ::-webkit-scrollbar-thumb { .res-nightmode ::-webkit-scrollbar-thumb:active, html[lang^=nm] ::-webkit-scrollbar-thumb:active { background-color: #bbb; } - .res-nightmode ::-webkit-scrollbar-corner, html[lang^=nm] ::-webkit-scrollbar-corner { color: #555; } - .res-nightmode textarea, html[lang^=nm] textarea { color: #000 !important; } - .res-nightmode .content, html[lang^=nm] .content { margin-bottom: 0; margin-top: 0; } - .res-nightmode input[type=button], .res-nightmode input[type=reset], .res-nightmode input[type=submit], html[lang^=nm] input[type=button], html[lang^=nm] input[type=reset], html[lang^=nm] input[type=submit] { border: none; } - .res-nightmode .side .spacer .titlebox .redditname, html[lang^=nm] .side .spacer .titlebox .redditname { - border-left-color: #0078D7; } - + border-left-color: #f06292; } .res-nightmode .gold-accent, html[lang^=nm] .gold-accent { - background: #1a1a1a; } - -.res-nightmode .thing .title:visited, -.res-nightmode .thing.visited .title, + background: #F54E7A; } +.res-nightmode .thing .title:visited, .res-nightmode .thing.visited .title, html[lang^=nm] .thing .title:visited, html[lang^=nm] .thing.visited .title { color: #808c94; } - .res-nightmode .thing .title, html[lang^=nm] .thing .title { color: #B5C4D0; } - .res-nightmode .content.submit .info-notice, .res-nightmode .submit-page .roundfield, html[lang^=nm] .content.submit .info-notice, html[lang^=nm] .submit-page .roundfield { background-color: #222; color: #eee; } - .res-nightmode #header #header-bottom-right #mail.havemail, html[lang^=nm] #header #header-bottom-right #mail.havemail { outline: 0; } - .res-nightmode .formtabs-content .infobar, html[lang^=nm] .formtabs-content .infobar { border-color: transparent !important; } - .res-nightmode .infobar, html[lang^=nm] .infobar { border-color: #ff4500 !important; } - .res-nightmode span.score, html[lang^=nm] span.score { color: #888 !important; } - .res-nightmode .comment.spam > .child, .res-nightmode .message.spam > .child, .res-nightmode .usertext.grayed .usertext-body, @@ -2479,16 +2343,13 @@ html[lang^=nm] .comment.spam > .child, html[lang^=nm] .message.spam > .child, html[lang^=nm] .usertext.grayed .usertext-body { background-color: transparent; } - .res-nightmode div.commentarea .infobar, html[lang^=nm] div.commentarea .infobar { color: #eee; border: none; } - .res-nightmode .comment, html[lang^=nm] .comment { border: 1px solid #43474F; } - .res-nightmode a[href*='#icon-day'], html[lang^=nm] a[href*='#icon-day'] { display: inline-block !important; } @@ -2501,158 +2362,123 @@ html[lang^=nm] a[href*='#icon-day'] { content: ''; margin: 0 7px -4px 0; background: url(%%spritesheet%%) -85px -294px; } - .res-nightmode a[href*='#icon-night'], html[lang^=nm] a[href*='#icon-night'] { display: none; } - .res-nightmode a[href*="#icon-chat"]::before, html[lang^=nm] a[href*="#icon-chat"]::before { background-image: url(%%wincore-2%%); background-position: -5px -405px; } - .res-nightmode a[href*="#icon-feedback"]::before, html[lang^=nm] a[href*="#icon-feedback"]::before { background-position: -47px -149px; } - .res-nightmode a[href*="#icon-feedback2"]::before, html[lang^=nm] a[href*="#icon-feedback2"]::before { background-position: -5px -375px; } - .res-nightmode a[href*="#iconz-tips"]::before, html[lang^=nm] a[href*="#iconz-tips"]::before { background-position: -234px -47px; } - .res-nightmode a[href*="#iconz-updates"]::before, html[lang^=nm] a[href*="#iconz-updates"]::before { background-position: -259px -119px; } - .res-nightmode a[href*="#iconz-faq"]::before, html[lang^=nm] a[href*="#iconz-faq"]::before { background-position: -174px -47px; } - .res-nightmode a[href*="#iconz-install"]::before, html[lang^=nm] a[href*="#iconz-install"]::before { background-position: -259px -119px; } - .res-nightmode a[href*="#iconz-wiki"]::before, html[lang^=nm] a[href*="#iconz-wiki"]::before { background-position: -204px -149px; } - .res-nightmode #siteTable .thing, .res-nightmode .link.promotedlink, html[lang^=nm] #siteTable .thing, html[lang^=nm] .link.promotedlink { background: #202020; } - .res-nightmode .organic-listing, html[lang^=nm] .organic-listing { background: none !important; } - .res-nightmode body > .content #siteTable .thing.self .thumbnail, html[lang^=nm] body > .content #siteTable .thing.self .thumbnail { background-position: -77px -5px; } - .res-nightmode body > .content #siteTable .thing .thumbnail.default, html[lang^=nm] body > .content #siteTable .thing .thumbnail.default { background-position: -174px -77px; } - .res-nightmode div.side span.subscribers span.number:before, html[lang^=nm] div.side span.subscribers span.number:before { background-position: -162px -5px; } - .res-nightmode .expando-button.selftext.collapsed, html[lang^=nm] .expando-button.selftext.collapsed { background-position: -5px -242px; } .res-nightmode .expando-button.selftext.collapsed:hover, html[lang^=nm] .expando-button.selftext.collapsed:hover { background-position: -225px -204px; } - .res-nightmode .expando-button.selftext.expanded, html[lang^=nm] .expando-button.selftext.expanded { background-position: -65px -204px; } .res-nightmode .expando-button.selftext.expanded:hover, html[lang^=nm] .expando-button.selftext.expanded:hover { background-position: -105px -204px; } - .res-nightmode .expando-button.video.collapsed, html[lang^=nm] .expando-button.video.collapsed { background-position: -85px -242px; } .res-nightmode .expando-button.video.collapsed:hover, html[lang^=nm] .expando-button.video.collapsed:hover { background-position: -45px -242px; } - .res-nightmode .expando-button.video.expanded, html[lang^=nm] .expando-button.video.expanded { background-position: -65px -204px; } .res-nightmode .expando-button.video.expanded:hover, html[lang^=nm] .expando-button.video.expanded:hover { background-position: -105px -204px; } - .res-nightmode .date:after, html[lang^=nm] .date:after { border-color: transparent #393939 transparent transparent !important; } - .res-nightmode .date span, html[lang^=nm] .date span { border-left: 5px solid #393939 !important; color: #ddd; border-right-color: #393939; } - .res-nightmode .date time, html[lang^=nm] .date time { border-right: 1px solid #393939 !important; } - .res-nightmode .link.last-clicked, html[lang^=nm] .link.last-clicked { background: #393939 !important; } - .res-nightmode .comments-page .link, html[lang^=nm] .comments-page .link { border-left: 3px solid transparent; } .res-nightmode .res .RES-keyNav-activeElement { background-color: #292929 !important; } - -.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, -.res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { +.res-nightmode .res .commentarea .RES-keyNav-activeElement .md, .res-nightmode .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { background-color: #292929 !important; } - .res-nightmode .RES-keyNav-activeElement { background-color: #292929 !important; } .res-nightmode .RES-keyNav-activeElement .md-container { background-color: #292929 !important; } - .res-nightmode .arrow.upmod { background-position: -296px -60px !important; } - .res-nightmode .arrow.down { background-position: -321px -60px !important; } - .res-nightmode .arrow.up { background-position: -289px -194px !important; } - .res-nightmode .arrow.downmod { background-position: -271px -60px !important; } - .res-nightmode .side .titlebox > .fancy-toggle-button { background: #222 !important; color: #ddd !important; } -.res .commentarea .RES-keyNav-activeElement .md, -.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { +.res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed html[lang^=nm] .RES-keyNav-activeElement .md-container { background-color: transparent !important; } .res #sr-header-area #srDropdownContainer a:hover { opacity: 1; } - .res .comment .midcol { margin-left: 20px; } - .res .comment .new-comment { border: 2px solid #FFAB91 !important; border-radius: 0px !important; } - .res #sr-header-area #srDropdownContainer a { width: 35px; height: 23px; @@ -2662,19 +2488,16 @@ html[lang^=nm] .comments-page .link { background: url(%%spritesheet%%) -225px -252px no-repeat; line-height: 35px; text-indent: -999em; } - .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .noncollapsed .RES-keyNav-activeElement.entry { background-color: 0 0 !important; } - .res .RESDashboardToggle, .res .RESshortcutside { background: 0 0; border: none; font-weight: 400; text-transform: uppercase; } - .res .sitetable .sitetable { margin-right: 0; } @@ -2703,11 +2526,11 @@ html[lang^=nm] .comments-page .link { line-height: 25px; } .footer { - border-bottom: 1px solid #1a1a1a; + border-bottom: 1px solid #F54E7A; padding: 0; - border-left: 1px solid #1a1a1a; } + border-left: 1px solid #F54E7A; } .footer::after { - border-bottom: 1px solid #1a1a1a; + border-bottom: 1px solid #F54E7A; display: block; margin-top: 0; padding: 10px; @@ -2716,8 +2539,8 @@ html[lang^=nm] .comments-page .link { content: "Designed by /u/Jaskys"; font-size: 16px; font-family: "Segoe UI", Helvetica, sans-serif; - border-top: 34px solid #1a1a1a; - border-right: 1px solid #1a1a1a; + border-top: 34px solid #F54E7A; + border-right: 1px solid #F54E7A; margin-bottom: -1.1px; width: 90px; } .footer div.col { @@ -2732,7 +2555,7 @@ html[lang^=nm] .comments-page .link { text-transform: capitalize; padding: 8px; color: #fff; - background: #1a1a1a; + background: #F54E7A; max-height: 18px; } .footer div.col a { display: block; @@ -2831,7 +2654,6 @@ html[lang^=nm] .comments-page .link { .author[href$=Adam-MSFT], .author[href$=Dave_MSFT], .author[href$=DrPreppy], .author[href$=EKILBO], .author[href$=Giffdev], .author[href$=James-MSFT], .author[href$=KritiMSFT], .author[href$=MailmanOdd], .author[href$=MasterDevwi], .author[href$=MsftHealthWill], .author[href$=NorthFaceHiker], .author[href$=Psychlist1972], .author[href$=Sawan-Msft], .author[href$=Sawan-MSFT], .author[href$=StephA_MSFT], .author[href$=Zev_MSFT], .author[href$=adam_msft], .author[href$=anaotero-MSFT], .author[href$=anbutle], .author[href$=anthonykinseymsft], .author[href$=bbyboi], .author[href$=bitcrazed], .author[href$=bloodytemplar], .author[href$=devbent], .author[href$=donaMSFT], .author[href$=jenmsft], .author[href$=Sean_MSFT], .author[href$=jeremy_msft], .author[href$=johnwinkmsft], .author[href$=josh_msft], .author[href$=kylealden], .author[href$=maheshrd], .author[href$=mike_msft], .author[href$=msftbanddev], .author[href$=msftbilly], .author[href$=mvaneerde], .author[href$=ooeygui], .author[href$=samersaw], .author[href$=sjarawan], .author[href$=stefohneee], .author[href$=toma_msft], .author[href$=vpmsft], .author[href$=xander-msft], .author[href$=zac_l], .author[href$=craigbarkhouse], .author[href$=elvenharps], .author[href$=nerdile], .author[href$=einarmsft], .author[href$=yosefdurr], .author[href$=Travis_MSFT], .author[href$=caithartMSFT], .author[href$=ClayMSFT] { color: #0078D7; font-weight: 700; } - .author[href$=ildun], .author[href$=Katsuga50] { color: #e67e22; font-weight: 700; } @@ -2934,64 +2756,44 @@ html:lang(nh) .linkflair-help { padding: 3px 10px; color: #fff; margin: 3px; } - .side a[href*='#official'] { background: #2086bf; } - .side a[href*='#news'] { background: #F2385A; } - .side a[href*='#help'] { background: #FF6138; } - .side a[href*='#solved'] { background: #008a00; } - .side a[href*='#unresolved'] { background: #FF7D4D; } - .side a[href*='#bug'] { background: #ce352c; } - .side a[href*='#update'] { background: #81003c; } - .side a[href*='#feature'] { background: #00aba9; } - .side a[href*='#discussion'] { background: #bf5a15; } - .side a[href*='#hardware'] { background: #f0a30a; } - .side a[href*='#tip'] { background: #468966; } - .side a[href*='#meta'] { background: #4390df; } - .side a[href*='#gaming'] { background: #76608a; } - .side a[href*='#app'] { background: #bf5a15; } - .side a[href*='#original%20content'] { background: #0B9C67; } - .side a[href*='#concept'] { background: #14B6F5; } - .side a[href*='#request'] { background: #00aba9; } - .side a[href*='#question'] { background: #008a00; } - .side a[href*='#hideflair'], .side a[href*='#hidehelp'] { background: #E42608; } - .side a[href*='#update']:hover, .side a[href*='#official']:hover, .side a[href*='#news']:hover, .side a[href*='#help']:hover, .side a[href*='#solved']:hover, .side a[href*='#unresolved']:hover, .side a[href*='#bug']:hover, .side a[href*='#feature']:hover, .side a[href*='#discussion']:hover, .side a[href*='#hardware']:hover, .side a[href*='#tip']:hover, .side a[href*='#meta']:hover, .side a[href*='#gaming']:hover, .side a[href*='#app']:hover, .side a[href*='#original%20content']:hover, .side a[href*='#concept']:hover, .side a[href*='#request']:hover, .side a[href*='#question']:hover, .side a[href='']:hover { opacity: 0.8; } @@ -3042,83 +2844,65 @@ a[href*="#icon-day"] { a[href*='#square-app']::before { background: -187px -5px #bf5a15; border: 3px solid #e8e8e8; } - a[href*='#square-tip']::before { background: -187px -5px #555; border: 3px solid #e8e8e8; } - a[href*='#square-meta']::before { background: -187px -5px #4390df; border: 3px solid #e8e8e8; } - a[href*='#square-original']::before { background: -187px -5px #76608a; border: 3px solid #e8e8e8; } - a[href*='#square-concept']::before { background: -187px -5px #14B6F5; border: 3px solid #e8e8e8; } - a[href*='#square-solved']::before { background: -187px -5px #008a00; border: 3px solid #e8e8e8; } - a[href*='#square-hflairs']::before { - background: -187px -5px #1a1a1a; + background: -187px -5px #F54E7A; border: 3px solid #e8e8e8; border-radius: 50%; } - a[href*='#square-hhelp']::before { - background: -187px -5px #0078D7; + background: -187px -5px #f06292; border: 3px solid #e8e8e8; border-radius: 50%; } - a[href*='#square'] + .keyNavAnnotation { display: none; } - a[href*='#square-feature']::before, a[href*='#square-request']::before, a[href*='#square-bug']::before, a[href*='#square-official']::before, a[href*='#square-news']::before, a[href*='#square-help']::before, a[href*='#square-update']::before, a[href*='#square-discussion']::before, a[href*='#square-hardware']::before, a[href*='#square-app']::before, a[href*='#square-tip']::before, a[href*='#square-meta']::before, a[href*='#square-original']::before, a[href*='#square-concept']::before, a[href*='#square-solved']::before, a[href*='#square-hflairs']::before, a[href*='#square-hhelp']::before, a[href*='#square-gaming']::before { display: inline-block; height: 10px; width: 10px; content: ''; margin: 0 5px -4px 0; } - a[href*='#square-']:hover::before { text-decoration: none; - background: #0078D7; + background: #f06292; border-color: #80c2ff; left: 4px; top: 8px; transition: all 0.15s ease; } - a[href*='#square-bug']::before { background: -187px -5px #ce352c; border: 3px solid #e8e8e8; } - a[href*='#square-official']::before { background: -187px -5px #2086bf; border: 3px solid #e8e8e8; } - a[href*='#square-news']::before { background: -187px -5px #F2385A; border: 3px solid #e8e8e8; } - a[href*='#square-help']::before { background: -187px -5px #FF6138; border: 3px solid #e8e8e8; } - a[href*='#square-update']::before { background: -187px -5px #81003c; border: 3px solid #e8e8e8; } - a[href*='#square-discussion']::before { background: -187px -5px #ff9e00; border: 3px solid #e8e8e8; } - a[href*='#square-hardware']::before { background: -187px -5px #f0a30a; border: 3px solid #e8e8e8; } - a[href*='#square-gaming']::before { background: -187px -5px #107c10; border: 3px solid #e8e8e8; } @@ -3176,22 +2960,19 @@ a[href*="#Donsiders"], a[href*="#btn"] { transition: all 0.5s; border-radius: 1px; } a[href*="#Donsiders"]:hover, a[href*="#btn"]:hover { - background: #0078D7; + background: #f06292; -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } - a[href*="#Donsiders"] { background: #009e7e; } a[href*="#Donsiders"]:hover { - background: #0078D7; } - + background: #f06292; } a[href*="#btn"] { background: #0057a6; } - a[href*="#square-showflairs"] { float: right; } a[href*="#square-showflairs"]::before { @@ -3199,39 +2980,34 @@ a[href*="#square-showflairs"] { height: 10px; width: 10px; content: ""; - background: -187px -5px #1a1a1a; + background: -187px -5px #F54E7A; border: 3px solid #e8e8e8; border-radius: 50%; margin-left: 5px; } - a[href*="#square-hflairs"]::after { content: "or"; margin-left: 50px; } - a[href*="#square-hflairs"]:hover::after { - color: #1a1a1a; } + color: #F54E7A; } .side .md [href$="#butt"] { display: inline-block !important; font-size: 8pt; - border: 2px solid #1a1a1a; + border: 2px solid #F54E7A; padding: 9px 8px; transition: background-color .5s; text-align: center; - color: #1a1a1a; } + color: #F54E7A; } .side .md [href$="#butt"]:hover { - background: #1a1a1a; + background: #F54E7A; color: #fff; } - .side .md > p:first-of-type { display: none; } -.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, -.comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { +.comments-page .link.linkflair-bug .flat-list a.flairselectbtn:after, .comments-page .link.linkflair-help .flat-list a.flairselectbtn:after { content: "- flair your thread as solved once your problem is resolved"; margin-left: 6px; color: #008a00; } - .comments-page .link.linkflair-help .flat-list a.flairselectbtn { color: #0078D7 !important; } @@ -3247,53 +3023,39 @@ a[href*='#icon-chat']::before, a[href*='#icon-feedback']::before, a[href*='#icon width: 20px; content: ''; margin: 0 7px -4px 0; } - a[href*='#icon']:hover { text-decoration: none; } - a[href*='#icon-chat']::before { background: url(%%spritesheet%%) -5px -204px; } - a[href*='#icon-feedback']::before { background: url(%%spritesheet%%) -35px -204px; } - a[href*='#icon-night']::before { background: url(%%spritesheet%%) -125px -242px; } - a[href*='#icon-feedback2']::before { background: url(%%wincore-2%%) -5px -345px; } - a[href*="#icon-more"] { text-align: center; display: block; - color: #0078D7; + color: #f06292; font-size: 16px; } - a[href*='#iconz'] + .keyNavAnnotation { display: none; } - a[href*='#iconz-tips']::before, a[href*='#iconz-updates']::before, a[href*='#iconz-faq']::before, a[href*='#iconz-install']::before, a[href*='#iconz-wiki']::before { display: inline-block; height: 20px; width: 20px; content: ''; margin: 0 7px -4px 0; } - a[href*='#iconz']:hover { text-decoration: none; } - a[href*='#iconz-tips']::before { background: url(%%spritesheet%%) -204px -47px; } - a[href*='#iconz-faq']::before { background: url(%%spritesheet%%) -47px -47px; } - a[href*='#iconz-updates']::before { background: url(%%spritesheet%%) -102px -77px; } - a[href*='#iconz-install']::before { background: url(%%spritesheet%%) -229px -119px; } - a[href*='#iconz-wiki']::before { background: url(%%spritesheet%%) -174px -149px; } @@ -3322,7 +3084,7 @@ a[href*='#iconz-wiki']::before { content: '- Designer'; font-size: 0.945em; margin-left: 5px; - color: #1a1a1a; } + color: #F54E7A; } a[href*='#icon-'] + .keyNavAnnotation { display: none; } diff --git a/scss/core/_core.scss b/scss/core/_core.scss index 06f0886..a140d2f 100644 --- a/scss/core/_core.scss +++ b/scss/core/_core.scss @@ -4,8 +4,8 @@ sans-serif !default; $font-light: "Segoe UI Light", Helvetica, sans-serif !default; -$color-bg-main: #1a1a1a !default; -$color-bg-secondary: #0078D7 !default; +$color-bg-main: #F54E7A !default; +$color-bg-secondary: #f06292 !default; $color-bg-alt: #1992FF !default; $color-bg-active: #1686f0 !default; $color-bg-light-hover: #f0f8ff !default;