6 lines
3.9 KiB
CSS
6 lines
3.9 KiB
CSS
/**
|
|
* H5UI (http://h5ui.io)
|
|
* Copyright (C) 2017 H5UI.io
|
|
* Licensed under the MIT license (https://mit-license.org)
|
|
*/
|
|
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.in{filter:alpha(opacity=40);opacity:.4}.example-home_hd,.h5ui-page{max-width:640px;margin:0 auto}.example-home_hd{padding:30px 30px 20px;text-align:center}.example-home_hd .h5ui-logo{width:124px;height:50px;display:block;background:url(//s.h5ui.io/img/example/logo.png?201612081905) no-repeat;background-size:144px;margin:0 auto}.example-home_hd p{font-size:14px;padding-top:7px;color:#999;margin:0}.example-home_grid_hd{font-size:14px;font-weight:400;color:#333;margin:0;padding:8px 15px}.example-home_grid_bd{margin-top:15px}.example-home_grid_bd .h5ui-grid_item{color:#999}.example-home_grid_bd .h5ui-grid_item_icon{background:url(//s.h5ui.io/img/example/icons.png?2016120081905) no-repeat;background-size:32px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_form{background-position:0 0}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_slider{background-position:0 -32px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_switch{background-position:0 -64px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_checkbox{background-position:0 -96px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_radio{background-position:0 -128px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_select{background-position:0 -160px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_button{background-position:0 -192px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_navbar{background-position:0 -224px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_tab{background-position:0 -256px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_grid{background-position:0 -288px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_list{background-position:0 -320px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_dialog{background-position:0 -352px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_modal{background-position:0 -384px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_toast{background-position:0 -416px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_toptips{background-position:0 -448px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_alert{background-position:0 -480px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_msg{background-position:0 -512px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_timeline{background-position:0 -544px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_lazyload{background-position:0 -576px}.example-home_grid_bd .h5ui-grid_item_icon.icon-grid_more{background-position:0 -608px}.example-copyright{padding:20px 0;display:inline-block;width:100%}.example-copyright .flag{width:66px;height:24px;background-size:66px;display:block;margin:0 auto}.example-copyright.fixed{position:fixed;right:0;left:0;bottom:0;z-index:10}.example-slider_val{font-size:15px;color:#999;margin-left:20px;min-width:30px;text-align:right;display:block}.example-slider_volume_large,.example-slider_volume_small{width:20px;height:13px;display:block;background:url(//s.h5ui.io/img/example/example-slider_volume.png?201612081905) no-repeat;background-size:20px}.example-slider_volume_small{background-position:0 0;margin:5px 20px 5px 0}.example-slider_volume_large{background-position:0 -13px;margin:5px 0 5px 20px}.h5ui-grid .h5ui-grid_item .h5ui-grid_item_icon img{border-radius:50%;-webkit-border-radius:50%}.h5ui-modal_share .modal-body .item .icon{background:#fff url(http://s.h5ui.io/img/example/icon-share.png?201612081905) no-repeat;background-size:60px}.h5ui-modal_share .modal-body .item .icon.icon-weibo{background-position:0 0}.h5ui-modal_share .modal-body .item .icon.icon-qq{background-position:0 -60px}.h5ui-modal_share .modal-body .item .icon.icon-qqzone{background-position:0 -120px}.h5ui-modal_share .modal-body .item .icon.icon-qqweibo{background-position:0 -180px}.tab-content{font-size:16px;text-align:center} |