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 100.01%/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 2em;
  26     width: 60em;
  27 }
  28 .dr-toc {
  29     margin: 0;
  30     padding: 0 1em;
  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: 15em;
  39 }
  40 #dr {
  41     margin: 0 auto;
  42     width: 82em;
  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: 1em 2.5em;
  67     margin: 0 -2.5em;
  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: .5em 0;
  96 }
  97 dt.dr-param {
  98     color: #666;
  99     font-weight: 400;
 100     float: left;
 101     margin-right: 1em;
 102     min-width: 10em;
 103 }
 104 dd.dr-type {
 105     margin: 0;
 106 }
 107 dd.dr-description {
 108     display: table;
 109     min-height: 1.5em;
 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: .3em;
 119     -webkit-border-radius: .3em;
 120     background: #ccc;
 121     border-radius: .3em;
 122     display: block;
 123     float: left;
 124     font-size: .75em;
 125     font-style: normal;
 126     font-weight: 700;
 127     margin: .2em .5em .2em 0;
 128     min-width: 5em;
 129     padding: .1em .5em;
 130     text-align: center;
 131 }
 132 .dr-property em.dr-type {
 133     margin: .23em 1em 0 0;
 134 }
 135 em.dr-type-string {
 136     background: #e5ff7f;
 137     color: #667f00;
 138 }
 139 em.dr-type-object {
 140     background: #ff7f7f;
 141     color: #7f0000;
 142 }
 143 em.dr-type-function {
 144     background: #bf7fff;
 145     color: #3f007f;
 146 }
 147 em.dr-type-number {
 148     background: #7fb2ff;
 149     color: #00327f;
 150 }
 151 em.dr-type-boolean {
 152     background: #7fffb2;
 153     color: #007f32;
 154 }
 155 em.dr-type-array {
 156     background: #ffcc7f;
 157     color: #7f4c00;
 158 }
 159 dd.dr-optional {
 160     display: none;
 161 }
 162 ol.dr-json {
 163     background: #ddd;
 164     list-style: none;
 165     margin: 0 -2em;
 166     padding: 1em 2em;
 167 }
 168 ol.dr-json .dr-json-key {
 169     float: left;
 170     min-width: 3em;
 171     margin-right: 1em;
 172 }
 173 ol.dr-json .dr-json-description {
 174     display: table;
 175 }
 176 ol.dr-json ol.dr-json  {
 177     margin: 0;
 178     padding: 0 0 0 3em;
 179 }
 180 h1 {
 181     font-weight: 400;
 182     font-size: 2.6em;
 183     margin: 0;
 184 }
 185 h2, h3, h4, h5 {
 186     margin: 1em 0;
 187     padding: .4em 0 0;
 188     font-weight: 100;
 189     position: relative;
 190 }
 191 h5 {
 192     font-size: 1.1em;
 193 }
 194 h4 {
 195     font-size: 1.2em;
 196 }
 197 h3 {
 198     font-size: 1.8em;
 199 }
 200 h2 {
 201     font-size: 2.4em;
 202 }
 203 h2.dr-method,
 204 h3.dr-method,
 205 h4.dr-method,
 206 h5.dr-method {
 207     color: #900;
 208 }
 209 h2.dr-property,
 210 h3.dr-property,
 211 h4.dr-property,
 212 h5.dr-property {
 213     color: #009;
 214 }
 215 p.header {
 216     font-size: 1.2em;
 217     font-weight: 200;
 218 }
 219 .dr-returns {
 220     margin-top: 1em;
 221 }
 222 .dr-returns .dr-title {
 223     float: left;
 224     margin-right: 1em;
 225     width: 10em;
 226 }
 227 .dr-toc a {
 228     display: block;
 229     text-decoration: none;
 230     color: #333;
 231     padding-top: .5em;
 232     position: relative;
 233     z-index: 1000;
 234 }
 235 .dr-toc li.dr-lvl1 a {
 236     padding-left: 1em;
 237 }
 238 .dr-toc li.dr-lvl2 a {
 239     padding-left: 2em;
 240 }
 241 .dr-toc li.dr-lvl3 a {
 242     padding-left: 3em;
 243 }
 244 .dr-toc li.dr-lvl4 a {
 245     padding-left: 4em;
 246 }
 247 .dr-toc li.dr-lvl5 a {
 248     padding-left: 5em;
 249 }
 250 .dr-toc li.dr-lvl6 a {
 251     padding-left: 6em;
 252 }
 253 .dr-toc a.dr-property {
 254     color: #339;
 255 }
 256 .dr-toc a.dr-method {
 257     color: #933;
 258 }
 259 .dr-toc a:hover {
 260     text-shadow: 0 0 2px #333;
 261 }
 262 .dr-toc a.dr-property:hover {
 263     text-shadow: 0 0 2px #66c;
 264 }
 265 .dr-toc a.dr-method:hover {
 266     text-shadow: 0 0 2px #c66;
 267 }
 268 a.dr-hash,
 269 a.dr-sourceline {
 270     -webkit-transition: opacity 0.2s linear;
 271     color: #333;
 272     font-family: Menlo, "Arial Unicode MS", sans-serif;
 273     margin: 0 0 0 .3em;
 274     opacity: 0;
 275     text-decoration: none;
 276 }
 277 a.dr-link {
 278     position: relative;
 279     color: #3875c0;
 280 }
 281 a.dr-link:hover {
 282     text-shadow: 0 1px 2px #999;
 283     bottom: 1px;
 284     padding-bottom: 1px;
 285 }
 286 a.dr-link:visited {
 287     color: #7051bc;
 288 }
 289 h2:hover a.dr-hash,
 290 h3:hover a.dr-hash,
 291 h4:hover a.dr-hash,
 292 h5:hover a.dr-hash,
 293 h2:hover a.dr-sourceline,
 294 h3:hover a.dr-sourceline,
 295 h4:hover a.dr-sourceline,
 296 h5:hover a.dr-sourceline {
 297     opacity: 1;
 298 }
 299 p {
 300     margin: 0 0 .5em;
 301 }
 302
 303 .dr-source-line {
 304     margin: 0;
 305 }
 306 .dr-source-line a {
 307     -webkit-border-radius: 5px;
 308     -webkit-border-radius: 5px;
 309     -moz-border-radius: 5px;
 310     -moz-border-radius: 5px;
 311     border-radius: 5px;
 312     border-radius: 5px;
 313     color: #000;
 314     background: #999;
 315     font-weight: 400;
 316     font-size: .75em;
 317     text-decoration: none;
 318     padding: 5px;
 319 }
 320 #src-dr-js code {
 321     background: #000;
 322     display: block;
 323     color: #fff;
 324     font-family: Menlo, Consolas, Monaco, "Lucida Console", monospace;
 325     white-space: pre;
 326     padding-left: 100px;
 327     position: relative;
 328     line-height: 1.2;
 329 }
 330 #src-dr-js code:hover {
 331     background: #333;
 332 }
 333 #src-dr-js code:hover .ln {
 334 /*    background: #666;*/
 335     color: #fff;
 336 }
 337 #src-dr-js code .ln {
 338     position: absolute;
 339     left: 0;
 340     color: #333;
 341     width: 70px;
 342     text-align: right;
 343 }
 344
 345 /*Scrollbar*/
 346 .dr-doc::-webkit-scrollbar,
 347 .dr-toc::-webkit-scrollbar {
 348     width: 7px;
 349     height: 9px;
 350 }
 351 .dr-doc::-webkit-scrollbar-button:start:decrement,
 352 .dr-doc::-webkit-scrollbar-button:end:increment,
 353 .dr-toc::-webkit-scrollbar-button:start:decrement,
 354 .dr-toc::-webkit-scrollbar-button:end:increment {
 355     display: block;
 356     height: 0;
 357     background-color: transparent;
 358 }
 359 .dr-doc::-webkit-scrollbar-track-piece,
 360 .dr-toc::-webkit-scrollbar-track-piece {
 361     -webkit-border-radius: 0;
 362     -webkit-border-bottom-right-radius: 4px;
 363     -webkit-border-bottom-left-radius: 4px;
 364 }
 365 .dr-doc::-webkit-scrollbar-thumb:vertical,
 366 .dr-toc::-webkit-scrollbar-thumb:vertical {
 367     height: 50px;
 368     background-color: rgba(0, 0, 0, 0.2);
 369     -webkit-border-radius: 4px;
 370 }
 371 .dr-doc::-webkit-scrollbar-thumb:horizontal,
 372 .dr-toc::-webkit-scrollbar-thumb:horizontal {
 373     width: 50px;
 374     background-color: rgba(0, 0, 0, 0.2);
 375     -webkit-border-radius: 4px;
 376 }