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-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
h1, h2, h3, h4, p {
|
h1, h2, h3, h4, p, ul {
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
@ -71,6 +71,18 @@ code {
|
|||||||
background-color: #dedede;
|
background-color: #dedede;
|
||||||
padding: 2px;
|
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 {
|
.neonText {
|
||||||
font-family: "Vibur", sans-serif;
|
font-family: "Vibur", sans-serif;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -5,6 +5,7 @@ window.onload = function() {
|
|||||||
var roseButton = document.getElementById("roseTheme");
|
var roseButton = document.getElementById("roseTheme");
|
||||||
var darkButton = document.getElementById("darkTheme");
|
var darkButton = document.getElementById("darkTheme");
|
||||||
var blackButton = document.getElementById("blackTheme");
|
var blackButton = document.getElementById("blackTheme");
|
||||||
|
var neonButton = document.getElementById("neonTheme");
|
||||||
|
|
||||||
lightButton.onclick = function() {
|
lightButton.onclick = function() {
|
||||||
chooseTheme("");
|
chooseTheme("");
|
||||||
@ -25,6 +26,11 @@ window.onload = function() {
|
|||||||
chooseTheme("/CSS/black.css");
|
chooseTheme("/CSS/black.css");
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
neonButton.onclick = function() {
|
||||||
|
chooseTheme("/CSS/neon.css");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function swapStyleSheet(sheet) {
|
function swapStyleSheet(sheet) {
|
||||||
|
@ -10,10 +10,11 @@
|
|||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<a class="dropbtn"><img src="https://cdn.ncxprogramming.com/file/image/navbar/theme.svg" style="width:32px;height:32px;"/></a>
|
<a class="dropbtn"><img src="https://cdn.ncxprogramming.com/file/image/navbar/theme.svg" style="width:32px;height:32px;"/></a>
|
||||||
<div class="dropdown-content">
|
<div class="dropdown-content">
|
||||||
<a id="lightTheme" href="#">Light</a>
|
<a id="neonTheme" href="#">Neon (Beta)</a>
|
||||||
<a id="roseTheme" href="#">Rose</a>
|
<a id="lightTheme" href="#">Light</a>
|
||||||
<a id="darkTheme" href="#">Dark</a>
|
<a id="roseTheme" href="#">Rose</a>
|
||||||
<a id="blackTheme"href="#">Black</a>
|
<a id="darkTheme" href="#">Dark</a>
|
||||||
|
<a id="blackTheme"href="#">Black</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</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
|
layout: default
|
||||||
---
|
---
|
||||||
<div class="banner">
|
<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>
|
</div>
|
||||||
<h1>welcome to my site!</h1>
|
<h1>welcome to my site!</h1>
|
||||||
<p>I'm currently in the process of remaking this site, so bear with me.</p>
|
<p>I'm currently in the process of remaking this site, so bear with me.</p>
|
||||||
|
Loading…
Reference in New Issue
Block a user