├── README.md ├── css ├── bootstrap-responsive.css ├── bootstrap.css ├── docs.css ├── font-awesome.css ├── monokai.css └── vimwiki.css ├── default.tpl ├── font ├── FontAwesome.otf ├── fontawesome-webfont.eot ├── fontawesome-webfont.svg ├── fontawesome-webfont.ttf └── fontawesome-webfont.woff └── js ├── bootstrap.js ├── highlight.pack.js └── jquery-1.9.1.js /README.md: -------------------------------------------------------------------------------- 1 | # Description 2 | Vimwiki Template 3 | 4 | # Requirements 5 | * Twitter Bootstrap 6 | * highlight.js 8.0 7 | * Font Awesome 4.0.3 8 | 9 | # using vimwiki assets 10 | ```sh 11 | $ cd $HOME/vimwiki_html/ 12 | $ git clone https://github.com/coderiot/vimwiki-assets.git assets 13 | ``` 14 | 15 | # .vimrc settings 16 | ```vim 17 | " vimwiki settings 18 | let vimwiki_path=$HOME.'/vimwiki/' 19 | let vimwiki_html_path=$HOME.'/vimwiki_html/' 20 | let g:vimwiki_list = [{'path_html':vimwiki_html_path, 21 | \ 'template_path':vimwiki_html_path.'vimwiki-assets/', 22 | \ 'template_default': 'default', 23 | \ 'template_ext': '.tpl', 24 | \ 'auto_export': 0}] 25 | ``` 26 | 27 | # Font Awesome are not showing in Firefox 28 | open `about:config` in firefox 29 | 30 | change `security.fileuri.strict_origin_policy` from `true` to `false` 31 | -------------------------------------------------------------------------------- /css/bootstrap-responsive.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Bootstrap Responsive v2.3.0 3 | * 4 | * Copyright 2012 Twitter, Inc 5 | * Licensed under the Apache License v2.0 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. 9 | */ 10 | 11 | .clearfix { 12 | *zoom: 1; 13 | } 14 | 15 | .clearfix:before, 16 | .clearfix:after { 17 | display: table; 18 | line-height: 0; 19 | content: ""; 20 | } 21 | 22 | .clearfix:after { 23 | clear: both; 24 | } 25 | 26 | .hide-text { 27 | font: 0/0 a; 28 | color: transparent; 29 | text-shadow: none; 30 | background-color: transparent; 31 | border: 0; 32 | } 33 | 34 | .input-block-level { 35 | display: block; 36 | width: 100%; 37 | min-height: 30px; 38 | -webkit-box-sizing: border-box; 39 | -moz-box-sizing: border-box; 40 | box-sizing: border-box; 41 | } 42 | 43 | @-ms-viewport { 44 | width: device-width; 45 | } 46 | 47 | .hidden { 48 | display: none; 49 | visibility: hidden; 50 | } 51 | 52 | .visible-phone { 53 | display: none !important; 54 | } 55 | 56 | .visible-tablet { 57 | display: none !important; 58 | } 59 | 60 | .hidden-desktop { 61 | display: none !important; 62 | } 63 | 64 | .visible-desktop { 65 | display: inherit !important; 66 | } 67 | 68 | @media (min-width: 768px) and (max-width: 979px) { 69 | .hidden-desktop { 70 | display: inherit !important; 71 | } 72 | .visible-desktop { 73 | display: none !important ; 74 | } 75 | .visible-tablet { 76 | display: inherit !important; 77 | } 78 | .hidden-tablet { 79 | display: none !important; 80 | } 81 | } 82 | 83 | @media (max-width: 767px) { 84 | .hidden-desktop { 85 | display: inherit !important; 86 | } 87 | .visible-desktop { 88 | display: none !important; 89 | } 90 | .visible-phone { 91 | display: inherit !important; 92 | } 93 | .hidden-phone { 94 | display: none !important; 95 | } 96 | } 97 | 98 | .visible-print { 99 | display: none !important; 100 | } 101 | 102 | @media print { 103 | .visible-print { 104 | display: inherit !important; 105 | } 106 | .hidden-print { 107 | display: none !important; 108 | } 109 | } 110 | 111 | @media (min-width: 1200px) { 112 | .row { 113 | margin-left: -30px; 114 | *zoom: 1; 115 | } 116 | .row:before, 117 | .row:after { 118 | display: table; 119 | line-height: 0; 120 | content: ""; 121 | } 122 | .row:after { 123 | clear: both; 124 | } 125 | [class*="span"] { 126 | float: left; 127 | min-height: 1px; 128 | margin-left: 30px; 129 | } 130 | .container, 131 | .navbar-static-top .container, 132 | .navbar-fixed-top .container, 133 | .navbar-fixed-bottom .container { 134 | width: 1170px; 135 | } 136 | .span12 { 137 | width: 1170px; 138 | } 139 | .span11 { 140 | width: 1070px; 141 | } 142 | .span10 { 143 | width: 970px; 144 | } 145 | .span9 { 146 | width: 870px; 147 | } 148 | .span8 { 149 | width: 770px; 150 | } 151 | .span7 { 152 | width: 670px; 153 | } 154 | .span6 { 155 | width: 570px; 156 | } 157 | .span5 { 158 | width: 470px; 159 | } 160 | .span4 { 161 | width: 370px; 162 | } 163 | .span3 { 164 | width: 270px; 165 | } 166 | .span2 { 167 | width: 170px; 168 | } 169 | .span1 { 170 | width: 70px; 171 | } 172 | .offset12 { 173 | margin-left: 1230px; 174 | } 175 | .offset11 { 176 | margin-left: 1130px; 177 | } 178 | .offset10 { 179 | margin-left: 1030px; 180 | } 181 | .offset9 { 182 | margin-left: 930px; 183 | } 184 | .offset8 { 185 | margin-left: 830px; 186 | } 187 | .offset7 { 188 | margin-left: 730px; 189 | } 190 | .offset6 { 191 | margin-left: 630px; 192 | } 193 | .offset5 { 194 | margin-left: 530px; 195 | } 196 | .offset4 { 197 | margin-left: 430px; 198 | } 199 | .offset3 { 200 | margin-left: 330px; 201 | } 202 | .offset2 { 203 | margin-left: 230px; 204 | } 205 | .offset1 { 206 | margin-left: 130px; 207 | } 208 | .row-fluid { 209 | width: 100%; 210 | *zoom: 1; 211 | } 212 | .row-fluid:before, 213 | .row-fluid:after { 214 | display: table; 215 | line-height: 0; 216 | content: ""; 217 | } 218 | .row-fluid:after { 219 | clear: both; 220 | } 221 | .row-fluid [class*="span"] { 222 | display: block; 223 | float: left; 224 | width: 100%; 225 | min-height: 30px; 226 | margin-left: 2.564102564102564%; 227 | *margin-left: 2.5109110747408616%; 228 | -webkit-box-sizing: border-box; 229 | -moz-box-sizing: border-box; 230 | box-sizing: border-box; 231 | } 232 | .row-fluid [class*="span"]:first-child { 233 | margin-left: 0; 234 | } 235 | .row-fluid .controls-row [class*="span"] + [class*="span"] { 236 | margin-left: 2.564102564102564%; 237 | } 238 | .row-fluid .span12 { 239 | width: 100%; 240 | *width: 99.94680851063829%; 241 | } 242 | .row-fluid .span11 { 243 | width: 91.45299145299145%; 244 | *width: 91.39979996362975%; 245 | } 246 | .row-fluid .span10 { 247 | width: 82.90598290598291%; 248 | *width: 82.8527914166212%; 249 | } 250 | .row-fluid .span9 { 251 | width: 74.35897435897436%; 252 | *width: 74.30578286961266%; 253 | } 254 | .row-fluid .span8 { 255 | width: 65.81196581196582%; 256 | *width: 65.75877432260411%; 257 | } 258 | .row-fluid .span7 { 259 | width: 57.26495726495726%; 260 | *width: 57.21176577559556%; 261 | } 262 | .row-fluid .span6 { 263 | width: 48.717948717948715%; 264 | *width: 48.664757228587014%; 265 | } 266 | .row-fluid .span5 { 267 | width: 40.17094017094017%; 268 | *width: 40.11774868157847%; 269 | } 270 | .row-fluid .span4 { 271 | width: 31.623931623931625%; 272 | *width: 31.570740134569924%; 273 | } 274 | .row-fluid .span3 { 275 | width: 23.076923076923077%; 276 | *width: 23.023731587561375%; 277 | } 278 | .row-fluid .span2 { 279 | width: 14.52991452991453%; 280 | *width: 14.476723040552828%; 281 | } 282 | .row-fluid .span1 { 283 | width: 5.982905982905983%; 284 | *width: 5.929714493544281%; 285 | } 286 | .row-fluid .offset12 { 287 | margin-left: 105.12820512820512%; 288 | *margin-left: 105.02182214948171%; 289 | } 290 | .row-fluid .offset12:first-child { 291 | margin-left: 102.56410256410257%; 292 | *margin-left: 102.45771958537915%; 293 | } 294 | .row-fluid .offset11 { 295 | margin-left: 96.58119658119658%; 296 | *margin-left: 96.47481360247316%; 297 | } 298 | .row-fluid .offset11:first-child { 299 | margin-left: 94.01709401709402%; 300 | *margin-left: 93.91071103837061%; 301 | } 302 | .row-fluid .offset10 { 303 | margin-left: 88.03418803418803%; 304 | *margin-left: 87.92780505546462%; 305 | } 306 | .row-fluid .offset10:first-child { 307 | margin-left: 85.47008547008548%; 308 | *margin-left: 85.36370249136206%; 309 | } 310 | .row-fluid .offset9 { 311 | margin-left: 79.48717948717949%; 312 | *margin-left: 79.38079650845607%; 313 | } 314 | .row-fluid .offset9:first-child { 315 | margin-left: 76.92307692307693%; 316 | *margin-left: 76.81669394435352%; 317 | } 318 | .row-fluid .offset8 { 319 | margin-left: 70.94017094017094%; 320 | *margin-left: 70.83378796144753%; 321 | } 322 | .row-fluid .offset8:first-child { 323 | margin-left: 68.37606837606839%; 324 | *margin-left: 68.26968539734497%; 325 | } 326 | .row-fluid .offset7 { 327 | margin-left: 62.393162393162385%; 328 | *margin-left: 62.28677941443899%; 329 | } 330 | .row-fluid .offset7:first-child { 331 | margin-left: 59.82905982905982%; 332 | *margin-left: 59.72267685033642%; 333 | } 334 | .row-fluid .offset6 { 335 | margin-left: 53.84615384615384%; 336 | *margin-left: 53.739770867430444%; 337 | } 338 | .row-fluid .offset6:first-child { 339 | margin-left: 51.28205128205128%; 340 | *margin-left: 51.175668303327875%; 341 | } 342 | .row-fluid .offset5 { 343 | margin-left: 45.299145299145295%; 344 | *margin-left: 45.1927623204219%; 345 | } 346 | .row-fluid .offset5:first-child { 347 | margin-left: 42.73504273504273%; 348 | *margin-left: 42.62865975631933%; 349 | } 350 | .row-fluid .offset4 { 351 | margin-left: 36.75213675213675%; 352 | *margin-left: 36.645753773413354%; 353 | } 354 | .row-fluid .offset4:first-child { 355 | margin-left: 34.18803418803419%; 356 | *margin-left: 34.081651209310785%; 357 | } 358 | .row-fluid .offset3 { 359 | margin-left: 28.205128205128204%; 360 | *margin-left: 28.0987452264048%; 361 | } 362 | .row-fluid .offset3:first-child { 363 | margin-left: 25.641025641025642%; 364 | *margin-left: 25.53464266230224%; 365 | } 366 | .row-fluid .offset2 { 367 | margin-left: 19.65811965811966%; 368 | *margin-left: 19.551736679396257%; 369 | } 370 | .row-fluid .offset2:first-child { 371 | margin-left: 17.094017094017094%; 372 | *margin-left: 16.98763411529369%; 373 | } 374 | .row-fluid .offset1 { 375 | margin-left: 11.11111111111111%; 376 | *margin-left: 11.004728132387708%; 377 | } 378 | .row-fluid .offset1:first-child { 379 | margin-left: 8.547008547008547%; 380 | *margin-left: 8.440625568285142%; 381 | } 382 | input, 383 | textarea, 384 | .uneditable-input { 385 | margin-left: 0; 386 | } 387 | .controls-row [class*="span"] + [class*="span"] { 388 | margin-left: 30px; 389 | } 390 | input.span12, 391 | textarea.span12, 392 | .uneditable-input.span12 { 393 | width: 1156px; 394 | } 395 | input.span11, 396 | textarea.span11, 397 | .uneditable-input.span11 { 398 | width: 1056px; 399 | } 400 | input.span10, 401 | textarea.span10, 402 | .uneditable-input.span10 { 403 | width: 956px; 404 | } 405 | input.span9, 406 | textarea.span9, 407 | .uneditable-input.span9 { 408 | width: 856px; 409 | } 410 | input.span8, 411 | textarea.span8, 412 | .uneditable-input.span8 { 413 | width: 756px; 414 | } 415 | input.span7, 416 | textarea.span7, 417 | .uneditable-input.span7 { 418 | width: 656px; 419 | } 420 | input.span6, 421 | textarea.span6, 422 | .uneditable-input.span6 { 423 | width: 556px; 424 | } 425 | input.span5, 426 | textarea.span5, 427 | .uneditable-input.span5 { 428 | width: 456px; 429 | } 430 | input.span4, 431 | textarea.span4, 432 | .uneditable-input.span4 { 433 | width: 356px; 434 | } 435 | input.span3, 436 | textarea.span3, 437 | .uneditable-input.span3 { 438 | width: 256px; 439 | } 440 | input.span2, 441 | textarea.span2, 442 | .uneditable-input.span2 { 443 | width: 156px; 444 | } 445 | input.span1, 446 | textarea.span1, 447 | .uneditable-input.span1 { 448 | width: 56px; 449 | } 450 | .thumbnails { 451 | margin-left: -30px; 452 | } 453 | .thumbnails > li { 454 | margin-left: 30px; 455 | } 456 | .row-fluid .thumbnails { 457 | margin-left: 0; 458 | } 459 | } 460 | 461 | @media (min-width: 768px) and (max-width: 979px) { 462 | .row { 463 | margin-left: -20px; 464 | *zoom: 1; 465 | } 466 | .row:before, 467 | .row:after { 468 | display: table; 469 | line-height: 0; 470 | content: ""; 471 | } 472 | .row:after { 473 | clear: both; 474 | } 475 | [class*="span"] { 476 | float: left; 477 | min-height: 1px; 478 | margin-left: 20px; 479 | } 480 | .container, 481 | .navbar-static-top .container, 482 | .navbar-fixed-top .container, 483 | .navbar-fixed-bottom .container { 484 | width: 724px; 485 | } 486 | .span12 { 487 | width: 724px; 488 | } 489 | .span11 { 490 | width: 662px; 491 | } 492 | .span10 { 493 | width: 600px; 494 | } 495 | .span9 { 496 | width: 538px; 497 | } 498 | .span8 { 499 | width: 476px; 500 | } 501 | .span7 { 502 | width: 414px; 503 | } 504 | .span6 { 505 | width: 352px; 506 | } 507 | .span5 { 508 | width: 290px; 509 | } 510 | .span4 { 511 | width: 228px; 512 | } 513 | .span3 { 514 | width: 166px; 515 | } 516 | .span2 { 517 | width: 104px; 518 | } 519 | .span1 { 520 | width: 42px; 521 | } 522 | .offset12 { 523 | margin-left: 764px; 524 | } 525 | .offset11 { 526 | margin-left: 702px; 527 | } 528 | .offset10 { 529 | margin-left: 640px; 530 | } 531 | .offset9 { 532 | margin-left: 578px; 533 | } 534 | .offset8 { 535 | margin-left: 516px; 536 | } 537 | .offset7 { 538 | margin-left: 454px; 539 | } 540 | .offset6 { 541 | margin-left: 392px; 542 | } 543 | .offset5 { 544 | margin-left: 330px; 545 | } 546 | .offset4 { 547 | margin-left: 268px; 548 | } 549 | .offset3 { 550 | margin-left: 206px; 551 | } 552 | .offset2 { 553 | margin-left: 144px; 554 | } 555 | .offset1 { 556 | margin-left: 82px; 557 | } 558 | .row-fluid { 559 | width: 100%; 560 | *zoom: 1; 561 | } 562 | .row-fluid:before, 563 | .row-fluid:after { 564 | display: table; 565 | line-height: 0; 566 | content: ""; 567 | } 568 | .row-fluid:after { 569 | clear: both; 570 | } 571 | .row-fluid [class*="span"] { 572 | display: block; 573 | float: left; 574 | width: 100%; 575 | min-height: 30px; 576 | margin-left: 2.7624309392265194%; 577 | *margin-left: 2.709239449864817%; 578 | -webkit-box-sizing: border-box; 579 | -moz-box-sizing: border-box; 580 | box-sizing: border-box; 581 | } 582 | .row-fluid [class*="span"]:first-child { 583 | margin-left: 0; 584 | } 585 | .row-fluid .controls-row [class*="span"] + [class*="span"] { 586 | margin-left: 2.7624309392265194%; 587 | } 588 | .row-fluid .span12 { 589 | width: 100%; 590 | *width: 99.94680851063829%; 591 | } 592 | .row-fluid .span11 { 593 | width: 91.43646408839778%; 594 | *width: 91.38327259903608%; 595 | } 596 | .row-fluid .span10 { 597 | width: 82.87292817679558%; 598 | *width: 82.81973668743387%; 599 | } 600 | .row-fluid .span9 { 601 | width: 74.30939226519337%; 602 | *width: 74.25620077583166%; 603 | } 604 | .row-fluid .span8 { 605 | width: 65.74585635359117%; 606 | *width: 65.69266486422946%; 607 | } 608 | .row-fluid .span7 { 609 | width: 57.18232044198895%; 610 | *width: 57.12912895262725%; 611 | } 612 | .row-fluid .span6 { 613 | width: 48.61878453038674%; 614 | *width: 48.56559304102504%; 615 | } 616 | .row-fluid .span5 { 617 | width: 40.05524861878453%; 618 | *width: 40.00205712942283%; 619 | } 620 | .row-fluid .span4 { 621 | width: 31.491712707182323%; 622 | *width: 31.43852121782062%; 623 | } 624 | .row-fluid .span3 { 625 | width: 22.92817679558011%; 626 | *width: 22.87498530621841%; 627 | } 628 | .row-fluid .span2 { 629 | width: 14.3646408839779%; 630 | *width: 14.311449394616199%; 631 | } 632 | .row-fluid .span1 { 633 | width: 5.801104972375691%; 634 | *width: 5.747913483013988%; 635 | } 636 | .row-fluid .offset12 { 637 | margin-left: 105.52486187845304%; 638 | *margin-left: 105.41847889972962%; 639 | } 640 | .row-fluid .offset12:first-child { 641 | margin-left: 102.76243093922652%; 642 | *margin-left: 102.6560479605031%; 643 | } 644 | .row-fluid .offset11 { 645 | margin-left: 96.96132596685082%; 646 | *margin-left: 96.8549429881274%; 647 | } 648 | .row-fluid .offset11:first-child { 649 | margin-left: 94.1988950276243%; 650 | *margin-left: 94.09251204890089%; 651 | } 652 | .row-fluid .offset10 { 653 | margin-left: 88.39779005524862%; 654 | *margin-left: 88.2914070765252%; 655 | } 656 | .row-fluid .offset10:first-child { 657 | margin-left: 85.6353591160221%; 658 | *margin-left: 85.52897613729868%; 659 | } 660 | .row-fluid .offset9 { 661 | margin-left: 79.8342541436464%; 662 | *margin-left: 79.72787116492299%; 663 | } 664 | .row-fluid .offset9:first-child { 665 | margin-left: 77.07182320441989%; 666 | *margin-left: 76.96544022569647%; 667 | } 668 | .row-fluid .offset8 { 669 | margin-left: 71.2707182320442%; 670 | *margin-left: 71.16433525332079%; 671 | } 672 | .row-fluid .offset8:first-child { 673 | margin-left: 68.50828729281768%; 674 | *margin-left: 68.40190431409427%; 675 | } 676 | .row-fluid .offset7 { 677 | margin-left: 62.70718232044199%; 678 | *margin-left: 62.600799341718584%; 679 | } 680 | .row-fluid .offset7:first-child { 681 | margin-left: 59.94475138121547%; 682 | *margin-left: 59.838368402492065%; 683 | } 684 | .row-fluid .offset6 { 685 | margin-left: 54.14364640883978%; 686 | *margin-left: 54.037263430116376%; 687 | } 688 | .row-fluid .offset6:first-child { 689 | margin-left: 51.38121546961326%; 690 | *margin-left: 51.27483249088986%; 691 | } 692 | .row-fluid .offset5 { 693 | margin-left: 45.58011049723757%; 694 | *margin-left: 45.47372751851417%; 695 | } 696 | .row-fluid .offset5:first-child { 697 | margin-left: 42.81767955801105%; 698 | *margin-left: 42.71129657928765%; 699 | } 700 | .row-fluid .offset4 { 701 | margin-left: 37.01657458563536%; 702 | *margin-left: 36.91019160691196%; 703 | } 704 | .row-fluid .offset4:first-child { 705 | margin-left: 34.25414364640884%; 706 | *margin-left: 34.14776066768544%; 707 | } 708 | .row-fluid .offset3 { 709 | margin-left: 28.45303867403315%; 710 | *margin-left: 28.346655695309746%; 711 | } 712 | .row-fluid .offset3:first-child { 713 | margin-left: 25.69060773480663%; 714 | *margin-left: 25.584224756083227%; 715 | } 716 | .row-fluid .offset2 { 717 | margin-left: 19.88950276243094%; 718 | *margin-left: 19.783119783707537%; 719 | } 720 | .row-fluid .offset2:first-child { 721 | margin-left: 17.12707182320442%; 722 | *margin-left: 17.02068884448102%; 723 | } 724 | .row-fluid .offset1 { 725 | margin-left: 11.32596685082873%; 726 | *margin-left: 11.219583872105325%; 727 | } 728 | .row-fluid .offset1:first-child { 729 | margin-left: 8.56353591160221%; 730 | *margin-left: 8.457152932878806%; 731 | } 732 | input, 733 | textarea, 734 | .uneditable-input { 735 | margin-left: 0; 736 | } 737 | .controls-row [class*="span"] + [class*="span"] { 738 | margin-left: 20px; 739 | } 740 | input.span12, 741 | textarea.span12, 742 | .uneditable-input.span12 { 743 | width: 710px; 744 | } 745 | input.span11, 746 | textarea.span11, 747 | .uneditable-input.span11 { 748 | width: 648px; 749 | } 750 | input.span10, 751 | textarea.span10, 752 | .uneditable-input.span10 { 753 | width: 586px; 754 | } 755 | input.span9, 756 | textarea.span9, 757 | .uneditable-input.span9 { 758 | width: 524px; 759 | } 760 | input.span8, 761 | textarea.span8, 762 | .uneditable-input.span8 { 763 | width: 462px; 764 | } 765 | input.span7, 766 | textarea.span7, 767 | .uneditable-input.span7 { 768 | width: 400px; 769 | } 770 | input.span6, 771 | textarea.span6, 772 | .uneditable-input.span6 { 773 | width: 338px; 774 | } 775 | input.span5, 776 | textarea.span5, 777 | .uneditable-input.span5 { 778 | width: 276px; 779 | } 780 | input.span4, 781 | textarea.span4, 782 | .uneditable-input.span4 { 783 | width: 214px; 784 | } 785 | input.span3, 786 | textarea.span3, 787 | .uneditable-input.span3 { 788 | width: 152px; 789 | } 790 | input.span2, 791 | textarea.span2, 792 | .uneditable-input.span2 { 793 | width: 90px; 794 | } 795 | input.span1, 796 | textarea.span1, 797 | .uneditable-input.span1 { 798 | width: 28px; 799 | } 800 | } 801 | 802 | @media (max-width: 767px) { 803 | body { 804 | padding-right: 20px; 805 | padding-left: 20px; 806 | } 807 | .navbar-fixed-top, 808 | .navbar-fixed-bottom, 809 | .navbar-static-top { 810 | margin-right: -20px; 811 | margin-left: -20px; 812 | } 813 | .container-fluid { 814 | padding: 0; 815 | } 816 | .dl-horizontal dt { 817 | float: none; 818 | width: auto; 819 | clear: none; 820 | text-align: left; 821 | } 822 | .dl-horizontal dd { 823 | margin-left: 0; 824 | } 825 | .container { 826 | width: auto; 827 | } 828 | .row-fluid { 829 | width: 100%; 830 | } 831 | .row, 832 | .thumbnails { 833 | margin-left: 0; 834 | } 835 | .thumbnails > li { 836 | float: none; 837 | margin-left: 0; 838 | } 839 | [class*="span"], 840 | .uneditable-input[class*="span"], 841 | .row-fluid [class*="span"] { 842 | display: block; 843 | float: none; 844 | width: 100%; 845 | margin-left: 0; 846 | -webkit-box-sizing: border-box; 847 | -moz-box-sizing: border-box; 848 | box-sizing: border-box; 849 | } 850 | .span12, 851 | .row-fluid .span12 { 852 | width: 100%; 853 | -webkit-box-sizing: border-box; 854 | -moz-box-sizing: border-box; 855 | box-sizing: border-box; 856 | } 857 | .row-fluid [class*="offset"]:first-child { 858 | margin-left: 0; 859 | } 860 | .input-large, 861 | .input-xlarge, 862 | .input-xxlarge, 863 | input[class*="span"], 864 | select[class*="span"], 865 | textarea[class*="span"], 866 | .uneditable-input { 867 | display: block; 868 | width: 100%; 869 | min-height: 30px; 870 | -webkit-box-sizing: border-box; 871 | -moz-box-sizing: border-box; 872 | box-sizing: border-box; 873 | } 874 | .input-prepend input, 875 | .input-append input, 876 | .input-prepend input[class*="span"], 877 | .input-append input[class*="span"] { 878 | display: inline-block; 879 | width: auto; 880 | } 881 | .controls-row [class*="span"] + [class*="span"] { 882 | margin-left: 0; 883 | } 884 | .modal { 885 | position: fixed; 886 | top: 20px; 887 | right: 20px; 888 | left: 20px; 889 | width: auto; 890 | margin: 0; 891 | } 892 | .modal.fade { 893 | top: -100px; 894 | } 895 | .modal.fade.in { 896 | top: 20px; 897 | } 898 | } 899 | 900 | @media (max-width: 480px) { 901 | .nav-collapse { 902 | -webkit-transform: translate3d(0, 0, 0); 903 | } 904 | .page-header h1 small { 905 | display: block; 906 | line-height: 20px; 907 | } 908 | input[type="checkbox"], 909 | input[type="radio"] { 910 | border: 1px solid #ccc; 911 | } 912 | .form-horizontal .control-label { 913 | float: none; 914 | width: auto; 915 | padding-top: 0; 916 | text-align: left; 917 | } 918 | .form-horizontal .controls { 919 | margin-left: 0; 920 | } 921 | .form-horizontal .control-list { 922 | padding-top: 0; 923 | } 924 | .form-horizontal .form-actions { 925 | padding-right: 10px; 926 | padding-left: 10px; 927 | } 928 | .media .pull-left, 929 | .media .pull-right { 930 | display: block; 931 | float: none; 932 | margin-bottom: 10px; 933 | } 934 | .media-object { 935 | margin-right: 0; 936 | margin-left: 0; 937 | } 938 | .modal { 939 | top: 10px; 940 | right: 10px; 941 | left: 10px; 942 | } 943 | .modal-header .close { 944 | padding: 10px; 945 | margin: -10px; 946 | } 947 | .carousel-caption { 948 | position: static; 949 | } 950 | } 951 | 952 | @media (max-width: 979px) { 953 | body { 954 | padding-top: 0; 955 | } 956 | .navbar-fixed-top, 957 | .navbar-fixed-bottom { 958 | position: static; 959 | } 960 | .navbar-fixed-top { 961 | margin-bottom: 20px; 962 | } 963 | .navbar-fixed-bottom { 964 | margin-top: 20px; 965 | } 966 | .navbar-fixed-top .navbar-inner, 967 | .navbar-fixed-bottom .navbar-inner { 968 | padding: 5px; 969 | } 970 | .navbar .container { 971 | width: auto; 972 | padding: 0; 973 | } 974 | .navbar .brand { 975 | padding-right: 10px; 976 | padding-left: 10px; 977 | margin: 0 0 0 -5px; 978 | } 979 | .nav-collapse { 980 | clear: both; 981 | } 982 | .nav-collapse .nav { 983 | float: none; 984 | margin: 0 0 10px; 985 | } 986 | .nav-collapse .nav > li { 987 | float: none; 988 | } 989 | .nav-collapse .nav > li > a { 990 | margin-bottom: 2px; 991 | } 992 | .nav-collapse .nav > .divider-vertical { 993 | display: none; 994 | } 995 | .nav-collapse .nav .nav-header { 996 | color: #777777; 997 | text-shadow: none; 998 | } 999 | .nav-collapse .nav > li > a, 1000 | .nav-collapse .dropdown-menu a { 1001 | padding: 9px 15px; 1002 | font-weight: bold; 1003 | color: #777777; 1004 | -webkit-border-radius: 3px; 1005 | -moz-border-radius: 3px; 1006 | border-radius: 3px; 1007 | } 1008 | .nav-collapse .btn { 1009 | padding: 4px 10px 4px; 1010 | font-weight: normal; 1011 | -webkit-border-radius: 4px; 1012 | -moz-border-radius: 4px; 1013 | border-radius: 4px; 1014 | } 1015 | .nav-collapse .dropdown-menu li + li a { 1016 | margin-bottom: 2px; 1017 | } 1018 | .nav-collapse .nav > li > a:hover, 1019 | .nav-collapse .nav > li > a:focus, 1020 | .nav-collapse .dropdown-menu a:hover, 1021 | .nav-collapse .dropdown-menu a:focus { 1022 | background-color: #f2f2f2; 1023 | } 1024 | .navbar-inverse .nav-collapse .nav > li > a, 1025 | .navbar-inverse .nav-collapse .dropdown-menu a { 1026 | color: #999999; 1027 | } 1028 | .navbar-inverse .nav-collapse .nav > li > a:hover, 1029 | .navbar-inverse .nav-collapse .nav > li > a:focus, 1030 | .navbar-inverse .nav-collapse .dropdown-menu a:hover, 1031 | .navbar-inverse .nav-collapse .dropdown-menu a:focus { 1032 | background-color: #111111; 1033 | } 1034 | .nav-collapse.in .btn-group { 1035 | padding: 0; 1036 | margin-top: 5px; 1037 | } 1038 | .nav-collapse .dropdown-menu { 1039 | position: static; 1040 | top: auto; 1041 | left: auto; 1042 | display: none; 1043 | float: none; 1044 | max-width: none; 1045 | padding: 0; 1046 | margin: 0 15px; 1047 | background-color: transparent; 1048 | border: none; 1049 | -webkit-border-radius: 0; 1050 | -moz-border-radius: 0; 1051 | border-radius: 0; 1052 | -webkit-box-shadow: none; 1053 | -moz-box-shadow: none; 1054 | box-shadow: none; 1055 | } 1056 | .nav-collapse .open > .dropdown-menu { 1057 | display: block; 1058 | } 1059 | .nav-collapse .dropdown-menu:before, 1060 | .nav-collapse .dropdown-menu:after { 1061 | display: none; 1062 | } 1063 | .nav-collapse .dropdown-menu .divider { 1064 | display: none; 1065 | } 1066 | .nav-collapse .nav > li > .dropdown-menu:before, 1067 | .nav-collapse .nav > li > .dropdown-menu:after { 1068 | display: none; 1069 | } 1070 | .nav-collapse .navbar-form, 1071 | .nav-collapse .navbar-search { 1072 | float: none; 1073 | padding: 10px 15px; 1074 | margin: 10px 0; 1075 | border-top: 1px solid #f2f2f2; 1076 | border-bottom: 1px solid #f2f2f2; 1077 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 1078 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 1079 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); 1080 | } 1081 | .navbar-inverse .nav-collapse .navbar-form, 1082 | .navbar-inverse .nav-collapse .navbar-search { 1083 | border-top-color: #111111; 1084 | border-bottom-color: #111111; 1085 | } 1086 | .navbar .nav-collapse .nav.pull-right { 1087 | float: none; 1088 | margin-left: 0; 1089 | } 1090 | .nav-collapse, 1091 | .nav-collapse.collapse { 1092 | height: 0; 1093 | overflow: hidden; 1094 | } 1095 | .navbar .btn-navbar { 1096 | display: block; 1097 | } 1098 | .navbar-static .navbar-inner { 1099 | padding-right: 10px; 1100 | padding-left: 10px; 1101 | } 1102 | } 1103 | 1104 | @media (min-width: 980px) { 1105 | .nav-collapse.collapse { 1106 | height: auto !important; 1107 | overflow: visible !important; 1108 | } 1109 | } 1110 | -------------------------------------------------------------------------------- /css/docs.css: -------------------------------------------------------------------------------- 1 | /* Add additional stylesheets below 2 | -------------------------------------------------- */ 3 | /* 4 | Bootstrap's documentation styles 5 | Special styles for presenting Bootstrap's documentation and examples 6 | */ 7 | 8 | 9 | 10 | /* Body and structure 11 | -------------------------------------------------- */ 12 | 13 | body { 14 | position: relative; 15 | padding-top: 40px; 16 | } 17 | 18 | /* Code in headings */ 19 | h3 code { 20 | font-size: 14px; 21 | font-weight: normal; 22 | } 23 | 24 | 25 | 26 | /* Tweak navbar brand link to be super sleek 27 | -------------------------------------------------- */ 28 | 29 | body > .navbar { 30 | font-size: 13px; 31 | } 32 | 33 | /* Change the docs' brand */ 34 | body > .navbar .brand { 35 | padding-right: 0; 36 | padding-left: 0; 37 | margin-left: 20px; 38 | float: right; 39 | font-weight: bold; 40 | color: #000; 41 | text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125); 42 | -webkit-transition: all .2s linear; 43 | -moz-transition: all .2s linear; 44 | transition: all .2s linear; 45 | } 46 | body > .navbar .brand:hover { 47 | text-decoration: none; 48 | text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.4); 49 | } 50 | 51 | 52 | /* Sections 53 | -------------------------------------------------- */ 54 | 55 | /* padding for in-page bookmarks and fixed navbar */ 56 | section { 57 | padding-top: 30px; 58 | } 59 | section > .page-header, 60 | section > .lead { 61 | color: #5a5a5a; 62 | border-bottom: 0px; 63 | margin: 20px 0px 10px; 64 | } 65 | section > ul li { 66 | margin-bottom: 5px; 67 | } 68 | 69 | /* Separators (hr) */ 70 | .bs-docs-separator { 71 | margin: 40px 0 39px; 72 | } 73 | 74 | /* Faded out hr */ 75 | hr.soften { 76 | height: 1px; 77 | margin: 70px 0; 78 | background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); 79 | background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); 80 | background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); 81 | background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); 82 | border: 0; 83 | } 84 | 85 | 86 | 87 | /* Jumbotrons 88 | -------------------------------------------------- */ 89 | 90 | /* Base class 91 | ------------------------- */ 92 | .jumbotron { 93 | position: relative; 94 | padding: 40px 0; 95 | color: #fff; 96 | text-align: center; 97 | text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); 98 | background: #020031; /* Old browsers */ 99 | background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%); /* FF3.6+ */ 100 | background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */ 101 | background: -webkit-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Chrome10+,Safari5.1+ */ 102 | background: -o-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* Opera 11.10+ */ 103 | background: -ms-linear-gradient(45deg, #020031 0%,#6d3353 100%); /* IE10+ */ 104 | background: linear-gradient(45deg, #020031 0%,#6d3353 100%); /* W3C */ 105 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 106 | -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); 107 | -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); 108 | box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); 109 | } 110 | .jumbotron h1 { 111 | font-size: 80px; 112 | font-weight: bold; 113 | letter-spacing: -1px; 114 | line-height: 1; 115 | } 116 | .jumbotron p { 117 | font-size: 24px; 118 | font-weight: 300; 119 | line-height: 1.25; 120 | margin-bottom: 30px; 121 | } 122 | 123 | /* Link styles (used on .masthead-links as well) */ 124 | .jumbotron a { 125 | color: #fff; 126 | color: rgba(255,255,255,.5); 127 | -webkit-transition: all .2s ease-in-out; 128 | -moz-transition: all .2s ease-in-out; 129 | transition: all .2s ease-in-out; 130 | } 131 | .jumbotron a:hover { 132 | color: #fff; 133 | text-shadow: 0 0 10px rgba(255,255,255,.25); 134 | } 135 | 136 | /* Download button */ 137 | .masthead .btn { 138 | padding: 19px 24px; 139 | font-size: 24px; 140 | font-weight: 200; 141 | color: #fff; /* redeclare to override the `.jumbotron a` */ 142 | border: 0; 143 | -webkit-border-radius: 6px; 144 | -moz-border-radius: 6px; 145 | border-radius: 6px; 146 | -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); 147 | -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); 148 | box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); 149 | -webkit-transition: none; 150 | -moz-transition: none; 151 | transition: none; 152 | } 153 | .masthead .btn:hover { 154 | -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); 155 | -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); 156 | box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 5px rgba(0,0,0,.25); 157 | } 158 | .masthead .btn:active { 159 | -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); 160 | -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); 161 | box-shadow: inset 0 2px 4px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.1); 162 | } 163 | 164 | 165 | /* Pattern overlay 166 | ------------------------- */ 167 | .jumbotron .container { 168 | position: relative; 169 | z-index: 2; 170 | } 171 | .jumbotron:after { 172 | content: ''; 173 | display: block; 174 | position: absolute; 175 | top: 0; 176 | right: 0; 177 | bottom: 0; 178 | left: 0; 179 | background: url(../img/bs-docs-masthead-pattern.png) repeat center center; 180 | opacity: .4; 181 | } 182 | @media 183 | only screen and (-webkit-min-device-pixel-ratio: 2), 184 | only screen and ( min--moz-device-pixel-ratio: 2), 185 | only screen and ( -o-min-device-pixel-ratio: 2/1) { 186 | 187 | .jumbotron:after { 188 | background-size: 150px 150px; 189 | } 190 | 191 | } 192 | 193 | /* Masthead (docs home) 194 | ------------------------- */ 195 | .masthead { 196 | padding: 70px 0 80px; 197 | margin-bottom: 0; 198 | color: #fff; 199 | } 200 | .masthead h1 { 201 | font-size: 120px; 202 | line-height: 1; 203 | letter-spacing: -2px; 204 | } 205 | .masthead p { 206 | font-size: 40px; 207 | font-weight: 200; 208 | line-height: 1.25; 209 | } 210 | 211 | /* Textual links in masthead */ 212 | .masthead-links { 213 | margin: 0; 214 | list-style: none; 215 | } 216 | .masthead-links li { 217 | display: inline; 218 | padding: 0 10px; 219 | color: rgba(255,255,255,.25); 220 | } 221 | 222 | /* Social proof buttons from GitHub & Twitter */ 223 | .bs-docs-social { 224 | padding: 15px 0; 225 | text-align: center; 226 | background-color: #f5f5f5; 227 | border-top: 1px solid #fff; 228 | border-bottom: 1px solid #ddd; 229 | } 230 | 231 | /* Quick links on Home */ 232 | .bs-docs-social-buttons { 233 | margin-left: 0; 234 | margin-bottom: 0; 235 | padding-left: 0; 236 | list-style: none; 237 | } 238 | .bs-docs-social-buttons li { 239 | display: inline-block; 240 | padding: 5px 8px; 241 | line-height: 1; 242 | *display: inline; 243 | *zoom: 1; 244 | } 245 | 246 | /* Subhead (other pages) 247 | ------------------------- */ 248 | .subhead { 249 | text-align: left; 250 | border-bottom: 1px solid #ddd; 251 | } 252 | .subhead h1 { 253 | font-size: 60px; 254 | } 255 | .subhead p { 256 | margin-bottom: 20px; 257 | } 258 | .subhead .navbar { 259 | display: none; 260 | } 261 | 262 | 263 | 264 | /* Marketing section of Overview 265 | -------------------------------------------------- */ 266 | 267 | .marketing { 268 | text-align: center; 269 | color: #5a5a5a; 270 | } 271 | .marketing h1 { 272 | margin: 60px 0 10px; 273 | font-size: 60px; 274 | font-weight: 200; 275 | line-height: 1; 276 | letter-spacing: -1px; 277 | } 278 | .marketing h2 { 279 | font-weight: 200; 280 | margin-bottom: 5px; 281 | } 282 | .marketing p { 283 | font-size: 16px; 284 | line-height: 1.5; 285 | } 286 | .marketing .marketing-byline { 287 | margin-bottom: 40px; 288 | font-size: 20px; 289 | font-weight: 300; 290 | line-height: 1.25; 291 | color: #999; 292 | } 293 | .marketing-img { 294 | display: block; 295 | margin: 0 auto 30px; 296 | max-height: 145px; 297 | } 298 | 299 | 300 | 301 | /* Footer 302 | -------------------------------------------------- */ 303 | 304 | .footer { 305 | text-align: center; 306 | padding: 30px 0; 307 | margin-top: 70px; 308 | border-top: 1px solid #e5e5e5; 309 | background-color: #f5f5f5; 310 | } 311 | .footer p { 312 | margin-bottom: 0; 313 | color: #777; 314 | } 315 | .footer-links { 316 | margin: 10px 0; 317 | } 318 | .footer-links li { 319 | display: inline; 320 | padding: 0 2px; 321 | } 322 | .footer-links li:first-child { 323 | padding-left: 0; 324 | } 325 | 326 | 327 | 328 | /* Special grid styles 329 | -------------------------------------------------- */ 330 | 331 | .show-grid { 332 | margin-top: 10px; 333 | margin-bottom: 20px; 334 | } 335 | .show-grid [class*="span"] { 336 | background-color: #eee; 337 | text-align: center; 338 | -webkit-border-radius: 3px; 339 | -moz-border-radius: 3px; 340 | border-radius: 3px; 341 | min-height: 40px; 342 | line-height: 40px; 343 | } 344 | .show-grid [class*="span"]:hover { 345 | background-color: #ddd; 346 | } 347 | .show-grid .show-grid { 348 | margin-top: 0; 349 | margin-bottom: 0; 350 | } 351 | .show-grid .show-grid [class*="span"] { 352 | margin-top: 5px; 353 | } 354 | .show-grid [class*="span"] [class*="span"] { 355 | background-color: #ccc; 356 | } 357 | .show-grid [class*="span"] [class*="span"] [class*="span"] { 358 | background-color: #999; 359 | } 360 | 361 | 362 | 363 | /* Mini layout previews 364 | -------------------------------------------------- */ 365 | .mini-layout { 366 | border: 1px solid #ddd; 367 | -webkit-border-radius: 6px; 368 | -moz-border-radius: 6px; 369 | border-radius: 6px; 370 | -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075); 371 | -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075); 372 | box-shadow: 0 1px 2px rgba(0,0,0,.075); 373 | } 374 | .mini-layout, 375 | .mini-layout .mini-layout-body, 376 | .mini-layout.fluid .mini-layout-sidebar { 377 | height: 300px; 378 | } 379 | .mini-layout { 380 | margin-bottom: 20px; 381 | padding: 9px; 382 | } 383 | .mini-layout div { 384 | -webkit-border-radius: 3px; 385 | -moz-border-radius: 3px; 386 | border-radius: 3px; 387 | } 388 | .mini-layout .mini-layout-body { 389 | background-color: #dceaf4; 390 | margin: 0 auto; 391 | width: 70%; 392 | } 393 | .mini-layout.fluid .mini-layout-sidebar, 394 | .mini-layout.fluid .mini-layout-header, 395 | .mini-layout.fluid .mini-layout-body { 396 | float: left; 397 | } 398 | .mini-layout.fluid .mini-layout-sidebar { 399 | background-color: #bbd8e9; 400 | width: 20%; 401 | } 402 | .mini-layout.fluid .mini-layout-body { 403 | width: 77.5%; 404 | margin-left: 2.5%; 405 | } 406 | 407 | 408 | 409 | /* Download page 410 | -------------------------------------------------- */ 411 | 412 | .download .page-header { 413 | margin-top: 36px; 414 | } 415 | .page-header .toggle-all { 416 | margin-top: 5px; 417 | } 418 | 419 | /* Space out h3s when following a section */ 420 | .download h3 { 421 | margin-bottom: 5px; 422 | } 423 | .download-builder input + h3, 424 | .download-builder .checkbox + h3 { 425 | margin-top: 9px; 426 | } 427 | 428 | /* Fields for variables */ 429 | .download-builder input[type=text] { 430 | margin-bottom: 9px; 431 | font-family: Menlo, Monaco, "Courier New", monospace; 432 | font-size: 12px; 433 | color: #d14; 434 | } 435 | .download-builder input[type=text]:focus { 436 | background-color: #fff; 437 | } 438 | 439 | /* Custom, larger checkbox labels */ 440 | .download .checkbox { 441 | padding: 6px 10px 6px 25px; 442 | font-size: 13px; 443 | line-height: 18px; 444 | color: #555; 445 | background-color: #f9f9f9; 446 | -webkit-border-radius: 3px; 447 | -moz-border-radius: 3px; 448 | border-radius: 3px; 449 | cursor: pointer; 450 | } 451 | .download .checkbox:hover { 452 | color: #333; 453 | background-color: #f5f5f5; 454 | } 455 | .download .checkbox small { 456 | font-size: 12px; 457 | color: #777; 458 | } 459 | 460 | /* Variables section */ 461 | #variables label { 462 | margin-bottom: 0; 463 | } 464 | 465 | /* Giant download button */ 466 | .download-btn { 467 | margin: 36px 0 108px; 468 | } 469 | #download p, 470 | #download h4 { 471 | max-width: 50%; 472 | margin: 0 auto; 473 | color: #999; 474 | text-align: center; 475 | } 476 | #download h4 { 477 | margin-bottom: 0; 478 | } 479 | #download p { 480 | margin-bottom: 18px; 481 | } 482 | .download-btn .btn { 483 | display: block; 484 | width: auto; 485 | padding: 19px 24px; 486 | margin-bottom: 27px; 487 | font-size: 30px; 488 | line-height: 1; 489 | text-align: center; 490 | -webkit-border-radius: 6px; 491 | -moz-border-radius: 6px; 492 | border-radius: 6px; 493 | } 494 | 495 | 496 | 497 | /* Misc 498 | -------------------------------------------------- */ 499 | 500 | /* Make tables spaced out a bit more */ 501 | h2 + table, 502 | h3 + table, 503 | h4 + table, 504 | h2 + .row { 505 | margin-top: 5px; 506 | } 507 | 508 | /* Example sites showcase */ 509 | .example-sites { 510 | xmargin-left: 20px; 511 | } 512 | .example-sites img { 513 | max-width: 100%; 514 | margin: 0 auto; 515 | } 516 | 517 | .scrollspy-example { 518 | height: 200px; 519 | overflow: auto; 520 | position: relative; 521 | } 522 | 523 | 524 | /* Fake the :focus state to demo it */ 525 | .focused { 526 | border-color: rgba(82,168,236,.8); 527 | -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); 528 | -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); 529 | box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); 530 | outline: 0; 531 | } 532 | 533 | /* For input sizes, make them display block */ 534 | .docs-input-sizes select, 535 | .docs-input-sizes input[type=text] { 536 | display: block; 537 | margin-bottom: 9px; 538 | } 539 | 540 | /* Icons 541 | ------------------------- */ 542 | .the-icons { 543 | margin-left: 0; 544 | list-style: none; 545 | } 546 | .the-icons li { 547 | float: left; 548 | width: 25%; 549 | line-height: 25px; 550 | } 551 | .the-icons i:hover { 552 | background-color: rgba(255,0,0,.25); 553 | } 554 | 555 | /* Example page 556 | ------------------------- */ 557 | .bootstrap-examples h4 { 558 | margin: 10px 0 5px; 559 | } 560 | .bootstrap-examples p { 561 | font-size: 13px; 562 | line-height: 18px; 563 | } 564 | .bootstrap-examples .thumbnail { 565 | margin-bottom: 9px; 566 | background-color: #fff; 567 | } 568 | 569 | 570 | 571 | /* Bootstrap code examples 572 | -------------------------------------------------- */ 573 | 574 | /* Base class */ 575 | .bs-docs-example { 576 | position: relative; 577 | margin: 15px 0; 578 | padding: 39px 19px 14px; 579 | *padding-top: 19px; 580 | background-color: #fff; 581 | border: 1px solid #ddd; 582 | -webkit-border-radius: 4px; 583 | -moz-border-radius: 4px; 584 | border-radius: 4px; 585 | } 586 | 587 | /* Echo out a label for the example */ 588 | .bs-docs-example:after { 589 | content: "Example"; 590 | position: absolute; 591 | top: -1px; 592 | left: -1px; 593 | padding: 3px 7px; 594 | font-size: 12px; 595 | font-weight: bold; 596 | background-color: #f5f5f5; 597 | border: 1px solid #ddd; 598 | color: #9da0a4; 599 | -webkit-border-radius: 4px 0 4px 0; 600 | -moz-border-radius: 4px 0 4px 0; 601 | border-radius: 4px 0 4px 0; 602 | } 603 | 604 | /* Remove spacing between an example and it's code */ 605 | .bs-docs-example + .prettyprint { 606 | margin-top: -20px; 607 | padding-top: 15px; 608 | } 609 | 610 | /* Tweak examples 611 | ------------------------- */ 612 | .bs-docs-example > p:last-child { 613 | margin-bottom: 0; 614 | } 615 | .bs-docs-example .table, 616 | .bs-docs-example .progress, 617 | .bs-docs-example .well, 618 | .bs-docs-example .alert, 619 | .bs-docs-example .hero-unit, 620 | .bs-docs-example .pagination, 621 | .bs-docs-example .navbar, 622 | .bs-docs-example > .nav, 623 | .bs-docs-example blockquote { 624 | margin-bottom: 5px; 625 | } 626 | .bs-docs-example .pagination { 627 | margin-top: 0; 628 | } 629 | .bs-navbar-top-example, 630 | .bs-navbar-bottom-example { 631 | z-index: 1; 632 | padding: 0; 633 | height: 90px; 634 | overflow: hidden; /* cut the drop shadows off */ 635 | } 636 | .bs-navbar-top-example .navbar-fixed-top, 637 | .bs-navbar-bottom-example .navbar-fixed-bottom { 638 | margin-left: 0; 639 | margin-right: 0; 640 | } 641 | .bs-navbar-top-example { 642 | -webkit-border-radius: 0 0 4px 4px; 643 | -moz-border-radius: 0 0 4px 4px; 644 | border-radius: 0 0 4px 4px; 645 | } 646 | .bs-navbar-top-example:after { 647 | top: auto; 648 | bottom: -1px; 649 | -webkit-border-radius: 0 4px 0 4px; 650 | -moz-border-radius: 0 4px 0 4px; 651 | border-radius: 0 4px 0 4px; 652 | } 653 | .bs-navbar-bottom-example { 654 | -webkit-border-radius: 4px 4px 0 0; 655 | -moz-border-radius: 4px 4px 0 0; 656 | border-radius: 4px 4px 0 0; 657 | } 658 | .bs-navbar-bottom-example .navbar { 659 | margin-bottom: 0; 660 | } 661 | form.bs-docs-example { 662 | padding-bottom: 19px; 663 | } 664 | 665 | /* Images */ 666 | .bs-docs-example-images img { 667 | margin: 10px; 668 | display: inline-block; 669 | } 670 | 671 | /* Tooltips */ 672 | .bs-docs-tooltip-examples { 673 | text-align: center; 674 | margin: 0 0 10px; 675 | list-style: none; 676 | } 677 | .bs-docs-tooltip-examples li { 678 | display: inline; 679 | padding: 0 10px; 680 | } 681 | 682 | /* Popovers */ 683 | .bs-docs-example-popover { 684 | padding-bottom: 24px; 685 | background-color: #f9f9f9; 686 | } 687 | .bs-docs-example-popover .popover { 688 | position: relative; 689 | display: block; 690 | float: left; 691 | width: 260px; 692 | margin: 20px; 693 | } 694 | 695 | /* Dropdowns */ 696 | .bs-docs-example-submenus { 697 | min-height: 180px; 698 | } 699 | .bs-docs-example-submenus > .pull-left + .pull-left { 700 | margin-left: 20px; 701 | } 702 | .bs-docs-example-submenus .dropup > .dropdown-menu, 703 | .bs-docs-example-submenus .dropdown > .dropdown-menu { 704 | display: block; 705 | position: static; 706 | margin-bottom: 5px; 707 | *width: 180px; 708 | } 709 | 710 | 711 | 712 | /* Responsive docs 713 | -------------------------------------------------- */ 714 | 715 | /* Utility classes table 716 | ------------------------- */ 717 | .responsive-utilities th small { 718 | display: block; 719 | font-weight: normal; 720 | color: #999; 721 | } 722 | .responsive-utilities tbody th { 723 | font-weight: normal; 724 | } 725 | .responsive-utilities td { 726 | text-align: center; 727 | } 728 | .responsive-utilities td.is-visible { 729 | color: #468847; 730 | background-color: #dff0d8 !important; 731 | } 732 | .responsive-utilities td.is-hidden { 733 | color: #ccc; 734 | background-color: #f9f9f9 !important; 735 | } 736 | 737 | /* Responsive tests 738 | ------------------------- */ 739 | .responsive-utilities-test { 740 | margin-top: 5px; 741 | margin-left: 0; 742 | list-style: none; 743 | overflow: hidden; /* clear floats */ 744 | } 745 | .responsive-utilities-test li { 746 | position: relative; 747 | float: left; 748 | width: 25%; 749 | height: 43px; 750 | font-size: 14px; 751 | font-weight: bold; 752 | line-height: 43px; 753 | color: #999; 754 | text-align: center; 755 | border: 1px solid #ddd; 756 | -webkit-border-radius: 4px; 757 | -moz-border-radius: 4px; 758 | border-radius: 4px; 759 | } 760 | .responsive-utilities-test li + li { 761 | margin-left: 10px; 762 | } 763 | .responsive-utilities-test span { 764 | position: absolute; 765 | top: -1px; 766 | left: -1px; 767 | right: -1px; 768 | bottom: -1px; 769 | -webkit-border-radius: 4px; 770 | -moz-border-radius: 4px; 771 | border-radius: 4px; 772 | } 773 | .responsive-utilities-test span { 774 | color: #468847; 775 | background-color: #dff0d8; 776 | border: 1px solid #d6e9c6; 777 | } 778 | 779 | 780 | 781 | /* Sidenav for Docs 782 | -------------------------------------------------- */ 783 | 784 | .bs-docs-sidenav { 785 | width: 228px; 786 | margin: 30px 0 0; 787 | padding: 0; 788 | background-color: #fff; 789 | -webkit-border-radius: 6px; 790 | -moz-border-radius: 6px; 791 | border-radius: 6px; 792 | -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); 793 | -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); 794 | box-shadow: 0 1px 4px rgba(0,0,0,.065); 795 | } 796 | .bs-docs-sidenav > li > a { 797 | display: block; 798 | width: 190px \9; 799 | margin: 0 0 -1px; 800 | padding: 8px 14px; 801 | border: 1px solid #e5e5e5; 802 | } 803 | .bs-docs-sidenav > li:first-child > a { 804 | -webkit-border-radius: 6px 6px 0 0; 805 | -moz-border-radius: 6px 6px 0 0; 806 | border-radius: 6px 6px 0 0; 807 | } 808 | .bs-docs-sidenav > li:last-child > a { 809 | -webkit-border-radius: 0 0 6px 6px; 810 | -moz-border-radius: 0 0 6px 6px; 811 | border-radius: 0 0 6px 6px; 812 | } 813 | .bs-docs-sidenav > .active > a { 814 | position: relative; 815 | z-index: 2; 816 | padding: 9px 15px; 817 | border: 0; 818 | text-shadow: 0 1px 0 rgba(0,0,0,.15); 819 | -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); 820 | -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); 821 | box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); 822 | } 823 | /* Chevrons */ 824 | .bs-docs-sidenav .icon-chevron-right { 825 | float: right; 826 | margin-top: 2px; 827 | margin-right: -6px; 828 | opacity: .25; 829 | } 830 | .bs-docs-sidenav > li > a:hover { 831 | background-color: #f5f5f5; 832 | } 833 | .bs-docs-sidenav a:hover .icon-chevron-right { 834 | opacity: .5; 835 | } 836 | .bs-docs-sidenav .active .icon-chevron-right, 837 | .bs-docs-sidenav .active a:hover .icon-chevron-right { 838 | background-image: url(../img/glyphicons-halflings-white.png); 839 | opacity: 1; 840 | } 841 | .bs-docs-sidenav.affix { 842 | top: 40px; 843 | } 844 | .bs-docs-sidenav.affix-bottom { 845 | position: absolute; 846 | top: auto; 847 | bottom: 270px; 848 | } 849 | 850 | 851 | 852 | 853 | /* Responsive 854 | -------------------------------------------------- */ 855 | 856 | /* Desktop large 857 | ------------------------- */ 858 | @media (min-width: 1200px) { 859 | .bs-docs-container { 860 | max-width: 970px; 861 | } 862 | .bs-docs-sidenav { 863 | width: 258px; 864 | } 865 | .bs-docs-sidenav > li > a { 866 | width: 230px \9; /* Override the previous IE8-9 hack */ 867 | } 868 | } 869 | 870 | /* Desktop 871 | ------------------------- */ 872 | @media (max-width: 980px) { 873 | /* Unfloat brand */ 874 | body > .navbar-fixed-top .brand { 875 | float: left; 876 | margin-left: 0; 877 | padding-left: 10px; 878 | padding-right: 10px; 879 | } 880 | 881 | /* Inline-block quick links for more spacing */ 882 | .quick-links li { 883 | display: inline-block; 884 | margin: 5px; 885 | } 886 | 887 | /* When affixed, space properly */ 888 | .bs-docs-sidenav { 889 | top: 0; 890 | width: 218px; 891 | margin-top: 30px; 892 | margin-right: 0; 893 | } 894 | } 895 | 896 | /* Tablet to desktop 897 | ------------------------- */ 898 | @media (min-width: 768px) and (max-width: 979px) { 899 | /* Remove any padding from the body */ 900 | body { 901 | padding-top: 0; 902 | } 903 | /* Widen masthead and social buttons to fill body padding */ 904 | .jumbotron { 905 | margin-top: -20px; /* Offset bottom margin on .navbar */ 906 | } 907 | /* Adjust sidenav width */ 908 | .bs-docs-sidenav { 909 | width: 166px; 910 | margin-top: 20px; 911 | } 912 | .bs-docs-sidenav.affix { 913 | top: 0; 914 | } 915 | } 916 | 917 | /* Tablet 918 | ------------------------- */ 919 | @media (max-width: 767px) { 920 | /* Remove any padding from the body */ 921 | body { 922 | padding-top: 0; 923 | } 924 | 925 | /* Widen masthead and social buttons to fill body padding */ 926 | .jumbotron { 927 | padding: 40px 20px; 928 | margin-top: -20px; /* Offset bottom margin on .navbar */ 929 | margin-right: -20px; 930 | margin-left: -20px; 931 | } 932 | .masthead h1 { 933 | font-size: 90px; 934 | } 935 | .masthead p, 936 | .masthead .btn { 937 | font-size: 24px; 938 | } 939 | .marketing .span4 { 940 | margin-bottom: 40px; 941 | } 942 | .bs-docs-social { 943 | margin: 0 -20px; 944 | } 945 | 946 | /* Space out the show-grid examples */ 947 | .show-grid [class*="span"] { 948 | margin-bottom: 5px; 949 | } 950 | 951 | /* Sidenav */ 952 | .bs-docs-sidenav { 953 | width: auto; 954 | margin-bottom: 20px; 955 | } 956 | .bs-docs-sidenav.affix { 957 | position: static; 958 | width: auto; 959 | top: 0; 960 | } 961 | 962 | /* Unfloat the back to top link in footer */ 963 | .footer { 964 | margin-left: -20px; 965 | margin-right: -20px; 966 | padding-left: 20px; 967 | padding-right: 20px; 968 | } 969 | .footer p { 970 | margin-bottom: 9px; 971 | } 972 | } 973 | 974 | /* Landscape phones 975 | ------------------------- */ 976 | @media (max-width: 480px) { 977 | /* Remove padding above jumbotron */ 978 | body { 979 | padding-top: 0; 980 | } 981 | 982 | /* Change up some type stuff */ 983 | h2 small { 984 | display: block; 985 | } 986 | 987 | /* Downsize the jumbotrons */ 988 | .jumbotron h1 { 989 | font-size: 45px; 990 | } 991 | .jumbotron p, 992 | .jumbotron .btn { 993 | font-size: 18px; 994 | } 995 | .jumbotron .btn { 996 | display: block; 997 | margin: 0 auto; 998 | } 999 | 1000 | /* center align subhead text like the masthead */ 1001 | .subhead h1, 1002 | .subhead p { 1003 | text-align: center; 1004 | } 1005 | 1006 | /* Marketing on home */ 1007 | .marketing h1 { 1008 | font-size: 30px; 1009 | } 1010 | .marketing-byline { 1011 | font-size: 18px; 1012 | } 1013 | 1014 | /* center example sites */ 1015 | .example-sites { 1016 | margin-left: 0; 1017 | } 1018 | .example-sites > li { 1019 | float: none; 1020 | display: block; 1021 | max-width: 280px; 1022 | margin: 0 auto 18px; 1023 | text-align: center; 1024 | } 1025 | .example-sites .thumbnail > img { 1026 | max-width: 270px; 1027 | } 1028 | 1029 | /* Do our best to make tables work in narrow viewports */ 1030 | table code { 1031 | white-space: normal; 1032 | word-wrap: break-word; 1033 | word-break: break-all; 1034 | } 1035 | 1036 | /* Examples: dropdowns */ 1037 | .bs-docs-example-submenus > .pull-left { 1038 | float: none; 1039 | clear: both; 1040 | } 1041 | .bs-docs-example-submenus > .pull-left, 1042 | .bs-docs-example-submenus > .pull-left + .pull-left { 1043 | margin-left: 0; 1044 | } 1045 | .bs-docs-example-submenus p { 1046 | margin-bottom: 0; 1047 | } 1048 | .bs-docs-example-submenus .dropup > .dropdown-menu, 1049 | .bs-docs-example-submenus .dropdown > .dropdown-menu { 1050 | margin-bottom: 10px; 1051 | float: none; 1052 | max-width: 180px; 1053 | } 1054 | 1055 | /* Examples: modal */ 1056 | .modal-example .modal { 1057 | position: relative; 1058 | top: auto; 1059 | right: auto; 1060 | bottom: auto; 1061 | left: auto; 1062 | } 1063 | 1064 | /* Tighten up footer */ 1065 | .footer { 1066 | padding-top: 20px; 1067 | padding-bottom: 20px; 1068 | } 1069 | } 1070 | -------------------------------------------------------------------------------- /css/font-awesome.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */ 5 | /* FONT PATH 6 | * -------------------------- */ 7 | @font-face { 8 | font-family: 'FontAwesome'; 9 | src: url('../font/fontawesome-webfont.eot?v=4.0.3'); 10 | src: url('../font/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../font/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../font/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg'); 11 | font-weight: normal; 12 | font-style: normal; 13 | } 14 | .fa { 15 | display: inline-block; 16 | font-family: FontAwesome; 17 | font-style: normal; 18 | font-weight: normal; 19 | line-height: 1; 20 | -webkit-font-smoothing: antialiased; 21 | -moz-osx-font-smoothing: grayscale; 22 | } 23 | /* makes the font 33% larger relative to the icon container */ 24 | .fa-lg { 25 | font-size: 1.3333333333333333em; 26 | line-height: 0.75em; 27 | vertical-align: -15%; 28 | } 29 | .fa-2x { 30 | font-size: 2em; 31 | } 32 | .fa-3x { 33 | font-size: 3em; 34 | } 35 | .fa-4x { 36 | font-size: 4em; 37 | } 38 | .fa-5x { 39 | font-size: 5em; 40 | } 41 | .fa-fw { 42 | width: 1.2857142857142858em; 43 | text-align: center; 44 | } 45 | .fa-ul { 46 | padding-left: 0; 47 | margin-left: 2.142857142857143em; 48 | list-style-type: none; 49 | } 50 | .fa-ul > li { 51 | position: relative; 52 | } 53 | .fa-li { 54 | position: absolute; 55 | left: -2.142857142857143em; 56 | width: 2.142857142857143em; 57 | top: 0.14285714285714285em; 58 | text-align: center; 59 | } 60 | .fa-li.fa-lg { 61 | left: -1.8571428571428572em; 62 | } 63 | .fa-border { 64 | padding: .2em .25em .15em; 65 | border: solid 0.08em #eeeeee; 66 | border-radius: .1em; 67 | } 68 | .pull-right { 69 | float: right; 70 | } 71 | .pull-left { 72 | float: left; 73 | } 74 | .fa.pull-left { 75 | margin-right: .3em; 76 | } 77 | .fa.pull-right { 78 | margin-left: .3em; 79 | } 80 | .fa-spin { 81 | -webkit-animation: spin 2s infinite linear; 82 | -moz-animation: spin 2s infinite linear; 83 | -o-animation: spin 2s infinite linear; 84 | animation: spin 2s infinite linear; 85 | } 86 | @-moz-keyframes spin { 87 | 0% { 88 | -moz-transform: rotate(0deg); 89 | } 90 | 100% { 91 | -moz-transform: rotate(359deg); 92 | } 93 | } 94 | @-webkit-keyframes spin { 95 | 0% { 96 | -webkit-transform: rotate(0deg); 97 | } 98 | 100% { 99 | -webkit-transform: rotate(359deg); 100 | } 101 | } 102 | @-o-keyframes spin { 103 | 0% { 104 | -o-transform: rotate(0deg); 105 | } 106 | 100% { 107 | -o-transform: rotate(359deg); 108 | } 109 | } 110 | @-ms-keyframes spin { 111 | 0% { 112 | -ms-transform: rotate(0deg); 113 | } 114 | 100% { 115 | -ms-transform: rotate(359deg); 116 | } 117 | } 118 | @keyframes spin { 119 | 0% { 120 | transform: rotate(0deg); 121 | } 122 | 100% { 123 | transform: rotate(359deg); 124 | } 125 | } 126 | .fa-rotate-90 { 127 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 128 | -webkit-transform: rotate(90deg); 129 | -moz-transform: rotate(90deg); 130 | -ms-transform: rotate(90deg); 131 | -o-transform: rotate(90deg); 132 | transform: rotate(90deg); 133 | } 134 | .fa-rotate-180 { 135 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); 136 | -webkit-transform: rotate(180deg); 137 | -moz-transform: rotate(180deg); 138 | -ms-transform: rotate(180deg); 139 | -o-transform: rotate(180deg); 140 | transform: rotate(180deg); 141 | } 142 | .fa-rotate-270 { 143 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 144 | -webkit-transform: rotate(270deg); 145 | -moz-transform: rotate(270deg); 146 | -ms-transform: rotate(270deg); 147 | -o-transform: rotate(270deg); 148 | transform: rotate(270deg); 149 | } 150 | .fa-flip-horizontal { 151 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); 152 | -webkit-transform: scale(-1, 1); 153 | -moz-transform: scale(-1, 1); 154 | -ms-transform: scale(-1, 1); 155 | -o-transform: scale(-1, 1); 156 | transform: scale(-1, 1); 157 | } 158 | .fa-flip-vertical { 159 | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); 160 | -webkit-transform: scale(1, -1); 161 | -moz-transform: scale(1, -1); 162 | -ms-transform: scale(1, -1); 163 | -o-transform: scale(1, -1); 164 | transform: scale(1, -1); 165 | } 166 | .fa-stack { 167 | position: relative; 168 | display: inline-block; 169 | width: 2em; 170 | height: 2em; 171 | line-height: 2em; 172 | vertical-align: middle; 173 | } 174 | .fa-stack-1x, 175 | .fa-stack-2x { 176 | position: absolute; 177 | left: 0; 178 | width: 100%; 179 | text-align: center; 180 | } 181 | .fa-stack-1x { 182 | line-height: inherit; 183 | } 184 | .fa-stack-2x { 185 | font-size: 2em; 186 | } 187 | .fa-inverse { 188 | color: #ffffff; 189 | } 190 | /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen 191 | readers do not read off random characters that represent icons */ 192 | .fa-glass:before { 193 | content: "\f000"; 194 | } 195 | .fa-music:before { 196 | content: "\f001"; 197 | } 198 | .fa-search:before { 199 | content: "\f002"; 200 | } 201 | .fa-envelope-o:before { 202 | content: "\f003"; 203 | } 204 | .fa-heart:before { 205 | content: "\f004"; 206 | } 207 | .fa-star:before { 208 | content: "\f005"; 209 | } 210 | .fa-star-o:before { 211 | content: "\f006"; 212 | } 213 | .fa-user:before { 214 | content: "\f007"; 215 | } 216 | .fa-film:before { 217 | content: "\f008"; 218 | } 219 | .fa-th-large:before { 220 | content: "\f009"; 221 | } 222 | .fa-th:before { 223 | content: "\f00a"; 224 | } 225 | .fa-th-list:before { 226 | content: "\f00b"; 227 | } 228 | .fa-check:before { 229 | content: "\f00c"; 230 | } 231 | .fa-times:before { 232 | content: "\f00d"; 233 | } 234 | .fa-search-plus:before { 235 | content: "\f00e"; 236 | } 237 | .fa-search-minus:before { 238 | content: "\f010"; 239 | } 240 | .fa-power-off:before { 241 | content: "\f011"; 242 | } 243 | .fa-signal:before { 244 | content: "\f012"; 245 | } 246 | .fa-gear:before, 247 | .fa-cog:before { 248 | content: "\f013"; 249 | } 250 | .fa-trash-o:before { 251 | content: "\f014"; 252 | } 253 | .fa-home:before { 254 | content: "\f015"; 255 | } 256 | .fa-file-o:before { 257 | content: "\f016"; 258 | } 259 | .fa-clock-o:before { 260 | content: "\f017"; 261 | } 262 | .fa-road:before { 263 | content: "\f018"; 264 | } 265 | .fa-download:before { 266 | content: "\f019"; 267 | } 268 | .fa-arrow-circle-o-down:before { 269 | content: "\f01a"; 270 | } 271 | .fa-arrow-circle-o-up:before { 272 | content: "\f01b"; 273 | } 274 | .fa-inbox:before { 275 | content: "\f01c"; 276 | } 277 | .fa-play-circle-o:before { 278 | content: "\f01d"; 279 | } 280 | .fa-rotate-right:before, 281 | .fa-repeat:before { 282 | content: "\f01e"; 283 | } 284 | .fa-refresh:before { 285 | content: "\f021"; 286 | } 287 | .fa-list-alt:before { 288 | content: "\f022"; 289 | } 290 | .fa-lock:before { 291 | content: "\f023"; 292 | } 293 | .fa-flag:before { 294 | content: "\f024"; 295 | } 296 | .fa-headphones:before { 297 | content: "\f025"; 298 | } 299 | .fa-volume-off:before { 300 | content: "\f026"; 301 | } 302 | .fa-volume-down:before { 303 | content: "\f027"; 304 | } 305 | .fa-volume-up:before { 306 | content: "\f028"; 307 | } 308 | .fa-qrcode:before { 309 | content: "\f029"; 310 | } 311 | .fa-barcode:before { 312 | content: "\f02a"; 313 | } 314 | .fa-tag:before { 315 | content: "\f02b"; 316 | } 317 | .fa-tags:before { 318 | content: "\f02c"; 319 | } 320 | .fa-book:before { 321 | content: "\f02d"; 322 | } 323 | .fa-bookmark:before { 324 | content: "\f02e"; 325 | } 326 | .fa-print:before { 327 | content: "\f02f"; 328 | } 329 | .fa-camera:before { 330 | content: "\f030"; 331 | } 332 | .fa-font:before { 333 | content: "\f031"; 334 | } 335 | .fa-bold:before { 336 | content: "\f032"; 337 | } 338 | .fa-italic:before { 339 | content: "\f033"; 340 | } 341 | .fa-text-height:before { 342 | content: "\f034"; 343 | } 344 | .fa-text-width:before { 345 | content: "\f035"; 346 | } 347 | .fa-align-left:before { 348 | content: "\f036"; 349 | } 350 | .fa-align-center:before { 351 | content: "\f037"; 352 | } 353 | .fa-align-right:before { 354 | content: "\f038"; 355 | } 356 | .fa-align-justify:before { 357 | content: "\f039"; 358 | } 359 | .fa-list:before { 360 | content: "\f03a"; 361 | } 362 | .fa-dedent:before, 363 | .fa-outdent:before { 364 | content: "\f03b"; 365 | } 366 | .fa-indent:before { 367 | content: "\f03c"; 368 | } 369 | .fa-video-camera:before { 370 | content: "\f03d"; 371 | } 372 | .fa-picture-o:before { 373 | content: "\f03e"; 374 | } 375 | .fa-pencil:before { 376 | content: "\f040"; 377 | } 378 | .fa-map-marker:before { 379 | content: "\f041"; 380 | } 381 | .fa-adjust:before { 382 | content: "\f042"; 383 | } 384 | .fa-tint:before { 385 | content: "\f043"; 386 | } 387 | .fa-edit:before, 388 | .fa-pencil-square-o:before { 389 | content: "\f044"; 390 | } 391 | .fa-share-square-o:before { 392 | content: "\f045"; 393 | } 394 | .fa-check-square-o:before { 395 | content: "\f046"; 396 | } 397 | .fa-arrows:before { 398 | content: "\f047"; 399 | } 400 | .fa-step-backward:before { 401 | content: "\f048"; 402 | } 403 | .fa-fast-backward:before { 404 | content: "\f049"; 405 | } 406 | .fa-backward:before { 407 | content: "\f04a"; 408 | } 409 | .fa-play:before { 410 | content: "\f04b"; 411 | } 412 | .fa-pause:before { 413 | content: "\f04c"; 414 | } 415 | .fa-stop:before { 416 | content: "\f04d"; 417 | } 418 | .fa-forward:before { 419 | content: "\f04e"; 420 | } 421 | .fa-fast-forward:before { 422 | content: "\f050"; 423 | } 424 | .fa-step-forward:before { 425 | content: "\f051"; 426 | } 427 | .fa-eject:before { 428 | content: "\f052"; 429 | } 430 | .fa-chevron-left:before { 431 | content: "\f053"; 432 | } 433 | .fa-chevron-right:before { 434 | content: "\f054"; 435 | } 436 | .fa-plus-circle:before { 437 | content: "\f055"; 438 | } 439 | .fa-minus-circle:before { 440 | content: "\f056"; 441 | } 442 | .fa-times-circle:before { 443 | content: "\f057"; 444 | } 445 | .fa-check-circle:before { 446 | content: "\f058"; 447 | } 448 | .fa-question-circle:before { 449 | content: "\f059"; 450 | } 451 | .fa-info-circle:before { 452 | content: "\f05a"; 453 | } 454 | .fa-crosshairs:before { 455 | content: "\f05b"; 456 | } 457 | .fa-times-circle-o:before { 458 | content: "\f05c"; 459 | } 460 | .fa-check-circle-o:before { 461 | content: "\f05d"; 462 | } 463 | .fa-ban:before { 464 | content: "\f05e"; 465 | } 466 | .fa-arrow-left:before { 467 | content: "\f060"; 468 | } 469 | .fa-arrow-right:before { 470 | content: "\f061"; 471 | } 472 | .fa-arrow-up:before { 473 | content: "\f062"; 474 | } 475 | .fa-arrow-down:before { 476 | content: "\f063"; 477 | } 478 | .fa-mail-forward:before, 479 | .fa-share:before { 480 | content: "\f064"; 481 | } 482 | .fa-expand:before { 483 | content: "\f065"; 484 | } 485 | .fa-compress:before { 486 | content: "\f066"; 487 | } 488 | .fa-plus:before { 489 | content: "\f067"; 490 | } 491 | .fa-minus:before { 492 | content: "\f068"; 493 | } 494 | .fa-asterisk:before { 495 | content: "\f069"; 496 | } 497 | .fa-exclamation-circle:before { 498 | content: "\f06a"; 499 | } 500 | .fa-gift:before { 501 | content: "\f06b"; 502 | } 503 | .fa-leaf:before { 504 | content: "\f06c"; 505 | } 506 | .fa-fire:before { 507 | content: "\f06d"; 508 | } 509 | .fa-eye:before { 510 | content: "\f06e"; 511 | } 512 | .fa-eye-slash:before { 513 | content: "\f070"; 514 | } 515 | .fa-warning:before, 516 | .fa-exclamation-triangle:before { 517 | content: "\f071"; 518 | } 519 | .fa-plane:before { 520 | content: "\f072"; 521 | } 522 | .fa-calendar:before { 523 | content: "\f073"; 524 | } 525 | .fa-random:before { 526 | content: "\f074"; 527 | } 528 | .fa-comment:before { 529 | content: "\f075"; 530 | } 531 | .fa-magnet:before { 532 | content: "\f076"; 533 | } 534 | .fa-chevron-up:before { 535 | content: "\f077"; 536 | } 537 | .fa-chevron-down:before { 538 | content: "\f078"; 539 | } 540 | .fa-retweet:before { 541 | content: "\f079"; 542 | } 543 | .fa-shopping-cart:before { 544 | content: "\f07a"; 545 | } 546 | .fa-folder:before { 547 | content: "\f07b"; 548 | } 549 | .fa-folder-open:before { 550 | content: "\f07c"; 551 | } 552 | .fa-arrows-v:before { 553 | content: "\f07d"; 554 | } 555 | .fa-arrows-h:before { 556 | content: "\f07e"; 557 | } 558 | .fa-bar-chart-o:before { 559 | content: "\f080"; 560 | } 561 | .fa-twitter-square:before { 562 | content: "\f081"; 563 | } 564 | .fa-facebook-square:before { 565 | content: "\f082"; 566 | } 567 | .fa-camera-retro:before { 568 | content: "\f083"; 569 | } 570 | .fa-key:before { 571 | content: "\f084"; 572 | } 573 | .fa-gears:before, 574 | .fa-cogs:before { 575 | content: "\f085"; 576 | } 577 | .fa-comments:before { 578 | content: "\f086"; 579 | } 580 | .fa-thumbs-o-up:before { 581 | content: "\f087"; 582 | } 583 | .fa-thumbs-o-down:before { 584 | content: "\f088"; 585 | } 586 | .fa-star-half:before { 587 | content: "\f089"; 588 | } 589 | .fa-heart-o:before { 590 | content: "\f08a"; 591 | } 592 | .fa-sign-out:before { 593 | content: "\f08b"; 594 | } 595 | .fa-linkedin-square:before { 596 | content: "\f08c"; 597 | } 598 | .fa-thumb-tack:before { 599 | content: "\f08d"; 600 | } 601 | .fa-external-link:before { 602 | content: "\f08e"; 603 | } 604 | .fa-sign-in:before { 605 | content: "\f090"; 606 | } 607 | .fa-trophy:before { 608 | content: "\f091"; 609 | } 610 | .fa-github-square:before { 611 | content: "\f092"; 612 | } 613 | .fa-upload:before { 614 | content: "\f093"; 615 | } 616 | .fa-lemon-o:before { 617 | content: "\f094"; 618 | } 619 | .fa-phone:before { 620 | content: "\f095"; 621 | } 622 | .fa-square-o:before { 623 | content: "\f096"; 624 | } 625 | .fa-bookmark-o:before { 626 | content: "\f097"; 627 | } 628 | .fa-phone-square:before { 629 | content: "\f098"; 630 | } 631 | .fa-twitter:before { 632 | content: "\f099"; 633 | } 634 | .fa-facebook:before { 635 | content: "\f09a"; 636 | } 637 | .fa-github:before { 638 | content: "\f09b"; 639 | } 640 | .fa-unlock:before { 641 | content: "\f09c"; 642 | } 643 | .fa-credit-card:before { 644 | content: "\f09d"; 645 | } 646 | .fa-rss:before { 647 | content: "\f09e"; 648 | } 649 | .fa-hdd-o:before { 650 | content: "\f0a0"; 651 | } 652 | .fa-bullhorn:before { 653 | content: "\f0a1"; 654 | } 655 | .fa-bell:before { 656 | content: "\f0f3"; 657 | } 658 | .fa-certificate:before { 659 | content: "\f0a3"; 660 | } 661 | .fa-hand-o-right:before { 662 | content: "\f0a4"; 663 | } 664 | .fa-hand-o-left:before { 665 | content: "\f0a5"; 666 | } 667 | .fa-hand-o-up:before { 668 | content: "\f0a6"; 669 | } 670 | .fa-hand-o-down:before { 671 | content: "\f0a7"; 672 | } 673 | .fa-arrow-circle-left:before { 674 | content: "\f0a8"; 675 | } 676 | .fa-arrow-circle-right:before { 677 | content: "\f0a9"; 678 | } 679 | .fa-arrow-circle-up:before { 680 | content: "\f0aa"; 681 | } 682 | .fa-arrow-circle-down:before { 683 | content: "\f0ab"; 684 | } 685 | .fa-globe:before { 686 | content: "\f0ac"; 687 | } 688 | .fa-wrench:before { 689 | content: "\f0ad"; 690 | } 691 | .fa-tasks:before { 692 | content: "\f0ae"; 693 | } 694 | .fa-filter:before { 695 | content: "\f0b0"; 696 | } 697 | .fa-briefcase:before { 698 | content: "\f0b1"; 699 | } 700 | .fa-arrows-alt:before { 701 | content: "\f0b2"; 702 | } 703 | .fa-group:before, 704 | .fa-users:before { 705 | content: "\f0c0"; 706 | } 707 | .fa-chain:before, 708 | .fa-link:before { 709 | content: "\f0c1"; 710 | } 711 | .fa-cloud:before { 712 | content: "\f0c2"; 713 | } 714 | .fa-flask:before { 715 | content: "\f0c3"; 716 | } 717 | .fa-cut:before, 718 | .fa-scissors:before { 719 | content: "\f0c4"; 720 | } 721 | .fa-copy:before, 722 | .fa-files-o:before { 723 | content: "\f0c5"; 724 | } 725 | .fa-paperclip:before { 726 | content: "\f0c6"; 727 | } 728 | .fa-save:before, 729 | .fa-floppy-o:before { 730 | content: "\f0c7"; 731 | } 732 | .fa-square:before { 733 | content: "\f0c8"; 734 | } 735 | .fa-bars:before { 736 | content: "\f0c9"; 737 | } 738 | .fa-list-ul:before { 739 | content: "\f0ca"; 740 | } 741 | .fa-list-ol:before { 742 | content: "\f0cb"; 743 | } 744 | .fa-strikethrough:before { 745 | content: "\f0cc"; 746 | } 747 | .fa-underline:before { 748 | content: "\f0cd"; 749 | } 750 | .fa-table:before { 751 | content: "\f0ce"; 752 | } 753 | .fa-magic:before { 754 | content: "\f0d0"; 755 | } 756 | .fa-truck:before { 757 | content: "\f0d1"; 758 | } 759 | .fa-pinterest:before { 760 | content: "\f0d2"; 761 | } 762 | .fa-pinterest-square:before { 763 | content: "\f0d3"; 764 | } 765 | .fa-google-plus-square:before { 766 | content: "\f0d4"; 767 | } 768 | .fa-google-plus:before { 769 | content: "\f0d5"; 770 | } 771 | .fa-money:before { 772 | content: "\f0d6"; 773 | } 774 | .fa-caret-down:before { 775 | content: "\f0d7"; 776 | } 777 | .fa-caret-up:before { 778 | content: "\f0d8"; 779 | } 780 | .fa-caret-left:before { 781 | content: "\f0d9"; 782 | } 783 | .fa-caret-right:before { 784 | content: "\f0da"; 785 | } 786 | .fa-columns:before { 787 | content: "\f0db"; 788 | } 789 | .fa-unsorted:before, 790 | .fa-sort:before { 791 | content: "\f0dc"; 792 | } 793 | .fa-sort-down:before, 794 | .fa-sort-asc:before { 795 | content: "\f0dd"; 796 | } 797 | .fa-sort-up:before, 798 | .fa-sort-desc:before { 799 | content: "\f0de"; 800 | } 801 | .fa-envelope:before { 802 | content: "\f0e0"; 803 | } 804 | .fa-linkedin:before { 805 | content: "\f0e1"; 806 | } 807 | .fa-rotate-left:before, 808 | .fa-undo:before { 809 | content: "\f0e2"; 810 | } 811 | .fa-legal:before, 812 | .fa-gavel:before { 813 | content: "\f0e3"; 814 | } 815 | .fa-dashboard:before, 816 | .fa-tachometer:before { 817 | content: "\f0e4"; 818 | } 819 | .fa-comment-o:before { 820 | content: "\f0e5"; 821 | } 822 | .fa-comments-o:before { 823 | content: "\f0e6"; 824 | } 825 | .fa-flash:before, 826 | .fa-bolt:before { 827 | content: "\f0e7"; 828 | } 829 | .fa-sitemap:before { 830 | content: "\f0e8"; 831 | } 832 | .fa-umbrella:before { 833 | content: "\f0e9"; 834 | } 835 | .fa-paste:before, 836 | .fa-clipboard:before { 837 | content: "\f0ea"; 838 | } 839 | .fa-lightbulb-o:before { 840 | content: "\f0eb"; 841 | } 842 | .fa-exchange:before { 843 | content: "\f0ec"; 844 | } 845 | .fa-cloud-download:before { 846 | content: "\f0ed"; 847 | } 848 | .fa-cloud-upload:before { 849 | content: "\f0ee"; 850 | } 851 | .fa-user-md:before { 852 | content: "\f0f0"; 853 | } 854 | .fa-stethoscope:before { 855 | content: "\f0f1"; 856 | } 857 | .fa-suitcase:before { 858 | content: "\f0f2"; 859 | } 860 | .fa-bell-o:before { 861 | content: "\f0a2"; 862 | } 863 | .fa-coffee:before { 864 | content: "\f0f4"; 865 | } 866 | .fa-cutlery:before { 867 | content: "\f0f5"; 868 | } 869 | .fa-file-text-o:before { 870 | content: "\f0f6"; 871 | } 872 | .fa-building-o:before { 873 | content: "\f0f7"; 874 | } 875 | .fa-hospital-o:before { 876 | content: "\f0f8"; 877 | } 878 | .fa-ambulance:before { 879 | content: "\f0f9"; 880 | } 881 | .fa-medkit:before { 882 | content: "\f0fa"; 883 | } 884 | .fa-fighter-jet:before { 885 | content: "\f0fb"; 886 | } 887 | .fa-beer:before { 888 | content: "\f0fc"; 889 | } 890 | .fa-h-square:before { 891 | content: "\f0fd"; 892 | } 893 | .fa-plus-square:before { 894 | content: "\f0fe"; 895 | } 896 | .fa-angle-double-left:before { 897 | content: "\f100"; 898 | } 899 | .fa-angle-double-right:before { 900 | content: "\f101"; 901 | } 902 | .fa-angle-double-up:before { 903 | content: "\f102"; 904 | } 905 | .fa-angle-double-down:before { 906 | content: "\f103"; 907 | } 908 | .fa-angle-left:before { 909 | content: "\f104"; 910 | } 911 | .fa-angle-right:before { 912 | content: "\f105"; 913 | } 914 | .fa-angle-up:before { 915 | content: "\f106"; 916 | } 917 | .fa-angle-down:before { 918 | content: "\f107"; 919 | } 920 | .fa-desktop:before { 921 | content: "\f108"; 922 | } 923 | .fa-laptop:before { 924 | content: "\f109"; 925 | } 926 | .fa-tablet:before { 927 | content: "\f10a"; 928 | } 929 | .fa-mobile-phone:before, 930 | .fa-mobile:before { 931 | content: "\f10b"; 932 | } 933 | .fa-circle-o:before { 934 | content: "\f10c"; 935 | } 936 | .fa-quote-left:before { 937 | content: "\f10d"; 938 | } 939 | .fa-quote-right:before { 940 | content: "\f10e"; 941 | } 942 | .fa-spinner:before { 943 | content: "\f110"; 944 | } 945 | .fa-circle:before { 946 | content: "\f111"; 947 | } 948 | .fa-mail-reply:before, 949 | .fa-reply:before { 950 | content: "\f112"; 951 | } 952 | .fa-github-alt:before { 953 | content: "\f113"; 954 | } 955 | .fa-folder-o:before { 956 | content: "\f114"; 957 | } 958 | .fa-folder-open-o:before { 959 | content: "\f115"; 960 | } 961 | .fa-smile-o:before { 962 | content: "\f118"; 963 | } 964 | .fa-frown-o:before { 965 | content: "\f119"; 966 | } 967 | .fa-meh-o:before { 968 | content: "\f11a"; 969 | } 970 | .fa-gamepad:before { 971 | content: "\f11b"; 972 | } 973 | .fa-keyboard-o:before { 974 | content: "\f11c"; 975 | } 976 | .fa-flag-o:before { 977 | content: "\f11d"; 978 | } 979 | .fa-flag-checkered:before { 980 | content: "\f11e"; 981 | } 982 | .fa-terminal:before { 983 | content: "\f120"; 984 | } 985 | .fa-code:before { 986 | content: "\f121"; 987 | } 988 | .fa-reply-all:before { 989 | content: "\f122"; 990 | } 991 | .fa-mail-reply-all:before { 992 | content: "\f122"; 993 | } 994 | .fa-star-half-empty:before, 995 | .fa-star-half-full:before, 996 | .fa-star-half-o:before { 997 | content: "\f123"; 998 | } 999 | .fa-location-arrow:before { 1000 | content: "\f124"; 1001 | } 1002 | .fa-crop:before { 1003 | content: "\f125"; 1004 | } 1005 | .fa-code-fork:before { 1006 | content: "\f126"; 1007 | } 1008 | .fa-unlink:before, 1009 | .fa-chain-broken:before { 1010 | content: "\f127"; 1011 | } 1012 | .fa-question:before { 1013 | content: "\f128"; 1014 | } 1015 | .fa-info:before { 1016 | content: "\f129"; 1017 | } 1018 | .fa-exclamation:before { 1019 | content: "\f12a"; 1020 | } 1021 | .fa-superscript:before { 1022 | content: "\f12b"; 1023 | } 1024 | .fa-subscript:before { 1025 | content: "\f12c"; 1026 | } 1027 | .fa-eraser:before { 1028 | content: "\f12d"; 1029 | } 1030 | .fa-puzzle-piece:before { 1031 | content: "\f12e"; 1032 | } 1033 | .fa-microphone:before { 1034 | content: "\f130"; 1035 | } 1036 | .fa-microphone-slash:before { 1037 | content: "\f131"; 1038 | } 1039 | .fa-shield:before { 1040 | content: "\f132"; 1041 | } 1042 | .fa-calendar-o:before { 1043 | content: "\f133"; 1044 | } 1045 | .fa-fire-extinguisher:before { 1046 | content: "\f134"; 1047 | } 1048 | .fa-rocket:before { 1049 | content: "\f135"; 1050 | } 1051 | .fa-maxcdn:before { 1052 | content: "\f136"; 1053 | } 1054 | .fa-chevron-circle-left:before { 1055 | content: "\f137"; 1056 | } 1057 | .fa-chevron-circle-right:before { 1058 | content: "\f138"; 1059 | } 1060 | .fa-chevron-circle-up:before { 1061 | content: "\f139"; 1062 | } 1063 | .fa-chevron-circle-down:before { 1064 | content: "\f13a"; 1065 | } 1066 | .fa-html5:before { 1067 | content: "\f13b"; 1068 | } 1069 | .fa-css3:before { 1070 | content: "\f13c"; 1071 | } 1072 | .fa-anchor:before { 1073 | content: "\f13d"; 1074 | } 1075 | .fa-unlock-alt:before { 1076 | content: "\f13e"; 1077 | } 1078 | .fa-bullseye:before { 1079 | content: "\f140"; 1080 | } 1081 | .fa-ellipsis-h:before { 1082 | content: "\f141"; 1083 | } 1084 | .fa-ellipsis-v:before { 1085 | content: "\f142"; 1086 | } 1087 | .fa-rss-square:before { 1088 | content: "\f143"; 1089 | } 1090 | .fa-play-circle:before { 1091 | content: "\f144"; 1092 | } 1093 | .fa-ticket:before { 1094 | content: "\f145"; 1095 | } 1096 | .fa-minus-square:before { 1097 | content: "\f146"; 1098 | } 1099 | .fa-minus-square-o:before { 1100 | content: "\f147"; 1101 | } 1102 | .fa-level-up:before { 1103 | content: "\f148"; 1104 | } 1105 | .fa-level-down:before { 1106 | content: "\f149"; 1107 | } 1108 | .fa-check-square:before { 1109 | content: "\f14a"; 1110 | } 1111 | .fa-pencil-square:before { 1112 | content: "\f14b"; 1113 | } 1114 | .fa-external-link-square:before { 1115 | content: "\f14c"; 1116 | } 1117 | .fa-share-square:before { 1118 | content: "\f14d"; 1119 | } 1120 | .fa-compass:before { 1121 | content: "\f14e"; 1122 | } 1123 | .fa-toggle-down:before, 1124 | .fa-caret-square-o-down:before { 1125 | content: "\f150"; 1126 | } 1127 | .fa-toggle-up:before, 1128 | .fa-caret-square-o-up:before { 1129 | content: "\f151"; 1130 | } 1131 | .fa-toggle-right:before, 1132 | .fa-caret-square-o-right:before { 1133 | content: "\f152"; 1134 | } 1135 | .fa-euro:before, 1136 | .fa-eur:before { 1137 | content: "\f153"; 1138 | } 1139 | .fa-gbp:before { 1140 | content: "\f154"; 1141 | } 1142 | .fa-dollar:before, 1143 | .fa-usd:before { 1144 | content: "\f155"; 1145 | } 1146 | .fa-rupee:before, 1147 | .fa-inr:before { 1148 | content: "\f156"; 1149 | } 1150 | .fa-cny:before, 1151 | .fa-rmb:before, 1152 | .fa-yen:before, 1153 | .fa-jpy:before { 1154 | content: "\f157"; 1155 | } 1156 | .fa-ruble:before, 1157 | .fa-rouble:before, 1158 | .fa-rub:before { 1159 | content: "\f158"; 1160 | } 1161 | .fa-won:before, 1162 | .fa-krw:before { 1163 | content: "\f159"; 1164 | } 1165 | .fa-bitcoin:before, 1166 | .fa-btc:before { 1167 | content: "\f15a"; 1168 | } 1169 | .fa-file:before { 1170 | content: "\f15b"; 1171 | } 1172 | .fa-file-text:before { 1173 | content: "\f15c"; 1174 | } 1175 | .fa-sort-alpha-asc:before { 1176 | content: "\f15d"; 1177 | } 1178 | .fa-sort-alpha-desc:before { 1179 | content: "\f15e"; 1180 | } 1181 | .fa-sort-amount-asc:before { 1182 | content: "\f160"; 1183 | } 1184 | .fa-sort-amount-desc:before { 1185 | content: "\f161"; 1186 | } 1187 | .fa-sort-numeric-asc:before { 1188 | content: "\f162"; 1189 | } 1190 | .fa-sort-numeric-desc:before { 1191 | content: "\f163"; 1192 | } 1193 | .fa-thumbs-up:before { 1194 | content: "\f164"; 1195 | } 1196 | .fa-thumbs-down:before { 1197 | content: "\f165"; 1198 | } 1199 | .fa-youtube-square:before { 1200 | content: "\f166"; 1201 | } 1202 | .fa-youtube:before { 1203 | content: "\f167"; 1204 | } 1205 | .fa-xing:before { 1206 | content: "\f168"; 1207 | } 1208 | .fa-xing-square:before { 1209 | content: "\f169"; 1210 | } 1211 | .fa-youtube-play:before { 1212 | content: "\f16a"; 1213 | } 1214 | .fa-dropbox:before { 1215 | content: "\f16b"; 1216 | } 1217 | .fa-stack-overflow:before { 1218 | content: "\f16c"; 1219 | } 1220 | .fa-instagram:before { 1221 | content: "\f16d"; 1222 | } 1223 | .fa-flickr:before { 1224 | content: "\f16e"; 1225 | } 1226 | .fa-adn:before { 1227 | content: "\f170"; 1228 | } 1229 | .fa-bitbucket:before { 1230 | content: "\f171"; 1231 | } 1232 | .fa-bitbucket-square:before { 1233 | content: "\f172"; 1234 | } 1235 | .fa-tumblr:before { 1236 | content: "\f173"; 1237 | } 1238 | .fa-tumblr-square:before { 1239 | content: "\f174"; 1240 | } 1241 | .fa-long-arrow-down:before { 1242 | content: "\f175"; 1243 | } 1244 | .fa-long-arrow-up:before { 1245 | content: "\f176"; 1246 | } 1247 | .fa-long-arrow-left:before { 1248 | content: "\f177"; 1249 | } 1250 | .fa-long-arrow-right:before { 1251 | content: "\f178"; 1252 | } 1253 | .fa-apple:before { 1254 | content: "\f179"; 1255 | } 1256 | .fa-windows:before { 1257 | content: "\f17a"; 1258 | } 1259 | .fa-android:before { 1260 | content: "\f17b"; 1261 | } 1262 | .fa-linux:before { 1263 | content: "\f17c"; 1264 | } 1265 | .fa-dribbble:before { 1266 | content: "\f17d"; 1267 | } 1268 | .fa-skype:before { 1269 | content: "\f17e"; 1270 | } 1271 | .fa-foursquare:before { 1272 | content: "\f180"; 1273 | } 1274 | .fa-trello:before { 1275 | content: "\f181"; 1276 | } 1277 | .fa-female:before { 1278 | content: "\f182"; 1279 | } 1280 | .fa-male:before { 1281 | content: "\f183"; 1282 | } 1283 | .fa-gittip:before { 1284 | content: "\f184"; 1285 | } 1286 | .fa-sun-o:before { 1287 | content: "\f185"; 1288 | } 1289 | .fa-moon-o:before { 1290 | content: "\f186"; 1291 | } 1292 | .fa-archive:before { 1293 | content: "\f187"; 1294 | } 1295 | .fa-bug:before { 1296 | content: "\f188"; 1297 | } 1298 | .fa-vk:before { 1299 | content: "\f189"; 1300 | } 1301 | .fa-weibo:before { 1302 | content: "\f18a"; 1303 | } 1304 | .fa-renren:before { 1305 | content: "\f18b"; 1306 | } 1307 | .fa-pagelines:before { 1308 | content: "\f18c"; 1309 | } 1310 | .fa-stack-exchange:before { 1311 | content: "\f18d"; 1312 | } 1313 | .fa-arrow-circle-o-right:before { 1314 | content: "\f18e"; 1315 | } 1316 | .fa-arrow-circle-o-left:before { 1317 | content: "\f190"; 1318 | } 1319 | .fa-toggle-left:before, 1320 | .fa-caret-square-o-left:before { 1321 | content: "\f191"; 1322 | } 1323 | .fa-dot-circle-o:before { 1324 | content: "\f192"; 1325 | } 1326 | .fa-wheelchair:before { 1327 | content: "\f193"; 1328 | } 1329 | .fa-vimeo-square:before { 1330 | content: "\f194"; 1331 | } 1332 | .fa-turkish-lira:before, 1333 | .fa-try:before { 1334 | content: "\f195"; 1335 | } 1336 | .fa-plus-square-o:before { 1337 | content: "\f196"; 1338 | } 1339 | -------------------------------------------------------------------------------- /css/monokai.css: -------------------------------------------------------------------------------- 1 | /* 2 | Monokai style - ported by Luigi Maselli - http://grigio.org 3 | */ 4 | 5 | .hljs { 6 | display: block; 7 | padding: 0.5em; 8 | background: #272822; 9 | } 10 | 11 | .hljs-tag, 12 | .hljs-tag .hljs-title, 13 | .hljs-keyword, 14 | .hljs-literal, 15 | .hljs-strong, 16 | .hljs-change, 17 | .hljs-winutils, 18 | .hljs-flow, 19 | .lisp .hljs-title, 20 | .clojure .hljs-built_in, 21 | .nginx .hljs-title, 22 | .tex .hljs-special { 23 | color: #f92672; 24 | } 25 | 26 | .hljs { 27 | color: #ddd; 28 | } 29 | 30 | .hljs .hljs-constant, 31 | .asciidoc .hljs-code { 32 | color: #66d9ef; 33 | } 34 | 35 | .hljs-code, 36 | .hljs-class .hljs-title, 37 | .hljs-header { 38 | color: white; 39 | } 40 | 41 | .hljs-link_label, 42 | .hljs-attribute, 43 | .hljs-symbol, 44 | .hljs-symbol .hljs-string, 45 | .hljs-value, 46 | .hljs-regexp { 47 | color: #bf79db; 48 | } 49 | 50 | .hljs-link_url, 51 | .hljs-tag .hljs-value, 52 | .hljs-string, 53 | .hljs-bullet, 54 | .hljs-subst, 55 | .hljs-title, 56 | .hljs-emphasis, 57 | .haskell .hljs-type, 58 | .hljs-preprocessor, 59 | .hljs-pragma, 60 | .ruby .hljs-class .hljs-parent, 61 | .hljs-built_in, 62 | .django .hljs-template_tag, 63 | .django .hljs-variable, 64 | .smalltalk .hljs-class, 65 | .hljs-javadoc, 66 | .django .hljs-filter .hljs-argument, 67 | .smalltalk .hljs-localvars, 68 | .smalltalk .hljs-array, 69 | .hljs-attr_selector, 70 | .hljs-pseudo, 71 | .hljs-addition, 72 | .hljs-stream, 73 | .hljs-envvar, 74 | .apache .hljs-tag, 75 | .apache .hljs-cbracket, 76 | .tex .hljs-command, 77 | .hljs-prompt { 78 | color: #a6e22e; 79 | } 80 | 81 | .hljs-comment, 82 | .java .hljs-annotation, 83 | .smartquote, 84 | .hljs-blockquote, 85 | .hljs-horizontal_rule, 86 | .python .hljs-decorator, 87 | .hljs-template_comment, 88 | .hljs-pi, 89 | .hljs-doctype, 90 | .hljs-deletion, 91 | .hljs-shebang, 92 | .apache .hljs-sqbracket, 93 | .tex .hljs-formula { 94 | color: #75715e; 95 | } 96 | 97 | .hljs-keyword, 98 | .hljs-literal, 99 | .css .hljs-id, 100 | .hljs-phpdoc, 101 | .hljs-title, 102 | .hljs-header, 103 | .haskell .hljs-type, 104 | .vbscript .hljs-built_in, 105 | .rsl .hljs-built_in, 106 | .smalltalk .hljs-class, 107 | .diff .hljs-header, 108 | .hljs-chunk, 109 | .hljs-winutils, 110 | .bash .hljs-variable, 111 | .apache .hljs-tag, 112 | .tex .hljs-special, 113 | .hljs-request, 114 | .hljs-status { 115 | font-weight: bold; 116 | } 117 | 118 | .coffeescript .javascript, 119 | .javascript .xml, 120 | .tex .hljs-formula, 121 | .xml .javascript, 122 | .xml .vbscript, 123 | .xml .css, 124 | .xml .hljs-cdata { 125 | opacity: 0.5; 126 | } 127 | -------------------------------------------------------------------------------- /css/vimwiki.css: -------------------------------------------------------------------------------- 1 | body { 2 | height: 100% 3 | } 4 | 5 | code { 6 | font-size: 120%; 7 | } 8 | 9 | li.done0 { 10 | list-style-type: none; 11 | } 12 | 13 | li.done4 { 14 | list-style-type: none; 15 | } 16 | 17 | .backtotop{ 18 | outline: none; 19 | text-decoration:none; 20 | width:40px; 21 | height:40px; 22 | color: #0088cc; 23 | opacity:0.3; 24 | position:fixed; 25 | bottom:50px; 26 | right:100px; 27 | } 28 | 29 | .backtotop:hover{ 30 | outline: none; 31 | text-decoration:none; 32 | opacity:1.0; 33 | color: #0088cc; 34 | } 35 | 36 | .backtotop:focus{ 37 | outline: none; 38 | text-decoration:none; 39 | } 40 | 41 | .backtotop:visited{ 42 | outline: none; 43 | text-decoration:none; 44 | color: #0088cc; 45 | } 46 | -------------------------------------------------------------------------------- /default.tpl: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 |