reddit-dec-css-theme

elp
/* eddited options */

body>.content:before {
    content: "DESILUSION EN LA COLMENA"
}
.submit-text .morelink a:before {
    content: "Tell"
}
.submit-link .morelink a:before {
    content: "Show"
}
/* eddited extras */

body {
    padding-top: 158px
}
body>.content:before {
    display: block;
    left: 0;
    right: 0;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: 2px;
    line-height: 150px;
    margin-top: -163px;
    height: 150px;
    position: absolute;
    border-bottom: 2px solid #567458;
    background: url(%%header%%);
    background-size: cover;
    background-position: top;
    color: #fff
}
.thing.over18 .thumbnail {
    color: #fff;
    background: #d86a62
}
.thing.over18 .thumbnail img {
    display: none
}
.thing.over18 .thumbnail:after {
    content: "nsfw"
}
/* eddited core v0.9.2 */

body,
html {
    margin: 0
}
body {
    display: -ms-flexbox;
    display: flex;
    background: #f7f7f7;
    color: #191a23;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}
body.with-listing-chooser .listing-chooser,
body.with-listing-chooser.listing-chooser-collapsed .listing-chooser {
    top: 40px;
    z-index: 5
}
body.with-listing-chooser #header .pagename {
    position: relative;
    bottom: auto;
    margin-right: 6px
}
.content,
.side {
    box-sizing: border-box;
    padding: 12px;
    background: #fff
}
.content .content {
    margin: 0;
    padding: 0;
    border: none
}
.md hr {
    margin: 12px 0;
    height: 1px;
    background-color: #eaeaea
}
a {
    color: #567458
}
input[type=text],
textarea {
    box-sizing: border-box;
    padding: 6px 12px!important;
    border: 1px solid #eaeaea!important;
    background: #fff!important;
    color: #191a23!important
}
input[type=text]:focus,
textarea:focus {
    outline: none;
    border-color: #567458!important
}
.btn {
    padding: 6px 12px
}
.sidebox.create {
    clear: both
}
.sidebox.create .spacer {
    display: none
}
.morelink {
    border: none;
    background-image: none!important
}
.btn,
.fancy-toggle-button .option,
.fancy-toggle-button .option.active,
.morelink a,
.res-fancy-toggle-button,
[href="#btn"]+a,
[href="#obtn"]+a,
button {
    border: 1px solid #567458;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 400;
    font-size: .75em
}
.btn:hover,
.fancy-toggle-button .option.active:hover,
.fancy-toggle-button .option:hover,
.morelink a:hover,
.res-fancy-toggle-button:hover,
[href="#btn"]+a:hover,
[href="#obtn"]+a:hover,
button:hover {
    opacity: .8
}
[href="#btn"]+a,
[href="#obtn"]+a {
    display: inline-block;
    padding: 6px 12px;
    font-size: 10.4px;
    font-size: .65rem
}
[href="#btn"]+a {
    background: #567458;
    color: #fff
}
.btn,
.morelink a,
[href="#obtn"],
button {
    background: transparent;
    color: #567458
}
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    border-bottom-color: #eaeaea;
    background-color: #fff;
    -ms-flex-order: 0;
    order: 0
}
    border: none
}
    padding: 12px;
    background: #fff;
    color: #191a23;
    line-height: 1
}
img#header-img {
    height: 25px;
    width: auto;
    margin: -12px 0 -6px
}
    margin: 0 -4px 0 0;
    width: auto;
    height: auto;
    background-image: none;
    text-indent: 0;
    font-size: 0
}
    display: inline-block;
    content: "r/ ";
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem
}
.redditname {
    font-size: 0
}
.redditname a {
    letter-spacing: 0;
    font-variant: normal;
    font-size: 16px;
    font-size: 1rem
}
.pagename a {
    color: #567458
}
    position: relative;
    margin-top: -13px;
    padding-top: 3px;
    padding-right: 6px;
    padding-left: 6px;
    height: 10px;
    line-height: 10px
}
    margin-top: 0;
    margin-bottom: 0
}
    background: #fff;
    color: #fff;
    transition: all .15s ease
}
    margin-right: 6px;
    color: #fff;
    font-size: 8px;
    font-size: .5rem
}
    display: none
}
    margin-right: 0!important
}
    font-size: 0
}
    color: #aaa
}
    color: #567458!important
}
    top: auto!important;
    bottom: 3px!important;
    background: transparent
}
.tabmenu,
.tabmenu a,
.tabmenu li {
    box-sizing: border-box
}
.tabmenu {
    position: absolute;
    margin: -5px 0 0 12px;
    border: 1px solid transparent;
    color: #191a23
}
.tabmenu:hover {
    border-color: #eaeaea;
    background: #fff
}
.tabmenu:not(:hover) li:not(.selected) {
    display: none
}
.tabmenu:not(:hover) .selected a {
    border-color: #eaeaea;
    color: #567458
}
.tabmenu a,
.tabmenu li {
    display: block;
    margin: 0
}
.tabmenu li.selected a,
.tabmenu li a {
    padding: 6px 12px;
    width: 100%;
    border: 1px solid transparent;
    border-bottom-color: #f7f7f7;
    background: transparent;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 10.4px;
    font-size: .65rem
}
.tabmenu li a:hover {
    background: #f7f7f7
}
.tabmenu li a {
    color: #191a23
}
.tabmenu li.selected a {
    color: #567458
}
body>.content {
    margin: 33px 0 0!important;
    border-right-color: #fff;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex: 0 1 calc(100% - 300px);
    flex: 0 1 calc(100% - 300px)
}
    width: 100%
}
.md a {
    color: #567458
}
.search-result-meta .stickied-tagline,
.tagline .stickied-tagline,
.thing.stickied.link a.title {
    color: #399b76
}
.gold-accent {
    border-color: #ead340;
    border-radius: 3px;
    background-color: #faf4d1
}
.thing .md .expando-button {
    position: relative;
    margin: 0 4px
}
.content>.tabpane-content,
.formtabs-content {
    padding-top: 12px;
    border: 3px solid transparent;
    border-top-color: #567458
}
.content>.tabmenu,
ul.tabmenu.formtab {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    list-style: disc outside none;
    list-style: initial
}
.content>.tabmenu:hover,
ul.tabmenu.formtab:hover {
    border: none;
    background: transparent
}
.content>.tabmenu li,
ul.formtab li {
    display: inline-block!important
}
.content>.tabmenu li a,
ul.formtab li a {
    padding: 12px!important;
    border: none!important;
    background: transparent!important
}
.content>.tabmenu .selected a,
.content>.tabmenu li a:hover,
.tabmenu.formtab .selected a,
ul.formtab li a:hover {
    color: #567458!important
}
.linefield,
.roundfield {
    padding: 10px;
    border: 1px solid #eaeaea;
    border-radius: 0;
    background-color: #f7f7f7
}
.submit-page #reddit-field,
.submit-page #suggest-title {
    display: none
}
.submit-page #items-required {
    font-size: 0
}
.fancy-settings h1 {
    margin: 12px 0
}
.usertable {
    margin: 0
}
.flaircell,
.flairlist .header {
    margin-right: 0
}
.content>.menuarea {
    border: none;
    background: #567458;
    color: #fff;
    display: inline-block;
    border-radius: 3px
}
.content>.menuarea .dropdown.lightdrop .selected,
.content>.menuarea .flat-list .selected a,
.content>.menuarea .flat-list a {
    color: #fff
}
.thing {
    margin-bottom: 6px;
    padding: 6px 0;
    border-bottom: 1px solid #f7f7f7
}
.domain,
.domain a,
.entry .buttons li a,
.redditSingleClick:after,
.search-result-meta,
.tagline {
    color: #aaa
}
.domain a:hover,
.entry .buttons li a:hover {
    color: #191a23
}
.infobar,
.reddit-infobar {
    border: none;
    background-color: transparent
}
.reddit-infobar.with-icon:before {
    width: 41px;
    height: 41px;
    border-radius: 100%;
    background-color: #ead340
}
.reddit-infobar .md p {
    margin-top: -3px;
    padding-bottom: 5px;
    border-bottom: 2px solid #ead340;
    color: #666140;
    text-transform: uppercase;
    font-size: 12px;
    font-size: .75rem
}
.thing .title {
    color: #567458
}
.thing .title:visited,
.thing.visited .source-url,
.thing.visited .title {
    color: #aaa
}
.thing .title:hover {
    color: #567458
}
.entry .buttons li a {
    font-weight: 400
}
.entry .buttons li .comments {
    color: #567458
}
.thing .thumbnail {
    margin: 0 12px 0 0;
    width: 45px;
    height: 45px!important;
    border-radius: 3px;
    background: #eaeaea
}
.thing .thumbnail img {
    width: auto!important;
    height: 45px!important
}
.thumbnail:after {
    position: absolute;
    display: block;
    width: 44px;
    height: 45px;
    color: #191a23;
    text-align: center;
    font-size: 10.4px;
    font-size: .65rem;
    line-height: 45px
}
.thing.self .thumbnail:after {
    content: "self"
}
.thing.locked .thumbnail img {
    opacity: .5
}
.thing.locked .thumbnail:after {
    content: "locked"
}
.nsfw-stamp {
    color: #d86a62;
    margin: 3px -3px 0 0
}
.thing .expando-button {
    position: absolute;
    margin: 11px 0 0 -24px;
    width: 16px;
    height: 16px;
    border: 2px solid;
    border-radius: 100%;
    background: #fff;
    background-image: none!important;
    color: #aaa
}
.thing .expando-button:before {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    background-image: none!important;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    font-size: .75rem;
    line-height: 15px
}
.thing .expando-button.expanded,
.thing .expando-button:hover {
    background: #fff;
    color: #567458
}
.thing .expando-button.expanded:before {
    content: "-"!important
}
.thing .expando-button:not(.expanded):before {
    content: "+"!important
}
.arrow {
    margin: 0 auto;
    background-image: none!important;
    color: #aaa;
    text-align: center;
    line-height: 1.2
}
.arrow.up:before,
.arrow.upmod:before {
    content: "▲"
}
.arrow.down:before,
.arrow.downmod:before {
    content: "▼"
}
.arrow.upmod,
.link .score.likes {
    color: #f44336
}
.arrow.downmod,
.link .score.dislikes {
    color: #567458
}
.link.last-clicked {
    border-color: transparent #567458 transparent transparent
}
.link .usertext-body .md {
    border-color: transparent transparent transparent #567458;
    border-radius: 0;
    background-color: #fff!important
}
.res-nightmode .link .usertext-body .md {
    background-color: transparent!important
}
.flair,
.linkflairlabel {
    padding: 2px 4px;
    border-color: #fff;
    background: #567458;
    color: #fff;
    vertical-align: bottom
}
.linkflair-red .linkflairlabel {
    background: #d86a62
}
.linkflair-green .linkflairlabel {
    background: #399b76
}
.tagline .flair {
    margin-bottom: -3px;
    vertical-align: bottom
}
.commentarea .menuarea,
.panestack-title {
    margin: 0;
    padding: 12px;
    border-color: #eaeaea
}
.panestack-title {
    margin-top: 12px
}
.commentarea .menuarea .toggle a {
    color: #aaa
}
.gold-accent.comment-visits-box {
    margin: 12px 10px 24px;
    color: #666140
}
.new-comment .usertext-body {
    border-color: transparent;
    background-color: transparent
}
.new-comment .tagline:after {
    display: inline-block;
    color: #567458;
    content: "new comment"
}
.side {
    margin: 33px 0 0;
    width: 300px;
    border-left: 1px solid #eaeaea;
    -ms-flex-order: 2;
    order: 2
}
.with-listing-chooser .side {
    margin-right: 0
}
.side:after {
    display: block;
    color: #aaa;
    content: "theme @ r/eddited";
    text-align: center
}
.linkinfo {
    border-radius: 0
}
.sidecontentbox {
    margin-bottom: 24px
}
.sidecontentbox .title {
    margin-bottom: 12px
}
    font-size: 0
}
    content: "Mod Tools";
    text-transform: capitalize;
    font-size: 12px;
    font-size: .75rem
}
.sidecontentbox .collapse-button {
    border-color: transparent;
    background: transparent;
    font-size: 0;
    line-height: 7px
}
.sidecontentbox .collapse-button:before {
    content: "[-]";
    font-size: 10.4px;
    font-size: .65rem
}
.sidecontentbox .content {
    padding: 0;
    border: none
}
.titlebox .bottom {
    padding-bottom: 12px;
    border-top-color: #eaeaea
}
    width: 100%
}
.submit-link,
.submit-text {
    box-sizing: border-box;
    width: 47.5%
}
.submit-link {
    float: left
}
.submit-text {
    float: right
}
.side .nub,
span.multi-count {
    display: none
}
.submit-link .morelink,
.submit-text .morelink {
    margin-bottom: 6px;
    border: none;
    background: transparent;
    font-size: 0
}
.submit-link .morelink a:before,
.submit-text .morelink a:before {
    display: inline;
    font-size: 12px;
    font-size: .75rem
}
.morelink:hover a {
    color: #567458
}
.titlebox .redditname {
    margin-bottom: -4px
}
.titlebox .redditname a {
    display: inline-block;
    margin-top: 8px;
    color: #567458
}
.titlebox>h1.redditname a:before {
    content: "r/";
    font-size: 16px
}
.fancy-toggle-button {
    padding: 8px 0;
    padding: .5rem 0;
    width: 100%;
    text-align: center;
    margin-bottom: 0
}
.fancy-toggle-button .option.active {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    border-radius: 0;
    font-size: 10.4px;
    font-size: .65rem
}
.fancy-toggle-button .remove {
    border-color: #eaeaea!important;
    background: #eaeaea;
    color: #191a23
}
.fancy-toggle-button .add {
    border-color: #567458;
    background: #567458;
    color: #fff
}
.side .usertext-body {
    margin-top: 12px;
    padding: 12px 0;
    border-top: 1px solid #eaeaea
}
hr+hr {
    display: none
}
hr+hr+p {
    text-align: center
}
.subscribers,
.users-online {
    color: #567458;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 10.4px;
    font-size: .65rem
}
.subscribers .word,
.titlebox .leavemoderator:before,
.titlebox form.leavecontributor-button:before,
.users-online .word,
.users-online:before {
    display: none
}
.leavemoderator,
.subscribers {
    float: right
}
.subscribers:after,
.users-online:after {
    display: inline
}
.subscribers:after {
    content: "Users"
}
.users-online:after {
    content: "Browsing"
}
.leavecontributor-button,
.leavemoderator {
    display: inline-block;
    margin-bottom: 6px
}
.leavecontributor-button .option,
.leavemoderator {
    font-size: 0
}
.leavecontributor-button .no,
.leavecontributor-button .yes {
    padding-right: 2px
}
.leavecontributor-button .option a,
.leavemoderator a {
    font-size: 10.4px;
    font-size: .65rem
}
.leavemoderator a:before {
    content: "Mod ("
}
.leavecontributor-button .option .togglebutton:before {
    content: "Approved ("
}
.leavecontributor-button .option .togglebutton:after,
.leavemoderator a:after {
    content: ")"
}
.titlebox form.flairtoggle {
    margin-top: 10px;
    margin-bottom: -16px;
    font-size: 0
}
.titlebox form.flairtoggle label:after {
    content: "Flair: ";
    font-size: 10.4px;
    font-size: .65rem;
    vertical-align: bottom
}
.flairtoggle+.tagline {
    margin: 0;
    text-align: right
}
.footer-parent {
    width: 100%;
    -ms-flex-order: 3;
    order: 3
}
.footer-parent .bottommenu:first-of-type {
    margin-top: 24px
}
.footer-parent .bottommenu:last-of-type {
    margin-bottom: 24px
}
.footer,
.footer .col {
    border: 0
}
.debuginfo {
    -ms-flex-order: 4;
    order: 4
}
.res-navTop #header-bottom-right {
    margin-bottom: -3px
}
    font-size: 10px;
    text-align: center;
    background: transparent;
    color: #fff
}
    color: #aaa
}
    color: #fff!important
}
    font-size: 10px
}
.titlebox .toggle.res-sr-style-toggle {
    margin-bottom: -5px
}
.res-fancy-toggle-button {
    margin: 0 0 15px;
    padding: 6px 24px;
    border-color: #eaeaea;
    border-radius: 0;
    background: transparent;
    color: #191a23
}
.res-fancy-toggle-button.remove,
.res-fancy-toggle-button:hover {
    background: #eaeaea;
    background-image: none
}
.RESDashboardToggle {
    float: right
}
.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed,
.res .commentarea .RES-keyNav-activeElement .md,
.res .RES-keyNav-activeElement,
.res .RES-keyNav-activeElement .md-container {
    background-color: transparent!important
}
.entry.RES-keyNav-activeElement {
    border-right: 1px solid #567458
}
.res-show-link {
    top: auto!important;
    bottom: 0
}
.RESHoverTitle .fancy-toggle-button {
    margin: 0;
    padding: 0;
    width: auto
}
.res-userHighlight .entry .tagline .author.moderator {
    padding: 0 2px;
    color: #fff!important;
    background-color: #399b76!important
}
.res-nightmode #header-bottom-left,
.res-nightmode #RESShortcutsEditContainer *,
.res-nightmode #sr-header-area,
.res-nightmode .fancy-toggle-button .remove {
    background: #333!important
}
.res-nightmode #header-bottom-left a {
    color: #fff!important
}
.res-nightmode .tabmenu a {
    border-color: transparent!important
}
.res-nightmode .tabmenu li a:hover {
    background: #000!important
}
.res-nightmode #header,
.res-nightmode .side .usertext-body,
.res-nightmode .thing,
.res-nightmode .titlebox .bottom {
    border-color: #3c3c3c!important
}
master
Emilio Lo Prete 5 years ago
parent
fd212639b3
commit
74c1d5a6c9
1 changed files with 911 additions and 8 deletions
Split View
919

theme.css

View File

File diff suppressed because one or more lines are too long
/* eddited options */

919 theme.css View File

919

theme.css

View File
