Skip to content

Commit cbe7559

Browse files
Every resolution responsive backgrounds update for the website.
1 parent 23e612c commit cbe7559

15 files changed

+2795
-33
lines changed

404NotFound/404CSS/404_not_found.css

+215-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
body {
2-
background: url("/Images/macosmonterey.png");
32
text-align: center;
43
font-family: Arial;
54
}
@@ -10,4 +9,219 @@ body {
109
}
1110
.error {
1211
color: rgb(151, 31, 207);
12+
}
13+
@media screen and (width: 240px) {
14+
body {
15+
background: url("/assets/Images/WalpaperImages/240x320/macosmonterey.jpg");
16+
}
17+
}
18+
@media screen and (width: 320px) {
19+
body {
20+
background: url("/assets/Images/WalpaperImages/320x240/macosmonterey.jpg");
21+
}
22+
}
23+
@media screen and (width: 344px) {
24+
body {
25+
background: url("/assets/Images/WalpaperImages/344x882/macosmonterey.jpg");
26+
}
27+
}
28+
@media screen and (width: 353px) {
29+
body {
30+
background: url("/assets/Images/WalpaperImages/353x745/monterey.jpg");
31+
}
32+
}
33+
@media screen and (width: 360px) {
34+
body {
35+
background: url("/assets/Images/WalpaperImages/360x640/macosmonterey.jpg");
36+
}
37+
}
38+
@media screen and (width: 375px) {
39+
body {
40+
background: url("/assets/Images/WalpaperImages/375x667/macosmonterey.jpg");
41+
}
42+
}
43+
@media screen and (width: 384px) {
44+
body {
45+
background: url("/assets/Images/WalpaperImages/384x640/macosmonterey.jpg");
46+
}
47+
}
48+
@media screen and (width: 390px) {
49+
body {
50+
background: url("/assets/Images/WalpaperImages/390x844/macosmonterey.jpg");
51+
}
52+
}
53+
@media screen and (width: 393px) {
54+
body {
55+
background: url("/assets/Images/WalpaperImages/393x786/macosmonterey.jpg");
56+
}
57+
}
58+
@media screen and (width: 411px) {
59+
body {
60+
background: url("/assets/Images/WalpaperImages/411x823/macosmonterey.jpg");
61+
}
62+
}
63+
@media screen and (width: 412px) {
64+
body {
65+
background: url("/assets/Images/WalpaperImages/412x915/macosmonterey.jpg");
66+
}
67+
}
68+
@media screen and (width: 414px) {
69+
body {
70+
background: url("/assets/Images/WalpaperImages/414x896/macosmonterey.jpg");
71+
}
72+
}
73+
@media screen and (width: 430px) {
74+
body {
75+
background: url("/assets/Images/WalpaperImages/430x932/macosmonterey.jpg");
76+
}
77+
}
78+
@media screen and (width: 480px) {
79+
body {
80+
background: url("/assets/Images/WalpaperImages/480x854/macosmonterey.jpg");
81+
}
82+
}
83+
@media screen and (width: 540px) {
84+
body {
85+
background: url("/assets/Images/WalpaperImages/540x960/macosmonterey.jpg");
86+
}
87+
}
88+
@media screen and (width: 548px) {
89+
body {
90+
background: url("/assets/Images/WalpaperImages/548x914/macosmonterey.jpg");
91+
}
92+
}
93+
@media screen and (width: 600px) {
94+
body {
95+
background: url("/assets/Images/WalpaperImages/600x1024/macosmonterey.jpg");
96+
}
97+
}
98+
@media screen and (width: 640px) {
99+
body {
100+
background: url("/assets/Images/WalpaperImages/640x1136/macosmonterey.jpg");
101+
}
102+
}
103+
@media screen and (width: 712px) {
104+
body {
105+
background: url("/assets/Images/WalpaperImages/712x1138/macosmonterey.jpg");
106+
}
107+
}
108+
@media screen and (width: 720px) {
109+
body {
110+
background: url("/assets/Images/WalpaperImages/720x1280/macosmonterey.jpg");
111+
}
112+
}
113+
@media screen and (width: 750px) {
114+
body {
115+
background: url("/assets/Images/WalpaperImages/750x1334/macosmonterey.jpg");
116+
}
117+
}
118+
@media screen and (width: 768px) {
119+
body {
120+
background: url("/assets/Images/WalpaperImages/768x1024/macosmonterey.jpg");
121+
}
122+
}
123+
@media screen and (width: 800px) {
124+
body {
125+
background: url("/assets/Images/WalpaperImages/800x1280/macosmonterey.jpg");
126+
}
127+
}
128+
@media screen and (width: 853px) {
129+
body {
130+
background: url("/assets/Images/WalpaperImages/853x1280/macosmonterey.jpg");
131+
}
132+
}
133+
@media screen and (width: 912px) {
134+
body {
135+
background: url("/assets/Images/WalpaperImages/912x1368/macosmonterey.jpg");
136+
}
137+
}
138+
@media screen and (width: 1024px) {
139+
body {
140+
background: url("/assets/Images/WalpaperImages/1024x768/macosmonterey.jpg");
141+
}
142+
}
143+
@media screen and (width: 1080px) {
144+
body {
145+
background: url("/assets/Images/WalpaperImages/1080x1920/macosmonterey.jpg");
146+
}
147+
}
148+
@media screen and (width: 1125px) {
149+
body {
150+
background: url("/assets/Images/WalpaperImages/1125x2436/macosmonterey.jpg");
151+
}
152+
}
153+
@media screen and (width: 1152px) {
154+
body {
155+
background: url("/assets/Images/WalpaperImages/1152x864/macosmonterey.jpg");
156+
}
157+
}
158+
@media screen and (width: 1242px) {
159+
body {
160+
background: url("/assets/Images/WalpaperImages/1242x2668/macosmonterey.jpg");
161+
}
162+
}
163+
@media screen and (width: 1280px) {
164+
body {
165+
background: url("/assets/Images/WalpaperImages/1280x1024/macosmonterey.jpg");
166+
}
167+
}
168+
@media screen and (width: 1366px) {
169+
body {
170+
background: url("/assets/Images/WalpaperImages/1366x768/macosmonterey.jpg");
171+
}
172+
}
173+
@media screen and (width: 1360px) {
174+
body {
175+
background: url("/assets/Images/WalpaperImages/1360x768/macosmonterey.jpg");
176+
}
177+
}
178+
@media screen and (width: 1400px) {
179+
body {
180+
background: url("/assets/Images/WalpaperImages/1400x1050/macosmonterey.jpg");
181+
}
182+
}
183+
@media screen and (width: 1440px) {
184+
body {
185+
background: url("/assets/Images/WalpaperImages/1440x2560/macosmonterey.jpg");
186+
}
187+
}
188+
@media screen and (width: 1600px) {
189+
body {
190+
background: url("/assets/Images/WalpaperImages/1600x900/macosmonterey.jpg");
191+
}
192+
}
193+
@media screen and (width: 1920px) {
194+
body {
195+
background: url("/assets/Images/WalpaperImages/1920x1080/macosmonterey.png");
196+
}
197+
}
198+
@media screen and (width: 2048px) {
199+
body {
200+
background: url("/assets/Images/WalpaperImages/2048x1152/macosmonterey.jpg");
201+
}
202+
}
203+
@media screen and (width: 2160px) {
204+
body {
205+
background: url("/assets/Images/WalpaperImages/2160x3840/macosmonterey.jpg");
206+
}
207+
}
208+
@media screen and (width: 2560px) {
209+
body {
210+
background: url("/assets/Images/WalpaperImages/2560x1440/macosmonterey.jpg");
211+
}
212+
}
213+
@media screen and (width: 2932px) {
214+
body {
215+
background: url("/assets/Images/WalpaperImages/2932x2932/macosmonterey.jpg");
216+
}
217+
}
218+
@media screen and (width: 3840px) {
219+
body {
220+
background: url("/assets/Images/WalpaperImages/3840x2160/macosmonterey.jpg");
221+
}
222+
}
223+
@media screen and (width: 5120px) {
224+
body {
225+
background: url("/assets/Images/WalpaperImages/5120x2880/macosmonterey.jpg");
226+
}
13227
}

0 commit comments

Comments
 (0)