You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@couchdb.apache.org by ga...@apache.org on 2013/08/08 15:26:11 UTC
[03/13] Fauxton: Remove the icons for now Fix for layout Removing all
the CloseMenu primary nav stuff for now Fix for Establish & beforeRender
Issue. Update index underscore. Fixing redundant fauxton css. HTML update for
the dropdown Move Window resize U
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/navbar.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/navbar.less b/src/fauxton/assets/less/bootstrap/navbar.less
index f69e048..93d09bc 100644
--- a/src/fauxton/assets/less/bootstrap/navbar.less
+++ b/src/fauxton/assets/less/bootstrap/navbar.less
@@ -10,7 +10,6 @@
.navbar {
overflow: visible;
margin-bottom: @baseLineHeight;
- color: @navbarText;
// Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar
*position: relative;
@@ -57,7 +56,8 @@
font-weight: 200;
color: @navbarBrandColor;
text-shadow: 0 1px 0 @navbarBackgroundHighlight;
- &:hover {
+ &:hover,
+ &:focus {
text-decoration: none;
}
}
@@ -67,13 +67,15 @@
.navbar-text {
margin-bottom: 0;
line-height: @navbarHeight;
+ color: @navbarText;
}
// Janky solution for now to account for links outside the .nav
// -------------------------
.navbar-link {
color: @navbarLinkColor;
- &:hover {
+ &:hover,
+ &:focus {
color: @navbarLinkColorHover;
}
}
@@ -95,7 +97,9 @@
}
.navbar .btn-group .btn,
.navbar .input-prepend .btn,
-.navbar .input-append .btn {
+.navbar .input-append .btn,
+.navbar .input-prepend .btn-group,
+.navbar .input-append .btn-group {
margin-top: 0; // then undo the margin here so we don't accidentally double it
}
@@ -123,7 +127,7 @@
}
.input-append,
.input-prepend {
- margin-top: 6px;
+ margin-top: 5px;
white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left
input {
margin-top: 0; // remove the margin on top since it's on the parent
@@ -247,10 +251,10 @@
margin-top: 8px;
}
-// Hover
+// Hover/focus
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
- background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover from .active
+ background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover/:focus from .active
color: @navbarLinkColorHover;
text-decoration: none;
}
@@ -334,6 +338,13 @@
}
}
+// Caret should match text color on hover/focus
+.navbar .nav li.dropdown > a:hover .caret,
+.navbar .nav li.dropdown > a:focus .caret {
+ border-top-color: @navbarLinkColorHover;
+ border-bottom-color: @navbarLinkColorHover;
+}
+
// Remove background color from open dropdown
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
@@ -379,7 +390,6 @@
// -------------------------
.navbar-inverse {
- color: @navbarInverseText;
.navbar-inner {
#gradient > .vertical(@navbarInverseBackgroundHighlight, @navbarInverseBackground);
@@ -390,11 +400,20 @@
.nav > li > a {
color: @navbarInverseLinkColor;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
- &:hover {
+ &:hover,
+ &:focus {
color: @navbarInverseLinkColorHover;
}
}
+ .brand {
+ color: @navbarInverseBrandColor;
+ }
+
+ .navbar-text {
+ color: @navbarInverseText;
+ }
+
.nav > li > a:focus,
.nav > li > a:hover {
background-color: @navbarInverseLinkBackgroundHover;
@@ -411,7 +430,8 @@
// Inline text links
.navbar-link {
color: @navbarInverseLinkColor;
- &:hover {
+ &:hover,
+ &:focus {
color: @navbarInverseLinkColorHover;
}
}
@@ -429,6 +449,11 @@
background-color: @navbarInverseLinkBackgroundActive;
color: @navbarInverseLinkColorActive;
}
+ .nav li.dropdown > a:hover .caret,
+ .nav li.dropdown > a:focus .caret {
+ border-top-color: @navbarInverseLinkColorActive;
+ border-bottom-color: @navbarInverseLinkColorActive;
+ }
.nav li.dropdown > .dropdown-toggle .caret {
border-top-color: @navbarInverseLinkColor;
border-bottom-color: @navbarInverseLinkColor;
@@ -470,6 +495,3 @@
}
}
-
-
-
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/navs.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/navs.less b/src/fauxton/assets/less/bootstrap/navs.less
index 1944f84..01cd805 100644
--- a/src/fauxton/assets/less/bootstrap/navs.less
+++ b/src/fauxton/assets/less/bootstrap/navs.less
@@ -16,11 +16,18 @@
.nav > li > a {
display: block;
}
-.nav > li > a:hover {
+.nav > li > a:hover,
+.nav > li > a:focus {
text-decoration: none;
background-color: @grayLighter;
}
+// Prevent IE8 from misplacing imgs
+// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
+.nav > li > a > img {
+ max-width: none;
+}
+
// Redeclare pull classes because of specifity
.nav > .pull-right {
float: right;
@@ -62,7 +69,8 @@
padding: 3px 15px;
}
.nav-list > .active > a,
-.nav-list > .active > a:hover {
+.nav-list > .active > a:hover,
+.nav-list > .active > a:focus {
color: @white;
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
background-color: @linkColor;
@@ -116,13 +124,15 @@
line-height: @baseLineHeight;
border: 1px solid transparent;
.border-radius(4px 4px 0 0);
- &:hover {
+ &:hover,
+ &:focus {
border-color: @grayLighter @grayLighter #ddd;
}
}
-// Active state, and it's :hover to override normal :hover
+// Active state, and it's :hover/:focus to override normal :hover/:focus
.nav-tabs > .active > a,
-.nav-tabs > .active > a:hover {
+.nav-tabs > .active > a:hover,
+.nav-tabs > .active > a:focus {
color: @gray;
background-color: @bodyBackground;
border: 1px solid #ddd;
@@ -145,7 +155,8 @@
// Active state
.nav-pills > .active > a,
-.nav-pills > .active > a:hover {
+.nav-pills > .active > a:hover,
+.nav-pills > .active > a:focus {
color: @white;
background-color: @linkColor;
}
@@ -177,7 +188,8 @@
.nav-tabs.nav-stacked > li:last-child > a {
.border-bottom-radius(4px);
}
-.nav-tabs.nav-stacked > li > a:hover {
+.nav-tabs.nav-stacked > li > a:hover,
+.nav-tabs.nav-stacked > li > a:focus {
border-color: #ddd;
z-index: 2;
}
@@ -210,7 +222,8 @@
border-bottom-color: @linkColor;
margin-top: 6px;
}
-.nav .dropdown-toggle:hover .caret {
+.nav .dropdown-toggle:hover .caret,
+.nav .dropdown-toggle:focus .caret {
border-top-color: @linkColorHover;
border-bottom-color: @linkColorHover;
}
@@ -230,9 +243,10 @@
border-bottom-color: @gray;
}
-// Active:hover dropdown links
+// Active:hover/:focus dropdown links
// -------------------------
-.nav > .dropdown.active > a:hover {
+.nav > .dropdown.active > a:hover,
+.nav > .dropdown.active > a:focus {
cursor: pointer;
}
@@ -240,21 +254,24 @@
// -------------------------
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
-.nav > li.dropdown.open.active > a:hover {
+.nav > li.dropdown.open.active > a:hover,
+.nav > li.dropdown.open.active > a:focus {
color: @white;
background-color: @grayLight;
border-color: @grayLight;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
-.nav li.dropdown.open a:hover .caret {
+.nav li.dropdown.open a:hover .caret,
+.nav li.dropdown.open a:focus .caret {
border-top-color: @white;
border-bottom-color: @white;
.opacity(100);
}
// Dropdowns in stacked tabs
-.tabs-stacked .open > a:hover {
+.tabs-stacked .open > a:hover,
+.tabs-stacked .open > a:focus {
border-color: @grayLight;
}
@@ -305,13 +322,15 @@
}
.tabs-below > .nav-tabs > li > a {
.border-radius(0 0 4px 4px);
- &:hover {
+ &:hover,
+ &:focus {
border-bottom-color: transparent;
border-top-color: #ddd;
}
}
.tabs-below > .nav-tabs > .active > a,
-.tabs-below > .nav-tabs > .active > a:hover {
+.tabs-below > .nav-tabs > .active > a:hover,
+.tabs-below > .nav-tabs > .active > a:focus {
border-color: transparent #ddd #ddd #ddd;
}
@@ -340,11 +359,13 @@
margin-right: -1px;
.border-radius(4px 0 0 4px);
}
-.tabs-left > .nav-tabs > li > a:hover {
+.tabs-left > .nav-tabs > li > a:hover,
+.tabs-left > .nav-tabs > li > a:focus {
border-color: @grayLighter #ddd @grayLighter @grayLighter;
}
.tabs-left > .nav-tabs .active > a,
-.tabs-left > .nav-tabs .active > a:hover {
+.tabs-left > .nav-tabs .active > a:hover,
+.tabs-left > .nav-tabs .active > a:focus {
border-color: #ddd transparent #ddd #ddd;
*border-right-color: @white;
}
@@ -359,11 +380,13 @@
margin-left: -1px;
.border-radius(0 4px 4px 0);
}
-.tabs-right > .nav-tabs > li > a:hover {
+.tabs-right > .nav-tabs > li > a:hover,
+.tabs-right > .nav-tabs > li > a:focus {
border-color: @grayLighter @grayLighter @grayLighter #ddd;
}
.tabs-right > .nav-tabs .active > a,
-.tabs-right > .nav-tabs .active > a:hover {
+.tabs-right > .nav-tabs .active > a:hover,
+.tabs-right > .nav-tabs .active > a:focus {
border-color: #ddd #ddd #ddd transparent;
*border-left-color: @white;
}
@@ -377,8 +400,9 @@
.nav > .disabled > a {
color: @grayLight;
}
-// Nuke hover effects
-.nav > .disabled > a:hover {
+// Nuke hover/focus effects
+.nav > .disabled > a:hover,
+.nav > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
cursor: default;
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/pager.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/pager.less b/src/fauxton/assets/less/bootstrap/pager.less
index da24253..1476188 100644
--- a/src/fauxton/assets/less/bootstrap/pager.less
+++ b/src/fauxton/assets/less/bootstrap/pager.less
@@ -20,7 +20,8 @@
border: 1px solid #ddd;
.border-radius(15px);
}
-.pager li > a:hover {
+.pager li > a:hover,
+.pager li > a:focus {
text-decoration: none;
background-color: #f5f5f5;
}
@@ -34,6 +35,7 @@
}
.pager .disabled > a,
.pager .disabled > a:hover,
+.pager .disabled > a:focus,
.pager .disabled > span {
color: @grayLight;
background-color: #fff;
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/pagination.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/pagination.less b/src/fauxton/assets/less/bootstrap/pagination.less
index e35d3f4..a789db2 100644
--- a/src/fauxton/assets/less/bootstrap/pagination.less
+++ b/src/fauxton/assets/less/bootstrap/pagination.less
@@ -32,6 +32,7 @@
border-left-width: 0;
}
.pagination ul > li > a:hover,
+.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
background-color: @paginationActiveBackground;
@@ -43,7 +44,8 @@
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
-.pagination ul > .disabled > a:hover {
+.pagination ul > .disabled > a:hover,
+.pagination ul > .disabled > a:focus {
color: @grayLight;
background-color: transparent;
cursor: default;
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/popovers.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/popovers.less b/src/fauxton/assets/less/bootstrap/popovers.less
index a4c4bb0..aae35c8 100644
--- a/src/fauxton/assets/less/bootstrap/popovers.less
+++ b/src/fauxton/assets/less/bootstrap/popovers.less
@@ -9,8 +9,9 @@
left: 0;
z-index: @zindexPopover;
display: none;
- width: 236px;
+ max-width: 276px;
padding: 1px;
+ text-align: left; // Reset given new insertion method
background-color: @popoverBackground;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
@@ -20,12 +21,14 @@
.border-radius(6px);
.box-shadow(0 5px 10px rgba(0,0,0,.2));
+ // Overrides for proper insertion
+ white-space: normal;
+
// Offset the popover to account for the popover arrow
&.top { margin-top: -10px; }
&.right { margin-left: 10px; }
&.bottom { margin-top: 10px; }
&.left { margin-left: -10px; }
-
}
.popover-title {
@@ -37,81 +40,94 @@
background-color: @popoverTitleBackground;
border-bottom: 1px solid darken(@popoverTitleBackground, 5%);
.border-radius(5px 5px 0 0);
+
+ &:empty {
+ display: none;
+ }
}
.popover-content {
padding: 9px 14px;
- p, ul, ol {
- margin-bottom: 0;
- }
}
// Arrows
+//
+// .arrow is outer, .arrow:after is inner
+
.popover .arrow,
.popover .arrow:after {
position: absolute;
- display: inline-block;
+ display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
+.popover .arrow {
+ border-width: @popoverArrowOuterWidth;
+}
.popover .arrow:after {
+ border-width: @popoverArrowWidth;
content: "";
- z-index: -1;
}
.popover {
&.top .arrow {
- bottom: -@popoverArrowWidth;
left: 50%;
- margin-left: -@popoverArrowWidth;
- border-width: @popoverArrowWidth @popoverArrowWidth 0;
- border-top-color: @popoverArrowColor;
+ margin-left: -@popoverArrowOuterWidth;
+ border-bottom-width: 0;
+ border-top-color: #999; // IE8 fallback
+ border-top-color: @popoverArrowOuterColor;
+ bottom: -@popoverArrowOuterWidth;
&:after {
- border-width: @popoverArrowOuterWidth @popoverArrowOuterWidth 0;
- border-top-color: @popoverArrowOuterColor;
- bottom: -1px;
- left: -@popoverArrowOuterWidth;
+ bottom: 1px;
+ margin-left: -@popoverArrowWidth;
+ border-bottom-width: 0;
+ border-top-color: @popoverArrowColor;
}
}
&.right .arrow {
top: 50%;
- left: -@popoverArrowWidth;
- margin-top: -@popoverArrowWidth;
- border-width: @popoverArrowWidth @popoverArrowWidth @popoverArrowWidth 0;
- border-right-color: @popoverArrowColor;
+ left: -@popoverArrowOuterWidth;
+ margin-top: -@popoverArrowOuterWidth;
+ border-left-width: 0;
+ border-right-color: #999; // IE8 fallback
+ border-right-color: @popoverArrowOuterColor;
&:after {
- border-width: @popoverArrowOuterWidth @popoverArrowOuterWidth @popoverArrowOuterWidth 0;
- border-right-color: @popoverArrowOuterColor;
- bottom: -@popoverArrowOuterWidth;
- left: -1px;
+ left: 1px;
+ bottom: -@popoverArrowWidth;
+ border-left-width: 0;
+ border-right-color: @popoverArrowColor;
}
}
&.bottom .arrow {
- top: -@popoverArrowWidth;
left: 50%;
- margin-left: -@popoverArrowWidth;
- border-width: 0 @popoverArrowWidth @popoverArrowWidth;
- border-bottom-color: @popoverArrowColor;
+ margin-left: -@popoverArrowOuterWidth;
+ border-top-width: 0;
+ border-bottom-color: #999; // IE8 fallback
+ border-bottom-color: @popoverArrowOuterColor;
+ top: -@popoverArrowOuterWidth;
&:after {
- border-width: 0 @popoverArrowOuterWidth @popoverArrowOuterWidth;
- border-bottom-color: @popoverArrowOuterColor;
- top: -1px;
- left: -@popoverArrowOuterWidth;
+ top: 1px;
+ margin-left: -@popoverArrowWidth;
+ border-top-width: 0;
+ border-bottom-color: @popoverArrowColor;
}
}
+
&.left .arrow {
top: 50%;
- right: -@popoverArrowWidth;
- margin-top: -@popoverArrowWidth;
- border-width: @popoverArrowWidth 0 @popoverArrowWidth @popoverArrowWidth;
- border-left-color: @popoverArrowColor;
+ right: -@popoverArrowOuterWidth;
+ margin-top: -@popoverArrowOuterWidth;
+ border-right-width: 0;
+ border-left-color: #999; // IE8 fallback
+ border-left-color: @popoverArrowOuterColor;
&:after {
- border-width: @popoverArrowOuterWidth 0 @popoverArrowOuterWidth @popoverArrowOuterWidth;
- border-left-color: @popoverArrowOuterColor;
- bottom: -@popoverArrowOuterWidth;
- right: -1px;
+ right: 1px;
+ border-right-width: 0;
+ border-left-color: @popoverArrowColor;
+ bottom: -@popoverArrowWidth;
}
}
+
}
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/reset.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/reset.less b/src/fauxton/assets/less/bootstrap/reset.less
index 2abdee4..4806bd5 100644
--- a/src/fauxton/assets/less/bootstrap/reset.less
+++ b/src/fauxton/assets/less/bootstrap/reset.less
@@ -1,5 +1,5 @@
//
-// Modals
+// Reset CSS
// Adapted from http://github.com/necolas/normalize.css
// --------------------------------------------------
@@ -122,10 +122,18 @@ input[type="submit"] {
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
}
+label,
+select,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"],
+input[type="radio"],
+input[type="checkbox"] {
+ cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
+}
input[type="search"] { // Appearance in Safari/Chrome
- -webkit-box-sizing: content-box;
- -moz-box-sizing: content-box;
- box-sizing: content-box;
+ .box-sizing(content-box);
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
@@ -136,3 +144,73 @@ textarea {
overflow: auto; // Remove vertical scrollbar in IE6-9
vertical-align: top; // Readability and alignment cross-browser
}
+
+
+// Printing
+// -------------------------
+// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
+
+@media print {
+
+ * {
+ text-shadow: none !important;
+ color: #000 !important; // Black prints faster: h5bp.com/s
+ background: transparent !important;
+ box-shadow: none !important;
+ }
+
+ a,
+ a:visited {
+ text-decoration: underline;
+ }
+
+ a[href]:after {
+ content: " (" attr(href) ")";
+ }
+
+ abbr[title]:after {
+ content: " (" attr(title) ")";
+ }
+
+ // Don't show links for images, or javascript/internal links
+ .ir a:after,
+ a[href^="javascript:"]:after,
+ a[href^="#"]:after {
+ content: "";
+ }
+
+ pre,
+ blockquote {
+ border: 1px solid #999;
+ page-break-inside: avoid;
+ }
+
+ thead {
+ display: table-header-group; // h5bp.com/t
+ }
+
+ tr,
+ img {
+ page-break-inside: avoid;
+ }
+
+ img {
+ max-width: 100% !important;
+ }
+
+ @page {
+ margin: 0.5cm;
+ }
+
+ p,
+ h2,
+ h3 {
+ orphans: 3;
+ widows: 3;
+ }
+
+ h2,
+ h3 {
+ page-break-after: avoid;
+ }
+}
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/responsive-767px-max.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/responsive-767px-max.less b/src/fauxton/assets/less/bootstrap/responsive-767px-max.less
index 1d5c123..128f4ce 100644
--- a/src/fauxton/assets/less/bootstrap/responsive-767px-max.less
+++ b/src/fauxton/assets/less/bootstrap/responsive-767px-max.less
@@ -72,8 +72,8 @@
.box-sizing(border-box);
}
.row-fluid [class*="offset"]:first-child {
- margin-left: 0;
- }
+ margin-left: 0;
+ }
// FORM FIELDS
// -----------
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/responsive-navbar.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/responsive-navbar.less b/src/fauxton/assets/less/bootstrap/responsive-navbar.less
index 2a0b0c0..21cd3ba 100644
--- a/src/fauxton/assets/less/bootstrap/responsive-navbar.less
+++ b/src/fauxton/assets/less/bootstrap/responsive-navbar.less
@@ -81,7 +81,9 @@
margin-bottom: 2px;
}
.nav-collapse .nav > li > a:hover,
- .nav-collapse .dropdown-menu a:hover {
+ .nav-collapse .nav > li > a:focus,
+ .nav-collapse .dropdown-menu a:hover,
+ .nav-collapse .dropdown-menu a:focus {
background-color: @navbarBackground;
}
.navbar-inverse .nav-collapse .nav > li > a,
@@ -89,7 +91,9 @@
color: @navbarInverseLinkColor;
}
.navbar-inverse .nav-collapse .nav > li > a:hover,
- .navbar-inverse .nav-collapse .dropdown-menu a:hover {
+ .navbar-inverse .nav-collapse .nav > li > a:focus,
+ .navbar-inverse .nav-collapse .dropdown-menu a:hover,
+ .navbar-inverse .nav-collapse .dropdown-menu a:focus {
background-color: @navbarInverseBackground;
}
// Buttons in the navbar
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/responsive-utilities.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/responsive-utilities.less b/src/fauxton/assets/less/bootstrap/responsive-utilities.less
index 2c3f6c1..bf43e8e 100644
--- a/src/fauxton/assets/less/bootstrap/responsive-utilities.less
+++ b/src/fauxton/assets/less/bootstrap/responsive-utilities.less
@@ -3,6 +3,13 @@
// --------------------------------------------------
+// IE10 Metro responsive
+// Required for Windows 8 Metro split-screen snapping with IE10
+// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
+@-ms-viewport{
+ width: device-width;
+}
+
// Hide from screenreaders and browsers
// Credit: HTML5 Boilerplate
.hidden {
@@ -41,3 +48,12 @@
// Hide
.hidden-phone { display: none !important; }
}
+
+// Print utilities
+.visible-print { display: none !important; }
+.hidden-print { }
+
+@media print {
+ .visible-print { display: inherit !important; }
+ .hidden-print { display: none !important; }
+}
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/responsive.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/responsive.less b/src/fauxton/assets/less/bootstrap/responsive.less
index aa28baa..9e5f9b1 100644
--- a/src/fauxton/assets/less/bootstrap/responsive.less
+++ b/src/fauxton/assets/less/bootstrap/responsive.less
@@ -1,5 +1,5 @@
/*!
- * Bootstrap Responsive v2.2.1
+ * Bootstrap Responsive v2.3.2
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/scaffolding.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/scaffolding.less b/src/fauxton/assets/less/bootstrap/scaffolding.less
index 7a7496a..f17e8ca 100644
--- a/src/fauxton/assets/less/bootstrap/scaffolding.less
+++ b/src/fauxton/assets/less/bootstrap/scaffolding.less
@@ -23,7 +23,8 @@ a {
color: @linkColor;
text-decoration: none;
}
-a:hover {
+a:hover,
+a:focus {
color: @linkColorHover;
text-decoration: underline;
}
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/sprites.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/sprites.less b/src/fauxton/assets/less/bootstrap/sprites.less
index 9cd2ae3..1812bf7 100644
--- a/src/fauxton/assets/less/bootstrap/sprites.less
+++ b/src/fauxton/assets/less/bootstrap/sprites.less
@@ -28,7 +28,7 @@
margin-top: 1px;
}
-/* White icons with optional class, or on hover/active states of certain elements */
+/* White icons with optional class, or on hover/focus/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
@@ -37,11 +37,15 @@
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
+.dropdown-menu > li > a:focus > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
+.dropdown-menu > li > a:focus > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
-.dropdown-submenu:hover > a > [class*=" icon-"] {
+.dropdown-submenu:focus > a > [class^="icon-"],
+.dropdown-submenu:hover > a > [class*=" icon-"],
+.dropdown-submenu:focus > a > [class*=" icon-"] {
background-image: url("@{iconWhiteSpritePath}");
}
@@ -166,7 +170,7 @@
.icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off
.icon-retweet { background-position: -336px -120px; }
.icon-shopping-cart { background-position: -360px -120px; }
-.icon-folder-close { background-position: -384px -120px; }
+.icon-folder-close { background-position: -384px -120px; width: 16px; }
.icon-folder-open { background-position: -408px -120px; width: 16px; }
.icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off
.icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/tables.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/tables.less b/src/fauxton/assets/less/bootstrap/tables.less
index 3f2c7f7..0e35271 100644
--- a/src/fauxton/assets/less/bootstrap/tables.less
+++ b/src/fauxton/assets/less/bootstrap/tables.less
@@ -48,6 +48,11 @@ table {
tbody + tbody {
border-top: 2px solid @tableBorder;
}
+
+ // Nesting
+ .table {
+ background-color: @bodyBackground;
+ }
}
@@ -88,34 +93,41 @@ table {
tbody:first-child tr:first-child td {
border-top: 0;
}
- // For first th or td in the first row in the first thead or tbody
- thead:first-child tr:first-child th:first-child,
- tbody:first-child tr:first-child td:first-child {
- -webkit-border-top-left-radius: 4px;
- border-top-left-radius: 4px;
- -moz-border-radius-topleft: 4px;
- }
- thead:first-child tr:first-child th:last-child,
- tbody:first-child tr:first-child td:last-child {
- -webkit-border-top-right-radius: 4px;
- border-top-right-radius: 4px;
- -moz-border-radius-topright: 4px;
- }
- // For first th or td in the first row in the first thead or tbody
- thead:last-child tr:last-child th:first-child,
- tbody:last-child tr:last-child td:first-child,
- tfoot:last-child tr:last-child td:first-child {
- .border-radius(0 0 0 4px);
- -webkit-border-bottom-left-radius: 4px;
- border-bottom-left-radius: 4px;
- -moz-border-radius-bottomleft: 4px;
- }
- thead:last-child tr:last-child th:last-child,
- tbody:last-child tr:last-child td:last-child,
- tfoot:last-child tr:last-child td:last-child {
- -webkit-border-bottom-right-radius: 4px;
- border-bottom-right-radius: 4px;
- -moz-border-radius-bottomright: 4px;
+ // For first th/td in the first row in the first thead or tbody
+ thead:first-child tr:first-child > th:first-child,
+ tbody:first-child tr:first-child > td:first-child,
+ tbody:first-child tr:first-child > th:first-child {
+ .border-top-left-radius(@baseBorderRadius);
+ }
+ // For last th/td in the first row in the first thead or tbody
+ thead:first-child tr:first-child > th:last-child,
+ tbody:first-child tr:first-child > td:last-child,
+ tbody:first-child tr:first-child > th:last-child {
+ .border-top-right-radius(@baseBorderRadius);
+ }
+ // For first th/td (can be either) in the last row in the last thead, tbody, and tfoot
+ thead:last-child tr:last-child > th:first-child,
+ tbody:last-child tr:last-child > td:first-child,
+ tbody:last-child tr:last-child > th:first-child,
+ tfoot:last-child tr:last-child > td:first-child,
+ tfoot:last-child tr:last-child > th:first-child {
+ .border-bottom-left-radius(@baseBorderRadius);
+ }
+ // For last th/td (can be either) in the last row in the last thead, tbody, and tfoot
+ thead:last-child tr:last-child > th:last-child,
+ tbody:last-child tr:last-child > td:last-child,
+ tbody:last-child tr:last-child > th:last-child,
+ tfoot:last-child tr:last-child > td:last-child,
+ tfoot:last-child tr:last-child > th:last-child {
+ .border-bottom-right-radius(@baseBorderRadius);
+ }
+
+ // Clear border-radius for first and last td in the last row in the last tbody for table with tfoot
+ tfoot + tbody:last-child tr:last-child td:first-child {
+ .border-bottom-left-radius(0);
+ }
+ tfoot + tbody:last-child tr:last-child td:last-child {
+ .border-bottom-right-radius(0);
}
// Special fixes to round the left border on the first td/th
@@ -123,17 +135,13 @@ table {
caption + tbody tr:first-child td:first-child,
colgroup + thead tr:first-child th:first-child,
colgroup + tbody tr:first-child td:first-child {
- -webkit-border-top-left-radius: 4px;
- border-top-left-radius: 4px;
- -moz-border-radius-topleft: 4px;
+ .border-top-left-radius(@baseBorderRadius);
}
caption + thead tr:first-child th:last-child,
caption + tbody tr:first-child td:last-child,
colgroup + thead tr:first-child th:last-child,
colgroup + tbody tr:first-child td:last-child {
- -webkit-border-top-right-radius: 4px;
- border-top-right-radius: 4px;
- -moz-border-radius-topright: 4px;
+ .border-top-right-radius(@baseBorderRadius);
}
}
@@ -147,8 +155,8 @@ table {
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
.table-striped {
tbody {
- tr:nth-child(odd) td,
- tr:nth-child(odd) th {
+ > tr:nth-child(odd) > td,
+ > tr:nth-child(odd) > th {
background-color: @tableBackgroundAccent;
}
}
@@ -160,8 +168,8 @@ table {
// Placed here since it has to come after the potential zebra striping
.table-hover {
tbody {
- tr:hover td,
- tr:hover th {
+ tr:hover > td,
+ tr:hover > th {
background-color: @tableBackgroundHover;
}
}
@@ -205,32 +213,32 @@ table th[class*="span"],
// Exact selectors below required to override .table-striped
.table tbody tr {
- &.success td {
+ &.success > td {
background-color: @successBackground;
}
- &.error td {
+ &.error > td {
background-color: @errorBackground;
}
- &.warning td {
+ &.warning > td {
background-color: @warningBackground;
}
- &.info td {
+ &.info > td {
background-color: @infoBackground;
}
}
// Hover states for .table-hover
.table-hover tbody tr {
- &.success:hover td {
+ &.success:hover > td {
background-color: darken(@successBackground, 5%);
}
- &.error:hover td {
+ &.error:hover > td {
background-color: darken(@errorBackground, 5%);
}
- &.warning:hover td {
+ &.warning:hover > td {
background-color: darken(@warningBackground, 5%);
}
- &.info:hover td {
+ &.info:hover > td {
background-color: darken(@infoBackground, 5%);
}
}
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/tests/buttons.html
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/tests/buttons.html b/src/fauxton/assets/less/bootstrap/tests/buttons.html
new file mode 100644
index 0000000..9b3c2c5
--- /dev/null
+++ b/src/fauxton/assets/less/bootstrap/tests/buttons.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>Buttons · Bootstrap</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <!-- Le styles -->
+ <link href="../../docs/assets/css/bootstrap.css" rel="stylesheet">
+ <style>
+ body {
+ padding-top: 30px;
+ padding-bottom: 30px;
+ }
+ </style>
+ <link href="../../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
+
+ <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- Le fav and touch icons -->
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../../docs/assets/ico/apple-touch-icon-144-precomposed.png">
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../../docs/assets/ico/apple-touch-icon-114-precomposed.png">
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../../docs/assets/ico/apple-touch-icon-72-precomposed.png">
+ <link rel="apple-touch-icon-precomposed" href="../../docs/assets/ico/apple-touch-icon-57-precomposed.png">
+ <link rel="shortcut icon" href="../../docs/assets/ico/favicon.png">
+ </head>
+
+ <body>
+
+ <div class="container">
+
+ <h2>Dropups</h2>
+ <div class="btn-toolbar">
+ <div class="btn-group dropup">
+ <button class="btn">Dropup</button>
+ <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </div><!-- /btn-group -->
+ <div class="btn-group dropup">
+ <button class="btn btn-primary">Dropup</button>
+ <button class="btn btn-primary dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </div><!-- /btn-group -->
+ <div class="btn-group dropup">
+ <button class="btn btn-danger">Dropup</button>
+ <button class="btn btn-danger dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </div><!-- /btn-group -->
+ <div class="btn-group dropup">
+ <button class="btn btn-warning">Dropup</button>
+ <button class="btn btn-warning dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </div><!-- /btn-group -->
+ <div class="btn-group dropup">
+ <button class="btn btn-success">Dropup</button>
+ <button class="btn btn-success dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </div><!-- /btn-group -->
+ <div class="btn-group dropup">
+ <button class="btn btn-info">Dropup</button>
+ <button class="btn btn-info dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </div><!-- /btn-group -->
+ <div class="btn-group dropup">
+ <button class="btn btn-inverse">Dropup</button>
+ <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </div><!-- /btn-group -->
+ </div><!-- /btn-toolbar -->
+
+
+ </div> <!-- /container -->
+
+ <!-- Le javascript
+ ================================================== -->
+ <!-- Placed at the end of the document so the pages load faster -->
+ <script src="../../docs/assets/js/jquery.js"></script>
+ <script src="../../docs/assets/js/bootstrap-transition.js"></script>
+ <script src="../../docs/assets/js/bootstrap-alert.js"></script>
+ <script src="../../docs/assets/js/bootstrap-modal.js"></script>
+ <script src="../../docs/assets/js/bootstrap-dropdown.js"></script>
+ <script src="../../docs/assets/js/bootstrap-scrollspy.js"></script>
+ <script src="../../docs/assets/js/bootstrap-tab.js"></script>
+ <script src="../../docs/assets/js/bootstrap-tooltip.js"></script>
+ <script src="../../docs/assets/js/bootstrap-popover.js"></script>
+ <script src="../../docs/assets/js/bootstrap-button.js"></script>
+ <script src="../../docs/assets/js/bootstrap-collapse.js"></script>
+ <script src="../../docs/assets/js/bootstrap-carousel.js"></script>
+ <script src="../../docs/assets/js/bootstrap-typeahead.js"></script>
+
+ </body>
+</html>
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/tests/css-tests.css
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/tests/css-tests.css b/src/fauxton/assets/less/bootstrap/tests/css-tests.css
new file mode 100644
index 0000000..0f5604e
--- /dev/null
+++ b/src/fauxton/assets/less/bootstrap/tests/css-tests.css
@@ -0,0 +1,150 @@
+/*!
+ * Bootstrap CSS Tests
+ */
+
+
+/* Remove background image */
+body {
+ background-image: none;
+}
+
+/* Space out subhead */
+.subhead {
+ margin-bottom: 36px;
+}
+/*h4 {
+ margin-bottom: 5px;
+}
+*/
+
+.type-test {
+ margin-bottom: 20px;
+ padding: 0 20px 20px;
+ background: url(../../docs/assets/img/grid-baseline-20px.png);
+}
+.type-test h1,
+.type-test h2,
+.type-test h3,
+.type-test h4,
+.type-test h5,
+.type-test h6 {
+ background-color: rgba(255,0,0,.2);
+}
+
+
+/* colgroup tests */
+.col1 {
+ background-color: rgba(255,0,0,.1);
+}
+.col2 {
+ background-color: rgba(0,255,0,.1);
+}
+.col3 {
+ background-color: rgba(0,0,255,.1);
+}
+
+
+/* Fluid row inputs */
+#rowInputs .row > [class*=span],
+#fluidRowInputs .row-fluid > [class*=span] {
+ background-color: rgba(255,0,0,.1);
+}
+
+
+/* Fluid grid */
+.fluid-grid {
+ margin-bottom: 45px;
+}
+.fluid-grid .row {
+ height: 40px;
+ padding-top: 10px;
+ margin-top: 10px;
+ color: #ddd;
+ text-align: center;
+}
+.fluid-grid .span1 {
+ background-color: #999;
+}
+
+
+/* Gradients */
+
+[class^="gradient-"] {
+ width: 100%;
+ height: 400px;
+ margin: 20px 0;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+}
+
+.gradient-horizontal {
+ background-color: #333333;
+ background-image: -moz-linear-gradient(left, #555555, #333333);
+ background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#555555), to(#333333));
+ background-image: -webkit-linear-gradient(left, #555555, #333333);
+ background-image: -o-linear-gradient(left, #555555, #333333);
+ background-image: linear-gradient(to right, #555555, #333333);
+ background-repeat: repeat-x;
+ filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=1);
+}
+
+.gradient-vertical {
+ background-color: #474747;
+ background-image: -moz-linear-gradient(top, #555555, #333333);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#333333));
+ background-image: -webkit-linear-gradient(top, #555555, #333333);
+ background-image: -o-linear-gradient(top, #555555, #333333);
+ background-image: linear-gradient(to bottom, #555555, #333333);
+ background-repeat: repeat-x;
+ filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0);
+}
+
+.gradient-directional {
+ background-color: #333333;
+ background-image: -moz-linear-gradient(45deg, #555555, #333333);
+ background-image: -webkit-linear-gradient(45deg, #555555, #333333);
+ background-image: -o-linear-gradient(45deg, #555555, #333333);
+ background-image: linear-gradient(45deg, #555555, #333333);
+ background-repeat: repeat-x;
+}
+
+.gradient-vertical-three {
+ background-color: #8940a5;
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00b3ee), color-stop(50%, #7a43b6), to(#c3325f));
+ background-image: -webkit-linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
+ background-image: -moz-linear-gradient(top, #00b3ee, #7a43b6 50%, #c3325f);
+ background-image: -o-linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
+ background-image: linear-gradient(#00b3ee, #7a43b6 50%, #c3325f);
+ background-repeat: no-repeat;
+ filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff00b3ee', endColorstr='#ffc3325f', GradientType=0);
+}
+
+.gradient-radial {
+ background-color: #333333;
+ background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#555555), to(#333333));
+ background-image: -webkit-radial-gradient(circle, #555555, #333333);
+ background-image: -moz-radial-gradient(circle, #555555, #333333);
+ background-image: -o-radial-gradient(circle, #555555, #333333);
+ background-repeat: no-repeat;
+}
+
+.gradient-striped {
+ background-color: #555555;
+ background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+ background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.gradient-horizontal-three {
+ background-color: #00b3ee;
+ background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(#00b3ee), color-stop(50%, #7a43b6), to(#c3325f));
+ background-image: -webkit-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f);
+ background-image: -moz-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f);
+ background-image: -o-linear-gradient(left, #00b3ee, #7a43b6 50%, #c3325f);
+ background-image: linear-gradient(to right, #00b3ee, #7a43b6 50%, #c3325f);
+ background-repeat: no-repeat;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b3ee', endColorstr='#c3325f', GradientType=0);
+}
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/thumbnails.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/thumbnails.less b/src/fauxton/assets/less/bootstrap/thumbnails.less
index a84a7d3..4fd07d2 100644
--- a/src/fauxton/assets/less/bootstrap/thumbnails.less
+++ b/src/fauxton/assets/less/bootstrap/thumbnails.less
@@ -33,8 +33,9 @@
.box-shadow(0 1px 3px rgba(0,0,0,.055));
.transition(all .2s ease-in-out);
}
-// Add a hover state for linked versions only
-a.thumbnail:hover {
+// Add a hover/focus state for linked versions only
+a.thumbnail:hover,
+a.thumbnail:focus {
border-color: @linkColor;
.box-shadow(0 1px 4px rgba(0,105,214,.25));
}
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/tooltip.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/tooltip.less b/src/fauxton/assets/less/bootstrap/tooltip.less
index 93fac8d..83d5f2b 100644
--- a/src/fauxton/assets/less/bootstrap/tooltip.less
+++ b/src/fauxton/assets/less/bootstrap/tooltip.less
@@ -9,20 +9,20 @@
z-index: @zindexTooltip;
display: block;
visibility: visible;
- padding: 5px;
font-size: 11px;
+ line-height: 1.4;
.opacity(0);
&.in { .opacity(80); }
- &.top { margin-top: -3px; }
- &.right { margin-left: 3px; }
- &.bottom { margin-top: 3px; }
- &.left { margin-left: -3px; }
+ &.top { margin-top: -3px; padding: 5px 0; }
+ &.right { margin-left: 3px; padding: 0 5px; }
+ &.bottom { margin-top: 3px; padding: 5px 0; }
+ &.left { margin-left: -3px; padding: 0 5px; }
}
// Wrapper for the tooltip content
.tooltip-inner {
max-width: 200px;
- padding: 3px 8px;
+ padding: 8px;
color: @tooltipColor;
text-align: center;
text-decoration: none;
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/type.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/type.less b/src/fauxton/assets/less/bootstrap/type.less
index 3b428e7..337138a 100644
--- a/src/fauxton/assets/less/bootstrap/type.less
+++ b/src/fauxton/assets/less/bootstrap/type.less
@@ -20,34 +20,37 @@ p {
// Emphasis & misc
// -------------------------
-small {
- font-size: 85%; // Ex: 14px base font * 85% = about 12px
-}
-strong {
- font-weight: bold;
-}
-em {
- font-style: italic;
-}
-cite {
- font-style: normal;
-}
+// Ex: 14px base font * 85% = about 12px
+small { font-size: 85%; }
+
+strong { font-weight: bold; }
+em { font-style: italic; }
+cite { font-style: normal; }
// Utility classes
-.muted {
- color: @grayLight;
-}
-.text-warning { color: @warningText; }
-a.text-warning:hover { color: darken(@warningText, 10%); }
+.muted { color: @grayLight; }
+a.muted:hover,
+a.muted:focus { color: darken(@grayLight, 10%); }
-.text-error { color: @errorText; }
-a.text-error:hover { color: darken(@errorText, 10%); }
+.text-warning { color: @warningText; }
+a.text-warning:hover,
+a.text-warning:focus { color: darken(@warningText, 10%); }
-.text-info { color: @infoText; }
-a.text-info:hover { color: darken(@infoText, 10%); }
+.text-error { color: @errorText; }
+a.text-error:hover,
+a.text-error:focus { color: darken(@errorText, 10%); }
-.text-success { color: @successText; }
-a.text-success:hover { color: darken(@successText, 10%); }
+.text-info { color: @infoText; }
+a.text-info:hover,
+a.text-info:focus { color: darken(@infoText, 10%); }
+
+.text-success { color: @successText; }
+a.text-success:hover,
+a.text-success:focus { color: darken(@successText, 10%); }
+
+.text-left { text-align: left; }
+.text-right { text-align: right; }
+.text-center { text-align: center; }
// Headings
@@ -112,12 +115,27 @@ ol ul {
li {
line-height: @baseLineHeight;
}
+
+// Remove default list styles
ul.unstyled,
ol.unstyled {
margin-left: 0;
list-style: none;
}
+// Single-line list items
+ul.inline,
+ol.inline {
+ margin-left: 0;
+ list-style: none;
+ > li {
+ display: inline-block;
+ .ie7-inline-block();
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+}
+
// Description Lists
dl {
margin-bottom: @baseLineHeight;
@@ -177,7 +195,9 @@ blockquote {
border-left: 5px solid @grayLighter;
p {
margin-bottom: 0;
- #font > .shorthand(16px,300,@baseLineHeight * 1.25);
+ font-size: @baseFontSize * 1.25;
+ font-weight: 300;
+ line-height: 1.25;
}
small {
display: block;
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/bootstrap/variables.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/bootstrap/variables.less b/src/fauxton/assets/less/bootstrap/variables.less
index 3fb5274..31c131b 100644
--- a/src/fauxton/assets/less/bootstrap/variables.less
+++ b/src/fauxton/assets/less/bootstrap/variables.less
@@ -68,7 +68,7 @@
@paddingLarge: 11px 19px; // 44px
@paddingSmall: 2px 10px; // 26px
-@paddingMini: 1px 6px; // 24px
+@paddingMini: 0 6px; // 22px
@baseBorderRadius: 4px;
@borderRadiusLarge: 6px;
@@ -86,7 +86,7 @@
// -------------------------
@btnBackground: @white;
@btnBackgroundHighlight: darken(@white, 10%);
-@btnBorder: #bbb;
+@btnBorder: #ccc;
@btnPrimaryBackground: @linkColor;
@btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 20%);
@@ -126,7 +126,7 @@
@dropdownLinkColor: @grayDark;
@dropdownLinkColorHover: @white;
-@dropdownLinkColorActive: @dropdownLinkColor;
+@dropdownLinkColorActive: @white;
@dropdownLinkBackgroundActive: @linkColor;
@dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive;
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/fauxton.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/fauxton.less b/src/fauxton/assets/less/fauxton.less
index cef1638..56e9036 100644
--- a/src/fauxton/assets/less/fauxton.less
+++ b/src/fauxton/assets/less/fauxton.less
@@ -21,82 +21,654 @@
@import "logs.less";
@import "prettyprint.less";
@import "database.less";
+@import "icons.less";
+
+/*define variable for color here, remove to seperate file later*/
+
+@brown: #3A2C2B;
+@red: #E93F33;
+@darkred: #73161E;
+@linkRed: #DA4F49;
+
+@fontGrey: #808080;
+@secondarySidebar: #E4DFDC;
+
+
+@orange: #F3622D;
+
+/*nav*/
+@primaryNav : @brown;
+@navBG: @bottomNav;
+@navBGHighlight: @red;
+@navBGHover: @red;
+@navIconColor: @darkred;
+@navIconHighlight: #FFFFFF;
+@bottomNav: @darkred;
+
+/*top header*/
+@breadcrumbBG: #F1F1F1;
+@breadcrumbText: @red;
+@breadcrumbArrow: #999999;
+@breadcrumbBorder: @red;
+
+/*background colors*/
+@background: #F2F2F2;
+@leftPanel: @background;
+@rightPanel: #CBCBCB;
+@defaultText: #4D4D4D;
+@defaultHTag: #333333;
+
+@saveButton: #80A221;
+
+@collapsedNavWidth: 62px;
+@navWidth: 220px;
+@sidebarBG: #F2F2F2;
+@sidebarWidth: 330px;
+
+@NavIconActive: #ffffff;
+@NavIcon: @brown;
-/*!
- *
- * OVERRIDES
- *
- * Override styles from included less files here. Record where the style is
- * originally defined.
- *
- */
-//
-// Breadcrumbs
+/*buttons */
+@redButton: @red;
+@linkColor: @darkred;
-.breadcrumb {
+@boxShadow: 2px 2px rgba(0,0,0,0.2);
+@boxShadowOff: 2px 2px rgba(0,0,0,0);
+@textShadow: 1px 2px rgba(0,0,0,0.2);
+@textShadowOff: 1px 2px rgba(0,0,0,0);
+
+@radius: 4px;
+@transitionSpeed: .25s;
+@transitionEaseType: linear;
+
+
+
+body {
+ background-color: #F2F2F2;
+}
+
+footer {
+ position: fixed;
+ bottom: 0;
+ padding: 20px;
+ font-size: 10px;
+ margin-left: @navWidth;
+}
+
+.hide-text {
+ font: 0/0 a;
+ color: transparent;
+ text-shadow: none;
background-color: transparent;
+ border: 0;
+}
+
+.row {
+ margin-left: 0;
+}
+
+// globals
+body {
+ font-size: 16px;
+ line-height:1.3;
+ padding-bottom: 0px;
+ color: #333;
+ padding-top: 92px;
+ &#home{
+ padding-top: 90px;
+ }
+ background-color: @sidebarBG;
+}
+
+h2,h3,h4 {font-weight: 600;}
+
+
+a, .btn{
+ .transition(all .25s linear);
+}
+
+a,
+a:visited,
+a:active {
+ color: @linkColor;
+}
+
+a:hover{
+ color: @red;
+}
+
+/* ajax loader */
+.loader {
+ background: url('../img/loader.gif') center center no-repeat;
+ min-height: 100px;
+}
+#app-container.loader{
+ min-height: 400px;
+ > *{
+ display: none;
+ }
+}
+
+#global-notifications {
+ position: fixed;
+ top: 0px;
+ display: block;
+ z-index: 100000;
+ left: 340px;
+ .closeMenu & {
+ left: 63px;
+ }
+ width: 100%;
+}
+
+#app-container{
+ padding: 0;
+ height: 100%;
+ width: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ > .row-fluid {
+ height: 100%;
+ }
+}
+
+/* bootstrap override */
+.container-fluid {
+ padding-right: 0px;
padding-left: 0px;
- li {
- color: @grayLight;
+}
+
+/* Fixed side navigation */
+#primary-navbar {
+ height: 100%;
+ position: fixed;
+ width: @navWidth;
+ top: 0;
+ bottom: 0;
+ background-color: @primaryNav;
+ #footer-links{
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ }
+
+ .navbar {
+ a.brand {
+ .hide-text;
+ .customTransition(left, 1s, 0.805, 0.005, 0.165, 0.985);
+ margin: 10px 0 6px;
+ width: 174px;
+ height: 40px;
+ padding: 10px;
+ .icon{
+ background: url(../img/minilogo.png) no-repeat 0 0;
+ display: block;
+ height: 100%;
+ width: 100%;
+ }
+ .burger{
+ .transition(all @transitionSpeed @transitionEaseType);
+ padding-top: 6px;
+ left: -8px;
+ position: absolute;
+ div{
+ .transition(all @transitionSpeed @transitionEaseType);
+ height: 4px;
+ width: 8px;
+ .border-radius(2);
+ background-color: @navBG;
+ margin: 4px 0px;
+ }
+ }
+ &:hover .burger div{
+ background-color: @orange;
+ }
+ .closeMenu & {
+ width: 40px;
+ .burger{
+ left: 0;
+ }
+ }
+ }
+ nav {
+ .nav{
+ margin: 0;
+ li{
+ .transition(all @transitionSpeed @transitionEaseType);
+ padding: 15px 0px 15px 60px;
+ font-size: 19px;
+ width: @navWidth;
+ font-weight: normal;
+ font-family: helvetica;
+ .box-sizing(border-box);
+ background-color: @navBG;
+ border-bottom: 1px solid @primaryNav;
+ min-height: 55px;
+ &.active, &:hover{
+ a{
+ .box-shadow(none);
+ }
+ background-color: @red;
+ }
+ &:hover a.fonticon:before{
+ color: @white;
+ }
+ &.active a.cloudant:before,
+ &.active a.fonticon:before,
+ &:hover a.cloudant:before,
+ &:hover a.fonticon:before,
+ {
+ text-shadow: @boxShadow;
+ color: @NavIconActive;
+ }
+ a{
+ background-color: transparent;
+ padding: 0;
+ color: #fff;
+ text-shadow: @textShadowOff;
+ &.closeMenu{
+ color: transparent;
+ }
+ &.fonticon {
+ position: relative;
+ &:before {
+ .transition(all @transitionSpeed @transitionEaseType);
+ position: absolute;
+ left: -44px;
+ font-size: 28px;
+ color: @NavIcon;
+ text-shadow: @boxShadowOff;
+ }
+ }
+ }
+ }
+ }
+ ul#footer-nav-links{
+ li{
+ background-color: @primaryNav;
+ border-top: 1px solid @red;
+ border-bottom: none;
+ font-size: 12px;
+ padding: 12px;
+ min-height: 44px;
+ &.active, &:hover{
+ background-color: @linkRed;
+ border-top: 1px solid @red;
+ a{
+ color: white;
+ }
+ }
+ a{
+ color: @red;
+ }
+ }
+ }
+ ul#bottom-nav-links{
+ margin-top: 0;
+ li{
+ min-height: 46px;
+ background-color: @bottomNav;
+ &.active{
+ background-color:@linkRed;
+ }
+ &:hover{
+ background-color: @navBGHover;
+ }
+ a{
+ &.fonticon {
+ position: relative;
+ &:before {
+ left: -40px;
+ font-size: 22px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+
+#dashboard {
+ max-width: 1500px;
+ .customTransition(left, 1s, 0.805, 0.005, 0.165, 0.985); // alt 0.730, -0.425, 0.000, 0.960 or... 0.645, -0.295, 0.000, 0.960
+ .box-shadow(-6px 0 rgba(0, 0, 0, 0.1));
+ border-left: 1px solid #999;
+ position: absolute;
+ left: @navWidth;
+ margin-left: 0;
+ background-color: @sidebarBG;
+ min-width: 600px;
+ height: 100%;
+ .closeMenu &{
+ left: @collapsedNavWidth;
+ }
+ &.one-pane{
+ min-width: 800px;
+ margin-top: 0;
+ }
+}
+
+/*dashboard content can be in multiple templates*/
+
+#dashboard-content{
+ padding: 20px;
+ .with-sidebar &{
+ border-left: 1px solid #999;
+ border-right: 1px solid #999;
+ width: auto;
+ .box-shadow(-6px 0 rgba(0, 0, 0, 0.1));
+ padding: 0px;
+ bottom: 0px;
+ top: 60px;
+ position: absolute;
+ overflow-x: hidden;
+ overflow-y: auto;
+ left: @sidebarWidth;
+ right: 0;
+ .box-sizing(border-box);
+ }
+ > div.inner {
+ display: block;
+ }
+}
+
+.with-sidebar.content-area {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+
+// .closeMenu .with-sidebar.content-area {
+// left: 0;
+// }
+/*tools*/
+
+
+.fixed-header{
+ position: fixed;
+ top: 0;
+ border-bottom: 5px solid @breadcrumbBorder;
+ .box-shadow(0 4px 6px -2px #808080);
+ z-index: 100;
+ .one-pane & {
+ border: none;
+ .box-shadow(none);
+ position: relative;
+ left: auto;
+ }
+}
+
+#breadcrumbs {
+ background-color: @breadcrumbBG;
+ padding: 15px 20px;
+ .breadcrumb {
+ margin-bottom: 0;
background-color: transparent;
- a {
- color: @grayLight;
+ padding: 0;
+ li {
+ .divider {
+ font-size: 12px;
+ color: @breadcrumbArrow;
+ }
+ &:first-child {
+ font-size: 30px;
+ }
+ color: @breadcrumbText;
+ font-size: 18px;
+ text-shadow: none;
+ a{
+ color: @breadcrumbText;
+ }
+ }
+ }
+}
+
+
+footer#mainFooter{
+ position: fixed;
+ bottom: 0;
+}
+
+/*SIDEBAR TEMPLATE STYLES*/
+.topmenu-defaults {
+ height: 70px;
+ padding: 20px 10px 0;
+ border-bottom: 1px solid @darkred;
+ .box-sizing(border-box);
+}
+
+#dashboard-upper-menu{
+ .topmenu-defaults;
+ background-color: #CBCBCB;
+}
+
+#dashboard-lower-content{
+ padding: 20px;
+ background-color: #F1F1F1;
+}
+#sidenav{
+ padding: 0;
+ header {
+ width: @sidebarWidth;
+ .box-shadow(inset -7px 0 15px -6px #000);
+ background: transparent url('../img/linen.png') repeat 0 0;
+ .topmenu-defaults;
+ }
+ nav {
+ .nav-list{
+ .divider {
+ border: none;
+ }
+ li.active a {
+ background-color: @darkred;
+ color: #fff;
+ i {
+ background-image: url("../img/glyphicons-halflings-white.png");
+ }
+ }
+ a{
+ display: block;
+ padding: 10px 5px 10px 15px;
+ color: #333333;
+ border-bottom: 1px solid #989898;
+ }
+ .nav-header{
+ background-color: #B2B2B2;
+ padding: 5px;
+ text-shadow: none;
+ color: #333333;
+ border-bottom: 1px solid #989898;
+ }
+
}
}
- .divider {
- padding: 0 5px;
- color: @grayLight; //ccc
+}
+#sidebar-content {
+.box-shadow(-7px 0 15px -6px #000);
+ position: absolute;
+ bottom: 0px;
+ top: 60px;
+ width: @sidebarWidth;
+ left: 0;
+ overflow-x: hidden;
+ overflow-y: auto;
+ background-color: @secondarySidebar;
+ > div.inner {
+ display: block;
+ }
+}
+
+
+/*ONE PANEL TEMPLATE ONLY STYLES AKA _all_dbs */
+
+.result-tools{
+ border-bottom: 1px solid #999999;
+ padding: 5px 0;
+ border-bottom: 1px solid #999999;
+ padding: 10px 0;
+ float: left;
+ width: 100%;
+ margin-bottom: 10px;
+}
+.navbar-form input{
+ margin-top: -5px;
+}
+.navbar-form.pull-right.database-search {
+ margin-right: 36px;
+}
+
+/*TABLE STYLES*/
+table.databases {clear: both;}
+thead {border-bottom: 2px solid @redButton;}
+tbody {padding-top: 10px;}
+.table-condensed td {padding: 18px 5px;}
+.table-striped tbody > tr:nth-child(odd) > td,
+.table-striped tbody > tr:nth-child(odd) > th
+{
+ background-color: #F7F7F7;
+}
+
+
+/*form elements and buttons*/
+
+.btn-group {
+ > .btn + .dropdown-toggle,
+ > .btn:first-child
+ {
+ .border-radius(0);
+ background-image: none;
+ text-shadow: none;
+ }
+ button{
+
}
- .active {
- color: @black;
- font-weight: bold;
+ .dropdown-menu{
+
}
}
-// Navs
-// ------
-.nav-tabs > li > a {
- background-color: @grayLighter;
+.button{
+ .transition(all @transitionSpeed @transitionEaseType);
+ border: none;
+ background-color: @redButton;
+ color: #fff;
+ padding: 10px;
+ .icon {
+ margin-right: 10px;
+ font-size: 20px;
+ }
+ &:hover {
+ color: #fff;
+ text-decoration: none;
+ }
+}
+
+.select{
+ > a{
+ display: block;
+ padding: 5px 15px 5px 5px;
+ border: 1px solid #989898;
+ position: relative;
+ background-color: #FFFFFF;
+ color: #666666;
+ &:after {
+ content: '';
+ width: 0;
+ height: 0;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-top: 7px solid #989898;
+ position: absolute;
+ right: 9px;
+ top: 12px;
+ }
+ &:before{
+ content: '';
+ border-left: 1px solid #989898;
+ height: 30px;
+ position: absolute;
+ right: 30px;
+ top: 0;
+ }
+ }
+}
+
+input[type=text], input[type=password],
+.navbar-form input{
+ padding: 7px;
+ margin-top: -5px;
+ border: 1px solid @inputBorder;
}
-.dropdown-menu li > a {
- font-size: 12px;
+
+input[type=checkbox]{
+
+}
+label.fonticon-search {
+ position: relative;
+ &:before {
+ position: absolute;
+ right: -35px;
+ background-color: #E1E1E1;
+ height: 18px;
+ width: 18px;
+ border: 1px solid @inputBorder;
+ padding: 8px;
+ top: -5px;
+ }
}
-.nav-list .divider {
- color: @grayLight;
- // This function is defined in mixins
- .nav-divider(transparent, @white);
+.form-actions {
+ background: none;
+ border: none;
}
+.input-append,
+.input-prepend {
+ .add-on {
+ font-size: 15px;
+ padding: 7px 5px;
+ margin-top: -5px;
+ }
+}
-// Misc
-// ------
+/*pretty print*/
+pre.prettyprint {
+ background: #E5E0DD;
+ border: none;
+}
-pre.view-code-error {
- color: red !important; // yuck
+.prettyprint .str, .prettyprint .lit {
+ color: @red;
}
-.CodeMirror-scroll {
- height: auto;
- overflow-y: visible;
+.prettyprint .pln, .prettyprint .pun, .prettyprint .typ{
+ color: #333333;
}
-#define-view form textarea.js-editor {
- width: 95%;
+/*ALL DOCS TABLE*/
+tr.all-docs-item{
+ border: none;
+ background: transparent;
}
-#define-view .CodeMirror-scroll {
- height: auto;
- min-height: 50px;
+/*logs*/
+#log-sidebar{
+ padding: 20px;
}
-.loader {
- background: url('../img/loader.gif') center center no-repeat;
- min-height: 100px;
+
+/*documents and databases */
+.view.show{
+ color: @fontGrey;
}
http://git-wip-us.apache.org/repos/asf/couchdb/blob/7d376196/src/fauxton/assets/less/icons.less
----------------------------------------------------------------------
diff --git a/src/fauxton/assets/less/icons.less b/src/fauxton/assets/less/icons.less
new file mode 100644
index 0000000..b6e01a6
--- /dev/null
+++ b/src/fauxton/assets/less/icons.less
@@ -0,0 +1,99 @@
+
+@font-face {
+ font-family: "fauxtonicon";
+ src: url("../img/fontcustom_fauxton.eot");
+ src: url("../img/fontcustom_fauxton.eot?#iefix") format("embedded-opentype"),
+ url("../img/fontcustom_fauxton.woff") format("woff"),
+ url("../img/fontcustom_fauxton.ttf") format("truetype"),
+ url("../img/fontcustom_fauxton.svg#fontcustom_fauxton") format("svg");
+ font-weight: normal;
+ font-style: normal;
+}
+
+.fonticon-activetasks:before,
+.fonticon-bookmark:before,
+.fonticon-carrot:before,
+.fonticon-circle-check:before,
+.fonticon-circle-minus:before,
+.fonticon-circle-plus:before,
+.fonticon-circle-x:before,
+.fonticon-cog:before,
+.fonticon-collapse:before,
+.fonticon-dashboard:before,
+.fonticon-database:before,
+.fonticon-document:before,
+.fonticon-documents:before,
+.fonticon-expand:before,
+.fonticon-eye:before,
+.fonticon-key:before,
+.fonticon-link:before,
+.fonticon-log:before,
+.fonticon-minus:before,
+.fonticon-mixer:before,
+.fonticon-new-database:before,
+.fonticon-paperclip:before,
+.fonticon-pencil:before,
+.fonticon-play:before,
+.fonticon-plus:before,
+.fonticon-profile:before,
+.fonticon-replicate:before,
+.fonticon-reply:before,
+.fonticon-save:before,
+.fonticon-search:before,
+.fonticon-stats:before,
+.fonticon-support:before,
+.fonticon-swap-arrows:before,
+.fonticon-trash:before,
+.fonticon-user:before,
+.fonticon-users:before,
+.fonticon-wrench:before,
+.fonticon-x:before {
+ font-family: "fauxtonicon";
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ display: inline-block;
+ text-decoration: inherit;
+}
+
+.fonticon-activetasks:before { content: "\f100"; }
+.fonticon-bookmark:before { content: "\f101"; }
+.fonticon-carrot:before { content: "\f102"; }
+.fonticon-circle-check:before { content: "\f103"; }
+.fonticon-circle-minus:before { content: "\f104"; }
+.fonticon-circle-plus:before { content: "\f105"; }
+.fonticon-circle-x:before { content: "\f106"; }
+.fonticon-cog:before { content: "\f107"; }
+.fonticon-collapse:before { content: "\f108"; }
+.fonticon-dashboard:before { content: "\f109"; }
+.fonticon-database:before { content: "\f10a"; }
+.fonticon-document:before { content: "\f10b"; }
+.fonticon-documents:before { content: "\f10c"; }
+.fonticon-expand:before { content: "\f10d"; }
+.fonticon-eye:before { content: "\f10e"; }
+.fonticon-key:before { content: "\f10f"; }
+.fonticon-link:before { content: "\f110"; }
+.fonticon-log:before { content: "\f111"; }
+.fonticon-minus:before { content: "\f112"; }
+.fonticon-mixer:before { content: "\f113"; }
+.fonticon-new-database:before { content: "\f114"; }
+.fonticon-paperclip:before { content: "\f115"; }
+.fonticon-pencil:before { content: "\f116"; }
+.fonticon-play:before { content: "\f117"; }
+.fonticon-plus:before { content: "\f118"; }
+.fonticon-profile:before { content: "\f119"; }
+.fonticon-replicate:before { content: "\f11a"; }
+.fonticon-reply:before { content: "\f11b"; }
+.fonticon-save:before { content: "\f11c"; }
+.fonticon-search:before { content: "\f11d"; }
+.fonticon-stats:before { content: "\f11e"; }
+.fonticon-support:before { content: "\f11f"; }
+.fonticon-swap-arrows:before { content: "\f120"; }
+.fonticon-trash:before { content: "\f121"; }
+.fonticon-user:before { content: "\f122"; }
+.fonticon-users:before { content: "\f123"; }
+.fonticon-wrench:before { content: "\f124"; }
+.fonticon-x:before { content: "\f125"; }