Permalink
Cannot retrieve contributors at this time
Name already in use
A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
CompMech_Solutions/Module_02/01_Cheers_Stats_Beers.html
Go to fileThis commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
15056 lines (14633 sloc)
416 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head><meta charset="utf-8" /> | |
| <title>01_Cheers_Stats_Beers</title> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> | |
| <script> | |
| (function() { | |
| function addWidgetsRenderer() { | |
| var mimeElement = document.querySelector('script[type="application/vnd.jupyter.widget-view+json"]'); | |
| var scriptElement = document.createElement('script'); | |
| var widgetRendererSrc = '@jupyter-widgets/html-manager@*/dist/embed-amd.js'; | |
| var widgetState; | |
| // Fallback for older version: | |
| try { | |
| widgetState = mimeElement && JSON.parse(mimeElement.innerHTML); | |
| if (widgetState && (widgetState.version_major < 2 || !widgetState.version_major)) { | |
| widgetRendererSrc = 'jupyter-js-widgets@*/dist/embed.js'; | |
| } | |
| } catch(e) {} | |
| scriptElement.src = widgetRendererSrc; | |
| document.body.appendChild(scriptElement); | |
| } | |
| document.addEventListener('DOMContentLoaded', addWidgetsRenderer); | |
| }()); | |
| </script> | |
| <style type="text/css"> | |
| /*! | |
| * | |
| * Twitter Bootstrap | |
| * | |
| */ | |
| /*! | |
| * Bootstrap v3.3.7 (http://getbootstrap.com) | |
| * Copyright 2011-2016 Twitter, Inc. | |
| * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) | |
| */ | |
| /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ | |
| html { | |
| font-family: sans-serif; | |
| -ms-text-size-adjust: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| } | |
| body { | |
| margin: 0; | |
| } | |
| article, | |
| aside, | |
| details, | |
| figcaption, | |
| figure, | |
| footer, | |
| header, | |
| hgroup, | |
| main, | |
| menu, | |
| nav, | |
| section, | |
| summary { | |
| display: block; | |
| } | |
| audio, | |
| canvas, | |
| progress, | |
| video { | |
| display: inline-block; | |
| vertical-align: baseline; | |
| } | |
| audio:not([controls]) { | |
| display: none; | |
| height: 0; | |
| } | |
| [hidden], | |
| template { | |
| display: none; | |
| } | |
| a { | |
| background-color: transparent; | |
| } | |
| a:active, | |
| a:hover { | |
| outline: 0; | |
| } | |
| abbr[title] { | |
| border-bottom: 1px dotted; | |
| } | |
| b, | |
| strong { | |
| font-weight: bold; | |
| } | |
| dfn { | |
| font-style: italic; | |
| } | |
| h1 { | |
| font-size: 2em; | |
| margin: 0.67em 0; | |
| } | |
| mark { | |
| background: #ff0; | |
| color: #000; | |
| } | |
| 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: 1em 40px; | |
| } | |
| hr { | |
| box-sizing: content-box; | |
| height: 0; | |
| } | |
| pre { | |
| overflow: auto; | |
| } | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace, monospace; | |
| font-size: 1em; | |
| } | |
| button, | |
| input, | |
| optgroup, | |
| select, | |
| textarea { | |
| color: inherit; | |
| font: inherit; | |
| margin: 0; | |
| } | |
| button { | |
| overflow: visible; | |
| } | |
| button, | |
| select { | |
| text-transform: none; | |
| } | |
| button, | |
| html input[type="button"], | |
| input[type="reset"], | |
| input[type="submit"] { | |
| -webkit-appearance: button; | |
| cursor: pointer; | |
| } | |
| button[disabled], | |
| html input[disabled] { | |
| cursor: default; | |
| } | |
| button::-moz-focus-inner, | |
| input::-moz-focus-inner { | |
| border: 0; | |
| padding: 0; | |
| } | |
| input { | |
| line-height: normal; | |
| } | |
| input[type="checkbox"], | |
| input[type="radio"] { | |
| box-sizing: border-box; | |
| padding: 0; | |
| } | |
| input[type="number"]::-webkit-inner-spin-button, | |
| input[type="number"]::-webkit-outer-spin-button { | |
| height: auto; | |
| } | |
| input[type="search"] { | |
| -webkit-appearance: textfield; | |
| box-sizing: content-box; | |
| } | |
| input[type="search"]::-webkit-search-cancel-button, | |
| input[type="search"]::-webkit-search-decoration { | |
| -webkit-appearance: none; | |
| } | |
| fieldset { | |
| border: 1px solid #c0c0c0; | |
| margin: 0 2px; | |
| padding: 0.35em 0.625em 0.75em; | |
| } | |
| legend { | |
| border: 0; | |
| padding: 0; | |
| } | |
| textarea { | |
| overflow: auto; | |
| } | |
| optgroup { | |
| font-weight: bold; | |
| } | |
| table { | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| td, | |
| th { | |
| padding: 0; | |
| } | |
| /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ | |
| @media print { | |
| *, | |
| *:before, | |
| *:after { | |
| background: transparent !important; | |
| box-shadow: none !important; | |
| text-shadow: none !important; | |
| } | |
| a, | |
| a:visited { | |
| text-decoration: underline; | |
| } | |
| a[href]:after { | |
| content: " (" attr(href) ")"; | |
| } | |
| abbr[title]:after { | |
| content: " (" attr(title) ")"; | |
| } | |
| a[href^="#"]:after, | |
| a[href^="javascript:"]:after { | |
| content: ""; | |
| } | |
| pre, | |
| blockquote { | |
| border: 1px solid #999; | |
| page-break-inside: avoid; | |
| } | |
| thead { | |
| display: table-header-group; | |
| } | |
| tr, | |
| img { | |
| page-break-inside: avoid; | |
| } | |
| img { | |
| max-width: 100% !important; | |
| } | |
| p, | |
| h2, | |
| h3 { | |
| orphans: 3; | |
| widows: 3; | |
| } | |
| h2, | |
| h3 { | |
| page-break-after: avoid; | |
| } | |
| .navbar { | |
| display: none; | |
| } | |
| .btn > .caret, | |
| .dropup > .btn > .caret { | |
| border-top-color: #000 !important; | |
| } | |
| .label { | |
| border: 1px solid #000; | |
| } | |
| .table { | |
| border-collapse: collapse !important; | |
| } | |
| .table td, | |
| .table th { | |
| background-color: #fff !important; | |
| } | |
| .table-bordered th, | |
| .table-bordered td { | |
| border: 1px solid #ddd !important; | |
| } | |
| } | |
| @font-face { | |
| font-family: 'Glyphicons Halflings'; | |
| src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot'); | |
| src: url('../components/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../components/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); | |
| } | |
| .glyphicon { | |
| position: relative; | |
| top: 1px; | |
| display: inline-block; | |
| font-family: 'Glyphicons Halflings'; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 1; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| .glyphicon-asterisk:before { | |
| content: "\002a"; | |
| } | |
| .glyphicon-plus:before { | |
| content: "\002b"; | |
| } | |
| .glyphicon-euro:before, | |
| .glyphicon-eur:before { | |
| content: "\20ac"; | |
| } | |
| .glyphicon-minus:before { | |
| content: "\2212"; | |
| } | |
| .glyphicon-cloud:before { | |
| content: "\2601"; | |
| } | |
| .glyphicon-envelope:before { | |
| content: "\2709"; | |
| } | |
| .glyphicon-pencil:before { | |
| content: "\270f"; | |
| } | |
| .glyphicon-glass:before { | |
| content: "\e001"; | |
| } | |
| .glyphicon-music:before { | |
| content: "\e002"; | |
| } | |
| .glyphicon-search:before { | |
| content: "\e003"; | |
| } | |
| .glyphicon-heart:before { | |
| content: "\e005"; | |
| } | |
| .glyphicon-star:before { | |
| content: "\e006"; | |
| } | |
| .glyphicon-star-empty:before { | |
| content: "\e007"; | |
| } | |
| .glyphicon-user:before { | |
| content: "\e008"; | |
| } | |
| .glyphicon-film:before { | |
| content: "\e009"; | |
| } | |
| .glyphicon-th-large:before { | |
| content: "\e010"; | |
| } | |
| .glyphicon-th:before { | |
| content: "\e011"; | |
| } | |
| .glyphicon-th-list:before { | |
| content: "\e012"; | |
| } | |
| .glyphicon-ok:before { | |
| content: "\e013"; | |
| } | |
| .glyphicon-remove:before { | |
| content: "\e014"; | |
| } | |
| .glyphicon-zoom-in:before { | |
| content: "\e015"; | |
| } | |
| .glyphicon-zoom-out:before { | |
| content: "\e016"; | |
| } | |
| .glyphicon-off:before { | |
| content: "\e017"; | |
| } | |
| .glyphicon-signal:before { | |
| content: "\e018"; | |
| } | |
| .glyphicon-cog:before { | |
| content: "\e019"; | |
| } | |
| .glyphicon-trash:before { | |
| content: "\e020"; | |
| } | |
| .glyphicon-home:before { | |
| content: "\e021"; | |
| } | |
| .glyphicon-file:before { | |
| content: "\e022"; | |
| } | |
| .glyphicon-time:before { | |
| content: "\e023"; | |
| } | |
| .glyphicon-road:before { | |
| content: "\e024"; | |
| } | |
| .glyphicon-download-alt:before { | |
| content: "\e025"; | |
| } | |
| .glyphicon-download:before { | |
| content: "\e026"; | |
| } | |
| .glyphicon-upload:before { | |
| content: "\e027"; | |
| } | |
| .glyphicon-inbox:before { | |
| content: "\e028"; | |
| } | |
| .glyphicon-play-circle:before { | |
| content: "\e029"; | |
| } | |
| .glyphicon-repeat:before { | |
| content: "\e030"; | |
| } | |
| .glyphicon-refresh:before { | |
| content: "\e031"; | |
| } | |
| .glyphicon-list-alt:before { | |
| content: "\e032"; | |
| } | |
| .glyphicon-lock:before { | |
| content: "\e033"; | |
| } | |
| .glyphicon-flag:before { | |
| content: "\e034"; | |
| } | |
| .glyphicon-headphones:before { | |
| content: "\e035"; | |
| } | |
| .glyphicon-volume-off:before { | |
| content: "\e036"; | |
| } | |
| .glyphicon-volume-down:before { | |
| content: "\e037"; | |
| } | |
| .glyphicon-volume-up:before { | |
| content: "\e038"; | |
| } | |
| .glyphicon-qrcode:before { | |
| content: "\e039"; | |
| } | |
| .glyphicon-barcode:before { | |
| content: "\e040"; | |
| } | |
| .glyphicon-tag:before { | |
| content: "\e041"; | |
| } | |
| .glyphicon-tags:before { | |
| content: "\e042"; | |
| } | |
| .glyphicon-book:before { | |
| content: "\e043"; | |
| } | |
| .glyphicon-bookmark:before { | |
| content: "\e044"; | |
| } | |
| .glyphicon-print:before { | |
| content: "\e045"; | |
| } | |
| .glyphicon-camera:before { | |
| content: "\e046"; | |
| } | |
| .glyphicon-font:before { | |
| content: "\e047"; | |
| } | |
| .glyphicon-bold:before { | |
| content: "\e048"; | |
| } | |
| .glyphicon-italic:before { | |
| content: "\e049"; | |
| } | |
| .glyphicon-text-height:before { | |
| content: "\e050"; | |
| } | |
| .glyphicon-text-width:before { | |
| content: "\e051"; | |
| } | |
| .glyphicon-align-left:before { | |
| content: "\e052"; | |
| } | |
| .glyphicon-align-center:before { | |
| content: "\e053"; | |
| } | |
| .glyphicon-align-right:before { | |
| content: "\e054"; | |
| } | |
| .glyphicon-align-justify:before { | |
| content: "\e055"; | |
| } | |
| .glyphicon-list:before { | |
| content: "\e056"; | |
| } | |
| .glyphicon-indent-left:before { | |
| content: "\e057"; | |
| } | |
| .glyphicon-indent-right:before { | |
| content: "\e058"; | |
| } | |
| .glyphicon-facetime-video:before { | |
| content: "\e059"; | |
| } | |
| .glyphicon-picture:before { | |
| content: "\e060"; | |
| } | |
| .glyphicon-map-marker:before { | |
| content: "\e062"; | |
| } | |
| .glyphicon-adjust:before { | |
| content: "\e063"; | |
| } | |
| .glyphicon-tint:before { | |
| content: "\e064"; | |
| } | |
| .glyphicon-edit:before { | |
| content: "\e065"; | |
| } | |
| .glyphicon-share:before { | |
| content: "\e066"; | |
| } | |
| .glyphicon-check:before { | |
| content: "\e067"; | |
| } | |
| .glyphicon-move:before { | |
| content: "\e068"; | |
| } | |
| .glyphicon-step-backward:before { | |
| content: "\e069"; | |
| } | |
| .glyphicon-fast-backward:before { | |
| content: "\e070"; | |
| } | |
| .glyphicon-backward:before { | |
| content: "\e071"; | |
| } | |
| .glyphicon-play:before { | |
| content: "\e072"; | |
| } | |
| .glyphicon-pause:before { | |
| content: "\e073"; | |
| } | |
| .glyphicon-stop:before { | |
| content: "\e074"; | |
| } | |
| .glyphicon-forward:before { | |
| content: "\e075"; | |
| } | |
| .glyphicon-fast-forward:before { | |
| content: "\e076"; | |
| } | |
| .glyphicon-step-forward:before { | |
| content: "\e077"; | |
| } | |
| .glyphicon-eject:before { | |
| content: "\e078"; | |
| } | |
| .glyphicon-chevron-left:before { | |
| content: "\e079"; | |
| } | |
| .glyphicon-chevron-right:before { | |
| content: "\e080"; | |
| } | |
| .glyphicon-plus-sign:before { | |
| content: "\e081"; | |
| } | |
| .glyphicon-minus-sign:before { | |
| content: "\e082"; | |
| } | |
| .glyphicon-remove-sign:before { | |
| content: "\e083"; | |
| } | |
| .glyphicon-ok-sign:before { | |
| content: "\e084"; | |
| } | |
| .glyphicon-question-sign:before { | |
| content: "\e085"; | |
| } | |
| .glyphicon-info-sign:before { | |
| content: "\e086"; | |
| } | |
| .glyphicon-screenshot:before { | |
| content: "\e087"; | |
| } | |
| .glyphicon-remove-circle:before { | |
| content: "\e088"; | |
| } | |
| .glyphicon-ok-circle:before { | |
| content: "\e089"; | |
| } | |
| .glyphicon-ban-circle:before { | |
| content: "\e090"; | |
| } | |
| .glyphicon-arrow-left:before { | |
| content: "\e091"; | |
| } | |
| .glyphicon-arrow-right:before { | |
| content: "\e092"; | |
| } | |
| .glyphicon-arrow-up:before { | |
| content: "\e093"; | |
| } | |
| .glyphicon-arrow-down:before { | |
| content: "\e094"; | |
| } | |
| .glyphicon-share-alt:before { | |
| content: "\e095"; | |
| } | |
| .glyphicon-resize-full:before { | |
| content: "\e096"; | |
| } | |
| .glyphicon-resize-small:before { | |
| content: "\e097"; | |
| } | |
| .glyphicon-exclamation-sign:before { | |
| content: "\e101"; | |
| } | |
| .glyphicon-gift:before { | |
| content: "\e102"; | |
| } | |
| .glyphicon-leaf:before { | |
| content: "\e103"; | |
| } | |
| .glyphicon-fire:before { | |
| content: "\e104"; | |
| } | |
| .glyphicon-eye-open:before { | |
| content: "\e105"; | |
| } | |
| .glyphicon-eye-close:before { | |
| content: "\e106"; | |
| } | |
| .glyphicon-warning-sign:before { | |
| content: "\e107"; | |
| } | |
| .glyphicon-plane:before { | |
| content: "\e108"; | |
| } | |
| .glyphicon-calendar:before { | |
| content: "\e109"; | |
| } | |
| .glyphicon-random:before { | |
| content: "\e110"; | |
| } | |
| .glyphicon-comment:before { | |
| content: "\e111"; | |
| } | |
| .glyphicon-magnet:before { | |
| content: "\e112"; | |
| } | |
| .glyphicon-chevron-up:before { | |
| content: "\e113"; | |
| } | |
| .glyphicon-chevron-down:before { | |
| content: "\e114"; | |
| } | |
| .glyphicon-retweet:before { | |
| content: "\e115"; | |
| } | |
| .glyphicon-shopping-cart:before { | |
| content: "\e116"; | |
| } | |
| .glyphicon-folder-close:before { | |
| content: "\e117"; | |
| } | |
| .glyphicon-folder-open:before { | |
| content: "\e118"; | |
| } | |
| .glyphicon-resize-vertical:before { | |
| content: "\e119"; | |
| } | |
| .glyphicon-resize-horizontal:before { | |
| content: "\e120"; | |
| } | |
| .glyphicon-hdd:before { | |
| content: "\e121"; | |
| } | |
| .glyphicon-bullhorn:before { | |
| content: "\e122"; | |
| } | |
| .glyphicon-bell:before { | |
| content: "\e123"; | |
| } | |
| .glyphicon-certificate:before { | |
| content: "\e124"; | |
| } | |
| .glyphicon-thumbs-up:before { | |
| content: "\e125"; | |
| } | |
| .glyphicon-thumbs-down:before { | |
| content: "\e126"; | |
| } | |
| .glyphicon-hand-right:before { | |
| content: "\e127"; | |
| } | |
| .glyphicon-hand-left:before { | |
| content: "\e128"; | |
| } | |
| .glyphicon-hand-up:before { | |
| content: "\e129"; | |
| } | |
| .glyphicon-hand-down:before { | |
| content: "\e130"; | |
| } | |
| .glyphicon-circle-arrow-right:before { | |
| content: "\e131"; | |
| } | |
| .glyphicon-circle-arrow-left:before { | |
| content: "\e132"; | |
| } | |
| .glyphicon-circle-arrow-up:before { | |
| content: "\e133"; | |
| } | |
| .glyphicon-circle-arrow-down:before { | |
| content: "\e134"; | |
| } | |
| .glyphicon-globe:before { | |
| content: "\e135"; | |
| } | |
| .glyphicon-wrench:before { | |
| content: "\e136"; | |
| } | |
| .glyphicon-tasks:before { | |
| content: "\e137"; | |
| } | |
| .glyphicon-filter:before { | |
| content: "\e138"; | |
| } | |
| .glyphicon-briefcase:before { | |
| content: "\e139"; | |
| } | |
| .glyphicon-fullscreen:before { | |
| content: "\e140"; | |
| } | |
| .glyphicon-dashboard:before { | |
| content: "\e141"; | |
| } | |
| .glyphicon-paperclip:before { | |
| content: "\e142"; | |
| } | |
| .glyphicon-heart-empty:before { | |
| content: "\e143"; | |
| } | |
| .glyphicon-link:before { | |
| content: "\e144"; | |
| } | |
| .glyphicon-phone:before { | |
| content: "\e145"; | |
| } | |
| .glyphicon-pushpin:before { | |
| content: "\e146"; | |
| } | |
| .glyphicon-usd:before { | |
| content: "\e148"; | |
| } | |
| .glyphicon-gbp:before { | |
| content: "\e149"; | |
| } | |
| .glyphicon-sort:before { | |
| content: "\e150"; | |
| } | |
| .glyphicon-sort-by-alphabet:before { | |
| content: "\e151"; | |
| } | |
| .glyphicon-sort-by-alphabet-alt:before { | |
| content: "\e152"; | |
| } | |
| .glyphicon-sort-by-order:before { | |
| content: "\e153"; | |
| } | |
| .glyphicon-sort-by-order-alt:before { | |
| content: "\e154"; | |
| } | |
| .glyphicon-sort-by-attributes:before { | |
| content: "\e155"; | |
| } | |
| .glyphicon-sort-by-attributes-alt:before { | |
| content: "\e156"; | |
| } | |
| .glyphicon-unchecked:before { | |
| content: "\e157"; | |
| } | |
| .glyphicon-expand:before { | |
| content: "\e158"; | |
| } | |
| .glyphicon-collapse-down:before { | |
| content: "\e159"; | |
| } | |
| .glyphicon-collapse-up:before { | |
| content: "\e160"; | |
| } | |
| .glyphicon-log-in:before { | |
| content: "\e161"; | |
| } | |
| .glyphicon-flash:before { | |
| content: "\e162"; | |
| } | |
| .glyphicon-log-out:before { | |
| content: "\e163"; | |
| } | |
| .glyphicon-new-window:before { | |
| content: "\e164"; | |
| } | |
| .glyphicon-record:before { | |
| content: "\e165"; | |
| } | |
| .glyphicon-save:before { | |
| content: "\e166"; | |
| } | |
| .glyphicon-open:before { | |
| content: "\e167"; | |
| } | |
| .glyphicon-saved:before { | |
| content: "\e168"; | |
| } | |
| .glyphicon-import:before { | |
| content: "\e169"; | |
| } | |
| .glyphicon-export:before { | |
| content: "\e170"; | |
| } | |
| .glyphicon-send:before { | |
| content: "\e171"; | |
| } | |
| .glyphicon-floppy-disk:before { | |
| content: "\e172"; | |
| } | |
| .glyphicon-floppy-saved:before { | |
| content: "\e173"; | |
| } | |
| .glyphicon-floppy-remove:before { | |
| content: "\e174"; | |
| } | |
| .glyphicon-floppy-save:before { | |
| content: "\e175"; | |
| } | |
| .glyphicon-floppy-open:before { | |
| content: "\e176"; | |
| } | |
| .glyphicon-credit-card:before { | |
| content: "\e177"; | |
| } | |
| .glyphicon-transfer:before { | |
| content: "\e178"; | |
| } | |
| .glyphicon-cutlery:before { | |
| content: "\e179"; | |
| } | |
| .glyphicon-header:before { | |
| content: "\e180"; | |
| } | |
| .glyphicon-compressed:before { | |
| content: "\e181"; | |
| } | |
| .glyphicon-earphone:before { | |
| content: "\e182"; | |
| } | |
| .glyphicon-phone-alt:before { | |
| content: "\e183"; | |
| } | |
| .glyphicon-tower:before { | |
| content: "\e184"; | |
| } | |
| .glyphicon-stats:before { | |
| content: "\e185"; | |
| } | |
| .glyphicon-sd-video:before { | |
| content: "\e186"; | |
| } | |
| .glyphicon-hd-video:before { | |
| content: "\e187"; | |
| } | |
| .glyphicon-subtitles:before { | |
| content: "\e188"; | |
| } | |
| .glyphicon-sound-stereo:before { | |
| content: "\e189"; | |
| } | |
| .glyphicon-sound-dolby:before { | |
| content: "\e190"; | |
| } | |
| .glyphicon-sound-5-1:before { | |
| content: "\e191"; | |
| } | |
| .glyphicon-sound-6-1:before { | |
| content: "\e192"; | |
| } | |
| .glyphicon-sound-7-1:before { | |
| content: "\e193"; | |
| } | |
| .glyphicon-copyright-mark:before { | |
| content: "\e194"; | |
| } | |
| .glyphicon-registration-mark:before { | |
| content: "\e195"; | |
| } | |
| .glyphicon-cloud-download:before { | |
| content: "\e197"; | |
| } | |
| .glyphicon-cloud-upload:before { | |
| content: "\e198"; | |
| } | |
| .glyphicon-tree-conifer:before { | |
| content: "\e199"; | |
| } | |
| .glyphicon-tree-deciduous:before { | |
| content: "\e200"; | |
| } | |
| .glyphicon-cd:before { | |
| content: "\e201"; | |
| } | |
| .glyphicon-save-file:before { | |
| content: "\e202"; | |
| } | |
| .glyphicon-open-file:before { | |
| content: "\e203"; | |
| } | |
| .glyphicon-level-up:before { | |
| content: "\e204"; | |
| } | |
| .glyphicon-copy:before { | |
| content: "\e205"; | |
| } | |
| .glyphicon-paste:before { | |
| content: "\e206"; | |
| } | |
| .glyphicon-alert:before { | |
| content: "\e209"; | |
| } | |
| .glyphicon-equalizer:before { | |
| content: "\e210"; | |
| } | |
| .glyphicon-king:before { | |
| content: "\e211"; | |
| } | |
| .glyphicon-queen:before { | |
| content: "\e212"; | |
| } | |
| .glyphicon-pawn:before { | |
| content: "\e213"; | |
| } | |
| .glyphicon-bishop:before { | |
| content: "\e214"; | |
| } | |
| .glyphicon-knight:before { | |
| content: "\e215"; | |
| } | |
| .glyphicon-baby-formula:before { | |
| content: "\e216"; | |
| } | |
| .glyphicon-tent:before { | |
| content: "\26fa"; | |
| } | |
| .glyphicon-blackboard:before { | |
| content: "\e218"; | |
| } | |
| .glyphicon-bed:before { | |
| content: "\e219"; | |
| } | |
| .glyphicon-apple:before { | |
| content: "\f8ff"; | |
| } | |
| .glyphicon-erase:before { | |
| content: "\e221"; | |
| } | |
| .glyphicon-hourglass:before { | |
| content: "\231b"; | |
| } | |
| .glyphicon-lamp:before { | |
| content: "\e223"; | |
| } | |
| .glyphicon-duplicate:before { | |
| content: "\e224"; | |
| } | |
| .glyphicon-piggy-bank:before { | |
| content: "\e225"; | |
| } | |
| .glyphicon-scissors:before { | |
| content: "\e226"; | |
| } | |
| .glyphicon-bitcoin:before { | |
| content: "\e227"; | |
| } | |
| .glyphicon-btc:before { | |
| content: "\e227"; | |
| } | |
| .glyphicon-xbt:before { | |
| content: "\e227"; | |
| } | |
| .glyphicon-yen:before { | |
| content: "\00a5"; | |
| } | |
| .glyphicon-jpy:before { | |
| content: "\00a5"; | |
| } | |
| .glyphicon-ruble:before { | |
| content: "\20bd"; | |
| } | |
| .glyphicon-rub:before { | |
| content: "\20bd"; | |
| } | |
| .glyphicon-scale:before { | |
| content: "\e230"; | |
| } | |
| .glyphicon-ice-lolly:before { | |
| content: "\e231"; | |
| } | |
| .glyphicon-ice-lolly-tasted:before { | |
| content: "\e232"; | |
| } | |
| .glyphicon-education:before { | |
| content: "\e233"; | |
| } | |
| .glyphicon-option-horizontal:before { | |
| content: "\e234"; | |
| } | |
| .glyphicon-option-vertical:before { | |
| content: "\e235"; | |
| } | |
| .glyphicon-menu-hamburger:before { | |
| content: "\e236"; | |
| } | |
| .glyphicon-modal-window:before { | |
| content: "\e237"; | |
| } | |
| .glyphicon-oil:before { | |
| content: "\e238"; | |
| } | |
| .glyphicon-grain:before { | |
| content: "\e239"; | |
| } | |
| .glyphicon-sunglasses:before { | |
| content: "\e240"; | |
| } | |
| .glyphicon-text-size:before { | |
| content: "\e241"; | |
| } | |
| .glyphicon-text-color:before { | |
| content: "\e242"; | |
| } | |
| .glyphicon-text-background:before { | |
| content: "\e243"; | |
| } | |
| .glyphicon-object-align-top:before { | |
| content: "\e244"; | |
| } | |
| .glyphicon-object-align-bottom:before { | |
| content: "\e245"; | |
| } | |
| .glyphicon-object-align-horizontal:before { | |
| content: "\e246"; | |
| } | |
| .glyphicon-object-align-left:before { | |
| content: "\e247"; | |
| } | |
| .glyphicon-object-align-vertical:before { | |
| content: "\e248"; | |
| } | |
| .glyphicon-object-align-right:before { | |
| content: "\e249"; | |
| } | |
| .glyphicon-triangle-right:before { | |
| content: "\e250"; | |
| } | |
| .glyphicon-triangle-left:before { | |
| content: "\e251"; | |
| } | |
| .glyphicon-triangle-bottom:before { | |
| content: "\e252"; | |
| } | |
| .glyphicon-triangle-top:before { | |
| content: "\e253"; | |
| } | |
| .glyphicon-console:before { | |
| content: "\e254"; | |
| } | |
| .glyphicon-superscript:before { | |
| content: "\e255"; | |
| } | |
| .glyphicon-subscript:before { | |
| content: "\e256"; | |
| } | |
| .glyphicon-menu-left:before { | |
| content: "\e257"; | |
| } | |
| .glyphicon-menu-right:before { | |
| content: "\e258"; | |
| } | |
| .glyphicon-menu-down:before { | |
| content: "\e259"; | |
| } | |
| .glyphicon-menu-up:before { | |
| content: "\e260"; | |
| } | |
| * { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| *:before, | |
| *:after { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| html { | |
| font-size: 10px; | |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
| } | |
| body { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-size: 13px; | |
| line-height: 1.42857143; | |
| color: #000; | |
| background-color: #fff; | |
| } | |
| input, | |
| button, | |
| select, | |
| textarea { | |
| font-family: inherit; | |
| font-size: inherit; | |
| line-height: inherit; | |
| } | |
| a { | |
| color: #337ab7; | |
| text-decoration: none; | |
| } | |
| a:hover, | |
| a:focus { | |
| color: #23527c; | |
| text-decoration: underline; | |
| } | |
| a:focus { | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| figure { | |
| margin: 0; | |
| } | |
| img { | |
| vertical-align: middle; | |
| } | |
| .img-responsive, | |
| .thumbnail > img, | |
| .thumbnail a > img, | |
| .carousel-inner > .item > img, | |
| .carousel-inner > .item > a > img { | |
| display: block; | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| .img-rounded { | |
| border-radius: 3px; | |
| } | |
| .img-thumbnail { | |
| padding: 4px; | |
| line-height: 1.42857143; | |
| background-color: #fff; | |
| border: 1px solid #ddd; | |
| border-radius: 2px; | |
| -webkit-transition: all 0.2s ease-in-out; | |
| -o-transition: all 0.2s ease-in-out; | |
| transition: all 0.2s ease-in-out; | |
| display: inline-block; | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| .img-circle { | |
| border-radius: 50%; | |
| } | |
| hr { | |
| margin-top: 18px; | |
| margin-bottom: 18px; | |
| border: 0; | |
| border-top: 1px solid #eeeeee; | |
| } | |
| .sr-only { | |
| position: absolute; | |
| width: 1px; | |
| height: 1px; | |
| margin: -1px; | |
| padding: 0; | |
| overflow: hidden; | |
| clip: rect(0, 0, 0, 0); | |
| border: 0; | |
| } | |
| .sr-only-focusable:active, | |
| .sr-only-focusable:focus { | |
| position: static; | |
| width: auto; | |
| height: auto; | |
| margin: 0; | |
| overflow: visible; | |
| clip: auto; | |
| } | |
| [role="button"] { | |
| cursor: pointer; | |
| } | |
| h1, | |
| h2, | |
| h3, | |
| h4, | |
| h5, | |
| h6, | |
| .h1, | |
| .h2, | |
| .h3, | |
| .h4, | |
| .h5, | |
| .h6 { | |
| font-family: inherit; | |
| font-weight: 500; | |
| line-height: 1.1; | |
| color: inherit; | |
| } | |
| h1 small, | |
| h2 small, | |
| h3 small, | |
| h4 small, | |
| h5 small, | |
| h6 small, | |
| .h1 small, | |
| .h2 small, | |
| .h3 small, | |
| .h4 small, | |
| .h5 small, | |
| .h6 small, | |
| h1 .small, | |
| h2 .small, | |
| h3 .small, | |
| h4 .small, | |
| h5 .small, | |
| h6 .small, | |
| .h1 .small, | |
| .h2 .small, | |
| .h3 .small, | |
| .h4 .small, | |
| .h5 .small, | |
| .h6 .small { | |
| font-weight: normal; | |
| line-height: 1; | |
| color: #777777; | |
| } | |
| h1, | |
| .h1, | |
| h2, | |
| .h2, | |
| h3, | |
| .h3 { | |
| margin-top: 18px; | |
| margin-bottom: 9px; | |
| } | |
| h1 small, | |
| .h1 small, | |
| h2 small, | |
| .h2 small, | |
| h3 small, | |
| .h3 small, | |
| h1 .small, | |
| .h1 .small, | |
| h2 .small, | |
| .h2 .small, | |
| h3 .small, | |
| .h3 .small { | |
| font-size: 65%; | |
| } | |
| h4, | |
| .h4, | |
| h5, | |
| .h5, | |
| h6, | |
| .h6 { | |
| margin-top: 9px; | |
| margin-bottom: 9px; | |
| } | |
| h4 small, | |
| .h4 small, | |
| h5 small, | |
| .h5 small, | |
| h6 small, | |
| .h6 small, | |
| h4 .small, | |
| .h4 .small, | |
| h5 .small, | |
| .h5 .small, | |
| h6 .small, | |
| .h6 .small { | |
| font-size: 75%; | |
| } | |
| h1, | |
| .h1 { | |
| font-size: 33px; | |
| } | |
| h2, | |
| .h2 { | |
| font-size: 27px; | |
| } | |
| h3, | |
| .h3 { | |
| font-size: 23px; | |
| } | |
| h4, | |
| .h4 { | |
| font-size: 17px; | |
| } | |
| h5, | |
| .h5 { | |
| font-size: 13px; | |
| } | |
| h6, | |
| .h6 { | |
| font-size: 12px; | |
| } | |
| p { | |
| margin: 0 0 9px; | |
| } | |
| .lead { | |
| margin-bottom: 18px; | |
| font-size: 14px; | |
| font-weight: 300; | |
| line-height: 1.4; | |
| } | |
| @media (min-width: 768px) { | |
| .lead { | |
| font-size: 19.5px; | |
| } | |
| } | |
| small, | |
| .small { | |
| font-size: 92%; | |
| } | |
| mark, | |
| .mark { | |
| background-color: #fcf8e3; | |
| padding: .2em; | |
| } | |
| .text-left { | |
| text-align: left; | |
| } | |
| .text-right { | |
| text-align: right; | |
| } | |
| .text-center { | |
| text-align: center; | |
| } | |
| .text-justify { | |
| text-align: justify; | |
| } | |
| .text-nowrap { | |
| white-space: nowrap; | |
| } | |
| .text-lowercase { | |
| text-transform: lowercase; | |
| } | |
| .text-uppercase { | |
| text-transform: uppercase; | |
| } | |
| .text-capitalize { | |
| text-transform: capitalize; | |
| } | |
| .text-muted { | |
| color: #777777; | |
| } | |
| .text-primary { | |
| color: #337ab7; | |
| } | |
| a.text-primary:hover, | |
| a.text-primary:focus { | |
| color: #286090; | |
| } | |
| .text-success { | |
| color: #3c763d; | |
| } | |
| a.text-success:hover, | |
| a.text-success:focus { | |
| color: #2b542c; | |
| } | |
| .text-info { | |
| color: #31708f; | |
| } | |
| a.text-info:hover, | |
| a.text-info:focus { | |
| color: #245269; | |
| } | |
| .text-warning { | |
| color: #8a6d3b; | |
| } | |
| a.text-warning:hover, | |
| a.text-warning:focus { | |
| color: #66512c; | |
| } | |
| .text-danger { | |
| color: #a94442; | |
| } | |
| a.text-danger:hover, | |
| a.text-danger:focus { | |
| color: #843534; | |
| } | |
| .bg-primary { | |
| color: #fff; | |
| background-color: #337ab7; | |
| } | |
| a.bg-primary:hover, | |
| a.bg-primary:focus { | |
| background-color: #286090; | |
| } | |
| .bg-success { | |
| background-color: #dff0d8; | |
| } | |
| a.bg-success:hover, | |
| a.bg-success:focus { | |
| background-color: #c1e2b3; | |
| } | |
| .bg-info { | |
| background-color: #d9edf7; | |
| } | |
| a.bg-info:hover, | |
| a.bg-info:focus { | |
| background-color: #afd9ee; | |
| } | |
| .bg-warning { | |
| background-color: #fcf8e3; | |
| } | |
| a.bg-warning:hover, | |
| a.bg-warning:focus { | |
| background-color: #f7ecb5; | |
| } | |
| .bg-danger { | |
| background-color: #f2dede; | |
| } | |
| a.bg-danger:hover, | |
| a.bg-danger:focus { | |
| background-color: #e4b9b9; | |
| } | |
| .page-header { | |
| padding-bottom: 8px; | |
| margin: 36px 0 18px; | |
| border-bottom: 1px solid #eeeeee; | |
| } | |
| ul, | |
| ol { | |
| margin-top: 0; | |
| margin-bottom: 9px; | |
| } | |
| ul ul, | |
| ol ul, | |
| ul ol, | |
| ol ol { | |
| margin-bottom: 0; | |
| } | |
| .list-unstyled { | |
| padding-left: 0; | |
| list-style: none; | |
| } | |
| .list-inline { | |
| padding-left: 0; | |
| list-style: none; | |
| margin-left: -5px; | |
| } | |
| .list-inline > li { | |
| display: inline-block; | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| } | |
| dl { | |
| margin-top: 0; | |
| margin-bottom: 18px; | |
| } | |
| dt, | |
| dd { | |
| line-height: 1.42857143; | |
| } | |
| dt { | |
| font-weight: bold; | |
| } | |
| dd { | |
| margin-left: 0; | |
| } | |
| @media (min-width: 541px) { | |
| .dl-horizontal dt { | |
| float: left; | |
| width: 160px; | |
| clear: left; | |
| text-align: right; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| .dl-horizontal dd { | |
| margin-left: 180px; | |
| } | |
| } | |
| abbr[title], | |
| abbr[data-original-title] { | |
| cursor: help; | |
| border-bottom: 1px dotted #777777; | |
| } | |
| .initialism { | |
| font-size: 90%; | |
| text-transform: uppercase; | |
| } | |
| blockquote { | |
| padding: 9px 18px; | |
| margin: 0 0 18px; | |
| font-size: inherit; | |
| border-left: 5px solid #eeeeee; | |
| } | |
| blockquote p:last-child, | |
| blockquote ul:last-child, | |
| blockquote ol:last-child { | |
| margin-bottom: 0; | |
| } | |
| blockquote footer, | |
| blockquote small, | |
| blockquote .small { | |
| display: block; | |
| font-size: 80%; | |
| line-height: 1.42857143; | |
| color: #777777; | |
| } | |
| blockquote footer:before, | |
| blockquote small:before, | |
| blockquote .small:before { | |
| content: '\2014 \00A0'; | |
| } | |
| .blockquote-reverse, | |
| blockquote.pull-right { | |
| padding-right: 15px; | |
| padding-left: 0; | |
| border-right: 5px solid #eeeeee; | |
| border-left: 0; | |
| text-align: right; | |
| } | |
| .blockquote-reverse footer:before, | |
| blockquote.pull-right footer:before, | |
| .blockquote-reverse small:before, | |
| blockquote.pull-right small:before, | |
| .blockquote-reverse .small:before, | |
| blockquote.pull-right .small:before { | |
| content: ''; | |
| } | |
| .blockquote-reverse footer:after, | |
| blockquote.pull-right footer:after, | |
| .blockquote-reverse small:after, | |
| blockquote.pull-right small:after, | |
| .blockquote-reverse .small:after, | |
| blockquote.pull-right .small:after { | |
| content: '\00A0 \2014'; | |
| } | |
| address { | |
| margin-bottom: 18px; | |
| font-style: normal; | |
| line-height: 1.42857143; | |
| } | |
| code, | |
| kbd, | |
| pre, | |
| samp { | |
| font-family: monospace; | |
| } | |
| code { | |
| padding: 2px 4px; | |
| font-size: 90%; | |
| color: #c7254e; | |
| background-color: #f9f2f4; | |
| border-radius: 2px; | |
| } | |
| kbd { | |
| padding: 2px 4px; | |
| font-size: 90%; | |
| color: #888; | |
| background-color: transparent; | |
| border-radius: 1px; | |
| box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| } | |
| kbd kbd { | |
| padding: 0; | |
| font-size: 100%; | |
| font-weight: bold; | |
| box-shadow: none; | |
| } | |
| pre { | |
| display: block; | |
| padding: 8.5px; | |
| margin: 0 0 9px; | |
| font-size: 12px; | |
| line-height: 1.42857143; | |
| word-break: break-all; | |
| word-wrap: break-word; | |
| color: #333333; | |
| background-color: #f5f5f5; | |
| border: 1px solid #ccc; | |
| border-radius: 2px; | |
| } | |
| pre code { | |
| padding: 0; | |
| font-size: inherit; | |
| color: inherit; | |
| white-space: pre-wrap; | |
| background-color: transparent; | |
| border-radius: 0; | |
| } | |
| .pre-scrollable { | |
| max-height: 340px; | |
| overflow-y: scroll; | |
| } | |
| .container { | |
| margin-right: auto; | |
| margin-left: auto; | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| @media (min-width: 768px) { | |
| .container { | |
| width: 768px; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .container { | |
| width: 940px; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .container { | |
| width: 1140px; | |
| } | |
| } | |
| .container-fluid { | |
| margin-right: auto; | |
| margin-left: auto; | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| .row { | |
| margin-left: 0px; | |
| margin-right: 0px; | |
| } | |
| .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { | |
| position: relative; | |
| min-height: 1px; | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { | |
| float: left; | |
| } | |
| .col-xs-12 { | |
| width: 100%; | |
| } | |
| .col-xs-11 { | |
| width: 91.66666667%; | |
| } | |
| .col-xs-10 { | |
| width: 83.33333333%; | |
| } | |
| .col-xs-9 { | |
| width: 75%; | |
| } | |
| .col-xs-8 { | |
| width: 66.66666667%; | |
| } | |
| .col-xs-7 { | |
| width: 58.33333333%; | |
| } | |
| .col-xs-6 { | |
| width: 50%; | |
| } | |
| .col-xs-5 { | |
| width: 41.66666667%; | |
| } | |
| .col-xs-4 { | |
| width: 33.33333333%; | |
| } | |
| .col-xs-3 { | |
| width: 25%; | |
| } | |
| .col-xs-2 { | |
| width: 16.66666667%; | |
| } | |
| .col-xs-1 { | |
| width: 8.33333333%; | |
| } | |
| .col-xs-pull-12 { | |
| right: 100%; | |
| } | |
| .col-xs-pull-11 { | |
| right: 91.66666667%; | |
| } | |
| .col-xs-pull-10 { | |
| right: 83.33333333%; | |
| } | |
| .col-xs-pull-9 { | |
| right: 75%; | |
| } | |
| .col-xs-pull-8 { | |
| right: 66.66666667%; | |
| } | |
| .col-xs-pull-7 { | |
| right: 58.33333333%; | |
| } | |
| .col-xs-pull-6 { | |
| right: 50%; | |
| } | |
| .col-xs-pull-5 { | |
| right: 41.66666667%; | |
| } | |
| .col-xs-pull-4 { | |
| right: 33.33333333%; | |
| } | |
| .col-xs-pull-3 { | |
| right: 25%; | |
| } | |
| .col-xs-pull-2 { | |
| right: 16.66666667%; | |
| } | |
| .col-xs-pull-1 { | |
| right: 8.33333333%; | |
| } | |
| .col-xs-pull-0 { | |
| right: auto; | |
| } | |
| .col-xs-push-12 { | |
| left: 100%; | |
| } | |
| .col-xs-push-11 { | |
| left: 91.66666667%; | |
| } | |
| .col-xs-push-10 { | |
| left: 83.33333333%; | |
| } | |
| .col-xs-push-9 { | |
| left: 75%; | |
| } | |
| .col-xs-push-8 { | |
| left: 66.66666667%; | |
| } | |
| .col-xs-push-7 { | |
| left: 58.33333333%; | |
| } | |
| .col-xs-push-6 { | |
| left: 50%; | |
| } | |
| .col-xs-push-5 { | |
| left: 41.66666667%; | |
| } | |
| .col-xs-push-4 { | |
| left: 33.33333333%; | |
| } | |
| .col-xs-push-3 { | |
| left: 25%; | |
| } | |
| .col-xs-push-2 { | |
| left: 16.66666667%; | |
| } | |
| .col-xs-push-1 { | |
| left: 8.33333333%; | |
| } | |
| .col-xs-push-0 { | |
| left: auto; | |
| } | |
| .col-xs-offset-12 { | |
| margin-left: 100%; | |
| } | |
| .col-xs-offset-11 { | |
| margin-left: 91.66666667%; | |
| } | |
| .col-xs-offset-10 { | |
| margin-left: 83.33333333%; | |
| } | |
| .col-xs-offset-9 { | |
| margin-left: 75%; | |
| } | |
| .col-xs-offset-8 { | |
| margin-left: 66.66666667%; | |
| } | |
| .col-xs-offset-7 { | |
| margin-left: 58.33333333%; | |
| } | |
| .col-xs-offset-6 { | |
| margin-left: 50%; | |
| } | |
| .col-xs-offset-5 { | |
| margin-left: 41.66666667%; | |
| } | |
| .col-xs-offset-4 { | |
| margin-left: 33.33333333%; | |
| } | |
| .col-xs-offset-3 { | |
| margin-left: 25%; | |
| } | |
| .col-xs-offset-2 { | |
| margin-left: 16.66666667%; | |
| } | |
| .col-xs-offset-1 { | |
| margin-left: 8.33333333%; | |
| } | |
| .col-xs-offset-0 { | |
| margin-left: 0%; | |
| } | |
| @media (min-width: 768px) { | |
| .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { | |
| float: left; | |
| } | |
| .col-sm-12 { | |
| width: 100%; | |
| } | |
| .col-sm-11 { | |
| width: 91.66666667%; | |
| } | |
| .col-sm-10 { | |
| width: 83.33333333%; | |
| } | |
| .col-sm-9 { | |
| width: 75%; | |
| } | |
| .col-sm-8 { | |
| width: 66.66666667%; | |
| } | |
| .col-sm-7 { | |
| width: 58.33333333%; | |
| } | |
| .col-sm-6 { | |
| width: 50%; | |
| } | |
| .col-sm-5 { | |
| width: 41.66666667%; | |
| } | |
| .col-sm-4 { | |
| width: 33.33333333%; | |
| } | |
| .col-sm-3 { | |
| width: 25%; | |
| } | |
| .col-sm-2 { | |
| width: 16.66666667%; | |
| } | |
| .col-sm-1 { | |
| width: 8.33333333%; | |
| } | |
| .col-sm-pull-12 { | |
| right: 100%; | |
| } | |
| .col-sm-pull-11 { | |
| right: 91.66666667%; | |
| } | |
| .col-sm-pull-10 { | |
| right: 83.33333333%; | |
| } | |
| .col-sm-pull-9 { | |
| right: 75%; | |
| } | |
| .col-sm-pull-8 { | |
| right: 66.66666667%; | |
| } | |
| .col-sm-pull-7 { | |
| right: 58.33333333%; | |
| } | |
| .col-sm-pull-6 { | |
| right: 50%; | |
| } | |
| .col-sm-pull-5 { | |
| right: 41.66666667%; | |
| } | |
| .col-sm-pull-4 { | |
| right: 33.33333333%; | |
| } | |
| .col-sm-pull-3 { | |
| right: 25%; | |
| } | |
| .col-sm-pull-2 { | |
| right: 16.66666667%; | |
| } | |
| .col-sm-pull-1 { | |
| right: 8.33333333%; | |
| } | |
| .col-sm-pull-0 { | |
| right: auto; | |
| } | |
| .col-sm-push-12 { | |
| left: 100%; | |
| } | |
| .col-sm-push-11 { | |
| left: 91.66666667%; | |
| } | |
| .col-sm-push-10 { | |
| left: 83.33333333%; | |
| } | |
| .col-sm-push-9 { | |
| left: 75%; | |
| } | |
| .col-sm-push-8 { | |
| left: 66.66666667%; | |
| } | |
| .col-sm-push-7 { | |
| left: 58.33333333%; | |
| } | |
| .col-sm-push-6 { | |
| left: 50%; | |
| } | |
| .col-sm-push-5 { | |
| left: 41.66666667%; | |
| } | |
| .col-sm-push-4 { | |
| left: 33.33333333%; | |
| } | |
| .col-sm-push-3 { | |
| left: 25%; | |
| } | |
| .col-sm-push-2 { | |
| left: 16.66666667%; | |
| } | |
| .col-sm-push-1 { | |
| left: 8.33333333%; | |
| } | |
| .col-sm-push-0 { | |
| left: auto; | |
| } | |
| .col-sm-offset-12 { | |
| margin-left: 100%; | |
| } | |
| .col-sm-offset-11 { | |
| margin-left: 91.66666667%; | |
| } | |
| .col-sm-offset-10 { | |
| margin-left: 83.33333333%; | |
| } | |
| .col-sm-offset-9 { | |
| margin-left: 75%; | |
| } | |
| .col-sm-offset-8 { | |
| margin-left: 66.66666667%; | |
| } | |
| .col-sm-offset-7 { | |
| margin-left: 58.33333333%; | |
| } | |
| .col-sm-offset-6 { | |
| margin-left: 50%; | |
| } | |
| .col-sm-offset-5 { | |
| margin-left: 41.66666667%; | |
| } | |
| .col-sm-offset-4 { | |
| margin-left: 33.33333333%; | |
| } | |
| .col-sm-offset-3 { | |
| margin-left: 25%; | |
| } | |
| .col-sm-offset-2 { | |
| margin-left: 16.66666667%; | |
| } | |
| .col-sm-offset-1 { | |
| margin-left: 8.33333333%; | |
| } | |
| .col-sm-offset-0 { | |
| margin-left: 0%; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { | |
| float: left; | |
| } | |
| .col-md-12 { | |
| width: 100%; | |
| } | |
| .col-md-11 { | |
| width: 91.66666667%; | |
| } | |
| .col-md-10 { | |
| width: 83.33333333%; | |
| } | |
| .col-md-9 { | |
| width: 75%; | |
| } | |
| .col-md-8 { | |
| width: 66.66666667%; | |
| } | |
| .col-md-7 { | |
| width: 58.33333333%; | |
| } | |
| .col-md-6 { | |
| width: 50%; | |
| } | |
| .col-md-5 { | |
| width: 41.66666667%; | |
| } | |
| .col-md-4 { | |
| width: 33.33333333%; | |
| } | |
| .col-md-3 { | |
| width: 25%; | |
| } | |
| .col-md-2 { | |
| width: 16.66666667%; | |
| } | |
| .col-md-1 { | |
| width: 8.33333333%; | |
| } | |
| .col-md-pull-12 { | |
| right: 100%; | |
| } | |
| .col-md-pull-11 { | |
| right: 91.66666667%; | |
| } | |
| .col-md-pull-10 { | |
| right: 83.33333333%; | |
| } | |
| .col-md-pull-9 { | |
| right: 75%; | |
| } | |
| .col-md-pull-8 { | |
| right: 66.66666667%; | |
| } | |
| .col-md-pull-7 { | |
| right: 58.33333333%; | |
| } | |
| .col-md-pull-6 { | |
| right: 50%; | |
| } | |
| .col-md-pull-5 { | |
| right: 41.66666667%; | |
| } | |
| .col-md-pull-4 { | |
| right: 33.33333333%; | |
| } | |
| .col-md-pull-3 { | |
| right: 25%; | |
| } | |
| .col-md-pull-2 { | |
| right: 16.66666667%; | |
| } | |
| .col-md-pull-1 { | |
| right: 8.33333333%; | |
| } | |
| .col-md-pull-0 { | |
| right: auto; | |
| } | |
| .col-md-push-12 { | |
| left: 100%; | |
| } | |
| .col-md-push-11 { | |
| left: 91.66666667%; | |
| } | |
| .col-md-push-10 { | |
| left: 83.33333333%; | |
| } | |
| .col-md-push-9 { | |
| left: 75%; | |
| } | |
| .col-md-push-8 { | |
| left: 66.66666667%; | |
| } | |
| .col-md-push-7 { | |
| left: 58.33333333%; | |
| } | |
| .col-md-push-6 { | |
| left: 50%; | |
| } | |
| .col-md-push-5 { | |
| left: 41.66666667%; | |
| } | |
| .col-md-push-4 { | |
| left: 33.33333333%; | |
| } | |
| .col-md-push-3 { | |
| left: 25%; | |
| } | |
| .col-md-push-2 { | |
| left: 16.66666667%; | |
| } | |
| .col-md-push-1 { | |
| left: 8.33333333%; | |
| } | |
| .col-md-push-0 { | |
| left: auto; | |
| } | |
| .col-md-offset-12 { | |
| margin-left: 100%; | |
| } | |
| .col-md-offset-11 { | |
| margin-left: 91.66666667%; | |
| } | |
| .col-md-offset-10 { | |
| margin-left: 83.33333333%; | |
| } | |
| .col-md-offset-9 { | |
| margin-left: 75%; | |
| } | |
| .col-md-offset-8 { | |
| margin-left: 66.66666667%; | |
| } | |
| .col-md-offset-7 { | |
| margin-left: 58.33333333%; | |
| } | |
| .col-md-offset-6 { | |
| margin-left: 50%; | |
| } | |
| .col-md-offset-5 { | |
| margin-left: 41.66666667%; | |
| } | |
| .col-md-offset-4 { | |
| margin-left: 33.33333333%; | |
| } | |
| .col-md-offset-3 { | |
| margin-left: 25%; | |
| } | |
| .col-md-offset-2 { | |
| margin-left: 16.66666667%; | |
| } | |
| .col-md-offset-1 { | |
| margin-left: 8.33333333%; | |
| } | |
| .col-md-offset-0 { | |
| margin-left: 0%; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { | |
| float: left; | |
| } | |
| .col-lg-12 { | |
| width: 100%; | |
| } | |
| .col-lg-11 { | |
| width: 91.66666667%; | |
| } | |
| .col-lg-10 { | |
| width: 83.33333333%; | |
| } | |
| .col-lg-9 { | |
| width: 75%; | |
| } | |
| .col-lg-8 { | |
| width: 66.66666667%; | |
| } | |
| .col-lg-7 { | |
| width: 58.33333333%; | |
| } | |
| .col-lg-6 { | |
| width: 50%; | |
| } | |
| .col-lg-5 { | |
| width: 41.66666667%; | |
| } | |
| .col-lg-4 { | |
| width: 33.33333333%; | |
| } | |
| .col-lg-3 { | |
| width: 25%; | |
| } | |
| .col-lg-2 { | |
| width: 16.66666667%; | |
| } | |
| .col-lg-1 { | |
| width: 8.33333333%; | |
| } | |
| .col-lg-pull-12 { | |
| right: 100%; | |
| } | |
| .col-lg-pull-11 { | |
| right: 91.66666667%; | |
| } | |
| .col-lg-pull-10 { | |
| right: 83.33333333%; | |
| } | |
| .col-lg-pull-9 { | |
| right: 75%; | |
| } | |
| .col-lg-pull-8 { | |
| right: 66.66666667%; | |
| } | |
| .col-lg-pull-7 { | |
| right: 58.33333333%; | |
| } | |
| .col-lg-pull-6 { | |
| right: 50%; | |
| } | |
| .col-lg-pull-5 { | |
| right: 41.66666667%; | |
| } | |
| .col-lg-pull-4 { | |
| right: 33.33333333%; | |
| } | |
| .col-lg-pull-3 { | |
| right: 25%; | |
| } | |
| .col-lg-pull-2 { | |
| right: 16.66666667%; | |
| } | |
| .col-lg-pull-1 { | |
| right: 8.33333333%; | |
| } | |
| .col-lg-pull-0 { | |
| right: auto; | |
| } | |
| .col-lg-push-12 { | |
| left: 100%; | |
| } | |
| .col-lg-push-11 { | |
| left: 91.66666667%; | |
| } | |
| .col-lg-push-10 { | |
| left: 83.33333333%; | |
| } | |
| .col-lg-push-9 { | |
| left: 75%; | |
| } | |
| .col-lg-push-8 { | |
| left: 66.66666667%; | |
| } | |
| .col-lg-push-7 { | |
| left: 58.33333333%; | |
| } | |
| .col-lg-push-6 { | |
| left: 50%; | |
| } | |
| .col-lg-push-5 { | |
| left: 41.66666667%; | |
| } | |
| .col-lg-push-4 { | |
| left: 33.33333333%; | |
| } | |
| .col-lg-push-3 { | |
| left: 25%; | |
| } | |
| .col-lg-push-2 { | |
| left: 16.66666667%; | |
| } | |
| .col-lg-push-1 { | |
| left: 8.33333333%; | |
| } | |
| .col-lg-push-0 { | |
| left: auto; | |
| } | |
| .col-lg-offset-12 { | |
| margin-left: 100%; | |
| } | |
| .col-lg-offset-11 { | |
| margin-left: 91.66666667%; | |
| } | |
| .col-lg-offset-10 { | |
| margin-left: 83.33333333%; | |
| } | |
| .col-lg-offset-9 { | |
| margin-left: 75%; | |
| } | |
| .col-lg-offset-8 { | |
| margin-left: 66.66666667%; | |
| } | |
| .col-lg-offset-7 { | |
| margin-left: 58.33333333%; | |
| } | |
| .col-lg-offset-6 { | |
| margin-left: 50%; | |
| } | |
| .col-lg-offset-5 { | |
| margin-left: 41.66666667%; | |
| } | |
| .col-lg-offset-4 { | |
| margin-left: 33.33333333%; | |
| } | |
| .col-lg-offset-3 { | |
| margin-left: 25%; | |
| } | |
| .col-lg-offset-2 { | |
| margin-left: 16.66666667%; | |
| } | |
| .col-lg-offset-1 { | |
| margin-left: 8.33333333%; | |
| } | |
| .col-lg-offset-0 { | |
| margin-left: 0%; | |
| } | |
| } | |
| table { | |
| background-color: transparent; | |
| } | |
| caption { | |
| padding-top: 8px; | |
| padding-bottom: 8px; | |
| color: #777777; | |
| text-align: left; | |
| } | |
| th { | |
| text-align: left; | |
| } | |
| .table { | |
| width: 100%; | |
| max-width: 100%; | |
| margin-bottom: 18px; | |
| } | |
| .table > thead > tr > th, | |
| .table > tbody > tr > th, | |
| .table > tfoot > tr > th, | |
| .table > thead > tr > td, | |
| .table > tbody > tr > td, | |
| .table > tfoot > tr > td { | |
| padding: 8px; | |
| line-height: 1.42857143; | |
| vertical-align: top; | |
| border-top: 1px solid #ddd; | |
| } | |
| .table > thead > tr > th { | |
| vertical-align: bottom; | |
| border-bottom: 2px solid #ddd; | |
| } | |
| .table > caption + thead > tr:first-child > th, | |
| .table > colgroup + thead > tr:first-child > th, | |
| .table > thead:first-child > tr:first-child > th, | |
| .table > caption + thead > tr:first-child > td, | |
| .table > colgroup + thead > tr:first-child > td, | |
| .table > thead:first-child > tr:first-child > td { | |
| border-top: 0; | |
| } | |
| .table > tbody + tbody { | |
| border-top: 2px solid #ddd; | |
| } | |
| .table .table { | |
| background-color: #fff; | |
| } | |
| .table-condensed > thead > tr > th, | |
| .table-condensed > tbody > tr > th, | |
| .table-condensed > tfoot > tr > th, | |
| .table-condensed > thead > tr > td, | |
| .table-condensed > tbody > tr > td, | |
| .table-condensed > tfoot > tr > td { | |
| padding: 5px; | |
| } | |
| .table-bordered { | |
| border: 1px solid #ddd; | |
| } | |
| .table-bordered > thead > tr > th, | |
| .table-bordered > tbody > tr > th, | |
| .table-bordered > tfoot > tr > th, | |
| .table-bordered > thead > tr > td, | |
| .table-bordered > tbody > tr > td, | |
| .table-bordered > tfoot > tr > td { | |
| border: 1px solid #ddd; | |
| } | |
| .table-bordered > thead > tr > th, | |
| .table-bordered > thead > tr > td { | |
| border-bottom-width: 2px; | |
| } | |
| .table-striped > tbody > tr:nth-of-type(odd) { | |
| background-color: #f9f9f9; | |
| } | |
| .table-hover > tbody > tr:hover { | |
| background-color: #f5f5f5; | |
| } | |
| table col[class*="col-"] { | |
| position: static; | |
| float: none; | |
| display: table-column; | |
| } | |
| table td[class*="col-"], | |
| table th[class*="col-"] { | |
| position: static; | |
| float: none; | |
| display: table-cell; | |
| } | |
| .table > thead > tr > td.active, | |
| .table > tbody > tr > td.active, | |
| .table > tfoot > tr > td.active, | |
| .table > thead > tr > th.active, | |
| .table > tbody > tr > th.active, | |
| .table > tfoot > tr > th.active, | |
| .table > thead > tr.active > td, | |
| .table > tbody > tr.active > td, | |
| .table > tfoot > tr.active > td, | |
| .table > thead > tr.active > th, | |
| .table > tbody > tr.active > th, | |
| .table > tfoot > tr.active > th { | |
| background-color: #f5f5f5; | |
| } | |
| .table-hover > tbody > tr > td.active:hover, | |
| .table-hover > tbody > tr > th.active:hover, | |
| .table-hover > tbody > tr.active:hover > td, | |
| .table-hover > tbody > tr:hover > .active, | |
| .table-hover > tbody > tr.active:hover > th { | |
| background-color: #e8e8e8; | |
| } | |
| .table > thead > tr > td.success, | |
| .table > tbody > tr > td.success, | |
| .table > tfoot > tr > td.success, | |
| .table > thead > tr > th.success, | |
| .table > tbody > tr > th.success, | |
| .table > tfoot > tr > th.success, | |
| .table > thead > tr.success > td, | |
| .table > tbody > tr.success > td, | |
| .table > tfoot > tr.success > td, | |
| .table > thead > tr.success > th, | |
| .table > tbody > tr.success > th, | |
| .table > tfoot > tr.success > th { | |
| background-color: #dff0d8; | |
| } | |
| .table-hover > tbody > tr > td.success:hover, | |
| .table-hover > tbody > tr > th.success:hover, | |
| .table-hover > tbody > tr.success:hover > td, | |
| .table-hover > tbody > tr:hover > .success, | |
| .table-hover > tbody > tr.success:hover > th { | |
| background-color: #d0e9c6; | |
| } | |
| .table > thead > tr > td.info, | |
| .table > tbody > tr > td.info, | |
| .table > tfoot > tr > td.info, | |
| .table > thead > tr > th.info, | |
| .table > tbody > tr > th.info, | |
| .table > tfoot > tr > th.info, | |
| .table > thead > tr.info > td, | |
| .table > tbody > tr.info > td, | |
| .table > tfoot > tr.info > td, | |
| .table > thead > tr.info > th, | |
| .table > tbody > tr.info > th, | |
| .table > tfoot > tr.info > th { | |
| background-color: #d9edf7; | |
| } | |
| .table-hover > tbody > tr > td.info:hover, | |
| .table-hover > tbody > tr > th.info:hover, | |
| .table-hover > tbody > tr.info:hover > td, | |
| .table-hover > tbody > tr:hover > .info, | |
| .table-hover > tbody > tr.info:hover > th { | |
| background-color: #c4e3f3; | |
| } | |
| .table > thead > tr > td.warning, | |
| .table > tbody > tr > td.warning, | |
| .table > tfoot > tr > td.warning, | |
| .table > thead > tr > th.warning, | |
| .table > tbody > tr > th.warning, | |
| .table > tfoot > tr > th.warning, | |
| .table > thead > tr.warning > td, | |
| .table > tbody > tr.warning > td, | |
| .table > tfoot > tr.warning > td, | |
| .table > thead > tr.warning > th, | |
| .table > tbody > tr.warning > th, | |
| .table > tfoot > tr.warning > th { | |
| background-color: #fcf8e3; | |
| } | |
| .table-hover > tbody > tr > td.warning:hover, | |
| .table-hover > tbody > tr > th.warning:hover, | |
| .table-hover > tbody > tr.warning:hover > td, | |
| .table-hover > tbody > tr:hover > .warning, | |
| .table-hover > tbody > tr.warning:hover > th { | |
| background-color: #faf2cc; | |
| } | |
| .table > thead > tr > td.danger, | |
| .table > tbody > tr > td.danger, | |
| .table > tfoot > tr > td.danger, | |
| .table > thead > tr > th.danger, | |
| .table > tbody > tr > th.danger, | |
| .table > tfoot > tr > th.danger, | |
| .table > thead > tr.danger > td, | |
| .table > tbody > tr.danger > td, | |
| .table > tfoot > tr.danger > td, | |
| .table > thead > tr.danger > th, | |
| .table > tbody > tr.danger > th, | |
| .table > tfoot > tr.danger > th { | |
| background-color: #f2dede; | |
| } | |
| .table-hover > tbody > tr > td.danger:hover, | |
| .table-hover > tbody > tr > th.danger:hover, | |
| .table-hover > tbody > tr.danger:hover > td, | |
| .table-hover > tbody > tr:hover > .danger, | |
| .table-hover > tbody > tr.danger:hover > th { | |
| background-color: #ebcccc; | |
| } | |
| .table-responsive { | |
| overflow-x: auto; | |
| min-height: 0.01%; | |
| } | |
| @media screen and (max-width: 767px) { | |
| .table-responsive { | |
| width: 100%; | |
| margin-bottom: 13.5px; | |
| overflow-y: hidden; | |
| -ms-overflow-style: -ms-autohiding-scrollbar; | |
| border: 1px solid #ddd; | |
| } | |
| .table-responsive > .table { | |
| margin-bottom: 0; | |
| } | |
| .table-responsive > .table > thead > tr > th, | |
| .table-responsive > .table > tbody > tr > th, | |
| .table-responsive > .table > tfoot > tr > th, | |
| .table-responsive > .table > thead > tr > td, | |
| .table-responsive > .table > tbody > tr > td, | |
| .table-responsive > .table > tfoot > tr > td { | |
| white-space: nowrap; | |
| } | |
| .table-responsive > .table-bordered { | |
| border: 0; | |
| } | |
| .table-responsive > .table-bordered > thead > tr > th:first-child, | |
| .table-responsive > .table-bordered > tbody > tr > th:first-child, | |
| .table-responsive > .table-bordered > tfoot > tr > th:first-child, | |
| .table-responsive > .table-bordered > thead > tr > td:first-child, | |
| .table-responsive > .table-bordered > tbody > tr > td:first-child, | |
| .table-responsive > .table-bordered > tfoot > tr > td:first-child { | |
| border-left: 0; | |
| } | |
| .table-responsive > .table-bordered > thead > tr > th:last-child, | |
| .table-responsive > .table-bordered > tbody > tr > th:last-child, | |
| .table-responsive > .table-bordered > tfoot > tr > th:last-child, | |
| .table-responsive > .table-bordered > thead > tr > td:last-child, | |
| .table-responsive > .table-bordered > tbody > tr > td:last-child, | |
| .table-responsive > .table-bordered > tfoot > tr > td:last-child { | |
| border-right: 0; | |
| } | |
| .table-responsive > .table-bordered > tbody > tr:last-child > th, | |
| .table-responsive > .table-bordered > tfoot > tr:last-child > th, | |
| .table-responsive > .table-bordered > tbody > tr:last-child > td, | |
| .table-responsive > .table-bordered > tfoot > tr:last-child > td { | |
| border-bottom: 0; | |
| } | |
| } | |
| fieldset { | |
| padding: 0; | |
| margin: 0; | |
| border: 0; | |
| min-width: 0; | |
| } | |
| legend { | |
| display: block; | |
| width: 100%; | |
| padding: 0; | |
| margin-bottom: 18px; | |
| font-size: 19.5px; | |
| line-height: inherit; | |
| color: #333333; | |
| border: 0; | |
| border-bottom: 1px solid #e5e5e5; | |
| } | |
| label { | |
| display: inline-block; | |
| max-width: 100%; | |
| margin-bottom: 5px; | |
| font-weight: bold; | |
| } | |
| input[type="search"] { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| input[type="radio"], | |
| input[type="checkbox"] { | |
| margin: 4px 0 0; | |
| margin-top: 1px \9; | |
| line-height: normal; | |
| } | |
| input[type="file"] { | |
| display: block; | |
| } | |
| input[type="range"] { | |
| display: block; | |
| width: 100%; | |
| } | |
| select[multiple], | |
| select[size] { | |
| height: auto; | |
| } | |
| input[type="file"]:focus, | |
| input[type="radio"]:focus, | |
| input[type="checkbox"]:focus { | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| output { | |
| display: block; | |
| padding-top: 7px; | |
| font-size: 13px; | |
| line-height: 1.42857143; | |
| color: #555555; | |
| } | |
| .form-control { | |
| display: block; | |
| width: 100%; | |
| height: 32px; | |
| padding: 6px 12px; | |
| font-size: 13px; | |
| line-height: 1.42857143; | |
| color: #555555; | |
| background-color: #fff; | |
| background-image: none; | |
| border: 1px solid #ccc; | |
| border-radius: 2px; | |
| -webkit-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-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
| -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
| transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
| } | |
| .form-control:focus { | |
| border-color: #66afe9; | |
| outline: 0; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
| box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
| } | |
| .form-control::-moz-placeholder { | |
| color: #999; | |
| opacity: 1; | |
| } | |
| .form-control:-ms-input-placeholder { | |
| color: #999; | |
| } | |
| .form-control::-webkit-input-placeholder { | |
| color: #999; | |
| } | |
| .form-control::-ms-expand { | |
| border: 0; | |
| background-color: transparent; | |
| } | |
| .form-control[disabled], | |
| .form-control[readonly], | |
| fieldset[disabled] .form-control { | |
| background-color: #eeeeee; | |
| opacity: 1; | |
| } | |
| .form-control[disabled], | |
| fieldset[disabled] .form-control { | |
| cursor: not-allowed; | |
| } | |
| textarea.form-control { | |
| height: auto; | |
| } | |
| input[type="search"] { | |
| -webkit-appearance: none; | |
| } | |
| @media screen and (-webkit-min-device-pixel-ratio: 0) { | |
| input[type="date"].form-control, | |
| input[type="time"].form-control, | |
| input[type="datetime-local"].form-control, | |
| input[type="month"].form-control { | |
| line-height: 32px; | |
| } | |
| input[type="date"].input-sm, | |
| input[type="time"].input-sm, | |
| input[type="datetime-local"].input-sm, | |
| input[type="month"].input-sm, | |
| .input-group-sm input[type="date"], | |
| .input-group-sm input[type="time"], | |
| .input-group-sm input[type="datetime-local"], | |
| .input-group-sm input[type="month"] { | |
| line-height: 30px; | |
| } | |
| input[type="date"].input-lg, | |
| input[type="time"].input-lg, | |
| input[type="datetime-local"].input-lg, | |
| input[type="month"].input-lg, | |
| .input-group-lg input[type="date"], | |
| .input-group-lg input[type="time"], | |
| .input-group-lg input[type="datetime-local"], | |
| .input-group-lg input[type="month"] { | |
| line-height: 45px; | |
| } | |
| } | |
| .form-group { | |
| margin-bottom: 15px; | |
| } | |
| .radio, | |
| .checkbox { | |
| position: relative; | |
| display: block; | |
| margin-top: 10px; | |
| margin-bottom: 10px; | |
| } | |
| .radio label, | |
| .checkbox label { | |
| min-height: 18px; | |
| padding-left: 20px; | |
| margin-bottom: 0; | |
| font-weight: normal; | |
| cursor: pointer; | |
| } | |
| .radio input[type="radio"], | |
| .radio-inline input[type="radio"], | |
| .checkbox input[type="checkbox"], | |
| .checkbox-inline input[type="checkbox"] { | |
| position: absolute; | |
| margin-left: -20px; | |
| margin-top: 4px \9; | |
| } | |
| .radio + .radio, | |
| .checkbox + .checkbox { | |
| margin-top: -5px; | |
| } | |
| .radio-inline, | |
| .checkbox-inline { | |
| position: relative; | |
| display: inline-block; | |
| padding-left: 20px; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| font-weight: normal; | |
| cursor: pointer; | |
| } | |
| .radio-inline + .radio-inline, | |
| .checkbox-inline + .checkbox-inline { | |
| margin-top: 0; | |
| margin-left: 10px; | |
| } | |
| input[type="radio"][disabled], | |
| input[type="checkbox"][disabled], | |
| input[type="radio"].disabled, | |
| input[type="checkbox"].disabled, | |
| fieldset[disabled] input[type="radio"], | |
| fieldset[disabled] input[type="checkbox"] { | |
| cursor: not-allowed; | |
| } | |
| .radio-inline.disabled, | |
| .checkbox-inline.disabled, | |
| fieldset[disabled] .radio-inline, | |
| fieldset[disabled] .checkbox-inline { | |
| cursor: not-allowed; | |
| } | |
| .radio.disabled label, | |
| .checkbox.disabled label, | |
| fieldset[disabled] .radio label, | |
| fieldset[disabled] .checkbox label { | |
| cursor: not-allowed; | |
| } | |
| .form-control-static { | |
| padding-top: 7px; | |
| padding-bottom: 7px; | |
| margin-bottom: 0; | |
| min-height: 31px; | |
| } | |
| .form-control-static.input-lg, | |
| .form-control-static.input-sm { | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| .input-sm { | |
| height: 30px; | |
| padding: 5px 10px; | |
| font-size: 12px; | |
| line-height: 1.5; | |
| border-radius: 1px; | |
| } | |
| select.input-sm { | |
| height: 30px; | |
| line-height: 30px; | |
| } | |
| textarea.input-sm, | |
| select[multiple].input-sm { | |
| height: auto; | |
| } | |
| .form-group-sm .form-control { | |
| height: 30px; | |
| padding: 5px 10px; | |
| font-size: 12px; | |
| line-height: 1.5; | |
| border-radius: 1px; | |
| } | |
| .form-group-sm select.form-control { | |
| height: 30px; | |
| line-height: 30px; | |
| } | |
| .form-group-sm textarea.form-control, | |
| .form-group-sm select[multiple].form-control { | |
| height: auto; | |
| } | |
| .form-group-sm .form-control-static { | |
| height: 30px; | |
| min-height: 30px; | |
| padding: 6px 10px; | |
| font-size: 12px; | |
| line-height: 1.5; | |
| } | |
| .input-lg { | |
| height: 45px; | |
| padding: 10px 16px; | |
| font-size: 17px; | |
| line-height: 1.3333333; | |
| border-radius: 3px; | |
| } | |
| select.input-lg { | |
| height: 45px; | |
| line-height: 45px; | |
| } | |
| textarea.input-lg, | |
| select[multiple].input-lg { | |
| height: auto; | |
| } | |
| .form-group-lg .form-control { | |
| height: 45px; | |
| padding: 10px 16px; | |
| font-size: 17px; | |
| line-height: 1.3333333; | |
| border-radius: 3px; | |
| } | |
| .form-group-lg select.form-control { | |
| height: 45px; | |
| line-height: 45px; | |
| } | |
| .form-group-lg textarea.form-control, | |
| .form-group-lg select[multiple].form-control { | |
| height: auto; | |
| } | |
| .form-group-lg .form-control-static { | |
| height: 45px; | |
| min-height: 35px; | |
| padding: 11px 16px; | |
| font-size: 17px; | |
| line-height: 1.3333333; | |
| } | |
| .has-feedback { | |
| position: relative; | |
| } | |
| .has-feedback .form-control { | |
| padding-right: 40px; | |
| } | |
| .form-control-feedback { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| z-index: 2; | |
| display: block; | |
| width: 32px; | |
| height: 32px; | |
| line-height: 32px; | |
| text-align: center; | |
| pointer-events: none; | |
| } | |
| .input-lg + .form-control-feedback, | |
| .input-group-lg + .form-control-feedback, | |
| .form-group-lg .form-control + .form-control-feedback { | |
| width: 45px; | |
| height: 45px; | |
| line-height: 45px; | |
| } | |
| .input-sm + .form-control-feedback, | |
| .input-group-sm + .form-control-feedback, | |
| .form-group-sm .form-control + .form-control-feedback { | |
| width: 30px; | |
| height: 30px; | |
| line-height: 30px; | |
| } | |
| .has-success .help-block, | |
| .has-success .control-label, | |
| .has-success .radio, | |
| .has-success .checkbox, | |
| .has-success .radio-inline, | |
| .has-success .checkbox-inline, | |
| .has-success.radio label, | |
| .has-success.checkbox label, | |
| .has-success.radio-inline label, | |
| .has-success.checkbox-inline label { | |
| color: #3c763d; | |
| } | |
| .has-success .form-control { | |
| border-color: #3c763d; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| .has-success .form-control:focus { | |
| border-color: #2b542c; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; | |
| } | |
| .has-success .input-group-addon { | |
| color: #3c763d; | |
| border-color: #3c763d; | |
| background-color: #dff0d8; | |
| } | |
| .has-success .form-control-feedback { | |
| color: #3c763d; | |
| } | |
| .has-warning .help-block, | |
| .has-warning .control-label, | |
| .has-warning .radio, | |
| .has-warning .checkbox, | |
| .has-warning .radio-inline, | |
| .has-warning .checkbox-inline, | |
| .has-warning.radio label, | |
| .has-warning.checkbox label, | |
| .has-warning.radio-inline label, | |
| .has-warning.checkbox-inline label { | |
| color: #8a6d3b; | |
| } | |
| .has-warning .form-control { | |
| border-color: #8a6d3b; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| .has-warning .form-control:focus { | |
| border-color: #66512c; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; | |
| } | |
| .has-warning .input-group-addon { | |
| color: #8a6d3b; | |
| border-color: #8a6d3b; | |
| background-color: #fcf8e3; | |
| } | |
| .has-warning .form-control-feedback { | |
| color: #8a6d3b; | |
| } | |
| .has-error .help-block, | |
| .has-error .control-label, | |
| .has-error .radio, | |
| .has-error .checkbox, | |
| .has-error .radio-inline, | |
| .has-error .checkbox-inline, | |
| .has-error.radio label, | |
| .has-error.checkbox label, | |
| .has-error.radio-inline label, | |
| .has-error.checkbox-inline label { | |
| color: #a94442; | |
| } | |
| .has-error .form-control { | |
| border-color: #a94442; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| .has-error .form-control:focus { | |
| border-color: #843534; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; | |
| } | |
| .has-error .input-group-addon { | |
| color: #a94442; | |
| border-color: #a94442; | |
| background-color: #f2dede; | |
| } | |
| .has-error .form-control-feedback { | |
| color: #a94442; | |
| } | |
| .has-feedback label ~ .form-control-feedback { | |
| top: 23px; | |
| } | |
| .has-feedback label.sr-only ~ .form-control-feedback { | |
| top: 0; | |
| } | |
| .help-block { | |
| display: block; | |
| margin-top: 5px; | |
| margin-bottom: 10px; | |
| color: #404040; | |
| } | |
| @media (min-width: 768px) { | |
| .form-inline .form-group { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| .form-inline .form-control { | |
| display: inline-block; | |
| width: auto; | |
| vertical-align: middle; | |
| } | |
| .form-inline .form-control-static { | |
| display: inline-block; | |
| } | |
| .form-inline .input-group { | |
| display: inline-table; | |
| vertical-align: middle; | |
| } | |
| .form-inline .input-group .input-group-addon, | |
| .form-inline .input-group .input-group-btn, | |
| .form-inline .input-group .form-control { | |
| width: auto; | |
| } | |
| .form-inline .input-group > .form-control { | |
| width: 100%; | |
| } | |
| .form-inline .control-label { | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| .form-inline .radio, | |
| .form-inline .checkbox { | |
| display: inline-block; | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| .form-inline .radio label, | |
| .form-inline .checkbox label { | |
| padding-left: 0; | |
| } | |
| .form-inline .radio input[type="radio"], | |
| .form-inline .checkbox input[type="checkbox"] { | |
| position: relative; | |
| margin-left: 0; | |
| } | |
| .form-inline .has-feedback .form-control-feedback { | |
| top: 0; | |
| } | |
| } | |
| .form-horizontal .radio, | |
| .form-horizontal .checkbox, | |
| .form-horizontal .radio-inline, | |
| .form-horizontal .checkbox-inline { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| padding-top: 7px; | |
| } | |
| .form-horizontal .radio, | |
| .form-horizontal .checkbox { | |
| min-height: 25px; | |
| } | |
| .form-horizontal .form-group { | |
| margin-left: 0px; | |
| margin-right: 0px; | |
| } | |
| @media (min-width: 768px) { | |
| .form-horizontal .control-label { | |
| text-align: right; | |
| margin-bottom: 0; | |
| padding-top: 7px; | |
| } | |
| } | |
| .form-horizontal .has-feedback .form-control-feedback { | |
| right: 0px; | |
| } | |
| @media (min-width: 768px) { | |
| .form-horizontal .form-group-lg .control-label { | |
| padding-top: 11px; | |
| font-size: 17px; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| .form-horizontal .form-group-sm .control-label { | |
| padding-top: 6px; | |
| font-size: 12px; | |
| } | |
| } | |
| .btn { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| font-weight: normal; | |
| text-align: center; | |
| vertical-align: middle; | |
| touch-action: manipulation; | |
| cursor: pointer; | |
| background-image: none; | |
| border: 1px solid transparent; | |
| white-space: nowrap; | |
| padding: 6px 12px; | |
| font-size: 13px; | |
| line-height: 1.42857143; | |
| border-radius: 2px; | |
| -webkit-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| } | |
| .btn:focus, | |
| .btn:active:focus, | |
| .btn.active:focus, | |
| .btn.focus, | |
| .btn:active.focus, | |
| .btn.active.focus { | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| .btn:hover, | |
| .btn:focus, | |
| .btn.focus { | |
| color: #333; | |
| text-decoration: none; | |
| } | |
| .btn:active, | |
| .btn.active { | |
| outline: 0; | |
| background-image: none; | |
| -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| } | |
| .btn.disabled, | |
| .btn[disabled], | |
| fieldset[disabled] .btn { | |
| cursor: not-allowed; | |
| opacity: 0.65; | |
| filter: alpha(opacity=65); | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| a.btn.disabled, | |
| fieldset[disabled] a.btn { | |
| pointer-events: none; | |
| } | |
| .btn-default { | |
| color: #333; | |
| background-color: #fff; | |
| border-color: #ccc; | |
| } | |
| .btn-default:focus, | |
| .btn-default.focus { | |
| color: #333; | |
| background-color: #e6e6e6; | |
| border-color: #8c8c8c; | |
| } | |
| .btn-default:hover { | |
| color: #333; | |
| background-color: #e6e6e6; | |
| border-color: #adadad; | |
| } | |
| .btn-default:active, | |
| .btn-default.active, | |
| .open > .dropdown-toggle.btn-default { | |
| color: #333; | |
| background-color: #e6e6e6; | |
| border-color: #adadad; | |
| } | |
| .btn-default:active:hover, | |
| .btn-default.active:hover, | |
| .open > .dropdown-toggle.btn-default:hover, | |
| .btn-default:active:focus, | |
| .btn-default.active:focus, | |
| .open > .dropdown-toggle.btn-default:focus, | |
| .btn-default:active.focus, | |
| .btn-default.active.focus, | |
| .open > .dropdown-toggle.btn-default.focus { | |
| color: #333; | |
| background-color: #d4d4d4; | |
| border-color: #8c8c8c; | |
| } | |
| .btn-default:active, | |
| .btn-default.active, | |
| .open > .dropdown-toggle.btn-default { | |
| background-image: none; | |
| } | |
| .btn-default.disabled:hover, | |
| .btn-default[disabled]:hover, | |
| fieldset[disabled] .btn-default:hover, | |
| .btn-default.disabled:focus, | |
| .btn-default[disabled]:focus, | |
| fieldset[disabled] .btn-default:focus, | |
| .btn-default.disabled.focus, | |
| .btn-default[disabled].focus, | |
| fieldset[disabled] .btn-default.focus { | |
| background-color: #fff; | |
| border-color: #ccc; | |
| } | |
| .btn-default .badge { | |
| color: #fff; | |
| background-color: #333; | |
| } | |
| .btn-primary { | |
| color: #fff; | |
| background-color: #337ab7; | |
| border-color: #2e6da4; | |
| } | |
| .btn-primary:focus, | |
| .btn-primary.focus { | |
| color: #fff; | |
| background-color: #286090; | |
| border-color: #122b40; | |
| } | |
| .btn-primary:hover { | |
| color: #fff; | |
| background-color: #286090; | |
| border-color: #204d74; | |
| } | |
| .btn-primary:active, | |
| .btn-primary.active, | |
| .open > .dropdown-toggle.btn-primary { | |
| color: #fff; | |
| background-color: #286090; | |
| border-color: #204d74; | |
| } | |
| .btn-primary:active:hover, | |
| .btn-primary.active:hover, | |
| .open > .dropdown-toggle.btn-primary:hover, | |
| .btn-primary:active:focus, | |
| .btn-primary.active:focus, | |
| .open > .dropdown-toggle.btn-primary:focus, | |
| .btn-primary:active.focus, | |
| .btn-primary.active.focus, | |
| .open > .dropdown-toggle.btn-primary.focus { | |
| color: #fff; | |
| background-color: #204d74; | |
| border-color: #122b40; | |
| } | |
| .btn-primary:active, | |
| .btn-primary.active, | |
| .open > .dropdown-toggle.btn-primary { | |
| background-image: none; | |
| } | |
| .btn-primary.disabled:hover, | |
| .btn-primary[disabled]:hover, | |
| fieldset[disabled] .btn-primary:hover, | |
| .btn-primary.disabled:focus, | |
| .btn-primary[disabled]:focus, | |
| fieldset[disabled] .btn-primary:focus, | |
| .btn-primary.disabled.focus, | |
| .btn-primary[disabled].focus, | |
| fieldset[disabled] .btn-primary.focus { | |
| background-color: #337ab7; | |
| border-color: #2e6da4; | |
| } | |
| .btn-primary .badge { | |
| color: #337ab7; | |
| background-color: #fff; | |
| } | |
| .btn-success { | |
| color: #fff; | |
| background-color: #5cb85c; | |
| border-color: #4cae4c; | |
| } | |
| .btn-success:focus, | |
| .btn-success.focus { | |
| color: #fff; | |
| background-color: #449d44; | |
| border-color: #255625; | |
| } | |
| .btn-success:hover { | |
| color: #fff; | |
| background-color: #449d44; | |
| border-color: #398439; | |
| } | |
| .btn-success:active, | |
| .btn-success.active, | |
| .open > .dropdown-toggle.btn-success { | |
| color: #fff; | |
| background-color: #449d44; | |
| border-color: #398439; | |
| } | |
| .btn-success:active:hover, | |
| .btn-success.active:hover, | |
| .open > .dropdown-toggle.btn-success:hover, | |
| .btn-success:active:focus, | |
| .btn-success.active:focus, | |
| .open > .dropdown-toggle.btn-success:focus, | |
| .btn-success:active.focus, | |
| .btn-success.active.focus, | |
| .open > .dropdown-toggle.btn-success.focus { | |
| color: #fff; | |
| background-color: #398439; | |
| border-color: #255625; | |
| } | |
| .btn-success:active, | |
| .btn-success.active, | |
| .open > .dropdown-toggle.btn-success { | |
| background-image: none; | |
| } | |
| .btn-success.disabled:hover, | |
| .btn-success[disabled]:hover, | |
| fieldset[disabled] .btn-success:hover, | |
| .btn-success.disabled:focus, | |
| .btn-success[disabled]:focus, | |
| fieldset[disabled] .btn-success:focus, | |
| .btn-success.disabled.focus, | |
| .btn-success[disabled].focus, | |
| fieldset[disabled] .btn-success.focus { | |
| background-color: #5cb85c; | |
| border-color: #4cae4c; | |
| } | |
| .btn-success .badge { | |
| color: #5cb85c; | |
| background-color: #fff; | |
| } | |
| .btn-info { | |
| color: #fff; | |
| background-color: #5bc0de; | |
| border-color: #46b8da; | |
| } | |
| .btn-info:focus, | |
| .btn-info.focus { | |
| color: #fff; | |
| background-color: #31b0d5; | |
| border-color: #1b6d85; | |
| } | |
| .btn-info:hover { | |
| color: #fff; | |
| background-color: #31b0d5; | |
| border-color: #269abc; | |
| } | |
| .btn-info:active, | |
| .btn-info.active, | |
| .open > .dropdown-toggle.btn-info { | |
| color: #fff; | |
| background-color: #31b0d5; | |
| border-color: #269abc; | |
| } | |
| .btn-info:active:hover, | |
| .btn-info.active:hover, | |
| .open > .dropdown-toggle.btn-info:hover, | |
| .btn-info:active:focus, | |
| .btn-info.active:focus, | |
| .open > .dropdown-toggle.btn-info:focus, | |
| .btn-info:active.focus, | |
| .btn-info.active.focus, | |
| .open > .dropdown-toggle.btn-info.focus { | |
| color: #fff; | |
| background-color: #269abc; | |
| border-color: #1b6d85; | |
| } | |
| .btn-info:active, | |
| .btn-info.active, | |
| .open > .dropdown-toggle.btn-info { | |
| background-image: none; | |
| } | |
| .btn-info.disabled:hover, | |
| .btn-info[disabled]:hover, | |
| fieldset[disabled] .btn-info:hover, | |
| .btn-info.disabled:focus, | |
| .btn-info[disabled]:focus, | |
| fieldset[disabled] .btn-info:focus, | |
| .btn-info.disabled.focus, | |
| .btn-info[disabled].focus, | |
| fieldset[disabled] .btn-info.focus { | |
| background-color: #5bc0de; | |
| border-color: #46b8da; | |
| } | |
| .btn-info .badge { | |
| color: #5bc0de; | |
| background-color: #fff; | |
| } | |
| .btn-warning { | |
| color: #fff; | |
| background-color: #f0ad4e; | |
| border-color: #eea236; | |
| } | |
| .btn-warning:focus, | |
| .btn-warning.focus { | |
| color: #fff; | |
| background-color: #ec971f; | |
| border-color: #985f0d; | |
| } | |
| .btn-warning:hover { | |
| color: #fff; | |
| background-color: #ec971f; | |
| border-color: #d58512; | |
| } | |
| .btn-warning:active, | |
| .btn-warning.active, | |
| .open > .dropdown-toggle.btn-warning { | |
| color: #fff; | |
| background-color: #ec971f; | |
| border-color: #d58512; | |
| } | |
| .btn-warning:active:hover, | |
| .btn-warning.active:hover, | |
| .open > .dropdown-toggle.btn-warning:hover, | |
| .btn-warning:active:focus, | |
| .btn-warning.active:focus, | |
| .open > .dropdown-toggle.btn-warning:focus, | |
| .btn-warning:active.focus, | |
| .btn-warning.active.focus, | |
| .open > .dropdown-toggle.btn-warning.focus { | |
| color: #fff; | |
| background-color: #d58512; | |
| border-color: #985f0d; | |
| } | |
| .btn-warning:active, | |
| .btn-warning.active, | |
| .open > .dropdown-toggle.btn-warning { | |
| background-image: none; | |
| } | |
| .btn-warning.disabled:hover, | |
| .btn-warning[disabled]:hover, | |
| fieldset[disabled] .btn-warning:hover, | |
| .btn-warning.disabled:focus, | |
| .btn-warning[disabled]:focus, | |
| fieldset[disabled] .btn-warning:focus, | |
| .btn-warning.disabled.focus, | |
| .btn-warning[disabled].focus, | |
| fieldset[disabled] .btn-warning.focus { | |
| background-color: #f0ad4e; | |
| border-color: #eea236; | |
| } | |
| .btn-warning .badge { | |
| color: #f0ad4e; | |
| background-color: #fff; | |
| } | |
| .btn-danger { | |
| color: #fff; | |
| background-color: #d9534f; | |
| border-color: #d43f3a; | |
| } | |
| .btn-danger:focus, | |
| .btn-danger.focus { | |
| color: #fff; | |
| background-color: #c9302c; | |
| border-color: #761c19; | |
| } | |
| .btn-danger:hover { | |
| color: #fff; | |
| background-color: #c9302c; | |
| border-color: #ac2925; | |
| } | |
| .btn-danger:active, | |
| .btn-danger.active, | |
| .open > .dropdown-toggle.btn-danger { | |
| color: #fff; | |
| background-color: #c9302c; | |
| border-color: #ac2925; | |
| } | |
| .btn-danger:active:hover, | |
| .btn-danger.active:hover, | |
| .open > .dropdown-toggle.btn-danger:hover, | |
| .btn-danger:active:focus, | |
| .btn-danger.active:focus, | |
| .open > .dropdown-toggle.btn-danger:focus, | |
| .btn-danger:active.focus, | |
| .btn-danger.active.focus, | |
| .open > .dropdown-toggle.btn-danger.focus { | |
| color: #fff; | |
| background-color: #ac2925; | |
| border-color: #761c19; | |
| } | |
| .btn-danger:active, | |
| .btn-danger.active, | |
| .open > .dropdown-toggle.btn-danger { | |
| background-image: none; | |
| } | |
| .btn-danger.disabled:hover, | |
| .btn-danger[disabled]:hover, | |
| fieldset[disabled] .btn-danger:hover, | |
| .btn-danger.disabled:focus, | |
| .btn-danger[disabled]:focus, | |
| fieldset[disabled] .btn-danger:focus, | |
| .btn-danger.disabled.focus, | |
| .btn-danger[disabled].focus, | |
| fieldset[disabled] .btn-danger.focus { | |
| background-color: #d9534f; | |
| border-color: #d43f3a; | |
| } | |
| .btn-danger .badge { | |
| color: #d9534f; | |
| background-color: #fff; | |
| } | |
| .btn-link { | |
| color: #337ab7; | |
| font-weight: normal; | |
| border-radius: 0; | |
| } | |
| .btn-link, | |
| .btn-link:active, | |
| .btn-link.active, | |
| .btn-link[disabled], | |
| fieldset[disabled] .btn-link { | |
| background-color: transparent; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| .btn-link, | |
| .btn-link:hover, | |
| .btn-link:focus, | |
| .btn-link:active { | |
| border-color: transparent; | |
| } | |
| .btn-link:hover, | |
| .btn-link:focus { | |
| color: #23527c; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| } | |
| .btn-link[disabled]:hover, | |
| fieldset[disabled] .btn-link:hover, | |
| .btn-link[disabled]:focus, | |
| fieldset[disabled] .btn-link:focus { | |
| color: #777777; | |
| text-decoration: none; | |
| } | |
| .btn-lg, | |
| .btn-group-lg > .btn { | |
| padding: 10px 16px; | |
| font-size: 17px; | |
| line-height: 1.3333333; | |
| border-radius: 3px; | |
| } | |
| .btn-sm, | |
| .btn-group-sm > .btn { | |
| padding: 5px 10px; | |
| font-size: 12px; | |
| line-height: 1.5; | |
| border-radius: 1px; | |
| } | |
| .btn-xs, | |
| .btn-group-xs > .btn { | |
| padding: 1px 5px; | |
| font-size: 12px; | |
| line-height: 1.5; | |
| border-radius: 1px; | |
| } | |
| .btn-block { | |
| display: block; | |
| width: 100%; | |
| } | |
| .btn-block + .btn-block { | |
| margin-top: 5px; | |
| } | |
| input[type="submit"].btn-block, | |
| input[type="reset"].btn-block, | |
| input[type="button"].btn-block { | |
| width: 100%; | |
| } | |
| .fade { | |
| opacity: 0; | |
| -webkit-transition: opacity 0.15s linear; | |
| -o-transition: opacity 0.15s linear; | |
| transition: opacity 0.15s linear; | |
| } | |
| .fade.in { | |
| opacity: 1; | |
| } | |
| .collapse { | |
| display: none; | |
| } | |
| .collapse.in { | |
| display: block; | |
| } | |
| tr.collapse.in { | |
| display: table-row; | |
| } | |
| tbody.collapse.in { | |
| display: table-row-group; | |
| } | |
| .collapsing { | |
| position: relative; | |
| height: 0; | |
| overflow: hidden; | |
| -webkit-transition-property: height, visibility; | |
| transition-property: height, visibility; | |
| -webkit-transition-duration: 0.35s; | |
| transition-duration: 0.35s; | |
| -webkit-transition-timing-function: ease; | |
| transition-timing-function: ease; | |
| } | |
| .caret { | |
| display: inline-block; | |
| width: 0; | |
| height: 0; | |
| margin-left: 2px; | |
| vertical-align: middle; | |
| border-top: 4px dashed; | |
| border-top: 4px solid \9; | |
| border-right: 4px solid transparent; | |
| border-left: 4px solid transparent; | |
| } | |
| .dropup, | |
| .dropdown { | |
| position: relative; | |
| } | |
| .dropdown-toggle:focus { | |
| outline: 0; | |
| } | |
| .dropdown-menu { | |
| position: absolute; | |
| top: 100%; | |
| left: 0; | |
| z-index: 1000; | |
| display: none; | |
| float: left; | |
| min-width: 160px; | |
| padding: 5px 0; | |
| margin: 2px 0 0; | |
| list-style: none; | |
| font-size: 13px; | |
| text-align: left; | |
| background-color: #fff; | |
| border: 1px solid #ccc; | |
| border: 1px solid rgba(0, 0, 0, 0.15); | |
| border-radius: 2px; | |
| -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | |
| box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | |
| background-clip: padding-box; | |
| } | |
| .dropdown-menu.pull-right { | |
| right: 0; | |
| left: auto; | |
| } | |
| .dropdown-menu .divider { | |
| height: 1px; | |
| margin: 8px 0; | |
| overflow: hidden; | |
| background-color: #e5e5e5; | |
| } | |
| .dropdown-menu > li > a { | |
| display: block; | |
| padding: 3px 20px; | |
| clear: both; | |
| font-weight: normal; | |
| line-height: 1.42857143; | |
| color: #333333; | |
| white-space: nowrap; | |
| } | |
| .dropdown-menu > li > a:hover, | |
| .dropdown-menu > li > a:focus { | |
| text-decoration: none; | |
| color: #262626; | |
| background-color: #f5f5f5; | |
| } | |
| .dropdown-menu > .active > a, | |
| .dropdown-menu > .active > a:hover, | |
| .dropdown-menu > .active > a:focus { | |
| color: #fff; | |
| text-decoration: none; | |
| outline: 0; | |
| background-color: #337ab7; | |
| } | |
| .dropdown-menu > .disabled > a, | |
| .dropdown-menu > .disabled > a:hover, | |
| .dropdown-menu > .disabled > a:focus { | |
| color: #777777; | |
| } | |
| .dropdown-menu > .disabled > a:hover, | |
| .dropdown-menu > .disabled > a:focus { | |
| text-decoration: none; | |
| background-color: transparent; | |
| background-image: none; | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| cursor: not-allowed; | |
| } | |
| .open > .dropdown-menu { | |
| display: block; | |
| } | |
| .open > a { | |
| outline: 0; | |
| } | |
| .dropdown-menu-right { | |
| left: auto; | |
| right: 0; | |
| } | |
| .dropdown-menu-left { | |
| left: 0; | |
| right: auto; | |
| } | |
| .dropdown-header { | |
| display: block; | |
| padding: 3px 20px; | |
| font-size: 12px; | |
| line-height: 1.42857143; | |
| color: #777777; | |
| white-space: nowrap; | |
| } | |
| .dropdown-backdrop { | |
| position: fixed; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| top: 0; | |
| z-index: 990; | |
| } | |
| .pull-right > .dropdown-menu { | |
| right: 0; | |
| left: auto; | |
| } | |
| .dropup .caret, | |
| .navbar-fixed-bottom .dropdown .caret { | |
| border-top: 0; | |
| border-bottom: 4px dashed; | |
| border-bottom: 4px solid \9; | |
| content: ""; | |
| } | |
| .dropup .dropdown-menu, | |
| .navbar-fixed-bottom .dropdown .dropdown-menu { | |
| top: auto; | |
| bottom: 100%; | |
| margin-bottom: 2px; | |
| } | |
| @media (min-width: 541px) { | |
| .navbar-right .dropdown-menu { | |
| left: auto; | |
| right: 0; | |
| } | |
| .navbar-right .dropdown-menu-left { | |
| left: 0; | |
| right: auto; | |
| } | |
| } | |
| .btn-group, | |
| .btn-group-vertical { | |
| position: relative; | |
| display: inline-block; | |
| vertical-align: middle; | |
| } | |
| .btn-group > .btn, | |
| .btn-group-vertical > .btn { | |
| position: relative; | |
| float: left; | |
| } | |
| .btn-group > .btn:hover, | |
| .btn-group-vertical > .btn:hover, | |
| .btn-group > .btn:focus, | |
| .btn-group-vertical > .btn:focus, | |
| .btn-group > .btn:active, | |
| .btn-group-vertical > .btn:active, | |
| .btn-group > .btn.active, | |
| .btn-group-vertical > .btn.active { | |
| z-index: 2; | |
| } | |
| .btn-group .btn + .btn, | |
| .btn-group .btn + .btn-group, | |
| .btn-group .btn-group + .btn, | |
| .btn-group .btn-group + .btn-group { | |
| margin-left: -1px; | |
| } | |
| .btn-toolbar { | |
| margin-left: -5px; | |
| } | |
| .btn-toolbar .btn, | |
| .btn-toolbar .btn-group, | |
| .btn-toolbar .input-group { | |
| float: left; | |
| } | |
| .btn-toolbar > .btn, | |
| .btn-toolbar > .btn-group, | |
| .btn-toolbar > .input-group { | |
| margin-left: 5px; | |
| } | |
| .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { | |
| border-radius: 0; | |
| } | |
| .btn-group > .btn:first-child { | |
| margin-left: 0; | |
| } | |
| .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { | |
| border-bottom-right-radius: 0; | |
| border-top-right-radius: 0; | |
| } | |
| .btn-group > .btn:last-child:not(:first-child), | |
| .btn-group > .dropdown-toggle:not(:first-child) { | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| .btn-group > .btn-group { | |
| float: left; | |
| } | |
| .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { | |
| border-radius: 0; | |
| } | |
| .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, | |
| .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { | |
| border-bottom-right-radius: 0; | |
| border-top-right-radius: 0; | |
| } | |
| .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| .btn-group .dropdown-toggle:active, | |
| .btn-group.open .dropdown-toggle { | |
| outline: 0; | |
| } | |
| .btn-group > .btn + .dropdown-toggle { | |
| padding-left: 8px; | |
| padding-right: 8px; | |
| } | |
| .btn-group > .btn-lg + .dropdown-toggle { | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| } | |
| .btn-group.open .dropdown-toggle { | |
| -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
| } | |
| .btn-group.open .dropdown-toggle.btn-link { | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| .btn .caret { | |
| margin-left: 0; | |
| } | |
| .btn-lg .caret { | |
| border-width: 5px 5px 0; | |
| border-bottom-width: 0; | |
| } | |
| .dropup .btn-lg .caret { | |
| border-width: 0 5px 5px; | |
| } | |
| .btn-group-vertical > .btn, | |
| .btn-group-vertical > .btn-group, | |
| .btn-group-vertical > .btn-group > .btn { | |
| display: block; | |
| float: none; | |
| width: 100%; | |
| max-width: 100%; | |
| } | |
| .btn-group-vertical > .btn-group > .btn { | |
| float: none; | |
| } | |
| .btn-group-vertical > .btn + .btn, | |
| .btn-group-vertical > .btn + .btn-group, | |
| .btn-group-vertical > .btn-group + .btn, | |
| .btn-group-vertical > .btn-group + .btn-group { | |
| margin-top: -1px; | |
| margin-left: 0; | |
| } | |
| .btn-group-vertical > .btn:not(:first-child):not(:last-child) { | |
| border-radius: 0; | |
| } | |
| .btn-group-vertical > .btn:first-child:not(:last-child) { | |
| border-top-right-radius: 2px; | |
| border-top-left-radius: 2px; | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| .btn-group-vertical > .btn:last-child:not(:first-child) { | |
| border-top-right-radius: 0; | |
| border-top-left-radius: 0; | |
| border-bottom-right-radius: 2px; | |
| border-bottom-left-radius: 2px; | |
| } | |
| .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { | |
| border-radius: 0; | |
| } | |
| .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, | |
| .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { | |
| border-top-right-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| .btn-group-justified { | |
| display: table; | |
| width: 100%; | |
| table-layout: fixed; | |
| border-collapse: separate; | |
| } | |
| .btn-group-justified > .btn, | |
| .btn-group-justified > .btn-group { | |
| float: none; | |
| display: table-cell; | |
| width: 1%; | |
| } | |
| .btn-group-justified > .btn-group .btn { | |
| width: 100%; | |
| } | |
| .btn-group-justified > .btn-group .dropdown-menu { | |
| left: auto; | |
| } | |
| [data-toggle="buttons"] > .btn input[type="radio"], | |
| [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], | |
| [data-toggle="buttons"] > .btn input[type="checkbox"], | |
| [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { | |
| position: absolute; | |
| clip: rect(0, 0, 0, 0); | |
| pointer-events: none; | |
| } | |
| .input-group { | |
| position: relative; | |
| display: table; | |
| border-collapse: separate; | |
| } | |
| .input-group[class*="col-"] { | |
| float: none; | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| .input-group .form-control { | |
| position: relative; | |
| z-index: 2; | |
| float: left; | |
| width: 100%; | |
| margin-bottom: 0; | |
| } | |
| .input-group .form-control:focus { | |
| z-index: 3; | |
| } | |
| .input-group-lg > .form-control, | |
| .input-group-lg > .input-group-addon, | |
| .input-group-lg > .input-group-btn > .btn { | |
| height: 45px; | |
| padding: 10px 16px; | |
| font-size: 17px; | |
| line-height: 1.3333333; | |
| border-radius: 3px; | |
| } | |
| select.input-group-lg > .form-control, | |
| select.input-group-lg > .input-group-addon, | |
| select.input-group-lg > .input-group-btn > .btn { | |
| height: 45px; | |
| line-height: 45px; | |
| } | |
| textarea.input-group-lg > .form-control, | |
| textarea.input-group-lg > .input-group-addon, | |
| textarea.input-group-lg > .input-group-btn > .btn, | |
| select[multiple].input-group-lg > .form-control, | |
| select[multiple].input-group-lg > .input-group-addon, | |
| select[multiple].input-group-lg > .input-group-btn > .btn { | |
| height: auto; | |
| } | |
| .input-group-sm > .form-control, | |
| .input-group-sm > .input-group-addon, | |
| .input-group-sm > .input-group-btn > .btn { | |
| height: 30px; | |
| padding: 5px 10px; | |
| font-size: 12px; | |
| line-height: 1.5; | |
| border-radius: 1px; | |
| } | |
| select.input-group-sm > .form-control, | |
| select.input-group-sm > .input-group-addon, | |
| select.input-group-sm > .input-group-btn > .btn { | |
| height: 30px; | |
| line-height: 30px; | |
| } | |
| textarea.input-group-sm > .form-control, | |
| textarea.input-group-sm > .input-group-addon, | |
| textarea.input-group-sm > .input-group-btn > .btn, | |
| select[multiple].input-group-sm > .form-control, | |
| select[multiple].input-group-sm > .input-group-addon, | |
| select[multiple].input-group-sm > .input-group-btn > .btn { | |
| height: auto; | |
| } | |
| .input-group-addon, | |
| .input-group-btn, | |
| .input-group .form-control { | |
| display: table-cell; | |
| } | |
| .input-group-addon:not(:first-child):not(:last-child), | |
| .input-group-btn:not(:first-child):not(:last-child), | |
| .input-group .form-control:not(:first-child):not(:last-child) { | |
| border-radius: 0; | |
| } | |
| .input-group-addon, | |
| .input-group-btn { | |
| width: 1%; | |
| white-space: nowrap; | |
| vertical-align: middle; | |
| } | |
| .input-group-addon { | |
| padding: 6px 12px; | |
| font-size: 13px; | |
| font-weight: normal; | |
| line-height: 1; | |
| color: #555555; | |
| text-align: center; | |
| background-color: #eeeeee; | |
| border: 1px solid #ccc; | |
| border-radius: 2px; | |
| } | |
| .input-group-addon.input-sm { | |
| padding: 5px 10px; | |
| font-size: 12px; | |
| border-radius: 1px; | |
| } | |
| .input-group-addon.input-lg { | |
| padding: 10px 16px; | |
| font-size: 17px; | |
| border-radius: 3px; | |
| } | |
| .input-group-addon input[type="radio"], | |
| .input-group-addon input[type="checkbox"] { | |
| margin-top: 0; | |
| } | |
| .input-group .form-control:first-child, | |
| .input-group-addon:first-child, | |
| .input-group-btn:first-child > .btn, | |
| .input-group-btn:first-child > .btn-group > .btn, | |
| .input-group-btn:first-child > .dropdown-toggle, | |
| .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), | |
| .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { | |
| border-bottom-right-radius: 0; | |
| border-top-right-radius: 0; | |
| } | |
| .input-group-addon:first-child { | |
| border-right: 0; | |
| } | |
| .input-group .form-control:last-child, | |
| .input-group-addon:last-child, | |
| .input-group-btn:last-child > .btn, | |
| .input-group-btn:last-child > .btn-group > .btn, | |
| .input-group-btn:last-child > .dropdown-toggle, | |
| .input-group-btn:first-child > .btn:not(:first-child), | |
| .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { | |
| border-bottom-left-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| .input-group-addon:last-child { | |
| border-left: 0; | |
| } | |
| .input-group-btn { | |
| position: relative; | |
| font-size: 0; | |
| white-space: nowrap; | |
| } | |
| .input-group-btn > .btn { | |
| position: relative; | |
| } | |
| .input-group-btn > .btn + .btn { | |
| margin-left: -1px; | |
| } | |
| .input-group-btn > .btn:hover, | |
| .input-group-btn > .btn:focus, | |
| .input-group-btn > .btn:active { | |
| z-index: 2; | |
| } | |
| .input-group-btn:first-child > .btn, | |
| .input-group-btn:first-child > .btn-group { | |
| margin-right: -1px; | |
| } | |
| .input-group-btn:last-child > .btn, | |
| .input-group-btn:last-child > .btn-group { | |
| z-index: 2; | |
| margin-left: -1px; | |
| } | |
| .nav { | |
| margin-bottom: 0; | |
| padding-left: 0; | |
| list-style: none; | |
| } | |
| .nav > li { | |
| position: relative; | |
| display: block; | |
| } | |
| .nav > li > a { | |
| position: relative; | |
| display: block; | |
| padding: 10px 15px; | |
| } | |
| .nav > li > a:hover, | |
| .nav > li > a:focus { | |
| text-decoration: none; | |
| background-color: #eeeeee; | |
| } | |
| .nav > li.disabled > a { | |
| color: #777777; | |
| } | |
| .nav > li.disabled > a:hover, | |
| .nav > li.disabled > a:focus { | |
| color: #777777; | |
| text-decoration: none; | |
| background-color: transparent; | |
| cursor: not-allowed; | |
| } | |
| .nav .open > a, | |
| .nav .open > a:hover, | |
| .nav .open > a:focus { | |
| background-color: #eeeeee; | |
| border-color: #337ab7; | |
| } | |
| .nav .nav-divider { | |
| height: 1px; | |
| margin: 8px 0; | |
| overflow: hidden; | |
| background-color: #e5e5e5; | |
| } | |
| .nav > li > a > img { | |
| max-width: none; | |
| } | |
| .nav-tabs { | |
| border-bottom: 1px solid #ddd; | |
| } | |
| .nav-tabs > li { | |
| float: left; | |
| margin-bottom: -1px; | |
| } | |
| .nav-tabs > li > a { | |
| margin-right: 2px; | |
| line-height: 1.42857143; | |
| border: 1px solid transparent; | |
| border-radius: 2px 2px 0 0; | |
| } | |
| .nav-tabs > li > a:hover { | |
| border-color: #eeeeee #eeeeee #ddd; | |
| } | |
| .nav-tabs > li.active > a, | |
| .nav-tabs > li.active > a:hover, | |
| .nav-tabs > li.active > a:focus { | |
| color: #555555; | |
| background-color: #fff; | |
| border: 1px solid #ddd; | |
| border-bottom-color: transparent; | |
| cursor: default; | |
| } | |
| .nav-tabs.nav-justified { | |
| width: 100%; | |
| border-bottom: 0; | |
| } | |
| .nav-tabs.nav-justified > li { | |
| float: none; | |
| } | |
| .nav-tabs.nav-justified > li > a { | |
| text-align: center; | |
| margin-bottom: 5px; | |
| } | |
| .nav-tabs.nav-justified > .dropdown .dropdown-menu { | |
| top: auto; | |
| left: auto; | |
| } | |
| @media (min-width: 768px) { | |
| .nav-tabs.nav-justified > li { | |
| display: table-cell; | |
| width: 1%; | |
| } | |
| .nav-tabs.nav-justified > li > a { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .nav-tabs.nav-justified > li > a { | |
| margin-right: 0; | |
| border-radius: 2px; | |
| } | |
| .nav-tabs.nav-justified > .active > a, | |
| .nav-tabs.nav-justified > .active > a:hover, | |
| .nav-tabs.nav-justified > .active > a:focus { | |
| border: 1px solid #ddd; | |
| } | |
| @media (min-width: 768px) { | |
| .nav-tabs.nav-justified > li > a { | |
| border-bottom: 1px solid #ddd; | |
| border-radius: 2px 2px 0 0; | |
| } | |
| .nav-tabs.nav-justified > .active > a, | |
| .nav-tabs.nav-justified > .active > a:hover, | |
| .nav-tabs.nav-justified > .active > a:focus { | |
| border-bottom-color: #fff; | |
| } | |
| } | |
| .nav-pills > li { | |
| float: left; | |
| } | |
| .nav-pills > li > a { | |
| border-radius: 2px; | |
| } | |
| .nav-pills > li + li { | |
| margin-left: 2px; | |
| } | |
| .nav-pills > li.active > a, | |
| .nav-pills > li.active > a:hover, | |
| .nav-pills > li.active > a:focus { | |
| color: #fff; | |
| background-color: #337ab7; | |
| } | |
| .nav-stacked > li { | |
| float: none; | |
| } | |
| .nav-stacked > li + li { | |
| margin-top: 2px; | |
| margin-left: 0; | |
| } | |
| .nav-justified { | |
| width: 100%; | |
| } | |
| .nav-justified > li { | |
| float: none; | |
| } | |
| .nav-justified > li > a { | |
| text-align: center; | |
| margin-bottom: 5px; | |
| } | |
| .nav-justified > .dropdown .dropdown-menu { | |
| top: auto; | |
| left: auto; | |
| } | |
| @media (min-width: 768px) { | |
| .nav-justified > li { | |
| display: table-cell; | |
| width: 1%; | |
| } | |
| .nav-justified > li > a { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .nav-tabs-justified { | |
| border-bottom: 0; | |
| } | |
| .nav-tabs-justified > li > a { | |
| margin-right: 0; | |
| border-radius: 2px; | |
| } | |
| .nav-tabs-justified > .active > a, | |
| .nav-tabs-justified > .active > a:hover, | |
| .nav-tabs-justified > .active > a:focus { | |
| border: 1px solid #ddd; | |
| } | |
| @media (min-width: 768px) { | |
| .nav-tabs-justified > li > a { | |
| border-bottom: 1px solid #ddd; | |
| border-radius: 2px 2px 0 0; | |
| } | |
| .nav-tabs-justified > .active > a, | |
| .nav-tabs-justified > .active > a:hover, | |
| .nav-tabs-justified > .active > a:focus { | |
| border-bottom-color: #fff; | |
| } | |
| } | |
| .tab-content > .tab-pane { | |
| display: none; | |
| } | |
| .tab-content > .active { | |
| display: block; | |
| } | |
| .nav-tabs .dropdown-menu { | |
| margin-top: -1px; | |
| border-top-right-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| .navbar { | |
| position: relative; | |
| min-height: 30px; | |
| margin-bottom: 18px; | |
| border: 1px solid transparent; | |
| } | |
| @media (min-width: 541px) { | |
| .navbar { | |
| border-radius: 2px; | |
| } | |
| } | |
| @media (min-width: 541px) { | |
| .navbar-header { | |
| float: left; | |
| } | |
| } | |
| .navbar-collapse { | |
| overflow-x: visible; | |
| padding-right: 0px; | |
| padding-left: 0px; | |
| border-top: 1px solid transparent; | |
| box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); | |
| -webkit-overflow-scrolling: touch; | |
| } | |
| .navbar-collapse.in { | |
| overflow-y: auto; | |
| } | |
| @media (min-width: 541px) { | |
| .navbar-collapse { | |
| width: auto; | |
| border-top: 0; | |
| box-shadow: none; | |
| } | |
| .navbar-collapse.collapse { | |
| display: block !important; | |
| height: auto !important; | |
| padding-bottom: 0; | |
| overflow: visible !important; | |
| } | |
| .navbar-collapse.in { | |
| overflow-y: visible; | |
| } | |
| .navbar-fixed-top .navbar-collapse, | |
| .navbar-static-top .navbar-collapse, | |
| .navbar-fixed-bottom .navbar-collapse { | |
| padding-left: 0; | |
| padding-right: 0; | |
| } | |
| } | |
| .navbar-fixed-top .navbar-collapse, | |
| .navbar-fixed-bottom .navbar-collapse { | |
| max-height: 340px; | |
| } | |
| @media (max-device-width: 540px) and (orientation: landscape) { | |
| .navbar-fixed-top .navbar-collapse, | |
| .navbar-fixed-bottom .navbar-collapse { | |
| max-height: 200px; | |
| } | |
| } | |
| .container > .navbar-header, | |
| .container-fluid > .navbar-header, | |
| .container > .navbar-collapse, | |
| .container-fluid > .navbar-collapse { | |
| margin-right: 0px; | |
| margin-left: 0px; | |
| } | |
| @media (min-width: 541px) { | |
| .container > .navbar-header, | |
| .container-fluid > .navbar-header, | |
| .container > .navbar-collapse, | |
| .container-fluid > .navbar-collapse { | |
| margin-right: 0; | |
| margin-left: 0; | |
| } | |
| } | |
| .navbar-static-top { | |
| z-index: 1000; | |
| border-width: 0 0 1px; | |
| } | |
| @media (min-width: 541px) { | |
| .navbar-static-top { | |
| border-radius: 0; | |
| } | |
| } | |
| .navbar-fixed-top, | |
| .navbar-fixed-bottom { | |
| position: fixed; | |
| right: 0; | |
| left: 0; | |
| z-index: 1030; | |
| } | |
| @media (min-width: 541px) { | |
| .navbar-fixed-top, | |
| .navbar-fixed-bottom { | |
| border-radius: 0; | |
| } | |
| } | |
| .navbar-fixed-top { | |
| top: 0; | |
| border-width: 0 0 1px; | |
| } | |
| .navbar-fixed-bottom { | |
| bottom: 0; | |
| margin-bottom: 0; | |
| border-width: 1px 0 0; | |
| } | |
| .navbar-brand { | |
| float: left; | |
| padding: 6px 0px; | |
| font-size: 17px; | |
| line-height: 18px; | |
| height: 30px; | |
| } | |
| .navbar-brand:hover, | |
| .navbar-brand:focus { | |
| text-decoration: none; | |
| } | |
| .navbar-brand > img { | |
| display: block; | |
| } | |
| @media (min-width: 541px) { | |
| .navbar > .container .navbar-brand, | |
| .navbar > .container-fluid .navbar-brand { | |
| margin-left: 0px; | |
| } | |
| } | |
| .navbar-toggle { | |
| position: relative; | |
| float: right; | |
| margin-right: 0px; | |
| padding: 9px 10px; | |
| margin-top: -2px; | |
| margin-bottom: -2px; | |
| background-color: transparent; | |
| background-image: none; | |
| border: 1px solid transparent; | |
| border-radius: 2px; | |
| } | |
| .navbar-toggle:focus { | |
| outline: 0; | |
| } | |
| .navbar-toggle .icon-bar { | |
| display: block; | |
| width: 22px; | |
| height: 2px; | |
| border-radius: 1px; | |
| } | |
| .navbar-toggle .icon-bar + .icon-bar { | |
| margin-top: 4px; | |
| } | |
| @media (min-width: 541px) { | |
| .navbar-toggle { | |
| display: none; | |
| } | |
| } | |
| .navbar-nav { | |
| margin: 3px 0px; | |
| } | |
| .navbar-nav > li > a { | |
| padding-top: 10px; | |
| padding-bottom: 10px; | |
| line-height: 18px; | |
| } | |
| @media (max-width: 540px) { | |
| .navbar-nav .open .dropdown-menu { | |
| position: static; | |
| float: none; | |
| width: auto; | |
| margin-top: 0; | |
| background-color: transparent; | |
| border: 0; | |
| box-shadow: none; | |
| } | |
| .navbar-nav .open .dropdown-menu > li > a, | |
| .navbar-nav .open .dropdown-menu .dropdown-header { | |
| padding: 5px 15px 5px 25px; | |
| } | |
| .navbar-nav .open .dropdown-menu > li > a { | |
| line-height: 18px; | |
| } | |
| .navbar-nav .open .dropdown-menu > li > a:hover, | |
| .navbar-nav .open .dropdown-menu > li > a:focus { | |
| background-image: none; | |
| } | |
| } | |
| @media (min-width: 541px) { | |
| .navbar-nav { | |
| float: left; | |
| margin: 0; | |
| } | |
| .navbar-nav > li { | |
| float: left; | |
| } | |
| .navbar-nav > li > a { | |
| padding-top: 6px; | |
| padding-bottom: 6px; | |
| } | |
| } | |
| .navbar-form { | |
| margin-left: 0px; | |
| margin-right: 0px; | |
| padding: 10px 0px; | |
| border-top: 1px solid transparent; | |
| border-bottom: 1px solid transparent; | |
| -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | |
| box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | |
| margin-top: -1px; | |
| margin-bottom: -1px; | |
| } | |
| @media (min-width: 768px) { | |
| .navbar-form .form-group { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| .navbar-form .form-control { | |
| display: inline-block; | |
| width: auto; | |
| vertical-align: middle; | |
| } | |
| .navbar-form .form-control-static { | |
| display: inline-block; | |
| } | |
| .navbar-form .input-group { | |
| display: inline-table; | |
| vertical-align: middle; | |
| } | |
| .navbar-form .input-group .input-group-addon, | |
| .navbar-form .input-group .input-group-btn, | |
| .navbar-form .input-group .form-control { | |
| width: auto; | |
| } | |
| .navbar-form .input-group > .form-control { | |
| width: 100%; | |
| } | |
| .navbar-form .control-label { | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| .navbar-form .radio, | |
| .navbar-form .checkbox { | |
| display: inline-block; | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| .navbar-form .radio label, | |
| .navbar-form .checkbox label { | |
| padding-left: 0; | |
| } | |
| .navbar-form .radio input[type="radio"], | |
| .navbar-form .checkbox input[type="checkbox"] { | |
| position: relative; | |
| margin-left: 0; | |
| } | |
| .navbar-form .has-feedback .form-control-feedback { | |
| top: 0; | |
| } | |
| } | |
| @media (max-width: 540px) { | |
| .navbar-form .form-group { | |
| margin-bottom: 5px; | |
| } | |
| .navbar-form .form-group:last-child { | |
| margin-bottom: 0; | |
| } | |
| } | |
| @media (min-width: 541px) { | |
| .navbar-form { | |
| width: auto; | |
| border: 0; | |
| margin-left: 0; | |
| margin-right: 0; | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| } | |
| .navbar-nav > li > .dropdown-menu { | |
| margin-top: 0; | |
| border-top-right-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { | |
| margin-bottom: 0; | |
| border-top-right-radius: 2px; | |
| border-top-left-radius: 2px; | |
| border-bottom-right-radius: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| .navbar-btn { | |
| margin-top: -1px; | |
| margin-bottom: -1px; | |
| } | |
| .navbar-btn.btn-sm { | |
| margin-top: 0px; | |
| margin-bottom: 0px; | |
| } | |
| .navbar-btn.btn-xs { | |
| margin-top: 4px; | |
| margin-bottom: 4px; | |
| } | |
| .navbar-text { | |
| margin-top: 6px; | |
| margin-bottom: 6px; | |
| } | |
| @media (min-width: 541px) { | |
| .navbar-text { | |
| float: left; | |
| margin-left: 0px; | |
| margin-right: 0px; | |
| } | |
| } | |
| @media (min-width: 541px) { | |
| .navbar-left { | |
| float: left !important; | |
| float: left; | |
| } | |
| .navbar-right { | |
| float: right !important; | |
| float: right; | |
| margin-right: 0px; | |
| } | |
| .navbar-right ~ .navbar-right { | |
| margin-right: 0; | |
| } | |
| } | |
| .navbar-default { | |
| background-color: #f8f8f8; | |
| border-color: #e7e7e7; | |
| } | |
| .navbar-default .navbar-brand { | |
| color: #777; | |
| } | |
| .navbar-default .navbar-brand:hover, | |
| .navbar-default .navbar-brand:focus { | |
| color: #5e5e5e; | |
| background-color: transparent; | |
| } | |
| .navbar-default .navbar-text { | |
| color: #777; | |
| } | |
| .navbar-default .navbar-nav > li > a { | |
| color: #777; | |
| } | |
| .navbar-default .navbar-nav > li > a:hover, | |
| .navbar-default .navbar-nav > li > a:focus { | |
| color: #333; | |
| background-color: transparent; | |
| } | |
| .navbar-default .navbar-nav > .active > a, | |
| .navbar-default .navbar-nav > .active > a:hover, | |
| .navbar-default .navbar-nav > .active > a:focus { | |
| color: #555; | |
| background-color: #e7e7e7; | |
| } | |
| .navbar-default .navbar-nav > .disabled > a, | |
| .navbar-default .navbar-nav > .disabled > a:hover, | |
| .navbar-default .navbar-nav > .disabled > a:focus { | |
| color: #ccc; | |
| background-color: transparent; | |
| } | |
| .navbar-default .navbar-toggle { | |
| border-color: #ddd; | |
| } | |
| .navbar-default .navbar-toggle:hover, | |
| .navbar-default .navbar-toggle:focus { | |
| background-color: #ddd; | |
| } | |
| .navbar-default .navbar-toggle .icon-bar { | |
| background-color: #888; | |
| } | |
| .navbar-default .navbar-collapse, | |
| .navbar-default .navbar-form { | |
| border-color: #e7e7e7; | |
| } | |
| .navbar-default .navbar-nav > .open > a, | |
| .navbar-default .navbar-nav > .open > a:hover, | |
| .navbar-default .navbar-nav > .open > a:focus { | |
| background-color: #e7e7e7; | |
| color: #555; | |
| } | |
| @media (max-width: 540px) { | |
| .navbar-default .navbar-nav .open .dropdown-menu > li > a { | |
| color: #777; | |
| } | |
| .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, | |
| .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { | |
| color: #333; | |
| background-color: transparent; | |
| } | |
| .navbar-default .navbar-nav .open .dropdown-menu > .active > a, | |
| .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, | |
| .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { | |
| color: #555; | |
| background-color: #e7e7e7; | |
| } | |
| .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, | |
| .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, | |
| .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { | |
| color: #ccc; | |
| background-color: transparent; | |
| } | |
| } | |
| .navbar-default .navbar-link { | |
| color: #777; | |
| } | |
| .navbar-default .navbar-link:hover { | |
| color: #333; | |
| } | |
| .navbar-default .btn-link { | |
| color: #777; | |
| } | |
| .navbar-default .btn-link:hover, | |
| .navbar-default .btn-link:focus { | |
| color: #333; | |
| } | |
| .navbar-default .btn-link[disabled]:hover, | |
| fieldset[disabled] .navbar-default .btn-link:hover, | |
| .navbar-default .btn-link[disabled]:focus, | |
| fieldset[disabled] .navbar-default .btn-link:focus { | |
| color: #ccc; | |
| } | |
| .navbar-inverse { | |
| background-color: #222; | |
| border-color: #080808; | |
| } | |
| .navbar-inverse .navbar-brand { | |
| color: #9d9d9d; | |
| } | |
| .navbar-inverse .navbar-brand:hover, | |
| .navbar-inverse .navbar-brand:focus { | |
| color: #fff; | |
| background-color: transparent; | |
| } | |
| .navbar-inverse .navbar-text { | |
| color: #9d9d9d; | |
| } | |
| .navbar-inverse .navbar-nav > li > a { | |
| color: #9d9d9d; | |
| } | |
| .navbar-inverse .navbar-nav > li > a:hover, | |
| .navbar-inverse .navbar-nav > li > a:focus { | |
| color: #fff; | |
| background-color: transparent; | |
| } | |
| .navbar-inverse .navbar-nav > .active > a, | |
| .navbar-inverse .navbar-nav > .active > a:hover, | |
| .navbar-inverse .navbar-nav > .active > a:focus { | |
| color: #fff; | |
| background-color: #080808; | |
| } | |
| .navbar-inverse .navbar-nav > .disabled > a, | |
| .navbar-inverse .navbar-nav > .disabled > a:hover, | |
| .navbar-inverse .navbar-nav > .disabled > a:focus { | |
| color: #444; | |
| background-color: transparent; | |
| } | |
| .navbar-inverse .navbar-toggle { | |
| border-color: #333; | |
| } | |
| .navbar-inverse .navbar-toggle:hover, | |
| .navbar-inverse .navbar-toggle:focus { | |
| background-color: #333; | |
| } | |
| .navbar-inverse .navbar-toggle .icon-bar { | |
| background-color: #fff; | |
| } | |
| .navbar-inverse .navbar-collapse, | |
| .navbar-inverse .navbar-form { | |
| border-color: #101010; | |
| } | |
| .navbar-inverse .navbar-nav > .open > a, | |
| .navbar-inverse .navbar-nav > .open > a:hover, | |
| .navbar-inverse .navbar-nav > .open > a:focus { | |
| background-color: #080808; | |
| color: #fff; | |
| } | |
| @media (max-width: 540px) { | |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { | |
| border-color: #080808; | |
| } | |
| .navbar-inverse .navbar-nav .open .dropdown-menu .divider { | |
| background-color: #080808; | |
| } | |
| .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { | |
| color: #9d9d9d; | |
| } | |
| .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, | |
| .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { | |
| color: #fff; | |
| background-color: transparent; | |
| } | |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, | |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, | |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { | |
| color: #fff; | |
| background-color: #080808; | |
| } | |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, | |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, | |
| .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { | |
| color: #444; | |
| background-color: transparent; | |
| } | |
| } | |
| .navbar-inverse .navbar-link { | |
| color: #9d9d9d; | |
| } | |
| .navbar-inverse .navbar-link:hover { | |
| color: #fff; | |
| } | |
| .navbar-inverse .btn-link { | |
| color: #9d9d9d; | |
| } | |
| .navbar-inverse .btn-link:hover, | |
| .navbar-inverse .btn-link:focus { | |
| color: #fff; | |
| } | |
| .navbar-inverse .btn-link[disabled]:hover, | |
| fieldset[disabled] .navbar-inverse .btn-link:hover, | |
| .navbar-inverse .btn-link[disabled]:focus, | |
| fieldset[disabled] .navbar-inverse .btn-link:focus { | |
| color: #444; | |
| } | |
| .breadcrumb { | |
| padding: 8px 15px; | |
| margin-bottom: 18px; | |
| list-style: none; | |
| background-color: #f5f5f5; | |
| border-radius: 2px; | |
| } | |
| .breadcrumb > li { | |
| display: inline-block; | |
| } | |
| .breadcrumb > li + li:before { | |
| content: "/\00a0"; | |
| padding: 0 5px; | |
| color: #5e5e5e; | |
| } | |
| .breadcrumb > .active { | |
| color: #777777; | |
| } | |
| .pagination { | |
| display: inline-block; | |
| padding-left: 0; | |
| margin: 18px 0; | |
| border-radius: 2px; | |
| } | |
| .pagination > li { | |
| display: inline; | |
| } | |
| .pagination > li > a, | |
| .pagination > li > span { | |
| position: relative; | |
| float: left; | |
| padding: 6px 12px; | |
| line-height: 1.42857143; | |
| text-decoration: none; | |
| color: #337ab7; | |
| background-color: #fff; | |
| border: 1px solid #ddd; | |
| margin-left: -1px; | |
| } | |
| .pagination > li:first-child > a, | |
| .pagination > li:first-child > span { | |
| margin-left: 0; | |
| border-bottom-left-radius: 2px; | |
| border-top-left-radius: 2px; | |
| } | |
| .pagination > li:last-child > a, | |
| .pagination > li:last-child > span { | |
| border-bottom-right-radius: 2px; | |
| border-top-right-radius: 2px; | |
| } | |
| .pagination > li > a:hover, | |
| .pagination > li > span:hover, | |
| .pagination > li > a:focus, | |
| .pagination > li > span:focus { | |
| z-index: 2; | |
| color: #23527c; | |
| background-color: #eeeeee; | |
| border-color: #ddd; | |
| } | |
| .pagination > .active > a, | |
| .pagination > .active > span, | |
| .pagination > .active > a:hover, | |
| .pagination > .active > span:hover, | |
| .pagination > .active > a:focus, | |
| .pagination > .active > span:focus { | |
| z-index: 3; | |
| color: #fff; | |
| background-color: #337ab7; | |
| border-color: #337ab7; | |
| cursor: default; | |
| } | |
| .pagination > .disabled > span, | |
| .pagination > .disabled > span:hover, | |
| .pagination > .disabled > span:focus, | |
| .pagination > .disabled > a, | |
| .pagination > .disabled > a:hover, | |
| .pagination > .disabled > a:focus { | |
| color: #777777; | |
| background-color: #fff; | |
| border-color: #ddd; | |
| cursor: not-allowed; | |
| } | |
| .pagination-lg > li > a, | |
| .pagination-lg > li > span { | |
| padding: 10px 16px; | |
| font-size: 17px; | |
| line-height: 1.3333333; | |
| } | |
| .pagination-lg > li:first-child > a, | |
| .pagination-lg > li:first-child > span { | |
| border-bottom-left-radius: 3px; | |
| border-top-left-radius: 3px; | |
| } | |
| .pagination-lg > li:last-child > a, | |
| .pagination-lg > li:last-child > span { | |
| border-bottom-right-radius: 3px; | |
| border-top-right-radius: 3px; | |
| } | |
| .pagination-sm > li > a, | |
| .pagination-sm > li > span { | |
| padding: 5px 10px; | |
| font-size: 12px; | |
| line-height: 1.5; | |
| } | |
| .pagination-sm > li:first-child > a, | |
| .pagination-sm > li:first-child > span { | |
| border-bottom-left-radius: 1px; | |
| border-top-left-radius: 1px; | |
| } | |
| .pagination-sm > li:last-child > a, | |
| .pagination-sm > li:last-child > span { | |
| border-bottom-right-radius: 1px; | |
| border-top-right-radius: 1px; | |
| } | |
| .pager { | |
| padding-left: 0; | |
| margin: 18px 0; | |
| list-style: none; | |
| text-align: center; | |
| } | |
| .pager li { | |
| display: inline; | |
| } | |
| .pager li > a, | |
| .pager li > span { | |
| display: inline-block; | |
| padding: 5px 14px; | |
| background-color: #fff; | |
| border: 1px solid #ddd; | |
| border-radius: 15px; | |
| } | |
| .pager li > a:hover, | |
| .pager li > a:focus { | |
| text-decoration: none; | |
| background-color: #eeeeee; | |
| } | |
| .pager .next > a, | |
| .pager .next > span { | |
| float: right; | |
| } | |
| .pager .previous > a, | |
| .pager .previous > span { | |
| float: left; | |
| } | |
| .pager .disabled > a, | |
| .pager .disabled > a:hover, | |
| .pager .disabled > a:focus, | |
| .pager .disabled > span { | |
| color: #777777; | |
| background-color: #fff; | |
| cursor: not-allowed; | |
| } | |
| .label { | |
| display: inline; | |
| padding: .2em .6em .3em; | |
| font-size: 75%; | |
| font-weight: bold; | |
| line-height: 1; | |
| color: #fff; | |
| text-align: center; | |
| white-space: nowrap; | |
| vertical-align: baseline; | |
| border-radius: .25em; | |
| } | |
| a.label:hover, | |
| a.label:focus { | |
| color: #fff; | |
| text-decoration: none; | |
| cursor: pointer; | |
| } | |
| .label:empty { | |
| display: none; | |
| } | |
| .btn .label { | |
| position: relative; | |
| top: -1px; | |
| } | |
| .label-default { | |
| background-color: #777777; | |
| } | |
| .label-default[href]:hover, | |
| .label-default[href]:focus { | |
| background-color: #5e5e5e; | |
| } | |
| .label-primary { | |
| background-color: #337ab7; | |
| } | |
| .label-primary[href]:hover, | |
| .label-primary[href]:focus { | |
| background-color: #286090; | |
| } | |
| .label-success { | |
| background-color: #5cb85c; | |
| } | |
| .label-success[href]:hover, | |
| .label-success[href]:focus { | |
| background-color: #449d44; | |
| } | |
| .label-info { | |
| background-color: #5bc0de; | |
| } | |
| .label-info[href]:hover, | |
| .label-info[href]:focus { | |
| background-color: #31b0d5; | |
| } | |
| .label-warning { | |
| background-color: #f0ad4e; | |
| } | |
| .label-warning[href]:hover, | |
| .label-warning[href]:focus { | |
| background-color: #ec971f; | |
| } | |
| .label-danger { | |
| background-color: #d9534f; | |
| } | |
| .label-danger[href]:hover, | |
| .label-danger[href]:focus { | |
| background-color: #c9302c; | |
| } | |
| .badge { | |
| display: inline-block; | |
| min-width: 10px; | |
| padding: 3px 7px; | |
| font-size: 12px; | |
| font-weight: bold; | |
| color: #fff; | |
| line-height: 1; | |
| vertical-align: middle; | |
| white-space: nowrap; | |
| text-align: center; | |
| background-color: #777777; | |
| border-radius: 10px; | |
| } | |
| .badge:empty { | |
| display: none; | |
| } | |
| .btn .badge { | |
| position: relative; | |
| top: -1px; | |
| } | |
| .btn-xs .badge, | |
| .btn-group-xs > .btn .badge { | |
| top: 0; | |
| padding: 1px 5px; | |
| } | |
| a.badge:hover, | |
| a.badge:focus { | |
| color: #fff; | |
| text-decoration: none; | |
| cursor: pointer; | |
| } | |
| .list-group-item.active > .badge, | |
| .nav-pills > .active > a > .badge { | |
| color: #337ab7; | |
| background-color: #fff; | |
| } | |
| .list-group-item > .badge { | |
| float: right; | |
| } | |
| .list-group-item > .badge + .badge { | |
| margin-right: 5px; | |
| } | |
| .nav-pills > li > a > .badge { | |
| margin-left: 3px; | |
| } | |
| .jumbotron { | |
| padding-top: 30px; | |
| padding-bottom: 30px; | |
| margin-bottom: 30px; | |
| color: inherit; | |
| background-color: #eeeeee; | |
| } | |
| .jumbotron h1, | |
| .jumbotron .h1 { | |
| color: inherit; | |
| } | |
| .jumbotron p { | |
| margin-bottom: 15px; | |
| font-size: 20px; | |
| font-weight: 200; | |
| } | |
| .jumbotron > hr { | |
| border-top-color: #d5d5d5; | |
| } | |
| .container .jumbotron, | |
| .container-fluid .jumbotron { | |
| border-radius: 3px; | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| .jumbotron .container { | |
| max-width: 100%; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .jumbotron { | |
| padding-top: 48px; | |
| padding-bottom: 48px; | |
| } | |
| .container .jumbotron, | |
| .container-fluid .jumbotron { | |
| padding-left: 60px; | |
| padding-right: 60px; | |
| } | |
| .jumbotron h1, | |
| .jumbotron .h1 { | |
| font-size: 59px; | |
| } | |
| } | |
| .thumbnail { | |
| display: block; | |
| padding: 4px; | |
| margin-bottom: 18px; | |
| line-height: 1.42857143; | |
| background-color: #fff; | |
| border: 1px solid #ddd; | |
| border-radius: 2px; | |
| -webkit-transition: border 0.2s ease-in-out; | |
| -o-transition: border 0.2s ease-in-out; | |
| transition: border 0.2s ease-in-out; | |
| } | |
| .thumbnail > img, | |
| .thumbnail a > img { | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| a.thumbnail:hover, | |
| a.thumbnail:focus, | |
| a.thumbnail.active { | |
| border-color: #337ab7; | |
| } | |
| .thumbnail .caption { | |
| padding: 9px; | |
| color: #000; | |
| } | |
| .alert { | |
| padding: 15px; | |
| margin-bottom: 18px; | |
| border: 1px solid transparent; | |
| border-radius: 2px; | |
| } | |
| .alert h4 { | |
| margin-top: 0; | |
| color: inherit; | |
| } | |
| .alert .alert-link { | |
| font-weight: bold; | |
| } | |
| .alert > p, | |
| .alert > ul { | |
| margin-bottom: 0; | |
| } | |
| .alert > p + p { | |
| margin-top: 5px; | |
| } | |
| .alert-dismissable, | |
| .alert-dismissible { | |
| padding-right: 35px; | |
| } | |
| .alert-dismissable .close, | |
| .alert-dismissible .close { | |
| position: relative; | |
| top: -2px; | |
| right: -21px; | |
| color: inherit; | |
| } | |
| .alert-success { | |
| background-color: #dff0d8; | |
| border-color: #d6e9c6; | |
| color: #3c763d; | |
| } | |
| .alert-success hr { | |
| border-top-color: #c9e2b3; | |
| } | |
| .alert-success .alert-link { | |
| color: #2b542c; | |
| } | |
| .alert-info { | |
| background-color: #d9edf7; | |
| border-color: #bce8f1; | |
| color: #31708f; | |
| } | |
| .alert-info hr { | |
| border-top-color: #a6e1ec; | |
| } | |
| .alert-info .alert-link { | |
| color: #245269; | |
| } | |
| .alert-warning { | |
| background-color: #fcf8e3; | |
| border-color: #faebcc; | |
| color: #8a6d3b; | |
| } | |
| .alert-warning hr { | |
| border-top-color: #f7e1b5; | |
| } | |
| .alert-warning .alert-link { | |
| color: #66512c; | |
| } | |
| .alert-danger { | |
| background-color: #f2dede; | |
| border-color: #ebccd1; | |
| color: #a94442; | |
| } | |
| .alert-danger hr { | |
| border-top-color: #e4b9c0; | |
| } | |
| .alert-danger .alert-link { | |
| color: #843534; | |
| } | |
| @-webkit-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| @keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| .progress { | |
| overflow: hidden; | |
| height: 18px; | |
| margin-bottom: 18px; | |
| background-color: #f5f5f5; | |
| border-radius: 2px; | |
| -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
| box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
| } | |
| .progress-bar { | |
| float: left; | |
| width: 0%; | |
| height: 100%; | |
| font-size: 12px; | |
| line-height: 18px; | |
| color: #fff; | |
| text-align: center; | |
| background-color: #337ab7; | |
| -webkit-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-transition: width 0.6s ease; | |
| -o-transition: width 0.6s ease; | |
| transition: width 0.6s ease; | |
| } | |
| .progress-striped .progress-bar, | |
| .progress-bar-striped { | |
| 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: -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); | |
| background-size: 40px 40px; | |
| } | |
| .progress.active .progress-bar, | |
| .progress-bar.active { | |
| -webkit-animation: progress-bar-stripes 2s linear infinite; | |
| -o-animation: progress-bar-stripes 2s linear infinite; | |
| animation: progress-bar-stripes 2s linear infinite; | |
| } | |
| .progress-bar-success { | |
| background-color: #5cb85c; | |
| } | |
| .progress-striped .progress-bar-success { | |
| 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: -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-bar-info { | |
| background-color: #5bc0de; | |
| } | |
| .progress-striped .progress-bar-info { | |
| 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: -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-bar-warning { | |
| background-color: #f0ad4e; | |
| } | |
| .progress-striped .progress-bar-warning { | |
| 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: -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-bar-danger { | |
| background-color: #d9534f; | |
| } | |
| .progress-striped .progress-bar-danger { | |
| 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: -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); | |
| } | |
| .media { | |
| margin-top: 15px; | |
| } | |
| .media:first-child { | |
| margin-top: 0; | |
| } | |
| .media, | |
| .media-body { | |
| zoom: 1; | |
| overflow: hidden; | |
| } | |
| .media-body { | |
| width: 10000px; | |
| } | |
| .media-object { | |
| display: block; | |
| } | |
| .media-object.img-thumbnail { | |
| max-width: none; | |
| } | |
| .media-right, | |
| .media > .pull-right { | |
| padding-left: 10px; | |
| } | |
| .media-left, | |
| .media > .pull-left { | |
| padding-right: 10px; | |
| } | |
| .media-left, | |
| .media-right, | |
| .media-body { | |
| display: table-cell; | |
| vertical-align: top; | |
| } | |
| .media-middle { | |
| vertical-align: middle; | |
| } | |
| .media-bottom { | |
| vertical-align: bottom; | |
| } | |
| .media-heading { | |
| margin-top: 0; | |
| margin-bottom: 5px; | |
| } | |
| .media-list { | |
| padding-left: 0; | |
| list-style: none; | |
| } | |
| .list-group { | |
| margin-bottom: 20px; | |
| padding-left: 0; | |
| } | |
| .list-group-item { | |
| position: relative; | |
| display: block; | |
| padding: 10px 15px; | |
| margin-bottom: -1px; | |
| background-color: #fff; | |
| border: 1px solid #ddd; | |
| } | |
| .list-group-item:first-child { | |
| border-top-right-radius: 2px; | |
| border-top-left-radius: 2px; | |
| } | |
| .list-group-item:last-child { | |
| margin-bottom: 0; | |
| border-bottom-right-radius: 2px; | |
| border-bottom-left-radius: 2px; | |
| } | |
| a.list-group-item, | |
| button.list-group-item { | |
| color: #555; | |
| } | |
| a.list-group-item .list-group-item-heading, | |
| button.list-group-item .list-group-item-heading { | |
| color: #333; | |
| } | |
| a.list-group-item:hover, | |
| button.list-group-item:hover, | |
| a.list-group-item:focus, | |
| button.list-group-item:focus { | |
| text-decoration: none; | |
| color: #555; | |
| background-color: #f5f5f5; | |
| } | |
| button.list-group-item { | |
| width: 100%; | |
| text-align: left; | |
| } | |
| .list-group-item.disabled, | |
| .list-group-item.disabled:hover, | |
| .list-group-item.disabled:focus { | |
| background-color: #eeeeee; | |
| color: #777777; | |
| cursor: not-allowed; | |
| } | |
| .list-group-item.disabled .list-group-item-heading, | |
| .list-group-item.disabled:hover .list-group-item-heading, | |
| .list-group-item.disabled:focus .list-group-item-heading { | |
| color: inherit; | |
| } | |
| .list-group-item.disabled .list-group-item-text, | |
| .list-group-item.disabled:hover .list-group-item-text, | |
| .list-group-item.disabled:focus .list-group-item-text { | |
| color: #777777; | |
| } | |
| .list-group-item.active, | |
| .list-group-item.active:hover, | |
| .list-group-item.active:focus { | |
| z-index: 2; | |
| color: #fff; | |
| background-color: #337ab7; | |
| border-color: #337ab7; | |
| } | |
| .list-group-item.active .list-group-item-heading, | |
| .list-group-item.active:hover .list-group-item-heading, | |
| .list-group-item.active:focus .list-group-item-heading, | |
| .list-group-item.active .list-group-item-heading > small, | |
| .list-group-item.active:hover .list-group-item-heading > small, | |
| .list-group-item.active:focus .list-group-item-heading > small, | |
| .list-group-item.active .list-group-item-heading > .small, | |
| .list-group-item.active:hover .list-group-item-heading > .small, | |
| .list-group-item.active:focus .list-group-item-heading > .small { | |
| color: inherit; | |
| } | |
| .list-group-item.active .list-group-item-text, | |
| .list-group-item.active:hover .list-group-item-text, | |
| .list-group-item.active:focus .list-group-item-text { | |
| color: #c7ddef; | |
| } | |
| .list-group-item-success { | |
| color: #3c763d; | |
| background-color: #dff0d8; | |
| } | |
| a.list-group-item-success, | |
| button.list-group-item-success { | |
| color: #3c763d; | |
| } | |
| a.list-group-item-success .list-group-item-heading, | |
| button.list-group-item-success .list-group-item-heading { | |
| color: inherit; | |
| } | |
| a.list-group-item-success:hover, | |
| button.list-group-item-success:hover, | |
| a.list-group-item-success:focus, | |
| button.list-group-item-success:focus { | |
| color: #3c763d; | |
| background-color: #d0e9c6; | |
| } | |
| a.list-group-item-success.active, | |
| button.list-group-item-success.active, | |
| a.list-group-item-success.active:hover, | |
| button.list-group-item-success.active:hover, | |
| a.list-group-item-success.active:focus, | |
| button.list-group-item-success.active:focus { | |
| color: #fff; | |
| background-color: #3c763d; | |
| border-color: #3c763d; | |
| } | |
| .list-group-item-info { | |
| color: #31708f; | |
| background-color: #d9edf7; | |
| } | |
| a.list-group-item-info, | |
| button.list-group-item-info { | |
| color: #31708f; | |
| } | |
| a.list-group-item-info .list-group-item-heading, | |
| button.list-group-item-info .list-group-item-heading { | |
| color: inherit; | |
| } | |
| a.list-group-item-info:hover, | |
| button.list-group-item-info:hover, | |
| a.list-group-item-info:focus, | |
| button.list-group-item-info:focus { | |
| color: #31708f; | |
| background-color: #c4e3f3; | |
| } | |
| a.list-group-item-info.active, | |
| button.list-group-item-info.active, | |
| a.list-group-item-info.active:hover, | |
| button.list-group-item-info.active:hover, | |
| a.list-group-item-info.active:focus, | |
| button.list-group-item-info.active:focus { | |
| color: #fff; | |
| background-color: #31708f; | |
| border-color: #31708f; | |
| } | |
| .list-group-item-warning { | |
| color: #8a6d3b; | |
| background-color: #fcf8e3; | |
| } | |
| a.list-group-item-warning, | |
| button.list-group-item-warning { | |
| color: #8a6d3b; | |
| } | |
| a.list-group-item-warning .list-group-item-heading, | |
| button.list-group-item-warning .list-group-item-heading { | |
| color: inherit; | |
| } | |
| a.list-group-item-warning:hover, | |
| button.list-group-item-warning:hover, | |
| a.list-group-item-warning:focus, | |
| button.list-group-item-warning:focus { | |
| color: #8a6d3b; | |
| background-color: #faf2cc; | |
| } | |
| a.list-group-item-warning.active, | |
| button.list-group-item-warning.active, | |
| a.list-group-item-warning.active:hover, | |
| button.list-group-item-warning.active:hover, | |
| a.list-group-item-warning.active:focus, | |
| button.list-group-item-warning.active:focus { | |
| color: #fff; | |
| background-color: #8a6d3b; | |
| border-color: #8a6d3b; | |
| } | |
| .list-group-item-danger { | |
| color: #a94442; | |
| background-color: #f2dede; | |
| } | |
| a.list-group-item-danger, | |
| button.list-group-item-danger { | |
| color: #a94442; | |
| } | |
| a.list-group-item-danger .list-group-item-heading, | |
| button.list-group-item-danger .list-group-item-heading { | |
| color: inherit; | |
| } | |
| a.list-group-item-danger:hover, | |
| button.list-group-item-danger:hover, | |
| a.list-group-item-danger:focus, | |
| button.list-group-item-danger:focus { | |
| color: #a94442; | |
| background-color: #ebcccc; | |
| } | |
| a.list-group-item-danger.active, | |
| button.list-group-item-danger.active, | |
| a.list-group-item-danger.active:hover, | |
| button.list-group-item-danger.active:hover, | |
| a.list-group-item-danger.active:focus, | |
| button.list-group-item-danger.active:focus { | |
| color: #fff; | |
| background-color: #a94442; | |
| border-color: #a94442; | |
| } | |
| .list-group-item-heading { | |
| margin-top: 0; | |
| margin-bottom: 5px; | |
| } | |
| .list-group-item-text { | |
| margin-bottom: 0; | |
| line-height: 1.3; | |
| } | |
| .panel { | |
| margin-bottom: 18px; | |
| background-color: #fff; | |
| border: 1px solid transparent; | |
| border-radius: 2px; | |
| -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | |
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | |
| } | |
| .panel-body { | |
| padding: 15px; | |
| } | |
| .panel-heading { | |
| padding: 10px 15px; | |
| border-bottom: 1px solid transparent; | |
| border-top-right-radius: 1px; | |
| border-top-left-radius: 1px; | |
| } | |
| .panel-heading > .dropdown .dropdown-toggle { | |
| color: inherit; | |
| } | |
| .panel-title { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| font-size: 15px; | |
| color: inherit; | |
| } | |
| .panel-title > a, | |
| .panel-title > small, | |
| .panel-title > .small, | |
| .panel-title > small > a, | |
| .panel-title > .small > a { | |
| color: inherit; | |
| } | |
| .panel-footer { | |
| padding: 10px 15px; | |
| background-color: #f5f5f5; | |
| border-top: 1px solid #ddd; | |
| border-bottom-right-radius: 1px; | |
| border-bottom-left-radius: 1px; | |
| } | |
| .panel > .list-group, | |
| .panel > .panel-collapse > .list-group { | |
| margin-bottom: 0; | |
| } | |
| .panel > .list-group .list-group-item, | |
| .panel > .panel-collapse > .list-group .list-group-item { | |
| border-width: 1px 0; | |
| border-radius: 0; | |
| } | |
| .panel > .list-group:first-child .list-group-item:first-child, | |
| .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { | |
| border-top: 0; | |
| border-top-right-radius: 1px; | |
| border-top-left-radius: 1px; | |
| } | |
| .panel > .list-group:last-child .list-group-item:last-child, | |
| .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { | |
| border-bottom: 0; | |
| border-bottom-right-radius: 1px; | |
| border-bottom-left-radius: 1px; | |
| } | |
| .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { | |
| border-top-right-radius: 0; | |
| border-top-left-radius: 0; | |
| } | |
| .panel-heading + .list-group .list-group-item:first-child { | |
| border-top-width: 0; | |
| } | |
| .list-group + .panel-footer { | |
| border-top-width: 0; | |
| } | |
| .panel > .table, | |
| .panel > .table-responsive > .table, | |
| .panel > .panel-collapse > .table { | |
| margin-bottom: 0; | |
| } | |
| .panel > .table caption, | |
| .panel > .table-responsive > .table caption, | |
| .panel > .panel-collapse > .table caption { | |
| padding-left: 15px; | |
| padding-right: 15px; | |
| } | |
| .panel > .table:first-child, | |
| .panel > .table-responsive:first-child > .table:first-child { | |
| border-top-right-radius: 1px; | |
| border-top-left-radius: 1px; | |
| } | |
| .panel > .table:first-child > thead:first-child > tr:first-child, | |
| .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, | |
| .panel > .table:first-child > tbody:first-child > tr:first-child, | |
| .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { | |
| border-top-left-radius: 1px; | |
| border-top-right-radius: 1px; | |
| } | |
| .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, | |
| .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, | |
| .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, | |
| .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, | |
| .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, | |
| .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, | |
| .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, | |
| .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { | |
| border-top-left-radius: 1px; | |
| } | |
| .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, | |
| .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, | |
| .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, | |
| .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, | |
| .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, | |
| .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, | |
| .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, | |
| .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { | |
| border-top-right-radius: 1px; | |
| } | |
| .panel > .table:last-child, | |
| .panel > .table-responsive:last-child > .table:last-child { | |
| border-bottom-right-radius: 1px; | |
| border-bottom-left-radius: 1px; | |
| } | |
| .panel > .table:last-child > tbody:last-child > tr:last-child, | |
| .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, | |
| .panel > .table:last-child > tfoot:last-child > tr:last-child, | |
| .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { | |
| border-bottom-left-radius: 1px; | |
| border-bottom-right-radius: 1px; | |
| } | |
| .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, | |
| .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, | |
| .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, | |
| .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, | |
| .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, | |
| .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, | |
| .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, | |
| .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { | |
| border-bottom-left-radius: 1px; | |
| } | |
| .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, | |
| .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, | |
| .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, | |
| .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, | |
| .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, | |
| .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, | |
| .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, | |
| .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { | |
| border-bottom-right-radius: 1px; | |
| } | |
| .panel > .panel-body + .table, | |
| .panel > .panel-body + .table-responsive, | |
| .panel > .table + .panel-body, | |
| .panel > .table-responsive + .panel-body { | |
| border-top: 1px solid #ddd; | |
| } | |
| .panel > .table > tbody:first-child > tr:first-child th, | |
| .panel > .table > tbody:first-child > tr:first-child td { | |
| border-top: 0; | |
| } | |
| .panel > .table-bordered, | |
| .panel > .table-responsive > .table-bordered { | |
| border: 0; | |
| } | |
| .panel > .table-bordered > thead > tr > th:first-child, | |
| .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, | |
| .panel > .table-bordered > tbody > tr > th:first-child, | |
| .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, | |
| .panel > .table-bordered > tfoot > tr > th:first-child, | |
| .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, | |
| .panel > .table-bordered > thead > tr > td:first-child, | |
| .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, | |
| .panel > .table-bordered > tbody > tr > td:first-child, | |
| .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, | |
| .panel > .table-bordered > tfoot > tr > td:first-child, | |
| .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { | |
| border-left: 0; | |
| } | |
| .panel > .table-bordered > thead > tr > th:last-child, | |
| .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, | |
| .panel > .table-bordered > tbody > tr > th:last-child, | |
| .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, | |
| .panel > .table-bordered > tfoot > tr > th:last-child, | |
| .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, | |
| .panel > .table-bordered > thead > tr > td:last-child, | |
| .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, | |
| .panel > .table-bordered > tbody > tr > td:last-child, | |
| .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, | |
| .panel > .table-bordered > tfoot > tr > td:last-child, | |
| .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { | |
| border-right: 0; | |
| } | |
| .panel > .table-bordered > thead > tr:first-child > td, | |
| .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, | |
| .panel > .table-bordered > tbody > tr:first-child > td, | |
| .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, | |
| .panel > .table-bordered > thead > tr:first-child > th, | |
| .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, | |
| .panel > .table-bordered > tbody > tr:first-child > th, | |
| .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { | |
| border-bottom: 0; | |
| } | |
| .panel > .table-bordered > tbody > tr:last-child > td, | |
| .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, | |
| .panel > .table-bordered > tfoot > tr:last-child > td, | |
| .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, | |
| .panel > .table-bordered > tbody > tr:last-child > th, | |
| .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, | |
| .panel > .table-bordered > tfoot > tr:last-child > th, | |
| .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { | |
| border-bottom: 0; | |
| } | |
| .panel > .table-responsive { | |
| border: 0; | |
| margin-bottom: 0; | |
| } | |
| .panel-group { | |
| margin-bottom: 18px; | |
| } | |
| .panel-group .panel { | |
| margin-bottom: 0; | |
| border-radius: 2px; | |
| } | |
| .panel-group .panel + .panel { | |
| margin-top: 5px; | |
| } | |
| .panel-group .panel-heading { | |
| border-bottom: 0; | |
| } | |
| .panel-group .panel-heading + .panel-collapse > .panel-body, | |
| .panel-group .panel-heading + .panel-collapse > .list-group { | |
| border-top: 1px solid #ddd; | |
| } | |
| .panel-group .panel-footer { | |
| border-top: 0; | |
| } | |
| .panel-group .panel-footer + .panel-collapse .panel-body { | |
| border-bottom: 1px solid #ddd; | |
| } | |
| .panel-default { | |
| border-color: #ddd; | |
| } | |
| .panel-default > .panel-heading { | |
| color: #333333; | |
| background-color: #f5f5f5; | |
| border-color: #ddd; | |
| } | |
| .panel-default > .panel-heading + .panel-collapse > .panel-body { | |
| border-top-color: #ddd; | |
| } | |
| .panel-default > .panel-heading .badge { | |
| color: #f5f5f5; | |
| background-color: #333333; | |
| } | |
| .panel-default > .panel-footer + .panel-collapse > .panel-body { | |
| border-bottom-color: #ddd; | |
| } | |
| .panel-primary { | |
| border-color: #337ab7; | |
| } | |
| .panel-primary > .panel-heading { | |
| color: #fff; | |
| background-color: #337ab7; | |
| border-color: #337ab7; | |
| } | |
| .panel-primary > .panel-heading + .panel-collapse > .panel-body { | |
| border-top-color: #337ab7; | |
| } | |
| .panel-primary > .panel-heading .badge { | |
| color: #337ab7; | |
| background-color: #fff; | |
| } | |
| .panel-primary > .panel-footer + .panel-collapse > .panel-body { | |
| border-bottom-color: #337ab7; | |
| } | |
| .panel-success { | |
| border-color: #d6e9c6; | |
| } | |
| .panel-success > .panel-heading { | |
| color: #3c763d; | |
| background-color: #dff0d8; | |
| border-color: #d6e9c6; | |
| } | |
| .panel-success > .panel-heading + .panel-collapse > .panel-body { | |
| border-top-color: #d6e9c6; | |
| } | |
| .panel-success > .panel-heading .badge { | |
| color: #dff0d8; | |
| background-color: #3c763d; | |
| } | |
| .panel-success > .panel-footer + .panel-collapse > .panel-body { | |
| border-bottom-color: #d6e9c6; | |
| } | |
| .panel-info { | |
| border-color: #bce8f1; | |
| } | |
| .panel-info > .panel-heading { | |
| color: #31708f; | |
| background-color: #d9edf7; | |
| border-color: #bce8f1; | |
| } | |
| .panel-info > .panel-heading + .panel-collapse > .panel-body { | |
| border-top-color: #bce8f1; | |
| } | |
| .panel-info > .panel-heading .badge { | |
| color: #d9edf7; | |
| background-color: #31708f; | |
| } | |
| .panel-info > .panel-footer + .panel-collapse > .panel-body { | |
| border-bottom-color: #bce8f1; | |
| } | |
| .panel-warning { | |
| border-color: #faebcc; | |
| } | |
| .panel-warning > .panel-heading { | |
| color: #8a6d3b; | |
| background-color: #fcf8e3; | |
| border-color: #faebcc; | |
| } | |
| .panel-warning > .panel-heading + .panel-collapse > .panel-body { | |
| border-top-color: #faebcc; | |
| } | |
| .panel-warning > .panel-heading .badge { | |
| color: #fcf8e3; | |
| background-color: #8a6d3b; | |
| } | |
| .panel-warning > .panel-footer + .panel-collapse > .panel-body { | |
| border-bottom-color: #faebcc; | |
| } | |
| .panel-danger { | |
| border-color: #ebccd1; | |
| } | |
| .panel-danger > .panel-heading { | |
| color: #a94442; | |
| background-color: #f2dede; | |
| border-color: #ebccd1; | |
| } | |
| .panel-danger > .panel-heading + .panel-collapse > .panel-body { | |
| border-top-color: #ebccd1; | |
| } | |
| .panel-danger > .panel-heading .badge { | |
| color: #f2dede; | |
| background-color: #a94442; | |
| } | |
| .panel-danger > .panel-footer + .panel-collapse > .panel-body { | |
| border-bottom-color: #ebccd1; | |
| } | |
| .embed-responsive { | |
| position: relative; | |
| display: block; | |
| height: 0; | |
| padding: 0; | |
| overflow: hidden; | |
| } | |
| .embed-responsive .embed-responsive-item, | |
| .embed-responsive iframe, | |
| .embed-responsive embed, | |
| .embed-responsive object, | |
| .embed-responsive video { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| bottom: 0; | |
| height: 100%; | |
| width: 100%; | |
| border: 0; | |
| } | |
| .embed-responsive-16by9 { | |
| padding-bottom: 56.25%; | |
| } | |
| .embed-responsive-4by3 { | |
| padding-bottom: 75%; | |
| } | |
| .well { | |
| min-height: 20px; | |
| padding: 19px; | |
| margin-bottom: 20px; | |
| background-color: #f5f5f5; | |
| border: 1px solid #e3e3e3; | |
| border-radius: 2px; | |
| -webkit-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); | |
| } | |
| .well-lg { | |
| padding: 24px; | |
| border-radius: 3px; | |
| } | |
| .well-sm { | |
| padding: 9px; | |
| border-radius: 1px; | |
| } | |
| .close { | |
| float: right; | |
| font-size: 19.5px; | |
| font-weight: bold; | |
| line-height: 1; | |
| color: #000; | |
| text-shadow: 0 1px 0 #fff; | |
| opacity: 0.2; | |
| filter: alpha(opacity=20); | |
| } | |
| .close:hover, | |
| .close:focus { | |
| color: #000; | |
| text-decoration: none; | |
| cursor: pointer; | |
| opacity: 0.5; | |
| filter: alpha(opacity=50); | |
| } | |
| button.close { | |
| padding: 0; | |
| cursor: pointer; | |
| background: transparent; | |
| border: 0; | |
| -webkit-appearance: none; | |
| } | |
| .modal-open { | |
| overflow: hidden; | |
| } | |
| .modal { | |
| display: none; | |
| overflow: hidden; | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 1050; | |
| -webkit-overflow-scrolling: touch; | |
| outline: 0; | |
| } | |
| .modal.fade .modal-dialog { | |
| -webkit-transform: translate(0, -25%); | |
| -ms-transform: translate(0, -25%); | |
| -o-transform: translate(0, -25%); | |
| transform: translate(0, -25%); | |
| -webkit-transition: -webkit-transform 0.3s ease-out; | |
| -moz-transition: -moz-transform 0.3s ease-out; | |
| -o-transition: -o-transform 0.3s ease-out; | |
| transition: transform 0.3s ease-out; | |
| } | |
| .modal.in .modal-dialog { | |
| -webkit-transform: translate(0, 0); | |
| -ms-transform: translate(0, 0); | |
| -o-transform: translate(0, 0); | |
| transform: translate(0, 0); | |
| } | |
| .modal-open .modal { | |
| overflow-x: hidden; | |
| overflow-y: auto; | |
| } | |
| .modal-dialog { | |
| position: relative; | |
| width: auto; | |
| margin: 10px; | |
| } | |
| .modal-content { | |
| position: relative; | |
| background-color: #fff; | |
| border: 1px solid #999; | |
| border: 1px solid rgba(0, 0, 0, 0.2); | |
| border-radius: 3px; | |
| -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); | |
| box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); | |
| background-clip: padding-box; | |
| outline: 0; | |
| } | |
| .modal-backdrop { | |
| position: fixed; | |
| top: 0; | |
| right: 0; | |
| bottom: 0; | |
| left: 0; | |
| z-index: 1040; | |
| background-color: #000; | |
| } | |
| .modal-backdrop.fade { | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| } | |
| .modal-backdrop.in { | |
| opacity: 0.5; | |
| filter: alpha(opacity=50); | |
| } | |
| .modal-header { | |
| padding: 15px; | |
| border-bottom: 1px solid #e5e5e5; | |
| } | |
| .modal-header .close { | |
| margin-top: -2px; | |
| } | |
| .modal-title { | |
| margin: 0; | |
| line-height: 1.42857143; | |
| } | |
| .modal-body { | |
| position: relative; | |
| padding: 15px; | |
| } | |
| .modal-footer { | |
| padding: 15px; | |
| text-align: right; | |
| border-top: 1px solid #e5e5e5; | |
| } | |
| .modal-footer .btn + .btn { | |
| margin-left: 5px; | |
| margin-bottom: 0; | |
| } | |
| .modal-footer .btn-group .btn + .btn { | |
| margin-left: -1px; | |
| } | |
| .modal-footer .btn-block + .btn-block { | |
| margin-left: 0; | |
| } | |
| .modal-scrollbar-measure { | |
| position: absolute; | |
| top: -9999px; | |
| width: 50px; | |
| height: 50px; | |
| overflow: scroll; | |
| } | |
| @media (min-width: 768px) { | |
| .modal-dialog { | |
| width: 600px; | |
| margin: 30px auto; | |
| } | |
| .modal-content { | |
| -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); | |
| box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); | |
| } | |
| .modal-sm { | |
| width: 300px; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| .modal-lg { | |
| width: 900px; | |
| } | |
| } | |
| .tooltip { | |
| position: absolute; | |
| z-index: 1070; | |
| display: block; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| letter-spacing: normal; | |
| line-break: auto; | |
| line-height: 1.42857143; | |
| text-align: left; | |
| text-align: start; | |
| text-decoration: none; | |
| text-shadow: none; | |
| text-transform: none; | |
| white-space: normal; | |
| word-break: normal; | |
| word-spacing: normal; | |
| word-wrap: normal; | |
| font-size: 12px; | |
| opacity: 0; | |
| filter: alpha(opacity=0); | |
| } | |
| .tooltip.in { | |
| opacity: 0.9; | |
| filter: alpha(opacity=90); | |
| } | |
| .tooltip.top { | |
| margin-top: -3px; | |
| padding: 5px 0; | |
| } | |
| .tooltip.right { | |
| margin-left: 3px; | |
| padding: 0 5px; | |
| } | |
| .tooltip.bottom { | |
| margin-top: 3px; | |
| padding: 5px 0; | |
| } | |
| .tooltip.left { | |
| margin-left: -3px; | |
| padding: 0 5px; | |
| } | |
| .tooltip-inner { | |
| max-width: 200px; | |
| padding: 3px 8px; | |
| color: #fff; | |
| text-align: center; | |
| background-color: #000; | |
| border-radius: 2px; | |
| } | |
| .tooltip-arrow { | |
| position: absolute; | |
| width: 0; | |
| height: 0; | |
| border-color: transparent; | |
| border-style: solid; | |
| } | |
| .tooltip.top .tooltip-arrow { | |
| bottom: 0; | |
| left: 50%; | |
| margin-left: -5px; | |
| border-width: 5px 5px 0; | |
| border-top-color: #000; | |
| } | |
| .tooltip.top-left .tooltip-arrow { | |
| bottom: 0; | |
| right: 5px; | |
| margin-bottom: -5px; | |
| border-width: 5px 5px 0; | |
| border-top-color: #000; | |
| } | |
| .tooltip.top-right .tooltip-arrow { | |
| bottom: 0; | |
| left: 5px; | |
| margin-bottom: -5px; | |
| border-width: 5px 5px 0; | |
| border-top-color: #000; | |
| } | |
| .tooltip.right .tooltip-arrow { | |
| top: 50%; | |
| left: 0; | |
| margin-top: -5px; | |
| border-width: 5px 5px 5px 0; | |
| border-right-color: #000; | |
| } | |
| .tooltip.left .tooltip-arrow { | |
| top: 50%; | |
| right: 0; | |
| margin-top: -5px; | |
| border-width: 5px 0 5px 5px; | |
| border-left-color: #000; | |
| } | |
| .tooltip.bottom .tooltip-arrow { | |
| top: 0; | |
| left: 50%; | |
| margin-left: -5px; | |
| border-width: 0 5px 5px; | |
| border-bottom-color: #000; | |
| } | |
| .tooltip.bottom-left .tooltip-arrow { | |
| top: 0; | |
| right: 5px; | |
| margin-top: -5px; | |
| border-width: 0 5px 5px; | |
| border-bottom-color: #000; | |
| } | |
| .tooltip.bottom-right .tooltip-arrow { | |
| top: 0; | |
| left: 5px; | |
| margin-top: -5px; | |
| border-width: 0 5px 5px; | |
| border-bottom-color: #000; | |
| } | |
| .popover { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| z-index: 1060; | |
| display: none; | |
| max-width: 276px; | |
| padding: 1px; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| font-style: normal; | |
| font-weight: normal; | |
| letter-spacing: normal; | |
| line-break: auto; | |
| line-height: 1.42857143; | |
| text-align: left; | |
| text-align: start; | |
| text-decoration: none; | |
| text-shadow: none; | |
| text-transform: none; | |
| white-space: normal; | |
| word-break: normal; | |
| word-spacing: normal; | |
| word-wrap: normal; | |
| font-size: 13px; | |
| background-color: #fff; | |
| background-clip: padding-box; | |
| border: 1px solid #ccc; | |
| border: 1px solid rgba(0, 0, 0, 0.2); | |
| border-radius: 3px; | |
| -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
| box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
| } | |
| .popover.top { | |
| margin-top: -10px; | |
| } | |
| .popover.right { | |
| margin-left: 10px; | |
| } | |
| .popover.bottom { | |
| margin-top: 10px; | |
| } | |
| .popover.left { | |
| margin-left: -10px; | |
| } | |
| .popover-title { | |
| margin: 0; | |
| padding: 8px 14px; | |
| font-size: 13px; | |
| background-color: #f7f7f7; | |
| border-bottom: 1px solid #ebebeb; | |
| border-radius: 2px 2px 0 0; | |
| } | |
| .popover-content { | |
| padding: 9px 14px; | |
| } | |
| .popover > .arrow, | |
| .popover > .arrow:after { | |
| position: absolute; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| border-color: transparent; | |
| border-style: solid; | |
| } | |
| .popover > .arrow { | |
| border-width: 11px; | |
| } | |
| .popover > .arrow:after { | |
| border-width: 10px; | |
| content: ""; | |
| } | |
| .popover.top > .arrow { | |
| left: 50%; | |
| margin-left: -11px; | |
| border-bottom-width: 0; | |
| border-top-color: #999999; | |
| border-top-color: rgba(0, 0, 0, 0.25); | |
| bottom: -11px; | |
| } | |
| .popover.top > .arrow:after { | |
| content: " "; | |
| bottom: 1px; | |
| margin-left: -10px; | |
| border-bottom-width: 0; | |
| border-top-color: #fff; | |
| } | |
| .popover.right > .arrow { | |
| top: 50%; | |
| left: -11px; | |
| margin-top: -11px; | |
| border-left-width: 0; | |
| border-right-color: #999999; | |
| border-right-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .popover.right > .arrow:after { | |
| content: " "; | |
| left: 1px; | |
| bottom: -10px; | |
| border-left-width: 0; | |
| border-right-color: #fff; | |
| } | |
| .popover.bottom > .arrow { | |
| left: 50%; | |
| margin-left: -11px; | |
| border-top-width: 0; | |
| border-bottom-color: #999999; | |
| border-bottom-color: rgba(0, 0, 0, 0.25); | |
| top: -11px; | |
| } | |
| .popover.bottom > .arrow:after { | |
| content: " "; | |
| top: 1px; | |
| margin-left: -10px; | |
| border-top-width: 0; | |
| border-bottom-color: #fff; | |
| } | |
| .popover.left > .arrow { | |
| top: 50%; | |
| right: -11px; | |
| margin-top: -11px; | |
| border-right-width: 0; | |
| border-left-color: #999999; | |
| border-left-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .popover.left > .arrow:after { | |
| content: " "; | |
| right: 1px; | |
| border-right-width: 0; | |
| border-left-color: #fff; | |
| bottom: -10px; | |
| } | |
| .carousel { | |
| position: relative; | |
| } | |
| .carousel-inner { | |
| position: relative; | |
| overflow: hidden; | |
| width: 100%; | |
| } | |
| .carousel-inner > .item { | |
| display: none; | |
| position: relative; | |
| -webkit-transition: 0.6s ease-in-out left; | |
| -o-transition: 0.6s ease-in-out left; | |
| transition: 0.6s ease-in-out left; | |
| } | |
| .carousel-inner > .item > img, | |
| .carousel-inner > .item > a > img { | |
| line-height: 1; | |
| } | |
| @media all and (transform-3d), (-webkit-transform-3d) { | |
| .carousel-inner > .item { | |
| -webkit-transition: -webkit-transform 0.6s ease-in-out; | |
| -moz-transition: -moz-transform 0.6s ease-in-out; | |
| -o-transition: -o-transform 0.6s ease-in-out; | |
| transition: transform 0.6s ease-in-out; | |
| -webkit-backface-visibility: hidden; | |
| -moz-backface-visibility: hidden; | |
| backface-visibility: hidden; | |
| -webkit-perspective: 1000px; | |
| -moz-perspective: 1000px; | |
| perspective: 1000px; | |
| } | |
| .carousel-inner > .item.next, | |
| .carousel-inner > .item.active.right { | |
| -webkit-transform: translate3d(100%, 0, 0); | |
| transform: translate3d(100%, 0, 0); | |
| left: 0; | |
| } | |
| .carousel-inner > .item.prev, | |
| .carousel-inner > .item.active.left { | |
| -webkit-transform: translate3d(-100%, 0, 0); | |
| transform: translate3d(-100%, 0, 0); | |
| left: 0; | |
| } | |
| .carousel-inner > .item.next.left, | |
| .carousel-inner > .item.prev.right, | |
| .carousel-inner > .item.active { | |
| -webkit-transform: translate3d(0, 0, 0); | |
| transform: translate3d(0, 0, 0); | |
| left: 0; | |
| } | |
| } | |
| .carousel-inner > .active, | |
| .carousel-inner > .next, | |
| .carousel-inner > .prev { | |
| display: block; | |
| } | |
| .carousel-inner > .active { | |
| left: 0; | |
| } | |
| .carousel-inner > .next, | |
| .carousel-inner > .prev { | |
| position: absolute; | |
| top: 0; | |
| width: 100%; | |
| } | |
| .carousel-inner > .next { | |
| left: 100%; | |
| } | |
| .carousel-inner > .prev { | |
| left: -100%; | |
| } | |
| .carousel-inner > .next.left, | |
| .carousel-inner > .prev.right { | |
| left: 0; | |
| } | |
| .carousel-inner > .active.left { | |
| left: -100%; | |
| } | |
| .carousel-inner > .active.right { | |
| left: 100%; | |
| } | |
| .carousel-control { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| bottom: 0; | |
| width: 15%; | |
| opacity: 0.5; | |
| filter: alpha(opacity=50); | |
| font-size: 20px; | |
| color: #fff; | |
| text-align: center; | |
| text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | |
| background-color: rgba(0, 0, 0, 0); | |
| } | |
| .carousel-control.left { | |
| background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); | |
| background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); | |
| background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); | |
| } | |
| .carousel-control.right { | |
| left: auto; | |
| right: 0; | |
| background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); | |
| background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); | |
| background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); | |
| } | |
| .carousel-control:hover, | |
| .carousel-control:focus { | |
| outline: 0; | |
| color: #fff; | |
| text-decoration: none; | |
| opacity: 0.9; | |
| filter: alpha(opacity=90); | |
| } | |
| .carousel-control .icon-prev, | |
| .carousel-control .icon-next, | |
| .carousel-control .glyphicon-chevron-left, | |
| .carousel-control .glyphicon-chevron-right { | |
| position: absolute; | |
| top: 50%; | |
| margin-top: -10px; | |
| z-index: 5; | |
| display: inline-block; | |
| } | |
| .carousel-control .icon-prev, | |
| .carousel-control .glyphicon-chevron-left { | |
| left: 50%; | |
| margin-left: -10px; | |
| } | |
| .carousel-control .icon-next, | |
| .carousel-control .glyphicon-chevron-right { | |
| right: 50%; | |
| margin-right: -10px; | |
| } | |
| .carousel-control .icon-prev, | |
| .carousel-control .icon-next { | |
| width: 20px; | |
| height: 20px; | |
| line-height: 1; | |
| font-family: serif; | |
| } | |
| .carousel-control .icon-prev:before { | |
| content: '\2039'; | |
| } | |
| .carousel-control .icon-next:before { | |
| content: '\203a'; | |
| } | |
| .carousel-indicators { | |
| position: absolute; | |
| bottom: 10px; | |
| left: 50%; | |
| z-index: 15; | |
| width: 60%; | |
| margin-left: -30%; | |
| padding-left: 0; | |
| list-style: none; | |
| text-align: center; | |
| } | |
| .carousel-indicators li { | |
| display: inline-block; | |
| width: 10px; | |
| height: 10px; | |
| margin: 1px; | |
| text-indent: -999px; | |
| border: 1px solid #fff; | |
| border-radius: 10px; | |
| cursor: pointer; | |
| background-color: #000 \9; | |
| background-color: rgba(0, 0, 0, 0); | |
| } | |
| .carousel-indicators .active { | |
| margin: 0; | |
| width: 12px; | |
| height: 12px; | |
| background-color: #fff; | |
| } | |
| .carousel-caption { | |
| position: absolute; | |
| left: 15%; | |
| right: 15%; | |
| bottom: 20px; | |
| z-index: 10; | |
| padding-top: 20px; | |
| padding-bottom: 20px; | |
| color: #fff; | |
| text-align: center; | |
| text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | |
| } | |
| .carousel-caption .btn { | |
| text-shadow: none; | |
| } | |
| @media screen and (min-width: 768px) { | |
| .carousel-control .glyphicon-chevron-left, | |
| .carousel-control .glyphicon-chevron-right, | |
| .carousel-control .icon-prev, | |
| .carousel-control .icon-next { | |
| width: 30px; | |
| height: 30px; | |
| margin-top: -10px; | |
| font-size: 30px; | |
| } | |
| .carousel-control .glyphicon-chevron-left, | |
| .carousel-control .icon-prev { | |
| margin-left: -10px; | |
| } | |
| .carousel-control .glyphicon-chevron-right, | |
| .carousel-control .icon-next { | |
| margin-right: -10px; | |
| } | |
| .carousel-caption { | |
| left: 20%; | |
| right: 20%; | |
| padding-bottom: 30px; | |
| } | |
| .carousel-indicators { | |
| bottom: 20px; | |
| } | |
| } | |
| .clearfix:before, | |
| .clearfix:after, | |
| .dl-horizontal dd:before, | |
| .dl-horizontal dd:after, | |
| .container:before, | |
| .container:after, | |
| .container-fluid:before, | |
| .container-fluid:after, | |
| .row:before, | |
| .row:after, | |
| .form-horizontal .form-group:before, | |
| .form-horizontal .form-group:after, | |
| .btn-toolbar:before, | |
| .btn-toolbar:after, | |
| .btn-group-vertical > .btn-group:before, | |
| .btn-group-vertical > .btn-group:after, | |
| .nav:before, | |
| .nav:after, | |
| .navbar:before, | |
| .navbar:after, | |
| .navbar-header:before, | |
| .navbar-header:after, | |
| .navbar-collapse:before, | |
| .navbar-collapse:after, | |
| .pager:before, | |
| .pager:after, | |
| .panel-body:before, | |
| .panel-body:after, | |
| .modal-header:before, | |
| .modal-header:after, | |
| .modal-footer:before, | |
| .modal-footer:after, | |
| .item_buttons:before, | |
| .item_buttons:after { | |
| content: " "; | |
| display: table; | |
| } | |
| .clearfix:after, | |
| .dl-horizontal dd:after, | |
| .container:after, | |
| .container-fluid:after, | |
| .row:after, | |
| .form-horizontal .form-group:after, | |
| .btn-toolbar:after, | |
| .btn-group-vertical > .btn-group:after, | |
| .nav:after, | |
| .navbar:after, | |
| .navbar-header:after, | |
| .navbar-collapse:after, | |
| .pager:after, | |
| .panel-body:after, | |
| .modal-header:after, | |
| .modal-footer:after, | |
| .item_buttons:after { | |
| clear: both; | |
| } | |
| .center-block { | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .pull-right { | |
| float: right !important; | |
| } | |
| .pull-left { | |
| float: left !important; | |
| } | |
| .hide { | |
| display: none !important; | |
| } | |
| .show { | |
| display: block !important; | |
| } | |
| .invisible { | |
| visibility: hidden; | |
| } | |
| .text-hide { | |
| font: 0/0 a; | |
| color: transparent; | |
| text-shadow: none; | |
| background-color: transparent; | |
| border: 0; | |
| } | |
| .hidden { | |
| display: none !important; | |
| } | |
| .affix { | |
| position: fixed; | |
| } | |
| @-ms-viewport { | |
| width: device-width; | |
| } | |
| .visible-xs, | |
| .visible-sm, | |
| .visible-md, | |
| .visible-lg { | |
| display: none !important; | |
| } | |
| .visible-xs-block, | |
| .visible-xs-inline, | |
| .visible-xs-inline-block, | |
| .visible-sm-block, | |
| .visible-sm-inline, | |
| .visible-sm-inline-block, | |
| .visible-md-block, | |
| .visible-md-inline, | |
| .visible-md-inline-block, | |
| .visible-lg-block, | |
| .visible-lg-inline, | |
| .visible-lg-inline-block { | |
| display: none !important; | |
| } | |
| @media (max-width: 767px) { | |
| .visible-xs { | |
| display: block !important; | |
| } | |
| table.visible-xs { | |
| display: table !important; | |
| } | |
| tr.visible-xs { | |
| display: table-row !important; | |
| } | |
| th.visible-xs, | |
| td.visible-xs { | |
| display: table-cell !important; | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| .visible-xs-block { | |
| display: block !important; | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| .visible-xs-inline { | |
| display: inline !important; | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| .visible-xs-inline-block { | |
| display: inline-block !important; | |
| } | |
| } | |
| @media (min-width: 768px) and (max-width: 991px) { | |
| .visible-sm { | |
| display: block !important; | |
| } | |
| table.visible-sm { | |
| display: table !important; | |
| } | |
| tr.visible-sm { | |
| display: table-row !important; | |
| } | |
| th.visible-sm, | |
| td.visible-sm { | |
| display: table-cell !important; | |
| } | |
| } | |
| @media (min-width: 768px) and (max-width: 991px) { | |
| .visible-sm-block { | |
| display: block !important; | |
| } | |
| } | |
| @media (min-width: 768px) and (max-width: 991px) { | |
| .visible-sm-inline { | |
| display: inline !important; | |
| } | |
| } | |
| @media (min-width: 768px) and (max-width: 991px) { | |
| .visible-sm-inline-block { | |
| display: inline-block !important; | |
| } | |
| } | |
| @media (min-width: 992px) and (max-width: 1199px) { | |
| .visible-md { | |
| display: block !important; | |
| } | |
| table.visible-md { | |
| display: table !important; | |
| } | |
| tr.visible-md { | |
| display: table-row !important; | |
| } | |
| th.visible-md, | |
| td.visible-md { | |
| display: table-cell !important; | |
| } | |
| } | |
| @media (min-width: 992px) and (max-width: 1199px) { | |
| .visible-md-block { | |
| display: block !important; | |
| } | |
| } | |
| @media (min-width: 992px) and (max-width: 1199px) { | |
| .visible-md-inline { | |
| display: inline !important; | |
| } | |
| } | |
| @media (min-width: 992px) and (max-width: 1199px) { | |
| .visible-md-inline-block { | |
| display: inline-block !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .visible-lg { | |
| display: block !important; | |
| } | |
| table.visible-lg { | |
| display: table !important; | |
| } | |
| tr.visible-lg { | |
| display: table-row !important; | |
| } | |
| th.visible-lg, | |
| td.visible-lg { | |
| display: table-cell !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .visible-lg-block { | |
| display: block !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .visible-lg-inline { | |
| display: inline !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .visible-lg-inline-block { | |
| display: inline-block !important; | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| .hidden-xs { | |
| display: none !important; | |
| } | |
| } | |
| @media (min-width: 768px) and (max-width: 991px) { | |
| .hidden-sm { | |
| display: none !important; | |
| } | |
| } | |
| @media (min-width: 992px) and (max-width: 1199px) { | |
| .hidden-md { | |
| display: none !important; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| .hidden-lg { | |
| display: none !important; | |
| } | |
| } | |
| .visible-print { | |
| display: none !important; | |
| } | |
| @media print { | |
| .visible-print { | |
| display: block !important; | |
| } | |
| table.visible-print { | |
| display: table !important; | |
| } | |
| tr.visible-print { | |
| display: table-row !important; | |
| } | |
| th.visible-print, | |
| td.visible-print { | |
| display: table-cell !important; | |
| } | |
| } | |
| .visible-print-block { | |
| display: none !important; | |
| } | |
| @media print { | |
| .visible-print-block { | |
| display: block !important; | |
| } | |
| } | |
| .visible-print-inline { | |
| display: none !important; | |
| } | |
| @media print { | |
| .visible-print-inline { | |
| display: inline !important; | |
| } | |
| } | |
| .visible-print-inline-block { | |
| display: none !important; | |
| } | |
| @media print { | |
| .visible-print-inline-block { | |
| display: inline-block !important; | |
| } | |
| } | |
| @media print { | |
| .hidden-print { | |
| display: none !important; | |
| } | |
| } | |
| /*! | |
| * | |
| * Font Awesome | |
| * | |
| */ | |
| /*! | |
| * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome | |
| * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) | |
| */ | |
| /* FONT PATH | |
| * -------------------------- */ | |
| @font-face { | |
| font-family: 'FontAwesome'; | |
| src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0'); | |
| src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../components/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../components/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../components/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| .fa { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| } | |
| /* makes the font 33% larger relative to the icon container */ | |
| .fa-lg { | |
| font-size: 1.33333333em; | |
| line-height: 0.75em; | |
| vertical-align: -15%; | |
| } | |
| .fa-2x { | |
| font-size: 2em; | |
| } | |
| .fa-3x { | |
| font-size: 3em; | |
| } | |
| .fa-4x { | |
| font-size: 4em; | |
| } | |
| .fa-5x { | |
| font-size: 5em; | |
| } | |
| .fa-fw { | |
| width: 1.28571429em; | |
| text-align: center; | |
| } | |
| .fa-ul { | |
| padding-left: 0; | |
| margin-left: 2.14285714em; | |
| list-style-type: none; | |
| } | |
| .fa-ul > li { | |
| position: relative; | |
| } | |
| .fa-li { | |
| position: absolute; | |
| left: -2.14285714em; | |
| width: 2.14285714em; | |
| top: 0.14285714em; | |
| text-align: center; | |
| } | |
| .fa-li.fa-lg { | |
| left: -1.85714286em; | |
| } | |
| .fa-border { | |
| padding: .2em .25em .15em; | |
| border: solid 0.08em #eee; | |
| border-radius: .1em; | |
| } | |
| .fa-pull-left { | |
| float: left; | |
| } | |
| .fa-pull-right { | |
| float: right; | |
| } | |
| .fa.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .fa.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| /* Deprecated as of 4.4.0 */ | |
| .pull-right { | |
| float: right; | |
| } | |
| .pull-left { | |
| float: left; | |
| } | |
| .fa.pull-left { | |
| margin-right: .3em; | |
| } | |
| .fa.pull-right { | |
| margin-left: .3em; | |
| } | |
| .fa-spin { | |
| -webkit-animation: fa-spin 2s infinite linear; | |
| animation: fa-spin 2s infinite linear; | |
| } | |
| .fa-pulse { | |
| -webkit-animation: fa-spin 1s infinite steps(8); | |
| animation: fa-spin 1s infinite steps(8); | |
| } | |
| @-webkit-keyframes fa-spin { | |
| 0% { | |
| -webkit-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| 100% { | |
| -webkit-transform: rotate(359deg); | |
| transform: rotate(359deg); | |
| } | |
| } | |
| @keyframes fa-spin { | |
| 0% { | |
| -webkit-transform: rotate(0deg); | |
| transform: rotate(0deg); | |
| } | |
| 100% { | |
| -webkit-transform: rotate(359deg); | |
| transform: rotate(359deg); | |
| } | |
| } | |
| .fa-rotate-90 { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; | |
| -webkit-transform: rotate(90deg); | |
| -ms-transform: rotate(90deg); | |
| transform: rotate(90deg); | |
| } | |
| .fa-rotate-180 { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; | |
| -webkit-transform: rotate(180deg); | |
| -ms-transform: rotate(180deg); | |
| transform: rotate(180deg); | |
| } | |
| .fa-rotate-270 { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; | |
| -webkit-transform: rotate(270deg); | |
| -ms-transform: rotate(270deg); | |
| transform: rotate(270deg); | |
| } | |
| .fa-flip-horizontal { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; | |
| -webkit-transform: scale(-1, 1); | |
| -ms-transform: scale(-1, 1); | |
| transform: scale(-1, 1); | |
| } | |
| .fa-flip-vertical { | |
| -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; | |
| -webkit-transform: scale(1, -1); | |
| -ms-transform: scale(1, -1); | |
| transform: scale(1, -1); | |
| } | |
| :root .fa-rotate-90, | |
| :root .fa-rotate-180, | |
| :root .fa-rotate-270, | |
| :root .fa-flip-horizontal, | |
| :root .fa-flip-vertical { | |
| filter: none; | |
| } | |
| .fa-stack { | |
| position: relative; | |
| display: inline-block; | |
| width: 2em; | |
| height: 2em; | |
| line-height: 2em; | |
| vertical-align: middle; | |
| } | |
| .fa-stack-1x, | |
| .fa-stack-2x { | |
| position: absolute; | |
| left: 0; | |
| width: 100%; | |
| text-align: center; | |
| } | |
| .fa-stack-1x { | |
| line-height: inherit; | |
| } | |
| .fa-stack-2x { | |
| font-size: 2em; | |
| } | |
| .fa-inverse { | |
| color: #fff; | |
| } | |
| /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen | |
| readers do not read off random characters that represent icons */ | |
| .fa-glass:before { | |
| content: "\f000"; | |
| } | |
| .fa-music:before { | |
| content: "\f001"; | |
| } | |
| .fa-search:before { | |
| content: "\f002"; | |
| } | |
| .fa-envelope-o:before { | |
| content: "\f003"; | |
| } | |
| .fa-heart:before { | |
| content: "\f004"; | |
| } | |
| .fa-star:before { | |
| content: "\f005"; | |
| } | |
| .fa-star-o:before { | |
| content: "\f006"; | |
| } | |
| .fa-user:before { | |
| content: "\f007"; | |
| } | |
| .fa-film:before { | |
| content: "\f008"; | |
| } | |
| .fa-th-large:before { | |
| content: "\f009"; | |
| } | |
| .fa-th:before { | |
| content: "\f00a"; | |
| } | |
| .fa-th-list:before { | |
| content: "\f00b"; | |
| } | |
| .fa-check:before { | |
| content: "\f00c"; | |
| } | |
| .fa-remove:before, | |
| .fa-close:before, | |
| .fa-times:before { | |
| content: "\f00d"; | |
| } | |
| .fa-search-plus:before { | |
| content: "\f00e"; | |
| } | |
| .fa-search-minus:before { | |
| content: "\f010"; | |
| } | |
| .fa-power-off:before { | |
| content: "\f011"; | |
| } | |
| .fa-signal:before { | |
| content: "\f012"; | |
| } | |
| .fa-gear:before, | |
| .fa-cog:before { | |
| content: "\f013"; | |
| } | |
| .fa-trash-o:before { | |
| content: "\f014"; | |
| } | |
| .fa-home:before { | |
| content: "\f015"; | |
| } | |
| .fa-file-o:before { | |
| content: "\f016"; | |
| } | |
| .fa-clock-o:before { | |
| content: "\f017"; | |
| } | |
| .fa-road:before { | |
| content: "\f018"; | |
| } | |
| .fa-download:before { | |
| content: "\f019"; | |
| } | |
| .fa-arrow-circle-o-down:before { | |
| content: "\f01a"; | |
| } | |
| .fa-arrow-circle-o-up:before { | |
| content: "\f01b"; | |
| } | |
| .fa-inbox:before { | |
| content: "\f01c"; | |
| } | |
| .fa-play-circle-o:before { | |
| content: "\f01d"; | |
| } | |
| .fa-rotate-right:before, | |
| .fa-repeat:before { | |
| content: "\f01e"; | |
| } | |
| .fa-refresh:before { | |
| content: "\f021"; | |
| } | |
| .fa-list-alt:before { | |
| content: "\f022"; | |
| } | |
| .fa-lock:before { | |
| content: "\f023"; | |
| } | |
| .fa-flag:before { | |
| content: "\f024"; | |
| } | |
| .fa-headphones:before { | |
| content: "\f025"; | |
| } | |
| .fa-volume-off:before { | |
| content: "\f026"; | |
| } | |
| .fa-volume-down:before { | |
| content: "\f027"; | |
| } | |
| .fa-volume-up:before { | |
| content: "\f028"; | |
| } | |
| .fa-qrcode:before { | |
| content: "\f029"; | |
| } | |
| .fa-barcode:before { | |
| content: "\f02a"; | |
| } | |
| .fa-tag:before { | |
| content: "\f02b"; | |
| } | |
| .fa-tags:before { | |
| content: "\f02c"; | |
| } | |
| .fa-book:before { | |
| content: "\f02d"; | |
| } | |
| .fa-bookmark:before { | |
| content: "\f02e"; | |
| } | |
| .fa-print:before { | |
| content: "\f02f"; | |
| } | |
| .fa-camera:before { | |
| content: "\f030"; | |
| } | |
| .fa-font:before { | |
| content: "\f031"; | |
| } | |
| .fa-bold:before { | |
| content: "\f032"; | |
| } | |
| .fa-italic:before { | |
| content: "\f033"; | |
| } | |
| .fa-text-height:before { | |
| content: "\f034"; | |
| } | |
| .fa-text-width:before { | |
| content: "\f035"; | |
| } | |
| .fa-align-left:before { | |
| content: "\f036"; | |
| } | |
| .fa-align-center:before { | |
| content: "\f037"; | |
| } | |
| .fa-align-right:before { | |
| content: "\f038"; | |
| } | |
| .fa-align-justify:before { | |
| content: "\f039"; | |
| } | |
| .fa-list:before { | |
| content: "\f03a"; | |
| } | |
| .fa-dedent:before, | |
| .fa-outdent:before { | |
| content: "\f03b"; | |
| } | |
| .fa-indent:before { | |
| content: "\f03c"; | |
| } | |
| .fa-video-camera:before { | |
| content: "\f03d"; | |
| } | |
| .fa-photo:before, | |
| .fa-image:before, | |
| .fa-picture-o:before { | |
| content: "\f03e"; | |
| } | |
| .fa-pencil:before { | |
| content: "\f040"; | |
| } | |
| .fa-map-marker:before { | |
| content: "\f041"; | |
| } | |
| .fa-adjust:before { | |
| content: "\f042"; | |
| } | |
| .fa-tint:before { | |
| content: "\f043"; | |
| } | |
| .fa-edit:before, | |
| .fa-pencil-square-o:before { | |
| content: "\f044"; | |
| } | |
| .fa-share-square-o:before { | |
| content: "\f045"; | |
| } | |
| .fa-check-square-o:before { | |
| content: "\f046"; | |
| } | |
| .fa-arrows:before { | |
| content: "\f047"; | |
| } | |
| .fa-step-backward:before { | |
| content: "\f048"; | |
| } | |
| .fa-fast-backward:before { | |
| content: "\f049"; | |
| } | |
| .fa-backward:before { | |
| content: "\f04a"; | |
| } | |
| .fa-play:before { | |
| content: "\f04b"; | |
| } | |
| .fa-pause:before { | |
| content: "\f04c"; | |
| } | |
| .fa-stop:before { | |
| content: "\f04d"; | |
| } | |
| .fa-forward:before { | |
| content: "\f04e"; | |
| } | |
| .fa-fast-forward:before { | |
| content: "\f050"; | |
| } | |
| .fa-step-forward:before { | |
| content: "\f051"; | |
| } | |
| .fa-eject:before { | |
| content: "\f052"; | |
| } | |
| .fa-chevron-left:before { | |
| content: "\f053"; | |
| } | |
| .fa-chevron-right:before { | |
| content: "\f054"; | |
| } | |
| .fa-plus-circle:before { | |
| content: "\f055"; | |
| } | |
| .fa-minus-circle:before { | |
| content: "\f056"; | |
| } | |
| .fa-times-circle:before { | |
| content: "\f057"; | |
| } | |
| .fa-check-circle:before { | |
| content: "\f058"; | |
| } | |
| .fa-question-circle:before { | |
| content: "\f059"; | |
| } | |
| .fa-info-circle:before { | |
| content: "\f05a"; | |
| } | |
| .fa-crosshairs:before { | |
| content: "\f05b"; | |
| } | |
| .fa-times-circle-o:before { | |
| content: "\f05c"; | |
| } | |
| .fa-check-circle-o:before { | |
| content: "\f05d"; | |
| } | |
| .fa-ban:before { | |
| content: "\f05e"; | |
| } | |
| .fa-arrow-left:before { | |
| content: "\f060"; | |
| } | |
| .fa-arrow-right:before { | |
| content: "\f061"; | |
| } | |
| .fa-arrow-up:before { | |
| content: "\f062"; | |
| } | |
| .fa-arrow-down:before { | |
| content: "\f063"; | |
| } | |
| .fa-mail-forward:before, | |
| .fa-share:before { | |
| content: "\f064"; | |
| } | |
| .fa-expand:before { | |
| content: "\f065"; | |
| } | |
| .fa-compress:before { | |
| content: "\f066"; | |
| } | |
| .fa-plus:before { | |
| content: "\f067"; | |
| } | |
| .fa-minus:before { | |
| content: "\f068"; | |
| } | |
| .fa-asterisk:before { | |
| content: "\f069"; | |
| } | |
| .fa-exclamation-circle:before { | |
| content: "\f06a"; | |
| } | |
| .fa-gift:before { | |
| content: "\f06b"; | |
| } | |
| .fa-leaf:before { | |
| content: "\f06c"; | |
| } | |
| .fa-fire:before { | |
| content: "\f06d"; | |
| } | |
| .fa-eye:before { | |
| content: "\f06e"; | |
| } | |
| .fa-eye-slash:before { | |
| content: "\f070"; | |
| } | |
| .fa-warning:before, | |
| .fa-exclamation-triangle:before { | |
| content: "\f071"; | |
| } | |
| .fa-plane:before { | |
| content: "\f072"; | |
| } | |
| .fa-calendar:before { | |
| content: "\f073"; | |
| } | |
| .fa-random:before { | |
| content: "\f074"; | |
| } | |
| .fa-comment:before { | |
| content: "\f075"; | |
| } | |
| .fa-magnet:before { | |
| content: "\f076"; | |
| } | |
| .fa-chevron-up:before { | |
| content: "\f077"; | |
| } | |
| .fa-chevron-down:before { | |
| content: "\f078"; | |
| } | |
| .fa-retweet:before { | |
| content: "\f079"; | |
| } | |
| .fa-shopping-cart:before { | |
| content: "\f07a"; | |
| } | |
| .fa-folder:before { | |
| content: "\f07b"; | |
| } | |
| .fa-folder-open:before { | |
| content: "\f07c"; | |
| } | |
| .fa-arrows-v:before { | |
| content: "\f07d"; | |
| } | |
| .fa-arrows-h:before { | |
| content: "\f07e"; | |
| } | |
| .fa-bar-chart-o:before, | |
| .fa-bar-chart:before { | |
| content: "\f080"; | |
| } | |
| .fa-twitter-square:before { | |
| content: "\f081"; | |
| } | |
| .fa-facebook-square:before { | |
| content: "\f082"; | |
| } | |
| .fa-camera-retro:before { | |
| content: "\f083"; | |
| } | |
| .fa-key:before { | |
| content: "\f084"; | |
| } | |
| .fa-gears:before, | |
| .fa-cogs:before { | |
| content: "\f085"; | |
| } | |
| .fa-comments:before { | |
| content: "\f086"; | |
| } | |
| .fa-thumbs-o-up:before { | |
| content: "\f087"; | |
| } | |
| .fa-thumbs-o-down:before { | |
| content: "\f088"; | |
| } | |
| .fa-star-half:before { | |
| content: "\f089"; | |
| } | |
| .fa-heart-o:before { | |
| content: "\f08a"; | |
| } | |
| .fa-sign-out:before { | |
| content: "\f08b"; | |
| } | |
| .fa-linkedin-square:before { | |
| content: "\f08c"; | |
| } | |
| .fa-thumb-tack:before { | |
| content: "\f08d"; | |
| } | |
| .fa-external-link:before { | |
| content: "\f08e"; | |
| } | |
| .fa-sign-in:before { | |
| content: "\f090"; | |
| } | |
| .fa-trophy:before { | |
| content: "\f091"; | |
| } | |
| .fa-github-square:before { | |
| content: "\f092"; | |
| } | |
| .fa-upload:before { | |
| content: "\f093"; | |
| } | |
| .fa-lemon-o:before { | |
| content: "\f094"; | |
| } | |
| .fa-phone:before { | |
| content: "\f095"; | |
| } | |
| .fa-square-o:before { | |
| content: "\f096"; | |
| } | |
| .fa-bookmark-o:before { | |
| content: "\f097"; | |
| } | |
| .fa-phone-square:before { | |
| content: "\f098"; | |
| } | |
| .fa-twitter:before { | |
| content: "\f099"; | |
| } | |
| .fa-facebook-f:before, | |
| .fa-facebook:before { | |
| content: "\f09a"; | |
| } | |
| .fa-github:before { | |
| content: "\f09b"; | |
| } | |
| .fa-unlock:before { | |
| content: "\f09c"; | |
| } | |
| .fa-credit-card:before { | |
| content: "\f09d"; | |
| } | |
| .fa-feed:before, | |
| .fa-rss:before { | |
| content: "\f09e"; | |
| } | |
| .fa-hdd-o:before { | |
| content: "\f0a0"; | |
| } | |
| .fa-bullhorn:before { | |
| content: "\f0a1"; | |
| } | |
| .fa-bell:before { | |
| content: "\f0f3"; | |
| } | |
| .fa-certificate:before { | |
| content: "\f0a3"; | |
| } | |
| .fa-hand-o-right:before { | |
| content: "\f0a4"; | |
| } | |
| .fa-hand-o-left:before { | |
| content: "\f0a5"; | |
| } | |
| .fa-hand-o-up:before { | |
| content: "\f0a6"; | |
| } | |
| .fa-hand-o-down:before { | |
| content: "\f0a7"; | |
| } | |
| .fa-arrow-circle-left:before { | |
| content: "\f0a8"; | |
| } | |
| .fa-arrow-circle-right:before { | |
| content: "\f0a9"; | |
| } | |
| .fa-arrow-circle-up:before { | |
| content: "\f0aa"; | |
| } | |
| .fa-arrow-circle-down:before { | |
| content: "\f0ab"; | |
| } | |
| .fa-globe:before { | |
| content: "\f0ac"; | |
| } | |
| .fa-wrench:before { | |
| content: "\f0ad"; | |
| } | |
| .fa-tasks:before { | |
| content: "\f0ae"; | |
| } | |
| .fa-filter:before { | |
| content: "\f0b0"; | |
| } | |
| .fa-briefcase:before { | |
| content: "\f0b1"; | |
| } | |
| .fa-arrows-alt:before { | |
| content: "\f0b2"; | |
| } | |
| .fa-group:before, | |
| .fa-users:before { | |
| content: "\f0c0"; | |
| } | |
| .fa-chain:before, | |
| .fa-link:before { | |
| content: "\f0c1"; | |
| } | |
| .fa-cloud:before { | |
| content: "\f0c2"; | |
| } | |
| .fa-flask:before { | |
| content: "\f0c3"; | |
| } | |
| .fa-cut:before, | |
| .fa-scissors:before { | |
| content: "\f0c4"; | |
| } | |
| .fa-copy:before, | |
| .fa-files-o:before { | |
| content: "\f0c5"; | |
| } | |
| .fa-paperclip:before { | |
| content: "\f0c6"; | |
| } | |
| .fa-save:before, | |
| .fa-floppy-o:before { | |
| content: "\f0c7"; | |
| } | |
| .fa-square:before { | |
| content: "\f0c8"; | |
| } | |
| .fa-navicon:before, | |
| .fa-reorder:before, | |
| .fa-bars:before { | |
| content: "\f0c9"; | |
| } | |
| .fa-list-ul:before { | |
| content: "\f0ca"; | |
| } | |
| .fa-list-ol:before { | |
| content: "\f0cb"; | |
| } | |
| .fa-strikethrough:before { | |
| content: "\f0cc"; | |
| } | |
| .fa-underline:before { | |
| content: "\f0cd"; | |
| } | |
| .fa-table:before { | |
| content: "\f0ce"; | |
| } | |
| .fa-magic:before { | |
| content: "\f0d0"; | |
| } | |
| .fa-truck:before { | |
| content: "\f0d1"; | |
| } | |
| .fa-pinterest:before { | |
| content: "\f0d2"; | |
| } | |
| .fa-pinterest-square:before { | |
| content: "\f0d3"; | |
| } | |
| .fa-google-plus-square:before { | |
| content: "\f0d4"; | |
| } | |
| .fa-google-plus:before { | |
| content: "\f0d5"; | |
| } | |
| .fa-money:before { | |
| content: "\f0d6"; | |
| } | |
| .fa-caret-down:before { | |
| content: "\f0d7"; | |
| } | |
| .fa-caret-up:before { | |
| content: "\f0d8"; | |
| } | |
| .fa-caret-left:before { | |
| content: "\f0d9"; | |
| } | |
| .fa-caret-right:before { | |
| content: "\f0da"; | |
| } | |
| .fa-columns:before { | |
| content: "\f0db"; | |
| } | |
| .fa-unsorted:before, | |
| .fa-sort:before { | |
| content: "\f0dc"; | |
| } | |
| .fa-sort-down:before, | |
| .fa-sort-desc:before { | |
| content: "\f0dd"; | |
| } | |
| .fa-sort-up:before, | |
| .fa-sort-asc:before { | |
| content: "\f0de"; | |
| } | |
| .fa-envelope:before { | |
| content: "\f0e0"; | |
| } | |
| .fa-linkedin:before { | |
| content: "\f0e1"; | |
| } | |
| .fa-rotate-left:before, | |
| .fa-undo:before { | |
| content: "\f0e2"; | |
| } | |
| .fa-legal:before, | |
| .fa-gavel:before { | |
| content: "\f0e3"; | |
| } | |
| .fa-dashboard:before, | |
| .fa-tachometer:before { | |
| content: "\f0e4"; | |
| } | |
| .fa-comment-o:before { | |
| content: "\f0e5"; | |
| } | |
| .fa-comments-o:before { | |
| content: "\f0e6"; | |
| } | |
| .fa-flash:before, | |
| .fa-bolt:before { | |
| content: "\f0e7"; | |
| } | |
| .fa-sitemap:before { | |
| content: "\f0e8"; | |
| } | |
| .fa-umbrella:before { | |
| content: "\f0e9"; | |
| } | |
| .fa-paste:before, | |
| .fa-clipboard:before { | |
| content: "\f0ea"; | |
| } | |
| .fa-lightbulb-o:before { | |
| content: "\f0eb"; | |
| } | |
| .fa-exchange:before { | |
| content: "\f0ec"; | |
| } | |
| .fa-cloud-download:before { | |
| content: "\f0ed"; | |
| } | |
| .fa-cloud-upload:before { | |
| content: "\f0ee"; | |
| } | |
| .fa-user-md:before { | |
| content: "\f0f0"; | |
| } | |
| .fa-stethoscope:before { | |
| content: "\f0f1"; | |
| } | |
| .fa-suitcase:before { | |
| content: "\f0f2"; | |
| } | |
| .fa-bell-o:before { | |
| content: "\f0a2"; | |
| } | |
| .fa-coffee:before { | |
| content: "\f0f4"; | |
| } | |
| .fa-cutlery:before { | |
| content: "\f0f5"; | |
| } | |
| .fa-file-text-o:before { | |
| content: "\f0f6"; | |
| } | |
| .fa-building-o:before { | |
| content: "\f0f7"; | |
| } | |
| .fa-hospital-o:before { | |
| content: "\f0f8"; | |
| } | |
| .fa-ambulance:before { | |
| content: "\f0f9"; | |
| } | |
| .fa-medkit:before { | |
| content: "\f0fa"; | |
| } | |
| .fa-fighter-jet:before { | |
| content: "\f0fb"; | |
| } | |
| .fa-beer:before { | |
| content: "\f0fc"; | |
| } | |
| .fa-h-square:before { | |
| content: "\f0fd"; | |
| } | |
| .fa-plus-square:before { | |
| content: "\f0fe"; | |
| } | |
| .fa-angle-double-left:before { | |
| content: "\f100"; | |
| } | |
| .fa-angle-double-right:before { | |
| content: "\f101"; | |
| } | |
| .fa-angle-double-up:before { | |
| content: "\f102"; | |
| } | |
| .fa-angle-double-down:before { | |
| content: "\f103"; | |
| } | |
| .fa-angle-left:before { | |
| content: "\f104"; | |
| } | |
| .fa-angle-right:before { | |
| content: "\f105"; | |
| } | |
| .fa-angle-up:before { | |
| content: "\f106"; | |
| } | |
| .fa-angle-down:before { | |
| content: "\f107"; | |
| } | |
| .fa-desktop:before { | |
| content: "\f108"; | |
| } | |
| .fa-laptop:before { | |
| content: "\f109"; | |
| } | |
| .fa-tablet:before { | |
| content: "\f10a"; | |
| } | |
| .fa-mobile-phone:before, | |
| .fa-mobile:before { | |
| content: "\f10b"; | |
| } | |
| .fa-circle-o:before { | |
| content: "\f10c"; | |
| } | |
| .fa-quote-left:before { | |
| content: "\f10d"; | |
| } | |
| .fa-quote-right:before { | |
| content: "\f10e"; | |
| } | |
| .fa-spinner:before { | |
| content: "\f110"; | |
| } | |
| .fa-circle:before { | |
| content: "\f111"; | |
| } | |
| .fa-mail-reply:before, | |
| .fa-reply:before { | |
| content: "\f112"; | |
| } | |
| .fa-github-alt:before { | |
| content: "\f113"; | |
| } | |
| .fa-folder-o:before { | |
| content: "\f114"; | |
| } | |
| .fa-folder-open-o:before { | |
| content: "\f115"; | |
| } | |
| .fa-smile-o:before { | |
| content: "\f118"; | |
| } | |
| .fa-frown-o:before { | |
| content: "\f119"; | |
| } | |
| .fa-meh-o:before { | |
| content: "\f11a"; | |
| } | |
| .fa-gamepad:before { | |
| content: "\f11b"; | |
| } | |
| .fa-keyboard-o:before { | |
| content: "\f11c"; | |
| } | |
| .fa-flag-o:before { | |
| content: "\f11d"; | |
| } | |
| .fa-flag-checkered:before { | |
| content: "\f11e"; | |
| } | |
| .fa-terminal:before { | |
| content: "\f120"; | |
| } | |
| .fa-code:before { | |
| content: "\f121"; | |
| } | |
| .fa-mail-reply-all:before, | |
| .fa-reply-all:before { | |
| content: "\f122"; | |
| } | |
| .fa-star-half-empty:before, | |
| .fa-star-half-full:before, | |
| .fa-star-half-o:before { | |
| content: "\f123"; | |
| } | |
| .fa-location-arrow:before { | |
| content: "\f124"; | |
| } | |
| .fa-crop:before { | |
| content: "\f125"; | |
| } | |
| .fa-code-fork:before { | |
| content: "\f126"; | |
| } | |
| .fa-unlink:before, | |
| .fa-chain-broken:before { | |
| content: "\f127"; | |
| } | |
| .fa-question:before { | |
| content: "\f128"; | |
| } | |
| .fa-info:before { | |
| content: "\f129"; | |
| } | |
| .fa-exclamation:before { | |
| content: "\f12a"; | |
| } | |
| .fa-superscript:before { | |
| content: "\f12b"; | |
| } | |
| .fa-subscript:before { | |
| content: "\f12c"; | |
| } | |
| .fa-eraser:before { | |
| content: "\f12d"; | |
| } | |
| .fa-puzzle-piece:before { | |
| content: "\f12e"; | |
| } | |
| .fa-microphone:before { | |
| content: "\f130"; | |
| } | |
| .fa-microphone-slash:before { | |
| content: "\f131"; | |
| } | |
| .fa-shield:before { | |
| content: "\f132"; | |
| } | |
| .fa-calendar-o:before { | |
| content: "\f133"; | |
| } | |
| .fa-fire-extinguisher:before { | |
| content: "\f134"; | |
| } | |
| .fa-rocket:before { | |
| content: "\f135"; | |
| } | |
| .fa-maxcdn:before { | |
| content: "\f136"; | |
| } | |
| .fa-chevron-circle-left:before { | |
| content: "\f137"; | |
| } | |
| .fa-chevron-circle-right:before { | |
| content: "\f138"; | |
| } | |
| .fa-chevron-circle-up:before { | |
| content: "\f139"; | |
| } | |
| .fa-chevron-circle-down:before { | |
| content: "\f13a"; | |
| } | |
| .fa-html5:before { | |
| content: "\f13b"; | |
| } | |
| .fa-css3:before { | |
| content: "\f13c"; | |
| } | |
| .fa-anchor:before { | |
| content: "\f13d"; | |
| } | |
| .fa-unlock-alt:before { | |
| content: "\f13e"; | |
| } | |
| .fa-bullseye:before { | |
| content: "\f140"; | |
| } | |
| .fa-ellipsis-h:before { | |
| content: "\f141"; | |
| } | |
| .fa-ellipsis-v:before { | |
| content: "\f142"; | |
| } | |
| .fa-rss-square:before { | |
| content: "\f143"; | |
| } | |
| .fa-play-circle:before { | |
| content: "\f144"; | |
| } | |
| .fa-ticket:before { | |
| content: "\f145"; | |
| } | |
| .fa-minus-square:before { | |
| content: "\f146"; | |
| } | |
| .fa-minus-square-o:before { | |
| content: "\f147"; | |
| } | |
| .fa-level-up:before { | |
| content: "\f148"; | |
| } | |
| .fa-level-down:before { | |
| content: "\f149"; | |
| } | |
| .fa-check-square:before { | |
| content: "\f14a"; | |
| } | |
| .fa-pencil-square:before { | |
| content: "\f14b"; | |
| } | |
| .fa-external-link-square:before { | |
| content: "\f14c"; | |
| } | |
| .fa-share-square:before { | |
| content: "\f14d"; | |
| } | |
| .fa-compass:before { | |
| content: "\f14e"; | |
| } | |
| .fa-toggle-down:before, | |
| .fa-caret-square-o-down:before { | |
| content: "\f150"; | |
| } | |
| .fa-toggle-up:before, | |
| .fa-caret-square-o-up:before { | |
| content: "\f151"; | |
| } | |
| .fa-toggle-right:before, | |
| .fa-caret-square-o-right:before { | |
| content: "\f152"; | |
| } | |
| .fa-euro:before, | |
| .fa-eur:before { | |
| content: "\f153"; | |
| } | |
| .fa-gbp:before { | |
| content: "\f154"; | |
| } | |
| .fa-dollar:before, | |
| .fa-usd:before { | |
| content: "\f155"; | |
| } | |
| .fa-rupee:before, | |
| .fa-inr:before { | |
| content: "\f156"; | |
| } | |
| .fa-cny:before, | |
| .fa-rmb:before, | |
| .fa-yen:before, | |
| .fa-jpy:before { | |
| content: "\f157"; | |
| } | |
| .fa-ruble:before, | |
| .fa-rouble:before, | |
| .fa-rub:before { | |
| content: "\f158"; | |
| } | |
| .fa-won:before, | |
| .fa-krw:before { | |
| content: "\f159"; | |
| } | |
| .fa-bitcoin:before, | |
| .fa-btc:before { | |
| content: "\f15a"; | |
| } | |
| .fa-file:before { | |
| content: "\f15b"; | |
| } | |
| .fa-file-text:before { | |
| content: "\f15c"; | |
| } | |
| .fa-sort-alpha-asc:before { | |
| content: "\f15d"; | |
| } | |
| .fa-sort-alpha-desc:before { | |
| content: "\f15e"; | |
| } | |
| .fa-sort-amount-asc:before { | |
| content: "\f160"; | |
| } | |
| .fa-sort-amount-desc:before { | |
| content: "\f161"; | |
| } | |
| .fa-sort-numeric-asc:before { | |
| content: "\f162"; | |
| } | |
| .fa-sort-numeric-desc:before { | |
| content: "\f163"; | |
| } | |
| .fa-thumbs-up:before { | |
| content: "\f164"; | |
| } | |
| .fa-thumbs-down:before { | |
| content: "\f165"; | |
| } | |
| .fa-youtube-square:before { | |
| content: "\f166"; | |
| } | |
| .fa-youtube:before { | |
| content: "\f167"; | |
| } | |
| .fa-xing:before { | |
| content: "\f168"; | |
| } | |
| .fa-xing-square:before { | |
| content: "\f169"; | |
| } | |
| .fa-youtube-play:before { | |
| content: "\f16a"; | |
| } | |
| .fa-dropbox:before { | |
| content: "\f16b"; | |
| } | |
| .fa-stack-overflow:before { | |
| content: "\f16c"; | |
| } | |
| .fa-instagram:before { | |
| content: "\f16d"; | |
| } | |
| .fa-flickr:before { | |
| content: "\f16e"; | |
| } | |
| .fa-adn:before { | |
| content: "\f170"; | |
| } | |
| .fa-bitbucket:before { | |
| content: "\f171"; | |
| } | |
| .fa-bitbucket-square:before { | |
| content: "\f172"; | |
| } | |
| .fa-tumblr:before { | |
| content: "\f173"; | |
| } | |
| .fa-tumblr-square:before { | |
| content: "\f174"; | |
| } | |
| .fa-long-arrow-down:before { | |
| content: "\f175"; | |
| } | |
| .fa-long-arrow-up:before { | |
| content: "\f176"; | |
| } | |
| .fa-long-arrow-left:before { | |
| content: "\f177"; | |
| } | |
| .fa-long-arrow-right:before { | |
| content: "\f178"; | |
| } | |
| .fa-apple:before { | |
| content: "\f179"; | |
| } | |
| .fa-windows:before { | |
| content: "\f17a"; | |
| } | |
| .fa-android:before { | |
| content: "\f17b"; | |
| } | |
| .fa-linux:before { | |
| content: "\f17c"; | |
| } | |
| .fa-dribbble:before { | |
| content: "\f17d"; | |
| } | |
| .fa-skype:before { | |
| content: "\f17e"; | |
| } | |
| .fa-foursquare:before { | |
| content: "\f180"; | |
| } | |
| .fa-trello:before { | |
| content: "\f181"; | |
| } | |
| .fa-female:before { | |
| content: "\f182"; | |
| } | |
| .fa-male:before { | |
| content: "\f183"; | |
| } | |
| .fa-gittip:before, | |
| .fa-gratipay:before { | |
| content: "\f184"; | |
| } | |
| .fa-sun-o:before { | |
| content: "\f185"; | |
| } | |
| .fa-moon-o:before { | |
| content: "\f186"; | |
| } | |
| .fa-archive:before { | |
| content: "\f187"; | |
| } | |
| .fa-bug:before { | |
| content: "\f188"; | |
| } | |
| .fa-vk:before { | |
| content: "\f189"; | |
| } | |
| .fa-weibo:before { | |
| content: "\f18a"; | |
| } | |
| .fa-renren:before { | |
| content: "\f18b"; | |
| } | |
| .fa-pagelines:before { | |
| content: "\f18c"; | |
| } | |
| .fa-stack-exchange:before { | |
| content: "\f18d"; | |
| } | |
| .fa-arrow-circle-o-right:before { | |
| content: "\f18e"; | |
| } | |
| .fa-arrow-circle-o-left:before { | |
| content: "\f190"; | |
| } | |
| .fa-toggle-left:before, | |
| .fa-caret-square-o-left:before { | |
| content: "\f191"; | |
| } | |
| .fa-dot-circle-o:before { | |
| content: "\f192"; | |
| } | |
| .fa-wheelchair:before { | |
| content: "\f193"; | |
| } | |
| .fa-vimeo-square:before { | |
| content: "\f194"; | |
| } | |
| .fa-turkish-lira:before, | |
| .fa-try:before { | |
| content: "\f195"; | |
| } | |
| .fa-plus-square-o:before { | |
| content: "\f196"; | |
| } | |
| .fa-space-shuttle:before { | |
| content: "\f197"; | |
| } | |
| .fa-slack:before { | |
| content: "\f198"; | |
| } | |
| .fa-envelope-square:before { | |
| content: "\f199"; | |
| } | |
| .fa-wordpress:before { | |
| content: "\f19a"; | |
| } | |
| .fa-openid:before { | |
| content: "\f19b"; | |
| } | |
| .fa-institution:before, | |
| .fa-bank:before, | |
| .fa-university:before { | |
| content: "\f19c"; | |
| } | |
| .fa-mortar-board:before, | |
| .fa-graduation-cap:before { | |
| content: "\f19d"; | |
| } | |
| .fa-yahoo:before { | |
| content: "\f19e"; | |
| } | |
| .fa-google:before { | |
| content: "\f1a0"; | |
| } | |
| .fa-reddit:before { | |
| content: "\f1a1"; | |
| } | |
| .fa-reddit-square:before { | |
| content: "\f1a2"; | |
| } | |
| .fa-stumbleupon-circle:before { | |
| content: "\f1a3"; | |
| } | |
| .fa-stumbleupon:before { | |
| content: "\f1a4"; | |
| } | |
| .fa-delicious:before { | |
| content: "\f1a5"; | |
| } | |
| .fa-digg:before { | |
| content: "\f1a6"; | |
| } | |
| .fa-pied-piper-pp:before { | |
| content: "\f1a7"; | |
| } | |
| .fa-pied-piper-alt:before { | |
| content: "\f1a8"; | |
| } | |
| .fa-drupal:before { | |
| content: "\f1a9"; | |
| } | |
| .fa-joomla:before { | |
| content: "\f1aa"; | |
| } | |
| .fa-language:before { | |
| content: "\f1ab"; | |
| } | |
| .fa-fax:before { | |
| content: "\f1ac"; | |
| } | |
| .fa-building:before { | |
| content: "\f1ad"; | |
| } | |
| .fa-child:before { | |
| content: "\f1ae"; | |
| } | |
| .fa-paw:before { | |
| content: "\f1b0"; | |
| } | |
| .fa-spoon:before { | |
| content: "\f1b1"; | |
| } | |
| .fa-cube:before { | |
| content: "\f1b2"; | |
| } | |
| .fa-cubes:before { | |
| content: "\f1b3"; | |
| } | |
| .fa-behance:before { | |
| content: "\f1b4"; | |
| } | |
| .fa-behance-square:before { | |
| content: "\f1b5"; | |
| } | |
| .fa-steam:before { | |
| content: "\f1b6"; | |
| } | |
| .fa-steam-square:before { | |
| content: "\f1b7"; | |
| } | |
| .fa-recycle:before { | |
| content: "\f1b8"; | |
| } | |
| .fa-automobile:before, | |
| .fa-car:before { | |
| content: "\f1b9"; | |
| } | |
| .fa-cab:before, | |
| .fa-taxi:before { | |
| content: "\f1ba"; | |
| } | |
| .fa-tree:before { | |
| content: "\f1bb"; | |
| } | |
| .fa-spotify:before { | |
| content: "\f1bc"; | |
| } | |
| .fa-deviantart:before { | |
| content: "\f1bd"; | |
| } | |
| .fa-soundcloud:before { | |
| content: "\f1be"; | |
| } | |
| .fa-database:before { | |
| content: "\f1c0"; | |
| } | |
| .fa-file-pdf-o:before { | |
| content: "\f1c1"; | |
| } | |
| .fa-file-word-o:before { | |
| content: "\f1c2"; | |
| } | |
| .fa-file-excel-o:before { | |
| content: "\f1c3"; | |
| } | |
| .fa-file-powerpoint-o:before { | |
| content: "\f1c4"; | |
| } | |
| .fa-file-photo-o:before, | |
| .fa-file-picture-o:before, | |
| .fa-file-image-o:before { | |
| content: "\f1c5"; | |
| } | |
| .fa-file-zip-o:before, | |
| .fa-file-archive-o:before { | |
| content: "\f1c6"; | |
| } | |
| .fa-file-sound-o:before, | |
| .fa-file-audio-o:before { | |
| content: "\f1c7"; | |
| } | |
| .fa-file-movie-o:before, | |
| .fa-file-video-o:before { | |
| content: "\f1c8"; | |
| } | |
| .fa-file-code-o:before { | |
| content: "\f1c9"; | |
| } | |
| .fa-vine:before { | |
| content: "\f1ca"; | |
| } | |
| .fa-codepen:before { | |
| content: "\f1cb"; | |
| } | |
| .fa-jsfiddle:before { | |
| content: "\f1cc"; | |
| } | |
| .fa-life-bouy:before, | |
| .fa-life-buoy:before, | |
| .fa-life-saver:before, | |
| .fa-support:before, | |
| .fa-life-ring:before { | |
| content: "\f1cd"; | |
| } | |
| .fa-circle-o-notch:before { | |
| content: "\f1ce"; | |
| } | |
| .fa-ra:before, | |
| .fa-resistance:before, | |
| .fa-rebel:before { | |
| content: "\f1d0"; | |
| } | |
| .fa-ge:before, | |
| .fa-empire:before { | |
| content: "\f1d1"; | |
| } | |
| .fa-git-square:before { | |
| content: "\f1d2"; | |
| } | |
| .fa-git:before { | |
| content: "\f1d3"; | |
| } | |
| .fa-y-combinator-square:before, | |
| .fa-yc-square:before, | |
| .fa-hacker-news:before { | |
| content: "\f1d4"; | |
| } | |
| .fa-tencent-weibo:before { | |
| content: "\f1d5"; | |
| } | |
| .fa-qq:before { | |
| content: "\f1d6"; | |
| } | |
| .fa-wechat:before, | |
| .fa-weixin:before { | |
| content: "\f1d7"; | |
| } | |
| .fa-send:before, | |
| .fa-paper-plane:before { | |
| content: "\f1d8"; | |
| } | |
| .fa-send-o:before, | |
| .fa-paper-plane-o:before { | |
| content: "\f1d9"; | |
| } | |
| .fa-history:before { | |
| content: "\f1da"; | |
| } | |
| .fa-circle-thin:before { | |
| content: "\f1db"; | |
| } | |
| .fa-header:before { | |
| content: "\f1dc"; | |
| } | |
| .fa-paragraph:before { | |
| content: "\f1dd"; | |
| } | |
| .fa-sliders:before { | |
| content: "\f1de"; | |
| } | |
| .fa-share-alt:before { | |
| content: "\f1e0"; | |
| } | |
| .fa-share-alt-square:before { | |
| content: "\f1e1"; | |
| } | |
| .fa-bomb:before { | |
| content: "\f1e2"; | |
| } | |
| .fa-soccer-ball-o:before, | |
| .fa-futbol-o:before { | |
| content: "\f1e3"; | |
| } | |
| .fa-tty:before { | |
| content: "\f1e4"; | |
| } | |
| .fa-binoculars:before { | |
| content: "\f1e5"; | |
| } | |
| .fa-plug:before { | |
| content: "\f1e6"; | |
| } | |
| .fa-slideshare:before { | |
| content: "\f1e7"; | |
| } | |
| .fa-twitch:before { | |
| content: "\f1e8"; | |
| } | |
| .fa-yelp:before { | |
| content: "\f1e9"; | |
| } | |
| .fa-newspaper-o:before { | |
| content: "\f1ea"; | |
| } | |
| .fa-wifi:before { | |
| content: "\f1eb"; | |
| } | |
| .fa-calculator:before { | |
| content: "\f1ec"; | |
| } | |
| .fa-paypal:before { | |
| content: "\f1ed"; | |
| } | |
| .fa-google-wallet:before { | |
| content: "\f1ee"; | |
| } | |
| .fa-cc-visa:before { | |
| content: "\f1f0"; | |
| } | |
| .fa-cc-mastercard:before { | |
| content: "\f1f1"; | |
| } | |
| .fa-cc-discover:before { | |
| content: "\f1f2"; | |
| } | |
| .fa-cc-amex:before { | |
| content: "\f1f3"; | |
| } | |
| .fa-cc-paypal:before { | |
| content: "\f1f4"; | |
| } | |
| .fa-cc-stripe:before { | |
| content: "\f1f5"; | |
| } | |
| .fa-bell-slash:before { | |
| content: "\f1f6"; | |
| } | |
| .fa-bell-slash-o:before { | |
| content: "\f1f7"; | |
| } | |
| .fa-trash:before { | |
| content: "\f1f8"; | |
| } | |
| .fa-copyright:before { | |
| content: "\f1f9"; | |
| } | |
| .fa-at:before { | |
| content: "\f1fa"; | |
| } | |
| .fa-eyedropper:before { | |
| content: "\f1fb"; | |
| } | |
| .fa-paint-brush:before { | |
| content: "\f1fc"; | |
| } | |
| .fa-birthday-cake:before { | |
| content: "\f1fd"; | |
| } | |
| .fa-area-chart:before { | |
| content: "\f1fe"; | |
| } | |
| .fa-pie-chart:before { | |
| content: "\f200"; | |
| } | |
| .fa-line-chart:before { | |
| content: "\f201"; | |
| } | |
| .fa-lastfm:before { | |
| content: "\f202"; | |
| } | |
| .fa-lastfm-square:before { | |
| content: "\f203"; | |
| } | |
| .fa-toggle-off:before { | |
| content: "\f204"; | |
| } | |
| .fa-toggle-on:before { | |
| content: "\f205"; | |
| } | |
| .fa-bicycle:before { | |
| content: "\f206"; | |
| } | |
| .fa-bus:before { | |
| content: "\f207"; | |
| } | |
| .fa-ioxhost:before { | |
| content: "\f208"; | |
| } | |
| .fa-angellist:before { | |
| content: "\f209"; | |
| } | |
| .fa-cc:before { | |
| content: "\f20a"; | |
| } | |
| .fa-shekel:before, | |
| .fa-sheqel:before, | |
| .fa-ils:before { | |
| content: "\f20b"; | |
| } | |
| .fa-meanpath:before { | |
| content: "\f20c"; | |
| } | |
| .fa-buysellads:before { | |
| content: "\f20d"; | |
| } | |
| .fa-connectdevelop:before { | |
| content: "\f20e"; | |
| } | |
| .fa-dashcube:before { | |
| content: "\f210"; | |
| } | |
| .fa-forumbee:before { | |
| content: "\f211"; | |
| } | |
| .fa-leanpub:before { | |
| content: "\f212"; | |
| } | |
| .fa-sellsy:before { | |
| content: "\f213"; | |
| } | |
| .fa-shirtsinbulk:before { | |
| content: "\f214"; | |
| } | |
| .fa-simplybuilt:before { | |
| content: "\f215"; | |
| } | |
| .fa-skyatlas:before { | |
| content: "\f216"; | |
| } | |
| .fa-cart-plus:before { | |
| content: "\f217"; | |
| } | |
| .fa-cart-arrow-down:before { | |
| content: "\f218"; | |
| } | |
| .fa-diamond:before { | |
| content: "\f219"; | |
| } | |
| .fa-ship:before { | |
| content: "\f21a"; | |
| } | |
| .fa-user-secret:before { | |
| content: "\f21b"; | |
| } | |
| .fa-motorcycle:before { | |
| content: "\f21c"; | |
| } | |
| .fa-street-view:before { | |
| content: "\f21d"; | |
| } | |
| .fa-heartbeat:before { | |
| content: "\f21e"; | |
| } | |
| .fa-venus:before { | |
| content: "\f221"; | |
| } | |
| .fa-mars:before { | |
| content: "\f222"; | |
| } | |
| .fa-mercury:before { | |
| content: "\f223"; | |
| } | |
| .fa-intersex:before, | |
| .fa-transgender:before { | |
| content: "\f224"; | |
| } | |
| .fa-transgender-alt:before { | |
| content: "\f225"; | |
| } | |
| .fa-venus-double:before { | |
| content: "\f226"; | |
| } | |
| .fa-mars-double:before { | |
| content: "\f227"; | |
| } | |
| .fa-venus-mars:before { | |
| content: "\f228"; | |
| } | |
| .fa-mars-stroke:before { | |
| content: "\f229"; | |
| } | |
| .fa-mars-stroke-v:before { | |
| content: "\f22a"; | |
| } | |
| .fa-mars-stroke-h:before { | |
| content: "\f22b"; | |
| } | |
| .fa-neuter:before { | |
| content: "\f22c"; | |
| } | |
| .fa-genderless:before { | |
| content: "\f22d"; | |
| } | |
| .fa-facebook-official:before { | |
| content: "\f230"; | |
| } | |
| .fa-pinterest-p:before { | |
| content: "\f231"; | |
| } | |
| .fa-whatsapp:before { | |
| content: "\f232"; | |
| } | |
| .fa-server:before { | |
| content: "\f233"; | |
| } | |
| .fa-user-plus:before { | |
| content: "\f234"; | |
| } | |
| .fa-user-times:before { | |
| content: "\f235"; | |
| } | |
| .fa-hotel:before, | |
| .fa-bed:before { | |
| content: "\f236"; | |
| } | |
| .fa-viacoin:before { | |
| content: "\f237"; | |
| } | |
| .fa-train:before { | |
| content: "\f238"; | |
| } | |
| .fa-subway:before { | |
| content: "\f239"; | |
| } | |
| .fa-medium:before { | |
| content: "\f23a"; | |
| } | |
| .fa-yc:before, | |
| .fa-y-combinator:before { | |
| content: "\f23b"; | |
| } | |
| .fa-optin-monster:before { | |
| content: "\f23c"; | |
| } | |
| .fa-opencart:before { | |
| content: "\f23d"; | |
| } | |
| .fa-expeditedssl:before { | |
| content: "\f23e"; | |
| } | |
| .fa-battery-4:before, | |
| .fa-battery:before, | |
| .fa-battery-full:before { | |
| content: "\f240"; | |
| } | |
| .fa-battery-3:before, | |
| .fa-battery-three-quarters:before { | |
| content: "\f241"; | |
| } | |
| .fa-battery-2:before, | |
| .fa-battery-half:before { | |
| content: "\f242"; | |
| } | |
| .fa-battery-1:before, | |
| .fa-battery-quarter:before { | |
| content: "\f243"; | |
| } | |
| .fa-battery-0:before, | |
| .fa-battery-empty:before { | |
| content: "\f244"; | |
| } | |
| .fa-mouse-pointer:before { | |
| content: "\f245"; | |
| } | |
| .fa-i-cursor:before { | |
| content: "\f246"; | |
| } | |
| .fa-object-group:before { | |
| content: "\f247"; | |
| } | |
| .fa-object-ungroup:before { | |
| content: "\f248"; | |
| } | |
| .fa-sticky-note:before { | |
| content: "\f249"; | |
| } | |
| .fa-sticky-note-o:before { | |
| content: "\f24a"; | |
| } | |
| .fa-cc-jcb:before { | |
| content: "\f24b"; | |
| } | |
| .fa-cc-diners-club:before { | |
| content: "\f24c"; | |
| } | |
| .fa-clone:before { | |
| content: "\f24d"; | |
| } | |
| .fa-balance-scale:before { | |
| content: "\f24e"; | |
| } | |
| .fa-hourglass-o:before { | |
| content: "\f250"; | |
| } | |
| .fa-hourglass-1:before, | |
| .fa-hourglass-start:before { | |
| content: "\f251"; | |
| } | |
| .fa-hourglass-2:before, | |
| .fa-hourglass-half:before { | |
| content: "\f252"; | |
| } | |
| .fa-hourglass-3:before, | |
| .fa-hourglass-end:before { | |
| content: "\f253"; | |
| } | |
| .fa-hourglass:before { | |
| content: "\f254"; | |
| } | |
| .fa-hand-grab-o:before, | |
| .fa-hand-rock-o:before { | |
| content: "\f255"; | |
| } | |
| .fa-hand-stop-o:before, | |
| .fa-hand-paper-o:before { | |
| content: "\f256"; | |
| } | |
| .fa-hand-scissors-o:before { | |
| content: "\f257"; | |
| } | |
| .fa-hand-lizard-o:before { | |
| content: "\f258"; | |
| } | |
| .fa-hand-spock-o:before { | |
| content: "\f259"; | |
| } | |
| .fa-hand-pointer-o:before { | |
| content: "\f25a"; | |
| } | |
| .fa-hand-peace-o:before { | |
| content: "\f25b"; | |
| } | |
| .fa-trademark:before { | |
| content: "\f25c"; | |
| } | |
| .fa-registered:before { | |
| content: "\f25d"; | |
| } | |
| .fa-creative-commons:before { | |
| content: "\f25e"; | |
| } | |
| .fa-gg:before { | |
| content: "\f260"; | |
| } | |
| .fa-gg-circle:before { | |
| content: "\f261"; | |
| } | |
| .fa-tripadvisor:before { | |
| content: "\f262"; | |
| } | |
| .fa-odnoklassniki:before { | |
| content: "\f263"; | |
| } | |
| .fa-odnoklassniki-square:before { | |
| content: "\f264"; | |
| } | |
| .fa-get-pocket:before { | |
| content: "\f265"; | |
| } | |
| .fa-wikipedia-w:before { | |
| content: "\f266"; | |
| } | |
| .fa-safari:before { | |
| content: "\f267"; | |
| } | |
| .fa-chrome:before { | |
| content: "\f268"; | |
| } | |
| .fa-firefox:before { | |
| content: "\f269"; | |
| } | |
| .fa-opera:before { | |
| content: "\f26a"; | |
| } | |
| .fa-internet-explorer:before { | |
| content: "\f26b"; | |
| } | |
| .fa-tv:before, | |
| .fa-television:before { | |
| content: "\f26c"; | |
| } | |
| .fa-contao:before { | |
| content: "\f26d"; | |
| } | |
| .fa-500px:before { | |
| content: "\f26e"; | |
| } | |
| .fa-amazon:before { | |
| content: "\f270"; | |
| } | |
| .fa-calendar-plus-o:before { | |
| content: "\f271"; | |
| } | |
| .fa-calendar-minus-o:before { | |
| content: "\f272"; | |
| } | |
| .fa-calendar-times-o:before { | |
| content: "\f273"; | |
| } | |
| .fa-calendar-check-o:before { | |
| content: "\f274"; | |
| } | |
| .fa-industry:before { | |
| content: "\f275"; | |
| } | |
| .fa-map-pin:before { | |
| content: "\f276"; | |
| } | |
| .fa-map-signs:before { | |
| content: "\f277"; | |
| } | |
| .fa-map-o:before { | |
| content: "\f278"; | |
| } | |
| .fa-map:before { | |
| content: "\f279"; | |
| } | |
| .fa-commenting:before { | |
| content: "\f27a"; | |
| } | |
| .fa-commenting-o:before { | |
| content: "\f27b"; | |
| } | |
| .fa-houzz:before { | |
| content: "\f27c"; | |
| } | |
| .fa-vimeo:before { | |
| content: "\f27d"; | |
| } | |
| .fa-black-tie:before { | |
| content: "\f27e"; | |
| } | |
| .fa-fonticons:before { | |
| content: "\f280"; | |
| } | |
| .fa-reddit-alien:before { | |
| content: "\f281"; | |
| } | |
| .fa-edge:before { | |
| content: "\f282"; | |
| } | |
| .fa-credit-card-alt:before { | |
| content: "\f283"; | |
| } | |
| .fa-codiepie:before { | |
| content: "\f284"; | |
| } | |
| .fa-modx:before { | |
| content: "\f285"; | |
| } | |
| .fa-fort-awesome:before { | |
| content: "\f286"; | |
| } | |
| .fa-usb:before { | |
| content: "\f287"; | |
| } | |
| .fa-product-hunt:before { | |
| content: "\f288"; | |
| } | |
| .fa-mixcloud:before { | |
| content: "\f289"; | |
| } | |
| .fa-scribd:before { | |
| content: "\f28a"; | |
| } | |
| .fa-pause-circle:before { | |
| content: "\f28b"; | |
| } | |
| .fa-pause-circle-o:before { | |
| content: "\f28c"; | |
| } | |
| .fa-stop-circle:before { | |
| content: "\f28d"; | |
| } | |
| .fa-stop-circle-o:before { | |
| content: "\f28e"; | |
| } | |
| .fa-shopping-bag:before { | |
| content: "\f290"; | |
| } | |
| .fa-shopping-basket:before { | |
| content: "\f291"; | |
| } | |
| .fa-hashtag:before { | |
| content: "\f292"; | |
| } | |
| .fa-bluetooth:before { | |
| content: "\f293"; | |
| } | |
| .fa-bluetooth-b:before { | |
| content: "\f294"; | |
| } | |
| .fa-percent:before { | |
| content: "\f295"; | |
| } | |
| .fa-gitlab:before { | |
| content: "\f296"; | |
| } | |
| .fa-wpbeginner:before { | |
| content: "\f297"; | |
| } | |
| .fa-wpforms:before { | |
| content: "\f298"; | |
| } | |
| .fa-envira:before { | |
| content: "\f299"; | |
| } | |
| .fa-universal-access:before { | |
| content: "\f29a"; | |
| } | |
| .fa-wheelchair-alt:before { | |
| content: "\f29b"; | |
| } | |
| .fa-question-circle-o:before { | |
| content: "\f29c"; | |
| } | |
| .fa-blind:before { | |
| content: "\f29d"; | |
| } | |
| .fa-audio-description:before { | |
| content: "\f29e"; | |
| } | |
| .fa-volume-control-phone:before { | |
| content: "\f2a0"; | |
| } | |
| .fa-braille:before { | |
| content: "\f2a1"; | |
| } | |
| .fa-assistive-listening-systems:before { | |
| content: "\f2a2"; | |
| } | |
| .fa-asl-interpreting:before, | |
| .fa-american-sign-language-interpreting:before { | |
| content: "\f2a3"; | |
| } | |
| .fa-deafness:before, | |
| .fa-hard-of-hearing:before, | |
| .fa-deaf:before { | |
| content: "\f2a4"; | |
| } | |
| .fa-glide:before { | |
| content: "\f2a5"; | |
| } | |
| .fa-glide-g:before { | |
| content: "\f2a6"; | |
| } | |
| .fa-signing:before, | |
| .fa-sign-language:before { | |
| content: "\f2a7"; | |
| } | |
| .fa-low-vision:before { | |
| content: "\f2a8"; | |
| } | |
| .fa-viadeo:before { | |
| content: "\f2a9"; | |
| } | |
| .fa-viadeo-square:before { | |
| content: "\f2aa"; | |
| } | |
| .fa-snapchat:before { | |
| content: "\f2ab"; | |
| } | |
| .fa-snapchat-ghost:before { | |
| content: "\f2ac"; | |
| } | |
| .fa-snapchat-square:before { | |
| content: "\f2ad"; | |
| } | |
| .fa-pied-piper:before { | |
| content: "\f2ae"; | |
| } | |
| .fa-first-order:before { | |
| content: "\f2b0"; | |
| } | |
| .fa-yoast:before { | |
| content: "\f2b1"; | |
| } | |
| .fa-themeisle:before { | |
| content: "\f2b2"; | |
| } | |
| .fa-google-plus-circle:before, | |
| .fa-google-plus-official:before { | |
| content: "\f2b3"; | |
| } | |
| .fa-fa:before, | |
| .fa-font-awesome:before { | |
| content: "\f2b4"; | |
| } | |
| .fa-handshake-o:before { | |
| content: "\f2b5"; | |
| } | |
| .fa-envelope-open:before { | |
| content: "\f2b6"; | |
| } | |
| .fa-envelope-open-o:before { | |
| content: "\f2b7"; | |
| } | |
| .fa-linode:before { | |
| content: "\f2b8"; | |
| } | |
| .fa-address-book:before { | |
| content: "\f2b9"; | |
| } | |
| .fa-address-book-o:before { | |
| content: "\f2ba"; | |
| } | |
| .fa-vcard:before, | |
| .fa-address-card:before { | |
| content: "\f2bb"; | |
| } | |
| .fa-vcard-o:before, | |
| .fa-address-card-o:before { | |
| content: "\f2bc"; | |
| } | |
| .fa-user-circle:before { | |
| content: "\f2bd"; | |
| } | |
| .fa-user-circle-o:before { | |
| content: "\f2be"; | |
| } | |
| .fa-user-o:before { | |
| content: "\f2c0"; | |
| } | |
| .fa-id-badge:before { | |
| content: "\f2c1"; | |
| } | |
| .fa-drivers-license:before, | |
| .fa-id-card:before { | |
| content: "\f2c2"; | |
| } | |
| .fa-drivers-license-o:before, | |
| .fa-id-card-o:before { | |
| content: "\f2c3"; | |
| } | |
| .fa-quora:before { | |
| content: "\f2c4"; | |
| } | |
| .fa-free-code-camp:before { | |
| content: "\f2c5"; | |
| } | |
| .fa-telegram:before { | |
| content: "\f2c6"; | |
| } | |
| .fa-thermometer-4:before, | |
| .fa-thermometer:before, | |
| .fa-thermometer-full:before { | |
| content: "\f2c7"; | |
| } | |
| .fa-thermometer-3:before, | |
| .fa-thermometer-three-quarters:before { | |
| content: "\f2c8"; | |
| } | |
| .fa-thermometer-2:before, | |
| .fa-thermometer-half:before { | |
| content: "\f2c9"; | |
| } | |
| .fa-thermometer-1:before, | |
| .fa-thermometer-quarter:before { | |
| content: "\f2ca"; | |
| } | |
| .fa-thermometer-0:before, | |
| .fa-thermometer-empty:before { | |
| content: "\f2cb"; | |
| } | |
| .fa-shower:before { | |
| content: "\f2cc"; | |
| } | |
| .fa-bathtub:before, | |
| .fa-s15:before, | |
| .fa-bath:before { | |
| content: "\f2cd"; | |
| } | |
| .fa-podcast:before { | |
| content: "\f2ce"; | |
| } | |
| .fa-window-maximize:before { | |
| content: "\f2d0"; | |
| } | |
| .fa-window-minimize:before { | |
| content: "\f2d1"; | |
| } | |
| .fa-window-restore:before { | |
| content: "\f2d2"; | |
| } | |
| .fa-times-rectangle:before, | |
| .fa-window-close:before { | |
| content: "\f2d3"; | |
| } | |
| .fa-times-rectangle-o:before, | |
| .fa-window-close-o:before { | |
| content: "\f2d4"; | |
| } | |
| .fa-bandcamp:before { | |
| content: "\f2d5"; | |
| } | |
| .fa-grav:before { | |
| content: "\f2d6"; | |
| } | |
| .fa-etsy:before { | |
| content: "\f2d7"; | |
| } | |
| .fa-imdb:before { | |
| content: "\f2d8"; | |
| } | |
| .fa-ravelry:before { | |
| content: "\f2d9"; | |
| } | |
| .fa-eercast:before { | |
| content: "\f2da"; | |
| } | |
| .fa-microchip:before { | |
| content: "\f2db"; | |
| } | |
| .fa-snowflake-o:before { | |
| content: "\f2dc"; | |
| } | |
| .fa-superpowers:before { | |
| content: "\f2dd"; | |
| } | |
| .fa-wpexplorer:before { | |
| content: "\f2de"; | |
| } | |
| .fa-meetup:before { | |
| content: "\f2e0"; | |
| } | |
| .sr-only { | |
| position: absolute; | |
| width: 1px; | |
| height: 1px; | |
| padding: 0; | |
| margin: -1px; | |
| overflow: hidden; | |
| clip: rect(0, 0, 0, 0); | |
| border: 0; | |
| } | |
| .sr-only-focusable:active, | |
| .sr-only-focusable:focus { | |
| position: static; | |
| width: auto; | |
| height: auto; | |
| margin: 0; | |
| overflow: visible; | |
| clip: auto; | |
| } | |
| .sr-only-focusable:active, | |
| .sr-only-focusable:focus { | |
| position: static; | |
| width: auto; | |
| height: auto; | |
| margin: 0; | |
| overflow: visible; | |
| clip: auto; | |
| } | |
| /*! | |
| * | |
| * IPython base | |
| * | |
| */ | |
| .modal.fade .modal-dialog { | |
| -webkit-transform: translate(0, 0); | |
| -ms-transform: translate(0, 0); | |
| -o-transform: translate(0, 0); | |
| transform: translate(0, 0); | |
| } | |
| code { | |
| color: #000; | |
| } | |
| pre { | |
| font-size: inherit; | |
| line-height: inherit; | |
| } | |
| label { | |
| font-weight: normal; | |
| } | |
| /* Make the page background atleast 100% the height of the view port */ | |
| /* Make the page itself atleast 70% the height of the view port */ | |
| .border-box-sizing { | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| } | |
| .corner-all { | |
| border-radius: 2px; | |
| } | |
| .no-padding { | |
| padding: 0px; | |
| } | |
| /* Flexible box model classes */ | |
| /* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */ | |
| /* This file is a compatability layer. It allows the usage of flexible box | |
| model layouts accross multiple browsers, including older browsers. The newest, | |
| universal implementation of the flexible box model is used when available (see | |
| `Modern browsers` comments below). Browsers that are known to implement this | |
| new spec completely include: | |
| Firefox 28.0+ | |
| Chrome 29.0+ | |
| Internet Explorer 11+ | |
| Opera 17.0+ | |
| Browsers not listed, including Safari, are supported via the styling under the | |
| `Old browsers` comments below. | |
| */ | |
| .hbox { | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: horizontal; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: horizontal; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: row; | |
| align-items: stretch; | |
| } | |
| .hbox > * { | |
| /* Old browsers */ | |
| -webkit-box-flex: 0; | |
| -moz-box-flex: 0; | |
| box-flex: 0; | |
| /* Modern browsers */ | |
| flex: none; | |
| } | |
| .vbox { | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: vertical; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: vertical; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: column; | |
| align-items: stretch; | |
| } | |
| .vbox > * { | |
| /* Old browsers */ | |
| -webkit-box-flex: 0; | |
| -moz-box-flex: 0; | |
| box-flex: 0; | |
| /* Modern browsers */ | |
| flex: none; | |
| } | |
| .hbox.reverse, | |
| .vbox.reverse, | |
| .reverse { | |
| /* Old browsers */ | |
| -webkit-box-direction: reverse; | |
| -moz-box-direction: reverse; | |
| box-direction: reverse; | |
| /* Modern browsers */ | |
| flex-direction: row-reverse; | |
| } | |
| .hbox.box-flex0, | |
| .vbox.box-flex0, | |
| .box-flex0 { | |
| /* Old browsers */ | |
| -webkit-box-flex: 0; | |
| -moz-box-flex: 0; | |
| box-flex: 0; | |
| /* Modern browsers */ | |
| flex: none; | |
| width: auto; | |
| } | |
| .hbox.box-flex1, | |
| .vbox.box-flex1, | |
| .box-flex1 { | |
| /* Old browsers */ | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| box-flex: 1; | |
| /* Modern browsers */ | |
| flex: 1; | |
| } | |
| .hbox.box-flex, | |
| .vbox.box-flex, | |
| .box-flex { | |
| /* Old browsers */ | |
| /* Old browsers */ | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| box-flex: 1; | |
| /* Modern browsers */ | |
| flex: 1; | |
| } | |
| .hbox.box-flex2, | |
| .vbox.box-flex2, | |
| .box-flex2 { | |
| /* Old browsers */ | |
| -webkit-box-flex: 2; | |
| -moz-box-flex: 2; | |
| box-flex: 2; | |
| /* Modern browsers */ | |
| flex: 2; | |
| } | |
| .box-group1 { | |
| /* Deprecated */ | |
| -webkit-box-flex-group: 1; | |
| -moz-box-flex-group: 1; | |
| box-flex-group: 1; | |
| } | |
| .box-group2 { | |
| /* Deprecated */ | |
| -webkit-box-flex-group: 2; | |
| -moz-box-flex-group: 2; | |
| box-flex-group: 2; | |
| } | |
| .hbox.start, | |
| .vbox.start, | |
| .start { | |
| /* Old browsers */ | |
| -webkit-box-pack: start; | |
| -moz-box-pack: start; | |
| box-pack: start; | |
| /* Modern browsers */ | |
| justify-content: flex-start; | |
| } | |
| .hbox.end, | |
| .vbox.end, | |
| .end { | |
| /* Old browsers */ | |
| -webkit-box-pack: end; | |
| -moz-box-pack: end; | |
| box-pack: end; | |
| /* Modern browsers */ | |
| justify-content: flex-end; | |
| } | |
| .hbox.center, | |
| .vbox.center, | |
| .center { | |
| /* Old browsers */ | |
| -webkit-box-pack: center; | |
| -moz-box-pack: center; | |
| box-pack: center; | |
| /* Modern browsers */ | |
| justify-content: center; | |
| } | |
| .hbox.baseline, | |
| .vbox.baseline, | |
| .baseline { | |
| /* Old browsers */ | |
| -webkit-box-pack: baseline; | |
| -moz-box-pack: baseline; | |
| box-pack: baseline; | |
| /* Modern browsers */ | |
| justify-content: baseline; | |
| } | |
| .hbox.stretch, | |
| .vbox.stretch, | |
| .stretch { | |
| /* Old browsers */ | |
| -webkit-box-pack: stretch; | |
| -moz-box-pack: stretch; | |
| box-pack: stretch; | |
| /* Modern browsers */ | |
| justify-content: stretch; | |
| } | |
| .hbox.align-start, | |
| .vbox.align-start, | |
| .align-start { | |
| /* Old browsers */ | |
| -webkit-box-align: start; | |
| -moz-box-align: start; | |
| box-align: start; | |
| /* Modern browsers */ | |
| align-items: flex-start; | |
| } | |
| .hbox.align-end, | |
| .vbox.align-end, | |
| .align-end { | |
| /* Old browsers */ | |
| -webkit-box-align: end; | |
| -moz-box-align: end; | |
| box-align: end; | |
| /* Modern browsers */ | |
| align-items: flex-end; | |
| } | |
| .hbox.align-center, | |
| .vbox.align-center, | |
| .align-center { | |
| /* Old browsers */ | |
| -webkit-box-align: center; | |
| -moz-box-align: center; | |
| box-align: center; | |
| /* Modern browsers */ | |
| align-items: center; | |
| } | |
| .hbox.align-baseline, | |
| .vbox.align-baseline, | |
| .align-baseline { | |
| /* Old browsers */ | |
| -webkit-box-align: baseline; | |
| -moz-box-align: baseline; | |
| box-align: baseline; | |
| /* Modern browsers */ | |
| align-items: baseline; | |
| } | |
| .hbox.align-stretch, | |
| .vbox.align-stretch, | |
| .align-stretch { | |
| /* Old browsers */ | |
| -webkit-box-align: stretch; | |
| -moz-box-align: stretch; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| align-items: stretch; | |
| } | |
| div.error { | |
| margin: 2em; | |
| text-align: center; | |
| } | |
| div.error > h1 { | |
| font-size: 500%; | |
| line-height: normal; | |
| } | |
| div.error > p { | |
| font-size: 200%; | |
| line-height: normal; | |
| } | |
| div.traceback-wrapper { | |
| text-align: left; | |
| max-width: 800px; | |
| margin: auto; | |
| } | |
| div.traceback-wrapper pre.traceback { | |
| max-height: 600px; | |
| overflow: auto; | |
| } | |
| /** | |
| * Primary styles | |
| * | |
| * Author: Jupyter Development Team | |
| */ | |
| body { | |
| background-color: #fff; | |
| /* This makes sure that the body covers the entire window and needs to | |
| be in a different element than the display: box in wrapper below */ | |
| position: absolute; | |
| left: 0px; | |
| right: 0px; | |
| top: 0px; | |
| bottom: 0px; | |
| overflow: visible; | |
| } | |
| body > #header { | |
| /* Initially hidden to prevent FLOUC */ | |
| display: none; | |
| background-color: #fff; | |
| /* Display over codemirror */ | |
| position: relative; | |
| z-index: 100; | |
| } | |
| body > #header #header-container { | |
| display: flex; | |
| flex-direction: row; | |
| justify-content: space-between; | |
| padding: 5px; | |
| padding-bottom: 5px; | |
| padding-top: 5px; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| } | |
| body > #header .header-bar { | |
| width: 100%; | |
| height: 1px; | |
| background: #e7e7e7; | |
| margin-bottom: -1px; | |
| } | |
| @media print { | |
| body > #header { | |
| display: none !important; | |
| } | |
| } | |
| #header-spacer { | |
| width: 100%; | |
| visibility: hidden; | |
| } | |
| @media print { | |
| #header-spacer { | |
| display: none; | |
| } | |
| } | |
| #ipython_notebook { | |
| padding-left: 0px; | |
| padding-top: 1px; | |
| padding-bottom: 1px; | |
| } | |
| [dir="rtl"] #ipython_notebook { | |
| margin-right: 10px; | |
| margin-left: 0; | |
| } | |
| [dir="rtl"] #ipython_notebook.pull-left { | |
| float: right !important; | |
| float: right; | |
| } | |
| .flex-spacer { | |
| flex: 1; | |
| } | |
| #noscript { | |
| width: auto; | |
| padding-top: 16px; | |
| padding-bottom: 16px; | |
| text-align: center; | |
| font-size: 22px; | |
| color: red; | |
| font-weight: bold; | |
| } | |
| #ipython_notebook img { | |
| height: 28px; | |
| } | |
| #site { | |
| width: 100%; | |
| display: none; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| overflow: auto; | |
| } | |
| @media print { | |
| #site { | |
| height: auto !important; | |
| } | |
| } | |
| /* Smaller buttons */ | |
| .ui-button .ui-button-text { | |
| padding: 0.2em 0.8em; | |
| font-size: 77%; | |
| } | |
| input.ui-button { | |
| padding: 0.3em 0.9em; | |
| } | |
| span#kernel_logo_widget { | |
| margin: 0 10px; | |
| } | |
| span#login_widget { | |
| float: right; | |
| } | |
| [dir="rtl"] span#login_widget { | |
| float: left; | |
| } | |
| span#login_widget > .button, | |
| #logout { | |
| color: #333; | |
| background-color: #fff; | |
| border-color: #ccc; | |
| } | |
| span#login_widget > .button:focus, | |
| #logout:focus, | |
| span#login_widget > .button.focus, | |
| #logout.focus { | |
| color: #333; | |
| background-color: #e6e6e6; | |
| border-color: #8c8c8c; | |
| } | |
| span#login_widget > .button:hover, | |
| #logout:hover { | |
| color: #333; | |
| background-color: #e6e6e6; | |
| border-color: #adadad; | |
| } | |
| span#login_widget > .button:active, | |
| #logout:active, | |
| span#login_widget > .button.active, | |
| #logout.active, | |
| .open > .dropdown-togglespan#login_widget > .button, | |
| .open > .dropdown-toggle#logout { | |
| color: #333; | |
| background-color: #e6e6e6; | |
| border-color: #adadad; | |
| } | |
| span#login_widget > .button:active:hover, | |
| #logout:active:hover, | |
| span#login_widget > .button.active:hover, | |
| #logout.active:hover, | |
| .open > .dropdown-togglespan#login_widget > .button:hover, | |
| .open > .dropdown-toggle#logout:hover, | |
| span#login_widget > .button:active:focus, | |
| #logout:active:focus, | |
| span#login_widget > .button.active:focus, | |
| #logout.active:focus, | |
| .open > .dropdown-togglespan#login_widget > .button:focus, | |
| .open > .dropdown-toggle#logout:focus, | |
| span#login_widget > .button:active.focus, | |
| #logout:active.focus, | |
| span#login_widget > .button.active.focus, | |
| #logout.active.focus, | |
| .open > .dropdown-togglespan#login_widget > .button.focus, | |
| .open > .dropdown-toggle#logout.focus { | |
| color: #333; | |
| background-color: #d4d4d4; | |
| border-color: #8c8c8c; | |
| } | |
| span#login_widget > .button:active, | |
| #logout:active, | |
| span#login_widget > .button.active, | |
| #logout.active, | |
| .open > .dropdown-togglespan#login_widget > .button, | |
| .open > .dropdown-toggle#logout { | |
| background-image: none; | |
| } | |
| span#login_widget > .button.disabled:hover, | |
| #logout.disabled:hover, | |
| span#login_widget > .button[disabled]:hover, | |
| #logout[disabled]:hover, | |
| fieldset[disabled] span#login_widget > .button:hover, | |
| fieldset[disabled] #logout:hover, | |
| span#login_widget > .button.disabled:focus, | |
| #logout.disabled:focus, | |
| span#login_widget > .button[disabled]:focus, | |
| #logout[disabled]:focus, | |
| fieldset[disabled] span#login_widget > .button:focus, | |
| fieldset[disabled] #logout:focus, | |
| span#login_widget > .button.disabled.focus, | |
| #logout.disabled.focus, | |
| span#login_widget > .button[disabled].focus, | |
| #logout[disabled].focus, | |
| fieldset[disabled] span#login_widget > .button.focus, | |
| fieldset[disabled] #logout.focus { | |
| background-color: #fff; | |
| border-color: #ccc; | |
| } | |
| span#login_widget > .button .badge, | |
| #logout .badge { | |
| color: #fff; | |
| background-color: #333; | |
| } | |
| .nav-header { | |
| text-transform: none; | |
| } | |
| #header > span { | |
| margin-top: 10px; | |
| } | |
| .modal_stretch .modal-dialog { | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: vertical; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: vertical; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: column; | |
| align-items: stretch; | |
| min-height: 80vh; | |
| } | |
| .modal_stretch .modal-dialog .modal-body { | |
| max-height: calc(100vh - 200px); | |
| overflow: auto; | |
| flex: 1; | |
| } | |
| .modal-header { | |
| cursor: move; | |
| } | |
| @media (min-width: 768px) { | |
| .modal .modal-dialog { | |
| width: 700px; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| select.form-control { | |
| margin-left: 12px; | |
| margin-right: 12px; | |
| } | |
| } | |
| /*! | |
| * | |
| * IPython auth | |
| * | |
| */ | |
| .center-nav { | |
| display: inline-block; | |
| margin-bottom: -4px; | |
| } | |
| [dir="rtl"] .center-nav form.pull-left { | |
| float: right !important; | |
| float: right; | |
| } | |
| [dir="rtl"] .center-nav .navbar-text { | |
| float: right; | |
| } | |
| [dir="rtl"] .navbar-inner { | |
| text-align: right; | |
| } | |
| [dir="rtl"] div.text-left { | |
| text-align: right; | |
| } | |
| /*! | |
| * | |
| * IPython tree view | |
| * | |
| */ | |
| /* We need an invisible input field on top of the sentense*/ | |
| /* "Drag file onto the list ..." */ | |
| .alternate_upload { | |
| background-color: none; | |
| display: inline; | |
| } | |
| .alternate_upload.form { | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .alternate_upload input.fileinput { | |
| position: absolute; | |
| display: block; | |
| width: 100%; | |
| height: 100%; | |
| overflow: hidden; | |
| cursor: pointer; | |
| opacity: 0; | |
| z-index: 2; | |
| } | |
| .alternate_upload .btn-xs > input.fileinput { | |
| margin: -1px -5px; | |
| } | |
| .alternate_upload .btn-upload { | |
| position: relative; | |
| height: 22px; | |
| } | |
| ::-webkit-file-upload-button { | |
| cursor: pointer; | |
| } | |
| /** | |
| * Primary styles | |
| * | |
| * Author: Jupyter Development Team | |
| */ | |
| ul#tabs { | |
| margin-bottom: 4px; | |
| } | |
| ul#tabs a { | |
| padding-top: 6px; | |
| padding-bottom: 4px; | |
| } | |
| [dir="rtl"] ul#tabs.nav-tabs > li { | |
| float: right; | |
| } | |
| [dir="rtl"] ul#tabs.nav.nav-tabs { | |
| padding-right: 0; | |
| } | |
| ul.breadcrumb a:focus, | |
| ul.breadcrumb a:hover { | |
| text-decoration: none; | |
| } | |
| ul.breadcrumb i.icon-home { | |
| font-size: 16px; | |
| margin-right: 4px; | |
| } | |
| ul.breadcrumb span { | |
| color: #5e5e5e; | |
| } | |
| .list_toolbar { | |
| padding: 4px 0 4px 0; | |
| vertical-align: middle; | |
| } | |
| .list_toolbar .tree-buttons { | |
| padding-top: 1px; | |
| } | |
| [dir="rtl"] .list_toolbar .tree-buttons .pull-right { | |
| float: left !important; | |
| float: left; | |
| } | |
| [dir="rtl"] .list_toolbar .col-sm-4, | |
| [dir="rtl"] .list_toolbar .col-sm-8 { | |
| float: right; | |
| } | |
| .dynamic-buttons { | |
| padding-top: 3px; | |
| display: inline-block; | |
| } | |
| .list_toolbar [class*="span"] { | |
| min-height: 24px; | |
| } | |
| .list_header { | |
| font-weight: bold; | |
| background-color: #EEE; | |
| } | |
| .list_placeholder { | |
| font-weight: bold; | |
| padding-top: 4px; | |
| padding-bottom: 4px; | |
| padding-left: 7px; | |
| padding-right: 7px; | |
| } | |
| .list_container { | |
| margin-top: 4px; | |
| margin-bottom: 20px; | |
| border: 1px solid #ddd; | |
| border-radius: 2px; | |
| } | |
| .list_container > div { | |
| border-bottom: 1px solid #ddd; | |
| } | |
| .list_container > div:hover .list-item { | |
| background-color: red; | |
| } | |
| .list_container > div:last-child { | |
| border: none; | |
| } | |
| .list_item:hover .list_item { | |
| background-color: #ddd; | |
| } | |
| .list_item a { | |
| text-decoration: none; | |
| } | |
| .list_item:hover { | |
| background-color: #fafafa; | |
| } | |
| .list_header > div, | |
| .list_item > div { | |
| padding-top: 4px; | |
| padding-bottom: 4px; | |
| padding-left: 7px; | |
| padding-right: 7px; | |
| line-height: 22px; | |
| } | |
| .list_header > div input, | |
| .list_item > div input { | |
| margin-right: 7px; | |
| margin-left: 14px; | |
| vertical-align: text-bottom; | |
| line-height: 22px; | |
| position: relative; | |
| top: -1px; | |
| } | |
| .list_header > div .item_link, | |
| .list_item > div .item_link { | |
| margin-left: -1px; | |
| vertical-align: baseline; | |
| line-height: 22px; | |
| } | |
| [dir="rtl"] .list_item > div input { | |
| margin-right: 0; | |
| } | |
| .new-file input[type=checkbox] { | |
| visibility: hidden; | |
| } | |
| .item_name { | |
| line-height: 22px; | |
| height: 24px; | |
| } | |
| .item_icon { | |
| font-size: 14px; | |
| color: #5e5e5e; | |
| margin-right: 7px; | |
| margin-left: 7px; | |
| line-height: 22px; | |
| vertical-align: baseline; | |
| } | |
| .item_modified { | |
| margin-right: 7px; | |
| margin-left: 7px; | |
| } | |
| [dir="rtl"] .item_modified.pull-right { | |
| float: left !important; | |
| float: left; | |
| } | |
| .item_buttons { | |
| line-height: 1em; | |
| margin-left: -5px; | |
| } | |
| .item_buttons .btn, | |
| .item_buttons .btn-group, | |
| .item_buttons .input-group { | |
| float: left; | |
| } | |
| .item_buttons > .btn, | |
| .item_buttons > .btn-group, | |
| .item_buttons > .input-group { | |
| margin-left: 5px; | |
| } | |
| .item_buttons .btn { | |
| min-width: 13ex; | |
| } | |
| .item_buttons .running-indicator { | |
| padding-top: 4px; | |
| color: #5cb85c; | |
| } | |
| .item_buttons .kernel-name { | |
| padding-top: 4px; | |
| color: #5bc0de; | |
| margin-right: 7px; | |
| float: left; | |
| } | |
| [dir="rtl"] .item_buttons.pull-right { | |
| float: left !important; | |
| float: left; | |
| } | |
| [dir="rtl"] .item_buttons .kernel-name { | |
| margin-left: 7px; | |
| float: right; | |
| } | |
| .toolbar_info { | |
| height: 24px; | |
| line-height: 24px; | |
| } | |
| .list_item input:not([type=checkbox]) { | |
| padding-top: 3px; | |
| padding-bottom: 3px; | |
| height: 22px; | |
| line-height: 14px; | |
| margin: 0px; | |
| } | |
| .highlight_text { | |
| color: blue; | |
| } | |
| #project_name { | |
| display: inline-block; | |
| padding-left: 7px; | |
| margin-left: -2px; | |
| } | |
| #project_name > .breadcrumb { | |
| padding: 0px; | |
| margin-bottom: 0px; | |
| background-color: transparent; | |
| font-weight: bold; | |
| } | |
| .sort_button { | |
| display: inline-block; | |
| padding-left: 7px; | |
| } | |
| [dir="rtl"] .sort_button.pull-right { | |
| float: left !important; | |
| float: left; | |
| } | |
| #tree-selector { | |
| padding-right: 0px; | |
| } | |
| #button-select-all { | |
| min-width: 50px; | |
| } | |
| [dir="rtl"] #button-select-all.btn { | |
| float: right ; | |
| } | |
| #select-all { | |
| margin-left: 7px; | |
| margin-right: 2px; | |
| margin-top: 2px; | |
| height: 16px; | |
| } | |
| [dir="rtl"] #select-all.pull-left { | |
| float: right !important; | |
| float: right; | |
| } | |
| .menu_icon { | |
| margin-right: 2px; | |
| } | |
| .tab-content .row { | |
| margin-left: 0px; | |
| margin-right: 0px; | |
| } | |
| .folder_icon:before { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| content: "\f114"; | |
| } | |
| .folder_icon:before.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .folder_icon:before.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .folder_icon:before.pull-left { | |
| margin-right: .3em; | |
| } | |
| .folder_icon:before.pull-right { | |
| margin-left: .3em; | |
| } | |
| .notebook_icon:before { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| content: "\f02d"; | |
| position: relative; | |
| top: -1px; | |
| } | |
| .notebook_icon:before.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .notebook_icon:before.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .notebook_icon:before.pull-left { | |
| margin-right: .3em; | |
| } | |
| .notebook_icon:before.pull-right { | |
| margin-left: .3em; | |
| } | |
| .running_notebook_icon:before { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| content: "\f02d"; | |
| position: relative; | |
| top: -1px; | |
| color: #5cb85c; | |
| } | |
| .running_notebook_icon:before.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .running_notebook_icon:before.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .running_notebook_icon:before.pull-left { | |
| margin-right: .3em; | |
| } | |
| .running_notebook_icon:before.pull-right { | |
| margin-left: .3em; | |
| } | |
| .file_icon:before { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| content: "\f016"; | |
| position: relative; | |
| top: -2px; | |
| } | |
| .file_icon:before.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .file_icon:before.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .file_icon:before.pull-left { | |
| margin-right: .3em; | |
| } | |
| .file_icon:before.pull-right { | |
| margin-left: .3em; | |
| } | |
| #notebook_toolbar .pull-right { | |
| padding-top: 0px; | |
| margin-right: -1px; | |
| } | |
| ul#new-menu { | |
| left: auto; | |
| right: 0; | |
| } | |
| #new-menu .dropdown-header { | |
| font-size: 10px; | |
| border-bottom: 1px solid #e5e5e5; | |
| padding: 0 0 3px; | |
| margin: -3px 20px 0; | |
| } | |
| .kernel-menu-icon { | |
| padding-right: 12px; | |
| width: 24px; | |
| content: "\f096"; | |
| } | |
| .kernel-menu-icon:before { | |
| content: "\f096"; | |
| } | |
| .kernel-menu-icon-current:before { | |
| content: "\f00c"; | |
| } | |
| #tab_content { | |
| padding-top: 20px; | |
| } | |
| #running .panel-group .panel { | |
| margin-top: 3px; | |
| margin-bottom: 1em; | |
| } | |
| #running .panel-group .panel .panel-heading { | |
| background-color: #EEE; | |
| padding-top: 4px; | |
| padding-bottom: 4px; | |
| padding-left: 7px; | |
| padding-right: 7px; | |
| line-height: 22px; | |
| } | |
| #running .panel-group .panel .panel-heading a:focus, | |
| #running .panel-group .panel .panel-heading a:hover { | |
| text-decoration: none; | |
| } | |
| #running .panel-group .panel .panel-body { | |
| padding: 0px; | |
| } | |
| #running .panel-group .panel .panel-body .list_container { | |
| margin-top: 0px; | |
| margin-bottom: 0px; | |
| border: 0px; | |
| border-radius: 0px; | |
| } | |
| #running .panel-group .panel .panel-body .list_container .list_item { | |
| border-bottom: 1px solid #ddd; | |
| } | |
| #running .panel-group .panel .panel-body .list_container .list_item:last-child { | |
| border-bottom: 0px; | |
| } | |
| .delete-button { | |
| display: none; | |
| } | |
| .duplicate-button { | |
| display: none; | |
| } | |
| .rename-button { | |
| display: none; | |
| } | |
| .move-button { | |
| display: none; | |
| } | |
| .download-button { | |
| display: none; | |
| } | |
| .shutdown-button { | |
| display: none; | |
| } | |
| .dynamic-instructions { | |
| display: inline-block; | |
| padding-top: 4px; | |
| } | |
| /*! | |
| * | |
| * IPython text editor webapp | |
| * | |
| */ | |
| .selected-keymap i.fa { | |
| padding: 0px 5px; | |
| } | |
| .selected-keymap i.fa:before { | |
| content: "\f00c"; | |
| } | |
| #mode-menu { | |
| overflow: auto; | |
| max-height: 20em; | |
| } | |
| .edit_app #header { | |
| -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); | |
| box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); | |
| } | |
| .edit_app #menubar .navbar { | |
| /* Use a negative 1 bottom margin, so the border overlaps the border of the | |
| header */ | |
| margin-bottom: -1px; | |
| } | |
| .dirty-indicator { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| width: 20px; | |
| } | |
| .dirty-indicator.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .dirty-indicator.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .dirty-indicator.pull-left { | |
| margin-right: .3em; | |
| } | |
| .dirty-indicator.pull-right { | |
| margin-left: .3em; | |
| } | |
| .dirty-indicator-dirty { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| width: 20px; | |
| } | |
| .dirty-indicator-dirty.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .dirty-indicator-dirty.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .dirty-indicator-dirty.pull-left { | |
| margin-right: .3em; | |
| } | |
| .dirty-indicator-dirty.pull-right { | |
| margin-left: .3em; | |
| } | |
| .dirty-indicator-clean { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| width: 20px; | |
| } | |
| .dirty-indicator-clean.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .dirty-indicator-clean.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .dirty-indicator-clean.pull-left { | |
| margin-right: .3em; | |
| } | |
| .dirty-indicator-clean.pull-right { | |
| margin-left: .3em; | |
| } | |
| .dirty-indicator-clean:before { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| content: "\f00c"; | |
| } | |
| .dirty-indicator-clean:before.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .dirty-indicator-clean:before.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .dirty-indicator-clean:before.pull-left { | |
| margin-right: .3em; | |
| } | |
| .dirty-indicator-clean:before.pull-right { | |
| margin-left: .3em; | |
| } | |
| #filename { | |
| font-size: 16pt; | |
| display: table; | |
| padding: 0px 5px; | |
| } | |
| #current-mode { | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| } | |
| #texteditor-backdrop { | |
| padding-top: 20px; | |
| padding-bottom: 20px; | |
| } | |
| @media not print { | |
| #texteditor-backdrop { | |
| background-color: #EEE; | |
| } | |
| } | |
| @media print { | |
| #texteditor-backdrop #texteditor-container .CodeMirror-gutter, | |
| #texteditor-backdrop #texteditor-container .CodeMirror-gutters { | |
| background-color: #fff; | |
| } | |
| } | |
| @media not print { | |
| #texteditor-backdrop #texteditor-container .CodeMirror-gutter, | |
| #texteditor-backdrop #texteditor-container .CodeMirror-gutters { | |
| background-color: #fff; | |
| } | |
| } | |
| @media not print { | |
| #texteditor-backdrop #texteditor-container { | |
| padding: 0px; | |
| background-color: #fff; | |
| -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); | |
| box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); | |
| } | |
| } | |
| .CodeMirror-dialog { | |
| background-color: #fff; | |
| } | |
| /*! | |
| * | |
| * IPython notebook | |
| * | |
| */ | |
| /* CSS font colors for translated ANSI escape sequences */ | |
| /* The color values are a mix of | |
| http://www.xcolors.net/dl/baskerville-ivorylight and | |
| http://www.xcolors.net/dl/euphrasia */ | |
| .ansi-black-fg { | |
| color: #3E424D; | |
| } | |
| .ansi-black-bg { | |
| background-color: #3E424D; | |
| } | |
| .ansi-black-intense-fg { | |
| color: #282C36; | |
| } | |
| .ansi-black-intense-bg { | |
| background-color: #282C36; | |
| } | |
| .ansi-red-fg { | |
| color: #E75C58; | |
| } | |
| .ansi-red-bg { | |
| background-color: #E75C58; | |
| } | |
| .ansi-red-intense-fg { | |
| color: #B22B31; | |
| } | |
| .ansi-red-intense-bg { | |
| background-color: #B22B31; | |
| } | |
| .ansi-green-fg { | |
| color: #00A250; | |
| } | |
| .ansi-green-bg { | |
| background-color: #00A250; | |
| } | |
| .ansi-green-intense-fg { | |
| color: #007427; | |
| } | |
| .ansi-green-intense-bg { | |
| background-color: #007427; | |
| } | |
| .ansi-yellow-fg { | |
| color: #DDB62B; | |
| } | |
| .ansi-yellow-bg { | |
| background-color: #DDB62B; | |
| } | |
| .ansi-yellow-intense-fg { | |
| color: #B27D12; | |
| } | |
| .ansi-yellow-intense-bg { | |
| background-color: #B27D12; | |
| } | |
| .ansi-blue-fg { | |
| color: #208FFB; | |
| } | |
| .ansi-blue-bg { | |
| background-color: #208FFB; | |
| } | |
| .ansi-blue-intense-fg { | |
| color: #0065CA; | |
| } | |
| .ansi-blue-intense-bg { | |
| background-color: #0065CA; | |
| } | |
| .ansi-magenta-fg { | |
| color: #D160C4; | |
| } | |
| .ansi-magenta-bg { | |
| background-color: #D160C4; | |
| } | |
| .ansi-magenta-intense-fg { | |
| color: #A03196; | |
| } | |
| .ansi-magenta-intense-bg { | |
| background-color: #A03196; | |
| } | |
| .ansi-cyan-fg { | |
| color: #60C6C8; | |
| } | |
| .ansi-cyan-bg { | |
| background-color: #60C6C8; | |
| } | |
| .ansi-cyan-intense-fg { | |
| color: #258F8F; | |
| } | |
| .ansi-cyan-intense-bg { | |
| background-color: #258F8F; | |
| } | |
| .ansi-white-fg { | |
| color: #C5C1B4; | |
| } | |
| .ansi-white-bg { | |
| background-color: #C5C1B4; | |
| } | |
| .ansi-white-intense-fg { | |
| color: #A1A6B2; | |
| } | |
| .ansi-white-intense-bg { | |
| background-color: #A1A6B2; | |
| } | |
| .ansi-default-inverse-fg { | |
| color: #FFFFFF; | |
| } | |
| .ansi-default-inverse-bg { | |
| background-color: #000000; | |
| } | |
| .ansi-bold { | |
| font-weight: bold; | |
| } | |
| .ansi-underline { | |
| text-decoration: underline; | |
| } | |
| /* The following styles are deprecated an will be removed in a future version */ | |
| .ansibold { | |
| font-weight: bold; | |
| } | |
| .ansi-inverse { | |
| outline: 0.5px dotted; | |
| } | |
| /* use dark versions for foreground, to improve visibility */ | |
| .ansiblack { | |
| color: black; | |
| } | |
| .ansired { | |
| color: darkred; | |
| } | |
| .ansigreen { | |
| color: darkgreen; | |
| } | |
| .ansiyellow { | |
| color: #c4a000; | |
| } | |
| .ansiblue { | |
| color: darkblue; | |
| } | |
| .ansipurple { | |
| color: darkviolet; | |
| } | |
| .ansicyan { | |
| color: steelblue; | |
| } | |
| .ansigray { | |
| color: gray; | |
| } | |
| /* and light for background, for the same reason */ | |
| .ansibgblack { | |
| background-color: black; | |
| } | |
| .ansibgred { | |
| background-color: red; | |
| } | |
| .ansibggreen { | |
| background-color: green; | |
| } | |
| .ansibgyellow { | |
| background-color: yellow; | |
| } | |
| .ansibgblue { | |
| background-color: blue; | |
| } | |
| .ansibgpurple { | |
| background-color: magenta; | |
| } | |
| .ansibgcyan { | |
| background-color: cyan; | |
| } | |
| .ansibggray { | |
| background-color: gray; | |
| } | |
| div.cell { | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: vertical; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: vertical; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: column; | |
| align-items: stretch; | |
| border-radius: 2px; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| border-width: 1px; | |
| border-style: solid; | |
| border-color: transparent; | |
| width: 100%; | |
| padding: 5px; | |
| /* This acts as a spacer between cells, that is outside the border */ | |
| margin: 0px; | |
| outline: none; | |
| position: relative; | |
| overflow: visible; | |
| } | |
| div.cell:before { | |
| position: absolute; | |
| display: block; | |
| top: -1px; | |
| left: -1px; | |
| width: 5px; | |
| height: calc(100% + 2px); | |
| content: ''; | |
| background: transparent; | |
| } | |
| div.cell.jupyter-soft-selected { | |
| border-left-color: #E3F2FD; | |
| border-left-width: 1px; | |
| padding-left: 5px; | |
| border-right-color: #E3F2FD; | |
| border-right-width: 1px; | |
| background: #E3F2FD; | |
| } | |
| @media print { | |
| div.cell.jupyter-soft-selected { | |
| border-color: transparent; | |
| } | |
| } | |
| div.cell.selected, | |
| div.cell.selected.jupyter-soft-selected { | |
| border-color: #ababab; | |
| } | |
| div.cell.selected:before, | |
| div.cell.selected.jupyter-soft-selected:before { | |
| position: absolute; | |
| display: block; | |
| top: -1px; | |
| left: -1px; | |
| width: 5px; | |
| height: calc(100% + 2px); | |
| content: ''; | |
| background: #42A5F5; | |
| } | |
| @media print { | |
| div.cell.selected, | |
| div.cell.selected.jupyter-soft-selected { | |
| border-color: transparent; | |
| } | |
| } | |
| .edit_mode div.cell.selected { | |
| border-color: #66BB6A; | |
| } | |
| .edit_mode div.cell.selected:before { | |
| position: absolute; | |
| display: block; | |
| top: -1px; | |
| left: -1px; | |
| width: 5px; | |
| height: calc(100% + 2px); | |
| content: ''; | |
| background: #66BB6A; | |
| } | |
| @media print { | |
| .edit_mode div.cell.selected { | |
| border-color: transparent; | |
| } | |
| } | |
| .prompt { | |
| /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */ | |
| min-width: 14ex; | |
| /* This padding is tuned to match the padding on the CodeMirror editor. */ | |
| padding: 0.4em; | |
| margin: 0px; | |
| font-family: monospace; | |
| text-align: right; | |
| /* This has to match that of the the CodeMirror class line-height below */ | |
| line-height: 1.21429em; | |
| /* Don't highlight prompt number selection */ | |
| -webkit-touch-callout: none; | |
| -webkit-user-select: none; | |
| -khtml-user-select: none; | |
| -moz-user-select: none; | |
| -ms-user-select: none; | |
| user-select: none; | |
| /* Use default cursor */ | |
| cursor: default; | |
| } | |
| @media (max-width: 540px) { | |
| .prompt { | |
| text-align: left; | |
| } | |
| } | |
| div.inner_cell { | |
| min-width: 0; | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: vertical; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: vertical; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: column; | |
| align-items: stretch; | |
| /* Old browsers */ | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| box-flex: 1; | |
| /* Modern browsers */ | |
| flex: 1; | |
| } | |
| /* input_area and input_prompt must match in top border and margin for alignment */ | |
| div.input_area { | |
| border: 1px solid #cfcfcf; | |
| border-radius: 2px; | |
| background: #f7f7f7; | |
| line-height: 1.21429em; | |
| } | |
| /* This is needed so that empty prompt areas can collapse to zero height when there | |
| is no content in the output_subarea and the prompt. The main purpose of this is | |
| to make sure that empty JavaScript output_subareas have no height. */ | |
| div.prompt:empty { | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| } | |
| div.unrecognized_cell { | |
| padding: 5px 5px 5px 0px; | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: horizontal; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: horizontal; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: row; | |
| align-items: stretch; | |
| } | |
| div.unrecognized_cell .inner_cell { | |
| border-radius: 2px; | |
| padding: 5px; | |
| font-weight: bold; | |
| color: red; | |
| border: 1px solid #cfcfcf; | |
| background: #eaeaea; | |
| } | |
| div.unrecognized_cell .inner_cell a { | |
| color: inherit; | |
| text-decoration: none; | |
| } | |
| div.unrecognized_cell .inner_cell a:hover { | |
| color: inherit; | |
| text-decoration: none; | |
| } | |
| @media (max-width: 540px) { | |
| div.unrecognized_cell > div.prompt { | |
| display: none; | |
| } | |
| } | |
| div.code_cell { | |
| /* avoid page breaking on code cells when printing */ | |
| } | |
| @media print { | |
| div.code_cell { | |
| page-break-inside: avoid; | |
| } | |
| } | |
| /* any special styling for code cells that are currently running goes here */ | |
| div.input { | |
| page-break-inside: avoid; | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: horizontal; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: horizontal; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: row; | |
| align-items: stretch; | |
| } | |
| @media (max-width: 540px) { | |
| div.input { | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: vertical; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: vertical; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: column; | |
| align-items: stretch; | |
| } | |
| } | |
| /* input_area and input_prompt must match in top border and margin for alignment */ | |
| div.input_prompt { | |
| color: #303F9F; | |
| border-top: 1px solid transparent; | |
| } | |
| div.input_area > div.highlight { | |
| margin: 0.4em; | |
| border: none; | |
| padding: 0px; | |
| background-color: transparent; | |
| } | |
| div.input_area > div.highlight > pre { | |
| margin: 0px; | |
| border: none; | |
| padding: 0px; | |
| background-color: transparent; | |
| } | |
| /* The following gets added to the <head> if it is detected that the user has a | |
| * monospace font with inconsistent normal/bold/italic height. See | |
| * notebookmain.js. Such fonts will have keywords vertically offset with | |
| * respect to the rest of the text. The user should select a better font. | |
| * See: https://github.com/ipython/ipython/issues/1503 | |
| * | |
| * .CodeMirror span { | |
| * vertical-align: bottom; | |
| * } | |
| */ | |
| .CodeMirror { | |
| line-height: 1.21429em; | |
| /* Changed from 1em to our global default */ | |
| font-size: 14px; | |
| height: auto; | |
| /* Changed to auto to autogrow */ | |
| background: none; | |
| /* Changed from white to allow our bg to show through */ | |
| } | |
| .CodeMirror-scroll { | |
| /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/ | |
| /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/ | |
| overflow-y: hidden; | |
| overflow-x: auto; | |
| } | |
| .CodeMirror-lines { | |
| /* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */ | |
| /* we have set a different line-height and want this to scale with that. */ | |
| /* Note that this should set vertical padding only, since CodeMirror assumes | |
| that horizontal padding will be set on CodeMirror pre */ | |
| padding: 0.4em 0; | |
| } | |
| .CodeMirror-linenumber { | |
| padding: 0 8px 0 4px; | |
| } | |
| .CodeMirror-gutters { | |
| border-bottom-left-radius: 2px; | |
| border-top-left-radius: 2px; | |
| } | |
| .CodeMirror pre { | |
| /* In CM3 this went to 4px from 0 in CM2. This sets horizontal padding only, | |
| use .CodeMirror-lines for vertical */ | |
| padding: 0 0.4em; | |
| border: 0; | |
| border-radius: 0; | |
| } | |
| .CodeMirror-cursor { | |
| border-left: 1.4px solid black; | |
| } | |
| @media screen and (min-width: 2138px) and (max-width: 4319px) { | |
| .CodeMirror-cursor { | |
| border-left: 2px solid black; | |
| } | |
| } | |
| @media screen and (min-width: 4320px) { | |
| .CodeMirror-cursor { | |
| border-left: 4px solid black; | |
| } | |
| } | |
| /* | |
| Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org> | |
| Adapted from GitHub theme | |
| */ | |
| .highlight-base { | |
| color: #000; | |
| } | |
| .highlight-variable { | |
| color: #000; | |
| } | |
| .highlight-variable-2 { | |
| color: #1a1a1a; | |
| } | |
| .highlight-variable-3 { | |
| color: #333333; | |
| } | |
| .highlight-string { | |
| color: #BA2121; | |
| } | |
| .highlight-comment { | |
| color: #408080; | |
| font-style: italic; | |
| } | |
| .highlight-number { | |
| color: #080; | |
| } | |
| .highlight-atom { | |
| color: #88F; | |
| } | |
| .highlight-keyword { | |
| color: #008000; | |
| font-weight: bold; | |
| } | |
| .highlight-builtin { | |
| color: #008000; | |
| } | |
| .highlight-error { | |
| color: #f00; | |
| } | |
| .highlight-operator { | |
| color: #AA22FF; | |
| font-weight: bold; | |
| } | |
| .highlight-meta { | |
| color: #AA22FF; | |
| } | |
| /* previously not defined, copying from default codemirror */ | |
| .highlight-def { | |
| color: #00f; | |
| } | |
| .highlight-string-2 { | |
| color: #f50; | |
| } | |
| .highlight-qualifier { | |
| color: #555; | |
| } | |
| .highlight-bracket { | |
| color: #997; | |
| } | |
| .highlight-tag { | |
| color: #170; | |
| } | |
| .highlight-attribute { | |
| color: #00c; | |
| } | |
| .highlight-header { | |
| color: blue; | |
| } | |
| .highlight-quote { | |
| color: #090; | |
| } | |
| .highlight-link { | |
| color: #00c; | |
| } | |
| /* apply the same style to codemirror */ | |
| .cm-s-ipython span.cm-keyword { | |
| color: #008000; | |
| font-weight: bold; | |
| } | |
| .cm-s-ipython span.cm-atom { | |
| color: #88F; | |
| } | |
| .cm-s-ipython span.cm-number { | |
| color: #080; | |
| } | |
| .cm-s-ipython span.cm-def { | |
| color: #00f; | |
| } | |
| .cm-s-ipython span.cm-variable { | |
| color: #000; | |
| } | |
| .cm-s-ipython span.cm-operator { | |
| color: #AA22FF; | |
| font-weight: bold; | |
| } | |
| .cm-s-ipython span.cm-variable-2 { | |
| color: #1a1a1a; | |
| } | |
| .cm-s-ipython span.cm-variable-3 { | |
| color: #333333; | |
| } | |
| .cm-s-ipython span.cm-comment { | |
| color: #408080; | |
| font-style: italic; | |
| } | |
| .cm-s-ipython span.cm-string { | |
| color: #BA2121; | |
| } | |
| .cm-s-ipython span.cm-string-2 { | |
| color: #f50; | |
| } | |
| .cm-s-ipython span.cm-meta { | |
| color: #AA22FF; | |
| } | |
| .cm-s-ipython span.cm-qualifier { | |
| color: #555; | |
| } | |
| .cm-s-ipython span.cm-builtin { | |
| color: #008000; | |
| } | |
| .cm-s-ipython span.cm-bracket { | |
| color: #997; | |
| } | |
| .cm-s-ipython span.cm-tag { | |
| color: #170; | |
| } | |
| .cm-s-ipython span.cm-attribute { | |
| color: #00c; | |
| } | |
| .cm-s-ipython span.cm-header { | |
| color: blue; | |
| } | |
| .cm-s-ipython span.cm-quote { | |
| color: #090; | |
| } | |
| .cm-s-ipython span.cm-link { | |
| color: #00c; | |
| } | |
| .cm-s-ipython span.cm-error { | |
| color: #f00; | |
| } | |
| .cm-s-ipython span.cm-tab { | |
| background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=); | |
| background-position: right; | |
| background-repeat: no-repeat; | |
| } | |
| div.output_wrapper { | |
| /* this position must be relative to enable descendents to be absolute within it */ | |
| position: relative; | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: vertical; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: vertical; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: column; | |
| align-items: stretch; | |
| z-index: 1; | |
| } | |
| /* class for the output area when it should be height-limited */ | |
| div.output_scroll { | |
| /* ideally, this would be max-height, but FF barfs all over that */ | |
| height: 24em; | |
| /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */ | |
| width: 100%; | |
| overflow: auto; | |
| border-radius: 2px; | |
| -webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8); | |
| box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8); | |
| display: block; | |
| } | |
| /* output div while it is collapsed */ | |
| div.output_collapsed { | |
| margin: 0px; | |
| padding: 0px; | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: vertical; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: vertical; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: column; | |
| align-items: stretch; | |
| } | |
| div.out_prompt_overlay { | |
| height: 100%; | |
| padding: 0px 0.4em; | |
| position: absolute; | |
| border-radius: 2px; | |
| } | |
| div.out_prompt_overlay:hover { | |
| /* use inner shadow to get border that is computed the same on WebKit/FF */ | |
| -webkit-box-shadow: inset 0 0 1px #000; | |
| box-shadow: inset 0 0 1px #000; | |
| background: rgba(240, 240, 240, 0.5); | |
| } | |
| div.output_prompt { | |
| color: #D84315; | |
| } | |
| /* This class is the outer container of all output sections. */ | |
| div.output_area { | |
| padding: 0px; | |
| page-break-inside: avoid; | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: horizontal; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: horizontal; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: row; | |
| align-items: stretch; | |
| } | |
| div.output_area .MathJax_Display { | |
| text-align: left !important; | |
| } | |
| div.output_area .rendered_html table { | |
| margin-left: 0; | |
| margin-right: 0; | |
| } | |
| div.output_area .rendered_html img { | |
| margin-left: 0; | |
| margin-right: 0; | |
| } | |
| div.output_area img, | |
| div.output_area svg { | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| div.output_area img.unconfined, | |
| div.output_area svg.unconfined { | |
| max-width: none; | |
| } | |
| div.output_area .mglyph > img { | |
| max-width: none; | |
| } | |
| /* This is needed to protect the pre formating from global settings such | |
| as that of bootstrap */ | |
| .output { | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: vertical; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: vertical; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: column; | |
| align-items: stretch; | |
| } | |
| @media (max-width: 540px) { | |
| div.output_area { | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: vertical; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: vertical; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: vertical; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: column; | |
| align-items: stretch; | |
| } | |
| } | |
| div.output_area pre { | |
| margin: 0; | |
| padding: 1px 0 1px 0; | |
| border: 0; | |
| vertical-align: baseline; | |
| color: black; | |
| background-color: transparent; | |
| border-radius: 0; | |
| } | |
| /* This class is for the output subarea inside the output_area and after | |
| the prompt div. */ | |
| div.output_subarea { | |
| overflow-x: auto; | |
| padding: 0.4em; | |
| /* Old browsers */ | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| box-flex: 1; | |
| /* Modern browsers */ | |
| flex: 1; | |
| max-width: calc(100% - 14ex); | |
| } | |
| div.output_scroll div.output_subarea { | |
| overflow-x: visible; | |
| } | |
| /* The rest of the output_* classes are for special styling of the different | |
| output types */ | |
| /* all text output has this class: */ | |
| div.output_text { | |
| text-align: left; | |
| color: #000; | |
| /* This has to match that of the the CodeMirror class line-height below */ | |
| line-height: 1.21429em; | |
| } | |
| /* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */ | |
| div.output_stderr { | |
| background: #fdd; | |
| /* very light red background for stderr */ | |
| } | |
| div.output_latex { | |
| text-align: left; | |
| } | |
| /* Empty output_javascript divs should have no height */ | |
| div.output_javascript:empty { | |
| padding: 0; | |
| } | |
| .js-error { | |
| color: darkred; | |
| } | |
| /* raw_input styles */ | |
| div.raw_input_container { | |
| line-height: 1.21429em; | |
| padding-top: 5px; | |
| } | |
| pre.raw_input_prompt { | |
| /* nothing needed here. */ | |
| } | |
| input.raw_input { | |
| font-family: monospace; | |
| font-size: inherit; | |
| color: inherit; | |
| width: auto; | |
| /* make sure input baseline aligns with prompt */ | |
| vertical-align: baseline; | |
| /* padding + margin = 0.5em between prompt and cursor */ | |
| padding: 0em 0.25em; | |
| margin: 0em 0.25em; | |
| } | |
| input.raw_input:focus { | |
| box-shadow: none; | |
| } | |
| p.p-space { | |
| margin-bottom: 10px; | |
| } | |
| div.output_unrecognized { | |
| padding: 5px; | |
| font-weight: bold; | |
| color: red; | |
| } | |
| div.output_unrecognized a { | |
| color: inherit; | |
| text-decoration: none; | |
| } | |
| div.output_unrecognized a:hover { | |
| color: inherit; | |
| text-decoration: none; | |
| } | |
| .rendered_html { | |
| color: #000; | |
| /* any extras will just be numbers: */ | |
| } | |
| .rendered_html em { | |
| font-style: italic; | |
| } | |
| .rendered_html strong { | |
| font-weight: bold; | |
| } | |
| .rendered_html u { | |
| text-decoration: underline; | |
| } | |
| .rendered_html :link { | |
| text-decoration: underline; | |
| } | |
| .rendered_html :visited { | |
| text-decoration: underline; | |
| } | |
| .rendered_html h1 { | |
| font-size: 185.7%; | |
| margin: 1.08em 0 0 0; | |
| font-weight: bold; | |
| line-height: 1.0; | |
| } | |
| .rendered_html h2 { | |
| font-size: 157.1%; | |
| margin: 1.27em 0 0 0; | |
| font-weight: bold; | |
| line-height: 1.0; | |
| } | |
| .rendered_html h3 { | |
| font-size: 128.6%; | |
| margin: 1.55em 0 0 0; | |
| font-weight: bold; | |
| line-height: 1.0; | |
| } | |
| .rendered_html h4 { | |
| font-size: 100%; | |
| margin: 2em 0 0 0; | |
| font-weight: bold; | |
| line-height: 1.0; | |
| } | |
| .rendered_html h5 { | |
| font-size: 100%; | |
| margin: 2em 0 0 0; | |
| font-weight: bold; | |
| line-height: 1.0; | |
| font-style: italic; | |
| } | |
| .rendered_html h6 { | |
| font-size: 100%; | |
| margin: 2em 0 0 0; | |
| font-weight: bold; | |
| line-height: 1.0; | |
| font-style: italic; | |
| } | |
| .rendered_html h1:first-child { | |
| margin-top: 0.538em; | |
| } | |
| .rendered_html h2:first-child { | |
| margin-top: 0.636em; | |
| } | |
| .rendered_html h3:first-child { | |
| margin-top: 0.777em; | |
| } | |
| .rendered_html h4:first-child { | |
| margin-top: 1em; | |
| } | |
| .rendered_html h5:first-child { | |
| margin-top: 1em; | |
| } | |
| .rendered_html h6:first-child { | |
| margin-top: 1em; | |
| } | |
| .rendered_html ul:not(.list-inline), | |
| .rendered_html ol:not(.list-inline) { | |
| padding-left: 2em; | |
| } | |
| .rendered_html ul { | |
| list-style: disc; | |
| } | |
| .rendered_html ul ul { | |
| list-style: square; | |
| margin-top: 0; | |
| } | |
| .rendered_html ul ul ul { | |
| list-style: circle; | |
| } | |
| .rendered_html ol { | |
| list-style: decimal; | |
| } | |
| .rendered_html ol ol { | |
| list-style: upper-alpha; | |
| margin-top: 0; | |
| } | |
| .rendered_html ol ol ol { | |
| list-style: lower-alpha; | |
| } | |
| .rendered_html ol ol ol ol { | |
| list-style: lower-roman; | |
| } | |
| .rendered_html ol ol ol ol ol { | |
| list-style: decimal; | |
| } | |
| .rendered_html * + ul { | |
| margin-top: 1em; | |
| } | |
| .rendered_html * + ol { | |
| margin-top: 1em; | |
| } | |
| .rendered_html hr { | |
| color: black; | |
| background-color: black; | |
| } | |
| .rendered_html pre { | |
| margin: 1em 2em; | |
| padding: 0px; | |
| background-color: #fff; | |
| } | |
| .rendered_html code { | |
| background-color: #eff0f1; | |
| } | |
| .rendered_html p code { | |
| padding: 1px 5px; | |
| } | |
| .rendered_html pre code { | |
| background-color: #fff; | |
| } | |
| .rendered_html pre, | |
| .rendered_html code { | |
| border: 0; | |
| color: #000; | |
| font-size: 100%; | |
| } | |
| .rendered_html blockquote { | |
| margin: 1em 2em; | |
| } | |
| .rendered_html table { | |
| margin-left: auto; | |
| margin-right: auto; | |
| border: none; | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| color: black; | |
| font-size: 12px; | |
| table-layout: fixed; | |
| } | |
| .rendered_html thead { | |
| border-bottom: 1px solid black; | |
| vertical-align: bottom; | |
| } | |
| .rendered_html tr, | |
| .rendered_html th, | |
| .rendered_html td { | |
| text-align: right; | |
| vertical-align: middle; | |
| padding: 0.5em 0.5em; | |
| line-height: normal; | |
| white-space: normal; | |
| max-width: none; | |
| border: none; | |
| } | |
| .rendered_html th { | |
| font-weight: bold; | |
| } | |
| .rendered_html tbody tr:nth-child(odd) { | |
| background: #f5f5f5; | |
| } | |
| .rendered_html tbody tr:hover { | |
| background: rgba(66, 165, 245, 0.2); | |
| } | |
| .rendered_html * + table { | |
| margin-top: 1em; | |
| } | |
| .rendered_html p { | |
| text-align: left; | |
| } | |
| .rendered_html * + p { | |
| margin-top: 1em; | |
| } | |
| .rendered_html img { | |
| display: block; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .rendered_html * + img { | |
| margin-top: 1em; | |
| } | |
| .rendered_html img, | |
| .rendered_html svg { | |
| max-width: 100%; | |
| height: auto; | |
| } | |
| .rendered_html img.unconfined, | |
| .rendered_html svg.unconfined { | |
| max-width: none; | |
| } | |
| .rendered_html .alert { | |
| margin-bottom: initial; | |
| } | |
| .rendered_html * + .alert { | |
| margin-top: 1em; | |
| } | |
| [dir="rtl"] .rendered_html p { | |
| text-align: right; | |
| } | |
| div.text_cell { | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: horizontal; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: horizontal; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: row; | |
| align-items: stretch; | |
| } | |
| @media (max-width: 540px) { | |
| div.text_cell > div.prompt { | |
| display: none; | |
| } | |
| } | |
| div.text_cell_render { | |
| /*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/ | |
| outline: none; | |
| resize: none; | |
| width: inherit; | |
| border-style: none; | |
| padding: 0.5em 0.5em 0.5em 0.4em; | |
| color: #000; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| } | |
| a.anchor-link:link { | |
| text-decoration: none; | |
| padding: 0px 20px; | |
| visibility: hidden; | |
| } | |
| h1:hover .anchor-link, | |
| h2:hover .anchor-link, | |
| h3:hover .anchor-link, | |
| h4:hover .anchor-link, | |
| h5:hover .anchor-link, | |
| h6:hover .anchor-link { | |
| visibility: visible; | |
| } | |
| .text_cell.rendered .input_area { | |
| display: none; | |
| } | |
| .text_cell.rendered .rendered_html { | |
| overflow-x: auto; | |
| overflow-y: hidden; | |
| } | |
| .text_cell.rendered .rendered_html tr, | |
| .text_cell.rendered .rendered_html th, | |
| .text_cell.rendered .rendered_html td { | |
| max-width: none; | |
| } | |
| .text_cell.unrendered .text_cell_render { | |
| display: none; | |
| } | |
| .text_cell .dropzone .input_area { | |
| border: 2px dashed #bababa; | |
| margin: -1px; | |
| } | |
| .cm-header-1, | |
| .cm-header-2, | |
| .cm-header-3, | |
| .cm-header-4, | |
| .cm-header-5, | |
| .cm-header-6 { | |
| font-weight: bold; | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| } | |
| .cm-header-1 { | |
| font-size: 185.7%; | |
| } | |
| .cm-header-2 { | |
| font-size: 157.1%; | |
| } | |
| .cm-header-3 { | |
| font-size: 128.6%; | |
| } | |
| .cm-header-4 { | |
| font-size: 110%; | |
| } | |
| .cm-header-5 { | |
| font-size: 100%; | |
| font-style: italic; | |
| } | |
| .cm-header-6 { | |
| font-size: 100%; | |
| font-style: italic; | |
| } | |
| /*! | |
| * | |
| * IPython notebook webapp | |
| * | |
| */ | |
| @media (max-width: 767px) { | |
| .notebook_app { | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| } | |
| #ipython-main-app { | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| height: 100%; | |
| } | |
| div#notebook_panel { | |
| margin: 0px; | |
| padding: 0px; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| height: 100%; | |
| } | |
| div#notebook { | |
| font-size: 14px; | |
| line-height: 20px; | |
| overflow-y: hidden; | |
| overflow-x: auto; | |
| width: 100%; | |
| /* This spaces the page away from the edge of the notebook area */ | |
| padding-top: 20px; | |
| margin: 0px; | |
| outline: none; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| min-height: 100%; | |
| } | |
| @media not print { | |
| #notebook-container { | |
| padding: 15px; | |
| background-color: #fff; | |
| min-height: 0; | |
| -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); | |
| box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); | |
| } | |
| } | |
| @media print { | |
| #notebook-container { | |
| width: 100%; | |
| } | |
| } | |
| div.ui-widget-content { | |
| border: 1px solid #ababab; | |
| outline: none; | |
| } | |
| pre.dialog { | |
| background-color: #f7f7f7; | |
| border: 1px solid #ddd; | |
| border-radius: 2px; | |
| padding: 0.4em; | |
| padding-left: 2em; | |
| } | |
| p.dialog { | |
| padding: 0.2em; | |
| } | |
| /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems | |
| to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do. | |
| */ | |
| pre, | |
| code, | |
| kbd, | |
| samp { | |
| white-space: pre-wrap; | |
| } | |
| #fonttest { | |
| font-family: monospace; | |
| } | |
| p { | |
| margin-bottom: 0; | |
| } | |
| .end_space { | |
| min-height: 100px; | |
| transition: height .2s ease; | |
| } | |
| .notebook_app > #header { | |
| -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); | |
| box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); | |
| } | |
| @media not print { | |
| .notebook_app { | |
| background-color: #EEE; | |
| } | |
| } | |
| kbd { | |
| border-style: solid; | |
| border-width: 1px; | |
| box-shadow: none; | |
| margin: 2px; | |
| padding-left: 2px; | |
| padding-right: 2px; | |
| padding-top: 1px; | |
| padding-bottom: 1px; | |
| } | |
| .jupyter-keybindings { | |
| padding: 1px; | |
| line-height: 24px; | |
| border-bottom: 1px solid gray; | |
| } | |
| .jupyter-keybindings input { | |
| margin: 0; | |
| padding: 0; | |
| border: none; | |
| } | |
| .jupyter-keybindings i { | |
| padding: 6px; | |
| } | |
| .well code { | |
| background-color: #ffffff; | |
| border-color: #ababab; | |
| border-width: 1px; | |
| border-style: solid; | |
| padding: 2px; | |
| padding-top: 1px; | |
| padding-bottom: 1px; | |
| } | |
| /* CSS for the cell toolbar */ | |
| .celltoolbar { | |
| border: thin solid #CFCFCF; | |
| border-bottom: none; | |
| background: #EEE; | |
| border-radius: 2px 2px 0px 0px; | |
| width: 100%; | |
| height: 29px; | |
| padding-right: 4px; | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: horizontal; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: horizontal; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: row; | |
| align-items: stretch; | |
| /* Old browsers */ | |
| -webkit-box-pack: end; | |
| -moz-box-pack: end; | |
| box-pack: end; | |
| /* Modern browsers */ | |
| justify-content: flex-end; | |
| display: -webkit-flex; | |
| } | |
| @media print { | |
| .celltoolbar { | |
| display: none; | |
| } | |
| } | |
| .ctb_hideshow { | |
| display: none; | |
| vertical-align: bottom; | |
| } | |
| /* ctb_show is added to the ctb_hideshow div to show the cell toolbar. | |
| Cell toolbars are only shown when the ctb_global_show class is also set. | |
| */ | |
| .ctb_global_show .ctb_show.ctb_hideshow { | |
| display: block; | |
| } | |
| .ctb_global_show .ctb_show + .input_area, | |
| .ctb_global_show .ctb_show + div.text_cell_input, | |
| .ctb_global_show .ctb_show ~ div.text_cell_render { | |
| border-top-right-radius: 0px; | |
| border-top-left-radius: 0px; | |
| } | |
| .ctb_global_show .ctb_show ~ div.text_cell_render { | |
| border: 1px solid #cfcfcf; | |
| } | |
| .celltoolbar { | |
| font-size: 87%; | |
| padding-top: 3px; | |
| } | |
| .celltoolbar select { | |
| display: block; | |
| width: 100%; | |
| height: 32px; | |
| padding: 6px 12px; | |
| font-size: 13px; | |
| line-height: 1.42857143; | |
| color: #555555; | |
| background-color: #fff; | |
| background-image: none; | |
| border: 1px solid #ccc; | |
| border-radius: 2px; | |
| -webkit-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-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
| -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
| transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
| height: 30px; | |
| padding: 5px 10px; | |
| font-size: 12px; | |
| line-height: 1.5; | |
| border-radius: 1px; | |
| width: inherit; | |
| font-size: inherit; | |
| height: 22px; | |
| padding: 0px; | |
| display: inline-block; | |
| } | |
| .celltoolbar select:focus { | |
| border-color: #66afe9; | |
| outline: 0; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
| box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
| } | |
| .celltoolbar select::-moz-placeholder { | |
| color: #999; | |
| opacity: 1; | |
| } | |
| .celltoolbar select:-ms-input-placeholder { | |
| color: #999; | |
| } | |
| .celltoolbar select::-webkit-input-placeholder { | |
| color: #999; | |
| } | |
| .celltoolbar select::-ms-expand { | |
| border: 0; | |
| background-color: transparent; | |
| } | |
| .celltoolbar select[disabled], | |
| .celltoolbar select[readonly], | |
| fieldset[disabled] .celltoolbar select { | |
| background-color: #eeeeee; | |
| opacity: 1; | |
| } | |
| .celltoolbar select[disabled], | |
| fieldset[disabled] .celltoolbar select { | |
| cursor: not-allowed; | |
| } | |
| textarea.celltoolbar select { | |
| height: auto; | |
| } | |
| select.celltoolbar select { | |
| height: 30px; | |
| line-height: 30px; | |
| } | |
| textarea.celltoolbar select, | |
| select[multiple].celltoolbar select { | |
| height: auto; | |
| } | |
| .celltoolbar label { | |
| margin-left: 5px; | |
| margin-right: 5px; | |
| } | |
| .tags_button_container { | |
| width: 100%; | |
| display: flex; | |
| } | |
| .tag-container { | |
| display: flex; | |
| flex-direction: row; | |
| flex-grow: 1; | |
| overflow: hidden; | |
| position: relative; | |
| } | |
| .tag-container > * { | |
| margin: 0 4px; | |
| } | |
| .remove-tag-btn { | |
| margin-left: 4px; | |
| } | |
| .tags-input { | |
| display: flex; | |
| } | |
| .cell-tag:last-child:after { | |
| content: ""; | |
| position: absolute; | |
| right: 0; | |
| width: 40px; | |
| height: 100%; | |
| /* Fade to background color of cell toolbar */ | |
| background: linear-gradient(to right, rgba(0, 0, 0, 0), #EEE); | |
| } | |
| .tags-input > * { | |
| margin-left: 4px; | |
| } | |
| .cell-tag, | |
| .tags-input input, | |
| .tags-input button { | |
| display: block; | |
| width: 100%; | |
| height: 32px; | |
| padding: 6px 12px; | |
| font-size: 13px; | |
| line-height: 1.42857143; | |
| color: #555555; | |
| background-color: #fff; | |
| background-image: none; | |
| border: 1px solid #ccc; | |
| border-radius: 2px; | |
| -webkit-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-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
| -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
| transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
| height: 30px; | |
| padding: 5px 10px; | |
| font-size: 12px; | |
| line-height: 1.5; | |
| border-radius: 1px; | |
| box-shadow: none; | |
| width: inherit; | |
| font-size: inherit; | |
| height: 22px; | |
| line-height: 22px; | |
| padding: 0px 4px; | |
| display: inline-block; | |
| } | |
| .cell-tag:focus, | |
| .tags-input input:focus, | |
| .tags-input button:focus { | |
| border-color: #66afe9; | |
| outline: 0; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
| box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
| } | |
| .cell-tag::-moz-placeholder, | |
| .tags-input input::-moz-placeholder, | |
| .tags-input button::-moz-placeholder { | |
| color: #999; | |
| opacity: 1; | |
| } | |
| .cell-tag:-ms-input-placeholder, | |
| .tags-input input:-ms-input-placeholder, | |
| .tags-input button:-ms-input-placeholder { | |
| color: #999; | |
| } | |
| .cell-tag::-webkit-input-placeholder, | |
| .tags-input input::-webkit-input-placeholder, | |
| .tags-input button::-webkit-input-placeholder { | |
| color: #999; | |
| } | |
| .cell-tag::-ms-expand, | |
| .tags-input input::-ms-expand, | |
| .tags-input button::-ms-expand { | |
| border: 0; | |
| background-color: transparent; | |
| } | |
| .cell-tag[disabled], | |
| .tags-input input[disabled], | |
| .tags-input button[disabled], | |
| .cell-tag[readonly], | |
| .tags-input input[readonly], | |
| .tags-input button[readonly], | |
| fieldset[disabled] .cell-tag, | |
| fieldset[disabled] .tags-input input, | |
| fieldset[disabled] .tags-input button { | |
| background-color: #eeeeee; | |
| opacity: 1; | |
| } | |
| .cell-tag[disabled], | |
| .tags-input input[disabled], | |
| .tags-input button[disabled], | |
| fieldset[disabled] .cell-tag, | |
| fieldset[disabled] .tags-input input, | |
| fieldset[disabled] .tags-input button { | |
| cursor: not-allowed; | |
| } | |
| textarea.cell-tag, | |
| textarea.tags-input input, | |
| textarea.tags-input button { | |
| height: auto; | |
| } | |
| select.cell-tag, | |
| select.tags-input input, | |
| select.tags-input button { | |
| height: 30px; | |
| line-height: 30px; | |
| } | |
| textarea.cell-tag, | |
| textarea.tags-input input, | |
| textarea.tags-input button, | |
| select[multiple].cell-tag, | |
| select[multiple].tags-input input, | |
| select[multiple].tags-input button { | |
| height: auto; | |
| } | |
| .cell-tag, | |
| .tags-input button { | |
| padding: 0px 4px; | |
| } | |
| .cell-tag { | |
| background-color: #fff; | |
| white-space: nowrap; | |
| } | |
| .tags-input input[type=text]:focus { | |
| outline: none; | |
| box-shadow: none; | |
| border-color: #ccc; | |
| } | |
| .completions { | |
| position: absolute; | |
| z-index: 110; | |
| overflow: hidden; | |
| border: 1px solid #ababab; | |
| border-radius: 2px; | |
| -webkit-box-shadow: 0px 6px 10px -1px #adadad; | |
| box-shadow: 0px 6px 10px -1px #adadad; | |
| line-height: 1; | |
| } | |
| .completions select { | |
| background: white; | |
| outline: none; | |
| border: none; | |
| padding: 0px; | |
| margin: 0px; | |
| overflow: auto; | |
| font-family: monospace; | |
| font-size: 110%; | |
| color: #000; | |
| width: auto; | |
| } | |
| .completions select option.context { | |
| color: #286090; | |
| } | |
| #kernel_logo_widget .current_kernel_logo { | |
| display: none; | |
| margin-top: -1px; | |
| margin-bottom: -1px; | |
| width: 32px; | |
| height: 32px; | |
| } | |
| [dir="rtl"] #kernel_logo_widget { | |
| float: left !important; | |
| float: left; | |
| } | |
| .modal .modal-body .move-path { | |
| display: flex; | |
| flex-direction: row; | |
| justify-content: space; | |
| align-items: center; | |
| } | |
| .modal .modal-body .move-path .server-root { | |
| padding-right: 20px; | |
| } | |
| .modal .modal-body .move-path .path-input { | |
| flex: 1; | |
| } | |
| #menubar { | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| margin-top: 1px; | |
| } | |
| #menubar .navbar { | |
| border-top: 1px; | |
| border-radius: 0px 0px 2px 2px; | |
| margin-bottom: 0px; | |
| } | |
| #menubar .navbar-toggle { | |
| float: left; | |
| padding-top: 7px; | |
| padding-bottom: 7px; | |
| border: none; | |
| } | |
| #menubar .navbar-collapse { | |
| clear: left; | |
| } | |
| [dir="rtl"] #menubar .navbar-toggle { | |
| float: right; | |
| } | |
| [dir="rtl"] #menubar .navbar-collapse { | |
| clear: right; | |
| } | |
| [dir="rtl"] #menubar .navbar-nav { | |
| float: right; | |
| } | |
| [dir="rtl"] #menubar .nav { | |
| padding-right: 0px; | |
| } | |
| [dir="rtl"] #menubar .navbar-nav > li { | |
| float: right; | |
| } | |
| [dir="rtl"] #menubar .navbar-right { | |
| float: left !important; | |
| } | |
| [dir="rtl"] ul.dropdown-menu { | |
| text-align: right; | |
| left: auto; | |
| } | |
| [dir="rtl"] ul#new-menu.dropdown-menu { | |
| right: auto; | |
| left: 0; | |
| } | |
| .nav-wrapper { | |
| border-bottom: 1px solid #e7e7e7; | |
| } | |
| i.menu-icon { | |
| padding-top: 4px; | |
| } | |
| [dir="rtl"] i.menu-icon.pull-right { | |
| float: left !important; | |
| float: left; | |
| } | |
| ul#help_menu li a { | |
| overflow: hidden; | |
| padding-right: 2.2em; | |
| } | |
| ul#help_menu li a i { | |
| margin-right: -1.2em; | |
| } | |
| [dir="rtl"] ul#help_menu li a { | |
| padding-left: 2.2em; | |
| } | |
| [dir="rtl"] ul#help_menu li a i { | |
| margin-right: 0; | |
| margin-left: -1.2em; | |
| } | |
| [dir="rtl"] ul#help_menu li a i.pull-right { | |
| float: left !important; | |
| float: left; | |
| } | |
| .dropdown-submenu { | |
| position: relative; | |
| } | |
| .dropdown-submenu > .dropdown-menu { | |
| top: 0; | |
| left: 100%; | |
| margin-top: -6px; | |
| margin-left: -1px; | |
| } | |
| [dir="rtl"] .dropdown-submenu > .dropdown-menu { | |
| right: 100%; | |
| margin-right: -1px; | |
| } | |
| .dropdown-submenu:hover > .dropdown-menu { | |
| display: block; | |
| } | |
| .dropdown-submenu > a:after { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| display: block; | |
| content: "\f0da"; | |
| float: right; | |
| color: #333333; | |
| margin-top: 2px; | |
| margin-right: -10px; | |
| } | |
| .dropdown-submenu > a:after.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .dropdown-submenu > a:after.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .dropdown-submenu > a:after.pull-left { | |
| margin-right: .3em; | |
| } | |
| .dropdown-submenu > a:after.pull-right { | |
| margin-left: .3em; | |
| } | |
| [dir="rtl"] .dropdown-submenu > a:after { | |
| float: left; | |
| content: "\f0d9"; | |
| margin-right: 0; | |
| margin-left: -10px; | |
| } | |
| .dropdown-submenu:hover > a:after { | |
| color: #262626; | |
| } | |
| .dropdown-submenu.pull-left { | |
| float: none; | |
| } | |
| .dropdown-submenu.pull-left > .dropdown-menu { | |
| left: -100%; | |
| margin-left: 10px; | |
| } | |
| #notification_area { | |
| float: right !important; | |
| float: right; | |
| z-index: 10; | |
| } | |
| [dir="rtl"] #notification_area { | |
| float: left !important; | |
| float: left; | |
| } | |
| .indicator_area { | |
| float: right !important; | |
| float: right; | |
| color: #777; | |
| margin-left: 5px; | |
| margin-right: 5px; | |
| width: 11px; | |
| z-index: 10; | |
| text-align: center; | |
| width: auto; | |
| } | |
| [dir="rtl"] .indicator_area { | |
| float: left !important; | |
| float: left; | |
| } | |
| #kernel_indicator { | |
| float: right !important; | |
| float: right; | |
| color: #777; | |
| margin-left: 5px; | |
| margin-right: 5px; | |
| width: 11px; | |
| z-index: 10; | |
| text-align: center; | |
| width: auto; | |
| border-left: 1px solid; | |
| } | |
| #kernel_indicator .kernel_indicator_name { | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| } | |
| [dir="rtl"] #kernel_indicator { | |
| float: left !important; | |
| float: left; | |
| border-left: 0; | |
| border-right: 1px solid; | |
| } | |
| #modal_indicator { | |
| float: right !important; | |
| float: right; | |
| color: #777; | |
| margin-left: 5px; | |
| margin-right: 5px; | |
| width: 11px; | |
| z-index: 10; | |
| text-align: center; | |
| width: auto; | |
| } | |
| [dir="rtl"] #modal_indicator { | |
| float: left !important; | |
| float: left; | |
| } | |
| #readonly-indicator { | |
| float: right !important; | |
| float: right; | |
| color: #777; | |
| margin-left: 5px; | |
| margin-right: 5px; | |
| width: 11px; | |
| z-index: 10; | |
| text-align: center; | |
| width: auto; | |
| margin-top: 2px; | |
| margin-bottom: 0px; | |
| margin-left: 0px; | |
| margin-right: 0px; | |
| display: none; | |
| } | |
| .modal_indicator:before { | |
| width: 1.28571429em; | |
| text-align: center; | |
| } | |
| .edit_mode .modal_indicator:before { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| content: "\f040"; | |
| } | |
| .edit_mode .modal_indicator:before.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .edit_mode .modal_indicator:before.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .edit_mode .modal_indicator:before.pull-left { | |
| margin-right: .3em; | |
| } | |
| .edit_mode .modal_indicator:before.pull-right { | |
| margin-left: .3em; | |
| } | |
| .command_mode .modal_indicator:before { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| content: ' '; | |
| } | |
| .command_mode .modal_indicator:before.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .command_mode .modal_indicator:before.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .command_mode .modal_indicator:before.pull-left { | |
| margin-right: .3em; | |
| } | |
| .command_mode .modal_indicator:before.pull-right { | |
| margin-left: .3em; | |
| } | |
| .kernel_idle_icon:before { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| content: "\f10c"; | |
| } | |
| .kernel_idle_icon:before.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .kernel_idle_icon:before.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .kernel_idle_icon:before.pull-left { | |
| margin-right: .3em; | |
| } | |
| .kernel_idle_icon:before.pull-right { | |
| margin-left: .3em; | |
| } | |
| .kernel_busy_icon:before { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| content: "\f111"; | |
| } | |
| .kernel_busy_icon:before.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .kernel_busy_icon:before.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .kernel_busy_icon:before.pull-left { | |
| margin-right: .3em; | |
| } | |
| .kernel_busy_icon:before.pull-right { | |
| margin-left: .3em; | |
| } | |
| .kernel_dead_icon:before { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| content: "\f1e2"; | |
| } | |
| .kernel_dead_icon:before.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .kernel_dead_icon:before.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .kernel_dead_icon:before.pull-left { | |
| margin-right: .3em; | |
| } | |
| .kernel_dead_icon:before.pull-right { | |
| margin-left: .3em; | |
| } | |
| .kernel_disconnected_icon:before { | |
| display: inline-block; | |
| font: normal normal normal 14px/1 FontAwesome; | |
| font-size: inherit; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| content: "\f127"; | |
| } | |
| .kernel_disconnected_icon:before.fa-pull-left { | |
| margin-right: .3em; | |
| } | |
| .kernel_disconnected_icon:before.fa-pull-right { | |
| margin-left: .3em; | |
| } | |
| .kernel_disconnected_icon:before.pull-left { | |
| margin-right: .3em; | |
| } | |
| .kernel_disconnected_icon:before.pull-right { | |
| margin-left: .3em; | |
| } | |
| .notification_widget { | |
| color: #777; | |
| z-index: 10; | |
| background: rgba(240, 240, 240, 0.5); | |
| margin-right: 4px; | |
| color: #333; | |
| background-color: #fff; | |
| border-color: #ccc; | |
| } | |
| .notification_widget:focus, | |
| .notification_widget.focus { | |
| color: #333; | |
| background-color: #e6e6e6; | |
| border-color: #8c8c8c; | |
| } | |
| .notification_widget:hover { | |
| color: #333; | |
| background-color: #e6e6e6; | |
| border-color: #adadad; | |
| } | |
| .notification_widget:active, | |
| .notification_widget.active, | |
| .open > .dropdown-toggle.notification_widget { | |
| color: #333; | |
| background-color: #e6e6e6; | |
| border-color: #adadad; | |
| } | |
| .notification_widget:active:hover, | |
| .notification_widget.active:hover, | |
| .open > .dropdown-toggle.notification_widget:hover, | |
| .notification_widget:active:focus, | |
| .notification_widget.active:focus, | |
| .open > .dropdown-toggle.notification_widget:focus, | |
| .notification_widget:active.focus, | |
| .notification_widget.active.focus, | |
| .open > .dropdown-toggle.notification_widget.focus { | |
| color: #333; | |
| background-color: #d4d4d4; | |
| border-color: #8c8c8c; | |
| } | |
| .notification_widget:active, | |
| .notification_widget.active, | |
| .open > .dropdown-toggle.notification_widget { | |
| background-image: none; | |
| } | |
| .notification_widget.disabled:hover, | |
| .notification_widget[disabled]:hover, | |
| fieldset[disabled] .notification_widget:hover, | |
| .notification_widget.disabled:focus, | |
| .notification_widget[disabled]:focus, | |
| fieldset[disabled] .notification_widget:focus, | |
| .notification_widget.disabled.focus, | |
| .notification_widget[disabled].focus, | |
| fieldset[disabled] .notification_widget.focus { | |
| background-color: #fff; | |
| border-color: #ccc; | |
| } | |
| .notification_widget .badge { | |
| color: #fff; | |
| background-color: #333; | |
| } | |
| .notification_widget.warning { | |
| color: #fff; | |
| background-color: #f0ad4e; | |
| border-color: #eea236; | |
| } | |
| .notification_widget.warning:focus, | |
| .notification_widget.warning.focus { | |
| color: #fff; | |
| background-color: #ec971f; | |
| border-color: #985f0d; | |
| } | |
| .notification_widget.warning:hover { | |
| color: #fff; | |
| background-color: #ec971f; | |
| border-color: #d58512; | |
| } | |
| .notification_widget.warning:active, | |
| .notification_widget.warning.active, | |
| .open > .dropdown-toggle.notification_widget.warning { | |
| color: #fff; | |
| background-color: #ec971f; | |
| border-color: #d58512; | |
| } | |
| .notification_widget.warning:active:hover, | |
| .notification_widget.warning.active:hover, | |
| .open > .dropdown-toggle.notification_widget.warning:hover, | |
| .notification_widget.warning:active:focus, | |
| .notification_widget.warning.active:focus, | |
| .open > .dropdown-toggle.notification_widget.warning:focus, | |
| .notification_widget.warning:active.focus, | |
| .notification_widget.warning.active.focus, | |
| .open > .dropdown-toggle.notification_widget.warning.focus { | |
| color: #fff; | |
| background-color: #d58512; | |
| border-color: #985f0d; | |
| } | |
| .notification_widget.warning:active, | |
| .notification_widget.warning.active, | |
| .open > .dropdown-toggle.notification_widget.warning { | |
| background-image: none; | |
| } | |
| .notification_widget.warning.disabled:hover, | |
| .notification_widget.warning[disabled]:hover, | |
| fieldset[disabled] .notification_widget.warning:hover, | |
| .notification_widget.warning.disabled:focus, | |
| .notification_widget.warning[disabled]:focus, | |
| fieldset[disabled] .notification_widget.warning:focus, | |
| .notification_widget.warning.disabled.focus, | |
| .notification_widget.warning[disabled].focus, | |
| fieldset[disabled] .notification_widget.warning.focus { | |
| background-color: #f0ad4e; | |
| border-color: #eea236; | |
| } | |
| .notification_widget.warning .badge { | |
| color: #f0ad4e; | |
| background-color: #fff; | |
| } | |
| .notification_widget.success { | |
| color: #fff; | |
| background-color: #5cb85c; | |
| border-color: #4cae4c; | |
| } | |
| .notification_widget.success:focus, | |
| .notification_widget.success.focus { | |
| color: #fff; | |
| background-color: #449d44; | |
| border-color: #255625; | |
| } | |
| .notification_widget.success:hover { | |
| color: #fff; | |
| background-color: #449d44; | |
| border-color: #398439; | |
| } | |
| .notification_widget.success:active, | |
| .notification_widget.success.active, | |
| .open > .dropdown-toggle.notification_widget.success { | |
| color: #fff; | |
| background-color: #449d44; | |
| border-color: #398439; | |
| } | |
| .notification_widget.success:active:hover, | |
| .notification_widget.success.active:hover, | |
| .open > .dropdown-toggle.notification_widget.success:hover, | |
| .notification_widget.success:active:focus, | |
| .notification_widget.success.active:focus, | |
| .open > .dropdown-toggle.notification_widget.success:focus, | |
| .notification_widget.success:active.focus, | |
| .notification_widget.success.active.focus, | |
| .open > .dropdown-toggle.notification_widget.success.focus { | |
| color: #fff; | |
| background-color: #398439; | |
| border-color: #255625; | |
| } | |
| .notification_widget.success:active, | |
| .notification_widget.success.active, | |
| .open > .dropdown-toggle.notification_widget.success { | |
| background-image: none; | |
| } | |
| .notification_widget.success.disabled:hover, | |
| .notification_widget.success[disabled]:hover, | |
| fieldset[disabled] .notification_widget.success:hover, | |
| .notification_widget.success.disabled:focus, | |
| .notification_widget.success[disabled]:focus, | |
| fieldset[disabled] .notification_widget.success:focus, | |
| .notification_widget.success.disabled.focus, | |
| .notification_widget.success[disabled].focus, | |
| fieldset[disabled] .notification_widget.success.focus { | |
| background-color: #5cb85c; | |
| border-color: #4cae4c; | |
| } | |
| .notification_widget.success .badge { | |
| color: #5cb85c; | |
| background-color: #fff; | |
| } | |
| .notification_widget.info { | |
| color: #fff; | |
| background-color: #5bc0de; | |
| border-color: #46b8da; | |
| } | |
| .notification_widget.info:focus, | |
| .notification_widget.info.focus { | |
| color: #fff; | |
| background-color: #31b0d5; | |
| border-color: #1b6d85; | |
| } | |
| .notification_widget.info:hover { | |
| color: #fff; | |
| background-color: #31b0d5; | |
| border-color: #269abc; | |
| } | |
| .notification_widget.info:active, | |
| .notification_widget.info.active, | |
| .open > .dropdown-toggle.notification_widget.info { | |
| color: #fff; | |
| background-color: #31b0d5; | |
| border-color: #269abc; | |
| } | |
| .notification_widget.info:active:hover, | |
| .notification_widget.info.active:hover, | |
| .open > .dropdown-toggle.notification_widget.info:hover, | |
| .notification_widget.info:active:focus, | |
| .notification_widget.info.active:focus, | |
| .open > .dropdown-toggle.notification_widget.info:focus, | |
| .notification_widget.info:active.focus, | |
| .notification_widget.info.active.focus, | |
| .open > .dropdown-toggle.notification_widget.info.focus { | |
| color: #fff; | |
| background-color: #269abc; | |
| border-color: #1b6d85; | |
| } | |
| .notification_widget.info:active, | |
| .notification_widget.info.active, | |
| .open > .dropdown-toggle.notification_widget.info { | |
| background-image: none; | |
| } | |
| .notification_widget.info.disabled:hover, | |
| .notification_widget.info[disabled]:hover, | |
| fieldset[disabled] .notification_widget.info:hover, | |
| .notification_widget.info.disabled:focus, | |
| .notification_widget.info[disabled]:focus, | |
| fieldset[disabled] .notification_widget.info:focus, | |
| .notification_widget.info.disabled.focus, | |
| .notification_widget.info[disabled].focus, | |
| fieldset[disabled] .notification_widget.info.focus { | |
| background-color: #5bc0de; | |
| border-color: #46b8da; | |
| } | |
| .notification_widget.info .badge { | |
| color: #5bc0de; | |
| background-color: #fff; | |
| } | |
| .notification_widget.danger { | |
| color: #fff; | |
| background-color: #d9534f; | |
| border-color: #d43f3a; | |
| } | |
| .notification_widget.danger:focus, | |
| .notification_widget.danger.focus { | |
| color: #fff; | |
| background-color: #c9302c; | |
| border-color: #761c19; | |
| } | |
| .notification_widget.danger:hover { | |
| color: #fff; | |
| background-color: #c9302c; | |
| border-color: #ac2925; | |
| } | |
| .notification_widget.danger:active, | |
| .notification_widget.danger.active, | |
| .open > .dropdown-toggle.notification_widget.danger { | |
| color: #fff; | |
| background-color: #c9302c; | |
| border-color: #ac2925; | |
| } | |
| .notification_widget.danger:active:hover, | |
| .notification_widget.danger.active:hover, | |
| .open > .dropdown-toggle.notification_widget.danger:hover, | |
| .notification_widget.danger:active:focus, | |
| .notification_widget.danger.active:focus, | |
| .open > .dropdown-toggle.notification_widget.danger:focus, | |
| .notification_widget.danger:active.focus, | |
| .notification_widget.danger.active.focus, | |
| .open > .dropdown-toggle.notification_widget.danger.focus { | |
| color: #fff; | |
| background-color: #ac2925; | |
| border-color: #761c19; | |
| } | |
| .notification_widget.danger:active, | |
| .notification_widget.danger.active, | |
| .open > .dropdown-toggle.notification_widget.danger { | |
| background-image: none; | |
| } | |
| .notification_widget.danger.disabled:hover, | |
| .notification_widget.danger[disabled]:hover, | |
| fieldset[disabled] .notification_widget.danger:hover, | |
| .notification_widget.danger.disabled:focus, | |
| .notification_widget.danger[disabled]:focus, | |
| fieldset[disabled] .notification_widget.danger:focus, | |
| .notification_widget.danger.disabled.focus, | |
| .notification_widget.danger[disabled].focus, | |
| fieldset[disabled] .notification_widget.danger.focus { | |
| background-color: #d9534f; | |
| border-color: #d43f3a; | |
| } | |
| .notification_widget.danger .badge { | |
| color: #d9534f; | |
| background-color: #fff; | |
| } | |
| div#pager { | |
| background-color: #fff; | |
| font-size: 14px; | |
| line-height: 20px; | |
| overflow: hidden; | |
| display: none; | |
| position: fixed; | |
| bottom: 0px; | |
| width: 100%; | |
| max-height: 50%; | |
| padding-top: 8px; | |
| -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); | |
| box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); | |
| /* Display over codemirror */ | |
| z-index: 100; | |
| /* Hack which prevents jquery ui resizable from changing top. */ | |
| top: auto !important; | |
| } | |
| div#pager pre { | |
| line-height: 1.21429em; | |
| color: #000; | |
| background-color: #f7f7f7; | |
| padding: 0.4em; | |
| } | |
| div#pager #pager-button-area { | |
| position: absolute; | |
| top: 8px; | |
| right: 20px; | |
| } | |
| div#pager #pager-contents { | |
| position: relative; | |
| overflow: auto; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| div#pager #pager-contents #pager-container { | |
| position: relative; | |
| padding: 15px 0px; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| } | |
| div#pager .ui-resizable-handle { | |
| top: 0px; | |
| height: 8px; | |
| background: #f7f7f7; | |
| border-top: 1px solid #cfcfcf; | |
| border-bottom: 1px solid #cfcfcf; | |
| /* This injects handle bars (a short, wide = symbol) for | |
| the resize handle. */ | |
| } | |
| div#pager .ui-resizable-handle::after { | |
| content: ''; | |
| top: 2px; | |
| left: 50%; | |
| height: 3px; | |
| width: 30px; | |
| margin-left: -15px; | |
| position: absolute; | |
| border-top: 1px solid #cfcfcf; | |
| } | |
| .quickhelp { | |
| /* Old browsers */ | |
| display: -webkit-box; | |
| -webkit-box-orient: horizontal; | |
| -webkit-box-align: stretch; | |
| display: -moz-box; | |
| -moz-box-orient: horizontal; | |
| -moz-box-align: stretch; | |
| display: box; | |
| box-orient: horizontal; | |
| box-align: stretch; | |
| /* Modern browsers */ | |
| display: flex; | |
| flex-direction: row; | |
| align-items: stretch; | |
| line-height: 1.8em; | |
| } | |
| .shortcut_key { | |
| display: inline-block; | |
| width: 21ex; | |
| text-align: right; | |
| font-family: monospace; | |
| } | |
| .shortcut_descr { | |
| display: inline-block; | |
| /* Old browsers */ | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| box-flex: 1; | |
| /* Modern browsers */ | |
| flex: 1; | |
| } | |
| span.save_widget { | |
| height: 30px; | |
| margin-top: 4px; | |
| display: flex; | |
| justify-content: flex-start; | |
| align-items: baseline; | |
| width: 50%; | |
| flex: 1; | |
| } | |
| span.save_widget span.filename { | |
| height: 100%; | |
| line-height: 1em; | |
| margin-left: 16px; | |
| border: none; | |
| font-size: 146.5%; | |
| text-overflow: ellipsis; | |
| overflow: hidden; | |
| white-space: nowrap; | |
| border-radius: 2px; | |
| } | |
| span.save_widget span.filename:hover { | |
| background-color: #e6e6e6; | |
| } | |
| [dir="rtl"] span.save_widget.pull-left { | |
| float: right !important; | |
| float: right; | |
| } | |
| [dir="rtl"] span.save_widget span.filename { | |
| margin-left: 0; | |
| margin-right: 16px; | |
| } | |
| span.checkpoint_status, | |
| span.autosave_status { | |
| font-size: small; | |
| white-space: nowrap; | |
| padding: 0 5px; | |
| } | |
| @media (max-width: 767px) { | |
| span.save_widget { | |
| font-size: small; | |
| padding: 0 0 0 5px; | |
| } | |
| span.checkpoint_status, | |
| span.autosave_status { | |
| display: none; | |
| } | |
| } | |
| @media (min-width: 768px) and (max-width: 991px) { | |
| span.checkpoint_status { | |
| display: none; | |
| } | |
| span.autosave_status { | |
| font-size: x-small; | |
| } | |
| } | |
| .toolbar { | |
| padding: 0px; | |
| margin-left: -5px; | |
| margin-top: 2px; | |
| margin-bottom: 5px; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| -webkit-box-sizing: border-box; | |
| } | |
| .toolbar select, | |
| .toolbar label { | |
| width: auto; | |
| vertical-align: middle; | |
| margin-right: 2px; | |
| margin-bottom: 0px; | |
| display: inline; | |
| font-size: 92%; | |
| margin-left: 0.3em; | |
| margin-right: 0.3em; | |
| padding: 0px; | |
| padding-top: 3px; | |
| } | |
| .toolbar .btn { | |
| padding: 2px 8px; | |
| } | |
| .toolbar .btn-group { | |
| margin-top: 0px; | |
| margin-left: 5px; | |
| } | |
| .toolbar-btn-label { | |
| margin-left: 6px; | |
| } | |
| #maintoolbar { | |
| margin-bottom: -3px; | |
| margin-top: -8px; | |
| border: 0px; | |
| min-height: 27px; | |
| margin-left: 0px; | |
| padding-top: 11px; | |
| padding-bottom: 3px; | |
| } | |
| #maintoolbar .navbar-text { | |
| float: none; | |
| vertical-align: middle; | |
| text-align: right; | |
| margin-left: 5px; | |
| margin-right: 0px; | |
| margin-top: 0px; | |
| } | |
| .select-xs { | |
| height: 24px; | |
| } | |
| [dir="rtl"] .btn-group > .btn, | |
| .btn-group-vertical > .btn { | |
| float: right; | |
| } | |
| .pulse, | |
| .dropdown-menu > li > a.pulse, | |
| li.pulse > a.dropdown-toggle, | |
| li.pulse.open > a.dropdown-toggle { | |
| background-color: #F37626; | |
| color: white; | |
| } | |
| /** | |
| * Primary styles | |
| * | |
| * Author: Jupyter Development Team | |
| */ | |
| /** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot | |
| * of chance of beeing generated from the ../less/[samename].less file, you can | |
| * try to get back the less file by reverting somme commit in history | |
| **/ | |
| /* | |
| * We'll try to get something pretty, so we | |
| * have some strange css to have the scroll bar on | |
| * the left with fix button on the top right of the tooltip | |
| */ | |
| @-moz-keyframes fadeOut { | |
| from { | |
| opacity: 1; | |
| } | |
| to { | |
| opacity: 0; | |
| } | |
| } | |
| @-webkit-keyframes fadeOut { | |
| from { | |
| opacity: 1; | |
| } | |
| to { | |
| opacity: 0; | |
| } | |
| } | |
| @-moz-keyframes fadeIn { | |
| from { | |
| opacity: 0; | |
| } | |
| to { | |
| opacity: 1; | |
| } | |
| } | |
| @-webkit-keyframes fadeIn { | |
| from { | |
| opacity: 0; | |
| } | |
| to { | |
| opacity: 1; | |
| } | |
| } | |
| /*properties of tooltip after "expand"*/ | |
| .bigtooltip { | |
| overflow: auto; | |
| height: 200px; | |
| -webkit-transition-property: height; | |
| -webkit-transition-duration: 500ms; | |
| -moz-transition-property: height; | |
| -moz-transition-duration: 500ms; | |
| transition-property: height; | |
| transition-duration: 500ms; | |
| } | |
| /*properties of tooltip before "expand"*/ | |
| .smalltooltip { | |
| -webkit-transition-property: height; | |
| -webkit-transition-duration: 500ms; | |
| -moz-transition-property: height; | |
| -moz-transition-duration: 500ms; | |
| transition-property: height; | |
| transition-duration: 500ms; | |
| text-overflow: ellipsis; | |
| overflow: hidden; | |
| height: 80px; | |
| } | |
| .tooltipbuttons { | |
| position: absolute; | |
| padding-right: 15px; | |
| top: 0px; | |
| right: 0px; | |
| } | |
| .tooltiptext { | |
| /*avoid the button to overlap on some docstring*/ | |
| padding-right: 30px; | |
| } | |
| .ipython_tooltip { | |
| max-width: 700px; | |
| /*fade-in animation when inserted*/ | |
| -webkit-animation: fadeOut 400ms; | |
| -moz-animation: fadeOut 400ms; | |
| animation: fadeOut 400ms; | |
| -webkit-animation: fadeIn 400ms; | |
| -moz-animation: fadeIn 400ms; | |
| animation: fadeIn 400ms; | |
| vertical-align: middle; | |
| background-color: #f7f7f7; | |
| overflow: visible; | |
| border: #ababab 1px solid; | |
| outline: none; | |
| padding: 3px; | |
| margin: 0px; | |
| padding-left: 7px; | |
| font-family: monospace; | |
| min-height: 50px; | |
| -moz-box-shadow: 0px 6px 10px -1px #adadad; | |
| -webkit-box-shadow: 0px 6px 10px -1px #adadad; | |
| box-shadow: 0px 6px 10px -1px #adadad; | |
| border-radius: 2px; | |
| position: absolute; | |
| z-index: 1000; | |
| } | |
| .ipython_tooltip a { | |
| float: right; | |
| } | |
| .ipython_tooltip .tooltiptext pre { | |
| border: 0; | |
| border-radius: 0; | |
| font-size: 100%; | |
| background-color: #f7f7f7; | |
| } | |
| .pretooltiparrow { | |
| left: 0px; | |
| margin: 0px; | |
| top: -16px; | |
| width: 40px; | |
| height: 16px; | |
| overflow: hidden; | |
| position: absolute; | |
| } | |
| .pretooltiparrow:before { | |
| background-color: #f7f7f7; | |
| border: 1px #ababab solid; | |
| z-index: 11; | |
| content: ""; | |
| position: absolute; | |
| left: 15px; | |
| top: 10px; | |
| width: 25px; | |
| height: 25px; | |
| -webkit-transform: rotate(45deg); | |
| -moz-transform: rotate(45deg); | |
| -ms-transform: rotate(45deg); | |
| -o-transform: rotate(45deg); | |
| } | |
| ul.typeahead-list i { | |
| margin-left: -10px; | |
| width: 18px; | |
| } | |
| [dir="rtl"] ul.typeahead-list i { | |
| margin-left: 0; | |
| margin-right: -10px; | |
| } | |
| ul.typeahead-list { | |
| max-height: 80vh; | |
| overflow: auto; | |
| } | |
| ul.typeahead-list > li > a { | |
| /** Firefox bug **/ | |
| /* see https://github.com/jupyter/notebook/issues/559 */ | |
| white-space: normal; | |
| } | |
| ul.typeahead-list > li > a.pull-right { | |
| float: left !important; | |
| float: left; | |
| } | |
| [dir="rtl"] .typeahead-list { | |
| text-align: right; | |
| } | |
| .cmd-palette .modal-body { | |
| padding: 7px; | |
| } | |
| .cmd-palette form { | |
| background: white; | |
| } | |
| .cmd-palette input { | |
| outline: none; | |
| } | |
| .no-shortcut { | |
| min-width: 20px; | |
| color: transparent; | |
| } | |
| [dir="rtl"] .no-shortcut.pull-right { | |
| float: left !important; | |
| float: left; | |
| } | |
| [dir="rtl"] .command-shortcut.pull-right { | |
| float: left !important; | |
| float: left; | |
| } | |
| .command-shortcut:before { | |
| content: "(command mode)"; | |
| padding-right: 3px; | |
| color: #777777; | |
| } | |
| .edit-shortcut:before { | |
| content: "(edit)"; | |
| padding-right: 3px; | |
| color: #777777; | |
| } | |
| [dir="rtl"] .edit-shortcut.pull-right { | |
| float: left !important; | |
| float: left; | |
| } | |
| #find-and-replace #replace-preview .match, | |
| #find-and-replace #replace-preview .insert { | |
| background-color: #BBDEFB; | |
| border-color: #90CAF9; | |
| border-style: solid; | |
| border-width: 1px; | |
| border-radius: 0px; | |
| } | |
| [dir="ltr"] #find-and-replace .input-group-btn + .form-control { | |
| border-left: none; | |
| } | |
| [dir="rtl"] #find-and-replace .input-group-btn + .form-control { | |
| border-right: none; | |
| } | |
| #find-and-replace #replace-preview .replace .match { | |
| background-color: #FFCDD2; | |
| border-color: #EF9A9A; | |
| border-radius: 0px; | |
| } | |
| #find-and-replace #replace-preview .replace .insert { | |
| background-color: #C8E6C9; | |
| border-color: #A5D6A7; | |
| border-radius: 0px; | |
| } | |
| #find-and-replace #replace-preview { | |
| max-height: 60vh; | |
| overflow: auto; | |
| } | |
| #find-and-replace #replace-preview pre { | |
| padding: 5px 10px; | |
| } | |
| .terminal-app { | |
| background: #EEE; | |
| } | |
| .terminal-app #header { | |
| background: #fff; | |
| -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); | |
| box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.2); | |
| } | |
| .terminal-app .terminal { | |
| width: 100%; | |
| float: left; | |
| font-family: monospace; | |
| color: white; | |
| background: black; | |
| padding: 0.4em; | |
| border-radius: 2px; | |
| -webkit-box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4); | |
| box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.4); | |
| } | |
| .terminal-app .terminal, | |
| .terminal-app .terminal dummy-screen { | |
| line-height: 1em; | |
| font-size: 14px; | |
| } | |
| .terminal-app .terminal .xterm-rows { | |
| padding: 10px; | |
| } | |
| .terminal-app .terminal-cursor { | |
| color: black; | |
| background: white; | |
| } | |
| .terminal-app #terminado-container { | |
| margin-top: 20px; | |
| } | |
| /*# sourceMappingURL=style.min.css.map */ | |
| </style> | |
| <style type="text/css"> | |
| .highlight .hll { background-color: #ffffcc } | |
| .highlight { background: #f8f8f8; } | |
| .highlight .c { color: #408080; font-style: italic } /* Comment */ | |
| .highlight .err { border: 1px solid #FF0000 } /* Error */ | |
| .highlight .k { color: #008000; font-weight: bold } /* Keyword */ | |
| .highlight .o { color: #666666 } /* Operator */ | |
| .highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */ | |
| .highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */ | |
| .highlight .cp { color: #BC7A00 } /* Comment.Preproc */ | |
| .highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */ | |
| .highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */ | |
| .highlight .cs { color: #408080; font-style: italic } /* Comment.Special */ | |
| .highlight .gd { color: #A00000 } /* Generic.Deleted */ | |
| .highlight .ge { font-style: italic } /* Generic.Emph */ | |
| .highlight .gr { color: #FF0000 } /* Generic.Error */ | |
| .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */ | |
| .highlight .gi { color: #00A000 } /* Generic.Inserted */ | |
| .highlight .go { color: #888888 } /* Generic.Output */ | |
| .highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */ | |
| .highlight .gs { font-weight: bold } /* Generic.Strong */ | |
| .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */ | |
| .highlight .gt { color: #0044DD } /* Generic.Traceback */ | |
| .highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */ | |
| .highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */ | |
| .highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */ | |
| .highlight .kp { color: #008000 } /* Keyword.Pseudo */ | |
| .highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */ | |
| .highlight .kt { color: #B00040 } /* Keyword.Type */ | |
| .highlight .m { color: #666666 } /* Literal.Number */ | |
| .highlight .s { color: #BA2121 } /* Literal.String */ | |
| .highlight .na { color: #7D9029 } /* Name.Attribute */ | |
| .highlight .nb { color: #008000 } /* Name.Builtin */ | |
| .highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */ | |
| .highlight .no { color: #880000 } /* Name.Constant */ | |
| .highlight .nd { color: #AA22FF } /* Name.Decorator */ | |
| .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */ | |
| .highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */ | |
| .highlight .nf { color: #0000FF } /* Name.Function */ | |
| .highlight .nl { color: #A0A000 } /* Name.Label */ | |
| .highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */ | |
| .highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */ | |
| .highlight .nv { color: #19177C } /* Name.Variable */ | |
| .highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */ | |
| .highlight .w { color: #bbbbbb } /* Text.Whitespace */ | |
| .highlight .mb { color: #666666 } /* Literal.Number.Bin */ | |
| .highlight .mf { color: #666666 } /* Literal.Number.Float */ | |
| .highlight .mh { color: #666666 } /* Literal.Number.Hex */ | |
| .highlight .mi { color: #666666 } /* Literal.Number.Integer */ | |
| .highlight .mo { color: #666666 } /* Literal.Number.Oct */ | |
| .highlight .sa { color: #BA2121 } /* Literal.String.Affix */ | |
| .highlight .sb { color: #BA2121 } /* Literal.String.Backtick */ | |
| .highlight .sc { color: #BA2121 } /* Literal.String.Char */ | |
| .highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */ | |
| .highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */ | |
| .highlight .s2 { color: #BA2121 } /* Literal.String.Double */ | |
| .highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */ | |
| .highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */ | |
| .highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */ | |
| .highlight .sx { color: #008000 } /* Literal.String.Other */ | |
| .highlight .sr { color: #BB6688 } /* Literal.String.Regex */ | |
| .highlight .s1 { color: #BA2121 } /* Literal.String.Single */ | |
| .highlight .ss { color: #19177C } /* Literal.String.Symbol */ | |
| .highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */ | |
| .highlight .fm { color: #0000FF } /* Name.Function.Magic */ | |
| .highlight .vc { color: #19177C } /* Name.Variable.Class */ | |
| .highlight .vg { color: #19177C } /* Name.Variable.Global */ | |
| .highlight .vi { color: #19177C } /* Name.Variable.Instance */ | |
| .highlight .vm { color: #19177C } /* Name.Variable.Magic */ | |
| .highlight .il { color: #666666 } /* Literal.Number.Integer.Long */ | |
| </style> | |
| <style type="text/css"> | |
| /* Overrides of notebook CSS for static HTML export */ | |
| body { | |
| overflow: visible; | |
| padding: 8px; | |
| } | |
| div#notebook { | |
| overflow: visible; | |
| border-top: none; | |
| }@media print { | |
| div.cell { | |
| display: block; | |
| page-break-inside: avoid; | |
| } | |
| div.output_wrapper { | |
| display: block; | |
| page-break-inside: avoid; | |
| } | |
| div.output { | |
| display: block; | |
| page-break-inside: avoid; | |
| } | |
| } | |
| </style> | |
| <!-- Custom stylesheet, it must be in the same directory as the html file --> | |
| <link rel="stylesheet" href="custom.css"> | |
| <!-- Loading mathjax macro --> | |
| <!-- Load mathjax --> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-AMS_HTML"></script> | |
| <!-- MathJax configuration --> | |
| <script type="text/x-mathjax-config"> | |
| MathJax.Hub.Config({ | |
| tex2jax: { | |
| inlineMath: [ ['$','$'], ["\\(","\\)"] ], | |
| displayMath: [ ['$$','$$'], ["\\[","\\]"] ], | |
| processEscapes: true, | |
| processEnvironments: true | |
| }, | |
| // Center justify equations in code and markdown cells. Elsewhere | |
| // we use CSS to left justify single line equations in code cells. | |
| displayAlign: 'center', | |
| "HTML-CSS": { | |
| styles: {'.MathJax_Display': {"margin": 0}}, | |
| linebreaks: { automatic: true } | |
| } | |
| }); | |
| </script> | |
| <!-- End of mathjax configuration --></head> | |
| <body> | |
| <div tabindex="-1" id="notebook" class="border-box-sizing"> | |
| <div class="container" id="notebook-container"> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h6 id="Content-modified-under-Creative-Commons-Attribution-license-CC-BY-4.0,-code-under-BSD-3-Clause-License-©-2020-Ryan-C.-Cooper">Content modified under Creative Commons Attribution license CC-BY 4.0, code under BSD 3-Clause License © 2020 Ryan C. Cooper<a class="anchor-link" href="#Content-modified-under-Creative-Commons-Attribution-license-CC-BY-4.0,-code-under-BSD-3-Clause-License-©-2020-Ryan-C.-Cooper">¶</a></h6> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h1 id="Cheers!--Stats-with-Beers">Cheers! Stats with Beers<a class="anchor-link" href="#Cheers!--Stats-with-Beers">¶</a></h1><p>Welcome to the second module in <em>Computational Mechanics</em>, our series in computational thinking for undergraduate engineering students. This module explores practical data and statistical analysis with Python.</p> | |
| <p>This first lesson explores how we can answer questions using data combined with practical methods from statistics.</p> | |
| <p>We'll need some fun data to work with. We found a neat data set of canned craft beers in the US, scraped from the web and cleaned up by Jean-Nicholas Hould (<a href="https://twitter.com/NicholasHould?lang=en">@NicholasHould</a> on Twitter)—who we want to thank for having a permissive license on his GitHub repository so we can reuse his <a href="https://github.com/nickhould/craft-beers-dataset">work</a>!</p> | |
| <p>The data source (<a href="https://twitter.com/craftcans">@craftcans</a> on Twitter) doesn't say that the set includes <em>all</em> the canned beers brewed in the country. So we have to asume that the data is a sample and may contain biases.</p> | |
| <p>We'll process the data using <strong>numpy</strong>—the array library for Python that we learned about in <a href="../../CompMech01-Getting-started/notebooks/02-Getting-started.ipynb">Module 1, lesson 2: Getting Started</a>. But we'll also learn about a new Python library for data analysis called <strong>pandas</strong>.</p> | |
| <p><a href="http://pandas.pydata.org/"><code>pandas</code></a> is an open-source library providing high-performance, easy-to-use data structures and data-analysis tools. Even though <code>pandas</code> is great for data analysis, we won't exploit all its power in this lesson. But we'll learn more about it later on!</p> | |
| <p>We'll use <code>pandas</code> to read the data file (in <code>csv</code> format, for comma-separated values), display it in a nice table, and extract the columns that we need—which we'll convert to <code>numpy</code> arrays to work with.</p> | |
| <p>Let's start by importing the two Python libraries that we need.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [1]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">import</span> <span class="nn">pandas</span> <span class="k">as</span> <span class="nn">pd</span> | |
| <span class="kn">import</span> <span class="nn">numpy</span> <span class="k">as</span> <span class="nn">np</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h2 id="Step-1:-Read-the-data-file">Step 1: Read the data file<a class="anchor-link" href="#Step-1:-Read-the-data-file">¶</a></h2><p>Below, we'll take a peek into the data file, <code>beers.csv,</code> using the system command <code>head</code> (which we can use with a bang, thanks to IPython).</p> | |
| <p>But first, we will download the data using a Python library for opening a URL on the Internet. We created a short URL for the data file in the public repository with our course materials.</p> | |
| <p>The cell below should download the data in your current working directory. The next cell shows you the first few lines of the data.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [2]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="o">!</span>head <span class="s2">"../data/beers.csv"</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_subarea output_stream output_stdout output_text"> | |
| <pre>,abv,ibu,id,name,style,brewery_id,ounces | |
| 0,0.05,,1436,Pub Beer,American Pale Lager,408,12.0 | |
| 1,0.066,,2265,Devil's Cup,American Pale Ale (APA),177,12.0 | |
| 2,0.071,,2264,Rise of the Phoenix,American IPA,177,12.0 | |
| 3,0.09,,2263,Sinister,American Double / Imperial IPA,177,12.0 | |
| 4,0.075,,2262,Sex and Candy,American IPA,177,12.0 | |
| 5,0.077,,2261,Black Exodus,Oatmeal Stout,177,12.0 | |
| 6,0.045,,2260,Lake Street Express,American Pale Ale (APA),177,12.0 | |
| 7,0.065,,2259,Foreman,American Porter,177,12.0 | |
| 8,0.055,,2258,Jade,American Pale Ale (APA),177,12.0 | |
| </pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>We can use <code>pandas</code> to read the data from the <code>csv</code> file, and save it into a new variable called <code>beers</code>. Let's then check the type of this new variable—rememeber that we can use the function <code>type()</code> to do this.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [3]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">beers</span> <span class="o">=</span> <span class="n">pd</span><span class="o">.</span><span class="n">read_csv</span><span class="p">(</span><span class="s1">'../data/beers.csv'</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [4]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">type</span><span class="p">(</span><span class="n">beers</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt output_prompt">Out[4]:</div> | |
| <div class="output_text output_subarea output_execute_result"> | |
| <pre>pandas.core.frame.DataFrame</pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>This is a new data type for us: a <code>pandas DataFrame</code>. From the <code>pandas</code> documentation: "A <code>DataFrame</code> is a 2-dimensional labeled data structure with columns of potentially different types" [4]. You can think of it as the contens of a spreadsheet, saved into one handy Python variable. If you print it out, you get a nicely laid-out table:</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [5]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">beers</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt output_prompt">Out[5]:</div> | |
| <div class="output_html rendered_html output_subarea output_execute_result"> | |
| <div> | |
| <style scoped> | |
| .dataframe tbody tr th:only-of-type { | |
| vertical-align: middle; | |
| } | |
| .dataframe tbody tr th { | |
| vertical-align: top; | |
| } | |
| .dataframe thead th { | |
| text-align: right; | |
| } | |
| </style> | |
| <table border="1" class="dataframe"> | |
| <thead> | |
| <tr style="text-align: right;"> | |
| <th></th> | |
| <th>Unnamed: 0</th> | |
| <th>abv</th> | |
| <th>ibu</th> | |
| <th>id</th> | |
| <th>name</th> | |
| <th>style</th> | |
| <th>brewery_id</th> | |
| <th>ounces</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <th>0</th> | |
| <td>0</td> | |
| <td>0.050</td> | |
| <td>NaN</td> | |
| <td>1436</td> | |
| <td>Pub Beer</td> | |
| <td>American Pale Lager</td> | |
| <td>408</td> | |
| <td>12.0</td> | |
| </tr> | |
| <tr> | |
| <th>1</th> | |
| <td>1</td> | |
| <td>0.066</td> | |
| <td>NaN</td> | |
| <td>2265</td> | |
| <td>Devil's Cup</td> | |
| <td>American Pale Ale (APA)</td> | |
| <td>177</td> | |
| <td>12.0</td> | |
| </tr> | |
| <tr> | |
| <th>2</th> | |
| <td>2</td> | |
| <td>0.071</td> | |
| <td>NaN</td> | |
| <td>2264</td> | |
| <td>Rise of the Phoenix</td> | |
| <td>American IPA</td> | |
| <td>177</td> | |
| <td>12.0</td> | |
| </tr> | |
| <tr> | |
| <th>3</th> | |
| <td>3</td> | |
| <td>0.090</td> | |
| <td>NaN</td> | |
| <td>2263</td> | |
| <td>Sinister</td> | |
| <td>American Double / Imperial IPA</td> | |
| <td>177</td> | |
| <td>12.0</td> | |
| </tr> | |
| <tr> | |
| <th>4</th> | |
| <td>4</td> | |
| <td>0.075</td> | |
| <td>NaN</td> | |
| <td>2262</td> | |
| <td>Sex and Candy</td> | |
| <td>American IPA</td> | |
| <td>177</td> | |
| <td>12.0</td> | |
| </tr> | |
| <tr> | |
| <th>...</th> | |
| <td>...</td> | |
| <td>...</td> | |
| <td>...</td> | |
| <td>...</td> | |
| <td>...</td> | |
| <td>...</td> | |
| <td>...</td> | |
| <td>...</td> | |
| </tr> | |
| <tr> | |
| <th>2402</th> | |
| <td>2405</td> | |
| <td>0.067</td> | |
| <td>45.0</td> | |
| <td>928</td> | |
| <td>Belgorado</td> | |
| <td>Belgian IPA</td> | |
| <td>424</td> | |
| <td>12.0</td> | |
| </tr> | |
| <tr> | |
| <th>2403</th> | |
| <td>2406</td> | |
| <td>0.052</td> | |
| <td>NaN</td> | |
| <td>807</td> | |
| <td>Rail Yard Ale</td> | |
| <td>American Amber / Red Ale</td> | |
| <td>424</td> | |
| <td>12.0</td> | |
| </tr> | |
| <tr> | |
| <th>2404</th> | |
| <td>2407</td> | |
| <td>0.055</td> | |
| <td>NaN</td> | |
| <td>620</td> | |
| <td>B3K Black Lager</td> | |
| <td>Schwarzbier</td> | |
| <td>424</td> | |
| <td>12.0</td> | |
| </tr> | |
| <tr> | |
| <th>2405</th> | |
| <td>2408</td> | |
| <td>0.055</td> | |
| <td>40.0</td> | |
| <td>145</td> | |
| <td>Silverback Pale Ale</td> | |
| <td>American Pale Ale (APA)</td> | |
| <td>424</td> | |
| <td>12.0</td> | |
| </tr> | |
| <tr> | |
| <th>2406</th> | |
| <td>2409</td> | |
| <td>0.052</td> | |
| <td>NaN</td> | |
| <td>84</td> | |
| <td>Rail Yard Ale (2009)</td> | |
| <td>American Amber / Red Ale</td> | |
| <td>424</td> | |
| <td>12.0</td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| <p>2407 rows × 8 columns</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Inspect the table above. The first column is a numbering scheme for the beers. The other columns contain the following data:</p> | |
| <ul> | |
| <li><code>abv</code>: Alcohol-by-volume of the beer.</li> | |
| <li><code>ibu</code>: International Bittering Units of the beer.</li> | |
| <li><code>id</code>: Unique identifier of the beer.</li> | |
| <li><code>name</code>: Name of the beer.</li> | |
| <li><code>style</code>: Style of the beer.</li> | |
| <li><code>brewery_id</code>: Unique identifier of the brewery.</li> | |
| <li><code>ounces</code>: Ounces of beer in the can.</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h2 id="Step-2:-Explore-the-data">Step 2: Explore the data<a class="anchor-link" href="#Step-2:-Explore-the-data">¶</a></h2><p>In the field of statistics, <a href="https://en.wikipedia.org/wiki/Exploratory_data_analysis">Exploratory Data Analysis</a> (EDA) has the goal of summarizing the main features of our data, and seeing what the data can tell us without formal modeling or hypothesis-testing. [2]</p> | |
| <p>Let's start by extracting the columns with the <code>abv</code> and <code>ibu</code> values, and converting them to numpy arrays. One of the advantages of data frames in <code>pandas</code> is that we can access a column simply using its header, like this:</p> | |
| <div class="highlight"><pre><span></span><span class="n">data_frame</span><span class="p">[</span><span class="s1">'name_of_column'</span><span class="p">]</span> | |
| </pre></div> | |
| <p>The output of this action is a <code>pandas Series</code>. From the documentation: "a <code>Series</code> is a 1-dimensional labeled array capable of holding any data type." [4]</p> | |
| <p>Check the type of a column extracted by header:</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [6]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">type</span><span class="p">(</span><span class="n">beers</span><span class="p">[</span><span class="s1">'abv'</span><span class="p">])</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt output_prompt">Out[6]:</div> | |
| <div class="output_text output_subarea output_execute_result"> | |
| <pre>pandas.core.series.Series</pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Of course, you can index and slice a data series like you know how to do with strings, lists and arrays. Here, we display the first ten elements of the <code>abv</code> series:</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [7]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">beers</span><span class="p">[</span><span class="s1">'abv'</span><span class="p">][:</span><span class="mi">10</span><span class="p">]</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt output_prompt">Out[7]:</div> | |
| <div class="output_text output_subarea output_execute_result"> | |
| <pre>0 0.050 | |
| 1 0.066 | |
| 2 0.071 | |
| 3 0.090 | |
| 4 0.075 | |
| 5 0.077 | |
| 6 0.045 | |
| 7 0.065 | |
| 8 0.055 | |
| 9 0.086 | |
| Name: abv, dtype: float64</pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Inspect the data in the table again: you'll notice that there are <code>NaN</code> (not-a-number) elements in both the <code>abv</code> and <code>ibu</code> columns. Those values mean that there was no data reported for that beer. A typical task when cleaning up data is to deal with these pesky <code>NaN</code>s.</p> | |
| <p>Let's extract the two series corresponding to the <code>abv</code> and <code>ibu</code> columns, clean the data by removing all <code>NaN</code> values, and then access the values of each series and assign them to a numpy array.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [8]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">abv_series</span> <span class="o">=</span> <span class="n">beers</span><span class="p">[</span><span class="s1">'abv'</span><span class="p">]</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [9]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">len</span><span class="p">(</span><span class="n">abv_series</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt output_prompt">Out[9]:</div> | |
| <div class="output_text output_subarea output_execute_result"> | |
| <pre>2407</pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Another advantage of <code>pandas</code> is that it has the ability to handle missing data. The data-frame method <code>dropna()</code> returns a new data frame with only the good values of the original: all the null values are thrown out. This is super useful!</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [10]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">abv_clean</span> <span class="o">=</span> <span class="n">abv_series</span><span class="o">.</span><span class="n">dropna</span><span class="p">()</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Check out the length of the cleaned-up <code>abv</code> data; you'll see that it's shorter than the original. <code>NaN</code>s gone!</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [11]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">len</span><span class="p">(</span><span class="n">abv_clean</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt output_prompt">Out[11]:</div> | |
| <div class="output_text output_subarea output_execute_result"> | |
| <pre>2348</pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Remember that a a <code>pandas</code> <em>Series</em> consists of a column of values, and their labels. You can extract the values via the <a href="https://pandas.pydata.org/pandas-docs/stable/generated/pandas.Series.values.html"><code>series.values</code></a> attribute, which returns a <code>numpy.ndarray</code> (multidimensional array). In the case of the <code>abv_clean</code> series, you get a one-dimensional array. We save it into the variable name <code>abv</code>.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [12]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">abv</span> <span class="o">=</span> <span class="n">abv_clean</span><span class="o">.</span><span class="n">values</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [13]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span><span class="p">(</span><span class="n">abv</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_subarea output_stream output_stdout output_text"> | |
| <pre>[0.05 0.066 0.071 ... 0.055 0.055 0.052] | |
| </pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [14]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">type</span><span class="p">(</span><span class="n">abv</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt output_prompt">Out[14]:</div> | |
| <div class="output_text output_subarea output_execute_result"> | |
| <pre>numpy.ndarray</pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Now we repeat the whole process for the <code>ibu</code> column: extract the column into a series, clean it up removing <code>NaN</code>s, extract the series values as an array, check how many values we lost.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [15]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">ibu_series</span> <span class="o">=</span> <span class="n">beers</span><span class="p">[</span><span class="s1">'ibu'</span><span class="p">]</span> | |
| <span class="nb">len</span><span class="p">(</span><span class="n">ibu_series</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt output_prompt">Out[15]:</div> | |
| <div class="output_text output_subarea output_execute_result"> | |
| <pre>2407</pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [16]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">ibu_clean</span> <span class="o">=</span> <span class="n">ibu_series</span><span class="o">.</span><span class="n">dropna</span><span class="p">()</span> | |
| <span class="n">ibu</span> <span class="o">=</span> <span class="n">ibu_clean</span><span class="o">.</span><span class="n">values</span> | |
| <span class="nb">len</span><span class="p">(</span><span class="n">ibu</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt output_prompt">Out[16]:</div> | |
| <div class="output_text output_subarea output_execute_result"> | |
| <pre>1405</pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h2 id="Exercise">Exercise<a class="anchor-link" href="#Exercise">¶</a></h2><p>Write a Python function that calculates the percentage of missing values for a certain data series. Use the function to calculate the percentage of missing values for the <code>abv</code> and <code>ibu</code> data sets.</p> | |
| <p>For the original series, before cleaning, remember that you can access the values with <code>series.values</code> (e.g., <code>abv_series.values</code>).</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [29]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span><span class="p">(</span><span class="s1">'percent of missing ibu values = </span><span class="si">{:.1f}</span><span class="s1">%'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="mi">100</span><span class="o">-</span><span class="mi">100</span><span class="o">*</span><span class="nb">len</span><span class="p">(</span><span class="n">ibu_clean</span><span class="p">)</span><span class="o">/</span><span class="nb">len</span><span class="p">(</span><span class="n">ibu_series</span><span class="p">)))</span> | |
| <span class="k">def</span> <span class="nf">missing_values</span><span class="p">(</span><span class="n">series</span><span class="p">):</span> | |
| <span class="n">clean_series</span> <span class="o">=</span> <span class="n">series</span><span class="o">.</span><span class="n">dropna</span><span class="p">()</span> | |
| <span class="n">missing_per</span> <span class="o">=</span> <span class="mi">100</span><span class="o">*</span><span class="p">(</span><span class="mi">1</span><span class="o">-</span><span class="nb">len</span><span class="p">(</span><span class="n">clean_series</span><span class="p">)</span><span class="o">/</span><span class="nb">len</span><span class="p">(</span><span class="n">series</span><span class="p">))</span> | |
| <span class="k">return</span> <span class="n">missing_per</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="s1">'</span><span class="se">\n</span><span class="s1">result of missing_values function</span><span class="se">\n</span><span class="s1">------------------'</span><span class="p">)</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="s1">'percent of missing ibu values = </span><span class="si">{:.1f}</span><span class="s1">%'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">missing_values</span><span class="p">(</span><span class="n">ibu_series</span><span class="p">)))</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_subarea output_stream output_stdout output_text"> | |
| <pre>percent of missing ibu values = 41.6% | |
| result of missing_values function | |
| ------------------ | |
| percent of missing ibu values = 41.6% | |
| </pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h5 id="Important:">Important:<a class="anchor-link" href="#Important:">¶</a></h5><p>Notice that in the case of the variable <code>ibu</code> we are missing almost 42% of the values. This is important, because it will affect our analysis. When we do descriptive statistics, we will ignore these missing values, and having 42% missing will very likely cause bias.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h2 id="Step-3:-Ready,-stats,-go!">Step 3: Ready, stats, go!<a class="anchor-link" href="#Step-3:-Ready,-stats,-go!">¶</a></h2><p>Now that we have numpy arrays with clean data, let's see how we can process them to get some useful information.</p> | |
| <p>Focusing on the numerical variables <code>abv</code> and <code>ibu</code>, we'll walk through some "descriptive statistics," below. In other words, we aim to generate statistics that summarize the data concisely.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h3 id="Maximum-and-minimum">Maximum and minimum<a class="anchor-link" href="#Maximum-and-minimum">¶</a></h3><p>The maximum and minimum values of a dataset are helpful as they tell us the <em>range</em> of our sample: the range gives some indication of the <em>variability</em> in the data. | |
| We can obtain them for our <code>abv</code> and <code>ibu</code> arrays with the <code>min()</code> and <code>max()</code> functions from numpy.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p><strong>abv</strong></p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [30]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">abv_min</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">min</span><span class="p">(</span><span class="n">abv</span><span class="p">)</span> | |
| <span class="n">abv_max</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">max</span><span class="p">(</span><span class="n">abv</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [31]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span><span class="p">(</span><span class="s1">'The minimum value for abv is: '</span><span class="p">,</span> <span class="n">abv_min</span><span class="p">)</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="s1">'The maximum value for abv is: '</span><span class="p">,</span> <span class="n">abv_max</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_subarea output_stream output_stdout output_text"> | |
| <pre>The minimum value for abv is: 0.001 | |
| The maximum value for abv is: 0.128 | |
| </pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p><strong>ibu</strong></p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [32]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">ibu_min</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">min</span><span class="p">(</span><span class="n">ibu</span><span class="p">)</span> | |
| <span class="n">ibu_max</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">max</span><span class="p">(</span><span class="n">ibu</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [33]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span><span class="p">(</span><span class="s1">'The minimum value for ibu is: '</span><span class="p">,</span> <span class="n">ibu_min</span><span class="p">)</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="s1">'The maximum value for ibu is: '</span><span class="p">,</span> <span class="n">ibu_max</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_subarea output_stream output_stdout output_text"> | |
| <pre>The minimum value for ibu is: 4.0 | |
| The maximum value for ibu is: 138.0 | |
| </pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h3 id="Mean-value">Mean value<a class="anchor-link" href="#Mean-value">¶</a></h3><p>The <strong>mean</strong> value is one of the main measures to describe the central tendency of the data: an indication of where's the "center" of the data. If we have a sample of $N$ values, $x_i$, the mean, $\bar{x}$, is calculated by:</p> | |
| \begin{equation*} | |
| \bar{x} = \frac{1}{N}\sum_{i} x_i | |
| \end{equation*}<p>In words, that is the sum of the data values divided by the number of values, $N$.</p> | |
| <p>You've already learned how to write a function to compute the mean in <a href="http://go.gwu.edu/engcomp1lesson5">Module 1 Lesson 5</a>, but you also learned that numpy has a built-in <code>mean()</code> function. We'll use this to get the mean of the <code>abv</code> and <code>ibu</code> values.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [34]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">abv_mean</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">mean</span><span class="p">(</span><span class="n">abv</span><span class="p">)</span> | |
| <span class="n">ibu_mean</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">mean</span><span class="p">(</span><span class="n">ibu</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Next, we'll print these two variables, but we'll use some fancy new way of printing with Python's string formatter, <code>string.format()</code>. There's a sweet site dedicated to Python's string formatter, called <a href="https://pyformat.info">PyFormat</a>, where you can learn lots of tricks!</p> | |
| <p>The basic trick is to use curly brackets <code>{}</code> as placeholder for a variable value that you want to print in the middle of a string (say, a sentence that explains what you are printing), and to pass the variable name as argument to <code>.format()</code>, preceded by the string.</p> | |
| <p>Let's try something out…</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [35]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span><span class="p">(</span><span class="s1">'The mean value for abv is </span><span class="si">{}</span><span class="s1"> and for ibu </span><span class="si">{}</span><span class="s1">'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">abv_mean</span><span class="p">,</span> <span class="n">ibu_mean</span><span class="p">))</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_subarea output_stream output_stdout output_text"> | |
| <pre>The mean value for abv is 0.059773424190800686 and for ibu 42.71316725978647 | |
| </pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Ugh! That doesn't look very good, does it? Here's where Python's string formatting gets fancy. We can print fewer decimal digits, so the sentence is more readable. For example, if we want to have four decimal digits, we specify it this way:</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [36]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span><span class="p">(</span><span class="s1">'The mean value for abv is </span><span class="si">{:.4f}</span><span class="s1"> and for ibu </span><span class="si">{:.4f}</span><span class="s1">'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">abv_mean</span><span class="p">,</span> <span class="n">ibu_mean</span><span class="p">))</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_subarea output_stream output_stdout output_text"> | |
| <pre>The mean value for abv is 0.0598 and for ibu 42.7132 | |
| </pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Inside the curly brackets—the placeholders for the values we want to print—the <code>f</code> is for <code>float</code> and the <code>.4</code> is for four digits after the decimal dot. The colon here marks the beginning of the format specification (as there are options that can be passed before). There are so many tricks to Python's string formatter that you'll usually look up just what you need. | |
| Another useful resource for string formatting is the <a href="https://mkaz.blog/code/python-string-format-cookbook/">Python String Format Cookbook</a>. Check it out!</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h3 id="Variance-and-standard-deviation">Variance and standard deviation<a class="anchor-link" href="#Variance-and-standard-deviation">¶</a></h3><p>While the mean indicates where's the center of your data, the <strong>variance</strong> and <strong>standard deviation</strong> describe the <em>spread</em> or variability of the data. We already mentioned that the <em>range</em> (difference between largest and smallest data values) is also an indication of variability. But the standard deviation is the most common measure of variability.</p> | |
| <p>We really like the way <a href="https://profiles.stanford.edu/kristin-sainani">Prof. Kristin Sainani</a>, of Stanford University, presents this in her online course on <a href="https://lagunita.stanford.edu/courses/Medicine/MedStats-SP/SelfPaced/about">Statistics in Medicine</a>. In her lecture "Describing Quantitative Data: What is the variability in the data?", available <a href="https://youtu.be/hlFeEQF5tDc">on YouTube</a>, she asks: <em>What if someone were to ask you to devise a statistic that gives the avarage distance from the mean?</em> Think about this a little bit.</p> | |
| <p>The distance from the mean, for any data value, is $x_i - \bar{x}$. So what is the average of the distances from the mean? If we try to simply compute the average of all the values $x_i - \bar{x}$, some of which are negative, you'll just get zero! It doesn't work.</p> | |
| <p>Since the problem is the negative distances from the mean, you might suggest using absolute values. But this is just mathematically inconvenient. Another way to get rid of negative values is to take the squares. And that's how we get to the expression for the <em>variance</em>: it is the average of the squares of the deviations from the mean. For a set of $N$ values,</p> | |
| \begin{equation*} | |
| \text{var} = \frac{1}{N}\sum_{i} (x_i - \bar{x})^2 | |
| \end{equation*}<p>The variance itself is hard to interpret. The problem with it is that the units are strange (they are the square of the original units). The <strong>standard deviation</strong>, the square root of the variance, is more meaningful because it has the same units as the original variable. Often, the symbol $\sigma$ is used for it:</p> | |
| \begin{equation*} | |
| \sigma = \sqrt{\text{var}} = \sqrt{\frac{1}{N}\sum_{i} (x_i - \bar{x})^2} | |
| \end{equation*} | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h3 id="Sample-vs.-population">Sample vs. population<a class="anchor-link" href="#Sample-vs.-population">¶</a></h3><p>The above definitions are used when $N$ (the number of values) represents the entire population. But if we have a <em>sample</em> of that population, the formulas have to be adjusted: instead of dividing by $N$ we divide by $N-1$. This is important, especially when we work with real data since usually we have samples of populations.</p> | |
| <p>The <strong>standard deviation</strong> of a sample is denoted by $s$, and the formula is:</p> | |
| \begin{equation*} | |
| s = \sqrt{\frac{1}{N-1}\sum_{i} (x_i - \bar{x})^2} | |
| \end{equation*}<p>Why? This gets a little technical, but the reason is that if you have a <em>sample</em> of the population, you don't know the <em>real</em> value of the mean, and $\bar{x}$ is actually an <em>estimate</em> of the mean. That's why you'll often find the symbol $\mu$ used to denote the population mean, and distinguish it with the sample mean, $\bar{x}$. Using $\bar{x}$ to compute the standard deviation introduces a small bias: $\bar{x}$ is computed <em>from the sample values</em>, and the data are on average (slightly) closer to $\bar{x}$ than the population is to $\mu$. Dividing by $N-1$ instead of $N$ corrects this bias!</p> | |
| <p>Prof. Sainani explains it by saying that we lost one degree of freedom when we estimated the mean using $\bar{x}$. For example, say we have 100 people and I give you their mean age, and the actual age for 99 people from the sample: you'll be able to calculate the age of that 100th person. Once we calculated the mean, we only have 99 degrees of freedom left because that 100th person's age is fixed.</p> | |
| <p>Below is a graphical distinction between the <em>sample</em> and the <em>population</em> from <a href="https://twitter.com/allison_horst">@allison_horst on twitter</a></p> | |
| <p><img src="https://pbs.twimg.com/media/EOM8s3fVUAAglHu?format=jpg&name=small" alt="Sample vs Population from @allison_horst"></p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h3 id="Let's-code!">Let's code!<a class="anchor-link" href="#Let's-code!">¶</a></h3><p>Now that we have the math sorted out, we can program functions to compute the variance and the standard deviation. In our case, we are working with samples of the population of craft beers, so we need to use the formulas with $N-1$ in the denominator.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [37]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">sample_var</span><span class="p">(</span><span class="n">array</span><span class="p">):</span> | |
| <span class="sd">""" Calculates the variance of an array that contains values of a sample of a </span> | |
| <span class="sd"> population. </span> | |
| <span class="sd"> </span> | |
| <span class="sd"> Arguments</span> | |
| <span class="sd"> ---------</span> | |
| <span class="sd"> array : array, contains sample of values. </span> | |
| <span class="sd"> </span> | |
| <span class="sd"> Returns</span> | |
| <span class="sd"> -------</span> | |
| <span class="sd"> var : float, variance of the array .</span> | |
| <span class="sd"> """</span> | |
| <span class="n">sum_sqr</span> <span class="o">=</span> <span class="mi">0</span> | |
| <span class="n">mean</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">mean</span><span class="p">(</span><span class="n">array</span><span class="p">)</span> | |
| <span class="k">for</span> <span class="n">element</span> <span class="ow">in</span> <span class="n">array</span><span class="p">:</span> | |
| <span class="n">sum_sqr</span> <span class="o">+=</span> <span class="p">(</span><span class="n">element</span> <span class="o">-</span> <span class="n">mean</span><span class="p">)</span><span class="o">**</span><span class="mi">2</span> | |
| <span class="n">N</span> <span class="o">=</span> <span class="nb">len</span><span class="p">(</span><span class="n">array</span><span class="p">)</span> | |
| <span class="n">var</span> <span class="o">=</span> <span class="n">sum_sqr</span> <span class="o">/</span> <span class="p">(</span><span class="n">N</span> <span class="o">-</span> <span class="mi">1</span><span class="p">)</span> | |
| <span class="k">return</span> <span class="n">var</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Notice that we used <code>np.mean()</code> in our function: do you think we can make this function even more Pythonic?</p> | |
| <p><em>Hint:</em> Yes!, we totally can.</p> | |
| <h5 id="Exercise:">Exercise:<a class="anchor-link" href="#Exercise:">¶</a></h5><p>Re-write the function <code>sample_var()</code> using <code>np.sum()</code> to replace the <code>for</code>-loop. Name the function <code>var_pythonic</code>.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [41]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">var_pythonic</span><span class="p">(</span><span class="n">array</span><span class="p">):</span> | |
| <span class="sd">""" Calculates the variance of an array that contains values of a sample of a </span> | |
| <span class="sd"> population. </span> | |
| <span class="sd"> </span> | |
| <span class="sd"> Arguments</span> | |
| <span class="sd"> ---------</span> | |
| <span class="sd"> array : array, contains sample of values. </span> | |
| <span class="sd"> </span> | |
| <span class="sd"> Returns</span> | |
| <span class="sd"> -------</span> | |
| <span class="sd"> var : float, variance of the array .</span> | |
| <span class="sd"> """</span> | |
| <span class="n">mean</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">mean</span><span class="p">(</span><span class="n">array</span><span class="p">)</span> | |
| <span class="n">sum_sqr</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">((</span><span class="n">array</span> <span class="o">-</span> <span class="n">mean</span><span class="p">)</span><span class="o">**</span><span class="mi">2</span><span class="p">)</span> | |
| <span class="n">N</span> <span class="o">=</span> <span class="nb">len</span><span class="p">(</span><span class="n">array</span><span class="p">)</span> | |
| <span class="n">var</span> <span class="o">=</span> <span class="n">sum_sqr</span> <span class="o">/</span> <span class="p">(</span><span class="n">N</span> <span class="o">-</span> <span class="mi">1</span><span class="p">)</span> | |
| <span class="k">return</span> <span class="n">var</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [42]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">var_pythonic</span><span class="p">(</span><span class="n">ibu_clean</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt output_prompt">Out[42]:</div> | |
| <div class="output_text output_subarea output_execute_result"> | |
| <pre>673.6135373259929</pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>We have the sample variance, so we take its square root to get the standard deviation. We can make it a function, even though it's just one line of Python, to make our code more readable:</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [43]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">sample_std</span><span class="p">(</span><span class="n">array</span><span class="p">):</span> | |
| <span class="sd">""" Computes the standard deviation of an array that contains values</span> | |
| <span class="sd"> of a sample of a population.</span> | |
| <span class="sd"> </span> | |
| <span class="sd"> Arguments</span> | |
| <span class="sd"> ---------</span> | |
| <span class="sd"> array : array, contains sample of values. </span> | |
| <span class="sd"> </span> | |
| <span class="sd"> Returns</span> | |
| <span class="sd"> -------</span> | |
| <span class="sd"> std : float, standard deviation of the array.</span> | |
| <span class="sd"> """</span> | |
| <span class="n">std</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">sqrt</span><span class="p">(</span><span class="n">sample_var</span><span class="p">(</span><span class="n">array</span><span class="p">))</span> | |
| <span class="k">return</span> <span class="n">std</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Let's call our brand new functions and assign the output values to new variables:</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [44]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">abv_std</span> <span class="o">=</span> <span class="n">sample_std</span><span class="p">(</span><span class="n">abv</span><span class="p">)</span> | |
| <span class="n">ibu_std</span> <span class="o">=</span> <span class="n">sample_std</span><span class="p">(</span><span class="n">ibu</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>If we print these values using the string formatter, only printing 4 decimal digits, we can display our descriptive statistics in a pleasant, human-readable way.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [45]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span><span class="p">(</span><span class="s1">'The standard deviation for abv is </span><span class="si">{:.4f}</span><span class="s1"> and for ibu </span><span class="si">{:.4f}</span><span class="s1">'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">abv_std</span><span class="p">,</span> <span class="n">ibu_std</span><span class="p">))</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_subarea output_stream output_stdout output_text"> | |
| <pre>The standard deviation for abv is 0.0135 and for ibu 25.9541 | |
| </pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>These numbers tell us that the <code>abv</code> values are quite concentrated around the mean value, while the <code>ibu</code> values are quite spread out from their mean. How could we check these descriptions of the data? A good way of doing so is using graphics: various types of plots can tell us things about the data.</p> | |
| <p>We'll learn about <em>histograms</em> in this lesson, and in the following lesson we'll explore <em>box plots</em>.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h2 id="Step-4:-Distribution-plots">Step 4: Distribution plots<a class="anchor-link" href="#Step-4:-Distribution-plots">¶</a></h2><p>Every time that we work with data, visualizing it is very useful. Visualizations give us a better idea of how our data behaves. One way of visualizing data is with a frequency-distribution plot known as <strong>histogram</strong>: a graphical representation of how the data is distributed. To make a histogram, first we need to "bin" the range of values (divide the range into intervals) and then we count how many data values fall into each interval. The intervals are usually consecutive (not always), of equal size and non-overlapping.</p> | |
| <p>Thanks to Python and Matplotlib, making histograms is easy. We recommend that you always read the documentation, in this case about <a href="https://matplotlib.org/devdocs/api/_as_gen/matplotlib.pyplot.hist.html">histograms</a>. We'll show you here an example using the <code>hist()</code> function from <code>pyplot</code>, but this is just a starting point.</p> | |
| <p>Let's first load the <strong>Matplotlib</strong> module called <code>pyplot</code>, for making 2D plots. Remember that to get the plots inside the notebook, we use a special "magic" command, <code>%matplotlib inline</code>:</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [46]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="kn">from</span> <span class="nn">matplotlib</span> <span class="kn">import</span> <span class="n">pyplot</span> | |
| <span class="o">%</span><span class="k">matplotlib</span> inline | |
| <span class="c1">#Import rcParams to set font styles</span> | |
| <span class="kn">from</span> <span class="nn">matplotlib</span> <span class="kn">import</span> <span class="n">rcParams</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [47]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">pyplot</span><span class="o">.</span><span class="n">hist</span><span class="p">(</span><span class="n">abv</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt output_prompt">Out[47]:</div> | |
| <div class="output_text output_subarea output_execute_result"> | |
| <pre>(array([ 1., 0., 38., 699., 857., 486., 159., 104., 1., 3.]), | |
| array([0.001 , 0.0137, 0.0264, 0.0391, 0.0518, 0.0645, 0.0772, 0.0899, | |
| 0.1026, 0.1153, 0.128 ]), | |
| <a list of 10 Patch objects>)</pre> | |
| </div> | |
| </div> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_png output_subarea "> | |
| <img src="data:image/png;base64,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 | |
| " | |
| > | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Now we have a line plot, but if you see this plot without any information you would not be able to figure out what kind of data it is! We need labels on the axes, a title and why not a better color, font and size of the ticks. | |
| <strong>Publication quality</strong> plots should always be your standard for plotting. | |
| How you present your data will allow others (and probably you in the future) to better understand your work.</p> | |
| <p>We can customize the style of our plots using parameters for the lines, text, font and other plot options. We set some style options that apply for all the plots in the current session with <a href="https://matplotlib.org/api/_as_gen/matplotlib.plt.rc.html"><code>plt.rc()</code></a> | |
| Here, we'll make the font of a specific type and size (sans-serif and 18 points). You can also customize other parameters like line width, color, and so on (check out the documentation).</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [48]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="c1">#Set font style and size </span> | |
| <span class="n">rcParams</span><span class="p">[</span><span class="s1">'font.family'</span><span class="p">]</span> <span class="o">=</span> <span class="s1">'sans'</span> | |
| <span class="n">rcParams</span><span class="p">[</span><span class="s1">'lines.linewidth'</span><span class="p">]</span> <span class="o">=</span> <span class="mi">3</span> | |
| <span class="n">rcParams</span><span class="p">[</span><span class="s1">'font.size'</span><span class="p">]</span> <span class="o">=</span> <span class="mi">18</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>We'll redo the same plot, but now we'll add a few things to make it prettier and <strong>publication quality</strong>. We'll add a title, label the axes and, show a background grid. Study the commands below and look at the result!</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [49]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="c1">#You can set the size of the figure by doing:</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">figure</span><span class="p">(</span><span class="n">figsize</span><span class="o">=</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="mi">5</span><span class="p">))</span> | |
| <span class="c1">#Plotting</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">hist</span><span class="p">(</span><span class="n">abv</span><span class="p">,</span> <span class="n">bins</span><span class="o">=</span><span class="mi">20</span><span class="p">,</span> <span class="n">color</span><span class="o">=</span><span class="s1">'b'</span><span class="p">,</span> <span class="n">histtype</span><span class="o">=</span><span class="s1">'bar'</span><span class="p">,</span> <span class="n">edgecolor</span><span class="o">=</span><span class="s1">'white'</span><span class="p">)</span> | |
| <span class="c1">#The \n is to leave a blank line between the title and the plot</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">title</span><span class="p">(</span><span class="s1">'abv </span><span class="se">\n</span><span class="s1">'</span><span class="p">)</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">xlabel</span><span class="p">(</span><span class="s1">'Alcohol by Volume (abv) '</span><span class="p">)</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">ylabel</span><span class="p">(</span><span class="s1">'Frequency'</span><span class="p">);</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_png output_subarea "> | |
| <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAn4AAAF6CAYAAACHqVXrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAADl0RVh0U29mdHdhcmUAbWF0cGxvdGxpYiB2ZXJzaW9uIDIuMi40LCBodHRwOi8vbWF0cGxvdGxpYi5vcmcv7US4rQAAIABJREFUeJzt3Xu8bVPd+PHPl8M5DuX+JKc4hejucsilHpTkkq4UkvKQrkr19KTLUyqh+oUS9bh0URHSTXkihfQgjigkuZcjd+E4zkG+vz/GXKyzrH1be+291trz83691mvuPeaYY4459tp7ffcYc4wZmYkkSZKmviV6XQFJkiRNDgM/SZKkmjDwkyRJqgkDP0mSpJow8JMkSaoJAz9JkqSaMPCTpC6KiHMjIiNiq17XRZJaGfhJkiTVhIGfJElSTRj4SZIk1YSBnyQNISK2iYijI+JPEXFPRCyMiBsi4hsRseYojn9ldc/ffRFxf0ScFRGbteR5YXVP4E0REUOU88yI+FdE3B0RS3fr+iTVj4GfJA3tG8DbgYeA3wBnAdOAdwJ/iIh1hzn2jcCZwFOBM4DrgFcC50XEqxuZMvMK4DJgTWDLIcrag/L3+geZ+fA4rkdSzRn4SdLQPgyslpkvycydM/M1wLOBzwMrAV8Z5tj3Aftl5oaZuVtmbgh8AFgK+FZELN+U94Rqu+cQZb212n6n0wuRJIDIzF7XQZIGTkTMA1YDVsjMB5rSz6X03F2UmZu1Oe5iYGPgPZn59Srt34B5lJ7Fp2XmQ0355wCXANdk5noTd0WS6mBarysgSf2supdvR+A5wFOAJatd0yijJmtThmpbnTREkd+nBH7/DnwdIDPviIj/BXYCXtdybKMX0N4+SeNm4CdJQ4iIg4ADeCLYa+epQ6TfPET6TdX2GS3pJ1ACvz2pAr+ImAbsCjwGfG/kGkvS8LzHT5LaiIidgU8ADwL/ATwLWCYzIzMDuLCRdYgihrqPJobYfzpwL/DKiFitStseWBU4JzP/PvarkKTFGfhJUns7V9tPZOa3MvOmzFzYtH/tEY4farmXRvq85sTMXAT8gNK7uHuV7DCvpK4y8JOk9laqtk/qaYuIV1B64oaz6xDpu1Xb37bZ9/js3ohYgTL0Ox/40QjnkqRRMfCTpPb+Um3f0bxockTMppqUMYLNI+JdzQkR8V7gJcBdwImtB2TmRcA1wIuBzwHTgdMy88EO6i9JT2LgJ0ntfRW4nzKj99qIOKWaeXs18A/gghGO/xpwdETMjYgTI+LSKu1RYK/MvG+I4xq9fu+rtg7zSuoaAz9JaiMzrwM2An5IWQFhJ8oEjy8A2wKPjFDEacAOwILq2OcAZwNbZubPhznuu5RZvAB/A87t7Aok6clcwFmSJKkm7PGTJEmqCQM/SZKkmjDwkyRJqgkDP0mSpJow8JMkSaoJAz9JkqSaMPCTJEmqCQM/SZKkmjDwkyRJqgkDP0mSpJow8JMkSaoJAz9JkqSaMPCTJEmqCQM/SZKkmjDwkyRJqgkDP0mSpJow8JMkSaoJAz9JkqSaMPCTJEmqCQM/SZKkmjDwkyRJqgkDP0mSpJow8JMkSaoJAz9JkqSaMPCTJEmqCQM/SZKkmjDwkyRJqgkDP0mSpJqY1usK9KtVVlklZ8+e3etqSJIkjejSSy+9KzNXHSmfgd8QZs+ezdy5c3tdDUmSpBFFxM2jyedQryRJUk0Y+EmSJNWEgZ8kSVJNGPhJkiTVhIGfJElSTRj4SZIk1YSBnyRJUk0Y+EmSJNWEgZ8kSVJNGPhJkiTVhIGfJElSTRj4Sep7CxdOrfNIUq9M63UFJGkkM2ZAxMSfJ3PizyFJvWSPnyRJUk0Y+EmSJNWEgZ8kSVJNGPhJkiTVhIGfJElSTRj4SZIk1YSBnyRJUk0Y+EmSJNWEgZ8kSVJNGPhJkiTVhIGfJElSTRj4SZIk1YSBnyRJUk0Y+EmSJNWEgZ8kSVJNGPhJkiTVhIGfJElSTRj4SZIk1YSBnyRJUk0Y+EmSJNVEzwO/iMghXvPb5F03In4SEfdGxIMRcX5EvHyIcpePiCMjYl5ELIyIqyLi3RERE39VkiRJ/WdarytQOR84piXtkeZvImIt4ALgUeCLwH3AO4AzI2L7zDy7Ke/SwK+ADYAjgauB7YGjgacBB07IVUiSJPWxfgn8bsjM742Q5xBgBWCjzLwcICJOAK4CjoqI9TIzq7z7ABsD78/MI6u0YyPiNODjEfGtzLy5+5chSZLUv3o+1NsQEUtHxHJD7FsWeA1wbiPoA8jM+cBxwHMogV7D7sAC4NiWoo4AlgLe3MWqS5IkDYR+Cfx2pgRqD0TEHdW9ecs37X8RMB24sM2xF1XbjQEiYglgQ+CyzFzYkvdi4DEWDxIlSZJqoR+Gei8GTgWuA54K7AC8D9gyIjavevVWr/LOa3N8I21WtV0RWKZd3sxcFBF3N+VdTETsC+wLsMYaa3R0MZIkSf2q54FfZr6kJemEiPgT8HngA9V2ZrVvUZsiGr16M1u27fI28s9styMzj6GaZDJnzpxsl0eSJGlQ9ctQb6svAQ8DO1bfL6i209vkndGSZ7i8jfwLhtgnaYwWtt5QIUnqWz3v8WsnMx+JiFuBVaqkW6ttuyHaRlpjaPde4KF2eSNiOrAycF73aivV24wZMNGrY6b975LUFX3Z4xcRM4BnALdXSVdQhm43a5N902o7FyAzHwP+AGxQBXrNNqFc89xu11mSJKnf9TTwi4iVh9j1OUpv5Onw+LItpwNbRcSLm45fjrJm37WUSSINJ1Hu49u3pdz9KQtAn9KN+kuSJA2SXg/1fjIiNgXOAf4GLEeZ1bs18HvKUzcaPga8AjgrIg4H7qc8uWMWsGPT4s1Q1u/bCzgsImZTntyxA/B64KDMvHECr0mSJKkv9TrwOxd4HvA2yr13/6L03n0COKx5Hb7MvC4itgAOBQ4AlqYM6W7X/Li2Ku/DEbENcBCwW1X29cB+wFETfE2SJEl9KdK7ptuaM2dOzp3rrYDSaEzG5I6JPkfjPJI0iCLi0sycM1K+vpzcIUmSpO4z8JMkSaoJAz9JkqSaMPCTJEmqCQM/SZKkmjDwkyRJqgkDP0mSpJow8JMkSaoJAz9JkqSaMPCTJEmqCQM/SZKkmjDwkyRJqgkDP0mSpJow8JMkSaoJAz9JkqSaMPCTJEmqCQM/SZKkmjDwkyRJqgkDP0mSpJow8JMkSaoJAz9JkqSaMPCTJEmqCQM/SZKkmjDwkyRJqgkDP0mSpJow8JMkSaoJAz9JkqSaMPCTJEmqCQM/SZKkmjDwkyRJqgkDP0mSpJow8JMkSaqJvgr8ImJmRNwYERkRX2uzf92I+ElE3BsRD0bE+RHx8iHKWj4ijoyIeRGxMCKuioh3R0RM/JVIkiT1n2m9rkCLzwKrtNsREWsBFwCPAl8E7gPeAZwZEdtn5tlNeZcGfgVsABwJXA1sDxwNPA04cOIuQZIkqT/1TY9fRGwI7A98eogshwArAK/KzEMy82jgZcCtwFEtPXn7ABsDH8rMD2XmsZn5BuBHwMcjYs0JuxBJkqQ+1ReBX0QsCRwL/JISnLXuXxZ4DXBuZl7eSM/M+cBxwHMogV7D7sCCqsxmRwBLAW/uZv0lSZIGQV8EfsAHgfWA9w2x/0XAdODCNvsuqrYbA0TEEsCGwGWZubAl78XAYyweJEqSJNVCzwO/iHgW8Bngs5l50xDZVq+289rsa6TNqrYrAsu0y5uZi4C7m/JKkiTVRs8DP+DrwI3AYcPkmVltF7XZt7Alz3B5G/lnttsREftGxNyImHvnnXcOUx1JkqTB09PALyL2ALYF3pWZjwyTdUG1nd5m34yWPMPlbeRf0G5HZh6TmXMyc86qq646THUkSZIGT8+Wc4mI6ZRevjOA2yJi7WpXYxh2+SrtLsrM3eZ9zRppjaHde4GH2uWtzrkycN64L0CSJGnA9LLHbxlgVWBH4Nqm17nV/j2q7/cBrqAM3W7WppxNq+1cgMx8DPgDsEEV6DXbhHLNc7t1EZIkSYOilws4Pwjs0iZ9VcpCy78Ejgf+lJnzI+J04A0R8eLM/CNARCxHCQyvpczYbTgJ2ALYl7KAc8P+lAWgT+nytUiSJPW9ngV+1T19P2xNj4jZ1ZfXZ2bz/o8BrwDOiojDgfspT+6YBeyYmdmU91hgL+CwqryrgR2A1wMHZeaN3bwWSZKkQTDmwC8irqYsmnxCZk7a1NfMvC4itgAOBQ4AlqYM6W7X/Li2Ku/DEbENcBCwG+W+vuuB/YCjJqvOkiRJ/SQW7ygbxQER1wDrAI8Ap1OCwDNzrAX1uTlz5uTcud4KKI3GYg9MnACZE3+OxnkkaRBFxKWZOWekfGOe3JGZ6wL/DpwIvAr4BXBzRHzGZ+BKkiT1r45m9Wbm7zJzL+DpwLsoy638N3B9RJwVEW+KiKW6WE9JkiSN07iWc8nM+Zl5bGZuCryAMlt2G8qs2lsj4ksR4ePRJEmS+sC41/GLiCUiYifgYJ5YnuV8ysSLDwHXRMSrx3seSZIkjU/HgV9ErBMRhwC3AD8FNge+AqyXmVtl5quA5wHXAf+vG5WVJElS5zpZzmVPYG/gpVXSucAHgR+1Pm83M6+JiCMo6+pJkiSphzpZwPnbwB2UXrxjM/O6EfJfDfygg/NIkiSpizoJ/N4M/DgzHx1N5sz8PfD7Ds4jSZKkLhpz4JeZp05ERSRJkjSxxjy5IyI+FRGXD7P/soj42PiqJUmSpG7rZFbvGykTOoZyDvCmjmojSZKkCdNJ4PcsyoSNoVwDPLuz6kiSJGmidBL4BbDCMPuXB5bsrDqSJEmaKJ0Efn8Gdhpm/06UXj9JkiT1kU4Cv28Cm0fE8RGxUiMxIlaKiOMoT/D4ZrcqKEmSpO7oZDmX/4mIrYG9gLdFxC1AAs+kBJI/zMyjultNSZIkjVdHz+rNzF2BPYAzgUXAI8D/ArtnpjN6JUmS+lAnT+4AIDNPBE7sYl0kSZI0gTrq8ZMkdWbhwql1HkmDpaMev4iYSXlm7zrAypQlXpplZr5znHWTpClnxgyI1r+YEyBz4s8hafCMOfCLiDnAz4FVeXLA15CAgZ8kSVIf6WSo93BgGeAtwGrAUm1eS3ergpIkSeqOToZ65wCHZOYPul0ZSZIkTZxOevweAO7sdkUkSZI0sToJ/H4MbNvtikiSJGlidRL4/RcwKyIOj4g1u10hSZIkTYxO7vG7q9puBLw/Ih6jzOJtlpk5fVw1kyRJUld1EvidzJMDPUmSJPW5MQd+mbnHRFREkiRJE8tHtkmSJNVER4FfRCwREbtHxLcj4n8j4sVV+gpV+urdraYkSZLGa8yBX0QsA5wDfA94E2Vpl5Wr3fOBw4B3dauCkiRJ6o5OevwOBDYFdgFm0/S83sx8FPgRsN1oCoqIdSPi+xFxdUTcFxELIuIvEXFYRDx9iPw/iYh7I+LBiDg/Il4+RNnLR8SRETEvIhZGxFUR8e6IyXg8uiRJUv/pZFbvLsAxmXlaRKzcZv+1wM6jLOsZwNMpi0LfAjwKvBDYF9g1ItbPzDsAImIt4IIqzxeB+4B3AGdGxPaZeXaj0IhYGvgVsAFwJHA1sD1wNPA0SvAqSZJUK50EfrOAPw6z/0HgqaMpKDN/Dfy6NT0ifgucArydEuQBHAKsAGyUmZdX+U4ArgKOioj1MrOxzMw+wMbA+zPzyCrt2Ig4Dfh4RHwrM28eTR0lSZKmik6Geu+h9NIN5XnAPzqrzuMaQdmKABGxLPAa4NxG0AeQmfOB44DnUAK9ht2BBcCxLeUeASwFvHmc9ZMkSRo4nQR+vwH2qiZ5LKZ6hNt/AGeOpcCImBERq0TEMyJiW+B/ql1nVNsXAdOBC9scflG13bgqawlgQ+CyzFzYkvdi4DEWDxIlSZJqoZPA7zOUWbwXU+7FS+CVEfE54A/AI8DBYyxzH+BO4O+UoHEFYI/MPL/a31geZl6bYxtps6rtisAy7fJm5iLg7qa8kiRJtdHJkzv+GhGvBL4JfL5K/mi1vRp4a2b+bYzF/gT4C7AcZULGa4BVm/bPrLaL2hy7sCXPcHkb+We22xER+1KCWdZYY43R1FuSJGlgdDK5g8y8GHhBRKwPPJeypMu1wNymCRZjKe8WyqxegJ9UkzAuiYhlMvMQyv16UIZ7W82otgtatu3yNvIvaLcjM48BjgGYM2eOzyOWambhQpgxY+R8kjSoOgr8GqqJFpePmHHs5f4pIi4D3kOZzXtrtavdEG0jrTG0ey/wULu8ETGdMkx9XlcrLGlKmDEDJnqlz7H/ayxJ3dPPz+pdBlip+voKytDtZm3ybVpt5wJk5mOUew03qAK9ZptQrnlu12srSZLU5zp5ZNsjEfHwCK+h7q9rLWu1IdK3Bl5ANWO3WrbldGCrxnOBq3zLUSaGXEuZbNJwEuU+vn1bit6fsgD0KaO6WEmSpCmkk6HekykzeVvLWQvYiNI7d8Uoy/p69Wi231DW7ptRlbEr8ADw4aa8HwNeAZwVEYcD91Oe3DEL2LHl3sJjgb2AwyJiNmXSyQ7A64GDMvPGUdZPkiRpyuhkVu8eQ+2LiJdRHr/W2tM2lJOAtwFvpcziTUoA+D/Al5pnB2fmdRGxBXAocACwNGVId7vmx7VVeR+OiG2Ag4DdKPf1XQ/sBxw1yrpJkiRNKdHBJNzhC4z4f8CczNyqqwVPsjlz5uTcud4KKI3GZEyImOhzTNZ5JvNaJNVHRFyamXNGyjcRkzv+Cox4YkmSJE2uiQj8XsYTiypLkiSpT4z5Hr+I2H2IXSsB2wA7Ad8aT6UkSZLUfZ3M6v0eZRJGu7tU/gV8B/jgeColSZKk7usk8Htlm7QE7gFuyMz7x1clSZIkTYROlnP59URURJIkSROrnx/ZJkmSpC7qZHLHMR2cJzPznR0cJ0mSpC7p5B6/fXjikW2tEzyGSzfwkyRJ6qFOhnpXBy4Hfg78O7AK5XFrWwK/AC4Dng4s1fRauhuVlSRJUuc6CfwOBe7KzNdm5u8y857MvDszz8/M11Bm934hM//V/OputSVJkjRWnQR+rwZ+Nsz+n1Z5JEmS1Ec6CfxmUIZ7hzKryiNJkqQ+0kngdwGwX0Rs3rojIrYA9qvySJIkqY90Mqv3Q8D5wPkRcRHwF8qs3ecCmwIPAB/uWg0lSZLUFZ08uePKiJgDHALsCGxW7XoIOA34eGZe170qSpIkqRs66fEjM68H3hQRSwKrUdbt+4ezdyVJkvpXR4FfQxXozetSXSRJkjSBOnpWb0QsFxEfj4hzI+LqiNi0Sl+lSn9Od6spSZKk8erkWb0rA78D1gFuBJ4NzATIzLsiYh9gJeA/u1hPSZIkjVMnQ70HUdbq24wS+N3Rsv8nwDbjrJckSZK6rJOh3p2AozPzEsoyLq1uBJ45rlpJkiSp6zoJ/FYFrh1m/6NUQ7+SJEnqH50EfrdT7usbygbA3zqrjiRJkiZKJ4HfGcDeEfG01h3Vws57Aj8bb8UkSZLUXZ0Efp+l3Nt3GfC56us9IuK7lNm+twOHdq2GkiRJ6ooxB36ZeSuwOSXweyflqR1vB3YHzgFelpl3d7GOkiRJ6oJOH9l2I7BjRKwIrEcJ/q7LzNalXSRJktQnxhT4RcRywGHAWZn5w8y8F7hwQmomSZKkrhrTUG9mzgfeCiw/MdWRJEnSROlkcsefgTW7XRFJkiRNrE4Cvy8B746ItbpdGUmSJE2cTiZ3PBu4BbgyIn5GeYrHgpY8mZmHjLdykiRJ6p5OAr+Dmr7eZYg8CYwY+EXEc4A9gG2BtYAZwPXAqcARmflgS/51gS8AWwJLA38APp2Zv2lT9vJVXd8ArFyV+zXgG5nZ7hnDkiRJU1ongd86XTz/fwDvpTzp4/vAI8DWlIDtTRGxaWY+BFANLV9AeRbwF4H7gHcAZ0bE9pl5dqPQiFga+BXl8XFHAlcD2wNHA08DDuziNUiSJA2EGE3nV0RsQlmn756unrw84u3azLyvJf0g4BPAfpn5tSrtFOCNwEaZeXmVthxwFbAQWK/RkxcR7wGOAt6fmUc2lXsasBOwTmbePFzd5syZk3Pnzu3OhUpTXMTElp858eeYrPNM5rVIqo+IuDQz54yUb7STOy4EtmsqfLmIODEintdpBQEyc25r0Fc5udq+oDrfssBrgHMbQV91/HzgOOA5wMZNx+9Oue/w2JZyjwCWAt48nnpLkiQNotEGfq3/n04HdgVW6251HveMant7tX1Rdc52i0VfVG03BoiIJYANgcsyc2FL3ouBx1g8SJSmrIWtvwGSpFrr6JFtEykilgQ+RbmX78QqefVqO6/NIY20WdV2RWCZdnkzc1FE3N2Ut/Xc+wL7AqyxxhqdVF/qKzNmTM7QpSRpMHSyjt9EOwLYFPhUZl5Tpc2stova5F/Ykme4vI38M9vtyMxjMnNOZs5ZddVVx1ZrSZKkPtdXgV9EfA54H3BMyzqAjXUCp7c5bEZLnuHyNvK3rjsoSZI05Y1lqHeHiGjc0zeTslbfLhGxfpu8mZmHj6UiEXEg8EngW8C7WnbfWm3bDdE20hpDu/cCD7XLGxHTKWv6nTeWukmSJE0FYwn8dq9ezd45RN4ERh34RcSngU8DJwD7tFlg+QrK0O1mbQ7ftNrOBcjMxyLiD8AGETE9M5uHfDeh9HK6ToskSaqd0QZ+W09UBSLiU5QFlb8L7JWZj7Xmycz5EXE68IaIeHFm/rE6djlgH8pj4y5uOuQkYAvKRI0jm9L3p0waOWUCLkWSJKmvjSrwy8wJGRqNiPcCnwH+BpwN7B6LT0G8PTN/VX39MeAVwFkRcThwP+XJHbOAHVt6CY8F9gIOi4jZlCd37AC8HjgoM2+ciOuRJEnqZ71ezqWxnt4awHfa7D+P8ug1MvO6iNgCOBQ4gCee1btd8+PaqrwPR8Q2lEe/7cYTz+rdj/JED0mSpNoZ1SPb6shHtmmqmAqPIPORbZ2dR1J9dPuRbZIkSRpwBn6SJEk1YeAnSZJUEwZ+kiRJNWHgJ0mSVBMGfpIkSTVh4CdJklQTBn6SJEk1YeAnSZJUEwZ+kiRJNWHgJ0mSVBMGfpIkSTVh4CdJklQTBn6SJEk1YeAnSZJUEwZ+kiRJNWHgJ0mSVBMGfpIkSTVh4CdJU9DChVPjHJK6a1qvKyBJ6r4ZMyBiYs+RObHlS+o+e/wkSZJqwsBPkiSpJgz8JEmSasLAT5IkqSYM/CRJkmrCwE+SJKkmDPwkSZJqwsBPkiSpJgz8JEmSasLAT5IkqSYM/CRJkmrCwE+SJKkmehr4RcTHIuLUiLghIjIibhoh/0si4uyIeCAi7o+IX0bE+kPkXT0iToiIOyPioYiYGxG7TMiFSJIkDYBe9/gdDLwcuB64d7iMEbEpcB7wLOBTwKeBdYDzI+KFLXlXAn4HvAH4OvABYD5wSkTs1eVrkCRJGgjTenz+tTLzBoCIuBJYbpi8XwUeBv49M+dVx5wCXA18Gdi2Ke8BlADxNZl5epX3eOBC4P9FxKmZOb/bFyNJdbJwIcyYMfjnkOqkpz1+jaBvJBGxNrAxcGoj6KuOnwecCmwTEas1HbI7cH0j6Kvy/gs4ElgJ2KEL1ZekWpsxAyIm9mXQJ3VXr4d6R2vjanthm30XAQFsBBARTwdmVent8jaXJ0mSVBuDEvitXm3ntdnXSJvVQd7FRMS+1SSQuXfeeWdHFZUkSepXgxL4zay2i9rsW9iSZyx5F5OZx2TmnMycs+qqq3ZUUUmSpH41KIHfgmo7vc2+GS15xpJXkiSpNgYl8Lu12rYbom2kzesgryRJUm0MSuB3SbXdrM2+TYEELgXIzH9QArtNh8gLMLfbFZQkSep3AxH4ZeZ1lGBtl4hoTN6g+noX4DeZeVvTIScBa0XETk15lwT2A/4JnDEpFZckSeojPV3AOSLeCqxZfbsqsHREfLL6/ubM/G5T9g8A51Ce1HFklbYfJXj9cEvRh1ICwhMj4jBKD+BulGVc9snMB7p+MZIkSX2u10/u2BvYsiXtc9X2PODxwC8zL4iIrYCDqlcCFwC7ZOYfmwvIzLsjYgtKAPheyhNB/gzsmpknT8B1SJIk9b2eBn6ZudUY818IvGKUeecBb+2gWpIkSVPSQNzjJ0mSpPEz8JMkSaoJAz9JkqSaMPCTJEmqCQM/SZKkmjDwkyRJqgkDP0mSpJow8JMkSaoJAz9JkqSaMPCTJEmqCQM/SVLtLVw4Nc4hjaSnz+qVJKkfzJgBERN7jsyJLV8aDXv8JEmSasLAT5IkqSYM/CRJfcv74qTu8h4/SVLfmox778D771Qf9vhJkiTVhIGfJEmTwCVj1A8c6pUkaRK4ZIz6gT1+kiRJNWHgJ0mSVBMGfpIkSTVh4CdJklQTBn5SDzjzTpLUC87qlXrARWklSb1gj58kSVJNGPhJkiTVhIGfJElSTRj4SZIk1YSBnyRJUk0Y+EmSJNWEgZ8kSVJNTNnALyKWiIgPRsRfImJhRPw9Ir4cEcv2um6SJEm9MGUDP+Bw4DDgz8B+wKnA+4HTI2IqX7ckSVJbU/LJHRHxfEqw96PMfGNT+o3AV4FdgRN7VD1JkqSemKo9X7sBARzRkn4ssADYY9JrpIHhc3QlSVPVlOzxAzYGHgMubk7MzIURcXm1X2prMp6j6zN0JUm9MFV7/FYH7srMRW32zQNWiYilJ7lObU1G75I9WJJUD5P1936qfHY99NDEnwP663N4qvb4zQTaBX0AC5vyPNy8IyL2Bfatvp0fEddMQN1WAe6agHLrYMq03UT3KA5xnglpv8m4lh61V6uutF+fXEsvztFR+9W4vVqNqv2WWWZc55jKpsznxzDWHE2mqRr4LQD+bYh9M5ryLCYzjwGOmahKAUTE3MycM5HnmKpsu/Gx/cbH9hsf2298bL/xsf2eMFWHem+lDOdOb7NvFmUY+OE2+yRJkqasqRr4XUK5tk2aEyNiBrA+MLcXlZIkSeqlqRr4nQwksH9L+jso9/Z9f9Jr9IQJHUqe4my78bH9xsf2Gx/bb3xsv/Gx/SqRU3RdiYg4Engf8GPgDOC5lCd3/B/w8sx8rIfVkyRJmnRTOfBbktLjty8wmzKb52TgU5k5v4c2WN6uAAATJ0lEQVRVkyRJ6okpG/hJkiRpcVP1Hr+ui4glIuKDEfGXiFgYEX+PiC9HxLITcXxE7BARF0TEgxFxT0ScGhHP6u5VTZ7Jar+IWDEiPhARZ1V5HoqIayLimIh45sRc3cSb7Pdfy7GnRERGxJXjv5Le6MHv77SIeH9E/KH6Hb6v+vqd3b2yiTeZbRfF7tXfvrsi4oGIuCoiPhURT+3+1U28LrTfx6q//zdUv4c3jZD/JRFxdtV290fELyNi/a5cTA9MVvtFxIyIeEdE/DQibqo+O26IiJMi4rldvahey0xfo3gBX6FMGPkRZZLIYcAjwG+AJbp5PPAGyiPnLgPeA3wMuJ2yTM3qvW6Lfm4/YDvgUeBM4KPA3sDhlHUb/wk8r9dt0c/t1+a4VwP/qtrvyl63wyC0H7A08EvKIvLfpNxu8p7qfXhwr9uiz9vu81XeXwP7Ae8CflClXUQ1SjVIry60XwJ3A78C7gFuGibvppSHFFwPfLB6XQ88ALyw123Rz+0HrFflPR/47+qz4/PVMYuArXvdFl1r015XYBBewPMpgdhpLen7VW+U3bt1PLAU5bFyNwPLNaWvT/kAPqbX7dHn7TcbWKtNGdtUeX/Y6/bo5/Zr2b8c8Dfgq8BNDGjgN9ntB3yO8s/HwH9QTPLv7jTgQeBSnhwQfq/Kv36v22Qy26/K++ymr69k+MDvYuB+YFZT2qwq7axet0c/tx+wcrv3F/A8SuA3t9ft0bV27XUFBuEFHFS9yV7Wkj6j+kN1RreO54kA5b/blPNr4D5gqV63Sb+23wjl3A38pdftMSjtR/lP+1bgqQx24DeZv7/LVh+yp1XfB/CUXrfBgLTdMtWH/C/alPPFqpx1et0mk9l+bcobLnBZuzrX8W32HV+17Wq9bpN+bb8RjrsUWNjr9ujWy3v8Rmdjyi/Nxc2JmbkQuLza363jG19f2Kaciygfws8ZbcX7xGS2X1sRsTzwFMqQ+aCZ9PaLiE0oyyHtn5n3d1zz/jCZ7fcyyvvs0oj4CiUIvD8i7oyIgyNi0B6TOWltl5kPAb8FtouIj0bE2hExOyLeThkq/15mXju+y5l04/7bNcZzwdCfHQFs1MXzTYbJbL+2ImIJ4OkM5mdHWwZ+o7M65TFvi9rsm0d5PNzSXTp+9ab0dnmhdN0Pkslsv6F8kjKM/p3RVLjPTGr7VcHJsZShoVPGUe9+MZntt2613R94I/BfwJuBCyj36h7fQf17abJ/d98CnAMcClwL3Ei5T/JwYM8O6t9r3fjbNZZzNcptdy6o32dHN7ybEvgN4mdHW4P232evzKSM8bezsCnPUM//HcvxM6vv2+VvzjtIJrP9niQidgY+TJnw8a2RKtuHJrv9PgKsA7x+bNXsW5PZfk+pvl8JeEFm/qX6/pSIOAfYMyK+kJl/Hm3le2yy33uLgBsoH+q/pAzzvZHyj9tCys32g2S87TfWczHE+er62TEuEbE58GXgT8DBE3GOXrDHb3QWANOH2DejKU83jm9s2+Ufzbn60WS232IiYgfKI/ouBd6U1Q0bA2bS2i8i1gY+BXw+M28YYz371WS+/x6qthc1BX0NJ1TbLYc5V7+ZzPfeTErP6FMz822ZeVJm/iAzd6Esvv/ZiFh3iLL61Xjbb6znYojz1fWzo2MRsRHwC8p9zjtUw8tTgoHf6NxK6VJu9wacRemKHu4/jrEcf2tTeru80L4rv59NZvs9LiK2oywBcBWw7QDfqzaZ7fdlyvIFP67usVq7CganAUtX3z+980vpiclsv1uq7W1t8v6j2q44ijr3i8lsu50pPc2ntsl7KuXz6qWjrnl/GG/7jfVcjXLbnQvq99nRkYjYkLL8y32U2fmD1m7DMvAbnUsobbVJc2JEzKAsszK3i8dfUm03a1POppSbxf862or3iclsv8a+V1Ge0/wXYJvMvLfTyveByWy/NSn31VxFuceq8ZpF+VC+lnL/3yCZzPZr3IT+jDblNNLuGFWt+8Nktl0jOFmyTTnTWraDYrztN9ZzwdCfHUkZ+Rgkk9l+jbI3oAR9D1CCvpu7fY6e6/W04kF4AS9k+LWE9mhKWwtYbxzHL0X5L6d1Hb8XU9bxO67X7dHP7Velb0sZcvsjsHKvr3+Q2o+ynNDObV53UNb02xnYotdt0q/tV6X/rsq/YVPaksDvKQvPrtHrNunHtgNeW6W1W87ljGrfhuO5nkFrvzbljbSO3yWUzoHVm9JWr9LO7nV7DED7bUBZ9utvNK3/N9VePa/AoLyAI3li9fB9KENijwDnsviTI24CstPjq7y7sPiTOw6gTCW/jaaFOQfpNVntB8yhBH0LKTMr92h99bot+rn9hjn/TQzoOn6T3X7Vh8d8ypD5gZQPqd9Vx3+m123Rr23HE8FxUpZ1+UD1O/zbKu2UXrdFj9rvrZTJLZ+kfA7c2/T9W1vybk6ZDHF91Xb7V1/PB17c67bo5/ajjHbcRfns/TRtPjuAZXvdHl1p015XYFBe1R+lDwPXVL9Y8yiPjlmuJd9Qb75RHd+U/9WUtZcWVG/UH9LmiRSD8pqs9gPeXv2RGPLV67bo5/Yb5vw3MdiB32T//r4I+BnlMYELKf/Evb3X7dDvbUeZFX0w5RaNRVXbXUFZFmdar9uiR+137jB/z85tk38zymL/8ynDlWcyYD2lvWg/YKth8jVes3vdHt14RXXBkiRJmuKc3CFJklQTBn6SJEk1YeAnSZJUEwZ+kiRJNWHgJ0mSVBMGfpIkSTVh4CdJklQTBn5SDUTETRFx7iScJyPi2xNQ7oFV2bNHkffciLip23XohYjYp7rul/a6Lt0SEftFxD8jYsUOjz+oapN2z0MeT712johFEfHsbpYr9RsDP2mARcSKEbGw+iDco9f1qZOIeH7V7j8ZId9eVb6PT1bd+lUV7H0a+HJm3tvr+rQ4jfLEkEN7XRFpIhn4SYPtLcDSwI3A3j2uS61k5lWUZ8vuGBH/NkzWvYB/Ad+ZlIr1t/dRHst2VK8r0irLY6y+AuwSEev1uj7SRDHwkwbb3sA5wBHAlhGxVo/rUzfHA9MoD3B/kohYG3gZcGZmzpvMivWbiFgSeAfw88y8p9f1GcIPgYeAd/a6ItJEMfCTBlREbAisT+lJ+j7wCKV3aSxlbBARp0bE7dX9TX+PiJNaA8jqXrM/RMRDEXFfRJw13H1nEbFZRJwXEQ9GxF0RcVxELNcm34si4scRcXc1ZP3niPivKkgYl4h4dkT8tKrv/dV5nt20f4NqCPagIY4/ozpu2WFO8wPgQYZu90b6N9vU7XtN7X5dde/aMqO4riHvcYuIWyLi7Kbvp1V5j4uIbSLioohYUP2c/7PKs1JEfCsi7qz2/TQiVmtT9goR8cWIuL6q850RcWJEPGukOlc2A54JnNGm7OdGxNern/8DVT3mRsR/DFPechHxtYi4rXpfXhgRW7dc+20RcXG7gyPivVXbvLqRlpn3AxcAu4zymqSBY+AnDa69KUHHaZl5N/AL4G0RMarf6+oD7yLgFZTgcT/gWGAN4AVN+b5QpT8CfBz4MvA84JyI2KFN0esDPwcuAT4E/Kqq62Et558DXAhsDXwD+AhwC/AF4ITRXMMwlqX0hD4MfIzSM7cD8H+NoCYzLwMuBd7eGmhGxCxgW+AHmfngUCfJzAcovUQviIiNW8pYAtgTuBP4WVP6s4CLgZ0pAfsHgcuBTwC/6EbQ28Yc4GTgN8B/AjcAX4qI91Ha6SmUe++OAXYEvt1yLStSflbvAk6nvFeOArYBfh8RzxxFHbastu0CsVcAW1Da6T+B/wYeA46PiI8MUd73q+s6tHrNBs5sBH+Z+ShwIrDxEEO3ewJ3AL9sSb8QmFX11kpTT2b68uVrwF7ADOAe4NtNaa8FEti+Tf6bgHObvp9JCUjuAGa1yb9EtV2X8gH8O2Dppv2rA/+syl2yKT2r/Ju2lPcLSuC4XFPa/wGPAi9qSgvglKqcVzSlH1ilzR5F25xb5T2iJf31Vfo3mtL2rdJ2aMn7iSp9k1Gc72VV3qNb0l9VpR/Wkn5ylf6qlvTDq/S3NaXtU6W9tCntoCrtGW3qcgtwdtP306q8/wI2akqfXv3sH2tTv69Wx6zVlHYUsAB4QUveZwHzgeNG0U7fr8qd2Wbfsu3eg9X77h5gWpvrvwBYqil9Tco/Qlc0pb24yntwS9nrtvvZVPveXu17bTd/Z3356peXPX7SYHoDsCKLTxj4BeXDfLjhsYZXAatQZlc+6d6zzHys+vK1lGDsi5n5cNP+Wym9QmsCG7QcfmFmXtSS9htKEDIboJoMsTnws8z8U1O5CRxcffv6UVzHcBabnZmZPwauAV7XlHwiJXB5fGJMRARliPaKzGw7TNhS7vnAX4HdImJG064nDfNGxDTg1cAlmXlmS1Gfr7bjve52fpeZlza+ycxFlB7ZoAR6zc6vtuvA4z2Xu1MC6tsiYpXGC3iA0oO37SjqsCqwKDMXtO7Ipl7ViJgRESsDKwFnUt7n67Qp77DMfKSpjJspQ+8viIh1qrQ/An8E9qh+rg17Vtt2E27urrbDTdiRBpaBnzSY9qb02N0SEWtXw1KzKcOqr6k+lIfT+CC9bIR8jfu3rmqz78pq27ru2Q1t8jY+TFceRbl/pvREjWc9tX9m5m1t0q8Gnta4by8z5wMnATvFEzNztwLWogwPj9Y3gRWogrZqaPR1wMWZeWVTvqdRelufdN2ZeRdwO+O77qG0+5ncS2nnv7VJhyd+VqtRrm17ynuu9bU15bpGkpRA80ki4ikRcVhE/J0yueKuquzPVlnarfl3dZu0P1fb5jY8gXJv4dbVuYIyG/5PVWD4pOo01Veacgz8pAFT3SO2NaUH5a/AtU2vxvIuI63pN9oPt7Yf1CP41yjK66TcsRjqutqd9xhgKeCt1fd7A4uA747hfN+hDFs3evl2pwyntgaP3bju4X5m04ZIH+pnkk29u61af1ZnAq8c4rX9MHVquBNYeojJMicD+1PuH3wLsF1VbqM3st1nVbt2aNe+36f8bBq9fFtReqqHWl5npab6SlPOUH8kJPWvvSgfcO+g3GfX6iBK8HLEMGVcU203oPQSDuX6avv8pq8bnldt2/UmjaRxzPPb7FuP8kHfSbkNK0bEam16/dYD7mgeWszMuRFxGbB3RBxPGUb/SY5hyZHMvC0i/peypt8zKT+jBZShx2a3VelPuu5qePPfKBNuhtOo10qUe/oaxy/LxAxP3k4Z0n1KZp49UuZhNHo+16FMZgEev+7tgW9m5nuaD4iI7YYp73k80cPX8Nxq+/h7JzNvj4gzgTdGxHsoAeCjlICwncakjiuH2C8NNHv8pAFS3W/1dsr9Z8dl5g9bX5ShyyfNMm1xFmU47cMR8fQ252n0nPyM0rPykYhYqmn/0ynBzc2MPFz8JJl5B+Xm/J0ionkGcVBm4QL8eKzltjig+ZuIeD3lpv52T9o4lhI0HAksAxzXwfmOp/xN/TKwEfDDLMuDPC7LTNOfU2aabtNy/McpAf1I1/3Xatt6/IeYgJ7UfGJ27OYR8bp2eWL4Bawbzq22m7akN3ojF6t7NbN6uPtVP9TynlwT2BW4KjOvbcn7HWA5Sk/4GynrKt4+RLmbAvMys/UfHWlKsMdPGizbUu5XGu7+s9Mos2D3ptzA/ySZuSAi9qYsRXJlRBwHXEcZPn4VZemVn2bmNRHxJeC/gN9GxMmUpT/2pXyQviUzhxvaHc4HgPOA8yPiKEpv2Kur85+Ymb/usFwoQe0bImJ1SsCxDvAeSu/VgW3yfx/4EiUwuAno5Ny/oFxDYw24bw6R7wDK8iWnV9d9A2X4cRfK0irfG+E8Z1J+VgdXAdfNlJnFc3iiN7DbDqBMxvlR9R64iDJLezZlmZyLKDOQh3NxVdcdKMv3AJCZ/4yIX1OWIlpEWWJnTcrSMddTrqud6ZT3zg+ApwLvptzm8IE2eX9GuXfxS5T3b9th3ohYnrKszDfa7ZemAnv8pMHSmH36o6EyVJMJ/grsGsMsCJyZPwNeSpnFuTfwNcqH7TzgiqZ8H6UEejMoM2U/Qnmm6csz80mL8Y5WZs6lBBPnUYKyL1M+8D/KE/djdepBSjA1nVLnfSjrtb00M//Rpi73U+4zgzLkOOYb+6uescb6g9cDvx0i343AJpSf4Z6UIfmNKLOZdxwpkK7Os1NV/vuBQyi9ZVtSJkZ0XWb+k7IA82eAF1La9AtVPf4P+J9RlPEY5X7K7dpMPtqNEoy9jtLr+lpKsDlcuW+hBIkfo/SW3gxs1+4fhmoW88mUAPGfNK2r2GJnyvt8xOuRBlV08PdNkqaciDiaEuDOzsxbRsqvsYuIFSiTkI7KzAN7XJ3FVLcZXA5ck5lv6nV9pIlij5+k2quG+PYAzjDomzhVz+FngP2rJW/6yRspk38OGCmjNMjs8ZNUW9XEkg2AtwEvB7bIzAt7WytJmjj2+Emqs50p9+WtB7zHoE/SVGePnyRJUk3Y4ydJklQTBn6SJEk1YeAnSZJUEwZ+kiRJNWHgJ0mSVBMGfpIkSTXx/wGIueptWrmRlAAAAABJRU5ErkJggg== | |
| " | |
| > | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [50]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="c1">#You can set the size of the figure by doing:</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">figure</span><span class="p">(</span><span class="n">figsize</span><span class="o">=</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="mi">5</span><span class="p">))</span> | |
| <span class="c1">#Plotting</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">hist</span><span class="p">(</span><span class="n">ibu</span><span class="p">,</span> <span class="n">bins</span><span class="o">=</span><span class="mi">20</span><span class="p">,</span> <span class="n">color</span><span class="o">=</span><span class="p">(</span><span class="mf">0.9</span><span class="p">,</span> <span class="mf">0.5</span><span class="p">,</span> <span class="mi">0</span><span class="p">,</span> <span class="mf">0.9</span><span class="p">),</span> <span class="n">histtype</span><span class="o">=</span><span class="s1">'bar'</span><span class="p">,</span> <span class="n">edgecolor</span><span class="o">=</span><span class="s1">'white'</span><span class="p">)</span> | |
| <span class="c1">#The \n is to leave a blanck line between the title and the plot</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">title</span><span class="p">(</span><span class="s1">'ibu </span><span class="se">\n</span><span class="s1">'</span><span class="p">)</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">xlabel</span><span class="p">(</span><span class="s1">'International Bittering Units (ibu)'</span><span class="p">)</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">ylabel</span><span class="p">(</span><span class="s1">'Frequency'</span><span class="p">);</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_png output_subarea "> | |
| <img src="data:image/png;base64,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 | |
| " | |
| > | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>In the previous two plots we set the colors in two ways:</p> | |
| <ol> | |
| <li><p>A string 'b', which specifies blue. We could also choose from: a string representation | |
| one of</p> | |
| <p>{'b', 'g', 'r', 'c', 'm', 'y', 'k', 'w'} = | |
| {<strong>b</strong>lue, <strong>g</strong>reen, <strong>r</strong>ed, <strong>c</strong>yan, <strong>m</strong>agenta, <strong>y</strong>ellow, blac<strong>k</strong>, <strong>w</strong>hite}</p> | |
| </li> | |
| <li><p>A RGB or RGBA (red, green, blue, alpha) tuple of float values in [0, 1] (e.g., (0.1, 0.2, 0.5) or (0.1, 0.2, 0.5, 0.3));</p> | |
| </li> | |
| </ol> | |
| <p>Check out the other formatting options use can use in <a href="https://matplotlib.org/3.1.1/tutorials/colors/colors.html">Matplotlib colors</a> and <a href="https://matplotlib.org/3.1.1/api/_as_gen/matplotlib.pyplot.hist.html?highlight=hist#matplotlib.pyplot.hist">Matplotlib hist command</a></p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h2 id="Exploratory-exercise:">Exploratory exercise:<a class="anchor-link" href="#Exploratory-exercise:">¶</a></h2><p>Play around with the plots, change the values of the bins, colors, etc.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [55]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="c1">#You can set the size of the figure by doing:</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">figure</span><span class="p">(</span><span class="n">figsize</span><span class="o">=</span><span class="p">(</span><span class="mi">10</span><span class="p">,</span><span class="mi">5</span><span class="p">))</span> | |
| <span class="c1">#Plotting</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">hist</span><span class="p">(</span><span class="n">ibu</span><span class="p">,</span> <span class="n">bins</span><span class="o">=</span><span class="mi">20</span><span class="p">,</span> <span class="n">color</span><span class="o">=</span><span class="p">(</span><span class="mf">0.9</span><span class="p">,</span> <span class="mf">0.1</span><span class="p">,</span> <span class="mf">0.3</span><span class="p">,</span> <span class="mf">0.6</span><span class="p">),</span> <span class="n">histtype</span><span class="o">=</span><span class="s1">'bar'</span><span class="p">,</span> <span class="n">edgecolor</span><span class="o">=</span><span class="s1">'white'</span><span class="p">)</span> | |
| <span class="c1">#pyplot.hist(ibu, bins=20, color=(0.9, 0.8, 0, 0.1), histtype='bar', edgecolor='white') </span> | |
| <span class="c1">#pyplot.hist(ibu, bins=20, color=(0.1, 0.1, 0, 0.1), histtype='bar', edgecolor='white') </span> | |
| <span class="c1">#The \n is to leave a blanck line between the title and the plot</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">title</span><span class="p">(</span><span class="s1">'ibu </span><span class="se">\n</span><span class="s1">'</span><span class="p">)</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">xlabel</span><span class="p">(</span><span class="s1">'International Bittering Units (ibu)'</span><span class="p">)</span> | |
| <span class="n">pyplot</span><span class="o">.</span><span class="n">ylabel</span><span class="p">(</span><span class="s1">'Frequency'</span><span class="p">);</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_png output_subarea "> | |
| <img src="data:image/png;base64,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 | |
| " | |
| > | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h3 id="Comparing-with-a-normal-distribution">Comparing with a normal distribution<a class="anchor-link" href="#Comparing-with-a-normal-distribution">¶</a></h3><p>A <strong>normal</strong> (or Gaussian) distribution is a special type of distrubution that behaves as shown in the figure: 68% of the values are within one standard deviation $\sigma$ from the mean; 95% lie within $2\sigma$; and at a distance of $\pm3\sigma$ from the mean, we cover 99.7% of the values. This fact is known as the $3$-$\sigma$ rule, or 68-95-99.7 (empirical) rule.</p> | |
| <p><img src="../images/std_bell_curve.png" style="width: 800px;"/></p> | |
| <h4 id="Standard-deviation-and-coverage-in-a-normal-distribution.-Modified-figure-based-on-original-from-Wikimedia-Commons,-the-free-media-repository.">Standard deviation and coverage in a normal distribution. Modified figure based on original from <a href="https://commons.wikimedia.org/wiki/File:Standard_deviation_diagram.svg">Wikimedia Commons</a>, the free media repository.<a class="anchor-link" href="#Standard-deviation-and-coverage-in-a-normal-distribution.-Modified-figure-based-on-original-from-Wikimedia-Commons,-the-free-media-repository.">¶</a></h4><p>Notice that our histograms don't follow the shape of a normal distribution, known as <em>Bell Curve</em>. Our histograms are not centered in the mean value, and they are not symetric with respect to it. They are what we call <strong>skewed</strong> to the right (yes, to the <em>right</em>). A right (or positive) skewed distribution looks like it's been pushed to the left: the right tail is longer and most of the values are concentrated on the left of the figure. Imagine that "right-skewed" means that a force from the right pushes on the curve.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h2 id="Discussion-point">Discussion point<a class="anchor-link" href="#Discussion-point">¶</a></h2><ul> | |
| <li>How do you think that skewness will affect the percentages of coverage by standard deviation compared to the Bell Curve?</li> | |
| </ul> | |
| <p><em>skewness creates a bias towards one or another direction from the mean. We can't assume the mean and mode are the same value</em></p> | |
| <ul> | |
| <li>Can we calculate those percentages? </li> | |
| </ul> | |
| <p>_with logical operators! <code>x[x<mean_x]/len(x)*100</code></p> | |
| <h2 id="Exercise">Exercise<a class="anchor-link" href="#Exercise">¶</a></h2><p>We can calculate skewness and standard deviation in a few lines of Python. But before doing that, we want you to explain in your own words how the following piece of code works.</p> | |
| <p><em>Hints:</em></p> | |
| <ol> | |
| <li>Check what the logical operation <code>np.logical_and(1<x, x<4)</code> returns.</li> | |
| <li>Check what happens if you sum booleans. For example, <code>True + True</code>, <code>True + False</code> and so on.</li> | |
| </ol> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [33]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">x</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">array</span><span class="p">([</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span><span class="mi">3</span><span class="p">,</span><span class="mi">4</span><span class="p">])</span> | |
| <span class="n">num_ele</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">logical_and</span><span class="p">(</span><span class="mi">1</span><span class="o"><</span><span class="n">x</span><span class="p">,</span> <span class="n">x</span><span class="o"><</span><span class="mi">4</span><span class="p">)</span><span class="o">.</span><span class="n">sum</span><span class="p">()</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="n">num_ele</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_subarea output_stream output_stdout output_text"> | |
| <pre>2 | |
| </pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Now, using the same idea, we will calculate the number of elements in each interval of width $(1\sigma, 2\sigma, 3\sigma)$, and get the corresponding percentage.</p> | |
| <p>Since we want to compute this for both of our variables, <code>abv</code> and <code>ibu</code>, we'll write a function to do so. Study carefully the code below. Better yet, explain it to your neighbor.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [61]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span><span class="p">(</span><span class="s1">'ibu 1sigma'</span><span class="p">)</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">logical_and</span><span class="p">(</span><span class="n">ibu_clean</span><span class="o"><</span><span class="n">ibu_mean</span><span class="o">+</span><span class="n">ibu_std</span><span class="p">,</span><span class="n">ibu_clean</span><span class="o">></span><span class="n">ibu_mean</span><span class="o">-</span><span class="n">ibu_std</span><span class="p">)</span><span class="o">/</span><span class="nb">len</span><span class="p">(</span><span class="n">ibu_clean</span><span class="p">)))</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="s1">'ibu 2sigma'</span><span class="p">)</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">logical_and</span><span class="p">(</span><span class="n">ibu_clean</span><span class="o"><</span><span class="n">ibu_mean</span><span class="o">+</span><span class="mi">2</span><span class="o">*</span><span class="n">ibu_std</span><span class="p">,</span><span class="n">ibu_clean</span><span class="o">></span><span class="n">ibu_mean</span><span class="o">-</span><span class="mi">2</span><span class="o">*</span><span class="n">ibu_std</span><span class="p">)</span><span class="o">/</span><span class="nb">len</span><span class="p">(</span><span class="n">ibu_clean</span><span class="p">)))</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="s1">'ibu 3sigma'</span><span class="p">)</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">logical_and</span><span class="p">(</span><span class="n">ibu_clean</span><span class="o"><</span><span class="n">ibu_mean</span><span class="o">+</span><span class="mi">3</span><span class="o">*</span><span class="n">ibu_std</span><span class="p">,</span><span class="n">ibu_clean</span><span class="o">></span><span class="n">ibu_mean</span><span class="o">-</span><span class="mi">3</span><span class="o">*</span><span class="n">ibu_std</span><span class="p">)</span><span class="o">/</span><span class="nb">len</span><span class="p">(</span><span class="n">ibu_clean</span><span class="p">)))</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_subarea output_stream output_stdout output_text"> | |
| <pre>ibu 1sigma | |
| 0.6811387900355872 | |
| ibu 2sigma | |
| 0.9565836298932386 | |
| ibu 3sigma | |
| 0.9971530249110322 | |
| </pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [62]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span><span class="p">(</span><span class="s1">'abv 1sigma'</span><span class="p">)</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">logical_and</span><span class="p">(</span><span class="n">abv_clean</span><span class="o"><</span><span class="n">abv_mean</span><span class="o">+</span><span class="n">abv_std</span><span class="p">,</span><span class="n">abv_clean</span><span class="o">></span><span class="n">abv_mean</span><span class="o">-</span><span class="n">abv_std</span><span class="p">)</span><span class="o">/</span><span class="nb">len</span><span class="p">(</span><span class="n">abv_clean</span><span class="p">)))</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="s1">'abv 2sigma'</span><span class="p">)</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">logical_and</span><span class="p">(</span><span class="n">abv_clean</span><span class="o"><</span><span class="n">abv_mean</span><span class="o">+</span><span class="mi">2</span><span class="o">*</span><span class="n">abv_std</span><span class="p">,</span><span class="n">abv_clean</span><span class="o">></span><span class="n">abv_mean</span><span class="o">-</span><span class="mi">2</span><span class="o">*</span><span class="n">abv_std</span><span class="p">)</span><span class="o">/</span><span class="nb">len</span><span class="p">(</span><span class="n">abv_clean</span><span class="p">)))</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="s1">'abv 3sigma'</span><span class="p">)</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">sum</span><span class="p">(</span><span class="n">np</span><span class="o">.</span><span class="n">logical_and</span><span class="p">(</span><span class="n">abv_clean</span><span class="o"><</span><span class="n">abv_mean</span><span class="o">+</span><span class="mi">3</span><span class="o">*</span><span class="n">abv_std</span><span class="p">,</span><span class="n">abv_clean</span><span class="o">></span><span class="n">abv_mean</span><span class="o">-</span><span class="mi">3</span><span class="o">*</span><span class="n">abv_std</span><span class="p">)</span><span class="o">/</span><span class="nb">len</span><span class="p">(</span><span class="n">abv_clean</span><span class="p">)))</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_subarea output_stream output_stdout output_text"> | |
| <pre>abv 1sigma | |
| 0.7406303236797274 | |
| abv 2sigma | |
| 0.9433560477001701 | |
| abv 3sigma | |
| 0.9978705281090289 | |
| </pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [63]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="k">def</span> <span class="nf">std_percentages</span><span class="p">(</span><span class="n">x</span><span class="p">,</span> <span class="n">x_mean</span><span class="p">,</span> <span class="n">x_std</span><span class="p">):</span> | |
| <span class="sd">""" Computes the percentage of coverage at 1std, 2std and 3std from the</span> | |
| <span class="sd"> mean value of a certain variable x.</span> | |
| <span class="sd"> </span> | |
| <span class="sd"> Arguments</span> | |
| <span class="sd"> ---------</span> | |
| <span class="sd"> x : array, data we want to compute on. </span> | |
| <span class="sd"> x_mean : float, mean value of x array.</span> | |
| <span class="sd"> x_std : float, standard deviation of x array.</span> | |
| <span class="sd"> </span> | |
| <span class="sd"> Returns</span> | |
| <span class="sd"> -------</span> | |
| <span class="sd"> </span> | |
| <span class="sd"> per_std_1 : float, percentage of values within 1 standard deviation.</span> | |
| <span class="sd"> per_std_2 : float, percentage of values within 2 standard deviations.</span> | |
| <span class="sd"> per_std_3 : float, percentage of values within 3 standard deviations. </span> | |
| <span class="sd"> """</span> | |
| <span class="n">std_1</span> <span class="o">=</span> <span class="n">x_std</span> | |
| <span class="n">std_2</span> <span class="o">=</span> <span class="mi">2</span> <span class="o">*</span> <span class="n">x_std</span> | |
| <span class="n">std_3</span> <span class="o">=</span> <span class="mi">3</span> <span class="o">*</span> <span class="n">x_std</span> | |
| <span class="n">elem_std_1</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">logical_and</span><span class="p">((</span><span class="n">x_mean</span> <span class="o">-</span> <span class="n">std_1</span><span class="p">)</span> <span class="o"><</span> <span class="n">x</span><span class="p">,</span> <span class="n">x</span> <span class="o"><</span> <span class="p">(</span><span class="n">x_mean</span> <span class="o">+</span> <span class="n">std_1</span><span class="p">))</span><span class="o">.</span><span class="n">sum</span><span class="p">()</span> | |
| <span class="n">per_std_1</span> <span class="o">=</span> <span class="n">elem_std_1</span> <span class="o">*</span> <span class="mi">100</span> <span class="o">/</span> <span class="nb">len</span><span class="p">(</span><span class="n">x</span><span class="p">)</span> | |
| <span class="n">elem_std_2</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">logical_and</span><span class="p">((</span><span class="n">x_mean</span> <span class="o">-</span> <span class="n">std_2</span><span class="p">)</span> <span class="o"><</span> <span class="n">x</span><span class="p">,</span> <span class="n">x</span> <span class="o"><</span> <span class="p">(</span><span class="n">x_mean</span> <span class="o">+</span> <span class="n">std_2</span><span class="p">))</span><span class="o">.</span><span class="n">sum</span><span class="p">()</span> | |
| <span class="n">per_std_2</span> <span class="o">=</span> <span class="n">elem_std_2</span> <span class="o">*</span> <span class="mi">100</span> <span class="o">/</span> <span class="nb">len</span><span class="p">(</span><span class="n">x</span><span class="p">)</span> | |
| <span class="n">elem_std_3</span> <span class="o">=</span> <span class="n">np</span><span class="o">.</span><span class="n">logical_and</span><span class="p">((</span><span class="n">x_mean</span> <span class="o">-</span> <span class="n">std_3</span><span class="p">)</span> <span class="o"><</span> <span class="n">x</span><span class="p">,</span> <span class="n">x</span> <span class="o"><</span> <span class="p">(</span><span class="n">x_mean</span> <span class="o">+</span> <span class="n">std_3</span><span class="p">))</span><span class="o">.</span><span class="n">sum</span><span class="p">()</span> | |
| <span class="n">per_std_3</span> <span class="o">=</span> <span class="n">elem_std_3</span> <span class="o">*</span> <span class="mi">100</span> <span class="o">/</span> <span class="nb">len</span><span class="p">(</span><span class="n">x</span><span class="p">)</span> | |
| <span class="k">return</span> <span class="n">per_std_1</span><span class="p">,</span> <span class="n">per_std_2</span><span class="p">,</span> <span class="n">per_std_3</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Let's compute the percentages next. Notice that the function above returns three values. If we want to assign each value to a different variable, we need to follow a specific syntax. In our example this would be:</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p><strong>abv</strong></p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [64]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">abv_std1_per</span><span class="p">,</span> <span class="n">abv_std2_per</span><span class="p">,</span> <span class="n">abv_std3_per</span> <span class="o">=</span> <span class="n">std_percentages</span><span class="p">(</span><span class="n">abv</span><span class="p">,</span> <span class="n">abv_mean</span><span class="p">,</span> <span class="n">abv_std</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Let's pretty-print the values of our variables so we can inspect them:</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [65]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span><span class="p">(</span><span class="s1">'The percentage of coverage at 1 std of the abv_mean is : </span><span class="si">{:.2f}</span><span class="s1"> %'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">abv_std1_per</span><span class="p">))</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="s1">'The percentage of coverage at 2 std of the abv_mean is : </span><span class="si">{:.2f}</span><span class="s1"> %'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">abv_std2_per</span><span class="p">))</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="s1">'The percentage of coverage at 3 std of the abv_mean is : </span><span class="si">{:.2f}</span><span class="s1"> %'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">abv_std3_per</span><span class="p">))</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_subarea output_stream output_stdout output_text"> | |
| <pre>The percentage of coverage at 1 std of the abv_mean is : 74.06 % | |
| The percentage of coverage at 2 std of the abv_mean is : 94.34 % | |
| The percentage of coverage at 3 std of the abv_mean is : 99.79 % | |
| </pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p><strong>ibu</strong></p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [66]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="n">ibu_std1_per</span><span class="p">,</span> <span class="n">ibu_std2_per</span><span class="p">,</span> <span class="n">ibu_std3_per</span> <span class="o">=</span> <span class="n">std_percentages</span><span class="p">(</span><span class="n">ibu</span><span class="p">,</span> <span class="n">ibu_mean</span><span class="p">,</span> <span class="n">ibu_std</span><span class="p">)</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [67]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span><span class="nb">print</span><span class="p">(</span><span class="s1">'The percentage of coverage at 1 std of the ibu_mean is : </span><span class="si">{:.2f}</span><span class="s1"> %'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">ibu_std1_per</span><span class="p">))</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="s1">'The percentage of coverage at 2 std of the ibu_mean is : </span><span class="si">{:.2f}</span><span class="s1"> %'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">ibu_std2_per</span><span class="p">))</span> | |
| <span class="nb">print</span><span class="p">(</span><span class="s1">'The percentage of coverage at 3 std of the ibu_mean is : </span><span class="si">{:.2f}</span><span class="s1"> %'</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">ibu_std3_per</span><span class="p">))</span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="output_wrapper"> | |
| <div class="output"> | |
| <div class="output_area"> | |
| <div class="prompt"></div> | |
| <div class="output_subarea output_stream output_stdout output_text"> | |
| <pre>The percentage of coverage at 1 std of the ibu_mean is : 68.11 % | |
| The percentage of coverage at 2 std of the ibu_mean is : 95.66 % | |
| The percentage of coverage at 3 std of the ibu_mean is : 99.72 % | |
| </pre> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <p>Notice that in both cases the percentages are not that far from the values for normal distribution (68%, 95%, 99.7%), especially for $2\sigma$ and $3\sigma$. So usually you can use these values as a rule of thumb.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h2 id="What-we've-learned">What we've learned<a class="anchor-link" href="#What-we've-learned">¶</a></h2><ul> | |
| <li>Read data from a <code>csv</code> file using <code>pandas</code>.</li> | |
| <li>The concepts of Data Frame and Series in <code>pandas</code>.</li> | |
| <li>Clean null (NaN) values from a Series using <code>pandas</code>.</li> | |
| <li>Convert a <code>panda</code>s Series into a <code>numpy</code> array.</li> | |
| <li>Compute maximum and minimum, and range.</li> | |
| <li>Revise concept of mean value.</li> | |
| <li>Compute the variance and standard deviation.</li> | |
| <li>Use the mean and standard deviation to understand how the data is distributed.</li> | |
| <li>Plot frequency distribution diagrams (histograms).</li> | |
| <li>Normal distribution and 3-sigma rule.</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing text_cell rendered"><div class="prompt input_prompt"> | |
| </div><div class="inner_cell"> | |
| <div class="text_cell_render border-box-sizing rendered_html"> | |
| <h2 id="References">References<a class="anchor-link" href="#References">¶</a></h2><ol> | |
| <li><a href="https://github.com/nickhould/craft-beers-dataset">Craft beer datatset</a> by Jean-Nicholas Hould.</li> | |
| <li><a href="https://en.wikipedia.org/wiki/Exploratory_data_analysis">Exploratory Data Analysis</a>, Wikipedia article.</li> | |
| <li><em>Think Python: How to Think Like a Computer Scientist</em> (2012). Allen Downey. Green Tea Press. <a href="http://greenteapress.com/thinkpython/thinkpython.pdf">PDF available</a></li> | |
| <li><a href="https://pandas.pydata.org/pandas-docs/stable/dsintro.html">Intro to data Structures</a>, <code>pandas</code> documentation.</li> | |
| <li><em>Think Stats: Probability and Statistics for Programmers</em> version 1.6.0 (2011). Allen Downey. Green Tea Press. <a href="http://greenteapress.com/thinkstats/thinkstats.pdf">PDF available</a></li> | |
| </ol> | |
| <h3 id="Recommended-viewing">Recommended viewing<a class="anchor-link" href="#Recommended-viewing">¶</a></h3><p>From <a href="https://lagunita.stanford.edu/courses/Medicine/MedStats-SP/SelfPaced/about">"Statistics in Medicine,"</a>, a free course in Stanford Online by Prof. Kristin Sainani, we highly recommend that you watch these three lectures:</p> | |
| <ul> | |
| <li><a href="https://youtu.be/tQ5slNYRcC4">Describing Quantitative Data: Where is the center?</a></li> | |
| <li><a href="https://youtu.be/hlFeEQF5tDc">Describing Quantitative Data: What is the variability in the data?</a></li> | |
| <li><a href="https://youtu.be/qeG0uNI3DBQ">Variability in the data, continued: examples, bell curve</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="cell border-box-sizing code_cell rendered"> | |
| <div class="input"> | |
| <div class="prompt input_prompt">In [ ]:</div> | |
| <div class="inner_cell"> | |
| <div class="input_area"> | |
| <div class=" highlight hl-ipython3"><pre><span></span> | |
| </pre></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |