hippie/deploy/css/demo.css
Stephan Hagedorn 6494df4d32 Added scripts
- New packages for css processing
- Added index for browser-sync
2022-08-19 22:04:32 +02:00

2 lines
No EOL
26 KiB
CSS
Raw Permalink Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@charset "UTF-8";.sym_glass:before{content:"\f000"}.sym_music:before{content:"\f001"}.sym_search:before{content:"\f002"}.sym_envelope-o:before{content:"\f003"}.sym_heart:before{content:"\f004"}[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}.hide{display:none}.space_even_auto{margin-left:auto;margin-right:auto}.space_even_half{margin-left:25%;margin-right:25%}.space_even_fourth{margin-left:37.5%;margin-right:37.5%}.space_top_basic{margin-top:8px}.space_right_basic{margin-right:8px}.space_bottom_basic{margin-bottom:8px}.space_left_basic{margin-left:8px}.space_top_small{margin-top:32px}.space_right_small{margin-right:32px}.space_bottom_small{margin-bottom:32px}.space_left_small{margin-left:32px}.space_top_medium{margin-top:64px}.space_right_medium{margin-right:64px}.space_bottom_medium{margin-bottom:64px}.space_left_medium{margin-left:64px}.space_top_large{margin-top:128px}.space_right_large{margin-right:128px}.space_bottom_large{margin-bottom:128px}.space_left_large{margin-left:128px}.space_left_fourth{margin-left:25%}.table_file_simple,.width_full{margin-left:0;margin-right:0;width:100%}.width_half{width:50%}.width_half,.width_third{margin-left:0;margin-right:0}.width_third{width:33.3%}.h_basic{height:1024px}.body_portal,.h_full_view{height:100vh}.h_100{height:100%}.body_status .main_site>*,.wrap_center>*{margin-left:2%;margin-right:2%}@media (min-width:1024px){.body_status .main_site>*,.wrap_center>*{margin-left:10%;margin-left:20%;margin-right:10%;margin-right:20%}}@media (min-width:1680px){.body_status .main_site>*,.wrap_center>*{margin-left:26%;margin-right:26%}}.clear,.clear:after,.clear:before{clear:both}.header_page nav ul,.nav_center_old ul,.nav_horizontal ul,.overflow{overflow:auto}.box_file_tile,.float_left,.float_space_left,.header_page nav ul li,.list_horizontal li,.nav_center_old ul li,.nav_horizontal ul li{float:left}.float_right{float:right}.box_file_tile,.float_space_left,.header_page nav ul li,.list_horizontal li,.nav_center_old ul li,.nav_horizontal ul li{margin-right:32px}.float_half_size{float:left;width:50%}.x_long{overflow-x:scroll}.inline{display:inline-block}.mouse_over,.pos_full_view{height:100vh;left:0;position:fixed;top:0;width:100vw}.exp_overlay,.html_card body .card_bkg,.pos_full_page{bottom:0;left:0;position:absolute;right:0;top:0}.pos_abs{position:absolute}.pos_rel{position:relative}.pos_fix{position:fixed}.pin_top{top:0}.pin_right{right:0}.pin_bottom{bottom:0}.pin_left{left: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:#616161;transition:background-color .2s ease-in-out}.hover_back_change:hover{background-color:grey}.mouse_over{background-color:rgba(0,0,0,.5);pointer-events:none;transition:background-color 2s ease-out 2s;z-index:100}.txt_color_light{color:#9f9f9f}.txt_color_dark{color:#616161}.txt_tiny{font-size:.5em!important}.txt_smaller{font-size:.75em!important}.txt_larger{font-size:1.2em!important}.txt_huge{font-size:3em!important}.txt_hero{font-size:9.3em}.txt_center{text-align:center!important}.txt_right{text-align:right!important}.txt_left{text-align:left!important}.txt_top{vertical-align:top!important}.txt_bottom{vertical-align:bottom!important}.txt_white{color:#fff}.txt_black{color:#000}.txt_gradient{-webkit-text-fill-color:transparent;background:linear-gradient(165deg,#fad803 30%,#d30a51 45%,#273f8b 50%,#b7e0f0,#52bed1 80%,#0c85ff);background-clip:text;-webkit-background-clip:text}.column_2,.column_3,.io_button,.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,sans;font-size:1em;line-height:1.28}.code_solo,.demo__query_example:after,code,input:not([type]),input[type=color],input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],kbd,pre,samp,select,textarea{font-family:Courier New,monospace;font-size:1em;line-height:1.1}.print_body [class^=din] .column_2,.print_body [class^=din] .column_3,.print_body [class^=din] caption,.print_body [class^=din] p{font-family:Times New Roman,times;font-size:1em;line-height:1.28}.portal__entry h2,h1,h2,h3,h4,h5,h6{font-family:Roboto,Segoe UI,Liberation Sans,Source Sans,Trebuchet MS,Helvetica,Arial,sans-serif,sans;line-height:1.28}.print_body .page_date,.print_body .page_no,h1{font-size:3.1em;font-weight:300}h2{font-size:2.5em;font-weight:300}.portal__entry h2,h3,h4{font-size:1.8em;font-weight:300}h5{font-size:1.35em;font-weight:300}.table_link .cell_text .shorten{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis}body{background-color:grey;box-sizing:border-box;color:#000;font-family:Roboto,Segoe UI,Liberation Sans,Source Sans,Trebuchet MS,Helvetica,Arial,sans-serif,sans;font-size:17px;line-height:1;line-height:1.28;margin:0;position:relative}body *,body :after,body :before{box-sizing:inherit}body:hover .mouse_over{background-color:transparent!important;transition:background-color .5s ease-out 0s!important}.demo__intro,.sec_main_center{margin:0 auto;padding-top:32px;width:96%}@media (min-width:1024px){.demo__intro,.sec_main_center{width:80%;width:60%}}@media (min-width:1680px){.demo__intro,.sec_main_center{width:48%}}.body_status,.demo__intro,.demo__status,.sec_main_status{border-top:8px solid;border-color:#1f1f1f;padding-top:32px}aside{width:20%}aside.right+.bside{margin-right:calc(20% + 8px)}aside.left+.bside{margin-left:calc(20% + 8px)}aside.right{float:right}aside.left{float:left}aside :first-child{margin-top:0}h1{margin:128px 0 32px}h1+h1{margin-top:0}h2{margin:64px 0 32px}h2+h2{margin-top:0}h3{margin:16px 0;text-transform:uppercase}.portal__entry h2,h4{margin:16px 0;text-transform:none}h5{margin:16px 0 8px}h5,h6{text-transform:none}h6{font-weight:700;margin:8px 0}.header_page{overflow:auto}.header_txt{border-bottom:1px dotted #1f1f1f;margin-bottom:32px}.header_txt h1{border-top:1px solid #1f1f1f}.column_2,.column_3,caption,p{margin-bottom:8px;margin-top:8px}.column_2 .demo__query_example:after,.column_2 code,.column_3 .demo__query_example:after,.column_3 code,caption .demo__query_example:after,caption code,p .demo__query_example:after,p code{font-size:1em;line-height:1;padding:1px 4px}.column_line{-moz-column-rule:1px solid #1f1f1f;column-rule:1px solid #1f1f1f}.column_2{-moz-column-count:2;column-count:2;-moz-column-gap:32px;column-gap:32px}.column_3{-moz-column-count:3;column-count:3;-moz-column-gap:64px;column-gap:64px}address{margin-bottom:16px;margin-top:16px}.hr_dotted,.hr_hidden,hr{border:solid #1f1f1f;border-width:1px 0 0;margin-bottom:32px;margin-top:32px}.hr_hidden{border-color:transparent}.hr_dotted{border-style:dotted}pre{white-space:pre-wrap}.pre_code{background-color:#8a8a8a;border:dotted #767676;border-radius:2px;border-width:0 0 0 4px;overflow-x:auto;padding:8px}.pre_code .demo__query_example:after,.pre_code code{background-color:transparent}blockquote{margin:8px 0;padding-left:2em;padding-right:2em}.quote_mark .column_2:before,.quote_mark .column_3:before,.quote_mark caption:before,.quote_mark p:before{content:"„ "}.quote_mark .column_2:after,.quote_mark .column_3:after,.quote_mark caption:after,.quote_mark p:after{content:" “"}.quote_mark .quote_source:after,.quote_mark .quote_source:before{content:""}dl,ol,ul{margin:16px 0}ol,ul{padding-left:2em}dl{margin-left:2em}.list_basic li,dd{margin-bottom:8px}dd{margin-left:2em}ul li{list-style:square}.list_dash li{list-style:none;position:relative}.list_dash li:before{content:"_";left:-1em;position:absolute}.list_link li,.portal__list li{margin-bottom:2px;text-transform:uppercase}.list_link li a,.portal__list li a{color:#000;display:block;padding:5px 8px}.list_link li a img,.portal__list 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,.portal__list li a:active,.portal__list li a:focus,.portal__list li a:hover{background-color:#0c85ff;color:#fff}.list_horizontal{overflow:auto}figure{margin:16px 2em}figcaption{color:#616161}.div_info{background-color:rgba(82,190,209,.1)!important;border-right:8px solid rgba(82,190,209,.6);padding:16px 2em}.box_space{position:relative;width:100%}.box_cube{display:table;float:left;text-align:center;vertical-align:middle;width:64px}.box_cube span{display:table-cell}.box_placeholder{background-color:rgba(250,216,3,.8);border:4px solid rgba(250,216,3,.9);border-radius:2px;height:64px;width:100%}.box_placeholder_bkg{background:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0' y='0' width='100%' height='100%'><line x1='0' y1='0' x2='100%' y2='100%' stroke='%23FFF' stroke-width='.5'/><line x1='0' y1='100%' x2='100%' y2='0' stroke='%23FFF' stroke-width='.5'/></svg>") no-repeat;background-color:hsla(0,0%,100%,.9);border:4px solid hsla(0,0%,100%,.9);border-radius:2px;height:128px;padding:8px;width:100%}.flex,.flex_column_wrap,.flex_row,.flex_wrap,.nav_column ul{display:flex}.flex_column_wrap,.flex_wrap{flex-wrap:wrap}.flex_row{flex-direction:column;justify-content:flex-start}.flex_child,.flex_column_wrap .flex_column,.nav_column ul li{flex:0 1 auto}.flex_child_one{flex:1}.flex_child_end{align-self:flex-end}.flex_column_wrap .flex_column{flex-grow:1}.grid{grid-gap:8px;display:grid}.grid>input,.grid>select,.grid>textarea{margin:0}.grid>label{margin:2px;padding:4px}.grid_column_2{grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content}.grid_column_4{grid-template-columns:-webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content max-content max-content}.sprite_img{display:inline-block}a{color:#b7e0f0;text-decoration:none}a:active,a:focus,a:hover{color:#fff}.a_internal{color:#273f8b}.a_external{color:#b7e0f0}.a_discreet,.a_line{color:#000}.a_line{background-color:transparent;border-bottom:1px dotted;border-color:#1f1f1f;transition:color .25s ease-out}.a_line:active,.a_line:focus,.a_line:hover{background-color:#0c85ff;color:#fff}.a_button,.a_button_border,.a_button_text{background-color:rgba(183,224,240,.2);border-radius:2px;display:inline-block;padding:5px 8px}.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%,.2);border-color:transparent}.a_button_border,.a_button_text{background-color:transparent;color:#000;padding:7px 16px}.a_button_border{border:1px solid #1f1f1f}em,i{font-style:italic}.i_bright{color:#fff;font-style:normal}b,strong{font-weight:500}cite{font-style:italic}.demo__query_example:after,code{background-color:#8a8a8a;color:#1f1f1f}.code_solo{color:#000;padding:1px 4px}kbd{border:1px solid #616161;border-radius:2px;color:#1f1f1f;padding:0 4px}mark{background-color:#fad803}.mark_cursor{background-color:#000;color:#fff}::-moz-selection{background-color:#000;color:#fff}::selection{background-color:#000;color:#fff}img{vertical-align:top}table{border:1px solid #1f1f1f;border-collapse:collapse;margin:16px 0}.table_blank,.table_blank td,.table_blank th,.table_free{border:1px solid transparent}.table_stripe td{border-bottom:0;border-top:0}.table_stripe tr:nth-child(2n) td{background-color:#8a8a8a}.table_fix{table-layout:fixed}caption{border:1px dotted #1f1f1f;padding:4px 0;text-align:center}tfoot tr:first-child td{border-top:1px solid #1f1f1f}td,th{padding:4px}th{border:1px solid #1f1f1f;text-align:left}td{border-bottom:1px solid #1f1f1f;border-right:1px solid #1f1f1f}td:last-child{border-right:0}td:last-child td{border-bottom:0}.cell_pre{background-color:#8a8a8a}input+label,label button,label input,label select,label textarea{margin-left:8px}.label{line-height:2.5}.label>input,.label>select,.label>textarea{margin:0 8px}label+input{margin-left:8px}button,input,select,textarea{margin:0 32px 0 0}button[disabled=disabled],button[disabled],input[disabled=disabled],input[disabled],select[disabled=disabled],select[disabled],textarea[disabled=disabled],textarea[disabled]{cursor:not-allowed}td>button,td>input,td>select,td>textarea{margin:0}input:not([type]),input[type=color],input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{line-height:1}.io_input,.io_select,.io_textarea{background-color:#e0e0e0;color:#1f1f1f;padding:4px}.io_input:hover,.io_select:hover,.io_textarea:hover{background-color:#fff}.io_input[readonly=readonly],.io_input[readonly],.io_select[readonly=readonly],.io_select[readonly],.io_textarea[readonly=readonly],.io_textarea[readonly]{background-color:#a3a3a3}.io_input[disabled=disabled]:hover,.io_input[disabled]:hover,.io_select[disabled=disabled]:hover,.io_select[disabled]:hover,.io_textarea[disabled=disabled]:hover,.io_textarea[disabled]:hover{background-color:#e0e0e0}.io_input[type=date],.io_input[type=datetime-local],.io_input[type=month],.io_input[type=time],.io_input[type=week]{padding-bottom:0;padding-top:0}.io_input,.io_textarea{border:2px solid #fff}.io_input[readonly=readonly],.io_input[readonly],.io_textarea[readonly=readonly],.io_textarea[readonly]{border-color:#c2c2c2}.io_input[disabled=disabled],.io_input[disabled],.io_textarea[disabled=disabled],.io_textarea[disabled]{border-color:transparent}fieldset{border:1px solid #1f1f1f;margin:16px 0;padding:8px}legend{padding:0 4px}.io_button{background-color:#616161;border:2px solid #3d3d3d;color:#000;padding:5px 8px}.io_button:hover{background-color:#0c85ff;border-color:transparent;color:#fff}.io_button[disabled=disabled],.io_button[disabled]{border-color:transparent;color:#3d3d3d}.io_button[disabled=disabled]:hover,.io_button[disabled]:hover{background-color:#616161}select{border:none}.io_textarea{line-height:1.2}.table_link{border:0;table-layout:auto;width:100%}.table_link tbody{border-bottom:1px solid #1f1f1f}.table_link tbody:hover{background-color:#c2c2c2}.table_link td,.table_link th{border:0}.table_link .cell_icon{text-align:center;width:48px}.table_link .cell_icon img{vertical-align:text-top}.table_link .cell_link{padding-left:8px;padding-right: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{color:#fff;display:block}.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{text-align:center;width:16%}.table_link .cell_text{padding-left:8px;padding-right:8px}.table_link .cell_text div{width:100%}.table_link .cell_text .shorten{max-height:44px}.body_status{border-color:#0c85ff;height:100vh}.body_status .main_site>h1:first-of-type{font-weight:700;line-height:1;margin-bottom:0;margin-top:0}.body_status .main_site>h1+h3{margin-bottom:32px;margin-top:0}nav ul{padding-left:0}nav li{list-style:none;margin-bottom:8px}.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-bottom:0;margin-right:8px}.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{padding-left:1px;position:relative}.nav_separate li:not(:first-child):before{background-color:#1f1f1f;content:"";height:100%;left:0;position:absolute;top:0;width:1px}.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{background-color:#fff;content:"";height:100%;left:0;margin:0 8px;position:absolute;top:0;width:1px}.nav_center_old{float:right;left:-50%;position:relative}.nav_center_old ul{left:50%;position:relative;text-align:center}.nav_column{margin:8px 0;position:relative}.nav_column ul{margin:0 128px}.nav_column ul li{flex-grow:1;margin:0;text-align:center}.nav_column ul li a{display:block}.nav_page_meta{bottom:16px;position:fixed;right:4px}.nav_page_meta ul{margin:8px 0}.nav_page_meta li{line-height:1;margin-bottom:0}.nav_page_meta button{margin-left:0;margin-right:0;width:32px}.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}.nav_page_meta .sprite_img{vertical-align:top}.header_page nav a:active,.header_page nav a:focus,.header_page nav a:hover{background-color:rgba(0,0,0,.2);color:#000}.wip,.wip_txt{background-color:rgba(220,20,60,.1)!important;border-right:8px solid rgba(220,20,60,.8)}.wip:after,.wip:before{content:"";display:block;height:48px}.exp_expose:after,.exp_expose:before,.exp_expose_post:before,.exp_expose_pre:after{background-color:rgba(183,224,240,.1)!important;content:"";display:block;height:48px}.exp_pop{display:none}.exp_wrap{position:relative}.exp_overlay{background-color:rgba(250,216,3,.4)}.exp_pop{background-color:grey;border:4px solid grey;border-radius:4px;left:128px;padding:4px;pointer-events:none;position:absolute;top:128px;z-index:100}.exp_marker_pop{background-color:#000;border:1px solid #fff;border-radius:17px;color:#fff;height:17px;position:absolute;right:-8.5px;top:-12.75px;width:17px}.exp_overlay_btn{cursor:pointer;height:2em;position:fixed;width:3em}.exp_help_btn{background-color:rgba(0,0,0,.4);bottom:16px;display:table;right:16px}.exp_help_btn:hover{background-color:#fff}.exp_help_btn:hover>.span_solo{color:#000}.exp_help_btn .span_solo{color:hsla(0,0%,100%,.8);display:table-cell;font-family:Courier New,monospace;font-size:1.4em;text-align:center;vertical-align:middle}.expose_height{background-color:rgba(183,224,240,.1)!important;bottom:0;left:0;position:absolute;right:0;top:0;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{left:2.4cm;right:1.2cm}.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{left:1.2cm;right:0}.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{left:1.2cm;right:0}.print_body .dina6 .page_head{top:0}.print_body .dina6 .page_foot{bottom:0}.print_body [class^=din]{margin:32px auto;overflow:auto;position:relative}.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:flex;flex-direction:row}.print_body [class^=din] .page_foot :last-child{margin-bottom:0}.print_body [class^=din] .page_foot .column_2,.print_body [class^=din] .page_foot .column_3,.print_body [class^=din] .page_foot caption,.print_body [class^=din] .page_foot p{flex:1 0 auto;font-size:8pt;line-height:10pt;margin:0;text-align:center}.print_body [class^=din] .page_foot .page_no{flex:1 0 auto;font-size:20pt;line-height:1;text-align:right}.print_body [class^=din] .page_foot .column_2:first-child,.print_body [class^=din] .page_foot .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-bottom:2cm;margin-top:10cm}.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;right:0;text-align:right;top:5cm}.print_body .page_recipient{left:0;position:absolute;top:5cm}.html_card{height:100%}.html_card body{min-height:100%}.html_card body .card_bkg{overflow:hidden;transition-duration:.8s;vertical-align:top;z-index:-1}.html_card body .card_bkg>svg{position:relative}.html_card body .card_box{align-items:center;display:flex;height:100vh;justify-content:center}.html_card body .card_box *{font-family:Trebuchet MS,Roboto,Segoe UI,Liberation Sans,Source Sans,Helvetica,Arial,sans-serif,sans}.html_card body .card_box>div{background-color:#f5f5f5;border:1px solid #fff;padding:64px 64px 24px;position:relative;z-index:40}.html_card body h1{color:#1e1e1e;font-size:24px;font-weight:400;line-height:1.4em;margin:16px 0}.html_card body .column_2,.html_card body .column_3,.html_card body caption,.html_card body p{font-size:12px;line-height:1.4em;margin-bottom:16px;margin-top:0}.html_card body .marked:before{content:"* "}.html_card body .decent{color:#666}.html_card body a{color:#000;text-decoration:none}.html_card body a:hover{background-color:#0c85ff;color:#f4f9fa;text-decoration:none}.portal{display:flex;height:100vh}.portal__entry{align-items:center;display:flex;flex:1;padding-left:16px;padding-right:16px;transition:flex .5s cubic-bezier(0,0,.2,1.4),background .8s ease}.portal__entry:hover{background-color:#999;flex:2}.portal__entry:hover .portal__list{display:block}.portal__entry section{padding:32px 0;width:100%}.portal__entry h2{margin-top:0;overflow:hidden;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap}.portal__link{background-position:50%;background-repeat:no-repeat;border:1px solid transparent;display:block;height:128px;margin:0 auto;position:relative;width:128px}.portal__link:hover{background-color:hsla(0,0%,100%,.8);border-color:#fff}.portal__link:focus{outline:0}.portal__link img{height:64px;left:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0;position:absolute;top:50%;transform:translate(-50%,-50%);width:64px}.portal__link--bibo{background-image:url(../../art/portal/bibo.png)}.portal__link--portfolio{background-image:url(../../art/portal/portfolio.png)}.portal__link--found{background-image:url(../../art/portal/gems.png)}.portal__link--flux{background-image:url(../../art/portal/flux.png)}.portal__link--blog{background-image:url(../../art/portal/notes.png)}.portal__link--tools{background-image:url(../../art/portal/tools.png)}.portal__link--safe{background-image:url(../../art/portal/safe.png)}.portal__link--game:hover{background-image:url(../../art/portal/games.png)}.portal__link--game:hover>img{display:none}.portal__list{display:none;margin:48px auto 0;padding-left:0;position:relative;width:80%}.portal__list li{list-style:none}.portal__list li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.portal__list li a img{height:auto;width:16px}.demo__status{border-color:#0c85ff;min-height:50vh;position:relative}.demo__status h1:first-of-type{font-weight:700;margin-top:0}@media (max-height:512px){.demo__status .pos_abs{position:static!important}}.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{background-color:rgba(39,63,139,.6);left:0;position:relative;top:0;width:100%}.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{background-color:#3d3d3d;color:#c2c2c2;padding:16px 0;width:100%}.demo__footer nav a{color:#fff}.demo__sprite_down{background-position:-64px 0;height:32px}.demo__sprite_down,.demo__sprite_up{background-image:url(../art/sprite.png);width:32px}.demo__sprite_up{background-position:0 0;height:64px}.demo__sprite_meta{background-image:url(../art/sprite.png);background-position:-64px -32px;height:32px;width:32px}.demo__avatar img{background-color:#b7e0f0;border-radius:50%;height:auto;min-height:128px;min-width:128px;opacity:1;width:128px}.demo__flag{height:40vh}.demo__credits{margin:32px 0 8px}.demo__button_32{height:32px;width:32px}.demo__queries>.column_2,.demo__queries>.column_3,.demo__queries>caption,.demo__queries>p{padding:5px 8px}@media (min-width:767px){.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:1024px){.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:768px){.demo__query_example{background-color:#fad803}}@media (min-width:1024px){.demo__query_example{background-color:#d30a51}}@media (min-width:1280px){.demo__query_example{background-color:#273f8b}}@media (min-width:1440px){.demo__query_example{background-color:#b7e0f0}}@media (min-width:1680px){.demo__query_example{background-color:#52bed1}}@media (min-width:1920px){.demo__query_example{background-color:#0c85ff}}.demo__query_example:after{background-color:hsla(0,0%,100%,.2);border-radius:2px;color:#fff;content:"< 768px";padding:5px 8px}@media (min-width:768px){.demo__query_example:after{content:"768px"}}@media (min-width:1024px){.demo__query_example:after{content:"1024px"}}@media (min-width:1280px){.demo__query_example:after{content:"1280px"}}@media (min-width:1680px){.demo__query_example:after{content:"1680px"}}@media (min-width:1920px){.demo__query_example:after{content:"1920px"}}.demo__td_no_bl{border-left:none}.demo__td_no_br{border-right:none}.demo__td_pr{padding-right:16px}.demo__td_pl{padding-left:16px}.wrap{align-items:center;display:flex;justify-content:center}.hello{flex:0 1 auto;width:80%}.hello ul{background-color:#616161;padding:1em 5em}
/*# sourceMappingURL=demo.css.map */