ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 20:25:07 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

More styling for whitepaper languages button

Browse source
This commit is contained in:
Thomas Smith 2022-10-24 10:54:47 -04:00
parent b557139f78
commit 1fb84de51d
1 changed files with 124 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

129
src/static/css/buttons.css
View file

@ -476,7 +476,7 @@
font-size: 1.116vw; font-size: 1.116vw;
border-radius: 0px !important; border-radius: 0px !important;
background-color: #1a1a1a; background-color: #1a1a1a;
border: .5px solid #ffffff; border: 1px solid #ffffff;
color: #fff; color: #fff;
padding-top: 0.279vw; padding-top: 0.279vw;
text-decoration: none; text-decoration: none;
@ -489,18 +489,43 @@
.languages:hover{ .languages:hover{
background-color: #8000ff; background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important; box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
border: 1px solid #ffffff;
} }
.languages:focus{
background-color: #1a1a1a !important;
outline: none !important;
box-shadow: none !important;
border: 1px solid #ffffff;
}
#language-selector{
background-color: #1a1a1a;
width: 25vw;
border-radius: 0px;
border: 1px solid #949494;
}
#language-selector a{
color: #fff !important;
}
#language-selector a:hover{
color: #1a1a1a !important;
background-color: #00ffd0;
}
} }
@media only screen and (min-width: 992px) and (max-width: 1200px) { @media only screen and (min-width: 992px) and (max-width: 1200px) {
.languages{ .languages{
display:inline-block; display:inline-block;
font-family: "pp-neue-machina", sans-serif; font-family: "pp-neue-machina", sans-serif !important;
font-size: 1.116vw; font-size: 1.116vw;
background-color: #1a1a1a; background-color: #1a1a1a;
border: .5px solid #ffffff; border: 1px solid #ffffff;
color: #fff; color: #fff;
padding-top: 0.279vw; padding-top: 0.279vw;
text-decoration: none; text-decoration: none;
@ -508,11 +533,34 @@
width: 25.000vw; width: 25.000vw;
height: 4.185vw; height: 4.185vw;
transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
border: 1px solid #ffffff;
} }
.languages:hover{ .languages:hover{
background-color: #8000ff; background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important; box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
border: 1px solid #ffffff;
}
.languages:focus{
background-color: #1a1a1a !important;
border: 1px solid #ffffff;
}
#language-selector{
background-color: #1a1a1a;
width: 25vw;
border-radius: 0px;
border: 1px solid #949494;
}
#language-selector a{
color: #fff !important;
}
#language-selector a:hover{
color: #1a1a1a !important;
background-color: #00ffd0;
} }
} }
@ -524,7 +572,7 @@
font-family: "pp-neue-machina", sans-serif; font-family: "pp-neue-machina", sans-serif;
font-size: 1.116vw; font-size: 1.116vw;
background-color: #1a1a1a; background-color: #1a1a1a;
border: .5px solid #ffffff; border: 1px solid #ffffff;
color: #fff; color: #fff;
padding-top: 0.279vw; padding-top: 0.279vw;
text-decoration: none; text-decoration: none;
@ -532,11 +580,34 @@
width: 25.000vw; width: 25.000vw;
height: 4.185vw; height: 4.185vw;
transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
border: 1px solid #ffffff;
} }
.languages:hover{ .languages:hover{
background-color: #8000ff; background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important; box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
border: 1px solid #ffffff;
}
.languages:focus{
background-color: #1a1a1a !important;
border: 1px solid #ffffff;
}
#language-selector{
background-color: #1a1a1a;
width: 25vw;
border-radius: 0px;
border: 1px solid #949494;
}
#language-selector a{
color: #fff !important;
}
#language-selector a:hover{
color: #1a1a1a !important;
background-color: #00ffd0;
} }
} }
@ -548,7 +619,7 @@
font-family: "pp-neue-machina", sans-serif; font-family: "pp-neue-machina", sans-serif;
font-size: 1.116vw; font-size: 1.116vw;
background-color: #1a1a1a; background-color: #1a1a1a;
border: .5px solid #ffffff; border: 1px solid #ffffff;
color: #fff; color: #fff;
padding-top: 0.279vw; padding-top: 0.279vw;
text-decoration: none; text-decoration: none;
@ -556,11 +627,34 @@
width: 25.000vw; width: 25.000vw;
height: 4.185vw; height: 4.185vw;
transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
border: 1px solid #ffffff;
} }
.languages:hover{ .languages:hover{
background-color: #8000ff; background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important; box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
border: 1px solid #ffffff;
}
.languages:focus{
background-color: #1a1a1a !important;
border: 1px solid #ffffff;
}
#language-selector{
background-color: #1a1a1a;
width: 25vw;
border-radius: 0px;
border: 1px solid #949494;
}
#language-selector a{
color: #fff !important;
}
#language-selector a:hover{
color: #1a1a1a !important;
background-color: #00ffd0;
} }
} }
@ -580,11 +674,36 @@
width: 100%; width: 100%;
height: 14vw; height: 14vw;
transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
border: 1px solid #ffffff;
border-radius: 0px;
} }
.languages:hover{ .languages:hover{
background-color: #8000ff; background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 1.25vw #1a1a1a !important; box-shadow: inset 0vw 0vw 0vw 1.25vw #1a1a1a !important;
border: 1px solid #ffffff;
}
.languages:focus{
background-color: #1a1a1a !important;
border: 1px solid #ffffff;
outline: none !important;
}
#language-selector{
background-color: #1a1a1a;
width: 100%;
border-radius: 0px;
border: 1px solid #949494;
}
#language-selector a{
color: #fff !important;
}
#language-selector a:hover{
color: #1a1a1a !important;
background-color: #00ffd0;
} }
} }