1// NOTE: Please use this file to perform modifications on default style sheets.
2//
3// You need to install a few Ruby gems to generate extra.css from this file:
4// gem install less therubyracer
5//
6// Run this command to regenerate extra.css after you're finished with changes:
7// lessc --compress extra.less > 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(spin(@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.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 {
107	background:none;
108}
109
110#titlearea,.footer,.contents,div.header,.memdoc,table.doxtable td,table.doxtable 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 {
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),.mdescLeft,.mdescRight,.memItemLeft,.memItemRight,code {
131	background:@header-footer-background-color;
132}
133
134body {
135	color:@default-text-color;
136}
137
138h1,h2,h2.groupheader,h3,div.toc h3,h4,h5,h6,strong,em {
139	color:@heading-color;
140	border-bottom:none;
141}
142
143h1 {
144  padding-top:0.5em;
145  font-size:180%;
146}
147
148h2 {
149  padding-top:0.5em;
150  margin-bottom:0;
151  font-size:140%;
152}
153
154h3 {
155  padding-top:0.5em;
156  margin-bottom:0;
157  font-size:110%;
158}
159
160.glfwheader {
161	font-size:16px;
162	height:64px;
163	max-width:920px;
164	min-width:800px;
165	padding:0 32px;
166	margin:0 auto;
167}
168
169#glfwhome {
170	line-height:64px;
171	padding-right:48px;
172	color:@header-footer-link-color;
173	font-size:2.5em;
174	background:url("http://www.glfw.org/css/arrow.png") no-repeat right;
175}
176
177.glfwnavbar {
178	list-style-type:none;
179	margin:0 auto;
180	float:right;
181}
182
183#glfwhome,.glfwnavbar li {
184	float:left;
185}
186
187.glfwnavbar a,.glfwnavbar a:visited {
188	line-height:64px;
189	margin-left:2em;
190	display:block;
191	color:@header-footer-link-color;
192}
193
194#glfwhome,.glfwnavbar a,.glfwnavbar a:visited {
195	transition:.35s ease;
196}
197
198#titlearea,.footer {
199	color:@header-footer-link-color;
200}
201
202address.footer {
203	text-align:center;
204	padding:2em;
205	margin-top:3em;
206}
207
208#top {
209	background:@header-footer-link-color;
210}
211
212#main-nav {
213	max-width:960px;
214	min-width:800px;
215	margin:0 auto;
216	font-size:13px;
217}
218
219#main-menu {
220	max-width:920px;
221	min-width:800px;
222	margin:0 auto;
223	font-size:13px;
224}
225
226.memtitle {
227    display:none;
228}
229
230.memproto,.memname {
231    font-weight:bold;
232    text-shadow:none;
233}
234
235#main-menu {
236	height:36px;
237	display:block;
238	position:relative;
239}
240
241#main-menu a,#main-menu a:visited,#main-menu a:hover,#main-menu li {
242	color:@navbar-link-color;
243}
244
245#main-menu li ul.sm-nowrap li a {
246	color:@default-text-color;
247}
248
249#main-menu li ul.sm-nowrap li a:hover {
250	color:@default-link-color;
251}
252
253.contents {
254	min-height:590px;
255}
256
257div.contents,div.header {
258	max-width:920px;
259	margin:0 auto;
260	padding:0 32px;
261	background:@content-background-color none;
262}
263
264table.doxtable th,dl.reflist dt {
265	background:linear-gradient(to bottom,@table-background-color2 0%,@table-background-color1 100%);
266	box-shadow:inset 0 0 32px @table-background-color1;
267	text-shadow:0 -1px 1px darken(@table-background-color1, 15%);
268	text-align:left;
269	color:@table-text-color;
270}
271
272dl.reflist dt a.el {
273	color:@default-link-color;
274	padding:.2em;
275	border-radius:4px;
276	background-color:lighten(@default-link-color, 40%);
277}
278
279div.toc {
280	float:none;
281	width:auto;
282}
283
284div.toc h3 {
285	font-size:1.17em;
286}
287
288div.toc ul {
289	padding-left:1.5em;
290}
291
292div.toc li {
293	font-size:1em;
294	padding-left:0;
295	list-style-type:disc;
296}
297
298div.toc,.memproto,div.qindex,div.ah {
299	background:linear-gradient(to bottom,@toc-background-color2 0%,@toc-background-color1 100%);
300	box-shadow:inset 0 0 32px @toc-background-color1;
301	text-shadow:0 1px 1px lighten(@toc-background-color2, 10%);
302	color:@heading-color;
303	border:2px solid @toc-background-color1;
304	border-radius:4px;
305}
306
307.paramname {
308	color:@prototype-param-color;
309}
310
311dl.reflist dt {
312	border:2px solid @default-border-color;
313	border-top-left-radius:4px;
314	border-top-right-radius:4px;
315	border-bottom:none;
316}
317
318dl.reflist dd {
319	border:2px solid @default-border-color;
320	border-bottom-right-radius:4px;
321	border-bottom-left-radius:4px;
322	border-top:none;
323}
324
325table.doxtable {
326	border-collapse:inherit;
327	border-spacing:0;
328	border:2px solid @default-border-color;
329	border-radius:4px;
330}
331
332a,a:hover,a:visited,a:visited:hover,.contents a:visited,.el,a.el:visited,#glfwhome:hover,#main-menu a:hover,span.lineno a:hover {
333	color:@default-link-color;
334	text-decoration:none;
335}
336
337div.directory {
338	border-collapse:inherit;
339	border-spacing:0;
340	border:2px solid @default-border-color;
341	border-radius:4px;
342}
343
344hr,.memSeparator {
345	height:2px;
346	background:linear-gradient(to right,@def-separator-color 0%,darken(@def-separator-color, 10%) 50%,@def-separator-color 100%);
347}
348
349dl.note,dl.pre,dl.post,dl.invariant {
350	.message-box(@box-note-color);
351}
352
353dl.warning,dl.attention {
354	.message-box(@box-warning-color);
355}
356
357dl.deprecated,dl.bug {
358	.message-box(@box-bug-color);
359}
360
361dl.todo,dl.test {
362	.message-box(@box-todo-color);
363}
364
365dl.note,dl.pre,dl.post,dl.invariant,dl.warning,dl.attention,dl.deprecated,dl.bug,dl.todo,dl.test {
366	border-radius:4px;
367	padding:1em;
368	text-shadow:0 1px 1px hsl(0,0%,100%);
369	margin:1em 0;
370}
371
372.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 {
373	color:inherit;
374}
375
376div.line {
377	line-height:inherit;
378}
379
380div.fragment,pre.fragment {
381	background:hsl(0,0%,95%);
382	border-radius:4px;
383	border:none;
384	padding:1em;
385	overflow:auto;
386	border-left:4px solid hsl(0,0%,80%);
387	margin:1em 0;
388}
389
390.lineno a,.lineno a:visited,.line,pre.fragment {
391	color:@default-text-color;
392}
393
394span.preprocessor,span.comment {
395	color:hsl(193,100%,30%);
396}
397
398a.code,a.code:visited {
399	color:hsl(18,100%,45%);
400}
401
402span.keyword,span.keywordtype,span.keywordflow {
403	color:darken(@default-text-color, 5%);
404	font-weight:bold;
405}
406
407span.stringliteral {
408	color:hsl(261,100%,30%);
409}
410
411code {
412	padding:.1em;
413	border-radius:4px;
414}
415