Skip to content

Commit deafbf4

Browse files
gmassongmasson
authored
0.9
Versão inicial em Beta
1 parent da73479 commit deafbf4

5 files changed

Lines changed: 530 additions & 0 deletions

File tree

‎assets/css/styles.css‎

Lines changed: 124 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
:root {
2+
--bg-color: #121212;
3+
--container-bg: #1E1E1E;
4+
--text-color: #ffffff;
5+
--primary-color: #2ecc71;
6+
--accent-color: #3a3a3a;
7+
--error-color: #ff4444;
8+
--success-color: #00C851;
9+
--padding-sm: 0.625em;
10+
--padding-md: 1em;
11+
--margin-sm: 0.3125em;
12+
--radius: 0.5em;
13+
--transition: all 0.3s ease;
14+
}
15+
16+
* {
17+
margin: 0;
18+
padding: 0;
19+
box-sizing: border-box;
20+
}
21+
22+
body {
23+
font-family: 'Arial', sans-serif;
24+
background-color: var(--bg-color);
25+
color: var(--text-color);
26+
line-height: 1.6;
27+
}
28+
29+
a {
30+
color: var(--text-color);
31+
}
32+
33+
main {
34+
max-width: 1200px;
35+
margin: 0 auto;
36+
padding: 1rem;
37+
display: grid;
38+
grid-template-columns: 1fr 1fr;
39+
gap: 1.5rem;
40+
}
41+
42+
.request-panel, .response-panel {
43+
background-color: var(--container-bg);
44+
border-radius: var(--radius);
45+
padding: 1rem;
46+
}
47+
48+
h1 {
49+
color: var(--primary-color);
50+
margin-top: 1rem;
51+
}
52+
53+
input, select, textarea {
54+
width: 100%;
55+
padding: 0.5rem;
56+
margin-bottom: 0.5rem;
57+
background-color: var(--bg-color);
58+
border: 1px solid var(--accent-color);
59+
color: var(--text-color);
60+
border-radius: var(--radius);
61+
}
62+
63+
button {
64+
background-color: transparent;
65+
color: var(--text-color);
66+
border: none;
67+
padding: 0.5rem 1rem;
68+
cursor: pointer;
69+
transition: opacity 0.3s;
70+
}
71+
72+
button:hover {
73+
opacity: 0.8;
74+
}
75+
76+
.btn {
77+
background-color: var(--primary-color);
78+
border-radius: var(--radius);
79+
}
80+
81+
section {
82+
padding: 1rem 0;
83+
}
84+
85+
.title {
86+
text-align: center;
87+
}
88+
89+
.parameter-row {
90+
display: grid;
91+
grid-template-columns: 1fr 1fr auto;
92+
gap: 0.5rem;
93+
margin-bottom: 0.5rem;
94+
align-items: center;
95+
}
96+
97+
.parameter-row input {
98+
margin: 0;
99+
}
100+
101+
.parameter-row .remove {
102+
background-color: #ff4444;
103+
padding: 0.25rem 0.5rem;
104+
}
105+
106+
#response {
107+
padding: 1rem;
108+
height: 28.7rem;
109+
overflow-y: auto;
110+
white-space: pre-wrap;
111+
font-family: monospace;
112+
}
113+
114+
@media (max-width: 768px) {
115+
main {
116+
grid-template-columns: 1fr;
117+
}
118+
}
119+
120+
footer {
121+
padding: 2rem 0;
122+
text-align: center;
123+
font-size: .8rem;
124+
}

0 commit comments

Comments
 (0)