Original Text

/*-------------------------------------------------------------------------- [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; }