BookStack Code Mirror - bookstack/blob - public/css/app.css

   1 /* http://meyerweb.com/eric/tools/css/reset/
   2    v2.0 | 20110126
   3    License: none (public domain)
   4 */
   5 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
   6   margin: 0;
   7   padding: 0;
   8   border: 0;
   9   font-size: 100%;
  10   font: inherit;
  11   vertical-align: baseline; }
  12
  13 /* HTML5 display-role reset for older browsers */
  14 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  15   display: block; }
  16
  17 body {
  18   line-height: 1; }
  19
  20 ol, ul {
  21   list-style: none; }
  22
  23 blockquote, q {
  24   quotes: none; }
  25
  26 blockquote:before, blockquote:after {
  27   content: '';
  28   content: none; }
  29
  30 q:before, q:after {
  31   content: '';
  32   content: none; }
  33
  34 table {
  35   border-collapse: collapse;
  36   border-spacing: 0; }
  37
  38 * {
  39   box-sizing: border-box; }
  40
  41 html {
  42   background-color: #FFF; }
  43
  44 body {
  45   font-family: "Roboto", Helvetica, Arial, sans-serif;
  46   font-size: 16px;
  47   line-height: 1.4em;
  48   color: #444;
  49   -webkit-font-smoothing: antialiased; }
  50
  51 /*
  52 * Header Styles
  53 */
  54 h1 {
  55   font-size: 5.625em;
  56   line-height: 1.22222222em;
  57   margin-top: 0.48888889em;
  58   margin-bottom: 0.24444444em; }
  59
  60 h2 {
  61   font-size: 3.1875em;
  62   line-height: 1.294117647em;
  63   margin-top: 0.8627451em;
  64   margin-bottom: 0.43137255em; }
  65
  66 h3 {
  67   font-size: 1.75em;
  68   line-height: 1.571428572em;
  69   margin-top: 0.78571429em;
  70   margin-bottom: 0.43137255em; }
  71
  72 h4 {
  73   font-size: 1em;
  74   line-height: 1.375em;
  75   margin-top: 1.375em;
  76   margin-bottom: 1.375em; }
  77
  78 h1 .subheader, h2 .subheader, h3 .subheader, h4 .subheader {
  79   display: block;
  80   font-size: 0.5em;
  81   line-height: 1em;
  82   color: #6d6d6d; }
  83
  84 /*
  85 * Link styling
  86 */
  87 a {
  88   color: #1c77c1;
  89   cursor: pointer;
  90   text-decoration: none;
  91   transition: color ease-in-out 80ms; }
  92   a:hover {
  93     text-decoration: underline;
  94     color: #0f4068; }
  95
  96 /*
  97 * Other HTML Text Elements
  98 */
  99 p, ul, ol, pre, table, blockquote {
 100   margin-top: 0.3em;
 101   margin-bottom: 1.375em; }
 102
 103 hr {
 104   border: 0;
 105   height: 1px;
 106   border: 0;
 107   background: #e3e0e0;
 108   margin-bottom: 24px; }
 109   hr.faded {
 110     background-image: linear-gradient(to right, #FFF, #e3e0e0 20%, #e3e0e0 80%, #FFF); }
 111   hr.margin-top {
 112     margin-top: 24px; }
 113
 114 strong, b, .bold, .strong {
 115   font-weight: bold; }
 116   strong > strong, strong > b, strong > .bold, strong > .strong, b > strong, b > b, b > .bold, b > .strong, .bold > strong, .bold > b, .bold > .bold, .bold > .strong, .strong > strong, .strong > b, .strong > .bold, .strong > .strong {
 117     font-weight: bolder; }
 118
 119 em, i, .italic {
 120   font-style: italic; }
 121
 122 small, p.small, span.small, .text-small {
 123   font-size: 0.8em;
 124   color: #777777; }
 125
 126 sup, .superscript {
 127   vertical-align: super;
 128   font-size: 0.8em; }
 129
 130 pre {
 131   font-family: monospace;
 132   white-space: pre; }
 133
 134 blockquote {
 135   display: block;
 136   position: relative;
 137   border-left: 4px solid #1c77c1;
 138   background-color: #F8F8F8;
 139   padding: 12px 16px 12px 32px; }
 140   blockquote:before {
 141     content: "\201C";
 142     font-size: 2em;
 143     font-weight: bold;
 144     position: absolute;
 145     top: 12px;
 146     left: 12px;
 147     color: #777777; }
 148
 149 .code-base, code, span.code {
 150   background-color: #F8F8F8;
 151   font-family: monospace;
 152   font-size: 0.88em;
 153   border: 1px solid #DDD;
 154   border-radius: 3px; }
 155
 156 code {
 157   display: block;
 158   white-space: pre;
 159   line-height: 1.2em;
 160   margin-bottom: 1.2em; }
 161
 162 span.code {
 163   padding: 1px 6px; }
 164
 165 /*
 166 * Text colors
 167 */
 168 p.pos, p .pos, span.pos, .text-pos {
 169   color: #409945; }
 170
 171 p.neg, p .neg, span.neg, .text-neg {
 172   color: #D35252; }
 173
 174 p.muted, p .muted, span.muted, .text-muted {
 175   color: #868686; }
 176
 177 p.primary, p .primary, span.primary, .text-primary {
 178   color: #1c77c1; }
 179
 180 p.secondary, p .secondary, span.secondary, .text-secondary {
 181   color: #e27b41; }
 182
 183 /*
 184 * Generic text styling classes
 185 */
 186 .underlined {
 187   text-decoration: underline; }
 188
 189 .text-center {
 190   text-align: center; }
 191
 192 .text-left {
 193   text-align: left; }
 194
 195 .text-right {
 196   text-align: right; }
 197
 198 /** Rules for all columns */
 199 div[class^="col-"] img {
 200   max-width: 100%; }
 201
 202 .container {
 203   max-width: 1100px;
 204   margin-left: auto;
 205   margin-right: auto;
 206   padding-left: 16px;
 207   padding-right: 16px; }
 208   .container.fluid {
 209     max-width: 100%; }
 210
 211 .row {
 212   margin-left: -16px;
 213   margin-right: -16px; }
 214
 215 .float {
 216   float: left; }
 217   .float.right {
 218     float: right; }
 219
 220 .block {
 221   display: block; }
 222
 223 .inline {
 224   display: inline; }
 225
 226 .block.inline {
 227   display: inline-block; }
 228
 229 .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
 230   position: relative;
 231   min-height: 1px;
 232   padding-left: 16px;
 233   padding-right: 16px; }
 234
 235 .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
 236   float: left; }
 237
 238 .col-xs-12 {
 239   width: 100%; }
 240
 241 .col-xs-11 {
 242   width: 91.66666667%; }
 243
 244 .col-xs-10 {
 245   width: 83.33333333%; }
 246
 247 .col-xs-9 {
 248   width: 75%; }
 249
 250 .col-xs-8 {
 251   width: 66.66666667%; }
 252
 253 .col-xs-7 {
 254   width: 58.33333333%; }
 255
 256 .col-xs-6 {
 257   width: 50%; }
 258
 259 .col-xs-5 {
 260   width: 41.66666667%; }
 261
 262 .col-xs-4 {
 263   width: 33.33333333%; }
 264
 265 .col-xs-3 {
 266   width: 25%; }
 267
 268 .col-xs-2 {
 269   width: 16.66666667%; }
 270
 271 .col-xs-1 {
 272   width: 8.33333333%; }
 273
 274 .col-xs-pull-12 {
 275   right: 100%; }
 276
 277 .col-xs-pull-11 {
 278   right: 91.66666667%; }
 279
 280 .col-xs-pull-10 {
 281   right: 83.33333333%; }
 282
 283 .col-xs-pull-9 {
 284   right: 75%; }
 285
 286 .col-xs-pull-8 {
 287   right: 66.66666667%; }
 288
 289 .col-xs-pull-7 {
 290   right: 58.33333333%; }
 291
 292 .col-xs-pull-6 {
 293   right: 50%; }
 294
 295 .col-xs-pull-5 {
 296   right: 41.66666667%; }
 297
 298 .col-xs-pull-4 {
 299   right: 33.33333333%; }
 300
 301 .col-xs-pull-3 {
 302   right: 25%; }
 303
 304 .col-xs-pull-2 {
 305   right: 16.66666667%; }
 306
 307 .col-xs-pull-1 {
 308   right: 8.33333333%; }
 309
 310 .col-xs-pull-0 {
 311   right: auto; }
 312
 313 .col-xs-push-12 {
 314   left: 100%; }
 315
 316 .col-xs-push-11 {
 317   left: 91.66666667%; }
 318
 319 .col-xs-push-10 {
 320   left: 83.33333333%; }
 321
 322 .col-xs-push-9 {
 323   left: 75%; }
 324
 325 .col-xs-push-8 {
 326   left: 66.66666667%; }
 327
 328 .col-xs-push-7 {
 329   left: 58.33333333%; }
 330
 331 .col-xs-push-6 {
 332   left: 50%; }
 333
 334 .col-xs-push-5 {
 335   left: 41.66666667%; }
 336
 337 .col-xs-push-4 {
 338   left: 33.33333333%; }
 339
 340 .col-xs-push-3 {
 341   left: 25%; }
 342
 343 .col-xs-push-2 {
 344   left: 16.66666667%; }
 345
 346 .col-xs-push-1 {
 347   left: 8.33333333%; }
 348
 349 .col-xs-push-0 {
 350   left: auto; }
 351
 352 .col-xs-offset-12 {
 353   margin-left: 100%; }
 354
 355 .col-xs-offset-11 {
 356   margin-left: 91.66666667%; }
 357
 358 .col-xs-offset-10 {
 359   margin-left: 83.33333333%; }
 360
 361 .col-xs-offset-9 {
 362   margin-left: 75%; }
 363
 364 .col-xs-offset-8 {
 365   margin-left: 66.66666667%; }
 366
 367 .col-xs-offset-7 {
 368   margin-left: 58.33333333%; }
 369
 370 .col-xs-offset-6 {
 371   margin-left: 50%; }
 372
 373 .col-xs-offset-5 {
 374   margin-left: 41.66666667%; }
 375
 376 .col-xs-offset-4 {
 377   margin-left: 33.33333333%; }
 378
 379 .col-xs-offset-3 {
 380   margin-left: 25%; }
 381
 382 .col-xs-offset-2 {
 383   margin-left: 16.66666667%; }
 384
 385 .col-xs-offset-1 {
 386   margin-left: 8.33333333%; }
 387
 388 .col-xs-offset-0 {
 389   margin-left: 0%; }
 390
 391 @media (min-width: 768px) {
 392   .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
 393     float: left; }
 394   .col-sm-12 {
 395     width: 100%; }
 396   .col-sm-11 {
 397     width: 91.66666667%; }
 398   .col-sm-10 {
 399     width: 83.33333333%; }
 400   .col-sm-9 {
 401     width: 75%; }
 402   .col-sm-8 {
 403     width: 66.66666667%; }
 404   .col-sm-7 {
 405     width: 58.33333333%; }
 406   .col-sm-6 {
 407     width: 50%; }
 408   .col-sm-5 {
 409     width: 41.66666667%; }
 410   .col-sm-4 {
 411     width: 33.33333333%; }
 412   .col-sm-3 {
 413     width: 25%; }
 414   .col-sm-2 {
 415     width: 16.66666667%; }
 416   .col-sm-1 {
 417     width: 8.33333333%; }
 418   .col-sm-pull-12 {
 419     right: 100%; }
 420   .col-sm-pull-11 {
 421     right: 91.66666667%; }
 422   .col-sm-pull-10 {
 423     right: 83.33333333%; }
 424   .col-sm-pull-9 {
 425     right: 75%; }
 426   .col-sm-pull-8 {
 427     right: 66.66666667%; }
 428   .col-sm-pull-7 {
 429     right: 58.33333333%; }
 430   .col-sm-pull-6 {
 431     right: 50%; }
 432   .col-sm-pull-5 {
 433     right: 41.66666667%; }
 434   .col-sm-pull-4 {
 435     right: 33.33333333%; }
 436   .col-sm-pull-3 {
 437     right: 25%; }
 438   .col-sm-pull-2 {
 439     right: 16.66666667%; }
 440   .col-sm-pull-1 {
 441     right: 8.33333333%; }
 442   .col-sm-pull-0 {
 443     right: auto; }
 444   .col-sm-push-12 {
 445     left: 100%; }
 446   .col-sm-push-11 {
 447     left: 91.66666667%; }
 448   .col-sm-push-10 {
 449     left: 83.33333333%; }
 450   .col-sm-push-9 {
 451     left: 75%; }
 452   .col-sm-push-8 {
 453     left: 66.66666667%; }
 454   .col-sm-push-7 {
 455     left: 58.33333333%; }
 456   .col-sm-push-6 {
 457     left: 50%; }
 458   .col-sm-push-5 {
 459     left: 41.66666667%; }
 460   .col-sm-push-4 {
 461     left: 33.33333333%; }
 462   .col-sm-push-3 {
 463     left: 25%; }
 464   .col-sm-push-2 {
 465     left: 16.66666667%; }
 466   .col-sm-push-1 {
 467     left: 8.33333333%; }
 468   .col-sm-push-0 {
 469     left: auto; }
 470   .col-sm-offset-12 {
 471     margin-left: 100%; }
 472   .col-sm-offset-11 {
 473     margin-left: 91.66666667%; }
 474   .col-sm-offset-10 {
 475     margin-left: 83.33333333%; }
 476   .col-sm-offset-9 {
 477     margin-left: 75%; }
 478   .col-sm-offset-8 {
 479     margin-left: 66.66666667%; }
 480   .col-sm-offset-7 {
 481     margin-left: 58.33333333%; }
 482   .col-sm-offset-6 {
 483     margin-left: 50%; }
 484   .col-sm-offset-5 {
 485     margin-left: 41.66666667%; }
 486   .col-sm-offset-4 {
 487     margin-left: 33.33333333%; }
 488   .col-sm-offset-3 {
 489     margin-left: 25%; }
 490   .col-sm-offset-2 {
 491     margin-left: 16.66666667%; }
 492   .col-sm-offset-1 {
 493     margin-left: 8.33333333%; }
 494   .col-sm-offset-0 {
 495     margin-left: 0%; } }
 496
 497 @media (min-width: 992px) {
 498   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
 499     float: left; }
 500   .col-md-12 {
 501     width: 100%; }
 502   .col-md-11 {
 503     width: 91.66666667%; }
 504   .col-md-10 {
 505     width: 83.33333333%; }
 506   .col-md-9 {
 507     width: 75%; }
 508   .col-md-8 {
 509     width: 66.66666667%; }
 510   .col-md-7 {
 511     width: 58.33333333%; }
 512   .col-md-6 {
 513     width: 50%; }
 514   .col-md-5 {
 515     width: 41.66666667%; }
 516   .col-md-4 {
 517     width: 33.33333333%; }
 518   .col-md-3 {
 519     width: 25%; }
 520   .col-md-2 {
 521     width: 16.66666667%; }
 522   .col-md-1 {
 523     width: 8.33333333%; }
 524   .col-md-pull-12 {
 525     right: 100%; }
 526   .col-md-pull-11 {
 527     right: 91.66666667%; }
 528   .col-md-pull-10 {
 529     right: 83.33333333%; }
 530   .col-md-pull-9 {
 531     right: 75%; }
 532   .col-md-pull-8 {
 533     right: 66.66666667%; }
 534   .col-md-pull-7 {
 535     right: 58.33333333%; }
 536   .col-md-pull-6 {
 537     right: 50%; }
 538   .col-md-pull-5 {
 539     right: 41.66666667%; }
 540   .col-md-pull-4 {
 541     right: 33.33333333%; }
 542   .col-md-pull-3 {
 543     right: 25%; }
 544   .col-md-pull-2 {
 545     right: 16.66666667%; }
 546   .col-md-pull-1 {
 547     right: 8.33333333%; }
 548   .col-md-pull-0 {
 549     right: auto; }
 550   .col-md-push-12 {
 551     left: 100%; }
 552   .col-md-push-11 {
 553     left: 91.66666667%; }
 554   .col-md-push-10 {
 555     left: 83.33333333%; }
 556   .col-md-push-9 {
 557     left: 75%; }
 558   .col-md-push-8 {
 559     left: 66.66666667%; }
 560   .col-md-push-7 {
 561     left: 58.33333333%; }
 562   .col-md-push-6 {
 563     left: 50%; }
 564   .col-md-push-5 {
 565     left: 41.66666667%; }
 566   .col-md-push-4 {
 567     left: 33.33333333%; }
 568   .col-md-push-3 {
 569     left: 25%; }
 570   .col-md-push-2 {
 571     left: 16.66666667%; }
 572   .col-md-push-1 {
 573     left: 8.33333333%; }
 574   .col-md-push-0 {
 575     left: auto; }
 576   .col-md-offset-12 {
 577     margin-left: 100%; }
 578   .col-md-offset-11 {
 579     margin-left: 91.66666667%; }
 580   .col-md-offset-10 {
 581     margin-left: 83.33333333%; }
 582   .col-md-offset-9 {
 583     margin-left: 75%; }
 584   .col-md-offset-8 {
 585     margin-left: 66.66666667%; }
 586   .col-md-offset-7 {
 587     margin-left: 58.33333333%; }
 588   .col-md-offset-6 {
 589     margin-left: 50%; }
 590   .col-md-offset-5 {
 591     margin-left: 41.66666667%; }
 592   .col-md-offset-4 {
 593     margin-left: 33.33333333%; }
 594   .col-md-offset-3 {
 595     margin-left: 25%; }
 596   .col-md-offset-2 {
 597     margin-left: 16.66666667%; }
 598   .col-md-offset-1 {
 599     margin-left: 8.33333333%; }
 600   .col-md-offset-0 {
 601     margin-left: 0%; } }
 602
 603 @media (min-width: 1200px) {
 604   .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
 605     float: left; }
 606   .col-lg-12 {
 607     width: 100%; }
 608   .col-lg-11 {
 609     width: 91.66666667%; }
 610   .col-lg-10 {
 611     width: 83.33333333%; }
 612   .col-lg-9 {
 613     width: 75%; }
 614   .col-lg-8 {
 615     width: 66.66666667%; }
 616   .col-lg-7 {
 617     width: 58.33333333%; }
 618   .col-lg-6 {
 619     width: 50%; }
 620   .col-lg-5 {
 621     width: 41.66666667%; }
 622   .col-lg-4 {
 623     width: 33.33333333%; }
 624   .col-lg-3 {
 625     width: 25%; }
 626   .col-lg-2 {
 627     width: 16.66666667%; }
 628   .col-lg-1 {
 629     width: 8.33333333%; }
 630   .col-lg-pull-12 {
 631     right: 100%; }
 632   .col-lg-pull-11 {
 633     right: 91.66666667%; }
 634   .col-lg-pull-10 {
 635     right: 83.33333333%; }
 636   .col-lg-pull-9 {
 637     right: 75%; }
 638   .col-lg-pull-8 {
 639     right: 66.66666667%; }
 640   .col-lg-pull-7 {
 641     right: 58.33333333%; }
 642   .col-lg-pull-6 {
 643     right: 50%; }
 644   .col-lg-pull-5 {
 645     right: 41.66666667%; }
 646   .col-lg-pull-4 {
 647     right: 33.33333333%; }
 648   .col-lg-pull-3 {
 649     right: 25%; }
 650   .col-lg-pull-2 {
 651     right: 16.66666667%; }
 652   .col-lg-pull-1 {
 653     right: 8.33333333%; }
 654   .col-lg-pull-0 {
 655     right: auto; }
 656   .col-lg-push-12 {
 657     left: 100%; }
 658   .col-lg-push-11 {
 659     left: 91.66666667%; }
 660   .col-lg-push-10 {
 661     left: 83.33333333%; }
 662   .col-lg-push-9 {
 663     left: 75%; }
 664   .col-lg-push-8 {
 665     left: 66.66666667%; }
 666   .col-lg-push-7 {
 667     left: 58.33333333%; }
 668   .col-lg-push-6 {
 669     left: 50%; }
 670   .col-lg-push-5 {
 671     left: 41.66666667%; }
 672   .col-lg-push-4 {
 673     left: 33.33333333%; }
 674   .col-lg-push-3 {
 675     left: 25%; }
 676   .col-lg-push-2 {
 677     left: 16.66666667%; }
 678   .col-lg-push-1 {
 679     left: 8.33333333%; }
 680   .col-lg-push-0 {
 681     left: auto; }
 682   .col-lg-offset-12 {
 683     margin-left: 100%; }
 684   .col-lg-offset-11 {
 685     margin-left: 91.66666667%; }
 686   .col-lg-offset-10 {
 687     margin-left: 83.33333333%; }
 688   .col-lg-offset-9 {
 689     margin-left: 75%; }
 690   .col-lg-offset-8 {
 691     margin-left: 66.66666667%; }
 692   .col-lg-offset-7 {
 693     margin-left: 58.33333333%; }
 694   .col-lg-offset-6 {
 695     margin-left: 50%; }
 696   .col-lg-offset-5 {
 697     margin-left: 41.66666667%; }
 698   .col-lg-offset-4 {
 699     margin-left: 33.33333333%; }
 700   .col-lg-offset-3 {
 701     margin-left: 25%; }
 702   .col-lg-offset-2 {
 703     margin-left: 16.66666667%; }
 704   .col-lg-offset-1 {
 705     margin-left: 8.33333333%; }
 706   .col-lg-offset-0 {
 707     margin-left: 0%; } }
 708
 709 .clearfix:before,
 710 .clearfix:after,
 711 .container:before,
 712 .container:after,
 713 .container-fluid:before,
 714 .container-fluid:after,
 715 .row:before,
 716 .row:after {
 717   content: " ";
 718   display: table; }
 719
 720 .clearfix:after,
 721 .container:after,
 722 .container-fluid:after,
 723 .row:after {
 724   clear: both; }
 725
 726 .center-block {
 727   display: block;
 728   margin-left: auto;
 729   margin-right: auto; }
 730
 731 /*
 732 * This file container all block styling including background shading,
 733 * margins, paddings & borders.
 734 */
 735 /*
 736 * Background Shading
 737 */
 738 .shaded {
 739   background-color: #f1f1f1; }
 740   .shaded.pos {
 741     background-color: #c0e5c2; }
 742   .shaded.neg {
 743     background-color: #e8a3a3; }
 744   .shaded.primary {
 745     background-color: #b5d8f4; }
 746   .shaded.secondary {
 747     background-color: #f6d7c6; }
 748
 749 /*
 750 * Bordering
 751 */
 752 .bordered {
 753   border: 1px solid #BBB; }
 754   .bordered.pos {
 755     border-color: #409945; }
 756   .bordered.neg {
 757     border-color: #D35252; }
 758   .bordered.primary {
 759     border-color: #1c77c1; }
 760   .bordered.secondary {
 761     border-color: #e27b41; }
 762   .bordered.thick {
 763     border-width: 2px; }
 764
 765 .rounded {
 766   border-radius: 3px; }
 767
 768 /*
 769 * Padding
 770 */
 771 .nopadding {
 772   padding: 0; }
 773
 774 .padded {
 775   padding: 24px; }
 776   .padded.large {
 777     padding: 32px; }
 778
 779 .padded-vertical, .padded-top {
 780   padding-top: 16px; }
 781   .padded-vertical.large, .padded-top.large {
 782     padding-top: 32px; }
 783
 784 .padded-vertical, .padded-bottom {
 785   padding-bottom: 16px; }
 786   .padded-vertical.large, .padded-bottom.large {
 787     padding-bottom: 32px; }
 788
 789 .padded-horizontal, .padded-left {
 790   padding-left: 16px; }
 791   .padded-horizontal.large, .padded-left.large {
 792     padding-left: 32px; }
 793
 794 .padded-horizontal, .padded-right {
 795   padding-right: 16px; }
 796   .padded-horizontal.large, .padded-right.large {
 797     padding-right: 32px; }
 798
 799 /*
 800 * Margins
 801 */
 802 .margins {
 803   margin: 24px; }
 804   .margins.large {
 805     margin: 32px; }
 806
 807 .margins-vertical, .margin-top {
 808   margin-top: 16px; }
 809   .margins-vertical.large, .margin-top.large {
 810     margin-top: 32px; }
 811
 812 .margins-vertical, .margin-bottom {
 813   margin-bottom: 16px; }
 814   .margins-vertical.large, .margin-bottom.large {
 815     margin-bottom: 32px; }
 816
 817 .margins-horizontal, .margin-left {
 818   margin-left: 16px; }
 819   .margins-horizontal.large, .margin-left.large {
 820     margin-left: 32px; }
 821
 822 .margins-horizontal, .margin-right {
 823   margin-right: 16px; }
 824   .margins-horizontal.large, .margin-right.large {
 825     margin-right: 32px; }
 826
 827 .button-base, .button, button[type="button"], input[type="button"], input[type="submit"] {
 828   text-decoration: none;
 829   font-size: 16px;
 830   line-height: 1.4em;
 831   padding: 6px 16px;
 832   margin: 6px 6px 6px 0;
 833   display: inline-block;
 834   border: none;
 835   outline: 0;
 836   border-radius: 3px;
 837   cursor: pointer;
 838   transition: all ease-in-out 80ms;
 839   box-shadow: 0 0 0 0 #000;
 840   background-color: #1c77c1;
 841   color: #EEE; }
 842   .button-base:hover, .button:hover, button[type="button"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
 843     background-color: #268ce0;
 844     box-shadow: 0 1px 3px 1px rgba(76, 76, 76, 0.26);
 845     text-decoration: none;
 846     color: #EEE; }
 847   .button-base:active, .button:active, button[type="button"]:active, input[type="button"]:active, input[type="submit"]:active {
 848     background-color: #17619d; }
 849
 850 .button.pos, button[type="button"].pos, input[type="button"].pos, input[type="submit"].pos {
 851   background-color: #409945;
 852   color: #EEE; }
 853   .button.pos:hover, button[type="button"].pos:hover, input[type="button"].pos:hover, input[type="submit"].pos:hover {
 854     background-color: #4db553;
 855     box-shadow: 0 1px 3px 1px rgba(76, 76, 76, 0.26);
 856     text-decoration: none;
 857     color: #EEE; }
 858   .button.pos:active, button[type="button"].pos:active, input[type="button"].pos:active, input[type="submit"].pos:active {
 859     background-color: #347c38; }
 860
 861 .button.neg, button[type="button"].neg, input[type="button"].neg, input[type="submit"].neg {
 862   background-color: #D35252;
 863   color: #EEE; }
 864   .button.neg:hover, button[type="button"].neg:hover, input[type="button"].neg:hover, input[type="submit"].neg:hover {
 865     background-color: #db7373;
 866     box-shadow: 0 1px 3px 1px rgba(76, 76, 76, 0.26);
 867     text-decoration: none;
 868     color: #EEE; }
 869   .button.neg:active, button[type="button"].neg:active, input[type="button"].neg:active, input[type="submit"].neg:active {
 870     background-color: #c93333; }
 871
 872 .button.secondary, button[type="button"].secondary, input[type="button"].secondary, input[type="submit"].secondary {
 873   background-color: #e27b41;
 874   color: #EEE; }
 875   .button.secondary:hover, button[type="button"].secondary:hover, input[type="button"].secondary:hover, input[type="submit"].secondary:hover {
 876     background-color: #e79464;
 877     box-shadow: 0 1px 3px 1px rgba(76, 76, 76, 0.26);
 878     text-decoration: none;
 879     color: #EEE; }
 880   .button.secondary:active, button[type="button"].secondary:active, input[type="button"].secondary:active, input[type="submit"].secondary:active {
 881     background-color: #d96321; }
 882
 883 .button-group:after {
 884   display: block;
 885   content: '';
 886   font-size: 0;
 887   clear: both;
 888   position: relative; }
 889
 890 .button-group .button, .button-group button[type="button"] {
 891   margin: 6px 0 6px 0;
 892   float: left;
 893   border-radius: 0; }
 894   .button-group .button:first-child, .button-group button[type="button"]:first-child {
 895     border-radius: 3px 0 0 3px; }
 896   .button-group .button:last-child, .button-group button[type="button"]:last-child {
 897     border-radius: 0 3px 3px 0; }
 898
 899 .input-base, input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="url"], input[type="password"], select, textarea {
 900   background-color: #FFF;
 901   border-radius: 2px;
 902   border: 1px solid #BBB;
 903   border-top: 1px solid #AAA;
 904   display: inline-block;
 905   font-size: 14px;
 906   font-family: "Roboto", Helvetica, Arial, sans-serif;
 907   padding: 6px;
 908   color: #222;
 909   width: 250px;
 910   max-width: 100%;
 911   -webkit-appearance: none; }
 912   .input-base.neg, input.neg[type="text"], input.neg[type="number"], input.neg[type="email"], input.neg[type="search"], input.neg[type="url"], input.neg[type="password"], select.neg, textarea.neg, .input-base.invalid, input.invalid[type="text"], input.invalid[type="number"], input.invalid[type="email"], input.invalid[type="search"], input.invalid[type="url"], input.invalid[type="password"], select.invalid, textarea.invalid {
 913     border: 1px solid #D35252; }
 914   .input-base.pos, input.pos[type="text"], input.pos[type="number"], input.pos[type="email"], input.pos[type="search"], input.pos[type="url"], input.pos[type="password"], select.pos, textarea.pos, .input-base.valid, input.valid[type="text"], input.valid[type="number"], input.valid[type="email"], input.valid[type="search"], input.valid[type="url"], input.valid[type="password"], select.valid, textarea.valid {
 915     border: 1px solid #409945; }
 916   .input-base.disabled, input.disabled[type="text"], input.disabled[type="number"], input.disabled[type="email"], input.disabled[type="search"], input.disabled[type="url"], input.disabled[type="password"], select.disabled, textarea.disabled, .input-base[disabled], input[disabled][type="text"], input[disabled][type="number"], input[disabled][type="email"], input[disabled][type="search"], input[disabled][type="url"], input[disabled][type="password"], select[disabled], textarea[disabled] {
 917     background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAMUlEQVQIW2NkwAGuXbv2nxGbHEhCS0uLEUMSJgHShCKJLIEiiS4Bl8QmAZbEJQGSBAC62BuJ+tt7zgAAAABJRU5ErkJggg==); }
 918
 919 label {
 920   display: block;
 921   line-height: 1.4em;
 922   font-size: 0.9em;
 923   font-weight: 500;
 924   color: #333; }
 925
 926 label.radio, label.checkbox {
 927   font-weight: 400; }
 928   label.radio input[type="radio"], label.radio input[type="checkbox"], label.checkbox input[type="radio"], label.checkbox input[type="checkbox"] {
 929     margin-right: 6px; }
 930
 931 .form-group {
 932   margin-bottom: 12px; }
 933
 934 header hr {
 935   margin-top: 0; }
 936
 937 header .menu {
 938   margin-bottom: 0;
 939   list-style: none; }
 940   header .menu li {
 941     display: inline-block;
 942     margin-left: 16px; }
 943
 944 /*# sourceMappingURL=app.css.map */