mirror of
https://git.kittycat.homes/zoe/hugo-batsite.git
synced 2024-08-15 03:18:24 +00:00
hover icons for header links
This commit is contained in:
parent
3dd816a0ab
commit
6a2c87267a
16 changed files with 56 additions and 14 deletions
|
@ -12,7 +12,7 @@
|
|||
<body class="colorswitch"><div id="content">
|
||||
<section id="main">
|
||||
<div class="titlecontainer">
|
||||
<h1 id="title" class="colorswitch">about</h1>
|
||||
<h1 id="title" class="colorswitch"><a href="./" class="colorswitch singlepagelink">about</a></h1>
|
||||
</div>
|
||||
<div>
|
||||
<article id="content" class="colorswitch">
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
<main>
|
||||
<article class="colorswitch">
|
||||
<header>
|
||||
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">Categories </a></h1>
|
||||
<h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">Categories </a></h1>
|
||||
</header>
|
||||
|
||||
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
<main>
|
||||
<article class="colorswitch">
|
||||
<header>
|
||||
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">games </a></h1>
|
||||
<h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">games </a></h1>
|
||||
</header>
|
||||
|
||||
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
</head>
|
||||
<body class="colorswitch"><div id="content">
|
||||
<header>
|
||||
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">home </a></h1>
|
||||
<h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">home </a></h1>
|
||||
</header>
|
||||
<article id="content" class="colorswitch">
|
||||
<p>
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
<body class="colorswitch"><div id="content">
|
||||
<section id="main">
|
||||
<div class="titlecontainer">
|
||||
<h1 id="title" class="colorswitch">buddies</h1>
|
||||
<h1 id="title" class="colorswitch"><a href="./" class="colorswitch singlepagelink">buddies</a></h1>
|
||||
</div>
|
||||
<div>
|
||||
<article id="content" class="colorswitch">
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
<body class="colorswitch"><div id="content">
|
||||
<section id="main">
|
||||
<div class="titlecontainer">
|
||||
<h1 id="title" class="colorswitch">find me</h1>
|
||||
<h1 id="title" class="colorswitch"><a href="./" class="colorswitch singlepagelink">find me</a></h1>
|
||||
</div>
|
||||
<div>
|
||||
<article id="content" class="colorswitch">
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
<main>
|
||||
<article class="colorswitch">
|
||||
<header>
|
||||
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">links </a></h1>
|
||||
<h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">links </a></h1>
|
||||
</header>
|
||||
|
||||
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
<body class="colorswitch"><div id="content">
|
||||
<section id="main">
|
||||
<div class="titlecontainer">
|
||||
<h1 id="title" class="colorswitch">things that make me happy</h1>
|
||||
<h1 id="title" class="colorswitch"><a href="./" class="colorswitch singlepagelink">things that make me happy</a></h1>
|
||||
</div>
|
||||
<div>
|
||||
<article id="content" class="colorswitch">
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
<main>
|
||||
<article class="colorswitch">
|
||||
<header>
|
||||
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">music </a></h1>
|
||||
<h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">music </a></h1>
|
||||
</header>
|
||||
|
||||
<h2 id="where-to-listen" class="colorswitch">
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
<main>
|
||||
<article class="colorswitch">
|
||||
<header>
|
||||
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">posts </a></h1>
|
||||
<h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">posts </a></h1>
|
||||
</header>
|
||||
|
||||
|
||||
|
|
|
@ -173,6 +173,13 @@ h6a.light {
|
|||
h6a.light:hover {
|
||||
background-color: transparent; }
|
||||
|
||||
h1 a {
|
||||
color: #413c74; }
|
||||
h1 a.light {
|
||||
color: #ffffff; }
|
||||
h1 a:hover {
|
||||
background-color: transparent; }
|
||||
|
||||
h1 #rss-title {
|
||||
background-color: transparent;
|
||||
color: #413c74; }
|
||||
|
@ -487,6 +494,20 @@ h5,
|
|||
h6 {
|
||||
border-top-right-radius: 48pt;
|
||||
border-bottom-right-radius: 48pt; }
|
||||
h1 .with-rss:hover::before,
|
||||
h2 .with-rss:hover::before,
|
||||
h3 .with-rss:hover::before,
|
||||
h4 .with-rss:hover::before,
|
||||
h5 .with-rss:hover::before,
|
||||
h6 .with-rss:hover::before {
|
||||
content: " "; }
|
||||
h1 .singlepagelink:hover::before,
|
||||
h2 .singlepagelink:hover::before,
|
||||
h3 .singlepagelink:hover::before,
|
||||
h4 .singlepagelink:hover::before,
|
||||
h5 .singlepagelink:hover::before,
|
||||
h6 .singlepagelink:hover::before {
|
||||
content: "./"; }
|
||||
h1 .hash-link:hover,
|
||||
h2 .hash-link:hover,
|
||||
h3 .hash-link:hover,
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
<main>
|
||||
<article class="colorswitch">
|
||||
<header>
|
||||
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">software </a></h1>
|
||||
<h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">software </a></h1>
|
||||
</header>
|
||||
|
||||
<p>wow this software is so <button class="randomword-button colorswitch" data-wordlist="insert buzzword, innovative, groundbreaking, awe inspiring, cyber, enterprise ready, revolutionary"></button>
|
||||
|
|
|
@ -12,7 +12,7 @@
|
|||
<body class="colorswitch"><div id="content">
|
||||
<section id="main">
|
||||
<div class="titlecontainer">
|
||||
<h1 id="title" class="colorswitch">wisdom</h1>
|
||||
<h1 id="title" class="colorswitch"><a href="./" class="colorswitch singlepagelink">wisdom</a></h1>
|
||||
</div>
|
||||
<div>
|
||||
<article id="content" class="colorswitch">
|
||||
|
|
|
@ -14,7 +14,7 @@
|
|||
<main>
|
||||
<article class="colorswitch">
|
||||
<header>
|
||||
<h1 id="title"><a href="./index.xml" class="colorswitch with-rss" id="rss-title">Tags </a></h1>
|
||||
<h1 id="title"><a target="_blank" rel="noreferrer noopener" href="./index.xml" class="colorswitch with-rss" id="rss-title">Tags </a></h1>
|
||||
</header>
|
||||
|
||||
|
||||
|
|
|
@ -173,6 +173,13 @@ h6a.light {
|
|||
h6a.light:hover {
|
||||
background-color: transparent; }
|
||||
|
||||
h1 a {
|
||||
color: #413c74; }
|
||||
h1 a.light {
|
||||
color: #ffffff; }
|
||||
h1 a:hover {
|
||||
background-color: transparent; }
|
||||
|
||||
h1 #rss-title {
|
||||
background-color: transparent;
|
||||
color: #413c74; }
|
||||
|
@ -487,6 +494,20 @@ h5,
|
|||
h6 {
|
||||
border-top-right-radius: 48pt;
|
||||
border-bottom-right-radius: 48pt; }
|
||||
h1 .with-rss:hover::before,
|
||||
h2 .with-rss:hover::before,
|
||||
h3 .with-rss:hover::before,
|
||||
h4 .with-rss:hover::before,
|
||||
h5 .with-rss:hover::before,
|
||||
h6 .with-rss:hover::before {
|
||||
content: " "; }
|
||||
h1 .singlepagelink:hover::before,
|
||||
h2 .singlepagelink:hover::before,
|
||||
h3 .singlepagelink:hover::before,
|
||||
h4 .singlepagelink:hover::before,
|
||||
h5 .singlepagelink:hover::before,
|
||||
h6 .singlepagelink:hover::before {
|
||||
content: "./"; }
|
||||
h1 .hash-link:hover,
|
||||
h2 .hash-link:hover,
|
||||
h3 .hash-link:hover,
|
||||
|
|
|
@ -1 +1 @@
|
|||
Subproject commit 3967fa102756f2e97fa17cb5693775e35c964543
|
||||
Subproject commit 38b4fbd8550060c72d61ea3dbb9fdef05f0df0f6
|
Loading…
Reference in a new issue