• 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 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
80#navrow1,#navrow2,#navrow3,#navrow4,.tablist a,.tablist a:visited,.tablist a:hover,.tablist li,.tablist li.current a,.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 {
81	background:none;
82}
83
84#titlearea,.footer,.contents,div.header,.memdoc,table.doxtable td,table.doxtable th,hr,.memSeparator {
85	border:none;
86}
87
88.tablist a,.tablist a:visited,.tablist a:hover,.tablist li,.tablist li.current a,.reflist dt a.el,.levels span,.directory .levels span {
89	text-shadow:none;
90}
91
92.memdoc,dl.reflist dd {
93	box-shadow:none;
94}
95
96div.headertitle,.note code,.pre code,.post code,.invariant code,.warning code,.attention code,.deprecated code,.bug code,.todo code,.test code,table.doxtable code {
97	padding:0;
98}
99
100#nav-path,.directory .levels,span.lineno {
101	display:none;
102}
103
104html,#titlearea,.footer,tr.even,.directory tr.even,.doxtable tr:nth-child(even),.mdescLeft,.mdescRight,.memItemLeft,.memItemRight,code {
105	background:@header-footer-background-color;
106}
107
108body {
109	color:@default-text-color;
110}
111
112h1,h2,h2.groupheader,h3,div.toc h3,h4,h5,h6,strong,em {
113	color:@heading-color;
114	border-bottom:none;
115}
116
117h1 {
118  padding-top:0.5em;
119  font-size:180%;
120}
121
122h2 {
123  padding-top:0.5em;
124  margin-bottom:0;
125  font-size:140%;
126}
127
128h3 {
129  padding-top:0.5em;
130  margin-bottom:0;
131  font-size:110%;
132}
133
134.glfwheader {
135	font-size:16px;
136	height:64px;
137	max-width:920px;
138	min-width:800px;
139	padding:0 32px;
140	margin:0 auto;
141}
142
143#glfwhome {
144	line-height:64px;
145	padding-right:48px;
146	color:@header-footer-link-color;
147	font-size:2.5em;
148	background:url("http://www.glfw.org/css/arrow.png") no-repeat right;
149}
150
151.glfwnavbar {
152	list-style-type:none;
153	margin:0 auto;
154	float:right;
155}
156
157#glfwhome,.glfwnavbar li {
158	float:left;
159}
160
161.glfwnavbar a,.glfwnavbar a:visited {
162	line-height:64px;
163	margin-left:2em;
164	display:block;
165	color:@header-footer-link-color;
166}
167
168#glfwhome,.glfwnavbar a,.glfwnavbar a:visited {
169	transition:.35s ease;
170}
171
172#titlearea,.footer {
173	color:@header-footer-link-color;
174}
175
176address.footer {
177	text-align:center;
178	padding:2em;
179	margin-top:3em;
180}
181
182#top {
183	background:@header-footer-link-color;
184}
185
186#navrow1,#navrow2,#navrow3,#navrow4 {
187	max-width:920px;
188	min-width:800px;
189	margin:0 auto;
190	font-size:13px;
191}
192
193.tablist {
194	height:36px;
195	display:block;
196	position:relative;
197}
198
199.tablist a,.tablist a:visited,.tablist a:hover,.tablist li,.tablist li.current a {
200	color:@navbar-link-color;
201}
202
203.tablist li.current a {
204	background:linear-gradient(to bottom,@tab-background-color2 0%,@tab-background-color1 100%);
205	box-shadow:inset 0 0 32px @tab-background-color1;
206	text-shadow:0 -1px 1px darken(@tab-background-color1, 15%);
207	color:@tab-text-color;
208}
209
210.contents {
211	min-height:590px;
212}
213
214div.contents,div.header {
215	max-width:920px;
216	margin:0 auto;
217	padding:0 32px;
218	background:@content-background-color none;
219}
220
221table.doxtable th,dl.reflist dt {
222	background:linear-gradient(to bottom,@table-background-color2 0%,@table-background-color1 100%);
223	box-shadow:inset 0 0 32px @table-background-color1;
224	text-shadow:0 -1px 1px darken(@table-background-color1, 15%);
225	color:@table-text-color;
226}
227
228dl.reflist dt a.el {
229	color:@default-link-color;
230	padding:.2em;
231	border-radius:4px;
232	background-color:lighten(@default-link-color, 40%);
233}
234
235div.toc {
236	float:none;
237	width:auto;
238}
239
240div.toc h3 {
241	font-size:1.17em;
242}
243
244div.toc ul {
245	padding-left:1.5em;
246}
247
248div.toc li {
249	font-size:1em;
250	padding-left:0;
251	list-style-type:disc;
252}
253
254div.toc,.memproto,div.qindex,div.ah {
255	background:linear-gradient(to bottom,@toc-background-color2 0%,@toc-background-color1 100%);
256	box-shadow:inset 0 0 32px @toc-background-color1;
257	text-shadow:0 1px 1px lighten(@toc-background-color2, 10%);
258	color:@heading-color;
259	border:2px solid @toc-background-color1;
260	border-radius:4px;
261}
262
263.paramname {
264	color:@prototype-param-color;
265}
266
267dl.reflist dt {
268	border:2px solid @default-border-color;
269	border-top-left-radius:4px;
270	border-top-right-radius:4px;
271	border-bottom:none;
272}
273
274dl.reflist dd {
275	border:2px solid @default-border-color;
276	border-bottom-right-radius:4px;
277	border-bottom-left-radius:4px;
278	border-top:none;
279}
280
281table.doxtable {
282	border-collapse:inherit;
283	border-spacing:0;
284	border:2px solid @default-border-color;
285	border-radius:4px;
286}
287
288a,a:hover,a:visited,a:visited:hover,.contents a:visited,.el,a.el:visited,#glfwhome:hover,.tablist a:hover,span.lineno a:hover {
289	color:@default-link-color;
290	text-decoration:none;
291}
292
293div.directory {
294	border-collapse:inherit;
295	border-spacing:0;
296	border:2px solid @default-border-color;
297	border-radius:4px;
298}
299
300hr,.memSeparator {
301	height:2px;
302	background:linear-gradient(to right,@def-separator-color 0%,darken(@def-separator-color, 10%) 50%,@def-separator-color 100%);
303}
304
305dl.note,dl.pre,dl.post,dl.invariant {
306	.message-box(@box-note-color);
307}
308
309dl.warning,dl.attention {
310	.message-box(@box-warning-color);
311}
312
313dl.deprecated,dl.bug {
314	.message-box(@box-bug-color);
315}
316
317dl.todo,dl.test {
318	.message-box(@box-todo-color);
319}
320
321dl.note,dl.pre,dl.post,dl.invariant,dl.warning,dl.attention,dl.deprecated,dl.bug,dl.todo,dl.test {
322	border-radius:4px;
323	padding:1em;
324	text-shadow:0 1px 1px hsl(0,0%,100%);
325	margin:1em 0;
326}
327
328.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 {
329	color:inherit;
330}
331
332div.line {
333	line-height:inherit;
334}
335
336div.fragment,pre.fragment {
337	background:hsl(0,0%,95%);
338	border-radius:4px;
339	border:none;
340	padding:1em;
341	overflow:auto;
342	border-left:4px solid hsl(0,0%,80%);
343	margin:1em 0;
344}
345
346.lineno a,.lineno a:visited,.line,pre.fragment {
347	color:@default-text-color;
348}
349
350span.preprocessor,span.comment {
351	color:hsl(193,100%,30%);
352}
353
354a.code,a.code:visited {
355	color:hsl(18,100%,45%);
356}
357
358span.keyword,span.keywordtype,span.keywordflow {
359	color:darken(@default-text-color, 5%);
360	font-weight:bold;
361}
362
363span.stringliteral {
364	color:hsl(261,100%,30%);
365}
366
367code {
368	padding:.1em;
369	border-radius:4px;
370}
371