├── .ruby-version ├── CNAME ├── source ├── CNAME ├── javascripts │ └── all.js.coffee ├── images │ ├── middleman.png │ ├── background.png │ ├── orientation.png │ └── orientation.svg ├── layouts │ └── layout.haml ├── stylesheets │ ├── all.css.sass │ └── normalize.css └── index.html.haml ├── Rakefile ├── javascripts └── all-eca7008a.js ├── images ├── middleman-50d9de35.png ├── background-29e26e74.png ├── orientation-7fb6f561.png └── orientation-8b529f0c.svg ├── .gitignore ├── Gemfile ├── stylesheets ├── all-2e6a9423.css └── normalize-6197e73d.css ├── config.rb ├── Gemfile.lock └── index.html /.ruby-version: -------------------------------------------------------------------------------- 1 | 2.4.1 2 | -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | orientation.io 2 | -------------------------------------------------------------------------------- /source/CNAME: -------------------------------------------------------------------------------- 1 | orientation.io 2 | -------------------------------------------------------------------------------- /Rakefile: -------------------------------------------------------------------------------- 1 | require 'middleman-gh-pages' 2 | -------------------------------------------------------------------------------- /javascripts/all-eca7008a.js: -------------------------------------------------------------------------------- 1 | (function(){}).call(this); -------------------------------------------------------------------------------- /source/javascripts/all.js.coffee: -------------------------------------------------------------------------------- 1 | #= require_tree . 2 | -------------------------------------------------------------------------------- /source/images/middleman.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/orientation/orientation.io/master/source/images/middleman.png -------------------------------------------------------------------------------- /images/middleman-50d9de35.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/orientation/orientation.io/master/images/middleman-50d9de35.png -------------------------------------------------------------------------------- /source/images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/orientation/orientation.io/master/source/images/background.png -------------------------------------------------------------------------------- /source/images/orientation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/orientation/orientation.io/master/source/images/orientation.png -------------------------------------------------------------------------------- /images/background-29e26e74.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/orientation/orientation.io/master/images/background-29e26e74.png -------------------------------------------------------------------------------- /images/orientation-7fb6f561.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/orientation/orientation.io/master/images/orientation-7fb6f561.png -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See http://help.github.com/ignore-files/ for more about ignoring files. 2 | # 3 | # If you find yourself ignoring temporary files generated by your text editor 4 | # or operating system, you probably want to add a global ignore instead: 5 | # git config --global core.excludesfile ~/.gitignore_global 6 | 7 | # Ignore bundler config 8 | /.bundle 9 | 10 | # Ignore the build directory 11 | /build 12 | 13 | # Ignore cache 14 | /.sass-cache 15 | /.cache 16 | 17 | # Ignore .DS_store file 18 | .DS_Store 19 | -------------------------------------------------------------------------------- /Gemfile: -------------------------------------------------------------------------------- 1 | # If you do not have OpenSSL installed, update 2 | # the following line to use "http://" instead 3 | source 'https://rubygems.org' 4 | 5 | gem "middleman", "~> 4.3.2" 6 | 7 | # Live-reloading plugin 8 | gem "middleman-livereload", "~> 3.4.6" 9 | 10 | # For faster file watcher updates on Windows: 11 | gem "wdm", "~> 0.1.0", :platforms => [:mswin, :mingw] 12 | 13 | # Windows does not come with time zone data 14 | gem "tzinfo-data", platforms: [:mswin, :mingw, :jruby] 15 | 16 | gem "redcarpet" 17 | 18 | gem "haml" 19 | 20 | gem 'middleman-gh-pages' 21 | -------------------------------------------------------------------------------- /stylesheets/all-2e6a9423.css: -------------------------------------------------------------------------------- 1 | body{font-family:sans-serif;background-color:#4cadbf;line-height:1.2}a{color:green;text-decoration:none}a:link,a:visited{color:#ffffff}a:hover{color:#0F6675}h1{padding:0.7em 0 0;margin:0}h1 img{height:auto;max-width:100%}h2{letter-spacing:0.1em;font-weight:200}article{max-width:35em;margin:0 auto;padding:1em}section{font-size:1em;color:#333333}section h1{color:rgba(255,255,255,0.9);font-size:1.3em;font-weight:500;letter-spacing:0.1em;text-align:center}section h2{font-size:1em;font-weight:600}.what{padding:0.05em 1em;margin:1em 0;background-color:white}.feature{padding:0.05em 1em;margin:1em 0;background-color:whitesmoke}.fork{padding:0.05em 1em;margin:1em 0;color:whitesmoke;background-color:#0D4853}.fork a:link,.fork a:visited{color:#4cadbf;text-decoration:none}.fork a:hover{color:#0F6675} -------------------------------------------------------------------------------- /source/layouts/layout.haml: -------------------------------------------------------------------------------- 1 | !!! 2 | %html 3 | %head 4 | %meta{ charset: "utf-8" } 5 | - # Always force latest IE rendering engine or request Chrome Frame 6 | %meta{ content: "IE=edge,chrome=1", "http-equiv" => "X-UA-Compatible" } 7 | - # Use title if it's in the page YAML frontmatter 8 | %title= current_page.data.title 9 | = stylesheet_link_tag "normalize", "all" 10 | = javascript_include_tag "all" 11 | 12 | %body{ class: page_classes } 13 | = yield 14 | 15 | :javascript 16 | var _gauges = _gauges || []; 17 | (function() { 18 | var t = document.createElement('script'); 19 | t.type = 'text/javascript'; 20 | t.async = true; 21 | t.id = 'gauges-tracker'; 22 | t.setAttribute('data-site-id', '55f71a2992c6ac50840116f3'); 23 | t.setAttribute('data-track-path', 'https://track.gaug.es/track.gif'); 24 | t.src = 'https://track.gaug.es/track.js'; 25 | var s = document.getElementsByTagName('script')[0]; 26 | s.parentNode.insertBefore(t, s); 27 | })(); 28 | -------------------------------------------------------------------------------- /source/stylesheets/all.css.sass: -------------------------------------------------------------------------------- 1 | @charset "utf-8" 2 | 3 | body 4 | font-family: sans-serif 5 | background-color: #242533 6 | line-height: 1.2 7 | 8 | a 9 | color: green 10 | text-decoration: none 11 | &:link, &:visited 12 | color: #ffffff 13 | &:hover 14 | color: #0F6675 15 | 16 | h1 17 | padding: .7em 0 0 18 | margin: 0 19 | 20 | img 21 | height: auto 22 | max-width: 100% 23 | 24 | h2 25 | letter-spacing: .1em 26 | font-weight: 200 27 | 28 | article 29 | max-width: 35em 30 | margin: 0 auto 31 | padding: 1em 32 | 33 | section 34 | font: 35 | size: 1em 36 | color: #333333 37 | 38 | h1 39 | color: rgba(255,255,255, .9) 40 | font-size: 1.3em 41 | font-weight: 500 42 | letter-spacing: .1em 43 | text-align: center 44 | 45 | h2 46 | font-size: 1em 47 | font-weight: 600 48 | 49 | .what 50 | padding: .05em 1em 51 | margin: 1em 0 52 | background-color: white 53 | 54 | .feature 55 | padding: .05em 1em 56 | margin: 1em 0 57 | background-color: whitesmoke 58 | 59 | .fork 60 | padding: .05em 1em 61 | margin: 1em 0 62 | color: whitesmoke 63 | background-color: #0D4853 64 | 65 | a 66 | &:link, &:visited 67 | color: #4cadbf 68 | text-decoration: none 69 | &:hover 70 | color: #0F6675 71 | -------------------------------------------------------------------------------- /stylesheets/normalize-6197e73d.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} -------------------------------------------------------------------------------- /config.rb: -------------------------------------------------------------------------------- 1 | ### 2 | # Compass 3 | ### 4 | 5 | # Change Compass configuration 6 | # compass_config do |config| 7 | # config.output_style = :compact 8 | # end 9 | 10 | ### 11 | # Page options, layouts, aliases and proxies 12 | ### 13 | 14 | # Per-page layout changes: 15 | # 16 | # With no layout 17 | # page "/path/to/file.html", :layout => false 18 | # 19 | # With alternative layout 20 | # page "/path/to/file.html", :layout => :otherlayout 21 | # 22 | # A path which all have the same layout 23 | # with_layout :admin do 24 | # page "/admin/*" 25 | # end 26 | 27 | # Proxy pages (https://middlemanapp.com/advanced/dynamic_pages/) 28 | # proxy "/this-page-has-no-template.html", "/template-file.html", :locals => { 29 | # :which_fake_page => "Rendering a fake page with a local variable" } 30 | 31 | ### 32 | # Helpers 33 | ### 34 | 35 | # Automatic image dimensions on image_tag helper 36 | # activate :automatic_image_sizes 37 | 38 | # Reload the browser automatically whenever files change 39 | configure :development do 40 | activate :livereload 41 | end 42 | 43 | # Methods defined in the helpers block are available in templates 44 | # helpers do 45 | # def some_helper 46 | # "Helping" 47 | # end 48 | # end 49 | 50 | set :css_dir, 'stylesheets' 51 | 52 | set :js_dir, 'javascripts' 53 | 54 | set :images_dir, 'images' 55 | 56 | set :haml, { ugly: true, format: :html5 } 57 | 58 | set :markdown_engine, :redcarpet 59 | set :markdown, fenced_code_blocks: true, smartypants: true 60 | 61 | # Build-specific configuration 62 | configure :build do 63 | # For example, change the Compass output style for deployment 64 | activate :minify_css 65 | 66 | # Minify Javascript on build 67 | activate :minify_javascript 68 | 69 | # Enable cache buster 70 | activate :asset_hash 71 | 72 | # Use relative URLs 73 | activate :relative_assets 74 | set :relative_links, true 75 | 76 | # Or use a different image path 77 | # set :http_prefix, "/Content/images/" 78 | end 79 | -------------------------------------------------------------------------------- /source/index.html.haml: -------------------------------------------------------------------------------- 1 | --- 2 | title: Orientation | Documentation for Packs of Busy Humans 3 | --- 4 | 5 | %article 6 | %h1= link_to image_tag("orientation.png", alt: "Orientation"), "http://orientation.io" 7 | 8 | %section.what 9 | %p 10 | Sharing information is difficult. We ask each other the 11 | same questions over and over again. Whenever answers are written down, we 12 | often don't know where to look. Worse, information goes out of date really 13 | fast. 14 | 15 | %section.how 16 | %h1 17 | Orientation makes this easier. 18 | %strong= link_to "See for yourself.", "http://try.orientation.io" 19 | 20 | .feature 21 | %h2#articles Articles 22 | %p 23 | Have a question? Create an article and ask someone to write down the 24 | answer. Know an answer? It works the same way, except you can write the 25 | article out and share it with more than one person. 26 | 27 | .feature 28 | %h2#subscription Subscription 29 | %p 30 | Do you depend on a piece of information that may evolve in the future? Simply 31 | subscribe to an article and you will be notified whenever it's edited in the 32 | future so your knowledge stays fresh. 33 | 34 | .feature 35 | %h2#endorsements Endorsement 36 | %p 37 | If someone else on your team can confirm the usefulness or validity of one 38 | of your Orientation articles, they can endorse it to increase its ranking in 39 | search results and make everyone on your team feel more confident. 40 | 41 | .feature 42 | %h2#search Search 43 | %p 44 | It's not so hard to make documentation. What's often harder is to find 45 | it when you need it. Worse, when you don't even know it exists. Orientation 46 | uses full-text search on article titles and contents. 47 | 48 | .feature 49 | %h2#guides Guides 50 | %p 51 | It's easier to find answers when you know what you're looking for. 52 | Guides are lists of links to articles. They can help onboard new 53 | employees, discuss best practices, or just make lists of lists. 54 | 55 | 56 | %h1 Start using Orientation today, for free. 57 | %section.fork 58 | %p 59 | Orientation is an open source Ruby on Rails application you can 60 | = link_to "install for free on Heroku", "https://github.com/orientation/orientation#heroku" 61 | or 62 | = link_to "fork from GitHub", "https://github.com/orientation/orientation#installation" 63 | and host the way you like it. 64 | -------------------------------------------------------------------------------- /Gemfile.lock: -------------------------------------------------------------------------------- 1 | GEM 2 | remote: https://rubygems.org/ 3 | specs: 4 | activesupport (5.0.7.1) 5 | concurrent-ruby (~> 1.0, >= 1.0.2) 6 | i18n (>= 0.7, < 2) 7 | minitest (~> 5.1) 8 | tzinfo (~> 1.1) 9 | addressable (2.6.0) 10 | public_suffix (>= 2.0.2, < 4.0) 11 | backports (3.11.4) 12 | coffee-script (2.4.1) 13 | coffee-script-source 14 | execjs 15 | coffee-script-source (1.12.2) 16 | concurrent-ruby (1.1.4) 17 | contracts (0.13.0) 18 | dotenv (2.6.0) 19 | em-websocket (0.5.1) 20 | eventmachine (>= 0.12.9) 21 | http_parser.rb (~> 0.6.0) 22 | erubis (2.7.0) 23 | eventmachine (1.2.7) 24 | execjs (2.7.0) 25 | fast_blank (1.0.0) 26 | fastimage (2.1.5) 27 | ffi (1.9.25) 28 | haml (5.0.4) 29 | temple (>= 0.8.0) 30 | tilt 31 | hamster (3.0.0) 32 | concurrent-ruby (~> 1.0) 33 | hashie (3.6.0) 34 | http_parser.rb (0.6.0) 35 | i18n (0.9.5) 36 | concurrent-ruby (~> 1.0) 37 | kramdown (1.17.0) 38 | listen (3.0.8) 39 | rb-fsevent (~> 0.9, >= 0.9.4) 40 | rb-inotify (~> 0.9, >= 0.9.7) 41 | memoist (0.16.0) 42 | middleman (4.3.2) 43 | coffee-script (~> 2.2) 44 | haml (>= 4.0.5) 45 | kramdown (~> 1.2) 46 | middleman-cli (= 4.3.2) 47 | middleman-core (= 4.3.2) 48 | middleman-cli (4.3.2) 49 | thor (>= 0.17.0, < 2.0) 50 | middleman-core (4.3.2) 51 | activesupport (>= 4.2, < 5.1) 52 | addressable (~> 2.3) 53 | backports (~> 3.6) 54 | bundler 55 | contracts (~> 0.13.0) 56 | dotenv 57 | erubis 58 | execjs (~> 2.0) 59 | fast_blank 60 | fastimage (~> 2.0) 61 | hamster (~> 3.0) 62 | hashie (~> 3.4) 63 | i18n (~> 0.9.0) 64 | listen (~> 3.0.0) 65 | memoist (~> 0.14) 66 | padrino-helpers (~> 0.13.0) 67 | parallel 68 | rack (>= 1.4.5, < 3) 69 | sassc (~> 2.0) 70 | servolux 71 | tilt (~> 2.0.9) 72 | uglifier (~> 3.0) 73 | middleman-gh-pages (0.4.1) 74 | rake (> 0.9.3) 75 | middleman-livereload (3.4.6) 76 | em-websocket (~> 0.5.1) 77 | middleman-core (>= 3.3) 78 | rack-livereload (~> 0.3.15) 79 | minitest (5.11.3) 80 | padrino-helpers (0.13.3.4) 81 | i18n (~> 0.6, >= 0.6.7) 82 | padrino-support (= 0.13.3.4) 83 | tilt (>= 1.4.1, < 3) 84 | padrino-support (0.13.3.4) 85 | activesupport (>= 3.1) 86 | parallel (1.13.0) 87 | public_suffix (3.0.3) 88 | rack (2.0.6) 89 | rack-livereload (0.3.17) 90 | rack 91 | rake (12.3.2) 92 | rb-fsevent (0.10.3) 93 | rb-inotify (0.10.0) 94 | ffi (~> 1.0) 95 | redcarpet (3.4.0) 96 | sassc (2.0.0) 97 | ffi (~> 1.9.6) 98 | rake 99 | servolux (0.13.0) 100 | temple (0.8.0) 101 | thor (0.20.3) 102 | thread_safe (0.3.6) 103 | tilt (2.0.9) 104 | tzinfo (1.2.5) 105 | thread_safe (~> 0.1) 106 | uglifier (3.2.0) 107 | execjs (>= 0.3.0, < 3) 108 | 109 | PLATFORMS 110 | ruby 111 | 112 | DEPENDENCIES 113 | haml 114 | middleman (~> 4.3.2) 115 | middleman-gh-pages 116 | middleman-livereload (~> 3.4.6) 117 | redcarpet 118 | tzinfo-data 119 | wdm (~> 0.1.0) 120 | 121 | BUNDLED WITH 122 | 1.15.3 123 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Orientation | Documentation for Packs of Busy Humans 7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 |

Orientation

15 |
16 |

17 | Sharing information is difficult. We ask each other the 18 | same questions over and over again. Whenever answers are written down, we 19 | often don't know where to look. Worse, information goes out of date really 20 | fast. 21 |

22 |
23 |
24 |

25 | Orientation makes this easier. 26 | See for yourself. 27 |

28 |
29 |

Articles

30 |

31 | Have a question? Create an article and ask someone to write down the 32 | answer. Know an answer? It works the same way, except you can write the 33 | article out and share it with more than one person. 34 |

35 |
36 |
37 |

Subscription

38 |

39 | Do you depend on a piece of information that may evolve in the future? Simply 40 | subscribe to an article and you will be notified whenever it's edited in the 41 | future so your knowledge stays fresh. 42 |

43 |
44 |
45 |

Endorsement

46 |

47 | If someone else on your team can confirm the usefulness or validity of one 48 | of your Orientation article, they can endorse it to increase its ranking in 49 | search results and make everyone on your team feel more confident. 50 |

51 |
52 |
53 | 54 |

55 | It's not so hard to make documentation. What's often harder is to find 56 | it when you need it. Worse, when you don't even know it exists. Orientation 57 | uses full-text search on article titles and contents. 58 |

59 |
60 |
61 |

Guides

62 |

63 | It's easier to find answers when you know what you're looking for. 64 | Guides are lists of links to articles. They can help onboard new 65 | employees, discuss best practices, or just make lists of lists. 66 |

67 |
68 |

Start using Orientation today, for free.

69 |
70 |

71 | Orientation is an open source Ruby on Rails application you can 72 | install for free on Heroku 73 | or 74 | fork from GitHub 75 | and host the way you like it. 76 |

77 |
78 |
79 |
80 | 81 | 95 | 96 | 97 | -------------------------------------------------------------------------------- /images/orientation-8b529f0c.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 11 | 13 | 17 | 21 | 23 | 27 | 32 | 37 | 40 | 43 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /source/images/orientation.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 6 | 11 | 13 | 17 | 21 | 23 | 27 | 32 | 37 | 40 | 43 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | -------------------------------------------------------------------------------- /source/stylesheets/normalize.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ 2 | 3 | /* ========================================================================== 4 | HTML5 display definitions 5 | ========================================================================== */ 6 | 7 | /* 8 | * Corrects `block` display not defined in IE 8/9. 9 | */ 10 | 11 | article, 12 | aside, 13 | details, 14 | figcaption, 15 | figure, 16 | footer, 17 | header, 18 | hgroup, 19 | nav, 20 | section, 21 | summary { 22 | display: block; 23 | } 24 | 25 | /* 26 | * Corrects `inline-block` display not defined in IE 8/9. 27 | */ 28 | 29 | audio, 30 | canvas, 31 | video { 32 | display: inline-block; 33 | } 34 | 35 | /* 36 | * Prevents modern browsers from displaying `audio` without controls. 37 | * Remove excess height in iOS 5 devices. 38 | */ 39 | 40 | audio:not([controls]) { 41 | display: none; 42 | height: 0; 43 | } 44 | 45 | /* 46 | * Addresses styling for `hidden` attribute not present in IE 8/9. 47 | */ 48 | 49 | [hidden] { 50 | display: none; 51 | } 52 | 53 | /* ========================================================================== 54 | Base 55 | ========================================================================== */ 56 | 57 | /* 58 | * 1. Sets default font family to sans-serif. 59 | * 2. Prevents iOS text size adjust after orientation change, without disabling 60 | * user zoom. 61 | */ 62 | 63 | html { 64 | font-family: sans-serif; /* 1 */ 65 | -webkit-text-size-adjust: 100%; /* 2 */ 66 | -ms-text-size-adjust: 100%; /* 2 */ 67 | } 68 | 69 | /* 70 | * Removes default margin. 71 | */ 72 | 73 | body { 74 | margin: 0; 75 | } 76 | 77 | /* ========================================================================== 78 | Links 79 | ========================================================================== */ 80 | 81 | /* 82 | * Addresses `outline` inconsistency between Chrome and other browsers. 83 | */ 84 | 85 | a:focus { 86 | outline: thin dotted; 87 | } 88 | 89 | /* 90 | * Improves readability when focused and also mouse hovered in all browsers. 91 | */ 92 | 93 | a:active, 94 | a:hover { 95 | outline: 0; 96 | } 97 | 98 | /* ========================================================================== 99 | Typography 100 | ========================================================================== */ 101 | 102 | /* 103 | * Addresses `h1` font sizes within `section` and `article` in Firefox 4+, 104 | * Safari 5, and Chrome. 105 | */ 106 | 107 | h1 { 108 | font-size: 2em; 109 | } 110 | 111 | /* 112 | * Addresses styling not present in IE 8/9, Safari 5, and Chrome. 113 | */ 114 | 115 | abbr[title] { 116 | border-bottom: 1px dotted; 117 | } 118 | 119 | /* 120 | * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. 121 | */ 122 | 123 | b, 124 | strong { 125 | font-weight: bold; 126 | } 127 | 128 | /* 129 | * Addresses styling not present in Safari 5 and Chrome. 130 | */ 131 | 132 | dfn { 133 | font-style: italic; 134 | } 135 | 136 | /* 137 | * Addresses styling not present in IE 8/9. 138 | */ 139 | 140 | mark { 141 | background: #ff0; 142 | color: #000; 143 | } 144 | 145 | 146 | /* 147 | * Corrects font family set oddly in Safari 5 and Chrome. 148 | */ 149 | 150 | code, 151 | kbd, 152 | pre, 153 | samp { 154 | font-family: monospace, serif; 155 | font-size: 1em; 156 | } 157 | 158 | /* 159 | * Improves readability of pre-formatted text in all browsers. 160 | */ 161 | 162 | pre { 163 | white-space: pre; 164 | white-space: pre-wrap; 165 | word-wrap: break-word; 166 | } 167 | 168 | /* 169 | * Sets consistent quote types. 170 | */ 171 | 172 | q { 173 | quotes: "\201C" "\201D" "\2018" "\2019"; 174 | } 175 | 176 | /* 177 | * Addresses inconsistent and variable font size in all browsers. 178 | */ 179 | 180 | small { 181 | font-size: 80%; 182 | } 183 | 184 | /* 185 | * Prevents `sub` and `sup` affecting `line-height` in all browsers. 186 | */ 187 | 188 | sub, 189 | sup { 190 | font-size: 75%; 191 | line-height: 0; 192 | position: relative; 193 | vertical-align: baseline; 194 | } 195 | 196 | sup { 197 | top: -0.5em; 198 | } 199 | 200 | sub { 201 | bottom: -0.25em; 202 | } 203 | 204 | /* ========================================================================== 205 | Embedded content 206 | ========================================================================== */ 207 | 208 | /* 209 | * Removes border when inside `a` element in IE 8/9. 210 | */ 211 | 212 | img { 213 | border: 0; 214 | } 215 | 216 | /* 217 | * Corrects overflow displayed oddly in IE 9. 218 | */ 219 | 220 | svg:not(:root) { 221 | overflow: hidden; 222 | } 223 | 224 | /* ========================================================================== 225 | Figures 226 | ========================================================================== */ 227 | 228 | /* 229 | * Addresses margin not present in IE 8/9 and Safari 5. 230 | */ 231 | 232 | figure { 233 | margin: 0; 234 | } 235 | 236 | /* ========================================================================== 237 | Forms 238 | ========================================================================== */ 239 | 240 | /* 241 | * Define consistent border, margin, and padding. 242 | */ 243 | 244 | fieldset { 245 | border: 1px solid #c0c0c0; 246 | margin: 0 2px; 247 | padding: 0.35em 0.625em 0.75em; 248 | } 249 | 250 | /* 251 | * 1. Corrects color not being inherited in IE 8/9. 252 | * 2. Remove padding so people aren't caught out if they zero out fieldsets. 253 | */ 254 | 255 | legend { 256 | border: 0; /* 1 */ 257 | padding: 0; /* 2 */ 258 | } 259 | 260 | /* 261 | * 1. Corrects font family not being inherited in all browsers. 262 | * 2. Corrects font size not being inherited in all browsers. 263 | * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome 264 | */ 265 | 266 | button, 267 | input, 268 | select, 269 | textarea { 270 | font-family: inherit; /* 1 */ 271 | font-size: 100%; /* 2 */ 272 | margin: 0; /* 3 */ 273 | } 274 | 275 | /* 276 | * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in 277 | * the UA stylesheet. 278 | */ 279 | 280 | button, 281 | input { 282 | line-height: normal; 283 | } 284 | 285 | /* 286 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 287 | * and `video` controls. 288 | * 2. Corrects inability to style clickable `input` types in iOS. 289 | * 3. Improves usability and consistency of cursor style between image-type 290 | * `input` and others. 291 | */ 292 | 293 | button, 294 | html input[type="button"], /* 1 */ 295 | input[type="reset"], 296 | input[type="submit"] { 297 | -webkit-appearance: button; /* 2 */ 298 | cursor: pointer; /* 3 */ 299 | } 300 | 301 | /* 302 | * Re-set default cursor for disabled elements. 303 | */ 304 | 305 | button[disabled], 306 | input[disabled] { 307 | cursor: default; 308 | } 309 | 310 | /* 311 | * 1. Addresses box sizing set to `content-box` in IE 8/9. 312 | * 2. Removes excess padding in IE 8/9. 313 | */ 314 | 315 | input[type="checkbox"], 316 | input[type="radio"] { 317 | box-sizing: border-box; /* 1 */ 318 | padding: 0; /* 2 */ 319 | } 320 | 321 | /* 322 | * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. 323 | * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome 324 | * (include `-moz` to future-proof). 325 | */ 326 | 327 | input[type="search"] { 328 | -webkit-appearance: textfield; /* 1 */ 329 | -moz-box-sizing: content-box; 330 | -webkit-box-sizing: content-box; /* 2 */ 331 | box-sizing: content-box; 332 | } 333 | 334 | /* 335 | * Removes inner padding and search cancel button in Safari 5 and Chrome 336 | * on OS X. 337 | */ 338 | 339 | input[type="search"]::-webkit-search-cancel-button, 340 | input[type="search"]::-webkit-search-decoration { 341 | -webkit-appearance: none; 342 | } 343 | 344 | /* 345 | * Removes inner padding and border in Firefox 4+. 346 | */ 347 | 348 | button::-moz-focus-inner, 349 | input::-moz-focus-inner { 350 | border: 0; 351 | padding: 0; 352 | } 353 | 354 | /* 355 | * 1. Removes default vertical scrollbar in IE 8/9. 356 | * 2. Improves readability and alignment in all browsers. 357 | */ 358 | 359 | textarea { 360 | overflow: auto; /* 1 */ 361 | vertical-align: top; /* 2 */ 362 | } 363 | 364 | /* ========================================================================== 365 | Tables 366 | ========================================================================== */ 367 | 368 | /* 369 | * Remove most spacing between table cells. 370 | */ 371 | 372 | table { 373 | border-collapse: collapse; 374 | border-spacing: 0; 375 | } 376 | --------------------------------------------------------------------------------