From 010c8953c299d53db414decdb10fb5a18b17f2f4 Mon Sep 17 00:00:00 2001 From: Stephan Hagedorn Date: Wed, 27 Sep 2017 08:27:36 +0200 Subject: [PATCH] new index fixed some browser sync settings new index file --- .gitignore | 1 + build/css/example.css | 25 ++++++++- build/css/example.min.css | 2 +- build/js/all.min.js | 4 +- demo-explorer.html | 2 +- demo-presentation.html | 2 +- gulpfile.js | 12 ++-- index.html | 61 +++++++++++++++++++++ source/code/variables.js | 2 +- source/style/elements/_grouping.scss | 4 -- source/style/global/_common.scss | 4 ++ source/style/modules/demo/_demo_module.scss | 15 +++++ 12 files changed, 116 insertions(+), 18 deletions(-) create mode 100644 index.html diff --git a/.gitignore b/.gitignore index facab09..6fdc0ab 100644 --- a/.gitignore +++ b/.gitignore @@ -187,4 +187,5 @@ typings/ # https://interaktionsweise.de/ ################### ################### +build/ art/ diff --git a/build/css/example.css b/build/css/example.css index 397cd4c..79acf5c 100644 --- a/build/css/example.css +++ b/build/css/example.css @@ -90,6 +90,9 @@ textarea:not([disabled]):focus { .height_basic { height: 1024px; } +.height_full { + height: 100vh; } + .txt_center { text-align: center !important; } @@ -413,9 +416,6 @@ ul li { figure { margin: 16px 2em; } -.box__page { - height: 100vh; } - .box__info { padding: 16px 2em; border-right: 8px solid rgba(82, 190, 209, 0.6); @@ -1252,6 +1252,25 @@ nav li { .demo__query_example:after { content: '1920px'; } } +.wrap { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; } + +.hello { + -webkit-box-flex: 0; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + padding: 1em 5em; + background-color: rgba(0, 0, 0, 0.25); } + .test li::after { content: ""; display: block; diff --git a/build/css/example.min.css b/build/css/example.min.css index e1619d6..8f235ed 100644 --- a/build/css/example.min.css +++ b/build/css/example.min.css @@ -1,2 +1,2 @@ -@charset "UTF-8";@import url(../../vendor/normalize.css);.sym_glass:before{content:""}.sym_music:before{content:""}.sym_search:before{content:""}.sym_envelope-o:before{content:""}.sym_heart:before{content:""}[tabindex]:focus,a[href]:focus,area[href]:focus,button:not([disabled]):focus,input:not([disabled]):focus,select:not([disabled]):focus,textarea:not([disabled]):focus{outline:0}.magic{display:none}.center_50{margin-right:25%;margin-left:25%}.center_25{margin-right:37.5%;margin-left:37.5%}.table__file_simple,.width_full{width:100%;margin-right:0;margin-left:0}.height_basic{height:1024px}.txt_center{text-align:center!important}.txt_right{text-align:right!important}.txt_left{text-align:left!important}.space_right{margin-right:32px}.clear,.clear:after,.clear:before{clear:both}.header__page nav ul,.nav__center_old ul,.nav__horizontal ul,.overflow{overflow:auto}.box__file_tile,.box__inline_left,.float_space_left,.header__page nav ul li,.list__horizontal li,.nav__center_old ul li,.nav__horizontal ul li{float:left;margin-right:32px}.float_half_size{float:left;width:50%}.x_long{overflow-x:scroll}.hover_full_view_change,.pos_full_view{position:fixed;top:0;left:0;width:100vw;height:100vh}.pos_full_page{top:0;right:0;bottom:0;left:0}.pos_abs,.pos_full_page{position:absolute}.pos_rel{position:relative}.pos_fix{position:fixed}.pos_bottom{bottom:0}.pos_full_view{background-color:rgba(250,216,3,.5)}.pos_full_page{background-color:rgba(39,63,139,.25)}.hover_back_change{background-color:#666;transition:background-color .2s ease-in-out}.hover_back_change:hover{background-color:gray}.hover_full_view_change{z-index:100;background-color:rgba(0,0,0,.5);transition:background-color .2s ease-in-out;pointer-events:none}.flex,.flex__column_wrap,.flex__row,.flex__wrap,.nav__column ul{display:-webkit-box;display:-ms-flexbox;display:flex}.flex__wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex__row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex__child,.flex__column_wrap .column,.nav__column ul li{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.flex__child_one{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex__child_end{-ms-flex-item-align:end;align-self:flex-end}.txt_light_color{color:#666}.a__button,.a__button_border,.a__button_text{display:inline-block;padding:5px 8px;background-color:rgba(82,190,209,.2);border-radius:1px}.a__button:active,.a__button:focus,.a__button:hover,.a__button_border:active,.a__button_border:focus,.a__button_border:hover,.a__button_text:active,.a__button_text:focus,.a__button_text:hover{background-color:hsla(0,0%,100%,.1);color:#fff;border-color:transparent}.block__column_2,.block__column_3,.span__solo,caption,dd,dt,figcaption,h6,label,legend,li,p,td,th{font-family:Roboto,Segoe UI,Liberation Sans,Source Sans,Trebuchet MS,Helvetica,Arial,sans-serif;font-size:1em;line-height:1.5}.code__solo,.demo__query_example:after,.print_body [class^=din] .block__column_2,.print_body [class^=din] .block__column_3,.print_body [class^=din] caption,.print_body [class^=din] p,code,input:not([type]),input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],pre,textarea{font-family:Courier New,monospace;font-size:1em;line-height:1.5}.print_body .page_date,.print_body .page_no,h1{font-size:3.1em}.print_body .page_date,.print_body .page_no,h1,h2{font-family:Roboto,Segoe UI,Liberation Sans,Source Sans,Trebuchet MS,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5}h2{font-size:2.5em}h3,h4{font-size:1.8em}h3,h4,h5{font-family:Roboto,Segoe UI,Liberation Sans,Source Sans,Trebuchet MS,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5}h5{font-size:1.35em}.span__solo{color:#000}.table__link .cell__text .shorten{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}html{height:100%}body{position:relative;box-sizing:border-box;font-family:Roboto,Segoe UI,Liberation Sans,Source Sans,Trebuchet MS,Helvetica,Arial,sans-serif;font-size:17px;line-height:1;color:#000;background-color:gray}body *,body :after,body :before{box-sizing:inherit}body:hover .layer__hover{background-color:transparent}.demo__intro,.sec__main_center{width:96%;margin:0 auto;padding-top:32px}@media (min-width:768px){.demo__intro,.sec__main_center{width:80%}}@media (min-width:1024px){.demo__intro,.sec__main_center{width:60%}}@media (min-width:1680px){.demo__intro,.sec__main_center{width:48%}}aside.right+section{margin-right:calc(20% + 8px)}aside.left+section{margin-left:calc(20% + 8px)}aside{width:20%}aside.left{float:left}aside.right{float:right}aside :first-child{margin-top:0}.header__page{overflow:auto}h1{margin:128px 0 32px}h2{margin:64px 0 32px}h3{text-transform:uppercase}h3,h4{margin:16px 0}h4,h5{text-transform:none}h5{margin:16px 0 8px}h6{text-transform:none;font-weight:700}.block__column_2,.block__column_3,caption,h6,p{margin:8px 0}.block__column_2 .demo__query_example:after,.block__column_2 code,.block__column_3 .demo__query_example:after,.block__column_3 code,caption .demo__query_example:after,caption code,p .demo__query_example:after,p code{padding:1px 4px;font-size:1em;line-height:1}.hr__dotted,.hr__hidden,hr{margin:32px auto;border-width:1px 0 0;border-style:solid;border-color:#000}.hr__hidden{border-color:transparent}.hr__dotted,.pre__code{border-style:dotted}.pre__code{border-color:hsla(0,0%,100%,.1);border-width:0 0 0 4px;border-radius:1px;padding:8px;background-color:hsla(0,0%,100%,.1)}.pre__code .demo__query_example:after,.pre__code code{background-color:transparent}blockquote{margin:8px 2em}.quote__mark .block__column_2:before,.quote__mark .block__column_3:before,.quote__mark caption:before,.quote__mark p:before{content:"\201E \0020"}.quote__mark .block__column_2:after,.quote__mark .block__column_3:after,.quote__mark caption:after,.quote__mark p:after{content:"\201C \0020"}.quote__mark .quote__source:after,.quote__mark .quote__source:before{content:""}dl,ol,ul{margin:16px 0 8px}ol,ul{padding-left:2em}dd{margin-left:2em}ul li{list-style:square}.list__dash li{list-style:none;position:relative}.list__dash li:before{content:"_";position:absolute;left:-1em}.list__link li{margin-bottom:2px;text-transform:uppercase}.list__link li a{display:block;padding:5px 8px;color:#000}.list__link li a img{margin-right:8px;padding-bottom:.2em;vertical-align:text-bottom}.list__link li a:active,.list__link li a:focus,.list__link li a:hover{background-color:#0c85ff;color:#fff}.list__horizontal{overflow:auto}figure{margin:16px 2em}.box__page{height:100vh}.box__info{padding:16px 2em;border-right:8px solid rgba(82,190,209,.6);background-color:rgba(82,190,209,.1)!important}.box__main_indent{margin-left:25%}.block__column_line{-webkit-column-rule:1px solid #000;column-rule:1px solid #000}.block__column_2{-webkit-column-count:2;column-count:2;-webkit-column-gap:32px;column-gap:32px}.block__column_3{-webkit-column-count:3;column-count:3;-webkit-column-gap:64px;column-gap:64px}.box__space{position:relative;width:100%}.box__cube{float:left;display:table;width:64px;text-align:center;vertical-align:middle}.box__cube span{display:table-cell}.box__placeholder{width:100%;height:64px;border:4px solid rgba(0,0,0,.1);border-radius:1px;padding:8px;background-color:rgba(0,0,0,.1)}.box__placeholder svg{vertical-align:top}.box__placeholder_bkg{width:100%;height:64px;border:4px solid rgba(0,0,0,.1);border-radius:1px;padding:8px;background:url("data:image/svg+xml;utf8,") no-repeat;background-color:rgba(0,0,0,.1)}.flex__column_wrap .column{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}a{color:#52bed1;text-decoration:none}a:active,a:focus,a:hover{color:#fff}.a__line{border-bottom-width:1px;border-bottom-style:dotted;border-color:#000;background-color:transparent;color:#000;transition:color .15s ease}.a__line:active,.a__line:focus,.a__line:hover{background-color:#0c85ff;color:#fff}.a__button_border,.a__button_text{padding:7px 16px;background-color:transparent;color:#000}.a__button_border{border:1px solid #000}em,i{font-style:italic}.i__bright{font-style:normal;color:#fff}b,strong{font-weight:500}cite{font-style:italic}.demo__query_example:after,code{color:#1f1f1f;background-color:hsla(0,0%,100%,.1)}.code__solo{padding:1px 4px;color:#000}mark{background-color:#fad803}.mark__cursor{color:#fff;background-color:#000}::-moz-selection{color:#fff;background-color:#000}::selection{color:#fff;background-color:#000}img{vertical-align:top}table{margin:16px 0;border:1px solid #000;border-collapse:collapse}td,th{padding:4px}th{border:1px solid #000;text-align:left}.precol,td{border-right:1px solid #000}td{border-bottom:1px solid #000}td:last-child{border-right:0}tr:last-child td{border-bottom:0}tfoot tr:first-child td{border-top:1px solid #000}.table__blank,.table__blank td,.table__blank th,.table__free{border:1px solid transparent}.table__stripe td{border-top:0;border-bottom:0}.table__stripe tr:nth-child(2n) td{background-color:hsla(0,0%,100%,.1)}.table__fix{table-layout:fixed}caption{padding:4px 0;border:1px dotted #000;text-align:center}fieldset{margin:16px 0;padding:8px;border:1px solid #000}legend{padding:0 4px}button,input,textarea{margin:0 32px}button[disabled=disabled],button[disabled],input[disabled=disabled],input[disabled],textarea[disabled=disabled],textarea[disabled]{cursor:not-allowed}label input{margin-left:8px}input{color:#1a1a1a}input[disabled=disabled],input[disabled]{cursor:not-allowed}input:not([type]),input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{border:2px solid #fff;padding:4px;background-color:#e6e6e6}input:not([type]):hover,input[type=color]:hover,input[type=date]:hover,input[type=datetime-local]:hover,input[type=datetime]:hover,input[type=email]:hover,input[type=month]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,input[type=url]:hover,input[type=week]:hover{background-color:#fff}input:not([type])[readonly=readonly],input:not([type])[readonly],input[type=color][readonly=readonly],input[type=color][readonly],input[type=date][readonly=readonly],input[type=date][readonly],input[type=datetime-local][readonly=readonly],input[type=datetime-local][readonly],input[type=datetime][readonly=readonly],input[type=datetime][readonly],input[type=email][readonly=readonly],input[type=email][readonly],input[type=month][readonly=readonly],input[type=month][readonly],input[type=number][readonly=readonly],input[type=number][readonly],input[type=password][readonly=readonly],input[type=password][readonly],input[type=search][readonly=readonly],input[type=search][readonly],input[type=tel][readonly=readonly],input[type=tel][readonly],input[type=text][readonly=readonly],input[type=text][readonly],input[type=time][readonly=readonly],input[type=time][readonly],input[type=url][readonly=readonly],input[type=url][readonly],input[type=week][readonly=readonly],input[type=week][readonly]{border-color:#b3b3b3;background-color:#999}input:not([type])[disabled=disabled],input:not([type])[disabled],input[type=color][disabled=disabled],input[type=color][disabled],input[type=date][disabled=disabled],input[type=date][disabled],input[type=datetime-local][disabled=disabled],input[type=datetime-local][disabled],input[type=datetime][disabled=disabled],input[type=datetime][disabled],input[type=email][disabled=disabled],input[type=email][disabled],input[type=month][disabled=disabled],input[type=month][disabled],input[type=number][disabled=disabled],input[type=number][disabled],input[type=password][disabled=disabled],input[type=password][disabled],input[type=search][disabled=disabled],input[type=search][disabled],input[type=tel][disabled=disabled],input[type=tel][disabled],input[type=text][disabled=disabled],input[type=text][disabled],input[type=time][disabled=disabled],input[type=time][disabled],input[type=url][disabled=disabled],input[type=url][disabled],input[type=week][disabled=disabled],input[type=week][disabled]{border-color:transparent}textarea{border:2px solid #fff;padding:4px;background-color:#e6e6e6}textarea:hover{background-color:#fff}textarea[readonly=readonly],textarea[readonly]{border-color:#b3b3b3;background-color:#999}textarea[disabled=disabled],textarea[disabled]{border-color:transparent}input:not([type]),input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{line-height:1}button,input[type=button],input[type=reset],input[type=submit]{padding:5px 8px}.input__label_right,label+input{margin:0 8px}.input__default label,.label__table{display:table}.input__default label input,.label__table input{display:table-cell}.input__default label{margin:4px 0}.input__default label input{padding:4px 5px;border-style:solid;border-color:transparent;background-color:#e6e6e6;color:#1a1a1a}.input__default label input:hover{background-color:#000;color:#fff}nav ul{padding-left:0}nav li{margin-bottom:8px;list-style:none}.header__page nav ul ul,.nav__center_old ul ul,.nav__horizontal ul ul{margin:8px 0}.header__page nav ul li,.nav__center_old ul li,.nav__horizontal ul li{margin-right:8px;margin-bottom:0}.header__page nav ul li:last-child,.nav__center_old ul li:last-child,.nav__horizontal ul li:last-child{margin-right:0}.nav__right{float:right;margin-left:8px}.nav__right .align_parent{margin-right:-8px}.nav__separate li{position:relative;padding-left:1px}.nav__separate li:not(:first-child):before{content:"";position:absolute;width:1px;height:100%;left:0;top:0;background-color:#000}.nav__separate_right{float:right}.nav__separate_right li{position:relative}.nav__separate_right li:first-child{padding-left:17px}.nav__separate_right li:first-child:before{content:"";position:absolute;width:1px;height:100%;left:0;top:0;background-color:#fff;margin:0 8px}.nav__center_old{float:right;position:relative;left:-50%}.nav__center_old ul{position:relative;left:50%;text-align:center}.nav__column{position:relative;margin:8px 0}.nav__column ul{margin:0 128px}.nav__column ul li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0;text-align:center}.nav__column ul li a{display:block}.nav__page_meta{position:fixed;right:0;bottom:16px}.nav__page_meta ul{margin:8px 0}.nav__page_meta li{margin-bottom:0}.nav__page_meta .a_button_meta{display:inline-block}.nav__page_meta .a_button_meta:active,.nav__page_meta .a_button_meta:focus{background-color:transparent}.nav__page_meta .a_button_meta:hover{background-color:#0c85ff}.header__page nav a:active,.header__page nav a:focus,.header__page nav a:hover{background-color:rgba(0,0,0,.2);color:#000}.table__link{width:100%;border:0;table-layout:auto}.table__link tbody{border-bottom:1px solid #000}.table__link tbody:hover{background-color:#ccc}.table__link td,.table__link th{border:0}.table__link .cell__icon{width:48px;text-align:center}.table__link .cell__icon img{vertical-align:text-top}.table__link .cell__link{padding-right:8px;padding-left:8px}.table__link .cell__link:hover{background-color:#0c85ff}.table__link .cell__link:hover a:first-child{display:none}.table__link .cell__link:hover a:last-child{display:block;color:#fff}.table__link .cell__link a{display:block}.table__link .cell__link a:last-child{display:none}.table__link .cell__date,.table__link th:last-child{width:16%;text-align:center}.table__link .cell__text{padding-right:8px;padding-left:8px}.table__link .cell__text div{width:100%}.table__link .cell__text .shorten{max-height:44px}.card_body .bkg_box{position:absolute;top:0;left:0;width:100%;height:100%}.card_body{height:100%}.card_body .bkg_box{transition-duration:.8s;overflow:hidden;vertical-align:top;z-index:-1}.card_body .bkg_box>svg{position:relative}.card_body .flex_wrap_center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.card_body .flex_content{position:relative;padding:64px 64px 24px;border:1px solid #fff;background-color:#f5f5f5;z-index:40}.card_body h1{margin:16px 0;color:#1e1e1e;font-size:24px;line-height:1.4em;font-weight:400}.card_body .block__column_2,.card_body .block__column_3,.card_body caption,.card_body p{margin-top:0;margin-bottom:16px;font-size:12px;line-height:1.4em}.card_body .marked{padding-left:1em;text-indent:-1em;text-align:center}.card_body .marked:before{content:"* "}.card_body .decent{color:#666}.card_body a{color:#000;text-decoration:none}.card_body a:hover{color:#f4f9fa;background-color:#0c85ff;text-decoration:none}.wip,.wip_txt{border-right:8px solid rgba(220,20,60,.8);background-color:rgba(220,20,60,.1)!important}.wip:after,.wip:before{content:"";display:block;height:48px}.exp_expose:after,.exp_expose:before,.exp_expose_post:before,.exp_expose_pre:after{content:"";display:block;height:48px;background-color:rgba(183,224,240,.1)!important}.exp_pop{display:none}.exp_wrap{position:relative}.exp_pop{position:absolute;z-index:100;top:128px;left:128px;padding:4px;border:4px solid gray;border-radius:4px;background-color:gray;pointer-events:none}.exp_marker_pop{position:absolute;top:-12.75px;right:-8.5px;width:17px;height:17px;border:1px solid #fff;border-radius:17px;color:#fff;background-color:#000}.exp_overlay_btn{position:fixed;width:3em;height:2em;cursor:pointer}.exp_help_btn{display:table;right:16px;bottom:16px;background-color:rgba(0,0,0,.4)}.exp_help_btn:hover{background-color:#fff}.exp_help_btn:hover>.span__solo{color:#000}.exp_help_btn .span__solo{display:table-cell;color:hsla(0,0%,100%,.8);font-family:Courier New,monospace;font-size:1.4em;text-align:center;vertical-align:middle}.expose_height{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(183,224,240,.1)!important;transition:height .5s ease}.print_body [class^=din]{background-color:#fff}.print_body{font-size:10pt;margin:10vh 20vw}@page{.print_body{size:A4;margin:1.2cm}}@page :first{.print_body{size:A4;margin:0}}.print_body .dina4{padding:1.2cm 1.2cm 1.2cm 2.4cm}.print_body .dina4 .page_foot,.print_body .dina4 .page_head{right:1.2cm;left:2.4cm}.print_body .dina4 .page_head{top:1.2cm}.print_body .dina4 .page_foot{bottom:1.2cm}.print_body .dina5{padding:0 0 0 1.2cm}.print_body .dina5 .page_foot,.print_body .dina5 .page_head{right:0;left:1.2cm}.print_body .dina5 .page_head{top:0}.print_body .dina5 .page_foot{bottom:0}.print_body .dina6{padding:0 0 0 1.2cm}.print_body .dina6 .page_foot,.print_body .dina6 .page_head{right:0;left:1.2cm}.print_body .dina6 .page_head{top:0}.print_body .dina6 .page_foot{bottom:0}.print_body [class^=din]{position:relative;overflow:auto;margin:32px auto}.print_body [class^=din] .page_foot,.print_body [class^=din] .page_head{position:absolute}.print_body [class^=din] .page_head{page:cover}.print_body [class^=din] .page_foot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.print_body [class^=din] .page_foot :last-child{margin-bottom:0}.print_body [class^=din] .page_foot .block__column_2,.print_body [class^=din] .page_foot .block__column_3,.print_body [class^=din] .page_foot caption,.print_body [class^=din] .page_foot p{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;margin:0;font-size:8pt;line-height:10pt;text-align:center}.print_body [class^=din] .page_foot .page_no{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;font-size:20pt;line-height:1;text-align:right}.print_body [class^=din] .page_foot .block__column_2:first-child,.print_body [class^=din] .page_foot .block__column_3:first-child,.print_body [class^=din] .page_foot caption:first-child,.print_body [class^=din] .page_foot p:first-child{text-align:left}.print_body [class^=din] .page_content{margin-top:10cm;margin-bottom:2cm}.print_body .page_date,.print_body .page_title{font-size:14pt}.print_body .page_title{margin:0}.print_body .page_date,.print_body .page_no{float:right}.print_body .page_author{position:absolute;top:5cm;right:0;text-align:right}.print_body .page_recipient{position:absolute;top:5cm;left:0}.demo__intro{border-top-width:8px;border-top-style:solid;border-color:#000;padding-top:32px}.demo__header{padding:16px}.demo__header nav ul{margin:0}.header__fancy{background-color:rgba(211,10,81,.6)}.header__fancy nav a{background-color:rgba(250,216,3,.6);color:#fad803}.header__fancy nav a:active,.header__fancy nav a:focus,.header__fancy nav a:hover{background-color:hsla(0,0%,100%,.2);color:#fff}.header__fix{position:relative;top:0;left:0;width:100%;background-color:rgba(39,63,139,.6)}.header__fix nav a:active,.header__fix nav a:focus,.header__fix nav a:hover{background-color:hsla(0,0%,100%,.2);color:#fff}.demo__footer{width:100%;padding:16px 0;background-color:#333;color:#ccc}.demo__footer nav a{color:#fff}.demo__avatar img{opacity:1;width:128px;height:auto;min-width:128px;min-height:128px;border-radius:50%;background-color:#b7e0f0}.demo__flag{height:40vh}.demo__credits{margin:32px 0 8px}.demo__button_32{width:32px;height:32px}.demo__queries>.block__column_2,.demo__queries>.block__column_3,.demo__queries>caption,.demo__queries>p{padding:5px 8px}.query__phoneUp{background-color:rgba(0,0,0,.2)}@media (max-width:767px){.query__phoneOnly{background-color:rgba(0,0,0,.2)}}@media (min-width:768px) and (max-width:1023px){.query__tabletPortaitOnly{background-color:rgba(0,0,0,.2)}}@media (min-width:768px){.query__tabletPortraitUp{background-color:rgba(0,0,0,.2)}}@media (min-width:1024px) and (max-width:1279px){.query__tabletLandscapeOnly{background-color:rgba(0,0,0,.2)}}@media (min-width:1024px){.query__tabletLandscapeUp{background-color:rgba(0,0,0,.2)}}@media (min-width:1280px) and (max-width:1679px){.query__desktopOnly{background-color:rgba(0,0,0,.2)}}@media (min-width:1280px){.query__desktopUp{background-color:rgba(0,0,0,.2)}}@media (min-width:1680px){.query__bigDesktopUp{background-color:rgba(0,0,0,.2)}}.demo__query_example{margin-bottom:32px;padding:32px;text-align:center}@media (min-width:48em){.demo__query_example{background-color:#fad803}}@media (min-width:64em){.demo__query_example{background-color:#d30a51}}@media (min-width:80em){.demo__query_example{background-color:#273f8b}}@media (min-width:90em){.demo__query_example{background-color:#b7e0f0}}@media (min-width:105em){.demo__query_example{background-color:#52bed1}}@media (min-width:120em){.demo__query_example{background-color:#0c85ff}}.demo__query_example:after{content:"< 768px";padding:5px 8px;border-radius:2px;background-color:rgba(0,0,0,.2)}@media (min-width:48em){.demo__query_example:after{content:"768px"}}@media (min-width:64em){.demo__query_example:after{content:"1024px"}}@media (min-width:80em){.demo__query_example:after{content:"1280px"}}@media (min-width:105em){.demo__query_example:after{content:"1680px"}}@media (min-width:120em){.demo__query_example:after{content:"1920px"}}.test li:after{content:"";display:block;height:16px}.front_color_1{color:#fad803}.front_color_1:after{background-color:#fad803}.front_color_2{color:#d30a51}.front_color_2:after{background-color:#d30a51}.front_color_3{color:#273f8b}.front_color_3:after{background-color:#273f8b}.front_color_4{color:#b7e0f0}.front_color_4:after{background-color:#b7e0f0}.front_color_5{color:#52bed1}.front_color_5:after{background-color:#52bed1}.back_color_1,.label_1{background-color:#fad803}.back_color_2,.label_2{background-color:#d30a51}.back_color_3,.label_3{background-color:#273f8b}.back_color_4{background-color:#b7e0f0}.back_color_5{background-color:#52bed1}.label_1,.label_2,.label_3{padding:0 4px} +@charset "UTF-8";@import url(../../vendor/normalize.css);.sym_glass:before{content:""}.sym_music:before{content:""}.sym_search:before{content:""}.sym_envelope-o:before{content:""}.sym_heart:before{content:""}[tabindex]:focus,a[href]:focus,area[href]:focus,button:not([disabled]):focus,input:not([disabled]):focus,select:not([disabled]):focus,textarea:not([disabled]):focus{outline:0}.magic{display:none}.center_50{margin-right:25%;margin-left:25%}.center_25{margin-right:37.5%;margin-left:37.5%}.table__file_simple,.width_full{width:100%;margin-right:0;margin-left:0}.height_basic{height:1024px}.height_full{height:100vh}.txt_center{text-align:center!important}.txt_right{text-align:right!important}.txt_left{text-align:left!important}.space_right{margin-right:32px}.clear,.clear:after,.clear:before{clear:both}.header__page nav ul,.nav__center_old ul,.nav__horizontal ul,.overflow{overflow:auto}.box__file_tile,.box__inline_left,.float_space_left,.header__page nav ul li,.list__horizontal li,.nav__center_old ul li,.nav__horizontal ul li{float:left;margin-right:32px}.float_half_size{float:left;width:50%}.x_long{overflow-x:scroll}.hover_full_view_change,.pos_full_view{position:fixed;top:0;left:0;width:100vw;height:100vh}.pos_full_page{top:0;right:0;bottom:0;left:0}.pos_abs,.pos_full_page{position:absolute}.pos_rel{position:relative}.pos_fix{position:fixed}.pos_bottom{bottom:0}.pos_full_view{background-color:rgba(250,216,3,.5)}.pos_full_page{background-color:rgba(39,63,139,.25)}.hover_back_change{background-color:#666;transition:background-color .2s ease-in-out}.hover_back_change:hover{background-color:gray}.hover_full_view_change{z-index:100;background-color:rgba(0,0,0,.5);transition:background-color .2s ease-in-out;pointer-events:none}.flex,.flex__column_wrap,.flex__row,.flex__wrap,.nav__column ul{display:-webkit-box;display:-ms-flexbox;display:flex}.flex__wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex__row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.flex__child,.flex__column_wrap .column,.nav__column ul li{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.flex__child_one{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex__child_end{-ms-flex-item-align:end;align-self:flex-end}.txt_light_color{color:#666}.a__button,.a__button_border,.a__button_text{display:inline-block;padding:5px 8px;background-color:rgba(82,190,209,.2);border-radius:1px}.a__button:active,.a__button:focus,.a__button:hover,.a__button_border:active,.a__button_border:focus,.a__button_border:hover,.a__button_text:active,.a__button_text:focus,.a__button_text:hover{background-color:hsla(0,0%,100%,.1);color:#fff;border-color:transparent}.block__column_2,.block__column_3,.span__solo,caption,dd,dt,figcaption,h6,label,legend,li,p,td,th{font-family:Roboto,Segoe UI,Liberation Sans,Source Sans,Trebuchet MS,Helvetica,Arial,sans-serif;font-size:1em;line-height:1.5}.code__solo,.demo__query_example:after,.print_body [class^=din] .block__column_2,.print_body [class^=din] .block__column_3,.print_body [class^=din] caption,.print_body [class^=din] p,code,input:not([type]),input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],pre,textarea{font-family:Courier New,monospace;font-size:1em;line-height:1.5}.print_body .page_date,.print_body .page_no,h1{font-size:3.1em}.print_body .page_date,.print_body .page_no,h1,h2{font-family:Roboto,Segoe UI,Liberation Sans,Source Sans,Trebuchet MS,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5}h2{font-size:2.5em}h3,h4{font-size:1.8em}h3,h4,h5{font-family:Roboto,Segoe UI,Liberation Sans,Source Sans,Trebuchet MS,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5}h5{font-size:1.35em}.span__solo{color:#000}.table__link .cell__text .shorten{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}html{height:100%}body{position:relative;box-sizing:border-box;font-family:Roboto,Segoe UI,Liberation Sans,Source Sans,Trebuchet MS,Helvetica,Arial,sans-serif;font-size:17px;line-height:1;color:#000;background-color:gray}body *,body :after,body :before{box-sizing:inherit}body:hover .layer__hover{background-color:transparent}.demo__intro,.sec__main_center{width:96%;margin:0 auto;padding-top:32px}@media (min-width:768px){.demo__intro,.sec__main_center{width:80%}}@media (min-width:1024px){.demo__intro,.sec__main_center{width:60%}}@media (min-width:1680px){.demo__intro,.sec__main_center{width:48%}}aside.right+section{margin-right:calc(20% + 8px)}aside.left+section{margin-left:calc(20% + 8px)}aside{width:20%}aside.left{float:left}aside.right{float:right}aside :first-child{margin-top:0}.header__page{overflow:auto}h1{margin:128px 0 32px}h2{margin:64px 0 32px}h3{text-transform:uppercase}h3,h4{margin:16px 0}h4,h5{text-transform:none}h5{margin:16px 0 8px}h6{text-transform:none;font-weight:700}.block__column_2,.block__column_3,caption,h6,p{margin:8px 0}.block__column_2 .demo__query_example:after,.block__column_2 code,.block__column_3 .demo__query_example:after,.block__column_3 code,caption .demo__query_example:after,caption code,p .demo__query_example:after,p code{padding:1px 4px;font-size:1em;line-height:1}.hr__dotted,.hr__hidden,hr{margin:32px auto;border-width:1px 0 0;border-style:solid;border-color:#000}.hr__hidden{border-color:transparent}.hr__dotted,.pre__code{border-style:dotted}.pre__code{border-color:hsla(0,0%,100%,.1);border-width:0 0 0 4px;border-radius:1px;padding:8px;background-color:hsla(0,0%,100%,.1)}.pre__code .demo__query_example:after,.pre__code code{background-color:transparent}blockquote{margin:8px 2em}.quote__mark .block__column_2:before,.quote__mark .block__column_3:before,.quote__mark caption:before,.quote__mark p:before{content:"\201E \0020"}.quote__mark .block__column_2:after,.quote__mark .block__column_3:after,.quote__mark caption:after,.quote__mark p:after{content:"\201C \0020"}.quote__mark .quote__source:after,.quote__mark .quote__source:before{content:""}dl,ol,ul{margin:16px 0 8px}ol,ul{padding-left:2em}dd{margin-left:2em}ul li{list-style:square}.list__dash li{list-style:none;position:relative}.list__dash li:before{content:"_";position:absolute;left:-1em}.list__link li{margin-bottom:2px;text-transform:uppercase}.list__link li a{display:block;padding:5px 8px;color:#000}.list__link li a img{margin-right:8px;padding-bottom:.2em;vertical-align:text-bottom}.list__link li a:active,.list__link li a:focus,.list__link li a:hover{background-color:#0c85ff;color:#fff}.list__horizontal{overflow:auto}figure{margin:16px 2em}.box__info{padding:16px 2em;border-right:8px solid rgba(82,190,209,.6);background-color:rgba(82,190,209,.1)!important}.box__main_indent{margin-left:25%}.block__column_line{-webkit-column-rule:1px solid #000;column-rule:1px solid #000}.block__column_2{-webkit-column-count:2;column-count:2;-webkit-column-gap:32px;column-gap:32px}.block__column_3{-webkit-column-count:3;column-count:3;-webkit-column-gap:64px;column-gap:64px}.box__space{position:relative;width:100%}.box__cube{float:left;display:table;width:64px;text-align:center;vertical-align:middle}.box__cube span{display:table-cell}.box__placeholder{width:100%;height:64px;border:4px solid rgba(0,0,0,.1);border-radius:1px;padding:8px;background-color:rgba(0,0,0,.1)}.box__placeholder svg{vertical-align:top}.box__placeholder_bkg{width:100%;height:64px;border:4px solid rgba(0,0,0,.1);border-radius:1px;padding:8px;background:url("data:image/svg+xml;utf8,") no-repeat;background-color:rgba(0,0,0,.1)}.flex__column_wrap .column{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}a{color:#52bed1;text-decoration:none}a:active,a:focus,a:hover{color:#fff}.a__line{border-bottom-width:1px;border-bottom-style:dotted;border-color:#000;background-color:transparent;color:#000;transition:color .15s ease}.a__line:active,.a__line:focus,.a__line:hover{background-color:#0c85ff;color:#fff}.a__button_border,.a__button_text{padding:7px 16px;background-color:transparent;color:#000}.a__button_border{border:1px solid #000}em,i{font-style:italic}.i__bright{font-style:normal;color:#fff}b,strong{font-weight:500}cite{font-style:italic}.demo__query_example:after,code{color:#1f1f1f;background-color:hsla(0,0%,100%,.1)}.code__solo{padding:1px 4px;color:#000}mark{background-color:#fad803}.mark__cursor{color:#fff;background-color:#000}::-moz-selection{color:#fff;background-color:#000}::selection{color:#fff;background-color:#000}img{vertical-align:top}table{margin:16px 0;border:1px solid #000;border-collapse:collapse}td,th{padding:4px}th{border:1px solid #000;text-align:left}.precol,td{border-right:1px solid #000}td{border-bottom:1px solid #000}td:last-child{border-right:0}tr:last-child td{border-bottom:0}tfoot tr:first-child td{border-top:1px solid #000}.table__blank,.table__blank td,.table__blank th,.table__free{border:1px solid transparent}.table__stripe td{border-top:0;border-bottom:0}.table__stripe tr:nth-child(2n) td{background-color:hsla(0,0%,100%,.1)}.table__fix{table-layout:fixed}caption{padding:4px 0;border:1px dotted #000;text-align:center}fieldset{margin:16px 0;padding:8px;border:1px solid #000}legend{padding:0 4px}button,input,textarea{margin:0 32px}button[disabled=disabled],button[disabled],input[disabled=disabled],input[disabled],textarea[disabled=disabled],textarea[disabled]{cursor:not-allowed}label input{margin-left:8px}input{color:#1a1a1a}input[disabled=disabled],input[disabled]{cursor:not-allowed}input:not([type]),input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{border:2px solid #fff;padding:4px;background-color:#e6e6e6}input:not([type]):hover,input[type=color]:hover,input[type=date]:hover,input[type=datetime-local]:hover,input[type=datetime]:hover,input[type=email]:hover,input[type=month]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,input[type=url]:hover,input[type=week]:hover{background-color:#fff}input:not([type])[readonly=readonly],input:not([type])[readonly],input[type=color][readonly=readonly],input[type=color][readonly],input[type=date][readonly=readonly],input[type=date][readonly],input[type=datetime-local][readonly=readonly],input[type=datetime-local][readonly],input[type=datetime][readonly=readonly],input[type=datetime][readonly],input[type=email][readonly=readonly],input[type=email][readonly],input[type=month][readonly=readonly],input[type=month][readonly],input[type=number][readonly=readonly],input[type=number][readonly],input[type=password][readonly=readonly],input[type=password][readonly],input[type=search][readonly=readonly],input[type=search][readonly],input[type=tel][readonly=readonly],input[type=tel][readonly],input[type=text][readonly=readonly],input[type=text][readonly],input[type=time][readonly=readonly],input[type=time][readonly],input[type=url][readonly=readonly],input[type=url][readonly],input[type=week][readonly=readonly],input[type=week][readonly]{border-color:#b3b3b3;background-color:#999}input:not([type])[disabled=disabled],input:not([type])[disabled],input[type=color][disabled=disabled],input[type=color][disabled],input[type=date][disabled=disabled],input[type=date][disabled],input[type=datetime-local][disabled=disabled],input[type=datetime-local][disabled],input[type=datetime][disabled=disabled],input[type=datetime][disabled],input[type=email][disabled=disabled],input[type=email][disabled],input[type=month][disabled=disabled],input[type=month][disabled],input[type=number][disabled=disabled],input[type=number][disabled],input[type=password][disabled=disabled],input[type=password][disabled],input[type=search][disabled=disabled],input[type=search][disabled],input[type=tel][disabled=disabled],input[type=tel][disabled],input[type=text][disabled=disabled],input[type=text][disabled],input[type=time][disabled=disabled],input[type=time][disabled],input[type=url][disabled=disabled],input[type=url][disabled],input[type=week][disabled=disabled],input[type=week][disabled]{border-color:transparent}textarea{border:2px solid #fff;padding:4px;background-color:#e6e6e6}textarea:hover{background-color:#fff}textarea[readonly=readonly],textarea[readonly]{border-color:#b3b3b3;background-color:#999}textarea[disabled=disabled],textarea[disabled]{border-color:transparent}input:not([type]),input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{line-height:1}button,input[type=button],input[type=reset],input[type=submit]{padding:5px 8px}.input__label_right,label+input{margin:0 8px}.input__default label,.label__table{display:table}.input__default label input,.label__table input{display:table-cell}.input__default label{margin:4px 0}.input__default label input{padding:4px 5px;border-style:solid;border-color:transparent;background-color:#e6e6e6;color:#1a1a1a}.input__default label input:hover{background-color:#000;color:#fff}nav ul{padding-left:0}nav li{margin-bottom:8px;list-style:none}.header__page nav ul ul,.nav__center_old ul ul,.nav__horizontal ul ul{margin:8px 0}.header__page nav ul li,.nav__center_old ul li,.nav__horizontal ul li{margin-right:8px;margin-bottom:0}.header__page nav ul li:last-child,.nav__center_old ul li:last-child,.nav__horizontal ul li:last-child{margin-right:0}.nav__right{float:right;margin-left:8px}.nav__right .align_parent{margin-right:-8px}.nav__separate li{position:relative;padding-left:1px}.nav__separate li:not(:first-child):before{content:"";position:absolute;width:1px;height:100%;left:0;top:0;background-color:#000}.nav__separate_right{float:right}.nav__separate_right li{position:relative}.nav__separate_right li:first-child{padding-left:17px}.nav__separate_right li:first-child:before{content:"";position:absolute;width:1px;height:100%;left:0;top:0;background-color:#fff;margin:0 8px}.nav__center_old{float:right;position:relative;left:-50%}.nav__center_old ul{position:relative;left:50%;text-align:center}.nav__column{position:relative;margin:8px 0}.nav__column ul{margin:0 128px}.nav__column ul li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0;text-align:center}.nav__column ul li a{display:block}.nav__page_meta{position:fixed;right:0;bottom:16px}.nav__page_meta ul{margin:8px 0}.nav__page_meta li{margin-bottom:0}.nav__page_meta .a_button_meta{display:inline-block}.nav__page_meta .a_button_meta:active,.nav__page_meta .a_button_meta:focus{background-color:transparent}.nav__page_meta .a_button_meta:hover{background-color:#0c85ff}.header__page nav a:active,.header__page nav a:focus,.header__page nav a:hover{background-color:rgba(0,0,0,.2);color:#000}.table__link{width:100%;border:0;table-layout:auto}.table__link tbody{border-bottom:1px solid #000}.table__link tbody:hover{background-color:#ccc}.table__link td,.table__link th{border:0}.table__link .cell__icon{width:48px;text-align:center}.table__link .cell__icon img{vertical-align:text-top}.table__link .cell__link{padding-right:8px;padding-left:8px}.table__link .cell__link:hover{background-color:#0c85ff}.table__link .cell__link:hover a:first-child{display:none}.table__link .cell__link:hover a:last-child{display:block;color:#fff}.table__link .cell__link a{display:block}.table__link .cell__link a:last-child{display:none}.table__link .cell__date,.table__link th:last-child{width:16%;text-align:center}.table__link .cell__text{padding-right:8px;padding-left:8px}.table__link .cell__text div{width:100%}.table__link .cell__text .shorten{max-height:44px}.card_body .bkg_box{position:absolute;top:0;left:0;width:100%;height:100%}.card_body{height:100%}.card_body .bkg_box{transition-duration:.8s;overflow:hidden;vertical-align:top;z-index:-1}.card_body .bkg_box>svg{position:relative}.card_body .flex_wrap_center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.card_body .flex_content{position:relative;padding:64px 64px 24px;border:1px solid #fff;background-color:#f5f5f5;z-index:40}.card_body h1{margin:16px 0;color:#1e1e1e;font-size:24px;line-height:1.4em;font-weight:400}.card_body .block__column_2,.card_body .block__column_3,.card_body caption,.card_body p{margin-top:0;margin-bottom:16px;font-size:12px;line-height:1.4em}.card_body .marked{padding-left:1em;text-indent:-1em;text-align:center}.card_body .marked:before{content:"* "}.card_body .decent{color:#666}.card_body a{color:#000;text-decoration:none}.card_body a:hover{color:#f4f9fa;background-color:#0c85ff;text-decoration:none}.wip,.wip_txt{border-right:8px solid rgba(220,20,60,.8);background-color:rgba(220,20,60,.1)!important}.wip:after,.wip:before{content:"";display:block;height:48px}.exp_expose:after,.exp_expose:before,.exp_expose_post:before,.exp_expose_pre:after{content:"";display:block;height:48px;background-color:rgba(183,224,240,.1)!important}.exp_pop{display:none}.exp_wrap{position:relative}.exp_pop{position:absolute;z-index:100;top:128px;left:128px;padding:4px;border:4px solid gray;border-radius:4px;background-color:gray;pointer-events:none}.exp_marker_pop{position:absolute;top:-12.75px;right:-8.5px;width:17px;height:17px;border:1px solid #fff;border-radius:17px;color:#fff;background-color:#000}.exp_overlay_btn{position:fixed;width:3em;height:2em;cursor:pointer}.exp_help_btn{display:table;right:16px;bottom:16px;background-color:rgba(0,0,0,.4)}.exp_help_btn:hover{background-color:#fff}.exp_help_btn:hover>.span__solo{color:#000}.exp_help_btn .span__solo{display:table-cell;color:hsla(0,0%,100%,.8);font-family:Courier New,monospace;font-size:1.4em;text-align:center;vertical-align:middle}.expose_height{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(183,224,240,.1)!important;transition:height .5s ease}.print_body [class^=din]{background-color:#fff}.print_body{font-size:10pt;margin:10vh 20vw}@page{.print_body{size:A4;margin:1.2cm}}@page :first{.print_body{size:A4;margin:0}}.print_body .dina4{padding:1.2cm 1.2cm 1.2cm 2.4cm}.print_body .dina4 .page_foot,.print_body .dina4 .page_head{right:1.2cm;left:2.4cm}.print_body .dina4 .page_head{top:1.2cm}.print_body .dina4 .page_foot{bottom:1.2cm}.print_body .dina5{padding:0 0 0 1.2cm}.print_body .dina5 .page_foot,.print_body .dina5 .page_head{right:0;left:1.2cm}.print_body .dina5 .page_head{top:0}.print_body .dina5 .page_foot{bottom:0}.print_body .dina6{padding:0 0 0 1.2cm}.print_body .dina6 .page_foot,.print_body .dina6 .page_head{right:0;left:1.2cm}.print_body .dina6 .page_head{top:0}.print_body .dina6 .page_foot{bottom:0}.print_body [class^=din]{position:relative;overflow:auto;margin:32px auto}.print_body [class^=din] .page_foot,.print_body [class^=din] .page_head{position:absolute}.print_body [class^=din] .page_head{page:cover}.print_body [class^=din] .page_foot{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.print_body [class^=din] .page_foot :last-child{margin-bottom:0}.print_body [class^=din] .page_foot .block__column_2,.print_body [class^=din] .page_foot .block__column_3,.print_body [class^=din] .page_foot caption,.print_body [class^=din] .page_foot p{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;margin:0;font-size:8pt;line-height:10pt;text-align:center}.print_body [class^=din] .page_foot .page_no{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;font-size:20pt;line-height:1;text-align:right}.print_body [class^=din] .page_foot .block__column_2:first-child,.print_body [class^=din] .page_foot .block__column_3:first-child,.print_body [class^=din] .page_foot caption:first-child,.print_body [class^=din] .page_foot p:first-child{text-align:left}.print_body [class^=din] .page_content{margin-top:10cm;margin-bottom:2cm}.print_body .page_date,.print_body .page_title{font-size:14pt}.print_body .page_title{margin:0}.print_body .page_date,.print_body .page_no{float:right}.print_body .page_author{position:absolute;top:5cm;right:0;text-align:right}.print_body .page_recipient{position:absolute;top:5cm;left:0}.demo__intro{border-top-width:8px;border-top-style:solid;border-color:#000;padding-top:32px}.demo__header{padding:16px}.demo__header nav ul{margin:0}.header__fancy{background-color:rgba(211,10,81,.6)}.header__fancy nav a{background-color:rgba(250,216,3,.6);color:#fad803}.header__fancy nav a:active,.header__fancy nav a:focus,.header__fancy nav a:hover{background-color:hsla(0,0%,100%,.2);color:#fff}.header__fix{position:relative;top:0;left:0;width:100%;background-color:rgba(39,63,139,.6)}.header__fix nav a:active,.header__fix nav a:focus,.header__fix nav a:hover{background-color:hsla(0,0%,100%,.2);color:#fff}.demo__footer{width:100%;padding:16px 0;background-color:#333;color:#ccc}.demo__footer nav a{color:#fff}.demo__avatar img{opacity:1;width:128px;height:auto;min-width:128px;min-height:128px;border-radius:50%;background-color:#b7e0f0}.demo__flag{height:40vh}.demo__credits{margin:32px 0 8px}.demo__button_32{width:32px;height:32px}.demo__queries>.block__column_2,.demo__queries>.block__column_3,.demo__queries>caption,.demo__queries>p{padding:5px 8px}.query__phoneUp{background-color:rgba(0,0,0,.2)}@media (max-width:767px){.query__phoneOnly{background-color:rgba(0,0,0,.2)}}@media (min-width:768px) and (max-width:1023px){.query__tabletPortaitOnly{background-color:rgba(0,0,0,.2)}}@media (min-width:768px){.query__tabletPortraitUp{background-color:rgba(0,0,0,.2)}}@media (min-width:1024px) and (max-width:1279px){.query__tabletLandscapeOnly{background-color:rgba(0,0,0,.2)}}@media (min-width:1024px){.query__tabletLandscapeUp{background-color:rgba(0,0,0,.2)}}@media (min-width:1280px) and (max-width:1679px){.query__desktopOnly{background-color:rgba(0,0,0,.2)}}@media (min-width:1280px){.query__desktopUp{background-color:rgba(0,0,0,.2)}}@media (min-width:1680px){.query__bigDesktopUp{background-color:rgba(0,0,0,.2)}}.demo__query_example{margin-bottom:32px;padding:32px;text-align:center}@media (min-width:48em){.demo__query_example{background-color:#fad803}}@media (min-width:64em){.demo__query_example{background-color:#d30a51}}@media (min-width:80em){.demo__query_example{background-color:#273f8b}}@media (min-width:90em){.demo__query_example{background-color:#b7e0f0}}@media (min-width:105em){.demo__query_example{background-color:#52bed1}}@media (min-width:120em){.demo__query_example{background-color:#0c85ff}}.demo__query_example:after{content:"< 768px";padding:5px 8px;border-radius:2px;background-color:rgba(0,0,0,.2)}@media (min-width:48em){.demo__query_example:after{content:"768px"}}@media (min-width:64em){.demo__query_example:after{content:"1024px"}}@media (min-width:80em){.demo__query_example:after{content:"1280px"}}@media (min-width:105em){.demo__query_example:after{content:"1680px"}}@media (min-width:120em){.demo__query_example:after{content:"1920px"}}.wrap{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.hello{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;padding:1em 5em;background-color:rgba(0,0,0,.25)}.test li:after{content:"";display:block;height:16px}.front_color_1{color:#fad803}.front_color_1:after{background-color:#fad803}.front_color_2{color:#d30a51}.front_color_2:after{background-color:#d30a51}.front_color_3{color:#273f8b}.front_color_3:after{background-color:#273f8b}.front_color_4{color:#b7e0f0}.front_color_4:after{background-color:#b7e0f0}.front_color_5{color:#52bed1}.front_color_5:after{background-color:#52bed1}.back_color_1,.label_1{background-color:#fad803}.back_color_2,.label_2{background-color:#d30a51}.back_color_3,.label_3{background-color:#273f8b}.back_color_4{background-color:#b7e0f0}.back_color_5{background-color:#52bed1}.label_1,.label_2,.label_3{padding:0 4px} /*# sourceMappingURL=example.min.css.map */ diff --git a/build/js/all.min.js b/build/js/all.min.js index b7dcddb..ae076c6 100644 --- a/build/js/all.min.js +++ b/build/js/all.min.js @@ -1,4 +1,4 @@ -var w=Math.max(document.documentElement.clientWidth,window.innerWidth||0),h=Math.max(document.documentElement.clientHeight,window.innerHeight||0),full_view_hover=!1,doc_pos_y=0,basic_ease=600,scroll_y_margin=h; +var w=Math.max(document.documentElement.clientWidth,window.innerWidth||0),h=Math.max(document.documentElement.clientHeight,window.innerHeight||0),full_view_hover=!0,doc_pos_y=0,basic_ease=600,scroll_y_margin=h; function setup(){$("#js_tph").length&&full_view_hover&&$("#js_tph").addClass("hover_full_view_change")}function Utils(){}function scrollNav(){$(".nav a").click(function(){$(".active").removeClass("active"),$(this).closest("li").addClass("active");var t=$(this).attr("class");return $("."+t).parent("li").addClass("active"),$("html, body").stop().animate({scrollTop:$($(this).attr("href")).offset().top-160},400),!1}),$(".scrollTop a").scrollTop()}Utils.prototype={constructor:Utils,isElementInView:function(t,s){var l=$(window).scrollTop(),o=l+$(window).height(),i=$(t).offset().top,e=i+$(t).height();return!0===s?le:i<=o&&e>=l}};var Utils=new Utils; $(document).ready(function(){setup();var e=!1;$(".js_pop").hover(function(){$(this);$(this).attr("emmet"),$(this).next(".exp_pop").show()},function(){$(this).next(".exp_pop").hide()}).mousemove(function(e){$(this).next(".exp_pop").css({top:e.pageY-$(this).next(".exp_pop").outerHeight()-4,left:e.pageX+8})}),$(".exp_help_btn").click(function(t){var s,o;1!=e?(e=!0,$(".js_pop").each(function(e,t){"static"==$(this).css("position")&&($(this).addClass("js_changed_pos"),$(this).css("position","relative")),o=$(this).next(".exp_pop").detach(),(s=$(this).wrap('').parent().prepend('')).after(o)})):($(".js_pop").each(function(e,t){s=$(this).parent(".exp_wrap"),o=s.next(".exp_pop").detach(),s.find(".exp_marker_pop").remove(),$(this).unwrap(".exp_wrap"),$(this).after(o),$(this).hasClass("js_changed_pos")&&($(this).css("position",""),""==$(this).attr("style")&&$(this).removeAttr("style"),$(this).removeClass("js_changed_pos"))}),e=!1),console.log("Explanation mode: "+e)}),$("#js_scrolltop").click(function(e){console.log("scroll to the top"),e.preventDefault(),$("body").animate({scrollTop:0},basic_ease,function(){console.log("arrived at top")})}),$("#js_scrolldown").click(function(e){console.log("scroll down"),e.preventDefault(),$("body").animate({scrollTop:$(document).height()},2*basic_ease,function(){console.log("arrived at bottom")})}),$("#gameIcon").click(function(e){e.preventDefault(),$(this).clone().appendTo("#gameDetail"),$(this).siblings().clone().appendTo("#gameDetail"),$("#gameDetail").removeClass("magic")});var t=0;$(".pass-def dd").each(function(){$(this).find("li").each(function(e){if(0==$(this).children("ul").length){var s=$(this).html();$(this).html(s+''+t+""),t++}})})}),$(document).scroll(function(){doc_pos_y=$(document).scrollTop();var e=scroll_y_margin;doc_pos_y>e?$("#js_scrolltop").parent().removeClass("magic"):$("#js_scrolltop").parent().addClass("magic")}); -//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZhcmlhYmxlcy5qcyIsImZ1bmN0aW9ucy5qcyIsImdsb2JhbC5qcyJdLCJuYW1lcyI6WyJ3IiwiTWF0aCIsIm1heCIsImRvY3VtZW50IiwiZG9jdW1lbnRFbGVtZW50IiwiY2xpZW50V2lkdGgiLCJ3aW5kb3ciLCJpbm5lcldpZHRoIiwiaCIsImNsaWVudEhlaWdodCIsImlubmVySGVpZ2h0IiwiZnVsbF92aWV3X2hvdmVyIiwiZG9jX3Bvc195IiwiYmFzaWNfZWFzZSIsInNjcm9sbF95X21hcmdpbiIsInNldHVwIiwiJCIsImxlbmd0aCIsImFkZENsYXNzIiwiVXRpbHMiLCJzY3JvbGxOYXYiLCJjbGljayIsInJlbW92ZUNsYXNzIiwidGhpcyIsImNsb3Nlc3QiLCJ0aGVDbGFzcyIsImF0dHIiLCJwYXJlbnQiLCJzdG9wIiwiYW5pbWF0ZSIsInNjcm9sbFRvcCIsIm9mZnNldCIsInRvcCIsInByb3RvdHlwZSIsImNvbnN0cnVjdG9yIiwiaXNFbGVtZW50SW5WaWV3IiwiZWxlbWVudCIsImZ1bGx5SW5WaWV3IiwicGFnZVRvcCIsInBhZ2VCb3R0b20iLCJoZWlnaHQiLCJlbGVtZW50VG9wIiwiZWxlbWVudEJvdHRvbSIsInJlYWR5IiwiZXhwX21vZGUiLCJob3ZlciIsIm5leHQiLCJzaG93IiwiaGlkZSIsIm1vdXNlbW92ZSIsImV2IiwiY3NzIiwicGFnZVkiLCJvdXRlckhlaWdodCIsImxlZnQiLCJwYWdlWCIsImUiLCIkd3JhcCIsIiRwb3AiLCJlYWNoIiwiaSIsImRldGFjaCIsIndyYXAiLCJwcmVwZW5kIiwiYWZ0ZXIiLCJmaW5kIiwicmVtb3ZlIiwidW53cmFwIiwiaGFzQ2xhc3MiLCJyZW1vdmVBdHRyIiwiY29uc29sZSIsImxvZyIsImV2ZW50IiwicHJldmVudERlZmF1bHQiLCJjbG9uZSIsImFwcGVuZFRvIiwic2libGluZ3MiLCJpbmRleCIsImNoaWxkcmVuIiwidGVtcENvbnRlbnQiLCJodG1sIiwic2Nyb2xsIl0sIm1hcHBpbmdzIjoiQUFB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QVFDLElBQUkscUJBQ1pDLEVBQU1DLGlCQUVOekQsRUFBRSxRQUFRYSxTQUFTQyxVQUFXLEdBQUlqQixXQUFZLFdBQzVDeUQsUUFBUUMsSUFBSSxzQkFHZnZELEVBQUUsa0JBQWtCSyxNQUFNLFNBQVNtRCxHQUNsQ0YsUUFBUUMsSUFBSSxlQUNaQyxFQUFNQyxpQkFDTnpELEVBQUUsUUFBUWEsU0FBU0MsVUFBV2QsRUFBRWIsVUFBVXFDLFVBQXdCLEVBQWIzQixXQUFnQixXQUNuRXlELFFBQVFDLElBQUkseUJBTWZ2RCxFQUFHLGFBQWNLLE1BQU0sU0FBU21ELEdBQy9CQSxFQUFNQyxpQkFDTnpELEVBQUdPLE1BQU9tRCxRQUFRQyxTQUFVLGVBQzVCM0QsRUFBR08sTUFBT3FELFdBQVdGLFFBQVFDLFNBQVUsZUFDdkMzRCxFQUFHLGVBQWdCTSxZQUFhLFdBR2pDLElBQUlzQyxFQUFJLEVBQ1I1QyxFQUFHLGdCQUFpQjJDLEtBQUssV0FDeEIzQyxFQUFHTyxNQUFPMEMsS0FBTSxNQUFPTixLQUFLLFNBQVVrQixHQUNyQyxHQUFLLEdBQUs3RCxFQUFHTyxNQUFPdUQsU0FBVSxNQUFPN0QsT0FBUyxDQUU3QyxJQUFJOEQsRUFBYy9ELEVBQUdPLE1BQU95RCxPQUU1QmhFLEVBQUdPLE1BQU95RCxLQUFNRCxFQUFhLDRCQUErQm5CLEVBQUcsV0FDL0RBLFdBYUo1QyxFQUFHYixVQUFXOEUsT0FBTyxXQUdwQnJFLFVBQVlJLEVBQUdiLFVBQVcyQixZQUUxQixJQUFJdEIsRUFBSU0sZ0JBRUpGLFVBQVlKLEVBQ2ZRLEVBQUUsaUJBQWlCVyxTQUFTTCxZQUFZLFNBRXhDTixFQUFFLGlCQUFpQlcsU0FBU1QsU0FBUyIsImZpbGUiOiJhbGwubWluLmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIHcgPSBNYXRoLm1heChkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGgsIHdpbmRvdy5pbm5lcldpZHRoIHx8IDApO1xyXG52YXIgaCA9IE1hdGgubWF4KGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGllbnRIZWlnaHQsIHdpbmRvdy5pbm5lckhlaWdodCB8fCAwKTtcclxuXHJcbnZhciBmdWxsX3ZpZXdfaG92ZXIgPSBmYWxzZTtcclxuXHJcbnZhciBkb2NfcG9zX3kgPSAwO1xyXG52YXIgYmFzaWNfZWFzZSA9IDYwMDtcclxudmFyIHNjcm9sbF95X21hcmdpbiA9IGg7XHJcblxyXG5cclxuLy8gVEVTVFxyXG4vLyB2YXIgZml4ZWRfY29udGFpbmVycyA9IFtdO1xyXG4iLCJmdW5jdGlvbiBzZXR1cCgpIHtcclxuXHRpZigkKCcjanNfdHBoJykubGVuZ3RoICYmIGZ1bGxfdmlld19ob3Zlcikge1xyXG5cdFx0Ly8gJCgnYm9keScpLnByZXBlbmQoXCI8ZGl2IGlkPVxcXCJqc190cGhcXFwiIGNsYXNzPVxcXCJsYXllcl9faG92ZXIgaG92ZXJfZnVsbF92aWV3X2NoYW5nZVxcXCI+PC9kaXY+XCIpO1xyXG5cdFx0JCgnI2pzX3RwaCcpLmFkZENsYXNzKFwiaG92ZXJfZnVsbF92aWV3X2NoYW5nZVwiKTtcclxuXHR9XHJcbn1cclxuXHJcbi8vIGdldCBkb2N1bWVudCBjb29yZGluYXRlcyBvZiB0aGUgZWxlbWVudFxyXG4vLyBmdW5jdGlvbiBnZXRDb29yZHMoZWxlbSkge1xyXG4vLyAgIGxldCBib3ggPSBlbGVtLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4vL1xyXG4vLyAgIHJldHVybiB7XHJcbi8vICAgICB0b3A6IGJveC50b3AgKyBwYWdlWU9mZnNldCxcclxuLy8gICAgIGxlZnQ6IGJveC5sZWZ0ICsgcGFnZVhPZmZzZXRcclxuLy8gICB9O1xyXG4vLyB9XHJcblxyXG4vLyBodHRwczovL3N0YWNrb3ZlcmZsb3cuY29tL2EvNDg4MDczLzE0NDQxNDlcclxuZnVuY3Rpb24gVXRpbHMoKSB7XHJcblxyXG59XHJcblxyXG5VdGlscy5wcm90b3R5cGUgPSB7XHJcbiAgICBjb25zdHJ1Y3RvcjogVXRpbHMsXHJcbiAgICBpc0VsZW1lbnRJblZpZXc6IGZ1bmN0aW9uIChlbGVtZW50LCBmdWxseUluVmlldykge1xyXG4gICAgICAgIHZhciBwYWdlVG9wID0gJCh3aW5kb3cpLnNjcm9sbFRvcCgpO1xyXG4gICAgICAgIHZhciBwYWdlQm90dG9tID0gcGFnZVRvcCArICQod2luZG93KS5oZWlnaHQoKTtcclxuICAgICAgICB2YXIgZWxlbWVudFRvcCA9ICQoZWxlbWVudCkub2Zmc2V0KCkudG9wO1xyXG4gICAgICAgIHZhciBlbGVtZW50Qm90dG9tID0gZWxlbWVudFRvcCArICQoZWxlbWVudCkuaGVpZ2h0KCk7XHJcblxyXG4gICAgICAgIGlmIChmdWxseUluVmlldyA9PT0gdHJ1ZSkge1xyXG4gICAgICAgICAgICByZXR1cm4gKChwYWdlVG9wIDwgZWxlbWVudFRvcCkgJiYgKHBhZ2VCb3R0b20gPiBlbGVtZW50Qm90dG9tKSk7XHJcbiAgICAgICAgfSBlbHNlIHtcclxuICAgICAgICAgICAgcmV0dXJuICgoZWxlbWVudFRvcCA8PSBwYWdlQm90dG9tKSAmJiAoZWxlbWVudEJvdHRvbSA+PSBwYWdlVG9wKSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59O1xyXG5cclxudmFyIFV0aWxzID0gbmV3IFV0aWxzKCk7XHJcblxyXG4vLyBURVNUXHJcblxyXG5mdW5jdGlvbiBzY3JvbGxOYXYoKSB7XHJcblx0JCgnLm5hdiBhJykuY2xpY2soZnVuY3Rpb24oKXtcclxuXHRcdC8vVG9nZ2xlIENsYXNzXHJcblx0XHQkKFwiLmFjdGl2ZVwiKS5yZW1vdmVDbGFzcyhcImFjdGl2ZVwiKTtcclxuXHRcdCQodGhpcykuY2xvc2VzdCgnbGknKS5hZGRDbGFzcyhcImFjdGl2ZVwiKTtcclxuXHRcdHZhciB0aGVDbGFzcyA9ICQodGhpcykuYXR0cihcImNsYXNzXCIpO1xyXG5cdFx0JCgnLicrdGhlQ2xhc3MpLnBhcmVudCgnbGknKS5hZGRDbGFzcygnYWN0aXZlJyk7XHJcblx0XHQvL0FuaW1hdGVcclxuXHRcdCQoJ2h0bWwsIGJvZHknKS5zdG9wKCkuYW5pbWF0ZSh7XHJcblx0XHRcdFx0c2Nyb2xsVG9wOiAkKCAkKHRoaXMpLmF0dHIoJ2hyZWYnKSApLm9mZnNldCgpLnRvcCAtIDE2MFxyXG5cdFx0fSwgNDAwKTtcclxuXHRcdHJldHVybiBmYWxzZTtcclxuXHR9KTtcclxuXHQkKCcuc2Nyb2xsVG9wIGEnKS5zY3JvbGxUb3AoKTtcclxufVxyXG4iLCIvLyBET00gcmVhZHlcclxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXHJcbiQoIGRvY3VtZW50ICkucmVhZHkoZnVuY3Rpb24oKSB7XHJcblxyXG5cdC8vIFNldHVwXHJcblx0Ly8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXHJcblxyXG5cdHNldHVwKCk7XHJcblxyXG5cclxuXHJcblx0Ly8gTW9kdWxlc1xyXG5cdC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxyXG5cclxuXHQvLyBFeHBsYW5hdGlvbiBtb2R1bGUgc2NyaXB0c1xyXG5cdHZhciBleHBfbW9kZSA9IGZhbHNlO1xyXG5cclxuXHQvLyBEaXNwbGF5cyBleHBsYW5hdGlvbiBwb3B1cFxyXG5cdCQoXCIuanNfcG9wXCIpLmhvdmVyKFxyXG5cdFx0ZnVuY3Rpb24oKSB7XHJcblx0XHRcdHZhciAkdGhpcyA9ICQodGhpcyk7XHJcblxyXG5cdFx0XHRpZigkKHRoaXMpLmF0dHIoXCJlbW1ldFwiKSl7XHJcblxyXG5cdFx0XHR9XHJcblxyXG5cdFx0XHQkKHRoaXMpLm5leHQoXCIuZXhwX3BvcFwiKS5zaG93KCk7XHJcblx0XHR9LCBmdW5jdGlvbigpIHtcclxuXHRcdFx0JCh0aGlzKS5uZXh0KFwiLmV4cF9wb3BcIikuaGlkZSgpO1xyXG5cdFx0fVxyXG5cdCkubW91c2Vtb3ZlKFxyXG5cdFx0ZnVuY3Rpb24oZXYpIHtcclxuXHRcdFx0JCh0aGlzKS5uZXh0KFwiLmV4cF9wb3BcIikuY3NzKHtcclxuXHRcdFx0XHRcInRvcFwiOiBldi5wYWdlWSAtICQodGhpcykubmV4dChcIi5leHBfcG9wXCIpLm91dGVySGVpZ2h0KCkgLSA0LFxyXG5cdFx0XHRcdFwibGVmdFwiOiBldi5wYWdlWCArIDhcclxuXHRcdFx0fSk7XHJcblx0XHR9XHJcblx0KTtcclxuXHJcblx0Ly8gV0lQIEFjdGl2YXRlcyBsYXllciB3aXRoIGV4cGxhbmF0aW9uIGVsZW1lbnRzXHJcblx0Ly8gQmVzc2VyIDo6YWZ0ZXIgb2RlciA6OmJlZm9yZSBiZW51dHplblxyXG5cdCQoXCIuZXhwX2hlbHBfYnRuXCIpLmNsaWNrKGZ1bmN0aW9uKGUpe1xyXG5cdFx0dmFyICR3cmFwLCAkcG9wO1xyXG5cclxuXHRcdGlmKGV4cF9tb2RlICE9IHRydWUpe1xyXG5cdFx0XHRleHBfbW9kZSA9IHRydWU7XHJcblxyXG5cdFx0XHQkKFwiLmpzX3BvcFwiKS5lYWNoKGZ1bmN0aW9uKGksIGUpe1xyXG5cdFx0XHRcdGlmKCQodGhpcykuY3NzKFwicG9zaXRpb25cIikgPT0gXCJzdGF0aWNcIikge1xyXG5cdFx0XHRcdFx0JCh0aGlzKS5hZGRDbGFzcyhcImpzX2NoYW5nZWRfcG9zXCIpO1xyXG5cdFx0XHRcdFx0JCh0aGlzKS5jc3MoXCJwb3NpdGlvblwiLCBcInJlbGF0aXZlXCIpO1xyXG5cdFx0XHRcdH1cclxuXHJcblx0XHRcdFx0JHBvcCA9ICQodGhpcykubmV4dChcIi5leHBfcG9wXCIpLmRldGFjaCgpO1xyXG5cdFx0XHRcdCR3cmFwID0gJCh0aGlzKS53cmFwKFwiPHNwYW4gY2xhc3M9XFxcImV4cF93cmFwXFxcIj48L3NwYW4+XCIpLnBhcmVudCgpLnByZXBlbmQoXCI8c3BhbiBjbGFzcz1cXFwiZXhwX21hcmtlcl9wb3BcXFwiPjwvc3Bhbj5cIik7XHJcblx0XHRcdFx0JHdyYXAuYWZ0ZXIoJHBvcCk7XHJcblx0XHRcdH0pO1xyXG5cclxuXHRcdH0gZWxzZSB7XHJcblx0XHRcdCQoXCIuanNfcG9wXCIpLmVhY2goZnVuY3Rpb24oaSwgZSl7XHJcblx0XHRcdFx0JHdyYXAgPSAkKHRoaXMpLnBhcmVudChcIi5leHBfd3JhcFwiKTtcclxuXHRcdFx0XHQkcG9wID0gJHdyYXAubmV4dChcIi5leHBfcG9wXCIpLmRldGFjaCgpO1xyXG5cdFx0XHRcdCR3cmFwLmZpbmQoXCIuZXhwX21hcmtlcl9wb3BcIikucmVtb3ZlKCk7XHJcblx0XHRcdFx0JCh0aGlzKS51bndyYXAoXCIuZXhwX3dyYXBcIik7XHJcblx0XHRcdFx0JCh0aGlzKS5hZnRlcigkcG9wKTtcclxuXHRcdFx0XHRpZigkKHRoaXMpLmhhc0NsYXNzKFwianNfY2hhbmdlZF9wb3NcIikpe1xyXG5cdFx0XHRcdFx0JCh0aGlzKS5jc3MoXCJwb3NpdGlvblwiLCBcIlwiKTtcclxuXHRcdFx0XHRcdGlmKCQodGhpcykuYXR0cihcInN0eWxlXCIpID09IFwiXCIpIHtcclxuXHRcdFx0XHRcdFx0JCh0aGlzKS5yZW1vdmVBdHRyKFwic3R5bGVcIik7XHJcblx0XHRcdFx0XHR9XHJcblx0XHRcdFx0XHQkKHRoaXMpLnJlbW92ZUNsYXNzKFwianNfY2hhbmdlZF9wb3NcIik7XHJcblx0XHRcdFx0fVxyXG5cdFx0XHR9KTtcclxuXHJcblx0XHRcdGV4cF9tb2RlID0gZmFsc2U7XHJcblxyXG5cdFx0fVxyXG5cdFx0Y29uc29sZS5sb2coXCJFeHBsYW5hdGlvbiBtb2RlOiBcIisgZXhwX21vZGUpO1xyXG5cdH0pO1xyXG5cclxuXHQvL1x0V0lQIFNjcm9sbCB0byB0b3BcclxuXHQkKCcjanNfc2Nyb2xsdG9wJykuY2xpY2soZnVuY3Rpb24oZXZlbnQpIHtcclxuXHRcdGNvbnNvbGUubG9nKCdzY3JvbGwgdG8gdGhlIHRvcCcpO1xyXG5cdFx0ZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuXHRcdC8vICQoJ2JvZHknKS5zY3JvbGxUb3AoKTtcclxuXHRcdCQoJ2JvZHknKS5hbmltYXRlKHtzY3JvbGxUb3A6IDB9LCBiYXNpY19lYXNlLCBmdW5jdGlvbigpIHtcclxuXHRcdFx0IGNvbnNvbGUubG9nKCdhcnJpdmVkIGF0IHRvcCcpO1xyXG5cdFx0fSk7XHJcblx0fSk7XHJcblx0JCgnI2pzX3Njcm9sbGRvd24nKS5jbGljayhmdW5jdGlvbihldmVudCkge1xyXG5cdFx0Y29uc29sZS5sb2coJ3Njcm9sbCBkb3duJyk7XHJcblx0XHRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG5cdFx0JCgnYm9keScpLmFuaW1hdGUoe3Njcm9sbFRvcDogJChkb2N1bWVudCkuaGVpZ2h0KCl9LCBiYXNpY19lYXNlICogMiwgZnVuY3Rpb24oKSB7XHJcblx0XHRcdCBjb25zb2xlLmxvZygnYXJyaXZlZCBhdCBib3R0b20nKTtcclxuXHRcdH0pO1xyXG5cdH0pO1xyXG5cclxuXHJcblxyXG5cdCQoIFwiI2dhbWVJY29uXCIgKS5jbGljayhmdW5jdGlvbihldmVudCkge1xyXG5cdFx0ZXZlbnQucHJldmVudERlZmF1bHQoKTtcclxuXHRcdCQoIHRoaXMgKS5jbG9uZSgpLmFwcGVuZFRvKCBcIiNnYW1lRGV0YWlsXCIgKTtcclxuXHRcdCQoIHRoaXMgKS5zaWJsaW5ncygpLmNsb25lKCkuYXBwZW5kVG8oIFwiI2dhbWVEZXRhaWxcIiApO1xyXG5cdFx0JCggXCIjZ2FtZURldGFpbFwiICkucmVtb3ZlQ2xhc3MoIFwibWFnaWNcIiApO1xyXG5cdH0pO1xyXG5cclxuXHR2YXIgaSA9IDA7XHJcblx0JCggXCIucGFzcy1kZWYgZGRcIiApLmVhY2goZnVuY3Rpb24oKSB7XHJcblx0XHQkKCB0aGlzICkuZmluZCggXCJsaVwiICkuZWFjaChmdW5jdGlvbiggaW5kZXggKSB7XHJcblx0XHRcdGlmICggMCA9PSAkKCB0aGlzICkuY2hpbGRyZW4oIFwidWxcIiApLmxlbmd0aCApIHtcclxuXHRcdFx0XHQvL2NvbnNvbGUubG9nKCBpbmRleCArIFwiOiBcIiArICQoIHRoaXMgKS50ZXh0KCkgKTtcclxuXHRcdFx0XHR2YXIgdGVtcENvbnRlbnQgPSAkKCB0aGlzICkuaHRtbCgpO1xyXG5cdFx0XHRcdC8vJCggdGhpcyApLmh0bWwoIFwiPHNwYW4gY2xhc3M9XFxcImxpc3QtY291bnRcXFwiPjwvc3Bhbj5cIiApO1xyXG5cdFx0XHRcdCQoIHRoaXMgKS5odG1sKCB0ZW1wQ29udGVudCArXCI8c3BhbiBjbGFzcz1cXFwibGlzdC1jb3VudFxcXCI+XCIrIGkgK1wiPC9zcGFuPlwiICk7XHJcblx0XHRcdFx0aSsrO1xyXG5cdFx0XHR9XHJcblx0XHR9KVxyXG5cdH0pO1xyXG5cclxuXHJcblxyXG59KTtcclxuXHJcblxyXG5cclxuLy8gU2Nyb2xsXHJcbi8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxyXG4kKCBkb2N1bWVudCApLnNjcm9sbChmdW5jdGlvbigpIHtcclxuXHJcblx0Ly8gVG9nZ2xlIG5hdmlnYXRpb24gZWxlbWVudHNcclxuXHRkb2NfcG9zX3kgPSAkKCBkb2N1bWVudCApLnNjcm9sbFRvcCgpO1xyXG5cdC8vIGNvbnNvbGUubG9nKGRvY19wb3NfeSk7XHJcblx0dmFyIGggPSBzY3JvbGxfeV9tYXJnaW47XHJcblx0Ly8gdmFyIGRlbW9fbWFyZ2luID0gJCgnLmhlYWRlcl9fZml4Jyk7XHJcblx0aWYgKGRvY19wb3NfeSA+IGgpIHtcclxuXHRcdCQoJyNqc19zY3JvbGx0b3AnKS5wYXJlbnQoKS5yZW1vdmVDbGFzcygnbWFnaWMnKTtcclxuXHR9IGVsc2Uge1xyXG5cdFx0JCgnI2pzX3Njcm9sbHRvcCcpLnBhcmVudCgpLmFkZENsYXNzKCdtYWdpYycpO1xyXG5cdH1cclxuXHJcblxyXG5cclxufSk7XHJcbiJdfQ== +//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZhcmlhYmxlcy5qcyIsImZ1bmN0aW9ucy5qcyIsImdsb2JhbC5qcyJdLCJuYW1lcyI6WyJ3IiwiTWF0aCIsIm1heCIsImRvY3VtZW50IiwiZG9jdW1lbnRFbGVtZW50IiwiY2xpZW50V2lkdGgiLCJ3aW5kb3ciLCJpbm5lcldpZHRoIiwiaCIsImNsaWVudEhlaWdodCIsImlubmVySGVpZ2h0IiwiZnVsbF92aWV3X2hvdmVyIiwiZG9jX3Bvc195IiwiYmFzaWNfZWFzZSIsInNjcm9sbF95X21hcmdpbiIsInNldHVwIiwiJCIsImxlbmd0aCIsImFkZENsYXNzIiwiVXRpbHMiLCJzY3JvbGxOYXYiLCJjbGljayIsInJlbW92ZUNsYXNzIiwidGhpcyIsImNsb3Nlc3QiLCJ0aGVDbGFzcyIsImF0dHIiLCJwYXJlbnQiLCJzdG9wIiwiYW5pbWF0ZSIsInNjcm9sbFRvcCIsIm9mZnNldCIsInRvcCIsInByb3RvdHlwZSIsImNvbnN0cnVjdG9yIiwiaXNFbGVtZW50SW5WaWV3IiwiZWxlbWVudCIsImZ1bGx5SW5WaWV3IiwicGFnZVRvcCIsInBhZ2VCb3R0b20iLCJoZWlnaHQiLCJlbGVtZW50VG9wIiwiZWxlbWVudEJvdHRvbSIsInJlYWR5IiwiZXhwX21vZGUiLCJob3ZlciIsIm5leHQiLCJzaG93IiwiaGlkZSIsIm1vdXNlbW92ZSIsImV2IiwiY3NzIiwicGFnZVkiLCJvdXRlckhlaWdodCIsImxlZnQiLCJwYWdlWCIsImUiLCIkd3JhcCIsIiRwb3AiLCJlYWNoIiwiaSIsImRldGFjaCIsIndyYXAiLCJwcmVwZW5kIiwiYWZ0ZXIiLCJmaW5kIiwicmVtb3ZlIiwidW53cmFwIiwiaGFzQ2xhc3MiLCJyZW1vdmVBdHRyIiwiY29uc29sZSIsImxvZyIsImV2ZW50IiwicHJldmVudERlZmF1bHQiLCJjbG9uZSIsImFwcGVuZFRvIiwic2libGluZ3MiLCJpbmRleCIsImNoaWxkcmVuIiwidGVtcENvbnRlbnQiLCJodG1sIiwic2Nyb2xsIl0sIm1hcHBpbmdzIjoiQUFB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QVFDLElBQUkscUJBQ1pDLEVBQU1DLGlCQUVOekQsRUFBRSxRQUFRYSxTQUFTQyxVQUFXLEdBQUlqQixXQUFZLFdBQzVDeUQsUUFBUUMsSUFBSSxzQkFHZnZELEVBQUUsa0JBQWtCSyxNQUFNLFNBQVNtRCxHQUNsQ0YsUUFBUUMsSUFBSSxlQUNaQyxFQUFNQyxpQkFDTnpELEVBQUUsUUFBUWEsU0FBU0MsVUFBV2QsRUFBRWIsVUFBVXFDLFVBQXdCLEVBQWIzQixXQUFnQixXQUNuRXlELFFBQVFDLElBQUkseUJBTWZ2RCxFQUFHLGFBQWNLLE1BQU0sU0FBU21ELEdBQy9CQSxFQUFNQyxpQkFDTnpELEVBQUdPLE1BQU9tRCxRQUFRQyxTQUFVLGVBQzVCM0QsRUFBR08sTUFBT3FELFdBQVdGLFFBQVFDLFNBQVUsZUFDdkMzRCxFQUFHLGVBQWdCTSxZQUFhLFdBR2pDLElBQUlzQyxFQUFJLEVBQ1I1QyxFQUFHLGdCQUFpQjJDLEtBQUssV0FDeEIzQyxFQUFHTyxNQUFPMEMsS0FBTSxNQUFPTixLQUFLLFNBQVVrQixHQUNyQyxHQUFLLEdBQUs3RCxFQUFHTyxNQUFPdUQsU0FBVSxNQUFPN0QsT0FBUyxDQUU3QyxJQUFJOEQsRUFBYy9ELEVBQUdPLE1BQU95RCxPQUU1QmhFLEVBQUdPLE1BQU95RCxLQUFNRCxFQUFhLDRCQUErQm5CLEVBQUcsV0FDL0RBLFdBYUo1QyxFQUFHYixVQUFXOEUsT0FBTyxXQUdwQnJFLFVBQVlJLEVBQUdiLFVBQVcyQixZQUUxQixJQUFJdEIsRUFBSU0sZ0JBRUpGLFVBQVlKLEVBQ2ZRLEVBQUUsaUJBQWlCVyxTQUFTTCxZQUFZLFNBRXhDTixFQUFFLGlCQUFpQlcsU0FBU1QsU0FBUyIsImZpbGUiOiJhbGwubWluLmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIHcgPSBNYXRoLm1heChkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGgsIHdpbmRvdy5pbm5lcldpZHRoIHx8IDApO1xyXG52YXIgaCA9IE1hdGgubWF4KGRvY3VtZW50LmRvY3VtZW50RWxlbWVudC5jbGllbnRIZWlnaHQsIHdpbmRvdy5pbm5lckhlaWdodCB8fCAwKTtcclxuXHJcbnZhciBmdWxsX3ZpZXdfaG92ZXIgPSB0cnVlO1xyXG5cclxudmFyIGRvY19wb3NfeSA9IDA7XHJcbnZhciBiYXNpY19lYXNlID0gNjAwO1xyXG52YXIgc2Nyb2xsX3lfbWFyZ2luID0gaDtcclxuXHJcblxyXG4vLyBURVNUXHJcbi8vIHZhciBmaXhlZF9jb250YWluZXJzID0gW107XHJcbiIsImZ1bmN0aW9uIHNldHVwKCkge1xyXG5cdGlmKCQoJyNqc190cGgnKS5sZW5ndGggJiYgZnVsbF92aWV3X2hvdmVyKSB7XHJcblx0XHQvLyAkKCdib2R5JykucHJlcGVuZChcIjxkaXYgaWQ9XFxcImpzX3RwaFxcXCIgY2xhc3M9XFxcImxheWVyX19ob3ZlciBob3Zlcl9mdWxsX3ZpZXdfY2hhbmdlXFxcIj48L2Rpdj5cIik7XHJcblx0XHQkKCcjanNfdHBoJykuYWRkQ2xhc3MoXCJob3Zlcl9mdWxsX3ZpZXdfY2hhbmdlXCIpO1xyXG5cdH1cclxufVxyXG5cclxuLy8gZ2V0IGRvY3VtZW50IGNvb3JkaW5hdGVzIG9mIHRoZSBlbGVtZW50XHJcbi8vIGZ1bmN0aW9uIGdldENvb3JkcyhlbGVtKSB7XHJcbi8vICAgbGV0IGJveCA9IGVsZW0uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XHJcbi8vXHJcbi8vICAgcmV0dXJuIHtcclxuLy8gICAgIHRvcDogYm94LnRvcCArIHBhZ2VZT2Zmc2V0LFxyXG4vLyAgICAgbGVmdDogYm94LmxlZnQgKyBwYWdlWE9mZnNldFxyXG4vLyAgIH07XHJcbi8vIH1cclxuXHJcbi8vIGh0dHBzOi8vc3RhY2tvdmVyZmxvdy5jb20vYS80ODgwNzMvMTQ0NDE0OVxyXG5mdW5jdGlvbiBVdGlscygpIHtcclxuXHJcbn1cclxuXHJcblV0aWxzLnByb3RvdHlwZSA9IHtcclxuICAgIGNvbnN0cnVjdG9yOiBVdGlscyxcclxuICAgIGlzRWxlbWVudEluVmlldzogZnVuY3Rpb24gKGVsZW1lbnQsIGZ1bGx5SW5WaWV3KSB7XHJcbiAgICAgICAgdmFyIHBhZ2VUb3AgPSAkKHdpbmRvdykuc2Nyb2xsVG9wKCk7XHJcbiAgICAgICAgdmFyIHBhZ2VCb3R0b20gPSBwYWdlVG9wICsgJCh3aW5kb3cpLmhlaWdodCgpO1xyXG4gICAgICAgIHZhciBlbGVtZW50VG9wID0gJChlbGVtZW50KS5vZmZzZXQoKS50b3A7XHJcbiAgICAgICAgdmFyIGVsZW1lbnRCb3R0b20gPSBlbGVtZW50VG9wICsgJChlbGVtZW50KS5oZWlnaHQoKTtcclxuXHJcbiAgICAgICAgaWYgKGZ1bGx5SW5WaWV3ID09PSB0cnVlKSB7XHJcbiAgICAgICAgICAgIHJldHVybiAoKHBhZ2VUb3AgPCBlbGVtZW50VG9wKSAmJiAocGFnZUJvdHRvbSA+IGVsZW1lbnRCb3R0b20pKTtcclxuICAgICAgICB9IGVsc2Uge1xyXG4gICAgICAgICAgICByZXR1cm4gKChlbGVtZW50VG9wIDw9IHBhZ2VCb3R0b20pICYmIChlbGVtZW50Qm90dG9tID49IHBhZ2VUb3ApKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbn07XHJcblxyXG52YXIgVXRpbHMgPSBuZXcgVXRpbHMoKTtcclxuXHJcbi8vIFRFU1RcclxuXHJcbmZ1bmN0aW9uIHNjcm9sbE5hdigpIHtcclxuXHQkKCcubmF2IGEnKS5jbGljayhmdW5jdGlvbigpe1xyXG5cdFx0Ly9Ub2dnbGUgQ2xhc3NcclxuXHRcdCQoXCIuYWN0aXZlXCIpLnJlbW92ZUNsYXNzKFwiYWN0aXZlXCIpO1xyXG5cdFx0JCh0aGlzKS5jbG9zZXN0KCdsaScpLmFkZENsYXNzKFwiYWN0aXZlXCIpO1xyXG5cdFx0dmFyIHRoZUNsYXNzID0gJCh0aGlzKS5hdHRyKFwiY2xhc3NcIik7XHJcblx0XHQkKCcuJyt0aGVDbGFzcykucGFyZW50KCdsaScpLmFkZENsYXNzKCdhY3RpdmUnKTtcclxuXHRcdC8vQW5pbWF0ZVxyXG5cdFx0JCgnaHRtbCwgYm9keScpLnN0b3AoKS5hbmltYXRlKHtcclxuXHRcdFx0XHRzY3JvbGxUb3A6ICQoICQodGhpcykuYXR0cignaHJlZicpICkub2Zmc2V0KCkudG9wIC0gMTYwXHJcblx0XHR9LCA0MDApO1xyXG5cdFx0cmV0dXJuIGZhbHNlO1xyXG5cdH0pO1xyXG5cdCQoJy5zY3JvbGxUb3AgYScpLnNjcm9sbFRvcCgpO1xyXG59XHJcbiIsIi8vIERPTSByZWFkeVxyXG4vLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cclxuJCggZG9jdW1lbnQgKS5yZWFkeShmdW5jdGlvbigpIHtcclxuXHJcblx0Ly8gU2V0dXBcclxuXHQvLyAtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS1cclxuXHJcblx0c2V0dXAoKTtcclxuXHJcblxyXG5cclxuXHQvLyBNb2R1bGVzXHJcblx0Ly8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXHJcblxyXG5cdC8vIEV4cGxhbmF0aW9uIG1vZHVsZSBzY3JpcHRzXHJcblx0dmFyIGV4cF9tb2RlID0gZmFsc2U7XHJcblxyXG5cdC8vIERpc3BsYXlzIGV4cGxhbmF0aW9uIHBvcHVwXHJcblx0JChcIi5qc19wb3BcIikuaG92ZXIoXHJcblx0XHRmdW5jdGlvbigpIHtcclxuXHRcdFx0dmFyICR0aGlzID0gJCh0aGlzKTtcclxuXHJcblx0XHRcdGlmKCQodGhpcykuYXR0cihcImVtbWV0XCIpKXtcclxuXHJcblx0XHRcdH1cclxuXHJcblx0XHRcdCQodGhpcykubmV4dChcIi5leHBfcG9wXCIpLnNob3coKTtcclxuXHRcdH0sIGZ1bmN0aW9uKCkge1xyXG5cdFx0XHQkKHRoaXMpLm5leHQoXCIuZXhwX3BvcFwiKS5oaWRlKCk7XHJcblx0XHR9XHJcblx0KS5tb3VzZW1vdmUoXHJcblx0XHRmdW5jdGlvbihldikge1xyXG5cdFx0XHQkKHRoaXMpLm5leHQoXCIuZXhwX3BvcFwiKS5jc3Moe1xyXG5cdFx0XHRcdFwidG9wXCI6IGV2LnBhZ2VZIC0gJCh0aGlzKS5uZXh0KFwiLmV4cF9wb3BcIikub3V0ZXJIZWlnaHQoKSAtIDQsXHJcblx0XHRcdFx0XCJsZWZ0XCI6IGV2LnBhZ2VYICsgOFxyXG5cdFx0XHR9KTtcclxuXHRcdH1cclxuXHQpO1xyXG5cclxuXHQvLyBXSVAgQWN0aXZhdGVzIGxheWVyIHdpdGggZXhwbGFuYXRpb24gZWxlbWVudHNcclxuXHQvLyBCZXNzZXIgOjphZnRlciBvZGVyIDo6YmVmb3JlIGJlbnV0emVuXHJcblx0JChcIi5leHBfaGVscF9idG5cIikuY2xpY2soZnVuY3Rpb24oZSl7XHJcblx0XHR2YXIgJHdyYXAsICRwb3A7XHJcblxyXG5cdFx0aWYoZXhwX21vZGUgIT0gdHJ1ZSl7XHJcblx0XHRcdGV4cF9tb2RlID0gdHJ1ZTtcclxuXHJcblx0XHRcdCQoXCIuanNfcG9wXCIpLmVhY2goZnVuY3Rpb24oaSwgZSl7XHJcblx0XHRcdFx0aWYoJCh0aGlzKS5jc3MoXCJwb3NpdGlvblwiKSA9PSBcInN0YXRpY1wiKSB7XHJcblx0XHRcdFx0XHQkKHRoaXMpLmFkZENsYXNzKFwianNfY2hhbmdlZF9wb3NcIik7XHJcblx0XHRcdFx0XHQkKHRoaXMpLmNzcyhcInBvc2l0aW9uXCIsIFwicmVsYXRpdmVcIik7XHJcblx0XHRcdFx0fVxyXG5cclxuXHRcdFx0XHQkcG9wID0gJCh0aGlzKS5uZXh0KFwiLmV4cF9wb3BcIikuZGV0YWNoKCk7XHJcblx0XHRcdFx0JHdyYXAgPSAkKHRoaXMpLndyYXAoXCI8c3BhbiBjbGFzcz1cXFwiZXhwX3dyYXBcXFwiPjwvc3Bhbj5cIikucGFyZW50KCkucHJlcGVuZChcIjxzcGFuIGNsYXNzPVxcXCJleHBfbWFya2VyX3BvcFxcXCI+PC9zcGFuPlwiKTtcclxuXHRcdFx0XHQkd3JhcC5hZnRlcigkcG9wKTtcclxuXHRcdFx0fSk7XHJcblxyXG5cdFx0fSBlbHNlIHtcclxuXHRcdFx0JChcIi5qc19wb3BcIikuZWFjaChmdW5jdGlvbihpLCBlKXtcclxuXHRcdFx0XHQkd3JhcCA9ICQodGhpcykucGFyZW50KFwiLmV4cF93cmFwXCIpO1xyXG5cdFx0XHRcdCRwb3AgPSAkd3JhcC5uZXh0KFwiLmV4cF9wb3BcIikuZGV0YWNoKCk7XHJcblx0XHRcdFx0JHdyYXAuZmluZChcIi5leHBfbWFya2VyX3BvcFwiKS5yZW1vdmUoKTtcclxuXHRcdFx0XHQkKHRoaXMpLnVud3JhcChcIi5leHBfd3JhcFwiKTtcclxuXHRcdFx0XHQkKHRoaXMpLmFmdGVyKCRwb3ApO1xyXG5cdFx0XHRcdGlmKCQodGhpcykuaGFzQ2xhc3MoXCJqc19jaGFuZ2VkX3Bvc1wiKSl7XHJcblx0XHRcdFx0XHQkKHRoaXMpLmNzcyhcInBvc2l0aW9uXCIsIFwiXCIpO1xyXG5cdFx0XHRcdFx0aWYoJCh0aGlzKS5hdHRyKFwic3R5bGVcIikgPT0gXCJcIikge1xyXG5cdFx0XHRcdFx0XHQkKHRoaXMpLnJlbW92ZUF0dHIoXCJzdHlsZVwiKTtcclxuXHRcdFx0XHRcdH1cclxuXHRcdFx0XHRcdCQodGhpcykucmVtb3ZlQ2xhc3MoXCJqc19jaGFuZ2VkX3Bvc1wiKTtcclxuXHRcdFx0XHR9XHJcblx0XHRcdH0pO1xyXG5cclxuXHRcdFx0ZXhwX21vZGUgPSBmYWxzZTtcclxuXHJcblx0XHR9XHJcblx0XHRjb25zb2xlLmxvZyhcIkV4cGxhbmF0aW9uIG1vZGU6IFwiKyBleHBfbW9kZSk7XHJcblx0fSk7XHJcblxyXG5cdC8vXHRXSVAgU2Nyb2xsIHRvIHRvcFxyXG5cdCQoJyNqc19zY3JvbGx0b3AnKS5jbGljayhmdW5jdGlvbihldmVudCkge1xyXG5cdFx0Y29uc29sZS5sb2coJ3Njcm9sbCB0byB0aGUgdG9wJyk7XHJcblx0XHRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG5cdFx0Ly8gJCgnYm9keScpLnNjcm9sbFRvcCgpO1xyXG5cdFx0JCgnYm9keScpLmFuaW1hdGUoe3Njcm9sbFRvcDogMH0sIGJhc2ljX2Vhc2UsIGZ1bmN0aW9uKCkge1xyXG5cdFx0XHQgY29uc29sZS5sb2coJ2Fycml2ZWQgYXQgdG9wJyk7XHJcblx0XHR9KTtcclxuXHR9KTtcclxuXHQkKCcjanNfc2Nyb2xsZG93bicpLmNsaWNrKGZ1bmN0aW9uKGV2ZW50KSB7XHJcblx0XHRjb25zb2xlLmxvZygnc2Nyb2xsIGRvd24nKTtcclxuXHRcdGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XHJcblx0XHQkKCdib2R5JykuYW5pbWF0ZSh7c2Nyb2xsVG9wOiAkKGRvY3VtZW50KS5oZWlnaHQoKX0sIGJhc2ljX2Vhc2UgKiAyLCBmdW5jdGlvbigpIHtcclxuXHRcdFx0IGNvbnNvbGUubG9nKCdhcnJpdmVkIGF0IGJvdHRvbScpO1xyXG5cdFx0fSk7XHJcblx0fSk7XHJcblxyXG5cclxuXHJcblx0JCggXCIjZ2FtZUljb25cIiApLmNsaWNrKGZ1bmN0aW9uKGV2ZW50KSB7XHJcblx0XHRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xyXG5cdFx0JCggdGhpcyApLmNsb25lKCkuYXBwZW5kVG8oIFwiI2dhbWVEZXRhaWxcIiApO1xyXG5cdFx0JCggdGhpcyApLnNpYmxpbmdzKCkuY2xvbmUoKS5hcHBlbmRUbyggXCIjZ2FtZURldGFpbFwiICk7XHJcblx0XHQkKCBcIiNnYW1lRGV0YWlsXCIgKS5yZW1vdmVDbGFzcyggXCJtYWdpY1wiICk7XHJcblx0fSk7XHJcblxyXG5cdHZhciBpID0gMDtcclxuXHQkKCBcIi5wYXNzLWRlZiBkZFwiICkuZWFjaChmdW5jdGlvbigpIHtcclxuXHRcdCQoIHRoaXMgKS5maW5kKCBcImxpXCIgKS5lYWNoKGZ1bmN0aW9uKCBpbmRleCApIHtcclxuXHRcdFx0aWYgKCAwID09ICQoIHRoaXMgKS5jaGlsZHJlbiggXCJ1bFwiICkubGVuZ3RoICkge1xyXG5cdFx0XHRcdC8vY29uc29sZS5sb2coIGluZGV4ICsgXCI6IFwiICsgJCggdGhpcyApLnRleHQoKSApO1xyXG5cdFx0XHRcdHZhciB0ZW1wQ29udGVudCA9ICQoIHRoaXMgKS5odG1sKCk7XHJcblx0XHRcdFx0Ly8kKCB0aGlzICkuaHRtbCggXCI8c3BhbiBjbGFzcz1cXFwibGlzdC1jb3VudFxcXCI+PC9zcGFuPlwiICk7XHJcblx0XHRcdFx0JCggdGhpcyApLmh0bWwoIHRlbXBDb250ZW50ICtcIjxzcGFuIGNsYXNzPVxcXCJsaXN0LWNvdW50XFxcIj5cIisgaSArXCI8L3NwYW4+XCIgKTtcclxuXHRcdFx0XHRpKys7XHJcblx0XHRcdH1cclxuXHRcdH0pXHJcblx0fSk7XHJcblxyXG5cclxuXHJcbn0pO1xyXG5cclxuXHJcblxyXG4vLyBTY3JvbGxcclxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXHJcbiQoIGRvY3VtZW50ICkuc2Nyb2xsKGZ1bmN0aW9uKCkge1xyXG5cclxuXHQvLyBUb2dnbGUgbmF2aWdhdGlvbiBlbGVtZW50c1xyXG5cdGRvY19wb3NfeSA9ICQoIGRvY3VtZW50ICkuc2Nyb2xsVG9wKCk7XHJcblx0Ly8gY29uc29sZS5sb2coZG9jX3Bvc195KTtcclxuXHR2YXIgaCA9IHNjcm9sbF95X21hcmdpbjtcclxuXHQvLyB2YXIgZGVtb19tYXJnaW4gPSAkKCcuaGVhZGVyX19maXgnKTtcclxuXHRpZiAoZG9jX3Bvc195ID4gaCkge1xyXG5cdFx0JCgnI2pzX3Njcm9sbHRvcCcpLnBhcmVudCgpLnJlbW92ZUNsYXNzKCdtYWdpYycpO1xyXG5cdH0gZWxzZSB7XHJcblx0XHQkKCcjanNfc2Nyb2xsdG9wJykucGFyZW50KCkuYWRkQ2xhc3MoJ21hZ2ljJyk7XHJcblx0fVxyXG5cclxuXHJcblxyXG59KTtcclxuIl19 diff --git a/demo-explorer.html b/demo-explorer.html index 9fbf418..ac11fc7 100644 --- a/demo-explorer.html +++ b/demo-explorer.html @@ -20,7 +20,7 @@ -
+
diff --git a/demo-presentation.html b/demo-presentation.html index 2b6632b..2ace0de 100644 --- a/demo-presentation.html +++ b/demo-presentation.html @@ -20,7 +20,7 @@ -
+
Start
Seite 2
diff --git a/gulpfile.js b/gulpfile.js index 900a23d..1594c90 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -1,5 +1,7 @@ // Setup project var source = { + markup: '*.html', + watch: 'source/style/**/*.scss', styles: 'source/style/example.scss', scripts: ['source/code/variables.js', 'source/code/functions.js', 'source/code/global.js', 'source/code/**/*.coffee', '!source/vendor/**/*', ], images: 'source/art/**/*' @@ -84,19 +86,19 @@ gulp.task('images', function() { // Watch for file changes gulp.task('watch', ['clean', 'styles', 'scripts'], function() { - browsersync.init({ - server: ".", - // proxy: "http://verser.vrt/virtual/" + browsersync.init({ + server: "./", + // proxy: "http://verser.vrt/virtual/" }); - gulp.watch(source.styles, ['styles']); + gulp.watch(source.watch, ['styles']); gulp.watch(source.scripts, ['scripts']).on('change', function(event) { if (event.type === 'deleted') { delete cache.caches['scripts'][event.path]; remember.forget('scripts', event.path); } }); - gulp.watch("./*.html").on('change', browsersync.reload); + gulp.watch(source.markup).on('change', browsersync.reload); // gulp.watch(['build/**']).on('change', browsersync.reload); // gulp.watch(source.images, ['images']); }); diff --git a/index.html b/index.html new file mode 100644 index 0000000..92e858a --- /dev/null +++ b/index.html @@ -0,0 +1,61 @@ + + + + + + HIPPIE Index + + + + + + + + + + + + + + + + +
+ +
+ +
+ + + + + + + diff --git a/source/code/variables.js b/source/code/variables.js index e716433..fe6b9d0 100644 --- a/source/code/variables.js +++ b/source/code/variables.js @@ -1,7 +1,7 @@ var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0); var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0); -var full_view_hover = false; +var full_view_hover = true; var doc_pos_y = 0; var basic_ease = 600; diff --git a/source/style/elements/_grouping.scss b/source/style/elements/_grouping.scss index c1f7ab4..46cfe54 100644 --- a/source/style/elements/_grouping.scss +++ b/source/style/elements/_grouping.scss @@ -164,10 +164,6 @@ div { } -.box__page { - height: 100vh; -} - .box__info { padding: $double_space $basic_indent; border-right: $basic_space solid rgba($echo_color, .6); diff --git a/source/style/global/_common.scss b/source/style/global/_common.scss index 6415f2c..43e82d3 100644 --- a/source/style/global/_common.scss +++ b/source/style/global/_common.scss @@ -41,6 +41,10 @@ height: 1024px; } +.height_full { + height: 100vh; +} + .txt_center { text-align: center !important; } diff --git a/source/style/modules/demo/_demo_module.scss b/source/style/modules/demo/_demo_module.scss index 9778e09..e699dae 100644 --- a/source/style/modules/demo/_demo_module.scss +++ b/source/style/modules/demo/_demo_module.scss @@ -174,3 +174,18 @@ background-color: rgba($basic_front_color, .2); } } + +// Index +// ----------------------------------------------------------------------------- +.wrap { + display: flex; + height: 100%; + align-items: center; + justify-content: center; +} + +.hello { + flex: 0 1 auto; + padding: 1em 5em; + background-color: rgba(black, .25); +}