Skip to content

Nfohump.com by madmax17

Screenshot of Nfohump.com
Write a review Install Get Stylus

Details

Authormadmax17

LicenseNo License

Categoryhttps://www.nfohump.com/

Created

Updated

Size9.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Freaky hump

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           www.nfohump.com/forum/index
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://www.nfohump.com/forum/index.php"),
url-prefix("https://www.nfohump.com/forum/"), url-prefix("https://www.nfohump.com/forum/viewtopic.php") {
    * {
        font-family: Roboto, Helvetica, Arial, sans-serif !important;
    }
    a {
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-size: 13px !important;
        color: #b3a037;
    }
    a.maintitle {
        font-size: 18px !important;
    }
    .menuLeftList li a{
        font-family: Roboto, Helvetica, Arial, sans-serif !important;
        font-size: 13px !important;
        color: #b3a037 !IMPORTANT;
    }
    .gensmall > a {
        font-size: 10px !important;
    }
    /* replace img with nfohump matrix */
    #nforce-gaming > object > a > img {
        width:200px;
        height:200px;
        box-sizing:border-box;
        padding-left: 270px;
        background: url('https://i.imgur.com/kP6i31e.gif') right top no-repeat;
    }
    a.forumlink {
        text-decoration: none;
        color: #b3a037;
    }
    td.nav > span.nav > a.nav {
        font-family: Roboto, Helvetica, Arial, sans-serif !important;
    }
    a.nav {
        font-family: Roboto, Helvetica, Arial, sans-serif !important;
        color: #b3a037;
    }
    .cattitle {
        font-weight: bold;
        font-size: 11px;
        color: #b3a037;
    }
    .name > a {
        font-weight: bold;
        font-size: 11px !important;
        color: #b3a037;
    }
    .postdetails > a {
        font-weight: bold;
        font-size: 11px !important;
        color: #b3a037;
    }
    #headerlogonav_hump {
        background-image: url("https://i.imgur.com/zQN2xPH.gif");
        animation: spin 20s linear infinite;
    }
    a.topictitle {
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-size: 13px !important;
        color: #b3a037 !important;
    }
    .liteoption:hover{
        -webkit-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	    animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    }
    #userav{
        -webkit-animation: slit-in-horizontal 1s ease-out both;
	    animation: slit-in-horizontal 1s ease-out both;
    }
    
    /* vibrATE user on hover */
    #userprofile:hover {
        -webkit-animation: vibrate-2 0.3s linear infinite both;
	    animation: vibrate-2 0.3s linear infinite both;
    }
    
    /* erase user on click */
    #userprofile:active {
        display: none;
    }
    
    /* swirl out image on click */
    .userPost > .postbody > img:active {
        -webkit-animation: swirl-out-fwd 0.65s ease-in both;
	    animation: swirl-out-fwd 0.65s ease-in both;
    }
    
    /* flicker forumButton */
    .forumbutton:hover {
       -webkit-animation: flicker-1 3s linear infinite both;
	    animation: flicker-1 3s linear infinite both;
    }
    
    /* pop out link shadow on hover */
    .postbody > a.nav:hover{
        -webkit-animation: text-shadow-pop-tr 0.6s both;
	    animation: text-shadow-pop-tr 0.6s both;
    }

   @-webkit-keyframes text-shadow-pop-tr {
      0% {
        text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
        -webkit-transform: translateX(0) translateY(0);
                transform: translateX(0) translateY(0);
      }
      100% {
        text-shadow: 1px -1px #555555, 2px -2px #555555, 3px -3px #555555, 4px -4px #555555, 5px -5px #555555, 6px -6px #555555, 7px -7px #555555, 8px -8px #555555;
        -webkit-transform: translateX(-8px) translateY(8px);
                transform: translateX(-8px) translateY(8px);
      }
    }
    @keyframes text-shadow-pop-tr {
      0% {
        text-shadow: 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555, 0 0 #555555;
        -webkit-transform: translateX(0) translateY(0);
                transform: translateX(0) translateY(0);
      }
      100% {
        text-shadow: 1px -1px #555555, 2px -2px #555555, 3px -3px #555555, 4px -4px #555555, 5px -5px #555555, 6px -6px #555555, 7px -7px #555555, 8px -8px #555555;
        -webkit-transform: translateX(-8px) translateY(8px);
                transform: translateX(-8px) translateY(8px);
      }
    }

   @-webkit-keyframes flip-horizontal-bottom {
      0% {
        -webkit-transform: rotateX(0);
                transform: rotateX(0);
      }
      100% {
        -webkit-transform: rotateX(-180deg);
                transform: rotateX(-180deg);
      }
    }
    @keyframes flip-horizontal-bottom {
      0% {
        -webkit-transform: rotateX(0);
                transform: rotateX(0);
      }
      100% {
        -webkit-transform: rotateX(-180deg);
                transform: rotateX(-180deg);
      }
    }
    
    @-webkit-keyframes flicker-1 {
      0%,
      100% {
        opacity: 1;
      }
      41.99% {
        opacity: 1;
      }
      42% {
        opacity: 0;
      }
      43% {
        opacity: 0;
      }
      43.01% {
        opacity: 1;
      }
      47.99% {
        opacity: 1;
      }
      48% {
        opacity: 0;
      }
      49% {
        opacity: 0;
      }
      49.01% {
        opacity: 1;
      }
    }
    @keyframes flicker-1 {
      0%,
      100% {
        opacity: 1;
      }
      41.99% {
        opacity: 1;
      }
      42% {
        opacity: 0;
      }
      43% {
        opacity: 0;
      }
      43.01% {
        opacity: 1;
      }
      47.99% {
        opacity: 1;
      }
      48% {
        opacity: 0;
      }
      49% {
        opacity: 0;
      }
      49.01% {
        opacity: 1;
      }
    }
    
    @-webkit-keyframes swirl-out-fwd {
        0% {
            -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
            opacity: 1;
        }
      100% {
            -webkit-transform: rotate(540deg) scale(5);
            transform: rotate(540deg) scale(5);
             opacity: 0;
          }
        }
    @keyframes swirl-out-fwd {
      0% {
        -webkit-transform: rotate(0) scale(1);
                transform: rotate(0) scale(1);
        opacity: 1;
      }
      100% {
        -webkit-transform: rotate(540deg) scale(5);
                transform: rotate(540deg) scale(5);
        opacity: 0;
      }
    }
    
    @-webkit-keyframes vibrate-2 {
        0% {
        -webkit-transform: translate(0);
            transform: translate(0);
      }
      20% {
        -webkit-transform: translate(2px, -2px);
                transform: translate(2px, -2px);
      }
      40% {
        -webkit-transform: translate(2px, 2px);
                transform: translate(2px, 2px);
      }
      60% {
        -webkit-transform: translate(-2px, 2px);
                transform: translate(-2px, 2px);
      }
      80% {
        -webkit-transform: translate(-2px, -2px);
                transform: translate(-2px, -2px);
      }
      100% {
        -webkit-transform: translate(0);
                transform: translate(0);
      }
    }
    @keyframes vibrate-2 {
      0% {
        -webkit-transform: translate(0);
                transform: translate(0);
      }
      20% {
        -webkit-transform: translate(2px, -2px);
                transform: translate(2px, -2px);
      }
      40% {
        -webkit-transform: translate(2px, 2px);
                transform: translate(2px, 2px);
      }
      60% {
        -webkit-transform: translate(-2px, 2px);
                transform: translate(-2px, 2px);
      }
      80% {
        -webkit-transform: translate(-2px, -2px);
                transform: translate(-2px, -2px);
      }
      100% {
        -webkit-transform: translate(0);
                transform: translate(0);
      }
    }
    
    @keyframes stroke {
	0%   {
		fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1);
		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
	}
        70%  {fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1); }
        80%  {fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1); stroke-width: 3; }
        100% {
            fill: rgba(72,138,204,1); stroke: rgba(54,95,160,0);
            stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
        }
    }
    
    @-webkit-keyframes slit-in-horizontal {
        0% {
            -webkit-transform: translateZ(-800px) rotateX(90deg);
            transform: translateZ(-800px) rotateX(90deg);
            opacity: 0;
        }
        54% {
            -webkit-transform: translateZ(-160px) rotateX(87deg);
            transform: translateZ(-160px) rotateX(87deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateZ(0) rotateX(0);
            transform: translateZ(0) rotateX(0);
        }
    }
    @keyframes slit-in-horizontal {
        0% {
            -webkit-transform: translateZ(-800px) rotateX(90deg);
            transform: translateZ(-800px) rotateX(90deg);
            opacity: 0;
        }
        54% {
            -webkit-transform: translateZ(-160px) rotateX(87deg);
            transform: translateZ(-160px) rotateX(87deg);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateZ(0) rotateX(0);
            transform: translateZ(0) rotateX(0);
        }
    }
}

Reviews

No reviews yet.