API tools faq
paste
Advertisement
MaygeKyatt

/r/themooseisdead stylesheet

MaygeKyatt
May 12th, 2015
381
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 85.63 KB | None | 0 0
raw download clone embed print report
  1.     /*
  2.             Version 3.2
  3.             Stylesheet by Cryptonaut
  4.             Last modified: 01 MAY 2015
  5.             Details: This is a custom template made by /u/Cryptonaut.
  6.             Find out more on /r/Naut.
  7.  
  8.             --------------------------------------------------------------------------
  9.             [Changelog]
  10.             v1.0 - Initial Design - /r/Naut Template
  11.             v1.5 - Update 1 - New colours, icons and a whole bunch of fixes.
  12.             V1.6 - Update 2 - Adjustments to make Naut come back to the reddit UX.
  13.             V1.7 - Update 3 - A whole lot of UI tweaks and fixes.
  14.             V2.0 - Update 4 - Naut is now on GitHub, added nightmode and some fixes.
  15.             V2.1 - Update 5 - Initial CSS3 update - Added transitions and minor responsive tweaks.
  16.             V2.2 - Update 6 - Bugfixes and the return of the suggest-title button.
  17.             V2.3 - Update 7 - Bugfixes, including the search button.
  18.             V3.0 - Update 8 - Complete rewrite to include easier customizing of colours,
  19.                               sizes and margins, more transitions and animations and
  20.                               much more. See /r/Naut for more
  21.             V3.1 - Update 9 - Many bugfixes and some changes for easier customization
  22.             V3.2 - Update 10 - Synced to make the reddit theme /r/NautClassic and /r/Naut use the same base
  23.  
  24.             -------------------------------------------------------------------------- */
  25.  
  26.  
  27. *,: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;text-transform:capitalize;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}}
  28.  
  29.  
  30.  
  31. /* ===============================================================================================================================
  32.  
  33.    
  34.                                         /////
  35.                         Add addons & your own customizations below here!
  36.                                         /////
  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. div.side .spacer:nth-of-type(2):before{
  142. display:block;
  143. position:relative;
  144. width:300px;
  145. margin:-6px -16px 18px;
  146. border-radius:4px 4px 0 0;
  147.     content: '';
  148.     background: url(%%sprite%%)top center no-repeat;
  149.     height: 230px;
  150.     bottom: 12px;
  151.     margin-bottom: 5px;
  152.     -webkit-animation: 3s sprite steps(1) infinite;
  153.     animation: 3s sprite steps(1) infinite;
  154. }
  155.  
  156. @-webkit-keyframes sprite {
  157.     0%   { background-position: 0px 0px; }  //sprite
  158.     4%  { background-position: -300px 0px; }
  159.     8% { background-position: -600px 0px; }
  160.     12% { background-position: -900px 0px; }
  161.     16% { background-position: -1200px 0px; }
  162.     20% { background-position: -1500px 0px; }
  163.     24% { background-position: -1800px 0px; }
  164.     28% { background-position: -2100px 0px; }
  165.     32% { background-position: -2400px 0px; }  //sprite has 9
  166.     36% { background-position: -2100px 0px; }
  167.     40% { background-position: -1500px 0px; }
  168.     44% { background-position: 0px 0px; background: url(%%spriteb%%) }  //spriteb
  169.     48% { background-position: -300px 0px; background: url(%%spriteb%%) }
  170.     52% { background-position: -600px 0px; background: url(%%spriteb%%) }
  171.     56% { background-position: -900px 0px; background: url(%%spriteb%%) }
  172.     60% { background-position: -1200px 0px; background: url(%%spriteb%%) }
  173.     64% { background-position: -1500px 0px; background: url(%%spriteb%%) }  //spriteb has 6
  174.     68% { background-position: -1200px 0px; background: url(%%spriteb%%) }
  175.     72% { background-position: -600px 0px; background: url(%%spriteb%%) }
  176.     76% { background-position: 0px 0px; background: url(%%spritec%%) }  //spritec
  177.     80% { background-position: -300px 0px; background: url(%%spritec%%) }
  178.     84% { background-position: -600px 0px; background: url(%%spritec%%) }
  179.     88% { background-position: -900px 0px; background: url(%%spritec%%) }
  180.     92% { background-position: -1200px 0px; background: url(%%spritec%%) }
  181.     96% { background-position: -1500px 0px; background: url(%%spritec%%) }  //spritec has 6
  182. }
  183.  
  184. @keyframes sprite {
  185.     0%   { background-position: 0px 0px; }  //sprite
  186.     4%  { background-position: -300px 0px; }
  187.     8% { background-position: -600px 0px; }
  188.     12% { background-position: -900px 0px; }
  189.     16% { background-position: -1200px 0px; }
  190.     20% { background-position: -1500px 0px; }
  191.     24% { background-position: -1800px 0px; }
  192.     28% { background-position: -2100px 0px; }
  193.     32% { background-position: -2400px 0px; }  //sprite has 9
  194.     36% { background-position: -2100px 0px; }
  195.     40% { background-position: -1500px 0px; }
  196.     44% { background-position: 0px 0px; background: url(%%spriteb%%) }  //spriteb
  197.     48% { background-position: -300px 0px; background: url(%%spriteb%%) }
  198.     52% { background-position: -600px 0px; background: url(%%spriteb%%) }
  199.     56% { background-position: -900px 0px; background: url(%%spriteb%%) }
  200.     60% { background-position: -1200px 0px; background: url(%%spriteb%%) }
  201.     64% { background-position: -1500px 0px; background: url(%%spriteb%%) }  //spriteb has 6
  202.     68% { background-position: -1200px 0px; background: url(%%spriteb%%) }
  203.     72% { background-position: -600px 0px; background: url(%%spriteb%%) }
  204.     76% { background-position: 0px 0px; background: url(%%spritec%%) }  //spritec
  205.     80% { background-position: -300px 0px; background: url(%%spritec%%) }
  206.     84% { background-position: -600px 0px; background: url(%%spritec%%) }
  207.     88% { background-position: -900px 0px; background: url(%%spritec%%) }
  208.     92% { background-position: -1200px 0px; background: url(%%spritec%%) }
  209.     96% { background-position: -1500px 0px; background: url(%%spritec%%) }  //spritec has 6
  210. }
  211.  
  212. /* END ADDON */
  213.  
  214. /* SMILEYS */
  215. .usertext-body a { display: inline-block }
  216. a[href^="#"] { cursor: default; display: inline-block; background-image: url(%%tmp%%); background-repeat: no-repeat; background-position: -9999px -9999px; margin: 0 2px; content: " " }
  217. a[href="#s"] {
  218.     visibility: hidden;
  219.     display: inline-block
  220.  }
  221. a[href="#s"]::after {
  222.     content: attr(title);
  223.     background: red;
  224.     color: red;
  225.     visibility: visible
  226. }
  227. a[href="#s"]:hover::after, a[href="#s"]:active::after {
  228.     color: green;
  229. }
  230.  
  231. a[href$="#menupic2"] { background-position: -0px -0px; width: 32px; height: 32px; }
  232. a[href$="#menupic3"] { background-position: -0px -32px; width: 32px; height: 32px; }
  233. a[href$="#crazy"] { background-position: -0px -64px; width: 24px; height: 24px; }
  234. a[href$="#shocked2"] { background-position: -0px -88px; width: 24px; height: 24px; }
  235. a[href$="#blush"] { background-position: -0px -112px; width: 24px; height: 24px; }
  236. a[href$="#angry3"] { background-position: -0px -136px; width: 24px; height: 24px; }
  237. a[href$="#laughing"] { background-position: -0px -160px; width: 24px; height: 24px; }
  238. a[href$="#whistling"] { background-position: -0px -184px; width: 24px; height: 24px; }
  239. a[href$="#grin"] { background-position: -0px -208px; width: 24px; height: 24px; }
  240. a[href$="#smile2"] { background-position: -0px -232px; width: 24px; height: 24px; }
  241. a[href$="#heart2"] { background-position: -0px -256px; width: 24px; height: 24px; }
  242. a[href$="#heh"] { background-position: -0px -280px; width: 24px; height: 24px; }
  243. a[href$="#doh"] { background-position: -0px -304px; width: 24px; height: 24px; }
  244. a[href$="#money"] { background-position: -0px -328px; width: 24px; height: 24px; }
  245. a[href$="#meh"] { background-position: -0px -352px; width: 24px; height: 24px; }
  246. a[href$="#peaceout"] { background-position: -0px -376px; width: 24px; height: 24px; }
  247. a[href$="#crazy3"] { background-position: -0px -400px; width: 24px; height: 24px; }
  248. a[href$="#laughing3"] { background-position: -0px -424px; width: 24px; height: 24px; }
  249. a[href$="#minus"] { background-position: -0px -448px; width: 24px; height: 24px; }
  250. a[href$="#plus"] { background-position: -0px -472px; width: 24px; height: 24px; }
  251. a[href$="#nerd"] { background-position: -0px -496px; width: 24px; height: 24px; }
  252. a[href$="#good"] { background-position: -0px -520px; width: 24px; height: 24px; }
  253. a[href$="#robot"] { background-position: -0px -544px; width: 24px; height: 24px; }
  254. a[href$="#ugh"] { background-position: -0px -568px; width: 24px; height: 24px; }
  255. a[href$="#menupic"] { background-position: -0px -592px; width: 24px; height: 24px; }
  256. a[href$="#ftripoff"] { background-position: -0px -616px; width: 24px; height: 24px; }
  257. a[href$="#ufo"] { background-position: -0px -640px; width: 24px; height: 24px; }
  258. a[href$="#spoon2"] { background-position: -0px -664px; width: 24px; height: 24px; }
  259. a[href$="#frown"] { background-position: -0px -688px; width: 24px; height: 24px; }
  260. a[href$="#sleeping3"] { background-position: -0px -712px; width: 24px; height: 24px; }
  261. a[href$="#heart3"] { background-position: -0px -736px; width: 24px; height: 24px; }
  262. a[href$="#vector"] { background-position: -0px -760px; width: 24px; height: 24px; }
  263. a[href$="#muffin"] { background-position: -0px -784px; width: 24px; height: 24px; }
  264. a[href$="#gape2"] { background-position: -0px -808px; width: 24px; height: 24px; }
  265. a[href$="#ninja"] { background-position: -0px -832px; width: 24px; height: 24px; }
  266. a[href$="#dead3"] { background-position: -0px -856px; width: 24px; height: 24px; }
  267. a[href$="#huh"] { background-position: -0px -880px; width: 24px; height: 24px; }
  268. a[href$="#dead"] { background-position: -0px -904px; width: 24px; height: 24px; }
  269. a[href$="#erm"] { background-position: -0px -928px; width: 24px; height: 24px; }
  270. a[href$="#ninja3"] { background-position: -0px -952px; width: 24px; height: 24px; }
  271. a[href$="#sleeping"] { background-position: -0px -976px; width: 24px; height: 24px; }
  272. a[href$="#curious2"] { background-position: -0px -1000px; width: 24px; height: 24px; }
  273. a[href$="#crying3"] { background-position: -0px -1024px; width: 24px; height: 24px; }
  274. a[href$="#chromakode3"] { background-position: -0px -1048px; width: 24px; height: 24px; }
  275. a[href$="#angry2"] { background-position: -0px -1072px; width: 24px; height: 24px; }
  276. a[href$="#bomb"] { background-position: -0px -1096px; width: 24px; height: 24px; }
  277. a[href$="#sulk"] { background-position: -0px -1120px; width: 24px; height: 24px; }
  278. a[href$="#sad"] { background-position: -0px -1144px; width: 24px; height: 24px; }
  279. a[href$="#gape"] { background-position: -0px -1168px; width: 24px; height: 24px; }
  280. a[href$="#laughing2"] { background-position: -0px -1192px; width: 24px; height: 24px; }
  281. a[href$="#dead2"] { background-position: -0px -1216px; width: 24px; height: 24px; }
  282. a[href$="#ftripoff2"] { background-position: -0px -1240px; width: 24px; height: 24px; }
  283. a[href$="#hellyes"] { background-position: -0px -1264px; width: 24px; height: 24px; }
  284. a[href$="#smile3"] { background-position: -0px -1288px; width: 24px; height: 24px; }
  285. a[href$="#crying"] { background-position: -0px -1312px; width: 24px; height: 24px; }
  286. a[href$="#sick"] { background-position: -0px -1336px; width: 24px; height: 24px; }
  287. a[href$="#smile4"] { background-position: -0px -1360px; width: 24px; height: 24px; }
  288. a[href$="#yeah"] { background-position: -0px -1384px; width: 24px; height: 24px; }
  289. a[href$="#smiley"] { background-position: -0px -1408px; width: 24px; height: 24px; }
  290. a[href$="#evil"] { background-position: -0px -1432px; width: 24px; height: 24px; }
  291. a[href$="#cool"] { background-position: -0px -1456px; width: 24px; height: 24px; }
  292. a[href$="#angry"] { background-position: -0px -1480px; width: 24px; height: 24px; }
  293. a[href$="#ninja2"] { background-position: -0px -1504px; width: 24px; height: 24px; }
  294. a[href$="#reading"] { background-position: -0px -1528px; width: 24px; height: 24px; }
  295. a[href$="#wink3"] { background-position: -0px -1552px; width: 24px; height: 24px; }
  296. a[href$="#halfsmile3"] { background-position: -0px -1576px; width: 24px; height: 24px; }
  297. a[href$="#spoon"] { background-position: -0px -1600px; width: 24px; height: 24px; }
  298. a[href$="#ashamed"] { background-position: -0px -1624px; width: 24px; height: 24px; }
  299. a[href$="#brokenheart"] { background-position: -0px -1648px; width: 24px; height: 24px; }
  300. a[href$="#drool"] { background-position: -0px -1672px; width: 24px; height: 24px; }
  301. a[href$="#love2"] { background-position: -0px -1696px; width: 24px; height: 24px; }
  302. a[href$="#crying2"] { background-position: -0px -1720px; width: 24px; height: 24px; }
  303. a[href$="#love3"] { background-position: -0px -1744px; width: 24px; height: 24px; }
  304. a[href$="#grin2"] { background-position: -0px -1768px; width: 24px; height: 24px; }
  305. a[href$="#boring"] { background-position: -0px -1792px; width: 24px; height: 24px; }
  306. a[href$="#err"] { background-position: -0px -1816px; width: 24px; height: 24px; }
  307. a[href$="#raspberry2"] { background-position: -0px -1840px; width: 24px; height: 24px; }
  308. a[href$="#grin3"] { background-position: -0px -1864px; width: 24px; height: 24px; }
  309. a[href$="#sulk2"] { background-position: -0px -1888px; width: 24px; height: 24px; }
  310. a[href$="#muffin2"] { background-position: -0px -1912px; width: 24px; height: 24px; }
  311. a[href$="#wink"] { background-position: -0px -1936px; width: 24px; height: 24px; }
  312. a[href$="#curious"] { background-position: -0px -1960px; width: 24px; height: 24px; }
  313. a[href$="#halfsmile2"] { background-position: -0px -1984px; width: 24px; height: 24px; }
  314. a[href$="#ashamed3"] { background-position: -0px -2008px; width: 24px; height: 24px; }
  315. a[href$="#aww"] { background-position: -0px -2032px; width: 24px; height: 24px; }
  316. a[href$="#sour"] { background-position: -0px -2056px; width: 24px; height: 24px; }
  317. a[href$="#chromakode"] { background-position: -0px -2080px; width: 24px; height: 24px; }
  318. a[href$="#sleeping2"] { background-position: -0px -2104px; width: 24px; height: 24px; }
  319. a[href$="#halfsmile"] { background-position: -0px -2128px; width: 24px; height: 24px; }
  320. a[href$="#alien"] { background-position: -0px -2152px; width: 24px; height: 24px; }
  321. a[href$="#unimpressed"] { background-position: -0px -2176px; width: 24px; height: 24px; }
  322. a[href$="#love"] { background-position: -0px -2200px; width: 24px; height: 24px; }
  323. a[href$="#wink2"] { background-position: -0px -2224px; width: 24px; height: 24px; }
  324. a[href$="#ohmygod"] { background-position: -0px -2248px; width: 24px; height: 24px; }
  325. a[href$="#shocked"] { background-position: -0px -2272px; width: 24px; height: 24px; }
  326. a[href$="#raspberry"] { background-position: -0px -2296px; width: 24px; height: 24px; }
  327. a[href$="#sad2"] { background-position: -0px -2320px; width: 24px; height: 24px; }
  328. a[href$="#star"] { background-position: -0px -2344px; width: 24px; height: 24px; }
  329. a[href$="#heart"] { background-position: -0px -2368px; width: 24px; height: 24px; }
  330.  
  331. /* END SMILEYS */
  332.  
  333. /* FLAIR SELECTOR */
  334.  
  335. .flairselector .h2 {
  336. color: green!important;
  337. }
  338.  
  339. /* END FLAIR SELECTOR */
  340.  
  341. /* START MY FLAIR SWAG */
  342.  
  343. /*   .flair {
  344.     background: url(%%spritesheet%%) no-repeat -9999px;
  345.     border: 0;
  346.     padding: 0;
  347. }   */
  348.  
  349. .flair {
  350.   background:url(%%spritesheet%%);
  351.   background-repeat: no-repeat;
  352.   padding: 0;
  353.   min-width: 24px;
  354.   max-width: 64px;
  355.   height: 24px;
  356.   overflow: hidden;
  357.   text-indent: 28px;
  358.   font-size: 10px;
  359.   line-height: 24px;
  360.   vertical-align: middle;
  361.   display: inline-block;
  362.   border: none!important;
  363.   /*box-shadow: 0 1px 0 #F5F7E7,inset 0 0 1px black!important;*/
  364.   transition: all 0.3s ease-out;
  365.   transition-delay: 0.15s;
  366.   position: relative;
  367.   color: rgba(0,0,0,0);
  368. }
  369.  
  370. .flair[title]:after {
  371.   content: attr(title);
  372.   position: absolute;
  373.   color: #d2d2d2;
  374.   font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
  375.   /*text-transform: uppercase; */
  376.   bottom: 0px;
  377.   left: -10px;
  378.   background: white;
  379.   box-shadow: 0px 1px 10px white;
  380.   padding: 0px 5px;
  381.   border-radius: 3px;
  382.   white-space: nowrap;
  383.   visibility: hidden;
  384.   pointer-events: none;
  385.   text-indent: 0px;
  386.   border-bottom-left-radius: 18px;
  387.   border-top-left-radius: 18px;
  388.   transform: scale(0.8,0.4);
  389. }
  390.  
  391. .flair[title]:before {
  392.   bottom: 4px;
  393.   left: 30px!important;
  394.   box-shadow: 0px 0px 0px transparent!important;
  395.   border: solid rgba(0,0,0,0);
  396.   content: " ";
  397.   height: 0;
  398.   width: 0;
  399.   position: absolute;
  400.   border-right-color: rgba(255,255,255,0);
  401.   border-width: 8px;
  402.   margin-left: -10px;
  403.   background-color: transparent!important;
  404. }
  405.  
  406. .flair[title]:hover:before, .flair[title]:hover:after, .flair[title]:active:before, .flair[title]:active:after {
  407.   visibility: visible;
  408.   opacity: 1;
  409.   transform: scale(1);
  410.   background: #787878;
  411.   border-right-color: rgba(120, 120, 120, 1);
  412.   border-bottom-left-radius: 3px;
  413.   border-top-left-radius: 3px;
  414.   box-shadow: 0px 1px 0px rgba(46,46,44,0.5);
  415.   left: 35px;
  416.   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;
  417. }
  418. .flair[title=""]:hover:before {border-right-color: transparent;}  
  419. .flair:hover {overflow: visible; color: rgba(0,0,0,0)}
  420.  
  421. .flair-Moose {
  422.     width: 24px;
  423.     height: 24px;
  424.     background-position: 0 0;
  425. }
  426.  
  427. .flair-bigdead {
  428.     width: 24px;
  429.     height: 24px;
  430.     background-position: 0 -24px;
  431. }
  432.  
  433. .flair-matt1 {
  434.     width: 24px;
  435.     height: 24px;
  436.     background-position: 0 -48px;
  437. }
  438.  
  439. .flair-matt2 {
  440.     width: 24px;
  441.     height: 24px;
  442.     background-position: 0 -72px;
  443. }
  444.  
  445. .flair-mebig {
  446.     width: 64px;
  447.     height: 64px;
  448.     background-position: 0 -96px;
  449. }
  450.  
  451. .flair-municorn {
  452.     width: 24px;
  453.     height: 24px;
  454.     background-position: 0 -160px;
  455. }
  456.  
  457. .flair-skull {
  458.     width: 24px;
  459.     height: 24px;
  460.     background-position: 0 -184px;
  461. }
  462.  
  463. .flair-smalldead {
  464.     width: 24px;
  465.     height: 24px;
  466.     background-position: 0 -208px;
  467. }
  468.  
  469.  .link .flair, .entry .tagline .flair {
  470. float:left;
  471. }
  472.  
  473. /* END MY FLAIR SWAG */
  474.  
  475. /* EDIT FADEIN DURATION */
  476.  
  477. .listing-page .sitetable, .search-page .sitetable, .top-page .menuarea .spacer,
  478. .organic-listing {
  479.             animation-name: fadein;
  480.             animation-duration: 3s;
  481.             animation-iteration-count: 1;
  482.  
  483.             -webkit-animation-name: fadein;
  484.             -webkit-animation-duration: 3s;
  485.             -webkit-animation-iteration-count: 1;
  486.         }
  487.  
  488. /* LINKFLAIRS */
  489.  
  490. .linkflair .linkflairlabel {
  491.     display: inline-block;
  492.     position: relative;
  493.     margin-top:0px;
  494.     border: 2px solid black;
  495.     font-size: 100%;
  496.     padding: 3px;
  497.     color: yellow;
  498.     font-weight: bold;
  499.     background: purple;
  500.     width: 100px;
  501.     text-align: center;
  502.     border-radius: 3px;
  503. font-size: 60%;
  504. padding: 0px;
  505. vertical-align: middle;
  506. }
  507.  
  508. .linkflair-red .linkflairlabel {
  509. background-color:red;
  510. color:green;
  511. }
  512.  
  513. .linkflair-yellow .linkflairlabel {
  514. background-color:yellow;
  515. color:purple;
  516. }
  517.  
  518. .linkflair-blue .linkflairlabel {
  519. background-color:blue;
  520. color:orange;
  521. }
  522.  
  523. .linkflair-orange .linkflairlabel {
  524. background-color:orange;
  525. color:blue;
  526. }
  527.  
  528. .linkflair-green .linkflairlabel {
  529. background-color:green;
  530. color:red;
  531. }
  532.  
  533. .linkflair-purple .linkflairlabel {
  534. background-color:purple;
  535. color:yellow;
  536. }
  537.  
  538. .linkflair-indigo .linkflairlabel {
  539. background-color:indigo;
  540. color:gold;
  541. }
  542.  
  543. .linkflair-turquoise .linkflairlabel {
  544. background-color:turquoise;
  545. color:orangered;
  546. }
  547.  
  548.             /* Filters */
  549.  
  550. html:lang(re) .link:not(.linkflair-red), html:lang(re) .side a[href*='#re'] {
  551.     display: none    }
  552.  
  553. html:lang(bl) .link:not(.linkflair-blue), html:lang(bl) .side a[href*='#bl'] {
  554.     display: none    }
  555.  
  556. html:lang(ye) .link:not(.linkflair-yellow), html:lang(ye) .side a[href*='#ye'] {
  557.     display: none    }
  558.  
  559. html:lang(or) .link:not(.linkflair-orange), html:lang(or) .side a[href*='#or'] {
  560.     display: none    }
  561.  
  562. html:lang(gr) .link:not(.linkflair-green), html:lang(gr) .side a[href*='#gr'] {
  563.     display: none    }
  564.  
  565. html:lang(pu) .link:not(.linkflair-purple), html:lang(pu) .side a[href*='#pu'] {
  566.     display: none    }
  567.  
  568. html:lang(go) .link:not(.linkflair-indigo), html:lang(go) .side a[href*='#go'] {
  569.     display: none    }
  570.  
  571. html:lang(tu) .link:not(.linkflair-turquoise), html:lang(tu) .side a[href*='#tu'] {
  572.     display: none    }
  573.  
  574. .side a[href*='#no'] {
  575.     display: none!important    }
  576.  
  577.    html:lang(re) .side a[href*='#no'] {
  578.     display: inline-block!important    }
  579.  
  580.   html:lang(or) .side a[href*='#no'] {
  581.     display: inline-block!important    }
  582.  
  583.   html:lang(ye) .side a[href*='#no'] {
  584.     display: inline-block!important    }
  585.  
  586.   html:lang(gr) .side a[href*='#no'] {
  587.     display: inline-block!important    }
  588.  
  589.   html:lang(bl) .side a[href*='#no'] {
  590.     display: inline-block!important    }
  591.  
  592.   html:lang(pu) .side a[href*='#no'] {
  593.     display: inline-block!important    }
  594.  
  595.   html:lang(go) .side a[href*='#no'] {
  596.     display: inline-block!important    }
  597.  
  598.   html:lang(tu) .side a[href*='#no'] {
  599.     display: inline-block!important    }
  600.  
  601.             /* Button Formatting */
  602.  
  603. .entry .buttons .flairselectbtn:before {
  604. display: inline-block;
  605.     margin-top:0px;
  606.     border: 2px solid white;
  607.     font-size: 100%!important;
  608.     padding: 3px;
  609.     color: lightgray;
  610.     font-weight: bold;
  611.     background: dimgray;
  612.     min-width: 135px;
  613.     text-align: center;
  614.     border-radius: 3px;
  615. content: "Assign to category";
  616. top: 10px;
  617. }
  618.  
  619. .entry .buttons .flairselectbtn {
  620. color: rgba(256,100,100,0)!important;
  621. }
  622.  
  623. .side a[href="/r/themooseisdead/wiki/smileys"] {
  624.     display: inline-block;
  625.     position: relative;
  626.     margin-top:0px;
  627.     border: 2px solid white;
  628.     font-size: 100%;
  629.     padding: 4px;
  630.     color: lightgray;
  631.     font-weight: bold;
  632.     background: dimgray;
  633.     width: 253px;
  634.     text-align: center;
  635.     border-radius: 3px;
  636. }
  637.  
  638. .side .titlebox .md h2 {
  639.     display: inline-block;
  640.     position: relative;
  641.     margin-top:0px;
  642.     border: 2px solid white;
  643.     font-size: 250%;
  644.     padding: 4px;
  645.     color: lightgray;
  646.     font-weight: bold;
  647.     background: dimgray;
  648.     width: 253px;
  649.     text-align: center;
  650.     border-radius: 3px;
  651. /*positions the button */
  652. top:132px;
  653.     left:41px;
  654. -webkit-transform: rotate(90deg);
  655. }
  656.  
  657. .side a[href*='#no'] {
  658.     display: inline-block;
  659.     position: relative;
  660.     margin-top:0px;
  661.     border: 2px solid black;
  662.     font-size: 100%;
  663.     padding: 3px;
  664.     color: darkslategray;
  665.     font-weight: bold;
  666.     background: lightslategray;
  667.     min-width: 135px;
  668.     text-align: center;
  669.     border-radius: 3px;
  670. /*positions the button */
  671.     top:-29px;}
  672.  
  673. .side a[href*='#re'] {
  674.     display: inline-block;
  675.     position: relative;
  676.     margin-top:0px;
  677.     border: 2px solid black;
  678.     font-size: 100%;
  679.     padding: 3px;
  680.     color: green;
  681.     font-weight: bold;
  682.     background: red;
  683.     min-width: 135px;
  684.     text-align: center;
  685.     border-radius: 3px;
  686. /*positions the button */
  687.     top:-29px;}
  688.  
  689. .side a[href*='#ye'] {
  690.     display: inline-block;
  691.     position: relative;
  692.     margin-top:0px;
  693.     border: 2px solid black;
  694.     font-size: 100%;
  695.     padding: 3px;
  696.     color: purple;
  697.     font-weight: bold;
  698.     background: yellow;
  699.     min-width: 135px;
  700.     text-align: center;
  701.     border-radius: 3px;
  702. /*positions the button */
  703.     top:-29px;}
  704.  
  705. .side a[href*='#bl'] {
  706.     display: inline-block;
  707.     position: relative;
  708.     margin-top:0px;
  709.     border: 2px solid black;
  710.     font-size: 100%;
  711.     padding: 3px;
  712.     color: orange;
  713.     font-weight: bold;
  714.     background: blue;
  715.     min-width: 135px;
  716.     text-align: center;
  717.     border-radius: 3px;
  718. /*positions the button */
  719.     top:-29px;}
  720.  
  721. .side a[href*='#tu'] {
  722.     display: inline-block;
  723.     position: relative;
  724.     margin-top:0px;
  725.     border: 2px solid black;
  726.     font-size: 100%;
  727.     padding: 3px;
  728.     color: orangered;
  729.     font-weight: bold;
  730.     background: turquoise ;
  731.     min-width: 135px;
  732.     text-align: center;
  733.     border-radius: 3px;
  734. /*positions the button */
  735.     top:-29px;}
  736.  
  737. .side a[href*='#or'] {
  738.     display: inline-block;
  739.     position: relative;
  740.     margin-top:0px;
  741.     border: 2px solid black;
  742.     font-size: 100%;
  743.     padding: 3px;
  744.     color: blue;
  745.     font-weight: bold;
  746.     background: orange;
  747.     min-width: 135px;
  748.     text-align: center;
  749.     border-radius: 3px;
  750. /*positions the button */
  751.     top:-29px;}
  752.  
  753. .side a[href*='#gr'] {
  754.     display: inline-block;
  755.     position: relative;
  756.     margin-top:0px;
  757.     border: 2px solid black;
  758.     font-size: 100%;
  759.     padding: 3px;
  760.     color: red;
  761.     font-weight: bold;
  762.     background: green;
  763.     min-width: 135px;
  764.     text-align: center;
  765.     border-radius: 3px;
  766. /*positions the button */
  767.     top:-29px;}
  768.  
  769. .side a[href*='#go'] {
  770.     display: inline-block;
  771.     position: relative;
  772.     margin-top:0px;
  773.     border: 2px solid black;
  774.     font-size: 100%;
  775.     padding: 3px;
  776.     color: gold;
  777.     font-weight: bold;
  778.     background: indigo;
  779.     min-width: 135px;
  780.     text-align: center;
  781.     border-radius: 3px;
  782. /*positions the button */
  783.     top:-29px;}
  784.  
  785. .side a[href*='#pu'] {
  786.     display: inline-block;
  787.     position: relative;
  788.     margin-top:0px;
  789.     border: 2px solid black;
  790.     font-size: 100%;
  791.     padding: 3px;
  792.     color: yellow;
  793.     font-weight: bold;
  794.     background: purple;
  795.     min-width: 135px;
  796.     text-align: center;
  797.     border-radius: 3px;
  798. /*positions the button */
  799.     top:-29px;}
  800.  
  801. /* END LINKFLAIRS */
  802.  
  803. .commentarea .sitetable .comment { background-color: #2E3135 }
  804. .titlebox .fancy-toggle-button .remove { background-color: rgba(255,255,255,.2); }
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!