doc/api_assets/style.css

   1 /*--------------------- Layout and Typography ----------------------------*/
   2 html {
   3   -webkit-font-smoothing: antialiased;
   4   -moz-osx-font-smoothing: grayscale;
   5   -webkit-font-variant-ligatures: none;
   6           font-variant-ligatures: none;
   7 }
   8
   9 body {
  10   font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
  11   font-size: 62.5%;
  12   margin: 0;
  13   padding: 0;
  14   color: #3a3a3a;
  15   background: #fcfefa;
  16 }
  17
  18 #content {
  19   font-size: 1.8em;
  20 }
  21
  22 a {
  23   color: #FE5210;
  24   text-decoration: none;
  25 }
  26
  27 a:visited {
  28   color: #FE7110;
  29 }
  30
  31 a:hover,
  32 a:focus {
  33   color: #FFA158;
  34 }
  35
  36 strong {
  37   font-weight: 700;
  38 }
  39
  40 code a:hover {
  41   background: none;
  42 }
  43
  44 #changelog #gtoc {
  45   display: none;
  46 }
  47
  48 #gtoc {
  49   font-size: 0.8em;
  50 }
  51
  52 #gtoc p {
  53 }
  54
  55 #gtoc a {
  56 }
  57
  58 #gtoc a:hover {
  59 }
  60
  61 .api_stability_0,
  62 .api_stability_1,
  63 .api_stability_2,
  64 .api_stability_3,
  65 .api_stability_4,
  66 .api_stability_5 {
  67   color: white !important;
  68   margin: 0em 0 1.0em 0;
  69   font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
  70   font-weight: 700;
  71 }
  72
  73 .api_stability_0 *,
  74 .api_stability_1 *,
  75 .api_stability_2 *,
  76 .api_stability_3 *,
  77 .api_stability_4 *,
  78 .api_stability_5 * {
  79   color: white !important;
  80 }
  81
  82 .api_stability_0 {
  83   background-color: #D60027;
  84 }
  85
  86 .api_stability_1 {
  87   background-color: #EC5315;
  88 }
  89
  90 .api_stability_2 {
  91   background-color: #4EBA0F;
  92 }
  93
  94 .api_stability_3 {
  95   background-color: #0084B6;
  96 }
  97
  98 ul.plain {
  99   list-style: none;
 100 }
 101
 102 abbr {
 103   border-bottom: 1px dotted #454545;
 104 }
 105
 106 p {
 107   position: relative;
 108   text-rendering: optimizeLegibility;
 109   margin: 0 0 1em 0;
 110   line-height: 1.5em;
 111 }
 112
 113 #apicontent > *:last-child {
 114   margin-bottom: 0;
 115   padding-bottom: 2.0em;
 116 }
 117
 118 table {
 119   border-collapse: collapse;
 120   margin: 0 0 1.5em 0;
 121 }
 122
 123 th, td {
 124   border: 1px solid #aaa;
 125 }
 126
 127 table p {
 128 }
 129
 130 th {
 131   text-align:left;
 132 }
 133
 134 ol, ul, dl {
 135   margin: 0 0 0.6em 0;
 136   padding: 0;
 137 }
 138
 139 ol ul, ol ol, ol dl,
 140 ul ul, ul ol, ul dl,
 141 dl ul, dl ol, dl dl {
 142   margin-bottom: 0;
 143 }
 144
 145 ul, ol {
 146   margin-left: 2em;
 147 }
 148
 149 dl dt {
 150   position: relative;
 151   margin: 1.5em 0 0;
 152 }
 153
 154 dl dd {
 155   position: relative;
 156   margin: 0 1em 0;
 157 }
 158
 159 dd + dt.pre {
 160   margin-top: 1.6em;
 161 }
 162
 163 h1, h2, h3, h4, h5, h6 {
 164   color: #301004;
 165   text-rendering: optimizeLegibility;
 166   font-weight: 700;
 167   position: relative;
 168   margin-bottom: 0.5em;
 169 }
 170
 171 header h1 {
 172   line-height: 2.0em;
 173   margin: 0;
 174 }
 175
 176 #apicontent {
 177   padding-top: 1.0em;
 178 }
 179
 180 #toc + h1 {
 181   margin-top: 1em;
 182   padding-top: 0;
 183 }
 184
 185 h2 {
 186   font-size: 1.5em;
 187   margin: 1.0em 0 0.5em;
 188 }
 189
 190 h2 + h2 {
 191   margin: 0 0 0.5em;
 192 }
 193
 194 h3 {
 195   font-size: 1.0em;
 196   margin: 1.5em 0 0.5em;
 197 }
 198
 199 h3 + h3 {
 200   margin: 0 0 0.5em;
 201 }
 202
 203 h2, h3, h4 {
 204   position: relative;
 205   padding-right: 40px;
 206 }
 207
 208 h1 span, h2 span, h3 span, h4 span {
 209   position: absolute;
 210   display: block;
 211   top: 0;
 212   right: 0;
 213 }
 214
 215 h1 span:hover, h2 span:hover, h3 span:hover, h4 span:hover {
 216   opacity: 1;
 217 }
 218
 219 h1 span a, h2 span a, h3 span a, h4 span a {
 220   font-size: 0.8em;
 221   color: #000;
 222   text-decoration: none;
 223   font-weight: bold;
 224 }
 225
 226 h5 {
 227   font-size: 1.125em;
 228   line-height: 1.4em;
 229 }
 230
 231 h6 {
 232   font-size: 1em;
 233   line-height: 1.4667em;
 234 }
 235
 236 pre, tt, code {
 237   line-height: 1.5em;
 238   font-family: Monaco, Consolas, "Lucida Console", monospace;
 239   margin: 0; padding: 0;
 240 }
 241
 242 .pre {
 243   font-family: Monaco, Consolas, "Lucida Console", monospace;
 244   line-height: 1.5em;
 245   font-size: 1.2em;
 246 }
 247
 248 pre {
 249   padding: 1.0em 1.5em;
 250   vertical-align: top;
 251   background: #f2f5f0;
 252   margin: 0.166666em -4.0em 1.0em 0em;
 253   overflow-x: auto;
 254 }
 255
 256 pre > code {
 257   font-size: 0.8em;
 258 }
 259
 260 pre + h3 {
 261   margin-top: 2.225em;
 262 }
 263
 264 code.pre {
 265   white-space: pre;
 266 }
 267
 268 #intro {
 269   margin-top: 1.25em;
 270   margin-left: 1.0em;
 271 }
 272
 273 #intro a {
 274   color: #333;
 275   font-size: 1.25em;
 276   font-weight: bold;
 277 }
 278
 279 hr {
 280   background: none;
 281   border: medium none;
 282   border-bottom: 1px solid #7a7a7a;
 283   margin: 0em 0em 1em 0;
 284 }
 285
 286 #toc {
 287 }
 288
 289 #toc h2 {
 290   color: #C73E09;
 291   margin-top: 0;
 292   font-size: 1.0em;
 293   line-height: 0;
 294   margin: 1.5em 0;
 295 }
 296
 297 #toc ul {
 298   font-size: 0.8125em;
 299 }
 300
 301 #toc ul ul { font-size: 1.0em; }
 302
 303 #toc ul a {
 304   text-decoration:none;
 305 }
 306
 307 #toc ul li {
 308   margin-bottom: 0.6666em;
 309   list-style: square outside;
 310 }
 311
 312 #toc li > ul {
 313   margin-top: 0.6666em;
 314 }
 315
 316 #toc ul a:hover,
 317 #toc ul a:focus {
 318 }
 319
 320 #apicontent li {
 321   margin-bottom: 0.5em;
 322 }
 323
 324 #apicontent li:last-child {
 325   margin-bottom: 0;
 326 }
 327
 328 p tt,
 329 p code,
 330 li code {
 331   font-size: 0.9em;
 332   color: #040404;
 333 }
 334
 335 span.type {
 336   color: #222;
 337 }
 338
 339 #content {
 340   margin: 0 auto;
 341   overflow: visible;
 342   clear: both;
 343   display: block;
 344 }
 345
 346 #column1.interior {
 347   width: 702px;
 348   border-left: 13em solid #f2f5f0;
 349   padding-left: 2.0em;
 350 }
 351
 352 #column2.interior {
 353   width: 234px;
 354   position: fixed;
 355   height: 100%;
 356   overflow-y: scroll;
 357 }
 358
 359 #column2.interior:after {
 360   content: '';
 361   position: fixed;
 362   bottom: 0;
 363   left: 0;
 364   width: 234px;
 365   height: 5em;
 366   background: linear-gradient(rgba(242,245,240, 0), rgba(242,245,240, 1));
 367   pointer-events: none;
 368 }
 369
 370 #column2 ul {
 371   list-style: none;
 372   margin-left: 0em;
 373   margin-top: 1.25em;
 374   background: #f2f5f0;
 375   margin-bottom: 0;
 376   padding-bottom: 4em;
 377 }
 378
 379 #column2 ul li {
 380   padding-left: 1.4em;
 381   margin-bottom: 0.5em;
 382   padding-bottom: 0.5em;
 383   font-size: 0.8em;
 384 }
 385
 386 #column2 ul li:last-child {
 387   margin-bottom: 0;
 388 }
 389
 390 #column2 ul li a {
 391   color: #7a7a7a;
 392 }
 393
 394 #column2 ul li a.active {
 395   color: #533;
 396   border-bottom: 1px solid #533;
 397 }
 398
 399 #footer {
 400   padding: 0;
 401   min-height: 24px;
 402   background: #333;
 403   color: white;
 404 }
 405
 406 span > .mark,
 407 span > .mark:visited {
 408   font-size: 18px;
 409   color: #707070;
 410   position: absolute;
 411   top: 0px;
 412   right: 0px;
 413 }
 414
 415 span > .mark:hover {
 416   color: #FE7110;
 417 }
 418
 419 th, td {
 420   padding: 0.75em 1.0em 0.75em 1.0em;
 421   vertical-align: top;
 422 }
 423
 424 th > *:last-child,
 425 td > *:last-child {
 426   margin-bottom: 0;
 427 }
 428
 429 /* simpler clearfix */
 430 .clearfix:after {
 431   content: ".";
 432   display: block;
 433   height: 0;
 434   clear: both;
 435   visibility: hidden;
 436 }
 437
 438 @media only screen and (max-width: 1024px) {
 439   #content {
 440     font-size: 2.1em;
 441   }
 442   #column1.interior {
 443     border-left: 0;
 444     padding-left: 0.5em;
 445     padding-right: 0.5em;
 446     width: auto;
 447   }
 448   pre {
 449     margin-right: 0;
 450   }
 451   #column2 {
 452     display: none;
 453   }
 454 }
 455
 456 @media only screen and (max-width: 1024px) and (orientation: portrait) {
 457   #content {
 458     font-size: 2.4em;
 459   }
 460   #column1.interior {
 461     border-left: 0;
 462     padding-left: 0.5em;
 463     padding-right: 0.5em;
 464     width: auto;
 465   }
 466   pre {
 467     margin-right: 0;
 468   }
 469   #column2 {
 470     display: none;
 471   }
 472 }