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
Untitled diff
Creato
8 anni fa
Il diff non scade mai
Eliminare
Esporta
Condividere
Spiegare
6 rimozioni
Linee
Totale
Rimosso
Caratteri
Totale
Rimosso
Per continuare a utilizzare questa funzione, aggiorna a
Diff
checker
Pro
Visualizza prezzi
823 linee
Copia tutti
7 aggiunte
Linee
Totale
Aggiunto
Caratteri
Totale
Aggiunto
Per continuare a utilizzare questa funzione, aggiorna a
Diff
checker
Pro
Visualizza prezzi
823 linee
Copia tutti
/*--------------------------------------------------------------------------
/*--------------------------------------------------------------------------
[Mixed Style 2.0]
[Mixed Style 2.0]
Project: Yandere
Project: Yandere
Admin: Yween
Admin: Yween
Banner by:
Banner by:
logo by:
logo by:
Flairs by:
Flairs by:
Comment Faces by:
Comment Faces by:
Color Scheme:
Color Scheme:
#48BA97 dark
#48BA97 dark
#61D0AF light
#61D0AF light
rgb(201, 120, 99) light
rgb(201, 120, 99) light
rgb(127, 91, 79) dark
rgb(127, 91, 79) dark
#E26A70 dark pink
#E26A70 dark pink
#FEC9C9 light pink
#FEC9C9 light pink
YS
YS
#FF81D4 Banner Pink
#FF81D4 Banner Pink
#EF63BC Bar Pink
#EF63BC Bar Pink
rgb(255, 191, 254) Background
rgb(255, 191, 254) Background
#ffbffe ^
#ffbffe ^
NM
NM
#b53ba7 Banner pruple
#b53ba7 Banner pruple
#a82f9a Bar Pruple
#a82f9a Bar Pruple
#5f3b5e Background
#5f3b5e Background
#FFBFD7 Light Pink
#FFBFD7 Light Pink
#FE7ACB Dark Pink
#FE7ACB Dark Pink
#e5abc1 less light
#e5abc1 less light
#896673
#896673
Font Futura
Font Futura
font-size:
font-size:
--------------------------------------------------------------------------*/
--------------------------------------------------------------------------*/
/*===============================ANNOUNCEMENT===============================*/
/*===============================ANNOUNCEMENT===============================*/
body > .content:before {
body > .content:before {
Copia
Copiato
Copia
Copiato
content: "Welcome to
Yandere Simulator
! Remember to
check out our dropdowns right above
!" ;
content: "Welcome to
the official
Yandere Simulator
subreddit
! Remember to
read the rules before posting
!" ;
background-repeat: no-repeat;
background-repeat: no-repeat;
font-style: normal;
font-style: normal;
font-weight: bold;
font-weight: bold;
font-size: 15px;
font-size: 15px;
color: white;
color: white;
line-height:29px;
line-height:29px;
background-color: #FF81D4;
background-color: #FF81D4;
border-radius: 2px;
border-radius: 2px;
cursor: default;
cursor: default;
text-align: center;
text-align: center;
bottom: 40px;
bottom: 40px;
/*width: 100%;*/
/*width: 100%;*/
margin-top: 18px;
margin-top: 18px;
margin-right: 5px;
margin-right: 5px;
margin-left: 5px;
margin-left: 5px;
margin-bottom: 17px;
margin-bottom: 17px;
font-weight:normal;
font-weight:normal;
letter-spacing:0;
letter-spacing:0;
background: #FF81D4;
background: #FF81D4;
border: none;
border: none;
-moz-border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
-webkit-border-radius:0px;
-o-border-radius:0px;
-o-border-radius:0px;
-ms-border-radius:0px;
-ms-border-radius:0px;
-khtml-border-radius:0px;
-khtml-border-radius:0px;
border-radius:0px;
border-radius:0px;
height: 37px;
height: 37px;
line-height: 37px;
line-height: 37px;
overflow: hidden;
overflow: hidden;
border-radius: 2px;
border-radius: 2px;
box-shadow: 0px 2px 4px rgba(0,0,0,.2);
box-shadow: 0px 2px 4px rgba(0,0,0,.2);
padding:0px 0px 0px 0px!important;
padding:0px 0px 0px 0px!important;
display: block;
display: block;
}
}
body.res-nightmode > .content:before {
body.res-nightmode > .content:before {
background-color: #b53ba7;
background-color: #b53ba7;
}
}
body:lang(nm) > .content:before {
body:lang(nm) > .content:before {
background-color: #b53ba7;
background-color: #b53ba7;
}
}
/* ==Edurne Reddit CSS Theme v5.6 - (http://www.reddit.com/r/edurne/)== */
/* ==Edurne Reddit CSS Theme v5.6 - (http://www.reddit.com/r/edurne/)== */
/* Modified by Ricardo1991, and further customized by Yween */
/* Modified by Ricardo1991, and further customized by Yween */
/* GENERAL */
/* GENERAL */
body {
body {
position:relative;
position:relative;
font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif;
font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif;
background-color: rgb(255, 191, 254);
background-color: rgb(255, 191, 254);
}
}
.res-nightmode body {
.res-nightmode body {
background-color: #5f3b5e;
background-color: #5f3b5e;
}
}
body:lang(nm) {
body:lang(nm) {
background-color: #5f3b5e;
background-color: #5f3b5e;
}
}
body > .content { overflow:hidden; }
body > .content { overflow:hidden; }
.md p { font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; padding:1px 0; }
.md p { font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; padding:1px 0; }
.link .usertext .md,.usertext table.markhelp,.btn .login-form-side,.infobar,#search,#search input[type=text],
.link .usertext .md,.usertext table.markhelp,.btn .login-form-side,.infobar,#search,#search input[type=text],
.link,#header-bottom-right #userbarToggle,.linkinfo,textarea,.rounded,.sidecontentbox .content {
.link,#header-bottom-right #userbarToggle,.linkinfo,textarea,.rounded,.sidecontentbox .content {
-moz-border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-webkit-border-radius:2px;
-o-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
-ms-border-radius:2px;
-khtml-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
border-radius:2px;
}
}
.roundfield{
.roundfield{
background-color: #FFFFFF;
background-color: #FFFFFF;
box-shadow: 0px 2px 4px rgba(0,0,0,.2);
box-shadow: 0px 2px 4px rgba(0,0,0,.2);
border-radius: 2px;
border-radius: 2px;
}
}
/* HEADER */
/* HEADER */
#sr-header-area {
#sr-header-area {
background-color:transparent;
background-color:transparent;
text-transform:lowercase;
text-transform:lowercase;
border-bottom:3px solid #FF81D4;
border-bottom:3px solid #FF81D4;
font-size:100%;
font-size:100%;
font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif;
font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif;
background-color: #ffbffe
background-color: #ffbffe
}
}
.res-nightmode #sr-header-area {
.res-nightmode #sr-header-area {
border-bottom:3px solid #5f3b5e;
border-bottom:3px solid #5f3b5e;
}
}
#sr-header-area:lang(nm) {
#sr-header-area:lang(nm) {
border-bottom:3px solid #5f3b5e;
border-bottom:3px solid #5f3b5e;
}
}
#sr-header-area a { color: #666 }
#sr-header-area a { color: #666 }
body.res-nightmode #header { border-color: #DDF; }
body.res-nightmode #header { border-color: #DDF; }
body.res-nightmode #header .tabmenu li:not(.selected) a { color: white; }
body.res-nightmode #header .tabmenu li:not(.selected) a { color: white; }
#header .tabmenu li.selected a { border: 0; border-bottom: 1px solid #FFF; }
#header .tabmenu li.selected a { border: 0; border-bottom: 1px solid #FFF; }
#header .tabmenu li:not(.selected):hover a { background-color: #9A0201; color: #FFF; }
#header .tabmenu li:not(.selected):hover a { background-color: #9A0201; color: #FFF; }
body.res-nightmode #header .tabmenu li { background-color: transparent !important; }
body.res-nightmode #header .tabmenu li { background-color: transparent !important; }
body.res-nightmode #header .tabmenu li:not(.selected):hover a { background-color: #CCC;/* color: #444; */}
body.res-nightmode #header .tabmenu li:not(.selected):hover a { background-color: #CCC;/* color: #444; */}
#header-img { margin:8px 20px 0; }
#header-img { margin:8px 20px 0; }
.pagename { margin-right:25px; font-weight:bold; font-variant:normal; font-size:18px; }
.pagename { margin-right:25px; font-weight:bold; font-variant:normal; font-size:18px; }
body.res-nightmode .pagename a { font-size: 0px !important; }
body.res-nightmode .pagename a { font-size: 0px !important; }
#sr-header-area .dropdown.srdrop, #sr-header-area#srLeftContainer { padding-left:21px; }
#sr-header-area .dropdown.srdrop, #sr-header-area#srLeftContainer { padding-left:21px; }
#sr-more-link, #header #sr-header-area #RESShortcutsEditContainer, #header #sr-header-area #RESShortcutsRight, #header #sr-header-area #RESShortcutsLeft,
#sr-more-link, #header #sr-header-area #RESShortcutsEditContainer, #header #sr-header-area #RESShortcutsRight, #header #sr-header-area #RESShortcutsLeft,
#header #sr-header-area #RESShortcutsAdd, #header #sr-header-area #RESShortcutsTrash { background-color:#D9D9D9; }
#header #sr-header-area #RESShortcutsAdd, #header #sr-header-area #RESShortcutsTrash { background-color:#D9D9D9; }
body.res-nightmode #sr-header-area, body.res-nightmode #sr-more-link { background-color: #2F2F2F!important }
body.res-nightmode #sr-header-area, body.res-nightmode #sr-more-link { background-color: #2F2F2F!important }
#sr-header-area #RESShortcutsEditContainer, #sr-more-link { border-right:20px solid #c6daed; font-weight:bolder; }
#sr-header-area #RESShortcutsEditContainer, #sr-more-link { border-right:20px solid #c6daed; font-weight:bolder; }
#header-bottom-right {
#header-bottom-right {
right:20px;
right:20px;
background-color:#D9D9D9;
background-color:#D9D9D9;
-moz-border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-webkit-border-radius:0;
-o-border-radius:0;
-o-border-radius:0;
-ms-border-radius:0;
-ms-border-radius:0;
-khtml-border-radius:0;
-khtml-border-radius:0;
border-radius:0;
border-radius:0;
bottom:8px;
bottom:8px;
}
}
body.res-nightmode #header-bottom-right { background-color: transparent !important; }
body.res-nightmode #header-bottom-right { background-color: transparent !important; }
#header-bottom-right.res-navTop { top: 21px !important; }
#header-bottom-right.res-navTop { top: 21px !important; }
#header-bottom-right.res-navTop #userbarToggle {
#header-bottom-right.res-navTop #userbarToggle {
-moz-border-radius-topleft: 0;
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-left-radius: 0;
border-top-left-radius: 0;
border-top-left-radius: 0;
}
}
#header-bottom-right #userbarToggle {
#header-bottom-right #userbarToggle {
font-family:"Courier New", Courier, monospace;
font-family:"Courier New", Courier, monospace;
font-size:12px;
font-size:12px;
}
}
#header-bottom-right #userbarToggle {
#header-bottom-right #userbarToggle {
font-family:"Courier New", Courier, monospace;
font-family:"Courier New", Courier, monospace;
font-size:12px;
font-size:12px;
width:14px;
width:14px;
padding-right:4px;
padding-right:4px;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
-moz-border-radius-bottomright:0;
border-bottom-left-radius:0;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-bottom-right-radius:0;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-left-radius:0;
-webkit-border-bottom-right-radius:0;
-webkit-border-bottom-right-radius:0;
}
}
/* SIDEBAR */
/* SIDEBAR */
/* search */
/* search */
#search input[type=submit] {
#search input[type=submit] {
top: 7px;
top: 7px;
position: relative;
position: relative;
z-index: 200;
z-index: 200;
}
}
body.res-nightmode #search {
body.res-nightmode #search {
background-color: transparent;
background-color: transparent;
border-color: #BBB;
border-color: #BBB;
}
}
.side .spacer:nth-of-type(1), .side .spacer:nth-of-type(2) {
.side .spacer:nth-of-type(1), .side .spacer:nth-of-type(2) {
margin: 0;
margin: 0;
}
}
#search {
#search {
white-space: nowrap;
white-space: nowrap;
}
}
.side .spacer #search input[type=text] {
.side .spacer #search input[type=text] {
z-index: 100;
z-index: 100;
border: none;
border: none;
font-size: 14px;
font-size: 14px;
width: 300px;
width: 300px;
background: white;
background: white;
padding: 3px;
padding: 3px;
margin-bottom: 10px;
margin-bottom: 10px;
padding: 10px 25px 10px 16px;
padding: 10px 25px 10px 16px;
border-radius: 2px;
border-radius: 2px;
margin-top: 25px;
margin-top: 25px;
box-shadow: 0px 2px 4px rgba(0,0,0,.2);
box-shadow: 0px 2px 4px rgba(0,0,0,.2);
}
}
.res-nightmode .side .spacer #search input[type=text]{
.res-nightmode .side .spacer #search input[type=text]{
background-color: rgb(68, 68, 68);
background-color: rgb(68, 68, 68);
}
}
#searchexpando, #moresearchinfo {
#searchexpando, #moresearchinfo {
box-shadow: 0px 2px 4px rgba(0,0,0,.2);
box-shadow: 0px 2px 4px rgba(0,0,0,.2);
border-radius: 2px;
border-radius: 2px;
border:0px;
border:0px;
position: absolute;
position: absolute;
z-index: 99;
z-index: 99;
width: 280px;
width: 280px;
}
}
/* side */
/* side */
.side { margin: 0 15px; background-color: rgb(255, 191, 254) ;border-bottom:0px solid #AAA;
.side { margin: 0 15px; background-color: rgb(255, 191, 254) ;border-bottom:0px solid #AAA;
margin-top: 43px;
margin-top: 43px;
}
}
.res-nightmode .side{
.res-nightmode .side{
margin: 0 15px;
margin: 0 15px;
background-color: #5f3b5e;
background-color: #5f3b5e;
border-bottom:0px solid #AAA;
border-bottom:0px solid #AAA;
margin-top: 43px;
margin-top: 43px;
}
}
.side:lang(nm){
.side:lang(nm){
margin: 0 15px;
margin: 0 15px;
background-color: #5f3b5e;
background-color: #5f3b5e;
border-bottom:0px solid #AAA;
border-bottom:0px solid #AAA;
margin-top: 43px;
margin-top: 43px;
}
}
.side .spacer .titlebox, .side .spacer .sidecontentbox {
.side .spacer .titlebox, .side .spacer .sidecontentbox {
padding: 10px;
padding: 10px;
background: white;
background: white;
box-shadow: 0px 2px 4px rgba(0,0,0,.2);
box-shadow: 0px 2px 4px rgba(0,0,0,.2);
border-radius: 2px;
border-radius: 2px;
margin-top: 15px;
margin-top: 15px;
}
}
.res-nightmode .side .spacer .titlebox, .res-nightmode .side .spacer .sidecontentbox{
.res-nightmode .side .spacer .titlebox, .res-nightmode .side .spacer .sidecontentbox{
background-color: rgb(51, 51, 51);
background-color: rgb(51, 51, 51);
}
}
.res-nightmode .side .spacer .titlebox .redditname {
.res-nightmode .side .spacer .titlebox .redditname {
background-color: transparent;
background-color: transparent;
}
}
.side .md { overflow:hidden; }
.side .md { overflow:hidden; }
.titlebox { padding:0 10px; }
.titlebox { padding:0 10px; }
.titlebox .bottom { display:none; }
.titlebox .bottom { display:none; }
.linkinfo { padding:15px; border:none; background-color:#CEE3F8; }
.linkinfo { padding:15px; border:none; background-color:#CEE3F8; }
body.res-nightmode .side .redditname a { color: #DDD !important; }
body.res-nightmode .side .redditname a { color: #DDD !important; }
.sidebox.submit .spacer, .sidebox.create { display:none; }
.sidebox.submit .spacer, .sidebox.create { display:none; }
.linkinfo .score .word,.linkinfo .score .number { font-size:15px; }
.linkinfo .score .word,.linkinfo .score .number { font-size:15px; }
.sidecontentbox .content { border:1px solid #EAEAEA; background-color:#FAFAFA; padding:10px; }
.sidecontentbox .content { border:1px solid #EAEAEA; background-color:#FAFAFA; padding:10px; }
.icon-menu li { margin:0 0 5px; }
.icon-menu li { margin:0 0 5px; }
.side h1, .side h2, .side h3 {color: #222;}
.side h1, .side h2, .side h3 {color: #222;}
.side h1 {font-size: 19px;}
.side h1 {font-size: 19px;}
.side h2 {font-size: 16px;}
.side h2 {font-size: 16px;}
.side h3 {font-size: 14px;}
.side h3 {font-size: 14px;}
body.res-nightmode .login-form-side {
body.res-nightmode .login-form-side {
background-color: #111 !important;
background-color: #111 !important;
color: #DDD !important;
color: #DDD !important;
border: 1px solid #DDD !important;
border: 1px solid #DDD !important;
}
}
body.res-nightmode .login-form-side #remember-me label { color: #DDD !important; }
body.res-nightmode .login-form-side #remember-me label { color: #DDD !important; }
body.res-nightmode .login-form-side #remember-me input { width: auto !important; margin-left: 6px; }
body.res-nightmode .login-form-side #remember-me input { width: auto !important; margin-left: 6px; }
body.res-nightmode .side .login-form-side .submit { padding: 4px; background-color: transparent; }
body.res-nightmode .side .login-form-side .submit { padding: 4px; background-color: transparent; }
body.res-nightmode .side .login-form-side .submit .btn { margin: auto; }
body.res-nightmode .side .login-form-side .submit .btn { margin: auto; }
/* submit */
/* submit */
.sidebox.submit { width:300px; }
.sidebox.submit { width:300px; }
body.res-nightmode .sidebox { padding-left: 0 !important; }
body.res-nightmode .sidebox { padding-left: 0 !important; }
body.res-nightmode .sidebox.submit { background-image: none !important; }
body.res-nightmode .sidebox.submit { background-image: none !important; }
body.res-nightmode .sidebox.submit .nub {
body.res-nightmode .sidebox.submit .nub {
background: #222;
background: #222;
border-left: 24px solid #393939;
border-left: 24px solid #393939;
}
}
body.res-nightmode .sidebox, body.res-nightmode .subredditbox, body.res-nightmode .subreddit-info, body.res-nightmode .raisedbox, body.res-nightmode .login-form-side {
body.res-nightmode .sidebox, body.res-nightmode .subredditbox, body.res-nightmode .subreddit-info, body.res-nightmode .raisedbox, body.res-nightmode .login-form-side {
border: 0 !important;
border: 0 !important;
border-radius: 0 !important;
border-radius: 0 !important;
-moz-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
}
}
body.res-nightmode .sidebox.submit .morelink a {
body.res-nightmode .sidebox.submit .morelink a {
color: #DDD !important;
color: #DDD !important;
background-color: #b53ba7;
background-color: #b53ba7;
}
}
.sidebox.submit .morelink a:lang(nm) {
.sidebox.submit .morelink a:lang(nm) {
color: #DDD !important;
color: #DDD !important;
background-color: #b53ba7;
background-color: #b53ba7;
}
}
.morelink,.morelink:hover, .side a[href*='/#btn'] {
.morelink,.morelink:hover, .side a[href*='/#btn'] {
font-weight:normal;
font-weight:normal;
letter-spacing:0;
letter-spacing:0;
background:#FF81D4;
background:#FF81D4;
border: none;
border: none;
-moz-border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
-webkit-border-radius:0px;
-o-border-radius:0px;
-o-border-radius:0px;
-ms-border-radius:0px;
-ms-border-radius:0px;
-khtml-border-radius:0px;
-khtml-border-radius:0px;
border-radius:0px;
border-radius:0px;
height: 37px;
height: 37px;
line-height: 37px;
line-height: 37px;
overflow: hidden;
overflow: hidden;
border-radius: 2px;
border-radius: 2px;
}
}
.morelink a,.morelink a:hover { color:#FFF; font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; font-size:16px; }
.morelink a,.morelink a:hover { color:#FFF; font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; font-size:16px; }
.morelink .nub,.morelink:hover .nub {
.morelink .nub,.morelink:hover .nub {
top: 0;
top: 0;
right: -25px;
right: -25px;
height: 0;
height: 0;
width: 0;
width: 0;
}
}
.morelink:hover .nub { border-left-color: #BB0100 }
.morelink:hover .nub { border-left-color: #BB0100 }
.disabled .morelink a,.disabled .morelink a:hover { cursor:default; color:#AAA; }
.disabled .morelink a,.disabled .morelink a:hover { cursor:default; color:#AAA; }
.morelink:hover, .side a[href*='/#btn']:hover { background-color: #EF63BC; border-color: #9E5200; }
.morelink:hover, .side a[href*='/#btn']:hover { background-color: #EF63BC; border-color: #9E5200; }
.res-nightmode .morelink a:hover{
.res-nightmode .morelink a:hover{
background-color: #a82f9a!important;
background-color: #a82f9a!important;
}
}
html:lang(nm) .morelink a:hover{
html:lang(nm) .morelink a:hover{
background-color: #a82f9a!important;
background-color: #a82f9a!important;
}
}
.disabled .morelink,.disabled .morelink:hover { background:#f5f5f5; border-color:#f5f5f5; }
.disabled .morelink,.disabled .morelink:hover { background:#f5f5f5; border-color:#f5f5f5; }
.disabled .morelink .nub,.disabled .morelink:hover .nub { background:url(%%sprites-05%%) 0 0 no-repeat transparent; border-color:#f5f5f5; }
.disabled .morelink .nub,.disabled .morelink:hover .nub { background:url(%%sprites-05%%) 0 0 no-repeat transparent; border-color:#f5f5f5; }
/* CONTENT */
/* CONTENT */
/* main content */
/* main content */
.sitetable { font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; clear:left;}
.sitetable { font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; clear:left;}
.infobar { overflow:hidden; margin:0 0 10px; }
.infobar { overflow:hidden; margin:0 0 10px; }
.content { margin:20px 0 0 20px; }
.content { margin:20px 0 0 20px; }
.link, .link.promotedlink.promoted {
.link, .link.promotedlink.promoted {
overflow:hidden;
overflow:hidden;
margin:0px;
margin:0px;
padding:5px;
padding:5px;
border:0px solid #EAEAEA;
border:0px solid #EAEAEA;
background-color:white;
background-color:white;
box-shadow: 0px 2px 4px rgba(0,0,0,.2);
box-shadow: 0px 2px 4px rgba(0,0,0,.2);
padding: 10px;
padding: 10px;
margin-top: 10px;
margin-top: 10px;
margin-left: 5px;
margin-left: 5px;
margin-right: 5px;
margin-right: 5px;
}
}
body.res-nightmode .sitetable .thing.link, body.res-nightmode div#siteTable div[onclick="click_thing(this)"] {
body.res-nightmode .sitetable .thing.link, body.res-nightmode div#siteTable div[onclick="click_thing(this)"] {
border: 1px solid #4c4c4c !important;
border: 1px solid #4c4c4c !important;
background-color: #333 !important;
background-color: #333 !important;
}
}
body.res-nightmode .sitetable .thing.link .keyHighlight {
body.res-nightmode .sitetable .thing.link .keyHighlight {
background-color: #363636 !important;
background-color: #363636 !important;
border-color: #666 !important;
border-color: #666 !important;
outline-color: #666 !important;
outline-color: #666 !important;
}
}
body.res-nightmode .midcol {
body.res-nightmode .midcol {
background-color: transparent !important;
background-color: transparent !important;
padding: 4px;
padding: 4px;
}
}
.link .rank { display:none; }
.link .rank { display:none; }
.link.last-clicked { border:0px dashed #EAEAEA; }
.link.last-clicked { border:0px dashed #EAEAEA; }
body.res-nightmode .link.last-clicked { border-color: #666; }
body.res-nightmode .link.last-clicked { border-color: #666; }
.linklisting > .clearleft { margin:5px; }
.linklisting > .clearleft { margin:5px; }
.entry .buttons li { display:inline; float:left; }
.entry .buttons li { display:inline; float:left; }
.link .midcol { margin-right:10px; margin-left:0; }
.link .midcol { margin-right:10px; margin-left:0; }
/* main comments */
/* main comments */
.commentarea { margin-top:10px; }
.commentarea { margin-top:10px; }
.link.self .usertext-body .md p,.comment .usertext-body .md p { line-height:1.3em; }
.link.self .usertext-body .md p,.comment .usertext-body .md p { line-height:1.3em; }
.link .usertext .md { padding:5px 10px; }
.link .usertext .md { padding:5px 10px; }
.panestack-title { border:none; margin:0; padding:0; }
.panestack-title { border:none; margin:0; padding:0; }
.panestack-title .title { float:left; font-size:11px; color:#888; margin:0; }
.panestack-title .title { float:left; font-size:11px; color:#888; margin:0; }
.commentarea .menuarea { font-size:11px; margin:0; }
.commentarea .menuarea { font-size:11px; margin:0; }
.panestack-title:after { content:'-'; padding:0 5px; float:left; }
.panestack-title:after { content:'-'; padding:0 5px; float:left; }
.commentarea > .usertext { clear:left; margin:0; }
.commentarea > .usertext { clear:left; margin:0; }
.usertext-edit { width:auto; }
.usertext-edit { width:auto; }
.usertext-edit textarea { width:430px; padding:10px; }
.usertext-edit textarea { width:430px; padding:10px; }
.usertext .bottom-area { width:450px; }
.usertext .bottom-area { width:450px; }
.comment .usertext .bottom-area { width:100%; }
.comment .usertext .bottom-area { width:100%; }
.usertext button { margin:5px 5px 10px 0; border:none; min-width:70px; }
.usertext button { margin:5px 5px 10px 0; border:none; min-width:70px; }
body.res-nightmode .usertext .help-toggle { background-color:#DDD; }
body.res-nightmode .usertext .help-toggle { background-color:#DDD; }
.usertext .help-toggle a { color:#FFF; }
.usertext .help-toggle a { color:#FFF; }
body.res-nightmode .usertext .help-toggle a { color:#444 !important; }
body.res-nightmode .usertext .help-toggle a { color:#444 !important; }
.usertext table.markhelp { width:450px; font-size:11px; }
.usertext table.markhelp { width:450px; font-size:11px; }
.link .usertext .md { background-color:#FFF; border:1px solid #EAEAEA; }
.link .usertext .md { background-color:#FFF; border:1px solid #EAEAEA; }
.entry .buttons li a { font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; }
.entry .buttons li a { font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; }
.usertext .help-toggle, .res-nightmode button.RESBigEditorPop, .usertext .bottom-area .reddiquette {
.usertext .help-toggle, .res-nightmode button.RESBigEditorPop, .usertext .bottom-area .reddiquette {
background-color:#999;
background-color:#999;
border:none;
border:none;
color:#FFF;
color:#FFF;
padding:6px;
padding:6px;
margin:5px 3px;
margin:5px 3px;
font-size:13px;
font-size:13px;
-moz-border-radius:0px;
-moz-border-radius:0px;
-webkit-border-radius:0px;
-webkit-border-radius:0px;
-o-border-radius:0px;
-o-border-radius:0px;
-ms-border-radius:0px;
-ms-border-radius:0px;
-khtml-border-radius:0px;
-khtml-border-radius:0px;
border-radius: 0;
border-radius: 0;
}
}
#RESShortcutsSort { background-color:transparent !important; }
#RESShortcutsSort { background-color:transparent !important; }
/* MODERATOR SPECIFIC */
/* MODERATOR SPECIFIC */
/* stylesheet tweaks */
/* stylesheet tweaks */
.stylesheet-customize-container { width: 100%; }
.stylesheet-customize-container { width: 100%; }
#subreddit_stylesheet { display: block; overflow: hidden; padding-right: 80px; }
#subreddit_stylesheet { display: block; overflow: hidden; padding-right: 80px; }
.sheets { margin: 0; }
.sheets { margin: 0; }
#stylesheet_contents {
#stylesheet_contents {
font-family: Consolas, Monaco, monospace;
font-family: Consolas, Monaco, monospace;
padding: 12px;
padding: 12px;
background-color: #222;
background-color: #222;
color: #ace;
color: #ace;
border: 8px solid #222;
border: 8px solid #222;
}
}
body.res-nightmode #stylesheet_contents {
body.res-nightmode #stylesheet_contents {
background-color: #111;
background-color: #111;
border-color: #111;
border-color: #111;
}
}
/* MISC STYLING */
/* MISC STYLING */
/* No Participation CSS credit to /r/noparticipation, slightly modified */
/* No Participation CSS credit to /r/noparticipation, slightly modified */
body:lang(np):not(.subscriber) .arrow {
body:lang(np):not(.subscriber) .arrow {
visibility: hidden !important;
visibility: hidden !important;
}
}
body:lang(np):not(.subscriber) .usertext-edit,
body:lang(np):not(.subscriber) .usertext-edit,
body:lang(np):not(.subscriber) .sidebox.submit,
body:lang(np):not(.subscriber) .sidebox.submit,
body:lang(np):not(.subscriber) .commentingAs,
body:lang(np):not(.subscriber) .commentingAs,
body:lang(np):not(.subscriber) .markdownEditor,
body:lang(np):not(.subscriber) .markdownEditor,
body:lang(np):not(.subscriber) .report-button,
body:lang(np):not(.subscriber) .report-button,
body:lang(np):not(.subscriber) a[onclick*="return reply(this)"],
body:lang(np):not(.subscriber) a[onclick*="return reply(this)"],
body:lang(np):not(.subscriber) .subButtons,
body:lang(np):not(.subscriber) .subButtons,
body:lang(np):not(.subscriber) .helplink,
body:lang(np):not(.subscriber) .helplink,
body:lang(np):not(.subscriber) .titlebox .fancy-toggle-button.toggle > .option.add {
body:lang(np):not(.subscriber) .titlebox .fancy-toggle-button.toggle > .option.add {
display: none !important;
display: none !important;
}
}
body:lang(np):not(.subscriber) > .content:before {
body:lang(np):not(.subscriber) > .content:before {
content: "You have been linked to a read-only version of this subreddit. Please respect the community by not voting.";
content: "You have been linked to a read-only version of this subreddit. Please respect the community by not voting.";
display: block;
display: block;
max-width: 800px;
max-width: 800px;
background-color: #F6E69F;
background-color: #F6E69F;
padding: 5px 10px;
padding: 5px 10px;
margin: 5px 2px;
margin: 5px 2px;
border: 1px solid orange;
border: 1px solid orange;
font-size: small;
font-size: small;
text-align: center;
text-align: center;
}
}
body:lang(np):not(.subscriber) .entry.likes:not(.reddit-entry):before,
body:lang(np):not(.subscriber) .entry.likes:not(.reddit-entry):before,
body:lang(np):not(.subscriber) .entry.dislikes: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.";
content: "Please do not vote or comment when you come from external subreddits.";
color: red;
color: red;
font-size: large;
font-size: large;
font-weight: bold;
font-weight: bold;
}
}
/* Wiki protection */
/* Wiki protection */
body.wiki-page:lang(np):not(.subscriber) span.pageactions a.wikiaction-edit:not(.wikiaction-current),
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 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#wiki_revision_reason,
body.wiki-page:lang(np):not(.subscriber) div.wiki-page-content form#editform input[type='submit'] {
body.wiki-page:lang(np):not(.subscriber) div.wiki-page-content form#editform input[type='submit'] {
display: none !important;
display: none !important;
}
}
/* tables */
/* tables */
.md table { border: 1px solid #ccc; font-family: 'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; margin: 10px 0px; }
.md table { border: 1px solid #ccc; font-family: 'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; margin: 10px 0px; }
body.res-nightmode .md table { border-color: #666; }
body.res-nightmode .md table { border-color: #666; }
.side .md table { width:100%; }
.side .md table { width:100%; }
.md table * { border: 0; }
.md table * { border: 0; }
body.res-nightmode .md table * { color: #ddd; }
body.res-nightmode .md table * { color: #ddd; }
.md table th { text-align: center; }
.md table th { text-align: center; }
.md table tr:nth-child(even), .md table thead { background-color: #f6f6f6; }
.md table tr:nth-child(even), .md table thead { background-color: #f6f6f6; }
body.res-nightmode .md table tr:nth-child(even), body.res-nightmode .md table thead { background-color: #444; }
body.res-nightmode .md table tr:nth-child(even), body.res-nightmode .md table thead { background-color: #444; }
.md table td, .md table th { border-right: 1px solid #ccc; padding: 4px 8px; }
.md table td, .md table th { border-right: 1px solid #ccc; padding: 4px 8px; }
body.res-nightmode .md table td, body.res-nightmode .md table th { border-color: #666; }
body.res-nightmode .md table td, body.res-nightmode .md table th { border-color: #666; }
body:not(.res-nightmode) .md table tbody { color: #444; }
body:not(.res-nightmode) .md table tbody { color: #444; }
/* lists */
/* lists */
.md > ul, .md > ol { border-left: 4px solid #ccc; }
.md > ul, .md > ol { border-left: 4px solid #ccc; }
body.res-nightmode .md > ul, body.res-nightmode .md > ol { border-color: #666; }
body.res-nightmode .md > ul, body.res-nightmode .md > ol { border-color: #666; }
.md ul, .md ol {
.md ul, .md ol {
margin: 10px 0px;
margin: 10px 0px;
padding: 6px;
padding: 6px;
background-color: #fff;
background-color: #fff;
-moz-border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-webkit-border-radius:2px;
-o-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
-ms-border-radius:2px;
-khtml-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
border-radius:2px;
}
}
body.res-nightmode .md ul, body.res-nightmode .md ol { background-color: #444; }
body.res-nightmode .md ul, body.res-nightmode .md ol { background-color: #444; }
.md ul { list-style: disc inside; }
.md ul { list-style: disc inside; }
.md ol { list-style: none; }
.md ol { list-style: none; }
/*
/*
.md ul li, .md ol li {
.md ul li, .md ol li {
padding: 4px 8px;
padding: 4px 8px;
-moz-border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-webkit-border-radius:2px;
-o-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
-ms-border-radius:2px;
-khtml-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
border-radius:2px;
}
}
.md ul li ul, .md ol li ol { margin: 8px 4px; }
.md ul li ul, .md ol li ol { margin: 8px 4px; }
.md ul li:nth-child(odd), .md ol li:nth-child(odd) { background-color: #f6f6f6; }
.md ul li:nth-child(odd), .md ol li:nth-child(odd) { background-color: #f6f6f6; }
body.res-nightmode .md ul li:nth-child(odd), body.res-nightmode .md ol li:nth-child(odd) { background-color: #222; }
body.res-nightmode .md ul li:nth-child(odd), body.res-nightmode .md ol li:nth-child(odd) { background-color: #222; }
.md ol { counter-reset: inc 0; }
.md ol { counter-reset: inc 0; }
ol li p, ul li p { display: inline; }
ol li p, ul li p { display: inline; }
.md ol li:before {
.md ol li:before {
counter-increment: inc 1;
counter-increment: inc 1;
content: counter(inc, decimal) '. ';
content: counter(inc, decimal) '. ';
margin-right: 4px;
margin-right: 4px;
color: #999;
color: #999;
}
}
*/
*/
/* boxes */
/* boxes */
.side blockquote + hr {
.side blockquote + hr {
border-width:0;
border-width:0;
width:0;
width:0;
background-color:transparent;
background-color:transparent;
margin:10px 0 0;
margin:10px 0 0;
}
}
body.res-nightmode .side hr {
body.res-nightmode .side hr {
border: 0 !important;
border: 0 !important;
border-bottom: 1px solid #000 !important;
border-bottom: 1px solid #000 !important;
}
}
.side blockquote {
.side blockquote {
border:0 none;
border:0 none;
padding:15px;
padding:15px;
margin:0;
margin:0;
background-color:#EFEFEF;
background-color:#EFEFEF;
border-radius:2px;
border-radius:2px;
}
}
.side h4, .side h5, .side h6 { height:0; }
.side h4, .side h5, .side h6 { height:0; }
.side blockquote h1 ~ p { margin-left:21px; }
.side blockquote h1 ~ p { margin-left:21px; }
.side blockquote h1 { background-color: transparent !important; margin-bottom: 15px; }
.side blockquote h1 { background-color: transparent !important; margin-bottom: 15px; }
.side blockquote pre, .side blockquote code { color: #222 !important; }
.side blockquote pre, .side blockquote code { color: #222 !important; }
.side h6 + blockquote p, .side h5 + blockquote p, .side h4 + blockquote p { color: #000; }
.side h6 + blockquote p, .side h5 + blockquote p, .side h4 + blockquote p { color: #000; }
.side h6 + blockquote a, .side h5 + blockquote a, .side h4 + blockquote a { color: #369; }
.side h6 + blockquote a, .side h5 + blockquote a, .side h4 + blockquote a { color: #369; }
.side blockquote + p,.side p + blockquote,.side p + h4,.side p + h5,.side p + h6 { margin-top:15px; }
.side blockquote + p,.side p + blockquote,.side p + h4,.side p + h5,.side p + h6 { margin-top:15px; }
body.res-nightmode .side blockquote h1, body.res-nightmode .side blockquote h1 a { color: #EEE !important; }
body.res-nightmode .side blockquote h1, body.res-nightmode .side blockquote h1 a { color: #EEE !important; }
body.res-nightmode .side h4+blockquote,body.res-nightmode .side h5+blockquote,body.res-nightmode .side h6+blockquote, .res-nightmode .side blockquote { background-color: #393939; }
body.res-nightmode .side h4+blockquote,body.res-nightmode .side h5+blockquote,body.res-nightmode .side h6+blockquote, .res-nightmode .side blockquote { background-color: #393939; }
/* colors */
/* colors */
.md h4 + table { border-color: #9EF886; }
.md h4 + table { border-color: #9EF886; }
.md h4 + table td, .md h4 + table th { border-right-color: #9EF886; }
.md h4 + table td, .md h4 + table th { border-right-color: #9EF886; }
.md h4 + table tr:nth-child(even), .md h4 + table thead { background-color: #E9FFE6; }
.md h4 + table tr:nth-child(even), .md h4 + table thead { background-color: #E9FFE6; }
body.res-nightmode .md h4 + table { border-color: #9EF886; }
body.res-nightmode .md h4 + table { border-color: #9EF886; }
body.res-nightmode .md h4 + table td, body.res-nightmode .md h4 + table th { border-right-color: #9EF886; }
body.res-nightmode .md h4 + table td, body.res-nightmode .md h4 + table th { border-right-color: #9EF886; }
body.res-nightmode .md h4 + table tr:nth-child(even), body.res-nightmode .md h4 + table thead { background-color: #207807; }
body.res-nightmode .md h4 + table tr:nth-child(even), body.res-nightmode .md h4 + table thead { background-color: #207807; }
body.res-nightmode .md h4 + ul, body.res-nightmode .md h4 + ol { border-left-color: #9EF886; }
body.res-nightmode .md h4 + ul, body.res-nightmode .md h4 + ol { border-left-color: #9EF886; }
body.res-nightmode .md h4 + ul li:nth-child(odd), body.res-nightmode .md h4 + ol li:nth-child(odd) { background-color: #207807; }
body.res-nightmode .md h4 + ul li:nth-child(odd), body.res-nightmode .md h4 + ol li:nth-child(odd) { background-color: #207807; }
/* buttons */
/* buttons */
.btn, button, .side a[href*='/#btn'] {
.btn, button, .side a[href*='/#btn'] {
background-color:#FF81D4;
background-color:#FF81D4;
border:none;
border:none;
color:#FFF;
color:#FFF;
padding:6px;
padding:6px;
margin:5px 5px 5px 0;
margin:5px 5px 5px 0;
cursor:pointer;
cursor:pointer;
font-size:13px;
font-size:13px;
font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif;
font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif;
-moz-border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-webkit-border-radius:2px;
-o-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
-ms-border-radius:2px;
-khtml-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
border-radius:2px;
}
}
.res-nightmode .btn, button,.res-nightmode .side a[href*='/#btn'] {
.res-nightmode .btn, button,.res-nightmode .side a[href*='/#btn'] {
background-color:#b53ba7;
background-color:#b53ba7;
}
}
html:lang(nm) .btn, button,html:lang(nm) .side a[href*='/#btn'] {
html:lang(nm) .btn, button,html:lang(nm) .side a[href*='/#btn'] {
background-color:#b53ba7;
background-color:#b53ba7;
}
}
.side a[href*='/#btn'] {
.side a[href*='/#btn'] {
text-align: center;
text-align: center;
display: block;
display: block;
width: auto;
width: auto;
font-weight: normal;
font-weight: normal;
letter-spacing: 0;
letter-spacing: 0;
line-height: 29px;
line-height: 29px;
margin:10px 0px;
margin:10px 0px;
}
}
body.res-nightmode .btn, body.res-nightmode button,
body.res-nightmode .btn, body.res-nightmode button,
body.res-nightmode .side a[href*='/#btn'] { color: #444 !important; background-color: #CCC !important; }
body.res-nightmode .side a[href*='/#btn'] { color: #444 !important; background-color: #CCC !important; }
.btn a { color:#FFF; }
.btn a { color:#FFF; }
body.res-nightmode .btn a { color: #444 !important; }
body.res-nightmode .btn a { color: #444 !important; }
.btn:hover,button:hover,.side a[href*='/#btn']:hover { background-color:#EF63BC; border-color:#9E5200; }
.btn:hover,button:hover,.side a[href*='/#btn']:hover { background-color:#EF63BC; border-color:#9E5200; }
body.res-nightmode .btn:hover, body.res-nightmode button:hover,
body.res-nightmode .btn:hover, body.res-nightmode button:hover,
body.res-nightmode .side a[href*='/#btn']:hover { background-color:#DDD !important; border-color:#DDD; }
body.res-nightmode .side a[href*='/#btn']:hover { background-color:#DDD !important; border-color:#DDD; }
/* code styling */
/* code styling */
.usertext-body pre {
.usertext-body pre {
margin:10px 0;
margin:10px 0;
padding:10px;
padding:10px;
color: #222 !important;
color: #222 !important;
}
}
.usertext-body pre, .usertext-body p > code {
.usertext-body pre, .usertext-body p > code {
background:#f7f7f7;
background:#f7f7f7;
border:1px solid #ccc;
border:1px solid #ccc;
-moz-border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-webkit-border-radius:2px;
-o-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
-ms-border-radius:2px;
-khtml-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
border-radius:2px;
font-size:11px;
font-size:11px;
color: #222 !important;
color: #222 !important;
overflow: auto;
overflow: auto;
}
}
.usertext-body code {
.usertext-body code {
color: #222 !important;
color: #222 !important;
font-family:Consolas, Monaco, monospace;
font-family:Consolas, Monaco, monospace;
line-height:1.5em;
line-height:1.5em;
}
}
.usertext-body p > code {
.usertext-body p > code {
padding:0 3px;
padding:0 3px;
color: #222 !important;
color: #222 !important;
}
}
/* sidebar icons */
/* sidebar icons */
.users-online:before{
.users-online:before{
background-image:url(%%online%%);
background-image:url(%%online%%);
background-position:0;
background-position:0;
}
}
.side a[href*='#icon-'] { color:#000; cursor:default; }
.side a[href*='#icon-'] { color:#000; cursor:default; }
.side a[href*='#icon-']:hover { text-decoration:none; }
.side a[href*='#icon-']:hover { text-decoration:none; }
.side a[href*='#icon-']::before {
.side a[href*='#icon-']::before {
display:inline-block;
display:inline-block;
height:16px; width:16px;
height:16px; width:16px;
content:'';
content:'';
margin:0 5px -1px 0;
margin:0 5px -1px 0;
background: url(%%sprites-05%%) 30px 30px no-repeat;
background: url(%%sprites-05%%) 30px 30px no-repeat;
}
}
.side a[href='#icon-exclamation']::before {background-position: -16px -32px;}
.side a[href='#icon-exclamation']::before {background-position: -16px -32px;}
.side a[href='#icon-information']::before {background-position: -54px -51px;}
.side a[href='#icon-information']::before {background-position: -54px -51px;}
.side a[href='#icon-lightbulb']::before {background-position: -16px -51px;}
.side a[href='#icon-lightbulb']::before {background-position: -16px -51px;}
.side a[href='#icon-comments']::before {background-position: -35px -89px;}
.side a[href='#icon-comments']::before {background-position: -35px -89px;}
.side a[href='#icon-unhappy']::before {background-position: -73px -89px;}
.side a[href='#icon-unhappy']::before {background-position: -73px -89px;}
.side a[href='#icon-check']::before {background-position: -73px -51px;}
.side a[href='#icon-check']::before {background-position: -73px -51px;}
.side a[href='#icon-clock']::before {background-position: -35px -51px;}
.side a[href='#icon-clock']::before {background-position: -35px -51px;}
.side a[href='#icon-cross']::before {background-position: -35px -70px;}
.side a[href='#icon-cross']::before {background-position: -35px -70px;}
.side a[href='#icon-smile']::before {background-position: -54px -89px;}
.side a[href='#icon-smile']::before {background-position: -54px -89px;}
.side a[href='#icon-error']::before {background-position: -54px -32px;}
.side a[href='#icon-error']::before {background-position: -54px -32px;}
.side a[href='#icon-note']::before {background-position: -54px -70px;}
.side a[href='#icon-note']::before {background-position: -54px -70px;}
.side a[href='#icon-star']::before {background-position: -73px -32px;}
.side a[href='#icon-star']::before {background-position: -73px -32px;}
.side a[href='#icon-help']::before {background-position: -16px -70px;}
.side a[href='#icon-help']::before {background-position: -16px -70px;}
.side a[href='#icon-time']::before {background-position: -73px -70px;}
.side a[href='#icon-time']::before {background-position: -73px -70px;}
.side a[href='#icon-bell']::before {background-position: -35px -32px;}
.side a[href='#icon-bell']::before {background-position: -35px -32px;}
.side a[href='#icon-eye']::before {background-position: -16px -89px;}
.side a[href='#icon-eye']::before {background-position: -16px -89px;}
/* SUBREDDIT-SPECIFIC STYLES - add you own styles below without modifying the code above.*/
/* SUBREDDIT-SPECIFIC STYLES - add you own styles below without modifying the code above.*/
.sidebox .spacer, .icon-menu a { background: transparent; }
.sidebox .spacer, .icon-menu a { background: transparent; }
/*============================BANNER============================*/
/*============================BANNER============================*/
.pagename{
.pagename{
}
}
.pagename a{
.pagename a{
display:block;
display:block;
Copia
Copiato
Copia
Copiato
background-image:url(%%
logo1
%%);
background-image:url(%%
SubredditLogo
%%);
width:
43
2px;
width:
36
2px;
height:
163px
;
height:
210px
;
font-size:0px;
font-size:0px;
Copia
Copiato
Copia
Copiato
margin: -
30px
auto;
margin: -
15px
auto;
}
}
.tabmenu, .submit .tabmenu {
.tabmenu, .submit .tabmenu {
position: absolute;
position: absolute;
top: 264px; /* 135 */
top: 264px; /* 135 */
left: 490px;
left: 490px;
z-index: 999;
z-index: 999;
background: transparent;
background: transparent;
text-shadow: 0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.5),0 0 30px rgba(255,255,255,.5);
text-shadow: 0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.5),0 0 30px rgba(255,255,255,.5);
transition: 1.5s ease-in-out;
transition: 1.5s ease-in-out;
font-size: 14px;
font-size: 14px;
}
}
.tabmenu li, .submit .tabmenu li{
.tabmenu li, .submit .tabmenu li{
display: block;
display: block;
float: left;
float: left;
margin: 0 -10px 0 0;
margin: 0 -10px 0 0;
padding: 2px 2px 2px;
padding: 2px 2px 2px;
}
}
.tabmenu li a, .submit .tabmenu li a {
.tabmenu li a, .submit .tabmenu li a {
background-color: transparent;
background-color: transparent;
border: none!important;
border: none!important;
color: #FFFFFF;
color: #FFFFFF;
font-size: 13px;
font-size: 13px;
cursor: pointer;
cursor: pointer;
font-weight: normal;
font-weight: normal;
text-transform: uppercase;
text-transform: uppercase;
line-height: 20px;
line-height: 20px;
padding: 0px 10px 0px;
padding: 0px 10px 0px;
/* text-shadow: 0 0px 0 #fff; */
/* text-shadow: 0 0px 0 #fff; */
}
}
.res-nightmode .tabmenu li a,.res-nightmode .submit .tabmenu li a {
.res-nightmode .tabmenu li a,.res-nightmode .submit .tabmenu li a {
background-color: transparent!important;
background-color: transparent!important;
}
}
.tabmenu li.selected a, .submit .tabmenu li.selected a {
.tabmenu li.selected a, .submit .tabmenu li.selected a {
background-color: transparent!important;
background-color: transparent!important;
color: #fff!important;
color: #fff!important;
font-weight: bold;
font-weight: bold;
}
}
/*
/*
.res-nightmode .tabmenu li.selected a, .res-nightmode .submit .tabmenu li.selected a {
.res-nightmode .tabmenu li.selected a, .res-nightmode .submit .tabmenu li.selected a {
color:#F5A500!important;
color:#F5A500!important;
}
}
*/
*/
ul.tabmenu.formtab{
ul.tabmenu.formtab{
padding-left: 0px;
padding-left: 0px;
}
}
.tabmenu.formtab .selected am{
.tabmenu.formtab .selected am{
font-size:10px;
font-size:10px;
}
}
/* HOVER TABS */
/* HOVER TABS */
#header .tabmenu li:not(.selected):hover a{
#header .tabmenu li:not(.selected):hover a{
background-color:transparent;
background-color:transparent;
color: #FFF;
color: #FFF;
Copia
Copiato
Copia
Copiato
text-shadow: 0
0 10px rgba(255,255,255,.
text-shadow: 0
Diff salvati
Testo originale
Apri file
/*-------------------------------------------------------------------------- [Mixed Style 2.0] Project: Yandere Admin: Yween Banner by: logo by: Flairs by: Comment Faces by: Color Scheme: #48BA97 dark #61D0AF light rgb(201, 120, 99) light rgb(127, 91, 79) dark #E26A70 dark pink #FEC9C9 light pink YS #FF81D4 Banner Pink #EF63BC Bar Pink rgb(255, 191, 254) Background #ffbffe ^ NM #b53ba7 Banner pruple #a82f9a Bar Pruple #5f3b5e Background #FFBFD7 Light Pink #FE7ACB Dark Pink #e5abc1 less light #896673 Font Futura font-size: --------------------------------------------------------------------------*/ /*===============================ANNOUNCEMENT===============================*/ body > .content:before { content: "Welcome to Yandere Simulator! Remember to check out our dropdowns right above!" ; background-repeat: no-repeat; font-style: normal; font-weight: bold; font-size: 15px; color: white; line-height:29px; background-color: #FF81D4; border-radius: 2px; cursor: default; text-align: center; bottom: 40px; /*width: 100%;*/ margin-top: 18px; margin-right: 5px; margin-left: 5px; margin-bottom: 17px; font-weight:normal; letter-spacing:0; background: #FF81D4; border: none; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; -khtml-border-radius:0px; border-radius:0px; height: 37px; line-height: 37px; overflow: hidden; border-radius: 2px; box-shadow: 0px 2px 4px rgba(0,0,0,.2); padding:0px 0px 0px 0px!important; display: block; } body.res-nightmode > .content:before { background-color: #b53ba7; } body:lang(nm) > .content:before { background-color: #b53ba7; } /* ==Edurne Reddit CSS Theme v5.6 - (http://www.reddit.com/r/edurne/)== */ /* Modified by Ricardo1991, and further customized by Yween */ /* GENERAL */ body { position:relative; font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; background-color: rgb(255, 191, 254); } .res-nightmode body { background-color: #5f3b5e; } body:lang(nm) { background-color: #5f3b5e; } body > .content { overflow:hidden; } .md p { font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; padding:1px 0; } .link .usertext .md,.usertext table.markhelp,.btn .login-form-side,.infobar,#search,#search input[type=text], .link,#header-bottom-right #userbarToggle,.linkinfo,textarea,.rounded,.sidecontentbox .content { -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; } .roundfield{ background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; } /* HEADER */ #sr-header-area { background-color:transparent; text-transform:lowercase; border-bottom:3px solid #FF81D4; font-size:100%; font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; background-color: #ffbffe } .res-nightmode #sr-header-area { border-bottom:3px solid #5f3b5e; } #sr-header-area:lang(nm) { border-bottom:3px solid #5f3b5e; } #sr-header-area a { color: #666 } body.res-nightmode #header { border-color: #DDF; } body.res-nightmode #header .tabmenu li:not(.selected) a { color: white; } #header .tabmenu li.selected a { border: 0; border-bottom: 1px solid #FFF; } #header .tabmenu li:not(.selected):hover a { background-color: #9A0201; color: #FFF; } body.res-nightmode #header .tabmenu li { background-color: transparent !important; } body.res-nightmode #header .tabmenu li:not(.selected):hover a { background-color: #CCC;/* color: #444; */} #header-img { margin:8px 20px 0; } .pagename { margin-right:25px; font-weight:bold; font-variant:normal; font-size:18px; } body.res-nightmode .pagename a { font-size: 0px !important; } #sr-header-area .dropdown.srdrop, #sr-header-area#srLeftContainer { padding-left:21px; } #sr-more-link, #header #sr-header-area #RESShortcutsEditContainer, #header #sr-header-area #RESShortcutsRight, #header #sr-header-area #RESShortcutsLeft, #header #sr-header-area #RESShortcutsAdd, #header #sr-header-area #RESShortcutsTrash { background-color:#D9D9D9; } body.res-nightmode #sr-header-area, body.res-nightmode #sr-more-link { background-color: #2F2F2F!important } #sr-header-area #RESShortcutsEditContainer, #sr-more-link { border-right:20px solid #c6daed; font-weight:bolder; } #header-bottom-right { right:20px; background-color:#D9D9D9; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; -khtml-border-radius:0; border-radius:0; bottom:8px; } body.res-nightmode #header-bottom-right { background-color: transparent !important; } #header-bottom-right.res-navTop { top: 21px !important; } #header-bottom-right.res-navTop #userbarToggle { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } #header-bottom-right #userbarToggle { font-family:"Courier New", Courier, monospace; font-size:12px; } #header-bottom-right #userbarToggle { font-family:"Courier New", Courier, monospace; font-size:12px; width:14px; padding-right:4px; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; border-bottom-left-radius:0; border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; } /* SIDEBAR */ /* search */ #search input[type=submit] { top: 7px; position: relative; z-index: 200; } body.res-nightmode #search { background-color: transparent; border-color: #BBB; } .side .spacer:nth-of-type(1), .side .spacer:nth-of-type(2) { margin: 0; } #search { white-space: nowrap; } .side .spacer #search input[type=text] { z-index: 100; border: none; font-size: 14px; width: 300px; background: white; padding: 3px; margin-bottom: 10px; padding: 10px 25px 10px 16px; border-radius: 2px; margin-top: 25px; box-shadow: 0px 2px 4px rgba(0,0,0,.2); } .res-nightmode .side .spacer #search input[type=text]{ background-color: rgb(68, 68, 68); } #searchexpando, #moresearchinfo { box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; border:0px; position: absolute; z-index: 99; width: 280px; } /* side */ .side { margin: 0 15px; background-color: rgb(255, 191, 254) ;border-bottom:0px solid #AAA; margin-top: 43px; } .res-nightmode .side{ margin: 0 15px; background-color: #5f3b5e; border-bottom:0px solid #AAA; margin-top: 43px; } .side:lang(nm){ margin: 0 15px; background-color: #5f3b5e; border-bottom:0px solid #AAA; margin-top: 43px; } .side .spacer .titlebox, .side .spacer .sidecontentbox { padding: 10px; background: white; box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; margin-top: 15px; } .res-nightmode .side .spacer .titlebox, .res-nightmode .side .spacer .sidecontentbox{ background-color: rgb(51, 51, 51); } .res-nightmode .side .spacer .titlebox .redditname { background-color: transparent; } .side .md { overflow:hidden; } .titlebox { padding:0 10px; } .titlebox .bottom { display:none; } .linkinfo { padding:15px; border:none; background-color:#CEE3F8; } body.res-nightmode .side .redditname a { color: #DDD !important; } .sidebox.submit .spacer, .sidebox.create { display:none; } .linkinfo .score .word,.linkinfo .score .number { font-size:15px; } .sidecontentbox .content { border:1px solid #EAEAEA; background-color:#FAFAFA; padding:10px; } .icon-menu li { margin:0 0 5px; } .side h1, .side h2, .side h3 {color: #222;} .side h1 {font-size: 19px;} .side h2 {font-size: 16px;} .side h3 {font-size: 14px;} body.res-nightmode .login-form-side { background-color: #111 !important; color: #DDD !important; border: 1px solid #DDD !important; } body.res-nightmode .login-form-side #remember-me label { color: #DDD !important; } body.res-nightmode .login-form-side #remember-me input { width: auto !important; margin-left: 6px; } body.res-nightmode .side .login-form-side .submit { padding: 4px; background-color: transparent; } body.res-nightmode .side .login-form-side .submit .btn { margin: auto; } /* submit */ .sidebox.submit { width:300px; } body.res-nightmode .sidebox { padding-left: 0 !important; } body.res-nightmode .sidebox.submit { background-image: none !important; } body.res-nightmode .sidebox.submit .nub { background: #222; border-left: 24px solid #393939; } body.res-nightmode .sidebox, body.res-nightmode .subredditbox, body.res-nightmode .subreddit-info, body.res-nightmode .raisedbox, body.res-nightmode .login-form-side { border: 0 !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } body.res-nightmode .sidebox.submit .morelink a { color: #DDD !important; background-color: #b53ba7; } .sidebox.submit .morelink a:lang(nm) { color: #DDD !important; background-color: #b53ba7; } .morelink,.morelink:hover, .side a[href*='/#btn'] { font-weight:normal; letter-spacing:0; background:#FF81D4; border: none; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; -khtml-border-radius:0px; border-radius:0px; height: 37px; line-height: 37px; overflow: hidden; border-radius: 2px; } .morelink a,.morelink a:hover { color:#FFF; font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; font-size:16px; } .morelink .nub,.morelink:hover .nub { top: 0; right: -25px; height: 0; width: 0; } .morelink:hover .nub { border-left-color: #BB0100 } .disabled .morelink a,.disabled .morelink a:hover { cursor:default; color:#AAA; } .morelink:hover, .side a[href*='/#btn']:hover { background-color: #EF63BC; border-color: #9E5200; } .res-nightmode .morelink a:hover{ background-color: #a82f9a!important; } html:lang(nm) .morelink a:hover{ background-color: #a82f9a!important; } .disabled .morelink,.disabled .morelink:hover { background:#f5f5f5; border-color:#f5f5f5; } .disabled .morelink .nub,.disabled .morelink:hover .nub { background:url(%%sprites-05%%) 0 0 no-repeat transparent; border-color:#f5f5f5; } /* CONTENT */ /* main content */ .sitetable { font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; clear:left;} .infobar { overflow:hidden; margin:0 0 10px; } .content { margin:20px 0 0 20px; } .link, .link.promotedlink.promoted { overflow:hidden; margin:0px; padding:5px; border:0px solid #EAEAEA; background-color:white; box-shadow: 0px 2px 4px rgba(0,0,0,.2); padding: 10px; margin-top: 10px; margin-left: 5px; margin-right: 5px; } body.res-nightmode .sitetable .thing.link, body.res-nightmode div#siteTable div[onclick="click_thing(this)"] { border: 1px solid #4c4c4c !important; background-color: #333 !important; } body.res-nightmode .sitetable .thing.link .keyHighlight { background-color: #363636 !important; border-color: #666 !important; outline-color: #666 !important; } body.res-nightmode .midcol { background-color: transparent !important; padding: 4px; } .link .rank { display:none; } .link.last-clicked { border:0px dashed #EAEAEA; } body.res-nightmode .link.last-clicked { border-color: #666; } .linklisting > .clearleft { margin:5px; } .entry .buttons li { display:inline; float:left; } .link .midcol { margin-right:10px; margin-left:0; } /* main comments */ .commentarea { margin-top:10px; } .link.self .usertext-body .md p,.comment .usertext-body .md p { line-height:1.3em; } .link .usertext .md { padding:5px 10px; } .panestack-title { border:none; margin:0; padding:0; } .panestack-title .title { float:left; font-size:11px; color:#888; margin:0; } .commentarea .menuarea { font-size:11px; margin:0; } .panestack-title:after { content:'-'; padding:0 5px; float:left; } .commentarea > .usertext { clear:left; margin:0; } .usertext-edit { width:auto; } .usertext-edit textarea { width:430px; padding:10px; } .usertext .bottom-area { width:450px; } .comment .usertext .bottom-area { width:100%; } .usertext button { margin:5px 5px 10px 0; border:none; min-width:70px; } body.res-nightmode .usertext .help-toggle { background-color:#DDD; } .usertext .help-toggle a { color:#FFF; } body.res-nightmode .usertext .help-toggle a { color:#444 !important; } .usertext table.markhelp { width:450px; font-size:11px; } .link .usertext .md { background-color:#FFF; border:1px solid #EAEAEA; } .entry .buttons li a { font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; } .usertext .help-toggle, .res-nightmode button.RESBigEditorPop, .usertext .bottom-area .reddiquette { background-color:#999; border:none; color:#FFF; padding:6px; margin:5px 3px; font-size:13px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; -khtml-border-radius:0px; border-radius: 0; } #RESShortcutsSort { background-color:transparent !important; } /* MODERATOR SPECIFIC */ /* stylesheet tweaks */ .stylesheet-customize-container { width: 100%; } #subreddit_stylesheet { display: block; overflow: hidden; padding-right: 80px; } .sheets { margin: 0; } #stylesheet_contents { font-family: Consolas, Monaco, monospace; padding: 12px; background-color: #222; color: #ace; border: 8px solid #222; } body.res-nightmode #stylesheet_contents { background-color: #111; border-color: #111; } /* MISC STYLING */ /* No Participation CSS credit to /r/noparticipation, slightly modified */ body:lang(np):not(.subscriber) .arrow { visibility: hidden !important; } 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) .report-button, 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 !important; } body:lang(np):not(.subscriber) > .content: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 2px; border: 1px solid orange; font-size: small; text-align: center; } 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 !important; } /* tables */ .md table { border: 1px solid #ccc; font-family: 'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; margin: 10px 0px; } body.res-nightmode .md table { border-color: #666; } .side .md table { width:100%; } .md table * { border: 0; } body.res-nightmode .md table * { color: #ddd; } .md table th { text-align: center; } .md table tr:nth-child(even), .md table thead { background-color: #f6f6f6; } body.res-nightmode .md table tr:nth-child(even), body.res-nightmode .md table thead { background-color: #444; } .md table td, .md table th { border-right: 1px solid #ccc; padding: 4px 8px; } body.res-nightmode .md table td, body.res-nightmode .md table th { border-color: #666; } body:not(.res-nightmode) .md table tbody { color: #444; } /* lists */ .md > ul, .md > ol { border-left: 4px solid #ccc; } body.res-nightmode .md > ul, body.res-nightmode .md > ol { border-color: #666; } .md ul, .md ol { margin: 10px 0px; padding: 6px; background-color: #fff; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; } body.res-nightmode .md ul, body.res-nightmode .md ol { background-color: #444; } .md ul { list-style: disc inside; } .md ol { list-style: none; } /* .md ul li, .md ol li { padding: 4px 8px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; } .md ul li ul, .md ol li ol { margin: 8px 4px; } .md ul li:nth-child(odd), .md ol li:nth-child(odd) { background-color: #f6f6f6; } body.res-nightmode .md ul li:nth-child(odd), body.res-nightmode .md ol li:nth-child(odd) { background-color: #222; } .md ol { counter-reset: inc 0; } ol li p, ul li p { display: inline; } .md ol li:before { counter-increment: inc 1; content: counter(inc, decimal) '. '; margin-right: 4px; color: #999; } */ /* boxes */ .side blockquote + hr { border-width:0; width:0; background-color:transparent; margin:10px 0 0; } body.res-nightmode .side hr { border: 0 !important; border-bottom: 1px solid #000 !important; } .side blockquote { border:0 none; padding:15px; margin:0; background-color:#EFEFEF; border-radius:2px; } .side h4, .side h5, .side h6 { height:0; } .side blockquote h1 ~ p { margin-left:21px; } .side blockquote h1 { background-color: transparent !important; margin-bottom: 15px; } .side blockquote pre, .side blockquote code { color: #222 !important; } .side h6 + blockquote p, .side h5 + blockquote p, .side h4 + blockquote p { color: #000; } .side h6 + blockquote a, .side h5 + blockquote a, .side h4 + blockquote a { color: #369; } .side blockquote + p,.side p + blockquote,.side p + h4,.side p + h5,.side p + h6 { margin-top:15px; } body.res-nightmode .side blockquote h1, body.res-nightmode .side blockquote h1 a { color: #EEE !important; } body.res-nightmode .side h4+blockquote,body.res-nightmode .side h5+blockquote,body.res-nightmode .side h6+blockquote, .res-nightmode .side blockquote { background-color: #393939; } /* colors */ .md h4 + table { border-color: #9EF886; } .md h4 + table td, .md h4 + table th { border-right-color: #9EF886; } .md h4 + table tr:nth-child(even), .md h4 + table thead { background-color: #E9FFE6; } body.res-nightmode .md h4 + table { border-color: #9EF886; } body.res-nightmode .md h4 + table td, body.res-nightmode .md h4 + table th { border-right-color: #9EF886; } body.res-nightmode .md h4 + table tr:nth-child(even), body.res-nightmode .md h4 + table thead { background-color: #207807; } body.res-nightmode .md h4 + ul, body.res-nightmode .md h4 + ol { border-left-color: #9EF886; } body.res-nightmode .md h4 + ul li:nth-child(odd), body.res-nightmode .md h4 + ol li:nth-child(odd) { background-color: #207807; } /* buttons */ .btn, button, .side a[href*='/#btn'] { background-color:#FF81D4; border:none; color:#FFF; padding:6px; margin:5px 5px 5px 0; cursor:pointer; font-size:13px; font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; } .res-nightmode .btn, button,.res-nightmode .side a[href*='/#btn'] { background-color:#b53ba7; } html:lang(nm) .btn, button,html:lang(nm) .side a[href*='/#btn'] { background-color:#b53ba7; } .side a[href*='/#btn'] { text-align: center; display: block; width: auto; font-weight: normal; letter-spacing: 0; line-height: 29px; margin:10px 0px; } body.res-nightmode .btn, body.res-nightmode button, body.res-nightmode .side a[href*='/#btn'] { color: #444 !important; background-color: #CCC !important; } .btn a { color:#FFF; } body.res-nightmode .btn a { color: #444 !important; } .btn:hover,button:hover,.side a[href*='/#btn']:hover { background-color:#EF63BC; border-color:#9E5200; } body.res-nightmode .btn:hover, body.res-nightmode button:hover, body.res-nightmode .side a[href*='/#btn']:hover { background-color:#DDD !important; border-color:#DDD; } /* code styling */ .usertext-body pre { margin:10px 0; padding:10px; color: #222 !important; } .usertext-body pre, .usertext-body p > code { background:#f7f7f7; border:1px solid #ccc; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; font-size:11px; color: #222 !important; overflow: auto; } .usertext-body code { color: #222 !important; font-family:Consolas, Monaco, monospace; line-height:1.5em; } .usertext-body p > code { padding:0 3px; color: #222 !important; } /* sidebar icons */ .users-online:before{ background-image:url(%%online%%); background-position:0; } .side a[href*='#icon-'] { color:#000; cursor:default; } .side a[href*='#icon-']:hover { text-decoration:none; } .side a[href*='#icon-']::before { display:inline-block; height:16px; width:16px; content:''; margin:0 5px -1px 0; background: url(%%sprites-05%%) 30px 30px no-repeat; } .side a[href='#icon-exclamation']::before {background-position: -16px -32px;} .side a[href='#icon-information']::before {background-position: -54px -51px;} .side a[href='#icon-lightbulb']::before {background-position: -16px -51px;} .side a[href='#icon-comments']::before {background-position: -35px -89px;} .side a[href='#icon-unhappy']::before {background-position: -73px -89px;} .side a[href='#icon-check']::before {background-position: -73px -51px;} .side a[href='#icon-clock']::before {background-position: -35px -51px;} .side a[href='#icon-cross']::before {background-position: -35px -70px;} .side a[href='#icon-smile']::before {background-position: -54px -89px;} .side a[href='#icon-error']::before {background-position: -54px -32px;} .side a[href='#icon-note']::before {background-position: -54px -70px;} .side a[href='#icon-star']::before {background-position: -73px -32px;} .side a[href='#icon-help']::before {background-position: -16px -70px;} .side a[href='#icon-time']::before {background-position: -73px -70px;} .side a[href='#icon-bell']::before {background-position: -35px -32px;} .side a[href='#icon-eye']::before {background-position: -16px -89px;} /* SUBREDDIT-SPECIFIC STYLES - add you own styles below without modifying the code above.*/ .sidebox .spacer, .icon-menu a { background: transparent; } /*============================BANNER============================*/ .pagename{ } .pagename a{ display:block; background-image:url(%%logo1%%); width: 432px; height: 163px; font-size:0px; margin: -30px auto; } .tabmenu, .submit .tabmenu { position: absolute; top: 264px; /* 135 */ left: 490px; z-index: 999; background: transparent; text-shadow: 0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.5),0 0 30px rgba(255,255,255,.5); transition: 1.5s ease-in-out; font-size: 14px; } .tabmenu li, .submit .tabmenu li{ display: block; float: left; margin: 0 -10px 0 0; padding: 2px 2px 2px; } .tabmenu li a, .submit .tabmenu li a { background-color: transparent; border: none!important; color: #FFFFFF; font-size: 13px; cursor: pointer; font-weight: normal; text-transform: uppercase; line-height: 20px; padding: 0px 10px 0px; /* text-shadow: 0 0px 0 #fff; */ } .res-nightmode .tabmenu li a,.res-nightmode .submit .tabmenu li a { background-color: transparent!important; } .tabmenu li.selected a, .submit .tabmenu li.selected a { background-color: transparent!important; color: #fff!important; font-weight: bold; } /* .res-nightmode .tabmenu li.selected a, .res-nightmode .submit .tabmenu li.selected a { color:#F5A500!important; } */ ul.tabmenu.formtab{ padding-left: 0px; } .tabmenu.formtab .selected am{ font-size:10px; } /* HOVER TABS */ #header .tabmenu li:not(.selected):hover a{ background-color:transparent; color: #FFF; text-shadow: 0 0 10px rgba(255,255,255,.9),0 0 20px rgba(255,255,255,.9),0 0 30px #fff; transition: 1.5s ease-in-out; } #header-bottom-left{ height:235px; background-color:transparent; border-bottom: 50px solid #ef63bc; } body.res-nightmode #header-bottom-left{ background-image:none!important; background-color: #b53ba7; border-bottom: 50px solid #a82f9a; } body:lang(nm) #header-bottom-left{ background-image:none!important; background-color: #b53ba7; border-bottom: 50px solid #a82f9a; } #header-img{ position:absolute; top:px; margin:0 0 0; top: 0px; margin-left: -200px; } /* ============== BANNER END ============== */ /* ============== topbar links ============== */ #sr-header-area{ border-bottom: 2px solid rgb(239, 99, 188); color: rgb(201,120,99); } #sr-header-area a{ color: #666; } #header #sr-header-area #RESShortcutsEditContainer{ background-color: transparent; } #sr-more-link, #header #sr-header-area #RESShortcutsEditContainer, #header #sr-header-area #RESShortcutsRight, #header #sr-header-area #RESShortcutsLeft, #header #sr-header-area #RESShortcutsAdd, #header #sr-header-area #RESShortcutsTrash{ background-color:transparent; } #RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash{ color:rgb(201,120,99)!important; } #sr-header-area #RESShortcutsEditContainer, #sr-more-link{ border-right: 7px solid transparent; } /* ============== topbar links END ============== */ /* ============== UserBar ============== */ #header-bottom-right.res-navTop { top: 180px!important; background: transparent; } #header-bottom-right{ background-color: transparent!important; } #header-bottom-right a{ color:white!important; } .user, .separator{ color:rgb(201,120,99); } #header-bottom-right .separator, #header-bottom-right .user{ color:white; } #header-bottom-right.res-navTop #userbarToggle{ background-color:transparent; } #header-bottom-right #userbarToggle{ color:white; border:0px; } /* === Minor Tweaks === */ .usertext-edit textarea{ width: 449px; } .linkinfo { background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; } /*=========================BANNER=========================*/ #header { /* background-image: url(%%Banner1%%); Banner section */ background-color: #FF81D4; height: 255px; border-bottom: 0px; background-repeat: repeat; -webkit-animation: scrollLeft 45s linear infinite; -moz-animation: scrollLeft 45s linear infinite; animation: scrollLeft 45s linear infinite; } @-webkit-keyframes scrollLeft{ 0%{background-position:0px 0px;} 100%{background-position:-1754px 0px;} } @-moz-keyframes scrollLeft{ 0%{background-position:0px 0px;} 100%{background-position:-1754px 0px;} } @keyframes scrollLeft{ 0%{background-position:0px 0px;} 100%{background-position:-1754px 0px;} } .content { margin: 50px 0 0 20px; } #header .res-nightmode{ background-color: #b53ba7; } #header:lang(nm){ background-color: #b53ba7; } .res-nightmode body .content { background-color: #5f3b5e; } .content:lang(nm) { background-color: #5f3b5e; } .res-nightmode .sidecontentbox .content{ background-color: rgb(51, 51, 51); } /* .sidecontentbox .content:lang(nm){ background-color: rgb(51, 51, 51); } */ .side .md ul, .side .md ol { background-color:transparent!important; } h4 { font-size: 150%!important; font-weight: bold!important; color: red!important; text-shadow: black 1px 1px 1px rgb(116, 116, 116); } h5 { font-size: 200%!important; font-weight: bold!important; text-align: center; color: rgb(250, 125, 9)!important; text-shadow: 1px 1px 1px rgb(15, 15, 14); } .md>ul, .md>ol { border: 0!important; } .md ul, .md ol { background-color: transparent!important; } .thing.stickied a.title, .thing.stickied a.title:visited, .thing.stickied a.title.visited { color: rgb(72, 186, 152); } /*===== SPOILER TAGS =====*/ a[href="/m"], a[href="/a"], a[href="/t"], a[href="#s"] { padding: 0 2px; color: #FFF !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: help; } a[href="/m"]:hover, a[href="/a"]:hover, a[href="/t"]:hover, a[href="#s"]:hover { color: #f3920f !important } a[href="/m"]::after, a[href="/a"]::after, a[href="/t"]::after, a[href="#s"]::after { content: attr(title); padding: 0 8px } a[href="/m"]:hover::after, a[href="/m"]:active::after, a[href="/a"]:hover::after, a[href="/a"]:active::after, a[href="/t"]:hover::after, a[href="/t"]:active::after, a[href="#s"]:hover::after, a[href="#s"]:active::after { color: #FFF } a[href="/m"] { background: #000 } a[href="/m"]::after { background: #000; color: #000 } a[href="/a"] { background: #800 } a[href="/a"]::after { background: #800; color: #800 } a[href="/t"] { background: #000 } a[href="/t"]::after { background: #000; color: #000 } a[href="#s"] { background: #000 } a[href="#s"]::after { background: #000; color: #000 } .titlebox form.toggle, .leavemoderator{ background:#fff none no-repeat scroll center left; } .res-nightmode .titlebox form.toggle, .res-nightmode .leavemoderator, .res-nightmode .side .titlebox form.flairtoggle, .res-nightmode .side .leavemoderator{ background-color:#333!important; } .sidecontentbox .content{ border:0px solid #d9d9d9; background-color:#fff; } .icon-menu a{ background:white none no-repeat scroll center left; } .sidebox.submit, .btn, button, .side a[href*="/#btn"]{ box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; } .linklisting>.clearleft{ margin:7px; } sidebar image .side .titlebox>h1{ text-align:center; font-size: 0px; border:0px solid #afafaf; display:inline-block; /* background-image:url(%%sidebarrender1%%); */ background-repeat:no-repeat; background-position:50% 50%; content:""; height:415px; width:280px; } .footer{ background-color:white; border-bottom:0px solid #AAA; box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; } .link.last-clicked{ border-bottom:0px solid #AAA; } .usertext button{ border-bottom:0px solid #9E5200; } .usertext .bottom-area .reddiquette, .content .RESBigEditorPop, .usertext .help-toggle{ background-color: #FF81D4; border: none; color: #FFF; padding: 6px; margin: 5px 5px 5px 0; cursor: pointer; font-size: 13px; font-family: "Open Sans","Segoe UI","Helvetica neue",Meiryo,sans-serif; box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; } .res-nightmode .usertext .bottom-area .reddiquette,.res-nightmode .content .RESBigEditorPop,.res-nightmode .usertext .help-toggle{ background-color: #b53ba7; } html:lang(nm) .usertext .bottom-area .reddiquette,html:lang(nm) .content .RESBigEditorPop,html:lang(nm) .usertext .help-toggle{ background-color: #b53ba7; } .usertext .help-toggle a, .usertext .bottom-area .reddiquette, .content .RESBigEditorPop, .usertext .help-toggle{ color:white; } .organic-listing{ border:0px; } .footer .col{ margin-bottom:18px; } .res .RES-keyNav-activeElement{ border-right: 2px solid #B74568; background-color: transparent!important; } .side .md { font-size: smaller; } #searchexpando .searchexpando-submit{ display:none; } #sr-header-area a.RESShortcutsCurrentSub { color:#0D664B!important; } .res #sr-header-area #RESShortcutsViewport a.RESShortcutsCurrentSub { color: #197459!important; } .res-nightmode #sr-header-area #RESShortcutsViewport a.RESShortcutsCurrentSub { color: #F5A500!important; } /* ============== Theme the Advertisement box =========== */ #ad-frame, #ad_main{ box-shadow: 0px 2px 4px rgba(0,0,0,.2); background-color: white; border-radius: 2px; } /* ============== Comments Page ============== */ body .comment, .res-commentBoxes .content .comment { box-shadow: 0px 2px 4px rgba(0,0,0,.2); } body .comment, body .comment .comment .comment, body .comment .comment .comment .comment .comment, body .comment .comment .comment .comment .comment .comment .comment, body .comment .comment .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .content .comment, .res-commentBoxes .content .comment .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: rgb(255, 255, 255)!important; } body .comment .comment, body .comment .comment .comment .comment, body .comment .comment .comment .comment .comment .comment, body .comment .comment .comment .comment .comment .comment .comment .comment, body .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .content .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: rgb(247, 247, 248)!important; } .link .usertext-body .md{ background-color: transparent; border: none; border-radius: 0; } /*subscribe buttons*/ .fancy-toggle-button { background-image: none; border: 0px; border-radius: 2px; } .fancy-toggle-button .add { background-image: none; background-color: #FF81D4!important; border: 0px; border-radius: 2px; padding: 3px 6px; } .res-nightmode .fancy-toggle-button .add { background-color: #b53ba7!important; } html:lang(nm) .fancy-toggle-button .add { background-color: #b53ba7!important; } .fancy-toggle-button .remove { background-image: none; border: 0px; border-radius: 2px; padding: 3px 6px; background-color: rgb(183, 69, 104); } .RESshortcutside, .RESDashboardToggle { margin-right: 5px; margin-top: 2px; color: white; background-image: none!important; cursor: pointer; text-align: center; width: 68px; border: 0px solid #444!important; padding: 3px 6px!important; background-color: #FF81D4!important; border-radius: 2px!important; } .res-nightmode .RESshortcutside,.res-nightmode .RESDashboardToggle { background-color: #b53ba7!important; } html:lang(nm) .RESshortcutside,html:lang(nm) .RESDashboardToggle { background-color: #b53ba7!important; } .RESshortcutside.remove, .RESDashboardToggle.remove { background-image: none!important; background-color: rgb(183, 69, 104)!important; border: 0px!important; border-radius: 2px!important; padding: 3px 6px!important; } .fancy-toggle-button .remove:hover, .RESshortcutside.remove:hover, .RESDashboardToggle.remove:hover, .RESDashboardToggle.remove:hover{ background-color: #EF63BC!important; } .res-nightmode .fancy-toggle-button .remove:hover,.res-nightmode .RESshortcutside.remove:hover,.res-nightmode .RESDashboardToggle.remove:hover,.res-nightmode .RESDashboardToggle.remove:hover{ background-color: #a82f9a!important; } html:lang(nm) .fancy-toggle-button .remove:hover,html:lang(nm) .RESshortcutside.remove:hover,html:lang(nm) .RESDashboardToggle.remove:hover,html:lang(nm) .RESDashboardToggle.remove:hover{ background-color: #a82f9a!important; } .fancy-toggle-button .add:hover, .RESshortcutside:hover, .RESDashboardToggle:hover{ background-color:#EF63BC!important; } .res-nightmode .fancy-toggle-button .add:hover,.res-nightmode .RESshortcutside:hover,.res-nightmode .RESDashboardToggle:hover{ background-color:#a82f9a!important; } html:lang(nm) .fancy-toggle-button .add:hover,html:lang(nm) .RESshortcutside:hover,html:lang(nm) .RESDashboardToggle:hover{ background-color:#a82f9a!important; } /*=========================USERBAR=========================*/ .user .userkarma{ border:none; } .linkflairlabel { background-color: rgb(72, 186, 152); color: white; border: none; padding-left: 4px; padding-right: 4px; } .linkflair-food .linkflairlabel { background-color: #E09014; } .linkflair-meta .linkflairlabel { background-color: #5081B8; } .linkflair-spoiler .linkflairlabel { background-color: rgb(183, 69, 104); } .linkflair-question .linkflairlabel { background-color: rgb(72, 186, 152); color: white; border: none; padding-left: 4px; padding-right: 4px; } /*===============================SUBSCRIBERS===============================*/ .titlebox .word { display: none } .titlebox .number:after { content: " Midoris emailing YandereDev"; } .titlebox .users-online span.number:after { content: " Currently stalking Senpai"; } /*===============================STICKY MENU BAR===============================*/ form #search{ z-index: 100; } .titlebox blockquote{ z-index: 150; font-family: Segoe UI; font-size: 14px; margin: 0px; padding: 0px; color: white; } /*sticky menu bar*/ /*hack to enable positioning of child elements*/ .titlebox form { position: static; } /*turns top quote in sidebar into menu container*/ .titlebox blockquote:first-child { border-left: none; min-width: 100%; position: absolute; background-color: transparent; top: 249px; left: -20px; height: 1px; /* 85 */ opacity: 1.0; } /*turns first paragraph into menu title*/ .titlebox blockquote:first-child p:first-child { margin-top: 0px; padding: 0 5px; float: left; font-weight:bold; text-align: center; color:#555; font-family: Segoe UI; cursor:default; height: 40px; } /*turns the lists into menus*/ .titlebox blockquote ul { float: left; margin:0px; } /*hide and styles lists*/ .titlebox blockquote ul li { display: none; padding:2px; text-align: left; } /*makes whole list item selectable*/ .titlebox blockquote li a { display:block; } /*shows menu on hover*/ .titlebox blockquote ul li:first-child, .titlebox blockquote ul:hover li { display: block } /*turns top list item into section header*/ .titlebox blockquote li:first-child { padding: 0; cursor:default; } /*styling menu items*/ /* setting up spacing for dropdown links so dropdown dividers work*/ .titlebox blockquote ul li a{ padding: 2px 7px; margin: -2px -7px; line-height: 25px; } /* hovering a dropdown option*/ .titlebox blockquote ul li a:hover{ color: white; height: 25px; } /* dropdown selection item */ .titlebox blockquote ul li { background: #FFBFD7; border-right: solid 6px #ef63bc; border-left: solid 6px #ef63bc; font-size: 13px; line-height: 25px; min-width: 125px; padding: 2px 7px; padding-right: -1px; left: 20px!important; font-family: sans-serif; color: black; height: 25px; } .res-nightmode .titlebox blockquote ul li { background: #5f3b5e; border-right: solid 6px #a82f9a; border-left: solid 6px #a82f9a; } .titlebox blockquote ul li:lang(nm) { background: #5f3b5e; border-right: solid 6px #a82f9a; border-left: solid 6px #a82f9a; } /* menu top-level option nope*/ .titlebox blockquote ul li:first-child{ background-color: #FF81D4; text-align: center; border-right: solid 6px #ef63bc; border-left: solid 6px #ef63bc; line-height: 38px; font-family: "Verdana"; min-width: 0; padding:0; color: white; text-shadow: 0px 1px 2px #000000; height: 38px; width:205px; border-radius: 3px 3px 0px 0px; } .res-nightmode .titlebox blockquote ul li:first-child{ background-color: #b53ba7; border-right: solid 6px #a82f9a; border-left: solid 6px #a82f9a; } html:lang(nm) .titlebox blockquote ul li:first-child{ background-color: #b53ba7; border-right: solid 6px #a82f9a; border-left: solid 6px #a82f9a; } /* when hovering over dropdown selection item */ .titlebox blockquote ul li a:hover{ background-color: #EF63BC; } .res-nightmode .titlebox blockquote ul li a:hover{ background-color: #a82f9a; } html:lang(nm) .titlebox blockquote ul li a:hover{ background-color: #a82f9a; } /* when hovering over menu top-level option */ .titlebox blockquote ul li:first-child:hover{ background-color: #EF63BC; } .titlebox blockquote ul:first-child{ margin-left: 25px!important;} .titlebox blockquote li a:hover { color:orangered; } /*custom size for menu sections*/ .titlebox blockquote ul:nth-of-type(1) {width:205px; margin-top: 0px!important;} /* 23 */ .titlebox blockquote ul:nth-of-type(1) li{width:191px; } .titlebox blockquote ul:nth-of-type(1) li:first-child{width:205px;;} .titlebox blockquote ul:nth-of-type(2) {width:205px;margin-top: 0px!important;} .titlebox blockquote ul:nth-of-type(2) li{width:191px; margin-left:10px;} .titlebox blockquote ul:nth-of-type(2) li:first-child{width:205px;} /* .titlebox blockquote ul:nth-of-type(3) {width:205px;margin-top: 0px!important;} .titlebox blockquote ul:nth-of-type(3) li{width:191px; margin-left:10px;} .titlebox blockquote ul:nth-of-type(3) li:first-child{width:205px;} .titlebox blockquote ul:nth-of-type(4) {width:175px;} .titlebox blockquote ul:nth-of-type(4) li{width:160px;} .titlebox blockquote ul:nth-of-type(4) li:first-child{width:175px;} .titlebox blockquote ul:nth-of-type(5) {width:175px;} .titlebox blockquote ul:nth-of-type(5) li{width:160px;} .titlebox blockquote ul:nth-of-type(5) li:first-child{width:175px;} .titlebox blockquote ul:nth-of-type(6) {width:75px;} .titlebox blockquote ul:nth-of-type(6) li{width:130px;} .titlebox blockquote ul:nth-of-type(6) li:first-child{width:175px;} */ /*===============================SIDEBAR MENU===============================*/ .link.last-clicked { overflow: hidden } .linkinfo { margin-bottom: 10px } .titlebox { padding: 10px; background-color: white; border: 1px solid #AAA; color: #787878; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px } .titlebox .bottom { border: 0 } .titlebox form.toggle { background-color: transparent } .titlebox .usertext { margin: 15px 0; line-height: 120%; font-size: small } .titlebox .usertext .md { margin: 0; padding: 0; overflow: visible; } .titlebox .usertext .md h2 { font-size: 1.2em; font-weight: bold; color: #000; background-color: #FF81D4; cursor: default; } .res-nightmode .titlebox .usertext .md h2 { background-color: #b53ba7; } html:lang(nm) .titlebox .usertext .md h2 { background-color: #b53ba7; } .titlebox .usertext .md > h3 { border: 0; margin: 0; padding: 0; font-size: medium !important; background-color: #ef63bc; color: #FFFFFF; width: 286px; padding: 5px 10px; padding-left: 20px; padding-right: 0; margin-right: 13px; margin-left: -18px; border-bottom: 1px solid #B2987D; margin-bottom: 5px; margin-top: 10px; z-index: 100 } .res-nightmode .usertext .md > h3 { background-color: #a82f9a; } html:lang(nm) .usertext .md > h3 { background-color: #a82f9a; } .titlebox .usertext .md > h3:after {display:none;} /* .titlebox .usertext .md > h3:after { display: block; content: ""; border-color: transparent #23698c transparent transparent; border-style: solid; border-width: 15px; height: 0px; width: 0px; position: absolute; z-index: -1; margin-left: -35px; margin-top: -10px } */ .side .titlebox .md h2 + ul { margin-left: 30px; padding: 2px; } .side .titlebox .md h3 + ul { margin-left: 30px; padding: 2px; } .md { overflow: visible; } div.titlebox .md h3, div.titlebox .md h3 a, div.titlebox .md h2, div.titlebox .md h2 a, div.titlebox .md h4, div.titlebox .md h4 a { color: #000; } .sidecontentbox a.helplink { margin-right: 5px; } .icon-menu a { background: transparent; } div.titlebox .md ul li:hover { background-color: #ff81d4; } .res-nightmode .titlebox .md ul li:hover { background-color: #b53ba7; } html:lang(nm) .titlebox .md ul li:hover { background-color: #b53ba7; } div.titlebox .md h3, div.titlebox .md h2, div.titlebox .md h4 { background-color: #FFBFD7; color: #000; width: 280px; line-height: 23px; font-weight: normal; font-size: 16px; cursor: default; padding-left: 20px; margin-top: 4px; margin-left: -11px; } div.titlebox .md h3:after, div.titlebox .md h2:after, div.titlebox .md h4:after { margin-bottom: 10px; } div.titlebox ul { line-height: 1.7em } /* End Hover Side */ /*===============================MAIL POP UP===============================*/ #mail { top: 2px; overflow: visible; } #mail.havemail:before { position: fixed; padding: 0px 0px 0px 0px; bottom: 24px; z-index: 998 !important; background-color: transparent; border-radius: 2px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24); color: #fff; width: 350px; height: 60px; left: 24px; content: " "; text-indent: 0px; font-size: 14px; font-family: arial, sans-serif; line-height: 1; -webkit-transform:translateY(112px); transform:translateY(112px); transition: background-color 0.25s ease, box-shadow 0.25s ease; /* background-image: url(%%YSpopmail%%); */ background-position: 0px 0px; background-repeat: no-repeat; } #mail.havemail:hover:before { background-color: transparent; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.48); } #mail.havemail:active:before { background-color: transparent; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.76) } #mail.havemail:before { animation-name: toast; animation-duration: 8s; animation-iteration-count: 1; animation-timing-function: ease; -webkit-animation-name: toast; -webkit-animation-duration: 8s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; } #mail.havemail:hover:before { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } @-webkit-keyframes toast { 0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 1;} 27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 1;} 100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} } @-o-keyframes toast { 0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 1;} 27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 1;} 100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} } @-moz-keyframes toast { 0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 1;} 27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 1;} 100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} } @keyframes toast { 0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 1;} 27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 1;} 100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} } /*===============================MODE CHANGE===============================*/ .side a[href="https://nm.reddit.com/r/yandere_simulator"] { position: absolute; display:block; height: 32px; width: 32px; background:url(%%heartdark%%) no-repeat; font-size:0px; top: 190px; left: 49%; z-index: 100; } .side a[href="https://nm.reddit.com/r/yandere_simulator?utm_source=reddit&utm_medium=usertext&utm_name=yandere_simulator&utm_content=t5_37nnf"] { position: absolute; display:block; height: 32px; width: 32px; background:url(%%heartdark%%) no-repeat; font-size:0px; top: 190px; left: 49%; z-index: 100; } html:lang(nm) .side a[href="https://nm.reddit.com/r/yandere_simulator"] { display: none; } html:lang(nm) .side a[href="http://reddit.com/r/yandere_simulator?utm_source=reddit&utm_medium=usertext&utm_name=yandere_simulator&utm_content=t5_37nnf"] { position: absolute; display:block; height: 32px; width: 32px; background:url(%%heartlight%%) no-repeat; font-size:0px; top: 190px; left: 49%; z-index: 100; } html:lang(nm) .side a[href="http://reddit.com/r/yandere_simulator"] { position: absolute; display:block; height: 32px; width: 32px; background:url(%%heartlight%%) no-repeat; font-size:0px; top: 190px; left: 49%; z-index: 100; } .side a[href="http://reddit.com/r/yandere_simulator"] { display: none; } /*===============================END DESIGN SECTION===============================*/ /*-------------------------------------------------------------------------- [Random CSS section] Put whatever things like flair and stuff below this section. Whenever I do changes or updates, I'll remove everything above. Do not change anything above unless you absolutely must. If you have to change anything, let me know what you changed so I can update my own file. --------------------------------------------------------------------------*/ /*===============================FLAIRS===============================*/ /*SHITTY EDIT BY /u/THEZYZXX TO MAKE FLAIRS FUNCTIONAL, SORRY IF THIS GAVE YOU CSS-RELATED EYE CANCER MATE */ .flair { background: url(%%spritesheet%%) no-repeat -9999px; border: 0; padding: 0; } .flair-student0 { width: 20px; height: 20px; background-position: 0 0; } .flair-student1 { width: 20px; height: 20px; background-position: 0 -20px; } .flair-student10 { width: 20px; height: 20px; background-position: 0 -40px; } .flair-student11 { width: 20px; height: 20px; background-position: 0 -60px; } .flair-student12 { width: 20px; height: 20px; background-position: 0 -80px; } .flair-student13 { width: 20px; height: 20px; background-position: 0 -100px; } .flair-student14 { width: 20px; height: 20px; background-position: 0 -120px; } .flair-student15 { width: 20px; height: 20px; background-position: 0 -140px; } .flair-student16 { width: 20px; height: 20px; background-position: 0 -160px; } .flair-student17 { width: 20px; height: 20px; background-position: 0 -180px; } .flair-student18 { width: 20px; height: 20px; background-position: 0 -200px; } .flair-student19 { width: 20px; height: 20px; background-position: 0 -220px; } .flair-student2 { width: 20px; height: 20px; background-position: 0 -240px; } .flair-student20 { width: 20px; height: 20px; background-position: 0 -260px; } .flair-student21 { width: 20px; height: 20px; background-position: 0 -280px; } .flair-student22 { width: 20px; height: 20px; background-position: 0 -300px; } .flair-student23 { width: 20px; height: 20px; background-position: 0 -320px; } .flair-student24 { width: 20px; height: 20px; background-position: 0 -340px; } .flair-student25 { width: 20px; height: 20px; background-position: 0 -360px; } .flair-student26 { width: 20px; height: 20px; background-position: 0 -380px; } .flair-student27 { width: 20px; height: 20px; background-position: 0 -400px; } .flair-student28 { width: 20px; height: 20px; background-position: 0 -420px; } .flair-student29 { width: 20px; height: 20px; background-position: 0 -440px; } .flair-student3 { width: 20px; height: 20px; background-position: 0 -460px; } .flair-student30 { width: 20px; height: 20px; background-position: 0 -480px; } .flair-student31 { width: 20px; height: 20px; background-position: 0 -500px; } .flair-student4 { width: 20px; height: 20px; background-position: 0 -520px; } .flair-student5 { width: 20px; height: 20px; background-position: 0 -540px; } .flair-student6 { width: 20px; height: 20px; background-position: 0 -560px; } .flair-student7 { width: 20px; height: 20px; background-position: 0 -580px; } .flair-student8 { width: 20px; height: 20px; background-position: 0 -600px; } .flair-student9 { width: 20px; height: 20px; background-position: 0 -620px; } .flair-teacher1 { width: 20px; height: 20px; background-position: 0 -640px; } .flair-teacher2 { width: 20px; height: 20px; background-position: 0 -660px; } .flair-teacher3 { width: 20px; height: 20px; background-position: 0 -680px; } .flair-teacher4 { width: 20px; height: 20px; background-position: 0 -700px; } .flair-teacher5 { width: 20px; height: 20px; background-position: 0 -720px; } .flair-teacher7 { width: 20px; height: 20px; background-position: 0 -740px; } .flair-teacher8 { width: 20px; height: 20px; background-position: 0 -760px; } .flair-pet { width: 20px; height: 20px; background-position: 0 -780px; } .flair-yanderedev { width: 30px; height: 30px; background-position: 0 -800px; } .flair-moneydev { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%moneydev%%); } .flair-Rainbow { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%rainbow%%); -webkit-animation: rainbow 3s steps(35) infinite; animation: rainbow 3s steps(35) infinite; } .flair-musume { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Musume-Flair%%); } .flair-osana { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Osana-flair%%); } .flair-kuroko { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Kuroko-flair%%); } .flair-shiromi { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Shiromi-flair%%); } .flair-akane { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Akane-flair%%); } .flair-aoi { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Aoi-flair%%); } .flair-nurse { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Nurse-flair%%); } .flair-nemesis { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Nemisis-flair%%); } .flair-genka { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Genka-flair%%); } .flair-headmaster { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Headmaster-flair%%); } .flair-info { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Info-flair%%); } .flair-kizana { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Kizana-flair%%); } .flair-ronbabe { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Ronbabe%%); } .flair-gardening { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%GardeningLeader-flair%%); } .flair-gaming { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%GamingLeader-flair%%); } .flair-music { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%MusicLeader-flair%%); } .flair-photography { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%PhotographyLeader-flair%%); } .flair-science { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%ScienceLeader-flair%%); } .flair-art { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%ArtLeader-flair%%); } .flair-bully2 { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Bully-2-flair%%); } .flair-bully3 { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Bully-3-flair%%); } .flair-bully4 { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Bully-4-flair%%); } .flair-bully5 { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Bully-5-flair%%); } .flair-god { border: 0; padding: 0; height: 25px; width: 25px; background: url(%%God-Flair%%); } .flair-puresu { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Puresu-flair%%); } .flair-fungirl { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Fungirl-flair%%); } .flair-amai { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Amai-flair%%); } .flair-asu { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Asu-flair%%); } .flair-muja { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Muja-flair%%); } .flair-mida { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Mida-flair%%); } .flair-osoro { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Osoro-flair%%); } .flair-hanako { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Hanako-flair%%); } .flair-megami { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Megami-flair%%); } .flair-kate { border: 0; padding: 0; height: 25px; width: 25px; background: url(%%Kate-Marsh-flair%%); } .flair-monokuma { border: 0; padding: 0; height: 25px; width: 25px; background: url(%%Monokuma-flair%%); } .flair-oichi { border: 0; padding: 0; height: 25px; width: 25px; background: url(%%Oichi3-flair%%); } .flair-ryoba { border: 0; padding: 0; height: 20px; width: 20px; background: url(%%Ryoba-flair%%); } .flair-dabi { border: 0; padding: 0; height: 25px; width: 25px; background: url(%%Dabi-flair%%); } .flair-akira { border: 0; padding: 0; height: 25px; width: 25px; background: url(%%Akira-flair%%); } @-webkit-keyframes rainbow { from { background-position: 0 0; } to { background-position: 0 -700px; } } @keyframes rainbow { from { background-position: 0 0; } to { background-position: 0 -700px; } } a[href="https://www.reddit.com/user/YandereDev"] { font-size: 0px; } a[href="https://www.reddit.com/user/YandereDev"]:before { content: "YandereDev"; font-size: 15px; } html:lang(nq) .link.linkflair-question { display: none; } html:lang(nq) .link.linkflair-bug { display: none; } html:lang(dr) .link.linkflair-drama { display: none; } html:lang(cr) .link.linkflair-criticism { display: none; }
Testo modificato
Apri file
/*-------------------------------------------------------------------------- [Mixed Style 2.0] Project: Yandere Admin: Yween Banner by: logo by: Flairs by: Comment Faces by: Color Scheme: #48BA97 dark #61D0AF light rgb(201, 120, 99) light rgb(127, 91, 79) dark #E26A70 dark pink #FEC9C9 light pink YS #FF81D4 Banner Pink #EF63BC Bar Pink rgb(255, 191, 254) Background #ffbffe ^ NM #b53ba7 Banner pruple #a82f9a Bar Pruple #5f3b5e Background #FFBFD7 Light Pink #FE7ACB Dark Pink #e5abc1 less light #896673 Font Futura font-size: --------------------------------------------------------------------------*/ /*===============================ANNOUNCEMENT===============================*/ body > .content:before { content: "Welcome to the official Yandere Simulator subreddit! Remember to read the rules before posting!" ; background-repeat: no-repeat; font-style: normal; font-weight: bold; font-size: 15px; color: white; line-height:29px; background-color: #FF81D4; border-radius: 2px; cursor: default; text-align: center; bottom: 40px; /*width: 100%;*/ margin-top: 18px; margin-right: 5px; margin-left: 5px; margin-bottom: 17px; font-weight:normal; letter-spacing:0; background: #FF81D4; border: none; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; -khtml-border-radius:0px; border-radius:0px; height: 37px; line-height: 37px; overflow: hidden; border-radius: 2px; box-shadow: 0px 2px 4px rgba(0,0,0,.2); padding:0px 0px 0px 0px!important; display: block; } body.res-nightmode > .content:before { background-color: #b53ba7; } body:lang(nm) > .content:before { background-color: #b53ba7; } /* ==Edurne Reddit CSS Theme v5.6 - (http://www.reddit.com/r/edurne/)== */ /* Modified by Ricardo1991, and further customized by Yween */ /* GENERAL */ body { position:relative; font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; background-color: rgb(255, 191, 254); } .res-nightmode body { background-color: #5f3b5e; } body:lang(nm) { background-color: #5f3b5e; } body > .content { overflow:hidden; } .md p { font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; padding:1px 0; } .link .usertext .md,.usertext table.markhelp,.btn .login-form-side,.infobar,#search,#search input[type=text], .link,#header-bottom-right #userbarToggle,.linkinfo,textarea,.rounded,.sidecontentbox .content { -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; } .roundfield{ background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; } /* HEADER */ #sr-header-area { background-color:transparent; text-transform:lowercase; border-bottom:3px solid #FF81D4; font-size:100%; font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; background-color: #ffbffe } .res-nightmode #sr-header-area { border-bottom:3px solid #5f3b5e; } #sr-header-area:lang(nm) { border-bottom:3px solid #5f3b5e; } #sr-header-area a { color: #666 } body.res-nightmode #header { border-color: #DDF; } body.res-nightmode #header .tabmenu li:not(.selected) a { color: white; } #header .tabmenu li.selected a { border: 0; border-bottom: 1px solid #FFF; } #header .tabmenu li:not(.selected):hover a { background-color: #9A0201; color: #FFF; } body.res-nightmode #header .tabmenu li { background-color: transparent !important; } body.res-nightmode #header .tabmenu li:not(.selected):hover a { background-color: #CCC;/* color: #444; */} #header-img { margin:8px 20px 0; } .pagename { margin-right:25px; font-weight:bold; font-variant:normal; font-size:18px; } body.res-nightmode .pagename a { font-size: 0px !important; } #sr-header-area .dropdown.srdrop, #sr-header-area#srLeftContainer { padding-left:21px; } #sr-more-link, #header #sr-header-area #RESShortcutsEditContainer, #header #sr-header-area #RESShortcutsRight, #header #sr-header-area #RESShortcutsLeft, #header #sr-header-area #RESShortcutsAdd, #header #sr-header-area #RESShortcutsTrash { background-color:#D9D9D9; } body.res-nightmode #sr-header-area, body.res-nightmode #sr-more-link { background-color: #2F2F2F!important } #sr-header-area #RESShortcutsEditContainer, #sr-more-link { border-right:20px solid #c6daed; font-weight:bolder; } #header-bottom-right { right:20px; background-color:#D9D9D9; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; -ms-border-radius:0; -khtml-border-radius:0; border-radius:0; bottom:8px; } body.res-nightmode #header-bottom-right { background-color: transparent !important; } #header-bottom-right.res-navTop { top: 21px !important; } #header-bottom-right.res-navTop #userbarToggle { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } #header-bottom-right #userbarToggle { font-family:"Courier New", Courier, monospace; font-size:12px; } #header-bottom-right #userbarToggle { font-family:"Courier New", Courier, monospace; font-size:12px; width:14px; padding-right:4px; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; border-bottom-left-radius:0; border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; } /* SIDEBAR */ /* search */ #search input[type=submit] { top: 7px; position: relative; z-index: 200; } body.res-nightmode #search { background-color: transparent; border-color: #BBB; } .side .spacer:nth-of-type(1), .side .spacer:nth-of-type(2) { margin: 0; } #search { white-space: nowrap; } .side .spacer #search input[type=text] { z-index: 100; border: none; font-size: 14px; width: 300px; background: white; padding: 3px; margin-bottom: 10px; padding: 10px 25px 10px 16px; border-radius: 2px; margin-top: 25px; box-shadow: 0px 2px 4px rgba(0,0,0,.2); } .res-nightmode .side .spacer #search input[type=text]{ background-color: rgb(68, 68, 68); } #searchexpando, #moresearchinfo { box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; border:0px; position: absolute; z-index: 99; width: 280px; } /* side */ .side { margin: 0 15px; background-color: rgb(255, 191, 254) ;border-bottom:0px solid #AAA; margin-top: 43px; } .res-nightmode .side{ margin: 0 15px; background-color: #5f3b5e; border-bottom:0px solid #AAA; margin-top: 43px; } .side:lang(nm){ margin: 0 15px; background-color: #5f3b5e; border-bottom:0px solid #AAA; margin-top: 43px; } .side .spacer .titlebox, .side .spacer .sidecontentbox { padding: 10px; background: white; box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; margin-top: 15px; } .res-nightmode .side .spacer .titlebox, .res-nightmode .side .spacer .sidecontentbox{ background-color: rgb(51, 51, 51); } .res-nightmode .side .spacer .titlebox .redditname { background-color: transparent; } .side .md { overflow:hidden; } .titlebox { padding:0 10px; } .titlebox .bottom { display:none; } .linkinfo { padding:15px; border:none; background-color:#CEE3F8; } body.res-nightmode .side .redditname a { color: #DDD !important; } .sidebox.submit .spacer, .sidebox.create { display:none; } .linkinfo .score .word,.linkinfo .score .number { font-size:15px; } .sidecontentbox .content { border:1px solid #EAEAEA; background-color:#FAFAFA; padding:10px; } .icon-menu li { margin:0 0 5px; } .side h1, .side h2, .side h3 {color: #222;} .side h1 {font-size: 19px;} .side h2 {font-size: 16px;} .side h3 {font-size: 14px;} body.res-nightmode .login-form-side { background-color: #111 !important; color: #DDD !important; border: 1px solid #DDD !important; } body.res-nightmode .login-form-side #remember-me label { color: #DDD !important; } body.res-nightmode .login-form-side #remember-me input { width: auto !important; margin-left: 6px; } body.res-nightmode .side .login-form-side .submit { padding: 4px; background-color: transparent; } body.res-nightmode .side .login-form-side .submit .btn { margin: auto; } /* submit */ .sidebox.submit { width:300px; } body.res-nightmode .sidebox { padding-left: 0 !important; } body.res-nightmode .sidebox.submit { background-image: none !important; } body.res-nightmode .sidebox.submit .nub { background: #222; border-left: 24px solid #393939; } body.res-nightmode .sidebox, body.res-nightmode .subredditbox, body.res-nightmode .subreddit-info, body.res-nightmode .raisedbox, body.res-nightmode .login-form-side { border: 0 !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; } body.res-nightmode .sidebox.submit .morelink a { color: #DDD !important; background-color: #b53ba7; } .sidebox.submit .morelink a:lang(nm) { color: #DDD !important; background-color: #b53ba7; } .morelink,.morelink:hover, .side a[href*='/#btn'] { font-weight:normal; letter-spacing:0; background:#FF81D4; border: none; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; -khtml-border-radius:0px; border-radius:0px; height: 37px; line-height: 37px; overflow: hidden; border-radius: 2px; } .morelink a,.morelink a:hover { color:#FFF; font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; font-size:16px; } .morelink .nub,.morelink:hover .nub { top: 0; right: -25px; height: 0; width: 0; } .morelink:hover .nub { border-left-color: #BB0100 } .disabled .morelink a,.disabled .morelink a:hover { cursor:default; color:#AAA; } .morelink:hover, .side a[href*='/#btn']:hover { background-color: #EF63BC; border-color: #9E5200; } .res-nightmode .morelink a:hover{ background-color: #a82f9a!important; } html:lang(nm) .morelink a:hover{ background-color: #a82f9a!important; } .disabled .morelink,.disabled .morelink:hover { background:#f5f5f5; border-color:#f5f5f5; } .disabled .morelink .nub,.disabled .morelink:hover .nub { background:url(%%sprites-05%%) 0 0 no-repeat transparent; border-color:#f5f5f5; } /* CONTENT */ /* main content */ .sitetable { font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; clear:left;} .infobar { overflow:hidden; margin:0 0 10px; } .content { margin:20px 0 0 20px; } .link, .link.promotedlink.promoted { overflow:hidden; margin:0px; padding:5px; border:0px solid #EAEAEA; background-color:white; box-shadow: 0px 2px 4px rgba(0,0,0,.2); padding: 10px; margin-top: 10px; margin-left: 5px; margin-right: 5px; } body.res-nightmode .sitetable .thing.link, body.res-nightmode div#siteTable div[onclick="click_thing(this)"] { border: 1px solid #4c4c4c !important; background-color: #333 !important; } body.res-nightmode .sitetable .thing.link .keyHighlight { background-color: #363636 !important; border-color: #666 !important; outline-color: #666 !important; } body.res-nightmode .midcol { background-color: transparent !important; padding: 4px; } .link .rank { display:none; } .link.last-clicked { border:0px dashed #EAEAEA; } body.res-nightmode .link.last-clicked { border-color: #666; } .linklisting > .clearleft { margin:5px; } .entry .buttons li { display:inline; float:left; } .link .midcol { margin-right:10px; margin-left:0; } /* main comments */ .commentarea { margin-top:10px; } .link.self .usertext-body .md p,.comment .usertext-body .md p { line-height:1.3em; } .link .usertext .md { padding:5px 10px; } .panestack-title { border:none; margin:0; padding:0; } .panestack-title .title { float:left; font-size:11px; color:#888; margin:0; } .commentarea .menuarea { font-size:11px; margin:0; } .panestack-title:after { content:'-'; padding:0 5px; float:left; } .commentarea > .usertext { clear:left; margin:0; } .usertext-edit { width:auto; } .usertext-edit textarea { width:430px; padding:10px; } .usertext .bottom-area { width:450px; } .comment .usertext .bottom-area { width:100%; } .usertext button { margin:5px 5px 10px 0; border:none; min-width:70px; } body.res-nightmode .usertext .help-toggle { background-color:#DDD; } .usertext .help-toggle a { color:#FFF; } body.res-nightmode .usertext .help-toggle a { color:#444 !important; } .usertext table.markhelp { width:450px; font-size:11px; } .link .usertext .md { background-color:#FFF; border:1px solid #EAEAEA; } .entry .buttons li a { font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; } .usertext .help-toggle, .res-nightmode button.RESBigEditorPop, .usertext .bottom-area .reddiquette { background-color:#999; border:none; color:#FFF; padding:6px; margin:5px 3px; font-size:13px; -moz-border-radius:0px; -webkit-border-radius:0px; -o-border-radius:0px; -ms-border-radius:0px; -khtml-border-radius:0px; border-radius: 0; } #RESShortcutsSort { background-color:transparent !important; } /* MODERATOR SPECIFIC */ /* stylesheet tweaks */ .stylesheet-customize-container { width: 100%; } #subreddit_stylesheet { display: block; overflow: hidden; padding-right: 80px; } .sheets { margin: 0; } #stylesheet_contents { font-family: Consolas, Monaco, monospace; padding: 12px; background-color: #222; color: #ace; border: 8px solid #222; } body.res-nightmode #stylesheet_contents { background-color: #111; border-color: #111; } /* MISC STYLING */ /* No Participation CSS credit to /r/noparticipation, slightly modified */ body:lang(np):not(.subscriber) .arrow { visibility: hidden !important; } 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) .report-button, 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 !important; } body:lang(np):not(.subscriber) > .content: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 2px; border: 1px solid orange; font-size: small; text-align: center; } 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 !important; } /* tables */ .md table { border: 1px solid #ccc; font-family: 'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; margin: 10px 0px; } body.res-nightmode .md table { border-color: #666; } .side .md table { width:100%; } .md table * { border: 0; } body.res-nightmode .md table * { color: #ddd; } .md table th { text-align: center; } .md table tr:nth-child(even), .md table thead { background-color: #f6f6f6; } body.res-nightmode .md table tr:nth-child(even), body.res-nightmode .md table thead { background-color: #444; } .md table td, .md table th { border-right: 1px solid #ccc; padding: 4px 8px; } body.res-nightmode .md table td, body.res-nightmode .md table th { border-color: #666; } body:not(.res-nightmode) .md table tbody { color: #444; } /* lists */ .md > ul, .md > ol { border-left: 4px solid #ccc; } body.res-nightmode .md > ul, body.res-nightmode .md > ol { border-color: #666; } .md ul, .md ol { margin: 10px 0px; padding: 6px; background-color: #fff; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; } body.res-nightmode .md ul, body.res-nightmode .md ol { background-color: #444; } .md ul { list-style: disc inside; } .md ol { list-style: none; } /* .md ul li, .md ol li { padding: 4px 8px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; } .md ul li ul, .md ol li ol { margin: 8px 4px; } .md ul li:nth-child(odd), .md ol li:nth-child(odd) { background-color: #f6f6f6; } body.res-nightmode .md ul li:nth-child(odd), body.res-nightmode .md ol li:nth-child(odd) { background-color: #222; } .md ol { counter-reset: inc 0; } ol li p, ul li p { display: inline; } .md ol li:before { counter-increment: inc 1; content: counter(inc, decimal) '. '; margin-right: 4px; color: #999; } */ /* boxes */ .side blockquote + hr { border-width:0; width:0; background-color:transparent; margin:10px 0 0; } body.res-nightmode .side hr { border: 0 !important; border-bottom: 1px solid #000 !important; } .side blockquote { border:0 none; padding:15px; margin:0; background-color:#EFEFEF; border-radius:2px; } .side h4, .side h5, .side h6 { height:0; } .side blockquote h1 ~ p { margin-left:21px; } .side blockquote h1 { background-color: transparent !important; margin-bottom: 15px; } .side blockquote pre, .side blockquote code { color: #222 !important; } .side h6 + blockquote p, .side h5 + blockquote p, .side h4 + blockquote p { color: #000; } .side h6 + blockquote a, .side h5 + blockquote a, .side h4 + blockquote a { color: #369; } .side blockquote + p,.side p + blockquote,.side p + h4,.side p + h5,.side p + h6 { margin-top:15px; } body.res-nightmode .side blockquote h1, body.res-nightmode .side blockquote h1 a { color: #EEE !important; } body.res-nightmode .side h4+blockquote,body.res-nightmode .side h5+blockquote,body.res-nightmode .side h6+blockquote, .res-nightmode .side blockquote { background-color: #393939; } /* colors */ .md h4 + table { border-color: #9EF886; } .md h4 + table td, .md h4 + table th { border-right-color: #9EF886; } .md h4 + table tr:nth-child(even), .md h4 + table thead { background-color: #E9FFE6; } body.res-nightmode .md h4 + table { border-color: #9EF886; } body.res-nightmode .md h4 + table td, body.res-nightmode .md h4 + table th { border-right-color: #9EF886; } body.res-nightmode .md h4 + table tr:nth-child(even), body.res-nightmode .md h4 + table thead { background-color: #207807; } body.res-nightmode .md h4 + ul, body.res-nightmode .md h4 + ol { border-left-color: #9EF886; } body.res-nightmode .md h4 + ul li:nth-child(odd), body.res-nightmode .md h4 + ol li:nth-child(odd) { background-color: #207807; } /* buttons */ .btn, button, .side a[href*='/#btn'] { background-color:#FF81D4; border:none; color:#FFF; padding:6px; margin:5px 5px 5px 0; cursor:pointer; font-size:13px; font-family:'Open Sans', 'Segoe UI' , 'Helvetica neue', Meiryo, sans-serif; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; } .res-nightmode .btn, button,.res-nightmode .side a[href*='/#btn'] { background-color:#b53ba7; } html:lang(nm) .btn, button,html:lang(nm) .side a[href*='/#btn'] { background-color:#b53ba7; } .side a[href*='/#btn'] { text-align: center; display: block; width: auto; font-weight: normal; letter-spacing: 0; line-height: 29px; margin:10px 0px; } body.res-nightmode .btn, body.res-nightmode button, body.res-nightmode .side a[href*='/#btn'] { color: #444 !important; background-color: #CCC !important; } .btn a { color:#FFF; } body.res-nightmode .btn a { color: #444 !important; } .btn:hover,button:hover,.side a[href*='/#btn']:hover { background-color:#EF63BC; border-color:#9E5200; } body.res-nightmode .btn:hover, body.res-nightmode button:hover, body.res-nightmode .side a[href*='/#btn']:hover { background-color:#DDD !important; border-color:#DDD; } /* code styling */ .usertext-body pre { margin:10px 0; padding:10px; color: #222 !important; } .usertext-body pre, .usertext-body p > code { background:#f7f7f7; border:1px solid #ccc; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; font-size:11px; color: #222 !important; overflow: auto; } .usertext-body code { color: #222 !important; font-family:Consolas, Monaco, monospace; line-height:1.5em; } .usertext-body p > code { padding:0 3px; color: #222 !important; } /* sidebar icons */ .users-online:before{ background-image:url(%%online%%); background-position:0; } .side a[href*='#icon-'] { color:#000; cursor:default; } .side a[href*='#icon-']:hover { text-decoration:none; } .side a[href*='#icon-']::before { display:inline-block; height:16px; width:16px; content:''; margin:0 5px -1px 0; background: url(%%sprites-05%%) 30px 30px no-repeat; } .side a[href='#icon-exclamation']::before {background-position: -16px -32px;} .side a[href='#icon-information']::before {background-position: -54px -51px;} .side a[href='#icon-lightbulb']::before {background-position: -16px -51px;} .side a[href='#icon-comments']::before {background-position: -35px -89px;} .side a[href='#icon-unhappy']::before {background-position: -73px -89px;} .side a[href='#icon-check']::before {background-position: -73px -51px;} .side a[href='#icon-clock']::before {background-position: -35px -51px;} .side a[href='#icon-cross']::before {background-position: -35px -70px;} .side a[href='#icon-smile']::before {background-position: -54px -89px;} .side a[href='#icon-error']::before {background-position: -54px -32px;} .side a[href='#icon-note']::before {background-position: -54px -70px;} .side a[href='#icon-star']::before {background-position: -73px -32px;} .side a[href='#icon-help']::before {background-position: -16px -70px;} .side a[href='#icon-time']::before {background-position: -73px -70px;} .side a[href='#icon-bell']::before {background-position: -35px -32px;} .side a[href='#icon-eye']::before {background-position: -16px -89px;} /* SUBREDDIT-SPECIFIC STYLES - add you own styles below without modifying the code above.*/ .sidebox .spacer, .icon-menu a { background: transparent; } /*============================BANNER============================*/ .pagename{ } .pagename a{ display:block; background-image:url(%%SubredditLogo%%); width: 362px; height: 210px; font-size:0px; margin: -15px auto; } .tabmenu, .submit .tabmenu { position: absolute; top: 264px; /* 135 */ left: 490px; z-index: 999; background: transparent; text-shadow: 0 0 10px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.5),0 0 30px rgba(255,255,255,.5); transition: 1.5s ease-in-out; font-size: 14px; } .tabmenu li, .submit .tabmenu li{ display: block; float: left; margin: 0 -10px 0 0; padding: 2px 2px 2px; } .tabmenu li a, .submit .tabmenu li a { background-color: transparent; border: none!important; color: #FFFFFF; font-size: 13px; cursor: pointer; font-weight: normal; text-transform: uppercase; line-height: 20px; padding: 0px 10px 0px; /* text-shadow: 0 0px 0 #fff; */ } .res-nightmode .tabmenu li a,.res-nightmode .submit .tabmenu li a { background-color: transparent!important; } .tabmenu li.selected a, .submit .tabmenu li.selected a { background-color: transparent!important; color: #fff!important; font-weight: bold; } /* .res-nightmode .tabmenu li.selected a, .res-nightmode .submit .tabmenu li.selected a { color:#F5A500!important; } */ ul.tabmenu.formtab{ padding-left: 0px; } .tabmenu.formtab .selected am{ font-size:10px; } /* HOVER TABS */ #header .tabmenu li:not(.selected):hover a{ background-color:transparent; color: #FFF; text-shadow: 0 0 10px rgba(255,255,255,.9),0 0 20px rgba(255,255,255,.9),0 0 30px #fff; transition: 1.5s ease-in-out; } #header-bottom-left{ height:235px; background-color:transparent; border-bottom: 50px solid #ef63bc; } body.res-nightmode #header-bottom-left{ background-image:none!important; background-color: #b53ba7; border-bottom: 50px solid #a82f9a; } body:lang(nm) #header-bottom-left{ background-image:none!important; background-color: #b53ba7; border-bottom: 50px solid #a82f9a; } #header-img{ position:absolute; top:px; margin:0 0 0; top: 0px; margin-left: -200px; } /*============================BANNER END============================*/ /* ============== topbar links ============== */ #sr-header-area{ border-bottom: 2px solid rgb(239, 99, 188); color: rgb(201,120,99); } #sr-header-area a{ color: #666; } #header #sr-header-area #RESShortcutsEditContainer{ background-color: transparent; } #sr-more-link, #header #sr-header-area #RESShortcutsEditContainer, #header #sr-header-area #RESShortcutsRight, #header #sr-header-area #RESShortcutsLeft, #header #sr-header-area #RESShortcutsAdd, #header #sr-header-area #RESShortcutsTrash{ background-color:transparent; } #RESShortcutsSort, #RESShortcutsRight, #RESShortcutsLeft, #RESShortcutsAdd, #RESShortcutsTrash{ color:rgb(201,120,99)!important; } #sr-header-area #RESShortcutsEditContainer, #sr-more-link{ border-right: 7px solid transparent; } /* ============== topbar links END ============== */ /* ============== UserBar ============== */ #header-bottom-right.res-navTop { top: 180px!important; background: transparent; } #header-bottom-right{ background-color: transparent!important; } #header-bottom-right a{ color:white!important; } .user, .separator{ color:rgb(201,120,99); } #header-bottom-right .separator, #header-bottom-right .user{ color:white; } #header-bottom-right.res-navTop #userbarToggle{ background-color:transparent; } #header-bottom-right #userbarToggle{ color:white; border:0px; } /* === Minor Tweaks === */ .usertext-edit textarea{ width: 449px; } .linkinfo { background-color: #FFFFFF; box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; } /*=========================BANNER=========================*/ #header { /* background-image: url(%%Banner1%%); Banner section */ background-color: #FF81D4; height: 255px; border-bottom: 0px; background-repeat: repeat; -webkit-animation: scrollLeft 45s linear infinite; -moz-animation: scrollLeft 45s linear infinite; animation: scrollLeft 45s linear infinite; } @-webkit-keyframes scrollLeft{ 0%{background-position:0px 0px;} 100%{background-position:-1754px 0px;} } @-moz-keyframes scrollLeft{ 0%{background-position:0px 0px;} 100%{background-position:-1754px 0px;} } @keyframes scrollLeft{ 0%{background-position:0px 0px;} 100%{background-position:-1754px 0px;} } .content { margin: 50px 0 0 20px; } #header .res-nightmode{ background-color: #b53ba7; } #header:lang(nm){ background-color: #b53ba7; } .res-nightmode body .content { background-color: #5f3b5e; } .content:lang(nm) { background-color: #5f3b5e; } .res-nightmode .sidecontentbox .content{ background-color: rgb(51, 51, 51); } /* .sidecontentbox .content:lang(nm){ background-color: rgb(51, 51, 51); } */ .side .md ul, .side .md ol { background-color:transparent!important; } h4 { font-size: 150%!important; font-weight: bold!important; color: red!important; text-shadow: black 1px 1px 1px rgb(116, 116, 116); } h5 { font-size: 200%!important; font-weight: bold!important; text-align: center; color: rgb(250, 125, 9)!important; text-shadow: 1px 1px 1px rgb(15, 15, 14); } .md>ul, .md>ol { border: 0!important; } .md ul, .md ol { background-color: transparent!important; } .thing.stickied a.title, .thing.stickied a.title:visited, .thing.stickied a.title.visited { color: rgb(72, 186, 152); } /*===== SPOILER TAGS =====*/ a[href="/m"], a[href="/a"], a[href="/t"], a[href="#s"] { padding: 0 2px; color: #FFF !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; cursor: help; } a[href="/m"]:hover, a[href="/a"]:hover, a[href="/t"]:hover, a[href="#s"]:hover { color: #f3920f !important } a[href="/m"]::after, a[href="/a"]::after, a[href="/t"]::after, a[href="#s"]::after { content: attr(title); padding: 0 8px } a[href="/m"]:hover::after, a[href="/m"]:active::after, a[href="/a"]:hover::after, a[href="/a"]:active::after, a[href="/t"]:hover::after, a[href="/t"]:active::after, a[href="#s"]:hover::after, a[href="#s"]:active::after { color: #FFF } a[href="/m"] { background: #000 } a[href="/m"]::after { background: #000; color: #000 } a[href="/a"] { background: #800 } a[href="/a"]::after { background: #800; color: #800 } a[href="/t"] { background: #000 } a[href="/t"]::after { background: #000; color: #000 } a[href="#s"] { background: #000 } a[href="#s"]::after { background: #000; color: #000 } .titlebox form.toggle, .leavemoderator{ background:#fff none no-repeat scroll center left; } .res-nightmode .titlebox form.toggle, .res-nightmode .leavemoderator, .res-nightmode .side .titlebox form.flairtoggle, .res-nightmode .side .leavemoderator{ background-color:#333!important; } .sidecontentbox .content{ border:0px solid #d9d9d9; background-color:#fff; } .icon-menu a{ background:white none no-repeat scroll center left; } .sidebox.submit, .btn, button, .side a[href*="/#btn"]{ box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; } .linklisting>.clearleft{ margin:7px; } sidebar image .side .titlebox>h1{ text-align:center; font-size: 0px; border:0px solid #afafaf; display:inline-block; /* background-image:url(%%sidebarrender1%%); */ background-repeat:no-repeat; background-position:50% 50%; content:""; height:415px; width:280px; } .footer{ background-color:white; border-bottom:0px solid #AAA; box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; } .link.last-clicked{ border-bottom:0px solid #AAA; } .usertext button{ border-bottom:0px solid #9E5200; } .usertext .bottom-area .reddiquette, .content .RESBigEditorPop, .usertext .help-toggle{ background-color: #FF81D4; border: none; color: #FFF; padding: 6px; margin: 5px 5px 5px 0; cursor: pointer; font-size: 13px; font-family: "Open Sans","Segoe UI","Helvetica neue",Meiryo,sans-serif; box-shadow: 0px 2px 4px rgba(0,0,0,.2); border-radius: 2px; } .res-nightmode .usertext .bottom-area .reddiquette,.res-nightmode .content .RESBigEditorPop,.res-nightmode .usertext .help-toggle{ background-color: #b53ba7; } html:lang(nm) .usertext .bottom-area .reddiquette,html:lang(nm) .content .RESBigEditorPop,html:lang(nm) .usertext .help-toggle{ background-color: #b53ba7; } .usertext .help-toggle a, .usertext .bottom-area .reddiquette, .content .RESBigEditorPop, .usertext .help-toggle{ color:white; } .organic-listing{ border:0px; } .footer .col{ margin-bottom:18px; } .res .RES-keyNav-activeElement{ border-right: 2px solid #B74568; background-color: transparent!important; } .side .md { font-size: smaller; } #searchexpando .searchexpando-submit{ display:none; } #sr-header-area a.RESShortcutsCurrentSub { color:#0D664B!important; } .res #sr-header-area #RESShortcutsViewport a.RESShortcutsCurrentSub { color: #197459!important; } .res-nightmode #sr-header-area #RESShortcutsViewport a.RESShortcutsCurrentSub { color: #F5A500!important; } /* ============== Theme the Advertisement box =========== */ #ad-frame, #ad_main{ box-shadow: 0px 2px 4px rgba(0,0,0,.2); background-color: white; border-radius: 2px; } /* ============== Comments Page ============== */ body .comment, .res-commentBoxes .content .comment { box-shadow: 0px 2px 4px rgba(0,0,0,.2); } body .comment, body .comment .comment .comment, body .comment .comment .comment .comment .comment, body .comment .comment .comment .comment .comment .comment .comment, body .comment .comment .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .content .comment, .res-commentBoxes .content .comment .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: rgb(255, 255, 255)!important; } body .comment .comment, body .comment .comment .comment .comment, body .comment .comment .comment .comment .comment .comment, body .comment .comment .comment .comment .comment .comment .comment .comment, body .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .content .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .content .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background-color: rgb(247, 247, 248)!important; } .link .usertext-body .md{ background-color: transparent; border: none; border-radius: 0; } /*subscribe buttons*/ .fancy-toggle-button { background-image: none; border: 0px; border-radius: 2px; } .fancy-toggle-button .add { background-image: none; background-color: #FF81D4!important; border: 0px; border-radius: 2px; padding: 3px 6px; } .res-nightmode .fancy-toggle-button .add { background-color: #b53ba7!important; } html:lang(nm) .fancy-toggle-button .add { background-color: #b53ba7!important; } .fancy-toggle-button .remove { background-image: none; border: 0px; border-radius: 2px; padding: 3px 6px; background-color: rgb(183, 69, 104); } .RESshortcutside, .RESDashboardToggle { margin-right: 5px; margin-top: 2px; color: white; background-image: none!important; cursor: pointer; text-align: center; width: 68px; border: 0px solid #444!important; padding: 3px 6px!important; background-color: #FF81D4!important; border-radius: 2px!important; } .res-nightmode .RESshortcutside,.res-nightmode .RESDashboardToggle { background-color: #b53ba7!important; } html:lang(nm) .RESshortcutside,html:lang(nm) .RESDashboardToggle { background-color: #b53ba7!important; } .RESshortcutside.remove, .RESDashboardToggle.remove { background-image: none!important; background-color: rgb(183, 69, 104)!important; border: 0px!important; border-radius: 2px!important; padding: 3px 6px!important; } .fancy-toggle-button .remove:hover, .RESshortcutside.remove:hover, .RESDashboardToggle.remove:hover, .RESDashboardToggle.remove:hover{ background-color: #EF63BC!important; } .res-nightmode .fancy-toggle-button .remove:hover,.res-nightmode .RESshortcutside.remove:hover,.res-nightmode .RESDashboardToggle.remove:hover,.res-nightmode .RESDashboardToggle.remove:hover{ background-color: #a82f9a!important; } html:lang(nm) .fancy-toggle-button .remove:hover,html:lang(nm) .RESshortcutside.remove:hover,html:lang(nm) .RESDashboardToggle.remove:hover,html:lang(nm) .RESDashboardToggle.remove:hover{ background-color: #a82f9a!important; } .fancy-toggle-button .add:hover, .RESshortcutside:hover, .RESDashboardToggle:hover{ background-color:#EF63BC!important; } .res-nightmode .fancy-toggle-button .add:hover,.res-nightmode .RESshortcutside:hover,.res-nightmode .RESDashboardToggle:hover{ background-color:#a82f9a!important; } html:lang(nm) .fancy-toggle-button .add:hover,html:lang(nm) .RESshortcutside:hover,html:lang(nm) .RESDashboardToggle:hover{ background-color:#a82f9a!important; } /*=========================USERBAR=========================*/ .user .userkarma{ border:none; } .linkflairlabel { background-color: rgb(72, 186, 152); color: white; border: none; padding-left: 4px; padding-right: 4px; } .linkflair-food .linkflairlabel { background-color: #E09014; } .linkflair-meta .linkflairlabel { background-color: #5081B8; } .linkflair-spoiler .linkflairlabel { background-color: rgb(183, 69, 104); } /*===============================SUBSCRIBERS===============================*/ .titlebox .word { display: none } .titlebox .number:after { content: " Midoris emailing YandereDev"; } .titlebox .users-online span.number:after { content: " Currently stalking Senpai"; } /*===============================STICKY MENU BAR===============================*/ form #search{ z-index: 100; } .titlebox blockquote{ z-index: 150; font-family: Segoe UI; font-size: 14px; margin: 0px; padding: 0px; color: white; } /*sticky menu bar*/ /*hack to enable positioning of child elements*/ .titlebox form { position: static; } /*turns top quote in sidebar into menu container*/ .titlebox blockquote:first-child { border-left: none; min-width: 100%; position: absolute; background-color: transparent; top: 249px; left: -20px; height: 1px; /* 85 */ opacity: 1.0; } /*turns first paragraph into menu title*/ .titlebox blockquote:first-child p:first-child { margin-top: 0px; padding: 0 5px; float: left; font-weight:bold; text-align: center; color:#555; font-family: Segoe UI; cursor:default; height: 40px; } /*turns the lists into menus*/ .titlebox blockquote ul { float: left; margin:0px; } /*hide and styles lists*/ .titlebox blockquote ul li { display: none; padding:2px; text-align: left; } /*makes whole list item selectable*/ .titlebox blockquote li a { display:block; } /*shows menu on hover*/ .titlebox blockquote ul li:first-child, .titlebox blockquote ul:hover li { display: block } /*turns top list item into section header*/ .titlebox blockquote li:first-child { padding: 0; cursor:default; } /*styling menu items*/ /* setting up spacing for dropdown links so dropdown dividers work*/ .titlebox blockquote ul li a{ padding: 2px 7px; margin: -2px -7px; line-height: 25px; } /* hovering a dropdown option*/ .titlebox blockquote ul li a:hover{ color: white; height: 25px; } /* dropdown selection item */ .titlebox blockquote ul li { background: #FFBFD7; border-right: solid 6px #ef63bc; border-left: solid 6px #ef63bc; font-size: 13px; line-height: 25px; min-width: 125px; padding: 2px 7px; padding-right: -1px; left: 20px!important; font-family: sans-serif; color: black; height: 25px; } .res-nightmode .titlebox blockquote ul li { background: #5f3b5e; border-right: solid 6px #a82f9a; border-left: solid 6px #a82f9a; } .titlebox blockquote ul li:lang(nm) { background: #5f3b5e; border-right: solid 6px #a82f9a; border-left: solid 6px #a82f9a; } /* menu top-level option nope*/ .titlebox blockquote ul li:first-child{ background-color: #FF81D4; text-align: center; border-right: solid 6px #ef63bc; border-left: solid 6px #ef63bc; line-height: 38px; font-family: "Verdana"; min-width: 0; padding:0; color: white; text-shadow: 0px 1px 2px #000000; height: 38px; width:205px; border-radius: 3px 3px 0px 0px; } .res-nightmode .titlebox blockquote ul li:first-child{ background-color: #b53ba7; border-right: solid 6px #a82f9a; border-left: solid 6px #a82f9a; } html:lang(nm) .titlebox blockquote ul li:first-child{ background-color: #b53ba7; border-right: solid 6px #a82f9a; border-left: solid 6px #a82f9a; } /* when hovering over dropdown selection item */ .titlebox blockquote ul li a:hover{ background-color: #EF63BC; } .res-nightmode .titlebox blockquote ul li a:hover{ background-color: #a82f9a; } html:lang(nm) .titlebox blockquote ul li a:hover{ background-color: #a82f9a; } /* when hovering over menu top-level option */ .titlebox blockquote ul li:first-child:hover{ background-color: #EF63BC; } .titlebox blockquote ul:first-child{ margin-left: 25px!important;} .titlebox blockquote li a:hover { color:orangered; } /*custom size for menu sections*/ .titlebox blockquote ul:nth-of-type(1) {width:205px; margin-top: 0px!important;} /* 23 */ .titlebox blockquote ul:nth-of-type(1) li{width:191px; } .titlebox blockquote ul:nth-of-type(1) li:first-child{width:205px;;} .titlebox blockquote ul:nth-of-type(2) {width:205px;margin-top: 0px!important;} .titlebox blockquote ul:nth-of-type(2) li{width:191px; margin-left:10px;} .titlebox blockquote ul:nth-of-type(2) li:first-child{width:205px;} /* .titlebox blockquote ul:nth-of-type(3) {width:205px;margin-top: 0px!important;} .titlebox blockquote ul:nth-of-type(3) li{width:191px; margin-left:10px;} .titlebox blockquote ul:nth-of-type(3) li:first-child{width:205px;} .titlebox blockquote ul:nth-of-type(4) {width:175px;} .titlebox blockquote ul:nth-of-type(4) li{width:160px;} .titlebox blockquote ul:nth-of-type(4) li:first-child{width:175px;} .titlebox blockquote ul:nth-of-type(5) {width:175px;} .titlebox blockquote ul:nth-of-type(5) li{width:160px;} .titlebox blockquote ul:nth-of-type(5) li:first-child{width:175px;} .titlebox blockquote ul:nth-of-type(6) {width:75px;} .titlebox blockquote ul:nth-of-type(6) li{width:130px;} .titlebox blockquote ul:nth-of-type(6) li:first-child{width:175px;} */ /*===============================SIDEBAR MENU===============================*/ .link.last-clicked { overflow: hidden } .linkinfo { margin-bottom: 10px } .titlebox { padding: 10px; background-color: white; border: 1px solid #AAA; color: #787878; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px } .titlebox .bottom { border: 0 } .titlebox form.toggle { background-color: transparent } .titlebox .usertext { margin: 15px 0; line-height: 120%; font-size: small } .titlebox .usertext .md { margin: 0; padding: 0; overflow: visible; } .titlebox .usertext .md h2 { font-size: 1.2em; font-weight: bold; color: #000; background-color: #FF81D4; cursor: default; } .res-nightmode .titlebox .usertext .md h2 { background-color: #b53ba7; } html:lang(nm) .titlebox .usertext .md h2 { background-color: #b53ba7; } .titlebox .usertext .md > h3 { border: 0; margin: 0; padding: 0; font-size: medium !important; background-color: #ef63bc; color: #FFFFFF; width: 286px; padding: 5px 10px; padding-left: 20px; padding-right: 0; margin-right: 13px; margin-left: -18px; border-bottom: 1px solid #B2987D; margin-bottom: 5px; margin-top: 10px; z-index: 100 } .res-nightmode .usertext .md > h3 { background-color: #a82f9a; } html:lang(nm) .usertext .md > h3 { background-color: #a82f9a; } .titlebox .usertext .md > h3:after {display:none;} /* .titlebox .usertext .md > h3:after { display: block; content: ""; border-color: transparent #23698c transparent transparent; border-style: solid; border-width: 15px; height: 0px; width: 0px; position: absolute; z-index: -1; margin-left: -35px; margin-top: -10px } */ .side .titlebox .md h2 + ul { margin-left: 30px; padding: 2px; } .side .titlebox .md h3 + ul { margin-left: 30px; padding: 2px; } .md { overflow: visible; } div.titlebox .md h3, div.titlebox .md h3 a, div.titlebox .md h2, div.titlebox .md h2 a, div.titlebox .md h4, div.titlebox .md h4 a { color: #000; } .sidecontentbox a.helplink { margin-right: 5px; } .icon-menu a { background: transparent; } div.titlebox .md ul li:hover { background-color: #ff81d4; } .res-nightmode .titlebox .md ul li:hover { background-color: #b53ba7; } html:lang(nm) .titlebox .md ul li:hover { background-color: #b53ba7; } div.titlebox .md h3, div.titlebox .md h2, div.titlebox .md h4 { background-color: #FFBFD7; color: #000; width: 280px; line-height: 23px; font-weight: normal; font-size: 16px; cursor: default; padding-left: 20px; margin-top: 4px; margin-left: -11px; } div.titlebox .md h3:after, div.titlebox .md h2:after, div.titlebox .md h4:after { margin-bottom: 10px; } div.titlebox ul { line-height: 1.7em } /* End Hover Side */ /*===============================MAIL POP UP===============================*/ #mail { top: 2px; overflow: visible; } #mail.havemail:before { position: fixed; padding: 0px 0px 0px 0px; bottom: 24px; z-index: 998 !important; background-color: transparent; border-radius: 2px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.24); color: #fff; width: 350px; height: 60px; left: 24px; content: " "; text-indent: 0px; font-size: 14px; font-family: arial, sans-serif; line-height: 1; -webkit-transform:translateY(112px); transform:translateY(112px); transition: background-color 0.25s ease, box-shadow 0.25s ease; /* background-image: url(%%YSpopmail%%); */ background-position: 0px 0px; background-repeat: no-repeat; } #mail.havemail:hover:before { background-color: transparent; box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.48); } #mail.havemail:active:before { background-color: transparent; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.76) } #mail.havemail:before { animation-name: toast; animation-duration: 8s; animation-iteration-count: 1; animation-timing-function: ease; -webkit-animation-name: toast; -webkit-animation-duration: 8s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; } #mail.havemail:hover:before { -webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; animation-play-state: paused; } @-webkit-keyframes toast { 0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 1;} 27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 1;} 100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} } @-o-keyframes toast { 0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 1;} 27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 1;} 100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} } @-moz-keyframes toast { 0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 1;} 27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 1;} 100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} } @keyframes toast { 0% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 20% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} 25% {transform:translateY(-8px); -webkit-transform:translateY(-8px); opacity: 1;} 27% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 92% {transform:translateY(00px); -webkit-transform:translateY(00px); opacity: 1;} 97% {transform:translateY(16px); -webkit-transform:translateY(16px); opacity: 1;} 100% {transform:translateY(76px); -webkit-transform:translateY(76px); opacity: 0;} } /*===============================MODE CHANGE===============================*/ .side a[href="https://nm.reddit.com/r/yandere_simulator"] { position: absolute; display:block; height: 32px; width: 32px; background:url(%%heartdark%%) no-repeat; font-size:0px; top: 190px; left: 49%; z-index: 100; } html:lang(nm) .side a[href="https://nm.reddit.com/r/yandere_simulator"] { display: none; } html:lang(nm) .side a[href="http://reddit.com/r/yandere_simulator"] { position: absolute; display:block; height: 32px; width: 32px; background:url(%%heartlight%%) no-repeat; font-size:0px; top: 190px; left: 49%; z-index: 100; } .side a[href="http://reddit.com/r/yandere_simulator"] { display: none; } #header:before { height: 270px; top: 0; position: absolute; width: 100%; left: 0; right: 0; content: ""; text-indent: -9999px; background-image: url(%%flake1%%), url(%%flake2%%), url(%%flake3%%); background-repeat: repeat, repeat, repeat; background-position: 0 0, 0 0, 0 0, 50% 0; animation: snow 30s linear infinite; -webkit-animation: snow 30s linear infinite; } @keyframes snow { from { background-position: 0 0, 0 0, 0 0; } to { background-position: 500px 1000px,400px 400px,300px 300px; } } @-webkit-keyframes snow { from { background-position: 0 0, 0 0, 0 0; } to { background-position: 500px 1000px,400px 400px,300px 300px; } } /*===============================END DESIGN SECTION===============================*/ .down { display: none; }
Trovare la differenza