knop update
This commit is contained in:
parent
1485b46633
commit
993279b76d
2 changed files with 24 additions and 14 deletions
|
@ -181,7 +181,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
a:hover {
|
||||||
background-color: #2B3642;
|
background-color: #374351;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*specials*********************************************************************************************************/
|
/*specials*********************************************************************************************************/
|
||||||
|
@ -197,29 +197,28 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.knop{
|
.knop{
|
||||||
padding: 25px 90px 25px 90px;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
color: #D2E0F0;
|
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
||||||
}
|
}
|
||||||
#knop a:link{
|
#knop a:link{
|
||||||
color: #D2E0F0;
|
color: #D2E0F0;
|
||||||
background-color: transparent;
|
background-color: #2B3642;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
padding: 25px 25px 25px 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#knop a:visited {
|
#knop a:visited {
|
||||||
color: rgba(255, 255, 255, 0);
|
color: #D2E0F0;
|
||||||
background-color: #2B3642;
|
background-color: #2B3642;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#knop a:hover {
|
#knop a:hover {
|
||||||
background-color: #2B3642;
|
background-color: #374351;
|
||||||
}
|
}
|
||||||
|
|
||||||
#knop a:active {
|
#knop a:active {
|
||||||
|
@ -229,10 +228,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.knop_contact{
|
.knop_contact{
|
||||||
padding: 25px 25px 25px 25px;
|
padding: 90px 25px 90px 25px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
background-color: #171E26
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -280,17 +278,29 @@
|
||||||
|
|
||||||
.footer-links ul li {
|
.footer-links ul li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 15px 17px 15px 17px;
|
padding: 17px 10px 17px 10px;
|
||||||
|
background-color: #2B3642;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.footer-links ul li:hover {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 17px 10px 17px 10px;
|
||||||
|
background-color: #374351;
|
||||||
|
text-transform: uppercase;
|
||||||
|
border-radius: 5px;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
.footer-links ul li a {
|
.footer-links ul li a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding: 15px 17px 15px 17px;
|
color: #D2E0F0;
|
||||||
border-radius: 5px;
|
}
|
||||||
|
|
||||||
|
.footer-links ul li a:hover {
|
||||||
|
text-decoration: none;
|
||||||
color: #D2E0F0;
|
color: #D2E0F0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -70,9 +70,9 @@
|
||||||
|
|
||||||
<div id="knop">
|
<div id="knop">
|
||||||
<a href="mailto:info@lermer.nl" class="knop knop_contact">E-mail: Mathijs@lermer.nl</a><br>
|
<a href="mailto:info@lermer.nl" class="knop knop_contact">E-mail: Mathijs@lermer.nl</a><br>
|
||||||
<br><br>
|
<br><br><br><br>
|
||||||
<a href="https://matrix.to/#/@mathijs:lermer.nl" class="knop knop_contact">[MATRIX]: @mathijs:lermer.nl</a><br>
|
<a href="https://matrix.to/#/@mathijs:lermer.nl" class="knop knop_contact">[MATRIX]: @mathijs:lermer.nl</a><br>
|
||||||
<br><br>
|
<br><br><br><br>
|
||||||
<a href="https://mastodon.lermer.nl/@mathijs" class="knop knop_contact">Mastodon: @mathijs@lermer.nl</a><br>
|
<a href="https://mastodon.lermer.nl/@mathijs" class="knop knop_contact">Mastodon: @mathijs@lermer.nl</a><br>
|
||||||
<br><br>
|
<br><br>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue