grublox/css/global.css

133 lines
1.9 KiB
CSS

/* da japan font, we wont use this but yes
@font-face {
font-family: newrodin;
src: url(../assets/font/NewRodin.otf);
}
* {
font-family: newrodin;
}*/
@font-face {
font-family: grufont;
src: url(../assets/font/GruFont.ttf);
}
.grufont {
font-family: grufont;
}
@font-face {
font-family: gotham;
src: url(../assets/font/GothamBlack.otf);
}
.gotham {
font-family: gotham;
}
/* block shitty things omg */
#wanteeedContainer,
#wanteeedTestMaker
{
display:none;
}
/* end */
*:-moz-loading {
pointer-events: none;
background: linear-gradient(270deg, #cacaca, #5c5c5c);
background-size: 400% 400%;
animation: loadingimg 0.9s ease infinite;
}
@keyframes loadingimg {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
.anim-dropdown {
animation: dropdown-anim 0.3s ease 0s 1 normal none;
}
@keyframes dropdown-anim {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.anim-dropdown-2 {
animation: dropdown-anim-2 0.3s ease 0s 1 normal none;
}
@keyframes dropdown-anim-2 {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(40px);
}
}
.nav-animated:hover {
animation: hover-nav-link 0.4s ease 0s 1 normal forwards;
}
@keyframes hover-nav-link {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-2px);
}
}
.loading-bootstrapper {
animation: loading-bootstrapper 1.5s ease-out 0.2s infinite normal forwards;
}
@keyframes loading-bootstrapper {
0% {
transform: rotate(-360deg);
}
10% {
transform: rotate(-365deg);
}
35% {
transform: rotate(-375deg);
}
40% {
transform: rotate(-375deg);
}
100% {
transform: rotate(0deg);
}
}
/* sex */
.btn-primary {
color: white;
}
.navbar .bg-primary {
color: black;
}
/* hi do not skid css pls noob - quezip */