mirror of
https://github.com/ivabus/www
synced 2024-11-16 00:35:07 +03:00
174 lines
3.7 KiB
HTML
174 lines
3.7 KiB
HTML
<style>
|
|
|
|
/* Breakpoints for re-use*/
|
|
|
|
@media only screen and (min-width: 1200px) {
|
|
|
|
.gf-container {
|
|
width: 16vw;
|
|
height: 8vw;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: fixed;
|
|
text-align:center;
|
|
padding-top: 3vw;
|
|
font-size: 1.562vw;
|
|
background-color: #1a1a1a !important;
|
|
border: 2px solid #949494;
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
font-family: "pp-neue-machina", sans-serif;
|
|
text-transform: uppercase;
|
|
right: 15px;
|
|
top: 5.3vw;
|
|
cursor: pointer;
|
|
z-index: 4;
|
|
transition: 0.2s ease-in-out;
|
|
}
|
|
|
|
.gf-container:hover {
|
|
color:#1a1a1a;
|
|
box-shadow: inset 0vw 0vw 0vw 0.358vw #1a1a1a !important;
|
|
background-color: #00ffd0 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 992px) and (max-width: 1200px) {
|
|
|
|
.gf-container {
|
|
width: 16.66vw;
|
|
height: 8.333vw;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: fixed;
|
|
text-align:center;
|
|
padding-top: 3vw;
|
|
font-size: 1.562vw;
|
|
background-color: #1a1a1a !important;
|
|
border: 2px solid #949494;
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
font-family: "pp-neue-machina", sans-serif;
|
|
text-transform: uppercase;
|
|
right: 15px;
|
|
top: 6.5vw;
|
|
cursor: pointer;
|
|
z-index: 3;
|
|
transition: 0.2s ease-in-out;
|
|
}
|
|
|
|
.gf-container:hover {
|
|
color:#1a1a1a;
|
|
box-shadow: inset 0vw 0vw 0vw 0.358vw #1a1a1a !important;
|
|
background-color: #00ffd0 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 768px) and (max-width: 992px) {
|
|
|
|
.gf-container {
|
|
width: 16vw;
|
|
height: 8vw;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: fixed;
|
|
text-align:center;
|
|
padding-top: 3vw;
|
|
font-size: 1.562vw;
|
|
background-color: #1a1a1a !important;
|
|
border: 2px solid #949494;
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
font-family: "pp-neue-machina", sans-serif;
|
|
text-transform: uppercase;
|
|
right: 15px;
|
|
top: 5.3vw;
|
|
cursor: pointer;
|
|
z-index: 3;
|
|
transition: 0.2s ease-in-out;
|
|
}
|
|
|
|
.gf-container:hover {
|
|
color:#1a1a1a;
|
|
box-shadow: inset 0vw 0vw 0vw 0.358vw #1a1a1a !important;
|
|
background-color: #00ffd0 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (min-width: 576px) and (max-width: 768px) {
|
|
|
|
.gf-container {
|
|
width: 16vw;
|
|
height: 8vw;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: fixed;
|
|
text-align:center;
|
|
padding-top: 3vw;
|
|
font-size: 1.562vw;
|
|
background-color: #1a1a1a !important;
|
|
border: 2px solid #949494;
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
font-family: "pp-neue-machina", sans-serif;
|
|
text-transform: uppercase;
|
|
right: 15px;
|
|
top: 5.3vw;
|
|
cursor: pointer;
|
|
z-index: 3;
|
|
transition: 0.2s ease-in-out;
|
|
}
|
|
|
|
.gf-container:hover {
|
|
color:#1a1a1a;
|
|
box-shadow: inset 0vw 0vw 0vw 0.358vw #1a1a1a !important;
|
|
background-color: #00ffd0 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@media only screen and (max-width: 576px) {
|
|
|
|
.gf-container {
|
|
width: 40vw;
|
|
height: 20vw;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: fixed;
|
|
text-align:center;
|
|
padding-top: 7vw;
|
|
font-size: 4vw;
|
|
background-color: #1a1a1a !important;
|
|
border: 2px solid #949494;
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
font-family: "pp-neue-machina", sans-serif;
|
|
text-transform: uppercase;
|
|
right: 3vw;
|
|
bottom: 3vw !important;
|
|
cursor: pointer;
|
|
z-index: 3;
|
|
transition: 0.2s ease-in-out;
|
|
}
|
|
|
|
.gf-container:hover {
|
|
color:#1a1a1a;
|
|
box-shadow: inset 0vw 0vw 0vw 1vw #1a1a1a !important;
|
|
background-color: #00ffd0 !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
<a href="https://github.com/login/oauth/authorize?client_id=9d1f1a72f1300b6991df&state=teaxyz" class="gf-container animated-5 animatedFadeInUp fadeInUp" style="background-color:#8EC7BF;">
|
|
AUTHENTICATE
|
|
</a>
|