Added new pages with fitting content: skyblock, custom features, guide book, ranks, commandlist, reducing lag, staff powers

2025-05-30 22:19:36 +02:00
parent c4c17b3adc
commit 20dcebbab9
35 changed files with 2272 additions and 2 deletions
@@ -0,0 +1,151 @@
+#subheaderDonor {
+  height: 350px;
+  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/public/img/backgrounds/newtown.jpg");
+  background: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/public/img/backgrounds/newtown.jpg");
+  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/public/img/backgrounds/newtown.jpg");
+  background-attachment: fixed;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  text-align: center;
+}
+
+#subheaderCommunity {
+  height: 350px;
+  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/public/img/backgrounds/caruselimage4.png");
+  background: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/public/img/backgrounds/caruselimage4.png");
+  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/public/img/backgrounds/caruselimage4.png");
+  background-attachment: fixed;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  text-align: center;
+}
+
+td,
+th {
+  font-family: 'opensans', sans-serif;
+}
+
+table {
+  border-collapse: collapse;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  table-layout: fixed;
+}
+
+table tr {
+  padding: .35em;
+}
+
+table th,
+table td {
+  padding: .625em;
+  text-align: center;
+}
+
+table th {
+  font-size: .85em;
+}
+
+.perks {
+  text-align: left;
+  padding-left: 105px;
+}
+
+.tableTitle {
+  font-family: 'opensans-bold', sans-serif;
+  font-size: 1.5em;
+}
+
+.rankTitle {
+  font-family: 'opensans-bold', sans-serif;
+}
+
+.rank1 {
+  color: #265ac9;
+}
+
+.rank2 {
+  color: #980399;
+}
+
+.rank3 {
+  color: #0c3999;
+}
+
+.rank4 {
+  color: #c949c9;
+}
+
+.rank5 {
+  color: #ffaa00;
+}
+
+@media (max-width: 1200px) {
+  .perks {
+    padding-left: 80px;
+  }
+}
+
+@media (max-width: 900px) {
+  .perks {
+    padding-left: 50px;
+  }
+}
+
+@media (max-width: 690px) {
+  main .container {
+    width: 80% !important;
+  }
+}
+
+@media screen and (max-width: 600px) {
+  table {
+    border: 0;
+  }
+
+  table th,
+  table td {
+    padding: .400em;
+  }
+
+  table thead {
+    border: none;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+  }
+
+  table tr {
+    display: block;
+    margin-bottom: .625em;
+  }
+
+  table td {
+    display: block;
+    font-size: .8em;
+    text-align: right;
+  }
+
+  table td::before {
+    content: attr(data-label);
+    float: left;
+    font-weight: bold;
+    text-transform: uppercase;
+  }
+
+  table td:last-child {
+    border-bottom: 0;
+  }
+
+  .perks {
+    text-align: right;
+    padding-left: 6px;
+  }
+}