hackertours-theme/static/css/styles.css
2017-07-28 07:44:23 +02:00

1 line
No EOL
20 KiB
CSS

/*! typey | GPLv2 License | https://github.com/jptaranto/typey */*{box-sizing:border-box}html{font-size:137.5%;line-height:1.40909em;font-family:"Garamond Premier Pro","Adobe Garamond",Garamond,Charter,"Times New Roman",serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;min-height:100%}body{position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 1.40909rem);margin:0;padding:0;color:#000;background-color:#fff}body:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}@media (min-width:1111px){html{font-size:112.5%;line-height:1.38889em}}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}[hidden],template{display:none}a{color:#000;-webkit-text-decoration-skip:objects}:visited{color:#000}a:active{color:#c00}a:active:not(.button){background-color:transparent}a:active,a:hover{outline-width:0}.header__site-name,h1{font-size:1.27273rem;line-height:2.11364rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 2.11364rem);margin-top:1.40909rem;margin-bottom:1.40909rem}.header__site-name:after,h1:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}h2{font-size:1.18182rem;line-height:2.11364rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 2.11364rem);margin-top:1.40909rem;margin-bottom:1.40909rem}h2:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}h3{font-size:1.09091rem;line-height:2.11364rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 2.11364rem);margin-top:1.40909rem;margin-bottom:1.40909rem}h3:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}h4{font-size:1rem;line-height:1.40909rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 1.40909rem);margin-top:1.40909rem;margin-bottom:1.40909rem}h4:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}h5{font-size:.81818rem;line-height:1.40909rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 1.40909rem);margin-top:1.40909rem;margin-bottom:1.40909rem}h5:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}h6{font-size:.72727rem;line-height:1.40909rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 1.40909rem);margin-top:1.40909rem;margin-bottom:1.40909rem}h6:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}@media (min-width:666px){.header__site-name,h1{font-size:1.88889rem;line-height:2.81818rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 2.81818rem);margin-top:1.40909rem;margin-bottom:1.40909rem}.header__site-name:after,h1:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}h2{font-size:1.55556rem;line-height:2.11364rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 2.11364rem);margin-top:1.40909rem;margin-bottom:1.40909rem}h2:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}h3{font-size:1.22222rem;line-height:2.11364rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 2.11364rem);margin-top:1.40909rem;margin-bottom:1.40909rem}h3:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}h4{font-size:1rem;line-height:1.40909rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 1.40909rem);margin-top:1.40909rem;margin-bottom:1.40909rem}h4:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}h5{font-size:.88889rem;line-height:1.40909rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 1.40909rem);margin-top:1.40909rem;margin-bottom:1.40909rem}h5:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}h6{font-size:.77778rem;line-height:1.40909rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 1.40909rem);margin-top:1.40909rem;margin-bottom:1.40909rem}h6:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp,var{font-family:Menlo,"Ubuntu Mono","DejaVu Sans Mono","Courier New",Courier,monospace,sans-serif;font-size:1em}dfn{font-style:italic}mark{background-color:#fd0;color:#000}small{font-size:.81818rem}sub,sup{font-size:.72727rem;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}.divider,hr{margin:1.40909rem 0;border:0;border-top:1px solid #ccc}.divider>:first-child,hr>:first-child{margin-top:1.40909rem}blockquote{margin:1.40909rem 2rem}dl,menu,ol,ul{margin:1.40909rem 0}ol ol,ol ul,ul ol,ul ul{margin:0}dd{margin:0 0 0 44px}menu,ol,ul{padding:0 0 0 44px}figure{margin:1.40909rem 0}hr{box-sizing:content-box;height:0;overflow:visible}p,pre{margin:1.40909rem 0}img{border-style:none}img,svg{max-width:100%;height:auto}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{box-sizing:border-box;max-width:100%;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}input{overflow:visible}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}fieldset{padding:.49318rem .88068rem .91591rem;border:1px solid #ccc;margin:0 2px}legend{box-sizing:border-box;display:table;max-width:100%;white-space:normal;color:inherit;margin-left:-5px;padding:0 5px}label{display:block;font-weight:700}optgroup{font-weight:700}textarea{overflow:auto}table{margin:1.40909rem 0;border-collapse:collapse;border-spacing:0;width:100%}td,th{padding:0}.layout__page{max-width:960px}.layout__content,.layout__first-sidebar,.layout__footer,.layout__header,.layout__navigation,.layout__page-bottom,.layout__page-top,.layout__second-sidebar{padding:0 10px}@media (min-width:666px){.layout__content,.layout__first-sidebar,.layout__footer,.layout__header,.layout__navigation,.layout__page-bottom,.layout__page-top,.layout__second-sidebar{padding:0 20px}}@supports (display:grid){.layout__page{display:grid;grid-template-columns:[first-start] 1fr [last-end]}@media (min-width:666px){.layout__page{grid-template-rows:[head-start] auto [nav-start] auto [page-top-start] auto [main-start] 1fr [page-bottom-start] auto [footer-start] auto;min-height:100vh;margin:0 auto}.layout__sidebar-first{grid-template-columns:[first-start] 1fr [last-start] 2fr [last-end]}.layout__sidebar-second{grid-template-columns:[first-start] 2fr [last-start] 1fr [last-end]}.layout__sidebar-two{grid-template-columns:[first-start] 1fr [middle-start] 2fr [last-start] 1fr [last-end]}.layout__full{grid-column:first-start/last-end}.layout__first-sidebar{grid-column:first-start}.layout__header{grid-row:head-start}.layout__navigation{grid-row:nav-start}.layout__page-top{grid-row:page-top-start}.layout__content,.layout__first-sidebar,.layout__second-sidebar{grid-row:main-start}.layout__page-bottom{grid-row:page-bottom-start}.layout__footer{grid-row:footer-start}}}.box{margin-bottom:1.40909rem;border:5px solid #ccc;padding:1em}.box__title{margin:0}.box:focus,.box:hover{border-color:#000}.box--highlight{border-color:#000}.button,[type=reset],[type=submit],button,html [type=button]{-moz-appearance:button;-webkit-appearance:button}.button,[type=button],[type=reset],[type=submit],button{font-family:Futura,"Century Gothic",AppleGothic,sans-serif;margin-right:1.05682rem;margin-bottom:1.05682rem;display:inline-block;padding:2px 10px;line-height:inherit;text-decoration:none;cursor:pointer;color:#333;text-align:center;background-image:linear-gradient(#f6f6f6,#e2e2e2);border:1px solid #e4e4e4;border-left-color:#d2d2d2;border-right-color:#d2d2d2;border-bottom-color:#b4b4b4;border-radius:2px}.button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}.button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}.button:active,.button:focus,.button:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=reset]:active,[type=reset]:focus,[type=reset]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{text-decoration:none;color:#333}.button:active,[type=button]:active,[type=reset]:active,[type=submit]:active,button:active{border-color:#555;text-shadow:#333 0 -1px 0;background:#666;color:#fff}[disabled].button,[disabled][type=button],[disabled][type=reset],[disabled][type=submit],button[disabled]{cursor:default;color:#999;background-color:#eee;border-color:#eee;background-image:none;text-shadow:none}[disabled].button:active,[disabled].button:focus,[disabled].button:hover,[disabled][type=button]:active,[disabled][type=button]:focus,[disabled][type=button]:hover,[disabled][type=reset]:active,[disabled][type=reset]:focus,[disabled][type=reset]:hover,[disabled][type=submit]:active,[disabled][type=submit]:focus,[disabled][type=submit]:hover,button[disabled]:active,button[disabled]:focus,button[disabled]:hover{color:#999}.clearfix::before{content:'';display:table}.clearfix::after{content:'';display:table;clear:both}@media (min-width:666px){.header{display:flex}}.header__logo{margin:0 20px 0 0}.header__logo-image{vertical-align:bottom}.header__site-name{margin:0;display:inline-block}.header__site-link:link,.header__site-link:visited{color:#000;text-decoration:none}.header__site-link:focus,.header__site-link:hover{text-decoration:underline}@media (min-width:666px){.header__region{margin-left:auto}}.hidden,html.js .js-hidden{display:none}.highlight-mark{color:#c00;background-color:transparent}.inline-links{padding:0}.inline-links__item{display:inline;list-style-type:none;padding:0 1em 0 0}.inline-sibling{display:inline;margin-right:10px}.inline-sibling *,.inline-sibling__child{display:inline}.inline-sibling+*,.inline-sibling+*>:first-child,.inline-sibling+*>:first-child>:first-child,.inline-sibling__adjacent{display:inline}.responsive-video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.responsive-video iframe,.responsive-video__embed{position:absolute;top:0;left:0;width:100%;height:100%}.responsive-video--4-3{padding-bottom:75%}.breadcrumb__title,.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);word-wrap:normal}.visually-hidden--focusable:active,.visually-hidden--focusable:focus,.visually-hidden--off{position:static!important;clip:auto;height:auto;width:auto;overflow:visible}.watermark{font-family:Impact,"Arial Narrow",Helvetica,sans-serif;font-weight:700;text-transform:uppercase;display:block;height:0;overflow:visible;background-color:transparent;color:#eee;font-size:75px;line-height:1;text-align:center;text-shadow:0 0 1px rgba(0,0,0,.1);word-wrap:break-word}.layout__content,.layout__first-sidebar,.layout__footer,.layout__header,.layout__navigation,.layout__page-bottom,.layout__page-top,.layout__second-sidebar,.wireframe{outline:1px solid #ccc!important}.breadcrumb__list{margin:0;padding:0}.breadcrumb__item{display:inline;list-style-type:none;margin:0;padding:0}.more-link{text-align:right}.more-link__help-icon{padding:1px 0 1px 20px;background-image:url(navigation/more-link/more-link__help-icon.svg);background-position:0 50%;background-repeat:no-repeat}.nav-menu__item{list-style-image:url(navigation/nav-menu/leaf.svg);list-style-type:square}.nav-menu__item--is-expanded,.nav-menu__item.is-expanded{list-style-image:url(navigation/nav-menu/expanded.svg);list-style-type:circle}.nav-menu__item--is-collapsed,.nav-menu__item.is-collapsed{list-style-image:url(navigation/nav-menu/collapsed.svg);list-style-type:disc}.nav-menu__link--is-active,.nav-menu__link.is-active{color:#000}.navbar{display:flex;margin:0;padding:0;text-align:left}.navbar li,.navbar__item{padding:0 10px 0 0;list-style-type:none;list-style-image:none}.pager{clear:both;padding:0;text-align:center}.pager-current,.pager-ellipsis,.pager-first,.pager-item,.pager-last,.pager-next,.pager-previous,.pager__current-item,.pager__item{display:inline;padding:0 .5em;list-style-type:none;background-image:none}.pager-current,.pager__current-item{font-weight:700}.skip-link{display:block;padding:2px 0 3px;text-align:center}.skip-link:link,.skip-link:visited{background-color:#666;color:#fff}.skip-link__wrapper{margin:0}article>.content ul,aside ul{display:table;list-style:none;padding:0}article>.content ul>li,aside ul>li{display:table-row}article>.content ul>li::before,aside ul>li::before{font-size:.81818rem;padding-right:.70455rem;display:table-cell;content:'\2022'}@media (min-width:1111px){article>.content ul>li::before,aside ul>li::before{font-size:.88889rem}}article>.content ol,aside ol{display:table;list-style:none;padding:0}article>.content ol>li,aside ol>li{display:table-row;counter-increment:table-ol}article>.content ol>li::before,aside ol>li::before{font-size:.81818rem;padding-right:.70455rem;display:table-cell;content:counter(table-ol) ".";text-align:right}@media (min-width:1111px){article>.content ol>li::before,aside ol>li::before{font-size:.88889rem}}p,pre{margin:1.05682rem 0}body{background-color:#eee}.page{background-color:#fff}.header{padding-top:10px}@media (min-width:666px){.header{padding-top:20px}}.footer{margin-top:2.11364rem;padding:.70455rem 0;text-align:center;border-top:2px solid #333}.footer p{margin:0}figcaption,label,legend,th{font-size:.81818rem;line-height:1.40909rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 1.40909rem)}figcaption:after,label:after,legend:after,th:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}@media (min-width:1111px){figcaption,label,legend,th{font-size:.88889rem;line-height:1.40909rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 1.40909rem)}figcaption:after,label:after,legend:after,th:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}}.footer,article>header{font-size:.72727rem;line-height:1.40909rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 1.40909rem)}.footer:after,article>header:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}@media (min-width:1111px){.footer,article>header{font-size:.77778rem;line-height:1.40909rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 1.40909rem)}.footer:after,article>header:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}}.footer,.header,article>header,h1,h2,h3,label,legend,nav,th{font-family:Futura,"Century Gothic",AppleGothic,sans-serif;color:#333;font-weight:400}article>header{color:#999}article>header p{margin:.28182rem 0}@media (min-width:888px){article .submitted,article .tags{display:inline-block;padding-right:1rem}}article .tags ul{margin:0;padding:0}article .tags li,article .tags ul{display:inline}article .tags li{list-style-type:none}article .tags a{padding-right:.28182rem}article code{font-size:.81818rem;line-height:1.40909rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 1.40909rem);word-wrap:break-word}article code:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}article pre{color:#333;border-radius:3px;padding:5px;border:1px solid #ccc;background-color:#fff;overflow:auto;max-height:250px;max-width:550px}article pre>code{display:inline-block;white-space:pre}.title-submitted{margin-bottom:0}@media (min-width:666px){figure{display:table}figure img{display:block}figure.left{padding:0 .70455rem .70455rem 0;margin:0;float:left;clear:both}figure.left figcaption{padding:0 .70455rem .70455rem 0}figure.right{padding:0 0 .70455rem .70455rem;margin:0;float:right;clear:both}figure.right figcaption{padding:0 0 .70455rem .70455rem}}@media (min-width:666px){figcaption{display:table-caption;caption-side:bottom}}figcaption h4,figcaption p{margin:0}.main-menu{margin-top:.70455rem;margin-bottom:.70455rem;outline:0}.main-menu li{margin-right:.70455rem;margin-bottom:.70455rem;padding:0}.main-menu a{display:block;background-color:#333;color:#fff;padding:2px 8px;text-decoration:none}.main-menu a:focus,.main-menu a:hover{background-color:#666}.main-menu a.active,.main-menu a:active{background-color:#333;text-decoration:underline}.menu a.active{text-decoration:none}.message{padding:10px;border-width:1px;border-style:solid;width:95%}.message.status{background-color:#f4feee;color:#43a808;border-color:#43a808}.message.warning{background-color:#fffce6;color:#000;border-color:#000}.message.error{background-color:#fff0f0;color:#c00;border-color:#c00}.search-form{padding-top:.70455rem}.search-text{font-size:1.09091rem;line-height:1.40909rem;position:relative;background-image:repeating-linear-gradient(180deg,#4affff,#4affff 1px,transparent 1px,transparent 1.40909rem)}.search-text:after{content:"";position:absolute;bottom:-1px;left:0;height:1px;width:100%;background-color:#4affff}.content input,.content textarea{margin-bottom:1.05682rem;width:95%}.content input:required+span::after,.content textarea:required+span::after{content:' *';color:#c00;vertical-align:top}.content input:not(:placeholder-shown):valid,.content textarea:not(:placeholder-shown):valid{background-color:#f4feee}.content input:not(:placeholder-shown):invalid,.content textarea:not(:placeholder-shown):invalid{background-color:#fff0f0}.content button{display:block}.js-submitted input:valid,.js-submitted textarea:valid{background-color:#f4feee}.js-submitted input:invalid,.js-submitted textarea:invalid{background-color:#fff0f0}.mobile-nav-wrapper{position:fixed;right:0;top:0;width:100vw;height:100vh;overflow:hidden;z-index:10;pointer-events:none}.mobile-nav-cover{position:absolute;width:100vw;height:100vh;background-color:rgba(51,51,51,.2);opacity:0}.js-nav-open .mobile-nav-cover{opacity:1;pointer-events:auto}.mobile-nav-toggle{font-family:Futura,"Century Gothic",AppleGothic,sans-serif;display:block;position:absolute;top:10px;right:35px;padding:3px 29px 2px 4px;z-index:12;text-decoration:none;font-weight:700;line-height:1;border:1px solid #ccc;border-radius:3px;pointer-events:auto}.js-nav-open .mobile-nav-toggle{color:#fff}.mobile-nav-toggle::after{position:absolute;content:'';margin-left:5px;width:20px;height:4px;border-top:12px double #000;border-bottom:4px solid #000}.js-nav-open .mobile-nav-toggle::after{border-color:#fff}.mobile-nav-sheet{position:relative;background-color:#333;width:90vw;height:100vh;padding:2rem;transform:translateX(100vw);z-index:11}.js-nav-open .mobile-nav-sheet{pointer-events:auto;box-shadow:-10px 0 10px -10px #333;transform:translateX(10vw)}.mobile-nav-sheet .js-navbar{display:flex;flex-direction:column;padding:0;margin:0}.mobile-nav-sheet .js-navbar li{list-style-type:none;margin:.4rem 0}.mobile-nav-sheet .js-navbar li a{color:#fff;text-decoration:none}.mobile-nav-cover,.mobile-nav-sheet,.mobile-nav-toggle,.mobile-nav-toggle::after{transition:all 130ms ease-in}.js-nav-open .mobile-nav-cover,.js-nav-open .mobile-nav-sheet,.js-nav-open .mobile-nav-toggle,.js-nav-open .mobile-nav-toggle::after{transition:all 330ms ease-out}