Commits

Olemis Lang  committed 4283f5e

BH Dashboard #172: Bootstrap 2.1.0 and sticky implementation for models

  • Participants
  • Parent commits bb5f80b
  • Branches t172_bootstrap_affix

Comments (0)

Files changed (3)

 hgsvn/rm_files.diff
+t172/t172_r1371737_bootstrap_2.1.0.diff
+t172/t172_r1371737_bootstrap_affix_models.diff

File t172/t172_r1371737_bootstrap_2.1.0.diff

+# HG changeset patch
+# Parent bf8cfb83baf7ada6a415d307f06c5140243aa857
+BH Dashboard #172: Upgrade Bootstrap to version 2.1.0
+
+diff -r bf8cfb83baf7 bhdashboard/htdocs/css/bootstrap-responsive.css
+--- a/bhdashboard/htdocs/css/bootstrap-responsive.css	Sat Aug 25 20:06:56 2012 -0400
++++ b/bhdashboard/htdocs/css/bootstrap-responsive.css	Sat Aug 25 23:50:06 2012 -0400
+@@ -1,5 +1,5 @@
+ /*!
+- * Bootstrap Responsive v2.0.4
++ * Bootstrap Responsive v2.1.0
+  *
+  * Copyright 2012 Twitter, Inc
+  * Licensed under the Apache License v2.0
+@@ -15,6 +15,7 @@
+ .clearfix:before,
+ .clearfix:after {
+   display: table;
++  line-height: 0;
+   content: "";
+ }
+ 
+@@ -33,10 +34,9 @@
+ .input-block-level {
+   display: block;
+   width: 100%;
+-  min-height: 28px;
++  min-height: 30px;
+   -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+-      -ms-box-sizing: border-box;
+           box-sizing: border-box;
+ }
+ 
+@@ -57,144 +57,383 @@
+   display: none !important;
+ }
+ 
++.visible-desktop {
++  display: inherit !important;
++}
++
++@media (min-width: 768px) and (max-width: 979px) {
++  .hidden-desktop {
++    display: inherit !important;
++  }
++  .visible-desktop {
++    display: none !important ;
++  }
++  .visible-tablet {
++    display: inherit !important;
++  }
++  .hidden-tablet {
++    display: none !important;
++  }
++}
++
+ @media (max-width: 767px) {
++  .hidden-desktop {
++    display: inherit !important;
++  }
++  .visible-desktop {
++    display: none !important;
++  }
+   .visible-phone {
+     display: inherit !important;
+   }
+   .hidden-phone {
+     display: none !important;
+   }
+-  .hidden-desktop {
+-    display: inherit !important;
+-  }
+-  .visible-desktop {
+-    display: none !important;
+-  }
+ }
+ 
+-@media (min-width: 768px) and (max-width: 979px) {
+-  .visible-tablet {
+-    display: inherit !important;
++@media (min-width: 1200px) {
++  .row {
++    margin-left: -30px;
++    *zoom: 1;
+   }
+-  .hidden-tablet {
+-    display: none !important;
++  .row:before,
++  .row:after {
++    display: table;
++    line-height: 0;
++    content: "";
+   }
+-  .hidden-desktop {
+-    display: inherit !important;
++  .row:after {
++    clear: both;
+   }
+-  .visible-desktop {
+-    display: none !important ;
++  [class*="span"] {
++    float: left;
++    margin-left: 30px;
+   }
+-}
+-
+-@media (max-width: 480px) {
+-  .nav-collapse {
+-    -webkit-transform: translate3d(0, 0, 0);
++  .container,
++  .navbar-static-top .container,
++  .navbar-fixed-top .container,
++  .navbar-fixed-bottom .container {
++    width: 1170px;
+   }
+-  .page-header h1 small {
+-    display: block;
+-    line-height: 18px;
++  .span12 {
++    width: 1170px;
+   }
+-  input[type="checkbox"],
+-  input[type="radio"] {
+-    border: 1px solid #ccc;
++  .span11 {
++    width: 1070px;
+   }
+-  .form-horizontal .control-group > label {
+-    float: none;
+-    width: auto;
+-    padding-top: 0;
+-    text-align: left;
++  .span10 {
++    width: 970px;
+   }
+-  .form-horizontal .controls {
+-    margin-left: 0;
++  .span9 {
++    width: 870px;
+   }
+-  .form-horizontal .control-list {
+-    padding-top: 0;
++  .span8 {
++    width: 770px;
+   }
+-  .form-horizontal .form-actions {
+-    padding-right: 10px;
+-    padding-left: 10px;
++  .span7 {
++    width: 670px;
+   }
+-  .modal {
+-    position: absolute;
+-    top: 10px;
+-    right: 10px;
+-    left: 10px;
+-    width: auto;
+-    margin: 0;
++  .span6 {
++    width: 570px;
+   }
+-  .modal.fade.in {
+-    top: auto;
++  .span5 {
++    width: 470px;
+   }
+-  .modal-header .close {
+-    padding: 10px;
+-    margin: -10px;
++  .span4 {
++    width: 370px;
+   }
+-  .carousel-caption {
+-    position: static;
++  .span3 {
++    width: 270px;
+   }
+-}
+-
+-@media (max-width: 767px) {
+-  body {
+-    padding-right: 20px;
+-    padding-left: 20px;
++  .span2 {
++    width: 170px;
+   }
+-  .navbar-fixed-top,
+-  .navbar-fixed-bottom {
+-    margin-right: -20px;
+-    margin-left: -20px;
++  .span1 {
++    width: 70px;
+   }
+-  .container-fluid {
+-    padding: 0;
++  .offset12 {
++    margin-left: 1230px;
+   }
+-  .dl-horizontal dt {
+-    float: none;
+-    width: auto;
+-    clear: none;
+-    text-align: left;
++  .offset11 {
++    margin-left: 1130px;
+   }
+-  .dl-horizontal dd {
+-    margin-left: 0;
++  .offset10 {
++    margin-left: 1030px;
+   }
+-  .container {
+-    width: auto;
++  .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,
+-  .thumbnails {
++  .row-fluid:before,
++  .row-fluid:after {
++    display: table;
++    line-height: 0;
++    content: "";
++  }
++  .row-fluid:after {
++    clear: both;
++  }
++  .row-fluid [class*="span"] {
++    display: block;
++    float: left;
++    width: 100%;
++    min-height: 30px;
++    margin-left: 2.564102564102564%;
++    *margin-left: 2.5109110747408616%;
++    -webkit-box-sizing: border-box;
++       -moz-box-sizing: border-box;
++            box-sizing: border-box;
++  }
++  .row-fluid [class*="span"]:first-child {
+     margin-left: 0;
+   }
+-  [class*="span"],
+-  .row-fluid [class*="span"] {
+-    display: block;
+-    float: none;
+-    width: auto;
++  .row-fluid .span12 {
++    width: 100%;
++    *width: 99.94680851063829%;
++  }
++  .row-fluid .span11 {
++    width: 91.45299145299145%;
++    *width: 91.39979996362975%;
++  }
++  .row-fluid .span10 {
++    width: 82.90598290598291%;
++    *width: 82.8527914166212%;
++  }
++  .row-fluid .span9 {
++    width: 74.35897435897436%;
++    *width: 74.30578286961266%;
++  }
++  .row-fluid .span8 {
++    width: 65.81196581196582%;
++    *width: 65.75877432260411%;
++  }
++  .row-fluid .span7 {
++    width: 57.26495726495726%;
++    *width: 57.21176577559556%;
++  }
++  .row-fluid .span6 {
++    width: 48.717948717948715%;
++    *width: 48.664757228587014%;
++  }
++  .row-fluid .span5 {
++    width: 40.17094017094017%;
++    *width: 40.11774868157847%;
++  }
++  .row-fluid .span4 {
++    width: 31.623931623931625%;
++    *width: 31.570740134569924%;
++  }
++  .row-fluid .span3 {
++    width: 23.076923076923077%;
++    *width: 23.023731587561375%;
++  }
++  .row-fluid .span2 {
++    width: 14.52991452991453%;
++    *width: 14.476723040552828%;
++  }
++  .row-fluid .span1 {
++    width: 5.982905982905983%;
++    *width: 5.929714493544281%;
++  }
++  .row-fluid .offset12 {
++    margin-left: 105.12820512820512%;
++    *margin-left: 105.02182214948171%;
++  }
++  .row-fluid .offset12:first-child {
++    margin-left: 102.56410256410257%;
++    *margin-left: 102.45771958537915%;
++  }
++  .row-fluid .offset11 {
++    margin-left: 96.58119658119658%;
++    *margin-left: 96.47481360247316%;
++  }
++  .row-fluid .offset11:first-child {
++    margin-left: 94.01709401709402%;
++    *margin-left: 93.91071103837061%;
++  }
++  .row-fluid .offset10 {
++    margin-left: 88.03418803418803%;
++    *margin-left: 87.92780505546462%;
++  }
++  .row-fluid .offset10:first-child {
++    margin-left: 85.47008547008548%;
++    *margin-left: 85.36370249136206%;
++  }
++  .row-fluid .offset9 {
++    margin-left: 79.48717948717949%;
++    *margin-left: 79.38079650845607%;
++  }
++  .row-fluid .offset9:first-child {
++    margin-left: 76.92307692307693%;
++    *margin-left: 76.81669394435352%;
++  }
++  .row-fluid .offset8 {
++    margin-left: 70.94017094017094%;
++    *margin-left: 70.83378796144753%;
++  }
++  .row-fluid .offset8:first-child {
++    margin-left: 68.37606837606839%;
++    *margin-left: 68.26968539734497%;
++  }
++  .row-fluid .offset7 {
++    margin-left: 62.393162393162385%;
++    *margin-left: 62.28677941443899%;
++  }
++  .row-fluid .offset7:first-child {
++    margin-left: 59.82905982905982%;
++    *margin-left: 59.72267685033642%;
++  }
++  .row-fluid .offset6 {
++    margin-left: 53.84615384615384%;
++    *margin-left: 53.739770867430444%;
++  }
++  .row-fluid .offset6:first-child {
++    margin-left: 51.28205128205128%;
++    *margin-left: 51.175668303327875%;
++  }
++  .row-fluid .offset5 {
++    margin-left: 45.299145299145295%;
++    *margin-left: 45.1927623204219%;
++  }
++  .row-fluid .offset5:first-child {
++    margin-left: 42.73504273504273%;
++    *margin-left: 42.62865975631933%;
++  }
++  .row-fluid .offset4 {
++    margin-left: 36.75213675213675%;
++    *margin-left: 36.645753773413354%;
++  }
++  .row-fluid .offset4:first-child {
++    margin-left: 34.18803418803419%;
++    *margin-left: 34.081651209310785%;
++  }
++  .row-fluid .offset3 {
++    margin-left: 28.205128205128204%;
++    *margin-left: 28.0987452264048%;
++  }
++  .row-fluid .offset3:first-child {
++    margin-left: 25.641025641025642%;
++    *margin-left: 25.53464266230224%;
++  }
++  .row-fluid .offset2 {
++    margin-left: 19.65811965811966%;
++    *margin-left: 19.551736679396257%;
++  }
++  .row-fluid .offset2:first-child {
++    margin-left: 17.094017094017094%;
++    *margin-left: 16.98763411529369%;
++  }
++  .row-fluid .offset1 {
++    margin-left: 11.11111111111111%;
++    *margin-left: 11.004728132387708%;
++  }
++  .row-fluid .offset1:first-child {
++    margin-left: 8.547008547008547%;
++    *margin-left: 8.440625568285142%;
++  }
++  input,
++  textarea,
++  .uneditable-input {
+     margin-left: 0;
+   }
+-  .input-large,
+-  .input-xlarge,
+-  .input-xxlarge,
+-  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;
++  .controls-row [class*="span"] + [class*="span"] {
++    margin-left: 30px;
+   }
+-  .input-prepend input,
+-  .input-append input,
+-  .input-prepend input[class*="span"],
+-  .input-append input[class*="span"] {
+-    display: inline-block;
+-    width: auto;
++  input.span12,
++  textarea.span12,
++  .uneditable-input.span12 {
++    width: 1156px;
++  }
++  input.span11,
++  textarea.span11,
++  .uneditable-input.span11 {
++    width: 1056px;
++  }
++  input.span10,
++  textarea.span10,
++  .uneditable-input.span10 {
++    width: 956px;
++  }
++  input.span9,
++  textarea.span9,
++  .uneditable-input.span9 {
++    width: 856px;
++  }
++  input.span8,
++  textarea.span8,
++  .uneditable-input.span8 {
++    width: 756px;
++  }
++  input.span7,
++  textarea.span7,
++  .uneditable-input.span7 {
++    width: 656px;
++  }
++  input.span6,
++  textarea.span6,
++  .uneditable-input.span6 {
++    width: 556px;
++  }
++  input.span5,
++  textarea.span5,
++  .uneditable-input.span5 {
++    width: 456px;
++  }
++  input.span4,
++  textarea.span4,
++  .uneditable-input.span4 {
++    width: 356px;
++  }
++  input.span3,
++  textarea.span3,
++  .uneditable-input.span3 {
++    width: 256px;
++  }
++  input.span2,
++  textarea.span2,
++  .uneditable-input.span2 {
++    width: 156px;
++  }
++  input.span1,
++  textarea.span1,
++  .uneditable-input.span1 {
++    width: 56px;
++  }
++  .thumbnails {
++    margin-left: -30px;
++  }
++  .thumbnails > li {
++    margin-left: 30px;
++  }
++  .row-fluid .thumbnails {
++    margin-left: 0;
+   }
+ }
+ 
+@@ -206,6 +445,7 @@
+   .row:before,
+   .row:after {
+     display: table;
++    line-height: 0;
+     content: "";
+   }
+   .row:after {
+@@ -216,6 +456,7 @@
+     margin-left: 20px;
+   }
+   .container,
++  .navbar-static-top .container,
+   .navbar-fixed-top .container,
+   .navbar-fixed-bottom .container {
+     width: 724px;
+@@ -299,6 +540,7 @@
+   .row-fluid:before,
+   .row-fluid:after {
+     display: table;
++    line-height: 0;
+     content: "";
+   }
+   .row-fluid:after {
+@@ -308,248 +550,11 @@
+     display: block;
+     float: left;
+     width: 100%;
+-    min-height: 28px;
+-    margin-left: 2.762430939%;
+-    *margin-left: 2.709239449638298%;
++    min-height: 30px;
++    margin-left: 2.7624309392265194%;
++    *margin-left: 2.709239449864817%;
+     -webkit-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+-        -ms-box-sizing: border-box;
+-            box-sizing: border-box;
+-  }
+-  .row-fluid [class*="span"]:first-child {
+-    margin-left: 0;
+-  }
+-  .row-fluid .span12 {
+-    width: 99.999999993%;
+-    *width: 99.9468085036383%;
+-  }
+-  .row-fluid .span11 {
+-    width: 91.436464082%;
+-    *width: 91.38327259263829%;
+-  }
+-  .row-fluid .span10 {
+-    width: 82.87292817100001%;
+-    *width: 82.8197366816383%;
+-  }
+-  .row-fluid .span9 {
+-    width: 74.30939226%;
+-    *width: 74.25620077063829%;
+-  }
+-  .row-fluid .span8 {
+-    width: 65.74585634900001%;
+-    *width: 65.6926648596383%;
+-  }
+-  .row-fluid .span7 {
+-    width: 57.182320438000005%;
+-    *width: 57.129128948638304%;
+-  }
+-  .row-fluid .span6 {
+-    width: 48.618784527%;
+-    *width: 48.5655930376383%;
+-  }
+-  .row-fluid .span5 {
+-    width: 40.055248616%;
+-    *width: 40.0020571266383%;
+-  }
+-  .row-fluid .span4 {
+-    width: 31.491712705%;
+-    *width: 31.4385212156383%;
+-  }
+-  .row-fluid .span3 {
+-    width: 22.928176794%;
+-    *width: 22.874985304638297%;
+-  }
+-  .row-fluid .span2 {
+-    width: 14.364640883%;
+-    *width: 14.311449393638298%;
+-  }
+-  .row-fluid .span1 {
+-    width: 5.801104972%;
+-    *width: 5.747913482638298%;
+-  }
+-  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 (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"] {
+-    display: block;
+-    float: left;
+-    width: 100%;
+-    min-height: 28px;
+-    margin-left: 2.564102564%;
+-    *margin-left: 2.510911074638298%;
+-    -webkit-box-sizing: border-box;
+-       -moz-box-sizing: border-box;
+-        -ms-box-sizing: border-box;
+             box-sizing: border-box;
+   }
+   .row-fluid [class*="span"]:first-child {
+@@ -560,123 +565,339 @@
+     *width: 99.94680851063829%;
+   }
+   .row-fluid .span11 {
+-    width: 91.45299145300001%;
+-    *width: 91.3997999636383%;
++    width: 91.43646408839778%;
++    *width: 91.38327259903608%;
+   }
+   .row-fluid .span10 {
+-    width: 82.905982906%;
+-    *width: 82.8527914166383%;
++    width: 82.87292817679558%;
++    *width: 82.81973668743387%;
+   }
+   .row-fluid .span9 {
+-    width: 74.358974359%;
+-    *width: 74.30578286963829%;
++    width: 74.30939226519337%;
++    *width: 74.25620077583166%;
+   }
+   .row-fluid .span8 {
+-    width: 65.81196581200001%;
+-    *width: 65.7587743226383%;
++    width: 65.74585635359117%;
++    *width: 65.69266486422946%;
+   }
+   .row-fluid .span7 {
+-    width: 57.264957265%;
+-    *width: 57.2117657756383%;
++    width: 57.18232044198895%;
++    *width: 57.12912895262725%;
+   }
+   .row-fluid .span6 {
+-    width: 48.717948718%;
+-    *width: 48.6647572286383%;
++    width: 48.61878453038674%;
++    *width: 48.56559304102504%;
+   }
+   .row-fluid .span5 {
+-    width: 40.170940171000005%;
+-    *width: 40.117748681638304%;
++    width: 40.05524861878453%;
++    *width: 40.00205712942283%;
+   }
+   .row-fluid .span4 {
+-    width: 31.623931624%;
+-    *width: 31.5707401346383%;
++    width: 31.491712707182323%;
++    *width: 31.43852121782062%;
+   }
+   .row-fluid .span3 {
+-    width: 23.076923077%;
+-    *width: 23.0237315876383%;
++    width: 22.92817679558011%;
++    *width: 22.87498530621841%;
+   }
+   .row-fluid .span2 {
+-    width: 14.529914530000001%;
+-    *width: 14.4767230406383%;
++    width: 14.3646408839779%;
++    *width: 14.311449394616199%;
+   }
+   .row-fluid .span1 {
+-    width: 5.982905983%;
+-    *width: 5.929714493638298%;
++    width: 5.801104972375691%;
++    *width: 5.747913483013988%;
++  }
++  .row-fluid .offset12 {
++    margin-left: 105.52486187845304%;
++    *margin-left: 105.41847889972962%;
++  }
++  .row-fluid .offset12:first-child {
++    margin-left: 102.76243093922652%;
++    *margin-left: 102.6560479605031%;
++  }
++  .row-fluid .offset11 {
++    margin-left: 96.96132596685082%;
++    *margin-left: 96.8549429881274%;
++  }
++  .row-fluid .offset11:first-child {
++    margin-left: 94.1988950276243%;
++    *margin-left: 94.09251204890089%;
++  }
++  .row-fluid .offset10 {
++    margin-left: 88.39779005524862%;
++    *margin-left: 88.2914070765252%;
++  }
++  .row-fluid .offset10:first-child {
++    margin-left: 85.6353591160221%;
++    *margin-left: 85.52897613729868%;
++  }
++  .row-fluid .offset9 {
++    margin-left: 79.8342541436464%;
++    *margin-left: 79.72787116492299%;
++  }
++  .row-fluid .offset9:first-child {
++    margin-left: 77.07182320441989%;
++    *margin-left: 76.96544022569647%;
++  }
++  .row-fluid .offset8 {
++    margin-left: 71.2707182320442%;
++    *margin-left: 71.16433525332079%;
++  }
++  .row-fluid .offset8:first-child {
++    margin-left: 68.50828729281768%;
++    *margin-left: 68.40190431409427%;
++  }
++  .row-fluid .offset7 {
++    margin-left: 62.70718232044199%;
++    *margin-left: 62.600799341718584%;
++  }
++  .row-fluid .offset7:first-child {
++    margin-left: 59.94475138121547%;
++    *margin-left: 59.838368402492065%;
++  }
++  .row-fluid .offset6 {
++    margin-left: 54.14364640883978%;
++    *margin-left: 54.037263430116376%;
++  }
++  .row-fluid .offset6:first-child {
++    margin-left: 51.38121546961326%;
++    *margin-left: 51.27483249088986%;
++  }
++  .row-fluid .offset5 {
++    margin-left: 45.58011049723757%;
++    *margin-left: 45.47372751851417%;
++  }
++  .row-fluid .offset5:first-child {
++    margin-left: 42.81767955801105%;
++    *margin-left: 42.71129657928765%;
++  }
++  .row-fluid .offset4 {
++    margin-left: 37.01657458563536%;
++    *margin-left: 36.91019160691196%;
++  }
++  .row-fluid .offset4:first-child {
++    margin-left: 34.25414364640884%;
++    *margin-left: 34.14776066768544%;
++  }
++  .row-fluid .offset3 {
++    margin-left: 28.45303867403315%;
++    *margin-left: 28.346655695309746%;
++  }
++  .row-fluid .offset3:first-child {
++    margin-left: 25.69060773480663%;
++    *margin-left: 25.584224756083227%;
++  }
++  .row-fluid .offset2 {
++    margin-left: 19.88950276243094%;
++    *margin-left: 19.783119783707537%;
++  }
++  .row-fluid .offset2:first-child {
++    margin-left: 17.12707182320442%;
++    *margin-left: 17.02068884448102%;
++  }
++  .row-fluid .offset1 {
++    margin-left: 11.32596685082873%;
++    *margin-left: 11.219583872105325%;
++  }
++  .row-fluid .offset1:first-child {
++    margin-left: 8.56353591160221%;
++    *margin-left: 8.457152932878806%;
+   }
+   input,
+   textarea,
+   .uneditable-input {
+     margin-left: 0;
+   }
++  .controls-row [class*="span"] + [class*="span"] {
++    margin-left: 20px;
++  }
+   input.span12,
+   textarea.span12,
+   .uneditable-input.span12 {
+-    width: 1160px;
++    width: 710px;
+   }
+   input.span11,
+   textarea.span11,
+   .uneditable-input.span11 {
+-    width: 1060px;
++    width: 648px;
+   }
+   input.span10,
+   textarea.span10,
+   .uneditable-input.span10 {
+-    width: 960px;
++    width: 586px;
+   }
+   input.span9,
+   textarea.span9,
+   .uneditable-input.span9 {
+-    width: 860px;
++    width: 524px;
+   }
+   input.span8,
+   textarea.span8,
+   .uneditable-input.span8 {
+-    width: 760px;
++    width: 462px;
+   }
+   input.span7,
+   textarea.span7,
+   .uneditable-input.span7 {
+-    width: 660px;
++    width: 400px;
+   }
+   input.span6,
+   textarea.span6,
+   .uneditable-input.span6 {
+-    width: 560px;
++    width: 338px;
+   }
+   input.span5,
+   textarea.span5,
+   .uneditable-input.span5 {
+-    width: 460px;
++    width: 276px;
+   }
+   input.span4,
+   textarea.span4,
+   .uneditable-input.span4 {
+-    width: 360px;
++    width: 214px;
+   }
+   input.span3,
+   textarea.span3,
+   .uneditable-input.span3 {
+-    width: 260px;
++    width: 152px;
+   }
+   input.span2,
+   textarea.span2,
+   .uneditable-input.span2 {
+-    width: 160px;
++    width: 90px;
+   }
+   input.span1,
+   textarea.span1,
+   .uneditable-input.span1 {
+-    width: 60px;
++    width: 28px;
+   }
++}
++
++@media (max-width: 767px) {
++  body {
++    padding-right: 20px;
++    padding-left: 20px;
++  }
++  .navbar-fixed-top,
++  .navbar-fixed-bottom {
++    margin-right: -20px;
++    margin-left: -20px;
++  }
++  .container-fluid {
++    padding: 0;
++  }
++  .dl-horizontal dt {
++    float: none;
++    width: auto;
++    clear: none;
++    text-align: left;
++  }
++  .dl-horizontal dd {
++    margin-left: 0;
++  }
++  .container {
++    width: auto;
++  }
++  .row-fluid {
++    width: 100%;
++  }
++  .row,
+   .thumbnails {
+-    margin-left: -30px;
++    margin-left: 0;
+   }
+   .thumbnails > li {
+-    margin-left: 30px;
++    float: none;
++    margin-left: 0;
+   }
+-  .row-fluid .thumbnails {
++  [class*="span"],
++  .row-fluid [class*="span"] {
++    display: block;
++    float: none;
++    width: auto;
+     margin-left: 0;
+   }
++  .span12,
++  .row-fluid .span12 {
++    width: 100%;
++    -webkit-box-sizing: border-box;
++       -moz-box-sizing: border-box;
++            box-sizing: border-box;
++  }
++  .input-large,
++  .input-xlarge,
++  .input-xxlarge,
++  input[class*="span"],
++  select[class*="span"],
++  textarea[class*="span"],
++  .uneditable-input {
++    display: block;
++    width: 100%;
++    min-height: 30px;
++    -webkit-box-sizing: border-box;
++       -moz-box-sizing: border-box;
++            box-sizing: border-box;
++  }
++  .input-prepend input,
++  .input-append input,
++  .input-prepend input[class*="span"],
++  .input-append input[class*="span"] {
++    display: inline-block;
++    width: auto;
++  }
++  .modal {
++    position: fixed;
++    top: 20px;
++    right: 20px;
++    left: 20px;
++    width: auto;
++    margin: 0;
++  }
++  .modal.fade.in {
++    top: auto;
++  }
++}
++
++@media (max-width: 480px) {
++  .nav-collapse {
++    -webkit-transform: translate3d(0, 0, 0);
++  }
++  .page-header h1 small {
++    display: block;
++    line-height: 20px;
++  }
++  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-right: 10px;
++    padding-left: 10px;
++  }
++  .modal {
++    top: 10px;
++    right: 10px;
++    left: 10px;
++  }
++  .modal-header .close {
++    padding: 10px;
++    margin: -10px;
++  }
++  .carousel-caption {
++    position: static;
++  }
+ }
+ 
+ @media (max-width: 979px) {
+@@ -688,10 +909,10 @@
+     position: static;
+   }
+   .navbar-fixed-top {
+-    margin-bottom: 18px;
++    margin-bottom: 20px;
+   }
+   .navbar-fixed-bottom {
+-    margin-top: 18px;
++    margin-top: 20px;
+   }
+   .navbar-fixed-top .navbar-inner,
+   .navbar-fixed-bottom .navbar-inner {
+@@ -711,7 +932,7 @@
+   }
+   .nav-collapse .nav {
+     float: none;
+-    margin: 0 0 9px;
++    margin: 0 0 10px;
+   }
+   .nav-collapse .nav > li {
+     float: none;
+@@ -723,14 +944,14 @@
+     display: none;
+   }
+   .nav-collapse .nav .nav-header {
+-    color: #999999;
++    color: #555555;
+     text-shadow: none;
+   }
+   .nav-collapse .nav > li > a,
+   .nav-collapse .dropdown-menu a {
+-    padding: 6px 15px;
++    padding: 9px 15px;
+     font-weight: bold;
+-    color: #999999;
++    color: #555555;
+     -webkit-border-radius: 3px;
+        -moz-border-radius: 3px;
+             border-radius: 3px;
+@@ -747,7 +968,11 @@
+   }
+   .nav-collapse .nav > li > a:hover,
+   .nav-collapse .dropdown-menu a:hover {
+-    background-color: #222222;
++    background-color: #f2f2f2;
++  }
++  .navbar-inverse .nav-collapse .nav > li > a:hover,
++  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
++    background-color: #111111;
+   }
+   .nav-collapse.in .btn-group {
+     padding: 0;
+@@ -781,10 +1006,10 @@
+   .nav-collapse .navbar-form,
+   .nav-collapse .navbar-search {
+     float: none;
+-    padding: 9px 15px;
+-    margin: 9px 0;
+-    border-top: 1px solid #222222;
+-    border-bottom: 1px solid #222222;
++    padding: 10px 15px;
++    margin: 10px 0;
++    border-top: 1px solid #f2f2f2;
++    border-bottom: 1px solid #f2f2f2;
+     -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);
+diff -r bf8cfb83baf7 bhdashboard/htdocs/css/bootstrap.css
+--- a/bhdashboard/htdocs/css/bootstrap.css	Sat Aug 25 20:06:56 2012 -0400
++++ b/bhdashboard/htdocs/css/bootstrap.css	Sat Aug 25 23:50:06 2012 -0400
+@@ -1,5 +1,5 @@
+ /*!
+- * Bootstrap v2.0.4
++ * Bootstrap v2.1.0
+  *
+  * Copyright 2012 Twitter, Inc
+  * Licensed under the Apache License v2.0
+@@ -67,6 +67,7 @@
+ }
+ 
+ img {
++  height: auto;
+   max-width: 100%;
+   vertical-align: middle;
+   border: 0;
+@@ -130,6 +131,7 @@
+ .clearfix:before,
+ .clearfix:after {
+   display: table;
++  line-height: 0;
+   content: "";
+ }
+ 
+@@ -148,18 +150,17 @@
+ .input-block-level {
+   display: block;
+   width: 100%;
+-  min-height: 28px;
++  min-height: 30px;
+   -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+-      -ms-box-sizing: border-box;
+           box-sizing: border-box;
+ }
+ 
+ body {
+   margin: 0;
+   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+-  font-size: 13px;
+-  line-height: 18px;
++  font-size: 14px;
++  line-height: 20px;
+   color: #333333;
+   background-color: #ffffff;
+ }
+@@ -174,6 +175,28 @@
+   text-decoration: underline;
+ }
+ 
++.img-rounded {
++  -webkit-border-radius: 6px;
++     -moz-border-radius: 6px;
++          border-radius: 6px;
++}
++
++.img-polaroid {
++  padding: 4px;
++  background-color: #fff;
++  border: 1px solid #ccc;
++  border: 1px solid rgba(0, 0, 0, 0.2);
++  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
++     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
++          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
++}
++
++.img-circle {
++  -webkit-border-radius: 500px;
++     -moz-border-radius: 500px;
++          border-radius: 500px;
++}
++
+ .row {
+   margin-left: -20px;
+   *zoom: 1;
+@@ -182,6 +205,7 @@
+ .row:before,
+ .row:after {
+   display: table;
++  line-height: 0;
+   content: "";
+ }
+ 
+@@ -195,6 +219,7 @@
+ }
+ 
+ .container,
++.navbar-static-top .container,
+ .navbar-fixed-top .container,
+ .navbar-fixed-bottom .container {
+   width: 940px;
+@@ -304,6 +329,7 @@
+ .row-fluid:before,
+ .row-fluid:after {
+   display: table;
++  line-height: 0;
+   content: "";
+ }
+ 
+@@ -315,12 +341,11 @@
+   display: block;
+   float: left;
+   width: 100%;
+-  min-height: 28px;
+-  margin-left: 2.127659574%;
+-  *margin-left: 2.0744680846382977%;
++  min-height: 30px;
++  margin-left: 2.127659574468085%;
++  *margin-left: 2.074468085106383%;
+   -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+-      -ms-box-sizing: border-box;
+           box-sizing: border-box;
+ }
+ 
+@@ -329,63 +354,193 @@
+ }
+ 
+ .row-fluid .span12 {
+-  width: 99.99999998999999%;
+-  *width: 99.94680850063828%;
++  width: 100%;
++  *width: 99.94680851063829%;
+ }
+ 
+ .row-fluid .span11 {
+-  width: 91.489361693%;
+-  *width: 91.4361702036383%;
++  width: 91.48936170212765%;
++  *width: 91.43617021276594%;
+ }
+ 
+ .row-fluid .span10 {
+-  width: 82.97872339599999%;
+-  *width: 82.92553190663828%;
++  width: 82.97872340425532%;
++  *width: 82.92553191489361%;
+ }
+ 
+ .row-fluid .span9 {
+-  width: 74.468085099%;
+-  *width: 74.4148936096383%;
++  width: 74.46808510638297%;
++  *width: 74.41489361702126%;
+ }
+ 
+ .row-fluid .span8 {
+-  width: 65.95744680199999%;
+-  *width: 65.90425531263828%;
++  width: 65.95744680851064%;
++  *width: 65.90425531914893%;
+ }
+ 
+ .row-fluid .span7 {
+-  width: 57.446808505%;
+-  *width: 57.3936170156383%;
++  width: 57.44680851063829%;
++  *width: 57.39361702127659%;
+ }
+ 
+ .row-fluid .span6 {
+-  width: 48.93617020799999%;
+-  *width: 48.88297871863829%;
++  width: 48.93617021276595%;
++  *width: 48.88297872340425%;
+ }
+ 
+ .row-fluid .span5 {
+-  width: 40.425531911%;
+-  *width: 40.3723404216383%;
++  width: 40.42553191489362%;
++  *width: 40.37234042553192%;
+ }
+ 
+ .row-fluid .span4 {
+-  width: 31.914893614%;
+-  *width: 31.8617021246383%;
++  width: 31.914893617021278%;
++  *width: 31.861702127659576%;
+ }
+ 
+ .row-fluid .span3 {
+-  width: 23.404255317%;
+-  *width: 23.3510638276383%;
++  width: 23.404255319148934%;
++  *width: 23.351063829787233%;
+ }
+ 
+ .row-fluid .span2 {
+-  width: 14.89361702%;
+-  *width: 14.8404255306383%;
++  width: 14.893617021276595%;
++  *width: 14.840425531914894%;
+ }
+ 
+ .row-fluid .span1 {
+-  width: 6.382978723%;
+-  *width: 6.329787233638298%;
++  width: 6.382978723404255%;
++  *width: 6.329787234042553%;
++}
++
++.row-fluid .offset12 {
++  margin-left: 104.25531914893617%;
++  *margin-left: 104.14893617021275%;
++}
++
++.row-fluid .offset12:first-child {
++  margin-left: 102.12765957446808%;
++  *margin-left: 102.02127659574467%;
++}
++
++.row-fluid .offset11 {
++  margin-left: 95.74468085106382%;
++  *margin-left: 95.6382978723404%;
++}
++
++.row-fluid .offset11:first-child {
++  margin-left: 93.61702127659574%;
++  *margin-left: 93.51063829787232%;
++}
++
++.row-fluid .offset10 {
++  margin-left: 87.23404255319149%;
++  *margin-left: 87.12765957446807%;
++}
++
++.row-fluid .offset10:first-child {
++  margin-left: 85.1063829787234%;
++  *margin-left: 84.99999999999999%;
++}
++
++.row-fluid .offset9 {
++  margin-left: 78.72340425531914%;
++  *margin-left: 78.61702127659572%;
++}
++
++.row-fluid .offset9:first-child {
++  margin-left: 76.59574468085106%;
++  *margin-left: 76.48936170212764%;
++}
++
++.row-fluid .offset8 {
++  margin-left: 70.2127659574468%;
++  *margin-left: 70.10638297872339%;
++}
++
++.row-fluid .offset8:first-child {
++  margin-left: 68.08510638297872%;
++  *margin-left: 67.9787234042553%;
++}
++
++.row-fluid .offset7 {
++  margin-left: 61.70212765957446%;
++  *margin-left: 61.59574468085106%;
++}
++
++.row-fluid .offset7:first-child {
++  margin-left: 59.574468085106375%;
++  *margin-left: 59.46808510638297%;
++}
++
++.row-fluid .offset6 {
++  margin-left: 53.191489361702125%;
++  *margin-left: 53.085106382978715%;
++}
++
++.row-fluid .offset6:first-child {
++  margin-left: 51.063829787234035%;
++  *margin-left: 50.95744680851063%;
++}
++
++.row-fluid .offset5 {
++  margin-left: 44.68085106382979%;
++  *margin-left: 44.57446808510638%;
++}
++
++.row-fluid .offset5:first-child {
++  margin-left: 42.5531914893617%;
++  *margin-left: 42.4468085106383%;
++}
++
++.row-fluid .offset4 {
++  margin-left: 36.170212765957444%;
++  *margin-left: 36.06382978723405%;
++}
++
++.row-fluid .offset4:first-child {
++  margin-left: 34.04255319148936%;
++  *margin-left: 33.93617021276596%;
++}
++
++.row-fluid .offset3 {
++  margin-left: 27.659574468085104%;
++  *margin-left: 27.5531914893617%;
++}
++
++.row-fluid .offset3:first-child {
++  margin-left: 25.53191489361702%;
++  *margin-left: 25.425531914893618%;
++}
++
++.row-fluid .offset2 {
++  margin-left: 19.148936170212764%;
++  *margin-left: 19.04255319148936%;
++}
++
++.row-fluid .offset2:first-child {
++  margin-left: 17.02127659574468%;
++  *margin-left: 16.914893617021278%;
++}
++
++.row-fluid .offset1 {
++  margin-left: 10.638297872340425%;
++  *margin-left: 10.53191489361702%;
++}
++
++.row-fluid .offset1:first-child {
++  margin-left: 8.51063829787234%;
++  *margin-left: 8.404255319148938%;
++}
++
++[class*="span"].hide,
++.row-fluid [class*="span"].hide {
++  display: none;
++}
++
++[class*="span"].pull-right,
++.row-fluid [class*="span"].pull-right {
++  float: right;
+ }
+ 
+ .container {
+@@ -397,6 +552,7 @@
+ .container:before,
+ .container:after {
+   display: table;
++  line-height: 0;
+   content: "";
+ }
+ 
+@@ -413,6 +569,7 @@
+ .container-fluid:before,
+ .container-fluid:after {
+   display: table;
++  line-height: 0;
+   content: "";
+ }
+ 
+@@ -421,19 +578,34 @@
+ }
+ 
+ p {
+-  margin: 0 0 9px;
+-}
+-
+-p small {
+-  font-size: 11px;
+-  color: #999999;
++  margin: 0 0 10px;
+ }
+ 
+ .lead {
+-  margin-bottom: 18px;
++  margin-bottom: 20px;
+   font-size: 20px;
+   font-weight: 200;
+-  line-height: 27px;
++  line-height: 30px;
++}
++
++small {
++  font-size: 85%;
++}
++
++strong {
++  font-weight: bold;
++}
++
++em {
++  font-style: italic;
++}
++
++cite {
++  font-style: normal;
++}
++
++.muted {
++  color: #999999;
+ }
+ 
+ h1,
+@@ -442,9 +614,10 @@
+ h4,
+ h5,
+ h6 {
+-  margin: 0;
++  margin: 10px 0;
+   font-family: inherit;
+   font-weight: bold;
++  line-height: 1;
+   color: inherit;
+   text-rendering: optimizelegibility;
+ }
+@@ -456,74 +629,66 @@
+ h5 small,
+ h6 small {
+   font-weight: normal;
++  line-height: 1;
+   color: #999999;
+ }
+ 
+ h1 {
++  font-size: 36px;
++  line-height: 40px;
++}
++
++h2 {
+   font-size: 30px;
+-  line-height: 36px;
++  line-height: 40px;
++}
++
++h3 {
++  font-size: 24px;
++  line-height: 40px;
++}
++
++h4 {
++  font-size: 18px;
++  line-height: 20px;
++}
++
++h5 {
++  font-size: 14px;
++  line-height: 20px;
++}
++
++h6 {
++  font-size: 12px;
++  line-height: 20px;
+ }
+ 
+ h1 small {
+-  font-size: 18px;
+-}
+-
+-h2 {
+   font-size: 24px;
+-  line-height: 36px;
+ }
+ 
+ h2 small {
+   font-size: 18px;
+ }
+ 
+-h3 {
+-  font-size: 18px;
+-  line-height: 27px;
+-}
+-
+ h3 small {
+   font-size: 14px;
+ }
+ 
+-h4,
+-h5,
+-h6 {
+-  line-height: 18px;
+-}
+-
+-h4 {
++h4 small {
+   font-size: 14px;
+ }
+ 
+-h4 small {
+-  font-size: 12px;
+-}
+-
+-h5 {
+-  font-size: 12px;
+-}
+-
+-h6 {
+-  font-size: 11px;
+-  color: #999999;
+-  text-transform: uppercase;
+-}
+-
+ .page-header {
+-  padding-bottom: 17px;
+-  margin: 18px 0;
++  padding-bottom: 9px;
++  margin: 20px 0 30px;
+   border-bottom: 1px solid #eeeeee;
+ }
+ 
+-.page-header h1 {
+-  line-height: 1;
+-}
+-
+ ul,
+ ol {
+   padding: 0;
+-  margin: 0 0 9px 25px;
++  margin: 0 0 10px 25px;
+ }
+ 
+ ul ul,
+@@ -533,16 +698,8 @@
+   margin-bottom: 0;
+ }
+ 
+-ul {
+-  list-style: disc;
+-}
+-
+-ol {
+-  list-style: decimal;
+-}
+-
+ li {
+-  line-height: 18px;
++  line-height: 20px;
+ }
+ 
+ ul.unstyled,
+@@ -552,21 +709,20 @@
+ }
+ 
+ dl {
+-  margin-bottom: 18px;
++  margin-bottom: 20px;
+ }
+ 
+ dt,
+ dd {
+-  line-height: 18px;
++  line-height: 20px;
+ }
+ 
+ dt {
+   font-weight: bold;
+-  line-height: 17px;
+ }
+ 
+ dd {
+-  margin-left: 9px;
++  margin-left: 10px;
+ }
+ 
+ .dl-horizontal dt {
+@@ -584,24 +740,12 @@
+ }
+ 
+ hr {
+-  margin: 18px 0;
++  margin: 20px 0;
+   border: 0;
+   border-top: 1px solid #eeeeee;
+   border-bottom: 1px solid #ffffff;
+ }
+ 
+-strong {
+-  font-weight: bold;
+-}
+-
+-em {
+-  font-style: italic;
+-}
+-
+-.muted {
+-  color: #999999;
+-}
+-
+ abbr[title] {
+   cursor: help;
+   border-bottom: 1px dotted #999999;
+@@ -614,7 +758,7 @@
+ 
+ blockquote {
+   padding: 0 0 0 15px;
+-  margin: 0 0 18px;
++  margin: 0 0 20px;
+   border-left: 5px solid #eeeeee;
+ }
+ 
+@@ -622,12 +766,12 @@
+   margin-bottom: 0;
+   font-size: 16px;
+   font-weight: 300;
+-  line-height: 22.5px;
++  line-height: 25px;
+ }
+ 
+ blockquote small {
+   display: block;
+-  line-height: 18px;
++  line-height: 20px;
+   color: #999999;
+ }
+ 
+@@ -648,6 +792,14 @@
+   text-align: right;
+ }
+ 
++blockquote.pull-right small:before {
++  content: '';
++}
++
++blockquote.pull-right small:after {
++  content: '\00A0 \2014';
++}
++
+ q:before,
+ q:after,
+ blockquote:before,
+@@ -657,23 +809,15 @@
+ 
+ address {
+   display: block;
+-  margin-bottom: 18px;
++  margin-bottom: 20px;
+   font-style: normal;
+-  line-height: 18px;
+-}
+-
+-small {
+-  font-size: 100%;
+-}
+-
+-cite {
+-  font-style: normal;
++  line-height: 20px;
+ }
+ 
+ code,
+ pre {
+   padding: 0 3px 2px;
+-  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
++  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+   font-size: 12px;
+   color: #333333;
+   -webkit-border-radius: 3px;
+@@ -690,10 +834,10 @@
+ 
+ pre {
+   display: block;
+-  padding: 8.5px;
+-  margin: 0 0 9px;
+-  font-size: 12.025px;
+-  line-height: 18px;
++  padding: 9.5px;
++  margin: 0 0 10px;
++  font-size: 13px;
++  line-height: 20px;
+   word-break: break-all;
+   word-wrap: break-word;
+   white-space: pre;
+@@ -707,7 +851,7 @@
+ }
+ 
+ pre.prettyprint {
+-  margin-bottom: 18px;
++  margin-bottom: 20px;
+ }
+ 
+ pre code {
+@@ -723,7 +867,7 @@
+ }
+ 
+ form {
+-  margin: 0 0 18px;
++  margin: 0 0 20px;
+ }
+ 
+ fieldset {
+@@ -736,16 +880,16 @@
+   display: block;
+   width: 100%;
+   padding: 0;
+-  margin-bottom: 27px;
+-  font-size: 19.5px;
+-  line-height: 36px;
++  margin-bottom: 20px;
++  font-size: 21px;
++  line-height: 40px;
+   color: #333333;
+   border: 0;
+   border-bottom: 1px solid #e5e5e5;
+ }
+ 
+ legend small {
+-  font-size: 13.5px;
++  font-size: 15px;
+   color: #999999;
+ }
+ 
+@@ -754,9 +898,9 @@
+ button,
+ select,
+ textarea {
+-  font-size: 13px;
++  font-size: 14px;
+   font-weight: normal;
+-  line-height: 18px;
++  line-height: 20px;
+ }
+ 
+ input,
+@@ -789,12 +933,15 @@
+ input[type="color"],
+ .uneditable-input {
+   display: inline-block;
+-  height: 18px;
+-  padding: 4px;
++  height: 20px;
++  padding: 4px 6px;
+   margin-bottom: 9px;
+-  font-size: 13px;
+-  line-height: 18px;
++  font-size: 14px;
++  line-height: 20px;
+   color: #555555;
++  -webkit-border-radius: 3px;
++     -moz-border-radius: 3px;
++          border-radius: 3px;
+ }
+ 
+ input,
+@@ -824,15 +971,11 @@
+ .uneditable-input {
+   background-color: #ffffff;
+   border: 1px solid #cccccc;
+-  -webkit-border-radius: 3px;
+-     -moz-border-radius: 3px;
+-          border-radius: 3px;
+   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+           box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+   -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+      -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+-      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
+        -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+           transition: border linear 0.2s, box-shadow linear 0.2s;
+ }
+@@ -865,14 +1008,15 @@
+ 
+ input[type="radio"],
+ input[type="checkbox"] {
+-  margin: 3px 0;
++  margin: 4px 0 0;
++  margin-top: 1px \9;
+   *margin-top: 0;
+-  /* IE7 */
+-
+   line-height: normal;
+   cursor: pointer;
+ }
+ 
++input[type="file"],
++input[type="image"],
+ input[type="submit"],
+ input[type="reset"],
+ input[type="button"],
+@@ -881,24 +1025,20 @@
+   width: auto;
+ }
+ 
+-.uneditable-textarea {
+-  width: auto;
+-  height: auto;
+-}
+-
+ select,
+ input[type="file"] {
+-  height: 28px;
++  height: 30px;
+   /* In IE7, the height of the select element cannot be changed by height, only font-size */
+ 
+   *margin-top: 4px;
+   /* For IE7, add top margin to align select with labels */
+ 
+-  line-height: 28px;
++  line-height: 30px;
+ }
+ 
+ select {
+   width: 220px;
++  background-color: #ffffff;
+   border: 1px solid #bbb;
+ }
+ 
+@@ -916,6 +1056,42 @@
+   outline-offset: -2px;
+ }
+ 
++.uneditable-input,
++.uneditable-textarea {
++  color: #999999;
++  cursor: not-allowed;
++  background-color: #fcfcfc;
++  border-color: #cccccc;
++  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);