Add halloween theme

This commit is contained in:
Alex D. 2018-10-04 15:25:22 +02:00
parent 034f731ca3
commit 68f1045af6
8 changed files with 22 additions and 17 deletions

View File

@ -3,7 +3,7 @@
* {
margin: 0;
padding: 0;
font-family: "Oswald", sans-serif;
font-family: 'Life Savers', cursive;
}
.unsupported,
@ -98,6 +98,10 @@ a:link {
padding: 0 50px;
}
.brand h1 {
font-family: 'Creepster', cursive;
}
.logo {
padding: 0 50px;
margin: auto 0;

View File

@ -1,7 +1,7 @@
/*Page Rules*/
a:hover {
color: #e22;
color: #2e2;
}
body {
@ -60,7 +60,7 @@ body {
.tabs a {
background-color: #333;
color: #eee;
color: #1a1;
padding: 0 20px;
border-radius: 20px 2px 0 0;
margin: 0 4px;
@ -70,7 +70,7 @@ body {
}
.tabs a:hover {
color: #ddd;
color: #2f2;
background-color: #444;
}
@ -79,7 +79,7 @@ body {
}
.close {
background-color: #e22 !important;
background-color: #111 !important;
border-radius: 10px 10px 0 0 !important;
}
@ -99,10 +99,10 @@ body {
}
.tab-content a {
color: #e22;
color: #1a1;
padding-right: 10px;
}
.tab-content a:hover {
color: #a11;
color: #1f1;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 114 KiB

After

Width:  |  Height:  |  Size: 66 KiB

View File

@ -15,7 +15,7 @@
<link rel="stylesheet" href="css/important.css">
</head>
<body style="background-color: #711">
<body style="background-color: #171">
<div id="bg" class="bg-landing">
<img alt="background" data-depth="0.2" src="res/bg.webp">
</div>
@ -24,7 +24,7 @@
<div class="brand flex column justify-center">
<h1 class="slide-top flex column h-hide">RedXen Community</h1>
<div class="slide-left flex column">
<p class="h-hide">The community that empowers gamers</p>
<p class="h-hide">Happy spooktober!</p>
<div class="h-hide links flex">
<a id="abt-btn" href="#">About</a>
<a href="https://redxen.eu/discord">Discord</a>
@ -56,14 +56,15 @@
<p>Please resize your window to a supported resolution.</p>
</div>
</div>
<noscript><link rel="stylesheet" href="css/rules.css"></noscript>
<noscript><link rel="stylesheet preload" href="css/rules.css"></noscript>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js" defer></script>
<script src="js/main.js" defer></script>
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Creepster" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Life+Savers" rel="stylesheet">
<link rel="manifest" href="/manifest.json">
<noscript><link rel="stylesheet" href="css/responsive.css"></noscript>
<noscript><link rel="stylesheet" href="css/animations.css"></noscript>
<noscript><link rel="stylesheet preload" href="css/responsive.css"></noscript>
<noscript><link rel="stylesheet preload" href="css/animations.css"></noscript>
</body>
</html>

View File

@ -1,8 +1,8 @@
$(document).ready(function () {
$("head").append(
'<link rel="stylesheet" href="css/rules.css">' +
'<link rel="stylesheet" href="css/responsive.css">' +
'<link rel="stylesheet" href="css/animations.css">'
'<link rel="preload stylesheet" href="css/rules.css">' +
'<link rel="preload stylesheet" href="css/responsive.css">' +
'<link rel="preload stylesheet" href="css/animations.css">'
);
$('#abt-btn').click(function () {
$('#abt').toggleClass('hide');

Binary file not shown.

Before

Width:  |  Height:  |  Size: 127 KiB

After

Width:  |  Height:  |  Size: 370 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 14 KiB