[Summary view] [Print] [Text view]

   1  
   2  body { background: #fff; color: #333; font-family: helvetica, arial, sans-serif; margin: 30px; font-size: 15px; line-height: 145%; }
   3  h1, h2, h3 { color: #000; }
   4  h2, h3 { margin: 30px 0 10px 0; }
   5  h2:first-child, h3:first-child { margin-top: 0; }
   6  p, .p { margin: 10px 0 20px 0; }
   7  input.time, input.date { font-size: 13px; }
   8  input.time { width: 80px; }
   9  input.date { width: 90px; }
  10  a { color: #00f; }
  11  h1 a { color: #000; }
  12  image { border: 0; }
  13  
  14  .example { border: 1px solid #ddd; background: #f4f4f4; padding: 10px; margin: 10px 0 30px 0; }
  15  .example h3 { margin: 0 0 10px 0; }
  16  .example p { margin: 20px 0 0 0; }
  17  
  18  .code { font-family: Consolas, Monaco, "Courier New", Courier; margin: 20px 0 0 0; background: #333; }
  19  
  20  #container { margin: 0 auto; width: 700px; }
  21  h1 { font-size: 3.8em; color: #000; margin: 0 0 35px 0; }
  22  h1 .small { font-size: 0.4em; }
  23  h1 a { text-decoration: none }
  24  h2 { font-size: 1.5em; color: #000; }
  25  .byline { font-size: 1.5em; font-weight: bold; margin: 20px 0 0 0; }
  26  .byline a { text-decoration: none; }
  27  .description { font-size: 1.2em; margin: 20px 0; font-style: italic;}
  28  
  29  pre { background: #000; color: #fff; padding: 15px;}
  30  hr { border: 0; width: 80%; border-bottom: 1px solid #aaa}
  31  .footer { text-align:center; padding-top:30px; font-style: italic; }
  32  
  33  div.ui-datepicker { font-size: 11px; }
  34  
  35  /**
  36   * Blackboard theme
  37   *
  38   * Adapted from Domenico Carbotta's TextMate theme of the same name
  39   *
  40   * @author Domenico Carbotta
  41   * @author Craig Campbell
  42   * @version 1.0.2
  43   */
  44  pre {
  45      background: #0B1022;
  46      word-wrap: break-word;
  47      margin: 0px;
  48      padding: 0px;
  49      padding: 10px;
  50      color: #fff;
  51      font-size: 14px;
  52      margin-bottom: 20px;
  53  }
  54  
  55  pre, code {
  56      font-family: 'Monaco', courier, monospace;
  57  }
  58  
  59  pre .comment {
  60      color: #727272;
  61  }
  62  
  63  pre .constant {
  64      color: #D8FA3C;
  65  }
  66  
  67  pre .storage {
  68      color: #FBDE2D;
  69  }
  70  
  71  pre .string, pre .comment.docstring {
  72      color: #61CE3C;
  73  }
  74  
  75  pre .string.regexp, pre .support.tag.script, pre .support.tag.style {
  76      color: #fff;
  77  }
  78  
  79  pre .keyword, pre .selector {
  80      color: #FBDE2D;
  81  }
  82  
  83  pre .inherited-class {
  84      font-style: italic;
  85  }
  86  
  87  pre .entity {
  88      color: #FF6400;
  89  }
  90  
  91  pre .support, *[data-language="c"] .function.call {
  92      color: #8DA6CE;
  93  }
  94  
  95  pre .variable.global, pre .variable.class, pre .variable.instance {
  96      color: #FF6400;
  97  }
  98  
  99  
 100  
 101  /* Bootstrap datepicker CSS */
 102  .dropdown { position:relative; }
 103  .dropdown-toggle { *margin-bottom:-3px; }
 104  .dropdown-toggle:active, .open .dropdown-toggle { outline:0; }
 105  .caret {
 106    display:inline-block;
 107    width:0;
 108    height:0;
 109    text-indent:-99999px;
 110    *text-indent:0;
 111    vertical-align:top;
 112    border-left:4px solid transparent;
 113    border-right:4px solid transparent;
 114    border-top:4px solid #000000;
 115    opacity:0.3;
 116    filter:alpha(opacity=30);
 117    content:"\2193";
 118  }
 119  .dropdown .caret {
 120    margin-top:8px;
 121    margin-left:2px;
 122  }
 123  .dropdown:hover .caret, .open.dropdown .caret {
 124    opacity:1;
 125    filter:alpha(opacity=100);
 126  }
 127  .dropdown-menu {
 128    position:absolute;
 129    top:100%;
 130    left:0;
 131    z-index:1000;
 132    float:left;
 133    display:none;
 134    min-width:160px;
 135    max-width:220px;
 136    _width:160px;
 137    padding:4px 0;
 138    margin:0;
 139    list-style:none;
 140    background-color:#ffffff;
 141    border-color:#cccccc;
 142    border-color:rgba(0,0,0,0.2);
 143    border-style:solid;
 144    border-width:1px;
 145    -webkit-border-radius:0 0 5px 5px;
 146    -moz-border-radius:0 0 5px 5px;
 147    border-radius:0 0 5px 5px;
 148    -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
 149    -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
 150    box-shadow:0 5px 10px rgba(0,0,0,0.2);
 151    -webkit-background-clip:padding-box;
 152    -moz-background-clip:padding;
 153    background-clip:padding-box;
 154    *border-right-width:2px;
 155    *border-bottom-width:2px;
 156  }
 157  .dropdown-menu.bottom-up {
 158    top:auto;
 159    bottom:100%;
 160    margin-bottom:2px;
 161  }
 162  .dropdown-menu .divider {
 163    height:1px;
 164    margin:5px 1px;
 165    overflow:hidden;
 166    background-color:#e5e5e5;
 167    border-bottom:1px solid #ffffff;
 168    *width:100%;
 169    *margin:-5px 0 5px;
 170  }
 171  .dropdown-menu a {
 172    display:block;
 173    padding:3px 15px;
 174    clear:both;
 175    font-weight:normal;
 176    line-height:18px;
 177    color:#555555;
 178    white-space:nowrap;
 179  }
 180  .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
 181    color:#ffffff;
 182    text-decoration:none;
 183    background-color:#0060b6;
 184  }
 185  .dropdown.open { *z-index:1000; }
 186  .dropdown.open .dropdown-toggle {
 187    color:#ffffff;
 188    background:#cccccc;
 189    background:rgba(0,0,0,0.3);
 190  }
 191  .dropdown.open .dropdown-menu { display:block; }
 192  .typeahead {
 193    margin-top:2px;
 194    -webkit-border-radius:4px;
 195    -moz-border-radius:4px;
 196    border-radius:4px;
 197  }
 198  /*!
 199   * Datepicker for Bootstrap
 200   *
 201   * Copyright 2012 Stefan Petre
 202   * Improvements by Andrew Rowls
 203   * Licensed under the Apache License v2.0
 204   * http://www.apache.org/licenses/LICENSE-2.0
 205   *
 206   */
 207  .datepicker {
 208    top: 0;
 209    left: 0;
 210    padding: 4px;
 211    margin-top: 1px;
 212    -webkit-border-radius: 4px;
 213    -moz-border-radius: 4px;
 214    border-radius: 4px;
 215    /*.dow {
 216      border-top: 1px solid #ddd !important;
 217    }*/
 218  
 219  }
 220  .datepicker:before {
 221    content: '';
 222    display: inline-block;
 223    border-left: 7px solid transparent;
 224    border-right: 7px solid transparent;
 225    border-bottom: 7px solid #ccc;
 226    border-bottom-color: rgba(0, 0, 0, 0.2);
 227    position: absolute;
 228    top: -7px;
 229    left: 6px;
 230  }
 231  .datepicker:after {
 232    content: '';
 233    display: inline-block;
 234    border-left: 6px solid transparent;
 235    border-right: 6px solid transparent;
 236    border-bottom: 6px solid #ffffff;
 237    position: absolute;
 238    top: -6px;
 239    left: 7px;
 240  }
 241  .datepicker > div {
 242    display: none;
 243  }
 244  .datepicker.days div.datepicker-days {
 245    display: block;
 246  }
 247  .datepicker.months div.datepicker-months {
 248    display: block;
 249  }
 250  .datepicker.years div.datepicker-years {
 251    display: block;
 252  }
 253  .datepicker table {
 254    margin: 0;
 255  }
 256  .datepicker td,
 257  .datepicker th {
 258    text-align: center;
 259    width: 20px;
 260    height: 20px;
 261    -webkit-border-radius: 4px;
 262    -moz-border-radius: 4px;
 263    border-radius: 4px;
 264  }
 265  .datepicker td.day:hover {
 266    background: #eeeeee;
 267    cursor: pointer;
 268  }
 269  .datepicker td.old,
 270  .datepicker td.new {
 271    color: #999999;
 272  }
 273  .datepicker td.disabled,
 274  .datepicker td.disabled:hover {
 275    background: none;
 276    color: #999999;
 277    cursor: default;
 278  }
 279  .datepicker td.today,
 280  .datepicker td.today:hover,
 281  .datepicker td.today.disabled,
 282  .datepicker td.today.disabled:hover {
 283    background-color: #fde19a;
 284    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
 285    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
 286    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
 287    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
 288    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
 289    background-image: linear-gradient(top, #fdd49a, #fdf59a);
 290    background-repeat: repeat-x;
 291    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
 292    border-color: #fdf59a #fdf59a #fbed50;
 293    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 294    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
 295  }
 296  .datepicker td.today:hover,
 297  .datepicker td.today:hover:hover,
 298  .datepicker td.today.disabled:hover,
 299  .datepicker td.today.disabled:hover:hover,
 300  .datepicker td.today:active,
 301  .datepicker td.today:hover:active,
 302  .datepicker td.today.disabled:active,
 303  .datepicker td.today.disabled:hover:active,
 304  .datepicker td.today.active,
 305  .datepicker td.today:hover.active,
 306  .datepicker td.today.disabled.active,
 307  .datepicker td.today.disabled:hover.active,
 308  .datepicker td.today.disabled,
 309  .datepicker td.today:hover.disabled,
 310  .datepicker td.today.disabled.disabled,
 311  .datepicker td.today.disabled:hover.disabled,
 312  .datepicker td.today[disabled],
 313  .datepicker td.today:hover[disabled],
 314  .datepicker td.today.disabled[disabled],
 315  .datepicker td.today.disabled:hover[disabled] {
 316    background-color: #fdf59a;
 317  }
 318  .datepicker td.today:active,
 319  .datepicker td.today:hover:active,
 320  .datepicker td.today.disabled:active,
 321  .datepicker td.today.disabled:hover:active,
 322  .datepicker td.today.active,
 323  .datepicker td.today:hover.active,
 324  .datepicker td.today.disabled.active,
 325  .datepicker td.today.disabled:hover.active {
 326    background-color: #fbf069 \9;
 327  }
 328  .datepicker td.active,
 329  .datepicker td.active:hover,
 330  .datepicker td.active.disabled,
 331  .datepicker td.active.disabled:hover {
 332    background-color: #006dcc;
 333    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
 334    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
 335    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
 336    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
 337    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
 338    background-image: linear-gradient(top, #0088cc, #0044cc);
 339    background-repeat: repeat-x;
 340    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
 341    border-color: #0044cc #0044cc #002a80;
 342    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 343    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
 344    color: #fff;
 345    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 346  }
 347  .datepicker td.active:hover,
 348  .datepicker td.active:hover:hover,
 349  .datepicker td.active.disabled:hover,
 350  .datepicker td.active.disabled:hover:hover,
 351  .datepicker td.active:active,
 352  .datepicker td.active:hover:active,
 353  .datepicker td.active.disabled:active,
 354  .datepicker td.active.disabled:hover:active,
 355  .datepicker td.active.active,
 356  .datepicker td.active:hover.active,
 357  .datepicker td.active.disabled.active,
 358  .datepicker td.active.disabled:hover.active,
 359  .datepicker td.active.disabled,
 360  .datepicker td.active:hover.disabled,
 361  .datepicker td.active.disabled.disabled,
 362  .datepicker td.active.disabled:hover.disabled,
 363  .datepicker td.active[disabled],
 364  .datepicker td.active:hover[disabled],
 365  .datepicker td.active.disabled[disabled],
 366  .datepicker td.active.disabled:hover[disabled] {
 367    background-color: #0044cc;
 368  }
 369  .datepicker td.active:active,
 370  .datepicker td.active:hover:active,
 371  .datepicker td.active.disabled:active,
 372  .datepicker td.active.disabled:hover:active,
 373  .datepicker td.active.active,
 374  .datepicker td.active:hover.active,
 375  .datepicker td.active.disabled.active,
 376  .datepicker td.active.disabled:hover.active {
 377    background-color: #003399 \9;
 378  }
 379  .datepicker td span {
 380    display: block;
 381    width: 23%;
 382    height: 54px;
 383    line-height: 54px;
 384    float: left;
 385    margin: 1%;
 386    cursor: pointer;
 387    -webkit-border-radius: 4px;
 388    -moz-border-radius: 4px;
 389    border-radius: 4px;
 390  }
 391  .datepicker td span:hover {
 392    background: #eeeeee;
 393  }
 394  .datepicker td span.disabled,
 395  .datepicker td span.disabled:hover {
 396    background: none;
 397    color: #999999;
 398    cursor: default;
 399  }
 400  .datepicker td span.active,
 401  .datepicker td span.active:hover,
 402  .datepicker td span.active.disabled,
 403  .datepicker td span.active.disabled:hover {
 404    background-color: #006dcc;
 405    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
 406    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
 407    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
 408    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
 409    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
 410    background-image: linear-gradient(top, #0088cc, #0044cc);
 411    background-repeat: repeat-x;
 412    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
 413    border-color: #0044cc #0044cc #002a80;
 414    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 415    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
 416    color: #fff;
 417    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 418  }
 419  .datepicker td span.active:hover,
 420  .datepicker td span.active:hover:hover,
 421  .datepicker td span.active.disabled:hover,
 422  .datepicker td span.active.disabled:hover:hover,
 423  .datepicker td span.active:active,
 424  .datepicker td span.active:hover:active,
 425  .datepicker td span.active.disabled:active,
 426  .datepicker td span.active.disabled:hover:active,
 427  .datepicker td span.active.active,
 428  .datepicker td span.active:hover.active,
 429  .datepicker td span.active.disabled.active,
 430  .datepicker td span.active.disabled:hover.active,
 431  .datepicker td span.active.disabled,
 432  .datepicker td span.active:hover.disabled,
 433  .datepicker td span.active.disabled.disabled,
 434  .datepicker td span.active.disabled:hover.disabled,
 435  .datepicker td span.active[disabled],
 436  .datepicker td span.active:hover[disabled],
 437  .datepicker td span.active.disabled[disabled],
 438  .datepicker td span.active.disabled:hover[disabled] {
 439    background-color: #0044cc;
 440  }
 441  .datepicker td span.active:active,
 442  .datepicker td span.active:hover:active,
 443  .datepicker td span.active.disabled:active,
 444  .datepicker td span.active.disabled:hover:active,
 445  .datepicker td span.active.active,
 446  .datepicker td span.active:hover.active,
 447  .datepicker td span.active.disabled.active,
 448  .datepicker td span.active.disabled:hover.active {
 449    background-color: #003399 \9;
 450  }
 451  .datepicker td span.old {
 452    color: #999999;
 453  }
 454  .datepicker th.switch {
 455    width: 145px;
 456  }
 457  .datepicker thead tr:first-child th,
 458  .datepicker tfoot tr:first-child th {
 459    cursor: pointer;
 460  }
 461  .datepicker thead tr:first-child th:hover,
 462  .datepicker tfoot tr:first-child th:hover {
 463    background: #eeeeee;
 464  }
 465  .input-append.date .add-on i,
 466  .input-prepend.date .add-on i {
 467    display: block;
 468    cursor: pointer;
 469    width: 16px;
 470    height: 16px;
 471  }