Skip to content

Instantly share code, notes, and snippets.

@asantos3

asantos3/redditPortugal.css

Last active April 9, 2020 02:44
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save asantos3/e55ff02e73a2e3741f77 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save asantos3/e55ff02e73a2e3741f77 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
redditPortugal.css
/* FlatBlue Theme (/r/FlatBlue) modified by asantos3
---------------------
general css (fonts, borders, headers, etc)
---------------------
*/
body {
background-color: #f7fcff;
}
::selection {
color: #E5D624;
background: #2F5FA7;
}
::-moz-selection {
color: #E5D624;
background: #2F5FA7;
}
/* Main header area */
.pagename a {
background: url(%%snoo-right%%) no-repeat scroll 0% 0% transparent;
width: 120px;
height: 70px;
font-size: 0px;
vertical-align: bottom !important;
display: inline-block !important;
}
#header-bottom-left {
background: url(%%serra-estrela%%) repeat-x scroll 0 0 !important;
background-size: cover !important;
}
/* misc stuff */
a {
color: #369;
}
a.title {
color: #232323 !important;
font-weight: bold !important;
}
a.title:visited {
color: #808080;
}
a:hover, a:visited:hover, .res-nightmode a:hover, .res-nightmode a:visited:hover {
color: #BF3C37;
}
.tagline a {
color: #369;
}
.tagline a:hover {
color: #BF3C37;
}
input {
border: 1px solid #C1BFBF !important;
}
.md {
padding: 3px;
}
.md hr {
background: #e0e0e0;
height: 1px;
}
.md h5 {
font-size: small;
}
.infobar {
margin: 3px 0px 15px 0px !important;
border-radius: 3px 3px;
border: 0;
}
.sheets {
margin-right: 320px;
}
.res .RES-keyNav-activeElement {
outline: 0;
}
.raisedbox, .searchpane {
background-color: #FAFAFA;
border: 0;
}
#stylesheet_contents {
padding: 12px;
background-color: #333;
color: #EEE;
border: 8px solid #333;
width: 95%;
}
#images {
margin-left: 10px;
}
/* Make distinguished users stand out more (mods, op and friends) */
.tagline .author.submitter {
color: white !important;
background-color: #0055df !important;
font-weight: bold !important;
border-radius: 0px !important;
padding: 0px 2px !important;
}
.tagline .author.moderator {
color: white !important;
background-color: #228822 !important;
font-weight: bold !important;
border-radius: 0px !important;
padding: 0px 2px !important;
}
.tagline .author.friend {
color: white !important;
background-color: #FF4500 !important;
font-weight: bold !important;
border-radius: 0px !important;
padding: 0px 2px !important;
}
/* Spoiler tags */
a[href$="#spoiler"] {
background: #232323 !important;
color: #232323 !important;
border: 1px solid #232323;
padding-right: 1px;
}
a[href$="#spoiler"]:hover {
color: #FFF !important;
}
a[href$="#spoiler"]::before {
background: #FFF!important;
color: #000!important;
padding: 0px 1px;
margin: 0px;
margin-right: 1px;
}
a[href$="#spoiler"]::before {
content: "Spoiler";
}
a[href$="#spoiler"][title]::before {
content: attr(title) " Spoiler";
}
/* H1, H2, H3 as well as some other headings */
.md h1, .commentarea h1, .wiki-page .wiki-page-content .md .wiki h1 {
color: #000000 !important;
border-bottom: 1px solid #BDBAB4;
font-weight: normal !important;
display: block;
padding-left: 2px;
}
.md h2, .commentarea h2, .wiki-page .wiki-page-content .md .wiki h2, .flairselector h2 {
color: #000000 !important;
border-bottom: 1px solid #BDBAB4;
font-weight: normal !important;
display: block;
padding-left: 2px;
margin: 5px 0px;
}
.md h3, .commentarea h3, .wiki-page .wiki-page-content .md .wiki h3, .sidecontentbox .title h1, .submit-page .title, .submit_text h1 {
color: #000000 !important;
font-weight: normal !important;
display: block;
padding-left: 2px;
margin: 5px 0px;
}
.res-nightmode .md h3, .res-nightmode .commentarea h3, .res-nightmode .wiki-page .wiki-page-content .md .wiki h3, .res-nightmode .sidecontentbox .title h1, .res-nightmode .submit-page .title, .res-nightmode .submit_text h1 {
color: #FFFFFF!important;
}
/*
---------------------
header area
---------------------
*/
/* Background image and color for the header */
#header {
background: #E9E9E9;
border: 0;
border-bottom: 33px solid #2F5FA7;
}
/* this is what basically determins the header height. The margin at the top will increase or decrease how big it is.
NOTE: when changing this you also have to change the positioning of other elements. For your convience those are listed directly under here
*/
#header-img {
margin: 0px;
margin-top: 30px;
margin-left: 11px;
}
.side blockquote blockquote blockquote {
top: 117px;
}
#header-bottom-left .tabmenu, .tabmenu.formtab, a[name=content] {
top: 111px;
}
#header-bottom-left ul {
position: absolute;
top: 20px;
}
#header-img-a {
vertical-align: bottom;
display: inline-block;
}
/* Subreddit name */
.pagename {
font-variant: none;
}
.hover.pagename.redditname {
display: inline-table;
font-weight: normal;
color: #E5D624;
/*background: rgba(47, 95, 167, 0.75) !important;*/
border-radius: 0px 5px 5px 0px;
font-weight: bold !important;
}
.hover.pagename.redditname > a:before {
content: "/r/";
text-transform: none;
}
.hover.pagename.redditname a {
display: table-cell;
vertical-align: bottom;
color: #E5D624;
}
/* subreddit bar at the top */
#sr-header-area {
background-color: #FAFAFA;
color: #333333;
border-bottom: 0;
}
.res-nightmode #sr-header-area {
background-color: #393939;
}
#RESShortcutsEditContainer, #RESShortcutsRight, #RESShortcutsAdd, #RESShortcutsTrash, #RESShortcutsLeft, #sr-more-link, #RESShortcutsSort {
background-color: #FAFAFA !important;
}
.subscribe-button .RESshortcutside:hover {
color: #232323;
background-color: #E5D624;
}
/* login form, moved more prominently into view */
.login-form-side {
border: 0;
position: absolute;
top: 25px;
z-index: 999;
background: #2F5FA7;
}
.login-form-side #remember-me {
color: #FFFFFF;
}
.res-nightmode .login-form {
background-color: #222222;
border: 0px;
}
.res-nightmode .login-form-side label {
color: #FFFFFF;
}
a.recover-password {
color: #FFF;
text-decoration: underline;
}
.login-form-side input[type="text"], .login-form-side input[type="password"] {
margin: 5px;
}
/* User menu */
#header #userbarToggle {
width: 20px;
height: 35px;
padding: 0 0 0 2px;
top: 0;
left: -22px;
background-color: #2153AD;
border-right: none;
border-radius: 0;
line-height: 34px;
text-align: center;
color: #FFFFFF;
}
.res-nightmode #header #userbarToggle {
background-color: #686565;
}
#header #userbarToggle.userbarShow {
left: -19px!important;
}
.pref-lang {
font-weight: normal;
}
/* User menu
------------------------------------- */
#header-bottom-right {
padding: 0!important;
bottom: auto;
background: #2F5FA7;
border-radius: 0!important;
line-height: 33px;
color: #FFFFFF;
right: 5px!important;
top: 133px!important;
}
#header-bottom-right a {
color: #FFFFFF;
}
#header-bottom-right a:hover {
text-decoration: underline;
}
#header-bottom-right .user {
color: #FFFFFF;
}
#header-bottom-right .separator {
visibility: hidden;
}
.res-nightmode #header-bottom-right {
background-color: #393939!important;
}
.res-nightmode #header-bottom-right a, .res-nightmode #header-bottom-right .user {
color: #FFFFFF!important;
}
.beta-hint {
margin: 11px 0px 0px 5px;
}
/* search */
body:not(.search-page) #search input[type="text"] {
background: #ffffff;
}
#searchexpando {
background-color: rgba(229, 214, 36, 0.75);
}
.res-nightmode #searchexpando {
background-color: #373737!important;
}
#search input[type="submit"] {
border: none !important;
}
/* Anouncement text */
blockquote blockquote blockquote {
position: absolute;
left: 5px;
display: table;
background: none;
right: 304px;
text-align: left;
border: 0 !important;
font-weight: normal;
height: 38px;
margin: 0;
padding: 0;
overflow: hidden;
}
.side blockquote blockquote blockquote h6 {
color: #333 !important;
text-transform: none;
background: none;
vertical-align: middle;
display: table-cell;
}
.side blockquote blockquote blockquote h6 a {
color: #232323;
}
.side blockquote blockquote blockquote h6 a:hover {
color: #E5D624;
}
/* tabmenu */
#header-bottom-left .tabmenu {
position: absolute;
left: 0;
background-color: #2F5FA7;
padding: 10px 0px;
width: 100%;
margin: 20px 0px 0px 0px;
}
.res-nightmode #header-bottom-left .tabmenu {
position: absolute;
left: 0;
background-color: #393939;
padding: 10px 0px;
width: 100%;
}
/* Links */
#header-bottom-left .tabmenu li a {
background: transparent;
font-weight: normal;
color: #FFFFFF;
padding: 9px 10px 10px 10px;
border-right: 1px solid #1e4e96;
border-left: 1px solid #3f6fb7;
}
.res-nightmode #header-bottom-left .tabmenu li a {
border-right: 1px solid #333333;
border-left: 1px solid #404040;
}
#header-bottom-left .tabmenu li:last-child a {
border-right: none;
}
#header-bottom-left .tabmenu li {
margin: -1px 0px 0px 0px;
}
#header-bottom-left .tabmenu li.selected a {
color: #2F5FA7;
background: #FFFFFF;
border: 1px solid #ffffff;
}
#header-bottom-left .tabmenu li a:hover {
color: #2F5FA7;
background: #FFFFFF;
border: 1px solid #ffffff;
}
.res-nightmode #header-bottom-left .tabmenu {
background: #393939;
}
.res-nightmode #header-bottom-left .tabmenu li.selected a, .res-nightmode #header-bottom-left .tabmenu li a:hover {
color: #FFFFFF;
background: #686565;
}
.submit-page > .content > form + h1 {
display: table;
padding: 0 0 0 10px;
margin: 0;
line-height: 35px;
color: #FFFFFF;
position: absolute;
top: 93px;
left: 0;
right: 0;
z-index: 99;
}
.submit-page > .content > form + h1 a {
color: #FFFFFF;
text-decoration: underline;
}
.submit-page>.content>form+h1 a:hover {
text-decoration: underline;
}
ul.tabmenu.formtab {
padding:0;
}
.submit-page>.content ul.tabmenu.formtab li a {
width: 230px;
height: 35px;
margin-right: 10px;
display: inline-block;
background: #1e1e1e;
border: none;
line-height: 36px;
text-align: center;
color: #FFF;
border-radius: 3px 3px;
}
.submit-page>.content ul.tabmenu.formtab li.selected a, .submit-page>.content ul.tabmenu.formtab li a:hover {
color: #FFFFFF;
background: #2F5FA7;
}
/* Link info */
.linkinfo {
background-color: #FFF;
color: #363636;
border: 0;
}
.linkinfo .shortlink {
clear: both !important;
background: none repeat scroll 0% 0% #F5F5F5;
color: #333;
padding: 5px;
text-align: center;
}
.side .linkinfo .shortlink input {
border: 0px none !important;
background: none repeat scroll 0% 0% #F5F5F5;
color: #333;
}
.res-nightmode .linkinfo .shortlink, .res-nightmode .linkinfo .shortlink input {
color: #666 !important;
}
.res-nightmode .linkinfo .score {
color: #FFFFFF;
}
.linkinfo .shortlink {
background: #F5F5F5;
color: #333;
}
.side .linkinfo .shortlink input {
background: #F5F5F5;
color: #333;
}
/*
---------------------
content area
---------------------
*/
.modtools-page > .content {
margin: 22px 0px 0px 0px !important;
}
body:not(.listing-page):not(.comments-page) .content {
padding-left: 5px;
}
/* submission listing*/
.rank {
display: none;
}
.domain {
position: relative;
top: -2px;
white-space: nowrap;
}
.thumbnail {
margin: 4px 5px 5px 0px;
width: 70px;
max-height: 50px;
}
.link .midcol {
margin-top: 3px;
}
body .linklisting {
bottom: 0px;
margin: 0px;
padding: 0px !important;
border: 0 !important;
}
.linklisting .odd {
overflow: hidden !important;
padding: 5px !important;
background-color: #FFFFFF;
min-height: 50px !important;
margin: 0px;
}
.res-nightmode .linklisting .odd {
background-color: #222222;
}
.linklisting .even {
overflow: hidden !important;
padding: 5px !important;
background-color: #F5F5F5;
min-height: 50px !important;
margin: 0px;
}
.res-nightmode .linklisting .even {
background-color: rgba(24, 24, 24, 0.2);
}
.thing .title:visited {
color: #575757 !important;
}
.thing .title {
color: #232323 !important;
}
.res-nightmode .thing .title {
color: #DDDDDD !important;
}
.thing .title:hover, .thing .title:visited:hover {
color: #232323;
}
.thing.stickied a.title, .res-nightmode .thing.stickied a.title,
.res-nightmode .thing.stickied .RES-keyNav-activeElement a.title {
color: #398D1A !important;
}
p.title {
position: relative;
}
p.title a:hover, .res-nightmode p.title a:hover {
color: #BF3C37 !important;
}
/* Flairs and Sidebar Flairs */
.linkflair-ama.thing.linkflair .linkflairlabel,
.res-nightmode .linkflair-ama.thing.linkflair .linkflairlabel,
.titlebox a[href*="flair%3A%22AMA%22"]
{
background-color: #2F5FA7 !important;
color: #FFF !important;
border: 1px solid #214171;
font-size: 12px;
font-weight: 500;
line-height: 16px;
border-radius: 2px;
vertical-align: text-bottom;
white-space: pre;
padding: 0 4px;
}
.linkflair-travel.thing.linkflair .linkflairlabel,
.res-nightmode .linkflair-travel.thing.linkflair .linkflairlabel,
.titlebox a[href*="flair%3A%22Travel%22"],
.wiki-page-travel a[href*="flair%3A%22Travel%22"],
.side a[href*="wiki/travel"]
{
background-color: #ffd635 !important;
color: #000 !important;
border: 1px solid #c4a016;
font-size: 12px;
font-weight: 500;
line-height: 16px;
border-radius: 2px;
vertical-align: text-bottom;
white-space: pre;
padding: 0 4px;
overflow: auto;
}
.linkflair-bacalhau.thing.linkflair .title .linkflairlabel,
.res-nightmode .linkflair-bacalhau.thing.linkflair .title .linkflairlabel,
.titlebox a[href*="flair%3A%22T%C3%B3pico%2Bde%2BOuro%22"]
{
background-image: url(%%flair-bacalhau%%);
background-repeat: no-repeat;
width: 90px;
height: 14px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
border-radius: 2px;
vertical-align: text-bottom;
white-space: pre;
padding: 4px 10px 5px 35px !important;
background-position: 5px 5px;
background-color: #555 !important;
border: 2px solid #eab712;
color: #ffeb2a;
border-radius: 3px;
font-weight: bold;
}
.linkflair-outro.thing.linkflair .title .linkflairlabel,
.res-nightmode .linkflair-outro.thing.linkflair .title .linkflairlabel
{
background-color: #2b2d32 !important;
color: #FFF !important;
border: 1px solid #000000;
font-size: 12px;
font-weight: 500;
line-height: 16px;
border-radius: 2px;
vertical-align: text-bottom;
white-space: pre;
padding: 0 4px;
overflow: auto;
}
.linkflair-flairPolitica.thing.linkflair .title .linkflairlabel,
.res-nightmode .linkflair-flairPolitica.thing.linkflair .title .linkflairlabel,
.titlebox a[href*="flair%3APol%C3%ADtica"],
.titlebox a[href*="flair%3A%22Pol%C3%ADtica"],
.titlebox a[href*="flair%3AEconomia"]
{
background-color: #9140D2 !important;
color: #FFF !important;
border: 1px solid #6F32A1;
font-size: 12px;
font-weight: 500;
line-height: 16px;
border-radius: 2px;
vertical-align: text-bottom;
white-space: pre;
padding: 0 4px;
overflow: auto;
}
.linkflair-ajuda.thing.linkflair .title .linkflairlabel,
.res-nightmode .linkflair-ajuda.thing.linkflair .title .linkflairlabel,
.titlebox a[href*="flair%3AAjuda"],
.titlebox a[href*="flair%3A%22Ajuda"]
{
background-color: #008080 !important;
color: #FFF !important;
border: 1px solid #005c5c;
font-size: 12px;
font-weight: 500;
line-height: 16px;
border-radius: 2px;
vertical-align: text-bottom;
white-space: pre;
padding: 0 4px;
overflow: auto;
}
.linkflair-flairCultura.thing.linkflair .title .linkflairlabel,
.res-nightmode .linkflair-flairCultura.thing.linkflair .title .linkflairlabel,
.titlebox a[href*="flair%3ACultura"],
.titlebox a[href*="flair%3ACi%C3%AAncia"],
.titlebox a[href*="flair%3AHist%C3%B3ria"]
{
background-color: #b8860b !important;
color: #FFF !important;
border: 1px solid #8a6307;
font-size: 12px;
font-weight: 500;
line-height: 16px;
border-radius: 2px;
vertical-align: text-bottom;
white-space: pre;
padding: 0 4px;
overflow: auto;
}
.linkflair-importante.thing.linkflair .title .linkflairlabel,
.res-nightmode .linkflair-importante.thing.linkflair .title .linkflairlabel
{
background-color: #BF3C37 !important;
color: #FFF !important;
border: medium none;
font-size: 12px;
font-weight: 500;
line-height: 16px;
border-radius: 2px;
vertical-align: text-bottom;
white-space: pre;
padding: 0 4px;
overflow: auto;
}
.linkflair-flairDesporto.thing.linkflair .title .linkflairlabel,
.res-nightmode .linkflair-flairDesporto.thing.linkflair .title .linkflairlabel,
.titlebox a[href*="flair%3ADesporto"]
{
background-color: #a52a2a !important;
color: #FFF !important;
border: 1px solid #7e1f1f;
font-size: 12px;
font-weight: 500;
line-height: 16px;
border-radius: 2px;
vertical-align: text-bottom;
white-space: pre;
padding: 0 4px;
overflow: auto;
}
.linkflair-flairHumor.thing.linkflair .title .linkflairlabel,
.res-nightmode .linkflair-flairHumor.thing.linkflair .title .linkflairlabel,
.titlebox a[href*="flair%3AHumor"]
{
background-color: #e35826 !important;
color: #FFF !important;
border: 1px solid #cc3600;
font-size: 12px;
font-weight: 500;
line-height: 16px;
border-radius: 2px;
vertical-align: text-bottom;
white-space: pre;
padding: 0 4px;
overflow: auto;
}
.linkflair-outrosTemas.thing.linkflair .title .linkflairlabel,
.res-nightmode .linkflair-outrosTemas.thing.linkflair .title .linkflairlabel,
.titlebox a[href*="flair%3ADebate"],
.titlebox a[href*="flair%3AHoje"]
{
background-color: #84b71b !important;
color: #FFF !important;
border: 1px solid #6b9319;
font-size: 12px;
font-weight: 500;
line-height: 16px;
border-radius: 2px;
vertical-align: text-bottom;
white-space: pre;
padding: 0 4px;
overflow: auto;
}
.titlebox a[href*="flair"],
.side a[href*="wiki/travel"]
{
padding: 4px;
line-height: 2;;
}
.titlebox a[href*="flair%3A%22T%C3%B3pico%2Bde%2BOuro%22"] {
line-height: 3;
}
/* Flair Sticky */
.linkflair-ajuda.thing.linkflair.stickied .title .title, .res-nightmode .linkflair-ajuda.thing.linkflair.stickied .title .title {
color: #008080 !important;
}
.linkflair-flairCultura.thing.linkflair.stickied .title .title, .res-nightmode .linkflair-flairCultura.thing.linkflair.stickied .title .title {
color: #b8860b !important;
}
.linkflair-ama.thing.linkflair.stickied .title .title, .res-nightmode .linkflair-ama.thing.linkflair.stickied .title .title {
color: #2F5FA7 !important;
}
.linkflair-travel.thing.linkflair.stickied .title .title, .res-nightmode .linkflair-travel.thing.linkflair.stickied .title .title{
color: #e6ba10 !important;
}
.linkflair-outro.thing.linkflair.stickied .title .title, .res-nightmode .linkflair-outro.thing.linkflair.stickied .title .title {
color: #2b2d32 !important;
}
.linkflair-flairPolitica.thing.linkflair.stickied .title .title, .res-nightmode .linkflair-flairPolitica.thing.linkflair.stickied .title .title {
color: #9140D2 !important;
}
.linkflair-importante.thing.linkflair.stickied .title .title, .res-nightmode .linkflair-importante.thing.linkflair.stickied .title .title {
color: #BF3C37 !important;
}
.linkflair-flairDesporto.thing.linkflair.stickied .title .title, .res-nightmode .linkflair-flairDesporto.thing.linkflair.stickied .title .title {
color: #a52a2a !important;
}
.linkflair-flairHumor.thing.linkflair.stickied .title .title, .res-nightmode .linkflair-flairHumor.thing.linkflair.stickied .title .title {
color: #e35826 !important;
}
.linkflair-outrosTemas.thing.linkflair.stickied .title .title, .res-nightmode .linkflair-outrosTemas.thing.linkflair.stickied .title .title {
color: #84b71b !important;
}
.entry .flairselectbtn.access-required {
color: #BF3C37 !important;
font-weight: bold !important;
}
/* highlight removed and spammed items for mods */
body .content .sitetable .thing.spam, body .sitetable .thing.spam.deleted.link.self{
border: solid 2px #FA8072 !important;
}
body .content .sitetable .thing.spam, body .sitetable .thing.spam.deleted.link.self{
border: solid 2px #FA8072 !important;
}
/* Next section makes deleted messages less noticeable for users*/
.deleted .grayed,
.deleted > .entry .expand,
.deleted > .entry .tagline {
display: none;
}
.deleted > .entry .noncollapsed:after {
content: 'removed/deleted';
opacity: .25;
color: #858585;
}
.gold-accent {
border: 0;
}
.formtabs-content {
border: 0;
}
.entry .tagline {
margin-top: 5px;
color: #4D4D4D;
}
.res-nightmode .entry .tagline {
color: #888888;
}
.entry .buttons li a {
font-weight: normal;
color: #4D4D4D;
}
.link .entry li .comments {
font-weight: bold;
}
/* comments area */
.commentarea {
margin: 0 10px;
}
#noresults {
margin-left: 10px;
}
.commentarea .flat-list.buttons {
display: block;
}
.link .usertext .md {
border: 0;
}
.content .usertext-body, body .content .usertext-body .md {
margin-left: 0px;
}
.gold-accent.comment-visits-box {
border-color: #C1BFBF;
background-color: #F5F5F5;
overflow: auto;
margin-left: 34px;
}
.commentarea .menuarea {
border: none;
}
/* comment quotes */
body .content .md blockquote {
display: block;
background-color: #EEE;
border-color: #D6D5CF;
margin: 5px 5px!important;
padding: 5px;
color: #333;
position: relative;
font-style: italic;
}
body.res-nightmode .content .md blockquote {
background-color: #2D2D28;
border-color: #7C7C7C;
color: #CCCCCC;
}
/* table comment borders */
.md td, .md th {
border: 1px solid #C1BFBF !important;
}
/* code numbering, based on the css found at /r/modtools
.md pre {
background-color: #F5F5F5 !important;
border-left: 31px solid #232323;
position: relative;
margin-top: 25px;
line-height: 15px;
}
*/
.md.wiki pre {
margin-right: 400px;
}
.md pre code {
padding: 15px;
overflow: auto;
display: block;
line-height: 15px;
}
.md pre:after {
position: absolute;
content: "code:";
color: gray;
top: -20px;
left: -30px;
padding-left: 18px;
background-position: 0 -2516px;
}
.md pre:before {
height: 100%;
color: white;
position: absolute;
left: -28px;
width: 25px;
white-space: pre-wrap;
direction: rtl;
overflow: hidden;
content: "# 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250";
}
.res-nightmode code {
background-color: #2D2D28;
}
body .comment {
margin-left: 10px !important;
margin-right: 5px!important;
margin-top: 0!important;
margin-bottom: 8px !important;
border: 0;
padding: 5px 8px 0 5px!important;
border-radius: 0 !important;
}
.sitetable.nestedlisting > .comment {
margin-right: 20px!important;
margin-top: 0!important;
margin-bottom: 15px!important;
background-color: #FFF;
border: 1px solid #E6E6E6;
padding: 5px 8px 5px 5px!important;
overflow: auto;
}
/* submission page */
.submit.content {
border: 0;
margin: 0;
}
.formtabs-content .roundfield {
background: #F5F5F5;
padding: 9px;
}
.submit_text .content {
border: 0;
margin: 0;
display: block;
}
.submit_text {
max-height: 300px;
}
#suggested-reddits {
margin-top: 5px;
}
.content.submit .info-notice {
background-color: #232323;
border: 0;
padding: 9px;
color: #FFF;
margin-bottom: 12px;
}
.content.submit .info-notice a:hover {
color: #E5D624;
}
.content.submit .info-notice a {
color: #FFF;
}
/* wiki formatting */
.wiki-page .wikititle strong {
font-weight: normal !important;
}
.wiki-page .wikititle {
margin-left: 15px;
display: block;
vertical-align: middle;
color: #000!important;
border-bottom: 1px solid #BDBAB4;
font-weight: normal !important;
padding-left: 2px;
padding-top: 10px;
}
.wiki-page .pageactions {
margin-left: 14px;
}
.wiki-page .pageactions .wikiaction-current {
color: #232323;
background-color: #E5D624;
}
.wiki-page .pageactions .wikiaction {
display: inline-block;
margin: 2px;
padding-top: 2px;
padding-bottom: 3px;
padding-right: 10px;
padding-left: 10px;
}
.pageactions a {
background-color: #232323;
color: #FFF;
}
.wiki-page .content .wiki-page-content {
margin-top: 0px;
}
.wiki-page .content .pageactions a:hover {
background-color: #E5D624;
color: #232323;
}
.wiki-page .wiki-page-content .discussionlink {
background-color: #2F5FA7;
}
.wiki-page .wiki-page-content .discussionlink:hover {
background-color: #FFFFFF;
}
div.wiki div.toc>ul:before {
display: block!important;
content: "Table of Contents";
color: #99A;
text-align: center;
margin-top: -5px;
margin-bottom: 5px;
}
div.wiki div.toc {
float: right;
max-width: 40%;
border-color: #C1BFBF;
background: #FFF;
}
.wiki-page .pageactions {
border: 0;
}
.res-nightmode .wiki, .res-nightmode .toc {
background: none;
}
.res-nightmode .wiki-page .wikititle {
color: #FFF;
}
.res-nightmode .pageactions {
color: #FFF;
}
.res-nightmode .md h1, .res-nightmode .commentarea h1, .res-nightmode .wiki-page .wiki-page-content .md .wiki h1 {
color: #FFF;
}
/*
---------------------
sidebar area
---------------------
*/
body div.side {
border-bottom: solid 20px #f7fcff;
padding: 0 10px;
}
.sidebox.submit.submit-text {
margin-top: -10px;
}
/* message the moderators */
.side .sidecontentbox a.helplink {
float: none;
margin-top: 4px;
background-color: #2F5FA7 !important;
color: #FFFFFF;
display: block;
border-radius: 3px;
background: none;
border: 0;
font-weight: normal;
line-height: 34px;
height: 34px;
text-align: center;
background-position: 2px -7127px;
font-size: 150%;
}
.side .sidecontentbox a.helplink:hover {
color: #2F5FA7;
background-color: #FFFFFF !important;
}
.res-nightmode .side .sidecontentbox a.helplink {
background-color: #393939 !important;
border: 2px solid #151515;
color: rgba(20, 150, 220, 0.8);
}
.res-nightmode .side .sidecontentbox a.helplink:hover {
background-color: #393939 !important;
color: #2F5FA7;
}
.morelink {
display: block;
border-radius: 3px;
background: none;
border: 0;
font-weight: normal;
line-height: 34px;
height: 34px;
text-align: center;
margin-bottom: 3px;
}
.morelink a, .morelink a:hover {
color: #FFF;
}
body .morelink:hover {
background: #FFFFFF;
}
.morelink:hover a, .morelink:hover a:hover {
color: #2F5FA7!important;
}
.morelink .nub {
display: none;
}
.submit-link .morelink {
background-position: 4px -12935px;
background-color: #2F5FA7;
}
.submit-text .morelink {
background-position: 4px -2177px;
background-color: #2F5FA7;
}
.create .morelink {
background-position: 2px -16367px;
background-color: #2F5FA7;
}
h1.redditname {
display: none;
}
h1.redditname:hover {
color: #232323;
background-color: #E5D624;
}
.hover a:hover {
text-decoration: none;
}
.titlebox h1 a {
color: #FFF;
}
.subButtons {
padding-top: 5px;
}
.subButtons .RESshortcutside {
width: auto;
display: inline-block;
}
.subButtons .RESDashboardToggle {
width: auto;
display: inline-block;
}
.subButtons .RESshortcutside, .subButtons .RESDashboardToggle {
border-radius: 3px;
border: 0;
font-weight: normal;
color: #000000;
background: none !important;
padding: 1px 0px 1px 0px;
z-index: 100;
}
.res-nightmode .subButtons .RESshortcutside, .res-nightmode .subButtons .RESDashboardToggle {
color: #FFFFFF;
}
.subButtons .RESshortcutside.remove, .subButtons .RESDashboardToggle.remove {
background-image: none !important;
background-image: none;
background-color: #FF6766;
border-radius: 0px !important;
}
.titlebox .fancy-toggle-button {
display: block;
margin-bottom: 0;
margin-right: 0;
}
.titlebox .fancy-toggle-button a {
background: none;
border: 0;
font-weight: normal;
text-align: left;
color: #FFF;
}
.titlebox .fancy-toggle-button .option.active {
display: block;
height: 25px;
line-height: 23px;
text-align: center;
font-size: 100%;
}
.titlebox .fancy-toggle-button .remove {
border: none;
background-image: none;
background-color: #BF3C37;
}
.titlebox .fancy-toggle-button .add {
border: none;
background-image: none;
background-color: #398D1A;
color: #FFFFFF;
}
.subscribers {
display: inline-block;
line-height: 25px;
text-indent: 7px;
color: #232323;
margin-top: 5px;
}
.users-online {
margin-top: 5px;
display: inline-block;
float: right;
line-height: 25px;
}
.side .content {
border: 0;
}
.side .word, .side .number {
font-weight: normal;
}
.side .users-online:before, .side .leavemoderator:before {
background: none;
padding: 0;
margin: 0;
width: 0;
}
.sidecontentbox .title .collapse-button {
display: none;
}
#ad-frame, #ad_main {
margin-left: -10px;
}
/* Change the description of "subscribers"*/
div.titlebox span.word {
display: none
}
div.titlebox .subscribers span.number:after {
content: " Tugas"
}
div.titlebox .users-online span.number:after {
content: " A Comer Bacalhau"
}
/* Sidebar Related/Other Subs */
.titlebox blockquote:last-child {
margin-left: -8px;
border-left: 0px;
}
.titlebox blockquote:last-child p {
margin: 0px;
padding: 5px;
background-color: #2F5FA7 !important;
color: #FFF;
border-radius: 3px;
}
.titlebox blockquote:last-child ul {
margin: 0px;
padding: 0px 0px 10px 0px;
}
.titlebox blockquote:last-child ul li {
/* display: none; */
list-style: none;
}
.titlebox a[href*="http://webchat.snoonet.org/portugal"] {
background-color: #008080 !important;
color: #FFFFFF;
border-radius: 3px;
line-height: 34px;
height: 34px;
text-align: center;
width: 300px;
padding: 8px 62px;
}
.titlebox a[href*="http://webchat.snoonet.org/portugal"]:hover {
background-color: #009e9e !important;
}
.titlebox a[href*="http://webchat.snoonet.org/portugal"]::before {
background: url("%%spritesheet%%") no-repeat;
background-position: -45px 0px;
background-size: 467px 40px;
content: "";
padding: 3px 16px;
}
.res-nightmode .titlebox a[href*="http://webchat.snoonet.org/portugal"] {
color: #FFFFFF;
}
.titlebox a[href*="https://discord.gg"] {
background-color: #7289da !important;
color: #FFFFFF;
border-radius: 3px;
line-height: 34px;
height: 34px;
text-align: center;
width: 300px;
padding: 8px 61px;
}
.titlebox a[href*="https://discord.gg"]:hover {
background-color: #516ac2 !important;
}
.titlebox a[href*="https://discord.gg"]::before {
background: url("%%spritesheet%%") no-repeat;
background-position: -430px 2px;
background-size: 467px 40px;
content: "";
padding: 3px 16px;
}
.res-nightmode .titlebox a[href*="https://discord.gg"] {
color: #FFFFFF;
}
/* Downvote Alert */
.commentarea .arrow.down:hover:before, .arrow.down:hover:before {
position: absolute;
display: block;
z-index: 1000;
width: 200px;
padding: 5px;
border: 0px solid #333;
border-radius: 5px;
background: #2F5FA7;
text-align: center;
color: #FFFFFF;
font-weight: bold;
margin-left: 25px;
margin-top: 5px;
opacity: 0.9;
}
.commentarea .arrow.down:hover:before {
content: "Não uses este botão só porque não concordas com o comentário. Usa este botão de downvote apenas naquilo que não pertence a este sub. Ajuda-nos a melhorar a qualidade do sub utilizando os botões de voto corretamente.";
font-size: 11px;
text-align: left;
white-space: pre-wrap;
}
.arrow.down:hover:before {
content: "Não uses este botão só porque não gostas do conteúdo postado. Usa este botão de downvote apenas naquilo que não pertence a este sub. Ajuda-nos a melhorar a qualidade do sub utilizando os botões de voto corretamente.";
font-size: 11px;
text-align: left;
white-space: pre-wrap;
}
.commentarea .usertext .bottom-area::before {
content: "Please follow the reddiquette and our rules (available on the sidebar).";
display: block;
text-align: justify;
margin-top: 0px;
margin-bottom: 5px;
padding: 4px;
background: #F5F5F5;
color: #BF3C37;
font-size: 11px;
font-weight: bold;
height: auto;
width: auto;
max-width: 100%;
}
/* Fixes RES infinite scrolling info bar */
#progressIndicator {
display: block!important;
text-align: center;
}
/* Flairs */
.flair-bigode {
background-image: url(%%flair-bigode%%);
background-repeat: no-repeat;
width: 31px;
height: 10px;
}
/* Spoiler tags */
a[href="#s"],
a[href="#spoiler"] {
display: inline-block;
background: black !important;
color: white !important;
cursor: default;
padding: 1px 2px;
}
a[href="#s"]::after,
a[href="#spoiler"]::after {
content: attr(title);
background: black !important;
color: black !important;
visibility: visible;
padding: 0px 8px;
}
a[href="#s"]:hover,
a[href="#spoiler"]:hover {
color: darkorange !important;
cursor: default;
}
a[href="#s"]:hover::after,
a[href="#s"]:active::after,
a[href="#spoiler"]:hover::after,
a[href="#spoiler"]:active::after {
color: white !important;
}
a[href$="/spoiler"] {
background: #000 !important;
color: #000 !important;
border: 1px solid black;
padding-right: 1px;
}
.submit_text .content.md-container .md {
font-weight: bold;
color: #BF3C37 !important;
}
a[href$="/spoiler"]:hover {
color: #FFF !important;
}
a[href$="/spoiler"]::before {
background: #FFF !important;
color: #000 !important;
padding: 0px 1px;
margin: 0px;
margin-right: 1px;
}
a[href$="/spoiler"]::before {
content: "Spoiler";
}
a[href$="/spoiler"][title]::before {
content: attr(title) " Spoiler";
}
/* Icons */
.submit-link .morelink a::before {
position: absolute;
left: 10px;
top: 9px;
width: 25px;
height: 18px;
background: url("%%spritesheet%%");
content: "";
background-position: -148px 0px;
background-size: 467px 40px;
}
.submit-link .morelink:hover a::before {
background-position: -148px 60px;
}
.submit-text .morelink a::before {
position: absolute;
left: 10px;
top: 10px;
width: 25px;
height: 18px;
background: url("%%spritesheet%%");
content: "";
background-position: 5px 0px;
background-size: 467px 40px;
}
.submit-text .morelink:hover a::before {
background-position: 5px 60px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment