/*! QTouch 
 *  2015-06-26 */
#demo-back,#demo-colorpicker,#demo-nav,#demo-title{height:40px}
body.has-demo-nav{padding-top:40px}
#demo-nav{position:fixed;z-index:10;top:0;left:0;width:100%;line-height:40px;background:#1B87CA;color:#fff;text-align:center;font-size:120%}
#demo-title{margin:0 50px}
#demo-back,#demo-colorpicker{position:absolute;display:block;width:50px;top:0}
#demo-back{left:0}
#demo-back .icon,#demo-back .icon:after{position:absolute;left:50%;top:50%;display:block}
#demo-back .icon{width:14px;height:14px;border:2px solid #fff;border-width:0 0 2px 2px;-webkit-transform:translate(-50%,-50%)rotate(45deg);transform:translate(-50%,-50%)rotate(45deg)}
#demo-back .icon:after{content:' ';width:22px;height:0;border-top:2px solid #fff;-webkit-transform:translate(-50%,-50%)rotate(-45deg);transform:translate(-50%,-50%)rotate(-45deg)}
#demo-colorpicker{right:0;background:url(http://www.qftouch.com/images/color.png)50% 50% no-repeat}
#demo-colorlist{display:none;position:absolute;top:100%;left:0;width:100%;background:rgba(255,255,255,.8);box-shadow:0 0 5px #999;padding:5px}
#demo-nav.show-colorpicker #demo-colorlist{display:block}
#demo-colorlist .demo-color{position:relative;display:block;float:left;width:40px;height:40px;margin:5px}
#demo-colorlist .demo-color.current:before{position:absolute;content:'\221a';color:#fff;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}