Hugging Face's logo

Spaces:
guilhermemfbastos
/
CodeSearch_Engine
Runtime error

App Files Community
1
guilhermemfbastos commited on
Commit
a42713c
·
verified ·
1 Parent(s): 435c898

Create style.css

Browse files
Files changed (1) hide show
  1. frontend/style.css +187 -0
frontend/style.css ADDED
@@ -0,0 +1,187 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /* CSS Inspirado na Wikipédia */
2
+ body {
3
+ background-color: #f6f6f6;
4
+ color: #202122;
5
+ font-family: sans-serif;
6
+ margin: 0;
7
+ padding: 0;
8
+ line-height: 1.6;
9
+ }
10
+
11
+ /* Header */
12
+ #mw-header {
13
+ background-color: #fff;
14
+ border-bottom: 1px solid #a2a9b1;
15
+ padding: 15px 20px;
16
+ }
17
+
18
+ .header-content {
19
+ max-width: 1200px;
20
+ margin: 0 auto;
21
+ display: flex;
22
+ justify-content: space-between;
23
+ align-items: center;
24
+ }
25
+
26
+ #firstHeading {
27
+ font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
28
+ font-weight: normal;
29
+ font-size: 28px;
30
+ margin: 0;
31
+ border-bottom: none;
32
+ }
33
+
34
+ /* Busca */
35
+ .search-box {
36
+ display: flex;
37
+ border: 1px solid #a2a9b1;
38
+ background: #fff;
39
+ }
40
+
41
+ #search-input {
42
+ padding: 8px;
43
+ border: none;
44
+ width: 300px;
45
+ outline: none;
46
+ }
47
+
48
+ #searchButton {
49
+ background-color: #f8f9fa;
50
+ border: none;
51
+ border-left: 1px solid #a2a9b1;
52
+ padding: 0 15px;
53
+ cursor: pointer;
54
+ font-weight: bold;
55
+ }
56
+
57
+ #searchButton:hover {
58
+ background-color: #eee;
59
+ }
60
+
61
+ /* Layout Principal */
62
+ #mw-wrapper {
63
+ max-width: 1200px;
64
+ margin: 20px auto;
65
+ display: grid;
66
+ grid-template-columns: 250px 1fr;
67
+ gap: 20px;
68
+ padding: 0 20px;
69
+ }
70
+
71
+ /* Barra Lateral / Infobox */
72
+ #mw-sidebar {
73
+ font-size: 0.85em;
74
+ }
75
+
76
+ .sidebar-box {
77
+ background-color: #fff;
78
+ border: 1px solid #a2a9b1;
79
+ padding: 10px;
80
+ margin-bottom: 20px;
81
+ }
82
+
83
+ .sidebar-box h3 {
84
+ margin-top: 0;
85
+ font-size: 14px;
86
+ border-bottom: 1px solid #a2a9b1;
87
+ padding-bottom: 5px;
88
+ }
89
+
90
+ .infobox {
91
+ width: 100%;
92
+ border-collapse: collapse;
93
+ }
94
+
95
+ .infobox th {
96
+ text-align: left;
97
+ font-weight: bold;
98
+ padding: 3px 0;
99
+ }
100
+
101
+ .wiki-logs {
102
+ max-height: 200px;
103
+ overflow-y: auto;
104
+ color: #54595d;
105
+ font-family: monospace;
106
+ }
107
+
108
+ /* Área de Conteúdo */
109
+ #content {
110
+ background-color: #fff;
111
+ border: 1px solid #a2a9b1;
112
+ padding: 30px;
113
+ }
114
+
115
+ #siteSub {
116
+ font-size: 12.8px;
117
+ color: #54595d;
118
+ margin-bottom: 20px;
119
+ }
120
+
121
+ /* Cards de Snippet */
122
+ .card-item {
123
+ border-bottom: 1px solid #a2a9b1;
124
+ padding: 15px 0;
125
+ margin-bottom: 10px;
126
+ }
127
+
128
+ .card-item:last-child {
129
+ border-bottom: none;
130
+ }
131
+
132
+ .card-header {
133
+ display: flex;
134
+ justify-content: space-between;
135
+ align-items: flex-start;
136
+ }
137
+
138
+ .title {
139
+ color: #0645ad;
140
+ font-size: 18px;
141
+ margin: 0;
142
+ cursor: pointer;
143
+ }
144
+
145
+ .title:hover {
146
+ text-decoration: underline;
147
+ }
148
+
149
+ .url {
150
+ font-size: 11px;
151
+ color: #008000;
152
+ margin: 0;
153
+ }
154
+
155
+ .badge {
156
+ background-color: #eaecf0;
157
+ color: #202122;
158
+ padding: 2px 6px;
159
+ font-size: 11px;
160
+ border: 1px solid #a2a9b1;
161
+ border-radius: 2px;
162
+ }
163
+
164
+ .btn-copy {
165
+ background-color: #3366cc;
166
+ color: #fff;
167
+ border: none;
168
+ padding: 5px 12px;
169
+ font-size: 12px;
170
+ border-radius: 2px;
171
+ cursor: pointer;
172
+ }
173
+
174
+ .btn-copy:hover {
175
+ background-color: #2a4b8d;
176
+ }
177
+
178
+ /* Área de Código */
179
+ .code-body {
180
+ margin-top: 15px;
181
+ border: 1px solid #eaecf0;
182
+ background-color: #f8f9fa;
183
+ }
184
+
185
+ .hidden {
186
+ display: none;
187
+ }