Skip to content

Commit 4c766b4

Browse files
PythonToGoPythonToGo
committed
feat: build more css
1 parent 7748333 commit 4c766b4

8 files changed

Lines changed: 790 additions & 7 deletions

‎css/style_bluescreen.css‎

Lines changed: 194 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,194 @@
1+
/* BLUESCREEN THEME */
2+
3+
html {
4+
height: 100%;
5+
}
6+
body {
7+
margin: 0;
8+
padding: 10px 15px; /* top left */
9+
min-height: 99%;
10+
width: min(1000px, 95vw);
11+
color: #ffffff;
12+
background: #000080;
13+
font-family: cursor, monospace;
14+
overflow-x: hidden;
15+
font-size: min(20px, calc(1.5vw + 7px));
16+
}
17+
::selection {
18+
color: #000080;
19+
background-color: #ffffff;
20+
}
21+
::-moz-selection {
22+
color: #000080;
23+
background-color: #ffffff;
24+
}
25+
textarea {
26+
left: -1000px;
27+
position: absolute;
28+
}
29+
b {
30+
font-weight: bold;
31+
text-decoration: underline;
32+
}
33+
/* Cursor Start */
34+
.cursor {
35+
font-size: 1.2vw; /*12px;*/
36+
color: #ffffff;
37+
background-color: #ffffff;
38+
position: relative;
39+
opacity: 1;
40+
height: 2vw + 0.5px;
41+
min-height: 10px;
42+
max-height: 22px;
43+
width: 1vw;
44+
max-width: 7px;
45+
transform: translateY(4px);
46+
overflow: hidden;
47+
text-indent: -5px;
48+
display: inline-block;
49+
text-decoration: blink;
50+
animation: blinker 1s linear infinite;
51+
}
52+
@keyframes blinker {
53+
50% {
54+
opacity: 0;
55+
}
56+
}
57+
/* typed text before enter */
58+
#command {
59+
cursor: text;
60+
height: 50px;
61+
color: #ffffff;
62+
font-size: min(20px, calc(1.5vw + 7px));
63+
margin-top: 15px;
64+
}
65+
#liner {
66+
line-height: 1.3em;
67+
margin-top: -2px;
68+
animation: show 0.5s ease forwards;
69+
animation-delay: 1.2s;
70+
opacity: 0;
71+
}
72+
#liner::before {
73+
color: #add8e6;
74+
font-size: min(20px, calc(1.5vw + 7px));
75+
content: attr(data-terminal-prompt);
76+
}
77+
@keyframes show {
78+
from {
79+
opacity: 0;
80+
}
81+
to {
82+
opacity: 1;
83+
}
84+
}
85+
86+
table {
87+
border-collapse: collapse;
88+
width: 100%;
89+
}
90+
tr td:first-child {
91+
padding-left: 0px;
92+
}
93+
td {
94+
padding: 0 5vw 1vh 0;
95+
}
96+
97+
/* Cursor End */
98+
p {
99+
display: block;
100+
line-height: 1.3em;
101+
margin: 0;
102+
overflow: hidden;
103+
margin: 0;
104+
letter-spacing: 0.05em;
105+
animation: typing 0.5s steps(30, end);
106+
font-size: min(20px, calc(1.5vw + 7px));
107+
}
108+
.terminal-banner {
109+
white-space: nowrap;
110+
font-size: min(20px, calc(1vw));
111+
font-weight: bolder;
112+
color: #ffffff;
113+
}
114+
.terminal-welcome-msg {
115+
font-size: min(20px, calc(1.5vw + 7px));
116+
}
117+
.no-animation {
118+
animation: typing 0 steps(30, end);
119+
}
120+
.margin {
121+
margin-left: 3%;
122+
margin-right: 3%;
123+
}
124+
@keyframes typing {
125+
from {
126+
width: 0;
127+
}
128+
to {
129+
width: 100%;
130+
}
131+
}
132+
.index {
133+
color: #add8e6;
134+
}
135+
/* For main texts */
136+
.color2 {
137+
color: #e0e0e0;
138+
}
139+
/* Commands within text with glow */
140+
.command {
141+
color: #ffffff;
142+
text-shadow: 0 0 5px #ffffff;
143+
}
144+
.error {
145+
color: #ff6b6b;
146+
}
147+
.white {
148+
color: #ffffff;
149+
}
150+
/* terminal output and links */
151+
.inherit,
152+
a {
153+
color: #add8e6;
154+
}
155+
a {
156+
text-decoration: inherit;
157+
}
158+
a:hover {
159+
background: #ffffff33;
160+
color: #ffffff;
161+
}
162+
a:focus {
163+
outline: 0;
164+
}
165+
166+
/* Banner image layout */
167+
.terminal-banner .banner-images {
168+
display: inline-flex;
169+
align-items: flex-end;
170+
gap: 4px;
171+
}
172+
.terminal-banner .banner-char {
173+
height: 56px;
174+
image-rendering: pixelated;
175+
}
176+
.terminal-banner .banner-space {
177+
display: inline-block;
178+
width: 20px;
179+
}
180+
.terminal-banner .banner-char-fallback {
181+
display: inline-block;
182+
padding: 0 4px;
183+
}
184+
185+
/* Copyright badge */
186+
#copyright-badge {
187+
position: fixed;
188+
top: 8px;
189+
right: 14px;
190+
font-size: 12px;
191+
color: #add8e6;
192+
opacity: 0.8;
193+
pointer-events: none;
194+
}

‎css/style_chocolate.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/* CORAL THEME */
1+
/* CHOCOLATE THEME */
22

33
html {
44
height: 100%;
@@ -196,7 +196,7 @@ html {
196196
position: fixed;
197197
top: 8px;
198198
right: 14px;
199-
font-size: 11px;
199+
font-size: 12px;
200200
color: #FBF2C0;
201201
opacity: 0.8;
202202
pointer-events: none;

‎css/style_lila.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/* CORAL THEME */
1+
/* LILAC THEME */
22

33
html {
44
height: 100%;
@@ -199,7 +199,7 @@ html {
199199
position: fixed;
200200
top: 8px;
201201
right: 14px;
202-
font-size: 11px;
202+
font-size: 12px;
203203
color: #e7d0ff;
204204
opacity: 0.7;
205205
pointer-events: none;

‎css/style_midnight.css‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/* CORAL THEME */
1+
/* MIDNIGHT THEME */
22

33
html {
44
height: 100%;
@@ -195,7 +195,7 @@ html {
195195
position: fixed;
196196
top: 8px;
197197
right: 14px;
198-
font-size: 11px;
198+
font-size: 12px;
199199
color: #FE938C;
200200
opacity: 0.8;
201201
pointer-events: none;

‎css/style_og.css‎

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
/* ORIGINAL THEME */
2+
13
body {
24
margin: 0;
35
padding: 15px 20px;
@@ -154,7 +156,7 @@ body {
154156
position: fixed;
155157
top: 8px;
156158
right: 14px;
157-
font-size: 11px;
159+
font-size: 12px;
158160
color: #9C8394;
159161
opacity: 0.8;
160162
pointer-events: none;

0 commit comments

Comments
 (0)