Title: [CSS] PLoungeplugdj updated CSS with some stuffs Author: SpanishMeerkat Pastebin link: http://pastebin.com/PQr2gd1k First Edit: Wednesday 17th of December 2014 09:00:06 AM CDT Last Edit: Last edit on: Saturday 2nd of May 2015 10:07:52 AM CDT body { min-width: 940px; background-color:  #1C1F25; color: rgb(238, 238, 238); font-family: 'Open Sans',sans-serif; }   .res-nightmode body{ background-color: #1C1F25; }   /* Custom browser CSS */ :focus {outline: 0px;}   td { margin: 0; padding: 0; color: gray; }         .side h1 {   color: #fff; }               /* Link */ a { color: #00b5e6! important; } a:hover { text-decoration: underline; } .error { color: #ff4444!important; font-size: 13px!important; font-family: 'Open Sans',sans-serif; }   .comments-page #noresults:after { content: "... so tell us what you think! Make sure to follow all rules and guidelines while posting on the PLounge's official plug.dj subreddit."; }   /* General Button*/ button, #search input[type='submit'], .wiki-page .wiki-page-content .wiki_button { margin: 3px 3px 3px 3px; padding: 0px 8px 1px 8px; background-color: #1c1f25; border: 1px solid rgb(153, 153, 153); border-radius: 2px; -webkit-box-shadow: 0 1px 0 rgb(153, 153, 153); box-shadow: 0 1px 0 rgb(153, 153, 153); color: #fefefe !important; text-transform: capitalize; font-weight: bold; line-height: 26px;; cursor: default; }   button:hover, #search input[type='submit']:hover, .wiki-page .wiki-page-content .wiki_button:hover { padding-bottom: 1px; border-color: #fefefe; border-bottom-width: 1px; color: #fefefe !important; }   button:active, #search input[type='submit']:active, .wiki-page .wiki-page-content .wiki_button:active { padding-bottom: 0px; background-color: rgb(153, 153, 153); border-color: rgb(153, 153, 153); border-top-width: 2px; border-bottom-width: 1px; -webkit-box-shadow: 0 1px 0 rgb(153, 153, 153); box-shadow: 0 1px 0 rgb(153, 153, 153); color: #333 !important; line-height: 25px; }     /* Header Area */ /* Top Most header */ #sr-header-area { opacity: 0.4; height: 18px; background-color: #333; border-bottom: 1px solid #333; }   #sr-header-area:hover { opacity: 90; }   #sr-header-area a { color: #C4C4C4; font-family: 'Open Sans',sans-serif; }                 #sr-header-area a:hover { color: #7CA9FF; text-decoration: none; }                 #sr-more-link { position: absolute; background-color: #333; color: #C4C4C4; }                 .dropdown.srdrop .selected {background-image: none;} .dropdown.srdrop .selected:after {content: "?";} .sr-bar .separator {color: #333;}   #sr-header-area .width-clip .dropdown.srdrop .selected.title { color: #C4C4C4; font-size: 9px; font-weight: normal; font-family: 'Open Sans',sans-serif; padding-right: 3px; }   #sr-header-area .width-clip .dropdown.srdrop .selected.title:hover { color: #00b5e6; }   #sr-header-area .drop-choices a.choice { color: #333 !important; }    #sr-header-area .drop-choices a.choice:hover { background-color: #00b5e6; color: #1c1f25 !important;  }   #srList { position: absolute; top: 18px; left: 0; z-index: 9999; display: none; border: 1px solid black; background-color: #333! important; width: auto; overflow-y: auto; }   #srList tr:hover { background-color: #1C1F25! important; }   #srList td { color: white! important; }   .res-nightmode #sr-header-area { opacity: 0.4; height: 18px; background-color:#333! important; border-bottom: 1px solid #333; }   .res-nightmode #sr-header-area:hover { opacity: 90; }   .res-nightmode #sr-header-area a { color: #C4C4C4! important; font-family: 'Open Sans',sans-serif; }   .res-nightmode #sr-header-area a:hover { color: #7CA9FF! important; text-decoration: none; }         .res-nightmode #sr-more-link { position: absolute; background-color: #333; color: #C4C4C4! important; }   .res-nightmode .dropdown.srdrop .selected {background-image: none;} .res-nightmode .dropdown.srdrop .selected:after {content: "?"! important;} .res-nightmode .sr-bar .separator {color: #333! important;}   .res-nightmode #sr-header-area .width-clip .dropdown.srdrop .selected.title { color: #C4C4C4! important; font-size: 9px; font-weight: normal; font-family: 'Open Sans',sans-serif; padding-right: 3px; }                 /* Header Image */ #header { height: 190px; background:url(%%headerimg%%) no-repeat center center; border-bottom: 0px solid;  }        .res-nightmode #header {         height: 190px;         background: url(%%headerimg%%) no-repeat center -375px!important;         border-bottom: 0px solid;  }                 #header:after { position: absolute; top: 170px; left: 0px; z-index: -1; width: 100%; height: 44px; background: #1c1f25; border-bottom: 0px solid; content: " "; text-indent: -999px; }   #header-img { position: absolute; top: 168px; left: 0px; z-index: 99; width: 44px! important; height: 44px! important; background-image: url(%%spritesheet%%)! important; background-position: 0px -226px! important; background-repeat: no-repeat! important; }   #header-img:hover { background-position: -44px -226px! important; }                         .pagename a { display: block; visibility: visible !important; position: absolute; left: 50%; z-index: 99; background-image: url(%%logo%%); background-position: 0px 0px; background-repeat: no-repeat; text-indent: -9999px;                   }   .pagename a:hover {  background-position: 0px 79px;  opacity: 1;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out; }   .pagename {visibility: hidden;}   /* HOT / NEW / ETC */ #header .tabmenu { display: block; position: absolute; top: 170px; margin: 0px; right: 0px; left: 0px; padding: 0px; height: 44px; background-color: rgb(17, 19, 23); border-bottom: 0px solid; color: rgb(238, 238, 238); list-style-type: none; vertical-align: bottom; text-align: center; white-space: nowrap; font-weight: normal; font-size: 15px; font-family: 'Open Sans',sans-serif; min-width: 450px; }   .tabmenu li { display: inline-block; margin:7px 0px 0px 0px; }                         .tabmenu li a { margin: 0px 17px 0px 17px! important; padding: 8px 0px 8px 0px!important; background-color: transparent; border: 0px solid; color: rgb(153, 153, 153); font-weight: normal; font-size: 22px; font-family: 'Open Sans',sans-serif; }   .tabmenu li a:hover {border-bottom: 2px solid #00b5e6;color: rgb(238, 238, 238);text-decoration: none;}                         .tabmenu li.selected a { z-index: 100! important; background-color: transparent! important; border: 0px solid! important; border-bottom: 2px solid #00b5e6! important; color: rgb(238,238,238)!important; font-size: 22px!important; font-family: "Open Sans",sans-serif; }   .tabmenu li.selected a:hover { border-color: #B87617; }   .res #header .tabmenu { text-align: left; margin-left: 45px; } .res-nightmode .tabmenu li a, .res-nightmode .login-form, .res-nightmode .login-form input[name*="passwd"], .res-nightmode .login-form-side .submit, .res-nightmode #header-bottom-right { background-color: transparent !important; } .res-nightmode .flair {  background-color: rgba(0,0,0,0);  }   .listing-page .tabmenu li:nth-of-type(3),       /* Rising */ .listing-page .tabmenu li:nth-of-type(4),       /* Controversial */ .listing-page .tabmenu li a[href*="/promoted"], /* Self-serve advertising */ .listing-page .tabmenu li a[href*="/gilded"]    /* gilded */ {display:none;}           /* User bar */ #header-bottom-right { position: absolute; top: 179px; right: 0px; width: auto; height: 21px; background-color:  transparent; border-left: 0px solid rgb(52, 52, 52); } .user {color: #7A7A7A;} .loggedin .user {color: #7A7A7A;}                         #header-bottom-right a { color: #7A7A7A; font-weight: normal; font-size: 15px; }   #header-bottom-right a:hover { border-bottom: 1px solid #00b5e6; color: #333; text-decoration: none; }           /* Mail / Modmail icons */ #mail { top: 0px; overflow: visible; width: 16px; height: 16px; background-image: url(%%spritesheet%%) !important; }   #mail:hover, #modmail:hover { border-bottom: 0px solid !important; }                         #mail.nohavemail {background-position: -64px 0px;} #mail.havemail   {background-position:-80px 0px;} #mail.havemail:before, #modmail.havemail:before  { display: block; visibility: visible !important; position: fixed; top: 4px; right: 10px;  z-index: 2; z-index: 0; width: 25px; height: 25px; background-color: #1c1f25; background-image: url(%%spritesheet%%); background-position: -126px -50px; border-radius: 50%; content: " "; }                           #modmail { top: -2px; margin-bottom: -6px; width: 16px; height: 16px; background-image: url(%%spritesheet%%) !important; }                           #modmail.havemail   {background-position:-112px 0px;} #modmail.nohavemail {background-position:-96px 0px;} #modmail.havemail:before {background-position: -151px -50px; margin-right: 40px;}             /* Preferences & Logout Icons */ #header-bottom-right a.pref-lang, .loggedin .logout a{ background-position: -96px -49px; background-image: url(%%spritesheet%%); width: 16px; height: 16px; display: inline-block; text-indent: -9999px; margin: 0px; position: relative; top: -2px; }   .loggedin .logout a {background-position: -80px -49px;}   .gearIcon { background-image: url(%%spritesheet%%)!important; background-position: -80px -65px!important; height: 16px!important; width: 17px!important; }             /* Opacity Hoves */ #modmail, #mail, .gearIcon, #header-bottom-right a.pref-lang, .loggedin .logout a { opacity: 0.75; }   #modmail:hover, #mail:hover, #header-bottom-right a.pref-lang:hover, .loggedin .logout a:hover, .gearIcon:hover { opacity: 1; text-decoration: none !important; border-bottom: 0px solid !important; }             /* Sidebar */ .side { float: right; margin: 420px 10px 0px 0px; padding-top: 25px; width: 300px; text-align: left; font-family: 'Open Sans',sans-serif;  }   .res-nightmode .side .titlebox, .res-nightmode .side .leavemoderator, .res-nightmode .side .titlebox .usertext-body ol, .res-nightmode .side .titlebox .usertext-body ol{ background-color:#1C1F25; }   div.thing.link:first-child:after {  position: fixed;  top: 240px;  right: 10px;  z-index: 998;  width: 70px;  height: 70px;  border: 0;  content: "";  background:url(%%fillyvinyl%%) } .side a[href="/r/PLoungeplugdj/new/"] {  display:block;  width:70px;  height:70px;  position:fixed;  top: 240px;  right: 10px;  z-index:999 }           /* SUBMIT LINK OR POST */ .morelink { z-index: 97! important; width: 240px! important; height: 40px! important; background-color: #00b5e6! important; background-image: url(%%plug-spritesheet%%)! important; background-position: -270px -312px! important; background-repeat: no-repeat! important; border: none! important; border-top: 2px solid #00b5e6! important; border-bottom: 3px solid #00b5e6! important; border-radius: 0px! important; -webkit-box-shadow: 0 0px 0px #0091B8! important; box-shadow: 0 0px 0px #0091B8! important; margin-left: 30px! important; cursor: pointer; } .morelink a { color: #EEE !important; text-shadow: 0px 0px 0px #00b5e6! important; letter-spacing: 0px! important; font-weight: normal! important; font-size: 18px! important; font-family: 'Open Sans',sans-serif; cursor: pointer; line-height: 40px! important; margin: 0px 0px 0px 15px! important; } .morelink:hover{ border-color: #0091B8 !important; background-color: #0091B8! important; background-image: url(%%plug-spritesheet%%); background-position: -270px -312px! important; background-repeat: no-repeat! important; background-position: -270px -312px !Important; }   .res-nightmode .sidebox { background-color: transparent! important; border: 0px solid transparent! important; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; color: rgb(170, 170, 170); border-radius: 8px; }   .subscriber .morelink a:after { position: fixed; top: 4px; right: 30px; z-index: 98; background-color: transparent; color: #1c1f25; content: "Post"; padding: 0px 12px; }   .account-activity-box, .sidebox.create, .morelink .nub {display: none;}           /*Sidebar Image*/     .titlebox h1  a{        position: absolute; top: 210px; right: 10px; height: 420px; width: 300px; background: url(%%sidebar-img%%) center; color: rgb(28, 31, 37); font-size: 0px; }   /* Optional .titlebox h1  a:hover{ position: absolute; top: 210px; right: 10px; height: 420px; width: 300px; background: url(%%sidebar-img2%%) center; font-size: 0px; } */   .sidebox .subtitle {font-size: 1.6em;}                         /* Sub / Unsub button */ .fancy-toggle-button .active { padding: 1px 8px; background-image: none !important; outline: none !important; border: 0px; border-radius: 2px; color: #FFFFFF !important; text-transform: capitalize; font-weight: bold; font-size: 12px; font-family: 'Open Sans',sans-serif!important; line-height: 26px; cursor: pointer; }                 /* Sub */ .fancy-toggle-button .add { background-color: #00b5e6; border-top: 0px solid #00b5e6; border-bottom: 0px solid #00b5e6; -webkit-box-shadow: 0 0px 0 #00b5e6; box-shadow: 0 0px 0 #e2e0e0;                                    }   .fancy-toggle-button .add:hover { background-color: #0091B8; border-top: 0px solid #0091B8; border-bottom: 0px solid #0091B8; -webkit-box-shadow: 0 0px 0 #0091B8; box-shadow: 0 0px 0 #e2e0e0; }   .fancy-toggle-button .add:active { background-color: #00b5e6; border-top: 0px solid #00b5e6; border-bottom: 0px solid #00b5e6; -webkit-box-shadow: 0 0px 0 #00b5e6; box-shadow: 0 0px 0 #e2e0e0; }           /* Unsub */   .fancy-toggle-button .remove { background-color: #1c1f25; border: 1px solid #d4d4d4; -webkit-box-shadow: 0 1px 0 #e2e0e0; box-shadow: 0 1px 0 #e2e0e0; font-size: 10px; line-height: 16px; color: #737373 !important; cursor: pointer; }   .fancy-toggle-button .remove:hover { background-color: #1c1f25; color: #333; border-bottom-width: 2px; border-color: #bababa; text-decoration: none; }   .fancy-toggle-button .remove:active { background-color: #e5e5e5; border-color: #a7a7a7; border-top-width: 2px; color: #333; }             /* Sub notice */ .fancy-toggle-button .add:after { position: fixed; top: 4px; right: 25px; z-index: 98; background-color: #00b5e6; color: #FFFFFF; content: "Plug In!"; padding: 0px 16px; } .fancy-toggle-button .add:hover:after { background-color: #0091B8; border-bottom: 3px solid #0091B8 ; height: 23px; }                                   /*Replace readers.. */ div.titlebox span.word {display: none;} .titlebox .users-online {display: inline;} .titlebox .users-online:before {display: "none";} .titlebox .users-online .number {font-style: italic;font-size: 12px;} .titlebox .users-online .number:before {content: "(about ";} .titlebox .users-online .number:after {content: " here)";} .titlelebox .word {display: none;} .titlebox .users-online, .titlebox .number {cursor: text;}      .titlebox .tagline {font-size: 12px;} .titlebox form.toggle, .leavemoderator {background: transparent;}   /* Subreddit description */ .titlebox { padding: 0px 15px 15px 15px; color: rgb(238, 238, 238);                 } .titlebox .md { font-size: 14px; line-height: 1.35em; font-family: 'Open Sans',sans-serif; }   .titlebox .bottom { padding-top: 5px; border-top: 1px solid #e5e5e5; color: rgb(238, 238, 238); font-size: 110%; }           /* Download button */ .titlebox h5 { width: 100%; height: 30px; color: #1c1f25; background-color: #00b5e6; border-bottom: 2px solid #306cd1; display: block; font-size: 18px; text-align: center; line-height: 31px; margin-top: 10px; margin-bottom: 10px; }   .titlebox h5 a, .titlebox h5 a:hover { text-decoration: none; color: #1c1f25; cursor: pointer; }   .titlebox h5:hover { background-color: #77a7fb; border-bottom: 2px solid #00b5e6; text-decoration: none; }   .titlebox h5:active { background-color: #306cd1; border-bottom: 2px solid #306cd1; }           /* Search */ #search { }                         #search input[type=text] { margin: 0px 0px 0px 29px; padding: 5px 0px 5px 40px; width: 200px; background-image: url(%%spritesheet%%); background-color: #111317; background-position: -129px 0px; background-repeat: no-repeat; border: none; border-radius: 3px; border-top: 0px solid #d5d5d5; border-bottom: 1px solid #333; border-left: 0px solid #1c1f25; color: rgb(238, 238, 238); font-weight: normal; font-size: 16px; font-family: 'Open Sans',sans-serif!important; }   #search input[type=text]:focus { padding: 5px 0px 5px 40px; width: 200px; outline: none !important; border: none; border-radius: 3px; border-top: 0px solid #d5d5d5; border-bottom: 1px solid rgb(153, 153, 153); border-left: 0px solid #4285f4; color: #fefefe; }   #search input[type="submit"]{ margin: 3px 3px 3px 3px; padding: 0px 8px 1px 8px; background-color: #1c1f25; border: 1px solid rgb(153,153,153); border-radius: 2px; -webkit-box-shadow: 0 1px 0 rgb(153,153,153); box-shadow: 0 1px 0 rgb(153,153,153); color: #fefefe!important; text-transform: capitalize; font-weight: bold; font-size: 0px; line-height: 26px; cursor: default; }   #search input[type=submit] { background-image:url(%%download%%); background-size: 14px 11px; background-position: 0 0; }   #searchexpando { margin: 0px 0px 5px 0px; padding: 5px 5px 0px 15px; height: 75px; background-color: #1c1f25; border: 0px solid; border-bottom: 1px solid #DFDFDF; border-radius: 0px; color: rgb(238, 238, 238); font-size: 150%; }   #searchexpando label {cursor: pointer;} .search-page form#search label {font-size: 150%;cursor: pointer;}                         #search_showmore {display: none;}                                 /* Ad Frame */ #ad-frame,#ad_main {text-align: center;}           /* Sidebar mod box */ .sidecontentbox { padding: 0px 5px 0px 15px; }   .sidecontentbox .title { text-align: left; }                         .sidecontentbox .title h1 { color: rgb(238, 238, 238); text-align: left; text-transform: capitalize; font-size: 14px; font-family: 'Open Sans',sans-serif; }                         .sidecontentbox.collapsible .title { text-align: left; }                         .sidecontentbox .collapse-button { background: transparent; border: 0px; border-radius: 0px; color: rgb(238, 238, 238); font-size: 15px; }                         .sidecontentbox .content { padding: 3px 0px 5px 0px; background-color: transparent; border: 0px solid; text-align: left; }                         .sidecontentbox .content a { color: #00b5e6; text-align: left; font-family: 'Open Sans',sans-serif; }                         .sidecontentbox .content a:hover { color: #00b5e6; text-decoration: underline; }           /* Mod icons */ .icon-menu a {background-color: transparent;} .icon-menu .reddit-edit:before{background-image:url(%%spritesheet%%);background-position: 0px  -33px;} .icon-menu .moderator-mail:before{margin-top:-1px;height:16px;background-image:url(%%spritesheet%%);background-position: -16px -32px;} .icon-menu .reddit-moderators:before{background-image:url(%%spritesheet%%);background-position: -32px -33px;} .icon-menu .reddit-contributors:before{background-image:url(%%spritesheet%%);background-position: -48px -33px;} .icon-menu .reddit-traffic:before{background-image:url(%%spritesheet%%);background-position: -64px -32px;} .icon-menu .reddit-modqueue:before{background-image:url(%%spritesheet%%);background-position: -80px -32px;} .icon-menu .reddit-reported:before{background-image:url(%%spritesheet%%);background-position: -96px -32px;} .icon-menu .reddit-spam:before{background-image:url(%%spritesheet%%);background-position: -112px -32px;} .icon-menu .reddit-ban:before{background-image:url(%%spritesheet%%);background-position: -128px -32px;} .icon-menu .reddit-flair:before{background-image:url(%%spritesheet%%);background-position: -144px -32px;} .icon-menu .reddit-moderationlog:before{background-image:url(%%spritesheet%%);background-position: -160px -33px;} .icon-menu a.reddit-unmoderated {display: none;}           /* Message the mods */ .sidecontentbox a.helplink { z-index: 0; width: 250px; height: 40px; background-color: #00b5e6; background-image: url(%%plug-spritesheet%%); background-position: -280px -135px; background-repeat: no-repeat; border: none; color: #eee !important; text-align: center; text-transform: capitalize; letter-spacing: 0px; font-weight: normal; font-size: 16px; font-family: 'Open Sans',sans-serif; line-height: 40px; cursor: pointer; margin-right: 20px; margin-bottom: 15px; }   .sidecontentbox a.helplink:hover { background-color: #0091B8; text-decoration: none; }                                 /* Links/Posts Area */         /* Actual Links */ .content { margin-top: 34px; margin-left: 10px; }           /* Fixed Scroll Banner */ .titlebox h6 { text-decoration: none; position: fixed; top: 0px; right: 0px; left: 0px; z-index: 97; height: 35px; background-color: rgb(17,19,23); -webkit-box-shadow: 0 .5px 8px 0 rgb(17,19,23); box-shadow: 0 .5px 8px 0 rgb(17,19,23); color: rgb(153,153,153); text-align: center; font-weight: normal; font-size: 22px; line-height: 35px; }   .side .md h6 {   margin-top: 0; }   .titlebox h6 a { margin: 0px 17px 0px 17px; padding: 2px 0px 2px 0px; border: 0px solid; color: rgb(153, 153, 153) !important; font-weight: normal; font-size: 22px; font-family: 'Open Sans',sans-serif; }   .titlebox h6 a:hover { border-bottom: 2px solid #00b5e6 !important; color: rgb(238, 238, 238) !important; text-decoration: none; }           /* reddit icon */ .titlebox h6 a[href*="http://www.reddit.com#top"] { position: fixed; left:0px; top:0px; height: 35px; width: 35px; background-color: #ff0; background-image: url(%%spritesheet%%); background-position: 0px -49px; border-bottom: 0px; text-indent: -9999px; padding: 0px; margin: 0px; }   .titlebox h6 a[href*="http://www.reddit.com"]:hover { background-position: -35px -49px; }   .new-page .titlebox h6 a[href*="/new"], .top-page .titlebox h6 a[href*="/top"], .hot-page .titlebox h6 a[href*="/hot"], .wiki-page .titlebox h6 a[href*="/wiki"]  {border-bottom: 2px solid #00b5e6; color: rgb(238, 238, 238);}     .link { margin-right: 320px; margin-bottom: 0px !important; padding: 8px 10px 6px 10px; }   .thing:hover{ background-color: rgb(40, 44, 53)! important; }   .thing .title a{ text-decoration: none !important; }    .submit-page .content button { border: 0px; border-bottom: 1px solid rgb(52, 52, 52) !important; border-radius: 0px; background-color: rgb(28, 31, 37); }   .link, .side, .submit-page .infobar, .roundfield, .content.submit .info-notice, .stylesheet-customize-container .pretty-form, #images, .search-page .raisedbox, .search-page .searchfacets, .linefield, .search-page .searchpane, .nextprev { border: 0px; border-bottom: 1px solid rgb(52, 52, 52) !important; border-radius: 0px; background-color: rgb(28, 31, 37)! important; }           /* Stickied Link */ .stickied.link {border-bottom-color: rgb(52, 52, 52) !important;} .thing.stickied a.title { font-size: 18px; font-weight:normal !important; color: #00b5e6 !important; } .res-nightmode.stickied.link {border-bottom-color: rgb(52, 52, 52) !important;} .thing.stickied a.title { font-size: 18px; font-weight:normal !important; color: #00b5e6 !important; }   .res-nightmode .res .RES-keyNav-activeElement, .res-nightmode .res .RES-keyNav-activeElement .usertext-body, .res-nightmode .res .RES-keyNav-activeElement .usertext-body .md, .res-nightmode .res .RES-keyNav-activeElement .usertext-body .md p, .res-nightmode .res .commentarea .RES-keyNav-activeElement .noncollapsed, .res-nightmode .res .RES-keyNav-activeElement .noncollapsed .md, .res-nightmode .res .RES-keyNav-activeElement .noncollapsed .md p {     background-color: transparent !important;     color:white!important; }   .res-nightmode .res .RES-keyNav-activeElement a.title:first-of-type { color: gray !important; }   .res-nightmode .RES-keyNav-activeElement .tagline { color: rgb(153, 153, 153)! important; }   .thing.stickied a.thumbnail {background-position: -102px -209px;}           /* Promoted Link */ .organic-listing { margin-right: 320px; border: 1px solid #D0D6DD; border-bottom-width: 3px; border-top-width: 0px; }   .res-nightmode .comment, .res-nightmode .sitetable .thing, .res-nightmode .permission-summary { border-color: rgb(52, 52, 52)! important; }   .link .title { font-family: 'Open Sans',sans-serif; line-height: 170%; }   .link .title:hover {color: #00b5e6 !important;}           /* Link Titles */ /*Unvisited*/ .thing .title.loggedin.click, .thing .title.click, .thing .title.loggedin, .thing .title { color: #eee; } /*Visited  */ .thing .title:visited, .thing.visited .title { color: rgb(153, 153, 153); } /*Clicking      .thing .title.loggedin.click:visited, .thing .title.click:visited { color: #eee; }  DISABLED */           /* Upvote and downvotes */ .link .score {margin-bottom: -1px;margin-left: 1px;color:rgb(238, 238, 238);font-family: 'Open Sans',sans-serif;}                         .link .score.likes { color: #90ad2f; }  .link .score.dislikes { color: #dd4b39; } .res-nightmode .link .score.likes { color: #90ad2f! important; }        .res-nightmode .link .score.dislikes { color: #dd4b39!important; }                           .arrow { margin: 2px 0px 0px 0px; margin-right: auto; margin-left: auto; width: 16px; height: 17px; background-image: url(%%spritesheet%%) !important; background-position: center center; outline: none !important; border: none !important; }   .arrow.up {background-position: -32px 0px;} .arrow.upmod {background-position: -48px 0px;} .arrow.down {background-position: 0px 0px;} .arrow.downmod {background-position: -16px 0px;}   .res-nightmode .arrow.up { background: url(%%spritesheet%%) 0px 0px no-repeat!important; background-position: -32px 0px!important; height: 17px! important; } .res-nightmode .arrow.up:hover { background: url(%%spritesheet%%) 0px 0px no-repeat!important; background-position: -32px 0px!important; height: 17px! important; } .res-nightmode .arrow.upmod { background: url(%%spritesheet%%) 0px 0px no-repeat!important; background-position: -48px 0px!important; height: 17px! important; } .res-nightmode .arrow.down { background: url(%%spritesheet%%) 0px 0px no-repeat!important; background-position: 0px 0px!important; height: 17px! important; } .res-nightmode .arrow.downmod { background: url(%%spritesheet%%) 0px 0px no-repeat!important; background-position: -16px 0px!important; height: 17px!important; }             /* Expand post */ .expando-button { margin: 0px 5px 0px 0px !important; width: 16px !important; height: 16px !important; cursor: pointer; }                 /*  +  */       .content .expando-button.selftext.collapsed { background-color: transparent !important; background-image: url(%%spritesheet%%) !important; background-position:0 -17px! important; }                               /*  +  */       .content .expando-button.selftext.collapsed:hover { background-color: transparent !important; background-image: url(%%spritesheet%%) !important; background-position:-16px -17px! important; } /*  -  */       .content .expando-button.selftext.expanded { background-color: transparent !important; background-image: url(%%spritesheet%%) !important; background-position:-32px -17px! important; }                               /*  -  */       .content .expando-button.selftext.expanded:hover { background-color: transparent !important; background-image: url(%%spritesheet%%) !important; background-position:-48px -17px! important; }         .res-nightmode .thing .expando-button { cursor: pointer; background-image: url(%%spritesheet%%)! important; }   .expando-button.video-muted { background-image: url(%%spritesheet%%); background-position:  -64px -17px! important; background-color: transparent! important; }   .expando-button.video-muted:hover { background-image: url(%%spritesheet%%); background-position:  -80px -17px! important; background-color: transparent! important; }   .expando-button.video.collapsed:hover, .eb-vch { background-image: url(%%spritesheet%%); background-position: -80px -17px! important; background-color: transparent! important; }   .expando-button.video.collapsed, .eb-vch { background-image: url(%%spritesheet%%); background-position: -64px -17px! important; background-color: transparent! important; }   .res-nightmode .expando-button.video-muted.collapsed, .res-nightmode .expando-button.video-muted.collapsedExpando { background-position: -96px -17px! important; background-image: url(%%spritesheet%%); background-color: transparent! important; }   .res-nightmode .expando-button.video-muted.collapsed:hover, .res-nightmode .expando-button.video-muted.collapsedExpando:hover { background-position: -112px -17px! important; background-color: transparent! important; background-image: url(%%spritesheet%%); }   .res-nightmode .side .titlebox form.flairtoggle { background-color: transparent! important; color: rgb(221, 221, 221); }   .res-nightmode .usertext.border .usertext-body, .res-nightmode .side .spacer > #search input { background-color: #111317; }   .res-nightmode a.link-button, .res-nightmode a.text-button, .res-nightmode .user .userkarma { color:gray! important; }   .expando-button.video.collapsed {background-image: url(%%spritesheet%%); background-position: -64px -17px; background-color: transparent! important;} .expando-button.video.collapsed:hover, .eb-vch {background-image: url(%%spritesheet%%); background-position: -80px -17px; } .expando-button.video.expanded, .eb-ve {background-image: url(%%spritesheet%%); background-position: -64px -17px; background-color: transparent! important;} .expando-button.video.expanded:hover, .eb-veh {background-image: url(%%spritesheet%%); background-position: -80px -17px; }   .res .expando-button.image.collapsed,.expando-button.image.gallery.collapsedExpando, .expando-button.image.collapsedExpando {background-image: url(%%spritesheet%%)! important; background-position: -96px -16px!important;} .res .expando-button.image.collapsed:hover, .expando-button.image.collapsedExpando:hover, .expando-button.image.gallery.collapsedExpando:hover {background-position: -112px -16px!important;} .res .expando-button.image.expanded {background-image: url(%%spritesheet%%)! important; background-position: -96px -16px!important;} .res .expando-button.image.expanded:hover {background-position: -112px -16px!important;}           /* Selftext expand */ .link .usertext .md { padding: 0 5px; background-color: #1c1f25; border: 0px solid; border-top: 1px solid #e5e5e5; border-radius: 0px; color: rgb(153, 153, 153); font-weight: normal; font-size: 14px; font-family: 'Open Sans',sans-serif; line-height: 1.35em;}   .domain {color: #eee !important;} .domain a {color: #c0c0c0 !important;} .domain a:hover {color: #00b5e6;text-decoration: none !important;}   .link .tagline { color: rgb(153, 153, 153); font-size: 12px; }   .thumbnail { float: left; max-height: 50px; max-width: 70px; }   .thumbnail.self { background-image: url(%%spritesheet%%); background-position: -102px -92px; background-repeat: no-repeat; }   .thumbnail.default { background-image: url(%%spritesheet%%); background-position: -102px -154px; background-repeat: no-repeat; }   .thumbnail.nsfw { width: 80px; height: 50px; background-image: url(%%spritesheet%%); background-position: -22px -150px; background-repeat: no-repeat; }   .entry { padding-left: 5px; }   .entry .buttons li a { padding: 0 1px; color: rgb(153, 153, 153)!Important; font-weight: 400; font-size: 13px; }   .entry .buttons li a:hover:not(.comments){ color: #00b5e6 !important; }   .link .entry li .comments { visibility: visible; color: rgb(172, 118, 255)!important; font-weight: normal; font-size: 13px; }   #siteTable div.thing ul {visibility: hidden;} #siteTable div.thing:hover ul {visibility: visible;} .link .usertext .md ul {visibility: visible !important;} .nsfw-stamp acronym {visibility: visible;background-color: #e82e63;border-radius:0px;color:#1c1f25;cursor: help;}   .entry .buttons a[onclick*="reply"] { color: #00b5e6 !important; font-weight: bold !important; font-size: 13px !important; }   .link .flat-list { font-weight: normal; font-family: 'Open Sans',sans-serif; }   .link .midcol {margin-right: 7px;} .link .rank {display: none;} .link.last-clicked { overflow: hidden; background-color: #1c1f25; border: 0px solid #d8d8d8; border-bottom: 3px solid #e5e5e5; }         /* Mod Report buttons */ .entry .buttons li.reported-stamp { background-color: #f5b400; border-radius: 2px; border: 1px solid #e2a600 !important; color: #1c1f25; font-weight: bold; background-image: none; }   a.pretty-button.negative { border-radius: 2px; background-color: #dc4437; color: #1c1f25; font-weight: bold; border: 1px solid #c4362a; background-image: none; }   a.pretty-button.neutral { border-radius: 2px; font-weight: bold; color: #1c1f25; background-color: #666666; border: 1px solid #4d4d4d; background-image: none; }   a.pretty-button.positive { border-radius: 2px; font-weight: bold; color: #1c1f25; background-color: #109d59; border: 1px solid #0a8a4c; background-image: none; }   .menuarea { margin-right: 320px; border: none; font-size: 16px; }   .infobar { margin-right: 320px; background-color: #1c1f25; border: none; color: rgb(153, 153, 153); font-size: 14px; }   .infobar a {color: #89B3FF;}           /* First time visit infobar */ .infobar.welcome { margin-right: 321px; color: #333; margin-bottom: 8px; }   .nextprev { margin-top: 8px; margin-right: 320px; height: 35px; color: #737373; text-align:center; font-size: 16px; line-height: 35px; padding: 10px; }   .nextprev a { background-color: transparent; border: none; color: #00b5e6; }   .nextprev a:hover { background-color: transparent; border: none; }             /* Submit Page */ form#newlink.submit.content { margin-top: 40px; }   .submit-page .infobar { margin-top: 8px; margin-bottom: 8px; padding: 10px 10px 10px 10px; color: rgb(238, 238, 238); text-align: center; text-indent: -9999px; font-size: 0px; }   .formtabs-content .infobar:before { display: block; text-indent: 0px; font-size: 16px; }                         .submit-page .tabmenu li a {margin:0px;} .submit-page ul.tabmenu.formtab {padding-left: 0px;width: 500px;text-align:center; } .formtabs-content {padding-top: 0px;border-top: 0px solid #00b5e6;}                     .submit-page .tabmenu.formtab a { padding: 12px 80px 12px 80px; width: 100px; background-color: #323742; border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 1px solid #1c1f25; color: #eee; text-align: center; font-weight:normal; font-size: 16px; }   .submit-page .tabmenu li a:hover {background-color: #464b54; border-right: 1px solid #1c1f25;}                                 .submit-page .tabmenu.formtab .selected a { padding: 12px 80px 12px 80px; background-color: #925aff; color: #eee; font-size: 16px; }                                 .roundfield { padding: 10px 10px 10px 10px; color: rgb(172,118,255); }           /* Popup */ .submit-page textarea, .roundfield input[type=url], .roundfield input[type=text], .login-form-side input[type=text], .login-form-side input[type=password], .linefield textarea, .linefield input[type="text"], .flairlist .flaircell input[type="text"], .linkinfo .shortlink input, .search-page #search input[type=text] { margin: 0; padding: 5px; border: 1px solid 333; border-top: 1px solid #333; -webkit-box-shadow: none; box-shadow: none; color: #eee !important; font-size: 100%; font-family: 'Open Sans',sans-serif; background-color: #111317 }   .login-form-section>h3{color:#fefefe;} .md>*{font-size: small;color:#fefefe;} .user-form label{font-size: small;color:#fefefe;} .login-form-section p {font-size: small;color:#fefefe;}   .submit-page textarea:hover, .roundfield input[type=url]:hover, .roundfield input[type=text]:hover, .login-form-side input[type=text]:hover, .login-form-side input[type=password]:hover,   .linefield textarea:hover, .linefield input[type="text"]:hover, .flairlist .flaircell input[type="text"]:hover, .linkinfo .shortlink input:hover, .search-page #search input[type=text] {border: 1px solid #bebebe;}                                         .submit-page textarea:focus, .roundfield input[type=url]:focus, .roundfield input[type=text]:focus, .login-form-side input[type=text]:focus, .login-form-side input[type=password]:focus,   .linefield textarea:focus, .linefield input[type="text"]:focus, .flairlist .flaircell input[type="text"]:focus, .linkinfo .shortlink input:focus, .search-page #search input[type=text] {border: 1px solid #4d90fe;color: #000;}   .linefield .usertext-edit textarea { height: 100px; }   .submit-page .content textarea, .submit-page .content input[type=url], .submit-page .content input[type=text] { width: 488px; background-color: #111317; border-bottom: 1px solid #333; border-top: 0px solid #333; border-left: 0px solid #333; border-right: 0px solid #333; border-radius: 3px; color: rgb(153, 153, 153); font-size: 13px; font-family: "Open Sans",sans-serif;}   .submit-page .content textarea:focus, .submit-page .content input[type=url]:focus, .submit-page .content input[type=text]:focus                                                      {   border-bottom: 1px solid rgb(153, 153, 153); }   .submit-page .content button { color: #eee !important; background-color: #00b5e6; font-weight: normal; cursor: pointer; border: 1px #00b5e6 !important; border-bottom: 1px #00b5e6 !important; }   .submit-page button:hover { background-color: #0091B8; color: #eee !important; border-bottom: 4px solid #477ADB; }   .submit-page h1 {display: none;} .submit-page .side h1 {display: inherit;}   .content.submit .info-notice { margin: 0px 0px 4px 0px; padding: 20px 10px 20px 10px; color: #707070; text-align: center; border: 0px; border-bottom: 3px solid #E5E5E5; }   .content.submit .info-notice a { text-decoration: none; font-size: 120%; }   .content.submit .info-notice a:hover {text-decoration: underline;} .thing.spam {border-color: #F3B9B9; background-color: #1c1f25;margin-right: 320px;}                     #file {margin: 10px;}           .submit-page .gray, #url-field button, #suggested-reddits {display: none;} .submit-page form .spacer+.spacer {margin: 8px 0px;}   /* Flair Selector */ .flairselector.drop-choices.active { visibility: visible !important; background-color: #1c1f25; border: 1px solid #d8d8d8; } .flairselector h2 { padding: 5px 5px 5px 5px; background-color: #1c1f25; border-bottom: 1px solid #e5e5e5; color: #333; text-transform: capitalize; font-size: 130%; }   .flairoptionpane { text-align: left; }   .flairoptionpane ul {visibility: visible !important;} .flairoptionpane ul a.title {font-size: 100% !important;}   .flairselector li { padding: 3px 0px 3px 0px; width: 182px; }   .flairselector li:hover { background-color: #efefef;   }   .linefield input[type="text"]{ margin: 0; padding: 5px; border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0; -webkit-box-shadow: none; box-shadow: none; color: white!important; font-size: 100%; font-family: "Open Sans",sans-serif; }   .flairselector form {border-top: 1px solid #e5e5e5;} .flairsample-left {text-align: left !important;} .flairselector ul {overflow: visible;} .flairselector li.selected {background-color: #e5ebf8;border:none;}   /* Flairs */   /* LINKFLAIRS */ .linkflairlabel { padding: 0px 6px 1px 6px; height: auto; border-radius: 2px; color: rgb(238, 238, 238); font-weight: normal !important; font-style: normal; font-variant: normal; font-size: 11px; font-family: 'Open Sans',sans-serif; cursor: default; vertical-align: middle; background-color: rgb(40, 44, 53) !important; border: 1px solid rgb(52, 52, 52) !important; display: inline; }   .linkflair-mod .linkflairlabel { background-color: #1c1f25; border: 1px solid #4c8d3e; color: #fff; }   .linkflair-mod .thumbnail.default, .linkflair-mod .thumbnail.self { background-image: url(%%spritesheet%%)!important; background-position: -22px -90px!important; background-repeat: no-repeat; }   .linkflair-image .linkflairlabel { background-color: rgb(40, 44, 53); border: 1px solid rgb(52, 52, 52); color: rgb(238, 238, 238); }   .linkflair-gif .linkflairlabel { background-color: rgb(40, 44, 53); border: 1px solid rgb(52, 52, 52); color: rgb(238, 238, 238); }   .linkflair-extra .linkflairlabel { background-color: rgb(40, 44, 53); border: 1px solid rgb(52, 52, 52); color: rgb(238, 238, 238); }   /* USER FLAIRS */ .flair { height: 15px; border: none !important; font-size: small !important; font-family: 'Open Sans',sans-serif; padding: 0px; cursor: help; color: rgb(28, 31, 37); border-radius: 0px !important; position: relative; text-indent: -99999px; margin-left: 3px; background: url(%%plug-spritesheet%%) no-repeat -9999px -9999px; } .flairselector .customizer { display: none !important; } .flair-ambassador{ background-position: -15px -350px; width: 15px;   } .flair-admin{ background-position: -0px -350px; width: 15px; } .flair-host{ background-position: -35px -350px; width: 15px; } .flair-manager{ background-position: -50px -350px; width: 15px; } .flair-bouncer{ background-position: -70px -350px; width: 15px; }   .flair-crystal{ background-position: -50px -350px; width: 15px;} .flair-crystal:hover{ background-position: -35px -350px; width: 15px;}   .flair-meerkat{ background-position: -0px -350px; width: 15px;} .flair-meerkat:hover{ background-position: -35px -350px; width: 15px;}   .flair-cerebis{ background-position: -70px -350px; width: 15px;} .flair-cerebis:hover{ background-position: -35px -350px; width: 15px;}   .flair-eevn{ background-position: -35px -350px; width: 15px;} .flair-eevn:hover{ background-position: -15px -350px; width: 15px;}   .flair-tenth{ background-position: -35px -350px; width: 15px;} .flair-tenth:hover{ background-position: -15px -350px; width: 15px;}   .flair-gunschismbator{ background-position: -50px -350px; width: 15px;} .flair-gunschismbator:hover{ background-position: -15px -350px; width: 15px;}   .flair-garda{ background-position: -70px -350px; width: 15px;} .flair-garda:hover{ background-position: -50px -350px; width: 15px;}   .flair-woona{ background-position: -35px -350px; width: 15px;} .flair-woona:hover{ background-position: -50px -350px; width: 15px;}   .flair-georgie{ background-position: -70px -350px; width: 15px;} .flair-georgie:hover{ background-position:-15px -350px; width: 15px;}   .flair-ck{ background-position: -70px -350px; width: 15px;} .flair-ck:hover{ background-position:-15px -350px; width: 15px;}           /* Flair-page  */ div.tabpane-content { padding: 4px 4px 4px 4px; border: 0px solid #e5e5e5; border-bottom-width: 3px; background-color: #1c1f25; width: 1080px; margin-top: 7px; }                         .linefield { margin-bottom: 5px; padding: 10px 10px 10px 10px; width: 55.5%; color: #707070; margin-bottom: 15px; }                 .linefield .title { padding: 1px 10px; color: #00b5e6; }   .linefield .title+.gray {font-size: small;}   .flairlist .flaircell input[type="text"]{ margin: 0; padding: 5px; border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0; -webkit-box-shadow: none; box-shadow: none; color: white! important; font-size: 100%; font-family: "Open Sans",sans-serif; }         /* .flairtemplatelist flairlist pretty-form { margin-top: 2px; margin-right: 320px; padding: 5px 5px 8px 3px; color: #707070; text-transform: capitalize; width: 100%; margin-bottom: 8px; }                                 .flairrow:nth-of-type(1) { width: 700px; line-height: 2; }   .flairrow .tagline { margin-right: 0px; margin-left: 0px; width: 150px; font-size: 100%; }  */   .flairtemplate .flairrow { margin-top: 2px; margin-right: 320px; padding: 5px 5px 8px 3px; color: #707070; text-transform: capitalize; width: 100%; margin-bottom: 8px; }   .tabmenu li#tab-grant.selected, .tabmenu li#tab-templates.selected, .tabmenu li#tab-link_templates.selected {margin: 7px 0px 4px 0px;}   .tabmenu li#tab-grant.selected a, .tabmenu li#tab-grant a:hover, .tabmenu li#tab-templates.selected a, .tabmenu li#tab-templates a:hover, .tabmenu li#tab-link_templates.selected a, .tabmenu li#tab-link_templates a:hover {color: #333;}                           /* WIKI Page */                 .wiki-page .wiki-page-content { margin: 5px 320px 10px 0px; padding: 5px 10px 5px 10px; background-color: #1c1f25; border: 1px solid #d8d8d8; }   .wiki-page .tabmenu li:nth-of-type(3),  .wiki-page .tabmenu li:nth-of-type(4),  .wiki-page .tabmenu li a[href*="/promoted"], .wiki-page .tabmenu li a[href*="/gilded"] {display:none;}   .wiki-page .wiki-page-content .md.wiki h1 { margin-top: 0.5em; color: #00b5e6; font-size: 1.5em; font-family: 'Open Sans',sans-serif; }   .wiki-page .wiki-page-content .md.wiki h2 {font-size: 1.45em;} .wiki-page .wiki-page-content .md.wiki h3 {font-size: 1.4em;} .wiki-page .wiki-page-content .md.wiki h4 {font-size: 1.35em;}   .wiki-page .wiki-page-content .md.wiki p, .wiki-page .wiki-page-content .md.wiki .md.wiki blockquote { color: #white; font-weight: normal; font-size: 14px; font-family: 'Open Sans',sans-serif; line-height: 1.5em; }   .wiki-page .pageactions { border: none; border-radius: 0px; }   .wiki-page .pageactions .wikiaction { text-transform: capitalize; font-size: 110%; }   .wiki-page .pageactions .wikiaction:hover { background-color: transparent; }   .wiki-page .pageactions .wikiaction-current { background-color: #00b5e6; border-radius: 0px; color: #1c1f25; }   .wiki-page .pageactions .wikiaction-current:hover { background-color: #0091B8; text-decoration: underline; }   .wiki-page .wiki-page-content .md.wiki>.toc>ul { padding: 10px 10px; border: 1px solid #e5e5e5; font-weight: normal; font-size: 110%; }   .wiki-page .wiki-page-content .discussionlink { display: inline-block; position: relative; top: inherit; right: inherit; left: inherit; padding: inherit; width: 175px; }   .wiki-page .wiki-page-content .discussionlink a { padding-left: 0px; }   .wiki-page .nextprev {display: none;} .wiki-page-content em, .wiki-page-content form#editform label {font-size: 120%;}             /*Stylesheet fix */                 .pretty-form { margin-right: 320px; margin-bottom: 10px; padding: 10px 10px 10px 10px; color: #707070; }   .pretty-form textarea {-webkit-box-shadow: none;box-shadow: none;}                 .stylesheet-customize-container textarea { margin: 0; padding: 0px; border: 0px; border: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; border-radius: 3px; color: #707070; font-family: 'Open Sans',sans-serif; }                 .sheets .btn.right {display: none;} .sheets .col textarea {width: 100%;background-color: #1c1f25! important; color: gray! important} .sheets .col textarea:hover {border-color: #B1B1B1! important; color: gray! important} .sheets .col textarea:focus {border-color: #00b5e6! important; color: gray! important;} .sheets {margin-right: 0px;}   .res-nightmode .sheets .btn.right {display: none;} .res-nightmode .sheets .col textarea {width: 100%;background-color: #1c1f25! important;} .res-nightmode .sheets .col textarea:hover {border-color: #B1B1B1! important;} .res-nightmode .sheets .col textarea:focus {border-color: #00b5e6! important;} .res-nightmode .sheets {margin-right: 0px;}                 #images { margin-right: 320px; margin-bottom: 30px; padding: 10px 10px 10px 10px; height: 1280px; color: #707070; }                 ul#image-preview-list { margin: 15px 0px 0px 0px; padding-bottom: 80px; font-size: 14px; }           /* COMMENT SECTION */ .linkinfo { margin-top: -10px; padding-left: 10px; background-color: transparent; border: none; border-bottom: 1px solid #d5d5d5; color: rgb(153, 153, 153); }                       .linkinfo .upvotes { color: #90ad2f! important; }         .linkinfo .downvotes { color: #dd4b39! important; }               .commentarea { margin-top: 10px; margin-right: 320px; margin-bottom: 30px; padding: 10px 10px 10px 10px; background-color: transparent; color: rgb(238, 238, 238); }   .commentarea>.usertext { overflow:visible; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }                         a.author { margin-right:4px; color: rgb(153,153,153); }                                 .comments-page .tagline { color: rgb(238, 238, 238); font-size: small; font-family: 'Open Sans',sans-serif; }   .thing .tagline .author .moderator:hover{ background-color: transparent !important; text-decoration: underline !important; }   .res .thing .tagline .author.submitter { background-color: transparent !important; color: #ffdd6f !important; } .res .thing .tagline .author.submitter:hover { background-color: transparent !important; text-decoration: underline !important; }                                 .comments-page .tagline a { margin-top: 1px; background-color: transparent; color: rgb(153, 153, 153); letter-spacing: 0px; font-weight: 600; font-size: 12px; }                 .tagline a:hover { text-decoration: underline; }         .tagline .stickied-tagline { color: #FF4F38; }         .tagline .moderator, .green {  color: #999 !important; }   .tagline .moderator:after {content: "";} a.author.moderator:after {content: "";} .thing .tagline .author.moderator { background-color: transparent !important; color: rgb(172, 118, 255); }   .res .thing .tagline .author.moderator { background-color: transparent !important; color: rgb(172, 118, 255); font-weight: normal; }   .res .thing .tagline .author.moderator:hover { background-color: transparent !important; font-weight: normal; text-decoration: underline !important; }   .author[href$='potato_masterbator'], .author[href$='Eevn'], .author[href$='T3Schism'], .author[href$='GoldenNeko'], .author[href$='georgisaur'], .author[href$='ckonold5503']{ color: rgb(137, 190, 108) !important; }   .author[href$='SpanishMeerkat']{ color: rgb(0, 181, 255) !important; }   .author[href$='CrystalLord'], .author[href$='whiterun_garda'], .author[href$='cerebis279'], .author[href$='NtmrMoon'], .author[href$='ponytron5000'], .author[href$='Dragon__'], .author[href$='Spazzmatism']{ color: rgb(172, 118, 255)! important; }   .res .thing .tagline .author[href$='potato_masterbator'], .res .thing .tagline .author[href$='Eevn'], .res .thing .tagline .author[href$='T3Schism'], .res .thing .tagline .author[href$='GoldenNeko'],  .res .thing .tagline .author[href$='georgisaur'], .res .thing .tagline .author[href$='ckonold5503']{ color: rgb(137, 190, 108) !important; }   .res .thing .tagline .author[href$='SpanishMeerkat']{ color: rgb(0, 181, 255)! important; }   .res .thing .tagline .author[href$='CrystalLord'], .res .thing .tagline .author[href$='whiterun_garda'], .res .thing .tagline .author[href$='cerebis279'], .res .thing .tagline .author[href$='NtmrMoon'], .res .thing .tagline .author[href$='ponytron5000'], .res .thing .tagline .author[href$='Dragon__'], .res .thing .tagline .author[href$='Spazzmatism']{ color: rgb(172, 118, 255)! important; }   .side .voteWeight, .side .userTagLink, .sidecontentbox .voteWeight, .sidecontentbox .userTagLink{ display: none !important; }   .comment .midcol {margin-top: 6px;width: 15px !important;} .comment .author {color: #89be6c;}                           /* Comments */ .commentarea .menuarea { display: inline; margin: 0 0px 10px -320px; padding: 0; color: #c0c0c0; font-weight: normal; font-size: 110%; }         .res-commentBoxes .comment .comment { margin-right: 0px; background-color: #1C1F25 !important; }                 .comments-page textarea:focus { color: rgb(238, 238, 238) !important; }                                 .panestack-title { display: inline; border-bottom: 1px solid #e5e5e5; color: #c0c0c0;}                                         /*.commentarea .menuarea .toggle a, .panestack-title .title, .help-hoverable {display: none;}*/ .panestack-title .title {display: none;} .menuarea .spacer {margin-right: -15px;} .commentarea .menuarea .toggle a {font-size: 11px;color:#c0c0c0;font-weight: normal; } .menuarea .spacer .drop-choices.lightdrop { padding: 5px; border-color: #DFDDDD; box-shadow: 0px 1px 1px #C9C9C9; font-family: 'Open Sans',sans-serif; }   .menuarea .spacer .drop-choices.lightdrop a.choice, .commentarea .menuarea form { padding: 0.5px; font-size: 14px; color: #00b5e6; }   .menuarea .spacer .drop-choices.lightdrop a.choice:hover, .commentarea .menuarea form:hover { background-color: #00b5e6; color: #1c1f25; text-decoration: none; }                           .menuarea .dropdown.lightdrop .selected { background-image: none; color: rgb(238, 238, 238); text-decoration: none; opacity: 10; cursor: pointer; }   .menuarea .dropdown.lightdrop .selected:hover {color: #00b5e6;} .menuarea .dropdown.lightdrop .selected:after { content: " ?"; vertical-align: middle; opacity: 0.5; } element.style .comments-page .comment { border-radius: 4px; }                                                       .comments-page .comment .md { color: rgb(238, 238, 238); font-weight: normal; font-size: 14px; font-family: 'Open Sans',sans-serif; line-height: 1.35em; }   .comment .md p > a:visited { color: rgb(153,153,153)!important; }   hr { border-width: 1px; border-style: solid; border-color: #e5e5e5; }   .comments-page textarea { background-color: #111317; border-bottom: 1px solid #333; border-top: 0px solid #333; border-left: 0px solid #333; border-right: 0px solid #333; border-radius: 3px; color: rgb(153, 153, 153); font-size: 13px; font-family: 'Open Sans',sans-serif; }   .comments-page textarea:hover {border-bottom: 1px solid #333;} .comments-page textarea:focus {border-bottom:1px solid rgb(153, 153, 153);}   .usertext .help-toggle, .usertext a.reddiquette {font-size: 100%;}      .usertext a.reddiquette {color:#DD4B39;}   .comments-page .usertext.border .usertext-body { padding-left: 5px; background-color: transparent; }                         .comment .expand { background-color: transparent; color: rgb(238, 238, 238) !important; }                                 .comment .expand:hover { background-color: transparent; color: rgb(238, 238, 238) !important; text-decoration: underline; }                                 .comment .child,.comment .showreplies { margin-top: 10px; margin-left: 15px; border-left: 0px solid; }   .new-comment .usertext-body { background-color: rgb(126, 190, 246)!important; border: solid 1px #cddaf3; color: rgb(126, 190, 246)! important; margin: -1px 0; }                                 /* H2 3 4 5 markup */   .link .usertext .md h2, .comments-page .comment .md h2, .link .usertext .md h3, .comments-page .comment .md h3, .link .usertext .md h4, .comments-page .comment .md h4, .link .usertext .md h5, .comments-page .comment .md h5 { display: inline; margin-top: 5px; border: none; font-weight: normal; font-size: 18px; font-family: 'Open Sans',sans-serif; }   .link .usertext .md h2, .comments-page .comment .md h2 {color: #d04109;} .link .usertext .md h3, .comments-page .comment .md h3 {color: #00b5e6;} .link .usertext .md h4, .comments-page .comment .md h4 {color: #53a93f;} .link .usertext .md h5, .comments-page .comment .md h5 {color: #f4b400;}                   /* Footer */   .footer-parent { margin-top: 120px; padding-top: 0px; background-color: transparent; }   .footer { border: none; color: rgb(238, 238, 238); font-family: 'Open Sans',sans-serif; }   .res-nightmode.moderator .footer-parent .footer{ background-color: transparent! important; }   .footer:before { display: block; margin: 10px; padding: 10px; color: #00b5e6; content: "PLounge plug.dj ?'s reddit"; text-transform: none; font-size: 16px; font-family: 'Open Sans',sans-serif; }   .footer a { color: rgb(238, 238, 238); font-weight: normal; font-size: 14px; }   .footer a:hover { color: #00b5e6; text-decoration: underline; }   .footer .col {border-left: 1px solid #D5D5D5;} .debuginfo {background-color: transparent;color: #1c1f25;}                   /* Some login stuff */ .login-form-side { border: 0px; border-bottom: 1px solid #d8d8d8; font-size: 120%; margin: 10px; }   .login-form-side input[type=text], .login-form-side input[type=password] { margin: 10px 0px; width: 265px; }                 .popup { position: fixed; left: 10%; margin-bottom: 30px; padding: 10px 10px 10px 10px; background-color: #000000; border: 0px solid; border-radius: 2px; color: #eee; font-size: 16px; font-family: 'Open Sans',sans-serif; }                 .cover { position: fixed; top: 0px; left: 0px; z-index: 1000; width: 100%; height: 100%; background-color: #000000; opacity: .6; }                   /* Search page */ .search-page #search { position: relative; top: 0px; margin: 0px 150px 0px 80px; height: 50px; background: none !important; background-color: transparent; text-align: left; }         .search-page .searchpane { margin: 5px 320px 5px 0px; padding-left: 96px; height: 120px; background: transparent !important; }                         .search-page .raisedbox { padding: 5px; border: 0px solid; }   .search-page #search input[type=text] { padding: 5px 0px 5px 40px; width: 300px; font-size: 150%; border: none; border-radius: 3px; border-top: 0px solid #d5d5d5; border-bottom: 1px solid #333; border-left: 0px solid #1c1f25; }   .search-page #search input[type=text]:focus { padding: 5px 0px 5px 40px; font-size: 150%; border: none; border-radius: 3px; border-top: 0px solid #d5d5d5; border-bottom: 1px solid rgb(153, 153, 153); border-left: 0px solid #1c1f25; }                           .searchfacets { margin-top: 10px; margin-right: 320px; padding: 10px; box-shadow:none; color: rgb(238, 238, 238); border: 0px solid; border-bottom: 3px solid #E5E5E5; }   .search-page #header .tabmenu {display: none !important;} .search-page .side {padding-top: 40px;}                         .search-summary {margin-right: 40px;}                   /* Reddit Enhancement Suite (RES) */   .res .keyHighlight { background-color: transparent; outline: 0px solid; }   .res .RES-keyNav-activeElement, .res .commentarea .RES-keyNav-activeElement .md, .res .commentarea .RES-keyNav-activeElement.entry .noncollapsed { background-color: transparent !important; }   .res .RES-keyNav-activeElement {outline: 0px solid #C5C5C5 !important; border-radius: 0px !important;}     /* Res Live Preview */ .RESDialogSmall { border: 1px solid #DFDFDF!important; border-radius: 0px!important; color:white! important; }   .res .usertext .usertext-edit .livePreview, .res .usertext .usertext-edit .livePreview .md {     background: #1C1F25 !important; }   .RESDialogSmall > h3 { background-color: #f4f4f4!important; border-bottom: 1px solid #DFDFDF!important; border-radius: 0px!important; color: #333!important;   } .res .comment { margin-top:0px !important; margin-bottom: 3px !important; border: none !important; }   .res_comment_ups, .res_post_ups{ color: rgb(144, 173, 47) !important; } .res_comment_downs, .res_post_downs{ color: rgb(196, 46, 59) !important; }   /* comment comment comment comment comment god damn it */   .comments-page .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .comments-page .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .comments-page .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .comments-page .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .comments-page .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .comments-page .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .comments-page .comment .comment .comment .comment .comment .comment .comment{border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .comments-page .comment .comment .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}                 /* RES comment comment comment comment comment god damn it */   .res .comments-page .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .res .comments-page .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .res .comments-page .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .res .comments-page .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .res .comments-page .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .res .comments-page .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .res .comments-page .comment .comment .comment .comment .comment .comment .comment{border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .res .comments-page .comment .comment .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .res .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;} .res .comments-page .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {border-radius: 3px; background-color: rgb(40, 44, 53) !important;}   .res-commentBoxes .commentarea .comment, .res-commentBoxes .commentarea .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment {     background-color:rgb(40, 44, 53)!important; }   .res-commentBoxes .commentarea .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {     background-color:rgb(40, 44, 53)!important; }                 .RESshortcutside { padding: 0px 0px !important; background: none repeat-x scroll center left !important; background-color: #1c1f25; background-image: none !important; border: 0px solid !important; border-radius: 0px !important; color: #00b5e6 !important; text-transform: capitalize !important; font-weight: 500 !important; font-size: 14px !important; line-height: 20px !important; }   .RESshortcutside.remove { padding: 0px 3px 0px 0px !important; background-color: #1c1f25; background-image: none !important; border: 0px solid !important; color: rgb(238, 238, 238) !important; font-weight: lighter !important; }                 .RESDashboardToggle { padding: 0px 0px !important; background: none repeat-x scroll center left !important; background-color: #1c1f25; background-image: none !important; border: 0px solid !important; border-radius: 0px !important; color: #00b5e6 !important; text-transform: capitalize !important; font-weight: 500 !important; font-size: 14px !important; line-height: 20px !important; }                 .RESDashboardToggle.remove { padding: 2px 6px 2px 0px !important; background-color: #1c1f25; background-image: none !important; border: 0px solid !important; color: rgb(238, 238, 238) !important; font-weight: lighter !important; }                 #RESShortcutsEditContainer { top: 1px !important; background-color: rgb(40, 44, 53) !important; }                 #RESShortcutsRight,#RESShortcutsLeft,#RESShortcutsAdd,#RESShortcutsTrash { background-color: #2d2d2d !important; color: #979797 !important; }   #srLeftContainer, #RESShortcutsViewport, #RESShortcutsEditContainer { border-left: 1px solid #666; padding-left: 10px; }   .res #RESShortcutsSort {width: 30px !important;background-color: transparent !important;color:#B1B1B1 !important; }   /* resresresresresresresrsesresresreSTOP */   .content .RESBigEditorPop  {color: #333 !important; padding:2px;} .markdownEditor {white-space: inherit !important;}   .res span.score { color: #FFFFFF !important; }   #progressIndicator, #NERFail, .NERPageMarker { margin-right: 320px !important; width: inherit !important; background-color: #1c1f25; border: 1px solid #d8d8d8 !important; border-top: 0px solid !important; border-bottom: 3px solid #d8d8d8 !important; border-radius: 2px !important; }   .res #NREFloat { top: 8px; z-index: 100; }   .res .fancy-toggle-button .add:after { right: 50px !important; }   .RESSubscriptionButton { background-color: #1c1f25; border: 0px solid !important; border-radius: 0px !important; color: #00b5e6 !important; }                 .res #header-bottom-right { right: 10px; top: 177px !important; border-radius: 0px !important; }                                           .res #userbarToggle {display: none !important;}                         .res a.voteWeight { text-decoration: none; background-color: transparent !important; color: #999 !important; }   #RESAccountSwitcherIcon {margin-top: -5px;}    .author.submitter { background-color: transparent !important; border-radius: 0px !important; color: #ffdd6f !important; }   .res .blueButton { padding: 2px 3px !important; background-color: #53a93f !important; border: none !important; border-radius: 0px !important;   }     .link.promotedlink.promoted { border-bottom: 0px !important; margin-right: 0px; }                 @media (max-width: 800px) and (min-width: 601px) { body {              }   .link, .commentarea {margin-right: 10px;} .side {display: none;} }   @media (max-width: 600px) and (min-width: 100px) { body {  }   #header-bottom-right { margin-right: 12px; width: 25px;                         overflow: hidden; }   #header-bottom-right:hover { width: auto; overflow: visible; }   .listing-page .tabmenu li a[href*="/ads"] {display: none;}   .link, .commentarea {margin-right: 10px;}  .side {display: none;} }     body {transition: all 0.25s ease;}   a, .domain a { transition: color 0.25s; transition: border-color 0.25s; }   #sr-header-area {transition: opacity 0.5s;}   .tabmenu li a { transition: border-color 0.25s! important; }   .link .entry li a, .link:hover .entry li a {transition: opacity 0.5s ease-in-out;}   /* CUSTOMIZATION */           /* --------------------------- */                   /* Link Flairs that you can make! */   .linkflair-one .linkflairlabel { background-color: rgb(40, 44, 53); border: 1px solid rgb(52, 52, 52); color: rgb(238, 238, 238); }   .linkflair-two .linkflairlabel { background-color: rgb(40, 44, 53); border: 1px solid rgb(52, 52, 52); color: rgb(238, 238, 238); }   .linkflair-three .linkflairlabel { background-color: rgb(40, 44, 53); border: 1px solid rgb(52, 52, 52); color: rgb(238, 238, 238); }   /* Create your own! */           /* "squee" can be anything! This is what you use in the CSS field at the flair page */ .linkflair-squee .linkflairlabel { background-color: rgb(40, 44, 53); border: 1px solid rgb(52, 52, 52); color: rgb(238, 238, 238); }               /* --------------------------- */                   /* My subreddit mainly uses SELF posts */   .sidebox.submit.submit-link {display: none;}         /* My subreddit mainly uses LINK posts */ /* Then add to the line above and remove  from the line below the asterisks and slashes */     /*.sidebox.submit.submit-text {display: none;}*/           /* --------------------------- */   /* Submit page message */ .formtabs-content .infobar:before { content: ""; /* Don't delete the " "*/                                         }           /* Subscriber Name */ div.titlebox span.number:after {content: " ponies plugged in!";} /* Leave the space before the name! */           /* --------------------------- */           /* CUSTOM LOGO CSS */ .pagename a { top: 50px; /* The length the logo is moved from the top of the page */ width: 247px; /* TOTAL Image width */ margin-left: -127px; /* This HAS to be ->50%< of the TOTAL image width. Don't delete the MINUS! */ height: 85px; /* 50% of the TOTAL height of the image. */ }         .pagename a:hover {background-position: 0px -92px;} /* Replace the 77 with your height */   .RESDropdownList { border:none; }   .RESDropdownList li { color: gray; }   #RESPrefsDropdown ul { background-color: #111317; }   #RESPrefsDropdown #RESDropdownOptions #DashboardLink { display: none; }   #RESPrefsDropdown ul li { color: #gray; border: none; }   #RESPrefsDropdown ul li:hover { background-color: #1C1F25; color: #00b5e6; }   #RESHoverContainer { position: absolute; z-index: 10001; visibility: hidden; }   #RESPrefsDropdown #RESDropdownOptions #SettingsConsole #RESSearchMenuItem:hover { background-color: #CCCCCC; }   #RESMainGearOverlay { background-color: #333; }   #RESMainGearOverlay:hover { border:none!important; }   /* Changes color of account switcher drop-down */   span #RESAccountSwitcherIconOverlay { background-color: none! important; border:none; }   #RESAccountSwitcherDropdown { background-color: #111317! important; }   .res-nightmode .RESDropdownList li{ background-color: #111317 }   .res-nightmode body .content{ background-color: #1C1F25; }   #RESAccountSwitcherDropdown li { color: #gray! important; border: none; }   #RESAccountSwitcherDropdown li:hover { background-color: #1C1F25! important; color: #00b5e6! important; }     .RESDialogSmall { background-color: #1C1F25; border: 1px solid rgb(199, 199, 199); border-radius: 3px; font-size: 12px; color: rgb(102, 102, 102); position: relative; }   .RESDialogSmall>h3 { background-color: #111317!important; border-bottom: 1px solid #333!important; border-radius: 0px!important; color: white! important; }   .RESDialogSmall { border: 1px solid gray!important; border-radius: 0px!important; }   .RESCloseButton { font: 12px/22px Verdana, sans-serif; background-color: #333; border: 1px solid #222; color: rgb(154, 149, 142); }   #RESAccountSwitcherIconOverlay { border: 0px solid #333 !important; border-bottom: 1px solid #222! important; background-color: #1C1F25! important; }   .hover-bubble { display: none; position: absolute; background: #1C1F25; color: #333; border: 0px solid gray; padding: 3px; box-shadow: 0 2px 10px rgba(0,0,0,0.25); z-index: 100; }   .hover-bubble.multi-selector label:hover { background: #1C1F25; border: 0px solid #ccc! important; }   .hover-bubble.multi-selector strong { font-size: 1.05em; font-weight: bold; color: white; }   .hover-bubble.multi-selector .create-multi input[type="text"] { background: #111317; color: #eee; border: 0px solid #ccc; padding: 2px 5px; }   #RESSubredditGroupDropdown { position: absolute; z-index: 99999; padding: 3px; background-color: #333! important; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; }   #RESSubredditGroupDropdown li:hover { background-color: #1C1F25!important; }   #RESSubredditGroupDropdown .RESShortcutsEditButtons .res-icon { color: white; font-size: 12px; }   .RESNotificationHeader { padding-left: 10px; padding-right: 50px; background-color: #1c1f25! important; border-bottom: rgb(199, 199, 199); height: 38px; }   .RESNotification { font: 12px/14px Arial, Helvetica, Verdana, sans-serif; border: 1px solid rgb(204, 204, 255); color: white!important; background-color: #282C35; z-index: 100; }   .RESNotification { border: 0px solid rgb(204,204,255)! important; }   .res-nightmode .entry time { color: rgb(153,153,153)! important; }   #RESConsoleContainer, .resnightmode #RESConsoleContainer { color: white; font-size: 12px; z-index: 100000100; position: fixed; top: 1.5%; right: 1.5%; bottom: 100%; left: 1.5%; overflow: hidden; padding: 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 10px; box-shadow: rgba(0, 0, 0, 0.2) 10px 10px 10px; border-radius: 3px; background-color: #1C1F25! important; transition: bottom 0.4s; -webkit-transition: bottom 0.4s; }   .res-nightmode #RESConsoleContent, .res-nightmode #RESMenu li { background-color: #1C1F25; }   .moduleHeader, .resnightmode .moduleHeader { border: 0px solid rgb(199, 199, 199); padding: 12px; background-color: #111317; display: block; margin-bottom: 12px; margin-right: 12px; margin-left: 3px; overflow: auto; }   .RESDialogTopBar { background-color: #333; border: 0px #FFFFF; }   .optionContainer { background-color: #111317; border: 0px #FFFFF; }   .res-nightmode #sr-header-area, .res-nightmode #sr-more-link, .res-nightmode #RESConsoleTopBar, .res-nightmode .moduleHeader, .res-nightmode .allOptionsContainer, .res-nightmode .optionContainer { background-color: #111317; color: white! important; }   input { padding: 1px; background-color: #1C1F25! important; color: white! important; cursor: auto; }   .addRowButton, .resnightmode .addRowButton { cursor: pointer; background-color: #90ad2f! important; }   .moduleToggle.enabled .toggleOn, .toggleButton.enabled .toggleOn { background-color: #90ad2f! important; color: rgb(255, 255, 255); font-weight: bolder; }   .moduleToggle:not(.enabled) .toggleOff, .toggleButton:not(.enabled) .toggleOff { background-color: #dd4b39; color: rgb(255, 255, 255); font-weight: bolder; }   /*** SCROLLBAR ***/     ::-webkit-scrollbar {     width: 12px;     height: 12px;     background-color: #111317; }   ::-webkit-scrollbar-thumb {     background-color: #ccc;     border-radius: 10px; }   ::-webkit-scrollbar-button {     display: none;     width: 0;     height: 0; }                 ::-webkit-scrollbar-corner {     background-color: transparent;     color: #555555; }   ::selection { background-color: rgb(172, 118, 255); color: white! important; font-weight: bold; }   button.save, button.submit-report, button.cancel, button.cancel-report-thing { position: relative; padding: 2px 10px; border: 0; width: 77px; height: 25px; color: #fff; overflow: hidden; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; }   button.save, button.submit-report { background-color: #55a9e1; } button.cancel, button.cancel-report-thing { background-color: #d75b4e; }   button.save:before, button.submit-report:before { background-image: url(%%save%%); content: ''; height: 16px; width: 16px; position: absolute; left: -16px; bottom: 4px; opacity: 0; transition: opacity 200ms, left 200ms; }   button.cancel:before, button.cancel-report-thing:before {   background-image: url(%%delete%%);   content: "";   height: 16px;   width: 16px;   position: absolute;   left: -16px;   bottom: 4px;   opacity: 0;   padding-top: 1px;   transition: opacity 200ms,left 200ms; }   button.save:hover:before, button.submit-report:hover:before, button.cancel:hover:before, button.cancel-report-thing:hover:before { opacity: 1; left: 10px; } button.save:hover, button.submit-report:hover, button.cancel:hover, button.cancel-report-thing:hover { padding-left: 30px; }   button.save:hover, button.submit-report:hover { background-color: #3498db; } button.cancel:hover, button.cancel-report-thing:hover { background-color:#c0392b; }   button.save:active, button.submit-report:active, button.cancel:active, button.cancel-report-thing:active { box-shadow: 0 8px 6px -6px #fff; }   button.save:active, button.submit-report:active { background-color: #1abc9c; } button.cancel:active, button.cancel-report-thing:active { background-color: #a02f24; } button.save:focus, button.submit-report:focus, button.cancel:focus, button.cancel-report-thing:focus { outline: none; }   .bpm-search-toggle { margin: 3px -5px 0 5px !important; float: right; }   .content .RESBigEditorPop { color: #333!important; padding: 1px; }           /* --------------------------- */   a.author[href$="Eevn"]:before {content:'Princess ';}   .author:before {content: 'DJ ';}   /*greentext*/ .md blockquote {     border: 0;     margin: 0;     color: #789922;     display: block;     line-height: 0.8     }   .md blockquote p:before {     content: ">";     float: left;     display: block;     }   .side h1 {   color: #fff; }