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