Commit efe24db1 authored by Thomas Park's avatar Thomas Park
Browse files

simplex: reinvented

parent 9a54e79c
......@@ -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;
}
This diff is collapsed.
......@@ -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,