xd

Author: legend-js-dev

dashboard/assets/css/dashboard.css

@@ -0,0 +1,170 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap');
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ text-decoration: none;
+ font-family: 'Poppins', sans-serif;
+}
+
+html {
+ scroll-behavior: smooth;
+}
+
+body {
+ background-color: #222222;
+}
+
+.navbar{
+ position: fixed;
+ width: 100%;
+ z-index: 2;
+ padding: 25px 0;
+ transition: all 0.3s ease;
+}
+.navbar.sticky{
+ background: #1b1b1b;
+ padding: 10px 0;
+ box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
+}
+.navbar .content{
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+.navbar .logo a{
+ color: #fff;
+ font-size: 30px;
+ font-weight: 600;
+ text-decoration: none;
+}
+.navbar .menu-list{
+ display: inline-flex;
+}
+.menu-list li{
+ list-style: none;
+}
+.menu-list li a{
+ color: #fff;
+ font-size: 18px;
+ font-weight: 500;
+ margin-left: 25px;
+ text-decoration: none;
+ transition: all 0.3s ease;
+}
+.menu-list li a:hover{
+ color: #007bff;
+}
+.icon{
+ color: #fff;
+ font-size: 20px;
+ cursor: pointer;
+ display: none;
+}
+.menu-list .cancel-btn{
+ position: absolute;
+ right: 30px;
+ top: 20px;
+}
+@media (max-width: 1230px) {
+ .content{
+ padding: 0 60px;
+ }
+}
+@media (max-width: 1100px) {
+ .content{
+ padding: 0 40px;
+ }
+}
+@media (max-width: 900px) {
+ .content{
+ padding: 0 30px;
+ }
+}
+@media (max-width: 868px) {
+ body.disabled{
+ overflow: hidden;
+ }
+ .icon{
+ display: block;
+ }
+ .icon.hide{
+ display: none;
+ }
+ .navbar .menu-list{
+ position: fixed;
+ height: 100vh;
+ width: 100%;
+ max-width: 400px;
+ left: -100%;
+ top: 0px;
+ display: block;
+ padding: 40px 0;
+ text-align: center;
+ background: #222;
+ transition: all 0.3s ease;
+ }
+ .navbar.show .menu-list{
+ left: 0%;
+ }
+ .navbar .menu-list li{
+ margin-top: 45px;
+ }
+ .navbar .menu-list li a{
+ font-size: 23px;
+ margin-left: -100%;
+ transition: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+ }
+ .navbar.show .menu-list li a{
+ margin-left: 0px;
+ }
+}
+@media (max-width: 380px) {
+ .navbar .logo a{
+ font-size: 27px;
+ }
+}
+
+.container {
+ padding-top: 20px;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+ align-items: center;
+ margin-bottom: 15px;
+}
+
+.stxt {
+ padding-top: 100px;
+ text-align: center;
+ color: #fff;
+}
+
+.box {
+ background-color: #333333;
+ padding: 15px;
+ border-radius: 12px;
+ margin: 10px;
+}
+
+.box:hover {
+ background-color: #444444;
+ padding: 17px;
+}
+
+.box img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ border-radius: 12px;
+ width: 120px;
+ height: 120px;
+}
+
+.box .guild-name {
+ padding-top: 10px;
+ text-align: center;
+ color: #fff;
+}