Skip to content

Instantly share code, notes, and snippets.

@ctJemm

ctJemm/gist:5430530

Created April 21, 2013 18:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ctJemm/5430530 to your computer and use it in GitHub Desktop.
Save ctJemm/5430530 to your computer and use it in GitHub Desktop.
Download ZIP
Working on a bootstrap theme. Some colors to begin with.
Raw
gistfile1.css
body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1em;
color: #12100d;
background-color: #ffffff;
}
a {
color: #5a4a58;
}
p {
font-size: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #2f2a21;
}
.page-header {
border-bottom: 1pxpx solid #ababab;
}
hr {
border-top: 1px solid #ABABAB;
border-bottom: 1px solid #ffffff;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: #ffffff;
padding: 4px 4px 4px 4px;
font-size: 12px;
color: #2f2a21;
border: 1px solid #ccc;
}
.well {
background-color: #ebe1d0;
}
.btn {
color: #12100d;
background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: -o-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(top, #ffffff, #ffffff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ffffff, endColorstr='#'ffffff, GradientType=0);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
color: #12100d;
background-color: #ffffff;
}
.btn-primary {
background-color: #006dcc;
color: #ffffff;
background-image: -moz-linear-gradient(top, #807464, #807464);
background-image: -ms-linear-gradient(top, #807464, #807464);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#807464), to(#807464));
background-image: -webkit-linear-gradient(top, #807464, #807464);
background-image: -o-linear-gradient(top, #807464, #807464);
background-image: linear-gradient(top, #807464, #807464);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'807464, endColorstr='#'807464, GradientType=0);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
background-color: #807464;
}
.btn-warning {
color: #ffffff;
background-image: -moz-linear-gradient(top, #ff9e15, #ff9e15);
background-image: -ms-linear-gradient(top, #ff9e15, #ff9e15);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9e15), to(#ff9e15));
background-image: -webkit-linear-gradient(top, #ff9e15, #ff9e15);
background-image: -o-linear-gradient(top, #ff9e15, #ff9e15);
background-image: linear-gradient(top, #ff9e15, #ff9e15);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ff9e15, endColorstr='#'ff9e15, GradientType=0);
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
background-color: #ff9e15;
}
.btn-danger {
color: #ffffff;
background-image: -moz-linear-gradient(top, #d52919, #d52919);
background-image: -ms-linear-gradient(top, #d52919, #d52919);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d52919), to(#d52919));
background-image: -webkit-linear-gradient(top, #d52919, #d52919);
background-image: -o-linear-gradient(top, #d52919, #d52919);
background-image: linear-gradient(top, #d52919, #d52919);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'d52919, endColorstr='#'d52919, GradientType=0);
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
background-color: #d52919}
.btn-success {
color: #ffffff;
background-image: -moz-linear-gradient(top, #619400, #619400);
background-image: -ms-linear-gradient(top, #619400, #619400);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#619400), to(#619400));
background-image: -webkit-linear-gradient(top, #619400, #619400);
background-image: -o-linear-gradient(top, #619400, #619400);
background-image: linear-gradient(top, #619400, #619400);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'619400, endColorstr='#'619400, GradientType=0);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
background-color: #619400;
}
.btn-info {
color: #ffffff;
background-image: -moz-linear-gradient(top, #879cab, #879cab);
background-image: -ms-linear-gradient(top, #879cab, #879cab);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#879cab), to(#879cab));
background-image: -webkit-linear-gradient(top, #879cab, #879cab);
background-image: -o-linear-gradient(top, #879cab, #879cab);
background-image: linear-gradient(top, #879cab, #879cab);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'879cab, endColorstr='#'879cab, GradientType=0);
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
background-color: #879cab;
}
.alert {
padding: 10px 30px 10px 30px;
background-color: #fffaf4;
border: 1px solid #EBE1D0;
}
.alert-success {
background-color: #f4f6b4;
border-color: #d5d6a2;
}
.alert-success, .alert-success .alert-heading {
color: #619400;
}
.alert-danger, .alert-error {
background-color: #ffecac;
border-color: #d59c74;
}
.alert-danger,
.alert-error,
.alert-danger .alert-heading,
.alert-error .alert-heading {
color: #d52919;
}
.alert-info {
background-color: #ebebeb;
border-color: #879cab;
}
.alert-info, .alert-info .alert-heading {
color: #656f7c;
}
.navbar-inner {
background-image: -moz-linear-gradient(top, #ebebeb, #);
background-image: -ms-linear-gradient(top, #ebebeb, #);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), to(#));
background-image: -webkit-linear-gradient(top, #ebebeb, #);
background-image: -o-linear-gradient(top, #ebebeb, #);
background-image: linear-gradient(top, #ebebeb, #);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ebebeb, endColorstr='#', GradientType=0);
}
.navbar .brand {
padding: 10px 30px 10px 30px;
font-size: 20px;
color: #12100d;
}
.navbar .divider-vertical {
height: 41px;
background-color: #ffffff;
border-right: 1px solid #ababab;
}
.navbar .nav > li > a {
padding: 10px 10px 10px;
font-size: 12px;
color: #2f2a21;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
color: #12100d;
}
.label,
.badge {
padding: 3px 5px 3px 5px;
font-size: 0.7em;
color: #ffffff;
background-color: #807464;
}
.label-important,
.badge-important {
background-color: #619400;
}
.label-warning,
.badge-warning {
background-color: #d52919;
}
.label-success,
.badge-success {
background-color: #ff9e15;
}
.label-info,
.badge-info {
background-color: #879cab;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment