diff options
Diffstat (limited to 'simplex')
-rw-r--r-- | simplex/bootstrap.css | 288 | ||||
-rw-r--r-- | simplex/bootstrap.min.css | 76 | ||||
-rwxr-xr-x | simplex/bootswatch.less | 223 | ||||
-rw-r--r-- | simplex/thumbnail.png | bin | 24026 -> 17937 bytes | |||
-rwxr-xr-x | simplex/variables.less | 20 |
5 files changed, 493 insertions, 114 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; } diff --git a/simplex/bootstrap.min.css b/simplex/bootstrap.min.css index 640c5543..97b109bf 100644 --- a/simplex/bootstrap.min.css +++ b/simplex/bootstrap.min.css @@ -19,7 +19,7 @@ textarea{overflow:auto;vertical-align:top;} .clearfix:after{clear:both;} .hide-text{overflow:hidden;text-indent:100%;white-space:nowrap;} .input-block-level{display:block;width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;} -body{margin:0;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:18px;color:#000000;background-color:#ffffff;} +body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;color:#555555;background-color:#eef0f4;} a{color:#366ddc;text-decoration:none;} a:hover{color:#1d4ba8;text-decoration:underline;} .row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";} @@ -70,9 +70,9 @@ a:hover{color:#1d4ba8;text-decoration:underline;} .container:after{clear:both;} .container-fluid{padding-left:20px;padding-right:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";} .container-fluid:after{clear:both;} -p{margin:0 0 9px;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:18px;}p small{font-size:11px;color:#999999;} +p{margin:0 0 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;line-height:18px;}p small{font-size:11px;color:#999999;} .lead{margin-bottom:18px;font-size:20px;font-weight:200;line-height:27px;} -h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;} +h1,h2,h3,h4,h5,h6{margin:0;font-family:inherit;font-weight:bold;color:#333333;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;color:#999999;} h1{font-size:30px;line-height:36px;}h1 small{font-size:18px;} h2{font-size:24px;line-height:36px;}h2 small{font-size:18px;} h3{line-height:27px;font-size:18px;}h3 small{font-size:14px;} @@ -116,7 +116,7 @@ form{margin:0 0 18px;} fieldset{padding:0;margin:0;border:0;} legend{display:block;width:100%;padding:0;margin-bottom:27px;font-size:19.5px;line-height:36px;color:#333333;border:0;border-bottom:1px solid #eee;}legend small{font-size:13.5px;color:#999999;} label,input,button,select,textarea{font-size:13px;font-weight:normal;line-height:18px;} -input,button,select,textarea{font-family:Arial,Helvetica,sans-serif;} +input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;} label{display:block;margin-bottom:5px;color:#333333;} input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:18px;padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#555555;border:1px solid #cccccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .uneditable-textarea{width:auto;height:auto;} @@ -512,14 +512,14 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .tabs-right .nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #eeeeee #dddddd;} .tabs-right .nav-tabs .active>a,.tabs-right .nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;} .navbar{*position:relative;*z-index:2;overflow:visible;margin-bottom:18px;} -.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-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c', endColorstr='#2c2c2c', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);} +.navbar-inner{padding-left:20px;padding-right:20px;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='#f4f6f8', endColorstr='#f4f6f8', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);} .navbar .container{width:auto;} -.btn-navbar{display:none;float:right;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-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2c2c', endColorstr='#2c2c2c', GradientType=0);border-color:#2c2c2c #2c2c2c #060606;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);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);}.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]{background-color:#2c2c2c;} -.btn-navbar:active,.btn-navbar.active{background-color:#121212 \9;} +.btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;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='#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);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);}.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]{background-color:#f4f6f8;} +.btn-navbar:active,.btn-navbar.active{background-color:#d5dde4 \9;} .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);} .btn-navbar .icon-bar+.icon-bar{margin-top:3px;} .nav-collapse.collapse{height:auto;} -.navbar{color:#aaaaaa;}.navbar .brand:hover{text-decoration:none;} +.navbar{color:#555555;}.navbar .brand:hover{text-decoration:none;} .navbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;} .navbar .navbar-text{margin-bottom:0;line-height:40px;} .navbar .btn,.navbar .btn-group{margin-top:5px;} @@ -530,7 +530,7 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .navbar-form input,.navbar-form select{display:inline-block;margin-bottom:0;} .navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;} .navbar-form .input-append,.navbar-form .input-prepend{margin-top:6px;white-space:nowrap;}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0;} -.navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;background-color:#6c6c6c;border:1px solid #1f1f1f;-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);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query:-moz-placeholder{color:#cccccc;} +.navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;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);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query:-moz-placeholder{color:#cccccc;} .navbar-search .search-query::-webkit-input-placeholder{color:#cccccc;} .navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;} .navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;margin-bottom:0;} @@ -541,10 +541,10 @@ button.btn.btn-mini,input[type="submit"].btn.btn-mini{*padding-top:1px;*padding- .navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;} .navbar .nav.pull-right{float:right;} .navbar .nav>li{display:block;float:left;} -.navbar .nav>li>a{float:none;padding:10px 10px 11px;line-height:19px;color:#aaaaaa;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);} -.navbar .nav>li>a:hover{background-color:transparent;color:#555555;text-decoration:none;} -.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#555555;text-decoration:none;background-color:#2c2c2c;} -.navbar .divider-vertical{height:40px;width:1px;margin:0 9px;overflow:hidden;background-color:#2c2c2c;border-right:1px solid #2c2c2c;} +.navbar .nav>li>a{float:none;padding:10px 10px 11px;line-height:19px;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:#333333;text-decoration:none;} +.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#333333;text-decoration:none;background-color:#f4f6f8;} +.navbar .divider-vertical{height:40px;width:1px;margin:0 9px;overflow:hidden;background-color:#f4f6f8;border-right:1px solid #f4f6f8;} .navbar .nav.pull-right{margin-left:10px;margin-right:0;} .navbar .dropdown-menu{margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;} .navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;} @@ -687,14 +687,34 @@ a.thumbnail:hover{border-color:#366ddc;-webkit-box-shadow:0 1px 4px rgba(0, 105, .hide{display:none;} .show{display:block;} .invisible{visibility:hidden;} -h6{color:#000000;} -.navbar .brand,.subnav a{color:#aaaaaa;} -.navbar .nav .active>a,.navbar .nav .active>a:hover{background-color:#2c2c2c;color:#ffffff;} -.navbar .nav>li>a{text-shadow:none;}.navbar .nav>li>a:hover{color:#ffffff;background-color:rgba(256, 256, 256, 0.2);} -.subnav .nav>li>a{border-left:0px solid white !important;border-right:0px solid white !important;color:#333333;} -.btn-navbar:hover{background-color:#cccccc;background-position:0 0;} -.search-query{border:1px solid #CCC;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} -.btn{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;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);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);} +h6,.hero-unit h1{color:#333333;} +.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 .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{text-decoration:underline;} +.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;} +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;}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: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);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);} .btn-primary{background-color:#4376de;background-image:-moz-linear-gradient(top, #4c7de0, #366ddc);background-image:-ms-linear-gradient(top, #4c7de0, #366ddc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#4c7de0), to(#366ddc));background-image:-webkit-linear-gradient(top, #4c7de0, #366ddc);background-image:-o-linear-gradient(top, #4c7de0, #366ddc);background-image:linear-gradient(top, #4c7de0, #366ddc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c7de0', endColorstr='#366ddc', GradientType=0);border-color:#366ddc #366ddc #1d4ba8;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);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#366ddc;} .btn-primary:active,.btn-primary.active{background-color:#2155be \9;} .btn-warning{background-color:#ff6f0f;background-image:-moz-linear-gradient(top, #ff751a, #ff6600);background-image:-ms-linear-gradient(top, #ff751a, #ff6600);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ff751a), to(#ff6600));background-image:-webkit-linear-gradient(top, #ff751a, #ff6600);background-image:-o-linear-gradient(top, #ff751a, #ff6600);background-image:linear-gradient(top, #ff751a, #ff6600);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff751a', endColorstr='#ff6600', GradientType=0);border-color:#ff6600 #ff6600 #b34700;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);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#ff6600;} @@ -707,5 +727,15 @@ h6{color:#000000;} .btn-info:active,.btn-info.active{background-color:#31b0d5 \9;} .btn-inverse{background-color:#a54ca9;background-image:-moz-linear-gradient(top, #ac4fb0, #9b479f);background-image:-ms-linear-gradient(top, #ac4fb0, #9b479f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ac4fb0), to(#9b479f));background-image:-webkit-linear-gradient(top, #ac4fb0, #9b479f);background-image:-o-linear-gradient(top, #ac4fb0, #9b479f);background-image:linear-gradient(top, #ac4fb0, #9b479f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac4fb0', endColorstr='#9b479f', GradientType=0);border-color:#9b479f #9b479f #672f6a;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);}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#9b479f;} .btn-inverse:active,.btn-inverse.active{background-color:#79377c \9;} -i[class^="icon-"]{opacity:0.6;} -.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);} +.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{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;} diff --git a/simplex/bootswatch.less b/simplex/bootswatch.less index 866835ed..982af344 100755 --- a/simplex/bootswatch.less +++ b/simplex/bootswatch.less @@ -3,51 +3,178 @@ // Version: 2.0.2 // ----------------------------------------------------- +@boxShadow: 0 1px 1px rgba(0, 0, 0, 0.3); + // TYPOGRAPHY // ----------------------------------------------------- -h6 { - color: @black; +h6, .hero-unit h1 { + color: @headingsColor; } // NAVBAR // ----------------------------------------------------- -.navbar .brand, .subnav a { - color: @navbarText; +.navbar .navbar-inner { + .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: @grayDarker; - color: @white; +.navbar .brand { + padding-top: 10px; + color: @headingsColor; } .navbar .nav > li > a { + padding-top: 14px; text-shadow: none; + font-weight: normal; + font-size: 11px; +} + +.navbar .nav > li > a:hover { + text-decoration: underline; +} + +.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: @textColor; +} + +.dropdown.open .dropdown-toggle { + color: @headingsColor; +} + +div.subnav { + background-image: none; + background-color: @navbarBackground; + .box-shadow(@boxShadow); +} + +div.subnav.subnav-fixed { + .box-shadow(inset 0 5px #fff~"," @boxShadow); +} + +div.subnav .nav > li > a { + padding-top: 12px; + color: @navbarText; + font-weight: normal; + font-size: 11px; + &:hover { - color: @white; - background-color: rgba(256, 256, 256, 0.2); + text-decoration: underline; + } +} + +.dropdown-menu { + .border-radius(0); + font-size: 11px; +} + +.nav .nav-header { + font-weight: normal; + text-transform: none; +} +.navbar .nav-collapse.in .nav li > a { + color: @headingsColor; + font-weight: normal; +} + +.navbar .nav-collapse.in .nav li > a:hover { + background-color: transparent; + color: @black; + text-decoration: underline; +} + +@media (max-width: 979px) { + form.navbar-form, form.navbar-search { + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; } } -.subnav .nav > li > a { - border-left: 0px solid white !important; - border-right: 0px solid white !important; - color: @grayDark; +// NAV +// ----------------------------------------------------- + +.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: darken(@bodyBackground, 3%); + 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; } -.btn-navbar:hover { - background-color: darken(@white, 20%); - background-position: 0 0; + +.nav-pills > li > a:hover { + background-color: transparent; } +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover { + background-color: @bodyBackground; +} + + // FORMS // ----------------------------------------------------- -.search-query { +input, textarea, select, .uneditable-input { + .border-radius(0); +} + +.navbar-search .search-query { border: 1px solid #CCC; - .border-radius(2px); + .border-radius(0); + background-color: @bodyBackground; + color: @gray; +} + +.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 { + .border-radius(0); +} + +.input-prepend .add-on, +.input-append .add-on, +.input-prepend .btn, +.input-append .btn { + .border-radius(0); +} + +// TABLES +// ----------------------------------------------------- + +.table th { + font-weight: normal; } // BUTTONS @@ -55,6 +182,7 @@ h6 { .btn { .border-radius(2px); + font-weight: bold; #gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%)); } @@ -82,14 +210,65 @@ h6 { .buttonBackground(lighten(@purple, 5%), @purple); } +// MODALS +// ----------------------------------------------------- + +.modal, +.modal-header, +.modal-footer { + .border-radius(0); +} + +.modal-header { + border-bottom: none; +} + +.modal-header, +.modal-body { + background-color: @navbarBackground; +} + +.modal-footer { + background-color: @bodyBackground; +} + // MISCELLANEOUS // ----------------------------------------------------- i[class^="icon-"]{ opacity: 0.6; + vertical-align: -2px; +} + +.alert, .alert p, .alert-heading { + font-size: 11px; +} + +.progress { + #gradient > .vertical(#e0e0e0, #e8e8e8); +} + +.label { + font-size: 11px; + font-weight: normal; } .hero-unit { - border: 1px solid rgba(0,0,0,.05); - .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); -}
\ No newline at end of file + background-color: @white; + .box-shadow(@boxShadow); +} + +.well { + .box-shadow(@boxShadow); + background-color: @white; +} + +.breadcrumb { + .box-shadow(@boxShadow); + border: 0px solid transparent; + font-size: 11px; +} + +footer.footer p { + font-size: 11px; +} diff --git a/simplex/thumbnail.png b/simplex/thumbnail.png Binary files differindex 4ec649b8..04c1dd92 100644 --- a/simplex/thumbnail.png +++ b/simplex/thumbnail.png diff --git a/simplex/variables.less b/simplex/variables.less index 568c1d2a..ef4918d0 100755 --- a/simplex/variables.less +++ b/simplex/variables.less @@ -35,8 +35,8 @@ // Scaffolding // ------------------------- -@bodyBackground: @white; -@textColor: @black; +@bodyBackground: #EEF0F4; +@textColor: @gray; // Links @@ -48,13 +48,13 @@ // Typography // ------------------------- @baseFontSize: 13px; -@baseFontFamily: Arial, Helvetica, sans-serif; +@baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif; @baseLineHeight: 18px; @altFontFamily: Georgia, "Times New Roman", Times, serif; @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily @headingsFontWeight: bold; // instead of browser default, bold -@headingsColor: inherit; // empty to use BS default, @textColor +@headingsColor: @grayDark; // empty to use BS default, @textColor // Tables @@ -131,7 +131,7 @@ // Input placeholder text color // ------------------------- -@placeholderText: @grayLight; +@placeholderText: @gray; // Hr border color @@ -142,12 +142,12 @@ // Navbar // ------------------------- @navbarHeight: 40px; -@navbarBackground: @grayDarker; -@navbarBackgroundHighlight: @grayDarker; +@navbarBackground: #F4F6F8; +@navbarBackgroundHighlight: @navbarBackground; -@navbarText: #AAA; -@navbarLinkColor: @navbarText; -@navbarLinkColorHover: @gray; +@navbarText: @gray; +@navbarLinkColor: @gray; +@navbarLinkColorHover: @grayDark; @navbarLinkColorActive: @navbarLinkColorHover; @navbarLinkBackgroundHover: transparent; @navbarLinkBackgroundActive: @navbarBackground; |