RedXen Gaming
About us
@@ -72,6 +79,8 @@
+ Forums are stable and ready to use
Created this webpage and added meta tags for SEO's
Now hosting server on DigitalOcean with improved bandwidth
diff --git a/res/header.js b/res/header.js
new file mode 100644
index 0000000..8e3d1f7
--- /dev/null
+++ b/res/header.js
@@ -0,0 +1,16 @@
+window.onscroll = function() {checkheader()};
+
+// Get the header
+var header = document.getElementById("myHeader");
+
+// Get the offset position of the navbar
+var sticky = header.offsetTop;
+
+// Add the sticky class to the header when you reach its scroll position. Remove "sticky" when you leave the scroll position
+function checkheader() {
+ if (window.pageYOffset >= sticky) {
+ header.classList.add("sticky");
+ } else {
+ header.classList.remove("sticky");
+ }
+}
\ No newline at end of file
diff --git a/res/web.css b/res/web.css
index d8174d7..f2f3d17 100644
--- a/res/web.css
+++ b/res/web.css
@@ -9,14 +9,20 @@ html {
.header {
height: 50px;
width: 100%;
- top: 0;
left: 0;
- position: fixed;
- background-color: rgba(10, 10, 10, 0.4);
+ background-color: rgba(30, 30, 30, 0.4);
z-index: 20;
display: flex;
overflow: hidden;
}
+.sticky {
+ position: fixed;
+ background-color: rgba(10, 10, 10, 0.4);
+ top: 0;
+}
+.sticky + .content {
+ padding-top: 50px;
+}
#logo-header img {
display: flex;
height: 40px;
@@ -210,7 +216,8 @@ h2 { color: #F33;}
@media screen and (max-width: 730px) {
.header {
- height: 50px;
+ position: fixed;
+ background-color: rgba(10, 10, 10, 0.4);
}
#banner {
font-size: 20px;
@@ -225,6 +232,7 @@ h2 { color: #F33;}
}
.category {
flex-wrap: wrap;
+ padding: 30px 0 0 0;
}
.category img {
width: 30%;
@@ -247,7 +255,7 @@ h2 { color: #F33;}
margin: 10px 0;
}
.text-field {
- font-size: 10px;
+ font-size: 15px;
padding: 10px;
justify-content: space-between;
}
@@ -271,4 +279,18 @@ h2 { color: #F33;}
#footer-r {
padding: 0 0 10px 0;
}
+}
+
+/*Scrollbar*/
+::-webkit-scrollbar {
+ width: 5px;
+}
+::-webkit-scrollbar-track {
+ background: rgba(0, 0, 0, 0.5);
+}
+::-webkit-scrollbar-thumb {
+ background: rgba(255 ,255 ,255, 0.2);
+}
+::-webkit-scrollbar-thumb:hover {
+ background: rgba(255 ,255 ,255, 0.5);
}
\ No newline at end of file
June 2018
+ Now hosting TF2 servers+ Forums are stable and ready to use
Created this webpage and added meta tags for SEO's
Now hosting server on DigitalOcean with improved bandwidth