• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1// NOTE: Please use this file to perform modifications on default style sheets.
2//
3// You need to install the official Sass CLI tool:
4// npm install -g sass
5//
6// Run this command to regenerate extra.css after you're finished with changes:
7// sass --style=compressed extra.scss extra.css
8//
9// Alternatively you can use online services to regenerate extra.css.
10
11
12// Default text color for page contents
13$default-text-color: hsl(0,0%,30%);
14
15// Page header, footer, table rows, inline codes and definition lists
16$header-footer-background-color: hsl(0,0%,95%);
17
18// Page header, footer links and navigation bar background
19$header-footer-link-color: hsl(0,0%,40%);
20
21// Doxygen navigation bar links
22$navbar-link-color: $header-footer-background-color;
23
24// Page content background color
25$content-background-color: hsl(0,0%,100%);
26
27// Bold, italic, h1, h2, ... and table of contents
28$heading-color: hsl(0,0%,10%);
29
30// Function, enum and macro definition separator
31$def-separator-color: $header-footer-background-color;
32
33// Base color hue
34$base-hue: 24;
35
36// Default color used for links
37$default-link-color: hsl($base-hue,100%,50%);
38
39// Doxygen navigation bar active tab
40$tab-text-color: hsl(0,0%,100%);
41$tab-background-color1: $default-link-color;
42$tab-background-color2: lighten(adjust-hue($tab-background-color1, 10), 10%);
43
44// Table borders
45$default-border-color: $default-link-color;
46
47// Table header
48$table-text-color: $tab-text-color;
49$table-background-color1: $tab-background-color1;
50$table-background-color2: $tab-background-color2;
51
52// Table of contents, data structure index and prototypes
53$toc-background-color1: hsl(0,0%,90%);
54$toc-background-color2: lighten($toc-background-color1, 5%);
55
56// Function prototype parameters color
57$prototype-param-color: darken($default-link-color, 25%);
58
59// Message box color: note, pre, post and invariant
60$box-note-color: hsl(103,80%,85%);
61
62// Message box color: warning and attention
63$box-warning-color: hsl(34,80%,85%);
64
65// Message box color: deprecated and bug
66$box-bug-color: hsl(333,80%,85%);
67
68// Message box color: todo and test
69$box-todo-color: hsl(200,80%,85%);
70
71// Message box helper function
72@mixin message-box($base-color){
73	background:linear-gradient(to bottom,lighten($base-color, 5%) 0%,$base-color 100%);
74	box-shadow:inset 0 0 32px darken($base-color, 5%);
75	color:darken($base-color, 67%);
76	border:2px solid desaturate(darken($base-color, 10%), 20%);
77}
78
79.sm-dox,.sm-dox a,.sm-dox a:focus,.sm-dox a:active,.sm-dox a:hover,.sm-dox a.highlighted,.sm-dox ul a:hover {
80	background:none;
81	text-shadow:none;
82}
83
84.sm-dox a span.sub-arrow {
85	border-color:$navbar-link-color transparent transparent transparent;
86}
87
88.sm-dox a span.sub-arrow:active,.sm-dox a span.sub-arrow:focus,.sm-dox a span.sub-arrow:hover,.sm-dox a:hover span.sub-arrow {
89	border-color:$default-link-color transparent transparent transparent;
90}
91
92.sm-dox ul a span.sub-arrow:active,.sm-dox ul a span.sub-arrow:focus,.sm-dox ul a span.sub-arrow:hover,.sm-dox ul a:hover span.sub-arrow {
93	border-color:transparent transparent transparent $default-link-color;
94}
95
96.sm-dox ul a:hover {
97	background:$header-footer-link-color;
98	text-shadow:none;
99}
100
101.sm-dox ul.sm-nowrap a {
102	color:$default-text-color;
103	text-shadow:none;
104}
105
106#main-nav,#main-menu,#main-menu a,#main-menu a:visited,#main-menu a:hover,#main-menu li,.memdoc,dl.reflist dd,div.toc li,.ah,span.lineno,span.lineno a,span.lineno a:hover,.note code,.pre code,.post code,.invariant code,.warning code,.attention code,.deprecated code,.bug code,.todo code,.test code,.doxtable code,.markdownTable code {
107	background:none;
108}
109
110#titlearea,.footer,.contents,div.header,.memdoc,table.doxtable td,table.doxtable th,table.markdownTable td,table.markdownTable th,hr,.memSeparator {
111	border:none;
112}
113
114#main-menu a,#main-menu a:visited,#main-menu a:hover,#main-menu li,.reflist dt a.el,.levels span,.directory .levels span {
115	text-shadow:none;
116}
117
118.memdoc,dl.reflist dd {
119	box-shadow:none;
120}
121
122div.headertitle,.note code,.pre code,.post code,.invariant code,.warning code,.attention code,.deprecated code,.bug code,.todo code,.test code,table.doxtable code,table.markdownTable code {
123	padding:0;
124}
125
126#nav-path,.directory .levels,span.lineno {
127	display:none;
128}
129
130html,#titlearea,.footer,tr.even,.directory tr.even,.doxtable tr:nth-child(even),tr.markdownTableBody:nth-child(even),.mdescLeft,.mdescRight,.memItemLeft,.memItemRight,code,.markdownTableRowEven {
131	background:$header-footer-background-color;
132}
133
134body {
135	color:$default-text-color;
136}
137
138div.title {
139    font-size: 170%;
140    margin: 1em 0 0.5em 0;
141}
142
143h1,h2,h2.groupheader,h3,div.toc h3,h4,h5,h6,strong,em {
144	color:$heading-color;
145	border-bottom:none;
146}
147
148h1 {
149	padding-top:0.5em;
150	font-size:150%;
151}
152
153h2 {
154	padding-top:0.5em;
155	margin-bottom:0;
156	font-size:130%;
157}
158
159h3 {
160	padding-top:0.5em;
161	margin-bottom:0;
162	font-size:110%;
163}
164
165.glfwheader {
166	font-size:16px;
167	min-height:64px;
168	max-width:920px;
169	padding:0 32px;
170	margin:0 auto;
171
172	display: flex;
173	flex-direction: row;
174	flex-wrap: wrap;
175	justify-content: flex-start;
176	align-items: center;
177	align-content: stretch;
178}
179
180#glfwhome {
181	line-height:64px;
182	padding-right:48px;
183	color:$header-footer-link-color;
184	font-size:2.5em;
185	background:url("https://www.glfw.org/css/arrow.png") no-repeat right;
186}
187
188.glfwnavbar {
189	list-style-type:none;
190	margin:0 0 0 auto;
191	float:right;
192}
193
194#glfwhome,.glfwnavbar li {
195	float:left;
196}
197
198.glfwnavbar a,.glfwnavbar a:visited {
199	line-height:64px;
200	margin-left:2em;
201	display:block;
202	color:$header-footer-link-color;
203}
204
205.glfwnavbar {
206	padding-left: 0;
207}
208
209#glfwhome,.glfwnavbar a,.glfwnavbar a:visited {
210	transition:.35s ease;
211}
212
213#titlearea,.footer {
214	color:$header-footer-link-color;
215}
216
217address.footer {
218	text-align:center;
219	padding:2em;
220	margin-top:3em;
221}
222
223#top {
224	background:$header-footer-link-color;
225}
226
227#main-nav {
228	max-width:960px;
229	margin:0 auto;
230	font-size:13px;
231}
232
233#main-menu {
234	max-width:920px;
235	margin:0 auto;
236	font-size:13px;
237}
238
239.memtitle {
240	display:none;
241}
242
243.memproto,.memname {
244	font-weight:bold;
245	text-shadow:none;
246}
247
248#main-menu {
249	min-height:36px;
250	display: flex;
251	flex-direction: row;
252	flex-wrap: wrap;
253	justify-content: flex-start;
254	align-items: center;
255	align-content: stretch;
256}
257
258#main-menu a:focus {
259    outline-style: none;
260}
261
262#main-menu a,#main-menu a:visited,#main-menu a:hover,#main-menu li {
263	color:$navbar-link-color;
264}
265
266#main-menu li ul.sm-nowrap li a {
267	color:$default-text-color;
268}
269
270#main-menu li ul.sm-nowrap li a:hover {
271	color:$default-link-color;
272}
273
274#main-menu > li:last-child {
275	margin: 0 0 0 auto;
276}
277
278.contents {
279	min-height:590px;
280}
281
282div.contents,div.header {
283	max-width:920px;
284	margin:0 auto;
285	padding:0 32px;
286	background:$content-background-color none;
287}
288
289table.doxtable th,table.markdownTable th,dl.reflist dt {
290	background:linear-gradient(to bottom,$table-background-color2 0%,$table-background-color1 100%);
291	box-shadow:inset 0 0 32px $table-background-color1;
292	text-shadow:0 -1px 1px darken($table-background-color1, 15%);
293	text-align:left;
294	color:$table-text-color;
295}
296
297dl.reflist dt a.el {
298	color:$default-link-color;
299	padding:.2em;
300	border-radius:4px;
301	background-color:lighten($default-link-color, 40%);
302}
303
304div.toc {
305	float:right;
306	width:35%;
307}
308
309@media screen and (max-width:600px) {
310	div.toc {
311		float:none;
312		width:inherit;
313		margin:0;
314	}
315}
316
317div.toc h3 {
318	font-size:1.17em;
319}
320
321div.toc ul {
322	padding-left:1.5em;
323}
324
325div.toc li {
326	font-size:1em;
327	padding-left:0;
328	list-style-type:disc;
329}
330
331div.toc {
332    li.level2, li.level3 {
333        margin-left:0.5em;
334    }
335}
336
337div.toc,.memproto,div.qindex,div.ah {
338	background:linear-gradient(to bottom,$toc-background-color2 0%,$toc-background-color1 100%);
339	box-shadow:inset 0 0 32px $toc-background-color1;
340	text-shadow:0 1px 1px lighten($toc-background-color2, 10%);
341	color:$heading-color;
342	border:2px solid $toc-background-color1;
343	border-radius:4px;
344}
345
346.paramname {
347	color:$prototype-param-color;
348}
349
350dl.reflist dt {
351	border:2px solid $default-border-color;
352	border-top-left-radius:4px;
353	border-top-right-radius:4px;
354	border-bottom:none;
355}
356
357dl.reflist dd {
358	border:2px solid $default-border-color;
359	border-bottom-right-radius:4px;
360	border-bottom-left-radius:4px;
361	border-top:none;
362}
363
364table.doxtable,table.markdownTable {
365	border-collapse:inherit;
366	border-spacing:0;
367	border:2px solid $default-border-color;
368	border-radius:4px;
369}
370
371a,a:hover,a:visited,a:visited:hover,.contents a:visited,.el,a.el:visited,#glfwhome:hover,#main-menu a:hover,span.lineno a:hover {
372	color:$default-link-color;
373	text-decoration:none;
374}
375
376div.directory {
377	border-collapse:inherit;
378	border-spacing:0;
379	border:2px solid $default-border-color;
380	border-radius:4px;
381}
382
383hr,.memSeparator {
384	height:2px;
385	background:linear-gradient(to right,$def-separator-color 0%,darken($def-separator-color, 10%) 50%,$def-separator-color 100%);
386}
387
388dl.note,dl.pre,dl.post,dl.invariant {
389	@include message-box($box-note-color);
390}
391
392dl.warning,dl.attention {
393	@include message-box($box-warning-color);
394}
395
396dl.deprecated,dl.bug {
397	@include message-box($box-bug-color);
398}
399
400dl.todo,dl.test {
401	@include message-box($box-todo-color);
402}
403
404dl.note,dl.pre,dl.post,dl.invariant,dl.warning,dl.attention,dl.deprecated,dl.bug,dl.todo,dl.test {
405	border-radius:4px;
406	padding:1em;
407	text-shadow:0 1px 1px hsl(0,0%,100%);
408	margin:1em 0;
409}
410
411.note a,.pre a,.post a,.invariant a,.warning a,.attention a,.deprecated a,.bug a,.todo a,.test a,.note a:visited,.pre a:visited,.post a:visited,.invariant a:visited,.warning a:visited,.attention a:visited,.deprecated a:visited,.bug a:visited,.todo a:visited,.test a:visited {
412	color:inherit;
413}
414
415div.line {
416	line-height:inherit;
417}
418
419div.fragment,pre.fragment {
420	background:hsl(0,0%,95%);
421	border-radius:4px;
422	border:none;
423	padding:1em;
424	overflow:auto;
425	border-left:4px solid hsl(0,0%,80%);
426	margin:1em 0;
427}
428
429.lineno a,.lineno a:visited,.line,pre.fragment {
430	color:$default-text-color;
431}
432
433span.preprocessor,span.comment {
434	color:hsl(193,100%,30%);
435}
436
437a.code,a.code:visited {
438	color:hsl(18,100%,45%);
439}
440
441span.keyword,span.keywordtype,span.keywordflow {
442	color:darken($default-text-color, 5%);
443	font-weight:bold;
444}
445
446span.stringliteral {
447	color:hsl(261,100%,30%);
448}
449
450code {
451	padding:.1em;
452	border-radius:4px;
453}
454