API tools faq
paste
Advertisement
MaygeKyatt

/r/themooseisdead stylesheet

MaygeKyatt
May 5th, 2015
263
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 75.41 KB | None | 0 0
raw download clone embed print report
  1. 
  2. /*
  3. Version 3.2
  4. Stylesheet by Cryptonaut
  5. Last modified: 01 MAY 2015
  6. Details: This is a custom template made by /u/Cryptonaut.
  7. Find out more on /r/Naut.
  8.  
  9. --------------------------------------------------------------------------
  10. [Changelog]
  11. v1.0 - Initial Design - /r/Naut Template
  12. v1.5 - Update 1
  13. V1.6 - Update 2 - Adjustments to make Naut come back to the reddit UX.
  14. V1.7 - Update 3 - A whole lot of UI tweaks and fixes.
  15. V2.0 - Update 4 - Naut is now on GitHub, added nightmode and some fixes.
  16. V2.1 - Update 5 - Initial CSS3 update - Added transitions and minor responsive tweaks.
  17. V2.2 - Update 6 - Bugfixes and the return of the suggest-title button.
  18. V2.3 - Update 7 - Bugfixes, including the search button.
  19. V3.0 - Update 8 - Complete rewrite to include easier customizing of colours,
  20. sizes and margins, more transitions and animations and
  21. much more. See /r/Naut for more
  22. V3.1 - Update 9 - Many bugfixes and some changes for easier customization
  23. V3.2 - Update 10 - Synced to make the reddit theme /r/NautClassic and /r/Naut use the same base
  24.  
  25. -------------------------------------------------------------------------- */
  26.  
  27.  
  28. *,: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:"鈻�";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}}
  29.  
  30.  
  31.  
  32. /* ===============================================================================================================================
  33.  
  34.  
  35. /////
  36. Add addons & your own customizations below here!
  37. /////
  38.  
  39.  
  40. ==================================================================================================================================*/
  41. /* --- Addon: Dark Theme --- */
  42.  
  43. /* Background Color */
  44. body {background-color: #1C1E22;}
  45.  
  46. /* Card Color */
  47. .link, input:not([type="submit"]), textarea, .side, .side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4
  48. .comments-page .side .linkinfo, .commentarea .thing, .stylesheet-customize-container .pretty-form, #images, .submit-page .roundfield,
  49. .linefield, .btn, button, .drop-choices, .hover-bubble, .search-page .searchpane, .content.submit .info-notice,
  50. .submit-page #newlink.submit.content .tabmenu.formtab a, .flairselector:before, .flairselector, .comments-page .side .linkinfo,
  51. .wiki-page .pageactions, .wiki-page .wikititle, .wiki-page .wiki-page-content, .search-page .menuarea, .sitetable .nav-buttons
  52. {background-color: #2E3135;}
  53.  
  54. .res-commentBoxes .comment .comment .comment, .res-commentBoxes .comment .comment .comment .comment .comment,
  55. .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment, .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment
  56. {background-color: #2E3135 !important;}
  57.  
  58. /* Secondary Card Color */
  59. #search #searchexpando, .commentarea>.usertext, .search-page .searchfacets, .link.last-clicked, .titlebox .tagline:after,
  60. .submit-page #newlink.submit.content .tabmenu.formtab a:hover, .top-page .content .menuarea .drop-choices.lightdrop a.choice:hover,
  61. .md code, .md pre, .pretty-form textarea, .btn:hover, button:hover, .btn:active, button:active, .new-comment .usertext-body
  62. {background-color: #25282C;}
  63.  
  64. .res-commentBoxes .comment .comment,
  65. .res-commentBoxes .comment .comment .comment .comment, .res-commentBoxes .comment .comment .comment .comment .comment .comment,
  66. .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment,
  67. .res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment
  68. {background-color: #25282C !important;}
  69.  
  70. /* Border Color */
  71. .link .entry, .side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4, .link .usertext .md, input:not([type="submit"]), textarea,
  72. .btn, button, .roundfield textarea, .roundfield input[type=text], .top-page .content .menuarea .drop-choices.lightdrop,
  73. .roundfield input[type=url], .roundfield input[type=password], .roundfield input[type=number], .md code, .md pre,
  74. .wiki-page .wiki-page-content hr, .expando-button, .expando-button.image, .expando-button.video-muted,
  75. .search-page #search input[type=text], .footer .col, .linefield textarea, .linefield input[type=text], .linefield input[type=password],
  76. .comment .child, .comment .showreplies, .linkinfo .shortlink input, .sitetable .nav-buttons, input:hover, textarea:hover,
  77. .pretty-form textarea {border-color: #25282C;}
  78.  
  79. /* Grey Text Color */
  80. body, .link .domain a, .link .entry .buttons li a, .link .entry .tagline, .flair, .titlebox .tagline, .bottommenu, .tagline .stickied-tagline,
  81. .comment .flat-list li a, .comment .entry .tagline, .comment .expand, .comment .entry, .comments-page .side .linkinfo .date,
  82. .usertext .bottom-area a, .commentarea .menuarea span.dropdown-title.lightdrop, .commentarea .menuarea .toggle a, .help-hoverable,
  83. .search-page .menuarea, .link .score, .sitetable .nav-buttons .nextprev, .gray, .linefield, .top-page .content .menuarea .drop-choices.lightdrop a.choice,
  84. .wiki-page .pageactions .wikiaction, .wiki-page .wiki-page-content em, .searchfacets h4.title, .link .entry .buttons li .redditSingleClick
  85. {color: #686E7B;}
  86.  
  87.  
  88. /* Black Text Color */
  89. .link .entry .tagline a, .titlebox h1 a, .md h1, .md h2, .titlebox span.subscribers, .titlebox .users-online, .titlebox .number,
  90. .side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4, .side .md .-blocks, .side .md .-lists, .side .md pre,
  91. .side .md blockquote, .side .md table, .side .md p, .side .md ul, .side .md ol, .side #moderation_tools .title h1, .sidecontentbox .title h1,
  92. .sidecontentbox .more a, .flat-vert.title, .md h3, .comment .usertext .md, .comment .score, .comment .author, .comments-page .side .linkinfo,
  93. #search #searchexpando, .commentarea .panestack-title .title, .hover-bubble, .search-page #search label, .search-page .menuarea,
  94. .search-page .menuarea .dropdown.lightdrop .selected, .submit-page .roundfield .title, .submit-page .roundfield,
  95. .submit-page #newlink.submit.content .tabmenu.formtab a, #sr-header-area .drop-choices a.choice, .comments-page .side .linkinfo .score,
  96. .pretty-form, input:not([type="submit"]), textarea, .link .usertext .md, .btn:hover, button:hover, .btn, button,
  97. .hover-bubble.multi-selector strong, .wiki-page .wikititle, .wiki-page-content .md h1, .wiki-page-content .md h6,
  98. .wiki-page .wiki-page-content .wiki.md, .wiki-page .wiki-page-content .wiki.md h2, input:focus, textarea:focus, .pretty-form textarea,
  99. .wiki-page .pageactions .wikiaction-current {color: #d2d2d2;}
  100.  
  101. /* Misc Fixes - Don't touch this */
  102. .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);}
  103. .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);}
  104. .btn:active, button:active {box-shadow: none;}
  105. .side .titlebox .md h4 a, .wiki-page .wiki-page-content .md.wiki h4 {box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.48);}
  106. .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);}
  107. .search-page input[type="text"] {color: #fff !important;}
  108. .new-comment .usertext-body {background-color: rgba(229, 239, 255, 0.1); border: 0px solid;}
  109.  
  110.  
  111.  
  112. /* --- End Addon --- */
  113.  
  114. /* --- Addon: Text Strings --- */
  115. .arrow.down:after {content: "Use sparingly!";}
  116. .morelink:after { content: "Post to the Dead Moose";}
  117. .submit-page .infobar:before {content: "Please read the rules- assuming you don't want to get banned, of course.";}
  118. #mail.havemail:before {content: "You have new mail in your mailbox!";}
  119. div.titlebox span.number:after {content: " subscribers,";}
  120. .titlebox .users-online .number:after {content: " people are here";}
  121. /* --- End Addon --- */
  122.  
  123. /* Addon: Show submit text button */
  124. .sidebox.submit.submit-text {display: block;}
  125.  
  126. .side {margin-top: 248px;}
  127. .comments-page .side {margin-top: 360px;}
  128. .search-page .side {margin-top: 196px;}
  129. .sidebox.submit.submit-text .morelink {top: 196px;}
  130. .search-page .sidebox.submit.submit-text .morelink {top: 144px;}
  131. .comments-page .side .linkinfo {margin-top: 48px;}
  132.  
  133. .sidebox.submit.submit-text .morelink:after {
  134. content: "Post to the Dead Moose"; /* You can change the hover message for the submit-text button here */
  135. }
  136.  
  137. /* END ADDON */
  138.  
  139. /* ADDON: SIDEBAR IMAGE */
  140.  
  141. .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 */
  142. padding-top:225px; /* Height of image */
  143. font-style: italic;
  144. content:"I love the smell of derpyness in the morning. ~MaygeKyatt"; /* Caption */
  145. background-color: #25282C; /* Color behind caption */
  146. }
  147.  
  148. /* END ADDON */
  149.  
  150. /*Smiley's*/
  151. .usertext-body a { display: inline-block }
  152. a[href^="#"] { cursor: default; display: inline-block; background-image: url(%%tmp%%); background-repeat: no-repeat; background-position: -9999px -9999px; margin: 0 2px; content: " " }
  153. a[href="#s"] {
  154. visibility: hidden;
  155. display: inline-block
  156. }
  157. a[href="#s"]::after {
  158. content: attr(title);
  159. background: red;
  160. color: red;
  161. visibility: visible
  162. }
  163. a[href="#s"]:hover::after, a[href="#s"]:active::after {
  164. color: green;
  165. }
  166.  
  167. a[href$="#menupic2"] { background-position: -0px -0px; width: 32px; height: 32px; }
  168. a[href$="#menupic3"] { background-position: -0px -32px; width: 32px; height: 32px; }
  169. a[href$="#crazy"] { background-position: -0px -64px; width: 24px; height: 24px; }
  170. a[href$="#shocked2"] { background-position: -0px -88px; width: 24px; height: 24px; }
  171. a[href$="#blush"] { background-position: -0px -112px; width: 24px; height: 24px; }
  172. a[href$="#angry3"] { background-position: -0px -136px; width: 24px; height: 24px; }
  173. a[href$="#laughing"] { background-position: -0px -160px; width: 24px; height: 24px; }
  174. a[href$="#whistling"] { background-position: -0px -184px; width: 24px; height: 24px; }
  175. a[href$="#grin"] { background-position: -0px -208px; width: 24px; height: 24px; }
  176. a[href$="#smile2"] { background-position: -0px -232px; width: 24px; height: 24px; }
  177. a[href$="#heart2"] { background-position: -0px -256px; width: 24px; height: 24px; }
  178. a[href$="#heh"] { background-position: -0px -280px; width: 24px; height: 24px; }
  179. a[href$="#doh"] { background-position: -0px -304px; width: 24px; height: 24px; }
  180. a[href$="#money"] { background-position: -0px -328px; width: 24px; height: 24px; }
  181. a[href$="#meh"] { background-position: -0px -352px; width: 24px; height: 24px; }
  182. a[href$="#peaceout"] { background-position: -0px -376px; width: 24px; height: 24px; }
  183. a[href$="#crazy3"] { background-position: -0px -400px; width: 24px; height: 24px; }
  184. a[href$="#laughing3"] { background-position: -0px -424px; width: 24px; height: 24px; }
  185. a[href$="#minus"] { background-position: -0px -448px; width: 24px; height: 24px; }
  186. a[href$="#plus"] { background-position: -0px -472px; width: 24px; height: 24px; }
  187. a[href$="#nerd"] { background-position: -0px -496px; width: 24px; height: 24px; }
  188. a[href$="#good"] { background-position: -0px -520px; width: 24px; height: 24px; }
  189. a[href$="#robot"] { background-position: -0px -544px; width: 24px; height: 24px; }
  190. a[href$="#ugh"] { background-position: -0px -568px; width: 24px; height: 24px; }
  191. a[href$="#menupic"] { background-position: -0px -592px; width: 24px; height: 24px; }
  192. a[href$="#ftripoff"] { background-position: -0px -616px; width: 24px; height: 24px; }
  193. a[href$="#ufo"] { background-position: -0px -640px; width: 24px; height: 24px; }
  194. a[href$="#spoon2"] { background-position: -0px -664px; width: 24px; height: 24px; }
  195. a[href$="#frown"] { background-position: -0px -688px; width: 24px; height: 24px; }
  196. a[href$="#sleeping3"] { background-position: -0px -712px; width: 24px; height: 24px; }
  197. a[href$="#heart3"] { background-position: -0px -736px; width: 24px; height: 24px; }
  198. a[href$="#vector"] { background-position: -0px -760px; width: 24px; height: 24px; }
  199. a[href$="#muffin"] { background-position: -0px -784px; width: 24px; height: 24px; }
  200. a[href$="#gape2"] { background-position: -0px -808px; width: 24px; height: 24px; }
  201. a[href$="#ninja"] { background-position: -0px -832px; width: 24px; height: 24px; }
  202. a[href$="#dead3"] { background-position: -0px -856px; width: 24px; height: 24px; }
  203. a[href$="#huh"] { background-position: -0px -880px; width: 24px; height: 24px; }
  204. a[href$="#dead"] { background-position: -0px -904px; width: 24px; height: 24px; }
  205. a[href$="#erm"] { background-position: -0px -928px; width: 24px; height: 24px; }
  206. a[href$="#ninja3"] { background-position: -0px -952px; width: 24px; height: 24px; }
  207. a[href$="#sleeping"] { background-position: -0px -976px; width: 24px; height: 24px; }
  208. a[href$="#curious2"] { background-position: -0px -1000px; width: 24px; height: 24px; }
  209. a[href$="#crying3"] { background-position: -0px -1024px; width: 24px; height: 24px; }
  210. a[href$="#chromakode3"] { background-position: -0px -1048px; width: 24px; height: 24px; }
  211. a[href$="#angry2"] { background-position: -0px -1072px; width: 24px; height: 24px; }
  212. a[href$="#bomb"] { background-position: -0px -1096px; width: 24px; height: 24px; }
  213. a[href$="#sulk"] { background-position: -0px -1120px; width: 24px; height: 24px; }
  214. a[href$="#sad"] { background-position: -0px -1144px; width: 24px; height: 24px; }
  215. a[href$="#gape"] { background-position: -0px -1168px; width: 24px; height: 24px; }
  216. a[href$="#laughing2"] { background-position: -0px -1192px; width: 24px; height: 24px; }
  217. a[href$="#dead2"] { background-position: -0px -1216px; width: 24px; height: 24px; }
  218. a[href$="#ftripoff2"] { background-position: -0px -1240px; width: 24px; height: 24px; }
  219. a[href$="#hellyes"] { background-position: -0px -1264px; width: 24px; height: 24px; }
  220. a[href$="#smile3"] { background-position: -0px -1288px; width: 24px; height: 24px; }
  221. a[href$="#crying"] { background-position: -0px -1312px; width: 24px; height: 24px; }
  222. a[href$="#sick"] { background-position: -0px -1336px; width: 24px; height: 24px; }
  223. a[href$="#smile4"] { background-position: -0px -1360px; width: 24px; height: 24px; }
  224. a[href$="#yeah"] { background-position: -0px -1384px; width: 24px; height: 24px; }
  225. a[href$="#smiley"] { background-position: -0px -1408px; width: 24px; height: 24px; }
  226. a[href$="#evil"] { background-position: -0px -1432px; width: 24px; height: 24px; }
  227. a[href$="#cool"] { background-position: -0px -1456px; width: 24px; height: 24px; }
  228. a[href$="#angry"] { background-position: -0px -1480px; width: 24px; height: 24px; }
  229. a[href$="#ninja2"] { background-position: -0px -1504px; width: 24px; height: 24px; }
  230. a[href$="#reading"] { background-position: -0px -1528px; width: 24px; height: 24px; }
  231. a[href$="#wink3"] { background-position: -0px -1552px; width: 24px; height: 24px; }
  232. a[href$="#halfsmile3"] { background-position: -0px -1576px; width: 24px; height: 24px; }
  233. a[href$="#spoon"] { background-position: -0px -1600px; width: 24px; height: 24px; }
  234. a[href$="#ashamed"] { background-position: -0px -1624px; width: 24px; height: 24px; }
  235. a[href$="#brokenheart"] { background-position: -0px -1648px; width: 24px; height: 24px; }
  236. a[href$="#drool"] { background-position: -0px -1672px; width: 24px; height: 24px; }
  237. a[href$="#love2"] { background-position: -0px -1696px; width: 24px; height: 24px; }
  238. a[href$="#crying2"] { background-position: -0px -1720px; width: 24px; height: 24px; }
  239. a[href$="#love3"] { background-position: -0px -1744px; width: 24px; height: 24px; }
  240. a[href$="#grin2"] { background-position: -0px -1768px; width: 24px; height: 24px; }
  241. a[href$="#boring"] { background-position: -0px -1792px; width: 24px; height: 24px; }
  242. a[href$="#err"] { background-position: -0px -1816px; width: 24px; height: 24px; }
  243. a[href$="#raspberry2"] { background-position: -0px -1840px; width: 24px; height: 24px; }
  244. a[href$="#grin3"] { background-position: -0px -1864px; width: 24px; height: 24px; }
  245. a[href$="#sulk2"] { background-position: -0px -1888px; width: 24px; height: 24px; }
  246. a[href$="#muffin2"] { background-position: -0px -1912px; width: 24px; height: 24px; }
  247. a[href$="#wink"] { background-position: -0px -1936px; width: 24px; height: 24px; }
  248. a[href$="#curious"] { background-position: -0px -1960px; width: 24px; height: 24px; }
  249. a[href$="#halfsmile2"] { background-position: -0px -1984px; width: 24px; height: 24px; }
  250. a[href$="#ashamed3"] { background-position: -0px -2008px; width: 24px; height: 24px; }
  251. a[href$="#aww"] { background-position: -0px -2032px; width: 24px; height: 24px; }
  252. a[href$="#sour"] { background-position: -0px -2056px; width: 24px; height: 24px; }
  253. a[href$="#chromakode"] { background-position: -0px -2080px; width: 24px; height: 24px; }
  254. a[href$="#sleeping2"] { background-position: -0px -2104px; width: 24px; height: 24px; }
  255. a[href$="#halfsmile"] { background-position: -0px -2128px; width: 24px; height: 24px; }
  256. a[href$="#alien"] { background-position: -0px -2152px; width: 24px; height: 24px; }
  257. a[href$="#unimpressed"] { background-position: -0px -2176px; width: 24px; height: 24px; }
  258. a[href$="#love"] { background-position: -0px -2200px; width: 24px; height: 24px; }
  259. a[href$="#wink2"] { background-position: -0px -2224px; width: 24px; height: 24px; }
  260. a[href$="#ohmygod"] { background-position: -0px -2248px; width: 24px; height: 24px; }
  261. a[href$="#shocked"] { background-position: -0px -2272px; width: 24px; height: 24px; }
  262. a[href$="#raspberry"] { background-position: -0px -2296px; width: 24px; height: 24px; }
  263. a[href$="#sad2"] { background-position: -0px -2320px; width: 24px; height: 24px; }
  264. a[href$="#star"] { background-position: -0px -2344px; width: 24px; height: 24px; }
  265. a[href$="#heart"] { background-position: -0px -2368px; width: 24px; height: 24px; }
  266.  
  267. /* START MY FLAIR SWAG */
  268.  
  269. /* .flair {
  270. background: url(%%spritesheet%%) no-repeat -9999px;
  271. border: 0;
  272. padding: 0;
  273. } */
  274.  
  275. .flair {
  276. background:url(%%spritesheet%%);
  277. background-repeat: no-repeat;
  278. padding: 0;
  279. min-width: 24px;
  280. max-width: 64px;
  281. height: 24px;
  282. overflow: hidden;
  283. text-indent: 28px;
  284. font-size: 10px;
  285. line-height: 24px;
  286. vertical-align: middle;
  287. display: inline-block;
  288. border: none!important;
  289. /*box-shadow: 0 1px 0 #F5F7E7,inset 0 0 1px black!important;*/
  290. transition: all 0.3s ease-out;
  291. transition-delay: 0.15s;
  292. position: relative;
  293. color: rgba(0,0,0,0)!important;
  294. }
  295.  
  296. .flair[title]:after {
  297. content: attr(title);
  298. position: absolute;
  299. color: #d2d2d2;
  300. font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  301. /*text-transform: uppercase; */
  302. bottom: 0px;
  303. left: -10px;
  304. background: white;
  305. box-shadow: 0px 1px 10px white;
  306. padding: 0px 5px;
  307. border-radius: 3px;
  308. white-space: nowrap;
  309. visibility: hidden;
  310. pointer-events: none;
  311. text-indent: 0px;
  312. border-bottom-left-radius: 18px;
  313. border-top-left-radius: 18px;
  314. transform: scale(0.8,0.4);
  315. }
  316.  
  317. .flair[title]:before {
  318. bottom: 4px;
  319. left: 30px!important;
  320. box-shadow: 0px 0px 0px transparent!important;
  321. border: solid rgba(0,0,0,0);
  322. content: " ";
  323. height: 0;
  324. width: 0;
  325. position: absolute;
  326. border-right-color: rgba(255,255,255,0);
  327. border-width: 8px;
  328. margin-left: -10px;
  329. background-color: transparent!important;
  330. }
  331.  
  332. .flair[title]:hover:before, .flair[title]:hover:after, .flair[title]:active:before, .flair[title]:active:after {
  333. visibility: visible;
  334. opacity: 1;
  335. transform: scale(1);
  336. background: #787878;
  337. border-right-color: rgba(120, 120, 120, 1);
  338. border-bottom-left-radius: 3px;
  339. border-top-left-radius: 3px;
  340. box-shadow: 0px 1px 0px rgba(46,46,44,0.5);
  341. left: 35px;
  342. 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;
  343. }
  344. .flair[title=""]:hover:before {border-right-color: transparent;}
  345. .flair:hover {overflow: visible; color: rgba(0,0,0,0)}
  346.  
  347. .flair-Moose {
  348. width: 24px;
  349. height: 24px;
  350. background-position: 0 0;
  351. }
  352.  
  353. .flair-bigdead {
  354. width: 24px;
  355. height: 24px;
  356. background-position: 0 -24px;
  357. }
  358.  
  359. .flair-matt1 {
  360. width: 24px;
  361. height: 24px;
  362. background-position: 0 -48px;
  363. }
  364.  
  365. .flair-matt2 {
  366. width: 24px;
  367. height: 24px;
  368. background-position: 0 -72px;
  369. }
  370.  
  371. .flair-mebig {
  372. width: 64px;
  373. height: 64px;
  374. background-position: 0 -96px;
  375. }
  376.  
  377. .flair-municorn {
  378. width: 24px;
  379. height: 24px;
  380. background-position: 0 -160px;
  381. }
  382.  
  383. .flair-skull {
  384. width: 24px;
  385. height: 24px;
  386. background-position: 0 -184px;
  387. }
  388.  
  389. .flair-smalldead {
  390. width: 24px;
  391. height: 24px;
  392. background-position: 0 -208px;
  393. }
  394.  
  395. .link .flair, .entry .tagline .flair {
  396. float:left;
  397. }
  398.  
  399. /* END MY FLAIR SWAG */
  400.  
  401. /* LINKFLAIRS */
  402.  
  403. .linkflair-funny .linkflairlabel {
  404. background-color:#ea4848;
  405. color:#fff
  406. }
  407. .linkflair-funny .thumbnail.self {
  408. background:url(%%spritesheeta%%) -143px -140px;
  409. }
  410.  
  411. .linkflair- .linkflairlabel {
  412. background-color:#ea4848;
  413. color:#fff
  414. }
  415. .linkflair-funny .thumbnail.self {
  416. background:url(%%spritesheeta%%) -143px -140px;
  417. }
  418.  
  419. /* END LINKFLAIRS */
  420.  
  421.  
  422. /* LINKFLAIRS */
  423.  
  424. .linkflair-notice .linkflairlabel {
  425. background-color:red;
  426. color:#fff
  427. }
  428.  
  429. .linkflair-anime .linkflairlabel {
  430. background-color:orange;
  431. color:#fff
  432. }
  433.  
  434. .linkflair-meme .linkflairlabel {
  435. background-color:turquoise;
  436. color:#fff
  437. }
  438.  
  439. /* END LINKFLAIRS */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!