diff options
Diffstat (limited to 'simplex/bootstrap.css')
-rw-r--r-- | simplex/bootstrap.css | 288 |
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; } |