Added themes to home and rules pages
This commit is contained in:
Giac
@@ -45,4 +45,92 @@
|
||||
.theme-cyberpunk .dice-display {
|
||||
background: rgba(0, 255, 255, 0.05);
|
||||
border: 1px solid #00ffff;
|
||||
}
|
||||
|
||||
/* Home Page Styles */
|
||||
.theme-cyberpunk .home-wrapper {
|
||||
background: #0a0e27;
|
||||
color: #00ffff;
|
||||
}
|
||||
|
||||
.theme-cyberpunk .home-window {
|
||||
background: rgba(10, 14, 39, 0.95);
|
||||
border: 2px solid #00ffff;
|
||||
box-shadow: 0 0 30px #ff00ff;
|
||||
}
|
||||
|
||||
.theme-cyberpunk .home-title-bar {
|
||||
background: linear-gradient(90deg, #ff00ff, #00ffff);
|
||||
color: #000;
|
||||
padding: 12px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
letter-spacing: 3px;
|
||||
}
|
||||
|
||||
.theme-cyberpunk .home-content {
|
||||
background: rgba(10, 14, 39, 0.5);
|
||||
}
|
||||
|
||||
.theme-cyberpunk .title {
|
||||
color: #00ffff;
|
||||
text-shadow: 0 0 20px #00ffff;
|
||||
}
|
||||
|
||||
.theme-cyberpunk .subtitle {
|
||||
color: #ff00ff;
|
||||
}
|
||||
|
||||
.theme-cyberpunk .tab-button {
|
||||
background: transparent;
|
||||
border: 2px solid #ff00ff;
|
||||
color: #ff00ff;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.theme-cyberpunk .tab-button:hover {
|
||||
background: #ff00ff;
|
||||
color: #000;
|
||||
box-shadow: 0 0 20px #ff00ff;
|
||||
}
|
||||
|
||||
/* Rules Page Styles */
|
||||
.theme-cyberpunk .rules-wrapper {
|
||||
background: #0a0e27;
|
||||
color: #00ffff;
|
||||
}
|
||||
|
||||
.theme-cyberpunk .back-button {
|
||||
background: transparent;
|
||||
border: 1px solid #ff00ff;
|
||||
color: #ff00ff;
|
||||
}
|
||||
|
||||
.theme-cyberpunk .back-button:hover {
|
||||
background: #ff00ff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.theme-cyberpunk .rules-content {
|
||||
color: #00ffff;
|
||||
}
|
||||
|
||||
.theme-cyberpunk h1 {
|
||||
color: #00ffff;
|
||||
text-shadow: 0 0 20px #00ffff;
|
||||
}
|
||||
|
||||
.theme-cyberpunk h2 {
|
||||
color: #ff00ff;
|
||||
text-shadow: 0 0 15px #ff00ff;
|
||||
}
|
||||
|
||||
.theme-cyberpunk h3 {
|
||||
color: #00ffff;
|
||||
}
|
||||
|
||||
.theme-cyberpunk p,
|
||||
.theme-cyberpunk li {
|
||||
color: #00ffff;
|
||||
}
|
||||
@@ -46,4 +46,99 @@
|
||||
.theme-nightmare .dice-display {
|
||||
background: #000000;
|
||||
border: 2px solid #8b0000;
|
||||
}
|
||||
|
||||
/* Home Page Styles */
|
||||
.theme-nightmare .home-wrapper {
|
||||
background: #000000;
|
||||
color: #8b0000;
|
||||
}
|
||||
|
||||
.theme-nightmare .home-window {
|
||||
background: #0d0000;
|
||||
border: 3px solid #8b0000;
|
||||
box-shadow: 0 0 30px #ff0000;
|
||||
}
|
||||
|
||||
.theme-nightmare .home-title-bar {
|
||||
background: linear-gradient(180deg, #3a0000, #000000);
|
||||
color: #ff0000;
|
||||
padding: 15px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 5px;
|
||||
text-shadow: 0 0 10px #ff0000;
|
||||
font-family: 'Georgia', serif;
|
||||
}
|
||||
|
||||
.theme-nightmare .home-content {
|
||||
background: #0d0000;
|
||||
font-family: 'Georgia', serif;
|
||||
}
|
||||
|
||||
.theme-nightmare .title {
|
||||
color: #ff0000;
|
||||
text-shadow: 0 0 15px #ff0000;
|
||||
}
|
||||
|
||||
.theme-nightmare .subtitle {
|
||||
color: #cc0000;
|
||||
text-shadow: 0 0 10px #cc0000;
|
||||
}
|
||||
|
||||
.theme-nightmare .tab-button {
|
||||
background: #3a0000;
|
||||
border: 2px solid #8b0000;
|
||||
color: #ff0000;
|
||||
font-family: 'Georgia', serif;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.theme-nightmare .tab-button:hover {
|
||||
background: #8b0000;
|
||||
box-shadow: 0 0 20px #ff0000;
|
||||
}
|
||||
|
||||
/* Rules Page Styles */
|
||||
.theme-nightmare .rules-wrapper {
|
||||
background: #000000;
|
||||
color: #8b0000;
|
||||
}
|
||||
|
||||
.theme-nightmare .back-button {
|
||||
background: #3a0000;
|
||||
border: 2px solid #8b0000;
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.theme-nightmare .back-button:hover {
|
||||
background: #8b0000;
|
||||
box-shadow: 0 0 15px #ff0000;
|
||||
}
|
||||
|
||||
.theme-nightmare .rules-content {
|
||||
color: #8b0000;
|
||||
font-family: 'Georgia', serif;
|
||||
}
|
||||
|
||||
.theme-nightmare h1 {
|
||||
color: #ff0000;
|
||||
text-shadow: 0 0 15px #ff0000;
|
||||
font-family: 'Georgia', serif;
|
||||
}
|
||||
|
||||
.theme-nightmare h2 {
|
||||
color: #cc0000;
|
||||
text-shadow: 0 0 10px #cc0000;
|
||||
font-family: 'Georgia', serif;
|
||||
}
|
||||
|
||||
.theme-nightmare h3 {
|
||||
color: #ff0000;
|
||||
font-family: 'Georgia', serif;
|
||||
}
|
||||
|
||||
.theme-nightmare p,
|
||||
.theme-nightmare li {
|
||||
color: #8b0000;
|
||||
}
|
||||
@@ -61,4 +61,106 @@
|
||||
border: 3px solid #00a3e0;
|
||||
border-radius: 10px;
|
||||
color: #484848;
|
||||
}
|
||||
|
||||
/* Home Page Styles */
|
||||
.theme-nintendo .home-wrapper {
|
||||
background: #e60012;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.theme-nintendo .home-window {
|
||||
background: #fff;
|
||||
border: 8px solid #e60012;
|
||||
border-radius: 20px;
|
||||
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.theme-nintendo .home-title-bar {
|
||||
background: #e60012;
|
||||
color: #fff;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 24px;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
.theme-nintendo .home-content {
|
||||
background: #fff;
|
||||
color: #484848;
|
||||
}
|
||||
|
||||
.theme-nintendo .title {
|
||||
color: #e60012;
|
||||
}
|
||||
|
||||
.theme-nintendo .subtitle {
|
||||
color: #484848;
|
||||
}
|
||||
|
||||
.theme-nintendo .tab-button {
|
||||
background: #e60012;
|
||||
border: none;
|
||||
border-radius: 25px;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
box-shadow: 0 4px 0 #a00009;
|
||||
}
|
||||
|
||||
.theme-nintendo .tab-button:hover {
|
||||
background: #ff0018;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.theme-nintendo .tab-button:active {
|
||||
box-shadow: 0 2px 0 #a00009;
|
||||
transform: translateY(2px);
|
||||
}
|
||||
|
||||
/* Rules Page Styles */
|
||||
.theme-nintendo .rules-wrapper {
|
||||
background: #e60012;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.theme-nintendo .back-button {
|
||||
background: #e60012;
|
||||
border: none;
|
||||
border-radius: 25px;
|
||||
color: #fff;
|
||||
box-shadow: 0 4px 0 #a00009;
|
||||
padding: 8px 20px;
|
||||
}
|
||||
|
||||
.theme-nintendo .back-button:hover {
|
||||
background: #ff0018;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.theme-nintendo .back-button:active {
|
||||
box-shadow: 0 2px 0 #a00009;
|
||||
transform: translateY(2px);
|
||||
}
|
||||
|
||||
.theme-nintendo .rules-content {
|
||||
color: #484848;
|
||||
}
|
||||
|
||||
.theme-nintendo h1 {
|
||||
color: #e60012;
|
||||
}
|
||||
|
||||
.theme-nintendo h2 {
|
||||
color: #e60012;
|
||||
}
|
||||
|
||||
.theme-nintendo h3 {
|
||||
color: #00a3e0;
|
||||
}
|
||||
|
||||
.theme-nintendo p,
|
||||
.theme-nintendo li {
|
||||
color: #484848;
|
||||
}
|
||||
@@ -39,4 +39,78 @@
|
||||
.theme-typewriter .dice-display {
|
||||
background: #fffef7;
|
||||
border: 1px solid #2c2416;
|
||||
}
|
||||
|
||||
/* Home Page Styles */
|
||||
.theme-typewriter .home-wrapper {
|
||||
background: #f4e8d0;
|
||||
color: #2c2416;
|
||||
}
|
||||
|
||||
.theme-typewriter .home-window {
|
||||
background: #fffef7;
|
||||
border: 3px double #2c2416;
|
||||
box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
|
||||
}
|
||||
|
||||
.theme-typewriter .home-title-bar {
|
||||
background: #2c2416;
|
||||
color: #f4e8d0;
|
||||
padding: 12px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 3px;
|
||||
font-family: 'Courier', monospace;
|
||||
}
|
||||
|
||||
.theme-typewriter .home-content {
|
||||
background: #fffef7;
|
||||
font-family: 'Courier', monospace;
|
||||
}
|
||||
|
||||
.theme-typewriter .title {
|
||||
color: #2c2416;
|
||||
}
|
||||
|
||||
.theme-typewriter .subtitle {
|
||||
color: #4a3a28;
|
||||
}
|
||||
|
||||
.theme-typewriter .tab-button {
|
||||
background: #2c2416;
|
||||
border: 2px solid #2c2416;
|
||||
color: #f4e8d0;
|
||||
font-family: 'Courier', monospace;
|
||||
}
|
||||
|
||||
.theme-typewriter .tab-button:hover {
|
||||
background: #4a3a28;
|
||||
}
|
||||
|
||||
/* Rules Page Styles */
|
||||
.theme-typewriter .rules-wrapper {
|
||||
background: #f4e8d0;
|
||||
color: #2c2416;
|
||||
}
|
||||
|
||||
.theme-typewriter .back-button {
|
||||
background: #2c2416;
|
||||
color: #f4e8d0;
|
||||
border: 2px solid #2c2416;
|
||||
}
|
||||
|
||||
.theme-typewriter .back-button:hover {
|
||||
background: #4a3a28;
|
||||
}
|
||||
|
||||
.theme-typewriter .rules-content {
|
||||
color: #2c2416;
|
||||
font-family: 'Courier', monospace;
|
||||
}
|
||||
|
||||
.theme-typewriter h1,
|
||||
.theme-typewriter h2,
|
||||
.theme-typewriter h3 {
|
||||
color: #2c2416;
|
||||
font-family: 'Courier', monospace;
|
||||
}
|
||||
@@ -43,4 +43,92 @@
|
||||
.theme-vaporwave .dice-display {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
border: 2px solid #ff6ad5;
|
||||
}
|
||||
|
||||
/* Home Page Styles */
|
||||
.theme-vaporwave .home-wrapper {
|
||||
background: linear-gradient(180deg, #ff6ad5 0%, #c774e8 50%, #ad8cff 100%);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.theme-vaporwave .home-window {
|
||||
background: rgba(255, 106, 213, 0.3);
|
||||
backdrop-filter: blur(10px);
|
||||
border: 3px solid #00f0ff;
|
||||
box-shadow: 0 8px 32px rgba(0, 240, 255, 0.4);
|
||||
}
|
||||
|
||||
.theme-vaporwave .home-title-bar {
|
||||
background: linear-gradient(90deg, #ff6ad5, #00f0ff);
|
||||
color: #fff;
|
||||
padding: 15px;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 4px;
|
||||
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.theme-vaporwave .home-content {
|
||||
background: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.theme-vaporwave .title {
|
||||
color: #fff;
|
||||
text-shadow: 2px 2px 8px rgba(0, 240, 255, 0.6);
|
||||
}
|
||||
|
||||
.theme-vaporwave .subtitle {
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
}
|
||||
|
||||
.theme-vaporwave .tab-button {
|
||||
background: linear-gradient(135deg, #ff6ad5, #c774e8);
|
||||
border: 2px solid #00f0ff;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.theme-vaporwave .tab-button:hover {
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 8px 25px rgba(0, 240, 255, 0.6);
|
||||
}
|
||||
|
||||
/* Rules Page Styles */
|
||||
.theme-vaporwave .rules-wrapper {
|
||||
background: linear-gradient(180deg, #ff6ad5 0%, #c774e8 50%, #ad8cff 100%);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.theme-vaporwave .back-button {
|
||||
background: linear-gradient(135deg, #ff6ad5, #c774e8);
|
||||
border: 2px solid #00f0ff;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.theme-vaporwave .back-button:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 4px 15px rgba(0, 240, 255, 0.6);
|
||||
}
|
||||
|
||||
.theme-vaporwave .rules-content {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.theme-vaporwave h1 {
|
||||
color: #fff;
|
||||
text-shadow: 2px 2px 8px rgba(0, 240, 255, 0.6);
|
||||
}
|
||||
|
||||
.theme-vaporwave h2 {
|
||||
color: #00f0ff;
|
||||
text-shadow: 0 0 10px #00f0ff;
|
||||
}
|
||||
|
||||
.theme-vaporwave h3 {
|
||||
color: #ff6ad5;
|
||||
}
|
||||
|
||||
.theme-vaporwave p,
|
||||
.theme-vaporwave li {
|
||||
color: rgba(255, 255, 255, 0.95);
|
||||
}
|
||||
@@ -10,16 +10,16 @@
|
||||
box-shadow: 2px 2px 0 rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background: linear-gradient(to right, #000080, #1084d0);
|
||||
color: white;
|
||||
padding: 8px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.theme-win95 .title-bar {
|
||||
background: linear-gradient(to right, #000080, #1084d0);
|
||||
color: white;
|
||||
padding: 8px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: 2px groove #c0c0c0;
|
||||
}
|
||||
.theme-win95 fieldset {
|
||||
border: 2px groove #c0c0c0;
|
||||
}
|
||||
|
||||
.theme-win95 button {
|
||||
background: #c0c0c0;
|
||||
@@ -36,4 +36,71 @@
|
||||
.theme-win95 .dice-display {
|
||||
background: white;
|
||||
border: 2px inset #808080;
|
||||
}
|
||||
|
||||
/* Home Page Styles */
|
||||
.theme-win95 .home-wrapper {
|
||||
background: #008080;
|
||||
}
|
||||
|
||||
.theme-win95 .home-window {
|
||||
background: #c0c0c0;
|
||||
border: 2px solid;
|
||||
border-color: #dfdfdf #808080 #808080 #dfdfdf;
|
||||
box-shadow: 2px 2px 0 rgba(0,0,0,0.5);
|
||||
}
|
||||
|
||||
.theme-win95 .home-title-bar {
|
||||
background: linear-gradient(to right, #000080, #1084d0);
|
||||
color: white;
|
||||
padding: 8px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.theme-win95 .home-content {
|
||||
background: #c0c0c0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.theme-win95 .tab-button {
|
||||
background: #c0c0c0;
|
||||
border: 2px solid;
|
||||
border-color: #ffffff #000000 #000000 #ffffff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.theme-win95 .tab-button:hover {
|
||||
background: #dfdfdf;
|
||||
}
|
||||
|
||||
.theme-win95 .tab-button:active {
|
||||
border-color: #000000 #ffffff #ffffff #000000;
|
||||
}
|
||||
|
||||
/* Rules Page Styles */
|
||||
.theme-win95 .rules-wrapper {
|
||||
background: #008080;
|
||||
}
|
||||
|
||||
.theme-win95 .back-button {
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.theme-win95 .back-button:hover {
|
||||
background: rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.theme-win95 .rules-content {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.theme-win95 h1,
|
||||
.theme-win95 h2 {
|
||||
color: #000080;
|
||||
}
|
||||
|
||||
.theme-win95 h3 {
|
||||
color: #1084d0;
|
||||
}
|
||||
Reference in New Issue
Block a user