Advertisement
MaygeKyatt

Untitled

May 7th, 2015
241
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 79.57 KB | None | 0 0
  1. *,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{overflow-x:hidden;background-color:#eee;min-width:820px}a{color:#4F8EF7;transition:color .15s ease}::focus{outline:none!important}input:not([type="submit"]),textarea,.roundfield textarea,.roundfield input[type=text],.roundfield input[type=url],.roundfield input[type=password],.roundfield input[type=number],.linefield textarea,.linefield input[type=text],.linefield input[type=password],.pretty-form input[type=text],.pretty-form textarea,.pretty-form input[type=password],.pretty-form input[type=number],.login-form-side input[type=text],.login-form-side input[type=password]{box-shadow:none!important;background-color:#fff;border:1px solid #e5e5e5;color:#707070;transition:all .15s ease!important}input:hover,textarea:hover,.roundfield textarea:hover,.roundfield input[type=text]:hover,.roundfield input[type=url]:hover,.roundfield input[type=password]:hover,.roundfield input[type=number]:hover,.linefield textarea:hover,.linefield input[type=text]:hover,.linefield input[type=password]:hover,.pretty-form input[type=text]:hover,.pretty-form textarea:hover,.pretty-form input[type=password]:hover,.pretty-form input[type=number]:hover,.login-form-side input[type=text]:hover,.login-form-side input[type=password]:hover{border-color:#C5C5C5}input:active,textarea:active,.roundfield textarea:active,.roundfield input[type=text]:active,.roundfield input[type=url]:active,.roundfield input[type=password]:active,.roundfield input[type=number]:active,.linefield textarea:active,.linefield input[type=text]:active,.linefield input[type=password]:active,.pretty-form input[type=text]:active,.pretty-form textarea:active,.pretty-form input[type=password]:active,.pretty-form input[type=number]:active,.login-form-side input[type=text]:active,.login-form-side input[type=password]:active{outline:none!important;border-color:#4F8EF7;color:#4D5763}.btn,button{margin:4px 16px 4px 0;padding:2px 18px;background-color:#516AE8;border:none;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,0.24);color:#fff!important;text-transform:uppercase;font-weight:700;cursor:default;transition:all .25s ease;height:32px;font-size:12px}.btn:hover,button:hover{box-shadow:0 2px 8px rgba(0,0,0,0.34);background-color:#5A72EE}.btn:active,button:active{box-shadow:0 1px 4px rgba(0,0,0,0.16);background-color:#4059DB}.btn:focus,button:focus{outline:none}#header{margin:0;height:0;border:none}#sr-header-area{background-color:rgba(0,0,0,0.05);border:0 solid;transition:all .15s ease;height:24px;line-height:23px}#sr-header-area .width-clip{right:300px}body:not(.loggedin) #sr-header-area .width-clip{right:340px}#sr-header-area .sr-list{margin-right:48px}#sr-header-area .sr-bar a,#sr-more-link,#sr-header-area .separator,#sr-header-area .dropdown.srdrop .selected{background-color:transparent;color:rgba(255,255,255,0.6);transition:all .15s ease}#sr-header-area:hover .sr-bar a,#sr-header-area:hover #sr-more-link,#sr-header-area:hover .seperator,#sr-header-area:hover .dropdown.srdrop .selected{color:rgba(255,255,255,1)}#sr-header-area .sr-bar a:hover,#sr-more-link:hover,#sr-header-area .dropdown.srdrop .selected:hover{background-color:transparent;border:0 solid;transition:all .15s ease}a.random.choice{padding-top:2px;position:relative;display:inline-block;margin-top:-2px}#sr-header-area .dropdown.srdrop .selected{margin:0 12px 0 8px;padding:0;background-image:none}#sr-header-area .dropdown.srdrop .selected:hover{text-decoration:underline}#sr-header-area .dropdown.srdrop .selected:after{position:relative;content:"V";margin-left:4px;font-size:10px}#sr-header-area .drop-choices.srdrop{background-color:#fff;border:none;box-shadow:0 2px 3px rgba(0,0,0,0.15)}#sr-header-area .drop-choices a.choice{border-bottom:1px solid #edeeee;color:#4D5763;padding:2px}#sr-header-area .drop-choices a.choice:hover{background-color:#f1f1f1}#header-img.default-header,#header-img{z-index:99;width:0;padding-left:48px;height:48px;background-image:url(%%spritesheeta%%);background-position:-208px -48px;position:relative;top:0;margin:0}#header-img.default-header:hover,#header-img:hover{background-position:-208px -96px}#header .pagename{font-size:0}#header .pagename a{display:inline-block;color:#fff;font-size:22px;padding:11px;font-weight:700;position:relative;top:0;font-family:arial;margin:0 4px;vertical-align:top;transition:background-color .25s ease;font-variant:normal}#header .pagename a:hover{text-decoration:none;background-color:rgba(0,0,0,0.08)}#header .pagename a:before{content:"/r/";font-size:18px;font-variant:normal;letter-spacing:1px}#header-bottom-left{position:absolute;top:36px;left:16px}#header .tabmenu{border:none;margin:0}#header .tabmenu ul li{margin:0!important}#header .tabmenu li a{display:inline-block;margin:0 7px;padding:16px;background-color:transparent;border:0;border-radius:0;color:rgba(255,255,255,0.6);text-transform:uppercase;font-weight:400;font-size:14px;font-family:Arial,sans-serif;transition:color .25s ease,background-color .25s ease;color:#fff}#header .tabmenu li a,.pagename a{text-shadow:0 1px 8px rgba(0,0,0,0.5)}#header .tabmenu li a:hover{color:rgba(255,255,255,1);background-color:rgba(0,0,0,0.08)}#header .tabmenu li.selected a{padding:16px 16px 14px;background-color:transparent;border:0;border-bottom:2px solid #fff;color:rgba(255,255,255,1);font-weight:700}#header .tabmenu li.selected a:hover{background-color:rgba(0,0,0,0.08)}.listing-page .tabmenu li > a[href$="/rising/"],.wiki-page .tabmenu li > a[href$="/rising/"],.listing-page .tabmenu li > a[href$="/controversial/"],.wiki-page .tabmenu li > a[href$="/controversial/"],.listing-page .tabmenu li > a[href$="/promoted/"],.wiki-page .tabmenu li > a[href$="/promoted/"],.listing-page .tabmenu li > a[href$="/gilded/"],.wiki-page .tabmenu li > a[href$="/gilded/"]{display:none!important}.side{margin:200px 16px 0 0;padding:6px 16px;background-color:#fff;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.16)}#header-bottom-right{position:absolute;top:0;right:0;width:auto;max-width:300px;height:24px;background-color:transparent;font-size:11px;color:rgba(255,255,255,0.45);padding:5px 8px 4px 2px}body:not(.loggedin) #header-bottom-right{max-width:340px}#header-bottom-right a{color:#fff}#header-bottom-right a:hover{text-decoration:underline}.user .userkarma{font-weight:400;color:rgba(255,255,255,0.45);border:none;font-size:9px;transition:all .15s ease}.separator,.user{color:rgba(255,255,255,0.45)}#mail,#modmail{width:16px;height:14px;background-image:url(%%spritesheeta%%)!important;background-repeat:no-repeat!important;background-color:transparent;transition:all .25s ease}#mail{top:-2px;overflow:visible}#mail.nohavemail{background-position:-32px -0}#mail.havemail{background-position:-32px -16px;opacity:1}.message-count{background-color:#f50;position:relative;top:-1px}#mail.havemail:before{position:fixed;padding:16px 24px;bottom:24px;z-index:100;background-color:#EA4848;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.24);color:#fff;width:300px;height:48px;left:24px;content:"You have new messages!";text-indent:0;font-size:14px;font-family:arial,sans-serif;line-height:1;-webkit-transform:translateY(112px);transform:translateY(112px);transition:background-color .25s ease,box-shadow .25s ease;background-image:url(%%spritesheeta%%);background-position:269px -32px;background-repeat:no-repeat}#mail.havemail:hover:before{background-color:#ec5b5b;box-shadow:0 3px 12px rgba(0,0,0,0.48)}#mail.havemail:active:before{background-color:#c73d3d;box-shadow:0 4px 14px rgba(0,0,0,0.76)}#modmail{top:-3px}#modmail.nohavemail{background-position:-48px -0}#modmail.havemail{background-position:-48px -16px;opacity:1}#header-bottom-right a.pref-lang,.loggedin .logout a{background-position:-0 -16px;background-image:url(%%spritesheeta%%);width:16px;height:14px;display:inline-block;text-indent:-9999px;margin:0;position:relative;top:-1px;transition:all .25s ease}.loggedin .logout a{background-position:-16px -0}.side:after{display:block;margin:10px 0;padding:10px 0;color:#5B92FA;content:"CSS Theme via /r/Naut";text-transform:none;font-size:16px;font-family:arial,sans-serif;position:absolute;width:300px;text-align:center;right:16px}#search{position:absolute;right:16px;top:96px;z-index:1;width:300px}#search input[type=text]{padding:10px 25px 10px 16px;border:0 solid;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.24)!important;transition:all .25s ease}#search input[type=text]:hover{box-shadow:0 3px 12px rgba(0,0,0,0.32)!important}#search input[type=text]:focus{border-radius:2px 2px 0 0;outline:none}#search input[type=text]:focus:hover{box-shadow:0 1px 5px rgba(0,0,0,0.24)!important}#search input[type="text"]:-moz-placeholder{font-size:0}#search input[type="text"]::-webkit-input-placeholder{font-size:0}#search input[type="text"]:-ms-input-placeholder{font-size:0}#search input[type="text"]:-moz-placeholder::after{font-size:14px;content:"Search reddit..";position:relative;top:1px}#search input[type="text"]::-webkit-input-placeholder::after{font-size:14px;content:"Search reddit..";position:relative;top:1px}#search input[type="text"]:-ms-input-placeholder::after{font-size:14px;content:"Search reddit..";position:relative;top:1px}#search input[type=text]::-webkit-input-placeholder{color:#B3B3B3}#search input[type=text]:-moz-placeholder{color:#B3B3B3}#search input[type=text]::-moz-placeholder{color:#B3B3B3}#search input[type=text]:-ms-input-placeholder{color:#B3B3B3}#search input[type=submit]{height:32px;width:32px;margin-left:-38px;background-image:url(%%spritesheeta%%);background-position:-215px -231px;background-repeat:no-repeat;border:none!important;border-radius:16px;background-color:rgba(0,0,0,0.00);transition:background-color .15s ease}#search input[type=submit]:hover{background-image:url(%%spritesheeta%%);background-position:-215px -231px;background-repeat:no-repeat;background-color:rgba(0,0,0,0.05)}#search #searchexpando{background-color:#f2f2f2;border:none;border-radius:0 0 2px 2px;margin-top:-5px;padding-top:10px;padding-left:0;padding-right:0;height:57px;line-height:45px}#search #searchexpando label{padding:18px 8px 17px;cursor:pointer;transition:all .1s ease}#search #searchexpando label:hover{background-color:rgba(0,0,0,0.1)}#search #searchexpando label:active{background-color:rgba(0,0,0,0.25)}#search #searchexpando p{display:none!important}.morelink{position:absolute;top:148px;box-shadow:0 1px 5px rgba(0,0,0,0.24);background-color:#516ae8;background-image:url(%%spritesheeta%%)!important;background-position:268px -214px!important;background-repeat:no-repeat!important;right:16px;width:300px;height:36px;border-radius:2px;line-height:36px;border:none;text-align:left;padding:0 16px;transition:all .25s ease;font-family:verdana,arial,sans-serif}.morelink:hover{background-color:#5a72ee;box-shadow:0 5px 8px rgba(0,0,0,0.24)}.morelink:active{background-color:#4059DB;box-shadow:0 8px 12px rgba(0,0,0,0.60)}.morelink a{color:#fff;font-weight:400;font-size:14px;letter-spacing:0}.morelink:after{content:"Please remember to read the rules. Thank you!";padding:16px;width:300px;position:absolute;right:0;margin-top:0;display:block;background-color:#516AE8;color:#fff;letter-spacing:0;z-index:100;opacity:0;transition:all .25s ease;transition-delay:0;font-weight:400;line-height:1.4em;border-radius:2px 2px 0 0;box-shadow:0 1px 5px rgba(0,0,0,0.16);visibility:hidden;pointer-events:none}.morelink:hover:after{margin-top:16px;opacity:100;visibility:visible;transition-delay:.25s}.disabled .morelink{box-shadow:none!important;background-color:#CFCFCF}.disabled .morelink a{color:#4d5763}.disabled .morelink:after{content:"You must be approved by the moderators in order to submit.";background-color:#CFCFCF;color:#4d5763}.account-activity-box,.sidebox.create,.morelink .nub,.sidebox.submit.submit-text{display:none}.login-form-side{border:none}.login-form-side input[type=text],.login-form-side input[type=password]{width:128px}.login-form-side button.btn{margin-right:-3px}.titlebox h1{color:#4d5763;margin-bottom:6px}.titlebox span.subscribers,.titlebox .users-online,.titlebox .number{color:#999;font-size:12px;position:relative;top:-2px;left:-2px}div.titlebox span.word{display:none}.titlebox .users-online{display:inline}.titlebox .users-online:before{display:none}div.titlebox span.number:after{content:" readers,"}.titlebox .users-online .number{font-style:italic}.titlebox .users-online .number:before{content:""}.titlebox .users-online .number:after{content:" here"}.titlelebox .word{display:none}.titlebox .users-online,.titlebox .number{cursor:text}.titlebox .tagline{font-size:12px;margin:0}.titlebox .tagline:after{content:"";height:2px;background-color:#f2f2f2;display:block;margin-top:16px}.titlebox .tagline a.flairselectbtn{color:#4F8EF7}.titlebox .tagline a.flairselectbtn:after{content:" flair"}.titlebox .tagline .flair:before{content:""}.titlebox form.toggle.flairtoggle,.leavemoderator,.titlebox .tagline a.author,.sidebox .subtitle{display:none}.titlebox form.toggle.sr_style_toggle{padding:0;display:block}.titlebox form.toggle.sr_style_toggle label{position:relative;top:-3px}.res form.toggle.sr_style_toggle{margin:-20px 0 18px}.titlebox .fancy-toggle-button{position:relative}.titlebox .fancy-toggle-button .add,.titlebox .fancy-toggle-button .remove{text-indent:-9999px;height:48px;width:48px;position:absolute;right:-268px;top:-36px;background-image:none;border-radius:32px;background-color:#51A3E8;border:0 solid;box-shadow:0 2px 4px rgba(0,0,0,0.24);background-image:url(%%spritesheeta%%);transition:all .25s ease,background-position .25s ease,background-color .5s ease;outline:none!important}.titlebox .fancy-toggle-button .add:hover,.titlebox .fancy-toggle-button .remove:hover{box-shadow:0 3px 6px rgba(0,0,0,0.48)}.titlebox .fancy-toggle-button .add:active,.titlebox .fancy-toggle-button .remove:active{box-shadow:0 4px 16px rgba(0,0,0,0.64)}.titlebox .fancy-toggle-button .add{background-color:#516AE8;background-position:-208px -144px}.titlebox .fancy-toggle-button .add:hover{background-color:#5A72EE}.titlebox .fancy-toggle-button .add:active{background-color:#fff;background-position:-208px -192px}.titlebox .fancy-toggle-button .remove{background-color:#fff;background-position:-208px -192px}.titlebox .fancy-toggle-button .remove:hover{background-color:rgba(0,0,0,0.05)}.titlebox .fancy-toggle-button .remove:active{background-color:#5A72EE;background-position:-208px -144px}.titlebox .fancy-toggle-button .add:after,.fancy-toggle-button .remove:after{display:block;visibility:hidden;position:absolute;z-index:1000;right:-26px;margin-top:16px;padding:12px;background-color:rgba(79,77,192,0);border:none;border-radius:2px;color:rgba(255,255,255,0);text-align:center;letter-spacing:1px;font-weight:400;font-size:13px;transition:all .25s ease;pointer-events:none;text-indent:0;box-shadow:0 0 0 rgba(0,0,0,0.00)}.titlebox .fancy-toggle-button .add:after{content:"Subscribe!"}.titlebox .fancy-toggle-button .add:hover:after{visibility:visible;margin-top:40px;color:#fff;background-color:#516AE8;box-shadow:0 1px 5px rgba(0,0,0,0.24)}.titlebox .fancy-toggle-button .remove:after{content:"Unsubscribe"}.titlebox .fancy-toggle-button .remove:hover:after{visibility:visible;color:#4D5763;background-color:#fff;margin-top:40px;box-shadow:0 1px 5px rgba(0,0,0,0.24)}.hover-bubble.multi-selector{margin-top:-60px}.side .md .-blocks,.side .md .-lists,.side .md pre,.side .md blockquote,.side .md table,.side .md p,.side .md ul,.side .md ol{color:#4D5763;font-size:13px;font-family:Arial,sans-serif;line-height:1.3333333333333em}.side .titlebox .md h1{line-height:18px;margin:.5em 0 0!important}.side .titlebox .md h2{margin:16px 0 2px}.side .titlebox .md h3 a{padding:12px 16px;width:100%;border-radius:2px;background-color:#516AE8;font-family:verdana,arial,sans-serif;transition:all .25s ease;color:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.24);display:block;margin:1.5em 0;font-size:12px}.side .titlebox .md h3 a:hover{background-color:#5A72EE;box-shadow:0 2px 8px rgba(0,0,0,0.54)}.side .titlebox .md h3 a:active{background-color:#4059DB;box-shadow:0 4px 12px rgba(0,0,0,0.54)}.side .titlebox .md h4 a,.wiki-page .wiki-page-content .md.wiki h4{padding:12px 16px;background-color:#FFF;border:1px solid #D4D4D4;border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,0.12);color:#737373;font-weight:700;transition:all .15s ease;display:block;margin:1.5em 0;font-size:12px}.side .titlebox h4 a:hover,.wiki-page .wiki-page-content .md.wiki h4:hover{box-shadow:0 3px 8px rgba(0,0,0,0.24);color:#4D5763}.side .titlebox h4 a:active,.wiki-page .wiki-page-content .md.wiki h4:active{box-shadow:inset 0 2px 0 #D6D6D6;background-color:#E5E5E5;color:#999;box-shadow:0 6px 12px rgba(0,0,0,0.36)}.md hr{border:solid 1px #e5e5e5}.titlebox .bottom{display:none}.side #moderation_tools .title h1{text-transform:capitalize;color:#4D5763}.side #moderation_tools .title .collapse-button{color:#4D5763;vertical-align:middle;border-radius:1px;border:1px solid #d8d8d8}.side .sidecontentbox .content{border:none;padding:8px 0}.icon-menu a{background-color:transparent}#ad_sponsorship,#ad-frame,#ad_main{margin-left:-16px}#ad_sponsorship{margin-top:-18px;border-radius:2px 2px 0 0}.gadget .midcol{width:38px}body >.content{margin:96px 332px 0 16px;padding:0;border-radius:2px}body.listing-page >.content{box-shadow:0 1px 5px rgba(0,0,0,0.16)}body:before{height:166px;top:0;position:absolute;width:100%;left:0;right:0;background-color:#3A3D4D;background-image:url(%%headerimg%%);background-repeat:no-repeat;background-position:50% 0;content:"";text-indent:-9999px;z-index:-1}@media only screen and (min-width : 1921px){body:before{background-size:cover}}.sitetable{position:relative}.link{margin:0;padding:0;background-color:#fff}body >.content .link .rank,.rank-spacer{display:none}.link .midcol{width:36px!important;margin:15px 14px 0 11px;overflow:visible;height:60px}.link .score{line-height:16px;font-size:12px;margin:1px 0}.link .score.likes{color:#ff6422}.link .score.dislikes{color:#5c5bd7}.arrow{margin:0 0 0 2px;background-image:url(%%spritesheeta%%)!important;background-color:transparent;width:33px;border-radius:2px;transition:background-color .25s ease}.arrow:hover{background-color:rgba(0,0,0,0.05)}.arrow.up{height:20px;background-position:-64px 0;transition:background-color .25s ease}.arrow.upmod{height:20px;background-position:-128px 0;position:relative}.arrow.upmod:focus:after{position:absolute;left:2px;bottom:-3px;width:28px;height:28px;opacity:1;z-index:100;content:" ";background-color:#f50;border-radius:28px;animation:upvote .35s ease-out forwards;-webkit-animation:upvote .35s ease-out forwards}.arrow.down{height:20px;background-position:-160px 0;transition:background-color .25s ease}.arrow.downmod{height:20px;background-position:-224px 0}.arrow.down:after{display:block;visibility:hidden;position:absolute;z-index:1000;margin-top:-6px;margin-left:32px;padding:12px;background-color:rgba(79,77,192,0.0);border:none;border-radius:2px;color:rgba(255,255,255,0);content:"For content that does not contribute to any discussion.";text-align:center;letter-spacing:1px;font-weight:400;font-size:13px;transition:all .25s ease;pointer-events:none}.arrow.down:hover:after{visibility:visible;background-color:rgba(79,77,192,0.9);color:#FFF;margin-left:48px}.thumbnail{max-width:64px;max-height:56px;margin:16px 16px 0 0}.thumbnail.self,.thumbnail.default{height:56px}a.thumbnail img{height:64px;width:64px}.thumbnail.self{background:url(%%spritesheeta%%) -73px -80px}.thumbnail.default{background:url(%%spritesheeta%%) -143px -80px}.thumbnail.nsfw{background:url(%%spritesheeta%%) -3px -140px}.linkflairlabel{padding:1px 6px;height:18px;border-radius:1px;border:0 solid;color:#fff;font-weight:700;font-style:normal;font-variant:normal;font-size:13px;font-family:Arial,sans-serif;cursor:default;vertical-align:middle;position:relative;top:-2px;background-color:#4F8EF7}~~~~~.linkflair-inspiration .linkflairlabel{background-color:#ea4848;color:#fff}.linkflair-inspiration .thumbnail.self{background:url(%%spritesheeta%%) -143px -140px}.linkflair-waywo .linkflairlabel{background-color:#516ae8;color:#fff}.linkflair-waywo .thumbnail.self{background:url(%%spritesheeta%%) -73px -140px}.linkflair-mod .linkflairlabel{background-color:#65B354;color:#fff}.linkflair-mod a{color:#65B354!important}.linkflair-mod .thumbnail.default,.linkflair-mod .thumbnail.self{background:url(%%spritesheeta%%) -3px -80px!important}.link .title{margin:-2px 0 0;font-size:18px;font-family:Arial,sans-serif;overflow:visible;transition:all .15s ease;line-height:1.33}body .content .sitetable .link .title a:hover{color:#4F8EF7}.link .entry{padding:15px 32px 14px 0;border-bottom:1px solid #f2f2f2;margin-left:0}.thing .title.loggedin.click,.thing .title.click,.thing .title.loggedin,.thing .title{color:#4F8EF7}.content .thing .title:visited,.content .thing.visited .title{color:#7D5D8A}.thing .title.loggedin.click:visited,.thing .title.click:visited{color:#4F8EF7}.link .domain{visibility:hidden}.link .domain a{visibility:visible;position:relative;top:-1px;color:#b3b3b3;transition:all .15s ease}.link .domain a:hover{color:#4F8EF7;text-decoration:none}.approval-checkmark{cursor:default}.expando-button,.expando-button.image,.expando-button.video-muted{position:relative;margin:2px 6px 2px 0 !important;width:16px!important;height:16px!important;border-radius:2px;background-color:transparent;background-image:url(%%spritesheeta%%)!important;border:1px solid #e9e9e9;cursor:pointer}.expando-button:hover{background-color:#4F8EF7;border-color:#4F8EF7}.expando-button.selftext.collapsed{background-position:-32px -32px!important}.expando-button.selftext.collapsed:hover{background-position:-48px -32px!important}.expando-button.selftext.expanded{background-position:-64px -32px!important}.expando-button.selftext.expanded:hover{background-position:-80px -32px!important}.expando-button.video.collapsed{background-position:-96px -32px!important}.expando-button.video.collapsed:hover{background-position:-12px -32px!important}.expando-button.video.expanded{background-position:-64px -32px!important}.expando-button.video.expanded:hover{background-position:-80px -32px!important}.expando-button.image.collapsedExpando{background-position:-160px -32px!important}.expando-button.image.collapsedExpando:hover{background-position:-176px -32px!important}.expando-button.image.expanded{background-position:-64px -32px!important}.expando-button.image.expanded:hover{background-position:-80px -32px!important}.expando-button.image.gallery.collapsedExpando{background-position:-128px -32px!important}.expando-button.image.gallery.collapsedExpando:hover{background-position:-144px -32px!important}.expando-button.image.gallery.expanded{background-position:-64px -32px!important}.expando-button.image.gallery.expanded:hover{background-position:-80px -32px!important}.expando-button.video-muted.collapsed{background-position:-208px -32px!important}.expando-button.video-muted.collapsed:hover{background-position:-224px -32px!important}.expando-button.video-muted.expanded{background-position:-64px -32px!important}.expando-button.video-muted.expanded:hover{background-position:-80px -32px!important}.link .usertext .md{margin-top:10px;padding-top:3px;padding-left:0;background-color:transparent;border:0 solid;border-top:1px solid #F7F7F7;border-radius:0;color:#4D5763}.entry .tagline{margin-top:4px;color:#b3b3b3;font-size:12px;font-family:arial,sans-serif;transition:all .15s ease}.link .entry .tagline a{color:#4d5763}.link .entry .tagline:first-letter{text-transform:capitalize}.link .entry .tagline time{cursor:help}.link .entry .tagline a:hover{color:#4F8EF7;text-decoration:none}.link .entry .tagline a.author{margin-right:inherit}.link .entry .tagline .userattrs{visibility:hidden}.link .entry .tagline .userattrs a{visibility:visible;font-size:10px;padding:1px 3px 1px 2px;margin-left:2px;background-color:red;color:#fff!important;vertical-align:middle;border-radius:1px;position:relative;top:-1px;cursor:help}.link .entry .tagline .userattrs a.moderator{background-color:#65B354}.RESUserTagImage{height:10px!important;background-image:url(%%spritesheeta%%)!important;background-position:-192px -34px!important;opacity:.25!important;margin-left:2px!important;transition:opacity .15s ease;margin-top:1px!important}.RESUserTagImage:hover{opacity:1!important}.link .flat-list{margin-top:3px}.entry .buttons li a{padding:0 1px;color:#b3b3b3;font-weight:400;font-size:13px;font-family:Arial,sans-serif;transition:all .15s ease}.link .entry .buttons li a:hover{color:#4F8EF7;text-decoration:none}.nsfw-stamp acronym{padding:2px 3px;background-color:transparent;border-color:#e82e63!important;border-radius:2px;color:#e82e63;opacity:100;cursor:help}.link .entry .buttons li a.comments{color:#4F8EF7;font-weight:700!important;opacity:100!important;transition:all .25s ease-in-out!important}.link .entry li .comments:hover{text-decoration:none}.action-form{position:fixed;top:35%;left:40%;margin:0;padding:24px;background-color:#fff;z-index:100;box-shadow:0 0 16px rgba(0,0,0,0.24);border:none;border-radius:2px}.action-form .reason-prompt{font-size:16px;color:#4D5763;padding-bottom:8px;display:block}.action-form .reason-prompt:first-letter{text-transform:capitalize}.action-form .reason-prompt li{padding:4px 4px 4px 0;display:block}.action-form li label{padding:4px 4px 4px 0;cursor:pointer;display:block;color:#4D5763;text-transform:capitalize}.action-form li label:hover{background-color:rgba(0,0,0,0.05)}.action-form input[name="other_reason"]{padding:8px}.link .entry .buttons li a.flairselectbtn{color:#4F8EF7}.link .entry .buttons li .redditSingleClick{padding:0 1px;color:#b3b3b3;font-weight:400;font-size:13px;font-family:Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;transition:all .15s ease}.thing.spam{background-color:#FFE9E6}.entry .buttons li.reported-stamp{background-color:transparent;border:1px solid #EDEEEE!important;border-radius:20px;color:#4A4F57;line-height:16px}a.pretty-button.negative,a.pretty-button.neutral,a.pretty-button.positive{background-image:none;border:1px solid;border-radius:20px;box-shadow:inset 0 0 0 rgba(0,0,0,0.25);color:#fff;line-height:15px;transition:all .25s ease}a.pretty-button.negative{background-color:#fb797e;border-color:#fb797e}a.pretty-button.negative:hover{background-color:#fc535a;border-color:#fc535a}a.pretty-button.neutral{background-color:#ddd;border-color:#ddd;color:#4A4F57}a.pretty-button.neutral:hover{background-color:#ececec;border-color:#ececec}a.pretty-button.positive{background-color:#1ecd97;border-color:#1ecd97}a.pretty-button.positive:hover{background-color:#22e1a6;border-color:#22e1a6}a.pretty-button.positive.pressed,a.pretty-button.neutral.pressed,a.pretty-button.negative.pressed{background-image:none;box-shadow:inset 0 3px 1px rgba(0,0,0,0.15)}.comment.spam>.child,.message.spam>.child{background-color:transparent}.link.last-clicked{background-color:#F2F2F2;border:none}.thing.stickied{border-radius:2px 2px 0 0}.thing.stickied a.title,.thing.stickied a,.thing.stickied .entry li .comments{color:#65b354!important}.thing.stickied .expando-button:hover{background-color:#65b354!important;border-color:#65b354!important}.tagline .stickied-tagline{color:#b3b3b3;cursor:help}.thing.stickied .domain{display:none}.content .spacer{margin:0}.link.promotedlink.promoted{margin-right:0;background-color:#EFF7FF;border:none;padding:0}.organic-listing .link,.organic-listing .link.compressed,.organic-listing .link.promotedlink{padding-top:0;padding-bottom:0}.link.promotedlink.promoted .thumbnail{max-height:inherit;max-width:inherit;margin-top:8px}.link.promotedlink.promoted .thumbnail img{height:inherit;width:inherit}.organic-listing{background-color:#fff!important;padding:0;position:relative;margin-bottom:0;border:none;border-radius:2px 2px 0 0}.organic-listing .help{margin-bottom:20px;margin-right:16px}.organic-listing .sponsored-tagline{margin-bottom:20px;margin-right:16px;color:#B3B3B3}.link.compressed{margin:0}.link.compressed .entry{padding:11px 32px 9px 0}.link.compressed .title{margin:0}body>.content .link.compressed .midcol{height:auto;margin:8px 0 0 4px}.flairselector{position:fixed;top:20%!important;left:50%!important;margin-left:-125px;padding:32px!important;width:250px!important;border:none;border-radius:2px;box-shadow:0 0 16px rgba(0,0,0,0.64)}.flairselector.drop-choices.active{border:1px solid #e2e2e2}.flairselector h2{margin-bottom:4px;background-color:transparent;color:#4F8EF7;text-align:left;font-weight:400;font-size:18px}.flairoptionpane{max-height:250px;text-align:left}.flairselector .flairoptionpane ul li{padding:0!important}.flairoptionpane ul li .linkflair{text-align:left;padding:0}.flairoptionpane ul li .linkflair:hover,.flairselector li:hover{background-color:#F5F8F9;border:0 solid}.flairoptionpane ul li .linkflair span.linkflairlabel{margin:8px 0;line-height:1.35;margin-right:6px}.flairoptionpane ul li .linkflair a.title{font-size:18px!important;opacity:100!important;color:#4F8EF7!important}.flairselector form{padding-top:12px;border-top:1px solid #F7F7F7}.flairselector form .flairselection{text-align:left}.flairselector form .flairselection:before{display:block;content:"Selected Flair:";color:#b3b3b3}.flairselector form .flairselection .linkflair a.title{font-size:18px!important;opacity:100!important;color:#4F8EF7!important;cursor:default}.flairselector form .flairselection .flairremove{padding:4px 0;margin-bottom:8px;visibility:hidden;display:block!important}.flairselector form .flairselection .flairremove a{visibility:visible;opacity:100!important;color:#4F8EF7!important;margin-left:-4px;text-transform:capitalize}.flairselector form .flairselection .flairremove a:first-letter{text-transform:capitalize}.flairselector form .flairselection .flairremove a:hover{text-decoration:underline!important}.flairselector .error{text-align:left}.flairselector .error:first-letter{text-transform:capitalize}.flairselector .error:after{display:block;color:#b3b3b3;content:"Go to /r/.../about/flairs."}.flairselector img{position:relative;left:50%;margin-left:-9px;opacity:.5}.flairselector .flairoptionpane ul li{margin:4px 0}.flairselector li.selected{border:none;background-color:transparent}.flairselector .flairoptionpane ul li.flairsample-right{padding:5px 0!important;border:none}.flairselector li a,.flairselector form .flairselection a.author{color:#b3b3b3!important;font-size:11px}.unvotable-message{border:0 solid;color:#b3b3b3}.unvotable-message:first-letter{text-transform:capitalize}.res .RES-keyNav-activeElement{outline:0 dashed #E0E0E0!important;transition:all .35s ease}.res .entry{transition:all .15s ease}div.RES-keyNav-activeElement,div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed{background-color:transparent!important;padding-left:8px!important;border-left:2px solid #4F8EF7}div.commentarea div.RES-keyNav-activeElement .md{background-color:transparent!important}.res .commentarea .thing{padding:16px 16px 0 14px !important}.res .commentarea .entry .flat-list{padding-bottom:16px}.userTagLink.hasTag,#userTaggerPreview{font-size:11px!important;border-radius:0!important;border:0 solid!important;margin-top:0!important;margin-left:4px!important}.RESDialogSmall{border:none;box-shadow:0 2px 3px rgba(0,0,0,0.12);margin-top:8px}.RESDialogSmall > h3{color:#4F8EF7;background-color:#FFF;border-bottom:1px solid #EDEDED;height:36px;padding:8px;margin:0}.livePreview .md{padding:8px 12px}.RESCloseButton{line-height:19px;height:22px;width:22px;transition:all .15s ease}.RESCloseButton:hover{border:1px solid #D7D9DC}#userTaggerToolTip input[type=text],#userTaggerToolTip select{line-height:22px;padding-left:4px;border:1px solid #E5E5E5!important}.toggleButton{line-height:.8}.toggleButton .toggleOn{border-radius:0;border:1px solid #4F8EF7;background-color:#4F8EF7;color:#fff;text-transform:capitalize}.toggleButton .toggleOff{border-radius:0;border:1px solid #D7D9DC;background-color:transparent;text-transform:capitalize}#userTaggerToolTip input[type=submit]{bottom:10px!important}.top-page .content .menuarea .drop-choices.lightdrop{display:inline;visibility:visible}.top-page .menuarea .spacer{overflow:visible}.top-page .content .menuarea .drop-choices.lightdrop a.choice,.top-page .content .menuarea .drop-choices.lightdrop form{display:inline}.top-page .content .menuarea .dropdown-title.lightdrop{visibility:hidden}.top-page .content .menuarea{border-bottom:0;padding:0;margin:0;height:36px}.top-page .content .menuarea .dropdown.lightdrop .selected{z-index:1002;position:relative;left:-68px;top:11px;background:none;text-decoration:none;text-transform:capitalize;font-size:12px;pointer-events:none;padding:10px 16px;background-color:#5A72EE;overflow:visible;color:#FFF}.top-page .content .menuarea .drop-choices.lightdrop{padding:10px 16px 10px 104px;margin-left:16px;margin-top:1px;border-radius:2px 2px 0 0;border:none;border-bottom:1px solid #E0E1E2;width:calc(100% - 348px);box-shadow:none}.top-page .content .menuarea .drop-choices.lightdrop a.choice{padding:10px;color:#4D5763;transition:all .25s ease}.top-page .content .menuarea .drop-choices.lightdrop a.choice[href*="/?t=all"]{border-right:0 solid}.top-page .content .menuarea .drop-choices.lightdrop a.choice:hover{background-color:#F5F8F9}.top-page .content .menuarea .drop-choices.lightdrop a.choice.selected{background-color:#4f8ef7;color:#fff}.guider{border:none;box-shadow:0 2px 3px #DDD}.guider_content h1{color:#4F8EF7}.guider_button{font-size:11px;border:none;background-image:none;background-color:#4F8EF7;transition:all .15s ease}.guider_button:hover{background-color:rgba(79,142,247,0.75)}.x_button{transition:all .25s ease;box-shadow:0 1px 4px rgba(0,0,0,0.00)}.x_button:hover{box-shadow:0 1px 4px rgba(0,0,0,0.15)}.content .infobar{margin:0 0 16px;padding:8px 16px;line-height:26px;border:none;background-color:#516AE8;color:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.24);border-radius:2px}.infobar .md{color:#fff}.content .infobar:first-letter{text-transform:capitalize}.content .infobar.welcome{line-height:inherit;height:86px}.content .infobar.welcome h1{color:#4d5763}.commentarea .infobar{padding:8px 16px;line-height:16px;margin-right:0}.commentarea .infobar a{color:rgba(0,0,0,0.54);font-weight:700}#noresults{margin:0;position:absolute;top:72px;width:100%;height:312px;background:transparent url(%%noresults%%) no-repeat 50% 50%;text-indent:-9999px;font-size:0;display:block}.sitetable .nav-buttons{padding:16px;background-color:#fff;color:#b3b3b3;border-top:1px solid #F2F2F2;margin-top:-1px}.sitetable .nav-buttons:first-letter{text-transform:capitalize}.sitetable .nav-buttons .nextprev{color:#b3b3b3;font-size:14px}.sitetable .nav-buttons .nextprev a{border:0;background-color:transparent}.sitetable .nav-buttons .nextprev a:hover{text-decoration:underline;border:0;background-color:transparent}.comments-page .link{border-radius:2px 2px 0 0;box-shadow:0 1px 5px rgba(0,0,0,0.16)}.comments-page .link .entry{border-bottom:none;padding-bottom:15px}.commentarea .panestack-title{margin:10px 0 0 22px;border-bottom:0}.commentarea .panestack-title .title{color:#4D5763}.panestack-title .title:first-letter{text-transform:capitalize}.commentarea .menuarea{margin:0 0 0 22px}.commentarea .menuarea span.dropdown-title.lightdrop{color:#b3b3b3}.commentarea .menuarea span.dropdown-title.lightdrop:first-letter{text-transform:capitalize}.commentarea .menuarea .dropdown.lightdrop .selected{cursor:pointer;text-decoration:none;background-image:none;padding-right:0;font-weight:400;color:#b3b3b3}.commentarea .menuarea .dropdown.lightdrop .selected:hover{color:#4F8EF7}.commentarea .menuarea .dropdown.lightdrop .selected:after{content:"鈻�"}.drop-choices.lightdrop{border:none;z-index:1001;box-shadow:0 1px 3px rgba(0,0,0,0.2)}.drop-choices a.choice{padding:6px;transition:all .1s ease}.drop-choices a.choice:hover{background-color:#4F8EF7;color:#fff}.commentarea .menuarea .toggle a,.help-hoverable{color:#b3b3b3;font-weight:400}.commentarea .menuarea .toggle a:hover,.help-hoverable:hover{color:#4F8EF7}.commentarea>.usertext{background-color:#FAFAFA;border-radius:0 0 2px 2px;margin:-58px 0 16px;padding:64px 16px 16px;box-shadow:0 1px 5px rgba(0,0,0,0.16);overflow:visible}.usertext button{margin:4px 16px 8px 0}.usertext-edit textarea{position:relative;z-index:999}.usertext .bottom-area{width:500px}.usertext .bottom-area a.reddiquette{color:#4F8EF7}.gold-accent.comment-visits-box{margin:0 0 12px;border-radius:2px}.commentarea .sitetable{margin:0;box-shadow:none}.commentarea .thing{border-radius:2px;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.16);margin:0 0 8px;padding:16px 16px 16px 14px}.commentarea .child .thing{box-shadow:none;padding:4px;margin:12px 0 0}.commentarea .comment .midcol{margin-top:2px;width:36px;margin-right:2px;overflow:visible}.commentarea .sitetable .comment{background-color:#fff}.comment .child,.comment .showreplies{border-left:1px dotted #ECECEC;margin-top:0}.comment .midcol{width:24px;margin-right:0}.comment .midcol .arrow{margin-left:0;margin-bottom:4px}.comment .entry .tagline{color:#b3b3b3;font-size:12px;font-family:Arial,sans-serif}.comment .expand{background-color:transparent;transition:all .15s ease;color:#B3B3B3}.comment .expand:hover{color:#fff;text-decoration:none;background-color:#4F8EF7}.comment .author{color:#4D5763;margin-right:0;font-weight:700}.comment .author:hover{color:#4f8ef7;text-decoration:none}.tagline .moderator,.green{color:#65B354;font-weight:700}.tagline .submitter{font-weight:700;color:#4f8ef7}.res .thing .tagline .author.submitter{padding:1px 4px;border-radius:1px;background-color:#4F8EF7!important;box-shadow:0 0 0 rgba(0,0,0,0);transition:all .15s ease}.res .thing .tagline .author.submitter:hover{box-shadow:0 2px 4px rgba(0,0,0,0.2);background-color:#4F8EF7!important}.comment .score{font-size:inherit;font-weight:700;color:#666}.comment span.userattrs{margin-left:4px}.comment .usertext .md{color:#4D5763}.comment .usertext .md p{margin-top:0}.md a{color:#4F8EF7}.md a:visited{color:#7D5D8A}.md pre{padding:8px}.md blockquote{border-left:2px solid #E5E3DA;color:#706F6F}.md h1,.md h2{margin:.5em 0 .25em;border:none;color:#4D5763}.md h3{color:#4D5763;margin:16px 0 0}.usertext.grayed .usertext-body{margin:4px 0;background-color:transparent;text-transform:italic;padding:0}.comment .flat-list li a{color:#b3b3b3;font-weight:400;font-size:10px}.comment .flat-list li a:hover{color:#4F8EF7;text-decoration:none}.comment .flat-list li a[onclick*="reply"]{color:#4F8EF7;font-weight:700;font-size:11px}.deepthread a{color:#4F8EF7}.comments-page .side{margin-top:312px}.comments-page .side .linkinfo{position:absolute;right:16px;top:200px;padding:16px;width:300px;background-color:#fff;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.16);border:none}.comments-page .side .linkinfo .date{color:#B3B3B3}.comments-page .side .linkinfo .date:first-letter{text-transform:capitalize}.comments-page .side .linkinfo .score{color:#4D5763}.linkinfo .shortlink input{border:1px solid #E5E5E5}.res.comments-page .side{margin-top:374px}.submit-page .content{margin:96px auto}.submit-page .side,.submit-page .content h1,#suggested-reddits{display:none}.submit-page #newlink.submit.content{width:524px;margin:0 auto}.submit-page #newlink.submit.content form .spacer+.spacer{margin:0}.submit-page #newlink.submit.content ul.tabmenu.formtab{padding:0;border:none}.submit-page #newlink.submit.content .tabmenu.formtab a{padding:16px;width:262px;display:inline-block;text-align:center;background-color:#fff;color:#4D5763;text-transform:uppercase;font-weight:700;transition:all .25s ease;font-size:16px;border:none}.submit-page #newlink.submit.content .tabmenu.formtab .selected a{font-size:16px;background-color:#516AE8;color:#fff}.submit-page #newlink.submit.content .tabmenu.formtab a:hover{background-color:#e7e9f6}.submit-page #newlink.submit.content .tabmenu.formtab .selected a:hover{background-color:#6379ea}.submit-page .formtabs-content{border-top:0;padding-top:0}.submit-page .roundfield{padding:16px;width:524px;background-color:#fff;border-radius:2px;margin-bottom:16px;box-shadow:0 1px 5px rgba(0,0,0,0.16)}.submit-page .roundfield .title{color:#4D5763;text-transform:capitalize}.submit-page .infobar{width:524px;margin:0;padding:16px;color:#fff;background-color:#516AE8;border-radius:0 0 2px 2px;border:none;margin-top:-12px;box-shadow:0 1px 5px rgba(0,0,0,0.24);font-size:0}.submit-page .infobar:before{font-size:14px;content:"Please submit insightful content that allows for discussion!";display:inline-block}.content.submit .info-notice{background-color:#fff;border-radius:2px;padding:16px;box-shadow:0 1px 5px rgba(0,0,0,0.16);border:none;margin-bottom:0}.submit-page #newlink.submit.content .btn{width:100%;line-height:41px;height:42px;margin-top:24px;background-color:#516AE8;border:none;color:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.24);cursor:pointer}.submit-page #newlink.submit.content .btn:hover{box-shadow:0 2px 12px rgba(0,0,0,0.48);color:#fff}.submit-page #header-bottom-left{top:36px;left:16px}.search-page .searchpane{margin:0;background:#fff none;padding:16px;border:none;border-radius:2px 2px 0 0;box-shadow:0 1px 5px rgba(0,0,0,0.24);position:relative}.raisedbox h4{color:#B3B3B3!important;font-weight:400;text-transform:capitalize}.search-page #search{position:inherit}.search-page #search input[type=text]{box-shadow:none!important;font-size:36px;padding:0;margin:0;border-radius:0;border-bottom:1px solid #E7E7E7;margin-bottom:9px}.search-page #search input[type=text]:hover{box-shadow:none!important}.search-page #search label{padding:1em;margin:.5em 0;transition:background-color .1s ease;cursor:pointer;font-size:12px}.search-page #search label:hover{background-color:rgba(0,0,0,0.05)}.search-page #previoussearch p{margin-top:1.5em}.search-summary{display:none}.search-page .morelink{top:96px}.search-page .side{margin-top:148px}.search-page .searchfacets{box-shadow:0 1px 5px rgba(0,0,0,0.24);border:none;padding:16px;margin:0;background-color:#F9F9F9;border-radius:0 0 2px 2px}.searchfacets .title{margin:0}.searchfacets h4.title{color:#4D5763;margin:0 0 8px}.searchfacets h4.title:first-letter{text-transform:capitalize}.searchfacets .list{margin:0}.searchfacets .facet.count{color:#B3B3B3;font-weight:400}.searchfacets .facet.count:hover{text-decoration:none}.search-page .menuarea{border-radius:2px 2px 0 0;border-bottom:0;margin:16px 0 0;padding:16px;color:#B3B3B3;background-color:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.16)}.search-page .menuarea .dropdown.lightdrop .selected{text-decoration:none;color:#4D5763;font-weight:400;cursor:pointer}.wiki-page .wikititle{background-color:#fff;padding:9px 16px 10px;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.16);font-size:16px;font-family:arial,sans-serif;text-transform:capitalize;margin:0}.wiki-page .pageactions{background-color:#fff;margin-left:16px;border-radius:2px;padding:0 16px;border:none;box-shadow:0 1px 5px rgba(0,0,0,0.16)}.wiki-page .pageactions .wikiaction{margin:0;background-color:transparent;border-radius:0;padding:10px 16px 11px;color:#B3B3B3}.wiki-page .pageactions .wikiaction-current{padding:10px 16px 7px;border-bottom:4px solid #4F8EF7;color:#4F8EF7}.wiki-page .pageactions .wikiaction:hover,.wiki-page .pageactions .wikiaction-current:hover{background-color:rgba(0,0,0,0.05)}.wiki-page .wiki-page-content{margin:16px 0;background-color:#fff;padding:16px;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.16)}.wiki-page .wiki-page-content .wiki>.toc>ul{border:none}.wiki-page .wiki-page-content .wiki.md{color:#4D5763}.wiki-page .wiki-page-content .wiki.md h2{color:#4D5763}.wiki-page .wiki-page-content .wiki.md p{font-size:14px;line-height:1.4285714285714em}.wiki-page .wiki-page-content hr{border-style:solid;border-color:#e5e5e5}.wiki-page .wiki-page-content em{color:#B3B3B3}.linefield{background-color:#fff;color:#B3B3B3;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.16);margin:0 0 8px;width:531px}.linefield .title{color:#4F8EF7;text-transform:capitalize}.linefield .title:first-letter,.linefield label:first-letter{text-transform:capitalize}.usertext .bottom-area a{color:#b3b3b3}.usertext .bottom-area a:hover{color:#4f8ef7}.pretty-form{padding-top:24px}.fancy-settings h1,.create-promotion h1{color:rgba(255,255,255,.8)}.fancy-settings h1 strong{color:rgba(255,255,255,1)}.tabmenu{border-bottom:1px solid #edeeee;margin-bottom:12px}.tabmenu li{margin:0!important}.tabmenu li a{background-color:transparent;color:#4D5763;border:none;font-size:14px}.tabmenu li.selected a{color:#4F8EF7;background-color:transparent;border:none}.tabpane-content{border:none}.tabpane-content .flairrow a.author{color:#b3b3b3}.tabpane-content .tagline a{color:#4F8EF7}.tabpane-content .thing .title{overflow:visible}.fancy-settings .pretty-form{padding-top:0}.stylesheet-customize-container .pretty-form{background-color:#fff;padding:16px;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.16);margin-bottom:16px}.stylesheet-customize-container .pretty-form .sheets{margin-right:0}.stylesheet-customize-container h2{display:none}.sheets .btn.right{background-color:transparent;border:none;box-shadow:none;padding:0}#images{padding:16px;background-color:#fff;border-radius:2px;box-shadow:0 1px 5px rgba(0,0,0,0.16);height:560px}#images #image-upload{margin:0 0 4em}.flair{border:none;border-radius:0;font-size:12px;font-family:arial,sans-serif;font-weight:400;background-color:transparent;color:#B3B3B3;padding-left:0;margin-right:inherit}.link .flair{font-size:12px}.flair:before{margin-right:3px;height:auto;content:"- ";margin-left:4px}.side .flair:before{margin-left:0}.listing-page .comment{background-color:#fff;margin-left:0;border-bottom:1px solid #F2F2F2;padding:12px}.listing-page .comment .midcol{width:36px;margin-right:2px;margin-top:4px;overflow:visible}.listing-page .comment .parent{margin-bottom:4px}.listing-page .comment .title{font-size:14px;margin-left:8px}.footer{border:0 solid}.res .link .tagline a.voteWeight{background-color:transparent!important}.res .thing .tagline .author.moderator{background-color:#65B354!important;padding:1px 4px;border-radius:1px}.res .srSep{color:rgba(255,255,255,0.45)}.res #RESShortcutsViewport{margin-right:381px}.res #RESShortcutsEditContainer{margin-right:312px}.res #RESShortcutsEditContainer,#RESShortcutsSort,#RESShortcutsRight,#RESShortcutsLeft,#RESShortcutsAdd,#RESShortcutsTrash{background-color:transparent!important;color:rgba(255,255,255,0.45)!important;top:1px!important}.pinHeader-sub #sr-header-area,.pinHeader-subanduser #sr-header-area{background-image:url(%%headerimg%%);background-position:50% 0}.pinHeader-sub #header-bottom-left,.pinHeader-subanduser #header-bottom-left{margin-top:0}.pinHeader-header:before{display:none!important}.pinHeader-header .content{margin-top:12px!important}.pinHeader-header .side{margin-top:164px}.pinHeader-header.res.comments-page .side{margin-top:290px}.pinHeader-header #header{top:0;background-image:url(%%headerimg%%);height:84px;box-shadow:0 1px 5px rgba(0,0,0,0.24)}.res #header-bottom-right{top:1px;border-radius:0;height:18px;padding:0 8px 0 0}.res #userbarToggle{background-color:transparent;color:rgba(255,255,255,0.45);border-radius:0;border:none}.res #header-bottom-right .user .userkarma{display:none}.res #header-bottom-right .user{font-size:0}.res #header-bottom-right .user a{font-size:11px}.res #sr-header-area a.RESShortcutsCurrentSub,.res #RESSubredditGroupDropdown .RESShortcutsCurrentSub a{color:#fff!important;border-bottom:2px solid #fff}#RESAccountSwitcherIcon{position:relative;top:-4px}.res #REScommentNavToggle{max-width:98px;overflow:hidden;max-height:15px;background-color:#FAFAFA;transition:all .35s ease}.res #REScommentNavToggle:hover{max-width:100%}.res .commentarea>.usertext{margin-top:-74px;padding-top:76px}.res .content .RESBigEditorPop{background-color:rgba(0,0,0,0);line-height:inherit;font-size:11px;font-family:verdana,arial,sans-serif;box-shadow:none;font-weight:400;color:#4D5763;border:none;padding:0;height:inherit;margin-left:4px;margin-top:5px}html.res-commentBoxes .comment{margin-left:0!important;margin-right:0!important}.res .commentarea .thing{border:none!important}.res .titlebox span.subscribers,.res .titlebox .users-online,.res .titlebox .number{top:0;left:0}.res .titlebox .tagline{margin-top:6px}.res .RESshortcutside,.res .RESDashboardToggle{background-image:none!important;border:none;color:#4D5763;text-transform:uppercase;text-decoration:none;border-radius:0;padding:4px 6px 4px 0;margin:2px 6px 2px -4px;text-align:left;width:auto}.res .RESshortcutside:hover,.res .RESDashboardToggle:hover{background-color:transparent;color:#4F8EF7}.res #progressIndicator{width:inherit;border-radius:0;border:none;padding:16px;margin:16px 0;color:#b3b3b3;background-color:#fff;height:inherit}.res #progressIndicator h2{color:#4D5763}.res .NERPageMarker{border-radius:0;border:none;background-color:#fff;padding:16px 0;margin:0}.res .sitetable .sitetable{margin-right:0}.res #search #searchexpando{width:300px;box-shadow:0 2px 6px rgba(0,0,0,0.2);height:auto}.res #search #searchexpando label{padding-top:13px;padding-bottom:13px}.res #searchexpando .searchexpando-submit{display:none}.res h1.hover.redditname{margin-bottom:28px}.res .titlebox .fancy-toggle-button .add,.res .fancy-toggle-button .remove{top:-78px}.res .titlebox .tagline{margin-top:-14px}.res .titlebox span.subscribers,.res .titlebox .users-online,.res .titlebox .number{top:-32px}.res .commentarea .panestack-title{margin-top:0;padding-top:12px}.gearIcon{background:url(%%spritesheeta%%) -0 -0!important;position:relative;top:2px;transition:all .25s ease}#RESMainGearOverlay{background-color:#516ae8;top:0!important;height:26px!important;border-radius:0!important}.RESDropdownList{border-color:#4258ca;box-shadow:0 1px 5px rgba(0,0,0,0.24);margin-top:4px;margin-right:8px}.RESDropdownList li{background-color:#516ae8;color:#fff;border-color:#4258ca;transition:all .15s ease}.RESDropdownList li:first-letter{text-transform:capitalize}.RESDropdownList a,.RESDropdownList a:visited{color:#fff}.RESDropdownList li:hover,.RESDropdownList li a:hover{color:#fff;background-color:#667df0}#RESSearchMenuItem{border:1px solid #4258ca;border-radius:1px;background-color:#667df0}#RESSearchMenuItem:hover{background-color:#667df0}.toggleButton .toggleOn,.toggleButton .toggleOff{text-transform:lowercase}.moduleToggle:not(.enabled) .toggleOn,.toggleButton:not(.enabled) .toggleOn,.moduleToggle.enabled .toggleOff,.toggleButton.enabled .toggleOff{background-color:transparent;color:rgba(255,255,255,0.6);border:1px solid #4258ca;transition:all .15s ease;border-radius:2px}.moduleToggle.enabled .toggleOn,.toggleButton.enabled .toggleOn,.moduleToggle:not(.enabled) .toggleOff,.toggleButton:not(.enabled) .toggleOff{background-color:#fff;color:#516AE8;font-weight:bolder;border:1px solid #fff;transition:all .15s ease;border-radius:2px}.markdownEditor .edit-btn:not(.btn-macro){border:0 solid!important;border-radius:1px;box-shadow:0 1px 2px rgba(0,0,0,0.12)}body>.content{animation-name:fadein;animation-duration:.75s;animation-iteration-count:1;-webkit-animation-name:fadein;-webkit-animation-duration:.75s;-webkit-animation-iteration-count:1}@-webkit-keyframes fadein{0%{opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px)}100%{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}}@-moz-keyframes fadein{0%{opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px)}100%{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}}@-o-keyframes fadein{0%{opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px)}100%{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}}@keyframes fadein{0%{opacity:0;transform:translateY(48px);-webkit-transform:translateY(48px)}100%{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px)}}#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}}@-webkit-keyframes upvote{0%{transform:scale(0,0);-webkit-transform:scale(0,0);opacity:1}45%{opacity:1}98%{opacity:0}100%{transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);opacity:0}}@-moz-keyframes upvote{0%{transform:scale(0,0);-webkit-transform:scale(0,0);opacity:1}45%{opacity:1}98%{opacity:0}100%{transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);opacity:0}}@-o-keyframes upvote{0%{transform:scale(0,0);-webkit-transform:scale(0,0);opacity:1}45%{opacity:1}98%{opacity:0}100%{transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);opacity:0}}@keyframes upvote{0%{transform:scale(0,0);-webkit-transform:scale(0,0);opacity:1}45%{opacity:1}98%{opacity:0}100%{transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);opacity:0}}
  2.  
  3.  
  4.  
  5. /* ===============================================================================================================================
  6.  
  7.  
  8. /////
  9. Add addons & your own customizations below here!
  10. /////
  11.  
  12.  
  13. ==================================================================================================================================*/
  14. /* --- Addon: Dark Theme --- */
  15.  
  16. /* Background Color */
  17. body {background-color: #1C1E22;}
  18.  
  19. /* Card Color */
  20. .link, input:not([type="submit"]), textarea, .side, .side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4
  21. .comments-page .side .linkinfo, .commentarea .thing, .stylesheet-customize-container .pretty-form, #images, .submit-page .roundfield,
  22. .linefield, .btn, button, .drop-choices, .hover-bubble, .search-page .searchpane, .content.submit .info-notice,
  23. .submit-page #newlink.submit.content .tabmenu.formtab a, .flairselector:before, .flairselector, .comments-page .side .linkinfo,
  24. .wiki-page .pageactions, .wiki-page .wikititle, .wiki-page .wiki-page-content, .search-page .menuarea, .sitetable .nav-buttons
  25. {background-color: #2E3135;}
  26.  
  27. .res-commentBoxes .comment .comment .comment, .res-commentBoxes .comment .comment .comment .comment .comment,
  28. .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment
  29. {background-color: #2E3135 !important;}
  30.  
  31. /* Secondary Card Color */
  32. #search #searchexpando, .commentarea>.usertext, .search-page .searchfacets, .link.last-clicked, .titlebox .tagline:after,
  33. .submit-page #newlink.submit.content .tabmenu.formtab a:hover, .top-page .content .menuarea .drop-choices.lightdrop a.choice:hover,
  34. .md code, .md pre, .pretty-form textarea, .btn:hover, button:hover, .btn:active, button:active, .new-comment .usertext-body
  35. {background-color: #25282C;}
  36.  
  37. .res-commentBoxes .comment .comment,
  38. .res-commentBoxes .comment .comment .comment .comment, .res-commentBoxes .comment .comment .comment .comment .comment .comment,
  39. .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment,
  40. .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment
  41. {background-color: #25282C !important;}
  42.  
  43. /* Border Color */
  44. .link .entry, .side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4, .link .usertext .md, input:not([type="submit"]), textarea,
  45. .btn, button, .roundfield textarea, .roundfield input[type=text], .top-page .content .menuarea .drop-choices.lightdrop,
  46. .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number], .md code, .md pre,
  47. .wiki-page .wiki-page-content hr, .expando-button, .expando-button.image, .expando-button.video-muted,
  48. .search-page #search input[type=text], .footer .col, .linefield textarea, .linefield input[type=text], .linefield input[type=password],
  49. .comment .child, .comment .showreplies, .linkinfo .shortlink input, .sitetable .nav-buttons, input:hover, textarea:hover,
  50. .pretty-form textarea {border-color: #25282C;}
  51.  
  52. /* Grey Text Color */
  53. body, .link .domain a, .link .entry .buttons li a, .link .entry .tagline, .flair, .titlebox .tagline, .bottommenu, .tagline .stickied-tagline,
  54. .comment .flat-list li a, .comment .entry .tagline, .comment .expand, .comment .entry, .comments-page .side .linkinfo .date,
  55. .usertext .bottom-area a, .commentarea .menuarea span.dropdown-title.lightdrop, .commentarea .menuarea .toggle a, .help-hoverable,
  56. .search-page .menuarea, .link .score, .sitetable .nav-buttons .nextprev, .gray, .linefield, .top-page .content .menuarea .drop-choices.lightdrop a.choice,
  57. .wiki-page .pageactions .wikiaction, .wiki-page .wiki-page-content em, .searchfacets h4.title, .link .entry .buttons li .redditSingleClick
  58. {color: #686E7B;}
  59.  
  60.  
  61. /* Black Text Color */
  62. .link .entry .tagline a, .titlebox h1 a, .md h1, .md h2, .titlebox span.subscribers, .titlebox .users-online, .titlebox .number,
  63. .side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4, .side .md .-blocks, .side .md .-lists, .side .md pre,
  64. .side .md blockquote, .side .md table, .side .md p, .side .md ul, .side .md ol, .side #moderation_tools .title h1, .sidecontentbox .title h1,
  65. .sidecontentbox .more a, .flat-vert.title, .md h3, .comment .usertext .md, .comment .score, .comment .author, .comments-page .side .linkinfo,
  66. #search #searchexpando, .commentarea .panestack-title .title, .hover-bubble, .search-page #search label, .search-page .menuarea,
  67. .search-page .menuarea .dropdown.lightdrop .selected, .submit-page .roundfield .title, .submit-page .roundfield,
  68. .submit-page #newlink.submit.content .tabmenu.formtab a, #sr-header-area .drop-choices a.choice, .comments-page .side .linkinfo .score,
  69. .pretty-form, input:not([type="submit"]), textarea, .link .usertext .md, .btn:hover, button:hover, .btn, button,
  70. .hover-bubble.multi-selector strong, .wiki-page .wikititle, .wiki-page-content .md h1, .wiki-page-content .md h6,
  71. .wiki-page .wiki-page-content .wiki.md, .wiki-page .wiki-page-content .wiki.md h2, input:focus, textarea:focus, .pretty-form textarea,
  72. .wiki-page .pageactions .wikiaction-current {color: #d2d2d2;}
  73.  
  74. /* Misc Fixes - Don't touch this */
  75. .btn, button {box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
  76. .btn:hover, button:hover {box-shadow: 0px 6px 7px 0 rgba(0, 0, 0, 0.42); -webkit-box-shadow: 0px 6px 7px 0 rgba(0, 0, 0, 0.42);}
  77. .btn:active, button:active {box-shadow: none;}
  78. .side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4 {box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);}
  79. .side .titlebox h4 a:hover, .wiki-page .wiki-page-content .md.wiki h4:hover {box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);}
  80. .search-page input[type="text"] {color: #fff !important;}
  81. .new-comment .usertext-body {background-color: rgba(229, 239, 255, 0.1); border: 0px solid;}
  82.  
  83.  
  84.  
  85. /* --- End Addon --- */
  86.  
  87. /* --- Addon: Text Strings --- */
  88. .arrow.down:after {content: "Use sparingly!";}
  89. .morelink:after {content: "Post to the Dead Moose";}
  90. .submit-page .infobar:before {content: "Please read the rules- assuming you don't want to get banned, of course.";}
  91. #mail.havemail:before {content: "You have new mail in your mailbox!";}
  92. div.titlebox span.number:after {content: " subscribers,";}
  93. .titlebox .users-online .number:after {content: " people are here";}
  94. /* --- End Addon --- */
  95.  
  96. /* Addon: Show submit text button */
  97. .sidebox.submit.submit-text {display: block;}
  98.  
  99. .side {margin-top: 248px;}
  100. .comments-page .side {margin-top: 360px;}
  101. .search-page .side {margin-top: 196px;}
  102. .sidebox.submit.submit-text .morelink {top: 196px;}
  103. .search-page .sidebox.submit.submit-text .morelink {top: 144px;}
  104. .comments-page .side .linkinfo {margin-top: 48px;}
  105.  
  106. .sidebox.submit.submit-text .morelink:after {
  107. content: "Post to the Dead Moose"; /* You can change the hover message for the submit-text button here */
  108. }
  109.  
  110. /* END ADDON */
  111.  
  112. /* ADDON: SIDEBAR IMAGE */
  113.  
  114. .side:before {display:block;position:relative;width:300px;margin:-6px -16px 18px;border-radius:4px 4px 0 0;vertical-align:bottom;text-align:center;font-size:14px;line-height:26px;color:#fff;background: url(%%side%%) no-repeat; /* Your image */
  115. padding-top:225px; /* Height of image */
  116. font-style: italic;
  117. content:"I love the smell of derpyness in the morning. ~MaygeKyatt"; /* Caption */
  118. background-color: #25282C; /* Color behind caption */
  119. }
  120.  
  121. /* END ADDON */
  122.  
  123. /* SMILEYS */
  124. .usertext-body a { display: inline-block }
  125. a[href^="#"] { cursor: default; display: inline-block; background-image: url(%%tmp%%); background-repeat: no-repeat; background-position: -9999px -9999px; margin: 0 2px; content: " " }
  126. a[href="#s"] {
  127. visibility: hidden;
  128. display: inline-block
  129. }
  130. a[href="#s"]::after {
  131. content: attr(title);
  132. background: red;
  133. color: red;
  134. visibility: visible
  135. }
  136. a[href="#s"]:hover::after, a[href="#s"]:active::after {
  137. color: green;
  138. }
  139.  
  140. a[href$="#menupic2"] { background-position: -0px -0px; width: 32px; height: 32px; }
  141. a[href$="#menupic3"] { background-position: -0px -32px; width: 32px; height: 32px; }
  142. a[href$="#crazy"] { background-position: -0px -64px; width: 24px; height: 24px; }
  143. a[href$="#shocked2"] { background-position: -0px -88px; width: 24px; height: 24px; }
  144. a[href$="#blush"] { background-position: -0px -112px; width: 24px; height: 24px; }
  145. a[href$="#angry3"] { background-position: -0px -136px; width: 24px; height: 24px; }
  146. a[href$="#laughing"] { background-position: -0px -160px; width: 24px; height: 24px; }
  147. a[href$="#whistling"] { background-position: -0px -184px; width: 24px; height: 24px; }
  148. a[href$="#grin"] { background-position: -0px -208px; width: 24px; height: 24px; }
  149. a[href$="#smile2"] { background-position: -0px -232px; width: 24px; height: 24px; }
  150. a[href$="#heart2"] { background-position: -0px -256px; width: 24px; height: 24px; }
  151. a[href$="#heh"] { background-position: -0px -280px; width: 24px; height: 24px; }
  152. a[href$="#doh"] { background-position: -0px -304px; width: 24px; height: 24px; }
  153. a[href$="#money"] { background-position: -0px -328px; width: 24px; height: 24px; }
  154. a[href$="#meh"] { background-position: -0px -352px; width: 24px; height: 24px; }
  155. a[href$="#peaceout"] { background-position: -0px -376px; width: 24px; height: 24px; }
  156. a[href$="#crazy3"] { background-position: -0px -400px; width: 24px; height: 24px; }
  157. a[href$="#laughing3"] { background-position: -0px -424px; width: 24px; height: 24px; }
  158. a[href$="#minus"] { background-position: -0px -448px; width: 24px; height: 24px; }
  159. a[href$="#plus"] { background-position: -0px -472px; width: 24px; height: 24px; }
  160. a[href$="#nerd"] { background-position: -0px -496px; width: 24px; height: 24px; }
  161. a[href$="#good"] { background-position: -0px -520px; width: 24px; height: 24px; }
  162. a[href$="#robot"] { background-position: -0px -544px; width: 24px; height: 24px; }
  163. a[href$="#ugh"] { background-position: -0px -568px; width: 24px; height: 24px; }
  164. a[href$="#menupic"] { background-position: -0px -592px; width: 24px; height: 24px; }
  165. a[href$="#ftripoff"] { background-position: -0px -616px; width: 24px; height: 24px; }
  166. a[href$="#ufo"] { background-position: -0px -640px; width: 24px; height: 24px; }
  167. a[href$="#spoon2"] { background-position: -0px -664px; width: 24px; height: 24px; }
  168. a[href$="#frown"] { background-position: -0px -688px; width: 24px; height: 24px; }
  169. a[href$="#sleeping3"] { background-position: -0px -712px; width: 24px; height: 24px; }
  170. a[href$="#heart3"] { background-position: -0px -736px; width: 24px; height: 24px; }
  171. a[href$="#vector"] { background-position: -0px -760px; width: 24px; height: 24px; }
  172. a[href$="#muffin"] { background-position: -0px -784px; width: 24px; height: 24px; }
  173. a[href$="#gape2"] { background-position: -0px -808px; width: 24px; height: 24px; }
  174. a[href$="#ninja"] { background-position: -0px -832px; width: 24px; height: 24px; }
  175. a[href$="#dead3"] { background-position: -0px -856px; width: 24px; height: 24px; }
  176. a[href$="#huh"] { background-position: -0px -880px; width: 24px; height: 24px; }
  177. a[href$="#dead"] { background-position: -0px -904px; width: 24px; height: 24px; }
  178. a[href$="#erm"] { background-position: -0px -928px; width: 24px; height: 24px; }
  179. a[href$="#ninja3"] { background-position: -0px -952px; width: 24px; height: 24px; }
  180. a[href$="#sleeping"] { background-position: -0px -976px; width: 24px; height: 24px; }
  181. a[href$="#curious2"] { background-position: -0px -1000px; width: 24px; height: 24px; }
  182. a[href$="#crying3"] { background-position: -0px -1024px; width: 24px; height: 24px; }
  183. a[href$="#chromakode3"] { background-position: -0px -1048px; width: 24px; height: 24px; }
  184. a[href$="#angry2"] { background-position: -0px -1072px; width: 24px; height: 24px; }
  185. a[href$="#bomb"] { background-position: -0px -1096px; width: 24px; height: 24px; }
  186. a[href$="#sulk"] { background-position: -0px -1120px; width: 24px; height: 24px; }
  187. a[href$="#sad"] { background-position: -0px -1144px; width: 24px; height: 24px; }
  188. a[href$="#gape"] { background-position: -0px -1168px; width: 24px; height: 24px; }
  189. a[href$="#laughing2"] { background-position: -0px -1192px; width: 24px; height: 24px; }
  190. a[href$="#dead2"] { background-position: -0px -1216px; width: 24px; height: 24px; }
  191. a[href$="#ftripoff2"] { background-position: -0px -1240px; width: 24px; height: 24px; }
  192. a[href$="#hellyes"] { background-position: -0px -1264px; width: 24px; height: 24px; }
  193. a[href$="#smile3"] { background-position: -0px -1288px; width: 24px; height: 24px; }
  194. a[href$="#crying"] { background-position: -0px -1312px; width: 24px; height: 24px; }
  195. a[href$="#sick"] { background-position: -0px -1336px; width: 24px; height: 24px; }
  196. a[href$="#smile4"] { background-position: -0px -1360px; width: 24px; height: 24px; }
  197. a[href$="#yeah"] { background-position: -0px -1384px; width: 24px; height: 24px; }
  198. a[href$="#smiley"] { background-position: -0px -1408px; width: 24px; height: 24px; }
  199. a[href$="#evil"] { background-position: -0px -1432px; width: 24px; height: 24px; }
  200. a[href$="#cool"] { background-position: -0px -1456px; width: 24px; height: 24px; }
  201. a[href$="#angry"] { background-position: -0px -1480px; width: 24px; height: 24px; }
  202. a[href$="#ninja2"] { background-position: -0px -1504px; width: 24px; height: 24px; }
  203. a[href$="#reading"] { background-position: -0px -1528px; width: 24px; height: 24px; }
  204. a[href$="#wink3"] { background-position: -0px -1552px; width: 24px; height: 24px; }
  205. a[href$="#halfsmile3"] { background-position: -0px -1576px; width: 24px; height: 24px; }
  206. a[href$="#spoon"] { background-position: -0px -1600px; width: 24px; height: 24px; }
  207. a[href$="#ashamed"] { background-position: -0px -1624px; width: 24px; height: 24px; }
  208. a[href$="#brokenheart"] { background-position: -0px -1648px; width: 24px; height: 24px; }
  209. a[href$="#drool"] { background-position: -0px -1672px; width: 24px; height: 24px; }
  210. a[href$="#love2"] { background-position: -0px -1696px; width: 24px; height: 24px; }
  211. a[href$="#crying2"] { background-position: -0px -1720px; width: 24px; height: 24px; }
  212. a[href$="#love3"] { background-position: -0px -1744px; width: 24px; height: 24px; }
  213. a[href$="#grin2"] { background-position: -0px -1768px; width: 24px; height: 24px; }
  214. a[href$="#boring"] { background-position: -0px -1792px; width: 24px; height: 24px; }
  215. a[href$="#err"] { background-position: -0px -1816px; width: 24px; height: 24px; }
  216. a[href$="#raspberry2"] { background-position: -0px -1840px; width: 24px; height: 24px; }
  217. a[href$="#grin3"] { background-position: -0px -1864px; width: 24px; height: 24px; }
  218. a[href$="#sulk2"] { background-position: -0px -1888px; width: 24px; height: 24px; }
  219. a[href$="#muffin2"] { background-position: -0px -1912px; width: 24px; height: 24px; }
  220. a[href$="#wink"] { background-position: -0px -1936px; width: 24px; height: 24px; }
  221. a[href$="#curious"] { background-position: -0px -1960px; width: 24px; height: 24px; }
  222. a[href$="#halfsmile2"] { background-position: -0px -1984px; width: 24px; height: 24px; }
  223. a[href$="#ashamed3"] { background-position: -0px -2008px; width: 24px; height: 24px; }
  224. a[href$="#aww"] { background-position: -0px -2032px; width: 24px; height: 24px; }
  225. a[href$="#sour"] { background-position: -0px -2056px; width: 24px; height: 24px; }
  226. a[href$="#chromakode"] { background-position: -0px -2080px; width: 24px; height: 24px; }
  227. a[href$="#sleeping2"] { background-position: -0px -2104px; width: 24px; height: 24px; }
  228. a[href$="#halfsmile"] { background-position: -0px -2128px; width: 24px; height: 24px; }
  229. a[href$="#alien"] { background-position: -0px -2152px; width: 24px; height: 24px; }
  230. a[href$="#unimpressed"] { background-position: -0px -2176px; width: 24px; height: 24px; }
  231. a[href$="#love"] { background-position: -0px -2200px; width: 24px; height: 24px; }
  232. a[href$="#wink2"] { background-position: -0px -2224px; width: 24px; height: 24px; }
  233. a[href$="#ohmygod"] { background-position: -0px -2248px; width: 24px; height: 24px; }
  234. a[href$="#shocked"] { background-position: -0px -2272px; width: 24px; height: 24px; }
  235. a[href$="#raspberry"] { background-position: -0px -2296px; width: 24px; height: 24px; }
  236. a[href$="#sad2"] { background-position: -0px -2320px; width: 24px; height: 24px; }
  237. a[href$="#star"] { background-position: -0px -2344px; width: 24px; height: 24px; }
  238. a[href$="#heart"] { background-position: -0px -2368px; width: 24px; height: 24px; }
  239.  
  240. /* END SMILEYS */
  241.  
  242. /* FLAIR SELECTOR */
  243.  
  244. .flairselector .h2 {
  245. color: green!important;
  246. }
  247.  
  248. /* END FLAIR SELECTOR */
  249.  
  250. /* START MY FLAIR SWAG */
  251.  
  252. /* .flair {
  253. background: url(%%spritesheet%%) no-repeat -9999px;
  254. border: 0;
  255. padding: 0;
  256. } */
  257.  
  258. .flair {
  259. background:url(%%spritesheet%%);
  260. background-repeat: no-repeat;
  261. padding: 0;
  262. min-width: 24px;
  263. max-width: 64px;
  264. height: 24px;
  265. overflow: hidden;
  266. text-indent: 28px;
  267. font-size: 10px;
  268. line-height: 24px;
  269. vertical-align: middle;
  270. display: inline-block;
  271. border: none!important;
  272. /*box-shadow: 0 1px 0 #F5F7E7,inset 0 0 1px black!important;*/
  273. transition: all 0.3s ease-out;
  274. transition-delay: 0.15s;
  275. position: relative;
  276. color: rgba(0,0,0,0);
  277. }
  278.  
  279. .flair[title]:after {
  280. content: attr(title);
  281. position: absolute;
  282. color: #d2d2d2;
  283. font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  284. /*text-transform: uppercase; */
  285. bottom: 0px;
  286. left: -10px;
  287. background: white;
  288. box-shadow: 0px 1px 10px white;
  289. padding: 0px 5px;
  290. border-radius: 3px;
  291. white-space: nowrap;
  292. visibility: hidden;
  293. pointer-events: none;
  294. text-indent: 0px;
  295. border-bottom-left-radius: 18px;
  296. border-top-left-radius: 18px;
  297. transform: scale(0.8,0.4);
  298. }
  299.  
  300. .flair[title]:before {
  301. bottom: 4px;
  302. left: 30px!important;
  303. box-shadow: 0px 0px 0px transparent!important;
  304. border: solid rgba(0,0,0,0);
  305. content: " ";
  306. height: 0;
  307. width: 0;
  308. position: absolute;
  309. border-right-color: rgba(255,255,255,0);
  310. border-width: 8px;
  311. margin-left: -10px;
  312. background-color: transparent!important;
  313. }
  314.  
  315. .flair[title]:hover:before, .flair[title]:hover:after, .flair[title]:active:before, .flair[title]:active:after {
  316. visibility: visible;
  317. opacity: 1;
  318. transform: scale(1);
  319. background: #787878;
  320. border-right-color: rgba(120, 120, 120, 1);
  321. border-bottom-left-radius: 3px;
  322. border-top-left-radius: 3px;
  323. box-shadow: 0px 1px 0px rgba(46,46,44,0.5);
  324. left: 35px;
  325. transition: all .3s cubic-bezier(0.100, 0.235, 0.215, 1.195) .05s, background-color .45s cubic-bezier(0.100, 0.235, 0.215, 1.195) .1s, border-right-color .45s cubic-bezier(0.100, 0.235, 0.215, 1.195) .1s;
  326. }
  327. .flair[title=""]:hover:before {border-right-color: transparent;}
  328. .flair:hover {overflow: visible; color: rgba(0,0,0,0)}
  329.  
  330. .flair-Moose {
  331. width: 24px;
  332. height: 24px;
  333. background-position: 0 0;
  334. }
  335.  
  336. .flair-bigdead {
  337. width: 24px;
  338. height: 24px;
  339. background-position: 0 -24px;
  340. }
  341.  
  342. .flair-matt1 {
  343. width: 24px;
  344. height: 24px;
  345. background-position: 0 -48px;
  346. }
  347.  
  348. .flair-matt2 {
  349. width: 24px;
  350. height: 24px;
  351. background-position: 0 -72px;
  352. }
  353.  
  354. .flair-mebig {
  355. width: 64px;
  356. height: 64px;
  357. background-position: 0 -96px;
  358. }
  359.  
  360. .flair-municorn {
  361. width: 24px;
  362. height: 24px;
  363. background-position: 0 -160px;
  364. }
  365.  
  366. .flair-skull {
  367. width: 24px;
  368. height: 24px;
  369. background-position: 0 -184px;
  370. }
  371.  
  372. .flair-smalldead {
  373. width: 24px;
  374. height: 24px;
  375. background-position: 0 -208px;
  376. }
  377.  
  378. .link .flair, .entry .tagline .flair {
  379. float:left;
  380. }
  381.  
  382. /* END MY FLAIR SWAG */
  383.  
  384. /* EDIT FADEIN DURATION */
  385.  
  386. .listing-page .sitetable, .search-page .sitetable, .top-page .menuarea .spacer,
  387. .organic-listing {
  388. animation-name: fadein;
  389. animation-duration: 3s;
  390. animation-iteration-count: 1;
  391.  
  392. -webkit-animation-name: fadein;
  393. -webkit-animation-duration: 3s;
  394. -webkit-animation-iteration-count: 1;
  395. }
  396.  
  397. /* LINKFLAIRS */
  398.  
  399. a.flairselectbtn {
  400. position: relative;
  401. margin-top:0px;
  402. border: 2px solid white;
  403. font-size: 200%;
  404. padding: 3px;
  405. color: lightgrey;
  406. font-weight: bold;
  407. background: dimgrey;
  408. width: 100px;
  409. text-align: center;
  410. border-radius: 3px;
  411. font-size: 60%;
  412. padding: 0px;
  413. vertical-align: middle;
  414. }
  415.  
  416. a.flairselectbtn:after {content:" categories"}
  417.  
  418. .linkflair .linkflairlabel {
  419. display: inline-block;
  420. position: relative;
  421. margin-top:0px;
  422. border: 2px solid black;
  423. font-size: 100%;
  424. padding: 3px;
  425. color: yellow;
  426. font-weight: bold;
  427. background: purple;
  428. width: 100px;
  429. text-align: center;
  430. border-radius: 3px;
  431. font-size: 60%;
  432. padding: 0px;
  433. vertical-align: middle;
  434. }
  435.  
  436. .linkflair-red .linkflairlabel {
  437. background-color:red;
  438. color:green;
  439. }
  440.  
  441. .linkflair-yellow .linkflairlabel {
  442. background-color:yellow;
  443. color:purple;
  444. }
  445.  
  446. .linkflair-blue .linkflairlabel {
  447. background-color:blue;
  448. color:orange;
  449. }
  450.  
  451. .linkflair-orange .linkflairlabel {
  452. background-color:orange;
  453. color:blue;
  454. }
  455.  
  456. .linkflair-green .linkflairlabel {
  457. background-color:green;
  458. color:red;
  459. }
  460.  
  461. .linkflair-purple .linkflairlabel {
  462. background-color:purple;
  463. color:yellow;
  464. }
  465.  
  466. /* Filters */
  467.  
  468. html:lang(re) .link:not(.linkflair-red), html:lang(re) .side a[href*='#re'] {
  469. display: none }
  470.  
  471. html:lang(bl) .link:not(.linkflair-blue), html:lang(bl) .side a[href*='#bl'] {
  472. display: none }
  473.  
  474. html:lang(ye) .link:not(.linkflair-yellow), html:lang(ye) .side a[href*='#ye'] {
  475. display: none }
  476.  
  477. html:lang(or) .link:not(.linkflair-orange), html:lang(or) .side a[href*='#or'] {
  478. display: none }
  479.  
  480. html:lang(gr) .link:not(.linkflair-green), html:lang(gr) .side a[href*='#gr'] {
  481. display: none }
  482.  
  483. html:lang(pu) .link:not(.linkflair-purple), html:lang(pu) .side a[href*='#pu'] {
  484. display: none }
  485.  
  486. .side a[href*='#no'] {
  487. display: none!important }
  488.  
  489. html:lang(re) .side a[href*='#no'] {
  490. display: inline-block!important }
  491.  
  492. html:lang(or) .side a[href*='#no'] {
  493. display: inline-block!important }
  494.  
  495. html:lang(ye) .side a[href*='#no'] {
  496. display: inline-block!important }
  497.  
  498. html:lang(gr) .side a[href*='#no'] {
  499. display: inline-block!important }
  500.  
  501. html:lang(bl) .side a[href*='#no'] {
  502. display: inline-block!important }
  503.  
  504. html:lang(pu) .side a[href*='#no'] {
  505. display: inline-block!important }
  506.  
  507. /* Button Formatting */
  508.  
  509. .side .titlebox .md h2 {
  510. display: inline-block;
  511. position: relative;
  512. margin-top:0px;
  513. border: 2px solid white;
  514. font-size: 250%;
  515. padding: 4px;
  516. color: lightgray;
  517. font-weight: bold;
  518. background: dimgray;
  519. min-width: 22px;
  520. text-align: center;
  521. border-radius: 3px;
  522. /*positions the button */
  523. top:99px;
  524. left:75px;
  525. -webkit-transform: rotate(90deg);
  526. }
  527.  
  528. .side a[href*='#no'] {
  529. display: inline-block;
  530. position: relative;
  531. margin-top:0px;
  532. border: 2px solid black;
  533. font-size: 100%;
  534. padding: 3px;
  535. color: darkslategray;
  536. font-weight: bold;
  537. background: lightslategray;
  538. min-width: 135px;
  539. text-align: center;
  540. border-radius: 3px;
  541. /*positions the button */
  542. top:-29px;}
  543.  
  544. .side a[href*='#re'] {
  545. display: inline-block;
  546. position: relative;
  547. margin-top:0px;
  548. border: 2px solid black;
  549. font-size: 100%;
  550. padding: 3px;
  551. color: green;
  552. font-weight: bold;
  553. background: red;
  554. min-width: 135px;
  555. text-align: center;
  556. border-radius: 3px;
  557. /*positions the button */
  558. top:-29px;}
  559.  
  560. .side a[href*='#ye'] {
  561. display: inline-block;
  562. position: relative;
  563. margin-top:0px;
  564. border: 2px solid black;
  565. font-size: 100%;
  566. padding: 3px;
  567. color: purple;
  568. font-weight: bold;
  569. background: yellow;
  570. min-width: 135px;
  571. text-align: center;
  572. border-radius: 3px;
  573. /*positions the button */
  574. top:-29px;}
  575.  
  576. .side a[href*='#bl'] {
  577. display: inline-block;
  578. position: relative;
  579. margin-top:0px;
  580. border: 2px solid black;
  581. font-size: 100%;
  582. padding: 3px;
  583. color: orange;
  584. font-weight: bold;
  585. background: blue;
  586. min-width: 135px;
  587. text-align: center;
  588. border-radius: 3px;
  589. /*positions the button */
  590. top:-29px;}
  591.  
  592. .side a[href*='#or'] {
  593. display: inline-block;
  594. position: relative;
  595. margin-top:0px;
  596. border: 2px solid black;
  597. font-size: 100%;
  598. padding: 3px;
  599. color: blue;
  600. font-weight: bold;
  601. background: orange;
  602. min-width: 135px;
  603. text-align: center;
  604. border-radius: 3px;
  605. /*positions the button */
  606. top:-29px;}
  607.  
  608. .side a[href*='#gr'] {
  609. display: inline-block;
  610. position: relative;
  611. margin-top:0px;
  612. border: 2px solid black;
  613. font-size: 100%;
  614. padding: 3px;
  615. color: red;
  616. font-weight: bold;
  617. background: green;
  618. min-width: 135px;
  619. text-align: center;
  620. border-radius: 3px;
  621. /*positions the button */
  622. top:-29px;}
  623.  
  624. .side a[href*='#pu'] {
  625. display: inline-block;
  626. position: relative;
  627. margin-top:0px;
  628. border: 2px solid black;
  629. font-size: 100%;
  630. padding: 3px;
  631. color: yellow;
  632. font-weight: bold;
  633. background: purple;
  634. min-width: 135px;
  635. text-align: center;
  636. border-radius: 3px;
  637. /*positions the button */
  638. top:-29px;}
  639.  
  640. /* END LINKFLAIRS */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement