git.roojs.org Git - raphael/blob - dr.css

   1 html, body {
   2     height: 100%;
   3     margin: 0;
   4     padding: 0;
   5 }
   6 #dr-js {
   7     background: #999;
   8     margin: 0;
   9     padding: 0;
  10     overflow-y: hidden;
  11 }
  12 #src-dr-js {
  13     background: #000;
  14     margin: 1em;
  15     padding: 0;
  16 }
  17 .dr-doc {
  18     background: #eee;
  19     border-right: solid #eee 3px;
  20     float: right;
  21     font: 300 16px/1.4 "Myriad Pro", "Helvetica Neue", Helvetica, "Arial Unicode MS", Arial, sans-serif;
  22     height: 100%;
  23     margin: 0;
  24     overflow: auto;
  25     padding: 0 30px;
  26     width: 800px;
  27 }
  28 .dr-toc {
  29     margin: 0;
  30     padding: 0 16px;
  31     background: #ddd;
  32     list-style: none;
  33     font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
  34     overflow: auto;
  35     border-right: solid #ddd 3px;
  36     height: 100%;
  37     float: right;
  38     width: 240px;
  39 }
  40 #dr {
  41     margin: 0 auto;
  42     width: 1152px;
  43     height: 100%;
  44 }
  45 ::-moz-selection {
  46     background: #c00;
  47     color: #fff;
  48 }
  49 ::selection {
  50     background: #c00;
  51     color: #fff;
  52 }
  53 .dr-doc code,
  54 .dr-type em,
  55 .dr-returns em,
  56 .dr-property em {
  57     font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
  58 }
  59 pre.code code {
  60     color: #fff;
  61 }
  62 pre.code {
  63     background: #333;
  64     color: #fff;
  65     overflow-x: auto;
  66     padding: 16px 30px;
  67     margin: 0 -30px;
  68 }
  69 code b {
  70     color: #e9df8f;
  71     font-weight: normal;
  72 }
  73 code i,
  74 code i *,
  75 code i .d {
  76     color: #8b9967;
  77     font-style: normal;
  78 }
  79 code .s {
  80     color: #e7be61;
  81 }
  82 code .d {
  83     color: #cf6a4c;
  84 }
  85 code .c,
  86 code .c * {
  87     color: #999;
  88     font-style: italic;
  89 }
  90 em.amp {
  91     font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif;
  92     font-style: italic;
  93 }
  94 dl.dr-parameters {
  95     margin: 8px 0;
  96 }
  97 dt.dr-param {
  98     color: #666;
  99     font-weight: 400;
 100     float: left;
 101     margin-right: 16px;
 102     min-width: 160px;
 103 }
 104 dd.dr-type {
 105     margin: 0;
 106 }
 107 dd.dr-description {
 108     display: table;
 109     min-height: 24px;
 110     border: solid 1px #eee;
 111 }
 112 .dr-type {
 113     float: left;
 114 }
 115 .dr-type em,
 116 .dr-returns em,
 117 .dr-property em {
 118     -moz-border-radius: 5px;
 119     -webkit-border-radius: 5px;
 120     background: #ccc;
 121     border-radius: 5px;
 122     float: left;
 123     font-size: .75em;
 124     font-style: normal;
 125     font-weight: 700;
 126     margin: 0 8px 0 0;
 127     min-width: 80px;
 128     padding: 2px 5px;
 129     text-align: center;
 130 }
 131 .dr-type em.amp,
 132 .dr-returns em.amp,
 133 .dr-property em.amp {
 134     float: none;
 135     background: none;
 136     font-size: 1em;
 137     font-weight: 400;
 138     font-style: italic;
 139     margin: 0;
 140     padding: 0;
 141     min-width: 0;
 142 }
 143 .dr-property em.dr-type {
 144     margin: 4px 16px 0 0;
 145 }
 146 em.dr-type-string {
 147     background: #e1edb1;
 148     color: #3d4c00;
 149 }
 150 em.dr-type-object {
 151     background: #edb1b1;
 152     color: #4c0000;
 153 }
 154 em.dr-type-function {
 155     background: #cfb1ed;
 156     color: #26004c;
 157 }
 158 em.dr-type-number {
 159     background: #b1c9ed;
 160     color: #001e4c;
 161 }
 162 em.dr-type-boolean {
 163     background: #b1edc9;
 164     color: #004c1e;
 165 }
 166 em.dr-type-array {
 167     background: #edd5b1;
 168     color: #4c2d00;
 169 }
 170 dd.dr-optional {
 171     display: none;
 172 }
 173 ol.dr-json {
 174     background: #ddd;
 175     list-style: none;
 176     margin: 0 -30px;
 177     padding: 16px 30px;
 178 }
 179 ol.dr-json .dr-json-key {
 180     float: left;
 181     min-width: 50px;
 182     margin-right: 16px;
 183 }
 184 ol.dr-json .dr-json-description {
 185     display: table;
 186 }
 187 ol.dr-json ol.dr-json  {
 188     margin: 0;
 189     padding: 0 0 0 50px;
 190 }
 191 h1 {
 192     font-weight: 400;
 193     font-size: 2.6em;
 194     margin: 0;
 195 }
 196 h2, h3, h4, h5 {
 197     margin: 1em 0 .5em 0;
 198     padding: 6px 0 0;
 199     font-weight: 600;
 200     position: relative;
 201 }
 202 h5 {
 203     font-size: 18px;
 204 }
 205 h4 {
 206     font-size: 20px;
 207 }
 208 h3 {
 209     font-size: 28px;
 210 }
 211 h2 {
 212     font-size: 38px;
 213 }
 214 h2.dr-method,
 215 h3.dr-method,
 216 h4.dr-method,
 217 h5.dr-method {
 218     color: #900;
 219 }
 220 h2.dr-property,
 221 h3.dr-property,
 222 h4.dr-property,
 223 h5.dr-property {
 224     color: #009;
 225 }
 226 i.dr-trixie {
 227     border: solid 10px #eee;
 228     border-left-color: #999;
 229     height: 0;
 230     margin-left: -30px;
 231     margin-top: -10px;
 232     overflow: hidden;
 233     position: absolute;
 234     top: 50%;
 235     width: 0;
 236 }
 237 p.header {
 238     font-size: 19px;
 239     font-weight: 600;
 240     margin: 1em 0 .3em;
 241 }
 242 .dr-returns {
 243     margin-top: 16px;
 244 }
 245 .dr-returns .dr-title {
 246     float: left;
 247     margin-right: 16px;
 248     width: 160px;
 249 }
 250 .dr-toc a {
 251     display: block;
 252     text-decoration: none;
 253     color: #333;
 254     padding-top: 8px;
 255     position: relative;
 256     z-index: 1000;
 257 }
 258 .dr-toc li.dr-lvl1 a {
 259     padding-left: 1em;
 260 }
 261 .dr-toc li.dr-lvl2 a {
 262     padding-left: 2em;
 263 }
 264 .dr-toc li.dr-lvl3 a {
 265     padding-left: 3em;
 266 }
 267 .dr-toc li.dr-lvl4 a {
 268     padding-left: 4em;
 269 }
 270 .dr-toc li.dr-lvl5 a {
 271     padding-left: 5em;
 272 }
 273 .dr-toc li.dr-lvl6 a {
 274     padding-left: 6em;
 275 }
 276 .dr-toc a.dr-property {
 277     color: #339;
 278 }
 279 .dr-toc a.dr-method {
 280     color: #933;
 281 }
 282 .dr-toc a:hover {
 283     text-shadow: 0 0 2px #333;
 284 }
 285 .dr-toc a.dr-property:hover {
 286     text-shadow: 0 0 2px #66c;
 287 }
 288 .dr-toc a.dr-method:hover {
 289     text-shadow: 0 0 2px #c66;
 290 }
 291 a.dr-hash,
 292 a.dr-sourceline {
 293     -webkit-transition: opacity 0.2s linear;
 294     color: #333;
 295     font-family: Menlo, "Arial Unicode MS", sans-serif;
 296     margin: 0 0 0 .3em;
 297     opacity: 0;
 298     text-decoration: none;
 299 }
 300 a.dr-link {
 301     position: relative;
 302     color: #3875c0;
 303 }
 304 a.dr-link:hover {
 305     text-shadow: 0 1px 2px #999;
 306     bottom: 1px;
 307     padding-bottom: 1px;
 308 }
 309 a.dr-link:visited {
 310     color: #7051bc;
 311 }
 312 h2:hover a.dr-hash,
 313 h3:hover a.dr-hash,
 314 h4:hover a.dr-hash,
 315 h5:hover a.dr-hash,
 316 h2:hover a.dr-sourceline,
 317 h3:hover a.dr-sourceline,
 318 h4:hover a.dr-sourceline,
 319 h5:hover a.dr-sourceline {
 320     opacity: 1;
 321 }
 322 p {
 323     margin: 0 0 .5em;
 324 }
 325
 326 .dr-source-line {
 327     margin: 0;
 328 }
 329 .dr-source-line a {
 330     -webkit-border-radius: 5px;
 331     -webkit-border-radius: 5px;
 332     -moz-border-radius: 5px;
 333     -moz-border-radius: 5px;
 334     border-radius: 5px;
 335     border-radius: 5px;
 336     color: #000;
 337     background: #999;
 338     font-weight: 400;
 339     font-size: .75em;
 340     text-decoration: none;
 341     padding: 5px;
 342 }
 343 #src-dr-js code {
 344     background: #000;
 345     display: block;
 346     color: #fff;
 347     font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
 348     white-space: pre;
 349     padding-left: 100px;
 350     position: relative;
 351     line-height: 1.2;
 352 }
 353 #src-dr-js code:hover {
 354     background: #333;
 355 }
 356 #src-dr-js code:hover .ln {
 357     color: #fff;
 358 }
 359 #src-dr-js code .ln {
 360     position: absolute;
 361     left: 0;
 362     color: #333;
 363     width: 70px;
 364     text-align: right;
 365 }
 366
 367 /*Scrollbar*/
 368 .dr-doc::-webkit-scrollbar,
 369 .dr-toc::-webkit-scrollbar {
 370     width: 7px;
 371     height: 9px;
 372 }
 373 .dr-doc::-webkit-scrollbar-button:start:decrement,
 374 .dr-doc::-webkit-scrollbar-button:end:increment,
 375 .dr-toc::-webkit-scrollbar-button:start:decrement,
 376 .dr-toc::-webkit-scrollbar-button:end:increment {
 377     display: block;
 378     height: 0;
 379     background-color: transparent;
 380 }
 381 .dr-doc::-webkit-scrollbar-track-piece,
 382 .dr-toc::-webkit-scrollbar-track-piece {
 383     -webkit-border-radius: 0;
 384     -webkit-border-bottom-right-radius: 4px;
 385     -webkit-border-bottom-left-radius: 4px;
 386 }
 387 .dr-doc::-webkit-scrollbar-thumb:vertical,
 388 .dr-toc::-webkit-scrollbar-thumb:vertical {
 389     height: 50px;
 390     background-color: rgba(0, 0, 0, 0.2);
 391     -webkit-border-radius: 4px;
 392 }
 393 .dr-doc::-webkit-scrollbar-thumb:horizontal,
 394 .dr-toc::-webkit-scrollbar-thumb:horizontal {
 395     width: 50px;
 396     background-color: rgba(0, 0, 0, 0.2);
 397     -webkit-border-radius: 4px;
 398 }