Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Version .7 theme updates

  • Loading branch information...
commit 02e320c25ed2ded99f0655a6ed275b2c43b012aa 1 parent 923c96e
@rachelbaker authored
Showing with 12,459 additions and 1,923 deletions.
  1. +38 −32 404.php
  2. +27 −25 README.md
  3. +7 −7 author.php
  4. +8 −8 comments.php
  5. +3,302 −0 css/bootstrap.css
  6. +627 −0 css/docs.css
  7. +34 −0 css/prettify.css
  8. +719 −0 css/wordpress.css
  9. +171 −12 docs/assets/css/docs.css
  10. BIN  docs/assets/img/glyphicons-halflings-sprite.png
  11. +128 −58 docs/assets/js/application.js
  12. +26 −33 docs/assets/js/google-code-prettify/prettify.css
  13. +3 −0  docs/assets/js/jquery.tablesorter.js
  14. +739 −373 docs/base-css.html
  15. +1,069 −585 docs/components.html
  16. +110 −16 docs/index.html
  17. +810 −401 docs/javascript.html
  18. +77 −21 docs/less.html
  19. +95 −37 docs/scaffolding.html
  20. +94 −12 docs/upgrading.html
  21. +2 −2 examples/container-app.html
  22. +14 −12 examples/fluid-reverse.html
  23. +29 −27 examples/fluid.html
  24. +6 −6 examples/hero.html
  25. BIN  favicon.ico
  26. +64 −5 footer.php
  27. +46 −52 functions.php
  28. +14 −14 header.php
  29. BIN  ico/bootstrap-apple-114x114.png
  30. BIN  ico/bootstrap-apple-57x57.png
  31. BIN  ico/bootstrap-apple-72x72.png
  32. BIN  ico/favicon.ico
  33. +13 −13 image.php
  34. BIN  img/bird.png
  35. BIN  img/browsers.png
  36. BIN  img/example-diagram-01.png
  37. BIN  img/example-diagram-02.png
  38. BIN  img/example-diagram-03.png
  39. BIN  img/example-sites/bartop.png
  40. BIN  img/example-sites/fleetio.png
  41. BIN  img/example-sites/jshint.png
  42. BIN  img/example-sites/kippt.png
  43. BIN  img/example-sites/railwayjs.png
  44. BIN  img/example-sites/totalwireframe.png
  45. BIN  img/github-16px.png
  46. BIN  img/glyphicons-halflings-sprite.png
  47. BIN  img/glyphicons/glyphicons_009_magic.png
  48. BIN  img/glyphicons/glyphicons_042_group.png
  49. BIN  img/glyphicons/glyphicons_079_podium.png
  50. BIN  img/glyphicons/glyphicons_082_roundabout.png
  51. BIN  img/glyphicons/glyphicons_155_show_thumbnails.png
  52. BIN  img/glyphicons/glyphicons_163_iphone.png
  53. BIN  img/glyphicons/glyphicons_214_resize_small.png
  54. BIN  img/glyphicons/glyphicons_266_book_open.png
  55. BIN  img/grid-18px-masked.png
  56. BIN  img/grid-18px.png
  57. BIN  img/icon-css3.png
  58. BIN  img/icon-github.png
  59. BIN  img/icon-html5.png
  60. BIN  img/icon-twitter.png
  61. BIN  img/less-logo-large.png
  62. BIN  img/less-small.png
  63. BIN  img/responsive-illustrations.png
  64. BIN  img/twitter-logo-no-bird.png
  65. +22 −15 index.php
  66. +1 −1  js/README.md
  67. +153 −0 js/application.js
  68. +5 −1 js/bootstrap-alert.js
  69. +2 −2 js/bootstrap-button.js
  70. +85 −5 js/bootstrap-carousel.js
  71. +3 −3 js/bootstrap-collapse.js
  72. +47 −19 js/bootstrap-dropdown.js
  73. +3 −2 js/bootstrap-modal.js
  74. +5 −5 js/bootstrap-popover.js
  75. +1 −1  js/bootstrap-scrollspy.js
  76. +3 −1 js/bootstrap-tab.js
  77. +270 −0 js/bootstrap-tooltip.js
  78. +29 −23 js/bootstrap-transition.js
  79. +33 −25 js/bootstrap-twipsy.js
  80. +241 −0 js/bootstrap-typeahead.js
  81. +3 −0  js/jquery.tablesorter.js
  82. +28 −0 js/prettify.js
  83. +4 −2 js/tests/index.html
  84. +29 −18 js/tests/unit/bootstrap-twipsy.js
  85. +128 −0 js/tests/unit/bootstrap-typeahead.js
  86. +2 −2 js/tests/vendor/jquery.js
  87. +1 −1  js/tests/vendor/qunit.css
  88. +1 −1  js/tests/vendor/qunit.js
  89. +34 −0 page-full-width.php
  90. +1,298 −0 page-jsguide.php
  91. +1,455 −0 page-styleguide.php
  92. +15 −0 readme.txt
  93. +44 −41 search.php
  94. +7 −2 single.php
  95. +235 −2 style.css
View
70 404.php
@@ -3,46 +3,52 @@
* The template for displaying 404 pages (Not Found).
*
* @package WordPress
- * @subpackage Toolbox
- * @since Toolbox 0.1
+ * @subpackage WP-Bootstrap
+ * @since WP-Bootstrap 0.7
+ *
+ * Last Revised: January 22, 2012
*/
-
get_header(); ?>
-
- <div id="primary">
- <div id="content" role="main">
-
- <article id="post-0" class="post error404 not-found">
- <header class="entry-header">
- <h1 class="entry-title"><?php _e( 'Well this is somewhat embarrassing, isn&rsquo;t it?', 'toolbox' ); ?></h1>
- </header>
-
- <div class="entry-content">
- <p><?php _e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching, or one of the links below, can help.', 'toolbox' ); ?></p>
-
+ <div class="row">
+ <div class="container">
+ <?php if (function_exists('bootstrapwp_breadcrumbs')) bootstrapwp_breadcrumbs(); ?>
+ </div><!--/.container -->
+ </div><!--/.row -->
+ <div class="container">
+
+
+ <!-- Masthead
+ ================================================== -->
+ <header class="jumbotron subhead" id="overview">
+ <h1><?php _e( 'This is Embarrassing', 'bootstrapwp' ); ?></h1>
+ <p class="lead"><?php _e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching, or one of the links below, can help.', 'bootstrapwp' ); ?></p>
+ </header>
+
+ <div class="row content">
+<div class="span8">
+
+
+<div class="well">
<?php get_search_form(); ?>
+</div><!--/.well -->
+<div class="row">
+<div class="span4">
+ <h2>All Pages</h2>
+ <?php wp_page_menu(); ?>
+</div><!--/.span4 -->
+<div class="span4">
<?php the_widget( 'WP_Widget_Recent_Posts' ); ?>
- <div class="widget">
- <h2 class="widgettitle"><?php _e( 'Most Used Categories', 'toolbox' ); ?></h2>
+
+ <h2><?php _e( 'Most Used Categories', 'bootstrapwp' ); ?></h2>
<ul>
<?php wp_list_categories( array( 'orderby' => 'count', 'order' => 'DESC', 'show_count' => 1, 'title_li' => '', 'number' => 10 ) ); ?>
</ul>
- </div>
-
- <?php
- /* translators: %1$s: smilie */
- $archive_content = '<p>' . sprintf( __( 'Try looking in the monthly archives. %1$s', 'toolbox' ), convert_smilies( ':)' ) ) . '</p>';
- the_widget( 'WP_Widget_Archives', 'dropdown=1', "after_title=</h2>$archive_content" );
- ?>
-
- <?php the_widget( 'WP_Widget_Tag_Cloud' ); ?>
-
- </div><!-- .entry-content -->
- </article><!-- #post-0 -->
-
- </div><!-- #content -->
- </div><!-- #primary -->
+
+</div><!--/.span4 -->
+</div><!--/.row -->
+ </div><!--/.span8 -->
+ <?php get_sidebar(); ?>
<?php get_footer(); ?>
View
52 README.md
@@ -3,24 +3,32 @@ Bootstrapwp - TWITTER BOOTSTRAP for WordPress
Bootstrap is a responsive front-end toolkit from Twitter designed to kickstart web development, complete with core HTML, CSS, and JS for grids, type, forms, navigation, and many more components. Now you can use it with **WordPress** as a solid base to build custom themes quickly and easily.
-**Latest version release: .6 (12/24/2011)**
-Version .6 Change Log
+
+**Latest version release: .7 (01/22/2012)**
+
+Version .7 Change Log
----
-* Corrected callback function name in comments template
-* Added comments template to single.php
-* Modified top nav bar to have relative positioning to allow better viewing along with the WordPress Admin bar
-* Moved breadcrumbs above page titles
-* Fixed formatting on archive pages
-* Fixed subnav drop-downs with customWalkerclass and css
-* Moved bootstrap.css to the lib directory
-* Created new LESS file wordpress.css for all Bootstrap style modificiations and WordPress specific styles
-* Updated all Bootstrap LESS style files and JS script files for improved responsiveness and style tweaks
-* Added pagination to bottom of single.php
-* Created function to customize link for the_excerpt
-* Removed extra /div from full-width template
-* Bug fix: replaced get_bloginfo(url) in functions.php with home_url() function call
+* Updated JS and CSS/LESS files from Twitter Bootstrap 2.0 WIP files (up to date as of January 20, 2012)
+* Moved all CSS and JS files to their respective /css and /js folders
+* The LESS files still exist in the /lib folder, but the bootstrap.css file is in the /css folder
+* Replaced bootstrap-twipsy.js file with NEW bootstrap-tooltip.js file
+* Modified enqueue_style order, and added style.css to the function to ensure it would be loaded last.
+* Moved all Bootstrap documentation styles to their own docs.css file, and reserved styles.css for WordPress related modifications
+* Created template for Javascript Demo page, needed onload scripts for Demo page were added in footer.php
+* Moved Style Guide to it's own template file
+* Moved Assets folder to root of theme folder with images folder
+* Any added custom styles can now be found in style.css file
+* Added custom jQuery to footer.php to allow the WordPress custom menus to work with the Bootstrap dropdown styles/js files.
+* Removed Custom Walker Class from navigation menu. It is not needed, with jQuery adding the needed class changes instead.
+* Added image alignments (.alignleft, .alignright, .aligncenter) styles to styles.css
+* Added styles to 404.php template file
+* Added styles to search.php template file
+* Added search form styles to style.css file
+* Added $content_width declaration to functions.php
+
+
Demo
@@ -29,6 +37,8 @@ You can view a demo of this theme running on WordPress at: [http://rachelbaker.
View the theme style guide at: [http://rachelbaker.me/bootstrapwp/style-guide/](http://rachelbaker.me/bootstrapwp/style-guide/)
+View the javascript guide at: [http://rachelbaker.me/bootstrapwp/javascript-for-bootstrap/](http://rachelbaker.me/bootstrapwp/javascript-for-bootstrap/)
+
@@ -39,6 +49,8 @@ Download the Bootstrapwp theme, and install to your WordPress site.
This is meant to be a base theme for WordPress custom theme development.
+You can override any of the styles using style.css file. All .css and .js files are loaded in functions.php. Don't forget to disable any of the .js files you do not need.
+
@@ -49,22 +61,12 @@ Bug tracker
**Known theme bugs:**
-* 404.php needs formatting fix
-* Search.php needs formatting fix
* REQUIRED: This theme doesn't seem to display tags. Modify it to display tags in appropriate locations.
-* REQUIRED: No content width has been defined. Example:
-if ( ! isset( $content_width ) ) $content_width = 900;
* REQUIRED: .wp-caption css class is needed in your theme css.
* REQUIRED: .wp-caption-text css class is needed in your theme css.
-* REQUIRED: .sticky css class is needed in your theme css.
-* REQUIRED: .gallery-caption css class is needed in your theme css.
* REQUIRED: .bypostauthor css class is needed in your theme css.
-* REQUIRED: .alignright css class is needed in your theme css.
-* REQUIRED: .alignleft css class is needed in your theme css.
-* REQUIRED: .aligncenter css class is needed in your theme css.
* RECOMMENDED: Text domain problems in functions.php. You have not included a text domain!
Line 408: echo __('Page') . ' ' . get_query_var('paged');
-* RECOMMENDED: Screenshot is wrong size! Detected: 1072x647px. Maximum allowed size is 320x240px.
* RECOMMENDED: No reference to post-thumbnails was found in the theme. If the theme has a thumbnail like functionality, it should be implemented with add_theme_support( 'post-thumbnails' )in the functions.php file.
* RECOMMENDED: No reference to the_post_thumbnail() was found in the theme. It is recommended that the theme implement this functionality instead of using custom fields for thumbnails.
* RECOMMENDED: No reference to add_editor_style() was found in the theme. It is recommended that the theme implement editor styling, so as to make the editor content match the resulting post output in the theme, for a better user experience.
View
14 author.php
@@ -3,8 +3,8 @@
* The template for displaying Author Archive pages.
*
* @package WordPress
- * @subpackage Toolbox
- * @since Toolbox 0.1
+ * @subpackage WP-Bootstrap
+ * @since WP-Bootstrap 0.1
*/
get_header(); ?>
@@ -25,7 +25,7 @@
?>
<header class="page-header">
- <h1 class="page-title author"><?php printf( __( 'Author Archives: %s', 'toolbox' ), '<span class="vcard"><a class="url fn n" href="' . get_author_posts_url( get_the_author_meta( "ID" ) ) . '" title="' . esc_attr( get_the_author() ) . '" rel="me">' . get_the_author() . '</a></span>' ); ?></h1>
+ <h1 class="page-title author"><?php printf( __( 'Author Archives: %s', 'bootstrapwp' ), '<span class="vcard"><a class="url fn n" href="' . get_author_posts_url( get_the_author_meta( "ID" ) ) . '" title="' . esc_attr( get_the_author() ) . '" rel="me">' . get_the_author() . '</a></span>' ); ?></h1>
</header>
<?php
@@ -36,7 +36,7 @@
rewind_posts();
?>
- <?php toolbox_content_nav( 'nav-above' ); ?>
+ <?php bootstrapwp_content_nav( 'nav-above' ); ?>
<?php /* Start the Loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>
@@ -51,17 +51,17 @@
<?php endwhile; ?>
- <?php toolbox_content_nav( 'nav-below' ); ?>
+ <?php bootstrapwp_content_nav( 'nav-below' ); ?>
<?php else : ?>
<article id="post-0" class="post no-results not-found">
<header class="entry-header">
- <h1 class="entry-title"><?php _e( 'Nothing Found', 'toolbox' ); ?></h1>
+ <h1 class="entry-title"><?php _e( 'Nothing Found', 'bootstrapwp' ); ?></h1>
</header><!-- .entry-header -->
<div class="entry-content">
- <p><?php _e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'toolbox' ); ?></p>
+ <p><?php _e( 'It seems we can&rsquo;t find what you&rsquo;re looking for. Perhaps searching can help.', 'bootstrapwp' ); ?></p>
<?php get_search_form(); ?>
</div><!-- .entry-content -->
</article><!-- #post-0 -->
View
16 comments.php
@@ -4,17 +4,17 @@
*
* The area of the page that contains both current comments
* and the comment form. The actual display of comments is
- * handled by a callback to toolbox_comment() which is
+ * handled by a callback to bootstrapwp_comment() which is
* located in the functions.php file.
*
* @package WordPress
- * @subpackage Toolbox
- * @since Toolbox 0.1
+ * @subpackage WP-Bootstrap
+ * @since WP-Bootstrap 0.1
*/
?>
<div id="comments">
<?php if ( post_password_required() ) : ?>
- <p class="nopassword"><?php _e( 'This post is password protected. Enter the password to view any comments.', 'toolbox' ); ?></p>
+ <p class="nopassword"><?php _e( 'This post is password protected. Enter the password to view any comments.', 'bootstrapwp' ); ?></p>
</div><!-- #comments -->
<?php
/* Stop the rest of comments.php from being processed,
@@ -30,7 +30,7 @@
<?php if ( have_comments() ) : ?>
<h2 id="comments-title">
<?php
- printf( _n( 'One thought on &ldquo;%2$s&rdquo;', '%1$s thoughts on &ldquo;%2$s&rdquo;', get_comments_number(), 'toolbox' ),
+ printf( _n( 'One thought on &ldquo;%2$s&rdquo;', '%1$s thoughts on &ldquo;%2$s&rdquo;', get_comments_number(), 'bootstrapwp' ),
number_format_i18n( get_comments_number() ), '<span>' . get_the_title() . '</span>' );
?>
</h2>
@@ -38,10 +38,10 @@
<ol class="commentlist">
<?php
/* Loop through and list the comments. Tell wp_list_comments()
- * to use toolbox_comment() to format the comments.
+ * to use bootstrapwp_comment() to format the comments.
* If you want to overload this in a child theme then you can
- * define toolbox_comment() and that will be used instead.
- * See toolbox_comment() in toolbox/functions.php for more.
+ * define bootstrapwp_comment() and that will be used instead.
+ * See bootstrapwp_comment() in bootstrapwp/functions.php for more.
*/
wp_list_comments( array( 'callback' => 'bootstrapwp_comment' ) );
?>
View
3,302 css/bootstrap.css
@@ -0,0 +1,3302 @@
+/*!
+ * Bootstrap v2.0.0
+ *
+ * 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.
+ * Date: Wed Jan 18 00:34:59 PST 2012
+ */
+html, body {
+ margin: 0;
+ padding: 0;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+dd,
+dl,
+dt,
+li,
+ol,
+ul,
+fieldset,
+form,
+label,
+legend,
+button,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-weight: normal;
+ font-style: normal;
+ font-size: 100%;
+ line-height: 1;
+ font-family: inherit;
+}
+table {
+ max-width: 100%;
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+ol, ul {
+ list-style: none;
+}
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+ content: "";
+}
+html {
+ overflow-y: scroll;
+ font-size: 100%;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+a:focus {
+ outline: thin dotted;
+}
+a:hover, a:active {
+ outline: 0;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+ display: block;
+}
+audio, canvas, video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+audio:not([controls]) {
+ display: none;
+}
+sub, sup {
+ position: relative;
+ font-size: 75%;
+ line-height: 0;
+ vertical-align: baseline;
+}
+sup {
+ top: -0.5em;
+}
+sub {
+ bottom: -0.25em;
+}
+img {
+ max-width: 100%;
+ height: auto;
+ border: 0;
+ -ms-interpolation-mode: bicubic;
+}
+button,
+input,
+select,
+textarea {
+ margin: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ *vertical-align: middle;
+}
+button, input {
+ *overflow: visible;
+ line-height: normal;
+}
+button::-moz-focus-inner, input::-moz-focus-inner {
+ padding: 0;
+ border: 0;
+}
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ cursor: pointer;
+ -webkit-appearance: button;
+}
+input[type="search"] {
+ -webkit-appearance: textfield;
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+textarea {
+ overflow: auto;
+ vertical-align: top;
+}
+body {
+ margin: 0;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 13px;
+ line-height: 18px;
+ color: #555555;
+ background-color: #ffffff;
+}
+.container {
+ width: 940px;
+ margin-left: auto;
+ margin-right: auto;
+ zoom: 1;
+}
+.container:before, .container:after {
+ display: table;
+ *display: inline;
+ content: "";
+ zoom: 1;
+}
+.container:after {
+ clear: both;
+}
+.fluid-container {
+ position: relative;
+ min-width: 940px;
+ padding-left: 20px;
+ padding-right: 20px;
+ zoom: 1;
+}
+.fluid-container:before, .fluid-container:after {
+ display: table;
+ *display: inline;
+ content: "";
+ zoom: 1;
+}
+.fluid-container:after {
+ clear: both;
+}
+.fluid-sidebar {
+ width: 220px;
+ margin: 0 20px 18px;
+}
+.sidebar-left {
+ padding-left: 260px;
+}
+.sidebar-right {
+ padding-right: 260px;
+}
+.sidebar-left .fluid-sidebar {
+ float: left;
+ margin-left: -240px;
+}
+.sidebar-right .fluid-sidebar {
+ float: right;
+ margin-right: -240px;
+}
+.fluid-content {
+ float: left;
+ width: 100%;
+}
+a {
+ font-weight: inherit;
+ line-height: inherit;
+ color: #0088cc;
+ text-decoration: none;
+}
+a:hover {
+ color: #005580;
+ text-decoration: underline;
+}
+.row {
+ margin-left: -20px;
+ zoom: 1;
+}
+.row:before, .row:after {
+ display: table;
+ *display: inline;
+ content: "";
+ zoom: 1;
+}
+.row:after {
+ clear: both;
+}
+[class*="span"] {
+ float: left;
+ margin-left: 20px;
+}
+.span1 {
+ width: 60px;
+}
+.span2 {
+ width: 140px;
+}
+.span3 {
+ width: 220px;
+}
+.span4 {
+ width: 300px;
+}
+.span5 {
+ width: 380px;
+}
+.span6 {
+ width: 460px;
+}
+.span7 {
+ width: 540px;
+}
+.span8 {
+ width: 620px;
+}
+.span9 {
+ width: 700px;
+}
+.span10 {
+ width: 780px;
+}
+.span11 {
+ width: 860px;
+}
+.span12 {
+ width: 940px;
+}
+.offset1 {
+ margin-left: 100px;
+}
+.offset2 {
+ margin-left: 180px;
+}
+.offset3 {
+ margin-left: 260px;
+}
+.offset4 {
+ margin-left: 340px;
+}
+.offset5 {
+ margin-left: 420px;
+}
+.offset6 {
+ margin-left: 500px;
+}
+.offset7 {
+ margin-left: 580px;
+}
+.offset8 {
+ margin-left: 660px;
+}
+.offset9 {
+ margin-left: 740px;
+}
+.offset10 {
+ margin-left: 820px;
+}
+.offset11 {
+ margin-left: 900px;
+}
+p {
+ margin-bottom: 9px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 13px;
+ line-height: 18px;
+}
+p small {
+ font-size: 11px;
+ color: #999999;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-weight: bold;
+ color: #333333;
+ text-rendering: optimizelegibility;
+}
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small {
+ color: #999999;
+}
+h1 {
+ font-size: 30px;
+ line-height: 36px;
+}
+h1 small {
+ font-size: 18px;
+}
+h2 {
+ font-size: 24px;
+ line-height: 36px;
+}
+h2 small {
+ font-size: 18px;
+}
+h3 {
+ line-height: 27px;
+ font-size: 18px;
+}
+h3 small {
+ font-size: 14px;
+}
+h4, h5, h6 {
+ line-height: 18px;
+}
+h4 {
+ font-size: 14px;
+}
+h4 small {
+ font-size: 12px;
+}
+h5 {
+ font-size: 12px;
+}
+h6 {
+ font-size: 11px;
+ color: #999999;
+ text-transform: uppercase;
+}
+ul, ol {
+ margin: 0 0 9px 25px;
+}
+ul ul,
+ul ol,
+ol ol,
+ol ul {
+ margin-bottom: 0;
+}
+ul {
+ list-style: disc;
+}
+ol {
+ list-style: decimal;
+}
+li {
+ line-height: 18px;
+}
+ul.unstyled {
+ margin-left: 0;
+ list-style: none;
+}
+dl {
+ margin-bottom: 18px;
+}
+dt, dd {
+ line-height: 18px;
+}
+dt {
+ font-weight: bold;
+}
+dd {
+ margin-left: 9px;
+}
+hr {
+ margin: 18px 0;
+ border: 0;
+ border-top: 1px solid #e5e5e5;
+ border-bottom: 1px solid #fff;
+}
+strong {
+ font-style: inherit;
+ font-weight: bold;
+}
+em {
+ font-style: italic;
+ font-weight: inherit;
+ line-height: inherit;
+}
+.muted {
+ color: #999999;
+}
+abbr {
+ font-size: 90%;
+ text-transform: uppercase;
+ border-bottom: 1px dotted #ddd;
+ cursor: help;
+}
+blockquote {
+ padding-left: 15px;
+ margin-bottom: 18px;
+ border-left: 5px solid #eee;
+}
+blockquote p {
+ margin-bottom: 0;
+ font-size: 16px;
+ font-weight: 300;
+ line-height: 22.5px;
+}
+blockquote small {
+ display: block;
+ line-height: 18px;
+ color: #999999;
+}
+blockquote small:before {
+ content: '\2014 \00A0';
+}
+blockquote.pull-right {
+ float: right;
+ padding-left: 0;
+ padding-right: 15px;
+ border-left: 0;
+ border-right: 5px solid #eee;
+}
+blockquote.pull-right p, blockquote.pull-right small {
+ text-align: right;
+}
+address {
+ display: block;
+ margin-bottom: 18px;
+ line-height: 18px;
+}
+code, pre {
+ padding: 0 3px 2px;
+ font-family: Menlo, Monaco, "Courier New", monospace;
+ font-size: 12px;
+ color: #333333;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+}
+code {
+ padding: 1px 3px;
+ background-color: #fee9cc;
+}
+pre {
+ display: block;
+ padding: 8.5px;
+ margin: 0 0 9px;
+ font-size: 12px;
+ line-height: 18px;
+ background-color: #f5f5f5;
+ border: 1px solid #ccc;
+ border: 1px solid rgba(0, 0, 0, 0.15);
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ white-space: pre;
+ white-space: pre-wrap;
+ word-break: break-all;
+}
+pre.prettyprint {
+ margin-bottom: 18px;
+}
+pre code {
+ padding: 0;
+ background-color: transparent;
+}
+form {
+ margin-bottom: 18px;
+}
+legend {
+ display: block;
+ width: 100%;
+ margin-bottom: 27px;
+ font-size: 19.5px;
+ line-height: 36px;
+ color: #333333;
+ border-bottom: 1px solid #eee;
+ -webkit-margin-collapse: separate;
+}
+label,
+input,
+select,
+textarea {
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: normal;
+ font-weight: 13px;
+ line-height: 18px;
+}
+label {
+ display: block;
+ margin-bottom: 5px;
+ color: #333333;
+}
+input,
+textarea,
+select,
+.uneditable-input {
+ display: block;
+ width: 210px;
+ height: 18px;
+ padding: 4px;
+ margin-bottom: 9px;
+ font-size: 13px;
+ line-height: 18px;
+ color: #555555;
+ border: 1px solid #ccc;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+}
+input[type=image], input[type=checkbox], input[type=radio] {
+ width: auto;
+ height: auto;
+ padding: 0;
+ margin: 3px 0;
+ *margin-top: 0;
+ /* IE6-7 */
+
+ line-height: normal;
+ border: none;
+ cursor: pointer;
+}
+input[type=file] {
+ padding: initial;
+ line-height: initial;
+ border: initial;
+ background-color: #ffffff;
+ background-color: initial;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+}
+input[type=button], input[type=reset], input[type=submit] {
+ width: auto;
+ height: auto;
+}
+select, input[type=file] {
+ height: 27px;
+ *margin-top: 4px;
+ /* For IE7, add top margin to align select with labels */
+
+ line-height: 27px;
+}
+select {
+ width: 220px;
+ padding: 0;
+ vertical-align: middle;
+ background-color: #ffffff;
+}
+select[multiple], select[size] {
+ height: inherit;
+}
+input[type=image] {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+}
+textarea {
+ height: auto;
+}
+.radio, .checkbox {
+ padding-left: 18px;
+}
+.radio input[type=radio], .checkbox input[type=checkbox] {
+ float: left;
+ margin-left: -18px;
+}
+.controls > .radio:first-child, .controls > .checkbox:first-child {
+ padding-top: 6px;
+}
+.radio.inline, .checkbox.inline {
+ display: inline-block;
+ margin-bottom: 0;
+}
+.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
+ margin-left: 10px;
+}
+input, textarea {
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
+ -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+ -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+ -ms-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;
+}
+input:focus, textarea:focus {
+ border-color: rgba(82, 168, 236, 0.8);
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
+ -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
+ outline: 0;
+}
+input[type=file]:focus, input[type=checkbox]:focus, select:focus {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ outline: 1px dotted #666;
+}
+.input-mini {
+ width: 60px;
+}
+.input-small {
+ width: 90px;
+}
+.input-medium {
+ width: 150px;
+}
+.input-large {
+ width: 210px;
+}
+.input-xlarge {
+ width: 270px;
+}
+.input-xxlarge {
+ width: 530px;
+}
+input[class*="span"],
+select[class*="span"],
+textarea[class*="span"],
+.uneditable-input {
+ float: none;
+ margin-left: 0;
+}
+input.span1, textarea.span1, .uneditable-input.span1 {
+ width: 50px;
+}
+input.span2, textarea.span2, .uneditable-input.span2 {
+ width: 130px;
+}
+input.span3, textarea.span3, .uneditable-input.span3 {
+ width: 210px;
+}
+input.span4, textarea.span4, .uneditable-input.span4 {
+ width: 290px;
+}
+input.span5, textarea.span5, .uneditable-input.span5 {
+ width: 370px;
+}
+input.span6, textarea.span6, .uneditable-input.span6 {
+ width: 450px;
+}
+input.span7, textarea.span7, .uneditable-input.span7 {
+ width: 530px;
+}
+input.span8, textarea.span8, .uneditable-input.span8 {
+ width: 610px;
+}
+input.span9, textarea.span9, .uneditable-input.span9 {
+ width: 690px;
+}
+input.span10, textarea.span10, .uneditable-input.span10 {
+ width: 770px;
+}
+input.span11, textarea.span11, .uneditable-input.span11 {
+ width: 850px;
+}
+input.span12, textarea.span12, .uneditable-input.span12 {
+ width: 930px;
+}
+select.span1 {
+ width: 70px;
+}
+select.span2 {
+ width: 150px;
+}
+select.span3 {
+ width: 230px;
+}
+select.span4 {
+ width: 310px;
+}
+select.span5 {
+ width: 390px;
+}
+select.span6 {
+ width: 470px;
+}
+select.span7 {
+ width: 550px;
+}
+select.span8 {
+ width: 630px;
+}
+select.span9 {
+ width: 710px;
+}
+select.span10 {
+ width: 790px;
+}
+select.span11 {
+ width: 870px;
+}
+select.span12 {
+ width: 950px;
+}
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly] {
+ background-color: #f5f5f5;
+ border-color: #ddd;
+ cursor: not-allowed;
+}
+.control-group.error > label, .control-group.error .help-block, .control-group.error .help-inline {
+ color: #b94a48;
+}
+.control-group.error input, .control-group.error textarea {
+ color: #b94a48;
+ border-color: #ee5f5b;
+}
+.control-group.error input:focus, .control-group.error textarea:focus {
+ border-color: #e9322d;
+ -webkit-box-shadow: 0 0 6px #f8b9b7;
+ -moz-box-shadow: 0 0 6px #f8b9b7;
+ box-shadow: 0 0 6px #f8b9b7;
+}
+.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
+ color: #b94a48;
+ background-color: #fce6e6;
+ border-color: #b94a48;
+}
+.control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline {
+ color: #c09853;
+}
+.control-group.warning input, .control-group.warning textarea {
+ color: #c09853;
+ border-color: #ccae64;
+}
+.control-group.warning input:focus, .control-group.warning textarea:focus {
+ border-color: #be9a3f;
+ -webkit-box-shadow: 0 0 6px #e5d6b1;
+ -moz-box-shadow: 0 0 6px #e5d6b1;
+ box-shadow: 0 0 6px #e5d6b1;
+}
+.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
+ color: #c09853;
+ background-color: #d2b877;
+ border-color: #c09853;
+}
+.control-group.success > label, .control-group.success .help-block, .control-group.success .help-inline {
+ color: #468847;
+}
+.control-group.success input, .control-group.success textarea {
+ color: #468847;
+ border-color: #57a957;
+}
+.control-group.success input:focus, .control-group.success textarea:focus {
+ border-color: #458845;
+ -webkit-box-shadow: 0 0 6px #9acc9a;
+ -moz-box-shadow: 0 0 6px #9acc9a;
+ box-shadow: 0 0 6px #9acc9a;
+}
+.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
+ color: #468847;
+ background-color: #bcddbc;
+ border-color: #468847;
+}
+input:invalid, textarea:invalid, select:invalid {
+ color: #b94a48;
+ border-color: #ee5f5b;
+}
+input:invalid:focus, textarea:invalid:focus, select: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;
+}
+.form-actions {
+ padding: 17px 20px 18px;
+ margin-top: 18px;
+ margin-bottom: 18px;
+ background-color: #f5f5f5;
+ border-top: 1px solid #ddd;
+}
+.uneditable-input {
+ display: block;
+ background-color: #ffffff;
+ border-color: #eee;
+ -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;
+}
+:-moz-placeholder {
+ color: #999999;
+}
+::-webkit-input-placeholder {
+ color: #999999;
+}
+.help-block {
+ margin-top: 5px;
+ margin-bottom: 0;
+ color: #999999;
+}
+.help-inline {
+ *position: relative;
+ /* IE6-7 */
+
+ *top: -5px;
+ /* IE6-7 */
+
+ display: inline;
+ padding-left: 5px;
+}
+.input-prepend, .input-append {
+ margin-bottom: 5px;
+ zoom: 1;
+}
+.input-prepend:before,
+.input-append:before,
+.input-prepend:after,
+.input-append:after {
+ display: table;
+ *display: inline;
+ content: "";
+ zoom: 1;
+}
+.input-prepend:after, .input-append:after {
+ clear: both;
+}
+.input-prepend input,
+.input-append input,
+.input-prepend .uneditable-input,
+.input-append .uneditable-input {
+ -webkit-border-radius: 0 3px 3px 0;
+ -moz-border-radius: 0 3px 3px 0;
+ border-radius: 0 3px 3px 0;
+}
+.input-prepend .uneditable-input, .input-append .uneditable-input {
+ border-left-color: #ccc;
+}
+.input-prepend .add-on, .input-append .add-on {
+ float: left;
+ display: block;
+ width: auto;
+ min-width: 16px;
+ height: 18px;
+ margin-right: -1px;
+ padding: 4px 4px 4px 5px;
+ font-weight: normal;
+ line-height: 18px;
+ color: #999999;
+ text-align: center;
+ text-shadow: 0 1px 0 #ffffff;
+ background-color: #f5f5f5;
+ border: 1px solid #ccc;
+ -webkit-border-radius: 3px 0 0 3px;
+ -moz-border-radius: 3px 0 0 3px;
+ border-radius: 3px 0 0 3px;
+}
+.input-prepend .active, .input-append .active {
+ background-color: #a9dba9;
+ border-color: #46a546;
+}
+.input-prepend .add-on {
+ *margin-top: 1px;
+ /* IE6-7 */
+
+}
+.input-append input, .input-append .uneditable-input {
+ float: left;
+ -webkit-border-radius: 3px 0 0 3px;
+ -moz-border-radius: 3px 0 0 3px;
+ border-radius: 3px 0 0 3px;
+}
+.input-append .uneditable-input {
+ border-right-color: #ccc;
+}
+.input-append .add-on {
+ margin-right: 0;
+ margin-left: -1px;
+ -webkit-border-radius: 0 3px 3px 0;
+ -moz-border-radius: 0 3px 3px 0;
+ border-radius: 0 3px 3px 0;
+}
+.search-query {
+ padding-left: 14px;
+ padding-right: 14px;
+ margin-bottom: 0;
+ -webkit-border-radius: 14px;
+ -moz-border-radius: 14px;
+ border-radius: 14px;
+}
+.form-search input,
+.form-inline input,
+.form-horizontal input,
+.form-search textarea,
+.form-inline textarea,
+.form-horizontal textarea,
+.form-search select,
+.form-inline select,
+.form-horizontal select,
+.form-search .uneditable-input,
+.form-inline .uneditable-input,
+.form-horizontal .uneditable-input {
+ display: inline-block;
+ margin-bottom: 0;
+}
+.form-search label, .form-inline label {
+ display: inline-block;
+}
+.control-group {
+ margin-bottom: 18px;
+}
+.form-horizontal .control-group > label {
+ float: left;
+ width: 140px;
+ padding-top: 5px;
+ text-align: right;
+}
+.form-horizontal .controls {
+ margin-left: 160px;
+}
+.form-horizontal .form-actions {
+ padding-left: 160px;
+}
+.table {
+ width: 100%;
+ margin-bottom: 18px;
+}
+.table th, .table td {
+ padding: 8px;
+ line-height: 18px;
+ text-align: left;
+ border-top: 1px solid #ddd;
+}
+.table th {
+ font-weight: bold;
+ vertical-align: bottom;
+}
+.table td {
+ vertical-align: top;
+}
+.table thead:first-child tr th, .table thead:first-child tr td {
+ border-top: 0;
+}
+.table tbody + tbody {
+ border-top: 2px solid #ddd;
+}
+.table-condensed th, .table-condensed td {
+ padding: 4px 5px;
+}
+.table-bordered {
+ border: 1px solid #ddd;
+ border-collapse: separate;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.table-bordered th + th,
+.table-bordered td + td,
+.table-bordered th + td,
+.table-bordered td + th {
+ border-left: 1px solid #ddd;
+}
+.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 {
+ -webkit-border-radius: 4px 0 0 0;
+ -moz-border-radius: 4px 0 0 0;
+ border-radius: 4px 0 0 0;
+}
+.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
+ -webkit-border-radius: 0 4px 0 0;
+ -moz-border-radius: 0 4px 0 0;
+ border-radius: 0 4px 0 0;
+}
+.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
+ -webkit-border-radius: 0 0 0 4px;
+ -moz-border-radius: 0 0 0 4px;
+ border-radius: 0 0 0 4px;
+}
+.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
+ -webkit-border-radius: 0 0 4px 0;
+ -moz-border-radius: 0 0 4px 0;
+ border-radius: 0 0 4px 0;
+}
+.table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
+ background-color: #f9f9f9;
+}
+table .span1 {
+ float: none;
+ width: 44px;
+ margin-left: 0;
+}
+table .span2 {
+ float: none;
+ width: 124px;
+ margin-left: 0;
+}
+table .span3 {
+ float: none;
+ width: 204px;
+ margin-left: 0;
+}
+table .span4 {
+ float: none;
+ width: 284px;
+ margin-left: 0;
+}
+table .span5 {
+ float: none;
+ width: 364px;
+ margin-left: 0;
+}
+table .span6 {
+ float: none;
+ width: 444px;
+ margin-left: 0;
+}
+table .span7 {
+ float: none;
+ width: 524px;
+ margin-left: 0;
+}
+table .span8 {
+ float: none;
+ width: 604px;
+ margin-left: 0;
+}
+table .span9 {
+ float: none;
+ width: 684px;
+ margin-left: 0;
+}
+table .span10 {
+ float: none;
+ width: 764px;
+ margin-left: 0;
+}
+table .span11 {
+ float: none;
+ width: 844px;
+ margin-left: 0;
+}
+table .span12 {
+ float: none;
+ width: 924px;
+ margin-left: 0;
+}
+table .header {
+ cursor: pointer;
+}
+table .header:after {
+ content: "";
+ float: right;
+ margin-top: 7px;
+ border-width: 0 4px 4px;
+ border-style: solid;
+ border-color: #000 transparent;
+ visibility: hidden;
+}
+table .headerSortUp, table .headerSortDown {
+ background-color: #f7f7f9;
+ text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+}
+table .header:hover:after {
+ visibility: visible;
+}
+table .headerSortDown:after, table .headerSortDown:hover:after {
+ visibility: visible;
+ filter: alpha(opacity=60);
+ -moz-opacity: 0.6;
+ opacity: 0.6;
+}
+table .headerSortUp:after {
+ border-bottom: none;
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ border-top: 4px solid #000;
+ visibility: visible;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ filter: alpha(opacity=60);
+ -moz-opacity: 0.6;
+ opacity: 0.6;
+}
+i {
+ background-image: url(docs/assets/img/glyphicons-halflings-sprite.png);
+ background-position: 0 0;
+ background-repeat: no-repeat;
+ display: inline-block;
+ vertical-align: text-top;
+ width: 14px;
+ height: 14px;
+}
+.glass {
+ background-position: 0 0;
+}
+.music {
+ background-position: -24px 0;
+}
+.search {
+ background-position: -48px 0;
+}
+.envelope {
+ background-position: -72px 0;
+}
+.heart {
+ background-position: -96px 0;
+}
+.star {
+ background-position: -120px 0;
+}
+.star-empty {
+ background-position: -144px 0;
+}
+.user {
+ background-position: -168px 0;
+}
+.film {
+ background-position: -192px 0;
+}
+.th-large {
+ background-position: -216px 0;
+}
+.th {
+ background-position: -240px 0;
+}
+.th-list {
+ background-position: -264px 0;
+}
+.ok {
+ background-position: -288px 0;
+}
+.remove {
+ background-position: -312px 0;
+}
+.zoom-in {
+ background-position: -336px 0;
+}
+.zoom-out {
+ background-position: -360px 0;
+}
+.off {
+ background-position: -384px 0;
+}
+.signal {
+ background-position: -408px 0;
+}
+.cog {
+ background-position: -432px 0;
+}
+.trash {
+ background-position: -456px 0;
+}
+.home {
+ background-position: 0 -24px;
+}
+.file {
+ background-position: -24px -24px;
+}
+.time {
+ background-position: -48px -24px;
+}
+.road {
+ background-position: -72px -24px;
+}
+.download-alt {
+ background-position: -96px -24px;
+}
+.download {
+ background-position: -120px -24px;
+}
+.upload {
+ background-position: -144px -24px;
+}
+.inbox {
+ background-position: -168px -24px;
+}
+.play-circle {
+ background-position: -192px -24px;
+}
+.repeat {
+ background-position: -216px -24px;
+}
+.refresh {
+ background-position: -240px -24px;
+}
+.calendar {
+ background-position: -264px -24px;
+}
+.lock {
+ background-position: -288px -24px;
+}
+.flag {
+ background-position: -312px -24px;
+}
+.headphones {
+ background-position: -336px -24px;
+}
+.volume-off {
+ background-position: -360px -24px;
+}
+.volume-down {
+ background-position: -384px -24px;
+}
+.volume-up {
+ background-position: -408px -24px;
+}
+.qrcode {
+ background-position: -432px -24px;
+}
+.barcode {
+ background-position: -456px -24px;
+}
+.tag {
+ background-position: 0 -48px;
+}
+.tags {
+ background-position: -24px -48px;
+}
+.book {
+ background-position: -48px -48px;
+}
+.bookmark {
+ background-position: -72px -48px;
+}
+.print {
+ background-position: -96px -48px;
+}
+.camera {
+ background-position: -120px -48px;
+}
+.font {
+ background-position: -144px -48px;
+}
+.bold {
+ background-position: -168px -48px;
+}
+.italic {
+ background-position: -192px -48px;
+}
+.text-height {
+ background-position: -216px -48px;
+}
+.text-width {
+ background-position: -240px -48px;
+}
+.align-left {
+ background-position: -264px -48px;
+}
+.align-center {
+ background-position: -288px -48px;
+}
+.align-right {
+ background-position: -312px -48px;
+}
+.align-justify {
+ background-position: -336px -48px;
+}
+.list {
+ background-position: -360px -48px;
+}
+.indent-left {
+ background-position: -384px -48px;
+}
+.indent-right {
+ background-position: -408px -48px;
+}
+.facetime-video {
+ background-position: -432px -48px;
+}
+.picture {
+ background-position: -456px -48px;
+}
+.pencil {
+ background-position: 0 -72px;
+}
+.map-marker {
+ background-position: -24px -72px;
+}
+.adjust {
+ background-position: -48px -72px;
+}
+.tint {
+ background-position: -72px -72px;
+}
+.edit {
+ background-position: -96px -72px;
+}
+.share {
+ background-position: -120px -72px;
+}
+.check {
+ background-position: -144px -72px;
+}
+.move {
+ background-position: -168px -72px;
+}
+.step-backward {
+ background-position: -192px -72px;
+}
+.fast-backward {
+ background-position: -216px -72px;
+}
+.backward {
+ background-position: -240px -72px;
+}
+.play {
+ background-position: -264px -72px;
+}
+.pause {
+ background-position: -288px -72px;
+}
+.stop {
+ background-position: -312px -72px;
+}
+.forward {
+ background-position: -336px -72px;
+}
+.fast-forward {
+ background-position: -360px -72px;
+}
+.step-forward {
+ background-position: -384px -72px;
+}
+.eject {
+ background-position: -408px -72px;
+}
+.chevron-left {
+ background-position: -432px -72px;
+}
+.chevron-right {
+ background-position: -456px -72px;
+}
+.arrow-left {
+ background-position: -240px -96px;
+}
+.arrow-right {
+ background-position: -264px -96px;
+}
+.arrow-up {
+ background-position: -288px -96px;
+}
+.arrow-down {
+ background-position: -312px -96px;
+}
+.share {
+ background-position: -336px -96px;
+}
+.resize-full {
+ background-position: -360px -96px;
+}
+.resize-small {
+ background-position: -384px -96px;
+}
+.plus {
+ background-position: -408px -96px;
+}
+.minus {
+ background-position: -432px -96px;
+}
+.asterisk {
+ background-position: -456px -96px;
+}
+.dropdown {
+ position: relative;
+}
+.caret {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ text-indent: -99999px;
+ vertical-align: top;
+ border-left: 4px solid transparent;
+ border-right: 4px solid transparent;
+ border-top: 4px solid #000;
+ filter: alpha(opacity=30);
+ -moz-opacity: 0.3;
+ opacity: 0.3;
+ content: "\2193";
+}
+.dropdown .caret {
+ margin-top: 8px;
+ margin-left: 2px;
+ *margin-top: 7px;
+}
+.dropdown:hover .caret, .open.dropdown .caret {
+ filter: alpha(opacity=100);
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.dropdown-menu {
+ position: absolute;
+ top: 40px;
+ z-index: 1000;
+ float: left;
+ display: none;
+ min-width: 160px;
+ max-width: 220px;
+ _width: 160px;
+ padding: 4px 0;
+ margin: 0;
+ list-style: none;
+ background-color: #ffffff;
+ border-color: #ccc;
+ border-color: rgba(0, 0, 0, 0.2);
+ border-style: solid;
+ border-width: 1px;
+ -webkit-border-radius: 0 0 5px 5px;
+ -moz-border-radius: 0 0 5px 5px;
+ border-radius: 0 0 5px 5px;
+ -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;
+ zoom: 1;
+ *border-right-width: 2px;
+ *border-bottom-width: 2px;
+}
+.dropdown-menu .divider {
+ height: 1px;
+ margin: 5px 1px;
+ overflow: hidden;
+ background-color: #e5e5e5;
+ border-bottom: 1px solid #ffffff;
+}
+.dropdown-menu a {
+ display: block;
+ padding: 3px 15px;
+ clear: both;
+ font-weight: normal;
+ line-height: 18px;
+ color: #555555;
+ white-space: nowrap;
+}
+.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
+ color: #fff;
+ text-decoration: none;
+ background-color: #0088cc;
+}
+.dropdown.open .dropdown-toggle {
+ color: #ffffff;
+ background: #ccc;
+ background: rgba(0, 0, 0, 0.3);
+}
+.dropdown.open .dropdown-menu {
+ display: block;
+}
+.typeahead {
+ margin-top: 2px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.well {
+ min-height: 20px;
+ padding: 19px;
+ margin-bottom: 20px;
+ background-color: #f5f5f5;
+ border: 1px solid #eee;
+ border: 1px solid rgba(0, 0, 0, 0.05);
+ -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);
+}
+.well blockquote {
+ border-color: #ddd;
+ border-color: rgba(0, 0, 0, 0.15);
+}
+.fade {
+ -webkit-transition: opacity 0.15s linear;
+ -moz-transition: opacity 0.15s linear;
+ -ms-transition: opacity 0.15s linear;
+ -o-transition: opacity 0.15s linear;
+ transition: opacity 0.15s linear;
+ opacity: 0;
+}
+.fade.in {
+ opacity: 1;
+}
+.collapse {
+ -webkit-transition: height 0.35s ease;
+ -moz-transition: height 0.35s ease;
+ -ms-transition: height 0.35s ease;
+ -o-transition: height 0.35s ease;
+ transition: height 0.35s ease;
+ position: relative;
+ overflow: hidden;
+ height: 0;
+}
+.collapse.in {
+ height: auto;
+}
+.close {
+ float: right;
+ font-size: 20px;
+ font-weight: bold;
+ line-height: 12px;
+ color: #000000;
+ text-shadow: 0 1px 0 #ffffff;
+ filter: alpha(opacity=20);
+ -moz-opacity: 0.2;
+ opacity: 0.2;
+}
+.close:hover {
+ color: #000000;
+ text-decoration: none;
+ filter: alpha(opacity=40);
+ -moz-opacity: 0.4;
+ opacity: 0.4;
+ cursor: pointer;
+}
+.nav {
+ margin-left: 0;
+ margin-bottom: 18px;
+ list-style: none;
+}
+.nav > li > a {
+ display: block;
+}
+.nav > li > a:hover {
+ text-decoration: none;
+ background-color: #eee;
+}
+.nav.list {
+ padding-left: 14px;
+ padding-right: 14px;
+ margin-bottom: 0;
+}
+.nav.list > li > a, .nav.list .nav-header {
+ display: block;
+ padding: 3px 15px;
+ margin-left: -15px;
+ margin-right: -15px;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+}
+.nav.list .nav-header {
+ font-size: 11px;
+ font-weight: bold;
+ line-height: 18px;
+ color: #999999;
+ text-transform: uppercase;
+}
+.nav.list > li + .nav-header {
+ margin-top: 9px;
+}
+.nav.list .active > a {
+ color: #ffffff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+ background-color: #0088cc;
+}
+.tabs, .pills {
+ zoom: 1;
+}
+.tabs:before,
+.pills:before,
+.tabs:after,
+.pills:after {
+ display: table;
+ *display: inline;
+ content: "";
+ zoom: 1;
+}
+.tabs:after, .pills:after {
+ clear: both;
+}
+.tabs > li, .pills > li {
+ float: left;
+}
+.tabs > li > a, .pills > li > a {
+ padding-right: 12px;
+ padding-left: 12px;
+ margin-right: 2px;
+ line-height: 14px;
+}
+.tabs {
+ border-bottom: 1px solid #ddd;
+}
+.tabs > li {
+ margin-bottom: -1px;
+}
+.tabs > li > a {
+ padding-top: 9px;
+ padding-bottom: 9px;
+ border: 1px solid transparent;
+ -webkit-border-radius: 4px 4px 0 0;
+ -moz-border-radius: 4px 4px 0 0;
+ border-radius: 4px 4px 0 0;
+}
+.tabs > li > a:hover {
+ border-color: #eee #eee #ddd;
+}
+.tabs > .active > a, .tabs > .active > a:hover {
+ color: #555555;
+ background-color: #ffffff;
+ border: 1px solid #ddd;
+ border-bottom-color: transparent;
+ cursor: default;
+}
+.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;
+}
+.pills .active > a, .pills .active > a:hover {
+ color: #ffffff;
+ background-color: #0088cc;
+}
+.nav.stacked > li {
+ float: none;
+}
+.nav.stacked > li > a {
+ margin-right: 0;
+}
+.tabs.stacked {
+ border-bottom: 0;
+}
+.tabs.stacked > li > a {
+ border: 1px solid #ddd;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+.tabs.stacked > li:first-child > a {
+ -webkit-border-radius: 4px 4px 0 0;
+ -moz-border-radius: 4px 4px 0 0;
+ border-radius: 4px 4px 0 0;
+}
+.tabs.stacked > li:last-child > a {
+ -webkit-border-radius: 0 0 4px 4px;
+ -moz-border-radius: 0 0 4px 4px;
+ border-radius: 0 0 4px 4px;
+}
+.tabs.stacked > li > a:hover {
+ border-color: #ddd;
+ z-index: 2;
+}
+.pills.stacked > li > a {
+ margin-bottom: 3px;
+}
+.pills.stacked > li:last-child > a {
+ margin-bottom: 1px;
+}
+.pills .dropdown-menu, .tabs .dropdown-menu {
+ top: 33px;
+ border-width: 1px;
+}
+.pills .dropdown-menu {
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.tabs .dropdown-toggle .caret, .pills .dropdown-toggle .caret {
+ border-top-color: #0088cc;
+ margin-top: 6px;
+}
+.tabs .dropdown-toggle:hover .caret, .pills .dropdown-toggle:hover .caret {
+ border-top-color: #005580;
+}
+.tabs .active .dropdown-toggle .caret, .pills .active .dropdown-toggle .caret {
+ border-top-color: #333;
+}
+.nav > .dropdown.active > a:hover {
+ color: #000;
+ cursor: pointer;
+}
+.tabs .open .dropdown-toggle, .pills .open .dropdown-toggle, .nav > .open.active > a:hover {
+ color: #fff;
+ background-color: #999;
+ border-color: #999;
+}
+.nav .open .caret, .nav .open.active .caret, .nav .open a:hover .caret {
+ border-top-color: #fff;
+ filter: alpha(opacity=100);
+ -moz-opacity: 1;
+ opacity: 1;
+}
+.tabs.stacked .open > a:hover {
+ border-color: #999;
+}
+.tabbable {
+ zoom: 1;
+}
+.tabbable:before, .tabbable:after {
+ display: table;
+ *display: inline;
+ content: "";
+ zoom: 1;
+}
+.tabbable:after {
+ clear: both;
+}
+.tabs-below .tabs, .tabs-right .tabs, .tabs-left .tabs {
+ border-bottom: 0;
+}
+.tab-content > .tab-pane, .pill-content > .pill-pane {
+ display: none;
+}
+.tab-content > .active, .pill-content > .active {
+ display: block;
+}
+.tabs-below .tabs {
+ border-top: 1px solid #ddd;
+}
+.tabs-below .tabs > li {
+ margin-top: -1px;
+ margin-bottom: 0;
+}
+.tabs-below .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 .tabs > li > a:hover {
+ border-bottom-color: transparent;
+ border-top-color: #ddd;
+}
+.tabs-below .tabs .active > a, .tabs-below .tabs .active > a:hover {
+ border-color: transparent #ddd #ddd #ddd;
+}
+.tabs-left .tabs > li, .tabs-right .tabs > li {
+ float: none;
+}
+.tabs-left .tabs > li > a, .tabs-right .tabs > li > a {
+ min-width: 74px;
+ margin-right: 0;
+ margin-bottom: 3px;
+}
+.tabs-left .tabs {
+ float: left;
+ margin-right: 19px;
+ border-right: 1px solid #ddd;
+}
+.tabs-left .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;
+}
+.tabs-left .tabs > li > a:hover {
+ border-color: #eee #ddd #eee #eee;
+}
+.tabs-left .tabs .active > a, .tabs-left .tabs .active > a:hover {
+ border-color: #ddd transparent #ddd #ddd;
+}
+.tabs-right .tabs {
+ float: right;
+ margin-left: 19px;
+ border-left: 1px solid #ddd;
+}
+.tabs-right .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;
+}
+.tabs-right .tabs > li > a:hover {
+ border-color: #eee #eee #eee #ddd;
+}
+.tabs-right .tabs .active > a, .tabs-right .tabs .active > a:hover {
+ border-color: #ddd #ddd #ddd transparent;
+}
+.navbar {
+ overflow: visible;
+}
+.navbar-inner {
+ background-color: #222222;
+ background-color: #222222;
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
+ background-image: -moz-linear-gradient(top, #333333, #222222);
+ background-image: -ms-linear-gradient(top, #333333, #222222);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
+ background-image: -webkit-linear-gradient(top, #333333, #222222);
+ background-image: -o-linear-gradient(top, #333333, #222222);
+ background-image: linear-gradient(top, #333333, #222222);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
+ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+}
+.navbar .brand:hover {
+ color: #ffffff;
+ text-decoration: none;
+}
+.navbar .brand {
+ float: left;
+ display: block;
+ padding: 8px 20px 12px;
+ margin-left: -20px;
+ font-size: 20px;
+ font-weight: 200;
+ line-height: 1;
+ color: #ffffff;
+}
+.navbar p {
+ margin: 0;
+ line-height: 40px;
+}
+.navbar p a:hover {
+ color: #ffffff;
+ background-color: transparent;
+}
+.navbar .btn, .navbar .btn-group {
+ margin-top: 5px;
+}
+.navbar .btn-group .btn {
+ margin-top: 0;
+}
+.navbar-form {
+ margin-bottom: 0;
+}
+.navbar-form input, .navbar-form select {
+ display: inline-block;
+ margin-bottom: 0;
+}
+.navbar-search {
+ position: relative;
+ float: left;
+ margin-top: 6px;
+ margin-bottom: 0;
+}
+.navbar-search .search-query {
+ padding: 4px 9px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 13px;
+ font-weight: normal;
+ line-height: 1;
+ color: #ffffff;
+ color: rgba(255, 255, 255, 0.75);
+ background: #444;
+ background: rgba(255, 255, 255, 0.3);
+ border: 1px solid #111;
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.15);
+ -webkit-transition: none;
+ -moz-transition: none;
+ -ms-transition: none;
+ -o-transition: none;
+ transition: none;
+}
+.navbar-search .search-query :-moz-placeholder {
+ color: #eeeeee;
+}
+.navbar-search .search-query ::-webkit-input-placeholder {
+ color: #eeeeee;
+}
+.navbar-search .search-query:hover {
+ color: #ffffff;
+ background-color: #999999;
+ background-color: rgba(255, 255, 255, 0.5);
+}
+.navbar-search .search-query:focus, .navbar-search .search-query.focused {
+ padding: 5px 10px;
+ color: #333333;
+ text-shadow: 0 1px 0 #ffffff;
+ background-color: #ffffff;
+ border: 0;