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

Styling for dropdown button

Browse source
This commit is contained in:
Thomas Smith 2022-10-24 08:56:00 -04:00
parent 6e13e973a8
commit b557139f78
2 changed files with 126 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
src/layouts/page/white-paper.html
View file

@ -9,6 +9,9 @@
<p>Open‐source is about the many coming together to create something great. In the spirit of that, we’re inviting developers, speculators, and enthusiasts alike to contribute to our white paper and help brew the future of the internet. This is our revolutionary undertaking to create equitable open‐source for web3, and we want you to be a part of laying its groundwork.</p>
</div>
</div>
<hr>
<div class="row">
<div class="col mb-4 mt-3">
<h4>Our white paper is available in multiple languages</h4>
@ -71,39 +74,6 @@
}
</script>
<style>
.languages{
border: 2px solid white;
border-radius: 30px;
width:240px;
background-color:#1C1E21;
}
.languages:hover{
background-color:#23282c;
}
.languages:focus{
background-color:#1C1E21;
}
.dropdown-menu{
width:240px;
background-color:#23282c;
color:white;
}
.dropdown-item{
color:white;
}
.dropdown-item:hover{
background-color: #54BAAB;
}
</style>
<!-- Start PDF
<div class="container pdf-iframe"

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

@ -465,3 +465,126 @@
}
}
/* Dropdown Button - Large */
@media only screen and (min-width: 1200px) {
.languages{
display:inline-block;
font-family: "pp-neue-machina", sans-serif !important;
font-size: 1.116vw;
border-radius: 0px !important;
background-color: #1a1a1a;
border: .5px solid #ffffff;
color: #fff;
padding-top: 0.279vw;
text-decoration: none;
text-transform: uppercase;
width: 25.000vw;
height: 4.185vw;
transition: 0.2s ease-in-out;
}
.languages:hover{
background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.languages{
display:inline-block;
font-family: "pp-neue-machina", sans-serif;
font-size: 1.116vw;
background-color: #1a1a1a;
border: .5px solid #ffffff;
color: #fff;
padding-top: 0.279vw;
text-decoration: none;
text-transform: uppercase;
width: 25.000vw;
height: 4.185vw;
transition: 0.2s ease-in-out;
}
.languages:hover{
background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.languages{
display:inline-block;
font-family: "pp-neue-machina", sans-serif;
font-size: 1.116vw;
background-color: #1a1a1a;
border: .5px solid #ffffff;
color: #fff;
padding-top: 0.279vw;
text-decoration: none;
text-transform: uppercase;
width: 25.000vw;
height: 4.185vw;
transition: 0.2s ease-in-out;
}
.languages:hover{
background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
}
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
.languages{
display:inline-block;
font-family: "pp-neue-machina", sans-serif;
font-size: 1.116vw;
background-color: #1a1a1a;
border: .5px solid #ffffff;
color: #fff;
padding-top: 0.279vw;
text-decoration: none;
text-transform: uppercase;
width: 25.000vw;
height: 4.185vw;
transition: 0.2s ease-in-out;
}
.languages:hover{
background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 0.335vw #1a1a1a !important;
}
}
@media only screen and (max-width: 576px) {
.languages{
display:inline-block;
font-family: "pp-neue-machina", sans-serif;
font-size: 3vw;
background-color: #1a1a1a;
border: 1px solid #ffffff !important;
color: #fff;
padding-top: 0.279vw;
text-decoration: none;
text-transform: uppercase;
width: 100%;
height: 14vw;
transition: 0.2s ease-in-out;
}
.languages:hover{
background-color: #8000ff;
box-shadow: inset 0vw 0vw 0vw 1.25vw #1a1a1a !important;
}
}