Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Submit Warning */
- .submit_text {overflow: visible;padding: 20px 10px;max-height: none;}
- .submit_text h2 {font-size: 500%;color: red;margin: 10px 0;}
- .submit_text h3 {font-size: 150%;color: red;}
- .submit_text h4 {font-size: 150%;color: red;}
- .submit_text h5 {font-size: 100%;font-weight: normal;}
- /* End Submit Warning */
- /* Header */
- .linkflairlabel, .flair { max-width: 100%; }
- #header { background: url(%%hqg-banner%%) 0 19px; height: 160px; }
- #header-bottom-left { position: absolute; bottom: 0; }
- #header:before {
- background: url(%%hqg-banner%%) no-repeat center top;
- content: '';
- position: absolute;
- height: 160px;
- top: 0px;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: -1;
- -webkit-animation: pan 160s linear infinite;
- -moz-animation: pan 160s linear infinite;
- animation: pan 160s linear infinite;
- }
- @-webkit-keyframes pan {
- 0% { background-position: 50% 0; }
- 50% { background-position: 50% -950px; }
- 100% { background-position: 50% 0; }
- }
- @-moz-keyframes pan {
- 0% { background-position: 50% 0; }
- 50% { background-position: 50% -950px; }
- 100% { background-position: 50% 0; }
- }
- @keyframes pan {
- 0% { background-position: 50% 0; }
- 50% { background-position: 50% -950px; }
- 100% { background-position: 50% 0; }
- }
- .fancy-toggle-button > .option.add, .fancy-toggle-button > .option.remove, .morelink a,
- .fancy-settings button,
- .usertext-edit button.save,
- .usertext-edit button.cancel,
- .tabbedpane button,
- .flairselector button,
- .wiki-page-content button,
- .formtabs-content button,
- .fancy-settings .linefield button,
- button.btn,
- input[type=submit], .res .RESshortcutside, .res .RESshortcutside.remove,
- .res .RESDashboardToggle,
- .res .RESDashboardToggle.remove, .res #BigEditor button, .res #alert_message > input[type=button], .res.res-nightmode .content button,
- .res.res-nightmode .content input[type=submit],
- .res.res-nightmode button,
- .res.res-nightmode input[type=submit] {
- color: white;
- font-family: "Trebuchet MS", Helvetica, sans-serif;
- padding: 2px 8px;
- width: auto;
- min-width: 4em;
- height: auto;
- line-height: 1.5em;
- vertical-align: middle;
- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
- text-decoration: none;
- border: none;
- text-align: center;
- margin-right: 3px;
- background: -webkit-linear-gradient(top, #51b3d6, #006f9c);
- background: -moz-linear-gradient(top, #51b3d6, #006f9c);
- background: linear-gradient(to bottom, #51b3d6, #006f9c);
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
- border-radius: 4px;
- }
- .fancy-toggle-button > .option.add:visited, .fancy-toggle-button > .option.remove:visited, .morelink a:visited,
- .fancy-settings button:visited,
- .usertext-edit button.save:visited,
- .usertext-edit button.cancel:visited,
- .tabbedpane button:visited,
- .flairselector button:visited,
- .wiki-page-content button:visited,
- .formtabs-content button:visited,
- button.btn:visited,
- input[type=submit]:visited, .res .RESshortcutside:visited,
- .res .RESDashboardToggle:visited, .res #BigEditor button:visited, .res #alert_message > input[type=button]:visited,
- .res.res-nightmode button:visited,
- .res.res-nightmode input[type=submit]:visited {
- color: white;
- }
- .fancy-toggle-button > .option.add:hover, .fancy-toggle-button > .option.remove:hover, .morelink a:hover,
- .fancy-settings button:hover,
- .usertext-edit button.save:hover,
- .usertext-edit button.cancel:hover,
- .tabbedpane button:hover,
- .flairselector button:hover,
- .wiki-page-content button:hover,
- .formtabs-content button:hover,
- button.btn:hover,
- input[type=submit]:hover, .res .RESshortcutside:hover,
- .res .RESDashboardToggle:hover, .res #BigEditor button:hover, .res #alert_message > input[type=button]:hover,
- .res.res-nightmode button:hover,
- .res.res-nightmode input[type=submit]:hover, .fancy-toggle-button > .option.add:focus, .fancy-toggle-button > .option.remove:focus, .morelink a:focus,
- .fancy-settings button:focus,
- .usertext-edit button.save:focus,
- .usertext-edit button.cancel:focus,
- .tabbedpane button:focus,
- .flairselector button:focus,
- .wiki-page-content button:focus,
- .formtabs-content button:focus,
- button.btn:focus,
- input[type=submit]:focus, .res .RESshortcutside:focus,
- .res .RESDashboardToggle:focus, .res #BigEditor button:focus, .res #alert_message > input[type=button]:focus,
- .res.res-nightmode button:focus,
- .res.res-nightmode input[type=submit]:focus {
- color: white;
- text-decoration: none !important;
- background: -webkit-linear-gradient(top, #0274a1, #006f9c);
- background: -moz-linear-gradient(top, #0274a1, #006f9c);
- background: linear-gradient(to bottom, #0274a1, #006f9c);
- }
- .fancy-toggle-button > .option.add:active, .fancy-toggle-button > .option.remove:active, .morelink a:active,
- .fancy-settings button:active,
- .usertext-edit button.save:active,
- .usertext-edit button.cancel:active,
- .tabbedpane button:active,
- .flairselector button:active,
- .wiki-page-content button:active,
- .formtabs-content button:active,
- button.btn:active,
- input[type=submit]:active, .res .RESshortcutside:active,
- .res .RESDashboardToggle:active, .res #BigEditor button:active, .res #alert_message > input[type=button]:active,
- .res.res-nightmode button:active,
- .res.res-nightmode input[type=submit]:active {
- background: -webkit-linear-gradient(top, #0274a1, #006f9c);
- background: -moz-linear-gradient(top, #0274a1, #006f9c);
- background: linear-gradient(to bottom, #0274a1, #006f9c);
- box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3), 0 2px 2px rgba(255, 255, 255, 0.7);
- }
- .expando-button.selftext.collapsed,.expando-button.video.collapsed,.expando-button.selftext.collapsed:hover,.expando-button.video.collapsed:hover{
- background-image:none;
- }
- .res .expando-button.toggleImage.image::before, .linkImage::before{
- background:none!important;
- }
- .expando-button.selftext.collapsed, .res .selftext.collapsed.expando-button.toggleImage.image, .res .toggleImage.image.expando-button.collapsedExpando, .expando-button.selftext.collapsed:hover, .expando-button.video.collapsed, .res .video.collapsed.expando-button.toggleImage.image, .expando-button.video.collapsed:hover, .expando-button.selftext.expanded, .res .toggleImage.image.expando-button.collapsed.expanded, .res .toggleImage.image.expando-button.expanded, .expando-button.selftext.expanded:hover, .expando-button.video.expanded, .expando-button.video.expanded:hover, .nav-buttons .next-suggestions > a:hover, .nav-buttons .next-suggestions > a:focus, .flairselector .flairoptionpane ul > li:hover, .menuarea .drop-choices.lightdrop, .expando-button.video-muted.collapsed, .res.expando-button.video-muted.collapsed,
- .wiki-page .pageactions > .wikiaction,
- .nav-buttons .nextprev > a,
- .res .RESSubscriptionButton,
- .res button.RESBigEditorPop,
- .res #BigEditor .RESCloseButton,
- .res .markdownEditor .RESMacroDropdownTitle,
- .res .markdownEditor > a.edit-btn,
- .res #alert_message .buttonContainer > input[type=button] {
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 1px rgba(0, 0, 0, 0.12);
- }
- .expando-button.selftext.collapsed, .res .selftext.collapsed.expando-button.toggleImage.image, .res .toggleImage.image.expando-button.collapsedExpando, .expando-button.selftext.collapsed:hover, .expando-button.video.collapsed, .res .video.collapsed.expando-button.toggleImage.image, .expando-button.video.collapsed:hover, .expando-button.selftext.expanded, .res .toggleImage.image.expando-button.collapsed.expanded, .res .toggleImage.image.expando-button.expanded, .expando-button.selftext.expanded:hover, .expando-button.video.expanded, .expando-button.video.expanded:hover, .nav-buttons .next-suggestions > a:hover, .nav-buttons .next-suggestions > a:focus, .flairselector .flairoptionpane ul > li:hover, .menuarea .drop-choices.lightdrop, .expando-button.video-muted.expanded,
- .menuarea .spacer .toggle .togglebutton,
- .menuarea .spacer .dropdown.lightdrop,
- .res .commentNavSortType,
- .wiki-page .pageactions > .wikiaction,
- .nav-buttons .nextprev > a,
- .res .RESSubscriptionButton,
- .res button.RESBigEditorPop,
- .res #BigEditor .RESCloseButton,
- .res .markdownEditor .RESMacroDropdownTitle,
- .res .markdownEditor > a.edit-btn,
- .res #alert_message .buttonContainer > input[type=button] {
- color: #6b6b6b;
- text-decoration: none;
- padding: 1px 2px;
- border: solid 1px #aaaaaa;
- border-radius: 3px;
- }
- .expando-button.selftext.collapsed:hover, .res .toggleImage.image.expando-button.collapsedExpando:hover, .expando-button.video.collapsed:hover, .expando-button.selftext.expanded:hover, .res .toggleImage.image.expando-button.expanded:hover, .expando-button.video.expanded:hover, .nav-buttons .next-suggestions > a:hover, .flairselector .flairoptionpane ul > li:hover, .menuarea .drop-choices.lightdrop:hover, .expando-button.selftext.collapsed:focus, .res .toggleImage.image.expando-button.collapsedExpando:focus, .expando-button.video.collapsed:focus, .expando-button.selftext.expanded:focus, .res .toggleImage.image.expando-button.expanded:focus, .expando-button.video.expanded:focus, .nav-buttons .next-suggestions > a:focus, .flairselector .flairoptionpane ul > li:focus:hover, .menuarea .drop-choices.lightdrop:focus,
- .menuarea .spacer .toggle .togglebutton:hover, .expando-button.video-muted:hover
- .menuarea .spacer .dropdown.lightdrop:hover,
- .res .commentNavSortType:hover,
- .menuarea .spacer .toggle .togglebutton:focus,
- .menuarea .spacer .dropdown.lightdrop:focus,
- .res .commentNavSortType:focus,
- .wiki-page .pageactions > .wikiaction:hover,
- .nav-buttons .nextprev > a:hover,
- .res .RESSubscriptionButton:hover,
- .res button.RESBigEditorPop:hover,
- .res #BigEditor .RESCloseButton:hover,
- .res .markdownEditor .RESMacroDropdownTitle:hover,
- .res .markdownEditor > a.edit-btn:hover,
- .res #alert_message .buttonContainer > input[type=button]:hover,
- .wiki-page .pageactions > .wikiaction:focus,
- .nav-buttons .nextprev > a:focus,
- .res .RESSubscriptionButton:focus,
- .res button.RESBigEditorPop:focus,
- .res #BigEditor .RESCloseButton:focus,
- .res .markdownEditor .RESMacroDropdownTitle:focus,
- .res .markdownEditor > a.edit-btn:focus,
- .res #alert_message .buttonContainer > input[type=button]:focus {
- text-decoration: none;
- }
- .wiki-page .pageactions > .wikiaction.wikiaction-current, .expando-button.selftext.expanded, .res .toggleImage.image.expando-button.collapsed.expanded, .res .toggleImage.image.expando-button.expanded, .expando-button.selftext.expanded:hover, .expando-button.video.expanded, .expando-button.video.expanded:hover, .nav-buttons .next-suggestions > a:active, .flairselector .flairoptionpane ul > li:active,
- .menuarea .spacer .toggle .togglebutton:active,
- .menuarea .spacer .dropdown.lightdrop:active,
- .res .commentNavSortType:active,
- .wiki-page .pageactions > .wikiaction:active,
- .nav-buttons .nextprev > a:active,
- .res .RESSubscriptionButton:active,
- .res button.RESBigEditorPop:active,
- .res #BigEditor .RESCloseButton:active,
- .res .markdownEditor .RESMacroDropdownTitle:active,
- .res .markdownEditor > a.edit-btn:active,
- .res #alert_message .buttonContainer > input[type=button]:active {
- background: -webkit-linear-gradient(top, #efefef, #e0e0e0);
- background: -moz-linear-gradient(top, #efefef, #e0e0e0);
- background: linear-gradient(to bottom, #efefef, #e0e0e0);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.7);
- }
- .wiki-page .pageactions > .wikiaction {
- margin: 0;
- border-right-style: none;
- border-radius: 0;
- }
- .wiki-page .pageactions > .wikiaction:visited {
- color: #6b6b6b;
- }
- .wiki-page .pageactions > .wikiaction:first-child {
- border-radius: 3px 0 0 3px;
- }
- .wiki-page .pageactions > .wikiaction:last-child {
- border-right-style: solid;
- border-radius: 0 3px 3px 0;
- }
- .wiki-page .pageactions > .wikiaction.wikiaction-current {
- font-weight: bold;
- }
- .fancy-toggle-button > .option.add, .fancy-toggle-button > .option.remove {
- font-size: 13px;
- margin: 0;
- }
- .fancy-toggle-button > .option.add.active, .fancy-toggle-button > .option.remove.active {
- display: inline-block;
- vertical-align: middle;
- }
- .fancy-toggle-button > .option.add, .fancy-toggle-button > .option.add:hover, .fancy-toggle-button > .option.add:focus, .fancy-toggle-button > .option.add:active {
- background: -webkit-linear-gradient(top, #859900, #6a7a00);
- background: -moz-linear-gradient(top, #859900, #6a7a00);
- background: linear-gradient(to bottom, #859900, #6a7a00);
- }
- .fancy-toggle-button > .option.remove, .fancy-toggle-button > .option.remove:hover, .fancy-toggle-button > .option.remove:focus, .fancy-toggle-button > .option.remove:active {
- background: -webkit-linear-gradient(top, #dc322f, #ca2522);
- background: -moz-linear-gradient(top, #dc322f, #ca2522);
- background: linear-gradient(to bottom, #dc322f, #ca2522);
- }
- .fancy-toggle-button > .option.add:active, .fancy-toggle-button > .option.remove:active {
- box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.3);
- }
- .nub {
- display: none;
- }
- .morelink {
- border: none;
- background: none;
- }
- .morelink:hover {
- background: none !important;
- }
- .morelink a {
- letter-spacing: 0;
- margin-right: 0;
- padding: 5px 8px;
- }
- .submit.disabled > .morelink > a {
- color: rgba(0, 0, 0, 0.4);
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
- box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px rgba(0, 0, 0, 0.2);
- background: -webkit-linear-gradient(top, #cbcbcb, #bababa);
- background: -moz-linear-gradient(top, #cbcbcb, #bababa);
- background: linear-gradient(to bottom, #cbcbcb, #bababa);
- }
- .submit.mod-override > .morelink > a {
- padding-left: 30px;
- }
- .submit.mod-override > .morelink > a::after {
- background-position: -16px -32px;
- left: 3px;
- top: 1px;
- opacity: 0.6;
- }
- .submit.mod-override > .morelink > a::before {
- display: none;
- content: 'Only available to moderator';
- position: absolute;
- font-weight: normal;
- right: 102%;
- top: 0;
- font-size: 13px;
- width: auto;
- white-space: nowrap;
- text-shadow: none;
- }
- .submit.mod-override > .morelink:hover > a::after {
- opacity: 1;
- }
- .submit.mod-override > .morelink:hover > a::before {
- display: block;
- }
- .fancy-settings button,
- .usertext-edit button.save,
- .usertext-edit button.cancel,
- .tabbedpane button,
- .flairselector button,
- .wiki-page-content button,
- .formtabs-content button,
- .fancy-settings .linefield button,
- button.btn,
- input[type=submit] {
- display: inline-block;
- padding-bottom: 3px;
- text-transform: capitalize;
- }
- .expando-button, .res .expando-button.toggleImage.image {
- cursor: pointer;
- width: 19px;
- height: 19px;
- position: relative;
- background-position: 0 0 !important;
- padding: 0 !important;
- }
- .expando-button::before, .res .expando-button.toggleImage.image::before {
- content: '';
- position: absolute;
- left: 4px;
- right: 4px;
- height: 3px;
- top: 8px;
- }
- /* align new RES NSFW expando */
- .res-highlight-nsfw-expando .thing.over18 .expando-button::before {
- top: 0;
- left: 0;
- }
- .expando-button.selftext.collapsed::after, .res .selftext.collapsed.expando-button.toggleImage.image::after, .res .toggleImage.image.expando-button.collapsedExpando::after, .expando-button.video.collapsed::after, .res .video.collapsed.expando-button.toggleImage.image::after {
- content: '';
- position: absolute;
- top: 4px;
- bottom: 4px;
- width: 3px;
- left: 8px;
- background: #848484;
- }
- /* pulling from current look */
- # Im in ur css stealin ur codez
- /* User menu
- ------------------------------------- */
- #header-bottom-right {
- height: 35px;
- padding: 0 12px;
- top: 20px;
- bottom: auto;
- background: #232323;
- border-radius: 0;
- font-size: 10px;
- line-height: 34px;
- text-transform: uppercase;
- color: #AEAEAE;
- }
- #header-bottom-right a {
- color: #AEAEAE;
- }
- #header-bottom-right a:hover {
- color: #FFF;
- }
- #header-bottom-right .user {
- color: #777;
- }
- #header-bottom-right .separator {
- visibility: hidden;
- }
- .side .md {
- list-style-type: none;
- }
- .pagename a {
- color: #fff;
- }
- .pagename {
- color: #fefefe;
- font-size: 1.1em !important;
- }
- #header-bottom-left .tabmenu {
- background: #0976a2;
- position: absolute;
- top: 85px;
- left: 364px;
- right: 35px;
- height: 20px;
- line-height: 18px;
- padding-left: 0;
- margin: 0;
- }
- #header-bottom-left .tabmenu li a {
- background: transparent;
- font-size: 10px;
- font-weight: normal;
- text-transform: uppercase;
- color: #4fb2d5;
- padding: 1px 10px 0;
- height: 19px;
- display: inline-block;
- /*background: #4fb2d5; */
- }
- #header-bottom-left .tabmenu li {
- margin: 0;
- }
- #header-bottom-left .tabmenu li.selected a {
- border: none;
- color: #fff;
- background: #0976a2;
- }
- #header-bottom-left .tabmenu li a:hover {
- color: #fff;
- background: #0976a2;
- }
- /* Number of subscriber and users here now
- ------------------------------------------------------------------ */
- .titlebox .word {
- font-size:0px
- }
- .subscribers .number {
- font-weight: bold;
- font-size: 17px;
- }
- .titlebox .subscribers .word:after {
- content: "High-quality gif creators";
- font-size:14px;
- }
- .users-online .number{
- font-weight: bold;
- font-size: 17px;
- }
- .titlebox .users-online .word:before {
- content: " People watching high-quality gifs right now";
- font-size:14px;
- }
- /* Search
- ------------------------------------------------------------------ */
- #search input[type=submit] {
- min-width: 10px;
- border: none;
- outline: none;
- text-shadow: none;
- box-shadow: none;
- }
- /* hero turned this off, hero did not know what it did */
- /*
- .side .md h5 {position: absolute;
- top: 100px;
- right: 320px;
- background: #fff;
- border: 1px solid #68819E;
- font-weight: bold;
- font-size: 110%;
- color: #000;
- text-align: center;
- padding: 5px 0px 5px 0px;
- margin: 50px;
- display: block;
- width: 10%;
- -moz-border-radius: 2px;
- -webkit-border-radius: 2px;
- color: white;
- font-family: "Trebuchet MS", Helvetica, sans-serif;
- padding: 2px 8px;
- width: auto;
- min-width: 4em;
- height: auto;
- line-height: 1.5em;
- vertical-align: middle;
- text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
- text-decoration: none;
- border: none;
- text-align: center;
- margin-right: 3px;
- background: -webkit-linear-gradient(top, #51b3d6, #006f9c);
- background: -moz-linear-gradient(top, #51b3d6, #006f9c);
- background: linear-gradient(to bottom, #51b3d6, #006f9c);
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), inset 0 -2px 0 rgba(0, 0, 0, 0.3);
- border-radius: 4px;
- }
- .side .md h5 a {color:white; }
- .side .md h5 a:hover {color:#d0d4d6;}
- .side .md h5:hover {
- background: -webkit-linear-gradient(top, #0273a0, #006f9c);
- background: -moz-linear-gradient(top, #0273a0, #006f9c);
- background: linear-gradient(to bottom, #0273a0, #006f9c);
- }
- */
- /* flair section*/
- /**** flair sprite ****/
- /*
- PhotoShop = 001
- After Effects = 002
- Premiere = 003
- Cinema 4D = 004
- Gimp = 005
- Blender = 006
- Autodesk = 007
- 3D Studio Max = 008
- Sony Vegas = 009
- */
- .flair {
- background: transparent url(%%sprite-50%%) no-repeat -9999px;
- height: 20px;
- vertical-align: middle;
- border: 0;
- font-weight:bold;
- }
- /* 1 tier flairs */
- .flair-001 {background-position: 0 -0px; min-width: 20px; text-indent: -9999em;}
- .flair-002 {background-position: 0 -30px; min-width: 20px; text-indent: -9999em;}
- .flair-003 {background-position: 0 -60px; min-width: 20px; text-indent: -9999em;}
- .flair-004 {background-position: 0 -91px; min-width: 20px; text-indent: -9999em;}
- .flair-005 {background-position: 0 -122px; min-width: 20px; text-indent: -9999em;}
- .flair-006 {background-position: 0 -150px; min-width: 20px; text-indent: -9999em;}
- .flair-007 {background-position: 0 -180px; min-width: 20px; text-indent: -9999em;}
- .flair-008 {background-position: 0 -210px; min-width: 20px; text-indent: -9999em;}
- .flair-009 {background-position: 0 -240px; min-width: 20px; text-indent: -9999em;}
- .flair-010 {background-position: 0 -4350px; min-width: 20px; text-indent: -9999em;}
- /* 2 tier flairs */
- .flair-001-002 {background-position: 0 -270px; min-width: 41px; text-indent: -9999em;}
- .flair-001-003 {background-position: 0 -300px; min-width: 41px; text-indent: -9999em;}
- .flair-001-004 {background-position: 0 -330px; min-width: 41px; text-indent: -9999em;}
- .flair-001-005 {background-position: 0 -360px; min-width: 41px; text-indent: -9999em;}
- .flair-001-006 {background-position: 0 -390px; min-width: 41px; text-indent: -9999em;}
- .flair-001-007 {background-position: 0 -420px; min-width: 41px; text-indent: -9999em;}
- .flair-001-008 {background-position: 0 -450px; min-width: 41px; text-indent: -9999em;}
- .flair-001-009 {background-position: 0 -480px; min-width: 41px; text-indent: -9999em;}
- .flair-005-006 {background-position: 0 -4320px; min-width: 41px; text-indent: -9999em;}
- /* 3 tier flairs */
- .flair-001-002-003 {background-position: 0 -510px; min-width: 62px; text-indent: -9999em;}
- .flair-001-002-004 {background-position: 0 -540px; min-width: 62px; text-indent: -9999em;}
- .flair-001-002-005 {background-position: 0 -570px; min-width: 62px; text-indent: -9999em;}
- .flair-001-002-006 {background-position: 0 -600px; min-width: 62px; text-indent: -9999em;}
- .flair-001-002-007 {background-position: 0 -630px; min-width: 62px; text-indent: -9999em;}
- .flair-001-002-008 {background-position: 0 -660px; min-width: 62px; text-indent: -9999em;}
- .flair-001-002-009 {background-position: 0 -690px; min-width: 62px; text-indent: -9999em;}
- /* 2 tier - 1 tier + 1 trophy flair */
- .flair-001-x1 {background-position: 0 -720px; min-width: 41px; text-indent: -9999em;}
- .flair-002-x1 {background-position: 0 -750px; min-width: 41px; text-indent: -9999em;}
- .flair-003-x1 {background-position: 0 -780px; min-width: 41px; text-indent: -9999em;}
- .flair-004-x1 {background-position: 0 -810px; min-width: 41px; text-indent: -9999em;}
- .flair-005-x1 {background-position: 0 -840px; min-width: 41px; text-indent: -9999em;}
- .flair-006-x1 {background-position: 0 -870px; min-width: 41px; text-indent: -9999em;}
- .flair-007-x1 {background-position: 0 -900px; min-width: 41px; text-indent: -9999em;}
- .flair-008-x1 {background-position: 0 -930px; min-width: 41px; text-indent: -9999em;}
- .flair-009-x1 {background-position: 0 -960px; min-width: 41px; text-indent: -9999em;}
- /* 3 tier - 2 tier + 1 trophy flair */
- .flair-001-002-x1 {background-position: 0 -990px; min-width: 62px; text-indent: -9999em;}
- .flair-001-003-x1 {background-position: 0 -1020px; min-width: 62px; text-indent: -9999em;}
- .flair-001-004-x1 {background-position: 0 -1050px; min-width: 62px; text-indent: -9999em;}
- .flair-001-005-x1 {background-position: 0 -1080px; min-width: 62px; text-indent: -9999em;}
- .flair-001-006-x1 {background-position: 0 -1110px; min-width: 62px; text-indent: -9999em;}
- .flair-001-007-x1 {background-position: 0 -1140px; min-width: 62px; text-indent: -9999em;}
- .flair-001-008-x1 {background-position: 0 -1170px; min-width: 62px; text-indent: -9999em;}
- .flair-001-009-x1 {background-position: 0 -1200px; min-width: 62px; text-indent: -9999em;}
- /* 4 tier - 3 tier + 1 trophy flair */
- .flair-001-002-003-x1 {background-position: 0 -1230px; min-width: 93px; text-indent: -9999em;}
- .flair-001-002-004-x1 {background-position: 0 -1260px; min-width: 93px; text-indent: -9999em;}
- .flair-001-002-005-x1 {background-position: 0 -1290px; min-width: 93px; text-indent: -9999em;}
- .flair-001-002-006-x1 {background-position: 0 -1320px; min-width: 93px; text-indent: -9999em;}
- .flair-001-002-007-x1 {background-position: 0 -1350px; min-width: 93px; text-indent: -9999em;}
- .flair-001-002-008-x1 {background-position: 0 -1380px; min-width: 93px; text-indent: -9999em;}
- .flair-001-002-009-x1 {background-position: 0 -1410px; min-width: 93px; text-indent: -9999em;}
- /* 3 tier - 1 tier + 5-50 trophy flair */
- .flair-001-x5 {background-position: 0 -1440px; min-width: 62px; text-indent: -9999em;}
- .flair-002-x5 {background-position: 0 -1470px; min-width: 62px; text-indent: -9999em;}
- .flair-003-x5 {background-position: 0 -1500px; min-width: 62px; text-indent: -9999em;}
- .flair-004-x5 {background-position: 0 -1530px; min-width: 62px; text-indent: -9999em;}
- .flair-005-x5 {background-position: 0 -1560px; min-width: 62px; text-indent: -9999em;}
- .flair-006-x5 {background-position: 0 -1590px; min-width: 62px; text-indent: -9999em;}
- .flair-007-x5 {background-position: 0 -1620px; min-width: 62px; text-indent: -9999em;}
- .flair-008-x5 {background-position: 0 -1650px; min-width: 62px; text-indent: -9999em;}
- .flair-009-x5 {background-position: 0 -1680px; min-width: 62px; text-indent: -9999em;}
- .flair-001-x10 {background-position: 0 -2160px; min-width: 62px; text-indent: -9999em;}
- .flair-002-x10 {background-position: 0 -2190px; min-width: 62px; text-indent: -9999em;}
- .flair-003-x10 {background-position: 0 -2220px; min-width: 62px; text-indent: -9999em;}
- .flair-004-x10 {background-position: 0 -2250px; min-width: 62px; text-indent: -9999em;}
- .flair-005-x10 {background-position: 0 -2280px; min-width: 62px; text-indent: -9999em;}
- .flair-006-x10 {background-position: 0 -2310px; min-width: 62px; text-indent: -9999em;}
- .flair-007-x10 {background-position: 0 -2340px; min-width: 62px; text-indent: -9999em;}
- .flair-008-x10 {background-position: 0 -2370px; min-width: 62px; text-indent: -9999em;}
- .flair-009-x10 {background-position: 0 -2400px; min-width: 62px; text-indent: -9999em;}
- .flair-001-x25 {background-position: 0 -2880px; min-width: 62px; text-indent: -9999em;}
- .flair-002-x25 {background-position: 0 -2910px; min-width: 62px; text-indent: -9999em;}
- .flair-003-x25 {background-position: 0 -2940px; min-width: 62px; text-indent: -9999em;}
- .flair-004-x25 {background-position: 0 -2970px; min-width: 62px; text-indent: -9999em;}
- .flair-005-x25 {background-position: 0 -3000px; min-width: 62px; text-indent: -9999em;}
- .flair-006-x25 {background-position: 0 -3030px; min-width: 62px; text-indent: -9999em;}
- .flair-007-x25 {background-position: 0 -3060px; min-width: 62px; text-indent: -9999em;}
- .flair-008-x25 {background-position: 0 -3090px; min-width: 62px; text-indent: -9999em;}
- .flair-009-x25 {background-position: 0 -3120px; min-width: 62px; text-indent: -9999em;}
- .flair-001-x50 {background-position: 0 -3600px; min-width: 62px; text-indent: -9999em;}
- .flair-002-x50 {background-position: 0 -3630px; min-width: 62px; text-indent: -9999em;}
- .flair-003-x50 {background-position: 0 -3660px; min-width: 62px; text-indent: -9999em;}
- .flair-004-x50 {background-position: 0 -3690px; min-width: 62px; text-indent: -9999em;}
- .flair-005-x50 {background-position: 0 -3720px; min-width: 62px; text-indent: -9999em;}
- .flair-006-x50 {background-position: 0 -3750px; min-width: 62px; text-indent: -9999em;}
- .flair-007-x50 {background-position: 0 -3780px; min-width: 62px; text-indent: -9999em;}
- .flair-008-x50 {background-position: 0 -3810px; min-width: 62px; text-indent: -9999em;}
- .flair-009-x50 {background-position: 0 -3840px; min-width: 62px; text-indent: -9999em;}
- /* 4 tier - 2 tier + trophy flair */
- .flair-001-002-x5 {background-position: 0 -1710px; min-width: 93px; text-indent: -9999em;}
- .flair-001-003-x5 {background-position: 0 -1740px; min-width: 93px; text-indent: -9999em;}
- .flair-001-004-x5 {background-position: 0 -1770px; min-width: 93px; text-indent: -9999em;}
- .flair-001-005-x5 {background-position: 0 -1800px; min-width: 93px; text-indent: -9999em;}
- .flair-001-006-x5 {background-position: 0 -1830px; min-width: 93px; text-indent: -9999em;}
- .flair-001-007-x5 {background-position: 0 -1860px; min-width: 93px; text-indent: -9999em;}
- .flair-001-008-x5 {background-position: 0 -1890px; min-width: 93px; text-indent: -9999em;}
- .flair-001-009-x5 {background-position: 0 -1920px; min-width: 93px; text-indent: -9999em;}
- .flair-001-002-x10 {background-position: 0 -2430px; min-width: 93px; text-indent: -9999em;}
- .flair-001-003-x10 {background-position: 0 -2460px; min-width: 93px; text-indent: -9999em;}
- .flair-001-004-x10 {background-position: 0 -2490px; min-width: 93px; text-indent: -9999em;}
- .flair-001-005-x10 {background-position: 0 -2520px; min-width: 93px; text-indent: -9999em;}
- .flair-001-006-x10 {background-position: 0 -2550px; min-width: 93px; text-indent: -9999em;}
- .flair-001-007-x10 {background-position: 0 -2580px; min-width: 93px; text-indent: -9999em;}
- .flair-001-008-x10 {background-position: 0 -2610px; min-width: 93px; text-indent: -9999em;}
- .flair-001-009-x10 {background-position: 0 -2640px; min-width: 93px; text-indent: -9999em;}
- .flair-001-002-x25 {background-position: 0 -3150px; min-width: 93px; text-indent: -9999em;}
- .flair-001-003-x25 {background-position: 0 -3180px; min-width: 93px; text-indent: -9999em;}
- .flair-001-004-x25 {background-position: 0 -3210px; min-width: 93px; text-indent: -9999em;}
- .flair-001-005-x25 {background-position: 0 -3240px; min-width: 93px; text-indent: -9999em;}
- .flair-001-006-x25 {background-position: 0 -3270px; min-width: 93px; text-indent: -9999em;}
- .flair-001-007-x25 {background-position: 0 -3300px; min-width: 93px; text-indent: -9999em;}
- .flair-001-008-x25 {background-position: 0 -3330px; min-width: 93px; text-indent: -9999em;}
- .flair-001-009-x25 {background-position: 0 -3360px; min-width: 93px; text-indent: -9999em;}
- .flair-001-002-x50 {background-position: 0 -3870px; min-width: 93px; text-indent: -9999em;}
- .flair-001-003-x50 {background-position: 0 -3900px; min-width: 93px; text-indent: -9999em;}
- .flair-001-004-x50 {background-position: 0 -3930px; min-width: 93px; text-indent: -9999em;}
- .flair-001-005-x50 {background-position: 0 -3960px; min-width: 93px; text-indent: -9999em;}
- .flair-001-006-x50 {background-position: 0 -3990px; min-width: 93px; text-indent: -9999em;}
- .flair-001-007-x50 {background-position: 0 -4020px; min-width: 93px; text-indent: -9999em;}
- .flair-001-008-x50 {background-position: 0 -4050px; min-width: 93px; text-indent: -9999em;}
- .flair-001-009-x50 {background-position: 0 -4080px; min-width: 93px; text-indent: -9999em;}
- /* 5 tier - 3 tier + trophy flair */
- .flair-001-002-003-x5 {background-position: 0 -1950px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-004-x5 {background-position: 0 -1980px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-005-x5 {background-position: 0 -2010px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-006-x5 {background-position: 0 -2040px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-007-x5 {background-position: 0 -2070px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-008-x5 {background-position: 0 -2100px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-009-x5 {background-position: 0 -2129px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-003-x10 {background-position: 0 -2670px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-004-x10 {background-position: 0 -2700px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-005-x10 {background-position: 0 -2730px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-006-x10 {background-position: 0 -2760px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-007-x10 {background-position: 0 -2790px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-008-x10 {background-position: 0 -2820px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-009-x10 {background-position: 0 -2849px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-003-x25 {background-position: 0 -3390px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-004-x25 {background-position: 0 -3420px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-005-x25 {background-position: 0 -3450px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-006-x25 {background-position: 0 -3480px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-007-x25 {background-position: 0 -3510px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-008-x25 {background-position: 0 -3540px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-009-x25 {background-position: 0 -3569px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-003-x50 {background-position: 0 -4110px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-004-x50 {background-position: 0 -4140px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-005-x50 {background-position: 0 -4170px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-006-x50 {background-position: 0 -4200px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-007-x50 {background-position: 0 -4230px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-008-x50 {background-position: 0 -4260px; min-width: 113px; text-indent: -9999em;}
- .flair-001-002-009-x50 {background-position: 0 -4289px; min-width: 113px; text-indent: -9999em;}
- /*gt champ flair*/
- .flair-001-002-003-gt {background-position: 0 -4373px; min-width: 162px; text-indent: -9999em;}
- .flair-gt {background-position: -81px -4373px; min-width: 45px; text-indent: -9999em;}
- /* 1 tier hover effect */
- .flair:hover { text-indent: 22px; vertical-align: middle;}
- /* 2 tier hover effect */
- .flair-001-002:hover,
- .flair-001-003:hover,
- .flair-001-004:hover,
- .flair-001-005:hover,
- .flair-001-006:hover,
- .flair-001-007:hover,
- .flair-001-008:hover,
- .flair-001-009:hover,
- .flair-001-x1:hover,
- .flair-002-x1:hover,
- .flair-003-x1:hover,
- .flair-004-x1:hover,
- .flair-005-x1:hover,
- .flair-006-x1:hover,
- .flair-007-x1:hover,
- .flair-008-x1:hover,
- .flair-009-x1:hover { text-indent: 42px; vertical-align: middle;}
- /* 3 tier hover effect */
- .flair-001-002-003:hover,
- .flair-001-002-004:hover,
- .flair-001-002-005:hover,
- .flair-001-002-006:hover,
- .flair-001-002-007:hover,
- .flair-001-002-008:hover,
- .flair-001-002-009:hover,
- .flair-001-002-x1:hover,
- .flair-001-003-x1:hover,
- .flair-001-004-x1:hover,
- .flair-001-005-x1:hover,
- .flair-001-006-x1:hover,
- .flair-001-007-x1:hover,
- .flair-001-008-x1:hover,
- .flair-001-009-x1:hover,
- .flair-001-x5:hover,
- .flair-002-x5:hover,
- .flair-003-x5:hover,
- .flair-004-x5:hover,
- .flair-005-x5:hover,
- .flair-006-x5:hover,
- .flair-007-x5:hover,
- .flair-008-x5:hover,
- .flair-009-x5:hover,
- .flair-001-x10:hover,
- .flair-002-x10:hover,
- .flair-003-x10:hover,
- .flair-004-x10:hover,
- .flair-005-x10:hover,
- .flair-006-x10:hover,
- .flair-007-x10:hover,
- .flair-008-x10:hover,
- .flair-009-x10:hover,
- .flair-001-x25:hover,
- .flair-002-x25:hover,
- .flair-003-x25:hover,
- .flair-004-x25:hover,
- .flair-005-x25:hover,
- .flair-006-x25:hover,
- .flair-007-x25:hover,
- .flair-008-x25:hover,
- .flair-009-x25:hover,
- .flair-001-x50:hover,
- .flair-002-x50:hover,
- .flair-003-x50:hover,
- .flair-004-x50:hover,
- .flair-005-x50:hover,
- .flair-006-x50:hover,
- .flair-007-x50:hover,
- .flair-008-x50:hover,
- .flair-009-x50:hover{text-indent: 63px; vertical-align: middle;}
- /* 4 tier hover effect */
- .flair-001-002-003-x1:hover,
- .flair-001-002-004-x1:hover,
- .flair-001-002-005-x1:hover,
- .flair-001-002-006-x1:hover,
- .flair-001-002-007-x1:hover,
- .flair-001-002-008-x1:hover,
- .flair-001-002-009-x1:hover,
- .flair-001-002-x5:hover,
- .flair-001-003-x5:hover,
- .flair-001-004-x5:hover,
- .flair-001-005-x5:hover,
- .flair-001-006-x5:hover,
- .flair-001-007-x5:hover,
- .flair-001-008-x5:hover,
- .flair-001-009-x5:hover,
- .flair-001-002-x10:hover,
- .flair-001-003-x10:hover,
- .flair-001-004-x10:hover,
- .flair-001-005-x10:hover,
- .flair-001-006-x10:hover,
- .flair-001-007-x10:hover,
- .flair-001-008-x10:hover,
- .flair-001-009-x10:hover,
- .flair-001-002-x25:hover,
- .flair-001-003-x25:hover,
- .flair-001-004-x25:hover,
- .flair-001-005-x25:hover,
- .flair-001-006-x25:hover,
- .flair-001-007-x25:hover,
- .flair-001-008-x25:hover,
- .flair-001-009-x25:hover,
- .flair-001-002-x50:hover,
- .flair-001-003-x50:hover,
- .flair-001-004-x50:hover,
- .flair-001-005-x50:hover,
- .flair-001-006-x50:hover,
- .flair-001-007-x50:hover,
- .flair-001-008-x50:hover,
- .flair-001-009-x50:hover {text-indent: 93px; vertical-align:middle;}
- /* 5 tier hover effect */
- .flair-001-002-003-x5:hover,
- .flair-001-002-004-x5:hover,
- .flair-001-002-005-x5:hover,
- .flair-001-002-006-x5:hover,
- .flair-001-002-007-x5:hover,
- .flair-001-002-008-x5:hover,
- .flair-001-002-009-x5:hover,
- .flair-001-002-003-x10:hover,
- .flair-001-002-004-x10:hover,
- .flair-001-002-005-x10:hover,
- .flair-001-002-006-x10:hover,
- .flair-001-002-007-x10:hover,
- .flair-001-002-008-x10:hover,
- .flair-001-002-009-x10:hover,
- .flair-001-002-003-x25:hover,
- .flair-001-002-004-x25:hover,
- .flair-001-002-005-x25:hover,
- .flair-001-002-006-x25:hover,
- .flair-001-002-007-x25:hover,
- .flair-001-002-008-x25:hover,
- .flair-001-002-009-x25:hover,
- .flair-001-002-003-x50:hover,
- .flair-001-002-004-x50:hover,
- .flair-001-002-005-x50:hover,
- .flair-001-002-006-x50:hover,
- .flair-001-002-007-x50:hover,
- .flair-001-002-008-x50:hover,
- .flair-001-002-009-x50:hover{text-indent: 113px; vertical-align:middle;}
- /** link flair **//
- .title .linkflairlabel {
- display: inline;
- background-color: inherit;
- border-width: 0px;
- border-radius: 0px;
- color: #494949;
- letter-spacing: 2px;
- font-weight: normal;
- overflow: visible;
- max-width: 98%;}
- .thing.linkflair .entry {
- border-right: 10px solid #2e2e2e;}
- .thing.linkflair .linkflairlabel {
- border-bottom: solid 2px #2e2e2e;}
- .thing.linkflair.linkflair-removed .linkflairlabel {
- border:1px solid red;
- color:red;
- border-radius:4px;
- }
- .thing.linkflair.linkflair-001 .entry, .flairselector .linkflair-001 {
- border-right: 10px solid #E18879;}
- .thing.linkflair.linkflair-001 .linkflairlabel {
- border-bottom: solid 2px #E18879;}
- .thing.linkflair.linkflair-002 .entry, .flairselector .linkflair-002 {
- border-right: 10px solid #e1aa79;}
- .thing.linkflair.linkflair-002 .linkflairlabel {
- border-bottom: solid 2px #e1aa79;}
- .thing.linkflair.linkflair-003 .entry, .flairselector .linkflair-003 {
- border-right: 10px solid #bbe179;}
- .thing.linkflair.linkflair-003 .linkflairlabel {
- border-bottom: solid 2px #bbe179;}
- .thing.linkflair.linkflair-004 .entry, .flairselector .linkflair-004 {
- border-right: 10px solid #79e1d1;}
- .thing.linkflair.linkflair-004 .linkflairlabel {
- border-bottom: solid 2px #79e1d1;}
- .thing.linkflair.linkflair-005 .entry, .flairselector .linkflair-005 {
- border-right: 10px solid #e1db79;}
- .thing.linkflair.linkflair-05 .linkflairlabel {
- border-bottom: solid 2px #e1db79;}
- .thing.linkflair.linkflair-006 .entry, .flairselector .linkflair-006 {
- border-right: 10px solid #b179e1;}
- .thing.linkflair.linkflair-006 .linkflairlabel {
- border-bottom: solid 2px #b179e1;}
- .thing.linkflair.linkflair-007 .entry, .flairselector .linkflair-g {
- border-right: 10px solid #FCDFFF;}
- .thing.linkflair.linkflair-007 .linkflairlabel {
- border-bottom: solid 2px #FCDFFF;}
- .linkflair-battle .thumbnail {
- display:block;
- width:70px;
- height:50px;
- content:"";
- background:url(%%battle%%);
- }
- /*.linkflair-closed .thumbnail {
- display:block;
- width:70px;
- height:50px;
- content:"";
- background:url(%%closed%%);
- }
- .linkflair-request .thumbnail {
- display:block;
- width:70px;
- height:50px;
- content:"";
- background:url(%%request%%);
- }*/
- /*end flair*/
- .stickied {
- border:1px solid gray;
- background-color: #b1dff0;
- width: calc(100% - 315px);
- }
- .stickied.thing.comment {
- width: auto;
- }
- .stickied .title {
- color: #d2232a !important;
- }
- .stickied-tagline {
- color: #d2232a !important;
- }
- /*Upvote buttons for posts*/
- .link .arrow {
- height: 20px;
- width: 20px;
- background-image: url(%%h0w-vote%%) !important;
- }
- .link .arrow.up {
- background-position: 0px -20px;
- opacity: .5 !important;
- }
- .link .arrow.down {
- background-position: 0px -60px;
- opacity: .5 !important;
- }
- .link .arrow.up:hover {
- background-position: 0px -20px;
- opacity: .7 !important;
- }
- .link .arrow.down:hover {
- background-position: 0px -60px;
- opacity: .7 !important;
- }
- .link .arrow.upmod {
- background-position: 0px -0px;
- opacity: 1 !important;
- }
- .link .arrow.downmod {
- background-position: 0px -40px;
- opacity: 1 !important;
- }
- /* background message for people leaving comments - basically rule 3 */
- .commentarea form textarea:not(:focus){
- background-image: url(%%commentStuff%%);
- background-repeat: no-repeat;
- }
- .comment .arrow.up {
- background-image: url(%%h0w-vote%%) !important;
- background-position: 0 -20px;
- width: 20px;
- margin-left: 3px;
- height: 20px;
- }
- .comment .arrow.upmod {
- background-image: url(%%h0w-vote%%) !important;
- padding-right: 5px !important;
- background-position: 0 -0px;
- width: 20px;
- margin-left: 3px;
- height: 20px;
- }
- .comment .midcol{
- width: 22px;
- }
- .comment .arrow.down {
- background-image: url(%%h0w-vote%%) !important;
- background-position: 0 -60px;
- width: 20px;
- margin-left: 3px;
- height: 20px;
- }
- .comment .arrow.downmod {
- background-image: url(%%h0w-vote%%) !important;
- padding-right: 5px !important;
- background-position: 0 -40px;
- width: 20px;
- margin-left: 3px;
- height: 20px;
- }
- .compressed .midcol,
- .link .midcol {
- padding-right: 5px !important;
- }
- /* sticky h4 */
- .side .md h4:nth-of-type(1) {
- box-shadow: 1px 0 5px #383838;
- position: absolute;
- z-index:999;
- margin-top: 5px;
- top: 70px;
- left: 625px;
- display: block;
- border: 1px solid black;
- background: #4990ac;
- text-align: left;
- font-size: 14px;
- color: white;
- font-weight: bold;
- padding: 2px 4px 2px 4px;
- }
- .side .md h4:nth-of-type(1) a{
- color: white;
- font-size: 14px;
- background: #4990ac;
- }
- .side h4:nth-of-type(1) a:hover {
- color: white;
- }
- /*
- * spoilers
- * use: [spoiler](#s "pencer is better than preggit!")
- */
- a[href="#s"] {
- visibility: hidden;
- display: inline-block
- }
- a[href="#s"]::after {
- content: attr(title);
- background: #4990ac;
- color: #4990ac;
- visibility: visible
- }
- a[href="#s"]:hover::after, a[href="#s"]:active::after {
- color: white;
- }
- a[href$="/spoiler"],
- a[href$="/spoiler"] * {
- color: rgba(255,60,231,0)!important;
- text-shadow: 1px 0 12px #2E2E2C,-1px 0 12px #2E2E2C;
- transition: 0.5s all;
- }
- a[href$="/spoiler"]:hover,
- a[href$="/spoiler"]:hover * {
- text-shadow: none;
- color: black!important;
- }
- a[href$="/spoiler"]:before {
- content: 'SPOILER';
- background: none;
- background-color: transparent;
- font-size: 60%;
- line-height: 100%;
- vertical-align: top;
- color: red;
- text-shadow: none;
- font-weight: bold;
- }
- /******what?*******/
- .flair-hero0fflair {
- border-radius: 5px;
- border: none !important;
- text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
- -moz-box-shadow: 0 0 5px #c6ff00;
- -webkit-box-shadow: 0 0 5px #c6ff00;
- box-shadow: 0px 0px 5px #c6ff00;
- display: inline-block;
- margin-right: 3px;
- margin-left: 3px;
- background: linear-gradient(270deg, #ff0000, #f9ff00, #18ff00, #00fff6, #0600ff, #ff00f5, #ff0000);
- background-size: 800% 800%;
- -webkit-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
- -moz-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
- box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
- /* border-radius: 5px !important;
- -moz-border-radius: 5px !important;
- -webkit-border-radius: 5px !important;
- border: 6px double #FF0000 !important; */
- -webkit-animation-name: blinker;
- -webkit-animation-duration: .5s;
- -webkit-animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- -moz-animation-name: blinker;
- -moz-animation-duration: .5s;
- -moz-animation-timing-function: linear;
- -moz-animation-iteration-count: infinite;
- animation-name: blinker;
- animation-duration: .5s;
- animation-timing-function: linear;
- animation-iteration-count: infinite;
- -webkit-animation: doot 3s ease infinite, colorchange .6s initial infinite;
- -moz-animation: doot 3s ease infinite, colorchange .6s linear infinite;
- -o-animation: doot 3s ease infinite, colorchange .6s linear infinite;
- animation: colorchange .6s infinite, doot 3s ease infinite;
- z-index: 9999;
- }
- .flair-pulse {
- background: rgba(250,10,10,1);
- background: -moz-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
- background: -webkit-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
- background: -o-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
- background: -ms-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
- background: linear-gradient(to right, rgba(250,10,10,1) 0%, rgba(143,3,138,1) 71%, rgba(50,0,107,1) 100%);
- color: white !important;
- -webkit-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
- -moz-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
- box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
- border-radius: 5px !important;
- -moz-border-radius: 5px !important;
- -webkit-border-radius: 5px !important;
- border: 6px double #FF0000;
- /* -webkit-animation-name: pulse;
- animation-name: pulse; */
- -webkit-animation-name: pulse;
- -webkit-animation-duration: .5s;
- -webkit-animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- -moz-animation-name: pulse;
- -moz-animation-duration: .5s;
- -moz-animation-timing-function: linear;
- -moz-animation-iteration-count: infinite;
- animation-name: pulse;
- animation-duration: .5s;
- animation-timing-function: linear;
- animation-iteration-count: infinite;
- }
- @-moz-keyframes blinker {
- 0% { opacity: 1.0; }
- 50% { opacity: 0.0; }
- 100% { opacity: 1.0; }
- }
- @-webkit-keyframes blinker {
- 0% { opacity: 1.0; }
- 50% { opacity: 0.0; }
- 100% { opacity: 1.0; }
- }
- @keyframes blinker {
- 0% { opacity: 1.0; }
- 50% { opacity: 0.0; }
- 100% { opacity: 1.0; }
- }
- @-webkit-keyframes colorchange {
- 0%{color: #00f6ff}
- 25%{color: #ff00ea}
- 50%{color: #00ff06}
- 75%{color: #fff600}
- 100%{color: #00f6ff}
- }
- @-moz-keyframes colorchange {
- 0%{color: #00f6ff}
- 25%{color: #ff00ea}
- 50%{color: #00ff06}
- 75%{color: #fff600}
- 100%{color: #00f6ff}
- }
- @-o-keyframes colorchange {
- 0%{color: #00f6ff}
- 25%{color: #ff00ea}
- 50%{color: #00ff06}
- 75%{color: #fff600}
- 100%{color: #00f6ff}
- }
- @keyframes colorchange {
- 0%{color: #00f6ff}
- 25%{color: #ff00ea}
- 50%{color: #00ff06}
- 75%{color: #fff600}
- 100%{color: #00f6ff}
- }
- @-webkit-keyframes doot {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
- }
- @-moz-keyframes doot {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
- }
- @-o-keyframes doot {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
- }
- @keyframes doot {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
- }
- @-webkit-keyframes pulse {
- from {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- 50% {
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
- transform: scale3d(1.05, 1.05, 1.05);
- background: rgba(10,10,250,1);
- background: -moz-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: -webkit-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: -o-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: -ms-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: linear-gradient(to right, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
- -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
- box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
- border: 6px double #0000FF;
- }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- }
- @keyframes pulse {
- from {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- 50% {
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
- transform: scale3d(1.05, 1.05, 1.05);
- background: rgba(10,10,250,1);
- background: -moz-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: -webkit-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: -o-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: -ms-linear-gradient(left, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: linear-gradient(to right, rgba(10,10,250,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
- -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
- box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
- border: 6px double #0000FF;
- }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- }
- .flair-mattflair {
- border-radius: 5px;
- border: none !important;
- text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
- -moz-box-shadow: 0 0 5px #c6ff00;
- -webkit-box-shadow: 0 0 5px #c6ff00;
- box-shadow: 0px 0px 5px #c6ff00;
- display: inline-block;
- margin-right: 3px;
- margin-left: 3px;
- background: linear-gradient(270deg, #ff0000, #000000, #ff0000, #000000, #ff0000, #000000, #ff0000);
- background-size: 800% 800%;
- -webkit-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
- -moz-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
- box-shadow: 5px 5px 21px 0px rgba(235,9,9,1) !important;
- /* border-radius: 5px !important;
- -moz-border-radius: 5px !important;
- -webkit-border-radius: 5px !important;
- border: 6px double #FF0000 !important; */
- -webkit-animation-name: blinker;
- -webkit-animation-duration: 5s;
- -webkit-animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- -moz-animation-name: blinker;
- -moz-animation-duration: 5s;
- -moz-animation-timing-function: linear;
- -moz-animation-iteration-count: infinite;
- animation-name: blinker;
- animation-duration: 5s;
- animation-timing-function: linear;
- animation-iteration-count: infinite;
- -webkit-animation: doot 4s ease infinite, colorchange 2s initial infinite;
- -moz-animation: doot 4s ease infinite, colorchange 2s linear infinite;
- -o-animation: doot 4s ease infinite, colorchange 2s linear infinite;
- animation: colorchange 2s infinite, doot 4s ease infinite;
- z-index: 9999;
- }
- .flair-pulse {
- background: rgba(250,10,10,1);
- background: -moz-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
- background: -webkit-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
- background: -o-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
- background: -ms-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
- background: linear-gradient(to right, rgba(250,10,10,1) 0%, rgba(0,0,0,1) 71%, rgba(250,10,10,1) 100%);
- color: white !important;
- -webkit-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
- -moz-box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
- box-shadow: 5px 5px 21px 0px rgba(235,9,9,1);
- border-radius: 5px !important;
- -moz-border-radius: 5px !important;
- -webkit-border-radius: 5px !important;
- border: 6px double #FF0000;
- /* -webkit-animation-name: pulse;
- animation-name: pulse; */
- -webkit-animation-name: pulse;
- -webkit-animation-duration: 5s;
- -webkit-animation-timing-function: linear;
- -webkit-animation-iteration-count: infinite;
- -moz-animation-name: pulse;
- -moz-animation-duration: 5s;
- -moz-animation-timing-function: linear;
- -moz-animation-iteration-count: infinite;
- animation-name: pulse;
- animation-duration: 5s;
- animation-timing-function: linear;
- animation-iteration-count: infinite;
- }
- @-moz-keyframes blinker {
- 0% { opacity: 1.0; }
- 50% { opacity: 0.0; }
- 100% { opacity: 1.0; }
- }
- @-webkit-keyframes blinker {
- 0% { opacity: 1.0; }
- 50% { opacity: 0.0; }
- 100% { opacity: 1.0; }
- }
- @keyframes blinker {
- 0% { opacity: 1.0; }
- 50% { opacity: 0.0; }
- 100% { opacity: 1.0; }
- }
- @-webkit-keyframes colorchange {
- 0%{color: #ff0000}
- 25%{color: #ffffff}
- 50%{color: #ff0000}
- 75%{color: #ffffff}
- 100%{color: #ff0000}
- }
- @-moz-keyframes colorchange {
- 0%{color: #ff0000}
- 25%{color: #ffffff}
- 50%{color: #ff0000}
- 75%{color: #ffffff}
- 100%{color: #ff0000}
- }
- @-o-keyframes colorchange {
- 0%{color: #ff0000}
- 25%{color: #ffffff}
- 50%{color: #ff0000}
- 75%{color: #ffffff}
- 100%{color: #ff0000}
- }
- @keyframes colorchange {
- 0%{color: #ff0000}
- 25%{color: #ffffff}
- 50%{color: #ff0000}
- 75%{color: #ffffff}
- 100%{color: #ff0000}
- }
- @-webkit-keyframes doot {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
- }
- @-moz-keyframes doot {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
- }
- @-o-keyframes doot {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
- }
- @keyframes doot {
- 0%{background-position:0% 50%}
- 50%{background-position:100% 50%}
- 100%{background-position:0% 50%}
- }
- @-webkit-keyframes pulse {
- from {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- 50% {
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
- transform: scale3d(1.05, 1.05, 1.05);
- background: rgba(250,10,10,1);
- background: -moz-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: -webkit-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: -o-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: -ms-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: linear-gradient(to right, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
- -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
- box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
- border: 6px double #0000FF;
- }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- }
- @keyframes pulse {
- from {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- 50% {
- -webkit-transform: scale3d(1.05, 1.05, 1.05);
- transform: scale3d(1.05, 1.05, 1.05);
- background: rgba(250,10,10,1);
- background: -moz-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: -webkit-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: -o-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: -ms-linear-gradient(left, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- background: linear-gradient(to right, rgba(250,10,10,1) 0%, rgba(138,3,143,1) 71%, rgba(107,50,0,1) 100%);
- -webkit-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
- -moz-box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
- box-shadow: 5px 5px 21px 0px rgba(9,9,235,1);
- border: 6px double #0000FF;
- }
- to {
- -webkit-transform: scale3d(1, 1, 1);
- transform: scale3d(1, 1, 1);
- }
- }
- /* Hide the mod flairs for the plebs (non mods) */
- /* what the fuck is a pleb? is that some sort of hate slur? */
- body:not(.moderator) .flairoptionpane>ul:nth-of-type(1) {
- display: none;
- }
- .flair-machoman {
- width: 40px;height: 42px;
- background: url(%%macho-mini%%) no-repeat;
- -webkit-animation: macho 1.5s steps(40) infinite;
- -moz-animation: macho 1.5s steps(40) infinite;
- -ms-animation: macho 1.5s steps(40) infinite;
- -o-animation: macho 1.5s steps(40) infinite;
- animation: macho 1.5s steps(40) infinite;
- text-indent: -9999px;
- }
- @-webkit-keyframes macho {from { background-position: 0 0px; } to { background-position: 0 -1680px; }}
- @-moz-keyframes macho {from { background-position: 0 0px; } to { background-position: 0 -1680px; }}
- @-ms-keyframes macho {from { background-position: 0 0px; } to { background-position: 0 -1680px; }}
- @-o-keyframes macho {from { background-position: 0 0px; } to { background-position: 0 -1680px; }}
- @keyframes macho {from { background-position: 0 0; } to { background-position: 0 -1680px; }}
- .flair-hero111 {
- width: 34px;height: 32px;
- background: url(%%hero111%%) no-repeat;
- -webkit-animation: goat 3s steps(27) infinite;
- -moz-animation: goat 3s steps(27) infinite;
- -ms-animation: goat 3s steps(27) infinite;
- -o-animation: goat 3s steps(27) infinite;
- animation: goat 3s steps(27) infinite;
- text-indent: -9999px;
- }
- @-webkit-keyframes goat {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
- @-moz-keyframes goat {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
- @-ms-keyframes goat {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
- @-o-keyframes goat {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
- @keyframes goat {from { background-position: 0 0px; } to { background-position: 0 -864px; }}
- .flair-dino:hover{text-indent: 43px; white-space:nowrap;}
- .flair-dino {
- width: 45px;height: 57.5px;
- background: url(%%dino%%) no-repeat;
- -webkit-animation: dino 1.5s steps(32) infinite;
- -moz-animation: dino 1.5s steps(32) infinite;
- -ms-animation: dino 1.5s steps(32) infinite;
- -o-animation: dino 1.5s steps(32) infinite;
- animation: dino 1.5s steps(32) infinite;
- text-indent: -9999px;
- }
- @-webkit-keyframes dino {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
- @-moz-keyframes dino {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
- @-ms-keyframes dino {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
- @-o-keyframes dino {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
- @keyframes dino {from { background-position: 0 0; } to { background-position: 0 -1840px; }}
- /* dino glow */
- .flair-dino:hover {
- width: 45px;height: 57.5px;
- background: url(%%dinodark%%) no-repeat;
- -webkit-animation: dinodark 1.5s steps(32) infinite;
- -moz-animation: dinodark 1.5s steps(32) infinite;
- -ms-animation: dinodark 1.5s steps(32) infinite;
- -o-animation: dinodark 1.5s steps(32) infinite;
- animation: dinodark 1.5s steps(32) infinite;
- text-indent: -9999px;
- }
- @-webkit-keyframes dinodark {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
- @-moz-keyframes dinodark {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
- @-ms-keyframes dinodark {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
- @-o-keyframes dinodark {from { background-position: 0 0px; } to { background-position: 0 -1840px; }}
- @keyframes dinodark {from { background-position: 0 0; } to { background-position: 0 -1840px; }}
- /* dino glow */
- .flair-somb {
- width: 45px;height: 50px;
- background: url(%%somb%%) no-repeat;
- -webkit-animation: somb .5s steps(6) infinite;
- -moz-animation: somb .5s steps(6) infinite;
- -ms-animation: somb .5s steps(6) infinite;
- -o-animation: somb .5s steps(6) infinite;
- animation: somb .5s steps(6) infinite;
- text-indent: -9999px;
- }
- @-webkit-keyframes somb {from { background-position: 0 0px; } to { background-position: 0 -300px; }}
- @-moz-keyframes somb {from { background-position: 0 0px; } to { background-position: 0 -300px; }}
- @-ms-keyframes somb {from { background-position: 0 0px; } to { background-position: 0 -300px; }}
- @-o-keyframes somb {from { background-position: 0 0px; } to { background-position: 0 -300px; }}
- @keyframes somb {from { background-position: 0 0; } to { background-position: 0 -300px; }}
- /*xmas poop*/
- .flair-xmaspoo {
- width: 40px;height: 41px;
- background: url(%%xmaspoo%%) no-repeat;
- -webkit-animation: xmaspoo 2s steps(28) infinite;
- -moz-animation: xmaspoo 2s steps(28) infinite;
- -ms-animation: xmaspoo 2s steps(28) infinite;
- -o-animation: xmaspoo 2s steps(28) infinite;
- animation: xmaspoo 2s steps(28) infinite;
- text-indent: -9999px;
- }
- @-webkit-keyframes xmaspoo {from { background-position: 0 0px; } to { background-position: 0 -1158px; }}
- @-moz-keyframes xmaspoo {from { background-position: 0 0px; } to { background-position: 0 -1158px; }}
- @-ms-keyframes xmaspoo {from { background-position: 0 0px; } to { background-position: 0 -1158px; }}
- @-o-keyframes xmaspoo {from { background-position: 0 0px; } to { background-position: 0 -1158px; }}
- @keyframes xmaspoo {from { background-position: 0 0; } to { background-position: 0 -1158px; }}
- /*end xmas poop*/
- /*battle flair start*/
- .comments-page .linkflair-battles .md strong,.comments-page .linkflair-battles.stickied .md strong{color:#0099ff!important}
- .linkflair-battles.stickied .md strong{color:#0099ff}
- .linkflair-battles .md h1{color:#0099ff!important}
- /*edit this*/
- .link.stickied.linkflair-battles .score,.thing.stickied.linkflair-battles .entry li .comments,.thing.stickied.linkflair-battles a,.thing.stickied.linkflair-battles a.title{color:#3cadff!important}
- /*edit this*/
- .linkflair-battles.stickied .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
- .linkflair-battles.stickied .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
- .linkflair-battles .entry.RES-keyNav-activeElement{border-right-color:#3cadff!important}
- .linkflair-battles .RES-keyNav-activeElement {background: rgba(100,100,100,.01)!important}
- .thing.stickied.linkflair-battles .usertext .md a{color:#0099ff!important}
- /*edit this*/
- .thing.stickied.linkflair-battles .expando-button:hover{background-color:#3cadff!important;border-color:#3cadff!important}
- .comments-page .linkflair-battles{background-image:url(%%battle%%);border-radius:0}
- .comments-page .linkflair-battles::before{display:block;height:100%;background:radial-gradient(ellipse farthest-side at left top,rgba(255,255,255,0) 0,rgba(0,195,255,.15) 100%)}
- /*edit this*/
- .linkflair-battles .usertext .md a{color:#0099ff;font-weight:700}
- .linkflair-battles a.title,.stickied a.title{font-weight:900;font-family:Futura,'Century Gothic',sans-serif}
- .linkflair-battles .usertext .md blockquote{color:inherit}
- .linkflair-battles .usertext .md pre{color:initial}.linkflair-battles .usertext .md a:visited{color:#0099ff}
- /*edit this*/
- .linkflair-battles a.title,.listing-page .linkflair-battles a{color:#3cadff!important}
- .link.last-clicked.linkflair-battles{background-color:#444!important}
- .linkflair-battles .entry .buttons li a,.linkflair-battles .entry .tagline{color:#CCC}
- .linkflair-battles .entry{border-bottom:0}
- /*edit this*/
- .linkflair-battles,.linkflair-battles.stickied{background:url(%%battle%%) no-repeat 98% 50% #333;border:1px solid #000}
- /*edit this*/
- .linkflair-battles .linkflairlabel{background-color:#333;font-size:11px;font-weight:700;border-color:#000}
- .linkflair-battles .linkflairlabel{color:#0099ff;border-width:1;border-radius:3px;padding:3px}
- .linkflair-battles .usertext-body.may-blank-within.md-container{background-color:transparent!important}
- .flairoptionpane .linkflair{background:none;border:0px}
- .linkflair-battles .entry.res-selected {background: transparent !important;}
- /*battle flair end*/
- /**
- * star wars the sub?
- */
- html:lang(sw) {
- overflow: hidden;
- perspective: 300px;
- }
- body:lang(sw) {
- height: 100%;
- transform: rotateX(25deg) translateZ(-3000px);
- }
- body:lang(sw) {
- position: absolute;
- height: 160px;
- top: 0px;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: -1;
- -webkit-animation: pan 160s linear infinite;
- -moz-animation: pan 160s linear infinite;
- animation: pan 160s linear infinite;
- }
- @-webkit-keyframes pan {
- 0% { background-position: 50% 0; }
- 50% { background-position: 50% -950px; }
- 100% { background-position: 50% 0; }
- }
- @-moz-keyframes pan {
- 0% { background-position: 50% 0; }
- 50% { background-position: 50% -950px; }
- 100% { background-position: 50% 0; }
- }
- @keyframes pan {
- 0% { background-position: 50% 0; }
- 50% { background-position: 50% -950px; }
- 100% { background-position: 50% 0; }
- }
- .flair-swift40 {
- width: 40px;height: 54px;
- background: url(%%swift40t%%) no-repeat;
- -webkit-animation: swift40 1.5s steps(10) infinite;
- -moz-animation: swift40 1.5s steps(10) infinite;
- -ms-animation: swift40 1.5s steps(10) infinite;
- -o-animation: swift40 1.5s steps(10) infinite;
- animation: swift40 1.5s steps(10) infinite;
- text-indent: -9999px;
- }
- @-webkit-keyframes swift40 {from { background-position: 0 0px; } to { background-position: 0 -540px; }}
- @-moz-keyframes swift40 {from { background-position: 0 0px; } to { background-position: 0 -540px; }}
- @-ms-keyframes swift40 {from { background-position: 0 0px; } to { background-position: 0 -540px; }}
- @-o-keyframes swift40 {from { background-position: 0 0px; } to { background-position: 0 -540px; }}
- @keyframes swift40 {from { background-position: 0 0; } to { background-position: 0 -540px; }}
- /*tlc machoman*/
- .flair-tlc-macho {
- width: 40px;height: 50px;
- background: url(%%tlc-macho%%) no-repeat;
- -webkit-animation: tlc-macho 2s steps(7) infinite;
- -moz-animation: tlc-macho 2s steps(7) infinite;
- -ms-animation: tlc-macho 2s steps(7) infinite;
- -o-animation: tlc-macho 2s steps(7) infinite;
- animation: tlc-macho 2s steps(7) infinite;
- text-indent: -9999px;
- }
- @-webkit-keyframes tlc-macho {from { background-position: 0 0px; } to { background-position: 0 -350px; }}
- @-moz-keyframes tlc-macho {from { background-position: 0 0px; } to { background-position: 0 -350px; }}
- @-ms-keyframes tlc-macho {from { background-position: 0 0px; } to { background-position: 0 -350px; }}
- @-o-keyframes tlc-macho {from { background-position: 0 0px; } to { background-position: 0 -350px; }}
- @keyframes tlc-macho {from { background-position: 0 0; } to { background-position: 0 -350px; }}
- /*end tlc machoman*/
- /* aw yeah belt*/
- .flair-gt-aw-yeah {
- width: 50px;height: 50px;
- background: url(%%gt-aw-yeah%%) no-repeat;
- -webkit-animation: gt-aw-yeah .5s steps(11) infinite;
- -moz-animation: gt-aw-yeah .5s steps(11) infinite;
- -ms-animation: gt-aw-yeah .5s steps(11) infinite;
- -o-animation: gt-aw-yeah .5s steps(11) infinite;
- animation: gt-aw-yeah .5s steps(11) infinite;
- text-indent: -9999px;
- }
- @-webkit-keyframes gt-aw-yeah {from { background-position: 0 0px; } to { background-position: 0 -550px; }}
- @-moz-keyframes gt-aw-yeah {from { background-position: 0 0px; } to { background-position: 0 -550px; }}
- @-ms-keyframes gt-aw-yeah {from { background-position: 0 0px; } to { background-position: 0 -550px; }}
- @-o-keyframes gt-aw-yeah {from { background-position: 0 0px; } to { background-position: 0 -550px; }}
- @keyframes gt-aw-yeah {from { background-position: 0 0; } to { background-position: 0 -550px; }}
- /*aw yeah belt end*/
- /* canada-parrot*/
- .flair-canada-parrot {
- width: 40px;height: 21.9px;
- background: url(%%canada-parrot%%) no-repeat;
- -moz-animation: canada-parrot .5s steps(10) infinite;
- -ms-animation: canada-parrot .5s steps(10) infinite;
- -o-animation: canada-parrot .5s steps(10) infinite;
- animation: canada-parrot .5s steps(10) infinite;
- text-indent: -9999px;
- }
- @-webkit-keyframes canada-parrot {from { background-position: 0 0px; } to { background-position: 0 -219px; }}
- @-moz-keyframes canada-parrot {from { background-position: 0 0px; } to { background-position: 0 -219px; }}
- @-ms-keyframes canada-parrot {from { background-position: 0 0px; } to { background-position: 0 -219px; }}
- @-o-keyframes canada-parrot {from { background-position: 0 0px; } to { background-position: 0 -219px; }}
- @keyframes canada-parrot {from { background-position: 0 0; } to { background-position: 0 -219px; }}
- /*canada-parrot end*/
- /* elpinko gets a promotion
- a[href$="/user/elpinko"]:after {
- content: "Executive Shitstirrer";
- background: #fff url(%%exec-dickbutt%%) no-repeat top left;
- font-weight: bold;
- display: inline-block;
- height: 30px;
- padding-left: 26px;
- color: #4c462c;
- }
- a[href$="/user/eipinko"]:after {
- content: "Executive Shitstirrer";
- background: #fff url(%%exec-dickbutt%%) no-repeat top left;
- font-weight: bold;
- display: inline-block;
- height: 30px;
- padding-left: 26px;
- color: #4c462c;
- }
- */
- a[href$="/user/thefakegm"]:after {
- content: "not just a gentleman, but a scholar";
- background: #fff url(%%historian%%) no-repeat top left;
- font-weight: bold;
- display: inline-block;
- height: 30px;
- padding-left: 35px;
- color: #4c462c;
- }
- /* may the hero be with you
- html {
- overflow: hidden;
- perspective: 320px;
- }
- body {
- height: 100%;
- transform: rotateX(25deg) translateZ(-200px);
- }
- html { background: #000 url(%%max1%%);background-position: center; margin-top: 0cm; }
- html:before {
- background: url(%%max4%%) no-repeat center top;
- content: '';
- position: absolute;
- height: 300px;
- top: 0px;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: -1;
- -webkit-animation: starpan 1600s linear infinite;
- -moz-animation: starpan 1600s linear infinite;
- animation: starpan 1600s linear infinite;
- }
- @-webkit-keyframes starpan {
- 0% { background-position: 50% 0; }
- 50% { background-position: 50% -17000px; }
- 100% { background-position: 50% 0; }
- }
- @-moz-keyframes starpan {
- 0% { background-position: 50% 0; }
- 50% { background-position: 50% -17000px; }
- 100% { background-position: 50% 0; }
- }
- @keyframes starpan {
- 0% { background-position: 50% 0; }
- 50% { background-position: 50% -17000px; }
- 100% { background-position: 50% 0; }
- }
- */
- /* SUBREDDIT NAME ANIMATION */
- .titlebox h1 a { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; cursor: default; border: none; /* font: normal normal bold 70px/normal "Bad Script", Helvetica, sans-serif; */ font: normal normal bold 30px/normal "Bad Script", Helvetica; text-decoration: none; color: rgba(0, 0, 0, 0); text-align: center; -o-text-overflow: clip; text-overflow: clip; text-shadow: 3px 0 0 rgb(217,31,38) , 3px 0 0 rgb(226,91,14) , 3px 0 0 rgb(245,221,8) , 3px 0 0 rgb(5,148,68) , 3px 0 0 rgb(2,135,206) , 3px 0 0 rgb(4,77,145) , 3px 0 0 rgb(42,21,113) ; -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
- .hover a:hover { text-shadow: -3px 0 0 rgb(217,31,38) , -6px 0 0 rgb(226,91,14) , -9px 0 0 rgb(245,221,8) , -12px 0 0 rgb(5,148,68) , -15px 0 0 rgb(2,135,206) , -18px 0 0 rgb(4,77,145) , -21px 0 0 rgb(42,21,113) ; -webkit-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
- /* this is what you are looking for, you will probably want to kill this
- html:active {cursor: wait}
- html {cursor: wait}
- a:visited {cursor: wait}
- a {cursor: wait}
- div {cursor:wait}
- textarea {cursor:wait}
- input {cursor:wait}
- img {cursor:wait}
- stop here, the rest of this shit is fine */
- .flair-randypink{
- width: 40px;height: 40px;
- background: url(%%randy-pink%%) no-repeat;
- }
- .flair-shoop{
- width: 120px;height: 96.13px;
- background: url(%%shoop-still%%) no-repeat;
- }
- .flair-shoop:hover {
- width: 120px;height: 96.13px;
- background: url(%%shoop%%) no-repeat;
- -webkit-animation: shoop 1.5s steps(22) infinite;
- -moz-animation: shoop 1.5s steps(22) infinite;
- -ms-animation: shoop 1.5s steps(22) infinite;
- -o-animation: shoop 1.5s steps(22) infinite;
- animation: shoop 1.5s steps(22) infinite;
- text-indent: -9999px;
- }
- @-webkit-keyframes shoop {from { background-position: 0 0px; } to { background-position: 0 -2115px; }}
- @-moz-keyframes shoop {from { background-position: 0 0px; } to { background-position: 0 -2115px; }}
- @-ms-keyframes shoop {from { background-position: 0 0px; } to { background-position: 0 -2115px; }}
- @-o-keyframes shoop {from { background-position: 0 0px; } to { background-position: 0 -2115px; }}
- @keyframes shoop {from { background-position: 0 0; } to { background-position: 0 -2115px; }}
- /*
- .arrow.down:after{display:block;visibility:hidden;position:absolute;z-index:1000;margin:-6px 0 0 32px;padding:12px;background:rgba(79,77,192,0.0);border-radius:2px;color:rgba(255,255,255,0);content:"I'm not mad, I'm just disappointed.";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:rgba(79,77,192,0.9);color:#FFF;margin-left:48px}
- */
- /*start boring blue, but hey it's blue*/
- /*
- .make-gif-container{
- font-size: 30px;
- font-weight: bold;
- vertical-align: middle;
- text-align: center;
- background: #fff url(%%red-arrow%%) no-repeat top left;
- color: rgba(0, 0, 0, 0.8);
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
- box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px rgba(0, 0, 0, 0.2);
- background: -webkit-linear-gradient(top, #1EA5D8, #126381);
- background: -moz-linear-gradient(top, #1EA5D8, #126381);
- background: linear-gradient(to bottom, #1EA5D8, #126381);
- border-radius: 5px;
- }
- */
- /*end boring blue, but hey it's blue*/
- /*start bright and shit*/
- .make-gif-container{
- font-size: 30px;
- font-weight: bold;
- vertical-align: middle;
- text-align: center;
- color: rgba(0, 0, 0, 0.8);
- text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
- box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 1px 2px rgba(0, 0, 0, 0.2);
- border-radius: 5px;
- background-image:-webkit-linear-gradient( left, DarkOrange , orange, OrangeRed , blue,
- LightSkyBlue,SkyBlue, DeepSkyBlue, SkyBlue, LightSkyBlue,
- blue, OrangeRed, orange,DarkOrange );
- background-image:-moz-linear-gradient( left, red, red, yellow, green,
- red,red, red, red, red,
- red, yellow, orange,red );
- background-image:-o-linear-gradient( left, red, orange, yellow, green,
- blue,indigo, violet, indigo, blue,
- green, yellow, orange,red );
- background-image:-ms-linear-gradient( left, red, orange, yellow, green,
- blue,indigo, violet, indigo, blue,
- green, yellow, orange,red );
- background-image:-khtml-linear-gradient( left, red, red, black, black,
- blue,blue, red, red, blue,
- blue, black, black,red );
- background-image:linear-gradient( left, red, orange, yellow, green,
- blue,indigo, violet, indigo, blue,
- green, yellow, orange,red );
- -moz-animation:douche 2.5s forwards linear infinite;
- -webkit-animation:douche 2.5s forwards linear infinite;
- -o-animation:douche 2.5s forwards linear infinite;
- -khtml-animation:douche 2.5s forwards linear infinite;
- -ms-animation:douche 2.5s forwards linear infinite;
- animation:douche 2.5s forwards linear infinite;
- background-size:100% auto;
- }
- /*end bright and shit*/
- /*
- .video-player-container{
- visibility:hidden
- }
- .file-upload-button{
- visibility:hidden;
- }
- .media-drop-icon{
- visibility:hidden;
- }
- .file-drop-label{
- visibility:hidden;
- }
- .image-upload-drop-target{
- background: url(%%idk-yolo2%%) no-repeat 0px 0 !important;
- }*/
- .author[href$="/hero0fwar"],
- .comment .author[href$="/hero0fwar"] {
- -webkit-animation: rainbow 5s linear 0s infinite;
- animation: rainbow 5s linear 0s infinite;
- }
- @-webkit-keyframes rainbow {
- 0% { color: #F00 }
- 17% { color: #FF0 }
- 33% { color: #0F0 }
- 50% { color: #0FF }
- 67% { color: #00F }
- 84% { color: #F0F }
- 100% { color: #F00 }
- }
- @keyframes rainbow {
- 0% { color: #F00 }
- 17% { color: #FF0 }
- 33% { color: #0F0 }
- 50% { color: #0FF }
- 67% { color: #00F }
- 84% { color: #F0F }
- 100% { color: #F00 }
- }
- #wife {
- right: 100%;
- margin: 0;
- }
- .fear {
- display: none;
- }
- #kim-kardashian {
- padding-bottom: 9999px;
- }
- .illuminati {
- position: absolute;
- visibility: hidden;
- }
- .trump {
- transition: ease-out;
- }
- #big-bang::before {
- content: " ";
- }
- /*
- .side:before {
- display: block;
- margin: 10px 0;
- height: 500px;
- border-radius: 5px;
- background: url(%%celtics-33%%);
- content: ""
- }
- */
- /*
- a.author {
- font-size: 0;
- }
- a.author: after {
- font-size: 11px;
- content: "MIKEY";
- }
- */
Add Comment
Please, Sign In to add comment