Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- --- /r/Candidus Subreddit Theme | Build 5.0.0 ---
- --- Original Design Foundation by the retired /u/RoyalKoala23. Development assistance and current maintenance by /u/Stuffed02. ---
- */
- /* Sidebar Discord Button */
- .side a[href*="https://discord.gg/"] {
- background: transparent url(%%discordlogo%%) center center no-repeat!important;
- background-size: 120px!important;
- border-color: #551a8b;
- display: block!important;
- text-align: center!important;
- font-weight: bold;
- font-size: 14px!important;
- margin-left: -5px!important;
- border-radius: 3px!important;
- padding-top: 30px!important;
- transition: all 0.25s;
- margin-top: 0px;
- color: transparent!important;
- }
- /* Header */
- #header {
- background: #4285F4;
- height: 170px;
- width: auto;
- border: 0px;
- background-size: cover;
- }
- /*#header {
- background-repeat: repeat;
- -webkit-animation: banner 300s infinite linear;
- animation: banner 300s infinite linear;
- }
- @-webkit-keyframes banner {
- from { background-position: 0 0px; }
- to { background-position: -5402px 500px; }
- }
- @keyframes banner {
- from { background-position: 0 0px; }
- to { background-position: -5402px 0px; }
- }
- */
- #header-bottom-left .tabmenu {
- position: absolute;
- top: 160px;
- left: -50px;
- right: 0px;
- height: 35px;
- margin-top: 0;
- background-color: #4285F4;
- }
- #header-bottom-left .tabmenu li {
- position: relative;
- top: 9px;
- left: 60px;
- }
- #header-bottom-left .tabmenu li a {
- background: #4285F4;
- border: 0;
- font-weight: 500;
- color: rgba(255,255,255,0.7);
- font-size: 13px;
- padding: 4px 12px;
- text-transform: uppercase;
- -webkit-transition: all 0.3s;
- }
- #header-bottom-left .tabmenu li.selected a {
- background: #4285F4;
- color: #fff;
- padding-bottom: 9px;
- border-bottom: 2px solid #fff;
- }
- #header-bottom-left .tabmenu li a:hover {
- color: #fff;
- padding-bottom: 9px;
- border-bottom: 2px solid #fff;
- }
- #header-bottom-right {
- position: absolute;
- margin-bottom: -20px;
- background-color: #4285F4;
- border-radius: 0px;
- }
- .pagename a {
- background-image: url(%%candidus%%);
- top: 0; bottom:0; left: 0; right:0;
- margin: auto;
- padding:0;
- z-index: 300;
- font-size:0!important;
- position: relative!important;
- display: block!important;
- width: 253px;
- height: 64px;
- }
- /* Header Area */
- #sr-header-area {
- background: #4285F4;
- opacity: .5;
- border: 0px;
- transition: all .5s ease;
- }
- #sr-header-area:hover { opacity: 1; transition: all .5s ease; }
- #sr-header-area a {
- color: white;
- }
- a[href="https://www.reddit.com/subreddits/"] {
- background: #4285F4;
- color: white;
- }
- .dropdown.srdrop .selected {
- color: white;
- }
- .sr-bar a, .dropdown.srdrop .selected {
- color: white; }
- div#sr-header-area a#sr-more-link {
- background-color:#4285F4;
- color: white;
- }
- .drop-choices {
- background-color: #4285F4;
- }
- .drop-choice:hover {
- background-color: #cc3600;
- }
- #header-bottom-right .user {
- color: white;
- }
- #header .user a {
- color: white;
- }
- div#header-bottom-right .perf-lang a {
- color: white;
- }
- #header-bottom-right a.pref-lang, .loggedin .logout a {
- color: white;
- }
- #srList {
- background-color: #ff6933;
- color: white;
- z-index:99999999;
- }
- #srList a {
- color: white;
- }
- div.bottom {
- position: relative;
- margin-left: -12px;
- }
- /*===== Body =====*/
- body {
- background-color: white;
- }
- .content {
- margin-top: 32px;
- margin-left: 7px;
- margin-right: 7px;
- padding: 5px;
- overflow: hidden;
- background-color: white;
- border-radius: 5px;
- z-index: 103
- }
- .link {
- padding-top: 8px;
- padding-bottom: 8px;
- border-bottom: 1px solid #E5E0E0;
- margin: 0px;
- }
- body { font-family: Helvetica,Arial,"Lucida Grande",sans-serif; }
- .link .title {
- font-size: 16px;
- font-weight: bold;
- color: #4c4145; }
- .thing .title:visited, .thing.visited .title { color: #8b787f; }
- /*===== Sidebar =====*/
- .side {
- background-color: white;
- margin-top: 25px;
- }
- .nub, .titlebox form.toggle, .leavemoderator, .icon-menu li a, .sidebox .spacer {
- background-color: transparent !important;
- }
- .morelink {
- position: relative;
- z-index: 50;
- border-radius: 50px!important;
- border: none!important;
- background: #4285F4;
- padding-top: 3px!important;
- padding-bottom: 3px!important;
- color: white;
- width: 300px;
- transition: all .25s ease;
- }
- .morelink:hover {
- position: relative;
- /*margin-left: -3px;*/
- z-index: 50;
- border: none!important;
- background: #4285F4;
- padding-top: 3px!important;
- padding-bottom: 3px!important;
- overflow: visible!important;
- width: 300px;
- opacity: .85;
- transition: all .25s ease;
- }
- .morelink a {
- margin-top: -10px;
- color: white;
- font-weight: 400;
- font-size: 18px;
- padding-bottom: 10px;
- padding-top: 10px;
- overflow: visible;
- }
- .morelink a:hover {
- color: #fff;
- }
- .morelink:hover a {
- color: #fff;
- }
- .morelink .nub { display: none; }
- .side .helplink {
- background: #4285F4;
- background-size: 24px;
- border-radius: 5px;
- border-color: #4285F4;
- color: #fff;
- padding: 10px 9px;
- display: block!important;
- width: 281px;
- height: 250;
- font-size: 17px;
- position: relative;
- overflow: visible;
- text-transform: capitalize;
- text-align: center!important;
- margin-bottom: 5px!important;
- margin-top: -5px!important;
- transition: all 0.25s ease;
- }
- .side .helplink:hover {
- background: #4285F4;
- padding-top: 35px;
- color: transparent;
- opacity: .85;
- transition: all 0.25s ease;
- }
- .side .helplink:after {
- content: "Please include all relevant links when messaging the moderators!";
- padding: 0px 9px;
- width: 280px;
- position: absolute;
- top: 0;
- right: 0;
- background-color: transparent;
- color: #fff;
- letter-spacing: 0;
- margin-top: 8px;
- z-index: 9999;
- opacity: 0;
- -webkit-transition: .25s 0s;
- transition: .25s 0s;
- font-weight: 400;
- line-height: 1.4em;
- border-radius: 2px 2px 0 0;
- visibility: hidden;
- pointer-events: none;
- }
- .side .helplink:hover:after {
- opacity: 1;
- visibility: visible;
- -webkit-transition-delay: .25s;
- transition-delay: .25s;
- }
- #search input:focus {
- outline: none;
- border-bottom-right-radius: 0px!important;
- border-bottom-left-radius: 0px!important;
- }
- #search {
- position: relative;
- width: 300px;
- margin-top: 0px;
- }
- #search input[type="text"] {
- width: 300px;
- height: 35px;
- border: none;
- background: #F2F4F4;
- color: #3f3f3f!important;
- text-indent: 5px;
- }
- #search input[type="text"]:active {
- border-bottom-right-radius: 20px;
- border-bottom-left-radius: 20px;
- transition-delay: 0s;
- }
- #search input[type="text"] {
- border-bottom-right-radius: 20px;
- border-bottom-left-radius: 20px;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- transition-delay: 0.47s;
- }
- #searchexpando {
- background: #F2F4F4;
- border: 1px solid #F2F4F4;
- color: #3f3f3f;
- border-top: 0;
- margin-top: 0;
- border-radius: 0px;
- border-bottom-right-radius: 20px;
- border-bottom-left-radius: 20px;
- }
- #searchexpando a {
- color: #1870c9;
- }
- .side .res-sr-style-toggle {
- margin-left: 3px!important;
- z-index: 9999!important;
- }
- .fancy-toggle-button a,
- .subButtons .RESshortcut,
- .subButtons .RESDashboardToggle{
- color: white !important;
- background: #4285F4 !important;
- border: 1px solid #4285F4 !important;
- border-radius: 5px!important;
- padding-top: 5px!important;
- padding-bottom: 5px!important;
- margin-left: 3px;
- }
- .subscribers,.users-online,.leavemoderator,.toggle.leavecontributor-button,.toggle.flairtoggle {
- margin-left: 3px!important;
- }
- .subscribers .word {
- display: none;
- }
- .subscribers .number::after {
- content: " readers";
- }
- .users-online .word {
- display: none;
- }
- .users-online .number::after {
- content: " users here now";
- }
- h1.redditname {
- font-size: 20px;
- width: 298px;
- text-align: center;
- padding: 15px 0;
- background: transparent;
- border: 0px;
- border-radius: 0px;
- text-transform: capitalize;
- }
- h1.redditname a {
- display: block;
- color: #4285F4;
- font-weight: normal;
- font-size: 30px;
- }
- .side .redditname a:before {
- content: "";
- }
- h1.redditname:before {
- font-size: 14px;
- content: "";
- display: block;
- font-weight: normal;
- }
- .side .md h2 {
- background: #4285F4;
- margin-top: auto;
- margin-bottom: 0;
- width: 290px;
- color: #fff;
- padding-left: 10px;
- font-style: sans-serf;
- border-radius: 0px;
- border-top-right-radius: 5px;
- border-top-left-radius: 5px;
- padding-top: 1px;
- padding-bottom: 1px;
- }
- .side .md h2 + ul {
- margin-top: 0;
- margin-bottom: 0;
- padding: 0;
- list-style: none;
- font-size: 12px;
- width: 300px;
- }
- .side .md h2 + ul a {
- color: black;
- }
- .side:after{display:block;margin:0;padding:10px 0;color:#4285F4;content:"/r/Candidus Subreddit Theme";font:16px Lato,Arial,sans-serif;position:absolute;width:298px;border:1px solid #4285F4;border-radius:5px;text-align:center; opacity:.7;}
- .side .md h2 + ul a:hover {
- color: #fff;
- font-weight: bold;
- }
- .side .md h2 + ul :hover a {
- color: #4d4d4d;
- font-weight: bold;
- border-bottom: 1px dotted #4d4d4d;
- }
- .side .md h2 + ul > li > p {
- position: relative;
- background: #F2F4F4;
- padding: 10px 20px 10px 30px;
- margin: 3;
- color: #4d4d4d;
- font-weight: bold;
- border-left: none;
- font-style: sans-serf;
- transition: all .25s ease;
- }
- .side .md h2 + ul > li:last-child > p {
- border-radius: 0px;
- border-bottom-right-radius: 5px!important;
- border-bottom-left-radius: 5px!important;
- }
- .side .md h2 + ul > li > p:before {
- position: absolute;
- content: "";
- width: 7px;
- height: 7px;
- border-radius: 0%;
- background: #4d4d4d;
- border: none;
- left: 10px;
- top: 13px;
- transition: all .25s ease;
- }
- .side .md h2 + ul > li > p:hover:before {
- background: #4d4d4d;
- border-radius: 50%;
- width: 8px;
- height: 8px;
- transition: all .25s ease;
- }
- .side .md h2 + ul > li > p:hover {
- padding-left: 40px;
- transition: all .25s ease;
- }
- .side .md h2 + ul :hover {
- background: #E5E8E8;
- color: #4d4d4d;
- font-weight: bold;
- }
- .side .md h3 {
- background: #4285F4;
- margin-top: auto;
- margin-bottom: 0;
- width: 290px;
- color: #fff;
- padding-left: 10px;
- font-style: sans-serf;
- border-radius: 5px;
- padding-top: 1px;
- padding-bottom: 1px;
- font-weight: normal;
- }
- .side h4 + blockquote {
- text-align: inherit;
- display:block;
- padding: 10px;
- margin-left: 0px;
- background-color:#4285F4;
- border:1px solid #4285F4;
- border-radius: 5px;
- width: 278px;
- color: #fff !important;
- }
- .side h4 + blockquote :hover {
- opacity: .85;
- transition: .25s ease;
- }
- .side h5 + blockquote {
- text-align: inherit;
- display:block;
- padding: 10px;
- margin-left: 0px;
- background-color:#F4F6F6;
- border:1px solid #F4F6F6;
- border-radius: 5px;
- width: 278px;
- color: #4d4d4d !important;
- transition: all 1s ease;
- }
- .side h6 + blockquote {
- text-align: inherit;
- display:block;
- padding: 10px;
- margin-left: 0px;
- background-color:#4285F4;
- border:1px solid #4285F4;
- border-radius: 5px;
- width: 278px;
- color: #fff !important;
- transition: all 1s ease;
- }
- .linkinfo {
- background: #4285F4;
- color: #fff;
- border-radius: 5px;
- border: none;
- }
- .premium-banner-outer {
- border-radius: 5px;
- }
- .side .bottom{
- margin-left: 0px!important;
- }
- /* --------------------- Flairs ----------------------- */
- /* Flair Selector */
- .flairselector {
- position: fixed;
- top: 20%!important;
- left: 50%!important;
- margin-left: -125px;
- padding: 32px!important;
- width: 250px!important;
- border: none;
- border-radius: 2px;
- box-shadow: 0 0 16px rgba(0,0,0,0.12);
- }
- .flairselector.drop-choices.active {
- border: 1px solid #e2e2e2
- }
- .flairselector h2 {
- margin-bottom: 10px;
- background-color: transparent;
- color: white;
- text-align: left;
- text-transform: capitalize;
- font-weight: 400;
- font-size: 18px;
- }
- .flairoptionpane {
- max-height: 250px;
- text-align: left;
- }
- .flairselector .flairoptionpane ul li {
- padding: 0!important
- }
- .flairoptionpane ul li .linkflair {
- text-align: left;
- padding: 0
- }
- .flairoptionpane ul li .linkflair:hover,.flairselector li:hover {
- background-color: #d9d9d9;
- border: 0 solid
- }
- .flairoptionpane ul li .linkflair span.linkflairlabel {
- margin: 8px 0;
- line-height: 1.35;
- margin-right: 6px
- }
- .flairoptionpane ul li .linkflair a.title {
- font-size: 18px!important;
- opacity: 100!important;
- color: white!important
- }
- .flairselector form {
- padding-top: 12px;
- border-top: 1px solid #F7F7F7
- }
- .flairselector form .flairselection {
- text-align: left
- }
- .flairselector form .flairselection:before {
- display: block;
- content: "Selected Flair:";
- color: white;
- }
- .flairselector form .flairselection .linkflair a.title {
- font-size: 18px!important;
- opacity: 100!important;
- color: #24a0ed!important;
- cursor: default
- }
- .flairselector form .flairselection .flairremove {
- padding: 4px 0;
- margin-bottom: 8px;
- visibility: hidden;
- display: block!important
- }
- .flairselector form .flairselection .flairremove a {
- visibility: visible;
- opacity: 100!important;
- color: #24a0ed!important;
- margin-left: -4px;
- text-transform: capitalize
- }
- .flairselector form .flairselection .flairremove a:first-letter {
- text-transform: capitalize
- }
- .flairselector form .flairselection .flairremove a:hover {
- text-decoration: underline!important
- }
- .flairselector .error {
- text-align: left
- }
- .flairselector .error:first-letter {
- text-transform: capitalize
- }
- .flairselector .error:after {
- display: block;
- color: white;
- content: "Go to /about/flair"
- }
- .flairselector img {
- position: relative;
- left: 50%;
- margin-left: -9px;
- opacity: .5
- }
- .flairselector .flairoptionpane ul li {
- margin: 4px 0
- }
- .flairselector li.selected {
- border: none;
- background-color: transparent
- }
- .flairselector .flairoptionpane ul li.flairsample-right {
- padding: 5px 0!important;
- border: none
- }
- .flairselector li a,.flairselector form .flairselection a.author {
- color: #24a0ed!important;
- font-size: 11px
- }
- .linkflair a.title{
- position: relative;
- top: -1px;
- }
- .linkflair .domain {
- position: relative;
- top: -3px;
- }
- .linkflair .add-domain-tag{
- position: relative;
- top: -3px;
- }
- .linkflair .linkflairlabel {
- min-width: 70px;
- text-align: center;
- font-size: 11px;
- font-weight: 500;
- color: #ffffff;
- border: 1px solid;
- max-width: none!important;
- border-radius: 0px;
- }
- .linkflair-modpost .linkflairlabel {
- background-color: #0059b3;
- border-color: #0059b3;
- }
- /* Toolbox */
- /*
- Please Note: Toolbox devs do not recommend making changes to Toolbox with CSS. As this is the generic version of /r/Candidus Subreddit Theme, it will not receive immediate updates to this section. If this section is causing issues, deleting it will not affect the rest of the theme.
- */
- .listing-page .link .add-domain-tag,
- .listing-page .link .global-mod-button,
- .listing-page .link a#add-user-tag,
- .listing-page .link a.user-history-button,
- .listing-page .link a.tb-user-profile.tb-bracket-button,
- .listing-page .link span.tb-bracket-button.tb-show-action-table {
- opacity: 0;
- transition: opacity 0.15s ease-in-out;
- }
- .link:hover .add-domain-tag,
- .link:hover .global-mod-button,
- .link:hover a#add-user-tag,
- .link:hover a.user-history-button,
- .link:hover a.tb-user-profile.tb-bracket-button,
- .link:hover span.tb-bracket-button.tb-show-action-table {
- opacity:100;
- }
- .listing-page .link.stickied .add-domain-tag,
- .listing-page .link.stickied .global-mod-button,
- .listing-page .link.stickied a#add-user-tag,
- .listing-page .link.stickied a.user-history-button,
- .listing-page .link.stickied a.tb-user-profile.tb-bracket-button,
- .listing-page .link.stickied span.tb-bracket-button.tb-show-action-table {
- opacity: 100!important;
- }
- #tb-metrics-expand-list {
- position: absolute!important;
- }
- .drop-choices.lightdrop.sortorder-options.inuse a.choice{
- color: white;
- }
- .add-domain-tag:after{
- content: "ag Domain";
- }
- .add-domain-tag:hover {
- text-decoration: none!important;
- background-color: #a6a6a6!important;
- color: white!important;
- border-color: #a6a6a6!important;
- }
- .global-mod-button:after{
- content: "od Action"
- }
- .global-mod-button:hover {
- text-decoration: none!important;
- background-color: #009933!important;
- color: white!important;
- border-color: #009933!important;
- }
- a#add-user-tag:hover {
- text-decoration: none!important;
- background-color: #9999ff!important;
- color: white!important;
- border-color: #9999ff!important;
- }
- a.user-history-button{
- font-size: 0px!important;
- }
- a.user-history-button:before {
- content: "User History";
- font-size: 10px!important;
- }
- a.user-history-button:hover {
- text-decoration: none!important;
- background-color: #ff4d4d!important;
- color: white!important;
- border-color: #ff4d4d!important;
- }
- a#add-user-tag a[title*=""]:before {
- font-size: 0px!important;
- }
- a.tb-user-profile.tb-bracket-button:after {
- content: "rofile"
- }
- a.tb-user-profile.tb-bracket-button:hover {
- background-color: #ff9933!important;
- border-color: #ff9933!important;
- text-decoration: none!important;
- color: white!important;
- }
- span.tb-bracket-button.tb-show-action-table:hover {
- background-color: #00cc66!important;
- color: white!important;
- border-color: #00cc66!important;
- text-decoration: none!important;
- }
- #tb-context-menu.show-context-left.hover-activated.show-tb-context {
- background-color: white!important;
- border-color: #d2d2d2!important;
- color: black!important;
- border-top-right-radius: 20px!important;
- border-bottom-right-radius: 20px!important;
- }
- a.tb-bottombar-unhide.tb-icons {
- background-color: white!important;
- border: 1px solid #d2d2d2!important;
- color: black!important;
- border-top-right-radius: 20px!important;
- border-bottom-right-radius: 20px!important;
- }
- a.tb-bottombar-hide.tb-icons {
- background-color: white!important;
- border-color: #d2d2d2!important;
- color: black!important;
- border-top-right-radius: 20px!important;
- border-bottom-right-radius: 20px!important;
- }
- span#tb-bottombar-contentleft {
- background-color: white!important;
- border-color: white!important;
- color: black!important;
- }
- span#tb-toolbarcounters {
- background-color: white!important;
- border-color: white!important;
- color: black!important;
- }
- #tb-bottombar {
- background-color: white!important;
- border-top: 1px solid #d2d2d2!important;
- border-right: 1px solid #d2d2d2!important;
- color: black!important;
- }
- a#tb-toolbar-mysubs.tb-modbar-button {
- background-color: white!important;
- border-color: white!important;
- color: black!important;
- }
- a#tb-old-new-reddit-toggle.tb-modbar-button {
- background-color: white!important;
- border-color: white!important;
- color: black!important;
- }
- #tb-bottombar-hidden {
- background-color: transparent!important;
- border-color: transparent!important;
- }
- #tb-modbar-hide-tooltip {
- background-color: white!important;
- color: black!important;
- border: 1px solid #d2d2d2!important;
- }
- /* RES */
- .res #header {
- height: 155px;
- }
- .res #header-bottom-left .tabmenu {
- position: absolute;
- top: 155px;
- left: -50px;
- right: 0px;
- height: 35px;
- margin-top: 0;
- background-color: #4285F4;
- padding-bottom: 2px;
- }
- .res .RES-keyNav-activeElement,
- .res .commentarea .RES-keyNav-activeElement .md,
- .res .RES-keyNav-activeElement .md-container,
- .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
- background: transparent!important;
- }
- .res #RESShortcutsSort, .res #RESShortcutsRight, .res #RESShortcutsLeft, .res #RESShortcutsAdd, .res #RESShortcutsTrash, .res #RESShortcutsEditContainer {
- background-color: transparent;
- color: white;
- }
- .res #search {
- margin-top: 15px;
- }
- .res body>.content {
- margin-top: 45px;
- }
- .res .side {
- margin-top: 30px;
- }
Add Comment
Please, Sign In to add comment