Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

css-regions experiment

  • Loading branch information...
commit b56983bcc59190d2681f8d47915561fa362f7dea 1 parent 0d172eb
Niklas von Hertzen authored March 29, 2012

Showing 32 changed files with 17,074 additions and 0 deletions. Show diff stats Hide diff stats

  1. 32  base/_html/_footer.html
  2. 63  base/_html/_header.html
  3. 26  base/css/_style.css
  4. 686  base/css/bootstrap-responsive.css
  5. 12  base/css/bootstrap-responsive.min.css
  6. 3,990  base/css/bootstrap.css
  7. 689  base/css/bootstrap.min.css
  8. BIN  base/img/facebook.png
  9. BIN  base/img/github.png
  10. BIN  base/img/glyphicons-halflings-white.png
  11. BIN  base/img/glyphicons-halflings.png
  12. BIN  base/img/google-plus-black.png
  13. BIN  base/img/linkedin.png
  14. BIN  base/img/twitter.png
  15. 1,726  base/js/bootstrap.js
  16. 6  base/js/bootstrap.min.js
  17. 86  build.xml
  18. 1,355  css-regions/_html/_bend-animated.html
  19. 911  css-regions/_html/_bend.html
  20. 466  css-regions/_html/_dof.html
  21. 237  css-regions/_html/_index.html
  22. 6  css-regions/_html/_nav.html
  23. 1,446  css-regions/_html/_transition.html
  24. 1  css-regions/_html/append.html
  25. 85  css-regions/_html/prepend.html
  26. 1,539  css-regions/bend-animated.html
  27. 1,095  css-regions/bend.html
  28. 650  css-regions/dof.html
  29. BIN  css-regions/image.jpg
  30. 336  css-regions/index.html
  31. 1,631  css-regions/transition.html
  32. 0  index.html
32  base/_html/_footer.html
... ...
@@ -0,0 +1,32 @@
63  base/_html/_header.html
... ...
@@ -0,0 +1,63 @@
  1
+<!DOCTYPE html>
  2
+<html lang="en">
  3
+    <head>
  4
+        <meta charset="utf-8">
  5
+        <title>@TITLE@</title>
  6
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7
+        <meta name="description" content="">
  8
+        <meta name="author" content="Niklas von Hertzen">
  9
+
  10
+        <!-- Le styles -->
  11
+        <link href="/base/css/bootstrap.css" rel="stylesheet">
  12
+        <link href="/base/css/_style.css" rel="stylesheet">
  13
+        <style>
  14
+            body {
  15
+                padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
  16
+            }
  17
+        </style>
  18
+
  19
+
  20
+        <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  21
+        <!--[if lt IE 9]>
  22
+          <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  23
+        <![endif]-->
  24
+
  25
+        <!-- Le fav and touch icons 
  26
+        <link rel="shortcut icon" href="../assets/ico/favicon.ico">
  27
+        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
  28
+        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
  29
+        <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
  30
+        -->
  31
+    </head>
  32
+
  33
+    <body>
  34
+
  35
+        <div class="navbar navbar-fixed-top">
  36
+            <div class="navbar-inner">
  37
+                <div class="container">
  38
+                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  39
+                        <span class="icon-bar"></span>
  40
+                        <span class="icon-bar"></span>
  41
+                        <span class="icon-bar"></span>
  42
+                    </a>
  43
+                    <a class="brand" href="@URL@">@TITLE@</a>
  44
+                    <div class="nav-collapse">
  45
+                        @NAV@
  46
+                    </div><!--/.nav-collapse -->
  47
+
  48
+                    <p class="navbar-text pull-right" style="padding-top:5px;margin-bottom:-5px;">
  49
+
  50
+
  51
+
  52
+                        <a href="http://twitter.com/share" class="twitter-share-button" data-url="@URL@"  data-count="horizontal" data-via="niklasvh">Tweet</a>
  53
+                      
  54
+                        <!-- Place this tag where you want the +1 button to render -->
  55
+                        <g:plusone size="medium" annotation="inline" href="@URL@" width="250"></g:plusone>
  56
+
  57
+                    </p>
  58
+
  59
+                </div>
  60
+            </div>
  61
+        </div>
  62
+
  63
+   
26  base/css/_style.css
... ...
@@ -0,0 +1,26 @@
  1
+footer {
  2
+-webkit-box-shadow: inset 0 10px 15px rgba(0, 0, 0, 0.1);
  3
+-moz-box-shadow: inset 0 10px 15px rgba(0, 0, 0, 0.1);
  4
+box-shadow: inset 0 10px 15px rgba(0, 0, 0, 0.1);
  5
+margin-top:20px;
  6
+background: #eee;
  7
+padding: 30px 0;
  8
+
  9
+}
  10
+
  11
+.profile h3 {
  12
+   
  13
+    padding-left: 50px;
  14
+    background: url("https://secure.gravatar.com/avatar/cd2699dedd7a4c7ac0c396739a7eeec9?s=40") no-repeat;
  15
+    height: 50px;
  16
+    display:block;
  17
+    line-height:20px;
  18
+}
  19
+
  20
+.profile h3 span {
  21
+    display:block;
  22
+    font-size:11px;
  23
+
  24
+    font-weight:normal;
  25
+}
  26
+
686  base/css/bootstrap-responsive.css
... ...
@@ -0,0 +1,686 @@
  1
+/*!
  2
+ * Bootstrap Responsive v2.0.2
  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
+.clearfix {
  11
+  *zoom: 1;
  12
+}
  13
+.clearfix:before,
  14
+.clearfix:after {
  15
+  display: table;
  16
+  content: "";
  17
+}
  18
+.clearfix:after {
  19
+  clear: both;
  20
+}
  21
+.hide-text {
  22
+  overflow: hidden;
  23
+  text-indent: 100%;
  24
+  white-space: nowrap;
  25
+}
  26
+.input-block-level {
  27
+  display: block;
  28
+  width: 100%;
  29
+  min-height: 28px;
  30
+  /* Make inputs at least the height of their button counterpart */
  31
+
  32
+  /* Makes inputs behave like true block-level elements */
  33
+
  34
+  -webkit-box-sizing: border-box;
  35
+  -moz-box-sizing: border-box;
  36
+  -ms-box-sizing: border-box;
  37
+  box-sizing: border-box;
  38
+}
  39
+.hidden {
  40
+  display: none;
  41
+  visibility: hidden;
  42
+}
  43
+.visible-phone {
  44
+  display: none;
  45
+}
  46
+.visible-tablet {
  47
+  display: none;
  48
+}
  49
+.visible-desktop {
  50
+  display: block;
  51
+}
  52
+.hidden-phone {
  53
+  display: block;
  54
+}
  55
+.hidden-tablet {
  56
+  display: block;
  57
+}
  58
+.hidden-desktop {
  59
+  display: none;
  60
+}
  61
+@media (max-width: 767px) {
  62
+  .visible-phone {
  63
+    display: block;
  64
+  }
  65
+  .hidden-phone {
  66
+    display: none;
  67
+  }
  68
+  .hidden-desktop {
  69
+    display: block;
  70
+  }
  71
+  .visible-desktop {
  72
+    display: none;
  73
+  }
  74
+}
  75
+@media (min-width: 768px) and (max-width: 979px) {
  76
+  .visible-tablet {
  77
+    display: block;
  78
+  }
  79
+  .hidden-tablet {
  80
+    display: none;
  81
+  }
  82
+  .hidden-desktop {
  83
+    display: block;
  84
+  }
  85
+  .visible-desktop {
  86
+    display: none;
  87
+  }
  88
+}
  89
+@media (max-width: 480px) {
  90
+  .nav-collapse {
  91
+    -webkit-transform: translate3d(0, 0, 0);
  92
+  }
  93
+  .page-header h1 small {
  94
+    display: block;
  95
+    line-height: 18px;
  96
+  }
  97
+  input[type="checkbox"],
  98
+  input[type="radio"] {
  99
+    border: 1px solid #ccc;
  100
+  }
  101
+  .form-horizontal .control-group > label {
  102
+    float: none;
  103
+    width: auto;
  104
+    padding-top: 0;
  105
+    text-align: left;
  106
+  }
  107
+  .form-horizontal .controls {
  108
+    margin-left: 0;
  109
+  }
  110
+  .form-horizontal .control-list {
  111
+    padding-top: 0;
  112
+  }
  113
+  .form-horizontal .form-actions {
  114
+    padding-left: 10px;
  115
+    padding-right: 10px;
  116
+  }
  117
+  .modal {
  118
+    position: absolute;
  119
+    top: 10px;
  120
+    left: 10px;
  121
+    right: 10px;
  122
+    width: auto;
  123
+    margin: 0;
  124
+  }
  125
+  .modal.fade.in {
  126
+    top: auto;
  127
+  }
  128
+  .modal-header .close {
  129
+    padding: 10px;
  130
+    margin: -10px;
  131
+  }
  132
+  .carousel-caption {
  133
+    position: static;
  134
+  }
  135
+}
  136
+@media (max-width: 767px) {
  137
+  body {
  138
+    padding-left: 20px;
  139
+    padding-right: 20px;
  140
+  }
  141
+  .navbar-fixed-top {
  142
+    margin-left: -20px;
  143
+    margin-right: -20px;
  144
+  }
  145
+  .container {
  146
+    width: auto;
  147
+  }
  148
+  .row-fluid {
  149
+    width: 100%;
  150
+  }
  151
+  .row {
  152
+    margin-left: 0;
  153
+  }
  154
+  .row > [class*="span"],
  155
+  .row-fluid > [class*="span"] {
  156
+    float: none;
  157
+    display: block;
  158
+    width: auto;
  159
+    margin: 0;
  160
+  }
  161
+  .thumbnails [class*="span"] {
  162
+    width: auto;
  163
+  }
  164
+  input[class*="span"],
  165
+  select[class*="span"],
  166
+  textarea[class*="span"],
  167
+  .uneditable-input {
  168
+    display: block;
  169
+    width: 100%;
  170
+    min-height: 28px;
  171
+    /* Make inputs at least the height of their button counterpart */
  172
+  
  173
+    /* Makes inputs behave like true block-level elements */
  174
+  
  175
+    -webkit-box-sizing: border-box;
  176
+    -moz-box-sizing: border-box;
  177
+    -ms-box-sizing: border-box;
  178
+    box-sizing: border-box;
  179
+  }
  180
+  .input-prepend input[class*="span"],
  181
+  .input-append input[class*="span"] {
  182
+    width: auto;
  183
+  }
  184
+}
  185
+@media (min-width: 768px) and (max-width: 979px) {
  186
+  .row {
  187
+    margin-left: -20px;
  188
+    *zoom: 1;
  189
+  }
  190
+  .row:before,
  191
+  .row:after {
  192
+    display: table;
  193
+    content: "";
  194
+  }
  195
+  .row:after {
  196
+    clear: both;
  197
+  }
  198
+  [class*="span"] {
  199
+    float: left;
  200
+    margin-left: 20px;
  201
+  }
  202
+  .container,
  203
+  .navbar-fixed-top .container,
  204
+  .navbar-fixed-bottom .container {
  205
+    width: 724px;
  206
+  }
  207
+  .span12 {
  208
+    width: 724px;
  209
+  }
  210
+  .span11 {
  211
+    width: 662px;
  212
+  }
  213
+  .span10 {
  214
+    width: 600px;
  215
+  }
  216
+  .span9 {
  217
+    width: 538px;
  218
+  }
  219
+  .span8 {
  220
+    width: 476px;
  221
+  }
  222
+  .span7 {
  223
+    width: 414px;
  224
+  }
  225
+  .span6 {
  226
+    width: 352px;
  227
+  }
  228
+  .span5 {
  229
+    width: 290px;
  230
+  }
  231
+  .span4 {
  232
+    width: 228px;
  233
+  }
  234
+  .span3 {
  235
+    width: 166px;
  236
+  }
  237
+  .span2 {
  238
+    width: 104px;
  239
+  }
  240
+  .span1 {
  241
+    width: 42px;
  242
+  }
  243
+  .offset12 {
  244
+    margin-left: 764px;
  245
+  }
  246
+  .offset11 {
  247
+    margin-left: 702px;
  248
+  }
  249
+  .offset10 {
  250
+    margin-left: 640px;
  251
+  }
  252
+  .offset9 {
  253
+    margin-left: 578px;
  254
+  }
  255
+  .offset8 {
  256
+    margin-left: 516px;
  257
+  }
  258
+  .offset7 {
  259
+    margin-left: 454px;
  260
+  }
  261
+  .offset6 {
  262
+    margin-left: 392px;
  263
+  }
  264
+  .offset5 {
  265
+    margin-left: 330px;
  266
+  }
  267
+  .offset4 {
  268
+    margin-left: 268px;
  269
+  }
  270
+  .offset3 {
  271
+    margin-left: 206px;
  272
+  }
  273
+  .offset2 {
  274
+    margin-left: 144px;
  275
+  }
  276
+  .offset1 {
  277
+    margin-left: 82px;
  278
+  }
  279
+  .row-fluid {
  280
+    width: 100%;
  281
+    *zoom: 1;
  282
+  }
  283
+  .row-fluid:before,
  284
+  .row-fluid:after {
  285
+    display: table;
  286
+    content: "";
  287
+  }
  288
+  .row-fluid:after {
  289
+    clear: both;
  290
+  }
  291
+  .row-fluid > [class*="span"] {
  292
+    float: left;
  293
+    margin-left: 2.762430939%;
  294
+  }
  295
+  .row-fluid > [class*="span"]:first-child {
  296
+    margin-left: 0;
  297
+  }
  298
+  .row-fluid > .span12 {
  299
+    width: 99.999999993%;
  300
+  }
  301
+  .row-fluid > .span11 {
  302
+    width: 91.436464082%;
  303
+  }
  304
+  .row-fluid > .span10 {
  305
+    width: 82.87292817100001%;
  306
+  }
  307
+  .row-fluid > .span9 {
  308
+    width: 74.30939226%;
  309
+  }
  310
+  .row-fluid > .span8 {
  311
+    width: 65.74585634900001%;
  312
+  }
  313
+  .row-fluid > .span7 {
  314
+    width: 57.182320438000005%;
  315
+  }
  316
+  .row-fluid > .span6 {
  317
+    width: 48.618784527%;
  318
+  }
  319
+  .row-fluid > .span5 {
  320
+    width: 40.055248616%;
  321
+  }
  322
+  .row-fluid > .span4 {
  323
+    width: 31.491712705%;
  324
+  }
  325
+  .row-fluid > .span3 {
  326
+    width: 22.928176794%;
  327
+  }
  328
+  .row-fluid > .span2 {
  329
+    width: 14.364640883%;
  330
+  }
  331
+  .row-fluid > .span1 {
  332
+    width: 5.801104972%;
  333
+  }
  334
+  input,
  335
+  textarea,
  336
+  .uneditable-input {
  337
+    margin-left: 0;
  338
+  }
  339
+  input.span12, textarea.span12, .uneditable-input.span12 {
  340
+    width: 714px;
  341
+  }
  342
+  input.span11, textarea.span11, .uneditable-input.span11 {
  343
+    width: 652px;
  344
+  }
  345
+  input.span10, textarea.span10, .uneditable-input.span10 {
  346
+    width: 590px;
  347
+  }
  348
+  input.span9, textarea.span9, .uneditable-input.span9 {
  349
+    width: 528px;
  350
+  }
  351
+  input.span8, textarea.span8, .uneditable-input.span8 {
  352
+    width: 466px;
  353
+  }
  354
+  input.span7, textarea.span7, .uneditable-input.span7 {
  355
+    width: 404px;
  356
+  }
  357
+  input.span6, textarea.span6, .uneditable-input.span6 {
  358
+    width: 342px;
  359
+  }
  360
+  input.span5, textarea.span5, .uneditable-input.span5 {
  361
+    width: 280px;
  362
+  }
  363
+  input.span4, textarea.span4, .uneditable-input.span4 {
  364
+    width: 218px;
  365
+  }
  366
+  input.span3, textarea.span3, .uneditable-input.span3 {
  367
+    width: 156px;
  368
+  }
  369
+  input.span2, textarea.span2, .uneditable-input.span2 {
  370
+    width: 94px;
  371
+  }
  372
+  input.span1, textarea.span1, .uneditable-input.span1 {
  373
+    width: 32px;
  374
+  }
  375
+}
  376
+@media (max-width: 979px) {
  377
+  body {
  378
+    padding-top: 0;
  379
+  }
  380
+  .navbar-fixed-top {
  381
+    position: static;
  382
+    margin-bottom: 18px;
  383
+  }
  384
+  .navbar-fixed-top .navbar-inner {
  385
+    padding: 5px;
  386
+  }
  387
+  .navbar .container {
  388
+    width: auto;
  389
+    padding: 0;
  390
+  }
  391
+  .navbar .brand {
  392
+    padding-left: 10px;
  393
+    padding-right: 10px;
  394
+    margin: 0 0 0 -5px;
  395
+  }
  396
+  .navbar .nav-collapse {
  397
+    clear: left;
  398
+  }
  399
+  .navbar .nav {
  400
+    float: none;
  401
+    margin: 0 0 9px;
  402
+  }
  403
+  .navbar .nav > li {
  404
+    float: none;
  405
+  }
  406
+  .navbar .nav > li > a {
  407
+    margin-bottom: 2px;
  408
+  }
  409
+  .navbar .nav > .divider-vertical {
  410
+    display: none;
  411
+  }
  412
+  .navbar .nav .nav-header {
  413
+    color: #999999;
  414
+    text-shadow: none;
  415
+  }
  416
+  .navbar .nav > li > a,
  417
+  .navbar .dropdown-menu a {
  418
+    padding: 6px 15px;
  419
+    font-weight: bold;
  420
+    color: #999999;
  421
+    -webkit-border-radius: 3px;
  422
+    -moz-border-radius: 3px;
  423
+    border-radius: 3px;
  424
+  }
  425
+  .navbar .dropdown-menu li + li a {
  426
+    margin-bottom: 2px;
  427
+  }
  428
+  .navbar .nav > li > a:hover,
  429
+  .navbar .dropdown-menu a:hover {
  430
+    background-color: #222222;
  431
+  }
  432
+  .navbar .dropdown-menu {
  433
+    position: static;
  434
+    top: auto;
  435
+    left: auto;
  436
+    float: none;
  437
+    display: block;
  438
+    max-width: none;
  439
+    margin: 0 15px;
  440
+    padding: 0;
  441
+    background-color: transparent;
  442
+    border: none;
  443
+    -webkit-border-radius: 0;
  444
+    -moz-border-radius: 0;
  445
+    border-radius: 0;
  446
+    -webkit-box-shadow: none;
  447
+    -moz-box-shadow: none;
  448
+    box-shadow: none;
  449
+  }
  450
+  .navbar .dropdown-menu:before,
  451
+  .navbar .dropdown-menu:after {
  452
+    display: none;
  453
+  }
  454
+  .navbar .dropdown-menu .divider {
  455
+    display: none;
  456
+  }
  457
+  .navbar-form,
  458
+  .navbar-search {
  459
+    float: none;
  460
+    padding: 9px 15px;
  461
+    margin: 9px 0;
  462
+    border-top: 1px solid #222222;
  463
+    border-bottom: 1px solid #222222;
  464
+    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  465
+    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  466
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  467
+  }
  468
+  .navbar .nav.pull-right {
  469
+    float: none;
  470
+    margin-left: 0;
  471
+  }
  472
+  .navbar-static .navbar-inner {
  473
+    padding-left: 10px;
  474
+    padding-right: 10px;
  475
+  }
  476
+  .btn-navbar {
  477
+    display: block;
  478
+  }
  479
+  .nav-collapse {
  480
+    overflow: hidden;
  481
+    height: 0;
  482
+  }
  483
+}
  484
+@media (min-width: 980px) {
  485
+  .nav-collapse.collapse {
  486
+    height: auto !important;
  487
+    overflow: visible !important;
  488
+  }
  489
+}
  490
+@media (min-width: 1200px) {
  491
+  .row {
  492
+    margin-left: -30px;
  493
+    *zoom: 1;
  494
+  }
  495
+  .row:before,
  496
+  .row:after {
  497
+    display: table;
  498
+    content: "";
  499
+  }
  500
+  .row:after {
  501
+    clear: both;
  502
+  }
  503
+  [class*="span"] {
  504
+    float: left;
  505
+    margin-left: 30px;
  506
+  }
  507
+  .container,
  508
+  .navbar-fixed-top .container,
  509
+  .navbar-fixed-bottom .container {
  510
+    width: 1170px;
  511
+  }
  512
+  .span12 {
  513
+    width: 1170px;
  514
+  }
  515
+  .span11 {
  516
+    width: 1070px;
  517
+  }
  518
+  .span10 {
  519
+    width: 970px;
  520
+  }
  521
+  .span9 {
  522
+    width: 870px;
  523
+  }
  524
+  .span8 {
  525
+    width: 770px;
  526
+  }
  527
+  .span7 {
  528
+    width: 670px;
  529
+  }
  530
+  .span6 {
  531
+    width: 570px;
  532
+  }
  533
+  .span5 {
  534
+    width: 470px;
  535
+  }
  536
+  .span4 {
  537
+    width: 370px;
  538
+  }
  539
+  .span3 {
  540
+    width: 270px;
  541
+  }
  542
+  .span2 {
  543
+    width: 170px;
  544
+  }
  545
+  .span1 {
  546
+    width: 70px;
  547
+  }
  548
+  .offset12 {
  549
+    margin-left: 1230px;
  550
+  }
  551
+  .offset11 {
  552
+    margin-left: 1130px;
  553
+  }
  554
+  .offset10 {
  555
+    margin-left: 1030px;
  556
+  }
  557
+  .offset9 {
  558
+    margin-left: 930px;
  559
+  }
  560
+  .offset8 {
  561
+    margin-left: 830px;
  562
+  }
  563
+  .offset7 {
  564
+    margin-left: 730px;
  565
+  }
  566
+  .offset6 {
  567
+    margin-left: 630px;
  568
+  }
  569
+  .offset5 {
  570
+    margin-left: 530px;
  571
+  }
  572
+  .offset4 {
  573
+    margin-left: 430px;
  574
+  }
  575
+  .offset3 {
  576
+    margin-left: 330px;
  577
+  }
  578
+  .offset2 {
  579
+    margin-left: 230px;
  580
+  }
  581
+  .offset1 {
  582
+    margin-left: 130px;
  583
+  }
  584
+  .row-fluid {
  585
+    width: 100%;
  586
+    *zoom: 1;
  587
+  }
  588
+  .row-fluid:before,
  589
+  .row-fluid:after {
  590
+    display: table;
  591
+    content: "";
  592
+  }
  593
+  .row-fluid:after {
  594
+    clear: both;
  595
+  }
  596
+  .row-fluid > [class*="span"] {
  597
+    float: left;
  598
+    margin-left: 2.564102564%;
  599
+  }
  600
+  .row-fluid > [class*="span"]:first-child {
  601
+    margin-left: 0;
  602
+  }
  603
+  .row-fluid > .span12 {
  604
+    width: 100%;
  605
+  }
  606
+  .row-fluid > .span11 {
  607
+    width: 91.45299145300001%;
  608
+  }
  609
+  .row-fluid > .span10 {
  610
+    width: 82.905982906%;
  611
+  }
  612
+  .row-fluid > .span9 {
  613
+    width: 74.358974359%;
  614
+  }
  615
+  .row-fluid > .span8 {
  616
+    width: 65.81196581200001%;
  617
+  }
  618
+  .row-fluid > .span7 {
  619
+    width: 57.264957265%;
  620
+  }
  621
+  .row-fluid > .span6 {
  622
+    width: 48.717948718%;
  623
+  }
  624
+  .row-fluid > .span5 {
  625
+    width: 40.170940171000005%;
  626
+  }
  627
+  .row-fluid > .span4 {
  628
+    width: 31.623931624%;
  629
+  }
  630
+  .row-fluid > .span3 {
  631
+    width: 23.076923077%;
  632
+  }
  633
+  .row-fluid > .span2 {
  634
+    width: 14.529914530000001%;
  635
+  }
  636
+  .row-fluid > .span1 {
  637
+    width: 5.982905983%;
  638
+  }
  639
+  input,
  640
+  textarea,
  641
+  .uneditable-input {
  642
+    margin-left: 0;
  643
+  }
  644
+  input.span12, textarea.span12, .uneditable-input.span12 {
  645
+    width: 1160px;
  646
+  }
  647
+  input.span11, textarea.span11, .uneditable-input.span11 {
  648
+    width: 1060px;
  649
+  }
  650
+  input.span10, textarea.span10, .uneditable-input.span10 {
  651
+    width: 960px;
  652
+  }
  653
+  input.span9, textarea.span9, .uneditable-input.span9 {
  654
+    width: 860px;
  655
+  }
  656
+  input.span8, textarea.span8, .uneditable-input.span8 {
  657
+    width: 760px;
  658
+  }
  659
+  input.span7, textarea.span7, .uneditable-input.span7 {
  660
+    width: 660px;
  661
+  }
  662
+  input.span6, textarea.span6, .uneditable-input.span6 {
  663
+    width: 560px;
  664
+  }
  665
+  input.span5, textarea.span5, .uneditable-input.span5 {
  666
+    width: 460px;
  667
+  }
  668
+  input.span4, textarea.span4, .uneditable-input.span4 {
  669
+    width: 360px;
  670
+  }
  671
+  input.span3, textarea.span3, .uneditable-input.span3 {
  672
+    width: 260px;
  673
+  }
  674
+  input.span2, textarea.span2, .uneditable-input.span2 {
  675
+    width: 160px;
  676
+  }
  677
+  input.span1, textarea.span1, .uneditable-input.span1 {
  678
+    width: 60px;
  679
+  }
  680
+  .thumbnails {
  681
+    margin-left: -30px;
  682
+  }
  683
+  .thumbnails > li {
  684
+    margin-left: 30px;
  685
+  }
  686
+}
12  base/css/bootstrap-responsive.min.css
... ...
@@ -0,0 +1,12 @@
  1
+.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
  2
+.clearfix:after{clear:both;}
  3
+.hide-text{overflow:hidden;text-indent:100%;white-space:nowrap;}
  4
+.input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
  5
+.hidden{display:none;visibility:hidden;}
  6
+.visible-phone{display:none;}
  7
+.visible-tablet{display:none;}
  8
+.visible-desktop{display:block;}
  9
+.hidden-phone{display:block;}
  10
+.hidden-tablet{display:block;}
  11
+.hidden-desktop{display:none;}
  12
+@media (max-width:767px){.visible-phone{display:block;} .hidden-phone{display:none;} .hidden-desktop{display:block;} .visible-desktop{display:none;}}@media (min-width:768px) and (max-width:979px){.visible-tablet{display:block;} .hidden-tablet{display:none;} .hidden-desktop{display:block;} .visible-desktop{display:none;}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0, 0, 0);} .page-header h1 small{display:block;line-height:18px;} input[type="checkbox"],input[type="radio"]{border:1px solid #ccc;} .form-horizontal .control-group>label{float:none;width:auto;padding-top:0;text-align:left;} .form-horizontal .controls{margin-left:0;} .form-horizontal .control-list{padding-top:0;} .form-horizontal .form-actions{padding-left:10px;padding-right:10px;} .modal{position:absolute;top:10px;left:10px;right:10px;width:auto;margin:0;}.modal.fade.in{top:auto;} .modal-header .close{padding:10px;margin:-10px;} .carousel-caption{position:static;}}@media (max-width:767px){body{padding-left:20px;padding-right:20px;} .navbar-fixed-top{margin-left:-20px;margin-right:-20px;} .container{width:auto;} .row-fluid{width:100%;} .row{margin-left:0;} .row>[class*="span"],.row-fluid>[class*="span"]{float:none;display:block;width:auto;margin:0;} .thumbnails [class*="span"]{width:auto;} input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} .input-prepend input[class*="span"],.input-append input[class*="span"]{width:auto;}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:20px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px;} .span12{width:724px;} .span11{width:662px;} .span10{width:600px;} .span9{width:538px;} .span8{width:476px;} .span7{width:414px;} .span6{width:352px;} .span5{width:290px;} .span4{width:228px;} .span3{width:166px;} .span2{width:104px;} .span1{width:42px;} .offset12{margin-left:764px;} .offset11{margin-left:702px;} .offset10{margin-left:640px;} .offset9{margin-left:578px;} .offset8{margin-left:516px;} .offset7{margin-left:454px;} .offset6{margin-left:392px;} .offset5{margin-left:330px;} .offset4{margin-left:268px;} .offset3{margin-left:206px;} .offset2{margin-left:144px;} .offset1{margin-left:82px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.762430939%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid > .span12{width:99.999999993%;} .row-fluid > .span11{width:91.436464082%;} .row-fluid > .span10{width:82.87292817100001%;} .row-fluid > .span9{width:74.30939226%;} .row-fluid > .span8{width:65.74585634900001%;} .row-fluid > .span7{width:57.182320438000005%;} .row-fluid > .span6{width:48.618784527%;} .row-fluid > .span5{width:40.055248616%;} .row-fluid > .span4{width:31.491712705%;} .row-fluid > .span3{width:22.928176794%;} .row-fluid > .span2{width:14.364640883%;} .row-fluid > .span1{width:5.801104972%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:714px;} input.span11, textarea.span11, .uneditable-input.span11{width:652px;} input.span10, textarea.span10, .uneditable-input.span10{width:590px;} input.span9, textarea.span9, .uneditable-input.span9{width:528px;} input.span8, textarea.span8, .uneditable-input.span8{width:466px;} input.span7, textarea.span7, .uneditable-input.span7{width:404px;} input.span6, textarea.span6, .uneditable-input.span6{width:342px;} input.span5, textarea.span5, .uneditable-input.span5{width:280px;} input.span4, textarea.span4, .uneditable-input.span4{width:218px;} input.span3, textarea.span3, .uneditable-input.span3{width:156px;} input.span2, textarea.span2, .uneditable-input.span2{width:94px;} input.span1, textarea.span1, .uneditable-input.span1{width:32px;}}@media (max-width:979px){body{padding-top:0;} .navbar-fixed-top{position:static;margin-bottom:18px;} .navbar-fixed-top .navbar-inner{padding:5px;} .navbar .container{width:auto;padding:0;} .navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px;} .navbar .nav-collapse{clear:left;} .navbar .nav{float:none;margin:0 0 9px;} .navbar .nav>li{float:none;} .navbar .nav>li>a{margin-bottom:2px;} .navbar .nav>.divider-vertical{display:none;} .navbar .nav .nav-header{color:#999999;text-shadow:none;} .navbar .nav>li>a,.navbar .dropdown-menu a{padding:6px 15px;font-weight:bold;color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .navbar .dropdown-menu li+li a{margin-bottom:2px;} .navbar .nav>li>a:hover,.navbar .dropdown-menu a:hover{background-color:#222222;} .navbar .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .navbar .dropdown-menu:before,.navbar .dropdown-menu:after{display:none;} .navbar .dropdown-menu .divider{display:none;} .navbar-form,.navbar-search{float:none;padding:9px 15px;margin:9px 0;border-top:1px solid #222222;border-bottom:1px solid #222222;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.1);} .navbar .nav.pull-right{float:none;margin-left:0;} .navbar-static .navbar-inner{padding-left:10px;padding-right:10px;} .btn-navbar{display:block;} .nav-collapse{overflow:hidden;height:0;}}@media (min-width:980px){.nav-collapse.collapse{height:auto !important;overflow:visible !important;}}@media (min-width:1200px){.row{margin-left:-30px;*zoom:1;}.row:before,.row:after{display:table;content:"";} .row:after{clear:both;} [class*="span"]{float:left;margin-left:30px;} .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px;} .span12{width:1170px;} .span11{width:1070px;} .span10{width:970px;} .span9{width:870px;} .span8{width:770px;} .span7{width:670px;} .span6{width:570px;} .span5{width:470px;} .span4{width:370px;} .span3{width:270px;} .span2{width:170px;} .span1{width:70px;} .offset12{margin-left:1230px;} .offset11{margin-left:1130px;} .offset10{margin-left:1030px;} .offset9{margin-left:930px;} .offset8{margin-left:830px;} .offset7{margin-left:730px;} .offset6{margin-left:630px;} .offset5{margin-left:530px;} .offset4{margin-left:430px;} .offset3{margin-left:330px;} .offset2{margin-left:230px;} .offset1{margin-left:130px;} .row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";} .row-fluid:after{clear:both;} .row-fluid>[class*="span"]{float:left;margin-left:2.564102564%;} .row-fluid>[class*="span"]:first-child{margin-left:0;} .row-fluid > .span12{width:100%;} .row-fluid > .span11{width:91.45299145300001%;} .row-fluid > .span10{width:82.905982906%;} .row-fluid > .span9{width:74.358974359%;} .row-fluid > .span8{width:65.81196581200001%;} .row-fluid > .span7{width:57.264957265%;} .row-fluid > .span6{width:48.717948718%;} .row-fluid > .span5{width:40.170940171000005%;} .row-fluid > .span4{width:31.623931624%;} .row-fluid > .span3{width:23.076923077%;} .row-fluid > .span2{width:14.529914530000001%;} .row-fluid > .span1{width:5.982905983%;} input,textarea,.uneditable-input{margin-left:0;} input.span12, textarea.span12, .uneditable-input.span12{width:1160px;} input.span11, textarea.span11, .uneditable-input.span11{width:1060px;} input.span10, textarea.span10, .uneditable-input.span10{width:960px;} input.span9, textarea.span9, .uneditable-input.span9{width:860px;} input.span8, textarea.span8, .uneditable-input.span8{width:760px;} input.span7, textarea.span7, .uneditable-input.span7{width:660px;} input.span6, textarea.span6, .uneditable-input.span6{width:560px;} input.span5, textarea.span5, .uneditable-input.span5{width:460px;} input.span4, textarea.span4, .uneditable-input.span4{width:360px;} input.span3, textarea.span3, .uneditable-input.span3{width:260px;} input.span2, textarea.span2, .uneditable-input.span2{width:160px;} input.span1, textarea.span1, .uneditable-input.span1{width:60px;} .thumbnails{margin-left:-30px;} .thumbnails>li{margin-left:30px;}}
3,990  base/css/bootstrap.css
... ...
@@ -0,0 +1,3990 @@
  1
+/*!
  2
+ * Bootstrap v2.0.2
  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
+article,
  11
+aside,
  12
+details,
  13
+figcaption,
  14
+figure,
  15
+footer,
  16
+header,
  17
+hgroup,
  18
+nav,
  19
+section {
  20
+  display: block;
  21
+}
  22
+audio,
  23
+canvas,
  24
+video {
  25
+  display: inline-block;
  26
+  *display: inline;
  27
+  *zoom: 1;
  28
+}
  29
+audio:not([controls]) {
  30
+  display: none;
  31
+}
  32
+html {
  33
+  font-size: 100%;
  34
+  -webkit-text-size-adjust: 100%;
  35
+  -ms-text-size-adjust: 100%;
  36
+}
  37
+a:focus {
  38
+  outline: thin dotted #333;
  39
+  outline: 5px auto -webkit-focus-ring-color;
  40
+  outline-offset: -2px;
  41
+}
  42
+a:hover,
  43
+a:active {
  44
+  outline: 0;
  45
+}
  46
+sub,
  47
+sup {
  48
+  position: relative;
  49
+  font-size: 75%;
  50
+  line-height: 0;
  51
+  vertical-align: baseline;
  52
+}
  53
+sup {
  54
+  top: -0.5em;
  55
+}
  56
+sub {
  57
+  bottom: -0.25em;
  58
+}
  59
+img {
  60
+  height: auto;
  61
+  border: 0;
  62
+  -ms-interpolation-mode: bicubic;
  63
+  vertical-align: middle;
  64
+}
  65
+button,
  66
+input,
  67
+select,
  68
+textarea {
  69
+  margin: 0;
  70
+  font-size: 100%;
  71
+  vertical-align: middle;
  72
+}
  73
+button,
  74
+input {
  75
+  *overflow: visible;
  76
+  line-height: normal;
  77
+}
  78
+button::-moz-focus-inner,
  79
+input::-moz-focus-inner {
  80
+  padding: 0;
  81
+  border: 0;
  82
+}
  83
+button,
  84
+input[type="button"],
  85
+input[type="reset"],
  86
+input[type="submit"] {
  87
+  cursor: pointer;
  88
+  -webkit-appearance: button;
  89
+}
  90
+input[type="search"] {
  91
+  -webkit-appearance: textfield;
  92
+  -webkit-box-sizing: content-box;
  93
+  -moz-box-sizing: content-box;
  94
+  box-sizing: content-box;
  95
+}
  96
+input[type="search"]::-webkit-search-decoration,
  97
+input[type="search"]::-webkit-search-cancel-button {
  98
+  -webkit-appearance: none;
  99
+}
  100
+textarea {
  101
+  overflow: auto;
  102
+  vertical-align: top;
  103
+}
  104
+.clearfix {
  105
+  *zoom: 1;
  106
+}
  107
+.clearfix:before,
  108
+.clearfix:after {
  109
+  display: table;
  110
+  content: "";
  111
+}
  112
+.clearfix:after {
  113
+  clear: both;
  114
+}
  115
+.hide-text {
  116
+  overflow: hidden;
  117
+  text-indent: 100%;
  118
+  white-space: nowrap;
  119
+}
  120
+.input-block-level {
  121
+  display: block;
  122
+  width: 100%;
  123
+  min-height: 28px;
  124
+  /* Make inputs at least the height of their button counterpart */
  125
+
  126
+  /* Makes inputs behave like true block-level elements */
  127
+
  128
+  -webkit-box-sizing: border-box;
  129
+  -moz-box-sizing: border-box;
  130
+  -ms-box-sizing: border-box;
  131
+  box-sizing: border-box;
  132
+}
  133
+body {
  134
+  margin: 0;
  135
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  136
+  font-size: 13px;
  137
+  line-height: 18px;
  138
+  color: #333333;
  139
+  background-color: #ffffff;
  140
+}
  141
+a {
  142
+  color: #0088cc;
  143
+  text-decoration: none;
  144
+}
  145
+a:hover {
  146
+  color: #005580;
  147
+  text-decoration: underline;
  148
+}
  149
+.row {
  150
+  margin-left: -20px;
  151
+  *zoom: 1;
  152
+}
  153
+.row:before,
  154
+.row:after {
  155
+  display: table;
  156
+  content: "";
  157
+}
  158
+.row:after {
  159
+  clear: both;
  160
+}
  161
+[class*="span"] {
  162
+  float: left;
  163
+  margin-left: 20px;
  164
+}
  165
+.container,
  166
+.navbar-fixed-top .container,
  167
+.navbar-fixed-bottom .container {
  168
+  width: 940px;
  169
+}
  170
+.span12 {
  171
+  width: 940px;
  172
+}
  173
+.span11 {
  174
+  width: 860px;
  175
+}
  176
+.span10 {
  177
+  width: 780px;
  178
+}
  179
+.span9 {
  180
+  width: 700px;
  181
+}
  182
+.span8 {
  183
+  width: 620px;
  184
+}
  185
+.span7 {
  186
+  width: 540px;
  187
+}
  188
+.span6 {
  189
+  width: 460px;
  190
+}
  191
+.span5 {
  192
+  width: 380px;
  193
+}
  194
+.span4 {
  195
+  width: 300px;
  196
+}
  197
+.span3 {
  198
+  width: 220px;
  199
+}
  200
+.span2 {
  201
+  width: 140px;
  202
+}
  203
+.span1 {
  204
+  width: 60px;
  205
+}
  206
+.offset12 {
  207
+  margin-left: 980px;
  208
+}
  209
+.offset11 {
  210
+  margin-left: 900px;
  211
+}
  212
+.offset10 {
  213
+  margin-left: 820px;
  214
+}
  215
+.offset9 {
  216
+  margin-left: 740px;
  217
+}
  218
+.offset8 {
  219
+  margin-left: 660px;
  220
+}
  221
+.offset7 {
  222
+  margin-left: 580px;
  223
+}
  224
+.offset6 {
  225
+  margin-left: 500px;
  226
+}
  227
+.offset5 {
  228
+  margin-left: 420px;
  229
+}
  230
+.offset4 {
  231
+  margin-left: 340px;
  232
+}
  233
+.offset3 {
  234
+  margin-left: 260px;
  235
+}
  236
+.offset2 {
  237
+  margin-left: 180px;
  238
+}
  239
+.offset1 {
  240
+  margin-left: 100px;
  241
+}
  242
+.row-fluid {
  243
+  width: 100%;
  244
+  *zoom: 1;
  245
+}
  246
+.row-fluid:before,
  247
+.row-fluid:after {
  248
+  display: table;
  249
+  content: "";
  250
+}
  251
+.row-fluid:after {
  252
+  clear: both;
  253
+}
  254
+.row-fluid > [class*="span"] {
  255
+  float: left;
  256
+  margin-left: 2.127659574%;
  257
+}
  258
+.row-fluid > [class*="span"]:first-child {
  259
+  margin-left: 0;
  260
+}
  261
+.row-fluid > .span12 {
  262
+  width: 99.99999998999999%;
  263
+}
  264
+.row-fluid > .span11 {
  265
+  width: 91.489361693%;
  266
+}
  267
+.row-fluid > .span10 {
  268
+  width: 82.97872339599999%;
  269
+}
  270
+.row-fluid > .span9 {
  271
+  width: 74.468085099%;
  272
+}
  273
+.row-fluid > .span8 {
  274
+  width: 65.95744680199999%;
  275
+}
  276
+.row-fluid > .span7 {
  277
+  width: 57.446808505%;
  278
+}
  279
+.row-fluid > .span6 {
  280
+  width: 48.93617020799999%;
  281
+}
  282
+.row-fluid > .span5 {
  283
+  width: 40.425531911%;
  284
+}
  285
+.row-fluid > .span4 {
  286
+  width: 31.914893614%;
  287
+}
  288
+.row-fluid > .span3 {
  289
+  width: 23.404255317%;
  290
+}
  291
+.row-fluid > .span2 {
  292
+  width: 14.89361702%;
  293
+}
  294
+.row-fluid > .span1 {
  295
+  width: 6.382978723%;
  296
+}
  297
+.container {
  298
+  margin-left: auto;
  299
+  margin-right: auto;
  300
+  *zoom: 1;
  301
+}
  302
+.container:before,