Skip to content

Commit 1c4078d

Browse files
KartofelpufferKartofelpuffer
authored
Add files via upload
1 parent c9d3f1d commit 1c4078d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

46 files changed

+12342
-0
lines changed

‎advance-wars.css

+211
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,211 @@
1+
.advance-wars-container {
2+
width: 100%;
3+
display: flex;
4+
overflow: auto;
5+
min-height: 100vh;
6+
align-items: center;
7+
flex-direction: column;
8+
background-color: #D9D9D9;
9+
}
10+
.advance-wars-navbar-interactive {
11+
width: 100%;
12+
display: flex;
13+
position: relative;
14+
align-items: center;
15+
padding-top: var(--dl-space-space-twounits);
16+
padding-left: var(--dl-space-space-threeunits);
17+
padding-right: var(--dl-space-space-threeunits);
18+
padding-bottom: var(--dl-space-space-twounits);
19+
justify-content: space-between;
20+
background-color: rgb(52, 50, 50);
21+
}
22+
.advance-wars-navlink {
23+
display: contents;
24+
}
25+
.advance-wars-logo {
26+
width: 10%;
27+
height: 10%;
28+
text-decoration: none;
29+
}
30+
.advance-wars-desktop-menu {
31+
display: flex;
32+
}
33+
.advance-wars-nav {
34+
flex: 0 0 auto;
35+
color: #D9D9D9;
36+
display: flex;
37+
align-self: center;
38+
align-items: center;
39+
flex-direction: row;
40+
justify-content: center;
41+
}
42+
.advance-wars-navlink01 {
43+
color: rgb(217, 217, 217);
44+
text-align: center;
45+
text-decoration: none;
46+
}
47+
.advance-wars-text {
48+
font-size: 20px;
49+
}
50+
.advance-wars-navlink02 {
51+
font-size: 20px;
52+
margin-left: var(--dl-space-space-twounits);
53+
text-decoration: none;
54+
}
55+
.advance-wars-navlink03 {
56+
font-size: 20px;
57+
margin-left: var(--dl-space-space-twounits);
58+
text-decoration: none;
59+
}
60+
.advance-wars-navlink04 {
61+
font-size: 20px;
62+
margin-left: var(--dl-space-space-twounits);
63+
text-decoration: none;
64+
}
65+
.advance-wars-link {
66+
margin-left: var(--dl-space-space-twounits);
67+
text-decoration: none;
68+
}
69+
.advance-wars-text2 {
70+
color: #800080;
71+
font-size: 20px;
72+
}
73+
.advance-wars-btn-group {
74+
display: flex;
75+
align-items: center;
76+
flex-direction: row;
77+
justify-content: space-between;
78+
}
79+
.advance-wars-burger-menu {
80+
display: none;
81+
align-items: center;
82+
justify-content: center;
83+
}
84+
.advance-wars-icon {
85+
width: var(--dl-size-size-xsmall);
86+
height: var(--dl-size-size-xsmall);
87+
}
88+
.advance-wars-mobile-menu {
89+
top: 0px;
90+
left: 0px;
91+
width: 100%;
92+
height: 100vh;
93+
display: none;
94+
padding: 32px;
95+
z-index: 100;
96+
position: fixed;
97+
flex-direction: column;
98+
justify-content: space-between;
99+
background-color: #fff;
100+
}
101+
.advance-wars-nav1 {
102+
display: flex;
103+
align-items: flex-start;
104+
flex-direction: column;
105+
}
106+
.advance-wars-container1 {
107+
width: 100%;
108+
display: flex;
109+
align-items: center;
110+
margin-bottom: var(--dl-space-space-threeunits);
111+
justify-content: space-between;
112+
}
113+
.advance-wars-navlink05 {
114+
display: contents;
115+
}
116+
.advance-wars-image {
117+
height: 2rem;
118+
text-decoration: none;
119+
}
120+
.advance-wars-menu-close {
121+
display: flex;
122+
align-items: center;
123+
justify-content: center;
124+
}
125+
.advance-wars-icon2 {
126+
width: var(--dl-size-size-xsmall);
127+
height: var(--dl-size-size-xsmall);
128+
}
129+
.advance-wars-nav2 {
130+
flex: 0 0 auto;
131+
display: flex;
132+
align-items: flex-start;
133+
flex-direction: column;
134+
}
135+
.advance-wars-navlink06 {
136+
margin-bottom: var(--dl-space-space-unit);
137+
text-decoration: none;
138+
}
139+
.advance-wars-navlink07 {
140+
margin-bottom: var(--dl-space-space-unit);
141+
text-decoration: none;
142+
}
143+
.advance-wars-navlink08 {
144+
margin-bottom: var(--dl-space-space-unit);
145+
text-decoration: none;
146+
}
147+
.advance-wars-navlink09 {
148+
margin-bottom: var(--dl-space-space-unit);
149+
text-decoration: none;
150+
}
151+
.advance-wars-link1 {
152+
margin-bottom: var(--dl-space-space-unit);
153+
text-decoration: none;
154+
}
155+
.advance-wars-icon-group {
156+
border: 2px dashed rgba(120, 120, 120, 0.4);
157+
display: flex;
158+
}
159+
.advance-wars-div {
160+
width: 1000px;
161+
height: 700px;
162+
}
163+
@media(max-width: 767px) {
164+
.advance-wars-navbar-interactive {
165+
padding-left: var(--dl-space-space-twounits);
166+
padding-right: var(--dl-space-space-twounits);
167+
}
168+
.advance-wars-desktop-menu {
169+
display: none;
170+
}
171+
.advance-wars-navlink02 {
172+
margin-left: var(--dl-space-space-unit);
173+
}
174+
.advance-wars-navlink03 {
175+
margin-left: var(--dl-space-space-unit);
176+
}
177+
.advance-wars-navlink04 {
178+
margin-left: var(--dl-space-space-unit);
179+
}
180+
.advance-wars-link {
181+
margin-left: var(--dl-space-space-unit);
182+
}
183+
.advance-wars-text2 {
184+
margin-left: var(--dl-space-space-unit);
185+
}
186+
.advance-wars-btn-group {
187+
display: none;
188+
}
189+
.advance-wars-burger-menu {
190+
display: flex;
191+
}
192+
.advance-wars-link1 {
193+
text-decoration: none;
194+
}
195+
}
196+
@media(max-width: 479px) {
197+
.advance-wars-navbar-interactive {
198+
padding: var(--dl-space-space-unit);
199+
}
200+
.advance-wars-logo {
201+
width: 15%;
202+
height: 15%;
203+
}
204+
.advance-wars-icon {
205+
width: 55px;
206+
height: 55px;
207+
}
208+
.advance-wars-mobile-menu {
209+
padding: 16px;
210+
}
211+
}

0 commit comments

Comments
 (0)