hippie/deploy/css/demo_basic.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
14 KiB
CSS

@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}.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}.overflow{overflow:auto}.box_file_tile,.float_left,.float_space_left,.list_horizontal li{float:left}.float_right{float:right}.box_file_tile,.float_space_left,.list_horizontal 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}.pos_full_page{bottom:0;left:0;right:0;top:0}.pos_abs,.pos_full_page{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,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}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}h1{font-size:3.1em}h1,h2{font-weight:300}h2{font-size:2.5em}h3,h4{font-size:1.8em}h3,h4,h5{font-weight:300}h5{font-size:1.35em}.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}.sec_main_center{margin:0 auto;padding-top:32px;width:96%}@media (min-width:1024px){.sec_main_center{width:80%;width:60%}}@media (min-width:1680px){.sec_main_center{width:48%}}.body_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{text-transform:uppercase}h3,h4{margin:16px 0}h4,h5{text-transform:none}h5{margin:16px 0 8px}h6{font-weight:700;margin:8px 0;text-transform:none}.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 code,.column_3 code,caption code,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 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{margin-bottom:2px;text-transform:uppercase}.list_link li a{color:#000;display:block;padding:5px 8px}.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}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{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{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}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}
/*# sourceMappingURL=demo_basic.css.map */