From a96f684c79210f1736aac6c26ce1b03d2df569b4 Mon Sep 17 00:00:00 2001 From: Marius Gavrilescu Date: Sat, 28 Feb 2015 20:17:23 +0200 Subject: [PATCH] Replace cerulean and cosmo themes with readable --- css/themes/cerulean.css | 2228 ------------------------ css/themes/{cosmo.css => readable.css} | 604 ++++--- js/90-themes.js | 5 +- tmpl/skel.en | 3 +- 4 files changed, 298 insertions(+), 2542 deletions(-) delete mode 100644 css/themes/cerulean.css rename css/themes/{cosmo.css => readable.css} (83%) diff --git a/css/themes/cerulean.css b/css/themes/cerulean.css deleted file mode 100644 index cd6efec..0000000 --- a/css/themes/cerulean.css +++ /dev/null @@ -1,2228 +0,0 @@ -/*! - * bootswatch v3.3.2 - * Homepage: http://bootswatch.com - * Copyright 2012-2015 Thomas Park - * Licensed under MIT - * Based on Bootstrap -*/ -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ -html { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; -} -body { - margin: 0; -} -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} -audio, -canvas, -progress, -video { - display: inline-block; - vertical-align: baseline; -} -audio:not([controls]) { - display: none; - height: 0; -} -[hidden], -template { - display: none; -} -a { - background-color: transparent; -} -a:active, -a:hover { - outline: 0; -} -abbr[title] { - border-bottom: 1px dotted; -} -b, -strong { - font-weight: bold; -} -dfn { - font-style: italic; -} -h1 { - font-size: 2em; - margin: 0.67em 0; -} -mark { - background: #ff0; - color: #000; -} -small { - font-size: 80%; -} -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} -sup { - top: -0.5em; -} -sub { - bottom: -0.25em; -} -img { - border: 0; -} -svg:not(:root) { - overflow: hidden; -} -figure { - margin: 1em 40px; -} -hr { - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} -pre { - overflow: auto; -} -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} -button, -input, -optgroup, -select, -textarea { - color: inherit; - font: inherit; - margin: 0; -} -button { - overflow: visible; -} -button, -select { - text-transform: none; -} -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; - cursor: pointer; -} -button[disabled], -html input[disabled] { - cursor: default; -} -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} -input { - line-height: normal; -} -input[type="checkbox"], -input[type="radio"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 0; -} -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} -input[type="search"] { - -webkit-appearance: textfield; - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - box-sizing: content-box; -} -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} -legend { - border: 0; - padding: 0; -} -textarea { - overflow: auto; -} -optgroup { - font-weight: bold; -} -table { - border-collapse: collapse; - border-spacing: 0; -} -td, -th { - padding: 0; -} -/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ -@media print { - *, - *:before, - *:after { - background: transparent !important; - color: #000 !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - text-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; - } - a[href]:after { - content: " (" attr(href) ")"; - } - abbr[title]:after { - content: " (" attr(title) ")"; - } - a[href^="#"]:after, - a[href^="javascript:"]:after { - content: ""; - } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } - select { - background: #fff !important; - } - .navbar { - display: none; - } - .btn > .caret, - .dropup > .btn > .caret { - border-top-color: #000 !important; - } - .label { - border: 1px solid #000; - } - .table { - border-collapse: collapse !important; - } - .table td, - .table th { - background-color: #fff !important; - } - .table-bordered th, - .table-bordered td { - border: 1px solid #ddd !important; - } -} -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -*:before, -*:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -html { - font-size: 10px; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} -body { - font-family: serif; - font-size: 14px; - line-height: 1.42857143; - color: #555555; - background-color: #ffffff; -} -input, -button, -select, -textarea { - font-family: inherit; - font-size: inherit; - line-height: inherit; -} -a { - color: #2fa4e7; - text-decoration: none; -} -a:hover, -a:focus { - color: #157ab5; - text-decoration: underline; -} -a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -figure { - margin: 0; -} -img { - vertical-align: middle; -} -.img-responsive { - display: block; - max-width: 100%; - height: auto; -} -.img-rounded { - border-radius: 6px; -} -.img-thumbnail { - padding: 4px; - line-height: 1.42857143; - background-color: #ffffff; - border: 1px solid #dddddd; - border-radius: 4px; - -webkit-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - display: inline-block; - max-width: 100%; - height: auto; -} -.img-circle { - border-radius: 50%; -} -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - border-top: 1px solid #eeeeee; -} -.sr-only { - position: absolute; - width: 1px; - height: 1px; - margin: -1px; - padding: 0; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; -} -.sr-only-focusable:active, -.sr-only-focusable:focus { - position: static; - width: auto; - height: auto; - margin: 0; - overflow: visible; - clip: auto; -} -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: sans-serif; - font-weight: 500; - line-height: 1.1; - color: #317eac; -} -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small, -.h1 small, -.h2 small, -.h3 small, -.h4 small, -.h5 small, -.h6 small, -h1 .small, -h2 .small, -h3 .small, -h4 .small, -h5 .small, -h6 .small, -.h1 .small, -.h2 .small, -.h3 .small, -.h4 .small, -.h5 .small, -.h6 .small { - font-weight: normal; - line-height: 1; - color: #999999; -} -h1, -.h1, -h2, -.h2, -h3, -.h3 { - margin-top: 20px; - margin-bottom: 10px; -} -h1 small, -.h1 small, -h2 small, -.h2 small, -h3 small, -.h3 small, -h1 .small, -.h1 .small, -h2 .small, -.h2 .small, -h3 .small, -.h3 .small { - font-size: 65%; -} -h4, -.h4, -h5, -.h5, -h6, -.h6 { - margin-top: 10px; - margin-bottom: 10px; -} -h4 small, -.h4 small, -h5 small, -.h5 small, -h6 small, -.h6 small, -h4 .small, -.h4 .small, -h5 .small, -.h5 .small, -h6 .small, -.h6 .small { - font-size: 75%; -} -h1, -.h1 { - font-size: 36px; -} -h2, -.h2 { - font-size: 30px; -} -h3, -.h3 { - font-size: 24px; -} -h4, -.h4 { - font-size: 18px; -} -h5, -.h5 { - font-size: 14px; -} -h6, -.h6 { - font-size: 12px; -} -p { - margin: 0 0 10px; -} -.lead { - margin-bottom: 20px; - font-size: 16px; - font-weight: 300; - line-height: 1.4; -} -@media (min-width: 768px) { - .lead { - font-size: 21px; - } -} -small, -.small { - font-size: 85%; -} -mark, -.mark { - background-color: #fcf8e3; - padding: .2em; -} -.text-left { - text-align: left; -} -.text-right { - text-align: right; -} -.text-center { - text-align: center; -} -.text-justify { - text-align: justify; -} -.text-nowrap { - white-space: nowrap; -} -.text-lowercase { - text-transform: lowercase; -} -.text-uppercase { - text-transform: uppercase; -} -.text-capitalize { - text-transform: capitalize; -} -.text-muted { - color: #999999; -} -.text-primary { - color: #2fa4e7; -} -a.text-primary:hover { - color: #178acc; -} -.text-success { - color: #468847; -} -a.text-success:hover { - color: #356635; -} -.text-info { - color: #3a87ad; -} -a.text-info:hover { - color: #2d6987; -} -.text-warning { - color: #c09853; -} -a.text-warning:hover { - color: #a47e3c; -} -.text-danger { - color: #b94a48; -} -a.text-danger:hover { - color: #953b39; -} -.bg-primary { - color: #fff; - background-color: #2fa4e7; -} -a.bg-primary:hover { - background-color: #178acc; -} -.bg-success { - background-color: #dff0d8; -} -a.bg-success:hover { - background-color: #c1e2b3; -} -.bg-info { - background-color: #d9edf7; -} -a.bg-info:hover { - background-color: #afd9ee; -} -.bg-warning { - background-color: #fcf8e3; -} -a.bg-warning:hover { - background-color: #f7ecb5; -} -.bg-danger { - background-color: #f2dede; -} -a.bg-danger:hover { - background-color: #e4b9b9; -} -.page-header { - padding-bottom: 9px; - margin: 40px 0 20px; - border-bottom: 1px solid #eeeeee; -} -ul, -ol { - margin-top: 0; - margin-bottom: 10px; -} -ul ul, -ol ul, -ul ol, -ol ol { - margin-bottom: 0; -} -.list-unstyled { - padding-left: 0; - list-style: none; -} -.list-inline { - padding-left: 0; - list-style: none; - margin-left: -5px; -} -.list-inline > li { - display: inline-block; - padding-left: 5px; - padding-right: 5px; -} -dl { - margin-top: 0; - margin-bottom: 20px; -} -dt, -dd { - line-height: 1.42857143; -} -dt { - font-weight: bold; -} -dd { - margin-left: 0; -} -@media (min-width: 768px) { - .dl-horizontal dt { - float: left; - width: 160px; - clear: left; - text-align: right; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - .dl-horizontal dd { - margin-left: 180px; - } -} -abbr[title], -abbr[data-original-title] { - cursor: help; - border-bottom: 1px dotted #999999; -} -.initialism { - font-size: 90%; - text-transform: uppercase; -} -blockquote { - padding: 10px 20px; - margin: 0 0 20px; - font-size: 17.5px; - border-left: 5px solid #eeeeee; -} -blockquote p:last-child, -blockquote ul:last-child, -blockquote ol:last-child { - margin-bottom: 0; -} -blockquote footer, -blockquote small, -blockquote .small { - display: block; - font-size: 80%; - line-height: 1.42857143; - color: #999999; -} -blockquote footer:before, -blockquote small:before, -blockquote .small:before { - content: '\2014 \00A0'; -} -.blockquote-reverse, -blockquote.pull-right { - padding-right: 15px; - padding-left: 0; - border-right: 5px solid #eeeeee; - border-left: 0; - text-align: right; -} -.blockquote-reverse footer:before, -blockquote.pull-right footer:before, -.blockquote-reverse small:before, -blockquote.pull-right small:before, -.blockquote-reverse .small:before, -blockquote.pull-right .small:before { - content: ''; -} -.blockquote-reverse footer:after, -blockquote.pull-right footer:after, -.blockquote-reverse small:after, -blockquote.pull-right small:after, -.blockquote-reverse .small:after, -blockquote.pull-right .small:after { - content: '\00A0 \2014'; -} -address { - margin-bottom: 20px; - font-style: normal; - line-height: 1.42857143; -} -code, -kbd, -pre, -samp { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; -} -code { - padding: 2px 4px; - font-size: 90%; - color: #c7254e; - background-color: #f9f2f4; - border-radius: 4px; -} -kbd { - padding: 2px 4px; - font-size: 90%; - color: #ffffff; - background-color: #333333; - border-radius: 3px; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); -} -kbd kbd { - padding: 0; - font-size: 100%; - font-weight: bold; - -webkit-box-shadow: none; - box-shadow: none; -} -pre { - display: block; - padding: 9.5px; - margin: 0 0 10px; - font-size: 13px; - line-height: 1.42857143; - word-break: break-all; - word-wrap: break-word; - color: #333333; - background-color: #f5f5f5; - border: 1px solid #cccccc; - border-radius: 4px; -} -pre code { - padding: 0; - font-size: inherit; - color: inherit; - white-space: pre-wrap; - background-color: transparent; - border-radius: 0; -} -.pre-scrollable { - max-height: 340px; - overflow-y: scroll; -} -.container { - margin-right: auto; - margin-left: auto; - padding-left: 15px; - padding-right: 15px; -} -@media (min-width: 992px) { - .container { - width: 970px; - } -} -.container-fluid { - margin-right: auto; - margin-left: auto; - padding-left: 15px; - padding-right: 15px; -} -.row { - margin-left: -15px; - margin-right: -15px; -} -.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { - position: relative; - min-height: 1px; - padding-left: 15px; - padding-right: 15px; -} -@media (min-width: 992px) { - .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { - float: left; - } - .col-md-12 { - width: 100%; - } - .col-md-11 { - width: 91.66666667%; - } - .col-md-10 { - width: 83.33333333%; - } - .col-md-9 { - width: 75%; - } - .col-md-8 { - width: 66.66666667%; - } - .col-md-7 { - width: 58.33333333%; - } - .col-md-6 { - width: 50%; - } - .col-md-5 { - width: 41.66666667%; - } - .col-md-4 { - width: 33.33333333%; - } - .col-md-3 { - width: 25%; - } - .col-md-2 { - width: 16.66666667%; - } - .col-md-1 { - width: 8.33333333%; - } -} -table { - background-color: transparent; -} -caption { - padding-top: 8px; - padding-bottom: 8px; - color: #999999; - text-align: left; -} -th { - text-align: left; -} -.table { - width: 100%; - max-width: 100%; - margin-bottom: 20px; -} -.table > thead > tr > th, -.table > tbody > tr > th, -.table > tfoot > tr > th, -.table > thead > tr > td, -.table > tbody > tr > td, -.table > tfoot > tr > td { - padding: 8px; - line-height: 1.42857143; - vertical-align: top; - border-top: 1px solid #dddddd; -} -.table > thead > tr > th { - vertical-align: bottom; - border-bottom: 2px solid #dddddd; -} -.table > caption + thead > tr:first-child > th, -.table > colgroup + thead > tr:first-child > th, -.table > thead:first-child > tr:first-child > th, -.table > caption + thead > tr:first-child > td, -.table > colgroup + thead > tr:first-child > td, -.table > thead:first-child > tr:first-child > td { - border-top: 0; -} -.table > tbody + tbody { - border-top: 2px solid #dddddd; -} -.table .table { - background-color: #ffffff; -} -.table-condensed > thead > tr > th, -.table-condensed > tbody > tr > th, -.table-condensed > tfoot > tr > th, -.table-condensed > thead > tr > td, -.table-condensed > tbody > tr > td, -.table-condensed > tfoot > tr > td { - padding: 5px; -} -.table-bordered { - border: 1px solid #dddddd; -} -.table-bordered > thead > tr > th, -.table-bordered > tbody > tr > th, -.table-bordered > tfoot > tr > th, -.table-bordered > thead > tr > td, -.table-bordered > tbody > tr > td, -.table-bordered > tfoot > tr > td { - border: 1px solid #dddddd; -} -.table-bordered > thead > tr > th, -.table-bordered > thead > tr > td { - border-bottom-width: 2px; -} -.table-striped > tbody > tr:nth-of-type(odd) { - background-color: #f9f9f9; -} -.table-hover > tbody > tr:hover { - background-color: #f5f5f5; -} -table col[class*="col-"] { - position: static; - float: none; - display: table-column; -} -table td[class*="col-"], -table th[class*="col-"] { - position: static; - float: none; - display: table-cell; -} -.table > thead > tr > td.info, -.table > tbody > tr > td.info, -.table > tfoot > tr > td.info, -.table > thead > tr > th.info, -.table > tbody > tr > th.info, -.table > tfoot > tr > th.info, -.table > thead > tr.info > td, -.table > tbody > tr.info > td, -.table > tfoot > tr.info > td, -.table > thead > tr.info > th, -.table > tbody > tr.info > th, -.table > tfoot > tr.info > th { - background-color: #d9edf7; -} -.table-hover > tbody > tr > td.info:hover, -.table-hover > tbody > tr > th.info:hover, -.table-hover > tbody > tr.info:hover > td, -.table-hover > tbody > tr:hover > .info, -.table-hover > tbody > tr.info:hover > th { - background-color: #c4e3f3; -} -.table > thead > tr > td.warning, -.table > tbody > tr > td.warning, -.table > tfoot > tr > td.warning, -.table > thead > tr > th.warning, -.table > tbody > tr > th.warning, -.table > tfoot > tr > th.warning, -.table > thead > tr.warning > td, -.table > tbody > tr.warning > td, -.table > tfoot > tr.warning > td, -.table > thead > tr.warning > th, -.table > tbody > tr.warning > th, -.table > tfoot > tr.warning > th { - background-color: #fcf8e3; -} -.table-hover > tbody > tr > td.warning:hover, -.table-hover > tbody > tr > th.warning:hover, -.table-hover > tbody > tr.warning:hover > td, -.table-hover > tbody > tr:hover > .warning, -.table-hover > tbody > tr.warning:hover > th { - background-color: #faf2cc; -} -fieldset { - padding: 0; - margin: 0; - border: 0; - min-width: 0; -} -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21px; - line-height: inherit; - color: #555555; - border: 0; - border-bottom: 1px solid #e5e5e5; -} -label { - display: inline-block; - max-width: 100%; - margin-bottom: 5px; - font-weight: bold; -} -input[type="search"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - margin-top: 1px \9; - line-height: normal; -} -input[type="file"] { - display: block; -} -input[type="range"] { - display: block; - width: 100%; -} -select[multiple], -select[size] { - height: auto; -} -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -output { - display: block; - padding-top: 9px; - font-size: 14px; - line-height: 1.42857143; - color: #555555; -} -.form-control { - display: block; - width: 100%; - height: 38px; - padding: 8px 12px; - font-size: 14px; - line-height: 1.42857143; - color: #555555; - background-color: #ffffff; - background-image: none; - border: 1px solid #cccccc; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; - -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -} -.form-control:focus { - border-color: #66afe9; - outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); -} -.form-control::-moz-placeholder { - color: #999999; - opacity: 1; -} -.form-control:-ms-input-placeholder { - color: #999999; -} -.form-control::-webkit-input-placeholder { - color: #999999; -} -.form-control[disabled], -.form-control[readonly], -fieldset[disabled] .form-control { - cursor: not-allowed; - background-color: #eeeeee; - opacity: 1; -} -textarea.form-control { - height: auto; -} -input[type="search"] { - -webkit-appearance: none; -} -@media screen and (-webkit-min-device-pixel-ratio: 0) { - input[type="date"], - input[type="time"], - input[type="datetime-local"], - input[type="month"] { - line-height: 38px; - } - input[type="date"].input-sm, - input[type="time"].input-sm, - input[type="datetime-local"].input-sm, - input[type="month"].input-sm, - .input-group-sm input[type="date"], - .input-group-sm input[type="time"], - .input-group-sm input[type="datetime-local"], - .input-group-sm input[type="month"] { - line-height: 30px; - } - input[type="date"].input-lg, - input[type="time"].input-lg, - input[type="datetime-local"].input-lg, - input[type="month"].input-lg, - .input-group-lg input[type="date"], - .input-group-lg input[type="time"], - .input-group-lg input[type="datetime-local"], - .input-group-lg input[type="month"] { - line-height: 54px; - } -} -.form-group { - margin-bottom: 15px; -} -.radio, -.checkbox { - position: relative; - display: block; - margin-top: 10px; - margin-bottom: 10px; -} -.radio label, -.checkbox label { - min-height: 20px; - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - cursor: pointer; -} -.radio input[type="radio"], -.radio-inline input[type="radio"], -.checkbox input[type="checkbox"], -.checkbox-inline input[type="checkbox"] { - position: absolute; - margin-left: -20px; - margin-top: 4px \9; -} -.radio + .radio, -.checkbox + .checkbox { - margin-top: -5px; -} -.radio-inline, -.checkbox-inline { - display: inline-block; - padding-left: 20px; - margin-bottom: 0; - vertical-align: middle; - font-weight: normal; - cursor: pointer; -} -.radio-inline + .radio-inline, -.checkbox-inline + .checkbox-inline { - margin-top: 0; - margin-left: 10px; -} -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"].disabled, -input[type="checkbox"].disabled, -fieldset[disabled] input[type="radio"], -fieldset[disabled] input[type="checkbox"] { - cursor: not-allowed; -} -.radio-inline.disabled, -.checkbox-inline.disabled, -fieldset[disabled] .radio-inline, -fieldset[disabled] .checkbox-inline { - cursor: not-allowed; -} -.radio.disabled label, -.checkbox.disabled label, -fieldset[disabled] .radio label, -fieldset[disabled] .checkbox label { - cursor: not-allowed; -} -.form-control-static { - padding-top: 9px; - padding-bottom: 9px; - margin-bottom: 0; -} -.form-control-static.input-lg, -.form-control-static.input-sm { - padding-left: 0; - padding-right: 0; -} -.input-sm { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -select.input-sm { - height: 30px; - line-height: 30px; -} -textarea.input-sm, -select[multiple].input-sm { - height: auto; -} -.form-group-sm .form-control { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -select.form-group-sm .form-control { - height: 30px; - line-height: 30px; -} -textarea.form-group-sm .form-control, -select[multiple].form-group-sm .form-control { - height: auto; -} -.form-group-sm .form-control-static { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; -} -.input-lg { - height: 54px; - padding: 14px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -select.input-lg { - height: 54px; - line-height: 54px; -} -textarea.input-lg, -select[multiple].input-lg { - height: auto; -} -.form-group-lg .form-control { - height: 54px; - padding: 14px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -select.form-group-lg .form-control { - height: 54px; - line-height: 54px; -} -textarea.form-group-lg .form-control, -select[multiple].form-group-lg .form-control { - height: auto; -} -.form-group-lg .form-control-static { - height: 54px; - padding: 14px 16px; - font-size: 18px; - line-height: 1.3333333; -} -.has-feedback { - position: relative; -} -.has-feedback .form-control { - padding-right: 47.5px; -} -.form-control-feedback { - position: absolute; - top: 0; - right: 0; - z-index: 2; - display: block; - width: 38px; - height: 38px; - line-height: 38px; - text-align: center; - pointer-events: none; -} -.input-lg + .form-control-feedback { - width: 54px; - height: 54px; - line-height: 54px; -} -.input-sm + .form-control-feedback { - width: 30px; - height: 30px; - line-height: 30px; -} -.has-success .help-block, -.has-success .control-label, -.has-success .radio, -.has-success .checkbox, -.has-success .radio-inline, -.has-success .checkbox-inline, -.has-success.radio label, -.has-success.checkbox label, -.has-success.radio-inline label, -.has-success.checkbox-inline label { - color: #468847; -} -.has-success .form-control { - border-color: #468847; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -.has-success .form-control:focus { - border-color: #356635; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -} -.has-success .input-group-addon { - color: #468847; - border-color: #468847; - background-color: #dff0d8; -} -.has-success .form-control-feedback { - color: #468847; -} -.has-warning .help-block, -.has-warning .control-label, -.has-warning .radio, -.has-warning .checkbox, -.has-warning .radio-inline, -.has-warning .checkbox-inline, -.has-warning.radio label, -.has-warning.checkbox label, -.has-warning.radio-inline label, -.has-warning.checkbox-inline label { - color: #c09853; -} -.has-warning .form-control { - border-color: #c09853; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -.has-warning .form-control:focus { - border-color: #a47e3c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -} -.has-warning .input-group-addon { - color: #c09853; - border-color: #c09853; - background-color: #fcf8e3; -} -.has-warning .form-control-feedback { - color: #c09853; -} -.has-error .help-block, -.has-error .control-label, -.has-error .radio, -.has-error .checkbox, -.has-error .radio-inline, -.has-error .checkbox-inline, -.has-error.radio label, -.has-error.checkbox label, -.has-error.radio-inline label, -.has-error.checkbox-inline label { - color: #b94a48; -} -.has-error .form-control { - border-color: #b94a48; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -.has-error .form-control:focus { - border-color: #953b39; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -} -.has-error .input-group-addon { - color: #b94a48; - border-color: #b94a48; - background-color: #f2dede; -} -.has-error .form-control-feedback { - color: #b94a48; -} -.has-feedback label ~ .form-control-feedback { - top: 25px; -} -.has-feedback label.sr-only ~ .form-control-feedback { - top: 0; -} -.help-block { - display: block; - margin-top: 5px; - margin-bottom: 10px; - color: #959595; -} -@media (min-width: 768px) { - .form-inline .form-group { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .form-control { - display: inline-block; - width: auto; - vertical-align: middle; - } - .form-inline .form-control-static { - display: inline-block; - } - .form-inline .input-group { - display: inline-table; - vertical-align: middle; - } - .form-inline .input-group .input-group-addon, - .form-inline .input-group .input-group-btn, - .form-inline .input-group .form-control { - width: auto; - } - .form-inline .input-group > .form-control { - width: 100%; - } - .form-inline .control-label { - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .radio, - .form-inline .checkbox { - display: inline-block; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; - } - .form-inline .radio label, - .form-inline .checkbox label { - padding-left: 0; - } - .form-inline .radio input[type="radio"], - .form-inline .checkbox input[type="checkbox"] { - position: relative; - margin-left: 0; - } - .form-inline .has-feedback .form-control-feedback { - top: 0; - } -} -.form-horizontal .radio, -.form-horizontal .checkbox, -.form-horizontal .radio-inline, -.form-horizontal .checkbox-inline { - margin-top: 0; - margin-bottom: 0; - padding-top: 9px; -} -.form-horizontal .radio, -.form-horizontal .checkbox { - min-height: 29px; -} -.form-horizontal .form-group { - margin-left: -15px; - margin-right: -15px; -} -@media (min-width: 768px) { - .form-horizontal .control-label { - text-align: right; - margin-bottom: 0; - padding-top: 9px; - } -} -.form-horizontal .has-feedback .form-control-feedback { - right: 15px; -} -@media (min-width: 768px) { - .form-horizontal .form-group-lg .control-label { - padding-top: 19.6666662px; - } -} -@media (min-width: 768px) { - .form-horizontal .form-group-sm .control-label { - padding-top: 6px; - } -} -.btn { - display: inline-block; - margin-bottom: 0; - font-weight: normal; - text-align: center; - vertical-align: middle; - -ms-touch-action: manipulation; - touch-action: manipulation; - cursor: pointer; - background-image: none; - border: 1px solid transparent; - white-space: nowrap; - padding: 8px 12px; - font-size: 14px; - line-height: 1.42857143; - border-radius: 4px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.btn:focus, -.btn:active:focus, -.btn.active:focus, -.btn.focus, -.btn:active.focus, -.btn.active.focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.btn:hover, -.btn:focus, -.btn.focus { - color: #555555; - text-decoration: none; -} -.btn:active, -.btn.active { - outline: 0; - background-image: none; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} -.btn.disabled, -.btn[disabled], -fieldset[disabled] .btn { - cursor: not-allowed; - pointer-events: none; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; -} -.btn-default { - color: #555555; - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.1); -} -.btn-default:hover, -.btn-default:focus, -.btn-default.focus, -.btn-default:active, -.btn-default.active, -.open > .dropdown-toggle.btn-default { - color: #555555; - background-color: #e6e6e6; - border-color: rgba(0, 0, 0, 0.1); -} -.btn-default:active, -.btn-default.active, -.open > .dropdown-toggle.btn-default { - background-image: none; -} -.btn-default.disabled, -.btn-default[disabled], -fieldset[disabled] .btn-default, -.btn-default.disabled:hover, -.btn-default[disabled]:hover, -fieldset[disabled] .btn-default:hover, -.btn-default.disabled:focus, -.btn-default[disabled]:focus, -fieldset[disabled] .btn-default:focus, -.btn-default.disabled.focus, -.btn-default[disabled].focus, -fieldset[disabled] .btn-default.focus, -.btn-default.disabled:active, -.btn-default[disabled]:active, -fieldset[disabled] .btn-default:active, -.btn-default.disabled.active, -.btn-default[disabled].active, -fieldset[disabled] .btn-default.active { - background-color: #ffffff; - border-color: rgba(0, 0, 0, 0.1); -} -.btn-default .badge { - color: #ffffff; - background-color: #555555; -} -.btn-primary { - color: #ffffff; - background-color: #2fa4e7; - border-color: #2fa4e7; -} -.btn-primary:hover, -.btn-primary:focus, -.btn-primary.focus, -.btn-primary:active, -.btn-primary.active, -.open > .dropdown-toggle.btn-primary { - color: #ffffff; - background-color: #178acc; - border-color: #1684c2; -} -.btn-primary:active, -.btn-primary.active, -.open > .dropdown-toggle.btn-primary { - background-image: none; -} -.btn-primary.disabled, -.btn-primary[disabled], -fieldset[disabled] .btn-primary, -.btn-primary.disabled:hover, -.btn-primary[disabled]:hover, -fieldset[disabled] .btn-primary:hover, -.btn-primary.disabled:focus, -.btn-primary[disabled]:focus, -fieldset[disabled] .btn-primary:focus, -.btn-primary.disabled.focus, -.btn-primary[disabled].focus, -fieldset[disabled] .btn-primary.focus, -.btn-primary.disabled:active, -.btn-primary[disabled]:active, -fieldset[disabled] .btn-primary:active, -.btn-primary.disabled.active, -.btn-primary[disabled].active, -fieldset[disabled] .btn-primary.active { - background-color: #2fa4e7; - border-color: #2fa4e7; -} -.btn-primary .badge { - color: #2fa4e7; - background-color: #ffffff; -} -.btn-link { - color: #2fa4e7; - font-weight: normal; - border-radius: 0; -} -.btn-link, -.btn-link:active, -.btn-link.active, -.btn-link[disabled], -fieldset[disabled] .btn-link { - background-color: transparent; - -webkit-box-shadow: none; - box-shadow: none; -} -.btn-link, -.btn-link:hover, -.btn-link:focus, -.btn-link:active { - border-color: transparent; -} -.btn-link:hover, -.btn-link:focus { - color: #157ab5; - text-decoration: underline; - background-color: transparent; -} -.btn-link[disabled]:hover, -fieldset[disabled] .btn-link:hover, -.btn-link[disabled]:focus, -fieldset[disabled] .btn-link:focus { - color: #999999; - text-decoration: none; -} -.btn-lg { - padding: 14px 16px; - font-size: 18px; - line-height: 1.3333333; - border-radius: 6px; -} -.btn-sm { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -.btn-xs { - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} -.btn-block { - display: block; - width: 100%; -} -.btn-block + .btn-block { - margin-top: 5px; -} -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; -} -.fade { - opacity: 0; - -webkit-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} -.fade.in { - opacity: 1; -} -.collapse { - display: none; - visibility: hidden; -} -.collapse.in { - display: block; - visibility: visible; -} -tr.collapse.in { - display: table-row; -} -tbody.collapse.in { - display: table-row-group; -} -.collapsing { - position: relative; - height: 0; - overflow: hidden; - -webkit-transition-property: height, visibility; - -o-transition-property: height, visibility; - transition-property: height, visibility; - -webkit-transition-duration: 0.35s; - -o-transition-duration: 0.35s; - transition-duration: 0.35s; - -webkit-transition-timing-function: ease; - -o-transition-timing-function: ease; - transition-timing-function: ease; -} -.nav { - margin-bottom: 0; - padding-left: 0; - list-style: none; -} -.nav > li { - position: relative; - display: block; -} -.nav > li > a { - position: relative; - display: block; - padding: 10px 15px; -} -.nav > li > a:hover, -.nav > li > a:focus { - text-decoration: none; - background-color: #eeeeee; -} -.nav > li.disabled > a { - color: #999999; -} -.nav > li.disabled > a:hover, -.nav > li.disabled > a:focus { - color: #999999; - text-decoration: none; - background-color: transparent; - cursor: not-allowed; -} -.nav > li > a > img { - max-width: none; -} -.nav-pills > li { - float: left; -} -.nav-pills > li > a { - border-radius: 4px; -} -.nav-pills > li + li { - margin-left: 2px; -} -.nav-pills > li.active > a, -.nav-pills > li.active > a:hover, -.nav-pills > li.active > a:focus { - color: #ffffff; - background-color: #2fa4e7; -} -.nav-stacked > li { - float: none; -} -.nav-stacked > li + li { - margin-top: 2px; - margin-left: 0; -} -.nav-justified { - width: 100%; -} -.nav-justified > li { - float: none; -} -.nav-justified > li > a { - text-align: center; - margin-bottom: 5px; -} -@media (min-width: 768px) { - .nav-justified > li { - display: table-cell; - width: 1%; - } - .nav-justified > li > a { - margin-bottom: 0; - } -} -.pager { - padding-left: 0; - margin: 20px 0; - list-style: none; - text-align: center; -} -.pager li { - display: inline; -} -.pager li > a, -.pager li > span { - display: inline-block; - padding: 5px 14px; - background-color: #ffffff; - border: 1px solid #dddddd; - border-radius: 15px; -} -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - background-color: #eeeeee; -} -.pager .next > a, -.pager .next > span { - float: right; -} -.pager .previous > a, -.pager .previous > span { - float: left; -} -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - background-color: #ffffff; - cursor: not-allowed; -} -.alert { - padding: 15px; - margin-bottom: 20px; - border: 1px solid transparent; - border-radius: 4px; -} -.alert h4 { - margin-top: 0; - color: inherit; -} -.alert .alert-link { - font-weight: bold; -} -.alert > p, -.alert > ul { - margin-bottom: 0; -} -.alert > p + p { - margin-top: 5px; -} -.alert-success { - background-color: #dff0d8; - border-color: #d6e9c6; - color: #468847; -} -.alert-success hr { - border-top-color: #c9e2b3; -} -.alert-success .alert-link { - color: #356635; -} -.alert-info { - background-color: #d9edf7; - border-color: #bce8f1; - color: #3a87ad; -} -.alert-info hr { - border-top-color: #a6e1ec; -} -.alert-info .alert-link { - color: #2d6987; -} -.alert-warning { - background-color: #fcf8e3; - border-color: #fbeed5; - color: #c09853; -} -.alert-warning hr { - border-top-color: #f8e5be; -} -.alert-warning .alert-link { - color: #a47e3c; -} -.alert-danger { - background-color: #f2dede; - border-color: #eed3d7; - color: #b94a48; -} -.alert-danger hr { - border-top-color: #e6c1c7; -} -.alert-danger .alert-link { - color: #953b39; -} -.well { - min-height: 20px; - padding: 19px; - margin-bottom: 20px; - background-color: #f5f5f5; - border: 1px solid #e3e3e3; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -} -.well blockquote { - border-color: #ddd; - border-color: rgba(0, 0, 0, 0.15); -} -.well-lg { - padding: 24px; - border-radius: 6px; -} -.well-sm { - padding: 9px; - border-radius: 3px; -} -.modal-open { - overflow: hidden; -} -.modal { - display: none; - overflow: hidden; - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - -webkit-overflow-scrolling: touch; - outline: 0; -} -.modal.fade .modal-dialog { - -webkit-transform: translate(0, -25%); - -ms-transform: translate(0, -25%); - -o-transform: translate(0, -25%); - transform: translate(0, -25%); - -webkit-transition: -webkit-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; - transition: transform 0.3s ease-out; -} -.modal.in .modal-dialog { - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - -o-transform: translate(0, 0); - transform: translate(0, 0); -} -.modal-open .modal { - overflow-x: hidden; - overflow-y: auto; -} -.modal-dialog { - position: relative; - width: auto; - margin: 10px; -} -.modal-content { - position: relative; - background-color: #ffffff; - border: 1px solid #999999; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - -webkit-background-clip: padding-box; - background-clip: padding-box; - outline: 0; -} -.modal-backdrop { - position: absolute; - top: 0; - right: 0; - left: 0; - background-color: #000000; -} -.modal-backdrop.fade { - opacity: 0; - filter: alpha(opacity=0); -} -.modal-backdrop.in { - opacity: 0.5; - filter: alpha(opacity=50); -} -.modal-header { - padding: 15px; - border-bottom: 1px solid #e5e5e5; - min-height: 16.42857143px; -} -.modal-header .close { - margin-top: -2px; -} -.modal-title { - margin: 0; - line-height: 1.42857143; -} -.modal-body { - position: relative; - padding: 20px; -} -.modal-footer { - padding: 20px; - text-align: right; - border-top: 1px solid #e5e5e5; -} -.modal-footer .btn + .btn { - margin-left: 5px; - margin-bottom: 0; -} -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; -} -.modal-footer .btn-block + .btn-block { - margin-left: 0; -} -.modal-scrollbar-measure { - position: absolute; - top: -9999px; - width: 50px; - height: 50px; - overflow: scroll; -} -@media (min-width: 768px) { - .modal-dialog { - width: 600px; - margin: 30px auto; - } - .modal-content { - -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - } - .modal-sm { - width: 300px; - } -} -@media (min-width: 992px) { - .modal-lg { - width: 900px; - } -} -.clearfix:before, -.clearfix:after, -.dl-horizontal dd:before, -.dl-horizontal dd:after, -.container:before, -.container:after, -.container-fluid:before, -.container-fluid:after, -.row:before, -.row:after, -.form-horizontal .form-group:before, -.form-horizontal .form-group:after, -.nav:before, -.nav:after, -.pager:before, -.pager:after, -.modal-footer:before, -.modal-footer:after { - content: " "; - display: table; -} -.clearfix:after, -.dl-horizontal dd:after, -.container:after, -.container-fluid:after, -.row:after, -.form-horizontal .form-group:after, -.nav:after, -.pager:after, -.modal-footer:after { - clear: both; -} -.center-block { - display: block; - margin-left: auto; - margin-right: auto; -} -.pull-right { - float: right !important; -} -.pull-left { - float: left !important; -} -.hide { - display: none !important; -} -.show { - display: block !important; -} -.invisible { - visibility: hidden; -} -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} -.hidden { - display: none !important; - visibility: hidden !important; -} -.affix { - position: fixed; -} -.navbar { - background-image: -webkit-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); - background-image: -o-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); - background-image: -webkit-gradient(linear, left top, left bottom, from(#54b4eb), color-stop(60%, #2fa4e7), to(#1d9ce5)); - background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0); - border-bottom: 1px solid #178acc; - -webkit-filter: none; - filter: none; - -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -} -.navbar-default .badge { - background-color: #fff; - color: #2fa4e7; -} -.navbar-inverse { - background-image: -webkit-linear-gradient(#04519b, #044687 60%, #033769); - background-image: -o-linear-gradient(#04519b, #044687 60%, #033769); - background-image: -webkit-gradient(linear, left top, left bottom, from(#04519b), color-stop(60%, #044687), to(#033769)); - background-image: linear-gradient(#04519b, #044687 60%, #033769); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff033769', GradientType=0); - -webkit-filter: none; - filter: none; - border-bottom: 1px solid #022241; -} -.navbar-inverse .badge { - background-color: #fff; - color: #033c73; -} -.navbar .navbar-nav > li > a, -.navbar-brand { - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -} -@media (max-width: 767px) { - .navbar .dropdown-header { - color: #fff; - } -} -.btn { - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -} -.btn .caret { - border-top-color: #fff; -} -.btn-default { - background-image: -webkit-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5); - background-image: -o-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5); - background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(60%, #ffffff), to(#f5f5f5)); - background-image: linear-gradient(#ffffff, #ffffff 60%, #f5f5f5); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0); - -webkit-filter: none; - filter: none; - border-bottom: 1px solid #e6e6e6; -} -.btn-default:hover { - color: #555555; -} -.btn-default .caret { - border-top-color: #555555; -} -.btn-default { - background-image: -webkit-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5); - background-image: -o-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5); - background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(60%, #ffffff), to(#f5f5f5)); - background-image: linear-gradient(#ffffff, #ffffff 60%, #f5f5f5); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0); - -webkit-filter: none; - filter: none; - border-bottom: 1px solid #e6e6e6; -} -.btn-primary { - background-image: -webkit-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); - background-image: -o-linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); - background-image: -webkit-gradient(linear, left top, left bottom, from(#54b4eb), color-stop(60%, #2fa4e7), to(#1d9ce5)); - background-image: linear-gradient(#54b4eb, #2fa4e7 60%, #1d9ce5); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff54b4eb', endColorstr='#ff1d9ce5', GradientType=0); - -webkit-filter: none; - filter: none; - border-bottom: 1px solid #178acc; -} -.btn-success { - background-image: -webkit-linear-gradient(#88c149, #73a839 60%, #699934); - background-image: -o-linear-gradient(#88c149, #73a839 60%, #699934); - background-image: -webkit-gradient(linear, left top, left bottom, from(#88c149), color-stop(60%, #73a839), to(#699934)); - background-image: linear-gradient(#88c149, #73a839 60%, #699934); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff88c149', endColorstr='#ff699934', GradientType=0); - -webkit-filter: none; - filter: none; - border-bottom: 1px solid #59822c; -} -.btn-info { - background-image: -webkit-linear-gradient(#04519b, #033c73 60%, #02325f); - background-image: -o-linear-gradient(#04519b, #033c73 60%, #02325f); - background-image: -webkit-gradient(linear, left top, left bottom, from(#04519b), color-stop(60%, #033c73), to(#02325f)); - background-image: linear-gradient(#04519b, #033c73 60%, #02325f); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff02325f', GradientType=0); - -webkit-filter: none; - filter: none; - border-bottom: 1px solid #022241; -} -.btn-warning { - background-image: -webkit-linear-gradient(#ff6707, #dd5600 60%, #c94e00); - background-image: -o-linear-gradient(#ff6707, #dd5600 60%, #c94e00); - background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6707), color-stop(60%, #dd5600), to(#c94e00)); - background-image: linear-gradient(#ff6707, #dd5600 60%, #c94e00); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6707', endColorstr='#ffc94e00', GradientType=0); - -webkit-filter: none; - filter: none; - border-bottom: 1px solid #aa4200; -} -.btn-danger { - background-image: -webkit-linear-gradient(#e12b31, #c71c22 60%, #b5191f); - background-image: -o-linear-gradient(#e12b31, #c71c22 60%, #b5191f); - background-image: -webkit-gradient(linear, left top, left bottom, from(#e12b31), color-stop(60%, #c71c22), to(#b5191f)); - background-image: linear-gradient(#e12b31, #c71c22 60%, #b5191f); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe12b31', endColorstr='#ffb5191f', GradientType=0); - -webkit-filter: none; - filter: none; - border-bottom: 1px solid #9a161a; -} -.panel-primary .panel-heading, -.panel-success .panel-heading, -.panel-warning .panel-heading, -.panel-danger .panel-heading, -.panel-info .panel-heading, -.panel-primary .panel-title, -.panel-success .panel-title, -.panel-warning .panel-title, -.panel-danger .panel-title, -.panel-info .panel-title { - color: #fff; -} diff --git a/css/themes/cosmo.css b/css/themes/readable.css similarity index 83% rename from css/themes/cosmo.css rename to css/themes/readable.css index 54949fe..5a03b6b 100644 --- a/css/themes/cosmo.css +++ b/css/themes/readable.css @@ -1,3 +1,4 @@ +@import url("//fonts.googleapis.com/css?family=Raleway:400,700"); /*! * bootswatch v3.3.2 * Homepage: http://bootswatch.com @@ -281,7 +282,7 @@ html { } body { font-family: serif; - font-size: 15px; + font-size: 16px; line-height: 1.42857143; color: #333333; background-color: #ffffff; @@ -295,12 +296,12 @@ textarea { line-height: inherit; } a { - color: #2780e3; + color: #4582ec; text-decoration: none; } a:hover, a:focus { - color: #165ba8; + color: #134fb8; text-decoration: underline; } a:focus { @@ -320,14 +321,14 @@ img { height: auto; } .img-rounded { - border-radius: 0; + border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; - border-radius: 0; + border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; @@ -339,10 +340,10 @@ img { border-radius: 50%; } hr { - margin-top: 21px; - margin-bottom: 21px; + margin-top: 22px; + margin-bottom: 22px; border: 0; - border-top: 1px solid #e6e6e6; + border-top: 1px solid #eeeeee; } .sr-only { position: absolute; @@ -376,7 +377,7 @@ h6, .h5, .h6 { font-family: sans-serif; - font-weight: 300; + font-weight: bold; line-height: 1.1; color: inherit; } @@ -406,7 +407,7 @@ h6 .small, .h6 .small { font-weight: normal; line-height: 1; - color: #999999; + color: #b3b3b3; } h1, .h1, @@ -414,8 +415,8 @@ h2, .h2, h3, .h3 { - margin-top: 21px; - margin-bottom: 10.5px; + margin-top: 22px; + margin-bottom: 11px; } h1 small, .h1 small, @@ -437,8 +438,8 @@ h5, .h5, h6, .h6 { - margin-top: 10.5px; - margin-bottom: 10.5px; + margin-top: 11px; + margin-bottom: 11px; } h4 small, .h4 small, @@ -456,49 +457,49 @@ h6 .small, } h1, .h1 { - font-size: 39px; + font-size: 41px; } h2, .h2 { - font-size: 32px; + font-size: 34px; } h3, .h3 { - font-size: 26px; + font-size: 28px; } h4, .h4 { - font-size: 19px; + font-size: 20px; } h5, .h5 { - font-size: 15px; + font-size: 16px; } h6, .h6 { - font-size: 13px; + font-size: 14px; } p { - margin: 0 0 10.5px; + margin: 0 0 11px; } .lead { - margin-bottom: 21px; - font-size: 17px; + margin-bottom: 22px; + font-size: 18px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { - font-size: 22.5px; + font-size: 24px; } } small, .small { - font-size: 86%; + font-size: 87%; } mark, .mark { - background-color: #ff7518; + background-color: #fcf8e3; padding: .2em; } .text-left { @@ -526,78 +527,78 @@ mark, text-transform: capitalize; } .text-muted { - color: #999999; + color: #b3b3b3; } .text-primary { - color: #2780e3; + color: #4582ec; } a.text-primary:hover { - color: #1967be; + color: #1863e6; } .text-success { - color: #ffffff; + color: #3fad46; } a.text-success:hover { - color: #e6e6e6; + color: #318837; } .text-info { - color: #ffffff; + color: #5bc0de; } a.text-info:hover { - color: #e6e6e6; + color: #31b0d5; } .text-warning { - color: #ffffff; + color: #f0ad4e; } a.text-warning:hover { - color: #e6e6e6; + color: #ec971f; } .text-danger { - color: #ffffff; + color: #d9534f; } a.text-danger:hover { - color: #e6e6e6; + color: #c9302c; } .bg-primary { color: #fff; - background-color: #2780e3; + background-color: #4582ec; } a.bg-primary:hover { - background-color: #1967be; + background-color: #1863e6; } .bg-success { - background-color: #3fb618; + background-color: #dff0d8; } a.bg-success:hover { - background-color: #2f8912; + background-color: #c1e2b3; } .bg-info { - background-color: #9954bb; + background-color: #d9edf7; } a.bg-info:hover { - background-color: #7e3f9d; + background-color: #afd9ee; } .bg-warning { - background-color: #ff7518; + background-color: #fcf8e3; } a.bg-warning:hover { - background-color: #e45c00; + background-color: #f7ecb5; } .bg-danger { - background-color: #ff0039; + background-color: #f2dede; } a.bg-danger:hover { - background-color: #cc002e; + background-color: #e4b9b9; } .page-header { - padding-bottom: 9.5px; - margin: 42px 0 21px; - border-bottom: 1px solid #e6e6e6; + padding-bottom: 10px; + margin: 44px 0 22px; + border-bottom: 1px solid #dddddd; } ul, ol { margin-top: 0; - margin-bottom: 10.5px; + margin-bottom: 11px; } ul ul, ol ul, @@ -621,7 +622,7 @@ ol ol { } dl { margin-top: 0; - margin-bottom: 21px; + margin-bottom: 22px; } dt, dd { @@ -650,17 +651,17 @@ dd { abbr[title], abbr[data-original-title] { cursor: help; - border-bottom: 1px dotted #999999; + border-bottom: 1px dotted #b3b3b3; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { - padding: 10.5px 21px; - margin: 0 0 21px; - font-size: 18.75px; - border-left: 5px solid #e6e6e6; + padding: 11px 22px; + margin: 0 0 22px; + font-size: 20px; + border-left: 5px solid #4582ec; } blockquote p:last-child, blockquote ul:last-child, @@ -673,7 +674,7 @@ blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; - color: #999999; + color: #333333; } blockquote footer:before, blockquote small:before, @@ -684,7 +685,7 @@ blockquote .small:before { blockquote.pull-right { padding-right: 15px; padding-left: 0; - border-right: 5px solid #e6e6e6; + border-right: 5px solid #4582ec; border-left: 0; text-align: right; } @@ -705,7 +706,7 @@ blockquote.pull-right .small:after { content: '\00A0 \2014'; } address { - margin-bottom: 21px; + margin-bottom: 22px; font-style: normal; line-height: 1.42857143; } @@ -720,14 +721,14 @@ code { font-size: 90%; color: #c7254e; background-color: #f9f2f4; - border-radius: 0; + border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #ffffff; background-color: #333333; - border-radius: 0; + border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } @@ -740,16 +741,16 @@ kbd kbd { } pre { display: block; - padding: 10px; - margin: 0 0 10.5px; - font-size: 14px; + padding: 10.5px; + margin: 0 0 11px; + font-size: 15px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #cccccc; - border-radius: 0; + border-radius: 4px; } pre code { padding: 0; @@ -837,7 +838,7 @@ table { caption { padding-top: 8px; padding-bottom: 8px; - color: #999999; + color: #b3b3b3; text-align: left; } th { @@ -846,7 +847,7 @@ th { .table { width: 100%; max-width: 100%; - margin-bottom: 21px; + margin-bottom: 22px; } .table > thead > tr > th, .table > tbody > tr > th, @@ -929,14 +930,14 @@ table th[class*="col-"] { .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { - background-color: #9954bb; + background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { - background-color: #8d46b0; + background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, @@ -950,14 +951,14 @@ table th[class*="col-"] { .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { - background-color: #ff7518; + background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { - background-color: #fe6600; + background-color: #faf2cc; } fieldset { padding: 0; @@ -969,8 +970,8 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: 21px; - font-size: 22.5px; + margin-bottom: 22px; + font-size: 24px; line-height: inherit; color: #333333; border: 0; @@ -1013,23 +1014,23 @@ input[type="checkbox"]:focus { } output { display: block; - padding-top: 11px; - font-size: 15px; + padding-top: 9px; + font-size: 16px; line-height: 1.42857143; color: #333333; } .form-control { display: block; width: 100%; - height: 43px; - padding: 10px 18px; - font-size: 15px; + height: 40px; + padding: 8px 12px; + font-size: 16px; line-height: 1.42857143; color: #333333; background-color: #ffffff; background-image: none; - border: 1px solid #cccccc; - border-radius: 0; + border: 1px solid #dddddd; + border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; @@ -1043,20 +1044,20 @@ output { box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { - color: #999999; + color: #b3b3b3; opacity: 1; } .form-control:-ms-input-placeholder { - color: #999999; + color: #b3b3b3; } .form-control::-webkit-input-placeholder { - color: #999999; + color: #b3b3b3; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; - background-color: #e6e6e6; + background-color: #eeeeee; opacity: 1; } textarea.form-control { @@ -1070,7 +1071,7 @@ input[type="search"] { input[type="time"], input[type="datetime-local"], input[type="month"] { - line-height: 43px; + line-height: 40px; } input[type="date"].input-sm, input[type="time"].input-sm, @@ -1080,7 +1081,7 @@ input[type="search"] { .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] { - line-height: 31px; + line-height: 33px; } input[type="date"].input-lg, input[type="time"].input-lg, @@ -1090,7 +1091,7 @@ input[type="search"] { .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] { - line-height: 64px; + line-height: 57px; } } .form-group { @@ -1105,7 +1106,7 @@ input[type="search"] { } .radio label, .checkbox label { - min-height: 21px; + min-height: 22px; padding-left: 20px; margin-bottom: 0; font-weight: normal; @@ -1158,8 +1159,8 @@ fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { - padding-top: 11px; - padding-bottom: 11px; + padding-top: 9px; + padding-bottom: 9px; margin-bottom: 0; } .form-control-static.input-lg, @@ -1168,82 +1169,82 @@ fieldset[disabled] .checkbox label { padding-right: 0; } .input-sm { - height: 31px; + height: 33px; padding: 5px 10px; - font-size: 13px; + font-size: 14px; line-height: 1.5; - border-radius: 0; + border-radius: 3px; } select.input-sm { - height: 31px; - line-height: 31px; + height: 33px; + line-height: 33px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .form-group-sm .form-control { - height: 31px; + height: 33px; padding: 5px 10px; - font-size: 13px; + font-size: 14px; line-height: 1.5; - border-radius: 0; + border-radius: 3px; } select.form-group-sm .form-control { - height: 31px; - line-height: 31px; + height: 33px; + line-height: 33px; } textarea.form-group-sm .form-control, select[multiple].form-group-sm .form-control { height: auto; } .form-group-sm .form-control-static { - height: 31px; + height: 33px; padding: 5px 10px; - font-size: 13px; + font-size: 14px; line-height: 1.5; } .input-lg { - height: 64px; - padding: 18px 30px; - font-size: 19px; + height: 57px; + padding: 14px 16px; + font-size: 20px; line-height: 1.3333333; - border-radius: 0; + border-radius: 6px; } select.input-lg { - height: 64px; - line-height: 64px; + height: 57px; + line-height: 57px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .form-group-lg .form-control { - height: 64px; - padding: 18px 30px; - font-size: 19px; + height: 57px; + padding: 14px 16px; + font-size: 20px; line-height: 1.3333333; - border-radius: 0; + border-radius: 6px; } select.form-group-lg .form-control { - height: 64px; - line-height: 64px; + height: 57px; + line-height: 57px; } textarea.form-group-lg .form-control, select[multiple].form-group-lg .form-control { height: auto; } .form-group-lg .form-control-static { - height: 64px; - padding: 18px 30px; - font-size: 19px; + height: 57px; + padding: 14px 16px; + font-size: 20px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { - padding-right: 53.75px; + padding-right: 50px; } .form-control-feedback { position: absolute; @@ -1251,21 +1252,21 @@ select[multiple].form-group-lg .form-control { right: 0; z-index: 2; display: block; - width: 43px; - height: 43px; - line-height: 43px; + width: 40px; + height: 40px; + line-height: 40px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback { - width: 64px; - height: 64px; - line-height: 64px; + width: 57px; + height: 57px; + line-height: 57px; } .input-sm + .form-control-feedback { - width: 31px; - height: 31px; - line-height: 31px; + width: 33px; + height: 33px; + line-height: 33px; } .has-success .help-block, .has-success .control-label, @@ -1277,25 +1278,25 @@ select[multiple].form-group-lg .form-control { .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { - color: #ffffff; + color: #3fad46; } .has-success .form-control { - border-color: #ffffff; + border-color: #3fad46; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { - border-color: #e6e6e6; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; + border-color: #318837; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #81d186; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #81d186; } .has-success .input-group-addon { - color: #ffffff; - border-color: #ffffff; - background-color: #3fb618; + color: #3fad46; + border-color: #3fad46; + background-color: #dff0d8; } .has-success .form-control-feedback { - color: #ffffff; + color: #3fad46; } .has-warning .help-block, .has-warning .control-label, @@ -1307,25 +1308,25 @@ select[multiple].form-group-lg .form-control { .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { - color: #ffffff; + color: #f0ad4e; } .has-warning .form-control { - border-color: #ffffff; + border-color: #f0ad4e; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { - border-color: #e6e6e6; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; + border-color: #ec971f; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac; } .has-warning .input-group-addon { - color: #ffffff; - border-color: #ffffff; - background-color: #ff7518; + color: #f0ad4e; + border-color: #f0ad4e; + background-color: #fcf8e3; } .has-warning .form-control-feedback { - color: #ffffff; + color: #f0ad4e; } .has-error .help-block, .has-error .control-label, @@ -1337,28 +1338,28 @@ select[multiple].form-group-lg .form-control { .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { - color: #ffffff; + color: #d9534f; } .has-error .form-control { - border-color: #ffffff; + border-color: #d9534f; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { - border-color: #e6e6e6; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff; + border-color: #c9302c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3; } .has-error .input-group-addon { - color: #ffffff; - border-color: #ffffff; - background-color: #ff0039; + color: #d9534f; + border-color: #d9534f; + background-color: #f2dede; } .has-error .form-control-feedback { - color: #ffffff; + color: #d9534f; } .has-feedback label ~ .form-control-feedback { - top: 26px; + top: 27px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; @@ -1425,11 +1426,11 @@ select[multiple].form-group-lg .form-control { .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; - padding-top: 11px; + padding-top: 9px; } .form-horizontal .radio, .form-horizontal .checkbox { - min-height: 32px; + min-height: 31px; } .form-horizontal .form-group { margin-left: -15px; @@ -1439,7 +1440,7 @@ select[multiple].form-group-lg .form-control { .form-horizontal .control-label { text-align: right; margin-bottom: 0; - padding-top: 11px; + padding-top: 9px; } } .form-horizontal .has-feedback .form-control-feedback { @@ -1447,7 +1448,7 @@ select[multiple].form-group-lg .form-control { } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { - padding-top: 24.9999994px; + padding-top: 19.6666662px; } } @media (min-width: 768px) { @@ -1467,10 +1468,10 @@ select[multiple].form-group-lg .form-control { background-image: none; border: 1px solid transparent; white-space: nowrap; - padding: 10px 18px; - font-size: 15px; + padding: 8px 12px; + font-size: 16px; line-height: 1.42857143; - border-radius: 0; + border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -1489,7 +1490,7 @@ select[multiple].form-group-lg .form-control { .btn:hover, .btn:focus, .btn.focus { - color: #ffffff; + color: #333333; text-decoration: none; } .btn:active, @@ -1510,9 +1511,9 @@ fieldset[disabled] .btn { box-shadow: none; } .btn-default { - color: #ffffff; - background-color: #222222; - border-color: #222222; + color: #333333; + background-color: #ffffff; + border-color: #dddddd; } .btn-default:hover, .btn-default:focus, @@ -1520,9 +1521,9 @@ fieldset[disabled] .btn { .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { - color: #ffffff; - background-color: #090909; - border-color: #040404; + color: #333333; + background-color: #e6e6e6; + border-color: #bebebe; } .btn-default:active, .btn-default.active, @@ -1547,17 +1548,17 @@ fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { - background-color: #222222; - border-color: #222222; + background-color: #ffffff; + border-color: #dddddd; } .btn-default .badge { - color: #222222; - background-color: #ffffff; + color: #ffffff; + background-color: #333333; } .btn-primary { color: #ffffff; - background-color: #2780e3; - border-color: #2780e3; + background-color: #4582ec; + border-color: #4582ec; } .btn-primary:hover, .btn-primary:focus, @@ -1566,8 +1567,8 @@ fieldset[disabled] .btn-default.active { .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; - background-color: #1967be; - border-color: #1862b5; + background-color: #1863e6; + border-color: #175fdd; } .btn-primary:active, .btn-primary.active, @@ -1592,15 +1593,15 @@ fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { - background-color: #2780e3; - border-color: #2780e3; + background-color: #4582ec; + border-color: #4582ec; } .btn-primary .badge { - color: #2780e3; + color: #4582ec; background-color: #ffffff; } .btn-link { - color: #2780e3; + color: #4582ec; font-weight: normal; border-radius: 0; } @@ -1621,7 +1622,7 @@ fieldset[disabled] .btn-link { } .btn-link:hover, .btn-link:focus { - color: #165ba8; + color: #134fb8; text-decoration: underline; background-color: transparent; } @@ -1629,26 +1630,26 @@ fieldset[disabled] .btn-link { fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { - color: #999999; + color: #b3b3b3; text-decoration: none; } .btn-lg { - padding: 18px 30px; - font-size: 19px; + padding: 14px 16px; + font-size: 20px; line-height: 1.3333333; - border-radius: 0; + border-radius: 6px; } .btn-sm { padding: 5px 10px; - font-size: 13px; + font-size: 14px; line-height: 1.5; - border-radius: 0; + border-radius: 3px; } .btn-xs { padding: 1px 5px; - font-size: 13px; + font-size: 14px; line-height: 1.5; - border-radius: 0; + border-radius: 3px; } .btn-block { display: block; @@ -1716,14 +1717,14 @@ tbody.collapse.in { .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; - background-color: #e6e6e6; + background-color: #eeeeee; } .nav > li.disabled > a { - color: #999999; + color: #b3b3b3; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { - color: #999999; + color: #b3b3b3; text-decoration: none; background-color: transparent; cursor: not-allowed; @@ -1735,7 +1736,7 @@ tbody.collapse.in { float: left; } .nav-pills > li > a { - border-radius: 0; + border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; @@ -1744,7 +1745,7 @@ tbody.collapse.in { .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #ffffff; - background-color: #2780e3; + background-color: #4582ec; } .nav-stacked > li { float: none; @@ -1774,7 +1775,7 @@ tbody.collapse.in { } .pager { padding-left: 0; - margin: 21px 0; + margin: 22px 0; list-style: none; text-align: center; } @@ -1787,12 +1788,12 @@ tbody.collapse.in { padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; - border-radius: 0; + border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; - background-color: #e6e6e6; + background-color: #4582ec; } .pager .next > a, .pager .next > span { @@ -1806,15 +1807,15 @@ tbody.collapse.in { .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { - color: #999999; + color: #b3b3b3; background-color: #ffffff; cursor: not-allowed; } .alert { padding: 15px; - margin-bottom: 21px; + margin-bottom: 22px; border: 1px solid transparent; - border-radius: 0; + border-radius: 4px; } .alert h4 { margin-top: 0; @@ -1831,45 +1832,45 @@ tbody.collapse.in { margin-top: 5px; } .alert-success { - background-color: #3fb618; - border-color: #4e9f15; + background-color: #3fad46; + border-color: #3fad46; color: #ffffff; } .alert-success hr { - border-top-color: #438912; + border-top-color: #389a3e; } .alert-success .alert-link { color: #e6e6e6; } .alert-info { - background-color: #9954bb; - border-color: #7643a8; + background-color: #5bc0de; + border-color: #5bc0de; color: #ffffff; } .alert-info hr { - border-top-color: #693c96; + border-top-color: #46b8da; } .alert-info .alert-link { color: #e6e6e6; } .alert-warning { - background-color: #ff7518; - border-color: #ff4309; + background-color: #f0ad4e; + border-color: #f0ad4e; color: #ffffff; } .alert-warning hr { - border-top-color: #ee3800; + border-top-color: #eea236; } .alert-warning .alert-link { color: #e6e6e6; } .alert-danger { - background-color: #ff0039; - border-color: #f0005e; + background-color: #d9534f; + border-color: #d9534f; color: #ffffff; } .alert-danger hr { - border-top-color: #d60054; + border-top-color: #d43f3a; } .alert-danger .alert-link { color: #e6e6e6; @@ -1878,9 +1879,9 @@ tbody.collapse.in { min-height: 20px; padding: 19px; margin-bottom: 20px; - background-color: #f5f5f5; - border: 1px solid #e3e3e3; - border-radius: 0; + background-color: #f7f7f7; + border: 1px solid #e5e5e5; + border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } @@ -1890,11 +1891,11 @@ tbody.collapse.in { } .well-lg { padding: 24px; - border-radius: 0; + border-radius: 6px; } .well-sm { padding: 9px; - border-radius: 0; + border-radius: 3px; } .modal-open { overflow: hidden; @@ -1939,8 +1940,8 @@ tbody.collapse.in { position: relative; background-color: #ffffff; border: 1px solid #999999; - border: 1px solid transparent; - border-radius: 0; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; @@ -2084,130 +2085,113 @@ tbody.collapse.in { .affix { position: fixed; } -.navbar-inverse .badge { - background-color: #fff; - color: #2780e3; +.navbar { + font-family: sans-serif; } -body { - -webkit-font-smoothing: antialiased; +.navbar-nav, +.navbar-form { + margin-left: 0; + margin-right: 0; } -.text-primary, -.text-primary:hover { - color: #2780e3; +.navbar-nav > li > a { + padding: 8px 12px; + margin: 12.5px 6px; + border: 1px solid transparent; + border-radius: 4px; } -.text-success, -.text-success:hover { - color: #3fb618; +.navbar-nav > li > a:hover { + border: 1px solid #ddd; } -.text-danger, -.text-danger:hover { - color: #ff0039; +.navbar-nav > .active > a, +.navbar-nav > .active > a:hover { + border: 1px solid #ddd; } -.text-warning, -.text-warning:hover { - color: #ff7518; +.navbar-default .navbar-nav > .active > a:hover { + color: #4582ec; } -.text-info, -.text-info:hover { - color: #9954bb; +.navbar-inverse .navbar-nav > .active > a:hover { + color: #333333; } -.has-warning .help-block, -.has-warning .control-label, -.has-warning .form-control-feedback { - color: #ff7518; +.navbar-brand { + padding-top: 12.5px; + padding-bottom: 12.5px; + line-height: 1.9; } -.has-warning .form-control, -.has-warning .form-control:focus, -.has-warning .input-group-addon { - border: 1px solid #ff7518; +@media (max-width: 768px) { + .navbar .navbar-nav > li > a { + margin: 0; + } } -.has-error .help-block, -.has-error .control-label, -.has-error .form-control-feedback { - color: #ff0039; +.btn { + font-family: sans-serif; } -.has-error .form-control, -.has-error .form-control:focus, -.has-error .input-group-addon { - border: 1px solid #ff0039; +legend { + font-family: sans-serif; } -.has-success .help-block, -.has-success .control-label, -.has-success .form-control-feedback { - color: #3fb618; +.input-group-addon { + font-family: sans-serif; } -.has-success .form-control, -.has-success .form-control:focus, -.has-success .input-group-addon { - border: 1px solid #3fb618; +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + border: 1px solid #ddd; } -.nav-pills > li > a { - border-radius: 0; +.pagination { + font-family: sans-serif; } -.dropdown-menu > li > a:hover, -.dropdown-menu > li > a:focus { - background-image: none; +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 14px 24px; +} +.pager { + font-family: sans-serif; +} +.pager a { + color: #333333; +} +.pager a:hover { + border-color: transparent; + color: #fff; +} +.pager .disabled a { + border-color: #dddddd; } .close { + color: #fff; text-decoration: none; text-shadow: none; opacity: 0.4; } .close:hover, .close:focus { + color: #fff; opacity: 1; } -.alert { - border: none; -} .alert .alert-link { + color: #ffffff; text-decoration: underline; - color: #fff; } .label { - border-radius: 0; + font-family: sans-serif; + font-weight: normal; } -.progress { - height: 8px; - -webkit-box-shadow: none; - box-shadow: none; +.label-default { + border: 1px solid #ddd; + color: #333333; } -.progress .progress-bar { - font-size: 8px; - line-height: 8px; +.badge { + padding: 1px 7px 5px; + vertical-align: 2px; + font-family: sans-serif; + font-weight: normal; } -.panel-heading, -.panel-footer { - border-top-right-radius: 0; - border-top-left-radius: 0; +.panel { + -webkit-box-shadow: none; + box-shadow: none; } .panel-default .close { color: #333333; } -a.list-group-item-success.active { - background-color: #3fb618; -} -a.list-group-item-success.active:hover, -a.list-group-item-success.active:focus { - background-color: #379f15; -} -a.list-group-item-warning.active { - background-color: #ff7518; -} -a.list-group-item-warning.active:hover, -a.list-group-item-warning.active:focus { - background-color: #fe6600; -} -a.list-group-item-danger.active { - background-color: #ff0039; -} -a.list-group-item-danger.active:hover, -a.list-group-item-danger.active:focus { - background-color: #e60033; -} .modal .close { color: #333333; } -.popover { - color: #333333; -} diff --git a/js/90-themes.js b/js/90-themes.js index eb5987c..caefa39 100644 --- a/js/90-themes.js +++ b/js/90-themes.js @@ -8,13 +8,14 @@ $( document ).ready(function() { $('#theme-selector').detach().prependTo($('#sidebar')); $('#theme_slate' ).on('click', function () { set_style("slate"); }); - $('#theme_cerulean').on('click', function () { set_style("cerulean"); }); $('#theme_cyborg' ).on('click', function () { set_style("cyborg"); }); - $('#theme_cosmo' ).on('click', function () { set_style("cosmo"); }); + $('#theme_readable').on('click', function () { set_style("readable"); }); }); var theme = localStorage.getItem("theme"); if(theme) { + if(theme == "cerulean" || theme == "cosmo") + theme = "readable"; set_style(theme); } })(); diff --git a/tmpl/skel.en b/tmpl/skel.en index 8987da7..a3ef584 100644 --- a/tmpl/skel.en +++ b/tmpl/skel.en @@ -36,8 +36,7 @@ Themes: -- 2.39.2