Diff
checker
Testo
Testo
Immagini
Documenti
Excel
Cartelle
Legal
Enterprise
Applicazione per desktop
Prezzi
Accedi
Scarica Diffchecker Desktop
Confronta il testo
Trova la differenza tra due file di testo
Strumenti
Cronologia
Visualizzazione
Layout
Diviso
Unificato
Editor live
Nascondi spazi bianchi
Comprimi invariate
Senza a capo
Livello di dettaglio
Intelligente
Sintassi
Nessuno
Modifica aspetto
Elaborazione
Ignora
Trasforma testo
Vai alla prima modifica
Modifica input
Diffchecker Desktop
Il modo più sicuro per usare Diffchecker. Ottieni l'app Diffchecker Desktop: i tuoi diff non lasciano mai il tuo computer!
Ottieni Desktop
Night Monkey
Creato
7 anni fa
Il diff non scade mai
Eliminare
Esporta
Condividere
Spiegare
2 rimozioni
Linee
Totale
Rimosso
Caratteri
Totale
Rimosso
Per continuare a utilizzare questa funzione, aggiorna a
Diff
checker
Pro
Visualizza prezzi
806 linee
Copia tutti
6 aggiunte
Linee
Totale
Aggiunto
Caratteri
Totale
Aggiunto
Per continuare a utilizzare questa funzione, aggiorna a
Diff
checker
Pro
Visualizza prezzi
810 linee
Copia tutti
/*
/*
Table of Contents
Table of Contents
Ctrl + F "Section #" where # is the number that correspond
Ctrl + F "Section #" where # is the number that correspond
to the stuff you are looking for
to the stuff you are looking for
1. Frequently changing stuff (i.e. Custom user flair, Weekly sidebar photo)
1. Frequently changing stuff (i.e. Custom user flair, Weekly sidebar photo)
2. Main page related stuff
2. Main page related stuff
3. Header area. Userbar, default banner, snoo/subreddit icon, Tab menu (hot new etc)
3. Header area. Userbar, default banner, snoo/subreddit icon, Tab menu (hot new etc)
4. Sidebar related stuff
4. Sidebar related stuff
5. Flair related stuff
5. Flair related stuff
6. Submit-Page
6. Submit-Page
7. Comment Area (Up/down votes are here)
7. Comment Area (Up/down votes are here)
8. Wiki related stuff
8. Wiki related stuff
9. miscellaneous
9. miscellaneous
10. Res fixes
10. Res fixes
11. Night-mode re-colours
11. Night-mode re-colours
12. No Participation stuff
12. No Participation stuff
13. Alt colour
13. Alt colour
>>>Current images in the stylesheet: 29/50 (DON'T LET THIS GET CLOSE TO 50 OR THINGS WILL START BEING DELETED)
>>>Current images in the stylesheet: 29/50 (DON'T LET THIS GET CLOSE TO 50 OR THINGS WILL START BEING DELETED)
*/
*/
/*###############################################
/*###############################################
Section 1
Section 1
#################################################*/
#################################################*/
/*-----------WINNNER FLAIR FOR MONCON----------*/
/*-----------WINNNER FLAIR FOR MONCON----------*/
/*FANFICTION*/
/*FANFICTION*/
.commentarea a.author[href$="IamMenace"]:before{
.commentarea a.author[href$="IamMenace"]:before{
content: '';
content: '';
background:url(%%write%%) left center;
background:url(%%write%%) left center;
display:inline-block;
display:inline-block;
width: 22px;
width: 22px;
height: 20px;
height: 20px;
-webkit-animation:play 2.5s steps(12) infinite;
-webkit-animation:play 2.5s steps(12) infinite;
-moz-animation:play 2.5s steps(12) infinite;
-moz-animation:play 2.5s steps(12) infinite;
animation: play 2.5s steps(12) infinite;
animation: play 2.5s steps(12) infinite;
}
}
/*FANART*/
/*FANART*/
.commentarea a.author[href$="Zentics"]:before{
.commentarea a.author[href$="Zentics"]:before{
content: '';
content: '';
background:url(%%art%%) left center;
background:url(%%art%%) left center;
display:inline-block;
display:inline-block;
width: 22px;
width: 22px;
height: 20px;
height: 20px;
-webkit-animation:play 2.5s steps(12) infinite;
-webkit-animation:play 2.5s steps(12) infinite;
-moz-animation:play 2.5s steps(12) infinite;
-moz-animation:play 2.5s steps(12) infinite;
animation: play 2.5s steps(12) infinite;
animation: play 2.5s steps(12) infinite;
}
}
@-webkit-keyframes play{ from { background-position: 0 0; } to { background-position: -264px 0; } }
@-webkit-keyframes play{ from { background-position: 0 0; } to { background-position: -264px 0; } }
@-moz-keyframes play{ from { background-position: 0 0; } to { background-position: -264px 0; } }
@-moz-keyframes play{ from { background-position: 0 0; } to { background-position: -264px 0; } }
@keyframes play{ from { background-position: 0 0; } to { background-position: -264px 0; } }
@keyframes play{ from { background-position: 0 0; } to { background-position: -264px 0; } }
/*-------BEST OF 2015 FLAIR-------*/
/*-------BEST OF 2015 FLAIR-------*/
/* Check the google drive if you need to see the templates*/
/* Check the google drive if you need to see the templates*/
/*Ruby template*/
/*Ruby template*/
.commentarea .author[href$="Wolfe_Mollenkopf"]:before{
.commentarea .author[href$="Wolfe_Mollenkopf"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -0px -0px;
background-position: -0px -0px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="irishgoblin"]:before{
.commentarea .author[href$="irishgoblin"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -0px -0px;
background-position: -0px -0px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Danjitsu"]:before{
.commentarea .author[href$="Danjitsu"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -0px -48px;
background-position: -0px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
/*Ruby template*/
/*Ruby template*/
.commentarea .author[href$="HystericalCHijinks"]:before{
.commentarea .author[href$="HystericalCHijinks"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -0px -0px;
background-position: -0px -0px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
/*Weiss template*/
/*Weiss template*/
.commentarea .author[href$="tatooine0"]:before{
.commentarea .author[href$="tatooine0"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -0px -16px;
background-position: -0px -16px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
/*Blake Template*/
/*Blake Template*/
.commentarea .author[href$="Soap916"]:before{
.commentarea .author[href$="Soap916"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -0px -32px;
background-position: -0px -32px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Odin_Crusades"]:before{
.commentarea .author[href$="Odin_Crusades"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -0px -32px;
background-position: -0px -32px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
/*Yang Template*/
/*Yang Template*/
.commentarea .author[href$="Eldi13"]:before{
.commentarea .author[href$="Eldi13"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -352px;
background-position: -0px -352px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 95px;
width: 95px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Wingzeroalchemist"]:before{
.commentarea .author[href$="Wingzeroalchemist"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -0px -48px;
background-position: -0px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="TheRisenThunderbird"]:before{
.commentarea .author[href$="TheRisenThunderbird"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -0px -48px;
background-position: -0px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="ElementalDAR"]:before{
.commentarea .author[href$="ElementalDAR"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -0px -48px;
background-position: -0px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="GypsySage"]:before{
.commentarea .author[href$="GypsySage"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -0px -48px;
background-position: -0px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
/*-----------Misc. Badges------------------*/
/*-----------Misc. Badges------------------*/
.commentarea .author[href$="GraphicTitan01"]:before{
.commentarea .author[href$="GraphicTitan01"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -55px -48px;
background-position: -55px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 20px;
width: 20px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="SantanaChampagn"]:before{
.commentarea .author[href$="SantanaChampagn"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -79px -48px;
background-position: -79px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 16px;
width: 16px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="EliteLaser"]:before{
.commentarea .author[href$="EliteLaser"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -79px -48px;
background-position: -79px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 16px;
width: 16px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="TheNewKraken"]:before{
.commentarea .author[href$="TheNewKraken"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -79px -48px;
background-position: -79px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 16px;
width: 16px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="PalpatineSenpai"]:before{
.commentarea .author[href$="PalpatineSenpai"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -79px -48px;
background-position: -79px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 16px;
width: 16px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="HazelBunny"]:before{
.commentarea .author[href$="HazelBunny"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -79px -48px;
background-position: -79px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 16px;
width: 16px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="trinitynox"]:before{
.commentarea .author[href$="trinitynox"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -79px -48px;
background-position: -79px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 16px;
width: 16px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Toshiro46"]:before{
.commentarea .author[href$="Toshiro46"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -79px -48px;
background-position: -79px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 16px;
width: 16px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Changyuraptor"]:before{
.commentarea .author[href$="Changyuraptor"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -79px -48px;
background-position: -79px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 16px;
width: 16px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Selynt"]:before{
.commentarea .author[href$="Selynt"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%bestofbanners%%);
background:url(%%bestofbanners%%);
background-position: -79px -48px;
background-position: -79px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 16px;
width: 16px;
height: 16px;
height: 16px;
}
}
/*-------BEST OF 2016-2018 FLAIR-------*/
/*-------BEST OF 2016-2018 FLAIR-------*/
.commentarea .author[href$="dishwasher1910"]:before{
.commentarea .author[href$="dishwasher1910"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -0px;
background-position: -0px -0px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="denialism_cosplay"]:before{
.commentarea .author[href$="denialism_cosplay"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -0px;
background-position: -0px -0px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="palebloodink"]:before{
.commentarea .author[href$="palebloodink"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -16px;
background-position: -0px -16px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="LegalWrights"]:before{
.commentarea .author[href$="LegalWrights"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -16px;
background-position: -0px -16px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="ScottishMongol"]:before{
.commentarea .author[href$="ScottishMongol"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -32px;
background-position: -0px -32px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="KrypticLET"]:before{
.commentarea .author[href$="KrypticLET"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -48px;
background-position: -0px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="GYUZ"]:before{
.commentarea .author[href$="GYUZ"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -48px;
background-position: -0px -48px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="WarrenDSherman2"]:before{
.commentarea .author[href$="WarrenDSherman2"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -64px;
background-position: -0px -64px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="N7Brendan"]:before{
.commentarea .author[href$="N7Brendan"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -64px;
background-position: -0px -64px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="SoundSmith323"]:before{
.commentarea .author[href$="SoundSmith323"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -80px;
background-position: -0px -80px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Patmaster1995"]:before{
.commentarea .author[href$="Patmaster1995"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -96px;
background-position: -0px -96px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="NightsWatchh"]:before{
.commentarea .author[href$="NightsWatchh"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -192px;
background-position: -0px -192px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="SmallJon"]:before{
.commentarea .author[href$="SmallJon"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -128px;
background-position: -0px -128px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="zombiewafffles"]:before{
.commentarea .author[href$="zombiewafffles"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -144px;
background-position: -0px -144px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="KnightMiner115"]:before{
.commentarea .author[href$="KnightMiner115"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -160px;
background-position: -0px -160px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 74px;
width: 74px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="jtangc"]:before{
.commentarea .author[href$="jtangc"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -176px;
background-position: -0px -176px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Reeves3"]:before{
.commentarea .author[href$="Reeves3"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -176px;
background-position: -0px -176px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="GLQv192"]:before{
.commentarea .author[href$="GLQv192"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -208px;
background-position: -0px -208px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Greatness942"]:before{
.commentarea .author[href$="Greatness942"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -224px;
background-position: -0px -224px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="PetersNachbar"]:before{
.commentarea .author[href$="PetersNachbar"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -240px;
background-position: -0px -240px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="brusque-lee"]:before{
.commentarea .author[href$="brusque-lee"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -256px;
background-position: -0px -256px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Danielr_1341"]:before{
.commentarea .author[href$="Danielr_1341"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -272px;
background-position: -0px -272px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="TechDude120708"]:before{
.commentarea .author[href$="TechDude120708"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -288px;
background-position: -0px -288px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="bubblywaffo"]:before{
.commentarea .author[href$="bubblywaffo"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -304px;
background-position: -0px -304px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Yukon_Wolf"]:before{
.commentarea .author[href$="Yukon_Wolf"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -320px;
background-position: -0px -320px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Sh1f7er"]:before{
.commentarea .author[href$="Sh1f7er"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -336px;
background-position: -0px -336px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Kuchenjaeger"]:before{
.commentarea .author[href$="Kuchenjaeger"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -336px;
background-position: -0px -336px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="Toshiro46"]:before{
.commentarea .author[href$="Toshiro46"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -368px;
background-position: -0px -368px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 74px;
width: 74px;
height: 16px;
height: 16px;
}
}
.commentarea .author[href$="dishwasher1910"]:before{
.commentarea .author[href$="dishwasher1910"]:before{
content: '';
content: '';
display:inline-block;
display:inline-block;
background:url(%%BestOf2016%%);
background:url(%%BestOf2016%%);
background-position: -0px -384px;
background-position: -0px -384px;
margin: 0px 4px -4px 0px;
margin: 0px 4px -4px 0px;
width: 53px;
width: 53px;
height: 16px;
height: 16px;
}
}
/*-----------COMMUNITY RECOGNITION FLAIR------------*/
/*-----------COMMUNITY RECOGNITION FLAIR------------*/
.commentarea .author:after { color:#000}
.commentarea .author:after { color:#000}
/*--------(ex-)mods--------*/
/*--------(ex-)mods--------*/
.commentarea .author[href$="ChaosPheonix11"]:after {content:" - '/r/RWBY's Maestro'" }
.commentarea .author[href$="ChaosPheonix11"]:after {content:" - '/r/RWBY's Maestro'" }
.commentarea .author[href$="JillianForDays"]:after {content:" - 'Queen Bee'" }
.commentarea .author[href$="JillianForDays"]:after {content:" - 'Queen Bee'" }
.commentarea .author[href$="The_Jacxter"]:after {content:" - 'Hon Hon Hon Moderation'" }
.commentarea .author[href$="The_Jacxter"]:after {content:" - 'Hon Hon Hon Moderation'" }
.commentarea .author[href$="Speedingturtle"]:after {content:" - 'Resident CSS Nerd'" }
.commentarea .author[href$="Speedingturtle"]:after {content:" - 'Resident CSS Nerd'" }
.commentarea .author[href$="Meltingteeth"]:after {content:" - 'Destroyer of Hopes & Dreams'" }
.commentarea .author[href$="Meltingteeth"]:after {content:" - 'Destroyer of Hopes & Dreams'" }
.commentarea .author[href$="redwing36"]:after {content:" - 'Bug Admiral'" }
.commentarea .author[href$="redwing36"]:after {content:" - 'Bug Admiral'" }
.commentarea .author[href$="Menolith"]:after {content:" - 'His Blackboard-Monitorship'" }
.commentarea .author[href$="Menolith"]:after {content:" - 'His Blackboard-Monitorship'" }
.commentarea .author[href$="Ezreal024"]:after {content:" - 'The Unirkable Mod'" }
.commentarea .author[href$="Ezreal024"]:after {content:" - 'The Unirkable Mod'" }
.commentarea .author[href$="Eldi13"]:after {content:" - 'Flair-eon'" }
.commentarea .author[href$="Eldi13"]:after {content:" - 'Flair-eon'" }
.commentarea .author[href$="PartFootball"]:after {content:" - 'Balldad'" }
.commentarea .author[href$="PartFootball"]:after {content:" - 'Balldad'" }
.commentarea .author[href$="Kuchenjaeger"]:after {content:" - 'Haunted by a Typo'" }
.commentarea .author[href$="Kuchenjaeger"]:after {content:" - 'Haunted by a Typo'" }
.commentarea .author[href$="science-i"]:after {content:" - 'Special Snowflake'" }
.commentarea .author[href$="science-i"]:after {content:" - 'Special Snowflake'" }
.commentarea .author[href$="Dragoon893"]:after {content:" - 'RIP Trogdor'" }
.commentarea .author[href$="Dragoon893"]:after {content:" - 'RIP Trogdor'" }
.commentarea .author[href$="TheSoundofStars"]:after {content:" - 'http://imgur.com/a/DgeDy'" }
.commentarea .author[href$="TheSoundofStars"]:after {content:" - 'http://imgur.com/a/DgeDy'" }
.commentarea .author[href$="LeFoogeboo"]:after {content:" - 'Redwing's 11 herbs and spices'" }
.commentarea .author[href$="LeFoogeboo"]:after {content:" - 'Redwing's 11 herbs and spices'" }
.commentarea .author[href$="NightsWatchh"]:after {content:" - 'Back off, freak.'" }
.commentarea .author[href$="NightsWatchh"]:after {content:" - 'Back off, freak.'" }
.commentarea .author[href$="Lucifer_Crowe"]:after {content:" - 'Restrictions: None'" }
.commentarea .author[href$="Lucifer_Crowe"]:after {content:" - 'Restrictions: None'" }
.commentarea .author[href$="Unjax"]:after {content:" - 'Weiss is best girl, but Neo is most fab'" }
.commentarea .author[href$="Unjax"]:after {content:" - 'Weiss is best girl, but Neo is most fab'" }
/*--------RT Officials--------*/
/*--------RT Officials--------*/
.commentarea .author[href$="RT_Barbara"]:after {content:" - 'Dang Xiao Long'" }
.commentarea .author[href$="RT_Barbara"]:after {content:" - 'Dang Xiao Long'" }
.commentarea .author[href$="lunatic24"]:after {content:" - 'Bringer of Pain, Destroyer of Feelings'" }
.commentarea .author[href$="lunatic24"]:after {content:" - 'Bringer of Pain, Destroyer of Feelings'" }
.commentarea .author[href$="KerryS"]:after {content:" - 'Grimm-Dragonface'" }
.commentarea .author[href$="KerryS"]:after {content:" - 'Grimm-Dragonface'" }
.commentarea .author[href$="pdecanini"]:after {content:" - 'Chibimancer'"}
.commentarea .author[href$="pdecanini"]:after {content:" - 'Chibimancer'"}
.commentarea .author[href$="i_heart_VIs"]:after {content:" - 'Official Alex Abraham'" }
.commentarea .author[href$="i_heart_VIs"]:after {content:" - 'Official Alex Abraham'" }
.commentarea .author[href$="chriskokkinos"]:after {content:" - 'Official Audio Lead'" }
.commentarea .author[href$="chriskokkinos"]:after {content:" - 'Official Audio Lead'" }
.commentarea .author[href$="Skilltacular"]:after {content:" - 'GE Game Dev'"}
.commentarea .author[href$="Skilltacular"]:after {content:" - 'GE Game Dev'"}
.commentarea .author[href$="PrismaticStarquake"]:after {content:" - 'Combat Ready Dev'"}
.commentarea .author[href$="PrismaticStarquake"]:after {content:" - 'Combat Ready Dev'"}
.commentarea .author[href$="chompotron"]:after {content:" - 'Sexy Animator'"}
.commentarea .author[href$="chompotron"]:after {content:" - 'Sexy Animator'"}
.commentarea .author[href$="Cooper_Ez"]:after {content:"- RT 'President'"}
.commentarea .author[href$="Cooper_Ez"]:after {content:"- RT 'President'"}
/*--------Community Recognition--------*/
/*--------Community Recognition--------*/
.commentarea .author[href$="Cloudssj43"]:after {content:" - 'Translator Extraordinaire'" }
.commentarea .author[href$="Cloudssj43"]:after {content:" - 'Translator Extraordinaire'" }
.commentarea .author[href$="artuno"]:after {content:" - 'Creator of Potato'";}
.commentarea .author[href$="artuno"]:after {content:" - 'Creator of Potato'";}
.commentarea .author[href$="ZipRush"]:after {content:" - 'Sourceror'";}
.commentarea .author[href$="ZipRush"]:after {content:" - 'Sourceror'";}
.commentarea .author[href$="N7Brendan"]:after {content:" - 'Just the Status Chart Guy'" }
.commentarea .author[href$="N7Brendan"]:after {content:" - 'Just the Status Chart Guy'" }
Copia
Copiato
Copia
Copiato
.commentarea .author[href$="SaintNovem"]:after {content:" - 'Memory of a Mûmakil'" }
.commentarea .author[href$="SS_RWBY"]:after {content:" - '/r/RWBY's Little Helper'" }
.commentarea .author[href$="SS_RWBY"]:after {content:" - '/r/RWBY's Little Helper'" }
.commentarea .author[href$="dicschneeary"]:after {content:" - 'Define Nepotism'" }
.commentarea .author[href$="dicschneeary"]:after {content:" - 'Define Nepotism'" }
.commentarea .author[href$="VelvetBot"]:after {content:" - 'Mirror, Mirror'" }
.commentarea .author[href$="VelvetBot"]:after {content:" - 'Mirror, Mirror'" }
.commentarea .author[href$="PennyBotV2"]:after {content:" - 'Command-ready!'" }
.commentarea .author[href$="PennyBotV2"]:after {content:" - 'Command-ready!'" }
.commentarea .author[href$="Cenizacaer"]:after {content:" - 'Almost literally Blake Xiao Long'" }
.commentarea .author[href$="Cenizacaer"]:after {content:" - 'Almost literally Blake Xiao Long'" }
.commentarea .author[href$="DaRealAmana"]:after {content:" - 'Sidebar Contest 2017 - 3rd Place'" }
.commentarea .author[href$="DaRealAmana"]:after {content:" - 'Sidebar Contest 2017 - 3rd Place'" }
.commentarea .author[href$="shandromand"]:after {content:" - 'Curator-iffic Fanfictioneer'" }
.commentarea .author[href$="shandromand"]:after {content:" - 'Curator-iffic Fanfictioneer'" }
.commentarea .author[href$="muldoonx9"]:after {content:" - 'Free Talk Coordinator Emeritus'" }
.commentarea .author[href$="muldoonx9"]:after {content:" - 'Free Talk Coordinator Emeritus'" }
/*-------LATEST EPISODE PICTURE-------*/
/*-------LATEST EPISODE PICTURE-------*/
.side a[href="https://roosterteeth.com/series/rwby"], .side a[href="https://www.reddit.com/r/RWBY/comments/7wn3qn/we_are_hosting_an_official_crwby_ama_on_the/"] {
.side a[href="https://roosterteeth.com/series/rwby"], .side a[href="https://www.reddit.com/r/RWBY/comments/7wn3qn/we_are_hosting_an_official_crwby_ama_on_the/"] {
background:url(%%rwbylatest%%);
background:url(%%rwbylatest%%);
background-repeat:no-repeat;
background-repeat:no-repeat;
display:inline-block;
display:inline-block;
width:300px;
width:300px;
height:210px;
height:210px;
text-indent:-9999px;
text-indent:-9999px;
top:392px;
top:392px;
position:absolute;
position:absolute;
right:20px;
right:20px;
}
}
.comments-page .side a[href="https://roosterteeth.com/series/rwby"] {top:211px;}
.comments-page .side a[href="https://roosterteeth.com/series/rwby"] {top:211px;}
/*###############################################
/*###############################################
Section 2
Section 2
#################################################*/
#################################################*/
body { color:#000;font-family:"Days One",Verdana,Arial,sans-serif; background: url(%%pagebackground%%); background-attachment: fixed; background-size: cover; background-repeat: no-repeat;}
body { color:#000;font-family:"Days One",Verdana,Arial,sans-serif; background: url(%%pagebackground%%); background-attachment: fixed; background-size: cover; background-repeat: no-repeat;}
.footer a {
.footer a {
font-weight: bold;
font-weight: bold;
color: white;
color: white;
text-shadow:
text-shadow:
-1px -1px 0 #000,
-1px -1px 0 #000,
1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
1px 1px 0 #000;
}
}
.content {
.content {
margin-top:69px;
margin-top:69px;
padding:10px;
padding:10px;
background:#fff
background:#fff
}
}
.comments-page .content {margin-top:48px;}
.comments-page .content {margin-top:48px;}
.comments-page .content,.related-page .content,
.comments-page .content,.related-page .content,
.search-page .content {
.search-page .content {
background:#eee;
background:#eee;
padding:0
padding:0
}
}
/*link colours*/
/*link colours*/
a, .side a, .md a{ color: #8e001c; }
a, .side a, .md a{ color: #8e001c; }
.listing-page .content { padding:0; background:#E6D9B8}
.listing-page .content { padding:0; background:#E6D9B8}
.content > h2 { padding-top:20px }
.content > h2 { padding-top:20px }
/*content at the bottom*/
/*content at the bottom*/
.footer-parent { background:url(%%rt-logo%%) no-repeat bottom center; height:380px; margin-bottom: -35px;}
.footer-parent { background:url(%%rt-logo%%) no-repeat bottom center; height:380px; margin-bottom: -35px;}
.footer.rounded { background: none ;}
.footer.rounded { background: none ;}
/* Unvisited title link color */
/* Unvisited title link color */
.thing .title.loggedin,.link .title {
.thing .title.loggedin,.link .title {
color:#8e001c;
color:#8e001c;
font-size:1.250em;
font-size:1.250em;
}
}
/* Visited title link color */
/* Visited title link color */
.thing .title.loggedin:visited,.thing .title.loggedin:visited.click,.link .title:visited { color:#000; }
.thing .title.loggedin:visited,.thing .title.loggedin:visited.click,.link .title:visited { color:#000; }
/* Modify Headers */
/* Modify Headers */
.expando form .usertext-body .md h1 {
.expando form .usertext-body .md h1 {
color:#8e001c;
color:#8e001c;
font-weight:700;
font-weight:700;
border-bottom:solid 1px #8e001c;
border-bottom:solid 1px #8e001c;
font-size:1.2em;
font-size:1.2em;
margin-top:35px
margin-top:35px
}
}
.expando form .usertext-body .md h2 {
.expando form .usertext-body .md h2 {
padding:10px;
padding:10px;
color:#8e001c;
color:#8e001c;
font-weight:400;
font-weight:400;
background:#fafafa;
background:#fafafa;
border:1px 0 1px 0 solid #000;
border:1px 0 1px 0 solid #000;
font-style:Italic;
font-style:Italic;
font-size:1.2em;
font-size:1.2em;
text-transform:uppercase;
text-transform:uppercase;
margin-top:30px
margin-top:30px
}
}
.content .expando form .usertext-body .md h1:first-child { margin-top:0 }
.content .expando form .usertext-body .md h1:first-child { margin-top:0 }
/* #########################
/* #########################
LINK STYLING
LINK STYLING
######################### */
######################### */
div.content {
div.content {
margin-left:15px;
margin-left:15px;
margin-bottom:25px;
margin-bottom:25px;
margin-right:359px
margin-right:359px
}
}
.nextprev {
.nextprev {
width:auto;
width:auto;
display:inline-block;
display:inline-block;
border:1px #e3e3e3 solid;
border:1px #e3e3e3 solid;
border-left:3px #e3e3e3 solid;
border-left:3px #e3e3e3 solid;
padding:10px;
padding:10px;
font-variant:small-caps
font-variant:small-caps
}
}
.nextprev a {
.nextprev a {
font-variant:normal;
font-variant:normal;
background:#fff;
background:#fff;
font-family:"Days One",Verdana,Arial,sans-serif;
font-family:"Days One",Verdana,Arial,sans-serif;
}
}
.linklisting .thing {
.linklisting .thing {
border-left:8px #e8e8e8 solid;
border-left:8px #e8e8e8 solid;
padding: 16px 10px;
padding: 16px 10px;
margin:0;
margin:0;
background:#E6D9B8;
background:#E6D9B8;
border-top: 1px dotted #eee;
border-top: 1px dotted #eee;
}
}
.linklisting .thing.spam {background:#FA8072}
.linklisting .thing.spam {background:#FA8072}
.link.last-clicked {
.link.last-clicked {
border-top:dotted 1px #000;
border-top:dotted 1px #000;
border-bottom:dotted 1px #000;
border-bottom:dotted 1px #000;
border-right:0
border-right:0
}
}
.link .rank {text-align:center}
.link .rank {text-align:center}
.listing-page .linklisting .thing:hover {
.listing-page .linklisting .thing:hover {
background-color:#fff;
background-color:#fff;
border-left:8px #f5d94e solid
border-left:8px #f5d94e solid
}
}
.sheets {margin-right: 0px;}
.sheets {margin-right: 0px;}
/* SUPER SPECIAL THUMBNAILS thanks to /u/Eldi13 for making them */
/* SUPER SPECIAL THUMBNAILS thanks to /u/Eldi13 for making them */
.thumbnail.nsfw{
.thumbnail.nsfw{
background: url(%%thumbnails%%);
background: url(%%thumbnails%%);
background-position:0px -350px;
background-position:0px -350px;
height:70px;
height:70px;
}
}
.thumbnail.spoiler{
.thumbnail.spoiler{
background: url(%%thumbnails%%);
background: url(%%thumbnails%%);
background-position:0px -140px;
background-position:0px -140px;
height: 70px;
height: 70px;
}
}
.thumbnail.default{
.thumbnail.default{
background: url(%%thumbnails%%);
background: url(%%thumbnails%%);
background-position:0px 0px;
background-position:0px 0px;
height:70px;
height:70px;
}
}
.thumbnail.self{
.thumbnail.self{
background: url(%%thumbnails%%);
background: url(%%thumbnails%%);
background-position:0px -70px;
background-position:0px -70px;
height:70px;
height:70px;
}
}
/*Put it here for the catch-all spoiler stuff, copy the format*/
/*Put it here for the catch-all spoiler stuff, copy the format*/
.linkflair-rwby-SPOILERS .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-FANART .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-FANART .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-DISCUSSION .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-DISCUSSION .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-COSPLAY .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-COSPLAY .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-RWBYSWAG .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-RWBYSWAG .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-REQUEST .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-REQUEST .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-OFFICIALLINK .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-OFFICIALLINK .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-FANFIC .thumbnail img {display: none;}
.linkflair-rwby-SPOILERS-FANFIC .thumbnail img {display: none;}
.linkflair-rwby-GRIMMECLIPSEDISCUSSION .thumbnail img {display: none;}
.linkflair-rwby-GRIMMECLIPSEDISCUSSION .thumbnail img {display: none;}
.linkflair-rwby-NSFW .thumbnail img {display: none;}
.linkflair-rwby-NSFW .thumbnail img {display: none;}
/*Then put it here too, copy again */
/*Then put it here too, copy again */
.linkflair-rwby-SPOILERS .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS-FANART .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS-FANART .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS-DISCUSSION .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS-DISCUSSION .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS-COSPLAY .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS-COSPLAY .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS-RWBYSWAG .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS-RWBYSWAG .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS-REQUEST .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS-REQUEST .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS-FANFIC .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS-FANFIC .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; }
.linkflair-rwby-SPOILERS-OFFICIALLINK .thumbnail {background: url(%%thumbnails%%);background-position:0px -210px;height: 70px; }
.linkflair-rwby-SPOILERS-OFFICIALLINK .thumbnail {background: url(%%thumbnails%%);background-position:0px -210px;height: 70px; }
.linkflair-rwby-GRIMMECLIPSEDISCUSSION .thumbnail {background: url(%%thumbnails%%);background-position:0px -280px;height: 70px; }
.linkflair-rwby-GRIMMECLIPSEDISCUSSION .thumbnail {background: url(%%thumbnails%%);background-position:0px -280px;height: 70px; }
.linkflair-rwby-NSFW .thumbnail {background: url(%%thumbnails%%);background-position:0px -350px;height: 70px; }
.linkflair-rwby-NSFW .thumbnail {background: url(%%thumbnails%%);background-position:0px -350px;height: 70px; }
/*cntl f anything above to find out where to slap it lower down too. Once it's there, don't forget to add it to the flair list*/
/*cntl f anything above to find out where to slap it lower down too. Once it's there, don't forget to add it to the flair list*/
/* I SAID AS FEW AS POSSIBLE 8=D*/
/* I SAID AS FEW AS POSSIBLE 8=D*/
/*Hide NSFW*/
/*Hide NSFW*/
.marknsfw-button {
.marknsfw-button {
font-size:0px;
font-size:0px;
display:inline-block;
display:inline-block;
vertical-align:top;
vertical-align:top;
overflow:hidden;
overflow:hidden;
letter-spacing:-20px;
letter-spacing:-20px;
content:""
content:""
}
}
/*###############################################
/*###############################################
Section 3
Section 3
#################################################*/
#################################################*/
/*-----BANNER-------*/
/*-----BANNER-------*/
#header {
#header {
height:314px;
height:314px;
left:0px;
left:0px;
width:100%;
width:100%;
background:transparent url(%%background%%) center top;
background:transparent url(%%background%%) center top;
border-bottom:0 solid;
border-bottom:0 solid;
z-index: initial;
z-index: initial;
overflow:visible;
overflow:visible;
}
}
.listing-page #header:before, .wiki-page #header:before, .submit-page #header:before{content:'';background:url(%%banner%%)no-repeat;height:314px; width:100%;position:absolute;}
.listing-page #header:before, .wiki-page #header:before, .submit-page #header:before{content:'';background:url(%%banner%%)no-repeat;height:314px; width:100%;position:absolute;}
html:lang(aa) .comments-page #header:before, .comments-page #header:before { height:147px; content:''; background:transparent url(%%commentbanner%%) center top no-repeat; width:100%;position:absolute;}
html:lang(aa) .comments-page #header:before, .comments-page #header:before { height:147px; content:''; background:transparent url(%%commentbanner%%) center top no-repeat; width:100%;position:absolute;}
.comments-page #header{height:147px;}
.comments-page #header{height:147px;}
/*ICON TO LINK TO /r/RWBY/reddit*/
/*ICON TO LINK TO /r/RWBY/reddit*/
#header-img {
#header-img {
position: absolute;
position: absolute;
top: 19px;
top: 19px;
Copia
Copiato
Copia
Copiato
l
left: 40px;
z-index: 99;
width: 0;
padding-left: 120px;
height: 120px;
background
Diff salvati
Testo originale
Apri file
/* Table of Contents Ctrl + F "Section #" where # is the number that correspond to the stuff you are looking for 1. Frequently changing stuff (i.e. Custom user flair, Weekly sidebar photo) 2. Main page related stuff 3. Header area. Userbar, default banner, snoo/subreddit icon, Tab menu (hot new etc) 4. Sidebar related stuff 5. Flair related stuff 6. Submit-Page 7. Comment Area (Up/down votes are here) 8. Wiki related stuff 9. miscellaneous 10. Res fixes 11. Night-mode re-colours 12. No Participation stuff 13. Alt colour >>>Current images in the stylesheet: 29/50 (DON'T LET THIS GET CLOSE TO 50 OR THINGS WILL START BEING DELETED) */ /*############################################### Section 1 #################################################*/ /*-----------WINNNER FLAIR FOR MONCON----------*/ /*FANFICTION*/ .commentarea a.author[href$="IamMenace"]:before{ content: ''; background:url(%%write%%) left center; display:inline-block; width: 22px; height: 20px; -webkit-animation:play 2.5s steps(12) infinite; -moz-animation:play 2.5s steps(12) infinite; animation: play 2.5s steps(12) infinite; } /*FANART*/ .commentarea a.author[href$="Zentics"]:before{ content: ''; background:url(%%art%%) left center; display:inline-block; width: 22px; height: 20px; -webkit-animation:play 2.5s steps(12) infinite; -moz-animation:play 2.5s steps(12) infinite; animation: play 2.5s steps(12) infinite; } @-webkit-keyframes play{ from { background-position: 0 0; } to { background-position: -264px 0; } } @-moz-keyframes play{ from { background-position: 0 0; } to { background-position: -264px 0; } } @keyframes play{ from { background-position: 0 0; } to { background-position: -264px 0; } } /*-------BEST OF 2015 FLAIR-------*/ /* Check the google drive if you need to see the templates*/ /*Ruby template*/ .commentarea .author[href$="Wolfe_Mollenkopf"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -0px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="irishgoblin"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -0px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Danjitsu"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } /*Ruby template*/ .commentarea .author[href$="HystericalCHijinks"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -0px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } /*Weiss template*/ .commentarea .author[href$="tatooine0"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -16px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } /*Blake Template*/ .commentarea .author[href$="Soap916"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -32px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Odin_Crusades"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -32px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } /*Yang Template*/ .commentarea .author[href$="Eldi13"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -352px; margin: 0px 4px -4px 0px; width: 95px; height: 16px; } .commentarea .author[href$="Wingzeroalchemist"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="TheRisenThunderbird"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="ElementalDAR"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="GypsySage"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } /*-----------Misc. Badges------------------*/ .commentarea .author[href$="GraphicTitan01"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -55px -48px; margin: 0px 4px -4px 0px; width: 20px; height: 16px; } .commentarea .author[href$="SantanaChampagn"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="EliteLaser"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="TheNewKraken"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="PalpatineSenpai"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="HazelBunny"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="trinitynox"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="Toshiro46"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="Changyuraptor"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="Selynt"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } /*-------BEST OF 2016-2018 FLAIR-------*/ .commentarea .author[href$="dishwasher1910"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -0px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="denialism_cosplay"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -0px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="palebloodink"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -16px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="LegalWrights"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -16px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="ScottishMongol"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -32px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="KrypticLET"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="GYUZ"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="WarrenDSherman2"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -64px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="N7Brendan"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -64px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="SoundSmith323"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -80px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Patmaster1995"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -96px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="NightsWatchh"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -192px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="SmallJon"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -128px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="zombiewafffles"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -144px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="KnightMiner115"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -160px; margin: 0px 4px -4px 0px; width: 74px; height: 16px; } .commentarea .author[href$="jtangc"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -176px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Reeves3"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -176px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="GLQv192"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -208px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Greatness942"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -224px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="PetersNachbar"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -240px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="brusque-lee"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -256px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Danielr_1341"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -272px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="TechDude120708"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -288px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="bubblywaffo"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -304px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Yukon_Wolf"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -320px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Sh1f7er"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -336px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Kuchenjaeger"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -336px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Toshiro46"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -368px; margin: 0px 4px -4px 0px; width: 74px; height: 16px; } .commentarea .author[href$="dishwasher1910"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -384px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } /*-----------COMMUNITY RECOGNITION FLAIR------------*/ .commentarea .author:after { color:#000} /*--------(ex-)mods--------*/ .commentarea .author[href$="ChaosPheonix11"]:after {content:" - '/r/RWBY's Maestro'" } .commentarea .author[href$="JillianForDays"]:after {content:" - 'Queen Bee'" } .commentarea .author[href$="The_Jacxter"]:after {content:" - 'Hon Hon Hon Moderation'" } .commentarea .author[href$="Speedingturtle"]:after {content:" - 'Resident CSS Nerd'" } .commentarea .author[href$="Meltingteeth"]:after {content:" - 'Destroyer of Hopes & Dreams'" } .commentarea .author[href$="redwing36"]:after {content:" - 'Bug Admiral'" } .commentarea .author[href$="Menolith"]:after {content:" - 'His Blackboard-Monitorship'" } .commentarea .author[href$="Ezreal024"]:after {content:" - 'The Unirkable Mod'" } .commentarea .author[href$="Eldi13"]:after {content:" - 'Flair-eon'" } .commentarea .author[href$="PartFootball"]:after {content:" - 'Balldad'" } .commentarea .author[href$="Kuchenjaeger"]:after {content:" - 'Haunted by a Typo'" } .commentarea .author[href$="science-i"]:after {content:" - 'Special Snowflake'" } .commentarea .author[href$="Dragoon893"]:after {content:" - 'RIP Trogdor'" } .commentarea .author[href$="TheSoundofStars"]:after {content:" - 'http://imgur.com/a/DgeDy'" } .commentarea .author[href$="LeFoogeboo"]:after {content:" - 'Redwing's 11 herbs and spices'" } .commentarea .author[href$="NightsWatchh"]:after {content:" - 'Back off, freak.'" } .commentarea .author[href$="Lucifer_Crowe"]:after {content:" - 'Restrictions: None'" } .commentarea .author[href$="Unjax"]:after {content:" - 'Weiss is best girl, but Neo is most fab'" } /*--------RT Officials--------*/ .commentarea .author[href$="RT_Barbara"]:after {content:" - 'Dang Xiao Long'" } .commentarea .author[href$="lunatic24"]:after {content:" - 'Bringer of Pain, Destroyer of Feelings'" } .commentarea .author[href$="KerryS"]:after {content:" - 'Grimm-Dragonface'" } .commentarea .author[href$="pdecanini"]:after {content:" - 'Chibimancer'"} .commentarea .author[href$="i_heart_VIs"]:after {content:" - 'Official Alex Abraham'" } .commentarea .author[href$="chriskokkinos"]:after {content:" - 'Official Audio Lead'" } .commentarea .author[href$="Skilltacular"]:after {content:" - 'GE Game Dev'"} .commentarea .author[href$="PrismaticStarquake"]:after {content:" - 'Combat Ready Dev'"} .commentarea .author[href$="chompotron"]:after {content:" - 'Sexy Animator'"} .commentarea .author[href$="Cooper_Ez"]:after {content:"- RT 'President'"} /*--------Community Recognition--------*/ .commentarea .author[href$="Cloudssj43"]:after {content:" - 'Translator Extraordinaire'" } .commentarea .author[href$="artuno"]:after {content:" - 'Creator of Potato'";} .commentarea .author[href$="ZipRush"]:after {content:" - 'Sourceror'";} .commentarea .author[href$="N7Brendan"]:after {content:" - 'Just the Status Chart Guy'" } .commentarea .author[href$="SaintNovem"]:after {content:" - 'Memory of a Mûmakil'" } .commentarea .author[href$="SS_RWBY"]:after {content:" - '/r/RWBY's Little Helper'" } .commentarea .author[href$="dicschneeary"]:after {content:" - 'Define Nepotism'" } .commentarea .author[href$="VelvetBot"]:after {content:" - 'Mirror, Mirror'" } .commentarea .author[href$="PennyBotV2"]:after {content:" - 'Command-ready!'" } .commentarea .author[href$="Cenizacaer"]:after {content:" - 'Almost literally Blake Xiao Long'" } .commentarea .author[href$="DaRealAmana"]:after {content:" - 'Sidebar Contest 2017 - 3rd Place'" } .commentarea .author[href$="shandromand"]:after {content:" - 'Curator-iffic Fanfictioneer'" } .commentarea .author[href$="muldoonx9"]:after {content:" - 'Free Talk Coordinator Emeritus'" } /*-------LATEST EPISODE PICTURE-------*/ .side a[href="https://roosterteeth.com/series/rwby"], .side a[href="https://www.reddit.com/r/RWBY/comments/7wn3qn/we_are_hosting_an_official_crwby_ama_on_the/"] { background:url(%%rwbylatest%%); background-repeat:no-repeat; display:inline-block; width:300px; height:210px; text-indent:-9999px; top:392px; position:absolute; right:20px; } .comments-page .side a[href="https://roosterteeth.com/series/rwby"] {top:211px;} /*############################################### Section 2 #################################################*/ body { color:#000;font-family:"Days One",Verdana,Arial,sans-serif; background: url(%%pagebackground%%); background-attachment: fixed; background-size: cover; background-repeat: no-repeat;} .footer a { font-weight: bold; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .content { margin-top:69px; padding:10px; background:#fff } .comments-page .content {margin-top:48px;} .comments-page .content,.related-page .content, .search-page .content { background:#eee; padding:0 } /*link colours*/ a, .side a, .md a{ color: #8e001c; } .listing-page .content { padding:0; background:#E6D9B8} .content > h2 { padding-top:20px } /*content at the bottom*/ .footer-parent { background:url(%%rt-logo%%) no-repeat bottom center; height:380px; margin-bottom: -35px;} .footer.rounded { background: none ;} /* Unvisited title link color */ .thing .title.loggedin,.link .title { color:#8e001c; font-size:1.250em; } /* Visited title link color */ .thing .title.loggedin:visited,.thing .title.loggedin:visited.click,.link .title:visited { color:#000; } /* Modify Headers */ .expando form .usertext-body .md h1 { color:#8e001c; font-weight:700; border-bottom:solid 1px #8e001c; font-size:1.2em; margin-top:35px } .expando form .usertext-body .md h2 { padding:10px; color:#8e001c; font-weight:400; background:#fafafa; border:1px 0 1px 0 solid #000; font-style:Italic; font-size:1.2em; text-transform:uppercase; margin-top:30px } .content .expando form .usertext-body .md h1:first-child { margin-top:0 } /* ######################### LINK STYLING ######################### */ div.content { margin-left:15px; margin-bottom:25px; margin-right:359px } .nextprev { width:auto; display:inline-block; border:1px #e3e3e3 solid; border-left:3px #e3e3e3 solid; padding:10px; font-variant:small-caps } .nextprev a { font-variant:normal; background:#fff; font-family:"Days One",Verdana,Arial,sans-serif; } .linklisting .thing { border-left:8px #e8e8e8 solid; padding: 16px 10px; margin:0; background:#E6D9B8; border-top: 1px dotted #eee; } .linklisting .thing.spam {background:#FA8072} .link.last-clicked { border-top:dotted 1px #000; border-bottom:dotted 1px #000; border-right:0 } .link .rank {text-align:center} .listing-page .linklisting .thing:hover { background-color:#fff; border-left:8px #f5d94e solid } .sheets {margin-right: 0px;} /* SUPER SPECIAL THUMBNAILS thanks to /u/Eldi13 for making them */ .thumbnail.nsfw{ background: url(%%thumbnails%%); background-position:0px -350px; height:70px; } .thumbnail.spoiler{ background: url(%%thumbnails%%); background-position:0px -140px; height: 70px; } .thumbnail.default{ background: url(%%thumbnails%%); background-position:0px 0px; height:70px; } .thumbnail.self{ background: url(%%thumbnails%%); background-position:0px -70px; height:70px; } /*Put it here for the catch-all spoiler stuff, copy the format*/ .linkflair-rwby-SPOILERS .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-FANART .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-DISCUSSION .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-COSPLAY .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-RWBYSWAG .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-REQUEST .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-OFFICIALLINK .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-FANFIC .thumbnail img {display: none;} .linkflair-rwby-GRIMMECLIPSEDISCUSSION .thumbnail img {display: none;} .linkflair-rwby-NSFW .thumbnail img {display: none;} /*Then put it here too, copy again */ .linkflair-rwby-SPOILERS .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-FANART .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-DISCUSSION .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-COSPLAY .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-RWBYSWAG .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-REQUEST .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-FANFIC .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-OFFICIALLINK .thumbnail {background: url(%%thumbnails%%);background-position:0px -210px;height: 70px; } .linkflair-rwby-GRIMMECLIPSEDISCUSSION .thumbnail {background: url(%%thumbnails%%);background-position:0px -280px;height: 70px; } .linkflair-rwby-NSFW .thumbnail {background: url(%%thumbnails%%);background-position:0px -350px;height: 70px; } /*cntl f anything above to find out where to slap it lower down too. Once it's there, don't forget to add it to the flair list*/ /* I SAID AS FEW AS POSSIBLE 8=D*/ /*Hide NSFW*/ .marknsfw-button { font-size:0px; display:inline-block; vertical-align:top; overflow:hidden; letter-spacing:-20px; content:"" } /*############################################### Section 3 #################################################*/ /*-----BANNER-------*/ #header { height:314px; left:0px; width:100%; background:transparent url(%%background%%) center top; border-bottom:0 solid; z-index: initial; overflow:visible; } .listing-page #header:before, .wiki-page #header:before, .submit-page #header:before{content:'';background:url(%%banner%%)no-repeat;height:314px; width:100%;position:absolute;} html:lang(aa) .comments-page #header:before, .comments-page #header:before { height:147px; content:''; background:transparent url(%%commentbanner%%) center top no-repeat; width:100%;position:absolute;} .comments-page #header{height:147px;} /*ICON TO LINK TO /r/RWBY/reddit*/ #header-img { position: absolute; top: 19px; left: 40px; z-index: 99; width: 0; padding-left: 120px; height: 120px; background-image: url(%%icon%%); } #header-img:hover{background-image:url(%%iconReddithover%%);z-index:150;} .pagename a { display:block; visibility:visible; position:absolute; height:120px; width:120px; top:42px; left:56px; border-radius: 2000px; z-index:200; background-position:-16px -21px; background-repeat:no-repeat; text-indent:-9999px; } .pagename a:hover{ background-image:url(%%iconRWBYhover%%); } #sr-header-area { width: 100%; position: absolute; height: 21px; line-height: 21px; background-color: #eee; border-bottom: 1px solid rgba(0,0,0,0.05); -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2); -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2); box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2); z-index: 3; opacity: 0.4; } #sr-header-area:hover{opacity:1;} /*User Bar(Username/karma/etc)*/ #header #header-bottom-right { top:23px; border-radius: 0 0 0 10px; background:transparent; bottom: auto; padding-left:0px; right:2px; z-index:3; } .loggedin #header #header-bottom-right #userbarToggle { display:none; } /*Zwei Mail*/ #mail img { display: none } #mail.havemail { background: url(%%mailsheet%%) no-repeat bottom center; background-position: 0px -20px; width: 20px; height: 20px ; display: inline-block } #mail.nohavemail { background: url(%%mailsheet%%) no-repeat bottom center; background-position: 0px 0px; width: 20px; height: 20px ; display: inline-block } /*----SEARCH Stuff----*/ .side #search{ position:absolute; top:278px; height:20px; right:0%; z-index:700 } .comments-page .side #search {top:146px;} /*Add the Picture inside the search area*/ #search input[type="text"]{ display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 37px; padding: 5px 85px 6px 12px; font-size: 0.875em; line-height: 1; color: #292f33; border: 1px solid #e1e8ed; border-radius: 21px; transition: all .2s ease-in-out; background:#fff url(%%searchimg%%) right no-repeat; } #search input[type="text"]:focus{ background: #fff; transition: all .2s ease-in-out;} /*Make the dropdown stay on top*/ #searchexpando { position:relative; z-index:999 } /*---------TAB MENU (Hot/New/etc)----------*/ #header ul.tabmenu { position:absolute; top:272px; left:0; height:17px; width:100%; background:#8e001c; padding:10px 0 10px 0px; z-index:3; } .tabmenu li:nth-of-type(1) {margin-left:15px;} .comments-page #header ul.tabmenu {top:142px;} #header-bottom-left .tabmenu li a { font-family:"Days One",Verdana,Arial,sans-serif; font-size:0.9em; font-style:normal; text-transform:uppercase; background:none; padding: 5px; 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; color:#fff; padding-top: 11px; padding-bottom: 11px; } #header-bottom-left .tabmenu li.selected a { border: none; border-bottom: 2px solid white; padding-bottom: 9px; } /*############################################### Section 4 #################################################*/ .side { margin:70px 5px 0 0; width:300px; padding:240px 15px 15px; background-color:#fff } .comments-page .side {margin-top:49px;} /*Horizontal scrollbar workaround*/ .titlebox .md {overflow-x:hidden} /*Remove/hide stuff we don't want(extra submit button, etc)*/ .side .redditname,.sidebox.create,.bottom,.side .submit-text {display:none} .morelink .nub,.morelink:hover .nub { background:none} /*Submit Link button*/ .res-nightmode .side .submit-link, .side .submit-link { font-style: oblique; font-size:1.2em; font-family: "Days One",Verdana,Arial,sans-serif; text-transform:capitalize; background-color: transparent; width:300px; z-index:2; } .res .side .titlebox .comments-page{margin-top:10px;} body:not(.loggedin) .res-nightmode .side .submit-link, body:not(.loggedin) .side .submit-link { display:none;} /*--------------BUTTONS-------------*/ /*message Moderator button and style*/ .sidecontentbox a.helplink:hover{background-color:#c20027} /*Modify the headers*/ .titlebox .usertext { margin:15px 0; line-height:120%; font-size:small } .titlebox .usertext .md { margin:0; padding:0; overflow:visible } .titlebox .usertext .md > h1 { color:#4F4F4F; border-bottom:1px solid #4F4F4F; font-weight:700; z-index:100; width:305px; } .md h1,.md h2,.md h3,.md h4,.md h5 { font-size:medium; font-weight:400; margin-bottom:5px; border:0 } /*Change the users to something else*/ .subscribers, .users-online { display: inline-block; vertical-align: top; width: 95px; overflow: hidden; text-align: center; margin: 12px 0; padding: 5px; border:#e3e3e3 solid ; border-right:1px; border-left:1px; } .subscribers{margin-left:40px;} .subscribers .word,.users-online .word, .users-online:before { display: none; } .subscribers .number, .users-online .number { font-family:"Days One",Verdana,Arial,sans-serif; font-size: 1.25em; font-weight: bold; } .subscribers:after, .users-online:after { display: block; font-size: .875em; font-weight: normal; font-family:"Days One",Verdana,Arial,sans-serif; font-style:oblique; } .subscribers:after { content: "Now Arriving in Atlas";} .users-online:after { content: "Suffering in the Mines";} /*-------------------BUTTONS---------------*/ .titlebox .fancy-toggle-button .active, .titlebox .res-fancy-toggle-button, .morelink, .side .md a[href*="#button"], .sidecontentbox a.helplink, .titlebox .usertext .md h1:nth-of-type(3), .titlebox .usertext .md h1:nth-of-type(4) { display: inline-block; border: none; height: 32px; border-radius: 2px; line-height: 30px; background-image: none ; padding: 0 0px; margin-left: 0px; margin-right: 0px; 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; background: #8e001c; color: white; } .morelink { background: #8e001c !important; } .morelink:hover { background: #c20027 !important; } .morelink a[href*="submit"] { color: white; font-style: normal; } .sidecontentbox a.helplink { display: block; float: none; font-size: 1.2em; text-align: center; } .titlebox .fancy-toggle-button .active:hover, .titlebox .res-fancy-toggle-button:hover, .morelink:hover, .side .md a[href*="#button"]:hover, #header-bottom-left .tabmenu li a:hover { background: #c20027; 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, .titlebox .res-fancy-toggle-button:active, .morelink:active, .side .md a[href*="#button"]:active { box-shadow: 0 0 0 rgba(0,0,0,0.0); } /* Sub buttons */ .titlebox .fancy-toggle-button, .titlebox .fancy-toggle-button .active { text-align: center; width: 100%; } .titlebox .RESshortcut { text-align: center; width: 49%; float: left; } .titlebox .RESDashboardToggle { text-align: center; width: 49%; float: right; } /* Untoggle (Subscribe + RES) */ .titlebox .fancy-toggle-button .active.remove, .titlebox .res-fancy-toggle-button.remove { background: rgba(0,0,0,0.24); color: #fff; box-shadow: none; } .titlebox .fancy-toggle-button .active.remove:hover, .titlebox .res-fancy-toggle-button.remove:hover { background: rgba(0,0,0,0.32); } /*---Submit---*/ .morelink { display: block; } .morelink a:hover { font-size: 0px; content: ''; } .submit.submit-link .morelink a:hover:after { content: "Read the spoiler rules!"; font-size: 16px; } /*---Spoiler Switcher---*/ .side .md a[href*="#switch"] { display: inline-block; font-family: trebuchet-ms, verdana, helvetica, arial, sans-serif; width: 33%; text-align: center; background-image: none ; height: 28px; line-height: 30px; padding: 0 0px; text-transform: capitalize; border-width: 2px; border-color: #8e001c; border-bottom-style: solid; border-top-style: solid; 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; color: black; font-weight: bold; } .side .md a[href*="switch"]:hover { background: #8e001c; color: white; } .side .md a[href$="#ns"] { border-radius: 0px 0px 0px 0px; position: relative; overflow: visible; } .side .md a[href$="#normal"] { border-radius: 0px 0px 0px 0px; } .side .md a[href$="#as"] { border-radius: 0px 0px 0px 0px; } html:lang(as) .side .md a[href*="#as"], html:lang(ns) .side .md a[href*="#ns"], html:not(:lang(ns)):not(:lang(as)) .side .md a[href*="#normal"] { background: #8e001c; color: white; pointer-events: none; } /*---General Buttons---*/ .titlebox [href*="#left"], .titlebox [href*="#right"] { font-family: trebuchet-ms, verdana, helvetica, arial, sans-serif; position: relative; text-align: center; font-size: 1.2em; width: 49%; font-weight: bold; } .titlebox [href*="#left"]:after, .titlebox [href*="#right"]:after, .titlebox [href$="#disc"]:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: inline-block; content: ""; background: url(%%buttons-overlay%%); } .titlebox [href*="#disct"]:after { background-position: -147px 0px; } .side .md a[href$="#disc"] { position: relative; content: ''; background: #7289da ; height: 32px; font-size: 0; text-align: center; display: block; width: 298px; } .side .md a[href$="#disc"]:hover { background: #8ea0e1 ; } .titlebox [href$="#disc"]:after { background-position: 0px 128px; } .titlebox [href*="#rules"]:after { background-position: 0px 0px; } .titlebox [href*="#wiki"]:after { background-position: 0px 64px; } .titlebox [href*="#placeholder"]:after { background-position: -147px 64px; } .titlebox .usertext .md h1:nth-of-type(3), .titlebox .usertext .md h1:nth-of-type(4) { font-family: trebuchet-ms, verdana, helvetica, arial, sans-serif; color: white; font-weight: bold; height: 32px; font-size: 1.2em; text-align: center; display: block; width: 298px; margin-top: 0; margin-bottom: 5px; border-bottom-style: none !important; } /* Dropdown Content (Hidden by Default) */ .titlebox .usertext .md h1:nth-of-type(3) + ul, .titlebox .usertext .md h1:nth-of-type(4) + ul { display: none; box-shadow: 20px 22px 15px -10px rgba(0,0,0,0.2); z-index: 1; margin-left: 0px; margin-right: 0px; position: relative; bottom: 37px; width: 258px; right: 295px; } /* SIDEBAR MENU UPDATE SECTION */ /* These need to be updated (32 * num_items and 32 * num_items + 5) any time the number of items changes */ .titlebox .usertext .md h1:nth-of-type(3) + ul { margin-bottom: -384px; } .titlebox .usertext .md h1:nth-of-type(4) + ul { margin-bottom: -133px; } /* END OF SIDEBAR MENU UPDATE SECTION */ /* Dropdown Content (individual items) no bullets*/ .titlebox .usertext .md h1:nth-of-type(3) + ul li, .titlebox .usertext .md h1:nth-of-type(4) + ul li { list-style: none; padding-left: -40px ; margin-left: -40px ; padding-right: 0px ; margin-right: 0px ; } /* Dropdown content links*/ .titlebox .usertext .md h1:nth-of-type(3) + ul li a, .titlebox .usertext .md h1:nth-of-type(4) + ul li a { background: #8e001c; font-family: trebuchet-ms, verdana, helvetica, arial, sans-serif; padding-left: 0 ; margin-left: 0 ; text-decoration: none; display: block; line-height: 30px; height: 32px; text-align: center; font-size: 1.2em; color: white; 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 .usertext .md h1:nth-of-type(2) + ul li ~ li a, .titlebox .usertext .md h1:nth-of-type(3) + ul li ~ li a { border-top-style: solid; border-width: 1px; border-color: #47000e; } */ /* Change color of dropdown links on hover */ .titlebox .usertext .md h1:nth-of-type(3) + ul li a:hover, .titlebox .usertext .md h1:nth-of-type(4) + ul li a:hover { background: #c20027; 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); /* background: #47000e; */ } /* Show the dropdown menu on hover */ .titlebox .usertext .md h1:nth-of-type(3):hover + ul, .titlebox .usertext .md h1:nth-of-type(4):hover + ul { display: block; } .titlebox .usertext .md h1:nth-of-type(3) + ul:hover, .titlebox .usertext .md h1:nth-of-type(4) + ul:hover { display: block; } .titlebox .usertext .md ul li { padding-left: -20px; margin-left: -20px; } /*############################################### Section 5 #################################################*/ /* FLAIR SELECTOR BASED ON /r/NAUT*/ /* Edits possible thanks to help from /u/RubyPinch */ /* Importants needed */ .flairselector{ position:fixed; top:5%!important; left:30%!important; padding: 20px!important; border: 1px; border-radius: 26px; z-index:999; box-shadow:none; } .flairselector ul {} .flairselector .customizer input, .flairselector form button { border-radius: 92px;} .flairselector h2 { margin-bottom: 4px; background-color: transparent; color: #8e001c; text-align: center; text-transform: capitalize; font-weight: normal; font-size: 1.125em; } .flairselector.drop-choices.active {border: 1px solid #e2e2e2;} .flairoptionpane { max-height: 250px; text-align: left; } .flairoptionpane ul li { padding: 0px !important; } .flairoptionpane ul li .linkflair { text-align: left; padding: 0px; line-height:0; } .flairoptionpane ul li .linkflair a.title { display:none;} .flairoptionpane ul li .linkflair:hover, .flairselector li:hover { background-color: #F5F8F9; border: 0; } .flairoptionpane ul li .linkflair span.linkflairlabel { margin: 8px 0px; line-height: 1.35; margin-right: 6px; } .flairselector form { padding-top: 12px; border-top: 1px solid #F7F7F7; } .flairselector form .flairselection {text-align: center;} .flairselector form .flairselection:before { display: inline-block; content: "Current Flair:"; color: #b3b3b3; padding-right: 10px; } .flairselector form .flairselection .linkflair a.title { font-size: 1.125em ; opacity: 100 ; color: #8e001c ; } .flairselector form .flairselection .flairremove { padding: 4px 0px; margin-bottom: 8px; visibility: hidden; color: #8e001c ; display:inline-block ; } .flairselector form .flairselection .flairremove a { visibility: visible; opacity: 100 ; color: #8e001c; margin-left: 0%; text-transform: capitalize; } /*------Link Flair------*/ .flairoptionpane { max-height: 300px; } .flairoptionpane li { display:inline-block; height: inherit; width: inherit; } .title .linkflairlabel { display: table; background-color: transparent; border-width: 0; border-radius: 0; color: #8A8A8A; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; overflow: visible; font-size:1em; max-width: 98%; } /*Be sure to keep the -rwby infront of any new spoiler flair for people who use scripts-makes it easier on them*/ /*If you want it to have color, be sure to grab the right hexcode*/ .flairoptionpane .linkflair-FANART .linkflairlabel, .linkflair-FANART .linkflairlabel {color:#b79e27} .flairoptionpane .linkflair-META .linkflairlabel, .linkflair-META .linkflairlabel {color:#528241} .flairoptionpane .linkflair-DISCUSSION .linkflairlabel, .linkflair-DISCUSSION .linkflairlabel {color:#9c3032} .flairoptionpane .linkflair-OFFL .linkflairlabel, .linkflair-OFFL .linkflairlabel {color:#020203} .flairoptionpane .linkflair-RWBYOTHER .linkflairlabel, .linkflair-RWBYOTHER .linkflairlabel {color:#6981ff} .flairoptionpane .linkflair-MISC .linkflairlabel, .linkflair-MISC .linkflairlabel {color: #8A8A8A} /*special color for discussion posts*/ .listing-page .linklisting .linkflair-DISCUSSION, .listing-page .linklisting .linkflair-DISCUSSION:hover {background: none} /*-----------Spoiler title blurring------------------*/ .spoiler:not(:lang(as)):not(.stickied)[data-context=listing] .title .title { color: transparent; text-shadow: 0px 0px 12px rgba(117,0,23,100); padding: 0 4px; } .spoiler:not(:lang(as)):not(.stickied)[data-context=listing] p.title { padding: 5px; } .spoiler:not(:lang(as)):not(.stickied)[data-context=listing] .title .title:hover{ text-shadow: none; color: #750017; } /*-----------User Flair------------*/ .linklisting .thing .tagline .flair { visibility:hidden; position:absolute } .flair { display:inline-block; line-height:12px; overflow:hidden; vertical-align:middle; font-size:0; color:#222; padding:5px; margin-right:3px; border-width:0; border:0; background-color:transparent } .flair:hover { display:inline-block; line-height:12px; overflow:hidden; vertical-align:middle; font-size:inherit; color:#696969;/* padding:5px; */ margin-right:3px; border-width:0; border:0; background-color:transparent } /*Sidebar hover fix*/ .side .tagline .flair {pointer-events:none;} /*Sprite-sheet flair junk DON'T FORGET TO CHANGE IT A FEW LINES ABOVE TOO JEEZUS, these all work totally well*/ .flair { background: url(%%flair1%%) no-repeat -9999px; border: 0; padding: 0;} .flair-adam99:before {width: 50px;height: 50px;background-position: 0 0;} /*Modflair*/ .flair[class*="flair-mod1-"]:before{ content:""; display:inline-block; background-repeat:no-repeat; background-image:url(%%modflair%%); vertical-align:middle; margin-right:5px; width: 50px; height: 50px; } .flair-mod1-automod:before {background-position: 0 0;} .flair-mod1-chaos:before {background-position: -50px 0;} .flair-mod1-meltingteeth:before {background-position: -100px 0;} .flair-mod1-eldi13:before {background-position: -150px 0;} .flair-mod1-jillianfordays:before {background-position: -200px 0;} .flair-mod1-partfootball:before {background-position: -250px 0;} .flair-mod1-jacx:before {background-position: -300px 0;} .flair-mod1-speedingturtle:before {background-position: -350px 0;} .flair-mod1-tempxmasruby:before {background-position: 0px -50px;} .flair-mod1-barb:before {background-position: -400px 0px;} .flair-mod1-miles:before {background-position: -450px 0px;} .flair-mod1-rt:before {background-position: -500px 0px;} .flair-mod1-alex:before {background-position: -500px -50px;} .flair-mod1-kerry:before {background-position: -400px -50px;} .flair-mod1-redwing:before {background-position: -550px 0px;} .flair-mod1-meno:before {background-position: -600px 0px;} .flair-mod1-ez:before {background-position: -650px 0px;} .flair-mod1-jacxphone:before {background-position: -550px -50px;} .flair-mod1-soundofstars:before {background-position: -700px 0px;} .flair-mod1-kuchen:before {background-position: -600px -50px;} .flair-mod1-science:before {background-position: -650px -50px;} .flair-mod1-dragoon:before {background-position: -700px -50px;} .flair-mod1-dicschneeary:before {background-position: -50px -50px;} .flair-mod1-nights:before {background-position: -100px -50px;} .flair-mod1-unjax:before {background-position: -150px -50px;} .flair-mod1-lucy:before {background-position: -200px -50px;} /*Guess what extra flair here*/ .flair-mod1-monty1:before {background-position: -0px -100px; width:50px; height:50px;} .flair:before { content:""; display:inline-block; background-repeat:no-repeat; vertical-align:middle; margin-right:5px; width: 50px; height: 50px; } .flair[class*="flair-flair1-"]:before, .flair-sheet1:before {background-image:url(%%flair1%%)} .flair[class*="flair-flair2-"]:before, .flair-sheet2:before {background-image:url(%%flair2%%)} .flair[class*="flair-flair3-"]:before, .flair-sheet3:before {background-image:url(%%flair3%%)} .flair[class*="flair-flair4-"]:before, .flair-sheet4:before {background-image:url(%%flair4%%)} .flair[class*="flair-flair5-"]:before, .flair-sheet5:before {background-image:url(%%flair5%%)} .flair-flair1-adam1:before, .flair-flair3-salem1:before, .flair-pos1:before {background-position: 0 0} .flair-flair1-adam2:before, .flair-flair2-neo1:before, .flair-flair3-salem2:before, .flair-pos2:before {background-position: 0 -50px} .flair-flair1-adam3:before, .flair-flair2-neo2:before, .flair-flair3-scarlet1:before, .flair-pos3:before {background-position: 0 -100px} .flair-flair1-amber1:before, .flair-flair2-neo3:before, .flair-flair3-scarlet2:before, .flair-pos4:before {background-position: 0 -150px} .flair-flair1-an1:before, .flair-flair2-neo4:before, .flair-flair3-sun1:before, .flair-pos5:before {background-position: 0 -200px} .flair-flair2-neo5:before, .flair-flair3-sun2:before, .flair-pos6:before {background-position: 0 -250px} .flair-flair1-blake1:before, .flair-flair2-neon1:before, .flair-flair3-sun3:before, .flair-pos7:before {background-position: 0 -300px} .flair-flair1-blake2:before, .flair-flair2-neptune1:before, .flair-flair3-sun4:before, .flair-pos8:before {background-position: 0 -350px} .flair-flair1-blake3:before, .flair-flair2-neptune2:before, .flair-flair3-taiyang1:before, .flair-pos9:before {background-position: 0 -400px} .flair-flair1-blake4:before, .flair-flair2-nora1:before, .flair-flair3-taiyang2:before, .flair-pos10:before {background-position: 0 -450px} .flair-flair1-blake5:before, .flair-flair2-nora2:before, .flair-flair3-taiyang3:before, .flair-pos11:before {background-position: 0 -500px} .flair-flair1-blake6:before, .flair-flair2-nora3:before, .flair-flair3-tyrian1:before, .flair-pos12:before {background-position: 0 -550px} .flair-flair1-blake7:before, .flair-flair2-nora4:before, .flair-flair3-tyrian2:before, .flair-pos13:before {background-position: 0 -600px} .flair-flair1-blake8:before, .flair-flair2-nora5:before, .flair-flair3-velvet1:before, .flair-pos14:before {background-position: 0 -650px} .flair-flair2-nuckels1:before, .flair-flair3-velvet2:before, .flair-pos15:before {background-position: 0 -700px} .flair-flair1-cardin1:before, .flair-flair2-nuckels2:before, .flair-flair3-velvet3:before, .flair-pos16:before {background-position: 0 -750px} .flair-flair1-ciel1:before, .flair-flair2-oobleck1:before, .flair-flair3-watts1:before, .flair-pos17:before {background-position: 0 -800px} .flair-flair1-cinder1:before, .flair-flair2-oobleck2:before, .flair-flair3-weiss1:before, .flair-pos18:before {background-position: 0 -850px} .flair-flair1-cinder2:before, .flair-flair2-oscar1:before, .flair-flair3-weiss2:before, .flair-pos19:before {background-position: 0 -900px} .flair-flair1-cinder3:before, .flair-flair2-oscar2:before, .flair-flair3-weiss3:before, .flair-pos20:before {background-position: 0 -950px} .flair-flair1-cinder4:before, .flair-flair2-ozpin:before, .flair-flair3-weiss4:before, .flair-pos21:before {background-position: 0 -1000px} .flair-flair1-coco1:before, .flair-flair2-ozpin2:before, .flair-flair3-weiss5:before, .flair-pos22:before {background-position: 0 -1050px} .flair-flair1-coco2:before, .flair-flair2-ozpin3:before, .flair-flair3-weiss6:before, .flair-pos23:before {background-position: 0 -1100px} .flair-flair1-emerald1:before, .flair-flair2-penny1:before, .flair-flair3-weiss7:before, .flair-pos24:before {background-position: 0 -1150px} .flair-flair1-emerald2:before, .flair-flair2-penny2:before, .flair-flair3-weiss8:before, .flair-pos25:before {background-position: 0 -1200px} .flair-flair1-emerald3:before, .flair-flair2-penny3:before, .flair-flair3-whitley1:before, .flair-pos26:before {background-position: 0 -1250px} .flair-flair1-emerald4:before, .flair-flair2-port1:before, .flair-flair3-winter1:before, .flair-pos27:before {background-position: 0 -1300px} .flair-flair1-emerald5:before, .flair-flair2-port2:before, .flair-flair3-winter2:before, .flair-pos28:before {background-position: 0 -1350px} .flair-flair1-fennec1:before, .flair-flair2-pyrrha1:before, .flair-flair3-winter3:before, .flair-pos29:before {background-position: 0 -1400px} .flair-flair1-flynt1:before, .flair-flair2-pyrrha2:before, .flair-flair3-yang1:before, .flair-pos30:before {background-position: 0 -1450px} .flair-flair1-fox1:before, .flair-flair2-pyrrha3:before, .flair-flair3-yang2:before, .flair-pos31:before {background-position: 0 -1500px} .flair-flair1-fox2:before, .flair-flair2-pyrrha4:before, .flair-flair3-yang3:before, .flair-pos32:before {background-position: 0 -1550px} .flair-flair1-ghira1:before, .flair-flair2-pyrrha5:before, .flair-flair3-yang4:before, .flair-pos33:before {background-position: 0 -1600px} .flair-flair1-glynda1:before, .flair-flair2-qrow1:before, .flair-flair3-yang5:before, .flair-pos34:before {background-position: 0 -1650px} .flair-flair1-glynda2:before, .flair-flair2-qrow2:before, .flair-flair3-yang6:before, .flair-pos35:before {background-position: 0 -1700px} .flair-flair1-gorrila1:before, .flair-flair2-qrow3:before, .flair-flair3-yang7:before, .flair-pos36:before {background-position: 0 -1750px} .flair-flair1-hazel1:before, .flair-flair2-qrow4:before, .flair-flair3-yang8:before, .flair-pos37:before {background-position: 0 -1800px} .flair-flair1-ilia1:before, .flair-flair2-qrow5:before, .flair-flair3-yatsu1:before, .flair-pos38:before {background-position: 0 -1850px} .flair-flair1-ironwood1:before, .flair-flair2-raven1:before, .flair-flair3-yatsu2:before, .flair-pos39:before {background-position: 0 -1900px} .flair-flair1-ironwood2:before, .flair-flair2-raven2:before, .flair-flair3-yatsu3:before, .flair-pos40:before {background-position: 0 -1950px} .flair-flair1-ironwood3:before, .flair-flair2-raven3:before, .flair-flair3-yatsu4:before, .flair-pos41:before {background-position: 0 -2000px} .flair-flair1-ironwood4:before, .flair-flair3-yzwei1:before, .flair-pos42:before {background-position: 0 -2050px} .flair-flair1-jacques1:before, .flair-flair2-ren1:before, .flair-flair3-yzwei2:before, .flair-pos43:before {background-position: 0 -2100px} .flair-flair1-jaune1:before, .flair-flair2-ren2:before, .flair-flair3-zabeowolf1:before, .flair-pos44:before {background-position: 0 -2150px} .flair-flair1-jaune2:before, .flair-flair2-ren3:before, .flair-flair3-zakevin:before, .flair-pos45:before {background-position: 0 -2200px} .flair-flair1-jaune3:before, .flair-flair2-ren4:before, .flair-flair3-zaseagrimm1:before, .flair-pos46:before {background-position: 0 -2250px} .flair-flair1-jaune4:before, .flair-flair2-ren5:before, .flair-flair3-zchibi1ruby:before, .flair-pos47:before {background-position: 0 -2300px} .flair-flair1-jelly1:before, .flair-flair2-roman1:before, .flair-flair3-zchibi2weiss:before, .flair-pos48:before {background-position: 0 -2350px} .flair-flair2-roman2:before, .flair-flair3-zchibi3blake:before, .flair-pos49:before {background-position: 0 -2400px} .flair-flair1-kali1:before, .flair-flair2-roman3:before, .flair-flair3-zchibi4yang:before, .flair-pos50:before {background-position: 0 -2450px} .flair-flair1-klein1:before, .flair-flair2-roman4:before, .flair-flair3-zchibi5jaune:before, .flair-pos51:before {background-position: 0 -2500px} .flair-flair1-li1:before, .flair-flair2-ruby1:before, .flair-flair3-zchibi6nora:before, .flair-pos52:before {background-position: 0 -2550px} .flair-flair2-ruby2:before, .flair-flair3-zchibi7pyrrha:before, .flair-pos53:before {background-position: 0 -2600px} .flair-flair1-mech1:before, .flair-flair2-ruby3:before, .flair-flair3-zchibi8ren:before, .flair-pos54:before {background-position: 0 -2650px} .flair-flair1-mech2:before, .flair-flair2-ruby4:before, .flair-flair3-zchibicinder:before, .flair-pos55:before {background-position: 0 -2700px} .flair-flair2-ruby5:before, .flair-flair3-zchibiemerald:before, .flair-pos56:before {background-position: 0 -2750px} .flair-flair2-ruby6:before, .flair-flair3-zchibimercury:before, .flair-pos57:before {background-position: 0 -2800px} .flair-flair1-mercury1:before, .flair-flair2-ruby7:before, .flair-flair3-zchibineo:before, .flair-pos58:before {background-position: 0 -2850px} .flair-flair1-mercury2:before, .flair-flair2-ruby8:before, .flair-flair3-zchibineptune:before, .flair-pos59:before {background-position: 0 -2900px} .flair-flair1-mercury3:before, .flair-flair2-sage1:before, .flair-flair3-zchibishopkeep:before, .flair-pos60:before {background-position: 0 -2950px} .flair-flair1-mercury4:before, .flair-flair2-sage2:before, .flair-flair3-zchibisun:before, .flair-pos61:before {background-position: 0 -3000px} .flair-flair1-mercury5:before, .flair-flair3-zchibitorchwick:before, .flair-pos62:before {background-position: 0 -3050px} .flair-flair3-zchibizwei:before, .flair-pos63:before {background-position: 0 -3100px} .flair-flair3-zchibiozpin:before, .flair-pos64:before {background-position: 0 -3150px} .flair-flair3-zchibioobleck:before, .flair-pos65:before {background-position: 0 -3200px} .flair-flair3-zchibiport:before, .flair-pos66:before {background-position: 0 -3250px} .flair-flair3-zchibiqrow:before, .flair-pos67:before {background-position: 0 -3300px} .flair-flair3-zchibitaiyang:before, .flair-pos68:before {background-position: 0 -3350px} .flair-flair3-zchibiwinter:before, .flair-pos69:before {background-position: 0 -3400px} .flair-flair3-zchibipenny:before, .flair-pos70:before {background-position: 0 -3450px} .flair-flair3-zchibivelvet:before, .flair-pos71:before {background-position: 0 -3500px} html:lang(aa) .side .titlebox .tagline > .flair:after{ position: absolute; top: 0; left: 0px; margin: 0; padding: 0; height: 314px; width:100%; content: ''; z-index:2; } html:lang(aa) #header:before {background:transparent;} html:lang(aa) .comments-page .side .titlebox .tagline .flair:after {display:none;} /*############################################### Section 6 #################################################*/ /*-------------Style based on /r/Naut---------*/ .submit-page .content h1, #suggested-reddits {display: none;} .submit-page #newlink.submit.content { width: 510px; margin: 0 auto; } .submit-page #newlink.submit.content form .spacer+.spacer {margin: 0;} .submit-page #newlink.submit.content ul.tabmenu.formtab { padding: 0 0 18px 0; border: none; } .submit-page #newlink.submit.content .tabmenu.formtab a { padding: 16px; width: 247px; display: inline-block; font-family:"Days One",Verdana,Arial,sans-serif; text-align: center; background-color: #fff; color: #8e001c; text-transform: uppercase; font-weight: bold; font-size: 1.6em; border: none; } .submit-page #newlink.submit.content .tabmenu.formtab a:before,.submit-page #newlink.submit.content .tabmenu.formtab a:after { content:"Submit a "; max-width: 50px; display: inline-block; font-family:"Days One",Verdana,Arial,sans-serif; text-align: left; background-color: inherit; color: #8e001c; text-transform: uppercase; font-weight: bold; border: none; margin-right:65px; } .submit-page #newlink.submit.content .tabmenu.formtab a:after{ content:" Post"; margin-left:7px; margin-right:0; } .submit-page #newlink.submit.content .tabmenu.formtab .selected a { font-family:"Days One",Verdana,Arial,sans-serif; background-color: #e7e9f6; color: #8e001c; } .submit-page #newlink.submit.content .tabmenu.formtab a:hover, .submit-page #newlink.submit.content .tabmenu.formtab .selected a:hover {background-color: #d3dbf5;} .submit-page .formtabs-content { border-top: 0px; padding-top: 0;} .submit-page .roundfield { padding: 16px; width: 524px; background-color: #fff; border-radius: 2px; margin-bottom: 16px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16); } .submit-page .roundfield .title { font-family:"Days One",Verdana,Arial,sans-serif; color: #4D5763; } .submit-page .infobar { width: 524px; height:115px; margin: 0; padding: 16px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24); font-size: 0px; border:none; } .content.submit .info-notice { background-color: #fff; border-radius: 2px; padding: 16px; border: none; margin-bottom: 0px; } .submit-page #newlink.submit.content .btn { font-family:"Days One",Verdana,Arial,sans-serif; width: 110%; vertical-align:center; line-height: 41px; height: 42px; margin-top: 24px; background:#8e001c; border: none; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); cursor: pointer; text-transform:uppercase; font-size:2em; font-weight:900; } .submit-page #newlink.submit.content .btn:hover { background-color: #b50024; } .submit-page #header-bottom-left { top: 36px; left: 16px;} #link-desc, #text-desc { background:url(%%rulessidebarleaks%%) no-repeat; padding-top:255px; padding-bottom:100px } /*############################################### Section 7 #################################################*/ /*Changing the uppers and downers*/ /*Importants required to not be overridden by reddit*/ .arrow { height: 30px; width: 26px; background-image: url(%%votesheet%%) !important; } .arrow.up { background-position: 0 -30px !important; } .arrow.upmod { background-position: 0 0 !important; } .arrow.down { background-position: 0 -60px !important; } .arrow.downmod { background-position: 0 -90px !important; } .midcol { width: 30px !important; padding-right: 5px; } /*Nightmode test from /r/subredditdrama, lets see if this works*/ .content .midcol, .content .commentarea .comment { overflow: visible; } .arrow.down:hover:before { position: absolute; display: block; z-index: 1000; width: 210px; padding: 5px; border: 0px solid #333; background: #8e001c; content: " Downvotes are for low quality content, not disagreements!"; text-align: center; font-size: 10px; color: #fca; margin-left: 25px; margin-top: 5px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px } body:not(.res-nightmode).commentarea .md blockquote { background:3px 0 #fbfbfb; color:#000; font-style:oblique; padding:1px 1px 1px 30px } .commentarea .thing .collapsed { padding:0 0 0 14px} /*COMMENT COLOUR*/ .res-commentBoxes .comment, .commentarea .thing { background: #fff; border-left:3px #e3e3e3 solid; padding:10px 10px 8px 5px; margin:0 0 2px } /* Importanted because RES */ .res .commentarea .thing { border-left:3px #e3e3e3 solid !important; } /*alternate child comment colour*/ .commentarea .comment .comment, .commentarea .comment .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #f9fbe4; } .commentarea .comment, .commentarea .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #e6d9b8; } /*hover bar left*/ .commentarea .thing.spam { background:#FA8072 } /* Importanted because RES */ .res .commentarea .thing:hover { border-left:3px #c20027 solid !important } .commentarea .thing:hover { border-left:3px #c20027 solid } .link .usertext-body .md { border:none; background:none; padding:0 } .link .usertext-body .md p { margin:10px 0 } /*Link Info*/ .linkinfo { background:#cccccc; border:1px solid #000; border-radius:3px; font-family:"Days One",Verdana,Arial,sans-serif; font-size:larger; padding:5px; margin: 0; } /*############################################### Section 8 #################################################*/ .wiki-page .wiki-page-content { margin-right:0} .wiki-page .wiki-page-content .md { max-width:60em} .wiki-page .wiki-page-content .md.wiki h1 { color:#8e001c; font-weight:700; border-bottom:solid 1px #8e001c; font-size:1.2em; margin-top:35px } .wiki-page .wiki-page-content .md.wiki h2 { padding:10px; color:#8e001c; font-weight:400; background:#e3e3e3; border-top:solid 1px #000; font-style:oblique; font-size:1.2em; text-transform:uppercase; text-shadow:1px 1px 0 #8e001c; margin-top:30px } .wiki-page .wikititle { margin-left:20px; color:#666; text-transform:capitalize; display:inline; vertical-align:middle } .wiki-page .wiki-page-content .md.wiki>.toc>ul { padding: 10px 25px; margin-right: 0; z-index: 999; background-color:#FBF7E4; } .wiki ~ em { display: none;} /*############################################### Section 9 #################################################*/ /* Res Bacon Stuff; needs to be important */ #baconBit { position: fixed !important; width: 500px !important; height: 748px !important; background-image: url(%%konami%%) !important; top: 25% !important; left: 100% !important; z-index: 999999 !important; -webkit-transform: scale(3,3), rotate(0deg) !important; -moz-transform: scale(3,3) rotate(0deg) !important; transform: scale(3,3), rotate(0deg) !important; } #baconBit.makeitrain { top: -30% !important; left: -200% !important; -webkit-transform: rotate(-1080deg) !important; -moz-transform: rotate(-1080deg) !important; } #baconBit { -webkit-transition: all 10s linear !important; -moz-transition: all 10s linear !important; -o-transition: all 10s linear !important; -ms-transition: all 10s linear !important; } /*submitter/mod colour*/ /*Important because RES */ .thing .entry .tagline .author.submitter { color:#fff!important; background-color:#a20020!important; padding:3px;border-radius:7px;} .thing .entry .tagline .author.submitter:hover {background-color:#8e001c!important;} .thing .entry .tagline .author.moderator {color:#fff!important; background-color:#228822 !important;} .thing .entry .tagline .author.moderator:hover{background-color:#185f18 !important;} /* SPOILERS IN COMMENTS */ a[href="#s"] { display: inline-block; background: lightgrey ; color: black ; cursor: text; } a[href="#s"]:after { content: attr(title); background: #8e001c; color: #8e001c; visibility: visible } a[href="#s"]:hover:after, a[href="#s"]:active:after { color: white;} /* Expanding lists (guidelines etc.) */ .titlebox .md hr { display:none;} .titlebox .md hr + ul { margin:0; margin-left:-50px; } .titlebox .md hr + ul li { padding:6px; font-size:.875em; display:none; background:#FAFAFA; text-align:center; font-family:"Days One",Verdana,Arial,sans-serif; } .titlebox .md hr + ul li:nth-of-type(1),.titlebox .md hr + ul:hover li {display:block} .titlebox .md hr + ul li:nth-of-type(1) { background:#FAFAFA; border-bottom:1px solid #DDD; font-weight:700; color:#000; margin:-5px -6px 5px -7px; padding:5px 0 5px 20px } .titlebox .md hr + ul li:nth-of-type(1):hover {cursor:pointer;} .titlebox .md hr + ul li:not(:first-child):hover {background:#F2F2F2;} .titlebox .md hr + ul li:last-of-type {border-bottom:1px solid #DDD;} /*------ANNOUNCEMENT BOX----*/ .side h3:nth-of-type(1) { height: auto; /*Note box here change between 30 and 48 depending on how many lines it's creating*/ margin: 0; display: block; position: absolute; padding:3px; top: 322px; left: 10px; right:10px; background: #e3e3e3; font-size: 11pt; /*Adjust as needed*/ text-align: left; color: #333; max-width:100%; -moz-box-shadow: 0 1px 1px rgba(56, 44, 44, 0.2); -webkit-box-shadow: 0 1px 1px rgba(56, 44, 44, 0.2); } .comments-page .side h3:nth-of-type(1) {display:none;} .sponsorshipbox { margin: 15px 0px 15px 0px;} /*Tables*/ .md table { margin-left: auto; margin-right: auto; background-color: #ffffff; border:2px solid #8e001c; box-shadow: none; margin-top: 10px; margin-bottom: 10px } .md table th { background-color: #8e010c; border:1px solid #8e001c; color: #ffffff; font-size: 1em; font-weight: bold; height: 25px; text-align: center; vertical-align: middle } .md table td { border:1px solid grey; color: #000; height: 23px; vertical-align: middle } /*------TEXT-ONLY FILTER----*/ html:lang(ds) .link:not(.linkflair-DISCUSSION) { display: none } /*------FANART FILTER----*/ html:lang(ra) .link.linkflair-FANART { display: none } /*------SPOILER FILTER----*/ html:lang(ns) .link.spoiler { display: none } /*------NSFW FILTER----*/ html:lang(ws) .link.over18 { display: none } /*############################################### Section 10 #################################################*/ #RESShortcutsSort { font-size:.875em; background:#696969; color:#fff } #RESShortcutsEditContainer { width: 69px; position: absolute; right: 0; top: 0; z-index: 999; height: 16px; background-color:inherit; color:#000; } .RESDropdownList, #RESMainGearOverlay{ background-color:#8e001c; color:#fff; } .RESDropdownList li:hover, .RESDropdownList li a:hover{background-color:#b50024; color:#fafafa;} #RESShortcutsViewport { color:#999} #RESShortcutsLeft { width:8px; background:inherit; color:#FFF } #RESShortcutsAdd { content:"+"; width:8px; color:#FFF; background:inherit; } #RESShortcutsRight { background:inherit; content:">"; width:8px; color:#FFF } #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash { color:#999; font-size:.938em } /*############################################### Section 11 #################################################*/ /* Lots of stuff in here needs to be important */ .res-nightmode .side, .res-nightmode .linklisting .thing, .res-nightmode .comments-page .content,.res-nightmode .titlebox, .res-nightmode .md ul, .res-nightmode body .content, .res-nightmode .side .leavemoderator, .res-nightmode .side .titlebox form.flairtoggle, .res-nightmode .side blockquote, .res-nightmode .sidecontentbox .content a, .res-nightmode.submit-page #newlink.submit.content .tabmenu.formtab a, .res-nightmode #sr-header-area,.res-nightmode div#RESShortcutsEditContainer, .res-nightmode div#RESShortcutsEditContainer, .res-nightmode div#RESShortcutsSort, .res-nightmode div#RESShortcutsRight, .res-nightmode div#RESShortcutsLeft, .res-nightmode div#RESShortcutsAdd, .res-nightmode div#RESShortcutsTrash { background:#3b3b3b !important;} .res-nightmode .flair{background-color:transparent!important} .res-nightmode body{ color:#fff;} .res-nightmode .md a, .res-nightmode a, .res-nightmode .side a{ color: #fff6f7!important} .res-nightmode .link .title:visited {color:#a5a5a5!important} .res-nightmode .linkflair .linkflairlabel {background:transparent!important} .res-nightmode.res-commentBoxes .comments-page .thing{ border:transparent!important; border-left:3px #696969 solid!important; padding:3px 10px 3px 4px!important; } .res-nightmode.res-commentBoxes .comments-page .thing:hover { border-left:3px #c20027 solid!important;} .res-nightmode .submit-page #newlink.submit.content .tabmenu.formtab a:before,.res-nightmode.submit-page #newlink.submit.content .tabmenu.formtab a:after{color:#fafafa!important;} .res-nightmode.submit-page #newlink.submit.content .tabmenu.formtab a:hover,.res-nightmode .submit-page #newlink.submit.content .tabmenu.formtab .selected a:hover {background-color: #BDBEC8!important;} .res-nightmode.submit-page #newlink.submit.content .tabmenu.formtab .selected a{background:#969696!important;} .res-nightmode.md code,.res-nightmode .md pre{border-color:#5c5c5c;background-color:#5c5c5c;color:#fff;} .res-nightmode .wiki-page .wiki-page-content .md.wiki h1,.res-nightmode .expando form .usertext-body .md h1, .res-nightmode .titlebox .usertext .md > h1 {color:#D7DDDD;border-bottom:1px solid #D7DDDD;} .res-nightmode .wiki-page .wiki-page-content .md.wiki h2, .res-nightmode .expando form .usertext-body .md h2 {background:#4D4C4C!important; color:#D7DDDD!important;} .res-nightmode .side h3:nth-of-type(1){ background:#3b3b3b !important; color:#fff!important} .res-nightmode.res-commentBoxes .comments-page .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #2b2b2b!important; } .res-nightmode.res-commentBoxes .comments-page .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color:#3b3b3b!important} .res-nightmode .spoiler:not(:lang(as)):not(.stickied)[data-context=listing] .title .title { color: transparent !important; text-shadow: 0px 0px 12px #fff6f7; } .res-nightmode .spoiler:not(:lang(as)):not(.stickied)[data-context=listing] .title .title:hover{ text-shadow: none !important; color: #fff6f7 !important; } .res-nightmode #header ul.tabmenu { background: #8e001c !important; } .side .md a[href="#/RES_SR_Config/NightModeCompatible"] {display:none} /*############################################### Section 12 #################################################*/ /* "No Participation"-Mode, aka "Read Only"-Mode * by /u/KortoloB * /r/NoParticipation * * Link people to np.reddit.com/r/YourSubreddit to show them a read-only version. * Subscribers will see the full page, only non-subscribers will see the read-only version. * This is of course by no means fool-proof, but it should work for the average user. * */ body:lang(np):not(.subscriber) .arrow { visibility: hidden ; } body:lang(np):not(.subscriber) .usertext-edit, body:lang(np):not(.subscriber) .sidebox.submit, body:lang(np):not(.subscriber) .commentingAs, body:lang(np):not(.subscriber) .markdownEditor, body:lang(np):not(.subscriber) a[onclick*="return reply(this)"], body:lang(np):not(.subscriber) .subButtons, body:lang(np):not(.subscriber) .helplink, body:lang(np):not(.subscriber) .titlebox .fancy-toggle-button.toggle > .option.add { display: none ; } body:lang(np):not(.subscriber) #siteTable:before { content: "You have been linked to a read-only version of this subreddit. Please respect the community by not voting."; display: block; max-width: 800px; background-color: #F6E69F; padding: 5px 10px; margin: 5px 305px 5px 0px; border: 1px solid orange; font-size: small; } body:lang(np):not(.subscriber) .entry.likes:not(.reddit-entry):before, body:lang(np):not(.subscriber) .entry.dislikes:not(.reddit-entry):before { content: "Please do not vote or comment when you come from external subreddits."; color: red; font-size: large; font-weight: bold; } /* Wiki protection */ body.wiki-page:lang(np):not(.subscriber) span.pageactions a.wikiaction-edit:not(.wikiaction-current), body.wiki-page:lang(np):not(.subscriber) div.wiki-page-content form#editform label[for='reason'], body.wiki-page:lang(np):not(.subscriber) div.wiki-page-content form#editform input#wiki_revision_reason, body.wiki-page:lang(np):not(.subscriber) div.wiki-page-content form#editform input[type='submit'] { display: none ; } /*############################################### Section 13 #################################################*/ body {color:#000; font-family:verdana,arial,sans-serif; background-color:#e6d9b8 } /* Comment box background DISABLE LATER BUT KEEP IN THE CSS FOR USE LATER*/ .commentarea > .usertext textarea, .commentarea .child .usertext textarea { background-image: url(%%commentbox%%); background-repeat: no-repeat} .commentarea .usertext textarea:active, .commentarea .usertext textarea:focus { background-image: none;} /** Rules Page CSS **/ .subreddit-rules-page .md-container .md .subreddit-rule-title { font-weight: bold; font-size: 1.8em; } .flair[class^="flair"][class$="1"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -850px ;} .flair[class^="flair"][class$="2"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -900px } .flair[class^="flair"][class$="3"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -950px ;} .flair[class^="flair"][class$="4"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -1000px ;} .flair[class^="flair"][class$="5"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -1050px ;} .flair[class^="flair"][class$="6"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -1100px ;} .flair[class^="flair"][class$="7"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -1150px ;} .flair[class^="flair"][class$="8"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -1200px ;} .flair[class^="flair"][class*="chibi"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -1050px ;} .flair[class^="flair"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair4%%) ; background-position: 0 -3050px ;} .flair[class^="flair"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair5%%) ; background-position: 0 -3050px ;} .titlebox a[href="https://www.reddit.com/r/ProCSS/"] { background: url(%%procss%%); /* Change to name of icon */ height: 82px !important; /* change to size of icon */ width: 235px !important; /* change to size of icon */ background-size: 235px 82px; /* change to size of image (again)*/ display: inline-block; font-size: 0px !important; background-repeat: no-repeat; margin-left: 32px; /* Adjust space from left */ margin-top: 10px; /* Adjust space above icon */ margin-bottom: 10px; /* Adjust space below icon */ /* An idea by u/reseph & u/titleproblems */ }
Testo modificato
Apri file
/* Table of Contents Ctrl + F "Section #" where # is the number that correspond to the stuff you are looking for 1. Frequently changing stuff (i.e. Custom user flair, Weekly sidebar photo) 2. Main page related stuff 3. Header area. Userbar, default banner, snoo/subreddit icon, Tab menu (hot new etc) 4. Sidebar related stuff 5. Flair related stuff 6. Submit-Page 7. Comment Area (Up/down votes are here) 8. Wiki related stuff 9. miscellaneous 10. Res fixes 11. Night-mode re-colours 12. No Participation stuff 13. Alt colour >>>Current images in the stylesheet: 29/50 (DON'T LET THIS GET CLOSE TO 50 OR THINGS WILL START BEING DELETED) */ /*############################################### Section 1 #################################################*/ /*-----------WINNNER FLAIR FOR MONCON----------*/ /*FANFICTION*/ .commentarea a.author[href$="IamMenace"]:before{ content: ''; background:url(%%write%%) left center; display:inline-block; width: 22px; height: 20px; -webkit-animation:play 2.5s steps(12) infinite; -moz-animation:play 2.5s steps(12) infinite; animation: play 2.5s steps(12) infinite; } /*FANART*/ .commentarea a.author[href$="Zentics"]:before{ content: ''; background:url(%%art%%) left center; display:inline-block; width: 22px; height: 20px; -webkit-animation:play 2.5s steps(12) infinite; -moz-animation:play 2.5s steps(12) infinite; animation: play 2.5s steps(12) infinite; } @-webkit-keyframes play{ from { background-position: 0 0; } to { background-position: -264px 0; } } @-moz-keyframes play{ from { background-position: 0 0; } to { background-position: -264px 0; } } @keyframes play{ from { background-position: 0 0; } to { background-position: -264px 0; } } /*-------BEST OF 2015 FLAIR-------*/ /* Check the google drive if you need to see the templates*/ /*Ruby template*/ .commentarea .author[href$="Wolfe_Mollenkopf"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -0px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="irishgoblin"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -0px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Danjitsu"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } /*Ruby template*/ .commentarea .author[href$="HystericalCHijinks"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -0px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } /*Weiss template*/ .commentarea .author[href$="tatooine0"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -16px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } /*Blake Template*/ .commentarea .author[href$="Soap916"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -32px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Odin_Crusades"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -32px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } /*Yang Template*/ .commentarea .author[href$="Eldi13"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -352px; margin: 0px 4px -4px 0px; width: 95px; height: 16px; } .commentarea .author[href$="Wingzeroalchemist"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="TheRisenThunderbird"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="ElementalDAR"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="GypsySage"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } /*-----------Misc. Badges------------------*/ .commentarea .author[href$="GraphicTitan01"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -55px -48px; margin: 0px 4px -4px 0px; width: 20px; height: 16px; } .commentarea .author[href$="SantanaChampagn"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="EliteLaser"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="TheNewKraken"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="PalpatineSenpai"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="HazelBunny"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="trinitynox"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="Toshiro46"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="Changyuraptor"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } .commentarea .author[href$="Selynt"]:before{ content: ''; display:inline-block; background:url(%%bestofbanners%%); background-position: -79px -48px; margin: 0px 4px -4px 0px; width: 16px; height: 16px; } /*-------BEST OF 2016-2018 FLAIR-------*/ .commentarea .author[href$="dishwasher1910"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -0px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="denialism_cosplay"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -0px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="palebloodink"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -16px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="LegalWrights"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -16px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="ScottishMongol"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -32px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="KrypticLET"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="GYUZ"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -48px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="WarrenDSherman2"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -64px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="N7Brendan"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -64px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="SoundSmith323"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -80px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Patmaster1995"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -96px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="NightsWatchh"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -192px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="SmallJon"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -128px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="zombiewafffles"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -144px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="KnightMiner115"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -160px; margin: 0px 4px -4px 0px; width: 74px; height: 16px; } .commentarea .author[href$="jtangc"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -176px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Reeves3"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -176px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="GLQv192"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -208px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Greatness942"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -224px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="PetersNachbar"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -240px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="brusque-lee"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -256px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Danielr_1341"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -272px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="TechDude120708"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -288px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="bubblywaffo"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -304px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Yukon_Wolf"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -320px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Sh1f7er"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -336px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Kuchenjaeger"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -336px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } .commentarea .author[href$="Toshiro46"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -368px; margin: 0px 4px -4px 0px; width: 74px; height: 16px; } .commentarea .author[href$="dishwasher1910"]:before{ content: ''; display:inline-block; background:url(%%BestOf2016%%); background-position: -0px -384px; margin: 0px 4px -4px 0px; width: 53px; height: 16px; } /*-----------COMMUNITY RECOGNITION FLAIR------------*/ .commentarea .author:after { color:#000} /*--------(ex-)mods--------*/ .commentarea .author[href$="ChaosPheonix11"]:after {content:" - '/r/RWBY's Maestro'" } .commentarea .author[href$="JillianForDays"]:after {content:" - 'Queen Bee'" } .commentarea .author[href$="The_Jacxter"]:after {content:" - 'Hon Hon Hon Moderation'" } .commentarea .author[href$="Speedingturtle"]:after {content:" - 'Resident CSS Nerd'" } .commentarea .author[href$="Meltingteeth"]:after {content:" - 'Destroyer of Hopes & Dreams'" } .commentarea .author[href$="redwing36"]:after {content:" - 'Bug Admiral'" } .commentarea .author[href$="Menolith"]:after {content:" - 'His Blackboard-Monitorship'" } .commentarea .author[href$="Ezreal024"]:after {content:" - 'The Unirkable Mod'" } .commentarea .author[href$="Eldi13"]:after {content:" - 'Flair-eon'" } .commentarea .author[href$="PartFootball"]:after {content:" - 'Balldad'" } .commentarea .author[href$="Kuchenjaeger"]:after {content:" - 'Haunted by a Typo'" } .commentarea .author[href$="science-i"]:after {content:" - 'Special Snowflake'" } .commentarea .author[href$="Dragoon893"]:after {content:" - 'RIP Trogdor'" } .commentarea .author[href$="TheSoundofStars"]:after {content:" - 'http://imgur.com/a/DgeDy'" } .commentarea .author[href$="LeFoogeboo"]:after {content:" - 'Redwing's 11 herbs and spices'" } .commentarea .author[href$="NightsWatchh"]:after {content:" - 'Back off, freak.'" } .commentarea .author[href$="Lucifer_Crowe"]:after {content:" - 'Restrictions: None'" } .commentarea .author[href$="Unjax"]:after {content:" - 'Weiss is best girl, but Neo is most fab'" } /*--------RT Officials--------*/ .commentarea .author[href$="RT_Barbara"]:after {content:" - 'Dang Xiao Long'" } .commentarea .author[href$="lunatic24"]:after {content:" - 'Bringer of Pain, Destroyer of Feelings'" } .commentarea .author[href$="KerryS"]:after {content:" - 'Grimm-Dragonface'" } .commentarea .author[href$="pdecanini"]:after {content:" - 'Chibimancer'"} .commentarea .author[href$="i_heart_VIs"]:after {content:" - 'Official Alex Abraham'" } .commentarea .author[href$="chriskokkinos"]:after {content:" - 'Official Audio Lead'" } .commentarea .author[href$="Skilltacular"]:after {content:" - 'GE Game Dev'"} .commentarea .author[href$="PrismaticStarquake"]:after {content:" - 'Combat Ready Dev'"} .commentarea .author[href$="chompotron"]:after {content:" - 'Sexy Animator'"} .commentarea .author[href$="Cooper_Ez"]:after {content:"- RT 'President'"} /*--------Community Recognition--------*/ .commentarea .author[href$="Cloudssj43"]:after {content:" - 'Translator Extraordinaire'" } .commentarea .author[href$="artuno"]:after {content:" - 'Creator of Potato'";} .commentarea .author[href$="ZipRush"]:after {content:" - 'Sourceror'";} .commentarea .author[href$="N7Brendan"]:after {content:" - 'Just the Status Chart Guy'" } .commentarea .author[href$="SS_RWBY"]:after {content:" - '/r/RWBY's Little Helper'" } .commentarea .author[href$="dicschneeary"]:after {content:" - 'Define Nepotism'" } .commentarea .author[href$="VelvetBot"]:after {content:" - 'Mirror, Mirror'" } .commentarea .author[href$="PennyBotV2"]:after {content:" - 'Command-ready!'" } .commentarea .author[href$="Cenizacaer"]:after {content:" - 'Almost literally Blake Xiao Long'" } .commentarea .author[href$="DaRealAmana"]:after {content:" - 'Sidebar Contest 2017 - 3rd Place'" } .commentarea .author[href$="shandromand"]:after {content:" - 'Curator-iffic Fanfictioneer'" } .commentarea .author[href$="muldoonx9"]:after {content:" - 'Free Talk Coordinator Emeritus'" } /*-------LATEST EPISODE PICTURE-------*/ .side a[href="https://roosterteeth.com/series/rwby"], .side a[href="https://www.reddit.com/r/RWBY/comments/7wn3qn/we_are_hosting_an_official_crwby_ama_on_the/"] { background:url(%%rwbylatest%%); background-repeat:no-repeat; display:inline-block; width:300px; height:210px; text-indent:-9999px; top:392px; position:absolute; right:20px; } .comments-page .side a[href="https://roosterteeth.com/series/rwby"] {top:211px;} /*############################################### Section 2 #################################################*/ body { color:#000;font-family:"Days One",Verdana,Arial,sans-serif; background: url(%%pagebackground%%); background-attachment: fixed; background-size: cover; background-repeat: no-repeat;} .footer a { font-weight: bold; color: white; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; } .content { margin-top:69px; padding:10px; background:#fff } .comments-page .content {margin-top:48px;} .comments-page .content,.related-page .content, .search-page .content { background:#eee; padding:0 } /*link colours*/ a, .side a, .md a{ color: #8e001c; } .listing-page .content { padding:0; background:#E6D9B8} .content > h2 { padding-top:20px } /*content at the bottom*/ .footer-parent { background:url(%%rt-logo%%) no-repeat bottom center; height:380px; margin-bottom: -35px;} .footer.rounded { background: none ;} /* Unvisited title link color */ .thing .title.loggedin,.link .title { color:#8e001c; font-size:1.250em; } /* Visited title link color */ .thing .title.loggedin:visited,.thing .title.loggedin:visited.click,.link .title:visited { color:#000; } /* Modify Headers */ .expando form .usertext-body .md h1 { color:#8e001c; font-weight:700; border-bottom:solid 1px #8e001c; font-size:1.2em; margin-top:35px } .expando form .usertext-body .md h2 { padding:10px; color:#8e001c; font-weight:400; background:#fafafa; border:1px 0 1px 0 solid #000; font-style:Italic; font-size:1.2em; text-transform:uppercase; margin-top:30px } .content .expando form .usertext-body .md h1:first-child { margin-top:0 } /* ######################### LINK STYLING ######################### */ div.content { margin-left:15px; margin-bottom:25px; margin-right:359px } .nextprev { width:auto; display:inline-block; border:1px #e3e3e3 solid; border-left:3px #e3e3e3 solid; padding:10px; font-variant:small-caps } .nextprev a { font-variant:normal; background:#fff; font-family:"Days One",Verdana,Arial,sans-serif; } .linklisting .thing { border-left:8px #e8e8e8 solid; padding: 16px 10px; margin:0; background:#E6D9B8; border-top: 1px dotted #eee; } .linklisting .thing.spam {background:#FA8072} .link.last-clicked { border-top:dotted 1px #000; border-bottom:dotted 1px #000; border-right:0 } .link .rank {text-align:center} .listing-page .linklisting .thing:hover { background-color:#fff; border-left:8px #f5d94e solid } .sheets {margin-right: 0px;} /* SUPER SPECIAL THUMBNAILS thanks to /u/Eldi13 for making them */ .thumbnail.nsfw{ background: url(%%thumbnails%%); background-position:0px -350px; height:70px; } .thumbnail.spoiler{ background: url(%%thumbnails%%); background-position:0px -140px; height: 70px; } .thumbnail.default{ background: url(%%thumbnails%%); background-position:0px 0px; height:70px; } .thumbnail.self{ background: url(%%thumbnails%%); background-position:0px -70px; height:70px; } /*Put it here for the catch-all spoiler stuff, copy the format*/ .linkflair-rwby-SPOILERS .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-FANART .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-DISCUSSION .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-COSPLAY .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-RWBYSWAG .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-REQUEST .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-OFFICIALLINK .thumbnail img {display: none;} .linkflair-rwby-SPOILERS-FANFIC .thumbnail img {display: none;} .linkflair-rwby-GRIMMECLIPSEDISCUSSION .thumbnail img {display: none;} .linkflair-rwby-NSFW .thumbnail img {display: none;} /*Then put it here too, copy again */ .linkflair-rwby-SPOILERS .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-FANART .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-DISCUSSION .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-COSPLAY .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-RWBYSWAG .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-REQUEST .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-FANFIC .thumbnail {background: url(%%thumbnails%%);background-position:0px -140px;height: 70px; } .linkflair-rwby-SPOILERS-OFFICIALLINK .thumbnail {background: url(%%thumbnails%%);background-position:0px -210px;height: 70px; } .linkflair-rwby-GRIMMECLIPSEDISCUSSION .thumbnail {background: url(%%thumbnails%%);background-position:0px -280px;height: 70px; } .linkflair-rwby-NSFW .thumbnail {background: url(%%thumbnails%%);background-position:0px -350px;height: 70px; } /*cntl f anything above to find out where to slap it lower down too. Once it's there, don't forget to add it to the flair list*/ /* I SAID AS FEW AS POSSIBLE 8=D*/ /*Hide NSFW*/ .marknsfw-button { font-size:0px; display:inline-block; vertical-align:top; overflow:hidden; letter-spacing:-20px; content:"" } /*############################################### Section 3 #################################################*/ /*-----BANNER-------*/ #header { height:314px; left:0px; width:100%; background:transparent url(%%background%%) center top; border-bottom:0 solid; z-index: initial; overflow:visible; } .listing-page #header:before, .wiki-page #header:before, .submit-page #header:before{content:'';background:url(%%banner%%)no-repeat;height:314px; width:100%;position:absolute;} html:lang(aa) .comments-page #header:before, .comments-page #header:before { height:147px; content:''; background:transparent url(%%commentbanner%%) center top no-repeat; width:100%;position:absolute;} .comments-page #header{height:147px;} /*ICON TO LINK TO /r/RWBY/reddit*/ #header-img { position: absolute; top: 19px; left: 40px; z-index: 99; width: 0; padding-left: 120px; height: 120px; background-image: url(%%icon%%); } #header-img:hover{background-image:url(%%iconReddithover%%);z-index:150;} .pagename a { display:block; visibility:visible; position:absolute; height:120px; width:120px; top:42px; left:56px; border-radius: 2000px; z-index:200; background-position:-16px -21px; background-repeat:no-repeat; text-indent:-9999px; } .pagename a:hover{ background-image:url(%%iconRWBYhover%%); } #sr-header-area { width: 100%; position: absolute; height: 21px; line-height: 21px; background-color: #eee; border-bottom: 1px solid rgba(0,0,0,0.05); -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2); -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2); box-shadow: 0 8px 6px -6px rgba(0,0,0,0.2); z-index: 3; opacity: 0.4; } #sr-header-area:hover{opacity:1;} /*User Bar(Username/karma/etc)*/ #header #header-bottom-right { top:23px; border-radius: 0 0 0 10px; background:transparent; bottom: auto; padding-left:0px; right:2px; z-index:3; } .loggedin #header #header-bottom-right #userbarToggle { display:none; } /*Zwei Mail*/ #mail img { display: none } #mail.havemail { background: url(%%mailsheet%%) no-repeat bottom center; background-position: 0px -20px; width: 20px; height: 20px ; display: inline-block } #mail.nohavemail { background: url(%%mailsheet%%) no-repeat bottom center; background-position: 0px 0px; width: 20px; height: 20px ; display: inline-block } /*----SEARCH Stuff----*/ .side #search{ position:absolute; top:278px; height:20px; right:0%; z-index:700 } .comments-page .side #search {top:146px;} /*Add the Picture inside the search area*/ #search input[type="text"]{ display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 37px; padding: 5px 85px 6px 12px; font-size: 0.875em; line-height: 1; color: #292f33; border: 1px solid #e1e8ed; border-radius: 21px; transition: all .2s ease-in-out; background:#fff url(%%searchimg%%) right no-repeat; } #search input[type="text"]:focus{ background: #fff; transition: all .2s ease-in-out;} /*Make the dropdown stay on top*/ #searchexpando { position:relative; z-index:999 } /*---------TAB MENU (Hot/New/etc)----------*/ #header ul.tabmenu { position:absolute; top:272px; left:0; height:17px; width:100%; background:#8e001c; padding:10px 0 10px 0px; z-index:3; } .tabmenu li:nth-of-type(1) {margin-left:15px;} .comments-page #header ul.tabmenu {top:142px;} #header-bottom-left .tabmenu li a { font-family:"Days One",Verdana,Arial,sans-serif; font-size:0.9em; font-style:normal; text-transform:uppercase; background:none; padding: 5px; 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; color:#fff; padding-top: 11px; padding-bottom: 11px; } #header-bottom-left .tabmenu li.selected a { border: none; border-bottom: 2px solid white; padding-bottom: 9px; } /*############################################### Section 4 #################################################*/ .side { margin:70px 5px 0 0; width:300px; padding:240px 15px 15px; background-color:#fff } .comments-page .side {margin-top:49px;} /*Horizontal scrollbar workaround*/ .titlebox .md {overflow-x:hidden} /*Remove/hide stuff we don't want(extra submit button, etc)*/ .side .redditname,.sidebox.create,.bottom,.side .submit-text {display:none} .morelink .nub,.morelink:hover .nub { background:none} /*Submit Link button*/ .res-nightmode .side .submit-link, .side .submit-link { font-style: oblique; font-size:1.2em; font-family: "Days One",Verdana,Arial,sans-serif; text-transform:capitalize; background-color: transparent; width:300px; z-index:2; } .res .side .titlebox .comments-page{margin-top:10px;} body:not(.loggedin) .res-nightmode .side .submit-link, body:not(.loggedin) .side .submit-link { display:none;} /*--------------BUTTONS-------------*/ /*message Moderator button and style*/ .sidecontentbox a.helplink:hover{background-color:#c20027} /*Modify the headers*/ .titlebox .usertext { margin:15px 0; line-height:120%; font-size:small } .titlebox .usertext .md { margin:0; padding:0; overflow:visible } .titlebox .usertext .md > h1 { color:#4F4F4F; border-bottom:1px solid #4F4F4F; font-weight:700; z-index:100; width:305px; } .md h1,.md h2,.md h3,.md h4,.md h5 { font-size:medium; font-weight:400; margin-bottom:5px; border:0 } /*Change the users to something else*/ .subscribers, .users-online { display: inline-block; vertical-align: top; width: 95px; overflow: hidden; text-align: center; margin: 12px 0; padding: 5px; border:#e3e3e3 solid ; border-right:1px; border-left:1px; } .subscribers{margin-left:40px;} .subscribers .word,.users-online .word, .users-online:before { display: none; } .subscribers .number, .users-online .number { font-family:"Days One",Verdana,Arial,sans-serif; font-size: 1.25em; font-weight: bold; } .subscribers:after, .users-online:after { display: block; font-size: .875em; font-weight: normal; font-family:"Days One",Verdana,Arial,sans-serif; font-style:oblique; } .subscribers:after { content: "Now Arriving in Atlas";} .users-online:after { content: "Suffering in the Mines";} /*-------------------BUTTONS---------------*/ .titlebox .fancy-toggle-button .active, .titlebox .res-fancy-toggle-button, .morelink, .side .md a[href*="#button"], .sidecontentbox a.helplink, .titlebox .usertext .md h1:nth-of-type(3), .titlebox .usertext .md h1:nth-of-type(4) { display: inline-block; border: none; height: 32px; border-radius: 2px; line-height: 30px; background-image: none ; padding: 0 0px; margin-left: 0px; margin-right: 0px; 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; background: #8e001c; color: white; } .morelink { background: #8e001c !important; } .morelink:hover { background: #c20027 !important; } .morelink a[href*="submit"] { color: white; font-style: normal; } .sidecontentbox a.helplink { display: block; float: none; font-size: 1.2em; text-align: center; } .titlebox .fancy-toggle-button .active:hover, .titlebox .res-fancy-toggle-button:hover, .morelink:hover, .side .md a[href*="#button"]:hover, #header-bottom-left .tabmenu li a:hover { background: #c20027; 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, .titlebox .res-fancy-toggle-button:active, .morelink:active, .side .md a[href*="#button"]:active { box-shadow: 0 0 0 rgba(0,0,0,0.0); } /* Sub buttons */ .titlebox .fancy-toggle-button, .titlebox .fancy-toggle-button .active { text-align: center; width: 100%; } .titlebox .RESshortcut { text-align: center; width: 49%; float: left; } .titlebox .RESDashboardToggle { text-align: center; width: 49%; float: right; } /* Untoggle (Subscribe + RES) */ .titlebox .fancy-toggle-button .active.remove, .titlebox .res-fancy-toggle-button.remove { background: rgba(0,0,0,0.24); color: #fff; box-shadow: none; } .titlebox .fancy-toggle-button .active.remove:hover, .titlebox .res-fancy-toggle-button.remove:hover { background: rgba(0,0,0,0.32); } /*---Submit---*/ .morelink { display: block; } .morelink a:hover { font-size: 0px; content: ''; } .submit.submit-link .morelink a:hover:after { content: "Read the spoiler rules!"; font-size: 16px; } /*---Spoiler Switcher---*/ .side .md a[href*="#switch"] { display: inline-block; font-family: trebuchet-ms, verdana, helvetica, arial, sans-serif; width: 33%; text-align: center; background-image: none ; height: 28px; line-height: 30px; padding: 0 0px; text-transform: capitalize; border-width: 2px; border-color: #8e001c; border-bottom-style: solid; border-top-style: solid; 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; color: black; font-weight: bold; } .side .md a[href*="switch"]:hover { background: #8e001c; color: white; } .side .md a[href$="#ns"] { border-radius: 0px 0px 0px 0px; position: relative; overflow: visible; } .side .md a[href$="#normal"] { border-radius: 0px 0px 0px 0px; } .side .md a[href$="#as"] { border-radius: 0px 0px 0px 0px; } html:lang(as) .side .md a[href*="#as"], html:lang(ns) .side .md a[href*="#ns"], html:not(:lang(ns)):not(:lang(as)) .side .md a[href*="#normal"] { background: #8e001c; color: white; pointer-events: none; } /*---General Buttons---*/ .titlebox [href*="#left"], .titlebox [href*="#right"] { font-family: trebuchet-ms, verdana, helvetica, arial, sans-serif; position: relative; text-align: center; font-size: 1.2em; width: 49%; font-weight: bold; } .titlebox [href*="#left"]:after, .titlebox [href*="#right"]:after, .titlebox [href$="#disc"]:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: inline-block; content: ""; background: url(%%buttons-overlay%%); } .titlebox [href*="#disct"]:after { background-position: -147px 0px; } .side .md a[href$="#disc"] { position: relative; content: ''; background: #7289da ; height: 32px; font-size: 0; text-align: center; display: block; width: 298px; } .side .md a[href$="#disc"]:hover { background: #8ea0e1 ; } .titlebox [href$="#disc"]:after { background-position: 0px 128px; } .titlebox [href*="#rules"]:after { background-position: 0px 0px; } .titlebox [href*="#wiki"]:after { background-position: 0px 64px; } .titlebox [href*="#placeholder"]:after { background-position: -147px 64px; } .titlebox .usertext .md h1:nth-of-type(3), .titlebox .usertext .md h1:nth-of-type(4) { font-family: trebuchet-ms, verdana, helvetica, arial, sans-serif; color: white; font-weight: bold; height: 32px; font-size: 1.2em; text-align: center; display: block; width: 298px; margin-top: 0; margin-bottom: 5px; border-bottom-style: none !important; } /* Dropdown Content (Hidden by Default) */ .titlebox .usertext .md h1:nth-of-type(3) + ul, .titlebox .usertext .md h1:nth-of-type(4) + ul { display: none; box-shadow: 20px 22px 15px -10px rgba(0,0,0,0.2); z-index: 1; margin-left: 0px; margin-right: 0px; position: relative; bottom: 37px; width: 258px; right: 295px; } /* SIDEBAR MENU UPDATE SECTION */ /* These need to be updated (32 * num_items and 32 * num_items + 5) any time the number of items changes */ .titlebox .usertext .md h1:nth-of-type(3) + ul { margin-bottom: -384px; } .titlebox .usertext .md h1:nth-of-type(4) + ul { margin-bottom: -133px; } /* END OF SIDEBAR MENU UPDATE SECTION */ /* Dropdown Content (individual items) no bullets*/ .titlebox .usertext .md h1:nth-of-type(3) + ul li, .titlebox .usertext .md h1:nth-of-type(4) + ul li { list-style: none; padding-left: -40px ; margin-left: -40px ; padding-right: 0px ; margin-right: 0px ; } /* Dropdown content links*/ .titlebox .usertext .md h1:nth-of-type(3) + ul li a, .titlebox .usertext .md h1:nth-of-type(4) + ul li a { background: #8e001c; font-family: trebuchet-ms, verdana, helvetica, arial, sans-serif; padding-left: 0 ; margin-left: 0 ; text-decoration: none; display: block; line-height: 30px; height: 32px; text-align: center; font-size: 1.2em; color: white; 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 .usertext .md h1:nth-of-type(2) + ul li ~ li a, .titlebox .usertext .md h1:nth-of-type(3) + ul li ~ li a { border-top-style: solid; border-width: 1px; border-color: #47000e; } */ /* Change color of dropdown links on hover */ .titlebox .usertext .md h1:nth-of-type(3) + ul li a:hover, .titlebox .usertext .md h1:nth-of-type(4) + ul li a:hover { background: #c20027; 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); /* background: #47000e; */ } /* Show the dropdown menu on hover */ .titlebox .usertext .md h1:nth-of-type(3):hover + ul, .titlebox .usertext .md h1:nth-of-type(4):hover + ul { display: block; } .titlebox .usertext .md h1:nth-of-type(3) + ul:hover, .titlebox .usertext .md h1:nth-of-type(4) + ul:hover { display: block; } .titlebox .usertext .md ul li { padding-left: -20px; margin-left: -20px; } /*############################################### Section 5 #################################################*/ /* FLAIR SELECTOR BASED ON /r/NAUT*/ /* Edits possible thanks to help from /u/RubyPinch */ /* Importants needed */ .flairselector{ position:fixed; top:5%!important; left:30%!important; padding: 20px!important; border: 1px; border-radius: 26px; z-index:999; box-shadow:none; } .flairselector ul {} .flairselector .customizer input, .flairselector form button { border-radius: 92px;} .flairselector h2 { margin-bottom: 4px; background-color: transparent; color: #8e001c; text-align: center; text-transform: capitalize; font-weight: normal; font-size: 1.125em; } .flairselector.drop-choices.active {border: 1px solid #e2e2e2;} .flairoptionpane { max-height: 250px; text-align: left; } .flairoptionpane ul li { padding: 0px !important; } .flairoptionpane ul li .linkflair { text-align: left; padding: 0px; line-height:0; } .flairoptionpane ul li .linkflair a.title { display:none;} .flairoptionpane ul li .linkflair:hover, .flairselector li:hover { background-color: #F5F8F9; border: 0; } .flairoptionpane ul li .linkflair span.linkflairlabel { margin: 8px 0px; line-height: 1.35; margin-right: 6px; } .flairselector form { padding-top: 12px; border-top: 1px solid #F7F7F7; } .flairselector form .flairselection {text-align: center;} .flairselector form .flairselection:before { display: inline-block; content: "Current Flair:"; color: #b3b3b3; padding-right: 10px; } .flairselector form .flairselection .linkflair a.title { font-size: 1.125em ; opacity: 100 ; color: #8e001c ; } .flairselector form .flairselection .flairremove { padding: 4px 0px; margin-bottom: 8px; visibility: hidden; color: #8e001c ; display:inline-block ; } .flairselector form .flairselection .flairremove a { visibility: visible; opacity: 100 ; color: #8e001c; margin-left: 0%; text-transform: capitalize; } /*------Link Flair------*/ .flairoptionpane { max-height: 300px; } .flairoptionpane li { display:inline-block; height: inherit; width: inherit; } .title .linkflairlabel { display: table; background-color: transparent; border-width: 0; border-radius: 0; color: #8A8A8A; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; overflow: visible; font-size:1em; max-width: 98%; } /*Be sure to keep the -rwby infront of any new spoiler flair for people who use scripts-makes it easier on them*/ /*If you want it to have color, be sure to grab the right hexcode*/ .flairoptionpane .linkflair-FANART .linkflairlabel, .linkflair-FANART .linkflairlabel {color:#b79e27} .flairoptionpane .linkflair-META .linkflairlabel, .linkflair-META .linkflairlabel {color:#528241} .flairoptionpane .linkflair-DISCUSSION .linkflairlabel, .linkflair-DISCUSSION .linkflairlabel {color:#9c3032} .flairoptionpane .linkflair-OFFL .linkflairlabel, .linkflair-OFFL .linkflairlabel {color:#020203} .flairoptionpane .linkflair-RWBYOTHER .linkflairlabel, .linkflair-RWBYOTHER .linkflairlabel {color:#6981ff} .flairoptionpane .linkflair-MISC .linkflairlabel, .linkflair-MISC .linkflairlabel {color: #8A8A8A} /*special color for discussion posts*/ .listing-page .linklisting .linkflair-DISCUSSION, .listing-page .linklisting .linkflair-DISCUSSION:hover {background: none} /*-----------Spoiler title blurring------------------*/ .spoiler:not(:lang(as)):not(.stickied)[data-context=listing] .title .title { color: transparent; text-shadow: 0px 0px 12px rgba(117,0,23,100); padding: 0 4px; } .spoiler:not(:lang(as)):not(.stickied)[data-context=listing] p.title { padding: 5px; } .spoiler:not(:lang(as)):not(.stickied)[data-context=listing] .title .title:hover{ text-shadow: none; color: #750017; } /*-----------User Flair------------*/ .linklisting .thing .tagline .flair { visibility:hidden; position:absolute } .flair { display:inline-block; line-height:12px; overflow:hidden; vertical-align:middle; font-size:0; color:#222; padding:5px; margin-right:3px; border-width:0; border:0; background-color:transparent } .flair:hover { display:inline-block; line-height:12px; overflow:hidden; vertical-align:middle; font-size:inherit; color:#696969;/* padding:5px; */ margin-right:3px; border-width:0; border:0; background-color:transparent } /*Sidebar hover fix*/ .side .tagline .flair {pointer-events:none;} /*Sprite-sheet flair junk DON'T FORGET TO CHANGE IT A FEW LINES ABOVE TOO JEEZUS, these all work totally well*/ .flair { background: url(%%flair1%%) no-repeat -9999px; border: 0; padding: 0;} .flair-adam99:before {width: 50px;height: 50px;background-position: 0 0;} /*Modflair*/ .flair[class*="flair-mod1-"]:before{ content:""; display:inline-block; background-repeat:no-repeat; background-image:url(%%modflair%%); vertical-align:middle; margin-right:5px; width: 50px; height: 50px; } .flair-mod1-automod:before {background-position: 0 0;} .flair-mod1-chaos:before {background-position: -50px 0;} .flair-mod1-meltingteeth:before {background-position: -100px 0;} .flair-mod1-eldi13:before {background-position: -150px 0;} .flair-mod1-jillianfordays:before {background-position: -200px 0;} .flair-mod1-partfootball:before {background-position: -250px 0;} .flair-mod1-jacx:before {background-position: -300px 0;} .flair-mod1-speedingturtle:before {background-position: -350px 0;} .flair-mod1-tempxmasruby:before {background-position: 0px -50px;} .flair-mod1-barb:before {background-position: -400px 0px;} .flair-mod1-miles:before {background-position: -450px 0px;} .flair-mod1-rt:before {background-position: -500px 0px;} .flair-mod1-alex:before {background-position: -500px -50px;} .flair-mod1-kerry:before {background-position: -400px -50px;} .flair-mod1-redwing:before {background-position: -550px 0px;} .flair-mod1-meno:before {background-position: -600px 0px;} .flair-mod1-ez:before {background-position: -650px 0px;} .flair-mod1-jacxphone:before {background-position: -550px -50px;} .flair-mod1-soundofstars:before {background-position: -700px 0px;} .flair-mod1-kuchen:before {background-position: -600px -50px;} .flair-mod1-science:before {background-position: -650px -50px;} .flair-mod1-dragoon:before {background-position: -700px -50px;} .flair-mod1-dicschneeary:before {background-position: -50px -50px;} .flair-mod1-nights:before {background-position: -100px -50px;} .flair-mod1-unjax:before {background-position: -150px -50px;} .flair-mod1-lucy:before {background-position: -200px -50px;} /*Guess what extra flair here*/ .flair-mod1-monty1:before {background-position: -0px -100px; width:50px; height:50px;} .flair:before { content:""; display:inline-block; background-repeat:no-repeat; vertical-align:middle; margin-right:5px; width: 50px; height: 50px; } .flair[class*="flair-flair1-"]:before, .flair-sheet1:before {background-image:url(%%flair1%%)} .flair[class*="flair-flair2-"]:before, .flair-sheet2:before {background-image:url(%%flair2%%)} .flair[class*="flair-flair3-"]:before, .flair-sheet3:before {background-image:url(%%flair3%%)} .flair[class*="flair-flair4-"]:before, .flair-sheet4:before {background-image:url(%%flair4%%)} .flair[class*="flair-flair5-"]:before, .flair-sheet5:before {background-image:url(%%flair5%%)} .flair-flair1-adam1:before, .flair-flair3-salem1:before, .flair-pos1:before {background-position: 0 0} .flair-flair1-adam2:before, .flair-flair2-neo1:before, .flair-flair3-salem2:before, .flair-pos2:before {background-position: 0 -50px} .flair-flair1-adam3:before, .flair-flair2-neo2:before, .flair-flair3-scarlet1:before, .flair-pos3:before {background-position: 0 -100px} .flair-flair1-amber1:before, .flair-flair2-neo3:before, .flair-flair3-scarlet2:before, .flair-pos4:before {background-position: 0 -150px} .flair-flair1-an1:before, .flair-flair2-neo4:before, .flair-flair3-sun1:before, .flair-pos5:before {background-position: 0 -200px} .flair-flair2-neo5:before, .flair-flair3-sun2:before, .flair-pos6:before {background-position: 0 -250px} .flair-flair1-blake1:before, .flair-flair2-neon1:before, .flair-flair3-sun3:before, .flair-pos7:before {background-position: 0 -300px} .flair-flair1-blake2:before, .flair-flair2-neptune1:before, .flair-flair3-sun4:before, .flair-pos8:before {background-position: 0 -350px} .flair-flair1-blake3:before, .flair-flair2-neptune2:before, .flair-flair3-taiyang1:before, .flair-pos9:before {background-position: 0 -400px} .flair-flair1-blake4:before, .flair-flair2-nora1:before, .flair-flair3-taiyang2:before, .flair-pos10:before {background-position: 0 -450px} .flair-flair1-blake5:before, .flair-flair2-nora2:before, .flair-flair3-taiyang3:before, .flair-pos11:before {background-position: 0 -500px} .flair-flair1-blake6:before, .flair-flair2-nora3:before, .flair-flair3-tyrian1:before, .flair-pos12:before {background-position: 0 -550px} .flair-flair1-blake7:before, .flair-flair2-nora4:before, .flair-flair3-tyrian2:before, .flair-pos13:before {background-position: 0 -600px} .flair-flair1-blake8:before, .flair-flair2-nora5:before, .flair-flair3-velvet1:before, .flair-pos14:before {background-position: 0 -650px} .flair-flair2-nuckels1:before, .flair-flair3-velvet2:before, .flair-pos15:before {background-position: 0 -700px} .flair-flair1-cardin1:before, .flair-flair2-nuckels2:before, .flair-flair3-velvet3:before, .flair-pos16:before {background-position: 0 -750px} .flair-flair1-ciel1:before, .flair-flair2-oobleck1:before, .flair-flair3-watts1:before, .flair-pos17:before {background-position: 0 -800px} .flair-flair1-cinder1:before, .flair-flair2-oobleck2:before, .flair-flair3-weiss1:before, .flair-pos18:before {background-position: 0 -850px} .flair-flair1-cinder2:before, .flair-flair2-oscar1:before, .flair-flair3-weiss2:before, .flair-pos19:before {background-position: 0 -900px} .flair-flair1-cinder3:before, .flair-flair2-oscar2:before, .flair-flair3-weiss3:before, .flair-pos20:before {background-position: 0 -950px} .flair-flair1-cinder4:before, .flair-flair2-ozpin:before, .flair-flair3-weiss4:before, .flair-pos21:before {background-position: 0 -1000px} .flair-flair1-coco1:before, .flair-flair2-ozpin2:before, .flair-flair3-weiss5:before, .flair-pos22:before {background-position: 0 -1050px} .flair-flair1-coco2:before, .flair-flair2-ozpin3:before, .flair-flair3-weiss6:before, .flair-pos23:before {background-position: 0 -1100px} .flair-flair1-emerald1:before, .flair-flair2-penny1:before, .flair-flair3-weiss7:before, .flair-pos24:before {background-position: 0 -1150px} .flair-flair1-emerald2:before, .flair-flair2-penny2:before, .flair-flair3-weiss8:before, .flair-pos25:before {background-position: 0 -1200px} .flair-flair1-emerald3:before, .flair-flair2-penny3:before, .flair-flair3-whitley1:before, .flair-pos26:before {background-position: 0 -1250px} .flair-flair1-emerald4:before, .flair-flair2-port1:before, .flair-flair3-winter1:before, .flair-pos27:before {background-position: 0 -1300px} .flair-flair1-emerald5:before, .flair-flair2-port2:before, .flair-flair3-winter2:before, .flair-pos28:before {background-position: 0 -1350px} .flair-flair1-fennec1:before, .flair-flair2-pyrrha1:before, .flair-flair3-winter3:before, .flair-pos29:before {background-position: 0 -1400px} .flair-flair1-flynt1:before, .flair-flair2-pyrrha2:before, .flair-flair3-yang1:before, .flair-pos30:before {background-position: 0 -1450px} .flair-flair1-fox1:before, .flair-flair2-pyrrha3:before, .flair-flair3-yang2:before, .flair-pos31:before {background-position: 0 -1500px} .flair-flair1-fox2:before, .flair-flair2-pyrrha4:before, .flair-flair3-yang3:before, .flair-pos32:before {background-position: 0 -1550px} .flair-flair1-ghira1:before, .flair-flair2-pyrrha5:before, .flair-flair3-yang4:before, .flair-pos33:before {background-position: 0 -1600px} .flair-flair1-glynda1:before, .flair-flair2-qrow1:before, .flair-flair3-yang5:before, .flair-pos34:before {background-position: 0 -1650px} .flair-flair1-glynda2:before, .flair-flair2-qrow2:before, .flair-flair3-yang6:before, .flair-pos35:before {background-position: 0 -1700px} .flair-flair1-gorrila1:before, .flair-flair2-qrow3:before, .flair-flair3-yang7:before, .flair-pos36:before {background-position: 0 -1750px} .flair-flair1-hazel1:before, .flair-flair2-qrow4:before, .flair-flair3-yang8:before, .flair-pos37:before {background-position: 0 -1800px} .flair-flair1-ilia1:before, .flair-flair2-qrow5:before, .flair-flair3-yatsu1:before, .flair-pos38:before {background-position: 0 -1850px} .flair-flair1-ironwood1:before, .flair-flair2-raven1:before, .flair-flair3-yatsu2:before, .flair-pos39:before {background-position: 0 -1900px} .flair-flair1-ironwood2:before, .flair-flair2-raven2:before, .flair-flair3-yatsu3:before, .flair-pos40:before {background-position: 0 -1950px} .flair-flair1-ironwood3:before, .flair-flair2-raven3:before, .flair-flair3-yatsu4:before, .flair-pos41:before {background-position: 0 -2000px} .flair-flair1-ironwood4:before, .flair-flair3-yzwei1:before, .flair-pos42:before {background-position: 0 -2050px} .flair-flair1-jacques1:before, .flair-flair2-ren1:before, .flair-flair3-yzwei2:before, .flair-pos43:before {background-position: 0 -2100px} .flair-flair1-jaune1:before, .flair-flair2-ren2:before, .flair-flair3-zabeowolf1:before, .flair-pos44:before {background-position: 0 -2150px} .flair-flair1-jaune2:before, .flair-flair2-ren3:before, .flair-flair3-zakevin:before, .flair-pos45:before {background-position: 0 -2200px} .flair-flair1-jaune3:before, .flair-flair2-ren4:before, .flair-flair3-zaseagrimm1:before, .flair-pos46:before {background-position: 0 -2250px} .flair-flair1-jaune4:before, .flair-flair2-ren5:before, .flair-flair3-zchibi1ruby:before, .flair-pos47:before {background-position: 0 -2300px} .flair-flair1-jelly1:before, .flair-flair2-roman1:before, .flair-flair3-zchibi2weiss:before, .flair-pos48:before {background-position: 0 -2350px} .flair-flair2-roman2:before, .flair-flair3-zchibi3blake:before, .flair-pos49:before {background-position: 0 -2400px} .flair-flair1-kali1:before, .flair-flair2-roman3:before, .flair-flair3-zchibi4yang:before, .flair-pos50:before {background-position: 0 -2450px} .flair-flair1-klein1:before, .flair-flair2-roman4:before, .flair-flair3-zchibi5jaune:before, .flair-pos51:before {background-position: 0 -2500px} .flair-flair1-li1:before, .flair-flair2-ruby1:before, .flair-flair3-zchibi6nora:before, .flair-pos52:before {background-position: 0 -2550px} .flair-flair2-ruby2:before, .flair-flair3-zchibi7pyrrha:before, .flair-pos53:before {background-position: 0 -2600px} .flair-flair1-mech1:before, .flair-flair2-ruby3:before, .flair-flair3-zchibi8ren:before, .flair-pos54:before {background-position: 0 -2650px} .flair-flair1-mech2:before, .flair-flair2-ruby4:before, .flair-flair3-zchibicinder:before, .flair-pos55:before {background-position: 0 -2700px} .flair-flair2-ruby5:before, .flair-flair3-zchibiemerald:before, .flair-pos56:before {background-position: 0 -2750px} .flair-flair2-ruby6:before, .flair-flair3-zchibimercury:before, .flair-pos57:before {background-position: 0 -2800px} .flair-flair1-mercury1:before, .flair-flair2-ruby7:before, .flair-flair3-zchibineo:before, .flair-pos58:before {background-position: 0 -2850px} .flair-flair1-mercury2:before, .flair-flair2-ruby8:before, .flair-flair3-zchibineptune:before, .flair-pos59:before {background-position: 0 -2900px} .flair-flair1-mercury3:before, .flair-flair2-sage1:before, .flair-flair3-zchibishopkeep:before, .flair-pos60:before {background-position: 0 -2950px} .flair-flair1-mercury4:before, .flair-flair2-sage2:before, .flair-flair3-zchibisun:before, .flair-pos61:before {background-position: 0 -3000px} .flair-flair1-mercury5:before, .flair-flair3-zchibitorchwick:before, .flair-pos62:before {background-position: 0 -3050px} .flair-flair3-zchibizwei:before, .flair-pos63:before {background-position: 0 -3100px} .flair-flair3-zchibiozpin:before, .flair-pos64:before {background-position: 0 -3150px} .flair-flair3-zchibioobleck:before, .flair-pos65:before {background-position: 0 -3200px} .flair-flair3-zchibiport:before, .flair-pos66:before {background-position: 0 -3250px} .flair-flair3-zchibiqrow:before, .flair-pos67:before {background-position: 0 -3300px} .flair-flair3-zchibitaiyang:before, .flair-pos68:before {background-position: 0 -3350px} .flair-flair3-zchibiwinter:before, .flair-pos69:before {background-position: 0 -3400px} .flair-flair3-zchibipenny:before, .flair-pos70:before {background-position: 0 -3450px} .flair-flair3-zchibivelvet:before, .flair-pos71:before {background-position: 0 -3500px} html:lang(aa) .side .titlebox .tagline > .flair:after{ position: absolute; top: 0; left: 0px; margin: 0; padding: 0; height: 314px; width:100%; content: ''; z-index:2; } html:lang(aa) #header:before {background:transparent;} html:lang(aa) .comments-page .side .titlebox .tagline .flair:after {display:none;} /*############################################### Section 6 #################################################*/ /*-------------Style based on /r/Naut---------*/ .submit-page .content h1, #suggested-reddits {display: none;} .submit-page #newlink.submit.content { width: 510px; margin: 0 auto; } .submit-page #newlink.submit.content form .spacer+.spacer {margin: 0;} .submit-page #newlink.submit.content ul.tabmenu.formtab { padding: 0 0 18px 0; border: none; } .submit-page #newlink.submit.content .tabmenu.formtab a { padding: 16px; width: 247px; display: inline-block; font-family:"Days One",Verdana,Arial,sans-serif; text-align: center; background-color: #fff; color: #8e001c; text-transform: uppercase; font-weight: bold; font-size: 1.6em; border: none; } .submit-page #newlink.submit.content .tabmenu.formtab a:before,.submit-page #newlink.submit.content .tabmenu.formtab a:after { content:"Submit a "; max-width: 50px; display: inline-block; font-family:"Days One",Verdana,Arial,sans-serif; text-align: left; background-color: inherit; color: #8e001c; text-transform: uppercase; font-weight: bold; border: none; margin-right:65px; } .submit-page #newlink.submit.content .tabmenu.formtab a:after{ content:" Post"; margin-left:7px; margin-right:0; } .submit-page #newlink.submit.content .tabmenu.formtab .selected a { font-family:"Days One",Verdana,Arial,sans-serif; background-color: #e7e9f6; color: #8e001c; } .submit-page #newlink.submit.content .tabmenu.formtab a:hover, .submit-page #newlink.submit.content .tabmenu.formtab .selected a:hover {background-color: #d3dbf5;} .submit-page .formtabs-content { border-top: 0px; padding-top: 0;} .submit-page .roundfield { padding: 16px; width: 524px; background-color: #fff; border-radius: 2px; margin-bottom: 16px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.16); } .submit-page .roundfield .title { font-family:"Days One",Verdana,Arial,sans-serif; color: #4D5763; } .submit-page .infobar { width: 524px; height:115px; margin: 0; padding: 16px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24); font-size: 0px; border:none; } .content.submit .info-notice { background-color: #fff; border-radius: 2px; padding: 16px; border: none; margin-bottom: 0px; } .submit-page #newlink.submit.content .btn { font-family:"Days One",Verdana,Arial,sans-serif; width: 110%; vertical-align:center; line-height: 41px; height: 42px; margin-top: 24px; background:#8e001c; border: none; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); cursor: pointer; text-transform:uppercase; font-size:2em; font-weight:900; } .submit-page #newlink.submit.content .btn:hover { background-color: #b50024; } .submit-page #header-bottom-left { top: 36px; left: 16px;} #link-desc, #text-desc { background:url(%%rulessidebarleaks%%) no-repeat; padding-top:255px; padding-bottom:100px } /*############################################### Section 7 #################################################*/ /*Changing the uppers and downers*/ /*Importants required to not be overridden by reddit*/ .arrow { height: 30px; width: 26px; background-image: url(%%votesheet%%) !important; } .arrow.up { background-position: 0 -30px !important; } .arrow.upmod { background-position: 0 0 !important; } .arrow.down { background-position: 0 -60px !important; } .arrow.downmod { background-position: 0 -90px !important; } .midcol { width: 30px !important; padding-right: 5px; } /*Nightmode test from /r/subredditdrama, lets see if this works*/ .content .midcol, .content .commentarea .comment { overflow: visible; } .arrow.down:hover:before { position: absolute; display: block; z-index: 1000; width: 210px; padding: 5px; border: 0px solid #333; background: #8e001c; content: " Downvotes are for low quality content, not disagreements!"; text-align: center; font-size: 10px; color: #fca; margin-left: 25px; margin-top: 5px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px } body:not(.res-nightmode).commentarea .md blockquote { background:3px 0 #fbfbfb; color:#000; font-style:oblique; padding:1px 1px 1px 30px } .commentarea .thing .collapsed { padding:0 0 0 14px} /*COMMENT COLOUR*/ .res-commentBoxes .comment, .commentarea .thing { background: #fff; border-left:3px #e3e3e3 solid; padding:10px 10px 8px 5px; margin:0 0 2px } /* Importanted because RES */ .res .commentarea .thing { border-left:3px #e3e3e3 solid !important; } /*alternate child comment colour*/ .commentarea .comment .comment, .commentarea .comment .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #f9fbe4; } .commentarea .comment, .commentarea .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment, .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #e6d9b8; } /*hover bar left*/ .commentarea .thing.spam { background:#FA8072 } /* Importanted because RES */ .res .commentarea .thing:hover { border-left:3px #c20027 solid !important } .commentarea .thing:hover { border-left:3px #c20027 solid } .link .usertext-body .md { border:none; background:none; padding:0 } .link .usertext-body .md p { margin:10px 0 } /*Link Info*/ .linkinfo { background:#cccccc; border:1px solid #000; border-radius:3px; font-family:"Days One",Verdana,Arial,sans-serif; font-size:larger; padding:5px; margin: 0; } /*############################################### Section 8 #################################################*/ .wiki-page .wiki-page-content { margin-right:0} .wiki-page .wiki-page-content .md { max-width:60em} .wiki-page .wiki-page-content .md.wiki h1 { color:#8e001c; font-weight:700; border-bottom:solid 1px #8e001c; font-size:1.2em; margin-top:35px } .wiki-page .wiki-page-content .md.wiki h2 { padding:10px; color:#8e001c; font-weight:400; background:#e3e3e3; border-top:solid 1px #000; font-style:oblique; font-size:1.2em; text-transform:uppercase; text-shadow:1px 1px 0 #8e001c; margin-top:30px } .wiki-page .wikititle { margin-left:20px; color:#666; text-transform:capitalize; display:inline; vertical-align:middle } .wiki-page .wiki-page-content .md.wiki>.toc>ul { padding: 10px 25px; margin-right: 0; z-index: 999; background-color:#FBF7E4; } .wiki ~ em { display: none;} /*############################################### Section 9 #################################################*/ /* Res Bacon Stuff; needs to be important */ #baconBit { position: fixed !important; width: 500px !important; height: 748px !important; background-image: url(%%konami%%) !important; top: 25% !important; left: 100% !important; z-index: 999999 !important; -webkit-transform: scale(3,3), rotate(0deg) !important; -moz-transform: scale(3,3) rotate(0deg) !important; transform: scale(3,3), rotate(0deg) !important; } #baconBit.makeitrain { top: -30% !important; left: -200% !important; -webkit-transform: rotate(-1080deg) !important; -moz-transform: rotate(-1080deg) !important; } #baconBit { -webkit-transition: all 10s linear !important; -moz-transition: all 10s linear !important; -o-transition: all 10s linear !important; -ms-transition: all 10s linear !important; } /*submitter/mod colour*/ /*Important because RES */ .thing .entry .tagline .author.submitter { color:#fff!important; background-color:#a20020!important; padding:3px;border-radius:7px;} .thing .entry .tagline .author.submitter:hover {background-color:#8e001c!important;} .thing .entry .tagline .author.moderator {color:#fff!important; background-color:#228822 !important;} .thing .entry .tagline .author.moderator:hover{background-color:#185f18 !important;} /* SPOILERS IN COMMENTS */ a[href="#s"] { display: inline-block; background: lightgrey ; color: black ; cursor: text; } a[href="#s"]:after { content: attr(title); background: #8e001c; color: #8e001c; visibility: visible } a[href="#s"]:hover:after, a[href="#s"]:active:after { color: white;} /* Expanding lists (guidelines etc.) */ .titlebox .md hr { display:none;} .titlebox .md hr + ul { margin:0; margin-left:-50px; } .titlebox .md hr + ul li { padding:6px; font-size:.875em; display:none; background:#FAFAFA; text-align:center; font-family:"Days One",Verdana,Arial,sans-serif; } .titlebox .md hr + ul li:nth-of-type(1),.titlebox .md hr + ul:hover li {display:block} .titlebox .md hr + ul li:nth-of-type(1) { background:#FAFAFA; border-bottom:1px solid #DDD; font-weight:700; color:#000; margin:-5px -6px 5px -7px; padding:5px 0 5px 20px } .titlebox .md hr + ul li:nth-of-type(1):hover {cursor:pointer;} .titlebox .md hr + ul li:not(:first-child):hover {background:#F2F2F2;} .titlebox .md hr + ul li:last-of-type {border-bottom:1px solid #DDD;} /*------ANNOUNCEMENT BOX----*/ .side h3:nth-of-type(1) { height: auto; /*Note box here change between 30 and 48 depending on how many lines it's creating*/ margin: 0; display: block; position: absolute; padding:3px; top: 322px; left: 10px; right:10px; background: #e3e3e3; font-size: 11pt; /*Adjust as needed*/ text-align: left; color: #333; max-width:100%; -moz-box-shadow: 0 1px 1px rgba(56, 44, 44, 0.2); -webkit-box-shadow: 0 1px 1px rgba(56, 44, 44, 0.2); } .comments-page .side h3:nth-of-type(1) {display:none;} .sponsorshipbox { margin: 15px 0px 15px 0px;} /*Tables*/ .md table { margin-left: auto; margin-right: auto; background-color: #ffffff; border:2px solid #8e001c; box-shadow: none; margin-top: 10px; margin-bottom: 10px } .md table th { background-color: #8e010c; border:1px solid #8e001c; color: #ffffff; font-size: 1em; font-weight: bold; height: 25px; text-align: center; vertical-align: middle } .md table td { border:1px solid grey; color: #000; height: 23px; vertical-align: middle } /*------TEXT-ONLY FILTER----*/ html:lang(ds) .link:not(.linkflair-DISCUSSION) { display: none } /*------FANART FILTER----*/ html:lang(ra) .link.linkflair-FANART { display: none } /*------SPOILER FILTER----*/ html:lang(ns) .link.spoiler { display: none } /*------NSFW FILTER----*/ html:lang(ws) .link.over18 { display: none } /*############################################### Section 10 #################################################*/ #RESShortcutsSort { font-size:.875em; background:#696969; color:#fff } #RESShortcutsEditContainer { width: 69px; position: absolute; right: 0; top: 0; z-index: 999; height: 16px; background-color:inherit; color:#000; } .RESDropdownList, #RESMainGearOverlay{ background-color:#8e001c; color:#fff; } .RESDropdownList li:hover, .RESDropdownList li a:hover{background-color:#b50024; color:#fafafa;} #RESShortcutsViewport { color:#999} #RESShortcutsLeft { width:8px; background:inherit; color:#FFF } #RESShortcutsAdd { content:"+"; width:8px; color:#FFF; background:inherit; } #RESShortcutsRight { background:inherit; content:">"; width:8px; color:#FFF } #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash { color:#999; font-size:.938em } /*############################################### Section 11 #################################################*/ /* Lots of stuff in here needs to be important */ .res-nightmode .side, .res-nightmode .linklisting .thing, .res-nightmode .comments-page .content,.res-nightmode .titlebox, .res-nightmode .md ul, .res-nightmode body .content, .res-nightmode .side .leavemoderator, .res-nightmode .side .titlebox form.flairtoggle, .res-nightmode .side blockquote, .res-nightmode .sidecontentbox .content a, .res-nightmode.submit-page #newlink.submit.content .tabmenu.formtab a, .res-nightmode #sr-header-area,.res-nightmode div#RESShortcutsEditContainer, .res-nightmode div#RESShortcutsEditContainer, .res-nightmode div#RESShortcutsSort, .res-nightmode div#RESShortcutsRight, .res-nightmode div#RESShortcutsLeft, .res-nightmode div#RESShortcutsAdd, .res-nightmode div#RESShortcutsTrash { background:#3b3b3b !important;} .res-nightmode .flair{background-color:transparent!important} .res-nightmode body{ color:#fff;} .res-nightmode .md a, .res-nightmode a, .res-nightmode .side a{ color: #fff6f7!important} .res-nightmode .link .title:visited {color:#a5a5a5!important} .res-nightmode .linkflair .linkflairlabel {background:transparent!important} .res-nightmode.res-commentBoxes .comments-page .thing{ border:transparent!important; border-left:3px #696969 solid!important; padding:3px 10px 3px 4px!important; } .res-nightmode.res-commentBoxes .comments-page .thing:hover { border-left:3px #c20027 solid!important;} .res-nightmode .submit-page #newlink.submit.content .tabmenu.formtab a:before,.res-nightmode.submit-page #newlink.submit.content .tabmenu.formtab a:after{color:#fafafa!important;} .res-nightmode.submit-page #newlink.submit.content .tabmenu.formtab a:hover,.res-nightmode .submit-page #newlink.submit.content .tabmenu.formtab .selected a:hover {background-color: #BDBEC8!important;} .res-nightmode.submit-page #newlink.submit.content .tabmenu.formtab .selected a{background:#969696!important;} .res-nightmode.md code,.res-nightmode .md pre{border-color:#5c5c5c;background-color:#5c5c5c;color:#fff;} .res-nightmode .wiki-page .wiki-page-content .md.wiki h1,.res-nightmode .expando form .usertext-body .md h1, .res-nightmode .titlebox .usertext .md > h1 {color:#D7DDDD;border-bottom:1px solid #D7DDDD;} .res-nightmode .wiki-page .wiki-page-content .md.wiki h2, .res-nightmode .expando form .usertext-body .md h2 {background:#4D4C4C!important; color:#D7DDDD!important;} .res-nightmode .side h3:nth-of-type(1){ background:#3b3b3b !important; color:#fff!important} .res-nightmode.res-commentBoxes .comments-page .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: #2b2b2b!important; } .res-nightmode.res-commentBoxes .comments-page .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment, .res-nightmode.res-commentBoxes .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color:#3b3b3b!important} .res-nightmode .spoiler:not(:lang(as)):not(.stickied)[data-context=listing] .title .title { color: transparent !important; text-shadow: 0px 0px 12px #fff6f7; } .res-nightmode .spoiler:not(:lang(as)):not(.stickied)[data-context=listing] .title .title:hover{ text-shadow: none !important; color: #fff6f7 !important; } .res-nightmode #header ul.tabmenu { background: #8e001c !important; } .side .md a[href="#/RES_SR_Config/NightModeCompatible"] {display:none} /*############################################### Section 12 #################################################*/ /* "No Participation"-Mode, aka "Read Only"-Mode * by /u/KortoloB * /r/NoParticipation * * Link people to np.reddit.com/r/YourSubreddit to show them a read-only version. * Subscribers will see the full page, only non-subscribers will see the read-only version. * This is of course by no means fool-proof, but it should work for the average user. * */ body:lang(np):not(.subscriber) .arrow { visibility: hidden ; } body:lang(np):not(.subscriber) .usertext-edit, body:lang(np):not(.subscriber) .sidebox.submit, body:lang(np):not(.subscriber) .commentingAs, body:lang(np):not(.subscriber) .markdownEditor, body:lang(np):not(.subscriber) a[onclick*="return reply(this)"], body:lang(np):not(.subscriber) .subButtons, body:lang(np):not(.subscriber) .helplink, body:lang(np):not(.subscriber) .titlebox .fancy-toggle-button.toggle > .option.add { display: none ; } body:lang(np):not(.subscriber) #siteTable:before { content: "You have been linked to a read-only version of this subreddit. Please respect the community by not voting."; display: block; max-width: 800px; background-color: #F6E69F; padding: 5px 10px; margin: 5px 305px 5px 0px; border: 1px solid orange; font-size: small; } body:lang(np):not(.subscriber) .entry.likes:not(.reddit-entry):before, body:lang(np):not(.subscriber) .entry.dislikes:not(.reddit-entry):before { content: "Please do not vote or comment when you come from external subreddits."; color: red; font-size: large; font-weight: bold; } /* Wiki protection */ body.wiki-page:lang(np):not(.subscriber) span.pageactions a.wikiaction-edit:not(.wikiaction-current), body.wiki-page:lang(np):not(.subscriber) div.wiki-page-content form#editform label[for='reason'], body.wiki-page:lang(np):not(.subscriber) div.wiki-page-content form#editform input#wiki_revision_reason, body.wiki-page:lang(np):not(.subscriber) div.wiki-page-content form#editform input[type='submit'] { display: none ; } /*############################################### Section 13 #################################################*/ body {color:#000; font-family:verdana,arial,sans-serif; background-color:#e6d9b8 } /* Comment box background DISABLE LATER BUT KEEP IN THE CSS FOR USE LATER*/ .commentarea > .usertext textarea, .commentarea .child .usertext textarea { background-image: url(%%commentbox%%); background-repeat: no-repeat} .commentarea .usertext textarea:active, .commentarea .usertext textarea:focus { background-image: none;} /** Rules Page CSS **/ .subreddit-rules-page .md-container .md .subreddit-rule-title { font-weight: bold; font-size: 1.8em; } .flair[class^="flair"][class$="1"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -850px ;} .flair[class^="flair"][class$="2"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -900px } .flair[class^="flair"][class$="3"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -950px ;} .flair[class^="flair"][class$="4"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -1000px ;} .flair[class^="flair"][class$="5"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -1050px ;} .flair[class^="flair"][class$="6"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -1100px ;} .flair[class^="flair"][class$="7"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -1150px ;} .flair[class^="flair"][class$="8"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -1200px ;} .flair[class^="flair"][class*="chibi"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair3%%) ; background-position: 0 -1050px ;} .flair[class^="flair"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair4%%) ; background-position: 0 -3050px ;} .flair[class^="flair"]:not([class*="mod1"]):lang(we):before {background-image:url(%%flair5%%) ; background-position: 0 -3050px ;} .titlebox a[href="https://www.reddit.com/r/ProCSS/"] { background: url(%%procss%%); /* Change to name of icon */ height: 82px !important; /* change to size of icon */ width: 235px !important; /* change to size of icon */ background-size: 235px 82px; /* change to size of image (again)*/ display: inline-block; font-size: 0px !important; background-repeat: no-repeat; margin-left: 32px; /* Adjust space from left */ margin-top: 10px; /* Adjust space above icon */ margin-bottom: 10px; /* Adjust space below icon */ /* An idea by u/reseph & u/titleproblems */ }
Trovare la differenza