@import url(https://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic);.has-code{overflow:hidden;position:relative}.has-code:hover .code-links{bottom:0}.code-links{list-style:none;margin:0;position:absolute;bottom:-30px;right:0;padding:7px 10px;height:30px;background-color:#fff;-webkit-transition:bottom .3s;-moz-transition:bottom .3s;-o-transition:bottom .3s;transition:bottom .3s;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.07);-moz-box-shadow:0 1px 2px rgba(0,0,0,.07);box-shadow:0 1px 2px rgba(0,0,0,.07);zoom:1;filter:alpha(opacity=70);-webkit-opacity:.7;-moz-opacity:.7;opacity:.7}.code-links>li{display:inline-block;margin-right:10px}.code-links>li a{font-size:12px;font-weight:300}.code-links>li a:hover{text-decoration:none;cursor:pointer}.code-links>li .code-content{display:none}.code-links>li:last-child{margin-right:0}.font-icon-list{padding:20px;margin-bottom:20px;text-align:center}.font-icon-list:hover{cursor:pointer}.font-icon-detail{text-align:center}.font-icon-detail i:first-child{display:inline-block;transition:color 150ms linear,background 150ms linear,font-size 150ms linear,width 150ms;padding:10px 0;width:86px;font-size:48px;color:#1a1a1a;border:1px solid #eaeaea;border-radius:3px;font-size:64px}.font-icon-name{font-size:13px;margin-top:15px;display:block;text-align:center;width:100%;padding:0;border:0;background-color:transparent}.font-icon-name:focus,.font-icon-name:active{outline:none}.font-icon-code{max-height:0;overflow:hidden;text-align:center;opacity:0;transition:max-height 200ms linear,opacity 200ms linear}.font-icon-code.show{max-height:200px;opacity:1}.code-value,.unicode,.unicode-text{background:none;text-align:center;border:none;color:#a0a0a0}.code-value{display:block;width:100%}.unicode,.unicode-text{color:#a0a0a0}.unicode{float:left;font-family:"Pe-icon-7-stroke";text-align:right;width:38%;padding-right:5px}.unicode-text{text-align:left;float:left;display:inline-block;width:100px;border:none}.unicode-text:focus,.unicode-text:active{outline:none}.font-icon-list:hover .font-icon-name,.font-icon-list:hover .code-value,.font-icon-list:hover .unicode,.font-icon-list:hover .unicode-text,.font-icon-detail.zeroclipboard-is-hover .font-icon-name,.font-icon-detail.zeroclipboard-is-hover+.font-icon-code .code-value,.font-icon-detail.zeroclipboard-is-hover+.font-icon-code .unicode,.font-icon-detail.zeroclipboard-is-hover+.font-icon-code .unicode-text{cursor:text;color:#292929}.font-icon-list:hover .font-icon-detail i:first-child,.font-icon-detail.zeroclipboard-is-hover i:first-child{color:#fff;background:#292929}.font-icon-name::-moz-selection,.code-value::-moz-selection,.unicode::-moz-selection,.unicode-text::-moz-selection,.font-icon-name::-moz-selection{background:#aadce2;color:#292929}.font-icon-name::selection,.code-value::selection,.unicode::selection,.unicode-text::selection,.font-icon-name::selection{background:#aadce2;color:#292929}.bs-example .tooltip{position:relative;display:inline-block;margin:10px 20px;opacity:1}.buttons-preview .btn,.buttons-preview .btn-group{margin-bottom:10px;margin-right:10px}.bs-example .popover{position:relative;display:block;float:left;width:260px;margin:20px}.bs-example .label{display:inline-block;margin-bottom:5px}