source: source/MovieZilla-master/src/main/resources/static/css/styleAuditoriums.css@ fc7ec52

Last change on this file since fc7ec52 was fc7ec52, checked in by darkopopovski <darkopopovski39@…>, 21 months ago

all files

  • Property mode set to 100644
File size: 11.6 KB
Line 
1@import url('https://fonts.googleapis.com/css?family=Montserrat:500');
2@import url('https://fonts.googleapis.com/css2?family=Crete+Round&family=Roboto:ital,wght@0,900;1,900&display=swap');
3
4:root {
5 --shadow-color: #FF9E9E;
6 --shadow-color-light: white;
7}
8
9.navbar {
10 max-width: 100%;
11 height: 100%;
12 background: rgba(0,0,0,0.25);
13}
14
15header {
16 display: flex;
17 justify-content: center;
18 align-items: center;
19 padding: 30px 10%;
20 max-width: 100%;
21 height: 10%;
22 background-color: rgb(0, 0, 0, 0.25);
23 border: none;
24}
25
26table{
27 border-collapse: collapse;
28 color: white;
29 font-size: 0.3rem;
30 background: rgba(0,0,0,0.4);
31 margin-left: 210px;
32 margin-top: 50px;
33
34}
35
36img {
37 width: 120px;
38 height: 120px;
39}
40html{
41 text-align: center;
42}
43body {
44 padding: 0;
45 margin: 0;
46 max-width: 100%;
47 background-image: url('giphyavengers.webp');
48 object-fit: cover;
49 height: 100vh;
50 background-size: cover;
51 background-repeat: no-repeat;
52}
53
54
55li,
56a:not(.btn) {
57 font-family: "Montserrat", sans-serif;
58 font-weight: 500;
59 font-size: 1.2rem;
60 text-decoration: none;
61 color: white;
62 padding: 10%;
63 list-style: none;
64}
65
66h1{
67 font-family: 'Roboto', sans-serif;
68 font-width: 900;
69 font-size: 6rem;
70
71}
72
73.right {
74 display: flex;
75 align-items: center;
76 justify-content: center;
77 background-color: rgb(0, 225, 255, 0.05);
78 border-radius: 10%;
79 flex-direction: row;
80 margin-left: 25%;
81 width: 17%;
82 height: 2%;
83}
84
85.right a {
86 margin: -5px;
87}
88.navbar{
89 max-width: 100%;
90 height: 100vh;
91}
92
93.reg {
94 color: rgb(255, 0, 0);
95}
96
97ul {
98 display: flex;
99 flex-direction: row;
100}
101
102li,
103a:hover:not(.btn) {
104 color: red;
105 font-size: 1.5rem;
106}
107
108.reg:hover {
109 color: white;
110}
111.container-main{
112 display: flex;
113 flex-direction: column;
114 align-items: center;
115 justify-content: center;
116 width: 100%;
117 height: 100%
118}
119P{
120 font-family: "Montserrat", sans-serif;
121 font-weight: 500;
122 font-size: 4rem;
123 text-decoration: none;
124 color: white;
125 width: 80%;
126 list-style: none;
127 margin-top: -2%;
128}
129
130.glow{
131 text-transform: uppercase;
132 height: auto;
133 text-align: center;
134}
135
136.glow {
137 color: white;
138 animation: neon 3s infinite;
139}
140
141.h1Combined{
142 display: flex;
143 flex-direction: row;
144 align-items: center;
145 justify-content: center;
146 max-width: 100%;
147}
148
149@keyframes neon {
150 0% {
151 text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),
152 0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),
153 0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);
154 }
155 50% {
156 text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),
157 0 0 5px var(--shadow-color-light), 0 0 15px var(--shadow-color-light), 0 0 25px var(--shadow-color-light),
158 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 60px var(--shadow-color), 0 0 80px var(--shadow-color), 0 0 110px var(--shadow-color), 0 0 210px var(--shadow-color);
159 }
160 100% {
161 text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),
162 0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),
163 0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);
164 }
165}
166
167.btn{
168 text-shadow: -1px -1px 10px rgba(255,255,255,0.5);
169 border: 1px solid #b70000;
170 color: white;
171 font-size: 1.5rem;
172 border:none;
173 background: #af0101;
174 padding: 0.5rem 1.3rem;
175 border-radius: 10%;
176 cursor: pointer;
177 transition: 1s ease;
178 display:block;
179 box-shadow: 3px 2px 10px #d50101,
180 -1px -1px 1px #e60000;
181 font-family: 'Roboto', sans-serif;
182 font-weight: 500;
183 text-decoration: none;
184 transition: infinite 1s ease;
185}
186
187.btn:hover{
188 background-color: #58ACFA;
189 color: white;
190}
191
192.btn2{
193 text-shadow: -1px -1px 10px rgba(255,255,255,0.5);
194 border: 1px solid #b70000;
195 color: white;
196 font-size: 1.5rem;
197 border:none;
198 background: #af0101;
199 padding: 0.5rem 1.3rem;
200 border-radius: 10%;
201 cursor: pointer;
202 transition: 1s ease;
203 display:block;
204 box-shadow: 3px 2px 10px #d50101,
205 -1px -1px 1px #e60000;
206 font-family: 'Roboto', sans-serif;
207 font-weight: 500;
208 text-decoration: none;
209 transition: infinite 1s ease;
210}
211
212.btn2:hover{
213 background-color: #58ACFA;
214 color: white;
215}
216
217
218
219
220
221/*@import url('https://fonts.googleapis.com/css?family=Montserrat:500');*/
222/*@import url('https://fonts.googleapis.com/css2?family=Crete+Round&family=Roboto:ital,wght@0,900;1,900&display=swap');*/
223
224/*:root {*/
225/* --shadow-color: #FF9E9E;*/
226/* --shadow-color-light: white;*/
227/*}*/
228
229/*.navbar {*/
230/* max-width: 100%;*/
231/* height: 100%;*/
232/* background: rgba(0,0,0,0.25);*/
233/*}*/
234
235/*header {*/
236/* display: flex;*/
237/* justify-content: center;*/
238/* align-items: center;*/
239/* padding: 30px 10%;*/
240/* max-width: 100%;*/
241/* height: 10%;*/
242/* background-color: rgb(0, 0, 0, 0.25);*/
243/* border: none;*/
244/*}*/
245
246/*table{*/
247/* border-collapse: collapse;*/
248/* color: white;*/
249/* font-size: 1.5rem;*/
250/* background: rgba(0,0,0,0.4);*/
251
252/*}*/
253
254/*img {*/
255/* width: 120px;*/
256/* height: 120px;*/
257/*}*/
258/*html{*/
259/* text-align: center;*/
260/*}*/
261/*body {*/
262/* padding: 0;*/
263/* margin: 0;*/
264/* max-width: 100%;*/
265/* background-image: url('giphyavengers.webp');*/
266/* object-fit: cover;*/
267/* height: 100vh;*/
268/* background-size: cover;*/
269/* background-repeat: no-repeat;*/
270/*}*/
271
272/*!*:root {*!*/
273/*!* --shadow-color: #FF9E9E;*!*/
274/*!* --shadow-color-light: white;*!*/
275/*!*}*!*/
276
277/*!*.navbar {*!*/
278/*!* max-width: 100%;*!*/
279/*!* height: 100%;*!*/
280/*!* background: rgba(0,0,0,0.25);*!*/
281/*!*}*!*/
282
283/*!*header {*!*/
284/*!* display: flex;*!*/
285/*!* justify-content: center;*!*/
286/*!* align-items: center;*!*/
287/*!* padding: 30px 10%;*!*/
288/*!* max-width: 100%;*!*/
289/*!* height: 10%;*!*/
290/*!* background-color: rgb(0, 0, 0, 0.25);*!*/
291/*!* border: none;*!*/
292/*!*}*!*/
293
294/*!*table{*!*/
295/*!* border-collapse: collapse;*!*/
296/*!* color: white;*!*/
297/*!* font-size: 4rem;*!*/
298/*!* background: rgba(0,0,0,0.4);*!*/
299
300/*!*}*!*/
301
302/*!*img {*!*/
303/*!* width: 120px;*!*/
304/*!* height: 120px;*!*/
305/*!*}*!*/
306/*!*html{*!*/
307/*!* text-align: center;*!*/
308/*!*}*!*/
309/*!*body {*!*/
310/*!* padding: 0;*!*/
311/*!* margin: 0;*!*/
312/*!* max-width: 100%;*!*/
313/*!* background-image: url('auditorium.png');*!*/
314/*!* object-fit: cover;*!*/
315/*!* height: 100vh;*!*/
316/*!* background-size: cover;*!*/
317/*!* background-repeat: no-repeat;*!*/
318/*!*}*!*/
319
320
321/*li,*/
322/*a:not(.btn) {*/
323/* font-family: "Montserrat", sans-serif;*/
324/* font-weight: 500;*/
325/* font-size: 1.2rem;*/
326/* text-decoration: none;*/
327/* color: white;*/
328/* padding: 10%;*/
329/* list-style: none;*/
330/*}*/
331
332/*h1{*/
333/* font-family: 'Roboto', sans-serif;*/
334/* font-width: 900;*/
335/* font-size: 6rem;*/
336
337/*}*/
338
339/*.right {*/
340/* display: flex;*/
341/* align-items: center;*/
342/* justify-content: center;*/
343/* background-color: rgb(0, 225, 255, 0.05);*/
344/* border-radius: 10%;*/
345/* flex-direction: row;*/
346/* margin-left: 25%;*/
347/* width: 17%;*/
348/* height: 2%;*/
349/*}*/
350
351/*.right a {*/
352/* margin: -5px;*/
353/*}*/
354/*.navbar{*/
355/* max-width: 100%;*/
356/* height: 100vh;*/
357/*}*/
358
359/*.reg {*/
360/* color: rgb(255, 0, 0);*/
361/*}*/
362
363/*ul {*/
364/* display: flex;*/
365/* flex-direction: row;*/
366/*}*/
367
368/*li,*/
369/*a:hover {*/
370/* color: red;*/
371/* font-size: 1.5rem;*/
372/*}*/
373
374/*.reg:hover {*/
375/* color: white;*/
376/*}*/
377/*.container-main{*/
378/* display: flex;*/
379/* flex-direction: column;*/
380/* align-items: center;*/
381/* justify-content: center;*/
382/* width: 100%;*/
383/* height: 100%*/
384/*}*/
385/*P{*/
386/* font-family: "Montserrat", sans-serif;*/
387/* font-weight: 500;*/
388/* font-size: 4rem;*/
389/* text-decoration: none;*/
390/* color: white;*/
391/* width: 80%;*/
392/* list-style: none;*/
393/* margin-top: -2%;*/
394/*}*/
395
396/*.glow{*/
397/* text-transform: uppercase;*/
398/* height: auto;*/
399/* text-align: center;*/
400/*}*/
401
402/*.glow {*/
403/* color: white;*/
404/* animation: neon 3s infinite;*/
405/*}*/
406
407/*.h1Combined{*/
408/* display: flex;*/
409/* flex-direction: row;*/
410/* align-items: center;*/
411/* justify-content: center;*/
412/* max-width: 100%;*/
413/*}*/
414
415/*@keyframes neon {*/
416/* 0% {*/
417/* text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),*/
418/* 0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),*/
419/* 0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);*/
420/* }*/
421/* 50% {*/
422/* text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),*/
423/* 0 0 5px var(--shadow-color-light), 0 0 15px var(--shadow-color-light), 0 0 25px var(--shadow-color-light),*/
424/* 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 60px var(--shadow-color), 0 0 80px var(--shadow-color), 0 0 110px var(--shadow-color), 0 0 210px var(--shadow-color);*/
425/* }*/
426/* 100% {*/
427/* text-shadow: -1px -1px 1px var(--shadow-color-light), -1px 1px 1px var(--shadow-color-light), 1px -1px 1px var(--shadow-color-light), 1px 1px 1px var(--shadow-color-light),*/
428/* 0 0 3px var(--shadow-color-light), 0 0 10px var(--shadow-color-light), 0 0 20px var(--shadow-color-light),*/
429/* 0 0 30px var(--shadow-color), 0 0 40px var(--shadow-color), 0 0 50px var(--shadow-color), 0 0 70px var(--shadow-color), 0 0 100px var(--shadow-color), 0 0 200px var(--shadow-color);*/
430/* }*/
431/*}*/
432
433/*.btn{*/
434/* text-shadow: -1px -1px 10px rgba(255,255,255,0.5);*/
435/* border: 1px solid #b70000;*/
436/* color: white;*/
437/* font-size: 1.5rem;*/
438/* border:none;*/
439/* background: #af0101;*/
440/* padding: 0.5rem 1.3rem;*/
441/* border-radius: 10%;*/
442/* cursor: pointer;*/
443/* transition: 1s ease;*/
444/* display:block;*/
445/* box-shadow: 3px 2px 10px #d50101,*/
446/* -1px -1px 1px #e60000;*/
447/* font-family: 'Roboto', sans-serif;*/
448/* font-weight: 500;*/
449/* text-decoration: none;*/
450/* transition: infinite 1s ease;*/
451/*}*/
452
453/*.btn:hover{*/
454/* background-color: #58ACFA;*/
455/* color: white;*/
456/*}*/
457
458/*.btn2{*/
459/* text-shadow: -1px -1px 10px rgba(255,255,255,0.5);*/
460/* border: 1px solid #b70000;*/
461/* color: white;*/
462/* font-size: 1.5rem;*/
463/* border:none;*/
464/* background: #af0101;*/
465/* padding: 0.5rem 1.3rem;*/
466/* border-radius: 10%;*/
467/* cursor: pointer;*/
468/* transition: 1s ease;*/
469/* display:block;*/
470/* box-shadow: 3px 2px 10px #d50101,*/
471/* -1px -1px 1px #e60000;*/
472/* font-family: 'Roboto', sans-serif;*/
473/* font-weight: 500;*/
474/* text-decoration: none;*/
475/* transition: infinite 1s ease;*/
476/*}*/
477
478/*.btn2:hover{*/
479/* background-color: #58ACFA;*/
480/* color: white;*/
481/*}*/
482
Note: See TracBrowser for help on using the repository browser.