/*! // =========================================================== // HPSTR Jekyll Theme // By: Michael Rose // =========================================================== */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } blockquote { margin: 0; } img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } @media print { * { color: #000 !important; text-shadow: none !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]: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; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } body { margin-top: 26px; font-size: 16px; } ::-moz-selection { color: #222222; text-shadow: none; background-color: #c8c8c8; } ::selection { color: #222222; text-shadow: none; background-color: #c8c8c8; } .wrap { margin: 0 auto; } .all-caps { text-transform: uppercase; } .pull-left { float: left; } .pull-right { float: right; } .unstyled-list { padding-left: 0; margin-left: 0; list-style: none; } .unstyled-list li { list-style-type: none; } .inline-list { padding-left: 0; margin-left: 0; list-style: none; } .inline-list li { display: inline; list-style-type: none; } b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } body { font-family: 'Lato', Calibri, Arial, sans-serif; color: #222222; } h1, h2, h3, h4, h5, h6 { font-family: 'Lato', Calibri, Arial, sans-serif; } h1 { font-size: 32px; font-size: 2rem; } a { color: #222222; text-decoration: none; } a:visited { color: #555555; } a:hover { color: #000000; } a:focus { color: #000000; outline: thin dotted; } a:hover, a:active { outline: 0; } .link-arrow { font-style: normal; font-weight: 100; text-decoration: underline; } figcaption { padding-top: 10px; font-size: 14px; font-size: 0.875rem; line-height: 1.8571; line-height: 1.3; color: #3c3c3c; } .notice { padding: .5em 1em; margin-top: 1.5em; font-size: 14px; font-size: 0.875rem; text-indent: 0; background-color: #e8e8e8; border: 1px solid #b5b5b5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } blockquote { font-family: serif; font-size: 18px; font-size: 1.125rem; font-style: italic; line-height: 1.4444; } @media only screen and (min-width: 48em) { blockquote { padding-left: 20px; margin-left: -28px; font-size: 24px; font-size: 1.5rem; line-height: 1.0833; border-left: 8px solid #bbbbbb; } } .entry-content .footnotes ol, .entry-content .footnotes li, .entry-content .footnotes p { margin-bottom: 26px; margin-bottom: 1.625rem; font-size: 14px; font-size: 0.875rem; line-height: 1.8571; } tt, code, kbd, samp, pre { font-family: monospace; } p code, li code { padding: 0 5px; margin: 0 2px; font-size: 12px; font-size: 0.75rem; line-height: 1.5; white-space: nowrap; background-color: #f2f2f2; border: 1px solid #e6e6e6; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } pre { overflow-x: auto; font-size: 12px; font-size: 0.75rem; line-height: 1.5; } pre::-webkit-scrollbar { height: 12px; background-color: #34362e; border-radius: 0 0 4px 4px; } pre::-webkit-scrollbar-thumb:horizontal { background-color: #6a6d5d; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .highlight { margin-bottom: 1.5em; font-size: 12px; font-size: 0.75rem; line-height: 2.1667; color: #d0d0d0; background-color: #272822; border: 1px solid #dbdbdb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .highlight pre { position: relative; padding: 1em; margin: 0; } .highlight .lineno { padding-right: 24px; color: #8f908a; } .highlight .hll { background-color: #49483e; } .highlight .c { color: #75715e; } .highlight .err { color: #960050; background-color: #1e0010; } .highlight .k { color: #66d9ef; } .highlight .l { color: #ae81ff; } .highlight .n { color: #f8f8f2; } .highlight .o { color: #f92672; } .highlight .p { color: #f8f8f2; } .highlight .cm { color: #75715e; } .highlight .cp { color: #75715e; } .highlight .c1 { color: #75715e; } .highlight .cs { color: #75715e; } .highlight .ge { font-style: italic; } .highlight .gs { font-weight: bold; } .highlight .kc { color: #66d9ef; } .highlight .kd { color: #66d9ef; } .highlight .kn { color: #f92672; } .highlight .kp { color: #66d9ef; } .highlight .kr { color: #66d9ef; } .highlight .kt { color: #66d9ef; } .highlight .ld { color: #e6db74; } .highlight .m { color: #ae81ff; } .highlight .s { color: #e6db74; } .highlight .na { color: #a6e22e; } .highlight .nb { color: #f8f8f2; } .highlight .nc { color: #a6e22e; } .highlight .no { color: #66d9ef; } .highlight .nd { color: #a6e22e; } .highlight .ni { color: #f8f8f2; } .highlight .ne { color: #a6e22e; } .highlight .nf { color: #a6e22e; } .highlight .nl { color: #f8f8f2; } .highlight .nn { color: #f8f8f2; } .highlight .nx { color: #a6e22e; } .highlight .py { color: #f8f8f2; } .highlight .nt { color: #f92672; } .highlight .nv { color: #f8f8f2; } .highlight .ow { color: #f92672; } .highlight .w { color: #f8f8f2; } .highlight .mf { color: #ae81ff; } .highlight .mh { color: #ae81ff; } .highlight .mi { color: #ae81ff; } .highlight .mo { color: #ae81ff; } .highlight .sb { color: #e6db74; } .highlight .sc { color: #e6db74; } .highlight .sd { color: #e6db74; } .highlight .s2 { color: #e6db74; } .highlight .se { color: #ae81ff; } .highlight .sh { color: #e6db74; } .highlight .si { color: #e6db74; } .highlight .sx { color: #e6db74; } .highlight .sr { color: #e6db74; } .highlight .s1 { color: #e6db74; } .highlight .ss { color: #e6db74; } .highlight .bp { color: #f8f8f2; } .highlight .vc { color: #f8f8f2; } .highlight .vg { color: #f8f8f2; } .highlight .vi { color: #f8f8f2; } .highlight .il { color: #ae81ff; } .CodeRay { margin-bottom: 1.5em; font-family: monospace; font-size: 12px; font-size: 0.75rem; line-height: 2.1667; color: #d0d0d0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .CodeRay .code pre { padding: 1em; margin: 0; background-color: #272822; border: 1px solid #dbdbdb; } span.CodeRay { padding: 2px; white-space: pre; border: 0; } table.CodeRay { width: 100%; padding: 2px; border-collapse: collapse; } table.CodeRay td { padding: 1em 0.5em; vertical-align: top; } .CodeRay .line-numbers, .CodeRay .no { color: #8f908a; text-align: right; } .CodeRay .line-numbers a { color: #8f908a; } .CodeRay .line-numbers tt { font-weight: bold; } .CodeRay .line-numbers .highlighted { color: #ff0000; } .CodeRay .line { display: block; float: left; width: 100%; } .CodeRay span.line-numbers { padding: 0 24px 0 4px; } .CodeRay .code { width: 100%; } ol.CodeRay { font-size: 10pt; } ol.CodeRay li { white-space: pre; } .CodeRay .code pre { overflow: auto; } .CodeRay .debug { color: white ! important; background: blue ! important; } .CodeRay .doctype, .CodeRay .key, .CodeRay .instance-variable { color: #f8f8f2; } .CodeRay .attribute-name { color: #a6e22e; } .CodeRay .symbol, .CodeRay .integer, .CodeRay .float { color: #ff658b; } .CodeRay .string { color: #2dc900; } .CodeRay .keyword { color: #66d9ef; } .CodeRay .function, .CodeRay .class { color: #a6e22e; } .CodeRay .regexp, .CodeRay .constant, .CodeRay .tag { color: #f92672; } .CodeRay .modifier, .CodeRay .predefined-constant { color: #ff84e4; } .CodeRay .comment { color: #75715e; } .CodeRay .error { color: #ecc; } .CodeRay .content { color: #e6db74; } .CodeRay .delimiter { color: #e6db74; } .CodeRay .inline { color: #e6db74; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .hidden { display: none; visibility: hidden; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } hr { display: block; height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #fff; } figure { padding-top: 10px; padding-bottom: 10px; margin: 0; *zoom: 1; } figure:before, figure:after { display: table; line-height: 0; content: ""; } figure:after { clear: both; } figure img { margin-bottom: 10px; } figure a img { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; } figure a img:hover { -webkit-transform: translate(0, -5px); -moz-transform: translate(0, -5px); -ms-transform: translate(0, -5px); -o-transform: translate(0, -5px); transform: translate(0, -5px); -webkit-box-shadow: 0 0 10px rgba(34, 34, 34, 0.2); -moz-box-shadow: 0 0 10px rgba(34, 34, 34, 0.2); box-shadow: 0 0 10px rgba(34, 34, 34, 0.2); } @media only screen and (min-width: 62.5em) { figure.half img { float: left; width: 310px; margin-right: 10px; } figure.half figcaption { clear: left; } } @media only screen and (min-width: 62.5em) { figure.third img { float: left; width: 200px; margin-right: 10px; } figure.third figcaption { clear: left; } } svg:not(:root) { overflow: hidden; } .btn { display: inline-block; padding: 8px 20px; margin-bottom: 20px; font-size: 14px; font-size: 0.875rem; color: #ffffff; background-color: #222222; border-color: #222222; border-style: solid !important; border-width: 2px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn:visited { color: #ffffff; } .btn:hover { color: #222222; background-color: #ffffff; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; } .btn-success:visited { color: #ffffff; } .btn-success:hover { color: #5cb85c; background-color: #ffffff; } .btn-warning { color: #ffffff; background-color: #dd8338; border-color: #dd8338; } .btn-warning:visited { color: #ffffff; } .btn-warning:hover { color: #dd8338; background-color: #ffffff; } .btn-danger { color: #ffffff; background-color: #c64537; border-color: #c64537; } .btn-danger:visited { color: #ffffff; } .btn-danger:hover { color: #c64537; background-color: #ffffff; } .btn-info { color: #ffffff; background-color: #308cbc; border-color: #308cbc; } .btn-info:visited { color: #ffffff; } .btn-info:hover { color: #308cbc; background-color: #ffffff; } .well { padding: 20px; border: 1px solid #222222; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes drop { 0% { -webkit-transform: translateY(-500px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes drop { 0% { -moz-transform: translateY(-500px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes drop { 0% { -o-transform: translateY(-500px); } 100% { -o-transform: translateY(0); } } @keyframes drop { 0% { transform: translateY(-500px); } 100% { transform: translateY(0); } } .drop { -webkit-animation-name: drop; -moz-animation-name: drop; -o-animation-name: drop; animation-name: drop; } .dl-menuwrapper { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; -moz-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } @media only screen and (min-width: 48em) { .dl-menuwrapper { position: fixed; top: 25px; left: 25px; max-width: 175px; } } .dl-menuwrapper button { position: relative; top: 0; left: 0; width: 48px; height: 45px; overflow: hidden; text-indent: -900em; cursor: pointer; background: #222222; border: none; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; outline: none; opacity: 0.6; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } @media only screen and (min-width: 48em) { .dl-menuwrapper button { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #aaa; } .dl-menuwrapper button:after { position: absolute; top: 10px; left: 16%; width: 68%; height: 5px; background: #ffffff; content: ''; box-shadow: 0 10px 0 #ffffff, 0 20px 0 #ffffff; } .dl-menuwrapper button.dl-active { display: none; } .dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .dl-menuwrapper li { position: relative; } .dl-menuwrapper li h4 { padding: 15px 20px 0; margin: 0; color: rgba(255, 255, 255, 0.9); } .dl-menuwrapper li p { padding: 15px 20px; margin: 0; font-size: 12px; font-size: 0.75rem; color: rgba(255, 255, 255, 0.8); } .dl-menuwrapper li p a { display: inline; padding: 0; font-size: 12px; font-size: 0.75rem; } .dl-menuwrapper li i { display: inline-block; width: 2em; } .dl-menuwrapper li a { position: relative; display: block; padding: 15px 20px; font-size: 14px; font-size: 0.875rem; font-weight: 300; line-height: 20px; color: #ffffff; outline: none; } .dl-menuwrapper li .dl-back > a { padding-left: 30px; background: rgba(0, 0, 0, 0.2); } .dl-menuwrapper li .dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; font-family: 'fontawesome'; -webkit-font-smoothing: antialiased; line-height: 50px; color: #ffffff; content: "\f105"; speak: none; } .dl-menuwrapper li .dl-back:after { left: 10px; color: rgba(212, 204, 198, 0.5); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } .dl-menuwrapper li > a:after { right: 10px; color: rgba(0, 0, 0, 0.15); } .dl-menuwrapper .dl-menu { position: absolute; width: 100%; max-width: 400px; margin: 0; pointer-events: none; opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.35); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } @media only screen and (min-width: 48em) { .dl-menuwrapper .dl-menu { max-height: 650px; overflow-y: auto; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } } .dl-menuwrapper .dl-menu.dl-menu-toggle { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .dl-menuwrapper .dl-menu.dl-menuopen { pointer-events: auto; opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .dl-menuwrapper .dl-submenu { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.35); } .dl-menuwrapper li .dl-submenu { display: none; } /* When a submenu is openend, we will hide all li siblings. For that we give a class to the parent menu called "dl-subview". We also hide the submenu link. The opened submenu will get the class "dl-subviewopen". All this is done for any sub-level being entered. */ .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none; } .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; } /* Animation classes for moving out and in */ .dl-menu.dl-animate-out { -webkit-animation: MenuAnimOut 0.4s ease; -moz-animation: MenuAnimOut 0.4s ease; animation: MenuAnimOut 0.4s ease; } @-webkit-keyframes MenuAnimOut { 100% { opacity: 0; -webkit-transform: translateZ(300px); } } @-moz-keyframes MenuAnimOut { 100% { opacity: 0; -moz-transform: translateZ(300px); } } @keyframes MenuAnimOut { 100% { opacity: 0; transform: translateZ(300px); } } .dl-menu.dl-animate-in { -webkit-animation: MenuAnimIn 0.4s ease; -moz-animation: MenuAnimIn 0.4s ease; animation: MenuAnimIn 0.4s ease; } @-webkit-keyframes MenuAnimIn { 0% { opacity: 0; -webkit-transform: translateZ(300px); } 100% { opacity: 1; -webkit-transform: translateZ(0); } } @-moz-keyframes MenuAnimIn { 0% { opacity: 0; -moz-transform: translateZ(300px); } 100% { opacity: 1; -moz-transform: translateZ(0); } } @keyframes MenuAnimIn { 0% { opacity: 0; transform: translateZ(300px); } 100% { opacity: 1; transform: translateZ(0); } } .dl-menuwrapper > .dl-submenu.dl-animate-in { -webkit-animation: SubMenuAnimIn 0.4s ease; -moz-animation: SubMenuAnimIn 0.4s ease; animation: SubMenuAnimIn 0.4s ease; } @-webkit-keyframes SubMenuAnimIn { 0% { opacity: 0; -webkit-transform: translateZ(-300px); } 100% { opacity: 1; -webkit-transform: translateZ(0); } } @-moz-keyframes SubMenuAnimIn { 0% { opacity: 0; -moz-transform: translateZ(-300px); } 100% { opacity: 1; -moz-transform: translateZ(0); } } @keyframes SubMenuAnimIn { 0% { opacity: 0; transform: translateZ(-300px); } 100% { opacity: 1; transform: translateZ(0); } } .dl-menuwrapper > .dl-submenu.dl-animate-out { -webkit-animation: SubMenuAnimOut 0.4s ease; -moz-animation: SubMenuAnimOut 0.4s ease; animation: SubMenuAnimOut 0.4s ease; } @-webkit-keyframes SubMenuAnimOut { 0% { opacity: 1; -webkit-transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-300px); } } @-moz-keyframes SubMenuAnimOut { 0% { opacity: 1; -moz-transform: translateZ(0); } 100% { opacity: 0; -moz-transform: translateZ(-300px); } } @keyframes SubMenuAnimOut { 0% { opacity: 1; transform: translateZ(0); } 100% { opacity: 0; transform: translateZ(-300px); } } /* No Touch Fallback */ .no-touch .dl-menuwrapper li a:hover { background: rgba(255, 248, 213, 0.1); } /* No JS Fallback */ .no-js .dl-trigger { display: none; } .no-js .dl-menuwrapper .dl-menu { position: relative; pointer-events: auto; opacity: 1; -webkit-transform: none; -moz-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0, 0, 0, 0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #222222; } .dl-menu li { display: none; } .dl-menuopen li { display: block; } /*! * Font Awesome 3.2.0 * the iconic font designed for Bootstrap * ------------------------------------------------------------------------------ * The full suite of pictographic icons, examples, and documentation can be * found at http://fontawesome.io. Stay up to date on Twitter at * http://twitter.com/fontawesome. * * License * ------------------------------------------------------------------------------ * - The Font Awesome font is licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - * http://opensource.org/licenses/mit-license.html * - Font Awesome documentation licensed under CC BY 3.0 - * http://creativecommons.org/licenses/by/3.0/ * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy - http://fontawesome.io" * * Author - Dave Gandy * ------------------------------------------------------------------------------ * Email: dave@fontawesome.io * Twitter: http://twitter.com/byscuits * Work: Lead Product Designer @ Kyruus - http://kyruus.com */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; font-style: normal; font-weight: normal; src: url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.eot?v=3.2.0'); src: url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'), url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.woff?v=3.2.0') format('woff'), url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'), url('//netdna.bootstrapcdn.com/font-awesome/3.2.0/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg'); } /* FONT AWESOME CORE * -------------------------- */ [class^="icon-"], [class*=" icon-"] { *margin-right: .3em; font-family: FontAwesome; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; text-decoration: inherit; } [class^="icon-"]:before, [class*=" icon-"]:before { display: inline-block; text-decoration: inherit; cursor: default; speak: none; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { font-size: 1.3333333333333333em; vertical-align: -10%; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"] { display: inline; } /* increased font size for icon-large */ [class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.1428571428571428em; padding-right: 0.2857142857142857em; text-align: right; } [class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large { width: 1.4285714285714286em; } .icons-ul { margin-left: 2.142857142857143em; list-style-type: none; } .icons-ul > li { position: relative; } .icons-ul .icon-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; line-height: inherit; text-align: center; } [class^="icon-"].hide, [class*=" icon-"].hide { display: none; } .icon-muted { color: #eeeeee; } .icon-light { color: #ffffff; } .icon-dark { color: #333333; } .icon-border { padding: .2em .25em .15em; border: solid 1px #eeeeee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .icon-2x { font-size: 2em; } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .icon-3x { font-size: 3em; } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .icon-4x { font-size: 4em; } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .icon-5x { font-size: 5em; } .icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .pull-right { float: right; } .pull-left { float: left; } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em; } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em; } /* BOOTSTRAP SPECIFIC CLASSES * -------------------------- */ /* Bootstrap 2.0 sprites.less reset */ [class^="icon-"], [class*=" icon-"] { display: inline; width: auto; height: auto; margin-top: 0; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0 0%; background-repeat: repeat; } /* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } /* keeps Bootstrap styles with and without icons the same */ .btn [class^="icon-"].icon-large, .nav [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block; } .nav-tabs [class^="icon-"], .nav-pills [class^="icon-"], .nav-tabs [class*=" icon-"], .nav-pills [class*=" icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-pills [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class*=" icon-"].icon-large { line-height: .9em; } .btn [class^="icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em; } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em; } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em; } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em; } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em; } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em; } /* EXTRAS * -------------------------- */ /* Stacked and layered icon */ .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35%; } .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] { position: absolute; display: block; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em; text-align: center; } .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em; } /* Animated rotating icon */ .icon-spin { display: inline-block; -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } a .icon-spin { display: inline-block; text-decoration: none; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* Icon rotations and mirroring */ .icon-rotate-90:before { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .icon-rotate-180:before { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .icon-rotate-270:before { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .icon-flip-horizontal:before { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); } .icon-flip-vertical:before { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1); } /* ensure rotation occurs inside anchor tags */ a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before { display: inline-block; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-alt:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-power-off:before, .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-alt:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up-alt:before { content: "\f087"; } .icon-thumbs-down-alt:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-unchecked:before, .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-text-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-collapse:before { content: "\f150"; } .icon-collapse-top:before { content: "\f151"; } .icon-expand:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-renminbi:before, .icon-cny:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-by-alphabet:before { content: "\f15d"; } .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .icon-sort-by-attributes:before { content: "\f160"; } .icon-sort-by-attributes-alt:before { content: "\f161"; } .icon-sort-by-order:before { content: "\f162"; } .icon-sort-by-order-alt:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-sign:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-sign:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stackexchange:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-sign:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-sign:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun:before { content: "\f185"; } .icon-moon:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } body { width: 100%; padding: 0; margin: 0; background-color: #e8e8e8; } .entry, .hentry { *zoom: 1; } .entry:before, .hentry:before, .entry:after, .hentry:after { display: table; line-height: 0; content: ""; } .entry:after, .hentry:after { clear: both; } .entry-content { margin-bottom: 26px; margin-bottom: 1.625rem; font-size: 16px; font-size: 1rem; line-height: 1.625; } .entry-content p > a, .entry-content li > a { border-bottom: 1px dotted #a2a2a2; } .entry-content p > a:hover, .entry-content li > a:hover { border-bottom-style: solid; } .entry-header { position: relative; width: 100%; overflow: hidden; } .header-title { margin: 30px 0 0; text-align: center; } .header-title h1 { margin: 10px 20px; font-size: 28px; font-size: 1.75rem; font-weight: 700; color: #555555; } @media only screen and (min-width: 48em) { .header-title h1 { font-size: 48px; font-size: 3rem; } } @media only screen and (min-width: 62.5em) { .header-title h1 { font-size: 60px; font-size: 3.75rem; } } .header-title h2 { margin: 0; font-size: 18px; font-size: 1.125rem; color: #888888; text-transform: uppercase; } @media only screen and (min-width: 48em) { .header-title h2 { font-size: 30px; font-size: 1.875rem; } } .feature .header-title { position: absolute; top: 0; display: table; width: 100%; height: 400px; margin-top: 0; overflow: hidden; } .feature .header-title .header-title-wrap { display: table-cell; margin: 0 auto; text-align: center; vertical-align: middle; } .feature .header-title h1 { margin: 10px; margin: 10px 60px; font-weight: 700; color: #ffffff; text-shadow: 1px 1px 4px rgba(34, 34, 34, 0.6); } .feature .header-title h1 a { color: #ffffff; } @media only screen and (min-width: 62.5em) { } .feature .header-title h2 { margin: 0; color: #ffffff; text-transform: uppercase; } @media only screen and (min-width: 48em) { .feature .header-title h2 a { color: #ffffff; } } .entry-image { position: relative; top: -50%; left: -50%; width: 200%; height: 200%; min-height: 400px; overflow: hidden; } .entry-image:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(34, 34, 34, 0.3); content: ''; } .entry-image img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; min-width: 50%; min-height: 50%; margin: auto; } .image-credit { position: absolute; right: 0; bottom: 0; z-index: 10; max-width: 440px; padding: 10px 15px; margin: 0 auto; font-size: 12px; font-size: 0.75rem; color: #ffffff; text-align: right; background-color: rgba(34, 34, 34, 0.5); -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } @media only screen and (min-width: 48em) { .image-credit { max-width: 760px; } } @media only screen and (min-width: 62.5em) { .image-credit { max-width: 960px; } } .image-credit a { color: #ffffff; text-decoration: none; } .entry-meta { font-size: 12px; font-size: 0.75rem; color: #bbbbbb; text-transform: uppercase; } .entry-meta a { color: #bbbbbb; } .entry-meta .vcard:before { content: " by "; } .entry-meta .tag { display: inline-block; padding: 2px 6px; margin: 4px; color: #ffffff; background-color: #bbbbbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .entry-meta .tag span { font-size: 10px; font-size: 0.625rem; vertical-align: super; } .entry-meta .tag:hover { background-color: #a2a2a2; } .entry-meta .tag:active { -webkit-transform: translate(0, 1px); -moz-transform: translate(0, 1px); -ms-transform: translate(0, 1px); -o-transform: translate(0, 1px); transform: translate(0, 1px); -webkit-box-shadow: 0 0 1px rgba(34, 34, 34, 0.2); -moz-box-shadow: 0 0 1px rgba(34, 34, 34, 0.2); box-shadow: 0 0 1px rgba(34, 34, 34, 0.2); } #post .entry-content, #page .entry-content { padding: 10px 15px; margin: 40px 2px 20px 2px; background-color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 0 0, 0 6px 12px rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 48em) { #post .entry-content, #page .entry-content { padding: 20px 30px; margin-right: 10px; margin-left: 10px; } } @media only screen and (min-width: 62.5em) { #post .entry-content, #page .entry-content { max-width: 800px; padding: 50px 80px; margin: 50px auto 30px auto; } #post .entry-content > p:first-child, #page .entry-content > p:first-child { margin-bottom: 26px; margin-bottom: 1.625rem; font-size: 20px; font-size: 1.25rem; line-height: 1.3; } } #post #disqus_thread, #page #disqus_thread { padding: 10px 15px; margin: 40px 2px 20px 2px; background-color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 0 1px rgba(187, 187, 187, 0.1), 0 6px 12px rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 48em) { #post #disqus_thread, #page #disqus_thread { padding: 20px 30px; margin-right: 10px; margin-left: 10px; } } @media only screen and (min-width: 62.5em) { #post #disqus_thread, #page #disqus_thread { max-width: 800px; padding: 50px 80px; margin: 0 auto 30px auto; } } #post .entry-meta, #page .entry-meta { margin: 50px 30px 30px; text-align: center; } .entry-tags { display: block; margin-bottom: 6px; } .pagination { margin: 20px 10px; text-align: center; } .pagination ul { display: inline; margin-right: 10px; margin-left: 10px; } .pagination li { padding-right: 4px; padding-left: 4px; } .pagination .current-page { font-weight: 700; } .read-more { position: relative; padding: 40px 15px 25px; margin: 40px 2px 20px 2px; text-align: center; background-color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; *zoom: 1; box-shadow: 0 0 0 1px rgba(187, 187, 187, 0.1), 0 6px 12px rgba(0, 0, 0, 0.1); } @media only screen and (min-width: 48em) { .read-more { padding: 50px 40px 25px; margin: 50px 10px 20px 10px; } } @media only screen and (min-width: 62.5em) { .read-more { max-width: 800px; padding: 50px 80px; margin: 60px auto; } } .read-more:before, .read-more:after { display: table; line-height: 0; content: ""; } .read-more:after { clear: both; } .read-more-header { position: absolute; top: -20px; right: 0; left: 0; height: 35px; } .read-more-header a { display: inline-block; padding: 8px 20px; margin-bottom: 20px; font-size: 14px; font-size: 0.875rem; color: #ffffff; background-color: #222222; border-color: #222222; border-style: solid !important; border-width: 2px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .read-more-header a:visited { color: #ffffff; } .read-more-header a:hover { color: #222222; background-color: #ffffff; } .read-more-content { margin-bottom: 26px; margin-bottom: 1.625rem; font-size: 16px; font-size: 1rem; line-height: 1.625; } .read-more-content p > a, .read-more-content li > a { border-bottom: 1px dotted #a2a2a2; } .read-more-content p > a:hover, .read-more-content li > a:hover { border-bottom-style: solid; } .read-more-content h3 { margin: 0; font-size: 28px; font-size: 1.75rem; } .read-more-content h3 a { color: #222222; } @media only screen and (min-width: 48em) { .read-more-content h3 { font-size: 36px; font-size: 2.25rem; } } .read-more-list { border-top: solid 1px #bbbbbb; } .list-item { width: 100%; text-align: left; } .list-item h4 { margin-bottom: 0; font-size: 18px; font-size: 1.125rem; } .list-item span { display: block; font-size: 14px; font-size: 0.875rem; color: #a2a2a2; } @media only screen and (min-width: 48em) { .list-item { float: left; width: 49%; } .list-item:nth-child(2) { text-align: right; } } #post-index #main { margin: 40px 2px 20px 2px; } @media only screen and (min-width: 48em) { #post-index #main { margin-right: 20px; margin-left: 20px; } } @media only screen and (min-width: 62.5em) { #post-index #main { max-width: 800px; margin-top: 50px; margin-right: auto; margin-left: auto; } } #post-index article { padding: 25px 15px; margin-bottom: 20px; background-color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 0 0, 0 6px 12px rgba(34, 34, 34, 0.1); } @media only screen and (min-width: 48em) { #post-index article { padding: 30px; } } @media only screen and (min-width: 62.5em) { #post-index article { padding: 50px 80px; margin-bottom: 30px; } } .footer-wrapper { margin: 2em auto; color: #555555; text-align: center; *zoom: 1; } .footer-wrapper:before, .footer-wrapper:after { display: table; line-height: 0; content: ""; } .footer-wrapper:after { clear: both; } .footer-wrapper a { color: #555555; } .socialcount { font-size: 16px; font-size: 1rem; font-weight: 700; } .socialcount li { padding-right: 10px; padding-left: 10px; } .socialcount p > a, .socialcount li > a { border-bottom-width: 0; } .upgrade { padding: 10px; text-align: center; } #goog-fixurl ul { padding-left: 0; margin-left: 0; list-style: none; } #goog-fixurl ul li { list-style-type: none; } #goog-wm-qt { display: inline-block; width: auto; padding: 8px 20px; margin-right: 10px; margin-bottom: 20px; font-size: 14px; font-size: 0.875rem; color: #222222; background-color: #ffffff; border-color: #a2a2a2; border-style: solid !important; border-width: 2px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #goog-wm-sb { display: inline-block; padding: 8px 20px; margin-bottom: 20px; font-size: 14px; font-size: 0.875rem; color: #ffffff; background-color: #222222; border-color: #222222; border-style: solid !important; border-width: 2px !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #goog-wm-sb:visited { color: #ffffff; } #goog-wm-sb:hover { color: #222222; background-color: #ffffff; }