docs: RWD website - upgrading bootswatch theme file

This patch updates to the latest bootstrap versione (3.3.0) and
contextually pushes the colour theme and fonts required by
our style. The patch provides source files (*.less) to
recompile bootstrap.min.css .

Signed-off-by: Angelo Compagnucci <angelo.compagnucci@gmail.com>
Signed-off-by: Peter Korsgaard <peter@korsgaard.com>

docs/css/bootswatch.less

@@ -1,181 +1,127 @@
-// Cerulean 2.2.2
+// Cerulean 3.3.0
 // Bootswatch
 // -----------------------------------------------------
 
-
-// TYPOGRAPHY
-// -----------------------------------------------------
-
 @import url(//fonts.googleapis.com/css?family=Telex);
 
-// SCAFFOLDING
+.btn-shadow(@color) {
-// -----------------------------------------------------
+  #gradient > .vertical-three-colors(lighten(@color, 8%), @color, 60%, darken(@color, 4%));
+  filter: none;
+  border-bottom: 1px solid darken(@color, 10%);
+}
 
-// NAVBAR
+// Navbar =====================================================================
-// -----------------------------------------------------
 
 .navbar {
+  .btn-shadow(@navbar-default-bg);
+  filter: none;
+  .box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
 
+  &-default {
 
-	.brand {
+    .badge {
-		padding: 14px 20px 16px;
+      background-color: #fff;
-		font-family: @headingsFontFamily;
+      color: @navbar-default-bg;
-		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
+    }
-	}
+  }
 
-	li {
+  &-inverse {
-		line-height: 20px;
+    #gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), lighten(@navbar-inverse-bg, 4%), 60%, darken(@navbar-inverse-bg, 2%));
-	}
+    filter: none;
+    border-bottom: 1px solid darken(@navbar-inverse-bg, 10%);
 
-	.nav > li > a {
+    .badge {
-		padding: 16px 10px 14px;
+      background-color: #fff;
-		font-family: @headingsFontFamily;
+      color: @navbar-inverse-bg;
-		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
+    }
-	}
+  }
 
-	.search-query {
+  .navbar-nav > li > a,
-		border: 1px solid darken(@linkColor, 10%);
+  &-brand {
-		line-height: normal;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-	}
-
-	.navbar-text {
-		padding: 19px 10px 18px;
-		line-height: 13px;
-		color: rgba(0, 0, 0, 0.5);
-		text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-	}
-
-	&-inverse {
-
-		.navbar-search .search-query {
-			color: @textColor;
-		}
-	}
-}
-
-@media (max-width: @navbarCollapseWidth) {
-
-	.navbar .nav-collapse {
-
-		.nav li > a {
-
-			font-family: @headingsFontFamily;
-			font-weight: normal;
-			color: @white;
-			text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
-
-			&:hover {
-				background-color: #2B7CAC;
-			}
-		}
-
-		.nav .active > a {
-			.box-shadow(none);
-			background-color: #2B7CAC;
-		}
-
-		.dropdown-menu li > a:hover,
-		.dropdown-menu li > a:focus,
-		.dropdown-submenu:hover > a {
-			background-image: none;
-		}
-
-		.navbar-form,
-		.navbar-search {
-			border: none;
-		}
-
-		.nav-header {
-			color: #2B7CAC;
-		}
-	}
-
-	.navbar-inverse .nav-collapse {
-
-		.nav li > a {
-			color: @navbarInverseLinkColor;
-
-			&:hover {
-				background-color: rgba(0, 0, 0, 0.1);
-			}
-		}
-
-		.nav .active > a,
-		.nav > li > a:hover,
-		.dropdown-menu a:hover {
-			background-color: rgba(0, 0, 0, 0.1) !important;
-		}
-	}
-}
-
-div.subnav {
-
-	font-family: @headingsFontFamily;
-	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
-
-	&-fixed {
-		top: @navbarHeight;
-	}
-}
-
-// NAV
-// -----------------------------------------------------
-
-// BUTTONS
-// -----------------------------------------------------
-
-.btn {
-  #gradient > .vertical-three-colors(@white, @white, 5%, darken(@white, 0%));
-  @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-  .box-shadow(@shadow);
-
-  &:hover {
-  	background-position: 0 0;
   }
 }
 
-.btn-primary {
+@media (max-width: @grid-float-breakpoint-max) {
-  .buttonBackground(lighten(@btnPrimaryBackground, 5%), @btnPrimaryBackground);
+
+  .navbar {
+
+    .dropdown-header {
+      color: #fff;
+    }
+  }
 }
 
-.btn-info {
+// Buttons ====================================================================
-  .buttonBackground(lighten(@btnInfoBackground, 5%), @btnInfoBackground);
+
+.btn {
+
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+
+  .caret {
+    border-top-color: #fff;
+  }
+}
+
+.btn-default {
+  
+  .btn-shadow(@btn-default-bg);
+
+  &:hover {
+    color: @btn-default-color;
+  }
+
+  .caret {
+    border-top-color: @text-color;
+  }
+}
+
+.btn-default {
+  .btn-shadow(@btn-default-bg);
+}
+
+.btn-primary {
+  .btn-shadow(@btn-primary-bg);
 }
 
 .btn-success {
-  .buttonBackground(lighten(@btnSuccessBackground, 5%), @btnSuccessBackground);
+  .btn-shadow(@btn-success-bg);
+}
+
+.btn-info {
+  .btn-shadow(@btn-info-bg);
 }
 
 .btn-warning {
-  .buttonBackground(lighten(@btnWarningBackground, 5%), @btnWarningBackground);
+  .btn-shadow(@btn-warning-bg);
 }
 
 .btn-danger {
-  .buttonBackground(lighten(@btnDangerBackground, 5%), @btnDangerBackground);
+  .btn-shadow(@btn-danger-bg);
 }
 
-.btn-inverse {
+// Typography =================================================================
-  .buttonBackground(lighten(@btnInverseBackground, 5%), @btnInverseBackground);
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+// Navs =======================================================================
+
+// Indicators =================================================================
+
+// Progress bars ==============================================================
+
+// Containers =================================================================
+
+.panel-primary,
+.panel-success,
+.panel-warning,
+.panel-danger,
+.panel-info {
+
+  .panel-heading,
+  .panel-title {
+    color: #fff;
+  }
 }
-
-// TABLES
-// -----------------------------------------------------
-
-// FORMS
-// -----------------------------------------------------
-
-// DROPDOWNS
-// -----------------------------------------------------
-
-// ALERTS, LABELS, BADGES
-// -----------------------------------------------------
-
-// MISC
-// -----------------------------------------------------
-
-i[class^="icon-"]{
-	opacity: 0.8;
-}
-
-// MEDIA QUERIES
-// -----------------------------------------------------