src/third_party/trace-viewer/third_party/gl-matrix/jsdoc-template/static/default.css

   1 /* default.css */
   2
   3 /*
   4
   5 body
   6 {
   7         font: 12px "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
   8         width: 800px;
   9 }
  10
  11 .header
  12 {
  13         clear: both;
  14         background-color: #ccc;
  15         padding: 8px;
  16 }
  17
  18 h1
  19 {
  20         font-size: 150%;
  21         font-weight: bold;
  22         padding: 0;
  23         margin: 1em 0 0 .3em;
  24 }
  25
  26 hr
  27 {
  28         border: none 0;
  29         border-top: 1px solid #7F8FB1;
  30         height: 1px;
  31 }
  32
  33 pre.code
  34 {
  35         display: block;
  36         padding: 8px;
  37         border: 1px dashed #ccc;
  38 }
  39
  40 #index
  41 {
  42         margin-top: 24px;
  43         float: left;
  44         width: 160px;
  45         position: absolute;
  46         left: 8px;
  47         background-color: #F3F3F3;
  48         padding: 8px;
  49 }
  50
  51 #content
  52 {
  53         margin-left: 190px;
  54         width: 600px;
  55 }
  56
  57 .classList
  58 {
  59         list-style-type: none;
  60         padding: 0;
  61         margin: 0 0 0 8px;
  62         font-family: arial, sans-serif;
  63         font-size: 1em;
  64         overflow: auto;
  65 }
  66
  67 .classList li
  68 {
  69         padding: 0;
  70         margin: 0 0 8px 0;
  71 }
  72
  73 .summaryTable { width: 100%; }
  74
  75 h1.classTitle
  76 {
  77         font-size:170%;
  78         line-height:130%;
  79 }
  80
  81 h2 { font-size: 110%; }
  82 caption, div.sectionTitle
  83 {
  84         background-color: #7F8FB1;
  85         color: #fff;
  86         font-size:130%;
  87         text-align: left;
  88         padding: 2px 6px 2px 6px;
  89         border: 1px #7F8FB1 solid;
  90 }
  91
  92 div.sectionTitle { margin-bottom: 8px; }
  93 .summaryTable thead { display: none; }
  94
  95 .summaryTable td
  96 {
  97         vertical-align: top;
  98         padding: 4px;
  99         border-bottom: 1px #7F8FB1 solid;
 100         border-right: 1px #7F8FB1 solid;
 101         border-left: 1px #7F8FB1 solid;
 102 }
 103
 104 .summaryTable td.attributes
 105 {
 106         border-left: 1px #7F8FB1 solid;
 107         width: 140px;
 108         text-align: right;
 109 }
 110
 111 td.attributes, .fixedFont
 112 {
 113         line-height: 15px;
 114         color: #002EBE;
 115         font-family: "Courier New",Courier,monospace;
 116         font-size: 13px;
 117 }
 118
 119 .summaryTable td.nameDescription
 120 {
 121         text-align: left;
 122         font-size: 13px;
 123         line-height: 15px;
 124 }
 125
 126 .summaryTable td.nameDescription, .description
 127 {
 128         line-height: 15px;
 129         padding: 4px;
 130         padding-left: 4px;
 131 }
 132
 133 .summaryTable { margin-bottom: 8px; }
 134
 135 ul.inheritsList
 136 {
 137         list-style: square;
 138         margin-left: 20px;
 139         padding-left: 0;
 140 }
 141
 142 .detailList {
 143         margin-left: 20px;
 144         line-height: 15px;
 145 }
 146 .detailList dt { margin-left: 20px; }
 147
 148 .detailList .heading
 149 {
 150         font-weight: bold;
 151         padding-bottom: 6px;
 152         margin-left: 0;
 153 }
 154
 155 .light, td.attributes, .light a:link, .light a:visited
 156 {
 157         color: #777;
 158         font-style: italic;
 159 }
 160
 161 .fineprint
 162 {
 163         text-align: right;
 164         font-size: 10px;
 165 }
 166
 167 */
 168
 169 /* Copied from styles.css generated by Github Pages */
 170
 171 @import url(https://fonts.googleapis.com/css?family=Lato:300italic,700italic,300,700);
 172
 173 body {
 174   padding:50px;
 175   font:14px/1.5 Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
 176   color:#777;
 177   font-weight:300;
 178 }
 179
 180 h1, h2, h3, h4, h5, h6 {
 181   color:#222;
 182   margin:0 0 20px;
 183 }
 184
 185 p, ul, ol, table, pre, dl {
 186   margin:0 0 20px;
 187 }
 188
 189 h1, h2, h3 {
 190   line-height:1.1;
 191 }
 192
 193 h1 {
 194   font-size:28px;
 195 }
 196
 197 h2 {
 198   color:#393939;
 199 }
 200
 201 h3, h4, h5, h6 {
 202   color:#494949;
 203 }
 204
 205 a {
 206   color:#39c;
 207   font-weight:400;
 208   text-decoration:none;
 209 }
 210
 211 a small {
 212   font-size:11px;
 213   color:#777;
 214   margin-top:-0.6em;
 215   display:block;
 216 }
 217
 218 .wrapper {
 219   width:860px;
 220   margin:0 auto;
 221 }
 222
 223 blockquote {
 224   border-left:1px solid #e5e5e5;
 225   margin:0;
 226   padding:0 0 0 20px;
 227   font-style:italic;
 228 }
 229
 230 code, pre {
 231   font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
 232   color:#333;
 233   font-size:12px;
 234 }
 235
 236 pre {
 237   padding:8px 15px;
 238   background: #f8f8f8;
 239   border-radius:5px;
 240   border:1px solid #e5e5e5;
 241   overflow-x: auto;
 242 }
 243
 244 table {
 245   width:100%;
 246   border-collapse:collapse;
 247 }
 248
 249 th, td {
 250   text-align:left;
 251   padding:5px 10px;
 252   border-bottom:1px solid #e5e5e5;
 253 }
 254
 255 dt {
 256   color:#444;
 257   font-weight:700;
 258 }
 259
 260 th {
 261   color:#444;
 262 }
 263
 264 img {
 265   max-width:100%;
 266 }
 267
 268 header {
 269   width:270px;
 270   float:left;
 271   position:fixed;
 272 }
 273
 274 header ul {
 275   list-style:none;
 276   padding:0;
 277
 278   /*background: #eee;
 279   background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
 280   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#dddddd));
 281   background: -webkit-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
 282   background: -o-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
 283   background: -ms-linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
 284   background: linear-gradient(top, #f8f8f8 0%,#dddddd 100%);
 285
 286   border-radius:5px;
 287   border:1px solid #d2d2d2;
 288   box-shadow:inset #fff 0 1px 0, inset rgba(0,0,0,0.03) 0 -1px 0;*/
 289   width:270px;
 290 }
 291
 292 header li {
 293   width:89px;
 294   /*float:left;
 295   border-right:1px solid #d2d2d2;
 296   height:40px;*/
 297 }
 298
 299 header ul a {
 300   line-height:1;
 301   font-size:11px;
 302   color:#999;
 303   display:block;
 304   text-align:center;
 305   padding-top:6px;
 306   /*height:40px;*/
 307 }
 308
 309 strong {
 310   color:#222;
 311   font-weight:700;
 312 }
 313
 314 /*header ul li + li {
 315   width:88px;
 316   border-left:1px solid #fff;
 317 }
 318
 319 header ul li + li + li {
 320   border-right:none;
 321   width:89px;
 322 }*/
 323
 324 header ul a strong {
 325   font-size:14px;
 326   display:block;
 327   color:#222;
 328 }
 329
 330 section {
 331   width:500px;
 332   float:right;
 333   padding-bottom:50px;
 334 }
 335
 336 small {
 337   font-size:11px;
 338 }
 339
 340 hr {
 341   border:0;
 342   background:#e5e5e5;
 343   height:1px;
 344   margin:0 0 20px;
 345 }
 346
 347 footer {
 348   width:270px;
 349   float:left;
 350   position:fixed;
 351   bottom:50px;
 352 }
 353
 354 @media print, screen and (max-width: 960px) {
 355
 356   div.wrapper {
 357     width:auto;
 358     margin:0;
 359   }
 360
 361   header, section, footer {
 362     float:none;
 363     position:static;
 364     width:auto;
 365   }
 366
 367   header {
 368     /*padding-right:320px;*/
 369     padding: 0;
 370   }
 371
 372   section {
 373     border:1px solid #e5e5e5;
 374     border-width:1px 0;
 375     padding:20px 0;
 376     margin:0 0 20px;
 377   }
 378
 379   header a small {
 380     display:inline;
 381   }
 382
 383   header ul {
 384     position:static;
 385     height:40px;
 386     width: auto;
 387   }
 388
 389   header ul li {
 390     float: left;
 391   }
 392 }
 393
 394 @media print, screen and (max-width: 720px) {
 395   body {
 396     word-wrap:break-word;
 397   }
 398
 399   header {
 400     padding:0;
 401   }
 402
 403   header ul, header p.view {
 404     position:static;
 405   }
 406
 407   pre, code {
 408     word-wrap:normal;
 409   }
 410 }
 411
 412 @media print, screen and (max-width: 480px) {
 413   body {
 414     padding:15px;
 415   }
 416
 417   /*header ul {
 418     display:none;
 419   }*/
 420 }
 421
 422 @media print {
 423   body {
 424     padding:0.4in;
 425     font-size:12pt;
 426     color:#444;
 427   }
 428 }