added jekyll
This commit is contained in:
Родитель
b40427fc40
Коммит
c12eafa70a
|
@ -0,0 +1,10 @@
|
|||
_site/*
|
||||
_theme_packages/*
|
||||
|
||||
Thumbs.db
|
||||
.DS_Store
|
||||
|
||||
!.gitkeep
|
||||
|
||||
.rbenv-version
|
||||
.rvmrc
|
|
@ -0,0 +1 @@
|
|||
Sorry this page does not exist =(
|
|
@ -0,0 +1,42 @@
|
|||
# Jekyll-Bootstrap
|
||||
|
||||
The quickest way to start and publish your Jekyll powered blog. 100% compatible with GitHub pages
|
||||
|
||||
## Usage
|
||||
|
||||
For all usage and documentation please see: <http://jekyllbootstrap.com>
|
||||
|
||||
## Version
|
||||
|
||||
0.2.8 - stable and versioned using [semantic versioning](http://semver.org/).
|
||||
|
||||
## Contributing
|
||||
|
||||
This repository tracks 2 projects:
|
||||
|
||||
- **Jekyll-Bootstrap Framework.**
|
||||
The framework for which users should clone and build their blog on top of is available in the master branch.
|
||||
|
||||
To contribute to the framework please make sure to checkout your branch based on `jb-development`!!
|
||||
This is very important as it allows me to accept your pull request without having to publish a public version release.
|
||||
|
||||
Small, atomic Features, bugs, etc.
|
||||
Use the `jb-development` branch but note it will likely change fast as pull requests are accepted.
|
||||
Please rebase as often as possible when working.
|
||||
Work on small, atomic features/bugs to avoid upstream commits affecting/breaking your development work.
|
||||
|
||||
For Big Features or major API extensions/edits:
|
||||
This is the one case where I'll accept pull-requests based off the master branch.
|
||||
This allows you to work in isolation but it means I'll have to manually merge your work into the next public release.
|
||||
Translation : it might take a bit longer so please be patient! (but sincerely thank you).
|
||||
|
||||
- **Jekyll-Bootstrap Documentation Website.**
|
||||
The documentation website at <http://jekyllbootstrap.com> is maintained in the gh-pages branch.
|
||||
Please fork and contribute documentation additions to this branch only.
|
||||
|
||||
The master and gh-pages branch do not share the same ancestry. Please treat them as completely separate git repositories!
|
||||
|
||||
|
||||
## License
|
||||
|
||||
[Creative Commons](http://creativecommons.org/licenses/by-nc-sa/3.0/)
|
|
@ -0,0 +1,306 @@
|
|||
require "rubygems"
|
||||
require 'rake'
|
||||
require 'yaml'
|
||||
require 'time'
|
||||
|
||||
SOURCE = "."
|
||||
CONFIG = {
|
||||
'version' => "0.2.8",
|
||||
'themes' => File.join(SOURCE, "_includes", "themes"),
|
||||
'layouts' => File.join(SOURCE, "_layouts"),
|
||||
'posts' => File.join(SOURCE, "_posts"),
|
||||
'post_ext' => "md",
|
||||
'theme_package_version' => "0.1.0"
|
||||
}
|
||||
|
||||
# Path configuration helper
|
||||
module JB
|
||||
class Path
|
||||
SOURCE = "."
|
||||
Paths = {
|
||||
:layouts => "_layouts",
|
||||
:themes => "_includes/themes",
|
||||
:theme_assets => "assets/themes",
|
||||
:theme_packages => "_theme_packages",
|
||||
:posts => "_posts"
|
||||
}
|
||||
|
||||
def self.base
|
||||
SOURCE
|
||||
end
|
||||
|
||||
# build a path relative to configured path settings.
|
||||
def self.build(path, opts = {})
|
||||
opts[:root] ||= SOURCE
|
||||
path = "#{opts[:root]}/#{Paths[path.to_sym]}/#{opts[:node]}".split("/")
|
||||
path.compact!
|
||||
File.__send__ :join, path
|
||||
end
|
||||
|
||||
end #Path
|
||||
end #JB
|
||||
|
||||
# Usage: rake post title="A Title" date="2012-02-09"
|
||||
desc "Begin a new post in #{CONFIG['posts']}"
|
||||
task :post do
|
||||
abort("rake aborted: '#{CONFIG['posts']}' directory not found.") unless FileTest.directory?(CONFIG['posts'])
|
||||
title = ENV["title"] || "new-post"
|
||||
slug = title.downcase.strip.gsub(' ', '-').gsub(/[^\w-]/, '')
|
||||
begin
|
||||
date = (Time.parse(ENV['date']) || Time.now).strftime('%Y-%m-%d')
|
||||
rescue Exception => e
|
||||
puts "Error - date format must be YYYY-MM-DD, please check you typed it correctly!"
|
||||
exit -1
|
||||
end
|
||||
filename = File.join(CONFIG['posts'], "#{date}-#{slug}.#{CONFIG['post_ext']}")
|
||||
if File.exist?(filename)
|
||||
abort("rake aborted!") if ask("#{filename} already exists. Do you want to overwrite?", ['y', 'n']) == 'n'
|
||||
end
|
||||
|
||||
puts "Creating new post: #{filename}"
|
||||
open(filename, 'w') do |post|
|
||||
post.puts "---"
|
||||
post.puts "layout: post"
|
||||
post.puts "title: \"#{title.gsub(/-/,' ')}\""
|
||||
post.puts "category: "
|
||||
post.puts "tags: []"
|
||||
post.puts "---"
|
||||
post.puts "{% include JB/setup %}"
|
||||
end
|
||||
end # task :post
|
||||
|
||||
# Usage: rake page name="about.html"
|
||||
# You can also specify a sub-directory path.
|
||||
# If you don't specify a file extention we create an index.html at the path specified
|
||||
desc "Create a new page."
|
||||
task :page do
|
||||
name = ENV["name"] || "new-page.md"
|
||||
filename = File.join(SOURCE, "#{name}")
|
||||
filename = File.join(filename, "index.html") if File.extname(filename) == ""
|
||||
title = File.basename(filename, File.extname(filename)).gsub(/[\W\_]/, " ").gsub(/\b\w/){$&.upcase}
|
||||
if File.exist?(filename)
|
||||
abort("rake aborted!") if ask("#{filename} already exists. Do you want to overwrite?", ['y', 'n']) == 'n'
|
||||
end
|
||||
|
||||
mkdir_p File.dirname(filename)
|
||||
puts "Creating new page: #{filename}"
|
||||
open(filename, 'w') do |post|
|
||||
post.puts "---"
|
||||
post.puts "layout: page"
|
||||
post.puts "title: \"#{title}\""
|
||||
post.puts "---"
|
||||
post.puts "{% include JB/setup %}"
|
||||
end
|
||||
end # task :page
|
||||
|
||||
desc "Launch preview environment"
|
||||
task :preview do
|
||||
system "jekyll --auto --server"
|
||||
end # task :preview
|
||||
|
||||
# Public: Alias - Maintains backwards compatability for theme switching.
|
||||
task :switch_theme => "theme:switch"
|
||||
|
||||
namespace :theme do
|
||||
|
||||
# Public: Switch from one theme to another for your blog.
|
||||
#
|
||||
# name - String, Required. name of the theme you want to switch to.
|
||||
# The the theme must be installed into your JB framework.
|
||||
#
|
||||
# Examples
|
||||
#
|
||||
# rake theme:switch name="the-program"
|
||||
#
|
||||
# Returns Success/failure messages.
|
||||
desc "Switch between Jekyll-bootstrap themes."
|
||||
task :switch do
|
||||
theme_name = ENV["name"].to_s
|
||||
theme_path = File.join(CONFIG['themes'], theme_name)
|
||||
settings_file = File.join(theme_path, "settings.yml")
|
||||
non_layout_files = ["settings.yml"]
|
||||
|
||||
abort("rake aborted: name cannot be blank") if theme_name.empty?
|
||||
abort("rake aborted: '#{theme_path}' directory not found.") unless FileTest.directory?(theme_path)
|
||||
abort("rake aborted: '#{CONFIG['layouts']}' directory not found.") unless FileTest.directory?(CONFIG['layouts'])
|
||||
|
||||
Dir.glob("#{theme_path}/*") do |filename|
|
||||
next if non_layout_files.include?(File.basename(filename).downcase)
|
||||
puts "Generating '#{theme_name}' layout: #{File.basename(filename)}"
|
||||
|
||||
open(File.join(CONFIG['layouts'], File.basename(filename)), 'w') do |page|
|
||||
if File.basename(filename, ".html").downcase == "default"
|
||||
page.puts "---"
|
||||
page.puts File.read(settings_file) if File.exist?(settings_file)
|
||||
page.puts "---"
|
||||
else
|
||||
page.puts "---"
|
||||
page.puts "layout: default"
|
||||
page.puts "---"
|
||||
end
|
||||
page.puts "{% include JB/setup %}"
|
||||
page.puts "{% include themes/#{theme_name}/#{File.basename(filename)} %}"
|
||||
end
|
||||
end
|
||||
|
||||
puts "=> Theme successfully switched!"
|
||||
puts "=> Reload your web-page to check it out =)"
|
||||
end # task :switch
|
||||
|
||||
# Public: Install a theme using the theme packager.
|
||||
# Version 0.1.0 simple 1:1 file matching.
|
||||
#
|
||||
# git - String, Optional path to the git repository of the theme to be installed.
|
||||
# name - String, Optional name of the theme you want to install.
|
||||
# Passing name requires that the theme package already exist.
|
||||
#
|
||||
# Examples
|
||||
#
|
||||
# rake theme:install git="https://github.com/jekyllbootstrap/theme-twitter.git"
|
||||
# rake theme:install name="cool-theme"
|
||||
#
|
||||
# Returns Success/failure messages.
|
||||
desc "Install theme"
|
||||
task :install do
|
||||
if ENV["git"]
|
||||
manifest = theme_from_git_url(ENV["git"])
|
||||
name = manifest["name"]
|
||||
else
|
||||
name = ENV["name"].to_s.downcase
|
||||
end
|
||||
|
||||
packaged_theme_path = JB::Path.build(:theme_packages, :node => name)
|
||||
|
||||
abort("rake aborted!
|
||||
=> ERROR: 'name' cannot be blank") if name.empty?
|
||||
abort("rake aborted!
|
||||
=> ERROR: '#{packaged_theme_path}' directory not found.
|
||||
=> Installable themes can be added via git. You can find some here: http://github.com/jekyllbootstrap
|
||||
=> To download+install run: `rake theme:install git='[PUBLIC-CLONE-URL]'`
|
||||
=> example : rake theme:install git='git@github.com:jekyllbootstrap/theme-the-program.git'
|
||||
") unless FileTest.directory?(packaged_theme_path)
|
||||
|
||||
manifest = verify_manifest(packaged_theme_path)
|
||||
|
||||
# Get relative paths to packaged theme files
|
||||
# Exclude directories as they'll be recursively created. Exclude meta-data files.
|
||||
packaged_theme_files = []
|
||||
FileUtils.cd(packaged_theme_path) {
|
||||
Dir.glob("**/*.*") { |f|
|
||||
next if ( FileTest.directory?(f) || f =~ /^(manifest|readme|packager)/i )
|
||||
packaged_theme_files << f
|
||||
}
|
||||
}
|
||||
|
||||
# Mirror each file into the framework making sure to prompt if already exists.
|
||||
packaged_theme_files.each do |filename|
|
||||
file_install_path = File.join(JB::Path.base, filename)
|
||||
if File.exist? file_install_path
|
||||
next if ask("#{file_install_path} already exists. Do you want to overwrite?", ['y', 'n']) == 'n'
|
||||
else
|
||||
mkdir_p File.dirname(file_install_path)
|
||||
cp_r File.join(packaged_theme_path, filename), file_install_path
|
||||
end
|
||||
end
|
||||
|
||||
puts "=> #{name} theme has been installed!"
|
||||
puts "=> ---"
|
||||
if ask("=> Want to switch themes now?", ['y', 'n']) == 'y'
|
||||
system("rake switch_theme name='#{name}'")
|
||||
end
|
||||
end
|
||||
|
||||
# Public: Package a theme using the theme packager.
|
||||
# The theme must be structured using valid JB API.
|
||||
# In other words packaging is essentially the reverse of installing.
|
||||
#
|
||||
# name - String, Required name of the theme you want to package.
|
||||
#
|
||||
# Examples
|
||||
#
|
||||
# rake theme:package name="twitter"
|
||||
#
|
||||
# Returns Success/failure messages.
|
||||
desc "Package theme"
|
||||
task :package do
|
||||
name = ENV["name"].to_s.downcase
|
||||
theme_path = JB::Path.build(:themes, :node => name)
|
||||
asset_path = JB::Path.build(:theme_assets, :node => name)
|
||||
|
||||
abort("rake aborted: name cannot be blank") if name.empty?
|
||||
abort("rake aborted: '#{theme_path}' directory not found.") unless FileTest.directory?(theme_path)
|
||||
abort("rake aborted: '#{asset_path}' directory not found.") unless FileTest.directory?(asset_path)
|
||||
|
||||
## Mirror theme's template directory (_includes)
|
||||
packaged_theme_path = JB::Path.build(:themes, :root => JB::Path.build(:theme_packages, :node => name))
|
||||
mkdir_p packaged_theme_path
|
||||
cp_r theme_path, packaged_theme_path
|
||||
|
||||
## Mirror theme's asset directory
|
||||
packaged_theme_assets_path = JB::Path.build(:theme_assets, :root => JB::Path.build(:theme_packages, :node => name))
|
||||
mkdir_p packaged_theme_assets_path
|
||||
cp_r asset_path, packaged_theme_assets_path
|
||||
|
||||
## Log packager version
|
||||
packager = {"packager" => {"version" => CONFIG["theme_package_version"].to_s } }
|
||||
open(JB::Path.build(:theme_packages, :node => "#{name}/packager.yml"), "w") do |page|
|
||||
page.puts packager.to_yaml
|
||||
end
|
||||
|
||||
puts "=> '#{name}' theme is packaged and available at: #{JB::Path.build(:theme_packages, :node => name)}"
|
||||
end
|
||||
|
||||
end # end namespace :theme
|
||||
|
||||
# Internal: Download and process a theme from a git url.
|
||||
# Notice we don't know the name of the theme until we look it up in the manifest.
|
||||
# So we'll have to change the folder name once we get the name.
|
||||
#
|
||||
# url - String, Required url to git repository.
|
||||
#
|
||||
# Returns theme manifest hash
|
||||
def theme_from_git_url(url)
|
||||
tmp_path = JB::Path.build(:theme_packages, :node => "_tmp")
|
||||
abort("rake aborted: system call to git clone failed") if !system("git clone #{url} #{tmp_path}")
|
||||
manifest = verify_manifest(tmp_path)
|
||||
new_path = JB::Path.build(:theme_packages, :node => manifest["name"])
|
||||
if File.exist?(new_path) && ask("=> #{new_path} theme package already exists. Override?", ['y', 'n']) == 'n'
|
||||
remove_dir(tmp_path)
|
||||
abort("rake aborted: '#{manifest["name"]}' already exists as theme package.")
|
||||
end
|
||||
|
||||
remove_dir(new_path) if File.exist?(new_path)
|
||||
mv(tmp_path, new_path)
|
||||
manifest
|
||||
end
|
||||
|
||||
# Internal: Process theme package manifest file.
|
||||
#
|
||||
# theme_path - String, Required. File path to theme package.
|
||||
#
|
||||
# Returns theme manifest hash
|
||||
def verify_manifest(theme_path)
|
||||
manifest_path = File.join(theme_path, "manifest.yml")
|
||||
manifest_file = File.open( manifest_path )
|
||||
abort("rake aborted: repo must contain valid manifest.yml") unless File.exist? manifest_file
|
||||
manifest = YAML.load( manifest_file )
|
||||
manifest_file.close
|
||||
manifest
|
||||
end
|
||||
|
||||
def ask(message, valid_options)
|
||||
if valid_options
|
||||
answer = get_stdin("#{message} #{valid_options.to_s.gsub(/"/, '').gsub(/, /,'/')} ") while !valid_options.include?(answer)
|
||||
else
|
||||
answer = get_stdin(message)
|
||||
end
|
||||
answer
|
||||
end
|
||||
|
||||
def get_stdin(message)
|
||||
print message
|
||||
STDIN.gets.chomp
|
||||
end
|
||||
|
||||
#Load custom rake scripts
|
||||
Dir['_rake/*.rake'].each { |r| load r }
|
|
@ -0,0 +1,126 @@
|
|||
# This is the default format.
|
||||
# For more see: https://github.com/mojombo/jekyll/wiki/Permalinks
|
||||
permalink: /:categories/:year/:month/:day/:title
|
||||
|
||||
exclude: [".rvmrc", ".rbenv-version", "README.md", "Rakefile", "changelog.md"]
|
||||
auto: true
|
||||
pygments: true
|
||||
|
||||
# Themes are encouraged to use these universal variables
|
||||
# so be sure to set them if your theme uses them.
|
||||
#
|
||||
title : Jekyll Bootstrap
|
||||
tagline: Site Tagline
|
||||
author :
|
||||
name : Name Lastname
|
||||
email : blah@email.test
|
||||
github : username
|
||||
twitter : username
|
||||
feedburner : feedname
|
||||
|
||||
# The production_url is only used when full-domain names are needed
|
||||
# such as sitemap.txt
|
||||
# Most places will/should use BASE_PATH to make the urls
|
||||
#
|
||||
# If you have set a CNAME (pages.github.com) set your custom domain here.
|
||||
# Else if you are pushing to username.github.com, replace with your username.
|
||||
# Finally if you are pushing to a GitHub project page, include the project name at the end.
|
||||
#
|
||||
production_url : http://username.github.com
|
||||
|
||||
# All Jekyll-Bootstrap specific configurations are namespaced into this hash
|
||||
#
|
||||
JB :
|
||||
version : 0.2.8
|
||||
|
||||
# All links will be namespaced by BASE_PATH if defined.
|
||||
# Links in your website should always be prefixed with {{BASE_PATH}}
|
||||
# however this value will be dynamically changed depending on your deployment situation.
|
||||
#
|
||||
# CNAME (http://yourcustomdomain.com)
|
||||
# DO NOT SET BASE_PATH
|
||||
# (urls will be prefixed with "/" and work relatively)
|
||||
#
|
||||
# GitHub Pages (http://username.github.com)
|
||||
# DO NOT SET BASE_PATH
|
||||
# (urls will be prefixed with "/" and work relatively)
|
||||
#
|
||||
# GitHub Project Pages (http://username.github.com/project-name)
|
||||
#
|
||||
# A GitHub Project site exists in the `gh-pages` branch of one of your repositories.
|
||||
# REQUIRED! Set BASE_PATH to: http://username.github.com/project-name
|
||||
#
|
||||
# CAUTION:
|
||||
# - When in Localhost, your site will run from root "/" regardless of BASE_PATH
|
||||
# - Only the following values are falsy: ["", null, false]
|
||||
# - When setting BASE_PATH it must be a valid url.
|
||||
# This means always setting the protocol (http|https) or prefixing with "/"
|
||||
BASE_PATH : false
|
||||
|
||||
# By default, the asset_path is automatically defined relative to BASE_PATH plus the enabled theme.
|
||||
# ex: [BASE_PATH]/assets/themes/[THEME-NAME]
|
||||
#
|
||||
# Override this by defining an absolute path to assets here.
|
||||
# ex:
|
||||
# http://s3.amazonaws.com/yoursite/themes/watermelon
|
||||
# /assets
|
||||
#
|
||||
ASSET_PATH : false
|
||||
|
||||
# These paths are to the main pages Jekyll-Bootstrap ships with.
|
||||
# Some JB helpers refer to these paths; change theme here if needed.
|
||||
#
|
||||
archive_path: /archive.html
|
||||
categories_path : /categories.html
|
||||
tags_path : /tags.html
|
||||
|
||||
# Settings for comments helper
|
||||
# Set 'provider' to the comment provider you want to use.
|
||||
# Set 'provider' to false to turn commenting off globally.
|
||||
#
|
||||
comments :
|
||||
provider : disqus
|
||||
disqus :
|
||||
short_name : jekyllbootstrap
|
||||
livefyre :
|
||||
site_id : 123
|
||||
intensedebate :
|
||||
account : 123abc
|
||||
facebook :
|
||||
appid : 123
|
||||
num_posts: 5
|
||||
width: 580
|
||||
colorscheme: light
|
||||
|
||||
# Settings for analytics helper
|
||||
# Set 'provider' to the analytics provider you want to use.
|
||||
# Set 'provider' to false to turn analytics off globally.
|
||||
#
|
||||
analytics :
|
||||
provider : google
|
||||
google :
|
||||
tracking_id : 'UA-123-12'
|
||||
getclicky :
|
||||
site_id :
|
||||
mixpanel :
|
||||
token : '_MIXPANEL_TOKEN_'
|
||||
|
||||
# Settings for sharing helper.
|
||||
# Sharing is for things like tweet, plusone, like, reddit buttons etc.
|
||||
# Set 'provider' to the sharing provider you want to use.
|
||||
# Set 'provider' to false to turn sharing off globally.
|
||||
#
|
||||
sharing :
|
||||
provider : false
|
||||
|
||||
# Settings for all other include helpers can be defined by creating
|
||||
# a hash with key named for the given helper. ex:
|
||||
#
|
||||
# pages_list :
|
||||
# provider : "custom"
|
||||
#
|
||||
# Setting any helper's provider to 'custom' will bypass the helper code
|
||||
# and include your custom code. Your custom file must be defined at:
|
||||
# ./_includes/custom/[HELPER]
|
||||
# where [HELPER] is the name of the helper you are overriding.
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
{% if site.safe and site.JB.analytics.provider and page.JB.analytics != false %}
|
||||
|
||||
{% case site.JB.analytics.provider %}
|
||||
{% when "google" %}
|
||||
{% include JB/analytics-providers/google %}
|
||||
{% when "getclicky" %}
|
||||
{% include JB/analytics-providers/getclicky %}
|
||||
{% when "mixpanel" %}
|
||||
{% include JB/analytics-providers/mixpanel %}
|
||||
{% when "custom" %}
|
||||
{% include custom/analytics %}
|
||||
{% endcase %}
|
||||
|
||||
{% endif %}
|
|
@ -0,0 +1,12 @@
|
|||
<script type="text/javascript">
|
||||
var clicky_site_ids = clicky_site_ids || [];
|
||||
clicky_site_ids.push({{ site.JB.analytics.getclicky.site_id }});
|
||||
(function() {
|
||||
var s = document.createElement('script');
|
||||
s.type = 'text/javascript';
|
||||
s.async = true;
|
||||
s.src = '//static.getclicky.com/js';
|
||||
( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
|
||||
})();
|
||||
</script>
|
||||
<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/{{ site.JB.analytics.getclicky.site_id }}ns.gif" /></p></noscript>
|
|
@ -0,0 +1,11 @@
|
|||
<script type="text/javascript">
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', '{{ site.JB.analytics.google.tracking_id }}']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
|
||||
})();
|
||||
</script>
|
|
@ -0,0 +1,11 @@
|
|||
<script type="text/javascript">
|
||||
var mpq = [];
|
||||
mpq.push(["init", "{{ site.JB.analytics.mixpanel.token}}"]);
|
||||
(function(){var b,a,e,d,c;b=document.createElement("script");b.type="text/javascript";
|
||||
b.async=true;b.src=(document.location.protocol==="https:"?"https:":"http:")+
|
||||
"//api.mixpanel.com/site_media/js/api/mixpanel.js";a=document.getElementsByTagName("script")[0];
|
||||
a.parentNode.insertBefore(b,a);e=function(f){return function(){mpq.push(
|
||||
[f].concat(Array.prototype.slice.call(arguments,0)))}};d=["init","track","track_links",
|
||||
"track_forms","register","register_once","identify","name_tag","set_config"];for(c=0;c<
|
||||
d.length;c++){mpq[d[c]]=e(d[c])}})();
|
||||
</script>
|
|
@ -0,0 +1,37 @@
|
|||
{% comment %}<!--
|
||||
The categories_list include is a listing helper for categories.
|
||||
Usage:
|
||||
1) assign the 'categories_list' variable to a valid array of tags.
|
||||
2) include JB/categories_list
|
||||
example:
|
||||
<ul>
|
||||
{% assign categories_list = site.categories %}
|
||||
{% include JB/categories_list %}
|
||||
</ul>
|
||||
|
||||
Notes:
|
||||
Categories can be either a Hash of Category objects (hashes) or an Array of category-names (strings).
|
||||
The encapsulating 'if' statement checks whether categories_list is a Hash or Array.
|
||||
site.categories is a Hash while page.categories is an array.
|
||||
|
||||
This helper can be seen in use at: ../_layouts/default.html
|
||||
-->{% endcomment %}
|
||||
|
||||
{% if site.JB.categories_list.provider == "custom" %}
|
||||
{% include custom/categories_list %}
|
||||
{% else %}
|
||||
{% if categories_list.first[0] == null %}
|
||||
{% for category in categories_list %}
|
||||
<li><a href="{{ BASE_PATH }}{{ site.JB.categories_path }}#{{ category }}-ref">
|
||||
{{ category | join: "/" }} <span>{{ site.categories[category].size }}</span>
|
||||
</a></li>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{% for category in categories_list %}
|
||||
<li><a href="{{ BASE_PATH }}{{ site.JB.categories_path }}#{{ category[0] }}-ref">
|
||||
{{ category[0] | join: "/" }} <span>{{ category[1].size }}</span>
|
||||
</a></li>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% assign categories_list = nil %}
|
|
@ -0,0 +1,16 @@
|
|||
{% if site.JB.comments.provider and page.comments != false %}
|
||||
|
||||
{% case site.JB.comments.provider %}
|
||||
{% when "disqus" %}
|
||||
{% include JB/comments-providers/disqus %}
|
||||
{% when "livefyre" %}
|
||||
{% include JB/comments-providers/livefyre %}
|
||||
{% when "intensedebate" %}
|
||||
{% include JB/comments-providers/intensedebate %}
|
||||
{% when "facebook" %}
|
||||
{% include JB/comments-providers/facebook %}
|
||||
{% when "custom" %}
|
||||
{% include custom/comments %}
|
||||
{% endcase %}
|
||||
|
||||
{% endif %}
|
|
@ -0,0 +1,14 @@
|
|||
<div id="disqus_thread"></div>
|
||||
<script type="text/javascript">
|
||||
{% if site.safe == false %}var disqus_developer = 1;{% endif %}
|
||||
var disqus_shortname = '{{ site.JB.comments.disqus.short_name }}'; // required: replace example with your forum shortname
|
||||
{% if page.wordpress_id %}var disqus_identifier = '{{page.wordpress_id}} {{site.production_url}}/?p={{page.wordpress_id}}';{% endif %}
|
||||
/* * * DON'T EDIT BELOW THIS LINE * * */
|
||||
(function() {
|
||||
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
|
||||
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
|
||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
|
||||
})();
|
||||
</script>
|
||||
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
|
||||
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
|
|
@ -0,0 +1,9 @@
|
|||
<div id="fb-root"></div>
|
||||
<script>(function(d, s, id) {
|
||||
var js, fjs = d.getElementsByTagName(s)[0];
|
||||
if (d.getElementById(id)) return;
|
||||
js = d.createElement(s); js.id = id;
|
||||
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId={{ site.JB.comments.facebook.appid }}";
|
||||
fjs.parentNode.insertBefore(js, fjs);
|
||||
}(document, 'script', 'facebook-jssdk'));</script>
|
||||
<div class="fb-comments" data-href="{{ site.production_url }}" data-num-posts="{{ site.JB.comments.facebook.num_posts }}" data-width="{{ site.JB.comments.facebook.width }}" data-colorscheme="{{ site.JB.comments.facebook.colorscheme }}"></div>
|
|
@ -0,0 +1,6 @@
|
|||
<script>
|
||||
var idcomments_acct = '{{ site.JB.comments.intensedebate.account }}';
|
||||
var idcomments_post_id;
|
||||
var idcomments_post_url;
|
||||
</script>
|
||||
<script type="text/javascript" src="http://www.intensedebate.com/js/genericLinkWrapperV2.js"></script>
|
|
@ -0,0 +1,6 @@
|
|||
<script type='text/javascript' src='http://zor.livefyre.com/wjs/v1.0/javascripts/livefyre_init.js'></script>
|
||||
<script type='text/javascript'>
|
||||
var fyre = LF({
|
||||
site_id: {{ site.JB.comments.livefyre.site_id }}
|
||||
});
|
||||
</script>
|
|
@ -0,0 +1,32 @@
|
|||
{% comment%}<!--
|
||||
The liquid_raw helper is a way to display raw liquid code, as opposed to parsing it.
|
||||
Normally you'd use Liquid's built in 'raw' tag.
|
||||
The problem is GitHub Jekyll does not support the current Liquid release.
|
||||
GitHub Jekyll supports the deprecated 'literal' tag.
|
||||
Using one will break the other if you plan to deploy to GitHub pages.
|
||||
see: https://github.com/mojombo/jekyll/issues/425
|
||||
|
||||
Since I don't want to mess with Liquid versions, I'll just rewrite the way I
|
||||
intend to give liquid examples. It's not an elegant by any means:
|
||||
|
||||
Usage:
|
||||
1) Define a 'text' variable with the block of liquid code you intend to display.
|
||||
2) Pass the text variable to include JB/liquid_raw
|
||||
|
||||
example:
|
||||
{% capture text %}|.% for tag in tags_list %.|
|
||||
<li><a href="|.{ site.var.tags_path }.||.{ tag[0] }.|-ref">|.{ tag[0] }.| <span>|.{tag[1].size}.|</span></a></li>
|
||||
|.% endfor %.|
|
||||
|
||||
|.% assign tags_list = null %.|{% endcapture %}
|
||||
{% include JB/liquid_raw %}
|
||||
|
||||
As seen here, you must use "|." and ".|" as opening and closing brackets.
|
||||
-->{% endcomment%}
|
||||
|
||||
{% if site.JB.liquid_raw.provider == "custom" %}
|
||||
{% include custom/liquid_raw %}
|
||||
{% else %}
|
||||
<pre><code>{{text | replace:"|.", "{" | replace:".|", "}" | replace:">", ">" | replace:"<", "<" }}</code></pre>
|
||||
{% endif %}
|
||||
{% assign text = nil %}
|
|
@ -0,0 +1,37 @@
|
|||
{% comment %}<!--
|
||||
The pages_list include is a listing helper.
|
||||
Usage:
|
||||
1) assign the 'pages_list' variable to a valid array of pages or posts.
|
||||
2) include JB/pages_list
|
||||
example:
|
||||
<ul>
|
||||
{% assign pages_list = site.pages %}
|
||||
{% include JB/pages_list %}
|
||||
</ul>
|
||||
|
||||
Grouping: (optional):
|
||||
assign the 'group' variable to constrain the list to only pages/posts
|
||||
in the given group. Note you must define the group manually in the page/post
|
||||
meta-data to use this feature.
|
||||
Grouping is mainly helpful for non-post pages.
|
||||
If you want to group posts, it's easier/better to tag them, then pass the tagged posts array.
|
||||
i.e. site.tags.cool_tag (this returns an array of posts tagged: cool_tag)
|
||||
|
||||
This helper can be seen in use at: ../_layouts/default.html
|
||||
-->{% endcomment %}
|
||||
|
||||
{% if site.JB.pages_list.provider == "custom" %}
|
||||
{% include custom/pages_list %}
|
||||
{% else %}
|
||||
{% for node in pages_list %}
|
||||
{% if group == null or group == node.group %}
|
||||
{% if page.url == node.url %}
|
||||
<li class="active"><a href="{{ BASE_PATH }}{{node.url}}" class="active">{{node.title}}</a></li>
|
||||
{% else %}
|
||||
<li><a href="{{ BASE_PATH }}{{node.url}}">{{node.title}}</a></li>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% assign pages_list = nil %}
|
||||
{% assign group = nil %}
|
|
@ -0,0 +1,55 @@
|
|||
{% comment %}<!--
|
||||
Collate_posts helper. Collated posts by year and month.
|
||||
Usage:
|
||||
1) assign the 'posts_collate' variable to a valid array of posts.
|
||||
2) include JB/posts_collate
|
||||
example:
|
||||
{% assign posts_collate = site.posts %}
|
||||
{% include JB/posts_collate %}
|
||||
|
||||
Ordering:
|
||||
Posts are displayed in reverse chronological order.
|
||||
For normal chronological order:
|
||||
1) Change the for loop to this:
|
||||
=> 'for post in site.posts reversed'
|
||||
2) Next make sure to change 'post.previous.date' to:
|
||||
=> 'post.next.date'
|
||||
|
||||
-->{% endcomment %}
|
||||
|
||||
{% if site.JB.posts_collate.provider == "custom" %}
|
||||
{% include custom/posts_collate %}
|
||||
{% else %}
|
||||
{% for post in posts_collate %}
|
||||
{% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
|
||||
{% capture this_month %}{{ post.date | date: "%B" }}{% endcapture %}
|
||||
{% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
|
||||
{% capture next_month %}{{ post.previous.date | date: "%B" }}{% endcapture %}
|
||||
|
||||
{% if forloop.first %}
|
||||
<h2>{{this_year}}</h2>
|
||||
<h3>{{this_month}}</h3>
|
||||
<ul>
|
||||
{% endif %}
|
||||
|
||||
<li><span>{{ post.date | date: "%B %e, %Y" }}</span> » <a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></li>
|
||||
|
||||
{% if forloop.last %}
|
||||
</ul>
|
||||
{% else %}
|
||||
{% if this_year != next_year %}
|
||||
</ul>
|
||||
<h2>{{next_year}}</h2>
|
||||
<h3>{{next_month}}</h3>
|
||||
<ul>
|
||||
{% else %}
|
||||
{% if this_month != next_month %}
|
||||
</ul>
|
||||
<h3>{{next_month}}</h3>
|
||||
<ul>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% assign posts_collate = nil %}
|
|
@ -0,0 +1,22 @@
|
|||
{% capture jbcache %}
|
||||
<!--
|
||||
- Dynamically set liquid variables for working with URLs/paths
|
||||
-->
|
||||
{% if site.JB.setup.provider == "custom" %}
|
||||
{% include custom/setup %}
|
||||
{% else %}
|
||||
{% if site.safe and site.JB.BASE_PATH and site.JB.BASE_PATH != '' %}
|
||||
{% assign BASE_PATH = site.JB.BASE_PATH %}
|
||||
{% assign HOME_PATH = site.JB.BASE_PATH %}
|
||||
{% else %}
|
||||
{% assign BASE_PATH = nil %}
|
||||
{% assign HOME_PATH = "/" %}
|
||||
{% endif %}
|
||||
|
||||
{% if site.JB.ASSET_PATH %}
|
||||
{% assign ASSET_PATH = site.JB.ASSET_PATH %}
|
||||
{% else %}
|
||||
{% capture ASSET_PATH %}{{ BASE_PATH }}/assets/themes/{{ page.theme.name }}{% endcapture %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% endcapture %}{% assign jbcache = nil %}
|
|
@ -0,0 +1,8 @@
|
|||
{% if site.safe and site.JB.sharing.provider and page.JB.sharing != false %}
|
||||
|
||||
{% case site.JB.sharing.provider %}
|
||||
{% when "custom" %}
|
||||
{% include custom/sharing %}
|
||||
{% endcase %}
|
||||
|
||||
{% endif %}
|
|
@ -0,0 +1,33 @@
|
|||
{% comment %}<!--
|
||||
The tags_list include is a listing helper for tags.
|
||||
Usage:
|
||||
1) assign the 'tags_list' variable to a valid array of tags.
|
||||
2) include JB/tags_list
|
||||
example:
|
||||
<ul>
|
||||
{% assign tags_list = site.tags %}
|
||||
{% include JB/tags_list %}
|
||||
</ul>
|
||||
|
||||
Notes:
|
||||
Tags can be either a Hash of tag objects (hashes) or an Array of tag-names (strings).
|
||||
The encapsulating 'if' statement checks whether tags_list is a Hash or Array.
|
||||
site.tags is a Hash while page.tags is an array.
|
||||
|
||||
This helper can be seen in use at: ../_layouts/default.html
|
||||
-->{% endcomment %}
|
||||
|
||||
{% if site.JB.tags_list.provider == "custom" %}
|
||||
{% include custom/tags_list %}
|
||||
{% else %}
|
||||
{% if tags_list.first[0] == null %}
|
||||
{% for tag in tags_list %}
|
||||
<li><a href="{{ BASE_PATH }}{{ site.JB.tags_path }}#{{ tag }}-ref">{{ tag }} <span>{{ site.tags[tag].size }}</span></a></li>
|
||||
{% endfor %}
|
||||
{% else %}
|
||||
{% for tag in tags_list %}
|
||||
<li><a href="{{ BASE_PATH }}{{ site.JB.tags_path }}#{{ tag[0] }}-ref">{{ tag[0] }} <span>{{ tag[1].size }}</span></a></li>
|
||||
{% endfor %}
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
{% assign tags_list = nil %}
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>{{ page.title }}</title>
|
||||
{% if page.description %}<meta name="description" content="{{ page.description }}">{% endif %}
|
||||
<meta name="author" content="{{ site.author.name }}">
|
||||
|
||||
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- Le styles -->
|
||||
<link href="{{ ASSET_PATH }}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||||
<link href="{{ ASSET_PATH }}/css/style.css?body=1" rel="stylesheet" type="text/css" media="all">
|
||||
|
||||
<!-- Le fav and touch icons -->
|
||||
<!-- Update these with your own images
|
||||
<link rel="shortcut icon" href="images/favicon.ico">
|
||||
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
|
||||
-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<a class="brand" href="{{ HOME_PATH }}">{{ site.title }}</a>
|
||||
<ul class="nav">
|
||||
{% assign pages_list = site.pages %}
|
||||
{% assign group = 'navigation' %}
|
||||
{% include JB/pages_list %}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="content">
|
||||
{{ content }}
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p>© {{ site.author.name }} 2012
|
||||
with help from <a href="http://jekyllbootstrap.com" target="_blank" title="The Definitive Jekyll Blogging Framework">Jekyll Bootstrap</a>
|
||||
and <a href="http://twitter.github.com/bootstrap/" target="_blank">Twitter Bootstrap</a>
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
</div> <!-- /container -->
|
||||
|
||||
{% include JB/analytics %}
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,9 @@
|
|||
<div class="page-header">
|
||||
<h1>{{ page.title }} <small>{{ page.tagline }}</small></h1>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="span12">
|
||||
{{ content }}
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,40 @@
|
|||
<div class="page-header">
|
||||
<h1>{{ page.title }} <small>Supporting tagline</small></h1>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="span8">
|
||||
{{ content }}
|
||||
<hr>
|
||||
<div class="pagination">
|
||||
<ul>
|
||||
{% if page.previous %}
|
||||
<li class="prev"><a href="{{ BASE_PATH }}{{ page.previous.url }}" title="{{ page.previous.title }}">← Previous</a></li>
|
||||
{% else %}
|
||||
<li class="prev disabled"><a>← Previous</a></li>
|
||||
{% endif %}
|
||||
<li><a href="{{ BASE_PATH }}{{ site.JB.archive_path }}">Archive</a></li>
|
||||
{% if page.next %}
|
||||
<li class="next"><a href="{{ BASE_PATH }}{{ page.next.url }}" title="{{ page.next.title }}">Next →</a></li>
|
||||
{% else %}
|
||||
<li class="next disabled"><a>Next →</a>
|
||||
{% endif %}
|
||||
</ul>
|
||||
</div>
|
||||
<hr>
|
||||
{% include JB/comments %}
|
||||
</div>
|
||||
|
||||
<div class="span4">
|
||||
<h4>Published</h4>
|
||||
<div class="date"><span>{{ page.date | date_to_long_string }}</span></div>
|
||||
|
||||
{% unless page.tags == empty %}
|
||||
<h4>Tags</h4>
|
||||
<ul class="tag_box">
|
||||
{% assign tags_list = page.tags %}
|
||||
{% include JB/tags_list %}
|
||||
</ul>
|
||||
{% endunless %}
|
||||
</div>
|
||||
</div>
|
|
@ -0,0 +1,2 @@
|
|||
theme :
|
||||
name : twitter
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
theme :
|
||||
name : twitter
|
||||
---
|
||||
{% include JB/setup %}
|
||||
{% include themes/twitter/default.html %}
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
{% include JB/setup %}
|
||||
{% include themes/twitter/page.html %}
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
{% include JB/setup %}
|
||||
{% include themes/twitter/post.html %}
|
|
@ -0,0 +1,38 @@
|
|||
# A simple way to inspect liquid template variables.
|
||||
# Usage:
|
||||
# Can be used anywhere liquid syntax is parsed (templates, includes, posts/pages)
|
||||
# {{ site | debug }}
|
||||
# {{ site.posts | debug }}
|
||||
#
|
||||
require 'pp'
|
||||
module Jekyll
|
||||
# Need to overwrite the inspect method here because the original
|
||||
# uses < > to encapsulate the psuedo post/page objects in which case
|
||||
# the output is taken for HTML tags and hidden from view.
|
||||
#
|
||||
class Post
|
||||
def inspect
|
||||
"#Jekyll:Post @id=#{self.id.inspect}"
|
||||
end
|
||||
end
|
||||
|
||||
class Page
|
||||
def inspect
|
||||
"#Jekyll:Page @name=#{self.name.inspect}"
|
||||
end
|
||||
end
|
||||
|
||||
end # Jekyll
|
||||
|
||||
module Jekyll
|
||||
module DebugFilter
|
||||
|
||||
def debug(obj, stdout=false)
|
||||
puts obj.pretty_inspect if stdout
|
||||
"<pre>#{obj.class}\n#{obj.pretty_inspect}</pre>"
|
||||
end
|
||||
|
||||
end # DebugFilter
|
||||
end # Jekyll
|
||||
|
||||
Liquid::Template.register_filter(Jekyll::DebugFilter)
|
|
@ -0,0 +1,411 @@
|
|||
---
|
||||
layout: post
|
||||
category : lessons
|
||||
tags : [intro, beginner, jekyll, tutorial]
|
||||
---
|
||||
{% include JB/setup %}
|
||||
|
||||
This Jekyll introduction will outline specifically what Jekyll is and why you would want to use it.
|
||||
Directly following the intro we'll learn exactly _how_ Jekyll does what it does.
|
||||
|
||||
## Overview
|
||||
|
||||
### What is Jekyll?
|
||||
|
||||
Jekyll is a parsing engine bundled as a ruby gem used to build static websites from
|
||||
dynamic components such as templates, partials, liquid code, markdown, etc. Jekyll is known as "a simple, blog aware, static site generator".
|
||||
|
||||
### Examples
|
||||
|
||||
This website is created with Jekyll. [Other Jekyll websites](https://github.com/mojombo/jekyll/wiki/Sites).
|
||||
|
||||
|
||||
|
||||
### What does Jekyll Do?
|
||||
|
||||
Jekyll is a ruby gem you install on your local system.
|
||||
Once there you can call `jekyll --server` on a directory and provided that directory
|
||||
is setup in a way jekyll expects, it will do magic stuff like parse markdown/textile files,
|
||||
compute categories, tags, permalinks, and construct your pages from layout templates and partials.
|
||||
|
||||
Once parsed, Jekyll stores the result in a self-contained static `_site` folder.
|
||||
The intention here is that you can serve all contents in this folder statically from a plain static web-server.
|
||||
|
||||
You can think of Jekyll as a normalish dynamic blog but rather than parsing content, templates, and tags
|
||||
on each request, Jekyll does this once _beforehand_ and caches the _entire website_ in a folder for serving statically.
|
||||
|
||||
### Jekyll is Not Blogging Software
|
||||
|
||||
**Jekyll is a parsing engine.**
|
||||
|
||||
Jekyll does not come with any content nor does it have any templates or design elements.
|
||||
This is a common source of confusion when getting started.
|
||||
Jekyll does not come with anything you actually use or see on your website - you have to make it.
|
||||
|
||||
### Why Should I Care?
|
||||
|
||||
Jekyll is very minimalistic and very efficient.
|
||||
The most important thing to realize about Jekyll is that it creates a static representation of your website requiring only a static web-server.
|
||||
Traditional dynamic blogs like Wordpress require a database and server-side code.
|
||||
Heavily trafficked dynamic blogs must employ a caching layer that ultimately performs the same job Jekyll sets out to do; serve static content.
|
||||
|
||||
Therefore if you like to keep things simple and you prefer the command-line over an admin panel UI then give Jekyll a try.
|
||||
|
||||
**Developers like Jekyll because we can write content like we write code:**
|
||||
|
||||
- Ability to write content in markdown or textile in your favorite text-editor.
|
||||
- Ability to write and preview your content via localhost.
|
||||
- No internet connection required.
|
||||
- Ability to publish via git.
|
||||
- Ability to host your blog on a static web-server.
|
||||
- Ability to host freely on GitHub Pages.
|
||||
- No database required.
|
||||
|
||||
# How Jekyll Works
|
||||
|
||||
The following is a complete but concise outline of exactly how Jekyll works.
|
||||
|
||||
Be aware that core concepts are introduced in rapid succession without code examples.
|
||||
This information is not intended to specifically teach you how to do anything, rather it
|
||||
is intended to give you the _full picture_ relative to what is going on in Jekyll-world.
|
||||
|
||||
Learning these core concepts should help you avoid common frustrations and ultimately
|
||||
help you better understand the code examples contained throughout Jekyll-Bootstrap.
|
||||
|
||||
|
||||
## Initial Setup
|
||||
|
||||
After [installing jekyll](/index.html#start-now) you'll need to format your website directory in a way jekyll expects.
|
||||
Jekyll-bootstrap conveniently provides the base directory format.
|
||||
|
||||
### The Jekyll Application Base Format
|
||||
|
||||
Jekyll expects your website directory to be laid out like so:
|
||||
|
||||
.
|
||||
|-- _config.yml
|
||||
|-- _includes
|
||||
|-- _layouts
|
||||
| |-- default.html
|
||||
| |-- post.html
|
||||
|-- _posts
|
||||
| |-- 20011-10-25-open-source-is-good.markdown
|
||||
| |-- 20011-04-26-hello-world.markdown
|
||||
|-- _site
|
||||
|-- index.html
|
||||
|-- assets
|
||||
|-- css
|
||||
|-- style.css
|
||||
|-- javascripts
|
||||
|
||||
|
||||
- **\_config.yml**
|
||||
Stores configuration data.
|
||||
|
||||
- **\_includes**
|
||||
This folder is for partial views.
|
||||
|
||||
- **\_layouts**
|
||||
This folder is for the main templates your content will be inserted into.
|
||||
You can have different layouts for different pages or page sections.
|
||||
|
||||
- **\_posts**
|
||||
This folder contains your dynamic content/posts.
|
||||
the naming format is required to be `@YEAR-MONTH-DATE-title.MARKUP@`.
|
||||
|
||||
- **\_site**
|
||||
This is where the generated site will be placed once Jekyll is done transforming it.
|
||||
|
||||
- **assets**
|
||||
This folder is not part of the standard jekyll structure.
|
||||
The assets folder represents _any generic_ folder you happen to create in your root directory.
|
||||
Directories and files not properly formatted for jekyll will be left untouched for you to serve normally.
|
||||
|
||||
(read more: <https://github.com/mojombo/jekyll/wiki/Usage>)
|
||||
|
||||
|
||||
### Jekyll Configuration
|
||||
|
||||
Jekyll supports various configuration options that are fully outlined here:
|
||||
<https://github.com/mojombo/jekyll/wiki/Configuration>
|
||||
|
||||
|
||||
|
||||
|
||||
## Content in Jekyll
|
||||
|
||||
Content in Jekyll is either a post or a page.
|
||||
These content "objects" get inserted into one or more templates to build the final output for its respective static-page.
|
||||
|
||||
### Posts and Pages
|
||||
|
||||
Both posts and pages should be written in markdown, textile, or HTML and may also contain Liquid templating syntax.
|
||||
Both posts and pages can have meta-data assigned on a per-page basis such as title, url path, as well as arbitrary custom meta-data.
|
||||
|
||||
### Working With Posts
|
||||
|
||||
**Creating a Post**
|
||||
Posts are created by properly formatting a file and placing it the `_posts` folder.
|
||||
|
||||
**Formatting**
|
||||
A post must have a valid filename in the form `YEAR-MONTH-DATE-title.MARKUP` and be placed in the `_posts` directory.
|
||||
If the data format is invalid Jekyll will not recognize the file as a post. The date and title are automatically parsed from the filename of the post file.
|
||||
Additionally, each file must have [YAML Front-Matter](https://github.com/mojombo/jekyll/wiki/YAML-Front-Matter) prepended to its content.
|
||||
YAML Front-Matter is a valid YAML syntax specifying meta-data for the given file.
|
||||
|
||||
**Order**
|
||||
Ordering is an important part of Jekyll but it is hard to specify a custom ordering strategy.
|
||||
Only reverse chronological and chronological ordering is supported in Jekyll.
|
||||
|
||||
Since the date is hard-coded into the filename format, to change the order, you must change the dates in the filenames.
|
||||
|
||||
**Tags**
|
||||
Posts can have tags associated with them as part of their meta-data.
|
||||
Tags may be placed on posts by providing them in the post's YAML front matter.
|
||||
You have access to the post-specific tags in the templates. These tags also get added to the sitewide collection.
|
||||
|
||||
**Categories**
|
||||
Posts may be categorized by providing one or more categories in the YAML front matter.
|
||||
Categories offer more significance over tags in that they can be reflected in the URL path to the given post.
|
||||
Note categories in Jekyll work in a specific way.
|
||||
If you define more than one category you are defining a category hierarchy "set".
|
||||
Example:
|
||||
|
||||
---
|
||||
title : Hello World
|
||||
categories : [lessons, beginner]
|
||||
---
|
||||
|
||||
This defines the category hierarchy "lessons/beginner". Note this is _one category_ node in Jekyll.
|
||||
You won't find "lessons" and "beginner" as two separate categories unless you define them elsewhere as singular categories.
|
||||
|
||||
### Working With Pages
|
||||
|
||||
**Creating a Page**
|
||||
Pages are created by properly formatting a file and placing it anywhere in the root directory or subdirectories that do _not_ start with an underscore.
|
||||
|
||||
**Formatting**
|
||||
In order to register as a Jekyll page the file must contain [YAML Front-Matter](https://github.com/mojombo/jekyll/wiki/YAML-Front-Matter).
|
||||
Registering a page means 1) that Jekyll will process the page and 2) that the page object will be available in the `site.pages` array for inclusion into your templates.
|
||||
|
||||
**Categories and Tags**
|
||||
Pages do not compute categories nor tags so defining them will have no effect.
|
||||
|
||||
**Sub-Directories**
|
||||
If pages are defined in sub-directories, the path to the page will be reflected in the url.
|
||||
Example:
|
||||
|
||||
.
|
||||
|-- people
|
||||
|-- bob
|
||||
|-- essay.html
|
||||
|
||||
This page will be available at `http://yourdomain.com/people/bob/essay.html`
|
||||
|
||||
|
||||
**Recommended Pages**
|
||||
|
||||
- **index.html**
|
||||
You will always want to define the root index.html page as this will display on your root URL.
|
||||
- **404.html**
|
||||
Create a root 404.html page and GitHub Pages will serve it as your 404 response.
|
||||
- **sitemap.html**
|
||||
Generating a sitemap is good practice for SEO.
|
||||
- **about.html**
|
||||
A nice about page is easy to do and gives the human perspective to your website.
|
||||
|
||||
|
||||
## Templates in Jekyll
|
||||
|
||||
Templates are used to contain a page's or post's content.
|
||||
All templates have access to a global site object variable: `site` as well as a page object variable: `page`.
|
||||
The site variable holds all accessible content and metadata relative to the site.
|
||||
The page variable holds accessible data for the given page or post being rendered at that point.
|
||||
|
||||
**Create a Template**
|
||||
Templates are created by properly formatting a file and placing it in the `_layouts` directory.
|
||||
|
||||
**Formatting**
|
||||
Templates should be coded in HTML and contain YAML Front Matter.
|
||||
All templates can contain Liquid code to work with your site's data.
|
||||
|
||||
**Rending Page/Post Content in a Template**
|
||||
There is a special variable in all templates named : `content`.
|
||||
The `content` variable holds the page/post content including any sub-template content previously defined.
|
||||
Render the content variable wherever you want your main content to be injected into your template:
|
||||
|
||||
{% capture text %}...
|
||||
<body>
|
||||
<div id="sidebar"> ... </div>
|
||||
<div id="main">
|
||||
|.{content}.|
|
||||
</div>
|
||||
</body>
|
||||
...{% endcapture %}
|
||||
{% include JB/liquid_raw %}
|
||||
|
||||
### Sub-Templates
|
||||
|
||||
Sub-templates are exactly templates with the only difference being they
|
||||
define another "root" layout/template within their YAML Front Matter.
|
||||
This essentially means a template will render inside of another template.
|
||||
|
||||
### Includes
|
||||
In Jekyll you can define include files by placing them in the `_includes` folder.
|
||||
Includes are NOT templates, rather they are just code snippets that get included into templates.
|
||||
In this way, you can treat the code inside includes as if it was native to the parent template.
|
||||
|
||||
Any valid template code may be used in includes.
|
||||
|
||||
|
||||
## Using Liquid for Templating
|
||||
|
||||
Templating is perhaps the most confusing and frustrating part of Jekyll.
|
||||
This is mainly due to the fact that Jekyll templates must use the Liquid Templating Language.
|
||||
|
||||
### What is Liquid?
|
||||
|
||||
[Liquid](https://github.com/Shopify/liquid) is a secure templating language developed by [Shopify](http://shopify.com).
|
||||
Liquid is designed for end-users to be able to execute logic within template files
|
||||
without imposing any security risk on the hosting server.
|
||||
|
||||
Jekyll uses Liquid to generate the post content within the final page layout structure and as the primary interface for working with
|
||||
your site and post/page data.
|
||||
|
||||
### Why Do We Have to Use Liquid?
|
||||
|
||||
GitHub uses Jekyll to power [GitHub Pages](http://pages.github.com/).
|
||||
GitHub cannot afford to run arbitrary code on their servers so they lock developers down via Liquid.
|
||||
|
||||
### Liquid is Not Programmer-Friendly.
|
||||
|
||||
The short story is liquid is not real code and its not intended to execute real code.
|
||||
The point being you can't do jackshit in liquid that hasn't been allowed explicitly by the implementation.
|
||||
What's more you can only access data-structures that have been explicitly passed to the template.
|
||||
|
||||
In Jekyll's case it is not possible to alter what is passed to Liquid without hacking the gem or running custom plugins.
|
||||
Both of which cannot be supported by GitHub Pages.
|
||||
|
||||
As a programmer - this is very frustrating.
|
||||
|
||||
But rather than look a gift horse in the mouth we are going to
|
||||
suck it up and view it as an opportunity to work around limitations and adopt client-side solutions when possible.
|
||||
|
||||
**Aside**
|
||||
My personal stance is to not invest time trying to hack liquid. It's really unnecessary
|
||||
_from a programmer's_ perspective. That is to say if you have the ability to run custom plugins (i.e. run arbitrary ruby code)
|
||||
you are better off sticking with ruby. Toward that end I've built [Mustache-with-Jekyll](http://github.com/plusjade/mustache-with-jekyll)
|
||||
|
||||
|
||||
## Static Assets
|
||||
|
||||
Static assets are any file in the root or non-underscored subfolders that are not pages.
|
||||
That is they have no valid YAML Front Matter and are thus not treated as Jekyll Pages.
|
||||
|
||||
Static assets should be used for images, css, and javascript files.
|
||||
|
||||
|
||||
|
||||
|
||||
## How Jekyll Parses Files
|
||||
|
||||
Remember Jekyll is a processing engine. There are two main types of parsing in Jekyll.
|
||||
|
||||
- **Content parsing.**
|
||||
This is done with textile or markdown.
|
||||
- **Template parsing.**
|
||||
This is done with the liquid templating language.
|
||||
|
||||
And thus there are two main types of file formats needed for this parsing.
|
||||
|
||||
- **Post and Page files.**
|
||||
All content in Jekyll is either a post or a page so valid posts and pages are parsed with markdown or textile.
|
||||
- **Template files.**
|
||||
These files go in `_layouts` folder and contain your blogs **templates**. They should be made in HTML with the help of Liquid syntax.
|
||||
Since include files are simply injected into templates they are essentially parsed as if they were native to the template.
|
||||
|
||||
**Arbitrary files and folders.**
|
||||
Files that _are not_ valid pages are treated as static content and pass through
|
||||
Jekyll untouched and reside on your blog in the exact structure and format they originally existed in.
|
||||
|
||||
### Formatting Files for Parsing.
|
||||
|
||||
We've outlined the need for valid formatting using **YAML Front Matter**.
|
||||
Templates, posts, and pages all need to provide valid YAML Front Matter even if the Matter is empty.
|
||||
This is the only way Jekyll knows you want the file processed.
|
||||
|
||||
YAML Front Matter must be prepended to the top of template/post/page files:
|
||||
|
||||
---
|
||||
layout: post
|
||||
category : pages
|
||||
tags : [how-to, jekyll]
|
||||
---
|
||||
|
||||
... contents ...
|
||||
|
||||
Three hyphens on a new line start the Front-Matter block and three hyphens on a new line end the block.
|
||||
The data inside the block must be valid YAML.
|
||||
|
||||
Configuration parameters for YAML Front-Matter is outlined here:
|
||||
[A comprehensive explanation of YAML Front Matter](https://github.com/mojombo/jekyll/wiki/YAML-Front-Matter)
|
||||
|
||||
#### Defining Layouts for Posts and Templates Parsing.
|
||||
|
||||
The `layout` parameter in the YAML Front Matter defines the template file for which the given post or template should be injected into.
|
||||
If a template file specifies its own layout, it is effectively being used as a `sub-template.`
|
||||
That is to say loading a post file into a template file that refers to another template file with work in the way you'd expect; as a nested sub-template.
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
## How Jekyll Generates the Final Static Files.
|
||||
|
||||
Ultimately, Jekyll's job is to generate a static representation of your website.
|
||||
The following is an outline of how that's done:
|
||||
|
||||
1. **Jekyll collects data.**
|
||||
Jekyll scans the posts directory and collects all posts files as post objects. It then scans the layout assets and collects those and finally scans other directories in search of pages.
|
||||
|
||||
2. **Jekyll computes data.**
|
||||
Jekyll takes these objects, computes metadata (permalinks, tags, categories, titles, dates) from them and constructs one
|
||||
big `site` object that holds all the posts, pages, layouts, and respective metadata.
|
||||
At this stage your site is one big computed ruby object.
|
||||
|
||||
3. **Jekyll liquifies posts and templates.**
|
||||
Next jekyll loops through each post file and converts (through markdown or textile) and **liquifies** the post inside of its respective layout(s).
|
||||
Once the post is parsed and liquified inside the the proper layout structure, the layout itself is "liquified".
|
||||
**Liquification** is defined as follows: Jekyll initiates a Liquid template, and passes a simpler hash representation of the ruby site object as well as a simpler
|
||||
hash representation of the ruby post object. These simplified data structures are what you have access to in the templates.
|
||||
|
||||
3. **Jekyll generates output.**
|
||||
Finally the liquid templates are "rendered", thereby processing any liquid syntax provided in the templates
|
||||
and saving the final, static representation of the file.
|
||||
|
||||
**Notes.**
|
||||
Because Jekyll computes the entire site in one fell swoop, each template is given access to
|
||||
a global `site` hash that contains useful data. It is this data that you'll iterate through and format
|
||||
using the Liquid tags and filters in order to render it onto a given page.
|
||||
|
||||
Remember, in Jekyll you are an end-user. Your API has only two components:
|
||||
|
||||
1. The manner in which you setup your directory.
|
||||
2. The liquid syntax and variables passed into the liquid templates.
|
||||
|
||||
All the data objects available to you in the templates via Liquid are outlined in the **API Section** of Jekyll-Bootstrap.
|
||||
You can also read the original documentation here: <https://github.com/mojombo/jekyll/wiki/Template-Data>
|
||||
|
||||
## Conclusion
|
||||
|
||||
I hope this paints a clearer picture of what Jekyll is doing and why it works the way it does.
|
||||
As noted, our main programming constraint is the fact that our API is limited to what is accessible via Liquid and Liquid only.
|
||||
|
||||
Jekyll-bootstrap is intended to provide helper methods and strategies aimed at making it more intuitive and easier to work with Jekyll =)
|
||||
|
||||
**Thank you** for reading this far.
|
||||
|
||||
## Next Steps
|
||||
|
||||
Please take a look at [{{ site.categories.api.first.title }}]({{ BASE_PATH }}{{ site.categories.api.first.url }})
|
||||
or jump right into [Usage]({{ BASE_PATH }}{{ site.categories.usage.first.url }}) if you'd like.
|
|
@ -0,0 +1,10 @@
|
|||
---
|
||||
layout: page
|
||||
title : Archive
|
||||
header : Post Archive
|
||||
group: navigation
|
||||
---
|
||||
{% include JB/setup %}
|
||||
|
||||
{% assign posts_collate = site.posts %}
|
||||
{% include JB/posts_collate %}
|
|
@ -0,0 +1,632 @@
|
|||
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;}
|
||||
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
|
||||
a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
|
||||
a:hover,a:active{outline:0;}
|
||||
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
|
||||
sup{top:-0.5em;}
|
||||
sub{bottom:-0.25em;}
|
||||
img{max-width:100%;height:auto;border:0;-ms-interpolation-mode:bicubic;}
|
||||
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
|
||||
button,input{*overflow:visible;line-height:normal;}
|
||||
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
|
||||
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}
|
||||
input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
|
||||
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
|
||||
textarea{overflow:auto;vertical-align:top;}
|
||||
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}
|
||||
.clearfix:after{clear:both;}
|
||||
body{margin:0;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;}
|
||||
.row{margin-left:-20px;*zoom:1;}.row:before,.row:after{display:table;content:"";}
|
||||
.row:after{clear:both;}
|
||||
[class*="span"]{float:left;margin-left:20px;}
|
||||
.span1{width:60px;}
|
||||
.span2{width:140px;}
|
||||
.span3{width:220px;}
|
||||
.span4{width:300px;}
|
||||
.span5{width:380px;}
|
||||
.span6{width:460px;}
|
||||
.span7{width:540px;}
|
||||
.span8{width:620px;}
|
||||
.span9{width:700px;}
|
||||
.span10{width:780px;}
|
||||
.span11{width:860px;}
|
||||
.span12,.container{width:940px;}
|
||||
.offset1{margin-left:100px;}
|
||||
.offset2{margin-left:180px;}
|
||||
.offset3{margin-left:260px;}
|
||||
.offset4{margin-left:340px;}
|
||||
.offset5{margin-left:420px;}
|
||||
.offset6{margin-left:500px;}
|
||||
.offset7{margin-left:580px;}
|
||||
.offset8{margin-left:660px;}
|
||||
.offset9{margin-left:740px;}
|
||||
.offset10{margin-left:820px;}
|
||||
.offset11{margin-left:900px;}
|
||||
.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";}
|
||||
.row-fluid:after{clear:both;}
|
||||
.row-fluid>[class*="span"]{float:left;margin-left:2.127659574%;}
|
||||
.row-fluid>[class*="span"]:first-child{margin-left:0;}
|
||||
.row-fluid>.span1{width:6.382978723%;}
|
||||
.row-fluid>.span2{width:14.89361702%;}
|
||||
.row-fluid>.span3{width:23.404255317%;}
|
||||
.row-fluid>.span4{width:31.914893614%;}
|
||||
.row-fluid>.span5{width:40.425531911%;}
|
||||
.row-fluid>.span6{width:48.93617020799999%;}
|
||||
.row-fluid>.span7{width:57.446808505%;}
|
||||
.row-fluid>.span8{width:65.95744680199999%;}
|
||||
.row-fluid>.span9{width:74.468085099%;}
|
||||
.row-fluid>.span10{width:82.97872339599999%;}
|
||||
.row-fluid>.span11{width:91.489361693%;}
|
||||
.row-fluid>.span12{width:99.99999998999999%;}
|
||||
.container{width:940px;margin-left:auto;margin-right:auto;*zoom:1;}.container:before,.container:after{display:table;content:"";}
|
||||
.container:after{clear:both;}
|
||||
.container-fluid{padding-left:20px;padding-right:20px;*zoom:1;}.container-fluid:before,.container-fluid:after{display:table;content:"";}
|
||||
.container-fluid:after{clear:both;}
|
||||
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,ol.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 #eeeeee;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;word-wrap:break-word;}pre.prettyprint{margin-bottom:18px;}
|
||||
pre code{padding:0;color:inherit;background-color:transparent;border:0;}
|
||||
.pre-scrollable{max-height:340px;overflow-y:scroll;}
|
||||
form{margin:0 0 18px;}
|
||||
fieldset{padding:0;margin:0;border:0;}
|
||||
legend{display:block;width:100%;padding:0;margin-bottom:27px;font-size:19.5px;line-height:36px;color:#333333;border:0;border-bottom:1px solid #eee;}legend small{font-size:13.5px;color:#999999;}
|
||||
label,input,button,select,textarea{font-size:13px;font-weight:normal;line-height:18px;}
|
||||
input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
|
||||
label{display:block;margin-bottom:5px;color:#333333;}
|
||||
input,textarea,select,.uneditable-input{display:inline-block;width:210px;height:18px;padding:4px;margin-bottom:9px;font-size:13px;line-height:18px;color:#555555;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||||
.uneditable-textarea{width:auto;height:auto;}
|
||||
label input,label textarea,label select{display:block;}
|
||||
input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;*margin-top:0;line-height:normal;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:0 \9;}
|
||||
input[type="image"]{border:0;}
|
||||
input[type="file"]{width:auto;padding:initial;line-height:initial;border:initial;background-color:#ffffff;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
input[type="button"],input[type="reset"],input[type="submit"]{width:auto;height:auto;}
|
||||
select,input[type="file"]{height:28px;*margin-top:4px;line-height:28px;}
|
||||
input[type="file"]{line-height:18px \9;}
|
||||
select{width:220px;background-color:#ffffff;}
|
||||
select[multiple],select[size]{height:auto;}
|
||||
input[type="image"]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
textarea{height:auto;}
|
||||
input[type="hidden"]{display:none;}
|
||||
.radio,.checkbox{padding-left:18px;}
|
||||
.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-18px;}
|
||||
.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px;}
|
||||
.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;}
|
||||
.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;}
|
||||
input,textarea{-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;}
|
||||
input:focus,textarea:focus{border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.6);outline:0;outline:thin dotted \9;}
|
||||
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
|
||||
.input-mini{width:60px;}
|
||||
.input-small{width:90px;}
|
||||
.input-medium{width:150px;}
|
||||
.input-large{width:210px;}
|
||||
.input-xlarge{width:270px;}
|
||||
.input-xxlarge{width:530px;}
|
||||
input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{float:none;margin-left:0;}
|
||||
input.span1,textarea.span1,.uneditable-input.span1{width:50px;}
|
||||
input.span2,textarea.span2,.uneditable-input.span2{width:130px;}
|
||||
input.span3,textarea.span3,.uneditable-input.span3{width:210px;}
|
||||
input.span4,textarea.span4,.uneditable-input.span4{width:290px;}
|
||||
input.span5,textarea.span5,.uneditable-input.span5{width:370px;}
|
||||
input.span6,textarea.span6,.uneditable-input.span6{width:450px;}
|
||||
input.span7,textarea.span7,.uneditable-input.span7{width:530px;}
|
||||
input.span8,textarea.span8,.uneditable-input.span8{width:610px;}
|
||||
input.span9,textarea.span9,.uneditable-input.span9{width:690px;}
|
||||
input.span10,textarea.span10,.uneditable-input.span10{width:770px;}
|
||||
input.span11,textarea.span11,.uneditable-input.span11{width:850px;}
|
||||
input.span12,textarea.span12,.uneditable-input.span12{width:930px;}
|
||||
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;}
|
||||
.control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853;}
|
||||
.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853;border-color:#c09853;}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#a47e3c;-webkit-box-shadow:0 0 6px #dbc59e;-moz-box-shadow:0 0 6px #dbc59e;box-shadow:0 0 6px #dbc59e;}
|
||||
.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853;}
|
||||
.control-group.error>label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48;}
|
||||
.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48;border-color:#b94a48;}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#953b39;-webkit-box-shadow:0 0 6px #d59392;-moz-box-shadow:0 0 6px #d59392;box-shadow:0 0 6px #d59392;}
|
||||
.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48;}
|
||||
.control-group.success>label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847;}
|
||||
.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847;border-color:#468847;}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#356635;-webkit-box-shadow:0 0 6px #7aba7b;-moz-box-shadow:0 0 6px #7aba7b;box-shadow:0 0 6px #7aba7b;}
|
||||
.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847;}
|
||||
input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid{color:#b94a48;border-color:#ee5f5b;}input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus{border-color:#e9322d;-webkit-box-shadow:0 0 6px #f8b9b7;-moz-box-shadow:0 0 6px #f8b9b7;box-shadow:0 0 6px #f8b9b7;}
|
||||
.form-actions{padding:17px 20px 18px;margin-top:18px;margin-bottom:18px;background-color:#f5f5f5;border-top:1px solid #ddd;}
|
||||
.uneditable-input{display:block;background-color:#ffffff;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
|
||||
:-moz-placeholder{color:#999999;}
|
||||
::-webkit-input-placeholder{color:#999999;}
|
||||
.help-block{display:block;margin-top:5px;margin-bottom:0;color:#999999;}
|
||||
.help-inline{display:inline-block;*display:inline;*zoom:1;margin-bottom:9px;vertical-align:middle;padding-left:5px;}
|
||||
.input-prepend,.input-append{margin-bottom:5px;*zoom:1;}.input-prepend:before,.input-append:before,.input-prepend:after,.input-append:after{display:table;content:"";}
|
||||
.input-prepend:after,.input-append:after{clear:both;}
|
||||
.input-prepend input,.input-append input,.input-prepend .uneditable-input,.input-append .uneditable-input{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}.input-prepend input:focus,.input-append input:focus,.input-prepend .uneditable-input:focus,.input-append .uneditable-input:focus{position:relative;z-index:2;}
|
||||
.input-prepend .uneditable-input,.input-append .uneditable-input{border-left-color:#ccc;}
|
||||
.input-prepend .add-on,.input-append .add-on{float:left;display:block;width:auto;min-width:16px;height:18px;margin-right:-1px;padding:4px 5px;font-weight:normal;line-height:18px;color:#999999;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#f5f5f5;border:1px solid #ccc;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
|
||||
.input-prepend .active,.input-append .active{background-color:#a9dba9;border-color:#46a546;}
|
||||
.input-prepend .add-on{*margin-top:1px;}
|
||||
.input-append input,.input-append .uneditable-input{float:left;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
|
||||
.input-append .uneditable-input{border-left-color:#eee;border-right-color:#ccc;}
|
||||
.input-append .add-on{margin-right:0;margin-left:-1px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
|
||||
.input-append input:first-child{*margin-left:-160px;}.input-append input:first-child+.add-on{*margin-left:-21px;}
|
||||
.search-query{padding-left:14px;padding-right:14px;margin-bottom:0;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px;}
|
||||
.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input{display:inline-block;margin-bottom:0;}
|
||||
.form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none;}
|
||||
.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;}
|
||||
.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;}
|
||||
.form-search .radio,.form-inline .radio,.form-search .checkbox,.form-inline .checkbox{margin-bottom:0;vertical-align:middle;}
|
||||
.control-group{margin-bottom:9px;}
|
||||
legend+.control-group{margin-top:18px;-webkit-margin-top-collapse:separate;}
|
||||
.form-horizontal .control-group{margin-bottom:18px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";}
|
||||
.form-horizontal .control-group:after{clear:both;}
|
||||
.form-horizontal .control-label{float:left;width:140px;padding-top:5px;text-align:right;}
|
||||
.form-horizontal .controls{margin-left:160px;}
|
||||
.form-horizontal .form-actions{padding-left:160px;}
|
||||
table{max-width:100%;border-collapse:collapse;border-spacing:0;}
|
||||
.table{width:100%;margin-bottom:18px;}.table th,.table td{padding:8px;line-height:18px;text-align:left;vertical-align:top;border-top:1px solid #ddd;}
|
||||
.table th{font-weight:bold;}
|
||||
.table thead th{vertical-align:bottom;}
|
||||
.table thead:first-child tr th,.table thead:first-child tr td{border-top:0;}
|
||||
.table tbody+tbody{border-top:2px solid #ddd;}
|
||||
.table-condensed th,.table-condensed td{padding:4px 5px;}
|
||||
.table-bordered{border:1px solid #ddd;border-collapse:separate;*border-collapse:collapsed;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.table-bordered th+th,.table-bordered td+td,.table-bordered th+td,.table-bordered td+th{border-left:1px solid #ddd;}
|
||||
.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}
|
||||
.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
|
||||
.table-bordered thead:first-child tr:first-child th:last-child,.table-bordered tbody:first-child tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
|
||||
.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
|
||||
.table-bordered thead:last-child tr:last-child th:last-child,.table-bordered tbody:last-child tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}
|
||||
.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
|
||||
.table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5;}
|
||||
table .span1{float:none;width:44px;margin-left:0;}
|
||||
table .span2{float:none;width:124px;margin-left:0;}
|
||||
table .span3{float:none;width:204px;margin-left:0;}
|
||||
table .span4{float:none;width:284px;margin-left:0;}
|
||||
table .span5{float:none;width:364px;margin-left:0;}
|
||||
table .span6{float:none;width:444px;margin-left:0;}
|
||||
table .span7{float:none;width:524px;margin-left:0;}
|
||||
table .span8{float:none;width:604px;margin-left:0;}
|
||||
table .span9{float:none;width:684px;margin-left:0;}
|
||||
table .span10{float:none;width:764px;margin-left:0;}
|
||||
table .span11{float:none;width:844px;margin-left:0;}
|
||||
table .span12{float:none;width:924px;margin-left:0;}
|
||||
[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;line-height:14px;vertical-align:text-top;background-image:url("../img/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;*margin-right:.3em;}[class^="icon-"]:last-child,[class*=" icon-"]:last-child{*margin-left:0;}
|
||||
.icon-white{background-image:url("../img/glyphicons-halflings-white.png");}
|
||||
.icon-glass{background-position:0 0;}
|
||||
.icon-music{background-position:-24px 0;}
|
||||
.icon-search{background-position:-48px 0;}
|
||||
.icon-envelope{background-position:-72px 0;}
|
||||
.icon-heart{background-position:-96px 0;}
|
||||
.icon-star{background-position:-120px 0;}
|
||||
.icon-star-empty{background-position:-144px 0;}
|
||||
.icon-user{background-position:-168px 0;}
|
||||
.icon-film{background-position:-192px 0;}
|
||||
.icon-th-large{background-position:-216px 0;}
|
||||
.icon-th{background-position:-240px 0;}
|
||||
.icon-th-list{background-position:-264px 0;}
|
||||
.icon-ok{background-position:-288px 0;}
|
||||
.icon-remove{background-position:-312px 0;}
|
||||
.icon-zoom-in{background-position:-336px 0;}
|
||||
.icon-zoom-out{background-position:-360px 0;}
|
||||
.icon-off{background-position:-384px 0;}
|
||||
.icon-signal{background-position:-408px 0;}
|
||||
.icon-cog{background-position:-432px 0;}
|
||||
.icon-trash{background-position:-456px 0;}
|
||||
.icon-home{background-position:0 -24px;}
|
||||
.icon-file{background-position:-24px -24px;}
|
||||
.icon-time{background-position:-48px -24px;}
|
||||
.icon-road{background-position:-72px -24px;}
|
||||
.icon-download-alt{background-position:-96px -24px;}
|
||||
.icon-download{background-position:-120px -24px;}
|
||||
.icon-upload{background-position:-144px -24px;}
|
||||
.icon-inbox{background-position:-168px -24px;}
|
||||
.icon-play-circle{background-position:-192px -24px;}
|
||||
.icon-repeat{background-position:-216px -24px;}
|
||||
.icon-refresh{background-position:-240px -24px;}
|
||||
.icon-list-alt{background-position:-264px -24px;}
|
||||
.icon-lock{background-position:-287px -24px;}
|
||||
.icon-flag{background-position:-312px -24px;}
|
||||
.icon-headphones{background-position:-336px -24px;}
|
||||
.icon-volume-off{background-position:-360px -24px;}
|
||||
.icon-volume-down{background-position:-384px -24px;}
|
||||
.icon-volume-up{background-position:-408px -24px;}
|
||||
.icon-qrcode{background-position:-432px -24px;}
|
||||
.icon-barcode{background-position:-456px -24px;}
|
||||
.icon-tag{background-position:0 -48px;}
|
||||
.icon-tags{background-position:-25px -48px;}
|
||||
.icon-book{background-position:-48px -48px;}
|
||||
.icon-bookmark{background-position:-72px -48px;}
|
||||
.icon-print{background-position:-96px -48px;}
|
||||
.icon-camera{background-position:-120px -48px;}
|
||||
.icon-font{background-position:-144px -48px;}
|
||||
.icon-bold{background-position:-167px -48px;}
|
||||
.icon-italic{background-position:-192px -48px;}
|
||||
.icon-text-height{background-position:-216px -48px;}
|
||||
.icon-text-width{background-position:-240px -48px;}
|
||||
.icon-align-left{background-position:-264px -48px;}
|
||||
.icon-align-center{background-position:-288px -48px;}
|
||||
.icon-align-right{background-position:-312px -48px;}
|
||||
.icon-align-justify{background-position:-336px -48px;}
|
||||
.icon-list{background-position:-360px -48px;}
|
||||
.icon-indent-left{background-position:-384px -48px;}
|
||||
.icon-indent-right{background-position:-408px -48px;}
|
||||
.icon-facetime-video{background-position:-432px -48px;}
|
||||
.icon-picture{background-position:-456px -48px;}
|
||||
.icon-pencil{background-position:0 -72px;}
|
||||
.icon-map-marker{background-position:-24px -72px;}
|
||||
.icon-adjust{background-position:-48px -72px;}
|
||||
.icon-tint{background-position:-72px -72px;}
|
||||
.icon-edit{background-position:-96px -72px;}
|
||||
.icon-share{background-position:-120px -72px;}
|
||||
.icon-check{background-position:-144px -72px;}
|
||||
.icon-move{background-position:-168px -72px;}
|
||||
.icon-step-backward{background-position:-192px -72px;}
|
||||
.icon-fast-backward{background-position:-216px -72px;}
|
||||
.icon-backward{background-position:-240px -72px;}
|
||||
.icon-play{background-position:-264px -72px;}
|
||||
.icon-pause{background-position:-288px -72px;}
|
||||
.icon-stop{background-position:-312px -72px;}
|
||||
.icon-forward{background-position:-336px -72px;}
|
||||
.icon-fast-forward{background-position:-360px -72px;}
|
||||
.icon-step-forward{background-position:-384px -72px;}
|
||||
.icon-eject{background-position:-408px -72px;}
|
||||
.icon-chevron-left{background-position:-432px -72px;}
|
||||
.icon-chevron-right{background-position:-456px -72px;}
|
||||
.icon-plus-sign{background-position:0 -96px;}
|
||||
.icon-minus-sign{background-position:-24px -96px;}
|
||||
.icon-remove-sign{background-position:-48px -96px;}
|
||||
.icon-ok-sign{background-position:-72px -96px;}
|
||||
.icon-question-sign{background-position:-96px -96px;}
|
||||
.icon-info-sign{background-position:-120px -96px;}
|
||||
.icon-screenshot{background-position:-144px -96px;}
|
||||
.icon-remove-circle{background-position:-168px -96px;}
|
||||
.icon-ok-circle{background-position:-192px -96px;}
|
||||
.icon-ban-circle{background-position:-216px -96px;}
|
||||
.icon-arrow-left{background-position:-240px -96px;}
|
||||
.icon-arrow-right{background-position:-264px -96px;}
|
||||
.icon-arrow-up{background-position:-289px -96px;}
|
||||
.icon-arrow-down{background-position:-312px -96px;}
|
||||
.icon-share-alt{background-position:-336px -96px;}
|
||||
.icon-resize-full{background-position:-360px -96px;}
|
||||
.icon-resize-small{background-position:-384px -96px;}
|
||||
.icon-plus{background-position:-408px -96px;}
|
||||
.icon-minus{background-position:-433px -96px;}
|
||||
.icon-asterisk{background-position:-456px -96px;}
|
||||
.icon-exclamation-sign{background-position:0 -120px;}
|
||||
.icon-gift{background-position:-24px -120px;}
|
||||
.icon-leaf{background-position:-48px -120px;}
|
||||
.icon-fire{background-position:-72px -120px;}
|
||||
.icon-eye-open{background-position:-96px -120px;}
|
||||
.icon-eye-close{background-position:-120px -120px;}
|
||||
.icon-warning-sign{background-position:-144px -120px;}
|
||||
.icon-plane{background-position:-168px -120px;}
|
||||
.icon-calendar{background-position:-192px -120px;}
|
||||
.icon-random{background-position:-216px -120px;}
|
||||
.icon-comment{background-position:-240px -120px;}
|
||||
.icon-magnet{background-position:-264px -120px;}
|
||||
.icon-chevron-up{background-position:-288px -120px;}
|
||||
.icon-chevron-down{background-position:-313px -119px;}
|
||||
.icon-retweet{background-position:-336px -120px;}
|
||||
.icon-shopping-cart{background-position:-360px -120px;}
|
||||
.icon-folder-close{background-position:-384px -120px;}
|
||||
.icon-folder-open{background-position:-408px -120px;}
|
||||
.icon-resize-vertical{background-position:-432px -119px;}
|
||||
.icon-resize-horizontal{background-position:-456px -118px;}
|
||||
.dropdown{position:relative;}
|
||||
.dropdown-toggle{*margin-bottom:-3px;}
|
||||
.dropdown-toggle:active,.open .dropdown-toggle{outline:0;}
|
||||
.caret{display:inline-block;width:0;height:0;text-indent:-99999px;*text-indent:0;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000000;opacity:0.3;filter:alpha(opacity=30);content:"\2193";}
|
||||
.dropdown .caret{margin-top:8px;margin-left:2px;}
|
||||
.dropdown:hover .caret,.open.dropdown .caret{opacity:1;filter:alpha(opacity=100);}
|
||||
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;_width:160px;padding:4px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#ccc;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;*border-right-width:2px;*border-bottom-width:2px;}.dropdown-menu.bottom-up{top:auto;bottom:100%;margin-bottom:2px;}
|
||||
.dropdown-menu .divider{height:1px;margin:5px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;*width:100%;*margin:-5px 0 5px;}
|
||||
.dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#555555;white-space:nowrap;}
|
||||
.dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#ffffff;text-decoration:none;background-color:#0088cc;}
|
||||
.dropdown.open{*z-index:1000;}.dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
|
||||
.dropdown.open .dropdown-menu{display:block;}
|
||||
.typeahead{margin-top:2px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #eee;border:1px solid rgba(0, 0, 0, 0.05);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}.well blockquote{border-color:#ddd;border-color:rgba(0, 0, 0, 0.15);}
|
||||
.fade{-webkit-transition:opacity 0.15s linear;-moz-transition:opacity 0.15s linear;-ms-transition:opacity 0.15s linear;-o-transition:opacity 0.15s linear;transition:opacity 0.15s linear;opacity:0;}.fade.in{opacity:1;}
|
||||
.collapse{-webkit-transition:height 0.35s ease;-moz-transition:height 0.35s ease;-ms-transition:height 0.35s ease;-o-transition:height 0.35s ease;transition:height 0.35s ease;position:relative;overflow:hidden;height:0;}.collapse.in{height:auto;}
|
||||
.close{float:right;font-size:20px;font-weight:bold;line-height:18px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.close:hover{color:#000000;text-decoration:none;opacity:0.4;filter:alpha(opacity=40);cursor:pointer;}
|
||||
.btn{display:inline-block;padding:4px 10px 4px;margin-bottom:0;font-size:13px;line-height:18px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:middle;background-color:#f5f5f5;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-ms-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);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);cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);*margin-left:.3em;}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#e6e6e6;}
|
||||
.btn:active,.btn.active{background-color:#cccccc \9;}
|
||||
.btn:first-child{*margin-left:0;}
|
||||
.btn:hover{color:#333333;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
|
||||
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
|
||||
.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;outline:0;}
|
||||
.btn.disabled,.btn[disabled]{cursor:default;background-image:none;background-color:#e6e6e6;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
|
||||
.btn-large{padding:9px 14px;font-size:15px;line-height:normal;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
|
||||
.btn-large [class^="icon-"]{margin-top:1px;}
|
||||
.btn-small{padding:5px 9px;font-size:11px;line-height:16px;}
|
||||
.btn-small [class^="icon-"]{margin-top:-1px;}
|
||||
.btn-mini{padding:2px 6px;font-size:11px;line-height:14px;}
|
||||
.btn-primary,.btn-primary:hover,.btn-warning,.btn-warning:hover,.btn-danger,.btn-danger:hover,.btn-success,.btn-success:hover,.btn-info,.btn-info:hover,.btn-inverse,.btn-inverse:hover{text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);color:#ffffff;}
|
||||
.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-dark.active{color:rgba(255, 255, 255, 0.75);}
|
||||
.btn-primary{background-color:#006dcc;background-image:-moz-linear-gradient(top, #0088cc, #0044cc);background-image:-ms-linear-gradient(top, #0088cc, #0044cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image:-webkit-linear-gradient(top, #0088cc, #0044cc);background-image:-o-linear-gradient(top, #0088cc, #0044cc);background-image:linear-gradient(top, #0088cc, #0044cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);border-color:#0044cc #0044cc #002a80;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#0044cc;}
|
||||
.btn-primary:active,.btn-primary.active{background-color:#003399 \9;}
|
||||
.btn-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-ms-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(top, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);border-color:#f89406 #f89406 #ad6704;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-warning:hover,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled]{background-color:#f89406;}
|
||||
.btn-warning:active,.btn-warning.active{background-color:#c67605 \9;}
|
||||
.btn-danger{background-color:#da4f49;background-image:-moz-linear-gradient(top, #ee5f5b, #bd362f);background-image:-ms-linear-gradient(top, #ee5f5b, #bd362f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));background-image:-webkit-linear-gradient(top, #ee5f5b, #bd362f);background-image:-o-linear-gradient(top, #ee5f5b, #bd362f);background-image:linear-gradient(top, #ee5f5b, #bd362f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);border-color:#bd362f #bd362f #802420;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-danger:hover,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled]{background-color:#bd362f;}
|
||||
.btn-danger:active,.btn-danger.active{background-color:#942a25 \9;}
|
||||
.btn-success{background-color:#5bb75b;background-image:-moz-linear-gradient(top, #62c462, #51a351);background-image:-ms-linear-gradient(top, #62c462, #51a351);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));background-image:-webkit-linear-gradient(top, #62c462, #51a351);background-image:-o-linear-gradient(top, #62c462, #51a351);background-image:linear-gradient(top, #62c462, #51a351);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);border-color:#51a351 #51a351 #387038;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled]{background-color:#51a351;}
|
||||
.btn-success:active,.btn-success.active{background-color:#408140 \9;}
|
||||
.btn-info{background-color:#49afcd;background-image:-moz-linear-gradient(top, #5bc0de, #2f96b4);background-image:-ms-linear-gradient(top, #5bc0de, #2f96b4);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));background-image:-webkit-linear-gradient(top, #5bc0de, #2f96b4);background-image:-o-linear-gradient(top, #5bc0de, #2f96b4);background-image:linear-gradient(top, #5bc0de, #2f96b4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);border-color:#2f96b4 #2f96b4 #1f6377;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#2f96b4;}
|
||||
.btn-info:active,.btn-info.active{background-color:#24748c \9;}
|
||||
.btn-inverse{background-color:#393939;background-image:-moz-linear-gradient(top, #454545, #262626);background-image:-ms-linear-gradient(top, #454545, #262626);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626));background-image:-webkit-linear-gradient(top, #454545, #262626);background-image:-o-linear-gradient(top, #454545, #262626);background-image:linear-gradient(top, #454545, #262626);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#262626', GradientType=0);border-color:#262626 #262626 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#262626;}
|
||||
.btn-inverse:active,.btn-inverse.active{background-color:#0c0c0c \9;}
|
||||
button.btn,input[type="submit"].btn{*padding-top:2px;*padding-bottom:2px;}button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner{padding:0;border:0;}
|
||||
button.btn.large,input[type="submit"].btn.large{*padding-top:7px;*padding-bottom:7px;}
|
||||
button.btn.small,input[type="submit"].btn.small{*padding-top:3px;*padding-bottom:3px;}
|
||||
.btn-group{position:relative;*zoom:1;*margin-left:.3em;}.btn-group:before,.btn-group:after{display:table;content:"";}
|
||||
.btn-group:after{clear:both;}
|
||||
.btn-group:first-child{*margin-left:0;}
|
||||
.btn-group+.btn-group{margin-left:5px;}
|
||||
.btn-toolbar{margin-top:9px;margin-bottom:9px;}.btn-toolbar .btn-group{display:inline-block;*display:inline;*zoom:1;}
|
||||
.btn-group .btn{position:relative;float:left;margin-left:-1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
|
||||
.btn-group .btn:first-child{margin-left:0;-webkit-border-top-left-radius:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px;}
|
||||
.btn-group .btn:last-child,.btn-group .dropdown-toggle{-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px;}
|
||||
.btn-group .btn.large:first-child{margin-left:0;-webkit-border-top-left-radius:6px;-moz-border-radius-topleft:6px;border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;}
|
||||
.btn-group .btn.large:last-child,.btn-group .large.dropdown-toggle{-webkit-border-top-right-radius:6px;-moz-border-radius-topright:6px;border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
|
||||
.btn-group .btn:hover,.btn-group .btn:focus,.btn-group .btn:active,.btn-group .btn.active{z-index:2;}
|
||||
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0;}
|
||||
.btn-group .dropdown-toggle{padding-left:8px;padding-right:8px;-webkit-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 1px 0 0 rgba(255, 255, 255, 0.125),inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);*padding-top:5px;*padding-bottom:5px;}
|
||||
.btn-group.open{*z-index:1000;}.btn-group.open .dropdown-menu{display:block;margin-top:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
|
||||
.btn-group.open .dropdown-toggle{background-image:none;-webkit-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 6px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);}
|
||||
.btn .caret{margin-top:7px;margin-left:0;}
|
||||
.btn:hover .caret,.open.btn-group .caret{opacity:1;filter:alpha(opacity=100);}
|
||||
.btn-primary .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret{border-top-color:#ffffff;opacity:0.75;filter:alpha(opacity=75);}
|
||||
.btn-small .caret{margin-top:4px;}
|
||||
.alert{padding:8px 35px 8px 14px;margin-bottom:18px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.alert,.alert-heading{color:#c09853;}
|
||||
.alert .close{position:relative;top:-2px;right:-21px;line-height:18px;}
|
||||
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;}
|
||||
.alert-success,.alert-success .alert-heading{color:#468847;}
|
||||
.alert-danger,.alert-error{background-color:#f2dede;border-color:#eed3d7;}
|
||||
.alert-danger,.alert-error,.alert-danger .alert-heading,.alert-error .alert-heading{color:#b94a48;}
|
||||
.alert-info{background-color:#d9edf7;border-color:#bce8f1;}
|
||||
.alert-info,.alert-info .alert-heading{color:#3a87ad;}
|
||||
.alert-block{padding-top:14px;padding-bottom:14px;}
|
||||
.alert-block>p,.alert-block>ul{margin-bottom:0;}
|
||||
.alert-block p+p{margin-top:5px;}
|
||||
.nav{margin-left:0;margin-bottom:18px;list-style:none;}
|
||||
.nav>li>a{display:block;}
|
||||
.nav>li>a:hover{text-decoration:none;background-color:#eeeeee;}
|
||||
.nav .nav-header{display:block;padding:3px 15px;font-size:11px;font-weight:bold;line-height:18px;color:#999999;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);text-transform:uppercase;}
|
||||
.nav li+.nav-header{margin-top:9px;}
|
||||
.nav-list{padding-left:14px;padding-right:14px;margin-bottom:0;}
|
||||
.nav-list>li>a,.nav-list .nav-header{margin-left:-15px;margin-right:-15px;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
|
||||
.nav-list>li>a{padding:3px 15px;}
|
||||
.nav-list .active>a,.nav-list .active>a:hover{color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.2);background-color:#0088cc;}
|
||||
.nav-list [class^="icon-"]{margin-right:2px;}
|
||||
.nav-tabs,.nav-pills{*zoom:1;}.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after{display:table;content:"";}
|
||||
.nav-tabs:after,.nav-pills:after{clear:both;}
|
||||
.nav-tabs>li,.nav-pills>li{float:left;}
|
||||
.nav-tabs>li>a,.nav-pills>li>a{padding-right:12px;padding-left:12px;margin-right:2px;line-height:14px;}
|
||||
.nav-tabs{border-bottom:1px solid #ddd;}
|
||||
.nav-tabs>li{margin-bottom:-1px;}
|
||||
.nav-tabs>li>a{padding-top:9px;padding-bottom:9px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}.nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #dddddd;}
|
||||
.nav-tabs>.active>a,.nav-tabs>.active>a:hover{color:#555555;background-color:#ffffff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default;}
|
||||
.nav-pills>li>a{padding-top:8px;padding-bottom:8px;margin-top:2px;margin-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
|
||||
.nav-pills .active>a,.nav-pills .active>a:hover{color:#ffffff;background-color:#0088cc;}
|
||||
.nav-stacked>li{float:none;}
|
||||
.nav-stacked>li>a{margin-right:0;}
|
||||
.nav-tabs.nav-stacked{border-bottom:0;}
|
||||
.nav-tabs.nav-stacked>li>a{border:1px solid #ddd;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
|
||||
.nav-tabs.nav-stacked>li:first-child>a{-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
|
||||
.nav-tabs.nav-stacked>li:last-child>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
|
||||
.nav-tabs.nav-stacked>li>a:hover{border-color:#ddd;z-index:2;}
|
||||
.nav-pills.nav-stacked>li>a{margin-bottom:3px;}
|
||||
.nav-pills.nav-stacked>li:last-child>a{margin-bottom:1px;}
|
||||
.nav-tabs .dropdown-menu,.nav-pills .dropdown-menu{margin-top:1px;border-width:1px;}
|
||||
.nav-pills .dropdown-menu{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.nav-tabs .dropdown-toggle .caret,.nav-pills .dropdown-toggle .caret{border-top-color:#0088cc;margin-top:6px;}
|
||||
.nav-tabs .dropdown-toggle:hover .caret,.nav-pills .dropdown-toggle:hover .caret{border-top-color:#005580;}
|
||||
.nav-tabs .active .dropdown-toggle .caret,.nav-pills .active .dropdown-toggle .caret{border-top-color:#333333;}
|
||||
.nav>.dropdown.active>a:hover{color:#000000;cursor:pointer;}
|
||||
.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>.open.active>a:hover{color:#ffffff;background-color:#999999;border-color:#999999;}
|
||||
.nav .open .caret,.nav .open.active .caret,.nav .open a:hover .caret{border-top-color:#ffffff;opacity:1;filter:alpha(opacity=100);}
|
||||
.tabs-stacked .open>a:hover{border-color:#999999;}
|
||||
.tabbable{*zoom:1;}.tabbable:before,.tabbable:after{display:table;content:"";}
|
||||
.tabbable:after{clear:both;}
|
||||
.tab-content{overflow:hidden;}
|
||||
.tabs-below .nav-tabs,.tabs-right .nav-tabs,.tabs-left .nav-tabs{border-bottom:0;}
|
||||
.tab-content>.tab-pane,.pill-content>.pill-pane{display:none;}
|
||||
.tab-content>.active,.pill-content>.active{display:block;}
|
||||
.tabs-below .nav-tabs{border-top:1px solid #ddd;}
|
||||
.tabs-below .nav-tabs>li{margin-top:-1px;margin-bottom:0;}
|
||||
.tabs-below .nav-tabs>li>a{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.tabs-below .nav-tabs>li>a:hover{border-bottom-color:transparent;border-top-color:#ddd;}
|
||||
.tabs-below .nav-tabs .active>a,.tabs-below .nav-tabs .active>a:hover{border-color:transparent #ddd #ddd #ddd;}
|
||||
.tabs-left .nav-tabs>li,.tabs-right .nav-tabs>li{float:none;}
|
||||
.tabs-left .nav-tabs>li>a,.tabs-right .nav-tabs>li>a{min-width:74px;margin-right:0;margin-bottom:3px;}
|
||||
.tabs-left .nav-tabs{float:left;margin-right:19px;border-right:1px solid #ddd;}
|
||||
.tabs-left .nav-tabs>li>a{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;}
|
||||
.tabs-left .nav-tabs>li>a:hover{border-color:#eeeeee #dddddd #eeeeee #eeeeee;}
|
||||
.tabs-left .nav-tabs .active>a,.tabs-left .nav-tabs .active>a:hover{border-color:#ddd transparent #ddd #ddd;*border-right-color:#ffffff;}
|
||||
.tabs-right .nav-tabs{float:right;margin-left:19px;border-left:1px solid #ddd;}
|
||||
.tabs-right .nav-tabs>li>a{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0;}
|
||||
.tabs-right .nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #eeeeee #dddddd;}
|
||||
.tabs-right .nav-tabs .active>a,.tabs-right .nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;}
|
||||
.navbar{overflow:visible;margin-bottom:18px;}
|
||||
.navbar-inner{padding-left:20px;padding-right:20px;background-color:#2c2c2c;background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-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);}
|
||||
.btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#2c2c2c;background-image:-moz-linear-gradient(top, #333333, #222222);background-image:-ms-linear-gradient(top, #333333, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));background-image:-webkit-linear-gradient(top, #333333, #222222);background-image:-o-linear-gradient(top, #333333, #222222);background-image:linear-gradient(top, #333333, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);border-color:#222222 #222222 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);}.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]{background-color:#222222;}
|
||||
.btn-navbar:active,.btn-navbar.active{background-color:#080808 \9;}
|
||||
.btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);}
|
||||
.btn-navbar .icon-bar+.icon-bar{margin-top:3px;}
|
||||
.nav-collapse.collapse{height:auto;}
|
||||
.navbar .brand:hover{text-decoration:none;}
|
||||
.navbar .brand{float:left;display:block;padding:8px 20px 12px;margin-left:-20px;font-size:20px;font-weight:200;line-height:1;color:#ffffff;}
|
||||
.navbar .navbar-text{margin-bottom:0;line-height:40px;color:#999999;}.navbar .navbar-text a:hover{color:#ffffff;background-color:transparent;}
|
||||
.navbar .btn,.navbar .btn-group{margin-top:5px;}
|
||||
.navbar .btn-group .btn{margin-top:0;}
|
||||
.navbar-form{margin-bottom:0;*zoom:1;}.navbar-form:before,.navbar-form:after{display:table;content:"";}
|
||||
.navbar-form:after{clear:both;}
|
||||
.navbar-form input,.navbar-form select{display:inline-block;margin-top:5px;margin-bottom:0;}
|
||||
.navbar-form .radio,.navbar-form .checkbox{margin-top:5px;}
|
||||
.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"]{margin-top:3px;}
|
||||
.navbar-form .input-append,.navbar-form .input-prepend{margin-top:6px;white-space:nowrap;}.navbar-form .input-append input,.navbar-form .input-prepend input{margin-top:0;}
|
||||
.navbar-search{position:relative;float:left;margin-top:6px;margin-bottom:0;}.navbar-search .search-query{padding:4px 9px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:1;color:#ffffff;color:rgba(255, 255, 255, 0.75);background:#666;background:rgba(255, 255, 255, 0.3);border:1px solid #111;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.15);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}.navbar-search .search-query :-moz-placeholder{color:#eeeeee;}
|
||||
.navbar-search .search-query::-webkit-input-placeholder{color:#eeeeee;}
|
||||
.navbar-search .search-query:hover{color:#ffffff;background-color:#999999;background-color:rgba(255, 255, 255, 0.5);}
|
||||
.navbar-search .search-query:focus,.navbar-search .search-query.focused{padding:5px 10px;color:#333333;text-shadow:0 1px 0 #ffffff;background-color:#ffffff;border:0;-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.15);box-shadow:0 0 3px rgba(0, 0, 0, 0.15);outline:0;}
|
||||
.navbar-fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030;}
|
||||
.navbar-fixed-top .navbar-inner{padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
|
||||
.navbar .nav{position:relative;left:0;display:block;float:left;margin:0 10px 0 0;}
|
||||
.navbar .nav.pull-right{float:right;}
|
||||
.navbar .nav>li{display:block;float:left;}
|
||||
.navbar .nav>li>a{float:none;padding:10px 10px 11px;line-height:19px;color:#999999;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
|
||||
.navbar .nav>li>a:hover{background-color:transparent;color:#ffffff;text-decoration:none;}
|
||||
.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#ffffff;text-decoration:none;background-color:#222222;}
|
||||
.navbar .divider-vertical{height:40px;width:1px;margin:0 9px;overflow:hidden;background-color:#222222;border-right:1px solid #333333;}
|
||||
.navbar .nav.pull-right{margin-left:10px;margin-right:0;}
|
||||
.navbar .dropdown-menu{margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;}
|
||||
.navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;}
|
||||
.navbar .nav .dropdown-toggle .caret,.navbar .nav .open.dropdown .caret{border-top-color:#ffffff;}
|
||||
.navbar .nav .active .caret{opacity:1;filter:alpha(opacity=100);}
|
||||
.navbar .nav .open>.dropdown-toggle,.navbar .nav .active>.dropdown-toggle,.navbar .nav .open.active>.dropdown-toggle{background-color:transparent;}
|
||||
.navbar .nav .active>.dropdown-toggle:hover{color:#ffffff;}
|
||||
.navbar .nav.pull-right .dropdown-menu{left:auto;right:0;}.navbar .nav.pull-right .dropdown-menu:before{left:auto;right:12px;}
|
||||
.navbar .nav.pull-right .dropdown-menu:after{left:auto;right:13px;}
|
||||
.breadcrumb{padding:7px 14px;margin:0 0 18px;background-color:#fbfbfb;background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);background-image:-o-linear-gradient(top, #ffffff, #f5f5f5);background-image:linear-gradient(top, #ffffff, #f5f5f5);background-repeat:repeat-x;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-block;text-shadow:0 1px 0 #ffffff;}
|
||||
.breadcrumb .divider{padding:0 5px;color:#999999;}
|
||||
.breadcrumb .active a{color:#333333;}
|
||||
.pagination{height:36px;margin:18px 0;}
|
||||
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;-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;text-decoration:none;border:1px solid #ddd;border-left-width:0;}
|
||||
.pagination a:hover,.pagination .active a{background-color:#f5f5f5;}
|
||||
.pagination .active a{color:#999999;cursor:default;}
|
||||
.pagination .disabled a,.pagination .disabled a:hover{color:#999999;background-color:transparent;cursor:default;}
|
||||
.pagination li:first-child a{border-left-width:1px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;}
|
||||
.pagination li:last-child a{-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
|
||||
.pagination-centered{text-align:center;}
|
||||
.pagination-right{text-align:right;}
|
||||
.pager{margin-left:0;margin-bottom:18px;list-style:none;text-align:center;*zoom:1;}.pager:before,.pager:after{display:table;content:"";}
|
||||
.pager:after{clear:both;}
|
||||
.pager li{display:inline;}
|
||||
.pager a{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;}
|
||||
.pager a:hover{text-decoration:none;background-color:#f5f5f5;}
|
||||
.pager .next a{float:right;}
|
||||
.pager .previous a{float:left;}
|
||||
.modal-open .dropdown-menu{z-index:2050;}
|
||||
.modal-open .dropdown.open{*z-index:2050;}
|
||||
.modal-open .popover{z-index:2060;}
|
||||
.modal-open .tooltip{z-index:2070;}
|
||||
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000;}.modal-backdrop.fade{opacity:0;}
|
||||
.modal-backdrop,.modal-backdrop.fade.in{opacity:0.8;filter:alpha(opacity=80);}
|
||||
.modal{position:fixed;top:50%;left:50%;z-index:1050;max-height:500px;overflow:auto;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.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{padding:9px 15px;border-bottom:1px solid #eee;}.modal-header .close{margin-top:2px;}
|
||||
.modal-body{padding:15px;}
|
||||
.modal-body .modal-form{margin-bottom:0;}
|
||||
.modal-footer{padding:14px 15px 15px;margin-bottom:0;background-color:#f5f5f5;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;}.modal-footer:before,.modal-footer:after{display:table;content:"";}
|
||||
.modal-footer:after{clear:both;}
|
||||
.modal-footer .btn{float:right;margin-left:5px;margin-bottom:0;}
|
||||
.tooltip{position:absolute;z-index:1020;display:block;visibility:visible;padding:5px;font-size:11px;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.8;filter:alpha(opacity=80);}
|
||||
.tooltip.top{margin-top:-2px;}
|
||||
.tooltip.right{margin-left:2px;}
|
||||
.tooltip.bottom{margin-top:2px;}
|
||||
.tooltip.left{margin-left:-2px;}
|
||||
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000000;}
|
||||
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000000;}
|
||||
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #000000;}
|
||||
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #000000;}
|
||||
.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.tooltip-arrow{position:absolute;width:0;height:0;}
|
||||
.popover{position:absolute;top:0;left:0;z-index:1010;display:none;padding:5px;}.popover.top{margin-top:-5px;}
|
||||
.popover.right{margin-left:5px;}
|
||||
.popover.bottom{margin-top:5px;}
|
||||
.popover.left{margin-left:-5px;}
|
||||
.popover.top .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.bottom .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{padding:3px;width:280px;overflow:hidden;background:#000000;background:rgba(0, 0, 0, 0.8);-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{padding:9px 15px;line-height:1;background-color:#f5f5f5;border-bottom:1px solid #eee;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
|
||||
.popover-content{padding:14px;background-color:#ffffff;-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;}
|
||||
.thumbnails{margin-left:-20px;list-style:none;*zoom:1;}.thumbnails:before,.thumbnails:after{display:table;content:"";}
|
||||
.thumbnails:after{clear:both;}
|
||||
.thumbnails>li{float:left;margin:0 0 18px 20px;}
|
||||
.thumbnail{display:block;padding:4px;line-height:1;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);}
|
||||
a.thumbnail:hover{border-color:#0088cc;-webkit-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);-moz-box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);box-shadow:0 1px 4px rgba(0, 105, 214, 0.25);}
|
||||
.thumbnail>img{display:block;max-width:100%;margin-left:auto;margin-right:auto;}
|
||||
.thumbnail .caption{padding:9px;}
|
||||
.label{padding:2px 4px 3px;font-size:11.049999999999999px;font-weight:bold;color:#ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#999999;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
|
||||
.label:hover{color:#ffffff;text-decoration:none;}
|
||||
.label-important{background-color:#b94a48;}
|
||||
.label-important:hover{background-color:#953b39;}
|
||||
.label-warning{background-color:#f89406;}
|
||||
.label-warning:hover{background-color:#c67605;}
|
||||
.label-success{background-color:#468847;}
|
||||
.label-success:hover{background-color:#356635;}
|
||||
.label-info{background-color:#3a87ad;}
|
||||
.label-info:hover{background-color:#2d6987;}
|
||||
@-webkit-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@-moz-keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}@keyframes progress-bar-stripes{from{background-position:0 0;} to{background-position:40px 0;}}.progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-ms-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(top, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.progress .bar{width:0%;height:18px;color:#ffffff;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-ms-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(top, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 0.6s ease;-moz-transition:width 0.6s ease;-ms-transition:width 0.6s ease;-o-transition:width 0.6s ease;transition:width 0.6s ease;}
|
||||
.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px;}
|
||||
.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite;}
|
||||
.progress-danger .bar{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);}
|
||||
.progress-danger.progress-striped .bar{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
|
||||
.progress-success .bar{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-ms-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(top, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);}
|
||||
.progress-success.progress-striped .bar{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
|
||||
.progress-info .bar{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-ms-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(top, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);}
|
||||
.progress-info.progress-striped .bar{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
|
||||
.accordion{margin-bottom:18px;}
|
||||
.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
|
||||
.accordion-heading{border-bottom:0;}
|
||||
.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
|
||||
.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}
|
||||
.carousel{position:relative;margin-bottom:18px;line-height:1;}
|
||||
.carousel-inner{overflow:hidden;width:100%;position:relative;}
|
||||
.carousel .item{display:none;position:relative;-webkit-transition:0.6s ease-in-out left;-moz-transition:0.6s ease-in-out left;-ms-transition:0.6s ease-in-out left;-o-transition:0.6s ease-in-out left;transition:0.6s ease-in-out left;}
|
||||
.carousel .item>img{display:block;line-height:1;}
|
||||
.carousel .active,.carousel .next,.carousel .prev{display:block;}
|
||||
.carousel .active{left:0;}
|
||||
.carousel .next,.carousel .prev{position:absolute;top:0;width:100%;}
|
||||
.carousel .next{left:100%;}
|
||||
.carousel .prev{left:-100%;}
|
||||
.carousel .next.left,.carousel .prev.right{left:0;}
|
||||
.carousel .active.left{left:-100%;}
|
||||
.carousel .active.right{left:100%;}
|
||||
.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;background:#222222;border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:15px;}
|
||||
.carousel-control:hover{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}
|
||||
.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:10px 15px 5px;background:#333333;background:rgba(0, 0, 0, 0.75);}
|
||||
.carousel-caption h4,.carousel-caption p{color:#ffffff;}
|
||||
.hero-unit{padding:60px;margin-bottom:30px;background-color:#f5f5f5;-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;}
|
||||
.pull-right{float:right;}
|
||||
.pull-left{float:left;}
|
||||
.hide{display:none;}
|
||||
.show{display:block;}
|
||||
.invisible{visibility:hidden;}
|
Двоичный файл не отображается.
После Ширина: | Высота: | Размер: 4.3 KiB |
Двоичный файл не отображается.
После Ширина: | Высота: | Размер: 4.3 KiB |
|
@ -0,0 +1,71 @@
|
|||
/* Override some defaults */
|
||||
html, body {
|
||||
background-color: #eee;
|
||||
}
|
||||
.navbar {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.container > footer {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.container > footer p {
|
||||
text-align: center; /* center align it with the container */
|
||||
}
|
||||
|
||||
/* The white background content wrapper */
|
||||
.content {
|
||||
background-color: #fff;
|
||||
padding: 20px;
|
||||
margin: 0 -20px; /* negative indent the amount of the padding to maintain the grid system */
|
||||
-webkit-border-radius: 0 0 6px 6px;
|
||||
-moz-border-radius: 0 0 6px 6px;
|
||||
border-radius: 0 0 6px 6px;
|
||||
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
|
||||
box-shadow: 0 1px 2px rgba(0,0,0,.15);
|
||||
}
|
||||
|
||||
/* Page header tweaks */
|
||||
.page-header {
|
||||
background-color: #f5f5f5;
|
||||
padding: 20px 20px 10px;
|
||||
margin: -20px -20px 20px;
|
||||
}
|
||||
|
||||
.topbar .btn {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
|
||||
/* tag_box ======================================================== */
|
||||
|
||||
.tag_box {
|
||||
list-style:none;
|
||||
margin:0;
|
||||
padding:5px 0 ;
|
||||
overflow:hidden;
|
||||
}
|
||||
.tag_box li {
|
||||
line-height:28px;
|
||||
}
|
||||
.tag_box.inline li {
|
||||
float:left;
|
||||
}
|
||||
.tag_box a {
|
||||
padding: 3px 6px;
|
||||
margin: 2px;
|
||||
background: #eee;
|
||||
color:#005F6B;
|
||||
border-radius: 3px;
|
||||
text-decoration:none;
|
||||
}
|
||||
.tag_box a span{
|
||||
vertical-align:super;
|
||||
font-size:0.8em;
|
||||
}
|
||||
.tag_box a.active {
|
||||
background:#57A957;
|
||||
border:1px solid #4C964D;
|
||||
color:#FFF;
|
||||
}
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
---
|
||||
layout: nil
|
||||
title : Atom Feed
|
||||
---
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<feed xmlns="http://www.w3.org/2005/Atom">
|
||||
|
||||
<title>{{ site.title }}</title>
|
||||
<link href="{{ site.production_url }}/atom.xml" rel="self"/>
|
||||
<link href="{{ site.production_url }}"/>
|
||||
<updated>{{ site.time | date_to_xmlschema }}</updated>
|
||||
<id>{{ site.production_url }}</id>
|
||||
<author>
|
||||
<name>{{ site.author.name }}</name>
|
||||
<email>{{ site.author.email }}</email>
|
||||
</author>
|
||||
|
||||
{% for post in site.posts %}
|
||||
<entry>
|
||||
<title>{{ post.title }}</title>
|
||||
<link href="{{ site.production_url }}{{ post.url }}"/>
|
||||
<updated>{{ post.date | date_to_xmlschema }}</updated>
|
||||
<id>h{{ site.production_url }}{{ post.id }}</id>
|
||||
<content type="html">{{ post.content | xml_escape }}</content>
|
||||
</entry>
|
||||
{% endfor %}
|
||||
|
||||
</feed>
|
|
@ -0,0 +1,22 @@
|
|||
---
|
||||
layout: page
|
||||
title: Categories
|
||||
header: Posts By Category
|
||||
group: navigation
|
||||
---
|
||||
{% include JB/setup %}
|
||||
|
||||
<ul class="tag_box inline">
|
||||
{% assign categories_list = site.categories %}
|
||||
{% include JB/categories_list %}
|
||||
</ul>
|
||||
|
||||
|
||||
{% for category in site.categories %}
|
||||
<h2 id="{{ category[0] }}-ref">{{ category[0] | join: "/" }}</h2>
|
||||
<ul>
|
||||
{% assign pages_list = category[1] %}
|
||||
{% include JB/pages_list %}
|
||||
</ul>
|
||||
{% endfor %}
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
## Changelog
|
||||
|
||||
Public releases are all root nodes.
|
||||
Incremental version bumps that were not released publicly are nested where appropriate.
|
||||
|
||||
P.S. If there is a standard (popular) changelog format, please let me know.
|
||||
|
||||
- **0.2.8 : 2012.03.01**
|
||||
- **Features**
|
||||
- 0.2.8 : @metalelf0 Added option to specify a custom date when creating post.
|
||||
- 0.2.7 : @daz Updates twitter theme framework to use 2.x while still maintaining core layout. #50
|
||||
@philips and @treggats add support for page.tagline metadata. #31 & #48
|
||||
- 0.2.6 : @koomar Adds Mixpanel analytics provider. #49
|
||||
- 0.2.5 : @nolith Adds ability to load custom rake scripts. #33
|
||||
- 0.2.4 : @tommyblue Updated disqus comments provider to be compatible with posts imported from Wordpress. #47
|
||||
|
||||
- **Bug Fixes**
|
||||
- 0.2.3 : @3martini Adds Windows MSYS Support and error checks for git system calls. #40
|
||||
- 0.2.2 : @sstar Resolved an issue preventing disabling comments for individual pages #44
|
||||
- 0.2.1 : Resolve incorrect HOME\_PATH/BASE\_PATH settings
|
||||
|
||||
- **0.2.0 : 2012.02.01**
|
||||
Features
|
||||
- Add Theme Packages v 0.1.0
|
||||
All themes should be tracked and maintained outside of JB core.
|
||||
Themes get "installed" via the Theme Installer.
|
||||
Theme Packages versioning is done separately from JB core with
|
||||
the main intent being to make sure theme versions are compatible with the given installer.
|
||||
|
||||
- 0.1.2 : @jamesFleeting adds facebook comments support
|
||||
- 0.1.1 : @SegFaultAX adds tagline as site-wide configuration
|
||||
|
||||
- **0.1.0 : 2012.01.24**
|
||||
First major versioned release.
|
||||
Features
|
||||
- Standardize Public API
|
||||
- Use name-spacing and modulation where possible.
|
||||
- Ability to override public methods with custom code.
|
||||
- Publish the theme API.
|
||||
- Ship with comments, analytics integration.
|
||||
|
||||
- **0.0.1 : 2011.12.30**
|
||||
First public release, lots of updates =p
|
||||
Thank you everybody for dealing with the fast changes and helping
|
||||
me work out the API to a manageable state.
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
<html>
|
||||
|
||||
<head></head>
|
||||
|
||||
<body>default</body>
|
||||
|
||||
</html>
|
|
@ -0,0 +1,46 @@
|
|||
---
|
||||
layout: page
|
||||
title: Hello World!
|
||||
tagline: Supporting tagline
|
||||
---
|
||||
{% include JB/setup %}
|
||||
|
||||
Read [Jekyll Quick Start](http://jekyllbootstrap.com/usage/jekyll-quick-start.html)
|
||||
|
||||
Complete usage and documentation available at: [Jekyll Bootstrap](http://jekyllbootstrap.com)
|
||||
|
||||
## Update Author Attributes
|
||||
|
||||
In `_config.yml` remember to specify your own data:
|
||||
|
||||
title : My Blog =)
|
||||
|
||||
author :
|
||||
name : Name Lastname
|
||||
email : blah@email.test
|
||||
github : username
|
||||
twitter : username
|
||||
|
||||
The theme should reference these variables whenever needed.
|
||||
|
||||
## Sample Posts
|
||||
|
||||
This blog contains sample posts which help stage pages and blog data.
|
||||
When you don't need the samples anymore just delete the `_posts/core-samples` folder.
|
||||
|
||||
$ rm -rf _posts/core-samples
|
||||
|
||||
Here's a sample "posts list".
|
||||
|
||||
<ul class="posts">
|
||||
{% for post in site.posts %}
|
||||
<li><span>{{ post.date | date_to_string }}</span> » <a href="{{ BASE_PATH }}{{ post.url }}">{{ post.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
## To-Do
|
||||
|
||||
This theme is still unfinished. If you'd like to be added as a contributor, [please fork](http://github.com/plusjade/jekyll-bootstrap)!
|
||||
We need to clean up the themes, make theme usage guides with theme-specific markup examples.
|
||||
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
layout: page
|
||||
title: Pages
|
||||
header: Pages
|
||||
group: navigation
|
||||
---
|
||||
{% include JB/setup %}
|
||||
|
||||
<h2>All Pages</h2>
|
||||
<ul>
|
||||
{% assign pages_list = site.pages %}
|
||||
{% include JB/pages_list %}
|
||||
</ul>
|
|
@ -0,0 +1,8 @@
|
|||
---
|
||||
# Remember to set production_url in your _config.yml file!
|
||||
title : Sitemap
|
||||
---
|
||||
{% for page in site.pages %}
|
||||
{{site.production_url}}{{ page.url }}{% endfor %}
|
||||
{% for post in site.posts %}
|
||||
{{site.production_url}}{{ post.url }}{% endfor %}
|
|
@ -0,0 +1,21 @@
|
|||
---
|
||||
layout: page
|
||||
title: Tags
|
||||
header: Posts By Tag
|
||||
group: navigation
|
||||
---
|
||||
{% include JB/setup %}
|
||||
|
||||
<ul class="tag_box inline">
|
||||
{% assign tags_list = site.tags %}
|
||||
{% include JB/tags_list %}
|
||||
</ul>
|
||||
|
||||
|
||||
{% for tag in site.tags %}
|
||||
<h2 id="{{ tag[0] }}-ref">{{ tag[0] }}</h2>
|
||||
<ul>
|
||||
{% assign pages_list = tag[1] %}
|
||||
{% include JB/pages_list %}
|
||||
</ul>
|
||||
{% endfor %}
|
|
@ -1,7 +0,0 @@
|
|||
<html>
|
||||
|
||||
<head></head>
|
||||
|
||||
<body>test</body>
|
||||
|
||||
</html>
|
Загрузка…
Ссылка в новой задаче