Mathijs/lermer.nl
Mathijs/lermer.nl
2
1
Fork 0
Code Issues 1 Pull requests Activity

knop fix

Browse source
This commit is contained in:
Mathijs Lermer 2023-01-16 20:20:29 +01:00
parent 993279b76d
commit 334e398852
3 changed files with 50 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

53
assets/css/mrl.css
View file

@ -164,7 +164,7 @@
} }
a:active { a:active {
color: yellow; color: #8d100e;
background-color: #2B3642; background-color: #2B3642;
text-decoration: underline; text-decoration: underline;
} }
@ -198,6 +198,7 @@
.knop{ .knop{
text-align: center; text-align: center;
padding: 25px 90px 25px 90px;
text-decoration: none; text-decoration: none;
border-radius: 5px; border-radius: 5px;
font-size: 20px; font-size: 20px;
@ -219,21 +220,49 @@
#knop a:hover { #knop a:hover {
background-color: #374351; background-color: #374351;
} }
#knop a:active { #knop a:active {
color: yellow; color: #8d100e;
background-color: #2B3642; background-color: #2B3642;
text-decoration: underline; text-decoration: underline;
} }
.knop_contact{ #knop_contact{
padding: 90px 25px 90px 25px; text-align: center;
width: 100%; padding: 0px 0px 25px 0px;
font-size: 18px; text-decoration: none;
border-radius: 5px;
font-size: 20px;
cursor: pointer;
} }
#knop_contact a:link{
color: #D2E0F0;
background-color: transparent;
text-decoration: none;
padding: 25px 25px 25px 25px;
}
#knop_contact a:visited {
color: #D2E0F0;
background-color: transparent;
text-decoration: none;
}
#knop_contact a:hover {
background-color: #374351;
border-radius: 5px;
}
#knop_contact a:active {
color: #8d100e;
background-color: #2B3642;
text-decoration: underline;
border-radius: 5px;
}
/*menu*********/ /*menu*********/
nav{ nav{
float: right; float: right;
@ -278,8 +307,7 @@
.footer-links ul li { .footer-links ul li {
display: inline-block; display: inline-block;
padding: 17px 10px 17px 10px; padding: 15px 17px 15px 17px;
background-color: #2B3642;
text-transform: uppercase; text-transform: uppercase;
border-radius: 5px; border-radius: 5px;
font-size: 20px; font-size: 20px;
@ -287,7 +315,6 @@
.footer-links ul li:hover { .footer-links ul li:hover {
display: inline-block; display: inline-block;
padding: 17px 10px 17px 10px;
background-color: #374351; background-color: #374351;
text-transform: uppercase; text-transform: uppercase;
border-radius: 5px; border-radius: 5px;
@ -301,9 +328,13 @@
.footer-links ul li a:hover { .footer-links ul li a:hover {
text-decoration: none; text-decoration: none;
border-radius: 5px;
color: #D2E0F0; color: #D2E0F0;
} }
.footer-links ul li a:active {
color: #8d100e;
}
/*uitzonderingen*********************************************************************************************************/ /*uitzonderingen*********************************************************************************************************/

0
assets/mrl.js Normal file
View file

17
index.html
View file

@ -67,14 +67,13 @@
</picture> </picture>
<h2>Contactgegevens:</h2> <h2>Contactgegevens:</h2>
<div id="knop_contact">
<div id="knop"> <a href="mailto:info@lermer.nl">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><br> <a href="https://matrix.to/#/@mathijs:lermer.nl">[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><br> <a href="https://mastodon.lermer.nl/@mathijs">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>
</div> </div>
</div> </div>
@ -91,7 +90,7 @@
<div class="footer-links"> <div class="footer-links">
<ul> <ul>
<li><a href="https://lermer.nl">&copy;LERMER.NL</a></Li> <li><a href="https://lermer.nl">&copy;LERMER.NL</a></Li>
<li><a href="https://git.lermer.nl/Mathijs/lermer.nl">GIT</a></Li> <li><a href="https://git.lermer.nl/Mathijs/lermer.nl"> <i class="fas fa-code-merge"></i></a></Li>
</ul> </ul>
</div> </div>
</footer> </footer>