Skip to content

Commit e0bd19e

Browse files
CSFelixCSFelix
authored
🕸️ Old Version
1 parent 02c1b44 commit e0bd19e

File tree

79 files changed

+11736
-0
lines changed

Some content is hidden

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

79 files changed

+11736
-0
lines changed

‎old/assets/css/classes/markClasses.css‎

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
/*
2+
Computer and Notebook
3+
*/
4+
5+
.tagMark {
6+
border-radius: 5px; background-color: var(--style-terciary-purple);
7+
padding: 5px; color: var(--secondary-color); margin-left: 3rem;
8+
}
9+
10+
.divMark {
11+
border: 2px solid var(--style-secondary-purple);
12+
box-shadow: 0px 0px 10px var(--style-terciary-purple),
13+
0px 0px 20px var(--style-terciary-purple),
14+
0px 0px 40px var(--style-terciary-purple);
15+
background: rgba(189, 111, 242, 0.2);
16+
border-radius: 5px; width: fit-content;
17+
margin-left: auto; margin-right: auto; padding: 5px;
18+
}
19+
20+
.listMark { padding-left: 2rem; }
21+
.listMark li { text-indent: 1rem; border-left: 3px solid var(--style-terciary-purple); padding-left: 10px; }
22+
.listMark li a { color: var(--secondary-color); text-decoration: underline;}
23+
.listMark li a:hover { color: var(--style-primary-purple); }
24+
25+
.buttonMark {
26+
background-color: var(--style-primary-purple);
27+
color: var(--secondary-color);
28+
border-top-left-radius: 10px;
29+
border-bottom-right-radius: 10px;
30+
padding: 5px; border: none; width: 100px; height: 40px;
31+
outline: none; font-weight: bolder;
32+
33+
border: 2px solid var(--style-primary-purple);
34+
box-shadow: 2px 2px 8px var(--style-secondary-purple);
35+
}
36+
37+
.buttonMark:hover {
38+
cursor: pointer;
39+
background-color: var(--secondary-color);
40+
color: var(--style-primary-purple);
41+
}
42+
43+
.rowMark {
44+
border-radius: 5px; padding: 5px;
45+
background-color: var(--terciary-color);
46+
color: var(--style-terciary-purple);
47+
margin-left: 3rem;
48+
}
49+
50+
.imgMark, .videoMark {
51+
width: 90%; height: auto;
52+
border-radius: 5px;
53+
border: 2px solid black;
54+
}
55+
56+
.imgMark2 {
57+
width: 85%; height: auto;
58+
border-radius: 5px;
59+
border: 2px solid black;
60+
}

‎old/assets/css/classes/modalClasses.css‎

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
body {font-family: Arial, Helvetica, sans-serif;}
2+
3+
.imagem {
4+
border-radius: 5px;
5+
cursor: pointer;
6+
transition: 0.3s;
7+
}
8+
9+
.imagem:hover {opacity: 0.7;}
10+
11+
/* The Modal (background) */
12+
.modal {
13+
display: none; /* Hidden by default */
14+
position: fixed; /* Stay in place */
15+
z-index: 1; /* Sit on top */
16+
padding-top: 100px; /* Location of the box */
17+
left: 0;
18+
top: 0;
19+
width: 100%; /* Full width */
20+
height: 100%; /* Full height */
21+
overflow: auto; /* Enable scroll if needed */
22+
background-color: rgb(0,0,0); /* Fallback color */
23+
background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
24+
}
25+
26+
/* Modal Content (image) */
27+
.modal-content {
28+
margin: auto;
29+
display: block;
30+
width: 80%;
31+
max-width: 700px;
32+
}
33+
34+
/* Caption of Modal Image */
35+
#caption {
36+
margin: auto;
37+
display: block;
38+
width: 80%;
39+
max-width: 700px;
40+
text-align: center;
41+
color: #ccc;
42+
padding: 10px 0;
43+
height: 150px;
44+
}
45+
46+
/* Add Animation */
47+
.modal-content, #caption {
48+
-webkit-animation-name: zoom;
49+
-webkit-animation-duration: 0.6s;
50+
animation-name: zoom;
51+
animation-duration: 0.6s;
52+
}
53+
54+
@-webkit-keyframes zoom {
55+
from {-webkit-transform:scale(0)}
56+
to {-webkit-transform:scale(1)}
57+
}
58+
59+
@keyframes zoom {
60+
from {transform:scale(0)}
61+
to {transform:scale(1)}
62+
}
63+
64+
/* The Close Button */
65+
.close {
66+
position: absolute;
67+
top: 100px;
68+
right: 35px;
69+
color: #ff2200;
70+
font-size: 40px;
71+
font-weight: bold;
72+
transition: 0.3s;
73+
}
74+
75+
.close:hover,
76+
.close:focus {
77+
color: #d61e02;
78+
text-decoration: none;
79+
cursor: pointer;
80+
}
81+
82+
/* 100% Image Width on Smaller Screens */
83+
@media only screen and (max-width: 700px){
84+
.modal-content {
85+
width: 100%;
86+
}
87+
}

‎old/assets/css/classes/svgClasses.css‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
.svg404 { width: 90%; }
2+
.text404 { text-align: center; }

‎old/assets/css/configs/layout.css‎

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
/*
2+
Computer and Notebook
3+
*/
4+
5+
body {
6+
background-color: var(--primary-color);
7+
color: var(--secondary-color);
8+
font-family: var(--primary-font), var(--secondary-font);
9+
10+
display: grid;
11+
grid-template-areas: "nav" "content";
12+
grid-template-rows: 50px calc(100vh - 50px);
13+
}
14+
15+
.mainNav { grid-area: nav; background: var(--style-primary-purple); z-index: 10000; }
16+
17+
.mainContent {
18+
grid-area: content;
19+
background: var(--primary-color);
20+
padding: 20px;
21+
overflow: auto;
22+
}
23+
24+
/* ScrollBar */
25+
::-webkit-scrollbar { width: 20px; }
26+
27+
/* ScrollBar's Track */
28+
::-webkit-scrollbar-track {
29+
box-shadow: inset 0 0 7px var(--secondary-color);
30+
border-radius: 10px;
31+
background-color: var(--primary-color);
32+
}
33+
34+
/* Draggable */
35+
::-webkit-scrollbar-thumb {
36+
background-color: var(--style-secondary-purple);
37+
border-radius: 10px;
38+
box-shadow: inset 0 0 7px var(--style-primary-purple);
39+
}
40+
41+
::-webkit-scrollbar-thumb:hover {
42+
background-color: var(--style-terciary-purple);
43+
box-shadow: inset 0 0 7px var(--style-terciary-purple);
44+
}
45+
46+
47+
/*
48+
Mobile and Tablet
49+
*/
50+
51+
@media screen and (max-width: 700px) {
52+
body { grid-template-areas: "content"; grid-template-rows: 100vh; }
53+
54+
/* ScrollBar is intuitive in mobiles */
55+
::-webkit-scrollbar { width: 0px; }
56+
57+
.mainNav {
58+
position: absolute; transition: all .4s; grid-area: content;
59+
margin-left: -100%; margin-top: 50px; z-index: 1000;
60+
}
61+
.mainContent { padding-top: 70px; }
62+
}

‎old/assets/css/configs/reset-vars.css‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
* { margin: 0; padding: 0; text-decoration: none; list-style: none; vertical-align: baseline; scroll-behavior: smooth; }
2+
3+
:root {
4+
--primary-color: #363636;
5+
--secondary-color: #f8f8ff;
6+
--terciary-color: #cccccc;
7+
8+
--style-primary-purple: #9d3be1;
9+
--style-secondary-purple: #bd6ff2;
10+
--style-terciary-purple: #6c0bb0;
11+
12+
--style-pink: #ee3ec9;
13+
--style-blue: #5e94dd;
14+
15+
--primary-font: Helvetica;
16+
--secondary-font: Arial;
17+
}

0 commit comments

Comments
 (0)