From 09e681002b1e62849fb4ae21fe53b24b1c1d9e81 Mon Sep 17 00:00:00 2001 From: Yan Zhu Date: Thu, 14 Apr 2016 00:52:47 +0800 Subject: update asian fonts --- bower.json | 2 +- dist/spectre.css | 2 +- dist/spectre.min.css | 2 +- index.html | 42 ++++++++++++++++++++---------------------- package.json | 2 +- src/variables.less | 2 +- 6 files changed, 25 insertions(+), 27 deletions(-) diff --git a/bower.json b/bower.json index 03688f6..37326f6 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "spectre.css", - "version": "0.1.7", + "version": "0.1.8", "description": "Spectre.css: a lightweight, responsive and modern CSS framework.", "homepage": "http://picturepan2.github.io/spectre", "repository": "picturepan2/spectre", diff --git a/dist/spectre.css b/dist/spectre.css index 3c576a5..66d8e4b 100644 --- a/dist/spectre.css +++ b/dist/spectre.css @@ -373,7 +373,7 @@ html { } body { color: #333; - font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", WenQuanYi Micro Hei, sans-serif; + font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", Meiryo, "Malgun Gothic", sans-serif; font-size: 1.4rem; background-color: #fff; } diff --git a/dist/spectre.min.css b/dist/spectre.min.css index 0541c61..351940f 100644 --- a/dist/spectre.min.css +++ b/dist/spectre.min.css @@ -1 +1 @@ -/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit}optgroup{font-weight:bold}button,input,select{overflow:visible}button,input,select,textarea{margin:0}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}[disabled]{cursor:default}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{color:#333;font-family:"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",WenQuanYi Micro Hei,sans-serif;font-size:1.4rem;background-color:#fff}a{color:#5764c6;text-decoration:underline}a:hover,a:focus{color:#283176}[disabled],.disabled{opacity:.5;cursor:default;pointer-events:none}.btn .icon,.toast .icon,.menu .icon{margin-right:.2rem;font-size:1.3333em;line-height:.8em;vertical-align:-20%}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.1;margin-top:2.5rem;margin-bottom:1.5rem;color:inherit}h1{font-size:5rem}h2{font-size:4rem}h3{font-size:3rem}h4{font-size:2.4rem}h5{font-size:2rem}h6{font-size:1.6rem}p{line-height:1.428571429;margin:0 0 1rem}p.lead{font-size:120%}blockquote{padding:1rem 2rem;border-left:.2rem solid #ddd;margin-left:0}blockquote p:last-child{margin-bottom:0}blockquote small{color:#b3b3b3}ul,ol{padding:0;margin:2rem 0 2rem 2rem}ul ul,ol ul,ul ol,ol ol{margin:1.5rem 0 1.5rem 2rem}ul li,ol li{margin-top:1rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}.highlight{padding:.2rem;line-height:1.6rem;border-radius:.2rem;background-color:#fff5b7}pre{margin-top:1em;margin-bottom:1em;padding:1.5rem;border-left:.2rem solid #5764c6;line-height:1.8rem;background-color:#f9f9f9;overflow:auto}code{padding:.2rem .4rem;margin:-0.2rem .1em 0 .1em;border-radius:.2rem;background-color:#efefef;font-size:.9em;line-height:1em;vertical-align:baseline;white-space:nowrap}pre code{margin-top:0;margin-bottom:0;border-left:0;background-color:transparent;line-height:1.8rem}.container{width:100%;overflow-x:hidden;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media screen and (min-width:981px){.grid-960{width:96rem;margin-left:auto;margin-right:auto}}@media screen and (min-width:481px){.grid-480{width:48rem;margin-left:auto;margin-right:auto}}.columns{display:block;margin-left:-1rem;margin-right:-1rem}.column{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:1rem}.column.col-12,.column.col-11,.column.col-10,.column.col-9,.column.col-8,.column.col-7,.column.col-6,.column.col-5,.column.col-4,.column.col-3,.column.col-2,.column.col-1{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}@media screen and (min-width:841px){.columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}}@media screen and (min-width:481px) and (max-width:840px){.columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.col-12{width:100%}.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{width:50%}}@media screen and (max-width:480px){.hide-xs{display:none !important}}@media screen and (max-width:600px){.hide-sm{display:none !important}}@media screen and (max-width:840px){.hide-md{display:none !important}}@media screen and (max-width:960px){.hide-lg{display:none !important}}@media screen and (max-width:1280px){.hide-xl{display:none !important}}.img-responsive{display:block;max-width:100%;height:auto}.table{width:100%;border-collapse:collapse;border-spacing:0}.table th,.table td{text-align:left;padding:1.5rem 1rem;border-bottom:.1rem solid #efefef}.table th{border-color:#c9c9c9}.table tr.selected{background-color:#f4f4f4}.btn{display:inline-block;height:3.2rem;padding:.7rem 1.5rem;border:.1rem solid #5764c6;background-color:transparent;border-radius:.3rem;color:#5764c6;font-size:1.4rem;line-height:1.6rem;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;outline:0}.btn:hover,.btn:focus{color:#fff;border-color:#4452c0;background-color:#5764c6}.btn:active,.btn.active{color:#fff;border-color:#3b49af;background-color:#4452c0}.btn.btn-primary{color:#fff;border-color:#4452c0;background-color:#5764c6}.btn.btn-primary:hover,.btn.btn-primary:focus{color:#fff;border-color:#3b49af;background-color:#4452c0}.btn.btn-primary:active,.btn.btn-primary.active{color:#fff;border-color:#35419c;background-color:#3b49af}.btn.btn-primary.loading::after{border-color:#fff;border-right-color:transparent;border-top-color:transparent}.btn.btn-link{color:#5764c6;border-color:transparent;background-color:transparent}.btn.btn-link:hover,.btn.btn-link:focus{color:#35419c}.btn.btn-link:active,.btn.btn-link.active{color:#283176}.btn.btn-sm{height:2.4rem;border-radius:.2rem;font-size:1.2rem;line-height:1.4rem;padding:.4rem 1rem}.btn.btn-lg{height:4.2rem;border-radius:.4rem;font-size:1.8rem;line-height:2rem;padding:1rem 1.8rem}.btn.btn-block{width:100%;display:block}.btn.btn-clear{width:1.4rem;height:1.4rem;padding:0;margin:.1rem -0.2rem .1rem .2rem;border:0;border-radius:.7rem;vertical-align:top;background-color:transparent;opacity:.35;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.btn.btn-clear:hover{opacity:.75}.btn.btn-clear::before,.btn.btn-clear::after{content:"";display:block;position:absolute;top:50%;left:50%;background-color:#333}.btn.btn-clear::before{width:1rem;height:.2rem;margin-left:-0.5rem;margin-top:-0.1rem}.btn.btn-clear::after{width:.2rem;height:1rem;margin-left:-0.1rem;margin-top:-0.5rem}.btn-group{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){margin-left:-0.1rem;border-radius:0}.btn-group .btn:last-child:not(:first-child){margin-left:-0.1rem;border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .btn:hover,.btn-group .btn:focus{z-index:99}.btn-group.btn-group-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.form-group:not(:last-child){margin-bottom:1rem}@media screen and (min-width:841px){.form-horizontal{padding:1rem}.form-horizontal .form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.form-horizontal .form-label{padding:.8rem .4rem}.form-horizontal .form-checkbox,.form-horizontal .form-radio{margin:.5rem 0}}@media screen and (max-width:840px){.form-horizontal .col-12,.form-horizontal .col-11,.form-horizontal .col-10,.form-horizontal .col-9,.form-horizontal .col-8,.form-horizontal .col-7,.form-horizontal .col-6,.form-horizontal .col-5,.form-horizontal .col-4,.form-horizontal .col-3,.form-horizontal .col-2,.form-horizontal .col-1{width:100%}}.form-input{position:relative;display:block;width:100%;max-width:100%;height:3.2rem;background-color:#fff;background-image:none;border:.1rem solid #c5c5c5;border-radius:.3rem;color:#333;font-size:1.4rem;line-height:1.6rem;padding:.5rem .8rem;-webkit-appearance:none;outline:0}.form-input:focus{border-color:#5764c6}.form-input[disabled]{background-color:#eeeff2}.form-input.input-sm{height:2.4rem;border-radius:.2rem;font-size:1.2rem;padding:.4rem .6rem}.form-input.input-lg{height:4.2rem;border-radius:.4rem;font-size:1.6rem;padding:1rem 1.2rem}.form-input.input-inline{width:auto;display:inline-block}textarea.form-input{height:auto;line-height:2rem}.has-success .form-input,.form-input.is-success{border-color:#32b643}.has-danger .form-input,.form-input.is-danger{border-color:#e85600}.form-label{display:block;margin-bottom:.5rem;line-height:1.6rem}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:not([multiple]){height:3.2rem;font-size:1.4rem;vertical-align:middle;padding:.5rem 2.4rem .5rem .8rem;border:.1rem solid #c5c5c5;border-radius:.3rem;outline:0;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center / .8rem 1rem}.form-select:focus{border-color:#5764c6}.form-select.select-sm{height:2.4rem;border-radius:.2rem;font-size:1.2rem;padding:.4rem .6rem}.form-checkbox input,.form-radio input,.form-switch input{display:none}.form-checkbox,.form-radio{line-height:1.8rem;padding:.3rem 2rem;cursor:pointer;display:inline-block;position:relative}.form-checkbox .form-icon,.form-radio .form-icon{font-size:1.4rem;line-height:2.4rem;vertical-align:top;border:.1rem solid #c5c5c5;display:inline-block;width:1.4rem;height:1.4rem;padding:0;position:absolute;top:.5rem;left:0;outline:0}.form-checkbox:hover .form-icon,.form-radio:hover .form-icon{border-color:#9f9f9f}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon{background-color:#5764c6;border-color:#5764c6}.form-checkbox .form-icon{border-radius:.2rem}.form-checkbox input:checked+.form-icon::after{width:.6rem;height:1rem;content:"";position:absolute;top:50%;left:50%;margin-top:-0.6rem;margin-left:-0.3rem;border:.2rem solid #fff;border-top-width:0;border-left-width:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.form-radio .form-icon{border-radius:.7rem}.form-radio input:checked+.form-icon::after{width:.4rem;height:.4rem;content:"";position:absolute;top:50%;left:50%;margin-top:-0.2rem;margin-left:-0.2rem;border-radius:.2rem;background-color:#fff}.form-switch{line-height:1.8rem;padding:.3rem 2rem .3rem 3.6rem;cursor:pointer;display:inline-block;position:relative}.form-switch .form-icon{line-height:2.4rem;vertical-align:top;border:.1rem solid #c5c5c5;background-color:#c5c5c5;display:inline-block;width:3rem;height:1.8rem;padding:0;border-radius:.9rem;position:absolute;top:.3rem;left:0;outline:0}.form-switch .form-icon::after{content:"";display:block;width:1.6rem;height:1.6rem;border-radius:.8rem;position:absolute;top:0;left:0;background-color:#fff;-webkit-transition:left .15s ease;transition:left .15s ease}.form-switch input:checked+.form-icon{background-color:#5764c6;border-color:#5764c6}.form-switch input:checked+.form-icon::after{left:1.2rem}.input-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.input-group .input-group-addon{line-height:1.6rem;padding:.7rem .8rem;border:.1rem solid #c5c5c5;border-radius:.3rem;background-color:#efefef}.input-group .input-group-addon,.input-group .input-group-btn{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.input-group .form-input:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){margin-left:-0.1rem;border-radius:0}.input-group .form-input:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){margin-left:-0.1rem;border-top-left-radius:0;border-bottom-left-radius:0}.input-group .form-input:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:99}.avatar{display:inline-block;width:3.2rem;height:3.2rem;font-size:1.4rem;font-weight:300;line-height:1;margin:0;border-radius:50%;vertical-align:middle;position:relative}.avatar.avatar-xs{width:1.6rem;height:1.6rem;font-size:.8rem}.avatar.avatar-sm{width:2.4rem;height:2.4rem;font-size:1rem}.avatar.avatar-lg{width:4.8rem;height:4.8rem;font-size:2rem}.avatar.avatar-xl{width:6.4rem;height:6.4rem;font-size:2.6rem}.avatar img{width:100%;height:100%;border-radius:50%}.avatar .avatar-icon{width:50%;height:50%;padding:5%;position:absolute;right:-0.2em;bottom:-0.2em;background-color:#fff}.avatar[data-initial]::after{content:attr(data-initial);position:absolute;top:50%;left:50%;color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes loading{0{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes slide-down{0{margin-top:-3rem;opacity:0}100%{margin-top:0;opacity:1}}@keyframes slide-down{0{margin-top:-3rem;opacity:0}100%{margin-top:0;opacity:1}}.badge{position:relative;margin-right:2.4rem}.badge::after{content:attr(data-badge);color:#fff;font-size:1.2rem;text-align:center;line-height:1.4rem;background-color:#5764c6;display:block;width:2rem;height:2rem;padding:.3rem .1rem;border-radius:50%;position:absolute;top:-1rem;right:-2.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card{display:block;text-align:left;margin:0;padding:0;border-radius:.3rem;background-color:#fff;z-index:999;box-shadow:0 .1rem .4rem rgba(0,0,0,0.3)}.card .card-header,.card .card-image,.card .card-body,.card .card-footer{padding:1.5rem 1.5rem 0 1.5rem}.card .card-header:last-child,.card .card-image:last-child,.card .card-body:last-child,.card .card-footer:last-child{padding-bottom:1.5rem}.card .card-image{padding-left:0;padding-right:0}.card .card-image:first-child{padding-top:0}.card .card-image:first-child img{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.card .card-title{margin-top:0;margin-bottom:.5rem;font-size:1.6em;line-height:1}.card .card-meta{margin-top:0;margin-bottom:0;font-size:1em;color:#b3b3b3}.chip{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:.3rem .6rem;border-radius:.3rem;font-size:1.2rem;vertical-align:middle;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#efefef;border:.1rem solid #e2e2e2}.chip:hover,.chip:focus{background-color:#eaeaea}.chip .chip-name{margin-left:.4rem}.chip .avatar{width:1.6rem;height:1.6rem;font-size:.8rem}.label{display:inline-block;padding:.2rem .4rem;font-size:.9em;line-height:1em;color:#666;background-color:#efefef;text-align:center;white-space:nowrap;vertical-align:baseline;margin:-0.2rem .1em 0 .1em;border-radius:.2rem}.label.label-primary{color:#fff;background-color:#5764c6;border-color:#4f5dc3}.label.label-success{color:#fff;background-color:#32b643;border-color:#30ae40}.label.label-info{color:#fff;background-color:#0193eb;border-color:#018de1}.label.label-warning{color:#fff;background-color:#ffb700;border-color:#f5b000}.label.label-danger{color:#fff;background-color:#e85600;border-color:#de5200}.menu{display:block;text-align:left;margin:0;padding:1rem;border-radius:.3rem;background-color:#fff;z-index:999;box-shadow:0 .1rem .4rem rgba(0,0,0,0.3)}.menu .menu-item{display:block;padding:.2rem 1rem;margin-top:0;border-radius:.3rem;color:#333;line-height:2.4rem;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu .menu-item a{display:block;margin:-0.2rem -1rem;padding:.2rem 1rem;border-radius:.3rem;color:inherit;text-decoration:none}.menu .menu-item a:hover,.menu .menu-item a:focus{color:#5764c6;background-color:#fff}.menu .menu-item a:active,.menu .menu-item a.active{color:#35419c;background-color:#eff1fa}.menu .menu-header{display:block;padding:.2rem 1rem;margin-top:0;font-size:1.2rem;line-height:1.8rem;color:#ccc}.menu .menu-header .menu-header-text{display:inline-block;padding:0 .6rem;margin-left:-0.6rem;background-color:#fff;position:relative;z-index:99}.menu .menu-header:after{content:"";display:block;width:100%;height:.1rem;-webkit-transform:translateY(-1rem);transform:translateY(-1rem);border-bottom:.1rem solid #efefef}.menu .divider{display:block;border-bottom:.1rem solid #efefef;margin:.5rem}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;opacity:0}.modal.active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:1988;opacity:1}.modal.active .modal-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.75)}.modal.active .modal-container{-webkit-animation:slide-down .216s;animation:slide-down .216s}.modal-container{display:block;text-align:left;margin:0 auto;padding:0;border-radius:.3rem;background-color:#fff;z-index:1988;-webkit-animation:slide-up .216s;animation:slide-up .216s;box-shadow:0 .1rem .4rem rgba(0,0,0,0.3)}.modal-container .modal-header{padding:1.5rem}.modal-container .modal-header .modal-title{margin:0;font-size:1.5rem}.modal-container .modal-body{position:relative;padding:1.5rem;max-height:50vh;overflow-y:auto}.modal-container .modal-footer{padding:1.5rem;text-align:right}@media screen and (min-width:640px){.modal-container{width:64rem}}@media screen and (min-width:320px){.modal-sm .modal-container{width:32rem}}.breadcrumb,.tab,.pagination{list-style:none;margin:.5rem 0}.breadcrumb{padding:1.2rem}.breadcrumb .breadcrumb-item{display:inline-block;margin:0}.breadcrumb .breadcrumb-item a{text-decoration:none}.breadcrumb .breadcrumb-item:last-child,.breadcrumb .breadcrumb-item:last-child a{color:#666;pointer-events:none}.breadcrumb .breadcrumb-item:not(:last-child)::after{content:"/";padding:0 .4rem;color:#c5c5c5}.tab{display:block;border-bottom:.1rem solid #c5c5c5}.tab .tab-item{display:inline-block;margin-bottom:-0.1rem}.tab .tab-item a{display:block;padding:.5rem 1.5rem;border-bottom:.2rem solid transparent;color:#333;text-decoration:none}.tab .tab-item a:hover,.tab .tab-item a:focus{border-bottom-color:#5764c6;color:#5764c6}.tab .tab-item.active a{border-bottom-color:#3b49af;color:#3b49af}.tab.tab-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tab.tab-block .tab-item{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;text-align:center}.pagination{display:inline-block;padding:1.2rem}.pagination .page-item{display:inline-block}.pagination .page-item span{display:inline-block;padding:.6rem .5rem}.pagination .page-item a{display:inline-block;padding:.6rem 1.2rem;margin:0 .1rem;border-radius:.3rem;text-decoration:none}.pagination .page-item a:hover,.pagination .page-item a:focus{background-color:#eff1fa}.pagination .page-item.active a{color:#fff;background-color:#5764c6}.toast{display:block;width:100%;padding:1.4rem;color:#666;border:.1rem solid #eaeaea;border-radius:.3rem;background-color:#efefef}.toast.toast-primary{color:#fff;background-color:#5764c6;border-color:#4f5dc3}.toast.toast-success{color:#fff;background-color:#32b643;border-color:#30ae40}.toast.toast-info{color:#fff;background-color:#0193eb;border-color:#018de1}.toast.toast-warning{color:#fff;background-color:#ffb700;border-color:#f5b000}.toast.toast-danger{color:#fff;background-color:#e85600;border-color:#de5200}.toast:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.toast:not(:first-child):not(:last-child){border-radius:0;margin-top:-0.1rem}.toast:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;margin-top:-0.1rem}.tooltip{position:relative}.tooltip::after{content:attr(data-tooltip);display:block;max-width:32rem;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(51,51,51,0.9);opacity:0;color:#fff;font-size:1.2rem;line-height:1.6rem;text-overflow:ellipsis;position:absolute;bottom:100%;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);overflow:hidden;z-index:99;pointer-events:none;-webkit-transition:all .216s ease;transition:all .216s ease}.tooltip:hover::after,.tooltip:focus::after{opacity:1;-webkit-transform:translate(-50%,-0.5rem);transform:translate(-50%,-0.5rem)}.tooltip.tooltip-right::after{bottom:50%;left:100%;-webkit-transform:translate(0,50%);transform:translate(0,50%)}.tooltip.tooltip-right:hover::after,.tooltip.tooltip-right:focus::after{-webkit-transform:translate(0.5rem,50%);transform:translate(0.5rem,50%)}.tooltip.tooltip-bottom::after{top:100%;bottom:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.tooltip.tooltip-bottom:hover::after,.tooltip.tooltip-bottom:focus::after{-webkit-transform:translate(-50%,0.5rem);transform:translate(-50%,0.5rem)}.tooltip.tooltip-left::after{right:100%;bottom:50%;left:auto;-webkit-transform:translate(0,50%);transform:translate(0,50%)}.tooltip.tooltip-left:hover::after,.tooltip.tooltip-left:focus::after{-webkit-transform:translate(-0.5rem,50%);transform:translate(-0.5rem,50%)}.clearfix::after,.container::after,.columns::after{content:"";display:table;clear:both}.float-left{float:left !important}.float-right{float:right !important}.rel{position:relative}.abs{position:absolute}.fixed{position:fixed}.centered{display:block;float:none;margin-left:auto;margin-right:auto}.mt-10{margin-top:1rem}.mr-10{margin-right:1rem}.mb-10{margin-bottom:1rem}.ml-10{margin-left:1rem}.mt-5{margin-top:.5rem}.mr-5{margin-right:.5rem}.mb-5{margin-bottom:.5rem}.ml-5{margin-left:.5rem}.pt-10{padding-top:1rem}.pr-10{padding-right:1rem}.pb-10{padding-bottom:1rem}.pl-10{padding-left:1rem}.pt-5{padding-top:.5rem}.pr-5{padding-right:.5rem}.pb-5{padding-bottom:.5rem}.pl-5{padding-left:.5rem}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.hide{display:none !important}.visible{visibility:visible}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:normal}.text-bold{font-weight:bold}.text-italic{font-style:italic}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-clip{white-space:nowrap;overflow:hidden;text-overflow:clip}.text-break{word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.shadow{box-shadow:0 .1rem .4rem rgba(0,0,0,0.3)}.light-shadow{box-shadow:0 .1rem .2rem rgba(0,0,0,0.15)}.rounded{border-radius:.3rem}.circle{border-radius:50%}.loading{min-height:1.6rem;position:relative;pointer-events:none;color:transparent !important}.loading::after{border:.2rem solid #5764c6;border-right-color:transparent;border-top-color:transparent;border-radius:.8rem;content:"";position:absolute;left:50%;top:50%;margin-left:-0.8rem;margin-top:-0.8rem;display:block;width:1.6rem;height:1.6rem;-webkit-animation:loading 500ms infinite linear;animation:loading 500ms infinite linear} \ No newline at end of file +/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit}optgroup{font-weight:bold}button,input,select{overflow:visible}button,input,select,textarea{margin:0}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}[disabled]{cursor:default}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{color:#333;font-family:"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Hiragino Kaku Gothic Pro",Meiryo,"Malgun Gothic",sans-serif;font-size:1.4rem;background-color:#fff}a{color:#5764c6;text-decoration:underline}a:hover,a:focus{color:#283176}[disabled],.disabled{opacity:.5;cursor:default;pointer-events:none}.btn .icon,.toast .icon,.menu .icon{margin-right:.2rem;font-size:1.3333em;line-height:.8em;vertical-align:-20%}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.1;margin-top:2.5rem;margin-bottom:1.5rem;color:inherit}h1{font-size:5rem}h2{font-size:4rem}h3{font-size:3rem}h4{font-size:2.4rem}h5{font-size:2rem}h6{font-size:1.6rem}p{line-height:1.428571429;margin:0 0 1rem}p.lead{font-size:120%}blockquote{padding:1rem 2rem;border-left:.2rem solid #ddd;margin-left:0}blockquote p:last-child{margin-bottom:0}blockquote small{color:#b3b3b3}ul,ol{padding:0;margin:2rem 0 2rem 2rem}ul ul,ol ul,ul ol,ol ol{margin:1.5rem 0 1.5rem 2rem}ul li,ol li{margin-top:1rem}ul{list-style:disc inside}ul ul{list-style-type:circle}ol{list-style:decimal inside}ol ol{list-style-type:lower-alpha}.highlight{padding:.2rem;line-height:1.6rem;border-radius:.2rem;background-color:#fff5b7}pre{margin-top:1em;margin-bottom:1em;padding:1.5rem;border-left:.2rem solid #5764c6;line-height:1.8rem;background-color:#f9f9f9;overflow:auto}code{padding:.2rem .4rem;margin:-0.2rem .1em 0 .1em;border-radius:.2rem;background-color:#efefef;font-size:.9em;line-height:1em;vertical-align:baseline;white-space:nowrap}pre code{margin-top:0;margin-bottom:0;border-left:0;background-color:transparent;line-height:1.8rem}.container{width:100%;overflow-x:hidden;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media screen and (min-width:981px){.grid-960{width:96rem;margin-left:auto;margin-right:auto}}@media screen and (min-width:481px){.grid-480{width:48rem;margin-left:auto;margin-right:auto}}.columns{display:block;margin-left:-1rem;margin-right:-1rem}.column{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:1rem}.column.col-12,.column.col-11,.column.col-10,.column.col-9,.column.col-8,.column.col-7,.column.col-6,.column.col-5,.column.col-4,.column.col-3,.column.col-2,.column.col-1{-webkit-box-flex:0;-webkit-flex:none;-ms-flex:none;flex:none}@media screen and (min-width:841px){.columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}}@media screen and (min-width:481px) and (max-width:840px){.columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.col-12{width:100%}.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{width:50%}}@media screen and (max-width:480px){.hide-xs{display:none !important}}@media screen and (max-width:600px){.hide-sm{display:none !important}}@media screen and (max-width:840px){.hide-md{display:none !important}}@media screen and (max-width:960px){.hide-lg{display:none !important}}@media screen and (max-width:1280px){.hide-xl{display:none !important}}.img-responsive{display:block;max-width:100%;height:auto}.table{width:100%;border-collapse:collapse;border-spacing:0}.table th,.table td{text-align:left;padding:1.5rem 1rem;border-bottom:.1rem solid #efefef}.table th{border-color:#c9c9c9}.table tr.selected{background-color:#f4f4f4}.btn{display:inline-block;height:3.2rem;padding:.7rem 1.5rem;border:.1rem solid #5764c6;background-color:transparent;border-radius:.3rem;color:#5764c6;font-size:1.4rem;line-height:1.6rem;text-align:center;text-decoration:none;vertical-align:middle;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;outline:0}.btn:hover,.btn:focus{color:#fff;border-color:#4452c0;background-color:#5764c6}.btn:active,.btn.active{color:#fff;border-color:#3b49af;background-color:#4452c0}.btn.btn-primary{color:#fff;border-color:#4452c0;background-color:#5764c6}.btn.btn-primary:hover,.btn.btn-primary:focus{color:#fff;border-color:#3b49af;background-color:#4452c0}.btn.btn-primary:active,.btn.btn-primary.active{color:#fff;border-color:#35419c;background-color:#3b49af}.btn.btn-primary.loading::after{border-color:#fff;border-right-color:transparent;border-top-color:transparent}.btn.btn-link{color:#5764c6;border-color:transparent;background-color:transparent}.btn.btn-link:hover,.btn.btn-link:focus{color:#35419c}.btn.btn-link:active,.btn.btn-link.active{color:#283176}.btn.btn-sm{height:2.4rem;border-radius:.2rem;font-size:1.2rem;line-height:1.4rem;padding:.4rem 1rem}.btn.btn-lg{height:4.2rem;border-radius:.4rem;font-size:1.8rem;line-height:2rem;padding:1rem 1.8rem}.btn.btn-block{width:100%;display:block}.btn.btn-clear{width:1.4rem;height:1.4rem;padding:0;margin:.1rem -0.2rem .1rem .2rem;border:0;border-radius:.7rem;vertical-align:top;background-color:transparent;opacity:.35;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.btn.btn-clear:hover{opacity:.75}.btn.btn-clear::before,.btn.btn-clear::after{content:"";display:block;position:absolute;top:50%;left:50%;background-color:#333}.btn.btn-clear::before{width:1rem;height:.2rem;margin-left:-0.5rem;margin-top:-0.1rem}.btn.btn-clear::after{width:.2rem;height:1rem;margin-left:-0.1rem;margin-top:-0.5rem}.btn-group{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.btn-group .btn{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.btn-group .btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:not(:first-child):not(:last-child){margin-left:-0.1rem;border-radius:0}.btn-group .btn:last-child:not(:first-child){margin-left:-0.1rem;border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .btn:hover,.btn-group .btn:focus{z-index:99}.btn-group.btn-group-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.form-group:not(:last-child){margin-bottom:1rem}@media screen and (min-width:841px){.form-horizontal{padding:1rem}.form-horizontal .form-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.form-horizontal .form-label{padding:.8rem .4rem}.form-horizontal .form-checkbox,.form-horizontal .form-radio{margin:.5rem 0}}@media screen and (max-width:840px){.form-horizontal .col-12,.form-horizontal .col-11,.form-horizontal .col-10,.form-horizontal .col-9,.form-horizontal .col-8,.form-horizontal .col-7,.form-horizontal .col-6,.form-horizontal .col-5,.form-horizontal .col-4,.form-horizontal .col-3,.form-horizontal .col-2,.form-horizontal .col-1{width:100%}}.form-input{position:relative;display:block;width:100%;max-width:100%;height:3.2rem;background-color:#fff;background-image:none;border:.1rem solid #c5c5c5;border-radius:.3rem;color:#333;font-size:1.4rem;line-height:1.6rem;padding:.5rem .8rem;-webkit-appearance:none;outline:0}.form-input:focus{border-color:#5764c6}.form-input[disabled]{background-color:#eeeff2}.form-input.input-sm{height:2.4rem;border-radius:.2rem;font-size:1.2rem;padding:.4rem .6rem}.form-input.input-lg{height:4.2rem;border-radius:.4rem;font-size:1.6rem;padding:1rem 1.2rem}.form-input.input-inline{width:auto;display:inline-block}textarea.form-input{height:auto;line-height:2rem}.has-success .form-input,.form-input.is-success{border-color:#32b643}.has-danger .form-input,.form-input.is-danger{border-color:#e85600}.form-label{display:block;margin-bottom:.5rem;line-height:1.6rem}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-select:not([multiple]){height:3.2rem;font-size:1.4rem;vertical-align:middle;padding:.5rem 2.4rem .5rem .8rem;border:.1rem solid #c5c5c5;border-radius:.3rem;outline:0;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center / .8rem 1rem}.form-select:focus{border-color:#5764c6}.form-select.select-sm{height:2.4rem;border-radius:.2rem;font-size:1.2rem;padding:.4rem .6rem}.form-checkbox input,.form-radio input,.form-switch input{display:none}.form-checkbox,.form-radio{line-height:1.8rem;padding:.3rem 2rem;cursor:pointer;display:inline-block;position:relative}.form-checkbox .form-icon,.form-radio .form-icon{font-size:1.4rem;line-height:2.4rem;vertical-align:top;border:.1rem solid #c5c5c5;display:inline-block;width:1.4rem;height:1.4rem;padding:0;position:absolute;top:.5rem;left:0;outline:0}.form-checkbox:hover .form-icon,.form-radio:hover .form-icon{border-color:#9f9f9f}.form-checkbox input:checked+.form-icon,.form-radio input:checked+.form-icon{background-color:#5764c6;border-color:#5764c6}.form-checkbox .form-icon{border-radius:.2rem}.form-checkbox input:checked+.form-icon::after{width:.6rem;height:1rem;content:"";position:absolute;top:50%;left:50%;margin-top:-0.6rem;margin-left:-0.3rem;border:.2rem solid #fff;border-top-width:0;border-left-width:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.form-radio .form-icon{border-radius:.7rem}.form-radio input:checked+.form-icon::after{width:.4rem;height:.4rem;content:"";position:absolute;top:50%;left:50%;margin-top:-0.2rem;margin-left:-0.2rem;border-radius:.2rem;background-color:#fff}.form-switch{line-height:1.8rem;padding:.3rem 2rem .3rem 3.6rem;cursor:pointer;display:inline-block;position:relative}.form-switch .form-icon{line-height:2.4rem;vertical-align:top;border:.1rem solid #c5c5c5;background-color:#c5c5c5;display:inline-block;width:3rem;height:1.8rem;padding:0;border-radius:.9rem;position:absolute;top:.3rem;left:0;outline:0}.form-switch .form-icon::after{content:"";display:block;width:1.6rem;height:1.6rem;border-radius:.8rem;position:absolute;top:0;left:0;background-color:#fff;-webkit-transition:left .15s ease;transition:left .15s ease}.form-switch input:checked+.form-icon{background-color:#5764c6;border-color:#5764c6}.form-switch input:checked+.form-icon::after{left:1.2rem}.input-group{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.input-group .input-group-addon{line-height:1.6rem;padding:.7rem .8rem;border:.1rem solid #c5c5c5;border-radius:.3rem;background-color:#efefef}.input-group .input-group-addon,.input-group .input-group-btn{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.input-group .form-input:first-child:not(:last-child),.input-group .input-group-addon:first-child:not(:last-child),.input-group .input-group-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group .form-input:not(:first-child):not(:last-child),.input-group .input-group-addon:not(:first-child):not(:last-child),.input-group .input-group-btn:not(:first-child):not(:last-child){margin-left:-0.1rem;border-radius:0}.input-group .form-input:last-child:not(:first-child),.input-group .input-group-addon:last-child:not(:first-child),.input-group .input-group-btn:last-child:not(:first-child){margin-left:-0.1rem;border-top-left-radius:0;border-bottom-left-radius:0}.input-group .form-input:focus,.input-group .input-group-addon:focus,.input-group .input-group-btn:focus{z-index:99}.avatar{display:inline-block;width:3.2rem;height:3.2rem;font-size:1.4rem;font-weight:300;line-height:1;margin:0;border-radius:50%;vertical-align:middle;position:relative}.avatar.avatar-xs{width:1.6rem;height:1.6rem;font-size:.8rem}.avatar.avatar-sm{width:2.4rem;height:2.4rem;font-size:1rem}.avatar.avatar-lg{width:4.8rem;height:4.8rem;font-size:2rem}.avatar.avatar-xl{width:6.4rem;height:6.4rem;font-size:2.6rem}.avatar img{width:100%;height:100%;border-radius:50%}.avatar .avatar-icon{width:50%;height:50%;padding:5%;position:absolute;right:-0.2em;bottom:-0.2em;background-color:#fff}.avatar[data-initial]::after{content:attr(data-initial);position:absolute;top:50%;left:50%;color:#fff;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes loading{0{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes slide-down{0{margin-top:-3rem;opacity:0}100%{margin-top:0;opacity:1}}@keyframes slide-down{0{margin-top:-3rem;opacity:0}100%{margin-top:0;opacity:1}}.badge{position:relative;margin-right:2.4rem}.badge::after{content:attr(data-badge);color:#fff;font-size:1.2rem;text-align:center;line-height:1.4rem;background-color:#5764c6;display:block;width:2rem;height:2rem;padding:.3rem .1rem;border-radius:50%;position:absolute;top:-1rem;right:-2.4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card{display:block;text-align:left;margin:0;padding:0;border-radius:.3rem;background-color:#fff;z-index:999;box-shadow:0 .1rem .4rem rgba(0,0,0,0.3)}.card .card-header,.card .card-image,.card .card-body,.card .card-footer{padding:1.5rem 1.5rem 0 1.5rem}.card .card-header:last-child,.card .card-image:last-child,.card .card-body:last-child,.card .card-footer:last-child{padding-bottom:1.5rem}.card .card-image{padding-left:0;padding-right:0}.card .card-image:first-child{padding-top:0}.card .card-image:first-child img{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.card .card-title{margin-top:0;margin-bottom:.5rem;font-size:1.6em;line-height:1}.card .card-meta{margin-top:0;margin-bottom:0;font-size:1em;color:#b3b3b3}.chip{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;padding:.3rem .6rem;border-radius:.3rem;font-size:1.2rem;vertical-align:middle;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#efefef;border:.1rem solid #e2e2e2}.chip:hover,.chip:focus{background-color:#eaeaea}.chip .chip-name{margin-left:.4rem}.chip .avatar{width:1.6rem;height:1.6rem;font-size:.8rem}.label{display:inline-block;padding:.2rem .4rem;font-size:.9em;line-height:1em;color:#666;background-color:#efefef;text-align:center;white-space:nowrap;vertical-align:baseline;margin:-0.2rem .1em 0 .1em;border-radius:.2rem}.label.label-primary{color:#fff;background-color:#5764c6;border-color:#4f5dc3}.label.label-success{color:#fff;background-color:#32b643;border-color:#30ae40}.label.label-info{color:#fff;background-color:#0193eb;border-color:#018de1}.label.label-warning{color:#fff;background-color:#ffb700;border-color:#f5b000}.label.label-danger{color:#fff;background-color:#e85600;border-color:#de5200}.menu{display:block;text-align:left;margin:0;padding:1rem;border-radius:.3rem;background-color:#fff;z-index:999;box-shadow:0 .1rem .4rem rgba(0,0,0,0.3)}.menu .menu-item{display:block;padding:.2rem 1rem;margin-top:0;border-radius:.3rem;color:#333;line-height:2.4rem;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.menu .menu-item a{display:block;margin:-0.2rem -1rem;padding:.2rem 1rem;border-radius:.3rem;color:inherit;text-decoration:none}.menu .menu-item a:hover,.menu .menu-item a:focus{color:#5764c6;background-color:#fff}.menu .menu-item a:active,.menu .menu-item a.active{color:#35419c;background-color:#eff1fa}.menu .menu-header{display:block;padding:.2rem 1rem;margin-top:0;font-size:1.2rem;line-height:1.8rem;color:#ccc}.menu .menu-header .menu-header-text{display:inline-block;padding:0 .6rem;margin-left:-0.6rem;background-color:#fff;position:relative;z-index:99}.menu .menu-header:after{content:"";display:block;width:100%;height:.1rem;-webkit-transform:translateY(-1rem);transform:translateY(-1rem);border-bottom:.1rem solid #efefef}.menu .divider{display:block;border-bottom:.1rem solid #efefef;margin:.5rem}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;opacity:0}.modal.active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:1988;opacity:1}.modal.active .modal-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.75)}.modal.active .modal-container{-webkit-animation:slide-down .216s;animation:slide-down .216s}.modal-container{display:block;text-align:left;margin:0 auto;padding:0;border-radius:.3rem;background-color:#fff;z-index:1988;-webkit-animation:slide-up .216s;animation:slide-up .216s;box-shadow:0 .1rem .4rem rgba(0,0,0,0.3)}.modal-container .modal-header{padding:1.5rem}.modal-container .modal-header .modal-title{margin:0;font-size:1.5rem}.modal-container .modal-body{position:relative;padding:1.5rem;max-height:50vh;overflow-y:auto}.modal-container .modal-footer{padding:1.5rem;text-align:right}@media screen and (min-width:640px){.modal-container{width:64rem}}@media screen and (min-width:320px){.modal-sm .modal-container{width:32rem}}.breadcrumb,.tab,.pagination{list-style:none;margin:.5rem 0}.breadcrumb{padding:1.2rem}.breadcrumb .breadcrumb-item{display:inline-block;margin:0}.breadcrumb .breadcrumb-item a{text-decoration:none}.breadcrumb .breadcrumb-item:last-child,.breadcrumb .breadcrumb-item:last-child a{color:#666;pointer-events:none}.breadcrumb .breadcrumb-item:not(:last-child)::after{content:"/";padding:0 .4rem;color:#c5c5c5}.tab{display:block;border-bottom:.1rem solid #c5c5c5}.tab .tab-item{display:inline-block;margin-bottom:-0.1rem}.tab .tab-item a{display:block;padding:.5rem 1.5rem;border-bottom:.2rem solid transparent;color:#333;text-decoration:none}.tab .tab-item a:hover,.tab .tab-item a:focus{border-bottom-color:#5764c6;color:#5764c6}.tab .tab-item.active a{border-bottom-color:#3b49af;color:#3b49af}.tab.tab-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tab.tab-block .tab-item{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;text-align:center}.pagination{display:inline-block;padding:1.2rem}.pagination .page-item{display:inline-block}.pagination .page-item span{display:inline-block;padding:.6rem .5rem}.pagination .page-item a{display:inline-block;padding:.6rem 1.2rem;margin:0 .1rem;border-radius:.3rem;text-decoration:none}.pagination .page-item a:hover,.pagination .page-item a:focus{background-color:#eff1fa}.pagination .page-item.active a{color:#fff;background-color:#5764c6}.toast{display:block;width:100%;padding:1.4rem;color:#666;border:.1rem solid #eaeaea;border-radius:.3rem;background-color:#efefef}.toast.toast-primary{color:#fff;background-color:#5764c6;border-color:#4f5dc3}.toast.toast-success{color:#fff;background-color:#32b643;border-color:#30ae40}.toast.toast-info{color:#fff;background-color:#0193eb;border-color:#018de1}.toast.toast-warning{color:#fff;background-color:#ffb700;border-color:#f5b000}.toast.toast-danger{color:#fff;background-color:#e85600;border-color:#de5200}.toast:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}.toast:not(:first-child):not(:last-child){border-radius:0;margin-top:-0.1rem}.toast:last-child:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;margin-top:-0.1rem}.tooltip{position:relative}.tooltip::after{content:attr(data-tooltip);display:block;max-width:32rem;padding:.6rem 1rem;border-radius:.3rem;background-color:rgba(51,51,51,0.9);opacity:0;color:#fff;font-size:1.2rem;line-height:1.6rem;text-overflow:ellipsis;position:absolute;bottom:100%;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);overflow:hidden;z-index:99;pointer-events:none;-webkit-transition:all .216s ease;transition:all .216s ease}.tooltip:hover::after,.tooltip:focus::after{opacity:1;-webkit-transform:translate(-50%,-0.5rem);transform:translate(-50%,-0.5rem)}.tooltip.tooltip-right::after{bottom:50%;left:100%;-webkit-transform:translate(0,50%);transform:translate(0,50%)}.tooltip.tooltip-right:hover::after,.tooltip.tooltip-right:focus::after{-webkit-transform:translate(0.5rem,50%);transform:translate(0.5rem,50%)}.tooltip.tooltip-bottom::after{top:100%;bottom:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.tooltip.tooltip-bottom:hover::after,.tooltip.tooltip-bottom:focus::after{-webkit-transform:translate(-50%,0.5rem);transform:translate(-50%,0.5rem)}.tooltip.tooltip-left::after{right:100%;bottom:50%;left:auto;-webkit-transform:translate(0,50%);transform:translate(0,50%)}.tooltip.tooltip-left:hover::after,.tooltip.tooltip-left:focus::after{-webkit-transform:translate(-0.5rem,50%);transform:translate(-0.5rem,50%)}.clearfix::after,.container::after,.columns::after{content:"";display:table;clear:both}.float-left{float:left !important}.float-right{float:right !important}.rel{position:relative}.abs{position:absolute}.fixed{position:fixed}.centered{display:block;float:none;margin-left:auto;margin-right:auto}.mt-10{margin-top:1rem}.mr-10{margin-right:1rem}.mb-10{margin-bottom:1rem}.ml-10{margin-left:1rem}.mt-5{margin-top:.5rem}.mr-5{margin-right:.5rem}.mb-5{margin-bottom:.5rem}.ml-5{margin-left:.5rem}.pt-10{padding-top:1rem}.pr-10{padding-right:1rem}.pb-10{padding-bottom:1rem}.pl-10{padding-left:1rem}.pt-5{padding-top:.5rem}.pr-5{padding-right:.5rem}.pb-5{padding-bottom:.5rem}.pl-5{padding-left:.5rem}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex}.hide{display:none !important}.visible{visibility:visible}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-normal{font-weight:normal}.text-bold{font-weight:bold}.text-italic{font-style:italic}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-clip{white-space:nowrap;overflow:hidden;text-overflow:clip}.text-break{word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.shadow{box-shadow:0 .1rem .4rem rgba(0,0,0,0.3)}.light-shadow{box-shadow:0 .1rem .2rem rgba(0,0,0,0.15)}.rounded{border-radius:.3rem}.circle{border-radius:50%}.loading{min-height:1.6rem;position:relative;pointer-events:none;color:transparent !important}.loading::after{border:.2rem solid #5764c6;border-right-color:transparent;border-top-color:transparent;border-radius:.8rem;content:"";position:absolute;left:50%;top:50%;margin-left:-0.8rem;margin-top:-0.8rem;display:block;width:1.6rem;height:1.6rem;-webkit-animation:loading 500ms infinite linear;animation:loading 500ms infinite linear} \ No newline at end of file diff --git a/index.html b/index.html index c3729f2..756ab62 100644 --- a/index.html +++ b/index.html @@ -159,14 +159,22 @@
paragraphs
-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

-<p>Lorem ipsum dolor sit amet, <span class="highlight">consectetur</span> adipiscing elit. <a href="#">Integer</a> posuere erat a ante.</p>
+<p>Lorem ipsum dolor sit amet, <span class="highlight">consectetur</span> adipiscing elit. Praesent risus leo, <a href="#">dictum in vehicula sit amet</a>, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.</p>
 <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+
optimized for asian fonts
+

你好, こんにちは, 안녕하세요

+
Chinese (Simplified)
+

革命不是请客吃饭，不是做文章，不是绘画绣花，不能那样雅致，那样从容不迫，“文质彬彬”，那样“温良恭俭让”。革命就是暴动，是一个阶级推翻一个阶级的暴烈的行动。

+
Japanese
+

祇園精舎の鐘の声、諸行無常の響きあり。沙羅双樹の花の色、盛者必衰の理をあらはす。おごれる人も久しからず。ただ春の夜の夢のごとし。たけき者も遂にはほろびぬ、ひとへ‌​に風の前の塵に同じ。

+
Korean
+

나라말이 중국과 달라, 한문・한자와 서로 통하지 아니하므로, 어리석은 백성들이 말하고자 하는 바가 있어도, 끝내 제 뜻을 펴지 못하는 사람이 많다. 내가 이를 불쌍히 여겨, 새로 스물 여덟 글자를 만드니, 사람마다 하여금 쉽게 익혀, 날마다 씀에 편하게 하고자 할 따름이다.

blockquote
@@ -1528,26 +1536,14 @@ This is the content inside the modal.

Lorem ipsum

-

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat. -

-

- Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs. -

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent risus leo, dictum in vehicula sit amet, feugiat tempus tellus. Duis quis sodales risus. Etiam euismod ornare consequat.

+

Climb leg rub face on everything give attitude nap all day for under the bed. Chase mice attack feet but rub face on everything hopped up on goofballs.

Cupcake ipsum

-

- Jelly-o sesame snaps halvah croissant oat cake cookie. Cheesecake bear claw topping. Chupa chups apple pie carrot cake chocolate cake caramels. -

-

- De braaaiiiins apocalypsi gorger omero prefrontal cortex undead survivor fornix dictum mauris. Hi brains mindless mortuis limbic cortex soulless creaturas optic nerve. -

+

Jelly-o sesame snaps halvah croissant oat cake cookie. Cheesecake bear claw topping. Chupa chups apple pie carrot cake chocolate cake caramels.

+

De braaaiiiins apocalypsi gorger omero prefrontal cortex undead survivor fornix dictum mauris. Hi brains mindless mortuis limbic cortex soulless creaturas optic nerve.

Candy ipsum

-

- Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar. -

-

- Caerphilly swiss fromage frais. Brie cheese and wine fromage frais chalk and cheese danish fontina smelly cheese who moved my cheese cow. -

+

Efficiently unleash cross-media information without cross-media value. Quickly maximize timely deliverables for real-time schemas. Dramatically maintain clicks-and-mortar.

+

Caerphilly swiss fromage frais. Brie cheese and wine fromage frais chalk and cheese danish fontina smelly cheese who moved my cheese cow.

@@ -1625,10 +1621,12 @@
diff --git a/package.json b/package.json index 3725b3b..4e921af 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "spectre.css", - "version": "0.1.7", + "version": "0.1.8", "homepage": "http://picturepan2.github.io/spectre", "author": "Yan Zhu ", "description": "Spectre.css: a lightweight, responsive and modern CSS framework.", diff --git a/src/variables.less b/src/variables.less index cd8d0ef..d875d93 100644 --- a/src/variables.less +++ b/src/variables.less @@ -4,7 +4,7 @@ @body-bg: #fff; @body-font-color: #333; @body-font-size: 1.4rem; -@body-font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", WenQuanYi Micro Hei, sans-serif; +@body-font-family: "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Hiragino Kaku Gothic Pro", Meiryo, "Malgun Gothic", sans-serif; // Colors @core-color: #5764c6; -- cgit v1.3.1-26-gb76a