diff --git a/build/css/example.css b/build/css/example.css deleted file mode 100644 index de7f7d6..0000000 --- a/build/css/example.css +++ /dev/null @@ -1,1322 +0,0 @@ -@charset "UTF-8"; -/* - * # TABLE OF CONTENTS - * - * - Reset - * - Global functions and mixins - * - Configuration - * - Special modules - * - Basic styles - * - Common - * - Typography - * - * - Sections - * - Grouping - * - Textlevel - * - Embedded - * - Tables - * - Interactive - * - Modules - * - */ -@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: ""; } - -a[href]:focus { - outline: 0; } - -area[href]:focus { - outline: 0; } - -button:not([disabled]):focus { - outline: 0; } - -input:not([disabled]):focus { - outline: 0; } - -select:not([disabled]):focus { - outline: 0; } - -textarea:not([disabled]):focus { - outline: 0; } - -*[tabindex]:focus { - outline: 0; } - -/** - * @description - * Generates cross-browser-compatible output for a given element with its value. - * - * @author sthag - * - * @param values - * @returns - * -webkit-: - * ...-: - * - * @example - * .selector - * @include vendor-prefix(hyphens, auto) - */ -.magic { - display: none; } - -.center_50 { - margin-right: 25%; - margin-left: 25%; } - -.center_25 { - margin-right: 37.5%; - margin-left: 37.5%; } - -.width_full, .table__file_simple { - 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: both; } - .clear::before, .clear::after { - clear: both; } - -.overflow, .nav__horizontal ul, .nav__center_old ul, .header__page nav ul { - overflow: auto; } - -.float_space_left, .list__horizontal li, .box__inline_left, .box__file_tile, .nav__horizontal ul li, .nav__center_old ul li, .header__page nav ul li { - float: left; - margin-right: 32px; } - -.float_half_size { - float: left; - width: 50%; } - -.x_long { - overflow-x: scroll; } - -.pos_full_view, .hover_full_view_change { - position: fixed; - top: 0; - left: 0; - width: 100vw; - height: 100vh; } - -.pos_full_page { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; } - -.pos_abs { - position: absolute; } - -.pos_rel { - position: relative; } - -.pos_fix { - position: fixed; } - -.pos_bottom { - bottom: 0; } - -.pos_full_view { - background-color: rgba(250, 216, 3, 0.5); } - -.pos_full_page { - background-color: rgba(39, 63, 139, 0.25); } - -.hover_back_change { - background-color: #666666; - -webkit-transition: background-color .2s ease-in-out; - 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, 0.5); - -webkit-transition: background-color .2s ease-in-out; - transition: background-color .2s ease-in-out; - pointer-events: none; } - -.flex, .flex__wrap, .flex__row, .flex__column_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: #666666; } - -.a__button, .a__button_text, .a__button_border { - display: inline-block; - padding: calc(8px - 3px) 8px; - background-color: rgba(82, 190, 209, 0.2); - border-radius: 1px; } - .a__button:active, .a__button_text:active, .a__button_border:active, .a__button:focus, .a__button_text:focus, .a__button_border:focus, .a__button:hover, .a__button_text:hover, .a__button_border:hover { - background-color: rgba(255, 255, 255, 0.1); - color: white; - border-color: transparent; } - -.span__solo, h6, p, .block__column_2, .block__column_3, caption, li, dt, dd, figcaption, th, td, legend, label { - font-family: Roboto, Segoe UI, Liberation Sans, Source Sans, Trebuchet MS, Helvetica, Arial, sans-serif, sans; - font-size: 1em; - line-height: 1.5; } - -pre, code, .demo__query_example:after, .code__solo, input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], 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"], input:not([type]), textarea { - font-family: Courier New, monospace; - font-size: 1em; - line-height: 1.5; } - -.print_body *[class^="din"] p, .print_body *[class^="din"] .block__column_2, .print_body *[class^="din"] .block__column_3, .print_body *[class^="din"] caption { - font-family: Courier New, monospace; - font-size: 1em; - line-height: 1.5; } - -h1, .print_body .page_date, .print_body .page_no { - font-family: Roboto, Segoe UI, Liberation Sans, Source Sans, Trebuchet MS, Helvetica, Arial, sans-serif, sans; - font-size: 3.1em; - font-weight: 300; - line-height: 1.5; } - -h2 { - font-family: Roboto, Segoe UI, Liberation Sans, Source Sans, Trebuchet MS, Helvetica, Arial, sans-serif, sans; - font-size: 2.5em; - font-weight: 300; - line-height: 1.5; } - -h3, h4 { - font-family: Roboto, Segoe UI, Liberation Sans, Source Sans, Trebuchet MS, Helvetica, Arial, sans-serif, sans; - font-size: 1.8em; - font-weight: 300; - line-height: 1.5; } - -h5 { - font-family: Roboto, Segoe UI, Liberation Sans, Source Sans, Trebuchet MS, Helvetica, Arial, sans-serif, sans; - font-size: 1.35em; - font-weight: 300; - line-height: 1.5; } - -.span__solo { - color: black; } - -.table__link .cell__text .shorten { - overflow: hidden; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; } - -html { - height: 100%; } - -body { - position: relative; - -webkit-box-sizing: border-box; - box-sizing: border-box; - font-family: Roboto, Segoe UI, Liberation Sans, Source Sans, Trebuchet MS, Helvetica, Arial, sans-serif, sans; - font-size: 17px; - line-height: 1; - color: black; - background-color: gray; } - body *, - body ::before, - body ::after { - -webkit-box-sizing: inherit; - box-sizing: inherit; } - body:hover .layer__hover { - background-color: transparent; } - -.sec__main_center, .demo__intro { - width: 96%; - margin: 0 auto; - padding-top: 32px; } - @media (min-width: 768px) { - .sec__main_center, .demo__intro { - width: 80%; } } - @media (min-width: 1024px) { - .sec__main_center, .demo__intro { - width: 60%; } } - @media (min-width: 1680px) { - .sec__main_center, .demo__intro { - 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 { - margin: 16px 0 16px; - text-transform: uppercase; } - -h4 { - margin: 16px 0 16px; - text-transform: none; } - -h5 { - margin: 16px 0 8px; - text-transform: none; } - -h6 { - margin: 8px 0; - text-transform: none; - font-weight: bold; } - -p, .block__column_2, .block__column_3, caption { - margin: 8px 0; } - p code, .block__column_2 code, .block__column_3 code, caption code, p .demo__query_example:after, .block__column_2 .demo__query_example:after, .block__column_3 .demo__query_example:after, caption .demo__query_example:after { - padding: 1px 4px; - font-size: 1em; - line-height: 1; } - -hr, .hr__hidden, .hr__dotted { - margin: 32px auto; - border-width: 1px 0 0; - border-style: solid; - border-color: black; } - -.hr__hidden { - border-color: transparent; } - -.hr__dotted { - border-style: dotted; } - -.pre__code { - border-color: rgba(255, 255, 255, 0.1); - border-style: dotted; - border-width: 0 0 0 4px; - border-radius: 1px; - padding: 8px; - background-color: rgba(255, 255, 255, 0.1); } - .pre__code code, .pre__code .demo__query_example:after { - background-color: transparent; } - -blockquote { - margin: 8px 2em; } - -.quote__mark p::before, .quote__mark .block__column_2::before, .quote__mark .block__column_3::before, .quote__mark caption::before { - content: "\201E \0020"; } -.quote__mark p::after, .quote__mark .block__column_2::after, .quote__mark .block__column_3::after, .quote__mark caption::after { - content: "\201C \0020"; } -.quote__mark .quote__source::before, .quote__mark .quote__source::after { - content: ""; } - -dl, ul, ol { - margin: 16px 0 8px; } - -ul, ol { - 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: calc(8px - 3px) 8px; - color: black; } - .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: white; } - -.list__horizontal { - overflow: auto; } - -figure { - margin: 16px 2em; } - -.box__info { - padding: 16px 2em; - border-right: 8px solid rgba(82, 190, 209, 0.6); - background-color: rgba(82, 190, 209, 0.1) !important; } - -.box__main_indent { - margin-left: 25%; } - -.block__column_line { - -webkit-column-rule: 1px solid black; - column-rule: 1px solid black; } - -.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, 0.1); - border-radius: 1px; - padding: 8px; - background-color: rgba(0, 0, 0, 0.1); } - .box__placeholder svg { - vertical-align: top; } - -.box__placeholder_bkg { - width: 100%; - height: 64px; - border: 4px solid rgba(0, 0, 0, 0.1); - border-radius: 1px; - padding: 8px; - /*data:[][;charset=][;base64],*/ - background: url("data:image/svg+xml;utf8,") no-repeat; - background-color: rgba(0, 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: white; } - -.a__line { - border-bottom-width: 1px; - border-bottom-style: dotted; - border-color: black; - background-color: transparent; - color: black; - -webkit-transition: color 150ms ease; - transition: color 150ms ease; } - .a__line:active, .a__line:focus, .a__line:hover { - background-color: #0c85ff; - color: white; } - -.a__button_text, .a__button_border { - padding: calc(8px - 1px) calc(8px * 2); - background-color: transparent; - color: black; } - -.a__button_border { - border: 1px solid black; } - -i, em { - font-style: italic; } - -.i__bright { - font-style: normal; - color: white; } - -b, strong { - font-weight: 500; } - -cite { - font-style: italic; } - -code, .demo__query_example:after { - color: #1f1f1f; - background-color: rgba(255, 255, 255, 0.1); } - -.code__solo { - padding: 1px 4px; - color: black; } - -mark { - background-color: #fad803; } - -.mark__cursor { - color: white; - background-color: black; } - -::-moz-selection { - color: white; - background-color: black; } - -::selection { - color: white; - background-color: black; } - -img { - vertical-align: top; } - -table { - margin: 16px 0; - border: 1px solid black; - border-collapse: collapse; } - -th, td { - padding: 4px; } - -th { - border: 1px solid black; - text-align: left; } - -.precol { - border-right: 1px solid black; } - -td { - border-right: 1px solid black; - border-bottom: 1px solid black; } - -td:last-child { - border-right: 0; } - -tr:last-child td { - border-bottom: 0; } - -tfoot tr:first-child td { - border-top: 1px solid black; } - -.table__blank { - border: 1px solid transparent; } - .table__blank th, .table__blank td { - border: 1px solid transparent; } - -.table__free { - border: 1px solid transparent; } - -.table__stripe td { - border-top: 0; - border-bottom: 0; } -.table__stripe tr:nth-child(even) td { - background-color: rgba(255, 255, 255, 0.1); } - -.table__fix { - table-layout: fixed; } - -caption { - padding: 4px 0; - border: 1px dotted black; - text-align: center; } - -fieldset { - margin: 16px 0; - padding: 8px; - border: 1px solid black; } - -legend { - padding: 0 4px; } - -input, button, textarea { - margin: 0 32px; } - input[disabled="disabled"], input[disabled], button[disabled="disabled"], button[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[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], 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"], input:not([type]) { - border: 2px solid white; - padding: 4px; - background-color: #e6e6e6; } - input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]: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, input:not([type]):hover { - background-color: white; } - input[type="color"][readonly="readonly"], input[type="color"][readonly], input[type="date"][readonly="readonly"], input[type="date"][readonly], input[type="datetime"][readonly="readonly"], input[type="datetime"][readonly], input[type="datetime-local"][readonly="readonly"], input[type="datetime-local"][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], input:not([type])[readonly="readonly"], input:not([type])[readonly] { - border-color: #b3b3b3; - background-color: #999999; } - input[type="color"][disabled="disabled"], input[type="color"][disabled], input[type="date"][disabled="disabled"], input[type="date"][disabled], input[type="datetime"][disabled="disabled"], input[type="datetime"][disabled], input[type="datetime-local"][disabled="disabled"], input[type="datetime-local"][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], input:not([type])[disabled="disabled"], input:not([type])[disabled] { - border-color: transparent; } - -textarea { - border: 2px solid white; - padding: 4px; - background-color: #e6e6e6; } - textarea:hover { - background-color: white; } - textarea[readonly="readonly"], textarea[readonly] { - border-color: #b3b3b3; - background-color: #999999; } - textarea[disabled="disabled"], textarea[disabled] { - border-color: transparent; } - -input[type="color"] { - line-height: 1; } - -input[type="date"] { - line-height: 1; } - -input[type="datetime"] { - line-height: 1; } - -input[type="datetime-local"] { - line-height: 1; } - -input[type="email"] { - line-height: 1; } - -input[type="month"] { - line-height: 1; } - -input[type="number"] { - line-height: 1; } - -input[type="password"] { - line-height: 1; } - -input[type="search"] { - line-height: 1; } - -input[type="tel"] { - line-height: 1; } - -input[type="text"] { - line-height: 1; } - -input[type="time"] { - line-height: 1; } - -input[type="url"] { - line-height: 1; } - -input[type="week"] { - line-height: 1; } - -input:not([type]) { - line-height: 1; } - -button { - padding: calc(8px - 3px) 8px; } - -input[type="button"] { - padding: calc(8px - 3px) 8px; } - -input[type="reset"] { - padding: calc(8px - 3px) 8px; } - -input[type="submit"] { - padding: calc(8px - 3px) 8px; } - -label + input, -.input__label_right { - margin: 0 8px; } - -.label__table, .input__default label { - display: table; } - .label__table input, .input__default label 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: black; - color: white; } - -nav ul { - padding-left: 0; } -nav li { - margin-bottom: 8px; - list-style: none; } - -.nav__horizontal ul ul, .nav__center_old ul ul, .header__page nav ul ul { - margin: 8px 0; } -.nav__horizontal ul li, .nav__center_old ul li, .header__page nav ul li { - margin-right: 8px; - margin-bottom: 0; } - .nav__horizontal ul li:last-child, .nav__center_old ul li:last-child, .header__page nav 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: black; } - -.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: white; - 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, 0.2); - color: black; } - -.table__link { - width: 100%; - border: 0; - table-layout: auto; } - .table__link tbody { - border-bottom: 1px solid black; } - .table__link tbody:hover { - background-color: #cccccc; } - .table__link th, .table__link td { - 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: white; } - .table__link .cell__link a { - display: block; } - .table__link .cell__link a:last-child { - display: none; } - .table__link th:last-child, .table__link .cell__date { - 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%; - /* .full { - position: absolute; - width: 128px; - height: 128px; - top: 16px; - left: 16px; - background-color: #fff; - } - .mark { - float: left; - width: 32px; - height: 32px; - margin-top: 16px; - } - */ } - .card_body .bkg_box { - -webkit-transition-duration: 800ms; - transition-duration: 800ms; - 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 64px; - 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: normal; } - .card_body p, .card_body .block__column_2, .card_body .block__column_3, .card_body caption { - 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, 0.8); - background-color: rgba(220, 20, 60, 0.1) !important; } - -.wip::before, .wip::after { - content: ""; - display: block; - height: 48px; } - -.exp_expose_pre::after { - content: ""; - display: block; - height: 48px; - background-color: rgba(183, 224, 240, 0.1) !important; } - -.exp_expose_post::before { - content: ""; - display: block; - height: 48px; - background-color: rgba(183, 224, 240, 0.1) !important; } - -.exp_expose::before, .exp_expose::after { - content: ""; - display: block; - height: 48px; - background-color: rgba(183, 224, 240, 0.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 white; - border-radius: 17px; - color: white; - background-color: black; } - -.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, 0.4); } - .exp_help_btn:hover { - background-color: white; } - .exp_help_btn:hover > .span__solo { - color: black; } - .exp_help_btn .span__solo { - display: table-cell; - color: rgba(255, 255, 255, 0.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, 0.1) !important; - -webkit-transition: height 0.5s ease; - transition: height 0.5s ease; } - -.print_body [class^="din"] { - background-color: white; } - -.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-top: 1.2cm; - padding-right: 1.2cm; - padding-bottom: 1.2cm; - padding-left: 2.4cm; } - .print_body .dina4 .page_head, .print_body .dina4 .page_foot { - 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-top: 0; - padding-right: 0; - padding-bottom: 0; - padding-left: 1.2cm; } - .print_body .dina5 .page_head, .print_body .dina5 .page_foot { - right: 0; - left: 1.2cm; } - .print_body .dina5 .page_head { - top: 0; } - .print_body .dina5 .page_foot { - bottom: 0; } - .print_body .dina6 { - padding-top: 0; - padding-right: 0; - padding-bottom: 0; - padding-left: 1.2cm; } - .print_body .dina6 .page_head, .print_body .dina6 .page_foot { - 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_head, .print_body *[class^="din"] .page_foot { - 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 p, .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 { - -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 p:first-child, .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 { - text-align: left; } - .print_body *[class^="din"] .page_content { - margin-top: 10cm; - margin-bottom: 2cm; } - .print_body .page_title, .print_body .page_date { - 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: black; - padding-top: 32px; } - -.demo__header { - padding: 16px; } - .demo__header nav ul { - margin: 0; } - -.header__fancy { - background-color: rgba(211, 10, 81, 0.6); } - .header__fancy nav a { - background-color: rgba(250, 216, 3, 0.6); - color: #fad803; } - .header__fancy nav a:active, .header__fancy nav a:focus, .header__fancy nav a:hover { - background-color: rgba(255, 255, 255, 0.2); - color: white; } - -.header__fix { - position: relative; - top: 0; - left: 0; - width: 100%; - background-color: rgba(39, 63, 139, 0.6); } - .header__fix nav a:active, .header__fix nav a:focus, .header__fix nav a:hover { - background-color: rgba(255, 255, 255, 0.2); - color: white; } - -.demo__footer { - width: 100%; - padding: 16px 0; - background-color: #333333; - color: #cccccc; } - .demo__footer nav a { - color: white; } - -.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 0; } - -.demo__button_32 { - width: 32px; - height: 32px; } - -.demo__queries > p, .demo__queries > .block__column_2, .demo__queries > .block__column_3, .demo__queries > caption { - padding: calc(8px - 3px) 8px; } - -.query__phoneUp { - background-color: rgba(0, 0, 0, 0.2); } - -@media (max-width: 767px) { - .query__phoneOnly { - background-color: rgba(0, 0, 0, 0.2); } } - -@media (min-width: 768px) and (max-width: 1023px) { - .query__tabletPortaitOnly { - background-color: rgba(0, 0, 0, 0.2); } } - -@media (min-width: 768px) { - .query__tabletPortraitUp { - background-color: rgba(0, 0, 0, 0.2); } } - -@media (min-width: 1024px) and (max-width: 1279px) { - .query__tabletLandscapeOnly { - background-color: rgba(0, 0, 0, 0.2); } } - -@media (min-width: 1024px) { - .query__tabletLandscapeUp { - background-color: rgba(0, 0, 0, 0.2); } } - -@media (min-width: 1280px) and (max-width: 1679px) { - .query__desktopOnly { - background-color: rgba(0, 0, 0, 0.2); } } - -@media (min-width: 1280px) { - .query__desktopUp { - background-color: rgba(0, 0, 0, 0.2); } } - -@media (min-width: 1680px) { - .query__bigDesktopUp { - background-color: rgba(0, 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: calc(8px - 3px) 8px; - border-radius: 2px; - background-color: rgba(0, 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, 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; } - - diff --git a/build/css/example.min.css b/build/css/example.min.css deleted file mode 100644 index 8f235ed..0000000 --- a/build/css/example.min.css +++ /dev/null @@ -1,2 +0,0 @@ -@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 deleted file mode 100644 index b7f3b70..0000000 --- a/build/js/all.min.js +++ /dev/null @@ -1,4 +0,0 @@ -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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInZhcmlhYmxlcy5qcyIsImZ1bmN0aW9ucy5qcyIsImdsb2JhbC5qcyJdLCJuYW1lcyI6WyJ3IiwiTWF0aCIsIm1heCIsImRvY3VtZW50IiwiZG9jdW1lbnRFbGVtZW50IiwiY2xpZW50V2lkdGgiLCJ3aW5kb3ciLCJpbm5lcldpZHRoIiwiaCIsImNsaWVudEhlaWdodCIsImlubmVySGVpZ2h0IiwiZnVsbF92aWV3X2hvdmVyIiwiZG9jX3Bvc195IiwiYmFzaWNfZWFzZSIsInNjcm9sbF95X21hcmdpbiIsInNldHVwIiwiJCIsImxlbmd0aCIsImFkZENsYXNzIiwiVXRpbHMiLCJzY3JvbGxOYXYiLCJjbGljayIsInJlbW92ZUNsYXNzIiwidGhpcyIsImNsb3Nlc3QiLCJ0aGVDbGFzcyIsImF0dHIiLCJwYXJlbnQiLCJzdG9wIiwiYW5pbWF0ZSIsInNjcm9sbFRvcCIsIm9mZnNldCIsInRvcCIsInByb3RvdHlwZSIsImNvbnN0cnVjdG9yIiwiaXNFbGVtZW50SW5WaWV3IiwiZWxlbWVudCIsImZ1bGx5SW5WaWV3IiwicGFnZVRvcCIsInBhZ2VCb3R0b20iLCJoZWlnaHQiLCJlbGVtZW50VG9wIiwiZWxlbWVudEJvdHRvbSIsInJlYWR5IiwiZXhwX21vZGUiLCJob3ZlciIsIm5leHQiLCJzaG93IiwiaGlkZSIsIm1vdXNlbW92ZSIsImV2IiwiY3NzIiwicGFnZVkiLCJvdXRlckhlaWdodCIsImxlZnQiLCJwYWdlWCIsImUiLCIkd3JhcCIsIiRwb3AiLCJlYWNoIiwiaSIsImRldGFjaCIsIndyYXAiLCJwcmVwZW5kIiwiYWZ0ZXIiLCJmaW5kIiwicmVtb3ZlIiwidW53cmFwIiwiaGFzQ2xhc3MiLCJyZW1vdmVBdHRyIiwiY29uc29sZSIsImxvZyIsImV2ZW50IiwicHJldmVudERlZmF1bHQiLCJjbG9uZSIsImFwcGVuZFRvIiwic2libGluZ3MiLCJpbmRleCIsImNoaWxkcmVuIiwidGVtcENvbnRlbnQiLCJodG1sIiwic2Nyb2xsIl0sIm1hcHBpbmdzIjoiQUFBQSxJQUFJQSxFQUFJQyxLQUFLQyxJQUFJQyxTQUFTQyxnQkFBZ0JDLFlBQWFDLE9BQU9DLFlBQWMsR0FDeEVDLEVBQUlQLEtBQUtDLElBQUlDLFNBQVNDLGdCQUFnQkssYUFBY0gsT0FBT0ksYUFBZSxHQUUxRUMsaUJBQWtCLEVBRWxCQyxVQUFZLEVBQ1pDLFdBQWEsSUFDYkMsZ0JBQWtCTjtBQ1B0QixTQUFTTyxRQUNMQyxFQUFFLFdBQVdDLFFBQVVOLGlCQUV6QkssRUFBRSxXQUFXRSxTQUFTLDBCQWV4QixTQUFTQyxTQXdCVCxTQUFTQyxZQUNSSixFQUFFLFVBQVVLLE1BQU0sV0FFakJMLEVBQUUsV0FBV00sWUFBWSxVQUN6Qk4sRUFBRU8sTUFBTUMsUUFBUSxNQUFNTixTQUFTLFVBQy9CLElBQUlPLEVBQVdULEVBQUVPLE1BQU1HLEtBQUssU0FNNUIsT0FMQVYsRUFBRSxJQUFJUyxHQUFVRSxPQUFPLE1BQU1ULFNBQVMsVUFFdENGLEVBQUUsY0FBY1ksT0FBT0MsU0FDckJDLFVBQVdkLEVBQUdBLEVBQUVPLE1BQU1HLEtBQUssU0FBVUssU0FBU0MsSUFBTSxLQUNuRCxNQUNJLElBRVJoQixFQUFFLGdCQUFnQmMsWUFqQ25CWCxNQUFNYyxXQUNGQyxZQUFhZixNQUNiZ0IsZ0JBQWlCLFNBQVVDLEVBQVNDLEdBQ2hDLElBQUlDLEVBQVV0QixFQUFFVixRQUFRd0IsWUFDcEJTLEVBQWFELEVBQVV0QixFQUFFVixRQUFRa0MsU0FDakNDLEVBQWF6QixFQUFFb0IsR0FBU0wsU0FBU0MsSUFDakNVLEVBQWdCRCxFQUFhekIsRUFBRW9CLEdBQVNJLFNBRTVDLE9BQW9CLElBQWhCSCxFQUNTQyxFQUFVRyxHQUFnQkYsRUFBYUcsRUFFdkNELEdBQWNGLEdBQWdCRyxHQUFpQkosSUFLcEUsSUFBSW5CLE1BQVEsSUFBSUE7QUNwQ2hCSCxFQUFHYixVQUFXd0MsTUFBTSxXQUtuQjVCLFFBUUEsSUFBSTZCLEdBQVcsRUFHZjVCLEVBQUUsV0FBVzZCLE1BQ1osV0FDYTdCLEVBQUVPLE1BRVhQLEVBQUVPLE1BQU1HLEtBQUssU0FJaEJWLEVBQUVPLE1BQU11QixLQUFLLFlBQVlDLFFBQ3ZCLFdBQ0YvQixFQUFFTyxNQUFNdUIsS0FBSyxZQUFZRSxTQUV6QkMsVUFDRCxTQUFTQyxHQUNSbEMsRUFBRU8sTUFBTXVCLEtBQUssWUFBWUssS0FDeEJuQixJQUFPa0IsRUFBR0UsTUFBUXBDLEVBQUVPLE1BQU11QixLQUFLLFlBQVlPLGNBQWdCLEVBQzNEQyxLQUFRSixFQUFHSyxNQUFRLE1BT3RCdkMsRUFBRSxpQkFBaUJLLE1BQU0sU0FBU21DLEdBQ2pDLElBQUlDLEVBQU9DLEVBRUksR0FBWmQsR0FDRkEsR0FBVyxFQUVYNUIsRUFBRSxXQUFXMkMsS0FBSyxTQUFTQyxFQUFHSixHQUNDLFVBQTNCeEMsRUFBRU8sTUFBTTRCLElBQUksY0FDZG5DLEVBQUVPLE1BQU1MLFNBQVMsa0JBQ2pCRixFQUFFTyxNQUFNNEIsSUFBSSxXQUFZLGFBR3pCTyxFQUFPMUMsRUFBRU8sTUFBTXVCLEtBQUssWUFBWWUsVUFDaENKLEVBQVF6QyxFQUFFTyxNQUFNdUMsS0FBSyxrQ0FBb0NuQyxTQUFTb0MsUUFBUSx5Q0FDcEVDLE1BQU1OLE9BSWIxQyxFQUFFLFdBQVcyQyxLQUFLLFNBQVNDLEVBQUdKLEdBQzdCQyxFQUFRekMsRUFBRU8sTUFBTUksT0FBTyxhQUN2QitCLEVBQU9ELEVBQU1YLEtBQUssWUFBWWUsU0FDOUJKLEVBQU1RLEtBQUssbUJBQW1CQyxTQUM5QmxELEVBQUVPLE1BQU00QyxPQUFPLGFBQ2ZuRCxFQUFFTyxNQUFNeUMsTUFBTU4sR0FDWDFDLEVBQUVPLE1BQU02QyxTQUFTLG9CQUNuQnBELEVBQUVPLE1BQU00QixJQUFJLFdBQVksSUFDSSxJQUF6Qm5DLEVBQUVPLE1BQU1HLEtBQUssVUFDZlYsRUFBRU8sTUFBTThDLFdBQVcsU0FFcEJyRCxFQUFFTyxNQUFNRCxZQUFZLHFCQUl0QnNCLEdBQVcsR0FHWjBCLFFBQVFDLElBQUkscUJBQXNCM0IsS0FJbkM1QixFQUFFLGlCQUFpQkssTUFBTSxTQUFTbUQsR0FDakNGLFFBQVFDLElBQUkscUJBQ1pDLEVBQU1DLGlCQUVOekQsRUFBRSxRQUFRYSxTQUFTQyxVQUFXLEdBQUlqQixXQUFZLFdBQzVDeUQsUUFBUUMsSUFBSSxzQkFHZnZELEVBQUUsa0JBQWtCSyxNQUFNLFNBQVNtRCxHQUNsQ0YsUUFBUUMsSUFBSSxlQUNaQyxFQUFNQyxpQkFDTnpELEVBQUUsUUFBUWEsU0FBU0MsVUFBV2QsRUFBRWIsVUFBVXFDLFVBQXdCLEVBQWIzQixXQUFnQixXQUNuRXlELFFBQVFDLElBQUkseUJBTWZ2RCxFQUFHLGFBQWNLLE1BQU0sU0FBU21ELEdBQy9CQSxFQUFNQyxpQkFDTnpELEVBQUdPLE1BQU9tRCxRQUFRQyxTQUFVLGVBQzVCM0QsRUFBR08sTUFBT3FELFdBQVdGLFFBQVFDLFNBQVUsZUFDdkMzRCxFQUFHLGVBQWdCTSxZQUFhLFdBR2pDLElBQUlzQyxFQUFJLEVBQ1I1QyxFQUFHLGdCQUFpQjJDLEtBQUssV0FDeEIzQyxFQUFHTyxNQUFPMEMsS0FBTSxNQUFPTixLQUFLLFNBQVVrQixHQUNyQyxHQUFLLEdBQUs3RCxFQUFHTyxNQUFPdUQsU0FBVSxNQUFPN0QsT0FBUyxDQUU3QyxJQUFJOEQsRUFBYy9ELEVBQUdPLE1BQU95RCxPQUU1QmhFLEVBQUdPLE1BQU95RCxLQUFNRCxFQUFhLDRCQUErQm5CLEVBQUcsV0FDL0RBLFdBYUo1QyxFQUFHYixVQUFXOEUsT0FBTyxXQUdwQnJFLFVBQVlJLEVBQUdiLFVBQVcyQixZQUUxQixJQUFJdEIsRUFBSU0sZ0JBRUpGLFVBQVlKLEVBQ2ZRLEVBQUUsaUJBQWlCVyxTQUFTTCxZQUFZLFNBRXhDTixFQUFFLGlCQUFpQlcsU0FBU1QsU0FBUyIsImZpbGUiOiJhbGwubWluLmpzIiwic291cmNlc0NvbnRlbnQiOlsidmFyIHcgPSBNYXRoLm1heChkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50V2lkdGgsIHdpbmRvdy5pbm5lcldpZHRoIHx8IDApO1xudmFyIGggPSBNYXRoLm1heChkb2N1bWVudC5kb2N1bWVudEVsZW1lbnQuY2xpZW50SGVpZ2h0LCB3aW5kb3cuaW5uZXJIZWlnaHQgfHwgMCk7XG5cbnZhciBmdWxsX3ZpZXdfaG92ZXIgPSB0cnVlO1xuXG52YXIgZG9jX3Bvc195ID0gMDtcbnZhciBiYXNpY19lYXNlID0gNjAwO1xudmFyIHNjcm9sbF95X21hcmdpbiA9IGg7XG5cblxuLy8gVEVTVFxuLy8gdmFyIGZpeGVkX2NvbnRhaW5lcnMgPSBbXTtcbiIsImZ1bmN0aW9uIHNldHVwKCkge1xuXHRpZigkKCcjanNfdHBoJykubGVuZ3RoICYmIGZ1bGxfdmlld19ob3Zlcikge1xuXHRcdC8vICQoJ2JvZHknKS5wcmVwZW5kKFwiPGRpdiBpZD1cXFwianNfdHBoXFxcIiBjbGFzcz1cXFwibGF5ZXJfX2hvdmVyIGhvdmVyX2Z1bGxfdmlld19jaGFuZ2VcXFwiPjwvZGl2PlwiKTtcblx0XHQkKCcjanNfdHBoJykuYWRkQ2xhc3MoXCJob3Zlcl9mdWxsX3ZpZXdfY2hhbmdlXCIpO1xuXHR9XG59XG5cbi8vIGdldCBkb2N1bWVudCBjb29yZGluYXRlcyBvZiB0aGUgZWxlbWVudFxuLy8gZnVuY3Rpb24gZ2V0Q29vcmRzKGVsZW0pIHtcbi8vICAgbGV0IGJveCA9IGVsZW0uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4vL1xuLy8gICByZXR1cm4ge1xuLy8gICAgIHRvcDogYm94LnRvcCArIHBhZ2VZT2Zmc2V0LFxuLy8gICAgIGxlZnQ6IGJveC5sZWZ0ICsgcGFnZVhPZmZzZXRcbi8vICAgfTtcbi8vIH1cblxuLy8gaHR0cHM6Ly9zdGFja292ZXJmbG93LmNvbS9hLzQ4ODA3My8xNDQ0MTQ5XG5mdW5jdGlvbiBVdGlscygpIHtcblxufVxuXG5VdGlscy5wcm90b3R5cGUgPSB7XG4gICAgY29uc3RydWN0b3I6IFV0aWxzLFxuICAgIGlzRWxlbWVudEluVmlldzogZnVuY3Rpb24gKGVsZW1lbnQsIGZ1bGx5SW5WaWV3KSB7XG4gICAgICAgIHZhciBwYWdlVG9wID0gJCh3aW5kb3cpLnNjcm9sbFRvcCgpO1xuICAgICAgICB2YXIgcGFnZUJvdHRvbSA9IHBhZ2VUb3AgKyAkKHdpbmRvdykuaGVpZ2h0KCk7XG4gICAgICAgIHZhciBlbGVtZW50VG9wID0gJChlbGVtZW50KS5vZmZzZXQoKS50b3A7XG4gICAgICAgIHZhciBlbGVtZW50Qm90dG9tID0gZWxlbWVudFRvcCArICQoZWxlbWVudCkuaGVpZ2h0KCk7XG5cbiAgICAgICAgaWYgKGZ1bGx5SW5WaWV3ID09PSB0cnVlKSB7XG4gICAgICAgICAgICByZXR1cm4gKChwYWdlVG9wIDwgZWxlbWVudFRvcCkgJiYgKHBhZ2VCb3R0b20gPiBlbGVtZW50Qm90dG9tKSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gKChlbGVtZW50VG9wIDw9IHBhZ2VCb3R0b20pICYmIChlbGVtZW50Qm90dG9tID49IHBhZ2VUb3ApKTtcbiAgICAgICAgfVxuICAgIH1cbn07XG5cbnZhciBVdGlscyA9IG5ldyBVdGlscygpO1xuXG4vLyBURVNUXG5cbmZ1bmN0aW9uIHNjcm9sbE5hdigpIHtcblx0JCgnLm5hdiBhJykuY2xpY2soZnVuY3Rpb24oKXtcblx0XHQvL1RvZ2dsZSBDbGFzc1xuXHRcdCQoXCIuYWN0aXZlXCIpLnJlbW92ZUNsYXNzKFwiYWN0aXZlXCIpO1xuXHRcdCQodGhpcykuY2xvc2VzdCgnbGknKS5hZGRDbGFzcyhcImFjdGl2ZVwiKTtcblx0XHR2YXIgdGhlQ2xhc3MgPSAkKHRoaXMpLmF0dHIoXCJjbGFzc1wiKTtcblx0XHQkKCcuJyt0aGVDbGFzcykucGFyZW50KCdsaScpLmFkZENsYXNzKCdhY3RpdmUnKTtcblx0XHQvL0FuaW1hdGVcblx0XHQkKCdodG1sLCBib2R5Jykuc3RvcCgpLmFuaW1hdGUoe1xuXHRcdFx0XHRzY3JvbGxUb3A6ICQoICQodGhpcykuYXR0cignaHJlZicpICkub2Zmc2V0KCkudG9wIC0gMTYwXG5cdFx0fSwgNDAwKTtcblx0XHRyZXR1cm4gZmFsc2U7XG5cdH0pO1xuXHQkKCcuc2Nyb2xsVG9wIGEnKS5zY3JvbGxUb3AoKTtcbn1cbiIsIi8vIERPTSByZWFkeVxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4kKCBkb2N1bWVudCApLnJlYWR5KGZ1bmN0aW9uKCkge1xuXG5cdC8vIFNldHVwXG5cdC8vIC0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLVxuXG5cdHNldHVwKCk7XG5cblxuXG5cdC8vIE1vZHVsZXNcblx0Ly8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG5cblx0Ly8gRXhwbGFuYXRpb24gbW9kdWxlIHNjcmlwdHNcblx0dmFyIGV4cF9tb2RlID0gZmFsc2U7XG5cblx0Ly8gRGlzcGxheXMgZXhwbGFuYXRpb24gcG9wdXBcblx0JChcIi5qc19wb3BcIikuaG92ZXIoXG5cdFx0ZnVuY3Rpb24oKSB7XG5cdFx0XHR2YXIgJHRoaXMgPSAkKHRoaXMpO1xuXG5cdFx0XHRpZigkKHRoaXMpLmF0dHIoXCJlbW1ldFwiKSl7XG5cblx0XHRcdH1cblxuXHRcdFx0JCh0aGlzKS5uZXh0KFwiLmV4cF9wb3BcIikuc2hvdygpO1xuXHRcdH0sIGZ1bmN0aW9uKCkge1xuXHRcdFx0JCh0aGlzKS5uZXh0KFwiLmV4cF9wb3BcIikuaGlkZSgpO1xuXHRcdH1cblx0KS5tb3VzZW1vdmUoXG5cdFx0ZnVuY3Rpb24oZXYpIHtcblx0XHRcdCQodGhpcykubmV4dChcIi5leHBfcG9wXCIpLmNzcyh7XG5cdFx0XHRcdFwidG9wXCI6IGV2LnBhZ2VZIC0gJCh0aGlzKS5uZXh0KFwiLmV4cF9wb3BcIikub3V0ZXJIZWlnaHQoKSAtIDQsXG5cdFx0XHRcdFwibGVmdFwiOiBldi5wYWdlWCArIDhcblx0XHRcdH0pO1xuXHRcdH1cblx0KTtcblxuXHQvLyBXSVAgQWN0aXZhdGVzIGxheWVyIHdpdGggZXhwbGFuYXRpb24gZWxlbWVudHNcblx0Ly8gQmVzc2VyIDo6YWZ0ZXIgb2RlciA6OmJlZm9yZSBiZW51dHplblxuXHQkKFwiLmV4cF9oZWxwX2J0blwiKS5jbGljayhmdW5jdGlvbihlKXtcblx0XHR2YXIgJHdyYXAsICRwb3A7XG5cblx0XHRpZihleHBfbW9kZSAhPSB0cnVlKXtcblx0XHRcdGV4cF9tb2RlID0gdHJ1ZTtcblxuXHRcdFx0JChcIi5qc19wb3BcIikuZWFjaChmdW5jdGlvbihpLCBlKXtcblx0XHRcdFx0aWYoJCh0aGlzKS5jc3MoXCJwb3NpdGlvblwiKSA9PSBcInN0YXRpY1wiKSB7XG5cdFx0XHRcdFx0JCh0aGlzKS5hZGRDbGFzcyhcImpzX2NoYW5nZWRfcG9zXCIpO1xuXHRcdFx0XHRcdCQodGhpcykuY3NzKFwicG9zaXRpb25cIiwgXCJyZWxhdGl2ZVwiKTtcblx0XHRcdFx0fVxuXG5cdFx0XHRcdCRwb3AgPSAkKHRoaXMpLm5leHQoXCIuZXhwX3BvcFwiKS5kZXRhY2goKTtcblx0XHRcdFx0JHdyYXAgPSAkKHRoaXMpLndyYXAoXCI8c3BhbiBjbGFzcz1cXFwiZXhwX3dyYXBcXFwiPjwvc3Bhbj5cIikucGFyZW50KCkucHJlcGVuZChcIjxzcGFuIGNsYXNzPVxcXCJleHBfbWFya2VyX3BvcFxcXCI+PC9zcGFuPlwiKTtcblx0XHRcdFx0JHdyYXAuYWZ0ZXIoJHBvcCk7XG5cdFx0XHR9KTtcblxuXHRcdH0gZWxzZSB7XG5cdFx0XHQkKFwiLmpzX3BvcFwiKS5lYWNoKGZ1bmN0aW9uKGksIGUpe1xuXHRcdFx0XHQkd3JhcCA9ICQodGhpcykucGFyZW50KFwiLmV4cF93cmFwXCIpO1xuXHRcdFx0XHQkcG9wID0gJHdyYXAubmV4dChcIi5leHBfcG9wXCIpLmRldGFjaCgpO1xuXHRcdFx0XHQkd3JhcC5maW5kKFwiLmV4cF9tYXJrZXJfcG9wXCIpLnJlbW92ZSgpO1xuXHRcdFx0XHQkKHRoaXMpLnVud3JhcChcIi5leHBfd3JhcFwiKTtcblx0XHRcdFx0JCh0aGlzKS5hZnRlcigkcG9wKTtcblx0XHRcdFx0aWYoJCh0aGlzKS5oYXNDbGFzcyhcImpzX2NoYW5nZWRfcG9zXCIpKXtcblx0XHRcdFx0XHQkKHRoaXMpLmNzcyhcInBvc2l0aW9uXCIsIFwiXCIpO1xuXHRcdFx0XHRcdGlmKCQodGhpcykuYXR0cihcInN0eWxlXCIpID09IFwiXCIpIHtcblx0XHRcdFx0XHRcdCQodGhpcykucmVtb3ZlQXR0cihcInN0eWxlXCIpO1xuXHRcdFx0XHRcdH1cblx0XHRcdFx0XHQkKHRoaXMpLnJlbW92ZUNsYXNzKFwianNfY2hhbmdlZF9wb3NcIik7XG5cdFx0XHRcdH1cblx0XHRcdH0pO1xuXG5cdFx0XHRleHBfbW9kZSA9IGZhbHNlO1xuXG5cdFx0fVxuXHRcdGNvbnNvbGUubG9nKFwiRXhwbGFuYXRpb24gbW9kZTogXCIrIGV4cF9tb2RlKTtcblx0fSk7XG5cblx0Ly9cdFdJUCBTY3JvbGwgdG8gdG9wXG5cdCQoJyNqc19zY3JvbGx0b3AnKS5jbGljayhmdW5jdGlvbihldmVudCkge1xuXHRcdGNvbnNvbGUubG9nKCdzY3JvbGwgdG8gdGhlIHRvcCcpO1xuXHRcdGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cdFx0Ly8gJCgnYm9keScpLnNjcm9sbFRvcCgpO1xuXHRcdCQoJ2JvZHknKS5hbmltYXRlKHtzY3JvbGxUb3A6IDB9LCBiYXNpY19lYXNlLCBmdW5jdGlvbigpIHtcblx0XHRcdCBjb25zb2xlLmxvZygnYXJyaXZlZCBhdCB0b3AnKTtcblx0XHR9KTtcblx0fSk7XG5cdCQoJyNqc19zY3JvbGxkb3duJykuY2xpY2soZnVuY3Rpb24oZXZlbnQpIHtcblx0XHRjb25zb2xlLmxvZygnc2Nyb2xsIGRvd24nKTtcblx0XHRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXHRcdCQoJ2JvZHknKS5hbmltYXRlKHtzY3JvbGxUb3A6ICQoZG9jdW1lbnQpLmhlaWdodCgpfSwgYmFzaWNfZWFzZSAqIDIsIGZ1bmN0aW9uKCkge1xuXHRcdFx0IGNvbnNvbGUubG9nKCdhcnJpdmVkIGF0IGJvdHRvbScpO1xuXHRcdH0pO1xuXHR9KTtcblxuXG5cblx0JCggXCIjZ2FtZUljb25cIiApLmNsaWNrKGZ1bmN0aW9uKGV2ZW50KSB7XG5cdFx0ZXZlbnQucHJldmVudERlZmF1bHQoKTtcblx0XHQkKCB0aGlzICkuY2xvbmUoKS5hcHBlbmRUbyggXCIjZ2FtZURldGFpbFwiICk7XG5cdFx0JCggdGhpcyApLnNpYmxpbmdzKCkuY2xvbmUoKS5hcHBlbmRUbyggXCIjZ2FtZURldGFpbFwiICk7XG5cdFx0JCggXCIjZ2FtZURldGFpbFwiICkucmVtb3ZlQ2xhc3MoIFwibWFnaWNcIiApO1xuXHR9KTtcblxuXHR2YXIgaSA9IDA7XG5cdCQoIFwiLnBhc3MtZGVmIGRkXCIgKS5lYWNoKGZ1bmN0aW9uKCkge1xuXHRcdCQoIHRoaXMgKS5maW5kKCBcImxpXCIgKS5lYWNoKGZ1bmN0aW9uKCBpbmRleCApIHtcblx0XHRcdGlmICggMCA9PSAkKCB0aGlzICkuY2hpbGRyZW4oIFwidWxcIiApLmxlbmd0aCApIHtcblx0XHRcdFx0Ly9jb25zb2xlLmxvZyggaW5kZXggKyBcIjogXCIgKyAkKCB0aGlzICkudGV4dCgpICk7XG5cdFx0XHRcdHZhciB0ZW1wQ29udGVudCA9ICQoIHRoaXMgKS5odG1sKCk7XG5cdFx0XHRcdC8vJCggdGhpcyApLmh0bWwoIFwiPHNwYW4gY2xhc3M9XFxcImxpc3QtY291bnRcXFwiPjwvc3Bhbj5cIiApO1xuXHRcdFx0XHQkKCB0aGlzICkuaHRtbCggdGVtcENvbnRlbnQgK1wiPHNwYW4gY2xhc3M9XFxcImxpc3QtY291bnRcXFwiPlwiKyBpICtcIjwvc3Bhbj5cIiApO1xuXHRcdFx0XHRpKys7XG5cdFx0XHR9XG5cdFx0fSlcblx0fSk7XG5cblxuXG59KTtcblxuXG5cbi8vIFNjcm9sbFxuLy8gLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tXG4kKCBkb2N1bWVudCApLnNjcm9sbChmdW5jdGlvbigpIHtcblxuXHQvLyBUb2dnbGUgbmF2aWdhdGlvbiBlbGVtZW50c1xuXHRkb2NfcG9zX3kgPSAkKCBkb2N1bWVudCApLnNjcm9sbFRvcCgpO1xuXHQvLyBjb25zb2xlLmxvZyhkb2NfcG9zX3kpO1xuXHR2YXIgaCA9IHNjcm9sbF95X21hcmdpbjtcblx0Ly8gdmFyIGRlbW9fbWFyZ2luID0gJCgnLmhlYWRlcl9fZml4Jyk7XG5cdGlmIChkb2NfcG9zX3kgPiBoKSB7XG5cdFx0JCgnI2pzX3Njcm9sbHRvcCcpLnBhcmVudCgpLnJlbW92ZUNsYXNzKCdtYWdpYycpO1xuXHR9IGVsc2Uge1xuXHRcdCQoJyNqc19zY3JvbGx0b3AnKS5wYXJlbnQoKS5hZGRDbGFzcygnbWFnaWMnKTtcblx0fVxuXG5cblxufSk7XG4iXX0=