Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Subreddit theme created by Unix121
- Github: github.com/unix121
- */
- /* Basic Configuration */
- *, :before, :after {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- body {
- overflow-x: hidden;
- background: #545252;
- min-width: 920px;
- }
- /* User Bar */
- #header-bottom-right {
- position: absolute;
- top: 0;
- right: 0;
- width: auto;
- max-width: 340px;
- height: 24px;
- background: none;
- font-size: 11px;
- padding: 5px 8px 4px 2px;
- }
- body:not(.loggedin) #header-bottom-right {
- max-width: 340px;
- }
- #header-bottom-right a {
- color: rgba(255,255,255,0.7);
- }
- #header-bottom-right a:hover {
- text-decoration: underline;
- }
- .beta-hint a {
- margin-left: -16px;
- width: 16px;
- height: 16px;
- background: url(%%ArchLabs-logo-2%%) -48px -32px no-repeat;
- }
- .user a {
- max-width: 120px;
- overflow: hidden;
- display: inline-block;
- text-overflow: ellipsis;
- }
- .user .userkarma {
- font-weight: 400;
- color: rgba(255,255,255,0.4);
- border: none;
- font-size: 9px;
- transition: all .15s ease;
- }
- .separator, .user {
- color: rgba(255,255,255,0.4);
- }
- #mail, #modmail {
- width: 15px;
- height: 10px;
- background-image: url(%%ArchLabs-spritesheet%%) !important;
- background-repeat: no-repeat !important;
- background-color: transparent;
- transition: all .25s ease;
- }
- #mail {
- top: -0px;
- overflow: visible;
- }
- #mail.nohavemail {
- background-position: -48px -70px;
- }
- #mail.havemail {
- background-position: -48px -80px;
- opacity: 1;
- }
- .message-count {
- background: #f50;
- position: relative;
- top: -1px;
- color: #cbcbcb !important;
- }
- #mail.havemail:before {
- position: fixed;
- padding: 16px 24px;
- bottom: 24px;
- z-index: 100;
- border-radius: 2px;
- box-shadow: 0 1px 5px rgba(0,0,0,0.24);
- color: #cbcbcb;
- width: 300px;
- height: 48px;
- left: 32px;
- content: "You have new messages!";
- text-indent: 0;
- font: 14px Lato,Arial,sans-serif;
- line-height: 1;
- -webkit-transform: translateY(112px);
- transform: translateY(112px);
- transition: background .25s ease,box-shadow .25s ease;
- }
- #mail.havemail:hover:before {
- background-color: #ec5b5b;
- box-shadow: 0 3px 12px rgba(0,0,0,0.48);
- }
- #mail.havemail:active:before {
- background-color: #c73d3d;
- box-shadow: 0 4px 14px rgba(0,0,0,0.76);
- }
- .commentarea .panestack-title, .commentarea .menuarea {
- z-index: 0;
- }
- #modmail {
- top: -5px;
- }
- #modmail.nohavemail {
- background-position: -48px -70px;
- }
- #modmail.havemail {
- background-position: -48px -70px;
- opacity: 1;
- }
- #new_modmail {
- transform: scale(.85);
- }
- /* Header */
- #header {
- margin: 0;
- height: 196px;
- border: none;
- background: url(%%ArchLabs-spritesheet-1%%) 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);
- }
- /* Bar */
- #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 .separator, #sr-header-area .dropdown.srdrop .selected {
- background: none;
- color: rgba(255,255,255,0.4);
- 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(255,255,255,0.8);
- }
- #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 {
- margin: 0 12px 0 8px;
- padding: 0;
- background-image: none;
- }
- #sr-header-area .dropdown.srdrop .selected:hover {
- text-decoration: underline;
- }
- #sr-header-area .dropdown.srdrop .selected:after {
- display: inline-block;
- content: "▼";
- margin-left: 4px;
- font-size: 10px;
- }
- #sr-header-area .dropdown.srdrop .selected:hover:after {
- text-decoration: none;
- }
- /* Subreddits Dropdown */
- #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.srdrop.inuse a:first-child {
- border-radius: 2px 2px 0 0;
- }
- #sr-header-area .drop-choices a.choice {
- border: 0;
- color: #a9a8a8;
- padding: 3px 12px;
- transition: none;
- }
- #sr-header-area .drop-choices a.choice:hover {
- background: #666565;
- color: #a9a8a8;
- }
- /* Clickables */
- a {
- color: #a9a8a8;
- transition: color .30s ease;
- }
- ::-moz-selection {
- background: #545252;
- text-shadow: none;
- color: #a9a8a8;
- }
- ::selection {
- background: #545252;
- text-shadow: none;
- color: #a9a8a8;
- }
- :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: #545252;
- border: 2px solid #cbcbcb;
- color: #DFE1E8;
- 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: #cbcbcb;
- }
- 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 {
- border-color: #cbcbcb;
- color: #DFE1E8;
- }
- body .btn, body button, .c-btn-primary, .wiki-page .wiki-page-content .wiki_button {
- margin: 4px 16px 4px 0;
- padding: 0 16px;
- background: #545252;
- border: none;
- border-radius: 1px;
- color: #dfe1e8;
- text-transform: uppercase;
- font-weight: 700;
- height: 30px;
- line-height: 36px;
- font-size: 14px;
- font-family: Lato,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);
- }
- .btn:hover, button:hover, .c-btn-primary:hover, .wiki-page .wiki-page-content .wiki_button {
- color: #DFE1E8;
- background: #545252;
- 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 {
- color: #DFE1E8;
- background: #545252;
- box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
- }
- .c-btn-primary:active {
- margin-top: 4px;
- }
- /* Header Start */
- #header-img.default-header, #header-img {
- z-index: 99;
- width: 0;
- padding-left: 50px;
- height: 50px;
- background: url(%%ArchLabs-logo-3%%) -0px 0;
- margin: 0 8px 0 0;
- vertical-align: top;
- font-size: 0;
- }
- #header-img.default-header:hover, #header-img:hover {
- background-position: -0px 0;
- }
- /* Reddit Name */
- #header .pagename {
- font-size: 0;
- }
- #header .pagename a {
- display: inline-block;
- line-height: 20px;
- color: #DFE1E8;
- font: normal 700 42px/42px Lato,Arial,sans-serif;
- text-shadow: 0 1px 12px rgba(0,0,0,0.2);
- }
- /* Tabmenu - Hot / New / Top */
- #header-bottom-left {
- position: absolute;
- top: 92px;
- left: 16px;
- right: 384px;
- }
- #header .tabmenu {
- margin: 12px 0 0;
- display: block;
- height: 42px;
- line-height: 42px;
- border: none;
- }
- #header .tabmenu:before {
- content: "";
- display: block;
- position: absolute;
- left: -16px;
- right: -384px;
- background: rgba(0,0,0,0.24);
- height: 42px;
- z-index: -1;
- }
- #header .tabmenu li a {
- margin: 0 16px;
- padding: 0;
- text-transform: uppercase;
- font: 400 14px/32px Lato,Arial,sans-serif;
- color: rgba(255,255,255,0.7);
- display: inline-block;
- }
- #header .tabmenu li a:hover {
- color: #cbcbcb;
- }
- #header .tabmenu li:first-of-type a {
- margin-left: 0;
- }
- #header .tabmenu li.selected a {
- padding-bottom: 4px;
- color: #cbcbcb;
- border-bottom: 2px solid;
- }
- .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/"] {
- display: none !important;
- }
- /* Frontpage */
- body[class] > .content, body.listing-page[class] > .content {
- margin: 16px 352px 64px 16px;
- padding: 0;
- }
- .link {
- margin: 0;
- padding: 16px;
- position: relative;
- }
- /* Video Player */
- .pinnable-content.pinned .link {
- display: flex;
- }
- .pinnable-content.pinned .link .midcol {
- align-self: center;
- }
- .pinnable-content.pinned .link .entry {
- display: flex;
- max-width: initial;
- }
- .pinnable-content.pinned .midcol, .pinnable-content.pinned .top-matter, .pinnable-content.pinned .reddit-video-player-root {
- position: initial;
- }
- .pinnable-content.pinned .top-matter {
- order: 1;
- width: initial;
- align-self: center;
- }
- .pinnable-content.pinned .expando {
- margin: 0 20px 0 0;
- }
- .pinnable-content.pinned .invisible-when-pinned {
- display: none;
- }
- #newlink-with-image-upload #new-link-video-preview {
- box-shadow: none !important;
- }
- /* Link Objects */
- body > .content .link .rank, .rank-spacer {
- display: none;
- }
- /* Thumbnails */
- .thumbnail {
- width: 48px;
- height: 40px;
- margin: 0 10px 0 0;
- }
- .thumbnail img {
- min-height: 48px;
- min-width: 40px;
- max-width: none;
- position: relative;
- transform: translateY(-50%);
- top: 50%;
- }
- .thumbnail.default, .thumbnail.self, .thumbnail.nsfw, .thumbnail.image, .thumbnail.spoiler, .thumbnail[data-href-url*="reddit.com"] {
- width: 48px;
- height: 40px;
- margin: 0 0 0 0;
- border-radius: 28px;
- }
- .thumbnail.default {
- background: #413F3F url(%%ArchLabs-logo-4%%) 4px -2px;
- }
- .thumbnail.self {
- background: #413F3F url(%%ArchLabs-logo-4%%) 4px -2px;
- }
- .thumbnail.image {
- background: #413F3F url(%%ArchLabs-logo-4%%) 4px -2px;
- }
- .thumbnail.nsfw {
- background: #413F3F url(%%ArchLabs-logo-4%%) 4px -2px;
- }
- .thumbnail[data-href-url*="reddit.com"] {
- background: #413F3F url(%%ArchLabs-logo-4%%) 4px -2px;
- }
- .thumbnail[data-href-url*="reddit.com"] img {
- display: none;
- }
- .stickied .thumbnail {
- background-color: #413F3F;
- }
- .thumbnail.spoiler {
- background: #545252;
- }
- /* Inner Post Area */
- .link .entry {
- padding: 0;
- margin: 0;
- max-width: 960px;
- }
- /* Submission Title */
- .link .title {
- margin: 0;
- font: 12.5pt Lato,Arial,sans-serif;
- transition: all .15s ease;
- overflow: visible;
- }
- body .content .sitetable .link .title a:hover {
- color: #DFE1E8;
- }
- /* Unvisited*/
- .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title {
- color: #DFE1E8;
- }
- /* Visited */
- .content .thing .title:visited, .content .thing.visited .title {
- color: #b2b4b9;
- }
- /* Clicking */
- .thing .title.loggedin.click:visited, .thing .title.click:visited {
- color: #9c9da2;
- }
- /* Domain */
- .link .domain {
- visibility: hidden;
- }
- .link .domain a {
- visibility: visible;
- position: relative;
- top: -1px;
- color: #98abba;
- transition: all .15s ease;
- }
- .link .domain a:hover {
- color: #98abba;
- text-decoration: none;
- }
- .approval-checkmark {
- cursor: default;
- margin-left: 4px;
- }
- /* Expando Text */
- .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 #b2b4b9;
- border-radius: 0;
- color: #DFE1E8;
- }
- /* Submission Flatlist */
- .link .flat-list {
- padding: 0;
- margin-top: 3px;
- }
- .entry .buttons li {
- line-height: normal;
- }
- .entry .buttons li a {
- padding: 0 1px;
- color: #b2b4b9;
- font-weight: 400;
- font: 10px Lato,Arial,sans-serif;
- transition: all .15s ease;
- }
- .link .entry .buttons li a:hover {
- color: #b2b4b9;
- text-decoration: none;
- }
- .entry .buttons li.nsfw-stamp, .entry .buttons li.spoiler-stamp {
- padding: 0;
- border-radius: 0;
- border: none !important;
- }
- .nsfw-stamp, .spoiler-stamp {
- padding: 0;
- border-radius: 0;
- border: 0;
- }
- .nsfw-stamp acronym, .spoiler-stamp {
- position: relative;
- top: -1px;
- padding: 2px 3px;
- background: #413F3F;
- border-radius: 0;
- color: #b2b4b9;
- cursor: help;
- }
- .link .entry .buttons li a.comments {
- color: #b2b4b9;
- font-weight: 700 !important;
- transition: all .25s ease-in-out !important;
- }
- .link .entry li .comments:hover {
- text-decoration: none;
- }
- .post-sharing .c-close {
- padding: 15px;
- }
- .post-sharing, .subreddit-report-form {
- border: none;
- margin: 15px 5px 5px;
- box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
- }
- .gold-payment .close-button {
- box-shadow: none;
- margin: 11px -9px 6px 8px;
- }
- /* Report Comment */
- .action-form {
- position: fixed;
- top: 35%;
- left: 40%;
- margin: 0;
- padding: 24px;
- background: #545252;
- z-index: 100;
- box-shadow: 0 0 16px rgba(0,0,0,0.12);
- border: none;
- border-radius: 2px;
- }
- .action-form .reason-prompt {
- font-size: 16px;
- color: #DFE1E8;
- padding-bottom: 8px;
- display: block;
- }
- .action-form .reason-prompt:first-letter {
- text-transform: capitalize;
- }
- .action-form .reason-prompt li {
- padding: 4px 4px 4px 0;
- display: block;
- }
- .action-form li label {
- padding: 4px 4px 4px 0;
- cursor: pointer;
- display: block;
- color: #DFE1E8;
- text-transform: capitalize;
- }
- .action-form li label:hover {
- background-color: rgba(0,0,0,0.05);
- }
- .action-form input[name="other_reason"] {
- padding: 8px;
- }
- /* Edit Flair */
- .side .titlebox .tagline a.flairselectbtn, .leavemoderator a {
- background: #545252;
- border-radius: 2px;
- color: #DFE1E8;
- font: bold 11px Lato,Arial,sans-serif;
- padding: 2px 8px;
- position: absolute;
- right: 32px;
- text-transform: capitalize;
- transition: opacity .09s ease-in-out;
- }
- .side .titlebox .tagline a.flairselectbtn:hover, .leavemoderator a:hover {
- opacity: .7;
- text-decoration: none;
- }
- .titlebox .tagline {
- font-size: 0;
- }
- /*Top Sorting Menu */
- .content > .menuarea {
- margin: 0;
- padding: 0 20px;
- border: none;
- color: #cbcbcb;
- overflow: visible;
- line-height: 36px;
- border-bottom: 1px solid rgba(0,0,0,0.14);
- }
- .dropdown.lightdrop .selected {
- display: inline-block;
- color: #9E9E9E;
- text-decoration: none;
- cursor: pointer;
- padding: 0 4px;
- background: 0;
- z-index: 2;
- }
- .dropdown.lightdrop .selected:after {
- content: " ▼";
- }
- .dropdown.lightdrop .selected:hover {
- color: #b2b4b9;
- }
- .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;
- margin: -22px -20px 0;
- padding: 32px 0 8px;
- min-width: 156px;
- }
- .drop-choices.lightdrop:before {
- display: block;
- content: '';
- border-bottom: 1px solid rgba(0,0,0,.14);
- }
- .drop-choices a.choice {
- padding: 8px 24px;
- transition: all .1s ease;
- color: #323131;
- }
- /* Sidebar */
- .side {
- margin: 282px 16px 108px 0;
- padding: 0;
- background: none;
- width: 320px;
- }
- .side .spacer {
- margin: 0 0 0;
- }
- /* Subreddit Box */
- .side:before {
- background: #545252;
- content: "";
- display: block;
- position: absolute;
- z-index: 1;
- border-radius: 2px;
- box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
- }
- /* Subreddit Name / Subscibers / Online */
- .side .titlebox h1.redditname:before {
- content: " ";
- position: absolute;
- display: block;
- width: 320px;
- z-index: -1;
- height: 76px;
- margin-top: -16px;
- margin-left: -16px;
- background: #413F3F;
- 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: 308px;
- z-index: 100;
- font-family: Lato,Arial,sans-serif;
- }
- .side .titlebox h1.redditname a {
- color: #323131;
- }
- .titlebox span.subscribers {
- position: absolute;
- z-index: 100;
- color: #DFE1E8;
- font-size: 12px;
- top: 336px;
- }
- div.titlebox span.word {
- display: none;
- }
- .titlebox .users-online {
- display: inline;
- }
- .titlebox .users-online:before {
- display: none;
- }
- 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-color: #545252;
- }
- .titlebox .users-online .number:after {
- content: " currently online";
- }
- .titlebox .word {
- display: none;
- }
- .titlebox .users-online, .titlebox .number {
- cursor: text;
- }
- .drop-choices a.choice:hover {
- background-color: #545252;
- }
- /* Subscribe Button */
- .titlebox .fancy-toggle-button {
- margin: 0;
- position: absolute;
- margin-left: 208px;
- top: 314px;
- z-index: 100;
- }
- .titlebox .fancy-toggle-button .active {
- display: block;
- border: none;
- height: 32px;
- border-radius: 2px;
- line-height: 30px;
- background-image: none !important;
- padding: 0 12px;
- 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;
- }
- .titlebox .fancy-toggle-button .active: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);
- }
- .titlebox .fancy-toggle-button .active:active {
- box-shadow: 0 0 0 rgba(0,0,0,0.0);
- }
- /* Subscribe */
- .titlebox .fancy-toggle-button .active.add {
- background: #545252;
- color: #bab9b9;
- }
- .titlebox .fancy-toggle-button .active.add:hover {
- background: #878585;
- }
- .titlebox .fancy-toggle-button .active.add:active {
- background: #cbcbcb;
- padding-left: 24px;
- margin-left: -13px;
- text-align: center;
- }
- /* Unsubscribe */
- .titlebox .fancy-toggle-button .active.remove {
- background: rgba(0,0,0,0.24);
- color: #DFE1E8;
- 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 */
- #search {
- position: absolute;
- top: 384px;
- z-index: 1;
- width: 320px;
- }
- #search input[type=text] {
- padding: 0 42px 0 16px;
- border: 0 solid;
- border-radius: 2px;
- width: 320px;
- height: 42px;
- line-height: 41px;
- background: #413F3F;
- 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);
- }
- #search input[type=text]: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]:focus {
- border-radius: 2px 2px 0 0;
- }
- #search input[type=text]:focus:hover {
- box-shadow: 0 1px 5px rgba(0,0,0,0.24) !important;
- }
- #search input[type="text"]:-moz-placeholder {
- font-size: 14px;
- text-transform: capitalize;
- top: 1px;
- position: relative;
- }
- #search input[type="text"]::-webkit-input-placeholder {
- font-size: 14px;
- text-transform: capitalize;
- top: 1px;
- position: relative;
- }
- #search input[type="text"]:-ms-input-placeholder {
- font-size: 14px;
- text-transform: capitalize;
- top: 1px;
- position: relative;
- }
- #search input[type=text]::-webkit-input-placeholder {
- color: #DFE1E8;
- }
- #search input[type=text]:-moz-placeholder {
- color: #DFE1E8;
- }
- #search input[type=text]::-moz-placeholder {
- color: #DFE1E8;
- }
- #search input[type=text]:-ms-input-placeholder {
- color: #DFE1E8;
- }
- #search input[type=submit] {
- border: none !important;
- border-radius: 16px;
- }
- /* Expando */
- #search #searchexpando {
- background: #545252;
- border: none;
- border-radius: 0 0 2px 2px;
- margin: 0;
- padding: 4px;
- height: 154px;
- line-height: 50px;
- box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
- }
- #search #searchexpando label {
- padding: 21px 8px 17px;
- cursor: pointer;
- transition: all .1s ease;
- }
- #search #searchexpando label:active {
- background: rgba(0,0,0,0.06);
- }
- #search #searchexpando p {
- display: none !important;
- }
- /* Search results page */
- @media screen and (max-width: 1085px) {
- .search-page #search {
- left: 350px;
- }
- }
- /* Submit Button */
- .morelink {
- background: #413F3F;
- height: 36px;
- border-radius: 2px;
- font-size: 14px;
- line-height: 36px;
- border: none;
- text-align: center;
- padding: 0;
- }
- .morelink:hover {
- background: #413F3F;
- }
- .morelink:active {
- background: #413F3F;
- 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);
- }
- .sidebox.submit.submit-text .morelink {
- margin-left: 168px;
- }
- .morelink a {
- color: #DFE1E8;
- font-weight: 400;
- 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;
- }
- /* Restricted Button */
- .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;
- }
- .morelink .nub {
- display: none;
- }
- .submit.mod-override .morelink a:after {
- position: relative;
- margin: 10px 10px 10px 0;
- float: right;
- margin-left: -16px;
- }
- /* Submit Links */
- .submit .morelink {
- position: absolute;
- top: 442px;
- font-size: 0;
- width: 152px;
- }
- /* Wiki Talk Submit */
- .wiki-page .wiki-page-content .discussionlink {
- margin: 16px 0 0;
- padding: 0;
- }
- wiki-page .wiki-page-content .discussionlink a {
- padding: 0 16px;
- }
- /* Login Form */
- .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 Info */
- .titlebox:before {
- content: "Subreddit Info";
- display: block;
- background-color: #3a3838;
- color: #DFE1E8;
- font: 18px/24px Lato,Arial,sans-serif;
- margin: 8px 0;
- }
- .titlebox .tagline {
- margin: 0;
- }
- .titlebox .tagline:after {
- content: "";
- height: 2px;
- background: #3a3838;
- 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;
- }
- /* Sidebar Description */
- .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: #DFE1E8;
- font: 13px/1.45 Lato,Arial,sans-serif;
- }
- .side .titlebox .md h1 {
- line-height: 18px;
- margin: .5em 0 0 !important;
- }
- .side .titlebox .md h2 {
- margin: 16px 0 2px;
- }
- /* Buttonstyle H3 */
- .side .titlebox .md h3 a {
- padding: 0 16px;
- width: 100%;
- border-radius: 2px;
- background: #413F3F;
- font: 12px/42px Lato,Arial,sans-serif;
- color: #DFE1E8;
- display: block;
- margin: 1.5em 0;
- 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);
- }
- .side .titlebox .md h3 a:hover {
- background: #413F3F;
- 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);
- }
- .side .titlebox .md h3 a:active {
- background: #413F3F;
- box-shadow: 0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
- }
- .side .titlebox .md h4 a {
- padding: 0 16px;
- background: #413F3F;
- border-radius: 2px;
- color: #DFE1E8;
- font-weight: 700;
- display: block;
- margin: 1.5em 0;
- 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);
- }
- .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);
- }
- .side .titlebox h4 a:active {
- background: #cbcbcb;
- 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 #cbcbcb;
- }
- /* Mod Box */
- .side #moderation_tools .title h1 {
- text-transform: capitalize;
- color: #cbcbcb;
- }
- .side #moderation_tools .title .collapse-button {
- color: #cbcbcb;
- vertical-align: middle;
- text-align: center;
- border-radius: 1px;
- border: 1px solid #DFE1E8;
- }
- .side .sidecontentbox .content {
- border: none;
- padding: 8px 0;
- }
- .icon-menu a {
- background: none;
- }
- /* Create Community */
- .create .morelink {
- background: #3a3838;
- }
- .sidebox.create .morelink a {
- font-size: 14px;
- color: #DFE1E8;
- }
- .sidebox .spacer {
- display: none;
- }
- /* Recently Viewed Links */
- .gadget .midcol {
- width: 38px;
- }
- .gadget .reddit-entry .linkflairlabel {
- display: none;
- }
- .gadget .right {
- text-transform: uppercase;
- }
- /* Account Activity */
- .account-activity-box a {
- text-transform: uppercase;
- }
- /* Pinheader */
- .pinHeader-sub #sr-header-area, .pinHeader-subanduser #sr-header-area {
- background-image: url(%%ArchLabs-header-1%%);
- background-position: 50% 0;
- }
- .pinHeader-sub #header-bottom-left, .pinHeader-subanduser #header-bottom-left {
- margin-top: 0;
- }
- .pinHeader-header:before {
- display: none !important;
- }
- .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(%%ArchLabs-header-1%%);
- height: 84px;
- box-shadow: 0 1px 5px rgba(0,0,0,0.24);
- }
- .res.search-page #header .tabmenu {
- display: none !important;
- }
- .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 {
- left: -10px;
- top: 4px;
- }
- .res #header-bottom-right .user .userkarma {
- display: none;
- }
- .res #header-bottom-right .user {
- font-size: 0 !important;
- }
- .res #header-bottom-right .user a {
- font-size: 11px;
- line-height: 9px;
- }
- .res #sr-header-area a.RESShortcutsCurrentSub, .res #RESSubredditGroupDropdown .RESShortcutsCurrentSub a {
- color: #cbcbcb !important;
- border-bottom: 2px solid #cbcbcb;
- }
- #RESAccountSwitcherIcon {
- position: relative;
- top: -4px;
- }
- .res #REScommentNavToggle {
- max-width: 98px;
- overflow: hidden;
- max-height: 15px;
- background-color: #dcdcdc;
- 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 Lato,Arial,sans-serif;
- box-shadow: none;
- font-weight: 400;
- color: #323131;
- border: none;
- padding: 0;
- height: inherit;
- margin-left: 4px;
- margin-top: 5px;
- }
- html.res-commentBoxes .comment {
- margin-left: 0 !important;
- margin-right: 0 !important;
- }
- .res .commentarea .thing {
- border: none !important;
- border-radius: 2px !important;
- }
- .res .titlebox .tagline {
- margin-top: 6px;
- }
- .res .RESshortcutside, .res .RESDashboardToggle {
- background-image: none !important;
- border: none;
- color: #3a3939;
- text-transform: uppercase;
- text-decoration: none;
- border-radius: 0;
- padding: 4px 6px 4px 0;
- margin: 2px 6px 2px -4px;
- text-align: left;
- width: auto;
- }
- .res .RESshortcutside:hover, .res .RESDashboardToggle:hover {
- background-color: transparent;
- color: #98abba;
- }
- .res #progressIndicator {
- width: inherit;
- border-radius: 0;
- border: none;
- padding: 16px;
- margin: 16px 0;
- color: #b3b3b3;
- background-color: #cbcbcb;
- height: inherit;
- }
- .res #progressIndicator h2 {
- color: #cbcbcb;
- }
- .res .NERPageMarker {
- border-radius: 0;
- border: none;
- background-color: #cbcbcb;
- padding: 16px 0;
- margin: 0;
- }
- .res .sitetable .sitetable {
- margin-right: 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 #searchexpando .searchexpando-submit {
- display: none;
- }
- .res h1.hover.redditname {
- overflow: visible !important;
- }
- .res .commentarea .panestack-title {
- margin-top: 0;
- padding-top: 12px;
- padding-bottom: 8px;
- }
- .res .comment.collapsed a.expand:after {
- display: none;
- }
- /* Gear Dropdown */
- .gearIcon {
- position: relative;
- top: 2px;
- transition: all .25s ease;
- }
- #RESMainGearOverlay {
- background-color: #545252;
- top: 0 !important;
- height: 26px !important;
- border-radius: 0 !important;
- }
- .RESDropdownList {
- border-color: #545252;
- box-shadow: 0 1px 5px rgba(0,0,0,0.24);
- margin-top: 4px;
- margin-right: 8px;
- }
- .RESDropdownList li {
- background-color: #545252;
- color: #cbcbcb;
- border-color: #666565;
- transition: all .15s ease;
- }
- .RESDropdownList li:first-letter {
- text-transform: capitalize;
- }
- .RESDropdownList a, .RESDropdownList a:visited {
- color: #cbcbcb;
- }
- .RESDropdownList li:hover, .RESDropdownList li a:hover {
- color: #DFE1E8;
- background-color: #545252;
- }
- #RESSearchMenuItem {
- border: 1px solid #7a7878;
- border-radius: 1px;
- background-color: #666565;
- }
- #RESSearchMenuItem:hover {
- background-color: #666565;
- }
- .toggleButton .toggleOn, .toggleButton .toggleOff {
- text-transform: lowercase;
- }
- /* Toggle Off */
- .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 #7a7878;
- transition: all .15s ease;
- border-radius: 2px;
- }
- /* Toggle On */
- .moduleToggle.enabled .toggleOn, .toggleButton.enabled .toggleOn, .moduleToggle:not(.enabled) .toggleOff, .toggleButton:not(.enabled) .toggleOff {
- background-color: #666565;
- color: #a9a8a8;
- font-weight: bolder;
- border: 1px solid #7a7878;
- 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);
- }
- /* Shadows and Cards */
- 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, .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: #413F3F;
- padding: 16px;
- border-radius: 2px;
- box-shadow: 0 1px 4px 0 rgba(0,0,0,0.14);
- }
- .commentarea > .sitetable > .comment, #bottom-comments > .sitetable > .comment {
- padding-left: 10px;
- }
- /* Ads */
- #ad-frame, #ad_main, #ad_main_top {
- box-sizing: initial;
- padding: 10px;
- }
- .sponsorshipbox {
- max-width: 320px;
- padding: 0;
- }
- #ad_sponsorship {
- margin: 10px;
- }
- /* New Mail Toast Animation */
- #mail.havemail:before {
- 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;
- }
- #mail.havemail:hover:before {
- -webkit-animation-play-state: paused;
- -moz-animation-play-state: paused;
- -o-animation-play-state: paused;
- animation-play-state: paused;
- }
- @-webkit-keyframes toast {
- 0% {
- transform: translateY(76px);
- -webkit-transform: translateY(76px);
- opacity: 0;
- }
- 20% {
- transform: translateY(76px);
- -webkit-transform: translateY(76px);
- opacity: 0;
- }
- 25% {
- transform: translateY(-8px);
- -webkit-transform: translateY(-8px);
- opacity: 1;
- }
- 27% {
- transform: translateY(00px);
- -webkit-transform: translateY(00px);
- opacity: 1;
- }
- 92% {
- transform: translateY(00px);
- -webkit-transform: translateY(00px);
- opacity: 1;
- }
- 97% {
- transform: translateY(16px);
- -webkit-transform: translateY(16px);
- opacity: 1;
- }
- 100% {
- transform: translateY(76px);
- -webkit-transform: translateY(76px);
- opacity: 0;
- }
- }
- @-o-keyframes toast {
- 0% {
- transform: translateY(76px);
- -webkit-transform: translateY(76px);
- opacity: 0;
- }
- 20% {
- transform: translateY(76px);
- -webkit-transform: translateY(76px);
- opacity: 0;
- }
- 25% {
- transform: translateY(-8px);
- -webkit-transform: translateY(-8px);
- opacity: 1;
- }
- 27% {
- transform: translateY(00px);
- -webkit-transform: translateY(00px);
- opacity: 1;
- }
- 92% {
- transform: translateY(00px);
- -webkit-transform: translateY(00px);
- opacity: 1;
- }
- 97% {
- transform: translateY(16px);
- -webkit-transform: translateY(16px);
- opacity: 1;
- }
- 100% {
- transform: translateY(76px);
- -webkit-transform: translateY(76px);
- opacity: 0;
- }
- }
- @-moz-keyframes toast {
- 0% {
- transform: translateY(76px);
- -webkit-transform: translateY(76px);
- opacity: 0;
- }
- 20% {
- transform: translateY(76px);
- -webkit-transform: translateY(76px);
- opacity: 0;
- }
- 25% {
- transform: translateY(-8px);
- -webkit-transform: translateY(-8px);
- opacity: 1;
- }
- 27% {
- transform: translateY(00px);
- -webkit-transform: translateY(00px);
- opacity: 1;
- }
- 92% {
- transform: translateY(00px);
- -webkit-transform: translateY(00px);
- opacity: 1;
- }
- 97% {
- transform: translateY(16px);
- -webkit-transform: translateY(16px);
- opacity: 1;
- }
- 100% {
- transform: translateY(76px);
- -webkit-transform: translateY(76px);
- opacity: 0;
- }
- }
- @keyframes toast {
- 0% {
- transform: translateY(76px);
- -webkit-transform: translateY(76px);
- opacity: 0;
- }
- 20% {
- transform: translateY(76px);
- -webkit-transform: translateY(76px);
- opacity: 0;
- }
- 25% {
- transform: translateY(-8px);
- -webkit-transform: translateY(-8px);
- opacity: 1;
- }
- 27% {
- transform: translateY(00px);
- -webkit-transform: translateY(00px);
- opacity: 1;
- }
- 92% {
- transform: translateY(00px);
- -webkit-transform: translateY(00px);
- opacity: 1;
- }
- 97% {
- transform: translateY(16px);
- -webkit-transform: translateY(16px);
- opacity: 1;
- }
- 100% {
- transform: translateY(76px);
- -webkit-transform: translateY(76px);
- opacity: 0;
- }
- }
- @-webkit-keyframes upvote {
- 0% {
- transform: scale(0,0);
- -webkit-transform: scale(0,0);
- opacity: 1;
- }
- 45% {
- opacity: 1;
- }
- 98% {
- opacity: 0;
- }
- 100% {
- transform: scale(1.5,1.5);
- -webkit-transform: scale(1.5,1.5);
- opacity: 0;
- }
- }
- @-moz-keyframes upvote {
- 0% {
- transform: scale(0,0);
- -webkit-transform: scale(0,0);
- opacity: 1;
- }
- 45% {
- opacity: 1;
- }
- 98% {
- opacity: 0;
- }
- 100% {
- transform: scale(1.5,1.5);
- -webkit-transform: scale(1.5,1.5);
- opacity: 0;
- }
- }
- @-o-keyframes upvote {
- 0% {
- transform: scale(0,0);
- -webkit-transform: scale(0,0);
- opacity: 1;
- }
- 45% {
- opacity: 1;
- }
- 98% {
- opacity: 0;
- }
- 100% {
- transform: scale(1.5,1.5);
- -webkit-transform: scale(1.5,1.5);
- opacity: 0;
- }
- }
- @keyframes upvote {
- 0% {
- transform: scale(0,0);
- -webkit-transform: scale(0,0);
- opacity: 1;
- }
- 45% {
- opacity: 1;
- }
- 98% {
- opacity: 0;
- }
- 100% {
- transform: scale(1.5,1.5);
- -webkit-transform: scale(1.5,1.5);
- opacity: 0;
- }
- }
- /* More RES Fixes */
- .res .link .tagline a.voteWeight {
- background-color: transparent !important;
- }
- .res .thing .tagline .author.moderator {
- background-color: #545252 !important;
- color: #DFE1E8;
- padding: 1px 4px;
- border-radius: 1px;
- }
- #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;
- padding-right: 23px;
- }
- .res #RESShortcuts {
- color: #DFE1E8;
- }
- /* Footer */
- .footer-parent {
- height: 800px;
- margin-top: 192px;
- padding: 528px 0 64px;
- background: url(%%ArchLabs-header-1%%) 50% 0 / cover no-repeat;
- }
- .footer {
- border: 0 solid;
- border-radius: 2px;
- background: rgba(43,51,58,0.64);
- padding: 16px;
- max-width: 640px;
- }
- .footer .col {
- padding: 0 24px;
- border: none;
- }
- .flat-vert.title, .bottommenu a {
- color: rgba(255,255,255,0.7);
- }
- .bottommenu {
- color: rgba(255,255,255,0.42);
- }
- .debuginfo, #hsts_pixel {
- display: none;
- }
- /* Flairs */
- .flair {
- border: none;
- border-radius: 0;
- font: normal 12px Lato,Arial,sans-serif;
- background: transparent;
- color: #8d8b8b;
- padding-left: 0;
- margin-right: inherit;
- }
- .link .flair {
- font-size: 12px;
- }
- .flair:before {
- margin-right: 3px;
- height: auto;
- content: "- ";
- margin-left: 4px;
- }
- .side .flair:before {
- margin-left: 0;
- }
- /* Comments (/r/.../comments) */
- .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;
- }
- /* Subreddit Settings Page / Flair Page / Stylesheet Page / Rules Page */
- .linefield, .linefield.mobile {
- background: #cbcbcb;
- color: #98abba;
- margin: 0 0 16px;
- width: 528px;
- border: none;
- }
- .linefield .title {
- color: #98abba;
- text-transform: capitalize;
- padding: 0;
- }
- .linefield .linefield-content {
- padding: 0;
- }
- .linefield .title:first-letter, .linefield label:first-letter {
- text-transform: capitalize;
- }
- .usertext .bottom-area a {
- color: #DFE1E8;
- }
- .usertext .bottom-area a:hover {
- color: #DFE1E8;
- }
- .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: #DFE1E8;
- font-size: 14px;
- }
- .tabmenu li.selected a {
- color: #DFE1E8;
- background: none;
- border: none;
- }
- .tabpane-content {
- border: none;
- }
- .tabpane-content .flairrow a.author {
- color: #DFE1E8;
- }
- .tabpane-content .tagline a {
- color: #DFE1E8;
- }
- .tabpane-content .thing .title {
- overflow: visible;
- }
- .fancy-settings .pretty-form {
- padding-top: 0;
- }
- .fancy-settings h1, .fancy-settings h1 strong {
- color: rgba(0,0,0,.87);
- }
- /* More subreddits */
- [class] .searchfacets {
- border: none;
- margin: 0 0 8px;
- width: 100%;
- max-width: initial;
- }
- .searchfacets .title {
- margin: 0;
- }
- .searchfacets h4.title {
- color: #DFE1E8;
- margin: 0 0 8px;
- }
- .searchfacets h4.title:first-letter {
- text-transform: capitalize;
- }
- .searchfacets .list {
- margin: 0;
- }
- .searchfacets .facet.count {
- color: #DFE1E8;
- font-weight: 400;
- }
- .searchfacets .facet.count:hover {
- text-decoration: none;
- }
- .search-page .morelink {
- top: 384px;
- }
- .search-page .side {
- margin-top: 280px;
- }
- .search-summary {
- display: none;
- }
- /* Item */
- .search-result {
- overflow: hidden;
- width: 100%;
- margin: 0;
- padding: 16px;
- }
- .combined-search-page .search-result .search-result-header .search-title {
- color: #DFE1E8;
- }
- .combined-search-page .search-result .search-result-meta {
- color: #DFE1E8;
- }
- .combined-search-page .search-result a, .combined-search-page .search-result a > mark {
- color: #DFE1E8;
- }
- .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: #545252;
- border: none;
- border-radius: 2px;
- }
- /* Sidebar */
- .comments-page .side,
- .other-discussions-page .side {
- margin-top: 400px;
- }
- .comments-page .side .linkinfo,
- .other-discussions-page .side .linkinfo {
- position: absolute;
- top: 494px;
- padding: 16px;
- width: 320px;
- height: 98px;
- background: #cbcbcb;
- border-radius: 2px;
- box-shadow: 0 1px 5px rgba(0,0,0,0.16);
- border: none;
- }
- .comments-page .side .linkinfo .date,
- .other-discussions-page .side .linkinfo .date {
- color: #98abba;
- }
- .comments-page .side .linkinfo .date:first-letter,
- .other-discussions-page .side .linkinfo .date:first-letter {
- text-transform: capitalize;
- }
- .comments-page .side .linkinfo .score,
- .other-discussions-page .side .linkinfo .score {
- color: #323131;
- margin-top: 8px;
- }
- .linkinfo .score .number, .linkinfo .views .view-count,
- .other-discussions-page .linkinfo .score .number,
- .other-discussions-page .linkinfo .views .view-count {
- font-size: 14px;
- }
- .linkinfo .score .word, .linkinfo .views .unit {
- font-size: 14px;
- }
- .comments-page .side .linkinfo .shortlink,
- .other-discussions-page .side .linkinfo .shortlink {
- font-size: 90%;
- margin-top: -2px;
- visibility: hidden;
- }
- .comments-page .side .linkinfo .shortlink input,
- .other-discussions-page .side .linkinfo .shortlink input {
- background-color: #989797;
- border: none;
- border-radius: 0 0 2px 2px;
- margin: 0 -16px;
- padding: 10px 16px;
- visibility: visible;
- width: 320px;
- }
- .res.comments-page .side {
- margin-top: 414px;
- }
- .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 #7a7878;
- color: #DFE1E8;
- }
- .combined-search-page .search-result .search-comments {
- color: #DFE1E8;
- }
- .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;
- }
- .combined-search-page .search-result-group footer .nav-buttons {
- margin: 0;
- }
- .link .entry .buttons li .redditSingleClick {
- padding: 0 1px;
- color: #98abba;
- font: normal 13px Lato,Arial,sans-serif;
- transition: all .15s ease;
- }
- .nextprev, .next-suggestions {
- color: #DFE1E8;
- }
- .content .infobar {
- margin: 0 0 16px;
- padding: 8px 16px;
- line-height: 26px;
- border: none;
- background-color: #9c9b9b;
- color: #fff;
- border-radius: 2px;
- }
- .infobar .md {
- color: #fff;
- }
- .content .infobar:first-letter {
- text-transform: capitalize;
- }
- .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;
- }
- .md a {
- color: #cbcbcb;
- text-decoration: none;
- }
- .tagline a, .search-result-meta a {
- color: #cbcbcb;
- text-decoration: none;
- }
- .new-comment .md :not(pre) > code, .link .md :not(pre) > code, .usertext.border .md :not(pre) > code, .new-comment .md pre, .link .md pre, .usertext.border .md pre {
- background-color: #767474;
- }
Add Comment
Please, Sign In to add comment