summaryrefslogtreecommitdiff
path: root/2/cerulean/bootswatch.less
diff options
context:
space:
mode:
Diffstat (limited to '2/cerulean/bootswatch.less')
-rwxr-xr-x2/cerulean/bootswatch.less180
1 files changed, 180 insertions, 0 deletions
diff --git a/2/cerulean/bootswatch.less b/2/cerulean/bootswatch.less
new file mode 100755
index 00000000..e4f0e4cf
--- /dev/null
+++ b/2/cerulean/bootswatch.less
@@ -0,0 +1,180 @@
+// Cerulean 2.3.2
+// Bootswatch
+// -----------------------------------------------------
+
+
+// TYPOGRAPHY
+// -----------------------------------------------------
+
+@import url(//fonts.googleapis.com/css?family=Telex);
+
+// SCAFFOLDING
+// -----------------------------------------------------
+
+// NAVBAR
+// -----------------------------------------------------
+
+.navbar {
+
+ .brand {
+ padding: 14px 20px 16px;
+ font-family: @headingsFontFamily;
+ text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
+ }
+
+ li {
+ line-height: 20px;
+ }
+
+ .nav > li > a {
+ padding: 16px 10px 14px;
+ font-family: @headingsFontFamily;
+ text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
+ }
+
+ .search-query {
+ border: 1px solid darken(@linkColor, 10%);
+ line-height: normal;
+ }
+
+ .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 + 1;
+ }
+}
+
+// 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 {
+ .buttonBackground(lighten(@btnPrimaryBackground, 5%), @btnPrimaryBackground);
+}
+
+.btn-info {
+ .buttonBackground(lighten(@btnInfoBackground, 5%), @btnInfoBackground);
+}
+
+.btn-success {
+ .buttonBackground(lighten(@btnSuccessBackground, 5%), @btnSuccessBackground);
+}
+
+.btn-warning {
+ .buttonBackground(lighten(@btnWarningBackground, 5%), @btnWarningBackground);
+}
+
+.btn-danger {
+ .buttonBackground(lighten(@btnDangerBackground, 5%), @btnDangerBackground);
+}
+
+.btn-inverse {
+ .buttonBackground(lighten(@btnInverseBackground, 5%), @btnInverseBackground);
+}
+
+// TABLES
+// -----------------------------------------------------
+
+// FORMS
+// -----------------------------------------------------
+
+// DROPDOWNS
+// -----------------------------------------------------
+
+// ALERTS, LABELS, BADGES
+// -----------------------------------------------------
+
+// MISC
+// -----------------------------------------------------
+
+i[class^="icon-"]{
+ opacity: 0.8;
+}
+
+// MEDIA QUERIES
+// -----------------------------------------------------