*,:before,:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } body { overflow-x:hidden; background:#eee; min-width:920px; } a { color:#5380B3; transition:color .15s ease; } a:hover { text-decoration: underline; } :focus { outline:none!important; } body .content .text,body .content textarea,body .content input[type=text],body .content input[type=password],.side .spacer input,body .content input[type=url] { background:#fff; border:1px solid #c3cfd6; color:#738491; box-shadow:none; transition:border-color .15s ease,color .15s ease; padding:6px 12px; } body .content .text:hover,body .content textarea:hover,body .content input[type=text]:hover,body .content input[type=password]:hover,.side .spacer input:hover,body .content input[type=url]:hover { border-color:#738491; } body .content .text:focus,body .content textarea:focus,body .content input[type=text]:focus,body .content input[type=password]:focus,.side .spacer input:active,body .content input[type=url]:focus { color:#292f34; border-color:#75A0D5; } body .btn,body button,.c-btn-primary,.wiki-page .wiki-page-content .wiki_button { background:#272D63; border:none; border-radius:2px; color:#fff; text-transform:uppercase; font-weight:700; height:36px; line-height:36px; font-size:14px; font-family:'Ubuntu',Helvetica,Arial,sans-serif; box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12); transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1); margin:4px 16px 4px 0; padding:0 16px; } .c-btn-primary:active { margin-top:4px; } #header { height:196px; border:none; background:url(%%headerimg%%) 50% 50% / cover no-repeat; z-index:1; box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12); margin:0; } #sr-header-area { background:rgba(0,0,0,0.08); border:none; transition:all .15s ease; height:24px; line-height:23px; } #sr-header-area .width-clip { right:300px; } body:not(.loggedin) #sr-header-area .width-clip { right:340px; } #sr-header-area .sr-list { margin-right:48px; } #sr-header-area .sr-bar a,#sr-more-link,#sr-header-area,#sr-header-area .dropdown.srdrop .selected { background:none; color:rgba(0,0,0,0.3); transition:all .15s ease; } #sr-header-area:hover .sr-bar a,#sr-header-area:hover #sr-more-link,#sr-header-area:hover .seperator,#sr-header-area:hover .dropdown.srdrop .selected { color:rgba(0,0,0,0.7); } #sr-header-area .sr-bar a:hover,#sr-more-link:hover,#sr-header-area .dropdown.srdrop .selected:hover { background:none; border:none; transition:all .15s ease; } a.random.choice { padding-top:2px; position:relative; display:inline-block; margin-top:-2px; } .sr-bar .separator { color:transparent!important; } #sr-header-area .dropdown.srdrop .selected { background-image:none; margin:0 12px 0 8px; padding:0; } #sr-header-area .dropdown.srdrop .selected:after { display:inline-block; content:"▼"; margin-left:4px; font-size:10px; } #sr-header-area .drop-choices.srdrop { border-radius:2px; box-shadow:0 1px 4px rgba(0,0,0,.24); opacity:0; top:14px!important; transition:all .2s cubic-bezier(.4,0,.2,1); visibility:hidden; border:none; } #sr-header-area .drop-choices.srdrop.inuse { opacity:1; top:23px!important; visibility:visible; } #sr-header-area .drop-choices a.choice { border:0; color:#777; transition:none; padding:3px 12px; } #sr-header-area .drop-choices a.choice:hover { background:#EEE; color:#222; } #header-bottom-right { position:absolute; top:0; right:0; width:auto; max-width:300px; height:24px; background:none; font-size:11px; padding:5px 8px 4px 2px; } body:not(.loggedin) #header-bottom-right { max-width:340px; } .beta-hint a { margin-left:-16px; width:16px; height:16px; background:url(%%spritesheet%%) -48px -32px no-repeat; } .user a { max-width:120px; overflow:hidden; display:inline-block; text-overflow:ellipsis; vertical-align:middle; } .user .userkarma { font-weight:400; color:rgba(0,0,0,0.7); border:none; font-size:9px; transition:all .15s ease; } .separator,.user { color:rgba(0,0,0,0.7); } #mail,#modmail { width:16px; height:14px; background-image:url(%%spritesheet%%)!important; background-repeat:no-repeat!important; background-color:transparent; transition:all .25s ease; } #mail { top:-2px; overflow:visible; } #mail.nohavemail { background-position:-0 -0; } #mail.havemail { background-position:-0 -32px; opacity:1; } .message-count { background:#f50; position:relative; top:-1px; color:#fff!important; } #mail.havemail:before { position:fixed; bottom:24px; z-index:100; background:#EA4848 url(%%spritesheet%%) 269px -120px no-repeat; border-radius:2px; box-shadow:0 1px 5px rgba(0,0,0,0.24); color:#fff; width:300px; height:48px; left:32px; content:"You have new messages!"; text-indent:0; font:14px 'Ubuntu',Helvetica,Arial,sans-serif; line-height:1; -webkit-transform:translateY(112px); transform:translateY(112px); transition:background .25s ease,box-shadow .25s ease; animation-name:toast; animation-duration:8s; animation-iteration-count:1; animation-timing-function:ease; -webkit-animation-name:toast; -webkit-animation-duration:8s; -webkit-animation-iteration-count:1; -webkit-animation-timing-function:ease; padding:16px 24px; } #mail.havemail:hover:before { background-color:#ec5b5b; box-shadow:0 3px 12px rgba(0,0,0,0.48); -webkit-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; animation-play-state:paused; } #mail.havemail:active:before { background-color:#c73d3d; box-shadow:0 4px 14px rgba(0,0,0,0.76); } #modmail { top:-3px; } #modmail.nohavemail { background-position:-16px -0; } #modmail.havemail { background-position:-16px -32px; opacity:1; } #header-bottom-right a.pref-lang,.loggedin .logout a { background-position:-32px -0; background-image:url(%%spritesheet%%); width:16px; height:14px; display:inline-block; text-indent:-9999px; position:relative; top:-1px; transition:all .25s ease; margin:0; } .loggedin .logout a { background-position:-48px -0; } #header-img.default-header,#header-img { display: none; } #header .pagename a { display:inline-block; width:330px; height:60px; margin-left: 20px; background: url(%%headericon%%) no-repeat; background-size: contain; } #header-bottom-left { position:absolute; top:70px; left:16px; right:384px; } #header .tabmenu { display:block; height:42px; line-height:42px; border:none; margin:12px 0 0; } #header .tabmenu li a { text-transform:uppercase; font:700 15px/32px 'Ubuntu',Helvetica,Arial,sans-serif; color:#272D63; display:inline-block; margin:0 16px; padding:0; } #header .tabmenu li a:hover { color: #75A0D5 !important; } #header .tabmenu li.selected a { padding-bottom:4px; color:#75A0D5; border-bottom:2px solid; } body[class] > .content,body.listing-page[class]>.content { margin:16px 352px 64px 16px; padding:0; } .link { position:relative; margin:0; padding:16px; } .link .midcol { width:32px!important; overflow:visible; height:56px; margin:0 16px 0 0; } .link .score { line-height:16px; font-size:12px; text-align:center; margin:1px -100%; } .link .score.likes { color:#ff6422; } .link .score.dislikes { color:#5c5bd7; } .arrow { background-image:url(%%spritesheet%%)!important; width:33px; border-radius:2px; transition:background-color .25s ease; margin:0; } .arrow.up { height:20px; background-position:-0 -80px; transition:background-color .25s ease; } .arrow.upmod { height:20px; background-position:-32px -80px; position:relative; } .arrow.upmod:focus:after { position:absolute; left:2px; bottom:-3px; width:28px; height:28px; opacity:1; z-index:100; content:" "; background:#f50; border-radius:28px; animation:upvote .35s ease-out forwards; -webkit-animation:upvote .35s ease-out forwards; } .arrow.down { height:20px; background-position:-64px -80px; transition:background-color .25s ease; } .arrow.downmod { height:20px; background-position:-0 -100px; } .arrow.down:after { display:block; visibility:hidden; position:absolute; z-index:1000; background:rgba(79,77,192,0.0); border-radius:2px; color:rgba(255,255,255,0); content:"For content that does not contribute to any discussion."; text-align:center; letter-spacing:1px; font-weight:400; font-size:13px; transition:all .25s ease; pointer-events:none; margin:-6px 0 0 32px; padding:12px; } .arrow.down:hover:after { visibility:visible; background:rgba(79,77,192,0.9); color:#FFF; margin-left:48px; } .thumbnail { width:80px; height:56px; margin:0 16px 0 0; } .thumbnail img { min-height:56px; min-width:80px; max-width:none; position:relative; transform:translateY(-50%); top:50%; } .thumbnail.default,.thumbnail.self,.thumbnail.nsfw,.thumbnail.image,.thumbnail[data-href-url*="reddit.com"] { width:56px; height:56px; border-radius:28px; margin:0 28px 0 12px; } .thumbnail.default { background:#d2dbe0 url(%%spritesheet%%) -152px -48px; } .thumbnail.self { background:#d2dbe0 url(%%spritesheet%%) -96px -48px; } .thumbnail.image { background:#d2dbe0 url(%%spritesheet%%) -208px -48px; } .thumbnail.nsfw { background:#e85881 url(%%spritesheet%%) -96px -104px; } .thumbnail[data-href-url*="reddit.com"] { background:#75A0D5 url(%%spritesheet%%) -152px -104px; } .stickied .thumbnail { background-color:#272D63; } .link .entry { max-width:960px; margin:0; padding:0; } .link .title { font:13.5pt 'Ubuntu',Helvetica,Arial,sans-serif; transition:all .15s ease; overflow:visible; margin:0; } .link .domain { visibility:hidden; } .link .domain a { visibility:visible; position:relative; top:-1px; color:#98abba; transition:all .15s ease; } .approval-checkmark { cursor:default; margin-left:4px; } .expando-button,.expando-button.image,.expando-button.video-muted { position:relative; top:-1px; width:16px!important; height:16px!important; border-radius:2px; background-color:transparent; background-image:url(%%spritesheet%%)!important; border:1px solid #e9e9e9; cursor:pointer; margin:2px 6px 2px 0 !important; } .expando-button:hover { background-color:#0079d3; border-color:#0079d3; } .expando-button.selftext.collapsed { background-position:0 -48px!important; } .expando-button.selftext.collapsed:hover { background-position:-16px -48px!important; } .expando-button.video.collapsed { background-position:-64px -48px!important; } .expando-button.video.collapsed:hover { background-position:-80px -48px!important; } .expando-button.image.collapsedExpando { background-position:-32px -64px!important; } .expando-button.image.collapsedExpando:hover { background-position:-48px -64px!important; } .expando-button.image.gallery.collapsedExpando { background-position:0 -64px!important; } .expando-button.image.gallery.collapsedExpando:hover { background-position:-16px -64px!important; } .expando-button.video-muted.collapsed { background-position:-64px -64px!important; } .expando-button.video-muted.collapsed:hover { background-position:-80px -64px!important; } .link .usertext .md { margin-top:12px; margin-bottom:-12px; padding-top:12px; padding-left:0; background-color:transparent; border:0 solid; border-top:1px solid #edf1f3; border-radius:0; color:#292f34; } .entry .tagline { margin-top:3px; color:#98abba; font:12px 'Ubuntu',Helvetica,Arial,sans-serif; } .link .entry .tagline time { cursor:help; } .link .entry .tagline a.author { margin-right:inherit; } .tagline .userattrs > * { cursor:help; display:inline-block; color:#fff!important; line-height:13px; border-radius:2px; font-size:10px; font-weight:700; margin-left:4px; padding:0 3px; } .tagline .userattrs .moderator { background:#272D63; } .tagline .userattrs .admin { background:#F44336; } .tagline .userattrs .submitter { background:#75A0D5; } .tagline .userattrs .friend { background:#ff4500; } .RESUserTagImage { vertical-align:top; height:10px; width:16px; background-image:url(%%spritesheet%%); background-position:-32px -101px; opacity:.25; margin-left:2px; transition:opacity .15s ease; margin-top:2px; } .link .flat-list { margin-top:3px; padding:0; } .entry .buttons li { line-height:normal; } .entry .buttons li a { color:#98abba; font-weight:400; font:13px 'Ubuntu',Helvetica,Arial,sans-serif; transition:all .15s ease; padding:0 1px; } .entry .buttons li.nsfw-stamp { border-radius:0; border:none!important; padding:0; } .nsfw-stamp { border-radius:0; border:0; padding:0; } .nsfw-stamp acronym { position:relative; top:-1px; background:#ea4876; border-radius:0; color:#fff; cursor:help; padding:2px 3px; } .link .entry .buttons li a.comments { color:#75A0D5; font-weight:700!important; transition:all .25s ease-in-out!important; } .post-sharing .c-close { padding:15px; } .post-sharing,.subreddit-report-form { border:none; box-shadow:0 1px 4px 0 rgba(0,0,0,0.14); margin:15px 5px 5px; } .gold-payment .close-button { box-shadow:none; margin:11px -9px 6px 8px; } .action-form { position:fixed; top:35%; left:40%; background:#fff; z-index:100; box-shadow:0 0 16px rgba(0,0,0,0.12); border:none; border-radius:2px; margin:0; padding:24px; } .action-form .reason-prompt { font-size:16px; color:#4D5763; padding-bottom:8px; display:block; } .action-form .reason-prompt li { display:block; padding:4px 4px 4px 0; } .action-form li label { cursor:pointer; display:block; color:#4D5763; text-transform:capitalize; padding:4px 4px 4px 0; } .link .entry .buttons li .redditSingleClick { color:#98abba; font:normal 13px 'Ubuntu',Helvetica,Arial,sans-serif; transition:all .15s ease; padding:0 1px; } .linkflairlabel { height:18px; border-radius:1px; border:0 solid; color:#fff; font:normal normal bold 13px 'Ubuntu',Helvetica,Arial,sans-serif; cursor:default; vertical-align:middle; position:relative; top:-2px; background:#738491; padding:1px 6px; } .linkflair-mod .thumbnail.default,.linkflair-mod .thumbnail.self { background:#272D63 url(%%spritesheet%%) -208px -104px; } body .content .thing.spam { background-color:#FFE9E6; } .entry .buttons li.reported-stamp { background-color:transparent; border:none!important; text-transform:uppercase; color:#F44336; } a.pretty-button[class] { background-image:none; border:none; color:#fff; line-height:16px; transition:background-color .25s ease; border-radius:0; text-transform:uppercase; } a.pretty-button.negative { background:#fb797e; } a.pretty-button.negative:hover { background:#EF5350; } a.pretty-button.negative.pressed { background:#B71C1C; } a.pretty-button.neutral { background:#BDBDBD; color:#212121; } a.pretty-button.neutral:hover { background:#E0E0E0; } a.pretty-button.neutral.pressed { background:#9E9E9E; } a.pretty-button.positive { background:#4CAF50; } a.pretty-button.positive:hover { background:#43A047; } a.pretty-button.positive.pressed { background:#1B5E20; } a.pretty-button.positive.pressed,a.pretty-button.neutral.pressed,a.pretty-button.negative.pressed { background-image:none; } .big-mod-buttons { display:inline-block; overflow:hidden; border-radius:3px; vertical-align:top; margin-top:-1px; } .buttons > .pretty-button { border-radius:3px; } ul.report-reasons { border-radius:2px; background:#FAFAFA; border:none; font-size:12px; margin-top:4px; padding:8px; } b { padding-left:5px; } .link.last-clicked { background:rgba(0,0,0,0.04); border:none; } .thing.link.stickied a.title,.thing.link.stickied li a,.thing.link.stickied .entry li .comments { color:#272D63!important; } .thing.link.stickied .expando-button:hover { background-color:#272D63!important; border-color:#272D63!important; } .tagline .stickied-tagline { color:#b3b3b3; cursor:help; } .stickied.comment>.entry a,.stickied.comment .tagline .stickied-tagline { color:#272D63; } .link.promotedlink.promoted { background-color:#EFF7FF; padding:16px 0; } .link.promotedlink.promoted .thumbnail { height:auto; } .link.promotedlink.promoted .thumbnail img { max-height:none; max-width:none; min-width:0; min-height:0; transform:none; } .organic-listing { background:#fff!important; position:relative; margin-bottom:0; border:none; border-radius:2px 2px 0 0; padding:0; } .organic-listing .link,.organic-listing .link.compressed,.organic-listing .link.promotedlink { background:#E1F5FE; padding:16px; } .link.compressed { margin-bottom:0; padding-top:0; padding-bottom:0; } .link.compressed .score { margin:0 3px 0 0; } .link.compressed .entry { padding:9px 32px 9px 0; } body>.content .link.compressed .midcol { height:auto; margin:8px 4px 0 0; } .flairselector { position:fixed; top:20%!important; left:50%!important; margin-left:-125px; width:250px!important; border:none; border-radius:2px; box-shadow:0 0 16px rgba(0,0,0,0.12); padding:16px!important; } .flairselector h2 { margin-bottom:4px; background:none; color:#75A0D5; text-align:left; text-transform:capitalize; font-weight:400; font-size:18px; } .flairoptionpane { max-height:250px; text-align:left; } .flairselector .flairoptionpane ul li { margin:4px 0; padding:0!important; } .flairoptionpane ul li .linkflair { text-align:left; padding:0; } .flairoptionpane ul li .linkflair:hover,.flairselector li:hover { background-color:#F5F8F9; border:0 solid; } .flairoptionpane ul li .linkflair span.linkflairlabel { line-height:1.35; margin:8px 6px 8px 0; } .flairoptionpane ul li .linkflair a.title { font-size:18px!important; opacity:100!important; color:#75A0D5!important; } .flairselector form { padding-top:12px; border-top:1px solid #F7F7F7; } .flairselector form .flairselection:before { display:block; content:"Selected Flair:"; color:#738491; } .flairselector form .flairselection .linkflair a.title { font-size:18px!important; opacity:100!important; color:#75A0D5!important; cursor:default; } .flairselector form .flairselection .flairremove { margin-bottom:8px; visibility:hidden; display:block!important; padding:4px 0; } .flairselector form .flairselection .flairremove a { visibility:visible; opacity:100!important; color:#75A0D5!important; margin-left:-4px; text-transform:capitalize; } .flairselector form .flairselection .flairremove a:hover { text-decoration:underline!important; } .flairselector .customizer { display:block; width:100%; margin:8px 0; } .flairselector .customizer input[type='text'] { width:100%; } .flairselector form button { display:block; float:right; margin:0; } .flairselector .error:after { display:block; color:#b3b3b3; content:"Go to /r/.../about/flair"; } .flairselector img { position:relative; left:50%; margin-left:-9px; opacity:.5; } .flairselector li.selected { border:none; background-color:transparent; } .flairselector .flairoptionpane ul li.flairsample-right { border:none; padding:5px 0!important; } .flairselector li a,.flairselector form .flairselection a.author { color:#738491!important; font-size:11px; } .unvotable-message { border:0 solid; color:#738491; } .res .RES-keyNav-activeElement { outline:0 dashed #EEE!important; transition:all .15s ease; } .res .entry { transition:all .1s ease; } div.RES-keyNav-activeElement,div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed { background-color:transparent!important; padding-left:8px!important; border-left:3px solid #C2C2C2; } .res .commentarea .thing { border:none!important; border-radius:2px!important; padding:14px 16px 8px 8px !important; } .res .commentarea .thing.collapsed { padding-bottom:16px!important; } .res .commentarea .entry .flat-list { margin-bottom:0; padding-bottom:0; } .res .comment .entry { margin-bottom:16px; } .userTagLink.hasTag,#userTaggerPreview { font-size:11px!important; border-radius:0!important; border:0 solid!important; margin-top:0!important; margin-left:4px!important; } .RESDialogSmall { border:none; box-shadow:0 2px 3px rgba(0,0,0,0.12); margin-top:8px; } .RESDialogSmall > h3 { color:#4F8EF7; background-color:#FFF; border-bottom:1px solid #EDEDED; height:36px; margin:0; padding:8px; } .livePreview .md { padding:8px 12px; } .RESCloseButton { line-height:19px; height:22px; width:22px; transition:all .15s ease; } .RESCloseButton:hover { border:1px solid #D7D9DC; } #userTaggerToolTip input[type=text],#userTaggerToolTip select { line-height:22px; padding-left:4px; border:1px solid #E5E5E5!important; } .toggleButton { line-height:.8; } .toggleButton .toggleOn { border-radius:0; border:1px solid #4F8EF7; background-color:#4F8EF7; color:#fff; text-transform:capitalize; } .toggleButton .toggleOff { border-radius:0; border:1px solid #D7D9DC; background-color:transparent; text-transform:capitalize; } #userTaggerToolTip input[type=submit] { bottom:10px!important; } .content > .menuarea { border:none; color:#738491; overflow:visible; line-height:36px; border-bottom:1px solid rgba(0,0,0,0.14); margin:0; padding:0 20px; } .dropdown.lightdrop .selected { display:inline-block; color:#9E9E9E; text-decoration:none; cursor:pointer; background:0; z-index:2; padding:0 4px; } .dropdown.lightdrop .selected:after { content:" ▼"; } .drop-choices.lightdrop { border:none; z-index:1; box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24); border-radius:2px; min-width:156px; margin:-22px -20px 0; padding:32px 0 8px; } .drop-choices.lightdrop:before { display:block; content:''; border-bottom:1px solid rgba(0,0,0,.14); } .drop-choices a.choice { transition:all .1s ease; color:#212121; padding:8px 24px; } .drop-choices a.choice:hover { background-color:#eee; } .guider { border:none; box-shadow:0 2px 3px #DDD; } .guider_button { font-size:11px; border:none; background-image:none; background-color:#4F8EF7; transition:all .15s ease; } .guider_button:hover { background-color:rgba(79,142,247,0.75); } .x_button { transition:all .25s ease; box-shadow:0 1px 4px rgba(0,0,0,0.00); } .x_button:hover { box-shadow:0 1px 4px rgba(0,0,0,0.15); } .content .infobar { line-height:26px; border:none; background-color:#0079d3; color:#fff; border-radius:2px; margin:0 0 16px; padding:8px 16px; } .content .infobar.welcome { line-height:inherit; height:86px; } .content .infobar.welcome h1 { color:#4d5763; } .commentarea .infobar { line-height:18px; margin:0 0 16px; } .commentarea .infobar a { color:rgba(0,0,0,0.64); font-weight:700; } .reddit-infobar.with-icon { border:none; background:#fff; box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12); border-radius:2px; margin:0 0 16px; } .reddit-infobar.with-icon .md { color:#000; font-size:14px; } .reddit-infobar.with-icon.locked-infobar { background:#272D63; } .reddit-infobar.with-icon.locked-infobar p:after { content:" Sort comments by new to find out more."; } .reddit-infobar.with-icon.locked-infobar:before { background-color:#272D63; border-right:1px solid rgba(0,0,0,0.08); } #eu-cookie-policy .reddit-infobar { padding-right:118px; } #eu-cookie-policy .c-btn-primary { margin:-2px 16px 0 0; } #noresults { width:100%; height:416px; background:transparent url(%%noresults%%) no-repeat 50% 50%; text-indent:-9999px; font-size:0; display:block; margin:0; } .nav-buttons { color:#738491; margin:0 16px; padding:16px 0; } .nav-buttons .nextprev { color:#738491; font-size:14px; } .nav-buttons .nextprev a { background-color:transparent; border:1px solid #edf1f3; transition:background-color .15s ease; padding:8px 16px; } .nav-buttons .nextprev a:hover { text-decoration:none; background-color:rgba(0,0,0,0.05); } .side { background:none; width:320px; margin:165px 16px 108px 0; padding:0; } .side .titlebox h1.redditname:before { content:" "; position:absolute; display:block; width:320px; z-index:-1; height:76px; margin-top:-16px; margin-left:-16px; background:#fff; border-radius:0 0 2px 2px; box-shadow:0 1px 4px 0 rgba(0,0,0,0.14); } .side .titlebox h1.redditname { margin-bottom:6px; position:absolute; top:180px; z-index:100; font-family:'Ubuntu',Helvetica,Arial,sans-serif; } .side .titlebox h1.redditname a:before { content:""; position: relative; top: 3px; display: inline-block; width: 20px; height: 20px; margin-right: 5px; background: url(%%sideicon%%) no-repeat; background-size: contain; } .side .titlebox h1.redditname a { color:#333; } .titlebox span.subscribers { position:absolute; z-index:100; color:#333; font-size:12px; top:210px; } .titlebox .users-online { display:inline; } div.titlebox span.number:after { content:" readers"; } .titlebox .users-online .number { font-style:italic; } .titlebox .users-online .number:before { content:""; width:16px; height:9px; display:inline-block; margin-right:8px; background:url(%%spritesheet%%) -64px -36px; } .titlebox .users-online .number:after { content:" currently online"; } .titlebox .users-online,.titlebox .number { cursor:text; } .titlebox .fancy-toggle-button { position:absolute; top:188px; z-index:100; margin:0 0 0 208px; } .titlebox .fancy-toggle-button .active { display:block; border:none; height:32px; border-radius:2px; line-height:30px; background-image:none!important; text-transform:capitalize; box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12); transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),padding .2s ease,margin .2s ease; padding:0 12px; } .titlebox .fancy-toggle-button .active:active { box-shadow:0 0 0 rgba(0,0,0,0.0); } .titlebox .fancy-toggle-button .active.add:hover { background:#36bb6f; } .titlebox .fancy-toggle-button .active.add:active { background:#189b51; padding-left:24px; margin-left:-13px; text-align:center; } .titlebox .fancy-toggle-button .active.remove { background:rgba(0,0,0,0.24); color:#fff; margin-left:-14px; box-shadow:none; } .titlebox .fancy-toggle-button .active.remove:hover { background:rgba(0,0,0,0.32); } .titlebox .fancy-toggle-button .active.remove:active { background:rgba(0,0,0,0.4); } .hover-bubble.multi-selector { right:346px!important; margin-top:-56px; border:none; } .hover-bubble.anchor-right:before { right:-19px; border-left-color:#CCC; } .titlebox .bottom { padding-top:10px; border-color:rgba(0,0,0,0.14); } #search { position:absolute; top:260px; z-index:1; width:320px; height: 54px; } #search input[type=text] { border:0 solid; border-radius:2px; width:320px; height:42px; line-height:41px; background:#fff; box-shadow:0 1px 4px 0 rgba(0,0,0,0.14); transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1); padding:0 42px 0 16px; } #search input[type=text]:focus:hover { box-shadow:0 1px 5px rgba(0,0,0,0.24)!important; } #search input[type=submit] { height:32px; width:32px; margin-left:-38px; background:url(%%spritesheet%%) -64px -96px no-repeat; border:none!important; border-radius:16px; transition:background .2s cubic-bezier(.4,0,.2,1); } #search input[type=submit]:hover { background:rgba(158,158,158,.2) url(%%spritesheet%%) -64px -96px no-repeat; } #search #searchexpando { background:#edf1f3; border:none; border-radius:0 0 2px 2px; line-height:21px; box-shadow:0 1px 4px 0 rgba(0,0,0,0.14); margin:0; padding:4px; } #search #searchexpando label { cursor:pointer; transition:all .1s ease; padding:21px 8px 17px; } #search #searchexpando label:active { background:rgba(0,0,0,0.06); } .morelink { background:#272D63; height:36px; border-radius:2px; font-size:14px; line-height:36px; border:none; text-align:center; box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12); transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1); padding:0; } .sidebox.submit.submit-text .morelink { margin-left:168px; } .morelink a { color:#fff; font-weight:bold; letter-spacing:0; } .submit-text .morelink a:before { font-size:14px; content:"Submit Text"; } .submit-link .morelink a:before { font-size:14px; content:"Submit Link"; } .submit-text .morelink:before,.submit-link .morelink:after { content:"N/A"; position:absolute; left:-168px; top:0; width:152px; color:rgba(0,0,0,0.32); border-radius:2px; background:rgba(0,0,0,0.08); font-weight:400; z-index:-1; } .submit-link .morelink:after { left:168px; } .disabled .morelink { box-shadow:none!important; background:rgba(0,0,0,0.08); width:320px; } .disabled .morelink a { color:rgba(0,0,0,0.32); font-size:14px; } .submit.mod-override .morelink a:after { position:relative; float:right; margin:10px 10px 10px -16px; } .submit .morelink { position:absolute; top:322px; font-size:0; width:152px; } .wiki-page .wiki-page-content .discussionlink { margin:16px 0 0; padding:0; } .wiki-page .wiki-page-content .discussionlink a { padding:0 16px; } .login-form-side { border:none; border-bottom:1px solid #edf1f3; padding-bottom:8px; } .login-form-side input[type=text],.login-form-side input[type=password] { width:136px; margin:0; } .login-form-side input[type=text] { margin-left:0; margin-right:16px; } .login-form-side button.btn { margin-right:-3px; } .titlebox:before { content:"Subreddit Info"; display:block; color:#292f34; font:18px/24px 'Ubuntu',Helvetica,Arial,sans-serif; margin:8px 0; } .titlebox .tagline { font-size:12px; margin:0; } .titlebox .tagline:after { content:""; height:2px; background:#f2f2f2; display:block; margin-top:16px; } .titlebox form.flairtoggle { line-height:2; } .titlebox form.toggle.sr_style_toggle { padding-bottom:0; display:block; background-color:transparent; } .titlebox form.toggle.sr_style_toggle label { position:relative; top:-3px; } .side .md .-blocks,.side .md .-lists,.side .md pre,.side .md blockquote,.side .md table,.side .md p,.side .md ul,.side .md ol { color:#292f34; font:13px/1.45 'Ubuntu',Helvetica,Arial,sans-serif; } .side .titlebox .md h1 { line-height:18px; margin:.5em 0 0!important; } .side .titlebox .md h2 { margin:16px 0 2px; } .side .titlebox .md h3 a { width:100%; border-radius:2px; background:#0079d3; font:12px/42px 'Ubuntu',Helvetica,Arial,sans-serif; color:#fff; display:block; text-align:center; box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12); transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1); margin:1.5em 0; padding:0 16px; } .side .titlebox .md h4 a { background:#FFF; border-radius:2px; color:#75A0D5; font-weight:700; display:block; font-size:12px; line-height:42px; text-align:center; box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12); transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1); margin:1.5em 0; padding:0 16px; } .side .titlebox h4 a:active { background:#f4f6f7; box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12); } .md hr { border:solid 1px #e5e5e5; } .side #moderation_tools .title h1 { text-transform:capitalize; color:#4D5763; } .side #moderation_tools .title .collapse-button, { color:#4D5763; vertical-align:middle; text-align:center; border-radius:1px; border:1px solid #d8d8d8; } .side .sidecontentbox .content { border:none; padding:8px 0; } .icon-menu a { background:none; } .create .morelink { background:#fff; } .sidebox.create .morelink a { font-size:14px; color:#75A0D5; } .gadget .midcol { width:38px; } .commentarea { display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; } .comments-page .link .usertext .md { margin-bottom:0; } .commentarea .panestack-title { border-bottom:0; padding-left:16px; margin:16px 0 0; } .commentarea .menuarea { padding-left:16px; margin:0 0 20px; } .comment-permalink-page .commentarea .menuarea { margin:20px 0; } .commentarea .menuarea .dropdown.lightdrop .selected { font-weight:400; } .help-hoverable { font-size:x-small; } .commentarea>.usertext { background:#FAFAFA; overflow:visible; -webkit-order:-1; -ms-flex-order:-1; order:-1; margin:0; padding:16px; } .usertext button { margin:0 16px 0 0; } .commentarea .usertext-edit { width:100%; max-width:504px; } .commentarea .usertext-edit textarea { position:relative; z-index:0; width:100%; } .usertext .bottom-area { width:504px; } .gold-accent.comment-visits-box { line-height:36px; border-radius:2px; background:#CFD8DC; border:none; color:#292f34; max-width:initial; margin:0 0 16px; padding:0 8px; } .gold-accent.comment-visits-box select { margin:8px 0 8px 6px; } .reddit-infobar.gold-accent { background:#FFD54F; border:none; border-radius:2px; margin:16px 16px 0; padding:0 8px; } .reddit-infobar.gold-accent p { line-height:36px; margin:0; } .gilded-icon:before { background:url(%%spritesheet%%) -112px -160px; height:16px; width:16px; } .user-gilded>.entry .gilded-icon:before { width:16px; } .commentarea .sitetable { box-shadow:none; margin:0; } .commentarea .thing { margin:0 0 16px; padding:8px 16px 8px 0; } .commentarea .child .thing { box-shadow:none; margin:8px 0 0; padding:8px 8px 8px 2px; } .commentarea .comment .midcol { margin-top:2px; width:32px; margin-right:6px; overflow:visible; } .comment .child,.comment .showreplies { border-left:1px solid #edf1f3; margin-top:0; margin-left:20px; } .comment .midcol { width:24px; margin-right:0; } .comment .midcol .arrow { margin-left:0; margin-bottom:4px; } .comment .entry .tagline { color:#98abba; font:12px 'Ubuntu',Helvetica,Arial,sans-serif; } .comment .expand { background:none; transition:all .15s ease; color:#98abba; } .comment .expand:hover { color:#98abba; text-decoration:none; background:#edf1f3; } .comment.collapsed a.expand:after { content:"ah "; position:absolute; display:block; width:calc(100%-368px); background:rgba(0,0,0,0.00); left:16px; margin-top:-34px; height:50px; border-radius:2px; color:transparent; transition:background .2s cubic-bezier(.4,0,.2,1); } .comment.collapsed a.expand:hover:after { background:rgba(0,0,0,0.04); } .comment .author { color:#292f34; margin-right:0; font-weight:700; } .green { color:#272D63!important; font-weight:700; } .res .thing .tagline .author.submitter { border-radius:1px; background-color:#4F8EF7!important; box-shadow:0 0 0 rgba(0,0,0,0); transition:all .15s ease; padding:1px 4px; } .res .thing .tagline .author.submitter:hover { box-shadow:0 2px 4px rgba(0,0,0,0.2); background-color:#4F8EF7!important; } .comment .score { font-size:inherit; font-weight:700; color:#738491; } .comment .score:before { content:"• "; vertical-align:middle; line-height:14px; margin:0 2px; } .md a:visited { color:#7D5D8A; } .md blockquote { border-left:2px solid #edf1f3; color:#738491; } .md h1,.md h2 { border:none; color:#292f34; margin:.5em 0 .25em; } .md h3 { color:#292f34; margin:16px 0 0; } .usertext.grayed .usertext-body { background-color:transparent; text-transform:italic; margin:4px 0; padding:0; } .comment.spam > .child { padding-left:0; margin-left:16px; } .comment .flat-list li a { color:#98abba; font-weight:400; font-size:10px; } .comment .flat-list li a[onclick*="reply"] { color:#75A0D5; font-weight:700; font-size:11px; } .comments-page .side { margin-top:305px; } .comments-page .side .linkinfo { position:absolute; top:375px; width:320px; height:124px; background:#fff; border-radius:2px; box-shadow:0 1px 5px rgba(0,0,0,0.16); border:none; padding:16px; } .comments-page .side .linkinfo .score { color:#292f34; margin-top:8px; } .comments-page .side .linkinfo .shortlink { font-size:90%; margin-top:-2px; visibility:hidden; } .comments-page .side .linkinfo .shortlink input { background-color:#FAFAFA; border:none; border-radius:0 0 2px 2px; visibility:visible; width:320px; margin:0 -16px; padding:10px 16px; } .res.comments-page .side { margin-top:414px; } .read-next { width:320px; height:128px; border:1px solid #edf1f3; border-radius:2px 2px 0 0; } .read-next .read-next-header { border-bottom:1px solid #edf1f3; color:#738491; background-color:#f2f7fa; padding:8px 16px; } .read-next .read-next-nav { top:8px; } .read-next .read-next-button { background-color:#0079d3; color:#fff; font:10px/16px monospace; height:16px; width:16px; } .read-next .read-next-link { height:inherit; } .read-next .read-next-header-title { top:0; line-height:inherit; } .read-next .read-next-list { padding:8px 16px; } .read-next .read-next-meta { color:#738491; line-height:2; } .submit-page #header { height:144px; } .submit-page #header-bottom-left { top:45px; left:25%; margin-left: -20px; text-align: center; } .submit-page[class] .content { margin:32px auto 0; } .submit-page #newlink.submit.content { width:524px; margin:0 auto; } .submit-page #newlink.submit.content ul.tabmenu.formtab { position:relative; border:none; background:#0079D3; border-radius:2px; box-shadow:0 1px 4px 0 rgba(0,0,0,0.14); padding:0; } .submit-page #newlink.submit.content .tabmenu.formtab a { width:262px; display:inline-block; text-align:center; color:rgba(255,255,255,0.7); text-transform:uppercase; font-weight:700; transition:all .15s ease; font-size:16px; border:none; border-bottom:4px solid transparent; padding:16px; } .submit-page #newlink.submit.content .tabmenu.formtab .selected a { font-size:16px; background:none; color:#fff; border-bottom:4px solid; } .submit-page .formtabs-content { border-top:0; padding-top:0; } .submit-page .roundfield { width:524px; border:none; padding:16px; } .submit-page .roundfield span.title { color:#292f34; text-transform:capitalize; } .submit-page #url-field button { background:#c3cfd6; } .submit_text.enabled.roundfield { background:#0079D3; } .submit_text ol,.submit_text ul { margin-left:-1em; } .content.submit .info-notice { background:#edf1f3; border:none; margin-bottom:0; padding:16px; } #items-required { padding-bottom:0!important; padding-top:15px; } .submit-page #newlink.submit.content .btn { width:100%; height:auto; margin-top:16px; cursor:pointer; text-transform:capitalize; font:17px 'Ubuntu',Helvetica,Arial,sans-serif; margin-bottom:48px; padding:16px; } .submit-page #newlink.submit.content .btn:hover { box-shadow:0 2px 12px rgba(0,0,0,0.48); } body #newlink-with-image-upload .file-upload-button { padding-right:18px; line-height:29px; } #new-link-image-input > div:first-of-type { display:inline-block; padding-right:16px; } .search-page #header { height:156px; } .search-page #header-bottom-left { top:56px; } .search-page .searchpane { border:none; position:relative; margin:0; padding:0; } .search-page #search { position:absolute; top:-128px; left:60px; padding:0; } .search-page #search input[type=text] { min-width:320px; width:320px; } .combined-search-page .search-submit-button { position:relative; left:-42px; width:32px; height:32px; background:url(%%spritesheet%%) -64px -96px; box-shadow:none; border-radius:50%; transition:background-color .2s cubic-bezier(.4,0,.2,1); margin:0; padding:0; } .combined-search-page .search-submit-button:hover { background-color:rgba(158,158,158,.2); } .search-page #previoussearch label { position:absolute; width:100%; background:#f9f9f9; z-index:-1; border-radius:0 0 2px 2px; box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12); cursor:pointer; margin:-2px 0 0; padding:12px; } .search-page #previoussearch p a#search_showmore { position:absolute; left:324px; top:8px; width:22px; height:24px; background:url(%%spritesheet%%) -49px -168px no-repeat; overflow:hidden; font-size:0; } #previoussearch #moresearchinfo { max-width:none; border:none; margin:0; } .search-result-group { max-width:none; min-width:0; padding:0; } .search-result-group-header { height:36px; line-height:38px; border:none; margin:0 0 8px; padding: 16px; } .search-header-label { text-transform:capitalize; color:#738491; font:24px/38px 'Ubuntu',Helvetica,Arial,sans-serif; } .combined-search-page .search-result-group .search-menu { margin-right:16px; } .search-result.search-result-subreddit { display:inline-block; width:calc(33%-8px); max-width:360px; height:184px; border-radius:2px; vertical-align:top; overflow:hidden; margin:0 16px 16px 0; } .search-result-subreddit .search-result-meta { padding:4px 0; } .search-result { overflow:hidden; width:100%; margin:0; padding:16px; } .combined-search-page .search-result-subreddit .search-subscribe-button { border-radius:2px; } .combined-search-page .search-result-subreddit .search-subscribe-button .add,.combined-search-page .search-result-subreddit .search-subscribe-button .add:active { background:#0079d3; border:none; border-radius:2px; } .combined-search-page .search-result-subreddit .search-subscribe-button .remove,.combined-search-page .search-result-subreddit .search-subscribe-button .remove:active { background:transparent; border:1px solid #98abba; color:#738491; } .search-result.has-thumbnail>.thumbnail { margin-right:16px; flex:0 0 80px; } .search-result.has-thumbnail>.thumbnail.self,.search-result.has-thumbnail>.thumbnail.default,.search-result.has-thumbnail>.thumbnail.nsfw,.search-result.has-thumbnail>.thumbnail.image { margin-right:28px; flex:0 0 56px; } [class] .searchfacets { border:none; width:100%; max-width:initial; margin:0 0 8px; } .searchfacets h4.title { color:#738491; margin:0 0 8px; } .search-page .morelink { top:384px; } .search-page .side { margin-top:280px; } .wiki-page .wikititle { background:#fff; border-radius:2px; box-shadow:0 1px 5px rgba(0,0,0,0.16); font:16px 'Ubuntu',Helvetica,Arial,sans-serif; margin:0; padding:9px 16px 10px; } .wiki-page .pageactions { background:#fff; margin-left:16px; border-radius:2px; border:none; box-shadow:0 1px 5px rgba(0,0,0,0.16); padding:0 16px; } .wiki-page .pageactions .wikiaction { background:transparent; border-radius:0; color:#98abba; margin:0; padding:10px 16px 11px; } .wiki-page .pageactions .wikiaction-current { border-bottom:2px solid #75A0D5; color:#75A0D5; padding:10px 16px 9px; } .wiki-page .pageactions .wikiaction:hover,.wiki-page .pageactions .wikiaction-current:hover { background:rgba(0,0,0,0.05); } .wiki-page .wiki-page-content { background:#fff; margin:16px 0; padding:8px 0; } .wiki-page .wiki-page-content hr { border-color:#edf1f3; border-style:solid; } .linefield,.linefield.mobile { background:#fff; color:#98abba; width:528px; border:none; margin:0 0 16px; } .linefield .title { color:#75A0D5; text-transform:capitalize; padding:0; } .pretty-form { padding-top:24px; } .fancy-settings h1,.create-promotion h1 { color:rgba(255,255,255,.8); } .fancy-settings h1 strong { color:rgba(255,255,255,1); } .tabmenu { border-bottom:1px solid #edf1f3; margin-bottom:12px; } .tabmenu li { margin:0!important; } .tabmenu li a { background:none; color:#292f34; font-size:14px; } .tabmenu li.selected a { color:#75A0D5; background:none; border:none; } .tabpane-content .thing .title { overflow:visible; } .fancy-settings .pretty-form { padding-top:0; } .stylesheet-customize-container .pretty-form { margin-bottom:16px; padding:8px 0; } .sheets .btn.right { background:transparent; border:none; box-shadow:none; padding:0; } pre { overflow:hidden; } #images { background:#fff; position:relative; overflow:auto; height:inherit; padding:8px 0; } ul.image-preview-list { margin:16px 0 0; } ul.image-preview-list li { width:33.33%; } .subreddit-rules-page .subreddit-rule-buttons button,.subreddit-rules-page .subreddit-rule-add-form-buttons button,.subreddit-rules-page .form-buttons button,.subreddit-rule-delete-confirmation button { background:#0079d3; border:none; border-radius:2px; color:#fff; text-transform:uppercase; font-weight:700; height:36px; font-size:14px; font-family:'Ubuntu',Helvetica,Arial,sans-serif; box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12); transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1); padding:0 16px; } .subreddit-rule-item:hover { background-color:transparent; } .flair { border:none; border-radius:0; font:normal 12px 'Ubuntu',Helvetica,Arial,sans-serif; background:transparent; color:#98abba; padding-left:0; margin-right:inherit; } .link .flair { font-size:12px; } .flair:before { margin-right:3px; height:auto; content:"- "; margin-left:4px; } .listing-page .comment { margin-left:0; padding:16px 16px 16px 8px; } .listing-page .comment .midcol { width:36px; margin-right:2px; margin-top:4px; overflow:visible; } .listing-page .comment .parent { margin-bottom:4px; } .listing-page .comment .title { font-size:14px; margin-left:8px; } .footer-parent { position: relative; margin-top:192px; background:#272D63; padding:110px 0 40px; } .footer::before { background: url(%%footericon%%) no-repeat center; background-size: contain; left: 0; top: 45px; position: absolute; display: block; content: ''; width: 100%; height: 60px; } .footer { border:0 solid; max-width:640px; padding:16px; } .footer .col { border:none; padding:0 24px; } .bottommenu { color: #FFFFFF; } .bottommenu a { color: #5380B3; } .res .thing .tagline .author.moderator { background-color:#272D63!important; border-radius:1px; padding:1px 4px; } #header-bottom-right #userbarToggle + * { margin-left:0!important; } .res .srSep { color:rgba(255,255,255,0.45); } .res #RESShortcutsViewport { margin-right:381px; } .res #RESShortcutsEditContainer { margin-right:312px; } .res #RESShortcutsEditContainer,#RESShortcutsSort,#RESShortcutsRight,#RESShortcutsLeft,#RESShortcutsAdd,#RESShortcutsTrash { background-color:transparent!important; color:rgba(255,255,255,0.45)!important; top:1px!important; } .res #RESShortcuts { color:#E0E0E0; } .pinHeader-sub #sr-header-area,.pinHeader-subanduser #sr-header-area { background-image:url(%%headerimg%%); background-position:50% 0; } .pinHeader-sub #header-bottom-left,.pinHeader-subanduser #header-bottom-left { margin-top:0; } .pinHeader-header .content { margin-top:12px!important; } .pinHeader-header .side { margin-top:164px; } .pinHeader-header.res.comments-page .side { margin-top:290px; } .pinHeader-header #header { top:0; background-image:url(%%headerimg%%); height:84px; box-shadow:0 1px 5px rgba(0,0,0,0.24); } .res #header-bottom-right { top:1px; border-radius:0; height:18px; padding:0 8px 0 0; } .res #userbarToggle { background-color:transparent; color:rgba(255,255,255,0.45); border-radius:0; border:none; left:-32px; } .res a.beta-link { top:4px; } .res #header-bottom-right .user { font-size:0!important; } .res #header-bottom-right .user a { font-size:11px; } .res #sr-header-area a.RESShortcutsCurrentSub,.res #RESSubredditGroupDropdown .RESShortcutsCurrentSub a { color:#fff!important; border-bottom:2px solid #fff; } #RESAccountSwitcherIcon { position:relative; top:-4px; } .res #REScommentNavToggle { max-width:98px; overflow:hidden; max-height:15px; background-color:#FAFAFA; transition:all .35s ease; } .res #REScommentNavToggle:hover { max-width:100%; } .res .commentarea>.usertext { margin-top:-76px; padding-top:80px!important; } .res .content .RESBigEditorPop { background-color:rgba(0,0,0,0); line-height:inherit; font:11px 'Ubuntu',Helvetica,Arial,sans-serif; box-shadow:none; font-weight:400; color:#4D5763; border:none; height:inherit; margin-left:4px; margin-top:5px; padding:0; } html.res-commentBoxes .comment { margin-left:0!important; margin-right:0!important; } .res .titlebox .tagline { margin-top:6px; } .res .RESshortcutside,.res .RESDashboardToggle { background-image:none!important; border:none; color:#4D5763; text-transform:uppercase; text-decoration:none; border-radius:0; text-align:left; width:auto; margin:2px 6px 2px -4px; padding:4px 6px 4px 0; } .res .RESshortcutside:hover,.res .RESDashboardToggle:hover { background-color:transparent; color:#75A0D5; } .res #progressIndicator { width:inherit; border-radius:0; border:none; color:#b3b3b3; background-color:#fff; height:inherit; margin:16px 0; padding:16px; } .res .NERPageMarker { border-radius:0; border:none; background-color:#fff; margin:0; padding:16px 0; } .res #search #searchexpando { box-shadow:0 2px 6px rgba(0,0,0,0.2); height:auto; } .res #search #searchexpando label { padding-top:13px; padding-bottom:13px; } .res h1.hover.redditname { overflow:visible!important; } .res .commentarea .panestack-title { margin-top:0; padding-top:12px; padding-bottom:8px; } .gearIcon { background:url(%%spritesheet%%) -64px 0!important; position:relative; top:2px; transition:all .25s ease; } #RESMainGearOverlay { background-color:#516ae8; top:0!important; height:26px!important; border-radius:0!important; } .RESDropdownList { box-shadow:0 1px 5px rgba(0,0,0,0.24); margin-top:4px; margin-right:8px; border-color:#4258ca; } .RESDropdownList li { background-color:#516ae8; color:#fff; transition:all .15s ease; border-color:#4258ca; } .RESDropdownList li:hover,.RESDropdownList li a:hover { color:#fff; background-color:#667df0; } #RESSearchMenuItem { border:1px solid #4258ca; border-radius:1px; background-color:#667df0; } #RESSearchMenuItem:hover { background-color:#667df0; } .toggleButton .toggleOn,.toggleButton .toggleOff { text-transform:lowercase; } .moduleToggle:not(.enabled) .toggleOn,.toggleButton:not(.enabled) .toggleOn,.moduleToggle.enabled .toggleOff,.toggleButton.enabled .toggleOff { background-color:transparent; color:rgba(255,255,255,0.6); border:1px solid #4258ca; transition:all .15s ease; border-radius:2px; } .moduleToggle.enabled .toggleOn,.toggleButton.enabled .toggleOn,.moduleToggle:not(.enabled) .toggleOff,.toggleButton:not(.enabled) .toggleOff { background-color:#fff; color:#516AE8; font-weight:bolder; border:1px solid #fff; transition:all .15s ease; border-radius:2px; } .markdownEditor .edit-btn:not(.btn-macro) { border:0 solid!important; border-radius:1px; box-shadow:0 1px 2px rgba(0,0,0,0.12); } body.listing-page>.content,body.other-discussions-page>.content,.comments-page .link,.commentarea>.sitetable>.comment,#bottom-comments:not(.child)>.sitetable>.comment,#images,.sponsorshipbox,.stylesheet-customize-container .pretty-form,.combined-search-page>.content,.side .sidecontentbox,.account-activity-box,.side .titlebox,#previoussearch #moresearchinfo,#ad-frame,#ad_main,.wiki-page .wiki-page-content,.linefield,.submit-page .roundfield,.login-form-side,#ad_main_top,.search-result-subreddit,.search-result-listing + .search-result-listing .contents,[class] .searchfacets { background:#fff; border-radius:2px; box-shadow:0 1px 4px 0 rgba(0,0,0,0.14); padding:16px; } .commentarea>.sitetable>.comment,#bottom-comments>.sitetable>.comment { padding-left:10px; } #ad-frame,#ad_main,#ad_main_top { box-sizing:initial; padding:10px; } .sponsorshipbox { max-width:320px; padding:0; } #ad_sponsorship { margin:10px; } 20% { transform:translateY(76px); -webkit-transform:translateY(76px); opacity:0; } 25% { transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity:1; } 97% { transform:translateY(16px); -webkit-transform:translateY(16px); opacity:1; } 100% { transform:scale(1.5,1.5); -webkit-transform:scale(1.5,1.5); opacity:0; } 98% { opacity:0; } ::-moz-selection,::selection { background:#0079d3; text-shadow:none; color:#fff; } .btn:hover,button:hover,.c-btn-primary:hover,.wiki-page .wiki-page-content .wiki_button,.subreddit-rules-page .subreddit-rule-buttons button:hover,.subreddit-rules-page .subreddit-rule-add-form-buttons button:hover,.subreddit-rules-page .form-buttons button:hover,.subreddit-rule-delete-confirmation button:hover { color:#fff; text-decoration: underline; box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2); } .btn:active,button:active,.c-btn-primary:active,.wiki-page .wiki-page-content .wiki_button,.subreddit-rules-page .subreddit-rule-buttons button:active,.subreddit-rules-page .subreddit-rule-add-form-buttons button:active,.subreddit-rules-page .form-buttons button:active,.subreddit-rule-delete-confirmation button:active { color:#fff; background:#0066b2; box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12); } #sr-header-area .dropdown.srdrop .selected:hover,#header-bottom-right a:hover { text-decoration:underline; } #sr-header-area .dropdown.srdrop .selected:hover:after,.tagline .userattrs > :hover,.link .entry li .comments:hover,.searchfacets .facet.count:hover { text-decoration:none; } #sr-header-area .drop-choices.srdrop.inuse a:first-child,#search input[type=text]:focus { border-radius:2px 2px 0 0; } #header-bottom-right a,.flat-vert.title,.bottommenu a { color:#FFFFFF; } #header .pagename,.tagline .userattrs { font-size:0; } #header .tabmenu li a:hover,.infobar .md,.reddit-infobar.with-icon.locked-infobar .md,.submit-page #newlink.submit.content .tabmenu.formtab a:hover,.submit_text.enabled.roundfield .md,.RESDropdownList a,.RESDropdownList a:visited { color:#fff; } #header .tabmenu li:first-of-type a,.side .flair:before { margin-left:0; } .listing-page .tabmenu li > a[href$="/controversial/"],.wiki-page .tabmenu li > a[href$="/controversial/"],.listing-page .tabmenu li > a[href$="/ads/"],.wiki-page .tabmenu li > a[href$="/ads/"],#search #searchexpando p,.submit-page .infobar,.pinHeader-header:before,.res.search-page #header .tabmenu { display:none!important; } body >.content .link .rank,.rank-spacer,.thumbnail[data-href-url*="reddit.com"] img,.RESUserTagImage::after,div.titlebox span.word,.titlebox .users-online:before,.titlebox .word,.morelink .nub,.leavemoderator,.titlebox .tagline a.author,.titlebox form.toggle.leavecontributor-button,.sidebox .spacer,.gadget .reddit-entry .linkflairlabel,.submit-page .side,.submit-page .content h1,#suggested-reddits,.submit-page .footer-parent,.search-page #header .pagename a,.raisedbox h4,.combined-search-page .search-submit-button .search-icon,.search-result-meta span.search-time,.search-summary,.stylesheet-customize-container h2,.debuginfo,#hsts_pixel,.res #header-bottom-right .user .userkarma,.res #searchexpando .searchexpando-submit,.res .comment.collapsed a.expand:after { display:none; } .arrow:hover,.action-form li label:hover { background-color:rgba(0,0,0,0.05); } body .content .sitetable .link .title a:hover,.thing .title.loggedin.click,.thing .title.click,.thing .title.loggedin,.thing .title,.thing .title.loggedin.click:visited,.thing .title.click:visited,.link .entry .buttons li a.flairselectbtn,.titlebox .tagline a.flairselectbtn,.commentarea .menuarea .toggle a:hover,.help-hoverable:hover,.usertext .bottom-area a.reddiquette,.md a,.deepthread a,.combined-search-page .search-result .search-result-header .search-title,.combined-search-page .search-result a,.combined-search-page .search-result a>mark,.combined-search-page .search-result .search-comments,.usertext .bottom-area a:hover { color:#5380B3; } .content .thing .title:visited,.content .thing.visited .title,.morecomments a,.combined-search-page .search-result .search-result-meta,.nextprev,.next-suggestions { color:#738491; } .link .domain a:hover,.link .entry .tagline a:hover,.link .entry .buttons li a:hover,.comment .author:hover,.comment .flat-list li a:hover { color:#75A0D5; text-decoration:none; } .expando-button.selftext.expanded,.expando-button.video.expanded,.expando-button.image.expanded,.expando-button.image.gallery.expanded,.expando-button.video-muted.expanded { background-position:-32px -48px!important; } .expando-button.selftext.expanded:hover,.expando-button.video.expanded:hover,.expando-button.image.expanded:hover,.expando-button.image.gallery.expanded:hover,.expando-button.video-muted.expanded:hover { background-position:-48px -48px!important; } .link .entry .tagline a,.comment .usertext .md,.wiki-page .wiki-page-content .wiki.md,.wiki-page .wiki-page-content .wiki.md h2,.tabpane-content .tagline a { color:#292f34; } .link .entry .tagline:first-letter,.action-form .reason-prompt:first-letter,.flairselector form .flairselection .flairremove a:first-letter,.flairselector .error:first-letter,.unvotable-message:first-letter,.content .infobar:first-letter,.commentarea .menuarea span.dropdown-title.lightdrop:first-letter,.comments-page .side .linkinfo .date:first-letter,.searchfacets h4.title:first-letter,.linefield .title:first-letter,.linefield label:first-letter,.RESDropdownList li:first-letter { text-transform:capitalize; } .RESUserTagImage:hover,45% { opacity:1; } .action-form input[name="other_reason"],.md pre { padding:8px; } .linkflair-mod .linkflairlabel,.titlebox .fancy-toggle-button .active.add,.titlebox .fancy-toggle-button .active.add:hover { background:#272D63; color:#fff; } .big-mod-buttons a,.content .spacer,.link.compressed .title,.submit-page #newlink.submit.content form .spacer+.spacer,.combined-search-page .search-result-group footer .nav-buttons,.searchfacets .title,.searchfacets .list { margin:0; } .organic-listing .help,.organic-listing .sponsored-tagline { margin-bottom:20px; margin-right:16px; color:#98abba; } .flairselector.drop-choices.active,.wiki-page .wiki-page-content .wiki>.toc>ul,.tabpane-content { border:none; } .flairselector form .flairselection,.flairselector .error { text-align:left; } div.commentarea div.RES-keyNav-activeElement .md,.res .link .tagline a.voteWeight { background-color:transparent!important; } .dropdown.lightdrop .selected:hover,.guider_content h1 { color:#4F8EF7; } .side .spacer,.commentarea .usertext-edit .md,#images #image-upload { margin:0 0 16px; } .titlebox .fancy-toggle-button .active:hover,#search input[type=text]:hover,.side .titlebox h4 a:hover { box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2); } #search input[type="text"]:-moz-placeholder,#search input[type="text"]::-webkit-input-placeholder,#search input[type="text"]:-ms-input-placeholder { font-size:14px; text-transform:capitalize; top:1px; position:relative; } #search input[type=text]::-webkit-input-placeholder,#search input[type=text]:-moz-placeholder,#search input[type=text]::-moz-placeholder,#search input[type=text]:-ms-input-placeholder { color:#B3B3B3; } .morelink:hover,.side .titlebox .md h3 a:hover { background:#272D63; } .morelink:active,.side .titlebox .md h3 a:active { background:#0066b2; box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12); } .gadget .right,.account-activity-box a { text-transform:uppercase; } .commentarea .panestack-title .title,.res #progressIndicator h2 { color:#4D5763; } .commentarea .menuarea span.dropdown-title.lightdrop,.comments-page .side .linkinfo .date,.wiki-page .wiki-page-content em,.usertext .bottom-area a,.tabpane-content .flairrow a.author { color:#98abba; } .commentarea .menuarea .toggle a,.help-hoverable,.searchfacets .facet.count { color:#98abba; font-weight:400; } .linkinfo .score .number,.linkinfo .score .word { font-size:14px; } .combined-search-page .search-result-listing+.search-result-listing .contents,.search-result-subreddit .search-result-body,.linefield .linefield-content { padding:0; } .search-result.search-result-subreddit:nth-of-type(3n),.stylesheet-customize-container .pretty-form .sheets,.res .sitetable .sitetable { margin-right:0; } 27%,92% { transform:translateY(00px); -webkit-transform:translateY(00px); opacity:1; }