Remove all frameworks except Bootstrap (#251)
- Remove all frameworks except Bootstrap - Remove roots-options.php and replace with a more simple roots-config.php - Include all Bootstrap Javascript plugins by default in js/plugins.js - Use Bootstrap Responsive and Topbar navigation by default - Use Bootstrap markup on forms, page titles, image galleries, alerts and errors, post and comment navigation - Remove Roots styles from style.css and introduce app.css for site-specific CSS. Remove almost all previous default Roots styles. - Add latest updates from H5BP project
This commit is contained in:
Ben Word
27
404.php
27
404.php
@@ -1,21 +1,24 @@
|
|||||||
<?php get_header(); ?>
|
<?php get_header(); ?>
|
||||||
<?php roots_content_before(); ?>
|
<?php roots_content_before(); ?>
|
||||||
<div id="content" class="<?php echo $roots_options['container_class']; ?>">
|
<div id="content" class="<?php echo CONTAINER_CLASSES; ?>">
|
||||||
<?php roots_main_before(); ?>
|
<?php roots_main_before(); ?>
|
||||||
<div id="main" class="<?php echo $roots_options['fullwidth_class']; ?>" role="main">
|
<div id="main" class="<?php echo FULLWIDTH_CLASSES; ?>" role="main">
|
||||||
<div class="container">
|
<div class="page-header">
|
||||||
<h1><?php _e('File Not Found', 'roots'); ?></h1>
|
<h1><?php _e('File Not Found', 'roots'); ?></h1>
|
||||||
<p><?php _e('The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.', 'roots'); ?></p>
|
|
||||||
<p><?php _e('Please try the following:', 'roots'); ?></p>
|
|
||||||
<ul>
|
|
||||||
<li><?php _e('Check your spelling', 'roots'); ?></li>
|
|
||||||
<li><?php printf(__('Return to the <a href="%s">home page</a>', 'roots'), home_url()); ?></li>
|
|
||||||
<li><?php _e('Click the <a href="javascript:history.back()">Back</a> button', 'roots'); ?></li>
|
|
||||||
</ul>
|
|
||||||
<?php get_search_form(); ?>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="alert alert-block fade in">
|
||||||
|
<a class="close" data-dismiss="alert">×</a>
|
||||||
|
<p><?php _e('The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.', 'roots'); ?></p>
|
||||||
|
</div>
|
||||||
|
<p><?php _e('Please try the following:', 'roots'); ?></p>
|
||||||
|
<ul>
|
||||||
|
<li><?php _e('Check your spelling', 'roots'); ?></li>
|
||||||
|
<li><?php printf(__('Return to the <a href="%s">home page</a>', 'roots'), home_url()); ?></li>
|
||||||
|
<li><?php _e('Click the <a href="javascript:history.back()">Back</a> button', 'roots'); ?></li>
|
||||||
|
</ul>
|
||||||
|
<?php get_search_form(); ?>
|
||||||
</div><!-- /#main -->
|
</div><!-- /#main -->
|
||||||
<?php roots_main_after(); ?>
|
<?php roots_main_after(); ?>
|
||||||
</div><!-- /#content -->
|
</div><!-- /#content -->
|
||||||
<?php roots_content_after(); ?>
|
<?php roots_content_after(); ?>
|
||||||
<?php get_footer(); ?>
|
<?php get_footer(); ?>
|
||||||
17
README.md
17
README.md
@@ -1,8 +1,6 @@
|
|||||||
# [Roots Theme](http://rootstheme.com/)
|
# [Roots Theme](http://rootstheme.com/)
|
||||||
|
|
||||||
Roots is a starting WordPress theme made for developers that’s based on [HTML5 Boilerplate](http://html5boilerplate.com/), Starkers, and the most popular CSS frameworks.
|
Roots is a starting WordPress theme made for developers that’s based on [HTML5 Boilerplate](http://html5boilerplate.com/), and Bootstrap from Twitter.
|
||||||
|
|
||||||
Roots includes support for Blueprint CSS, 960 Grid System, 1140px Grid, Adapt.js, Less Framework, Foundation, and Bootstrap with the ability to set site-wide classes for the main content area and the sidebar. There's also the option to not use any CSS framework.
|
|
||||||
|
|
||||||
## Quick start
|
## Quick start
|
||||||
|
|
||||||
@@ -11,8 +9,8 @@ Roots includes support for Blueprint CSS, 960 Grid System, 1140px Grid, Adapt.js
|
|||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
* HTML5 Boilerplate's markup, style, and .htaccess
|
* HTML5 Boilerplate’s markup, style, and .htaccess
|
||||||
* Popular CSS frameworks included (with the option to use none)
|
* Bootstrap from Twitter
|
||||||
* Clean URLs (no more `/wp-content/`)
|
* Clean URLs (no more `/wp-content/`)
|
||||||
* All static theme assets are rewritten to the website root (`/css/`, `/img/`, and `/js/`)
|
* All static theme assets are rewritten to the website root (`/css/`, `/img/`, and `/js/`)
|
||||||
* Cleaner HTML output of navigation menus
|
* Cleaner HTML output of navigation menus
|
||||||
@@ -23,9 +21,6 @@ Roots includes support for Blueprint CSS, 960 Grid System, 1140px Grid, Adapt.js
|
|||||||
* Robots.txt optimized for SEO
|
* Robots.txt optimized for SEO
|
||||||
* [Multilingual ready](http://www.rootstheme.com/wpml/) (English, Spanish, French, Italian, Dutch, Brazilian Portuguese, Macedonian, Finnish, Danish, and Turkish)
|
* [Multilingual ready](http://www.rootstheme.com/wpml/) (English, Spanish, French, Italian, Dutch, Brazilian Portuguese, Macedonian, Finnish, Danish, and Turkish)
|
||||||
|
|
||||||
### Theme Options
|
|
||||||
|
|
||||||
|
|
||||||
## Contributing
|
## Contributing
|
||||||
|
|
||||||
Anyone and everyone is welcome to contribute. There are several ways you can help out:
|
Anyone and everyone is welcome to contribute. There are several ways you can help out:
|
||||||
@@ -52,12 +47,6 @@ Anyone and everyone is welcome to contribute. There are several ways you can hel
|
|||||||
* Modernizr: MIT/BSD license
|
* Modernizr: MIT/BSD license
|
||||||
* jQuery: MIT/GPL license
|
* jQuery: MIT/GPL license
|
||||||
* Normalize.css: Public Domain
|
* Normalize.css: Public Domain
|
||||||
* Blueprint CSS: Modified MIT License
|
|
||||||
* 960 Grid System: MIT/GPL License
|
|
||||||
* The 1140px Grid: CC BY-SA 3.0 Australia License
|
|
||||||
* Adapt.js: MIT/GPL license
|
|
||||||
* Less Framework 4: MIT license
|
|
||||||
* Foundation: MIT license
|
|
||||||
* Bootstrap: Apache 2.0 license
|
* Bootstrap: Apache 2.0 license
|
||||||
|
|
||||||
### Everything else:
|
### Everything else:
|
||||||
|
|||||||
20
archive.php
20
archive.php
@@ -1,9 +1,9 @@
|
|||||||
<?php get_header(); ?>
|
<?php get_header(); ?>
|
||||||
<?php roots_content_before(); ?>
|
<?php roots_content_before(); ?>
|
||||||
<div id="content" class="<?php echo $roots_options['container_class']; ?>">
|
<div id="content" class="<?php echo CONTAINER_CLASSES; ?>">
|
||||||
<?php roots_main_before(); ?>
|
<?php roots_main_before(); ?>
|
||||||
<div id="main" class="<?php echo $roots_options['main_class']; ?>" role="main">
|
<div id="main" class="<?php echo MAIN_CLASSES; ?>" role="main">
|
||||||
<div class="container">
|
<div class="page-header">
|
||||||
<h1>
|
<h1>
|
||||||
<?php
|
<?php
|
||||||
$term = get_term_by('slug', get_query_var('term'), get_query_var('taxonomy'));
|
$term = get_term_by('slug', get_query_var('term'), get_query_var('taxonomy'));
|
||||||
@@ -24,21 +24,19 @@
|
|||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
</h1>
|
</h1>
|
||||||
<?php roots_loop_before(); ?>
|
|
||||||
<?php get_template_part('loop', 'category'); ?>
|
|
||||||
<?php roots_loop_after(); ?>
|
|
||||||
</div>
|
</div>
|
||||||
|
<?php roots_loop_before(); ?>
|
||||||
|
<?php get_template_part('loop', 'category'); ?>
|
||||||
|
<?php roots_loop_after(); ?>
|
||||||
</div><!-- /#main -->
|
</div><!-- /#main -->
|
||||||
<?php roots_main_after(); ?>
|
<?php roots_main_after(); ?>
|
||||||
<?php roots_sidebar_before(); ?>
|
<?php roots_sidebar_before(); ?>
|
||||||
<aside id="sidebar" class="<?php echo $roots_options['sidebar_class']; ?>" role="complementary">
|
<aside id="sidebar" class="<?php echo SIDEBAR_CLASSES; ?>" role="complementary">
|
||||||
<?php roots_sidebar_inside_before(); ?>
|
<?php roots_sidebar_inside_before(); ?>
|
||||||
<div class="container">
|
<?php get_sidebar(); ?>
|
||||||
<?php get_sidebar(); ?>
|
|
||||||
</div>
|
|
||||||
<?php roots_sidebar_inside_after(); ?>
|
<?php roots_sidebar_inside_after(); ?>
|
||||||
</aside><!-- /#sidebar -->
|
</aside><!-- /#sidebar -->
|
||||||
<?php roots_sidebar_after(); ?>
|
<?php roots_sidebar_after(); ?>
|
||||||
</div><!-- /#content -->
|
</div><!-- /#content -->
|
||||||
<?php roots_content_after(); ?>
|
<?php roots_content_after(); ?>
|
||||||
<?php get_footer(); ?>
|
<?php get_footer(); ?>
|
||||||
53
comments.php
53
comments.php
@@ -10,7 +10,10 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<?php if ($comment->comment_approved == '0') { ?>
|
<?php if ($comment->comment_approved == '0') { ?>
|
||||||
<p><?php _e('Your comment is awaiting moderation.', 'roots') ?></p>
|
<div class="alert alert-block fade in">
|
||||||
|
<a class="close" data-dismiss="alert">×</a>
|
||||||
|
<p><?php _e('Your comment is awaiting moderation.', 'roots'); ?></p>
|
||||||
|
</div>
|
||||||
<?php } ?>
|
<?php } ?>
|
||||||
|
|
||||||
<section class="comment">
|
<section class="comment">
|
||||||
@@ -24,7 +27,10 @@
|
|||||||
|
|
||||||
<?php if (post_password_required()) { ?>
|
<?php if (post_password_required()) { ?>
|
||||||
<section id="comments">
|
<section id="comments">
|
||||||
<p><?php _e('This post is password protected. Enter the password to view comments.', 'roots'); ?></p>
|
<div class="alert alert-block fade in">
|
||||||
|
<a class="close" data-dismiss="alert">×</a>
|
||||||
|
<p><?php _e('This post is password protected. Enter the password to view comments.', 'roots'); ?></p>
|
||||||
|
</div>
|
||||||
</section><!-- /#comments -->
|
</section><!-- /#comments -->
|
||||||
<?php
|
<?php
|
||||||
return;
|
return;
|
||||||
@@ -39,21 +45,28 @@
|
|||||||
</ol>
|
</ol>
|
||||||
|
|
||||||
<?php if (get_comment_pages_count() > 1 && get_option('page_comments')) { // are there comments to navigate through ?>
|
<?php if (get_comment_pages_count() > 1 && get_option('page_comments')) { // are there comments to navigate through ?>
|
||||||
<nav id="comments-nav">
|
<nav id="comments-nav" class="pager">
|
||||||
<div class="comments-previous"><?php previous_comments_link(__('← Older comments', 'roots')); ?></div>
|
<div class="previous"><?php previous_comments_link(__('← Older comments', 'roots')); ?></div>
|
||||||
<div class="comments-next"><?php next_comments_link(__('Newer comments →', 'roots')); ?></div>
|
<div class="next"><?php next_comments_link(__('Newer comments →', 'roots')); ?></div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<?php } // check for comment navigation ?>
|
<?php } // check for comment navigation ?>
|
||||||
|
|
||||||
<?php if (!comments_open() && !is_page() && post_type_supports(get_post_type(), 'comments')) { ?>
|
<?php if (!comments_open() && !is_page() && post_type_supports(get_post_type(), 'comments')) { ?>
|
||||||
<p><?php _e('Comments are closed.', 'roots'); ?></p>
|
<div class="alert alert-block fade in">
|
||||||
|
<a class="close" data-dismiss="alert">×</a>
|
||||||
|
<p><?php _e('Comments are closed.', 'roots'); ?></p>
|
||||||
|
</div>
|
||||||
<?php } ?>
|
<?php } ?>
|
||||||
</section><!-- /#comments -->
|
</section><!-- /#comments -->
|
||||||
<?php } ?>
|
<?php } ?>
|
||||||
|
|
||||||
<?php if (!have_comments() && !comments_open() && !is_page() && post_type_supports(get_post_type(), 'comments')) { ?>
|
<?php if (!have_comments() && !comments_open() && !is_page() && post_type_supports(get_post_type(), 'comments')) { ?>
|
||||||
<section id="comments">
|
<section id="comments">
|
||||||
<p><?php _e('Comments are closed.', 'roots'); ?></p>
|
<div class="alert alert-block fade in">
|
||||||
|
<a class="close" data-dismiss="alert">×</a>
|
||||||
|
<p><?php _e('Comments are closed.', 'roots'); ?></p>
|
||||||
|
</div>
|
||||||
</section><!-- /#comments -->
|
</section><!-- /#comments -->
|
||||||
<?php } ?>
|
<?php } ?>
|
||||||
|
|
||||||
@@ -68,24 +81,16 @@
|
|||||||
<?php if (is_user_logged_in()) { ?>
|
<?php if (is_user_logged_in()) { ?>
|
||||||
<p><?php printf(__('Logged in as <a href="%s/wp-admin/profile.php">%s</a>.', 'roots'), get_option('siteurl'), $user_identity); ?> <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="<?php __('Log out of this account', 'roots'); ?>"><?php _e('Log out »', 'roots'); ?></a></p>
|
<p><?php printf(__('Logged in as <a href="%s/wp-admin/profile.php">%s</a>.', 'roots'), get_option('siteurl'), $user_identity); ?> <a href="<?php echo wp_logout_url(get_permalink()); ?>" title="<?php __('Log out of this account', 'roots'); ?>"><?php _e('Log out »', 'roots'); ?></a></p>
|
||||||
<?php } else { ?>
|
<?php } else { ?>
|
||||||
<p>
|
<label for="author"><?php _e('Name', 'roots'); if ($req) _e(' (required)', 'roots'); ?></label>
|
||||||
<label for="author"><?php _e('Name', 'roots'); if ($req) _e(' (required)', 'roots'); ?></label>
|
<input type="text" class="text" name="author" id="author" value="<?php echo esc_attr($comment_author); ?>" size="22" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?>>
|
||||||
<input type="text" class="text" name="author" id="author" value="<?php echo esc_attr($comment_author); ?>" size="22" tabindex="1" <?php if ($req) echo "aria-required='true'"; ?>>
|
<label for="email"><?php _e('Email (will not be published)', 'roots'); if ($req) _e(' (required)', 'roots'); ?></label>
|
||||||
</p>
|
<input type="email" class="text" name="email" id="email" value="<?php echo esc_attr($comment_author_email); ?>" size="22" tabindex="2" <?php if ($req) echo "aria-required='true'"; ?>>
|
||||||
<p>
|
<label for="url"><?php _e('Website', 'roots'); ?></label>
|
||||||
<label for="email"><?php _e('Email (will not be published)', 'roots'); if ($req) _e(' (required)', 'roots'); ?></label>
|
<input type="url" class="text" name="url" id="url" value="<?php echo esc_attr($comment_author_url); ?>" size="22" tabindex="3">
|
||||||
<input type="email" class="text" name="email" id="email" value="<?php echo esc_attr($comment_author_email); ?>" size="22" tabindex="2" <?php if ($req) echo "aria-required='true'"; ?>>
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
<label for="url"><?php _e('Website', 'roots'); ?></label>
|
|
||||||
<input type="url" class="text" name="url" id="url" value="<?php echo esc_attr($comment_author_url); ?>" size="22" tabindex="3">
|
|
||||||
</p>
|
|
||||||
<?php } ?>
|
<?php } ?>
|
||||||
<p>
|
<label for="comment"><?php _e('Comment', 'roots'); ?></label>
|
||||||
<label for="comment"><?php _e('Comment', 'roots'); ?></label>
|
<textarea name="comment" id="comment" class="input-xlarge" tabindex="4"></textarea>
|
||||||
<textarea name="comment" id="comment" tabindex="4"></textarea>
|
<input name="submit" class="btn btn-primary" type="submit" id="submit" tabindex="5" value="<?php _e('Submit Comment', 'roots'); ?>">
|
||||||
</p>
|
|
||||||
<p><input name="submit" class="button" type="submit" id="submit" tabindex="5" value="<?php _e('Submit Comment', 'roots'); ?>"></p>
|
|
||||||
<?php comment_id_fields(); ?>
|
<?php comment_id_fields(); ?>
|
||||||
<?php do_action('comment_form', $post->ID); ?>
|
<?php do_action('comment_form', $post->ID); ?>
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
@@ -1,130 +0,0 @@
|
|||||||
/* CSS Resets */
|
|
||||||
|
|
||||||
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}
|
|
||||||
|
|
||||||
|
|
||||||
/* ==================================================================================================================== */
|
|
||||||
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com */
|
|
||||||
/* ==================================================================================================================== */
|
|
||||||
|
|
||||||
.container {
|
|
||||||
padding-left: 20px;
|
|
||||||
padding-right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row {
|
|
||||||
width: 100%;
|
|
||||||
max-width: 1140px;
|
|
||||||
min-width: 755px;
|
|
||||||
margin: 0 auto;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol {
|
|
||||||
margin-right: 3.8%;
|
|
||||||
float: left;
|
|
||||||
min-height: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row .onecol {
|
|
||||||
width: 4.85%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row .twocol {
|
|
||||||
width: 13.45%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row .threecol {
|
|
||||||
width: 22.05%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row .fourcol {
|
|
||||||
width: 30.75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row .fivecol {
|
|
||||||
width: 39.45%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row .sixcol {
|
|
||||||
width: 48%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row .sevencol {
|
|
||||||
width: 56.75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row .eightcol {
|
|
||||||
width: 65.4%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row .ninecol {
|
|
||||||
width: 74.05%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row .tencol {
|
|
||||||
width: 82.7%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row .elevencol {
|
|
||||||
width: 91.35%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row .twelvecol {
|
|
||||||
width: 100%;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
.last {
|
|
||||||
margin-right: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
img, object, embed {
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Smaller screens */
|
|
||||||
|
|
||||||
@media only screen and (max-width: 1023px) {
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-size: 0.8em;
|
|
||||||
line-height: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Mobile */
|
|
||||||
|
|
||||||
@media handheld, only screen and (max-width: 767px) {
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-size: 16px;
|
|
||||||
-webkit-text-size-adjust: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row, body, .container {
|
|
||||||
width: 100%;
|
|
||||||
min-width: 0;
|
|
||||||
margin-left: 0px;
|
|
||||||
margin-right: 0px;
|
|
||||||
padding-left: 0px;
|
|
||||||
padding-right: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
|
|
||||||
width: auto;
|
|
||||||
float: none;
|
|
||||||
margin-left: 0px;
|
|
||||||
margin-right: 0px;
|
|
||||||
padding-left: 20px;
|
|
||||||
padding-right: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,43 +0,0 @@
|
|||||||
.onecol {
|
|
||||||
width: 4.7%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.twocol {
|
|
||||||
width: 13.2%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.threecol {
|
|
||||||
width: 22.05%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fourcol {
|
|
||||||
width: 30.6%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fivecol {
|
|
||||||
width: 39%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sixcol {
|
|
||||||
width: 48%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.sevencol {
|
|
||||||
width: 56.75%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.eightcol {
|
|
||||||
width: 61.6%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ninecol {
|
|
||||||
width: 74.05%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tencol {
|
|
||||||
width: 82%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.elevencol {
|
|
||||||
width: 91.35%;
|
|
||||||
}
|
|
||||||
643
css/960/960.css
643
css/960/960.css
@@ -1,643 +0,0 @@
|
|||||||
/*
|
|
||||||
960 Grid System ~ Core CSS.
|
|
||||||
Learn more ~ http://960.gs/
|
|
||||||
|
|
||||||
Licensed under GPL and MIT.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/*
|
|
||||||
Forces backgrounds to span full width,
|
|
||||||
even if there is horizontal scrolling.
|
|
||||||
Increase this if your layout is wider.
|
|
||||||
|
|
||||||
Note: IE6 works fine without this fix.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
min-width: 960px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Containers
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12,
|
|
||||||
.container_16 {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
width: 960px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.grid_1,
|
|
||||||
.grid_2,
|
|
||||||
.grid_3,
|
|
||||||
.grid_4,
|
|
||||||
.grid_5,
|
|
||||||
.grid_6,
|
|
||||||
.grid_7,
|
|
||||||
.grid_8,
|
|
||||||
.grid_9,
|
|
||||||
.grid_10,
|
|
||||||
.grid_11,
|
|
||||||
.grid_12,
|
|
||||||
.grid_13,
|
|
||||||
.grid_14,
|
|
||||||
.grid_15,
|
|
||||||
.grid_16 {
|
|
||||||
display: inline;
|
|
||||||
float: left;
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.push_1, .pull_1,
|
|
||||||
.push_2, .pull_2,
|
|
||||||
.push_3, .pull_3,
|
|
||||||
.push_4, .pull_4,
|
|
||||||
.push_5, .pull_5,
|
|
||||||
.push_6, .pull_6,
|
|
||||||
.push_7, .pull_7,
|
|
||||||
.push_8, .pull_8,
|
|
||||||
.push_9, .pull_9,
|
|
||||||
.push_10, .pull_10,
|
|
||||||
.push_11, .pull_11,
|
|
||||||
.push_12, .pull_12,
|
|
||||||
.push_13, .pull_13,
|
|
||||||
.push_14, .pull_14,
|
|
||||||
.push_15, .pull_15 {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_3,
|
|
||||||
.container_16 .grid_4 {
|
|
||||||
width: 220px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_6,
|
|
||||||
.container_16 .grid_8 {
|
|
||||||
width: 460px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_9,
|
|
||||||
.container_16 .grid_12 {
|
|
||||||
width: 700px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_12,
|
|
||||||
.container_16 .grid_16 {
|
|
||||||
width: 940px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.alpha {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.omega {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .grid_1 {
|
|
||||||
width: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_2 {
|
|
||||||
width: 140px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_4 {
|
|
||||||
width: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_5 {
|
|
||||||
width: 380px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_7 {
|
|
||||||
width: 540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_8 {
|
|
||||||
width: 620px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_10 {
|
|
||||||
width: 780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_11 {
|
|
||||||
width: 860px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> 16 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_16 .grid_1 {
|
|
||||||
width: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_2 {
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_3 {
|
|
||||||
width: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_5 {
|
|
||||||
width: 280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_6 {
|
|
||||||
width: 340px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_7 {
|
|
||||||
width: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_9 {
|
|
||||||
width: 520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_10 {
|
|
||||||
width: 580px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_11 {
|
|
||||||
width: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_13 {
|
|
||||||
width: 760px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_14 {
|
|
||||||
width: 820px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_15 {
|
|
||||||
width: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Prefix Extra Space >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .prefix_3,
|
|
||||||
.container_16 .prefix_4 {
|
|
||||||
padding-left: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_6,
|
|
||||||
.container_16 .prefix_8 {
|
|
||||||
padding-left: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_9,
|
|
||||||
.container_16 .prefix_12 {
|
|
||||||
padding-left: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Prefix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .prefix_1 {
|
|
||||||
padding-left: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_2 {
|
|
||||||
padding-left: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_4 {
|
|
||||||
padding-left: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_5 {
|
|
||||||
padding-left: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_7 {
|
|
||||||
padding-left: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_8 {
|
|
||||||
padding-left: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_10 {
|
|
||||||
padding-left: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_11 {
|
|
||||||
padding-left: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Prefix Extra Space >> 16 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_16 .prefix_1 {
|
|
||||||
padding-left: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_2 {
|
|
||||||
padding-left: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_3 {
|
|
||||||
padding-left: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_5 {
|
|
||||||
padding-left: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_6 {
|
|
||||||
padding-left: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_7 {
|
|
||||||
padding-left: 420px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_9 {
|
|
||||||
padding-left: 540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_10 {
|
|
||||||
padding-left: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_11 {
|
|
||||||
padding-left: 660px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_13 {
|
|
||||||
padding-left: 780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_14 {
|
|
||||||
padding-left: 840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_15 {
|
|
||||||
padding-left: 900px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Suffix Extra Space >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .suffix_3,
|
|
||||||
.container_16 .suffix_4 {
|
|
||||||
padding-right: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_6,
|
|
||||||
.container_16 .suffix_8 {
|
|
||||||
padding-right: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_9,
|
|
||||||
.container_16 .suffix_12 {
|
|
||||||
padding-right: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Suffix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .suffix_1 {
|
|
||||||
padding-right: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_2 {
|
|
||||||
padding-right: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_4 {
|
|
||||||
padding-right: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_5 {
|
|
||||||
padding-right: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_7 {
|
|
||||||
padding-right: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_8 {
|
|
||||||
padding-right: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_10 {
|
|
||||||
padding-right: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_11 {
|
|
||||||
padding-right: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Suffix Extra Space >> 16 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_16 .suffix_1 {
|
|
||||||
padding-right: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_2 {
|
|
||||||
padding-right: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_3 {
|
|
||||||
padding-right: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_5 {
|
|
||||||
padding-right: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_6 {
|
|
||||||
padding-right: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_7 {
|
|
||||||
padding-right: 420px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_9 {
|
|
||||||
padding-right: 540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_10 {
|
|
||||||
padding-right: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_11 {
|
|
||||||
padding-right: 660px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_13 {
|
|
||||||
padding-right: 780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_14 {
|
|
||||||
padding-right: 840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_15 {
|
|
||||||
padding-right: 900px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Push Space >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .push_3,
|
|
||||||
.container_16 .push_4 {
|
|
||||||
left: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_6,
|
|
||||||
.container_16 .push_8 {
|
|
||||||
left: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_9,
|
|
||||||
.container_16 .push_12 {
|
|
||||||
left: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Push Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .push_1 {
|
|
||||||
left: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_2 {
|
|
||||||
left: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_4 {
|
|
||||||
left: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_5 {
|
|
||||||
left: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_7 {
|
|
||||||
left: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_8 {
|
|
||||||
left: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_10 {
|
|
||||||
left: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_11 {
|
|
||||||
left: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Push Space >> 16 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_16 .push_1 {
|
|
||||||
left: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_2 {
|
|
||||||
left: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_3 {
|
|
||||||
left: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_5 {
|
|
||||||
left: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_6 {
|
|
||||||
left: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_7 {
|
|
||||||
left: 420px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_9 {
|
|
||||||
left: 540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_10 {
|
|
||||||
left: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_11 {
|
|
||||||
left: 660px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_13 {
|
|
||||||
left: 780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_14 {
|
|
||||||
left: 840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_15 {
|
|
||||||
left: 900px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Pull Space >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .pull_3,
|
|
||||||
.container_16 .pull_4 {
|
|
||||||
left: -240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_6,
|
|
||||||
.container_16 .pull_8 {
|
|
||||||
left: -480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_9,
|
|
||||||
.container_16 .pull_12 {
|
|
||||||
left: -720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Pull Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .pull_1 {
|
|
||||||
left: -80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_2 {
|
|
||||||
left: -160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_4 {
|
|
||||||
left: -320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_5 {
|
|
||||||
left: -400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_7 {
|
|
||||||
left: -560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_8 {
|
|
||||||
left: -640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_10 {
|
|
||||||
left: -800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_11 {
|
|
||||||
left: -880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Pull Space >> 16 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_16 .pull_1 {
|
|
||||||
left: -60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_2 {
|
|
||||||
left: -120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_3 {
|
|
||||||
left: -180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_5 {
|
|
||||||
left: -300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_6 {
|
|
||||||
left: -360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_7 {
|
|
||||||
left: -420px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_9 {
|
|
||||||
left: -540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_10 {
|
|
||||||
left: -600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_11 {
|
|
||||||
left: -660px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_13 {
|
|
||||||
left: -780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_14 {
|
|
||||||
left: -840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_15 {
|
|
||||||
left: -900px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Clear Floated Elements
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
/* http://sonspring.com/journal/clearing-floats */
|
|
||||||
|
|
||||||
.clear {
|
|
||||||
clear: both;
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
|
||||||
|
|
||||||
.clearfix:before,
|
|
||||||
.clearfix:after {
|
|
||||||
content: '\0020';
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clearfix:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
|
||||||
Move to separate stylesheet if invalid CSS is a problem.
|
|
||||||
*/
|
|
||||||
|
|
||||||
.clearfix {
|
|
||||||
zoom: 1;
|
|
||||||
}
|
|
||||||
@@ -1,614 +0,0 @@
|
|||||||
/*
|
|
||||||
960 Grid System ~ Core CSS.
|
|
||||||
Learn more ~ http://960.gs/
|
|
||||||
|
|
||||||
Licensed under GPL and MIT.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/*
|
|
||||||
Forces backgrounds to span full width,
|
|
||||||
even if there is horizontal scrolling.
|
|
||||||
Increase this if your layout is wider.
|
|
||||||
|
|
||||||
Note: IE6 works fine without this fix.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
min-width: 960px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Container >> 24 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
.container_24 {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
width: 960px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.grid_1,
|
|
||||||
.grid_2,
|
|
||||||
.grid_3,
|
|
||||||
.grid_4,
|
|
||||||
.grid_5,
|
|
||||||
.grid_6,
|
|
||||||
.grid_7,
|
|
||||||
.grid_8,
|
|
||||||
.grid_9,
|
|
||||||
.grid_10,
|
|
||||||
.grid_11,
|
|
||||||
.grid_12,
|
|
||||||
.grid_13,
|
|
||||||
.grid_14,
|
|
||||||
.grid_15,
|
|
||||||
.grid_16,
|
|
||||||
.grid_17,
|
|
||||||
.grid_18,
|
|
||||||
.grid_19,
|
|
||||||
.grid_20,
|
|
||||||
.grid_21,
|
|
||||||
.grid_22,
|
|
||||||
.grid_23,
|
|
||||||
.grid_24 {
|
|
||||||
display: inline;
|
|
||||||
float: left;
|
|
||||||
margin-left: 5px;
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.push_1, .pull_1,
|
|
||||||
.push_2, .pull_2,
|
|
||||||
.push_3, .pull_3,
|
|
||||||
.push_4, .pull_4,
|
|
||||||
.push_5, .pull_5,
|
|
||||||
.push_6, .pull_6,
|
|
||||||
.push_7, .pull_7,
|
|
||||||
.push_8, .pull_8,
|
|
||||||
.push_9, .pull_9,
|
|
||||||
.push_10, .pull_10,
|
|
||||||
.push_11, .pull_11,
|
|
||||||
.push_12, .pull_12,
|
|
||||||
.push_13, .pull_13,
|
|
||||||
.push_14, .pull_14,
|
|
||||||
.push_15, .pull_15,
|
|
||||||
.push_16, .pull_16,
|
|
||||||
.push_17, .pull_17,
|
|
||||||
.push_18, .pull_18,
|
|
||||||
.push_19, .pull_19,
|
|
||||||
.push_20, .pull_20,
|
|
||||||
.push_21, .pull_21,
|
|
||||||
.push_22, .pull_22,
|
|
||||||
.push_23, .pull_23 {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.alpha {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.omega {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> 24 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_24 .grid_1 {
|
|
||||||
width: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_2 {
|
|
||||||
width: 70px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_3 {
|
|
||||||
width: 110px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_4 {
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_5 {
|
|
||||||
width: 190px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_6 {
|
|
||||||
width: 230px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_7 {
|
|
||||||
width: 270px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_8 {
|
|
||||||
width: 310px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_9 {
|
|
||||||
width: 350px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_10 {
|
|
||||||
width: 390px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_11 {
|
|
||||||
width: 430px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_12 {
|
|
||||||
width: 470px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_13 {
|
|
||||||
width: 510px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_14 {
|
|
||||||
width: 550px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_15 {
|
|
||||||
width: 590px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_16 {
|
|
||||||
width: 630px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_17 {
|
|
||||||
width: 670px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_18 {
|
|
||||||
width: 710px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_19 {
|
|
||||||
width: 750px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_20 {
|
|
||||||
width: 790px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_21 {
|
|
||||||
width: 830px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_22 {
|
|
||||||
width: 870px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_23 {
|
|
||||||
width: 910px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_24 {
|
|
||||||
width: 950px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Prefix Extra Space >> 24 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_24 .prefix_1 {
|
|
||||||
padding-left: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_2 {
|
|
||||||
padding-left: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_3 {
|
|
||||||
padding-left: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_4 {
|
|
||||||
padding-left: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_5 {
|
|
||||||
padding-left: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_6 {
|
|
||||||
padding-left: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_7 {
|
|
||||||
padding-left: 280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_8 {
|
|
||||||
padding-left: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_9 {
|
|
||||||
padding-left: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_10 {
|
|
||||||
padding-left: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_11 {
|
|
||||||
padding-left: 440px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_12 {
|
|
||||||
padding-left: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_13 {
|
|
||||||
padding-left: 520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_14 {
|
|
||||||
padding-left: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_15 {
|
|
||||||
padding-left: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_16 {
|
|
||||||
padding-left: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_17 {
|
|
||||||
padding-left: 680px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_18 {
|
|
||||||
padding-left: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_19 {
|
|
||||||
padding-left: 760px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_20 {
|
|
||||||
padding-left: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_21 {
|
|
||||||
padding-left: 840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_22 {
|
|
||||||
padding-left: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_23 {
|
|
||||||
padding-left: 920px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Suffix Extra Space >> 24 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_24 .suffix_1 {
|
|
||||||
padding-right: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_2 {
|
|
||||||
padding-right: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_3 {
|
|
||||||
padding-right: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_4 {
|
|
||||||
padding-right: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_5 {
|
|
||||||
padding-right: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_6 {
|
|
||||||
padding-right: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_7 {
|
|
||||||
padding-right: 280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_8 {
|
|
||||||
padding-right: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_9 {
|
|
||||||
padding-right: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_10 {
|
|
||||||
padding-right: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_11 {
|
|
||||||
padding-right: 440px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_12 {
|
|
||||||
padding-right: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_13 {
|
|
||||||
padding-right: 520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_14 {
|
|
||||||
padding-right: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_15 {
|
|
||||||
padding-right: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_16 {
|
|
||||||
padding-right: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_17 {
|
|
||||||
padding-right: 680px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_18 {
|
|
||||||
padding-right: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_19 {
|
|
||||||
padding-right: 760px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_20 {
|
|
||||||
padding-right: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_21 {
|
|
||||||
padding-right: 840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_22 {
|
|
||||||
padding-right: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_23 {
|
|
||||||
padding-right: 920px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Push Space >> 24 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_24 .push_1 {
|
|
||||||
left: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_2 {
|
|
||||||
left: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_3 {
|
|
||||||
left: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_4 {
|
|
||||||
left: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_5 {
|
|
||||||
left: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_6 {
|
|
||||||
left: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_7 {
|
|
||||||
left: 280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_8 {
|
|
||||||
left: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_9 {
|
|
||||||
left: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_10 {
|
|
||||||
left: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_11 {
|
|
||||||
left: 440px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_12 {
|
|
||||||
left: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_13 {
|
|
||||||
left: 520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_14 {
|
|
||||||
left: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_15 {
|
|
||||||
left: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_16 {
|
|
||||||
left: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_17 {
|
|
||||||
left: 680px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_18 {
|
|
||||||
left: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_19 {
|
|
||||||
left: 760px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_20 {
|
|
||||||
left: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_21 {
|
|
||||||
left: 840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_22 {
|
|
||||||
left: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_23 {
|
|
||||||
left: 920px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Pull Space >> 24 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_24 .pull_1 {
|
|
||||||
left: -40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_2 {
|
|
||||||
left: -80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_3 {
|
|
||||||
left: -120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_4 {
|
|
||||||
left: -160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_5 {
|
|
||||||
left: -200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_6 {
|
|
||||||
left: -240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_7 {
|
|
||||||
left: -280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_8 {
|
|
||||||
left: -320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_9 {
|
|
||||||
left: -360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_10 {
|
|
||||||
left: -400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_11 {
|
|
||||||
left: -440px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_12 {
|
|
||||||
left: -480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_13 {
|
|
||||||
left: -520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_14 {
|
|
||||||
left: -560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_15 {
|
|
||||||
left: -600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_16 {
|
|
||||||
left: -640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_17 {
|
|
||||||
left: -680px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_18 {
|
|
||||||
left: -720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_19 {
|
|
||||||
left: -760px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_20 {
|
|
||||||
left: -800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_21 {
|
|
||||||
left: -840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_22 {
|
|
||||||
left: -880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_23 {
|
|
||||||
left: -920px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Clear Floated Elements
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
/* http://sonspring.com/journal/clearing-floats */
|
|
||||||
|
|
||||||
.clear {
|
|
||||||
clear: both;
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
|
||||||
|
|
||||||
.clearfix:before,
|
|
||||||
.clearfix:after {
|
|
||||||
content: '\0020';
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clearfix:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
|
||||||
Move to separate stylesheet if invalid CSS is a problem.
|
|
||||||
*/
|
|
||||||
|
|
||||||
.clearfix {
|
|
||||||
zoom: 1;
|
|
||||||
}
|
|
||||||
@@ -1,171 +0,0 @@
|
|||||||
/* `XHTML, HTML4, HTML5 Reset
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
a,
|
|
||||||
abbr,
|
|
||||||
acronym,
|
|
||||||
address,
|
|
||||||
applet,
|
|
||||||
article,
|
|
||||||
aside,
|
|
||||||
audio,
|
|
||||||
b,
|
|
||||||
big,
|
|
||||||
blockquote,
|
|
||||||
body,
|
|
||||||
canvas,
|
|
||||||
caption,
|
|
||||||
center,
|
|
||||||
cite,
|
|
||||||
code,
|
|
||||||
dd,
|
|
||||||
del,
|
|
||||||
details,
|
|
||||||
dfn,
|
|
||||||
dialog,
|
|
||||||
div,
|
|
||||||
dl,
|
|
||||||
dt,
|
|
||||||
em,
|
|
||||||
embed,
|
|
||||||
fieldset,
|
|
||||||
figcaption,
|
|
||||||
figure,
|
|
||||||
font,
|
|
||||||
footer,
|
|
||||||
form,
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
header,
|
|
||||||
hgroup,
|
|
||||||
hr,
|
|
||||||
html,
|
|
||||||
i,
|
|
||||||
iframe,
|
|
||||||
img,
|
|
||||||
ins,
|
|
||||||
kbd,
|
|
||||||
label,
|
|
||||||
legend,
|
|
||||||
li,
|
|
||||||
mark,
|
|
||||||
menu,
|
|
||||||
meter,
|
|
||||||
nav,
|
|
||||||
object,
|
|
||||||
ol,
|
|
||||||
output,
|
|
||||||
p,
|
|
||||||
pre,
|
|
||||||
progress,
|
|
||||||
q,
|
|
||||||
rp,
|
|
||||||
rt,
|
|
||||||
ruby,
|
|
||||||
s,
|
|
||||||
samp,
|
|
||||||
section,
|
|
||||||
small,
|
|
||||||
span,
|
|
||||||
strike,
|
|
||||||
strong,
|
|
||||||
sub,
|
|
||||||
summary,
|
|
||||||
sup,
|
|
||||||
table,
|
|
||||||
tbody,
|
|
||||||
td,
|
|
||||||
tfoot,
|
|
||||||
th,
|
|
||||||
thead,
|
|
||||||
time,
|
|
||||||
tr,
|
|
||||||
tt,
|
|
||||||
u,
|
|
||||||
ul,
|
|
||||||
var,
|
|
||||||
video,
|
|
||||||
xmp {
|
|
||||||
border: 0;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-size: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
html,
|
|
||||||
body {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
article,
|
|
||||||
aside,
|
|
||||||
details,
|
|
||||||
figcaption,
|
|
||||||
figure,
|
|
||||||
footer,
|
|
||||||
header,
|
|
||||||
hgroup,
|
|
||||||
menu,
|
|
||||||
nav,
|
|
||||||
section {
|
|
||||||
/*
|
|
||||||
Override the default (display: inline) for
|
|
||||||
browsers that do not recognize HTML5 tags.
|
|
||||||
|
|
||||||
IE8 (and lower) requires a shiv:
|
|
||||||
http://ejohn.org/blog/html5-shiv
|
|
||||||
*/
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
/*
|
|
||||||
Makes browsers agree.
|
|
||||||
IE + Opera = font-weight: bold.
|
|
||||||
Gecko + WebKit = font-weight: bolder.
|
|
||||||
*/
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
color: transparent;
|
|
||||||
font-size: 0;
|
|
||||||
vertical-align: middle;
|
|
||||||
/*
|
|
||||||
For IE.
|
|
||||||
http://css-tricks.com/ie-fix-bicubic-scaling-for-images
|
|
||||||
*/
|
|
||||||
-ms-interpolation-mode: bicubic;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
/*
|
|
||||||
For IE6 + IE7.
|
|
||||||
*/
|
|
||||||
display: list-item;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
th,
|
|
||||||
td,
|
|
||||||
caption {
|
|
||||||
font-weight: normal;
|
|
||||||
vertical-align: top;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
/*
|
|
||||||
For IE9.
|
|
||||||
*/
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
@@ -1,631 +0,0 @@
|
|||||||
/*
|
|
||||||
960 Grid System ~ Core CSS.
|
|
||||||
Learn more ~ http://960.gs/
|
|
||||||
|
|
||||||
Licensed under GPL and MIT.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* `Containers
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12,
|
|
||||||
.container_16 {
|
|
||||||
margin-right: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
width: 960px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.grid_1,
|
|
||||||
.grid_2,
|
|
||||||
.grid_3,
|
|
||||||
.grid_4,
|
|
||||||
.grid_5,
|
|
||||||
.grid_6,
|
|
||||||
.grid_7,
|
|
||||||
.grid_8,
|
|
||||||
.grid_9,
|
|
||||||
.grid_10,
|
|
||||||
.grid_11,
|
|
||||||
.grid_12,
|
|
||||||
.grid_13,
|
|
||||||
.grid_14,
|
|
||||||
.grid_15,
|
|
||||||
.grid_16 {
|
|
||||||
display: inline;
|
|
||||||
float: right;
|
|
||||||
margin-right: 10px;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.push_1, .pull_1,
|
|
||||||
.push_2, .pull_2,
|
|
||||||
.push_3, .pull_3,
|
|
||||||
.push_4, .pull_4,
|
|
||||||
.push_5, .pull_5,
|
|
||||||
.push_6, .pull_6,
|
|
||||||
.push_7, .pull_7,
|
|
||||||
.push_8, .pull_8,
|
|
||||||
.push_9, .pull_9,
|
|
||||||
.push_10, .pull_10,
|
|
||||||
.push_11, .pull_11,
|
|
||||||
.push_12, .pull_12,
|
|
||||||
.push_13, .pull_13,
|
|
||||||
.push_14, .pull_14,
|
|
||||||
.push_15, .pull_15 {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_3,
|
|
||||||
.container_16 .grid_4 {
|
|
||||||
width: 220px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_6,
|
|
||||||
.container_16 .grid_8 {
|
|
||||||
width: 460px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_9,
|
|
||||||
.container_16 .grid_12 {
|
|
||||||
width: 700px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_12,
|
|
||||||
.container_16 .grid_16 {
|
|
||||||
width: 940px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.alpha {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.omega {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .grid_1 {
|
|
||||||
width: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_2 {
|
|
||||||
width: 140px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_4 {
|
|
||||||
width: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_5 {
|
|
||||||
width: 380px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_7 {
|
|
||||||
width: 540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_8 {
|
|
||||||
width: 620px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_10 {
|
|
||||||
width: 780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_11 {
|
|
||||||
width: 860px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> 16 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_16 .grid_1 {
|
|
||||||
width: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_2 {
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_3 {
|
|
||||||
width: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_5 {
|
|
||||||
width: 280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_6 {
|
|
||||||
width: 340px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_7 {
|
|
||||||
width: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_9 {
|
|
||||||
width: 520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_10 {
|
|
||||||
width: 580px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_11 {
|
|
||||||
width: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_13 {
|
|
||||||
width: 760px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_14 {
|
|
||||||
width: 820px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .grid_15 {
|
|
||||||
width: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Prefix Extra Space >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .prefix_3,
|
|
||||||
.container_16 .prefix_4 {
|
|
||||||
padding-right: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_6,
|
|
||||||
.container_16 .prefix_8 {
|
|
||||||
padding-right: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_9,
|
|
||||||
.container_16 .prefix_12 {
|
|
||||||
padding-right: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Prefix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .prefix_1 {
|
|
||||||
padding-right: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_2 {
|
|
||||||
padding-right: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_4 {
|
|
||||||
padding-right: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_5 {
|
|
||||||
padding-right: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_7 {
|
|
||||||
padding-right: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_8 {
|
|
||||||
padding-right: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_10 {
|
|
||||||
padding-right: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_11 {
|
|
||||||
padding-right: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Prefix Extra Space >> 16 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_16 .prefix_1 {
|
|
||||||
padding-right: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_2 {
|
|
||||||
padding-right: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_3 {
|
|
||||||
padding-right: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_5 {
|
|
||||||
padding-right: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_6 {
|
|
||||||
padding-right: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_7 {
|
|
||||||
padding-right: 420px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_9 {
|
|
||||||
padding-right: 540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_10 {
|
|
||||||
padding-right: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_11 {
|
|
||||||
padding-right: 660px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_13 {
|
|
||||||
padding-right: 780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_14 {
|
|
||||||
padding-right: 840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .prefix_15 {
|
|
||||||
padding-right: 900px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Suffix Extra Space >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .suffix_3,
|
|
||||||
.container_16 .suffix_4 {
|
|
||||||
padding-left: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_6,
|
|
||||||
.container_16 .suffix_8 {
|
|
||||||
padding-left: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_9,
|
|
||||||
.container_16 .suffix_12 {
|
|
||||||
padding-left: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Suffix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .suffix_1 {
|
|
||||||
padding-left: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_2 {
|
|
||||||
padding-left: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_4 {
|
|
||||||
padding-left: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_5 {
|
|
||||||
padding-left: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_7 {
|
|
||||||
padding-left: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_8 {
|
|
||||||
padding-left: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_10 {
|
|
||||||
padding-left: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_11 {
|
|
||||||
padding-left: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Suffix Extra Space >> 16 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_16 .suffix_1 {
|
|
||||||
padding-left: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_2 {
|
|
||||||
padding-left: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_3 {
|
|
||||||
padding-left: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_5 {
|
|
||||||
padding-left: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_6 {
|
|
||||||
padding-left: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_7 {
|
|
||||||
padding-left: 420px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_9 {
|
|
||||||
padding-left: 540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_10 {
|
|
||||||
padding-left: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_11 {
|
|
||||||
padding-left: 660px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_13 {
|
|
||||||
padding-left: 780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_14 {
|
|
||||||
padding-left: 840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .suffix_15 {
|
|
||||||
padding-left: 900px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Push Space >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .push_3,
|
|
||||||
.container_16 .push_4 {
|
|
||||||
right: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_6,
|
|
||||||
.container_16 .push_8 {
|
|
||||||
right: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_9,
|
|
||||||
.container_16 .push_12 {
|
|
||||||
right: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Push Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .push_1 {
|
|
||||||
right: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_2 {
|
|
||||||
right: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_4 {
|
|
||||||
right: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_5 {
|
|
||||||
right: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_7 {
|
|
||||||
right: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_8 {
|
|
||||||
right: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_10 {
|
|
||||||
right: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_11 {
|
|
||||||
right: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Push Space >> 16 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_16 .push_1 {
|
|
||||||
right: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_2 {
|
|
||||||
right: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_3 {
|
|
||||||
right: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_5 {
|
|
||||||
right: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_6 {
|
|
||||||
right: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_7 {
|
|
||||||
right: 420px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_9 {
|
|
||||||
right: 540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_10 {
|
|
||||||
right: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_11 {
|
|
||||||
right: 660px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_13 {
|
|
||||||
right: 780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_14 {
|
|
||||||
right: 840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .push_15 {
|
|
||||||
right: 900px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Pull Space >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .pull_3,
|
|
||||||
.container_16 .pull_4 {
|
|
||||||
right: -240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_6,
|
|
||||||
.container_16 .pull_8 {
|
|
||||||
right: -480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_9,
|
|
||||||
.container_16 .pull_12 {
|
|
||||||
right: -720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Pull Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .pull_1 {
|
|
||||||
right: -80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_2 {
|
|
||||||
right: -160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_4 {
|
|
||||||
right: -320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_5 {
|
|
||||||
right: -400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_7 {
|
|
||||||
right: -560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_8 {
|
|
||||||
right: -640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_10 {
|
|
||||||
right: -800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_11 {
|
|
||||||
right: -880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Pull Space >> 16 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_16 .pull_1 {
|
|
||||||
right: -60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_2 {
|
|
||||||
right: -120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_3 {
|
|
||||||
right: -180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_5 {
|
|
||||||
right: -300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_6 {
|
|
||||||
right: -360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_7 {
|
|
||||||
right: -420px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_9 {
|
|
||||||
right: -540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_10 {
|
|
||||||
right: -600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_11 {
|
|
||||||
right: -660px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_13 {
|
|
||||||
right: -780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_14 {
|
|
||||||
right: -840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_16 .pull_15 {
|
|
||||||
right: -900px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Clear Floated Elements
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
/* http://sonspring.com/journal/clearing-floats */
|
|
||||||
|
|
||||||
.clear {
|
|
||||||
clear: both;
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
|
||||||
|
|
||||||
.clearfix:before,
|
|
||||||
.clearfix:after {
|
|
||||||
content: '\0020';
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clearfix:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
|
||||||
Move to separate stylesheet if invalid CSS is a problem.
|
|
||||||
*/
|
|
||||||
|
|
||||||
.clearfix {
|
|
||||||
zoom: 1;
|
|
||||||
}
|
|
||||||
@@ -1,602 +0,0 @@
|
|||||||
/*
|
|
||||||
960 Grid System ~ Core CSS.
|
|
||||||
Learn more ~ http://960.gs/
|
|
||||||
|
|
||||||
Licensed under GPL and MIT.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* `Container >> 24 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
.container_24 {
|
|
||||||
margin-right: auto;
|
|
||||||
margin-left: auto;
|
|
||||||
width: 960px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.grid_1,
|
|
||||||
.grid_2,
|
|
||||||
.grid_3,
|
|
||||||
.grid_4,
|
|
||||||
.grid_5,
|
|
||||||
.grid_6,
|
|
||||||
.grid_7,
|
|
||||||
.grid_8,
|
|
||||||
.grid_9,
|
|
||||||
.grid_10,
|
|
||||||
.grid_11,
|
|
||||||
.grid_12,
|
|
||||||
.grid_13,
|
|
||||||
.grid_14,
|
|
||||||
.grid_15,
|
|
||||||
.grid_16,
|
|
||||||
.grid_17,
|
|
||||||
.grid_18,
|
|
||||||
.grid_19,
|
|
||||||
.grid_20,
|
|
||||||
.grid_21,
|
|
||||||
.grid_22,
|
|
||||||
.grid_23,
|
|
||||||
.grid_24 {
|
|
||||||
display: inline;
|
|
||||||
float: right;
|
|
||||||
margin-right: 5px;
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.push_1, .pull_1,
|
|
||||||
.push_2, .pull_2,
|
|
||||||
.push_3, .pull_3,
|
|
||||||
.push_4, .pull_4,
|
|
||||||
.push_5, .pull_5,
|
|
||||||
.push_6, .pull_6,
|
|
||||||
.push_7, .pull_7,
|
|
||||||
.push_8, .pull_8,
|
|
||||||
.push_9, .pull_9,
|
|
||||||
.push_10, .pull_10,
|
|
||||||
.push_11, .pull_11,
|
|
||||||
.push_12, .pull_12,
|
|
||||||
.push_13, .pull_13,
|
|
||||||
.push_14, .pull_14,
|
|
||||||
.push_15, .pull_15,
|
|
||||||
.push_16, .pull_16,
|
|
||||||
.push_17, .pull_17,
|
|
||||||
.push_18, .pull_18,
|
|
||||||
.push_19, .pull_19,
|
|
||||||
.push_20, .pull_20,
|
|
||||||
.push_21, .pull_21,
|
|
||||||
.push_22, .pull_22,
|
|
||||||
.push_23, .pull_23 {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.alpha {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.omega {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> 24 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_24 .grid_1 {
|
|
||||||
width: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_2 {
|
|
||||||
width: 70px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_3 {
|
|
||||||
width: 110px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_4 {
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_5 {
|
|
||||||
width: 190px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_6 {
|
|
||||||
width: 230px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_7 {
|
|
||||||
width: 270px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_8 {
|
|
||||||
width: 310px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_9 {
|
|
||||||
width: 350px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_10 {
|
|
||||||
width: 390px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_11 {
|
|
||||||
width: 430px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_12 {
|
|
||||||
width: 470px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_13 {
|
|
||||||
width: 510px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_14 {
|
|
||||||
width: 550px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_15 {
|
|
||||||
width: 590px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_16 {
|
|
||||||
width: 630px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_17 {
|
|
||||||
width: 670px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_18 {
|
|
||||||
width: 710px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_19 {
|
|
||||||
width: 750px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_20 {
|
|
||||||
width: 790px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_21 {
|
|
||||||
width: 830px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_22 {
|
|
||||||
width: 870px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_23 {
|
|
||||||
width: 910px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .grid_24 {
|
|
||||||
width: 950px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Prefix Extra Space >> 24 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_24 .prefix_1 {
|
|
||||||
padding-right: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_2 {
|
|
||||||
padding-right: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_3 {
|
|
||||||
padding-right: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_4 {
|
|
||||||
padding-right: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_5 {
|
|
||||||
padding-right: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_6 {
|
|
||||||
padding-right: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_7 {
|
|
||||||
padding-right: 280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_8 {
|
|
||||||
padding-right: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_9 {
|
|
||||||
padding-right: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_10 {
|
|
||||||
padding-right: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_11 {
|
|
||||||
padding-right: 440px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_12 {
|
|
||||||
padding-right: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_13 {
|
|
||||||
padding-right: 520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_14 {
|
|
||||||
padding-right: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_15 {
|
|
||||||
padding-right: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_16 {
|
|
||||||
padding-right: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_17 {
|
|
||||||
padding-right: 680px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_18 {
|
|
||||||
padding-right: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_19 {
|
|
||||||
padding-right: 760px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_20 {
|
|
||||||
padding-right: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_21 {
|
|
||||||
padding-right: 840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_22 {
|
|
||||||
padding-right: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .prefix_23 {
|
|
||||||
padding-right: 920px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Suffix Extra Space >> 24 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_24 .suffix_1 {
|
|
||||||
padding-left: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_2 {
|
|
||||||
padding-left: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_3 {
|
|
||||||
padding-left: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_4 {
|
|
||||||
padding-left: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_5 {
|
|
||||||
padding-left: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_6 {
|
|
||||||
padding-left: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_7 {
|
|
||||||
padding-left: 280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_8 {
|
|
||||||
padding-left: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_9 {
|
|
||||||
padding-left: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_10 {
|
|
||||||
padding-left: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_11 {
|
|
||||||
padding-left: 440px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_12 {
|
|
||||||
padding-left: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_13 {
|
|
||||||
padding-left: 520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_14 {
|
|
||||||
padding-left: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_15 {
|
|
||||||
padding-left: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_16 {
|
|
||||||
padding-left: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_17 {
|
|
||||||
padding-left: 680px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_18 {
|
|
||||||
padding-left: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_19 {
|
|
||||||
padding-left: 760px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_20 {
|
|
||||||
padding-left: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_21 {
|
|
||||||
padding-left: 840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_22 {
|
|
||||||
padding-left: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .suffix_23 {
|
|
||||||
padding-left: 920px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Push Space >> 24 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_24 .push_1 {
|
|
||||||
right: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_2 {
|
|
||||||
right: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_3 {
|
|
||||||
right: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_4 {
|
|
||||||
right: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_5 {
|
|
||||||
right: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_6 {
|
|
||||||
right: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_7 {
|
|
||||||
right: 280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_8 {
|
|
||||||
right: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_9 {
|
|
||||||
right: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_10 {
|
|
||||||
right: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_11 {
|
|
||||||
right: 440px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_12 {
|
|
||||||
right: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_13 {
|
|
||||||
right: 520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_14 {
|
|
||||||
right: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_15 {
|
|
||||||
right: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_16 {
|
|
||||||
right: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_17 {
|
|
||||||
right: 680px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_18 {
|
|
||||||
right: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_19 {
|
|
||||||
right: 760px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_20 {
|
|
||||||
right: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_21 {
|
|
||||||
right: 840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_22 {
|
|
||||||
right: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .push_23 {
|
|
||||||
right: 920px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Pull Space >> 24 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_24 .pull_1 {
|
|
||||||
right: -40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_2 {
|
|
||||||
right: -80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_3 {
|
|
||||||
right: -120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_4 {
|
|
||||||
right: -160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_5 {
|
|
||||||
right: -200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_6 {
|
|
||||||
right: -240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_7 {
|
|
||||||
right: -280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_8 {
|
|
||||||
right: -320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_9 {
|
|
||||||
right: -360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_10 {
|
|
||||||
right: -400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_11 {
|
|
||||||
right: -440px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_12 {
|
|
||||||
right: -480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_13 {
|
|
||||||
right: -520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_14 {
|
|
||||||
right: -560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_15 {
|
|
||||||
right: -600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_16 {
|
|
||||||
right: -640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_17 {
|
|
||||||
right: -680px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_18 {
|
|
||||||
right: -720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_19 {
|
|
||||||
right: -760px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_20 {
|
|
||||||
right: -800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_21 {
|
|
||||||
right: -840px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_22 {
|
|
||||||
right: -880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_24 .pull_23 {
|
|
||||||
right: -920px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Clear Floated Elements
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
/* http://sonspring.com/journal/clearing-floats */
|
|
||||||
|
|
||||||
.clear {
|
|
||||||
clear: both;
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
|
||||||
|
|
||||||
.clearfix:before,
|
|
||||||
.clearfix:after {
|
|
||||||
content: '\0020';
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clearfix:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
|
||||||
Move to separate stylesheet if invalid CSS is a problem.
|
|
||||||
*/
|
|
||||||
|
|
||||||
.clearfix {
|
|
||||||
zoom: 1;
|
|
||||||
}
|
|
||||||
@@ -1,84 +0,0 @@
|
|||||||
/*
|
|
||||||
960 Grid System ~ Text CSS.
|
|
||||||
Learn more ~ http://960.gs/
|
|
||||||
|
|
||||||
Licensed under GPL and MIT.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* `Basic HTML
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:focus {
|
|
||||||
outline: 1px dotted;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border: 0 #ccc solid;
|
|
||||||
border-top-width: 1px;
|
|
||||||
clear: both;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Headings
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 23px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 21px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: 19px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
font-size: 17px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Spacing
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
ol {
|
|
||||||
list-style: decimal;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
list-style: disc;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
margin-right: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
p,
|
|
||||||
dl,
|
|
||||||
hr,
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
ol,
|
|
||||||
ul,
|
|
||||||
pre,
|
|
||||||
table,
|
|
||||||
address,
|
|
||||||
fieldset {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
@@ -1,81 +0,0 @@
|
|||||||
/*
|
|
||||||
960 Grid System ~ Text CSS.
|
|
||||||
Learn more ~ http://960.gs/
|
|
||||||
|
|
||||||
Licensed under GPL and MIT.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* `Basic HTML
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border: 0 #ccc solid;
|
|
||||||
border-top-width: 1px;
|
|
||||||
clear: both;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Headings
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 23px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 21px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: 19px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
font-size: 17px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Spacing
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
ol {
|
|
||||||
list-style: decimal;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
list-style: disc;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
margin-left: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
p,
|
|
||||||
dl,
|
|
||||||
hr,
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
ol,
|
|
||||||
ul,
|
|
||||||
pre,
|
|
||||||
table,
|
|
||||||
address,
|
|
||||||
fieldset,
|
|
||||||
figure {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
@@ -1,351 +0,0 @@
|
|||||||
/*
|
|
||||||
960 Grid System ~ Core CSS.
|
|
||||||
Learn more ~ http://960.gs/
|
|
||||||
|
|
||||||
Licensed under GPL and MIT.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/*
|
|
||||||
Forces backgrounds to span full width,
|
|
||||||
even if there is horizontal scrolling.
|
|
||||||
Increase this if your layout is wider.
|
|
||||||
|
|
||||||
Note: IE6 works fine without this fix.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
min-width: 1200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Containers
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
width: 1200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.grid_1,
|
|
||||||
.grid_2,
|
|
||||||
.grid_3,
|
|
||||||
.grid_4,
|
|
||||||
.grid_5,
|
|
||||||
.grid_6,
|
|
||||||
.grid_7,
|
|
||||||
.grid_8,
|
|
||||||
.grid_9,
|
|
||||||
.grid_10,
|
|
||||||
.grid_11,
|
|
||||||
.grid_12 {
|
|
||||||
display: inline;
|
|
||||||
float: left;
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.push_1, .pull_1,
|
|
||||||
.push_2, .pull_2,
|
|
||||||
.push_3, .pull_3,
|
|
||||||
.push_4, .pull_4,
|
|
||||||
.push_5, .pull_5,
|
|
||||||
.push_6, .pull_6,
|
|
||||||
.push_7, .pull_7,
|
|
||||||
.push_8, .pull_8,
|
|
||||||
.push_9, .pull_9,
|
|
||||||
.push_10, .pull_10,
|
|
||||||
.push_11, .pull_11 {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.alpha {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.omega {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .grid_1 {
|
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_2 {
|
|
||||||
width: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_3 {
|
|
||||||
width: 280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_4 {
|
|
||||||
width: 380px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_5 {
|
|
||||||
width: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_6 {
|
|
||||||
width: 580px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_7 {
|
|
||||||
width: 680px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_8 {
|
|
||||||
width: 780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_9 {
|
|
||||||
width: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_10 {
|
|
||||||
width: 980px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_11 {
|
|
||||||
width: 1080px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_12 {
|
|
||||||
width: 1180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Prefix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .prefix_1 {
|
|
||||||
padding-left: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_2 {
|
|
||||||
padding-left: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_3 {
|
|
||||||
padding-left: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_4 {
|
|
||||||
padding-left: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_5 {
|
|
||||||
padding-left: 500px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_6 {
|
|
||||||
padding-left: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_7 {
|
|
||||||
padding-left: 700px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_8 {
|
|
||||||
padding-left: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_9 {
|
|
||||||
padding-left: 900px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_10 {
|
|
||||||
padding-left: 1000px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_11 {
|
|
||||||
padding-left: 1100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Suffix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .suffix_1 {
|
|
||||||
padding-right: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_2 {
|
|
||||||
padding-right: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_3 {
|
|
||||||
padding-right: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_4 {
|
|
||||||
padding-right: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_5 {
|
|
||||||
padding-right: 500px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_6 {
|
|
||||||
padding-right: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_7 {
|
|
||||||
padding-right: 700px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_8 {
|
|
||||||
padding-right: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_9 {
|
|
||||||
padding-right: 900px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_10 {
|
|
||||||
padding-right: 1000px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_11 {
|
|
||||||
padding-right: 1100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Push Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .push_1 {
|
|
||||||
left: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_2 {
|
|
||||||
left: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_3 {
|
|
||||||
left: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_4 {
|
|
||||||
left: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_5 {
|
|
||||||
left: 500px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_6 {
|
|
||||||
left: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_7 {
|
|
||||||
left: 700px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_8 {
|
|
||||||
left: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_9 {
|
|
||||||
left: 900px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_10 {
|
|
||||||
left: 1000px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_11 {
|
|
||||||
left: 1100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Pull Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .pull_1 {
|
|
||||||
left: -100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_2 {
|
|
||||||
left: -200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_3 {
|
|
||||||
left: -300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_4 {
|
|
||||||
left: -400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_5 {
|
|
||||||
left: -500px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_6 {
|
|
||||||
left: -600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_7 {
|
|
||||||
left: -700px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_8 {
|
|
||||||
left: -800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_9 {
|
|
||||||
left: -900px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_10 {
|
|
||||||
left: -1000px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_11 {
|
|
||||||
left: -1100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Clear Floated Elements
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
/* http://sonspring.com/journal/clearing-floats */
|
|
||||||
|
|
||||||
.clear {
|
|
||||||
clear: both;
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
|
||||||
|
|
||||||
.clearfix:before,
|
|
||||||
.clearfix:after {
|
|
||||||
content: '\0020';
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clearfix:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
|
||||||
Move to separate stylesheet if invalid CSS is a problem.
|
|
||||||
*/
|
|
||||||
|
|
||||||
.clearfix {
|
|
||||||
zoom: 1;
|
|
||||||
}
|
|
||||||
@@ -1,351 +0,0 @@
|
|||||||
/*
|
|
||||||
960 Grid System ~ Core CSS.
|
|
||||||
Learn more ~ http://960.gs/
|
|
||||||
|
|
||||||
Licensed under GPL and MIT.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/*
|
|
||||||
Forces backgrounds to span full width,
|
|
||||||
even if there is horizontal scrolling.
|
|
||||||
Increase this if your layout is wider.
|
|
||||||
|
|
||||||
Note: IE6 works fine without this fix.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
min-width: 1560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Containers
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
width: 1560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.grid_1,
|
|
||||||
.grid_2,
|
|
||||||
.grid_3,
|
|
||||||
.grid_4,
|
|
||||||
.grid_5,
|
|
||||||
.grid_6,
|
|
||||||
.grid_7,
|
|
||||||
.grid_8,
|
|
||||||
.grid_9,
|
|
||||||
.grid_10,
|
|
||||||
.grid_11,
|
|
||||||
.grid_12 {
|
|
||||||
display: inline;
|
|
||||||
float: left;
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.push_1, .pull_1,
|
|
||||||
.push_2, .pull_2,
|
|
||||||
.push_3, .pull_3,
|
|
||||||
.push_4, .pull_4,
|
|
||||||
.push_5, .pull_5,
|
|
||||||
.push_6, .pull_6,
|
|
||||||
.push_7, .pull_7,
|
|
||||||
.push_8, .pull_8,
|
|
||||||
.push_9, .pull_9,
|
|
||||||
.push_10, .pull_10,
|
|
||||||
.push_11, .pull_11 {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.alpha {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.omega {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .grid_1 {
|
|
||||||
width: 110px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_2 {
|
|
||||||
width: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_3 {
|
|
||||||
width: 370px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_4 {
|
|
||||||
width: 500px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_5 {
|
|
||||||
width: 630px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_6 {
|
|
||||||
width: 760px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_7 {
|
|
||||||
width: 890px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_8 {
|
|
||||||
width: 1020px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_9 {
|
|
||||||
width: 1150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_10 {
|
|
||||||
width: 1280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_11 {
|
|
||||||
width: 1410px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_12 {
|
|
||||||
width: 1540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Prefix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .prefix_1 {
|
|
||||||
padding-left: 130px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_2 {
|
|
||||||
padding-left: 260px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_3 {
|
|
||||||
padding-left: 390px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_4 {
|
|
||||||
padding-left: 520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_5 {
|
|
||||||
padding-left: 650px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_6 {
|
|
||||||
padding-left: 780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_7 {
|
|
||||||
padding-left: 910px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_8 {
|
|
||||||
padding-left: 1040px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_9 {
|
|
||||||
padding-left: 1170px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_10 {
|
|
||||||
padding-left: 1300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_11 {
|
|
||||||
padding-left: 1430px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Suffix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .suffix_1 {
|
|
||||||
padding-right: 130px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_2 {
|
|
||||||
padding-right: 260px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_3 {
|
|
||||||
padding-right: 390px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_4 {
|
|
||||||
padding-right: 520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_5 {
|
|
||||||
padding-right: 650px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_6 {
|
|
||||||
padding-right: 780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_7 {
|
|
||||||
padding-right: 910px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_8 {
|
|
||||||
padding-right: 1040px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_9 {
|
|
||||||
padding-right: 1170px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_10 {
|
|
||||||
padding-right: 1300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_11 {
|
|
||||||
padding-right: 1430px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Push Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .push_1 {
|
|
||||||
left: 130px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_2 {
|
|
||||||
left: 260px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_3 {
|
|
||||||
left: 390px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_4 {
|
|
||||||
left: 520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_5 {
|
|
||||||
left: 650px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_6 {
|
|
||||||
left: 780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_7 {
|
|
||||||
left: 910px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_8 {
|
|
||||||
left: 1040px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_9 {
|
|
||||||
left: 1170px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_10 {
|
|
||||||
left: 1300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_11 {
|
|
||||||
left: 1430px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Pull Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .pull_1 {
|
|
||||||
left: -130px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_2 {
|
|
||||||
left: -260px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_3 {
|
|
||||||
left: -390px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_4 {
|
|
||||||
left: -520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_5 {
|
|
||||||
left: -650px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_6 {
|
|
||||||
left: -780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_7 {
|
|
||||||
left: -910px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_8 {
|
|
||||||
left: -1040px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_9 {
|
|
||||||
left: -1170px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_10 {
|
|
||||||
left: -1300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_11 {
|
|
||||||
left: -1430px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Clear Floated Elements
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
/* http://sonspring.com/journal/clearing-floats */
|
|
||||||
|
|
||||||
.clear {
|
|
||||||
clear: both;
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
|
||||||
|
|
||||||
.clearfix:before,
|
|
||||||
.clearfix:after {
|
|
||||||
content: '\0020';
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clearfix:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
|
||||||
Move to separate stylesheet if invalid CSS is a problem.
|
|
||||||
*/
|
|
||||||
|
|
||||||
.clearfix {
|
|
||||||
zoom: 1;
|
|
||||||
}
|
|
||||||
@@ -1,351 +0,0 @@
|
|||||||
/*
|
|
||||||
960 Grid System ~ Core CSS.
|
|
||||||
Learn more ~ http://960.gs/
|
|
||||||
|
|
||||||
Licensed under GPL and MIT.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/*
|
|
||||||
Forces backgrounds to span full width,
|
|
||||||
even if there is horizontal scrolling.
|
|
||||||
Increase this if your layout is wider.
|
|
||||||
|
|
||||||
Note: IE6 works fine without this fix.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
min-width: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Containers
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
width: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.grid_1,
|
|
||||||
.grid_2,
|
|
||||||
.grid_3,
|
|
||||||
.grid_4,
|
|
||||||
.grid_5,
|
|
||||||
.grid_6,
|
|
||||||
.grid_7,
|
|
||||||
.grid_8,
|
|
||||||
.grid_9,
|
|
||||||
.grid_10,
|
|
||||||
.grid_11,
|
|
||||||
.grid_12 {
|
|
||||||
display: inline;
|
|
||||||
float: left;
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.push_1, .pull_1,
|
|
||||||
.push_2, .pull_2,
|
|
||||||
.push_3, .pull_3,
|
|
||||||
.push_4, .pull_4,
|
|
||||||
.push_5, .pull_5,
|
|
||||||
.push_6, .pull_6,
|
|
||||||
.push_7, .pull_7,
|
|
||||||
.push_8, .pull_8,
|
|
||||||
.push_9, .pull_9,
|
|
||||||
.push_10, .pull_10,
|
|
||||||
.push_11, .pull_11 {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.alpha {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.omega {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .grid_1 {
|
|
||||||
width: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_2 {
|
|
||||||
width: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_3 {
|
|
||||||
width: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_4 {
|
|
||||||
width: 220px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_5 {
|
|
||||||
width: 280px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_6 {
|
|
||||||
width: 340px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_7 {
|
|
||||||
width: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_8 {
|
|
||||||
width: 460px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_9 {
|
|
||||||
width: 520px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_10 {
|
|
||||||
width: 580px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_11 {
|
|
||||||
width: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_12 {
|
|
||||||
width: 700px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Prefix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .prefix_1 {
|
|
||||||
padding-left: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_2 {
|
|
||||||
padding-left: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_3 {
|
|
||||||
padding-left: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_4 {
|
|
||||||
padding-left: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_5 {
|
|
||||||
padding-left: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_6 {
|
|
||||||
padding-left: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_7 {
|
|
||||||
padding-left: 420px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_8 {
|
|
||||||
padding-left: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_9 {
|
|
||||||
padding-left: 540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_10 {
|
|
||||||
padding-left: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_11 {
|
|
||||||
padding-left: 660px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Suffix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .suffix_1 {
|
|
||||||
padding-right: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_2 {
|
|
||||||
padding-right: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_3 {
|
|
||||||
padding-right: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_4 {
|
|
||||||
padding-right: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_5 {
|
|
||||||
padding-right: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_6 {
|
|
||||||
padding-right: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_7 {
|
|
||||||
padding-right: 420px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_8 {
|
|
||||||
padding-right: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_9 {
|
|
||||||
padding-right: 540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_10 {
|
|
||||||
padding-right: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_11 {
|
|
||||||
padding-right: 660px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Push Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .push_1 {
|
|
||||||
left: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_2 {
|
|
||||||
left: 120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_3 {
|
|
||||||
left: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_4 {
|
|
||||||
left: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_5 {
|
|
||||||
left: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_6 {
|
|
||||||
left: 360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_7 {
|
|
||||||
left: 420px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_8 {
|
|
||||||
left: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_9 {
|
|
||||||
left: 540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_10 {
|
|
||||||
left: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_11 {
|
|
||||||
left: 660px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Pull Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .pull_1 {
|
|
||||||
left: -60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_2 {
|
|
||||||
left: -120px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_3 {
|
|
||||||
left: -180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_4 {
|
|
||||||
left: -240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_5 {
|
|
||||||
left: -300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_6 {
|
|
||||||
left: -360px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_7 {
|
|
||||||
left: -420px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_8 {
|
|
||||||
left: -480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_9 {
|
|
||||||
left: -540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_10 {
|
|
||||||
left: -600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_11 {
|
|
||||||
left: -660px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Clear Floated Elements
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
/* http://sonspring.com/journal/clearing-floats */
|
|
||||||
|
|
||||||
.clear {
|
|
||||||
clear: both;
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
|
||||||
|
|
||||||
.clearfix:before,
|
|
||||||
.clearfix:after {
|
|
||||||
content: '\0020';
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clearfix:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
|
||||||
Move to separate stylesheet if invalid CSS is a problem.
|
|
||||||
*/
|
|
||||||
|
|
||||||
.clearfix {
|
|
||||||
zoom: 1;
|
|
||||||
}
|
|
||||||
@@ -1,351 +0,0 @@
|
|||||||
/*
|
|
||||||
960 Grid System ~ Core CSS.
|
|
||||||
Learn more ~ http://960.gs/
|
|
||||||
|
|
||||||
Licensed under GPL and MIT.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/*
|
|
||||||
Forces backgrounds to span full width,
|
|
||||||
even if there is horizontal scrolling.
|
|
||||||
Increase this if your layout is wider.
|
|
||||||
|
|
||||||
Note: IE6 works fine without this fix.
|
|
||||||
*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
min-width: 960px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Containers
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 {
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
width: 960px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.grid_1,
|
|
||||||
.grid_2,
|
|
||||||
.grid_3,
|
|
||||||
.grid_4,
|
|
||||||
.grid_5,
|
|
||||||
.grid_6,
|
|
||||||
.grid_7,
|
|
||||||
.grid_8,
|
|
||||||
.grid_9,
|
|
||||||
.grid_10,
|
|
||||||
.grid_11,
|
|
||||||
.grid_12 {
|
|
||||||
display: inline;
|
|
||||||
float: left;
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.push_1, .pull_1,
|
|
||||||
.push_2, .pull_2,
|
|
||||||
.push_3, .pull_3,
|
|
||||||
.push_4, .pull_4,
|
|
||||||
.push_5, .pull_5,
|
|
||||||
.push_6, .pull_6,
|
|
||||||
.push_7, .pull_7,
|
|
||||||
.push_8, .pull_8,
|
|
||||||
.push_9, .pull_9,
|
|
||||||
.push_10, .pull_10,
|
|
||||||
.push_11, .pull_11 {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.alpha {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.omega {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Grid >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .grid_1 {
|
|
||||||
width: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_2 {
|
|
||||||
width: 140px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_3 {
|
|
||||||
width: 220px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_4 {
|
|
||||||
width: 300px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_5 {
|
|
||||||
width: 380px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_6 {
|
|
||||||
width: 460px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_7 {
|
|
||||||
width: 540px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_8 {
|
|
||||||
width: 620px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_9 {
|
|
||||||
width: 700px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_10 {
|
|
||||||
width: 780px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_11 {
|
|
||||||
width: 860px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_12 {
|
|
||||||
width: 940px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Prefix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .prefix_1 {
|
|
||||||
padding-left: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_2 {
|
|
||||||
padding-left: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_3 {
|
|
||||||
padding-left: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_4 {
|
|
||||||
padding-left: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_5 {
|
|
||||||
padding-left: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_6 {
|
|
||||||
padding-left: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_7 {
|
|
||||||
padding-left: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_8 {
|
|
||||||
padding-left: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_9 {
|
|
||||||
padding-left: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_10 {
|
|
||||||
padding-left: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_11 {
|
|
||||||
padding-left: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Suffix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .suffix_1 {
|
|
||||||
padding-right: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_2 {
|
|
||||||
padding-right: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_3 {
|
|
||||||
padding-right: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_4 {
|
|
||||||
padding-right: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_5 {
|
|
||||||
padding-right: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_6 {
|
|
||||||
padding-right: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_7 {
|
|
||||||
padding-right: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_8 {
|
|
||||||
padding-right: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_9 {
|
|
||||||
padding-right: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_10 {
|
|
||||||
padding-right: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_11 {
|
|
||||||
padding-right: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Push Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .push_1 {
|
|
||||||
left: 80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_2 {
|
|
||||||
left: 160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_3 {
|
|
||||||
left: 240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_4 {
|
|
||||||
left: 320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_5 {
|
|
||||||
left: 400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_6 {
|
|
||||||
left: 480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_7 {
|
|
||||||
left: 560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_8 {
|
|
||||||
left: 640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_9 {
|
|
||||||
left: 720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_10 {
|
|
||||||
left: 800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_11 {
|
|
||||||
left: 880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Pull Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .pull_1 {
|
|
||||||
left: -80px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_2 {
|
|
||||||
left: -160px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_3 {
|
|
||||||
left: -240px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_4 {
|
|
||||||
left: -320px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_5 {
|
|
||||||
left: -400px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_6 {
|
|
||||||
left: -480px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_7 {
|
|
||||||
left: -560px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_8 {
|
|
||||||
left: -640px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_9 {
|
|
||||||
left: -720px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_10 {
|
|
||||||
left: -800px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_11 {
|
|
||||||
left: -880px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Clear Floated Elements
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
/* http://sonspring.com/journal/clearing-floats */
|
|
||||||
|
|
||||||
.clear {
|
|
||||||
clear: both;
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
|
||||||
|
|
||||||
.clearfix:before,
|
|
||||||
.clearfix:after {
|
|
||||||
content: '\0020';
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clearfix:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
|
||||||
Move to separate stylesheet if invalid CSS is a problem.
|
|
||||||
*/
|
|
||||||
|
|
||||||
.clearfix {
|
|
||||||
zoom: 1;
|
|
||||||
}
|
|
||||||
@@ -1,326 +0,0 @@
|
|||||||
/*
|
|
||||||
960 Grid System ~ Core CSS.
|
|
||||||
Learn more ~ http://960.gs/
|
|
||||||
|
|
||||||
Licensed under GPL and MIT.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* Containers
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 {
|
|
||||||
width: 92%;
|
|
||||||
margin-left: 4%;
|
|
||||||
margin-right: 4%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Grid >> Global
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.grid_1,
|
|
||||||
.grid_2,
|
|
||||||
.grid_3,
|
|
||||||
.grid_4,
|
|
||||||
.grid_5,
|
|
||||||
.grid_6,
|
|
||||||
.grid_7,
|
|
||||||
.grid_8,
|
|
||||||
.grid_9,
|
|
||||||
.grid_10,
|
|
||||||
.grid_11,
|
|
||||||
.grid_12 {
|
|
||||||
display: inline;
|
|
||||||
float: left;
|
|
||||||
position: relative;
|
|
||||||
margin-left: 1%;
|
|
||||||
margin-right: 1%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.alpha {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.omega {
|
|
||||||
margin-right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Grid >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .grid_1 {
|
|
||||||
width: 6.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_2 {
|
|
||||||
width: 14.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_3 {
|
|
||||||
width: 23.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_4 {
|
|
||||||
width: 31.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_5 {
|
|
||||||
width: 39.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_6 {
|
|
||||||
width: 48.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_7 {
|
|
||||||
width: 56.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_8 {
|
|
||||||
width: 64.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_9 {
|
|
||||||
width: 73.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_10 {
|
|
||||||
width: 81.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_11 {
|
|
||||||
width: 89.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .grid_12 {
|
|
||||||
width: 98.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Prefix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .prefix_1 {
|
|
||||||
padding-left: 8.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_2 {
|
|
||||||
padding-left: 16.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_3 {
|
|
||||||
padding-left: 25.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_4 {
|
|
||||||
padding-left: 33.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_5 {
|
|
||||||
padding-left: 41.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_6 {
|
|
||||||
padding-left: 50.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_7 {
|
|
||||||
padding-left: 58.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_8 {
|
|
||||||
padding-left: 66.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_9 {
|
|
||||||
padding-left: 75.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_10 {
|
|
||||||
padding-left: 83.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .prefix_11 {
|
|
||||||
padding-left: 91.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Suffix Extra Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .suffix_1 {
|
|
||||||
padding-right: 8.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_2 {
|
|
||||||
padding-right: 16.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_3 {
|
|
||||||
padding-right: 25.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_4 {
|
|
||||||
padding-right: 33.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_5 {
|
|
||||||
padding-right: 41.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_6 {
|
|
||||||
padding-right: 50.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_7 {
|
|
||||||
padding-right: 58.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_8 {
|
|
||||||
padding-right: 66.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_9 {
|
|
||||||
padding-right: 75.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_10 {
|
|
||||||
padding-right: 83.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .suffix_11 {
|
|
||||||
padding-right: 91.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Push Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .push_1 {
|
|
||||||
left: 8.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_2 {
|
|
||||||
left: 16.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_3 {
|
|
||||||
left: 25.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_4 {
|
|
||||||
left: 33.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_5 {
|
|
||||||
left: 41.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_6 {
|
|
||||||
left: 50.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_7 {
|
|
||||||
left: 58.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_8 {
|
|
||||||
left: 66.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_9 {
|
|
||||||
left: 75.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_10 {
|
|
||||||
left: 83.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .push_11 {
|
|
||||||
left: 91.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Pull Space >> 12 Columns
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 .pull_1 {
|
|
||||||
left: -8.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_2 {
|
|
||||||
left: -16.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_3 {
|
|
||||||
left: -25.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_4 {
|
|
||||||
left: -33.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_5 {
|
|
||||||
left: -41.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_6 {
|
|
||||||
left: -50.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_7 {
|
|
||||||
left: -58.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_8 {
|
|
||||||
left: -66.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_9 {
|
|
||||||
left: -75.0%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_10 {
|
|
||||||
left: -83.333%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container_12 .pull_11 {
|
|
||||||
left: -91.667%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Clear Floated Elements
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
/* http://sonspring.com/journal/clearing-floats */
|
|
||||||
|
|
||||||
.clear {
|
|
||||||
clear: both;
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
|
||||||
|
|
||||||
.clearfix:before,
|
|
||||||
.clearfix:after {
|
|
||||||
content: '\0020';
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.clearfix:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*
|
|
||||||
The following zoom:1 rule is specifically for IE6 + IE7.
|
|
||||||
Move to separate stylesheet if invalid CSS is a problem.
|
|
||||||
*/
|
|
||||||
|
|
||||||
.clearfix {
|
|
||||||
zoom: 1;
|
|
||||||
}
|
|
||||||
@@ -1,124 +0,0 @@
|
|||||||
@import 'reset.css';
|
|
||||||
@import 'text.css';
|
|
||||||
|
|
||||||
/* `Basic HTML
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.container_12 {
|
|
||||||
padding-bottom: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background: #fff;
|
|
||||||
color: #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
background: #eee;
|
|
||||||
border-bottom: 1px solid #ccc;
|
|
||||||
padding: 10px 90px 10px 15px;
|
|
||||||
text-shadow: #fff 0 1px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6 {
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #06c;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color: #c60;
|
|
||||||
}
|
|
||||||
|
|
||||||
small {
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Misc Classes
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.align_center {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.align_right {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Data Table
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
.data,
|
|
||||||
.data th,
|
|
||||||
.data td {
|
|
||||||
border-style: solid;
|
|
||||||
border-color: #ddd;
|
|
||||||
}
|
|
||||||
|
|
||||||
.data {
|
|
||||||
border-width: 0 1px 1px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.data caption {
|
|
||||||
padding: 0 10px 5px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.data th,
|
|
||||||
.data td {
|
|
||||||
border-top-width: 1px;
|
|
||||||
padding: 5px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.data th {
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.data thead th {
|
|
||||||
background: #eee;
|
|
||||||
font-weight: bold;
|
|
||||||
text-shadow: #fff 0 1px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.data tbody th {
|
|
||||||
width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.data tr th:first-child {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Code
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
pre,
|
|
||||||
code {
|
|
||||||
font-size: 12px;
|
|
||||||
font-family: Menlo, Courier, monospace;
|
|
||||||
}
|
|
||||||
|
|
||||||
pre,
|
|
||||||
.notice {
|
|
||||||
background: #ffe;
|
|
||||||
border: 1px solid;
|
|
||||||
border-color: #eed #ccb #bba #ddc;
|
|
||||||
overflow: auto;
|
|
||||||
padding: 10px 0 10px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
* html pre {
|
|
||||||
overflow: hidden;
|
|
||||||
width: 97%;
|
|
||||||
}
|
|
||||||
|
|
||||||
code {
|
|
||||||
background: #ff9;
|
|
||||||
padding: 0 2px;
|
|
||||||
}
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
.grid_1,
|
|
||||||
.grid_2,
|
|
||||||
.grid_3,
|
|
||||||
.grid_4,
|
|
||||||
.grid_5,
|
|
||||||
.grid_6,
|
|
||||||
.grid_7,
|
|
||||||
.grid_8,
|
|
||||||
.grid_9,
|
|
||||||
.grid_10,
|
|
||||||
.grid_11,
|
|
||||||
.grid_12 {
|
|
||||||
margin-left: 10px;
|
|
||||||
margin-right: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.align_center,
|
|
||||||
.align_right {
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
@@ -1,171 +0,0 @@
|
|||||||
/* `XHTML, HTML4, HTML5 Reset
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
a,
|
|
||||||
abbr,
|
|
||||||
acronym,
|
|
||||||
address,
|
|
||||||
applet,
|
|
||||||
article,
|
|
||||||
aside,
|
|
||||||
audio,
|
|
||||||
b,
|
|
||||||
big,
|
|
||||||
blockquote,
|
|
||||||
body,
|
|
||||||
canvas,
|
|
||||||
caption,
|
|
||||||
center,
|
|
||||||
cite,
|
|
||||||
code,
|
|
||||||
dd,
|
|
||||||
del,
|
|
||||||
details,
|
|
||||||
dfn,
|
|
||||||
dialog,
|
|
||||||
div,
|
|
||||||
dl,
|
|
||||||
dt,
|
|
||||||
em,
|
|
||||||
embed,
|
|
||||||
fieldset,
|
|
||||||
figcaption,
|
|
||||||
figure,
|
|
||||||
font,
|
|
||||||
footer,
|
|
||||||
form,
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
header,
|
|
||||||
hgroup,
|
|
||||||
hr,
|
|
||||||
html,
|
|
||||||
i,
|
|
||||||
iframe,
|
|
||||||
img,
|
|
||||||
ins,
|
|
||||||
kbd,
|
|
||||||
label,
|
|
||||||
legend,
|
|
||||||
li,
|
|
||||||
mark,
|
|
||||||
menu,
|
|
||||||
meter,
|
|
||||||
nav,
|
|
||||||
object,
|
|
||||||
ol,
|
|
||||||
output,
|
|
||||||
p,
|
|
||||||
pre,
|
|
||||||
progress,
|
|
||||||
q,
|
|
||||||
rp,
|
|
||||||
rt,
|
|
||||||
ruby,
|
|
||||||
s,
|
|
||||||
samp,
|
|
||||||
section,
|
|
||||||
small,
|
|
||||||
span,
|
|
||||||
strike,
|
|
||||||
strong,
|
|
||||||
sub,
|
|
||||||
summary,
|
|
||||||
sup,
|
|
||||||
table,
|
|
||||||
tbody,
|
|
||||||
td,
|
|
||||||
tfoot,
|
|
||||||
th,
|
|
||||||
thead,
|
|
||||||
time,
|
|
||||||
tr,
|
|
||||||
tt,
|
|
||||||
u,
|
|
||||||
ul,
|
|
||||||
var,
|
|
||||||
video,
|
|
||||||
xmp {
|
|
||||||
border: 0;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-size: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
html,
|
|
||||||
body {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
article,
|
|
||||||
aside,
|
|
||||||
details,
|
|
||||||
figcaption,
|
|
||||||
figure,
|
|
||||||
footer,
|
|
||||||
header,
|
|
||||||
hgroup,
|
|
||||||
menu,
|
|
||||||
nav,
|
|
||||||
section {
|
|
||||||
/*
|
|
||||||
Override the default (display: inline) for
|
|
||||||
browsers that do not recognize HTML5 tags.
|
|
||||||
|
|
||||||
IE8 (and lower) requires a shiv:
|
|
||||||
http://ejohn.org/blog/html5-shiv
|
|
||||||
*/
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong {
|
|
||||||
/*
|
|
||||||
Makes browsers agree.
|
|
||||||
IE + Opera = font-weight: bold.
|
|
||||||
Gecko + WebKit = font-weight: bolder.
|
|
||||||
*/
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
img {
|
|
||||||
color: transparent;
|
|
||||||
font-size: 0;
|
|
||||||
vertical-align: middle;
|
|
||||||
/*
|
|
||||||
For IE.
|
|
||||||
http://css-tricks.com/ie-fix-bicubic-scaling-for-images
|
|
||||||
*/
|
|
||||||
-ms-interpolation-mode: bicubic;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
/*
|
|
||||||
For IE6 + IE7.
|
|
||||||
*/
|
|
||||||
display: list-item;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
th,
|
|
||||||
td,
|
|
||||||
caption {
|
|
||||||
font-weight: normal;
|
|
||||||
vertical-align: top;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
svg {
|
|
||||||
/*
|
|
||||||
For IE9.
|
|
||||||
*/
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
@@ -1,81 +0,0 @@
|
|||||||
/*
|
|
||||||
960 Grid System ~ Text CSS.
|
|
||||||
Learn more ~ http://960.gs/
|
|
||||||
|
|
||||||
Licensed under GPL and MIT.
|
|
||||||
*/
|
|
||||||
|
|
||||||
/* `Basic HTML
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
body {
|
|
||||||
font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
border: 0 #ccc solid;
|
|
||||||
border-top-width: 1px;
|
|
||||||
clear: both;
|
|
||||||
height: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Headings
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
h1 {
|
|
||||||
font-size: 25px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 23px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h3 {
|
|
||||||
font-size: 21px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h4 {
|
|
||||||
font-size: 19px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h5 {
|
|
||||||
font-size: 17px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* `Spacing
|
|
||||||
----------------------------------------------------------------------------------------------------*/
|
|
||||||
|
|
||||||
ol {
|
|
||||||
list-style: decimal;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul {
|
|
||||||
list-style: disc;
|
|
||||||
}
|
|
||||||
|
|
||||||
li {
|
|
||||||
margin-left: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
p,
|
|
||||||
dl,
|
|
||||||
hr,
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
h6,
|
|
||||||
ol,
|
|
||||||
ul,
|
|
||||||
pre,
|
|
||||||
table,
|
|
||||||
address,
|
|
||||||
fieldset,
|
|
||||||
figure {
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
100
css/app.css
Normal file
100
css/app.css
Normal file
@@ -0,0 +1,100 @@
|
|||||||
|
/* =============================================================================
|
||||||
|
Base
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
body { }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* =============================================================================
|
||||||
|
Header
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
#banner { }
|
||||||
|
|
||||||
|
/* Fixed Topbar Navigation */
|
||||||
|
body { padding-top: 60px; }
|
||||||
|
body.admin-bar .navbar-fixed-top { top: 28px; }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* =============================================================================
|
||||||
|
Content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
#content { }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* =============================================================================
|
||||||
|
Primary Content
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
#main { }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* =============================================================================
|
||||||
|
Sidebar
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
#sidebar { }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* =============================================================================
|
||||||
|
Posts
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.hentry header { }
|
||||||
|
.hentry h2 a { text-decoration: none; }
|
||||||
|
.hentry time { display: block; }
|
||||||
|
.hentry p.byline { }
|
||||||
|
.hentry footer { clear: both; }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* =============================================================================
|
||||||
|
Post Comments
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
#comments, #respond, #submit { clear: both; display: block; }
|
||||||
|
ol.commentlist img.avatar { float: left; margin-right: 10px; }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* =============================================================================
|
||||||
|
Footer
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
#content-info {
|
||||||
|
margin-top: 45px;
|
||||||
|
padding: 35px 0 36px;
|
||||||
|
border-top: 1px solid #e5e5e5;
|
||||||
|
}
|
||||||
|
|
||||||
|
#content-info p small { font-size: 13px; }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* =============================================================================
|
||||||
|
WordPress Generated Classes
|
||||||
|
See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
.aligncenter { display: block; margin: 0 auto; }
|
||||||
|
.alignleft { margin: 0 20px 20px 0; float: left; }
|
||||||
|
.alignright { margin: 0 0 20px 20px; float: right; }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/* =============================================================================
|
||||||
|
Media Queries
|
||||||
|
========================================================================== */
|
||||||
|
|
||||||
|
@media (max-width: 980px) {
|
||||||
|
/* Fix top padding when using the responsive grid with the fixed topbar */
|
||||||
|
body {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,22 +0,0 @@
|
|||||||
Copyright (c) 2007 - 2010 blueprintcss.org
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person
|
|
||||||
obtaining a copy of this software and associated documentation
|
|
||||||
files (the "Software"), to deal in the Software without
|
|
||||||
restriction, including without limitation the rights to use,
|
|
||||||
copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the
|
|
||||||
Software is furnished to do so, subject to the following
|
|
||||||
conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be
|
|
||||||
included in all copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
||||||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
|
|
||||||
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
|
||||||
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
|
|
||||||
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
|
||||||
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
|
||||||
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
|
|
||||||
OTHER DEALINGS IN THE SOFTWARE.
|
|
||||||
@@ -1,36 +0,0 @@
|
|||||||
/* -----------------------------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
Blueprint CSS Framework 1.0.1
|
|
||||||
http://blueprintcss.org
|
|
||||||
|
|
||||||
* Copyright (c) 2007-Present. See LICENSE for more info.
|
|
||||||
* See README for instructions on how to use Blueprint.
|
|
||||||
* For credits and origins, see AUTHORS.
|
|
||||||
* This is a compressed file. See the sources in the 'src' directory.
|
|
||||||
|
|
||||||
----------------------------------------------------------------------- */
|
|
||||||
|
|
||||||
/* ie.css */
|
|
||||||
body {text-align:center;}
|
|
||||||
.container {text-align:left;}
|
|
||||||
* html .column, * html .span-1, * html .span-2, * html .span-3, * html .span-4, * html .span-5, * html .span-6, * html .span-7, * html .span-8, * html .span-9, * html .span-10, * html .span-11, * html .span-12, * html .span-13, * html .span-14, * html .span-15, * html .span-16, * html .span-17, * html .span-18, * html .span-19, * html .span-20, * html .span-21, * html .span-22, * html .span-23, * html .span-24 {display:inline;overflow-x:hidden;}
|
|
||||||
* html legend {margin:0px -8px 16px 0;padding:0;}
|
|
||||||
sup {vertical-align:text-top;}
|
|
||||||
sub {vertical-align:text-bottom;}
|
|
||||||
html>body p code {*white-space:normal;}
|
|
||||||
hr {margin:-8px auto 11px;}
|
|
||||||
img {-ms-interpolation-mode:bicubic;}
|
|
||||||
.clearfix, .container {display:inline-block;}
|
|
||||||
* html .clearfix, * html .container {height:1%;}
|
|
||||||
fieldset {padding-top:0;}
|
|
||||||
legend {margin-top:-0.2em;margin-bottom:1em;margin-left:-0.5em;}
|
|
||||||
textarea {overflow:auto;}
|
|
||||||
label {vertical-align:middle;position:relative;top:-0.25em;}
|
|
||||||
input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;}
|
|
||||||
input.text:focus, input.title:focus {border-color:#666;}
|
|
||||||
input.text, input.title, textarea, select {margin:0.5em 0;}
|
|
||||||
input.checkbox, input.radio {position:relative;top:.25em;}
|
|
||||||
form.inline div, form.inline p {vertical-align:middle;}
|
|
||||||
form.inline input.checkbox, form.inline input.radio, form.inline input.button, form.inline button {margin:0.5em 0;}
|
|
||||||
button, input.button {position:relative;top:0.25em;}
|
|
||||||
@@ -1,29 +0,0 @@
|
|||||||
/* -----------------------------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
Blueprint CSS Framework 1.0.1
|
|
||||||
http://blueprintcss.org
|
|
||||||
|
|
||||||
* Copyright (c) 2007-Present. See LICENSE for more info.
|
|
||||||
* See README for instructions on how to use Blueprint.
|
|
||||||
* For credits and origins, see AUTHORS.
|
|
||||||
* This is a compressed file. See the sources in the 'src' directory.
|
|
||||||
|
|
||||||
----------------------------------------------------------------------- */
|
|
||||||
|
|
||||||
/* print.css */
|
|
||||||
body {line-height:1.5;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;color:#000;background:none;font-size:10pt;}
|
|
||||||
.container {background:none;}
|
|
||||||
hr {background:#ccc;color:#ccc;width:100%;height:2px;margin:2em 0;padding:0;border:none;}
|
|
||||||
hr.space {background:#fff;color:#fff;visibility:hidden;}
|
|
||||||
h1, h2, h3, h4, h5, h6 {font-family:"Helvetica Neue", Arial, "Lucida Grande", sans-serif;}
|
|
||||||
code {font:.9em "Courier New", Monaco, Courier, monospace;}
|
|
||||||
a img {border:none;}
|
|
||||||
p img.top {margin-top:0;}
|
|
||||||
blockquote {margin:1.5em;padding:1em;font-style:italic;font-size:.9em;}
|
|
||||||
.small {font-size:.9em;}
|
|
||||||
.large {font-size:1.1em;}
|
|
||||||
.quiet {color:#999;}
|
|
||||||
.hide {display:none;}
|
|
||||||
a:link, a:visited {background:transparent;font-weight:700;text-decoration:underline;}
|
|
||||||
a:link:after, a:visited:after {content:" (" attr(href) ")";font-size:90%;}
|
|
||||||
@@ -1,264 +0,0 @@
|
|||||||
/* -----------------------------------------------------------------------
|
|
||||||
|
|
||||||
|
|
||||||
Blueprint CSS Framework 1.0.1
|
|
||||||
http://blueprintcss.org
|
|
||||||
|
|
||||||
* Copyright (c) 2007-Present. See LICENSE for more info.
|
|
||||||
* See README for instructions on how to use Blueprint.
|
|
||||||
* For credits and origins, see AUTHORS.
|
|
||||||
* This is a compressed file. See the sources in the 'src' directory.
|
|
||||||
|
|
||||||
----------------------------------------------------------------------- */
|
|
||||||
|
|
||||||
/* reset.css */
|
|
||||||
html {margin:0;padding:0;border:0;}
|
|
||||||
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
|
|
||||||
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;}
|
|
||||||
body {line-height:1.5;background:white;}
|
|
||||||
table {border-collapse:separate;border-spacing:0;}
|
|
||||||
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
|
|
||||||
table, th, td {vertical-align:middle;}
|
|
||||||
blockquote:before, blockquote:after, q:before, q:after {content:'';}
|
|
||||||
blockquote, q {quotes:"" "";}
|
|
||||||
a img {border:none;}
|
|
||||||
:focus {outline:0;}
|
|
||||||
|
|
||||||
/* typography.css */
|
|
||||||
html {font-size:100.01%;}
|
|
||||||
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
|
|
||||||
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
|
|
||||||
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
|
|
||||||
h2 {font-size:2em;margin-bottom:0.75em;}
|
|
||||||
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
|
|
||||||
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
|
|
||||||
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
|
|
||||||
h6 {font-size:1em;font-weight:bold;}
|
|
||||||
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
|
|
||||||
p {margin:0 0 1.5em;}
|
|
||||||
.left {float:left !important;}
|
|
||||||
p .left {margin:1.5em 1.5em 1.5em 0;padding:0;}
|
|
||||||
.right {float:right !important;}
|
|
||||||
p .right {margin:1.5em 0 1.5em 1.5em;padding:0;}
|
|
||||||
a:focus, a:hover {color:#09f;}
|
|
||||||
a {color:#06c;text-decoration:underline;}
|
|
||||||
blockquote {margin:1.5em;color:#666;font-style:italic;}
|
|
||||||
strong, dfn {font-weight:bold;}
|
|
||||||
em, dfn {font-style:italic;}
|
|
||||||
sup, sub {line-height:0;}
|
|
||||||
abbr, acronym {border-bottom:1px dotted #666;}
|
|
||||||
address {margin:0 0 1.5em;font-style:italic;}
|
|
||||||
del {color:#666;}
|
|
||||||
pre {margin:1.5em 0;white-space:pre;}
|
|
||||||
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
|
|
||||||
li ul, li ol {margin:0;}
|
|
||||||
ul, ol {margin:0 1.5em 1.5em 0;padding-left:1.5em;}
|
|
||||||
ul {list-style-type:disc;}
|
|
||||||
ol {list-style-type:decimal;}
|
|
||||||
dl {margin:0 0 1.5em 0;}
|
|
||||||
dl dt {font-weight:bold;}
|
|
||||||
dd {margin-left:1.5em;}
|
|
||||||
table {margin-bottom:1.4em;width:100%;}
|
|
||||||
th {font-weight:bold;}
|
|
||||||
thead th {background:#c3d9ff;}
|
|
||||||
th, td, caption {padding:4px 10px 4px 5px;}
|
|
||||||
tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}
|
|
||||||
tfoot {font-style:italic;}
|
|
||||||
caption {background:#eee;}
|
|
||||||
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
|
|
||||||
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
|
|
||||||
.hide {display:none;}
|
|
||||||
.quiet {color:#666;}
|
|
||||||
.loud {color:#000;}
|
|
||||||
.highlight {background:#ff0;}
|
|
||||||
.added {background:#060;color:#fff;}
|
|
||||||
.removed {background:#900;color:#fff;}
|
|
||||||
.first {margin-left:0;padding-left:0;}
|
|
||||||
.last {margin-right:0;padding-right:0;}
|
|
||||||
.top {margin-top:0;padding-top:0;}
|
|
||||||
.bottom {margin-bottom:0;padding-bottom:0;}
|
|
||||||
|
|
||||||
/* forms.css */
|
|
||||||
label {font-weight:bold;}
|
|
||||||
fieldset {padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
|
|
||||||
legend {font-weight:bold;font-size:1.2em;margin-top:-0.2em;margin-bottom:1em;}
|
|
||||||
fieldset, #IE8#HACK {padding-top:1.4em;}
|
|
||||||
legend, #IE8#HACK {margin-top:0;margin-bottom:0;}
|
|
||||||
input[type=text], input[type=password], input[type=url], input[type=email], input.text, input.title, textarea {background-color:#fff;border:1px solid #bbb;color:#000;}
|
|
||||||
input[type=text]:focus, input[type=password]:focus, input[type=url]:focus, input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus {border-color:#666;}
|
|
||||||
select {background-color:#fff;border-width:1px;border-style:solid;}
|
|
||||||
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
|
|
||||||
input.text, input.title {width:300px;padding:5px;}
|
|
||||||
input.title {font-size:1.5em;}
|
|
||||||
textarea {width:390px;height:250px;padding:5px;}
|
|
||||||
form.inline {line-height:3;}
|
|
||||||
form.inline p {margin-bottom:0;}
|
|
||||||
.error, .alert, .notice, .success, .info {padding:0.8em;margin-bottom:1em;border:2px solid #ddd;}
|
|
||||||
.error, .alert {background:#fbe3e4;color:#8a1f11;border-color:#fbc2c4;}
|
|
||||||
.notice {background:#fff6bf;color:#514721;border-color:#ffd324;}
|
|
||||||
.success {background:#e6efc2;color:#264409;border-color:#c6d880;}
|
|
||||||
.info {background:#d5edf8;color:#205791;border-color:#92cae4;}
|
|
||||||
.error a, .alert a {color:#8a1f11;}
|
|
||||||
.notice a {color:#514721;}
|
|
||||||
.success a {color:#264409;}
|
|
||||||
.info a {color:#205791;}
|
|
||||||
|
|
||||||
/* grid.css */
|
|
||||||
.container {width:950px;margin:0 auto;}
|
|
||||||
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24 {float:left;margin-right:10px;}
|
|
||||||
.last {margin-right:0;}
|
|
||||||
.span-1 {width:30px;}
|
|
||||||
.span-2 {width:70px;}
|
|
||||||
.span-3 {width:110px;}
|
|
||||||
.span-4 {width:150px;}
|
|
||||||
.span-5 {width:190px;}
|
|
||||||
.span-6 {width:230px;}
|
|
||||||
.span-7 {width:270px;}
|
|
||||||
.span-8 {width:310px;}
|
|
||||||
.span-9 {width:350px;}
|
|
||||||
.span-10 {width:390px;}
|
|
||||||
.span-11 {width:430px;}
|
|
||||||
.span-12 {width:470px;}
|
|
||||||
.span-13 {width:510px;}
|
|
||||||
.span-14 {width:550px;}
|
|
||||||
.span-15 {width:590px;}
|
|
||||||
.span-16 {width:630px;}
|
|
||||||
.span-17 {width:670px;}
|
|
||||||
.span-18 {width:710px;}
|
|
||||||
.span-19 {width:750px;}
|
|
||||||
.span-20 {width:790px;}
|
|
||||||
.span-21 {width:830px;}
|
|
||||||
.span-22 {width:870px;}
|
|
||||||
.span-23 {width:910px;}
|
|
||||||
.span-24 {width:950px;margin-right:0;}
|
|
||||||
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px;border-right-width:1px;padding-left:5px;padding-right:5px;}
|
|
||||||
input.span-1, textarea.span-1 {width:18px;}
|
|
||||||
input.span-2, textarea.span-2 {width:58px;}
|
|
||||||
input.span-3, textarea.span-3 {width:98px;}
|
|
||||||
input.span-4, textarea.span-4 {width:138px;}
|
|
||||||
input.span-5, textarea.span-5 {width:178px;}
|
|
||||||
input.span-6, textarea.span-6 {width:218px;}
|
|
||||||
input.span-7, textarea.span-7 {width:258px;}
|
|
||||||
input.span-8, textarea.span-8 {width:298px;}
|
|
||||||
input.span-9, textarea.span-9 {width:338px;}
|
|
||||||
input.span-10, textarea.span-10 {width:378px;}
|
|
||||||
input.span-11, textarea.span-11 {width:418px;}
|
|
||||||
input.span-12, textarea.span-12 {width:458px;}
|
|
||||||
input.span-13, textarea.span-13 {width:498px;}
|
|
||||||
input.span-14, textarea.span-14 {width:538px;}
|
|
||||||
input.span-15, textarea.span-15 {width:578px;}
|
|
||||||
input.span-16, textarea.span-16 {width:618px;}
|
|
||||||
input.span-17, textarea.span-17 {width:658px;}
|
|
||||||
input.span-18, textarea.span-18 {width:698px;}
|
|
||||||
input.span-19, textarea.span-19 {width:738px;}
|
|
||||||
input.span-20, textarea.span-20 {width:778px;}
|
|
||||||
input.span-21, textarea.span-21 {width:818px;}
|
|
||||||
input.span-22, textarea.span-22 {width:858px;}
|
|
||||||
input.span-23, textarea.span-23 {width:898px;}
|
|
||||||
input.span-24, textarea.span-24 {width:938px;}
|
|
||||||
.append-1 {padding-right:40px;}
|
|
||||||
.append-2 {padding-right:80px;}
|
|
||||||
.append-3 {padding-right:120px;}
|
|
||||||
.append-4 {padding-right:160px;}
|
|
||||||
.append-5 {padding-right:200px;}
|
|
||||||
.append-6 {padding-right:240px;}
|
|
||||||
.append-7 {padding-right:280px;}
|
|
||||||
.append-8 {padding-right:320px;}
|
|
||||||
.append-9 {padding-right:360px;}
|
|
||||||
.append-10 {padding-right:400px;}
|
|
||||||
.append-11 {padding-right:440px;}
|
|
||||||
.append-12 {padding-right:480px;}
|
|
||||||
.append-13 {padding-right:520px;}
|
|
||||||
.append-14 {padding-right:560px;}
|
|
||||||
.append-15 {padding-right:600px;}
|
|
||||||
.append-16 {padding-right:640px;}
|
|
||||||
.append-17 {padding-right:680px;}
|
|
||||||
.append-18 {padding-right:720px;}
|
|
||||||
.append-19 {padding-right:760px;}
|
|
||||||
.append-20 {padding-right:800px;}
|
|
||||||
.append-21 {padding-right:840px;}
|
|
||||||
.append-22 {padding-right:880px;}
|
|
||||||
.append-23 {padding-right:920px;}
|
|
||||||
.prepend-1 {padding-left:40px;}
|
|
||||||
.prepend-2 {padding-left:80px;}
|
|
||||||
.prepend-3 {padding-left:120px;}
|
|
||||||
.prepend-4 {padding-left:160px;}
|
|
||||||
.prepend-5 {padding-left:200px;}
|
|
||||||
.prepend-6 {padding-left:240px;}
|
|
||||||
.prepend-7 {padding-left:280px;}
|
|
||||||
.prepend-8 {padding-left:320px;}
|
|
||||||
.prepend-9 {padding-left:360px;}
|
|
||||||
.prepend-10 {padding-left:400px;}
|
|
||||||
.prepend-11 {padding-left:440px;}
|
|
||||||
.prepend-12 {padding-left:480px;}
|
|
||||||
.prepend-13 {padding-left:520px;}
|
|
||||||
.prepend-14 {padding-left:560px;}
|
|
||||||
.prepend-15 {padding-left:600px;}
|
|
||||||
.prepend-16 {padding-left:640px;}
|
|
||||||
.prepend-17 {padding-left:680px;}
|
|
||||||
.prepend-18 {padding-left:720px;}
|
|
||||||
.prepend-19 {padding-left:760px;}
|
|
||||||
.prepend-20 {padding-left:800px;}
|
|
||||||
.prepend-21 {padding-left:840px;}
|
|
||||||
.prepend-22 {padding-left:880px;}
|
|
||||||
.prepend-23 {padding-left:920px;}
|
|
||||||
.border {padding-right:4px;margin-right:5px;border-right:1px solid #ddd;}
|
|
||||||
.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #ddd;}
|
|
||||||
.pull-1 {margin-left:-40px;}
|
|
||||||
.pull-2 {margin-left:-80px;}
|
|
||||||
.pull-3 {margin-left:-120px;}
|
|
||||||
.pull-4 {margin-left:-160px;}
|
|
||||||
.pull-5 {margin-left:-200px;}
|
|
||||||
.pull-6 {margin-left:-240px;}
|
|
||||||
.pull-7 {margin-left:-280px;}
|
|
||||||
.pull-8 {margin-left:-320px;}
|
|
||||||
.pull-9 {margin-left:-360px;}
|
|
||||||
.pull-10 {margin-left:-400px;}
|
|
||||||
.pull-11 {margin-left:-440px;}
|
|
||||||
.pull-12 {margin-left:-480px;}
|
|
||||||
.pull-13 {margin-left:-520px;}
|
|
||||||
.pull-14 {margin-left:-560px;}
|
|
||||||
.pull-15 {margin-left:-600px;}
|
|
||||||
.pull-16 {margin-left:-640px;}
|
|
||||||
.pull-17 {margin-left:-680px;}
|
|
||||||
.pull-18 {margin-left:-720px;}
|
|
||||||
.pull-19 {margin-left:-760px;}
|
|
||||||
.pull-20 {margin-left:-800px;}
|
|
||||||
.pull-21 {margin-left:-840px;}
|
|
||||||
.pull-22 {margin-left:-880px;}
|
|
||||||
.pull-23 {margin-left:-920px;}
|
|
||||||
.pull-24 {margin-left:-960px;}
|
|
||||||
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
|
|
||||||
.push-1 {margin:0 -40px 1.5em 40px;}
|
|
||||||
.push-2 {margin:0 -80px 1.5em 80px;}
|
|
||||||
.push-3 {margin:0 -120px 1.5em 120px;}
|
|
||||||
.push-4 {margin:0 -160px 1.5em 160px;}
|
|
||||||
.push-5 {margin:0 -200px 1.5em 200px;}
|
|
||||||
.push-6 {margin:0 -240px 1.5em 240px;}
|
|
||||||
.push-7 {margin:0 -280px 1.5em 280px;}
|
|
||||||
.push-8 {margin:0 -320px 1.5em 320px;}
|
|
||||||
.push-9 {margin:0 -360px 1.5em 360px;}
|
|
||||||
.push-10 {margin:0 -400px 1.5em 400px;}
|
|
||||||
.push-11 {margin:0 -440px 1.5em 440px;}
|
|
||||||
.push-12 {margin:0 -480px 1.5em 480px;}
|
|
||||||
.push-13 {margin:0 -520px 1.5em 520px;}
|
|
||||||
.push-14 {margin:0 -560px 1.5em 560px;}
|
|
||||||
.push-15 {margin:0 -600px 1.5em 600px;}
|
|
||||||
.push-16 {margin:0 -640px 1.5em 640px;}
|
|
||||||
.push-17 {margin:0 -680px 1.5em 680px;}
|
|
||||||
.push-18 {margin:0 -720px 1.5em 720px;}
|
|
||||||
.push-19 {margin:0 -760px 1.5em 760px;}
|
|
||||||
.push-20 {margin:0 -800px 1.5em 800px;}
|
|
||||||
.push-21 {margin:0 -840px 1.5em 840px;}
|
|
||||||
.push-22 {margin:0 -880px 1.5em 880px;}
|
|
||||||
.push-23 {margin:0 -920px 1.5em 920px;}
|
|
||||||
.push-24 {margin:0 -960px 1.5em 960px;}
|
|
||||||
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:left;position:relative;}
|
|
||||||
div.prepend-top, .prepend-top {margin-top:1.5em;}
|
|
||||||
div.append-bottom, .append-bottom {margin-bottom:1.5em;}
|
|
||||||
.box {padding:1.5em;margin-bottom:1.5em;background:#e5eCf9;}
|
|
||||||
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:1px;margin:0 0 17px;border:none;}
|
|
||||||
hr.space {background:#fff;color:#fff;visibility:hidden;}
|
|
||||||
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
|
|
||||||
.clearfix, .container {display:block;}
|
|
||||||
.clear {clear:both;}
|
|
||||||
0
css/bootstrap/bootstrap-responsive.css → css/bootstrap-responsive.css
vendored
Normal file → Executable file
0
css/bootstrap/bootstrap-responsive.css → css/bootstrap-responsive.css
vendored
Normal file → Executable file
3365
css/bootstrap.css
vendored
Executable file
3365
css/bootstrap.css
vendored
Executable file
File diff suppressed because it is too large
Load Diff
2467
css/bootstrap/bootstrap.css
vendored
2467
css/bootstrap/bootstrap.css
vendored
File diff suppressed because it is too large
Load Diff
356
css/bootstrap/bootstrap.min.css
vendored
356
css/bootstrap/bootstrap.min.css
vendored
@@ -1,356 +0,0 @@
|
|||||||
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{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{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
|
|
||||||
sup{top:-0.5em;}
|
|
||||||
sub{bottom:-0.25em;}
|
|
||||||
img{border:0;-ms-interpolation-mode:bicubic;}
|
|
||||||
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
|
|
||||||
button,input{line-height:normal;*overflow:visible;}
|
|
||||||
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding: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{background-color:#ffffff;margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:18px;color:#404040;}
|
|
||||||
.container{width:940px;margin-left:auto;margin-right:auto;zoom:1;}.container:before,.container:after{display:table;content:"";zoom:1;}
|
|
||||||
.container:after{clear:both;}
|
|
||||||
.container-fluid{position:relative;min-width:940px;padding-left:20px;padding-right:20px;zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";zoom:1;}
|
|
||||||
.container-fluid:after{clear:both;}
|
|
||||||
.container-fluid>.sidebar{position:absolute;top:0;left:20px;width:220px;}
|
|
||||||
.container-fluid>.content{margin-left:240px;}
|
|
||||||
a{color:#0069d6;text-decoration:none;line-height:inherit;font-weight:inherit;}a:hover{color:#00438a;text-decoration:underline;}
|
|
||||||
.pull-right{float:right;}
|
|
||||||
.pull-left{float:left;}
|
|
||||||
.hide{display:none;}
|
|
||||||
.show{display:block;}
|
|
||||||
.row{zoom:1;margin-left:-20px;}.row:before,.row:after{display:table;content:"";zoom:1;}
|
|
||||||
.row:after{clear:both;}
|
|
||||||
.row>[class*="span"]{display:inline;float:left;margin-left:20px;}
|
|
||||||
.span1{width:40px;}
|
|
||||||
.span2{width:100px;}
|
|
||||||
.span3{width:160px;}
|
|
||||||
.span4{width:220px;}
|
|
||||||
.span5{width:280px;}
|
|
||||||
.span6{width:340px;}
|
|
||||||
.span7{width:400px;}
|
|
||||||
.span8{width:460px;}
|
|
||||||
.span9{width:520px;}
|
|
||||||
.span10{width:580px;}
|
|
||||||
.span11{width:640px;}
|
|
||||||
.span12{width:700px;}
|
|
||||||
.span13{width:760px;}
|
|
||||||
.span14{width:820px;}
|
|
||||||
.span15{width:880px;}
|
|
||||||
.span16{width:940px;}
|
|
||||||
.span17{width:1000px;}
|
|
||||||
.span18{width:1060px;}
|
|
||||||
.span19{width:1120px;}
|
|
||||||
.span20{width:1180px;}
|
|
||||||
.span21{width:1240px;}
|
|
||||||
.span22{width:1300px;}
|
|
||||||
.span23{width:1360px;}
|
|
||||||
.span24{width:1420px;}
|
|
||||||
.row>.offset1{margin-left:80px;}
|
|
||||||
.row>.offset2{margin-left:140px;}
|
|
||||||
.row>.offset3{margin-left:200px;}
|
|
||||||
.row>.offset4{margin-left:260px;}
|
|
||||||
.row>.offset5{margin-left:320px;}
|
|
||||||
.row>.offset6{margin-left:380px;}
|
|
||||||
.row>.offset7{margin-left:440px;}
|
|
||||||
.row>.offset8{margin-left:500px;}
|
|
||||||
.row>.offset9{margin-left:560px;}
|
|
||||||
.row>.offset10{margin-left:620px;}
|
|
||||||
.row>.offset11{margin-left:680px;}
|
|
||||||
.row>.offset12{margin-left:740px;}
|
|
||||||
.span-one-third{width:300px;}
|
|
||||||
.span-two-thirds{width:620px;}
|
|
||||||
.offset-one-third{margin-left:340px;}
|
|
||||||
.offset-two-thirds{margin-left:660px;}
|
|
||||||
p{font-size:13px;font-weight:normal;line-height:18px;margin-bottom:9px;}p small{font-size:11px;color:#bfbfbf;}
|
|
||||||
h1,h2,h3,h4,h5,h6{font-weight:bold;color:#404040;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#bfbfbf;}
|
|
||||||
h1{margin-bottom:18px;font-size:30px;line-height:36px;}h1 small{font-size:18px;}
|
|
||||||
h2{font-size:24px;line-height:36px;}h2 small{font-size:14px;}
|
|
||||||
h3,h4,h5,h6{line-height:36px;}
|
|
||||||
h3{font-size:18px;}h3 small{font-size:14px;}
|
|
||||||
h4{font-size:16px;}h4 small{font-size:12px;}
|
|
||||||
h5{font-size:14px;}
|
|
||||||
h6{font-size:13px;color:#bfbfbf;text-transform:uppercase;}
|
|
||||||
ul,ol{margin:0 0 18px 25px;}
|
|
||||||
ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}
|
|
||||||
ul{list-style:disc;}
|
|
||||||
ol{list-style:decimal;}
|
|
||||||
li{line-height:18px;color:#808080;}
|
|
||||||
ul.unstyled{list-style:none;margin-left:0;}
|
|
||||||
dl{margin-bottom:18px;}dl dt,dl dd{line-height:18px;}
|
|
||||||
dl dt{font-weight:bold;}
|
|
||||||
dl dd{margin-left:9px;}
|
|
||||||
hr{margin:20px 0 19px;border:0;border-bottom:1px solid #eee;}
|
|
||||||
strong{font-style:inherit;font-weight:bold;}
|
|
||||||
em{font-style:italic;font-weight:inherit;line-height:inherit;}
|
|
||||||
.muted{color:#bfbfbf;}
|
|
||||||
blockquote{margin-bottom:18px;border-left:5px solid #eee;padding-left:15px;}blockquote p{font-size:14px;font-weight:300;line-height:18px;margin-bottom:0;}
|
|
||||||
blockquote small{display:block;font-size:12px;font-weight:300;line-height:18px;color:#bfbfbf;}blockquote small:before{content:'\2014 \00A0';}
|
|
||||||
address{display:block;line-height:18px;margin-bottom:18px;}
|
|
||||||
code,pre{padding:0 3px 2px;font-family:Monaco, Andale Mono, Courier New, monospace;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
|
||||||
code{background-color:#fee9cc;color:rgba(0, 0, 0, 0.75);padding:1px 3px;}
|
|
||||||
pre{background-color:#f5f5f5;display:block;padding:8.5px;margin:0 0 18px;line-height:18px;font-size:12px;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
|
|
||||||
form{margin-bottom:18px;}
|
|
||||||
fieldset{margin-bottom:18px;padding-top:18px;}fieldset legend{display:block;padding-left:150px;font-size:19.5px;line-height:1;color:#404040;*padding:0 0 5px 145px;*line-height:1.5;}
|
|
||||||
form .clearfix{margin-bottom:18px;zoom:1;}form .clearfix:before,form .clearfix:after{display:table;content:"";zoom:1;}
|
|
||||||
form .clearfix:after{clear:both;}
|
|
||||||
label,input,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:normal;}
|
|
||||||
label{padding-top:6px;font-size:13px;line-height:18px;float:left;width:130px;text-align:right;color:#404040;}
|
|
||||||
form .input{margin-left:150px;}
|
|
||||||
input[type=checkbox],input[type=radio]{cursor:pointer;}
|
|
||||||
input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:18px;padding:4px;font-size:13px;line-height:18px;color:#808080;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
|
||||||
select{padding:initial;}
|
|
||||||
input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;border:none;}
|
|
||||||
input[type=file]{background-color:#ffffff;padding:initial;border:initial;line-height: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;*height:auto;line-height:27px;*margin-top:4px;}
|
|
||||||
select[multiple]{height:inherit;background-color:#ffffff;}
|
|
||||||
textarea{height:auto;}
|
|
||||||
.uneditable-input{background-color:#ffffff;display:block;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:#bfbfbf;}
|
|
||||||
::-webkit-input-placeholder{color:#bfbfbf;}
|
|
||||||
input,textarea{-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;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
|
|
||||||
input:focus,textarea:focus{outline:0;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);}
|
|
||||||
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;}
|
|
||||||
form .clearfix.error>label,form .clearfix.error .help-block,form .clearfix.error .help-inline{color:#b94a48;}
|
|
||||||
form .clearfix.error input,form .clearfix.error textarea{color:#b94a48;border-color:#ee5f5b;}form .clearfix.error input:focus,form .clearfix.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;}
|
|
||||||
form .clearfix.error .input-prepend .add-on,form .clearfix.error .input-append .add-on{color:#b94a48;background-color:#fce6e6;border-color:#b94a48;}
|
|
||||||
form .clearfix.warning>label,form .clearfix.warning .help-block,form .clearfix.warning .help-inline{color:#c09853;}
|
|
||||||
form .clearfix.warning input,form .clearfix.warning textarea{color:#c09853;border-color:#ccae64;}form .clearfix.warning input:focus,form .clearfix.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;}
|
|
||||||
form .clearfix.warning .input-prepend .add-on,form .clearfix.warning .input-append .add-on{color:#c09853;background-color:#d2b877;border-color:#c09853;}
|
|
||||||
form .clearfix.success>label,form .clearfix.success .help-block,form .clearfix.success .help-inline{color:#468847;}
|
|
||||||
form .clearfix.success input,form .clearfix.success textarea{color:#468847;border-color:#57a957;}form .clearfix.success input:focus,form .clearfix.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;}
|
|
||||||
form .clearfix.success .input-prepend .add-on,form .clearfix.success .input-append .add-on{color:#468847;background-color:#bcddbc;border-color:#468847;}
|
|
||||||
.input-mini,input.mini,textarea.mini,select.mini{width:60px;}
|
|
||||||
.input-small,input.small,textarea.small,select.small{width:90px;}
|
|
||||||
.input-medium,input.medium,textarea.medium,select.medium{width:150px;}
|
|
||||||
.input-large,input.large,textarea.large,select.large{width:210px;}
|
|
||||||
.input-xlarge,input.xlarge,textarea.xlarge,select.xlarge{width:270px;}
|
|
||||||
.input-xxlarge,input.xxlarge,textarea.xxlarge,select.xxlarge{width:530px;}
|
|
||||||
textarea.xxlarge{overflow-y:auto;}
|
|
||||||
input.span1,textarea.span1{display:inline-block;float:none;width:30px;margin-left:0;}
|
|
||||||
input.span2,textarea.span2{display:inline-block;float:none;width:90px;margin-left:0;}
|
|
||||||
input.span3,textarea.span3{display:inline-block;float:none;width:150px;margin-left:0;}
|
|
||||||
input.span4,textarea.span4{display:inline-block;float:none;width:210px;margin-left:0;}
|
|
||||||
input.span5,textarea.span5{display:inline-block;float:none;width:270px;margin-left:0;}
|
|
||||||
input.span6,textarea.span6{display:inline-block;float:none;width:330px;margin-left:0;}
|
|
||||||
input.span7,textarea.span7{display:inline-block;float:none;width:390px;margin-left:0;}
|
|
||||||
input.span8,textarea.span8{display:inline-block;float:none;width:450px;margin-left:0;}
|
|
||||||
input.span9,textarea.span9{display:inline-block;float:none;width:510px;margin-left:0;}
|
|
||||||
input.span10,textarea.span10{display:inline-block;float:none;width:570px;margin-left:0;}
|
|
||||||
input.span11,textarea.span11{display:inline-block;float:none;width:630px;margin-left:0;}
|
|
||||||
input.span12,textarea.span12{display:inline-block;float:none;width:690px;margin-left:0;}
|
|
||||||
input.span13,textarea.span13{display:inline-block;float:none;width:750px;margin-left:0;}
|
|
||||||
input.span14,textarea.span14{display:inline-block;float:none;width:810px;margin-left:0;}
|
|
||||||
input.span15,textarea.span15{display:inline-block;float:none;width:870px;margin-left:0;}
|
|
||||||
input.span16,textarea.span16{display:inline-block;float:none;width:930px;margin-left:0;}
|
|
||||||
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;}
|
|
||||||
.actions{background:#f5f5f5;margin-top:18px;margin-bottom:18px;padding:17px 20px 18px 150px;border-top:1px solid #ddd;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}.actions .secondary-action{float:right;}.actions .secondary-action a{line-height:30px;}.actions .secondary-action a:hover{text-decoration:underline;}
|
|
||||||
.help-inline,.help-block{font-size:13px;line-height:18px;color:#bfbfbf;}
|
|
||||||
.help-inline{padding-left:5px;*position:relative;*top:-5px;}
|
|
||||||
.help-block{display:block;max-width:600px;}
|
|
||||||
.inline-inputs{color:#808080;}.inline-inputs span{padding:0 2px 0 1px;}
|
|
||||||
.input-prepend input,.input-append input{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
|
|
||||||
.input-prepend .add-on,.input-append .add-on{position:relative;background:#f5f5f5;border:1px solid #ccc;z-index:2;float:left;display:block;width:auto;min-width:16px;height:18px;padding:4px 4px 4px 5px;margin-right:-1px;font-weight:normal;line-height:18px;color:#bfbfbf;text-align:center;text-shadow:0 1px 0 #ffffff;-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:#a9dba9;border-color:#46a546;}
|
|
||||||
.input-prepend .add-on{*margin-top:1px;}
|
|
||||||
.input-append 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 .add-on{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin-right:0;margin-left:-1px;}
|
|
||||||
.inputs-list{margin:0 0 5px;width:100%;}.inputs-list li{display:block;padding:0;width:100%;}
|
|
||||||
.inputs-list label{display:block;float:none;width:auto;padding:0;margin-left:20px;line-height:18px;text-align:left;white-space:normal;}.inputs-list label strong{color:#808080;}
|
|
||||||
.inputs-list label small{font-size:11px;font-weight:normal;}
|
|
||||||
.inputs-list .inputs-list{margin-left:25px;margin-bottom:10px;padding-top:0;}
|
|
||||||
.inputs-list:first-child{padding-top:6px;}
|
|
||||||
.inputs-list li+li{padding-top:2px;}
|
|
||||||
.inputs-list input[type=radio],.inputs-list input[type=checkbox]{margin-bottom:0;margin-left:-20px;float:left;}
|
|
||||||
.form-stacked{padding-left:20px;}.form-stacked fieldset{padding-top:9px;}
|
|
||||||
.form-stacked legend{padding-left:0;}
|
|
||||||
.form-stacked label{display:block;float:none;width:auto;font-weight:bold;text-align:left;line-height:20px;padding-top:0;}
|
|
||||||
.form-stacked .clearfix{margin-bottom:9px;}.form-stacked .clearfix div.input{margin-left:0;}
|
|
||||||
.form-stacked .inputs-list{margin-bottom:0;}.form-stacked .inputs-list li{padding-top:0;}.form-stacked .inputs-list li label{font-weight:normal;padding-top:0;}
|
|
||||||
.form-stacked div.clearfix.error{padding-top:10px;padding-bottom:10px;padding-left:10px;margin-top:0;margin-left:-10px;}
|
|
||||||
.form-stacked .actions{margin-left:-20px;padding-left:20px;}
|
|
||||||
table{width:100%;margin-bottom:18px;padding:0;font-size:13px;border-collapse:collapse;}table th,table td{padding:10px 10px 9px;line-height:18px;text-align:left;}
|
|
||||||
table th{padding-top:9px;font-weight:bold;vertical-align:middle;}
|
|
||||||
table td{vertical-align:top;border-top:1px solid #ddd;}
|
|
||||||
table tbody th{border-top:1px solid #ddd;vertical-align:top;}
|
|
||||||
.condensed-table th,.condensed-table td{padding:5px 5px 4px;}
|
|
||||||
.bordered-table{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapse;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.bordered-table th+th,.bordered-table td+td,.bordered-table th+td{border-left:1px solid #ddd;}
|
|
||||||
.bordered-table thead tr:first-child th:first-child,.bordered-table tbody 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;}
|
|
||||||
.bordered-table thead tr:first-child th:last-child,.bordered-table tbody 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;}
|
|
||||||
.bordered-table tbody 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;}
|
|
||||||
.bordered-table tbody 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 .span1{width:20px;}
|
|
||||||
table .span2{width:60px;}
|
|
||||||
table .span3{width:100px;}
|
|
||||||
table .span4{width:140px;}
|
|
||||||
table .span5{width:180px;}
|
|
||||||
table .span6{width:220px;}
|
|
||||||
table .span7{width:260px;}
|
|
||||||
table .span8{width:300px;}
|
|
||||||
table .span9{width:340px;}
|
|
||||||
table .span10{width:380px;}
|
|
||||||
table .span11{width:420px;}
|
|
||||||
table .span12{width:460px;}
|
|
||||||
table .span13{width:500px;}
|
|
||||||
table .span14{width:540px;}
|
|
||||||
table .span15{width:580px;}
|
|
||||||
table .span16{width:620px;}
|
|
||||||
.zebra-striped tbody tr:nth-child(odd) td,.zebra-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
|
|
||||||
.zebra-striped tbody tr:hover td,.zebra-striped tbody tr:hover th{background-color:#f5f5f5;}
|
|
||||||
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:rgba(141, 192, 219, 0.25);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);-khtml-opacity:0.6;-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);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
|
|
||||||
table .blue{color:#049cdb;border-bottom-color:#049cdb;}
|
|
||||||
table .headerSortUp.blue,table .headerSortDown.blue{background-color:#ade6fe;}
|
|
||||||
table .green{color:#46a546;border-bottom-color:#46a546;}
|
|
||||||
table .headerSortUp.green,table .headerSortDown.green{background-color:#cdeacd;}
|
|
||||||
table .red{color:#9d261d;border-bottom-color:#9d261d;}
|
|
||||||
table .headerSortUp.red,table .headerSortDown.red{background-color:#f4c8c5;}
|
|
||||||
table .yellow{color:#ffc40d;border-bottom-color:#ffc40d;}
|
|
||||||
table .headerSortUp.yellow,table .headerSortDown.yellow{background-color:#fff6d9;}
|
|
||||||
table .orange{color:#f89406;border-bottom-color:#f89406;}
|
|
||||||
table .headerSortUp.orange,table .headerSortDown.orange{background-color:#fee9cc;}
|
|
||||||
table .purple{color:#7a43b6;border-bottom-color:#7a43b6;}
|
|
||||||
table .headerSortUp.purple,table .headerSortDown.purple{background-color:#e2d5f0;}
|
|
||||||
.topbar{height:40px;position:fixed;top:0;left:0;right:0;z-index:10000;overflow:visible;}.topbar a{color:#bfbfbf;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
|
|
||||||
.topbar h3 a:hover,.topbar .brand:hover,.topbar ul .active>a{background-color:#333;background-color:rgba(255, 255, 255, 0.05);color:#ffffff;text-decoration:none;}
|
|
||||||
.topbar h3{position:relative;}
|
|
||||||
.topbar h3 a,.topbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;color:#ffffff;font-size:20px;font-weight:200;line-height:1;}
|
|
||||||
.topbar p{margin:0;line-height:40px;}.topbar p a:hover{background-color:transparent;color:#ffffff;}
|
|
||||||
.topbar form{float:left;margin:5px 0 0 0;position:relative;filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
|
|
||||||
.topbar form.pull-right{float:right;}
|
|
||||||
.topbar input{background-color:#444;background-color:rgba(255, 255, 255, 0.3);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:normal;font-weight:13px;line-height:1;padding:4px 9px;color:#ffffff;color:rgba(255, 255, 255, 0.75);border:1px solid #111;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.topbar input:-moz-placeholder{color:#e6e6e6;}
|
|
||||||
.topbar input::-webkit-input-placeholder{color:#e6e6e6;}
|
|
||||||
.topbar input:hover{background-color:#bfbfbf;background-color:rgba(255, 255, 255, 0.5);color:#ffffff;}
|
|
||||||
.topbar input:focus,.topbar input.focused{outline:0;background-color:#ffffff;color:#404040;text-shadow:0 1px 0 #ffffff;border:0;padding:5px 10px;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);}
|
|
||||||
.topbar-inner,.topbar .fill{background-color:#222;background-color:#222222;background-repeat:repeat-x;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);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);}
|
|
||||||
.topbar div>ul,.nav{display:block;float:left;margin:0 10px 0 0;position:relative;left:0;}.topbar div>ul>li,.nav>li{display:block;float:left;}
|
|
||||||
.topbar div>ul a,.nav a{display:block;float:none;padding:10px 10px 11px;line-height:19px;text-decoration:none;}.topbar div>ul a:hover,.nav a:hover{color:#ffffff;text-decoration:none;}
|
|
||||||
.topbar div>ul .active>a,.nav .active>a{background-color:#222;background-color:rgba(0, 0, 0, 0.5);}
|
|
||||||
.topbar div>ul.secondary-nav,.nav.secondary-nav{float:right;margin-left:10px;margin-right:0;}.topbar div>ul.secondary-nav .menu-dropdown,.nav.secondary-nav .menu-dropdown,.topbar div>ul.secondary-nav .dropdown-menu,.nav.secondary-nav .dropdown-menu{right:0;border:0;}
|
|
||||||
.topbar div>ul a.menu:hover,.nav a.menu:hover,.topbar div>ul li.open .menu,.nav li.open .menu,.topbar div>ul .dropdown-toggle:hover,.nav .dropdown-toggle:hover,.topbar div>ul .dropdown.open .dropdown-toggle,.nav .dropdown.open .dropdown-toggle{background:#444;background:rgba(255, 255, 255, 0.05);}
|
|
||||||
.topbar div>ul .menu-dropdown,.nav .menu-dropdown,.topbar div>ul .dropdown-menu,.nav .dropdown-menu{background-color:#333;}.topbar div>ul .menu-dropdown a.menu,.nav .menu-dropdown a.menu,.topbar div>ul .dropdown-menu a.menu,.nav .dropdown-menu a.menu,.topbar div>ul .menu-dropdown .dropdown-toggle,.nav .menu-dropdown .dropdown-toggle,.topbar div>ul .dropdown-menu .dropdown-toggle,.nav .dropdown-menu .dropdown-toggle{color:#ffffff;}.topbar div>ul .menu-dropdown a.menu.open,.nav .menu-dropdown a.menu.open,.topbar div>ul .dropdown-menu a.menu.open,.nav .dropdown-menu a.menu.open,.topbar div>ul .menu-dropdown .dropdown-toggle.open,.nav .menu-dropdown .dropdown-toggle.open,.topbar div>ul .dropdown-menu .dropdown-toggle.open,.nav .dropdown-menu .dropdown-toggle.open{background:#444;background:rgba(255, 255, 255, 0.05);}
|
|
||||||
.topbar div>ul .menu-dropdown li a,.nav .menu-dropdown li a,.topbar div>ul .dropdown-menu li a,.nav .dropdown-menu li a{color:#999;text-shadow:0 1px 0 rgba(0, 0, 0, 0.5);}.topbar div>ul .menu-dropdown li a:hover,.nav .menu-dropdown li a:hover,.topbar div>ul .dropdown-menu li a:hover,.nav .dropdown-menu li a:hover{background-color:#191919;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919));background-image:-moz-linear-gradient(top, #292929, #191919);background-image:-ms-linear-gradient(top, #292929, #191919);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919));background-image:-webkit-linear-gradient(top, #292929, #191919);background-image:-o-linear-gradient(top, #292929, #191919);background-image:linear-gradient(top, #292929, #191919);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0);color:#ffffff;}
|
|
||||||
.topbar div>ul .menu-dropdown .active a,.nav .menu-dropdown .active a,.topbar div>ul .dropdown-menu .active a,.nav .dropdown-menu .active a{color:#ffffff;}
|
|
||||||
.topbar div>ul .menu-dropdown .divider,.nav .menu-dropdown .divider,.topbar div>ul .dropdown-menu .divider,.nav .dropdown-menu .divider{background-color:#222;border-color:#444;}
|
|
||||||
.topbar ul .menu-dropdown li a,.topbar ul .dropdown-menu li a{padding:4px 15px;}
|
|
||||||
li.menu,.dropdown{position:relative;}
|
|
||||||
a.menu:after,.dropdown-toggle:after{width:0;height:0;display:inline-block;content:"↓";text-indent:-99999px;vertical-align:top;margin-top:8px;margin-left:4px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #ffffff;filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5;}
|
|
||||||
.menu-dropdown,.dropdown-menu{background-color:#ffffff;float:left;display:none;position:absolute;top:40px;z-index:900;min-width:160px;max-width:220px;_width:160px;margin-left:0;margin-right:0;padding:6px 0;zoom:1;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;}.menu-dropdown li,.dropdown-menu li{float:none;display:block;background-color:none;}
|
|
||||||
.menu-dropdown .divider,.dropdown-menu .divider{height:1px;margin:5px 0;overflow:hidden;background-color:#eee;border-bottom:1px solid #ffffff;}
|
|
||||||
.topbar .dropdown-menu a,.dropdown-menu a{display:block;padding:4px 15px;clear:both;font-weight:normal;line-height:18px;color:#808080;text-shadow:0 1px 0 #ffffff;}.topbar .dropdown-menu a:hover,.dropdown-menu a:hover,.topbar .dropdown-menu a.hover,.dropdown-menu a.hover{background-color:#dddddd;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd));background-image:-moz-linear-gradient(top, #eeeeee, #dddddd);background-image:-ms-linear-gradient(top, #eeeeee, #dddddd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));background-image:-webkit-linear-gradient(top, #eeeeee, #dddddd);background-image:-o-linear-gradient(top, #eeeeee, #dddddd);background-image:linear-gradient(top, #eeeeee, #dddddd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);color:#404040;text-decoration:none;-webkit-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 0 rgba(0, 0, 0, 0.025),inset 0 -1px rgba(0, 0, 0, 0.025);}
|
|
||||||
.open .menu,.dropdown.open .menu,.open .dropdown-toggle,.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
|
|
||||||
.open .menu-dropdown,.dropdown.open .menu-dropdown,.open .dropdown-menu,.dropdown.open .dropdown-menu{display:block;}
|
|
||||||
.tabs,.pills{margin:0 0 18px;padding:0;list-style:none;zoom:1;}.tabs:before,.pills:before,.tabs:after,.pills:after{display:table;content:"";zoom:1;}
|
|
||||||
.tabs:after,.pills:after{clear:both;}
|
|
||||||
.tabs>li,.pills>li{float:left;}.tabs>li>a,.pills>li>a{display:block;}
|
|
||||||
.tabs{border-color:#ddd;border-style:solid;border-width:0 0 1px;}.tabs>li{position:relative;margin-bottom:-1px;}.tabs>li>a{padding:0 15px;margin-right:2px;line-height:34px;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{text-decoration:none;background-color:#eee;border-color:#eee #eee #ddd;}
|
|
||||||
.tabs .active>a,.tabs .active>a:hover{color:#808080;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
|
|
||||||
.tabs .menu-dropdown,.tabs .dropdown-menu{top:35px;border-width:1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
|
|
||||||
.tabs a.menu:after,.tabs .dropdown-toggle:after{border-top-color:#999;margin-top:15px;margin-left:5px;}
|
|
||||||
.tabs li.open.menu .menu,.tabs .open.dropdown .dropdown-toggle{border-color:#999;}
|
|
||||||
.tabs li.open a.menu:after,.tabs .dropdown.open .dropdown-toggle:after{border-top-color:#555;}
|
|
||||||
.pills a{margin:5px 3px 5px 0;padding:0 15px;line-height:30px;text-shadow:0 1px 1px #ffffff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}.pills a:hover{color:#ffffff;text-decoration:none;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);background-color:#00438a;}
|
|
||||||
.pills .active a{color:#ffffff;text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);background-color:#0069d6;}
|
|
||||||
.pills-vertical>li{float:none;}
|
|
||||||
.tab-content>.tab-pane,.pill-content>.pill-pane,.tab-content>div,.pill-content>div{display:none;}
|
|
||||||
.tab-content>.active,.pill-content>.active{display:block;}
|
|
||||||
.breadcrumb{padding:7px 14px;margin:0 0 18px;background-color:#f5f5f5;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;}.breadcrumb li{display:inline;text-shadow:0 1px 0 #ffffff;}
|
|
||||||
.breadcrumb .divider{padding:0 5px;color:#bfbfbf;}
|
|
||||||
.breadcrumb .active a{color:#404040;}
|
|
||||||
.hero-unit{background-color:#f5f5f5;margin-bottom:30px;padding:60px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;}
|
|
||||||
.hero-unit p{font-size:18px;font-weight:200;line-height:27px;}
|
|
||||||
footer{margin-top:17px;padding-top:17px;border-top:1px solid #eee;}
|
|
||||||
.page-header{margin-bottom:17px;border-bottom:1px solid #ddd;-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}.page-header h1{margin-bottom:8px;}
|
|
||||||
.btn.danger,.alert-message.danger,.btn.danger:hover,.alert-message.danger:hover,.btn.error,.alert-message.error,.btn.error:hover,.alert-message.error:hover,.btn.success,.alert-message.success,.btn.success:hover,.alert-message.success:hover,.btn.info,.alert-message.info,.btn.info:hover,.alert-message.info:hover{color:#ffffff;}
|
|
||||||
.btn .close,.alert-message .close{font-family:Arial,sans-serif;line-height:18px;}
|
|
||||||
.btn.danger,.alert-message.danger,.btn.error,.alert-message.error{background-color:#c43c35;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#c43c35 #c43c35 #882a25;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
|
||||||
.btn.success,.alert-message.success{background-color:#57a957;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#57a957 #57a957 #3d773d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
|
||||||
.btn.info,.alert-message.info{background-color:#339bb9;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#339bb9 #339bb9 #22697d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
|
||||||
.btn{cursor:pointer;display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);background-image:-ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:-o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);background-image:linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);padding:5px 14px 6px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333;font-size:13px;line-height:normal;border:1px solid #ccc;border-bottom-color:#bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;-ms-transition:0.1s linear all;-o-transition:0.1s linear all;transition:0.1s linear all;}.btn:hover{background-position:0 -15px;color:#333;text-decoration:none;}
|
|
||||||
.btn:focus{outline:1px dotted #666;}
|
|
||||||
.btn.primary{color:#ffffff;background-color:#0064cd;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));background-image:-moz-linear-gradient(top, #049cdb, #0064cd);background-image:-ms-linear-gradient(top, #049cdb, #0064cd);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));background-image:-webkit-linear-gradient(top, #049cdb, #0064cd);background-image:-o-linear-gradient(top, #049cdb, #0064cd);background-image:linear-gradient(top, #049cdb, #0064cd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#0064cd #0064cd #003f81;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
|
|
||||||
.btn.active,.btn :active{-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);}
|
|
||||||
.btn.disabled{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
|
||||||
.btn[disabled]{cursor:default;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:alpha(opacity=65);-khtml-opacity:0.65;-moz-opacity:0.65;opacity:0.65;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
|
||||||
.btn.large{font-size:15px;line-height:normal;padding:9px 14px 9px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
|
|
||||||
.btn.small{padding:7px 9px 7px;font-size:11px;}
|
|
||||||
:root .alert-message,:root .btn{border-radius:0 \0;}
|
|
||||||
button.btn::-moz-focus-inner,input[type=submit].btn::-moz-focus-inner{padding:0;border:0;}
|
|
||||||
.close{float:right;color:#000000;font-size:20px;font-weight:bold;line-height:13.5px;text-shadow:0 1px 0 #ffffff;filter:alpha(opacity=25);-khtml-opacity:0.25;-moz-opacity:0.25;opacity:0.25;}.close:hover{color:#000000;text-decoration:none;filter:alpha(opacity=40);-khtml-opacity:0.4;-moz-opacity:0.4;opacity:0.4;}
|
|
||||||
.alert-message{position:relative;padding:7px 15px;margin-bottom:18px;color:#404040;background-color:#eedc94;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));background-image:-moz-linear-gradient(top, #fceec1, #eedc94);background-image:-ms-linear-gradient(top, #fceec1, #eedc94);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));background-image:-webkit-linear-gradient(top, #fceec1, #eedc94);background-image:-o-linear-gradient(top, #fceec1, #eedc94);background-image:linear-gradient(top, #fceec1, #eedc94);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#eedc94 #eedc94 #e4c652;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);border-width:1px;border-style:solid;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.25);}.alert-message .close{margin-top:1px;*margin-top:0;}
|
|
||||||
.alert-message a{font-weight:bold;color:#404040;}
|
|
||||||
.alert-message.danger p a,.alert-message.error p a,.alert-message.success p a,.alert-message.info p a{color:#ffffff;}
|
|
||||||
.alert-message h5{line-height:18px;}
|
|
||||||
.alert-message p{margin-bottom:0;}
|
|
||||||
.alert-message div{margin-top:5px;margin-bottom:2px;line-height:28px;}
|
|
||||||
.alert-message .btn{-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);box-shadow:0 1px 0 rgba(255, 255, 255, 0.25);}
|
|
||||||
.alert-message.block-message{background-image:none;background-color:#fdf5d9;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);padding:14px;border-color:#fceec1;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.alert-message.block-message ul,.alert-message.block-message p{margin-right:30px;}
|
|
||||||
.alert-message.block-message ul{margin-bottom:0;}
|
|
||||||
.alert-message.block-message li{color:#404040;}
|
|
||||||
.alert-message.block-message .alert-actions{margin-top:5px;}
|
|
||||||
.alert-message.block-message.error,.alert-message.block-message.success,.alert-message.block-message.info{color:#404040;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
|
|
||||||
.alert-message.block-message.error{background-color:#fddfde;border-color:#fbc7c6;}
|
|
||||||
.alert-message.block-message.success{background-color:#d1eed1;border-color:#bfe7bf;}
|
|
||||||
.alert-message.block-message.info{background-color:#ddf4fb;border-color:#c6edf9;}
|
|
||||||
.alert-message.block-message.danger p a,.alert-message.block-message.error p a,.alert-message.block-message.success p a,.alert-message.block-message.info p a{color:#404040;}
|
|
||||||
.pagination{height:36px;margin:18px 0;}.pagination ul{float:left;margin:0;border:1px solid #ddd;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);}
|
|
||||||
.pagination li{display:inline;}
|
|
||||||
.pagination a{float:left;padding:0 14px;line-height:34px;border-right:1px solid;border-right-color:#ddd;border-right-color:rgba(0, 0, 0, 0.15);*border-right-color:#ddd;text-decoration:none;}
|
|
||||||
.pagination a:hover,.pagination .active a{background-color:#c7eefe;}
|
|
||||||
.pagination .disabled a,.pagination .disabled a:hover{background-color:transparent;color:#bfbfbf;}
|
|
||||||
.pagination .next a{border:0;}
|
|
||||||
.well{background-color:#f5f5f5;margin-bottom:20px;padding:19px;min-height:20px;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);}
|
|
||||||
.modal-backdrop{background-color:#000000;position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;}.modal-backdrop.fade{opacity:0;}
|
|
||||||
.modal-backdrop,.modal-backdrop.fade.in{filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}
|
|
||||||
.modal{position:fixed;top:50%;left:50%;z-index:11000;width:560px;margin:-250px 0 0 -280px;background-color:#ffffff;border:1px solid #999;border:1px solid rgba(0, 0, 0, 0.3);*border:1px solid #999;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.modal .close{margin-top:7px;}
|
|
||||||
.modal.fade{-webkit-transition:opacity .3s linear, top .3s ease-out;-moz-transition:opacity .3s linear, top .3s ease-out;-ms-transition:opacity .3s linear, top .3s ease-out;-o-transition:opacity .3s linear, top .3s ease-out;transition:opacity .3s linear, top .3s ease-out;top:-25%;}
|
|
||||||
.modal.fade.in{top:50%;}
|
|
||||||
.modal-header{border-bottom:1px solid #eee;padding:5px 15px;}
|
|
||||||
.modal-body{padding:15px;}
|
|
||||||
.modal-body form{margin-bottom:0;}
|
|
||||||
.modal-footer{background-color:#f5f5f5;padding:14px 15px 15px;border-top:1px solid #ddd;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;-webkit-box-shadow:inset 0 1px 0 #ffffff;-moz-box-shadow:inset 0 1px 0 #ffffff;box-shadow:inset 0 1px 0 #ffffff;zoom:1;margin-bottom:0;}.modal-footer:before,.modal-footer:after{display:table;content:"";zoom:1;}
|
|
||||||
.modal-footer:after{clear:both;}
|
|
||||||
.modal-footer .btn{float:right;margin-left:5px;}
|
|
||||||
.modal .popover,.modal .twipsy{z-index:12000;}
|
|
||||||
.twipsy{display:block;position:absolute;visibility:visible;padding:5px;font-size:11px;z-index:1000;filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}.twipsy.fade.in{filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8;}
|
|
||||||
.twipsy.above .twipsy-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
|
|
||||||
.twipsy.left .twipsy-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
|
|
||||||
.twipsy.below .twipsy-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
|
|
||||||
.twipsy.right .twipsy-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
|
|
||||||
.twipsy-inner{padding:3px 8px;background-color:#000000;color:white;text-align:center;max-width:200px;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
|
||||||
.twipsy-arrow{position:absolute;width:0;height:0;}
|
|
||||||
.popover{position:absolute;top:0;left:0;z-index:1000;padding:5px;display:none;}.popover.above .arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
|
|
||||||
.popover.right .arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
|
|
||||||
.popover.below .arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
|
|
||||||
.popover.left .arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
|
|
||||||
.popover .arrow{position:absolute;width:0;height:0;}
|
|
||||||
.popover .inner{background:#000000;background:rgba(0, 0, 0, 0.8);padding:3px;overflow:hidden;width:280px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);box-shadow:0 3px 7px rgba(0, 0, 0, 0.3);}
|
|
||||||
.popover .title{background-color:#f5f5f5;padding:9px 15px;line-height:1;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;border-bottom:1px solid #eee;}
|
|
||||||
.popover .content{background-color:#ffffff;padding:14px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}.popover .content p,.popover .content ul,.popover .content ol{margin-bottom:0;}
|
|
||||||
.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;}
|
|
||||||
.label{padding:1px 3px 2px;font-size:9.75px;font-weight:bold;color:#ffffff;text-transform:uppercase;white-space:nowrap;background-color:#bfbfbf;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.label.important{background-color:#c43c35;}
|
|
||||||
.label.warning{background-color:#f89406;}
|
|
||||||
.label.success{background-color:#46a546;}
|
|
||||||
.label.notice{background-color:#62cffc;}
|
|
||||||
.media-grid{margin-left:-20px;margin-bottom:0;zoom:1;}.media-grid:before,.media-grid:after{display:table;content:"";zoom:1;}
|
|
||||||
.media-grid:after{clear:both;}
|
|
||||||
.media-grid li{display:inline;}
|
|
||||||
.media-grid a{float:left;padding:4px;margin:0 0 18px 20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:0 1px 1px rgba(0, 0, 0, 0.075);}.media-grid a img{display:block;}
|
|
||||||
.media-grid a:hover{border-color:#0069d6;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
|
|
||||||
26
css/bootstrap/lib/bootstrap.less
vendored
26
css/bootstrap/lib/bootstrap.less
vendored
@@ -1,26 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Bootstrap @VERSION
|
|
||||||
*
|
|
||||||
* Copyright 2011 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: @DATE
|
|
||||||
*/
|
|
||||||
|
|
||||||
// CSS Reset
|
|
||||||
@import "reset.less";
|
|
||||||
|
|
||||||
// Core variables and mixins
|
|
||||||
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
|
||||||
@import "mixins.less";
|
|
||||||
|
|
||||||
// Grid system and page structure
|
|
||||||
@import "scaffolding.less";
|
|
||||||
|
|
||||||
// Styled patterns and elements
|
|
||||||
@import "type.less";
|
|
||||||
@import "forms.less";
|
|
||||||
@import "tables.less";
|
|
||||||
@import "patterns.less";
|
|
||||||
@@ -1,479 +0,0 @@
|
|||||||
/* Forms.less
|
|
||||||
* Base styles for various input types, form layouts, and states
|
|
||||||
* ------------------------------------------------------------- */
|
|
||||||
|
|
||||||
|
|
||||||
// FORM STYLES
|
|
||||||
// -----------
|
|
||||||
|
|
||||||
form {
|
|
||||||
margin-bottom: @baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Groups of fields with labels on top (legends)
|
|
||||||
fieldset {
|
|
||||||
margin-bottom: @baseline;
|
|
||||||
padding-top: @baseline;
|
|
||||||
legend {
|
|
||||||
display: block;
|
|
||||||
padding-left: 150px;
|
|
||||||
font-size: @basefont * 1.5;
|
|
||||||
line-height: 1;
|
|
||||||
color: @grayDark;
|
|
||||||
*padding: 0 0 5px 145px; /* IE6-7 */
|
|
||||||
*line-height: 1.5; /* IE6-7 */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Parent element that clears floats and wraps labels and fields together
|
|
||||||
form .clearfix {
|
|
||||||
margin-bottom: @baseline;
|
|
||||||
.clearfix()
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set font for forms
|
|
||||||
label,
|
|
||||||
input,
|
|
||||||
select,
|
|
||||||
textarea {
|
|
||||||
#font > .sans-serif(normal,13px,normal);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Float labels left
|
|
||||||
label {
|
|
||||||
padding-top: 6px;
|
|
||||||
font-size: @basefont;
|
|
||||||
line-height: @baseline;
|
|
||||||
float: left;
|
|
||||||
width: 130px;
|
|
||||||
text-align: right;
|
|
||||||
color: @grayDark;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Shift over the inside div to align all label's relevant content
|
|
||||||
form .input {
|
|
||||||
margin-left: 150px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Checkboxs and radio buttons
|
|
||||||
input[type=checkbox],
|
|
||||||
input[type=radio] {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Inputs, Textareas, Selects
|
|
||||||
input,
|
|
||||||
textarea,
|
|
||||||
select,
|
|
||||||
.uneditable-input {
|
|
||||||
display: inline-block;
|
|
||||||
width: 210px;
|
|
||||||
height: @baseline;
|
|
||||||
padding: 4px;
|
|
||||||
font-size: @basefont;
|
|
||||||
line-height: @baseline;
|
|
||||||
color: @gray;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
.border-radius(3px);
|
|
||||||
}
|
|
||||||
|
|
||||||
// remove padding from select
|
|
||||||
select {
|
|
||||||
padding: initial;
|
|
||||||
}
|
|
||||||
|
|
||||||
// mini reset for non-html5 file types
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=file] {
|
|
||||||
background-color: @white;
|
|
||||||
padding: initial;
|
|
||||||
border: initial;
|
|
||||||
line-height: initial;
|
|
||||||
.box-shadow(none);
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=button],
|
|
||||||
input[type=reset],
|
|
||||||
input[type=submit] {
|
|
||||||
width: auto;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
select,
|
|
||||||
input[type=file] {
|
|
||||||
height: @baseline * 1.5; // In IE7, the height of the select element cannot be changed by height, only font-size
|
|
||||||
*height: auto; // Reset for IE7
|
|
||||||
line-height: @baseline * 1.5;
|
|
||||||
*margin-top: 4px; /* For IE7, add top margin to align select with labels */
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make multiple select elements height not fixed
|
|
||||||
select[multiple] {
|
|
||||||
height: inherit;
|
|
||||||
background-color: @white; // Fixes Chromium bug of unreadable items
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
// For text that needs to appear as an input but should not be an input
|
|
||||||
.uneditable-input {
|
|
||||||
background-color: @white;
|
|
||||||
display: block;
|
|
||||||
border-color: #eee;
|
|
||||||
.box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Placeholder text gets special styles; can't be bundled together though for some reason
|
|
||||||
:-moz-placeholder {
|
|
||||||
color: @grayLight;
|
|
||||||
}
|
|
||||||
::-webkit-input-placeholder {
|
|
||||||
color: @grayLight;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Focus states
|
|
||||||
input,
|
|
||||||
textarea {
|
|
||||||
@transition: border linear .2s, box-shadow linear .2s;
|
|
||||||
.transition(@transition);
|
|
||||||
.box-shadow(inset 0 1px 3px rgba(0,0,0,.1));
|
|
||||||
}
|
|
||||||
input:focus,
|
|
||||||
textarea:focus {
|
|
||||||
outline: 0;
|
|
||||||
border-color: rgba(82,168,236,.8);
|
|
||||||
@shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6);
|
|
||||||
.box-shadow(@shadow);
|
|
||||||
}
|
|
||||||
input[type=file]:focus,
|
|
||||||
input[type=checkbox]:focus,
|
|
||||||
select:focus {
|
|
||||||
.box-shadow(none); // override for file inputs
|
|
||||||
outline: 1px dotted #666; // Selet elements don't get box-shadow styles, so instead we do outline
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// FORM FIELD FEEDBACK STATES
|
|
||||||
// --------------------------
|
|
||||||
|
|
||||||
// Mixin for form field states
|
|
||||||
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
|
|
||||||
// Set the text color
|
|
||||||
> label,
|
|
||||||
.help-block,
|
|
||||||
.help-inline {
|
|
||||||
color: @textColor;
|
|
||||||
}
|
|
||||||
// Style inputs accordingly
|
|
||||||
input,
|
|
||||||
textarea {
|
|
||||||
color: @textColor;
|
|
||||||
border-color: @borderColor;
|
|
||||||
&:focus {
|
|
||||||
border-color: darken(@borderColor, 10%);
|
|
||||||
.box-shadow(0 0 6px lighten(@borderColor, 20%));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Give a small background color for input-prepend/-append
|
|
||||||
.input-prepend .add-on,
|
|
||||||
.input-append .add-on {
|
|
||||||
color: @textColor;
|
|
||||||
background-color: @backgroundColor;
|
|
||||||
border-color: @textColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Error
|
|
||||||
form .clearfix.error {
|
|
||||||
.formFieldState(#b94a48, #ee5f5b, lighten(#ee5f5b, 30%));
|
|
||||||
}
|
|
||||||
// Warning
|
|
||||||
form .clearfix.warning {
|
|
||||||
.formFieldState(#c09853, #ccae64, lighten(#CCAE64, 5%));
|
|
||||||
}
|
|
||||||
// Success
|
|
||||||
form .clearfix.success {
|
|
||||||
.formFieldState(#468847, #57a957, lighten(#57a957, 30%));
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// Form element sizes
|
|
||||||
// TODO v2: remove duplication here and just stick to .input-[size] in light of adding .spanN sizes
|
|
||||||
.input-mini,
|
|
||||||
input.mini,
|
|
||||||
textarea.mini,
|
|
||||||
select.mini {
|
|
||||||
width: 60px;
|
|
||||||
}
|
|
||||||
.input-small,
|
|
||||||
input.small,
|
|
||||||
textarea.small,
|
|
||||||
select.small {
|
|
||||||
width: 90px;
|
|
||||||
}
|
|
||||||
.input-medium,
|
|
||||||
input.medium,
|
|
||||||
textarea.medium,
|
|
||||||
select.medium {
|
|
||||||
width: 150px;
|
|
||||||
}
|
|
||||||
.input-large,
|
|
||||||
input.large,
|
|
||||||
textarea.large,
|
|
||||||
select.large {
|
|
||||||
width: 210px;
|
|
||||||
}
|
|
||||||
.input-xlarge,
|
|
||||||
input.xlarge,
|
|
||||||
textarea.xlarge,
|
|
||||||
select.xlarge {
|
|
||||||
width: 270px;
|
|
||||||
}
|
|
||||||
.input-xxlarge,
|
|
||||||
input.xxlarge,
|
|
||||||
textarea.xxlarge,
|
|
||||||
select.xxlarge {
|
|
||||||
width: 530px;
|
|
||||||
}
|
|
||||||
textarea.xxlarge {
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Grid style input sizes
|
|
||||||
// This is a duplication of the main grid .columns() mixin, but subtracts 10px to account for input padding and border
|
|
||||||
.formColumns(@columnSpan: 1) {
|
|
||||||
display: inline-block;
|
|
||||||
float: none;
|
|
||||||
width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 10;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
input,
|
|
||||||
textarea {
|
|
||||||
// Default columns
|
|
||||||
&.span1 { .formColumns(1); }
|
|
||||||
&.span2 { .formColumns(2); }
|
|
||||||
&.span3 { .formColumns(3); }
|
|
||||||
&.span4 { .formColumns(4); }
|
|
||||||
&.span5 { .formColumns(5); }
|
|
||||||
&.span6 { .formColumns(6); }
|
|
||||||
&.span7 { .formColumns(7); }
|
|
||||||
&.span8 { .formColumns(8); }
|
|
||||||
&.span9 { .formColumns(9); }
|
|
||||||
&.span10 { .formColumns(10); }
|
|
||||||
&.span11 { .formColumns(11); }
|
|
||||||
&.span12 { .formColumns(12); }
|
|
||||||
&.span13 { .formColumns(13); }
|
|
||||||
&.span14 { .formColumns(14); }
|
|
||||||
&.span15 { .formColumns(15); }
|
|
||||||
&.span16 { .formColumns(16); }
|
|
||||||
}
|
|
||||||
|
|
||||||
// Disabled and read-only inputs
|
|
||||||
input[disabled],
|
|
||||||
select[disabled],
|
|
||||||
textarea[disabled],
|
|
||||||
input[readonly],
|
|
||||||
select[readonly],
|
|
||||||
textarea[readonly] {
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
border-color: #ddd;
|
|
||||||
cursor: not-allowed;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Actions (the buttons)
|
|
||||||
.actions {
|
|
||||||
background: #f5f5f5;
|
|
||||||
margin-top: @baseline;
|
|
||||||
margin-bottom: @baseline;
|
|
||||||
padding: (@baseline - 1) 20px @baseline 150px;
|
|
||||||
border-top: 1px solid #ddd;
|
|
||||||
.border-radius(0 0 3px 3px);
|
|
||||||
.secondary-action {
|
|
||||||
float: right;
|
|
||||||
a {
|
|
||||||
line-height: 30px;
|
|
||||||
&:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Help Text
|
|
||||||
// TODO: Do we need to set basefont and baseline here?
|
|
||||||
.help-inline,
|
|
||||||
.help-block {
|
|
||||||
font-size: @basefont;
|
|
||||||
line-height: @baseline;
|
|
||||||
color: @grayLight;
|
|
||||||
}
|
|
||||||
.help-inline {
|
|
||||||
padding-left: 5px;
|
|
||||||
*position: relative; /* IE6-7 */
|
|
||||||
*top: -5px; /* IE6-7 */
|
|
||||||
}
|
|
||||||
|
|
||||||
// Big blocks of help text
|
|
||||||
.help-block {
|
|
||||||
display: block;
|
|
||||||
max-width: 600px;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Inline Fields (input fields that appear as inline objects
|
|
||||||
.inline-inputs {
|
|
||||||
color: @gray;
|
|
||||||
span {
|
|
||||||
padding: 0 2px 0 1px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Allow us to put symbols and text within the input field for a cleaner look
|
|
||||||
.input-prepend,
|
|
||||||
.input-append {
|
|
||||||
input {
|
|
||||||
.border-radius(0 3px 3px 0);
|
|
||||||
}
|
|
||||||
.add-on {
|
|
||||||
position: relative;
|
|
||||||
background: #f5f5f5;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
z-index: 2;
|
|
||||||
float: left;
|
|
||||||
display: block;
|
|
||||||
width: auto;
|
|
||||||
min-width: 16px;
|
|
||||||
height: 18px;
|
|
||||||
padding: 4px 4px 4px 5px;
|
|
||||||
margin-right: -1px;
|
|
||||||
font-weight: normal;
|
|
||||||
line-height: 18px;
|
|
||||||
color: @grayLight;
|
|
||||||
text-align: center;
|
|
||||||
text-shadow: 0 1px 0 @white;
|
|
||||||
.border-radius(3px 0 0 3px);
|
|
||||||
}
|
|
||||||
.active {
|
|
||||||
background: lighten(@green, 30);
|
|
||||||
border-color: @green;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.input-prepend {
|
|
||||||
.add-on {
|
|
||||||
*margin-top: 1px; /* IE6-7 */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.input-append {
|
|
||||||
input {
|
|
||||||
float: left;
|
|
||||||
.border-radius(3px 0 0 3px);
|
|
||||||
}
|
|
||||||
.add-on {
|
|
||||||
.border-radius(0 3px 3px 0);
|
|
||||||
margin-right: 0;
|
|
||||||
margin-left: -1px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Stacked options for forms (radio buttons or checkboxes)
|
|
||||||
.inputs-list {
|
|
||||||
margin: 0 0 5px;
|
|
||||||
width: 100%;
|
|
||||||
li {
|
|
||||||
display: block;
|
|
||||||
padding: 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
label {
|
|
||||||
display: block;
|
|
||||||
float: none;
|
|
||||||
width: auto;
|
|
||||||
padding: 0;
|
|
||||||
margin-left: 20px;
|
|
||||||
line-height: @baseline;
|
|
||||||
text-align: left;
|
|
||||||
white-space: normal;
|
|
||||||
strong {
|
|
||||||
color: @gray;
|
|
||||||
}
|
|
||||||
small {
|
|
||||||
font-size: @basefont - 2;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.inputs-list {
|
|
||||||
margin-left: 25px;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
padding-top: 0;
|
|
||||||
}
|
|
||||||
&:first-child {
|
|
||||||
padding-top: 6px;
|
|
||||||
}
|
|
||||||
li + li {
|
|
||||||
padding-top: 2px;
|
|
||||||
}
|
|
||||||
input[type=radio],
|
|
||||||
input[type=checkbox] {
|
|
||||||
margin-bottom: 0;
|
|
||||||
margin-left: -20px;
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Stacked forms
|
|
||||||
.form-stacked {
|
|
||||||
padding-left: 20px;
|
|
||||||
fieldset {
|
|
||||||
padding-top: @baseline / 2;
|
|
||||||
}
|
|
||||||
legend {
|
|
||||||
padding-left: 0;
|
|
||||||
}
|
|
||||||
label {
|
|
||||||
display: block;
|
|
||||||
float: none;
|
|
||||||
width: auto;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: left;
|
|
||||||
line-height: 20px;
|
|
||||||
padding-top: 0;
|
|
||||||
}
|
|
||||||
.clearfix {
|
|
||||||
margin-bottom: @baseline / 2;
|
|
||||||
div.input {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.inputs-list {
|
|
||||||
margin-bottom: 0;
|
|
||||||
li {
|
|
||||||
padding-top: 0;
|
|
||||||
label {
|
|
||||||
font-weight: normal;
|
|
||||||
padding-top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
div.clearfix.error {
|
|
||||||
padding-top: 10px;
|
|
||||||
padding-bottom: 10px;
|
|
||||||
padding-left: 10px;
|
|
||||||
margin-top: 0;
|
|
||||||
margin-left: -10px;
|
|
||||||
}
|
|
||||||
.actions {
|
|
||||||
margin-left: -20px;
|
|
||||||
padding-left: 20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,222 +0,0 @@
|
|||||||
/* Mixins.less
|
|
||||||
* Snippets of reusable CSS to develop faster and keep code readable
|
|
||||||
* ----------------------------------------------------------------- */
|
|
||||||
|
|
||||||
|
|
||||||
// Clearfix for clearing floats like a boss h5bp.com/q
|
|
||||||
.clearfix() {
|
|
||||||
zoom: 1;
|
|
||||||
&:before,
|
|
||||||
&:after {
|
|
||||||
display: table;
|
|
||||||
content: "";
|
|
||||||
zoom: 1;
|
|
||||||
}
|
|
||||||
&:after {
|
|
||||||
clear: both;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Center-align a block level element
|
|
||||||
.center-block() {
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sizing shortcuts
|
|
||||||
.size(@height: 5px, @width: 5px) {
|
|
||||||
height: @height;
|
|
||||||
width: @width;
|
|
||||||
}
|
|
||||||
.square(@size: 5px) {
|
|
||||||
.size(@size, @size);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Input placeholder text
|
|
||||||
.placeholder(@color: @grayLight) {
|
|
||||||
:-moz-placeholder {
|
|
||||||
color: @color;
|
|
||||||
}
|
|
||||||
::-webkit-input-placeholder {
|
|
||||||
color: @color;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Font Stacks
|
|
||||||
#font {
|
|
||||||
.shorthand(@weight: normal, @size: 14px, @lineHeight: 20px) {
|
|
||||||
font-size: @size;
|
|
||||||
font-weight: @weight;
|
|
||||||
line-height: @lineHeight;
|
|
||||||
}
|
|
||||||
.sans-serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
|
|
||||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
||||||
font-size: @size;
|
|
||||||
font-weight: @weight;
|
|
||||||
line-height: @lineHeight;
|
|
||||||
}
|
|
||||||
.serif(@weight: normal, @size: 14px, @lineHeight: 20px) {
|
|
||||||
font-family: "Georgia", Times New Roman, Times, serif;
|
|
||||||
font-size: @size;
|
|
||||||
font-weight: @weight;
|
|
||||||
line-height: @lineHeight;
|
|
||||||
}
|
|
||||||
.monospace(@weight: normal, @size: 12px, @lineHeight: 20px) {
|
|
||||||
font-family: "Monaco", Courier New, monospace;
|
|
||||||
font-size: @size;
|
|
||||||
font-weight: @weight;
|
|
||||||
line-height: @lineHeight;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Grid System
|
|
||||||
.fixed-container() {
|
|
||||||
width: @siteWidth;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
.clearfix();
|
|
||||||
}
|
|
||||||
.columns(@columnSpan: 1) {
|
|
||||||
width: (@gridColumnWidth * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1));
|
|
||||||
}
|
|
||||||
.offset(@columnOffset: 1) {
|
|
||||||
margin-left: (@gridColumnWidth * @columnOffset) + (@gridGutterWidth * (@columnOffset - 1)) + @extraSpace;
|
|
||||||
}
|
|
||||||
// Necessary grid styles for every column to make them appear next to each other horizontally
|
|
||||||
.gridColumn() {
|
|
||||||
display: inline;
|
|
||||||
float: left;
|
|
||||||
margin-left: @gridGutterWidth;
|
|
||||||
}
|
|
||||||
// makeColumn can be used to mark any element (e.g., .content-primary) as a column without changing markup to .span something
|
|
||||||
.makeColumn(@columnSpan: 1) {
|
|
||||||
.gridColumn();
|
|
||||||
.columns(@columnSpan);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Border Radius
|
|
||||||
.border-radius(@radius: 5px) {
|
|
||||||
-webkit-border-radius: @radius;
|
|
||||||
-moz-border-radius: @radius;
|
|
||||||
border-radius: @radius;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Drop shadows
|
|
||||||
.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
|
|
||||||
-webkit-box-shadow: @shadow;
|
|
||||||
-moz-box-shadow: @shadow;
|
|
||||||
box-shadow: @shadow;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Transitions
|
|
||||||
.transition(@transition) {
|
|
||||||
-webkit-transition: @transition;
|
|
||||||
-moz-transition: @transition;
|
|
||||||
-ms-transition: @transition;
|
|
||||||
-o-transition: @transition;
|
|
||||||
transition: @transition;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Background clipping
|
|
||||||
.background-clip(@clip) {
|
|
||||||
-webkit-background-clip: @clip;
|
|
||||||
-moz-background-clip: @clip;
|
|
||||||
background-clip: @clip;
|
|
||||||
}
|
|
||||||
|
|
||||||
// CSS3 Content Columns
|
|
||||||
.content-columns(@columnCount, @columnGap: 20px) {
|
|
||||||
-webkit-column-count: @columnCount;
|
|
||||||
-moz-column-count: @columnCount;
|
|
||||||
column-count: @columnCount;
|
|
||||||
-webkit-column-gap: @columnGap;
|
|
||||||
-moz-column-gap: @columnGap;
|
|
||||||
column-gap: @columnGap;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Make any element resizable for prototyping
|
|
||||||
.resizable(@direction: both) {
|
|
||||||
resize: @direction; // Options are horizontal, vertical, both
|
|
||||||
overflow: auto; // Safari fix
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add an alphatransparency value to any background or border color (via Elyse Holladay)
|
|
||||||
#translucent {
|
|
||||||
.background(@color: @white, @alpha: 1) {
|
|
||||||
background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
|
||||||
}
|
|
||||||
.border(@color: @white, @alpha: 1) {
|
|
||||||
border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
|
||||||
background-clip: padding-box;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Gradient Bar Colors for buttons and allerts
|
|
||||||
.gradientBar(@primaryColor, @secondaryColor) {
|
|
||||||
#gradient > .vertical(@primaryColor, @secondaryColor);
|
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
|
||||||
border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
|
|
||||||
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Gradients
|
|
||||||
#gradient {
|
|
||||||
.horizontal (@startColor: #555, @endColor: #333) {
|
|
||||||
background-color: @endColor;
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
background-image: -khtml-gradient(linear, left top, right top, from(@startColor), to(@endColor)); // Konqueror
|
|
||||||
background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
|
|
||||||
background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
|
|
||||||
background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
|
|
||||||
background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
|
||||||
background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
|
|
||||||
background-image: linear-gradient(left, @startColor, @endColor); // Le standard
|
|
||||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
|
|
||||||
}
|
|
||||||
.vertical (@startColor: #555, @endColor: #333) {
|
|
||||||
background-color: @endColor;
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
background-image: -khtml-gradient(linear, left top, left bottom, from(@startColor), to(@endColor)); // Konqueror
|
|
||||||
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
|
|
||||||
background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
|
|
||||||
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @startColor), color-stop(100%, @endColor)); // Safari 4+, Chrome 2+
|
|
||||||
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
|
||||||
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
|
|
||||||
background-image: linear-gradient(top, @startColor, @endColor); // The standard
|
|
||||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
|
|
||||||
}
|
|
||||||
.directional (@startColor: #555, @endColor: #333, @deg: 45deg) {
|
|
||||||
background-color: @endColor;
|
|
||||||
background-repeat: repeat-x;
|
|
||||||
background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
|
|
||||||
background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
|
|
||||||
background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
|
||||||
background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
|
|
||||||
background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
|
|
||||||
}
|
|
||||||
.vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
|
|
||||||
background-color: @endColor;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
|
||||||
background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
|
||||||
background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
|
|
||||||
background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
|
||||||
background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
|
||||||
background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
|
||||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Reset filters for IE
|
|
||||||
.reset-filter() {
|
|
||||||
filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
|
|
||||||
}
|
|
||||||
|
|
||||||
// Opacity
|
|
||||||
.opacity(@opacity: 100) {
|
|
||||||
filter: e(%("alpha(opacity=%d)", @opacity));
|
|
||||||
-khtml-opacity: @opacity / 100;
|
|
||||||
-moz-opacity: @opacity / 100;
|
|
||||||
opacity: @opacity / 100;
|
|
||||||
}
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -1,18 +0,0 @@
|
|||||||
/*!
|
|
||||||
* Bootstrap @VERSION for Print
|
|
||||||
*
|
|
||||||
* 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: @DATE
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
// HIDE UNECESSARY COMPONENTS
|
|
||||||
// --------------------------
|
|
||||||
|
|
||||||
.navbar-fixed {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
@@ -1,137 +0,0 @@
|
|||||||
/*
|
|
||||||
* Scaffolding
|
|
||||||
* Basic and global styles for generating a grid system, structural layout, and page templates
|
|
||||||
* ------------------------------------------------------------------------------------------- */
|
|
||||||
|
|
||||||
|
|
||||||
// STRUCTURAL LAYOUT
|
|
||||||
// -----------------
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: @white;
|
|
||||||
margin: 0;
|
|
||||||
#font > .sans-serif(normal,@basefont,@baseline);
|
|
||||||
color: @grayDark;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Container (centered, fixed-width layouts)
|
|
||||||
.container {
|
|
||||||
.fixed-container();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
|
|
||||||
.container-fluid {
|
|
||||||
position: relative;
|
|
||||||
min-width: 940px;
|
|
||||||
padding-left: 20px;
|
|
||||||
padding-right: 20px;
|
|
||||||
.clearfix();
|
|
||||||
> .sidebar {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 20px;
|
|
||||||
width: 220px;
|
|
||||||
}
|
|
||||||
// TODO in v2: rename this and .popover .content to be more specific
|
|
||||||
> .content {
|
|
||||||
margin-left: 240px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// BASE STYLES
|
|
||||||
// -----------
|
|
||||||
|
|
||||||
// Links
|
|
||||||
a {
|
|
||||||
color: @linkColor;
|
|
||||||
text-decoration: none;
|
|
||||||
line-height: inherit;
|
|
||||||
font-weight: inherit;
|
|
||||||
&:hover {
|
|
||||||
color: @linkColorHover;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Quick floats
|
|
||||||
.pull-right {
|
|
||||||
float: right;
|
|
||||||
}
|
|
||||||
.pull-left {
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Toggling content
|
|
||||||
.hide {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.show {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// GRID SYSTEM
|
|
||||||
// -----------
|
|
||||||
// To customize the grid system, bring up the variables.less file and change the column count, size, and gutter there
|
|
||||||
|
|
||||||
.row {
|
|
||||||
.clearfix();
|
|
||||||
margin-left: -@gridGutterWidth;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7)
|
|
||||||
// Credit to @dhg for the idea
|
|
||||||
.row > [class*="span"] {
|
|
||||||
.gridColumn();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Default columns
|
|
||||||
.span1 { .columns(1); }
|
|
||||||
.span2 { .columns(2); }
|
|
||||||
.span3 { .columns(3); }
|
|
||||||
.span4 { .columns(4); }
|
|
||||||
.span5 { .columns(5); }
|
|
||||||
.span6 { .columns(6); }
|
|
||||||
.span7 { .columns(7); }
|
|
||||||
.span8 { .columns(8); }
|
|
||||||
.span9 { .columns(9); }
|
|
||||||
.span10 { .columns(10); }
|
|
||||||
.span11 { .columns(11); }
|
|
||||||
.span12 { .columns(12); }
|
|
||||||
.span13 { .columns(13); }
|
|
||||||
.span14 { .columns(14); }
|
|
||||||
.span15 { .columns(15); }
|
|
||||||
.span16 { .columns(16); }
|
|
||||||
|
|
||||||
// For optional 24-column grid
|
|
||||||
.span17 { .columns(17); }
|
|
||||||
.span18 { .columns(18); }
|
|
||||||
.span19 { .columns(19); }
|
|
||||||
.span20 { .columns(20); }
|
|
||||||
.span21 { .columns(21); }
|
|
||||||
.span22 { .columns(22); }
|
|
||||||
.span23 { .columns(23); }
|
|
||||||
.span24 { .columns(24); }
|
|
||||||
|
|
||||||
// Offset column options
|
|
||||||
.row {
|
|
||||||
> .offset1 { .offset(1); }
|
|
||||||
> .offset2 { .offset(2); }
|
|
||||||
> .offset3 { .offset(3); }
|
|
||||||
> .offset4 { .offset(4); }
|
|
||||||
> .offset5 { .offset(5); }
|
|
||||||
> .offset6 { .offset(6); }
|
|
||||||
> .offset7 { .offset(7); }
|
|
||||||
> .offset8 { .offset(8); }
|
|
||||||
> .offset9 { .offset(9); }
|
|
||||||
> .offset10 { .offset(10); }
|
|
||||||
> .offset11 { .offset(11); }
|
|
||||||
> .offset12 { .offset(12); }
|
|
||||||
}
|
|
||||||
|
|
||||||
// Unique column sizes for 16-column grid
|
|
||||||
.span-one-third { width: 300px; }
|
|
||||||
.span-two-thirds { width: 620px; }
|
|
||||||
.offset-one-third { margin-left: 340px; }
|
|
||||||
.offset-two-thirds { margin-left: 660px; }
|
|
||||||
@@ -1,224 +0,0 @@
|
|||||||
/*
|
|
||||||
* Tables.less
|
|
||||||
* Tables for, you guessed it, tabular data
|
|
||||||
* ---------------------------------------- */
|
|
||||||
|
|
||||||
|
|
||||||
// BASELINE STYLES
|
|
||||||
// ---------------
|
|
||||||
|
|
||||||
table {
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: @baseline;
|
|
||||||
padding: 0;
|
|
||||||
font-size: @basefont;
|
|
||||||
border-collapse: collapse;
|
|
||||||
th,
|
|
||||||
td {
|
|
||||||
padding: 10px 10px 9px;
|
|
||||||
line-height: @baseline;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
th {
|
|
||||||
padding-top: 9px;
|
|
||||||
font-weight: bold;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
td {
|
|
||||||
vertical-align: top;
|
|
||||||
border-top: 1px solid #ddd;
|
|
||||||
}
|
|
||||||
// When scoped to row, fix th in tbody
|
|
||||||
tbody th {
|
|
||||||
border-top: 1px solid #ddd;
|
|
||||||
vertical-align: top;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// CONDENSED VERSION
|
|
||||||
// -----------------
|
|
||||||
.condensed-table {
|
|
||||||
th,
|
|
||||||
td {
|
|
||||||
padding: 5px 5px 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// BORDERED VERSION
|
|
||||||
// ----------------
|
|
||||||
|
|
||||||
.bordered-table {
|
|
||||||
border: 1px solid #ddd;
|
|
||||||
border-collapse: separate; // Done so we can round those corners!
|
|
||||||
*border-collapse: collapse; /* IE7, collapse table to remove spacing */
|
|
||||||
.border-radius(4px);
|
|
||||||
th + th,
|
|
||||||
td + td,
|
|
||||||
th + td {
|
|
||||||
border-left: 1px solid #ddd;
|
|
||||||
}
|
|
||||||
thead tr:first-child th:first-child,
|
|
||||||
tbody tr:first-child td:first-child {
|
|
||||||
.border-radius(4px 0 0 0);
|
|
||||||
}
|
|
||||||
thead tr:first-child th:last-child,
|
|
||||||
tbody tr:first-child td:last-child {
|
|
||||||
.border-radius(0 4px 0 0);
|
|
||||||
}
|
|
||||||
tbody tr:last-child td:first-child {
|
|
||||||
.border-radius(0 0 0 4px);
|
|
||||||
}
|
|
||||||
tbody tr:last-child td:last-child {
|
|
||||||
.border-radius(0 0 4px 0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// TABLE CELL SIZES
|
|
||||||
// ----------------
|
|
||||||
|
|
||||||
// This is a duplication of the main grid .columns() mixin, but subtracts 20px to account for input padding and border
|
|
||||||
.tableColumns(@columnSpan: 1) {
|
|
||||||
width: ((@gridColumnWidth - 20) * @columnSpan) + ((@gridColumnWidth - 20) * (@columnSpan - 1));
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
// Default columns
|
|
||||||
.span1 { .tableColumns(1); }
|
|
||||||
.span2 { .tableColumns(2); }
|
|
||||||
.span3 { .tableColumns(3); }
|
|
||||||
.span4 { .tableColumns(4); }
|
|
||||||
.span5 { .tableColumns(5); }
|
|
||||||
.span6 { .tableColumns(6); }
|
|
||||||
.span7 { .tableColumns(7); }
|
|
||||||
.span8 { .tableColumns(8); }
|
|
||||||
.span9 { .tableColumns(9); }
|
|
||||||
.span10 { .tableColumns(10); }
|
|
||||||
.span11 { .tableColumns(11); }
|
|
||||||
.span12 { .tableColumns(12); }
|
|
||||||
.span13 { .tableColumns(13); }
|
|
||||||
.span14 { .tableColumns(14); }
|
|
||||||
.span15 { .tableColumns(15); }
|
|
||||||
.span16 { .tableColumns(16); }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// ZEBRA-STRIPING
|
|
||||||
// --------------
|
|
||||||
|
|
||||||
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
|
||||||
.zebra-striped {
|
|
||||||
tbody {
|
|
||||||
tr:nth-child(odd) td,
|
|
||||||
tr:nth-child(odd) th {
|
|
||||||
background-color: #f9f9f9;
|
|
||||||
}
|
|
||||||
tr:hover td,
|
|
||||||
tr:hover th {
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
// Tablesorting styles w/ jQuery plugin
|
|
||||||
.header {
|
|
||||||
cursor: pointer;
|
|
||||||
&:after {
|
|
||||||
content: "";
|
|
||||||
float: right;
|
|
||||||
margin-top: 7px;
|
|
||||||
border-width: 0 4px 4px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: #000 transparent;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Style the sorted column headers (THs)
|
|
||||||
.headerSortUp,
|
|
||||||
.headerSortDown {
|
|
||||||
background-color: rgba(141,192,219,.25);
|
|
||||||
text-shadow: 0 1px 1px rgba(255,255,255,.75);
|
|
||||||
}
|
|
||||||
// Style the ascending (reverse alphabetical) column header
|
|
||||||
.header:hover {
|
|
||||||
&:after {
|
|
||||||
visibility:visible;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Style the descending (alphabetical) column header
|
|
||||||
.headerSortDown,
|
|
||||||
.headerSortDown:hover {
|
|
||||||
&:after {
|
|
||||||
visibility:visible;
|
|
||||||
.opacity(60);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Style the ascending (reverse alphabetical) column header
|
|
||||||
.headerSortUp {
|
|
||||||
&:after {
|
|
||||||
border-bottom: none;
|
|
||||||
border-left: 4px solid transparent;
|
|
||||||
border-right: 4px solid transparent;
|
|
||||||
border-top: 4px solid #000;
|
|
||||||
visibility:visible;
|
|
||||||
.box-shadow(none); //can't add boxshadow to downward facing arrow :(
|
|
||||||
.opacity(60);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// Blue Table Headings
|
|
||||||
.blue {
|
|
||||||
color: @blue;
|
|
||||||
border-bottom-color: @blue;
|
|
||||||
}
|
|
||||||
.headerSortUp.blue,
|
|
||||||
.headerSortDown.blue {
|
|
||||||
background-color: lighten(@blue, 40%);
|
|
||||||
}
|
|
||||||
// Green Table Headings
|
|
||||||
.green {
|
|
||||||
color: @green;
|
|
||||||
border-bottom-color: @green;
|
|
||||||
}
|
|
||||||
.headerSortUp.green,
|
|
||||||
.headerSortDown.green {
|
|
||||||
background-color: lighten(@green, 40%);
|
|
||||||
}
|
|
||||||
// Red Table Headings
|
|
||||||
.red {
|
|
||||||
color: @red;
|
|
||||||
border-bottom-color: @red;
|
|
||||||
}
|
|
||||||
.headerSortUp.red,
|
|
||||||
.headerSortDown.red {
|
|
||||||
background-color: lighten(@red, 50%);
|
|
||||||
}
|
|
||||||
// Yellow Table Headings
|
|
||||||
.yellow {
|
|
||||||
color: @yellow;
|
|
||||||
border-bottom-color: @yellow;
|
|
||||||
}
|
|
||||||
.headerSortUp.yellow,
|
|
||||||
.headerSortDown.yellow {
|
|
||||||
background-color: lighten(@yellow, 40%);
|
|
||||||
}
|
|
||||||
// Orange Table Headings
|
|
||||||
.orange {
|
|
||||||
color: @orange;
|
|
||||||
border-bottom-color: @orange;
|
|
||||||
}
|
|
||||||
.headerSortUp.orange,
|
|
||||||
.headerSortDown.orange {
|
|
||||||
background-color: lighten(@orange, 40%);
|
|
||||||
}
|
|
||||||
// Purple Table Headings
|
|
||||||
.purple {
|
|
||||||
color: @purple;
|
|
||||||
border-bottom-color: @purple;
|
|
||||||
}
|
|
||||||
.headerSortUp.purple,
|
|
||||||
.headerSortDown.purple {
|
|
||||||
background-color: lighten(@purple, 40%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,187 +0,0 @@
|
|||||||
/* Typography.less
|
|
||||||
* Headings, body text, lists, code, and more for a versatile and durable typography system
|
|
||||||
* ---------------------------------------------------------------------------------------- */
|
|
||||||
|
|
||||||
|
|
||||||
// BODY TEXT
|
|
||||||
// ---------
|
|
||||||
|
|
||||||
p {
|
|
||||||
#font > .shorthand(normal,@basefont,@baseline);
|
|
||||||
margin-bottom: @baseline / 2;
|
|
||||||
small {
|
|
||||||
font-size: @basefont - 2;
|
|
||||||
color: @grayLight;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// HEADINGS
|
|
||||||
// --------
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
|
||||||
font-weight: bold;
|
|
||||||
color: @grayDark;
|
|
||||||
small {
|
|
||||||
color: @grayLight;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h1 {
|
|
||||||
margin-bottom: @baseline;
|
|
||||||
font-size: 30px;
|
|
||||||
line-height: @baseline * 2;
|
|
||||||
small {
|
|
||||||
font-size: 18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h2 {
|
|
||||||
font-size: 24px;
|
|
||||||
line-height: @baseline * 2;
|
|
||||||
small {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h3, h4, h5, h6 {
|
|
||||||
line-height: @baseline * 2;
|
|
||||||
}
|
|
||||||
h3 {
|
|
||||||
font-size: 18px;
|
|
||||||
small {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h4 {
|
|
||||||
font-size: 16px;
|
|
||||||
small {
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
h5 {
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
h6 {
|
|
||||||
font-size: 13px;
|
|
||||||
color: @grayLight;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// COLORS
|
|
||||||
// ------
|
|
||||||
|
|
||||||
// Unordered and Ordered lists
|
|
||||||
ul, ol {
|
|
||||||
margin: 0 0 @baseline 25px;
|
|
||||||
}
|
|
||||||
ul ul,
|
|
||||||
ul ol,
|
|
||||||
ol ol,
|
|
||||||
ol ul {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
list-style: disc;
|
|
||||||
}
|
|
||||||
ol {
|
|
||||||
list-style: decimal;
|
|
||||||
}
|
|
||||||
li {
|
|
||||||
line-height: @baseline;
|
|
||||||
color: @gray;
|
|
||||||
}
|
|
||||||
ul.unstyled {
|
|
||||||
list-style: none;
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Description Lists
|
|
||||||
dl {
|
|
||||||
margin-bottom: @baseline;
|
|
||||||
dt, dd {
|
|
||||||
line-height: @baseline;
|
|
||||||
}
|
|
||||||
dt {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
dd {
|
|
||||||
margin-left: @baseline / 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// MISC
|
|
||||||
// ----
|
|
||||||
|
|
||||||
// Horizontal rules
|
|
||||||
hr {
|
|
||||||
margin: 20px 0 19px;
|
|
||||||
border: 0;
|
|
||||||
border-bottom: 1px solid #eee;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Emphasis
|
|
||||||
strong {
|
|
||||||
font-style: inherit;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
em {
|
|
||||||
font-style: italic;
|
|
||||||
font-weight: inherit;
|
|
||||||
line-height: inherit;
|
|
||||||
}
|
|
||||||
.muted {
|
|
||||||
color: @grayLight;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Blockquotes
|
|
||||||
blockquote {
|
|
||||||
margin-bottom: @baseline;
|
|
||||||
border-left: 5px solid #eee;
|
|
||||||
padding-left: 15px;
|
|
||||||
p {
|
|
||||||
#font > .shorthand(300,14px,@baseline);
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
small {
|
|
||||||
display: block;
|
|
||||||
#font > .shorthand(300,12px,@baseline);
|
|
||||||
color: @grayLight;
|
|
||||||
&:before {
|
|
||||||
content: '\2014 \00A0';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Addresses
|
|
||||||
address {
|
|
||||||
display: block;
|
|
||||||
line-height: @baseline;
|
|
||||||
margin-bottom: @baseline;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Inline and block code styles
|
|
||||||
code, pre {
|
|
||||||
padding: 0 3px 2px;
|
|
||||||
font-family: Monaco, Andale Mono, Courier New, monospace;
|
|
||||||
font-size: 12px;
|
|
||||||
.border-radius(3px);
|
|
||||||
}
|
|
||||||
code {
|
|
||||||
background-color: lighten(@orange, 40%);
|
|
||||||
color: rgba(0,0,0,.75);
|
|
||||||
padding: 1px 3px;
|
|
||||||
}
|
|
||||||
pre {
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
display: block;
|
|
||||||
padding: (@baseline - 1) / 2;
|
|
||||||
margin: 0 0 @baseline;
|
|
||||||
line-height: @baseline;
|
|
||||||
font-size: 12px;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
border: 1px solid rgba(0,0,0,.15);
|
|
||||||
.border-radius(3px);
|
|
||||||
white-space: pre;
|
|
||||||
white-space: pre-wrap;
|
|
||||||
word-wrap: break-word;
|
|
||||||
|
|
||||||
}
|
|
||||||
@@ -1,60 +0,0 @@
|
|||||||
/* Variables.less
|
|
||||||
* Variables to customize the look and feel of Bootstrap
|
|
||||||
* ----------------------------------------------------- */
|
|
||||||
|
|
||||||
|
|
||||||
// Links
|
|
||||||
@linkColor: #0069d6;
|
|
||||||
@linkColorHover: darken(@linkColor, 15);
|
|
||||||
|
|
||||||
// Grays
|
|
||||||
@black: #000;
|
|
||||||
@grayDark: lighten(@black, 25%);
|
|
||||||
@gray: lighten(@black, 50%);
|
|
||||||
@grayLight: lighten(@black, 75%);
|
|
||||||
@grayLighter: lighten(@black, 90%);
|
|
||||||
@white: #fff;
|
|
||||||
|
|
||||||
// Accent Colors
|
|
||||||
@blue: #049CDB;
|
|
||||||
@blueDark: #0064CD;
|
|
||||||
@green: #46a546;
|
|
||||||
@red: #9d261d;
|
|
||||||
@yellow: #ffc40d;
|
|
||||||
@orange: #f89406;
|
|
||||||
@pink: #c3325f;
|
|
||||||
@purple: #7a43b6;
|
|
||||||
|
|
||||||
// Baseline grid
|
|
||||||
@basefont: 13px;
|
|
||||||
@baseline: 18px;
|
|
||||||
|
|
||||||
// Griditude
|
|
||||||
// Modify the grid styles in mixins.less
|
|
||||||
@gridColumns: 16;
|
|
||||||
@gridColumnWidth: 40px;
|
|
||||||
@gridGutterWidth: 20px;
|
|
||||||
@extraSpace: (@gridGutterWidth * 2); // For our grid calculations
|
|
||||||
@siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
|
||||||
|
|
||||||
// Color Scheme
|
|
||||||
// Use this to roll your own color schemes if you like (unused by Bootstrap by default)
|
|
||||||
@baseColor: @blue; // Set a base color
|
|
||||||
@complement: spin(@baseColor, 180); // Determine a complementary color
|
|
||||||
@split1: spin(@baseColor, 158); // Split complements
|
|
||||||
@split2: spin(@baseColor, -158);
|
|
||||||
@triad1: spin(@baseColor, 135); // Triads colors
|
|
||||||
@triad2: spin(@baseColor, -135);
|
|
||||||
@tetra1: spin(@baseColor, 90); // Tetra colors
|
|
||||||
@tetra2: spin(@baseColor, -90);
|
|
||||||
@analog1: spin(@baseColor, 22); // Analogs colors
|
|
||||||
@analog2: spin(@baseColor, -22);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// More variables coming soon:
|
|
||||||
// - @basefont to @baseFontSize
|
|
||||||
// - @baseline to @baseLineHeight
|
|
||||||
// - @baseFontFamily
|
|
||||||
// - @primaryButtonColor
|
|
||||||
// - anything else? File an issue on GitHub
|
|
||||||
@@ -1,33 +0,0 @@
|
|||||||
/* Artfully masterminded by ZURB */
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
Table of Contents
|
|
||||||
-----------------------------------------------------
|
|
||||||
:: Shared Styles
|
|
||||||
:: Page Name 1
|
|
||||||
:: Page Name 2
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/* -----------------------------------------
|
|
||||||
Shared Styles
|
|
||||||
----------------------------------------- */
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* -----------------------------------------
|
|
||||||
Page Name 1
|
|
||||||
----------------------------------------- */
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* -----------------------------------------
|
|
||||||
Page Name 2
|
|
||||||
----------------------------------------- */
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,83 +0,0 @@
|
|||||||
/* Artfully masterminded by ZURB
|
|
||||||
|
|
||||||
Make sure to include the app.js if you are going to use inline label inputs
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/* -----------------------------------------
|
|
||||||
Standard Forms
|
|
||||||
----------------------------------------- */
|
|
||||||
|
|
||||||
form { margin: 0 0 18px; }
|
|
||||||
form label { display: block; font-size: 13px; line-height: 18px; cursor: pointer; margin-bottom: 9px; }
|
|
||||||
|
|
||||||
input.input-text, textarea { border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; }
|
|
||||||
input.input-text, textarea, select { display: block; margin-bottom: 9px; }
|
|
||||||
label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; }
|
|
||||||
|
|
||||||
/* Text input and textarea font and padding */
|
|
||||||
input.input-text, textarea { font-size: 13px; padding: 4px 3px 2px; outline: none !important; background: #fff; }
|
|
||||||
input.input-text.oversize, textarea.oversize { font-size: 18px !important; padding: 4px 5px !important; }
|
|
||||||
input.input-text:focus, textarea:focus { background: #f9f9f9; }
|
|
||||||
|
|
||||||
/* Inlined Label Style */
|
|
||||||
input.placeholder, textarea.placeholder { color: #888; }
|
|
||||||
|
|
||||||
/* Text input and textarea sizes */
|
|
||||||
input.input-text, textarea { width: 254px; }
|
|
||||||
input.small, textarea.small { width: 134px; }
|
|
||||||
input.medium, textarea.medium { width: 254px; }
|
|
||||||
input.large, textarea.large { width: 434px; }
|
|
||||||
|
|
||||||
/* Fieldsets */
|
|
||||||
form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #ddd; margin: 18px 0; }
|
|
||||||
|
|
||||||
/* Errors */
|
|
||||||
input.input-text.red { border-color: red; background-color: rgba(255,0,0,0.15); }
|
|
||||||
label.red { color: red; }
|
|
||||||
small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 11px; color: red; width: 260px; }
|
|
||||||
|
|
||||||
.small + .error { width: 140px; }
|
|
||||||
.medium + .error { width: 260px; }
|
|
||||||
.large + .error { width: 440px; }
|
|
||||||
|
|
||||||
/* -----------------------------------------
|
|
||||||
Nicer Forms
|
|
||||||
----------------------------------------- */
|
|
||||||
form.nice input.input-text, form.nice textarea { border: solid 1px #bbb; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; }
|
|
||||||
form.nice input.input-text, form.nice textarea { font-size: 13px; padding: 6px 3px 4px; outline: none !important; background: url(../images/misc/input-bg.png) #fff; }
|
|
||||||
form.nice input.input-text:focus, form.nice textarea:focus { background-color: #f9f9f9; }
|
|
||||||
|
|
||||||
form.nice fieldset { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
|
|
||||||
|
|
||||||
form.nice small.error { padding: 6px 4px; border: solid 0px red; border-width: 0px 1px 1px 1px; margin-top: -10px; background: red; color: #fff; font-size: 12px; font-weight: bold; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomright: 2px; }
|
|
||||||
|
|
||||||
form.nice .small + .error { width: 132px; }
|
|
||||||
form.nice .medium + .error { width: 252px; }
|
|
||||||
form.nice .large + .error { width: 432px; }
|
|
||||||
|
|
||||||
/* -----------------------------------------
|
|
||||||
Custom Forms
|
|
||||||
----------------------------------------- */
|
|
||||||
|
|
||||||
form.custom span.custom { display: inline-block; width: 14px; height: 14px; position: relative; top: 2px; border: solid 1px #ccc; background: url(../images/misc/custom-form-sprites.png) 0 0 no-repeat; }
|
|
||||||
form.custom span.custom.radio { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
|
|
||||||
form.custom span.custom.radio.checked { background-position: 0px -14px; }
|
|
||||||
form.custom span.custom.checkbox.checked { background-position: 0px -28px; }
|
|
||||||
|
|
||||||
form.custom div.custom.dropdown { position: relative; display: inline-block; width: auto; height: 28px; margin-bottom: 9px; }
|
|
||||||
form.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 26px; padding: 0 38px 0 6px; border: solid 1px #ddd; color: #141414; }
|
|
||||||
form.custom div.custom.dropdown a.selector { position: absolute; width: 26px; height: 26px; display: block; background: url(../images/misc/custom-form-sprites.png) -14px 0 no-repeat; right: 0px; top: 0px; border: solid 1px #ddd; }
|
|
||||||
form.custom div.custom.dropdown:hover a.selector,
|
|
||||||
form.custom div.custom.dropdown.open a.selector { background-position: -14px -26px; }
|
|
||||||
|
|
||||||
form.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0px; top: 27px; margin: 0; padding: 0; background: rgba(255,255,255,0.9); border: solid 1px #ddd; z-index: 10; }
|
|
||||||
form.custom div.custom.dropdown ul li { cursor: pointer; padding: 3px 38px 3px 6px; margin: 0; }
|
|
||||||
form.custom div.custom.dropdown ul li.selected { background: url(../images/misc/custom-form-sprites.png) right -52px no-repeat; }
|
|
||||||
form.custom div.custom.dropdown ul li:hover { background-color: #2a85e8; color: #fff; }
|
|
||||||
form.custom div.custom.dropdown ul li.selected:hover { background: url(../images/misc/custom-form-sprites.png) #2a85e8 right -78px no-repeat; }
|
|
||||||
form.custom div.custom.dropdown ul.show { display: block; }
|
|
||||||
|
|
||||||
form.custom div.custom.dropdown.open ul { display: block; }
|
|
||||||
|
|
||||||
|
|
||||||
@@ -1,127 +0,0 @@
|
|||||||
/* Arfully Masterminded by ZURB */
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
Table of Contents
|
|
||||||
-----------------------------------------------------
|
|
||||||
:: Reset & Standards
|
|
||||||
:: Links
|
|
||||||
:: Lists
|
|
||||||
:: Tables
|
|
||||||
:: Misc
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
:: Global Reset & Standards
|
|
||||||
-------------------------------------------------- */
|
|
||||||
|
|
||||||
/*
|
|
||||||
Eric Meyer's CSS Reset
|
|
||||||
http://meyerweb.com/eric/tools/css/reset/
|
|
||||||
v2.0 | 20110126
|
|
||||||
License: none (public domain)
|
|
||||||
*/
|
|
||||||
|
|
||||||
html, body, div, span, applet, object, iframe,
|
|
||||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
||||||
a, abbr, acronym, address, big, cite, code,
|
|
||||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
||||||
small, strike, strong, sub, sup, tt, var,
|
|
||||||
b, u, i, center,
|
|
||||||
dl, dt, dd, ol, ul, li,
|
|
||||||
fieldset, form, label, legend,
|
|
||||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
||||||
article, aside, canvas, details, embed,
|
|
||||||
figure, figcaption, footer, header, hgroup,
|
|
||||||
menu, nav, output, ruby, section, summary,
|
|
||||||
time, mark, audio, video {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
border: 0;
|
|
||||||
font: inherit;
|
|
||||||
vertical-align: baseline;
|
|
||||||
}
|
|
||||||
html {
|
|
||||||
font-size: 62.5%;
|
|
||||||
}
|
|
||||||
/* HTML5 display-role reset for older browsers */
|
|
||||||
article, aside, details, figcaption, figure,
|
|
||||||
footer, header, hgroup, menu, nav, section {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
line-height: 1;
|
|
||||||
}
|
|
||||||
ol, ul {
|
|
||||||
list-style: none;
|
|
||||||
}
|
|
||||||
blockquote, q {
|
|
||||||
quotes: none;
|
|
||||||
}
|
|
||||||
blockquote:before, blockquote:after,
|
|
||||||
q:before, q:after {
|
|
||||||
content: '';
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
table {
|
|
||||||
border-collapse: collapse;
|
|
||||||
border-spacing: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
body { background: #fff; font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 13px; line-height: 18px; color: #555; position: relative; -webkit-font-smoothing: antialiased; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
:: Links
|
|
||||||
-------------------------------------------------- */
|
|
||||||
a { color: #2a85e8; text-decoration: none; outline: 0; line-height: inherit; }
|
|
||||||
a:hover { color: #11639d; }
|
|
||||||
p a, p a:visited { line-height: inherit; }
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
:: Lists
|
|
||||||
-------------------------------------------------- */
|
|
||||||
ul, ol { margin-bottom: 18px; }
|
|
||||||
ul { list-style: none outside; }
|
|
||||||
ol { list-style: decimal; }
|
|
||||||
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
|
|
||||||
ul.square { list-style: square outside; }
|
|
||||||
ul.circle { list-style: circle outside; }
|
|
||||||
ul.disc { list-style: disc outside; }
|
|
||||||
ul ul, ol ol { margin: 4px 0 5px 30px; }
|
|
||||||
li { margin-bottom: 12px; }
|
|
||||||
ul.large li { line-height: 21px; }
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
:: Tables
|
|
||||||
-------------------------------------------------- */
|
|
||||||
table { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 100%; margin: 0 0 18px; border: 1px solid #ddd; }
|
|
||||||
|
|
||||||
table thead { background: #f5f5f5; }
|
|
||||||
table thead tr th,
|
|
||||||
table tbody tr td { font-size: 12px; line-height: 18px; text-align: left; }
|
|
||||||
table thead tr th { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
|
|
||||||
table thead tr th:first-child { border-left: none; }
|
|
||||||
table thead tr th:last-child { border-right: none; }
|
|
||||||
|
|
||||||
table thead tr { }
|
|
||||||
table tbody { }
|
|
||||||
table tbody tr { }
|
|
||||||
table tbody tr.even,
|
|
||||||
table tbody tr.alt { background: #f9f9f9; }
|
|
||||||
table tbody tr:nth-child(even) { background: #f9f9f9; }
|
|
||||||
table tbody tr td { color: #333; padding: 9px 10px; vertical-align: top; border: none; }
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
:: Misc
|
|
||||||
---------------------------------------------------*/
|
|
||||||
.left { float: left; }
|
|
||||||
.right { float: right; }
|
|
||||||
.hide { display: none; }
|
|
||||||
.highlight { background: #ff0; }
|
|
||||||
|
|
||||||
@@ -1,103 +0,0 @@
|
|||||||
/* Arfully Masterminded by ZURB */
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
:: Grid
|
|
||||||
|
|
||||||
This is the mobile-friendly, responsive grid that
|
|
||||||
lets Foundation work much of its magic.
|
|
||||||
|
|
||||||
-------------------------------------------------- */
|
|
||||||
|
|
||||||
.container { padding: 0px 20px; }
|
|
||||||
|
|
||||||
.row { width: 100%; max-width: 980px; min-width: 727px; margin: 0 auto; }
|
|
||||||
/* To fix the grid into a certain size, set max-width to width */
|
|
||||||
.row .row { min-width: 0px; }
|
|
||||||
|
|
||||||
.column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; }
|
|
||||||
.column:first-child, .columns:first-child { margin-left: 0px; }
|
|
||||||
|
|
||||||
.row .one.columns { width: 4.3%; }
|
|
||||||
.row .two.columns { width: 13%; }
|
|
||||||
.row .three.columns { width: 21.68%; }
|
|
||||||
.row .four.columns { width: 30.4%; }
|
|
||||||
.row .five.columns { width: 39.1%; }
|
|
||||||
.row .six.columns { width: 47.8%; }
|
|
||||||
.row .seven.columns { width: 56.5%; }
|
|
||||||
.row .eight.columns { width: 65.2%; }
|
|
||||||
.row .nine.columns { width: 73.9%; }
|
|
||||||
.row .ten.columns { width: 82.6%; }
|
|
||||||
.row .eleven.columns { width: 91.3%; }
|
|
||||||
.row .twelve.columns { width: 100%; }
|
|
||||||
|
|
||||||
.row .offset-by-one { margin-left: 13.1%; }
|
|
||||||
.row .offset-by-two { margin-left: 21.8%; }
|
|
||||||
.row .offset-by-three { margin-left: 30.5%; }
|
|
||||||
.row .offset-by-four { margin-left: 39.2%; }
|
|
||||||
.row .offset-by-five { margin-left: 47.9%; }
|
|
||||||
.row .offset-by-six { margin-left: 56.6%; }
|
|
||||||
.row .offset-by-seven { margin-left: 65.3%; }
|
|
||||||
.row .offset-by-eight { margin-left: 74.0%; }
|
|
||||||
.row .offset-by-nine { margin-left: 82.7%; }
|
|
||||||
.row .offset-by-ten { margin-left: 91.4%; }
|
|
||||||
/*.row .offset-by-eleven { margin-left: 95.7%; }*/
|
|
||||||
|
|
||||||
.row .one.centered { margin-left: 47.9%; }
|
|
||||||
.row .two.centered { margin-left: 43.5%; }
|
|
||||||
.row .three.centered { margin-left: 39.2%; }
|
|
||||||
.row .four.centered { margin-left: 34.8%; }
|
|
||||||
.row .five.centered { margin-left: 30.5%; }
|
|
||||||
.row .six.centered { margin-left: 26.1%; }
|
|
||||||
.row .seven.centered { margin-left: 21.8%; }
|
|
||||||
.row .eight.centered { margin-left: 17.4%; }
|
|
||||||
.row .nine.centered { margin-left: 13.1%; }
|
|
||||||
.row .ten.centered { margin-left: 8.7%; }
|
|
||||||
.row .eleven.centered { margin-left: 4.3%; }
|
|
||||||
|
|
||||||
.row .offset-by-one:first-child { margin-left: 8.7%; }
|
|
||||||
.row .offset-by-two:first-child { margin-left: 17.4%; }
|
|
||||||
.row .offset-by-three:first-child { margin-left: 26.1%; }
|
|
||||||
.row .offset-by-four:first-child { margin-left: 34.8%; }
|
|
||||||
.row .offset-by-five:first-child { margin-left: 43.5%; }
|
|
||||||
.row .offset-by-six:first-child { margin-left: 52.2%; }
|
|
||||||
.row .offset-by-seven:first-child { margin-left: 60.9%; }
|
|
||||||
.row .offset-by-eight:first-child { margin-left: 69.6%; }
|
|
||||||
.row .offset-by-nine:first-child { margin-left: 78.3%; }
|
|
||||||
.row .offset-by-ten:first-child { margin-left: 87%; }
|
|
||||||
.row .offset-by-eleven:first-child { margin-left: 95.7%; }
|
|
||||||
|
|
||||||
img, object, embed { max-width: 100%; }
|
|
||||||
img { -ms-interpolation-mode: bicubic; }
|
|
||||||
|
|
||||||
/* Nicolas Gallagher's micro clearfix */
|
|
||||||
.row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; }
|
|
||||||
.row:after, .clearfix:after { clear: both; }
|
|
||||||
.row, .clearfix { zoom: 1; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
:: Block grids
|
|
||||||
|
|
||||||
These are 2-up, 3-up, 4-up and 5-up ULs, suited
|
|
||||||
for repeating blocks of content. Add 'mobile' to
|
|
||||||
them to switch them just like the layout grid
|
|
||||||
(one item per line) on phones
|
|
||||||
-------------------------------------------------- */
|
|
||||||
|
|
||||||
.block-grid { display: block; overflow: hidden; }
|
|
||||||
.block-grid>li { display: block; height: auto; float: left; }
|
|
||||||
|
|
||||||
.block-grid.two-up { margin-left: -4% }
|
|
||||||
.block-grid.two-up>li { margin-left: 4%; width: 46%; }
|
|
||||||
|
|
||||||
.block-grid.three-up { margin-left: -2% }
|
|
||||||
.block-grid.three-up>li { margin-left: 2%; width: 31.3%; }
|
|
||||||
|
|
||||||
.block-grid.four-up { margin-left: -2% }
|
|
||||||
.block-grid.four-up>li { margin-left: 2%; width: 23%; }
|
|
||||||
|
|
||||||
.block-grid.five-up { margin-left: -1.5% }
|
|
||||||
.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }
|
|
||||||
|
|
||||||
@@ -1,4 +0,0 @@
|
|||||||
/* This is for all IE specfific style less than IE9 and
|
|
||||||
we make IE 8 render like 7. We hate IE. */
|
|
||||||
|
|
||||||
div.panel { border: 1px solid #ccc; }
|
|
||||||
@@ -1,112 +0,0 @@
|
|||||||
/* --------------------------------------------------
|
|
||||||
:: Grid
|
|
||||||
-------------------------------------------------- */
|
|
||||||
|
|
||||||
/* Tablet screens */
|
|
||||||
@media only screen and (device-width: 768px), (device-width: 800px) {
|
|
||||||
/* Currently unused */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Mobile */
|
|
||||||
@media only screen and (max-width: 767px) {
|
|
||||||
body { -webkit-text-size-adjust: none; }
|
|
||||||
|
|
||||||
.row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; }
|
|
||||||
.row .row .column, .row .row .columns { padding: 0; }
|
|
||||||
.column, .columns { width: auto !important; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; }
|
|
||||||
.column:last-child, .columns:last-child { margin-right: 0px; }
|
|
||||||
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven { margin-left: 0% !important; }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
:: Block Grids
|
|
||||||
-------------------------------------------------- */
|
|
||||||
|
|
||||||
@media only screen and (max-width: 767px) {
|
|
||||||
.block-grid.mobile li { float: none; width: 100%; }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
:: Mobile Visibility Affordances
|
|
||||||
---------------------------------------------------*/
|
|
||||||
|
|
||||||
|
|
||||||
.show-on-phones { display: none !important; }
|
|
||||||
.show-on-tablets { display: none !important; }
|
|
||||||
.show-on-desktops { display: block; }
|
|
||||||
|
|
||||||
.hide-on-phones { display: block !important; }
|
|
||||||
.hide-on-tablets { display: block !important; }
|
|
||||||
.hide-on-desktops { display: none; }
|
|
||||||
|
|
||||||
|
|
||||||
@media only screen and (device-width: 768px), only screen and (device-width: 1280px), only screen and (device-width: 800px) {
|
|
||||||
.hide-on-phones { display: block !important; }
|
|
||||||
.hide-on-tablets { display: none !important; }
|
|
||||||
.hide-on-desktops { display: block !important; }
|
|
||||||
|
|
||||||
.show-on-phones { display: none !important; }
|
|
||||||
.show-on-tablets { display: block !important; }
|
|
||||||
.show-on-desktops { display: none !important; }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media only screen and (max-width: 767px) {
|
|
||||||
.hide-on-phones { display: none !important; }
|
|
||||||
.hide-on-tablets { display: block !important; }
|
|
||||||
.hide-on-desktops { display: block !important; }
|
|
||||||
|
|
||||||
.show-on-phones { display: block !important; }
|
|
||||||
.show-on-tablets { display: none !important; }
|
|
||||||
.show-on-desktops { display: none !important; }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
:: Forms
|
|
||||||
---------------------------------------------------*/
|
|
||||||
|
|
||||||
|
|
||||||
@media only screen and (max-width: 767px) {
|
|
||||||
input.input-text, input.input-text.oversize, textarea,
|
|
||||||
form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { display: block; width: 96%; padding: 6px 2% 4px; font-size: 18px; }
|
|
||||||
form.nice input.input-text, form.nice input.input-text.oversize, form.nice textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; }
|
|
||||||
form.nice small.error { padding: 6px 2%; display: block; }
|
|
||||||
form.nice .small + .error { width: auto; }
|
|
||||||
form.nice .medium + .error { width: auto; }
|
|
||||||
form.nice .large + .error { width: auto; }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
:: UI
|
|
||||||
---------------------------------------------------*/
|
|
||||||
|
|
||||||
/* Buttons */
|
|
||||||
@media only screen and (max-width: 767px) {
|
|
||||||
.button { display: block; }
|
|
||||||
button.button { width: 100%; padding-left: 0px; padding-right: 0px; }
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Tabs */
|
|
||||||
|
|
||||||
@media only screen and (max-width: 767px) {
|
|
||||||
dl.tabs.mobile, dl.nice.tabs.mobile { width: auto; margin: 20px -20px 40px; height: auto; }
|
|
||||||
dl.tabs.mobile dt, dl.tabs.mobile dd, dl.nice.tabs.mobile dt, dl.nice.tabs.mobile dd { float: none; height: auto; }
|
|
||||||
|
|
||||||
dl.tabs.mobile dd a { display: block; width: auto; height: auto; padding: 18px 20px; line-height: 1; border: solid 0px #ccc; border-width: 1px 0px 0px; margin: 0; color: #555; background: #eee; font-size: 15px; font-size: 1.5rem; }
|
|
||||||
dl.tabs.mobile dd a.active { height: auto; margin: 0; border-width: 1px 0px 0px; }
|
|
||||||
|
|
||||||
.nice.tabs.mobile { border-bottom: solid 1px #ccc; height: auto; }
|
|
||||||
.nice.tabs.mobile dd a { padding: 18px 20px; border: none; border-left: none; border-right: none; border-top: 1px solid #ccc; background: #fff; }
|
|
||||||
.nice.tabs.mobile dd a.active { border: none; background: #00a6fc; color: #fff; margin: 0; position: static; top: 0px; height: auto; }
|
|
||||||
.nice.tabs.mobile dd:first-child a.active { margin: 0; }
|
|
||||||
|
|
||||||
dl.contained.mobile, dl.nice.contained.mobile { margin-bottom: 0px; }
|
|
||||||
dl.contained.tabs.mobile dd a { padding: 18px 20px; }
|
|
||||||
dl.nice.contained.tabs.mobile dd a { padding: 18px 20px; }
|
|
||||||
}
|
|
||||||
@@ -1,210 +0,0 @@
|
|||||||
/* CSS for jQuery Orbit Plugin 1.2.3
|
|
||||||
* www.ZURB.com/playground
|
|
||||||
* Copyright 2010, ZURB
|
|
||||||
* Free to use under the MIT license.
|
|
||||||
* http://www.opensource.org/licenses/mit-license.php
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
|
|
||||||
================================================== */
|
|
||||||
#caseStudies {
|
|
||||||
width: 1000px;
|
|
||||||
height: 210px;
|
|
||||||
background: #fff url('../images/orbit/loading.gif') no-repeat center center;
|
|
||||||
overflow: hidden; }
|
|
||||||
#caseStudies>img,
|
|
||||||
#caseStudies>div,
|
|
||||||
#caseStudies>a { display: none; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* CONTAINER
|
|
||||||
================================================== */
|
|
||||||
|
|
||||||
div.orbit-wrapper {
|
|
||||||
width: 1px;
|
|
||||||
height: 1px;
|
|
||||||
position: relative; }
|
|
||||||
|
|
||||||
div.orbit {
|
|
||||||
width: 1px;
|
|
||||||
height: 1px;
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden }
|
|
||||||
|
|
||||||
div.orbit>img {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
/* display: none; */ }
|
|
||||||
|
|
||||||
div.orbit>a {
|
|
||||||
border: none;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
line-height: 0;
|
|
||||||
display: none; }
|
|
||||||
|
|
||||||
.orbit>div {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%; }
|
|
||||||
|
|
||||||
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
|
|
||||||
|
|
||||||
|
|
||||||
/* TIMER
|
|
||||||
================================================== */
|
|
||||||
|
|
||||||
div.timer {
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
overflow: hidden;
|
|
||||||
position: absolute;
|
|
||||||
top: 10px;
|
|
||||||
right: 10px;
|
|
||||||
opacity: .6;
|
|
||||||
cursor: pointer;
|
|
||||||
z-index: 1001; }
|
|
||||||
|
|
||||||
span.rotator {
|
|
||||||
display: block;
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: -20px;
|
|
||||||
background: url(../images/orbit/rotator-black.png) no-repeat;
|
|
||||||
z-index: 3; }
|
|
||||||
|
|
||||||
span.mask {
|
|
||||||
display: block;
|
|
||||||
width: 20px;
|
|
||||||
height: 40px;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
z-index: 2;
|
|
||||||
overflow: hidden; }
|
|
||||||
|
|
||||||
span.rotator.move {
|
|
||||||
left: 0 }
|
|
||||||
|
|
||||||
span.mask.move {
|
|
||||||
width: 40px;
|
|
||||||
left: 0;
|
|
||||||
background: url(../images/orbit/timer-black.png) repeat 0 0; }
|
|
||||||
|
|
||||||
span.pause {
|
|
||||||
display: block;
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
background: url(../images/orbit/pause-black.png) no-repeat;
|
|
||||||
z-index: 4;
|
|
||||||
opacity: 0; }
|
|
||||||
|
|
||||||
span.pause.active {
|
|
||||||
background: url(../images/orbit/pause-black.png) no-repeat 0 -40px }
|
|
||||||
|
|
||||||
div.timer:hover span.pause,
|
|
||||||
span.pause.active {
|
|
||||||
opacity: 1 }
|
|
||||||
|
|
||||||
|
|
||||||
/* CAPTIONS
|
|
||||||
================================================== */
|
|
||||||
|
|
||||||
.orbit-caption {
|
|
||||||
display: none;
|
|
||||||
font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
|
|
||||||
|
|
||||||
.orbit-wrapper .orbit-caption {
|
|
||||||
background: #000;
|
|
||||||
background: rgba(0,0,0,.6);
|
|
||||||
z-index: 1000;
|
|
||||||
color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
padding: 7px 0;
|
|
||||||
font-size: 13px;
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
width: 100%; }
|
|
||||||
|
|
||||||
|
|
||||||
/* DIRECTIONAL NAV
|
|
||||||
================================================== */
|
|
||||||
|
|
||||||
div.slider-nav {
|
|
||||||
display: block }
|
|
||||||
|
|
||||||
div.slider-nav span {
|
|
||||||
width: 78px;
|
|
||||||
height: 100px;
|
|
||||||
text-indent: -9999px;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 1000;
|
|
||||||
top: 50%;
|
|
||||||
margin-top: -50px;
|
|
||||||
cursor: pointer; }
|
|
||||||
|
|
||||||
div.slider-nav span.right {
|
|
||||||
background: url(../images/orbit/right-arrow.png);
|
|
||||||
right: 0; }
|
|
||||||
|
|
||||||
div.slider-nav span.left {
|
|
||||||
background: url(../images/orbit/left-arrow.png);
|
|
||||||
left: 0; }
|
|
||||||
|
|
||||||
/* BULLET NAV
|
|
||||||
================================================== */
|
|
||||||
|
|
||||||
.orbit-bullets {
|
|
||||||
position: absolute;
|
|
||||||
z-index: 1000;
|
|
||||||
list-style: none;
|
|
||||||
bottom: -40px;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -50px;
|
|
||||||
padding: 0; }
|
|
||||||
|
|
||||||
.orbit-bullets li {
|
|
||||||
float: left;
|
|
||||||
margin-left: 5px;
|
|
||||||
cursor: pointer;
|
|
||||||
color: #999;
|
|
||||||
text-indent: -9999px;
|
|
||||||
background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
|
|
||||||
width: 13px;
|
|
||||||
height: 12px;
|
|
||||||
overflow: hidden; }
|
|
||||||
|
|
||||||
.orbit-bullets li.active {
|
|
||||||
color: #222;
|
|
||||||
background-position: -8px 0; }
|
|
||||||
|
|
||||||
.orbit-bullets li.has-thumb {
|
|
||||||
background: none;
|
|
||||||
width: 100px;
|
|
||||||
height: 75px; }
|
|
||||||
|
|
||||||
.orbit-bullets li.active.has-thumb {
|
|
||||||
background-position: 0 0;
|
|
||||||
border-top: 2px solid #000; }
|
|
||||||
|
|
||||||
/* FLUID LAYOUT
|
|
||||||
================================================== */
|
|
||||||
.orbit .fluid-placeholder {
|
|
||||||
visibility: hidden;
|
|
||||||
position: static;
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
@@ -1,91 +0,0 @@
|
|||||||
/* --------------------------------------------------
|
|
||||||
Reveal Modals
|
|
||||||
-------------------------------------------------- */
|
|
||||||
|
|
||||||
.reveal-modal-bg {
|
|
||||||
position: fixed;
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
background: #000;
|
|
||||||
background: rgba(0,0,0,.8);
|
|
||||||
z-index: 2000;
|
|
||||||
display: none;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.reveal-modal {
|
|
||||||
visibility: hidden;
|
|
||||||
top: 100px;
|
|
||||||
left: 50%;
|
|
||||||
margin-left: -300px;
|
|
||||||
width: 520px;
|
|
||||||
background: #eee url(../images/misc/modal-gloss.png) no-repeat -200px -80px;
|
|
||||||
position: absolute;
|
|
||||||
z-index: 2001;
|
|
||||||
padding: 30px 40px 34px;
|
|
||||||
-moz-border-radius: 5px;
|
|
||||||
-webkit-border-radius: 5px;
|
|
||||||
border-radius: 5px;
|
|
||||||
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
|
|
||||||
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
|
|
||||||
box-shadow: 0 0 10px rgba(0,0,0,.4);
|
|
||||||
}
|
|
||||||
|
|
||||||
.reveal-modal.small { width: 200px; margin-left: -140px;}
|
|
||||||
.reveal-modal.medium { width: 400px; margin-left: -240px;}
|
|
||||||
.reveal-modal.large { width: 600px; margin-left: -340px;}
|
|
||||||
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
|
|
||||||
|
|
||||||
.reveal-modal .close-reveal-modal {
|
|
||||||
font-size: 22px;
|
|
||||||
line-height: .5;
|
|
||||||
position: absolute;
|
|
||||||
top: 8px;
|
|
||||||
right: 11px;
|
|
||||||
color: #aaa;
|
|
||||||
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Mobile */
|
|
||||||
|
|
||||||
@media handheld, only screen and (device-width: 768px), (device-width: 800px) {
|
|
||||||
.reveal-modal-bg { position: absolute; }
|
|
||||||
|
|
||||||
.reveal-modal,
|
|
||||||
.reveal-modal.small,
|
|
||||||
.reveal-modal.medium,
|
|
||||||
.reveal-modal.large,
|
|
||||||
.reveal-modal.xlarge { width: 60%; top: 30%; left: 15%; margin-left: 0px; padding: 5%; height: auto; }
|
|
||||||
}
|
|
||||||
|
|
||||||
@media handheld, only screen and (max-width: 767px) {
|
|
||||||
.reveal-modal-bg { position: absolute; }
|
|
||||||
|
|
||||||
.reveal-modal,
|
|
||||||
.reveal-modal.small,
|
|
||||||
.reveal-modal.medium,
|
|
||||||
.reveal-modal.large,
|
|
||||||
.reveal-modal.xlarge { width: 80%; top: 15%; left: 5%; margin-left: 0px; padding: 5%; height: auto; }
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
|
||||||
|
|
||||||
NOTES
|
|
||||||
|
|
||||||
Close button entity is ×
|
|
||||||
|
|
||||||
Example markup
|
|
||||||
|
|
||||||
<div id="myModal" class="reveal-modal">
|
|
||||||
<h2>Awesome. I have it.</h2>
|
|
||||||
<p class="lead">Your couch. I it's mine.</p>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
|
|
||||||
<a class="close-reveal-modal">×</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
*/
|
|
||||||
@@ -1,64 +0,0 @@
|
|||||||
/* Arfully Masterminded by ZURB */
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
:: Typography
|
|
||||||
-------------------------------------------------- */
|
|
||||||
h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: bold; line-height: 1.25 }
|
|
||||||
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
|
|
||||||
h1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 12px;}
|
|
||||||
h2 { font-size: 35px; font-size: 3.5rem; margin-bottom: 9px; }
|
|
||||||
h3 { font-size: 28px; font-size: 2.8rem; margin-bottom: 9px; }
|
|
||||||
h4 { font-size: 21px; font-size: 2.1rem; margin-bottom: 3px; }
|
|
||||||
h5 { font-size: 18px; font-size: 1.8rem; font-weight: normal; margin-bottom: 3px; }
|
|
||||||
h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; }
|
|
||||||
|
|
||||||
.subheader { color: #777; font-weight: 300; margin-bottom: 24px; }
|
|
||||||
|
|
||||||
p { line-height: 17px; margin: 0 0 18px; }
|
|
||||||
p img { margin: 0; }
|
|
||||||
p.lead { font-size: 18px; font-size: 1.8rem; line-height: 24px; }
|
|
||||||
|
|
||||||
/* Mobile */
|
|
||||||
|
|
||||||
@media handheld, only screen and (max-width: 767px) {
|
|
||||||
body, p { font-size: 15px; font-size: 1.5rem; line-height: 1.4; }
|
|
||||||
}
|
|
||||||
|
|
||||||
em { font-style: italic; line-height: inherit; }
|
|
||||||
strong { font-weight: bold; line-height: inherit; }
|
|
||||||
small { font-size: 60%; line-height: inherit; }
|
|
||||||
|
|
||||||
h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
|
|
||||||
|
|
||||||
/* Blockquotes */
|
|
||||||
blockquote, blockquote p { line-height: 20px; color: #777; }
|
|
||||||
blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
|
|
||||||
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; }
|
|
||||||
blockquote cite:before { content: "\2014 \0020"; }
|
|
||||||
blockquote cite a, blockquote cite a:visited { color: #555; }
|
|
||||||
|
|
||||||
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; }
|
|
||||||
|
|
||||||
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; }
|
|
||||||
abbr { text-transform: none; }
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Print styles.
|
|
||||||
*
|
|
||||||
* Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
|
|
||||||
* Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
|
|
||||||
*/
|
|
||||||
@media print {
|
|
||||||
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
|
|
||||||
-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
|
|
||||||
p a, p a:visited { color: #444 !important; text-decoration: underline; }
|
|
||||||
p a[href]:after { content: " (" attr(href) ")"; }
|
|
||||||
abbr[title]:after { content: " (" attr(title) ")"; }
|
|
||||||
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
|
|
||||||
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
|
||||||
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
|
|
||||||
tr, img { page-break-inside: avoid; }
|
|
||||||
@page { margin: 0.5cm; }
|
|
||||||
p, h2, h3 { orphans: 3; widows: 3; }
|
|
||||||
h2, h3{ page-break-after: avoid; }
|
|
||||||
}
|
|
||||||
@@ -1,227 +0,0 @@
|
|||||||
/* Artfully masterminded by ZURB */
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
Table of Contents
|
|
||||||
-----------------------------------------------------
|
|
||||||
:: Buttons
|
|
||||||
:: Alerts
|
|
||||||
:: Notices/Alerts
|
|
||||||
:: Tabs
|
|
||||||
:: Pagination
|
|
||||||
:: Lists
|
|
||||||
:: Panels
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
Buttons
|
|
||||||
-------------------------------------------------- */
|
|
||||||
|
|
||||||
.button {
|
|
||||||
background: #00a6fc;
|
|
||||||
display: inline-block;
|
|
||||||
text-align: center;
|
|
||||||
padding: 9px 34px 11px;
|
|
||||||
color: #fff;
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: bold;
|
|
||||||
line-height: 1;
|
|
||||||
position: relative;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.nice {
|
|
||||||
background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px;
|
|
||||||
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
|
|
||||||
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
|
|
||||||
text-shadow: 0 -1px 1px rgba(0,0,0,0.28);
|
|
||||||
background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255,255,255,.4) 0%, transparent 100%);
|
|
||||||
background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.4)), color-stop(100%,transparent));
|
|
||||||
border: 1px solid #0593dc;
|
|
||||||
-webkit-transition: background-color .15s ease-in-out;
|
|
||||||
-moz-transition: background-color .15s ease-in-out;
|
|
||||||
-o-transition: background-color .15s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.radius {
|
|
||||||
-moz-border-radius: 3px;
|
|
||||||
-webkit-border-radius: 3px;
|
|
||||||
border-radius: 3px;
|
|
||||||
}
|
|
||||||
.button.round {
|
|
||||||
-moz-border-radius: 1000px;
|
|
||||||
-webkit-border-radius: 1000px;
|
|
||||||
border-radius: 1000px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.full-width {
|
|
||||||
width: 100%;
|
|
||||||
padding-left: 0 !important;
|
|
||||||
padding-right: 0 !important;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button.left-align {
|
|
||||||
text-align: left;
|
|
||||||
text-indent: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button:active {}
|
|
||||||
|
|
||||||
/* Sizes ---------- */
|
|
||||||
.small.button { font-size: 11px; padding: 8px 20px 10px; }
|
|
||||||
.medium.button { font-size: 13px; }
|
|
||||||
.large.button { font-size: 18px; padding: 11px 48px 13px; }
|
|
||||||
|
|
||||||
/* Nice Sizes ---------- */
|
|
||||||
.nice.small.button { background-position: 0 -36px; }
|
|
||||||
.nice.large.button { background-position: 0 -30px; }
|
|
||||||
|
|
||||||
/* Colors ---------- */
|
|
||||||
.blue.button { background-color: #00a6fc; }
|
|
||||||
.red.button { background-color: #e91c21; }
|
|
||||||
.white.button { background-color: #e9e9e9; color: #333; }
|
|
||||||
.charcoal.button { background-color: #141414; }
|
|
||||||
|
|
||||||
/* Nice Colors ---------- */
|
|
||||||
.nice.blue.button { border: 1px solid #0593dc; }
|
|
||||||
.nice.red.button { border: 1px solid #b90b0b; }
|
|
||||||
.nice.white.button { border: 1px solid #cacaca; text-shadow: none !important; }
|
|
||||||
.nice.charcoal.button { border: 1px solid #000; }
|
|
||||||
|
|
||||||
/* Hovers ---------- */
|
|
||||||
.button:hover { background-color: #0192dd; color: #fff; }
|
|
||||||
.blue.button:hover { background-color: #0192dd; }
|
|
||||||
.red.button:hover { background-color: #d01217; }
|
|
||||||
.white.button:hover { background-color: #dadada; color: #333; }
|
|
||||||
.charcoal.button:hover { background-color: #000; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
Alerts
|
|
||||||
-------------------------------------------------- */
|
|
||||||
|
|
||||||
div.alert-box { display: block; padding: 6px 7px; font-weight: bold; font-size: 13px; background: #eee; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 12px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0px 1px rgba(255,255,255,0.9); position: relative; }
|
|
||||||
.alert-box.success { background-color: #7fae00; color: #fff; text-shadow: 0px -1px rgba(0,0,0,0.3); }
|
|
||||||
.alert-box.warning { background-color: #c08c00; color: #fff; text-shadow: 0px -1px rgba(0,0,0,0.3); }
|
|
||||||
.alert-box.error { background-color: #c00000; color: #fff; text-shadow: 0px -1px rgba(0,0,0,0.3); }
|
|
||||||
|
|
||||||
.alert-box a.close { color: #000; position: absolute; right: 4px; top: 0px; font-size: 18px; opacity: 0.2; padding: 4px; }
|
|
||||||
.alert-box a.close:hover { opacity: 0.4; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
Tabs
|
|
||||||
-------------------------------------------------- */
|
|
||||||
dl.tabs { display: block; margin: 0 0 20px 0; padding: 0; height: 30px; border-bottom: solid 1px #ddd; }
|
|
||||||
dl.tabs dt { display: block; width: auto; height: 30px; padding: 0px 9px 0 20px; line-height: 30px; float: left; color: #999; font-size: 11px; text-transform: uppercase; cursor: default; }
|
|
||||||
dl.tabs dt:first-child { padding: 0 9px 0 0px; }
|
|
||||||
dl.tabs dd { display: block; width: auto; height: 30px; padding: 0; float: left; }
|
|
||||||
dl.tabs dd a { display: block; width: auto; height: 29px; padding: 0px 9px; line-height: 30px; border: solid 1px #ddd; margin: 0 -1px 0 0; color: #555; background: #eee; }
|
|
||||||
dl.tabs dd a.active { background: #fff; border-width: 1px 1px 0px 1px; height: 30px; }
|
|
||||||
|
|
||||||
.nice.tabs { border-bottom: solid 1px #eee; margin: 0 0 30px 0; height:43px; }
|
|
||||||
.nice.tabs dd a { padding: 7px 18px 9px; font-size: 15px; font-size: 1.5rem; color: #555555; background: none; border: none; }
|
|
||||||
.nice.tabs dd a.active { font-weight: bold; color: #333; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 3px solid #00a6fc; margin: 0 10px; position: relative; top: -5px; }
|
|
||||||
.nice.tabs dd:first-child a.active { margin-left: 0; }
|
|
||||||
|
|
||||||
ul.tabs-content { margin: 0; display: block; }
|
|
||||||
ul.tabs-content > li { display:none; }
|
|
||||||
ul.tabs-content > li.active { display: block; }
|
|
||||||
|
|
||||||
dl.contained, dl.nice.contained { margin-bottom: 0px; }
|
|
||||||
dl.contained.tabs dd a { padding: 0px 14px; }
|
|
||||||
dl.nice.contained.tabs dd a { padding: 7px 18px 9px; }
|
|
||||||
|
|
||||||
ul.contained.tabs-content { padding: 0; }
|
|
||||||
ul.contained.tabs-content li { padding: 20px; border: solid 0px #ddd; border-width: 0px 1px 1px 1px; }
|
|
||||||
ul.nice.contained.tabs-content li { border-color: #eee; }
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
Pagination
|
|
||||||
-------------------------------------------------- */
|
|
||||||
ul.pagination { display: block; height: 24px; margin-left: -5px; }
|
|
||||||
ul.pagination li { float: left; display: block; height: 24px; color: #999; font-size: 15px; margin-left: 5px; }
|
|
||||||
ul.pagination li a { display: block; padding: 6px 7px 4px; color: #555; }
|
|
||||||
ul.pagination li.current a, ul.pagination li:hover a { border-bottom: solid 2px #00a6fc; color: #141414; }
|
|
||||||
ul.pagination li.unavailable a { cursor: default; color: #999; }
|
|
||||||
ul.pagination li.unavailable:hover a { border-bottom: none; }
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
Lists
|
|
||||||
-------------------------------------------------- */
|
|
||||||
ul.nice, ol.nice { list-style: none; margin: 0; }
|
|
||||||
ul.nice li, ol.nice li { padding-left: 13px; position: relative }
|
|
||||||
ul.nice li span.bullet, ol.nice li span.number { position: absolute; left: 0px; top: 0px; color: #ccc; }
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
Notices/Alerts
|
|
||||||
---------------------------------------------------*/
|
|
||||||
/* Alerts cannot be closed and notices can */
|
|
||||||
|
|
||||||
.notice, .alert {
|
|
||||||
position: relative;
|
|
||||||
background: #222 url(../images/misc/button-overlay.png) repeat-x bottom;
|
|
||||||
width: 100%;
|
|
||||||
margin: 10px 0;
|
|
||||||
-moz-border-radius: 3px;
|
|
||||||
-webkit-border-radius: 3px;
|
|
||||||
border-radius: 3px;
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.notice>span, .alert>span {
|
|
||||||
display: block;
|
|
||||||
padding: 5px 10px 6px;
|
|
||||||
}
|
|
||||||
.notice a.close {
|
|
||||||
font-size: 20px;
|
|
||||||
line-height: .5;
|
|
||||||
color: #fff;
|
|
||||||
text-shadow: 0 -1px 1px rbga(0,0,0,.25);
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
position: absolute;
|
|
||||||
right: 10px;
|
|
||||||
top: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* NOTES
|
|
||||||
|
|
||||||
Close button entity is ×
|
|
||||||
Sample Markup:
|
|
||||||
<div class="notice"><span>
|
|
||||||
This is awesome
|
|
||||||
<a class="close" href="#">×</a>
|
|
||||||
</span></div>
|
|
||||||
|
|
||||||
*/
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* --------------------------------------------------
|
|
||||||
Panels
|
|
||||||
-------------------------------------------------- */
|
|
||||||
div.panel {
|
|
||||||
padding: 20px 20px 2px 20px;
|
|
||||||
background: #efefef;
|
|
||||||
background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
|
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
|
|
||||||
box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
|
|
||||||
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
|
|
||||||
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.25);
|
|
||||||
margin: 0 0 20px 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
0
css/bootstrap/lib/accordion.less → css/less/accordion.less
Normal file → Executable file
0
css/bootstrap/lib/accordion.less → css/less/accordion.less
Normal file → Executable file
0
css/bootstrap/lib/alerts.less → css/less/alerts.less
Normal file → Executable file
0
css/bootstrap/lib/alerts.less → css/less/alerts.less
Normal file → Executable file
62
css/less/bootstrap.less
vendored
Executable file
62
css/less/bootstrap.less
vendored
Executable file
@@ -0,0 +1,62 @@
|
|||||||
|
/*!
|
||||||
|
* 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.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// CSS Reset
|
||||||
|
@import "reset.less";
|
||||||
|
|
||||||
|
// Core variables and mixins
|
||||||
|
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
|
||||||
|
@import "mixins.less";
|
||||||
|
|
||||||
|
// Grid system and page structure
|
||||||
|
@import "scaffolding.less";
|
||||||
|
@import "grid.less";
|
||||||
|
@import "layouts.less";
|
||||||
|
|
||||||
|
// Base CSS
|
||||||
|
@import "type.less";
|
||||||
|
@import "code.less";
|
||||||
|
@import "forms.less";
|
||||||
|
@import "tables.less";
|
||||||
|
|
||||||
|
// Components: common
|
||||||
|
@import "sprites.less";
|
||||||
|
@import "dropdowns.less";
|
||||||
|
@import "wells.less";
|
||||||
|
@import "component-animations.less";
|
||||||
|
@import "close.less";
|
||||||
|
|
||||||
|
// Components: Buttons & Alerts
|
||||||
|
@import "buttons.less";
|
||||||
|
@import "button-groups.less";
|
||||||
|
@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
|
||||||
|
|
||||||
|
// Components: Nav
|
||||||
|
@import "navs.less";
|
||||||
|
@import "navbar.less";
|
||||||
|
@import "breadcrumbs.less";
|
||||||
|
@import "pagination.less";
|
||||||
|
@import "pager.less";
|
||||||
|
|
||||||
|
// Components: Popovers
|
||||||
|
@import "modals.less";
|
||||||
|
@import "tooltip.less";
|
||||||
|
@import "popovers.less";
|
||||||
|
|
||||||
|
// Components: Misc
|
||||||
|
@import "thumbnails.less";
|
||||||
|
@import "labels.less";
|
||||||
|
@import "progress-bars.less";
|
||||||
|
@import "accordion.less";
|
||||||
|
@import "carousel.less";
|
||||||
|
@import "hero-unit.less";
|
||||||
|
|
||||||
|
// Utility classes
|
||||||
|
@import "utilities.less"; // Has to be last to override when necessary
|
||||||
0
css/bootstrap/lib/breadcrumbs.less → css/less/breadcrumbs.less
Normal file → Executable file
0
css/bootstrap/lib/breadcrumbs.less → css/less/breadcrumbs.less
Normal file → Executable file
0
css/bootstrap/lib/button-groups.less → css/less/button-groups.less
Normal file → Executable file
0
css/bootstrap/lib/button-groups.less → css/less/button-groups.less
Normal file → Executable file
2
css/bootstrap/lib/buttons.less → css/less/buttons.less
Normal file → Executable file
2
css/bootstrap/lib/buttons.less → css/less/buttons.less
Normal file → Executable file
@@ -107,7 +107,7 @@
|
|||||||
.btn-info,
|
.btn-info,
|
||||||
.btn-info:hover {
|
.btn-info:hover {
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
||||||
color: @white
|
color: @white;
|
||||||
}
|
}
|
||||||
// Provide *some* extra contrast for those who can get it
|
// Provide *some* extra contrast for those who can get it
|
||||||
.btn-primary.active,
|
.btn-primary.active,
|
||||||
0
css/bootstrap/lib/carousel.less → css/less/carousel.less
Normal file → Executable file
0
css/bootstrap/lib/carousel.less → css/less/carousel.less
Normal file → Executable file
0
css/bootstrap/lib/close.less → css/less/close.less
Normal file → Executable file
0
css/bootstrap/lib/close.less → css/less/close.less
Normal file → Executable file
0
css/bootstrap/lib/code.less → css/less/code.less
Normal file → Executable file
0
css/bootstrap/lib/code.less → css/less/code.less
Normal file → Executable file
0
css/bootstrap/lib/component-animations.less → css/less/component-animations.less
Normal file → Executable file
0
css/bootstrap/lib/component-animations.less → css/less/component-animations.less
Normal file → Executable file
0
css/bootstrap/lib/dropdowns.less → css/less/dropdowns.less
Normal file → Executable file
0
css/bootstrap/lib/dropdowns.less → css/less/dropdowns.less
Normal file → Executable file
515
css/less/forms.less
Executable file
515
css/less/forms.less
Executable file
@@ -0,0 +1,515 @@
|
|||||||
|
// Forms.less
|
||||||
|
// Base styles for various input types, form layouts, and states
|
||||||
|
// -------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
// GENERAL STYLES
|
||||||
|
// --------------
|
||||||
|
|
||||||
|
// Make all forms have space below them
|
||||||
|
form {
|
||||||
|
margin: 0 0 @baseLineHeight;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Groups of fields with labels on top (legends)
|
||||||
|
legend {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
margin-bottom: @baseLineHeight * 1.5;
|
||||||
|
font-size: @baseFontSize * 1.5;
|
||||||
|
line-height: @baseLineHeight * 2;
|
||||||
|
color: @grayDark;
|
||||||
|
border: 0;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Set font for forms
|
||||||
|
label,
|
||||||
|
input,
|
||||||
|
button,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
#font > .sans-serif(@baseFontSize,normal,@baseLineHeight);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Identify controls by their labels
|
||||||
|
label {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
color: @grayDark;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Inputs, Textareas, Selects
|
||||||
|
input,
|
||||||
|
textarea,
|
||||||
|
select,
|
||||||
|
.uneditable-input {
|
||||||
|
display: inline-block;
|
||||||
|
width: 210px;
|
||||||
|
height: @baseLineHeight;
|
||||||
|
padding: 4px;
|
||||||
|
margin-bottom: 9px;
|
||||||
|
font-size: @baseFontSize;
|
||||||
|
line-height: @baseLineHeight;
|
||||||
|
color: @gray;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
.border-radius(3px);
|
||||||
|
}
|
||||||
|
.uneditable-textarea {
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Inputs within a label
|
||||||
|
label input,
|
||||||
|
label textarea,
|
||||||
|
label select {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Mini reset for unique input types
|
||||||
|
input[type="image"],
|
||||||
|
input[type="checkbox"],
|
||||||
|
input[type="radio"] {
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
padding: 0;
|
||||||
|
margin: 3px 0;
|
||||||
|
*margin-top: 0; /* IE7 */
|
||||||
|
line-height: normal;
|
||||||
|
border: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
.border-radius(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Reset the file input to browser defaults
|
||||||
|
input[type="file"] {
|
||||||
|
padding: initial;
|
||||||
|
line-height: initial;
|
||||||
|
border: initial;
|
||||||
|
background-color: @white;
|
||||||
|
background-color: initial;
|
||||||
|
.box-shadow(none);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Help out input buttons
|
||||||
|
input[type="button"],
|
||||||
|
input[type="reset"],
|
||||||
|
input[type="submit"] {
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Set the height of select and file controls to match text inputs
|
||||||
|
select,
|
||||||
|
input[type="file"] {
|
||||||
|
height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */
|
||||||
|
*margin-top: 4px; /* For IE7, add top margin to align select with labels */
|
||||||
|
line-height: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Chrome on Linux and Mobile Safari need background-color
|
||||||
|
select {
|
||||||
|
width: 220px; // default input width + 10px of padding that doesn't get applied
|
||||||
|
background-color: @white;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Make multiple select elements height not fixed
|
||||||
|
select[multiple],
|
||||||
|
select[size] {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Remove shadow from image inputs
|
||||||
|
input[type="image"] {
|
||||||
|
.box-shadow(none);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Make textarea height behave
|
||||||
|
textarea {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Hidden inputs
|
||||||
|
input[type="hidden"] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// CHECKBOXES & RADIOS
|
||||||
|
// -------------------
|
||||||
|
|
||||||
|
// Indent the labels to position radios/checkboxes as hanging
|
||||||
|
.radio,
|
||||||
|
.checkbox {
|
||||||
|
padding-left: 18px;
|
||||||
|
}
|
||||||
|
.radio input[type="radio"],
|
||||||
|
.checkbox input[type="checkbox"] {
|
||||||
|
float: left;
|
||||||
|
margin-left: -18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Move the options list down to align with labels
|
||||||
|
.controls > .radio:first-child,
|
||||||
|
.controls > .checkbox:first-child {
|
||||||
|
padding-top: 5px; // has to be padding because margin collaspes
|
||||||
|
}
|
||||||
|
|
||||||
|
// Radios and checkboxes on same line
|
||||||
|
.radio.inline,
|
||||||
|
.checkbox.inline {
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 0;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.radio.inline + .radio.inline,
|
||||||
|
.checkbox.inline + .checkbox.inline {
|
||||||
|
margin-left: 10px; // space out consecutive inline controls
|
||||||
|
}
|
||||||
|
// But don't forget to remove their padding on first-child
|
||||||
|
.controls > .radio.inline:first-child,
|
||||||
|
.controls > .checkbox.inline:first-child {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// FOCUS STATE
|
||||||
|
// -----------
|
||||||
|
|
||||||
|
input,
|
||||||
|
textarea {
|
||||||
|
.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
|
||||||
|
@transition: border linear .2s, box-shadow linear .2s;
|
||||||
|
.transition(@transition);
|
||||||
|
}
|
||||||
|
input:focus,
|
||||||
|
textarea:focus {
|
||||||
|
border-color: rgba(82,168,236,.8);
|
||||||
|
@shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
|
||||||
|
.box-shadow(@shadow);
|
||||||
|
outline: 0;
|
||||||
|
outline: thin dotted \9; /* IE6-8 */
|
||||||
|
}
|
||||||
|
input[type="file"]:focus,
|
||||||
|
input[type="checkbox"]:focus,
|
||||||
|
select:focus {
|
||||||
|
.box-shadow(none); // override for file inputs
|
||||||
|
.tab-focus();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// INPUT SIZES
|
||||||
|
// -----------
|
||||||
|
|
||||||
|
// General classes for quick sizes
|
||||||
|
.input-mini { width: 60px; }
|
||||||
|
.input-small { width: 90px; }
|
||||||
|
.input-medium { width: 150px; }
|
||||||
|
.input-large { width: 210px; }
|
||||||
|
.input-xlarge { width: 270px; }
|
||||||
|
.input-xxlarge { width: 530px; }
|
||||||
|
|
||||||
|
// Grid style input sizes
|
||||||
|
input[class*="span"],
|
||||||
|
select[class*="span"],
|
||||||
|
textarea[class*="span"],
|
||||||
|
.uneditable-input {
|
||||||
|
float: none;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// GRID SIZING FOR INPUTS
|
||||||
|
// ----------------------
|
||||||
|
|
||||||
|
#inputGridSystem > .generate(@gridColumns, @gridColumnWidth, @gridGutterWidth);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// DISABLED STATE
|
||||||
|
// --------------
|
||||||
|
|
||||||
|
// Disabled and read-only inputs
|
||||||
|
input[disabled],
|
||||||
|
select[disabled],
|
||||||
|
textarea[disabled],
|
||||||
|
input[readonly],
|
||||||
|
select[readonly],
|
||||||
|
textarea[readonly] {
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border-color: #ddd;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// FORM FIELD FEEDBACK STATES
|
||||||
|
// --------------------------
|
||||||
|
|
||||||
|
// Mixin for form field states
|
||||||
|
.formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) {
|
||||||
|
// Set the text color
|
||||||
|
> label,
|
||||||
|
.help-block,
|
||||||
|
.help-inline {
|
||||||
|
color: @textColor;
|
||||||
|
}
|
||||||
|
// Style inputs accordingly
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
color: @textColor;
|
||||||
|
border-color: @borderColor;
|
||||||
|
&:focus {
|
||||||
|
border-color: darken(@borderColor, 10%);
|
||||||
|
.box-shadow(0 0 6px lighten(@borderColor, 20%));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Give a small background color for input-prepend/-append
|
||||||
|
.input-prepend .add-on,
|
||||||
|
.input-append .add-on {
|
||||||
|
color: @textColor;
|
||||||
|
background-color: @backgroundColor;
|
||||||
|
border-color: @textColor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Warning
|
||||||
|
.control-group.warning {
|
||||||
|
.formFieldState(@warningText, @warningText, @warningBackground);
|
||||||
|
}
|
||||||
|
// Error
|
||||||
|
.control-group.error {
|
||||||
|
.formFieldState(@errorText, @errorText, @errorBackground);
|
||||||
|
}
|
||||||
|
// Success
|
||||||
|
.control-group.success {
|
||||||
|
.formFieldState(@successText, @successText, @successBackground);
|
||||||
|
}
|
||||||
|
|
||||||
|
// HTML5 invalid states
|
||||||
|
// Shares styles with the .control-group.error above
|
||||||
|
input:focus:required:invalid,
|
||||||
|
textarea:focus:required:invalid,
|
||||||
|
select:focus:required:invalid {
|
||||||
|
color: #b94a48;
|
||||||
|
border-color: #ee5f5b;
|
||||||
|
&:focus {
|
||||||
|
border-color: darken(#ee5f5b, 10%);
|
||||||
|
.box-shadow(0 0 6px lighten(#ee5f5b, 20%));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// FORM ACTIONS
|
||||||
|
// ------------
|
||||||
|
|
||||||
|
.form-actions {
|
||||||
|
padding: (@baseLineHeight - 1) 20px @baseLineHeight;
|
||||||
|
margin-top: @baseLineHeight;
|
||||||
|
margin-bottom: @baseLineHeight;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
// For text that needs to appear as an input but should not be an input
|
||||||
|
.uneditable-input {
|
||||||
|
display: block;
|
||||||
|
background-color: @white;
|
||||||
|
border-color: #eee;
|
||||||
|
.box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Placeholder text gets special styles; can't be bundled together though for some reason
|
||||||
|
.placeholder(@grayLight);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// HELP TEXT
|
||||||
|
// ---------
|
||||||
|
|
||||||
|
.help-block {
|
||||||
|
margin-top: 5px;
|
||||||
|
margin-bottom: 0;
|
||||||
|
color: @grayLight;
|
||||||
|
}
|
||||||
|
|
||||||
|
.help-inline {
|
||||||
|
display: inline-block;
|
||||||
|
.ie7-inline-block();
|
||||||
|
margin-bottom: 9px;
|
||||||
|
vertical-align: middle;
|
||||||
|
padding-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// INPUT GROUPS
|
||||||
|
// ------------
|
||||||
|
|
||||||
|
// Allow us to put symbols and text within the input field for a cleaner look
|
||||||
|
.input-prepend,
|
||||||
|
.input-append {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
.clearfix(); // Clear the float to prevent wrapping
|
||||||
|
input,
|
||||||
|
.uneditable-input {
|
||||||
|
.border-radius(0 3px 3px 0);
|
||||||
|
&:focus {
|
||||||
|
position: relative;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.uneditable-input {
|
||||||
|
border-left-color: #ccc;
|
||||||
|
}
|
||||||
|
.add-on {
|
||||||
|
float: left;
|
||||||
|
display: block;
|
||||||
|
width: auto;
|
||||||
|
min-width: 16px;
|
||||||
|
height: @baseLineHeight;
|
||||||
|
margin-right: -1px;
|
||||||
|
padding: 4px 5px;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: @baseLineHeight;
|
||||||
|
color: @grayLight;
|
||||||
|
text-align: center;
|
||||||
|
text-shadow: 0 1px 0 @white;
|
||||||
|
background-color: #f5f5f5;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
.border-radius(3px 0 0 3px);
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
background-color: lighten(@green, 30);
|
||||||
|
border-color: @green;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.input-prepend {
|
||||||
|
.add-on {
|
||||||
|
*margin-top: 1px; /* IE6-7 */
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.input-append {
|
||||||
|
input,
|
||||||
|
.uneditable-input {
|
||||||
|
float: left;
|
||||||
|
.border-radius(3px 0 0 3px);
|
||||||
|
}
|
||||||
|
.uneditable-input {
|
||||||
|
border-right-color: #ccc;
|
||||||
|
}
|
||||||
|
.add-on {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: -1px;
|
||||||
|
.border-radius(0 3px 3px 0);
|
||||||
|
}
|
||||||
|
input:first-child {
|
||||||
|
// In IE7, having a hasLayout container (from clearfix's zoom:1) can make the first input
|
||||||
|
// inherit the sum of its ancestors' margins.
|
||||||
|
*margin-left: -160px;
|
||||||
|
|
||||||
|
&+.add-on {
|
||||||
|
*margin-left: -21px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// SEARCH FORM
|
||||||
|
// -----------
|
||||||
|
|
||||||
|
.search-query {
|
||||||
|
padding-left: 14px;
|
||||||
|
padding-right: 14px;
|
||||||
|
margin-bottom: 0; // remove the default margin on all inputs
|
||||||
|
.border-radius(14px);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// HORIZONTAL & VERTICAL FORMS
|
||||||
|
// ---------------------------
|
||||||
|
|
||||||
|
// Common properties
|
||||||
|
// -----------------
|
||||||
|
|
||||||
|
.form-search,
|
||||||
|
.form-inline,
|
||||||
|
.form-horizontal {
|
||||||
|
input,
|
||||||
|
textarea,
|
||||||
|
select,
|
||||||
|
.help-inline,
|
||||||
|
.uneditable-input {
|
||||||
|
display: inline-block;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.form-search label,
|
||||||
|
.form-inline label,
|
||||||
|
.form-search .input-append,
|
||||||
|
.form-inline .input-append,
|
||||||
|
.form-search .input-prepend,
|
||||||
|
.form-inline .input-prepend {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
// Make the prepend and append add-on vertical-align: middle;
|
||||||
|
.form-search .input-append .add-on,
|
||||||
|
.form-inline .input-prepend .add-on,
|
||||||
|
.form-search .input-append .add-on,
|
||||||
|
.form-inline .input-prepend .add-on {
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Margin to space out fieldsets
|
||||||
|
.control-group {
|
||||||
|
margin-bottom: @baseLineHeight / 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Horizontal-specific styles
|
||||||
|
// --------------------------
|
||||||
|
|
||||||
|
.form-horizontal {
|
||||||
|
// Legend collapses margin, so we're relegated to padding
|
||||||
|
legend + .control-group {
|
||||||
|
margin-top: @baseLineHeight;
|
||||||
|
-webkit-margin-top-collapse: separate;
|
||||||
|
}
|
||||||
|
// Increase spacing between groups
|
||||||
|
.control-group {
|
||||||
|
margin-bottom: @baseLineHeight;
|
||||||
|
.clearfix();
|
||||||
|
}
|
||||||
|
// Float the labels left
|
||||||
|
.control-group > label {
|
||||||
|
float: left;
|
||||||
|
width: 140px;
|
||||||
|
padding-top: 5px;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
// Move over all input controls and content
|
||||||
|
.controls {
|
||||||
|
margin-left: 160px;
|
||||||
|
}
|
||||||
|
// Move over buttons in .form-actions to align with .controls
|
||||||
|
.form-actions {
|
||||||
|
padding-left: 160px;
|
||||||
|
}
|
||||||
|
}
|
||||||
0
css/bootstrap/lib/grid.less → css/less/grid.less
Normal file → Executable file
0
css/bootstrap/lib/grid.less → css/less/grid.less
Normal file → Executable file
0
css/bootstrap/lib/hero-unit.less → css/less/hero-unit.less
Normal file → Executable file
0
css/bootstrap/lib/hero-unit.less → css/less/hero-unit.less
Normal file → Executable file
0
css/bootstrap/lib/labels.less → css/less/labels.less
Normal file → Executable file
0
css/bootstrap/lib/labels.less → css/less/labels.less
Normal file → Executable file
0
css/bootstrap/lib/layouts.less → css/less/layouts.less
Normal file → Executable file
0
css/bootstrap/lib/layouts.less → css/less/layouts.less
Normal file → Executable file
@@ -1,167 +0,0 @@
|
|||||||
/* Less Framework 4
|
|
||||||
http://lessframework.com
|
|
||||||
by Joni Korpi
|
|
||||||
License: http://opensource.org/licenses/mit-license.php */
|
|
||||||
|
|
||||||
|
|
||||||
/* Resets
|
|
||||||
------ */
|
|
||||||
|
|
||||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
|
|
||||||
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
|
|
||||||
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
|
|
||||||
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
|
|
||||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
||||||
article, aside, canvas, details, figure, figcaption, hgroup,
|
|
||||||
menu, footer, header, nav, section, summary, time, mark, audio, video {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
border: 0;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
article, aside, canvas, figure, figure img, figcaption, hgroup,
|
|
||||||
footer, header, nav, section, audio, video {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
a img {border: 0;}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Typography presets
|
|
||||||
------------------ */
|
|
||||||
|
|
||||||
.gigantic {
|
|
||||||
font-size: 123px;
|
|
||||||
line-height: 132px;
|
|
||||||
letter-spacing: -2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.huge, h1 {
|
|
||||||
font-size: 76px;
|
|
||||||
line-height: 84px;
|
|
||||||
letter-spacing: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.large, h2 {
|
|
||||||
font-size: 47px;
|
|
||||||
line-height: 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bigger, h3 {
|
|
||||||
font-size: 29px;
|
|
||||||
line-height: 36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.big, h4 {
|
|
||||||
font-size: 25px;
|
|
||||||
line-height: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font: 18px/24px "Times New Roman", Times, serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.small, small {
|
|
||||||
font-size: 13px;
|
|
||||||
line-height: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Selection colours (easy to forget) */
|
|
||||||
|
|
||||||
::selection {background: rgb(255,255,158);}
|
|
||||||
::-moz-selection {background: rgb(255,255,158);}
|
|
||||||
img::selection {background: transparent;}
|
|
||||||
img::-moz-selection {background: transparent;}
|
|
||||||
body {-webkit-tap-highlight-color: rgb(255,255,158);}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Default Layout: 992px.
|
|
||||||
Gutters: 24px.
|
|
||||||
Outer margins: 48px.
|
|
||||||
Leftover space for scrollbars @1024px: 32px.
|
|
||||||
-------------------------------------------------------------------------------
|
|
||||||
cols 1 2 3 4 5 6 7 8 9 10
|
|
||||||
px 68 160 252 344 436 528 620 712 804 896 */
|
|
||||||
|
|
||||||
body {
|
|
||||||
width: 896px;
|
|
||||||
padding: 72px 48px 84px;
|
|
||||||
background: #fff;
|
|
||||||
color: rgb(60,60,60);
|
|
||||||
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Tablet Layout: 768px.
|
|
||||||
Gutters: 24px.
|
|
||||||
Outer margins: 28px.
|
|
||||||
Inherits styles from: Default Layout.
|
|
||||||
-----------------------------------------------------------------
|
|
||||||
cols 1 2 3 4 5 6 7 8
|
|
||||||
px 68 160 252 344 436 528 620 712 */
|
|
||||||
|
|
||||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
|
||||||
|
|
||||||
body {
|
|
||||||
width: 712px;
|
|
||||||
padding: 48px 28px 60px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Mobile Layout: 320px.
|
|
||||||
Gutters: 24px.
|
|
||||||
Outer margins: 34px.
|
|
||||||
Inherits styles from: Default Layout.
|
|
||||||
---------------------------------------------
|
|
||||||
cols 1 2 3
|
|
||||||
px 68 160 252 */
|
|
||||||
|
|
||||||
@media only screen and (max-width: 767px) {
|
|
||||||
|
|
||||||
body {
|
|
||||||
width: 252px;
|
|
||||||
padding: 48px 34px 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* Wide Mobile Layout: 480px.
|
|
||||||
Gutters: 24px.
|
|
||||||
Outer margins: 22px.
|
|
||||||
Inherits styles from: Default Layout, Mobile Layout.
|
|
||||||
------------------------------------------------------------
|
|
||||||
cols 1 2 3 4 5
|
|
||||||
px 68 160 252 344 436 */
|
|
||||||
|
|
||||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
|
||||||
|
|
||||||
body {
|
|
||||||
width: 436px;
|
|
||||||
padding: 36px 22px 48px;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Retina media query.
|
|
||||||
Overrides styles for devices with a
|
|
||||||
device-pixel-ratio of 2+, such as iPhone 4.
|
|
||||||
----------------------------------------------- */
|
|
||||||
|
|
||||||
@media
|
|
||||||
only screen and (-webkit-min-device-pixel-ratio: 2),
|
|
||||||
only screen and (min-device-pixel-ratio: 2) {
|
|
||||||
|
|
||||||
body {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
537
css/less/mixins.less
Executable file
537
css/less/mixins.less
Executable file
@@ -0,0 +1,537 @@
|
|||||||
|
// Mixins.less
|
||||||
|
// Snippets of reusable CSS to develop faster and keep code readable
|
||||||
|
// -----------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
// UTILITY MIXINS
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
// Clearfix
|
||||||
|
// --------
|
||||||
|
// For clearing floats like a boss h5bp.com/q
|
||||||
|
.clearfix() {
|
||||||
|
*zoom: 1;
|
||||||
|
&:before,
|
||||||
|
&:after {
|
||||||
|
display: table;
|
||||||
|
content: "";
|
||||||
|
}
|
||||||
|
&:after {
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Webkit-style focus
|
||||||
|
// ------------------
|
||||||
|
.tab-focus() {
|
||||||
|
// Default
|
||||||
|
outline: thin dotted;
|
||||||
|
// Webkit
|
||||||
|
outline: 5px auto -webkit-focus-ring-color;
|
||||||
|
outline-offset: -2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Center-align a block level element
|
||||||
|
// ----------------------------------
|
||||||
|
.center-block() {
|
||||||
|
display: block;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
// IE7 inline-block
|
||||||
|
// ----------------
|
||||||
|
.ie7-inline-block() {
|
||||||
|
*display: inline; /* IE7 inline-block hack */
|
||||||
|
*zoom: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// IE7 likes to collapse whitespace on either side of the inline-block elements.
|
||||||
|
// Ems because we're attempting to match the width of a space character. Left
|
||||||
|
// version is for form buttons, which typically come after other elements, and
|
||||||
|
// right version is for icons, which come before. Applying both is ok, but it will
|
||||||
|
// mean that space between those elements will be .6em (~2 space characters) in IE7,
|
||||||
|
// instead of the 1 space in other browsers.
|
||||||
|
.ie7-restore-left-whitespace() {
|
||||||
|
*margin-left: .3em;
|
||||||
|
|
||||||
|
&:first-child {
|
||||||
|
*margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ie7-restore-right-whitespace() {
|
||||||
|
*margin-right: .3em;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
*margin-left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Sizing shortcuts
|
||||||
|
// -------------------------
|
||||||
|
.size(@height: 5px, @width: 5px) {
|
||||||
|
width: @width;
|
||||||
|
height: @height;
|
||||||
|
}
|
||||||
|
.square(@size: 5px) {
|
||||||
|
.size(@size, @size);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Placeholder text
|
||||||
|
// -------------------------
|
||||||
|
.placeholder(@color: @placeholderText) {
|
||||||
|
:-moz-placeholder {
|
||||||
|
color: @color;
|
||||||
|
}
|
||||||
|
::-webkit-input-placeholder {
|
||||||
|
color: @color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// FONTS
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
#font {
|
||||||
|
#family {
|
||||||
|
.serif() {
|
||||||
|
font-family: Georgia, "Times New Roman", Times, serif;
|
||||||
|
}
|
||||||
|
.sans-serif() {
|
||||||
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
.monospace() {
|
||||||
|
font-family: Menlo, Monaco, "Courier New", monospace;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.shorthand(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||||
|
font-size: @size;
|
||||||
|
font-weight: @weight;
|
||||||
|
line-height: @lineHeight;
|
||||||
|
}
|
||||||
|
.serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||||
|
#font > #family > .serif;
|
||||||
|
#font > .shorthand(@size, @weight, @lineHeight);
|
||||||
|
}
|
||||||
|
.sans-serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||||
|
#font > #family > .sans-serif;
|
||||||
|
#font > .shorthand(@size, @weight, @lineHeight);
|
||||||
|
}
|
||||||
|
.monospace(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) {
|
||||||
|
#font > #family > .monospace;
|
||||||
|
#font > .shorthand(@size, @weight, @lineHeight);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// GRID SYSTEM
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
// Site container
|
||||||
|
// -------------------------
|
||||||
|
.container-fixed() {
|
||||||
|
width: @gridRowWidth;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
.clearfix();
|
||||||
|
}
|
||||||
|
|
||||||
|
// Le grid system
|
||||||
|
// -------------------------
|
||||||
|
#gridSystem {
|
||||||
|
// Setup the mixins to be used
|
||||||
|
.columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, @columns) {
|
||||||
|
width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));
|
||||||
|
}
|
||||||
|
.offset(@gridColumnWidth, @gridGutterWidth, @columns) {
|
||||||
|
margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)) + (@gridGutterWidth * 2);
|
||||||
|
}
|
||||||
|
.gridColumn(@gridGutterWidth) {
|
||||||
|
float: left;
|
||||||
|
margin-left: @gridGutterWidth;
|
||||||
|
}
|
||||||
|
// Take these values and mixins, and make 'em do their thang
|
||||||
|
.generate(@gridColumns, @gridColumnWidth, @gridGutterWidth) {
|
||||||
|
// Row surrounds the columns
|
||||||
|
.row {
|
||||||
|
margin-left: @gridGutterWidth * -1;
|
||||||
|
.clearfix();
|
||||||
|
}
|
||||||
|
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7, thanks @dhg)
|
||||||
|
[class*="span"] {
|
||||||
|
#gridSystem > .gridColumn(@gridGutterWidth);
|
||||||
|
}
|
||||||
|
// Default columns
|
||||||
|
.span1 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 1); }
|
||||||
|
.span2 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 2); }
|
||||||
|
.span3 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 3); }
|
||||||
|
.span4 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 4); }
|
||||||
|
.span5 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 5); }
|
||||||
|
.span6 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 6); }
|
||||||
|
.span7 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 7); }
|
||||||
|
.span8 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 8); }
|
||||||
|
.span9 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 9); }
|
||||||
|
.span10 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 10); }
|
||||||
|
.span11 { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 11); }
|
||||||
|
.span12,
|
||||||
|
.container { #gridSystem > .columns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 12); }
|
||||||
|
// Offset column options
|
||||||
|
.offset1 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 1); }
|
||||||
|
.offset2 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 2); }
|
||||||
|
.offset3 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 3); }
|
||||||
|
.offset4 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 4); }
|
||||||
|
.offset5 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 5); }
|
||||||
|
.offset6 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 6); }
|
||||||
|
.offset7 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 7); }
|
||||||
|
.offset8 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 8); }
|
||||||
|
.offset9 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 9); }
|
||||||
|
.offset10 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 10); }
|
||||||
|
.offset11 { #gridSystem > .offset(@gridColumnWidth, @gridGutterWidth, 11); }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fluid grid system
|
||||||
|
// -------------------------
|
||||||
|
#fluidGridSystem {
|
||||||
|
// Setup the mixins to be used
|
||||||
|
.columns(@fluidGridGutterWidth, @fluidGridColumnWidth, @columns) {
|
||||||
|
width: 1% * (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
|
||||||
|
}
|
||||||
|
.gridColumn(@fluidGridGutterWidth) {
|
||||||
|
float: left;
|
||||||
|
margin-left: @fluidGridGutterWidth;
|
||||||
|
}
|
||||||
|
// Take these values and mixins, and make 'em do their thang
|
||||||
|
.generate(@gridColumns, @fluidGridColumnWidth, @fluidGridGutterWidth) {
|
||||||
|
// Row surrounds the columns
|
||||||
|
.row-fluid {
|
||||||
|
width: 100%;
|
||||||
|
.clearfix();
|
||||||
|
|
||||||
|
// Find all .span# classes within .row and give them the necessary properties for grid columns (supported by all browsers back to IE7, thanks @dhg)
|
||||||
|
> [class*="span"] {
|
||||||
|
#fluidGridSystem > .gridColumn(@fluidGridGutterWidth);
|
||||||
|
}
|
||||||
|
> [class*="span"]:first-child {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
// Default columns
|
||||||
|
.span1 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 1); }
|
||||||
|
.span2 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 2); }
|
||||||
|
.span3 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 3); }
|
||||||
|
.span4 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 4); }
|
||||||
|
.span5 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 5); }
|
||||||
|
.span6 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 6); }
|
||||||
|
.span7 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 7); }
|
||||||
|
.span8 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 8); }
|
||||||
|
.span9 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 9); }
|
||||||
|
.span10 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 10); }
|
||||||
|
.span11 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 11); }
|
||||||
|
.span12 { #fluidGridSystem > .columns(@fluidGridGutterWidth, @fluidGridColumnWidth, 12); }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Input grid system
|
||||||
|
// -------------------------
|
||||||
|
#inputGridSystem {
|
||||||
|
.inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, @columns) {
|
||||||
|
width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 10;
|
||||||
|
}
|
||||||
|
.generate(@gridColumns, @gridColumnWidth, @gridGutterWidth) {
|
||||||
|
input,
|
||||||
|
textarea,
|
||||||
|
.uneditable-input {
|
||||||
|
&.span1 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 1); }
|
||||||
|
&.span2 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 2); }
|
||||||
|
&.span3 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 3); }
|
||||||
|
&.span4 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 4); }
|
||||||
|
&.span5 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 5); }
|
||||||
|
&.span6 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 6); }
|
||||||
|
&.span7 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 7); }
|
||||||
|
&.span8 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 8); }
|
||||||
|
&.span9 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 9); }
|
||||||
|
&.span10 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 10); }
|
||||||
|
&.span11 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 11); }
|
||||||
|
&.span12 { #inputGridSystem > .inputColumns(@gridGutterWidth, @gridColumnWidth, @gridRowWidth, 12); }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// CSS3 PROPERTIES
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
// Border Radius
|
||||||
|
.border-radius(@radius: 5px) {
|
||||||
|
-webkit-border-radius: @radius;
|
||||||
|
-moz-border-radius: @radius;
|
||||||
|
border-radius: @radius;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Drop shadows
|
||||||
|
.box-shadow(@shadow: 0 1px 3px rgba(0,0,0,.25)) {
|
||||||
|
-webkit-box-shadow: @shadow;
|
||||||
|
-moz-box-shadow: @shadow;
|
||||||
|
box-shadow: @shadow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Transitions
|
||||||
|
.transition(@transition) {
|
||||||
|
-webkit-transition: @transition;
|
||||||
|
-moz-transition: @transition;
|
||||||
|
-ms-transition: @transition;
|
||||||
|
-o-transition: @transition;
|
||||||
|
transition: @transition;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Transformations
|
||||||
|
.rotate(@degrees) {
|
||||||
|
-webkit-transform: rotate(@degrees);
|
||||||
|
-moz-transform: rotate(@degrees);
|
||||||
|
-ms-transform: rotate(@degrees);
|
||||||
|
-o-transform: rotate(@degrees);
|
||||||
|
transform: rotate(@degrees);
|
||||||
|
}
|
||||||
|
.scale(@ratio) {
|
||||||
|
-webkit-transform: scale(@ratio);
|
||||||
|
-moz-transform: scale(@ratio);
|
||||||
|
-ms-transform: scale(@ratio);
|
||||||
|
-o-transform: scale(@ratio);
|
||||||
|
transform: scale(@ratio);
|
||||||
|
}
|
||||||
|
.translate(@x: 0, @y: 0) {
|
||||||
|
-webkit-transform: translate(@x, @y);
|
||||||
|
-moz-transform: translate(@x, @y);
|
||||||
|
-ms-transform: translate(@x, @y);
|
||||||
|
-o-transform: translate(@x, @y);
|
||||||
|
transform: translate(@x, @y);
|
||||||
|
}
|
||||||
|
.skew(@x: 0, @y: 0) {
|
||||||
|
-webkit-transform: translate(@x, @y);
|
||||||
|
-moz-transform: translate(@x, @y);
|
||||||
|
-ms-transform: translate(@x, @y);
|
||||||
|
-o-transform: translate(@x, @y);
|
||||||
|
transform: translate(@x, @y);
|
||||||
|
}
|
||||||
|
.skew(@x: 0, @y: 0) {
|
||||||
|
-webkit-transform: skew(@x, @y);
|
||||||
|
-moz-transform: skew(@x, @y);
|
||||||
|
-ms-transform: skew(@x, @y);
|
||||||
|
-o-transform: skew(@x, @y);
|
||||||
|
transform: skew(@x, @y);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Background clipping
|
||||||
|
// Heads up: FF 3.6 and under need "padding" instead of "padding-box"
|
||||||
|
.background-clip(@clip) {
|
||||||
|
-webkit-background-clip: @clip;
|
||||||
|
-moz-background-clip: @clip;
|
||||||
|
background-clip: @clip;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Background sizing
|
||||||
|
.background-size(@size){
|
||||||
|
-webkit-background-size: @size;
|
||||||
|
-moz-background-size: @size;
|
||||||
|
-o-background-size: @size;
|
||||||
|
background-size: @size;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Box sizing
|
||||||
|
.box-sizing(@boxmodel) {
|
||||||
|
-webkit-box-sizing: @boxmodel;
|
||||||
|
-moz-box-sizing: @boxmodel;
|
||||||
|
box-sizing: @boxmodel;
|
||||||
|
}
|
||||||
|
|
||||||
|
// User select
|
||||||
|
// For selecting text on the page
|
||||||
|
.user-select(@select) {
|
||||||
|
-webkit-user-select: @select;
|
||||||
|
-moz-user-select: @select;
|
||||||
|
-o-user-select: @select;
|
||||||
|
user-select: @select;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Resize anything
|
||||||
|
.resizable(@direction: both) {
|
||||||
|
resize: @direction; // Options: horizontal, vertical, both
|
||||||
|
overflow: auto; // Safari fix
|
||||||
|
}
|
||||||
|
|
||||||
|
// CSS3 Content Columns
|
||||||
|
.content-columns(@columnCount, @columnGap: @gridColumnGutter) {
|
||||||
|
-webkit-column-count: @columnCount;
|
||||||
|
-moz-column-count: @columnCount;
|
||||||
|
column-count: @columnCount;
|
||||||
|
-webkit-column-gap: @columnGap;
|
||||||
|
-moz-column-gap: @columnGap;
|
||||||
|
column-gap: @columnGap;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Opacity
|
||||||
|
.opacity(@opacity: 100) {
|
||||||
|
opacity: @opacity / 100;
|
||||||
|
filter: e(%("alpha(opacity=%d)", @opacity));
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// BACKGROUNDS
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
// Add an alphatransparency value to any background or border color (via Elyse Holladay)
|
||||||
|
#translucent {
|
||||||
|
.background(@color: @white, @alpha: 1) {
|
||||||
|
background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||||
|
}
|
||||||
|
.border(@color: @white, @alpha: 1) {
|
||||||
|
border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha);
|
||||||
|
.background-clip(padding-box);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gradient Bar Colors for buttons and alerts
|
||||||
|
.gradientBar(@primaryColor, @secondaryColor) {
|
||||||
|
#gradient > .vertical(@primaryColor, @secondaryColor);
|
||||||
|
border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%);
|
||||||
|
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Gradients
|
||||||
|
#gradient {
|
||||||
|
.horizontal(@startColor: #555, @endColor: #333) {
|
||||||
|
background-color: @endColor;
|
||||||
|
background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+
|
||||||
|
background-image: -ms-linear-gradient(left, @startColor, @endColor); // IE10
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
||||||
|
background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||||
|
background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10
|
||||||
|
background-image: linear-gradient(left, @startColor, @endColor); // Le standard
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",@startColor,@endColor)); // IE9 and down
|
||||||
|
}
|
||||||
|
.vertical(@startColor: #555, @endColor: #333) {
|
||||||
|
background-color: mix(@startColor, @endColor, 60%);
|
||||||
|
background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+
|
||||||
|
background-image: -ms-linear-gradient(top, @startColor, @endColor); // IE10
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+
|
||||||
|
background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||||
|
background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10
|
||||||
|
background-image: linear-gradient(top, @startColor, @endColor); // The standard
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down
|
||||||
|
}
|
||||||
|
.directional(@startColor: #555, @endColor: #333, @deg: 45deg) {
|
||||||
|
background-color: @endColor;
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+
|
||||||
|
background-image: -ms-linear-gradient(@deg, @startColor, @endColor); // IE10
|
||||||
|
background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+
|
||||||
|
background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10
|
||||||
|
background-image: linear-gradient(@deg, @startColor, @endColor); // The standard
|
||||||
|
}
|
||||||
|
.vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) {
|
||||||
|
background-color: mix(@midColor, @endColor, 80%);
|
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor));
|
||||||
|
background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||||
|
background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor);
|
||||||
|
background-image: -ms-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||||
|
background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||||
|
background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@startColor,@endColor)); // IE9 and down, gets no color-stop at all for proper fallback
|
||||||
|
}
|
||||||
|
.radial(@innerColor: #555, @outerColor: #333) {
|
||||||
|
background-color: @outerColor;
|
||||||
|
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor));
|
||||||
|
background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor);
|
||||||
|
background-image: -moz-radial-gradient(circle, @innerColor, @outerColor);
|
||||||
|
background-image: -ms-radial-gradient(circle, @innerColor, @outerColor);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
// Opera cannot do radial gradients yet
|
||||||
|
}
|
||||||
|
.striped(@color, @angle: -45deg) {
|
||||||
|
background-color: @color;
|
||||||
|
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));
|
||||||
|
background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||||
|
background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||||
|
background-image: -ms-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||||
|
background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||||
|
background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// Reset filters for IE
|
||||||
|
.reset-filter() {
|
||||||
|
filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Mixin for generating button backgrounds
|
||||||
|
// ---------------------------------------
|
||||||
|
.buttonBackground(@startColor, @endColor) {
|
||||||
|
// gradientBar will set the background to a pleasing blend of these, to support IE<=9
|
||||||
|
.gradientBar(@startColor, @endColor);
|
||||||
|
.reset-filter();
|
||||||
|
|
||||||
|
// in these cases the gradient won't cover the background, so we override
|
||||||
|
&:hover, &:active, &.active, &.disabled, &[disabled] {
|
||||||
|
background-color: @endColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
// IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
|
||||||
|
&:active,
|
||||||
|
&.active {
|
||||||
|
background-color: darken(@endColor, 10%) e("\9");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// COMPONENT MIXINS
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
// POPOVER ARROWS
|
||||||
|
// -------------------------
|
||||||
|
// For tipsies and popovers
|
||||||
|
#popoverArrow {
|
||||||
|
.top(@arrowWidth: 5px) {
|
||||||
|
bottom: 0;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -@arrowWidth;
|
||||||
|
border-left: @arrowWidth solid transparent;
|
||||||
|
border-right: @arrowWidth solid transparent;
|
||||||
|
border-top: @arrowWidth solid @black;
|
||||||
|
}
|
||||||
|
.left(@arrowWidth: 5px) {
|
||||||
|
top: 50%;
|
||||||
|
right: 0;
|
||||||
|
margin-top: -@arrowWidth;
|
||||||
|
border-top: @arrowWidth solid transparent;
|
||||||
|
border-bottom: @arrowWidth solid transparent;
|
||||||
|
border-left: @arrowWidth solid @black;
|
||||||
|
}
|
||||||
|
.bottom(@arrowWidth: 5px) {
|
||||||
|
top: 0;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -@arrowWidth;
|
||||||
|
border-left: @arrowWidth solid transparent;
|
||||||
|
border-right: @arrowWidth solid transparent;
|
||||||
|
border-bottom: @arrowWidth solid @black;
|
||||||
|
}
|
||||||
|
.right(@arrowWidth: 5px) {
|
||||||
|
top: 50%;
|
||||||
|
left: 0;
|
||||||
|
margin-top: -@arrowWidth;
|
||||||
|
border-top: @arrowWidth solid transparent;
|
||||||
|
border-bottom: @arrowWidth solid transparent;
|
||||||
|
border-right: @arrowWidth solid @black;
|
||||||
|
}
|
||||||
|
}
|
||||||
0
css/bootstrap/lib/modals.less → css/less/modals.less
Normal file → Executable file
0
css/bootstrap/lib/modals.less → css/less/modals.less
Normal file → Executable file
0
css/bootstrap/lib/navbar.less → css/less/navbar.less
Normal file → Executable file
0
css/bootstrap/lib/navbar.less → css/less/navbar.less
Normal file → Executable file
5
css/bootstrap/lib/navs.less → css/less/navs.less
Normal file → Executable file
5
css/bootstrap/lib/navs.less → css/less/navs.less
Normal file → Executable file
@@ -49,12 +49,13 @@
|
|||||||
.nav-list > li + .nav-header {
|
.nav-list > li + .nav-header {
|
||||||
margin-top: 9px;
|
margin-top: 9px;
|
||||||
}
|
}
|
||||||
.nav-list .active > a {
|
.nav-list .active > a,
|
||||||
|
.nav-list .active > a:hover {
|
||||||
color: @white;
|
color: @white;
|
||||||
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
||||||
background-color: @linkColor;
|
background-color: @linkColor;
|
||||||
}
|
}
|
||||||
.nav-list .icon {
|
.nav-list [class^="icon-"] {
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
0
css/bootstrap/lib/pager.less → css/less/pager.less
Normal file → Executable file
0
css/bootstrap/lib/pager.less → css/less/pager.less
Normal file → Executable file
0
css/bootstrap/lib/pagination.less → css/less/pagination.less
Normal file → Executable file
0
css/bootstrap/lib/pagination.less → css/less/pagination.less
Normal file → Executable file
0
css/bootstrap/lib/popovers.less → css/less/popovers.less
Normal file → Executable file
0
css/bootstrap/lib/popovers.less → css/less/popovers.less
Normal file → Executable file
0
css/bootstrap/lib/progress-bars.less → css/less/progress-bars.less
Normal file → Executable file
0
css/bootstrap/lib/progress-bars.less → css/less/progress-bars.less
Normal file → Executable file
89
css/bootstrap/lib/reset.less → css/less/reset.less
Normal file → Executable file
89
css/bootstrap/lib/reset.less → css/less/reset.less
Normal file → Executable file
@@ -1,44 +1,10 @@
|
|||||||
/* Reset.less
|
// Reset.less
|
||||||
* Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
|
// Adapted from Normalize.css http://github.com/necolas/normalize.css
|
||||||
* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
|
// ------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
// ERIC MEYER RESET
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
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 { border-collapse: collapse; border-spacing: 0; }
|
|
||||||
ol, ul { list-style: none; }
|
|
||||||
q:before, q:after, blockquote:before, blockquote:after { content: ""; }
|
|
||||||
|
|
||||||
|
|
||||||
// Normalize.css
|
|
||||||
// Pulling in select resets form the normalize.css project
|
|
||||||
// --------------------------------------------------
|
|
||||||
|
|
||||||
// Display in IE6-9 and FF3
|
// Display in IE6-9 and FF3
|
||||||
// -------------------------
|
// -------------------------
|
||||||
// Source: http://github.com/necolas/normalize.css
|
|
||||||
html {
|
|
||||||
overflow-y: scroll;
|
|
||||||
font-size: 100%;
|
|
||||||
-webkit-text-size-adjust: 100%;
|
|
||||||
-ms-text-size-adjust: 100%;
|
|
||||||
}
|
|
||||||
// Focus states
|
|
||||||
a:focus {
|
|
||||||
outline: thin dotted;
|
|
||||||
}
|
|
||||||
// Hover & Active
|
|
||||||
a:hover,
|
|
||||||
a:active {
|
|
||||||
outline: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Display in IE6-9 and FF3
|
|
||||||
// -------------------------
|
|
||||||
// Source: http://github.com/necolas/normalize.css
|
|
||||||
article,
|
article,
|
||||||
aside,
|
aside,
|
||||||
details,
|
details,
|
||||||
@@ -54,7 +20,7 @@ section {
|
|||||||
|
|
||||||
// Display block in IE6-9 and FF3
|
// Display block in IE6-9 and FF3
|
||||||
// -------------------------
|
// -------------------------
|
||||||
// Source: http://github.com/necolas/normalize.css
|
|
||||||
audio,
|
audio,
|
||||||
canvas,
|
canvas,
|
||||||
video {
|
video {
|
||||||
@@ -65,19 +31,37 @@ video {
|
|||||||
|
|
||||||
// Prevents modern browsers from displaying 'audio' without controls
|
// Prevents modern browsers from displaying 'audio' without controls
|
||||||
// -------------------------
|
// -------------------------
|
||||||
// Source: http://github.com/necolas/normalize.css
|
|
||||||
audio:not([controls]) {
|
audio:not([controls]) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Base settings
|
||||||
|
// -------------------------
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 100%;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
-ms-text-size-adjust: 100%;
|
||||||
|
}
|
||||||
|
// Focus states
|
||||||
|
a:focus {
|
||||||
|
.tab-focus();
|
||||||
|
}
|
||||||
|
// Hover & Active
|
||||||
|
a:hover,
|
||||||
|
a:active {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
|
||||||
// Prevents sub and sup affecting line-height in all browsers
|
// Prevents sub and sup affecting line-height in all browsers
|
||||||
// -------------------------
|
// -------------------------
|
||||||
// Source: http://github.com/necolas/normalize.css
|
|
||||||
sub,
|
sub,
|
||||||
sup {
|
sup {
|
||||||
|
position: relative;
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
position: relative;
|
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
sup {
|
sup {
|
||||||
@@ -89,35 +73,35 @@ sub {
|
|||||||
|
|
||||||
// Img border in a's and image quality
|
// Img border in a's and image quality
|
||||||
// -------------------------
|
// -------------------------
|
||||||
// Source: http://github.com/necolas/normalize.css
|
|
||||||
img {
|
img {
|
||||||
border: 0;
|
max-width: 100%;
|
||||||
-ms-interpolation-mode: bicubic;
|
height: auto;
|
||||||
|
border: 0;
|
||||||
|
-ms-interpolation-mode: bicubic;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Forms
|
// Forms
|
||||||
// -------------------------
|
// -------------------------
|
||||||
// Source: http://github.com/necolas/normalize.css
|
|
||||||
|
|
||||||
// Font size in all browsers, margin changes, misc consistency
|
// Font size in all browsers, margin changes, misc consistency
|
||||||
button,
|
button,
|
||||||
input,
|
input,
|
||||||
select,
|
select,
|
||||||
textarea {
|
textarea {
|
||||||
font-size: 100%;
|
|
||||||
margin: 0;
|
margin: 0;
|
||||||
vertical-align: baseline;
|
font-size: 100%;
|
||||||
*vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
button,
|
button,
|
||||||
input {
|
input {
|
||||||
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
|
||||||
*overflow: visible; // Inner spacing ie IE6/7
|
*overflow: visible; // Inner spacing ie IE6/7
|
||||||
|
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
||||||
}
|
}
|
||||||
button::-moz-focus-inner,
|
button::-moz-focus-inner,
|
||||||
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
||||||
border: 0;
|
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
}
|
}
|
||||||
button,
|
button,
|
||||||
input[type="button"],
|
input[type="button"],
|
||||||
@@ -132,10 +116,11 @@ input[type="search"] { // Appearance in Safari/Chrome
|
|||||||
-moz-box-sizing: content-box;
|
-moz-box-sizing: content-box;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
}
|
}
|
||||||
input[type="search"]::-webkit-search-decoration {
|
input[type="search"]::-webkit-search-decoration,
|
||||||
|
input[type="search"]::-webkit-search-cancel-button {
|
||||||
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
||||||
}
|
}
|
||||||
textarea {
|
textarea {
|
||||||
overflow: auto; // Remove vertical scrollbar in IE6-9
|
overflow: auto; // Remove vertical scrollbar in IE6-9
|
||||||
vertical-align: top; // Readability and alignment cross-browser
|
vertical-align: top; // Readability and alignment cross-browser
|
||||||
}
|
}
|
||||||
0
css/bootstrap/lib/responsive.less → css/less/responsive.less
Normal file → Executable file
0
css/bootstrap/lib/responsive.less → css/less/responsive.less
Normal file → Executable file
29
css/less/scaffolding.less
Executable file
29
css/less/scaffolding.less
Executable file
@@ -0,0 +1,29 @@
|
|||||||
|
// Scaffolding
|
||||||
|
// Basic and global styles for generating a grid system, structural layout, and page templates
|
||||||
|
// -------------------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
// STRUCTURAL LAYOUT
|
||||||
|
// -----------------
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: @baseFontFamily;
|
||||||
|
font-size: @baseFontSize;
|
||||||
|
line-height: @baseLineHeight;
|
||||||
|
color: @textColor;
|
||||||
|
background-color: @white;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// LINKS
|
||||||
|
// -----
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: @linkColor;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: @linkColorHover;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
0
css/bootstrap/lib/sprites.less → css/less/sprites.less
Normal file → Executable file
0
css/bootstrap/lib/sprites.less → css/less/sprites.less
Normal file → Executable file
139
css/less/tables.less
Executable file
139
css/less/tables.less
Executable file
@@ -0,0 +1,139 @@
|
|||||||
|
//
|
||||||
|
// Tables.less
|
||||||
|
// Tables for, you guessed it, tabular data
|
||||||
|
// ----------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
// BASE TABLES
|
||||||
|
// -----------------
|
||||||
|
|
||||||
|
table {
|
||||||
|
max-width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
border-spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// BASELINE STYLES
|
||||||
|
// ---------------
|
||||||
|
|
||||||
|
.table {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: @baseLineHeight;
|
||||||
|
// Cells
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
padding: 8px;
|
||||||
|
line-height: @baseLineHeight;
|
||||||
|
text-align: left;
|
||||||
|
border-top: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
th {
|
||||||
|
font-weight: bold;
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
// Remove top border from thead by default
|
||||||
|
thead:first-child tr th,
|
||||||
|
thead:first-child tr td {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
// Account for multiple tbody instances
|
||||||
|
tbody + tbody {
|
||||||
|
border-top: 2px solid #ddd;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// CONDENSED TABLE W/ HALF PADDING
|
||||||
|
// -------------------------------
|
||||||
|
|
||||||
|
.table-condensed {
|
||||||
|
th,
|
||||||
|
td {
|
||||||
|
padding: 4px 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// BORDERED VERSION
|
||||||
|
// ----------------
|
||||||
|
|
||||||
|
.table-bordered {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
border-collapse: separate; // Done so we can round those corners!
|
||||||
|
*border-collapse: collapsed; // IE7 can't round corners anyway
|
||||||
|
.border-radius(4px);
|
||||||
|
th + th,
|
||||||
|
td + td,
|
||||||
|
th + td,
|
||||||
|
td + th {
|
||||||
|
border-left: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
// Prevent a double border
|
||||||
|
thead:first-child tr:first-child th,
|
||||||
|
tbody:first-child tr:first-child th,
|
||||||
|
tbody:first-child tr:first-child td {
|
||||||
|
border-top: 0;
|
||||||
|
}
|
||||||
|
// For first th or td in the first row in the first thead or tbody
|
||||||
|
thead:first-child tr:first-child th:first-child,
|
||||||
|
tbody:first-child tr:first-child td:first-child {
|
||||||
|
.border-radius(4px 0 0 0);
|
||||||
|
}
|
||||||
|
thead:first-child tr:first-child th:last-child,
|
||||||
|
tbody:first-child tr:first-child td:last-child {
|
||||||
|
.border-radius(0 4px 0 0);
|
||||||
|
}
|
||||||
|
// For first th or td in the first row in the first thead or tbody
|
||||||
|
thead:last-child tr:last-child th:first-child,
|
||||||
|
tbody:last-child tr:last-child td:first-child {
|
||||||
|
.border-radius(0 0 0 4px);
|
||||||
|
}
|
||||||
|
thead:last-child tr:last-child th:last-child,
|
||||||
|
tbody:last-child tr:last-child td:last-child {
|
||||||
|
.border-radius(0 0 4px 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// ZEBRA-STRIPING
|
||||||
|
// --------------
|
||||||
|
|
||||||
|
// Default zebra-stripe styles (alternating gray and transparent backgrounds)
|
||||||
|
.table-striped {
|
||||||
|
tbody {
|
||||||
|
tr:nth-child(odd) td,
|
||||||
|
tr:nth-child(odd) th {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// TABLE CELL SIZING
|
||||||
|
// -----------------
|
||||||
|
|
||||||
|
// Change the columns
|
||||||
|
.tableColumns(@columnSpan: 1) {
|
||||||
|
float: none;
|
||||||
|
width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16;
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
|
table {
|
||||||
|
.span1 { .tableColumns(1); }
|
||||||
|
.span2 { .tableColumns(2); }
|
||||||
|
.span3 { .tableColumns(3); }
|
||||||
|
.span4 { .tableColumns(4); }
|
||||||
|
.span5 { .tableColumns(5); }
|
||||||
|
.span6 { .tableColumns(6); }
|
||||||
|
.span7 { .tableColumns(7); }
|
||||||
|
.span8 { .tableColumns(8); }
|
||||||
|
.span9 { .tableColumns(9); }
|
||||||
|
.span10 { .tableColumns(10); }
|
||||||
|
.span11 { .tableColumns(11); }
|
||||||
|
.span12 { .tableColumns(12); }
|
||||||
|
}
|
||||||
0
css/bootstrap/lib/thumbnails.less → css/less/thumbnails.less
Normal file → Executable file
0
css/bootstrap/lib/thumbnails.less → css/less/thumbnails.less
Normal file → Executable file
0
css/bootstrap/lib/tooltip.less → css/less/tooltip.less
Normal file → Executable file
0
css/bootstrap/lib/tooltip.less → css/less/tooltip.less
Normal file → Executable file
217
css/less/type.less
Executable file
217
css/less/type.less
Executable file
@@ -0,0 +1,217 @@
|
|||||||
|
// Typography.less
|
||||||
|
// Headings, body text, lists, code, and more for a versatile and durable typography system
|
||||||
|
// ----------------------------------------------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
// BODY TEXT
|
||||||
|
// ---------
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0 0 @baseLineHeight / 2;
|
||||||
|
font-family: @baseFontFamily;
|
||||||
|
font-size: @baseFontSize;
|
||||||
|
line-height: @baseLineHeight;
|
||||||
|
small {
|
||||||
|
font-size: @baseFontSize - 2;
|
||||||
|
color: @grayLight;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.lead {
|
||||||
|
margin-bottom: @baseLineHeight;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 200;
|
||||||
|
line-height: @baseLineHeight * 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// HEADINGS
|
||||||
|
// --------
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
margin: 0;
|
||||||
|
font-weight: bold;
|
||||||
|
color: @grayDark;
|
||||||
|
text-rendering: optimizelegibility; // Fix the character spacing for headings
|
||||||
|
small {
|
||||||
|
font-weight: normal;
|
||||||
|
color: @grayLight;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-size: 30px;
|
||||||
|
line-height: @baseLineHeight * 2;
|
||||||
|
small {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: @baseLineHeight * 2;
|
||||||
|
small {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
line-height: @baseLineHeight * 1.5;
|
||||||
|
font-size: 18px;
|
||||||
|
small {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
h4, h5, h6 {
|
||||||
|
line-height: @baseLineHeight;
|
||||||
|
}
|
||||||
|
h4 {
|
||||||
|
font-size: 14px;
|
||||||
|
small {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
h5 {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
h6 {
|
||||||
|
font-size: 11px;
|
||||||
|
color: @grayLight;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Page header
|
||||||
|
.page-header {
|
||||||
|
padding-bottom: @baseLineHeight - 1;
|
||||||
|
margin: @baseLineHeight 0;
|
||||||
|
border-bottom: 1px solid @grayLighter;
|
||||||
|
}
|
||||||
|
.page-header h1 {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// LISTS
|
||||||
|
// -----
|
||||||
|
|
||||||
|
// Unordered and Ordered lists
|
||||||
|
ul, ol {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0 0 @baseLineHeight / 2 25px;
|
||||||
|
}
|
||||||
|
ul ul,
|
||||||
|
ul ol,
|
||||||
|
ol ol,
|
||||||
|
ol ul {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
list-style: disc;
|
||||||
|
}
|
||||||
|
ol {
|
||||||
|
list-style: decimal;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
line-height: @baseLineHeight;
|
||||||
|
}
|
||||||
|
ul.unstyled {
|
||||||
|
margin-left: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Description Lists
|
||||||
|
dl {
|
||||||
|
margin-bottom: @baseLineHeight;
|
||||||
|
}
|
||||||
|
dt,
|
||||||
|
dd {
|
||||||
|
line-height: @baseLineHeight;
|
||||||
|
}
|
||||||
|
dt {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
dd {
|
||||||
|
margin-left: @baseLineHeight / 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// MISC
|
||||||
|
// ----
|
||||||
|
|
||||||
|
// Horizontal rules
|
||||||
|
hr {
|
||||||
|
margin: @baseLineHeight 0;
|
||||||
|
border: 0;
|
||||||
|
border-top: 1px solid #e5e5e5;
|
||||||
|
border-bottom: 1px solid @white;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Emphasis
|
||||||
|
strong {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
em {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.muted {
|
||||||
|
color: @grayLight;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Abbreviations and acronyms
|
||||||
|
abbr {
|
||||||
|
font-size: 90%;
|
||||||
|
text-transform: uppercase;
|
||||||
|
border-bottom: 1px dotted #ddd;
|
||||||
|
cursor: help;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Blockquotes
|
||||||
|
blockquote {
|
||||||
|
padding: 0 0 0 15px;
|
||||||
|
margin: 0 0 @baseLineHeight;
|
||||||
|
border-left: 5px solid @grayLighter;
|
||||||
|
p {
|
||||||
|
margin-bottom: 0;
|
||||||
|
#font > .shorthand(16px,300,@baseLineHeight * 1.25);
|
||||||
|
}
|
||||||
|
small {
|
||||||
|
display: block;
|
||||||
|
line-height: @baseLineHeight;
|
||||||
|
color: @grayLight;
|
||||||
|
&:before {
|
||||||
|
content: '\2014 \00A0';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Float right with text-align: right
|
||||||
|
&.pull-right {
|
||||||
|
float: right;
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 15px;
|
||||||
|
border-left: 0;
|
||||||
|
border-right: 5px solid @grayLighter;
|
||||||
|
p,
|
||||||
|
small {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Quotes
|
||||||
|
q:before,
|
||||||
|
q:after,
|
||||||
|
blockquote:before,
|
||||||
|
blockquote:after {
|
||||||
|
content: "";
|
||||||
|
}
|
||||||
|
|
||||||
|
// Addresses
|
||||||
|
address {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: @baseLineHeight;
|
||||||
|
line-height: @baseLineHeight;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Misc
|
||||||
|
small {
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
||||||
|
cite {
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
0
css/bootstrap/lib/utilities.less → css/less/utilities.less
Normal file → Executable file
0
css/bootstrap/lib/utilities.less → css/less/utilities.less
Normal file → Executable file
99
css/less/variables.less
Executable file
99
css/less/variables.less
Executable file
@@ -0,0 +1,99 @@
|
|||||||
|
// Variables.less
|
||||||
|
// Variables to customize the look and feel of Bootstrap
|
||||||
|
// -----------------------------------------------------
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// GLOBAL VALUES
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
// Links
|
||||||
|
@linkColor: #08c;
|
||||||
|
@linkColorHover: darken(@linkColor, 15%);
|
||||||
|
|
||||||
|
// Grays
|
||||||
|
@black: #000;
|
||||||
|
@grayDarker: #222;
|
||||||
|
@grayDark: #333;
|
||||||
|
@gray: #555;
|
||||||
|
@grayLight: #999;
|
||||||
|
@grayLighter: #eee;
|
||||||
|
@white: #fff;
|
||||||
|
|
||||||
|
// Accent colors
|
||||||
|
@blue: #049cdb;
|
||||||
|
@blueDark: #0064cd;
|
||||||
|
@green: #46a546;
|
||||||
|
@red: #9d261d;
|
||||||
|
@yellow: #ffc40d;
|
||||||
|
@orange: #f89406;
|
||||||
|
@pink: #c3325f;
|
||||||
|
@purple: #7a43b6;
|
||||||
|
|
||||||
|
// Typography
|
||||||
|
@baseFontSize: 13px;
|
||||||
|
@baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
@baseLineHeight: 18px;
|
||||||
|
@textColor: @grayDark;
|
||||||
|
|
||||||
|
// Buttons
|
||||||
|
@primaryButtonBackground: @linkColor;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// COMPONENT VARIABLES
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
// Z-index master list
|
||||||
|
// Used for a bird's eye view of components dependent on the z-axis
|
||||||
|
// Try to avoid customizing these :)
|
||||||
|
@zindexDropdown: 1000;
|
||||||
|
@zindexPopover: 1010;
|
||||||
|
@zindexTooltip: 1020;
|
||||||
|
@zindexFixedNavbar: 1030;
|
||||||
|
@zindexModalBackdrop: 1040;
|
||||||
|
@zindexModal: 1050;
|
||||||
|
|
||||||
|
// Input placeholder text color
|
||||||
|
@placeholderText: @grayLight;
|
||||||
|
|
||||||
|
// Navbar
|
||||||
|
@navbarHeight: 40px;
|
||||||
|
@navbarBackground: @grayDarker;
|
||||||
|
@navbarBackgroundHighlight: @grayDark;
|
||||||
|
|
||||||
|
@navbarText: @grayLight;
|
||||||
|
@navbarLinkColor: @grayLight;
|
||||||
|
@navbarLinkColorHover: @white;
|
||||||
|
|
||||||
|
// Form states and alerts
|
||||||
|
@warningText: #c09853;
|
||||||
|
@warningBackground: #fcf8e3;
|
||||||
|
@warningBorder: darken(spin(@warningBackground, -10), 3%);
|
||||||
|
|
||||||
|
@errorText: #b94a48;
|
||||||
|
@errorBackground: #f2dede;
|
||||||
|
@errorBorder: darken(spin(@errorBackground, -10), 3%);
|
||||||
|
|
||||||
|
@successText: #468847;
|
||||||
|
@successBackground: #dff0d8;
|
||||||
|
@successBorder: darken(spin(@successBackground, -10), 5%);
|
||||||
|
|
||||||
|
@infoText: #3a87ad;
|
||||||
|
@infoBackground: #d9edf7;
|
||||||
|
@infoBorder: darken(spin(@infoBackground, -10), 7%);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// GRID
|
||||||
|
// --------------------------------------------------
|
||||||
|
|
||||||
|
// Default 940px grid
|
||||||
|
@gridColumns: 12;
|
||||||
|
@gridColumnWidth: 60px;
|
||||||
|
@gridGutterWidth: 20px;
|
||||||
|
@gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
|
||||||
|
|
||||||
|
// Fluid grid
|
||||||
|
@fluidGridColumnWidth: 6.382978723%;
|
||||||
|
@fluidGridGutterWidth: 2.127659574%;
|
||||||
0
css/bootstrap/lib/wells.less → css/less/wells.less
Normal file → Executable file
0
css/bootstrap/lib/wells.less → css/less/wells.less
Normal file → Executable file
389
css/style.css
389
css/style.css
@@ -1,5 +1,9 @@
|
|||||||
/*
|
/*
|
||||||
* HTML5 ✰ Boilerplate
|
* HTML5 Boilerplate
|
||||||
|
*
|
||||||
|
* What follows is the result of much research on cross-browser styling.
|
||||||
|
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
|
||||||
|
* Kroc Camen, and the H5BP dev community and team.
|
||||||
*
|
*
|
||||||
* Detailed information about this CSS: h5bp.com/css
|
* Detailed information about this CSS: h5bp.com/css
|
||||||
*
|
*
|
||||||
@@ -12,14 +16,13 @@ audio:not([controls]) { display: none; }
|
|||||||
[hidden] { display: none; }
|
[hidden] { display: none; }
|
||||||
|
|
||||||
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
|
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
|
||||||
body { margin: 0; /* add your base font-size and line-height here */ }
|
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
|
||||||
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
|
body { margin: 0; font-size: 1em; line-height: 1.4; }
|
||||||
|
|
||||||
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
|
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
|
||||||
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
|
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
|
||||||
|
|
||||||
a { color: #00e; }
|
a { color: #00e; }
|
||||||
a:visited { color: #551a8b; }
|
|
||||||
a:hover { color: #06e; }
|
a:hover { color: #06e; }
|
||||||
a:focus { outline: thin dotted; }
|
a:focus { outline: thin dotted; }
|
||||||
a:hover, a:active { outline: 0; }
|
a:hover, a:active { outline: 0; }
|
||||||
@@ -53,6 +56,7 @@ legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
|
|||||||
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
|
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
|
||||||
button, input { line-height: normal; }
|
button, input { line-height: normal; }
|
||||||
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
|
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
|
||||||
|
button[disabled], input[disabled] { cursor: default; }
|
||||||
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
|
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
|
||||||
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
|
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
|
||||||
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
|
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
|
||||||
@@ -64,401 +68,38 @@ input:invalid, textarea:invalid { background-color: #f0dddd; }
|
|||||||
table { border-collapse: collapse; border-spacing: 0; }
|
table { border-collapse: collapse; border-spacing: 0; }
|
||||||
td { vertical-align: top; }
|
td { vertical-align: top; }
|
||||||
|
|
||||||
|
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
|
||||||
|
|
||||||
|
|
||||||
/* ==|== roots styles ======================================================= */
|
/* ==|== primary styles =====================================================
|
||||||
|
Author:
|
||||||
a:active, input.button:active { outline: 0; position: relative; top: 1px; }
|
|
||||||
|
|
||||||
.button, #post-nav a, #comments-nav a {
|
|
||||||
display: inline-block;
|
|
||||||
background: #06c;
|
|
||||||
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
|
||||||
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
|
||||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
|
||||||
background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
|
||||||
-moz-border-radius: 6px;
|
|
||||||
-webkit-border-radius: 6px;
|
|
||||||
border-radius: 6px;
|
|
||||||
color: #fff;
|
|
||||||
border: none;
|
|
||||||
padding: 8px 16px;
|
|
||||||
cursor: pointer;
|
|
||||||
text-decoration: none;
|
|
||||||
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
|
|
||||||
width: auto;
|
|
||||||
overflow: visible;
|
|
||||||
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
|
|
||||||
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
|
|
||||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2), 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
|
|
||||||
-webkit-appearance: none;
|
|
||||||
}
|
|
||||||
.button:hover, #post-nav a:hover, #comments-nav a:hover {
|
|
||||||
background: #09f;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Header
|
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
#banner { position: relative; margin: 16px auto 0; z-index: 1000; }
|
|
||||||
#banner .container { padding: 0; }
|
|
||||||
|
|
||||||
#logo { float: left; width: 300px; height: 75px; margin: 0 0 16px; padding: 0; }
|
|
||||||
|
|
||||||
#nav-main ul {
|
|
||||||
background: #06c;
|
|
||||||
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
|
||||||
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
|
||||||
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
|
||||||
background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.1));
|
|
||||||
position: relative;
|
|
||||||
list-style: none;
|
|
||||||
margin: 0 0 16px 0;
|
|
||||||
padding: 0;
|
|
||||||
float: left;
|
|
||||||
width: 100%;
|
|
||||||
-moz-border-radius: 6px;
|
|
||||||
-webkit-border-radius: 6px;
|
|
||||||
border-radius: 6px;
|
|
||||||
}
|
|
||||||
#nav-main ul li { float: left; margin: 0; *zoom: 1; }
|
|
||||||
#nav-main ul li:hover { position: relative; }
|
|
||||||
#nav-main ul li a {
|
|
||||||
text-decoration: none;
|
|
||||||
display: block;
|
|
||||||
font-size: 14px;
|
|
||||||
padding: 8px 16px;
|
|
||||||
color: #fff;
|
|
||||||
margin: 0;
|
|
||||||
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);
|
|
||||||
}
|
|
||||||
#nav-main ul li a:hover,
|
|
||||||
#nav-main ul li.current-menu-item > a,
|
|
||||||
#nav-main ul li.current-menu-parent > a,
|
|
||||||
#nav-main ul li.current-menu-ancestor > a,
|
|
||||||
#nav-main ul li.current-page-item > a,
|
|
||||||
#nav-main ul li.current-page-parent > a,
|
|
||||||
#nav-main ul li.current-page-ancestor > a
|
|
||||||
#nav-main ul li:hover > a {
|
|
||||||
color: #73c8ff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-main ul ul {
|
|
||||||
position: absolute;
|
|
||||||
visibility: hidden;
|
|
||||||
top: 100%;
|
|
||||||
left: 0;
|
|
||||||
width: 200px;
|
|
||||||
background: #73c8ff;
|
|
||||||
padding: 0;
|
|
||||||
-moz-border-radius: 0;
|
|
||||||
-webkit-border-radius: 0;
|
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
#nav-main ul ul li { float: none; }
|
|
||||||
#nav-main ul ul li a {
|
|
||||||
font-size: 12px;
|
|
||||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
|
|
||||||
padding: 4px 16px;
|
|
||||||
width: 168px; /* account for the width of ul#nav-main ul and the padding on the anchor */
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
}
|
|
||||||
#nav-main ul ul li a:hover,
|
|
||||||
#nav-main ul ul li.current-menu-item > a,
|
|
||||||
#nav-main ul ul li.current-menu-parent > a,
|
|
||||||
#nav-main ul ul li.current-menu-ancestor > a,
|
|
||||||
#nav-main ul ul li.current-page-item > a,
|
|
||||||
#nav-main ul ul li.current-page-parent > a,
|
|
||||||
#nav-main ul ul li.current-page-ancestor > a
|
|
||||||
#nav-main ul ul li:hover > a {
|
|
||||||
color: #06c;
|
|
||||||
}
|
|
||||||
|
|
||||||
#nav-main ul ul ul { left: 100%; top: 0; }
|
|
||||||
#nav-main ul li:hover > ul { visibility: visible; }
|
|
||||||
|
|
||||||
#nav-utility { position: absolute; top: 0; right: 0; }
|
|
||||||
#nav-utility ul { list-style: none; margin: 0; padding: 0; float: right; width: auto; position: relative; }
|
|
||||||
#nav-utility ul li { float: left; position: relative; }
|
|
||||||
#nav-utility ul li a { display: block; float: left; padding: 2px 6px; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Content
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
#content { margin-bottom: 24px; }
|
|
||||||
#content .container { width: auto; position: relative; padding: 0; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Primary Content
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
#main { position: relative; }
|
|
||||||
#main .container { padding: 0; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Sidebar
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
#sidebar { position: relative; }
|
|
||||||
#sidebar .container { width: auto; padding: 0; }
|
|
||||||
#sidebar .widget { clear: both; margin-bottom: 1.5em; }
|
|
||||||
#sidebar .widget .gform_wrapper ul { padding: 0; list-style-type: none; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Posts
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
.hentry header { margin-bottom: 1.5em; }
|
|
||||||
.hentry h1 { line-height: 1.2em; margin-bottom: 0.2em; }
|
|
||||||
.hentry h2:first-child { line-height: 1.2em; margin-bottom: 0; }
|
|
||||||
.hentry h2 a { text-decoration: none; }
|
|
||||||
.hentry time { display: block; font-size: 1.2em; position: relative; }
|
|
||||||
.hentry p.byline { }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Post & Comment Navigation
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
#post-nav { clear: both; *display: inline-block; }
|
|
||||||
#post-nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
|
|
||||||
#post-nav .post-previous { float: left; width: 50%; }
|
|
||||||
#post-nav .post-next { float: right; width: 50%; text-align: right; }
|
|
||||||
#post-nav .post-next a { float: right; }
|
|
||||||
|
|
||||||
#comments-nav { clear: both; margin: 0 0 1.5em 0; *display: inline-block; }
|
|
||||||
#comments-nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
|
|
||||||
#comments-nav .comments-previous { float: left; width: 50%; }
|
|
||||||
#comments-nav .comments-next { float: right; width: 50%; text-align: right; }
|
|
||||||
#comments-nav .comments-next a { float: right; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Post Comments
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
ol.commentlist img.avatar { float: left; margin-right: 10px; }
|
|
||||||
ol.commentlist time { display: block; font-size: 1em; margin-bottom: 0.5em; position: relative; }
|
|
||||||
#commentform label { display: block; }
|
|
||||||
#commentform textarea { display: block; }
|
|
||||||
#commentform input.button { margin-top: 0.5em; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Galleries
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
figure.gallery-item { float: left; margin: 0 1em 1em 0; position: relative; }
|
|
||||||
figure.gallery-item a img {
|
|
||||||
border: 4px solid #bbb;
|
|
||||||
-moz-border-radius: 6px;
|
|
||||||
-webkit-border-radius: 6px;
|
|
||||||
border-radius: 6px;
|
|
||||||
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
|
||||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
|
||||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
figure.gallery-item a:hover img { border-color: #ccc; }
|
|
||||||
figure.gallery-item figcaption { display: none; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Footer
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
#content-info { clear: both; position: relative; }
|
|
||||||
#content-info > .container { padding: 0 0 1.5em; }
|
|
||||||
|
|
||||||
#content-info ul.menu { margin: 0 0 24px; padding: 0; list-style-type: none; }
|
|
||||||
#content-info ul.menu li { display: inline; margin-right: 1em; }
|
|
||||||
|
|
||||||
#content-info p.copy small { font-size: 1em; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Gravity Forms
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
.gform_wrapper { margin: 0; max-width: none; }
|
|
||||||
.gform_wrapper .gform_heading { width: 100%; margin-bottom: 1.5em; }
|
|
||||||
.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title { font-size: 1.5em; font-weight: 400; }
|
|
||||||
.gform_wrapper h3.gform_title { margin-top: 0; }
|
|
||||||
.gform_wrapper .top_label .gfield_label { margin: 6px 0 0 0; }
|
|
||||||
.gform_wrapper .top_label input.medium { padding-right: 0; }
|
|
||||||
.gform_wrapper .left_label .gfield_label,
|
|
||||||
.gform_wrapper .right_label .gfield_label { margin: 10px 10px 0 0; }
|
|
||||||
.gform_wrapper .left_label ul.gfield_checkbox,
|
|
||||||
.gform_wrapper .left_label ul.gfield_radio,
|
|
||||||
.gform_wrapper .right_label ul.gfield_checkbox,
|
|
||||||
.gform_wrapper .right_label ul.gfield_radio {
|
|
||||||
margin: 9px 0 0 31%;
|
|
||||||
}
|
|
||||||
.gform_wrapper input[type=text],
|
|
||||||
.gform_wrapper input[type=url],
|
|
||||||
.gform_wrapper input[type=email],
|
|
||||||
.gform_wrapper input[type=tel],
|
|
||||||
.gform_wrapper input[type=file],
|
|
||||||
.gform_wrapper input[type=number],
|
|
||||||
.gform_wrapper input[type=password],
|
|
||||||
.gform_wrapper textarea,
|
|
||||||
.gform_wrapper select {
|
|
||||||
font-size: 1em;
|
|
||||||
line-height: 14px;
|
|
||||||
padding: 4px;
|
|
||||||
margin: 6px 0;
|
|
||||||
border: 1px solid #bbb;
|
|
||||||
-moz-background-clip: padding;
|
|
||||||
-webkit-background-clip: padding;
|
|
||||||
background-clip: padding-box;
|
|
||||||
-moz-box-sizing: border-box;
|
|
||||||
-webkit-box-sizing: border-box;
|
|
||||||
box-sizing: border-box;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.gform_wrapper input[type=text]:focus,
|
|
||||||
.gform_wrapper input[type=url]:focus,
|
|
||||||
.gform_wrapper input[type=email]:focus,
|
|
||||||
.gform_wrapper input[type=tel]:focus,
|
|
||||||
.gform_wrapper input[type=number]:focus,
|
|
||||||
.gform_wrapper input[type=password]:focus,
|
|
||||||
.gform_wrapper textarea:focus,
|
|
||||||
.gform_wrapper select:focus {
|
|
||||||
border: 1px solid #666;
|
|
||||||
}
|
|
||||||
.gform_wrapper select { padding: 3px; }
|
|
||||||
.gform_wrapper .small, .gform_wrapper .large { font-size: 1em; line-height: 14px; }
|
|
||||||
.gform_wrapper ul.right_label li,
|
|
||||||
.gform_wrapper ul.left_label li,
|
|
||||||
.gform_wrapper form ul.right_label li,
|
|
||||||
.gform_wrapper form ul.left_label li {
|
|
||||||
margin-bottom: 4px;
|
|
||||||
}
|
|
||||||
.gform_wrapper .description,
|
|
||||||
.gform_wrapper .gfield_description,
|
|
||||||
.gform_wrapper .gsection_description,
|
|
||||||
.gform_wrapper .instruction {
|
|
||||||
font-size: 0.9em;
|
|
||||||
font-style: normal;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.gform_wrapper .right_label .gfield_description,
|
|
||||||
.gform_wrapper .right_label .instruction,
|
|
||||||
.gform_wrapper .left_label .gfield_description,
|
|
||||||
.gform_wrapper .left_label .instruction {
|
|
||||||
padding: 0;
|
|
||||||
margin-left: 31%;
|
|
||||||
}
|
|
||||||
.gform_wrapper .ginput_complex label,
|
|
||||||
.gform_wrapper .gfield_time_hour label,
|
|
||||||
.gform_wrapper .gfield_time_minute label,
|
|
||||||
.gform_wrapper .gfield_date_month label,
|
|
||||||
.gform_wrapper .gfield_date_day label,
|
|
||||||
.gform_wrapper .gfield_date_year label,
|
|
||||||
.gform_wrapper .instruction {
|
|
||||||
font-size: 0.9em;
|
|
||||||
font-weight: 400;
|
|
||||||
letter-spacing: 0;
|
|
||||||
margin: 0 0 6px 0;
|
|
||||||
}
|
|
||||||
.gform_wrapper .gfield_checkbox li input[type=checkbox],
|
|
||||||
.gform_wrapper .gfield_radio li input[type=radio],
|
|
||||||
.gform_wrapper .gfield_checkbox li input { float: none; display: inline-block; margin-top: 0; vertical-align: middle; }
|
|
||||||
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { display: inline-block; margin: 0 0 0 8px; vertical-align: middle; }
|
|
||||||
.gform_wrapper .left_label .ginput_complex .ginput_right label,
|
|
||||||
.gform_wrapper .left_label .ginput_complex .ginput_left label,
|
|
||||||
.gform_wrapper .right_label .ginput_complex .ginput_right label,
|
|
||||||
.gform_wrapper .right_label .ginput_complex .ginput_left label { word-spacing: 0; }
|
|
||||||
.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { font-weight: 400; }
|
|
||||||
img.ui-datepicker-trigger { vertical-align: middle; }
|
|
||||||
.gform_wrapper .gf_progressbar_wrapper { width: 100%; }
|
|
||||||
.gform_wrapper .gf_page_steps { border-bottom: 1px dashed #ddd; width: 100%; }
|
|
||||||
.gform_wrapper .gf_step { font-family: sans-serif; }
|
|
||||||
.gform_wrapper .gf_step span.gf_step_number { font-family: sans-serif; }
|
|
||||||
.gform_wrapper .gsection { border-bottom: 1px dashed #ddd; }
|
|
||||||
.gform_wrapper .gform_page_footer { border-top: 1px dashed #ddd; }
|
|
||||||
.gform_wrapper .gform_footer { margin: 6px 0 0 0; padding: 0; }
|
|
||||||
.gform_wrapper .gform_footer.right_label, .gform_wrapper .gform_footer.left_label { margin: 6px 0 0 0; padding: 0 0 0 31%; }
|
|
||||||
.gform_footer input.button { *padding: 8px 16px; }
|
|
||||||
.gform_wrapper .gform_edit_link { display: none; }
|
|
||||||
.gform_wrapper .validation_error { font-size: 1em; font-weight: 400; padding: 0.8em; margin-bottom: 1.5em; background: #fbe3e4; color: #8a1f11; border: 2px solid #fbc2c4; }
|
|
||||||
.gform_wrapper .validation_message { display: none; }
|
|
||||||
.gform_wrapper li.gfield.gfield_error {
|
|
||||||
background: none;
|
|
||||||
margin-bottom: 6px !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.gform_wrapper .top_label .gfield_error .ginput_container { max-width: none; }
|
|
||||||
.gform_wrapper .top_label .gfield_error { margin-bottom: 0 !important; }
|
|
||||||
.gform_wrapper .gfield_error .gfield_label { color: #8a1f11; }
|
|
||||||
.gform_wrapper .gfield_error input,
|
|
||||||
.gform_wrapper .gfield_error select,
|
|
||||||
.gform_wrapper .gfield_error textarea { background: #FBE3E4; border-color: #FBC2C4; }
|
|
||||||
.gform_wrapper .top_label .gfield_error input,
|
|
||||||
.gform_wrapper .top_label .gfield_error textarea,
|
|
||||||
.gform_wrapper .top_label .gfield_error select { border-color: #FBC2C4; }
|
|
||||||
.gform_wrapper .top_label .gfield_error { width: auto; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* =============================================================================
|
|
||||||
Search form
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
#searchform #s { padding: 5px; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* ==|== media queries ======================================================
|
/* ==|== media queries ======================================================
|
||||||
PLACEHOLDER Media Queries for Responsive Design.
|
EXAMPLE Media Query for Responsive Design.
|
||||||
These override the primary ('mobile first') styles
|
This example overrides the primary ('mobile first') styles
|
||||||
Modify as content requires.
|
Modify as content requires.
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
@media only screen and (min-width: 480px) {
|
@media only screen and (min-width: 35em) {
|
||||||
/* Style adjustments for viewports 480px and over go here */
|
/* Style adjustments for viewports that meet the condition */
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 768px) {
|
|
||||||
/* Style adjustments for viewports 768px and over go here */
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* ==|== wordpress generated classes ========================================
|
|
||||||
See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
|
|
||||||
========================================================================== */
|
|
||||||
|
|
||||||
.aligncenter { display: block; margin: 0 auto; }
|
|
||||||
.alignleft { margin: 0 1.5em 1.5em 0; float: left; }
|
|
||||||
.alignright { margin: 0 0 1.5em 1.5em; float: right; }
|
|
||||||
|
|
||||||
.wp-caption { border: 1px solid #ddd; text-align: center; background: #eee; padding: 14px 10px 6px 10px; margin: 15px 10px; }
|
|
||||||
.wp-caption-text { margin: 0; }
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* ==|== non-semantic helper classes ======================================== */
|
/* ==|== non-semantic helper classes ======================================== */
|
||||||
|
|||||||
240
editor-style.css
240
editor-style.css
@@ -3,5 +3,241 @@ Theme Name: Roots
|
|||||||
Description: Used to style the TinyMCE editor
|
Description: Used to style the TinyMCE editor
|
||||||
*/
|
*/
|
||||||
|
|
||||||
img.left, p img.left, .alignleft { margin: 0 1.5em 1.5em 0; float: left; }
|
body {
|
||||||
img.right, p img.right, .alignright { margin: 0 0 1.5em 1.5em; float: right; }
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 18px;
|
||||||
|
color: #333333;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
color: #0088cc;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #005580;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
margin: 0 0 9px;
|
||||||
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 18px;
|
||||||
|
}
|
||||||
|
p small {
|
||||||
|
font-size: 11px;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
.lead {
|
||||||
|
margin-bottom: 18px;
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 200;
|
||||||
|
line-height: 27px;
|
||||||
|
}
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
margin: 0;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333333;
|
||||||
|
text-rendering: optimizelegibility;
|
||||||
|
}
|
||||||
|
h1 small,
|
||||||
|
h2 small,
|
||||||
|
h3 small,
|
||||||
|
h4 small,
|
||||||
|
h5 small,
|
||||||
|
h6 small {
|
||||||
|
font-weight: normal;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
.page-header {
|
||||||
|
padding-bottom: 17px;
|
||||||
|
margin: 18px 0;
|
||||||
|
border-bottom: 1px solid #eeeeee;
|
||||||
|
}
|
||||||
|
.page-header h1 {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
ul, ol {
|
||||||
|
padding: 0;
|
||||||
|
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 #ffffff;
|
||||||
|
}
|
||||||
|
strong {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
em {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.muted {
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
abbr {
|
||||||
|
font-size: 90%;
|
||||||
|
text-transform: uppercase;
|
||||||
|
border-bottom: 1px dotted #ddd;
|
||||||
|
cursor: help;
|
||||||
|
}
|
||||||
|
blockquote {
|
||||||
|
padding: 0 0 0 15px;
|
||||||
|
margin: 0 0 18px;
|
||||||
|
border-left: 5px solid #eeeeee;
|
||||||
|
}
|
||||||
|
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 #eeeeee;
|
||||||
|
}
|
||||||
|
blockquote.pull-right p, blockquote.pull-right small {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
q:before,
|
||||||
|
q:after,
|
||||||
|
blockquote:before,
|
||||||
|
blockquote:after {
|
||||||
|
content: "";
|
||||||
|
}
|
||||||
|
address {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 18px;
|
||||||
|
line-height: 18px;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
small {
|
||||||
|
font-size: 100%;
|
||||||
|
}
|
||||||
|
cite {
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
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: 3px 4px;
|
||||||
|
color: #d14;
|
||||||
|
background-color: #f7f7f9;
|
||||||
|
border: 1px solid #e1e1e8;
|
||||||
|
}
|
||||||
|
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;
|
||||||
|
}
|
||||||
15
footer.php
15
footer.php
@@ -1,21 +1,16 @@
|
|||||||
|
|
||||||
<?php roots_footer_before(); ?>
|
<?php roots_footer_before(); ?>
|
||||||
<footer id="content-info" class="<?php global $roots_options; echo $roots_options['container_class']; ?>" role="contentinfo">
|
<footer id="content-info" class="<?php echo WRAP_CLASSES; ?>" role="contentinfo">
|
||||||
<?php roots_footer_inside(); ?>
|
<?php roots_footer_inside(); ?>
|
||||||
<div class="container">
|
<?php dynamic_sidebar('roots-footer'); ?>
|
||||||
<?php dynamic_sidebar('roots-footer'); ?>
|
<p class="copy"><small>© <?php echo date('Y'); ?> <?php bloginfo('name'); ?></small></p>
|
||||||
<p class="copy"><small>© <?php echo date('Y'); ?> <?php bloginfo('name'); ?></small></p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
</footer>
|
||||||
<?php roots_footer_after(); ?>
|
<?php roots_footer_after(); ?>
|
||||||
|
|
||||||
</div><!-- /#wrap -->
|
</div><!-- /#wrap -->
|
||||||
|
|
||||||
<?php wp_footer(); ?>
|
<?php wp_footer(); ?>
|
||||||
<?php roots_footer(); ?>
|
<?php roots_footer(); ?>
|
||||||
|
|
||||||
<!--[if lt IE 7]>
|
|
||||||
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
|
|
||||||
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
|
|
||||||
<![endif]-->
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@@ -1,24 +1,20 @@
|
|||||||
<?php get_header(); ?>
|
<?php get_header(); ?>
|
||||||
<?php roots_content_before(); ?>
|
<?php roots_content_before(); ?>
|
||||||
<div id="content" class="<?php echo $roots_options['container_class']; ?>">
|
<div id="content" class="<?php echo CONTAINER_CLASSES; ?>">
|
||||||
<?php roots_main_before(); ?>
|
<?php roots_main_before(); ?>
|
||||||
<div id="main" class="<?php echo $roots_options['main_class']; ?>" role="main">
|
<div id="main" class="<?php echo MAIN_CLASSES; ?>" role="main">
|
||||||
<div class="container">
|
<?php roots_loop_before(); ?>
|
||||||
<?php roots_loop_before(); ?>
|
<?php get_template_part('loop', 'page'); ?>
|
||||||
<?php get_template_part('loop', 'page'); ?>
|
<?php roots_loop_after(); ?>
|
||||||
<?php roots_loop_after(); ?>
|
|
||||||
</div>
|
|
||||||
</div><!-- /#main -->
|
</div><!-- /#main -->
|
||||||
<?php roots_main_after(); ?>
|
<?php roots_main_after(); ?>
|
||||||
<?php roots_sidebar_before(); ?>
|
<?php roots_sidebar_before(); ?>
|
||||||
<aside id="sidebar" class="<?php echo $roots_options['sidebar_class']; ?>" role="complementary">
|
<aside id="sidebar" class="<?php echo SIDEBAR_CLASSES; ?>" role="complementary">
|
||||||
<?php roots_sidebar_inside_before(); ?>
|
<?php roots_sidebar_inside_before(); ?>
|
||||||
<div class="container">
|
<?php get_sidebar(); ?>
|
||||||
<?php get_sidebar(); ?>
|
|
||||||
</div>
|
|
||||||
<?php roots_sidebar_inside_after(); ?>
|
<?php roots_sidebar_inside_after(); ?>
|
||||||
</aside><!-- /#sidebar -->
|
</aside><!-- /#sidebar -->
|
||||||
<?php roots_sidebar_after(); ?>
|
<?php roots_sidebar_after(); ?>
|
||||||
</div><!-- /#content -->
|
</div><!-- /#content -->
|
||||||
<?php roots_content_after(); ?>
|
<?php roots_content_after(); ?>
|
||||||
<?php get_footer(); ?>
|
<?php get_footer(); ?>
|
||||||
@@ -1,9 +1,9 @@
|
|||||||
<?php // https://github.com/retlehs/roots/wiki
|
<?php // https://github.com/retlehs/roots/wiki
|
||||||
|
|
||||||
if (!defined('__DIR__')) define('__DIR__', dirname(__FILE__));
|
if (!defined('__DIR__')) { define('__DIR__', dirname(__FILE__)); }
|
||||||
|
|
||||||
|
require_once locate_template('/inc/roots-config.php'); // config
|
||||||
require_once locate_template('/inc/roots-activation.php'); // activation
|
require_once locate_template('/inc/roots-activation.php'); // activation
|
||||||
require_once locate_template('/inc/roots-options.php'); // theme options
|
|
||||||
require_once locate_template('/inc/roots-cleanup.php'); // cleanup
|
require_once locate_template('/inc/roots-cleanup.php'); // cleanup
|
||||||
require_once locate_template('/inc/roots-scripts.php'); // modified scripts output
|
require_once locate_template('/inc/roots-scripts.php'); // modified scripts output
|
||||||
require_once locate_template('/inc/roots-htaccess.php'); // rewrites for assets, h5bp htaccess
|
require_once locate_template('/inc/roots-htaccess.php'); // rewrites for assets, h5bp htaccess
|
||||||
@@ -12,25 +12,9 @@ require_once locate_template('/inc/roots-actions.php'); // actions
|
|||||||
require_once locate_template('/inc/roots-widgets.php'); // widgets
|
require_once locate_template('/inc/roots-widgets.php'); // widgets
|
||||||
require_once locate_template('/inc/roots-custom.php'); // custom functions
|
require_once locate_template('/inc/roots-custom.php'); // custom functions
|
||||||
|
|
||||||
$roots_options = roots_get_theme_options();
|
|
||||||
|
|
||||||
// set the maximum 'Large' image width to the maximum grid width
|
// set the maximum 'Large' image width to the maximum grid width
|
||||||
// http://wordpress.stackexchange.com/q/11766
|
// http://wordpress.stackexchange.com/q/11766
|
||||||
if (!isset($content_width)) {
|
if (!isset($content_width)) { $content_width = 940; }
|
||||||
global $roots_options;
|
|
||||||
$roots_css_framework = $roots_options['css_framework'];
|
|
||||||
switch ($roots_css_framework) {
|
|
||||||
case 'blueprint': $content_width = 950; break;
|
|
||||||
case '960gs_12': $content_width = 940; break;
|
|
||||||
case '960gs_16': $content_width = 940; break;
|
|
||||||
case '960gs_24': $content_width = 940; break;
|
|
||||||
case '1140': $content_width = 1140; break;
|
|
||||||
case 'adapt': $content_width = 940; break;
|
|
||||||
case 'bootstrap': $content_width = 940; break;
|
|
||||||
case 'foundation': $content_width = 980; break;
|
|
||||||
default: $content_width = 950; break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function roots_setup() {
|
function roots_setup() {
|
||||||
load_theme_textdomain('roots', get_template_directory() . '/lang');
|
load_theme_textdomain('roots', get_template_directory() . '/lang');
|
||||||
@@ -49,8 +33,7 @@ function roots_setup() {
|
|||||||
|
|
||||||
// http://codex.wordpress.org/Function_Reference/register_nav_menus
|
// http://codex.wordpress.org/Function_Reference/register_nav_menus
|
||||||
register_nav_menus(array(
|
register_nav_menus(array(
|
||||||
'primary_navigation' => __('Primary Navigation', 'roots'),
|
'primary_navigation' => __('Primary Navigation', 'roots')
|
||||||
'utility_navigation' => __('Utility Navigation', 'roots')
|
|
||||||
));
|
));
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -66,7 +49,7 @@ function roots_register_sidebars() {
|
|||||||
'id' => 'roots-' . sanitize_title($sidebar),
|
'id' => 'roots-' . sanitize_title($sidebar),
|
||||||
'name' => __($sidebar, 'roots'),
|
'name' => __($sidebar, 'roots'),
|
||||||
'description' => __($sidebar, 'roots'),
|
'description' => __($sidebar, 'roots'),
|
||||||
'before_widget' => '<article id="%1$s" class="widget %2$s"><div class="container">',
|
'before_widget' => '<article id="%1$s" class="widget %2$s"><div class="widget-inner">',
|
||||||
'after_widget' => '</div></article>',
|
'after_widget' => '</div></article>',
|
||||||
'before_title' => '<h3>',
|
'before_title' => '<h3>',
|
||||||
'after_title' => '</h3>'
|
'after_title' => '</h3>'
|
||||||
|
|||||||
41
header.php
41
header.php
@@ -8,7 +8,7 @@
|
|||||||
|
|
||||||
<title><?php wp_title('|', true, 'right'); bloginfo('name'); ?></title>
|
<title><?php wp_title('|', true, 'right'); bloginfo('name'); ?></title>
|
||||||
|
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
<meta name="viewport" content="width=device-width">
|
||||||
|
|
||||||
<?php roots_stylesheets(); ?>
|
<?php roots_stylesheets(); ?>
|
||||||
|
|
||||||
@@ -25,27 +25,28 @@
|
|||||||
|
|
||||||
<body <?php body_class(roots_body_class()); ?>>
|
<body <?php body_class(roots_body_class()); ?>>
|
||||||
|
|
||||||
<?php roots_wrap_before(); ?>
|
<!--[if lt IE 7]><p class="chromeframe">Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
|
||||||
<div id="wrap" class="container" role="document">
|
|
||||||
<?php roots_header_before(); ?>
|
<?php roots_header_before(); ?>
|
||||||
<header id="banner" class="<?php global $roots_options; echo $roots_options['container_class']; ?>" role="banner">
|
<header id="banner" class="navbar navbar-fixed-top" role="banner">
|
||||||
<?php roots_header_inside(); ?>
|
<?php roots_header_inside(); ?>
|
||||||
<div class="container">
|
<div class="navbar-inner">
|
||||||
|
<div class="<?php echo WRAP_CLASSES; ?>">
|
||||||
<a id="logo" href="<?php echo home_url(); ?>/">
|
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
|
||||||
<img src="http://placehold.it/300x75" width="300" height="75" alt="<?php bloginfo('name'); ?>">
|
<span class="icon-bar"></span>
|
||||||
</a>
|
<span class="icon-bar"></span>
|
||||||
|
<span class="icon-bar"></span>
|
||||||
<nav id="nav-main" role="navigation">
|
</a>
|
||||||
<?php wp_nav_menu(array('theme_location' => 'primary_navigation')); ?>
|
<a class="brand" href="<?php echo home_url(); ?>/">
|
||||||
</nav>
|
<?php bloginfo('name'); ?>
|
||||||
|
</a>
|
||||||
<?php if (wp_get_nav_menu_items('Utility Navigation')) { ?>
|
<nav id="nav-main" class="nav-collapse" role="navigation">
|
||||||
<nav id="nav-utility">
|
<?php wp_nav_menu(array('theme_location' => 'primary_navigation', 'walker' => new Roots_Navbar_Nav_Walker())); ?>
|
||||||
<?php wp_nav_menu(array('theme_location' => 'utility_navigation')); ?>
|
</nav>
|
||||||
</nav>
|
</div>
|
||||||
<?php } ?>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<?php roots_header_after(); ?>
|
<?php roots_header_after(); ?>
|
||||||
|
|
||||||
|
<?php roots_wrap_before(); ?>
|
||||||
|
<div id="wrap" class="<?php echo WRAP_CLASSES; ?>" role="document">
|
||||||
BIN
img/glyphicons-halflings-white.png
Executable file
BIN
img/glyphicons-halflings-white.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
img/glyphicons-halflings.png
Executable file
BIN
img/glyphicons-halflings.png
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
@@ -1,33 +0,0 @@
|
|||||||
jQuery.noConflict();
|
|
||||||
|
|
||||||
jQuery(document).ready(function(){
|
|
||||||
var $main = jQuery('#main_class');
|
|
||||||
var $sidebar = jQuery('#sidebar_class');
|
|
||||||
var $fullwidth = jQuery('#fullwidth_class');
|
|
||||||
var framework = jQuery('.roots_css_frameworks select option:selected').val();
|
|
||||||
var user_main_class = $main.val();
|
|
||||||
var user_sidebar_class = $sidebar.val();
|
|
||||||
var user_fullwidth_class = $fullwidth.val();
|
|
||||||
|
|
||||||
jQuery('.roots_css_frameworks select').change(function (e) {
|
|
||||||
var main_class = roots_css_frameworks[this.value].classes.main;
|
|
||||||
var sidebar_class = roots_css_frameworks[this.value].classes.sidebar;
|
|
||||||
var fullwidth_class = roots_css_frameworks[this.value].classes.fullwidth;
|
|
||||||
|
|
||||||
// if the selected framework was the one originally set, load the original classes instead of the defaults
|
|
||||||
if (this.value === framework) {
|
|
||||||
$main.val(user_main_class);
|
|
||||||
$sidebar.val(user_sidebar_class);
|
|
||||||
$fullwidth.val(user_fullwidth_class);
|
|
||||||
} else {
|
|
||||||
$main.val(main_class);
|
|
||||||
$sidebar.val(sidebar_class);
|
|
||||||
$fullwidth.val(fullwidth_class);
|
|
||||||
}
|
|
||||||
|
|
||||||
$main.siblings('small').children().text(main_class);
|
|
||||||
$sidebar.siblings('small').children().text(sidebar_class);
|
|
||||||
$fullwidth.siblings('small').children().text(fullwidth_class);
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
@@ -3,79 +3,18 @@
|
|||||||
add_action('roots_stylesheets', 'roots_get_stylesheets');
|
add_action('roots_stylesheets', 'roots_get_stylesheets');
|
||||||
|
|
||||||
function roots_get_stylesheets() {
|
function roots_get_stylesheets() {
|
||||||
global $roots_options;
|
|
||||||
global $roots_css_framework;
|
|
||||||
|
|
||||||
$styles = '';
|
$styles = '';
|
||||||
|
$styles .= stylesheet_link_tag('/style.css', 1);
|
||||||
|
$styles .= stylesheet_link_tag('/bootstrap.css', 1);
|
||||||
|
|
||||||
if (class_exists('RGForms')) {
|
if (BOOTSTRAP_RESPONSIVE) {
|
||||||
$styles .= "\t<link rel=\"stylesheet\" href=\"" . plugins_url(). "/gravityforms/css/forms.css\">\n";
|
$styles .= stylesheet_link_tag('/bootstrap-responsive.css', 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
$styles .= stylesheet_link_tag('/app.css', 1);
|
||||||
|
|
||||||
if (is_child_theme()) {
|
if (is_child_theme()) {
|
||||||
$styles .= stylesheet_link_tag('/style.css', 1);
|
|
||||||
$styles .= "\t<link rel=\"stylesheet\" href=\"" . get_stylesheet_uri(). "\">\n";
|
$styles .= "\t<link rel=\"stylesheet\" href=\"" . get_stylesheet_uri(). "\">\n";
|
||||||
} else {
|
|
||||||
$styles .= stylesheet_link_tag('/style.css', 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
switch ($roots_css_framework) {
|
|
||||||
case 'blueprint' :
|
|
||||||
$styles .= stylesheet_link_tag('/blueprint/screen.css');
|
|
||||||
break;
|
|
||||||
case '960gs_12' :
|
|
||||||
case '960gs_16' :
|
|
||||||
$styles .= stylesheet_link_tag('/960/reset.css');
|
|
||||||
$styles .= stylesheet_link_tag('/960/text.css', 1);
|
|
||||||
$styles .= stylesheet_link_tag('/960/960.css', 1);
|
|
||||||
break;
|
|
||||||
case '960gs_24' :
|
|
||||||
$styles .= stylesheet_link_tag('/960/reset.css');
|
|
||||||
$styles .= stylesheet_link_tag('/960/text.css', 1);
|
|
||||||
$styles .= stylesheet_link_tag('/960/960_24_col.css', 1);
|
|
||||||
break;
|
|
||||||
case '1140' :
|
|
||||||
$styles .= stylesheet_link_tag('/1140/1140.css');
|
|
||||||
break;
|
|
||||||
case 'adapt' :
|
|
||||||
$styles .= stylesheet_link_tag('/adapt/master.css');
|
|
||||||
$styles .= "\t<noscript>\n";
|
|
||||||
$styles .= stylesheet_link_tag('/adapt/mobile.css', 1);
|
|
||||||
$styles .= "\t</noscript>\n";
|
|
||||||
break;
|
|
||||||
case 'foundation' :
|
|
||||||
$styles .= stylesheet_link_tag('/foundation/globals.css');
|
|
||||||
$styles .= stylesheet_link_tag('/foundation/typography.css', 1);
|
|
||||||
$styles .= stylesheet_link_tag('/foundation/grid.css', 1);
|
|
||||||
$styles .= stylesheet_link_tag('/foundation/ui.css', 1);
|
|
||||||
$styles .= stylesheet_link_tag('/foundation/forms.css', 1);
|
|
||||||
$styles .= stylesheet_link_tag('/foundation/orbit.css', 1);
|
|
||||||
$styles .= stylesheet_link_tag('/foundation/reveal.css', 1);
|
|
||||||
$styles .= stylesheet_link_tag('/foundation/mobile.css', 1);
|
|
||||||
$styles .= stylesheet_link_tag('/foundation/app.css', 1);
|
|
||||||
break;
|
|
||||||
case 'less' :
|
|
||||||
$styles .= stylesheet_link_tag('/less/less.css');
|
|
||||||
break;
|
|
||||||
case 'bootstrap' :
|
|
||||||
$styles .= stylesheet_link_tag('/bootstrap/bootstrap.css');
|
|
||||||
$styles .= stylesheet_link_tag('/bootstrap/bootstrap-responsive.css');
|
|
||||||
break;
|
|
||||||
case 'bootstrap_less' :
|
|
||||||
$styles .= stylesheet_link_tag('/bootstrap/lib/bootstrap.less', 0, true, 'stylesheet/less');
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
switch ($roots_css_framework) {
|
|
||||||
case 'blueprint' :
|
|
||||||
$styles .= "\t<!--[if lt IE 8]>" . stylesheet_link_tag('/blueprint/ie.css', 0, false) . "<![endif]-->\n";
|
|
||||||
break;
|
|
||||||
case '1140' :
|
|
||||||
$styles .= "\t<!--[if lt IE 8]>" . stylesheet_link_tag('/1140/ie.css', 0, false) . "<![endif]-->\n";
|
|
||||||
break;
|
|
||||||
case 'foundation' :
|
|
||||||
$styles .= "\t<!--[if lt IE 9]>" . stylesheet_link_tag('/foundation/ie.css', 0, false) . "<![endif]-->\n";
|
|
||||||
break;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
echo $styles;
|
echo $styles;
|
||||||
@@ -89,12 +28,10 @@ function stylesheet_link_tag($file, $tabs = 0, $newline = true, $rel = 'styleshe
|
|||||||
add_action('roots_footer', 'roots_google_analytics');
|
add_action('roots_footer', 'roots_google_analytics');
|
||||||
|
|
||||||
function roots_google_analytics() {
|
function roots_google_analytics() {
|
||||||
global $roots_options;
|
$roots_google_analytics_id = GOOGLE_ANALYTICS_ID;
|
||||||
$roots_google_analytics_id = $roots_options['google_analytics_id'];
|
|
||||||
$get_roots_google_analytics_id = esc_attr($roots_options['google_analytics_id']);
|
|
||||||
if ($roots_google_analytics_id !== '') {
|
if ($roots_google_analytics_id !== '') {
|
||||||
echo "\n\t<script>\n";
|
echo "\n\t<script>\n";
|
||||||
echo "\t\tvar _gaq=[['_setAccount','$get_roots_google_analytics_id'],['_trackPageview'],['_trackPageLoadTime']];\n";
|
echo "\t\tvar _gaq=[['_setAccount','$roots_google_analytics_id'],['_trackPageview'],['_trackPageLoadTime']];\n";
|
||||||
echo "\t\t(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];\n";
|
echo "\t\t(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];\n";
|
||||||
echo "\t\tg.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';\n";
|
echo "\t\tg.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';\n";
|
||||||
echo "\t\ts.parentNode.insertBefore(g,s)}(document,'script'));\n";
|
echo "\t\ts.parentNode.insertBefore(g,s)}(document,'script'));\n";
|
||||||
@@ -102,79 +39,4 @@ function roots_google_analytics() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// 1140 specific
|
|
||||||
if (roots_current_framework() === '1140') {
|
|
||||||
add_action('roots_header_before', 'roots_1140_header_before');
|
|
||||||
add_action('roots_header_after', 'roots_1140_header_after');
|
|
||||||
add_action('roots_footer_before', 'roots_1140_footer_before');
|
|
||||||
add_action('roots_footer_after', 'roots_1140_footer_after');
|
|
||||||
|
|
||||||
function roots_1140_header_before() {
|
|
||||||
echo '<div class="container"><div class="row">', "\n";
|
|
||||||
}
|
|
||||||
|
|
||||||
function roots_1140_header_after() {
|
|
||||||
echo "</div></div><!-- /.row /.container -->\n";
|
|
||||||
echo '<div class="container"><div class="row">', "\n";
|
|
||||||
}
|
|
||||||
|
|
||||||
function roots_1140_footer_before() {
|
|
||||||
echo "</div></div><!-- /.row /.container -->\n";
|
|
||||||
echo '<div class="container"><div class="row">', "\n";
|
|
||||||
}
|
|
||||||
|
|
||||||
function roots_1140_footer_after() {
|
|
||||||
echo "</div></div><!-- /.row /.container -->\n";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Adapt specific
|
|
||||||
if (roots_current_framework() === 'adapt') {
|
|
||||||
add_action('roots_head', 'roots_adapt_head');
|
|
||||||
|
|
||||||
function roots_adapt_head() {
|
|
||||||
$template_uri = get_template_directory_uri();
|
|
||||||
echo "\n\t<script>\n";
|
|
||||||
echo "\t\tvar ADAPT_CONFIG = {\n";
|
|
||||||
echo "\t\t\tpath: '$template_uri/css/adapt/',\n";
|
|
||||||
echo "\t\t\tdynamic: true,\n";
|
|
||||||
echo "\t\t\trange: [\n";
|
|
||||||
echo "\t\t\t\t'0px to 760px = mobile.css',\n";
|
|
||||||
echo "\t\t\t\t'760px to 980px = 720.css',\n";
|
|
||||||
echo "\t\t\t\t'980px to 1280px = 960.css',\n";
|
|
||||||
echo "\t\t\t\t'1280px to 1600px = 1200.css',\n";
|
|
||||||
echo "\t\t\t\t'1600px to 1920px = 1560.css',\n";
|
|
||||||
echo "\t\t\t\t'1920px = fluid.css'\n";
|
|
||||||
echo "\t\t\t]\n";
|
|
||||||
echo "\t\t};\n";
|
|
||||||
echo "\t</script>\n";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Bootstrap specific
|
|
||||||
if (roots_current_framework() === 'bootstrap' || roots_current_framework() === 'bootstrap_less') {
|
|
||||||
add_action('roots_header_before', 'roots_bootstrap_header_before');
|
|
||||||
add_action('roots_header_after', 'roots_bootstrap_header_after');
|
|
||||||
add_action('roots_footer_before', 'roots_bootstrap_footer_before');
|
|
||||||
add_action('roots_footer_after', 'roots_bootstrap_footer_after');
|
|
||||||
|
|
||||||
function roots_bootstrap_header_before() {
|
|
||||||
echo '<div class="container">', "\n";
|
|
||||||
}
|
|
||||||
|
|
||||||
function roots_bootstrap_header_after() {
|
|
||||||
echo "</div><!-- /.container -->\n";
|
|
||||||
echo '<div class="container">', "\n";
|
|
||||||
}
|
|
||||||
|
|
||||||
function roots_bootstrap_footer_before() {
|
|
||||||
echo "</div><!-- /.container -->\n";
|
|
||||||
echo '<div class="container">', "\n";
|
|
||||||
}
|
|
||||||
|
|
||||||
function roots_bootstrap_footer_after() {
|
|
||||||
echo "</div><!-- /.container -->\n";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
?>
|
?>
|
||||||
@@ -37,7 +37,7 @@ function roots_theme_activation_options_add_page() {
|
|||||||
);
|
);
|
||||||
} else {
|
} else {
|
||||||
if (is_admin() && isset($_GET['page']) && $_GET['page'] === 'theme_activation_options') {
|
if (is_admin() && isset($_GET['page']) && $_GET['page'] === 'theme_activation_options') {
|
||||||
wp_redirect(admin_url('themes.php?page=theme_options'));
|
wp_redirect(admin_url('themes.php'));
|
||||||
exit;
|
exit;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -121,15 +121,15 @@ function roots_theme_activation_options_render_page() { ?>
|
|||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr valign="top"><th scope="row"><?php _e('Create navigation menus?', 'roots'); ?></th>
|
<tr valign="top"><th scope="row"><?php _e('Create navigation menu?', 'roots'); ?></th>
|
||||||
<td>
|
<td>
|
||||||
<fieldset><legend class="screen-reader-text"><span><?php _e('Create navigation menus?', 'roots'); ?></span></legend>
|
<fieldset><legend class="screen-reader-text"><span><?php _e('Create navigation menu?', 'roots'); ?></span></legend>
|
||||||
<select name="roots_theme_activation_options[create_navigation_menus]" id="create_navigation_menus">
|
<select name="roots_theme_activation_options[create_navigation_menus]" id="create_navigation_menus">
|
||||||
<option selected="selected" value="yes"><?php echo _e('Yes', 'roots'); ?></option>
|
<option selected="selected" value="yes"><?php echo _e('Yes', 'roots'); ?></option>
|
||||||
<option value="no"><?php echo _e('No', 'roots'); ?></option>
|
<option value="no"><?php echo _e('No', 'roots'); ?></option>
|
||||||
</select>
|
</select>
|
||||||
<br />
|
<br />
|
||||||
<small class="description"><?php printf(__('Create the Primary and Utility Navigation menus and set their locations', 'roots')); ?></small>
|
<small class="description"><?php printf(__('Create the Primary Navigation menu and set the location', 'roots')); ?></small>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
@@ -285,11 +285,6 @@ function roots_theme_activation_action() {
|
|||||||
$roots_nav_theme_mod['primary_navigation'] = $primary_nav_id;
|
$roots_nav_theme_mod['primary_navigation'] = $primary_nav_id;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!has_nav_menu('utility_navigation')) {
|
|
||||||
$utility_nav_id = wp_create_nav_menu('Utility Navigation', array('slug' => 'utility_navigation'));
|
|
||||||
$roots_nav_theme_mod['utility_navigation'] = $utility_nav_id;
|
|
||||||
}
|
|
||||||
|
|
||||||
if ($roots_nav_theme_mod) {
|
if ($roots_nav_theme_mod) {
|
||||||
set_theme_mod('nav_menu_locations', $roots_nav_theme_mod);
|
set_theme_mod('nav_menu_locations', $roots_nav_theme_mod);
|
||||||
}
|
}
|
||||||
@@ -326,4 +321,4 @@ function roots_deactivation_action() {
|
|||||||
|
|
||||||
add_action('switch_theme', 'roots_deactivation_action');
|
add_action('switch_theme', 'roots_deactivation_action');
|
||||||
|
|
||||||
?>
|
?>
|
||||||
@@ -1,7 +1,5 @@
|
|||||||
<?php
|
<?php
|
||||||
|
|
||||||
$roots_options = roots_get_theme_options();
|
|
||||||
|
|
||||||
// redirect /?s to /search/
|
// redirect /?s to /search/
|
||||||
// http://txfx.net/wordpress-plugins/nice-search/
|
// http://txfx.net/wordpress-plugins/nice-search/
|
||||||
function roots_nice_search_redirect() {
|
function roots_nice_search_redirect() {
|
||||||
@@ -67,7 +65,7 @@ function roots_fix_duplicate_subfolder_urls($input) {
|
|||||||
return $output;
|
return $output;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!is_admin() && !in_array($GLOBALS['pagenow'], array('wp-login.php', 'wp-register.php')) && $roots_options['root_relative_urls']) {
|
if (!is_admin() && !in_array($GLOBALS['pagenow'], array('wp-login.php', 'wp-register.php'))) {
|
||||||
add_filter('bloginfo_url', 'roots_root_relative_url');
|
add_filter('bloginfo_url', 'roots_root_relative_url');
|
||||||
add_filter('theme_root_uri', 'roots_root_relative_url');
|
add_filter('theme_root_uri', 'roots_root_relative_url');
|
||||||
add_filter('stylesheet_directory_uri', 'roots_root_relative_url');
|
add_filter('stylesheet_directory_uri', 'roots_root_relative_url');
|
||||||
@@ -92,8 +90,7 @@ if (!is_admin() && !in_array($GLOBALS['pagenow'], array('wp-login.php', 'wp-regi
|
|||||||
|
|
||||||
// remove root relative URLs on any attachments in the feed
|
// remove root relative URLs on any attachments in the feed
|
||||||
function roots_root_relative_attachment_urls() {
|
function roots_root_relative_attachment_urls() {
|
||||||
global $roots_options;
|
if (!is_feed()) {
|
||||||
if (!is_feed() && $roots_options['root_relative_urls']) {
|
|
||||||
add_filter('wp_get_attachment_url', 'roots_root_relative_url');
|
add_filter('wp_get_attachment_url', 'roots_root_relative_url');
|
||||||
add_filter('wp_get_attachment_link', 'roots_root_relative_url');
|
add_filter('wp_get_attachment_link', 'roots_root_relative_url');
|
||||||
}
|
}
|
||||||
@@ -182,11 +179,6 @@ function roots_head_cleanup() {
|
|||||||
add_action('wp_head', 'roots_remove_recent_comments_style', 1);
|
add_action('wp_head', 'roots_remove_recent_comments_style', 1);
|
||||||
add_filter('gallery_style', 'roots_gallery_style');
|
add_filter('gallery_style', 'roots_gallery_style');
|
||||||
|
|
||||||
// stop Gravity Forms from outputting CSS since it's linked in header.php
|
|
||||||
if (class_exists('RGForms')) {
|
|
||||||
update_option('rg_gforms_disable_css', 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
// deregister l10n.js (new since WordPress 3.1)
|
// deregister l10n.js (new since WordPress 3.1)
|
||||||
// why you might want to keep it: http://wordpress.stackexchange.com/questions/5451/what-does-l10n-js-do-in-wordpress-3-1-and-how-do-i-remove-it/5484#5484
|
// why you might want to keep it: http://wordpress.stackexchange.com/questions/5451/what-does-l10n-js-do-in-wordpress-3-1-and-how-do-i-remove-it/5484#5484
|
||||||
// don't load jQuery through WordPress since it's linked in header.php
|
// don't load jQuery through WordPress since it's linked in header.php
|
||||||
@@ -224,8 +216,8 @@ function roots_gallery_shortcode($attr) {
|
|||||||
'order' => 'ASC',
|
'order' => 'ASC',
|
||||||
'orderby' => 'menu_order ID',
|
'orderby' => 'menu_order ID',
|
||||||
'id' => $post->ID,
|
'id' => $post->ID,
|
||||||
'icontag' => 'figure',
|
'icontag' => 'li',
|
||||||
'captiontag' => 'figcaption',
|
'captiontag' => 'p',
|
||||||
'columns' => 3,
|
'columns' => 3,
|
||||||
'size' => 'thumbnail',
|
'size' => 'thumbnail',
|
||||||
'include' => '',
|
'include' => '',
|
||||||
@@ -275,23 +267,20 @@ function roots_gallery_shortcode($attr) {
|
|||||||
$gallery_style = "";
|
$gallery_style = "";
|
||||||
}
|
}
|
||||||
$size_class = sanitize_html_class($size);
|
$size_class = sanitize_html_class($size);
|
||||||
$gallery_div = "<section id='$selector' class='clearfix gallery galleryid-{$id} gallery-columns-{$columns} gallery-size-{$size_class}'>";
|
$gallery_div = "<ul id='$selector' class='thumbnails gallery galleryid-{$id} gallery-columns-{$columns} gallery-size-{$size_class}'>";
|
||||||
$output = apply_filters('gallery_style', $gallery_style . "\n\t\t" . $gallery_div);
|
$output = apply_filters('gallery_style', $gallery_style . "\n\t\t" . $gallery_div);
|
||||||
|
|
||||||
$i = 0;
|
$i = 0;
|
||||||
foreach ($attachments as $id => $attachment) {
|
foreach ($attachments as $id => $attachment) {
|
||||||
// make the gallery link to the file by default instead of the attachment
|
$link = isset($attr['link']) && 'file' == $attr['link'] ? wp_get_attachment_link($id, $size, false, false) : wp_get_attachment_link($id, $size, true, false);
|
||||||
// thanks to Matt Price (countingrows.com)
|
|
||||||
$link = isset($attr['link']) && $attr['link'] === 'attachment' ?
|
|
||||||
wp_get_attachment_link($id, $size, true, false) :
|
|
||||||
wp_get_attachment_link($id, $size, false, false);
|
|
||||||
$output .= "
|
$output .= "
|
||||||
<{$icontag} class=\"gallery-item\">
|
<{$icontag} class=\"gallery-item\">
|
||||||
$link
|
$link
|
||||||
";
|
";
|
||||||
if ($captiontag && trim($attachment->post_excerpt)) {
|
if ($captiontag && trim($attachment->post_excerpt)) {
|
||||||
$output .= "
|
$output .= "
|
||||||
<{$captiontag} class=\"gallery-caption\">
|
<{$captiontag} class=\"gallery-caption hidden\">
|
||||||
" . wptexturize($attachment->post_excerpt) . "
|
" . wptexturize($attachment->post_excerpt) . "
|
||||||
</{$captiontag}>";
|
</{$captiontag}>";
|
||||||
}
|
}
|
||||||
@@ -301,7 +290,7 @@ function roots_gallery_shortcode($attr) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
$output .= "</section>\n";
|
$output .= "</ul>\n";
|
||||||
|
|
||||||
return $output;
|
return $output;
|
||||||
}
|
}
|
||||||
@@ -309,6 +298,60 @@ function roots_gallery_shortcode($attr) {
|
|||||||
remove_shortcode('gallery');
|
remove_shortcode('gallery');
|
||||||
add_shortcode('gallery', 'roots_gallery_shortcode');
|
add_shortcode('gallery', 'roots_gallery_shortcode');
|
||||||
|
|
||||||
|
function roots_attachment_link_class($html) {
|
||||||
|
$postid = get_the_ID();
|
||||||
|
$html = str_replace('<a', '<a class="thumbnail"', $html);
|
||||||
|
return $html;
|
||||||
|
}
|
||||||
|
add_filter('wp_get_attachment_link', 'roots_attachment_link_class', 10, 1);
|
||||||
|
|
||||||
|
// http://justintadlock.com/archives/2011/07/01/captions-in-wordpress
|
||||||
|
function roots_caption($output, $attr, $content) {
|
||||||
|
/* We're not worried abut captions in feeds, so just return the output here. */
|
||||||
|
if ( is_feed()) {
|
||||||
|
return $output;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Set up the default arguments. */
|
||||||
|
$defaults = array(
|
||||||
|
'id' => '',
|
||||||
|
'align' => 'alignnone',
|
||||||
|
'width' => '',
|
||||||
|
'caption' => ''
|
||||||
|
);
|
||||||
|
|
||||||
|
/* Merge the defaults with user input. */
|
||||||
|
$attr = shortcode_atts($defaults, $attr);
|
||||||
|
|
||||||
|
/* If the width is less than 1 or there is no caption, return the content wrapped between the [caption]< tags. */
|
||||||
|
if (1 > $attr['width'] || empty($attr['caption'])) {
|
||||||
|
return $content;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Set up the attributes for the caption <div>. */
|
||||||
|
$attributes = (!empty($attr['id']) ? ' id="' . esc_attr($attr['id']) . '"' : '' );
|
||||||
|
$attributes .= ' class="thumbnail wp-caption ' . esc_attr($attr['align']) . '"';
|
||||||
|
$attributes .= ' style="width: ' . esc_attr($attr['width']) . 'px"';
|
||||||
|
|
||||||
|
/* Open the caption <div>. */
|
||||||
|
$output = '<div' . $attributes .'>';
|
||||||
|
|
||||||
|
/* Allow shortcodes for the content the caption was created for. */
|
||||||
|
$output .= do_shortcode($content);
|
||||||
|
|
||||||
|
/* Append the caption text. */
|
||||||
|
$output .= '<div class="caption"><p class="wp-caption-text">' . $attr['caption'] . '</p></div>';
|
||||||
|
|
||||||
|
/* Close the caption </div>. */
|
||||||
|
$output .= '</div>';
|
||||||
|
|
||||||
|
/* Return the formatted, clean caption. */
|
||||||
|
return $output;
|
||||||
|
}
|
||||||
|
|
||||||
|
add_filter('img_caption_shortcode', 'roots_caption', 10, 3);
|
||||||
|
|
||||||
|
|
||||||
// http://www.deluxeblogtips.com/2011/01/remove-dashboard-widgets-in-wordpress.html
|
// http://www.deluxeblogtips.com/2011/01/remove-dashboard-widgets-in-wordpress.html
|
||||||
function roots_remove_dashboard_widgets() {
|
function roots_remove_dashboard_widgets() {
|
||||||
remove_meta_box('dashboard_incoming_links', 'dashboard', 'normal');
|
remove_meta_box('dashboard_incoming_links', 'dashboard', 'normal');
|
||||||
@@ -321,7 +364,7 @@ add_action('admin_init', 'roots_remove_dashboard_widgets');
|
|||||||
|
|
||||||
// excerpt cleanup
|
// excerpt cleanup
|
||||||
function roots_excerpt_length($length) {
|
function roots_excerpt_length($length) {
|
||||||
return 40;
|
return POST_EXCERPT_LENGTH;
|
||||||
}
|
}
|
||||||
|
|
||||||
function roots_excerpt_more($more) {
|
function roots_excerpt_more($more) {
|
||||||
@@ -331,19 +374,11 @@ function roots_excerpt_more($more) {
|
|||||||
add_filter('excerpt_length', 'roots_excerpt_length');
|
add_filter('excerpt_length', 'roots_excerpt_length');
|
||||||
add_filter('excerpt_more', 'roots_excerpt_more');
|
add_filter('excerpt_more', 'roots_excerpt_more');
|
||||||
|
|
||||||
// remove container from menus
|
|
||||||
function roots_nav_menu_args($args = '') {
|
|
||||||
$args['container'] = false;
|
|
||||||
return $args;
|
|
||||||
}
|
|
||||||
|
|
||||||
add_filter('wp_nav_menu_args', 'roots_nav_menu_args');
|
|
||||||
|
|
||||||
function roots_check_current($val) {
|
|
||||||
return preg_match('/current-/', $val);
|
|
||||||
}
|
|
||||||
|
|
||||||
class Roots_Nav_Walker extends Walker_Nav_Menu {
|
class Roots_Nav_Walker extends Walker_Nav_Menu {
|
||||||
|
function check_current($val) {
|
||||||
|
return preg_match('/(current-)/', $val);
|
||||||
|
}
|
||||||
|
|
||||||
function start_el(&$output, $item, $depth, $args) {
|
function start_el(&$output, $item, $depth, $args) {
|
||||||
global $wp_query;
|
global $wp_query;
|
||||||
$indent = ($depth) ? str_repeat("\t", $depth) : '';
|
$indent = ($depth) ? str_repeat("\t", $depth) : '';
|
||||||
@@ -353,7 +388,7 @@ class Roots_Nav_Walker extends Walker_Nav_Menu {
|
|||||||
$class_names = $value = '';
|
$class_names = $value = '';
|
||||||
$classes = empty($item->classes) ? array() : (array) $item->classes;
|
$classes = empty($item->classes) ? array() : (array) $item->classes;
|
||||||
|
|
||||||
$classes = array_filter($classes, 'roots_check_current');
|
$classes = array_filter($classes, array(&$this, 'check_current'));
|
||||||
|
|
||||||
$class_names = join(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item));
|
$class_names = join(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item));
|
||||||
$class_names = $class_names ? ' class="' . esc_attr($class_names) . '"' : '';
|
$class_names = $class_names ? ' class="' . esc_attr($class_names) . '"' : '';
|
||||||
@@ -378,15 +413,108 @@ class Roots_Nav_Walker extends Walker_Nav_Menu {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// use the clean nav menu walker for all nav menus if the option is set
|
class Roots_Navbar_Nav_Walker extends Walker_Nav_Menu {
|
||||||
function roots_default_wp_nav_menu_walker($args = '') {
|
function check_current($val) {
|
||||||
global $roots_options;
|
return preg_match('/(current-)|active|dropdown/', $val);
|
||||||
if ($roots_options['clean_menu']) {
|
}
|
||||||
|
|
||||||
|
function start_lvl(&$output, $depth) {
|
||||||
|
$output .= "\n<ul class=\"dropdown-menu\">\n";
|
||||||
|
}
|
||||||
|
|
||||||
|
function start_el(&$output, $item, $depth, $args) {
|
||||||
|
global $wp_query;
|
||||||
|
$indent = ($depth) ? str_repeat("\t", $depth) : '';
|
||||||
|
|
||||||
|
$slug = sanitize_title($item->title);
|
||||||
|
|
||||||
|
$li_attributes = '';
|
||||||
|
$class_names = $value = '';
|
||||||
|
|
||||||
|
$classes = empty($item->classes) ? array() : (array) $item->classes;
|
||||||
|
if ($args->has_children) {
|
||||||
|
$classes[] = 'dropdown';
|
||||||
|
$li_attributes .= 'data-dropdown="dropdown"';
|
||||||
|
}
|
||||||
|
$classes[] = ($item->current) ? 'active' : '';
|
||||||
|
$classes = array_filter($classes, array(&$this, 'check_current'));
|
||||||
|
|
||||||
|
$class_names = join(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item));
|
||||||
|
$class_names = $class_names ? ' class="' . esc_attr($class_names) . '"' : '';
|
||||||
|
|
||||||
|
$id = apply_filters('nav_menu_item_id', 'menu-' . $slug, $item, $args);
|
||||||
|
$id = strlen($id) ? ' id="' . esc_attr( $id ) . '"' : '';
|
||||||
|
|
||||||
|
$output .= $indent . '<li' . $id . $class_names . $li_attributes . '>';
|
||||||
|
|
||||||
|
$attributes = ! empty($item->attr_title) ? ' title="' . esc_attr($item->attr_title) .'"' : '';
|
||||||
|
$attributes .= ! empty($item->target) ? ' target="' . esc_attr($item->target ) .'"' : '';
|
||||||
|
$attributes .= ! empty($item->xfn) ? ' rel="' . esc_attr($item->xfn ) .'"' : '';
|
||||||
|
$attributes .= ! empty($item->url) ? ' href="' . esc_attr($item->url ) .'"' : '';
|
||||||
|
$attributes .= ($args->has_children) ? ' class="dropdown-toggle" data-toggle="dropdown"' : '';
|
||||||
|
|
||||||
|
$item_output = $args->before;
|
||||||
|
$item_output .= '<a'. $attributes .'>';
|
||||||
|
$item_output .= $args->link_before . apply_filters('the_title', $item->title, $item->ID) . $args->link_after;
|
||||||
|
$item_output .= ($args->has_children) ? ' <b class="caret"></b>' : '';
|
||||||
|
$item_output .= '</a>';
|
||||||
|
$item_output .= $args->after;
|
||||||
|
|
||||||
|
$output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);
|
||||||
|
}
|
||||||
|
function display_element($element, &$children_elements, $max_depth, $depth = 0, $args, &$output) {
|
||||||
|
if (!$element) { return; }
|
||||||
|
|
||||||
|
$id_field = $this->db_fields['id'];
|
||||||
|
|
||||||
|
// display this element
|
||||||
|
if (is_array($args[0])) {
|
||||||
|
$args[0]['has_children'] = !empty($children_elements[$element->$id_field]);
|
||||||
|
} elseif (is_object($args[0])) {
|
||||||
|
$args[0]->has_children = !empty($children_elements[$element->$id_field]);
|
||||||
|
}
|
||||||
|
$cb_args = array_merge(array(&$output, $element, $depth), $args);
|
||||||
|
call_user_func_array(array(&$this, 'start_el'), $cb_args);
|
||||||
|
|
||||||
|
$id = $element->$id_field;
|
||||||
|
|
||||||
|
// descend only when the depth is right and there are childrens for this element
|
||||||
|
if (($max_depth == 0 || $max_depth > $depth+1) && isset($children_elements[$id])) {
|
||||||
|
foreach ($children_elements[$id] as $child) {
|
||||||
|
if (!isset($newlevel)) {
|
||||||
|
$newlevel = true;
|
||||||
|
// start the child delimiter
|
||||||
|
$cb_args = array_merge(array(&$output, $depth), $args);
|
||||||
|
call_user_func_array(array(&$this, 'start_lvl'), $cb_args);
|
||||||
|
}
|
||||||
|
$this->display_element($child, $children_elements, $max_depth, $depth + 1, $args, $output);
|
||||||
|
}
|
||||||
|
unset($children_elements[$id]);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (isset($newlevel) && $newlevel) {
|
||||||
|
// end the child delimiter
|
||||||
|
$cb_args = array_merge(array(&$output, $depth), $args);
|
||||||
|
call_user_func_array(array(&$this, 'end_lvl'), $cb_args);
|
||||||
|
}
|
||||||
|
|
||||||
|
// end this element
|
||||||
|
$cb_args = array_merge(array(&$output, $element, $depth), $args);
|
||||||
|
call_user_func_array(array(&$this, 'end_el'), $cb_args);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function roots_nav_menu_args($args = '') {
|
||||||
|
$args['container'] = false;
|
||||||
|
$args['depth'] = 2;
|
||||||
|
$args['items_wrap'] = '<ul class="nav">%3$s</ul>';
|
||||||
|
if (!$args['walker']) {
|
||||||
$args['walker'] = new Roots_Nav_Walker();
|
$args['walker'] = new Roots_Nav_Walker();
|
||||||
}
|
}
|
||||||
return $args;
|
return $args;
|
||||||
}
|
}
|
||||||
add_filter('wp_nav_menu_args', 'roots_default_wp_nav_menu_walker');
|
|
||||||
|
add_filter('wp_nav_menu_args', 'roots_nav_menu_args');
|
||||||
|
|
||||||
// add to robots.txt
|
// add to robots.txt
|
||||||
// http://codex.wordpress.org/Search_Engine_Optimization_for_WordPress#Robots.txt_Optimization
|
// http://codex.wordpress.org/Search_Engine_Optimization_for_WordPress#Robots.txt_Optimization
|
||||||
@@ -453,7 +581,7 @@ add_action('admin_init', 'roots_notice_tagline_ignore');
|
|||||||
|
|
||||||
// set the post revisions to 5 unless the constant
|
// set the post revisions to 5 unless the constant
|
||||||
// was set in wp-config.php to avoid DB bloat
|
// was set in wp-config.php to avoid DB bloat
|
||||||
if (!defined('WP_POST_REVISIONS')) define('WP_POST_REVISIONS', 5);
|
if (!defined('WP_POST_REVISIONS')) { define('WP_POST_REVISIONS', 5); }
|
||||||
|
|
||||||
// allow more tags in TinyMCE including <iframe> and <script>
|
// allow more tags in TinyMCE including <iframe> and <script>
|
||||||
function roots_change_mce_options($options) {
|
function roots_change_mce_options($options) {
|
||||||
@@ -487,11 +615,11 @@ function roots_body_class() {
|
|||||||
|
|
||||||
if(!empty($cat)) {
|
if(!empty($cat)) {
|
||||||
return $cat[0]->slug;
|
return $cat[0]->slug;
|
||||||
} elseif(isset($term->slug)) {
|
} elseif (isset($term->slug)) {
|
||||||
return $term->slug;
|
return $term->slug;
|
||||||
} elseif(isset($term->page_name)) {
|
} elseif (isset($term->page_name)) {
|
||||||
return $term->page_name;
|
return $term->page_name;
|
||||||
} elseif(isset($term->post_name)) {
|
} elseif (isset($term->post_name)) {
|
||||||
return $term->post_name;
|
return $term->post_name;
|
||||||
} else {
|
} else {
|
||||||
return;
|
return;
|
||||||
@@ -534,4 +662,33 @@ function roots_widget_first_last_classes($params) {
|
|||||||
}
|
}
|
||||||
add_filter('dynamic_sidebar_params', 'roots_widget_first_last_classes');
|
add_filter('dynamic_sidebar_params', 'roots_widget_first_last_classes');
|
||||||
|
|
||||||
?>
|
// apply Bootstrap markup/classes to Gravity Forms (in progress)
|
||||||
|
if (class_exists('RGForms')) {
|
||||||
|
update_option('rg_gforms_disable_css', 1);
|
||||||
|
|
||||||
|
// error message class
|
||||||
|
function roots_gform_validation_message($message, $form) {
|
||||||
|
$message = '<div class="alert alert-error fade in">';
|
||||||
|
$message .= '<a class="close" data-dismiss="alert">×</a>';
|
||||||
|
$message .= '<strong>There was a problem with your submission. Errors have been highlighted below.</strong>';
|
||||||
|
$message .= '</div>';
|
||||||
|
return $message;
|
||||||
|
}
|
||||||
|
add_filter('gform_validation_message', 'roots_gform_validation_message', 10, 2);
|
||||||
|
|
||||||
|
// field class
|
||||||
|
function roots_gform_field_css_class($classes, $field, $form) {
|
||||||
|
$classes .= " control-group";
|
||||||
|
return $classes;
|
||||||
|
}
|
||||||
|
add_action('gform_field_css_class', 'roots_gform_field_css_class', 10, 3);
|
||||||
|
|
||||||
|
// button class
|
||||||
|
function roots_gform_submit_button($button, $form) {
|
||||||
|
return "<button class='btn btn-primary' id='gform_submit_button_{$form["id"]}'><span>Submit</span></button>";
|
||||||
|
}
|
||||||
|
add_filter('gform_submit_button', 'roots_gform_submit_button', 10, 2);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
12
inc/roots-config.php
Normal file
12
inc/roots-config.php
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
define('POST_EXCERPT_LENGTH', 40);
|
||||||
|
define('BOOTSTRAP_RESPONSIVE', true);
|
||||||
|
define('WRAP_CLASSES', 'container');
|
||||||
|
define('CONTAINER_CLASSES', 'row');
|
||||||
|
define('MAIN_CLASSES', 'span8');
|
||||||
|
define('SIDEBAR_CLASSES', 'span4');
|
||||||
|
define('FULLWIDTH_CLASSES', 'span12');
|
||||||
|
define('GOOGLE_ANALYTICS_ID', '');
|
||||||
|
|
||||||
|
?>
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user