lm
/
Django-Learn
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

hover links red with offset

This commit is contained in:
Lukas 2021-09-04 15:03:25 +02:00
parent 413da9b0e9
commit 192e4aa097
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
djlearn/pages/static/css/landing.css
View File

@ -86,6 +86,8 @@ footer p {
margin: 0; margin: 0;
color: #c55e00; color: #c55e00;
font-size: 3em; font-size: 3em;
text-decoration: underline 0.1em #c55e00;
text-underline-offset: 0.1em;
} }
.brand-text { .brand-text {
@ -100,12 +102,17 @@ footer p {
} }
.header-link { .header-link {
color: white;
margin: 1rem; margin: 1rem;
border-bottom: 3px solid #c55e00;
font-size: 1rem; font-size: 1rem;
color: #222; text-decoration: underline 0.1em #c55e00;
text-decoration: none; text-underline-offset: 0.1em;
color: #ccc; transition: text-decoration-color 300ms, text-underline-offset 300ms;
}
.header-link:hover {
text-decoration-color: red;
text-underline-offset: 0.2em;
} }
.header-text { .header-text {

2
djlearn/pages/templates/pages/index.html
View File

@ -25,10 +25,12 @@
<div class="landing-section-content"> <div class="landing-section-content">
<div class="landing-section-content-inner shade"> <div class="landing-section-content-inner shade">
<h1 class="brand">PyHub</h1> <h1 class="brand">PyHub</h1>
<!--
<h2> <h2>
<span class="brand-text">Land</span>ing <span class="brand-text">Land</span>ing
<span class="brand-text">Pa</span>ge <span class="brand-text">Pa</span>ge
</h2> </h2>
-->
<p class="landing-main-text"> <p class="landing-main-text">
This is the PyHub landing Page This is the PyHub landing Page
<br> <br>