diff --git a/css/base/latest/base.css b/css/base/latest/base.css deleted file mode 100644 index f4e29b4..0000000 --- a/css/base/latest/base.css +++ /dev/null @@ -1,2085 +0,0 @@ -/* - Reset ♥ - http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -------------------------------------------------------- */ -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin:0; - padding:0; - border:0; - font-size:100%; - font:inherit; - vertical-align:baseline; - } -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display:block; - } -body { line-height:1; } -ol, ul { list-style:none; } -blockquote, q { quotes:none; } -blockquote:before, blockquote:after, -q:before, q:after { content:''; content:none; } -/* tables still need 'cellspacing="0"' in the markup */ -table { border-collapse: collapse; border-spacing:0; } -/* remember to define focus styles. Hee Haw */ -:focus { outline:0; } - -*, *:after, *:before { - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - box-sizing:border-box; - } - -/* @FontFace -------------------------------------------------------- */ -@font-face { - font-family:'Open Sans'; - src:url('opensans-regular.eot'); - src:url('opensans-regular.eot?#iefix') format('embedded-opentype'), - url('opensans-regular.woff') format('woff'); - } - -@font-face { - font-family:'Open Sans Italic'; - src:url('opensans-italic.eot'); - src:url('opensans-italic.eot?#iefix') format('embedded-opentype'), - url('opensans-italic.woff') format('woff'); - } - -@font-face { - font-family:'Open Sans Bold'; - src:url('opensans-semibold.eot'); - src:url('opensans-semibold.eot?#iefix') format('embedded-opentype'), - url('opensans-semibold.woff') format('woff'); - } - -@font-face { - font-family:'Open Sans Bold Italic'; - src:url('opensans-semibolditalic.eot'); - src:url('opensans-semibolditalic.eot?#iefix') format('embedded-opentype'), - url('opensans-semibolditalic.woff') format('woff'); - } - -/* Inline Elements: Defaults -------------------------------------------------------- */ -body, -input, -textarea { - color:#404040; - color:rgba(0,0,0,0.75); - font:15px/20px 'Open Sans', sans-serif; - -webkit-font-smoothing:antialiased; - } - -body { background:#fff; } -.dark { color:#fff; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-family:'Open Sans Bold', sans-serif; - font-weight:normal; - margin:0; - } - -em h1, h1 em, -em h2, h2 em, -em h3, h3 em, -em h4, h4 em, -em h5, h5 em, -em h6, h6 em { - font-family:'Open Sans Bold Italic', sans-serif; - } - -h1 { - font-size:30px; - line-height:40px; - letter-spacing:-1px; - } -h2 { - font-size:22px; - line-height:30px; - padding-top: 5px; - padding-bottom:5px; - } - -h3 { - font-size:15px; - line-height:20px; - } - -h4, h5, h6 { - font-size:12px; - line-height:20px; - } - -p { margin-bottom:20px; } - -p:last-child { margin-bottom:0; } - -small, -.prose.small, -.small { - font-size:12px; - line-height:20px; - letter-spacing:0; - } - -small { display:block; } - -.strong, -strong { - font-family:'Open Sans Bold', sans-serif; - font-weight:normal; - } - strong em, - em strong { font-family:'Open Sans Bold Italic', sans-serif; } - -address, -em { - font-family:'Open Sans Italic', sans-serif; - } - -/* Links */ -a, -a code { - color:#3887BE; - text-decoration:none; - } - a:hover code, - a:hover { color:#63b6e5; } - a:focus { - -webkit-box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05); - box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05); - } - -.dark a, -.dark a code { color:#63b6e5; } -.dark a:hover code, -.dark a:hover { color:#8fcaec; } -.dark a:focus { - -webkit-box-shadow:inset 0 0 0 1px rgba(256,256,256,0.05); - box-shadow:inset 0 0 0 1px rgba(256,256,256,0.05); - } - -a.quiet { color:rgba(0,0,0,0.5); } -a.quiet:hover { color:rgba(0,0,0,0.75); } - -.dark a.quiet, -a.quiet.dark { color:rgba(255,255,255,0.5); } - -.dark a.quiet:hover, -a.quiet.dark:hover { color:rgba(255,255,255,0.75); } - -/* Buttons */ -button, -.button, -[type=button], -[type=submit] { - background-color:#3887be; - text-align:center; - color:#fff; - display:inline-block; - height:40px; - margin:0px; - padding:10px; - position:relative; - border:none; - cursor:pointer; - border-radius:3px; - white-space:nowrap; - text-overflow:ellipsis; - /* Protects button metrics in .prose context */ - font-family:'Open Sans Bold', sans-serif; - line-height:20px; - font-size:12px; - -webkit-appearance:none; - - /* The button element needs to be forced this */ - -webkit-font-smoothing:antialiased; - } - -button:hover, -.button:hover, -.button.active, -[type=button]:hover, -[type=submit]:hover { - color:#fff; - } - -.dark .button, -.dark .button:hover, -.dark .quiet.button, -.dark .quiet.button:hover, -.dark [type=button]:hover, -.dark [type=submit]:hover { - color: white; -} - -button:focus, -.button:focus, -[type=submit]:focus, -[type=button]:focus { - -webkit-box-shadow: inset 0 0 0 3px rgba(0,0,0,0.1); - box-shadow: inset 0 0 0 3px rgba(0,0,0,0.1); -} - -button:hover, -.button:hover, -.button.active, -[type=submit]:hover, -[type=button]:hover { - background-color:#3bb2d0; - } - -.button.loud, -.loud[type=submit], -.loud[type=button] { - background-color:#8889cc; - } -.button.loud.active, -.button.loud:hover, -.loud[type=submit]:hover, -.loud[type=button]:hover { - background-color:#bd93e5; - } - -.button.quiet, -.quiet[type=submit], -.quiet[type=button] { - background-color:rgba(0,0,0,0.25); - color:#fff; - } -.button.quiet.active, -.button.quiet:hover, -.quiet[type=submit]:hover, -.quiet[type=button]:hover { - background-color:rgba(0,0,0,0.5); - color:#fff; - box-shadow: - inset rgba(0,0,0,0) 0 0 0, - inset rgba(0,0,0,0) 0 0 0; - } - -.dark .button.quiet, -.dark .quiet[type=submit], -.dark .quiet[type=button] { - color:#fff; - background-color:rgba(255,255,255,0.10); - } - -.dark .button.quiet.active, -.dark .button.quiet:hover, -.dark .quiet[type=submit]:hover, -.dark .quiet[type=button]:hover { - background-color:rgba(255,255,255,0.25); - } - -.button.disabled, -.button:disabled, -button.disabled, -button:disabled, -[type=submit]:disabled, -[type=button]:disabled { - background:transparent; - border:1px dashed rgba(0,0,0,0.25); - color:rgba(0,0,0,0.25); - cursor:not-allowed; - } - -.button.disabled:hover, -.button:disabled:hover, -button.disabled:hover, -button:disabled:hover, -[type=submit]:disabled:hover, -[type=button]:disabled:hover { - background:transparent; - } - -.button.disabled:focus, -.button:disabled:focus, -button.disabled:focus, -button:disabled:focus, -[type=submit]:disabled:focus, -[type=button]:disabled:focus { - box-shadow:none; - } - -.dark .button.disabled, -.dark .button:disabled, -.dark button.disabled, -.dark button:disabled, -.dark [type=submit]:disabled, -.dark [type=button]:disabled { - border-color:rgba(255,255,255,0.25); - color:rgba(255,255,255,0.5); - } - -.dark .button.disabled:hover, -.dark .button:disabled:hover, -.dark button.disabled:hover, -.dark button:disabled:hover, -.dark [type=submit]:disabled:hover, -.dark [type=button]:disabled:hover { - color:rgba(255,255,255,0.5); - } - -/* Tab style for links that toggle between views */ -.tabs { - border:1px solid rgba(0,0,0,0.25); - display:inline-block; - } - .tabs, - .pill.tabs { - -webkit-border-radius:3px; - border-radius:3px; - } - .tabs > a { - background:transparent; - color:rgba(0,0,0,.5); - font-family:'Open Sans Bold', sans-serif; - font-size:12px; - text-align:center; - display:inline-block; - height:40px; - line-height:40px; - margin:0; - padding:0 10px; - white-space:nowrap; - text-overflow:ellipsis; - } - .tabs > * { - border:0 solid rgba(0,0,0,0.25); - border-right-width:1px; - } - .tabs > *:last-child { - border-right:none; - } - .tabs > *:hover { - background:rgba(0,0,0,0.05); - color:rgba(0,0,0,.5); - } - .tabs > *.active, - .tabs.checkbox input[type=checkbox]:checked + label { - background:#eee; - background:rgba(0,0,0,0.1); - } - .tabs .icon:after, - .tabs .icon:before { - vertical-align:middle; - } - -.dark.tabs, -.dark.tabs > *, -.dark .tabs, -.dark .tabs > * { - border-color:rgba(255,255,255,0.25); - color:rgba(255,255,255,1); - } - .dark.tabs > *:hover, - .dark .tabs > *:hover { - background-color:rgba(225,255,255,0.05); - color:rgba(255,255,255,1); - } - .dark.tabs > *.active, - .dark .tabs > *.active, - .dark.tabs.checkbox input[type=checkbox]:checked + label { - background-color:rgba(255,255,255,0.10); - } - -/* Pill wrapper for joining buttons. */ -/* Use to eliminate whitespace between buttons. */ -.pill{ - display:inline-block; - } - .pill > * { - border-radius:0 0 0 0; - border:0 solid white; - border-left-width:1px; - } - .pill > *:first-of-type, - .pill > *:first-child { - border-radius:3px 0 0 3px; - border-left-width:0; - } - .pill > *:last-of-type, - .pill > *:last-child { - border-radius:0 3px 3px 0; - } - -/* Vertical pill if pill contents is full width . */ -.pill > .col12 { - border-bottom-width:1px; - border-left-width:0; - } - .pill > .col12:first-child { - border-radius:3px 3px 0 0; - } - .pill > .col12:last-child { - border-radius:0 0 3px 3px; - border-bottom:none; - } - .pill > .col12:only-child { - border-radius: 3px; - } - -.fill-gray .pill > *, -.fill-grey .pill > * { border-color:#eee; } -.fill-white .pill > * { border-color:#fff; } -.fill-light .pill > * { border-color:#f8f8f8; } -.fill-blue .pill > * { border-color:#3887be; } -.fill-denim .pill > * { border-color:#3c4e5a; } -.fill-navy .pill > * { border-color:#28353d; } -.fill-navy-dark .pill > * { border-color:#222B30; } -.fill-purple .pill > * { border-color:#8a8acb; } - -.fill-darken1 .pill > *, -.fill-darken2 .pill > *, -.fill-darken3 .pill > * { - border-color:#000; - border-color:rgba(0,0,0,0.5); - } -.fill-lighten1 .pill > *, -.fill-lighten2 .pill > * { - border-color:#fff; - border-color:rgba(255,255,255,0.5); - } - -.pill input[type=text] { - border:1px solid rgba(0,0,0,0.1); - border-radius:0; - } - -.pill input[type=text]:focus { - border:1px solid rgba(0,0,0,0.25); - } - -/* make your pills toggles */ - -.toggle a { - width: 40px; - padding: 0; - overflow: hidden; - white-space: nowrap; -} - -.toggle .big.button.icon:not(.active) { - padding-left: 0; -} - -.toggle a.active { - padding: 10px; - background: #3bb2d0; - width: auto; - color: #cdecf3; - color: rgba(255,255,255,.75); -} - -/* Rounded toggle for filtering/modifying lists */ - -.rounded-toggle { - padding: 3px; - border-radius: 12px; - background: #ddd; -} -.rounded-toggle input[type=radio] { display:none; } -.rounded-toggle input[type=radio] + label { - cursor:pointer; - padding-bottom: 1px; - border-radius: 10px; - padding-left: 10px; - padding-right: 10px; - font-size: 12px; - color: rgba(0,0,0,0.5); - line-height: 18px; - float: left; -} -.rounded-toggle input[type=radio] + label:hover { color: rgba(0,0,0,0.8); } -.rounded-toggle input[type=radio]:checked + label { - background: #fff; - cursor: auto; - pointer-events: none; -} -.rounded-toggle:hover input[type=radio]:checked + label { box-shadow: 0px 2px 2px #ccc; } - -/* A tag link */ -.tag { - display:inline-block; - text-transform:capitalize; - color:rgba(0,0,0,0.75); - -webkit-border-radius:0 0 3px 3px; - border-radius:0 0 3px 3px; - } - .tag:hover { color:inherit; } - -img { - max-width:100%; - vertical-align:middle; - } - .center img, - img.center { margin-left:auto; margin-right:auto; } - -/* images defined with background size - -placed here so width will be overriden by grid widths*/ -.thumbnail { height: 30px; width: 30px;} -.small-graphic { height: 60px; width: 60px;} -.big-graphic { height: 120px; width: 120px;} - -abbr { - border-bottom:1px dotted #000; - cursor:help; - } - -hr { - margin:0 0 20px; - border:0; - height:1px; - background:#f8f8f8; - background:rgba(0,0,0,.05); - } - -.dark hr { - background:rgba(255,255,255,.05); -} - -/* Block Quotes */ -blockquote, -q { - quotes:none; - font-style:normal; - padding-left:20px; - margin:10px; - } - -blockquote:before, -blockquote:after, -q:before, -q:after { - content:''; - } - -/* Keyboard styles */ -kbd { - background: rgba(0,0,0,.025); - color: rgba(0,0,0,.5); - border: 1px solid rgba(0,0,0,.1); - font-size:12px; - line-height:20px; - border-radius: 3px; - padding:2px 3px; - box-shadow: 0 1px 0 0 rgba(0,0,0,.1); - font-weight: normal; -} - -/* Code Blocks & Pre */ -code, -pre { - background:rgba(0,0,0,0.025); - color: rgba(0,0,0,.5); - font-family:Menlo, Bitstream Vera Sans Mono, Monaco, Consolas, monospace; - font-size:12px; - line-height:20px; - padding:3px; - border-radius: 3px; - } -pre { - background:#f8f8f8; - color:rgba(0,0,0,0.75); - display:block; - padding:10px; - word-break:break-all; - word-wrap:break-word; - white-space:pre; - white-space:pre-wrap; - } - pre code { - background:transparent; - padding:0; - color:inherit; - } - -.pre-scrollable { - max-height:300px; - overflow-y:scroll; - } - -/* sub/superscripts */ -sup, -sub { - height:0; - line-height:1; - vertical-align:baseline; - _vertical-align:bottom; - position:relative; - font-size:75%; - } -sup { - bottom:1ex; - } -sub { - top:.5ex; - } - -/* Forms */ -form fieldset { - margin: 0 0 20px; - } -form fieldset:last-child { - margin-bottom: 0; - } - -form fieldset label { - font:12px/20px 'Open Sans Bold', sans-serif; - display:block; - margin:0 0 5px; - } - .dark label { - color:#f0f0f0; - color:rgba(255,255,255,0.75); - } - -input, -select, -button { - vertical-align:middle; - } -textarea, -input[type=password], -input[type=text] { - display:inline-block; - height:40px; - margin:0; - color:rgba(0,0,0,.5); - padding:10px; - border-radius:0; - -webkit-appearance:none; - } -textarea, -input[type=password], -input[type=text] { - background-color:#fff; - border:1px solid rgba(0,0,0,0.1); - -webkit-transition:border-color .05s; - -moz-transition:border-color .05s; - -ms-transition:border-color .05s; - transition:border-color .05s; - } - .dark textarea, - .dark input[type=password], - .dark input[type=text] { - background:#404040; - background:rgba(0,0,0,0.25); - border-color:#eee; - border-color:rgba(255,255,255,0.25); - color:#fff; - -webkit-box-shadow:none; - box-shadow:none; - } - textarea:focus, - input[type=password]:focus, - input[type=text]:focus { - outline:thin dotted\8; /* ie8 below */ - border-color:rgba(0,0,0,0.25); - color:#404040; - } - .dark textarea:focus, - .dark input[type=password]:focus, - .dark input[type=text]:focus { - border-color:rgba(255,255,255,0.75); - color:#fff; - } - -textarea.stretch, -input.stretch[type='text'], -input.stretch[type='password'] { width:100%; } - -/* Special Form Components */ -fieldset.with-icon { - position:relative; - } - fieldset.with-icon input[type=text] { - padding-left:35px; - } - fieldset.with-icon span.icon { - position:absolute; - top:10px; - left:10px; - } - -textarea { - height:80px; - max-width:none; - overflow:auto; - resize:none; - } - textarea.resize { resize:both; } - -input[type=range], -input[type=range]::-webkit-slider-thumb { - -webkit-appearance:none; - margin:0; padding:0; border:0; - } -input[type=range] { - display:inline-block!important; - vertical-align:middle; - height:12px; - padding:0 2px; - border:2px solid transparent; - background:rgba(0,0,0,0.25); - min-width:100px; - overflow:hidden; - cursor:pointer; - } - input[type=range]::-ms-fill-upper { background:transparent; } - input[type=range]::-ms-fill-lower { background:rgba(255,255,255,0.25); } - -/* Browser thingies */ -input[type=range]::-moz-range-track { opacity:0; } -input[type=range]::-ms-track { opacity:0; } -input[type=range]::-ms-tooltip { display:none; } - -/* For whatever reason, these need to be defined - * on their own so dont group them */ -input[type=range]::-webkit-slider-thumb { - background:rgba(255,255,255,0.75); - height:12px; width:20px; - border-radius:3px; - cursor:ew-resize; - box-shadow:rgba(255,255,255,0.25) -1200px 0 0 1200px; - } -input[type=range]::-ms-thumb { - margin:0;padding:0;border:0; - background:rgba(255,255,255,0.75); - height:12px; width:20px; - border-radius:3px; - cursor:ew-resize; - box-shadow:rgba(255,255,255,0.25) -1200px 0 0 1200px; - } -input[type=range]::-moz-range-thumb { - margin:0;padding:0;border:0; - background:rgba(255,255,255,0.75); - height:12px; width:20px; - border-radius:3px; - cursor:ew-resize; - box-shadow:rgba(255,255,255,0.25) -1200px 0 0 1200px; - } - -/* Checkboxes */ -.checkbox input[type=checkbox] { display:none; } -.checkbox label { - display:block; - cursor:pointer; - padding:10px; - } - .checkbox input[type=checkbox] + .icon:before { - background-color:#fff; - margin-right:5px; - box-shadow:0 0 0 1px rgba(0,0,0,0.25) inset; - } - .checkbox input[type=checkbox]:not(:checked) + .icon:before { - background-image:none; - } - .dark.checkbox input[type=checkbox] + .icon:before, - .dark .checkbox input[type=checkbox] + .icon:before { - background-color:#202020; - background-color:rgba(0,0,0,0.25); - } - -/* Tables */ -table { - width:100%; - background-color:transparent; - border-collapse:collapse; - border-spacing:0; - margin-bottom:20px; - } - table th, - table td { - padding:4px 0; - text-align:left; - vertical-align:top; - border-bottom:1px solid #ddd; - } - table th { - font-family:'Open Sans Bold', sans-serif; - } - table thead th { - vertical-align:bottom; - } - -table.fixed { - table-layout:fixed; - } - -/* Inline Elements: Formatted for read content -------------------------------------------------------- */ -.prose { line-height:25px; } -.prose section { margin-bottom:20px; } - -.title, -.prose h1, -.prose h2, -.prose h3, -.prose h4, -.prose h5, -.prose h6, -.prose p, -.prose ul, -.prose ol, -.prose img, -.prose blockquote, -.prose pre, -.prose iframe, -.prose object, -.prose div.highlight { - display:block; - margin-bottom:20px; - word-wrap:break-word; - } - -.prose h1:last-child, -.prose h2:last-child, -.prose h3:last-child, -.prose h4:last-child, -.prose h5:last-child, -.prose h6:last-child, -.prose p:last-child, -.prose ul:last-child, -.prose ol:last-child, -.prose img:last-child, -.prose blockquote:last-child, -.prose pre:last-child, -.prose iframe:last-child, -.prose object:last-child { - margin-bottom: 0; -} - -.prose blockquote { - padding: 20px; - margin: 0 0 20px 0; - background-color:#f8f8f8; - background-color: rgba(0,0,0,.05); - } - -.prose blockquote p:last-child { - margin: 0; -} - -.prose p > video, -.prose p > iframe, -.prose p a > iframe, -.prose p > img, -.prose p a > img, -.prose li > video, -.prose li > iframe, -.prose li a > iframe, -.prose li > img, -.prose li a > img { - max-width:100%; - max-height:600px; - margin-right:auto; - margin-left:auto; - border:1px solid rgba(0,0,0,.1); - padding:10px; - background:rgba(0,0,0,.025); - } - -table.prose, -.prose table { - border:1px solid #ddd; - } -table.prose th, -table.prose td, -.prose table th, -.prose table td { - padding:8px; - border:1px solid #ddd; - } -table.prose th, -.prose table th { - background-color:#f8f8f8; - background-color: rgba(0,0,0,.05): - } - -.prose ul { - list-style:disc; - margin-left:40px; - } -.prose ol { - list-style:decimal; - margin-left:40px; - } -.prose ul li, -.prose ol li { - margin-bottom:10px; - } -.prose pre, -.prose code { - border-radius:3px; - } - -/* Dark read content styling */ -.dark .prose h1, -.dark .prose h2, -.dark .prose h3 { - color:#fff; - } - -h1.small, -h2.small, -h3.small, -h4.small, -h5.small, -h6.small { - text-transform:uppercase; - } - -/* Inline Elements: Anchor link styling -------------------------------------------------------- */ -h1 a[href^='#'], -h2 a[href^='#'], -.doc h1[id], -.doc h2[id], -.doc h3[id], -.doc h4[id] { - cursor:pointer; - color:rgba(0, 0, 0, 0.75); - } - -h1 a[href^='#']:before, -h2 a[href^='#']:before, -.doc h1[id]:before, -.doc h2[id]:before, -.doc h3[id]:before, -.doc h4[id]:before { - background:transparent url(icon-000000.png) -1280px 0px no-repeat; - color:rgba(0, 0, 0, 0.75); - content:'Permalink'; - display:inline-block; - margin:0 0 0 -20px; - width:20px; - height:20px; - line-height:20px; - vertical-align:middle; - opacity:0; - border-radius:50%; - text-indent:-9999px; - overflow:hidden; - -webkit-background-size:3000px 60px; - background-size:3000px 60px; - } - -h1 a[href^='#']:hover:before, -h2 a[href^='#']:hover:before, -.doc h1[id]:hover:before, -.doc h2[id]:hover:before, -.doc h3[id]:hover:before, -.doc h4[id]:hover:before { - opacity:0.1; -} - -h1 .dark > a[href^='#'], -h2 .dark > a[href^='#'] { - color: white; -} - -/* Icons -------------------------------------------------------- */ -.rcon:after, -.icon:before { - background-image:url(icon-000000.png); - background-color:transparent; - background-repeat:no-repeat; - background-position:40px 40px; - content:''; - display:inline-block; - width:20px; - height:20px; - vertical-align:top; - opacity:0.75; - -webkit-background-size:3000px 60px; - background-size:3000px 60px; - } - -.rcon.big:after, -.icon.big:before { - width:40px; - height:40px; - } - -.icon.big { line-height:40px; } -.icon:before { margin-right:5px; } -.icon:empty:before { margin:0; } -.button.icon:empty { width:40px; padding:10px; } - -small .icon:after, -small .icon:before, -.small.icon:after, -.small.icon:before { - vertical-align:-5px; - } - -.big.button.icon { - line-height: 40px; - padding-left: 10px; - padding-top: 0; - padding-bottom: 0; - } - -.big.icon:empty { - height: 40px; - width: 40px; - padding:0; -} - -.dark .quiet.rcon:after, -.dark .quiet.icon:before, -.dark .quiet .rcon:after, -.dark .quiet .icon:before { - opacity: .5; - } - -a.icon:before, -a.rcon:after, -a > .icon:before, -a > .rcon:after, -.quiet a.rcon:after, -.quiet a.icon:before { - background-image:url(icon-3887be.png); - -webkit-background-size:3000px 60px; - background-size:3000px 60px; - opacity:1; -} - -.dark.tabs .rcon:after, -.dark.tabs .icon:before, -.dark .tabs .rcon:after, -.dark .tabs .icon:before, -.dark.rcon:after, -.dark.icon:before, -.dark .rcon:after, -.dark .icon:before, -.quiet.button.rcon:after, -.quiet.button.icon:before, -.quiet.button .rcon:after, -.quiet.button .icon:before, -.button .rcon:after, -.button .icon:before, -.button.rcon:after, -.button.icon:before { - background-image:url(icon-ffffff.png); - opacity:1; - -webkit-background-size:3000px 60px; - background-size:3000px 60px; - } - -.tabs .rcon:after, -.tabs .icon:before, -.quiet.rcon:after, -.quiet.icon:before, -.quiet .rcon:after, -.quiet .icon:before { - background-image:url(icon-000000.png); - opacity:0.5; - -webkit-background-size:3000px 60px; - background-size:3000px 60px; - } - -/* 40x40 icons */ -.big.icon.pencil:before { background-position:0 -20px; } - -.big.icon.x:before, -.big.icon.close:before { background-position:-40px -20px; } - -.big.icon.plus:before { background-position:-80px -20px; } -.big.icon.minus:before { background-position:-120px -20px; } -.big.icon.sprocket:before { background-position:-160px -20px; } -.big.icon.info:before { background-position:-200px -20px; } -.big.icon.account:before { background-position:-240px -20px; } -.big.icon.graph:before { background-position:-280px -20px; } -.big.icon.book:before { background-position:-320px -20px; } -.big.icon.document:before { background-position:-360px -20px; } -.big.icon.up:before { background-position:-400px -20px; } -.big.icon.home:before { background-position:-440px -20px; } -.big.icon.lock:before { background-position:-480px -20px; } -.big.icon.sun:before { background-position:-520px -20px; } -.big.icon.en:before { background-position:-560px -20px; } -.big.icon.creditcard:before { background-position:-600px -20px; } -.big.icon.star:before { background-position:-640px -20px; } -.big.icon.tx:before { background-position:-680px -20px; } -.big.icon.marker:before { background-position:-720px -20px; } -.big.icon.check:before { background-position:-760px -20px; } -.big.icon.trash:before { background-position:-800px -20px; } -.big.icon.tooltip:before { background-position:-840px -20px; } -.big.icon.mt:before { background-position:-880px -20px; } -.big.icon.help:before { background-position:-920px -20px; } -.big.icon.logout:before { background-position:-960px -20px; } -.big.icon.prev:before { background-position:-1000px -20px; } -.big.icon.next:before { background-position:-1040px -20px; } -.big.icon.mail:before { background-position:-1080px -20px; } -.big.icon.twitter:before { background-position:-1120px -20px; } -.big.icon.return:before { background-position:-1160px -20px; } -.big.icon.contact:before { background-position:-1200px -20px; } -.big.icon.search:before { background-position:-1240px -20px; } -.big.icon.link:before { background-position:-1280px -20px; } -.big.icon.github:before { background-position:-1320px -20px; } -.big.icon.mobile:before { background-position:-1360px -20px; } -.big.icon.fullscreen:before { background-position:-1400px -20px; } -.big.icon.alert:before { background-position:-1440px -20px; } -.big.icon.video:before { background-position:-1480px -20px; } -.big.icon.street:before { background-position:-1520px -20px; } -.big.icon.satellite:before { background-position:-1560px -20px; } -.big.icon.rss:before { background-position:-1600px -20px; } -.big.icon.share:before { background-position:-1640px -20px; } -.big.icon.clipboard:before { background-position:-1680px -20px; } -.big.icon.time:before { background-position:-1720px -20px; } -.big.icon.l-r-arrow:before { background-position:-1760px -20px; } -.big.icon.brackets:before { background-position:-1800px -20px; } -.big.icon.mapbox:before { background-position:-1840px -20px; } -.big.icon.arrowright:before { background-position:-1880px -20px; } -.big.icon.forward:before { background-position:-1920px -20px; } -.big.icon.bolt:before { background-position:-1960px -20px; } -.big.icon.folder:before { background-position:-2000px -20px; } -.big.icon.picture:before { background-position:-2040px -20px; } -.big.icon.down:before { background-position:-2080px -20px; } -.big.icon.floppy:before { background-position:-2120px -20px; } -.big.icon.dashboard:before { background-position:-2160px -20px; } -.big.icon.u-d-arrow:before { background-position:-2200px -20px; } -.big.icon.cart:before { background-position:-2240px -20px; } -.big.icon.cloud:before { background-position:-2280px -20px; } -.big.icon.levels:before { background-position:-2320px -20px; } -.big.icon.facebook:before { background-position:-2360px -20px; } -.big.icon.crosshair:before { background-position:-2400px -20px; } -.big.icon.down:before { background-position:-2440px -20px; } -.big.icon.undo:before { background-position:-2480px -20px; } -.big.icon.redo:before { background-position:-2520px -20px; } -.big.icon.menu:before { background-position:-2560px -20px; } -.big.icon.printer:before { background-position:-2600px -20px; } -.big.icon.eye:before { background-position:-2640px -20px; } -.big.icon.noeye:before { background-position:-2680px -20px; } -.big.icon.heart:before { background-position:-2720px -20px; } -.big.icon.document-lock:before { background-position:-2760px -20px; } -.big.icon.document-cloud:before { background-position:-2800px -20px; } -.big.icon.data:before { background-position:-2840px -20px; } -.big.icon.linkedin:before { background-position:-2880px -20px; } -.big.icon.polyline:before { background-position:-2920px -20px; } -.big.icon.polygon:before { background-position:-2960px -20px; } - -/* 20x20 icons */ -.rcon.pencil:after, .icon.pencil:before { background-position:0 0; } - -.rcon.x:after, .icon.x:before, -.rcon.close:after, .icon.close:before { background-position:-40px 0; } - -.rcon.plus:after, .icon.plus:before { background-position:-80px 0; } -.rcon.minus:after, .icon.minus:before { background-position:-120px 0; } -.rcon.sprocket:after, .icon.sprocket:before { background-position:-160px 0; } -.rcon.info:after, .icon.info:before { background-position:-200px 0; } -.rcon.account:after, .icon.account:before { background-position:-240px 0; } -.rcon.graph:after, .icon.graph:before { background-position:-280px 0; } -.rcon.book:after, .icon.book:before { background-position:-320px 0; } -.rcon.document:after, .icon.document:before { background-position:-360px 0; } -.rcon.up:after, .icon.up:before { background-position:-400px 0; } -.rcon.home:after, .icon.home:before { background-position:-440px 0; } -.rcon.lock:after, .icon.lock:before { background-position:-480px 0; } -.rcon.sun:after, .icon.sun:before { background-position:-520px 0; } -.rcon.en:after, .icon.en:before { background-position:-560px 0; } -.rcon.creditcard:after, .icon.creditcard:before { background-position:-600px 0; } -.rcon.star:after, .icon.star:before { background-position:-640px 0; } -.rcon.tx:after, .icon.tx:before { background-position:-680px 0; } -.rcon.marker:after, .icon.marker:before { background-position:-720px 0; } -.icon.check:after, .icon.check:before { background-position:-760px 0; } -.rcon.trash:after, .icon.trash:before { background-position:-800px 0; } -.rcon.tooltip:after, .icon.tooltip:before { background-position:-840px 0; } -.rcon.mt:after, .icon.mt:before { background-position:-880px 0; } -.rcon.help:after, .icon.help:before { background-position:-920px 0; } -.rcon.logout:after, .icon.logout:before { background-position:-960px 0; } -.rcon.prev:after, .icon.prev:before { background-position:-1000px 0; } -.rcon.next:after, .icon.next:before { background-position:-1040px 0; } -.rcon.mail:after, .icon.mail:before { background-position:-1080px 0; } -.rcon.twitter:after, .icon.twitter:before { background-position:-1120px 0; } -.rcon.return:after, .icon.return:before { background-position:-1160px 0; } -.rcon.contact:after, .icon.contact:before { background-position:-1200px 0; } -.rcon.search:after, .icon.search:before { background-position:-1240px 0; } -.rcon.link:after, .icon.link:before { background-position:-1280px 0; } -.rcon.github:after, .icon.github:before { background-position:-1320px 0; } -.rcon.mobile:after, .icon.mobile:before { background-position:-1360px 0; } -.rcon.fullscreen:after, .icon.fullscreen:before { background-position:-1400px 0; } -.rcon.alert:after, .icon.alert:before { background-position:-1440px 0; } -.rcon.video:after, .icon.video:before { background-position:-1480px 0; } -.rcon.street:after, .icon.street:before { background-position:-1520px 0; } -.rcon.satellite:after, .icon.satellite:before { background-position:-1560px 0; } -.rcon.rss:after, .icon.rss:before { background-position:-1600px 0; } -.rcon.share:after, .icon.share:before { background-position:-1640px 0; } -.rcon.clipboard:after, .icon.clipboard:before { background-position:-1680px 0; } -.rcon.time:after, .icon.time:before { background-position:-1720px 0; } -.rcon.l-r-arrow:after, .icon.l-r-arrow:before { background-position:-1760px 0; } -.rcon.brackets:before, .icon.brackets:before { background-position:-1800px 0; } -.rcon.mapbox:after, .icon.mapbox:before { background-position:-1840px 0; } -.rcon.arrowright:after, .icon.arrowright:before { background-position:-1880px 0; } -.rcon.forward:after, .icon.forward:before { background-position:-1920px 0; } -.rcon.bolt:after, .icon.bolt:before { background-position:-1960px 0; } -.rcon.folder:after, .icon.folder:before { background-position:-2000px 0; } -.rcon.picture:after, .icon.picture:before { background-position:-2040px 0; } -.rcon.down:after, .icon.down:before { background-position:-2080px 0; } -.rcon.floppy:after, .icon.floppy:before { background-position:-2120px 0; } -.rcon.dashboard:after, .icon.dashboard:before { background-position:-2160px 0; } -.rcon.u-d-arrow:after, .icon.u-d-arrow:before { background-position:-2200px 0; } -.rcon.cart:after, .icon.cart:before { background-position:-2240px 0; } -.rcon.cloud:after, .icon.cloud:before { background-position:-2280px 0; } -.rcon.levels:after, .icon.levels:before { background-position:-2320px 0; } -.rcon.facebook:after, .icon.facebook:before { background-position:-2360px 0; } -.rcon.crosshair:after, .icon.crosshair:before { background-position:-2400px 0; } -.rcon.down:after, .icon.down:before { background-position:-2440px 0; } -.rcon.undo:after, .icon.undo:before { background-position:-2480px 0; } -.rcon.redo:after, .icon.redo:before { background-position:-2520px 0; } -.rcon.menu:after, .icon.menu:before { background-position:-2560px 0; } -.rcon.printer:after, .icon.printer:before { background-position:-2600px 0; } -.rcon.eye:after, .icon.eye:before { background-position:-2640px 0; } -.rcon.noeye:after, .icon.noeye:before { background-position:-2680px 0; } -.rcon.heart:after, .icon.heart:before { background-position:-2720px 0; } -.rcon.document-lock:after, .icon.document-lock:before { background-position:-2760px 0; } -.rcon.document-cloud:after, .icon.document-cloud:before { background-position:-2800px 0; } -.rcon.data:after, .icon.data:before { background-position:-2840px 0; } -.rcon.linkedin:after, .icon.linkedin:before { background-position:-2880px 0; } -.rcon.polyline:after, .icon.polyline:before { background-position:-2920px 0; } -.rcon.polygon:after, .icon.polygon:before { background-position:-2960px 0; } - -/* Multicolored icons */ -.icon.checkmark:before { background:transparent url(base.png) 0px 0px no-repeat; } - -/* Credit card icons */ -.credit-card { - background:url(credit-cards.png) 0 0 no-repeat; - height:30px; - width:45px; - display:inline-block; - vertical-align:top; - -webkit-background-size:320px 70px; - background-size:320px 70px; - } - .credit-card.visa { background-position:0 0; } - .credit-card.mastercard { background-position:-55px 0; } - .credit-card.american-express { background-position:-110px 0; } - .credit-card.jcb { background-position:-165px 0; } - .credit-card.discover { background-position:-220px 0; } - .credit-card.diners-club { background-position:-275px 0; } - - .credit-card.disabled.visa { background-position:0 -40px; } - .credit-card.disabled.mastercard { background-position:-55px -40px; } - .credit-card.disabled.american-express { background-position:-110px -40px; } - .credit-card.disabled.jcb { background-position:-165px -40px; } - .credit-card.disabled.discover { background-position:-220px -40px; } - .credit-card.disabled.diners-club { background-position:-275px -40px; } - -/* Components -------------------------------------------------------- */ -.box { - margin-bottom:20px; - border:1px solid rgba(0,0,0,0.10); - } - .box:last-child { margin-bottom: 0;} - .box figure, - .box .box-heading { - border-bottom:1px solid rgba(0,0,0,0.1); - } - .box figure:last-child { - border-bottom:none; - } - -.round { border-radius:3px; } -.round-top { border-radius:3px 3px 0 0; } -.round-right { border-radius:0 3px 3px 0; } -.round-bottom { border-radius:0 0 3px 3px; } -.round-left { border-radius:3px 0 0 3px; } -.unround, -.pill.unround .unround { border-radius:0;} - -/* Columns -------------------------------------------------------- */ -.grid { - max-width:1200px; - margin-left:auto; - margin-right:auto; - } - -.limiter { - width:83.33%; - max-width:1000px; - margin-left:auto; - margin-right:auto; - } - -.col0 { float:left; width:04.1666%; } -.col1 { float:left; width:08.3333%; } -.col2 { float:left; width:16.6666%; } -.col3 { float:left; width:25.0000%; } -.col4 { float:left; width:33.3333%; } -.col5 { float:left; width:41.6666%; } -.col6 { float:left; width:50.0000%; } -.col7 { float:left; width:58.3333%; } -.col8 { float:left; width:66.6666%; } -.col9 { float:left; width:75.0000%; } -.col10 { float:left; width:83.3333%; } -.col11 { float:left; width:91.6666%; } -.col12 { width:100%; display:block; } - -.margin0 { margin-left:04.1666%; } -.margin1 { margin-left:08.3333%; } -.margin2 { margin-left:16.6666%; } -.margin3 { margin-left:25.0000%; } -.margin4 { margin-left:33.3333%; } -.margin5 { margin-left:41.6666%; } -.margin6 { margin-left:50.0000%; } -.margin7 { margin-left:58.3333%; } -.margin8 { margin-left:66.6666%; } -.margin9 { margin-left:75.0000%; } -.margin10 { margin-left:83.3333%; } -.margin11 { margin-left:91.6666%; } -.margin12 { margin-left:100.0000%; } - -/* reverse margins on right-floated elements */ -.margin0r { margin-right:04.1666%; } -.margin1r { margin-right:08.3333%; } -.margin2r { margin-right:16.6666%; } -.margin3r { margin-right:25.0000%; } -.margin4r { margin-right:33.3333%; } -.margin5r { margin-right:41.6666%; } -.margin6r { margin-right:50.0000%; } -.margin7r { margin-right:58.3333%; } -.margin8r { margin-right:66.6666%; } -.margin9r { margin-right:75.0000%; } -.margin10r { margin-right:83.3333%; } -.margin11r { margin-right:91.6666%; } -.margin12r { margin-right:100.0000%; } - -.row0 { height: 0px;} -.row1 { height: 40px;} -.row2 { height: 80px;} -.row3 { height: 120px;} -.row4 { height: 160px;} -.row5 { height: 200px;} -.row6 { height: 240px;} -.row7 { height: 280px;} -.row8 { height: 320px;} -.row9 { height: 360px;} -.row10 { height: 400px;} -.row11 { height: 440px;} -.row12 { height: 480px;} -.row13 { height: 520px;} -.row14 { height: 560px;} -.row15 { height: 600px;} -.row16 { height: 640px;} - -/* Padding -------------------------------------------------------- */ -.pad1 { padding:10px; } -.pad2 { padding:20px; } -.pad4 { padding:40px; } - -.pad1x { padding-left: 10px; padding-right: 10px;} -.pad2x { padding-left: 20px; padding-right: 20px;} -.pad4x { padding-left: 40px; padding-right: 40px;} - -.pad1y { padding-top: 10px; padding-bottom: 10px;} -.pad2y { padding-top: 20px; padding-bottom: 20px;} -.pad4y { padding-top: 40px; padding-bottom: 40px;} - -/* Keylines -------------------------------------------------------- */ -.keyline-all { border:1px solid rgba(0,0,0,0.10); } -.keyline-top { border-top:1px solid rgba(0,0,0,0.10); } -.keyline-right { border-right:1px solid rgba(0,0,0,0.10); } -.keyline-bottom { border-bottom:1px solid rgba(0,0,0,0.10); } -.keyline-left { border-left:1px solid rgba(0,0,0,0.10); } - -.dark .keyline-all { border:1px solid rgba(255,255,255,0.25); } -.dark .keyline-top { border-top:1px solid rgba(255,255,255,0.25); } -.dark .keyline-right { border-right:1px solid rgba(255,255,255,0.25); } -.dark .keyline-bottom { border-bottom:1px solid rgba(255,255,255,0.25); } -.dark .keyline-left { border-left:1px solid rgba(255,255,255,0.25); } - -/* Fixed containers -------------------------------------------------------- */ -.pin-top, -.pin-right, -.pin-bottom, -.pin-left { - position:absolute; - } - .pin-bottom { right:0; bottom:0; left:0; } - .pin-top { top:0; right:0; left:0; } - .pin-left { top:0; bottom:0; left:0; } - .pin-right { top:0; right:0; bottom:0; } - -/* Components: Navigations -------------------------------------------------------- */ - -/* Vertical */ -nav.v li a, -nav.v > * { display:block; } - -nav.v a { - margin-right:0; - color:rgba(0,0,0,0.75); - } - -nav.v a:hover { background:rgba(0,0,0,0.05); } - -nav.v a.active, -nav.v a.active:hover { background:rgba(0,0,0,0.1); } - -nav.v.dark a.active, -nav.v.dark a:hover, -.dark nav.v a.active, -.dark nav.v a:hover { background:rgba(0,0,0,0.25); } - -nav.v.dark a.keyline-bottom:hover, -nav.v.dark a.active.keyline-bottom, -.dark nav.v a.keyline-bottom:hover, -.dark nav.v a.active.keyline-bottom { - box-shadow:0 -1px 0 0 rgba(0,0,0,0.5); - border-bottom-color:rgba(0,0,0,0.25); - } -.dark nav.v a { color:#fff; } - -/* UI: Notifications -------------------------------------------------------- */ -.note { - background:#f0f8fc; - padding:20px; - } - .note.error { background:#ee8a65; } - .note.warning { background:#f1f075; } - -.prose .note, -.note.prose { - margin-bottom:20px; - } - -.note pre { background:#fff; } - -/* Fills */ -.fill-gray, -.fill-grey { background:#eee; } -.fill-grey-dark, -.fill-gray-dark { background:#404040; } -.fill-white { background:#fff; } -.fill-light { background:#f8f8f8; } -.fill-blue { background:#3887be; } -.fill-denim { background:#3c4e5a; } -.fill-navy { background:#28353d; } -.fill-navy-dark { background:#222B30; } -.fill-purple { background:#8a8acb; } -.fill-green { background:#b5d378; } -.fill-yellow { background:#f1f075; } - -.fill-darken0 { background:rgba(0,0,0,0.05); } -.fill-darken1 { background:rgba(0,0,0,0.25); } -.fill-darken2 { background:rgba(0,0,0,0.50); } -.fill-darken3 { background:rgba(0,0,0,0.75); } - -.fill-lighten0 { background:rgba(255,255,255,0.10); } -.fill-lighten1 { background:rgba(255,255,255,0.25); } -.fill-lighten2 { background:rgba(255,255,255,0.50); } - -.mb-logo { - background:#fff; - padding-top:10px; - padding-bottom:10px; - position:relative; - z-index:10; - } - -.mb-logo { - background:transparent url(base.png) no-repeat 0px -20px; - display:inline-block; - vertical-align:middle; - height:60px; - width:160px; - text-indent:-999em; - overflow:hidden; - } - .mb-logo.white { background-position:0px -90px; } - .mb-logo.small { - width:105px; - height:30px; - background-position:0 -255px; - } - .mb-logo.small.white { - width:105px; - height:30px; - background-position:0 -315px; - } - -/* Spaceship logos */ -.mb-logo-app { - width:60px; - height:60px; - text-indent:-9999px; - overflow:hidden; - display:inline-block; - vertical-align:middle; - position:relative; - } - -.mb-logo-app:after { - background:transparent url(base.png) no-repeat 0 -170px; - position:absolute; - display:block; - content:''; - left:0px; - top:0px; - width:100%; - height:100%; - } - -.mb-logo, -.mb-logo-app:after { - -webkit-background-size:225px 350px; - background-size:225px 350px; - } - -/* Pygments Syntax Highlighting -------------------------------------------------------- */ -pre .hll { background-color:#ffffcc } - -/* No Styling, Just Default: - - pre .nx, Normal Text - pre .ni Name.Entity - pre .nf Name.Entity - pre .no Name.Constant -*/ - -/* Comments */ -pre .o, /* Operator */ -pre .c, -pre .c1, -pre .cp, -pre .cm { color:#999; font-style:italic; } -pre .err { color:#F00000; background-color:#F0A0A0 } /* Error */ - -pre .k { color:#404040; font-weight:bold; } /* Keyword */ -pre .css .k { font-weight:normal; } - -pre .cs { color:#404040; font-style:italic; } /* Comment.Special */ -pre .gd { color:#A00000; } /* Generic.Deleted */ -pre .ge { font-style:italic } /* Generic.Emph */ -pre .gs { font-weight:bold; } /* Generic.Strong */ -pre .gr { color:#FF0000; } /* Generic.Error */ -pre .gh { color:#000080; } /* Generic.Heading */ -pre .gi { color:#00A000; } /* Generic.Inserted */ -pre .go { color:#808080; } /* Generic.Output */ -pre .gp { color:#c65d09; } /* Generic.Prompt */ -pre .gu { color:#800080; } /* Generic.Subheading */ -pre .gt { color:#0040D0; } /* Generic.Traceback */ -pre .kc { color:#D24400; } /* Keyword.Constant */ - -/* Keyword.Declaration - * Keyword.Namespace - * Keyword.Reserved */ -pre .kd, -pre .kn, -pre .kr, -pre .nt { color:#0B5A91; } /* Name.Tag */ - -/* Literal.Number */ -pre .mh, -pre .mo, -pre .il, -pre .mi, -pre .kt, -pre .mf, -pre .nl, /* Name.Label */ -pre .na, /* Name.Attribute */ -pre .m { color:#0C9DC2; } /* Keyword.Type */ -pre .kp { color:#0080f0; } /* Keyword.Pseudo */ - -pre .nc { color:#DF6637; } /* Name.Class */ -pre .css .nc { color:#75A21C; } - -pre .nd { color:#505050; } /* Name.Decorator */ -pre .ne { color:#F00000; } /* Name.Exception */ - -pre .nn { color:#0e84b5; } /* Name.Namespace */ - -pre .nv { color:#003060; } /* Name.Variable */ -pre .ow { color:#404040; } /* Operator.Word */ -pre .w { color:#bbbbbb; } /* Text.Whitespace */ -pre .sc { color:#8080F0; } /* Literal.String.Char */ -pre .sd { color:#D04020; } /* Literal.String.Doc */ - -/* Name.Builtin / Name.Builtin.Pseudo */ -pre .bp, -pre .nb { color:#007020; } - -/* Literal.String */ -pre .s, -pre .sh, -pre .sb, -pre .s1, -pre .sr, -pre .se { color:#75A21C; } - -pre .si { background-color:#eee; } /* Literal.String.Interpol */ -pre .p { color:#444444; } /* Normal Text */ -pre .ss { color:#f0c080; } /* Literal.String.Symbol */ -pre .vc { color:#c0c0f0; } /* Name.Variable.Class */ -pre .vg { color:#f08040; } /* Name.Variable.Global */ -pre .vi { color:#a0a0f0; } /* Name.Variable.Instance */ - -/* CSS Animations/Transitions --------------------------------------------------- */ -.animate { - -webkit-transition:all .1s; - -moz-transition:all .1s; - -ms-transition:all .1s; - transition:all .1s; - } - -.offcanvas-top { - -webkit-transform:translateY(-100%); - -moz-transform:translateY(-100%); - -ms-transform:translateY(-100%); - transform:translateY(-100%); - } -.offcanvas-right { - -webkit-transform:translateX(100%); - -moz-transform:translateX(100%); - -ms-transform:translateX(100%); - transform:translateX(100%); - } -.offcanvas-bottom { - -webkit-transform:translateY(100%); - -moz-transform:translateY(100%); - -ms-transform:translateY(100%); - transform:translateY(100%); - } -.offcanvas-left { - -webkit-transform:translateX(-100%); - -moz-transform:translateX(-100%); - -ms-transform:translateX(-100%); - transform:translateX(-100%); - } - -.offcanvas-top.active, -.offcanvas-bottom.active, -.offcanvas-top:target, -.offcanvas-bottom:target { - -webkit-transform:translateY(0); - -moz-transform:translateY(0); - -ms-transform:translateY(0); - transform:translateY(0); - } - -.offcanvas-left.active, -.offcanvas-right.active, -.offcanvas-left:target, -.offcanvas-right:target { - -webkit-transform:translateX(0); - -moz-transform:translateX(0); - -ms-transform:translateX(0); - transform:translateX(0); - } - -.button.animate { - -webkit-transition:all .1s, background-color 0s, border-color 0s; - -moz-transition:all .1s, background-color 0s, border-color 0s; - -ms-transition:all .1s, background-color 0s, border-color 0s; - transition:all .1s, background-color 0s, border-color 0s; - } - -/* Sliding panes */ -.sliding { position:relative; } -.sliding > * { position:absolute; } -.sliding.h > * { - -webkit-transform:translateX(-100%); - -moz-transform:translateX(-100%); - -ms-transform:translateX(-100%); - transform:translateX(-100%); - } -.sliding.v > * { - -webkit-transform:translateY(-100%); - -moz-transform:translateY(-100%); - -ms-transform:translateY(-100%); - transform:translateY(-100%); - } -.sliding.h.active1 > *:nth-child( 1), -.sliding.h.active2 > *:nth-child( 2), -.sliding.h.active3 > *:nth-child( 3), -.sliding.h.active4 > *:nth-child( 4), -.sliding.h.active5 > *:nth-child( 5), -.sliding.h.active6 > *:nth-child( 6), -.sliding.h.active7 > *:nth-child( 7), -.sliding.h.active8 > *:nth-child( 8), -.sliding.h.active9 > *:nth-child( 9) { - -webkit-transform:translateX(0%); - -moz-transform:translateX(0%); - -ms-transform:translateX(0%); - transform:translateX(0%); - } -.sliding.h.active1 > *:nth-child( n+2), -.sliding.h.active2 > *:nth-child( n+3), -.sliding.h.active3 > *:nth-child( n+4), -.sliding.h.active4 > *:nth-child( n+5), -.sliding.h.active5 > *:nth-child( n+6), -.sliding.h.active6 > *:nth-child( n+7), -.sliding.h.active7 > *:nth-child( n+8), -.sliding.h.active8 > *:nth-child( n+9), -.sliding.h.active9 > *:nth-child(n+10) { - -webkit-transform:translateX(100%); - -moz-transform:translateX(100%); - -ms-transform:translateX(100%); - transform:translateX(100%); - } - -.sliding.v.active1 > *:nth-child( 1), -.sliding.v.active2 > *:nth-child( 2), -.sliding.v.active3 > *:nth-child( 3), -.sliding.v.active4 > *:nth-child( 4), -.sliding.v.active5 > *:nth-child( 5), -.sliding.v.active6 > *:nth-child( 6), -.sliding.v.active7 > *:nth-child( 7), -.sliding.v.active8 > *:nth-child( 8), -.sliding.v.active9 > *:nth-child( 9), -.sliding.v.active10> *:nth-child( 10), -.sliding.v.active11> *:nth-child( 11), -.sliding.v.active12> *:nth-child( 12), -.sliding.v.active13> *:nth-child( 13), -.sliding.v.active14> *:nth-child( 14), -.sliding.v.active15> *:nth-child( 15), -.sliding.v.active16> *:nth-child( 16), -.sliding.v.active17> *:nth-child( 17), -.sliding.v.active18> *:nth-child( 18), -.sliding.v.active19> *:nth-child( 19), -.sliding.v.active20> *:nth-child( 20) { - -webkit-transform:translateY(0%); - -moz-transform:translateY(0%); - -ms-transform:translateY(0%); - transform:translateY(0%); - } -.sliding.v.active1 > *:nth-child( n+2), -.sliding.v.active2 > *:nth-child( n+3), -.sliding.v.active3 > *:nth-child( n+4), -.sliding.v.active4 > *:nth-child( n+5), -.sliding.v.active5 > *:nth-child( n+6), -.sliding.v.active6 > *:nth-child( n+7), -.sliding.v.active7 > *:nth-child( n+8), -.sliding.v.active8 > *:nth-child( n+9), -.sliding.v.active9 > *:nth-child(n+10), -.sliding.v.active10> *:nth-child(n+11), -.sliding.v.active11> *:nth-child(n+12), -.sliding.v.active12> *:nth-child(n+13), -.sliding.v.active13> *:nth-child(n+14), -.sliding.v.active14> *:nth-child(n+15), -.sliding.v.active15> *:nth-child(n+16), -.sliding.v.active16> *:nth-child(n+17), -.sliding.v.active17> *:nth-child(n+18), -.sliding.v.active18> *:nth-child(n+19), -.sliding.v.active19> *:nth-child(n+20), -.sliding.v.active20> *:nth-child(n+21) { - -webkit-transform:translateY(100%); - -moz-transform:translateY(100%); - -ms-transform:translateY(100%); - transform:translateY(100%); - } - -/* Markup free clearing -Details: http://www.positioniseverything.net/easyclearing.html -------------------------------------------------------- */ -.clearfix { display:block; } -.clearfix:after { - content:'.'; - display:block; - height:0; - clear:both; - visibility:hidden; - } - -/* Additional Utility Classes -------------------------------------------------------- */ -.fr { float:right; } -.fl { float:left; } -.dot { border-radius:50%; } -.quiet { color:#7f7f7f; color: rgba(0,0,0,.5); } -.dark .quiet { color: #7f7f7f; color: rgba(255,255,255,.5);} -.center { text-align:center; } -.contain { position:relative; } -.clip { overflow:hidden; } -.hidden { display:none; } -.text-right { text-align:right; } -.space > * { margin-right:5px; } -.space-bottom1 { margin-bottom:10px; } -.space-bottom2, .space-bottom { margin-bottom:20px; } -.space-bottom4 { margin-bottom:40px; } -.hide-tablet, .hide-mobile { display:block; } -.show-tablet, .show-mobile { display:none; } -.show-mobile { display:none; } -img.inline, .inline { display:inline-block; } -.block { display:block; } - -.caption { - display:block; - } - .prose .caption { - text-align:center; - margin:-10px 0 30px; - } - -.truncate { - text-overflow:ellipsis; - white-space:nowrap; - overflow:hidden; - } - -/* Loading overlay -------------------------------------------------------- */ -.loading:after, -.loading:before { - content:''; - display:block; - position:absolute; - z-index:10; - } -.loading:before { - background:transparent; - left:0; - top:0; - width:100%; - height:100%; - } -.loading:after { - background:#444 url(spinner.gif) 50% 50% no-repeat; - left:50%; - top:50%; - margin:-20px 0 0 -20px; - width:40px; - height:40px; - border-radius:50%; - opacity:0.25; - } - -/* Small Screen Layout -------------------------------------------------------- */ -@media only screen and (max-width:900px) { - .limiter { width: 100%; padding: 0 20px;} -} - -/* Tablet Layout -------------------------------------------------------- */ -@media only screen and (max-width:770px) { - .hide-tablet { display:none; } - .show-tablet { display:block; } -} - -/* Mobile Layout -------------------------------------------------------- */ -@media only screen and (max-width:640px) { - a:link { -webkit-tap-highlight-color:rgba(0,0,0,0); } - label .inline a { font-weight:normal; } - [type=submit] { width:100%; } - - .row1 { height:auto; min-height: 40px;} - .row2 { height:auto; min-height: 80px;} - .row3 { height:auto; min-height: 120px;} - .row4 { height:auto; min-height: 160px;} - .row5 { height:auto; min-height: 200px;} - .row6 { height:auto; min-height: 240px;} - .row7 { height:auto; min-height: 280px;} - .row8 { height:auto; min-height: 320px;} - .row9 { height:auto; min-height: 360px;} - .row10 { height:auto; min-height: 400px;} - .row11 { height:auto; min-height: 440px;} - .row12 { height:auto; min-height: 480px;} - .row13 { height:auto; min-height: 520px;} - .row14 { height:auto; min-height: 560px;} - .row15 { height:auto; min-height: 600px;} - .row16 { height:auto; min-height: 640px;} - - .col1, - .col2, - .col3, - .col4, - .col5, - .col6, - .col7, - .col8, - .col9, - .col10, - .col11, - .col12 { width:100%; max-width:100%; } - .margin0, - .margin1, - .margin2, - .margin3, - .margin4, - .margin5, - .margin6, - .margin7, - .margin8, - .margin9, - .margin10, - .margin11, - .margin12 { margin-left:0; } - .pad4 { padding:20px; } - .pad8 { padding:40px 20px; } - .pad4y { padding-top:20px; padding-bottom:20px; } - .pad4x { padding-left:20px; padding-right:20px; } - .pad2 { padding:10px; } - .pad2y { padding-top:10px; padding-bottom:10px; } - .pad2x { padding-right:10px; padding-left:10px; } - .title { margin-bottom:10px; } - .space-bottom2, .space-bottom { margin-bottom:10px; } - .space-bottom4 { margin-bottom:20px; } - .hide-mobile { display:none!important; } - .show-mobile { display:block!important; } - - .pill:not(.mobile-cols) > * { - width:100%; - border-left-width:0; - border-bottom-width:1px; - } - .pill:not(.mobile-cols) > *:first-child, - .pill:not(.mobile-cols) > *:first-of-type { - border-radius:3px 3px 0 0; - } - .pill:not(.mobile-cols) > *:last-child, - .pill:not(.mobile-cols) > *:last-of-type { - border-bottom-width:0; - border-radius:0 0 3px 3px; - } - .tabs:not(.mobile-cols) > a { border-right-width:0; border-bottom-width:1px; } - .tabs:not(.mobile-cols) > a:last-child { border-bottom:none; } - - .mobile-cols > .col0 { float:left; width:04.1666%; } - .mobile-cols > .col1 { float:left; width:08.3333%; } - .mobile-cols > .col2 { float:left; width:16.6666%; } - .mobile-cols > .col3 { float:left; width:25.0000%; } - .mobile-cols > .col4 { float:left; width:33.3333%; } - .mobile-cols > .col5 { float:left; width:41.6666%; } - .mobile-cols > .col6 { float:left; width:50.0000%; } - .mobile-cols > .col7 { float:left; width:58.3333%; } - .mobile-cols > .col8 { float:left; width:66.6666%; } - .mobile-cols > .col9 { float:left; width:75.0000%; } - .mobile-cols > .col10 { float:left; width:83.3333%; } - .mobile-cols > .col11 { float:left; width:91.6666%; } - - .mobile-cols > .margin0 { margin-left:04.1666%; } - .mobile-cols > .margin1 { margin-left:08.3333%; } - .mobile-cols > .margin2 { margin-left:16.6666%; } - .mobile-cols > .margin3 { margin-left:25.0000%; } - .mobile-cols > .margin4 { margin-left:33.3333%; } - .mobile-cols > .margin5 { margin-left:41.6666%; } - .mobile-cols > .margin6 { margin-left:50.0000%; } - .mobile-cols > .margin7 { margin-left:58.3333%; } - .mobile-cols > .margin8 { margin-left:66.6666%; } - .mobile-cols > .margin9 { margin-left:75.0000%; } - .mobile-cols > .margin10 { margin-left:83.3333%; } - .mobile-cols > .margin11 { margin-left:91.6666%; } - .mobile-cols > .margin12 { margin-left:100.0000%; } - - /* Anchor icon adds noise to the page on smaller displays */ - .doc h1[id]:before, - .doc h2[id]:before, - .doc h3[id]:before, - .doc h4[id]:before { visibility:hidden; } - } - -/* Retina Screens @2x icons -------------------------------------------------------- */ -@media - (-webkit-min-device-pixel-ratio:2), - (min-resolution:192dpi) { - .mb-logo, - .mb-logo-app:after, - .mb-logo-thumb:after { - background-image:url(base@2x.png); - } - .doc h1[id]:before, - .doc h2[id]:before, - .doc h3[id]:before, - .doc h4[id]:before, - .rcon:after, - .icon:before { - background-image:url(icon-000000@2x.png); - } - .credit-card { - background-image:url(credit-cards@2x.png); - } - a.icon:before, - a.rcon:after { - background-image:url(icon-3887be@2x.png); - } - .dark.tabs .rcon:after, - .dark.tabs .icon:before, - .dark .tabs .rcon:after, - .dark .tabs .icon:before, - .dark.rcon:after, - .dark.icon:before, - .dark .rcon:after, - .dark .icon:before, - .quiet.button.rcon:after, - .quiet.button.icon:before, - .quiet.button .rcon:after, - .quiet.button .icon:before, - .button .rcon:after, - .button .icon:before, - .button.rcon:after, - .button.icon:before { - background-image:url(icon-ffffff@2x.png); - } - .tabs .rcon:after, - .tabs .icon:before, - .quiet.rcon:after, - .quiet.icon:before, - .quiet .rcon:after, - .quiet .icon:before { - background-image:url(icon-000000@2x.png); - } -} - -/* Print -------------------------------------------------------- */ -@media print { - - /* Inline rules */ - body, input, textarea, p { - color:#000; - font:12px/20px 'Open Sans', sans-serif; - } - .prose a:after { content:' [' attr(href) '] '; } - - /* Cut pad rules in half, matches mobile rules */ - .pad4 { padding:20px; } - .pad8 { padding:40px 20px; } - .pad4y { padding-top:20px; padding-bottom:20px; } - .pad4x { padding-left:20px; padding-right:20px; } - .pad2 { padding:10px; } - .pad2y { padding-top:10px; padding-bottom:10px; } - .pad2x { padding-right:10px; padding-left:10px; } - - /* Icon sprites dont show up be default so kill'em */ - .rcon:after, .icon:before { width:0; height:0; } - - /* TODO Depreciate */ - .noprint { display:none; } - } diff --git a/css/base/latest/base.png b/css/base/latest/base.png deleted file mode 100644 index 1e91252..0000000 Binary files a/css/base/latest/base.png and /dev/null differ diff --git a/css/base/latest/base.svg b/css/base/latest/base.svg deleted file mode 100644 index 2c9e93a..0000000 --- a/css/base/latest/base.svg +++ /dev/null @@ -1,429 +0,0 @@ - - - - diff --git a/css/base/latest/base@2x.png b/css/base/latest/base@2x.png deleted file mode 100644 index 3a3002a..0000000 Binary files a/css/base/latest/base@2x.png and /dev/null differ diff --git a/css/base/latest/credit-cards.png b/css/base/latest/credit-cards.png deleted file mode 100644 index bc7c2a6..0000000 Binary files a/css/base/latest/credit-cards.png and /dev/null differ diff --git a/css/base/latest/credit-cards.svg b/css/base/latest/credit-cards.svg deleted file mode 100644 index 35ef644..0000000 --- a/css/base/latest/credit-cards.svg +++ /dev/null @@ -1,877 +0,0 @@ - - - - diff --git a/css/base/latest/credit-cards@2x.png b/css/base/latest/credit-cards@2x.png deleted file mode 100644 index 9552bc4..0000000 Binary files a/css/base/latest/credit-cards@2x.png and /dev/null differ diff --git a/css/base/latest/icon-000000.png b/css/base/latest/icon-000000.png deleted file mode 100644 index 8b0eb92..0000000 Binary files a/css/base/latest/icon-000000.png and /dev/null differ diff --git a/css/base/latest/icon-000000@2x.png b/css/base/latest/icon-000000@2x.png deleted file mode 100644 index 3293d80..0000000 Binary files a/css/base/latest/icon-000000@2x.png and /dev/null differ diff --git a/css/base/latest/icon-3887be.png b/css/base/latest/icon-3887be.png deleted file mode 100644 index f82ac43..0000000 Binary files a/css/base/latest/icon-3887be.png and /dev/null differ diff --git a/css/base/latest/icon-3887be@2x.png b/css/base/latest/icon-3887be@2x.png deleted file mode 100644 index e41544f..0000000 Binary files a/css/base/latest/icon-3887be@2x.png and /dev/null differ diff --git a/css/base/latest/icon-ffffff.png b/css/base/latest/icon-ffffff.png deleted file mode 100644 index dc9943e..0000000 Binary files a/css/base/latest/icon-ffffff.png and /dev/null differ diff --git a/css/base/latest/icon-ffffff@2x.png b/css/base/latest/icon-ffffff@2x.png deleted file mode 100644 index cbe4af7..0000000 Binary files a/css/base/latest/icon-ffffff@2x.png and /dev/null differ diff --git a/css/base/latest/icon.svg b/css/base/latest/icon.svg deleted file mode 100644 index 9164fe3..0000000 --- a/css/base/latest/icon.svg +++ /dev/null @@ -1,1362 +0,0 @@ - - - - diff --git a/css/base/latest/opensans-italic.eot b/css/base/latest/opensans-italic.eot deleted file mode 100755 index d933efa..0000000 Binary files a/css/base/latest/opensans-italic.eot and /dev/null differ diff --git a/css/base/latest/opensans-italic.woff b/css/base/latest/opensans-italic.woff deleted file mode 100755 index 5df5666..0000000 Binary files a/css/base/latest/opensans-italic.woff and /dev/null differ diff --git a/css/base/latest/opensans-regular.eot b/css/base/latest/opensans-regular.eot deleted file mode 100755 index daf8c42..0000000 Binary files a/css/base/latest/opensans-regular.eot and /dev/null differ diff --git a/css/base/latest/opensans-regular.woff b/css/base/latest/opensans-regular.woff deleted file mode 100755 index 89d6b5c..0000000 Binary files a/css/base/latest/opensans-regular.woff and /dev/null differ diff --git a/css/base/latest/opensans-semibold.eot b/css/base/latest/opensans-semibold.eot deleted file mode 100755 index 6d9367a..0000000 Binary files a/css/base/latest/opensans-semibold.eot and /dev/null differ diff --git a/css/base/latest/opensans-semibold.woff b/css/base/latest/opensans-semibold.woff deleted file mode 100755 index 8a77407..0000000 Binary files a/css/base/latest/opensans-semibold.woff and /dev/null differ diff --git a/css/base/latest/opensans-semibolditalic.eot b/css/base/latest/opensans-semibolditalic.eot deleted file mode 100755 index f39b573..0000000 Binary files a/css/base/latest/opensans-semibolditalic.eot and /dev/null differ diff --git a/css/base/latest/opensans-semibolditalic.woff b/css/base/latest/opensans-semibolditalic.woff deleted file mode 100755 index b66aabe..0000000 Binary files a/css/base/latest/opensans-semibolditalic.woff and /dev/null differ diff --git a/css/base/latest/spinner.gif b/css/base/latest/spinner.gif deleted file mode 100644 index 44a1d06..0000000 Binary files a/css/base/latest/spinner.gif and /dev/null differ diff --git a/index.html b/index.html index 3c9f7c4..97336b8 100644 --- a/index.html +++ b/index.html @@ -3,11 +3,15 @@