From 5bbe93d7d5da33f2051b9f6814cf1abe8fdace61 Mon Sep 17 00:00:00 2001 From: Noah Bass Date: Sun, 26 May 2013 13:19:00 -0400 Subject: [PATCH 1/3] New js, fonts, and sass for 3.0.0 --- library/css/bootstrap.css | 7446 +++++++---------- library/css/responsive.css | 1236 --- library/fonts/glyphiconshalflings-regular.eot | Bin 0 -> 33358 bytes library/fonts/glyphiconshalflings-regular.otf | Bin 0 -> 18116 bytes library/fonts/glyphiconshalflings-regular.svg | 175 + library/fonts/glyphiconshalflings-regular.ttf | Bin 0 -> 32896 bytes .../fonts/glyphiconshalflings-regular.woff | Bin 0 -> 18944 bytes library/img/glyphicons-halflings-white.png | Bin 4352 -> 0 bytes library/img/glyphicons-halflings.png | Bin 4352 -> 0 bytes library/sass/{partials => }/_accordion.scss | 4 +- library/sass/_alerts.scss | 92 + library/sass/_badges.scss | 58 + library/sass/_breadcrumbs.scss | 28 + library/sass/_button-groups.scss | 170 + library/sass/_buttons.scss | 160 + library/sass/_carousel.scss | 191 + library/sass/{partials => }/_close.scss | 13 +- library/sass/{partials => }/_code.scss | 28 +- .../{partials => }/_component-animations.scss | 1 + library/sass/{partials => }/_dropdowns.scss | 103 +- library/sass/_forms.scss | 463 + library/sass/_glyphicons.scss | 200 + library/sass/_grid.scss | 63 + library/sass/_jumbotron.scss | 32 + library/sass/_labels.scss | 70 + library/sass/_list-group.scss | 96 + library/sass/{partials => }/_media.scss | 1 - library/sass/_mixins.scss | 548 ++ library/sass/_modals.scss | 137 + library/sass/_navbar.scss | 356 + library/sass/_navs.scss | 247 + library/sass/_normalize.scss | 396 + library/sass/_pager.scss | 54 + library/sass/_pagination.scss | 87 + library/sass/_panels.scss | 96 + library/sass/{partials => }/_popovers.scss | 64 +- library/sass/_print.scss | 74 + .../sass/{partials => }/_progress-bars.scss | 84 +- library/sass/_responsive-utilities.scss | 77 + library/sass/_scaffolding.scss | 83 + library/sass/_tables.scss | 242 + library/sass/_thumbnails.scss | 43 + library/sass/{partials => }/_tooltip.scss | 39 +- library/sass/_type.scss | 250 + library/sass/{partials => }/_utilities.scss | 37 +- library/sass/_variables.scss | 473 +- library/sass/{partials => }/_wells.scss | 10 +- library/sass/bootstrap.scss | 88 +- library/sass/partials/_alerts.scss | 79 - library/sass/partials/_breadcrumbs.scss | 24 - library/sass/partials/_button-groups.scss | 229 - library/sass/partials/_buttons.scss | 228 - library/sass/partials/_carousel.scss | 158 - library/sass/partials/_forms.scss | 689 -- library/sass/partials/_grid.scss | 21 - library/sass/partials/_hero-unit.scss | 25 - library/sass/partials/_labels-badges.scss | 83 - library/sass/partials/_layouts.scss | 16 - library/sass/partials/_mixins.scss | 696 -- library/sass/partials/_modals.scss | 95 - library/sass/partials/_navbar.scss | 497 -- library/sass/partials/_navs.scss | 409 - library/sass/partials/_pager.scss | 43 - library/sass/partials/_pagination.scss | 123 - library/sass/partials/_reset.scss | 216 - .../sass/partials/_responsive-1200px-min.scss | 28 - .../sass/partials/_responsive-767px-max.scss | 193 - .../partials/_responsive-768px-979px.scss | 19 - library/sass/partials/_responsive-navbar.scss | 189 - .../sass/partials/_responsive-utilities.scss | 74 - library/sass/partials/_scaffolding.scss | 53 - library/sass/partials/_shame.scss | 3 - library/sass/partials/_sprites.scss | 197 - library/sass/partials/_tables.scss | 235 - library/sass/partials/_thumbnails.scss | 53 - library/sass/partials/_type.scss | 247 - library/sass/partials/_wp.scss | 579 -- library/sass/responsive.scss | 48 - 78 files changed, 7902 insertions(+), 11762 deletions(-) delete mode 100644 library/css/responsive.css create mode 100755 library/fonts/glyphiconshalflings-regular.eot create mode 100644 library/fonts/glyphiconshalflings-regular.otf create mode 100755 library/fonts/glyphiconshalflings-regular.svg create mode 100755 library/fonts/glyphiconshalflings-regular.ttf create mode 100755 library/fonts/glyphiconshalflings-regular.woff delete mode 100644 library/img/glyphicons-halflings-white.png delete mode 100644 library/img/glyphicons-halflings.png rename library/sass/{partials => }/_accordion.scss (87%) mode change 100755 => 100644 create mode 100644 library/sass/_alerts.scss create mode 100644 library/sass/_badges.scss create mode 100644 library/sass/_breadcrumbs.scss create mode 100644 library/sass/_button-groups.scss create mode 100644 library/sass/_buttons.scss create mode 100644 library/sass/_carousel.scss rename library/sass/{partials => }/_close.scss (79%) mode change 100755 => 100644 rename library/sass/{partials => }/_code.scss (63%) mode change 100755 => 100644 rename library/sass/{partials => }/_component-animations.scss (99%) mode change 100755 => 100644 rename library/sass/{partials => }/_dropdowns.scss (65%) mode change 100755 => 100644 create mode 100644 library/sass/_forms.scss create mode 100644 library/sass/_glyphicons.scss create mode 100644 library/sass/_grid.scss create mode 100644 library/sass/_jumbotron.scss create mode 100644 library/sass/_labels.scss create mode 100644 library/sass/_list-group.scss rename library/sass/{partials => }/_media.scss (97%) mode change 100755 => 100644 create mode 100644 library/sass/_mixins.scss create mode 100644 library/sass/_modals.scss create mode 100644 library/sass/_navbar.scss create mode 100644 library/sass/_navs.scss create mode 100644 library/sass/_normalize.scss create mode 100644 library/sass/_pager.scss create mode 100644 library/sass/_pagination.scss create mode 100644 library/sass/_panels.scss rename library/sass/{partials => }/_popovers.scss (57%) mode change 100755 => 100644 create mode 100644 library/sass/_print.scss rename library/sass/{partials => }/_progress-bars.scss (52%) mode change 100755 => 100644 create mode 100644 library/sass/_responsive-utilities.scss create mode 100644 library/sass/_scaffolding.scss create mode 100644 library/sass/_tables.scss create mode 100644 library/sass/_thumbnails.scss rename library/sass/{partials => }/_tooltip.scss (51%) mode change 100755 => 100644 create mode 100644 library/sass/_type.scss rename library/sass/{partials => }/_utilities.scss (58%) mode change 100755 => 100644 mode change 100755 => 100644 library/sass/_variables.scss rename library/sass/{partials => }/_wells.scss (61%) mode change 100755 => 100644 mode change 100755 => 100644 library/sass/bootstrap.scss delete mode 100755 library/sass/partials/_alerts.scss delete mode 100755 library/sass/partials/_breadcrumbs.scss delete mode 100755 library/sass/partials/_button-groups.scss delete mode 100755 library/sass/partials/_buttons.scss delete mode 100755 library/sass/partials/_carousel.scss delete mode 100755 library/sass/partials/_forms.scss delete mode 100755 library/sass/partials/_grid.scss delete mode 100755 library/sass/partials/_hero-unit.scss delete mode 100755 library/sass/partials/_labels-badges.scss delete mode 100755 library/sass/partials/_layouts.scss delete mode 100755 library/sass/partials/_mixins.scss delete mode 100755 library/sass/partials/_modals.scss delete mode 100755 library/sass/partials/_navbar.scss delete mode 100755 library/sass/partials/_navs.scss delete mode 100755 library/sass/partials/_pager.scss delete mode 100755 library/sass/partials/_pagination.scss delete mode 100755 library/sass/partials/_reset.scss delete mode 100755 library/sass/partials/_responsive-1200px-min.scss delete mode 100755 library/sass/partials/_responsive-767px-max.scss delete mode 100755 library/sass/partials/_responsive-768px-979px.scss delete mode 100755 library/sass/partials/_responsive-navbar.scss delete mode 100755 library/sass/partials/_responsive-utilities.scss delete mode 100755 library/sass/partials/_scaffolding.scss delete mode 100644 library/sass/partials/_shame.scss delete mode 100755 library/sass/partials/_sprites.scss delete mode 100755 library/sass/partials/_tables.scss delete mode 100755 library/sass/partials/_thumbnails.scss delete mode 100755 library/sass/partials/_type.scss delete mode 100644 library/sass/partials/_wp.scss delete mode 100755 library/sass/responsive.scss diff --git a/library/css/bootstrap.css b/library/css/bootstrap.css index 3c4f43d..589f706 100644 --- a/library/css/bootstrap.css +++ b/library/css/bootstrap.css @@ -1,4526 +1,3018 @@ /* - * Bootstrap v2.3.1 + * Bootstrap v3.0.0 * - * Copyright 2012 Twitter, Inc + * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * - * Designed and built with all the love in the world @twitter by @mdo and @fat. + * Designed and built with all the love in the world by $mdo and $fat. */ -/* -shame.css - http://csswizardry.com/2013/04/shame-css/ -*/ -/* The default styles /style.css put into your bootstrap.css for more awesome */ -/* micro clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */ -/* For modern browsers */ -.clearfix:before, -.clearfix:after { - content: ""; - display: table; -} - -.clearfix:after { - clear: both; +/* normalize.css v2.1.0 | MIT License | git.io/normalize */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; } -/* For IE 6/7 (trigger hasLayout) */ -.clearfix { - zoom: 1; +audio, +canvas, +video { + display: inline-block; } -/* wp-specific classes */ -/* layout */ -body { - padding-top: 0; +audio:not([controls]) { + display: none; + height: 0; } -/* Admin Top Navigation fixes */ -body.admin-bar .navbar-fixed-top { - top: 28px; +[hidden] { + display: none; } -.navbar .brand { - color: #000; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125); - font-weight: bold !important; +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } -.nav-container { - padding-left: 0; - padding-right: 0; +body { + margin: 0; } -#inner-header { - width: 100%; +a:focus { + outline: thin dotted; } -input, textarea, select, .uneditable-input { - margin-bottom: 0; +a:active, +a:hover { + outline: 0; } -.navbar-form, .navbar-search { - margin: 0 0 9px; +h1 { + font-size: 2em; + margin: 0.67em 0; } -.navbar-search { - padding-left: 0; +abbr[title] { + border-bottom: 1px dotted; } -#s { - width: 100px; +b, +strong { + font-weight: bold; } -#content { - padding: 10px 0 0; +dfn { + font-style: italic; } -.more-link { - white-space: nowrap; +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; } -.footer-links { - float: right; - margin-bottom: 18px; +mark { + background: #ff0; + color: #000; } -.footer-links .menu { - list-style-type: none; - margin-left: 0; +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; } -.footer-links .menu li { - float: left; - margin-left: 10px; +pre { + white-space: pre-wrap; } -/* post styling */ -#main p.meta { - font-style: italic; - color: #808080; +q { + quotes: "\201C" "\201D" "\2018" "\2019"; } -#main article { - margin-bottom: 18px; - border-bottom: 1px solid #eeeeee; - padding: 0 0 9px; +small { + font-size: 80%; } -#main article footer { - border-top: none; - margin-top: 0; - padding-top: 0; +sub, +sup { + font-size: 75%; + line-height: 0; position: relative; - min-height: 20px; + vertical-align: baseline; } -#main article footer a.edit-post { - position: absolute; - right: 0; - top: 0; - display: none; +sup { + top: -0.5em; } -.post:hover a.edit-post { - display: inline; +sub { + bottom: -0.25em; } -p.tags { - line-height: 20px; +img { + border: 0; } -div[id*='attachment_'] { - max-width: 100%; - height: 100%; +svg:not(:root) { + overflow: hidden; } -#credit320 { - background: url("images/320press_mini.png") no-repeat left top transparent; - padding-left: 20px; +figure { + margin: 0; } -#main .hero-unit img { - margin-bottom: 1em; +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } -#main article img { - height: auto; - max-width: 100%; +legend { + border: 0; + padding: 0; } -img.alignleft { - margin-right: 10px; - float: left; +button, +input, +select, +textarea { + font-family: inherit; + font-size: 100%; + margin: 0; } -img.alignright { - margin-left: 10px; - float: right; +button, +input { + line-height: normal; } -img.aligncenter { - display: block; - margin: 0 auto; +button, +select { + text-transform: none; } -.post header img { - margin-bottom: 18px; +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; } -.archive #main .post h3 { - line-height: 24px; - margin-bottom: 10px; +button[disabled], +html input[disabled] { + cursor: default; } -video { - max-width: 100%; - height: auto; +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; } -.video-container { - position: relative; - padding-bottom: 56.25%; - padding-top: 30px; - height: 0; - overflow: hidden; +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; } -.video-container iframe, -.video-container object, -.video-container embed { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } -.video-wrapper { - width: 630px; - max-width: 100%; - margin-bottom: 18px; +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; } -/* page styling */ -#featured-carousel .item { - width: 970px; - height: 600px; +textarea { + overflow: auto; + vertical-align: top; } -.carousel-caption p { - display: none; +table { + border-collapse: collapse; + border-spacing: 0; } -.page-template-page-homepage-php #main article { - border-bottom: none; -} +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } -.page-template-page-homepage-php .hero-unit, -.blog .hero-unit { - padding: 1em; -} + a, + a:visited { + text-decoration: underline; + } -.hero-unit h1 { - font-size: 3em; -} + a[href]:after { + content: " (" attr(href) ")"; + } -/* comments */ -#comments { - line-height: 24px; - margin-bottom: 18px; -} + abbr[title]:after { + content: " (" attr(title) ")"; + } -ol.commentlist, -ol.commentlist ul.children { - list-style-type: none; - margin-left: 0; -} + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } -.comment .vcard > div { - margin-top: 8px; - padding: 0 10px; -} + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } -ol.commentlist time { - font-size: .8em; - color: #eeeeee; -} + thead { + display: table-header-group; + } -ol.commentlist div.comment-author { - position: relative; -} + tr, + img { + page-break-inside: avoid; + } -ol.commentlist a.comment-edit-link { - color: #ffffff; - text-decoration: none; - padding-left: 5px; -} + img { + max-width: 100% !important; + } -ol.commentlist span.edit-comment { - position: absolute; - right: 0; - top: 8px; + @page { + margin: 2cm .5cm; } -ol.commentlist li.bypostauthor { - background-color: #dddddd; -} + p, + h2, + h3 { + orphans: 3; + widows: 3; + } -ol.commentlist ul.children li { - background-color: #cccccc; -} + h2, + h3 { + page-break-after: avoid; + } -ol.commentlist ul.children li ul.children li { - background-color: #bbbbbb; + .navbar { + display: none; + } } - -ol.commentlist ul.children li ul.children li ul.children li { - background-color: #aaaaaa; +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } -ol.commentlist article { - border-bottom: none !important; +html { + font-size: 62.5%; + -webkit-overflow-scrolling: touch; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } -a.comment-reply-link { - position: absolute; - right: 0; - bottom: 0; +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.428571429; + color: #333333; + background-color: white; } -#comment-nav ul { - list-style-type: none; - margin: 0; +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; } -#comment-form-elements { - list-style-type: none; - margin: 0; +a { + color: #428bca; + text-decoration: none; } -.comment .vcard .avatar { - padding-right: 0; +a:hover, +a:focus { + color: #2a6496; + text-decoration: underline; } -.comment .vcard .comment-text { - margin-left: 0; +a:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } -img.avatar { - border-top: 1px solid #dddddd; - border-bottom: 1px solid #dedede; - border-right: 1px solid #dedede; - border-left: 1px solid #dddddd; +img { + max-width: 100%; + height: auto; + vertical-align: middle; } -ol.commentlist li { - padding-right: 10px; - background-color: #F0F0F0; +.img-rounded { + border-radius: 6px; } -#pings { - margin-bottom: 9px; +.img-circle { + border-radius: 500px; } -ol.pinglist { - list-style-type: none; - margin: 0 0 9px 0; +p { + margin: 0 0 10px; } -#comment { - width: 270px; -} - -ol.commentlist #respond { - padding: 5px 10px; +.lead { + margin-bottom: 20px; + font-size: 21px; + font-weight: 200; + line-height: 1.4; } -/* specific post-type styles */ -/* image attachment */ -.attachment #main .post_content img { - max-width: 100%; +small { + font-size: 85%; } -.ie8 #main .media-grid img { - max-height: none !important; - max-width: none !important; +strong { + font-weight: bold; } -.attachment-img { - margin-bottom: 18px; +em { + font-style: italic; } -.metadata p.alert-message { - margin-right: 0; - margin-bottom: 18px; +cite { + font-style: normal; } -#gallery-nav { - list-style-type: none; - margin-left: 0; +.text-muted { + color: #999999; } -li.next a, li.previous a { - position: relative; +a.text-muted:hover, +a.text-muted:focus { + color: gray; } -li.next a:hover:before { - content: "\2190"; - position: absolute; - display: block; - top: 42%; - left: 0; - background-color: #BFBFBF; - color: #444; - width: 20px; - height: 20px; - padding-left: 5px; - text-decoration: none; - box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); +.text-warning { + color: #c09853; } -li.previous a:hover:before { - content: "\2192"; - position: absolute; - display: block; - top: 42%; - right: 0; - background-color: #BFBFBF; - color: #444; - width: 20px; - height: 20px; - padding-left: 5px; - text-decoration: none; - box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); +a.text-warning:hover, +a.text-warning:focus { + color: #a47e3c; } -/* widget styles */ -.widget { - margin-bottom: 18px; +.text-danger { + color: #b94a48; } -.widgettitle { - margin-bottom: 9px; +a.text-danger:hover, +a.text-danger:focus { + color: #953b39; } -#tag-cloud { - margin-bottom: 18px; - line-height: 160%; +.text-success { + color: #468847; } -/* for some reason the bs version currently available for download doesn't have this style */ -.label { - text-transform: uppercase; +a.text-success:hover, +a.text-success:focus { + color: #356635; } -/* override standard link hover for the tag cloud widget */ -#tag-cloud a:hover, -.tags a:hover { - color: #ffffff; - text-decoration: none; +.text-left { + text-align: left; } -#tag-cloud a { - white-space: pre; - text-transform: uppercase; +.text-right { + text-align: right; } -/* change default form padding for search */ -.widget_search form { - padding-left: 0; +.text-center { + text-align: center; } -.widget_search input { - width: 121px; +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + font-weight: 500; + line-height: 1.1; } - -/* calendar widget */ -#calendar_wrap { - border: 1px solid #dddddd; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - padding: 5px; +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; } -#wp-calendar { - width: 100%; +h1, +h2, +h3 { + margin-top: 20px; + margin-bottom: 10px; } -#wp-calendar caption { - font-weight: bold; - padding: 8px; +h4, +h5, +h6 { + margin-top: 10px; + margin-bottom: 10px; } -#wp-calendar tr { - border-top: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; +h1, .h1 { + font-size: 38px; } -#wp-calendar tr:last-child { - border-bottom: none; +h2, .h2 { + font-size: 32px; } -#wp-calendar td { - text-align: center; - padding: 8px 0; +h3, .h3 { + font-size: 24px; } -blockquote.pull-left { - padding-right: 15px; +h4, .h4 { + font-size: 18px; } -@media only screen and (min-width: 768px) { - .carousel-caption p { - display: block; - } +h5, .h5 { + font-size: 14px; } -@media only screen and (min-width: 980px) { - body { - padding-top: 60px; - } - - .container-fluid { - max-width: 970px; - margin: 0 auto; - padding-left: 20px; - padding-right: 20px; - } - - #inner-footer { - padding: 0; - } - - #content { - padding-left: 0; - padding-right: 0; - } - - .topbar-inner { - padding: 0; - } - - .topbar form.pull-right { - float: right; - } - - .navbar-form, .navbar-search { - margin-top: 6px; - margin-bottom: 0; - } - - .navbar-search { - padding-left: 0; - } - - .sidebar { - margin-top: 0 !important; - } - - .widget_search input { - width: 230px; - } - - .blog .hero-unit { - margin-top: 10px; - } - - .page-template-page-homepage-php .hero-unit, - .blog .hero-unit { - padding: 60px; - } - - .hero-unit h1 { - font-size: 60px; - } - - /* hide edit comment button and show on hover on desktop version */ - .edit-comment { - display: none; - } - - .vcard:hover .edit-comment { - display: inline-block; - } - - #s { - width: 210px; - margin-bottom: 6px; - } - - .widget_search input { - width: 209px; - } - .comment .vcard .comment-text { - padding-left: 0; - padding-right: 0; - } -} -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -nav, -section { - display: block; +h6, .h6 { + font-size: 12px; } -audio, -canvas, -video { - display: inline-block; - *display: inline; - *zoom: 1; +h1 small, .h1 small { + font-size: 24px; } -audio:not([controls]) { - display: none; +h2 small, .h2 small { + font-size: 18px; } -html { - font-size: 100%; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; +h3 small, .h3 small, +h4 small, .h4 small { + font-size: 14px; } -a:focus { - outline: thin dotted #333333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee; } -a:hover, -a:active { - outline: 0; +ul, +ol { + padding: 0; + margin: 0 0 10px 25px; } -sub, -sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; +ul ul, +ul ol, +ol ol, +ol ul { + margin-bottom: 0; } -sup { - top: -0.5em; +li { + line-height: 1.428571429; } -sub { - bottom: -0.25em; +.list-inline { + margin-left: 0; + list-style: none; } - -img { - /* Responsive images (ensure images don't scale beyond their parents) */ - max-width: 100%; - /* Part 1: Set a maxium relative to the parent */ - width: auto\9; - /* IE7-8 need help adjusting responsive images */ - height: auto; - /* Part 2: Scale the height according to the width, otherwise you get stretching */ - vertical-align: middle; - border: 0; - -ms-interpolation-mode: bicubic; +.list-inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; } -#map_canvas img, -.google-maps img { - max-width: none; +dl { + margin-bottom: 20px; } -button, -input, -select, -textarea { - margin: 0; - font-size: 100%; - vertical-align: middle; +dt, +dd { + line-height: 1.428571429; } -button, -input { - *overflow: visible; - line-height: normal; +dt { + font-weight: bold; } -button::-moz-focus-inner, -input::-moz-focus-inner { - padding: 0; - border: 0; +dd { + margin-left: 10px; } -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; - cursor: pointer; +.dl-horizontal:before, .dl-horizontal:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ } - -label, -select, -button, -input[type="button"], -input[type="reset"], -input[type="submit"], -input[type="radio"], -input[type="checkbox"] { - cursor: pointer; +.dl-horizontal:after { + clear: both; +} +.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; } -input[type="search"] { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - -webkit-appearance: textfield; +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #fff; + border-bottom: 1px solid rgba(255, 255, 255, 0.5); } -input[type="search"]::-webkit-search-decoration, -input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: none; +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; } -textarea { - overflow: auto; - vertical-align: top; +abbr.initialism { + font-size: 90%; + text-transform: uppercase; } -@media print { - * { - text-shadow: none !important; - color: black !important; - background: transparent !important; - box-shadow: none !important; - } - - a, - a:visited { - text-decoration: underline; - } - - a[href]:after { - content: " (" attr(href) ")"; - } - - abbr[title]:after { - content: " (" attr(title) ")"; - } - - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } - - pre, - blockquote { - border: 1px solid #999999; - page-break-inside: avoid; - } - - thead { - display: table-header-group; - } - - tr, - img { - page-break-inside: avoid; - } - - img { - max-width: 100% !important; - } - - @page { - margin: 0.5cm; +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + border-left: 5px solid #eeeeee; +} +blockquote p { + font-size: 17.5px; + font-weight: 300; + line-height: 1.25; +} +blockquote p:last-child { + margin-bottom: 0; +} +blockquote small { + display: block; + line-height: 1.428571429; + color: #999999; +} +blockquote small:before { + content: '\2014 \00A0'; +} +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; +} +blockquote.pull-right p, +blockquote.pull-right small { + text-align: right; +} +blockquote.pull-right small:before { + content: ''; +} +blockquote.pull-right small:after { + content: '\00A0 \2014'; } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} - h2, - h3 { - page-break-after: avoid; - } +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 1.428571429; } -body { - margin: 0; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 20px; + +code, +pre { + padding: 0 3px 2px; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; + font-size: 12px; color: #333333; - background-color: white; + border-radius: 4px; } -a { - color: #0088cc; - text-decoration: none; +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + white-space: nowrap; } -a:hover, -a:focus { - color: #005580; - text-decoration: underline; +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.428571429; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; } - -.img-rounded { - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; +pre.prettyprint { + margin-bottom: 20px; } - -.img-polaroid { - padding: 4px; - background-color: #fff; - border: 1px solid #cccccc; - border: 1px solid rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +pre code { + padding: 0; + color: inherit; + white-space: pre; + white-space: pre-wrap; + background-color: transparent; + border: 0; } -.img-circle { - -webkit-border-radius: 500px; - -moz-border-radius: 500px; - border-radius: 500px; +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; } -.row { - margin-left: -20px; - *zoom: 1; +.container { + margin-right: auto; + margin-left: auto; +} +.container:before, .container:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.container:after { + clear: both; } + .row:before, .row:after { + content: " "; + /* 1 */ display: table; - content: ""; - line-height: 0; + /* 2 */ } .row:after { clear: both; } +.row .row { + margin-left: -15px; + margin-right: -15px; +} -[class*="span"] { +.col { + position: relative; float: left; + width: 100%; min-height: 1px; - margin-left: 20px; + padding-left: 15px; + padding-right: 15px; } -.container, -.navbar-static-top .container, -.navbar-fixed-top .container, -.navbar-fixed-bottom .container { - width: 940px; +.col-sm-12 { + width: 100%; } -.span1 { - width: 60px; +.col-sm-11 { + width: 91.66666666666666%; } -.span2 { - width: 140px; +.col-sm-10 { + width: 83.33333333333334%; } -.span3 { - width: 220px; +.col-sm-9 { + width: 75%; } -.span4 { - width: 300px; +.col-sm-8 { + width: 66.66666666666666%; } -.span5 { - width: 380px; +.col-sm-7 { + width: 58.333333333333336%; } -.span6 { - width: 460px; +.col-sm-6 { + width: 50%; } -.span7 { - width: 540px; +.col-sm-5 { + width: 41.66666666666667%; } -.span8 { - width: 620px; +.col-sm-4 { + width: 33.33333333333333%; } -.span9 { - width: 700px; +.col-sm-3 { + width: 25%; } -.span10 { - width: 780px; +.col-sm-2 { + width: 16.666666666666664%; } -.span11 { - width: 860px; +.col-sm-1 { + width: 8.333333333333332%; } -.span12 { - width: 940px; -} +@media screen and (min-width: 768px) { + .col-lg-12 { + width: 100%; + } -.offset1 { - margin-left: 100px; -} + .col-lg-11 { + width: 91.66666666666666%; + } -.offset2 { - margin-left: 180px; -} + .col-lg-10 { + width: 83.33333333333334%; + } -.offset3 { - margin-left: 260px; -} + .col-lg-9 { + width: 75%; + } -.offset4 { - margin-left: 340px; -} + .col-lg-8 { + width: 66.66666666666666%; + } -.offset5 { - margin-left: 420px; -} + .col-lg-7 { + width: 58.333333333333336%; + } -.offset6 { - margin-left: 500px; -} + .col-lg-6 { + width: 50%; + } -.offset7 { - margin-left: 580px; -} + .col-lg-5 { + width: 41.66666666666667%; + } -.offset8 { - margin-left: 660px; -} + .col-lg-4 { + width: 33.33333333333333%; + } -.offset9 { - margin-left: 740px; -} + .col-lg-3 { + width: 25%; + } -.offset10 { - margin-left: 820px; -} + .col-lg-2 { + width: 16.666666666666664%; + } -.offset11 { - margin-left: 900px; -} + .col-lg-1 { + width: 8.333333333333332%; + } -.offset12 { - margin-left: 980px; -} + .col-offset-12 { + width: 100%; + } -.row-fluid { - width: 100%; - *zoom: 1; -} -.row-fluid:before, .row-fluid:after { - display: table; - content: ""; - line-height: 0; -} -.row-fluid:after { - clear: both; -} -.row-fluid [class*="span"] { - display: block; - width: 100%; - min-height: 30px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - float: left; - margin-left: 2.12766%; - *margin-left: 2.07447%; -} -.row-fluid [class*="span"]:first-child { - margin-left: 0; -} -.row-fluid .controls-row [class*="span"] + [class*="span"] { - margin-left: 2.12766%; -} -.row-fluid .span1 { - width: 6.38298%; - *width: 6.32979%; -} -.row-fluid .span2 { - width: 14.89362%; - *width: 14.84043%; -} -.row-fluid .span3 { - width: 23.40426%; - *width: 23.35106%; -} -.row-fluid .span4 { - width: 31.91489%; - *width: 31.8617%; -} -.row-fluid .span5 { - width: 40.42553%; - *width: 40.37234%; -} -.row-fluid .span6 { - width: 48.93617%; - *width: 48.88298%; -} -.row-fluid .span7 { - width: 57.44681%; - *width: 57.39362%; -} -.row-fluid .span8 { - width: 65.95745%; - *width: 65.90426%; -} -.row-fluid .span9 { - width: 74.46809%; - *width: 74.41489%; -} -.row-fluid .span10 { - width: 82.97872%; - *width: 82.92553%; -} -.row-fluid .span11 { - width: 91.48936%; - *width: 91.43617%; -} -.row-fluid .span12 { - width: 100%; - *width: 99.94681%; -} -.row-fluid .offset1 { - margin-left: 10.6383%; - *margin-left: 10.53191%; -} -.row-fluid .offset1:first-child { - margin-left: 8.51064%; - *margin-left: 8.40426%; -} -.row-fluid .offset2 { - margin-left: 19.14894%; - *margin-left: 19.04255%; -} -.row-fluid .offset2:first-child { - margin-left: 17.02128%; - *margin-left: 16.91489%; -} -.row-fluid .offset3 { - margin-left: 27.65957%; - *margin-left: 27.55319%; -} -.row-fluid .offset3:first-child { - margin-left: 25.53191%; - *margin-left: 25.42553%; -} -.row-fluid .offset4 { - margin-left: 36.17021%; - *margin-left: 36.06383%; -} -.row-fluid .offset4:first-child { - margin-left: 34.04255%; - *margin-left: 33.93617%; -} -.row-fluid .offset5 { - margin-left: 44.68085%; - *margin-left: 44.57447%; -} -.row-fluid .offset5:first-child { - margin-left: 42.55319%; - *margin-left: 42.44681%; -} -.row-fluid .offset6 { - margin-left: 53.19149%; - *margin-left: 53.08511%; -} -.row-fluid .offset6:first-child { - margin-left: 51.06383%; - *margin-left: 50.95745%; -} -.row-fluid .offset7 { - margin-left: 61.70213%; - *margin-left: 61.59574%; -} -.row-fluid .offset7:first-child { - margin-left: 59.57447%; - *margin-left: 59.46809%; -} -.row-fluid .offset8 { - margin-left: 70.21277%; - *margin-left: 70.10638%; -} -.row-fluid .offset8:first-child { - margin-left: 68.08511%; - *margin-left: 67.97872%; -} -.row-fluid .offset9 { - margin-left: 78.7234%; - *margin-left: 78.61702%; -} -.row-fluid .offset9:first-child { - margin-left: 76.59574%; - *margin-left: 76.48936%; -} -.row-fluid .offset10 { - margin-left: 87.23404%; - *margin-left: 87.12766%; -} -.row-fluid .offset10:first-child { - margin-left: 85.10638%; - *margin-left: 85.0%; -} -.row-fluid .offset11 { - margin-left: 95.74468%; - *margin-left: 95.6383%; -} -.row-fluid .offset11:first-child { - margin-left: 93.61702%; - *margin-left: 93.51064%; -} -.row-fluid .offset12 { - margin-left: 104.25532%; - *margin-left: 104.14894%; -} -.row-fluid .offset12:first-child { - margin-left: 102.12766%; - *margin-left: 102.02128%; -} - -[class*="span"].hide, -.row-fluid [class*="span"].hide { - display: none; -} - -[class*="span"].pull-right, -.row-fluid [class*="span"].pull-right { - float: right; -} - -.container { - margin-right: auto; - margin-left: auto; - *zoom: 1; -} -.container:before, .container:after { - display: table; - content: ""; - line-height: 0; -} -.container:after { - clear: both; -} - -.container-fluid { - padding-right: 20px; - padding-left: 20px; - *zoom: 1; -} -.container-fluid:before, .container-fluid:after { - display: table; - content: ""; - line-height: 0; -} -.container-fluid:after { - clear: both; -} - -p { - margin: 0 0 10px; -} - -.lead { - margin-bottom: 20px; - font-size: 21px; - font-weight: 200; - line-height: 30px; -} - -small { - font-size: 85%; -} - -strong { - font-weight: bold; -} - -em { - font-style: italic; -} - -cite { - font-style: normal; -} - -.muted { - color: #999999; -} - -a.muted:hover, -a.muted:focus { - color: gray; -} - -.text-warning { - color: #c09853; -} - -a.text-warning:hover, -a.text-warning:focus { - color: #a47e3c; -} - -.text-error { - color: #b94a48; -} - -a.text-error:hover, -a.text-error:focus { - color: #953b39; -} - -.text-info { - color: #3a87ad; -} - -a.text-info:hover, -a.text-info:focus { - color: #2d6987; -} - -.text-success { - color: #468847; -} - -a.text-success:hover, -a.text-success:focus { - color: #356635; -} - -.text-left { - text-align: left; -} - -.text-right { - text-align: right; -} - -.text-center { - text-align: center; -} - -h1, h2, h3, h4, h5, h6 { - margin: 10px 0; - font-family: inherit; - font-weight: bold; - line-height: 20px; - color: inherit; - text-rendering: optimizelegibility; -} -h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { - font-weight: normal; - line-height: 1; - color: #999999; -} - -h1, -h2, -h3 { - line-height: 40px; -} - -h1 { - font-size: 38.5px; -} - -h2 { - font-size: 31.5px; -} - -h3 { - font-size: 24.5px; -} - -h4 { - font-size: 17.5px; -} - -h5 { - font-size: 14px; -} - -h6 { - font-size: 11.9px; -} - -h1 small { - font-size: 24.5px; -} - -h2 small { - font-size: 17.5px; -} - -h3 small { - font-size: 14px; -} - -h4 small { - font-size: 14px; -} - -.page-header { - padding-bottom: 9px; - margin: 20px 0 30px; - border-bottom: 1px solid #eeeeee; -} - -ul, ol { - padding: 0; - margin: 0 0 10px 25px; -} - -ul ul, -ul ol, -ol ol, -ol ul { - margin-bottom: 0; -} - -li { - line-height: 20px; -} - -ul.unstyled, -ol.unstyled { - margin-left: 0; - list-style: none; -} - -ul.inline, -ol.inline { - margin-left: 0; - list-style: none; -} -ul.inline > li, -ol.inline > li { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - *zoom: 1; - padding-left: 5px; - padding-right: 5px; -} - -dl { - margin-bottom: 20px; -} - -dt, -dd { - line-height: 20px; -} - -dt { - font-weight: bold; -} - -dd { - margin-left: 10px; -} - -.dl-horizontal { - *zoom: 1; -} -.dl-horizontal:before, .dl-horizontal:after { - display: table; - content: ""; - line-height: 0; -} -.dl-horizontal:after { - clear: both; -} -.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; -} - -hr { - margin: 20px 0; - border: 0; - border-top: 1px solid #eeeeee; - border-bottom: 1px solid white; -} - -abbr[title], -abbr[data-original-title] { - cursor: help; - border-bottom: 1px dotted #999999; -} - -abbr.initialism { - font-size: 90%; - text-transform: uppercase; -} - -blockquote { - padding: 0 0 0 15px; - margin: 0 0 20px; - border-left: 5px solid #eeeeee; -} -blockquote p { - margin-bottom: 0; - font-size: 17.5px; - font-weight: 300; - line-height: 1.25; -} -blockquote small { - display: block; - line-height: 20px; - color: #999999; -} -blockquote small:before { - content: '\2014 \00A0'; -} -blockquote.pull-right { - float: right; - padding-right: 15px; - padding-left: 0; - border-right: 5px solid #eeeeee; - border-left: 0; -} -blockquote.pull-right p, -blockquote.pull-right small { - text-align: right; -} -blockquote.pull-right small:before { - content: ''; -} -blockquote.pull-right small:after { - content: '\00A0 \2014'; -} - -q:before, -q:after, -blockquote:before, -blockquote:after { - content: ""; -} - -address { - display: block; - margin-bottom: 20px; - font-style: normal; - line-height: 20px; -} - -code, -pre { - padding: 0 3px 2px; - font-family: Monaco, Menlo, Consolas, "Courier New", monospace; - font-size: 12px; - color: #333333; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} - -code { - padding: 2px 4px; - color: #d14; - background-color: #f7f7f9; - border: 1px solid #e1e1e8; - white-space: nowrap; -} - -pre { - display: block; - padding: 9.5px; - margin: 0 0 10px; - font-size: 13px; - line-height: 20px; - word-break: break-all; - word-wrap: break-word; - white-space: pre; - white-space: pre-wrap; - background-color: #f5f5f5; - border: 1px solid #cccccc; - border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -pre.prettyprint { - margin-bottom: 20px; -} -pre code { - padding: 0; - color: inherit; - white-space: pre; - white-space: pre-wrap; - background-color: transparent; - border: 0; -} - -.pre-scrollable { - max-height: 340px; - overflow-y: scroll; -} - -form { - margin: 0 0 20px; -} - -fieldset { - padding: 0; - margin: 0; - border: 0; -} - -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21px; - line-height: 40px; - color: #333333; - border: 0; - border-bottom: 1px solid #e5e5e5; -} -legend small { - font-size: 15px; - color: #999999; -} - -label, -input, -button, -select, -textarea { - font-size: 14px; - font-weight: normal; - line-height: 20px; -} - -input, -button, -select, -textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -} - -label { - display: block; - margin-bottom: 5px; -} - -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 { - display: inline-block; - height: 20px; - padding: 4px 6px; - margin-bottom: 10px; - font-size: 14px; - line-height: 20px; - color: #555555; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - vertical-align: middle; -} + .col-offset-11 { + width: 91.66666666666666%; + } -input, -textarea, -.uneditable-input { - width: 206px; -} + .col-offset-10 { + width: 83.33333333333334%; + } -textarea { - height: auto; -} + .col-offset-9 { + width: 75%; + } -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: white; - border: 1px solid #cccccc; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-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 linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} -textarea:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="time"]:focus, -input[type="week"]:focus, -input[type="number"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="color"]:focus, -.uneditable-input:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -} + .col-offset-8 { + width: 66.66666666666666%; + } -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - *margin-top: 0; - /* IE7 */ - margin-top: 1px \9; - /* IE8-9 */ - line-height: normal; -} + .col-offset-7 { + width: 58.333333333333336%; + } -input[type="file"], -input[type="image"], -input[type="submit"], -input[type="reset"], -input[type="button"], -input[type="radio"], -input[type="checkbox"] { - width: auto; -} + .col-offset-6 { + width: 50%; + } -select, -input[type="file"] { - height: 30px; - /* In IE7, the height of the select element cannot be changed by height, only font-size */ - *margin-top: 4px; - /* For IE7, add top margin to align select with labels */ - line-height: 30px; -} + .col-offset-5 { + width: 41.66666666666667%; + } -select { - width: 220px; - border: 1px solid #cccccc; - background-color: white; -} + .col-offset-4 { + width: 33.33333333333333%; + } -select[multiple], -select[size] { - height: auto; -} + .col-offset-3 { + width: 25%; + } -select:focus, -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted #333333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} + .col-offset-2 { + width: 16.666666666666664%; + } -.uneditable-input, -.uneditable-textarea { - color: #999999; - background-color: #fcfcfc; - border-color: #cccccc; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - cursor: not-allowed; -} + .col-offset-1 { + width: 8.333333333333332%; + } -.uneditable-input { - overflow: hidden; - white-space: nowrap; -} + .col-push-12 { + width: 100%; + } -.uneditable-textarea { - width: auto; - height: auto; -} + .col-push-11 { + width: 91.66666666666666%; + } -input:-moz-placeholder, -textarea:-moz-placeholder { - color: #999999; -} -input:-ms-input-placeholder, -textarea:-ms-input-placeholder { - color: #999999; -} -input::-webkit-input-placeholder, -textarea::-webkit-input-placeholder { - color: #999999; -} + .col-push-10 { + width: 83.33333333333334%; + } -.radio, -.checkbox { - min-height: 20px; - padding-left: 20px; -} + .col-push-9 { + width: 75%; + } -.radio input[type="radio"], -.checkbox input[type="checkbox"] { - float: left; - margin-left: -20px; -} + .col-push-8 { + width: 66.66666666666666%; + } -.controls > .radio:first-child, -.controls > .checkbox:first-child { - padding-top: 5px; -} + .col-push-7 { + width: 58.333333333333336%; + } -.radio.inline, -.checkbox.inline { - display: inline-block; - padding-top: 5px; - margin-bottom: 0; - vertical-align: middle; -} + .col-push-6 { + width: 50%; + } -.radio.inline + .radio.inline, -.checkbox.inline + .checkbox.inline { - margin-left: 10px; -} + .col-push-5 { + width: 41.66666666666667%; + } -.input-mini { - width: 60px; -} + .col-push-4 { + width: 33.33333333333333%; + } -.input-small { - width: 90px; -} + .col-push-3 { + width: 25%; + } -.input-medium { - width: 150px; -} + .col-push-2 { + width: 16.666666666666664%; + } -.input-large { - width: 210px; -} + .col-push-1 { + width: 8.333333333333332%; + } -.input-xlarge { - width: 270px; -} + .col-pull-12 { + width: 100%; + } -.input-xxlarge { - width: 530px; -} + .col-pull-11 { + width: 91.66666666666666%; + } -input[class*="span"], -select[class*="span"], -textarea[class*="span"], -.uneditable-input[class*="span"], -.row-fluid input[class*="span"], -.row-fluid select[class*="span"], -.row-fluid textarea[class*="span"], -.row-fluid .uneditable-input[class*="span"] { - float: none; - margin-left: 0; -} + .col-pull-10 { + width: 83.33333333333334%; + } -.input-append input[class*="span"], -.input-append .uneditable-input[class*="span"], -.input-prepend input[class*="span"], -.input-prepend .uneditable-input[class*="span"], -.row-fluid input[class*="span"], -.row-fluid select[class*="span"], -.row-fluid textarea[class*="span"], -.row-fluid .uneditable-input[class*="span"], -.row-fluid .input-prepend [class*="span"], -.row-fluid .input-append [class*="span"] { - display: inline-block; -} + .col-pull-9 { + width: 75%; + } -input, -textarea, -.uneditable-input { - margin-left: 0; -} + .col-pull-8 { + width: 66.66666666666666%; + } -.controls-row [class*="span"] + [class*="span"] { - margin-left: 20px; -} + .col-pull-7 { + width: 58.333333333333336%; + } -input.span1, -textarea.span1, -.uneditable-input.span1 { - width: 46px; -} + .col-pull-6 { + width: 50%; + } -input.span2, -textarea.span2, -.uneditable-input.span2 { - width: 126px; -} + .col-pull-5 { + width: 41.66666666666667%; + } -input.span3, -textarea.span3, -.uneditable-input.span3 { - width: 206px; -} + .col-pull-4 { + width: 33.33333333333333%; + } -input.span4, -textarea.span4, -.uneditable-input.span4 { - width: 286px; -} + .col-pull-3 { + width: 25%; + } -input.span5, -textarea.span5, -.uneditable-input.span5 { - width: 366px; -} + .col-pull-2 { + width: 16.666666666666664%; + } -input.span6, -textarea.span6, -.uneditable-input.span6 { - width: 446px; + .col-pull-1 { + width: 8.333333333333332%; + } } - -input.span7, -textarea.span7, -.uneditable-input.span7 { - width: 526px; +@media screen and (min-width: 768px) { + .container { + max-width: 728px; + } } - -input.span8, -textarea.span8, -.uneditable-input.span8 { - width: 606px; +@media screen and (min-width: 992px) { + .container { + max-width: 940px; + } } - -input.span9, -textarea.span9, -.uneditable-input.span9 { - width: 686px; +@media screen and (min-width: 1200px) { + .container { + max-width: 1170px; + } } - -input.span10, -textarea.span10, -.uneditable-input.span10 { - width: 766px; +/*[class*="col-span-"].pull-right { + float: right; +}*/ +table { + max-width: 100%; + background-color: transparent; } -input.span11, -textarea.span11, -.uneditable-input.span11 { - width: 846px; +th { + text-align: left; } -input.span12, -textarea.span12, -.uneditable-input.span12 { - width: 926px; +.table { + width: 100%; + margin-bottom: 20px; } - -.controls-row { - *zoom: 1; +.table thead > tr > th, +.table tbody > tr > th, +.table thead > tr > td, +.table tbody > tr > td { + padding: 8px; + line-height: 1.428571429; + vertical-align: top; + border-top: 1px solid #dddddd; } -.controls-row:before, .controls-row:after { - display: table; - content: ""; - line-height: 0; +.table thead > tr > th { + vertical-align: bottom; } -.controls-row:after { - clear: both; +.table caption + thead tr:first-child th, +.table caption + thead tr:first-child td, +.table colgroup + thead tr:first-child th, +.table colgroup + thead tr:first-child td, +.table thead:first-child tr:first-child th, +.table thead:first-child tr:first-child td { + border-top: 0; } - -.controls-row [class*="span"], -.row-fluid .controls-row [class*="span"] { - float: left; +.table tbody + tbody { + border-top: 2px solid #dddddd; } - -.controls-row .checkbox[class*="span"], -.controls-row .radio[class*="span"] { - padding-top: 5px; +.table .table { + background-color: white; } -input[disabled], -select[disabled], -textarea[disabled], -input[readonly], -select[readonly], -textarea[readonly] { - cursor: not-allowed; - background-color: #eeeeee; +.table-condensed thead > tr > th, +.table-condensed tbody > tr > th, +.table-condensed thead > tr > td, +.table-condensed tbody > tr > td { + padding: 4px 5px; } -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"][readonly], -input[type="checkbox"][readonly] { - background-color: transparent; +.table-bordered { + border: 1px solid #dddddd; + border-collapse: separate; + border-left: 0; + border-radius: 4px; } - -.control-group.warning .control-label, -.control-group.warning .help-block, -.control-group.warning .help-inline { - color: #c09853; +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td { + border-left: 1px solid #dddddd; } -.control-group.warning .checkbox, -.control-group.warning .radio, -.control-group.warning input, -.control-group.warning select, -.control-group.warning textarea { - color: #c09853; +.table-bordered > caption + thead > tr:first-child th, +.table-bordered > caption + tbody > tr:first-child th, +.table-bordered > caption + tbody > tr:first-child td, +.table-bordered > colgroup + thead > tr:first-child th, +.table-bordered > colgroup + tbody > tr:first-child th, +.table-bordered > colgroup + tbody > tr:first-child td, +.table-bordered > thead:first-child > tr:first-child th, +.table-bordered > tbody:first-child > tr:first-child th, +.table-bordered > tbody:first-child > tr:first-child td { + border-top: 0; } -.control-group.warning input, -.control-group.warning select, -.control-group.warning textarea { - border-color: #c09853; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +.table-bordered > thead:first-child > tr:first-child > th:first-child, +.table-bordered > tbody:first-child > tr:first-child > td:first-child, +.table-bordered > tbody:first-child > tr:first-child > th:first-child { + border-top-left-radius: 4px; } -.control-group.warning input:focus, -.control-group.warning select:focus, -.control-group.warning textarea:focus { - border-color: #a47e3c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - -moz-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; +.table-bordered > thead:first-child > tr:first-child > th:last-child, +.table-bordered > tbody:first-child > tr:first-child > td:last-child, +.table-bordered > tbody:first-child > tr:first-child > th:last-child { + border-top-right-radius: 4px; } -.control-group.warning .input-prepend .add-on, -.control-group.warning .input-append .add-on { - color: #c09853; - background-color: #fcf8e3; - border-color: #c09853; +.table-bordered > thead:last-child > tr:last-child > th:first-child, +.table-bordered > tbody:last-child > tr:last-child > td:first-child, +.table-bordered > tbody:last-child > tr:last-child > th:first-child, +.table-bordered > tfoot:last-child > tr:last-child > td:first-child, +.table-bordered > tfoot:last-child > tr:last-child > th:first-child { + border-bottom-left-radius: 4px; } - -.control-group.error .control-label, -.control-group.error .help-block, -.control-group.error .help-inline { - color: #b94a48; +.table-bordered > thead:last-child > tr:last-child > th:last-child, +.table-bordered > tbody:last-child > tr:last-child > td:last-child, +.table-bordered > tbody:last-child > tr:last-child > th:last-child, +.table-bordered > tfoot:last-child > tr:last-child > td:last-child, +.table-bordered > tfoot:last-child > tr:last-child > th:last-child { + border-bottom-right-radius: 4px; } -.control-group.error .checkbox, -.control-group.error .radio, -.control-group.error input, -.control-group.error select, -.control-group.error textarea { - color: #b94a48; +.table-bordered > tfoot + tbody:last-child > tr:last-child > td:first-child { + border-bottom-left-radius: 0; } -.control-group.error input, -.control-group.error select, -.control-group.error textarea { - border-color: #b94a48; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +.table-bordered > tfoot + tbody:last-child > tr:last-child > td:last-child { + border-bottom-right-radius: 0; } -.control-group.error input:focus, -.control-group.error select:focus, -.control-group.error textarea:focus { - border-color: #953b39; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - -moz-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; +.table-bordered > caption + thead > tr:first-child > th:first-child, +.table-bordered > caption + tbody > tr:first-child > td:first-child, +.table-bordered > colgroup + thead > tr:first-child > th:first-child, +.table-bordered > colgroup + tbody > tr:first-child > td:first-child { + border-top-left-radius: 4px; } -.control-group.error .input-prepend .add-on, -.control-group.error .input-append .add-on { - color: #b94a48; - background-color: #f2dede; - border-color: #b94a48; +.table-bordered > caption + thead > tr:first-child > th:last-child, +.table-bordered > caption + tbody > tr:first-child > td:last-child, +.table-bordered > colgroup + thead > tr:first-child > th:last-child, +.table-bordered > colgroup + tbody > tr:first-child > td:last-child { + border-top-right-radius: 4px; } -.control-group.success .control-label, -.control-group.success .help-block, -.control-group.success .help-inline { - color: #468847; -} -.control-group.success .checkbox, -.control-group.success .radio, -.control-group.success input, -.control-group.success select, -.control-group.success textarea { - color: #468847; -} -.control-group.success input, -.control-group.success select, -.control-group.success textarea { - border-color: #468847; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} -.control-group.success input:focus, -.control-group.success select:focus, -.control-group.success textarea:focus { - border-color: #356635; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - -moz-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; +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; } -.control-group.success .input-prepend .add-on, -.control-group.success .input-append .add-on { - color: #468847; - background-color: #dff0d8; - border-color: #468847; + +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: whitesmoke; } -.control-group.info .control-label, -.control-group.info .help-block, -.control-group.info .help-inline { - color: #3a87ad; +table col[class*="col-span-"] { + float: none; + display: table-column; } -.control-group.info .checkbox, -.control-group.info .radio, -.control-group.info input, -.control-group.info select, -.control-group.info textarea { - color: #3a87ad; + +table td[class*="col-span-"], +table th[class*="col-span-"] { + float: none; + display: table-cell; } -.control-group.info input, -.control-group.info select, -.control-group.info textarea { - border-color: #3a87ad; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + +.table > tbody > tr > td.success, +.table > tbody > tr > th.success, .table > tbody > tr.success > td { + background-color: #dff0d8; + border-color: #d6e9c6; } -.control-group.info input:focus, -.control-group.info select:focus, -.control-group.info textarea:focus { - border-color: #2d6987; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; +.table > tbody > tr > td.danger, +.table > tbody > tr > th.danger, .table > tbody > tr.danger > td { + background-color: #f2dede; + border-color: #eed3d7; } -.control-group.info .input-prepend .add-on, -.control-group.info .input-append .add-on { - color: #3a87ad; - background-color: #d9edf7; - border-color: #3a87ad; +.table > tbody > tr > td.warning, +.table > tbody > tr > th.warning, .table > tbody > tr.warning > td { + background-color: #fcf8e3; + border-color: #fbeed5; } -input:focus:invalid, -textarea:focus:invalid, -select:focus:invalid { - color: #b94a48; - border-color: #ee5f5b; -} -input:focus:invalid:focus, -textarea:focus:invalid:focus, -select:focus:invalid:focus { - border-color: #e9322d; - -webkit-box-shadow: 0 0 6px #f8b9b7; - -moz-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td { + background-color: #d0e9c6; + border-color: #c9e2b3; } - -.form-actions { - padding: 19px 20px 20px; - margin-top: 20px; - margin-bottom: 20px; - background-color: whitesmoke; - border-top: 1px solid #e5e5e5; - *zoom: 1; +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td { + background-color: #ebcccc; + border-color: #e6c1c7; } -.form-actions:before, .form-actions:after { - display: table; - content: ""; - line-height: 0; +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td { + background-color: #faf2cc; + border-color: #f8e5be; } -.form-actions:after { - clear: both; + +form { + margin: 0; } -.help-block, -.help-inline { - color: #595959; +fieldset { + padding: 0; + margin: 0; + border: 0; } -.help-block { +legend { display: block; - margin-bottom: 10px; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; } -.help-inline { +label { display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - *zoom: 1; - vertical-align: middle; - padding-left: 5px; + margin-bottom: 5px; + font-weight: bold; } -.input-append, -.input-prepend { - display: inline-block; - margin-bottom: 10px; - vertical-align: middle; - font-size: 0; - white-space: nowrap; -} -.input-append input, -.input-append select, -.input-append .uneditable-input, -.input-append .dropdown-menu, -.input-append .popover, -.input-prepend input, -.input-prepend select, -.input-prepend .uneditable-input, -.input-prepend .dropdown-menu, -.input-prepend .popover { - font-size: 14px; -} -.input-append input, -.input-append select, -.input-append .uneditable-input, -.input-prepend input, -.input-prepend select, -.input-prepend .uneditable-input { - position: relative; - margin-bottom: 0; - *margin-left: 0; - vertical-align: top; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -.input-append input:focus, -.input-append select:focus, -.input-append .uneditable-input:focus, -.input-prepend input:focus, -.input-prepend select:focus, -.input-prepend .uneditable-input:focus { - z-index: 2; -} -.input-append .add-on, -.input-prepend .add-on { - display: inline-block; - width: auto; - height: 20px; - min-width: 16px; - padding: 4px 5px; +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"] { + display: block; + min-height: 36px; + padding: 8px 12px; font-size: 14px; - font-weight: normal; - line-height: 20px; - text-align: center; - text-shadow: 0 1px 0 white; - background-color: #eeeeee; + line-height: 1.428571429; + color: #555555; + vertical-align: middle; + background-color: white; 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 0.15s, box-shadow ease-in-out 0.15s; + -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } -.input-append .add-on, -.input-append .btn, -.input-append .btn-group > .dropdown-toggle, -.input-prepend .add-on, -.input-prepend .btn, -.input-prepend .btn-group > .dropdown-toggle { - vertical-align: top; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; +select:focus, +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); +} + +input, +select, +textarea { + width: 100%; } -.input-append .active, -.input-prepend .active { - background-color: #a9dba9; - border-color: #46a546; + +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; } -.input-prepend .add-on, -.input-prepend .btn { - margin-right: -1px; -} -.input-prepend .add-on:first-child, -.input-prepend .btn:first-child { - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } -.input-append input, -.input-append select, -.input-append .uneditable-input { - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; -} -.input-append input + .btn-group .btn:last-child, -.input-append select + .btn-group .btn:last-child, -.input-append .uneditable-input + .btn-group .btn:last-child { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -.input-append .add-on, -.input-append .btn, -.input-append .btn-group { - margin-left: -1px; -} -.input-append .add-on:last-child, -.input-append .btn:last-child, -.input-append .btn-group:last-child > .dropdown-toggle { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; +textarea { + height: auto; } -.input-prepend.input-append input, -.input-prepend.input-append select, -.input-prepend.input-append .uneditable-input { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} -.input-prepend.input-append input + .btn-group .btn, -.input-prepend.input-append select + .btn-group .btn, -.input-prepend.input-append .uneditable-input + .btn-group .btn { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -.input-prepend.input-append .add-on:first-child, -.input-prepend.input-append .btn:first-child { - margin-right: -1px; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; -} -.input-prepend.input-append .add-on:last-child, -.input-prepend.input-append .btn:last-child { - margin-left: -1px; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; -} -.input-prepend.input-append .btn-group:first-child { - margin-left: 0; +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + line-height: normal; } -input.search-query { - padding-right: 14px; - padding-right: 4px \9; - padding-left: 14px; - padding-left: 4px \9; - /* IE7-8 doesn't have border-radius, so don't indent the padding */ - margin-bottom: 0; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; +select, +input[type="file"] { + height: 36px; + /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ + line-height: 36px; } -/* Allow for input prepend/append in search forms */ -.form-search .input-append .search-query, -.form-search .input-prepend .search-query { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; +select[multiple], +select[size] { + height: auto; } -.form-search .input-append .search-query { - -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; +select optgroup { + font-size: inherit; + font-style: inherit; + font-family: inherit; } -.form-search .input-append .btn { - -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } -.form-search .input-prepend .search-query { - -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; } - -.form-search .input-prepend .btn { - -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; +input::-moz-placeholder, +textarea::-moz-placeholder { + color: #999999; +} +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; } -.form-search input, -.form-search textarea, -.form-search select, -.form-search .help-inline, -.form-search .uneditable-input, -.form-search .input-prepend, -.form-search .input-append, -.form-inline input, -.form-inline textarea, -.form-inline select, -.form-inline .help-inline, -.form-inline .uneditable-input, -.form-inline .input-prepend, -.form-inline .input-append, -.form-horizontal input, -.form-horizontal textarea, -.form-horizontal select, -.form-horizontal .help-inline, -.form-horizontal .uneditable-input, -.form-horizontal .input-prepend, -.form-horizontal .input-append { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - *zoom: 1; - margin-bottom: 0; +.radio, +.checkbox { + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px; + padding-left: 20px; vertical-align: middle; } -.form-search .hide, -.form-inline .hide, -.form-horizontal .hide { - display: none; +.radio label, +.checkbox label { + display: inline; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } -.form-search label, -.form-inline label, -.form-search .btn-group, -.form-inline .btn-group { - display: inline-block; +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; } -.form-search .input-append, -.form-inline .input-append, -.form-search .input-prepend, -.form-inline .input-prepend { - margin-bottom: 0; +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; } -.form-search .radio, -.form-search .checkbox, -.form-inline .radio, -.form-inline .checkbox { - padding-left: 0; +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; margin-bottom: 0; vertical-align: middle; + font-weight: normal; + cursor: pointer; } -.form-search .radio input[type="radio"], -.form-search .checkbox input[type="checkbox"], -.form-inline .radio input[type="radio"], -.form-inline .checkbox input[type="checkbox"] { - float: left; - margin-right: 3px; - margin-left: 0; +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; } -.control-group { - margin-bottom: 10px; +select.input-large, +textarea.input-large, +input[type="text"].input-large, +input[type="password"].input-large, +input[type="datetime"].input-large, +input[type="datetime-local"].input-large, +input[type="date"].input-large, +input[type="month"].input-large, +input[type="time"].input-large, +input[type="week"].input-large, +input[type="number"].input-large, +input[type="email"].input-large, +input[type="url"].input-large, +input[type="search"].input-large, +input[type="tel"].input-large, +input[type="color"].input-large { + padding: 14px 16px; + font-size: 18px; + border-radius: 6px; } - -legend + .control-group { - margin-top: 20px; - -webkit-margin-top-collapse: separate; +select.input-small, +textarea.input-small, +input[type="text"].input-small, +input[type="password"].input-small, +input[type="datetime"].input-small, +input[type="datetime-local"].input-small, +input[type="date"].input-small, +input[type="month"].input-small, +input[type="time"].input-small, +input[type="week"].input-small, +input[type="number"].input-small, +input[type="email"].input-small, +input[type="url"].input-small, +input[type="search"].input-small, +input[type="tel"].input-small, +input[type="color"].input-small { + min-height: 30px; + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; } -.form-horizontal .control-group { - margin-bottom: 20px; - *zoom: 1; -} -.form-horizontal .control-group:before, .form-horizontal .control-group:after { - display: table; - content: ""; - line-height: 0; -} -.form-horizontal .control-group:after { - clear: both; -} -.form-horizontal .control-label { - float: left; - width: 160px; - padding-top: 5px; - text-align: right; -} -.form-horizontal .controls { - *display: inline-block; - *padding-left: 20px; - margin-left: 180px; - *margin-left: 0; -} -.form-horizontal .controls:first-child { - *padding-left: 180px; -} -.form-horizontal .help-block { - margin-bottom: 0; -} -.form-horizontal input + .help-block, -.form-horizontal select + .help-block, -.form-horizontal textarea + .help-block, -.form-horizontal .uneditable-input + .help-block, -.form-horizontal .input-prepend + .help-block, -.form-horizontal .input-append + .help-block { - margin-top: 10px; -} -.form-horizontal .form-actions { - padding-left: 180px; +input[disabled], input[readonly], fieldset[disabled] input, +select[disabled], +select[readonly], fieldset[disabled] +select, +textarea[disabled], +textarea[readonly], fieldset[disabled] +textarea { + cursor: not-allowed; + background-color: #eeeeee; } -table { - max-width: 100%; +input[type="radio"][disabled], input[type="radio"][readonly], fieldset[disabled] input[type="radio"], +input[type="checkbox"][disabled], +input[type="checkbox"][readonly], fieldset[disabled] +input[type="checkbox"] { background-color: transparent; - border-collapse: collapse; - border-spacing: 0; } -.table { - width: 100%; - margin-bottom: 20px; -} -.table th, -.table td { - padding: 8px; - line-height: 20px; - text-align: left; - vertical-align: top; - border-top: 1px solid #dddddd; -} -.table th { - font-weight: bold; -} -.table thead th { - vertical-align: bottom; -} -.table caption + thead tr:first-child th, -.table caption + thead tr:first-child td, -.table colgroup + thead tr:first-child th, -.table colgroup + thead tr:first-child td, -.table thead:first-child tr:first-child th, -.table thead:first-child tr:first-child td { - border-top: 0; -} -.table tbody + tbody { - border-top: 2px solid #dddddd; +.has-warning .control-label { + color: #c09853; } -.table .table { - background-color: white; +.has-warning .input-with-feedback { + padding-right: 32px; + 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); } - -.table-condensed th, -.table-condensed td { - padding: 4px 5px; +.has-warning .input-with-feedback: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; } -.table-bordered { - border: 1px solid #dddddd; - border-collapse: separate; - *border-collapse: collapse; - border-left: 0; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.table-bordered th, -.table-bordered td { - border-left: 1px solid #dddddd; -} -.table-bordered caption + thead tr:first-child th, -.table-bordered caption + tbody tr:first-child th, -.table-bordered caption + tbody tr:first-child td, -.table-bordered colgroup + thead tr:first-child th, -.table-bordered colgroup + tbody tr:first-child th, -.table-bordered colgroup + tbody tr:first-child td, -.table-bordered thead:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child td { - border-top: 0; -} -.table-bordered thead:first-child tr:first-child > th:first-child, -.table-bordered tbody:first-child tr:first-child > td:first-child, -.table-bordered tbody:first-child tr:first-child > th:first-child { - -webkit-border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; - border-top-left-radius: 4px; -} -.table-bordered thead:first-child tr:first-child > th:last-child, -.table-bordered tbody:first-child tr:first-child > td:last-child, -.table-bordered tbody:first-child tr:first-child > th:last-child { - -webkit-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - border-top-right-radius: 4px; -} -.table-bordered thead:last-child tr:last-child > th:first-child, -.table-bordered tbody:last-child tr:last-child > td:first-child, -.table-bordered tbody:last-child tr:last-child > th:first-child, -.table-bordered tfoot:last-child tr:last-child > td:first-child, -.table-bordered tfoot:last-child tr:last-child > th:first-child { - -webkit-border-bottom-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; - border-bottom-left-radius: 4px; +.has-error .control-label { + color: #b94a48; } -.table-bordered thead:last-child tr:last-child > th:last-child, -.table-bordered tbody:last-child tr:last-child > td:last-child, -.table-bordered tbody:last-child tr:last-child > th:last-child, -.table-bordered tfoot:last-child tr:last-child > td:last-child, -.table-bordered tfoot:last-child tr:last-child > th:last-child { - -webkit-border-bottom-right-radius: 4px; - -moz-border-radius-bottomright: 4px; - border-bottom-right-radius: 4px; +.has-error .input-with-feedback { + padding-right: 32px; + 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); } -.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { - -webkit-border-bottom-left-radius: 0; - -moz-border-radius-bottomleft: 0; - border-bottom-left-radius: 0; +.has-error .input-with-feedback: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; } -.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { - -webkit-border-bottom-right-radius: 0; - -moz-border-radius-bottomright: 0; - border-bottom-right-radius: 0; + +.has-success .control-label { + color: #468847; } -.table-bordered caption + thead tr:first-child th:first-child, -.table-bordered caption + tbody tr:first-child td:first-child, -.table-bordered colgroup + thead tr:first-child th:first-child, -.table-bordered colgroup + tbody tr:first-child td:first-child { - -webkit-border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; - border-top-left-radius: 4px; +.has-success .input-with-feedback { + padding-right: 32px; + 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); } -.table-bordered caption + thead tr:first-child th:last-child, -.table-bordered caption + tbody tr:first-child td:last-child, -.table-bordered colgroup + thead tr:first-child th:last-child, -.table-bordered colgroup + tbody tr:first-child td:last-child { - -webkit-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - border-top-right-radius: 4px; +.has-success .input-with-feedback: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; } -.table-striped tbody > tr:nth-child(odd) > td, -.table-striped tbody > tr:nth-child(odd) > th { - background-color: #f9f9f9; +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; } - -.table-hover tbody tr:hover > td, -.table-hover tbody tr:hover > th { - background-color: whitesmoke; +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { + border-color: #e9322d; + -webkit-box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; } -table td[class*="span"], -table th[class*="span"], -.row-fluid table td[class*="span"], -.row-fluid table th[class*="span"] { - display: table-cell; - float: none; - margin-left: 0; +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; } -.table td.span1, -.table th.span1 { - float: none; - width: 44px; - margin-left: 0; -} -.table td.span2, -.table th.span2 { - float: none; - width: 124px; - margin-left: 0; -} -.table td.span3, -.table th.span3 { - float: none; - width: 204px; - margin-left: 0; -} -.table td.span4, -.table th.span4 { - float: none; - width: 284px; - margin-left: 0; -} -.table td.span5, -.table th.span5 { - float: none; - width: 364px; - margin-left: 0; -} -.table td.span6, -.table th.span6 { - float: none; - width: 444px; - margin-left: 0; -} -.table td.span7, -.table th.span7 { - float: none; - width: 524px; - margin-left: 0; -} -.table td.span8, -.table th.span8 { - float: none; - width: 604px; - margin-left: 0; -} -.table td.span9, -.table th.span9 { - float: none; - width: 684px; - margin-left: 0; -} -.table td.span10, -.table th.span10 { - float: none; - width: 764px; - margin-left: 0; +.input-group { + display: table; } -.table td.span11, -.table th.span11 { +.input-group.col { float: none; - width: 844px; - margin-left: 0; + padding-left: 0; + padding-right: 0; } -.table td.span12, -.table th.span12 { - float: none; - width: 924px; - margin-left: 0; +.input-group input, +.input-group select { + width: 100%; + margin-bottom: 0; } -.table tbody tr.success > td { - background-color: #dff0d8; -} -.table tbody tr.error > td { - background-color: #f2dede; -} -.table tbody tr.warning > td { - background-color: #fcf8e3; +.input-group-addon, +.input-group-btn, +.input-group input { + display: table-cell; } -.table tbody tr.info > td { - background-color: #d9edf7; +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group input:not(:first-child):not(:last-child) { + border-radius: 0; } -.table-hover tbody tr.success:hover > td { - background-color: #d0e9c6; +.input-group-addon, +.input-group-btn { + width: 1%; + vertical-align: middle; } -.table-hover tbody tr.error:hover > td { - background-color: #ebcccc; + +.input-group-addon { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 8px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1.428571429; + text-align: center; + text-shadow: 0 1px 0 #fff; + background-color: #eeeeee; + border: 1px solid #ccc; + border-radius: 4px; } -.table-hover tbody tr.warning:hover > td { - background-color: #faf2cc; +.input-group-addon.input-small { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; } -.table-hover tbody tr.info:hover > td { - background-color: #c4e3f3; +.input-group-addon.input-large { + padding: 14px 16px; + font-size: 18px; + border-radius: 6px; } -[class^="icon-"], -[class*=" icon-"] { - display: inline-block; - width: 14px; - height: 14px; - *margin-right: .3em; - line-height: 14px; - vertical-align: text-top; - background-image: url("../img/glyphicons-halflings.png"); - background-position: 14px 14px; - background-repeat: no-repeat; - margin-top: 1px; +.input-group input:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } -/* White icons with optional class, or on hover/focus/active states of certain elements */ -.icon-white, -.nav-pills > .active > a > [class^="icon-"], -.nav-pills > .active > a > [class*=" icon-"], -.nav-list > .active > a > [class^="icon-"], -.nav-list > .active > a > [class*=" icon-"], -.navbar-inverse .nav > .active > a > [class^="icon-"], -.navbar-inverse .nav > .active > a > [class*=" icon-"], -.dropdown-menu > li > a:hover > [class^="icon-"], -.dropdown-menu > li > a:focus > [class^="icon-"], -.dropdown-menu > li > a:hover > [class*=" icon-"], -.dropdown-menu > li > a:focus > [class*=" icon-"], -.dropdown-menu > .active > a > [class^="icon-"], -.dropdown-menu > .active > a > [class*=" icon-"], -.dropdown-submenu:hover > a > [class^="icon-"], -.dropdown-submenu:focus > a > [class^="icon-"], -.dropdown-submenu:hover > a > [class*=" icon-"], -.dropdown-submenu:focus > a > [class*=" icon-"] { - background-image: url("../img/glyphicons-halflings-white.png"); +.input-group-addon:first-child { + border-right: 0; } -.icon-glass { - background-position: 0 0; +.input-group input:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } -.icon-music { - background-position: -24px 0; +.input-group-addon:last-child { + border-left: 0; } -.icon-search { - background-position: -48px 0; +.input-group-btn { + position: relative; + white-space: nowrap; } -.icon-envelope { - background-position: -72px 0; +.input-group-btn > .btn { + position: relative; + float: left; } - -.icon-heart { - background-position: -96px 0; +.input-group-btn > .btn + .btn { + margin-left: -1px; } - -.icon-star { - background-position: -120px 0; +.input-group-btn > .btn:hover, .input-group-btn > .btn:active { + z-index: 2; } -.icon-star-empty { - background-position: -144px 0; +.form-inline input, .navbar-form input, +.form-inline select, +.navbar-form select, +.form-inline textarea, +.navbar-form textarea, +.form-inline .radio, +.navbar-form .radio, +.form-inline .checkbox, +.navbar-form .checkbox { + display: inline-block; } - -.icon-user { - background-position: -168px 0; +.form-inline .radio, .navbar-form .radio, +.form-inline .checkbox, +.navbar-form .checkbox { + margin-top: 0; + margin-bottom: 0; } -.icon-film { - background-position: -192px 0; +.form-horizontal .row + .row { + margin-top: 15px; } - -.icon-th-large { - background-position: -216px 0; +.form-horizontal .control-label { + padding-top: 6px; } -.icon-th { - background-position: -240px 0; +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + } } - -.icon-th-list { - background-position: -264px 0; +.btn { + display: inline-block; + padding: 8px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 500; + line-height: 1.428571429; + text-align: center; + vertical-align: middle; + cursor: pointer; + border: 1px solid transparent; + border-radius: 4px; + white-space: nowrap; } - -.icon-ok { - background-position: -288px 0; +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } - -.icon-remove { - background-position: -312px 0; +.btn:hover, .btn:focus { + color: #fff; + text-decoration: none; } - -.icon-zoom-in { - background-position: -336px 0; +.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); } - -.icon-zoom-out { - background-position: -360px 0; +.btn.disabled, .btn[disabled], fieldset[disabled] .btn { + cursor: default; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; } -.icon-off { - background-position: -384px 0; +.btn-default { + color: white; + background-color: #a7a9aa; + border-color: #a7a9aa; } - -.icon-signal { - background-position: -408px 0; +.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { + background-color: #9a9c9d; + border-color: #8d9091; } - -.icon-cog { - background-position: -432px 0; +.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { + background-color: #a7a9aa; + border-color: #a7a9aa; } -.icon-trash { - background-position: -456px 0; +.btn-primary { + color: white; + background-color: #428bca; + border-color: #428bca; } - -.icon-home { - background-position: 0 -24px; +.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active { + background-color: #357ebd; + border-color: #3071a9; } - -.icon-file { - background-position: -24px -24px; +.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { + background-color: #428bca; + border-color: #428bca; } -.icon-time { - background-position: -48px -24px; +.btn-warning { + color: white; + background-color: #f0ad4e; + border-color: #f0ad4e; } - -.icon-road { - background-position: -72px -24px; +.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active { + background-color: #eea236; + border-color: #ec971f; } - -.icon-download-alt { - background-position: -96px -24px; +.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { + background-color: #f0ad4e; + border-color: #f0ad4e; } -.icon-download { - background-position: -120px -24px; +.btn-danger { + color: white; + background-color: #d9534f; + border-color: #d9534f; } - -.icon-upload { - background-position: -144px -24px; +.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active { + background-color: #d43f3a; + border-color: #c9302c; } - -.icon-inbox { - background-position: -168px -24px; +.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { + background-color: #d9534f; + border-color: #d9534f; } -.icon-play-circle { - background-position: -192px -24px; +.btn-success { + color: white; + background-color: #5cb85c; + border-color: #5cb85c; } - -.icon-repeat { - background-position: -216px -24px; +.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active { + background-color: #4cae4c; + border-color: #449d44; } - -.icon-refresh { - background-position: -240px -24px; +.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { + background-color: #5cb85c; + border-color: #5cb85c; } -.icon-list-alt { - background-position: -264px -24px; +.btn-info { + color: white; + background-color: #5bc0de; + border-color: #5bc0de; } - -.icon-lock { - background-position: -287px -24px; +.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active { + background-color: #46b8da; + border-color: #31b0d5; } - -.icon-flag { - background-position: -312px -24px; +.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { + background-color: #5bc0de; + border-color: #5bc0de; } -.icon-headphones { - background-position: -336px -24px; +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + box-shadow: none; } -.icon-volume-off { - background-position: -360px -24px; +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; } -.icon-volume-down { - background-position: -384px -24px; +.btn-link { + color: #428bca; + font-weight: normal; + cursor: pointer; + border-radius: 0; } -.icon-volume-up { - background-position: -408px -24px; +.btn-link:hover, +.btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent; } -.icon-qrcode { - background-position: -432px -24px; +.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { + color: #333333; + text-decoration: none; } -.icon-barcode { - background-position: -456px -24px; +.btn-large { + padding: 14px 16px; + font-size: 18px; + border-radius: 6px; } -.icon-tag { - background-position: 0 -48px; +.btn-small { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; } -.icon-tags { - background-position: -25px -48px; +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; } -.icon-book { - background-position: -48px -48px; +.btn-block + .btn-block { + margin-top: 5px; } -.icon-bookmark { - background-position: -72px -48px; +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } -.icon-print { - background-position: -96px -48px; +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } - -.icon-camera { - background-position: -120px -48px; +.fade.in { + opacity: 1; } -.icon-font { - background-position: -144px -48px; +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; } - -.icon-bold { - background-position: -167px -48px; +.collapse.in { + height: auto; } -.icon-italic { - background-position: -192px -48px; +@font-face { + font-family: 'Glyphicons Halflings'; + src: url("../fonts/glyphiconshalflings-regular.eot"); + src: url("../fonts/glyphiconshalflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphiconshalflings-regular.woff") format("woff"), url("../fonts/glyphiconshalflings-regular.ttf") format("truetype"), url("../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular") format("svg"); } -.icon-text-height { - background-position: -216px -48px; +.glyphicon:before { + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; } -.icon-text-width { - background-position: -240px -48px; +.glyphicon-glass:before { + content: "\e001"; } -.icon-align-left { - background-position: -264px -48px; +.glyphicon-music:before { + content: "\e002"; } -.icon-align-center { - background-position: -288px -48px; +.glyphicon-search:before { + content: "\e003"; } -.icon-align-right { - background-position: -312px -48px; +.glyphicon-envelope:before { + content: "\2709"; } -.icon-align-justify { - background-position: -336px -48px; +.glyphicon-heart:before { + content: "\e005"; } -.icon-list { - background-position: -360px -48px; +.glyphicon-star:before { + content: "\e006"; } -.icon-indent-left { - background-position: -384px -48px; +.glyphicon-star-empty:before { + content: "\e007"; } -.icon-indent-right { - background-position: -408px -48px; +.glyphicon-user:before { + content: "\e008"; } -.icon-facetime-video { - background-position: -432px -48px; +.glyphicon-film:before { + content: "\e009"; } -.icon-picture { - background-position: -456px -48px; +.glyphicon-th-large:before { + content: "\e010"; } -.icon-pencil { - background-position: 0 -72px; +.glyphicon-th:before { + content: "\e011"; } -.icon-map-marker { - background-position: -24px -72px; +.glyphicon-th-list:before { + content: "\e012"; } -.icon-adjust { - background-position: -48px -72px; +.glyphicon-ok:before { + content: "\e013"; } -.icon-tint { - background-position: -72px -72px; +.glyphicon-remove:before { + content: "\e014"; } -.icon-edit { - background-position: -96px -72px; +.glyphicon-zoom-in:before { + content: "\e015"; } -.icon-share { - background-position: -120px -72px; +.glyphicon-zoom-out:before { + content: "\e016"; } -.icon-check { - background-position: -144px -72px; +.glyphicon-off:before { + content: "\e017"; } -.icon-move { - background-position: -168px -72px; +.glyphicon-signal:before { + content: "\e018"; } -.icon-step-backward { - background-position: -192px -72px; +.glyphicon-cog:before { + content: "\e019"; } -.icon-fast-backward { - background-position: -216px -72px; +.glyphicon-trash:before { + content: "\e020"; } -.icon-backward { - background-position: -240px -72px; +.glyphicon-home:before { + content: "\e021"; } -.icon-play { - background-position: -264px -72px; +.glyphicon-file:before { + content: "\e022"; } -.icon-pause { - background-position: -288px -72px; +.glyphicon-time:before { + content: "\e023"; } -.icon-stop { - background-position: -312px -72px; +.glyphicon-road:before { + content: "\e024"; } -.icon-forward { - background-position: -336px -72px; +.glyphicon-download-alt:before { + content: "\e025"; } -.icon-fast-forward { - background-position: -360px -72px; +.glyphicon-download:before { + content: "\e026"; } -.icon-step-forward { - background-position: -384px -72px; +.glyphicon-upload:before { + content: "\e027"; } -.icon-eject { - background-position: -408px -72px; +.glyphicon-inbox:before { + content: "\e028"; } -.icon-chevron-left { - background-position: -432px -72px; +.glyphicon-play-circle:before { + content: "\e029"; } -.icon-chevron-right { - background-position: -456px -72px; +.glyphicon-repeat:before { + content: "\e030"; } -.icon-plus-sign { - background-position: 0 -96px; +.glyphicon-refresh:before { + content: "\e031"; } -.icon-minus-sign { - background-position: -24px -96px; +.glyphicon-list-alt:before { + content: "\e032"; } -.icon-remove-sign { - background-position: -48px -96px; +.glyphicon-lock:before { + content: "\e033"; } -.icon-ok-sign { - background-position: -72px -96px; +.glyphicon-flag:before { + content: "\e034"; } -.icon-question-sign { - background-position: -96px -96px; +.glyphicon-headphones:before { + content: "\e035"; } -.icon-info-sign { - background-position: -120px -96px; +.glyphicon-volume-off:before { + content: "\e036"; } -.icon-screenshot { - background-position: -144px -96px; +.glyphicon-volume-down:before { + content: "\e037"; } -.icon-remove-circle { - background-position: -168px -96px; +.glyphicon-volume-up:before { + content: "\e038"; } -.icon-ok-circle { - background-position: -192px -96px; +.glyphicon-qrcode:before { + content: "\e039"; } -.icon-ban-circle { - background-position: -216px -96px; +.glyphicon-barcode:before { + content: "\e040"; } -.icon-arrow-left { - background-position: -240px -96px; +.glyphicon-tag:before { + content: "\e041"; } -.icon-arrow-right { - background-position: -264px -96px; +.glyphicon-tags:before { + content: "\e042"; } -.icon-arrow-up { - background-position: -289px -96px; +.glyphicon-book:before { + content: "\e043"; } -.icon-arrow-down { - background-position: -312px -96px; +.glyphicon-bookmark:before { + content: "\e044"; } -.icon-share-alt { - background-position: -336px -96px; +.glyphicon-print:before { + content: "\e045"; } -.icon-resize-full { - background-position: -360px -96px; +.glyphicon-camera:before { + content: "\e046"; } -.icon-resize-small { - background-position: -384px -96px; +.glyphicon-font:before { + content: "\e047"; } -.icon-plus { - background-position: -408px -96px; +.glyphicon-bold:before { + content: "\e048"; } -.icon-minus { - background-position: -433px -96px; +.glyphicon-italic:before { + content: "\e049"; } -.icon-asterisk { - background-position: -456px -96px; +.glyphicon-text-height:before { + content: "\e050"; } -.icon-exclamation-sign { - background-position: 0 -120px; +.glyphicon-text-width:before { + content: "\e051"; } -.icon-gift { - background-position: -24px -120px; +.glyphicon-align-left:before { + content: "\e052"; } -.icon-leaf { - background-position: -48px -120px; +.glyphicon-align-center:before { + content: "\e053"; } -.icon-fire { - background-position: -72px -120px; +.glyphicon-align-right:before { + content: "\e054"; } -.icon-eye-open { - background-position: -96px -120px; +.glyphicon-align-justify:before { + content: "\e055"; } -.icon-eye-close { - background-position: -120px -120px; +.glyphicon-list:before { + content: "\e056"; } -.icon-warning-sign { - background-position: -144px -120px; +.glyphicon-indent-left:before { + content: "\e057"; } -.icon-plane { - background-position: -168px -120px; +.glyphicon-indent-right:before { + content: "\e058"; } -.icon-calendar { - background-position: -192px -120px; +.glyphicon-facetime-video:before { + content: "\e059"; } -.icon-random { - background-position: -216px -120px; - width: 16px; +.glyphicon-picture:before { + content: "\e060"; } -.icon-comment { - background-position: -240px -120px; +.glyphicon-pencil:before { + content: "\270f"; } -.icon-magnet { - background-position: -264px -120px; +.glyphicon-map-marker:before { + content: "\e062"; } -.icon-chevron-up { - background-position: -288px -120px; +.glyphicon-adjust:before { + content: "\e063"; } -.icon-chevron-down { - background-position: -313px -119px; +.glyphicon-tint:before { + content: "\e064"; } -.icon-retweet { - background-position: -336px -120px; +.glyphicon-edit:before { + content: "\e065"; } -.icon-shopping-cart { - background-position: -360px -120px; +.glyphicon-share:before { + content: "\e066"; } -.icon-folder-close { - background-position: -384px -120px; - width: 16px; +.glyphicon-check:before { + content: "\e067"; } -.icon-folder-open { - background-position: -408px -120px; - width: 16px; +.glyphicon-move:before { + content: "\e068"; } -.icon-resize-vertical { - background-position: -432px -119px; +.glyphicon-step-backward:before { + content: "\e069"; } -.icon-resize-horizontal { - background-position: -456px -118px; +.glyphicon-fast-backward:before { + content: "\e070"; } -.icon-hdd { - background-position: 0 -144px; +.glyphicon-backward:before { + content: "\e071"; } -.icon-bullhorn { - background-position: -24px -144px; +.glyphicon-play:before { + content: "\e072"; } -.icon-bell { - background-position: -48px -144px; +.glyphicon-pause:before { + content: "\e073"; } -.icon-certificate { - background-position: -72px -144px; +.glyphicon-stop:before { + content: "\e074"; } -.icon-thumbs-up { - background-position: -96px -144px; +.glyphicon-forward:before { + content: "\e075"; } -.icon-thumbs-down { - background-position: -120px -144px; +.glyphicon-fast-forward:before { + content: "\e076"; } -.icon-hand-right { - background-position: -144px -144px; +.glyphicon-step-forward:before { + content: "\e077"; } -.icon-hand-left { - background-position: -168px -144px; +.glyphicon-eject:before { + content: "\e078"; } -.icon-hand-up { - background-position: -192px -144px; +.glyphicon-chevron-left:before { + content: "\e079"; } -.icon-hand-down { - background-position: -216px -144px; +.glyphicon-chevron-right:before { + content: "\e080"; } -.icon-circle-arrow-right { - background-position: -240px -144px; +.glyphicon-plus-sign:before { + content: "\e081"; } -.icon-circle-arrow-left { - background-position: -264px -144px; +.glyphicon-minus-sign:before { + content: "\e082"; } -.icon-circle-arrow-up { - background-position: -288px -144px; +.glyphicon-remove-sign:before { + content: "\e083"; } -.icon-circle-arrow-down { - background-position: -312px -144px; +.glyphicon-ok-sign:before { + content: "\e084"; } -.icon-globe { - background-position: -336px -144px; +.glyphicon-question-sign:before { + content: "\e085"; } -.icon-wrench { - background-position: -360px -144px; +.glyphicon-info-sign:before { + content: "\e086"; } -.icon-tasks { - background-position: -384px -144px; +.glyphicon-screenshot:before { + content: "\e087"; } -.icon-filter { - background-position: -408px -144px; +.glyphicon-remove-circle:before { + content: "\e088"; } -.icon-briefcase { - background-position: -432px -144px; +.glyphicon-ok-circle:before { + content: "\e089"; } -.icon-fullscreen { - background-position: -456px -144px; +.glyphicon-ban-circle:before { + content: "\e090"; } -.dropup, -.dropdown { - position: relative; +.glyphicon-arrow-left:before { + content: "\e091"; } -.dropdown-toggle { - *margin-bottom: -3px; +.glyphicon-arrow-right:before { + content: "\e092"; } -.dropdown-toggle:active, -.open .dropdown-toggle { - outline: 0; +.glyphicon-arrow-up:before { + content: "\e093"; } -.caret { - display: inline-block; - width: 0; - height: 0; - vertical-align: top; - border-top: 4px solid black; - border-right: 4px solid transparent; - border-left: 4px solid transparent; - content: ""; +.glyphicon-arrow-down:before { + content: "\e094"; } -.dropdown .caret { - margin-top: 8px; - margin-left: 2px; +.glyphicon-share-alt:before { + content: "\e095"; } -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; - list-style: none; - background-color: white; - border: 1px solid #cccccc; - border: 1px solid rgba(0, 0, 0, 0.2); - *border-right-width: 2px; - *border-bottom-width: 2px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; -} -.dropdown-menu.pull-right { - right: 0; - left: auto; +.glyphicon-resize-full:before { + content: "\e096"; } -.dropdown-menu .divider { - *width: 100%; - height: 1px; - margin: 9px 1px; - *margin: -5px 0 5px; - overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid white; + +.glyphicon-resize-small:before { + content: "\e097"; } -.dropdown-menu > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 20px; - color: #333333; - white-space: nowrap; + +.glyphicon-plus:before { + content: "\002b"; } -.dropdown-menu > li > a:hover, -.dropdown-menu > li > a:focus, -.dropdown-submenu:hover > a, -.dropdown-submenu:focus > a { - text-decoration: none; - color: white; - background-color: #0081c2; - background-image: -moz-linear-gradient(top, #0088cc, #0077b3); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); - background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); - background-image: -o-linear-gradient(top, #0088cc, #0077b3); - background-image: linear-gradient(to bottom, #0088cc, #0077b3); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0077B3', GradientType=0); +.glyphicon-minus:before { + content: "\2212"; } -.dropdown-menu > .active > a, -.dropdown-menu > .active > a:hover, -.dropdown-menu > .active > a:focus { - color: white; - text-decoration: none; - outline: 0; - background-color: #0081c2; - background-image: -moz-linear-gradient(top, #0088cc, #0077b3); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); - background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); - background-image: -o-linear-gradient(top, #0088cc, #0077b3); - background-image: linear-gradient(to bottom, #0088cc, #0077b3); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0077B3', GradientType=0); +.glyphicon-asterisk:before { + content: "\002a"; } -.dropdown-menu > .disabled > a, -.dropdown-menu > .disabled > a:hover, -.dropdown-menu > .disabled > a:focus { - color: #999999; +.glyphicon-exclamation-sign:before { + content: "\e101"; } -.dropdown-menu > .disabled > a:hover, -.dropdown-menu > .disabled > a:focus { - text-decoration: none; - background-color: transparent; - background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); - cursor: default; +.glyphicon-gift:before { + content: "\e102"; } -.open { - *z-index: 1000; +.glyphicon-leaf:before { + content: "\e103"; } -.open > .dropdown-menu { - display: block; + +.glyphicon-fire:before { + content: "\e104"; } -.pull-right > .dropdown-menu { - right: 0; - left: auto; +.glyphicon-eye-open:before { + content: "\e105"; } -.dropup .caret, -.navbar-fixed-bottom .dropdown .caret { - border-top: 0; - border-bottom: 4px solid black; - content: ""; +.glyphicon-eye-close:before { + content: "\e106"; } -.dropup .dropdown-menu, -.navbar-fixed-bottom .dropdown .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: 1px; + +.glyphicon-warning-sign:before { + content: "\e107"; } -.dropdown-submenu { - position: relative; +.glyphicon-plane:before { + content: "\e108"; } -.dropdown-submenu > .dropdown-menu { - top: 0; - left: 100%; - margin-top: -6px; - margin-left: -1px; - -webkit-border-radius: 0 6px 6px 6px; - -moz-border-radius: 0 6px 6px 6px; - border-radius: 0 6px 6px 6px; +.glyphicon-calendar:before { + content: "\e109"; } -.dropdown-submenu:hover > .dropdown-menu { - display: block; +.glyphicon-random:before { + content: "\e110"; } -.dropup .dropdown-submenu > .dropdown-menu { - top: auto; - bottom: 0; - margin-top: 0; - margin-bottom: -2px; - -webkit-border-radius: 5px 5px 5px 0; - -moz-border-radius: 5px 5px 5px 0; - border-radius: 5px 5px 5px 0; +.glyphicon-comment:before { + content: "\e111"; } -.dropdown-submenu > a:after { - display: block; - content: " "; - float: right; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; - border-width: 5px 0 5px 5px; - border-left-color: #cccccc; - margin-top: 5px; - margin-right: -10px; +.glyphicon-magnet:before { + content: "\e112"; } -.dropdown-submenu:hover > a:after { - border-left-color: white; +.glyphicon-chevron-up:before { + content: "\e113"; } -.dropdown-submenu.pull-left { - float: none; +.glyphicon-chevron-down:before { + content: "\e114"; } -.dropdown-submenu.pull-left > .dropdown-menu { - left: -100%; - margin-left: 10px; - -webkit-border-radius: 6px 0 6px 6px; - -moz-border-radius: 6px 0 6px 6px; - border-radius: 6px 0 6px 6px; + +.glyphicon-retweet:before { + content: "\e115"; } -.dropdown .dropdown-menu .nav-header { - padding-left: 20px; - padding-right: 20px; +.glyphicon-shopping-cart:before { + content: "\e116"; } -.typeahead { - z-index: 1051; - margin-top: 2px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; +.glyphicon-folder-close:before { + content: "\e117"; } -.well { - min-height: 20px; - padding: 19px; - margin-bottom: 20px; - background-color: whitesmoke; - border: 1px solid #e3e3e3; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - -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); +.glyphicon-folder-open:before { + content: "\e118"; } -.well blockquote { - border-color: #ddd; - border-color: rgba(0, 0, 0, 0.15); + +.glyphicon-resize-vertical:before { + content: "\e119"; } -.well-large { - padding: 24px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; +.glyphicon-resize-horizontal:before { + content: "\e120"; } -.well-small { - padding: 9px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; +.glyphicon-hdd:before { + content: "\e121"; } -.fade { - opacity: 0; - -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; +.glyphicon-bullhorn:before { + content: "\e122"; } -.fade.in { - opacity: 1; + +.glyphicon-bell:before { + content: "\e123"; } -.collapse { - position: relative; - height: 0; - overflow: hidden; - -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; - transition: height 0.35s ease; +.glyphicon-certificate:before { + content: "\e124"; } -.collapse.in { - height: auto; + +.glyphicon-thumbs-up:before { + content: "\e125"; } -.close { - float: right; - font-size: 20px; - font-weight: bold; - line-height: 20px; - color: black; - text-shadow: 0 1px 0 white; - opacity: 0.2; - filter: alpha(opacity=20); +.glyphicon-thumbs-down:before { + content: "\e126"; } -.close:hover, .close:focus { - color: black; - text-decoration: none; - cursor: pointer; - opacity: 0.4; - filter: alpha(opacity=40); + +.glyphicon-hand-right:before { + content: "\e127"; } -button.close { - padding: 0; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; +.glyphicon-hand-left:before { + content: "\e128"; } -.btn { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - *zoom: 1; - padding: 4px 12px; - margin-bottom: 0; - font-size: 14px; - line-height: 20px; - text-align: center; - vertical-align: middle; - cursor: pointer; - color: #333333; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); - background-color: whitesmoke; - background-image: -moz-linear-gradient(top, white, #e6e6e6); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6)); - background-image: -webkit-linear-gradient(top, white, #e6e6e6); - background-image: -o-linear-gradient(top, white, #e6e6e6); - background-image: linear-gradient(to bottom, white, #e6e6e6); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFE6E6E6', GradientType=0); - border-color: #e6e6e6 #e6e6e6 #bfbfbf; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #e6e6e6; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); - border: 1px solid #cccccc; - *border: 0; - border-bottom-color: #b3b3b3; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - *margin-left: .3em; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +.glyphicon-hand-up:before { + content: "\e129"; } -.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { - color: #333333; - background-color: #e6e6e6; - *background-color: #d9d9d9; + +.glyphicon-hand-down:before { + content: "\e130"; } -.btn:active, .btn.active { - background-color: #cccccc \9; + +.glyphicon-circle-arrow-right:before { + content: "\e131"; } -.btn:first-child { - *margin-left: 0; + +.glyphicon-circle-arrow-left:before { + content: "\e132"; } -.btn:hover, .btn:focus { - color: #333333; - text-decoration: none; - background-position: 0 -15px; - -webkit-transition: background-position 0.1s linear; - -moz-transition: background-position 0.1s linear; - -o-transition: background-position 0.1s linear; - transition: background-position 0.1s linear; + +.glyphicon-circle-arrow-up:before { + content: "\e133"; } -.btn:focus { - outline: thin dotted #333333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; + +.glyphicon-circle-arrow-down:before { + content: "\e134"; } -.btn.active, .btn:active { - background-image: none; - outline: 0; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + +.glyphicon-globe:before { + content: "\e135"; } -.btn.disabled, .btn[disabled] { - cursor: default; - background-image: none; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + +.glyphicon-wrench:before { + content: "\e136"; } -.btn-large { - padding: 11px 19px; - font-size: 17.5px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; +.glyphicon-tasks:before { + content: "\e137"; } -.btn-large [class^="icon-"], -.btn-large [class*=" icon-"] { - margin-top: 4px; +.glyphicon-filter:before { + content: "\e138"; } -.btn-small { - padding: 2px 10px; - font-size: 11.9px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; +.glyphicon-briefcase:before { + content: "\e139"; } -.btn-small [class^="icon-"], -.btn-small [class*=" icon-"] { - margin-top: 0; +.glyphicon-fullscreen:before { + content: "\e140"; } -.btn-mini [class^="icon-"], -.btn-mini [class*=" icon-"] { - margin-top: -1px; +.glyphicon-dashboard:before { + content: "\e141"; } -.btn-mini { - padding: 0px 6px; - font-size: 10.5px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; +.glyphicon-paperclip:before { + content: "\e142"; } -.btn-block { - display: block; - width: 100%; - padding-left: 0; - padding-right: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; +.glyphicon-heart-empty:before { + content: "\e143"; } -.btn-block + .btn-block { - margin-top: 5px; +.glyphicon-link:before { + content: "\e144"; } -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; +.glyphicon-phone:before { + content: "\e145"; } -.btn-primary.active, -.btn-warning.active, -.btn-danger.active, -.btn-success.active, -.btn-info.active, -.btn-inverse.active { - color: rgba(255, 255, 255, 0.75); +.glyphicon-pushpin:before { + content: "\e146"; } -.btn-primary { - color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #006ccc; - background-image: -moz-linear-gradient(top, #0088cc, #0044cc); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); - background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); - background-image: -o-linear-gradient(top, #0088cc, #0044cc); - background-image: linear-gradient(to bottom, #0088cc, #0044cc); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0044CC', GradientType=0); - border-color: #0044cc #0044cc #002a80; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #0044cc; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} -.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { - color: white; - background-color: #0044cc; - *background-color: #003bb3; +.glyphicon-euro:before { + content: "\20ac"; } -.btn-primary:active, .btn-primary.active { - background-color: #003399 \9; + +.glyphicon-usd:before { + content: "\e148"; } -.btn-warning { - color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #f9a732; - background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(to bottom, #fbb450, #f89406); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBB450', endColorstr='#FFF89406', GradientType=0); - border-color: #f89406 #f89406 #ad6704; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #f89406; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} -.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { - color: white; - background-color: #f89406; - *background-color: #df8505; +.glyphicon-gbp:before { + content: "\e149"; } -.btn-warning:active, .btn-warning.active { - background-color: #c67605 \9; + +.glyphicon-sort:before { + content: "\e150"; } -.btn-danger { - color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #da4e49; - background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); - background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE5F5B', endColorstr='#FFBD362F', GradientType=0); - border-color: #bd362f #bd362f #802420; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #bd362f; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} -.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { - color: white; - background-color: #bd362f; - *background-color: #a9302a; +.glyphicon-sort-by-alphabet:before { + content: "\e151"; } -.btn-danger:active, .btn-danger.active { - background-color: #942a25 \9; + +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; } -.btn-success { - color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #5bb65b; - background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); - background-image: -webkit-linear-gradient(top, #62c462, #51a351); - background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(to bottom, #62c462, #51a351); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF62C462', endColorstr='#FF51A351', GradientType=0); - border-color: #51a351 #51a351 #387038; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #51a351; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} -.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { - color: white; - background-color: #51a351; - *background-color: #499249; +.glyphicon-sort-by-order:before { + content: "\e153"; } -.btn-success:active, .btn-success.active { - background-color: #408140 \9; + +.glyphicon-sort-by-order-alt:before { + content: "\e154"; } -.btn-info { - color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #49afcd; - background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); - background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); - background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); - background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF2F96B4', GradientType=0); - border-color: #2f96b4 #2f96b4 #1f6377; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #2f96b4; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} -.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { - color: white; - background-color: #2f96b4; - *background-color: #2a85a0; +.glyphicon-sort-by-attributes:before { + content: "\e155"; } -.btn-info:active, .btn-info.active { - background-color: #24748c \9; + +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; } -.btn-inverse { - color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #363636; - background-image: -moz-linear-gradient(top, #444444, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); - background-image: -webkit-linear-gradient(top, #444444, #222222); - background-image: -o-linear-gradient(top, #444444, #222222); - background-image: linear-gradient(to bottom, #444444, #222222); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF444444', endColorstr='#FF222222', GradientType=0); - border-color: #222222 #222222 black; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #222222; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} -.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { - color: white; - background-color: #222222; - *background-color: #151515; +.glyphicon-unchecked:before { + content: "\e157"; } -.btn-inverse:active, .btn-inverse.active { - background-color: #090909 \9; + +.glyphicon-expand:before { + content: "\e158"; } -button.btn, -input[type="submit"].btn { - *padding-top: 3px; - *padding-bottom: 3px; +.glyphicon-collapse:before { + content: "\e159"; } -button.btn::-moz-focus-inner, -input[type="submit"].btn::-moz-focus-inner { - padding: 0; - border: 0; + +.glyphicon-collapse-top:before { + content: "\e160"; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid #000; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + content: ""; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + background-color: white; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; } -button.btn.btn-large, -input[type="submit"].btn.btn-large { - *padding-top: 7px; - *padding-bottom: 7px; +.dropdown-menu.pull-right { + right: 0; + left: auto; } -button.btn.btn-small, -input[type="submit"].btn.btn-small { - *padding-top: 3px; - *padding-bottom: 3px; +.dropdown-menu .divider { + height: 2px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid white; } -button.btn.btn-mini, -input[type="submit"].btn.btn-mini { - *padding-top: 1px; - *padding-bottom: 1px; +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.428571429; + color: #333333; + white-space: nowrap; } -.btn-link, -.btn-link:active, -.btn-link[disabled] { - background-color: transparent; - background-image: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { + text-decoration: none; + color: white; + background-color: #357ebd; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, #357ebd); + background-image: -moz-linear-gradient(top, #428bca, #357ebd); + background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF428BCA', endColorstr='#FF357EBD', GradientType=0); } -.btn-link { - border-color: transparent; - cursor: pointer; - color: #0088cc; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: white; + text-decoration: none; + outline: 0; + background-color: #357ebd; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, #357ebd); + background-image: -moz-linear-gradient(top, #428bca, #357ebd); + background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF428BCA', endColorstr='#FF357EBD', GradientType=0); } -.btn-link:hover, -.btn-link:focus { - color: #005580; - text-decoration: underline; - background-color: transparent; +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; } -.btn-link[disabled]:hover, -.btn-link[disabled]:focus { - color: #333333; +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: default; } -.btn-group { - position: relative; - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - *zoom: 1; - font-size: 0; - vertical-align: middle; - white-space: nowrap; - *margin-left: .3em; +.open > .dropdown-menu { + display: block; } -.btn-group:first-child { - *margin-left: 0; +.open > a { + outline: 0; } -.btn-group + .btn-group { - margin-left: 5px; +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; } -.btn-toolbar { - font-size: 0; - margin-top: 10px; - margin-bottom: 10px; +.pull-right > .dropdown-menu { + right: 0; + left: auto; } -.btn-toolbar > .btn + .btn, -.btn-toolbar > .btn-group + .btn, -.btn-toolbar > .btn + .btn-group { - margin-left: 5px; + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid #000; + content: ""; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; } -.btn-group > .btn { +.dropdown-submenu { position: relative; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; } -.btn-group > .btn + .btn { +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; margin-left: -1px; + border-top-left-radius: 0; } -.btn-group > .btn, -.btn-group > .dropdown-menu, -.btn-group > .popover { - font-size: 14px; +.dropdown-submenu:hover > .dropdown-menu { + display: block; } -.btn-group > .btn-mini { - font-size: 10.5px; +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + border-bottom-left-radius: 0; } -.btn-group > .btn-small { - font-size: 11.9px; +.dropdown-submenu > a:after { + display: block; + content: " "; + float: right; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; + border-width: 5px 0 5px 5px; + border-left-color: #cccccc; + margin-top: 5px; + margin-right: -10px; } -.btn-group > .btn-large { - font-size: 17.5px; +.dropdown-submenu:hover > a:after { + border-left-color: white; } -.btn-group > .btn:first-child { - margin-left: 0; - -webkit-border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; - border-top-left-radius: 4px; - -webkit-border-bottom-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; - border-bottom-left-radius: 4px; +.dropdown-submenu.pull-left { + float: none; } - -.btn-group > .btn:last-child, -.btn-group > .dropdown-toggle { - -webkit-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - border-top-right-radius: 4px; - -webkit-border-bottom-right-radius: 4px; - -moz-border-radius-bottomright: 4px; - border-bottom-right-radius: 4px; +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + border-top-right-radius: 0; } -.btn-group > .btn.large:first-child { - margin-left: 0; - -webkit-border-top-left-radius: 6px; - -moz-border-radius-topleft: 6px; - border-top-left-radius: 6px; - -webkit-border-bottom-left-radius: 6px; - -moz-border-radius-bottomleft: 6px; - border-bottom-left-radius: 6px; +.dropdown .dropdown-menu .nav-header { + padding-left: 20px; + padding-right: 20px; } -.btn-group > .btn.large:last-child, -.btn-group > .large.dropdown-toggle { - -webkit-border-top-right-radius: 6px; - -moz-border-radius-topright: 6px; - border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - -moz-border-radius-bottomright: 6px; - border-bottom-right-radius: 6px; +.typeahead { + z-index: 1051; } -.btn-group > .btn:hover, -.btn-group > .btn:focus, -.btn-group > .btn:active, -.btn-group > .btn.active { - z-index: 2; +.list-group { + margin: 0 0 20px; + background-color: white; } -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; +.list-group-item { + position: relative; + display: block; + padding: 10px 30px 10px 15px; + margin-bottom: -1px; + border: 1px solid #dddddd; } -.btn-group > .btn + .dropdown-toggle { - padding-left: 8px; - padding-right: 8px; - -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - *padding-top: 5px; - *padding-bottom: 5px; +.list-group-item:first-child { + border-top-right-radius: 4px; + border-top-left-radius: 4px; } -.btn-group > .btn-mini + .dropdown-toggle { - padding-left: 5px; - padding-right: 5px; - *padding-top: 2px; - *padding-bottom: 2px; +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; } -.btn-group > .btn-small + .dropdown-toggle { - *padding-top: 5px; - *padding-bottom: 4px; +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; } -.btn-group > .btn-large + .dropdown-toggle { - padding-left: 12px; - padding-right: 12px; - *padding-top: 7px; - *padding-bottom: 7px; +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; } -.btn-group.open .dropdown-toggle { - background-image: none; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -} -.btn-group.open .btn.dropdown-toggle { - background-color: #e6e6e6; +a.list-group-item .list-group-item-heading { + color: #333; } -.btn-group.open .btn-primary.dropdown-toggle { - background-color: #0044cc; +a.list-group-item .list-group-item-text { + color: #555; } -.btn-group.open .btn-warning.dropdown-toggle { - background-color: #f89406; -} -.btn-group.open .btn-danger.dropdown-toggle { - background-color: #bd362f; + +a.list-group-item:hover, +a.list-group-item:focus { + text-decoration: none; + background-color: whitesmoke; } -.btn-group.open .btn-success.dropdown-toggle { - background-color: #51a351; + +a.list-group-item.active { + z-index: 2; + color: white; + background-color: #428bca; + border-color: #428bca; } -.btn-group.open .btn-info.dropdown-toggle { - background-color: #2f96b4; +a.list-group-item.active .list-group-item-heading { + color: inherit; } -.btn-group.open .btn-inverse.dropdown-toggle { - background-color: #222222; +a.list-group-item.active .list-group-item-text { + color: #e1edf7; } -.btn .caret { - margin-top: 8px; - margin-left: 0; +.list-group-item > .badge, +.list-group-item > .glyphicon-chevron-right { + float: right; + margin-right: -15px; } -.btn-large .caret { - margin-top: 6px; +.list-group-item > .glyphicon-chevron-right { + margin-right: -15px; } -.btn-large .caret { - border-left-width: 5px; - border-right-width: 5px; - border-top-width: 5px; +.list-group-item > .glyphicon + .badge { + margin-right: 5px; } -.btn-mini .caret, -.btn-small .caret { - margin-top: 8px; +.panel { + padding: 15px; + margin-bottom: 20px; + background-color: white; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } -.dropup .btn-large .caret { - border-bottom-width: 5px; +.panel-heading { + margin: -15px -15px 15px; + padding: 10px 15px; + font-size: 17.5px; + font-weight: 500; + background-color: whitesmoke; + border-bottom: 1px solid #dddddd; + border-top-left-radius: 3px; + border-top-right-radius: 3px; } -.btn-primary .caret, -.btn-warning .caret, -.btn-danger .caret, -.btn-info .caret, -.btn-success .caret, -.btn-inverse .caret { - border-top-color: white; - border-bottom-color: white; +.panel-footer { + margin: 15px -15px -15px; + padding: 10px 15px; + background-color: whitesmoke; + border-top: 1px solid #dddddd; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; } -.btn-group-vertical { - display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - *zoom: 1; +.panel-primary { + border-color: #428bca; } - -.btn-group-vertical > .btn { - display: block; - float: none; - max-width: 100%; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; +.panel-primary .panel-heading { + color: white; + background-color: #428bca; + border-color: #428bca; } -.btn-group-vertical > .btn + .btn { - margin-left: 0; - margin-top: -1px; +.panel-success { + border-color: #d6e9c6; } - -.btn-group-vertical > .btn:first-child { - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; +.panel-success .panel-heading { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; } -.btn-group-vertical > .btn:last-child { - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; +.panel-warning { + border-color: #fbeed5; } - -.btn-group-vertical > .btn-large:first-child { - -webkit-border-radius: 6px 6px 0 0; - -moz-border-radius: 6px 6px 0 0; - border-radius: 6px 6px 0 0; +.panel-warning .panel-heading { + color: #c09853; + background-color: #fcf8e3; + border-color: #fbeed5; } -.btn-group-vertical > .btn-large:last-child { - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; +.panel-danger { + border-color: #eed3d7; } - -.alert { - padding: 8px 35px 8px 14px; - margin-bottom: 20px; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - background-color: #fcf8e3; - border: 1px solid #fbeed5; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; +.panel-danger .panel-heading { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; } -.alert, -.alert h4 { - color: #c09853; +.panel-info { + border-color: #bce8f1; } - -.alert h4 { - margin: 0; +.panel-info .panel-heading { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; } -.alert .close { - position: relative; - top: -2px; - right: -21px; - line-height: 20px; +.list-group-flush { + margin: 15px -15px -15px; } - -.alert-success { - background-color: #dff0d8; - border-color: #d6e9c6; - color: #468847; +.list-group-flush .list-group-item { + border-width: 1px 0; } - -.alert-success h4 { - color: #468847; +.list-group-flush .list-group-item:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; } - -.alert-danger, -.alert-error { - background-color: #f2dede; - border-color: #eed3d7; - color: #b94a48; +.list-group-flush .list-group-item:last-child { + border-bottom: 0; } -.alert-danger h4, -.alert-error h4 { - color: #b94a48; +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: whitesmoke; + 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); } -.alert-info { - background-color: #d9edf7; - border-color: #bce8f1; - color: #3a87ad; +.well-large { + padding: 24px; + border-radius: 6px; } -.alert-info h4 { - color: #3a87ad; +.well-small { + padding: 9px; + border-radius: 3px; } -.alert-block { - padding-top: 14px; - padding-bottom: 14px; +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 white; + opacity: 0.2; + filter: alpha(opacity=20); } - -.alert-block > p, -.alert-block > ul { - margin-bottom: 0; +.close:hover, .close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); } -.alert-block p + p { - margin-top: 5px; +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; } .nav { margin-left: 0; - margin-bottom: 20px; + margin-bottom: 0; + padding-left: 0; list-style: none; } - +.nav:before, .nav:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.nav:after { + clear: both; +} +.nav > li { + position: relative; + display: block; +} .nav > li > a { + position: relative; display: block; + padding: 10px 15px; } - -.nav > li > a:hover, -.nav > li > a:focus { +.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } - -.nav > li > a > img { - max-width: none; -} - -.nav > .pull-right { - float: right; +.nav > li.disabled > a { + color: #999999; } - -.nav-header { - display: block; - padding: 3px 15px; - font-size: 11px; - font-weight: bold; - line-height: 20px; +.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - text-transform: uppercase; + text-decoration: none; + background-color: transparent; + cursor: default; } - -.nav li + .nav-header { +.nav > li + .nav-header { margin-top: 9px; } - -.nav-list { - padding-left: 15px; - padding-right: 15px; - margin-bottom: 0; -} - -.nav-list > li > a, -.nav-list .nav-header { - margin-left: -15px; - margin-right: -15px; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -} - -.nav-list > li > a { - padding: 3px 15px; +.nav.open > a, .nav.open > a:hover, .nav.open > a:focus { + color: #fff; + background-color: #428bca; + border-color: #428bca; } - -.nav-list > .active > a, -.nav-list > .active > a:hover, -.nav-list > .active > a:focus { - color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); - background-color: #0088cc; +.nav.open > a .caret, .nav.open > a:hover .caret, .nav.open > a:focus .caret { + border-top-color: #fff; + border-bottom-color: #fff; } - -.nav-list [class^="icon-"], -.nav-list [class*=" icon-"] { - margin-right: 2px; +.nav > .pull-right { + float: right; } - -.nav-list .divider { - *width: 100%; - height: 1px; - margin: 9px 1px; - *margin: -5px 0 5px; +.nav .nav-divider { + height: 2px; + margin: 9px 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid white; } -.nav-tabs, -.nav-pills { - *zoom: 1; -} -.nav-tabs:before, .nav-tabs:after, -.nav-pills:before, -.nav-pills:after { - display: table; - content: ""; - line-height: 0; -} -.nav-tabs:after, -.nav-pills:after { - clear: both; -} - -.nav-tabs > li, -.nav-pills > li { - float: left; -} - -.nav-tabs > li > a, -.nav-pills > li > a { - padding-right: 12px; - padding-left: 12px; - margin-right: 2px; - line-height: 14px; -} - .nav-tabs { - border-bottom: 1px solid #dddddd; + border-bottom: 1px solid #ddd; } - .nav-tabs > li { + float: left; margin-bottom: -1px; } - .nav-tabs > li > a { - padding-top: 8px; - padding-bottom: 8px; - line-height: 20px; + margin-right: 2px; + line-height: 1.428571429; border: 1px solid transparent; - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } -.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { +.nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } - -.nav-tabs > .active > a, -.nav-tabs > .active > a:hover, -.nav-tabs > .active > a:focus { +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: white; - border: 1px solid #dddddd; + border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } +.nav-pills > li { + float: left; +} .nav-pills > li > a { - padding-top: 8px; - padding-bottom: 8px; - margin-top: 2px; - margin-bottom: 2px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; border-radius: 5px; } - -.nav-pills > .active > a, -.nav-pills > .active > a:hover, -.nav-pills > .active > a:focus { - color: white; - background-color: #0088cc; +.nav-pills > li + li > a { + margin-left: 2px; +} +.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { + color: #fff; + background-color: #428bca; } .nav-stacked > li { float: none; } - -.nav-stacked > li > a { - margin-right: 0; -} - -.nav-tabs.nav-stacked { - border-bottom: 0; -} - -.nav-tabs.nav-stacked > li > a { - border: 1px solid #dddddd; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; -} - -.nav-tabs.nav-stacked > li:first-child > a { - -webkit-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - border-top-right-radius: 4px; - -webkit-border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; - border-top-left-radius: 4px; -} - -.nav-tabs.nav-stacked > li:last-child > a { - -webkit-border-bottom-right-radius: 4px; - -moz-border-radius-bottomright: 4px; - border-bottom-right-radius: 4px; - -webkit-border-bottom-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; - border-bottom-left-radius: 4px; -} - -.nav-tabs.nav-stacked > li > a:hover, -.nav-tabs.nav-stacked > li > a:focus { - border-color: #ddd; - z-index: 2; -} - -.nav-pills.nav-stacked > li > a { - margin-bottom: 3px; -} - -.nav-pills.nav-stacked > li:last-child > a { - margin-bottom: 1px; -} - -.nav-tabs .dropdown-menu { - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; -} - -.nav-pills .dropdown-menu { - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; -} - -.nav .dropdown-toggle .caret { - border-top-color: #0088cc; - border-bottom-color: #0088cc; - margin-top: 6px; -} - -.nav .dropdown-toggle:hover .caret, -.nav .dropdown-toggle:focus .caret { - border-top-color: #005580; - border-bottom-color: #005580; +.nav-stacked > li + li > a { + margin-top: 2px; + margin-left: 0; } -/* move down carets for tabs */ -.nav-tabs .dropdown-toggle .caret { - margin-top: 8px; +.nav-justified, .nav-tabs.nav-justified { + width: 100%; } - -.nav .active .dropdown-toggle .caret { - border-top-color: #fff; - border-bottom-color: #fff; +.nav-justified > li, .nav-tabs.nav-justified > li { + float: none; + display: table-cell; + width: 1%; } - -.nav-tabs .active .dropdown-toggle .caret { - border-top-color: #555555; - border-bottom-color: #555555; +.nav-justified > li > a, .nav-tabs.nav-justified > li > a { + text-align: center; } -.nav > .dropdown.active > a:hover, -.nav > .dropdown.active > a:focus { - cursor: pointer; +.nav-tabs-justified, .nav-tabs.nav-justified { + border-bottom: 0; } - -.nav-tabs .open .dropdown-toggle, -.nav-pills .open .dropdown-toggle, -.nav > li.dropdown.open.active > a:hover, -.nav > li.dropdown.open.active > a:focus { - color: white; - background-color: #999999; - border-color: #999999; +.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #ddd; + margin-right: 0; } - -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret, -.nav li.dropdown.open a:focus .caret { - border-top-color: white; +.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a { border-bottom-color: white; - opacity: 1; - filter: alpha(opacity=100); } -.tabs-stacked .open > a:hover, -.tabs-stacked .open > a:focus { - border-color: #999999; +.nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: 1.428571429; + color: #999999; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + text-transform: uppercase; } -.tabbable { - *zoom: 1; -} .tabbable:before, .tabbable:after { + content: " "; + /* 1 */ display: table; - content: ""; - line-height: 0; + /* 2 */ } .tabbable:after { clear: both; } -.tab-content { - overflow: auto; -} - -.tabs-below > .nav-tabs, -.tabs-right > .nav-tabs, -.tabs-left > .nav-tabs { - border-bottom: 0; -} - .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; @@ -4531,627 +3023,455 @@ input[type="submit"].btn.btn-mini { display: block; } -.tabs-below > .nav-tabs { - border-top: 1px solid #dddddd; -} - -.tabs-below > .nav-tabs > li { - margin-top: -1px; - margin-bottom: 0; -} - -.tabs-below > .nav-tabs > li > a { - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; -} -.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { - border-bottom-color: transparent; - border-top-color: #ddd; -} - -.tabs-below > .nav-tabs > .active > a, -.tabs-below > .nav-tabs > .active > a:hover, -.tabs-below > .nav-tabs > .active > a:focus { - border-color: transparent #dddddd #dddddd #dddddd; -} - -.tabs-left > .nav-tabs > li, -.tabs-right > .nav-tabs > li { - float: none; -} - -.tabs-left > .nav-tabs > li > a, -.tabs-right > .nav-tabs > li > a { - min-width: 74px; - margin-right: 0; - margin-bottom: 3px; +.nav .caret { + border-top-color: #428bca; + border-bottom-color: #428bca; } -.tabs-left > .nav-tabs { - float: left; - margin-right: 19px; - border-right: 1px solid #dddddd; +.nav a:hover .caret { + border-top-color: #2a6496; + border-bottom-color: #2a6496; } -.tabs-left > .nav-tabs > li > a { - margin-right: -1px; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; } -.tabs-left > .nav-tabs > li > a:hover, -.tabs-left > .nav-tabs > li > a:focus { - border-color: #eeeeee #dddddd #eeeeee #eeeeee; +.navbar { + position: relative; + margin-bottom: 20px; + padding-left: 15px; + padding-right: 15px; + background-color: #eeeeee; + border-radius: 4px; } - -.tabs-left > .nav-tabs .active > a, -.tabs-left > .nav-tabs .active > a:hover, -.tabs-left > .nav-tabs .active > a:focus { - border-color: #dddddd transparent #dddddd #dddddd; - *border-right-color: white; +.navbar:before, .navbar:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ } - -.tabs-right > .nav-tabs { - float: right; - margin-left: 19px; - border-left: 1px solid #dddddd; +.navbar:after { + clear: both; } -.tabs-right > .nav-tabs > li > a { - margin-left: -1px; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; +.navbar-nav { + margin-top: 10px; + margin-bottom: 15px; } - -.tabs-right > .nav-tabs > li > a:hover, -.tabs-right > .nav-tabs > li > a:focus { - border-color: #eeeeee #eeeeee #eeeeee #dddddd; +.navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + color: #777777; + line-height: 20px; + border-radius: 4px; } - -.tabs-right > .nav-tabs .active > a, -.tabs-right > .nav-tabs .active > a:hover, -.tabs-right > .nav-tabs .active > a:focus { - border-color: #dddddd #dddddd #dddddd transparent; - *border-left-color: white; +.navbar-nav > li > a:hover, +.navbar-nav > li > a:focus { + color: #333333; + background-color: transparent; } - -.nav > .disabled > a { - color: #999999; +.navbar-nav > .active > a, +.navbar-nav > .active > a:hover, +.navbar-nav > .active > a:focus { + color: #555555; + background-color: #d4d4d4; } - -.nav > .disabled > a:hover, -.nav > .disabled > a:focus { - text-decoration: none; +.navbar-nav > .disabled > a, +.navbar-nav > .disabled > a:hover, +.navbar-nav > .disabled > a:focus { + color: #cccccc; background-color: transparent; - cursor: default; } -.navbar { - overflow: visible; - margin-bottom: 20px; - *position: relative; - *z-index: 2; +.navbar-static-top { + border-radius: 0; } -.navbar-inner { - min-height: 40px; - padding-left: 20px; - padding-right: 20px; - background-color: #f9f9f9; - background-image: -moz-linear-gradient(top, white, #f2f2f2); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#f2f2f2)); - background-image: -webkit-linear-gradient(top, white, #f2f2f2); - background-image: -o-linear-gradient(top, white, #f2f2f2); - background-image: linear-gradient(to bottom, white, #f2f2f2); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF2F2F2', GradientType=0); - border: 1px solid #d4d4d4; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); - -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); - *zoom: 1; -} -.navbar-inner:before, .navbar-inner:after { - display: table; - content: ""; - line-height: 0; -} -.navbar-inner:after { - clear: both; +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + border-radius: 0; } -.navbar .container { - width: auto; +.navbar-fixed-top { + top: 0; } -.nav-collapse.collapse { - height: auto; - overflow: visible; +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; } -.navbar .brand { - float: left; +.navbar-brand { display: block; - padding: 10px 20px 10px; - margin-left: -20px; - font-size: 20px; - font-weight: 200; + max-width: 200px; + margin-left: auto; + margin-right: auto; + padding: 15px; + font-size: 18px; + font-weight: 500; + line-height: 20px; color: #777777; - text-shadow: 0 1px 0 white; + text-align: center; } -.navbar .brand:hover, .navbar .brand:focus { +.navbar-brand:hover, .navbar-brand:focus { + color: #5e5e5e; text-decoration: none; + background-color: transparent; } -.navbar-text { - margin-bottom: 0; - line-height: 40px; - color: #777777; +.navbar-toggle { + position: absolute; + top: 10px; + right: 10px; + padding: 8px 12px; + background-color: transparent; + border: 1px solid #ddd; + border-radius: 4px; } - -.navbar-link { - color: #777777; +.navbar-toggle:hover, .navbar-toggle:focus { + background-color: #ddd; } -.navbar-link:hover, .navbar-link:focus { - color: #333333; +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + background-color: #ccc; + border-radius: 1px; } - -.navbar .divider-vertical { - height: 40px; - margin: 0 9px; - border-left: 1px solid #f2f2f2; - border-right: 1px solid white; +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; } -.navbar .btn, -.navbar .btn-group { - margin-top: 5px; +.navbar-form { + margin-top: 7px; + margin-bottom: 7px; } -.navbar .btn-group .btn, -.navbar .input-prepend .btn, -.navbar .input-append .btn, -.navbar .input-prepend .btn-group, -.navbar .input-append .btn-group { +.navbar-nav > li > .dropdown-menu { margin-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; } -.navbar-form { - margin-bottom: 0; - *zoom: 1; +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } -.navbar-form:before, .navbar-form:after { - display: table; - content: ""; - line-height: 0; + +.navbar-nav > .dropdown > a:hover .caret, +.navbar-nav > .dropdown > a:focus .caret { + border-top-color: #333333; + border-bottom-color: #333333; } -.navbar-form:after { - clear: both; +.navbar-nav > .open > a, +.navbar-nav > .open > a:hover, +.navbar-nav > .open > a:focus { + background-color: #d4d4d4; + color: #555555; } -.navbar-form input, -.navbar-form select, -.navbar-form .radio, -.navbar-form .checkbox { - margin-top: 5px; +.navbar-nav > .dropdown > a .caret { + border-top-color: #777777; + border-bottom-color: #777777; } -.navbar-form input, -.navbar-form select, -.navbar-form .btn { - display: inline-block; - margin-bottom: 0; +.navbar-nav > .open > a .caret, +.navbar-nav > .open > a:hover .caret, +.navbar-nav > .open > a:focus .caret { + border-top-color: #555555; + border-bottom-color: #555555; } -.navbar-form input[type="image"], -.navbar-form input[type="checkbox"], -.navbar-form input[type="radio"] { - margin-top: 3px; + +.navbar-nav.pull-right > li > .dropdown-menu, +.navbar-nav > li > .dropdown-menu.pull-right { + left: auto; + right: 0; } -.navbar-form .input-append, -.navbar-form .input-prepend { - margin-top: 5px; - white-space: nowrap; + +.navbar-inverse { + background-color: #222222; } -.navbar-form .input-append input, -.navbar-form .input-prepend input { - margin-top: 0; +.navbar-inverse .navbar-brand { + color: #999999; } - -.navbar-search { - position: relative; - float: left; - margin-top: 5px; - margin-bottom: 0; +.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { + color: white; + background-color: transparent; } -.navbar-search .search-query { - margin-bottom: 0; - padding: 4px 14px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - font-weight: normal; - line-height: 1; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; +.navbar-inverse .navbar-text { + color: #999999; } - -.navbar-static-top { - position: static; - margin-bottom: 0; +.navbar-inverse .navbar-nav > li > a { + color: #999999; } -.navbar-static-top .navbar-inner { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: white; + background-color: transparent; } - -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - margin-bottom: 0; +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { + color: white; + background-color: #090909; } - -.navbar-fixed-top .navbar-inner, -.navbar-static-top .navbar-inner { - border-width: 0 0 1px; +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { + color: #444444; + background-color: transparent; } - -.navbar-fixed-bottom .navbar-inner { - border-width: 1px 0 0; +.navbar-inverse .navbar-toggle { + border-color: #333; } - -.navbar-fixed-top .navbar-inner, -.navbar-fixed-bottom .navbar-inner { - padding-left: 0; - padding-right: 0; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; +.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { + background-color: #333; } - -.navbar-static-top .container, -.navbar-fixed-top .container, -.navbar-fixed-bottom .container { - width: 940px; +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; } - -.navbar-fixed-top { - top: 0; +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + background-color: #090909; + color: white; } - -.navbar-fixed-top .navbar-inner, -.navbar-static-top .navbar-inner { - -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); +.navbar-inverse .navbar-nav > .dropdown > a:hover .caret { + border-top-color: white; + border-bottom-color: white; } - -.navbar-fixed-bottom { - bottom: 0; +.navbar-inverse .navbar-nav > .dropdown > a .caret { + border-top-color: #999999; + border-bottom-color: #999999; } -.navbar-fixed-bottom .navbar-inner { - -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); +.navbar-inverse .navbar-nav > .open > a .caret, +.navbar-inverse .navbar-nav > .open > a:hover .caret, +.navbar-inverse .navbar-nav > .open > a:focus .caret { + border-top-color: white; + border-bottom-color: white; } -.navbar .nav { - position: relative; - left: 0; - display: block; - float: left; - margin: 0 10px 0 0; -} +@media screen and (min-width: 768px) { + .navbar-brand { + float: left; + margin-left: -5px; + margin-right: 5px; + } -.navbar .nav.pull-right { - float: right; - margin-right: 0; -} + .navbar .nav { + float: left; + margin-top: 0; + margin-bottom: 0; + } + .navbar .nav > li { + float: left; + } + .navbar .nav > li > a { + border-radius: 0; + } + .navbar .nav.pull-right { + float: right; + } -.navbar .nav > li { - float: left; -} + .navbar-toggle { + position: relative; + top: auto; + left: auto; + display: none; + } -.navbar .nav > li > a { - float: none; - padding: 10px 15px 10px; - color: #777777; - text-decoration: none; - text-shadow: 0 1px 0 white; + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; + } +} +.navbar-btn { + margin-top: 7px; } -.navbar .nav .dropdown-toggle .caret { - margin-top: 8px; +.navbar-text { + margin-top: 15px; + margin-bottom: 15px; } -.navbar .nav > li > a:focus, -.navbar .nav > li > a:hover { - background-color: transparent; +.navbar-link { + color: #777777; +} +.navbar-link:hover { color: #333333; - text-decoration: none; } -.navbar .nav > .active > a, -.navbar .nav > .active > a:hover, -.navbar .nav > .active > a:focus { - color: #555555; - text-decoration: none; - background-color: #e6e6e6; - -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); - -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); +.navbar-inverse .navbar-link { + color: #999999; } - -.navbar .btn-navbar { - display: none; - float: right; - padding: 7px 10px; - margin-left: 5px; - margin-right: 5px; +.navbar-inverse .navbar-link:hover { color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #ededed; - background-image: -moz-linear-gradient(top, #f2f2f2, #e6e6e6); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e6e6e6)); - background-image: -webkit-linear-gradient(top, #f2f2f2, #e6e6e6); - background-image: -o-linear-gradient(top, #f2f2f2, #e6e6e6); - background-image: linear-gradient(to bottom, #f2f2f2, #e6e6e6); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2F2F2', endColorstr='#FFE6E6E6', GradientType=0); - border-color: #e6e6e6 #e6e6e6 #bfbfbf; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #e6e6e6; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -} -.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] { - color: white; - background-color: #e6e6e6; - *background-color: #d9d9d9; -} -.navbar .btn-navbar:active, .navbar .btn-navbar.active { - background-color: #cccccc \9; } -.navbar .btn-navbar .icon-bar { - display: block; - width: 18px; - height: 2px; - background-color: #f5f5f5; - -webkit-border-radius: 1px; - -moz-border-radius: 1px; - border-radius: 1px; - -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); +.btn .caret { + border-top-color: white; } -.btn-navbar .icon-bar + .icon-bar { - margin-top: 3px; +.dropup .btn .caret { + border-bottom-color: white; } -.navbar .nav > li > .dropdown-menu:before { - content: ''; - display: inline-block; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid #cccccc; - border-bottom-color: rgba(0, 0, 0, 0.2); - position: absolute; - top: -7px; - left: 9px; -} -.navbar .nav > li > .dropdown-menu:after { - content: ''; +.btn-group, +.btn-group-vertical { + position: relative; display: inline-block; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - border-bottom: 6px solid white; - position: absolute; - top: -6px; - left: 10px; + vertical-align: middle; } - -.navbar-fixed-bottom .nav > li > .dropdown-menu:before { - border-top: 7px solid #cccccc; - border-top-color: rgba(0, 0, 0, 0.2); - border-bottom: 0; - bottom: -7px; - top: auto; +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; } -.navbar-fixed-bottom .nav > li > .dropdown-menu:after { - border-top: 6px solid white; - border-bottom: 0; - bottom: -6px; - top: auto; +.btn-group > .btn:hover, .btn-group > .btn:active, +.btn-group-vertical > .btn:hover, +.btn-group-vertical > .btn:active { + z-index: 2; } -.navbar .nav li.dropdown > a:hover .caret, -.navbar .nav li.dropdown > a:focus .caret { - border-top-color: #555555; - border-bottom-color: #555555; +.btn-group .btn + .btn { + margin-left: -1px; } -.navbar .nav li.dropdown.open > .dropdown-toggle, -.navbar .nav li.dropdown.active > .dropdown-toggle, -.navbar .nav li.dropdown.open.active > .dropdown-toggle { - background-color: #e6e6e6; - color: #555555; +.btn-toolbar:before, .btn-toolbar:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ } - -.navbar .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #777777; - border-bottom-color: #777777; +.btn-toolbar:after { + clear: both; +} +.btn-toolbar .btn-group { + float: left; +} +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group, +.btn-toolbar > .btn-group + .btn-group { + margin-left: 5px; } -.navbar .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: #555555; - border-bottom-color: #555555; +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; } -.navbar .pull-right > li > .dropdown-menu, -.navbar .nav > li > .dropdown-menu.pull-right { - left: auto; - right: 0; +.btn-group > .btn:first-child { + margin-left: 0; } -.navbar .pull-right > li > .dropdown-menu:before, -.navbar .nav > li > .dropdown-menu.pull-right:before { - left: auto; - right: 12px; +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } -.navbar .pull-right > li > .dropdown-menu:after, -.navbar .nav > li > .dropdown-menu.pull-right:after { - left: auto; - right: 13px; + +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } -.navbar .pull-right > li > .dropdown-menu .dropdown-menu, -.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { - left: auto; - right: 100%; - margin-left: 0; - margin-right: -1px; - -webkit-border-radius: 6px 0 6px 6px; - -moz-border-radius: 6px 0 6px 6px; - border-radius: 6px 0 6px 6px; -} - -.navbar-inverse .navbar-inner { - background-color: #1b1b1b; - background-image: -moz-linear-gradient(top, #222222, #111111); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); - background-image: -webkit-linear-gradient(top, #222222, #111111); - background-image: -o-linear-gradient(top, #222222, #111111); - background-image: linear-gradient(to bottom, #222222, #111111); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF222222', endColorstr='#FF111111', GradientType=0); - border-color: #252525; + +.btn-group > .btn-group { + float: left; } -.navbar-inverse .brand, -.navbar-inverse .nav > li > a { - color: #999999; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } -.navbar-inverse .brand:hover, .navbar-inverse .brand:focus, -.navbar-inverse .nav > li > a:hover, -.navbar-inverse .nav > li > a:focus { - color: white; + +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } -.navbar-inverse .brand { - color: #999999; + +.btn-group > .btn-group:last-child > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } -.navbar-inverse .navbar-text { - color: #999999; + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; } -.navbar-inverse .nav > li > a:focus, -.navbar-inverse .nav > li > a:hover { - background-color: transparent; - color: white; + +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; } -.navbar-inverse .nav .active > a, -.navbar-inverse .nav .active > a:hover, -.navbar-inverse .nav .active > a:focus { - color: white; - background-color: #111111; + +.btn-group > .btn-mini + .dropdown-toggle { + padding-left: 5px; + padding-right: 5px; } -.navbar-inverse .navbar-link { - color: #999999; + +.btn-group > .btn-large + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; } -.navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus { - color: white; + +.btn-group.open .dropdown-toggle { + -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); } -.navbar-inverse .divider-vertical { - border-left-color: #111111; - border-right-color: #222222; + +.btn .caret { + margin-left: 0; } -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { - background-color: #111111; - color: white; + +.btn-large .caret { + border-width: 5px; } -.navbar-inverse .nav li.dropdown > a:hover .caret, -.navbar-inverse .nav li.dropdown > a:focus .caret { - border-top-color: white; - color: white; + +.dropup .btn-large .caret { + border-bottom-width: 5px; } -.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #999999; - border-bottom-color: #999999; + +.btn-group-vertical > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; } -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: white; - border-bottom-color: white; +.btn-group-vertical > .btn + .btn { + margin-top: -1px; } -.navbar-inverse .navbar-search .search-query { - color: white; - background-color: #515151; - border-color: #111111; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); - -webkit-transition: none; - -moz-transition: none; - -o-transition: none; - transition: none; -} -.navbar-inverse .navbar-search .search-query:-moz-placeholder { - color: #cccccc; + +.btn-group-vertical .btn:not(:first-child):not(:last-child) { + border-radius: 0; } -.navbar-inverse .navbar-search .search-query:-ms-input-placeholder { - color: #cccccc; + +.btn-group-vertical .btn:first-child { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } -.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { - color: #cccccc; + +.btn-group-vertical .btn:last-child { + border-top-right-radius: 0; + border-top-left-radius: 0; } -.navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { - padding: 5px 15px; - color: #333333; - text-shadow: 0 1px 0 white; - background-color: white; - border: 0; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - outline: 0; + +.btn-group-justified { + display: table; + width: 100%; } -.navbar-inverse .btn-navbar { - color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #0e0e0e; - background-image: -moz-linear-gradient(top, #151515, #040404); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); - background-image: -webkit-linear-gradient(top, #151515, #040404); - background-image: -o-linear-gradient(top, #151515, #040404); - background-image: linear-gradient(to bottom, #151515, #040404); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF151515', endColorstr='#FF040404', GradientType=0); - border-color: #040404 #040404 black; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #040404; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} -.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] { - color: white; - background-color: #040404; - *background-color: black; +.btn-group-justified .btn { + float: none; + display: table-cell; + width: 1%; } -.navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { - background-color: black \9; + +.btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"], +.btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] { + display: none; } .breadcrumb { @@ -5159,318 +3479,260 @@ input[type="submit"].btn.btn-mini { margin: 0 0 20px; list-style: none; background-color: #f5f5f5; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; border-radius: 4px; } .breadcrumb > li { display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - *zoom: 1; - text-shadow: 0 1px 0 white; + text-shadow: 0 1px 0 #fff; } -.breadcrumb > li > .divider { +.breadcrumb > li:after { + display: inline-block; + content: "\00a0 /"; padding: 0 5px; color: #ccc; } -.breadcrumb .active { +.breadcrumb > li:last-child:after { + display: none; +} +.breadcrumb > .active { color: #999999; } .pagination { - margin: 20px 0; -} - -.pagination ul { display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - *zoom: 1; - margin-left: 0; - margin-bottom: 0; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; + margin: 20px 0; border-radius: 4px; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } -.pagination ul > li { +.pagination > li { display: inline; } -.pagination ul > li > a, -.pagination ul > li > span { +.pagination > li > a, +.pagination > li > span { float: left; padding: 4px 12px; - line-height: 20px; + line-height: 1.428571429; text-decoration: none; background-color: white; border: 1px solid #dddddd; border-left-width: 0; } -.pagination ul > li > a:hover, -.pagination ul > li > a:focus, -.pagination ul > .active > a, -.pagination ul > .active > span { +.pagination > li > a:hover, +.pagination > li > a:focus, +.pagination > .active > a, +.pagination > .active > span { background-color: whitesmoke; } -.pagination ul > .active > a, -.pagination ul > .active > span { +.pagination > .active > a, +.pagination > .active > span { color: #999999; cursor: default; } -.pagination ul > .disabled > span, -.pagination ul > .disabled > a, -.pagination ul > .disabled > a:hover, -.pagination ul > .disabled > a:focus { +.pagination > .disabled > span, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { color: #999999; - background-color: transparent; + background-color: white; cursor: default; } -.pagination ul > li:first-child > a, -.pagination ul > li:first-child > span { +.pagination > li:first-child > a, +.pagination > li:first-child > span { border-left-width: 1px; - -webkit-border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; - border-top-left-radius: 4px; - -webkit-border-bottom-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; + border-top-left-radius: 4px; } -.pagination ul > li:last-child > a, -.pagination ul > li:last-child > span { - -webkit-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - border-top-right-radius: 4px; - -webkit-border-bottom-right-radius: 4px; - -moz-border-radius-bottomright: 4px; +.pagination > li:last-child > a, +.pagination > li:last-child > span { border-bottom-right-radius: 4px; + border-top-right-radius: 4px; } -.pagination-centered { - text-align: center; -} - -.pagination-right { - text-align: right; -} - -.pagination-large ul > li > a, -.pagination-large ul > li > span { - padding: 11px 19px; - font-size: 17.5px; +.pagination-large > li > a, +.pagination-large > li > span { + padding: 14px 16px; + font-size: 18px; } -.pagination-large ul > li:first-child > a, -.pagination-large ul > li:first-child > span { - -webkit-border-top-left-radius: 6px; - -moz-border-radius-topleft: 6px; - border-top-left-radius: 6px; - -webkit-border-bottom-left-radius: 6px; - -moz-border-radius-bottomleft: 6px; +.pagination-large > li:first-child > a, +.pagination-large > li:first-child > span { border-bottom-left-radius: 6px; + border-top-left-radius: 6px; } -.pagination-large ul > li:last-child > a, -.pagination-large ul > li:last-child > span { - -webkit-border-top-right-radius: 6px; - -moz-border-radius-topright: 6px; - border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - -moz-border-radius-bottomright: 6px; +.pagination-large > li:last-child > a, +.pagination-large > li:last-child > span { border-bottom-right-radius: 6px; + border-top-right-radius: 6px; } -.pagination-mini ul > li:first-child > a, -.pagination-mini ul > li:first-child > span, -.pagination-small ul > li:first-child > a, -.pagination-small ul > li:first-child > span { - -webkit-border-top-left-radius: 3px; - -moz-border-radius-topleft: 3px; - border-top-left-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - -moz-border-radius-bottomleft: 3px; +.pagination-small > li > a, +.pagination-small > li > span { + padding: 5px 10px; + font-size: 12px; +} +.pagination-small > li:first-child > a, +.pagination-small > li:first-child > span { border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } -.pagination-mini ul > li:last-child > a, -.pagination-mini ul > li:last-child > span, -.pagination-small ul > li:last-child > a, -.pagination-small ul > li:last-child > span { - -webkit-border-top-right-radius: 3px; - -moz-border-radius-topright: 3px; - border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - -moz-border-radius-bottomright: 3px; +.pagination-small > li:last-child > a, +.pagination-small > li:last-child > span { border-bottom-right-radius: 3px; -} - -.pagination-small ul > li > a, -.pagination-small ul > li > span { - padding: 2px 10px; - font-size: 11.9px; -} - -.pagination-mini ul > li > a, -.pagination-mini ul > li > span { - padding: 0px 6px; - font-size: 10.5px; + border-top-right-radius: 3px; } .pager { margin: 20px 0; list-style: none; text-align: center; - *zoom: 1; } .pager:before, .pager:after { + content: " "; + /* 1 */ display: table; - content: ""; - line-height: 0; + /* 2 */ } .pager:after { clear: both; } - .pager li { display: inline; } - .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; - background-color: #fff; + background-color: white; border: 1px solid #dddddd; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; border-radius: 15px; } - .pager li > a:hover, .pager li > a:focus { text-decoration: none; - background-color: #f5f5f5; + background-color: whitesmoke; } - .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: #fff; + background-color: white; cursor: default; } -.modal-backdrop { +.modal-open { + overflow: hidden; +} + +.modal { + display: none; + overflow: auto; + overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; - background-color: black; + -webkit-overflow-scrolling: touch; } -.modal-backdrop.fade { - opacity: 0; +.modal.fade { + top: -25%; + -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; } - -.modal-backdrop, -.modal-backdrop.fade.in { - opacity: 0.8; - filter: alpha(opacity=80); +.modal.fade.in { + top: 0; } -.modal { - position: fixed; - top: 10%; - left: 50%; +.modal-dialog { + position: relative; + top: 0; + left: 0; + right: 0; + width: auto; + padding: 10px; z-index: 1050; - width: 560px; - margin-left: -280px; - background-color: white; - border: 1px solid #999999; - border: 1px solid rgba(0, 0, 0, 0.3); - *border: 1px solid #999999; - /* IE6-7 */ - -webkit-border-radius: 6px; - -moz-border-radius: 6px; +} + +.modal-content { + position: relative; + background-color: #fff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; - -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -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; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; } -.modal.fade { - -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; - top: -25%; + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + background-color: #000; } -.modal.fade.in { - top: 10%; +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} +.modal-backdrop.fade.in { + opacity: 0.5; + filter: alpha(opacity=50); } .modal-header { - padding: 9px 15px; - border-bottom: 1px solid #eeeeee; + padding: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.428571429px; } + .modal-header .close { - margin-top: 2px; + margin-top: -2px; } -.modal-header h3 { + +.modal-title { margin: 0; - line-height: 30px; + line-height: 1.428571429; } .modal-body { position: relative; - overflow-y: auto; - max-height: 400px; - padding: 15px; -} - -.modal-form { - margin-bottom: 0; + padding: 20px; } .modal-footer { - padding: 14px 15px 15px; - margin-bottom: 0; + margin-top: 15px; + padding: 19px 20px 20px; text-align: right; - background-color: #f5f5f5; - border-top: 1px solid #dddddd; - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; - -webkit-box-shadow: inset 0 1px 0 white; - -moz-box-shadow: inset 0 1px 0 white; - box-shadow: inset 0 1px 0 white; - *zoom: 1; + border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { + content: " "; + /* 1 */ display: table; - content: ""; - line-height: 0; + /* 2 */ } .modal-footer:after { clear: both; @@ -5486,6 +3748,21 @@ input[type="submit"].btn.btn-mini { margin-left: 0; } +@media screen and (min-width: 768px) { + .modal-dialog { + left: 50%; + right: auto; + width: 560px; + margin-left: -280px; + padding-top: 30px; + padding-bottom: 30px; + } + + .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); + } +} .tooltip { position: absolute; z-index: 1030; @@ -5497,8 +3774,8 @@ input[type="submit"].btn.btn-mini { filter: alpha(opacity=0); } .tooltip.in { - opacity: 0.8; - filter: alpha(opacity=80); + opacity: 1; + filter: alpha(opacity=100); } .tooltip.top { margin-top: -3px; @@ -5519,13 +3796,11 @@ input[type="submit"].btn.btn-mini { .tooltip-inner { max-width: 200px; - padding: 8px; + padding: 3px 8px; color: white; text-align: center; text-decoration: none; - background-color: black; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; + background-color: rgba(0, 0, 0, 0.9); border-radius: 4px; } @@ -5542,28 +3817,28 @@ input[type="submit"].btn.btn-mini { left: 50%; margin-left: -5px; border-width: 5px 5px 0; - border-top-color: black; + border-top-color: rgba(0, 0, 0, 0.9); } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; - border-right-color: black; + border-right-color: rgba(0, 0, 0, 0.9); } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; - border-left-color: black; + border-left-color: rgba(0, 0, 0, 0.9); } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; - border-bottom-color: black; + border-bottom-color: rgba(0, 0, 0, 0.9); } .popover { @@ -5576,16 +3851,13 @@ input[type="submit"].btn.btn-mini { padding: 1px; text-align: left; background-color: white; - -webkit-background-clip: padding-box; - -moz-background-clip: padding; + -webkit-bg-clip: padding-box; + -moz-bg-clip: padding; background-clip: padding-box; - border: 1px solid #cccccc; + border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); - -webkit-border-radius: 6px; - -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } @@ -5610,8 +3882,6 @@ input[type="submit"].btn.btn-mini { line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { @@ -5698,53 +3968,106 @@ input[type="submit"].btn.btn-mini { bottom: -10px; } -.thumbnails { - margin-left: -20px; - list-style: none; - *zoom: 1; +.alert { + padding: 10px 35px 10px 15px; + margin-bottom: 20px; + color: #c09853; + background-color: #fcf8e3; + border: 1px solid #fbeed5; + border-radius: 4px; } -.thumbnails:before, .thumbnails:after { - display: table; - content: ""; - line-height: 0; +.alert h4 { + margin-top: 0; + color: inherit; } -.thumbnails:after { - clear: both; +.alert hr { + border-top-color: #f8e5be; +} +.alert .alert-link { + font-weight: 500; + color: #a47e3c; +} +.alert .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; } -.row-fluid .thumbnails { - margin-left: 0; +.alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; + color: #468847; +} +.alert-success hr { + border-top-color: #c9e2b3; +} +.alert-success .alert-link { + color: #356635; +} + +.alert-danger { + background-color: #f2dede; + border-color: #eed3d7; + color: #b94a48; +} +.alert-danger hr { + border-top-color: #e6c1c7; +} +.alert-danger .alert-link { + color: #953b39; +} + +.alert-info { + background-color: #d9edf7; + border-color: #bce8f1; + color: #3a87ad; +} +.alert-info hr { + border-top-color: #a6e1ec; +} +.alert-info .alert-link { + color: #2d6987; +} + +.alert-block { + padding-top: 15px; + padding-bottom: 15px; +} + +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; } -.thumbnails > li { - float: left; - margin-bottom: 20px; - margin-left: 20px; +.alert-block p + p { + margin-top: 5px; } -.thumbnail { - display: block; +.thumbnail, +.img-thumbnail { padding: 4px; - line-height: 20px; + line-height: 1.428571429; + background-color: white; border: 1px solid #dddddd; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; border-radius: 4px; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } +.thumbnail { + display: block; +} + +.img-thumbnail { + display: inline-block; +} + a.thumbnail:hover, a.thumbnail:focus { - border-color: #0088cc; - -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); - -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); - box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + border-color: #428bca; } .thumbnail > img { @@ -5756,13 +4079,12 @@ a.thumbnail:focus { .thumbnail .caption { padding: 9px; - color: #555555; + color: #333333; } .media, .media-body { overflow: hidden; - *overflow: visible; zoom: 1; } @@ -5796,136 +4118,97 @@ a.thumbnail:focus { list-style: none; } -.label, -.badge { - display: inline-block; - padding: 2px 4px; - font-size: 11.844px; - font-weight: bold; - line-height: 14px; - color: white; - vertical-align: baseline; +.label { + display: inline; + padding: .25em .6em; + font-size: 75%; + font-weight: 500; + line-height: 1; + color: #fff; + text-align: center; white-space: nowrap; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + vertical-align: middle; background-color: #999999; + border-radius: .25em; } - -.label { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; -} - -.badge { - padding-left: 9px; - padding-right: 9px; - -webkit-border-radius: 9px; - -moz-border-radius: 9px; - border-radius: 9px; -} - -.label:empty, -.badge:empty { - display: none; -} - -a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { - color: white; +.label[href]:hover, .label[href]:focus { + color: #fff; text-decoration: none; cursor: pointer; + background-color: gray; } -.label-important { - background-color: #b94a48; -} - -.label-important[href] { - background-color: #953b39; -} - -.label-warning { - background-color: #f89406; +.label-danger { + background-color: #d9534f; } - -.label-warning[href] { - background-color: #c67605; +.label-danger[href]:hover, .label-danger[href]:focus { + background-color: #c9302c; } .label-success { - background-color: #468847; -} - -.label-success[href] { - background-color: #356635; -} - -.label-info { - background-color: #3a87ad; -} - -.label-info[href] { - background-color: #2d6987; -} - -.label-inverse { - background-color: #333333; -} - -.label-inverse[href] { - background-color: #1a1a1a; -} - -.badge-important { - background-color: #b94a48; -} - -.badge-important[href] { - background-color: #953b39; + background-color: #5cb85c; } - -.badge-warning { - background-color: #f89406; +.label-success[href]:hover, .label-success[href]:focus { + background-color: #449d44; } -.badge-warning[href] { - background-color: #c67605; +.label-warning { + background-color: #f0ad4e; } - -.badge-success { - background-color: #468847; +.label-warning[href]:hover, .label-warning[href]:focus { + background-color: #ec971f; } -.badge-success[href] { - background-color: #356635; +.label-info { + background-color: #5bc0de; } - -.badge-info { - background-color: #3a87ad; +.label-info[href]:hover, .label-info[href]:focus { + background-color: #31b0d5; } -.badge-info[href] { - background-color: #2d6987; +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: #fff; + line-height: 1; + vertical-align: middle; + white-space: nowrap; + text-align: center; + background-color: #999999; + border-radius: 10px; } - -.badge-inverse { - background-color: #333333; +.badge:empty { + display: none; } -.badge-inverse[href] { - background-color: #1a1a1a; +a.badge:hover, a.badge:focus { + color: #fff; + text-decoration: none; + cursor: pointer; } -.btn .label, .btn .badge { position: relative; top: -1px; } -.btn-mini .label, .btn-mini .badge { top: 0; } +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #428bca; + background-color: #fff; +} + +.nav-pills > li > a > .badge { + margin-left: 3px; +} + @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -5980,62 +4263,34 @@ a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { overflow: hidden; height: 20px; margin-bottom: 20px; - background-color: #f6f6f6; - background-image: -moz-linear-gradient(top, whitesmoke, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, whitesmoke, #f9f9f9); - background-image: -o-linear-gradient(top, whitesmoke, #f9f9f9); - background-image: linear-gradient(to bottom, whitesmoke, #f9f9f9); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFF9F9F9', GradientType=0); + background-color: whitesmoke; + border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; } -.progress .bar { +.progress-bar { + float: left; width: 0%; height: 100%; - color: white; - float: left; font-size: 12px; + color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #0d90d1; - background-image: -moz-linear-gradient(top, #149bdf, #0480be); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); - background-image: -webkit-linear-gradient(top, #149bdf, #0480be); - background-image: -o-linear-gradient(top, #149bdf, #0480be); - background-image: linear-gradient(to bottom, #149bdf, #0480be); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF149BDF', endColorstr='#FF0480BE', GradientType=0); + background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } -.progress .bar + .bar { - -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -} - -.progress-striped .bar { - background-color: #149bdf; +.progress-striped .progress-bar { + background-color: #428bca; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; @@ -6043,7 +4298,7 @@ a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { background-size: 40px 40px; } -.progress.active .bar { +.progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; @@ -6051,83 +4306,47 @@ a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { animation: progress-bar-stripes 2s linear infinite; } -.progress-danger .bar, .progress .bar-danger { - background-color: #dd514b; - background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); - background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE5F5B', endColorstr='#FFC43C35', GradientType=0); +.progress-bar-danger { + background-color: #d9534f; } - -.progress-danger.progress-striped .bar, .progress-striped .bar-danger { - background-color: #ee5f5b; +.progress-striped .progress-bar-danger { + background-color: #d9534f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-success .bar, .progress .bar-success { - background-color: #5db95d; - background-image: -moz-linear-gradient(top, #62c462, #57a957); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); - background-image: -webkit-linear-gradient(top, #62c462, #57a957); - background-image: -o-linear-gradient(top, #62c462, #57a957); - background-image: linear-gradient(to bottom, #62c462, #57a957); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF62C462', endColorstr='#FF57A957', GradientType=0); +.progress-bar-success { + background-color: #5cb85c; } - -.progress-success.progress-striped .bar, .progress-striped .bar-success { - background-color: #62c462; +.progress-striped .progress-bar-success { + background-color: #5cb85c; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-info .bar, .progress .bar-info { - background-color: #4bb1cf; - background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); - background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); - background-image: -o-linear-gradient(top, #5bc0de, #339bb9); - background-image: linear-gradient(to bottom, #5bc0de, #339bb9); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF339BB9', GradientType=0); +.progress-bar-warning { + background-color: #f0ad4e; } - -.progress-info.progress-striped .bar, .progress-striped .bar-info { - background-color: #5bc0de; +.progress-striped .progress-bar-warning { + background-color: #f0ad4e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-warning .bar, .progress .bar-warning { - background-color: #f9a732; - background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(to bottom, #fbb450, #f89406); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBB450', endColorstr='#FFF89406', GradientType=0); +.progress-bar-info { + background-color: #5bc0de; } - -.progress-warning.progress-striped .bar, .progress-striped .bar-warning { - background-color: #fbb450; +.progress-striped .progress-bar-info { + background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } @@ -6138,8 +4357,6 @@ a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; border-radius: 4px; } @@ -6163,14 +4380,12 @@ a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { .carousel { position: relative; - margin-bottom: 20px; - line-height: 1; } .carousel-inner { + position: relative; overflow: hidden; width: 100%; - position: relative; } .carousel-inner > .item { @@ -6219,53 +4434,77 @@ a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { .carousel-control { position: absolute; - top: 40%; - left: 15px; - width: 40px; - height: 40px; - margin-top: -20px; - font-size: 60px; - font-weight: 100; - line-height: 30px; - color: white; - text-align: center; - background: #222222; - border: 3px solid white; - -webkit-border-radius: 23px; - -moz-border-radius: 23px; - border-radius: 23px; + top: 0; + left: 0; + bottom: 0; + width: 15%; opacity: 0.5; filter: alpha(opacity=50); + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-control.left { + background-color: rgba(0, 0, 0, 0.0001); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + background-color: transparent; } .carousel-control.right { left: auto; - right: 15px; + right: 0; + background-color: rgba(0, 0, 0, 0.5); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + background-color: transparent; } .carousel-control:hover, .carousel-control:focus { - color: white; + color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } +.carousel-control .glyphicon { + position: absolute; + top: 50%; + left: 50%; + z-index: 5; + display: inline-block; + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; +} .carousel-indicators { position: absolute; - top: 15px; - right: 15px; - z-index: 5; - margin: 0; + bottom: 20px; + left: 50%; + z-index: 15; + width: 100px; + margin: 0 0 0 -50px; list-style: none; + text-align: center; } .carousel-indicators li { - display: block; - float: left; - width: 10px; - height: 10px; - margin-left: 5px; + display: inline-block; + width: 8px; + height: 8px; + margin-left: 0; + margin-right: 0; text-indent: -999px; - background-color: #ccc; - background-color: rgba(255, 255, 255, 0.25); + border: 1px solid #fff; border-radius: 5px; + cursor: pointer; } .carousel-indicators .active { background-color: #fff; @@ -6273,49 +4512,69 @@ a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { .carousel-caption { position: absolute; - left: 0; - right: 0; - bottom: 0; - padding: 15px; - background: #333333; - background: rgba(0, 0, 0, 0.75); + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - -.carousel-caption h4, -.carousel-caption p { - color: white; - line-height: 20px; +.carousel-caption .btn { + text-shadow: none; } -.carousel-caption h4 { - margin: 0 0 5px; -} +@media screen and (min-width: 768px) { + .carousel-control .glyphicon { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } -.carousel-caption p { - margin-bottom: 0; + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } } - -.hero-unit { - padding: 60px; +.jumbotron { + padding: 30px; margin-bottom: 30px; - font-size: 18px; + font-size: 21px; font-weight: 200; - line-height: 30px; + line-height: 2.1428571435; color: inherit; background-color: #eeeeee; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; } -.hero-unit h1 { - margin-bottom: 0; - font-size: 60px; +.jumbotron h1 { line-height: 1; color: inherit; - letter-spacing: -1px; } -.hero-unit li { - line-height: 30px; +.jumbotron p { + line-height: 1.4; +} + +@media screen and (min-width: 768px) { + .jumbotron { + padding: 50px 60px; + border-radius: 6px; + } + .jumbotron h1 { + font-size: 63px; + } +} +.clearfix:before, .clearfix:after { + content: " "; + /* 1 */ + display: table; + /* 2 */ +} +.clearfix:after { + clear: both; } .pull-right { @@ -6327,46 +4586,127 @@ a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { } .hide { - display: none; + display: none !important; } .show { - display: block; + display: block !important; } .invisible { visibility: hidden; } +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + .affix { position: fixed; } -.clearfix { - *zoom: 1; +@-ms-viewport { + width: device-width; } -.clearfix:before, .clearfix:after { - display: table; - content: ""; - line-height: 0; + +@media screen and (max-width: 400px) { + @-ms-viewport { + width: 320px; } -.clearfix:after { - clear: both; +} +.hidden { + display: none; + visibility: hidden; } -.hide-text { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; +.visible-sm { + display: block !important; } -.input-block-level { - display: block; - width: 100%; - min-height: 30px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; +.visible-md { + display: none !important; +} + +.visible-lg { + display: none !important; +} + +.hidden-sm { + display: none !important; +} + +.hidden-md { + display: block !important; +} + +.hidden-lg { + display: block !important; +} + +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: none !important; + } + + .visible-md { + display: block !important; + } + + .visible-lg { + display: none !important; + } + + .hidden-sm { + display: block !important; + } + + .hidden-md { + display: none !important; + } + + .hidden-lg { + display: block !important; + } +} +@media (min-width: 992px) { + .visible-sm { + display: none !important; + } + + .visible-md { + display: none !important; + } + + .visible-lg { + display: block !important; + } + + .hidden-sm { + display: block !important; + } + + .hidden-md { + display: block !important; + } + + .hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} + +@media print { + .visible-print { + display: block !important; + } + + .hidden-print { + display: none !important; + } } diff --git a/library/css/responsive.css b/library/css/responsive.css deleted file mode 100644 index e2c08d1..0000000 --- a/library/css/responsive.css +++ /dev/null @@ -1,1236 +0,0 @@ -/* - * Bootstrap Responsive v2.3.1 - * - * Copyright 2012 Twitter, Inc - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Designed and built with all the love in the world @twitter by @mdo and @fat. - */ -@-ms-viewport { - width: device-width; -} - -.hidden { - display: none; - visibility: hidden; -} - -.visible-phone { - display: none !important; -} - -.visible-tablet { - display: none !important; -} - -.hidden-desktop { - display: none !important; -} - -.visible-desktop { - display: inherit !important; -} - -@media (min-width: 768px) and (max-width: 979px) { - .hidden-desktop { - display: inherit !important; - } - - .visible-desktop { - display: none !important; - } - - .visible-tablet { - display: inherit !important; - } - - .hidden-tablet { - display: none !important; - } -} -@media (max-width: 767px) { - .hidden-desktop { - display: inherit !important; - } - - .visible-desktop { - display: none !important; - } - - .visible-phone { - display: inherit !important; - } - - .hidden-phone { - display: none !important; - } -} -.visible-print { - display: none !important; -} - -@media print { - .visible-print { - display: inherit !important; - } - - .hidden-print { - display: none !important; - } -} -.clearfix { - *zoom: 1; -} -.clearfix:before, .clearfix:after { - display: table; - content: ""; - line-height: 0; -} -.clearfix:after { - clear: both; -} - -.hide-text { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} - -.input-block-level { - display: block; - width: 100%; - min-height: 30px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -@media (min-width: 1200px) { - .row { - margin-left: -30px; - *zoom: 1; - } - .row:before, .row:after { - display: table; - content: ""; - line-height: 0; - } - .row:after { - clear: both; - } - - [class*="span"] { - float: left; - min-height: 1px; - margin-left: 30px; - } - - .container, - .navbar-static-top .container, - .navbar-fixed-top .container, - .navbar-fixed-bottom .container { - width: 1170px; - } - - .span1 { - width: 70px; - } - - .span2 { - width: 170px; - } - - .span3 { - width: 270px; - } - - .span4 { - width: 370px; - } - - .span5 { - width: 470px; - } - - .span6 { - width: 570px; - } - - .span7 { - width: 670px; - } - - .span8 { - width: 770px; - } - - .span9 { - width: 870px; - } - - .span10 { - width: 970px; - } - - .span11 { - width: 1070px; - } - - .span12 { - width: 1170px; - } - - .offset1 { - margin-left: 130px; - } - - .offset2 { - margin-left: 230px; - } - - .offset3 { - margin-left: 330px; - } - - .offset4 { - margin-left: 430px; - } - - .offset5 { - margin-left: 530px; - } - - .offset6 { - margin-left: 630px; - } - - .offset7 { - margin-left: 730px; - } - - .offset8 { - margin-left: 830px; - } - - .offset9 { - margin-left: 930px; - } - - .offset10 { - margin-left: 1030px; - } - - .offset11 { - margin-left: 1130px; - } - - .offset12 { - margin-left: 1230px; - } - - .row-fluid { - width: 100%; - *zoom: 1; - } - .row-fluid:before, .row-fluid:after { - display: table; - content: ""; - line-height: 0; - } - .row-fluid:after { - clear: both; - } - .row-fluid [class*="span"] { - display: block; - width: 100%; - min-height: 30px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - float: left; - margin-left: 2.5641%; - *margin-left: 2.51091%; - } - .row-fluid [class*="span"]:first-child { - margin-left: 0; - } - .row-fluid .controls-row [class*="span"] + [class*="span"] { - margin-left: 2.5641%; - } - .row-fluid .span1 { - width: 5.98291%; - *width: 5.92971%; - } - .row-fluid .span2 { - width: 14.52991%; - *width: 14.47672%; - } - .row-fluid .span3 { - width: 23.07692%; - *width: 23.02373%; - } - .row-fluid .span4 { - width: 31.62393%; - *width: 31.57074%; - } - .row-fluid .span5 { - width: 40.17094%; - *width: 40.11775%; - } - .row-fluid .span6 { - width: 48.71795%; - *width: 48.66476%; - } - .row-fluid .span7 { - width: 57.26496%; - *width: 57.21177%; - } - .row-fluid .span8 { - width: 65.81197%; - *width: 65.75877%; - } - .row-fluid .span9 { - width: 74.35897%; - *width: 74.30578%; - } - .row-fluid .span10 { - width: 82.90598%; - *width: 82.85279%; - } - .row-fluid .span11 { - width: 91.45299%; - *width: 91.3998%; - } - .row-fluid .span12 { - width: 100%; - *width: 99.94681%; - } - .row-fluid .offset1 { - margin-left: 11.11111%; - *margin-left: 11.00473%; - } - .row-fluid .offset1:first-child { - margin-left: 8.54701%; - *margin-left: 8.44063%; - } - .row-fluid .offset2 { - margin-left: 19.65812%; - *margin-left: 19.55174%; - } - .row-fluid .offset2:first-child { - margin-left: 17.09402%; - *margin-left: 16.98763%; - } - .row-fluid .offset3 { - margin-left: 28.20513%; - *margin-left: 28.09875%; - } - .row-fluid .offset3:first-child { - margin-left: 25.64103%; - *margin-left: 25.53464%; - } - .row-fluid .offset4 { - margin-left: 36.75214%; - *margin-left: 36.64575%; - } - .row-fluid .offset4:first-child { - margin-left: 34.18803%; - *margin-left: 34.08165%; - } - .row-fluid .offset5 { - margin-left: 45.29915%; - *margin-left: 45.19276%; - } - .row-fluid .offset5:first-child { - margin-left: 42.73504%; - *margin-left: 42.62866%; - } - .row-fluid .offset6 { - margin-left: 53.84615%; - *margin-left: 53.73977%; - } - .row-fluid .offset6:first-child { - margin-left: 51.28205%; - *margin-left: 51.17567%; - } - .row-fluid .offset7 { - margin-left: 62.39316%; - *margin-left: 62.28678%; - } - .row-fluid .offset7:first-child { - margin-left: 59.82906%; - *margin-left: 59.72268%; - } - .row-fluid .offset8 { - margin-left: 70.94017%; - *margin-left: 70.83379%; - } - .row-fluid .offset8:first-child { - margin-left: 68.37607%; - *margin-left: 68.26969%; - } - .row-fluid .offset9 { - margin-left: 79.48718%; - *margin-left: 79.3808%; - } - .row-fluid .offset9:first-child { - margin-left: 76.92308%; - *margin-left: 76.81669%; - } - .row-fluid .offset10 { - margin-left: 88.03419%; - *margin-left: 87.92781%; - } - .row-fluid .offset10:first-child { - margin-left: 85.47009%; - *margin-left: 85.3637%; - } - .row-fluid .offset11 { - margin-left: 96.5812%; - *margin-left: 96.47481%; - } - .row-fluid .offset11:first-child { - margin-left: 94.01709%; - *margin-left: 93.91071%; - } - .row-fluid .offset12 { - margin-left: 105.12821%; - *margin-left: 105.02182%; - } - .row-fluid .offset12:first-child { - margin-left: 102.5641%; - *margin-left: 102.45772%; - } - - input, - textarea, - .uneditable-input { - margin-left: 0; - } - - .controls-row [class*="span"] + [class*="span"] { - margin-left: 30px; - } - - input.span1, - textarea.span1, - .uneditable-input.span1 { - width: 56px; - } - - input.span2, - textarea.span2, - .uneditable-input.span2 { - width: 156px; - } - - input.span3, - textarea.span3, - .uneditable-input.span3 { - width: 256px; - } - - input.span4, - textarea.span4, - .uneditable-input.span4 { - width: 356px; - } - - input.span5, - textarea.span5, - .uneditable-input.span5 { - width: 456px; - } - - input.span6, - textarea.span6, - .uneditable-input.span6 { - width: 556px; - } - - input.span7, - textarea.span7, - .uneditable-input.span7 { - width: 656px; - } - - input.span8, - textarea.span8, - .uneditable-input.span8 { - width: 756px; - } - - input.span9, - textarea.span9, - .uneditable-input.span9 { - width: 856px; - } - - input.span10, - textarea.span10, - .uneditable-input.span10 { - width: 956px; - } - - input.span11, - textarea.span11, - .uneditable-input.span11 { - width: 1056px; - } - - input.span12, - textarea.span12, - .uneditable-input.span12 { - width: 1156px; - } - - .thumbnails { - margin-left: -30px; - } - - .thumbnails > li { - margin-left: 30px; - } - - .row-fluid .thumbnails { - margin-left: 0; - } -} -@media (min-width: 768px) and (max-width: 979px) { - .row { - margin-left: -20px; - *zoom: 1; - } - .row:before, .row:after { - display: table; - content: ""; - line-height: 0; - } - .row:after { - clear: both; - } - - [class*="span"] { - float: left; - min-height: 1px; - margin-left: 20px; - } - - .container, - .navbar-static-top .container, - .navbar-fixed-top .container, - .navbar-fixed-bottom .container { - width: 724px; - } - - .span1 { - width: 42px; - } - - .span2 { - width: 104px; - } - - .span3 { - width: 166px; - } - - .span4 { - width: 228px; - } - - .span5 { - width: 290px; - } - - .span6 { - width: 352px; - } - - .span7 { - width: 414px; - } - - .span8 { - width: 476px; - } - - .span9 { - width: 538px; - } - - .span10 { - width: 600px; - } - - .span11 { - width: 662px; - } - - .span12 { - width: 724px; - } - - .offset1 { - margin-left: 82px; - } - - .offset2 { - margin-left: 144px; - } - - .offset3 { - margin-left: 206px; - } - - .offset4 { - margin-left: 268px; - } - - .offset5 { - margin-left: 330px; - } - - .offset6 { - margin-left: 392px; - } - - .offset7 { - margin-left: 454px; - } - - .offset8 { - margin-left: 516px; - } - - .offset9 { - margin-left: 578px; - } - - .offset10 { - margin-left: 640px; - } - - .offset11 { - margin-left: 702px; - } - - .offset12 { - margin-left: 764px; - } - - .row-fluid { - width: 100%; - *zoom: 1; - } - .row-fluid:before, .row-fluid:after { - display: table; - content: ""; - line-height: 0; - } - .row-fluid:after { - clear: both; - } - .row-fluid [class*="span"] { - display: block; - width: 100%; - min-height: 30px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - float: left; - margin-left: 2.76243%; - *margin-left: 2.70924%; - } - .row-fluid [class*="span"]:first-child { - margin-left: 0; - } - .row-fluid .controls-row [class*="span"] + [class*="span"] { - margin-left: 2.76243%; - } - .row-fluid .span1 { - width: 5.8011%; - *width: 5.74791%; - } - .row-fluid .span2 { - width: 14.36464%; - *width: 14.31145%; - } - .row-fluid .span3 { - width: 22.92818%; - *width: 22.87499%; - } - .row-fluid .span4 { - width: 31.49171%; - *width: 31.43852%; - } - .row-fluid .span5 { - width: 40.05525%; - *width: 40.00206%; - } - .row-fluid .span6 { - width: 48.61878%; - *width: 48.56559%; - } - .row-fluid .span7 { - width: 57.18232%; - *width: 57.12913%; - } - .row-fluid .span8 { - width: 65.74586%; - *width: 65.69266%; - } - .row-fluid .span9 { - width: 74.30939%; - *width: 74.2562%; - } - .row-fluid .span10 { - width: 82.87293%; - *width: 82.81974%; - } - .row-fluid .span11 { - width: 91.43646%; - *width: 91.38327%; - } - .row-fluid .span12 { - width: 100%; - *width: 99.94681%; - } - .row-fluid .offset1 { - margin-left: 11.32597%; - *margin-left: 11.21958%; - } - .row-fluid .offset1:first-child { - margin-left: 8.56354%; - *margin-left: 8.45715%; - } - .row-fluid .offset2 { - margin-left: 19.8895%; - *margin-left: 19.78312%; - } - .row-fluid .offset2:first-child { - margin-left: 17.12707%; - *margin-left: 17.02069%; - } - .row-fluid .offset3 { - margin-left: 28.45304%; - *margin-left: 28.34666%; - } - .row-fluid .offset3:first-child { - margin-left: 25.69061%; - *margin-left: 25.58422%; - } - .row-fluid .offset4 { - margin-left: 37.01657%; - *margin-left: 36.91019%; - } - .row-fluid .offset4:first-child { - margin-left: 34.25414%; - *margin-left: 34.14776%; - } - .row-fluid .offset5 { - margin-left: 45.58011%; - *margin-left: 45.47373%; - } - .row-fluid .offset5:first-child { - margin-left: 42.81768%; - *margin-left: 42.7113%; - } - .row-fluid .offset6 { - margin-left: 54.14365%; - *margin-left: 54.03726%; - } - .row-fluid .offset6:first-child { - margin-left: 51.38122%; - *margin-left: 51.27483%; - } - .row-fluid .offset7 { - margin-left: 62.70718%; - *margin-left: 62.6008%; - } - .row-fluid .offset7:first-child { - margin-left: 59.94475%; - *margin-left: 59.83837%; - } - .row-fluid .offset8 { - margin-left: 71.27072%; - *margin-left: 71.16434%; - } - .row-fluid .offset8:first-child { - margin-left: 68.50829%; - *margin-left: 68.4019%; - } - .row-fluid .offset9 { - margin-left: 79.83425%; - *margin-left: 79.72787%; - } - .row-fluid .offset9:first-child { - margin-left: 77.07182%; - *margin-left: 76.96544%; - } - .row-fluid .offset10 { - margin-left: 88.39779%; - *margin-left: 88.29141%; - } - .row-fluid .offset10:first-child { - margin-left: 85.63536%; - *margin-left: 85.52898%; - } - .row-fluid .offset11 { - margin-left: 96.96133%; - *margin-left: 96.85494%; - } - .row-fluid .offset11:first-child { - margin-left: 94.1989%; - *margin-left: 94.09251%; - } - .row-fluid .offset12 { - margin-left: 105.52486%; - *margin-left: 105.41848%; - } - .row-fluid .offset12:first-child { - margin-left: 102.76243%; - *margin-left: 102.65605%; - } - - input, - textarea, - .uneditable-input { - margin-left: 0; - } - - .controls-row [class*="span"] + [class*="span"] { - margin-left: 20px; - } - - input.span1, - textarea.span1, - .uneditable-input.span1 { - width: 28px; - } - - input.span2, - textarea.span2, - .uneditable-input.span2 { - width: 90px; - } - - input.span3, - textarea.span3, - .uneditable-input.span3 { - width: 152px; - } - - input.span4, - textarea.span4, - .uneditable-input.span4 { - width: 214px; - } - - input.span5, - textarea.span5, - .uneditable-input.span5 { - width: 276px; - } - - input.span6, - textarea.span6, - .uneditable-input.span6 { - width: 338px; - } - - input.span7, - textarea.span7, - .uneditable-input.span7 { - width: 400px; - } - - input.span8, - textarea.span8, - .uneditable-input.span8 { - width: 462px; - } - - input.span9, - textarea.span9, - .uneditable-input.span9 { - width: 524px; - } - - input.span10, - textarea.span10, - .uneditable-input.span10 { - width: 586px; - } - - input.span11, - textarea.span11, - .uneditable-input.span11 { - width: 648px; - } - - input.span12, - textarea.span12, - .uneditable-input.span12 { - width: 710px; - } -} -@media (max-width: 767px) { - body { - padding-left: 20px; - padding-right: 20px; - } - - .navbar-fixed-top, - .navbar-fixed-bottom, - .navbar-static-top { - margin-left: -20px; - margin-right: -20px; - } - - .container-fluid { - padding: 0; - } - - .dl-horizontal dt { - float: none; - clear: none; - width: auto; - text-align: left; - } - .dl-horizontal dd { - margin-left: 0; - } - - .container { - width: auto; - } - - .row-fluid { - width: 100%; - } - - .row, - .thumbnails { - margin-left: 0; - } - - .thumbnails > li { - float: none; - margin-left: 0; - } - - [class*="span"], - .uneditable-input[class*="span"], - .row-fluid [class*="span"] { - float: none; - display: block; - width: 100%; - margin-left: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - - .span12, - .row-fluid .span12 { - width: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - - .row-fluid [class*="offset"]:first-child { - margin-left: 0; - } - - .input-large, - .input-xlarge, - .input-xxlarge, - input[class*="span"], - select[class*="span"], - textarea[class*="span"], - .uneditable-input { - display: block; - width: 100%; - min-height: 30px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - - .input-prepend input, - .input-append input, - .input-prepend input[class*="span"], - .input-append input[class*="span"] { - display: inline-block; - width: auto; - } - - .controls-row [class*="span"] + [class*="span"] { - margin-left: 0; - } - - .modal { - position: fixed; - top: 20px; - left: 20px; - right: 20px; - width: auto; - margin: 0; - } - .modal.fade { - top: -100px; - } - .modal.fade.in { - top: 20px; - } -} -@media (max-width: 480px) { - .nav-collapse { - -webkit-transform: translate3d(0, 0, 0); - } - - .page-header h1 small { - display: block; - line-height: 20px; - } - - input[type="checkbox"], - input[type="radio"] { - border: 1px solid #cccccc; - } - - .form-horizontal .control-label { - float: none; - width: auto; - padding-top: 0; - text-align: left; - } - .form-horizontal .controls { - margin-left: 0; - } - .form-horizontal .control-list { - padding-top: 0; - } - .form-horizontal .form-actions { - padding-left: 10px; - padding-right: 10px; - } - - .media .pull-left, - .media .pull-right { - float: none; - display: block; - margin-bottom: 10px; - } - - .media-object { - margin-right: 0; - margin-left: 0; - } - - .modal { - top: 10px; - left: 10px; - right: 10px; - } - - .modal-header .close { - padding: 10px; - margin: -10px; - } - - .carousel-caption { - position: static; - } -} -@media (max-width: 979px) { - body { - padding-top: 0; - } - - .navbar-fixed-top, - .navbar-fixed-bottom { - position: static; - } - - .navbar-fixed-top { - margin-bottom: 20px; - } - - .navbar-fixed-bottom { - margin-top: 20px; - } - - .navbar-fixed-top .navbar-inner, - .navbar-fixed-bottom .navbar-inner { - padding: 5px; - } - - .navbar .container { - width: auto; - padding: 0; - } - - .navbar .brand { - padding-left: 10px; - padding-right: 10px; - margin: 0 0 0 -5px; - } - - .nav-collapse { - clear: both; - } - - .nav-collapse .nav { - float: none; - margin: 0 0 10px; - } - - .nav-collapse .nav > li { - float: none; - } - - .nav-collapse .nav > li > a { - margin-bottom: 2px; - } - - .nav-collapse .nav > .divider-vertical { - display: none; - } - - .nav-collapse .nav .nav-header { - color: #777777; - text-shadow: none; - } - - .nav-collapse .nav > li > a, - .nav-collapse .dropdown-menu a { - padding: 9px 15px; - font-weight: bold; - color: #777777; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - - .nav-collapse .btn { - padding: 4px 10px 4px; - font-weight: normal; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - } - - .nav-collapse .dropdown-menu li + li a { - margin-bottom: 2px; - } - - .nav-collapse .nav > li > a:hover, - .nav-collapse .nav > li > a:focus, - .nav-collapse .dropdown-menu a:hover, - .nav-collapse .dropdown-menu a:focus { - background-color: #f2f2f2; - } - - .navbar-inverse .nav-collapse .nav > li > a, - .navbar-inverse .nav-collapse .dropdown-menu a { - color: #999999; - } - - .navbar-inverse .nav-collapse .nav > li > a:hover, - .navbar-inverse .nav-collapse .nav > li > a:focus, - .navbar-inverse .nav-collapse .dropdown-menu a:hover, - .navbar-inverse .nav-collapse .dropdown-menu a:focus { - background-color: #111111; - } - - .nav-collapse.in .btn-group { - margin-top: 5px; - padding: 0; - } - - .nav-collapse .dropdown-menu { - position: static; - top: auto; - left: auto; - float: none; - display: none; - max-width: none; - margin: 0 15px; - padding: 0; - background-color: transparent; - border: none; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - } - - .nav-collapse .open > .dropdown-menu { - display: block; - } - - .nav-collapse .dropdown-menu:before, - .nav-collapse .dropdown-menu:after { - display: none; - } - - .nav-collapse .dropdown-menu .divider { - display: none; - } - - .nav-collapse .nav > li > .dropdown-menu:before, .nav-collapse .nav > li > .dropdown-menu:after { - display: none; - } - - .nav-collapse .navbar-form, - .nav-collapse .navbar-search { - float: none; - padding: 10px 15px; - margin: 10px 0; - border-top: 1px solid #f2f2f2; - border-bottom: 1px solid #f2f2f2; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - } - - .navbar-inverse .nav-collapse .navbar-form, - .navbar-inverse .nav-collapse .navbar-search { - border-top-color: #111111; - border-bottom-color: #111111; - } - - .navbar .nav-collapse .nav.pull-right { - float: none; - margin-left: 0; - } - - .nav-collapse, - .nav-collapse.collapse { - overflow: hidden; - height: 0; - } - - .navbar .btn-navbar { - display: block; - } - - .navbar-static .navbar-inner { - padding-left: 10px; - padding-right: 10px; - } -} -@media (min-width: 980px) { - .nav-collapse.collapse { - height: auto !important; - overflow: visible !important; - } -} diff --git a/library/fonts/glyphiconshalflings-regular.eot b/library/fonts/glyphiconshalflings-regular.eot new file mode 100755 index 0000000000000000000000000000000000000000..bd59ccd2d679a6fa594560d56120e5e6e98b2c3e GIT binary patch literal 33358 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 literal 0 HcmV?d00001 diff --git a/library/fonts/glyphiconshalflings-regular.svg b/library/fonts/glyphiconshalflings-regular.svg new file mode 100755 index 0000000..0fb4587 --- /dev/null +++ b/library/fonts/glyphiconshalflings-regular.svg @@ -0,0 +1,175 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/library/fonts/glyphiconshalflings-regular.ttf b/library/fonts/glyphiconshalflings-regular.ttf new file mode 100755 index 0000000000000000000000000000000000000000..c63c068feb1ac0de21fb7fe459fc8d0175028f2d GIT binary patch literal 32896 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 T4y;kUO<052l5N*uMf(2$813#) literal 0 HcmV?d00001 diff --git a/library/fonts/glyphiconshalflings-regular.woff b/library/fonts/glyphiconshalflings-regular.woff new file mode 100755 index 0000000000000000000000000000000000000000..4c778ffdc5fa2837359e171f35c5b410674cd3c2 GIT binary patch literal 18944 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%0Aj9w_3|}8T~R?c=mXrZ{!OUY}Y4YKc7(y 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 diff --git a/library/sass/partials/_accordion.scss b/library/sass/_accordion.scss old mode 100755 new mode 100644 similarity index 87% rename from library/sass/partials/_accordion.scss rename to library/sass/_accordion.scss index 576bdae..92a9b10 --- a/library/sass/partials/_accordion.scss +++ b/library/sass/_accordion.scss @@ -5,14 +5,14 @@ // Parent container .accordion { - margin-bottom: $baseLineHeight; + margin-bottom: $line-height-computed; } // Group == heading + body .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; - @include border-radius($baseBorderRadius); + border-radius: $border-radius-base; } .accordion-heading { border-bottom: 0; diff --git a/library/sass/_alerts.scss b/library/sass/_alerts.scss new file mode 100644 index 0000000..a56fef9 --- /dev/null +++ b/library/sass/_alerts.scss @@ -0,0 +1,92 @@ +// +// Alerts +// -------------------------------------------------- + + +// Base styles +// ------------------------- + +.alert { + padding: 10px 35px 10px 15px; + margin-bottom: $line-height-computed; + color: $alert-text; + background-color: $alert-bg; + border: 1px solid $alert-border; + border-radius: $alert-border-radius; + + // Headings for larger alerts + h4 { + margin-top: 0; + // Specified for the h4 to prevent conflicts of changing $headingsColor + color: inherit; + } + // Match the hr to the border of the alert + hr { + border-top-color: darken($alert-border, 5%); + } + // Provide class for links that match alerts + .alert-link { + font-weight: 500; + color: darken($alert-text, 10%); + } + + // Adjust close link position + .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; + } +} + +// Alternate styles +// ------------------------- + +.alert-success { + background-color: $alert-success-bg; + border-color: $alert-success-border; + color: $alert-success-text; + hr { + border-top-color: darken($alert-success-border, 5%); + } + .alert-link { + color: darken($alert-success-text, 10%); + } +} +.alert-danger { + background-color: $alert-danger-bg; + border-color: $alert-danger-border; + color: $alert-danger-text; + hr { + border-top-color: darken($alert-danger-border, 5%); + } + .alert-link { + color: darken($alert-danger-text, 10%); + } +} +.alert-info { + background-color: $alert-info-bg; + border-color: $alert-info-border; + color: $alert-info-text; + hr { + border-top-color: darken($alert-info-border, 5%); + } + .alert-link { + color: darken($alert-info-text, 10%); + } +} + +// Block alerts +// ------------------------- + +.alert-block { + padding-top: 15px; + padding-bottom: 15px; +} +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; +} +.alert-block p + p { + margin-top: 5px; +} diff --git a/library/sass/_badges.scss b/library/sass/_badges.scss new file mode 100644 index 0000000..f827cff --- /dev/null +++ b/library/sass/_badges.scss @@ -0,0 +1,58 @@ +// +// Badges +// -------------------------------------------------- + + +// Base classes +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: $font-size-small; + font-weight: bold; + color: #fff; + line-height: 1; + vertical-align: middle; + white-space: nowrap; + text-align: center; + background-color: $gray-light; + border-radius: 10px; + + // Empty labels/badges collapse + &:empty { + display: none; + } +} + +// Hover state, but only for links +a.badge { + &:hover, + &:focus { + color: #fff; + text-decoration: none; + cursor: pointer; + } +} + +// Quick fix for labels/badges in buttons +.btn { + .badge { + position: relative; + top: -1px; + } +} +.btn-mini { + .badge { + top: 0; + } +} + +// Account for counters in navs +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: $link-color; + background-color: #fff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} diff --git a/library/sass/_breadcrumbs.scss b/library/sass/_breadcrumbs.scss new file mode 100644 index 0000000..d0c8cd6 --- /dev/null +++ b/library/sass/_breadcrumbs.scss @@ -0,0 +1,28 @@ +// +// Breadcrumbs +// -------------------------------------------------- + + +.breadcrumb { + padding: 8px 15px; + margin: 0 0 $line-height-computed; + list-style: none; + background-color: #f5f5f5; + border-radius: $border-radius-base; + > li { + display: inline-block; + text-shadow: 0 1px 0 #fff; + &:after { + display: inline-block; + content: "\00a0 /"; // Unicode space added since inline-block means non-collapsing white-space + padding: 0 5px; + color: #ccc; + } + &:last-child:after { + display: none; // No divider after last element + } + } + > .active { + color: $gray-light; + } +} diff --git a/library/sass/_button-groups.scss b/library/sass/_button-groups.scss new file mode 100644 index 0000000..79e64d1 --- /dev/null +++ b/library/sass/_button-groups.scss @@ -0,0 +1,170 @@ +// +// Button groups +// -------------------------------------------------- + +// Button carets +.btn .caret { + border-top-color: $btn-default-color; +} +.dropup .btn .caret { + border-bottom-color: $btn-default-color; +} + +// Make the div behave like a button +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; // match .btn alignment given font-size hack above + > .btn { + position: relative; + float: left; + // Bring the "active" button to the front + &:hover, + &:active { + z-index: 2; + } + } +} + +// Prevent double borders when buttons are next to each other +.btn-group .btn + .btn { + margin-left: -1px; +} + +// Optional: Group multiple button groups together for a toolbar +.btn-toolbar { + @include clearfix(); + + .btn-group { + float: left; + } + // Space out series of button groups + > .btn + .btn, + > .btn-group + .btn, + > .btn + .btn-group, + > .btn-group + .btn-group { + margin-left: 5px; + } +} + +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; +} + +// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match +.btn-group > .btn:first-child { + margin-left: 0; + &:not(:last-child):not(.dropdown-toggle) { + @include border-right-radius(0); + } +} +// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + @include border-left-radius(0); +} + +// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group) +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + @include border-right-radius(0); +} +.btn-group > .btn-group:last-child > .btn:first-child { + @include border-left-radius(0); +} + +// On active and open, don't show outline +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + + + +// Split button dropdowns +// ---------------------- + +// Give the line between buttons some depth +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-mini + .dropdown-toggle { + padding-left: 5px; + padding-right: 5px; +} +.btn-group > .btn-large + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} + +// The clickable button for toggling the menu +// Remove the gradient and set the same inset shadow as the :active state +.btn-group.open .dropdown-toggle { + @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); +} + + +// Reposition the caret +.btn .caret { + margin-left: 0; +} +// Carets in other button sizes +.btn-large .caret { + border-width: 5px; +} +// Upside down carets for .dropup +.dropup .btn-large .caret { + border-bottom-width: 5px; +} + + +// Vertical button groups +// ---------------------- + +.btn-group-vertical > .btn { + display: block; + float: none; + width: 100%; + max-width: 100%; + + .btn { + margin-top: -1px; + } +} +.btn-group-vertical .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} +.btn-group-vertical .btn:first-child { + @include border-bottom-radius(0); +} +.btn-group-vertical .btn:last-child { + @include border-top-radius(0); +} + + +// Justified button groups +// ---------------------- + +.btn-group-justified { + display: table; + width: 100%; + .btn { + float: none; + display: table-cell; + width: 1%; + } +} + + +// Checkbox and radio options +.btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"], +.btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] { + display: none; +} diff --git a/library/sass/_buttons.scss b/library/sass/_buttons.scss new file mode 100644 index 0000000..f9717b2 --- /dev/null +++ b/library/sass/_buttons.scss @@ -0,0 +1,160 @@ +// +// Buttons +// -------------------------------------------------- + + +// Base styles +// -------------------------------------------------- + +// Core styles +.btn { + display: inline-block; + padding: $padding-base-vertical $padding-base-horizontal; + margin-bottom: 0; // For input.btn + font-size: $font-size-base; + font-weight: 500; + line-height: $line-height-base; + text-align: center; + vertical-align: middle; + cursor: pointer; + border: 1px solid transparent; + border-radius: $border-radius-base; + white-space: nowrap; + + &:focus { + @include tab-focus(); + } + + &:hover, + &:focus { + color: #fff; + text-decoration: none; + } + + &:active, + &.active { + outline: 0; + background-image: none; + @include box-shadow(inset 0 3px 5px rgba(0,0,0,.125)); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + cursor: default; + pointer-events: none; // Future-proof disabling of clicks + @include opacity(.65); + @include box-shadow(none); + } + +} + + +// Alternate buttons +// -------------------------------------------------- + +.btn-default { + @include btn-pseudo-states($btn-default-color, $btn-default-bg, $btn-default-border); +} +.btn-primary { + @include btn-pseudo-states($btn-primary-color, $btn-primary-bg, $btn-primary-border); +} +// Warning appears as orange +.btn-warning { + @include btn-pseudo-states($btn-warning-color, $btn-warning-bg, $btn-warning-border); +} +// Danger and error appear as red +.btn-danger { + @include btn-pseudo-states($btn-danger-color, $btn-danger-bg, $btn-danger-border); +} +// Success appears as green +.btn-success { + @include btn-pseudo-states($btn-success-color, $btn-success-bg, $btn-success-border); +} +// Info appears as blue-green +.btn-info { + @include btn-pseudo-states($btn-info-color, $btn-info-bg, $btn-info-border); +} + + +// Link buttons +// ------------------------- + +// Make a button look and behave like a link +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + background-image: none; + @include box-shadow(none); +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link { + color: $link-color; + font-weight: normal; + cursor: pointer; + border-radius: 0; +} +.btn-link:hover, +.btn-link:focus { + color: $link-hover-color; + text-decoration: underline; + background-color: transparent; +} +.btn-link { + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus { + color: $gray-dark; + text-decoration: none; + } + } +} + + +// Button Sizes +// -------------------------------------------------- + +.btn-large { + padding: $padding-large-vertical $padding-large-horizontal; + font-size: $font-size-large; + border-radius: $border-radius-large; +} +.btn-small { + padding: $padding-small-vertical $padding-small-horizontal; + font-size: $font-size-small; + line-height: 1.5; // ensure proper height of button next to small input + border-radius: $border-radius-small; +} + + +// Block button +// -------------------------------------------------- + +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; +} + +// Vertically space out multiple block buttons +.btn-block + .btn-block { + margin-top: 5px; +} + +// Specificity overrides +input[type="submit"], +input[type="reset"], +input[type="button"] { + &.btn-block { + width: 100%; + } +} diff --git a/library/sass/_carousel.scss b/library/sass/_carousel.scss new file mode 100644 index 0000000..4061e69 --- /dev/null +++ b/library/sass/_carousel.scss @@ -0,0 +1,191 @@ +// +// Carousel +// -------------------------------------------------- + + +// Wrapper for the slide container and indicators +.carousel { + position: relative; +} + +// Wrap all slides, but only show the active one +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; +} + +// Immediate parent of all slides +.carousel-inner { + + > .item { + display: none; + position: relative; + @include transition(.6s ease-in-out left); + + // Account for jankitude on images + > img, + > a > img { + display: block; + line-height: 1; + } + } + + > .active, + > .next, + > .prev { display: block; } + + > .active { + left: 0; + } + + > .next, + > .prev { + position: absolute; + top: 0; + width: 100%; + } + + > .next { + left: 100%; + } + > .prev { + left: -100%; + } + > .next.left, + > .prev.right { + left: 0; + } + + > .active.left { + left: -100%; + } + > .active.right { + left: 100%; + } + +} + +// Left/right controls for nav +// --------------------------- + +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 15%; + @include opacity(.5); + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0,0,0,.6); + + // we can't have this transition here + // because webkit cancels the carousel + // animation if you trip this while + // in the middle of another animation + // ;_; + // @include transition(opacity .2s linear); + + // Set gradients for backgrounds + &.left { + @include gradient-horizontal(rgba(0,0,0,.5), rgba(0,0,0,.0001)); + background-color: transparent; + } + &.right { + left: auto; + right: 0; + @include gradient-horizontal(rgba(0,0,0,.0001), rgba(0,0,0,.5)); + background-color: transparent; + } + + // Hover/focus state + &:hover, + &:focus { + color: #fff; + text-decoration: none; + @include opacity(.9); + } + + // Toggles + .glyphicon { + position: absolute; + top: 50%; + left: 50%; + z-index: 5; + display: inline-block; + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + } +} + +// Optional indicator pips +// ----------------------------- +.carousel-indicators { + position: absolute; + bottom: 20px; + left: 50%; + z-index: 15; + width: 100px; + margin: 0 0 0 -50px; + list-style: none; + text-align: center; + + li { + display: inline-block; + width: 8px; + height: 8px; + margin-left: 0; + margin-right: 0; + text-indent: -999px; + border: 1px solid #fff; + border-radius: 5px; + cursor: pointer; + } + .active { + background-color: #fff; + } +} + +// Optional captions +// ----------------------------- +// Hidden by default for smaller viewports +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0,0,0,.6); + & .btn { + text-shadow: none; // No shadow for button elements in carousel-caption + } +} + + +// Scale up controls for tablets and up +@media screen and (min-width: $screen-tablet) { + + // Scale up the controls a smidge + .carousel-control .glyphicon { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } + + // Show and left align the captions + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } +} diff --git a/library/sass/partials/_close.scss b/library/sass/_close.scss old mode 100755 new mode 100644 similarity index 79% rename from library/sass/partials/_close.scss rename to library/sass/_close.scss index ee14a6b..286333c --- a/library/sass/partials/_close.scss +++ b/library/sass/_close.scss @@ -5,18 +5,19 @@ .close { float: right; - font-size: 20px; + font-size: ($font-size-base * 1.5); font-weight: bold; - line-height: $baseLineHeight; - color: $black; + line-height: 1; + color: #000; text-shadow: 0 1px 0 rgba(255,255,255,1); - @include opacity(20); + @include opacity(.2); + &:hover, &:focus { - color: $black; + color: #000; text-decoration: none; cursor: pointer; - @include opacity(40); + @include opacity(.5); } } diff --git a/library/sass/partials/_code.scss b/library/sass/_code.scss old mode 100755 new mode 100644 similarity index 63% rename from library/sass/partials/_code.scss rename to library/sass/_code.scss index b9e2f6f..9a95213 --- a/library/sass/partials/_code.scss +++ b/library/sass/_code.scss @@ -7,40 +7,40 @@ code, pre { padding: 0 3px 2px; - @include font-family-monospace; - font-size: $baseFontSize - 2; - color: $grayDark; - @include border-radius(3px); + font-family: $font-family-monospace; + font-size: ($font-size-base - 2); + color: $gray-dark; + border-radius: 4px; } // Inline code code { padding: 2px 4px; - color: #d14; - background-color: #f7f7f9; - border: 1px solid #e1e1e8; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; white-space: nowrap; } // Blocks of code pre { display: block; - padding: ($baseLineHeight - 1) / 2; - margin: 0 0 $baseLineHeight / 2; - font-size: $baseFontSize - 1; // 14px to 13px - line-height: $baseLineHeight; + padding: (($line-height-computed - 1) / 2); + margin: 0 0 ($line-height-computed / 2); + font-size: ($font-size-base - 1); // 14px to 13px + line-height: $line-height-base; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; - border: 1px solid #ccc; // fallback for IE7-8 + border: 1px solid #ccc; // IE8 fallback border: 1px solid rgba(0,0,0,.15); - @include border-radius($baseBorderRadius); + border-radius: $border-radius-base; // Make prettyprint styles more spaced out for readability &.prettyprint { - margin-bottom: $baseLineHeight; + margin-bottom: $line-height-computed; } // Account for some code outputs that place code tags in pre tags diff --git a/library/sass/partials/_component-animations.scss b/library/sass/_component-animations.scss old mode 100755 new mode 100644 similarity index 99% rename from library/sass/partials/_component-animations.scss rename to library/sass/_component-animations.scss index 5ef86b0..87e744c --- a/library/sass/partials/_component-animations.scss +++ b/library/sass/_component-animations.scss @@ -16,6 +16,7 @@ height: 0; overflow: hidden; @include transition(height .35s ease); + &.in { height: auto; } diff --git a/library/sass/partials/_dropdowns.scss b/library/sass/_dropdowns.scss old mode 100755 new mode 100644 similarity index 65% rename from library/sass/partials/_dropdowns.scss rename to library/sass/_dropdowns.scss index dbe1cb7..1128aa9 --- a/library/sass/partials/_dropdowns.scss +++ b/library/sass/_dropdowns.scss @@ -3,62 +3,39 @@ // -------------------------------------------------- -// Use the .menu class on any

  • element within the topbar or ul.tabs and you'll get some superfancy dropdowns -.dropup, -.dropdown { - position: relative; -} -.dropdown-toggle { - // The caret makes the toggle a bit too tall in IE7 - *margin-bottom: -3px; -} -.dropdown-toggle:active, -.open .dropdown-toggle { - outline: 0; -} - // Dropdown arrow/caret // -------------------- .caret { display: inline-block; width: 0; height: 0; - vertical-align: top; - border-top: 4px solid $black; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } -// Place the caret -.dropdown .caret { - margin-top: 8px; - margin-left: 2px; -} - // The dropdown menu (ul) // ---------------------- .dropdown-menu { position: absolute; top: 100%; left: 0; - z-index: $zindexDropdown; + z-index: $zindex-dropdown; display: none; // none by default, but block on "open" of the menu float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; // override default ul list-style: none; - background-color: $dropdownBackground; - border: 1px solid #ccc; // Fallback for IE7-8 - border: 1px solid $dropdownBorder; - *border-right-width: 2px; - *border-bottom-width: 2px; - @include border-radius(6px); - @include box-shadow(0 5px 10px rgba(0,0,0,.2)); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; + background-color: $dropdown-bg; + border: 1px solid #ccc; // IE8 fallback + border: 1px solid $dropdown-border; + border-radius: $border-radius-base; + @include box-shadow(0 6px 12px rgba(0,0,0,.175)); + @include background-clip(padding-box); // Aligns the dropdown menu to right &.pull-right { @@ -68,7 +45,7 @@ // Dividers (basically an hr) within the dropdown .divider { - @include nav-divider($dropdownDividerTop, $dropdownDividerBottom); + @include nav-divider($dropdown-divider-top, $dropdown-divider-bottom); } // Links within the dropdown menu @@ -77,9 +54,9 @@ padding: 3px 20px; clear: both; font-weight: normal; - line-height: $baseLineHeight; - color: $dropdownLinkColor; - white-space: nowrap; + line-height: $line-height-base; + color: $dropdown-link-color; + white-space: nowrap; // prevent links from randomly breaking onto new lines } } @@ -90,8 +67,8 @@ .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { text-decoration: none; - color: $dropdownLinkColorHover; - @include gradient-vertical($dropdownLinkBackgroundHover, darken($dropdownLinkBackgroundHover, 5%)); + color: $dropdown-link-hover-color; + @include gradient-vertical($dropdown-link-hover-bg, darken($dropdown-link-hover-bg, 5%)); } // Active state @@ -99,10 +76,10 @@ .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { - color: $dropdownLinkColorActive; + color: $dropdown-link-active-color; text-decoration: none; outline: 0; - @include gradient-vertical($dropdownLinkBackgroundActive, darken($dropdownLinkBackgroundActive, 5%)); + @include gradient-vertical($dropdown-link-active-bg, darken($dropdown-link-active-bg, 5%)); } // Disabled state @@ -111,7 +88,7 @@ .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { - color: $grayLight; + color: $gray-light; } // Nuke hover/focus effects .dropdown-menu > .disabled > a:hover, @@ -126,13 +103,27 @@ // Open state for the dropdown // --------------------------- .open { - // IE7's z-index only goes to the nearest positioned ancestor, which would - // make the menu appear below buttons that appeared later on the page - *z-index: $zindexDropdown; - - & > .dropdown-menu { + // Show the menu + > .dropdown-menu { display: block; } + + // Remove the outline when :focus is triggered + > a { + outline: 0; + } +} + + +// Backdrop to catch body clicks on mobile, etc. +// --------------------------- +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: $zindex-dropdown - 10; } // Right aligned dropdowns @@ -151,7 +142,7 @@ // Reverse the caret .caret { border-top: 0; - border-bottom: 4px solid $black; + border-bottom: 4px solid #000; content: ""; } // Different positioning for bottom up menu @@ -173,7 +164,7 @@ left: 100%; margin-top: -6px; margin-left: -1px; - @include border-radius(0 6px 6px 6px); + border-top-left-radius: 0; // Nuke the closest corner as appropriate } .dropdown-submenu:hover > .dropdown-menu { display: block; @@ -185,7 +176,7 @@ bottom: 0; margin-top: 0; margin-bottom: -2px; - @include border-radius(5px 5px 5px 0); + border-bottom-left-radius: 0; // Nuke the closest corner as appropriate } // Caret to indicate there is a submenu @@ -198,12 +189,12 @@ border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; - border-left-color: darken($dropdownBackground, 20%); + border-left-color: darken($dropdown-bg, 20%); margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { - border-left-color: $dropdownLinkColorHover; + border-left-color: $dropdown-link-hover-color; } // Left aligned submenus @@ -216,12 +207,12 @@ > .dropdown-menu { left: -100%; margin-left: 10px; - @include border-radius(6px 0 6px 6px); + border-top-right-radius: 0; // Remove the rounded corner here } } // Tweak nav headers -// ----------------- +// --------------------------- // Increase padding from 15px to 20px on sides .dropdown .dropdown-menu .nav-header { padding-left: 20px; @@ -229,9 +220,7 @@ } // Typeahead -// --------- +// --------------------------- .typeahead { z-index: 1051; - margin-top: 2px; // give it some space to breathe - @include border-radius($baseBorderRadius); } diff --git a/library/sass/_forms.scss b/library/sass/_forms.scss new file mode 100644 index 0000000..b1fd45c --- /dev/null +++ b/library/sass/_forms.scss @@ -0,0 +1,463 @@ +// +// Forms +// -------------------------------------------------- + + +// Non-controls +// ------------------------- + +form { + margin: 0; +} + +fieldset { + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: $line-height-computed; + font-size: ($font-size-base * 1.5); + line-height: inherit; + color: $gray-dark; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} + +// Form controls +// ------------------------- + +// Shared size and type resets +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"] { + display: block; + min-height: $input-height-base; // Make inputs at least the height of their button counterpart (base line-height + padding + border) + padding: $padding-base-vertical $padding-base-horizontal; + font-size: $font-size-base; + line-height: $line-height-base; + color: $gray; + vertical-align: middle; + background-color: $input-bg; + border: 1px solid $input-border; + border-radius: $input-border-radius; + @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); + @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s); + + &:focus { + border-color: rgba(82,168,236,.8); + outline: 0; + @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)); + } +} + +// Reset appearance properties for textual inputs and textarea +// Can't be on input[type=*] selectors or it's too specific +input, +select, +textarea { + width: 100%; +} + +// Reset width of input images, buttons, radios, checkboxes +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; // Override of generic input selector +} + +// Override content-box in Normalize (* isn't specific enough) +input[type="search"] { + @include box-sizing(border-box); +} + +// Reset height since textareas have rows +textarea { + height: auto; +} + +// Position radios and checkboxes better +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; /* IE8-9 */ + line-height: normal; +} + +// Set the height of select and file controls to match text inputs +select, +input[type="file"] { + height: $input-height-base; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ + line-height: $input-height-base; +} + +// Make multiple select elements height not fixed +select[multiple], +select[size] { + height: auto; +} + +// Fix optgroup Firefox bug per https://github.com/twitter/bootstrap/issues/7611 +select optgroup { + font-size: inherit; + font-style: inherit; + font-family: inherit; +} + +// Focus for select, file, radio, and checkbox +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + @include tab-focus(); +} + + +// Placeholder +// ------------------------- + +// Placeholder text gets special styles because when browsers invalidate entire lines if it doesn't understand a selector +input, +textarea { + @include placeholder(); +} + + +// CHECKBOXES & RADIOS +// ------------------- + +// Indent the labels to position radios/checkboxes as hanging +.radio, +.checkbox { + display: block; + min-height: $line-height-computed; // clear the floating input if there is no label text + margin-top: 10px; + margin-bottom: 10px; + padding-left: 20px; + vertical-align: middle; + label { + display: inline; + 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"] { + float: left; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing +} + +/* +// Move the options list down to align with labels +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; // has to be padding because margin collaspes +} +*/ + +// Radios and checkboxes on same line +.radio-inline, +.checkbox-inline { + display: inline-block; +// padding-top: 5px; + 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; // space out consecutive inline controls +} + + + +// INPUT SIZES +// ----------- + +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"] { + &.input-large { + padding: $padding-large-vertical $padding-large-horizontal; + font-size: $font-size-large; + border-radius: $border-radius-large; + } + &.input-small { + min-height: $input-height-small; + padding: $padding-small-vertical $padding-small-horizontal; + font-size: $font-size-small; + border-radius: $border-radius-small; + } +} + + +// DISABLED STATE +// -------------- + +// Disabled and read-only inputs +// Note: HTML5 says that inputs under a fieldset > legend:first-child won't be +// disabled if the fieldset is disabled. Due to implementation difficulty, +// we don't honor that edge case; we style them as disabled anyway. +input, +select, +textarea { + &[disabled], + &[readonly], + fieldset[disabled] & { + cursor: not-allowed; + background-color: $input-bg-disabled; + } +} +// Explicitly reset the colors here +input[type="radio"], +input[type="checkbox"] { + &[disabled], + &[readonly], + fieldset[disabled] & { + background-color: transparent; + } +} + + + + +// FORM FIELD FEEDBACK STATES +// -------------------------- + +// Warning +.has-warning { + @include form-field-validation($state-warning-text, $state-warning-text, $state-warning-bg); +} +// Error +.has-error { + @include form-field-validation($state-danger-text, $state-danger-text, $state-danger-bg); +} +// Success +.has-success { + @include form-field-validation($state-success-text, $state-success-text, $state-success-bg); +} + +// HTML5 invalid states +// Shares styles with the .control-group.error above +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; + &:focus { + border-color: darken(#ee5f5b, 10%); + $shadow: 0 0 6px lighten(#ee5f5b, 20%); + @include box-shadow($shadow); + } +} + + + + +// HELP TEXT +// --------- + +.help-block { + display: block; // account for any element using help-block + margin-top: 5px; + margin-bottom: 10px; + color: lighten($text-color, 25%); // lighten the text some for contrast +} + + + +// Input groups +// -------------------------------------------------- + +// Base styles +// ------------------------- +.input-group { + display: table; + + // Undo padding and float of grid classes + &.col { + float: none; + padding-left: 0; + padding-right: 0; + } + + input, + select { + width: 100%; + margin-bottom: 0; + } +} + +// Display as table-cell +// ------------------------- +.input-group-addon, +.input-group-btn, +.input-group input { + display: table-cell; + + &:not(:first-child):not(:last-child) { + border-radius: 0; + } +} +// Addon and addon wrapper for buttons +.input-group-addon, +.input-group-btn { + width: 1%; + vertical-align: middle; // Match the inputs +} + +// Text input groups +// ------------------------- +.input-group-addon { + @include box-sizing(border-box); + padding: $padding-base-vertical $padding-base-horizontal; + font-size: $font-size-base; + font-weight: normal; + line-height: $line-height-base; + text-align: center; + text-shadow: 0 1px 0 #fff; + background-color: $gray-lighter; + border: 1px solid #ccc; + border-radius: $border-radius-base; + + &.input-small { + padding: $padding-small-vertical $padding-small-horizontal; + font-size: $font-size-small; + border-radius: $border-radius-small; + } + &.input-large { + padding: $padding-large-vertical $padding-large-horizontal; + font-size: $font-size-large; + border-radius: $border-radius-large; + } +} + +// Reset rounded corners +.input-group input:first-child, +.input-group-addon:first-child, +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { + @include border-right-radius(0); +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group input:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child) { + @include border-left-radius(0); +} +.input-group-addon:last-child { + border-left: 0; +} + +// Button input groups +// ------------------------- +.input-group-btn { + position: relative; + white-space: nowrap; +} +.input-group-btn > .btn { + position: relative; + float: left; // Collapse white-space + + .btn { + margin-left: -1px; + } + // Bring the "active" button to the front + &:hover, + &:active { + z-index: 2; + } +} + + +// Inline forms +// -------------------------------------------------- + +.form-inline { + input, + select, + textarea, + .radio, + .checkbox { + display: inline-block; + } + .radio, + .checkbox { + margin-top: 0; + margin-bottom: 0; + } +} + + +// Horizontal forms +// -------------------------------------------------- +// Horizontal forms are built on grid classes. + +.form-horizontal { + .row + .row { + margin-top: 15px; + } + .control-label { + padding-top: 6px; + } +} + +// Only right aline form labels here when the columns stop stacking +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + } +} diff --git a/library/sass/_glyphicons.scss b/library/sass/_glyphicons.scss new file mode 100644 index 0000000..b7dbdb6 --- /dev/null +++ b/library/sass/_glyphicons.scss @@ -0,0 +1,200 @@ +// +// Glyphicons +// ----------------------------------------------------------------------------- + +// About +// +// Glyphicons font-based icons require you to include all relevant font files, +// found in the Bootstrap repo under /fonts/. Files are referenced relative to +// the compiled CSS. +// +// Basic usage +// +// Since icons are fonts, they can be placed anywhere text is placed. To use, +// create an inline element with the appropriate classes, like so: +// +// Star +// +// Use them in links, buttons, headings, and more. + + +// Import the fonts +@font-face { + font-family: 'Glyphicons Halflings'; + src: url('#{$glyphicons-font-path}/glyphiconshalflings-regular.eot'); + src: url('#{$glyphicons-font-path}/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), + url('#{$glyphicons-font-path}/glyphiconshalflings-regular.woff') format('woff'), + url('#{$glyphicons-font-path}/glyphiconshalflings-regular.ttf') format('truetype'), + url('#{$glyphicons-font-path}/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} + +// Catchall baseclass +.glyphicon:before { + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + line-height: 1; + -webkit-font-smoothing: antialiased; +} + +// Individual icons +.glyphicon-glass:before { content: "\e001"; } +.glyphicon-music:before { content: "\e002"; } +.glyphicon-search:before { content: "\e003"; } +.glyphicon-envelope:before { content: "\2709"; } +.glyphicon-heart:before { content: "\e005"; } +.glyphicon-star:before { content: "\e006"; } +.glyphicon-star-empty:before { content: "\e007"; } +.glyphicon-user:before { content: "\e008"; } +.glyphicon-film:before { content: "\e009"; } +.glyphicon-th-large:before { content: "\e010"; } +.glyphicon-th:before { content: "\e011"; } +.glyphicon-th-list:before { content: "\e012"; } +.glyphicon-ok:before { content: "\e013"; } +.glyphicon-remove:before { content: "\e014"; } +.glyphicon-zoom-in:before { content: "\e015"; } +.glyphicon-zoom-out:before { content: "\e016"; } +.glyphicon-off:before { content: "\e017"; } +.glyphicon-signal:before { content: "\e018"; } +.glyphicon-cog:before { content: "\e019"; } +.glyphicon-trash:before { content: "\e020"; } +.glyphicon-home:before { content: "\e021"; } +.glyphicon-file:before { content: "\e022"; } +.glyphicon-time:before { content: "\e023"; } +.glyphicon-road:before { content: "\e024"; } +.glyphicon-download-alt:before { content: "\e025"; } +.glyphicon-download:before { content: "\e026"; } +.glyphicon-upload:before { content: "\e027"; } +.glyphicon-inbox:before { content: "\e028"; } +.glyphicon-play-circle:before { content: "\e029"; } +.glyphicon-repeat:before { content: "\e030"; } +.glyphicon-refresh:before { content: "\e031"; } +.glyphicon-list-alt:before { content: "\e032"; } +.glyphicon-lock:before { content: "\e033"; } +.glyphicon-flag:before { content: "\e034"; } +.glyphicon-headphones:before { content: "\e035"; } +.glyphicon-volume-off:before { content: "\e036"; } +.glyphicon-volume-down:before { content: "\e037"; } +.glyphicon-volume-up:before { content: "\e038"; } +.glyphicon-qrcode:before { content: "\e039"; } +.glyphicon-barcode:before { content: "\e040"; } +.glyphicon-tag:before { content: "\e041"; } +.glyphicon-tags:before { content: "\e042"; } +.glyphicon-book:before { content: "\e043"; } +.glyphicon-bookmark:before { content: "\e044"; } +.glyphicon-print:before { content: "\e045"; } +.glyphicon-camera:before { content: "\e046"; } +.glyphicon-font:before { content: "\e047"; } +.glyphicon-bold:before { content: "\e048"; } +.glyphicon-italic:before { content: "\e049"; } +.glyphicon-text-height:before { content: "\e050"; } +.glyphicon-text-width:before { content: "\e051"; } +.glyphicon-align-left:before { content: "\e052"; } +.glyphicon-align-center:before { content: "\e053"; } +.glyphicon-align-right:before { content: "\e054"; } +.glyphicon-align-justify:before { content: "\e055"; } +.glyphicon-list:before { content: "\e056"; } +.glyphicon-indent-left:before { content: "\e057"; } +.glyphicon-indent-right:before { content: "\e058"; } +.glyphicon-facetime-video:before { content: "\e059"; } +.glyphicon-picture:before { content: "\e060"; } +.glyphicon-pencil:before { content: "\270f"; } +.glyphicon-map-marker:before { content: "\e062"; } +.glyphicon-adjust:before { content: "\e063"; } +.glyphicon-tint:before { content: "\e064"; } +.glyphicon-edit:before { content: "\e065"; } +.glyphicon-share:before { content: "\e066"; } +.glyphicon-check:before { content: "\e067"; } +.glyphicon-move:before { content: "\e068"; } +.glyphicon-step-backward:before { content: "\e069"; } +.glyphicon-fast-backward:before { content: "\e070"; } +.glyphicon-backward:before { content: "\e071"; } +.glyphicon-play:before { content: "\e072"; } +.glyphicon-pause:before { content: "\e073"; } +.glyphicon-stop:before { content: "\e074"; } +.glyphicon-forward:before { content: "\e075"; } +.glyphicon-fast-forward:before { content: "\e076"; } +.glyphicon-step-forward:before { content: "\e077"; } +.glyphicon-eject:before { content: "\e078"; } +.glyphicon-chevron-left:before { content: "\e079"; } +.glyphicon-chevron-right:before { content: "\e080"; } +.glyphicon-plus-sign:before { content: "\e081"; } +.glyphicon-minus-sign:before { content: "\e082"; } +.glyphicon-remove-sign:before { content: "\e083"; } +.glyphicon-ok-sign:before { content: "\e084"; } +.glyphicon-question-sign:before { content: "\e085"; } +.glyphicon-info-sign:before { content: "\e086"; } +.glyphicon-screenshot:before { content: "\e087"; } +.glyphicon-remove-circle:before { content: "\e088"; } +.glyphicon-ok-circle:before { content: "\e089"; } +.glyphicon-ban-circle:before { content: "\e090"; } +.glyphicon-arrow-left:before { content: "\e091"; } +.glyphicon-arrow-right:before { content: "\e092"; } +.glyphicon-arrow-up:before { content: "\e093"; } +.glyphicon-arrow-down:before { content: "\e094"; } +.glyphicon-share-alt:before { content: "\e095"; } +.glyphicon-resize-full:before { content: "\e096"; } +.glyphicon-resize-small:before { content: "\e097"; } +.glyphicon-plus:before { content: "\002b"; } +.glyphicon-minus:before { content: "\2212"; } +.glyphicon-asterisk:before { content: "\002a"; } +.glyphicon-exclamation-sign:before { content: "\e101"; } +.glyphicon-gift:before { content: "\e102"; } +.glyphicon-leaf:before { content: "\e103"; } +.glyphicon-fire:before { content: "\e104"; } +.glyphicon-eye-open:before { content: "\e105"; } +.glyphicon-eye-close:before { content: "\e106"; } +.glyphicon-warning-sign:before { content: "\e107"; } +.glyphicon-plane:before { content: "\e108"; } +.glyphicon-calendar:before { content: "\e109"; } +.glyphicon-random:before { content: "\e110"; } +.glyphicon-comment:before { content: "\e111"; } +.glyphicon-magnet:before { content: "\e112"; } +.glyphicon-chevron-up:before { content: "\e113"; } +.glyphicon-chevron-down:before { content: "\e114"; } +.glyphicon-retweet:before { content: "\e115"; } +.glyphicon-shopping-cart:before { content: "\e116"; } +.glyphicon-folder-close:before { content: "\e117"; } +.glyphicon-folder-open:before { content: "\e118"; } +.glyphicon-resize-vertical:before { content: "\e119"; } +.glyphicon-resize-horizontal:before { content: "\e120"; } +.glyphicon-hdd:before { content: "\e121"; } +.glyphicon-bullhorn:before { content: "\e122"; } +.glyphicon-bell:before { content: "\e123"; } +.glyphicon-certificate:before { content: "\e124"; } +.glyphicon-thumbs-up:before { content: "\e125"; } +.glyphicon-thumbs-down:before { content: "\e126"; } +.glyphicon-hand-right:before { content: "\e127"; } +.glyphicon-hand-left:before { content: "\e128"; } +.glyphicon-hand-up:before { content: "\e129"; } +.glyphicon-hand-down:before { content: "\e130"; } +.glyphicon-circle-arrow-right:before { content: "\e131"; } +.glyphicon-circle-arrow-left:before { content: "\e132"; } +.glyphicon-circle-arrow-up:before { content: "\e133"; } +.glyphicon-circle-arrow-down:before { content: "\e134"; } +.glyphicon-globe:before { content: "\e135"; } +.glyphicon-wrench:before { content: "\e136"; } +.glyphicon-tasks:before { content: "\e137"; } +.glyphicon-filter:before { content: "\e138"; } +.glyphicon-briefcase:before { content: "\e139"; } +.glyphicon-fullscreen:before { content: "\e140"; } +.glyphicon-dashboard:before { content: "\e141"; } +.glyphicon-paperclip:before { content: "\e142"; } +.glyphicon-heart-empty:before { content: "\e143"; } +.glyphicon-link:before { content: "\e144"; } +.glyphicon-phone:before { content: "\e145"; } +.glyphicon-pushpin:before { content: "\e146"; } +.glyphicon-euro:before { content: "\20ac"; } +.glyphicon-usd:before { content: "\e148"; } +.glyphicon-gbp:before { content: "\e149"; } +.glyphicon-sort:before { content: "\e150"; } +.glyphicon-sort-by-alphabet:before { content: "\e151"; } +.glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } +.glyphicon-sort-by-order:before { content: "\e153"; } +.glyphicon-sort-by-order-alt:before { content: "\e154"; } +.glyphicon-sort-by-attributes:before { content: "\e155"; } +.glyphicon-sort-by-attributes-alt:before { content: "\e156"; } +.glyphicon-unchecked:before { content: "\e157"; } +.glyphicon-expand:before { content: "\e158"; } +.glyphicon-collapse:before { content: "\e159"; } +.glyphicon-collapse-top:before { content: "\e160"; } diff --git a/library/sass/_grid.scss b/library/sass/_grid.scss new file mode 100644 index 0000000..8bd0ad4 --- /dev/null +++ b/library/sass/_grid.scss @@ -0,0 +1,63 @@ +// +// Grid system +// -------------------------------------------------- + + +// Set the container width, and override it for fixed navbars in media queries +.container { + @include container-fixed(); +} + +// Mobile-first defaults +.row { + @include make-row(); +} + + +// Common styles for small and large grid columns +.col { + position: relative; + // Float and set width: 100%; for easy stacking on mobile devices + float: left; + width: 100%; + // Prevent columns from collapsing when empty + min-height: 1px; + // Inner gutter via padding + padding-left: ($grid-gutter-width / 2); + padding-right: ($grid-gutter-width / 2); +} + +// Generate small grid classes first +@include generate-grid-columns($grid-columns); + +// Then generate the larger grid classes via media query +@media screen and (min-width: $screen-small) { + @include generate-large-grid-columns($grid-columns); +} + + +// Responsive: Tablets and up +@media screen and (min-width: $screen-tablet) { + .container { + max-width: 728px; + } +} + +// Responsive: Desktops and up +@media screen and (min-width: $screen-desktop) { + .container { + max-width: 940px; + } +} + +// Responsive: Large desktops and up +@media screen and (min-width: $screen-large-desktop) { + .container { + max-width: 1170px; + } +} + +// Reset utility classes due to specificity +/*[class*="col-span-"].pull-right { + float: right; +}*/ diff --git a/library/sass/_jumbotron.scss b/library/sass/_jumbotron.scss new file mode 100644 index 0000000..72e4a71 --- /dev/null +++ b/library/sass/_jumbotron.scss @@ -0,0 +1,32 @@ +// +// Jumbotron +// -------------------------------------------------- + + +.jumbotron { + padding: 30px; + margin-bottom: 30px; + font-size: ($font-size-base * 1.5); + font-weight: 200; + line-height: ($line-height-base * 1.5); + color: $jumbotron-lead-color; + background-color: $jumbotron-bg; + h1 { + line-height: 1; + color: $jumbotron-heading-color; + } + p { + line-height: 1.4; + } +} + +@media screen and (min-width: $screen-tablet) { + .jumbotron { + padding: 50px 60px; + border-radius: $border-radius-large; // Only round corners at higher resolutions + + h1 { + font-size: ($font-size-base * 4.5); + } + } +} diff --git a/library/sass/_labels.scss b/library/sass/_labels.scss new file mode 100644 index 0000000..85c7585 --- /dev/null +++ b/library/sass/_labels.scss @@ -0,0 +1,70 @@ +// +// Labels +// -------------------------------------------------- + +.label { + display: inline; + padding: .25em .6em; + font-size: 75%; + font-weight: 500; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: middle; + background-color: $gray-light; + border-radius: .25em; + + // Add hover effects, but only for links + &[href] { + &:hover, + &:focus { + color: #fff; + text-decoration: none; + cursor: pointer; + background-color: darken($gray-light, 10%); + } + } +} + +// Colors +// Contextual variations (linked labels get darker on :hover) +.label-danger { + background-color: $label-danger-bg; + &[href] { + &:hover, + &:focus { + background-color: darken($label-danger-bg, 10%); + } + } +} + +.label-success { + background-color: $label-success-bg; + &[href] { + &:hover, + &:focus { + background-color: darken($label-success-bg, 10%); + } + } +} + +.label-warning { + background-color: $label-warning-bg; + &[href] { + &:hover, + &:focus { + background-color: darken($label-warning-bg, 10%); + } + } +} + +.label-info { + background-color: $label-info-bg; + &[href] { + &:hover, + &:focus { + background-color: darken($label-info-bg, 10%); + } + } +} \ No newline at end of file diff --git a/library/sass/_list-group.scss b/library/sass/_list-group.scss new file mode 100644 index 0000000..6ba2d3c --- /dev/null +++ b/library/sass/_list-group.scss @@ -0,0 +1,96 @@ +// +// List groups +// -------------------------------------------------- + +// Base class +// +// Easily usable on
      ,
        , or
        . +.list-group { + // No need to set list-style: none; since .list-group-item is block level + margin: 0 0 20px; // reset all margins because ul and ol + background-color: $list-group-bg; +} + +// Individual list items +// ------------------------- + +.list-group-item { + position: relative; + display: block; + padding: 10px 30px 10px 15px; + // Place the border on the list items and negative margin up for better styling + margin-bottom: -1px; + border: 1px solid $list-group-border; +} +// Round the first and last items +.list-group-item:first-child { + @include border-top-radius($border-radius-base); +} +.list-group-item:last-child { + margin-bottom: 0; + @include border-bottom-radius($border-radius-base); +} + + +// Custom content options +// ------------------------- + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} + +// Linked list items +// ------------------------- + +// Custom content within linked items +a.list-group-item { + .list-group-item-heading { + color: #333; + } + .list-group-item-text { + color: #555; + } +} + +// Hover state +a.list-group-item:hover, +a.list-group-item:focus { + text-decoration: none; + background-color: $list-group-hover-bg; +} + +// Active class on item itself, not parent +a.list-group-item.active { + z-index: 2; // Place active items above their siblings for proper border styling + color: $list-group-active-color; + background-color: $list-group-active-bg; + border-color: $list-group-active-border; + + // Force color to inherit for custom content + .list-group-item-heading { + color: inherit; + } + .list-group-item-text { + color: lighten($list-group-active-bg, 40%); + } +} + +// Chevrons and badges within list items +// ------------------------- + +.list-group-item > .badge, +.list-group-item > .glyphicon-chevron-right { + float: right; + margin-right: -15px; +} +.list-group-item > .glyphicon-chevron-right { + margin-right: -15px; +} +.list-group-item > .glyphicon + .badge { + margin-right: 5px; +} diff --git a/library/sass/partials/_media.scss b/library/sass/_media.scss old mode 100755 new mode 100644 similarity index 97% rename from library/sass/partials/_media.scss rename to library/sass/_media.scss index e461e44..21063eb --- a/library/sass/partials/_media.scss +++ b/library/sass/_media.scss @@ -10,7 +10,6 @@ .media, .media-body { overflow: hidden; - *overflow: visible; zoom: 1; } diff --git a/library/sass/_mixins.scss b/library/sass/_mixins.scss new file mode 100644 index 0000000..e82068f --- /dev/null +++ b/library/sass/_mixins.scss @@ -0,0 +1,548 @@ +// +// Mixins +// -------------------------------------------------- + + +// Utilities +// ------------------------- + +// Clearfix +// Source: http://nicolasgallagher.com/micro-clearfix-hack/ +// +// For modern browsers +// 1. The space content is one way to avoid an Opera bug when the +// contenteditable attribute is included anywhere else in the document. +// Otherwise it causes space to appear at the top and bottom of elements +// that are clearfixed. +// 2. The use of `table` rather than `block` is only necessary if using +// `:before` to contain the top-margins of child elements. +@mixin clearfix() { + &:before, + &:after { + content: " "; /* 1 */ + display: table; /* 2 */ + } + &:after { + clear: both; + } +} + +// Webkit-style focus +@mixin tab-focus() { + // Default + outline: thin dotted #333; + // Webkit + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +// Center-align a block level element +@mixin center-block() { + display: block; + margin-left: auto; + margin-right: auto; +} + +// Sizing shortcuts +@mixin size($width, $height) { + width: $width; + height: $height; +} +@mixin square($size) { + @include size($size, $size); +} + +// Placeholder text +@mixin placeholder($color: $input-color-placeholder) { + &:-moz-placeholder { color: $color; } // Firefox 4-18 + &::-moz-placeholder { color: $color; } // Firefox 19+ + &:-ms-input-placeholder { color: $color; } // Internet Explorer 10+ + &::-webkit-input-placeholder { color: $color; } // Safari and Chrome +} + +// Text overflow +// Requires inline-block or block for proper styling +@mixin text-overflow() { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +// CSS image replacement +// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 +@mixin hide-text() { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + + + +// CSS3 PROPERTIES +// -------------------------------------------------- + +// Single side border-radius +@mixin border-top-radius($radius) { + border-top-right-radius: $radius; + border-top-left-radius: $radius; +} +@mixin border-right-radius($radius) { + border-bottom-right-radius: $radius; + border-top-right-radius: $radius; +} +@mixin border-bottom-radius($radius) { + border-bottom-right-radius: $radius; + border-bottom-left-radius: $radius; +} +@mixin border-left-radius($radius) { + border-bottom-left-radius: $radius; + border-top-left-radius: $radius; +} + +// Drop shadows +@mixin box-shadow($shadow...) { + -webkit-box-shadow: $shadow; // iOS <4.3 & Android <4.1 + box-shadow: $shadow; +} + +// Transitions +@mixin transition($transition...) { + -webkit-transition: $transition; + -moz-transition: $transition; + -o-transition: $transition; + transition: $transition; +} +@mixin transition-delay($transition-delay) { + -webkit-transition-delay: $transition-delay; + -moz-transition-delay: $transition-delay; + -o-transition-delay: $transition-delay; + transition-delay: $transition-delay; +} +@mixin transition-duration($transition-duration) { + -webkit-transition-duration: $transition-duration; + -moz-transition-duration: $transition-duration; + -o-transition-duration: $transition-duration; + transition-duration: $transition-duration; +} + +// Transformations +@mixin rotate($degrees) { + -webkit-transform: rotate($degrees); + -moz-transform: rotate($degrees); + -ms-transform: rotate($degrees); + -o-transform: rotate($degrees); + transform: rotate($degrees); +} +@mixin scale($ratio) { + -webkit-transform: scale($ratio); + -moz-transform: scale($ratio); + -ms-transform: scale($ratio); + -o-transform: scale($ratio); + transform: scale($ratio); +} +@mixin translate($x, $y) { + -webkit-transform: translate($x, $y); + -moz-transform: translate($x, $y); + -ms-transform: translate($x, $y); + -o-transform: translate($x, $y); + transform: translate($x, $y); +} +@mixin skew($x, $y) { + -webkit-transform: skew($x, $y); + -moz-transform: skew($x, $y); + -ms-transform: skewX($x) skewY($y); // See https://github.com/twitter/bootstrap/issues/4885 + -o-transform: skew($x, $y); + transform: skew($x, $y); +} +@mixin translate3d($x, $y, $z) { + -webkit-transform: translate3d($x, $y, $z); + -moz-transform: translate3d($x, $y, $z); + -o-transform: translate3d($x, $y, $z); + transform: translate3d($x, $y, $z); +} + +// Backface visibility +// Prevent browsers from flickering when using CSS 3D transforms. +// Default value is `visible`, but can be changed to `hidden +// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples +@mixin backface-visibility($visibility){ + -webkit-backface-visibility: $visibility; + -moz-backface-visibility: $visibility; + backface-visibility: $visibility; +} + +// Background clipping +@mixin background-clip($clip) { + -webkit-background-clip: $clip; + -moz-background-clip: $clip; + background-clip: $clip; +} + +// Background sizing +@mixin background-size($size) { + -webkit-background-size: $size; + -moz-background-size: $size; + -o-background-size: $size; + background-size: $size; +} + +// Box sizing +@mixin box-sizing($boxmodel) { + -webkit-box-sizing: $boxmodel; + -moz-box-sizing: $boxmodel; + box-sizing: $boxmodel; +} + +// User select +// For selecting text on the page +@mixin user-select($select) { + -webkit-user-select: $select; + -moz-user-select: $select; + -ms-user-select: $select; + -o-user-select: $select; + user-select: $select; +} + +// Resize anything +@mixin resizable($direction) { + resize: $direction; // Options: horizontal, vertical, both + overflow: auto; // Safari fix +} + +// CSS3 Content Columns +@mixin content-columns($column-count, $column-gap: $grid-gutter-width) { + -webkit-column-count: $column-count; + -moz-column-count: $column-count; + column-count: $column-count; + -webkit-column-gap: $column-gap; + -moz-column-gap: $column-gap; + column-gap: $column-gap; +} + +// Optional hyphenation +@mixin hyphens($mode: auto) { + word-wrap: break-word; + -webkit-hyphens: $mode; + -moz-hyphens: $mode; + -ms-hyphens: $mode; + -o-hyphens: $mode; + hyphens: $mode; +} + +// Opacity +@mixin opacity($opacity) { + opacity: $opacity; + // IE8 filter + $opacity-ie: ($opacity * 100); + filter: alpha(opacity=$opacity-ie); +} + + + +// BACKGROUNDS +// -------------------------------------------------- + +// Gradients +@mixin gradient-horizontal($startColor: #555, $endColor: #333) { + background-color: $endColor; + background-image: -webkit-gradient(linear, 0 0, 100% 0, from($startColor), to($endColor)); // Safari 4+, Chrome 2+ + background-image: -webkit-linear-gradient(left, $startColor, $endColor); // Safari 5.1+, Chrome 10+ + background-image: -moz-linear-gradient(left, $startColor, $endColor); // FF 3.6+ + background-image: linear-gradient(to right, $startColor, $endColor); // Standard, IE10 + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=1); // IE9 and down +} +@mixin gradient-vertical($startColor: #555, $endColor: #333) { + background-color: $endColor; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), to($endColor)); // Safari 4+, Chrome 2+ + background-image: -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+ + background-image: -moz-linear-gradient(top, $startColor, $endColor); // FF 3.6+ + background-image: linear-gradient(to bottom, $startColor, $endColor); // Standard, IE10 + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=0); // IE9 and down +} +@mixin gradient-directional($startColor: #555, $endColor: #333, $deg: 45deg) { + background-color: $endColor; + background-repeat: repeat-x; + background-image: -webkit-linear-gradient($deg, $startColor, $endColor); // Safari 5.1+, Chrome 10+ + background-image: -moz-linear-gradient($deg, $startColor, $endColor); // FF 3.6+ + background-image: linear-gradient($deg, $startColor, $endColor); // Standard, IE10 +} +@mixin gradient-horizontal-three-colors($startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f) { + background-color: mix($midColor, $endColor, 80%); + background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from($startColor), color-stop($colorStop, $midColor), to($endColor)); + background-image: -webkit-linear-gradient(left, $startColor, $midColor $colorStop, $endColor); + background-image: -moz-linear-gradient(left, $startColor, $midColor $colorStop, $endColor); + background-image: linear-gradient(to right, $startColor, $midColor $colorStop, $endColor); + background-repeat: no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback +} + +@mixin gradient-vertical-three-colors($startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f) { + background-color: mix($midColor, $endColor, 80%); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), color-stop($colorStop, $midColor), to($endColor)); + background-image: -webkit-linear-gradient($startColor, $midColor $colorStop, $endColor); + background-image: -moz-linear-gradient(top, $startColor, $midColor $colorStop, $endColor); + background-image: linear-gradient($startColor, $midColor $colorStop, $endColor); + background-repeat: no-repeat; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback +} +@mixin gradient-radial($innerColor: #555, $outerColor: #333) { + background-color: $outerColor; + background-image: -webkit-gradient(radial, center center, 0, center center, 460, from($innerColor), to($outerColor)); + background-image: -webkit-radial-gradient(circle, $innerColor, $outerColor); + background-image: -moz-radial-gradient(circle, $innerColor, $outerColor); + background-image: radial-gradient(circle, $innerColor, $outerColor); + background-repeat: no-repeat; +} +@mixin gradient-striped($color: #555, $angle: 45deg) { + background-color: $color; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); + background-image: linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); +} + +// Reset filters for IE +@mixin reset-filter() { + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} + + +// RETINA IMAGE SUPPORT +// -------------------------------------------------- + +// Short retina mixin for setting background-image and -size +@mixin retina-image($file-1x, $file-2x, $width-1x, $height-1x) { + background-image: url("${file-1x}"); + + @media + only screen and (-webkit-min-device-pixel-ratio: 2), + only screen and ( min--moz-device-pixel-ratio: 2), + only screen and ( -o-min-device-pixel-ratio: 2/1), + only screen and ( min-device-pixel-ratio: 2), + only screen and ( min-resolution: 192dpi), + only screen and ( min-resolution: 2dppx) { + background-image: url("${file-2x}"); + background-size: $width-1x $height-1x; + } +} + + +// COMPONENT MIXINS +// -------------------------------------------------- + +// Horizontal dividers +// ------------------------- +// Dividers (basically an hr) within dropdowns and nav lists +@mixin nav-divider($top: #e5e5e5, $bottom: #fff) { + height: 2px; // 1px for background, one for border + margin: (($line-height-computed / 2) - 1) 0; + overflow: hidden; + background-color: $top; + border-bottom: 1px solid $bottom; +} + +// Button psuedo states +// ------------------------- +// Easily pump out default styles, as well as :hover, :focus, :active, +// and disabled options for all buttons +@mixin btn-pseudo-states($color, $background, $border) { + color: $color; + background-color: $background; + border-color: $border; + + &:hover, + &:focus, + &:active, + &.active { + background-color: darken($background, 5%); + border-color: darken($border, 10%); + } + + &.disabled, + &[disabled], + fieldset[disabled] & { + &:hover, + &:focus, + &:active, + &.active { + background-color: $background; + border-color: $border + } + } +} + +// Navbar vertical align +// ------------------------- +// Vertically center elements in the navbar. +// Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin. +@mixin navbar-vertical-align($element-height) { + margin-top: (($navbar-height - $element-height) / 2); + margin-bottom: (($navbar-height - $element-height) / 2); +} + + + +// Grid System +// ----------- + +// Centered container element +@mixin container-fixed() { + margin-right: auto; + margin-left: auto; + @include clearfix(); +} + +// Make a grid + +// Creates a wrapper for a series of columns +@mixin make-row() { + // Then clear the floated columns + @include clearfix(); + + // Negative margin nested rows out to align the content of columns + .row { + margin-left: ($grid-gutter-width / -2); + margin-right: ($grid-gutter-width / -2); + } +} +// Generate the columns +@mixin make-column($columns) { + position: relative; + // Float and set width: 100%; for easy stacking on mobile devices + float: left; + width: 100%; + // Prevent columns from collapsing when empty + min-height: 1px; + // Inner gutter via padding + padding-left: ($grid-gutter-width / 2); + padding-right: ($grid-gutter-width / 2); + + // Calculate width based on number of columns available + @media (min-width: $grid-float-breakpoint) { + width: percentage(($columns / $grid-columns)); + } +} +// Generate the column offsets +@mixin make-column-offset($columns) { + @media (min-width: $grid-float-breakpoint) { + margin-left: percentage(($columns / $grid-columns)); + } +} +@mixin make-column-push($columns) { + @media (min-width: $grid-float-breakpoint) { + left: percentage(($columns / $grid-columns)); + } +} +@mixin make-column-pull($columns) { + @media (min-width: $grid-float-breakpoint) { + right: percentage(($columns / $grid-columns)); + } +} + +// Small grid columns +@mixin generate-grid-columns($grid-columns) { + @include col-sm-X($grid-columns) +} + +// Generate columns +@mixin col-sm-X ($grid-columns) { + $index: $grid-columns; + @while $index > 0 { + .col-sm-#{$index} { @include col-sm-($index, $grid-columns); } + $index: $index - 1; + } +} + +// Apply the styles +@mixin col-sm-($columns, $grid-columns) { + width: percentage(($columns / $grid-columns)); +} + + +// Large grid columns +@mixin generate-large-grid-columns($grid-columns) { + @include col-lg-X($grid-columns); + @include col-offset-X($grid-columns); + @include col-push-X($grid-columns); + @include col-pull-X($grid-columns); +} + +@mixin col-lg-X ($grid-columns) { + $index: $grid-columns; + @while $index > 0 { + .col-lg-#{$index} { @include col-lg-($index, $grid-columns); } + $index: $index - 1; + } +} + +// Offsets (gaps between columns) +@mixin col-offset-X ($grid-columns) { + $index: $grid-columns; + @while $index > 0 { + .col-offset-#{$index} { @include col-offset-($index, $grid-columns); } + $index: $index - 1; + } +} + +// Source Ordering +@mixin col-push-X ($grid-columns) { + $index: $grid-columns; + @while $index > 0 { + .col-push-#{$index} { @include col-push-($index, $grid-columns); } + $index: $index - 1; + } +} + +// Source Ordering +@mixin col-pull-X ($grid-columns) { + $index: $grid-columns; + @while $index > 0 { + .col-pull-#{$index} { @include col-pull-($index, $grid-columns); } + $index: $index - 1; + } +} + +// Apply the Styles +@mixin col-lg-($columns, $grid-columns) { + width: percentage(($columns / $grid-columns)); +} + +@mixin col-offset-($columns, $grid-columns) { + width: percentage(($columns / $grid-columns)); +} + +@mixin col-push-($columns, $grid-columns) { + width: percentage(($columns / $grid-columns)); +} + +@mixin col-pull-($columns, $grid-columns) { + width: percentage(($columns / $grid-columns)); +} + + + +// Framework mixins +// -------------------------------------------------- + +// Generate form validation states +@mixin form-field-validation($text-color: #555, $border-color: #ccc, $background-color: #f5f5f5) { + // Color the label text + .control-label { + color: $text-color; + } + // Set the border and box shadow on specific inputs to match + .input-with-feedback { + padding-right: 32px; // to account for the feedback icon + border-color: $border-color; + @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work + &:focus { + border-color: darken($border-color, 10%); + $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%); + @include box-shadow($shadow); + } + } +} diff --git a/library/sass/_modals.scss b/library/sass/_modals.scss new file mode 100644 index 0000000..e2febd5 --- /dev/null +++ b/library/sass/_modals.scss @@ -0,0 +1,137 @@ +// +// Modals +// -------------------------------------------------- + +// .modal-open - body class for killing the scroll +// .modal - container to scroll within +// .modal-dialog - positioning shell for the actual modal +// .modal-content - actual modal w/ bg and corners and shit + +// Kill the scroll on the body +.modal-open { + overflow: hidden; +} + +// Container that the modal scrolls within +.modal { + display: none; + overflow: auto; + overflow-y: scroll; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: $zindex-modal-background; + -webkit-overflow-scrolling: touch; + + // When fading in the modal, animate it to slide down + &.fade { + top: -25%; + @include transition(opacity 0.3s linear, top 0.3s ease-out); + } + &.fade.in { top: 0; } +} + +// Shell div to position the modal with bottom padding +.modal-dialog { + position: relative; + top: 0; + left: 0; + right: 0; + width: auto; + padding: 10px; + z-index: ($zindex-modal-background + 10); +} + +// Actual modal +.modal-content { + position: relative; + background-color: #fff; + border: 1px solid #999; + border: 1px solid rgba(0,0,0,.2); + border-radius: 6px; + @include box-shadow(0 3px 9px rgba(0,0,0,.5)); + @include background-clip(padding-box); + // Remove focus outline from opened modal + outline: none; +} + +// Modal background +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: ($zindex-modal-background - 10); + background-color: #000; + // Fade for backdrop + &.fade { @include opacity(0); } + &.fade.in { @include opacity(.5); } +} + +// Modal header +// Top section of the modal w/ title and dismiss +.modal-header { + padding: $modal-title-padding; + border-bottom: 1px solid #e5e5e5; + min-height: ($modal-title-padding + $modal-title-line-height); +} +// Close icon +.modal-header .close { + margin-top: -2px; +} + +// Title text within header +.modal-title { + margin: 0; + line-height: $modal-title-line-height; +} + +// Modal body +// Where all modal content resides (sibling of .modal-header and .modal-footer) +.modal-body { + position: relative; + padding: $modal-inner-padding; +} + +// Footer (for actions) +.modal-footer { + margin-top: 15px; + padding: ($modal-inner-padding - 1) $modal-inner-padding $modal-inner-padding; + text-align: right; // right align buttons + border-top: 1px solid #e5e5e5; + @include clearfix(); // clear it in case folks use .pull-* classes on buttons + + // Properly space out buttons + .btn + .btn { + margin-left: 5px; + margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs + } + // but override that for button groups + .btn-group .btn + .btn { + margin-left: -1px; + } + // and override it for block buttons as well + .btn-block + .btn-block { + margin-left: 0; + } +} + +// Scale up the modal +@media screen and (min-width: $screen-tablet) { + + .modal-dialog { + left: 50%; + right: auto; + width: 560px; + margin-left: -280px; + padding-top: 30px; + padding-bottom: 30px; + } + .modal-content { + @include box-shadow(0 5px 15px rgba(0,0,0,.5)); + } + +} diff --git a/library/sass/_navbar.scss b/library/sass/_navbar.scss new file mode 100644 index 0000000..ef1474d --- /dev/null +++ b/library/sass/_navbar.scss @@ -0,0 +1,356 @@ +// +// Navbars +// -------------------------------------------------- + +// Wrapper and base class +.navbar { + position: relative; + margin-bottom: 20px; + padding-left: 15px; + padding-right: 15px; + background-color: $navbar-bg; + border-radius: $border-radius-base; + + // Prevent floats from breaking the navbar + @include clearfix(); +} + +// Navbar nav links +// ------------------------- + +.navbar-nav { + // Space out from .navbar .brand and .btn-navbar when stacked in mobile views + // and outdent nav links so text lines up with logo. + margin-top: 10px; + margin-bottom: 15px; + + > li > a { + padding-top: (($navbar-height - $line-height-computed) / 2); + padding-bottom: (($navbar-height - $line-height-computed) / 2); + color: $navbar-link-color; + line-height: 20px; + border-radius: $border-radius-base; + } + > li > a:hover, + > li > a:focus { + color: $navbar-link-hover-color; + background-color: $navbar-link-hover-bg; + } + > .active > a, + > .active > a:hover, + > .active > a:focus { + color: $navbar-link-active-color; + background-color: $navbar-link-active-bg; + } + > .disabled > a, + > .disabled > a:hover, + > .disabled > a:focus { + color: $navbar-link-disabled-color; + background-color: $navbar-link-disabled-bg; + } +} + + + +// +// Navbar alignment options +// -------------------------------------------------- + +// Static navbar +.navbar-static-top { + border-radius: 0; +} + +// Fix the top/bottom navbars when screen real estate supports it +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: $zindex-navbar-fixed; + border-radius: 0; +} +.navbar-fixed-top { + top: 0; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; // override .navbar defaults +} + + + +// +// Navbar optional components +// -------------------------------------------------- + +// Brand/project name +.navbar-brand { + display: block; + max-width: 200px; + margin-left: auto; + margin-right: auto; + padding: 15px; + font-size: $font-size-large; + font-weight: 500; + line-height: $line-height-computed; + color: $navbar-brand-color; + text-align: center; + &:hover, + &:focus { + color: $navbar-brand-hover-color; + text-decoration: none; + background-color: $navbar-brand-hover-bg; + } +} + +// Collapsible navbar toggle +.navbar-toggle { + position: absolute; + top: 10px; + right: 10px; + padding: 8px 12px; + background-color: transparent; + border: 1px solid #ddd; + border-radius: 4px; + + &:hover, + &:focus { + background-color: #ddd; + } + + // Bars + .icon-bar { + display: block; + width: 22px; + height: 2px; + background-color: #ccc; + border-radius: 1px; + } + .icon-bar + .icon-bar { + margin-top: 4px; + } +} + +// Navbar form +.navbar-form { + @extend .form-inline; + @include navbar-vertical-align($input-height-base); // Vertically center in navbar +} + +// Dropdown menus + +// Menu position and menu carets +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +// Menu position and menu caret support for dropups via extra dropup class +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + +// Dropdown menu items and carets +.navbar-nav { + // Caret should match text color on hover + > .dropdown > a:hover .caret, + > .dropdown > a:focus .caret { + border-top-color: $navbar-link-hover-color; + border-bottom-color: $navbar-link-hover-color; + } + + // Remove background color from open dropdown + > .open > a, + > .open > a:hover, + > .open > a:focus { + background-color: $navbar-link-active-bg; + color: $navbar-link-active-color; + } + > .dropdown > a .caret { + border-top-color: $navbar-link-color; + border-bottom-color: $navbar-link-color; + } + > .open > a .caret, + > .open > a:hover .caret, + > .open > a:focus .caret { + border-top-color: $navbar-link-active-color; + border-bottom-color: $navbar-link-active-color; + } +} + +// Right aligned menus need alt position +.navbar-nav.pull-right > li > .dropdown-menu, +.navbar-nav > li > .dropdown-menu.pull-right { + left: auto; + right: 0; +} + + + +// Inverse navbar +// -------------------------------------------------- + +.navbar-inverse { + background-color: $navbar-inverse-bg; + + .navbar-brand { + color: $navbar-inverse-brand-color; + &:hover, + &:focus { + color: $navbar-inverse-brand-hover-color; + background-color: $navbar-inverse-brand-hover-bg; + } + } + + .navbar-text { + color: $navbar-inverse-color; + } + + .navbar-nav { + > li > a { + color: $navbar-inverse-link-color; + } + > li > a:hover, + > li > a:focus { + color: $navbar-inverse-link-hover-color; + background-color: $navbar-inverse-link-hover-bg; + } + > .active > a, + > .active > a:hover, + > .active > a:focus { + color: $navbar-inverse-link-active-color; + background-color: $navbar-inverse-link-active-bg; + } + > .disabled > a, + > .disabled > a:hover, + > .disabled > a:focus { + color: $navbar-inverse-link-disabled-color; + background-color: $navbar-inverse-link-disabled-bg; + } + } + + // Darken the responsive nav toggle + .navbar-toggle { + border-color: #333; + &:hover, + &:focus { + background-color: #333; + } + .icon-bar { + background-color: #fff; + } + } + + // Dropdowns + .navbar-nav { + > .open > a, + > .open > a:hover, + > .open > a:focus { + background-color: $navbar-inverse-link-active-bg; + color: $navbar-inverse-link-active-color; + } + > .dropdown > a:hover .caret { + border-top-color: $navbar-inverse-link-hover-color; + border-bottom-color: $navbar-inverse-link-hover-color; + } + > .dropdown > a .caret { + border-top-color: $navbar-inverse-link-color; + border-bottom-color: $navbar-inverse-link-color; + } + > .open > a .caret, + > .open > a:hover .caret, + > .open > a:focus .caret { + border-top-color: $navbar-inverse-link-active-color; + border-bottom-color: $navbar-inverse-link-active-color; + } + + } +} + + + +// Responsive navbar +// -------------------------------------------------- + +@media screen and (min-width: $screen-tablet) { + + .navbar-brand { + float: left; + margin-left: -5px; + margin-right: 5px; + } + .navbar .nav { + float: left; + // undo margin to make nav extend full height of navbar + margin-top: 0; + margin-bottom: 0; + + > li { + float: left; + > a { + border-radius: 0; + } + } + + &.pull-right { + float: right; + } + } + + // Required to make the collapsing navbar work on regular desktops + .navbar-toggle { + position: relative; + top: auto; + left: auto; + display: none; + } + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; + } + +} + + + +// Buttons in navbars +// +// Vertically center a button within a navbar (when *not* in a form). + +.navbar-btn { + margin-top: (($navbar-height - $input-height-base) / 2); +} + + + +// Text in navbars +// +// Add a class to make any element properly align itself vertically within the navbars. + +.navbar-text { + @include navbar-vertical-align($line-height-computed); +} + + + +// Links in navbars +// +// Add a class to ensure links outside the navbar nav are colored correctly. + +// Default navbar variables +.navbar-link { + color: $navbar-link-color; + &:hover { + color: $navbar-link-hover-color; + } +} + +// Use the inverse navbar variables +.navbar-inverse .navbar-link { + color: $navbar-inverse-link-color; + &:hover { + color: $navbar-inverse-link-hover-color; + } +} diff --git a/library/sass/_navs.scss b/library/sass/_navs.scss new file mode 100644 index 0000000..4e70b87 --- /dev/null +++ b/library/sass/_navs.scss @@ -0,0 +1,247 @@ +// +// Navs +// -------------------------------------------------- + + +// Base class +// -------------------------------------------------- + +.nav { + margin-left: 0; + margin-bottom: 0; + padding-left: 0; // Override default ul/ol + list-style: none; + @include clearfix(); + + > li { + position: relative; + display: block; + + > a { + position: relative; + display: block; + padding: 10px 15px; + &:hover, + &:focus { + text-decoration: none; + background-color: $gray-lighter; + } + } + + // Disabled state sets text to gray and nukes hover/tab effects + &.disabled > a { + color: $gray-light; + } + &.disabled > a:hover, + &.disabled > a:focus { + color: $gray-light; + text-decoration: none; + background-color: transparent; + cursor: default; + } + + // Space the headers out when they follow another list item (link) + + .nav-header { + margin-top: 9px; + } + } + + // Open dropdowns + &.open > a, + &.open > a:hover, + &.open > a:focus { + color: #fff; + background-color: $link-color; + border-color: $link-color; + .caret { + border-top-color: #fff; + border-bottom-color: #fff; + } + } + + // Redeclare pull classes because of specifity + // Todo: consider making these utilities !important to avoid this bullshit + > .pull-right { + float: right; + } + + // Dividers (basically an hr) within the dropdown + .nav-divider { + @include nav-divider(); + } +} + + + +// Nav variations +// -------------------------------------------------- + +// Tabs +// ------------------------- + +// Give the tabs something to sit on +.nav-tabs { + border-bottom: 1px solid #ddd; + > li { + float: left; + // Make the list-items overlay the bottom border + margin-bottom: -1px; + + // Actual tabs (as links) + > a { + margin-right: 2px; + line-height: $line-height-base; + border: 1px solid transparent; + border-radius: $border-radius-base $border-radius-base 0 0; + &:hover { + border-color: $gray-lighter $gray-lighter #ddd; + } + } + + // Active state, and it's :hover to override normal :hover + &.active > a, + &.active > a:hover, + &.active > a:focus { + color: $gray; + background-color: $body-bg; + border: 1px solid #ddd; + border-bottom-color: transparent; + cursor: default; + } + } + // pulling this in mainly for less shorthand + &.nav-justified { + @extend .nav-justified; + @extend .nav-tabs-justified; + } +} + + +// Pills +// ------------------------- +.nav-pills { + > li { + float: left; + + // Links rendered as pills + > a { + border-radius: 5px; + } + + li { + > a { + margin-left: 2px; + } + } + + // Active state + &.active > a, + &.active > a:hover, + &.active > a:focus { + color: #fff; + background-color: $component-active-bg; + } + } +} + + +// Stacked pills +.nav-stacked { + > li { + float: none; + + li { + > a { + margin-top: 2px; + margin-left: 0; // no need for this gap between nav items + } + } + } +} + +// Justified nav links +// ------------------------- + +.nav-justified { + width: 100%; + > li { + float: none; + display: table-cell; + width: 1%; + > a { + text-align: center; + } + } +} + +// Move borders to anchors instead of bottom of list +.nav-tabs-justified { + border-bottom: 0; + > li > a { + border-bottom: 1px solid #ddd; + + // Override margin from .nav-tabs + margin-right: 0; + } + > .active > a { + border-bottom-color: $body-bg; + } + +} + + + +// Nav headers (for dropdowns and lists) +// ------------------------- + +.nav-header { + display: block; + padding: 3px 15px; + font-size: $font-size-mini; + font-weight: bold; + line-height: $line-height-base; + color: $gray-light; + text-shadow: 0 1px 0 rgba(255,255,255,.5); + text-transform: uppercase; +} + + + +// Tabbable tabs +// ------------------------- + +// Clear any floats +.tabbable { + @include clearfix(); +} + +// Show/hide tabbable areas +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} +.tab-content > .active, +.pill-content > .active { + display: block; +} + + + +// Dropdowns +// ------------------------- + +// Make dropdown carets use link color in navs +.nav .caret { + border-top-color: $link-color; + border-bottom-color: $link-color; +} +.nav a:hover .caret { + border-top-color: $link-hover-color; + border-bottom-color: $link-hover-color; +} + +// Specific dropdowns +.nav-tabs .dropdown-menu { + // make dropdown border overlap tab border + margin-top: -1px; + // Remove the top rounded corners here since there is a hard edge above the menu + @include border-top-radius(0); +} diff --git a/library/sass/_normalize.scss b/library/sass/_normalize.scss new file mode 100644 index 0000000..a2e9c64 --- /dev/null +++ b/library/sass/_normalize.scss @@ -0,0 +1,396 @@ +/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ + +// ========================================================================== +// HTML5 display definitions +// ========================================================================== + +// +// Correct `block` display not defined in IE 8/9. +// + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +// +// Correct `inline-block` display not defined in IE 8/9. +// + +audio, +canvas, +video { + display: inline-block; +} + +// +// Prevent modern browsers from displaying `audio` without controls. +// Remove excess height in iOS 5 devices. +// + +audio:not([controls]) { + display: none; + height: 0; +} + +// +// Address styling not present in IE 8/9. +// + +[hidden] { + display: none; +} + +// ========================================================================== +// Base +// ========================================================================== + +// +// 1. Set default font family to sans-serif. +// 2. Prevent iOS text size adjust after orientation change, without disabling +// user zoom. +// + +html { + font-family: sans-serif; // 1 + -webkit-text-size-adjust: 100%; // 2 + -ms-text-size-adjust: 100%; // 2 +} + +// +// Remove default margin. +// + +body { + margin: 0; +} + +// ========================================================================== +// Links +// ========================================================================== + +// +// Address `outline` inconsistency between Chrome and other browsers. +// + +a:focus { + outline: thin dotted; +} + +// +// Improve readability when focused and also mouse hovered in all browsers. +// + +a:active, +a:hover { + outline: 0; +} + +// ========================================================================== +// Typography +// ========================================================================== + +// +// Address variable `h1` font-size and margin within `section` and `article` +// contexts in Firefox 4+, Safari 5, and Chrome. +// + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +// +// Address styling not present in IE 8/9, Safari 5, and Chrome. +// + +abbr[title] { + border-bottom: 1px dotted; +} + +// +// Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. +// + +b, +strong { + font-weight: bold; +} + +// +// Address styling not present in Safari 5 and Chrome. +// + +dfn { + font-style: italic; +} + +// +// Address differences between Firefox and other browsers. +// + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +// +// Address styling not present in IE 8/9. +// + +mark { + background: #ff0; + color: #000; +} + +// +// Correct font family set oddly in Safari 5 and Chrome. +// + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} + +// +// Improve readability of pre-formatted text in all browsers. +// + +pre { + white-space: pre-wrap; +} + +// +// Set consistent quote types. +// + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +// +// Address inconsistent and variable font size in all browsers. +// + +small { + font-size: 80%; +} + +// +// Prevent `sub` and `sup` affecting `line-height` in all browsers. +// + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +// ========================================================================== +// Embedded content +// ========================================================================== + +// +// Remove border when inside `a` element in IE 8/9. +// + +img { + border: 0; +} + +// +// Correct overflow displayed oddly in IE 9. +// + +svg:not(:root) { + overflow: hidden; +} + +// ========================================================================== +// Figures +// ========================================================================== + +// +// Address margin not present in IE 8/9 and Safari 5. +// + +figure { + margin: 0; +} + +// ========================================================================== +// Forms +// ========================================================================== + +// +// Define consistent border, margin, and padding. +// + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +// +// 1. Correct `color` not being inherited in IE 8/9. +// 2. Remove padding so people aren't caught out if they zero out fieldsets. +// + +legend { + border: 0; // 1 + padding: 0; // 2 +} + +// +// 1. Correct font family not being inherited in all browsers. +// 2. Correct font size not being inherited in all browsers. +// 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. +// + +button, +input, +select, +textarea { + font-family: inherit; // 1 + font-size: 100%; // 2 + margin: 0; // 3 +} + +// +// Address Firefox 4+ setting `line-height` on `input` using `!important` in +// the UA stylesheet. +// + +button, +input { + line-height: normal; +} + +// +// Address inconsistent `text-transform` inheritance for `button` and `select`. +// All other form control elements do not inherit `text-transform` values. +// Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. +// Correct `select` style inheritance in Firefox 4+ and Opera. +// + +button, +select { + text-transform: none; +} + +// +// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` +// and `video` controls. +// 2. Correct inability to style clickable `input` types in iOS. +// 3. Improve usability and consistency of cursor style between image-type +// `input` and others. +// + +button, +html input[type="button"], // 1 +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; // 2 + cursor: pointer; // 3 +} + +// +// Re-set default cursor for disabled elements. +// + +button[disabled], +html input[disabled] { + cursor: default; +} + +// +// 1. Address box sizing set to `content-box` in IE 8/9. +// 2. Remove excess padding in IE 8/9. +// + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; // 1 + padding: 0; // 2 +} + +// +// 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. +// 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome +// (include `-moz` to future-proof). +// + +input[type="search"] { + -webkit-appearance: textfield; // 1 + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; // 2 + box-sizing: content-box; +} + +// +// Remove inner padding and search cancel button in Safari 5 and Chrome +// on OS X. +// + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +// +// Remove inner padding and border in Firefox 4+. +// + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +// +// 1. Remove default vertical scrollbar in IE 8/9. +// 2. Improve readability and alignment in all browsers. +// + +textarea { + overflow: auto; // 1 + vertical-align: top; // 2 +} + +// ========================================================================== +// Tables +// ========================================================================== + +// +// Remove most spacing between table cells. +// + +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/library/sass/_pager.scss b/library/sass/_pager.scss new file mode 100644 index 0000000..d72a349 --- /dev/null +++ b/library/sass/_pager.scss @@ -0,0 +1,54 @@ +// +// Pager pagination +// -------------------------------------------------- + + +.pager { + margin: $line-height-computed 0; + list-style: none; + text-align: center; + @include clearfix(); + li { + display: inline; + > a, + > span { + display: inline-block; + padding: 5px 14px; + background-color: $pagination-bg; + border: 1px solid $pagination-border; + border-radius: 15px; + } + + > a:hover, + > a:focus { + text-decoration: none; + background-color: $pagination-active-bg; + } + } + + .next { + > a, + > span { + float: right; + } + } + + .previous { + > a, + > span { + float: left; + } + } + + .disabled { + > a, + > a:hover, + > a:focus, + > span { + color: $gray-light; + background-color: $pagination-bg; + cursor: default; + } + } + +} diff --git a/library/sass/_pagination.scss b/library/sass/_pagination.scss new file mode 100644 index 0000000..66729d4 --- /dev/null +++ b/library/sass/_pagination.scss @@ -0,0 +1,87 @@ +// +// Pagination (multiple pages) +// -------------------------------------------------- +.pagination { + display: inline-block; + margin: $line-height-computed 0; + border-radius: $border-radius-base; +} +.pagination > li { + display: inline; // Remove list-style and block-level defaults +} +.pagination > li > a, +.pagination > li > span { + float: left; // Collapse white-space + padding: 4px 12px; + line-height: $line-height-base; + text-decoration: none; + background-color: $pagination-bg; + border: 1px solid $pagination-border; + border-left-width: 0; +} +.pagination > li > a:hover, +.pagination > li > a:focus, +.pagination > .active > a, +.pagination > .active > span { + background-color: $pagination-active-bg; +} +.pagination > .active > a, +.pagination > .active > span { + color: $gray-light; + cursor: default; +} +.pagination > .disabled > span, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: $gray-light; + background-color: $pagination-bg; + cursor: default; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + border-left-width: 1px; + @include border-left-radius($border-radius-base); +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + @include border-right-radius($border-radius-base); +} + + +// Sizing +// -------------------------------------------------- + +// Large +.pagination-large { + > li > a, + > li > span { + padding: $padding-large-vertical $padding-large-horizontal; + font-size: $font-size-large; + } + > li:first-child > a, + > li:first-child > span { + @include border-left-radius($border-radius-large); + } + > li:last-child > a, + > li:last-child > span { + @include border-right-radius($border-radius-large); + } +} + +// Small +.pagination-small { + > li > a, + > li > span { + padding: $padding-small-vertical $padding-small-horizontal; + font-size: $font-size-small; + } + > li:first-child > a, + > li:first-child > span { + @include border-left-radius($border-radius-small); + } + > li:last-child > a, + > li:last-child > span { + @include border-right-radius($border-radius-small); + } +} diff --git a/library/sass/_panels.scss b/library/sass/_panels.scss new file mode 100644 index 0000000..91c60de --- /dev/null +++ b/library/sass/_panels.scss @@ -0,0 +1,96 @@ +// +// Panels +// -------------------------------------------------- + + +// Base class +.panel { + padding: 15px; + margin-bottom: 20px; + background-color: $panel-bg; + border: 1px solid $panel-border; + border-radius: $panel-border-radius; + @include box-shadow(0 1px 1px rgba(0,0,0,.05)); +} + +// Optional heading +.panel-heading { + margin: -15px -15px 15px; + padding: 10px 15px; + font-size: ($font-size-base * 1.25); + font-weight: 500; + background-color: $panel-heading-bg; + border-bottom: 1px solid $panel-border; + border-top-left-radius: ($panel-border-radius - 1); + border-top-right-radius: ($panel-border-radius - 1); +} + +// Optional footer (stays gray in every modifier class) +.panel-footer { + margin: 15px -15px -15px; + padding: 10px 15px; + background-color: $panel-footer-bg; + border-top: 1px solid $panel-border; + border-bottom-left-radius: ($panel-border-radius - 1); + border-bottom-right-radius: ($panel-border-radius - 1); +} + +// Contextual variations +.panel-primary { + border-color: $panel-primary-border; + .panel-heading { + color: $panel-primary-text; + background-color: $panel-primary-heading-bg; + border-color: $panel-primary-border; + } +} +.panel-success { + border-color: $panel-success-border; + .panel-heading { + color: $panel-success-text; + background-color: $panel-success-heading-bg; + border-color: $panel-success-border; + } +} +.panel-warning { + border-color: $panel-warning-border; + .panel-heading { + color: $panel-warning-text; + background-color: $panel-warning-heading-bg; + border-color: $panel-warning-border; + } +} +.panel-danger { + border-color: $panel-danger-border; + .panel-heading { + color: $panel-danger-text; + background-color: $panel-danger-heading-bg; + border-color: $panel-danger-border; + } +} +.panel-info { + border-color: $panel-info-border; + .panel-heading { + color: $panel-info-text; + background-color: $panel-info-heading-bg; + border-color: $panel-info-border; + } +} + +// List groups in panels +.list-group-flush { + margin: 15px -15px -15px; + + .list-group-item { + border-width: 1px 0; + + // Remove border radius for top one + &:first-child { + @include border-top-radius(0); + } + // But keep it for the last one + &:last-child { + border-bottom: 0; + } + } +} diff --git a/library/sass/partials/_popovers.scss b/library/sass/_popovers.scss old mode 100755 new mode 100644 similarity index 57% rename from library/sass/partials/_popovers.scss rename to library/sass/_popovers.scss index 18a1ca0..30caaad --- a/library/sass/partials/_popovers.scss +++ b/library/sass/_popovers.scss @@ -7,18 +7,18 @@ position: absolute; top: 0; left: 0; - z-index: $zindexPopover; + z-index: $zindex-popover; display: none; max-width: 276px; padding: 1px; text-align: left; // Reset given new insertion method - background-color: $popoverBackground; - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; + background-color: $popover-bg; + -webkit-bg-clip: padding-box; + -moz-bg-clip: padding; + background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); - @include border-radius(6px); + border-radius: 6px; @include box-shadow(0 5px 10px rgba(0,0,0,.2)); // Overrides for proper insertion @@ -34,12 +34,12 @@ .popover-title { margin: 0; // reset heading margin padding: 8px 14px; - font-size: 14px; + font-size: $font-size-base; font-weight: normal; line-height: 18px; - background-color: $popoverTitleBackground; - border-bottom: 1px solid darken($popoverTitleBackground, 5%); - @include border-radius(5px 5px 0 0); + background-color: $popover-title-bg; + border-bottom: 1px solid darken($popover-title-bg, 5%); + border-radius: 5px 5px 0 0; &:empty { display: none; @@ -64,69 +64,69 @@ border-style: solid; } .popover .arrow { - border-width: $popoverArrowOuterWidth; + border-width: $popover-arrow-outer-width; } .popover .arrow:after { - border-width: $popoverArrowWidth; + border-width: $popover-arrow-width; content: ""; } .popover { &.top .arrow { left: 50%; - margin-left: -$popoverArrowOuterWidth; + margin-left: -$popover-arrow-outer-width; border-bottom-width: 0; border-top-color: #999; // IE8 fallback - border-top-color: $popoverArrowOuterColor; - bottom: -$popoverArrowOuterWidth; + border-top-color: $popover-arrow-outer-color; + bottom: -$popover-arrow-outer-width; &:after { bottom: 1px; - margin-left: -$popoverArrowWidth; + margin-left: -$popover-arrow-width; border-bottom-width: 0; - border-top-color: $popoverArrowColor; + border-top-color: $popover-arrow-color; } } &.right .arrow { top: 50%; - left: -$popoverArrowOuterWidth; - margin-top: -$popoverArrowOuterWidth; + left: -$popover-arrow-outer-width; + margin-top: -$popover-arrow-outer-width; border-left-width: 0; border-right-color: #999; // IE8 fallback - border-right-color: $popoverArrowOuterColor; + border-right-color: $popover-arrow-outer-color; &:after { left: 1px; - bottom: -$popoverArrowWidth; + bottom: -$popover-arrow-width; border-left-width: 0; - border-right-color: $popoverArrowColor; + border-right-color: $popover-arrow-color; } } &.bottom .arrow { left: 50%; - margin-left: -$popoverArrowOuterWidth; + margin-left: -$popover-arrow-outer-width; border-top-width: 0; border-bottom-color: #999; // IE8 fallback - border-bottom-color: $popoverArrowOuterColor; - top: -$popoverArrowOuterWidth; + border-bottom-color: $popover-arrow-outer-color; + top: -$popover-arrow-outer-width; &:after { top: 1px; - margin-left: -$popoverArrowWidth; + margin-left: -$popover-arrow-width; border-top-width: 0; - border-bottom-color: $popoverArrowColor; + border-bottom-color: $popover-arrow-color; } } &.left .arrow { top: 50%; - right: -$popoverArrowOuterWidth; - margin-top: -$popoverArrowOuterWidth; + right: -$popover-arrow-outer-width; + margin-top: -$popover-arrow-outer-width; border-right-width: 0; border-left-color: #999; // IE8 fallback - border-left-color: $popoverArrowOuterColor; + border-left-color: $popover-arrow-outer-color; &:after { right: 1px; border-right-width: 0; - border-left-color: $popoverArrowColor; - bottom: -$popoverArrowWidth; + border-left-color: $popover-arrow-color; + bottom: -$popover-arrow-width; } } diff --git a/library/sass/_print.scss b/library/sass/_print.scss new file mode 100644 index 0000000..ec71acb --- /dev/null +++ b/library/sass/_print.scss @@ -0,0 +1,74 @@ +// +// Basic print styles +// -------------------------------------------------- +// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css + +@media print { + + * { + text-shadow: none !important; + color: #000 !important; // Black prints faster: h5bp.com/s + background: transparent !important; + box-shadow: none !important; + } + + a, + a:visited { + text-decoration: underline; + } + + a[href]:after { + content: " (" attr(href) ")"; + } + + abbr[title]:after { + content: " (" attr(title) ")"; + } + + // Don't show links for images, or javascript/internal links + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; // h5bp.com/t + } + + tr, + img { + page-break-inside: avoid; + } + + img { + max-width: 100% !important; + } + + @page { + margin: 2cm .5cm; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3 { + page-break-after: avoid; + } + + // Bootstrap components + .navbar { + display: none; + } +} diff --git a/library/sass/partials/_progress-bars.scss b/library/sass/_progress-bars.scss old mode 100755 new mode 100644 similarity index 52% rename from library/sass/partials/_progress-bars.scss rename to library/sass/_progress-bars.scss index 6d9e70b..f3173f1 --- a/library/sass/partials/_progress-bars.scss +++ b/library/sass/_progress-bars.scss @@ -3,8 +3,8 @@ // -------------------------------------------------- -// ANIMATIONS -// ---------- +// Bar animations +// ------------------------- // Webkit @-webkit-keyframes progress-bar-stripes { @@ -38,45 +38,41 @@ -// THE BARS -// -------- +// Bar itself +// ------------------------- // Outer container .progress { overflow: hidden; - height: $baseLineHeight; - margin-bottom: $baseLineHeight; - @include gradient-vertical(#f5f5f5, #f9f9f9); + height: $line-height-computed; + margin-bottom: $line-height-computed; + background-color: $progress-bg; + border-radius: $border-radius-base; @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); - @include border-radius($baseBorderRadius); } // Bar of progress -.progress .bar { +.progress-bar { + float: left; width: 0%; height: 100%; - color: $white; - float: left; - font-size: 12px; + font-size: $font-size-small; + color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0,0,0,.25); - @include gradient-vertical(#149bdf, #0480be); + background-color: $progress-bar-bg; @include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); - @include box-sizing(border-box); @include transition(width .6s ease); } -.progress .bar + .bar { - @include box-shadow(inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)); -} // Striped bars -.progress-striped .bar { - @include gradient-striped(#149bdf); +.progress-striped .progress-bar { + @include gradient-striped($progress-bar-bg); @include background-size(40px 40px); } // Call animation for the active one -.progress.active .bar { +.progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; @@ -86,37 +82,37 @@ -// COLORS -// ------ +// Variations +// ------------------------- // Danger (red) -.progress-danger .bar, .progress .bar-danger { - @include gradient-vertical(#ee5f5b, #c43c35); -} -.progress-danger.progress-striped .bar, .progress-striped .bar-danger { - @include gradient-striped(#ee5f5b); +.progress-bar-danger { + background-color: $progress-bar-danger-bg; + .progress-striped & { + @include gradient-striped($progress-bar-danger-bg); + } } // Success (green) -.progress-success .bar, .progress .bar-success { - @include gradient-vertical(#62c462, #57a957); -} -.progress-success.progress-striped .bar, .progress-striped .bar-success { - @include gradient-striped(#62c462); -} - -// Info (teal) -.progress-info .bar, .progress .bar-info { - @include gradient-vertical(#5bc0de, #339bb9); -} -.progress-info.progress-striped .bar, .progress-striped .bar-info { - @include gradient-striped(#5bc0de); +.progress-bar-success { + background-color: $progress-bar-success-bg; + .progress-striped & { + @include gradient-striped($progress-bar-success-bg); + } } // Warning (orange) -.progress-warning .bar, .progress .bar-warning { - @include gradient-vertical(lighten($orange, 15%), $orange); +.progress-bar-warning { + background-color: $progress-bar-warning-bg; + .progress-striped & { + @include gradient-striped($progress-bar-warning-bg); + } } -.progress-warning.progress-striped .bar, .progress-striped .bar-warning { - @include gradient-striped(lighten($orange, 15%)); + +// Info (teal) +.progress-bar-info { + background-color: $progress-bar-info-bg; + .progress-striped & { + @include gradient-striped($progress-bar-info-bg); + } } diff --git a/library/sass/_responsive-utilities.scss b/library/sass/_responsive-utilities.scss new file mode 100644 index 0000000..eb1a53d --- /dev/null +++ b/library/sass/_responsive-utilities.scss @@ -0,0 +1,77 @@ +// +// Responsive: Utility classes +// -------------------------------------------------- + + +// IE10 Metro responsive +// Required for Windows 8 Metro split-screen snapping with IE10 +// +// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ +@-ms-viewport{ + width: device-width; +} + +// IE10 on Windows Phone 8 +// IE10 on WP8 doesn't report CSS pixels, but actual device pixels. In +// other words, say on a Lumia, you'll get 768px as the device width, +// meaning users will see the tablet styles and not phone styles. +// +// Alternatively you can override this with JS (see source below), but +// we won't be doing that here given our limited scope. +// +// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ +@media screen and (max-width: 400px) { + @-ms-viewport{ + width: 320px; + } +} + +// Hide from screenreaders and browsers +// Credit: HTML5 Boilerplate +.hidden { + display: none; + visibility: hidden; +} + +// Visibility utilities + +// For Phones +.visible-sm { display: block !important; } +.visible-md { display: none !important; } +.visible-lg { display: none !important; } + +.hidden-sm { display: none !important; } +.hidden-md { display: block !important; } +.hidden-lg { display: block !important; } + + +// Tablets & small desktops only +@media (min-width: $screen-tablet) and (max-width: $screen-tablet-max) { + .visible-sm { display: none !important; } + .visible-md { display: block !important; } + .visible-lg { display: none !important; } + + .hidden-sm { display: block !important; } + .hidden-md { display: none !important; } + .hidden-lg { display: block !important; } +} + +// For desktops +@media (min-width: $screen-desktop) { + .visible-sm { display: none !important; } + .visible-md { display: none !important; } + .visible-lg { display: block !important; } + + .hidden-sm { display: block !important; } + .hidden-md { display: block !important; } + .hidden-lg { display: none !important; } +} + +// Print utilities +.visible-print { display: none !important; } +.hidden-print { } + +@media print { + .visible-print { display: block !important; } + .hidden-print { display: none !important; } +} diff --git a/library/sass/_scaffolding.scss b/library/sass/_scaffolding.scss new file mode 100644 index 0000000..fe9075b --- /dev/null +++ b/library/sass/_scaffolding.scss @@ -0,0 +1,83 @@ +// +// Scaffolding +// -------------------------------------------------- + + +// Reset the box-sizing +// ------------------------- + +* { + @include box-sizing(border-box); +} + + +// Body reset +// ------------------------- + +html { + font-size: 62.5%; + // Touch the Mobile Magic™ + -webkit-overflow-scrolling: touch; + -webkit-tap-highlight-color: rgba(0,0,0,0); +} + +body { + font-family: $font-family-base; + font-size: $font-size-base; + line-height: $line-height-base; + color: $text-color; + background-color: $body-bg; +} + +// Reset fonts for revelant elements +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + + +// Links +// ------------------------- + +a { + color: $link-color; + text-decoration: none; +} +a:hover, +a:focus { + color: $link-hover-color; + text-decoration: underline; +} +a:focus { + @include tab-focus(); +} + + +// Images +// ------------------------- + +img { + // Responsive images (ensure images don't scale beyond their parents) + max-width: 100%; // Part 1: Set a maxium relative to the parent + height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching + + // Match vertical alignment with other comment elements + vertical-align: middle; +} + +// Rounded corners +.img-rounded { + border-radius: 6px; +} + +// Image thumbnails +// See thumbnails.less for `.img-thumbnail` + +// Perfect circle +.img-circle { + border-radius: 500px; // crank the border-radius so it works with most reasonably sized images +} diff --git a/library/sass/_tables.scss b/library/sass/_tables.scss new file mode 100644 index 0000000..2a12342 --- /dev/null +++ b/library/sass/_tables.scss @@ -0,0 +1,242 @@ +// +// Tables +// -------------------------------------------------- + + +table { + max-width: 100%; + background-color: $table-bg; +} +th { + text-align: left; +} + + +// BASELINE STYLES +// --------------- + +.table { + width: 100%; + margin-bottom: $line-height-computed; + // Cells + thead > tr > th, + tbody > tr > th, + thead > tr > td, + tbody > tr > td { + padding: 8px; + line-height: $line-height-base; + vertical-align: top; + border-top: 1px solid $table-border-color; + } + // Bottom align for column headings + thead > tr > th { + vertical-align: bottom; + } + // Remove top border from thead by default + caption + thead tr:first-child th, + caption + thead tr:first-child td, + colgroup + thead tr:first-child th, + colgroup + thead tr:first-child td, + thead:first-child tr:first-child th, + thead:first-child tr:first-child td { + border-top: 0; + } + // Account for multiple tbody instances + tbody + tbody { + border-top: 2px solid $table-border-color; + } + + // Nesting + .table { + background-color: $body-bg; + } +} + + + +// CONDENSED TABLE W/ HALF PADDING +// ------------------------------- + +.table-condensed { + thead > tr > th, + tbody > tr > th, + thead > tr > td, + tbody > tr > td { + padding: 4px 5px; + } +} + + + +// BORDERED VERSION +// ---------------- + +.table-bordered { + border: 1px solid $table-border-color; + border-collapse: separate; // Done so we can round those corners! + border-left: 0; + border-radius: $border-radius-base; + + > thead > tr > th, + > tbody > tr > th, + > thead > tr > td, + > tbody > tr > td { + border-left: 1px solid $table-border-color; + } + // Prevent a double border + > caption + thead > tr:first-child th, + > caption + tbody > tr:first-child th, + > caption + tbody > tr:first-child td, + > colgroup + thead > tr:first-child th, + > colgroup + tbody > tr:first-child th, + > colgroup + tbody > tr:first-child td, + > thead:first-child > tr:first-child th, + > tbody:first-child > tr:first-child th, + > tbody:first-child > tr:first-child td { + border-top: 0; + } + // For first th/td in the first row in the first thead or tbody + > thead:first-child > tr:first-child > th:first-child, + > tbody:first-child > tr:first-child > td:first-child, + > tbody:first-child > tr:first-child > th:first-child { + border-top-left-radius: $border-radius-base; + } + // For last th/td in the first row in the first thead or tbody + > thead:first-child > tr:first-child > th:last-child, + > tbody:first-child > tr:first-child > td:last-child, + > tbody:first-child > tr:first-child > th:last-child { + border-top-right-radius: $border-radius-base; + } + // For first th/td (can be either) in the last row in the last thead, tbody, and tfoot + > thead:last-child > tr:last-child > th:first-child, + > tbody:last-child > tr:last-child > td:first-child, + > tbody:last-child > tr:last-child > th:first-child, + > tfoot:last-child > tr:last-child > td:first-child, + > tfoot:last-child > tr:last-child > th:first-child { + border-bottom-left-radius: $border-radius-base; + } + // For last th/td (can be either) in the last row in the last thead, tbody, and tfoot + > thead:last-child > tr:last-child > th:last-child, + > tbody:last-child > tr:last-child > td:last-child, + > tbody:last-child > tr:last-child > th:last-child, + > tfoot:last-child > tr:last-child > td:last-child, + > tfoot:last-child > tr:last-child > th:last-child { + border-bottom-right-radius: $border-radius-base; + } + + // Clear border-radius for first and last td in the last row in the last tbody for table with tfoot + > tfoot + tbody:last-child > tr:last-child > td:first-child { + border-bottom-left-radius: 0; + } + > tfoot + tbody:last-child > tr:last-child > td:last-child { + border-bottom-right-radius: 0; + } + + // Special fixes to round the left border on the first td/th + > caption + thead > tr:first-child > th:first-child, + > caption + tbody > tr:first-child > td:first-child, + > colgroup + thead > tr:first-child > th:first-child, + > colgroup + tbody > tr:first-child > td:first-child { + border-top-left-radius: $border-radius-base; + } + > caption + thead > tr:first-child > th:last-child, + > caption + tbody > tr:first-child > td:last-child, + > colgroup + thead > tr:first-child > th:last-child, + > colgroup + tbody > tr:first-child > td:last-child { + border-top-right-radius: $border-radius-base; + } + +} + + + +// ZEBRA-STRIPING +// -------------- + +// Default zebra-stripe styles (alternating gray and transparent backgrounds) +.table-striped { + > tbody { + > tr:nth-child(odd) > td, + > tr:nth-child(odd) > th { + background-color: $table-bg-accent; + } + } +} + + + +// HOVER EFFECT +// ------------ + +// Placed here since it has to come after the potential zebra striping +.table-hover { + > tbody { + > tr:hover > td, + > tr:hover > th { + background-color: $table-bg-hover; + } + } +} + + + +// TABLE CELL SIZING +// ----------------- + +// Reset default table behavior +table col[class*="col-span-"] { + float: none; + display: table-column; +} +table td[class*="col-span-"], +table th[class*="col-span-"] { + float: none; + display: table-cell; +} + +// TABLE BACKGROUNDS +// ----------------- +// Exact selectors below required to override .table-striped + +.table > tbody > tr { + > td.success, + > th.success, + &.success > td { + background-color: $state-success-bg; + border-color: $state-success-border; + } + > td.danger, + > th.danger, + &.danger > td { + background-color: $state-danger-bg; + border-color: $state-danger-border; + } + > td.warning, + > th.warning, + &.warning > td { + background-color: $state-warning-bg; + border-color: $state-warning-border; + } +} + +// Hover states for .table-hover +.table-hover > tbody > tr { + > td.success:hover, + > th.success:hover, + &.success:hover > td { + background-color: darken($state-success-bg, 5%); + border-color: darken($state-success-border, 5%); + } + > td.danger:hover, + > th.danger:hover, + &.danger:hover > td { + background-color: darken($state-danger-bg, 5%); + border-color: darken($state-danger-border, 5%); + } + > td.warning:hover, + > th.warning:hover, + &.warning:hover > td { + background-color: darken($state-warning-bg, 5%); + border-color: darken($state-warning-border, 5%); + } +} diff --git a/library/sass/_thumbnails.scss b/library/sass/_thumbnails.scss new file mode 100644 index 0000000..ff46175 --- /dev/null +++ b/library/sass/_thumbnails.scss @@ -0,0 +1,43 @@ +// +// Thumbnails +// -------------------------------------------------- + + +// Base classes +// For thumbnail block-level composite components and simple image styles + +// The actual thumbnailed element +// Can be `a`, `div`, or `img` +.thumbnail, +.img-thumbnail { + padding: 4px; + line-height: $line-height-base; + background-color: $thumbnail-bg; + border: 1px solid $thumbnail-border; + border-radius: $thumbnail-border-radius; + @include transition(all .2s ease-in-out); +} +.thumbnail { + display: block; +} +.img-thumbnail { + display: inline-block; +} + +// Add a hover state for linked versions only +a.thumbnail:hover, +a.thumbnail:focus { + border-color: $link-color; +} + +// Images and captions +.thumbnail > img { + display: block; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +.thumbnail .caption { + padding: 9px; + color: $thumbnail-caption-color; +} diff --git a/library/sass/partials/_tooltip.scss b/library/sass/_tooltip.scss old mode 100755 new mode 100644 similarity index 51% rename from library/sass/partials/_tooltip.scss rename to library/sass/_tooltip.scss index af2d64c..803a3d7 --- a/library/sass/partials/_tooltip.scss +++ b/library/sass/_tooltip.scss @@ -6,13 +6,14 @@ // Base class .tooltip { position: absolute; - z-index: $zindexTooltip; + z-index: $zindex-tooltip; display: block; visibility: visible; - font-size: 11px; + font-size: $font-size-mini; line-height: 1.4; @include opacity(0); - &.in { @include opacity(80); } + + &.in { @include opacity(1); } &.top { margin-top: -3px; padding: 5px 0; } &.right { margin-left: 3px; padding: 0 5px; } &.bottom { margin-top: 3px; padding: 5px 0; } @@ -22,12 +23,12 @@ // Wrapper for the tooltip content .tooltip-inner { max-width: 200px; - padding: 8px; - color: $tooltipColor; + padding: 3px 8px; + color: $tooltip-color; text-align: center; text-decoration: none; - background-color: $tooltipBackground; - @include border-radius($baseBorderRadius); + background-color: $tooltip-bg; + border-radius: $border-radius-base; } // Arrows @@ -42,29 +43,29 @@ &.top .tooltip-arrow { bottom: 0; left: 50%; - margin-left: -$tooltipArrowWidth; - border-width: $tooltipArrowWidth $tooltipArrowWidth 0; - border-top-color: $tooltipArrowColor; + margin-left: -$tooltip-arrow-width; + border-width: $tooltip-arrow-width $tooltip-arrow-width 0; + border-top-color: $tooltip-arrow-color; } &.right .tooltip-arrow { top: 50%; left: 0; - margin-top: -$tooltipArrowWidth; - border-width: $tooltipArrowWidth $tooltipArrowWidth $tooltipArrowWidth 0; - border-right-color: $tooltipArrowColor; + margin-top: -$tooltip-arrow-width; + border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0; + border-right-color: $tooltip-arrow-color; } &.left .tooltip-arrow { top: 50%; right: 0; - margin-top: -$tooltipArrowWidth; - border-width: $tooltipArrowWidth 0 $tooltipArrowWidth $tooltipArrowWidth; - border-left-color: $tooltipArrowColor; + margin-top: -$tooltip-arrow-width; + border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width; + border-left-color: $tooltip-arrow-color; } &.bottom .tooltip-arrow { top: 0; left: 50%; - margin-left: -$tooltipArrowWidth; - border-width: 0 $tooltipArrowWidth $tooltipArrowWidth; - border-bottom-color: $tooltipArrowColor; + margin-left: -$tooltip-arrow-width; + border-width: 0 $tooltip-arrow-width $tooltip-arrow-width; + border-bottom-color: $tooltip-arrow-color; } } diff --git a/library/sass/_type.scss b/library/sass/_type.scss new file mode 100644 index 0000000..ea90ae2 --- /dev/null +++ b/library/sass/_type.scss @@ -0,0 +1,250 @@ +// +// Typography +// -------------------------------------------------- + + +// Body text +// ------------------------- + +p { + margin: 0 0 ($line-height-computed / 2); +} +.lead { + margin-bottom: $line-height-computed; + font-size: ($font-size-base * 1.5); + font-weight: 200; + line-height: 1.4; +} + + +// Emphasis & misc +// ------------------------- + +// Ex: 14px base font * 85% = about 12px +small { font-size: 85%; } + +strong { font-weight: bold; } +em { font-style: italic; } +cite { font-style: normal; } + +// Utility classes +.text-muted { color: $gray-light; } +a.text-muted:hover, +a.text-muted:focus { color: darken($gray-light, 10%); } + +.text-warning { color: $state-warning-text; } +a.text-warning:hover, +a.text-warning:focus { color: darken($state-warning-text, 10%); } + +.text-danger { color: $state-danger-text; } +a.text-danger:hover, +a.text-danger:focus { color: darken($state-danger-text, 10%); } + +.text-success { color: $state-success-text; } +a.text-success:hover, +a.text-success:focus { color: darken($state-success-text, 10%); } + +.text-left { text-align: left; } +.text-right { text-align: right; } +.text-center { text-align: center; } + + +// Headings +// ------------------------- + +h1, h2, h3, h4, h5, h6, +.h1, .h2, .h3, .h4, .h5, .h6 { + font-weight: $headings-font-weight; + line-height: $headings-line-height; + small { + font-weight: normal; + line-height: 1; + color: $gray-light; + } +} + +h1, +h2, +h3 { + margin-top: $line-height-computed; + margin-bottom: ($line-height-computed / 2); +} +h4, +h5, +h6 { + margin-top: ($line-height-computed / 2); + margin-bottom: ($line-height-computed / 2); +} + +h1, .h1 { font-size: ceil($font-size-base * 2.70); } // ~38px +h2, .h2 { font-size: ceil($font-size-base * 2.25); } // ~32px +h3, .h3 { font-size: ceil($font-size-base * 1.70); } // ~24px +h4, .h4 { font-size: ceil($font-size-base * 1.25); } // ~18px +h5, .h5 { font-size: $font-size-base; } +h6, .h6 { font-size: ceil($font-size-base * 0.85); } // ~12px + +h1 small, .h1 small { font-size: ceil($font-size-base * 1.70); } // ~24px +h2 small, .h2 small { font-size: ceil($font-size-base * 1.25); } // ~18px +h3 small, .h3 small, +h4 small, .h4 small { font-size: $font-size-base; } + + +// Page header +// ------------------------- + +.page-header { + padding-bottom: (($line-height-computed / 2) - 1); + margin: ($line-height-computed * 2) 0 $line-height-computed; + border-bottom: 1px solid $gray-lighter; +} + + + +// Lists +// -------------------------------------------------- + +// Unordered and Ordered lists +ul, +ol { + padding: 0; + margin: 0 0 ($line-height-computed / 2) 25px; +} +ul ul, +ul ol, +ol ol, +ol ul { + margin-bottom: 0; +} +li { + line-height: $line-height-base; +} + +// List options + +// Unstyled keeps list items block level, just removes list-style +@mixin list-unstyled { + margin-left: 0; + list-style: none; +} +// Inline turns list items into inline-block +.list-inline { + @include list-unstyled(); + > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; + } +} + +// Description Lists +dl { + margin-bottom: $line-height-computed; +} +dt, +dd { + line-height: $line-height-base; +} +dt { + font-weight: bold; +} +dd { + margin-left: ($line-height-computed / 2); +} +// Horizontal layout (like forms) +.dl-horizontal { + @include clearfix(); // Ensure dl clears floats if empty dd elements present + dt { + float: left; + width: ($component-offset-horizontal - 20); + clear: left; + text-align: right; + @include text-overflow(); + } + dd { + margin-left: $component-offset-horizontal; + } +} + +// MISC +// ---- + +// Horizontal rules +hr { + margin: $line-height-computed 0; + border: 0; + border-top: 1px solid $hr-border; + border-bottom: 1px solid #fff; + border-bottom: 1px solid rgba(255,255,255,.5); +} + +// Abbreviations and acronyms +abbr[title], +// Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257 +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted $gray-light; +} +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} + +// Blockquotes +blockquote { + padding: ($line-height-computed / 2) $line-height-computed; + margin: 0 0 $line-height-computed; + border-left: 5px solid $gray-lighter; + p { + font-size: ($font-size-base * 1.25); + font-weight: 300; + line-height: 1.25; + } + p:last-child { + margin-bottom: 0; + } + small { + display: block; + line-height: $line-height-base; + color: $gray-light; + &:before { + content: '\2014 \00A0'; + } + } + + // Float right with text-align: right + &.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid $gray-lighter; + border-left: 0; + p, + small { + text-align: right; + } + small { + &:before { + content: ''; + } + &:after { + content: '\00A0 \2014'; + } + } + } +} + +// Quotes +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} + +// Addresses +address { + display: block; + margin-bottom: $line-height-computed; + font-style: normal; + line-height: $line-height-base; +} diff --git a/library/sass/partials/_utilities.scss b/library/sass/_utilities.scss old mode 100755 new mode 100644 similarity index 58% rename from library/sass/partials/_utilities.scss rename to library/sass/_utilities.scss index 1dec18b..955ab47 --- a/library/sass/partials/_utilities.scss +++ b/library/sass/_utilities.scss @@ -3,7 +3,12 @@ // -------------------------------------------------- -// Quick floats +// Floats +// ------------------------- + +.clearfix { + @include clearfix(); +} .pull-right { float: right; } @@ -11,35 +16,27 @@ float: left; } + // Toggling content +// ------------------------- + .hide { - display: none; + display: none !important; } .show { - display: block; + display: block !important; } - -// Visibility .invisible { visibility: hidden; } - -// For Affix plugin -.affix { - position: fixed; +.text-hide { + @include hide-text(); } -// Clearing floats -.clearfix { - @include clearfix(); -} -// Accessible yet invisible text -.hide-text { - @include hide-text(); -} +// For Affix plugin +// ------------------------- -// Uses box-sizing mixin, so must be defined here -.input-block-level { - @include input-block-level(); +.affix { + position: fixed; } diff --git a/library/sass/_variables.scss b/library/sass/_variables.scss old mode 100755 new mode 100644 index a30f355..8649517 --- a/library/sass/_variables.scss +++ b/library/sass/_variables.scss @@ -9,128 +9,145 @@ // Grays // ------------------------- -$black: #000 !default; -$grayDarker: #222 !default; -$grayDark: #333 !default; -$gray: #555 !default; -$grayLight: #999 !default; -$grayLighter: #eee !default; -$white: #fff !default; +$gray-darker: lighten(#000, 13.5%) !default; // #222 +$gray-dark: lighten(#000, 20%) !default; // #333 +$gray: lighten(#000, 33.5%) !default; // #555 +$gray-light: lighten(#000, 60%) !default; // #999 +$gray-lighter: lighten(#000, 93.5%) !default; // #eee -// Accent colors +// Brand colors // ------------------------- -$blue: #049cdb !default; -$blueDark: #0064cd !default; -$green: #46a546 !default; -$red: #9d261d !default; -$yellow: #ffc40d !default; -$orange: #f89406 !default; -$pink: #c3325f !default; -$purple: #7a43b6 !default; +$brand-primary: #428bca !default; +$brand-success: #5cb85c !default; +$brand-warning: #f0ad4e !default; +$brand-danger: #d9534f !default; +$brand-info: #5bc0de !default; // Scaffolding // ------------------------- -$bodyBackground: $white !default; -$textColor: $grayDark !default; +$body-bg: #fff !default; +$text-color: $gray-dark !default; // Links // ------------------------- -$linkColor: #08c !default; -$linkColorHover: darken($linkColor, 15%) !default; +$link-color: $brand-primary !default; +$link-hover-color: darken($link-color, 15%) !default; // Typography // ------------------------- -$sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default; -$serifFontFamily: Georgia, "Times New Roman", Times, serif !default; -$monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default; -$baseFontSize: 14px !default; -$baseFontFamily: $sansFontFamily !default; -$baseLineHeight: 20px !default; -$altFontFamily: $serifFontFamily !default; +$font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default; +$font-family-serif: Georgia, "Times New Roman", Times, serif !default; +$font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace !default; +$font-family-base: $font-family-sans-serif !default; -$headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily -$headingsFontWeight: bold !default; // instead of browser default, bold -$headingsColor: inherit !default; // empty to use BS default, $textColor +$font-size-base: 14px !default; +$font-size-large: ceil($font-size-base * 1.25) !default; // ~18px +$font-size-small: ceil($font-size-base * 0.85) !default; // ~12px +$font-size-mini: ceil($font-size-base * 0.75) !default; // ~11px +$line-height-base: 1.428571429 !default; // 20/14 +$line-height-computed: floor($font-size-base * $line-height-base) !default; // ~20px -// Component sizing +$headings-font-weight: 500 !default; +$headings-line-height: 1.1 !default; + + +// Components // ------------------------- -// Based on 14px font-size and 20px line-height +// Based on 14px font-size and 1.428 line-height (~20px to start) + +$padding-base-vertical: 8px !default; +$padding-base-horizontal: 12px !default; + +$padding-large-vertical: 14px !default; +$padding-large-horizontal: 16px !default; -$fontSizeLarge: $baseFontSize * 1.25; // ~18px -$fontSizeSmall: $baseFontSize * 0.85; // ~12px -$fontSizeMini: $baseFontSize * 0.75; // ~11px +$padding-small-vertical: 5px !default; +$padding-small-horizontal: 10px !default; -$paddingLarge: 11px 19px !default; // 44px -$paddingSmall: 2px 10px !default; // 26px -$paddingMini: 0px 6px !default; // 22px +$border-radius-base: 4px !default; +$border-radius-large: 6px !default; +$border-radius-small: 3px !default; -$baseBorderRadius: 4px !default; -$borderRadiusLarge: 6px !default; -$borderRadiusSmall: 3px !default; +$component-active-bg: $brand-primary !default; // Tables // ------------------------- -$tableBackground: transparent !default; // overall background-color -$tableBackgroundAccent: #f9f9f9 !default; // for striping -$tableBackgroundHover: #f5f5f5 !default; // for hover -$tableBorder: #ddd !default; // table and cell border + +$table-bg: transparent !default; // overall background-color +$table-bg-accent: #f9f9f9 !default; // for striping +$table-bg-hover: #f5f5f5 !default; // for hover + +$table-border-color: #ddd !default; // table and cell border + // Buttons // ------------------------- -$btnBackground: $white !default; -$btnBackgroundHighlight: darken($white, 10%) !default; -$btnBorder: #ccc !default; -$btnPrimaryBackground: $linkColor !default; -$btnPrimaryBackgroundHighlight: adjust-hue($btnPrimaryBackground, 20%) !default; +$btn-default-color: #fff !default; +$btn-default-bg: #a7a9aa !default; +$btn-default-border: $btn-default-bg !default; + +$btn-primary-color: $btn-default-color !default; +$btn-primary-bg: $brand-primary !default; +$btn-primary-border: $btn-primary-bg !default; -$btnInfoBackground: #5bc0de !default; -$btnInfoBackgroundHighlight: #2f96b4 !default; +$btn-success-color: $btn-default-color !default; +$btn-success-bg: $brand-success !default; +$btn-success-border: $btn-success-bg !default; -$btnSuccessBackground: #62c462 !default; -$btnSuccessBackgroundHighlight: #51a351 !default; +$btn-warning-color: $btn-default-color !default; +$btn-warning-bg: $brand-warning !default; +$btn-warning-border: $btn-warning-bg !default; -$btnWarningBackground: lighten($orange, 15%) !default; -$btnWarningBackgroundHighlight: $orange !default; +$btn-danger-color: $btn-default-color !default; +$btn-danger-bg: $brand-danger !default; +$btn-danger-border: $btn-danger-bg !default; -$btnDangerBackground: #ee5f5b !default; -$btnDangerBackgroundHighlight: #bd362f !default; +$btn-info-color: $btn-default-color !default; +$btn-info-bg: $brand-info !default; +$btn-info-border: $btn-info-bg !default; -$btnInverseBackground: #444 !default; -$btnInverseBackgroundHighlight: $grayDarker !default; // Forms // ------------------------- -$inputBackground: $white !default; -$inputBorder: #ccc !default; -$inputBorderRadius: $baseBorderRadius !default; -$inputDisabledBackground: $grayLighter !default; -$formActionsBackground: #f5f5f5 !default; -$inputHeight: $baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border + +$input-bg: #fff !default; +$input-bg-disabled: $gray-lighter !default; + +$input-border: #ccc !default; +$input-border-radius: $border-radius-base !default; + +$input-color-placeholder: $gray-light !default; + +$input-height-base: ($line-height-computed + ($padding-base-vertical * 2)) !default; +$input-height-large: ($line-height-computed + ($padding-large-vertical * 2)) !default; +$input-height-small: ($line-height-computed + ($padding-small-vertical * 2)) !default; + +$form-actions-bg: #f5f5f5 !default; // Dropdowns // ------------------------- -$dropdownBackground: $white !default; -$dropdownBorder: rgba(0,0,0,.2) !default; -$dropdownDividerTop: #e5e5e5 !default; -$dropdownDividerBottom: $white !default; -$dropdownLinkColor: $grayDark !default; -$dropdownLinkColorHover: $white !default; -$dropdownLinkColorActive: $white !default; +$dropdown-bg: #fff !default; +$dropdown-border: rgba(0,0,0,.15) !default; +$dropdown-divider-top: #e5e5e5 !default; +$dropdown-divider-bottom: #fff !default; -$dropdownLinkBackgroundActive: $linkColor !default; -$dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default; +$dropdown-link-active-color: #fff !default; +$dropdown-link-active-bg: $component-active-bg !default; +$dropdown-link-color: $gray-dark !default; +$dropdown-link-hover-color: #fff !default; +$dropdown-link-hover-bg: $dropdown-link-active-bg !default; // COMPONENT VARIABLES @@ -141,161 +158,259 @@ $dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default; // ------------------------- // Used for a bird's eye view of components dependent on the z-axis // Try to avoid customizing these :) -$zindexDropdown: 1000 !default; -$zindexPopover: 1010 !default; -$zindexTooltip: 1030 !default; -$zindexFixedNavbar: 1030 !default; -$zindexModalBackdrop: 1040 !default; -$zindexModal: 1050 !default; + +$zindex-dropdown: 1000 !default; +$zindex-popover: 1010 !default; +$zindex-tooltip: 1030 !default; +$zindex-navbar-fixed: 1030 !default; +$zindex-modal-background: 1040 !default; +$zindex-modal: 1050 !default; -// Sprite icons path +// Glyphicons font path // ------------------------- -$iconSpritePath: "../img/glyphicons-halflings.png" !default; -$iconWhiteSpritePath: "../img/glyphicons-halflings-white.png" !default; +$glyphicons-font-path: "../fonts" !default; -// Input placeholder text color +// Navbar // ------------------------- -$placeholderText: $grayLight !default; +// Basics of a navbar +$navbar-height: 50px !default; +$navbar-color: #777 !default; +$navbar-bg: #eee !default; + +// Navbar links +$navbar-link-color: #777 !default; +$navbar-link-hover-color: #333 !default; +$navbar-link-hover-bg: transparent !default; +$navbar-link-active-color: #555 !default; +$navbar-link-active-bg: darken($navbar-bg, 10%) !default; +$navbar-link-disabled-color: #ccc !default; +$navbar-link-disabled-bg: transparent !default; + +// Navbar brand label +$navbar-brand-color: $navbar-link-color !default; +$navbar-brand-hover-color: darken($navbar-link-color, 10%) !default; +$navbar-brand-hover-bg: transparent !default; -// Hr border color -// ------------------------- -$hrBorder: $grayLighter !default; +// Inverted navbar +$navbar-inverse-color: $gray-light !default; +$navbar-inverse-bg: #222 !default; + +// Inverted navbar links +$navbar-inverse-link-color: $gray-light !default; +$navbar-inverse-link-hover-color: #fff !default; +$navbar-inverse-link-hover-bg: transparent !default; +$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default; +$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default; +$navbar-inverse-link-disabled-color: #444 !default; +$navbar-inverse-link-disabled-bg: transparent !default; + +// Inverted navbar brand label +$navbar-inverse-brand-color: $navbar-inverse-link-color !default; +$navbar-inverse-brand-hover-color: #fff !default; +$navbar-inverse-brand-hover-bg: transparent !default; + +// Inverted navbar search +// Normal navbar needs no special styles or vars +$navbar-inverse-search-bg: lighten($navbar-inverse-bg, 25%) !default; +$navbar-inverse-search-bg-focus: #fff !default; +$navbar-inverse-search-border: $navbar-inverse-bg !default; +$navbar-inverse-search-placeholder-color: #ccc !default; -// Horizontal forms & lists +// Pagination // ------------------------- -$horizontalComponentOffset: 180px !default; +$pagination-bg: #fff !default; +$pagination-border: #ddd !default; +$pagination-active-bg: #f5f5f5 !default; -// Wells + +// Jumbotron // ------------------------- -$wellBackground: #f5f5f5 !default; +$jumbotron-bg: $gray-lighter !default; +$jumbotron-heading-color: inherit !default; +$jumbotron-lead-color: inherit !default; -// Navbar + +// Form states and alerts // ------------------------- -$navbarCollapseWidth: 979px !default; -$navbarCollapseDesktopWidth: $navbarCollapseWidth + 1; -$navbarHeight: 40px !default; -$navbarBackgroundHighlight: #ffffff !default; -$navbarBackground: darken($navbarBackgroundHighlight, 5%) !default; -$navbarBorder: darken($navbarBackground, 12%) !default; +$state-warning-text: #c09853 !default; +$state-warning-bg: #fcf8e3 !default; +$state-warning-border: darken(adjust-hue($state-warning-bg, -10), 3%) !default; -$navbarText: #777 !default; -$navbarLinkColor: #777 !default; -$navbarLinkColorHover: $grayDark !default; -$navbarLinkColorActive: $gray !default; -$navbarLinkBackgroundHover: transparent !default; -$navbarLinkBackgroundActive: darken($navbarBackground, 5%) !default; +$state-danger-text: #b94a48 !default; +$state-danger-bg: #f2dede !default; +$state-danger-border: darken(adjust-hue($state-danger-bg, -10), 3%) !default; -$navbarBrandColor: $navbarLinkColor !default; +$state-success-text: #468847 !default; +$state-success-bg: #dff0d8 !default; +$state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default; -// Inverted navbar -$navbarInverseBackground: #111111 !default; -$navbarInverseBackgroundHighlight: #222222 !default; -$navbarInverseBorder: #252525 !default; +$state-info-text: #3a87ad !default; +$state-info-bg: #d9edf7 !default; +$state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default; -$navbarInverseText: $grayLight !default; -$navbarInverseLinkColor: $grayLight !default; -$navbarInverseLinkColorHover: $white !default; -$navbarInverseLinkColorActive: $navbarInverseLinkColorHover !default; -$navbarInverseLinkBackgroundHover: transparent !default; -$navbarInverseLinkBackgroundActive: $navbarInverseBackground !default; -$navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default; -$navbarInverseSearchBackgroundFocus: $white !default; -$navbarInverseSearchBorder: $navbarInverseBackground !default; -$navbarInverseSearchPlaceholderColor: #ccc !default; +// Tooltips and popovers +// ------------------------- +$tooltip-color: #fff !default; +$tooltip-bg: rgba(0,0,0,.9) !default; +$tooltip-arrow-width: 5px !default; +$tooltip-arrow-color: $tooltip-bg !default; -$navbarInverseBrandColor: $navbarInverseLinkColor !default; +$popover-bg: #fff !default; +$popover-arrow-width: 10px !default; +$popover-arrow-color: #fff !default; +$popover-title-bg: darken($popover-bg, 3%) !default; +// Special enhancement for popovers +$popover-arrow-outer-width: ($popover-arrow-width + 1) !default; +$popover-arrow-outer-color: rgba(0,0,0,.25) !default; -// Pagination + +// Labels // ------------------------- -$paginationBackground: #fff !default; -$paginationBorder: #ddd !default; -$paginationActiveBackground: #f5f5f5 !default; +$label-success-bg: $brand-success !default; +$label-info-bg: $brand-info !default; +$label-warning-bg: $brand-warning !default; +$label-danger-bg: $brand-danger !default; -// Hero unit +// Modals // ------------------------- -$heroUnitBackground: $grayLighter !default; -$heroUnitHeadingColor: inherit !default; -$heroUnitLeadColor: inherit !default; +$modal-inner-padding: 20px !default; +$modal-title-padding: 15px !default; +$modal-title-line-height: $line-height-base !default; -// Form states and alerts +// Alerts // ------------------------- -$warningText: #c09853 !default; -$warningBackground: #fcf8e3 !default; -$warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default; +$alert-bg: $state-warning-bg !default; +$alert-text: $state-warning-text !default; +$alert-border: $state-warning-border !default; +$alert-border-radius: $border-radius-base !default; -$errorText: #b94a48 !default; -$errorBackground: #f2dede !default; -$errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default; +$alert-success-bg: $state-success-bg !default; +$alert-success-text: $state-success-text !default; +$alert-success-border: $state-success-border !default; -$successText: #468847 !default; -$successBackground: #dff0d8 !default; -$successBorder: darken(adjust-hue($successBackground, -10), 5%) !default; +$alert-danger-bg: $state-danger-bg !default; +$alert-danger-text: $state-danger-text !default; +$alert-danger-border: $state-danger-border !default; -$infoText: #3a87ad !default; -$infoBackground: #d9edf7 !default; -$infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default; +$alert-info-bg: $state-info-bg !default; +$alert-info-text: $state-info-text !default; +$alert-info-border: $state-info-border !default; -// Tooltips and popovers +// Progress bars // ------------------------- -$tooltipColor: #fff !default; -$tooltipBackground: #000 !default; -$tooltipArrowWidth: 5px !default; -$tooltipArrowColor: $tooltipBackground !default; +$progress-bg: #f5f5f5 !default; +$progress-bar-bg: $brand-primary !default; +$progress-bar-success-bg: $brand-success !default; +$progress-bar-warning-bg: $brand-warning !default; +$progress-bar-danger-bg: $brand-danger !default; +$progress-bar-info-bg: $brand-info !default; -$popoverBackground: #fff !default; -$popoverArrowWidth: 10px !default; -$popoverArrowColor: #fff !default; -$popoverTitleBackground: darken($popoverBackground, 3%) !default; -// Special enhancement for popovers -$popoverArrowOuterWidth: $popoverArrowWidth + 1 !default; -$popoverArrowOuterColor: rgba(0,0,0,.25) !default; +// List group +// ------------------------- +$list-group-bg: #fff !default; +$list-group-border: #ddd !default; +$list-group-border-radius: $border-radius-base !default; + +$list-group-hover-bg: #f5f5f5 !default; +$list-group-active-color: #fff !default; +$list-group-active-bg: $component-active-bg !default; +$list-group-active-border: $list-group-active-bg !default; +// Panels +// ------------------------- +$panel-bg: #fff !default; +$panel-border: #ddd !default; +$panel-border-radius: $border-radius-base !default; +$panel-heading-bg: #f5f5f5 !default; +$panel-footer-bg: #f5f5f5 !default; +$panel-primary-text: #fff !default; +$panel-primary-border: $brand-primary !default; +$panel-primary-heading-bg: $brand-primary !default; -// GRID -// -------------------------------------------------- +$panel-success-text: $state-success-text !default; +$panel-success-border: $state-success-border !default; +$panel-success-heading-bg: $state-success-bg !default; + +$panel-warning-text: $state-warning-text !default; +$panel-warning-border: $state-warning-border !default; +$panel-warning-heading-bg: $state-warning-bg !default; + +$panel-danger-text: $state-danger-text !default; +$panel-danger-border: $state-danger-border !default; +$panel-danger-heading-bg: $state-danger-bg !default; +$panel-info-text: $state-info-text !default; +$panel-info-border: $state-info-border !default; +$panel-info-heading-bg: $state-info-bg !default; -// Default 940px grid + +// Thumbnails // ------------------------- -$gridColumns: 12 !default; -$gridColumnWidth: 60px !default; -$gridGutterWidth: 20px !default; -$gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default; +$thumbnail-caption-color: $text-color !default; +$thumbnail-bg: $body-bg !default; +$thumbnail-border: #ddd !default; +$thumbnail-border-radius: $border-radius-base !default; -// 1200px min -$gridColumnWidth1200: 70px !default; -$gridGutterWidth1200: 30px !default; -$gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default; -// 768px-979px -$gridColumnWidth768: 42px !default; -$gridGutterWidth768: 20px !default; -$gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default; +// Wells +// ------------------------- +$well-bg: #f5f5f5 !default; -// Fluid grid +// Miscellaneous // ------------------------- -$fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth) !default; -$fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth) !default; -// 1200px min -$fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200) !default; -$fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200) !default; +// Hr border color +$hr-border: $gray-lighter !default; + +// Horizontal forms & lists +$component-offset-horizontal: 180px !default; + + +// Media queries breakpoints +// -------------------------------------------------- + +// Tiny screen / phone +$screen-tiny: 480px !default; +$screen-phone: $screen-tiny !default; + +// Small screen / tablet +$screen-small: 768px !default; +$screen-tablet: $screen-small !default; + +// Medium screen / desktop +$screen-medium: 992px !default; +$screen-desktop: $screen-medium !default; + +// So media queries don't overlap when required, provide a maximum +$screen-small-max: ($screen-medium - 1) !default; +$screen-tablet-max: $screen-small-max !default; + +// Large screen / wide desktop +$screen-large: 1200px !default; +$screen-large-desktop: $screen-large !default; + + +// Grid system +// -------------------------------------------------- -// 768px-979px -$fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768) !default; -$fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768) !default; +// Number of columns in the grid system +$grid-columns: 12 !default; +// Padding, to be divided by two and applied to the left and right of all columns +$grid-gutter-width: 30px !default; +// Point at which the navbar stops collapsing +$grid-float-breakpoint: $screen-tablet !default; diff --git a/library/sass/partials/_wells.scss b/library/sass/_wells.scss old mode 100755 new mode 100644 similarity index 61% rename from library/sass/partials/_wells.scss rename to library/sass/_wells.scss index 551e520..3e9643c --- a/library/sass/partials/_wells.scss +++ b/library/sass/_wells.scss @@ -8,9 +8,9 @@ min-height: 20px; padding: 19px; margin-bottom: 20px; - background-color: $wellBackground; - border: 1px solid darken($wellBackground, 7%); - @include border-radius($baseBorderRadius); + background-color: $well-bg; + border: 1px solid darken($well-bg, 7%); + border-radius: $border-radius-base; @include box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); blockquote { border-color: #ddd; @@ -21,9 +21,9 @@ // Sizes .well-large { padding: 24px; - @include border-radius($borderRadiusLarge); + border-radius: $border-radius-large; } .well-small { padding: 9px; - @include border-radius($borderRadiusSmall); + border-radius: $border-radius-small; } diff --git a/library/sass/bootstrap.scss b/library/sass/bootstrap.scss old mode 100755 new mode 100644 index 6900a1c..3662530 --- a/library/sass/bootstrap.scss +++ b/library/sass/bootstrap.scss @@ -1,66 +1,64 @@ /*! - * Bootstrap v2.3.1 + * Bootstrap v3.0.0 * - * Copyright 2012 Twitter, Inc + * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * - * Designed and built with all the love in the world @twitter by @mdo and @fat. + * Designed and built with all the love in the world by $mdo and $fat. */ -@import "partials/shame"; - // Core variables and mixins -@import "variables"; // Modify this for custom colors, font-sizes, etc -@import "partials/mixins"; -@import "partials/wp"; // the styles that would normally be in style.css put here for less stylesheets loaded +@import "variables"; +@import "mixins"; -// CSS Reset -@import "partials/reset"; +// Reset +@import "normalize"; +@import "print"; -// Grid system and page structure -@import "partials/scaffolding"; -@import "partials/grid"; -@import "partials/layouts"; +// Core CSS +@import "scaffolding"; +@import "type"; +@import "code"; +@import "grid"; -// Base CSS -@import "partials/type"; -@import "partials/code"; -@import "partials/forms"; -@import "partials/tables"; +@import "tables"; +@import "forms"; +@import "buttons"; // Components: common -@import "partials/sprites"; -@import "partials/dropdowns"; -@import "partials/wells"; -@import "partials/component-animations"; -@import "partials/close"; - -// Components: Buttons & Alerts -@import "partials/buttons"; -@import "partials/button-groups"; -@import "partials/alerts"; // Note: alerts share common CSS with buttons and thus have styles in buttons +@import "component-animations"; +@import "glyphicons"; +@import "dropdowns"; +@import "list-group"; +@import "panels"; +@import "wells"; +@import "close"; // Components: Nav -@import "partials/navs"; -@import "partials/navbar"; -@import "partials/breadcrumbs"; -@import "partials/pagination"; -@import "partials/pager"; +@import "navs"; +@import "navbar"; +@import "button-groups"; +@import "breadcrumbs"; +@import "pagination"; +@import "pager"; // Components: Popovers -@import "partials/modals"; -@import "partials/tooltip"; -@import "partials/popovers"; +@import "modals"; +@import "tooltip"; +@import "popovers"; // Components: Misc -@import "partials/thumbnails"; -@import "partials/media"; -@import "partials/labels-badges"; -@import "partials/progress-bars"; -@import "partials/accordion"; -@import "partials/carousel"; -@import "partials/hero-unit"; +@import "alerts"; +@import "thumbnails"; +@import "media"; +@import "labels"; +@import "badges"; +@import "progress-bars"; +@import "accordion"; +@import "carousel"; +@import "jumbotron"; // Utility classes -@import "partials/utilities"; // Has to be last to override when necessary +@import "utilities"; // Has to be last to override when necessary +@import "responsive-utilities"; diff --git a/library/sass/partials/_alerts.scss b/library/sass/partials/_alerts.scss deleted file mode 100755 index 6533511..0000000 --- a/library/sass/partials/_alerts.scss +++ /dev/null @@ -1,79 +0,0 @@ -// -// Alerts -// -------------------------------------------------- - - -// Base styles -// ------------------------- - -.alert { - padding: 8px 35px 8px 14px; - margin-bottom: $baseLineHeight; - text-shadow: 0 1px 0 rgba(255,255,255,.5); - background-color: $warningBackground; - border: 1px solid $warningBorder; - @include border-radius($baseBorderRadius); -} -.alert, -.alert h4 { - // Specified for the h4 to prevent conflicts of changing $headingsColor - color: $warningText; -} -.alert h4 { - margin: 0; -} - -// Adjust close link position -.alert .close { - position: relative; - top: -2px; - right: -21px; - line-height: $baseLineHeight; -} - - -// Alternate styles -// ------------------------- - -.alert-success { - background-color: $successBackground; - border-color: $successBorder; - color: $successText; -} -.alert-success h4 { - color: $successText; -} -.alert-danger, -.alert-error { - background-color: $errorBackground; - border-color: $errorBorder; - color: $errorText; -} -.alert-danger h4, -.alert-error h4 { - color: $errorText; -} -.alert-info { - background-color: $infoBackground; - border-color: $infoBorder; - color: $infoText; -} -.alert-info h4 { - color: $infoText; -} - - -// Block alerts -// ------------------------- - -.alert-block { - padding-top: 14px; - padding-bottom: 14px; -} -.alert-block > p, -.alert-block > ul { - margin-bottom: 0; -} -.alert-block p + p { - margin-top: 5px; -} diff --git a/library/sass/partials/_breadcrumbs.scss b/library/sass/partials/_breadcrumbs.scss deleted file mode 100755 index cc3f327..0000000 --- a/library/sass/partials/_breadcrumbs.scss +++ /dev/null @@ -1,24 +0,0 @@ -// -// Breadcrumbs -// -------------------------------------------------- - - -.breadcrumb { - padding: 8px 15px; - margin: 0 0 $baseLineHeight; - list-style: none; - background-color: #f5f5f5; - @include border-radius($baseBorderRadius); - > li { - display: inline-block; - @include ie7-inline-block(); - text-shadow: 0 1px 0 $white; - > .divider { - padding: 0 5px; - color: #ccc; - } - } - .active { - color: $grayLight; - } -} diff --git a/library/sass/partials/_button-groups.scss b/library/sass/partials/_button-groups.scss deleted file mode 100755 index 1b08d50..0000000 --- a/library/sass/partials/_button-groups.scss +++ /dev/null @@ -1,229 +0,0 @@ -// -// Button groups -// -------------------------------------------------- - - -// Make the div behave like a button -.btn-group { - position: relative; - display: inline-block; - @include ie7-inline-block(); - font-size: 0; // remove as part 1 of font-size inline-block hack - vertical-align: middle; // match .btn alignment given font-size hack above - white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page) - @include ie7-restore-left-whitespace(); -} - -// Space out series of button groups -.btn-group + .btn-group { - margin-left: 5px; -} - -// Optional: Group multiple button groups together for a toolbar -.btn-toolbar { - font-size: 0; // Hack to remove whitespace that results from using inline-block - margin-top: $baseLineHeight / 2; - margin-bottom: $baseLineHeight / 2; - > .btn + .btn, - > .btn-group + .btn, - > .btn + .btn-group { - margin-left: 5px; - } -} - -// Float them, remove border radius, then re-add to first and last elements -.btn-group > .btn { - position: relative; - @include border-radius(0); -} -.btn-group > .btn + .btn { - margin-left: -1px; -} -.btn-group > .btn, -.btn-group > .dropdown-menu, -.btn-group > .popover { - font-size: $baseFontSize; // redeclare as part 2 of font-size inline-block hack -} - -// Reset fonts for other sizes -.btn-group > .btn-mini { - font-size: $fontSizeMini; -} -.btn-group > .btn-small { - font-size: $fontSizeSmall; -} -.btn-group > .btn-large { - font-size: $fontSizeLarge; -} - -// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match -.btn-group > .btn:first-child { - margin-left: 0; - @include border-top-left-radius($baseBorderRadius); - @include border-bottom-left-radius($baseBorderRadius); -} -// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it -.btn-group > .btn:last-child, -.btn-group > .dropdown-toggle { - @include border-top-right-radius($baseBorderRadius); - @include border-bottom-right-radius($baseBorderRadius); -} -// Reset corners for large buttons -.btn-group > .btn.large:first-child { - margin-left: 0; - @include border-top-left-radius($borderRadiusLarge); - @include border-bottom-left-radius($borderRadiusLarge); -} -.btn-group > .btn.large:last-child, -.btn-group > .large.dropdown-toggle { - @include border-top-right-radius($borderRadiusLarge); - @include border-bottom-right-radius($borderRadiusLarge); -} - -// On hover/focus/active, bring the proper btn to front -.btn-group > .btn:hover, -.btn-group > .btn:focus, -.btn-group > .btn:active, -.btn-group > .btn.active { - z-index: 2; -} - -// On active and open, don't show outline -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; -} - - - -// Split button dropdowns -// ---------------------- - -// Give the line between buttons some depth -.btn-group > .btn + .dropdown-toggle { - padding-left: 8px; - padding-right: 8px; - @include box-shadow(inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)); - *padding-top: 5px; - *padding-bottom: 5px; -} -.btn-group > .btn-mini + .dropdown-toggle { - padding-left: 5px; - padding-right: 5px; - *padding-top: 2px; - *padding-bottom: 2px; -} -.btn-group > .btn-small + .dropdown-toggle { - *padding-top: 5px; - *padding-bottom: 4px; -} -.btn-group > .btn-large + .dropdown-toggle { - padding-left: 12px; - padding-right: 12px; - *padding-top: 7px; - *padding-bottom: 7px; -} - -.btn-group.open { - - // The clickable button for toggling the menu - // Remove the gradient and set the same inset shadow as the :active state - .dropdown-toggle { - background-image: none; - @include box-shadow(inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)); - } - - // Keep the hover's background when dropdown is open - .btn.dropdown-toggle { - background-color: $btnBackgroundHighlight; - } - .btn-primary.dropdown-toggle { - background-color: $btnPrimaryBackgroundHighlight; - } - .btn-warning.dropdown-toggle { - background-color: $btnWarningBackgroundHighlight; - } - .btn-danger.dropdown-toggle { - background-color: $btnDangerBackgroundHighlight; - } - .btn-success.dropdown-toggle { - background-color: $btnSuccessBackgroundHighlight; - } - .btn-info.dropdown-toggle { - background-color: $btnInfoBackgroundHighlight; - } - .btn-inverse.dropdown-toggle { - background-color: $btnInverseBackgroundHighlight; - } -} - - -// Reposition the caret -.btn .caret { - margin-top: 8px; - margin-left: 0; -} -// Carets in other button sizes -.btn-large .caret { - margin-top: 6px; -} -.btn-large .caret { - border-left-width: 5px; - border-right-width: 5px; - border-top-width: 5px; -} -.btn-mini .caret, -.btn-small .caret { - margin-top: 8px; -} -// Upside down carets for .dropup -.dropup .btn-large .caret { - border-bottom-width: 5px; -} - - - -// Account for other colors -.btn-primary, -.btn-warning, -.btn-danger, -.btn-info, -.btn-success, -.btn-inverse { - .caret { - border-top-color: $white; - border-bottom-color: $white; - } -} - - - -// Vertical button groups -// ---------------------- - -.btn-group-vertical { - display: inline-block; // makes buttons only take up the width they need - @include ie7-inline-block(); -} -.btn-group-vertical > .btn { - display: block; - float: none; - max-width: 100%; - @include border-radius(0); -} -.btn-group-vertical > .btn + .btn { - margin-left: 0; - margin-top: -1px; -} -.btn-group-vertical > .btn:first-child { - @include border-radius($baseBorderRadius $baseBorderRadius 0 0); -} -.btn-group-vertical > .btn:last-child { - @include border-radius(0 0 $baseBorderRadius $baseBorderRadius); -} -.btn-group-vertical > .btn-large:first-child { - @include border-radius($borderRadiusLarge $borderRadiusLarge 0 0); -} -.btn-group-vertical > .btn-large:last-child { - @include border-radius(0 0 $borderRadiusLarge $borderRadiusLarge); -} diff --git a/library/sass/partials/_buttons.scss b/library/sass/partials/_buttons.scss deleted file mode 100755 index a92268b..0000000 --- a/library/sass/partials/_buttons.scss +++ /dev/null @@ -1,228 +0,0 @@ -// -// Buttons -// -------------------------------------------------- - - -// Base styles -// -------------------------------------------------- - -// Core -.btn { - display: inline-block; - @include ie7-inline-block(); - padding: 4px 12px; - margin-bottom: 0; // For input.btn - font-size: $baseFontSize; - line-height: $baseLineHeight; - text-align: center; - vertical-align: middle; - cursor: pointer; - @include buttonBackground($btnBackground, $btnBackgroundHighlight, $grayDark, 0 1px 1px rgba(255,255,255,.75)); - border: 1px solid $btnBorder; - *border: 0; // Remove the border to prevent IE7's black border on input:focus - border-bottom-color: darken($btnBorder, 10%); - @include border-radius($baseBorderRadius); - @include ie7-restore-left-whitespace(); // Give IE7 some love - @include box-shadow(inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)); - - // Hover/focus state - &:hover, - &:focus { - color: $grayDark; - text-decoration: none; - background-position: 0 -15px; - - // transition is only when going to hover/focus, otherwise the background - // behind the gradient (there for IE<=9 fallback) gets mismatched - @include transition(background-position .1s linear); - } - - // Focus state for keyboard and accessibility - &:focus { - @include tab-focus(); - } - - // Active state - &.active, - &:active { - background-image: none; - outline: 0; - @include box-shadow(inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)); - } - - // Disabled state - &.disabled, - &[disabled] { - cursor: default; - background-image: none; - @include opacity(65); - @include box-shadow(none); - } - -} - - - -// Button Sizes -// -------------------------------------------------- - -// Large -.btn-large { - padding: $paddingLarge; - font-size: $fontSizeLarge; - @include border-radius($borderRadiusLarge); -} -.btn-large [class^="icon-"], -.btn-large [class*=" icon-"] { - margin-top: 4px; -} - -// Small -.btn-small { - padding: $paddingSmall; - font-size: $fontSizeSmall; - @include border-radius($borderRadiusSmall); -} -.btn-small [class^="icon-"], -.btn-small [class*=" icon-"] { - margin-top: 0; -} -.btn-mini [class^="icon-"], -.btn-mini [class*=" icon-"] { - margin-top: -1px; -} - -// Mini -.btn-mini { - padding: $paddingMini; - font-size: $fontSizeMini; - @include border-radius($borderRadiusSmall); -} - - -// Block button -// ------------------------- - -.btn-block { - display: block; - width: 100%; - padding-left: 0; - padding-right: 0; - @include box-sizing(border-box); -} - -// Vertically space out multiple block buttons -.btn-block + .btn-block { - margin-top: 5px; -} - -// Specificity overrides -input[type="submit"], -input[type="reset"], -input[type="button"] { - &.btn-block { - width: 100%; - } -} - - - -// Alternate buttons -// -------------------------------------------------- - -// Provide *some* extra contrast for those who can get it -.btn-primary.active, -.btn-warning.active, -.btn-danger.active, -.btn-success.active, -.btn-info.active, -.btn-inverse.active { - color: rgba(255,255,255,.75); -} - -// Set the backgrounds -// ------------------------- -.btn-primary { - @include buttonBackground($btnPrimaryBackground, $btnPrimaryBackgroundHighlight); -} -// Warning appears are orange -.btn-warning { - @include buttonBackground($btnWarningBackground, $btnWarningBackgroundHighlight); -} -// Danger and error appear as red -.btn-danger { - @include buttonBackground($btnDangerBackground, $btnDangerBackgroundHighlight); -} -// Success appears as green -.btn-success { - @include buttonBackground($btnSuccessBackground, $btnSuccessBackgroundHighlight); -} -// Info appears as a neutral blue -.btn-info { - @include buttonBackground($btnInfoBackground, $btnInfoBackgroundHighlight); -} -// Inverse appears as dark gray -.btn-inverse { - @include buttonBackground($btnInverseBackground, $btnInverseBackgroundHighlight); -} - - -// Cross-browser Jank -// -------------------------------------------------- - -button.btn, -input[type="submit"].btn { - - // Firefox 3.6 only I believe - &::-moz-focus-inner { - padding: 0; - border: 0; - } - - // IE7 has some default padding on button controls - *padding-top: 3px; - *padding-bottom: 3px; - - &.btn-large { - *padding-top: 7px; - *padding-bottom: 7px; - } - &.btn-small { - *padding-top: 3px; - *padding-bottom: 3px; - } - &.btn-mini { - *padding-top: 1px; - *padding-bottom: 1px; - } -} - - -// Link buttons -// -------------------------------------------------- - -// Make a button look and behave like a link -.btn-link, -.btn-link:active, -.btn-link[disabled] { - background-color: transparent; - background-image: none; - @include box-shadow(none); -} -.btn-link { - border-color: transparent; - cursor: pointer; - color: $linkColor; - @include border-radius(0); -} -.btn-link:hover, -.btn-link:focus { - color: $linkColorHover; - text-decoration: underline; - background-color: transparent; -} -.btn-link[disabled]:hover, -.btn-link[disabled]:focus { - color: $grayDark; - text-decoration: none; -} diff --git a/library/sass/partials/_carousel.scss b/library/sass/partials/_carousel.scss deleted file mode 100755 index 22eaddb..0000000 --- a/library/sass/partials/_carousel.scss +++ /dev/null @@ -1,158 +0,0 @@ -// -// Carousel -// -------------------------------------------------- - - -.carousel { - position: relative; - margin-bottom: $baseLineHeight; - line-height: 1; -} - -.carousel-inner { - overflow: hidden; - width: 100%; - position: relative; -} - -.carousel-inner { - - > .item { - display: none; - position: relative; - @include transition(.6s ease-in-out left); - - // Account for jankitude on images - > img, - > a > img { - display: block; - line-height: 1; - } - } - - > .active, - > .next, - > .prev { display: block; } - - > .active { - left: 0; - } - - > .next, - > .prev { - position: absolute; - top: 0; - width: 100%; - } - - > .next { - left: 100%; - } - > .prev { - left: -100%; - } - > .next.left, - > .prev.right { - left: 0; - } - - > .active.left { - left: -100%; - } - > .active.right { - left: 100%; - } - -} - -// Left/right controls for nav -// --------------------------- - -.carousel-control { - position: absolute; - top: 40%; - left: 15px; - width: 40px; - height: 40px; - margin-top: -20px; - font-size: 60px; - font-weight: 100; - line-height: 30px; - color: $white; - text-align: center; - background: $grayDarker; - border: 3px solid $white; - @include border-radius(23px); - @include opacity(50); - - // we can't have this transition here - // because webkit cancels the carousel - // animation if you trip this while - // in the middle of another animation - // ;_; - // .transition(opacity .2s linear); - - // Reposition the right one - &.right { - left: auto; - right: 15px; - } - - // Hover/focus state - &:hover, - &:focus { - color: $white; - text-decoration: none; - @include opacity(90); - } -} - -// Carousel indicator pips -// ----------------------------- -.carousel-indicators { - position: absolute; - top: 15px; - right: 15px; - z-index: 5; - margin: 0; - list-style: none; - - li { - display: block; - float: left; - width: 10px; - height: 10px; - margin-left: 5px; - text-indent: -999px; - background-color: #ccc; - background-color: rgba(255,255,255,.25); - border-radius: 5px; - } - .active { - background-color: #fff; - } -} - -// Caption for text below images -// ----------------------------- - -.carousel-caption { - position: absolute; - left: 0; - right: 0; - bottom: 0; - padding: 15px; - background: $grayDark; - background: rgba(0,0,0,.75); -} -.carousel-caption h4, -.carousel-caption p { - color: $white; - line-height: $baseLineHeight; -} -.carousel-caption h4 { - margin: 0 0 5px; -} -.carousel-caption p { - margin-bottom: 0; -} diff --git a/library/sass/partials/_forms.scss b/library/sass/partials/_forms.scss deleted file mode 100755 index 6b05636..0000000 --- a/library/sass/partials/_forms.scss +++ /dev/null @@ -1,689 +0,0 @@ -// -// Forms -// -------------------------------------------------- - - -// GENERAL STYLES -// -------------- - -// Make all forms have space below them -form { - margin: 0 0 $baseLineHeight; -} - -fieldset { - padding: 0; - margin: 0; - border: 0; -} - -// Groups of fields with labels on top (legends) -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: $baseLineHeight; - font-size: $baseFontSize * 1.5; - line-height: $baseLineHeight * 2; - color: $grayDark; - border: 0; - border-bottom: 1px solid #e5e5e5; - - // Small - small { - font-size: $baseLineHeight * .75; - color: $grayLight; - } -} - -// Set font for forms -label, -input, -button, -select, -textarea { - @include font-shorthand($baseFontSize, normal, $baseLineHeight); // Set size, weight, line-height here -} -input, -button, -select, -textarea { - font-family: $baseFontFamily; // And only set font-family here for those that need it (note the missing label element) -} - -// Identify controls by their labels -label { - display: block; - margin-bottom: 5px; -} - -// Form controls -// ------------------------- - -// Shared size and type resets -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 { - display: inline-block; - height: $baseLineHeight; - padding: 4px 6px; - margin-bottom: $baseLineHeight / 2;; - font-size: $baseFontSize; - line-height: $baseLineHeight; - color: $gray; - @include border-radius($inputBorderRadius); - vertical-align: middle; -} - -// Reset appearance properties for textual inputs and textarea -// Declare width for legacy (can't be on input[type=*] selectors or it's too specific) -input, -textarea, -.uneditable-input { - width: 206px; // plus 12px padding and 2px border -} -// Reset height since textareas have rows -textarea { - height: auto; -} -// Everything else -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: $inputBackground; - border: 1px solid $inputBorder; - @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); - @include transition(border linear .2s, box-shadow linear .2s); - - // Focus state - &:focus { - border-color: rgba(82,168,236,.8); - outline: 0; - outline: thin dotted \9; /* IE6-9 */ - @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)); - } -} - -// Position radios and checkboxes better -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - *margin-top: 0; /* IE7 */ - margin-top: 1px \9; /* IE8-9 */ - line-height: normal; -} - -// Reset width of input images, buttons, radios, checkboxes -input[type="file"], -input[type="image"], -input[type="submit"], -input[type="reset"], -input[type="button"], -input[type="radio"], -input[type="checkbox"] { - width: auto; // Override of generic input selector -} - -// Set the height of select and file controls to match text inputs -select, -input[type="file"] { - height: $inputHeight; /* In IE7, the height of the select element cannot be changed by height, only font-size */ - *margin-top: 4px; /* For IE7, add top margin to align select with labels */ - line-height: $inputHeight; -} - -// Make select elements obey height by applying a border -select { - width: 220px; // default input width + 10px of padding that doesn't get applied - border: 1px solid $inputBorder; - background-color: $inputBackground; // Chrome on Linux and Mobile Safari need background-color -} - -// Make multiple select elements height not fixed -select[multiple], -select[size] { - height: auto; -} - -// Focus for select, file, radio, and checkbox -select:focus, -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - @include tab-focus(); -} - - -// Uneditable inputs -// ------------------------- - -// Make uneditable inputs look inactive -.uneditable-input, -.uneditable-textarea { - color: $grayLight; - background-color: darken($inputBackground, 1%); - border-color: $inputBorder; - @include box-shadow(inset 0 1px 2px rgba(0,0,0,.025)); - cursor: not-allowed; -} - -// For text that needs to appear as an input but should not be an input -.uneditable-input { - overflow: hidden; // prevent text from wrapping, but still cut it off like an input does - white-space: nowrap; -} - -// Make uneditable textareas behave like a textarea -.uneditable-textarea { - width: auto; - height: auto; -} - - -// Placeholder -// ------------------------- - -// Placeholder text gets special styles because when browsers invalidate entire lines if it doesn't understand a selector -input, -textarea { - @include placeholder(); -} - - -// CHECKBOXES & RADIOS -// ------------------- - -// Indent the labels to position radios/checkboxes as hanging -.radio, -.checkbox { - min-height: $baseLineHeight; // clear the floating input if there is no label text - padding-left: 20px; -} -.radio input[type="radio"], -.checkbox input[type="checkbox"] { - float: left; - margin-left: -20px; -} - -// Move the options list down to align with labels -.controls > .radio:first-child, -.controls > .checkbox:first-child { - padding-top: 5px; // has to be padding because margin collaspes -} - -// Radios and checkboxes on same line -// TODO v3: Convert .inline to .control-inline -.radio.inline, -.checkbox.inline { - display: inline-block; - padding-top: 5px; - margin-bottom: 0; - vertical-align: middle; -} -.radio.inline + .radio.inline, -.checkbox.inline + .checkbox.inline { - margin-left: 10px; // space out consecutive inline controls -} - - - -// INPUT SIZES -// ----------- - -// General classes for quick sizes -.input-mini { width: 60px; } -.input-small { width: 90px; } -.input-medium { width: 150px; } -.input-large { width: 210px; } -.input-xlarge { width: 270px; } -.input-xxlarge { width: 530px; } - -// Grid style input sizes -input[class*="span"], -select[class*="span"], -textarea[class*="span"], -.uneditable-input[class*="span"], -// Redeclare since the fluid row class is more specific -.row-fluid input[class*="span"], -.row-fluid select[class*="span"], -.row-fluid textarea[class*="span"], -.row-fluid .uneditable-input[class*="span"] { - float: none; - margin-left: 0; -} -// Ensure input-prepend/append never wraps -.input-append input[class*="span"], -.input-append .uneditable-input[class*="span"], -.input-prepend input[class*="span"], -.input-prepend .uneditable-input[class*="span"], -.row-fluid input[class*="span"], -.row-fluid select[class*="span"], -.row-fluid textarea[class*="span"], -.row-fluid .uneditable-input[class*="span"], -.row-fluid .input-prepend [class*="span"], -.row-fluid .input-append [class*="span"] { - display: inline-block; -} - - - -// GRID SIZING FOR INPUTS -// ---------------------- - -// Grid sizes -@include grid-input($gridColumnWidth, $gridGutterWidth); - -// Control row for multiple inputs per line -.controls-row { - @include clearfix(); // Clear the float from controls -} - -// Float to collapse white-space for proper grid alignment -.controls-row [class*="span"], -// Redeclare the fluid grid collapse since we undo the float for inputs -.row-fluid .controls-row [class*="span"] { - float: left; -} -// Explicity set top padding on all checkboxes/radios, not just first-child -.controls-row .checkbox[class*="span"], -.controls-row .radio[class*="span"] { - padding-top: 5px; -} - - - - -// DISABLED STATE -// -------------- - -// Disabled and read-only inputs -input[disabled], -select[disabled], -textarea[disabled], -input[readonly], -select[readonly], -textarea[readonly] { - cursor: not-allowed; - background-color: $inputDisabledBackground; -} -// Explicitly reset the colors here -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"][readonly], -input[type="checkbox"][readonly] { - background-color: transparent; -} - - - - -// FORM FIELD FEEDBACK STATES -// -------------------------- - -// Warning -.control-group.warning { - @include formFieldState($warningText, $warningText, $warningBackground); -} -// Error -.control-group.error { - @include formFieldState($errorText, $errorText, $errorBackground); -} -// Success -.control-group.success { - @include formFieldState($successText, $successText, $successBackground); -} -// Info -.control-group.info { - @include formFieldState($infoText, $infoText, $infoBackground); -} - -// HTML5 invalid states -// Shares styles with the .control-group.error above -input:focus:invalid, -textarea:focus:invalid, -select:focus:invalid { - color: #b94a48; - border-color: #ee5f5b; - &:focus { - border-color: darken(#ee5f5b, 10%); - @include box-shadow(0 0 6px lighten(#ee5f5b, 20%)); - } -} - - - -// FORM ACTIONS -// ------------ - -.form-actions { - padding: ($baseLineHeight - 1) 20px $baseLineHeight; - margin-top: $baseLineHeight; - margin-bottom: $baseLineHeight; - background-color: $formActionsBackground; - border-top: 1px solid #e5e5e5; - @include clearfix(); // Adding clearfix to allow for .pull-right button containers -} - - - -// HELP TEXT -// --------- - -.help-block, -.help-inline { - color: lighten($textColor, 15%); // lighten the text some for contrast -} - -.help-block { - display: block; // account for any element using help-block - margin-bottom: $baseLineHeight / 2; -} - -.help-inline { - display: inline-block; - @include ie7-inline-block(); - vertical-align: middle; - padding-left: 5px; -} - - - -// INPUT GROUPS -// ------------ - -// Allow us to put symbols and text within the input field for a cleaner look -.input-append, -.input-prepend { - display: inline-block; - margin-bottom: $baseLineHeight / 2; - vertical-align: middle; - font-size: 0; // white space collapse hack - white-space: nowrap; // Prevent span and input from separating - - // Reset the white space collapse hack - input, - select, - .uneditable-input, - .dropdown-menu, - .popover { - font-size: $baseFontSize; - } - - input, - select, - .uneditable-input { - position: relative; // placed here by default so that on :focus we can place the input above the .add-on for full border and box-shadow goodness - margin-bottom: 0; // prevent bottom margin from screwing up alignment in stacked forms - *margin-left: 0; - vertical-align: top; - @include border-radius(0 $inputBorderRadius $inputBorderRadius 0); - // Make input on top when focused so blue border and shadow always show - &:focus { - z-index: 2; - } - } - .add-on { - display: inline-block; - width: auto; - height: $baseLineHeight; - min-width: 16px; - padding: 4px 5px; - font-size: $baseFontSize; - font-weight: normal; - line-height: $baseLineHeight; - text-align: center; - text-shadow: 0 1px 0 $white; - background-color: $grayLighter; - border: 1px solid #ccc; - } - .add-on, - .btn, - .btn-group > .dropdown-toggle { - vertical-align: top; - @include border-radius(0); - } - .active { - background-color: lighten($green, 30); - border-color: $green; - } -} - -.input-prepend { - .add-on, - .btn { - margin-right: -1px; - } - .add-on:first-child, - .btn:first-child { - // FYI, `.btn:first-child` accounts for a button group that's prepended - @include border-radius($inputBorderRadius 0 0 $inputBorderRadius); - } -} - -.input-append { - input, - select, - .uneditable-input { - @include border-radius($inputBorderRadius 0 0 $inputBorderRadius); - + .btn-group .btn:last-child { - @include border-radius(0 $inputBorderRadius $inputBorderRadius 0); - } - } - .add-on, - .btn, - .btn-group { - margin-left: -1px; - } - .add-on:last-child, - .btn:last-child, - .btn-group:last-child > .dropdown-toggle { - @include border-radius(0 $inputBorderRadius $inputBorderRadius 0); - } -} - -// Remove all border-radius for inputs with both prepend and append -.input-prepend.input-append { - input, - select, - .uneditable-input { - @include border-radius(0); - + .btn-group .btn { - @include border-radius(0 $inputBorderRadius $inputBorderRadius 0); - } - } - .add-on:first-child, - .btn:first-child { - margin-right: -1px; - @include border-radius($inputBorderRadius 0 0 $inputBorderRadius); - } - .add-on:last-child, - .btn:last-child { - margin-left: -1px; - @include border-radius(0 $inputBorderRadius $inputBorderRadius 0); - } - .btn-group:first-child { - margin-left: 0; - } -} - - - - -// SEARCH FORM -// ----------- - -input.search-query { - padding-right: 14px; - padding-right: 4px \9; - padding-left: 14px; - padding-left: 4px \9; /* IE7-8 doesn't have border-radius, so don't indent the padding */ - margin-bottom: 0; // Remove the default margin on all inputs - @include border-radius(15px); -} - -/* Allow for input prepend/append in search forms */ -.form-search .input-append .search-query, -.form-search .input-prepend .search-query { - @include border-radius(0); // Override due to specificity -} -.form-search .input-append .search-query { - @include border-radius(14px 0 0 14px); -} -.form-search .input-append .btn { - @include border-radius(0 14px 14px 0); -} -.form-search .input-prepend .search-query { - @include border-radius(0 14px 14px 0); -} -.form-search .input-prepend .btn { - @include border-radius(14px 0 0 14px); -} - - - - -// HORIZONTAL & VERTICAL FORMS -// --------------------------- - -// Common properties -// ----------------- - -.form-search, -.form-inline, -.form-horizontal { - input, - textarea, - select, - .help-inline, - .uneditable-input, - .input-prepend, - .input-append { - display: inline-block; - @include ie7-inline-block(); - margin-bottom: 0; - vertical-align: middle; - } - // Re-hide hidden elements due to specifity - .hide { - display: none; - } -} -.form-search label, -.form-inline label, -.form-search .btn-group, -.form-inline .btn-group { - display: inline-block; -} -// Remove margin for input-prepend/-append -.form-search .input-append, -.form-inline .input-append, -.form-search .input-prepend, -.form-inline .input-prepend { - margin-bottom: 0; -} -// Inline checkbox/radio labels (remove padding on left) -.form-search .radio, -.form-search .checkbox, -.form-inline .radio, -.form-inline .checkbox { - padding-left: 0; - margin-bottom: 0; - vertical-align: middle; -} -// Remove float and margin, set to inline-block -.form-search .radio input[type="radio"], -.form-search .checkbox input[type="checkbox"], -.form-inline .radio input[type="radio"], -.form-inline .checkbox input[type="checkbox"] { - float: left; - margin-right: 3px; - margin-left: 0; -} - - -// Margin to space out fieldsets -.control-group { - margin-bottom: $baseLineHeight / 2; -} - -// Legend collapses margin, so next element is responsible for spacing -legend + .control-group { - margin-top: $baseLineHeight; - -webkit-margin-top-collapse: separate; -} - -// Horizontal-specific styles -// -------------------------- - -.form-horizontal { - // Increase spacing between groups - .control-group { - margin-bottom: $baseLineHeight; - @include clearfix(); - } - // Float the labels left - .control-label { - float: left; - width: $horizontalComponentOffset - 20; - padding-top: 5px; - text-align: right; - } - // Move over all input controls and content - .controls { - // Super jank IE7 fix to ensure the inputs in .input-append and input-prepend - // don't inherit the margin of the parent, in this case .controls - *display: inline-block; - *padding-left: 20px; - margin-left: $horizontalComponentOffset; - *margin-left: 0; - &:first-child { - *padding-left: $horizontalComponentOffset; - } - } - // Remove bottom margin on block level help text since that's accounted for on .control-group - .help-block { - margin-bottom: 0; - } - // And apply it only to .help-block instances that follow a form control - input, - select, - textarea, - .uneditable-input, - .input-prepend, - .input-append { - + .help-block { - margin-top: $baseLineHeight / 2; - } - } - // Move over buttons in .form-actions to align with .controls - .form-actions { - padding-left: $horizontalComponentOffset; - } -} diff --git a/library/sass/partials/_grid.scss b/library/sass/partials/_grid.scss deleted file mode 100755 index f2b910a..0000000 --- a/library/sass/partials/_grid.scss +++ /dev/null @@ -1,21 +0,0 @@ -// -// Grid system -// -------------------------------------------------- - - -// Fixed (940px) -@include grid-core($gridColumnWidth, $gridGutterWidth); - -// Fluid (940px) -@include grid-fluid($fluidGridColumnWidth, $fluidGridGutterWidth); - -// Reset utility classes due to specificity -[class*="span"].hide, -.row-fluid [class*="span"].hide { - display: none; -} - -[class*="span"].pull-right, -.row-fluid [class*="span"].pull-right { - float: right; -} diff --git a/library/sass/partials/_hero-unit.scss b/library/sass/partials/_hero-unit.scss deleted file mode 100755 index 274527e..0000000 --- a/library/sass/partials/_hero-unit.scss +++ /dev/null @@ -1,25 +0,0 @@ -// -// Hero unit -// -------------------------------------------------- - - -.hero-unit { - padding: 60px; - margin-bottom: 30px; - font-size: 18px; - font-weight: 200; - line-height: $baseLineHeight * 1.5; - color: $heroUnitLeadColor; - background-color: $heroUnitBackground; - @include border-radius(6px); - h1 { - margin-bottom: 0; - font-size: 60px; - line-height: 1; - color: $heroUnitHeadingColor; - letter-spacing: -1px; - } - li { - line-height: $baseLineHeight * 1.5; // Reset since we specify in type.scss - } -} diff --git a/library/sass/partials/_labels-badges.scss b/library/sass/partials/_labels-badges.scss deleted file mode 100755 index 8f17e58..0000000 --- a/library/sass/partials/_labels-badges.scss +++ /dev/null @@ -1,83 +0,0 @@ -// -// Labels and badges -// -------------------------------------------------- - - -// Base classes -.label, -.badge { - display: inline-block; - padding: 2px 4px; - font-size: $baseFontSize * .846; - font-weight: bold; - line-height: 14px; // ensure proper line-height if floated - color: $white; - vertical-align: baseline; - white-space: nowrap; - text-shadow: 0 -1px 0 rgba(0,0,0,.25); - background-color: $grayLight; -} -// Set unique padding and border-radii -.label { - @include border-radius(3px); -} -.badge { - padding-left: 9px; - padding-right: 9px; - @include border-radius(9px); -} - -// Empty labels/badges collapse -.label, -.badge { - &:empty { - display: none; - } -} - -// Hover/focus state, but only for links -a { - &.label:hover, - &.label:focus, - &.badge:hover, - &.badge:focus { - color: $white; - text-decoration: none; - cursor: pointer; - } -} - -// Colors -// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute) -@each $item in label, badge { - // Important (red) - .#{$item}-important { background-color: $errorText; } - .#{$item}-important[href] { background-color: darken($errorText, 10%); } - // Warnings (orange) - .#{$item}-warning { background-color: $orange; } - .#{$item}-warning[href] { background-color: darken($orange, 10%); } - // Success (green) - .#{$item}-success { background-color: $successText; } - .#{$item}-success[href] { background-color: darken($successText, 10%); } - // Info (turquoise) - .#{$item}-info { background-color: $infoText; } - .#{$item}-info[href] { background-color: darken($infoText, 10%); } - // Inverse (black) - .#{$item}-inverse { background-color: $grayDark; } - .#{$item}-inverse[href] { background-color: darken($grayDark, 10%); } -} - -// Quick fix for labels/badges in buttons -.btn { - .label, - .badge { - position: relative; - top: -1px; - } -} -.btn-mini { - .label, - .badge { - top: 0; - } -} diff --git a/library/sass/partials/_layouts.scss b/library/sass/partials/_layouts.scss deleted file mode 100755 index 5ea4d00..0000000 --- a/library/sass/partials/_layouts.scss +++ /dev/null @@ -1,16 +0,0 @@ -// -// Layouts -// -------------------------------------------------- - - -// Container (centered, fixed-width layouts) -.container { - @include container-fixed(); -} - -// Fluid layouts (left aligned, with sidebar, min- & max-width content) -.container-fluid { - padding-right: $gridGutterWidth; - padding-left: $gridGutterWidth; - @include clearfix(); -} diff --git a/library/sass/partials/_mixins.scss b/library/sass/partials/_mixins.scss deleted file mode 100755 index 53303aa..0000000 --- a/library/sass/partials/_mixins.scss +++ /dev/null @@ -1,696 +0,0 @@ -// -// Mixins -// -------------------------------------------------- - - -// UTILITY MIXINS -// -------------------------------------------------- - -// Clearfix -// -------- -// For clearing floats like a boss h5bp.com/q -@mixin clearfix { - *zoom: 1; - &:before, - &:after { - display: table; - content: ""; - // Fixes Opera/contenteditable bug: - // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 - line-height: 0; - } - &:after { - clear: both; - } -} - -// Webkit-style focus -// ------------------ -@mixin tab-focus() { - // Default - outline: thin dotted #333; - // Webkit - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -// Center-align a block level element -// ---------------------------------- -@mixin center-block() { - display: block; - margin-left: auto; - margin-right: auto; -} - -// IE7 inline-block -// ---------------- -@mixin ie7-inline-block() { - *display: inline; /* IE7 inline-block hack */ - *zoom: 1; -} - -// IE7 likes to collapse whitespace on either side of the inline-block elements. -// Ems because we're attempting to match the width of a space character. Left -// version is for form buttons, which typically come after other elements, and -// right version is for icons, which come before. Applying both is ok, but it will -// mean that space between those elements will be .6em (~2 space characters) in IE7, -// instead of the 1 space in other browsers. -@mixin ie7-restore-left-whitespace() { - *margin-left: .3em; - - &:first-child { - *margin-left: 0; - } -} - -@mixin ie7-restore-right-whitespace() { - *margin-right: .3em; -} - -// Sizing shortcuts -// ------------------------- -@mixin size($height, $width) { - width: $width; - height: $height; -} -@mixin square($size) { - @include size($size, $size); -} - -// Placeholder text -// ------------------------- -@mixin placeholder($color: $placeholderText) { - &:-moz-placeholder { - color: $color; - } - &:-ms-input-placeholder { - color: $color; - } - &::-webkit-input-placeholder { - color: $color; - } -} - -// Text overflow -// ------------------------- -// Requires inline-block or block for proper styling -@mixin text-overflow() { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} - -// CSS image replacement -// ------------------------- -// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 -@mixin hide-text { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} - - -// FONTS -// -------------------------------------------------- - -@mixin font-family-serif() { - font-family: $serifFontFamily; -} -@mixin font-family-sans-serif() { - font-family: $sansFontFamily; -} -@mixin font-family-monospace() { - font-family: $monoFontFamily; -} -@mixin font-shorthand($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) { - font-size: $size; - font-weight: $weight; - line-height: $lineHeight; -} -@mixin font-serif($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) { - @include font-family-serif(); - @include font-shorthand($size, $weight, $lineHeight); -} -@mixin font-sans-serif($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) { - @include font-family-sans-serif(); - @include font-shorthand($size, $weight, $lineHeight); -} -@mixin font-monospace($size: $baseFontSize, $weight: normal, $lineHeight: $baseLineHeight) { - @include font-family-monospace(); - @include font-shorthand($size, $weight, $lineHeight); -} - - -// FORMS -// -------------------------------------------------- - -// Block level inputs -@mixin input-block-level { - display: block; - width: 100%; - min-height: $inputHeight; // Make inputs at least the height of their button counterpart (base line-height + padding + border) - @include box-sizing(border-box); // Makes inputs behave like true block-level elements -} - - - -// Mixin for form field states -@mixin formFieldState($textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5) { - // Set the text color - .control-label, - .help-block, - .help-inline { - color: $textColor; - } - // Style inputs accordingly - .checkbox, - .radio, - input, - select, - textarea { - color: $textColor; - } - input, - select, - textarea { - border-color: $borderColor; - @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work - &:focus { - border-color: darken($borderColor, 10%); - @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($borderColor, 20%)); - } - } - // Give a small background color for input-prepend/-append - .input-prepend .add-on, - .input-append .add-on { - color: $textColor; - background-color: $backgroundColor; - border-color: $textColor; - } -} - - - -// CSS3 PROPERTIES -// -------------------------------------------------- - -// Border Radius -@mixin border-radius($radius) { - -webkit-border-radius: $radius; - -moz-border-radius: $radius; - border-radius: $radius; -} - -// Single Corner Border Radius -@mixin border-top-left-radius($radius) { - -webkit-border-top-left-radius: $radius; - -moz-border-radius-topleft: $radius; - border-top-left-radius: $radius; -} -@mixin border-top-right-radius($radius) { - -webkit-border-top-right-radius: $radius; - -moz-border-radius-topright: $radius; - border-top-right-radius: $radius; -} -@mixin border-bottom-right-radius($radius) { - -webkit-border-bottom-right-radius: $radius; - -moz-border-radius-bottomright: $radius; - border-bottom-right-radius: $radius; -} -@mixin border-bottom-left-radius($radius) { - -webkit-border-bottom-left-radius: $radius; - -moz-border-radius-bottomleft: $radius; - border-bottom-left-radius: $radius; -} - -// Single Side Border Radius -@mixin border-top-radius($radius) { - @include border-top-right-radius($radius); - @include border-top-left-radius($radius); -} -@mixin border-right-radius($radius) { - @include border-top-right-radius($radius); - @include border-bottom-right-radius($radius); -} -@mixin border-bottom-radius($radius) { - @include border-bottom-right-radius($radius); - @include border-bottom-left-radius($radius); -} -@mixin border-left-radius($radius) { - @include border-top-left-radius($radius); - @include border-bottom-left-radius($radius); -} - -// Drop shadows -@mixin box-shadow($shadow...) { - -webkit-box-shadow: $shadow; - -moz-box-shadow: $shadow; - box-shadow: $shadow; -} - -// Transitions -@mixin transition($transition...) { - -webkit-transition: $transition; - -moz-transition: $transition; - -o-transition: $transition; - transition: $transition; -} -@mixin transition-delay($transition-delay) { - -webkit-transition-delay: $transition-delay; - -moz-transition-delay: $transition-delay; - -o-transition-delay: $transition-delay; - transition-delay: $transition-delay; -} -@mixin transition-duration($transition-duration) { - -webkit-transition-duration: $transition-duration; - -moz-transition-duration: $transition-duration; - -o-transition-duration: $transition-duration; - transition-duration: $transition-duration; -} - -// Transformations -@mixin rotate($degrees) { - -webkit-transform: rotate($degrees); - -moz-transform: rotate($degrees); - -ms-transform: rotate($degrees); - -o-transform: rotate($degrees); - transform: rotate($degrees); -} -@mixin scale($ratio) { - -webkit-transform: scale($ratio); - -moz-transform: scale($ratio); - -ms-transform: scale($ratio); - -o-transform: scale($ratio); - transform: scale($ratio); -} -@mixin translate($x, $y) { - -webkit-transform: translate($x, $y); - -moz-transform: translate($x, $y); - -ms-transform: translate($x, $y); - -o-transform: translate($x, $y); - transform: translate($x, $y); -} -@mixin skew($x, $y) { - -webkit-transform: skew($x, $y); - -moz-transform: skew($x, $y); - -ms-transform: skewX($x) skewY($y); // See https://github.com/twitter/bootstrap/issues/4885 - -o-transform: skew($x, $y); - transform: skew($x, $y); - -webkit-backface-visibility: hidden; // See https://github.com/twitter/bootstrap/issues/5319 -} -@mixin translate3d($x, $y, $z) { - -webkit-transform: translate3d($x, $y, $z); - -moz-transform: translate3d($x, $y, $z); - -o-transform: translate3d($x, $y, $z); - transform: translate3d($x, $y, $z); -} - -// Backface visibility -// Prevent browsers from flickering when using CSS 3D transforms. -// Default value is `visible`, but can be changed to `hidden -// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples -@mixin backface-visibility($visibility){ - -webkit-backface-visibility: $visibility; - -moz-backface-visibility: $visibility; - backface-visibility: $visibility; -} - -// Background clipping -// Heads up: FF 3.6 and under need "padding" instead of "padding-box" -@mixin background-clip($clip) { - -webkit-background-clip: $clip; - -moz-background-clip: $clip; - background-clip: $clip; -} - -// Background sizing -@mixin background-size($size) { - -webkit-background-size: $size; - -moz-background-size: $size; - -o-background-size: $size; - background-size: $size; -} - - -// Box sizing -@mixin box-sizing($boxmodel) { - -webkit-box-sizing: $boxmodel; - -moz-box-sizing: $boxmodel; - box-sizing: $boxmodel; -} - -// User select -// For selecting text on the page -@mixin user-select($select) { - -webkit-user-select: $select; - -moz-user-select: $select; - -ms-user-select: $select; - -o-user-select: $select; - user-select: $select; -} - -// Resize anything -@mixin resizable($direction) { - resize: $direction; // Options: horizontal, vertical, both - overflow: auto; // Safari fix -} - -// CSS3 Content Columns -@mixin content-columns($columnCount, $columnGap: $gridGutterWidth) { - -webkit-column-count: $columnCount; - -moz-column-count: $columnCount; - column-count: $columnCount; - -webkit-column-gap: $columnGap; - -moz-column-gap: $columnGap; - column-gap: $columnGap; -} - -// Optional hyphenation -@mixin hyphens($mode: auto) { - word-wrap: break-word; - -webkit-hyphens: $mode; - -moz-hyphens: $mode; - -ms-hyphens: $mode; - -o-hyphens: $mode; - hyphens: $mode; -} - -// Opacity -@mixin opacity($opacity) { - opacity: $opacity / 100; - filter: alpha(opacity=$opacity); -} - - - -// BACKGROUNDS -// -------------------------------------------------- - -// Add an alphatransparency value to any background or border color (via Elyse Holladay) -@mixin translucent-background($color: $white, $alpha: 1) { - background-color: hsla(hue($color), saturation($color), lightness($color), $alpha); -} - -@mixin translucent-border($color: $white, $alpha: 1) { - border-color: hsla(hue($color), saturation($color), lightness($color), $alpha); - @include background-clip(padding-box); -} - -// Gradient Bar Colors for buttons and alerts -@mixin gradientBar($primaryColor, $secondaryColor, $textColor: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,.25)) { - color: $textColor; - text-shadow: $textShadow; - @include gradient-vertical($primaryColor, $secondaryColor); - border-color: $secondaryColor $secondaryColor darken($secondaryColor, 15%); - border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fade-in(rgba(0,0,0,.1), 0.15); -} - -// Gradients -@mixin gradient-horizontal($startColor: #555, $endColor: #333) { - background-color: $endColor; - background-image: -moz-linear-gradient(left, $startColor, $endColor); // FF 3.6+ - background-image: -webkit-gradient(linear, 0 0, 100% 0, from($startColor), to($endColor)); // Safari 4+, Chrome 2+ - background-image: -webkit-linear-gradient(left, $startColor, $endColor); // Safari 5.1+, Chrome 10+ - background-image: -o-linear-gradient(left, $startColor, $endColor); // Opera 11.10 - background-image: linear-gradient(to right, $startColor, $endColor); // Standard, IE10 - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=1); // IE9 and down -} -@mixin gradient-vertical($startColor: #555, $endColor: #333) { - background-color: mix($startColor, $endColor, 60%); - background-image: -moz-linear-gradient(top, $startColor, $endColor); // FF 3.6+ - background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), to($endColor)); // Safari 4+, Chrome 2+ - background-image: -webkit-linear-gradient(top, $startColor, $endColor); // Safari 5.1+, Chrome 10+ - background-image: -o-linear-gradient(top, $startColor, $endColor); // Opera 11.10 - background-image: linear-gradient(to bottom, $startColor, $endColor); // Standard, IE10 - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=0); // IE9 and down -} -@mixin gradient-directional($startColor: #555, $endColor: #333, $deg: 45deg) { - background-color: $endColor; - background-repeat: repeat-x; - background-image: -moz-linear-gradient($deg, $startColor, $endColor); // FF 3.6+ - background-image: -webkit-linear-gradient($deg, $startColor, $endColor); // Safari 5.1+, Chrome 10+ - background-image: -o-linear-gradient($deg, $startColor, $endColor); // Opera 11.10 - background-image: linear-gradient($deg, $startColor, $endColor); // Standard, IE10 -} -@mixin gradient-horizontal-three-colors($startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f) { - background-color: mix($midColor, $endColor, 80%); - background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from($startColor), color-stop($colorStop, $midColor), to($endColor)); - background-image: -webkit-linear-gradient(left, $startColor, $midColor $colorStop, $endColor); - background-image: -moz-linear-gradient(left, $startColor, $midColor $colorStop, $endColor); - background-image: -o-linear-gradient(left, $startColor, $midColor $colorStop, $endColor); - background-image: linear-gradient(to right, $startColor, $midColor $colorStop, $endColor); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback -} - -@mixin gradient-vertical-three-colors($startColor: #00b3ee, $midColor: #7a43b6, $colorStop: 50%, $endColor: #c3325f) { - background-color: mix($midColor, $endColor, 80%); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from($startColor), color-stop($colorStop, $midColor), to($endColor)); - background-image: -webkit-linear-gradient($startColor, $midColor $colorStop, $endColor); - background-image: -moz-linear-gradient(top, $startColor, $midColor $colorStop, $endColor); - background-image: -o-linear-gradient($startColor, $midColor $colorStop, $endColor); - background-image: linear-gradient($startColor, $midColor $colorStop, $endColor); - background-repeat: no-repeat; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback -} -@mixin gradient-radial($innerColor: #555, $outerColor: #333) { - background-color: $outerColor; - background-image: -webkit-gradient(radial, center center, 0, center center, 460, from($innerColor), to($outerColor)); - background-image: -webkit-radial-gradient(circle, $innerColor, $outerColor); - background-image: -moz-radial-gradient(circle, $innerColor, $outerColor); - background-image: -o-radial-gradient(circle, $innerColor, $outerColor); - background-repeat: no-repeat; -} -@mixin gradient-striped($color: #555, $angle: 45deg) { - background-color: $color; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); - background-image: linear-gradient($angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); -} - -// Reset filters for IE -@mixin reset-filter() { - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - - - -// COMPONENT MIXINS -// -------------------------------------------------- - -// Horizontal dividers -// ------------------------- -// Dividers (basically an hr) within dropdowns and nav lists -@mixin nav-divider($top: #e5e5e5, $bottom: $white) { - // IE7 needs a set width since we gave a height. Restricting just - // to IE7 to keep the 1px left/right space in other browsers. - // It is unclear where IE is getting the extra space that we need - // to negative-margin away, but so it goes. - *width: 100%; - height: 1px; - margin: (($baseLineHeight / 2) - 1) 1px; // 8px 1px - *margin: -5px 0 5px; - overflow: hidden; - background-color: $top; - border-bottom: 1px solid $bottom; -} - -// Button backgrounds -// ------------------ -@mixin buttonBackground($startColor, $endColor, $textColor: #fff, $textShadow: 0 -1px 0 rgba(0,0,0,.25)) { - // gradientBar will set the background to a pleasing blend of these, to support IE<=9 - @include gradientBar($startColor, $endColor, $textColor, $textShadow); - *background-color: $endColor; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - @include reset-filter(); - - // in these cases the gradient won't cover the background, so we override - &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] { - color: $textColor; - background-color: $endColor; - *background-color: darken($endColor, 5%); - } - - // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves - &:active, - &.active { - background-color: darken($endColor, 10%) \9; - } -} - -// Navbar vertical align -// ------------------------- -// Vertically center elements in the navbar. -// Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin. -@mixin navbarVerticalAlign($elementHeight) { - margin-top: ($navbarHeight - $elementHeight) / 2; -} - - - -// Grid System -// ----------- - -// Centered container element -@mixin container-fixed() { - margin-right: auto; - margin-left: auto; - @include clearfix(); -} - -// Table columns -@mixin tableColumns($columnSpan: 1) { - float: none; // undo default grid column styles - width: (($gridColumnWidth) * $columnSpan) + ($gridGutterWidth * ($columnSpan - 1)) - 16; // 16 is total padding on left and right of table cells - margin-left: 0; // undo default grid column styles -} - -// Make a Grid -// Use .makeRow and .makeColumn to assign semantic layouts grid system behavior -@mixin makeRow() { - margin-left: $gridGutterWidth * -1; - @include clearfix(); -} -@mixin makeColumn($columns: 1, $offset: 0) { - float: left; - margin-left: ($gridColumnWidth * $offset) + ($gridGutterWidth * ($offset - 1)) + ($gridGutterWidth * 2); - width: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1)); -} - -// The Grid -@mixin grid-core($gridColumnWidth, $gridGutterWidth) { - .row { - margin-left: $gridGutterWidth * -1; - @include clearfix(); - } - - [class*="span"] { - float: left; - min-height: 1px; // prevent collapsing columns - margin-left: $gridGutterWidth; - } - - // Set the container width, and override it for fixed navbars in media queries - .container, - .navbar-static-top .container, - .navbar-fixed-top .container, - .navbar-fixed-bottom .container { - @include grid-core-span($gridColumns, $gridColumnWidth, $gridGutterWidth); - } - - // generate .spanX and .offsetX - @include grid-core-span-x($gridColumns, $gridColumnWidth, $gridGutterWidth); - @include grid-core-offset-x($gridColumns, $gridColumnWidth, $gridGutterWidth); -} - -@mixin grid-core-span-x($gridColumns, $gridColumnWidth, $gridGutterWidth) { - @for $i from 1 through $gridColumns { - .span#{$i} { @include grid-core-span($i, $gridColumnWidth, $gridGutterWidth); } - } -} - -@mixin grid-core-offset-x($gridColumns, $gridColumnWidth, $gridGutterWidth) { - @for $i from 1 through $gridColumns { - .offset#{$i} { @include grid-core-offset($i, $gridColumnWidth, $gridGutterWidth); } - } -} - -@mixin grid-core-span($columns, $gridColumnWidth, $gridGutterWidth) { - width: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns - 1)); -} - -@mixin grid-core-offset($columns, $gridColumnWidth, $gridGutterWidth) { - margin-left: ($gridColumnWidth * $columns) + ($gridGutterWidth * ($columns + 1)); -} - - - -@mixin grid-fluid($fluidGridColumnWidth, $fluidGridGutterWidth) { - .row-fluid { - width: 100%; - @include clearfix(); - [class*="span"] { - @include input-block-level(); - float: left; - margin-left: $fluidGridGutterWidth; - *margin-left: $fluidGridGutterWidth - (.5 / $gridRowWidth * 100px * 1%); - } - [class*="span"]:first-child { - margin-left: 0; - } - - // Space grid-sized controls properly if multiple per line - .controls-row [class*="span"] + [class*="span"] { - margin-left: $fluidGridGutterWidth; - } - - // generate .spanX and .offsetX - @include grid-fluid-span-x($gridColumns, $fluidGridColumnWidth, $fluidGridGutterWidth); - @include grid-fluid-offset-x($gridColumns, $fluidGridColumnWidth, $fluidGridGutterWidth); - } -} - -@mixin grid-fluid-span-x($gridColumns, $fluidGridColumnWidth, $fluidGridGutterWidth) { - @for $i from 1 through $gridColumns { - .span#{$i} { @include grid-fluid-span($i, $fluidGridColumnWidth, $fluidGridGutterWidth); } - } -} - -@mixin grid-fluid-offset-x($gridColumns, $fluidGridColumnWidth, $fluidGridGutterWidth) { - @for $i from 1 through $gridColumns { - .offset#{$i} { @include grid-fluid-offset($i, $fluidGridColumnWidth, $fluidGridGutterWidth); } - .offset#{$i}:first-child { @include grid-fluid-offset-first-child($i, $fluidGridColumnWidth, $fluidGridGutterWidth); } - } -} - -@mixin grid-fluid-span($columns, $fluidGridColumnWidth, $fluidGridGutterWidth) { - width: ($fluidGridColumnWidth * $columns) + ($fluidGridGutterWidth * ($columns - 1)); - *width: ($fluidGridColumnWidth * $columns) + ($fluidGridGutterWidth * ($columns - 1)) - (.5 / $gridRowWidth * 100px * 1%); -} - -@mixin grid-fluid-offset($columns, $fluidGridColumnWidth, $fluidGridGutterWidth) { - margin-left: ($fluidGridColumnWidth * $columns) + ($fluidGridGutterWidth * ($columns - 1)) + ($fluidGridGutterWidth * 2); - *margin-left: ($fluidGridColumnWidth * $columns) + ($fluidGridGutterWidth * ($columns - 1)) - (.5 / $gridRowWidth * 100px * 1%) + ($fluidGridGutterWidth * 2) - (.5 / $gridRowWidth * 100px * 1%); -} - -@mixin grid-fluid-offset-first-child($columns, $fluidGridColumnWidth, $fluidGridGutterWidth) { - margin-left: ($fluidGridColumnWidth * $columns) + ($fluidGridGutterWidth * ($columns - 1)) + ($fluidGridGutterWidth); - *margin-left: ($fluidGridColumnWidth * $columns) + ($fluidGridGutterWidth * ($columns - 1)) - (.5 / $gridRowWidth * 100px * 1%) + $fluidGridGutterWidth - (.5 / $gridRowWidth * 100px * 1%); -} - - - -@mixin grid-input($gridColumnWidth, $gridGutterWidth) { - input, - textarea, - .uneditable-input { - margin-left: 0; // override margin-left from core grid system - } - - // Space grid-sized controls properly if multiple per line - .controls-row [class*="span"] + [class*="span"] { - margin-left: $gridGutterWidth; - } - - // generate .spanX - @include grid-input-span-x($gridColumns, $gridColumnWidth, $gridGutterWidth); -} - -@mixin grid-input-span-x($gridColumns, $gridColumnWidth, $gridGutterWidth) { - @for $i from 1 through $gridColumns { - input.span#{$i}, - textarea.span#{$i}, - .uneditable-input.span#{$i} { - @include grid-input-span($i, $gridColumnWidth, $gridGutterWidth); - } - } -} - -@mixin grid-input-span($columns, $gridColumnWidth, $gridGutterWidth) { - width: (($gridColumnWidth) * $columns) + ($gridGutterWidth * ($columns - 1)) - 14; -} diff --git a/library/sass/partials/_modals.scss b/library/sass/partials/_modals.scss deleted file mode 100755 index 749baa6..0000000 --- a/library/sass/partials/_modals.scss +++ /dev/null @@ -1,95 +0,0 @@ -// -// Modals -// -------------------------------------------------- - -// Background -.modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: $zindexModalBackdrop; - background-color: $black; - // Fade for backdrop - &.fade { opacity: 0; } -} - -.modal-backdrop, -.modal-backdrop.fade.in { - @include opacity(80); -} - -// Base modal -.modal { - position: fixed; - top: 10%; - left: 50%; - z-index: $zindexModal; - width: 560px; - margin-left: -280px; - background-color: $white; - border: 1px solid #999; - border: 1px solid rgba(0,0,0,.3); - *border: 1px solid #999; /* IE6-7 */ - @include border-radius(6px); - @include box-shadow(0 3px 7px rgba(0,0,0,0.3)); - @include background-clip(padding-box); - // Remove focus outline from opened modal - outline: none; - - &.fade { - @include transition(opacity .3s linear, top .3s ease-out); - top: -25%; - } - &.fade.in { top: 10%; } -} -.modal-header { - padding: 9px 15px; - border-bottom: 1px solid #eee; - // Close icon - .close { margin-top: 2px; } - // Heading - h3 { - margin: 0; - line-height: 30px; - } -} - -// Body (where all modal content resides) -.modal-body { - position: relative; - overflow-y: auto; - max-height: 400px; - padding: 15px; -} -// Remove bottom margin if need be -.modal-form { - margin-bottom: 0; -} - -// Footer (for actions) -.modal-footer { - padding: 14px 15px 15px; - margin-bottom: 0; - text-align: right; // right align buttons - background-color: #f5f5f5; - border-top: 1px solid #ddd; - @include border-radius(0 0 6px 6px); - @include box-shadow(inset 0 1px 0 $white); - @include clearfix(); // clear it in case folks use .pull-* classes on buttons - - // Properly space out buttons - .btn + .btn { - margin-left: 5px; - margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs - } - // but override that for button groups - .btn-group .btn + .btn { - margin-left: -1px; - } - // and override it for block buttons as well - .btn-block + .btn-block { - margin-left: 0; - } -} diff --git a/library/sass/partials/_navbar.scss b/library/sass/partials/_navbar.scss deleted file mode 100755 index a65aa4a..0000000 --- a/library/sass/partials/_navbar.scss +++ /dev/null @@ -1,497 +0,0 @@ -// -// Navbars (Redux) -// -------------------------------------------------- - - -// COMMON STYLES -// ------------- - -// Base class and wrapper -.navbar { - overflow: visible; - margin-bottom: $baseLineHeight; - - // Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar - *position: relative; - *z-index: 2; -} - -// Inner for background effects -// Gradient is applied to its own element because overflow visible is not honored by IE when filter is present -.navbar-inner { - min-height: $navbarHeight; - padding-left: 20px; - padding-right: 20px; - @include gradient-vertical($navbarBackgroundHighlight, $navbarBackground); - border: 1px solid $navbarBorder; - @include border-radius($baseBorderRadius); - @include box-shadow(0 1px 4px rgba(0,0,0,.065)); - - // Prevent floats from breaking the navbar - @include clearfix(); -} - -// Set width to auto for default container -// We then reset it for fixed navbars in the #gridSystem mixin -.navbar .container { - width: auto; -} - -// Override the default collapsed state -.nav-collapse.collapse { - height: auto; - overflow: visible; -} - - -// Brand: website or project name -// ------------------------- -.navbar .brand { - float: left; - display: block; - // Vertically center the text given $navbarHeight - padding: (($navbarHeight - $baseLineHeight) / 2) 20px (($navbarHeight - $baseLineHeight) / 2); - margin-left: -20px; // negative indent to left-align the text down the page - font-size: 20px; - font-weight: 200; - color: $navbarBrandColor; - text-shadow: 0 1px 0 $navbarBackgroundHighlight; - &:hover, - &:focus { - text-decoration: none; - } -} - -// Plain text in topbar -// ------------------------- -.navbar-text { - margin-bottom: 0; - line-height: $navbarHeight; - color: $navbarText; -} - -// Janky solution for now to account for links outside the .nav -// ------------------------- -.navbar-link { - color: $navbarLinkColor; - &:hover, - &:focus { - color: $navbarLinkColorHover; - } -} - -// Dividers in navbar -// ------------------------- -.navbar .divider-vertical { - height: $navbarHeight; - margin: 0 9px; - border-left: 1px solid $navbarBackground; - border-right: 1px solid $navbarBackgroundHighlight; -} - -// Buttons in navbar -// ------------------------- -.navbar .btn, -.navbar .btn-group { - @include navbarVerticalAlign(30px); // Vertically center in navbar -} -.navbar .btn-group .btn, -.navbar .input-prepend .btn, -.navbar .input-append .btn, -.navbar .input-prepend .btn-group, -.navbar .input-append .btn-group { - margin-top: 0; // then undo the margin here so we don't accidentally double it -} - -// Navbar forms -// ------------------------- -.navbar-form { - margin-bottom: 0; // remove default bottom margin - @include clearfix(); - input, - select, - .radio, - .checkbox { - @include navbarVerticalAlign(30px); // Vertically center in navbar - } - input, - select, - .btn { - display: inline-block; - margin-bottom: 0; - } - input[type="image"], - input[type="checkbox"], - input[type="radio"] { - margin-top: 3px; - } - .input-append, - .input-prepend { - margin-top: 5px; - white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left - input { - margin-top: 0; // remove the margin on top since it's on the parent - } - } -} - -// Navbar search -// ------------------------- -.navbar-search { - position: relative; - float: left; - @include navbarVerticalAlign(30px); // Vertically center in navbar - margin-bottom: 0; - .search-query { - margin-bottom: 0; - padding: 4px 14px; - @include font-sans-serif(13px, normal, 1); - @include border-radius(15px); // redeclare because of specificity of the type attribute - } -} - - - -// Static navbar -// ------------------------- - -.navbar-static-top { - position: static; - margin-bottom: 0; // remove 18px margin for default navbar - .navbar-inner { - @include border-radius(0); - } -} - - - -// Fixed navbar -// ------------------------- - -// Shared (top/bottom) styles -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: $zindexFixedNavbar; - margin-bottom: 0; // remove 18px margin for default navbar -} -.navbar-fixed-top .navbar-inner, -.navbar-static-top .navbar-inner { - border-width: 0 0 1px; -} -.navbar-fixed-bottom .navbar-inner { - border-width: 1px 0 0; -} -.navbar-fixed-top .navbar-inner, -.navbar-fixed-bottom .navbar-inner { - padding-left: 0; - padding-right: 0; - @include border-radius(0); -} - -// Reset container width -// Required here as we reset the width earlier on and the grid mixins don't override early enough -.navbar-static-top .container, -.navbar-fixed-top .container, -.navbar-fixed-bottom .container { - @include grid-core-span($gridColumns, $gridColumnWidth, $gridGutterWidth); -} - -// Fixed to top -.navbar-fixed-top { - top: 0; -} -.navbar-fixed-top, -.navbar-static-top { - .navbar-inner { - @include box-shadow(0 1px 10px rgba(0,0,0,.1)); - } -} - -// Fixed to bottom -.navbar-fixed-bottom { - bottom: 0; - .navbar-inner { - @include box-shadow(0 -1px 10px rgba(0,0,0,.1)); - } -} - - - -// NAVIGATION -// ---------- - -.navbar .nav { - position: relative; - left: 0; - display: block; - float: left; - margin: 0 10px 0 0; -} -.navbar .nav.pull-right { - float: right; // redeclare due to specificity - margin-right: 0; // remove margin on float right nav -} -.navbar .nav > li { - float: left; -} - -// Links -.navbar .nav > li > a { - float: none; - // Vertically center the text given $navbarHeight - padding: (($navbarHeight - $baseLineHeight) / 2) 15px (($navbarHeight - $baseLineHeight) / 2); - color: $navbarLinkColor; - text-decoration: none; - text-shadow: 0 1px 0 $navbarBackgroundHighlight; -} -.navbar .nav .dropdown-toggle .caret { - margin-top: 8px; -} - -// Hover/focus -.navbar .nav > li > a:focus, -.navbar .nav > li > a:hover { - background-color: $navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover/:focus from .active - color: $navbarLinkColorHover; - text-decoration: none; -} - -// Active nav items -.navbar .nav > .active > a, -.navbar .nav > .active > a:hover, -.navbar .nav > .active > a:focus { - color: $navbarLinkColorActive; - text-decoration: none; - background-color: $navbarLinkBackgroundActive; - @include box-shadow(inset 0 3px 8px rgba(0,0,0,.125)); -} - -// Navbar button for toggling navbar items in responsive layouts -// These definitions need to come after '.navbar .btn' -.navbar .btn-navbar { - display: none; - float: right; - padding: 7px 10px; - margin-left: 5px; - margin-right: 5px; - @include buttonBackground(darken($navbarBackgroundHighlight, 5%), darken($navbarBackground, 5%)); - @include box-shadow(inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)); -} -.navbar .btn-navbar .icon-bar { - display: block; - width: 18px; - height: 2px; - background-color: #f5f5f5; - @include border-radius(1px); - @include box-shadow(0 1px 0 rgba(0,0,0,.25)); -} -.btn-navbar .icon-bar + .icon-bar { - margin-top: 3px; -} - - - -// Dropdown menus -// -------------- - -// Menu position and menu carets -.navbar .nav > li > .dropdown-menu { - &:before { - content: ''; - display: inline-block; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid #ccc; - border-bottom-color: $dropdownBorder; - position: absolute; - top: -7px; - left: 9px; - } - &:after { - content: ''; - display: inline-block; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - border-bottom: 6px solid $dropdownBackground; - position: absolute; - top: -6px; - left: 10px; - } -} -// Menu position and menu caret support for dropups via extra dropup class -.navbar-fixed-bottom .nav > li > .dropdown-menu { - &:before { - border-top: 7px solid #ccc; - border-top-color: $dropdownBorder; - border-bottom: 0; - bottom: -7px; - top: auto; - } - &:after { - border-top: 6px solid $dropdownBackground; - border-bottom: 0; - bottom: -6px; - top: auto; - } -} - -// Caret should match text color on hover/focus -.navbar .nav li.dropdown > a:hover .caret, -.navbar .nav li.dropdown > a:focus .caret { - border-top-color: $navbarLinkColorActive; - border-bottom-color: $navbarLinkColorActive; -} - -// Remove background color from open dropdown -.navbar .nav li.dropdown.open > .dropdown-toggle, -.navbar .nav li.dropdown.active > .dropdown-toggle, -.navbar .nav li.dropdown.open.active > .dropdown-toggle { - background-color: $navbarLinkBackgroundActive; - color: $navbarLinkColorActive; -} -.navbar .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: $navbarLinkColor; - border-bottom-color: $navbarLinkColor; -} -.navbar .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: $navbarLinkColorActive; - border-bottom-color: $navbarLinkColorActive; -} - -// Right aligned menus need alt position -.navbar .pull-right > li > .dropdown-menu, -.navbar .nav > li > .dropdown-menu.pull-right { - left: auto; - right: 0; - &:before { - left: auto; - right: 12px; - } - &:after { - left: auto; - right: 13px; - } - .dropdown-menu { - left: auto; - right: 100%; - margin-left: 0; - margin-right: -1px; - @include border-radius(6px 0 6px 6px); - } -} - - -// Inverted navbar -// ------------------------- - -.navbar-inverse { - - .navbar-inner { - @include gradient-vertical($navbarInverseBackgroundHighlight, $navbarInverseBackground); - border-color: $navbarInverseBorder; - } - - .brand, - .nav > li > a { - color: $navbarInverseLinkColor; - text-shadow: 0 -1px 0 rgba(0,0,0,.25); - &:hover, - &:focus { - color: $navbarInverseLinkColorHover; - } - } - - .brand { - color: $navbarInverseBrandColor; - } - - .navbar-text { - color: $navbarInverseText; - } - - .nav > li > a:focus, - .nav > li > a:hover { - background-color: $navbarInverseLinkBackgroundHover; - color: $navbarInverseLinkColorHover; - } - - .nav .active > a, - .nav .active > a:hover, - .nav .active > a:focus { - color: $navbarInverseLinkColorActive; - background-color: $navbarInverseLinkBackgroundActive; - } - - // Inline text links - .navbar-link { - color: $navbarInverseLinkColor; - &:hover, - &:focus { - color: $navbarInverseLinkColorHover; - } - } - - // Dividers in navbar - .divider-vertical { - border-left-color: $navbarInverseBackground; - border-right-color: $navbarInverseBackgroundHighlight; - } - - // Dropdowns - .nav li.dropdown.open > .dropdown-toggle, - .nav li.dropdown.active > .dropdown-toggle, - .nav li.dropdown.open.active > .dropdown-toggle { - background-color: $navbarInverseLinkBackgroundActive; - color: $navbarInverseLinkColorActive; - } - .nav li.dropdown > a:hover .caret, - .nav li.dropdown > a:focus .caret { - border-top-color: $navbarInverseLinkColorActive; - color: $navbarInverseLinkColorActive; - } - .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: $navbarInverseLinkColor; - border-bottom-color: $navbarInverseLinkColor; - } - .nav li.dropdown.open > .dropdown-toggle .caret, - .nav li.dropdown.active > .dropdown-toggle .caret, - .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: $navbarInverseLinkColorActive; - border-bottom-color: $navbarInverseLinkColorActive; - } - - // Navbar search - .navbar-search { - .search-query { - color: $white; - background-color: $navbarInverseSearchBackground; - border-color: $navbarInverseSearchBorder; - @include box-shadow(inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)); - @include transition(none); - @include placeholder($navbarInverseSearchPlaceholderColor); - - // Focus states (we use .focused since IE7-8 and down doesn't support :focus) - &:focus, - &.focused { - padding: 5px 15px; - color: $grayDark; - text-shadow: 0 1px 0 $white; - background-color: $navbarInverseSearchBackgroundFocus; - border: 0; - @include box-shadow(0 0 3px rgba(0,0,0,.15)); - outline: 0; - } - } - } - - // Navbar collapse button - .btn-navbar { - @include buttonBackground(darken($navbarInverseBackgroundHighlight, 5%), darken($navbarInverseBackground, 5%)); - } - -} diff --git a/library/sass/partials/_navs.scss b/library/sass/partials/_navs.scss deleted file mode 100755 index 31c4451..0000000 --- a/library/sass/partials/_navs.scss +++ /dev/null @@ -1,409 +0,0 @@ -// -// Navs -// -------------------------------------------------- - - -// BASE CLASS -// ---------- - -.nav { - margin-left: 0; - margin-bottom: $baseLineHeight; - list-style: none; -} - -// Make links block level -.nav > li > a { - display: block; -} -.nav > li > a:hover, -.nav > li > a:focus { - text-decoration: none; - background-color: $grayLighter; -} - -// Prevent IE8 from misplacing imgs -// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -.nav > li > a > img { - max-width: none; -} - -// Redeclare pull classes because of specifity -.nav > .pull-right { - float: right; -} - -// Nav headers (for dropdowns and lists) -.nav-header { - display: block; - padding: 3px 15px; - font-size: 11px; - font-weight: bold; - line-height: $baseLineHeight; - color: $grayLight; - text-shadow: 0 1px 0 rgba(255,255,255,.5); - text-transform: uppercase; -} -// Space them out when they follow another list item (link) -.nav li + .nav-header { - margin-top: 9px; -} - - - -// NAV LIST -// -------- - -.nav-list { - padding-left: 15px; - padding-right: 15px; - margin-bottom: 0; -} -.nav-list > li > a, -.nav-list .nav-header { - margin-left: -15px; - margin-right: -15px; - text-shadow: 0 1px 0 rgba(255,255,255,.5); -} -.nav-list > li > a { - padding: 3px 15px; -} -.nav-list > .active > a, -.nav-list > .active > a:hover, -.nav-list > .active > a:focus { - color: $white; - text-shadow: 0 -1px 0 rgba(0,0,0,.2); - background-color: $linkColor; -} -.nav-list [class^="icon-"], -.nav-list [class*=" icon-"] { - margin-right: 2px; -} -// Dividers (basically an hr) within the dropdown -.nav-list .divider { - @include nav-divider(); -} - - - -// TABS AND PILLS -// ------------- - -// Common styles -.nav-tabs, -.nav-pills { - @include clearfix(); -} -.nav-tabs > li, -.nav-pills > li { - float: left; -} -.nav-tabs > li > a, -.nav-pills > li > a { - padding-right: 12px; - padding-left: 12px; - margin-right: 2px; - line-height: 14px; // keeps the overall height an even number -} - -// TABS -// ---- - -// Give the tabs something to sit on -.nav-tabs { - border-bottom: 1px solid #ddd; -} -// Make the list-items overlay the bottom border -.nav-tabs > li { - margin-bottom: -1px; -} -// Actual tabs (as links) -.nav-tabs > li > a { - padding-top: 8px; - padding-bottom: 8px; - line-height: $baseLineHeight; - border: 1px solid transparent; - @include border-radius(4px 4px 0 0); - &:hover, - &:focus { - border-color: $grayLighter $grayLighter #ddd; - } -} -// Active state, and it's :hover/:focus to override normal :hover/:focus -.nav-tabs > .active > a, -.nav-tabs > .active > a:hover, -.nav-tabs > .active > a:focus { - color: $gray; - background-color: $bodyBackground; - border: 1px solid #ddd; - border-bottom-color: transparent; - cursor: default; -} - - -// PILLS -// ----- - -// Links rendered as pills -.nav-pills > li > a { - padding-top: 8px; - padding-bottom: 8px; - margin-top: 2px; - margin-bottom: 2px; - @include border-radius(5px); -} - -// Active state -.nav-pills > .active > a, -.nav-pills > .active > a:hover, -.nav-pills > .active > a:focus { - color: $white; - background-color: $linkColor; -} - - - -// STACKED NAV -// ----------- - -// Stacked tabs and pills -.nav-stacked > li { - float: none; -} -.nav-stacked > li > a { - margin-right: 0; // no need for the gap between nav items -} - -// Tabs -.nav-tabs.nav-stacked { - border-bottom: 0; -} -.nav-tabs.nav-stacked > li > a { - border: 1px solid #ddd; - @include border-radius(0); -} -.nav-tabs.nav-stacked > li:first-child > a { - @include border-top-radius(4px); -} -.nav-tabs.nav-stacked > li:last-child > a { - @include border-bottom-radius(4px); -} -.nav-tabs.nav-stacked > li > a:hover, -.nav-tabs.nav-stacked > li > a:focus { - border-color: #ddd; - z-index: 2; -} - -// Pills -.nav-pills.nav-stacked > li > a { - margin-bottom: 3px; -} -.nav-pills.nav-stacked > li:last-child > a { - margin-bottom: 1px; // decrease margin to match sizing of stacked tabs -} - - - -// DROPDOWNS -// --------- - -.nav-tabs .dropdown-menu { - @include border-radius(0 0 6px 6px); // remove the top rounded corners here since there is a hard edge above the menu -} -.nav-pills .dropdown-menu { - @include border-radius(6px); // make rounded corners match the pills -} - -// Default dropdown links -// ------------------------- -// Make carets use linkColor to start -.nav .dropdown-toggle .caret { - border-top-color: $linkColor; - border-bottom-color: $linkColor; - margin-top: 6px; -} -.nav .dropdown-toggle:hover .caret, -.nav .dropdown-toggle:focus .caret { - border-top-color: $linkColorHover; - border-bottom-color: $linkColorHover; -} -/* move down carets for tabs */ -.nav-tabs .dropdown-toggle .caret { - margin-top: 8px; -} - -// Active dropdown links -// ------------------------- -.nav .active .dropdown-toggle .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} -.nav-tabs .active .dropdown-toggle .caret { - border-top-color: $gray; - border-bottom-color: $gray; -} - -// Active:hover/:focus dropdown links -// ------------------------- -.nav > .dropdown.active > a:hover, -.nav > .dropdown.active > a:focus { - cursor: pointer; -} - -// Open dropdowns -// ------------------------- -.nav-tabs .open .dropdown-toggle, -.nav-pills .open .dropdown-toggle, -.nav > li.dropdown.open.active > a:hover, -.nav > li.dropdown.open.active > a:focus { - color: $white; - background-color: $grayLight; - border-color: $grayLight; -} -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret, -.nav li.dropdown.open a:focus .caret { - border-top-color: $white; - border-bottom-color: $white; - @include opacity(100); -} - -// Dropdowns in stacked tabs -.tabs-stacked .open > a:hover, -.tabs-stacked .open > a:focus { - border-color: $grayLight; -} - - - -// TABBABLE -// -------- - - -// COMMON STYLES -// ------------- - -// Clear any floats -.tabbable { - @include clearfix(); -} -.tab-content { - overflow: auto; // prevent content from running below tabs -} - -// Remove border on bottom, left, right -.tabs-below > .nav-tabs, -.tabs-right > .nav-tabs, -.tabs-left > .nav-tabs { - border-bottom: 0; -} - -// Show/hide tabbable areas -.tab-content > .tab-pane, -.pill-content > .pill-pane { - display: none; -} -.tab-content > .active, -.pill-content > .active { - display: block; -} - - -// BOTTOM -// ------ - -.tabs-below > .nav-tabs { - border-top: 1px solid #ddd; -} -.tabs-below > .nav-tabs > li { - margin-top: -1px; - margin-bottom: 0; -} -.tabs-below > .nav-tabs > li > a { - @include border-radius(0 0 4px 4px); - &:hover, - &:focus { - border-bottom-color: transparent; - border-top-color: #ddd; - } -} -.tabs-below > .nav-tabs > .active > a, -.tabs-below > .nav-tabs > .active > a:hover, -.tabs-below > .nav-tabs > .active > a:focus { - border-color: transparent #ddd #ddd #ddd; -} - -// LEFT & RIGHT -// ------------ - -// Common styles -.tabs-left > .nav-tabs > li, -.tabs-right > .nav-tabs > li { - float: none; -} -.tabs-left > .nav-tabs > li > a, -.tabs-right > .nav-tabs > li > a { - min-width: 74px; - margin-right: 0; - margin-bottom: 3px; -} - -// Tabs on the left -.tabs-left > .nav-tabs { - float: left; - margin-right: 19px; - border-right: 1px solid #ddd; -} -.tabs-left > .nav-tabs > li > a { - margin-right: -1px; - @include border-radius(4px 0 0 4px); -} -.tabs-left > .nav-tabs > li > a:hover, -.tabs-left > .nav-tabs > li > a:focus { - border-color: $grayLighter #ddd $grayLighter $grayLighter; -} -.tabs-left > .nav-tabs .active > a, -.tabs-left > .nav-tabs .active > a:hover, -.tabs-left > .nav-tabs .active > a:focus { - border-color: #ddd transparent #ddd #ddd; - *border-right-color: $white; -} - -// Tabs on the right -.tabs-right > .nav-tabs { - float: right; - margin-left: 19px; - border-left: 1px solid #ddd; -} -.tabs-right > .nav-tabs > li > a { - margin-left: -1px; - @include border-radius(0 4px 4px 0); -} -.tabs-right > .nav-tabs > li > a:hover, -.tabs-right > .nav-tabs > li > a:focus { - border-color: $grayLighter $grayLighter $grayLighter #ddd; -} -.tabs-right > .nav-tabs .active > a, -.tabs-right > .nav-tabs .active > a:hover, -.tabs-right > .nav-tabs .active > a:focus { - border-color: #ddd #ddd #ddd transparent; - *border-left-color: $white; -} - - - -// DISABLED STATES -// --------------- - -// Gray out text -.nav > .disabled > a { - color: $grayLight; -} -// Nuke hover/focus effects -.nav > .disabled > a:hover, -.nav > .disabled > a:focus { - text-decoration: none; - background-color: transparent; - cursor: default; -} diff --git a/library/sass/partials/_pager.scss b/library/sass/partials/_pager.scss deleted file mode 100755 index 46df08f..0000000 --- a/library/sass/partials/_pager.scss +++ /dev/null @@ -1,43 +0,0 @@ -// -// Pager pagination -// -------------------------------------------------- - - -.pager { - margin: $baseLineHeight 0; - list-style: none; - text-align: center; - @include clearfix(); -} -.pager li { - display: inline; -} -.pager li > a, -.pager li > span { - display: inline-block; - padding: 5px 14px; - background-color: #fff; - border: 1px solid #ddd; - @include border-radius(15px); -} -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - background-color: #f5f5f5; -} -.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: $grayLight; - background-color: #fff; - cursor: default; -} diff --git a/library/sass/partials/_pagination.scss b/library/sass/partials/_pagination.scss deleted file mode 100755 index 8ab33ba..0000000 --- a/library/sass/partials/_pagination.scss +++ /dev/null @@ -1,123 +0,0 @@ -// -// Pagination (multiple pages) -// -------------------------------------------------- - -// Space out pagination from surrounding content -.pagination { - margin: $baseLineHeight 0; -} - -.pagination ul { - // Allow for text-based alignment - display: inline-block; - @include ie7-inline-block(); - // Reset default ul styles - margin-left: 0; - margin-bottom: 0; - // Visuals - @include border-radius($baseBorderRadius); - @include box-shadow(0 1px 2px rgba(0,0,0,.05)); -} -.pagination ul > li { - display: inline; // Remove list-style and block-level defaults -} -.pagination ul > li > a, -.pagination ul > li > span { - float: left; // Collapse white-space - padding: 4px 12px; - line-height: $baseLineHeight; - text-decoration: none; - background-color: $paginationBackground; - border: 1px solid $paginationBorder; - border-left-width: 0; -} -.pagination ul > li > a:hover, -.pagination ul > li > a:focus, -.pagination ul > .active > a, -.pagination ul > .active > span { - background-color: $paginationActiveBackground; -} -.pagination ul > .active > a, -.pagination ul > .active > span { - color: $grayLight; - cursor: default; -} -.pagination ul > .disabled > span, -.pagination ul > .disabled > a, -.pagination ul > .disabled > a:hover, -.pagination ul > .disabled > a:focus { - color: $grayLight; - background-color: transparent; - cursor: default; -} -.pagination ul > li:first-child > a, -.pagination ul > li:first-child > span { - border-left-width: 1px; - @include border-left-radius($baseBorderRadius); -} -.pagination ul > li:last-child > a, -.pagination ul > li:last-child > span { - @include border-right-radius($baseBorderRadius); -} - - -// Alignment -// -------------------------------------------------- - -.pagination-centered { - text-align: center; -} -.pagination-right { - text-align: right; -} - - -// Sizing -// -------------------------------------------------- - -// Large -.pagination-large { - ul > li > a, - ul > li > span { - padding: $paddingLarge; - font-size: $fontSizeLarge; - } - ul > li:first-child > a, - ul > li:first-child > span { - @include border-left-radius($borderRadiusLarge); - } - ul > li:last-child > a, - ul > li:last-child > span { - @include border-right-radius($borderRadiusLarge); - } -} - -// Small and mini -.pagination-mini, -.pagination-small { - ul > li:first-child > a, - ul > li:first-child > span { - @include border-left-radius($borderRadiusSmall); - } - ul > li:last-child > a, - ul > li:last-child > span { - @include border-right-radius($borderRadiusSmall); - } -} - -// Small -.pagination-small { - ul > li > a, - ul > li > span { - padding: $paddingSmall; - font-size: $fontSizeSmall; - } -} -// Mini -.pagination-mini { - ul > li > a, - ul > li > span { - padding: $paddingMini; - font-size: $fontSizeMini; - } -} diff --git a/library/sass/partials/_reset.scss b/library/sass/partials/_reset.scss deleted file mode 100755 index 2f0f029..0000000 --- a/library/sass/partials/_reset.scss +++ /dev/null @@ -1,216 +0,0 @@ -// -// Reset CSS -// Adapted from http://github.com/necolas/normalize.css -// -------------------------------------------------- - - -// Display in IE6-9 and FF3 -// ------------------------- - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -nav, -section { - display: block; -} - -// Display block in IE6-9 and FF3 -// ------------------------- - -audio, -canvas, -video { - display: inline-block; - *display: inline; - *zoom: 1; -} - -// Prevents modern browsers from displaying 'audio' without controls -// ------------------------- - -audio:not([controls]) { - display: none; -} - -// Base settings -// ------------------------- - -html { - font-size: 100%; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} -// Focus states -a:focus { - @include tab-focus(); -} -// Hover & Active -a:hover, -a:active { - outline: 0; -} - -// Prevents sub and sup affecting line-height in all browsers -// ------------------------- - -sub, -sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; -} -sup { - top: -0.5em; -} -sub { - bottom: -0.25em; -} - -// Img border in a's and image quality -// ------------------------- - -img { - /* Responsive images (ensure images don't scale beyond their parents) */ - max-width: 100%; /* Part 1: Set a maxium relative to the parent */ - width: auto\9; /* IE7-8 need help adjusting responsive images */ - height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ - - vertical-align: middle; - border: 0; - -ms-interpolation-mode: bicubic; -} - -// Prevent max-width from affecting Google Maps -#map_canvas img, -.google-maps img { - max-width: none; -} - -// Forms -// ------------------------- - -// Font size in all browsers, margin changes, misc consistency -button, -input, -select, -textarea { - margin: 0; - font-size: 100%; - vertical-align: middle; -} -button, -input { - *overflow: visible; // Inner spacing ie IE6/7 - line-height: normal; // FF3/4 have !important on line-height in UA stylesheet -} -button::-moz-focus-inner, -input::-moz-focus-inner { // Inner padding and border oddities in FF3/4 - padding: 0; - border: 0; -} -button, -html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS. - cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others. -} -label, -select, -button, -input[type="button"], -input[type="reset"], -input[type="submit"], -input[type="radio"], -input[type="checkbox"] { - cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others. -} -input[type="search"] { // Appearance in Safari/Chrome - @include box-sizing(content-box); - -webkit-appearance: textfield; -} -input[type="search"]::-webkit-search-decoration, -input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5 -} -textarea { - overflow: auto; // Remove vertical scrollbar in IE6-9 - vertical-align: top; // Readability and alignment cross-browser -} - - -// Printing -// ------------------------- -// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css - -@media print { - - * { - text-shadow: none !important; - color: #000 !important; // Black prints faster: h5bp.com/s - background: transparent !important; - box-shadow: none !important; - } - - a, - a:visited { - text-decoration: underline; - } - - a[href]:after { - content: " (" attr(href) ")"; - } - - abbr[title]:after { - content: " (" attr(title) ")"; - } - - // Don't show links for images, or javascript/internal links - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } - - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - - thead { - display: table-header-group; // h5bp.com/t - } - - tr, - img { - page-break-inside: avoid; - } - - img { - max-width: 100% !important; - } - - @page { - margin: 0.5cm; - } - - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - - h2, - h3 { - page-break-after: avoid; - } -} diff --git a/library/sass/partials/_responsive-1200px-min.scss b/library/sass/partials/_responsive-1200px-min.scss deleted file mode 100755 index be54ccc..0000000 --- a/library/sass/partials/_responsive-1200px-min.scss +++ /dev/null @@ -1,28 +0,0 @@ -// -// Responsive: Large desktop and up -// -------------------------------------------------- - - -@media (min-width: 1200px) { - - // Fixed grid - @include grid-core($gridColumnWidth1200, $gridGutterWidth1200); - - // Fluid grid - @include grid-fluid($fluidGridColumnWidth1200, $fluidGridGutterWidth1200); - - // Input grid - @include grid-input($gridColumnWidth1200, $gridGutterWidth1200); - - // Thumbnails - .thumbnails { - margin-left: -$gridGutterWidth1200; - } - .thumbnails > li { - margin-left: $gridGutterWidth1200; - } - .row-fluid .thumbnails { - margin-left: 0; - } - -} diff --git a/library/sass/partials/_responsive-767px-max.scss b/library/sass/partials/_responsive-767px-max.scss deleted file mode 100755 index 54bf3b7..0000000 --- a/library/sass/partials/_responsive-767px-max.scss +++ /dev/null @@ -1,193 +0,0 @@ -// -// Responsive: Landscape phone to desktop/tablet -// -------------------------------------------------- - - -@media (max-width: 767px) { - - // Padding to set content in a bit - body { - padding-left: 20px; - padding-right: 20px; - } - // Negative indent the now static "fixed" navbar - .navbar-fixed-top, - .navbar-fixed-bottom, - .navbar-static-top { - margin-left: -20px; - margin-right: -20px; - } - // Remove padding on container given explicit padding set on body - .container-fluid { - padding: 0; - } - - // TYPOGRAPHY - // ---------- - // Reset horizontal dl - .dl-horizontal { - dt { - float: none; - clear: none; - width: auto; - text-align: left; - } - dd { - margin-left: 0; - } - } - - // GRID & CONTAINERS - // ----------------- - // Remove width from containers - .container { - width: auto; - } - // Fluid rows - .row-fluid { - width: 100%; - } - // Undo negative margin on rows and thumbnails - .row, - .thumbnails { - margin-left: 0; - } - .thumbnails > li { - float: none; - margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present - } - // Make all grid-sized elements block level again - [class*="span"], - .uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing - .row-fluid [class*="span"] { - float: none; - display: block; - width: 100%; - margin-left: 0; - @include box-sizing(border-box); - } - .span12, - .row-fluid .span12 { - width: 100%; - @include box-sizing(border-box); - } - .row-fluid [class*="offset"]:first-child { - margin-left: 0; - } - - // FORM FIELDS - // ----------- - // Make span* classes full width - .input-large, - .input-xlarge, - .input-xxlarge, - input[class*="span"], - select[class*="span"], - textarea[class*="span"], - .uneditable-input { - @include input-block-level(); - } - // But don't let it screw up prepend/append inputs - .input-prepend input, - .input-append input, - .input-prepend input[class*="span"], - .input-append input[class*="span"] { - display: inline-block; // redeclare so they don't wrap to new lines - width: auto; - } - .controls-row [class*="span"] + [class*="span"] { - margin-left: 0; - } - - // Modals - .modal { - position: fixed; - top: 20px; - left: 20px; - right: 20px; - width: auto; - margin: 0; - &.fade { top: -100px; } - &.fade.in { top: 20px; } - } - -} - - - -// UP TO LANDSCAPE PHONE -// --------------------- - -@media (max-width: 480px) { - - // Smooth out the collapsing/expanding nav - .nav-collapse { - -webkit-transform: translate3d(0, 0, 0); // activate the GPU - } - - // Block level the page header small tag for readability - .page-header h1 small { - display: block; - line-height: $baseLineHeight; - } - - // Update checkboxes for iOS - input[type="checkbox"], - input[type="radio"] { - border: 1px solid #ccc; - } - - // Remove the horizontal form styles - .form-horizontal { - .control-label { - float: none; - width: auto; - padding-top: 0; - text-align: left; - } - // Move over all input controls and content - .controls { - margin-left: 0; - } - // Move the options list down to align with labels - .control-list { - padding-top: 0; // has to be padding because margin collaspes - } - // Move over buttons in .form-actions to align with .controls - .form-actions { - padding-left: 10px; - padding-right: 10px; - } - } - - // Medias - // Reset float and spacing to stack - .media .pull-left, - .media .pull-right { - float: none; - display: block; - margin-bottom: 10px; - } - // Remove side margins since we stack instead of indent - .media-object { - margin-right: 0; - margin-left: 0; - } - - // Modals - .modal { - top: 10px; - left: 10px; - right: 10px; - } - .modal-header .close { - padding: 10px; - margin: -10px; - } - - // Carousel - .carousel-caption { - position: static; - } - -} diff --git a/library/sass/partials/_responsive-768px-979px.scss b/library/sass/partials/_responsive-768px-979px.scss deleted file mode 100755 index 1ae409f..0000000 --- a/library/sass/partials/_responsive-768px-979px.scss +++ /dev/null @@ -1,19 +0,0 @@ -// -// Responsive: Tablet to desktop -// -------------------------------------------------- - - -@media (min-width: 768px) and (max-width: 979px) { - - // Fixed grid - @include grid-core($gridColumnWidth768, $gridGutterWidth768); - - // Fluid grid - @include grid-fluid($fluidGridColumnWidth768, $fluidGridGutterWidth768); - - // Input grid - @include grid-input($gridColumnWidth768, $gridGutterWidth768); - - // No need to reset .thumbnails here since it's the same $gridGutterWidth - -} diff --git a/library/sass/partials/_responsive-navbar.scss b/library/sass/partials/_responsive-navbar.scss deleted file mode 100755 index 9898a16..0000000 --- a/library/sass/partials/_responsive-navbar.scss +++ /dev/null @@ -1,189 +0,0 @@ -// -// Responsive: Navbar -// -------------------------------------------------- - - -// TABLETS AND BELOW -// ----------------- -@media (max-width: $navbarCollapseWidth) { - - // UNFIX THE TOPBAR - // ---------------- - // Remove any padding from the body - body { - padding-top: 0; - } - // Unfix the navbars - .navbar-fixed-top, - .navbar-fixed-bottom { - position: static; - } - .navbar-fixed-top { - margin-bottom: $baseLineHeight; - } - .navbar-fixed-bottom { - margin-top: $baseLineHeight; - } - .navbar-fixed-top .navbar-inner, - .navbar-fixed-bottom .navbar-inner { - padding: 5px; - } - .navbar .container { - width: auto; - padding: 0; - } - // Account for brand name - .navbar .brand { - padding-left: 10px; - padding-right: 10px; - margin: 0 0 0 -5px; - } - - // COLLAPSIBLE NAVBAR - // ------------------ - // Nav collapse clears brand - .nav-collapse { - clear: both; - } - // Block-level the nav - .nav-collapse .nav { - float: none; - margin: 0 0 ($baseLineHeight / 2); - } - .nav-collapse .nav > li { - float: none; - } - .nav-collapse .nav > li > a { - margin-bottom: 2px; - } - .nav-collapse .nav > .divider-vertical { - display: none; - } - .nav-collapse .nav .nav-header { - color: $navbarText; - text-shadow: none; - } - // Nav and dropdown links in navbar - .nav-collapse .nav > li > a, - .nav-collapse .dropdown-menu a { - padding: 9px 15px; - font-weight: bold; - color: $navbarLinkColor; - @include border-radius(3px); - } - // Buttons - .nav-collapse .btn { - padding: 4px 10px 4px; - font-weight: normal; - @include border-radius($baseBorderRadius); - } - .nav-collapse .dropdown-menu li + li a { - margin-bottom: 2px; - } - .nav-collapse .nav > li > a:hover, - .nav-collapse .nav > li > a:focus, - .nav-collapse .dropdown-menu a:hover, - .nav-collapse .dropdown-menu a:focus { - background-color: $navbarBackground; - } - .navbar-inverse .nav-collapse .nav > li > a, - .navbar-inverse .nav-collapse .dropdown-menu a { - color: $navbarInverseLinkColor; - } - .navbar-inverse .nav-collapse .nav > li > a:hover, - .navbar-inverse .nav-collapse .nav > li > a:focus, - .navbar-inverse .nav-collapse .dropdown-menu a:hover, - .navbar-inverse .nav-collapse .dropdown-menu a:focus { - background-color: $navbarInverseBackground; - } - // Buttons in the navbar - .nav-collapse.in .btn-group { - margin-top: 5px; - padding: 0; - } - // Dropdowns in the navbar - .nav-collapse .dropdown-menu { - position: static; - top: auto; - left: auto; - float: none; - display: none; - max-width: none; - margin: 0 15px; - padding: 0; - background-color: transparent; - border: none; - @include border-radius(0); - @include box-shadow(none); - } - .nav-collapse .open > .dropdown-menu { - display: block; - } - - .nav-collapse .dropdown-menu:before, - .nav-collapse .dropdown-menu:after { - display: none; - } - .nav-collapse .dropdown-menu .divider { - display: none; - } - .nav-collapse .nav > li > .dropdown-menu { - &:before, - &:after { - display: none; - } - } - // Forms in navbar - .nav-collapse .navbar-form, - .nav-collapse .navbar-search { - float: none; - padding: ($baseLineHeight / 2) 15px; - margin: ($baseLineHeight / 2) 0; - border-top: 1px solid $navbarBackground; - border-bottom: 1px solid $navbarBackground; - @include box-shadow(inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)); - } - .navbar-inverse .nav-collapse .navbar-form, - .navbar-inverse .nav-collapse .navbar-search { - border-top-color: $navbarInverseBackground; - border-bottom-color: $navbarInverseBackground; - } - // Pull right (secondary) nav content - .navbar .nav-collapse .nav.pull-right { - float: none; - margin-left: 0; - } - // Hide everything in the navbar save .brand and toggle button */ - .nav-collapse, - .nav-collapse.collapse { - overflow: hidden; - height: 0; - } - // Navbar button - .navbar .btn-navbar { - display: block; - } - - // STATIC NAVBAR - // ------------- - .navbar-static .navbar-inner { - padding-left: 10px; - padding-right: 10px; - } - - -} - - -// DEFAULT DESKTOP -// --------------- - -@media (min-width: $navbarCollapseDesktopWidth) { - - // Required to make the collapsing navbar work on regular desktops - .nav-collapse.collapse { - height: auto !important; - overflow: visible !important; - } - -} diff --git a/library/sass/partials/_responsive-utilities.scss b/library/sass/partials/_responsive-utilities.scss deleted file mode 100755 index 689b265..0000000 --- a/library/sass/partials/_responsive-utilities.scss +++ /dev/null @@ -1,74 +0,0 @@ -// -// Responsive: Utility classes -// -------------------------------------------------- - - -// IE10 Metro responsive -// Required for Windows 8 Metro split-screen snapping with IE10 -// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/ -@-ms-viewport{ - width: device-width; -} - -// Hide from screenreaders and browsers -// Credit: HTML5 Boilerplate -.hidden { - display: none; - visibility: hidden; -} - -// Visibility utilities - -// For desktops -.visible-phone { display: none !important; } -.visible-tablet { display: none !important; } -.hidden-phone { } -.hidden-tablet { } -.hidden-desktop { display: none !important; } -.visible-desktop { display: inherit !important; } - -// Tablets & small desktops only -@media (min-width: 768px) and (max-width: 979px) { - // Hide everything else - .hidden-desktop { display: inherit !important; } - .visible-desktop { display: none !important ; } - // Show - .visible-tablet { display: inherit !important; } - // Hide - .hidden-tablet { display: none !important; } -} - -// Phones only -@media (max-width: 767px) { - // Hide everything else - .hidden-desktop { display: inherit !important; } - .visible-desktop { display: none !important; } - // Show - .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior - // Hide - .hidden-phone { display: none !important; } -} - -// Print utilities -.visible-print { display: none !important; } -.hidden-print { } - -@media print { - .visible-print { display: inherit !important; } - .hidden-print { display: none !important; } -} - -// Clearing floats -.clearfix { - @include clearfix(); -} - -// Accessible yet invisible text -.hide-text { - @include hide-text(); -} - -// Uses box-sizing mixin, so must be defined here -.input-block-level { - @include input-block-level(); -} diff --git a/library/sass/partials/_scaffolding.scss b/library/sass/partials/_scaffolding.scss deleted file mode 100755 index 23d4a00..0000000 --- a/library/sass/partials/_scaffolding.scss +++ /dev/null @@ -1,53 +0,0 @@ -// -// Scaffolding -// -------------------------------------------------- - - -// Body reset -// ------------------------- - -body { - margin: 0; - font-family: $baseFontFamily; - font-size: $baseFontSize; - line-height: $baseLineHeight; - color: $textColor; - background-color: $bodyBackground; -} - - -// Links -// ------------------------- - -a { - color: $linkColor; - text-decoration: none; -} -a:hover, -a:focus { - color: $linkColorHover; - text-decoration: underline; -} - - -// Images -// ------------------------- - -// Rounded corners -.img-rounded { - @include border-radius(6px); -} - -// Add polaroid-esque trim -.img-polaroid { - padding: 4px; - background-color: #fff; - border: 1px solid #ccc; - border: 1px solid rgba(0,0,0,.2); - @include box-shadow(0 1px 3px rgba(0,0,0,.1)); -} - -// Perfect circle -.img-circle { - @include border-radius(500px); // crank the border-radius so it works with most reasonably sized images -} diff --git a/library/sass/partials/_shame.scss b/library/sass/partials/_shame.scss deleted file mode 100644 index d43df38..0000000 --- a/library/sass/partials/_shame.scss +++ /dev/null @@ -1,3 +0,0 @@ -/* -shame.css - http://csswizardry.com/2013/04/shame-css/ -*/ \ No newline at end of file diff --git a/library/sass/partials/_sprites.scss b/library/sass/partials/_sprites.scss deleted file mode 100755 index a64472d..0000000 --- a/library/sass/partials/_sprites.scss +++ /dev/null @@ -1,197 +0,0 @@ -// -// Sprites -// -------------------------------------------------- - - -// ICONS -// ----- - -// All icons receive the styles of the tag with a base class -// of .i and are then given a unique class to add width, height, -// and background-position. Your resulting HTML will look like -// . - -// For the white version of the icons, just add the .icon-white class: -// - -[class^="icon-"], -[class*=" icon-"] { - display: inline-block; - width: 14px; - height: 14px; - @include ie7-restore-right-whitespace(); - line-height: 14px; - vertical-align: text-top; - background-image: url($iconSpritePath); - background-position: 14px 14px; - background-repeat: no-repeat; - margin-top: 1px; -} - -/* White icons with optional class, or on hover/focus/active states of certain elements */ -.icon-white, -.nav-pills > .active > a > [class^="icon-"], -.nav-pills > .active > a > [class*=" icon-"], -.nav-list > .active > a > [class^="icon-"], -.nav-list > .active > a > [class*=" icon-"], -.navbar-inverse .nav > .active > a > [class^="icon-"], -.navbar-inverse .nav > .active > a > [class*=" icon-"], -.dropdown-menu > li > a:hover > [class^="icon-"], -.dropdown-menu > li > a:focus > [class^="icon-"], -.dropdown-menu > li > a:hover > [class*=" icon-"], -.dropdown-menu > li > a:focus > [class*=" icon-"], -.dropdown-menu > .active > a > [class^="icon-"], -.dropdown-menu > .active > a > [class*=" icon-"], -.dropdown-submenu:hover > a > [class^="icon-"], -.dropdown-submenu:focus > a > [class^="icon-"], -.dropdown-submenu:hover > a > [class*=" icon-"], -.dropdown-submenu:focus > a > [class*=" icon-"] { - background-image: url($iconWhiteSpritePath); -} - -.icon-glass { background-position: 0 0; } -.icon-music { background-position: -24px 0; } -.icon-search { background-position: -48px 0; } -.icon-envelope { background-position: -72px 0; } -.icon-heart { background-position: -96px 0; } -.icon-star { background-position: -120px 0; } -.icon-star-empty { background-position: -144px 0; } -.icon-user { background-position: -168px 0; } -.icon-film { background-position: -192px 0; } -.icon-th-large { background-position: -216px 0; } -.icon-th { background-position: -240px 0; } -.icon-th-list { background-position: -264px 0; } -.icon-ok { background-position: -288px 0; } -.icon-remove { background-position: -312px 0; } -.icon-zoom-in { background-position: -336px 0; } -.icon-zoom-out { background-position: -360px 0; } -.icon-off { background-position: -384px 0; } -.icon-signal { background-position: -408px 0; } -.icon-cog { background-position: -432px 0; } -.icon-trash { background-position: -456px 0; } - -.icon-home { background-position: 0 -24px; } -.icon-file { background-position: -24px -24px; } -.icon-time { background-position: -48px -24px; } -.icon-road { background-position: -72px -24px; } -.icon-download-alt { background-position: -96px -24px; } -.icon-download { background-position: -120px -24px; } -.icon-upload { background-position: -144px -24px; } -.icon-inbox { background-position: -168px -24px; } -.icon-play-circle { background-position: -192px -24px; } -.icon-repeat { background-position: -216px -24px; } -.icon-refresh { background-position: -240px -24px; } -.icon-list-alt { background-position: -264px -24px; } -.icon-lock { background-position: -287px -24px; } // 1px off -.icon-flag { background-position: -312px -24px; } -.icon-headphones { background-position: -336px -24px; } -.icon-volume-off { background-position: -360px -24px; } -.icon-volume-down { background-position: -384px -24px; } -.icon-volume-up { background-position: -408px -24px; } -.icon-qrcode { background-position: -432px -24px; } -.icon-barcode { background-position: -456px -24px; } - -.icon-tag { background-position: 0 -48px; } -.icon-tags { background-position: -25px -48px; } // 1px off -.icon-book { background-position: -48px -48px; } -.icon-bookmark { background-position: -72px -48px; } -.icon-print { background-position: -96px -48px; } -.icon-camera { background-position: -120px -48px; } -.icon-font { background-position: -144px -48px; } -.icon-bold { background-position: -167px -48px; } // 1px off -.icon-italic { background-position: -192px -48px; } -.icon-text-height { background-position: -216px -48px; } -.icon-text-width { background-position: -240px -48px; } -.icon-align-left { background-position: -264px -48px; } -.icon-align-center { background-position: -288px -48px; } -.icon-align-right { background-position: -312px -48px; } -.icon-align-justify { background-position: -336px -48px; } -.icon-list { background-position: -360px -48px; } -.icon-indent-left { background-position: -384px -48px; } -.icon-indent-right { background-position: -408px -48px; } -.icon-facetime-video { background-position: -432px -48px; } -.icon-picture { background-position: -456px -48px; } - -.icon-pencil { background-position: 0 -72px; } -.icon-map-marker { background-position: -24px -72px; } -.icon-adjust { background-position: -48px -72px; } -.icon-tint { background-position: -72px -72px; } -.icon-edit { background-position: -96px -72px; } -.icon-share { background-position: -120px -72px; } -.icon-check { background-position: -144px -72px; } -.icon-move { background-position: -168px -72px; } -.icon-step-backward { background-position: -192px -72px; } -.icon-fast-backward { background-position: -216px -72px; } -.icon-backward { background-position: -240px -72px; } -.icon-play { background-position: -264px -72px; } -.icon-pause { background-position: -288px -72px; } -.icon-stop { background-position: -312px -72px; } -.icon-forward { background-position: -336px -72px; } -.icon-fast-forward { background-position: -360px -72px; } -.icon-step-forward { background-position: -384px -72px; } -.icon-eject { background-position: -408px -72px; } -.icon-chevron-left { background-position: -432px -72px; } -.icon-chevron-right { background-position: -456px -72px; } - -.icon-plus-sign { background-position: 0 -96px; } -.icon-minus-sign { background-position: -24px -96px; } -.icon-remove-sign { background-position: -48px -96px; } -.icon-ok-sign { background-position: -72px -96px; } -.icon-question-sign { background-position: -96px -96px; } -.icon-info-sign { background-position: -120px -96px; } -.icon-screenshot { background-position: -144px -96px; } -.icon-remove-circle { background-position: -168px -96px; } -.icon-ok-circle { background-position: -192px -96px; } -.icon-ban-circle { background-position: -216px -96px; } -.icon-arrow-left { background-position: -240px -96px; } -.icon-arrow-right { background-position: -264px -96px; } -.icon-arrow-up { background-position: -289px -96px; } // 1px off -.icon-arrow-down { background-position: -312px -96px; } -.icon-share-alt { background-position: -336px -96px; } -.icon-resize-full { background-position: -360px -96px; } -.icon-resize-small { background-position: -384px -96px; } -.icon-plus { background-position: -408px -96px; } -.icon-minus { background-position: -433px -96px; } -.icon-asterisk { background-position: -456px -96px; } - -.icon-exclamation-sign { background-position: 0 -120px; } -.icon-gift { background-position: -24px -120px; } -.icon-leaf { background-position: -48px -120px; } -.icon-fire { background-position: -72px -120px; } -.icon-eye-open { background-position: -96px -120px; } -.icon-eye-close { background-position: -120px -120px; } -.icon-warning-sign { background-position: -144px -120px; } -.icon-plane { background-position: -168px -120px; } -.icon-calendar { background-position: -192px -120px; } -.icon-random { background-position: -216px -120px; width: 16px; } -.icon-comment { background-position: -240px -120px; } -.icon-magnet { background-position: -264px -120px; } -.icon-chevron-up { background-position: -288px -120px; } -.icon-chevron-down { background-position: -313px -119px; } // 1px, 1px off -.icon-retweet { background-position: -336px -120px; } -.icon-shopping-cart { background-position: -360px -120px; } -.icon-folder-close { background-position: -384px -120px; width: 16px; } -.icon-folder-open { background-position: -408px -120px; width: 16px; } -.icon-resize-vertical { background-position: -432px -119px; } // 1px, 1px off -.icon-resize-horizontal { background-position: -456px -118px; } // 1px, 2px off - -.icon-hdd { background-position: 0 -144px; } -.icon-bullhorn { background-position: -24px -144px; } -.icon-bell { background-position: -48px -144px; } -.icon-certificate { background-position: -72px -144px; } -.icon-thumbs-up { background-position: -96px -144px; } -.icon-thumbs-down { background-position: -120px -144px; } -.icon-hand-right { background-position: -144px -144px; } -.icon-hand-left { background-position: -168px -144px; } -.icon-hand-up { background-position: -192px -144px; } -.icon-hand-down { background-position: -216px -144px; } -.icon-circle-arrow-right { background-position: -240px -144px; } -.icon-circle-arrow-left { background-position: -264px -144px; } -.icon-circle-arrow-up { background-position: -288px -144px; } -.icon-circle-arrow-down { background-position: -312px -144px; } -.icon-globe { background-position: -336px -144px; } -.icon-wrench { background-position: -360px -144px; } -.icon-tasks { background-position: -384px -144px; } -.icon-filter { background-position: -408px -144px; } -.icon-briefcase { background-position: -432px -144px; } -.icon-fullscreen { background-position: -456px -144px; } diff --git a/library/sass/partials/_tables.scss b/library/sass/partials/_tables.scss deleted file mode 100755 index 3db661e..0000000 --- a/library/sass/partials/_tables.scss +++ /dev/null @@ -1,235 +0,0 @@ -// -// Tables -// -------------------------------------------------- - - -// BASE TABLES -// ----------------- - -table { - max-width: 100%; - background-color: $tableBackground; - border-collapse: collapse; - border-spacing: 0; -} - -// BASELINE STYLES -// --------------- - -.table { - width: 100%; - margin-bottom: $baseLineHeight; - // Cells - th, - td { - padding: 8px; - line-height: $baseLineHeight; - text-align: left; - vertical-align: top; - border-top: 1px solid $tableBorder; - } - th { - font-weight: bold; - } - // Bottom align for column headings - thead th { - vertical-align: bottom; - } - // Remove top border from thead by default - caption + thead tr:first-child th, - caption + thead tr:first-child td, - colgroup + thead tr:first-child th, - colgroup + thead tr:first-child td, - thead:first-child tr:first-child th, - thead:first-child tr:first-child td { - border-top: 0; - } - // Account for multiple tbody instances - tbody + tbody { - border-top: 2px solid $tableBorder; - } - - // Nesting - .table { - background-color: $bodyBackground; - } -} - - - -// CONDENSED TABLE W/ HALF PADDING -// ------------------------------- - -.table-condensed { - th, - td { - padding: 4px 5px; - } -} - - -// BORDERED VERSION -// ---------------- - -.table-bordered { - border: 1px solid $tableBorder; - border-collapse: separate; // Done so we can round those corners! - *border-collapse: collapse; // IE7 can't round corners anyway - border-left: 0; - @include border-radius($baseBorderRadius); - th, - td { - border-left: 1px solid $tableBorder; - } - // Prevent a double border - caption + thead tr:first-child th, - caption + tbody tr:first-child th, - caption + tbody tr:first-child td, - colgroup + thead tr:first-child th, - colgroup + tbody tr:first-child th, - colgroup + tbody tr:first-child td, - thead:first-child tr:first-child th, - tbody:first-child tr:first-child th, - tbody:first-child tr:first-child td { - border-top: 0; - } - // For first th/td in the first row in the first thead or tbody - thead:first-child tr:first-child > th:first-child, - tbody:first-child tr:first-child > td:first-child, - tbody:first-child tr:first-child > th:first-child { - @include border-top-left-radius($baseBorderRadius); - } - // For last th/td in the first row in the first thead or tbody - thead:first-child tr:first-child > th:last-child, - tbody:first-child tr:first-child > td:last-child, - tbody:first-child tr:first-child > th:last-child { - @include border-top-right-radius($baseBorderRadius); - } - // For first th/td (can be either) in the last row in the last thead, tbody, and tfoot - thead:last-child tr:last-child > th:first-child, - tbody:last-child tr:last-child > td:first-child, - tbody:last-child tr:last-child > th:first-child, - tfoot:last-child tr:last-child > td:first-child, - tfoot:last-child tr:last-child > th:first-child { - @include border-bottom-left-radius($baseBorderRadius); - } - // For last th/td (can be either) in the last row in the last thead, tbody, and tfoot - thead:last-child tr:last-child > th:last-child, - tbody:last-child tr:last-child > td:last-child, - tbody:last-child tr:last-child > th:last-child, - tfoot:last-child tr:last-child > td:last-child, - tfoot:last-child tr:last-child > th:last-child { - @include border-bottom-right-radius($baseBorderRadius); - } - - // Clear border-radius for first and last td in the last row in the last tbody for table with tfoot - tfoot + tbody:last-child tr:last-child td:first-child { - @include border-bottom-left-radius(0); - } - tfoot + tbody:last-child tr:last-child td:last-child { - @include border-bottom-right-radius(0); - } - - // Special fixes to round the left border on the first td/th - caption + thead tr:first-child th:first-child, - caption + tbody tr:first-child td:first-child, - colgroup + thead tr:first-child th:first-child, - colgroup + tbody tr:first-child td:first-child { - @include border-top-left-radius($baseBorderRadius); - } - caption + thead tr:first-child th:last-child, - caption + tbody tr:first-child td:last-child, - colgroup + thead tr:first-child th:last-child, - colgroup + tbody tr:first-child td:last-child { - @include border-top-right-radius($baseBorderRadius); - } - -} - - - - -// ZEBRA-STRIPING -// -------------- - -// Default zebra-stripe styles (alternating gray and transparent backgrounds) -.table-striped { - tbody { - > tr:nth-child(odd) > td, - > tr:nth-child(odd) > th { - background-color: $tableBackgroundAccent; - } - } -} - - -// HOVER EFFECT -// ------------ -// Placed here since it has to come after the potential zebra striping -.table-hover { - tbody { - tr:hover > td, - tr:hover > th { - background-color: $tableBackgroundHover; - } - } -} - - -// TABLE CELL SIZING -// ----------------- - -// Reset default grid behavior -table td[class*="span"], -table th[class*="span"], -.row-fluid table td[class*="span"], -.row-fluid table th[class*="span"] { - display: table-cell; - float: none; // undo default grid column styles - margin-left: 0; // undo default grid column styles -} - -// Change the column widths to account for td/th padding -.table td, -.table th { - @for $i from 1 through 12 { - &.span#{$i} { @include tableColumns($i); } - } -} - - - -// TABLE BACKGROUNDS -// ----------------- -// Exact selectors below required to override .table-striped - -.table tbody tr { - &.success > td { - background-color: $successBackground; - } - &.error > td { - background-color: $errorBackground; - } - &.warning > td { - background-color: $warningBackground; - } - &.info > td { - background-color: $infoBackground; - } -} - -// Hover states for .table-hover -.table-hover tbody tr { - &.success:hover > td { - background-color: darken($successBackground, 5%); - } - &.error:hover > td { - background-color: darken($errorBackground, 5%); - } - &.warning:hover > td { - background-color: darken($warningBackground, 5%); - } - &.info:hover > td { - background-color: darken($infoBackground, 5%); - } -} diff --git a/library/sass/partials/_thumbnails.scss b/library/sass/partials/_thumbnails.scss deleted file mode 100755 index 6333d53..0000000 --- a/library/sass/partials/_thumbnails.scss +++ /dev/null @@ -1,53 +0,0 @@ -// -// Thumbnails -// -------------------------------------------------- - - -// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files - -// Make wrapper ul behave like the grid -.thumbnails { - margin-left: -$gridGutterWidth; - list-style: none; - @include clearfix(); -} -// Fluid rows have no left margin -.row-fluid .thumbnails { - margin-left: 0; -} - -// Float li to make thumbnails appear in a row -.thumbnails > li { - float: left; // Explicity set the float since we don't require .span* classes - margin-bottom: $baseLineHeight; - margin-left: $gridGutterWidth; -} - -// The actual thumbnail (can be `a` or `div`) -.thumbnail { - display: block; - padding: 4px; - line-height: $baseLineHeight; - border: 1px solid #ddd; - @include border-radius($baseBorderRadius); - @include box-shadow(0 1px 3px rgba(0,0,0,.055)); - @include transition(all .2s ease-in-out); -} -// Add a hover/focus state for linked versions only -a.thumbnail:hover, -a.thumbnail:focus { - border-color: $linkColor; - @include box-shadow(0 1px 4px rgba(0,105,214,.25)); -} - -// Images and captions -.thumbnail > img { - display: block; - max-width: 100%; - margin-left: auto; - margin-right: auto; -} -.thumbnail .caption { - padding: 9px; - color: $gray; -} diff --git a/library/sass/partials/_type.scss b/library/sass/partials/_type.scss deleted file mode 100755 index f68e7ba..0000000 --- a/library/sass/partials/_type.scss +++ /dev/null @@ -1,247 +0,0 @@ -// -// Typography -// -------------------------------------------------- - - -// Body text -// ------------------------- - -p { - margin: 0 0 $baseLineHeight / 2; -} -.lead { - margin-bottom: $baseLineHeight; - font-size: $baseFontSize * 1.5; - font-weight: 200; - line-height: $baseLineHeight * 1.5; -} - - -// Emphasis & misc -// ------------------------- - -// Ex: 14px base font * 85% = about 12px -small { font-size: 85%; } - -strong { font-weight: bold; } -em { font-style: italic; } -cite { font-style: normal; } - -// Utility classes -.muted { color: $grayLight; } -a.muted:hover, -a.muted:focus { color: darken($grayLight, 10%); } - -.text-warning { color: $warningText; } -a.text-warning:hover, -a.text-warning:focus { color: darken($warningText, 10%); } - -.text-error { color: $errorText; } -a.text-error:hover, -a.text-error:focus { color: darken($errorText, 10%); } - -.text-info { color: $infoText; } -a.text-info:hover, -a.text-info:focus { color: darken($infoText, 10%); } - -.text-success { color: $successText; } -a.text-success:hover, -a.text-success:focus { color: darken($successText, 10%); } - -.text-left { text-align: left; } -.text-right { text-align: right; } -.text-center { text-align: center; } - - -// Headings -// ------------------------- - -h1, h2, h3, h4, h5, h6 { - margin: ($baseLineHeight / 2) 0; - font-family: $headingsFontFamily; - font-weight: $headingsFontWeight; - line-height: $baseLineHeight; - color: $headingsColor; - text-rendering: optimizelegibility; // Fix the character spacing for headings - small { - font-weight: normal; - line-height: 1; - color: $grayLight; - } -} - -h1, -h2, -h3 { line-height: $baseLineHeight * 2; } - -h1 { font-size: $baseFontSize * 2.75; } // ~38px -h2 { font-size: $baseFontSize * 2.25; } // ~32px -h3 { font-size: $baseFontSize * 1.75; } // ~24px -h4 { font-size: $baseFontSize * 1.25; } // ~18px -h5 { font-size: $baseFontSize; } -h6 { font-size: $baseFontSize * 0.85; } // ~12px - -h1 small { font-size: $baseFontSize * 1.75; } // ~24px -h2 small { font-size: $baseFontSize * 1.25; } // ~18px -h3 small { font-size: $baseFontSize; } -h4 small { font-size: $baseFontSize; } - - -// Page header -// ------------------------- - -.page-header { - padding-bottom: ($baseLineHeight / 2) - 1; - margin: $baseLineHeight 0 ($baseLineHeight * 1.5); - border-bottom: 1px solid $grayLighter; -} - - - -// Lists -// -------------------------------------------------- - -// Unordered and Ordered lists -ul, ol { - padding: 0; - margin: 0 0 $baseLineHeight / 2 25px; -} -ul ul, -ul ol, -ol ol, -ol ul { - margin-bottom: 0; -} -li { - line-height: $baseLineHeight; -} - -// Remove default list styles -ul.unstyled, -ol.unstyled { - margin-left: 0; - list-style: none; -} - -// Single-line list items -ul.inline, -ol.inline { - margin-left: 0; - list-style: none; - > li { - display: inline-block; - @include ie7-inline-block(); - padding-left: 5px; - padding-right: 5px; - } -} - -// Description Lists -dl { - margin-bottom: $baseLineHeight; -} -dt, -dd { - line-height: $baseLineHeight; -} -dt { - font-weight: bold; -} -dd { - margin-left: $baseLineHeight / 2; -} -// Horizontal layout (like forms) -.dl-horizontal { - @include clearfix(); // Ensure dl clears floats if empty dd elements present - dt { - float: left; - width: $horizontalComponentOffset - 20; - clear: left; - text-align: right; - @include text-overflow(); - } - dd { - margin-left: $horizontalComponentOffset; - } -} - -// MISC -// ---- - -// Horizontal rules -hr { - margin: $baseLineHeight 0; - border: 0; - border-top: 1px solid $hrBorder; - border-bottom: 1px solid $white; -} - -// Abbreviations and acronyms -abbr[title], -// Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257 -abbr[data-original-title] { - cursor: help; - border-bottom: 1px dotted $grayLight; -} -abbr.initialism { - font-size: 90%; - text-transform: uppercase; -} - -// Blockquotes -blockquote { - padding: 0 0 0 15px; - margin: 0 0 $baseLineHeight; - border-left: 5px solid $grayLighter; - p { - margin-bottom: 0; - font-size: $baseFontSize * 1.25; - font-weight: 300; - line-height: 1.25; - } - small { - display: block; - line-height: $baseLineHeight; - color: $grayLight; - &:before { - content: '\2014 \00A0'; - } - } - - // Float right with text-align: right - &.pull-right { - float: right; - padding-right: 15px; - padding-left: 0; - border-right: 5px solid $grayLighter; - border-left: 0; - p, - small { - text-align: right; - } - small { - &:before { - content: ''; - } - &:after { - content: '\00A0 \2014'; - } - } - } -} - -// Quotes -q:before, -q:after, -blockquote:before, -blockquote:after { - content: ""; -} - -// Addresses -address { - display: block; - margin-bottom: $baseLineHeight; - font-style: normal; - line-height: $baseLineHeight; -} diff --git a/library/sass/partials/_wp.scss b/library/sass/partials/_wp.scss deleted file mode 100644 index 59b6e61..0000000 --- a/library/sass/partials/_wp.scss +++ /dev/null @@ -1,579 +0,0 @@ -/* The default styles /style.css put into your bootstrap.css for more awesome */ - -/* micro clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */ -/* For modern browsers */ -.clearfix:before, -.clearfix:after { - content:""; - display:table; -} - -.clearfix:after { - clear:both; -} - -/* For IE 6/7 (trigger hasLayout) */ -.clearfix { - zoom:1; -} - -/* wp-specific classes */ -.wp-caption{ - -} - -.wp-caption-text{ - -} - -.sticky{ - -} - -.gallery-caption{ - -} - -/* layout */ - -body{ - padding-top: 0; -} - -/* Admin Top Navigation fixes */ - -body.admin-bar .navbar-fixed-top{ - top: 28px; -} - -.navbar .brand{ - color: #000; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125); - font-weight: bold !important; -} - -.nav-container{ - padding-left: 0; - padding-right: 0; -} - -#inner-header{ - width: 100%; -} - -input, textarea, select, .uneditable-input { - margin-bottom: 0; -} - -.navbar-form, .navbar-search { - margin: 0 0 9px; -} - -.navbar-search{ - padding-left: 0; -} - -#s{ - width: 100px; -} - -#content{ - padding: 10px 0 0; -} - -.more-link{ - white-space: nowrap; -} - -.footer-links{ - float: right; - margin-bottom: 18px; -} - -.footer-links .menu{ - list-style-type: none; - margin-left: 0; -} - -.footer-links .menu li{ - float: left; - margin-left: 10px; -} - -/* post styling */ - -#main p.meta{ - font-style: italic; - color: #808080; -} - -#main article{ - margin-bottom: 18px; - border-bottom: 1px solid #eeeeee; - padding: 0 0 9px; -} - -#main article footer{ - border-top: none; - margin-top: 0; - padding-top: 0; - position: relative; - min-height: 20px; -} - -#main article footer a.edit-post{ - position: absolute; - right: 0; - top: 0; - display: none; -} - -.post:hover a.edit-post{ - display: inline; -} - -p.tags{ - line-height: 20px; -} - -div[id*='attachment_']{ - max-width: 100%; - height: 100%; -} - -#credit320{ - background: url('images/320press_mini.png') no-repeat left top transparent; - padding-left: 20px; -} - -#main .hero-unit img{ - margin-bottom: 1em; -} - -#main article img{ - height: auto; - max-width: 100%; -} - -img.alignleft{ - margin-right: 10px; - float: left; -} - -img.alignright{ - margin-left: 10px; - float: right; -} - -img.aligncenter{ - display: block; - margin: 0 auto; -} - -.post header img{ - margin-bottom: 18px; -} - -.archive #main .post h3{ - line-height: 24px; - margin-bottom: 10px; -} - -video { - max-width: 100%; - height: auto; -} - -.video-container { - position: relative; - padding-bottom: 56.25%; - padding-top: 30px; - height: 0; - overflow: hidden; -} - -.video-container iframe, -.video-container object, -.video-container embed { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - -.video-wrapper { - width: 630px; - max-width: 100%; - margin-bottom: 18px; -} - -/* page styling */ - -#featured-carousel .item{ - width: 970px; - height: 600px; -} - -.carousel-caption p{ - display: none; -} - -.page-template-page-homepage-php #main article{ - border-bottom: none; -} - -.page-template-page-homepage-php .hero-unit, -.blog .hero-unit{ - padding: 1em; -} - -.hero-unit h1 { - font-size: 3em; -} - -/* comments */ - - - -#comments{ - line-height: 24px; - margin-bottom: 18px; -} - -ol.commentlist, -ol.commentlist ul.children{ - list-style-type: none; - margin-left: 0; -} - -.comment .vcard > div{ - margin-top: 8px; - padding: 0 10px; -} - -ol.commentlist time{ - font-size: .8em; - color: #eeeeee; -} - -ol.commentlist div.comment-author{ - position: relative; -} - -ol.commentlist a.comment-edit-link{ - color: #ffffff; - text-decoration: none; - padding-left: 5px; -} - -ol.commentlist span.edit-comment{ - position: absolute; - right: 0; - top: 8px; -} - -ol.commentlist li.bypostauthor{ - background-color: #dddddd; -} - -ol.commentlist ul.children li{ - background-color: #cccccc; -} - -ol.commentlist ul.children li ul.children li{ - background-color: #bbbbbb; -} - -ol.commentlist ul.children li ul.children li ul.children li{ - background-color: #aaaaaa; -} - -ol.commentlist article{ - border-bottom: none !important; -} - -a.comment-reply-link{ - position: absolute; - right: 0; - bottom: 0; -} - -#comment-nav ul{ - list-style-type: none; - margin: 0; -} - -#comment-form-elements{ - list-style-type: none; - margin: 0; -} - -.comment .vcard .avatar{ - padding-right: 0; -} - -.comment .vcard .comment-text{ - margin-left: 0; -} - -img.avatar{ - border-top: 1px solid #ddd; - border-bottom: 1px solid #dedede; - border-right: 1px solid #dedede; - border-left: 1px solid #ddd; - -} - -ol.commentlist li{ - padding-right: 10px; - background-color: #F0F0F0; -} - -#pings{ - margin-bottom: 9px; -} - -ol.pinglist{ - list-style-type: none; - margin: 0 0 9px 0; -} - -#comment{ - width: 270px; -} - -ol.commentlist #respond{ - padding: 5px 10px; -} - -/* specific post-type styles */ - -/* image attachment */ - -.attachment #main .post_content img{ - max-width: 100%; -} - -.ie8 #main .media-grid img{ - max-height: none !important; - max-width: none !important; -} - -.attachment-img{ - margin-bottom: 18px; -} - -.metadata p.alert-message{ - margin-right: 0; - margin-bottom: 18px; -} - -#gallery-nav{ - list-style-type: none; - margin-left: 0; -} - -li.next a, li.previous a{ - position: relative; -} - -li.next a:hover:before{ - content: "\2190"; - position: absolute; - display: block; - top: 42%; - left: 0; - background-color: #BFBFBF; - color: #444; - width: 20px; - height: 20px; - padding-left: 5px; - text-decoration: none; - box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -} - -li.previous a:hover:before{ - content: "\2192"; - position: absolute; - display: block; - top: 42%; - right: 0; - background-color: #BFBFBF; - color: #444; - width: 20px; - height: 20px; - padding-left: 5px; - text-decoration: none; - box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -} - - -/* widget styles */ - -.widget{ - margin-bottom: 18px; -} - -.widgettitle{ - margin-bottom: 9px; -} - -#tag-cloud{ - margin-bottom: 18px; - line-height: 160%; -} - -/* for some reason the bs version currently available for download doesn't have this style */ -.label{ - text-transform: uppercase; -} - -/* override standard link hover for the tag cloud widget */ -#tag-cloud a:hover, -.tags a:hover{ - color: #ffffff; - text-decoration: none; -} - -#tag-cloud a{ - white-space: pre; - text-transform: uppercase; -} - -/* change default form padding for search */ - -.widget_search form{ - padding-left: 0; -} - -.widget_search input{ - width: 121px; -} - -/* calendar widget */ - -#calendar_wrap{ - border: 1px solid #ddd; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - padding: 5px; -} - -#wp-calendar{ - width: 100%; - -} - -#wp-calendar caption{ - font-weight: bold; - padding: 8px; -} - -#wp-calendar tr{ - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; -} - -#wp-calendar tr:last-child{ - border-bottom: none; -} - -#wp-calendar td{ - text-align: center; - padding: 8px 0; -} - -blockquote.pull-left{ - padding-right: 15px; -} - -@media only screen and (min-width: 768px) { - .carousel-caption p{ - display: block; - } -} - -@media only screen and (min-width: 980px) { - body{ - padding-top: 60px; - } - - .container-fluid{ - max-width: 970px; - margin: 0 auto; - padding-left: 20px; - padding-right: 20px; - } - - #inner-footer{ - padding: 0; - } - - #content{ - padding-left: 0; - padding-right: 0; - } - - .topbar-inner{ - padding: 0; - } - - .topbar form.pull-right { - float: right; - } - - .navbar-form, .navbar-search { - margin-top: 6px; - margin-bottom: 0; - } - - .navbar-search{ - padding-left: 0; - } - - .sidebar{ - margin-top: 0 !important; - } - - .widget_search input{ - width: 230px; - } - - .blog .hero-unit{ - margin-top: 10px; - } - - .page-template-page-homepage-php .hero-unit, - .blog .hero-unit{ - padding: 60px; - } - - .hero-unit h1 { - font-size: 60px; - } - - /* hide edit comment button and show on hover on desktop version */ - .edit-comment{ - display: none; - } - - .vcard:hover .edit-comment{ - display: inline-block; - } - - #s{ - width: 210px; - margin-bottom: 6px; - } - - .widget_search input{ - width: 209px; - } - - .comment .vcard .comment-text{ - padding-left: 0; - padding-right: 0; - } -} \ No newline at end of file diff --git a/library/sass/responsive.scss b/library/sass/responsive.scss deleted file mode 100755 index 7017fec..0000000 --- a/library/sass/responsive.scss +++ /dev/null @@ -1,48 +0,0 @@ -/*! - * Bootstrap Responsive v2.3.1 - * - * Copyright 2012 Twitter, Inc - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Designed and built with all the love in the world @twitter by @mdo and @fat. - */ - - -// Responsive -// For phone and tablet devices -// ------------------------------------------------------------- - - -// REPEAT VARIABLES & MIXINS -// ------------------------- -// Required since we compile the responsive stuff separately - -@import "variables"; // Modify this for custom colors, font-sizes, etc -@import "partials/mixins"; - - -// RESPONSIVE CLASSES -// ------------------ - -@import "partials/responsive-utilities"; - - -// MEDIA QUERIES -// ------------------ - -// Large desktops -@import "partials/responsive-1200px-min"; - -// Tablets to regular desktops -@import "partials/responsive-768px-979px"; - -// Phones to portrait tablets and narrow desktops -@import "partials/responsive-767px-max"; - - -// RESPONSIVE NAVBAR -// ------------------ - -// From 979px and below, show a button to toggle navbar contents -@import "partials/responsive-navbar"; From 46f2fefe5efe36c2e9054683a04a2a24073fc865 Mon Sep 17 00:00:00 2001 From: Noah Bass Date: Tue, 4 Jun 2013 10:16:57 -0400 Subject: [PATCH 2/3] Added new bootstrap containers, rows, and columns --- 404.php | 8 +++--- archive.php | 4 +-- attachment.php | 4 +-- author.php | 4 +-- footer.php | 4 +-- functions.php | 3 --- header.php | 60 +++++++++++++++++++------------------------ image.php | 6 ++--- index.php | 6 ++--- page-full-width.php | 4 +-- page-homepage.php | 8 +++--- page-left-sidebar.php | 4 +-- page.php | 4 +-- search.php | 4 +-- sidebar-sidebar2.php | 2 +- sidebar.php | 2 +- single.php | 4 +-- 17 files changed, 61 insertions(+), 70 deletions(-) diff --git a/404.php b/404.php index 932d6ed..5c4ef32 100644 --- a/404.php +++ b/404.php @@ -1,8 +1,8 @@ -
        +
        -
        +
        @@ -21,8 +21,8 @@

        -
        -
        +
        +
        diff --git a/archive.php b/archive.php index 860832b..a137e0b 100644 --- a/archive.php +++ b/archive.php @@ -1,8 +1,8 @@ -
        +
        -
        +
        diff --git a/attachment.php b/attachment.php index b5bd623..a652e5e 100644 --- a/attachment.php +++ b/attachment.php @@ -1,8 +1,8 @@ -
        +
        -
        +
        diff --git a/author.php b/author.php index 365ebf0..0987c91 100644 --- a/author.php +++ b/author.php @@ -1,8 +1,8 @@ -
        +
        -
        +

        diff --git a/footer.php b/footer.php index b8f6a92..ba6a2b5 100644 --- a/footer.php +++ b/footer.php @@ -15,9 +15,9 @@ -

        Mashing together Sass Twitter Bootstrap and WordPress Bootstrap.

        +

        320press

        -

        ©

        +

        ©

        diff --git a/functions.php b/functions.php index 1a13ab3..f7c6436 100644 --- a/functions.php +++ b/functions.php @@ -474,10 +474,7 @@ function add_active_class($classes, $item) { function theme_styles() { // This is the compiled css file from LESS - this means you compile the LESS file locally and put it in the appropriate directory if you want to make any changes to the master bootstrap.css. wp_register_style( 'bootstrap', get_template_directory_uri() . '/library/css/bootstrap.css', array(), '1.0', 'all' ); - wp_register_style( 'bootstrap-responsive', get_template_directory_uri() . '/library/css/responsive.css', array(), '1.0', 'all' ); - wp_enqueue_style( 'bootstrap' ); - wp_enqueue_style( 'bootstrap-responsive' ); } } add_action( 'wp_enqueue_scripts', 'theme_styles' ); diff --git a/header.php b/header.php index ede56fc..b1e778d 100644 --- a/header.php +++ b/header.php @@ -1,4 +1,4 @@ - + @@ -39,39 +39,33 @@ >
        - -
        -
        -
        -
        - - - - - - -
        -
        -
        - -
        +
        +
        + + + + + + + +
        + +
        + + + + + +
        +
        -
        +
        diff --git a/image.php b/image.php index 8446556..c014fb7 100644 --- a/image.php +++ b/image.php @@ -8,9 +8,9 @@ get_header(); ?> -
        +
        -
        +
        @@ -77,7 +77,7 @@
        -