JS en kleuren update #7

Merged
Mathijs merged 4 commits from test into main 2023-01-16 20:25:23 +01:00
2 changed files with 24 additions and 14 deletions
Showing only changes of commit 993279b76d - Show all commits

View file

@ -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;
} }

View file

@ -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>