Skip to content

Commit bbccd59

Browse files
Peyton2017Peyton2017
committed
test
1 parent 4b7e7ad commit bbccd59

File tree

2 files changed

+30
-216
lines changed

2 files changed

+30
-216
lines changed

‎dashboard/index.css

+30-1
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ body {
1717
grid-template-areas:
1818
"header header header"
1919
"main main main";
20-
grid-template-rows: 60px 1fr 70px;
20+
grid-template-rows: 60px 1fr 20px;
2121
grid-template-columns: 20% 1fr 20%;
2222
grid-row-gap: 10px;
2323
height: 100vh;
@@ -177,4 +177,33 @@ a.Header_btn:hover {
177177
.HomePageButtons {
178178
display: inline-flex;
179179
padding-bottom: 100px;
180+
}
181+
182+
.alert {
183+
padding: 10px;
184+
background-color: #f44336;
185+
color: white;
186+
opacity: 1;
187+
transition: opacity 0.6s;
188+
margin-bottom: 10px;
189+
border-radius: 0.3rem;
190+
}
191+
192+
.alert.success {background-color: #04AA6D;}
193+
.alert.info {background-color: #2196F3;}
194+
.alert.warning {background-color: #ff9800;}
195+
196+
.closebtn {
197+
margin-left: 15px;
198+
color: white;
199+
font-weight: bold;
200+
float: right;
201+
font-size: 22px;
202+
line-height: 20px;
203+
cursor: pointer;
204+
transition: 0.3s;
205+
}
206+
207+
.closebtn:hover {
208+
color: black;
180209
}

‎dashboard/index.html

-215
Original file line numberDiff line numberDiff line change
@@ -55,221 +55,6 @@
5555
visibility: hidden;
5656
}
5757
}
58-
59-
60-
61-
62-
63-
64-
:root {
65-
--guilded-color: #F5C400;
66-
--guilded-hovor-color: #9b7c00;
67-
--body-color: #242424;
68-
--text-default-color: #ffffff;
69-
--button-color: #535461;
70-
--header-color: #181818;
71-
--a-hover-color: #6352fd;
72-
}
73-
74-
a:-webkit-any-link {
75-
cursor: pointer;
76-
}
77-
78-
body {
79-
display: grid;
80-
grid-template-areas:
81-
"header header header"
82-
"main main main";
83-
grid-template-rows: 60px 1fr 20px;
84-
grid-template-columns: 20% 1fr 20%;
85-
grid-row-gap: 10px;
86-
height: 100vh;
87-
margin: 0;
88-
background: #000024;
89-
color: white;
90-
font-family: roboto, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
91-
}
92-
93-
header {
94-
width: 100%;
95-
display: flex;
96-
flex-wrap: nowrap;
97-
align-items: center;
98-
}
99-
100-
main {
101-
width: 100%;
102-
display: flex;
103-
flex-wrap: nowrap;
104-
justify-content: center;
105-
}
106-
107-
#pageHeader {
108-
grid-area: header;
109-
background: linear-gradient(0deg, #f7000045 0%, #000024 66.8%);
110-
box-shadow: 1px 1px 5px #ffffff, -1px -1px 100px #f70000b3;
111-
}
112-
113-
#mainContent {
114-
grid-area: main;
115-
}
116-
117-
div#Header {
118-
display: flex;
119-
position: static;
120-
height: 55px;
121-
width: 100%;
122-
align-items: center;
123-
padding: 0 50px 0 0x;
124-
flex-wrap: wrap;
125-
animation: .3s ease-in-out;
126-
}
127-
128-
img.Logo {
129-
width: 50px;
130-
height: 50px;
131-
padding-right: 20px;
132-
padding-left: 5px;
133-
}
134-
135-
.HomePageP {
136-
font-size: 3rem;
137-
text-align: center;
138-
width: 100%;
139-
font-weight: 500;
140-
text-shadow: 1px 1px 5px #9dedf587, -1px -1px 10px #ffffffb8;
141-
}
142-
143-
.HomePageText {
144-
padding-top: 100px;
145-
}
146-
147-
p.HomePageP {
148-
color: white;
149-
text-align: center;
150-
width: 100%;
151-
font-weight: 500;
152-
font-size: 3rem;
153-
text-shadow: 1px 1px 5px #9dedf587, -1px -1px 10px #ffffffb8;
154-
}
155-
156-
p#StatDisplay {
157-
font-size: 1.7rem;
158-
color: white;
159-
text-align: center;
160-
text-shadow: 1px 1px 5px #9dedf587, -1px -1px 10px #ffffffb8;
161-
margin: 0;
162-
}
163-
164-
.HomePageDiv.HomePageTopDiv {
165-
display: flex;
166-
flex-direction: column;
167-
flex-wrap: nowrap;
168-
align-items: center;
169-
}
170-
171-
span.Badge {
172-
font-size: 1rem;
173-
font-weight: 550;
174-
background: linear-gradient(90deg, #6352FD 0%, #FFCE09 100%);
175-
padding: 0.1rem 0.2rem;
176-
color: white;
177-
border-radius: 0.3rem;
178-
margin-right: 5px;
179-
}
180-
181-
button.HomePageButton.HomePageButtonRoot {
182-
border-bottom: grey solid 1px;
183-
border-left: white;
184-
border-top: white;
185-
border-right: white;
186-
font-weight: 600;
187-
color: white;
188-
background: grey;
189-
border-radius: 12px;
190-
padding: 0.5rem;
191-
border: 1px solid var(--guilded-color);
192-
font-size: 1.9rem;
193-
align-items: center;
194-
display: inline-flex;
195-
}
196-
197-
button.HomePageButton.HomePageButtonRoot:hover {
198-
cursor: pointer;
199-
}
200-
201-
button.HomePageButtonInvite.HomePageButtonRoot {
202-
background: var(--guilded-color);
203-
font-weight: 600;
204-
color: white;
205-
border-radius: 12px;
206-
padding: 0.5rem;
207-
border: 1px solid var(--guilded-color);
208-
font-size: 1.9rem;
209-
align-items: center;
210-
display: inline-flex;
211-
}
212-
213-
button.HomePageButtonInvite.HomePageButtonRoot:hover {
214-
cursor: pointer;
215-
}
216-
217-
a {
218-
padding: 5px;
219-
}
220-
221-
a.Header_btn {
222-
float: left;
223-
display: block;
224-
padding: 14px 16px;
225-
border-radius: 0.4rem;
226-
text-decoration: none;
227-
background: transparent;
228-
color: white;
229-
font-size: 24px;
230-
font-weight: 500;
231-
}
232-
233-
a.Header_btn:hover {
234-
transition: 0.25s;
235-
text-decoration: none;
236-
color: var(--guilded-color);
237-
text-shadow: 1px 1px 10px #ffffff;
238-
}
239-
240-
.HomePageButtons {
241-
display: inline-flex;
242-
padding-bottom: 100px;
243-
}
244-
245-
.alert {
246-
padding: 10px;
247-
background-color: #f44336;
248-
color: white;
249-
opacity: 1;
250-
transition: opacity 0.6s;
251-
margin-bottom: 10px;
252-
border-radius: 0.3rem;
253-
}
254-
255-
.alert.success {background-color: #04AA6D;}
256-
.alert.info {background-color: #2196F3;}
257-
.alert.warning {background-color: #ff9800;}
258-
259-
.closebtn {
260-
margin-left: 15px;
261-
color: white;
262-
font-weight: bold;
263-
float: right;
264-
font-size: 22px;
265-
line-height: 20px;
266-
cursor: pointer;
267-
transition: 0.3s;
268-
}
269-
270-
.closebtn:hover {
271-
color: black;
272-
}
27358
</style>
27459
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&amp;display=swap" rel="stylesheet">
27560
</head>

0 commit comments

Comments
 (0)