User:Zeklyn/april/Page.css

From Team Fortress Wiki
< User:Zeklyn‎ | april
Revision as of 13:32, 29 March 2019 by RJackson (talk | contribs) (RJackson moved page User:Zeklyn/april/page.css to User:Zeklyn/april/Page.css: Capital peeeee)
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
#welcome-text-wrapper {
        margin-top: 150px !important;
}
   
 
.top-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    color: #3668D3;
    background: #FFFF00;
    position: absolute;
    font-size: 1.3rem;
    margin-top: -125px;
    margin-left: 30px;
    animation: top-text 1.2s infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
}
 
@keyframes top-text {
    from {transform: rotate(-5deg);}
    to {transform: rotate(5deg);}
}
 
.bottom-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    color: #3668D3;
    background: #FF00FF;
    position: absolute;
    transform: rotate(-5deg);
    margin-top: -3.5rem;
    margin-left: 4.5rem;
    animation: bottom-text 1s infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
}
 
@keyframes bottom-text {
    from {transform: scale(0.9);}
    to {transform: scale(1);}
}
 
.vertically-centered-text {
    -webkit-user-select: none;
    -moz-user-select: none;
    color: #fff;
    background: #00FF00;
    -webkit-text-stroke: 1.5px #E4812E;
    position: absolute;
    font-weight: bold;
    font-size: 2.2rem;
    margin-top: -110px;
    padding: 2px;
    animation: vertically-centered-text 4s infinite;
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
}
 
@keyframes vertically-centered-text {
    from {transform: rotate(1deg);}
    to {transform: rotate(-8deg);}
}