Permalink
Browse files

Version .7 theme updates

  • Loading branch information...
1 parent 923c96e commit 02e320c25ed2ded99f0655a6ed275b2c43b012aa @rachelbaker committed Jan 23, 2012
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,18 +30,18 @@
<?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>
<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
3,302 additions, 0 deletions not shown because the diff is too large. Please use a local Git client to view these changes.
View
627 css/docs.css
@@ -0,0 +1,627 @@
+/* Add additional stylesheets below
+-------------------------------------------------- */
+/*
+ Bootstrap's documentation styles
+ Special styles for presenting Bootstrap's documentation and examples
+*/
+
+
+/* Body and structure
+-------------------------------------------------- */
+body {
+ position: relative;
+ padding-top: 90px;
+ background-color: #fff;
+ background-image: url(../img/grid-18px-masked.png);
+ background-repeat: repeat-x;
+}
+
+
+/* Tweak navbar brand link to be super sleek
+-------------------------------------------------- */
+body > .navbar-fixed .brand {
+ padding-right: 0;
+ padding-left: 0;
+ margin-left: 20px;
+ float: right;
+ font-weight: bold;
+ color: #000;
+ text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
+}
+body > .navbar-fixed .brand:hover {
+ text-decoration: none;
+}
+
+
+/* Space out sub-sections more
+-------------------------------------------------- */
+section {
+ padding-top: 60px;
+}
+.page-header {
+ margin: 18px 0;
+ border-bottom: 1px solid #eee;
+}
+.page-header h1 {
+ margin-bottom: 17px;
+ line-height: 1;
+}
+
+
+/* Jumbotrons
+-------------------------------------------------- */
+.jumbotron {
+ position: relative;
+ text-shadow: 0 1px 0 #fff;
+}
+.jumbotron h1 {
+ margin-right: 40%;
+ margin-bottom: 9px;
+ font-size: 90px;
+ letter-spacing: -1px;
+ line-height: 1;
+}
+.jumbotron p {
+ margin-right: 32%;
+ margin-bottom: 20px;
+ font-size: 25px;
+ font-weight: 300;
+ line-height: 36px;
+}
+.jumbotron .btn-large {
+ font-size: 20px;
+ padding: 14px 24px;
+ margin-right: 5px;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+}
+.jumbotron .download-info {
+ font-size: 16px;
+ color: #999;
+}
+
+/* Benefits list in masthead */
+.benefits {
+ width: 250px;
+ position: absolute;
+ right: 0;
+ bottom: 0;
+}
+.benefits ul {
+ list-style: none;
+ margin: 0;
+}
+.benefits li {
+ font-size: 16px;
+ font-weight: 300;
+ line-height: 35px;
+ color: #555;
+}
+.benefits li + li {
+ border-top: 1px solid #f5f5f5;
+}
+.benefits h4 {
+ color: #555;
+}
+.benefits span {
+ position: relative;
+ top: -2px;
+ padding-right: 5px;
+ color: #999;
+}
+
+/* Specific jumbotrons
+------------------------- */
+/* supporting docs pages */
+.subhead {
+ padding-bottom: 14px;
+ border-bottom: 3px solid #e5e5e5;
+}
+.subhead h1,
+.subhead p {
+ margin-right: 0;
+}
+.subhead h1 {
+ font-size: 45px;
+}
+
+
+/* Quick links
+-------------------------------------------------- */
+.quick-links {
+ min-height: 30px;
+ padding: 5px 20px;
+ margin: 45px 0;
+ list-style: none;
+ text-align: center;
+ background-color: #eee;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
+ -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
+ box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
+ overflow: hidden;
+}
+.quick-links li {
+ display: inline;
+ margin: 0 5px;
+}
+.quick-links .divider {
+ color: #999;
+}
+.quick-links strong {
+ font-weight: normal;
+ color: #999;
+}
+.quick-links .github-btn,
+.quick-links .tweet-btn,
+.quick-links .follow-btn {
+ position: relative;
+ top: 5px;
+}
+
+
+/* Marketing section of Overview
+-------------------------------------------------- */
+.marketing .row {
+ margin-bottom: 9px;
+}
+.marketing h1 {
+ margin: 36px 0 27px;
+ font-size: 36px;
+ font-weight: 300;
+ text-align: center;
+}
+.marketing h2,
+.marketing h3 {
+ font-weight: 300;
+}
+.marketing h2 {
+ font-size: 22px;
+}
+.marketing p {
+ margin-right: 10px;
+}
+.marketing .icon {
+ float: left;
+ margin: 7px 10px 0 0;
+ opacity: .8;
+}
+.marketing .small-icon {
+ float: left;
+ margin: 4px 5px 0 0;
+}
+
+
+/* Quickstart section for getting le code
+-------------------------------------------------- */
+.getting-started {
+ background-color: #f5f5f5;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5));
+ background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5);
+ background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5));
+ background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5);
+ background-image: -o-linear-gradient(#f9f9f9, #f5f5f5);
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)";
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0);
+ background-image: linear-gradient(#f9f9f9, #f5f5f5);
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.getting-started {
+ border-color: #eee;
+}
+.getting-started td {
+ width: 33%;
+ border-right: 1px solid #eee;
+}
+.getting-started td + td {
+ border-left: 1px solid #fff;
+}
+.getting-started td:last-child {
+ border-right: 0;
+}
+.quick-start {
+ padding: 17px 20px;
+}
+.quick-start h3,
+.quick-start p {
+ line-height: 18px;
+ text-align: center;
+ margin-bottom: 9px;
+}
+.quick-start p {
+ color: #777;
+}
+.quick-start .current-version,
+.quick-start .current-version a {
+ color: #999;
+}
+.quick-start form {
+ margin-bottom: 0;
+}
+.quick-start textarea {
+ display: block;
+ width: 100%;
+ height: auto;
+ margin-bottom: 0;
+ line-height: 21px;
+ white-space: nowrap;
+ overflow: hidden;
+ /* Makes inputs behave like true block-level elements */
+ -webkit-box-sizing: border-box; /* Older Webkit */
+ -moz-box-sizing: border-box; /* Older FF */
+ -ms-box-sizing: border-box; /* IE8 */
+ box-sizing: border-box; /* CSS3 spec*/
+ /* Hacks for IE7 to make this work just okay enough to function */
+ *width: 270px;
+ *height: 24px;
+}
+
+
+/* Footer
+-------------------------------------------------- */
+.footer {
+ margin-top: 45px;
+ padding: 35px 0 36px;
+ border-top: 1px solid #e5e5e5;
+}
+.footer p {
+ margin-bottom: 0;
+ color: #555;
+}
+.footer dl {
+ margin-bottom: 0;
+}
+.footer dl dt {
+ font-size: 11px;
+ color: #999;
+ text-transform: uppercase;
+}
+.footer dl dd + dt {
+ margin-top: 18px;
+}
+.footer dl dd {
+ margin-left: 0;
+ font-size: 12px;
+}
+.footer dl a {
+ color: #999;
+}
+.footer dl a:hover {
+ color: #555;
+}
+
+
+
+/* Special grid styles
+-------------------------------------------------- */
+.show-grid {
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+.show-grid [class*="span"] {
+ background-color: #eee;
+ text-align: center;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ min-height: 30px;
+ line-height: 30px;
+}
+.show-grid:hover [class*="span"] {
+ background: #ddd;
+}
+.show-grid .show-grid {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.show-grid .show-grid [class*="span"] {
+ background-color: #ccc;
+}
+
+
+/* Render mini layout previews
+-------------------------------------------------- */
+.mini-layout {
+ border: 1px solid #ddd;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+ -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
+ -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);
+ box-shadow: 0 1px 2px rgba(0,0,0,.075);
+}
+.mini-layout {
+ height: 240px;
+ margin-bottom: 20px;
+ padding: 9px;
+}
+.mini-layout div {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+}
+.mini-layout .mini-layout-body {
+ background-color: #dceaf4;
+ margin: 0 auto;
+ width: 70%;
+ height: 240px;
+}
+.mini-layout.fluid .mini-layout-sidebar,
+.mini-layout.fluid .mini-layout-header,
+.mini-layout.fluid .mini-layout-body {
+ float: left;
+}
+.mini-layout.fluid .mini-layout-sidebar {
+ background-color: #bbd8e9;
+ width: 20%;
+ height: 240px;
+}
+.mini-layout.fluid .mini-layout-body {
+ width: 60%;
+ margin-left: 10px;
+}
+
+
+/* Popover docs
+-------------------------------------------------- */
+.popover-well {
+ min-height: 160px;
+}
+.popover-well .popover {
+ display: block;
+}
+.popover-well .popover-wrapper {
+ width: 50%;
+ height: 160px;
+ float: left;
+ margin-left: 55px;
+ position: relative;
+}
+.popover-well .popover-menu-wrapper {
+ height: 80px;
+}
+.large-bird {
+ margin: 5px 0 0 310px;
+ opacity: .1;
+}
+
+
+/* Misc
+-------------------------------------------------- */
+
+pre.prettyprint {
+ overflow: hidden;
+}
+
+.browser-support {
+ max-width: 100%;
+}
+
+/* Make tables spaced out a bit more */
+h2 + table,
+h2 + .row {
+ margin-top: 5px;
+}
+
+/* Example sites showcase */
+.example-sites img {
+ max-width: 290px;
+}
+.marketing-byline {
+ margin: -18px 0 27px;
+ font-size: 18px;
+ font-weight: 300;
+ color: #999;
+ text-align: center;
+}
+
+.scrollspy-example {
+ height: 200px;
+ overflow: auto;
+ position: relative;
+}
+
+/* Remove bottom margin on example forms in wells */
+form.well {
+ margin-bottom: 0;
+}
+
+/* Tighten up spacing */
+.well hr {
+ margin: 18px 0;
+}
+
+/* Form docs for horizontal forms */
+.form-docs {
+ padding-left: 10px;
+}
+.form-docs h3,
+.form-docs p,
+.form-docs li {
+ color: #777;
+}
+.form-docs hr {
+ margin: 18px 0;
+}
+
+/* Fake the :focus state to demo it */
+.focused {
+ border-color: rgba(82,168,236,.8);
+ -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
+ -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
+ box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
+ outline: 0;
+}
+
+/* For input sizes, make them display block */
+.docs-input-sizes input[type=text] {
+ display: block;
+ margin-bottom: 9px;
+}
+
+/* Icons
+------------------------- */
+.the-icons i {
+ display: block;
+ margin-bottom: 5px;
+ background-color: rgba(255,0,0,.25);
+}
+.the-icons i:after {
+ display: block;
+ content: attr(class);
+ font-style: normal;
+ margin-left: 20px;
+ width: 100px;
+}
+
+#javascript input[type=checkbox] {
+ position: relative;
+ top: -1px;
+ display: inline;
+ margin-left: 6px;
+}
+
+
+/* Responsive Docs
+-------------------------------------------------- */
+@media (max-width: 480px) {
+
+ /* Reduce padding above jumbotron */
+ body {
+ padding-top: 70px;
+ }
+
+ /* Change up some type stuff */
+ h1 small {
+ display: block;
+ line-height: 20px;
+ }
+ /* More space between sections */
+ h2 {
+ margin-top: 27px;
+ }
+ h3 {
+ margin-top: 18px;
+ }
+
+ /* Adjust the jumbotron */
+ .jumbotron h1,
+ .jumbotron p {
+ text-align: center;
+ margin-right: 0;
+ }
+ .jumbotron h1 {
+ font-size: 45px;
+ margin-right: 0;
+ }
+ .jumbotron p {
+ margin-right: 0;
+ font-size: 18px;
+ line-height: 24px;
+ }
+ .jumbotron .btn {
+ display: block;
+ font-size: 18px;
+ padding: 10px 14px;
+ margin: 0 auto 10px;
+ }
+
+ /* Don't space out quick links so much */
+ .quick-links {
+ margin: 40px 0 0;
+ }
+ /* hide the bullets on mobile since our horizontal space is limited */
+ .quick-links .divider {
+ display: none;
+ }
+
+ /* center example sites */
+ .example-sites {
+ margin-left: 0;
+ }
+ .example-sites > li {
+ float: none;
+ display: block;
+ max-width: 300px;
+ margin: 0 auto 18px;
+ }
+ .example-sites img {
+ max-width: 270px;
+ }
+
+ table code {
+ white-space: normal;
+ word-wrap: break-word;
+ word-break: break-all;
+ }
+}
+
+
+@media (max-width: 768px) {
+
+ /* Adjust the jumbotron */
+ .jumbotron .benefits {
+ position: relative;
+ width: auto;
+ margin: 36px 0;
+ }
+
+ /* Popovers */
+ .large-bird {
+ display: none;
+ }
+ .popover-well .popover-wrapper {
+ margin-left: 0;
+ }
+
+ /* Space out the show-grid examples */
+ .show-grid [class*="span"] {
+ margin-bottom: 5px;
+ }
+
+ /* Unfloat the back to top link in footer */
+ .footer .pull-right {
+ float: none;
+ }
+ .footer p {
+ margin-bottom: 9px;
+ }
+
+}
+
+
+@media (min-width: 480px) and (max-width: 768px) {
+
+ /* Scale down the jumbotron content */
+ .jumbotron h1 {
+ font-size: 54px;
+ }
+
+ .jumbotron h1,
+ .jumbotron p {
+ margin-right: 0;
+ }
+
+}
+
+
+@media (min-width: 768px) and (max-width: 940px) {
+
+ /* Scale down the jumbotron content */
+ .jumbotron h1 {
+ font-size: 72px;
+ }
+
+ /* Provide enough space on right-hand side for benefits list */
+ .jumbotron h1,
+ .jumbotron p {
+ margin-right: 40%;
+ }
+}
View
34 css/prettify.css
@@ -0,0 +1,34 @@
+.com { color: #93a1a1; }
+.lit { color: #195f91; }
+.pun, .opn, .clo { color: #93a1a1; }
+.fun { color: #dc322f; }
+.str, .atv { color: #D14; }
+.kwd, .linenums .tag { color: #1e347b; }
+.typ, .atn, .dec, .var { color: teal; }
+.pln { color: #48484c; }
+
+.prettyprint {
+ padding: 8px;
+ background-color: #f7f7f9;
+ border: 1px solid #e1e1e8;
+}
+.prettyprint.linenums {
+ -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+ -moz-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+ box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+}
+
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums {
+ margin: 0 0 0 33px; /* IE indents via margin-left */
+}
+ol.linenums li {
+ padding-left: 12px;
+ color: #bebec5;
+ line-height: 18px;
+ text-shadow: 0 1px 0 #fff;
+}
+/* Alternate shading for lines */
+li.L1, li.L3, li.L5, li.L7, li.L9 {
+
+}
View
719 css/wordpress.css
@@ -0,0 +1,719 @@
+/* Body and structure
+-------------------------------------------------- */
+/* Override some defaults */
+ html {
+ background-color: #eee;
+ }
+
+ body {
+ position: relative;
+ padding-top: 0;
+ background-color: #fff;
+ }
+
+ p.lead {
+ margin-bottom: 20px;
+ font-size: 25px;
+ font-weight: 300;
+ line-height: 36px;
+ }
+
+ .navbar-relative {
+ position: relative;
+ width: 100%;
+ right: 0;
+ left: 0;
+ z-index: 10000;
+ }
+
+ li.dropdown-toggle .sub-menu {
+ display: none;
+ }
+
+ li.dropdown-toggle:hover .sub-menu{
+ box-shadow: 0 3px 3px rgba(0,0,0,0.2);
+ -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
+ -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
+ display: block;
+ float: left;
+ position: absolute;
+ top: 40px;
+ left: 0;
+ z-index: 99999;
+ }
+ .nav ul li {
+ display: inline;
+ }
+
+/* Container for Breadcrumbs
+-------------------------------------------------- */
+ .breadnav {
+ width: 100%;
+ }
+
+ .breadnav .breadcrumb {
+ margin-left: 40px;
+ }
+
+/* Comments Styling
+-------------------------------------------------- */
+ #comments {
+ width: 90%;
+ }
+ #commentform {
+ width: 75%;
+ }
+
+/* Tweak navbar brand link to be super sleek
+-------------------------------------------------- */
+body > .navbar-fixed .brand {
+ padding-right: 0;
+ padding-left: 0;
+ margin-left: 20px;
+ float: right;
+ font-weight: bold;
+ color: #000;
+ text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125);
+}
+body > .navbar-fixed .brand:hover {
+ text-decoration: none;
+}
+
+.sub-menu {
+position: absolute;
+top: 40px;
+z-index: 900;
+float: left;
+display: none;
+min-width: 160px;
+max-width: 220px;
+_width: 160px;
+padding: 6px 0;
+margin-left: 0;
+margin-right: 0;
+background-color: white;
+border-color: #999;
+border-color: rgba(0, 0, 0, 0.2);
+border-style: solid;
+border-width: 0 1px 1px;
+-webkit-border-radius: 0 0 6px 6px;
+-moz-border-radius: 0 0 6px 6px;
+border-radius: 0 0 6px 6px;
+-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+-webkit-background-clip: padding-box;
+-moz-background-clip: padding-box;
+background-clip: padding-box;
+zoom: 1;
+}
+.dropdown.open .sub-menu {
+display: block;
+}
+
+.nav .sub-menu {
+background-color: #333;
+}
+.nav .sub-menu li a {
+color: #999;
+text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+}
+
+.nav .sub-menu li a:hover {
+ color: #FFFFFF;
+}
+
+.topbar .sub-menu a, .submenu a {
+display: block;
+padding: 4px 15px;
+clear: both;
+font-weight: normal;
+line-height: 18px;
+color: gray;
+text-shadow: 0 1px 0 white;
+}
+
+/* Space out sub-sections more
+-------------------------------------------------- */
+.page-header {
+ margin: 45px 0 18px;
+ border-bottom: 1px solid #eee;
+}
+.page-header h1 {
+ margin-bottom: 17px;
+ line-height: 1;
+}
+
+
+/* Jumbotrons
+-------------------------------------------------- */
+.jumbotron {
+ position: relative;
+ text-shadow: 0 1px 0 #fff;
+}
+.jumbotron h1 {
+ margin-right: 40%;
+ margin-bottom: 9px;
+ font-size: 90px;
+ letter-spacing: -1px;
+ line-height: 1;
+}
+.jumbotron p {
+ margin-right: 32%;
+ margin-bottom: 20px;
+ font-size: 25px;
+ font-weight: 300;
+ line-height: 36px;
+}
+.jumbotron .btn-large {
+ font-size: 20px;
+ padding: 14px 24px;
+ margin-right: 5px;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+}
+.jumbotron .download-info {
+ font-size: 16px;
+ color: #999;
+}
+
+/* Benefits list in masthead */
+.benefits {
+ width: 250px;
+ position: absolute;
+ right: 0;
+ bottom: 0;
+}
+.benefits ul {
+ list-style: none;
+ margin: 0;
+}
+.benefits li {
+ font-size: 16px;
+ font-weight: 300;
+ line-height: 35px;
+ color: #555;
+}
+.benefits li + li {
+ border-top: 1px solid #f5f5f5;
+}
+.benefits h4 {
+ color: #555;
+}
+.benefits span {
+ position: relative;
+ top: -2px;
+ padding-right: 5px;
+ color: #999;
+}
+
+/* Specific jumbotrons
+------------------------- */
+/* supporting docs pages */
+.subhead {
+ padding-bottom: 14px;
+ margin-bottom: 45px;
+ border-bottom: 3px solid #e5e5e5;
+}
+.subhead h1,
+.subhead p {
+ margin-right: 0;
+}
+.subhead h1 {
+ font-size: 45px;
+}
+
+
+/* Quick links
+-------------------------------------------------- */
+.quick-links {
+ padding: 5px 20px;
+ margin: 45px 0;
+ list-style: none;
+ text-align: center;
+ background-color: #eee;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
+ -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
+ box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
+}
+.quick-links li {
+ display: inline;
+ margin: 0 5px;
+ line-height: 30px;
+}
+.quick-links .divider {
+ color: #999;
+}
+.quick-links strong {
+ font-weight: normal;
+ color: #999;
+}
+.quick-links .github-btn,
+.quick-links .tweet-btn,
+.quick-links .follow-btn {
+ position: relative;
+ top: 5px;
+}
+
+
+/* Marketing section of Overview
+-------------------------------------------------- */
+.marketing .row {
+ margin-bottom: 9px;
+}
+.marketing h1 {
+ margin: 36px 0 27px;
+ font-size: 36px;
+ font-weight: 300;
+ text-align: center;
+}
+.marketing h2,
+.marketing h3 {
+ font-weight: 300;
+}
+.marketing h2 {
+ font-size: 22px;
+}
+.marketing p {
+ margin-right: 10px;
+}
+.marketing .icon {
+ float: left;
+ margin: 7px 10px 0 0;
+ opacity: .8;
+}
+.marketing .small-icon {
+ float: left;
+ margin: 4px 5px 0 0;
+}
+
+
+/* Quickstart section for getting le code
+-------------------------------------------------- */
+.getting-started {
+ background-color: #f5f5f5;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5));
+ background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5);
+ background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5));
+ background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5);
+ background-image: -o-linear-gradient(#f9f9f9, #f5f5f5);
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)";
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0);
+ background-image: linear-gradient(#f9f9f9, #f5f5f5);
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.getting-started {
+ border-color: #eee;
+}
+.getting-started td {
+ width: 33%;
+ border-right: 1px solid #eee;
+}
+.getting-started td + td {
+ border-left: 1px solid #fff;
+}
+.getting-started td:last-child {
+ border-right: 0;
+}
+.quick-start {
+ padding: 17px 20px;
+}
+.quick-start h3,
+.quick-start p {
+ line-height: 18px;
+ text-align: center;
+ margin-bottom: 9px;
+}
+.quick-start p {
+ color: #777;
+}
+.quick-start .current-version,
+.quick-start .current-version a {
+ color: #999;
+}
+.quick-start form {
+ margin-bottom: 0;
+}
+.quick-start textarea {
+ display: block;
+ width: 100%;
+ height: auto;
+ margin-bottom: 0;
+ line-height: 21px;
+ white-space: nowrap;
+ overflow: hidden;
+ /* Makes inputs behave like true block-level elements */
+ -webkit-box-sizing: border-box; /* Older Webkit */
+ -moz-box-sizing: border-box; /* Older FF */
+ -ms-box-sizing: border-box; /* IE8 */
+ box-sizing: border-box; /* CSS3 spec*/
+ /* Hacks for IE7 to make this work just okay enough to function */
+ *width: 90%;
+ *height: 24px;
+}
+
+
+/* Footer
+-------------------------------------------------- */
+.footer {
+ margin-top: 45px;
+ padding: 35px 0 36px;
+ border-top: 1px solid #e5e5e5;
+}
+.footer p {
+ margin-bottom: 0;
+ color: #555;
+}
+.footer dl {
+ margin-bottom: 0;
+}
+.footer dl dt {
+ font-size: 11px;
+ color: #999;
+ text-transform: uppercase;
+}
+.footer dl dd + dt {
+ margin-top: 18px;
+}
+.footer dl dd {
+ margin-left: 0;
+ font-size: 12px;
+}
+.footer dl a {
+ color: #999;
+}
+.footer dl a:hover {
+ color: #555;
+}
+
+
+
+/* Special grid styles
+-------------------------------------------------- */
+.show-grid {
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+.show-grid [class*="span"] {
+ background-color: #eee;
+ text-align: center;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+ min-height: 30px;
+ line-height: 30px;
+}
+.show-grid:hover [class*="span"] {
+ background: #ddd;
+}
+.show-grid .show-grid {
+ margin-top: 0;
+ margin-bottom: 0;
+}
+.show-grid .show-grid [class*="span"] {
+ background-color: #ccc;
+}
+
+
+/* Render mini layout previews
+-------------------------------------------------- */
+.mini-layout {
+ border: 1px solid #ddd;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+ -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);
+ -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);
+ box-shadow: 0 1px 2px rgba(0,0,0,.075);
+}
+.mini-layout {
+ height: 240px;
+ margin-bottom: 20px;
+ padding: 9px;
+}
+.mini-layout div {
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+}
+.mini-layout .mini-layout-body {
+ background-color: #dceaf4;
+ margin: 0 auto;
+ width: 70%;
+ height: 240px;
+}
+.mini-layout.fluid .mini-layout-sidebar,
+.mini-layout.fluid .mini-layout-header,
+.mini-layout.fluid .mini-layout-body {
+ float: left;
+}
+.mini-layout.fluid .mini-layout-sidebar {
+ background-color: #bbd8e9;
+ width: 20%;
+ height: 240px;
+}
+.mini-layout.fluid .mini-layout-body {
+ width: 60%;
+ margin-left: 10px;
+}
+
+
+/* Popover docs
+-------------------------------------------------- */
+.popover-well {
+ min-height: 160px;
+}
+.popover-well .popover {
+ display: block;
+}
+.popover-well .popover-wrapper {
+ width: 50%;
+ height: 160px;
+ float: left;
+ margin-left: 55px;
+ position: relative;
+}
+.popover-well .popover-menu-wrapper {
+ height: 80px;
+}
+img.large-bird {
+ margin: 5px 0 0 310px;
+ opacity: .1;
+}
+
+
+/* Misc
+-------------------------------------------------- */
+
+pre.prettyprint {
+ overflow: hidden;
+}
+
+.browser-support {
+ max-width: 100%;
+}
+
+/* Make tables spaced out a bit more */
+h2 + table,
+h2 + .row {
+ margin-top: 5px;
+}
+
+/* Example sites showcase */
+.example-sites img {
+ max-width: 290px;
+}
+.marketing-byline {
+ margin: -18px 0 27px;
+ font-size: 18px;
+ font-weight: 300;
+ color: #999;
+ text-align: center;
+}
+
+.scrollspy-example {
+ height: 200px;
+ overflow: auto;
+ position: relative;
+}
+
+/* Remove bottom margin on example forms in wells */
+form.well {
+ margin-bottom: 0;
+}
+
+/* Tighten up spacing */
+.well hr {
+ margin: 18px 0;
+}
+
+/* Form docs for horizontal forms */
+.form-docs {
+ padding-left: 10px;
+}
+.form-docs h3,
+.form-docs p,
+.form-docs li {
+ color: #777;
+}
+.form-docs hr {
+ margin: 18px 0;
+}
+
+/* Fake the :focus state to demo it */
+.focused {
+ border-color: rgba(82,168,236,.8);
+ -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
+ -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
+ box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
+ outline: 0;
+}
+
+/* For input sizes, make them display block */
+.docs-input-sizes input[type=text] {
+ display: block;
+ margin-bottom: 9px;
+}
+
+/* Icons
+------------------------- */
+.the-icons {
+
+}
+.the-icons i {
+ display: block;
+ margin-bottom: 5px;
+ background-color: rgba(255,0,0,.25);
+}
+.the-icons i:after {
+ display: block;
+ content: attr(class);
+ font-style: normal;
+ margin-left: 20px;
+ width: 100px;
+}
+
+/* Responsive Docs
+-------------------------------------------------- */
+@media (max-width: 480px) {
+
+ /* Reduce padding above jumbotron */
+ body {
+ padding-top: 70px;
+ }
+
+ /* Change up some type stuff */
+ h1 small {
+ display: block;
+ line-height: 20px;
+ }
+ /* More space between sections */
+ h2 {
+ margin-top: 27px;
+ }
+ h3 {
+ margin-top: 18px;
+ }
+
+ /* Adjust the jumbotron */
+ .jumbotron h1,
+ .jumbotron p {
+ text-align: center;
+ margin-right: 0;
+ }
+ .jumbotron h1 {
+ font-size: 45px;
+ margin-right: 0;
+ }
+ .jumbotron p {
+ margin-right: 0;
+ font-size: 18px;
+ line-height: 24px;
+ }
+ .jumbotron .btn {
+ display: block;
+ font-size: 18px;
+ padding: 10px 14px;
+ margin: 0 auto 10px;
+ }
+
+ /* Don't space out quick links so much */
+ .quick-links {
+ margin: 40px 0 0;
+ }
+ /* hide the bullets on mobile since our horizontal space is limited */
+ .quick-links .divider {
+ display: none;
+ }
+
+ /* center example sites */
+ .example-sites {
+ margin-left: 0;
+ }
+ .example-sites > li {
+ float: none;
+ display: block;
+ max-width: 300px;
+ margin: 0 auto 18px;
+ }
+ .example-sites img {
+ max-width: 270px;
+ }
+
+ table code {
+ white-space: normal;
+ word-wrap: break-word;
+ word-break: break-all;
+ }
+}
+
+
+@media (max-width: 768px) {
+
+ /* Adjust the jumbotron */
+ .jumbotron .benefits {
+ position: relative;
+ width: auto;
+ margin: 36px 0;
+ }
+
+ /* Popovers */
+ .large-bird {
+ display: none;
+ }
+ .popover-well .popover-wrapper {
+ margin-left: 0;
+ }
+
+ /* Space out the show-grid examples */
+ .show-grid [class*="span"] {
+ margin-bottom: 5px;
+ }
+
+ /* Unfloat the back to top link in footer */
+ .footer .pull-right {
+ float: none;
+ }
+ .footer p {
+ margin-bottom: 9px;
+ }
+
+}
+
+
+@media (min-width: 480px) and (max-width: 768px) {
+
+ /* Scale down the jumbotron content */
+ .jumbotron h1 {
+ font-size: 54px;
+ }
+
+ .jumbotron h1,
+ .jumbotron p {
+ margin-right: 0;
+ }
+
+}
+
+
+@media (min-width: 768px) and (max-width: 940px) {
+
+ /* Scale down the jumbotron content */
+ .jumbotron h1 {
+ font-size: 72px;
+ }
+
+ /* Provide enough space on right-hand side for benefits list */
+ .jumbotron h1,
+ .jumbotron p {
+ margin-right: 40%;
+ }
+}
View
183 docs/assets/css/docs.css 100755 → 100644
@@ -22,6 +22,7 @@ body {
body > .navbar-fixed .brand {
padding-right: 0;
padding-left: 0;
+ margin-left: 20px;
float: right;
font-weight: bold;
color: #000;
@@ -34,8 +35,16 @@ body > .navbar-fixed .brand:hover {
/* Space out sub-sections more
-------------------------------------------------- */
+section {
+ padding-top: 60px;
+}
.page-header {
- margin-top: 36px;
+ margin: 18px 0;
+ border-bottom: 1px solid #eee;
+}
+.page-header h1 {
+ margin-bottom: 17px;
+ line-height: 1;
}
@@ -107,7 +116,6 @@ body > .navbar-fixed .brand:hover {
/* supporting docs pages */
.subhead {
padding-bottom: 14px;
- margin-bottom: 45px;
border-bottom: 3px solid #e5e5e5;
}
.subhead h1,
@@ -122,6 +130,7 @@ body > .navbar-fixed .brand:hover {
/* Quick links
-------------------------------------------------- */
.quick-links {
+ min-height: 30px;
padding: 5px 20px;
margin: 45px 0;
list-style: none;
@@ -133,11 +142,11 @@ body > .navbar-fixed .brand:hover {
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
+ overflow: hidden;
}
.quick-links li {
display: inline;
margin: 0 5px;
- line-height: 30px;
}
.quick-links .divider {
color: #999;
@@ -157,7 +166,7 @@ body > .navbar-fixed .brand:hover {
/* Marketing section of Overview
-------------------------------------------------- */
.marketing .row {
- margin-bottom: 18px;
+ margin-bottom: 9px;
}
.marketing h1 {
margin: 36px 0 27px;
@@ -170,7 +179,7 @@ body > .navbar-fixed .brand:hover {
font-weight: 300;
}
.marketing h2 {
- margin-bottom: 9px;
+ font-size: 22px;
}
.marketing p {
margin-right: 10px;
@@ -186,6 +195,75 @@ body > .navbar-fixed .brand:hover {
}
+/* Quickstart section for getting le code
+-------------------------------------------------- */
+.getting-started {
+ background-color: #f5f5f5;
+ background-repeat: repeat-x;
+ background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5));
+ background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5);
+ background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5));
+ background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5);
+ background-image: -o-linear-gradient(#f9f9f9, #f5f5f5);
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)";
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0);
+ background-image: linear-gradient(#f9f9f9, #f5f5f5);
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.getting-started {
+ border-color: #eee;
+}
+.getting-started td {
+ width: 33%;
+ border-right: 1px solid #eee;
+}
+.getting-started td + td {
+ border-left: 1px solid #fff;
+}
+.getting-started td:last-child {
+ border-right: 0;
+}
+.quick-start {
+ padding: 17px 20px;
+}
+.quick-start h3,
+.quick-start p {
+ line-height: 18px;
+ text-align: center;
+ margin-bottom: 9px;
+}
+.quick-start p {
+ color: #777;
+}
+.quick-start .current-version,
+.quick-start .current-version a {
+ color: #999;
+}
+.quick-start form {
+ margin-bottom: 0;
+}
+.quick-start textarea {
+ display: block;
+ width: 100%;
+ height: auto;
+ margin-bottom: 0;
+ line-height: 21px;
+ white-space: nowrap;
+ overflow: hidden;
+ /* Makes inputs behave like true block-level elements */
+ -webkit-box-sizing: border-box; /* Older Webkit */
+ -moz-box-sizing: border-box; /* Older FF */
+ -ms-box-sizing: border-box; /* IE8 */
+ box-sizing: border-box; /* CSS3 spec*/
+ /* Hacks for IE7 to make this work just okay enough to function */
+ *width: 270px;
+ *height: 24px;
+}
+
+
/* Footer
-------------------------------------------------- */
.footer {
@@ -197,6 +275,28 @@ body > .navbar-fixed .brand:hover {
margin-bottom: 0;
color: #555;
}
+.footer dl {
+ margin-bottom: 0;
+}
+.footer dl dt {
+ font-size: 11px;
+ color: #999;
+ text-transform: uppercase;
+}
+.footer dl dd + dt {
+ margin-top: 18px;
+}
+.footer dl dd {
+ margin-left: 0;
+ font-size: 12px;
+}
+.footer dl a {
+ color: #999;
+}
+.footer dl a:hover {
+ color: #555;
+}
+
/* Special grid styles
@@ -287,7 +387,7 @@ body > .navbar-fixed .brand:hover {
.popover-well .popover-menu-wrapper {
height: 80px;
}
-img.large-bird {
+.large-bird {
margin: 5px 0 0 310px;
opacity: .1;
}
@@ -300,25 +400,24 @@ pre.prettyprint {
overflow: hidden;
}
-.well form {
- margin-bottom: 0;
-}
-
.browser-support {
max-width: 100%;
}
/* Make tables spaced out a bit more */
-h2 + table {
+h2 + table,
+h2 + .row {
margin-top: 5px;
}
/* Example sites showcase */
.example-sites img {
max-width: 290px;
}
-.built-with {
+.marketing-byline {
margin: -18px 0 27px;
+ font-size: 18px;
+ font-weight: 300;
color: #999;
text-align: center;
}
@@ -329,6 +428,66 @@ h2 + table {
position: relative;
}
+/* Remove bottom margin on example forms in wells */
+form.well {
+ margin-bottom: 0;
+}
+
+/* Tighten up spacing */
+.well hr {
+ margin: 18px 0;
+}
+
+/* Form docs for horizontal forms */
+.form-docs {
+ padding-left: 10px;
+}
+.form-docs h3,
+.form-docs p,
+.form-docs li {
+ color: #777;
+}
+.form-docs hr {
+ margin: 18px 0;
+}
+
+/* Fake the :focus state to demo it */
+.focused {
+ border-color: rgba(82,168,236,.8);
+ -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
+ -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
+ box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
+ outline: 0;
+}
+
+/* For input sizes, make them display block */
+.docs-input-sizes input[type=text] {
+ display: block;
+ margin-bottom: 9px;
+}
+
+/* Icons
+------------------------- */
+.the-icons i {
+ display: block;
+ margin-bottom: 5px;
+ background-color: rgba(255,0,0,.25);
+}
+.the-icons i:after {
+ display: block;
+ content: attr(class);
+ font-style: normal;
+ margin-left: 20px;
+ width: 100px;
+}
+
+#javascript input[type=checkbox] {
+ position: relative;
+ top: -1px;
+ display: inline;
+ margin-left: 6px;
+}
+
/* Responsive Docs
-------------------------------------------------- */
View
BIN docs/assets/img/glyphicons-halflings-sprite.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
186 docs/assets/js/application.js 100755 → 100644
@@ -1,83 +1,153 @@
$(function(){
+ // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
+ // IT'S ALL JUST JUNK FOR OUR DOCS!
+ // ++++++++++++++++++++++++++++++++++++++++++
+
+
// Hide the Mobile Safari address bar once loaded
// ==============================================
- window.addEventListener("load",function() {
- // Set a timeout...
- setTimeout(function(){
- // Hide the address bar!
- window.scrollTo(0, 1);
- }, 0);
- });
+ // Set a timeout...
+ // setTimeout(function(){
+ // // Hide the address bar!
+ // window.scrollTo(0, 1);
+ // }, 0);
- // Docs topbar nav
- // ===============
+ // table sort example
+ // ==================
- $('.nav .active').click(function(e) {
- e.preventDefault();
- $(this).siblings().toggle();
- });
+ // make code pretty
+ window.prettyPrint && prettyPrint()
+ // table sort example
+ if ($.fn.tableSorter) {
+ $("#sortTableExample").tablesorter( { sortList: [[ 1, 0 ]] } )
+ }
- // Show grid dimensions on hover
- // =============================
+ // add on logic
+ $('.add-on :checkbox').on('click', function () {
+ var $this = $(this)
+ , method = $this.attr('checked') ? 'addClass' : 'removeClass'
+ $(this).parents('.add-on')[method]('active')
+ })
- $('.show-grid > div').hover(function() {
- var width = $(this).width();
- $(this).attr('title', width);
- $(this).twipsy();
- });
+ // Disable certain links in docs
+ // Please do not carry these styles over to your projects
+ // it's merely here to prevent button clicks form taking you
+ // away from your spot on page!!
+ $('[href^=#]').click(function (e) {
+ e.preventDefault()
+ })
- // table sort example
- // ==================
+ // Copy code blocks in docs
+ $(".copy-code").on('focus', function () {
+ var el = this
+ setTimeout(function () { $(el).select() }, 0)
+ })
- $("#sortTableExample").tablesorter( { sortList: [[ 1, 0 ]] } )
+ if ($.fn.tooltip) {
+
+ // position static twipsies for components page
+ if ($(".twipsies a").length) {
+ $(window).on('load resize', function () {
+ $(".twipsies a").each(function () {
+ $(this)
+ .tooltip({
+ placement: $(this).attr('title')
+ , trigger: 'manual'
+ })
+ .tooltip('show')
+ })
+ })
+ }
+ // add tipsies to grid for scaffolding
+ if ($('#grid-system').length) {
- // add on logic
- // ============
+ $('#grid-system').tooltip({
+ selector: '.show-grid > div'
+ , title: function () { return $(this).width() + 'px' }
+ })
- $('.add-on :checkbox').click(function () {
- if ($(this).attr('checked')) {
- $(this).parents('.add-on').addClass('active')
- } else {
- $(this).parents('.add-on').removeClass('active')
}
- })
+ }
+ // javascript build logic
- // Disable certain links in docs
- // =============================
- // Please do not carry these styles over to your projects, it's merely here to prevent button clicks form taking you away from your spot on page
+ var inputs = $("#javascript input")
- $('ul.tabs a, ul.pills a, .pagination a, .well .btn, .actions .btn, .alert-message .btn, a.close').click(function (e) {
+ // toggle all plugin checkboxes
+ $('#selectAll').on('click', function (e) {
e.preventDefault()
+ inputs.attr('checked', !inputs.is(':checked'))
})
- // Copy code blocks in docs
- $(".copy-code").focus(function () {
- var el = this;
- // push select to event loop for chrome :{o
- setTimeout(function () { $(el).select(); }, 1);
- });
-
-
- // POSITION STATIC TWIPSIES
- // ========================
-
- $(window).on('load resize', function () {
- $(".twipsies a").each(function () {
- $(this)
- .twipsy({
- live: false
- , placement: $(this).attr('title')
- , trigger: 'manual'
- , offset: 2
- })
- .twipsy('show')
- })
+ // handle build button dropdown
+ var buildTypes = $('#javascriptBuilder .dropdown-menu li').on('click', function () {
+ buildTypes.removeClass('active')
+ $(this).addClass('active')
})
-});
+
+ // request built javascript
+ $('#javascriptBuild').on('click', function () {
+
+ var names = $("#javascript input:checked")
+ .map(function () { return this.value })
+ .toArray()
+
+ if (names[names.length - 1] == 'bootstrap-transition.js') {