mirror of
https://github.com/rvtr/ninjacheetah.github.io.git
synced 2025-06-19 03:25:32 -04:00
Added beta neon theme
This commit is contained in:
parent
cb7573ce39
commit
b790f0d01c
49
CSS/neon.css
Normal file
49
CSS/neon.css
Normal file
@ -0,0 +1,49 @@
|
||||
body {
|
||||
background-color: #231B30;
|
||||
}
|
||||
a {
|
||||
color: aqua;
|
||||
text-shadow:
|
||||
0 0 5px #fff,
|
||||
0 0 7px #fff,
|
||||
0 0 12px #0fa,
|
||||
0 0 20px #0fa,
|
||||
0 0 36px #0fa;
|
||||
}
|
||||
h1, h2, h3 {
|
||||
color: #fff;
|
||||
text-shadow:
|
||||
0 0 5px #fff,
|
||||
0 0 7px #fff,
|
||||
0 0 12px #FFF8CD,
|
||||
0 0 36px #FFF8CD;
|
||||
}
|
||||
h4, p, ul {
|
||||
color: #fff;
|
||||
}
|
||||
.nav ul {
|
||||
background-color: #171521;
|
||||
}
|
||||
footer {
|
||||
color: #fff;
|
||||
}
|
||||
.footer a {
|
||||
color: aqua;
|
||||
}
|
||||
ol {
|
||||
color: white;
|
||||
}
|
||||
code {
|
||||
background-color: #252336;
|
||||
color: #7EEEB0;
|
||||
}
|
||||
.dropdown-content {
|
||||
background-color: #171521;
|
||||
}
|
||||
.dropdown-content a {
|
||||
color: white;
|
||||
}
|
||||
.dropdown-content a:hover {
|
||||
background-color: #111;
|
||||
}
|
||||
|
@ -61,7 +61,7 @@ a {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
h1, h2, h3, h4, p {
|
||||
h1, h2, h3, h4, p, ul {
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
@ -71,6 +71,18 @@ code {
|
||||
background-color: #dedede;
|
||||
padding: 2px;
|
||||
}
|
||||
.neonWhite {
|
||||
color: #fff;
|
||||
text-shadow:
|
||||
0 0 7px #fff,
|
||||
0 0 10px #fff,
|
||||
0 0 21px #fff,
|
||||
0 0 42px #FFF08D,
|
||||
0 0 82px #FFF08D,
|
||||
0 0 92px #FFF08D,
|
||||
0 0 102px #FFF08D,
|
||||
0 0 151px #FFF08D;
|
||||
}
|
||||
.neonText {
|
||||
font-family: "Vibur", sans-serif;
|
||||
color: #fff;
|
||||
|
@ -5,6 +5,7 @@ window.onload = function() {
|
||||
var roseButton = document.getElementById("roseTheme");
|
||||
var darkButton = document.getElementById("darkTheme");
|
||||
var blackButton = document.getElementById("blackTheme");
|
||||
var neonButton = document.getElementById("neonTheme");
|
||||
|
||||
lightButton.onclick = function() {
|
||||
chooseTheme("");
|
||||
@ -25,6 +26,11 @@ window.onload = function() {
|
||||
chooseTheme("/CSS/black.css");
|
||||
return false;
|
||||
}
|
||||
|
||||
neonButton.onclick = function() {
|
||||
chooseTheme("/CSS/neon.css");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function swapStyleSheet(sheet) {
|
||||
|
@ -10,10 +10,11 @@
|
||||
<div class="dropdown">
|
||||
<a class="dropbtn"><img src="https://cdn.ncxprogramming.com/file/image/navbar/theme.svg" style="width:32px;height:32px;"/></a>
|
||||
<div class="dropdown-content">
|
||||
<a id="lightTheme" href="#">Light</a>
|
||||
<a id="roseTheme" href="#">Rose</a>
|
||||
<a id="darkTheme" href="#">Dark</a>
|
||||
<a id="blackTheme"href="#">Black</a>
|
||||
<a id="neonTheme" href="#">Neon (Beta)</a>
|
||||
<a id="lightTheme" href="#">Light</a>
|
||||
<a id="roseTheme" href="#">Rose</a>
|
||||
<a id="darkTheme" href="#">Dark</a>
|
||||
<a id="blackTheme"href="#">Black</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
|
BIN
files/banner/homebanner2.png
Normal file
BIN
files/banner/homebanner2.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 18 KiB |
@ -3,7 +3,7 @@ title: Home
|
||||
layout: default
|
||||
---
|
||||
<div class="banner">
|
||||
<img class="banner-image" src="/files/banner/homebanner.png" alt="an awesome banner. too bad it isn't loading for you :(">
|
||||
<img class="banner-image" src="/files/banner/homebanner2.png" alt="an awesome banner. too bad it isn't loading for you :(">
|
||||
</div>
|
||||
<h1>welcome to my site!</h1>
|
||||
<p>I'm currently in the process of remaking this site, so bear with me.</p>
|
||||
|
Loading…
Reference in New Issue
Block a user