summaryrefslogtreecommitdiff
path: root/simplex/bootstrap.css
diff options
context:
space:
mode:
Diffstat (limited to 'simplex/bootstrap.css')
-rw-r--r--simplex/bootstrap.css288
1 files changed, 229 insertions, 59 deletions
diff --git a/simplex/bootstrap.css b/simplex/bootstrap.css
index f109aad7..680d5087 100644
--- a/simplex/bootstrap.css
+++ b/simplex/bootstrap.css
@@ -132,11 +132,11 @@ textarea {
}
body {
margin: 0;
- font-family: Arial, Helvetica, sans-serif;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
- color: #000000;
- background-color: #ffffff;
+ color: #555555;
+ background-color: #eef0f4;
}
a {
color: #366ddc;
@@ -322,7 +322,7 @@ a:hover {
}
p {
margin: 0 0 9px;
- font-family: Arial, Helvetica, sans-serif;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
}
@@ -345,7 +345,7 @@ h6 {
margin: 0;
font-family: inherit;
font-weight: bold;
- color: inherit;
+ color: #333333;
text-rendering: optimizelegibility;
}
h1 small,
@@ -606,7 +606,7 @@ input,
button,
select,
textarea {
- font-family: Arial, Helvetica, sans-serif;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
display: block;
@@ -2782,15 +2782,15 @@ input[type="submit"].btn.btn-mini {
.navbar-inner {
padding-left: 20px;
padding-right: 20px;
- background-color: #2c2c2c;
- background-image: -moz-linear-gradient(top, #2c2c2c, #2c2c2c);
- background-image: -ms-linear-gradient(top, #2c2c2c, #2c2c2c);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c2c2c), to(#2c2c2c));
- background-image: -webkit-linear-gradient(top, #2c2c2c, #2c2c2c);
- background-image: -o-linear-gradient(top, #2c2c2c, #2c2c2c);
- background-image: linear-gradient(top, #2c2c2c, #2c2c2c);
+ background-color: #f4f6f8;
+ background-image: -moz-linear-gradient(top, #f4f6f8, #f4f6f8);
+ background-image: -ms-linear-gradient(top, #f4f6f8, #f4f6f8);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f6f8), to(#f4f6f8));
+ background-image: -webkit-linear-gradient(top, #f4f6f8, #f4f6f8);
+ background-image: -o-linear-gradient(top, #f4f6f8, #f4f6f8);
+ background-image: linear-gradient(top, #f4f6f8, #f4f6f8);
background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c', endColorstr='#2c2c2c', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f6f8', endColorstr='#f4f6f8', GradientType=0);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
@@ -2807,16 +2807,16 @@ input[type="submit"].btn.btn-mini {
padding: 7px 10px;
margin-left: 5px;
margin-right: 5px;
- background-color: #2c2c2c;
- background-image: -moz-linear-gradient(top, #2c2c2c, #2c2c2c);
- background-image: -ms-linear-gradient(top, #2c2c2c, #2c2c2c);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c2c2c), to(#2c2c2c));
- background-image: -webkit-linear-gradient(top, #2c2c2c, #2c2c2c);
- background-image: -o-linear-gradient(top, #2c2c2c, #2c2c2c);
- background-image: linear-gradient(top, #2c2c2c, #2c2c2c);
+ background-color: #f4f6f8;
+ background-image: -moz-linear-gradient(top, #f4f6f8, #f4f6f8);
+ background-image: -ms-linear-gradient(top, #f4f6f8, #f4f6f8);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f6f8), to(#f4f6f8));
+ background-image: -webkit-linear-gradient(top, #f4f6f8, #f4f6f8);
+ background-image: -o-linear-gradient(top, #f4f6f8, #f4f6f8);
+ background-image: linear-gradient(top, #f4f6f8, #f4f6f8);
background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c', endColorstr='#2c2c2c', GradientType=0);
- border-color: #2c2c2c #2c2c2c #060606;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f6f8', endColorstr='#f4f6f8', GradientType=0);
+ border-color: #f4f6f8 #f4f6f8 #c5d0da;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
@@ -2828,11 +2828,11 @@ input[type="submit"].btn.btn-mini {
.btn-navbar.active,
.btn-navbar.disabled,
.btn-navbar[disabled] {
- background-color: #2c2c2c;
+ background-color: #f4f6f8;
}
.btn-navbar:active,
.btn-navbar.active {
- background-color: #121212 \9;
+ background-color: #d5dde4 \9;
}
.btn-navbar .icon-bar {
display: block;
@@ -2853,7 +2853,7 @@ input[type="submit"].btn.btn-mini {
height: auto;
}
.navbar {
- color: #aaaaaa;
+ color: #555555;
}
.navbar .brand:hover {
text-decoration: none;
@@ -2929,8 +2929,8 @@ input[type="submit"].btn.btn-mini {
font-weight: normal;
line-height: 1;
color: #ffffff;
- background-color: #6c6c6c;
- border: 1px solid #1f1f1f;
+ background-color: #ffffff;
+ border: 1px solid #b3b3b3;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
@@ -3002,28 +3002,28 @@ input[type="submit"].btn.btn-mini {
float: none;
padding: 10px 10px 11px;
line-height: 19px;
- color: #aaaaaa;
+ color: #555555;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar .nav > li > a:hover {
background-color: transparent;
- color: #555555;
+ color: #333333;
text-decoration: none;
}
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
- color: #555555;
+ color: #333333;
text-decoration: none;
- background-color: #2c2c2c;
+ background-color: #f4f6f8;
}
.navbar .divider-vertical {
height: 40px;
width: 1px;
margin: 0 9px;
overflow: hidden;
- background-color: #2c2c2c;
- border-right: 1px solid #2c2c2c;
+ background-color: #f4f6f8;
+ border-right: 1px solid #f4f6f8;
}
.navbar .nav.pull-right {
margin-left: 10px;
@@ -3988,44 +3988,160 @@ a.thumbnail:hover {
.invisible {
visibility: hidden;
}
-h6 {
- color: #000000;
+h6,
+.hero-unit h1 {
+ color: #333333;
}
-.navbar .brand,
-.subnav a {
- color: #aaaaaa;
+.navbar .navbar-inner {
+ -webkit-box-shadow: inset 0 -1px #cfcaca;
+ -moz-box-shadow: inset 0 -1px #cfcaca;
+ box-shadow: inset 0 -1px #cfcaca;
+ border-bottom: 1px solid #FFF;
+ border-bottom: none;
}
-.navbar .nav .active > a,
-.navbar .nav .active > a:hover {
- background-color: #2c2c2c;
- color: #ffffff;
+.navbar .brand {
+ padding-top: 10px;
+ color: #333333;
}
.navbar .nav > li > a {
+ padding-top: 14px;
text-shadow: none;
+ font-weight: normal;
+ font-size: 11px;
}
.navbar .nav > li > a:hover {
- color: #ffffff;
- background-color: rgba(256, 256, 256, 0.2);
+ text-decoration: underline;
}
-.subnav .nav > li > a {
- border-left: 0px solid white !important;
- border-right: 0px solid white !important;
+.navbar .nav .active > a,
+.navbar .nav .active > a:hover {
+ background-color: transparent;
+}
+.navbar .nav .dropdown-toggle .caret,
+.navbar .nav .open.dropdown .caret {
+ border-top-color: #555555;
+}
+.dropdown.open .dropdown-toggle {
color: #333333;
}
-.btn-navbar:hover {
- background-color: #cccccc;
- background-position: 0 0;
+div.subnav {
+ background-image: none;
+ background-color: #f4f6f8;
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+}
+div.subnav.subnav-fixed {
+ -webkit-box-shadow: inset 0 5px #ffffff , 0 1px 1px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: inset 0 5px #ffffff , 0 1px 1px rgba(0, 0, 0, 0.3);
+ box-shadow: inset 0 5px #ffffff , 0 1px 1px rgba(0, 0, 0, 0.3);
+}
+div.subnav .nav > li > a {
+ padding-top: 12px;
+ color: #555555;
+ font-weight: normal;
+ font-size: 11px;
}
-.search-query {
+div.subnav .nav > li > a:hover {
+ text-decoration: underline;
+}
+.dropdown-menu {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ font-size: 11px;
+}
+.nav .nav-header {
+ font-weight: normal;
+ text-transform: none;
+}
+.navbar .nav-collapse.in .nav li > a {
+ color: #333333;
+ font-weight: normal;
+}
+.navbar .nav-collapse.in .nav li > a:hover {
+ background-color: transparent;
+ color: #000000;
+ text-decoration: underline;
+}
+@media (max-width: 979px) {
+ form.navbar-form,
+ form.navbar-search {
+ border-top: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+ }
+}
+.nav > li > a {
+ font-size: 11px;
+ border-width: 1px;
+}
+.nav-tabs > li > a,
+.nav-tabs > li > a:hover,
+.tabbable > .nav-tabs > li > a,
+.tabbable > .nav-tabs > li > a:hover {
+ background-color: #e5e8ee;
+ border: 1px solid #ccc;
+}
+.tabbable > .nav-tabs > li.active > a {
+ border-bottom: 1px solid transparent;
+}
+.tabbable.tabs-below > .nav-tabs > li.active > a,
+.tabbable.tabs-left > .nav-tabs > li.active > a,
+.tabbable.tabs-right > .nav-tabs > li.active > a {
+ border-bottom: 1px solid #ccc;
+}
+.nav-pills > li > a:hover {
+ background-color: transparent;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover {
+ background-color: #eef0f4;
+}
+input,
+textarea,
+select,
+.uneditable-input {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+.navbar-search .search-query {
border: 1px solid #CCC;
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ background-color: #eef0f4;
+ color: #555555;
+}
+.help-inline,
+.help-block {
+ font-size: 11px;
+}
+.input-prepend input,
+.input-append input,
+.input-prepend select,
+.input-append select,
+.input-prepend .uneditable-input,
+.input-append .uneditable-input {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+.input-prepend .add-on,
+.input-append .add-on,
+.input-prepend .btn,
+.input-append .btn {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+.table th {
+ font-weight: normal;
}
.btn {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
+ font-weight: bold;
background-color: #fafafa;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
@@ -4186,12 +4302,66 @@ h6 {
.btn-inverse.active {
background-color: #79377c \9;
}
+.modal,
+.modal-header,
+.modal-footer {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+.modal-header {
+ border-bottom: none;
+}
+.modal-header,
+.modal-body {
+ background-color: #f4f6f8;
+}
+.modal-footer {
+ background-color: #eef0f4;
+}
i[class^="icon-"] {
opacity: 0.6;
+ vertical-align: -2px;
+}
+.alert,
+.alert p,
+.alert-heading {
+ font-size: 11px;
+}
+.progress {
+ background-color: #e3e3e3;
+ background-image: -moz-linear-gradient(top, #e0e0e0, #e8e8e8);
+ background-image: -ms-linear-gradient(top, #e0e0e0, #e8e8e8);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0e0e0), to(#e8e8e8));
+ background-image: -webkit-linear-gradient(top, #e0e0e0, #e8e8e8);
+ background-image: -o-linear-gradient(top, #e0e0e0, #e8e8e8);
+ background-image: linear-gradient(top, #e0e0e0, #e8e8e8);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#e8e8e8', GradientType=0);
+}
+.label {
+ font-size: 11px;
+ font-weight: normal;
}
.hero-unit {
- border: 1px solid rgba(0, 0, 0, 0.05);
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
- -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+ background-color: #ffffff;
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+}
+.well {
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ background-color: #ffffff;
+}
+.breadcrumb {
+ -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+ border: 0px solid transparent;
+ font-size: 11px;
+}
+footer.footer p {
+ font-size: 11px;
}