Skip to content

Commit 8c92c73

Browse files
brunoborgesbrunoborges
committed
new maven site style
1 parent cc3eac7 commit 8c92c73

2 files changed

Lines changed: 314 additions & 0 deletions

File tree

‎src/site/resources/css/site.css‎

Lines changed: 314 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,314 @@
1+
/* ===== Custom theme for Copilot SDK for Java ===== */
2+
/* Layered on top of Maven Fluido Skin (Bootstrap 2.x) */
3+
4+
/* ===== Typography & Base ===== */
5+
body {
6+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
7+
color: #24292f;
8+
background: #f6f8fa;
9+
-webkit-font-smoothing: antialiased;
10+
}
11+
12+
a {
13+
color: #0969da;
14+
}
15+
16+
a:hover {
17+
color: #0550ae;
18+
}
19+
20+
code, pre {
21+
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
22+
}
23+
24+
/* ===== Navbar ===== */
25+
.navbar .navbar-inner {
26+
background: #24292f;
27+
background-image: none;
28+
border: none;
29+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
30+
}
31+
32+
.navbar .brand,
33+
.navbar .nav > li > a,
34+
.navbar .nav > li > a:hover,
35+
.navbar .nav .dropdown-toggle {
36+
color: #e6edf3;
37+
text-shadow: none;
38+
font-weight: 600;
39+
}
40+
41+
.navbar .nav > li > a:hover,
42+
.navbar .nav > .active > a {
43+
color: #fff;
44+
background: rgba(255, 255, 255, 0.08);
45+
}
46+
47+
.navbar .nav .dropdown-menu {
48+
background: #fff;
49+
border: 1px solid #d0d7de;
50+
border-radius: 10px;
51+
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
52+
padding: 8px 0;
53+
}
54+
55+
.navbar .nav .dropdown-menu li > a {
56+
color: #24292f;
57+
padding: 8px 16px;
58+
font-weight: 500;
59+
}
60+
61+
.navbar .nav .dropdown-menu li > a:hover {
62+
background: rgba(102, 126, 234, 0.06);
63+
color: #0969da;
64+
}
65+
66+
/* ===== GitHub Ribbon ===== */
67+
.github-fork-ribbon:before {
68+
background: linear-gradient(135deg, #667eea, #764ba2) !important;
69+
}
70+
71+
/* ===== Breadcrumbs ===== */
72+
#breadcrumbs {
73+
background: #fff;
74+
border-bottom: 1px solid #d0d7de;
75+
padding: 10px 20px;
76+
}
77+
78+
#breadcrumbs .breadcrumb {
79+
background: transparent;
80+
margin: 0;
81+
}
82+
83+
/* ===== Left Sidebar ===== */
84+
#leftColumn .well {
85+
background: #fff;
86+
border: 1px solid #d0d7de;
87+
border-radius: 10px;
88+
box-shadow: none;
89+
}
90+
91+
#leftColumn .nav-list > li > a {
92+
color: #24292f;
93+
border-radius: 6px;
94+
margin: 2px 0;
95+
font-weight: 500;
96+
}
97+
98+
#leftColumn .nav-list > li > a:hover {
99+
background: rgba(102, 126, 234, 0.06);
100+
color: #0969da;
101+
}
102+
103+
#leftColumn .nav-list > .active > a,
104+
#leftColumn .nav-list > .active > a:hover {
105+
background: linear-gradient(135deg, #667eea, #764ba2);
106+
color: #fff;
107+
}
108+
109+
#leftColumn .nav-header {
110+
color: #57606a;
111+
font-weight: 700;
112+
text-transform: uppercase;
113+
font-size: 0.8em;
114+
letter-spacing: 0.5px;
115+
padding: 8px 14px 4px;
116+
}
117+
118+
/* ===== Main Content ===== */
119+
#bodyColumn {
120+
line-height: 1.7;
121+
}
122+
123+
#bodyColumn h1,
124+
#bodyColumn h2,
125+
#bodyColumn h3,
126+
#bodyColumn h4 {
127+
color: #24292f;
128+
font-weight: 700;
129+
}
130+
131+
#bodyColumn h2 {
132+
border-bottom: 1px solid #d0d7de;
133+
padding-bottom: 8px;
134+
margin-top: 32px;
135+
}
136+
137+
/* ===== Code Blocks ===== */
138+
#bodyColumn pre {
139+
background: #eef1f6;
140+
color: #24292f;
141+
border: 1px solid #d0d7de;
142+
border-radius: 10px;
143+
padding: 16px 20px;
144+
font-size: 0.88em;
145+
line-height: 1.6;
146+
overflow-x: auto;
147+
}
148+
149+
#bodyColumn code {
150+
background: rgba(102, 126, 234, 0.1);
151+
color: #24292f;
152+
padding: 2px 6px;
153+
border-radius: 4px;
154+
font-size: 0.9em;
155+
}
156+
157+
#bodyColumn pre code {
158+
background: transparent;
159+
color: inherit;
160+
padding: 0;
161+
border-radius: 0;
162+
}
163+
164+
/* ===== Alert Boxes (from markdown) ===== */
165+
#bodyColumn .alert,
166+
#bodyColumn blockquote {
167+
border-radius: 10px;
168+
border-left: 4px solid;
169+
padding: 16px 20px;
170+
margin: 20px 0;
171+
}
172+
173+
#bodyColumn .alert-info,
174+
#bodyColumn blockquote {
175+
background: rgba(102, 126, 234, 0.06);
176+
border-left-color: #667eea;
177+
color: #4a5067;
178+
}
179+
180+
#bodyColumn .alert-warning {
181+
background: #fff8c5;
182+
border-left-color: #d4a72c;
183+
color: #6a5300;
184+
}
185+
186+
#bodyColumn .alert-danger,
187+
#bodyColumn .alert-error {
188+
background: #ffeef0;
189+
border-left-color: #cf222e;
190+
color: #82071e;
191+
}
192+
193+
#bodyColumn .alert-success {
194+
background: #dafbe1;
195+
border-left-color: #1a7f37;
196+
color: #116329;
197+
}
198+
199+
/* ===== Tables ===== */
200+
#bodyColumn table {
201+
border-collapse: separate;
202+
border-spacing: 0;
203+
border: 1px solid #d0d7de;
204+
border-radius: 10px;
205+
overflow: hidden;
206+
width: 100%;
207+
margin: 20px 0;
208+
}
209+
210+
#bodyColumn table thead th {
211+
background: #f6f8fa;
212+
color: #24292f;
213+
font-weight: 700;
214+
border-bottom: 2px solid #d0d7de;
215+
padding: 12px 16px;
216+
text-align: left;
217+
}
218+
219+
#bodyColumn table tbody td {
220+
padding: 10px 16px;
221+
border-bottom: 1px solid #eaeef2;
222+
}
223+
224+
#bodyColumn table tbody tr:last-child td {
225+
border-bottom: none;
226+
}
227+
228+
#bodyColumn table tbody tr:hover {
229+
background: rgba(102, 126, 234, 0.03);
230+
}
231+
232+
/* ===== Badges / Labels ===== */
233+
.label, .badge {
234+
font-weight: 600;
235+
border-radius: 100px;
236+
padding: 3px 10px;
237+
font-size: 0.8em;
238+
}
239+
240+
.label-info, .badge-info {
241+
background: linear-gradient(135deg, #667eea, #764ba2);
242+
}
243+
244+
/* ===== Cards (for section-like divs) ===== */
245+
#bodyColumn .section {
246+
background: #fff;
247+
border: 1px solid #d0d7de;
248+
border-radius: 10px;
249+
padding: 24px 28px;
250+
margin-bottom: 24px;
251+
}
252+
253+
#bodyColumn .section .section {
254+
background: transparent;
255+
border: none;
256+
border-radius: 0;
257+
padding: 0;
258+
margin-bottom: 16px;
259+
}
260+
261+
/* ===== Footer ===== */
262+
#footer {
263+
background: #fff;
264+
border-top: 1px solid #d0d7de;
265+
color: #57606a;
266+
font-size: 0.88em;
267+
padding: 24px 0;
268+
}
269+
270+
#footer a {
271+
color: #57606a;
272+
font-weight: 500;
273+
}
274+
275+
#footer a:hover {
276+
color: #0969da;
277+
}
278+
279+
/* ===== Powered By (add GitHub Copilot) ===== */
280+
#poweredBy {
281+
text-align: center;
282+
}
283+
284+
#poweredBy::after {
285+
content: '';
286+
display: block;
287+
margin: 8px auto 0;
288+
width: 240px;
289+
height: 120px;
290+
background-image: url('../images/github-copilot.jpg');
291+
background-size: contain;
292+
background-repeat: no-repeat;
293+
background-position: center;
294+
border-radius: 6px;
295+
}
296+
297+
/* ===== Scrollbar (subtle) ===== */
298+
::-webkit-scrollbar {
299+
width: 8px;
300+
height: 8px;
301+
}
302+
303+
::-webkit-scrollbar-track {
304+
background: transparent;
305+
}
306+
307+
::-webkit-scrollbar-thumb {
308+
background: #d0d7de;
309+
border-radius: 4px;
310+
}
311+
312+
::-webkit-scrollbar-thumb:hover {
313+
background: #8b949e;
314+
}

‎src/site/resources/images/github-copilot.jpg‎

12.9 KB
Loading

0 commit comments

Comments
 (0)