From 3993102fe1cb4d05ec5e032045bb76055c2ce51a Mon Sep 17 00:00:00 2001 From: Stan Date: Tue, 17 Jan 2017 19:29:20 -0500 Subject: [PATCH] Updated button outline css and Github page --- bin/cirrus.css | 7 +++-- bin/cirrus.min.css | 2 +- demo.html | 4 +-- demo_res/app.css | 23 ++++++++++++++ index.html | 78 +++++++++++++++++++++++++++++++++++++++++----- src/button.css | 6 ++-- 6 files changed, 104 insertions(+), 16 deletions(-) create mode 100644 demo_res/app.css diff --git a/bin/cirrus.css b/bin/cirrus.css index 90e79e07..a52e7ac0 100644 --- a/bin/cirrus.css +++ b/bin/cirrus.css @@ -196,12 +196,14 @@ cursor: not-allowed; background: transparent; transition: all .3s; border: 1px solid #fff; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } .btn-outline:hover, .btn-outline:active { - background: #fff; - color: #222; + background: rgba(255, 255, 255, 0.35); + color: #fff; transition: all .3s; } @@ -248,7 +250,6 @@ cursor: not-allowed; border-radius: 0 .28571429rem .28571429rem 0; } - /* -------- CARD -------- */ .card { background-color: white; diff --git a/bin/cirrus.min.css b/bin/cirrus.min.css index 83fa379a..3c4420f5 100644 --- a/bin/cirrus.min.css +++ b/bin/cirrus.min.css @@ -1 +1 @@ -.card,.card-container,.card-image:after,article,aside,figure,footer,header,hgroup,section{display:block}.btn,.btn-container,.card,.header-left,[type=submit],button{overflow:hidden}.fa,.icon{vertical-align:top}*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.6;font-size:1rem;font-weight:400;font-family:"Nunito Sans","Segoe UI",HelveticaNeue,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif;letter-spacing:.01rem;text-shadow:1px 1px 1px rgba(0,0,0,.004);color:#4a4a4a}audio,embed,img,object,video{max-width:100%;height:auto}iframe{border:0;outline:0}.accent{background:-webkit-linear-gradient(top,#FF5F6D,#FFC371);background:linear-gradient(to bottom,#FF5F6D,#FFC371);color:#fff}.accent-horiz{background:-webkit-linear-gradient(left,#FF5F6D,#FFC371);background:linear-gradient(to right,#FF5F6D,#FFC371)}::-moz-selection{background:rgba(0,161,255,.2)}::selection{background:rgba(0,161,255,.2)}video{position:absolute;height:100vh;object-fit:fill;width:100%}@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.hover-grow:hover{transform:scale(1.1);transition-duration:.08s}@-webkit-keyframes pound{to{transform:scale(1.1)}}@keyframes pound{to{transform:scale(1.1)}}.btn,[type=submit],button{display:block;line-height:3rem;padding:0 1.5rem;width:auto;max-width:300px;border:1px solid #d9d9d9;border-radius:.25rem;cursor:pointer;text-align:center;-webkit-transition:all .3s;transition:all .3s;-moz-transition:all .3s;background-color:#fefefe;color:#737373;font-size:.75em;letter-spacing:.03rem;margin:.4rem;text-transform:uppercase;font-family:Montserrat;font-weight:400}.btn:hover,[type=submit]:hover,button:hover{-webkit-transition:all .3s;transition:all .3s;-moz-transition:all .3s;background:#eee}.animated:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.btn:active,[type=submit]:active,button:active{-webkit-transition:all .3s;transition:all .3s;-moz-transition:all .3s;background:#ccc}.animated:active{-webkit-transform:scale(.97);transform:inherit,scale(.97)}.btn:focus,[type=submit]:focus,button:focus{outline:0}.btn:disabled,[type=submit]:disabled,button:disabled{opacity:.8;cursor:not-allowed}.btn-outline{color:#fff;background:0 0;transition:all .3s;border:1px solid #fff}.btn-outline:active,.btn-outline:hover{background:#fff;color:#222;transition:all .3s}.btn-outline-inverted{border:1px solid #222;color:#222;background:0 0;transition:all .3s}.btn-outline-inverted:active,.btn-outline-inverted:hover{color:#fff;background:#222}.btn-transparent{background:0 0;color:#999}.btn-transparent:hover{background:rgba(0,0,0,.3);color:#999;-webkit-transform:none;transform:none}.btn-transparent:active{background:rgba(0,0,0,.5);color:#999;-webkit-transform:none;transform:none}.has-controls.input:not([class*="left action"])>.btn:last-child>.btn,.has-controls.input:not([class*="left action"])>button:last-child{border-radius:0 .28571429rem .28571429rem 0}.card{background-color:#fff;border-radius:5px;box-shadow:0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);position:relative;-webkit-transition:all .3s;transition:all .3s;backface-visibility:hidden}.card-image,.card-image:after{position:absolute;top:0;bottom:0;left:0;right:0}.card:hover{box-shadow:0 4px 6px rgba(10,10,10,.1),0 0 12px 2px rgba(10,10,10,.1);-webkit-transition:all .3s;transition:all .3s}.slide-up:hover .card-image{transform:translateY(-40px)}.card:hover .card-image:after{opacity:0}.card-image{border-radius:5px 5px 0 0;background-size:cover;background-repeat:no-repeat;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.card-image:after{content:"";background-color:rgba(0,0,0,.1);-webkit-transition:all .5s;transition:all .5s}.card-container{position:relative;height:40%}.card .title-container .subtitle,.card .title-container .title{color:#fff;margin:1rem auto}.card .title-container{position:absolute;bottom:1rem;width:100%;padding:0 1rem}.card .title-container .title{font-weight:300;font-size:1.5rem;margin-bottom:.3rem!important;text-shadow:0 1px 2px rgba(0,0,0,.25)}.card .action-bar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 .5rem;border-top:1px solid #E0E0E0;box-sizing:border-box;-webkit-transition:left .2s cubic-bezier(.075,.82,.165,1);transition:left .2s cubic-bezier(.075,.82,.165,1)}.card:hover .mobile-title,.mobile-title{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.card .btn,.card button{display:inline-block;border-color:transparent}.card .btn:focus,.card .btn:hover,.card button:focus,.card button:hover{-webkit-transform:none;transform:none}.mobile-title{position:absolute;left:0;margin:1.7rem 0;background-color:#FFF;transition:all .3s ease-in-out;width:100%;padding:.5rem 1rem;backface-visibility:hidden}.card .avatar,.card-footer,.header,footer h6{position:relative}.mobile-title .subtitle,.mobile-title .title{margin:.3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card:hover .mobile-title{margin-top:-80px;transition:all .3s ease-in-out}.card:hover .card-body{opacity:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.card-body{opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.card-footer{margin:.5rem auto;font-size:.75rem;color:#9FA5A8}.card .avatar{border-radius:50%;transition:all .3s;width:70px;margin:.5rem}code{white-space:nowrap;padding:1em;margin:.5em 0;overflow:auto;background:#f4f5f6}pre>code{display:block;padding:1rem 1.5rem;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;color:#4a4a4a;font-family:Consolas,Monaco,'Andale Mono',monospace;direction:ltr;text-align:left;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-left:.3rem solid #f03d4d}.fa,.header,.icon,footer,footer h6{text-align:center}@import url(https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700);@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700}.light,textarea,textarea[type=text]{font-family:'Nunito Sans'}h1{font-size:4rem;letter-spacing:.05rem}h2{font-size:3.5rem}h3{font-size:3rem}h4{font-size:2.5rem}h5{font-size:2rem}h6{font-size:1.5rem}strong{font-weight:700}.light{font-weight:200}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:#363636;line-height:1.125em;margin:1rem 0}.title{font-weight:bolder}.subtitle:not(:last-child),.title:not(:last-child){margin-bottom:1rem}.accent .subtitle{color:rgba(255,255,255,.9)}.title+.subtitle{margin-top:-1.25rem}article,blockquote,p{font-size:1rem;line-height:2rem;margin:2rem 0;word-wrap:break-word}.font-thin{font-weight:200}.font-light{font-weight:300}.font-semibold,a{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.rtl{direction:rtl}.white{color:#fff!important}.faded{opacity:.75}.italics{font-style:italic}.icon{display:inline-block;font-size:21px;height:1.5rem;line-height:1.5rem;width:1.5rem}.icon .fa{font-size:inherit;line-height:inherit}.fa{font-size:21px}.info{display:block;font-size:.75rem;margin-top:5px}.info.success{color:#4CAF50}.info.error{color:#F44336}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}@media (max-width:550px){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1rem}h6{font-size:.75rem}}footer{width:100%;padding:50px 0 10px;background:#111;margin-top:5rem}footer a{font-weight:bolder;color:#fff}footer p{color:#848484}footer h6{letter-spacing:6px;padding-bottom:10px}footer p .fa{color:#E90606;margin:0 3px;animation:pound .35s infinite alternate;-webkit-animation:pound .35s infinite alternate;vertical-align:baseline}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],select{width:100%;border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.05);border-radius:3px;color:#5a5a5a;font-family:'Nunito Sans';font-size:.85rem;letter-spacing:.02rem;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s;outline:0;margin:.5rem 0;padding:.85rem 1.1rem}textarea,textarea[type=text]{width:100%;border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.05);border-radius:3px;color:#5a5a5a;font-size:.85rem;letter-spacing:.02rem;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s;outline:0;margin:.5rem 0;padding:1rem 1.3rem;min-height:8rem}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,select:focus,textarea:focus,textarea[type=text]:focus{box-shadow:inset 0 1px 8px rgba(0,0,0,.1);border-color:rgba(0,102,255,.5)}.label:not(:last-child){margin-bottom:.5em}.label{color:#4a4a4a;display:block;font-weight:700}.header,.header-left{display:-webkit-box;display:-ms-flexbox}.text-success{border-color:#4CAF50!important}.text-error{border-color:#F44336!important}.header{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:#fff;display:flex;min-height:3.5rem;z-index:2;width:100%;padding:0 1rem;box-shadow:0 3px 15px rgba(57,63,72,.3)}.header-left,.header-right{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.header-left{display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-x:auto;white-space:nowrap}.header-center,.header-right{display:-webkit-box;display:-ms-flexbox}.header-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;overflow:hidden;overflow-x:auto;white-space:nowrap}.header-center{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}.header-item,.hero{display:-webkit-box;display:-ms-flexbox}.header-item,.level{-webkit-box-align:center}.header-fixed{position:fixed}.header-item{-ms-flex-align:center;align-items:center;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s;transition:all .3s;padding:0 .3rem;cursor:hand}.header-item a{padding:.5rem .75rem}.header-item:not(.no-hover):hover{-webkit-transition:all .3s;transition:all .3s;background-color:rgba(0,0,0,.05)}.header-item.selected{background-color:rgba(0,0,0,.1)}.header-item .dropdown-menu{background-color:#fff;position:absolute;top:95%;z-index:1000;display:none!important;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.1);box-shadow:0 6px 12px rgba(0,0,0,.1)}.dropdown-menu.shown{display:block!important}.dropdown-menu>li>a{display:block;padding:.5rem 1rem;clear:both;line-height:1.42857143;white-space:nowrap}.dropdown-menu>li{margin:0;-webkit-transition:all .3s;transition:all .3s}.dropdown-menu>li:hover,a{-webkit-transition:all .3s}.dropdown-menu>li:hover{transition:all .3s;background-color:rgba(0,0,0,.05)}.dropdown-menu>li:last-child{margin-bottom:0}.header-btn{cursor:pointer;display:block;height:3.5rem;position:relative;width:3.5rem}@media screen and (min-width:769px){.header-right{display:-webkit-box;display:-ms-flexbox;display:flex}.header-btn{display:none}}@media screen and (max-width:768px){.header-menu.is-active{display:block}.header-menu{background-color:#fff;box-shadow:0 4px 7px rgba(10,10,10,.1);left:0;display:none;right:0;top:100%;position:absolute}.dropdown-menu.shown{margin-top:0;position:relative;float:left;margin-left:20px;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.header-menu .header-item{padding:1rem 0}.header-menu .header-item>a{padding:0}.header-btn span{background-color:#4D565F;display:block;height:2px;left:50%;margin-left:-7px;position:absolute;top:50%;-webkit-transition:none 86ms ease-out;transition:none 86ms ease-out;-webkit-transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,transform;transition-property:background,left,opacity,transform,-webkit-transform;width:15px}.header-btn span:nth-child(1){margin-top:-6px}.header-btn span:nth-child(2){margin-top:-1px}.header-btn span:nth-child(3){margin-top:4px}}.divider,section{display:block}.content{max-width:60em;margin:0 auto 1.5em;width:80%}.content blockquote{background-color:#f5f5f5;border-left:5px solid #dbdbdb;padding:1.5rem}.content-fluid{width:100%;margin:1.3rem}.fullscreen{top:0;right:0;bottom:0;left:0;height:100vh}.u:after,.utb:after{bottom:-.25em}.panel{padding:2.5em 0}.divider{height:3px;position:relative;border-top:none;margin-top:2rem;margin-bottom:2rem;background:#eee;width:100%}.divider-short{max-width:15rem;width:100%}.hero-img{background-size:cover;width:100%;height:100%}.parallax-img{background-attachment:fixed!important}.hero{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hero-body,.row.has-controls{display:-webkit-box;display:-ms-flexbox}.hero-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;padding:3rem 1.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex}space{display:block;width:100%;height:1em}.row{margin-top:2.2833%;padding:0 1.04165%}.row:after{content:'';clear:both;display:table}.row .col-1{width:6.42291%}.row .col-2{width:14.930208%}.row .col-3{width:23.4375%}.row .col-4{width:31.94375%}.row .col-5{width:40.25%}.row .col-6{width:48.958333%}.row .col-7{width:57.464583%}.row .col-8{width:65.970833%}.row .col-9{width:74.404166%}.row .col-10{width:82.9833%}.row .col-11{width:91.489583%}.row .col-12{width:100%}.fluid-container{display:flex}.row .col-fluid{display:block;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.row [class*=" col-"],.row [class^=col-]{float:left;min-height:50px;margin-left:2.083333%}.row [class*=" col-"]:first-child,.row [class^=col-]:first-child{margin-left:0}.row.has-controls{display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.divided>.fluid-container:not(.row),.divided>.row [class^=col-]{box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.divided>.row [class^=col-]:first-child{box-shadow:none}.level{-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.level-left,.level-right{-webkit-box-align:center;-ms-grid-row-align:center}.level-left{-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.level-right{-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.level-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:768px){.row{margin-top:0}.row [class*=" col-"]:not(.ignore-screen),.row [class^=col-]:not(.ignore-screen){width:100%;margin-top:1rem;margin-left:0}.fluid-container [class^=col-]:not(.ignore-screen),.row [class*=" col-"]:not(.ignore-screen){margin-top:1rem}.fluid-container{display:inherit}.divided>.fluid-container:not(.row),.divided>.row [class^=col-]{box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}}a{transition:all .3s;color:#4D565F;padding:2px}.u:after,a:hover{-webkit-transition:all .3s}a:hover{color:#7C8B9A;transition:all .3s}a,a:active,a:hover,a:visited{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;text-decoration:none}.u:after,.utb:after,.utb:before{-webkit-backface-visibility:hidden;position:absolute;height:.1rem;content:"";background:#7C8B9A}.u:after{transition:all .3s;backface-visibility:hidden;width:0}.u-RL:hover:after,.u:hover:after{width:100%}.u-LR:after{left:0}.u-RL:after{right:0}.u-C:after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.utb:after,.utb:before{-webkit-transition:all .3s;transition:all .3s;backface-visibility:hidden;width:0}.utb:before{top:-.25em}.utb:hover:after,.utb:hover:before{width:100%}.utb-LR:after,.utb-LR:before{left:0}.utb-RL:after,.utb-RL:before{right:0}.utb-C:after,.utb-C:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.utb-OLR:before{left:0}.utb-OLR:after,.utb-ORL:before{right:0}.utb-ORL:after{left:0}.usquare{box-sizing:border-box;margin-left:.4rem;position:relative;overflow:hidden}.usquare a{position:static;padding:.2rem .4rem}.usquare:after,.usquare:before{content:"";box-sizing:border-box;-webkit-transition:.25s all ease;transition:.25s all ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;width:2px;width:.1 rem;height:0;background:#7C8B9A}.fill-width,.table,.usquare:hover a:after,.usquare:hover a:before{width:100%}.usquare:before{left:0;bottom:-.2rem}.usquare.delay:before{-webkit-transition-delay:.6s;transition-delay:.6s}.usquare:after{right:0;top:-.2rem}.usquare.delay:after{-webkit-transition-delay:.2s;transition-delay:.2s}.usquare a:before{left:0;-webkit-transition:.25s all ease;transition:.25s all ease}.usquare a:after{right:0;-webkit-transition:.25s all ease;transition:.25s all ease}.usquare.delay a:after{-webkit-transition:.25s all ease .4s;transition:.25s all ease .4s}.usquare:hover:after,.usquare:hover:before{height:calc(100% + .4rem)}ul{list-style:disc inside}ol{list-style:decimal inside}li{margin:1rem 0}li:last-child{margin-bottom:1rem}.table{margin-bottom:1.5rem;border-collapse:collapse;border-spacing:0}.table td,.table th{border:1px solid #dbdbdb;border-width:0 0 1px;padding:.75rem;vertical-align:top;text-align:center;margin:0}.table tr{-webkit-transition:all .3s;transition:all .3s}.table tr:hover,.table.striped tbody tr:nth-child(even):hover{background:#eee}.table thead,.table thead th{border-bottom:2px solid #dbdbdb}.table.bordered thead,.table.bordered thead th{border-bottom:1px solid #dbdbdb}.table tfoot th,.table thead th{padding:1rem}.table tfoot th{border-top:2px solid #dbdbdb;border-bottom:none}.table.bordered td,.table.bordered th{border:1px solid #dbdbdb}.table.borderd thead,.table.bordered thead td{border-width:1px}.table.striped tbody tr:nth-child(even){background-color:#fafafa}.table.small td,.table.small th{padding:.25rem .75rem}.table.fixed-head thead{position:relative;display:block}.table.fixed-head tbody{height:200px;display:block;overflow:auto}.table.fixed-head tr{display:table;width:100%}.this-inline{display:inline}.this-inline-block{display:inline-block}.this-inline-flex{display:-webkit-inline-bpx;display:-ms-inline-flexbox;display:inline-flex}.clearfix:after{clear:both;content:" ";display:table}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.pull-left{float:left}.pull-right{float:right}.center{display:flex;align-items:center;justify-content:center;margin:0 auto}.center-alt,.center-alt:active,.center-alt:hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vertical-center{display:flex;justify-content:center}.horizontal-center{display:flex;align-items:center}.this-overlay{bottom:0;left:0;right:0;top:0;position:absolute}.hide-overflow{overflow:hidden!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hide{display:none!important}.avatar,.box{display:block}.disabled{cursor:not-allowed}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.box{background-color:#fff;border-radius:5px;box-shadow:0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);padding:20px}.box:not(:last-child){margin-bottom:20px}.avatar{border-radius:50%;position:relative;margin:auto}@media screen and (min-width:769px){.level,.level-left,.level-right{display:-webkit-box;display:-ms-flexbox;display:flex}} \ No newline at end of file +.card,.card-container,.card-image:after,article,aside,figure,footer,header,hgroup,section{display:block}.btn,.btn-container,.card,.header-left,[type=submit],button{overflow:hidden}.fa,.icon{vertical-align:top}*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.6;font-size:1rem;font-weight:400;font-family:"Nunito Sans","Segoe UI",HelveticaNeue,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif;letter-spacing:.01rem;text-shadow:1px 1px 1px rgba(0,0,0,.004);color:#4a4a4a}audio,embed,img,object,video{max-width:100%;height:auto}iframe{border:0;outline:0}.accent{background:-webkit-linear-gradient(top,#FF5F6D,#FFC371);background:linear-gradient(to bottom,#FF5F6D,#FFC371);color:#fff}.accent-horiz{background:-webkit-linear-gradient(left,#FF5F6D,#FFC371);background:linear-gradient(to right,#FF5F6D,#FFC371)}::-moz-selection{background:rgba(0,161,255,.2)}::selection{background:rgba(0,161,255,.2)}video{position:absolute;height:100vh;object-fit:fill;width:100%}@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.hover-grow:hover{transform:scale(1.1);transition-duration:.08s}@-webkit-keyframes pound{to{transform:scale(1.1)}}@keyframes pound{to{transform:scale(1.1)}}.btn,[type=submit],button{display:block;line-height:3rem;padding:0 1.5rem;width:auto;max-width:300px;border:1px solid #d9d9d9;border-radius:.25rem;cursor:pointer;text-align:center;-webkit-transition:all .3s;transition:all .3s;-moz-transition:all .3s;background-color:#fefefe;color:#737373;font-size:.75em;letter-spacing:.03rem;margin:.4rem;text-transform:uppercase;font-family:Montserrat;font-weight:400}.btn:hover,[type=submit]:hover,button:hover{-webkit-transition:all .3s;transition:all .3s;-moz-transition:all .3s;background:#eee}.animated:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.btn:active,[type=submit]:active,button:active{-webkit-transition:all .3s;transition:all .3s;-moz-transition:all .3s;background:#ccc}.animated:active{-webkit-transform:scale(.97);transform:inherit,scale(.97)}.btn:focus,[type=submit]:focus,button:focus{outline:0}.btn:disabled,[type=submit]:disabled,button:disabled{opacity:.8;cursor:not-allowed}.btn-outline{color:#fff;background:0 0;transition:all .3s;border:1px solid #fff;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card,.mobile-title{backface-visibility:hidden}.btn-outline:active,.btn-outline:hover{background:rgba(255,255,255,.35);color:#fff;transition:all .3s}.btn-outline-inverted{border:1px solid #222;color:#222;background:0 0;transition:all .3s}.btn-outline-inverted:active,.btn-outline-inverted:hover{color:#fff;background:#222}.btn-transparent{background:0 0;color:#999}.btn-transparent:hover{background:rgba(0,0,0,.3);color:#999;-webkit-transform:none;transform:none}.btn-transparent:active{background:rgba(0,0,0,.5);color:#999;-webkit-transform:none;transform:none}.has-controls.input:not([class*="left action"])>.btn:last-child>.btn,.has-controls.input:not([class*="left action"])>button:last-child{border-radius:0 .28571429rem .28571429rem 0}.card{background-color:#fff;border-radius:5px;box-shadow:0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);position:relative;-webkit-transition:all .3s;transition:all .3s}.card-image,.card-image:after{position:absolute;top:0;bottom:0;left:0;right:0}.card:hover{box-shadow:0 4px 6px rgba(10,10,10,.1),0 0 12px 2px rgba(10,10,10,.1);-webkit-transition:all .3s;transition:all .3s}.slide-up:hover .card-image{transform:translateY(-40px)}.card:hover .card-image:after{opacity:0}.card-image{border-radius:5px 5px 0 0;background-size:cover;background-repeat:no-repeat;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.card-image:after{content:"";background-color:rgba(0,0,0,.1);-webkit-transition:all .5s;transition:all .5s}.card-container{position:relative;height:40%}.card .title-container .subtitle,.card .title-container .title{color:#fff;margin:1rem auto}.card .title-container{position:absolute;bottom:1rem;width:100%;padding:0 1rem}.card .title-container .title{font-weight:300;font-size:1.5rem;margin-bottom:.3rem!important;text-shadow:0 1px 2px rgba(0,0,0,.25)}.card .action-bar{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0 .5rem;border-top:1px solid #E0E0E0;box-sizing:border-box;-webkit-transition:left .2s cubic-bezier(.075,.82,.165,1);transition:left .2s cubic-bezier(.075,.82,.165,1)}.card:hover .mobile-title,.mobile-title{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.card .btn,.card button{display:inline-block;border-color:transparent}.card .btn:focus,.card .btn:hover,.card button:focus,.card button:hover{-webkit-transform:none;transform:none}.mobile-title{position:absolute;left:0;margin:1.7rem 0;background-color:#FFF;transition:all .3s ease-in-out;width:100%;padding:.5rem 1rem}.card .avatar,.card-footer,.header,footer h6{position:relative}.mobile-title .subtitle,.mobile-title .title{margin:.3rem;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card:hover .mobile-title{margin-top:-80px;transition:all .3s ease-in-out}.card:hover .card-body{opacity:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.card-body{opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.card-footer{margin:.5rem auto;font-size:.75rem;color:#9FA5A8}.card .avatar{border-radius:50%;transition:all .3s;width:70px;margin:.5rem}code{white-space:nowrap;padding:1em;margin:.5em 0;overflow:auto;background:#f4f5f6}pre>code{display:block;padding:1rem 1.5rem;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;color:#4a4a4a;font-family:Consolas,Monaco,'Andale Mono',monospace;direction:ltr;text-align:left;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-left:.3rem solid #f03d4d}.fa,.header,.icon,footer,footer h6{text-align:center}@import url(https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700);@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;font-weight:700}.light,textarea,textarea[type=text]{font-family:'Nunito Sans'}h1{font-size:4rem;letter-spacing:.05rem}h2{font-size:3.5rem}h3{font-size:3rem}h4{font-size:2.5rem}h5{font-size:2rem}h6{font-size:1.5rem}strong{font-weight:700}.light{font-weight:200}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{color:#363636;line-height:1.125em;margin:1rem 0}.title{font-weight:bolder}.subtitle:not(:last-child),.title:not(:last-child){margin-bottom:1rem}.accent .subtitle{color:rgba(255,255,255,.9)}.title+.subtitle{margin-top:-1.25rem}article,blockquote,p{font-size:1rem;line-height:2rem;margin:2rem 0;word-wrap:break-word}.font-thin{font-weight:200}.font-light{font-weight:300}.font-semibold,a{font-weight:600}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.rtl{direction:rtl}.white{color:#fff!important}.faded{opacity:.75}.italics{font-style:italic}.icon{display:inline-block;font-size:21px;height:1.5rem;line-height:1.5rem;width:1.5rem}.icon .fa{font-size:inherit;line-height:inherit}.fa{font-size:21px}.info{display:block;font-size:.75rem;margin-top:5px}.info.success{color:#4CAF50}.info.error{color:#F44336}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent}@media (max-width:550px){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1rem}h6{font-size:.75rem}}footer{width:100%;padding:50px 0 10px;background:#111;margin-top:5rem}footer a{font-weight:bolder;color:#fff}footer p{color:#848484}footer h6{letter-spacing:6px;padding-bottom:10px}footer p .fa{color:#E90606;margin:0 3px;animation:pound .35s infinite alternate;-webkit-animation:pound .35s infinite alternate;vertical-align:baseline}input[type=email],input[type=number],input[type=search],input[type=text],input[type=tel],input[type=url],input[type=password],select{width:100%;border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.05);border-radius:3px;color:#5a5a5a;font-family:'Nunito Sans';font-size:.85rem;letter-spacing:.02rem;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s;outline:0;margin:.5rem 0;padding:.85rem 1.1rem}textarea,textarea[type=text]{width:100%;border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.05);border-radius:3px;color:#5a5a5a;font-size:.85rem;letter-spacing:.02rem;box-sizing:border-box;-webkit-transition:all .3s;transition:all .3s;outline:0;margin:.5rem 0;padding:1rem 1.3rem;min-height:8rem}input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=text]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,select:focus,textarea:focus,textarea[type=text]:focus{box-shadow:inset 0 1px 8px rgba(0,0,0,.1);border-color:rgba(0,102,255,.5)}.label:not(:last-child){margin-bottom:.5em}.label{color:#4a4a4a;display:block;font-weight:700}.header,.header-left{display:-webkit-box;display:-ms-flexbox}.text-success{border-color:#4CAF50!important}.text-error{border-color:#F44336!important}.header{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:#fff;display:flex;min-height:3.5rem;z-index:2;width:100%;padding:0 1rem;box-shadow:0 3px 15px rgba(57,63,72,.3)}.header-left,.header-right{-webkit-box-align:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0}.header-left{display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-x:auto;white-space:nowrap}.header-center,.header-right{display:-webkit-box;display:-ms-flexbox}.header-right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;overflow:hidden;overflow-x:auto;white-space:nowrap}.header-center{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto}.header-item,.hero{display:-webkit-box;display:-ms-flexbox}.header-item,.level{-webkit-box-align:center}.header-fixed{position:fixed}.header-item{-ms-flex-align:center;align-items:center;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s;transition:all .3s;padding:0 .3rem;cursor:hand}.header-item a{padding:.5rem .75rem}.header-item:not(.no-hover):hover{-webkit-transition:all .3s;transition:all .3s;background-color:rgba(0,0,0,.05)}.header-item.selected{background-color:rgba(0,0,0,.1)}.header-item .dropdown-menu{background-color:#fff;position:absolute;top:95%;z-index:1000;display:none!important;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.1);box-shadow:0 6px 12px rgba(0,0,0,.1)}.dropdown-menu.shown{display:block!important}.dropdown-menu>li>a{display:block;padding:.5rem 1rem;clear:both;line-height:1.42857143;white-space:nowrap}.dropdown-menu>li{margin:0;-webkit-transition:all .3s;transition:all .3s}.dropdown-menu>li:hover,a{-webkit-transition:all .3s}.dropdown-menu>li:hover{transition:all .3s;background-color:rgba(0,0,0,.05)}.dropdown-menu>li:last-child{margin-bottom:0}.header-btn{cursor:pointer;display:block;height:3.5rem;position:relative;width:3.5rem}@media screen and (min-width:769px){.header-right{display:-webkit-box;display:-ms-flexbox;display:flex}.header-btn{display:none}}@media screen and (max-width:768px){.header-menu.is-active{display:block}.header-menu{background-color:#fff;box-shadow:0 4px 7px rgba(10,10,10,.1);left:0;display:none;right:0;top:100%;position:absolute}.dropdown-menu.shown{margin-top:0;position:relative;float:left;margin-left:20px;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.header-menu .header-item{padding:1rem 0}.header-menu .header-item>a{padding:0}.header-btn span{background-color:#4D565F;display:block;height:2px;left:50%;margin-left:-7px;position:absolute;top:50%;-webkit-transition:none 86ms ease-out;transition:none 86ms ease-out;-webkit-transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,-webkit-transform;transition-property:background,left,opacity,transform;transition-property:background,left,opacity,transform,-webkit-transform;width:15px}.header-btn span:nth-child(1){margin-top:-6px}.header-btn span:nth-child(2){margin-top:-1px}.header-btn span:nth-child(3){margin-top:4px}}.divider,section{display:block}.content{max-width:60em;margin:0 auto 1.5em;width:80%}.content blockquote{background-color:#f5f5f5;border-left:5px solid #dbdbdb;padding:1.5rem}.content-fluid{width:100%;margin:1.3rem}.fullscreen{top:0;right:0;bottom:0;left:0;height:100vh}.u:after,.utb:after{bottom:-.25em}.panel{padding:2.5em 0}.divider{height:3px;position:relative;border-top:none;margin-top:2rem;margin-bottom:2rem;background:#eee;width:100%}.divider-short{max-width:15rem;width:100%}.hero-img{background-size:cover;width:100%;height:100%}.parallax-img{background-attachment:fixed!important}.hero{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hero-body,.row.has-controls{display:-webkit-box;display:-ms-flexbox}.hero-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;padding:3rem 1.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex}space{display:block;width:100%;height:1em}.row{margin-top:2.2833%;padding:0 1.04165%}.row:after{content:'';clear:both;display:table}.row .col-1{width:6.42291%}.row .col-2{width:14.930208%}.row .col-3{width:23.4375%}.row .col-4{width:31.94375%}.row .col-5{width:40.25%}.row .col-6{width:48.958333%}.row .col-7{width:57.464583%}.row .col-8{width:65.970833%}.row .col-9{width:74.404166%}.row .col-10{width:82.9833%}.row .col-11{width:91.489583%}.row .col-12{width:100%}.fluid-container{display:flex}.row .col-fluid{display:block;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.row [class*=" col-"],.row [class^=col-]{float:left;min-height:50px;margin-left:2.083333%}.row [class*=" col-"]:first-child,.row [class^=col-]:first-child{margin-left:0}.row.has-controls{display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.divided>.fluid-container:not(.row),.divided>.row [class^=col-]{box-shadow:-1px 0 0 0 rgba(34,36,38,.15)}.divided>.row [class^=col-]:first-child{box-shadow:none}.level{-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.level-left,.level-right{-webkit-box-align:center;-ms-grid-row-align:center}.level-left{-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.level-right{-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.level-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:768px){.row{margin-top:0}.row [class*=" col-"]:not(.ignore-screen),.row [class^=col-]:not(.ignore-screen){width:100%;margin-top:1rem;margin-left:0}.fluid-container [class^=col-]:not(.ignore-screen),.row [class*=" col-"]:not(.ignore-screen){margin-top:1rem}.fluid-container{display:inherit}.divided>.fluid-container:not(.row),.divided>.row [class^=col-]{box-shadow:0 -1px 0 0 rgba(34,36,38,.15)}}a{transition:all .3s;color:#4D565F;padding:2px}.u:after,a:hover{-webkit-transition:all .3s}a:hover{color:#7C8B9A;transition:all .3s}a,a:active,a:hover,a:visited{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:relative;text-decoration:none}.u:after,.utb:after,.utb:before{-webkit-backface-visibility:hidden;position:absolute;height:.1rem;content:"";background:#7C8B9A}.u:after{transition:all .3s;backface-visibility:hidden;width:0}.u-RL:hover:after,.u:hover:after{width:100%}.u-LR:after{left:0}.u-RL:after{right:0}.u-C:after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.utb:after,.utb:before{-webkit-transition:all .3s;transition:all .3s;backface-visibility:hidden;width:0}.utb:before{top:-.25em}.utb:hover:after,.utb:hover:before{width:100%}.utb-LR:after,.utb-LR:before{left:0}.utb-RL:after,.utb-RL:before{right:0}.utb-C:after,.utb-C:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.utb-OLR:before{left:0}.utb-OLR:after,.utb-ORL:before{right:0}.utb-ORL:after{left:0}.usquare{box-sizing:border-box;margin-left:.4rem;position:relative;overflow:hidden}.usquare a{position:static;padding:.2rem .4rem}.usquare:after,.usquare:before{content:"";box-sizing:border-box;-webkit-transition:.25s all ease;transition:.25s all ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;width:2px;width:.1 rem;height:0;background:#7C8B9A}.fill-width,.table,.usquare:hover a:after,.usquare:hover a:before{width:100%}.usquare:before{left:0;bottom:-.2rem}.usquare.delay:before{-webkit-transition-delay:.6s;transition-delay:.6s}.usquare:after{right:0;top:-.2rem}.usquare.delay:after{-webkit-transition-delay:.2s;transition-delay:.2s}.usquare a:before{left:0;-webkit-transition:.25s all ease;transition:.25s all ease}.usquare a:after{right:0;-webkit-transition:.25s all ease;transition:.25s all ease}.usquare.delay a:after{-webkit-transition:.25s all ease .4s;transition:.25s all ease .4s}.usquare:hover:after,.usquare:hover:before{height:calc(100% + .4rem)}ul{list-style:disc inside}ol{list-style:decimal inside}li{margin:1rem 0}li:last-child{margin-bottom:1rem}.table{margin-bottom:1.5rem;border-collapse:collapse;border-spacing:0}.table td,.table th{border:1px solid #dbdbdb;border-width:0 0 1px;padding:.75rem;vertical-align:top;text-align:center;margin:0}.table tr{-webkit-transition:all .3s;transition:all .3s}.table tr:hover,.table.striped tbody tr:nth-child(even):hover{background:#eee}.table thead,.table thead th{border-bottom:2px solid #dbdbdb}.table.bordered thead,.table.bordered thead th{border-bottom:1px solid #dbdbdb}.table tfoot th,.table thead th{padding:1rem}.table tfoot th{border-top:2px solid #dbdbdb;border-bottom:none}.table.bordered td,.table.bordered th{border:1px solid #dbdbdb}.table.borderd thead,.table.bordered thead td{border-width:1px}.table.striped tbody tr:nth-child(even){background-color:#fafafa}.table.small td,.table.small th{padding:.25rem .75rem}.table.fixed-head thead{position:relative;display:block}.table.fixed-head tbody{height:200px;display:block;overflow:auto}.table.fixed-head tr{display:table;width:100%}.this-inline{display:inline}.this-inline-block{display:inline-block}.this-inline-flex{display:-webkit-inline-bpx;display:-ms-inline-flexbox;display:inline-flex}.clearfix:after{clear:both;content:" ";display:table}.clear-left{clear:left}.clear-right{clear:right}.clear-both{clear:both}.pull-left{float:left}.pull-right{float:right}.center{display:flex;align-items:center;justify-content:center;margin:0 auto}.center-alt,.center-alt:active,.center-alt:hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vertical-center{display:flex;justify-content:center}.horizontal-center{display:flex;align-items:center}.this-overlay{bottom:0;left:0;right:0;top:0;position:absolute}.hide-overflow{overflow:hidden!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hide{display:none!important}.avatar,.box{display:block}.disabled{cursor:not-allowed}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.box{background-color:#fff;border-radius:5px;box-shadow:0 2px 3px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);padding:20px}.box:not(:last-child){margin-bottom:20px}.avatar{border-radius:50%;position:relative;margin:auto}@media screen and (min-width:769px){.level,.level-left,.level-right{display:-webkit-box;display:-ms-flexbox;display:flex}} \ No newline at end of file diff --git a/demo.html b/demo.html index 5287f744..1d701074 100644 --- a/demo.html +++ b/demo.html @@ -5,7 +5,7 @@ - + @@ -767,7 +767,7 @@

Tables

- +