111111
Showing
28 changed files
with
8878 additions
and
0 deletions
public/css/AdminLTE.min.css
0 → 100644
| 1 | @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);/*! | ||
| 2 | * AdminLTE v2.3.8 | ||
| 3 | * Author: Almsaeed Studio | ||
| 4 | * Website: Almsaeed Studio <http://almsaeedstudio.com> | ||
| 5 | * License: Open source - MIT | ||
| 6 | * Please visit http://opensource.org/licenses/MIT for more information | ||
| 7 | !*/html,body{min-height:100%}.layout-boxed html,.layout-boxed body{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;overflow-x:hidden;overflow-y:auto}.wrapper{min-height:100%;position:relative;overflow:hidden}.wrapper:before,.wrapper:after{content:" ";display:table}.wrapper:after{clear:both}.layout-boxed .wrapper{max-width:1250px;margin:0 auto;min-height:100%;box-shadow:0 0 8px rgba(0,0,0,0.5);position:relative}.layout-boxed{background:url('../img/boxed-bg.jpg') repeat fixed}.content-wrapper,.right-side,.main-footer{-webkit-transition:-webkit-transform .3s ease-in-out,margin .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,margin .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,margin .3s ease-in-out;transition:transform .3s ease-in-out,margin .3s ease-in-out;margin-left:230px;z-index:820}.layout-top-nav .content-wrapper,.layout-top-nav .right-side,.layout-top-nav .main-footer{margin-left:0}@media (max-width:767px){.content-wrapper,.right-side,.main-footer{margin-left:0}}@media (min-width:768px){.sidebar-collapse .content-wrapper,.sidebar-collapse .right-side,.sidebar-collapse .main-footer{margin-left:0}}@media (max-width:767px){.sidebar-open .content-wrapper,.sidebar-open .right-side,.sidebar-open .main-footer{-webkit-transform:translate(230px, 0);-ms-transform:translate(230px, 0);-o-transform:translate(230px, 0);transform:translate(230px, 0)}}.content-wrapper,.right-side{min-height:100%;background-color:#ecf0f5;z-index:800}.main-footer{background:#fff;padding:15px;color:#444;border-top:1px solid #d2d6de}.fixed .main-header,.fixed .main-sidebar,.fixed .left-side{position:fixed}.fixed .main-header{top:0;right:0;left:0}.fixed .content-wrapper,.fixed .right-side{padding-top:50px}@media (max-width:767px){.fixed .content-wrapper,.fixed .right-side{padding-top:100px}}.fixed.layout-boxed .wrapper{max-width:100%}body.hold-transition .content-wrapper,body.hold-transition .right-side,body.hold-transition .main-footer,body.hold-transition .main-sidebar,body.hold-transition .left-side,body.hold-transition .main-header .navbar,body.hold-transition .main-header .logo{-webkit-transition:none;-o-transition:none;transition:none}.content{min-height:250px;padding:15px;margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Source Sans Pro',sans-serif}a{color:#3c8dbc}a:hover,a:active,a:focus{outline:none;text-decoration:none;color:#72afd2}.page-header{margin:10px 0 20px 0;font-size:22px}.page-header>small{color:#666;display:block;margin-top:5px}.main-header{position:relative;max-height:100px;z-index:1030}.main-header .navbar{-webkit-transition:margin-left .3s ease-in-out;-o-transition:margin-left .3s ease-in-out;transition:margin-left .3s ease-in-out;margin-bottom:0;margin-left:230px;border:none;min-height:50px;border-radius:0}.layout-top-nav .main-header .navbar{margin-left:0}.main-header #navbar-search-input.form-control{background:rgba(255,255,255,0.2);border-color:transparent}.main-header #navbar-search-input.form-control:focus,.main-header #navbar-search-input.form-control:active{border-color:rgba(0,0,0,0.1);background:rgba(255,255,255,0.9)}.main-header #navbar-search-input.form-control::-moz-placeholder{color:#ccc;opacity:1}.main-header #navbar-search-input.form-control:-ms-input-placeholder{color:#ccc}.main-header #navbar-search-input.form-control::-webkit-input-placeholder{color:#ccc}.main-header .navbar-custom-menu,.main-header .navbar-right{float:right}@media (max-width:991px){.main-header .navbar-custom-menu a,.main-header .navbar-right a{color:inherit;background:transparent}}@media (max-width:767px){.main-header .navbar-right{float:none}.navbar-collapse .main-header .navbar-right{margin:7.5px -15px}.main-header .navbar-right>li{color:inherit;border:0}}.main-header .sidebar-toggle{float:left;background-color:transparent;background-image:none;padding:15px 15px;font-family:fontAwesome}.main-header .sidebar-toggle:before{content:"\f0c9"}.main-header .sidebar-toggle:hover{color:#fff}.main-header .sidebar-toggle:focus,.main-header .sidebar-toggle:active{background:transparent}.main-header .sidebar-toggle .icon-bar{display:none}.main-header .navbar .nav>li.user>a>.fa,.main-header .navbar .nav>li.user>a>.glyphicon,.main-header .navbar .nav>li.user>a>.ion{margin-right:5px}.main-header .navbar .nav>li>a>.label{position:absolute;top:9px;right:7px;text-align:center;font-size:9px;padding:2px 3px;line-height:.9}.main-header .logo{-webkit-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out;display:block;float:left;height:50px;font-size:20px;line-height:50px;text-align:center;width:230px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:0 15px;font-weight:300;overflow:hidden}.main-header .logo .logo-lg{display:block}.main-header .logo .logo-mini{display:none}.main-header .navbar-brand{color:#fff}.content-header{position:relative;padding:15px 15px 0 15px}.content-header>h1{margin:0;font-size:24px}.content-header>h1>small{font-size:15px;display:inline-block;padding-left:4px;font-weight:300}.content-header>.breadcrumb{float:right;background:transparent;margin-top:0;margin-bottom:0;font-size:12px;padding:7px 5px;position:absolute;top:15px;right:10px;border-radius:2px}.content-header>.breadcrumb>li>a{color:#444;text-decoration:none;display:inline-block}.content-header>.breadcrumb>li>a>.fa,.content-header>.breadcrumb>li>a>.glyphicon,.content-header>.breadcrumb>li>a>.ion{margin-right:5px}.content-header>.breadcrumb>li+li:before{content:'>\00a0'}@media (max-width:991px){.content-header>.breadcrumb{position:relative;margin-top:5px;top:0;right:0;float:none;background:#d2d6de;padding-left:10px}.content-header>.breadcrumb li:before{color:#97a0b3}}.navbar-toggle{color:#fff;border:0;margin:0;padding:15px 15px}@media (max-width:991px){.navbar-custom-menu .navbar-nav>li{float:left}.navbar-custom-menu .navbar-nav{margin:0;float:left}.navbar-custom-menu .navbar-nav>li>a{padding-top:15px;padding-bottom:15px;line-height:20px}}@media (max-width:767px){.main-header{position:relative}.main-header .logo,.main-header .navbar{width:100%;float:none}.main-header .navbar{margin:0}.main-header .navbar-custom-menu{float:right}}@media (max-width:991px){.navbar-collapse.pull-left{float:none !important}.navbar-collapse.pull-left+.navbar-custom-menu{display:block;position:absolute;top:0;right:40px}}.main-sidebar,.left-side{position:absolute;top:0;left:0;padding-top:50px;min-height:100%;width:230px;z-index:810;-webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,width .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out}@media (max-width:767px){.main-sidebar,.left-side{padding-top:100px}}@media (max-width:767px){.main-sidebar,.left-side{-webkit-transform:translate(-230px, 0);-ms-transform:translate(-230px, 0);-o-transform:translate(-230px, 0);transform:translate(-230px, 0)}}@media (min-width:768px){.sidebar-collapse .main-sidebar,.sidebar-collapse .left-side{-webkit-transform:translate(-230px, 0);-ms-transform:translate(-230px, 0);-o-transform:translate(-230px, 0);transform:translate(-230px, 0)}}@media (max-width:767px){.sidebar-open .main-sidebar,.sidebar-open .left-side{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}}.sidebar{padding-bottom:10px}.sidebar-form input:focus{border-color:transparent}.user-panel{position:relative;width:100%;padding:10px;overflow:hidden}.user-panel:before,.user-panel:after{content:" ";display:table}.user-panel:after{clear:both}.user-panel>.image>img{width:100%;max-width:45px;height:auto}.user-panel>.info{padding:5px 5px 5px 15px;line-height:1;position:absolute;left:55px}.user-panel>.info>p{font-weight:600;margin-bottom:9px}.user-panel>.info>a{text-decoration:none;padding-right:5px;margin-top:3px;font-size:11px}.user-panel>.info>a>.fa,.user-panel>.info>a>.ion,.user-panel>.info>a>.glyphicon{margin-right:3px}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu>li{position:relative;margin:0;padding:0}.sidebar-menu>li>a{padding:12px 5px 12px 15px;display:block}.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion{width:20px}.sidebar-menu>li .label,.sidebar-menu>li .badge{margin-right:5px}.sidebar-menu>li .badge{margin-top:3px}.sidebar-menu li.header{padding:10px 25px 10px 15px;font-size:12px}.sidebar-menu li>a>.fa-angle-left,.sidebar-menu li>a>.pull-right-container>.fa-angle-left{width:auto;height:auto;padding:0;margin-right:10px}.sidebar-menu li>a>.fa-angle-left{position:absolute;top:50%;right:10px;margin-top:-8px}.sidebar-menu li.active>a>.fa-angle-left,.sidebar-menu li.active>a>.pull-right-container>.fa-angle-left{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.sidebar-menu li.active>.treeview-menu{display:block}.sidebar-menu .treeview-menu{display:none;list-style:none;padding:0;margin:0;padding-left:5px}.sidebar-menu .treeview-menu .treeview-menu{padding-left:20px}.sidebar-menu .treeview-menu>li{margin:0}.sidebar-menu .treeview-menu>li>a{padding:5px 5px 5px 15px;display:block;font-size:14px}.sidebar-menu .treeview-menu>li>a>.fa,.sidebar-menu .treeview-menu>li>a>.glyphicon,.sidebar-menu .treeview-menu>li>a>.ion{width:20px}.sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-left,.sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-down,.sidebar-menu .treeview-menu>li>a>.fa-angle-left,.sidebar-menu .treeview-menu>li>a>.fa-angle-down{width:auto}@media (min-width:768px){.sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .right-side,.sidebar-mini.sidebar-collapse .main-footer{margin-left:50px !important;z-index:840}.sidebar-mini.sidebar-collapse .main-sidebar{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);width:50px !important;z-index:850}.sidebar-mini.sidebar-collapse .sidebar-menu>li{position:relative}.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{margin-right:0}.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span{border-top-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span{border-bottom-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{padding-top:5px;padding-bottom:5px;border-bottom-right-radius:4px}.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{display:block !important;position:absolute;width:180px;left:50px}.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span{top:0;margin-left:-3px;padding:12px 5px 12px 20px;background-color:inherit}.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container{float:right;width:auto!important;left:200px!important;top:10px!important}.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type){display:none}.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{top:44px;margin-left:0}.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,.sidebar-mini.sidebar-collapse .sidebar-form,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,.sidebar-mini.sidebar-collapse .sidebar-menu li.header{display:none !important;-webkit-transform:translateZ(0)}.sidebar-mini.sidebar-collapse .main-header .logo{width:50px}.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini{display:block;margin-left:-15px;margin-right:-15px;font-size:18px}.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg{display:none}.sidebar-mini.sidebar-collapse .main-header .navbar{margin-left:50px}}.sidebar-menu,.main-sidebar .user-panel,.sidebar-menu>li.header{white-space:nowrap;overflow:hidden}.sidebar-menu:hover{overflow:visible}.sidebar-form,.sidebar-menu>li.header{overflow:hidden;text-overflow:clip}.sidebar-menu li>a{position:relative}.sidebar-menu li>a>.pull-right-container{position:absolute;right:10px;top:50%;margin-top:-7px}.control-sidebar-bg{position:fixed;z-index:1000;bottom:0}.control-sidebar-bg,.control-sidebar{top:0;right:-230px;width:230px;-webkit-transition:right .3s ease-in-out;-o-transition:right .3s ease-in-out;transition:right .3s ease-in-out}.control-sidebar{position:absolute;padding-top:50px;z-index:1010}@media (max-width:768px){.control-sidebar{padding-top:100px}}.control-sidebar>.tab-content{padding:10px 15px}.control-sidebar.control-sidebar-open,.control-sidebar.control-sidebar-open+.control-sidebar-bg{right:0}.control-sidebar-open .control-sidebar-bg,.control-sidebar-open .control-sidebar{right:0}@media (min-width:768px){.control-sidebar-open .content-wrapper,.control-sidebar-open .right-side,.control-sidebar-open .main-footer{margin-right:230px}}.nav-tabs.control-sidebar-tabs>li:first-of-type>a,.nav-tabs.control-sidebar-tabs>li:first-of-type>a:hover,.nav-tabs.control-sidebar-tabs>li:first-of-type>a:focus{border-left-width:0}.nav-tabs.control-sidebar-tabs>li>a{border-radius:0}.nav-tabs.control-sidebar-tabs>li>a,.nav-tabs.control-sidebar-tabs>li>a:hover{border-top:none;border-right:none;border-left:1px solid transparent;border-bottom:1px solid transparent}.nav-tabs.control-sidebar-tabs>li>a .icon{font-size:16px}.nav-tabs.control-sidebar-tabs>li.active>a,.nav-tabs.control-sidebar-tabs>li.active>a:hover,.nav-tabs.control-sidebar-tabs>li.active>a:focus,.nav-tabs.control-sidebar-tabs>li.active>a:active{border-top:none;border-right:none;border-bottom:none}@media (max-width:768px){.nav-tabs.control-sidebar-tabs{display:table}.nav-tabs.control-sidebar-tabs>li{display:table-cell}}.control-sidebar-heading{font-weight:400;font-size:16px;padding:10px 0;margin-bottom:10px}.control-sidebar-subheading{display:block;font-weight:400;font-size:14px}.control-sidebar-menu{list-style:none;padding:0;margin:0 -15px}.control-sidebar-menu>li>a{display:block;padding:10px 15px}.control-sidebar-menu>li>a:before,.control-sidebar-menu>li>a:after{content:" ";display:table}.control-sidebar-menu>li>a:after{clear:both}.control-sidebar-menu>li>a>.control-sidebar-subheading{margin-top:0}.control-sidebar-menu .menu-icon{float:left;width:35px;height:35px;border-radius:50%;text-align:center;line-height:35px}.control-sidebar-menu .menu-info{margin-left:45px;margin-top:3px}.control-sidebar-menu .menu-info>.control-sidebar-subheading{margin:0}.control-sidebar-menu .menu-info>p{margin:0;font-size:11px}.control-sidebar-menu .progress{margin:0}.control-sidebar-dark{color:#b8c7ce}.control-sidebar-dark,.control-sidebar-dark+.control-sidebar-bg{background:#222d32}.control-sidebar-dark .nav-tabs.control-sidebar-tabs{border-bottom:#1c2529}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a{background:#181f23;color:#b8c7ce}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus{border-left-color:#141a1d;border-bottom-color:#141a1d}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:active{background:#1c2529}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover{color:#fff}.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus,.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active{background:#222d32;color:#fff}.control-sidebar-dark .control-sidebar-heading,.control-sidebar-dark .control-sidebar-subheading{color:#fff}.control-sidebar-dark .control-sidebar-menu>li>a:hover{background:#1e282c}.control-sidebar-dark .control-sidebar-menu>li>a .menu-info>p{color:#b8c7ce}.control-sidebar-light{color:#5e5e5e}.control-sidebar-light,.control-sidebar-light+.control-sidebar-bg{background:#f9fafc;border-left:1px solid #d2d6de}.control-sidebar-light .nav-tabs.control-sidebar-tabs{border-bottom:#d2d6de}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a{background:#e8ecf4;color:#444}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus{border-left-color:#d2d6de;border-bottom-color:#d2d6de}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:active{background:#eff1f7}.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:hover,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:focus,.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:active{background:#f9fafc;color:#111}.control-sidebar-light .control-sidebar-heading,.control-sidebar-light .control-sidebar-subheading{color:#111}.control-sidebar-light .control-sidebar-menu{margin-left:-14px}.control-sidebar-light .control-sidebar-menu>li>a:hover{background:#f4f4f5}.control-sidebar-light .control-sidebar-menu>li>a .menu-info>p{color:#5e5e5e}.dropdown-menu{box-shadow:none;border-color:#eee}.dropdown-menu>li>a{color:#777}.dropdown-menu>li>a>.glyphicon,.dropdown-menu>li>a>.fa,.dropdown-menu>li>a>.ion{margin-right:10px}.dropdown-menu>li>a:hover{background-color:#e1e3e9;color:#333}.dropdown-menu>.divider{background-color:#eee}.navbar-nav>.notifications-menu>.dropdown-menu,.navbar-nav>.messages-menu>.dropdown-menu,.navbar-nav>.tasks-menu>.dropdown-menu{width:280px;padding:0 0 0 0;margin:0;top:100%}.navbar-nav>.notifications-menu>.dropdown-menu>li,.navbar-nav>.messages-menu>.dropdown-menu>li,.navbar-nav>.tasks-menu>.dropdown-menu>li{position:relative}.navbar-nav>.notifications-menu>.dropdown-menu>li.header,.navbar-nav>.messages-menu>.dropdown-menu>li.header,.navbar-nav>.tasks-menu>.dropdown-menu>li.header{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:#ffffff;padding:7px 10px;border-bottom:1px solid #f4f4f4;color:#444444;font-size:14px}.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px;font-size:12px;background-color:#fff;padding:7px 10px;border-bottom:1px solid #eeeeee;color:#444 !important;text-align:center}@media (max-width:991px){.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a{background:#fff !important;color:#444 !important}}.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover{text-decoration:none;font-weight:normal}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,.navbar-nav>.messages-menu>.dropdown-menu>li .menu,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu{max-height:200px;margin:0;padding:0;list-style:none;overflow-x:hidden}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{display:block;white-space:nowrap;border-bottom:1px solid #f4f4f4}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover{background:#f4f4f4;text-decoration:none}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a{color:#444444;overflow:hidden;text-overflow:ellipsis;padding:10px}.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion{width:20px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a{margin:0;padding:10px 10px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img{margin:auto 10px auto auto;width:40px;height:40px}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4{padding:0;margin:0 0 0 45px;color:#444444;font-size:15px;position:relative}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small{color:#999999;font-size:10px;position:absolute;top:0;right:0}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p{margin:0 0 0 45px;font-size:12px;color:#888888}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before,.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after{content:" ";display:table}.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after{clear:both}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a{padding:10px}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3{font-size:14px;padding:0;margin:0 0 10px 0;color:#666666}.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress{padding:0;margin:0}.navbar-nav>.user-menu>.dropdown-menu{border-top-right-radius:0;border-top-left-radius:0;padding:1px 0 0 0;border-top-width:0;width:280px}.navbar-nav>.user-menu>.dropdown-menu,.navbar-nav>.user-menu>.dropdown-menu>.user-body{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.navbar-nav>.user-menu>.dropdown-menu>li.user-header{height:175px;padding:10px;text-align:center}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img{z-index:5;height:90px;width:90px;border:3px solid;border-color:transparent;border-color:rgba(255,255,255,0.2)}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p{z-index:5;color:#fff;color:rgba(255,255,255,0.8);font-size:17px;margin-top:10px}.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small{display:block;font-size:12px}.navbar-nav>.user-menu>.dropdown-menu>.user-body{padding:15px;border-bottom:1px solid #f4f4f4;border-top:1px solid #dddddd}.navbar-nav>.user-menu>.dropdown-menu>.user-body:before,.navbar-nav>.user-menu>.dropdown-menu>.user-body:after{content:" ";display:table}.navbar-nav>.user-menu>.dropdown-menu>.user-body:after{clear:both}.navbar-nav>.user-menu>.dropdown-menu>.user-body a{color:#444 !important}@media (max-width:991px){.navbar-nav>.user-menu>.dropdown-menu>.user-body a{background:#fff !important;color:#444 !important}}.navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color:#f9f9f9;padding:10px}.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before,.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after{content:" ";display:table}.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after{clear:both}.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default{color:#666666}@media (max-width:991px){.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover{background-color:#f9f9f9}}.navbar-nav>.user-menu .user-image{float:left;width:25px;height:25px;border-radius:50%;margin-right:10px;margin-top:-2px}@media (max-width:767px){.navbar-nav>.user-menu .user-image{float:none;margin-right:0;margin-top:-8px;line-height:10px}}.open:not(.dropup)>.animated-dropdown-menu{backface-visibility:visible !important;-webkit-animation:flipInX .7s both;-o-animation:flipInX .7s both;animation:flipInX .7s both}@keyframes flipInX{0%{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transition-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transition-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}100%{transform:perspective(400px)}}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}100%{-webkit-transform:perspective(400px)}}.navbar-custom-menu>.navbar-nav>li{position:relative}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{position:absolute;right:0;left:auto}@media (max-width:991px){.navbar-custom-menu>.navbar-nav{float:right}.navbar-custom-menu>.navbar-nav>li{position:static}.navbar-custom-menu>.navbar-nav>li>.dropdown-menu{position:absolute;right:5%;left:auto;border:1px solid #ddd;background:#fff}}.form-control{border-radius:0;box-shadow:none;border-color:#d2d6de}.form-control:focus{border-color:#3c8dbc;box-shadow:none}.form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder{color:#bbb;opacity:1}.form-control:not(select){-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group.has-success label{color:#00a65a}.form-group.has-success .form-control,.form-group.has-success .input-group-addon{border-color:#00a65a;box-shadow:none}.form-group.has-success .help-block{color:#00a65a}.form-group.has-warning label{color:#f39c12}.form-group.has-warning .form-control,.form-group.has-warning .input-group-addon{border-color:#f39c12;box-shadow:none}.form-group.has-warning .help-block{color:#f39c12}.form-group.has-error label{color:#dd4b39}.form-group.has-error .form-control,.form-group.has-error .input-group-addon{border-color:#dd4b39;box-shadow:none}.form-group.has-error .help-block{color:#dd4b39}.input-group .input-group-addon{border-radius:0;border-color:#d2d6de;background-color:#fff}.btn-group-vertical .btn.btn-flat:first-of-type,.btn-group-vertical .btn.btn-flat:last-of-type{border-radius:0}.icheck>label{padding-left:0}.form-control-feedback.fa{line-height:34px}.input-lg+.form-control-feedback.fa,.input-group-lg+.form-control-feedback.fa,.form-group-lg .form-control+.form-control-feedback.fa{line-height:46px}.input-sm+.form-control-feedback.fa,.input-group-sm+.form-control-feedback.fa,.form-group-sm .form-control+.form-control-feedback.fa{line-height:30px}.progress,.progress>.progress-bar{-webkit-box-shadow:none;box-shadow:none}.progress,.progress>.progress-bar,.progress .progress-bar,.progress>.progress-bar .progress-bar{border-radius:1px}.progress.sm,.progress-sm{height:10px}.progress.sm,.progress-sm,.progress.sm .progress-bar,.progress-sm .progress-bar{border-radius:1px}.progress.xs,.progress-xs{height:7px}.progress.xs,.progress-xs,.progress.xs .progress-bar,.progress-xs .progress-bar{border-radius:1px}.progress.xxs,.progress-xxs{height:3px}.progress.xxs,.progress-xxs,.progress.xxs .progress-bar,.progress-xxs .progress-bar{border-radius:1px}.progress.vertical{position:relative;width:30px;height:200px;display:inline-block;margin-right:10px}.progress.vertical>.progress-bar{width:100%;position:absolute;bottom:0}.progress.vertical.sm,.progress.vertical.progress-sm{width:20px}.progress.vertical.xs,.progress.vertical.progress-xs{width:10px}.progress.vertical.xxs,.progress.vertical.progress-xxs{width:3px}.progress-group .progress-text{font-weight:600}.progress-group .progress-number{float:right}.table tr>td .progress{margin:0}.progress-bar-light-blue,.progress-bar-primary{background-color:#3c8dbc}.progress-striped .progress-bar-light-blue,.progress-striped .progress-bar-primary{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-green,.progress-bar-success{background-color:#00a65a}.progress-striped .progress-bar-green,.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-aqua,.progress-bar-info{background-color:#00c0ef}.progress-striped .progress-bar-aqua,.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-yellow,.progress-bar-warning{background-color:#f39c12}.progress-striped .progress-bar-yellow,.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-bar-red,.progress-bar-danger{background-color:#dd4b39}.progress-striped .progress-bar-red,.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.small-box{border-radius:2px;position:relative;display:block;margin-bottom:20px;box-shadow:0 1px 1px rgba(0,0,0,0.1)}.small-box>.inner{padding:10px}.small-box>.small-box-footer{position:relative;text-align:center;padding:3px 0;color:#fff;color:rgba(255,255,255,0.8);display:block;z-index:10;background:rgba(0,0,0,0.1);text-decoration:none}.small-box>.small-box-footer:hover{color:#fff;background:rgba(0,0,0,0.15)}.small-box h3{font-size:38px;font-weight:bold;margin:0 0 10px 0;white-space:nowrap;padding:0}.small-box p{font-size:15px}.small-box p>small{display:block;color:#f9f9f9;font-size:13px;margin-top:5px}.small-box h3,.small-box p{z-index:5}.small-box .icon{-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;position:absolute;top:-10px;right:10px;z-index:0;font-size:90px;color:rgba(0,0,0,0.15)}.small-box:hover{text-decoration:none;color:#f9f9f9}.small-box:hover .icon{font-size:95px}@media (max-width:767px){.small-box{text-align:center}.small-box .icon{display:none}.small-box p{font-size:12px}}.box{position:relative;border-radius:3px;background:#ffffff;border-top:3px solid #d2d6de;margin-bottom:20px;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1)}.box.box-primary{border-top-color:#3c8dbc}.box.box-info{border-top-color:#00c0ef}.box.box-danger{border-top-color:#dd4b39}.box.box-warning{border-top-color:#f39c12}.box.box-success{border-top-color:#00a65a}.box.box-default{border-top-color:#d2d6de}.box.collapsed-box .box-body,.box.collapsed-box .box-footer{display:none}.box .nav-stacked>li{border-bottom:1px solid #f4f4f4;margin:0}.box .nav-stacked>li:last-of-type{border-bottom:none}.box.height-control .box-body{max-height:300px;overflow:auto}.box .border-right{border-right:1px solid #f4f4f4}.box .border-left{border-left:1px solid #f4f4f4}.box.box-solid{border-top:0}.box.box-solid>.box-header .btn.btn-default{background:transparent}.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover{background:rgba(0,0,0,0.1)}.box.box-solid.box-default{border:1px solid #d2d6de}.box.box-solid.box-default>.box-header{color:#444;background:#d2d6de;background-color:#d2d6de}.box.box-solid.box-default>.box-header a,.box.box-solid.box-default>.box-header .btn{color:#444}.box.box-solid.box-primary{border:1px solid #3c8dbc}.box.box-solid.box-primary>.box-header{color:#fff;background:#3c8dbc;background-color:#3c8dbc}.box.box-solid.box-primary>.box-header a,.box.box-solid.box-primary>.box-header .btn{color:#fff}.box.box-solid.box-info{border:1px solid #00c0ef}.box.box-solid.box-info>.box-header{color:#fff;background:#00c0ef;background-color:#00c0ef}.box.box-solid.box-info>.box-header a,.box.box-solid.box-info>.box-header .btn{color:#fff}.box.box-solid.box-danger{border:1px solid #dd4b39}.box.box-solid.box-danger>.box-header{color:#fff;background:#dd4b39;background-color:#dd4b39}.box.box-solid.box-danger>.box-header a,.box.box-solid.box-danger>.box-header .btn{color:#fff}.box.box-solid.box-warning{border:1px solid #f39c12}.box.box-solid.box-warning>.box-header{color:#fff;background:#f39c12;background-color:#f39c12}.box.box-solid.box-warning>.box-header a,.box.box-solid.box-warning>.box-header .btn{color:#fff}.box.box-solid.box-success{border:1px solid #00a65a}.box.box-solid.box-success>.box-header{color:#fff;background:#00a65a;background-color:#00a65a}.box.box-solid.box-success>.box-header a,.box.box-solid.box-success>.box-header .btn{color:#fff}.box.box-solid>.box-header>.box-tools .btn{border:0;box-shadow:none}.box.box-solid[class*='bg']>.box-header{color:#fff}.box .box-group>.box{margin-bottom:5px}.box .knob-label{text-align:center;color:#333;font-weight:100;font-size:12px;margin-bottom:0.3em}.box>.overlay,.overlay-wrapper>.overlay,.box>.loading-img,.overlay-wrapper>.loading-img{position:absolute;top:0;left:0;width:100%;height:100%}.box .overlay,.overlay-wrapper .overlay{z-index:50;background:rgba(255,255,255,0.7);border-radius:3px}.box .overlay>.fa,.overlay-wrapper .overlay>.fa{position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;color:#000;font-size:30px}.box .overlay.dark,.overlay-wrapper .overlay.dark{background:rgba(0,0,0,0.5)}.box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after{content:" ";display:table}.box-header:after,.box-body:after,.box-footer:after{clear:both}.box-header{color:#444;display:block;padding:10px;position:relative}.box-header.with-border{border-bottom:1px solid #f4f4f4}.collapsed-box .box-header.with-border{border-bottom:none}.box-header>.fa,.box-header>.glyphicon,.box-header>.ion,.box-header .box-title{display:inline-block;font-size:18px;margin:0;line-height:1}.box-header>.fa,.box-header>.glyphicon,.box-header>.ion{margin-right:5px}.box-header>.box-tools{position:absolute;right:10px;top:5px}.box-header>.box-tools [data-toggle="tooltip"]{position:relative}.box-header>.box-tools.pull-right .dropdown-menu{right:0;left:auto}.btn-box-tool{padding:5px;font-size:12px;background:transparent;color:#97a0b3}.open .btn-box-tool,.btn-box-tool:hover{color:#606c84}.btn-box-tool.btn:active{box-shadow:none}.box-body{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding:10px}.no-header .box-body{border-top-right-radius:3px;border-top-left-radius:3px}.box-body>.table{margin-bottom:0}.box-body .fc{margin-top:5px}.box-body .full-width-chart{margin:-19px}.box-body.no-padding .full-width-chart{margin:-9px}.box-body .box-pane{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:3px}.box-body .box-pane-right{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:0}.box-footer{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;border-top:1px solid #f4f4f4;padding:10px;background-color:#fff}.chart-legend{margin:10px 0}@media (max-width:991px){.chart-legend>li{float:left;margin-right:10px}}.box-comments{background:#f7f7f7}.box-comments .box-comment{padding:8px 0;border-bottom:1px solid #eee}.box-comments .box-comment:before,.box-comments .box-comment:after{content:" ";display:table}.box-comments .box-comment:after{clear:both}.box-comments .box-comment:last-of-type{border-bottom:0}.box-comments .box-comment:first-of-type{padding-top:0}.box-comments .box-comment img{float:left}.box-comments .comment-text{margin-left:40px;color:#555}.box-comments .username{color:#444;display:block;font-weight:600}.box-comments .text-muted{font-weight:400;font-size:12px}.todo-list{margin:0;padding:0;list-style:none;overflow:auto}.todo-list>li{border-radius:2px;padding:10px;background:#f4f4f4;margin-bottom:2px;border-left:2px solid #e6e7e8;color:#444}.todo-list>li:last-of-type{margin-bottom:0}.todo-list>li>input[type='checkbox']{margin:0 10px 0 5px}.todo-list>li .text{display:inline-block;margin-left:5px;font-weight:600}.todo-list>li .label{margin-left:10px;font-size:9px}.todo-list>li .tools{display:none;float:right;color:#dd4b39}.todo-list>li .tools>.fa,.todo-list>li .tools>.glyphicon,.todo-list>li .tools>.ion{margin-right:5px;cursor:pointer}.todo-list>li:hover .tools{display:inline-block}.todo-list>li.done{color:#999}.todo-list>li.done .text{text-decoration:line-through;font-weight:500}.todo-list>li.done .label{background:#d2d6de !important}.todo-list .danger{border-left-color:#dd4b39}.todo-list .warning{border-left-color:#f39c12}.todo-list .info{border-left-color:#00c0ef}.todo-list .success{border-left-color:#00a65a}.todo-list .primary{border-left-color:#3c8dbc}.todo-list .handle{display:inline-block;cursor:move;margin:0 5px}.chat{padding:5px 20px 5px 10px}.chat .item{margin-bottom:10px}.chat .item:before,.chat .item:after{content:" ";display:table}.chat .item:after{clear:both}.chat .item>img{width:40px;height:40px;border:2px solid transparent;border-radius:50%}.chat .item>.online{border:2px solid #00a65a}.chat .item>.offline{border:2px solid #dd4b39}.chat .item>.message{margin-left:55px;margin-top:-40px}.chat .item>.message>.name{display:block;font-weight:600}.chat .item>.attachment{border-radius:3px;background:#f4f4f4;margin-left:65px;margin-right:15px;padding:10px}.chat .item>.attachment>h4{margin:0 0 5px 0;font-weight:600;font-size:14px}.chat .item>.attachment>p,.chat .item>.attachment>.filename{font-weight:600;font-size:13px;font-style:italic;margin:0}.chat .item>.attachment:before,.chat .item>.attachment:after{content:" ";display:table}.chat .item>.attachment:after{clear:both}.box-input{max-width:200px}.modal .panel-body{color:#444}.info-box{display:block;min-height:90px;background:#fff;width:100%;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:2px;margin-bottom:15px}.info-box small{font-size:14px}.info-box .progress{background:rgba(0,0,0,0.2);margin:5px -10px 5px -10px;height:2px}.info-box .progress,.info-box .progress .progress-bar{border-radius:0}.info-box .progress .progress-bar{background:#fff}.info-box-icon{border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px;display:block;float:left;height:90px;width:90px;text-align:center;font-size:45px;line-height:90px;background:rgba(0,0,0,0.2)}.info-box-icon>img{max-width:100%}.info-box-content{padding:5px 10px;margin-left:90px}.info-box-number{display:block;font-weight:bold;font-size:18px}.progress-description,.info-box-text{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-box-text{text-transform:uppercase}.info-box-more{display:block}.progress-description{margin:0}.timeline{position:relative;margin:0 0 30px 0;padding:0;list-style:none}.timeline:before{content:'';position:absolute;top:0;bottom:0;width:4px;background:#ddd;left:31px;margin:0;border-radius:2px}.timeline>li{position:relative;margin-right:10px;margin-bottom:15px}.timeline>li:before,.timeline>li:after{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li>.timeline-item{-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px;margin-top:0;background:#fff;color:#444;margin-left:60px;margin-right:15px;padding:0;position:relative}.timeline>li>.timeline-item>.time{color:#999;float:right;padding:10px;font-size:12px}.timeline>li>.timeline-item>.timeline-header{margin:0;color:#555;border-bottom:1px solid #f4f4f4;padding:10px;font-size:16px;line-height:1.1}.timeline>li>.timeline-item>.timeline-header>a{font-weight:600}.timeline>li>.timeline-item>.timeline-body,.timeline>li>.timeline-item>.timeline-footer{padding:10px}.timeline>li>.fa,.timeline>li>.glyphicon,.timeline>li>.ion{width:30px;height:30px;font-size:15px;line-height:30px;position:absolute;color:#666;background:#d2d6de;border-radius:50%;text-align:center;left:18px;top:0}.timeline>.time-label>span{font-weight:600;padding:5px;display:inline-block;background-color:#fff;border-radius:4px}.timeline-inverse>li>.timeline-item{background:#f0f0f0;border:1px solid #ddd;-webkit-box-shadow:none;box-shadow:none}.timeline-inverse>li>.timeline-item>.timeline-header{border-bottom-color:#ddd}.btn{border-radius:3px;-webkit-box-shadow:none;box-shadow:none;border:1px solid transparent}.btn.uppercase{text-transform:uppercase}.btn.btn-flat{border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-width:1px}.btn:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn:focus{outline:none}.btn.btn-file{position:relative;overflow:hidden}.btn.btn-file>input[type='file']{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;opacity:0;filter:alpha(opacity=0);outline:none;background:white;cursor:inherit;display:block}.btn-default{background-color:#f4f4f4;color:#444;border-color:#ddd}.btn-default:hover,.btn-default:active,.btn-default.hover{background-color:#e7e7e7}.btn-primary{background-color:#3c8dbc;border-color:#367fa9}.btn-primary:hover,.btn-primary:active,.btn-primary.hover{background-color:#367fa9}.btn-success{background-color:#00a65a;border-color:#008d4c}.btn-success:hover,.btn-success:active,.btn-success.hover{background-color:#008d4c}.btn-info{background-color:#00c0ef;border-color:#00acd6}.btn-info:hover,.btn-info:active,.btn-info.hover{background-color:#00acd6}.btn-danger{background-color:#dd4b39;border-color:#d73925}.btn-danger:hover,.btn-danger:active,.btn-danger.hover{background-color:#d73925}.btn-warning{background-color:#f39c12;border-color:#e08e0b}.btn-warning:hover,.btn-warning:active,.btn-warning.hover{background-color:#e08e0b}.btn-outline{border:1px solid #fff;background:transparent;color:#fff}.btn-outline:hover,.btn-outline:focus,.btn-outline:active{color:rgba(255,255,255,0.7);border-color:rgba(255,255,255,0.7)}.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn[class*='bg-']:hover{-webkit-box-shadow:inset 0 0 100px rgba(0,0,0,0.2);box-shadow:inset 0 0 100px rgba(0,0,0,0.2)}.btn-app{border-radius:3px;position:relative;padding:15px 5px;margin:0 0 10px 10px;min-width:80px;height:60px;text-align:center;color:#666;border:1px solid #ddd;background-color:#f4f4f4;font-size:12px}.btn-app>.fa,.btn-app>.glyphicon,.btn-app>.ion{font-size:20px;display:block}.btn-app:hover{background:#f4f4f4;color:#444;border-color:#aaa}.btn-app:active,.btn-app:focus{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);-moz-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-app>.badge{position:absolute;top:-3px;right:-10px;font-size:10px;font-weight:400}.callout{border-radius:3px;margin:0 0 20px 0;padding:15px 30px 15px 15px;border-left:5px solid #eee}.callout a{color:#fff;text-decoration:underline}.callout a:hover{color:#eee}.callout h4{margin-top:0;font-weight:600}.callout p:last-child{margin-bottom:0}.callout code,.callout .highlight{background-color:#fff}.callout.callout-danger{border-color:#c23321}.callout.callout-warning{border-color:#c87f0a}.callout.callout-info{border-color:#0097bc}.callout.callout-success{border-color:#00733e}.alert{border-radius:3px}.alert h4{font-weight:600}.alert .icon{margin-right:10px}.alert .close{color:#000;opacity:.2;filter:alpha(opacity=20)}.alert .close:hover{opacity:.5;filter:alpha(opacity=50)}.alert a{color:#fff;text-decoration:underline}.alert-success{border-color:#008d4c}.alert-danger,.alert-error{border-color:#d73925}.alert-warning{border-color:#e08e0b}.alert-info{border-color:#00acd6}.nav>li>a:hover,.nav>li>a:active,.nav>li>a:focus{color:#444;background:#f7f7f7}.nav-pills>li>a{border-radius:0;border-top:3px solid transparent;color:#444}.nav-pills>li>a>.fa,.nav-pills>li>a>.glyphicon,.nav-pills>li>a>.ion{margin-right:5px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{border-top-color:#3c8dbc}.nav-pills>li.active>a{font-weight:600}.nav-stacked>li>a{border-radius:0;border-top:0;border-left:3px solid transparent;color:#444}.nav-stacked>li.active>a,.nav-stacked>li.active>a:hover{background:transparent;color:#444;border-top:0;border-left-color:#3c8dbc}.nav-stacked>li.header{border-bottom:1px solid #ddd;color:#777;margin-bottom:10px;padding:5px 10px;text-transform:uppercase}.nav-tabs-custom{margin-bottom:20px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px}.nav-tabs-custom>.nav-tabs{margin:0;border-bottom-color:#f4f4f4;border-top-right-radius:3px;border-top-left-radius:3px}.nav-tabs-custom>.nav-tabs>li{border-top:3px solid transparent;margin-bottom:-2px;margin-right:5px}.nav-tabs-custom>.nav-tabs>li>a{color:#444;border-radius:0}.nav-tabs-custom>.nav-tabs>li>a.text-muted{color:#999}.nav-tabs-custom>.nav-tabs>li>a,.nav-tabs-custom>.nav-tabs>li>a:hover{background:transparent;margin:0}.nav-tabs-custom>.nav-tabs>li>a:hover{color:#999}.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active{border-color:transparent}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:#3c8dbc}.nav-tabs-custom>.nav-tabs>li.active>a,.nav-tabs-custom>.nav-tabs>li.active:hover>a{background-color:#fff;color:#444}.nav-tabs-custom>.nav-tabs>li.active>a{border-top-color:transparent;border-left-color:#f4f4f4;border-right-color:#f4f4f4}.nav-tabs-custom>.nav-tabs>li:first-of-type{margin-left:0}.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a{border-left-color:transparent}.nav-tabs-custom>.nav-tabs.pull-right{float:none !important}.nav-tabs-custom>.nav-tabs.pull-right>li{float:right}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type{margin-right:0}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a{border-left-width:1px}.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a{border-left-color:#f4f4f4;border-right-color:transparent}.nav-tabs-custom>.nav-tabs>li.header{line-height:35px;padding:0 10px;font-size:20px;color:#444}.nav-tabs-custom>.nav-tabs>li.header>.fa,.nav-tabs-custom>.nav-tabs>li.header>.glyphicon,.nav-tabs-custom>.nav-tabs>li.header>.ion{margin-right:5px}.nav-tabs-custom>.tab-content{background:#fff;padding:10px;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.nav-tabs-custom .dropdown.open>a:active,.nav-tabs-custom .dropdown.open>a:focus{background:transparent;color:#999}.nav-tabs-custom.tab-primary>.nav-tabs>li.active{border-top-color:#3c8dbc}.nav-tabs-custom.tab-info>.nav-tabs>li.active{border-top-color:#00c0ef}.nav-tabs-custom.tab-danger>.nav-tabs>li.active{border-top-color:#dd4b39}.nav-tabs-custom.tab-warning>.nav-tabs>li.active{border-top-color:#f39c12}.nav-tabs-custom.tab-success>.nav-tabs>li.active{border-top-color:#00a65a}.nav-tabs-custom.tab-default>.nav-tabs>li.active{border-top-color:#d2d6de}.pagination>li>a{background:#fafafa;color:#666}.pagination.pagination-flat>li>a{border-radius:0 !important}.products-list{list-style:none;margin:0;padding:0}.products-list>.item{border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1);box-shadow:0 1px 1px rgba(0,0,0,0.1);padding:10px 0;background:#fff}.products-list>.item:before,.products-list>.item:after{content:" ";display:table}.products-list>.item:after{clear:both}.products-list .product-img{float:left}.products-list .product-img img{width:50px;height:50px}.products-list .product-info{margin-left:60px}.products-list .product-title{font-weight:600}.products-list .product-description{display:block;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.product-list-in-box>.item{-webkit-box-shadow:none;box-shadow:none;border-radius:0;border-bottom:1px solid #f4f4f4}.product-list-in-box>.item:last-of-type{border-bottom-width:0}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{border-top:1px solid #f4f4f4}.table>thead>tr>th{border-bottom:2px solid #f4f4f4}.table tr td .progress{margin-top:5px}.table-bordered{border:1px solid #f4f4f4}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #f4f4f4}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table.no-border,.table.no-border td,.table.no-border th{border:0}table.text-center,table.text-center td,table.text-center th{text-align:center}.table.align th{text-align:left}.table.align td{text-align:right}.label-default{background-color:#d2d6de;color:#444}.direct-chat .box-body{border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;overflow-x:hidden;padding:0}.direct-chat.chat-pane-open .direct-chat-contacts{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.direct-chat-messages{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0);padding:10px;height:250px;overflow:auto}.direct-chat-msg,.direct-chat-text{display:block}.direct-chat-msg{margin-bottom:10px}.direct-chat-msg:before,.direct-chat-msg:after{content:" ";display:table}.direct-chat-msg:after{clear:both}.direct-chat-messages,.direct-chat-contacts{-webkit-transition:-webkit-transform .5s ease-in-out;-moz-transition:-moz-transform .5s ease-in-out;-o-transition:-o-transform .5s ease-in-out;transition:transform .5s ease-in-out}.direct-chat-text{border-radius:5px;position:relative;padding:5px 10px;background:#d2d6de;border:1px solid #d2d6de;margin:5px 0 0 50px;color:#444}.direct-chat-text:after,.direct-chat-text:before{position:absolute;right:100%;top:15px;border:solid transparent;border-right-color:#d2d6de;content:' ';height:0;width:0;pointer-events:none}.direct-chat-text:after{border-width:5px;margin-top:-5px}.direct-chat-text:before{border-width:6px;margin-top:-6px}.right .direct-chat-text{margin-right:50px;margin-left:0}.right .direct-chat-text:after,.right .direct-chat-text:before{right:auto;left:100%;border-right-color:transparent;border-left-color:#d2d6de}.direct-chat-img{border-radius:50%;float:left;width:40px;height:40px}.right .direct-chat-img{float:right}.direct-chat-info{display:block;margin-bottom:2px;font-size:12px}.direct-chat-name{font-weight:600}.direct-chat-timestamp{color:#999}.direct-chat-contacts-open .direct-chat-contacts{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);-o-transform:translate(0, 0);transform:translate(0, 0)}.direct-chat-contacts{-webkit-transform:translate(101%, 0);-ms-transform:translate(101%, 0);-o-transform:translate(101%, 0);transform:translate(101%, 0);position:absolute;top:0;bottom:0;height:250px;width:100%;background:#222d32;color:#fff;overflow:auto}.contacts-list>li{border-bottom:1px solid rgba(0,0,0,0.2);padding:10px;margin:0}.contacts-list>li:before,.contacts-list>li:after{content:" ";display:table}.contacts-list>li:after{clear:both}.contacts-list>li:last-of-type{border-bottom:none}.contacts-list-img{border-radius:50%;width:40px;float:left}.contacts-list-info{margin-left:45px;color:#fff}.contacts-list-name,.contacts-list-status{display:block}.contacts-list-name{font-weight:600}.contacts-list-status{font-size:12px}.contacts-list-date{color:#aaa;font-weight:normal}.contacts-list-msg{color:#999}.direct-chat-danger .right>.direct-chat-text{background:#dd4b39;border-color:#dd4b39;color:#fff}.direct-chat-danger .right>.direct-chat-text:after,.direct-chat-danger .right>.direct-chat-text:before{border-left-color:#dd4b39}.direct-chat-primary .right>.direct-chat-text{background:#3c8dbc;border-color:#3c8dbc;color:#fff}.direct-chat-primary .right>.direct-chat-text:after,.direct-chat-primary .right>.direct-chat-text:before{border-left-color:#3c8dbc}.direct-chat-warning .right>.direct-chat-text{background:#f39c12;border-color:#f39c12;color:#fff}.direct-chat-warning .right>.direct-chat-text:after,.direct-chat-warning .right>.direct-chat-text:before{border-left-color:#f39c12}.direct-chat-info .right>.direct-chat-text{background:#00c0ef;border-color:#00c0ef;color:#fff}.direct-chat-info .right>.direct-chat-text:after,.direct-chat-info .right>.direct-chat-text:before{border-left-color:#00c0ef}.direct-chat-success .right>.direct-chat-text{background:#00a65a;border-color:#00a65a;color:#fff}.direct-chat-success .right>.direct-chat-text:after,.direct-chat-success .right>.direct-chat-text:before{border-left-color:#00a65a}.users-list>li{width:25%;float:left;padding:10px;text-align:center}.users-list>li img{border-radius:50%;max-width:100%;height:auto}.users-list>li>a:hover,.users-list>li>a:hover .users-list-name{color:#999}.users-list-name,.users-list-date{display:block}.users-list-name{font-weight:600;color:#444;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.users-list-date{color:#999;font-size:12px}.carousel-control.left,.carousel-control.right{background-image:none}.carousel-control>.fa{font-size:40px;position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-20px}.modal{background:rgba(0,0,0,0.3)}.modal-content{border-radius:0;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125);box-shadow:0 2px 3px rgba(0,0,0,0.125);border:0}@media (min-width:768px){.modal-content{-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.125);box-shadow:0 2px 3px rgba(0,0,0,0.125)}}.modal-header{border-bottom-color:#f4f4f4}.modal-footer{border-top-color:#f4f4f4}.modal-primary .modal-header,.modal-primary .modal-footer{border-color:#307095}.modal-warning .modal-header,.modal-warning .modal-footer{border-color:#c87f0a}.modal-info .modal-header,.modal-info .modal-footer{border-color:#0097bc}.modal-success .modal-header,.modal-success .modal-footer{border-color:#00733e}.modal-danger .modal-header,.modal-danger .modal-footer{border-color:#c23321}.box-widget{border:none;position:relative}.widget-user .widget-user-header{padding:20px;height:120px;border-top-right-radius:3px;border-top-left-radius:3px}.widget-user .widget-user-username{margin-top:0;margin-bottom:5px;font-size:25px;font-weight:300;text-shadow:0 1px 1px rgba(0,0,0,0.2)}.widget-user .widget-user-desc{margin-top:0}.widget-user .widget-user-image{position:absolute;top:65px;left:50%;margin-left:-45px}.widget-user .widget-user-image>img{width:90px;height:auto;border:3px solid #fff}.widget-user .box-footer{padding-top:30px}.widget-user-2 .widget-user-header{padding:20px;border-top-right-radius:3px;border-top-left-radius:3px}.widget-user-2 .widget-user-username{margin-top:5px;margin-bottom:5px;font-size:25px;font-weight:300}.widget-user-2 .widget-user-desc{margin-top:0}.widget-user-2 .widget-user-username,.widget-user-2 .widget-user-desc{margin-left:75px}.widget-user-2 .widget-user-image>img{width:65px;height:auto;float:left}.mailbox-messages>.table{margin:0}.mailbox-controls{padding:5px}.mailbox-controls.with-border{border-bottom:1px solid #f4f4f4}.mailbox-read-info{border-bottom:1px solid #f4f4f4;padding:10px}.mailbox-read-info h3{font-size:20px;margin:0}.mailbox-read-info h5{margin:0;padding:5px 0 0 0}.mailbox-read-time{color:#999;font-size:13px}.mailbox-read-message{padding:10px}.mailbox-attachments li{float:left;width:200px;border:1px solid #eee;margin-bottom:10px;margin-right:10px}.mailbox-attachment-name{font-weight:bold;color:#666}.mailbox-attachment-icon,.mailbox-attachment-info,.mailbox-attachment-size{display:block}.mailbox-attachment-info{padding:10px;background:#f4f4f4}.mailbox-attachment-size{color:#999;font-size:12px}.mailbox-attachment-icon{text-align:center;font-size:65px;color:#666;padding:20px 10px}.mailbox-attachment-icon.has-img{padding:0}.mailbox-attachment-icon.has-img>img{max-width:100%;height:auto}.lockscreen{background:#d2d6de}.lockscreen-logo{font-size:35px;text-align:center;margin-bottom:25px;font-weight:300}.lockscreen-logo a{color:#444}.lockscreen-wrapper{max-width:400px;margin:0 auto;margin-top:10%}.lockscreen .lockscreen-name{text-align:center;font-weight:600}.lockscreen-item{border-radius:4px;padding:0;background:#fff;position:relative;margin:10px auto 30px auto;width:290px}.lockscreen-image{border-radius:50%;position:absolute;left:-10px;top:-25px;background:#fff;padding:5px;z-index:10}.lockscreen-image>img{border-radius:50%;width:70px;height:70px}.lockscreen-credentials{margin-left:70px}.lockscreen-credentials .form-control{border:0}.lockscreen-credentials .btn{background-color:#fff;border:0;padding:0 10px}.lockscreen-footer{margin-top:10px}.login-logo,.register-logo{font-size:35px;text-align:center;margin-bottom:25px;font-weight:300}.login-logo a,.register-logo a{color:#444}.login-page,.register-page{background:#d2d6de}.login-box,.register-box{width:360px;margin:7% auto}@media (max-width:768px){.login-box,.register-box{width:90%;margin-top:20px}}.login-box-body,.register-box-body{background:#fff;padding:20px;border-top:0;color:#666}.login-box-body .form-control-feedback,.register-box-body .form-control-feedback{color:#777}.login-box-msg,.register-box-msg{margin:0;text-align:center;padding:0 20px 20px 20px}.social-auth-links{margin:10px 0}.error-page{width:600px;margin:20px auto 0 auto}@media (max-width:991px){.error-page{width:100%}}.error-page>.headline{float:left;font-size:100px;font-weight:300}@media (max-width:991px){.error-page>.headline{float:none;text-align:center}}.error-page>.error-content{margin-left:190px;display:block}@media (max-width:991px){.error-page>.error-content{margin-left:0}}.error-page>.error-content>h3{font-weight:300;font-size:25px}@media (max-width:991px){.error-page>.error-content>h3{text-align:center}}.invoice{position:relative;background:#fff;border:1px solid #f4f4f4;padding:20px;margin:10px 25px}.invoice-title{margin-top:0}.profile-user-img{margin:0 auto;width:100px;padding:3px;border:3px solid #d2d6de}.profile-username{font-size:21px;margin-top:5px}.post{border-bottom:1px solid #d2d6de;margin-bottom:15px;padding-bottom:15px;color:#666}.post:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}.post .user-block{margin-bottom:15px}.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}.btn-social-icon>:first-child{border:none;text-align:center;width:100%}.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}.btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:focus,.btn-adn.focus{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}.btn-adn:hover{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}.btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none}.btn-adn .badge{color:#d87a68;background-color:#fff}.btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:focus,.btn-bitbucket.focus{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{background-image:none}.btn-bitbucket .badge{color:#205081;background-color:#fff}.btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:focus,.btn-dropbox.focus{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}.btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{background-image:none}.btn-dropbox .badge{color:#1087dd;background-color:#fff}.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}.btn-facebook .badge{color:#3b5998;background-color:#fff}.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:focus,.btn-flickr.focus{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}.btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{background-image:none}.btn-flickr .badge{color:#ff0084;background-color:#fff}.btn-foursquare{color:#fff;background-color:#f94877;border-color:rgba(0,0,0,0.2)}.btn-foursquare:focus,.btn-foursquare.focus{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}.btn-foursquare:hover{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}.btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{background-image:none}.btn-foursquare .badge{color:#f94877;background-color:#fff}.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:focus,.btn-github.focus{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}.btn-github:hover{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}.btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{background-image:none}.btn-github .badge{color:#444;background-color:#fff}.btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}.btn-google .badge{color:#dd4b39;background-color:#fff}.btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:focus,.btn-instagram.focus{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}.btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none}.btn-instagram .badge{color:#3f729b;background-color:#fff}.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:focus,.btn-linkedin.focus{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}.btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{background-image:none}.btn-linkedin .badge{color:#007bb6;background-color:#fff}.btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:focus,.btn-microsoft.focus{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}.btn-microsoft:hover{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}.btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{background-image:none}.btn-microsoft .badge{color:#2672ec;background-color:#fff}.btn-openid{color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}.btn-openid:focus,.btn-openid.focus{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}.btn-openid:hover{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}.btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{background-image:none}.btn-openid .badge{color:#f7931e;background-color:#fff}.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:focus,.btn-pinterest.focus{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}.btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none}.btn-pinterest .badge{color:#cb2027;background-color:#fff}.btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}.btn-reddit:focus,.btn-reddit.focus{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}.btn-reddit:hover{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}.btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{background-image:none}.btn-reddit .badge{color:#eff7ff;background-color:#000}.btn-soundcloud{color:#fff;background-color:#f50;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:focus,.btn-soundcloud.focus{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:hover{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{background-image:none}.btn-soundcloud .badge{color:#f50;background-color:#fff}.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:focus,.btn-tumblr.focus{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}.btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{background-image:none}.btn-tumblr .badge{color:#2c4762;background-color:#fff}.btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:focus,.btn-twitter.focus{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}.btn-twitter .badge{color:#55acee;background-color:#fff}.btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}.btn-vimeo:focus,.btn-vimeo.focus{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}.btn-vimeo:hover{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}.btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{background-image:none}.btn-vimeo .badge{color:#1ab7ea;background-color:#fff}.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:focus,.btn-vk.focus{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}.btn-vk:hover{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}.btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{background-image:none}.btn-vk .badge{color:#587ea3;background-color:#fff}.btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:focus,.btn-yahoo.focus{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}.btn-yahoo:hover{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}.btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{background-image:none}.btn-yahoo .badge{color:#720e9e;background-color:#fff}.fc-button{background:#f4f4f4;background-image:none;color:#444;border-color:#ddd;border-bottom-color:#ddd}.fc-button:hover,.fc-button:active,.fc-button.hover{background-color:#e9e9e9}.fc-header-title h2{font-size:15px;line-height:1.6em;color:#666;margin-left:10px}.fc-header-right{padding-right:10px}.fc-header-left{padding-left:10px}.fc-widget-header{background:#fafafa}.fc-grid{width:100%;border:0}.fc-widget-header:first-of-type,.fc-widget-content:first-of-type{border-left:0;border-right:0}.fc-widget-header:last-of-type,.fc-widget-content:last-of-type{border-right:0}.fc-toolbar{padding:10px;margin:0}.fc-day-number{font-size:20px;font-weight:300;padding-right:10px}.fc-color-picker{list-style:none;margin:0;padding:0}.fc-color-picker>li{float:left;font-size:30px;margin-right:5px;line-height:30px}.fc-color-picker>li .fa{-webkit-transition:-webkit-transform linear .3s;-moz-transition:-moz-transform linear .3s;-o-transition:-o-transform linear .3s;transition:transform linear .3s}.fc-color-picker>li .fa:hover{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}#add-new-event{-webkit-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.external-event{padding:5px 10px;font-weight:bold;margin-bottom:4px;box-shadow:0 1px 1px rgba(0,0,0,0.1);text-shadow:0 1px 1px rgba(0,0,0,0.1);border-radius:3px;cursor:move}.external-event:hover{box-shadow:inset 0 0 90px rgba(0,0,0,0.2)}.select2-container--default.select2-container--focus,.select2-selection.select2-container--focus,.select2-container--default:focus,.select2-selection:focus,.select2-container--default:active,.select2-selection:active{outline:none}.select2-container--default .select2-selection--single,.select2-selection .select2-selection--single{border:1px solid #d2d6de;border-radius:0;padding:6px 12px;height:34px}.select2-container--default.select2-container--open{border-color:#3c8dbc}.select2-dropdown{border:1px solid #d2d6de;border-radius:0}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#3c8dbc;color:white}.select2-results__option{padding:6px 12px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{padding-left:0;padding-right:0;height:auto;margin-top:-4px}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:6px;padding-left:20px}.select2-container--default .select2-selection--single .select2-selection__arrow{height:28px;right:3px}.select2-container--default .select2-selection--single .select2-selection__arrow b{margin-top:0}.select2-dropdown .select2-search__field,.select2-search--inline .select2-search__field{border:1px solid #d2d6de}.select2-dropdown .select2-search__field:focus,.select2-search--inline .select2-search__field:focus{outline:none;border:1px solid #3c8dbc}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true]:hover{color:#444}.select2-container--default .select2-selection--multiple{border:1px solid #d2d6de;border-radius:0}.select2-container--default .select2-selection--multiple:focus{border-color:#3c8dbc}.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#d2d6de}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#3c8dbc;border-color:#367fa9;padding:1px 10px;color:#fff}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-right:5px;color:rgba(255,255,255,0.7)}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#fff}.select2-container .select2-selection--single .select2-selection__rendered{padding-right:10px}.pad{padding:10px}.margin{margin:10px}.margin-bottom{margin-bottom:20px}.margin-bottom-none{margin-bottom:0}.margin-r-5{margin-right:5px}.inline{display:inline}.description-block{display:block;margin:10px 0;text-align:center}.description-block.margin-bottom{margin-bottom:25px}.description-block>.description-header{margin:0;padding:0;font-weight:600;font-size:16px}.description-block>.description-text{text-transform:uppercase}.bg-red,.bg-yellow,.bg-aqua,.bg-blue,.bg-light-blue,.bg-green,.bg-navy,.bg-teal,.bg-olive,.bg-lime,.bg-orange,.bg-fuchsia,.bg-purple,.bg-maroon,.bg-black,.bg-red-active,.bg-yellow-active,.bg-aqua-active,.bg-blue-active,.bg-light-blue-active,.bg-green-active,.bg-navy-active,.bg-teal-active,.bg-olive-active,.bg-lime-active,.bg-orange-active,.bg-fuchsia-active,.bg-purple-active,.bg-maroon-active,.bg-black-active,.callout.callout-danger,.callout.callout-warning,.callout.callout-info,.callout.callout-success,.alert-success,.alert-danger,.alert-error,.alert-warning,.alert-info,.label-danger,.label-info,.label-warning,.label-primary,.label-success,.modal-primary .modal-body,.modal-primary .modal-header,.modal-primary .modal-footer,.modal-warning .modal-body,.modal-warning .modal-header,.modal-warning .modal-footer,.modal-info .modal-body,.modal-info .modal-header,.modal-info .modal-footer,.modal-success .modal-body,.modal-success .modal-header,.modal-success .modal-footer,.modal-danger .modal-body,.modal-danger .modal-header,.modal-danger .modal-footer{color:#fff !important}.bg-gray{color:#000;background-color:#d2d6de !important}.bg-gray-light{background-color:#f7f7f7}.bg-black{background-color:#111 !important}.bg-red,.callout.callout-danger,.alert-danger,.alert-error,.label-danger,.modal-danger .modal-body{background-color:#dd4b39 !important}.bg-yellow,.callout.callout-warning,.alert-warning,.label-warning,.modal-warning .modal-body{background-color:#f39c12 !important}.bg-aqua,.callout.callout-info,.alert-info,.label-info,.modal-info .modal-body{background-color:#00c0ef !important}.bg-blue{background-color:#0073b7 !important}.bg-light-blue,.label-primary,.modal-primary .modal-body{background-color:#3c8dbc !important}.bg-green,.callout.callout-success,.alert-success,.label-success,.modal-success .modal-body{background-color:#00a65a !important}.bg-navy{background-color:#001f3f !important}.bg-teal{background-color:#39cccc !important}.bg-olive{background-color:#3d9970 !important}.bg-lime{background-color:#01ff70 !important}.bg-orange{background-color:#ff851b !important}.bg-fuchsia{background-color:#f012be !important}.bg-purple{background-color:#605ca8 !important}.bg-maroon{background-color:#d81b60 !important}.bg-gray-active{color:#000;background-color:#b5bbc8 !important}.bg-black-active{background-color:#000 !important}.bg-red-active,.modal-danger .modal-header,.modal-danger .modal-footer{background-color:#d33724 !important}.bg-yellow-active,.modal-warning .modal-header,.modal-warning .modal-footer{background-color:#db8b0b !important}.bg-aqua-active,.modal-info .modal-header,.modal-info .modal-footer{background-color:#00a7d0 !important}.bg-blue-active{background-color:#005384 !important}.bg-light-blue-active,.modal-primary .modal-header,.modal-primary .modal-footer{background-color:#357ca5 !important}.bg-green-active,.modal-success .modal-header,.modal-success .modal-footer{background-color:#008d4c !important}.bg-navy-active{background-color:#001a35 !important}.bg-teal-active{background-color:#30bbbb !important}.bg-olive-active{background-color:#368763 !important}.bg-lime-active{background-color:#00e765 !important}.bg-orange-active{background-color:#ff7701 !important}.bg-fuchsia-active{background-color:#db0ead !important}.bg-purple-active{background-color:#555299 !important}.bg-maroon-active{background-color:#ca195a !important}[class^="bg-"].disabled{opacity:.65;filter:alpha(opacity=65)}.text-red{color:#dd4b39 !important}.text-yellow{color:#f39c12 !important}.text-aqua{color:#00c0ef !important}.text-blue{color:#0073b7 !important}.text-black{color:#111 !important}.text-light-blue{color:#3c8dbc !important}.text-green{color:#00a65a !important}.text-gray{color:#d2d6de !important}.text-navy{color:#001f3f !important}.text-teal{color:#39cccc !important}.text-olive{color:#3d9970 !important}.text-lime{color:#01ff70 !important}.text-orange{color:#ff851b !important}.text-fuchsia{color:#f012be !important}.text-purple{color:#605ca8 !important}.text-maroon{color:#d81b60 !important}.link-muted{color:#7a869d}.link-muted:hover,.link-muted:focus{color:#606c84}.link-black{color:#666}.link-black:hover,.link-black:focus{color:#999}.hide{display:none !important}.no-border{border:0 !important}.no-padding{padding:0 !important}.no-margin{margin:0 !important}.no-shadow{box-shadow:none !important}.list-unstyled,.chart-legend,.contacts-list,.users-list,.mailbox-attachments{list-style:none;margin:0;padding:0}.list-group-unbordered>.list-group-item{border-left:0;border-right:0;border-radius:0;padding-left:0;padding-right:0}.flat{border-radius:0 !important}.text-bold,.text-bold.table td,.text-bold.table th{font-weight:700}.text-sm{font-size:12px}.jqstooltip{padding:5px !important;width:auto !important;height:auto !important}.bg-teal-gradient{background:#39cccc !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;background:-ms-linear-gradient(bottom, #39cccc, #7adddd) !important;background:-moz-linear-gradient(center bottom, #39cccc 0, #7adddd 100%) !important;background:-o-linear-gradient(#7adddd, #39cccc) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;color:#fff}.bg-light-blue-gradient{background:#3c8dbc !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;background:-ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;background:-moz-linear-gradient(center bottom, #3c8dbc 0, #67a8ce 100%) !important;background:-o-linear-gradient(#67a8ce, #3c8dbc) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;color:#fff}.bg-blue-gradient{background:#0073b7 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;background:-ms-linear-gradient(bottom, #0073b7, #0089db) !important;background:-moz-linear-gradient(center bottom, #0073b7 0, #0089db 100%) !important;background:-o-linear-gradient(#0089db, #0073b7) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;color:#fff}.bg-aqua-gradient{background:#00c0ef !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;background:-ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;background:-moz-linear-gradient(center bottom, #00c0ef 0, #14d1ff 100%) !important;background:-o-linear-gradient(#14d1ff, #00c0ef) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;color:#fff}.bg-yellow-gradient{background:#f39c12 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;background:-ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;background:-moz-linear-gradient(center bottom, #f39c12 0, #f7bc60 100%) !important;background:-o-linear-gradient(#f7bc60, #f39c12) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;color:#fff}.bg-purple-gradient{background:#605ca8 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;background:-ms-linear-gradient(bottom, #605ca8, #9491c4) !important;background:-moz-linear-gradient(center bottom, #605ca8 0, #9491c4 100%) !important;background:-o-linear-gradient(#9491c4, #605ca8) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;color:#fff}.bg-green-gradient{background:#00a65a !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;background:-ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;background:-moz-linear-gradient(center bottom, #00a65a 0, #00ca6d 100%) !important;background:-o-linear-gradient(#00ca6d, #00a65a) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;color:#fff}.bg-red-gradient{background:#dd4b39 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;background:-ms-linear-gradient(bottom, #dd4b39, #e47365) !important;background:-moz-linear-gradient(center bottom, #dd4b39 0, #e47365 100%) !important;background:-o-linear-gradient(#e47365, #dd4b39) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;color:#fff}.bg-black-gradient{background:#111 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)) !important;background:-ms-linear-gradient(bottom, #111, #2b2b2b) !important;background:-moz-linear-gradient(center bottom, #111 0, #2b2b2b 100%) !important;background:-o-linear-gradient(#2b2b2b, #111) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;color:#fff}.bg-maroon-gradient{background:#d81b60 !important;background:-webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;background:-ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;background:-moz-linear-gradient(center bottom, #d81b60 0, #e73f7c 100%) !important;background:-o-linear-gradient(#e73f7c, #d81b60) !important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;color:#fff}.description-block .description-icon{font-size:16px}.no-pad-top{padding-top:0}.position-static{position:static !important}.list-header{font-size:15px;padding:10px 4px;font-weight:bold;color:#666}.list-seperator{height:1px;background:#f4f4f4;margin:15px 0 9px 0}.list-link>a{padding:4px;color:#777}.list-link>a:hover{color:#222}.font-light{font-weight:300}.user-block:before,.user-block:after{content:" ";display:table}.user-block:after{clear:both}.user-block img{width:40px;height:40px;float:left}.user-block .username,.user-block .description,.user-block .comment{display:block;margin-left:50px}.user-block .username{font-size:16px;font-weight:600}.user-block .description{color:#999;font-size:13px}.user-block.user-block-sm .username,.user-block.user-block-sm .description,.user-block.user-block-sm .comment{margin-left:40px}.user-block.user-block-sm .username{font-size:14px}.img-sm,.img-md,.img-lg,.box-comments .box-comment img,.user-block.user-block-sm img{float:left}.img-sm,.box-comments .box-comment img,.user-block.user-block-sm img{width:30px !important;height:30px !important}.img-sm+.img-push{margin-left:40px}.img-md{width:60px;height:60px}.img-md+.img-push{margin-left:70px}.img-lg{width:100px;height:100px}.img-lg+.img-push{margin-left:110px}.img-bordered{border:3px solid #d2d6de;padding:3px}.img-bordered-sm{border:2px solid #d2d6de;padding:2px}.attachment-block{border:1px solid #f4f4f4;padding:5px;margin-bottom:10px;background:#f7f7f7}.attachment-block .attachment-img{max-width:100px;max-height:100px;height:auto;float:left}.attachment-block .attachment-pushed{margin-left:110px}.attachment-block .attachment-heading{margin:0}.attachment-block .attachment-text{color:#555}.connectedSortable{min-height:100px}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sort-highlight{background:#f4f4f4;border:1px dashed #ddd;margin-bottom:10px}.full-opacity-hover{opacity:.65;filter:alpha(opacity=65)}.full-opacity-hover:hover{opacity:1;filter:alpha(opacity=100)}.chart{position:relative;overflow:hidden;width:100%}.chart svg,.chart canvas{width:100% !important}@media print{.no-print,.main-sidebar,.left-side,.main-header,.content-header{display:none !important}.content-wrapper,.right-side,.main-footer{margin-left:0 !important;min-height:0 !important;-webkit-transform:translate(0, 0) !important;-ms-transform:translate(0, 0) !important;-o-transform:translate(0, 0) !important;transform:translate(0, 0) !important}.fixed .content-wrapper,.fixed .right-side{padding-top:0 !important}.invoice{width:100%;border:0;margin:0;padding:0}.invoice-col{float:left;width:33.3333333%}.table-responsive{overflow:auto}.table-responsive>.table tr th,.table-responsive>.table tr td{white-space:normal !important}} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/InfoGrid.css
0 → 100644
| 1 | |||
| 2 | #flightInfotool{ | ||
| 3 | margin: 5px; | ||
| 4 | padding: 2px 5px; | ||
| 5 | position: absolute; | ||
| 6 | right: -10px; | ||
| 7 | opacity: 0.8; | ||
| 8 | top: 0px; | ||
| 9 | background: rgb(30 30, 30); | ||
| 10 | padding: 4px; | ||
| 11 | border-radius: 4px; | ||
| 12 | color: #ffffff; | ||
| 13 | /* height: 10%;*/ | ||
| 14 | top: 12%; | ||
| 15 | height: 3%; | ||
| 16 | width: 25%; | ||
| 17 | |||
| 18 | } | ||
| 19 | #graToolBar{ | ||
| 20 | margin: 5px; | ||
| 21 | padding: 2px 5px; | ||
| 22 | position: absolute; | ||
| 23 | left: 150px; | ||
| 24 | opacity: 0.8; | ||
| 25 | top: 0px; | ||
| 26 | background: rgb(30 30, 30); | ||
| 27 | padding: 4px; | ||
| 28 | border-radius: 4px; | ||
| 29 | color: rgb(255,255,255); | ||
| 30 | /* height: 10%;*/ | ||
| 31 | top: 5%; | ||
| 32 | height: 3%; | ||
| 33 | width: 30%; | ||
| 34 | |||
| 35 | |||
| 36 | } | ||
| 37 | .gratype{ | ||
| 38 | width: 10%; | ||
| 39 | height: 100%; | ||
| 40 | opacity: 0.8; | ||
| 41 | border:none; | ||
| 42 | background: rgb(100, 100, 100); | ||
| 43 | color: rgb(255,255,255); | ||
| 44 | text-align: center; | ||
| 45 | |||
| 46 | } | ||
| 47 | .flightInfotoolbutton{ | ||
| 48 | width: 23%; | ||
| 49 | height: 100%; | ||
| 50 | opacity: 0.8; | ||
| 51 | border:none; | ||
| 52 | background: rgb(100, 100, 100); | ||
| 53 | color: rgb(255,255,255); | ||
| 54 | font-size: 8px; | ||
| 55 | } | ||
| 56 | #flflightinfo{ | ||
| 57 | margin: 5px; | ||
| 58 | padding: 2px 5px; | ||
| 59 | position: absolute; | ||
| 60 | right: 0px; | ||
| 61 | opacity: 0.8; | ||
| 62 | top: 0px; | ||
| 63 | background: rgb(30, 30, 30); | ||
| 64 | padding: 4px; | ||
| 65 | border-radius: 4px; | ||
| 66 | color: #ffffff; | ||
| 67 | top: 15%; | ||
| 68 | width: 25%; | ||
| 69 | } | ||
| 70 | #flightInfoAll11 { | ||
| 71 | margin: 5px; | ||
| 72 | padding: 2px 5px; | ||
| 73 | position: absolute; | ||
| 74 | right: 0px; | ||
| 75 | opacity: 0.8; | ||
| 76 | top: 0px; | ||
| 77 | background: rgb(30, 30, 30); | ||
| 78 | padding: 4px; | ||
| 79 | border-radius: 4px; | ||
| 80 | color: #ffffff; | ||
| 81 | top: 15%; | ||
| 82 | width: 25%; | ||
| 83 | |||
| 84 | } | ||
| 85 | #flightInfoAll12 { | ||
| 86 | margin: 5px; | ||
| 87 | padding: 2px 5px; | ||
| 88 | position: absolute; | ||
| 89 | right: 0px; | ||
| 90 | opacity: 0.8; | ||
| 91 | top: 0px; | ||
| 92 | background: rgb(30, 30, 30); | ||
| 93 | padding: 4px; | ||
| 94 | border-radius: 4px; | ||
| 95 | color: #ffffff; | ||
| 96 | top: 15%; | ||
| 97 | width: 25%; | ||
| 98 | |||
| 99 | } | ||
| 100 | #flightInfoAll21 { | ||
| 101 | margin: 5px; | ||
| 102 | padding: 2px 5px; | ||
| 103 | position: absolute; | ||
| 104 | right: 0px; | ||
| 105 | opacity: 0.8; | ||
| 106 | top: 0px; | ||
| 107 | background: rgb(30, 30, 30); | ||
| 108 | padding: 4px; | ||
| 109 | border-radius: 4px; | ||
| 110 | color: #ffffff; | ||
| 111 | top: 15%; | ||
| 112 | width: 25%; | ||
| 113 | |||
| 114 | } | ||
| 115 | #flightInfoAll22 { | ||
| 116 | margin: 5px; | ||
| 117 | padding: 2px 5px; | ||
| 118 | position: absolute; | ||
| 119 | right: 0px; | ||
| 120 | opacity: 0.8; | ||
| 121 | top: 0px; | ||
| 122 | background: rgb(30, 30, 30); | ||
| 123 | padding: 4px; | ||
| 124 | border-radius: 4px; | ||
| 125 | color: #ffffff; | ||
| 126 | top: 15%; | ||
| 127 | width: 25%; | ||
| 128 | |||
| 129 | } | ||
| 130 | #flightInfoAll31 { | ||
| 131 | margin: 5px; | ||
| 132 | padding: 2px 5px; | ||
| 133 | position: absolute; | ||
| 134 | right: 0px; | ||
| 135 | opacity: 0.8; | ||
| 136 | top: 0px; | ||
| 137 | background: rgb(30, 30, 30); | ||
| 138 | padding: 4px; | ||
| 139 | border-radius: 4px; | ||
| 140 | color: #ffffff; | ||
| 141 | top: 15%; | ||
| 142 | width: 25%; | ||
| 143 | |||
| 144 | } | ||
| 145 | #flightInfoAll32 { | ||
| 146 | margin: 5px; | ||
| 147 | padding: 2px 5px; | ||
| 148 | position: absolute; | ||
| 149 | right: 0px; | ||
| 150 | opacity: 0.8; | ||
| 151 | top: 0px; | ||
| 152 | background: rgb(30, 30, 30); | ||
| 153 | padding: 4px; | ||
| 154 | border-radius: 4px; | ||
| 155 | color: #ffffff; | ||
| 156 | top: 15%; | ||
| 157 | width: 25%; | ||
| 158 | |||
| 159 | } | ||
| 160 | #flightInfoAll41 { | ||
| 161 | margin: 5px; | ||
| 162 | padding: 2px 5px; | ||
| 163 | position: absolute; | ||
| 164 | right: 0px; | ||
| 165 | opacity: 0.8; | ||
| 166 | top: 0px; | ||
| 167 | background: rgb(30, 30, 30); | ||
| 168 | padding: 4px; | ||
| 169 | border-radius: 4px; | ||
| 170 | color: #ffffff; | ||
| 171 | top: 15%; | ||
| 172 | width: 25%; | ||
| 173 | |||
| 174 | } | ||
| 175 | #flightInfoAll42 { | ||
| 176 | margin: 5px; | ||
| 177 | padding: 2px 5px; | ||
| 178 | position: absolute; | ||
| 179 | right: 0px; | ||
| 180 | opacity: 0.8; | ||
| 181 | top: 0px; | ||
| 182 | background: rgb(30, 30, 30); | ||
| 183 | padding: 4px; | ||
| 184 | border-radius: 4px; | ||
| 185 | color: #ffffff; | ||
| 186 | top: 15%; | ||
| 187 | width: 25%; | ||
| 188 | |||
| 189 | } | ||
| 190 | /* #flightInfoAll51 { | ||
| 191 | margin: 5px; | ||
| 192 | padding: 2px 5px; | ||
| 193 | position: absolute; | ||
| 194 | right: 0px; | ||
| 195 | opacity: 0.8; | ||
| 196 | top: 0px; | ||
| 197 | background: rgb(30, 30, 30); | ||
| 198 | padding: 4px; | ||
| 199 | border-radius: 4px; | ||
| 200 | color: #ffffff; | ||
| 201 | top: 15%; | ||
| 202 | width: 25%; | ||
| 203 | |||
| 204 | } | ||
| 205 | #flightInfoAll52 { | ||
| 206 | margin: 5px; | ||
| 207 | padding: 2px 5px; | ||
| 208 | position: absolute; | ||
| 209 | right: 0px; | ||
| 210 | opacity: 0.8; | ||
| 211 | top: 0px; | ||
| 212 | background: rgb(30, 30, 30); | ||
| 213 | padding: 4px; | ||
| 214 | border-radius: 4px; | ||
| 215 | color: #ffffff; | ||
| 216 | top: 15%; | ||
| 217 | width: 25%; | ||
| 218 | |||
| 219 | } | ||
| 220 | #flightInfoAll61 { | ||
| 221 | margin: 5px; | ||
| 222 | padding: 2px 5px; | ||
| 223 | position: absolute; | ||
| 224 | right: 0px; | ||
| 225 | opacity: 0.8; | ||
| 226 | top: 0px; | ||
| 227 | background: rgb(30, 30, 30); | ||
| 228 | padding: 4px; | ||
| 229 | border-radius: 4px; | ||
| 230 | color: #ffffff; | ||
| 231 | top: 15%; | ||
| 232 | width: 25%; | ||
| 233 | |||
| 234 | } | ||
| 235 | #flightInfoAll62 { | ||
| 236 | margin: 5px; | ||
| 237 | padding: 2px 5px; | ||
| 238 | position: absolute; | ||
| 239 | right: 0px; | ||
| 240 | opacity: 0.8; | ||
| 241 | top: 0px; | ||
| 242 | background: rgb(30, 30, 30); | ||
| 243 | padding: 4px; | ||
| 244 | border-radius: 4px; | ||
| 245 | color: #ffffff; | ||
| 246 | top: 15%; | ||
| 247 | width: 25%; | ||
| 248 | |||
| 249 | } | ||
| 250 | #flightInfoAll71 { | ||
| 251 | margin: 5px; | ||
| 252 | padding: 2px 5px; | ||
| 253 | position: absolute; | ||
| 254 | right: 0px; | ||
| 255 | opacity: 0.8; | ||
| 256 | top: 0px; | ||
| 257 | background: rgb(30, 30, 30); | ||
| 258 | padding: 4px; | ||
| 259 | border-radius: 4px; | ||
| 260 | color: #ffffff; | ||
| 261 | top: 15%; | ||
| 262 | width: 25%; | ||
| 263 | |||
| 264 | } | ||
| 265 | #flightInfoAll72 { | ||
| 266 | margin: 5px; | ||
| 267 | padding: 2px 5px; | ||
| 268 | position: absolute; | ||
| 269 | right: 0px; | ||
| 270 | opacity: 0.8; | ||
| 271 | top: 0px; | ||
| 272 | background: rgb(30, 30, 30); | ||
| 273 | padding: 4px; | ||
| 274 | border-radius: 4px; | ||
| 275 | color: #ffffff; | ||
| 276 | top: 15%; | ||
| 277 | width: 25%; | ||
| 278 | |||
| 279 | } | ||
| 280 | #flightInfoAll81 { | ||
| 281 | margin: 5px; | ||
| 282 | padding: 2px 5px; | ||
| 283 | position: absolute; | ||
| 284 | right: 0px; | ||
| 285 | opacity: 0.8; | ||
| 286 | top: 0px; | ||
| 287 | background: rgb(30, 30, 30); | ||
| 288 | padding: 4px; | ||
| 289 | border-radius: 4px; | ||
| 290 | color: #ffffff; | ||
| 291 | top: 15%; | ||
| 292 | width: 25%; | ||
| 293 | |||
| 294 | } | ||
| 295 | #flightInfoAll82 { | ||
| 296 | margin: 5px; | ||
| 297 | padding: 2px 5px; | ||
| 298 | position: absolute; | ||
| 299 | right: 0px; | ||
| 300 | opacity: 0.8; | ||
| 301 | top: 0px; | ||
| 302 | background: rgb(30, 30, 30); | ||
| 303 | padding: 4px; | ||
| 304 | border-radius: 4px; | ||
| 305 | color: #ffffff; | ||
| 306 | top: 15%; | ||
| 307 | width: 25%; | ||
| 308 | |||
| 309 | } | ||
| 310 | #flightInfoAll91 { | ||
| 311 | margin: 5px; | ||
| 312 | padding: 2px 5px; | ||
| 313 | position: absolute; | ||
| 314 | right: 0px; | ||
| 315 | opacity: 0.8; | ||
| 316 | top: 0px; | ||
| 317 | background: rgb(30, 30, 30); | ||
| 318 | padding: 4px; | ||
| 319 | border-radius: 4px; | ||
| 320 | color: #ffffff; | ||
| 321 | top: 15%; | ||
| 322 | width: 25%; | ||
| 323 | |||
| 324 | } | ||
| 325 | #flightInfoAll92 { | ||
| 326 | margin: 5px; | ||
| 327 | padding: 2px 5px; | ||
| 328 | position: absolute; | ||
| 329 | right: 0px; | ||
| 330 | opacity: 0.8; | ||
| 331 | top: 0px; | ||
| 332 | background: rgb(30, 30, 30); | ||
| 333 | padding: 4px; | ||
| 334 | border-radius: 4px; | ||
| 335 | color: #ffffff; | ||
| 336 | top: 15%; | ||
| 337 | width: 25%; | ||
| 338 | |||
| 339 | } | ||
| 340 | #flightInfoAll101 { | ||
| 341 | margin: 5px; | ||
| 342 | padding: 2px 5px; | ||
| 343 | position: absolute; | ||
| 344 | right: 0px; | ||
| 345 | opacity: 0.8; | ||
| 346 | top: 0px; | ||
| 347 | background: rgb(30, 30, 30); | ||
| 348 | padding: 4px; | ||
| 349 | border-radius: 4px; | ||
| 350 | color: #ffffff; | ||
| 351 | top: 15%; | ||
| 352 | width: 25%; | ||
| 353 | |||
| 354 | } | ||
| 355 | #flightInfoAll102 { | ||
| 356 | margin: 5px; | ||
| 357 | padding: 2px 5px; | ||
| 358 | position: absolute; | ||
| 359 | right: 0px; | ||
| 360 | opacity: 0.8; | ||
| 361 | top: 0px; | ||
| 362 | background: rgb(30, 30, 30); | ||
| 363 | padding: 4px; | ||
| 364 | border-radius: 4px; | ||
| 365 | color: #ffffff; | ||
| 366 | top: 15%; | ||
| 367 | width: 25%; | ||
| 368 | |||
| 369 | } | ||
| 370 | #flightInfoAll111 { | ||
| 371 | margin: 5px; | ||
| 372 | padding: 2px 5px; | ||
| 373 | position: absolute; | ||
| 374 | right: 0px; | ||
| 375 | opacity: 0.8; | ||
| 376 | top: 0px; | ||
| 377 | background: rgb(30, 30, 30); | ||
| 378 | padding: 4px; | ||
| 379 | border-radius: 4px; | ||
| 380 | color: #ffffff; | ||
| 381 | top: 15%; | ||
| 382 | width: 25%; | ||
| 383 | |||
| 384 | } | ||
| 385 | #flightInfoAll112 { | ||
| 386 | margin: 5px; | ||
| 387 | padding: 2px 5px; | ||
| 388 | position: absolute; | ||
| 389 | right: 0px; | ||
| 390 | opacity: 0.8; | ||
| 391 | top: 0px; | ||
| 392 | background: rgb(30, 30, 30); | ||
| 393 | padding: 4px; | ||
| 394 | border-radius: 4px; | ||
| 395 | color: #ffffff; | ||
| 396 | top: 15%; | ||
| 397 | width: 25%; | ||
| 398 | |||
| 399 | } | ||
| 400 | #flightInfoAll121 { | ||
| 401 | margin: 5px; | ||
| 402 | padding: 2px 5px; | ||
| 403 | position: absolute; | ||
| 404 | right: 0px; | ||
| 405 | opacity: 0.8; | ||
| 406 | top: 0px; | ||
| 407 | background: rgb(30, 30, 30); | ||
| 408 | padding: 4px; | ||
| 409 | border-radius: 4px; | ||
| 410 | color: #ffffff; | ||
| 411 | top: 15%; | ||
| 412 | width: 25%; | ||
| 413 | |||
| 414 | } | ||
| 415 | #flightInfoAll122 { | ||
| 416 | margin: 5px; | ||
| 417 | padding: 2px 5px; | ||
| 418 | position: absolute; | ||
| 419 | right: 0px; | ||
| 420 | opacity: 0.8; | ||
| 421 | top: 0px; | ||
| 422 | background: rgb(30, 30, 30); | ||
| 423 | padding: 4px; | ||
| 424 | border-radius: 4px; | ||
| 425 | color: #ffffff; | ||
| 426 | top: 15%; | ||
| 427 | width: 25%; | ||
| 428 | |||
| 429 | }*/ | ||
| 430 | #infoID{ | ||
| 431 | margin: 5px; | ||
| 432 | padding: 2px 5px; | ||
| 433 | opacity: 0.8; | ||
| 434 | position: absolute; | ||
| 435 | left: 0%; | ||
| 436 | top: 0%; | ||
| 437 | background: rgb(0, 0, 0); | ||
| 438 | padding: 4px; | ||
| 439 | border-radius: 4px; | ||
| 440 | color: #ffffff; | ||
| 441 | width: 10%; | ||
| 442 | |||
| 443 | } | ||
| 444 | |||
| 445 | |||
| 446 | |||
| 447 | #fligheStart { | ||
| 448 | margin: 5px; | ||
| 449 | padding: 2px 5px; | ||
| 450 | opacity: 0.8; | ||
| 451 | position: absolute; | ||
| 452 | left: 10%; | ||
| 453 | top: 0%; | ||
| 454 | background: rgb(0, 0, 0); | ||
| 455 | padding: 4px; | ||
| 456 | border-radius: 4px; | ||
| 457 | color: #ffffff; | ||
| 458 | /* height: 10%;*/ | ||
| 459 | /* top: 25%;*/ | ||
| 460 | width: 18%; | ||
| 461 | |||
| 462 | } | ||
| 463 | #fligheEnd { | ||
| 464 | margin: 5px; | ||
| 465 | padding: 2px 5px; | ||
| 466 | opacity: 0.8; | ||
| 467 | position: absolute; | ||
| 468 | left: 28%; | ||
| 469 | top: 0%; | ||
| 470 | background: rgb(0, 0, 0); | ||
| 471 | padding: 4px; | ||
| 472 | border-radius: 4px; | ||
| 473 | color: #ffffff; | ||
| 474 | /* height: 10%;*/ | ||
| 475 | /* top: 25%;*/ | ||
| 476 | width: 18%; | ||
| 477 | |||
| 478 | } | ||
| 479 | #fligheInfo { | ||
| 480 | margin: 5px; | ||
| 481 | padding: 2px 5px; | ||
| 482 | opacity: 0.8; | ||
| 483 | position: absolute; | ||
| 484 | left: 48%; | ||
| 485 | top: 0%; | ||
| 486 | background: rgb(0, 0, 0); | ||
| 487 | padding: 4px; | ||
| 488 | border-radius: 4px; | ||
| 489 | color: #ffffff; | ||
| 490 | /*height: 10%;*/ | ||
| 491 | width: 18%; | ||
| 492 | |||
| 493 | } | ||
| 494 | #fligheStartTime { | ||
| 495 | margin: 5px; | ||
| 496 | padding: 2px 5px; | ||
| 497 | opacity: 0.8; | ||
| 498 | position: absolute; | ||
| 499 | left: 65%; | ||
| 500 | top: 0%; | ||
| 501 | background: rgb(0, 0, 0); | ||
| 502 | padding: 4px; | ||
| 503 | border-radius: 4px; | ||
| 504 | color: #ffffff; | ||
| 505 | /* height: 10%;*/ | ||
| 506 | /* top: 25%;*/ | ||
| 507 | width: 18%; | ||
| 508 | |||
| 509 | } | ||
| 510 | #fligheEndTime { | ||
| 511 | margin: 5px; | ||
| 512 | padding: 2px 5px; | ||
| 513 | position: absolute; | ||
| 514 | opacity: 0.8; | ||
| 515 | left: 82%; | ||
| 516 | top: 0%; | ||
| 517 | background: rgb(0, 0, 0); | ||
| 518 | padding: 4px; | ||
| 519 | border-radius: 4px; | ||
| 520 | color: #ffffff; | ||
| 521 | /* height: 10%;*/ | ||
| 522 | /* top: 25%;*/ | ||
| 523 | width: 18%; | ||
| 524 | |||
| 525 | } | ||
| 526 | #ceshi { | ||
| 527 | margin: 5px; | ||
| 528 | padding: 2px 5px; | ||
| 529 | opacity: 0.8; | ||
| 530 | right: 0%; | ||
| 531 | top: 0%; | ||
| 532 | background: rgb(0, 0, 0); | ||
| 533 | padding: 4px; | ||
| 534 | border-radius: 4px; | ||
| 535 | color: #ffffff; | ||
| 536 | height:60px; | ||
| 537 | /* top: 25%;*/ | ||
| 538 | width: 100%; | ||
| 539 | font-size: 15px; | ||
| 540 | |||
| 541 | } | ||
| 542 | #ceshi1 { | ||
| 543 | margin: 5px; | ||
| 544 | padding: 2px 5px; | ||
| 545 | opacity: 0.8; | ||
| 546 | right: 0%; | ||
| 547 | top: 0%; | ||
| 548 | background: rgb(0, 0, 0); | ||
| 549 | padding: 4px; | ||
| 550 | border-radius: 4px; | ||
| 551 | color: #ffffff; | ||
| 552 | height: 30px; | ||
| 553 | /* top: 25%;*/ | ||
| 554 | width: 100%; | ||
| 555 | font-size: 14px; | ||
| 556 | |||
| 557 | } | ||
| 558 | #ceshi2 { | ||
| 559 | margin: 5px; | ||
| 560 | padding: 2px 5px; | ||
| 561 | opacity: 0.8; | ||
| 562 | right: 0%; | ||
| 563 | top: 0%; | ||
| 564 | background: rgb(0, 0, 0); | ||
| 565 | padding: 4px; | ||
| 566 | border-radius: 4px; | ||
| 567 | color: #ffffff; | ||
| 568 | height: 30px; | ||
| 569 | /* height: 10%;*/ | ||
| 570 | /* top: 25%;*/ | ||
| 571 | width: 100%; | ||
| 572 | font-size: 14px; | ||
| 573 | |||
| 574 | } | ||
| 575 | #ceshi3 { | ||
| 576 | margin: 5px; | ||
| 577 | padding: 2px 5px; | ||
| 578 | opacity: 0.8; | ||
| 579 | right: 0%; | ||
| 580 | top: 0%; | ||
| 581 | background: rgb(0, 0, 0); | ||
| 582 | padding: 4px; | ||
| 583 | border-radius: 4px; | ||
| 584 | color: #ffffff; | ||
| 585 | height: 30px; | ||
| 586 | /* height: 10%;*/ | ||
| 587 | /* top: 25%;*/ | ||
| 588 | width: 100%; | ||
| 589 | font-size: 14px; | ||
| 590 | |||
| 591 | } | ||
| 592 | #ceshi4 { | ||
| 593 | margin: 5px; | ||
| 594 | padding: 2px 5px; | ||
| 595 | opacity: 0.8; | ||
| 596 | right: 0%; | ||
| 597 | top: 0%; | ||
| 598 | background: rgb(0, 0, 0); | ||
| 599 | padding: 4px; | ||
| 600 | border-radius: 4px; | ||
| 601 | color: #ffffff; | ||
| 602 | height: 30px; | ||
| 603 | /* height: 10%;*/ | ||
| 604 | /* top: 25%;*/ | ||
| 605 | width: 100%; | ||
| 606 | font-size: 14px; | ||
| 607 | |||
| 608 | } | ||
| 609 | #ceshi5 { | ||
| 610 | margin: 5px; | ||
| 611 | padding: 2px 5px; | ||
| 612 | opacity: 0.8; | ||
| 613 | right: 0%; | ||
| 614 | top: 0%; | ||
| 615 | background: rgb(0, 0, 0); | ||
| 616 | padding: 4px; | ||
| 617 | border-radius: 4px; | ||
| 618 | color: #ffffff; | ||
| 619 | height: 30px; | ||
| 620 | /* height: 10%;*/ | ||
| 621 | /* top: 25%;*/ | ||
| 622 | width: 100%; | ||
| 623 | font-size: 14px; | ||
| 624 | |||
| 625 | } | ||
| 626 | #ceshi6 { | ||
| 627 | margin: 5px; | ||
| 628 | padding: 2px 5px; | ||
| 629 | opacity: 0.8; | ||
| 630 | right: 0%; | ||
| 631 | top: 0%; | ||
| 632 | background: rgb(0, 0, 0); | ||
| 633 | padding: 4px; | ||
| 634 | border-radius: 4px; | ||
| 635 | color: #ffffff; | ||
| 636 | height: 30px; | ||
| 637 | /* height: 10%;*/ | ||
| 638 | /* top: 25%;*/ | ||
| 639 | width: 100%; | ||
| 640 | font-size: 14px; | ||
| 641 | |||
| 642 | } | ||
| 643 | #ceshi7 { | ||
| 644 | margin: 5px; | ||
| 645 | padding: 2px 5px; | ||
| 646 | opacity: 0.8; | ||
| 647 | right: 0%; | ||
| 648 | top: 0%; | ||
| 649 | background: rgb(0, 0, 0); | ||
| 650 | padding: 4px; | ||
| 651 | border-radius: 4px; | ||
| 652 | color: #ffffff; | ||
| 653 | height: 30px; | ||
| 654 | /* height: 10%;*/ | ||
| 655 | /* top: 25%;*/ | ||
| 656 | width: 100%; | ||
| 657 | font-size: 14px; | ||
| 658 | |||
| 659 | } | ||
| 660 | #ceshi8 { | ||
| 661 | margin: 5px; | ||
| 662 | padding: 2px 5px; | ||
| 663 | opacity: 0.8; | ||
| 664 | right: 0%; | ||
| 665 | top: 0%; | ||
| 666 | background: rgb(0, 0, 0); | ||
| 667 | padding: 4px; | ||
| 668 | border-radius: 4px; | ||
| 669 | color: #ffffff; | ||
| 670 | height: 30px; | ||
| 671 | /* height: 10%;*/ | ||
| 672 | /* top: 25%;*/ | ||
| 673 | width: 100%; | ||
| 674 | font-size: 14px; | ||
| 675 | |||
| 676 | } | ||
| 677 | #ceshi9 { | ||
| 678 | margin: 5px; | ||
| 679 | padding: 2px 5px; | ||
| 680 | opacity: 0.8; | ||
| 681 | right: 0%; | ||
| 682 | top: 0%; | ||
| 683 | background: rgb(0, 0, 0); | ||
| 684 | padding: 4px; | ||
| 685 | border-radius: 4px; | ||
| 686 | color: #ffffff; | ||
| 687 | height: 30px; | ||
| 688 | /* height: 10%;*/ | ||
| 689 | /* top: 25%;*/ | ||
| 690 | width: 100%; | ||
| 691 | font-size: 14px; | ||
| 692 | |||
| 693 | } | ||
| 694 | #ceshi10 { | ||
| 695 | margin: 5px; | ||
| 696 | padding: 2px 5px; | ||
| 697 | opacity: 0.8; | ||
| 698 | right: 0%; | ||
| 699 | top: 0%; | ||
| 700 | background: rgb(0, 0, 0); | ||
| 701 | padding: 4px; | ||
| 702 | border-radius: 4px; | ||
| 703 | color: #ffffff; | ||
| 704 | height: 30px; | ||
| 705 | /* height: 10%;*/ | ||
| 706 | /* top: 25%;*/ | ||
| 707 | width: 100%; | ||
| 708 | font-size: 14px; | ||
| 709 | |||
| 710 | } | ||
| 711 | #ceshi11 { | ||
| 712 | margin: 5px; | ||
| 713 | padding: 2px 5px; | ||
| 714 | opacity: 0.8; | ||
| 715 | right: 0%; | ||
| 716 | top: 0%; | ||
| 717 | background: rgb(0, 0, 0); | ||
| 718 | padding: 4px; | ||
| 719 | border-radius: 4px; | ||
| 720 | color: #ffffff; | ||
| 721 | height: 30px; | ||
| 722 | /* height: 10%;*/ | ||
| 723 | /* top: 25%;*/ | ||
| 724 | width: 100%; | ||
| 725 | font-size: 14px; | ||
| 726 | |||
| 727 | } | ||
| 728 | #ceshi12 { | ||
| 729 | margin: 5px; | ||
| 730 | padding: 2px 5px; | ||
| 731 | opacity: 0.8; | ||
| 732 | right: 0%; | ||
| 733 | top: 0%; | ||
| 734 | background: rgb(0, 0, 0); | ||
| 735 | padding: 4px; | ||
| 736 | border-radius: 4px; | ||
| 737 | color: #ffffff; | ||
| 738 | height: 30px; | ||
| 739 | /* height: 10%;*/ | ||
| 740 | /* top: 25%;*/ | ||
| 741 | width: 100%; | ||
| 742 | font-size: 14px; | ||
| 743 | |||
| 744 | } | ||
| 745 | #ceshi13 { | ||
| 746 | margin: 5px; | ||
| 747 | padding: 2px 5px; | ||
| 748 | opacity: 0.8; | ||
| 749 | right: 0%; | ||
| 750 | top: 0%; | ||
| 751 | background: rgb(0, 0, 0); | ||
| 752 | padding: 4px; | ||
| 753 | border-radius: 4px; | ||
| 754 | color: #ffffff; | ||
| 755 | height: 30px; | ||
| 756 | /* height: 10%;*/ | ||
| 757 | /* top: 25%;*/ | ||
| 758 | width: 100%; | ||
| 759 | font-size: 14px; | ||
| 760 | |||
| 761 | } | ||
| 762 | #ceshi14 { | ||
| 763 | margin: 5px; | ||
| 764 | padding: 2px 5px; | ||
| 765 | opacity: 0.8; | ||
| 766 | right: 0%; | ||
| 767 | top: 0%; | ||
| 768 | background: rgb(0, 0, 0); | ||
| 769 | padding: 4px; | ||
| 770 | border-radius: 4px; | ||
| 771 | color: #ffffff; | ||
| 772 | height: 30px; | ||
| 773 | /* height: 10%;*/ | ||
| 774 | /* top: 25%;*/ | ||
| 775 | width: 100%; | ||
| 776 | font-size: 14px; | ||
| 777 | |||
| 778 | } | ||
| 779 | #ceshi15 { | ||
| 780 | margin: 5px; | ||
| 781 | padding: 2px 5px; | ||
| 782 | opacity: 0.8; | ||
| 783 | right: 0%; | ||
| 784 | top: 0%; | ||
| 785 | background: rgb(0, 0, 0); | ||
| 786 | padding: 4px; | ||
| 787 | border-radius: 4px; | ||
| 788 | color: #ffffff; | ||
| 789 | height: 30px; | ||
| 790 | /* height: 10%;*/ | ||
| 791 | /* top: 25%;*/ | ||
| 792 | width: 100%; | ||
| 793 | font-size: 14px; | ||
| 794 | |||
| 795 | } | ||
| 796 | #ceshi16 { | ||
| 797 | margin: 5px; | ||
| 798 | padding: 2px 5px; | ||
| 799 | opacity: 0.8; | ||
| 800 | right: 0%; | ||
| 801 | top: 0%; | ||
| 802 | background: rgb(0, 0, 0); | ||
| 803 | padding: 4px; | ||
| 804 | border-radius: 4px; | ||
| 805 | color: #ffffff; | ||
| 806 | height: 30px; | ||
| 807 | /* height: 10%;*/ | ||
| 808 | /* top: 25%;*/ | ||
| 809 | width: 100%; | ||
| 810 | font-size: 14px; | ||
| 811 | |||
| 812 | } | ||
| 813 | #ceshi17{ | ||
| 814 | margin: 5px; | ||
| 815 | padding: 2px 5px; | ||
| 816 | opacity: 0.8; | ||
| 817 | right: 0%; | ||
| 818 | top: 0%; | ||
| 819 | background: rgb(0, 0, 0); | ||
| 820 | padding: 4px; | ||
| 821 | border-radius: 4px; | ||
| 822 | color: #ffffff; | ||
| 823 | height: 30px; | ||
| 824 | /* height: 10%;*/ | ||
| 825 | /* top: 25%;*/ | ||
| 826 | width: 100%; | ||
| 827 | font-size: 14px; | ||
| 828 | |||
| 829 | } | ||
| 830 | #ceshi18 { | ||
| 831 | margin: 5px; | ||
| 832 | padding: 2px 5px; | ||
| 833 | opacity: 0.8; | ||
| 834 | right: 0%; | ||
| 835 | top: 0%; | ||
| 836 | background: rgb(0, 0, 0); | ||
| 837 | padding: 4px; | ||
| 838 | border-radius: 4px; | ||
| 839 | color: #ffffff; | ||
| 840 | /* height: 10%;*/ | ||
| 841 | /* top: 25%;*/ | ||
| 842 | width: 100%; | ||
| 843 | height: 30px; | ||
| 844 | font-size: 14px; | ||
| 845 | |||
| 846 | } | ||
| 847 | #ceshi19 { | ||
| 848 | margin: 5px; | ||
| 849 | padding: 2px 5px; | ||
| 850 | opacity: 0.8; | ||
| 851 | right: 0%; | ||
| 852 | top: 0%; | ||
| 853 | background: rgb(0, 0, 0); | ||
| 854 | padding: 4px; | ||
| 855 | border-radius: 4px; | ||
| 856 | color: #ffffff; | ||
| 857 | height: 30px; | ||
| 858 | /* height: 10%;*/ | ||
| 859 | /* top: 25%;*/ | ||
| 860 | width: 100%; | ||
| 861 | font-size: 14px; | ||
| 862 | |||
| 863 | } | ||
| 864 | #ceshi20 { | ||
| 865 | margin: 5px; | ||
| 866 | padding: 2px 5px; | ||
| 867 | opacity: 0.8; | ||
| 868 | right: 0%; | ||
| 869 | top: 0%; | ||
| 870 | background: rgb(0, 0, 0); | ||
| 871 | padding: 4px; | ||
| 872 | border-radius: 4px; | ||
| 873 | color: #ffffff; | ||
| 874 | height: 30px; | ||
| 875 | /* height: 10%;*/ | ||
| 876 | /* top: 25%;*/ | ||
| 877 | width: 100%; | ||
| 878 | font-size: 14px; | ||
| 879 | |||
| 880 | } | ||
| 881 | |||
| 882 | .str1{ | ||
| 883 | margin: 5px; | ||
| 884 | padding: 2px 5px; | ||
| 885 | opacity: 0.8; | ||
| 886 | right: 0%; | ||
| 887 | top: 0%; | ||
| 888 | background: rgb(0, 0, 0); | ||
| 889 | padding: 4px; | ||
| 890 | border-radius: 4px; | ||
| 891 | color: #ffffff; | ||
| 892 | height: 30px; | ||
| 893 | /* height: 10%;*/ | ||
| 894 | /* top: 25%;*/ | ||
| 895 | width: 100%; | ||
| 896 | font-size: 15px; | ||
| 897 | |||
| 898 | } | ||
| 899 | .str11{ | ||
| 900 | margin: 5px; | ||
| 901 | padding: 2px 5px; | ||
| 902 | opacity: 0.8; | ||
| 903 | right: 0%; | ||
| 904 | top: 0%; | ||
| 905 | background: rgb(0, 0, 0); | ||
| 906 | padding: 4px; | ||
| 907 | border-radius: 4px; | ||
| 908 | color: #ffffff; | ||
| 909 | /* height: 10%;*/ | ||
| 910 | /* top: 25%;*/ | ||
| 911 | width: 100%; | ||
| 912 | font-size: 15px; | ||
| 913 | |||
| 914 | } | ||
| 915 | .str12{ | ||
| 916 | margin: 5px; | ||
| 917 | padding: 2px 5px; | ||
| 918 | opacity: 0.8; | ||
| 919 | right: 0%; | ||
| 920 | top: 0%; | ||
| 921 | background: rgb(0, 0, 0); | ||
| 922 | padding: 4px; | ||
| 923 | border-radius: 4px; | ||
| 924 | color: #ffffff; | ||
| 925 | /* height: 10%;*/ | ||
| 926 | /* top: 25%;*/ | ||
| 927 | width: 100%; | ||
| 928 | font-size: 15px; | ||
| 929 | |||
| 930 | } | ||
| 931 | |||
| 932 | #echarts { | ||
| 933 | |||
| 934 | margin: 5px; | ||
| 935 | padding: 2px 5px; | ||
| 936 | opacity: 0.8; | ||
| 937 | position: absolute; | ||
| 938 | background: rgb(255, 255, 255); | ||
| 939 | padding: 4px; | ||
| 940 | border-radius: 4px; | ||
| 941 | color: #ffffff; | ||
| 942 | top: 80px; | ||
| 943 | width: 500px; | ||
| 944 | height: 450px; | ||
| 945 | left: 0px; | ||
| 946 | |||
| 947 | } | ||
| 948 | |||
| 949 | #echarts2 { | ||
| 950 | |||
| 951 | margin: 5px; | ||
| 952 | padding: 2px 5px; | ||
| 953 | opacity: 0.8; | ||
| 954 | position: absolute; | ||
| 955 | background: rgb(255, 255, 255); | ||
| 956 | padding: 4px; | ||
| 957 | border-radius: 4px; | ||
| 958 | color: #ffffff; | ||
| 959 | top: 500px; | ||
| 960 | width: 500px; | ||
| 961 | height: 450px; | ||
| 962 | left: 0px; | ||
| 963 | /* display: none;*/ | ||
| 964 | } | ||
| 965 | |||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/bootstrap-datetimepicker.min.css
0 → 100644
| 1 | /*! | ||
| 2 | * Datetimepicker for Bootstrap 3 | ||
| 3 | * version : 4.17.47 | ||
| 4 | * https://github.com/Eonasdan/bootstrap-datetimepicker/ | ||
| 5 | */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{display:block;margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:solid transparent;border-width:0 0 7px 7px;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/bootstrap-new.min.css
0 → 100644
This diff could not be displayed because it is too large.
public/css/bootstrap-responsive.min.css
0 → 100644
| 1 | /*! | ||
| 2 | * Bootstrap Responsive v2.2.2 | ||
| 3 | * | ||
| 4 | * Copyright 2012 Twitter, Inc | ||
| 5 | * Licensed under the Apache License v2.0 | ||
| 6 | * http://www.apache.org/licenses/LICENSE-2.0 | ||
| 7 | * | ||
| 8 | * Designed and built with all the love in the world @twitter by @mdo and @fat. | ||
| 9 | */@-ms-viewport{width:device-width}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media(min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media(max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}@media(min-width:1200px){.row{margin-left:-30px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:30px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1170px}.span12{width:1170px}.span11{width:1070px}.span10{width:970px}.span9{width:870px}.span8{width:770px}.span7{width:670px}.span6{width:570px}.span5{width:470px}.span4{width:370px}.span3{width:270px}.span2{width:170px}.span1{width:70px}.offset12{margin-left:1230px}.offset11{margin-left:1130px}.offset10{margin-left:1030px}.offset9{margin-left:930px}.offset8{margin-left:830px}.offset7{margin-left:730px}.offset6{margin-left:630px}.offset5{margin-left:530px}.offset4{margin-left:430px}.offset3{margin-left:330px}.offset2{margin-left:230px}.offset1{margin-left:130px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.564102564102564%;*margin-left:2.5109110747408616%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.564102564102564%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145299145%;*width:91.39979996362975%}.row-fluid .span10{width:82.90598290598291%;*width:82.8527914166212%}.row-fluid .span9{width:74.35897435897436%;*width:74.30578286961266%}.row-fluid .span8{width:65.81196581196582%;*width:65.75877432260411%}.row-fluid .span7{width:57.26495726495726%;*width:57.21176577559556%}.row-fluid .span6{width:48.717948717948715%;*width:48.664757228587014%}.row-fluid .span5{width:40.17094017094017%;*width:40.11774868157847%}.row-fluid .span4{width:31.623931623931625%;*width:31.570740134569924%}.row-fluid .span3{width:23.076923076923077%;*width:23.023731587561375%}.row-fluid .span2{width:14.52991452991453%;*width:14.476723040552828%}.row-fluid .span1{width:5.982905982905983%;*width:5.929714493544281%}.row-fluid .offset12{margin-left:105.12820512820512%;*margin-left:105.02182214948171%}.row-fluid .offset12:first-child{margin-left:102.56410256410257%;*margin-left:102.45771958537915%}.row-fluid .offset11{margin-left:96.58119658119658%;*margin-left:96.47481360247316%}.row-fluid .offset11:first-child{margin-left:94.01709401709402%;*margin-left:93.91071103837061%}.row-fluid .offset10{margin-left:88.03418803418803%;*margin-left:87.92780505546462%}.row-fluid .offset10:first-child{margin-left:85.47008547008548%;*margin-left:85.36370249136206%}.row-fluid .offset9{margin-left:79.48717948717949%;*margin-left:79.38079650845607%}.row-fluid .offset9:first-child{margin-left:76.92307692307693%;*margin-left:76.81669394435352%}.row-fluid .offset8{margin-left:70.94017094017094%;*margin-left:70.83378796144753%}.row-fluid .offset8:first-child{margin-left:68.37606837606839%;*margin-left:68.26968539734497%}.row-fluid .offset7{margin-left:62.393162393162385%;*margin-left:62.28677941443899%}.row-fluid .offset7:first-child{margin-left:59.82905982905982%;*margin-left:59.72267685033642%}.row-fluid .offset6{margin-left:53.84615384615384%;*margin-left:53.739770867430444%}.row-fluid .offset6:first-child{margin-left:51.28205128205128%;*margin-left:51.175668303327875%}.row-fluid .offset5{margin-left:45.299145299145295%;*margin-left:45.1927623204219%}.row-fluid .offset5:first-child{margin-left:42.73504273504273%;*margin-left:42.62865975631933%}.row-fluid .offset4{margin-left:36.75213675213675%;*margin-left:36.645753773413354%}.row-fluid .offset4:first-child{margin-left:34.18803418803419%;*margin-left:34.081651209310785%}.row-fluid .offset3{margin-left:28.205128205128204%;*margin-left:28.0987452264048%}.row-fluid .offset3:first-child{margin-left:25.641025641025642%;*margin-left:25.53464266230224%}.row-fluid .offset2{margin-left:19.65811965811966%;*margin-left:19.551736679396257%}.row-fluid .offset2:first-child{margin-left:17.094017094017094%;*margin-left:16.98763411529369%}.row-fluid .offset1{margin-left:11.11111111111111%;*margin-left:11.004728132387708%}.row-fluid .offset1:first-child{margin-left:8.547008547008547%;*margin-left:8.440625568285142%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:30px}input.span12,textarea.span12,.uneditable-input.span12{width:1156px}input.span11,textarea.span11,.uneditable-input.span11{width:1056px}input.span10,textarea.span10,.uneditable-input.span10{width:956px}input.span9,textarea.span9,.uneditable-input.span9{width:856px}input.span8,textarea.span8,.uneditable-input.span8{width:756px}input.span7,textarea.span7,.uneditable-input.span7{width:656px}input.span6,textarea.span6,.uneditable-input.span6{width:556px}input.span5,textarea.span5,.uneditable-input.span5{width:456px}input.span4,textarea.span4,.uneditable-input.span4{width:356px}input.span3,textarea.span3,.uneditable-input.span3{width:256px}input.span2,textarea.span2,.uneditable-input.span2{width:156px}input.span1,textarea.span1,.uneditable-input.span1{width:56px}.thumbnails{margin-left:-30px}.thumbnails>li{margin-left:30px}.row-fluid .thumbnails{margin-left:0}}@media(min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:724px}.span12{width:724px}.span11{width:662px}.span10{width:600px}.span9{width:538px}.span8{width:476px}.span7{width:414px}.span6{width:352px}.span5{width:290px}.span4{width:228px}.span3{width:166px}.span2{width:104px}.span1{width:42px}.offset12{margin-left:764px}.offset11{margin-left:702px}.offset10{margin-left:640px}.offset9{margin-left:578px}.offset8{margin-left:516px}.offset7{margin-left:454px}.offset6{margin-left:392px}.offset5{margin-left:330px}.offset4{margin-left:268px}.offset3{margin-left:206px}.offset2{margin-left:144px}.offset1{margin-left:82px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.7624309392265194%;*margin-left:2.709239449864817%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.7624309392265194%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.43646408839778%;*width:91.38327259903608%}.row-fluid .span10{width:82.87292817679558%;*width:82.81973668743387%}.row-fluid .span9{width:74.30939226519337%;*width:74.25620077583166%}.row-fluid .span8{width:65.74585635359117%;*width:65.69266486422946%}.row-fluid .span7{width:57.18232044198895%;*width:57.12912895262725%}.row-fluid .span6{width:48.61878453038674%;*width:48.56559304102504%}.row-fluid .span5{width:40.05524861878453%;*width:40.00205712942283%}.row-fluid .span4{width:31.491712707182323%;*width:31.43852121782062%}.row-fluid .span3{width:22.92817679558011%;*width:22.87498530621841%}.row-fluid .span2{width:14.3646408839779%;*width:14.311449394616199%}.row-fluid .span1{width:5.801104972375691%;*width:5.747913483013988%}.row-fluid .offset12{margin-left:105.52486187845304%;*margin-left:105.41847889972962%}.row-fluid .offset12:first-child{margin-left:102.76243093922652%;*margin-left:102.6560479605031%}.row-fluid .offset11{margin-left:96.96132596685082%;*margin-left:96.8549429881274%}.row-fluid .offset11:first-child{margin-left:94.1988950276243%;*margin-left:94.09251204890089%}.row-fluid .offset10{margin-left:88.39779005524862%;*margin-left:88.2914070765252%}.row-fluid .offset10:first-child{margin-left:85.6353591160221%;*margin-left:85.52897613729868%}.row-fluid .offset9{margin-left:79.8342541436464%;*margin-left:79.72787116492299%}.row-fluid .offset9:first-child{margin-left:77.07182320441989%;*margin-left:76.96544022569647%}.row-fluid .offset8{margin-left:71.2707182320442%;*margin-left:71.16433525332079%}.row-fluid .offset8:first-child{margin-left:68.50828729281768%;*margin-left:68.40190431409427%}.row-fluid .offset7{margin-left:62.70718232044199%;*margin-left:62.600799341718584%}.row-fluid .offset7:first-child{margin-left:59.94475138121547%;*margin-left:59.838368402492065%}.row-fluid .offset6{margin-left:54.14364640883978%;*margin-left:54.037263430116376%}.row-fluid .offset6:first-child{margin-left:51.38121546961326%;*margin-left:51.27483249088986%}.row-fluid .offset5{margin-left:45.58011049723757%;*margin-left:45.47372751851417%}.row-fluid .offset5:first-child{margin-left:42.81767955801105%;*margin-left:42.71129657928765%}.row-fluid .offset4{margin-left:37.01657458563536%;*margin-left:36.91019160691196%}.row-fluid .offset4:first-child{margin-left:34.25414364640884%;*margin-left:34.14776066768544%}.row-fluid .offset3{margin-left:28.45303867403315%;*margin-left:28.346655695309746%}.row-fluid .offset3:first-child{margin-left:25.69060773480663%;*margin-left:25.584224756083227%}.row-fluid .offset2{margin-left:19.88950276243094%;*margin-left:19.783119783707537%}.row-fluid .offset2:first-child{margin-left:17.12707182320442%;*margin-left:17.02068884448102%}.row-fluid .offset1{margin-left:11.32596685082873%;*margin-left:11.219583872105325%}.row-fluid .offset1:first-child{margin-left:8.56353591160221%;*margin-left:8.457152932878806%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span12,textarea.span12,.uneditable-input.span12{width:710px}input.span11,textarea.span11,.uneditable-input.span11{width:648px}input.span10,textarea.span10,.uneditable-input.span10{width:586px}input.span9,textarea.span9,.uneditable-input.span9{width:524px}input.span8,textarea.span8,.uneditable-input.span8{width:462px}input.span7,textarea.span7,.uneditable-input.span7{width:400px}input.span6,textarea.span6,.uneditable-input.span6{width:338px}input.span5,textarea.span5,.uneditable-input.span5{width:276px}input.span4,textarea.span4,.uneditable-input.span4{width:214px}input.span3,textarea.span3,.uneditable-input.span3{width:152px}input.span2,textarea.span2,.uneditable-input.span2{width:90px}input.span1,textarea.span1,.uneditable-input.span1{width:28px}}@media(max-width:767px){body{padding-right:20px;padding-left:20px}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-right:-20px;margin-left:-20px}.container-fluid{padding:0}.dl-horizontal dt{float:none;width:auto;clear:none;text-align:left}.dl-horizontal dd{margin-left:0}.container{width:auto}.row-fluid{width:100%}.row,.thumbnails{margin-left:0}.thumbnails>li{float:none;margin-left:0}[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="offset"]:first-child{margin-left:0}.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto}.controls-row [class*="span"]+[class*="span"]{margin-left:0}.modal{position:fixed;top:20px;right:20px;left:20px;width:auto;margin:0}.modal.fade{top:-100px}.modal.fade.in{top:20px}}@media(max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0)}.page-header h1 small{display:block;line-height:20px}input[type="checkbox"],input[type="radio"]{border:1px solid #ccc}.form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}.form-horizontal .controls{margin-left:0}.form-horizontal .control-list{padding-top:0}.form-horizontal .form-actions{padding-right:10px;padding-left:10px}.media .pull-left,.media .pull-right{display:block;float:none;margin-bottom:10px}.media-object{margin-right:0;margin-left:0}.modal{top:10px;right:10px;left:10px}.modal-header .close{padding:10px;margin:-10px}.carousel-caption{position:static}}@media(max-width:979px){body{padding-top:0}.navbar-fixed-top,.navbar-fixed-bottom{position:static}.navbar-fixed-top{margin-bottom:20px}.navbar-fixed-bottom{margin-top:20px}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px}.navbar .container{width:auto;padding:0}.navbar .brand{padding-right:10px;padding-left:10px;margin:0 0 0 -5px}.nav-collapse{clear:both}.nav-collapse .nav{float:none;margin:0 0 10px}.nav-collapse .nav>li{float:none}.nav-collapse .nav>li>a{margin-bottom:2px}.nav-collapse .nav>.divider-vertical{display:none}.nav-collapse .nav .nav-header{color:#777;text-shadow:none}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:bold;color:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-collapse .btn{padding:4px 10px 4px;font-weight:normal;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-collapse .dropdown-menu li+li a{margin-bottom:2px}.nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover{background-color:#f2f2f2}.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999}.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:hover{background-color:#111}.nav-collapse.in .btn-group{padding:0;margin-top:5px}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;display:none;float:none;max-width:none;padding:0;margin:0 15px;background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.nav-collapse .open>.dropdown-menu{display:block}.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}.nav-collapse .dropdown-menu .divider{display:none}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}.nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111}.navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}.nav-collapse,.nav-collapse.collapse{height:0;overflow:hidden}.navbar .btn-navbar{display:block}.navbar-static .navbar-inner{padding-right:10px;padding-left:10px}}@media(min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important}} |
public/css/bootstrap-select.min.css
0 → 100644
| 1 | /*! | ||
| 2 | * Bootstrap-select v1.12.2 (http://silviomoreto.github.io/bootstrap-select) | ||
| 3 | * | ||
| 4 | * Copyright 2013-2017 bootstrap-select | ||
| 5 | * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE) | ||
| 6 | */select.bs-select-hidden,select.selectpicker{display:none!important}.bootstrap-select{width:220px\9}.bootstrap-select>.dropdown-toggle{width:100%;padding-right:25px;z-index:1}.bootstrap-select>.dropdown-toggle.bs-placeholder,.bootstrap-select>.dropdown-toggle.bs-placeholder:active,.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,.bootstrap-select>.dropdown-toggle.bs-placeholder:hover{color:#999}.bootstrap-select>select{position:absolute!important;bottom:0;left:50%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}.bootstrap-select>select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}.error .bootstrap-select .dropdown-toggle,.has-error .bootstrap-select .dropdown-toggle{border-color:#b94a48}.bootstrap-select.fit-width{width:auto!important}.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:220px}.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}.bootstrap-select.form-control:not([class*=col-]){width:100%}.bootstrap-select.form-control.input-group-btn{z-index:auto}.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn{border-radius:0}.bootstrap-select.btn-group:not(.input-group-btn),.bootstrap-select.btn-group[class*=col-]{float:none;display:inline-block;margin-left:0}.bootstrap-select.btn-group.dropdown-menu-right,.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right{float:right}.form-group .bootstrap-select.btn-group,.form-horizontal .bootstrap-select.btn-group,.form-inline .bootstrap-select.btn-group{margin-bottom:0}.form-group-lg .bootstrap-select.btn-group.form-control,.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}.form-inline .bootstrap-select.btn-group .form-control{width:100%}.bootstrap-select.btn-group.disabled,.bootstrap-select.btn-group>.disabled{cursor:not-allowed}.bootstrap-select.btn-group.disabled:focus,.bootstrap-select.btn-group>.disabled:focus{outline:0!important}.bootstrap-select.btn-group.bs-container{position:absolute;height:0!important;padding:0!important}.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}.bootstrap-select.btn-group[class*=col-] .dropdown-toggle{width:100%}.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}.bootstrap-select.btn-group .dropdown-menu li{position:relative}.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}.bootstrap-select.btn-group .dropdown-menu li small{padding-left:.5em}.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle{z-index:1061}.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,.2);position:absolute;bottom:-4px;left:9px;display:none}.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;bottom:-4px;left:10px;display:none}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204,204,204,.2);border-bottom:0}.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid #fff;border-bottom:0}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before{display:block}.bs-actionsbox,.bs-donebutton,.bs-searchbox{padding:4px 8px}.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-actionsbox .btn-group button{width:50%}.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bs-donebutton .btn-group button{width:100%}.bs-searchbox+.bs-actionsbox{padding:0 8px 4px}.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/bootstrap.min.css
0 → 100644
This diff could not be displayed because it is too large.
public/css/common.css
0 → 100644
| 1 | @charset "UTF-8"; | ||
| 2 | /*重写AdmineLTE 的部分效果 start*/ | ||
| 3 | body { | ||
| 4 | font-family: "Helvetica Neue", Helvetica, Arial, "Heiti SC","Microsoft Yahei", sans-serif; | ||
| 5 | } | ||
| 6 | |||
| 7 | h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { | ||
| 8 | font-family: "Helvetica Neue", Helvetica, Arial, "Heiti SC","Microsoft Yahei", sans-serif; | ||
| 9 | } | ||
| 10 | |||
| 11 | a { | ||
| 12 | cursor: pointer; | ||
| 13 | } | ||
| 14 | |||
| 15 | @media (max-width: 767px) { | ||
| 16 | .main-sidebar, .left-side { | ||
| 17 | padding-top: 50px | ||
| 18 | } | ||
| 19 | } | ||
| 20 | |||
| 21 | @media (max-width: 768px) { | ||
| 22 | .sidebar-mini.sidebar-collapse .main-header .navbar { | ||
| 23 | margin-left: 0 !important; | ||
| 24 | } | ||
| 25 | } | ||
| 26 | |||
| 27 | @media (min-width: 768px) { | ||
| 28 | .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container { | ||
| 29 | position: relative !important; | ||
| 30 | float: right; | ||
| 31 | width: auto !important; | ||
| 32 | left: 180px !important; | ||
| 33 | top: -22px !important; | ||
| 34 | z-index: 900 | ||
| 35 | } | ||
| 36 | |||
| 37 | .sidebar-mini.sidebar-collapse .main-header .navbar { | ||
| 38 | margin-left: 0 | ||
| 39 | } | ||
| 40 | } | ||
| 41 | |||
| 42 | .skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side { | ||
| 43 | background-color: #ffffff; | ||
| 44 | } | ||
| 45 | |||
| 46 | .main-header .navbar { | ||
| 47 | -webkit-transition: margin-left .3s ease-in-out; | ||
| 48 | -o-transition: margin-left .3s ease-in-out; | ||
| 49 | transition: margin-left .3s ease-in-out; | ||
| 50 | margin-bottom: 0; | ||
| 51 | margin-left: 0; | ||
| 52 | border: none; | ||
| 53 | min-height: 60px; | ||
| 54 | border-radius: 0 | ||
| 55 | } | ||
| 56 | |||
| 57 | .navbar-header { | ||
| 58 | margin: 0 16px; | ||
| 59 | padding-left: 50px; | ||
| 60 | background: url(../images/iclient-9d-icon.png) no-repeat center left; | ||
| 61 | } | ||
| 62 | |||
| 63 | .navbar-brand { | ||
| 64 | height: 60px; | ||
| 65 | line-height: 60px; | ||
| 66 | padding: 0; | ||
| 67 | } | ||
| 68 | |||
| 69 | .main-header .sidebar-toggle { | ||
| 70 | float: left; | ||
| 71 | background-color: transparent; | ||
| 72 | background-image: none; | ||
| 73 | padding: 15px 17px; | ||
| 74 | font-family: fontAwesome | ||
| 75 | } | ||
| 76 | |||
| 77 | .navbar-nav > .nav-dropdown-menu > .dropdown-menu { | ||
| 78 | width: 206px; | ||
| 79 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | ||
| 80 | padding: 0 0 0 0; | ||
| 81 | margin: 0; | ||
| 82 | right: 16px; | ||
| 83 | top: 100% | ||
| 84 | } | ||
| 85 | |||
| 86 | .main-header .navbar-custom-menu { | ||
| 87 | padding: 0; | ||
| 88 | margin: 0 16px; | ||
| 89 | } | ||
| 90 | |||
| 91 | *, *:after, *::before { | ||
| 92 | -webkit-box-sizing: border-box; | ||
| 93 | -moz-box-sizing: border-box; | ||
| 94 | box-sizing: border-box; | ||
| 95 | } | ||
| 96 | |||
| 97 | .main-sidebar, .left-side { | ||
| 98 | padding-top: 60px; | ||
| 99 | } | ||
| 100 | |||
| 101 | /*重写AdmineLTE 的部分效果 end*/ | ||
| 102 | |||
| 103 | /*footer */ | ||
| 104 | .main-footer { | ||
| 105 | padding: 0; | ||
| 106 | color: #7d7d7d; | ||
| 107 | } | ||
| 108 | |||
| 109 | .icl-copyright { | ||
| 110 | font-size: 13px !important; | ||
| 111 | text-align: center; | ||
| 112 | height: 54px; | ||
| 113 | line-height: 54px; | ||
| 114 | } | ||
| 115 | |||
| 116 | .icl-footer { | ||
| 117 | text-align: center; | ||
| 118 | bottom: 0; | ||
| 119 | border-top: 1px solid #ddd; | ||
| 120 | } | ||
| 121 | |||
| 122 | /*footer end */ | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/css-loader.css
0 → 100644
| 1 | .loader{color:#fff;position:fixed;box-sizing:border-box;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;z-index:999999}.loader:after,.loader:before{box-sizing:border-box;display:none}.loader.is-active{background-color:rgba(0,0,0,0.85);width:100%;height:100%;left:0;top:0}.loader.is-active:after,.loader.is-active:before{display:block}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes blink{from{opacity:.5}to{opacity:1}}.loader[data-text]:before{position:fixed;left:0;top:50%;color:currentColor;font-family:Helvetica,Arial,sans-serif;text-align:center;width:100%;font-size:14px}.loader[data-text='']:before{content:'Loading'}.loader[data-text]:not([data-text='']):before{content:attr(data-text)}.loader[data-text][data-blink]:before{animation:blink 1s linear infinite alternate}.loader-default[data-text]:before{top:calc(50% - 63px)}.loader-default:after{content:'';position:fixed;width:48px;height:48px;border:solid 8px #fff;border-left-color:transparent;border-radius:50%;top:calc(50% - 24px);left:calc(50% - 24px);animation:rotation 1s linear infinite}.loader-default[data-half]:after{border-right-color:transparent}.loader-default[data-inverse]:after{animation-direction:reverse}.loader-double:after,.loader-double:before{content:'';position:fixed;border-radius:50%;border:solid 8px;animation:rotation 1s linear infinite}.loader-double:after{width:48px;height:48px;border-color:#fff;border-left-color:transparent;top:calc(50% - 24px);left:calc(50% - 24px)}.loader-double:before{width:64px;height:64px;border-color:#eb974e;border-right-color:transparent;animation-duration:2s;top:calc(50% - 32px);left:calc(50% - 32px)}.loader-bar[data-text]:before{top:calc(50% - 40px);color:#fff}.loader-bar:after{content:'';position:fixed;top:50%;left:50%;width:200px;height:20px;transform:translate(-50%, -50%);background:linear-gradient(-45deg, #4183d7 25%, #52b3d9 25%, #52b3d9 50%, #4183d7 50%, #4183d7 75%, #52b3d9 75%, #52b3d9);background-size:20px 20px;box-shadow:inset 0 10px 0 rgba(255,255,255,0.2),0 0 0 5px rgba(0,0,0,0.2);animation:moveBar 1.5s linear infinite reverse}.loader-bar[data-rounded]:after{border-radius:15px}.loader-bar[data-inverse]:after{animation-direction:normal}@keyframes moveBar{from{background-position:0 0}to{background-position:20px 20px}}.loader-bar-ping-pong:before{content:'';width:200px;height:20px;position:absolute;top:calc(50% - 10px);left:calc(50% - 100px);background-color:#000}.loader-bar-ping-pong:after{content:'';width:50px;height:20px;position:absolute;top:calc(50% - 10px);left:calc(50% - 100px);background-color:#f19;animation:moveBarPingPong .5s linear infinite alternate}.loader-bar-ping-pong[data-rounded]:before{border-radius:10px}.loader-bar-ping-pong[data-rounded]:after{border-radius:50%;width:20px;animation-name:moveBarPingPongRounded}@keyframes moveBarPingPong{0%{left:calc(50% - 100px)}100%{left:calc(50% - -50px)}}@keyframes moveBarPingPongRounded{0%{left:calc(50% - 100px)}100%{left:calc(50% - -80px)}}@keyframes corners{6%{width:60px;height:15px}25%{width:15px;height:15px;left:calc(100% - 15px);top:0}31%{height:60px}50%{height:15px;top:calc(100% - 15px);left:calc(100% - 15px)}56%{width:60px}75%{width:15px;left:0;top:calc(100% - 15px)}81%{height:60px}}.loader-border[data-text]:before{color:#fff}.loader-border:after{content:'';position:absolute;top:0;left:0;width:15px;height:15px;background-color:#ff0;animation:corners 3s ease both infinite}.loader-ball:before{content:'';position:absolute;width:50px;height:50px;top:50%;left:50%;margin:-25px 0 0 -25px;background-color:#fff;border-radius:50%;z-index:1;animation:kick 1s infinite alternate ease-in both}.loader-ball[data-shadow]:before{box-shadow:-5px -5px 10px 0 rgba(0,0,0,0.5) inset}.loader-ball:after{content:'';position:absolute;background-color:rgba(0,0,0,0.3);border-radius:50%;width:45px;height:20px;top:calc(50% + 10px);left:50%;margin:0 0 0 -22.5px;z-index:0;animation:shadow 1s infinite alternate ease-out both}@keyframes shadow{0%{background-color:transparent;transform:scale(0)}40%{background-color:transparent;transform:scale(0)}95%{background-color:rgba(0,0,0,0.75);transform:scale(1)}100%{background-color:rgba(0,0,0,0.75);transform:scale(1)}}@keyframes kick{0%{transform:translateY(-80px) scaleX(0.95)}90%{border-radius:50%}100%{transform:translateY(0) scaleX(1);border-radius:50% 50% 20% 20%}}.loader-smartphone:after{content:'';color:#fff;font-size:12px;font-family:Helvetica,Arial,sans-serif;text-align:center;line-height:120px;position:fixed;left:50%;top:50%;width:70px;height:130px;margin:-65px 0 0 -35px;border:solid 5px #fd0;border-radius:10px;box-shadow:0 5px 0 0 #fd0 inset;background:radial-gradient(circle at 50% 90%, rgba(0,0,0,0.5) 6px, transparent 6px),linear-gradient(to top, #fd0 22px, transparent 22px),linear-gradient(to top, rgba(0,0,0,0.5) 22px, rgba(0,0,0,0.5) 100%);animation:shake 2s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite}.loader-smartphone[data-screen='']:after{content:'Loading'}.loader-smartphone:not([data-screen='']):after{content:attr(data-screen)}@keyframes shake{5%{transform:translate3d(-1px, 0, 0)}10%{transform:translate3d(1px, 0, 0)}15%{transform:translate3d(-1px, 0, 0)}20%{transform:translate3d(1px, 0, 0)}25%{transform:translate3d(-1px, 0, 0)}30%{transform:translate3d(1px, 0, 0)}35%{transform:translate3d(-1px, 0, 0)}40%{transform:translate3d(1px, 0, 0)}45%{transform:translate3d(-1px, 0, 0)}50%{transform:translate3d(1px, 0, 0)}55%{transform:translate3d(-1px, 0, 0)}}.loader-clock:before{content:'';position:fixed;width:120px;height:120px;left:50%;top:50%;border-radius:50%;overflow:hidden;margin:-60px 0 0 -60px;background:linear-gradient(to bottom, transparent 50%, #f5f5f5 50%),linear-gradient(90deg, transparent 55px, #2ecc71 55px, #2ecc71 65px, transparent 65px),linear-gradient(to bottom, #f5f5f5 50%, #f5f5f5 50%);box-shadow:0 0 0 10px #f5f5f5 inset,0 0 0 5px #555,0 0 0 10px #7b7b7b;animation:rotation infinite 2s linear}.loader-clock:after{content:'';position:fixed;width:60px;height:40px;left:50%;top:50%;margin:-20px 0 0 -15px;border-radius:20px 0 0 20px;overflow:hidden;background:radial-gradient(circle at 14px 20px, #25a25a 10px, transparent 10px),radial-gradient(circle at 14px 20px, #1b7943 14px, transparent 14px),linear-gradient(180deg, transparent 15px, #2ecc71 15px, #2ecc71 25px, transparent 25px);animation:rotation infinite 24s linear;transform-origin:15px center}.loader-curtain:before,.loader-curtain:after{position:fixed;width:100%;top:50%;margin-top:-35px;font-size:70px;text-align:center;font-family:Helvetica,Arial,sans-serif;overflow:hidden;line-height:1.2;content:'Loading'}.loader-curtain:before{color:#666}.loader-curtain:after{color:#fff;height:0;animation:curtain 1s linear infinite alternate both}.loader-curtain[data-curtain-text]:not([data-curtain-text='']):before,.loader-curtain[data-curtain-text]:not([data-curtain-text='']):after{content:attr(data-curtain-text)}.loader-curtain[data-brazilian]:before{color:#f1c40f}.loader-curtain[data-brazilian]:after{color:#2ecc71}.loader-curtain[data-colorful]:before{animation:maskColorful 2s linear infinite alternate both}.loader-curtain[data-colorful]:after{animation:curtain 1s linear infinite alternate both, maskColorful-front 2s 1s linear infinite alternate both;color:#000}@keyframes maskColorful{0%{color:#3498db}49.5%{color:#3498db}50.5%{color:#e74c3c}100%{color:#e74c3c}}@keyframes maskColorful-front{0%{color:#2ecc71}49.5%{color:#2ecc71}50.5%{color:#f1c40f}100%{color:#f1c40f}}@keyframes curtain{0%{height:0}100%{height:84px}}.loader-music:before,.loader-music:after{content:'';position:fixed;width:240px;height:240px;top:50%;left:50%;margin:-120px 0 0 -120px;border-radius:50%;text-align:center;line-height:240px;color:#fff;font-size:40px;font-family:Helvetica,Arial,sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,0.5);letter-spacing:-1px}.loader-music:after{backface-visibility:hidden}.loader-music[data-hey-oh]:before,.loader-music[data-hey-oh]:after{box-shadow:0 0 0 10px}.loader-music[data-hey-oh]:before{background-color:#fff;color:#000;animation:coinBack 2.5s linear infinite,oh 5s 1.25s linear infinite both}.loader-music[data-hey-oh]:after{background-color:#000;animation:coin 2.5s linear infinite,hey 5s linear infinite both}.loader-music[data-no-cry]:before,.loader-music[data-no-cry]:after{background:linear-gradient(45deg, #009b3a 50%, #fed100 51%);box-shadow:0 0 0 10px #000}.loader-music[data-no-cry]:before{animation:coinBack 2.5s linear infinite,cry 5s 1.25s linear infinite both}.loader-music[data-no-cry]:after{animation:coin 2.5s linear infinite,no 5s linear infinite both}.loader-music[data-we-are]:before{animation:coinBack 2.5s linear infinite,theWorld 5s 1.25s linear infinite both;background:radial-gradient(ellipse at center, #4ecdc4 0%, #556270)}.loader-music[data-we-are]:after{animation:coin 2.5s linear infinite,weAre 5s linear infinite both;background:radial-gradient(ellipse at center, #26d0ce 0%, #1a2980)}.loader-music[data-rock-you]:before{animation:coinBack 2.5s linear infinite,rockYou 5s 1.25s linear infinite both;background:#444}.loader-music[data-rock-you]:after{animation:coin 2.5s linear infinite,weWill 5s linear infinite both;background:#96281b}@keyframes coin{to{transform:rotateY(359deg)}}@keyframes coinBack{0%{transform:rotateY(180deg)}50%{transform:rotateY(360deg)}100%{transform:rotateY(180deg)}}@keyframes hey{0%{content:'Hey!'}50%{content:'Let\'s!'}100%{content:'Hey!'}}@keyframes oh{0%{content:'Oh!'}50%{content:'Go!'}100%{content:'Oh!'}}@keyframes no{0%{content:'No...'}50%{content:'no'}100%{content:'No...'}}@keyframes cry{0%{content:'woman'}50%{content:'cry!'}100%{content:'woman'}}@keyframes weAre{0%{content:'We are'}50%{content:'we are'}100%{content:'We are'}}@keyframes theWorld{0%{content:'the world,'}50%{content:'the children!'}100%{content:'the world,'}}@keyframes weWill{0%{content:'We will,'}50%{content:'rock you!'}100%{content:'We will,'}}@keyframes rockYou{0%{content:'we will'}50%{content:'🤘'}100%{content:'we will'}}.loader-pokeball:before{content:'';position:absolute;width:100px;height:100px;top:50%;left:50%;margin:-50px 0 0 -50px;background:linear-gradient(to bottom, red 42%, #000 42%, #000 58%, #fff 58%);background-repeat:no-repeat;background-color:#fff;border-radius:50%;z-index:1;animation:movePokeball 1s linear infinite both}.loader-pokeball:after{content:'';position:absolute;width:24px;height:24px;top:50%;left:50%;margin:-12px 0 0 -12px;background-color:#fff;border-radius:50%;z-index:2;animation:movePokeball 1s linear infinite both, flashPokeball .5s infinite alternate;border:solid 2px #000;box-shadow:0 0 0 5px #fff, 0 0 0 10px #000}@keyframes movePokeball{0%{transform:translateX(0) rotate(0)}15%{transform:translatex(-10px) rotate(-5deg)}30%{transform:translateX(10px) rotate(5deg)}45%{transform:translatex(0) rotate(0)}}@keyframes flashPokeball{0%{background-color:#fff}100%{background-color:#fd0}} |
public/css/editor.css
0 → 100644
| 1 | html, body, .wrapper { | ||
| 2 | height: 100% !important; | ||
| 3 | } | ||
| 4 | |||
| 5 | .wrapper { | ||
| 6 | overflow: hidden; | ||
| 7 | } | ||
| 8 | |||
| 9 | .main-header { | ||
| 10 | position: fixed; | ||
| 11 | width: 100%; | ||
| 12 | } | ||
| 13 | |||
| 14 | .edit-container { | ||
| 15 | min-height: 52px; | ||
| 16 | background-color: #f9f9f9; | ||
| 17 | position: absolute; | ||
| 18 | top: 0; | ||
| 19 | bottom: 0; | ||
| 20 | left: 0; | ||
| 21 | right: 0; | ||
| 22 | margin-top: 60px; | ||
| 23 | } | ||
| 24 | |||
| 25 | .edit-container section.content { | ||
| 26 | min-height: 100%; | ||
| 27 | width: 100%; | ||
| 28 | padding: 0; | ||
| 29 | position: absolute; | ||
| 30 | top: 0; | ||
| 31 | bottom: 0; | ||
| 32 | } | ||
| 33 | |||
| 34 | .content .pane { | ||
| 35 | position: relative; | ||
| 36 | padding: 0; | ||
| 37 | } | ||
| 38 | |||
| 39 | #codePane { | ||
| 40 | height: 100%; | ||
| 41 | box-shadow: 2px 0px 6px #cccccc; | ||
| 42 | } | ||
| 43 | |||
| 44 | .codePaneTool { | ||
| 45 | position: absolute; | ||
| 46 | width: 100%; | ||
| 47 | height: 40px; | ||
| 48 | line-height: 24px; | ||
| 49 | z-index: 800; | ||
| 50 | background-color: white; | ||
| 51 | padding: 8px 22px; | ||
| 52 | box-shadow: 0 2px 10px #dddddd; | ||
| 53 | } | ||
| 54 | |||
| 55 | #editor { | ||
| 56 | font-family: Consolas, monaco, 'Courier New', Courier, monospace; | ||
| 57 | position: absolute; | ||
| 58 | top: 42px; | ||
| 59 | bottom: 0; | ||
| 60 | right: 0; | ||
| 61 | width: 100%; | ||
| 62 | line-height: 18px; | ||
| 63 | font-size: 13px; | ||
| 64 | } | ||
| 65 | |||
| 66 | #previewPane { | ||
| 67 | height: 100%; | ||
| 68 | } | ||
| 69 | |||
| 70 | #innerPage { | ||
| 71 | width: 100%; | ||
| 72 | height: 100%; | ||
| 73 | border: none; | ||
| 74 | } | ||
| 75 | |||
| 76 | .editorBtn { | ||
| 77 | display: inline-block; | ||
| 78 | width: 60px; | ||
| 79 | height: 24px; | ||
| 80 | line-height: 24px; | ||
| 81 | text-align: center; | ||
| 82 | color: #0083CB; | ||
| 83 | float: right; | ||
| 84 | cursor: pointer; | ||
| 85 | } | ||
| 86 | |||
| 87 | .editorBtn:hover { | ||
| 88 | font-weight: bold; | ||
| 89 | } | ||
| 90 | |||
| 91 | #showCodeBtn { | ||
| 92 | cursor: pointer; | ||
| 93 | z-index: 900; | ||
| 94 | position: absolute; | ||
| 95 | bottom: 4px; | ||
| 96 | right: 0; | ||
| 97 | width: 70px; | ||
| 98 | height: 45px; | ||
| 99 | line-height: 45px; | ||
| 100 | margin: 4px; | ||
| 101 | text-align: center; | ||
| 102 | background-color: rgba(60, 141, 188, 0.8); | ||
| 103 | color: #fff; | ||
| 104 | } | ||
| 105 | |||
| 106 | #showCodeBtn:hover { | ||
| 107 | background-color: rgba(60, 141, 188, 1.0); | ||
| 108 | } | ||
| 109 | |||
| 110 | @media screen and (max-width: 992px) { | ||
| 111 | #codePane { | ||
| 112 | display: none; | ||
| 113 | } | ||
| 114 | |||
| 115 | .codePaneTool { | ||
| 116 | padding: 8px 68px 8px 20px; | ||
| 117 | } | ||
| 118 | } | ||
| 119 | |||
| 120 | .ace_scrollbar::-webkit-scrollbar { | ||
| 121 | width: 8px; | ||
| 122 | } | ||
| 123 | |||
| 124 | .ace_scrollbar::-webkit-scrollbar-thumb { | ||
| 125 | border-radius: 12px; | ||
| 126 | background: #e7e7e7; | ||
| 127 | -webkit-box-shadow: inset 0 0 6px #d1cfcf; | ||
| 128 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/examples.css
0 → 100644
| 1 | .main-header { | ||
| 2 | position: fixed; | ||
| 3 | width: 100%; | ||
| 4 | } | ||
| 5 | |||
| 6 | .examples-container { | ||
| 7 | background-color: #f9f9f9; | ||
| 8 | margin-top: 60px; | ||
| 9 | overflow: auto; | ||
| 10 | } | ||
| 11 | |||
| 12 | #charts-list { | ||
| 13 | margin: 0; | ||
| 14 | padding: 0 20px; | ||
| 15 | list-style: none; | ||
| 16 | overflow: inherit; | ||
| 17 | background-color: #f9f9f9; | ||
| 18 | } | ||
| 19 | |||
| 20 | h3.category-title { | ||
| 21 | margin-top: 10px; | ||
| 22 | height: 40px; | ||
| 23 | line-height: 40px; | ||
| 24 | margin-bottom: 0; | ||
| 25 | margin-left: 2px; | ||
| 26 | color: #555555 | ||
| 27 | } | ||
| 28 | |||
| 29 | @media (min-width: 1400px) { | ||
| 30 | .col-xlg-2 { | ||
| 31 | width: 16.66666667%; | ||
| 32 | padding-bottom: 5px; | ||
| 33 | } | ||
| 34 | } | ||
| 35 | |||
| 36 | #charts-list .chart { | ||
| 37 | width: 100%; | ||
| 38 | max-width: 260px; | ||
| 39 | margin: 4px auto; | ||
| 40 | -webkit-border-radius: 2px; | ||
| 41 | border-radius: 2px; | ||
| 42 | background: #fff; | ||
| 43 | box-shadow: 0 0 3px rgba(150, 150, 150, 0.5); | ||
| 44 | -webkit-box-shadow: 0 0 3px rgba(150, 150, 150, 0.5); | ||
| 45 | } | ||
| 46 | |||
| 47 | #charts-list .chart:hover, #charts-list .chart:focus { | ||
| 48 | transform: scale(1.1); | ||
| 49 | z-index: 100; | ||
| 50 | -webkit-transform: scale(1.1); | ||
| 51 | transition-duration: .4s; | ||
| 52 | box-shadow: 1px 1px 6px rgba(150, 150, 150, 0.6); | ||
| 53 | -webkit-box-shadow: 1px 1px 6px rgba(150, 150, 150, 0.6); | ||
| 54 | } | ||
| 55 | |||
| 56 | #charts-list .chart .chart-link { | ||
| 57 | position: relative; | ||
| 58 | display: block; | ||
| 59 | } | ||
| 60 | |||
| 61 | #charts-list .chart .chart-link .chart-title { | ||
| 62 | color: #2c3b41; | ||
| 63 | text-align: center; | ||
| 64 | padding: 2px; | ||
| 65 | overflow: hidden; | ||
| 66 | height: 36px; | ||
| 67 | line-height: 36px; | ||
| 68 | text-overflow: ellipsis; | ||
| 69 | white-space: nowrap; | ||
| 70 | margin: 0; | ||
| 71 | font-weight: normal; | ||
| 72 | } | ||
| 73 | |||
| 74 | #charts-list .chart .chart-link .chart-thumb { | ||
| 75 | width: 100%; | ||
| 76 | } | ||
| 77 | |||
| 78 | .box { | ||
| 79 | box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); | ||
| 80 | } | ||
| 81 | |||
| 82 | .box.box-default { | ||
| 83 | border: 0; | ||
| 84 | margin-bottom: 20px; | ||
| 85 | padding-top: 45px; | ||
| 86 | background-color: #f9f9f9; | ||
| 87 | border-top: 1px solid #3c8dbc; | ||
| 88 | } | ||
| 89 | |||
| 90 | .box-title { | ||
| 91 | padding-top: 10px; | ||
| 92 | padding-bottom: 0; | ||
| 93 | color: #111111; | ||
| 94 | font-family: 'Microsoft Yahei'; | ||
| 95 | } | ||
| 96 | |||
| 97 | .box-header { | ||
| 98 | padding-top: 10px; | ||
| 99 | padding-bottom: 5px; | ||
| 100 | padding-left: 0; | ||
| 101 | background-color: #f9f9f9; | ||
| 102 | } | ||
| 103 | |||
| 104 | .box-body { | ||
| 105 | background-color: #f9f9f9; | ||
| 106 | padding-top: 5px; | ||
| 107 | } | ||
| 108 | |||
| 109 | .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus { | ||
| 110 | background: #3c8dbc; | ||
| 111 | } | ||
| 112 | |||
| 113 | .category { | ||
| 114 | padding-top: 40px; | ||
| 115 | } | ||
| 116 | |||
| 117 | /*****/ | ||
| 118 | |||
| 119 | .my-item { | ||
| 120 | display: inline-block; | ||
| 121 | vertical-align: top; | ||
| 122 | margin: 2px 5px; | ||
| 123 | text-align: center; | ||
| 124 | cursor: pointer; | ||
| 125 | } | ||
| 126 | .my-itemIcon { | ||
| 127 | display: inline-block; | ||
| 128 | position: relative; | ||
| 129 | height: auto; | ||
| 130 | width: 30px; | ||
| 131 | border-radius: 4px; | ||
| 132 | color: #edffff; | ||
| 133 | cursor: pointer; | ||
| 134 | box-sizing: border-box; | ||
| 135 | } | ||
| 136 | .my-item:hover { | ||
| 137 | background-color: #FFFFFF; | ||
| 138 | } | ||
| 139 | .my-toolbar{ | ||
| 140 | display: none; | ||
| 141 | position: absolute; | ||
| 142 | padding: 2px 5px; | ||
| 143 | margin: 5px; | ||
| 144 | left: 0px; | ||
| 145 | top: 0px; | ||
| 146 | } | ||
| 147 | .my-itemDropDown{ | ||
| 148 | display: block; | ||
| 149 | position: absolute; | ||
| 150 | top: auto; | ||
| 151 | box-sizing: content-box; | ||
| 152 | left: 0px; | ||
| 153 | width: 40px; | ||
| 154 | margin-top: 5px; | ||
| 155 | background-color: rgba(149, 146, 146, 0.75); | ||
| 156 | border: 1px solid #444; | ||
| 157 | padding: 6px; | ||
| 158 | overflow: hidden; | ||
| 159 | border-radius: 10px; | ||
| 160 | } | ||
| 161 | .includeSlider{ | ||
| 162 | display: block; | ||
| 163 | box-sizing: content-box; | ||
| 164 | width: 200px; | ||
| 165 | margin-top: 25px; | ||
| 166 | } | ||
| 167 | .includeSlider:after{ | ||
| 168 | content: attr(name); | ||
| 169 | color: black; | ||
| 170 | position: absolute; | ||
| 171 | left: -50px; | ||
| 172 | top: -10px; | ||
| 173 | white-space: nowrap; | ||
| 174 | } | ||
| 175 | .mytool{ | ||
| 176 | display: none; | ||
| 177 | position: absolute; | ||
| 178 | box-sizing: content-box; | ||
| 179 | top:30px; | ||
| 180 | right: 50px; | ||
| 181 | } | ||
| 182 | .mySliderNum{ | ||
| 183 | position: absolute; | ||
| 184 | margin-top: 10px; | ||
| 185 | margin-left: 210px; | ||
| 186 | bottom: -10px; | ||
| 187 | color: black; | ||
| 188 | } | ||
| 189 | #hypToolbar{ | ||
| 190 | margin: 5px; | ||
| 191 | padding: 2px 5px; | ||
| 192 | position: absolute; | ||
| 193 | top: 0px; | ||
| 194 | right: 20px; | ||
| 195 | display: none; | ||
| 196 | } | ||
| 197 | .triangle-isosceles { | ||
| 198 | position: absolute;; | ||
| 199 | top: 10px; | ||
| 200 | padding: 15px; | ||
| 201 | margin: 1em 0 3em; | ||
| 202 | color: #000; | ||
| 203 | background: #f3961c; | ||
| 204 | background: -webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c)); | ||
| 205 | background: -moz-linear-gradient(#f9d835, #f3961c); | ||
| 206 | background: -o-linear-gradient(#f9d835, #f3961c); | ||
| 207 | background: linear-gradient(#f9d835, #f3961c); | ||
| 208 | -webkit-border-radius: 10px; | ||
| 209 | -moz-border-radius: 10px; | ||
| 210 | border-radius: 10px; | ||
| 211 | } | ||
| 212 | .word { | ||
| 213 | display: block; | ||
| 214 | -webkit-margin-before: 1em; | ||
| 215 | -webkit-margin-after: 1em; | ||
| 216 | -webkit-margin-start: 0px; | ||
| 217 | -webkit-margin-end: 0px; | ||
| 218 | font-size: smaller; | ||
| 219 | } | ||
| 220 | .triangle-isosceles:after { | ||
| 221 | content: ""; | ||
| 222 | position: absolute; | ||
| 223 | bottom: -15px; | ||
| 224 | left: 50px; | ||
| 225 | border-width: 15px 15px 0; | ||
| 226 | border-style: solid; | ||
| 227 | border-color: #f3961c transparent; | ||
| 228 | display: block; | ||
| 229 | width: 0; | ||
| 230 | } | ||
| 231 | |||
| 232 | .example-right { | ||
| 233 | text-align:center; | ||
| 234 | position: absolute; | ||
| 235 | padding: 15px 30px; | ||
| 236 | margin: 0; | ||
| 237 | color: #fff; | ||
| 238 | background: #5a8f00; | ||
| 239 | background: -webkit-gradient(linear, 0 0, 0 100%, from(#b8db29), to(#5a8f00)); | ||
| 240 | background: -moz-linear-gradient(#b8db29, #5a8f00); | ||
| 241 | background: -o-linear-gradient(#b8db29, #5a8f00); | ||
| 242 | background: linear-gradient(rgba(7,86,152,0.3), rgba(46,136,196,0.3)); | ||
| 243 | -webkit-border-radius: 10px; | ||
| 244 | -moz-border-radius: 10px; | ||
| 245 | border-radius: 10px; | ||
| 246 | max-width : 330px; | ||
| 247 | max-height: 450px; | ||
| 248 | } | ||
| 249 | .example-right:after { | ||
| 250 | content: ""; | ||
| 251 | position: absolute; | ||
| 252 | bottom: -50px; | ||
| 253 | left: 50px; | ||
| 254 | border-width: 0 20px 50px 0px; | ||
| 255 | border-style: solid; | ||
| 256 | border-color: transparent rgba(46,136,196,0.3); | ||
| 257 | display: block; | ||
| 258 | width: 0; | ||
| 259 | } | ||
| 260 | .checkbox label:after, | ||
| 261 | .radio label:after { | ||
| 262 | content: ''; | ||
| 263 | display: table; | ||
| 264 | clear: both; | ||
| 265 | } | ||
| 266 | |||
| 267 | .checkbox .cr, | ||
| 268 | .radio .cr { | ||
| 269 | position: relative; | ||
| 270 | display: inline-block; | ||
| 271 | border: 1px solid #a9a9a9; | ||
| 272 | border-radius: .25em; | ||
| 273 | width: 1.3em; | ||
| 274 | height: 1.3em; | ||
| 275 | float: left; | ||
| 276 | margin-right: .5em; | ||
| 277 | } | ||
| 278 | |||
| 279 | .radio .cr { | ||
| 280 | border-radius: 50%; | ||
| 281 | } | ||
| 282 | |||
| 283 | .checkbox .cr .cr-icon, | ||
| 284 | .radio .cr .cr-icon { | ||
| 285 | position: absolute; | ||
| 286 | font-size: .8em; | ||
| 287 | line-height: 0; | ||
| 288 | top: 50%; | ||
| 289 | left: 20%; | ||
| 290 | } | ||
| 291 | |||
| 292 | .radio .cr .cr-icon { | ||
| 293 | margin-left: 0.04em; | ||
| 294 | } | ||
| 295 | |||
| 296 | .checkbox label input[type="checkbox"], | ||
| 297 | .radio label input[type="radio"] { | ||
| 298 | display: none; | ||
| 299 | } | ||
| 300 | |||
| 301 | .checkbox label input[type="checkbox"] + .cr > .cr-icon, | ||
| 302 | .radio label input[type="radio"] + .cr > .cr-icon { | ||
| 303 | transform: scale(3) rotateZ(-20deg); | ||
| 304 | opacity: 0; | ||
| 305 | transition: all .3s ease-in; | ||
| 306 | } | ||
| 307 | |||
| 308 | .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, | ||
| 309 | .radio label input[type="radio"]:checked + .cr > .cr-icon { | ||
| 310 | transform: scale(1) rotateZ(0deg); | ||
| 311 | opacity: 1; | ||
| 312 | } | ||
| 313 | |||
| 314 | .checkbox label input[type="checkbox"]:disabled + .cr, | ||
| 315 | .radio label input[type="radio"]:disabled + .cr { | ||
| 316 | opacity: .5; | ||
| 317 | } | ||
| 318 | |||
| 319 | .selectContainer{ | ||
| 320 | |||
| 321 | } | ||
| 322 | .selectContainer::before{ | ||
| 323 | content: attr(name); | ||
| 324 | color: black; | ||
| 325 | position: absolute; | ||
| 326 | left: -37%; | ||
| 327 | white-space: nowrap; | ||
| 328 | } | ||
| 329 | #progressBar { | ||
| 330 | width: 400px; | ||
| 331 | height: 22px; | ||
| 332 | border: 1px solid #111; | ||
| 333 | background-color: #dad5d5; | ||
| 334 | } | ||
| 335 | #progressBar div { | ||
| 336 | height: 100%; | ||
| 337 | color: #fff; | ||
| 338 | text-align: right; | ||
| 339 | line-height: 22px; | ||
| 340 | width: 0; | ||
| 341 | background-color: #0099ff; | ||
| 342 | } | ||
| 343 | .jquery-ui-like { | ||
| 344 | border-radius: 4px; | ||
| 345 | background: #FFF; | ||
| 346 | border: 1px solid #AAA; | ||
| 347 | overflow: hidden; | ||
| 348 | } | ||
| 349 | .jquery-ui-like div { | ||
| 350 | background-image: url(../images/pbar-ani.gif); | ||
| 351 | border-right: 1px solid #AAA; | ||
| 352 | } |
public/css/flat-ui.css
0 → 100644
This diff could not be displayed because it is too large.
public/css/flat-ui.min.css
0 → 100644
This diff could not be displayed because it is too large.
public/css/font-awesome.min.css
0 → 100644
| 1 | /*! | ||
| 2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome | ||
| 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) | ||
| 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} |
public/css/header.css
0 → 100644
| 1 | .navbar { | ||
| 2 | font-size: 16px; | ||
| 3 | } | ||
| 4 | |||
| 5 | /*logo的样式*/ | ||
| 6 | #logo { | ||
| 7 | width: 28px; | ||
| 8 | height: 28px; | ||
| 9 | } | ||
| 10 | |||
| 11 | .navbar .project-title { | ||
| 12 | text-decoration: none; | ||
| 13 | vertical-align: middle; | ||
| 14 | font-size: 24px; | ||
| 15 | color: #FFFFFF; | ||
| 16 | letter-spacing: -0.16px; | ||
| 17 | } | ||
| 18 | |||
| 19 | #title { | ||
| 20 | font-size: 24px; | ||
| 21 | color: #FFFFFF; | ||
| 22 | } | ||
| 23 | |||
| 24 | #suffix-title { | ||
| 25 | font-size: 16px; | ||
| 26 | color: #FFFFFF; | ||
| 27 | height: 60px; | ||
| 28 | line-height: 60px; | ||
| 29 | padding: 5px; | ||
| 30 | float: left; | ||
| 31 | } | ||
| 32 | |||
| 33 | .main-header .sidebar-toggle { | ||
| 34 | float: left; | ||
| 35 | background-color: transparent; | ||
| 36 | background-image: none; | ||
| 37 | padding: 15px 17px; | ||
| 38 | font-family: 'fontAwesome'; | ||
| 39 | } | ||
| 40 | |||
| 41 | .main-header .sidebar-toggle:before { | ||
| 42 | content: "\f03b"; | ||
| 43 | } | ||
| 44 | |||
| 45 | /*头部选项选中时的颜色*/ | ||
| 46 | .skin-blue .main-header .navbar .nav > li > a:hover, | ||
| 47 | .skin-blue .main-header .navbar .nav > li > a:active, | ||
| 48 | .skin-blue .main-header .navbar .nav > li > a:focus, | ||
| 49 | .skin-blue .main-header .navbar .nav .open > a, | ||
| 50 | .skin-blue .main-header .navbar .nav .open > a:hover, | ||
| 51 | .skin-blue .main-header .navbar .nav .open > a:focus, | ||
| 52 | .skin-blue .main-header .navbar .nav > .active > a { | ||
| 53 | background: #3375A1; | ||
| 54 | } | ||
| 55 | |||
| 56 | .skin-blue .main-header .navbar .nav > li > a:hover { | ||
| 57 | background: rgba(0, 0, 0, 0.1); | ||
| 58 | } | ||
| 59 | |||
| 60 | .navbar-toggle { | ||
| 61 | height: 60px; | ||
| 62 | } | ||
| 63 | |||
| 64 | /*头部选项下拉菜单框的样式*/ | ||
| 65 | .navbar ul { | ||
| 66 | list-style: none outside none; | ||
| 67 | padding: 0; | ||
| 68 | } | ||
| 69 | |||
| 70 | .navbar-nav > li { | ||
| 71 | height: 60px; | ||
| 72 | display: table; | ||
| 73 | } | ||
| 74 | |||
| 75 | .navbar-nav > li > a { | ||
| 76 | display: table-cell; | ||
| 77 | vertical-align: middle; | ||
| 78 | } | ||
| 79 | |||
| 80 | .navbar .menu-sub-warp { | ||
| 81 | max-height: 0; | ||
| 82 | } | ||
| 83 | |||
| 84 | .navbar-menu:hover .menu-sub-warp { | ||
| 85 | max-height: 600px; | ||
| 86 | transform-origin: 50% 0; | ||
| 87 | -webkit-transform-origin: 50% 0; | ||
| 88 | -moz-transform-origin: 50% 0; | ||
| 89 | transition: all .5s linear; | ||
| 90 | -webkit-transition: all .5s linear; | ||
| 91 | -moz-transition: all .5s linear; | ||
| 92 | } | ||
| 93 | |||
| 94 | .lang-option { | ||
| 95 | cursor: pointer; | ||
| 96 | z-index: -1; | ||
| 97 | } | ||
| 98 | |||
| 99 | .menu-box { | ||
| 100 | width: 100%; | ||
| 101 | position: absolute; | ||
| 102 | left: 0; | ||
| 103 | top: 60px; | ||
| 104 | } | ||
| 105 | |||
| 106 | .menu-box .menu-sub-warp { | ||
| 107 | width: 100%; | ||
| 108 | margin: 0 auto; | ||
| 109 | overflow: auto; | ||
| 110 | text-align: center; | ||
| 111 | line-height: normal; | ||
| 112 | color: white; | ||
| 113 | background-color: rgba(0, 0, 0, .9); | ||
| 114 | } | ||
| 115 | |||
| 116 | .menu-box .menu-sub-warp::-webkit-scrollbar { | ||
| 117 | width: 3px; | ||
| 118 | } | ||
| 119 | |||
| 120 | .menu-box .menu-sub-warp::-webkit-scrollbar-thumb { | ||
| 121 | border-radius: 12px; | ||
| 122 | background: rgba(0, 0, 0, .8); | ||
| 123 | } | ||
| 124 | |||
| 125 | .navbar-nav > li > a { | ||
| 126 | padding-bottom: 17px; | ||
| 127 | } | ||
| 128 | |||
| 129 | .navbar-nav > .nav-dropdown-menu > .dropdown-menu { | ||
| 130 | border: 0; | ||
| 131 | } | ||
| 132 | |||
| 133 | .navbar-nav > .nav-dropdown-menu > .dropdown-menu > li > a { | ||
| 134 | color: #F8F8F8; | ||
| 135 | font-size: 14px; | ||
| 136 | padding-top: 12px; | ||
| 137 | padding-bottom: 12px; | ||
| 138 | background-color: #3375A1; | ||
| 139 | } | ||
| 140 | |||
| 141 | .navbar-nav > .nav-dropdown-menu > .dropdown-menu > li:hover > a { | ||
| 142 | background-color: #2f5975; | ||
| 143 | } | ||
| 144 | |||
| 145 | .navbar-nav > li { | ||
| 146 | position: static !important; | ||
| 147 | height: 60px; | ||
| 148 | display: table; | ||
| 149 | } | ||
| 150 | |||
| 151 | .nav-header-example > li { | ||
| 152 | position: relative !important; | ||
| 153 | } | ||
| 154 | |||
| 155 | ul.icl-nav-menu-box { | ||
| 156 | margin: 0; | ||
| 157 | padding: 10px; | ||
| 158 | } | ||
| 159 | |||
| 160 | .icl-nav-menu-box > li { | ||
| 161 | display: inline-block; | ||
| 162 | vertical-align: text-top; | ||
| 163 | width: 160px; | ||
| 164 | margin: 0 30px; | ||
| 165 | text-align: right; | ||
| 166 | } | ||
| 167 | |||
| 168 | li.navbar-menu > a { | ||
| 169 | padding: 10px; | ||
| 170 | } | ||
| 171 | |||
| 172 | li.navbar-menu > a:hover, li.navbar-menu > a:focus { | ||
| 173 | outline: none; | ||
| 174 | } | ||
| 175 | |||
| 176 | li.navbar-menu > a::before { | ||
| 177 | position: absolute; | ||
| 178 | left: 0; | ||
| 179 | width: 100%; | ||
| 180 | height: 4px; | ||
| 181 | background: #df9d00; | ||
| 182 | content: ''; | ||
| 183 | opacity: 0; | ||
| 184 | -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; | ||
| 185 | -moz-transition: opacity 0.3s, -moz-transform 0.3s; | ||
| 186 | transition: opacity 0.3s, transform 0.3s; | ||
| 187 | -webkit-transform: translateY(-10px); | ||
| 188 | -moz-transform: translateY(-10px); | ||
| 189 | transform: translateY(-10px); | ||
| 190 | } | ||
| 191 | |||
| 192 | li.navbar-menu > a::before { | ||
| 193 | top: 0; | ||
| 194 | -webkit-transform: translateY(-10px); | ||
| 195 | -moz-transform: translateY(-10px); | ||
| 196 | transform: translateY(-10px); | ||
| 197 | } | ||
| 198 | |||
| 199 | li.navbar-menu > a:hover::before, | ||
| 200 | li.navbar-menu > a:focus::before, | ||
| 201 | li.navbar-menu.active > a::before { | ||
| 202 | opacity: 1; | ||
| 203 | -webkit-transform: translateY(0px); | ||
| 204 | -moz-transform: translateY(0px); | ||
| 205 | transform: translateY(0px); | ||
| 206 | } | ||
| 207 | |||
| 208 | ul.icl-nav-menu-sub:nth-child(1) { | ||
| 209 | border-bottom: 1px solid rgba(255, 255, 255, .1); | ||
| 210 | } | ||
| 211 | |||
| 212 | .icl-nav-menu-title { | ||
| 213 | display: block; | ||
| 214 | color: white; | ||
| 215 | font-size: 1.7rem; | ||
| 216 | text-align: right; | ||
| 217 | margin: 6px 0; | ||
| 218 | padding: 10px 4px; | ||
| 219 | } | ||
| 220 | |||
| 221 | .icl-nav-menu-title:link, | ||
| 222 | .icl-nav-menu-title:hover, | ||
| 223 | .icl-nav-menu-title:focus, | ||
| 224 | .icl-nav-menu-title:visited { | ||
| 225 | color: white; | ||
| 226 | } | ||
| 227 | |||
| 228 | .icl-nav-menu-box li a:not(.disabled):hover, | ||
| 229 | .icl-nav-menu-box li a:not(.disabled):focus { | ||
| 230 | color: #df9d00; | ||
| 231 | } | ||
| 232 | |||
| 233 | .icl-nav-menu-sub { | ||
| 234 | font-size: 1.4rem; | ||
| 235 | max-height: 600px; | ||
| 236 | margin-bottom: 10px; | ||
| 237 | overflow: auto; | ||
| 238 | color: #d7d7d7; | ||
| 239 | } | ||
| 240 | |||
| 241 | .icl-nav-menu-sub a { | ||
| 242 | color: #d7d7d7; | ||
| 243 | } | ||
| 244 | |||
| 245 | .icl-nav-menu-sub li { | ||
| 246 | text-align: match-parent; | ||
| 247 | |||
| 248 | line-height: 30px; | ||
| 249 | } | ||
| 250 | |||
| 251 | .icl-nav-menu-sub::-webkit-scrollbar { | ||
| 252 | width: 3px; | ||
| 253 | } | ||
| 254 | |||
| 255 | .icl-nav-menu-sub::-webkit-scrollbar-thumb { | ||
| 256 | border-radius: 12px; | ||
| 257 | background: rgba(0, 0, 0, .8); | ||
| 258 | } | ||
| 259 | |||
| 260 | .icl-nav-menu-item:not(.icl-nav-menu-overivew) > li:last-child { | ||
| 261 | width: 120px; | ||
| 262 | } | ||
| 263 | |||
| 264 | @media screen and (max-width: 1284px) { | ||
| 265 | .menu-box { | ||
| 266 | top: 120px; | ||
| 267 | } | ||
| 268 | } | ||
| 269 | |||
| 270 | @media screen and (max-width: 992px) { | ||
| 271 | |||
| 272 | /*尺寸小于992时下拉菜单的样式*/ | ||
| 273 | .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { | ||
| 274 | border: 0; | ||
| 275 | background: #3375A1; | ||
| 276 | } | ||
| 277 | |||
| 278 | .navbar-custom-menu > .navbar-nav > li > .dropdown-menu > li { | ||
| 279 | position: relative; | ||
| 280 | right: 0; | ||
| 281 | left: auto; | ||
| 282 | border: 0; | ||
| 283 | background: #3375A1; | ||
| 284 | } | ||
| 285 | |||
| 286 | .skin-blue .main-header .navbar .dropdown-menu > li > a { | ||
| 287 | color: #ffffff; | ||
| 288 | } | ||
| 289 | |||
| 290 | /*头部右侧收缩按钮的收缩样式和宽度控制*/ | ||
| 291 | .navbar-header { | ||
| 292 | float: none | ||
| 293 | } | ||
| 294 | |||
| 295 | .navbar-toggle { | ||
| 296 | display: block; | ||
| 297 | float: right; | ||
| 298 | } | ||
| 299 | |||
| 300 | .navbar-collapse.collapse { | ||
| 301 | display: none !important; | ||
| 302 | } | ||
| 303 | |||
| 304 | .navbar-nav > li { | ||
| 305 | float: none; | ||
| 306 | } | ||
| 307 | |||
| 308 | .collapse.in { | ||
| 309 | display: block !important; | ||
| 310 | } | ||
| 311 | |||
| 312 | .icl-nav-menu-title { | ||
| 313 | font-size: 1.5rem; | ||
| 314 | } | ||
| 315 | |||
| 316 | .icl-nav-menu-overivew > li { | ||
| 317 | margin: 0 20px; | ||
| 318 | } | ||
| 319 | |||
| 320 | } | ||
| 321 | |||
| 322 | @media (max-width: 991px) { | ||
| 323 | .navbar-custom-menu > .navbar-nav > li { | ||
| 324 | position: relative; | ||
| 325 | } | ||
| 326 | |||
| 327 | .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { | ||
| 328 | position: absolute; | ||
| 329 | right: 0; | ||
| 330 | left: auto; | ||
| 331 | } | ||
| 332 | } | ||
| 333 | |||
| 334 | @media screen and (max-width: 834px) { | ||
| 335 | html[lang="en"] .skin-blue .main-header .navbar .nav > li > a { | ||
| 336 | font-size: 14px; | ||
| 337 | } | ||
| 338 | } | ||
| 339 | |||
| 340 | @media screen and (max-width: 767px) { | ||
| 341 | .navbar-nav > li > .dropdown-menu { | ||
| 342 | margin-top: 0 !important; | ||
| 343 | } | ||
| 344 | |||
| 345 | #suffix-title { | ||
| 346 | font-size: 14px; | ||
| 347 | } | ||
| 348 | |||
| 349 | /*尺寸小于768px时，logo和产品名称的样式*/ | ||
| 350 | #title { | ||
| 351 | font-size: 20px; | ||
| 352 | } | ||
| 353 | |||
| 354 | .navbar-brand { | ||
| 355 | padding-right: 10px !important; | ||
| 356 | } | ||
| 357 | |||
| 358 | .navbar-toggle { | ||
| 359 | padding-left: 10px; | ||
| 360 | padding-top: 18px | ||
| 361 | } | ||
| 362 | |||
| 363 | .navbar-collapse.in { | ||
| 364 | overflow-y: visible; | ||
| 365 | } | ||
| 366 | |||
| 367 | .navbar-menu { | ||
| 368 | font-size: 14px; | ||
| 369 | } | ||
| 370 | } | ||
| 371 | |||
| 372 | @media screen and (max-width: 756px) { | ||
| 373 | html[lang="en"] .menu-box { | ||
| 374 | top: 180px; | ||
| 375 | } | ||
| 376 | } | ||
| 377 | |||
| 378 | @media screen and (max-width: 698px) { | ||
| 379 | .menu-box { | ||
| 380 | top: 180px; | ||
| 381 | } | ||
| 382 | } | ||
| 383 | |||
| 384 | @media screen and (max-width: 540px) { | ||
| 385 | .navbar-custom-menu > .navbar-nav > li { | ||
| 386 | position: static !important; | ||
| 387 | } | ||
| 388 | |||
| 389 | .navbar-custom-menu > .nav-header-example > li { | ||
| 390 | position: relative !important; | ||
| 391 | } | ||
| 392 | |||
| 393 | .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { | ||
| 394 | position: absolute; | ||
| 395 | left: 0; | ||
| 396 | } | ||
| 397 | } | ||
| 398 | |||
| 399 | /*尺寸小于510px时，logo和产品名称的样式，主要是为了适应iphone6 plus等移动端的浏览器*/ | ||
| 400 | @media screen and (max-width: 510px) { | ||
| 401 | #logo { | ||
| 402 | width: 25px; | ||
| 403 | height: 25px; | ||
| 404 | } | ||
| 405 | |||
| 406 | #suffix-title { | ||
| 407 | padding-left: 5px; | ||
| 408 | font-size: 12px; | ||
| 409 | padding-bottom: 15px; | ||
| 410 | } | ||
| 411 | |||
| 412 | #title { | ||
| 413 | font-size: 14px; | ||
| 414 | } | ||
| 415 | |||
| 416 | /*尺寸小于510时,利用按钮展开的头部选项的样式*/ | ||
| 417 | .navbar-custom-menu .navbar-nav > li > a { | ||
| 418 | padding: 12px; | ||
| 419 | line-height: 20px; | ||
| 420 | } | ||
| 421 | |||
| 422 | .skin-blue .main-header .navbar .nav > li > a { | ||
| 423 | font-size: 14px; | ||
| 424 | } | ||
| 425 | } | ||
| 426 | |||
| 427 | @media screen and (max-width: 424px) { | ||
| 428 | .skin-blue .main-header .navbar .nav > li > a { | ||
| 429 | font-size: 13px; | ||
| 430 | } | ||
| 431 | |||
| 432 | html[lang="en"] .menu-box { | ||
| 433 | top: 240px; | ||
| 434 | } | ||
| 435 | } | ||
| 436 | |||
| 437 | @media screen and (width: 414px) { | ||
| 438 | |||
| 439 | html[lang="en"] .menu-box { | ||
| 440 | top: 180px; | ||
| 441 | } | ||
| 442 | } | ||
| 443 | |||
| 444 | /*尺寸小于410px时，logo、产品名称、右侧收缩按钮的样式，主要是为了适应iphone6等移动端的浏览器*/ | ||
| 445 | @media screen and (max-width: 410px) { | ||
| 446 | #logo { | ||
| 447 | width: 20px; | ||
| 448 | height: 20px; | ||
| 449 | } | ||
| 450 | |||
| 451 | #suffix-title { | ||
| 452 | font-size: 8px; | ||
| 453 | } | ||
| 454 | |||
| 455 | #title { | ||
| 456 | font-size: 11px; | ||
| 457 | } | ||
| 458 | |||
| 459 | .navbar-toggle { | ||
| 460 | padding-left: 10px; | ||
| 461 | padding-right: 10px; | ||
| 462 | } | ||
| 463 | } | ||
| 464 | |||
| 465 | /*尺寸小于376px时，logo、产品名称、右侧收缩按钮的样式，主要是为了适应iphone5等移动端的浏览器*/ | ||
| 466 | @media screen and (max-width: 356px) { | ||
| 467 | .navbar-toggle { | ||
| 468 | padding-left: 3px; | ||
| 469 | padding-right: 6px; | ||
| 470 | } | ||
| 471 | |||
| 472 | .menu-box { | ||
| 473 | top: 240px; | ||
| 474 | } | ||
| 475 | } | ||
| 476 | |||
| 477 | @media screen and (max-height: 640px) { | ||
| 478 | .navbar-menu:hover .menu-sub-warp { | ||
| 479 | max-height: 400px; | ||
| 480 | } | ||
| 481 | } |
public/css/jquery-sticklr.css
0 → 100644
| 1 | @font-face { | ||
| 2 | font-family: 'Glyphicons Halflings'; | ||
| 3 | src: url("../fonts/glyphicons-halflings-regular.eot"); | ||
| 4 | src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), | ||
| 5 | url("../fonts/glyphicons-halflings-regular.woff") format("woff"), | ||
| 6 | url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), | ||
| 7 | url("../fonts/glyphicons-halflings-regular.svg#fontcustom") format("svg"); | ||
| 8 | } | ||
| 9 | |||
| 10 | .sticklr .notification-count { | ||
| 11 | display: block; | ||
| 12 | width: 12px; | ||
| 13 | height: 12px; | ||
| 14 | background: #555; | ||
| 15 | box-shadow: 0 0 3px #999; | ||
| 16 | border-radius: 6px; | ||
| 17 | -moz-border-radius: 6px; | ||
| 18 | -webkit-border-radius: 6px; | ||
| 19 | color: #f0f0f0; | ||
| 20 | cursor: default; | ||
| 21 | font-size: 10px; | ||
| 22 | line-height: 12px; | ||
| 23 | text-indent: 3px; | ||
| 24 | position: absolute; | ||
| 25 | top: 2px; | ||
| 26 | left: 200px; | ||
| 27 | z-index: 96; | ||
| 28 | } | ||
| 29 | |||
| 30 | .sticklr td { | ||
| 31 | width: 15px; | ||
| 32 | padding-left: 50px; | ||
| 33 | } | ||
| 34 | |||
| 35 | .sticklr .calendar td:hover { | ||
| 36 | /*background: #eaeaea;*/ | ||
| 37 | font-weight: bold; | ||
| 38 | } | ||
| 39 | .sticklr, | ||
| 40 | .sticklr * { | ||
| 41 | margin: 0; | ||
| 42 | padding: 0; | ||
| 43 | border: 0; | ||
| 44 | outline: 0; | ||
| 45 | font-family: Helvetica, Arial, sans-serif; | ||
| 46 | font-size: 13px; | ||
| 47 | line-height: 18px; | ||
| 48 | color: #000; | ||
| 49 | vertical-align: baseline; | ||
| 50 | } | ||
| 51 | |||
| 52 | .sticklr, | ||
| 53 | .sticklr > li > ul { | ||
| 54 | list-style-type: none; | ||
| 55 | } | ||
| 56 | |||
| 57 | .sticklr { | ||
| 58 | position: fixed; | ||
| 59 | top: 40%; | ||
| 60 | left: 0; | ||
| 61 | background-color: #fff; | ||
| 62 | background-color: rgba(255, 255, 255, 1); | ||
| 63 | /*border: 1px solid #b7b7b7;*/ | ||
| 64 | border-left: none; | ||
| 65 | |||
| 66 | box-shadow: 2px 2px 5px #000; | ||
| 67 | /*-moz-box-shadow: 0 0 5px #ccc;*/ | ||
| 68 | /*-webkit-box-shadow: 0 0 5px #ccc;*/ | ||
| 69 | width: 25px; | ||
| 70 | overflow: visible; | ||
| 71 | z-index: 90; | ||
| 72 | } | ||
| 73 | |||
| 74 | .sticklr-right { | ||
| 75 | left: auto; | ||
| 76 | right: 0; | ||
| 77 | border-right: none; | ||
| 78 | /*border-left: 1px solid #b7b7b7;*/ | ||
| 79 | } | ||
| 80 | |||
| 81 | .sticklr > li { | ||
| 82 | position: relative; | ||
| 83 | text-align: center; | ||
| 84 | } | ||
| 85 | |||
| 86 | |||
| 87 | /*.sticklr > li > a {*/ | ||
| 88 | /*display: block;*/ | ||
| 89 | /*width: 16px;*/ | ||
| 90 | /*height: 16px;*/ | ||
| 91 | /*padding: 4px;*/ | ||
| 92 | /*图标的背景*/ | ||
| 93 | /*background-color: #fff;*/ | ||
| 94 | /*background-color: rgba(255, 255, 255, 1);*/ | ||
| 95 | /*background-position: 4px 4px;*/ | ||
| 96 | /*background-repeat: no-repeat;*/ | ||
| 97 | /*}*/ | ||
| 98 | .sticklr > li > a.notArrow >span{ | ||
| 99 | display: none; | ||
| 100 | } | ||
| 101 | .sticklr > li > a:hover{ | ||
| 102 | /*border: 1px solid #868686;*/ | ||
| 103 | /*box-shadow: 0px 0px 2px 2px #ccc inset ;*/ | ||
| 104 | /*-moz-box-shadow:0px 0px 2px 2px #ccc inset ;*/ | ||
| 105 | /*-webkit-box-shadow: 0px 0px 2px 2px #ccc inset ;*/ | ||
| 106 | cursor: pointer; | ||
| 107 | } | ||
| 108 | |||
| 109 | .sticklr > li > input { | ||
| 110 | display: block; | ||
| 111 | width: 16px; | ||
| 112 | height: 16px; | ||
| 113 | padding: 1px; | ||
| 114 | /*background-color: #f0f0f0;*/ | ||
| 115 | /*background-color: rgba(240, 240, 240, 0.75);*/ | ||
| 116 | background-position: 4px 4px; | ||
| 117 | background-repeat: no-repeat; | ||
| 118 | } | ||
| 119 | /*边界颜色*/ | ||
| 120 | .sticklr > li { | ||
| 121 | /*border-bottom: 1px solid #f7f7f7;*/ | ||
| 122 | /*border-right: 1px solid #f7f7f7;*/ | ||
| 123 | /*border-top: 1px solid #ccc;*/ | ||
| 124 | } | ||
| 125 | |||
| 126 | .sticklr > li:first-child { | ||
| 127 | /*border-top: 1px solid #f7f7f7;*/ | ||
| 128 | } | ||
| 129 | |||
| 130 | .sticklr > li:last-child { | ||
| 131 | border-bottom: 1px solid #f7f7f7; | ||
| 132 | border-bottom: 0px; | ||
| 133 | } | ||
| 134 | |||
| 135 | .sticklr > li > input:hover { | ||
| 136 | background-color: #eaeaea; | ||
| 137 | } | ||
| 138 | |||
| 139 | .sticklr > li > ul { | ||
| 140 | display: none; | ||
| 141 | position: absolute; | ||
| 142 | left: 26px; | ||
| 143 | top: -1px; | ||
| 144 | width: 90px; | ||
| 145 | overflow: hidden; | ||
| 146 | background-color: #fff; | ||
| 147 | background-color: rgba(255, 255, 255, 1); | ||
| 148 | border: 1px solid #b7b7b7; | ||
| 149 | border-radius: 2px; | ||
| 150 | -moz-border-radius: 2px; | ||
| 151 | -webkit-border-radius: 2px; | ||
| 152 | box-shadow: 0 0 5px #ccc; | ||
| 153 | -moz-box-shadow: 0 0 5px #ccc; | ||
| 154 | -webkit-box-shadow: 0 0 5px #ccc; | ||
| 155 | z-index: 95; | ||
| 156 | } | ||
| 157 | |||
| 158 | .sticklr-right > li > ul { | ||
| 159 | left: auto; | ||
| 160 | right: 25px; | ||
| 161 | } | ||
| 162 | |||
| 163 | .sticklr > li > ul:nth-child(3) { | ||
| 164 | left: 140px; | ||
| 165 | } | ||
| 166 | |||
| 167 | .sticklr > li > ul:nth-child(4) { | ||
| 168 | left: 387px; | ||
| 169 | } | ||
| 170 | |||
| 171 | .sticklr > li > ul:nth-child(5) { | ||
| 172 | left: 568px; | ||
| 173 | } | ||
| 174 | |||
| 175 | .sticklr > li > ul:nth-child(6) { | ||
| 176 | left: 749px; | ||
| 177 | } | ||
| 178 | |||
| 179 | .sticklr > li > ul:nth-child(7) { | ||
| 180 | left: 930px; | ||
| 181 | } | ||
| 182 | |||
| 183 | .sticklr-right > li > ul:nth-child(3) { | ||
| 184 | left: auto; | ||
| 185 | right: 206px; | ||
| 186 | } | ||
| 187 | |||
| 188 | .sticklr-right > li > ul:nth-child(4) { | ||
| 189 | left: auto; | ||
| 190 | right: 387px; | ||
| 191 | } | ||
| 192 | |||
| 193 | .sticklr-right > li > ul:nth-child(5) { | ||
| 194 | left: auto; | ||
| 195 | right: 568px; | ||
| 196 | } | ||
| 197 | |||
| 198 | .sticklr-right > li > ul:nth-child(6) { | ||
| 199 | left: auto; | ||
| 200 | right: 749px; | ||
| 201 | } | ||
| 202 | |||
| 203 | .sticklr-right > li > ul:nth-child(7) { | ||
| 204 | left: auto; | ||
| 205 | right: 930px; | ||
| 206 | } | ||
| 207 | |||
| 208 | .sticklr > li:hover > ul { | ||
| 209 | display: block; | ||
| 210 | float: left; | ||
| 211 | } | ||
| 212 | |||
| 213 | .sticklr.sticklr-js > li:hover > ul { | ||
| 214 | display: none; | ||
| 215 | } | ||
| 216 | |||
| 217 | .sticklr > li > ul > li { | ||
| 218 | border-bottom: 1px solid #f7f7f7; | ||
| 219 | border-right: 1px solid #f7f7f7; | ||
| 220 | border-top: 1px solid #ccc; | ||
| 221 | width: 90px; | ||
| 222 | text-shadow: 1px 1px 1px #fff; | ||
| 223 | padding: 1px; | ||
| 224 | /*margin: 1px;*/ | ||
| 225 | } | ||
| 226 | |||
| 227 | .sticklr > li > ul > li:first-child { | ||
| 228 | border-top: 1px solid #f7f7f7; | ||
| 229 | padding:0px; | ||
| 230 | margin: 0px; | ||
| 231 | } | ||
| 232 | |||
| 233 | .sticklr > li > ul > li:last-child { | ||
| 234 | border-bottom: 1px solid #f7f7f7; | ||
| 235 | } | ||
| 236 | |||
| 237 | .sticklr > li > ul > li { | ||
| 238 | border: none !ie; | ||
| 239 | } | ||
| 240 | |||
| 241 | .sticklr > li > ul > li > a { | ||
| 242 | display: block; | ||
| 243 | padding: 8px 10px 8px 32px; | ||
| 244 | background-color: #f0f0f0; | ||
| 245 | background-color: rgba(240, 240, 240, 0.75); | ||
| 246 | background-position: 10px; | ||
| 247 | background-repeat: no-repeat; | ||
| 248 | color: #555; | ||
| 249 | min-height: 20px; | ||
| 250 | text-decoration: none; | ||
| 251 | white-space: nowrap; | ||
| 252 | background-color: transparent !ie; | ||
| 253 | } | ||
| 254 | .sticklr > li > ul > li > span { | ||
| 255 | display: block; | ||
| 256 | padding: 8px 10px 8px 32px; | ||
| 257 | background-color: #fff; | ||
| 258 | background-color: rgba(255, 255, 255, 1); | ||
| 259 | background-position: 10px; | ||
| 260 | background-repeat: no-repeat; | ||
| 261 | color: #555; | ||
| 262 | font-size: 14px; | ||
| 263 | min-height: 20px; | ||
| 264 | text-decoration: none; | ||
| 265 | white-space: nowrap; | ||
| 266 | background-color: transparent !ie; | ||
| 267 | } | ||
| 268 | |||
| 269 | .sticklr > li > ul > li > input { | ||
| 270 | display: block; | ||
| 271 | padding: 8px 10px 8px 32px; | ||
| 272 | background-color: #fff; | ||
| 273 | background-color: rgba(255, 255, 255, 1); | ||
| 274 | background-position: 10px; | ||
| 275 | background-repeat: no-repeat; | ||
| 276 | color: #000; | ||
| 277 | min-height: 18px; | ||
| 278 | text-decoration: none; | ||
| 279 | text-align: center; | ||
| 280 | white-space: nowrap; | ||
| 281 | background-color: transparent !ie; | ||
| 282 | } | ||
| 283 | |||
| 284 | .sticklr > li > ul > li > a:hover { | ||
| 285 | background-color: #eaeaea; | ||
| 286 | } | ||
| 287 | |||
| 288 | .sticklr > li > ul > li > input:hover { | ||
| 289 | background-color: #ffffff; | ||
| 290 | |||
| 291 | border-bottom: 1px solid #868686; | ||
| 292 | /*box-shadow: 0px 0px 2px 2px #ccc inset ;*/ | ||
| 293 | /*-moz-box-shadow:0px 0px 2px 2px #ccc inset ;*/ | ||
| 294 | /*-webkit-box-shadow: 0px 0px 2px 2px #ccc inset ;*/ | ||
| 295 | } | ||
| 296 | |||
| 297 | .sticklr > li > ul > li.sticklr-title > a { | ||
| 298 | padding-left: 10px; | ||
| 299 | background-color: #e6e6e6; | ||
| 300 | cursor: default; | ||
| 301 | font-weight: bold; | ||
| 302 | background-color: transparent !ie; | ||
| 303 | } | ||
| 304 | .sticklr > li > ul > li.sticklr-title > span { | ||
| 305 | padding-left: 10px; | ||
| 306 | background-color: rgba(216, 213, 213, 0.9); | ||
| 307 | cursor: default; | ||
| 308 | font-weight: bold; | ||
| 309 | } | ||
| 310 | |||
| 311 | .sticklr > li > ul > li.sticklr-title > a:hover { | ||
| 312 | background-color: #e6e6e6; | ||
| 313 | background-color: transparent !ie; | ||
| 314 | } | ||
| 315 | |||
| 316 | .sticklr > li > ul > li.sticklr-title > input:hover { | ||
| 317 | cursor: pointer; | ||
| 318 | background-color: #e6e6e6; | ||
| 319 | background-color: transparent !ie; | ||
| 320 | } | ||
| 321 | |||
| 322 | .sticklr > li > ul > li > table { | ||
| 323 | border-collapse:collapse; | ||
| 324 | border-spacing: 0; | ||
| 325 | } | ||
| 326 | |||
| 327 | .sticklr > li > ul > li > form { | ||
| 328 | padding: 8px 10px; | ||
| 329 | } | ||
| 330 | |||
| 331 | .sticklr > li > ul > li input, | ||
| 332 | .sticklr > li > ul > li select, | ||
| 333 | .sticklr > li > ul > li textarea, | ||
| 334 | .sticklr > li > ul > li button { | ||
| 335 | margin: 4px 0; | ||
| 336 | padding: 4px; | ||
| 337 | } | ||
| 338 | |||
| 339 | |||
| 340 | |||
| 341 | .sticklr-arrow { | ||
| 342 | position: absolute; | ||
| 343 | left: 25px; | ||
| 344 | top: 8px; | ||
| 345 | width: 0; | ||
| 346 | height: 0; | ||
| 347 | border-top: 5px solid transparent; | ||
| 348 | border-bottom: 5px solid transparent; | ||
| 349 | border-left: 5px solid #8E8D8D; | ||
| 350 | border-right: none; | ||
| 351 | } | ||
| 352 | |||
| 353 | .sticklr-right .sticklr-arrow { | ||
| 354 | left: auto; | ||
| 355 | right: 25px; | ||
| 356 | border-right: 5px solid #b7b7b7; | ||
| 357 | border-left: none; | ||
| 358 | } | ||
| 359 | |||
| 360 | /* icons */ | ||
| 361 | .plotting-lyphicon-save-simulationMap:before { | ||
| 362 | content: "\e172"; | ||
| 363 | font-size: 18px; | ||
| 364 | color: rgb(0, 0, 0); | ||
| 365 | } | ||
| 366 | |||
| 367 | .plotting-lyphicon-draw-point:before { | ||
| 368 | content: "\e204"; | ||
| 369 | font-size: 20px; | ||
| 370 | color: rgb(68, 58, 58); | ||
| 371 | } | ||
| 372 | |||
| 373 | .plotting-glyphicon-draw-line:before { | ||
| 374 | content: "\e205"; | ||
| 375 | font-size: 20px; | ||
| 376 | color: rgb(68, 58, 58); | ||
| 377 | } | ||
| 378 | |||
| 379 | .plotting-glyphicon-draw-polygon:before { | ||
| 380 | content: "\e206"; | ||
| 381 | font-size: 20px; | ||
| 382 | color: rgb(0, 0, 0); | ||
| 383 | } | ||
| 384 | .plotting-glyphicon-draw-flag:before { | ||
| 385 | content: "\e301"; | ||
| 386 | font-size: 20px; | ||
| 387 | color: rgb(0, 0, 0); | ||
| 388 | } | ||
| 389 | .plotting-glyphicon-draw-arrow:before { | ||
| 390 | content: "\e302"; | ||
| 391 | font-size: 20px; | ||
| 392 | color: rgb(0, 0, 0); | ||
| 393 | } | ||
| 394 | .plotting-glyphicon-draw-deactivate:before { | ||
| 395 | content: "\e303"; | ||
| 396 | font-size: 20px; | ||
| 397 | color: rgb(0, 0, 0); | ||
| 398 | } | ||
| 399 | |||
| 400 | .plotting-glyphicon-draw-removeAll:before { | ||
| 401 | content: "\e020"; | ||
| 402 | font-size: 20px; | ||
| 403 | color: rgb(0, 0, 0); | ||
| 404 | } | ||
| 405 | |||
| 406 | .glyphicon-plus:before { | ||
| 407 | font-size: 20px; | ||
| 408 | color: rgb(0, 0, 0); | ||
| 409 | } | ||
| 410 | |||
| 411 | .glyphicon-pencil:before { | ||
| 412 | font-size: 20px; | ||
| 413 | color: rgb(0, 0, 0); | ||
| 414 | } | ||
| 415 | |||
| 416 | .glyphicon-edit:before { | ||
| 417 | font-size: 20px; | ||
| 418 | color: rgb(0, 0, 0); | ||
| 419 | } | ||
| 420 | |||
| 421 | .glyphicon-lock:before { | ||
| 422 | font-size: 20px; | ||
| 423 | color: rgb(0, 0, 0); | ||
| 424 | } | ||
| 425 | |||
| 426 | .glyphicon-check:before { | ||
| 427 | font-size: 20px; | ||
| 428 | color: rgb(0, 0, 0); | ||
| 429 | } | ||
| 430 | |||
| 431 | .glyphicon-align-justify:before { | ||
| 432 | font-size: 20px; | ||
| 433 | color: rgb(0, 0, 0); | ||
| 434 | } | ||
| 435 | |||
| 436 | .glyphicon-retweet:before { | ||
| 437 | font-size: 20px; | ||
| 438 | color: rgb(0, 0, 0); | ||
| 439 | } | ||
| 440 | |||
| 441 | .glyphicon-adjust:before { | ||
| 442 | font-size: 20px; | ||
| 443 | color: rgb(0, 0, 0); | ||
| 444 | } | ||
| 445 | |||
| 446 | .glyphicon-gift:before { | ||
| 447 | font-size: 20px; | ||
| 448 | color: rgb(0, 0, 0); | ||
| 449 | } | ||
| 450 | |||
| 451 | .glyphicon-cog:before { | ||
| 452 | font-size: 20px; | ||
| 453 | color: rgb(0, 0, 0); | ||
| 454 | } | ||
| 455 |
public/css/jquery.contextMenu.min.css
0 → 100644
| 1 | @charset "UTF-8";/*! | ||
| 2 | * jQuery contextMenu - Plugin for simple contextMenu handling | ||
| 3 | * | ||
| 4 | * Version: v2.6.3 | ||
| 5 | * | ||
| 6 | * Authors: Björn Brala (SWIS.nl), Rodney Rehm, Addy Osmani (patches for FF) | ||
| 7 | * Web: http://swisnl.github.io/jQuery-contextMenu/ | ||
| 8 | * | ||
| 9 | * Copyright (c) 2011-2017 SWIS BV and contributors | ||
| 10 | * | ||
| 11 | * Licensed under | ||
| 12 | * MIT License http://www.opensource.org/licenses/mit-license | ||
| 13 | * | ||
| 14 | * Date: 2017-10-30T19:03:13.936Z | ||
| 15 | */@-webkit-keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@-o-keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);-o-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);-o-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@keyframes cm-spin{0%{-webkit-transform:translateY(-50%) rotate(0);-o-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}100%{-webkit-transform:translateY(-50%) rotate(359deg);-o-transform:translateY(-50%) rotate(359deg);transform:translateY(-50%) rotate(359deg)}}@font-face{font-family:context-menu-icons;font-style:normal;font-weight:400;src:url(font/context-menu-icons.eot?2wp27);src:url(font/context-menu-icons.eot?2wp27#iefix) format("embedded-opentype"),url(font/context-menu-icons.woff2?2wp27) format("woff2"),url(font/context-menu-icons.woff?2wp27) format("woff"),url(font/context-menu-icons.ttf?2wp27) format("truetype")}.context-menu-icon-add:before{content:"\EA01"}.context-menu-icon-copy:before{content:"\EA02"}.context-menu-icon-cut:before{content:"\EA03"}.context-menu-icon-delete:before{content:"\EA04"}.context-menu-icon-edit:before{content:"\EA05"}.context-menu-icon-loading:before{content:"\EA06"}.context-menu-icon-paste:before{content:"\EA07"}.context-menu-icon-quit:before{content:"\EA08"}.context-menu-icon::before{position:absolute;top:50%;left:0;width:2em;font-family:context-menu-icons;font-size:1em;font-style:normal;font-weight:400;line-height:1;color:#2980b9;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.context-menu-icon.context-menu-hover:before{color:#fff}.context-menu-icon.context-menu-disabled::before{color:#bbb}.context-menu-icon.context-menu-icon-loading:before{-webkit-animation:cm-spin 2s infinite;-o-animation:cm-spin 2s infinite;animation:cm-spin 2s infinite}.context-menu-icon.context-menu-icon--fa{display:list-item;font-family:inherit}.context-menu-icon.context-menu-icon--fa::before{position:absolute;top:50%;left:0;width:2em;font-family:FontAwesome;font-size:1em;font-style:normal;font-weight:400;line-height:1;color:#2980b9;text-align:center;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.context-menu-icon.context-menu-icon--fa.context-menu-hover:before{color:#fff}.context-menu-icon.context-menu-icon--fa.context-menu-disabled::before{color:#bbb}.context-menu-list{position:absolute;display:inline-block;min-width:13em;max-width:26em;padding:.25em 0;margin:.3em;font-family:inherit;font-size:inherit;list-style-type:none;background:#fff;border:1px solid #bebebe;border-radius:.2em;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.5);box-shadow:0 2px 5px rgba(0,0,0,.5)}.context-menu-item{position:relative;padding:.2em 2em;color:#2f2f2f;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff}.context-menu-separator{padding:0;margin:.35em 0;border-bottom:1px solid #e6e6e6}.context-menu-item>label>input,.context-menu-item>label>textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.context-menu-item.context-menu-hover{color:#fff;cursor:pointer;background-color:#2980b9}.context-menu-item.context-menu-disabled{color:#bbb;cursor:default;background-color:#fff}.context-menu-input.context-menu-hover{color:#2f2f2f;cursor:default}.context-menu-submenu:after{position:absolute;top:50%;right:.5em;z-index:1;width:0;height:0;content:'';border-color:transparent transparent transparent #2f2f2f;border-style:solid;border-width:.25em 0 .25em .25em;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.context-menu-item.context-menu-input{padding:.3em .6em}.context-menu-input>label>*{vertical-align:top}.context-menu-input>label>input[type=checkbox],.context-menu-input>label>input[type=radio]{position:relative;top:.12em;margin-right:.4em}.context-menu-input>label{margin:0}.context-menu-input>label,.context-menu-input>label>input[type=text],.context-menu-input>label>select,.context-menu-input>label>textarea{display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.context-menu-input>label>textarea{height:7em}.context-menu-item>.context-menu-list{top:.3em;right:-.3em;display:none}.context-menu-item.context-menu-visible>.context-menu-list{display:block}.context-menu-accesskey{text-decoration:underline} | ||
| 16 | /*# sourceMappingURL=jquery.contextMenu.min.css.map */ |
public/css/liMarquee.css
0 → 100644
| 1 | /*Plugin CSS*/ | ||
| 2 | .str_wrap { | ||
| 3 | overflow:hidden; | ||
| 4 | //zoom:1; | ||
| 5 | width:100%; | ||
| 6 | font-size:12px; | ||
| 7 | line-height:16px; | ||
| 8 | position:relative; | ||
| 9 | -moz-user-select: none; | ||
| 10 | -khtml-user-select: none; | ||
| 11 | user-select: none; | ||
| 12 | background:#f6f6f6; | ||
| 13 | white-space:nowrap; | ||
| 14 | } | ||
| 15 | |||
| 16 | .str_wrap.str_active { | ||
| 17 | background:#f1f1f1; | ||
| 18 | } | ||
| 19 | .str_move { | ||
| 20 | white-space:nowrap; | ||
| 21 | position:absolute; | ||
| 22 | top:0; | ||
| 23 | left:0; | ||
| 24 | cursor:move; | ||
| 25 | } | ||
| 26 | .str_move_clone { | ||
| 27 | display:inline-block; | ||
| 28 | //display:inline; | ||
| 29 | //zoom:1; | ||
| 30 | vertical-align:top; | ||
| 31 | position:absolute; | ||
| 32 | left:100%; | ||
| 33 | top:0; | ||
| 34 | } | ||
| 35 | .str_vertical .str_move_clone { | ||
| 36 | left:0; | ||
| 37 | top:100%; | ||
| 38 | } | ||
| 39 | .str_down .str_move_clone { | ||
| 40 | left:0; | ||
| 41 | bottom:100%; | ||
| 42 | } | ||
| 43 | .str_vertical .str_move, | ||
| 44 | .str_down .str_move { | ||
| 45 | white-space:normal; | ||
| 46 | width:100%; | ||
| 47 | } | ||
| 48 | .str_static .str_move, | ||
| 49 | .no_drag .str_move, | ||
| 50 | .noStop .str_move{ | ||
| 51 | cursor:inherit; | ||
| 52 | } | ||
| 53 | .str_wrap img { | ||
| 54 | max-width:none !important; | ||
| 55 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/pretty.css
0 → 100644
| 1 | html, body, #cesiumContainer { | ||
| 2 | width: 100%; | ||
| 3 | height: 100%; | ||
| 4 | margin: 0; | ||
| 5 | padding: 0; | ||
| 6 | overflow: hidden; | ||
| 7 | background-color: #000000; | ||
| 8 | |||
| 9 | /* 禁止文字被鼠标选中 */ | ||
| 10 | moz-user-select: -moz-none; | ||
| 11 | -moz-user-select: none; | ||
| 12 | -o-user-select:none; | ||
| 13 | -khtml-user-select:none; | ||
| 14 | -webkit-user-select:none; | ||
| 15 | -ms-user-select:none; | ||
| 16 | user-select:none; | ||
| 17 | } | ||
| 18 | |||
| 19 | ul { | ||
| 20 | list-style: none; | ||
| 21 | } | ||
| 22 | |||
| 23 | /*--------loading bar---------*/ | ||
| 24 | .spinner { | ||
| 25 | margin: auto; | ||
| 26 | width: 60px; | ||
| 27 | height: 60px; | ||
| 28 | position: absolute ; | ||
| 29 | left: 0; | ||
| 30 | top: 0; | ||
| 31 | right: 0; | ||
| 32 | bottom: 0 | ||
| 33 | } | ||
| 34 | |||
| 35 | .container1 > div, .container2 > div, .container3 > div { | ||
| 36 | width: 16px; | ||
| 37 | height: 16px; | ||
| 38 | /*background-color: #67cf22;*/ | ||
| 39 | background-color: #3498db; | ||
| 40 | border-radius: 100%; | ||
| 41 | position: absolute; | ||
| 42 | -webkit-animation: bouncedelay 1.2s infinite ease-in-out; | ||
| 43 | animation: bouncedelay 1.2s infinite ease-in-out; | ||
| 44 | -webkit-animation-fill-mode: both; | ||
| 45 | animation-fill-mode: both; | ||
| 46 | } | ||
| 47 | |||
| 48 | .spinner .spinner-container { | ||
| 49 | position: absolute; | ||
| 50 | width: 100%; | ||
| 51 | height: 100%; | ||
| 52 | } | ||
| 53 | |||
| 54 | .container2 { | ||
| 55 | -webkit-transform: rotateZ(45deg); | ||
| 56 | transform: rotateZ(45deg); | ||
| 57 | } | ||
| 58 | |||
| 59 | .container3 { | ||
| 60 | -webkit-transform: rotateZ(90deg); | ||
| 61 | transform: rotateZ(90deg); | ||
| 62 | } | ||
| 63 | |||
| 64 | .circle1 { top: 0; left: 0; } | ||
| 65 | .circle2 { top: 0; right: 0; } | ||
| 66 | .circle3 { right: 0; bottom: 0; } | ||
| 67 | .circle4 { left: 0; bottom: 0; } | ||
| 68 | |||
| 69 | .container2 .circle1 { | ||
| 70 | -webkit-animation-delay: -1.1s; | ||
| 71 | animation-delay: -1.1s; | ||
| 72 | } | ||
| 73 | |||
| 74 | .container3 .circle1 { | ||
| 75 | -webkit-animation-delay: -1.0s; | ||
| 76 | animation-delay: -1.0s; | ||
| 77 | } | ||
| 78 | |||
| 79 | .container1 .circle2 { | ||
| 80 | -webkit-animation-delay: -0.9s; | ||
| 81 | animation-delay: -0.9s; | ||
| 82 | } | ||
| 83 | |||
| 84 | .container2 .circle2 { | ||
| 85 | -webkit-animation-delay: -0.8s; | ||
| 86 | animation-delay: -0.8s; | ||
| 87 | } | ||
| 88 | |||
| 89 | .container3 .circle2 { | ||
| 90 | -webkit-animation-delay: -0.7s; | ||
| 91 | animation-delay: -0.7s; | ||
| 92 | } | ||
| 93 | |||
| 94 | .container1 .circle3 { | ||
| 95 | -webkit-animation-delay: -0.6s; | ||
| 96 | animation-delay: -0.6s; | ||
| 97 | } | ||
| 98 | |||
| 99 | .container2 .circle3 { | ||
| 100 | -webkit-animation-delay: -0.5s; | ||
| 101 | animation-delay: -0.5s; | ||
| 102 | } | ||
| 103 | |||
| 104 | .container3 .circle3 { | ||
| 105 | -webkit-animation-delay: -0.4s; | ||
| 106 | animation-delay: -0.4s; | ||
| 107 | } | ||
| 108 | |||
| 109 | .container1 .circle4 { | ||
| 110 | -webkit-animation-delay: -0.3s; | ||
| 111 | animation-delay: -0.3s; | ||
| 112 | } | ||
| 113 | |||
| 114 | .container2 .circle4 { | ||
| 115 | -webkit-animation-delay: -0.2s; | ||
| 116 | animation-delay: -0.2s; | ||
| 117 | } | ||
| 118 | |||
| 119 | .container3 .circle4 { | ||
| 120 | -webkit-animation-delay: -0.1s; | ||
| 121 | animation-delay: -0.1s; | ||
| 122 | } | ||
| 123 | |||
| 124 | .param-container{ | ||
| 125 | background-color: rgba(38, 38, 38, 0.75); | ||
| 126 | padding: 20px 20px 10px 20px; | ||
| 127 | color: #ffffff; | ||
| 128 | border: 1px solid #526f82; | ||
| 129 | } | ||
| 130 | |||
| 131 | .param-container .param-item{ | ||
| 132 | margin: 10px 0; | ||
| 133 | overflow: hidden; | ||
| 134 | } | ||
| 135 | |||
| 136 | .tool-bar{ | ||
| 137 | position: absolute; | ||
| 138 | left: 10px; | ||
| 139 | top: 10px; | ||
| 140 | z-index: 10000; | ||
| 141 | } | ||
| 142 | |||
| 143 | #toolbar table input{ /* 增大两行之间的间距 */ | ||
| 144 | margin: 10px 0px; | ||
| 145 | } | ||
| 146 | |||
| 147 | .drawCur{ | ||
| 148 | cursor: url(../images/cur/draw.cur), auto; | ||
| 149 | } | ||
| 150 | |||
| 151 | .measureCur{ | ||
| 152 | cursor: url(../images/cur/measure.cur), auto; | ||
| 153 | } | ||
| 154 | |||
| 155 | .handCursor{ | ||
| 156 | cursor: pointer; | ||
| 157 | } | ||
| 158 | |||
| 159 | /* -----------------图例控件 start------------------- */ | ||
| 160 | .legend-item{ | ||
| 161 | margin-bottom: 0.3rem; | ||
| 162 | } | ||
| 163 | |||
| 164 | .legend-item>input[type=radio]{ | ||
| 165 | display: none; | ||
| 166 | } | ||
| 167 | .legend-item>label::before{ | ||
| 168 | content: ''; | ||
| 169 | display: inline-block; | ||
| 170 | width: 20px; | ||
| 171 | height: 20px; | ||
| 172 | background-color: rgb(135, 147, 154); | ||
| 173 | vertical-align: middle; | ||
| 174 | margin-right: 1rem; | ||
| 175 | } | ||
| 176 | .legend-item>label{ | ||
| 177 | display: flex; | ||
| 178 | flex-direction: row; | ||
| 179 | align-items: center; | ||
| 180 | cursor: pointer; | ||
| 181 | } | ||
| 182 | .legend-item > input[type=radio]:checked + label::before{ | ||
| 183 | background-color: rgb(255, 215, 0); | ||
| 184 | } | ||
| 185 | |||
| 186 | /* -----------------图例控件 end------------------- */ | ||
| 187 | |||
| 188 | /* -----------------卷帘分割条 start------------------- */ | ||
| 189 | #vertical-slider { | ||
| 190 | position: absolute; | ||
| 191 | left: 50%; | ||
| 192 | top: 0px; | ||
| 193 | background-color: #D3D3D3; | ||
| 194 | width: 5px; | ||
| 195 | height: 100%; | ||
| 196 | z-index: 9999; | ||
| 197 | } | ||
| 198 | #horizontal-slider { | ||
| 199 | position: absolute; | ||
| 200 | left: 0; | ||
| 201 | top: 50%; | ||
| 202 | background-color: #D3D3D3; | ||
| 203 | width: 100%; | ||
| 204 | height: 5px; | ||
| 205 | z-index: 9999; | ||
| 206 | } | ||
| 207 | #vertical-slider:hover { | ||
| 208 | cursor: ew-resize; | ||
| 209 | } | ||
| 210 | |||
| 211 | #horizontal-slider:hover{ | ||
| 212 | cursor: ns-resize; | ||
| 213 | } | ||
| 214 | |||
| 215 | /* -----------------卷帘分割条 end------------------- */ | ||
| 216 | |||
| 217 | @-webkit-keyframes bouncedelay { | ||
| 218 | 0%, 80%, 100% { -webkit-transform: scale(0.0) } | ||
| 219 | 40% { -webkit-transform: scale(1.0) } | ||
| 220 | } | ||
| 221 | |||
| 222 | @keyframes bouncedelay { | ||
| 223 | 0%, 80%, 100% { | ||
| 224 | transform: scale(0.0); | ||
| 225 | -webkit-transform: scale(0.0); | ||
| 226 | } 40% { | ||
| 227 | transform: scale(1.0); | ||
| 228 | -webkit-transform: scale(1.0); | ||
| 229 | } | ||
| 230 | } | ||
| 231 | /*--------loading bar end---------*/ | ||
| 232 | |||
| 233 | /*--------tooltip----------------*/ | ||
| 234 | .twipsy { | ||
| 235 | display: block; | ||
| 236 | position: absolute; | ||
| 237 | visibility: visible; | ||
| 238 | max-width: 300px; | ||
| 239 | min-width: 100px; | ||
| 240 | padding: 5px; | ||
| 241 | font-size: 11px; | ||
| 242 | z-index: 1000; | ||
| 243 | opacity: 0.8; | ||
| 244 | -khtml-opacity: 0.8; | ||
| 245 | -moz-opacity: 0.8; | ||
| 246 | filter: alpha(opacity=80); | ||
| 247 | } | ||
| 248 | .twipsy.left .twipsy-arrow { | ||
| 249 | top: 50%; | ||
| 250 | right: 0; | ||
| 251 | margin-top: -5px; | ||
| 252 | border-top: 5px solid transparent; | ||
| 253 | border-bottom: 5px solid transparent; | ||
| 254 | border-left: 5px solid #000000; | ||
| 255 | } | ||
| 256 | .twipsy.right .twipsy-arrow { | ||
| 257 | top: 50%; | ||
| 258 | left: 0; | ||
| 259 | margin-top: -5px; | ||
| 260 | border-top: 5px solid transparent; | ||
| 261 | border-bottom: 5px solid transparent; | ||
| 262 | border-right: 5px solid #000000; | ||
| 263 | } | ||
| 264 | .twipsy-inner { | ||
| 265 | padding: 3px 8px; | ||
| 266 | background-color: #000000; | ||
| 267 | color: white; | ||
| 268 | text-align: center; | ||
| 269 | max-width: 300px; | ||
| 270 | text-decoration: none; | ||
| 271 | -webkit-border-radius: 4px; | ||
| 272 | -moz-border-radius: 4px; | ||
| 273 | border-radius: 4px; | ||
| 274 | } | ||
| 275 | .twipsy-arrow { | ||
| 276 | position: absolute; | ||
| 277 | width: 0; | ||
| 278 | height: 0; | ||
| 279 | } | ||
| 280 | /*--------tooltip end------------*/ | ||
| 281 | |||
| 282 | /*--------button start------------*/ | ||
| 283 | .button{ | ||
| 284 | line-height: 30px; | ||
| 285 | text-align: center; | ||
| 286 | font-weight: bold; | ||
| 287 | color: #fff; | ||
| 288 | text-shadow:1px 1px 1px #333; | ||
| 289 | border-radius: 3px; | ||
| 290 | margin:0 8px 8px 0; | ||
| 291 | position: relative; | ||
| 292 | overflow: hidden; | ||
| 293 | padding: 0px 15px 0px 15px; | ||
| 294 | } | ||
| 295 | .button:nth-child(6n){ | ||
| 296 | margin-right: 0; | ||
| 297 | } | ||
| 298 | .button.black{ | ||
| 299 | border:1px solid #333; | ||
| 300 | box-shadow: 0 1px 2px #8b8b8b inset,0 -1px 0 #3d3d3d inset,0 -2px 3px #8b8b8b inset; | ||
| 301 | background: -webkit-linear-gradient(top,rgba(34, 34, 34, 0.49),rgba(51, 51, 51, 0.55)); | ||
| 302 | background: -moz-linear-gradient(top,#656565,#4a4a4a); | ||
| 303 | background: linear-gradient(top,#656565,#4a4a4a); | ||
| 304 | } | ||
| 305 | .black:hover{ | ||
| 306 | background: -webkit-linear-gradient(top,#818181,#575757); | ||
| 307 | background: -moz-linear-gradient(top,#818181,#575757); | ||
| 308 | background: linear-gradient(top,#818181,#575757); | ||
| 309 | } | ||
| 310 | .black:active{ | ||
| 311 | top:1px; | ||
| 312 | box-shadow: 0 1px 3px #111 inset,0 3px 0 #fff; | ||
| 313 | background: -webkit-linear-gradient(top,#424242,#575757); | ||
| 314 | background: -moz-linear-gradient(top,#424242,#575757); | ||
| 315 | background: linear-gradient(top,#424242,#575757); | ||
| 316 | } | ||
| 317 | /*--------button end------------*/ | ||
| 318 | |||
| 319 | /*-------- 字体 start ----------*/ | ||
| 320 | @font-face { | ||
| 321 | font-family: 'SM-Icon-Font'; | ||
| 322 | src: url('../fonts/iconfonts/iconfont.eot'); | ||
| 323 | src: url('../fonts/iconfonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfonts/iconfont.woff') format('woff'), url('../fonts/iconfonts/iconfont.ttf') format('truetype'), url('../fonts/iconfonts/iconfont.svg#flat-ui-icons-regular') format('svg'); | ||
| 324 | } | ||
| 325 | [class^="smicon-"], | ||
| 326 | [class*="smicon-"] { | ||
| 327 | font-family: 'SM-Icon-Font'; | ||
| 328 | font-style: normal; | ||
| 329 | font-weight: normal; | ||
| 330 | font-variant: normal; | ||
| 331 | text-transform: none; | ||
| 332 | speak: none; | ||
| 333 | -webkit-font-smoothing: antialiased; | ||
| 334 | -moz-osx-font-smoothing: grayscale; | ||
| 335 | } | ||
| 336 | .btn [class^="smicon-"] { | ||
| 337 | position: relative; | ||
| 338 | top: 1px; | ||
| 339 | margin: 0 1px; | ||
| 340 | line-height: 1; | ||
| 341 | } | ||
| 342 | .smicon-layerlist:before { | ||
| 343 | content: "\e6F8"; | ||
| 344 | } | ||
| 345 | /*-------- 字体 end ----------*/ | ||
| 346 | |||
| 347 | /*-------- 工具栏按钮 start -------*/ | ||
| 348 | .tool-menu{ | ||
| 349 | position: absolute; | ||
| 350 | left: 5px; | ||
| 351 | top: 5px; | ||
| 352 | } | ||
| 353 | |||
| 354 | .tool-menu > a{ | ||
| 355 | padding: 10px 12px; | ||
| 356 | float: left; | ||
| 357 | } | ||
| 358 | |||
| 359 | .tool-menu > a:hover{ | ||
| 360 | color : #fff; | ||
| 361 | } | ||
| 362 | |||
| 363 | .tool-menu-btn-group{ | ||
| 364 | display: inline-block; | ||
| 365 | } | ||
| 366 | |||
| 367 | .tool-menu-btn{ | ||
| 368 | display : inline-block; | ||
| 369 | margin-bottom : 0; | ||
| 370 | text-align : center; | ||
| 371 | white-space : nowrap; | ||
| 372 | touch-action : manipulation; | ||
| 373 | cursor : pointer; | ||
| 374 | -webkit-user-select : none; | ||
| 375 | background-image : none; | ||
| 376 | padding : 10px 12px; | ||
| 377 | font-size : 15px; | ||
| 378 | font-weight : 400; | ||
| 379 | line-height : 1.4; | ||
| 380 | border : none; | ||
| 381 | vertical-align : middle; | ||
| 382 | transition : border .25s linear,color .25s linear,background-color .25s linear; | ||
| 383 | -webkit-font-smoothing : subpixel-antialiased; | ||
| 384 | -webkit-transition : border .25s linear,color .25s linear,background-color .25s linear; | ||
| 385 | } | ||
| 386 | .tool-menu-btn:active{ | ||
| 387 | box-shadow : none; | ||
| 388 | } | ||
| 389 | .tool-menu-btn:hover,.tool-menu-btn:focus{ | ||
| 390 | color : #fff; | ||
| 391 | outline : 0; | ||
| 392 | } | ||
| 393 | .tool-menu-btn-inverse { | ||
| 394 | color : #2ec5ad; | ||
| 395 | background-color: rgba(38, 38, 38, 0.75); | ||
| 396 | } | ||
| 397 | |||
| 398 | .tool-menu-btn-icon{ | ||
| 399 | font-size: 16px; | ||
| 400 | } | ||
| 401 | /*-------- 工具栏按钮 end --------*/ | ||
| 402 | /*--------fui-icon start----*/ | ||
| 403 | @font-face { | ||
| 404 | font-family: 'Flat-UI-Icons'; | ||
| 405 | src: url('../fonts/glyphicons/flat-ui-icons-regular.eot'); | ||
| 406 | src: url('../fonts/glyphicons/flat-ui-icons-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons/flat-ui-icons-regular.woff') format('woff'), url('../fonts/glyphicons/flat-ui-icons-regular.ttf') format('truetype'), url('../fonts/glyphicons/flat-ui-icons-regular.svg#flat-ui-icons-regular') format('svg'); | ||
| 407 | } | ||
| 408 | |||
| 409 | [class^=fui-], [class*=fui-] { | ||
| 410 | font-family: Flat-UI-Icons; | ||
| 411 | font-style: normal; | ||
| 412 | font-weight: 400; | ||
| 413 | font-variant: normal; | ||
| 414 | text-transform: none; | ||
| 415 | speak: none; | ||
| 416 | -webkit-font-smoothing: antialiased; | ||
| 417 | -moz-osx-font-smoothing: grayscale; | ||
| 418 | } | ||
| 419 | |||
| 420 | .fui-plus:before { | ||
| 421 | content: "\e608"; | ||
| 422 | } | ||
| 423 | |||
| 424 | .fui-list-large-thumbnails:before { | ||
| 425 | content: "\e61d"; | ||
| 426 | } | ||
| 427 | |||
| 428 | .fui-list-small-thumbnails:before { | ||
| 429 | content: "\e61c"; | ||
| 430 | } | ||
| 431 | |||
| 432 | .fui-arrow-left:before { | ||
| 433 | content: "\e606"; | ||
| 434 | } | ||
| 435 | |||
| 436 | .fui-arrow-right:before { | ||
| 437 | content: "\e607"; | ||
| 438 | } | ||
| 439 | |||
| 440 | .fui-gear:before { | ||
| 441 | content: "\e636"; | ||
| 442 | } | ||
| 443 | |||
| 444 | .fui-user:before { | ||
| 445 | content: "\e631"; | ||
| 446 | } | ||
| 447 | |||
| 448 | .fui-cross:before { | ||
| 449 | content: "\e609"; | ||
| 450 | } | ||
| 451 | |||
| 452 | .fui-check:before { | ||
| 453 | content: "\e60a"; | ||
| 454 | } | ||
| 455 | |||
| 456 | .fui-star:before { | ||
| 457 | content: "\2600"; | ||
| 458 | } | ||
| 459 | |||
| 460 | .fui-cmd:before { | ||
| 461 | content: "\e624"; | ||
| 462 | } | ||
| 463 | |||
| 464 | .fui-expand:before{ | ||
| 465 | content: "\e61A"; | ||
| 466 | } | ||
| 467 | |||
| 468 | .fui-export:before { | ||
| 469 | content: "\e63c"; | ||
| 470 | } | ||
| 471 | |||
| 472 | .fui-bubble:before { | ||
| 473 | content: "\e63b"; | ||
| 474 | } | ||
| 475 | /*--------fui-icon end------*/ | ||
| 476 | /*-------- 树形组件 start --------*/ | ||
| 477 | .dropDown-container { | ||
| 478 | display: block; | ||
| 479 | position: absolute; | ||
| 480 | top: 100%; | ||
| 481 | box-sizing: border-box; | ||
| 482 | left: 0; | ||
| 483 | -moz-user-select: none; | ||
| 484 | -webkit-user-select: none; | ||
| 485 | -ms-user-select: none; | ||
| 486 | urser-select: none; | ||
| 487 | -webkit-transition: visibility 0s 0.2s, opacity 0.2s ease-in, | ||
| 488 | -webkit-transform 0.2s ease-in; | ||
| 489 | -moz-transition: visibility 0s 0.2s, opacity 0.2s ease-in, | ||
| 490 | -moz-transform 0.2s ease-in; | ||
| 491 | transition: visibility 0s 0.2s, opacity 0.2s ease-in, transform 0.2s | ||
| 492 | ease-in; | ||
| 493 | -webkit-transform: translate(0, -20%); | ||
| 494 | -moz-transform: translate(0, -20%); | ||
| 495 | transfor: translate(0, -20%); | ||
| 496 | opacity: 0; | ||
| 497 | visibility: hidden; | ||
| 498 | border: 1px solid #444; | ||
| 499 | background-color: rgba(38, 38, 38, 0.75); | ||
| 500 | margin: 9px; | ||
| 501 | color: white; | ||
| 502 | overflow: auto; | ||
| 503 | } | ||
| 504 | |||
| 505 | .dropDown-visible { | ||
| 506 | -webkit-transform: translate(0, 0); | ||
| 507 | -moz-transform: translate(0, 0); | ||
| 508 | transform: translate(0, 0); | ||
| 509 | visibility: visible; | ||
| 510 | opacity: 1; | ||
| 511 | -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s | ||
| 512 | ease-out; | ||
| 513 | -moz-transition: opacity 0.2s ease-out, -moz-transform 0.2s ease-out; | ||
| 514 | transition: opacity 0.2s ease-out, transform 0.2s ease-out; | ||
| 515 | } | ||
| 516 | |||
| 517 | .dropDown-container::-webkit-scrollbar {/*滚动条整体样式*/ | ||
| 518 | width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ | ||
| 519 | height: 1px; | ||
| 520 | } | ||
| 521 | .dropDown-container::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ | ||
| 522 | border-radius: 10px; | ||
| 523 | -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); | ||
| 524 | background: #535353; | ||
| 525 | } | ||
| 526 | .dropDown-container::-webkit-scrollbar-track {/*滚动条里面轨道*/ | ||
| 527 | border-radius: 10px; | ||
| 528 | -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); | ||
| 529 | background: #EDEDED; | ||
| 530 | } | ||
| 531 | @media screen and (min-width: 1280px){ | ||
| 532 | .treeview-dropDown-container{ | ||
| 533 | max-height: 450px; | ||
| 534 | width: 300px; | ||
| 535 | } | ||
| 536 | } | ||
| 537 | @media screen and (min-width: 1680px){ | ||
| 538 | .treeview-dropDown-container{ | ||
| 539 | max-height: 760px; | ||
| 540 | width: 340px; | ||
| 541 | } | ||
| 542 | } | ||
| 543 | /*-------- 树形组件 end --------*/ | ||
| 544 | |||
| 545 | /*--------折叠工具栏 start------*/ | ||
| 546 | .params-setting-container { | ||
| 547 | position: absolute; | ||
| 548 | top: 30px; | ||
| 549 | left: 30px; | ||
| 550 | color: #ffffff; | ||
| 551 | } | ||
| 552 | .params-setting{ | ||
| 553 | overflow: auto; | ||
| 554 | max-width: 340px; | ||
| 555 | border: 1px solid #526f82; | ||
| 556 | padding: 30px 20px 10px 20px; | ||
| 557 | background-color: rgba(38, 38, 38, 0.75); | ||
| 558 | } | ||
| 559 | .params-setting-hide{ | ||
| 560 | padding: 0; | ||
| 561 | height: 0; | ||
| 562 | border: none; | ||
| 563 | overflow: hidden; | ||
| 564 | } | ||
| 565 | .params-setting-anchor{ | ||
| 566 | position: absolute; | ||
| 567 | left: 0; | ||
| 568 | top: 0; | ||
| 569 | width: 23px; | ||
| 570 | height: 23px; | ||
| 571 | cursor: pointer; | ||
| 572 | border-right: 1px solid #526f82; | ||
| 573 | border-bottom: 1px solid #526f82; | ||
| 574 | background-color: rgba(38, 38, 38, 0.75); | ||
| 575 | text-align: center; | ||
| 576 | } | ||
| 577 | .params-setting-anchor>span{ | ||
| 578 | height: 23px; | ||
| 579 | line-height: 23px; | ||
| 580 | } | ||
| 581 | .param-item{ | ||
| 582 | margin-bottom: 15px; | ||
| 583 | } | ||
| 584 | .param-item>label, .param-item>input{ | ||
| 585 | vertical-align: middle; | ||
| 586 | margin-right: 5px; | ||
| 587 | } | ||
| 588 | |||
| 589 | .params-setting td span{ | ||
| 590 | display: inline-block; | ||
| 591 | margin: 0 0.5rem; | ||
| 592 | min-width: 1.5rem; | ||
| 593 | } | ||
| 594 | |||
| 595 | .divider{ | ||
| 596 | height: 2px; | ||
| 597 | background-color: #7c7c7c; | ||
| 598 | margin: 15px 0 15px 0; | ||
| 599 | } | ||
| 600 | .params-setting::-webkit-scrollbar {/*滚动条整体样式*/ | ||
| 601 | width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ | ||
| 602 | height: 1px; | ||
| 603 | } | ||
| 604 | .params-setting::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ | ||
| 605 | border-radius: 10px; | ||
| 606 | -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); | ||
| 607 | background: #535353; | ||
| 608 | } | ||
| 609 | .params-setting::-webkit-scrollbar-track {/*滚动条里面轨道*/ | ||
| 610 | border-radius: 10px; | ||
| 611 | -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); | ||
| 612 | background: #EDEDED; | ||
| 613 | } | ||
| 614 | #set-scan-direction{ | ||
| 615 | font-size: 0.8rem; | ||
| 616 | } | ||
| 617 | @media screen and (min-width: 1280px){ | ||
| 618 | body{ | ||
| 619 | font-size: 0.8rem; | ||
| 620 | } | ||
| 621 | .params-setting{ | ||
| 622 | max-height: 450px; | ||
| 623 | /*width: 300px;*/ | ||
| 624 | } | ||
| 625 | } | ||
| 626 | @media screen and (min-width: 1680px){ | ||
| 627 | body{ | ||
| 628 | font-size: 0.9rem; | ||
| 629 | } | ||
| 630 | .params-setting{ | ||
| 631 | max-height: 760px; | ||
| 632 | /*width: 340px;*/ | ||
| 633 | } | ||
| 634 | } | ||
| 635 | |||
| 636 | /*--------折叠工具栏 end------*/ | ||
| 637 | |||
| 638 | /*--------treeview start------*/ | ||
| 639 | .treeview{ | ||
| 640 | color: #fff; | ||
| 641 | } | ||
| 642 | .node-layerTree:not(.node-disabled){ | ||
| 643 | border : none; | ||
| 644 | padding: 0; | ||
| 645 | font-size: 11pt; | ||
| 646 | } | ||
| 647 | |||
| 648 | .node-checked .squaredTwo input[type=checkbox] + label:after { | ||
| 649 | filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); | ||
| 650 | opacity: 1; | ||
| 651 | } | ||
| 652 | |||
| 653 | .node-unchecked .squaredTwo input[type=checkbox] + label:after { | ||
| 654 | filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); | ||
| 655 | opacity: 0; | ||
| 656 | } | ||
| 657 | .node-layerTree:not(.node-disabled):hover{ | ||
| 658 | color: #000; | ||
| 659 | } | ||
| 660 | .list-group-item>.fui-cross{ | ||
| 661 | padding : 2px 7px; | ||
| 662 | visibility : hidden; | ||
| 663 | /* float : right; */ | ||
| 664 | } | ||
| 665 | .list-group-item:hover>.fui-cross{ | ||
| 666 | visibility : visible; | ||
| 667 | } | ||
| 668 | .treeview .list-group-item{ | ||
| 669 | cursor:pointer; | ||
| 670 | } | ||
| 671 | .treeview span.indent{ | ||
| 672 | margin-left:10px; | ||
| 673 | margin-right:10px; | ||
| 674 | } | ||
| 675 | .treeview span.icon{ | ||
| 676 | width:12px; | ||
| 677 | margin-right:5px; | ||
| 678 | } | ||
| 679 | .treeview .node-disabled{ | ||
| 680 | color:silver; | ||
| 681 | cursor:not-allowed; | ||
| 682 | } | ||
| 683 | /*--------treeview end------*/ | ||
| 684 | |||
| 685 | /*-------select-----------------*/ | ||
| 686 | select.bs-select-hidden, | ||
| 687 | select.selectpicker { | ||
| 688 | display: none !important; | ||
| 689 | } | ||
| 690 | .bootstrap-select { | ||
| 691 | width: 220px; | ||
| 692 | /*IE9 and below*/ | ||
| 693 | } | ||
| 694 | .bootstrap-select > .dropdown-toggle { | ||
| 695 | width: 100%; | ||
| 696 | padding-right: 25px; | ||
| 697 | z-index: 1; | ||
| 698 | } | ||
| 699 | .bootstrap-select > .dropdown-toggle.bs-placeholder, | ||
| 700 | .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, | ||
| 701 | .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, | ||
| 702 | .bootstrap-select > .dropdown-toggle.bs-placeholder:active { | ||
| 703 | color: #999; | ||
| 704 | } | ||
| 705 | .bootstrap-select > select { | ||
| 706 | position: absolute !important; | ||
| 707 | bottom: 0; | ||
| 708 | left: 50%; | ||
| 709 | display: block !important; | ||
| 710 | width: 0.5px !important; | ||
| 711 | height: 100% !important; | ||
| 712 | padding: 0 !important; | ||
| 713 | opacity: 0 !important; | ||
| 714 | border: none; | ||
| 715 | } | ||
| 716 | .bootstrap-select > select.mobile-device { | ||
| 717 | top: 0; | ||
| 718 | left: 0; | ||
| 719 | display: block !important; | ||
| 720 | width: 100% !important; | ||
| 721 | z-index: 2; | ||
| 722 | } | ||
| 723 | .has-error .bootstrap-select .dropdown-toggle, | ||
| 724 | .error .bootstrap-select .dropdown-toggle { | ||
| 725 | border-color: #b94a48; | ||
| 726 | } | ||
| 727 | .bootstrap-select.fit-width { | ||
| 728 | width: auto !important; | ||
| 729 | } | ||
| 730 | .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { | ||
| 731 | width: 220px; | ||
| 732 | } | ||
| 733 | .bootstrap-select .dropdown-toggle:focus { | ||
| 734 | outline: thin dotted #333333 !important; | ||
| 735 | outline: 5px auto -webkit-focus-ring-color !important; | ||
| 736 | outline-offset: -2px; | ||
| 737 | } | ||
| 738 | .bootstrap-select.form-control { | ||
| 739 | margin-bottom: 0; | ||
| 740 | padding: 0; | ||
| 741 | border: none; | ||
| 742 | } | ||
| 743 | /*.bootstrap-select.form-control:not([class*="col-"]) { | ||
| 744 | width: 100%; | ||
| 745 | }*/ | ||
| 746 | .bootstrap-select.form-control.input-group-btn { | ||
| 747 | z-index: auto; | ||
| 748 | } | ||
| 749 | .bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn { | ||
| 750 | border-radius: 0; | ||
| 751 | } | ||
| 752 | .bootstrap-select.btn-group:not(.input-group-btn), | ||
| 753 | .bootstrap-select.btn-group[class*="col-"] { | ||
| 754 | float: none; | ||
| 755 | display: inline-block; | ||
| 756 | margin-left: 0; | ||
| 757 | } | ||
| 758 | .bootstrap-select.btn-group.dropdown-menu-right, | ||
| 759 | .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, | ||
| 760 | .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { | ||
| 761 | float: right; | ||
| 762 | } | ||
| 763 | .form-inline .bootstrap-select.btn-group, | ||
| 764 | .form-horizontal .bootstrap-select.btn-group, | ||
| 765 | .form-group .bootstrap-select.btn-group { | ||
| 766 | margin-bottom: 0; | ||
| 767 | } | ||
| 768 | .form-group-lg .bootstrap-select.btn-group.form-control, | ||
| 769 | .form-group-sm .bootstrap-select.btn-group.form-control { | ||
| 770 | padding: 0; | ||
| 771 | } | ||
| 772 | .form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, | ||
| 773 | .form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle { | ||
| 774 | height: 100%; | ||
| 775 | font-size: inherit; | ||
| 776 | line-height: inherit; | ||
| 777 | border-radius: inherit; | ||
| 778 | } | ||
| 779 | .form-inline .bootstrap-select.btn-group .form-control { | ||
| 780 | width: 100%; | ||
| 781 | } | ||
| 782 | .bootstrap-select.btn-group.disabled, | ||
| 783 | .bootstrap-select.btn-group > .disabled { | ||
| 784 | cursor: not-allowed; | ||
| 785 | } | ||
| 786 | .bootstrap-select.btn-group.disabled:focus, | ||
| 787 | .bootstrap-select.btn-group > .disabled:focus { | ||
| 788 | outline: none !important; | ||
| 789 | } | ||
| 790 | .bootstrap-select.btn-group.bs-container { | ||
| 791 | position: absolute; | ||
| 792 | height: 0 !important; | ||
| 793 | padding: 0 !important; | ||
| 794 | } | ||
| 795 | .bootstrap-select.btn-group.bs-container .dropdown-menu { | ||
| 796 | z-index: 1060; | ||
| 797 | } | ||
| 798 | .bootstrap-select.btn-group .dropdown-toggle .filter-option { | ||
| 799 | display: inline-block; | ||
| 800 | overflow: hidden; | ||
| 801 | width: 100%; | ||
| 802 | text-align: left; | ||
| 803 | } | ||
| 804 | .bootstrap-select.btn-group .dropdown-toggle .caret { | ||
| 805 | position: absolute; | ||
| 806 | top: 50%; | ||
| 807 | right: 12px; | ||
| 808 | margin-top: -2px; | ||
| 809 | vertical-align: middle; | ||
| 810 | } | ||
| 811 | .bootstrap-select.btn-group[class*="col-"] .dropdown-toggle { | ||
| 812 | width: 100%; | ||
| 813 | } | ||
| 814 | .bootstrap-select.btn-group .dropdown-menu { | ||
| 815 | min-width: 100%; | ||
| 816 | -webkit-box-sizing: border-box; | ||
| 817 | -moz-box-sizing: border-box; | ||
| 818 | box-sizing: border-box; | ||
| 819 | } | ||
| 820 | .bootstrap-select.btn-group .dropdown-menu.inner { | ||
| 821 | position: static; | ||
| 822 | float: none; | ||
| 823 | border: 0; | ||
| 824 | padding: 0; | ||
| 825 | margin: 0; | ||
| 826 | border-radius: 0; | ||
| 827 | -webkit-box-shadow: none; | ||
| 828 | box-shadow: none; | ||
| 829 | } | ||
| 830 | .bootstrap-select.btn-group .dropdown-menu li { | ||
| 831 | position: relative; | ||
| 832 | } | ||
| 833 | .bootstrap-select.btn-group .dropdown-menu li.active small { | ||
| 834 | color: #fff; | ||
| 835 | } | ||
| 836 | .bootstrap-select.btn-group .dropdown-menu li.disabled a { | ||
| 837 | cursor: not-allowed; | ||
| 838 | } | ||
| 839 | .bootstrap-select.btn-group .dropdown-menu li a { | ||
| 840 | cursor: pointer; | ||
| 841 | -webkit-user-select: none; | ||
| 842 | -moz-user-select: none; | ||
| 843 | -ms-user-select: none; | ||
| 844 | user-select: none; | ||
| 845 | } | ||
| 846 | .bootstrap-select.btn-group .dropdown-menu li a.opt { | ||
| 847 | position: relative; | ||
| 848 | padding-left: 2.25em; | ||
| 849 | } | ||
| 850 | .bootstrap-select.btn-group .dropdown-menu li a span.check-mark { | ||
| 851 | display: none; | ||
| 852 | } | ||
| 853 | .bootstrap-select.btn-group .dropdown-menu li a span.text { | ||
| 854 | display: inline-block; | ||
| 855 | } | ||
| 856 | .bootstrap-select.btn-group .dropdown-menu li small { | ||
| 857 | padding-left: 0.5em; | ||
| 858 | } | ||
| 859 | .bootstrap-select.btn-group .dropdown-menu .notify { | ||
| 860 | position: absolute; | ||
| 861 | bottom: 5px; | ||
| 862 | width: 96%; | ||
| 863 | margin: 0 2%; | ||
| 864 | min-height: 26px; | ||
| 865 | padding: 3px 5px; | ||
| 866 | background: #f5f5f5; | ||
| 867 | border: 1px solid #e3e3e3; | ||
| 868 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | ||
| 869 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | ||
| 870 | pointer-events: none; | ||
| 871 | opacity: 0.9; | ||
| 872 | -webkit-box-sizing: border-box; | ||
| 873 | -moz-box-sizing: border-box; | ||
| 874 | box-sizing: border-box; | ||
| 875 | } | ||
| 876 | .bootstrap-select.btn-group .no-results { | ||
| 877 | padding: 3px; | ||
| 878 | background: #f5f5f5; | ||
| 879 | margin: 0 5px; | ||
| 880 | white-space: nowrap; | ||
| 881 | } | ||
| 882 | .bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option { | ||
| 883 | position: static; | ||
| 884 | } | ||
| 885 | .bootstrap-select.btn-group.fit-width .dropdown-toggle .caret { | ||
| 886 | position: static; | ||
| 887 | top: auto; | ||
| 888 | margin-top: -1px; | ||
| 889 | } | ||
| 890 | .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { | ||
| 891 | position: absolute; | ||
| 892 | display: inline-block; | ||
| 893 | right: 15px; | ||
| 894 | margin-top: 5px; | ||
| 895 | } | ||
| 896 | .bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { | ||
| 897 | margin-right: 34px; | ||
| 898 | } | ||
| 899 | .bootstrap-select.show-menu-arrow.open > .dropdown-toggle { | ||
| 900 | z-index: 1061; | ||
| 901 | } | ||
| 902 | .bootstrap-select.show-menu-arrow .dropdown-toggle:before { | ||
| 903 | content: ''; | ||
| 904 | border-left: 7px solid transparent; | ||
| 905 | border-right: 7px solid transparent; | ||
| 906 | border-bottom: 7px solid rgba(204, 204, 204, 0.2); | ||
| 907 | position: absolute; | ||
| 908 | bottom: -4px; | ||
| 909 | left: 9px; | ||
| 910 | display: none; | ||
| 911 | } | ||
| 912 | .bootstrap-select.show-menu-arrow .dropdown-toggle:after { | ||
| 913 | content: ''; | ||
| 914 | border-left: 6px solid transparent; | ||
| 915 | border-right: 6px solid transparent; | ||
| 916 | border-bottom: 6px solid white; | ||
| 917 | position: absolute; | ||
| 918 | bottom: -4px; | ||
| 919 | left: 10px; | ||
| 920 | display: none; | ||
| 921 | } | ||
| 922 | .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { | ||
| 923 | bottom: auto; | ||
| 924 | top: -3px; | ||
| 925 | border-top: 7px solid rgba(204, 204, 204, 0.2); | ||
| 926 | border-bottom: 0; | ||
| 927 | } | ||
| 928 | .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { | ||
| 929 | bottom: auto; | ||
| 930 | top: -3px; | ||
| 931 | border-top: 6px solid white; | ||
| 932 | border-bottom: 0; | ||
| 933 | } | ||
| 934 | .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { | ||
| 935 | right: 12px; | ||
| 936 | left: auto; | ||
| 937 | } | ||
| 938 | .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { | ||
| 939 | right: 13px; | ||
| 940 | left: auto; | ||
| 941 | } | ||
| 942 | .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, | ||
| 943 | .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { | ||
| 944 | display: block; | ||
| 945 | } | ||
| 946 | .bs-searchbox, | ||
| 947 | .bs-actionsbox, | ||
| 948 | .bs-donebutton { | ||
| 949 | padding: 4px 8px; | ||
| 950 | } | ||
| 951 | .bs-actionsbox { | ||
| 952 | width: 100%; | ||
| 953 | -webkit-box-sizing: border-box; | ||
| 954 | -moz-box-sizing: border-box; | ||
| 955 | box-sizing: border-box; | ||
| 956 | } | ||
| 957 | .bs-actionsbox .btn-group button { | ||
| 958 | width: 50%; | ||
| 959 | } | ||
| 960 | .bs-donebutton { | ||
| 961 | float: left; | ||
| 962 | width: 100%; | ||
| 963 | -webkit-box-sizing: border-box; | ||
| 964 | -moz-box-sizing: border-box; | ||
| 965 | box-sizing: border-box; | ||
| 966 | } | ||
| 967 | .bs-donebutton .btn-group button { | ||
| 968 | width: 100%; | ||
| 969 | } | ||
| 970 | .bs-searchbox + .bs-actionsbox { | ||
| 971 | padding: 0 8px 4px; | ||
| 972 | } | ||
| 973 | .bs-searchbox .form-control { | ||
| 974 | margin-bottom: 0; | ||
| 975 | width: 100%; | ||
| 976 | float: none; | ||
| 977 | } | ||
| 978 | .band1 { | ||
| 979 | background: -webkit-linear-gradient(left, #95e8f9, #002794) !important; | ||
| 980 | } | ||
| 981 | .band2 { | ||
| 982 | background: -webkit-linear-gradient(left, #a2fbc2, #ff6767) !important; | ||
| 983 | } | ||
| 984 | .band3 { | ||
| 985 | background: -webkit-linear-gradient(left, #e6c6ff, #9d00ff) !important; | ||
| 986 | } | ||
| 987 | .band4 { | ||
| 988 | background: -webkit-linear-gradient(left, #0909d4,#00a1ff 20%, #14bb12 40%, #dde007 60%, #d20f0f) !important; | ||
| 989 | } | ||
| 990 | .band5 { | ||
| 991 | background: -webkit-linear-gradient(left, #baffe5, #1ab99c) !important; | ||
| 992 | } | ||
| 993 | .band5 { | ||
| 994 | background: -webkit-linear-gradient(left, #baffe5, #1ab99c) !important; | ||
| 995 | } | ||
| 996 | .band6 { | ||
| 997 | background: -webkit-linear-gradient(left, #93f602, #2fac01, #74cb01, #d0ef01, #e1ce01,#e16a01,#f70701) !important; | ||
| 998 | } | ||
| 999 | .label { | ||
| 1000 | display: inline; | ||
| 1001 | padding: .01em 3.5em .01em 3.5em; | ||
| 1002 | font-size: 150%; | ||
| 1003 | color: #fff; | ||
| 1004 | text-align: center; | ||
| 1005 | white-space: nowrap; | ||
| 1006 | vertical-align: baseline; | ||
| 1007 | border-radius: .25em; | ||
| 1008 | line-height: 1.1; | ||
| 1009 | width: 120px; | ||
| 1010 | } | ||
| 1011 | #colorTable::before { | ||
| 1012 | content: attr(data-foo); | ||
| 1013 | color: black; | ||
| 1014 | font-size: 20px | ||
| 1015 | } | ||
| 1016 | /*-------select end-----------------*/ | ||
| 1017 | |||
| 1018 | /*--------input start------------*/ | ||
| 1019 | .form-group { | ||
| 1020 | position: relative; | ||
| 1021 | font-size: 15px; | ||
| 1022 | color: white; | ||
| 1023 | } | ||
| 1024 | .form-group + .form-group { | ||
| 1025 | margin-top: 5px; | ||
| 1026 | } | ||
| 1027 | .form-group .form-label { | ||
| 1028 | position: absolute; | ||
| 1029 | z-index: 1; | ||
| 1030 | left: 0; | ||
| 1031 | top: 12px; | ||
| 1032 | -webkit-transition: 0.3s; | ||
| 1033 | transition: 0.3s; | ||
| 1034 | font-size: 13px; | ||
| 1035 | } | ||
| 1036 | .form-group .form-control { | ||
| 1037 | TEXT-ALIGN:center; | ||
| 1038 | width: 50px; | ||
| 1039 | z-index: 3; | ||
| 1040 | height: 18px; | ||
| 1041 | left:95px; | ||
| 1042 | top:0px; | ||
| 1043 | position: relative; | ||
| 1044 | background: none; | ||
| 1045 | border: none; | ||
| 1046 | padding: 5px 0; | ||
| 1047 | -webkit-transition: 0.3s; | ||
| 1048 | transition: 0.3s; | ||
| 1049 | border-bottom: 1px solid #777; | ||
| 1050 | } | ||
| 1051 | .form-group .form-control:invalid { | ||
| 1052 | outline: none; | ||
| 1053 | } | ||
| 1054 | .form-group .form-control:focus, .form-group .form-control:valid { | ||
| 1055 | outline: none; | ||
| 1056 | color:beige; | ||
| 1057 | box-shadow: 0 1px white; | ||
| 1058 | border-color: white; | ||
| 1059 | } | ||
| 1060 | /*--------input end------------*/ | ||
| 1061 | |||
| 1062 | /*-------slider --------------*/ | ||
| 1063 | input[type=range] { | ||
| 1064 | -webkit-appearance: none; | ||
| 1065 | width: 300px; | ||
| 1066 | border-radius: 10px; | ||
| 1067 | } | ||
| 1068 | input[type=range]::-webkit-slider-thumb { | ||
| 1069 | -webkit-appearance: none; | ||
| 1070 | } | ||
| 1071 | input[type=range]::-moz-slider-thumb { | ||
| 1072 | -webkit-appearance: none; | ||
| 1073 | } | ||
| 1074 | input[type=range]::-ms-slider-thumb { | ||
| 1075 | -webkit-appearance: none; | ||
| 1076 | } | ||
| 1077 | |||
| 1078 | input[type=range]::-webkit-slider-runnable-track { | ||
| 1079 | height: 10px; | ||
| 1080 | border-radius: 10px; /*将轨道设为圆角的*/ | ||
| 1081 | box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; /*轨道内置阴影效果*/ | ||
| 1082 | } | ||
| 1083 | input[type=range]::-moz-range-track { | ||
| 1084 | height: 10px; | ||
| 1085 | border-radius: 10px; /*将轨道设为圆角的*/ | ||
| 1086 | box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; /*轨道内置阴影效果*/ | ||
| 1087 | } | ||
| 1088 | input[type=range]:focus { | ||
| 1089 | outline: none; | ||
| 1090 | } | ||
| 1091 | input[type=range]::-webkit-slider-thumb { | ||
| 1092 | -webkit-appearance: none; | ||
| 1093 | height: 15px; | ||
| 1094 | width: 15px; | ||
| 1095 | margin-top: -2px; /*使滑块超出轨道部分的偏移量相等*/ | ||
| 1096 | background: #ffffff; | ||
| 1097 | border-radius: 50%; /*外观设置为圆形*/ | ||
| 1098 | border: solid 0.125em rgba(205, 224, 230, 0.5); /*设置边框*/ | ||
| 1099 | box-shadow: 0 .125em .125em #3b4547; /*添加底部阴影*/ | ||
| 1100 | } | ||
| 1101 | input[type=range]::-moz-range-thumb { | ||
| 1102 | -webkit-appearance: none; | ||
| 1103 | height: 15px; | ||
| 1104 | width: 15px; | ||
| 1105 | margin-top: -2px; /*使滑块超出轨道部分的偏移量相等*/ | ||
| 1106 | background: #ffffff; | ||
| 1107 | border-radius: 50%; /*外观设置为圆形*/ | ||
| 1108 | border: solid 0.125em rgba(205, 224, 230, 0.5); /*设置边框*/ | ||
| 1109 | box-shadow: 0 .125em .125em #3b4547; /*添加底部阴影*/ | ||
| 1110 | } | ||
| 1111 | |||
| 1112 | input[type=range]::-moz-range-progress { | ||
| 1113 | background: linear-gradient(to right, #059CFA, white 100%, white); | ||
| 1114 | height: 13px; | ||
| 1115 | border-radius: 10px; | ||
| 1116 | } | ||
| 1117 | input[type=range] { | ||
| 1118 | -webkit-appearance: none; | ||
| 1119 | width: 300px; | ||
| 1120 | border-radius: 10px; | ||
| 1121 | } | ||
| 1122 | |||
| 1123 | input[type=range]::-ms-track { | ||
| 1124 | height: 10px; | ||
| 1125 | border-radius: 10px; | ||
| 1126 | box-shadow: 0 1px 1px #def3f8, inset 0 .125em .125em #0d1112; | ||
| 1127 | border-color: transparent; /*去除原有边框*/ | ||
| 1128 | color: transparent; /*去除轨道内的竖线*/ | ||
| 1129 | } | ||
| 1130 | |||
| 1131 | input[type=range]::-ms-thumb { | ||
| 1132 | border: solid 0.125em rgba(205, 224, 230, 1.0); | ||
| 1133 | height: 15px; | ||
| 1134 | width: 15px; | ||
| 1135 | border-radius: 50%; | ||
| 1136 | background: #ffffff; | ||
| 1137 | margin-top: -5px; | ||
| 1138 | box-shadow: 0 .125em .125em #3b4547; | ||
| 1139 | } | ||
| 1140 | |||
| 1141 | input[type=range]::-ms-fill-lower { | ||
| 1142 | /*进度条已填充的部分*/ | ||
| 1143 | height: 10px; | ||
| 1144 | border-radius: 10px; | ||
| 1145 | background: linear-gradient(to right, #059CFA, white 100%, white); | ||
| 1146 | } | ||
| 1147 | |||
| 1148 | input[type=range]::-ms-fill-upper { | ||
| 1149 | /*进度条未填充的部分*/ | ||
| 1150 | height: 10px; | ||
| 1151 | border-radius: 10px; | ||
| 1152 | background: #ffffff; | ||
| 1153 | } | ||
| 1154 | |||
| 1155 | input[type=range]:focus::-ms-fill-lower { | ||
| 1156 | background: linear-gradient(to right, #059CFA, white 100%, white); | ||
| 1157 | } | ||
| 1158 | |||
| 1159 | input[type=range]:focus::-ms-fill-upper { | ||
| 1160 | background: #ffffff; | ||
| 1161 | } | ||
| 1162 | /*-------slider end--------------*/ | ||
| 1163 | |||
| 1164 | /*------------container-----------*/ | ||
| 1165 | .selectContainer{ | ||
| 1166 | |||
| 1167 | } | ||
| 1168 | .selectContainer::before{ | ||
| 1169 | content: attr(name); | ||
| 1170 | color: black; | ||
| 1171 | position: absolute; | ||
| 1172 | left: -37%; | ||
| 1173 | white-space: nowrap; | ||
| 1174 | } | ||
| 1175 | |||
| 1176 | .includeSlider{ | ||
| 1177 | display: block; | ||
| 1178 | box-sizing: content-box; | ||
| 1179 | width: 200px; | ||
| 1180 | margin-top: 25px; | ||
| 1181 | } | ||
| 1182 | .includeSlider:after{ | ||
| 1183 | content: attr(name); | ||
| 1184 | color: black; | ||
| 1185 | position: absolute; | ||
| 1186 | left: -50px; | ||
| 1187 | top: -10px; | ||
| 1188 | white-space: nowrap; | ||
| 1189 | } | ||
| 1190 | /*----------container---------------*/ | ||
| 1191 | |||
| 1192 | /*---------progress bar-----------*/ | ||
| 1193 | #progressBar { | ||
| 1194 | width: 400px; | ||
| 1195 | height: 22px; | ||
| 1196 | border: 1px solid #111; | ||
| 1197 | background-color: #dad5d5; | ||
| 1198 | } | ||
| 1199 | #progressBar div { | ||
| 1200 | height: 100%; | ||
| 1201 | color: #fff; | ||
| 1202 | text-align: right; | ||
| 1203 | line-height: 22px; | ||
| 1204 | width: 0; | ||
| 1205 | background-color: #0099ff; | ||
| 1206 | } | ||
| 1207 | .jquery-ui-like { | ||
| 1208 | border-radius: 4px; | ||
| 1209 | background: #FFF; | ||
| 1210 | border: 1px solid #AAA; | ||
| 1211 | overflow: hidden; | ||
| 1212 | } | ||
| 1213 | /*---------progress bar end-----------*/ | ||
| 1214 | |||
| 1215 | /*-------bubble------------------*/ | ||
| 1216 | .bubble { | ||
| 1217 | text-align:center; | ||
| 1218 | position: absolute; | ||
| 1219 | padding: 15px; | ||
| 1220 | margin: 0; | ||
| 1221 | background: #fff; | ||
| 1222 | max-width : 330px; | ||
| 1223 | max-height: 200px; | ||
| 1224 | } | ||
| 1225 | .bubble float{ | ||
| 1226 | right: 2%; | ||
| 1227 | top: 2%; | ||
| 1228 | } | ||
| 1229 | .bubble:after { | ||
| 1230 | content: ""; | ||
| 1231 | position: absolute; | ||
| 1232 | bottom: -50px; | ||
| 1233 | left: 50px; | ||
| 1234 | border-width: 0 20px 50px 0px; | ||
| 1235 | border-style: solid; | ||
| 1236 | border-color: transparent #fff; | ||
| 1237 | display: block; | ||
| 1238 | width: 0; | ||
| 1239 | } | ||
| 1240 | /* Border styles */ | ||
| 1241 | #tab thead, #tab tr { | ||
| 1242 | border-top-width: 1px; | ||
| 1243 | border-top-style: solid; | ||
| 1244 | border-top-color: rgb(211, 202, 221); | ||
| 1245 | } | ||
| 1246 | #tab { | ||
| 1247 | border-bottom-width: 1px; | ||
| 1248 | border-bottom-style: solid; | ||
| 1249 | border-bottom-color: rgb(211, 202, 221); | ||
| 1250 | height: 400px; | ||
| 1251 | } | ||
| 1252 | |||
| 1253 | /* Padding and font style */ | ||
| 1254 | #tab td, #tab th { | ||
| 1255 | padding: 5px 10px; | ||
| 1256 | font-size: 12px; | ||
| 1257 | font-family: Verdana; | ||
| 1258 | color: rgb(95, 74, 121); | ||
| 1259 | border: 1px solid rgb(193, 168, 223); | ||
| 1260 | } | ||
| 1261 | |||
| 1262 | /* Alternating background colors */ | ||
| 1263 | #tab tr:nth-child(even) { | ||
| 1264 | background: rgb(223, 216, 232) | ||
| 1265 | } | ||
| 1266 | #tab tr:nth-child(odd) { | ||
| 1267 | background: #FFF | ||
| 1268 | } | ||
| 1269 | .float{ | ||
| 1270 | position: absolute; | ||
| 1271 | text-align: center; | ||
| 1272 | padding: 15px; | ||
| 1273 | margin: 0; | ||
| 1274 | background: #fff; | ||
| 1275 | max-width: 330px; | ||
| 1276 | max-height: 400px; | ||
| 1277 | } | ||
| 1278 | /*-------bubble end------------------*/ | ||
| 1279 | |||
| 1280 | /* .squaredTwo */ | ||
| 1281 | .squaredTwo { | ||
| 1282 | display: inline-block; | ||
| 1283 | width: 20px; | ||
| 1284 | height: 20px; | ||
| 1285 | position: relative; | ||
| 1286 | margin: 5px 5px; | ||
| 1287 | background: #fcfff4; | ||
| 1288 | background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); | ||
| 1289 | background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); | ||
| 1290 | background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); | ||
| 1291 | -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); | ||
| 1292 | -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); | ||
| 1293 | box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); | ||
| 1294 | } | ||
| 1295 | .squaredTwo label { | ||
| 1296 | width: 16px; | ||
| 1297 | height: 16px; | ||
| 1298 | cursor: pointer; | ||
| 1299 | position: absolute; | ||
| 1300 | left: 2px; | ||
| 1301 | top: 2px; | ||
| 1302 | background: -moz-linear-gradient(top, #222222 0%, #45484d 100%); | ||
| 1303 | background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%); | ||
| 1304 | background: linear-gradient(to bottom, #222222 0%, #45484d 100%); | ||
| 1305 | -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white; | ||
| 1306 | -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white; | ||
| 1307 | box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white; | ||
| 1308 | } | ||
| 1309 | .squaredTwo label:after { | ||
| 1310 | content: ''; | ||
| 1311 | width: 9px; | ||
| 1312 | height: 5px; | ||
| 1313 | position: absolute; | ||
| 1314 | top: 4px; | ||
| 1315 | left: 4px; | ||
| 1316 | border: 3px solid #fcfff4; | ||
| 1317 | border-top: none; | ||
| 1318 | border-right: none; | ||
| 1319 | background: transparent; | ||
| 1320 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); | ||
| 1321 | opacity: 0; | ||
| 1322 | -moz-transform: rotate(-45deg); | ||
| 1323 | -ms-transform: rotate(-45deg); | ||
| 1324 | -webkit-transform: rotate(-45deg); | ||
| 1325 | transform: rotate(-45deg); | ||
| 1326 | } | ||
| 1327 | .squaredTwo label:hover::after { | ||
| 1328 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); | ||
| 1329 | opacity: 0.3; | ||
| 1330 | } | ||
| 1331 | .squaredTwo input[type=checkbox] { | ||
| 1332 | visibility: hidden; | ||
| 1333 | } | ||
| 1334 | .squaredTwo input[type=checkbox] + label:after { | ||
| 1335 | filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); | ||
| 1336 | opacity: 0; | ||
| 1337 | } | ||
| 1338 | .squaredTwo input[type=checkbox]:checked + label:after { | ||
| 1339 | filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); | ||
| 1340 | } | ||
| 1341 | /* end .squaredTwo */ | ||
| 1342 | |||
| 1343 | /*** | ||
| 1344 | Spectrum Colorpicker v1.3.4 | ||
| 1345 | https://github.com/bgrins/spectrum | ||
| 1346 | Author: Brian Grinstead | ||
| 1347 | License: MIT | ||
| 1348 | ***/ | ||
| 1349 | |||
| 1350 | .sp-container { | ||
| 1351 | position:absolute; | ||
| 1352 | top:0; | ||
| 1353 | left:0; | ||
| 1354 | display:inline-block; | ||
| 1355 | *display: inline; | ||
| 1356 | *zoom: 1; | ||
| 1357 | /* https://github.com/bgrins/spectrum/issues/40 */ | ||
| 1358 | z-index: 9999994; | ||
| 1359 | overflow: hidden; | ||
| 1360 | } | ||
| 1361 | .sp-container.sp-flat { | ||
| 1362 | position: relative; | ||
| 1363 | } | ||
| 1364 | |||
| 1365 | /* Fix for * { box-sizing: border-box; } */ | ||
| 1366 | .sp-container, | ||
| 1367 | .sp-container * { | ||
| 1368 | -webkit-box-sizing: content-box; | ||
| 1369 | -moz-box-sizing: content-box; | ||
| 1370 | box-sizing: content-box; | ||
| 1371 | } | ||
| 1372 | |||
| 1373 | /* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ | ||
| 1374 | .sp-top { | ||
| 1375 | position:relative; | ||
| 1376 | width: 100%; | ||
| 1377 | display:inline-block; | ||
| 1378 | } | ||
| 1379 | .sp-top-inner { | ||
| 1380 | position:absolute; | ||
| 1381 | top:0; | ||
| 1382 | left:0; | ||
| 1383 | bottom:0; | ||
| 1384 | right:0; | ||
| 1385 | } | ||
| 1386 | .sp-color { | ||
| 1387 | position: absolute; | ||
| 1388 | top:0; | ||
| 1389 | left:0; | ||
| 1390 | bottom:0; | ||
| 1391 | right:20%; | ||
| 1392 | } | ||
| 1393 | .sp-hue { | ||
| 1394 | position: absolute; | ||
| 1395 | top:0; | ||
| 1396 | right:0; | ||
| 1397 | bottom:0; | ||
| 1398 | left:84%; | ||
| 1399 | height: 100%; | ||
| 1400 | } | ||
| 1401 | |||
| 1402 | .sp-clear-enabled .sp-hue { | ||
| 1403 | top:33px; | ||
| 1404 | height: 77.5%; | ||
| 1405 | } | ||
| 1406 | |||
| 1407 | .sp-fill { | ||
| 1408 | padding-top: 80%; | ||
| 1409 | } | ||
| 1410 | .sp-sat, .sp-val { | ||
| 1411 | position: absolute; | ||
| 1412 | top:0; | ||
| 1413 | left:0; | ||
| 1414 | right:0; | ||
| 1415 | bottom:0; | ||
| 1416 | } | ||
| 1417 | |||
| 1418 | .sp-alpha-enabled .sp-top { | ||
| 1419 | margin-bottom: 18px; | ||
| 1420 | } | ||
| 1421 | .sp-alpha-enabled .sp-alpha { | ||
| 1422 | display: block; | ||
| 1423 | } | ||
| 1424 | .sp-alpha-handle { | ||
| 1425 | position:absolute; | ||
| 1426 | top:-4px; | ||
| 1427 | bottom: -4px; | ||
| 1428 | width: 6px; | ||
| 1429 | left: 50%; | ||
| 1430 | cursor: pointer; | ||
| 1431 | border: 1px solid black; | ||
| 1432 | background: white; | ||
| 1433 | opacity: .8; | ||
| 1434 | } | ||
| 1435 | .sp-alpha { | ||
| 1436 | display: none; | ||
| 1437 | position: absolute; | ||
| 1438 | bottom: -14px; | ||
| 1439 | right: 0; | ||
| 1440 | left: 0; | ||
| 1441 | height: 8px; | ||
| 1442 | } | ||
| 1443 | .sp-alpha-inner { | ||
| 1444 | border: solid 1px #333; | ||
| 1445 | } | ||
| 1446 | |||
| 1447 | .sp-clear { | ||
| 1448 | display: none; | ||
| 1449 | } | ||
| 1450 | |||
| 1451 | .sp-clear.sp-clear-display { | ||
| 1452 | background-position: center; | ||
| 1453 | } | ||
| 1454 | |||
| 1455 | .sp-clear-enabled .sp-clear { | ||
| 1456 | display: block; | ||
| 1457 | position:absolute; | ||
| 1458 | top:0px; | ||
| 1459 | right:0; | ||
| 1460 | bottom:0; | ||
| 1461 | left:84%; | ||
| 1462 | height: 28px; | ||
| 1463 | } | ||
| 1464 | |||
| 1465 | /* Don't allow text selection */ | ||
| 1466 | .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { | ||
| 1467 | -webkit-user-select:none; | ||
| 1468 | -moz-user-select: -moz-none; | ||
| 1469 | -o-user-select:none; | ||
| 1470 | user-select: none; | ||
| 1471 | } | ||
| 1472 | |||
| 1473 | .sp-container.sp-input-disabled .sp-input-container { | ||
| 1474 | display: none; | ||
| 1475 | } | ||
| 1476 | .sp-container.sp-buttons-disabled .sp-button-container { | ||
| 1477 | display: none; | ||
| 1478 | } | ||
| 1479 | .sp-palette-only .sp-picker-container { | ||
| 1480 | display: none; | ||
| 1481 | } | ||
| 1482 | .sp-palette-disabled .sp-palette-container { | ||
| 1483 | display: none; | ||
| 1484 | } | ||
| 1485 | |||
| 1486 | .sp-initial-disabled .sp-initial { | ||
| 1487 | display: none; | ||
| 1488 | } | ||
| 1489 | |||
| 1490 | |||
| 1491 | /* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ | ||
| 1492 | .sp-sat { | ||
| 1493 | background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); | ||
| 1494 | background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); | ||
| 1495 | background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); | ||
| 1496 | background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); | ||
| 1497 | background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); | ||
| 1498 | background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); | ||
| 1499 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; | ||
| 1500 | filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); | ||
| 1501 | } | ||
| 1502 | .sp-val { | ||
| 1503 | background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); | ||
| 1504 | background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); | ||
| 1505 | background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); | ||
| 1506 | background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); | ||
| 1507 | background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); | ||
| 1508 | background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); | ||
| 1509 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; | ||
| 1510 | filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); | ||
| 1511 | } | ||
| 1512 | |||
| 1513 | .sp-hue { | ||
| 1514 | background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | ||
| 1515 | background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | ||
| 1516 | background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | ||
| 1517 | background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); | ||
| 1518 | background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); | ||
| 1519 | } | ||
| 1520 | |||
| 1521 | /* IE filters do not support multiple color stops. | ||
| 1522 | Generate 6 divs, line them up, and do two color gradients for each. | ||
| 1523 | Yes, really. | ||
| 1524 | */ | ||
| 1525 | .sp-1 { | ||
| 1526 | height:17%; | ||
| 1527 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); | ||
| 1528 | } | ||
| 1529 | .sp-2 { | ||
| 1530 | height:16%; | ||
| 1531 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); | ||
| 1532 | } | ||
| 1533 | .sp-3 { | ||
| 1534 | height:17%; | ||
| 1535 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); | ||
| 1536 | } | ||
| 1537 | .sp-4 { | ||
| 1538 | height:17%; | ||
| 1539 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); | ||
| 1540 | } | ||
| 1541 | .sp-5 { | ||
| 1542 | height:16%; | ||
| 1543 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); | ||
| 1544 | } | ||
| 1545 | .sp-6 { | ||
| 1546 | height:17%; | ||
| 1547 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); | ||
| 1548 | } | ||
| 1549 | |||
| 1550 | .sp-hidden { | ||
| 1551 | display: none !important; | ||
| 1552 | } | ||
| 1553 | |||
| 1554 | /* Clearfix hack */ | ||
| 1555 | .sp-cf:before, .sp-cf:after { content: ""; display: table; } | ||
| 1556 | .sp-cf:after { clear: both; } | ||
| 1557 | .sp-cf { *zoom: 1; } | ||
| 1558 | |||
| 1559 | /* Mobile devices, make hue slider bigger so it is easier to slide */ | ||
| 1560 | @media (max-device-width: 480px) { | ||
| 1561 | .sp-color { right: 40%; } | ||
| 1562 | .sp-hue { left: 63%; } | ||
| 1563 | .sp-fill { padding-top: 60%; } | ||
| 1564 | } | ||
| 1565 | .sp-dragger { | ||
| 1566 | border-radius: 5px; | ||
| 1567 | height: 5px; | ||
| 1568 | width: 5px; | ||
| 1569 | border: 1px solid #fff; | ||
| 1570 | background: #000; | ||
| 1571 | cursor: pointer; | ||
| 1572 | position:absolute; | ||
| 1573 | top:0; | ||
| 1574 | left: 0; | ||
| 1575 | } | ||
| 1576 | .sp-slider { | ||
| 1577 | position: absolute; | ||
| 1578 | top:0; | ||
| 1579 | cursor:pointer; | ||
| 1580 | height: 3px; | ||
| 1581 | left: -1px; | ||
| 1582 | right: -1px; | ||
| 1583 | border: 1px solid #000; | ||
| 1584 | background: white; | ||
| 1585 | opacity: .8; | ||
| 1586 | } | ||
| 1587 | |||
| 1588 | /* | ||
| 1589 | Theme authors: | ||
| 1590 | Here are the basic themeable display options (colors, fonts, global widths). | ||
| 1591 | See http://bgrins.github.io/spectrum/themes/ for instructions. | ||
| 1592 | */ | ||
| 1593 | |||
| 1594 | .sp-container { | ||
| 1595 | border-radius: 0; | ||
| 1596 | background-color: #ECECEC; | ||
| 1597 | border: solid 1px #f0c49B; | ||
| 1598 | padding: 0; | ||
| 1599 | } | ||
| 1600 | .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear | ||
| 1601 | { | ||
| 1602 | font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; | ||
| 1603 | -webkit-box-sizing: border-box; | ||
| 1604 | -moz-box-sizing: border-box; | ||
| 1605 | -ms-box-sizing: border-box; | ||
| 1606 | box-sizing: border-box; | ||
| 1607 | } | ||
| 1608 | .sp-top | ||
| 1609 | { | ||
| 1610 | margin-bottom: 3px; | ||
| 1611 | } | ||
| 1612 | .sp-color, .sp-hue, .sp-clear | ||
| 1613 | { | ||
| 1614 | border: solid 1px #666; | ||
| 1615 | } | ||
| 1616 | |||
| 1617 | /* Input */ | ||
| 1618 | .sp-input-container { | ||
| 1619 | float:right; | ||
| 1620 | width: 100px; | ||
| 1621 | margin-bottom: 4px; | ||
| 1622 | } | ||
| 1623 | .sp-initial-disabled .sp-input-container { | ||
| 1624 | width: 100%; | ||
| 1625 | } | ||
| 1626 | .sp-input { | ||
| 1627 | font-size: 12px !important; | ||
| 1628 | border: 1px inset; | ||
| 1629 | padding: 4px 5px; | ||
| 1630 | margin: 0; | ||
| 1631 | width: 100%; | ||
| 1632 | background:transparent; | ||
| 1633 | border-radius: 3px; | ||
| 1634 | color: #222; | ||
| 1635 | } | ||
| 1636 | .sp-input:focus { | ||
| 1637 | border: 1px solid orange; | ||
| 1638 | } | ||
| 1639 | .sp-input.sp-validation-error | ||
| 1640 | { | ||
| 1641 | border: 1px solid red; | ||
| 1642 | background: #fdd; | ||
| 1643 | } | ||
| 1644 | .sp-picker-container , .sp-palette-container | ||
| 1645 | { | ||
| 1646 | float:left; | ||
| 1647 | position: relative; | ||
| 1648 | padding: 10px; | ||
| 1649 | padding-bottom: 300px; | ||
| 1650 | margin-bottom: -290px; | ||
| 1651 | } | ||
| 1652 | .sp-picker-container | ||
| 1653 | { | ||
| 1654 | width: 172px; | ||
| 1655 | border-left: solid 1px #fff; | ||
| 1656 | } | ||
| 1657 | |||
| 1658 | /* Palettes */ | ||
| 1659 | .sp-palette-container | ||
| 1660 | { | ||
| 1661 | border-right: solid 1px #ccc; | ||
| 1662 | } | ||
| 1663 | |||
| 1664 | .sp-palette .sp-thumb-el { | ||
| 1665 | display: block; | ||
| 1666 | position:relative; | ||
| 1667 | float:left; | ||
| 1668 | width: 24px; | ||
| 1669 | height: 15px; | ||
| 1670 | margin: 3px; | ||
| 1671 | cursor: pointer; | ||
| 1672 | border:solid 2px transparent; | ||
| 1673 | } | ||
| 1674 | .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { | ||
| 1675 | border-color: orange; | ||
| 1676 | } | ||
| 1677 | .sp-thumb-el | ||
| 1678 | { | ||
| 1679 | position:relative; | ||
| 1680 | } | ||
| 1681 | |||
| 1682 | /* Initial */ | ||
| 1683 | .sp-initial | ||
| 1684 | { | ||
| 1685 | float: left; | ||
| 1686 | border: solid 1px #333; | ||
| 1687 | } | ||
| 1688 | .sp-initial span { | ||
| 1689 | width: 30px; | ||
| 1690 | height: 25px; | ||
| 1691 | border:none; | ||
| 1692 | display:block; | ||
| 1693 | float:left; | ||
| 1694 | margin:0; | ||
| 1695 | } | ||
| 1696 | |||
| 1697 | .sp-initial .sp-clear-display { | ||
| 1698 | background-position: center; | ||
| 1699 | } | ||
| 1700 | |||
| 1701 | /* Buttons */ | ||
| 1702 | .sp-button-container { | ||
| 1703 | float: right; | ||
| 1704 | } | ||
| 1705 | |||
| 1706 | /* Replacer (the little preview div that shows up instead of the <input>) */ | ||
| 1707 | .sp-replacer { | ||
| 1708 | margin:0; | ||
| 1709 | overflow:hidden; | ||
| 1710 | cursor:pointer; | ||
| 1711 | padding: 4px; | ||
| 1712 | display:inline-block; | ||
| 1713 | *zoom: 1; | ||
| 1714 | *display: inline; | ||
| 1715 | border: solid 1px #91765d; | ||
| 1716 | background: #eee; | ||
| 1717 | color: #333; | ||
| 1718 | vertical-align: middle; | ||
| 1719 | } | ||
| 1720 | .sp-replacer:hover, .sp-replacer.sp-active { | ||
| 1721 | border-color: #F0C49B; | ||
| 1722 | color: #111; | ||
| 1723 | } | ||
| 1724 | .sp-replacer.sp-disabled { | ||
| 1725 | cursor:default; | ||
| 1726 | border-color: silver; | ||
| 1727 | color: silver; | ||
| 1728 | } | ||
| 1729 | .sp-dd { | ||
| 1730 | padding: 2px 0; | ||
| 1731 | height: 16px; | ||
| 1732 | line-height: 16px; | ||
| 1733 | float:left; | ||
| 1734 | font-size:10px; | ||
| 1735 | } | ||
| 1736 | .sp-preview | ||
| 1737 | { | ||
| 1738 | position:relative; | ||
| 1739 | width:25px; | ||
| 1740 | height: 20px; | ||
| 1741 | border: solid 1px #222; | ||
| 1742 | margin-right: 5px; | ||
| 1743 | float:left; | ||
| 1744 | z-index: 0; | ||
| 1745 | } | ||
| 1746 | |||
| 1747 | .sp-palette | ||
| 1748 | { | ||
| 1749 | *width: 220px; | ||
| 1750 | max-width: 220px; | ||
| 1751 | } | ||
| 1752 | .sp-palette .sp-thumb-el | ||
| 1753 | { | ||
| 1754 | width:16px; | ||
| 1755 | height: 16px; | ||
| 1756 | margin:2px 1px; | ||
| 1757 | border: solid 1px #d0d0d0; | ||
| 1758 | } | ||
| 1759 | |||
| 1760 | .sp-container | ||
| 1761 | { | ||
| 1762 | padding-bottom:0; | ||
| 1763 | } | ||
| 1764 | |||
| 1765 | |||
| 1766 | /* Buttons: http://hellohappy.org/css3-buttons/ */ | ||
| 1767 | .sp-container button { | ||
| 1768 | background-color: #eeeeee; | ||
| 1769 | background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); | ||
| 1770 | background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); | ||
| 1771 | background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); | ||
| 1772 | background-image: -o-linear-gradient(top, #eeeeee, #cccccc); | ||
| 1773 | background-image: linear-gradient(to bottom, #eeeeee, #cccccc); | ||
| 1774 | border: 1px solid #ccc; | ||
| 1775 | border-bottom: 1px solid #bbb; | ||
| 1776 | border-radius: 3px; | ||
| 1777 | color: #333; | ||
| 1778 | font-size: 14px; | ||
| 1779 | line-height: 1; | ||
| 1780 | padding: 5px 4px; | ||
| 1781 | text-align: center; | ||
| 1782 | text-shadow: 0 1px 0 #eee; | ||
| 1783 | vertical-align: middle; | ||
| 1784 | } | ||
| 1785 | .sp-container button:hover { | ||
| 1786 | background-color: #dddddd; | ||
| 1787 | background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); | ||
| 1788 | background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); | ||
| 1789 | background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); | ||
| 1790 | background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); | ||
| 1791 | background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); | ||
| 1792 | border: 1px solid #bbb; | ||
| 1793 | border-bottom: 1px solid #999; | ||
| 1794 | cursor: pointer; | ||
| 1795 | text-shadow: 0 1px 0 #ddd; | ||
| 1796 | } | ||
| 1797 | .sp-container button:active { | ||
| 1798 | border: 1px solid #aaa; | ||
| 1799 | border-bottom: 1px solid #888; | ||
| 1800 | -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; | ||
| 1801 | -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; | ||
| 1802 | -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; | ||
| 1803 | -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; | ||
| 1804 | box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; | ||
| 1805 | } | ||
| 1806 | .sp-cancel | ||
| 1807 | { | ||
| 1808 | font-size: 11px; | ||
| 1809 | color: #d93f3f !important; | ||
| 1810 | margin:0; | ||
| 1811 | padding:2px; | ||
| 1812 | margin-right: 5px; | ||
| 1813 | vertical-align: middle; | ||
| 1814 | text-decoration:none; | ||
| 1815 | |||
| 1816 | } | ||
| 1817 | .sp-cancel:hover | ||
| 1818 | { | ||
| 1819 | color: #d93f3f !important; | ||
| 1820 | text-decoration: underline; | ||
| 1821 | } | ||
| 1822 | |||
| 1823 | |||
| 1824 | .sp-palette span:hover, .sp-palette span.sp-thumb-active | ||
| 1825 | { | ||
| 1826 | border-color: #000; | ||
| 1827 | } | ||
| 1828 | |||
| 1829 | .sp-preview, .sp-alpha, .sp-thumb-el | ||
| 1830 | { | ||
| 1831 | position:relative; | ||
| 1832 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); | ||
| 1833 | } | ||
| 1834 | .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner | ||
| 1835 | { | ||
| 1836 | display:block; | ||
| 1837 | position:absolute; | ||
| 1838 | top:0;left:0;bottom:0;right:0; | ||
| 1839 | } | ||
| 1840 | |||
| 1841 | .sp-palette .sp-thumb-inner | ||
| 1842 | { | ||
| 1843 | background-position: 50% 50%; | ||
| 1844 | background-repeat: no-repeat; | ||
| 1845 | } | ||
| 1846 | |||
| 1847 | .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner | ||
| 1848 | { | ||
| 1849 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); | ||
| 1850 | } | ||
| 1851 | |||
| 1852 | .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner | ||
| 1853 | { | ||
| 1854 | background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); | ||
| 1855 | } | ||
| 1856 | |||
| 1857 | .sp-clear-display { | ||
| 1858 | background-repeat:no-repeat; | ||
| 1859 | background-position: center; | ||
| 1860 | background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); | ||
| 1861 | } | ||
| 1862 | /******ColorPicker end*******/ | ||
| 1863 | /******TabMenu*******/ | ||
| 1864 | .tabMenu { | ||
| 1865 | width: 270px; | ||
| 1866 | margin: 0 auto; | ||
| 1867 | border: 1px solid #526f82; | ||
| 1868 | color: #ffffff; | ||
| 1869 | font-size: 10pt; | ||
| 1870 | padding: 1em; | ||
| 1871 | background-color: rgba(38, 38, 38, 0.75); | ||
| 1872 | } | ||
| 1873 | |||
| 1874 | .tabMenu section { | ||
| 1875 | display: none; | ||
| 1876 | padding: 0px 0 0; | ||
| 1877 | border-top: 1px solid #ddd; | ||
| 1878 | } | ||
| 1879 | |||
| 1880 | .tabMenu input[type=radio]{ | ||
| 1881 | display: none; | ||
| 1882 | } | ||
| 1883 | .tabMenu label { | ||
| 1884 | display: inline-block; | ||
| 1885 | margin: 0 0 -1px; | ||
| 1886 | padding: 5px 5px; | ||
| 1887 | font-size : 10px; | ||
| 1888 | border: 1px solid transparent; | ||
| 1889 | color: #fff; | ||
| 1890 | } | ||
| 1891 | |||
| 1892 | .tabMenu label:before { | ||
| 1893 | font-family: fontawesome; | ||
| 1894 | font-weight: normal; | ||
| 1895 | margin-right: 10px; | ||
| 1896 | } | ||
| 1897 | .tabMenu input:checked + label { | ||
| 1898 | color: #2ec5ad; | ||
| 1899 | cursor: default; | ||
| 1900 | border-bottom: 1px solid #2ec5ad; | ||
| 1901 | font-weight: bold; | ||
| 1902 | } | ||
| 1903 | .tabMenu select{ | ||
| 1904 | width: 93%; | ||
| 1905 | height: 30px; | ||
| 1906 | color: lightgray; | ||
| 1907 | background-color: #333; | ||
| 1908 | border: 1px solid #686363; | ||
| 1909 | padding: 0px 3px; | ||
| 1910 | margin-bottom: 0 | ||
| 1911 | } | ||
| 1912 | #tab1:checked ~ #content1, | ||
| 1913 | #tab2:checked ~ #content2, | ||
| 1914 | #tab3:checked ~ #content3, | ||
| 1915 | #tab4:checked ~ #content4 { | ||
| 1916 | display: block; | ||
| 1917 | } | ||
| 1918 | |||
| 1919 | @media screen and (max-width: 650px) { | ||
| 1920 | label { | ||
| 1921 | font-size: 10px; | ||
| 1922 | } | ||
| 1923 | |||
| 1924 | label:before { | ||
| 1925 | color: #fff; | ||
| 1926 | } | ||
| 1927 | } | ||
| 1928 | .tabMenu section label{ | ||
| 1929 | width: 100%; | ||
| 1930 | color: lightgrey; | ||
| 1931 | margin: 0px 5px -5px 0px; | ||
| 1932 | line-height: 1.5; | ||
| 1933 | font-size: 10px; | ||
| 1934 | } | ||
| 1935 | .tabMenu section input[type=range]{ | ||
| 1936 | color: grey; | ||
| 1937 | background: darkgrey; | ||
| 1938 | width: 94%; | ||
| 1939 | margin-bottom: 10px; | ||
| 1940 | } | ||
| 1941 | |||
| 1942 | .tabMenu section input[type=text] { | ||
| 1943 | margin: 2.5px; | ||
| 1944 | width: 45%; | ||
| 1945 | background: rgba(0,0,0,0); | ||
| 1946 | border: none; | ||
| 1947 | color: lightgrey; | ||
| 1948 | text-align: center; | ||
| 1949 | border-radius: 1px; | ||
| 1950 | border-bottom: 1px solid; | ||
| 1951 | } | ||
| 1952 | .btn-info { | ||
| 1953 | display: inline-block; | ||
| 1954 | padding: 4px 12px; | ||
| 1955 | margin: 10px 2px 0px 2px; | ||
| 1956 | font-size: 14px; | ||
| 1957 | line-height: 20px; | ||
| 1958 | text-align: center; | ||
| 1959 | color: darkgrey; | ||
| 1960 | border: 1px solid #686363; | ||
| 1961 | vertical-align: middle; | ||
| 1962 | cursor: pointer; | ||
| 1963 | border-radius: 0px; | ||
| 1964 | background: rgba(38, 38, 38, 0.21); | ||
| 1965 | } | ||
| 1966 | /********/ | ||
| 1967 | |||
| 1968 | .applyImg{width: 88px; height: 30px; position: absolute; z-index: 1000; top: 80px; left: 30px; background-color: #D9D8D7; opacity: 0.8; text-indent: 11px; line-height: 30px; font-size: 15px; } | ||
| 1969 | .applyImg:hover{cursor:pointer;} | ||
| 1970 | .closeDiv{width: 152px; height: 30px; position: absolute; z-index: 1000; top: 80px; left: 118px; opacity: 0.8; background-color: #D9D8D7;} | ||
| 1971 | .closeImg{width: 25px; height: 25px; position: absolute; left: 125px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAFgSURBVHja7JVLSwJhFIbfiX5CA5NIQcKYl2ljm7IL1d5w3JTdIFsWbRODQrEL0SIy25ZEQn+oErQfYDsH5lLT28qhTTORGAS+cDbn8H3P+V7O4RNIotvqwx+oB+lBuqd+t2L1ocqXRh2tlobj4onwtZbbz9IwTYRDYWQ2twRXCslvo1DMUxlTKAdlXpYu2M6Xr0sMBEbo9/uZ2dqk2x0k3e0ydB2WaaH2XMPO9q6TvyqVUa838Pb+Bk3TvP3y6uLs/JQACIBqSmViMUFRFAmAK6tpz1eQ9Ia0Q1WTDmwyPsGfnvO066vsD/v34+XVxd19hVElQlEcYHwqzpnZaQ4PDzGqRJjN7XVu12H+gHJQdmxq50dDowRAn2+Qy+mlzqbLMk0YugFpUML6xpqTV1NJSJIEy7LQfG12toyyLGN+YQ66oeP2puIsXLFwJDw9PtG2bcTGY54Qofcz9iD/G/I5AOJ+kRqo/hsiAAAAAElFTkSuQmCC);} | ||
| 1972 | .closeImg:hover{cursor:pointer;} | ||
| 1973 | |||
| 1974 | .applyContainer{width: 240px; height: 500px; position: absolute; z-index: 1000; top: 110px; left: 30px; box-shadow: 0px 0px 30px #FFFFFF; font-size: 13px;background-color: rgba(255, 255, 255, 0.3)} | ||
| 1975 | .title { | ||
| 1976 | font-size: 14px; | ||
| 1977 | color: #00B5AD; | ||
| 1978 | text-align: center; | ||
| 1979 | } | ||
| 1980 | .title:after{ | ||
| 1981 | content: ' '; | ||
| 1982 | display: block; | ||
| 1983 | width: 100%; | ||
| 1984 | height: 2px; | ||
| 1985 | margin-top: 10px; | ||
| 1986 | background: -moz-linear-gradient(left, rgba(147,184,189,0) 0%, rgba(147,184,189,0.8) 20%, rgba(147,184,189,1) 53%, rgba(147,184,189,0.8) 79%, rgba(147,184,189,0) 100%); | ||
| 1987 | background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(147,184,189,0)), color-stop(20%,rgba(147,184,189,0.8)), color-stop(53%,rgba(147,184,189,1)), color-stop(79%,rgba(147,184,189,0.8)), color-stop(100%,rgba(147,184,189,0))); | ||
| 1988 | background: -webkit-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); | ||
| 1989 | background: -o-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); | ||
| 1990 | background: -ms-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); | ||
| 1991 | background: linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); | ||
| 1992 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/se.css
0 → 100644
| 1 | body { | ||
| 2 | background: #000; | ||
| 3 | color: #eee; | ||
| 4 | font-family: "Microsoft YaHei" !important; | ||
| 5 | font-size: 10pt; | ||
| 6 | padding: 0; | ||
| 7 | margin: 0; | ||
| 8 | width: 100%; | ||
| 9 | height: 100%; | ||
| 10 | overflow: hidden; | ||
| 11 | } | ||
| 12 | *{ | ||
| 13 | box-sizing: border-box; | ||
| 14 | -webkit-box-sizing: border-box; | ||
| 15 | -moz-box-sizing: border-box; | ||
| 16 | -webkit-tap-highlight-color:transparent; | ||
| 17 | } | ||
| 18 | a{ | ||
| 19 | text-decoration: none; | ||
| 20 | color: #16a085; | ||
| 21 | -webkit-transition: .25s; | ||
| 22 | -moz-transition: .25s; | ||
| 23 | -ms-transition: .25s; | ||
| 24 | -o-transition: .25s; | ||
| 25 | transition: .25s; | ||
| 26 | } | ||
| 27 | .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{ | ||
| 28 | display: table; | ||
| 29 | content: " " | ||
| 30 | } | ||
| 31 | .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after{ | ||
| 32 | clear : both; | ||
| 33 | } | ||
| 34 | :after,:before{ | ||
| 35 | box-sizing: border-box; | ||
| 36 | -webkit-box-sizing: border-box; | ||
| 37 | -moz-box-sizing: border-box; | ||
| 38 | } | ||
| 39 | ul{ | ||
| 40 | list-style: none; | ||
| 41 | } | ||
| 42 | |||
| 43 | .loadingOverlay { | ||
| 44 | position: absolute; | ||
| 45 | top: 0; | ||
| 46 | left: 0; | ||
| 47 | opacity: 0.9; | ||
| 48 | width: 100%; | ||
| 49 | height: 100%; | ||
| 50 | } | ||
| 51 | /* -------Loader Bar ----------*/ | ||
| 52 | ul#loadbar { | ||
| 53 | list-style: none; | ||
| 54 | width: 200px; | ||
| 55 | margin: 0 auto; | ||
| 56 | padding-top: 50px; | ||
| 57 | padding-bottom: 50px; | ||
| 58 | text-align: center; | ||
| 59 | position: relative; | ||
| 60 | top: 50%; | ||
| 61 | margin-top: -5em; | ||
| 62 | } | ||
| 63 | |||
| 64 | ul#loadbar li { | ||
| 65 | float: left; | ||
| 66 | position: relative; | ||
| 67 | width: 15px; | ||
| 68 | height: 15px; | ||
| 69 | border: 1px solid #fff; | ||
| 70 | border-radius: 50px; | ||
| 71 | margin-left: 10px; | ||
| 72 | border-left: 1px solid #111; | ||
| 73 | border-top: 1px solid #111; | ||
| 74 | border-right: 1px solid #333; | ||
| 75 | border-bottom: 1px solid #333; | ||
| 76 | background: #000; | ||
| 77 | } | ||
| 78 | |||
| 79 | ul#loadbar li:first-child { | ||
| 80 | margin-left: 0; | ||
| 81 | } | ||
| 82 | |||
| 83 | .ins .ball { | ||
| 84 | background-color: #2187e7; | ||
| 85 | background-image: -moz-linear-gradient(90deg, #2187e7 25%, #a0eaff); | ||
| 86 | background-image: -webkit-linear-gradient(90deg, #2187e7 25%, #a0eaff); | ||
| 87 | width: 15px; | ||
| 88 | height: 15px; | ||
| 89 | border-radius: 50px; | ||
| 90 | -moz-transform: scale(0); | ||
| 91 | -webkit-transform: scale(0); | ||
| 92 | -moz-animation: loading 1s linear forwards; | ||
| 93 | -webkit-animation: loading 1s linear forwards; | ||
| 94 | } | ||
| 95 | |||
| 96 | .ins .palse { | ||
| 97 | width: 15px; | ||
| 98 | height: 15px; | ||
| 99 | border-radius: 30px; | ||
| 100 | border: 1px solid #00c6ff; | ||
| 101 | box-shadow: 0 0 5px #00c6ff; | ||
| 102 | position: absolute; | ||
| 103 | top: -1px; | ||
| 104 | left: -1px; | ||
| 105 | -moz-transform: scale(0); | ||
| 106 | -webkit-transform: scale(0); | ||
| 107 | -webkit-animation: pulse 1s ease-out; | ||
| 108 | -moz-animation: pulse 1s ease-out; | ||
| 109 | } | ||
| 110 | |||
| 111 | @-moz-keyframes loading { | ||
| 112 | 0%{ | ||
| 113 | -moz-transform: scale(0, 0); | ||
| 114 | } | ||
| 115 | |||
| 116 | 100%{ | ||
| 117 | -moz-transform: scale(1,1); | ||
| 118 | } | ||
| 119 | } | ||
| 120 | @-webkit-keyframes loading { | ||
| 121 | 0%{ | ||
| 122 | -webkit-transform: scale(0, 0); | ||
| 123 | } | ||
| 124 | |||
| 125 | 100%{ | ||
| 126 | -webkit-transform: scale(1,1); | ||
| 127 | } | ||
| 128 | } | ||
| 129 | @-moz-keyframes pulse { | ||
| 130 | 0% { | ||
| 131 | -moz-transform: scale(0); | ||
| 132 | opacity: 0; | ||
| 133 | } | ||
| 134 | |||
| 135 | 10%{ | ||
| 136 | -moz-transform: scale(1); | ||
| 137 | opacity: 0.5; | ||
| 138 | } | ||
| 139 | 50%{ | ||
| 140 | -moz-transform: scale(1.75); | ||
| 141 | opacity: 0; | ||
| 142 | } | ||
| 143 | 100%{ | ||
| 144 | -moz-transform: scale(0); | ||
| 145 | opacity: 0; | ||
| 146 | } | ||
| 147 | } | ||
| 148 | @-webkit-keyframes pulse { | ||
| 149 | 0% { | ||
| 150 | -webkit-transform: scale(0); | ||
| 151 | opacity: 0; | ||
| 152 | } | ||
| 153 | |||
| 154 | 10%{ | ||
| 155 | -webkit-transform: scale(1); | ||
| 156 | opacity: 0.5; | ||
| 157 | } | ||
| 158 | 50%{ | ||
| 159 | -webkit-transform: scale(1.75); | ||
| 160 | opacity: 0; | ||
| 161 | } | ||
| 162 | 100%{ | ||
| 163 | -webkit-transform: scale(0); | ||
| 164 | opacity: 0; | ||
| 165 | } | ||
| 166 | } | ||
| 167 | #loadinglayer1 { | ||
| 168 | -moz-animation-delay: 0.5s; | ||
| 169 | -webkit-animation-delay: 0.5s; | ||
| 170 | } | ||
| 171 | |||
| 172 | #loadinglayer2 { | ||
| 173 | -moz-animation-delay: 1s; | ||
| 174 | -webkit-animation-delay: 1s; | ||
| 175 | } | ||
| 176 | |||
| 177 | #loadinglayer3 { | ||
| 178 | -moz-animation-delay: 1.5s; | ||
| 179 | -webkit-animation-delay: 1.5s; | ||
| 180 | } | ||
| 181 | |||
| 182 | #loadinglayer4 { | ||
| 183 | -moz-animation-delay: 2s; | ||
| 184 | -webkit-animation-delay: 2s; | ||
| 185 | } | ||
| 186 | |||
| 187 | #loadinglayer5 { | ||
| 188 | -moz-animation-delay: 2.5s; | ||
| 189 | -webkit-animation-delay: 2.5s; | ||
| 190 | } | ||
| 191 | |||
| 192 | #loadinglayer7 { | ||
| 193 | -moz-animation-delay: 1.5s; | ||
| 194 | -webkit-animation-delay: 1.5s; | ||
| 195 | } | ||
| 196 | |||
| 197 | #loadinglayer8 { | ||
| 198 | -moz-animation-delay: 2s; | ||
| 199 | -webkit-animation-delay: 2s; | ||
| 200 | } | ||
| 201 | |||
| 202 | #loadinglayer9 { | ||
| 203 | -moz-animation-delay: 2.5s; | ||
| 204 | -webkit-animation-delay: 2.5s; | ||
| 205 | } | ||
| 206 | |||
| 207 | #loadinglayer10 { | ||
| 208 | -moz-animation-delay: 3s; | ||
| 209 | -webkit-animation-delay: 3s; | ||
| 210 | } | ||
| 211 | |||
| 212 | #loadinglayer11 { | ||
| 213 | -moz-animation-delay: 3.5s; | ||
| 214 | -webkit-animation-delay: 3.5s; | ||
| 215 | } | ||
| 216 | |||
| 217 | @-moz-keyframes fill { | ||
| 218 | 0%{ | ||
| 219 | opacity: 0; | ||
| 220 | } | ||
| 221 | |||
| 222 | 100%{ | ||
| 223 | opacity: 1; | ||
| 224 | } | ||
| 225 | } | ||
| 226 | @-webkit-keyframes fill { | ||
| 227 | 0%{ | ||
| 228 | opacity: 0; | ||
| 229 | } | ||
| 230 | |||
| 231 | 100%{ | ||
| 232 | opacity: 1; | ||
| 233 | } | ||
| 234 | } | ||
| 235 | /* ------END Loader Bar ------------*/ | ||
| 236 | .btn-inverse { | ||
| 237 | background-color: rgba(38, 38, 38, 0.75); | ||
| 238 | } | ||
| 239 | |||
| 240 | body.modal-open { | ||
| 241 | font-family: sans-serif; | ||
| 242 | font-size: 16px; | ||
| 243 | color: #fff; | ||
| 244 | } | ||
| 245 | |||
| 246 | .modal-header { | ||
| 247 | border: none; | ||
| 248 | } | ||
| 249 | |||
| 250 | .modal-body { | ||
| 251 | padding-bottom: 0; | ||
| 252 | padding-top: 0; | ||
| 253 | } | ||
| 254 | |||
| 255 | .modal-footer { | ||
| 256 | padding-top: 0; | ||
| 257 | border: none; | ||
| 258 | } | ||
| 259 | |||
| 260 | .myModal { | ||
| 261 | display: none; | ||
| 262 | position: absolute; | ||
| 263 | top: 0px; | ||
| 264 | right: 0px; | ||
| 265 | bottom: 0px; | ||
| 266 | left: 0px; | ||
| 267 | /* text-align: center; */ | ||
| 268 | /* background-color: rgba(0,0,0,0.7); */ | ||
| 269 | background-color: rgba(38, 38, 38, 0.75); | ||
| 270 | z-index: 999; | ||
| 271 | } | ||
| 272 | |||
| 273 | .myModal-header { | ||
| 274 | min-height: 16px; | ||
| 275 | padding: 5px; | ||
| 276 | } | ||
| 277 | |||
| 278 | .myModal-body { | ||
| 279 | padding: 10px; | ||
| 280 | } | ||
| 281 | |||
| 282 | .myModal-content { | ||
| 283 | position: absolute; | ||
| 284 | top: 25%; | ||
| 285 | width: 30%; | ||
| 286 | display: inline-block; | ||
| 287 | border: 1px solid #526f82; | ||
| 288 | color: #ffffff; | ||
| 289 | font-size: 10pt; | ||
| 290 | padding: 1em; | ||
| 291 | margin-left: 30%; | ||
| 292 | } | ||
| 293 | |||
| 294 | .myModal:before { | ||
| 295 | display: inline-block; | ||
| 296 | vertical-align: middle; | ||
| 297 | height: 100%; | ||
| 298 | content: ""; | ||
| 299 | } | ||
| 300 | |||
| 301 | .myModal-close { | ||
| 302 | float: right; | ||
| 303 | margin-top: -17px; | ||
| 304 | margin-right: -18px; | ||
| 305 | color: #ffffff; | ||
| 306 | background-color: #000000; | ||
| 307 | border: none; | ||
| 308 | font-size: 1.5em; | ||
| 309 | } | ||
| 310 | |||
| 311 | .myModal-close:hover { | ||
| 312 | background-color: red; | ||
| 313 | } | ||
| 314 | |||
| 315 | .cesium-button { | ||
| 316 | border-radius: 0px; | ||
| 317 | } | ||
| 318 | |||
| 319 | .baselayer-container { | ||
| 320 | display: none; | ||
| 321 | /* background-color: rgba(40,42,43,0.4); */ | ||
| 322 | background-color: rgba(38, 38, 38, 0.75); | ||
| 323 | color: #ffffff; | ||
| 324 | font-family: sans-serif; | ||
| 325 | padding: 10px; | ||
| 326 | position: absolute; | ||
| 327 | top: 60px; | ||
| 328 | left: 200px; | ||
| 329 | border: 1px solid #444; | ||
| 330 | } | ||
| 331 | |||
| 332 | .baselayer-items { | ||
| 333 | max-height: 270px; | ||
| 334 | text-align: left; | ||
| 335 | padding: 10px; | ||
| 336 | } | ||
| 337 | |||
| 338 | .baselayer-item { | ||
| 339 | display: inline-block; | ||
| 340 | vertical-align: top; | ||
| 341 | margin: 2px 5px; | ||
| 342 | width: 160px; | ||
| 343 | text-align: center; | ||
| 344 | cursor: pointer; | ||
| 345 | } | ||
| 346 | |||
| 347 | .baselayer-itemIcon { | ||
| 348 | display: inline-block; | ||
| 349 | position: relative; | ||
| 350 | width: inherit; | ||
| 351 | height: 100px; | ||
| 352 | background-size: 100% 100%; | ||
| 353 | color: #edffff; | ||
| 354 | box-sizing: border-box; | ||
| 355 | border: 3px solid #ffffff; | ||
| 356 | } | ||
| 357 | |||
| 358 | .baselayer-itemIcon:hover { | ||
| 359 | border: 3px solid #00DCFF; | ||
| 360 | } | ||
| 361 | |||
| 362 | .baselayer-itemLabel { | ||
| 363 | display: block; | ||
| 364 | font-size: 8pt; | ||
| 365 | text-align: center; | ||
| 366 | vertical-align: middle; | ||
| 367 | word-wrap: break-word; | ||
| 368 | cursor: pointer; | ||
| 369 | } | ||
| 370 | |||
| 371 | .selTypeContainer { | ||
| 372 | display: block; | ||
| 373 | margin-bottom: 20px; | ||
| 374 | text-align: left; | ||
| 375 | } | ||
| 376 | |||
| 377 | .service-items { | ||
| 378 | display: block; | ||
| 379 | position: relative; | ||
| 380 | top: auto; | ||
| 381 | right: 0; | ||
| 382 | overflow-y: auto; | ||
| 383 | overflow-x: hidden; | ||
| 384 | max-height: 260px; | ||
| 385 | text-align: left; | ||
| 386 | } | ||
| 387 | |||
| 388 | .service-item { | ||
| 389 | display: inline-block; | ||
| 390 | vertical-align: top; | ||
| 391 | margin: 5px; | ||
| 392 | width: 155px; | ||
| 393 | text-align: center; | ||
| 394 | cursor: pointer; | ||
| 395 | position : relative; | ||
| 396 | } | ||
| 397 | |||
| 398 | .service-itemIcon { | ||
| 399 | display: inline-block; | ||
| 400 | position: relative; | ||
| 401 | width: inherit; | ||
| 402 | height: 100px; | ||
| 403 | background-size: 100% 100%; | ||
| 404 | color: #edffff; | ||
| 405 | box-sizing: border-box; | ||
| 406 | border: 3px solid #ffffff; | ||
| 407 | } | ||
| 408 | |||
| 409 | .service-itemIcon:hover { | ||
| 410 | border: 3px solid #00DCFF; | ||
| 411 | } | ||
| 412 | |||
| 413 | .service-itemIcon-selected { | ||
| 414 | border: 3px solid #00DCFF; | ||
| 415 | } | ||
| 416 | |||
| 417 | .service-itemLabel { | ||
| 418 | display: block; | ||
| 419 | font-family: sans-serif; | ||
| 420 | font-size: 8pt; | ||
| 421 | text-align: center; | ||
| 422 | vertical-align: middle; | ||
| 423 | word-wrap: break-word; | ||
| 424 | cursor: pointer; | ||
| 425 | } | ||
| 426 | .service-itemBg{ | ||
| 427 | position: absolute; | ||
| 428 | width: 100%; | ||
| 429 | height: 100%; | ||
| 430 | background-color: rgb(35,36,36); | ||
| 431 | left: 0px; | ||
| 432 | top: 0px; | ||
| 433 | opacity: 0; | ||
| 434 | } | ||
| 435 | .service-itemAttr:hover div.service-itemBg{ | ||
| 436 | opacity: 1; | ||
| 437 | background-color: rgba(35,36,36,0.7); | ||
| 438 | } | ||
| 439 | .service-itemDes{ | ||
| 440 | position: absolute; | ||
| 441 | left: 5px; | ||
| 442 | top: 20px; | ||
| 443 | color : #fff; | ||
| 444 | font-size : 12px; | ||
| 445 | font-weight : 400; | ||
| 446 | opacity : 0; | ||
| 447 | } | ||
| 448 | .service-itemAttr:hover div.service-itemDes{ | ||
| 449 | opacity : 1; | ||
| 450 | } | ||
| 451 | .service-itemAdd{ | ||
| 452 | position : absolute; | ||
| 453 | right : 0px; | ||
| 454 | bottom : 0px; | ||
| 455 | font-size : 20px; | ||
| 456 | opacity : 0; | ||
| 457 | } | ||
| 458 | .service-itemAttr:hover div.service-itemAdd{ | ||
| 459 | opacity : 1; | ||
| 460 | } | ||
| 461 | .service-itemUnSelected{ | ||
| 462 | position : absolute; | ||
| 463 | right : 0px; | ||
| 464 | top : 0px; | ||
| 465 | font-size : 16px; | ||
| 466 | color : rgb(26,188,114); | ||
| 467 | opacity : 0; | ||
| 468 | } | ||
| 469 | .service-itemSelected{ | ||
| 470 | opacity : 1; | ||
| 471 | } | ||
| 472 | |||
| 473 | |||
| 474 | .ztree * { | ||
| 475 | font-size: 10pt; | ||
| 476 | } | ||
| 477 | |||
| 478 | .ztree li a { | ||
| 479 | color: #fff; | ||
| 480 | } | ||
| 481 | |||
| 482 | .ztree li a:hover { | ||
| 483 | background-color: #0080FF; | ||
| 484 | } | ||
| 485 | |||
| 486 | .errorPannel { | ||
| 487 | display: block; | ||
| 488 | position: absolute; | ||
| 489 | bottom: 0px; | ||
| 490 | box-sizing: content-box; | ||
| 491 | right: 2px; | ||
| 492 | height: 2em; | ||
| 493 | background-color: rgba(157, 45, 45, 0.5); | ||
| 494 | border: 1px solid #444; | ||
| 495 | padding: 6px; | ||
| 496 | overflow: hidden; | ||
| 497 | color: #ffffff; | ||
| 498 | -moz-user-select: none; | ||
| 499 | -webkit-user-select: none; | ||
| 500 | -ms-user-select: none; | ||
| 501 | urser-select: none; | ||
| 502 | z-index: 9999; | ||
| 503 | -webkit-transition: visibility 0s 0.2s, opacity 0.2s ease-in, | ||
| 504 | -webkit-transform 0.2s ease-in; | ||
| 505 | -moz-transition: visibility 0s 0.2s, opacity 0.2s ease-in, | ||
| 506 | -moz-transform 0.2s ease-in; | ||
| 507 | transition: visibility 0s 0.2s, opacity 0.2s ease-in, transform 0.2s | ||
| 508 | ease-in; | ||
| 509 | -webkit-transform: translate(0, -20%); | ||
| 510 | -moz-transform: translate(0, -20%); | ||
| 511 | transfor: translate(0, -20%); | ||
| 512 | opacity: 0; | ||
| 513 | visibility: hidden; | ||
| 514 | } | ||
| 515 | |||
| 516 | .errorPannelVisible { | ||
| 517 | -webkit-transform: translate(0, 0); | ||
| 518 | -moz-transform: translate(0, 0); | ||
| 519 | transform: translate(0, 0); | ||
| 520 | visibility: visible; | ||
| 521 | opacity: 1; | ||
| 522 | -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s | ||
| 523 | ease-out; | ||
| 524 | -moz-transition: opacity 0.2s ease-out, -moz-transform 0.2s ease-out; | ||
| 525 | transition: opacity 0.2s ease-out, transform 0.2s ease-out; | ||
| 526 | } | ||
| 527 | |||
| 528 | .btn-inverse { | ||
| 529 | /* color: #BF7130; */ | ||
| 530 | color: #2ec5ad; | ||
| 531 | /* background-color: rgba(40,42,43,0.4); */ | ||
| 532 | background-color: rgba(38, 38, 38, 0.75); | ||
| 533 | } | ||
| 534 | |||
| 535 | .userBtn-before { | ||
| 536 | padding: 10px 15px; | ||
| 537 | font-size: 15px; | ||
| 538 | font-weight: normal; | ||
| 539 | line-height: 1.4; | ||
| 540 | border: none; | ||
| 541 | border-radius: 4px; | ||
| 542 | -webkit-transition: border .25s linear, color .25s linear, | ||
| 543 | background-color .25s linear; | ||
| 544 | transition: border .25s linear, color .25s linear, background-color .25s | ||
| 545 | linear; | ||
| 546 | -webkit-font-smoothing: subpixel-antialiased; | ||
| 547 | border-radius: 99em; | ||
| 548 | background-color: #6B7163; | ||
| 549 | width: 30px; | ||
| 550 | height: 30px; | ||
| 551 | color: #fff; | ||
| 552 | } | ||
| 553 | |||
| 554 | .userBtn-login { | ||
| 555 | background-color: #235273; | ||
| 556 | } | ||
| 557 | |||
| 558 | .compass { | ||
| 559 | position: absolute; | ||
| 560 | top: 100px; | ||
| 561 | right: 10px; | ||
| 562 | } | ||
| 563 | |||
| 564 | .cur-addMarker { | ||
| 565 | cursor: url(../images/cursor/wrkpnlno.cur), auto; | ||
| 566 | } | ||
| 567 | |||
| 568 | .cur-measure { | ||
| 569 | cursor: url(../images/cursor/Text_Hnd.cur), auto; | ||
| 570 | } | ||
| 571 | |||
| 572 | /* PROGRESS BAR */ | ||
| 573 | .progessContainer { | ||
| 574 | margin: 0 auto; | ||
| 575 | overflow: hidden; | ||
| 576 | height : 25px; | ||
| 577 | } | ||
| 578 | |||
| 579 | .progress-hide { | ||
| 580 | display: none; | ||
| 581 | } | ||
| 582 | .progress-show{ | ||
| 583 | display : block; | ||
| 584 | } | ||
| 585 | |||
| 586 | |||
| 587 | ul#progress { | ||
| 588 | list-style: none; | ||
| 589 | /* width:125px; */ | ||
| 590 | margin: 0 auto; | ||
| 591 | padding-top: 5px; | ||
| 592 | padding-bottom: 5px; | ||
| 593 | } | ||
| 594 | |||
| 595 | ul#progress li { | ||
| 596 | float: left; | ||
| 597 | position: relative; | ||
| 598 | width: 15px; | ||
| 599 | height: 15px; | ||
| 600 | border: 1px solid #fff; | ||
| 601 | border-radius: 50px; | ||
| 602 | margin-left: 10px; | ||
| 603 | border-left: 1px solid #111; | ||
| 604 | border-top: 1px solid #111; | ||
| 605 | border-right: 1px solid #333; | ||
| 606 | border-bottom: 1px solid #333; | ||
| 607 | background: #000; | ||
| 608 | } | ||
| 609 | |||
| 610 | ul#progress li:first-child { | ||
| 611 | margin-left: 0; | ||
| 612 | } | ||
| 613 | |||
| 614 | .running .ball { | ||
| 615 | background-color: #2187e7; | ||
| 616 | background-image: -moz-linear-gradient(90deg, #2187e7 25%, #a0eaff); | ||
| 617 | background-image: -webkit-linear-gradient(90deg, #2187e7 25%, #a0eaff); | ||
| 618 | width: 15px; | ||
| 619 | height: 15px; | ||
| 620 | border-radius: 50px; | ||
| 621 | -moz-transform: scale(0); | ||
| 622 | -webkit-transform: scale(0); | ||
| 623 | -moz-animation: loading 1s linear forwards; | ||
| 624 | -webkit-animation: loading 1s linear forwards; | ||
| 625 | } | ||
| 626 | |||
| 627 | .running .pulse { | ||
| 628 | width: 15px; | ||
| 629 | height: 15px; | ||
| 630 | border-radius: 30px; | ||
| 631 | border: 1px solid #00c6ff; | ||
| 632 | box-shadow: 0 0 5px #00c6ff; | ||
| 633 | position: absolute; | ||
| 634 | top: -1px; | ||
| 635 | left: -1px; | ||
| 636 | -moz-transform: scale(0); | ||
| 637 | -webkit-transform: scale(0); | ||
| 638 | -webkit-animation: pulse 1s ease-out; | ||
| 639 | -moz-animation: pulse 1s ease-out; | ||
| 640 | } | ||
| 641 | |||
| 642 | #layer1 { | ||
| 643 | -moz-animation-delay: 0.1s; | ||
| 644 | -webkit-animation-delay: 0.1s; | ||
| 645 | } | ||
| 646 | |||
| 647 | #layer2 { | ||
| 648 | -moz-animation-delay: 0.2s; | ||
| 649 | -webkit-animation-delay: 0.2s; | ||
| 650 | } | ||
| 651 | |||
| 652 | #layer3 { | ||
| 653 | -moz-animation-delay: 0.3s; | ||
| 654 | -webkit-animation-delay: 0.3s; | ||
| 655 | } | ||
| 656 | |||
| 657 | #layer4 { | ||
| 658 | -moz-animation-delay: 0.4s; | ||
| 659 | -webkit-animation-delay: 0.4s; | ||
| 660 | } | ||
| 661 | |||
| 662 | #layer5 { | ||
| 663 | -moz-animation-delay: 0.5s; | ||
| 664 | -webkit-animation-delay: 0.5s; | ||
| 665 | } | ||
| 666 | |||
| 667 | #layer7 { | ||
| 668 | -moz-animation-delay: 0.1s; | ||
| 669 | -webkit-animation-delay: 0.4s; | ||
| 670 | } | ||
| 671 | |||
| 672 | #layer8 { | ||
| 673 | -moz-animation-delay: 0.2s; | ||
| 674 | -webkit-animation-delay: 0.8s; | ||
| 675 | } | ||
| 676 | |||
| 677 | #layer9 { | ||
| 678 | -moz-animation-delay: 0.3s; | ||
| 679 | -webkit-animation-delay: 1s; | ||
| 680 | } | ||
| 681 | |||
| 682 | #layer10 { | ||
| 683 | -moz-animation-delay: 0.4s; | ||
| 684 | -webkit-animation-delay: 1.5s; | ||
| 685 | } | ||
| 686 | |||
| 687 | #layer11 { | ||
| 688 | -moz-animation-delay: 0.5s; | ||
| 689 | -webkit-animation-delay: 2.0s; | ||
| 690 | } | ||
| 691 | |||
| 692 | @-moz-keyframes loading { | ||
| 693 | 0%{ | ||
| 694 | -moz-transform: scale(0, 0); | ||
| 695 | } | ||
| 696 | |||
| 697 | 100%{ | ||
| 698 | -moz-transform : scale(1,1); | ||
| 699 | } | ||
| 700 | } | ||
| 701 | @-webkit-keyframes loading { | ||
| 702 | 0%{ | ||
| 703 | -webkit-transform: scale(0, 0); | ||
| 704 | } | ||
| 705 | |||
| 706 | 100%{ | ||
| 707 | -webkit-transform: scale(1,1); | ||
| 708 | } | ||
| 709 | } | ||
| 710 | @-moz-keyframes pulse { | ||
| 711 | 0% { | ||
| 712 | -moz-transform: scale(0); | ||
| 713 | opacity: 0; | ||
| 714 | } | ||
| 715 | |||
| 716 | 10%{ | ||
| 717 | -moz-transform: scale(1); | ||
| 718 | opacity: 0.5; | ||
| 719 | } | ||
| 720 | 50%{ | ||
| 721 | -moz-transform: scale(1.75); | ||
| 722 | opacity: 0; | ||
| 723 | } | ||
| 724 | 100%{ | ||
| 725 | -moz-transform:scale(0); | ||
| 726 | opacity: 0; | ||
| 727 | } | ||
| 728 | } | ||
| 729 | @-webkit-keyframes pulse { | ||
| 730 | 0% { | ||
| 731 | -webkit-transform: scale(0); | ||
| 732 | opacity: 0; | ||
| 733 | } | ||
| 734 | |||
| 735 | 10%{ | ||
| 736 | -webkit-transform: scale(1); | ||
| 737 | opacity:0.5; | ||
| 738 | } | ||
| 739 | 50%{ | ||
| 740 | -webkit-transform: scale(1.75); | ||
| 741 | opacity: 0; | ||
| 742 | } | ||
| 743 | 100%{ | ||
| 744 | -webkit-transform:scale(0); | ||
| 745 | opacity : 0; | ||
| 746 | } | ||
| 747 | } | ||
| 748 | |||
| 749 | /* PROGRESS BAR END */ | ||
| 750 | |||
| 751 | /* -- drop down START---*/ | ||
| 752 | .dropDown-container { | ||
| 753 | display: block; | ||
| 754 | position: absolute; | ||
| 755 | top: 100%; | ||
| 756 | box-sizing: border-box; | ||
| 757 | left: 0; | ||
| 758 | -moz-user-select: none; | ||
| 759 | -webkit-user-select: none; | ||
| 760 | -ms-user-select: none; | ||
| 761 | urser-select: none; | ||
| 762 | -webkit-transition: visibility 0s 0.2s, opacity 0.2s ease-in, | ||
| 763 | -webkit-transform 0.2s ease-in; | ||
| 764 | -moz-transition: visibility 0s 0.2s, opacity 0.2s ease-in, | ||
| 765 | -moz-transform 0.2s ease-in; | ||
| 766 | transition: visibility 0s 0.2s, opacity 0.2s ease-in, transform 0.2s | ||
| 767 | ease-in; | ||
| 768 | -webkit-transform: translate(0, -20%); | ||
| 769 | -moz-transform: translate(0, -20%); | ||
| 770 | transfor: translate(0, -20%); | ||
| 771 | opacity: 0; | ||
| 772 | visibility: hidden; | ||
| 773 | border: 1px solid #444; | ||
| 774 | background-color: rgba(38, 38, 38, 0.75); | ||
| 775 | margin: 9px; | ||
| 776 | color: white; | ||
| 777 | } | ||
| 778 | |||
| 779 | .dropDown-visible { | ||
| 780 | -webkit-transform: translate(0, 0); | ||
| 781 | -moz-transform: translate(0, 0); | ||
| 782 | transform: translate(0, 0); | ||
| 783 | visibility: visible; | ||
| 784 | opacity: 1; | ||
| 785 | -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s | ||
| 786 | ease-out; | ||
| 787 | -moz-transition: opacity 0.2s ease-out, -moz-transform 0.2s ease-out; | ||
| 788 | transition: opacity 0.2s ease-out, transform 0.2s ease-out; | ||
| 789 | } | ||
| 790 | |||
| 791 | #measureDropDown .btn-inverse { | ||
| 792 | color: #2ec5ad; | ||
| 793 | } | ||
| 794 | |||
| 795 | #measureDropDown .fui-trash { | ||
| 796 | font-size: 18px; | ||
| 797 | } | ||
| 798 | |||
| 799 | #measureDropDown img { | ||
| 800 | width: 20px; | ||
| 801 | height: 20px; | ||
| 802 | } | ||
| 803 | |||
| 804 | .measure-word { | ||
| 805 | background-color: rgba(32, 32, 34, 0.5); | ||
| 806 | color: white; | ||
| 807 | font-size: large; | ||
| 808 | } | ||
| 809 | |||
| 810 | .measure-title { | ||
| 811 | /* position:absolute; */ | ||
| 812 | font-size: small; | ||
| 813 | text-align: left; | ||
| 814 | color: white; | ||
| 815 | text-align: left; | ||
| 816 | padding: 10px; | ||
| 817 | } | ||
| 818 | |||
| 819 | .measure-result { | ||
| 820 | color: white; | ||
| 821 | text-align: left; | ||
| 822 | padding: 10px; | ||
| 823 | } | ||
| 824 | /* ---measure drop down END---*/ | ||
| 825 | |||
| 826 | /* ---setting drop down START---*/ | ||
| 827 | .setting-dropdown { | ||
| 828 | position: absolute; | ||
| 829 | top: 10%; | ||
| 830 | left: 10%; | ||
| 831 | /* background-color: rgba(16,16,17,0.5); */ | ||
| 832 | background-color: rgba(38, 38, 38, 0.75); | ||
| 833 | padding: 2% 3% 0 1%; | ||
| 834 | border-radius: 10%; | ||
| 835 | } | ||
| 836 | |||
| 837 | .setting-label { | ||
| 838 | color: #ffffff; | ||
| 839 | } | ||
| 840 | /* ---setting drop down END---*/ | ||
| 841 | |||
| 842 | /*---------媒锟斤拷锟窖� start--------------*/ | ||
| 843 | /*-- iPad 1024X768 锟斤拷锟斤拷*/ | ||
| 844 | @media screen and (max-width : 1024px) { | ||
| 845 | .myModal-header ul { | ||
| 846 | display: none; | ||
| 847 | } | ||
| 848 | .selTypeContainer { | ||
| 849 | display: none; | ||
| 850 | } | ||
| 851 | #addMarkerBtn { | ||
| 852 | display: none; | ||
| 853 | } | ||
| 854 | #measureBtn { | ||
| 855 | display: none; | ||
| 856 | } | ||
| 857 | .myModal-content { | ||
| 858 | top: 20%; | ||
| 859 | width: 80%; | ||
| 860 | margin-left: 10%; | ||
| 861 | } | ||
| 862 | .baselayer-container { | ||
| 863 | left: 10px; | ||
| 864 | } | ||
| 865 | .service-items { | ||
| 866 | max-height: 380px; | ||
| 867 | } | ||
| 868 | .service-item { | ||
| 869 | width: 170px; | ||
| 870 | } | ||
| 871 | .bubble{ | ||
| 872 | width :300px; | ||
| 873 | } | ||
| 874 | } | ||
| 875 | |||
| 876 | /*-- iPad 1024X768 锟斤拷锟斤拷*/ | ||
| 877 | @media screen and (max-width : 768px) { | ||
| 878 | .myModal-header ul { | ||
| 879 | display: none; | ||
| 880 | } | ||
| 881 | .selTypeContainer { | ||
| 882 | display: none; | ||
| 883 | } | ||
| 884 | .myModal-content { | ||
| 885 | top: 20%; | ||
| 886 | width: 80%; | ||
| 887 | margin-left: 10%; | ||
| 888 | } | ||
| 889 | .baselayer-container { | ||
| 890 | left: 10px; | ||
| 891 | } | ||
| 892 | .service-items { | ||
| 893 | max-height: 380px; | ||
| 894 | } | ||
| 895 | .service-item { | ||
| 896 | width: 170px; | ||
| 897 | } | ||
| 898 | } | ||
| 899 | |||
| 900 | /*-- iphone 6 plus 414x736 锟斤拷锟斤拷*/ | ||
| 901 | @media screen and (max-width : 414px) and (max-height : 744px) { | ||
| 902 | .myModal-header ul { | ||
| 903 | display: none; | ||
| 904 | } | ||
| 905 | .selTypeContainer { | ||
| 906 | display: none; | ||
| 907 | } | ||
| 908 | .myModal-content { | ||
| 909 | top: 10%; | ||
| 910 | width: 98%; | ||
| 911 | margin-left: 1%; | ||
| 912 | } | ||
| 913 | .baselayer-container { | ||
| 914 | left: 10px; | ||
| 915 | } | ||
| 916 | .service-items { | ||
| 917 | max-height: 490px; | ||
| 918 | } | ||
| 919 | .service-item { | ||
| 920 | width: 160px; | ||
| 921 | } | ||
| 922 | } | ||
| 923 | /*-- iphone 6 plus 414x736d 锟斤拷锟斤拷*/ | ||
| 924 | @media screen and (max-width : 736px) and (max-height : 414px) { | ||
| 925 | .myModal-header ul { | ||
| 926 | display: none; | ||
| 927 | } | ||
| 928 | .selTypeContainer { | ||
| 929 | display: none; | ||
| 930 | } | ||
| 931 | .myModal-content { | ||
| 932 | top: 15%; | ||
| 933 | width: 98%; | ||
| 934 | margin-left: 1%; | ||
| 935 | } | ||
| 936 | .baselayer-container { | ||
| 937 | left: 10px; | ||
| 938 | } | ||
| 939 | .service-items { | ||
| 940 | max-height: 250px; | ||
| 941 | } | ||
| 942 | .service-item { | ||
| 943 | width: 150px; | ||
| 944 | } | ||
| 945 | } | ||
| 946 | |||
| 947 | /*-- iPhone 6 375x667 锟斤拷锟斤拷*/ | ||
| 948 | @media screen and (max-width : 375px) and (max-height : 675px) { | ||
| 949 | .service-item { | ||
| 950 | width: 140px; | ||
| 951 | } | ||
| 952 | } | ||
| 953 | /*-- iPhone 6 375x667 锟斤拷锟斤拷*/ | ||
| 954 | @media screen and (max-width : 667px) and (max-height : 375px) { | ||
| 955 | .service-item { | ||
| 956 | width: 140px; | ||
| 957 | } | ||
| 958 | .service-items { | ||
| 959 | max-height: 220px; | ||
| 960 | } | ||
| 961 | } | ||
| 962 | |||
| 963 | /*-- Galaxy S5 360X640 锟斤拷锟斤拷*/ | ||
| 964 | @media screen and (max-width : 360px) and (max-height : 648px) { | ||
| 965 | .service-items { | ||
| 966 | max-height: 470px; | ||
| 967 | } | ||
| 968 | } | ||
| 969 | /*-- Galaxy S5 360X640 锟斤拷锟斤拷*/ | ||
| 970 | @media screen and (max-width : 640px) and (max-height : 360px) { | ||
| 971 | .service-items { | ||
| 972 | max-height: 200px; | ||
| 973 | } | ||
| 974 | .service-item { | ||
| 975 | width: 130px; | ||
| 976 | } | ||
| 977 | } | ||
| 978 | |||
| 979 | /*-- iPhone 5 320x568 锟斤拷锟斤拷*/ | ||
| 980 | @media screen and (max-width : 320px) and (max-height : 576px) { | ||
| 981 | .myModal-content { | ||
| 982 | top: 10%; | ||
| 983 | width: 80%; | ||
| 984 | margin-left: 10%; | ||
| 985 | } | ||
| 986 | .service-item { | ||
| 987 | width: 180px; | ||
| 988 | } | ||
| 989 | .service-items { | ||
| 990 | max-height: 380px; | ||
| 991 | } | ||
| 992 | .baselayer-container .service-item { | ||
| 993 | width: 130px; | ||
| 994 | } | ||
| 995 | } | ||
| 996 | /*-- iPhone 5 320x568 锟斤拷锟斤拷*/ | ||
| 997 | @media screen and (max-width : 568px) and (max-height : 320px) { | ||
| 998 | .myModal-content { | ||
| 999 | top: 15%; | ||
| 1000 | width: 98%; | ||
| 1001 | margin-left: 1%; | ||
| 1002 | } | ||
| 1003 | .service-item { | ||
| 1004 | width: 116px; | ||
| 1005 | } | ||
| 1006 | .service-items { | ||
| 1007 | max-height: 125px; | ||
| 1008 | } | ||
| 1009 | .baselayer-container .service-item { | ||
| 1010 | width: 120px; | ||
| 1011 | } | ||
| 1012 | } | ||
| 1013 | |||
| 1014 | /*-- huawei p8 360X511 锟斤拷锟斤拷*/ | ||
| 1015 | @media screen and (max-width : 360px) and (max-height : 519px) { | ||
| 1016 | .service-items { | ||
| 1017 | max-height: 360px; | ||
| 1018 | } | ||
| 1019 | } | ||
| 1020 | /*-- huawei p8 360X511 锟斤拷锟斤拷*/ | ||
| 1021 | @media screen and (max-width : 598px) and (max-height : 279px) { | ||
| 1022 | .baselayer-container .service-item { | ||
| 1023 | width: 100px; | ||
| 1024 | } | ||
| 1025 | } | ||
| 1026 | |||
| 1027 | /*---------媒锟斤拷锟窖� END--------------*/ | ||
| 1028 | .myDropdown-menu { | ||
| 1029 | /* background-color : rgba(40,42,43,0.4); */ | ||
| 1030 | background-color: rgba(38, 38, 38, 0.75); | ||
| 1031 | border: 1px solid #444; | ||
| 1032 | padding: 10px; | ||
| 1033 | word-wrap: break-word; | ||
| 1034 | word-break: break-all; | ||
| 1035 | min-width: 160px; | ||
| 1036 | font-family: sans-serif; | ||
| 1037 | color: white; | ||
| 1038 | } | ||
| 1039 | |||
| 1040 | @media screen and (max-width : 768px) { | ||
| 1041 | .myDropdown-menu { | ||
| 1042 | white-space: normal; | ||
| 1043 | word-wrap: break-word; | ||
| 1044 | word-break: break-all; | ||
| 1045 | min-width: none; | ||
| 1046 | } | ||
| 1047 | } | ||
| 1048 | |||
| 1049 | #webServicePan { | ||
| 1050 | overflow: auto; | ||
| 1051 | } | ||
| 1052 | /*--------toolbar------*/ | ||
| 1053 | #toolbar1{ | ||
| 1054 | margin: 5px; | ||
| 1055 | padding: 2px 5px; | ||
| 1056 | position: absolute; | ||
| 1057 | left: 0px; | ||
| 1058 | top: 50px; | ||
| 1059 | } | ||
| 1060 | #toolbar2 { | ||
| 1061 | margin: 1px; | ||
| 1062 | padding: 0px 0px; | ||
| 1063 | position: absolute; | ||
| 1064 | right: 75px; | ||
| 1065 | top: 50px; | ||
| 1066 | width:400px; | ||
| 1067 | height:100px; | ||
| 1068 | background-color:rgba(38, 38, 38, 0); | ||
| 1069 | color:#ffffff; | ||
| 1070 | } | ||
| 1071 | #toolbar2 input { | ||
| 1072 | vertical-align: middle; | ||
| 1073 | padding-top: 2px; | ||
| 1074 | padding-bottom: 2px; | ||
| 1075 | } | ||
| 1076 | #tempStatis{ | ||
| 1077 | margin: 0px; | ||
| 1078 | padding: 0px 0px; | ||
| 1079 | position: absolute; | ||
| 1080 | right: 0px; | ||
| 1081 | top: 100px; | ||
| 1082 | width:600px; | ||
| 1083 | height:400px; | ||
| 1084 | background-color: rgba(186, 186, 186, 0.75) | ||
| 1085 | } | ||
| 1086 | /*--------toolbar------*/ | ||
| 1087 | /*--------popup------*/ | ||
| 1088 | .se-popup-container { | ||
| 1089 | display: none; | ||
| 1090 | width: 400px; | ||
| 1091 | background-color: #ffffff; | ||
| 1092 | } | ||
| 1093 | |||
| 1094 | .se-popup-header { | ||
| 1095 | width: 100%; | ||
| 1096 | height: 40px; | ||
| 1097 | background-color: #0083bc; | ||
| 1098 | margin-top: -5px; | ||
| 1099 | } | ||
| 1100 | |||
| 1101 | .header-title { | ||
| 1102 | color: #ffffff; | ||
| 1103 | font-size: 16px; | ||
| 1104 | margin-left: 23px; | ||
| 1105 | } | ||
| 1106 | |||
| 1107 | .se-popup-close { | ||
| 1108 | left: 376px; | ||
| 1109 | position: absolute; | ||
| 1110 | color: #ffffff; | ||
| 1111 | font-size: 17px; | ||
| 1112 | opacity: 0.6; | ||
| 1113 | cursor: pointer; | ||
| 1114 | } | ||
| 1115 | |||
| 1116 | .se-popup-content { | ||
| 1117 | width: 100%; | ||
| 1118 | height: 180px; | ||
| 1119 | color: #000000; | ||
| 1120 | } | ||
| 1121 | |||
| 1122 | .se-popup-content input, textarea { | ||
| 1123 | color: #7c7c7c; | ||
| 1124 | font-family: "Microsoft YaHei" !important; | ||
| 1125 | font-size: 14px; | ||
| 1126 | padding: 0 0 0 6px; | ||
| 1127 | text-indent: 1px; | ||
| 1128 | } | ||
| 1129 | |||
| 1130 | .title-name { | ||
| 1131 | margin-left: 26px; | ||
| 1132 | margin-top: 24px; | ||
| 1133 | font-size: 14px; | ||
| 1134 | } | ||
| 1135 | |||
| 1136 | .title-txt { | ||
| 1137 | margin-left: 10px; | ||
| 1138 | width: 320px; | ||
| 1139 | height: 33px; | ||
| 1140 | border-radius: 3px; | ||
| 1141 | border: 1px solid #d7dade; | ||
| 1142 | outline: none; | ||
| 1143 | resize: none; | ||
| 1144 | } | ||
| 1145 | |||
| 1146 | .title-txt:focus { | ||
| 1147 | border: 1px solid #00BD9C; | ||
| 1148 | } | ||
| 1149 | |||
| 1150 | .description { | ||
| 1151 | margin-left: 26px; | ||
| 1152 | margin-top: 21px; | ||
| 1153 | } | ||
| 1154 | |||
| 1155 | .description-txt { | ||
| 1156 | width: 320px; | ||
| 1157 | height: 89px; | ||
| 1158 | margin-left: 8px; | ||
| 1159 | border-radius: 3px; | ||
| 1160 | border: 1px solid #d7dade; | ||
| 1161 | margin-top: 22px; | ||
| 1162 | outline: none; | ||
| 1163 | resize: none; | ||
| 1164 | position: absolute; | ||
| 1165 | } | ||
| 1166 | |||
| 1167 | .description-txt:focus { | ||
| 1168 | border: 1px solid #00BD9C; | ||
| 1169 | } | ||
| 1170 | |||
| 1171 | .se-popup-footer { | ||
| 1172 | height: 37px; | ||
| 1173 | margin-top: 13px; | ||
| 1174 | } | ||
| 1175 | |||
| 1176 | .se-popup-ok { | ||
| 1177 | text-decoration: none; | ||
| 1178 | font-size: 15px; | ||
| 1179 | margin-left: 60%; | ||
| 1180 | cursor: pointer; | ||
| 1181 | color: #0083cb; | ||
| 1182 | background-color: transparent; | ||
| 1183 | padding: 5.5px 23px; | ||
| 1184 | border-radius: 4px; | ||
| 1185 | } | ||
| 1186 | |||
| 1187 | .se-popup-ok:hover { | ||
| 1188 | background-color: #f4f3f3; | ||
| 1189 | } | ||
| 1190 | |||
| 1191 | .se-popup-cancel { | ||
| 1192 | text-decoration: none; | ||
| 1193 | font-size: 15px; | ||
| 1194 | cursor: pointer; | ||
| 1195 | color: #7c7c7c; | ||
| 1196 | background-color: transparent; | ||
| 1197 | padding: 5.5px 23px; | ||
| 1198 | border-radius: 4px; | ||
| 1199 | } | ||
| 1200 | |||
| 1201 | .se-popup-cancel:hover { | ||
| 1202 | background-color: #f4f3f3; | ||
| 1203 | } | ||
| 1204 | |||
| 1205 | .se-popup-division { | ||
| 1206 | border-left: 1px solid #DDDDDD; | ||
| 1207 | padding: 0; | ||
| 1208 | } | ||
| 1209 | |||
| 1210 | /*--------popup end*/ | ||
| 1211 | #toolbar a { | ||
| 1212 | padding: 10px 12px; | ||
| 1213 | } | ||
| 1214 | /*--------zebra start*/ | ||
| 1215 | .zebra { | ||
| 1216 | border: 1px solid #555; | ||
| 1217 | } | ||
| 1218 | |||
| 1219 | .zebra td { | ||
| 1220 | border-left: 1px solid #555; | ||
| 1221 | border-top: 1px solid #555; | ||
| 1222 | padding: 10px; | ||
| 1223 | text-align: left; | ||
| 1224 | } | ||
| 1225 | |||
| 1226 | .zebra th, .zebra th:hover { | ||
| 1227 | border-left: 1px solid #555; | ||
| 1228 | border-bottom: 1px solid #828282; | ||
| 1229 | padding: 20px; | ||
| 1230 | background-color: #151515 !important; | ||
| 1231 | background-image: -webkit-gradient(linear, left top, left bottom, from(#151515), | ||
| 1232 | to(#404040)) !important; | ||
| 1233 | background-image: -webkit-linear-gradient(top, #151515, #404040) | ||
| 1234 | !important; | ||
| 1235 | background-image: -moz-linear-gradient(top, #151515, #404040) !important; | ||
| 1236 | background-image: -ms-linear-gradient(top, #151515, #404040) !important; | ||
| 1237 | background-image: -o-linear-gradient(top, #151515, #404040) !important; | ||
| 1238 | background-image: linear-gradient(top, #151515, #404040) !important; | ||
| 1239 | color: #fff !important; | ||
| 1240 | font-weight: normal; | ||
| 1241 | } | ||
| 1242 | |||
| 1243 | .zebra tbody tr:nth-child(even) { | ||
| 1244 | background: #000 !important; | ||
| 1245 | color: #fff; | ||
| 1246 | } | ||
| 1247 | |||
| 1248 | .zebra tr:hover * { | ||
| 1249 | background: #eeeeee; | ||
| 1250 | color: #000; | ||
| 1251 | } | ||
| 1252 | |||
| 1253 | .zebra tr { | ||
| 1254 | background: #404040; | ||
| 1255 | color: #fff; | ||
| 1256 | } | ||
| 1257 | /*--------zebra end*/ | ||
| 1258 | |||
| 1259 | .cesium-infoBox{ | ||
| 1260 | z-index : 99; | ||
| 1261 | } | ||
| 1262 | |||
| 1263 | /*--------toolbar start*/ | ||
| 1264 | a{ | ||
| 1265 | text-decoration : none; | ||
| 1266 | } | ||
| 1267 | .btn-toolbar{ | ||
| 1268 | margin-left: -5px; | ||
| 1269 | } | ||
| 1270 | .btn-group{ | ||
| 1271 | position : relative; | ||
| 1272 | display : inline-block; | ||
| 1273 | vertical-align : middle; | ||
| 1274 | } | ||
| 1275 | .btn-toolbar>.btn-group{ | ||
| 1276 | margin-left : 5px; | ||
| 1277 | } | ||
| 1278 | .btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group{ | ||
| 1279 | float : left; | ||
| 1280 | } | ||
| 1281 | .btn{ | ||
| 1282 | display : inline-block; | ||
| 1283 | margin-bottom : 0; | ||
| 1284 | text-align : center; | ||
| 1285 | white-space : nowrap; | ||
| 1286 | touch-action : manipulation; | ||
| 1287 | cursor : pointer; | ||
| 1288 | -webkit-user-select : none; | ||
| 1289 | background-image : none; | ||
| 1290 | padding : 10px 12px; | ||
| 1291 | font-size : 15px; | ||
| 1292 | font-weight : 400; | ||
| 1293 | line-height : 1.4; | ||
| 1294 | border : none; | ||
| 1295 | border-radius : 4px; | ||
| 1296 | vertical-align : middle; | ||
| 1297 | transition : border .25s linear,color .25s linear,background-color .25s linear; | ||
| 1298 | -webkit-font-smoothing : subpixel-antialiased; | ||
| 1299 | -webkit-transition : border .25s linear,color .25s linear,background-color .25s linear; | ||
| 1300 | } | ||
| 1301 | .btn:active{ | ||
| 1302 | box-shadow : none; | ||
| 1303 | } | ||
| 1304 | .btn:hover,.btn:focus{ | ||
| 1305 | color : #fff; | ||
| 1306 | outline : 0; | ||
| 1307 | } | ||
| 1308 | .btn-inverse { | ||
| 1309 | color : #2ec5ad; | ||
| 1310 | background-color: rgba(38, 38, 38, 0.75); | ||
| 1311 | } | ||
| 1312 | .btn-inverse:hover,.btn-inverse.hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.focus,.open>dropdown-toggle.btn-inverse{ | ||
| 1313 | background : #2c3e50; | ||
| 1314 | color : #fff; | ||
| 1315 | } | ||
| 1316 | .btn-group>.btn{ | ||
| 1317 | font-weight : 400; | ||
| 1318 | } | ||
| 1319 | .btn-group>.btn:first-child{ | ||
| 1320 | margin-left : 0; | ||
| 1321 | } | ||
| 1322 | .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){ | ||
| 1323 | border-top-right-radius : 0; | ||
| 1324 | border-bottom-right-radius : 0; | ||
| 1325 | } | ||
| 1326 | .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{ | ||
| 1327 | border-top-left-radius: 0; | ||
| 1328 | border-bottom-left-radius: 0; | ||
| 1329 | } | ||
| 1330 | .btn-toolbar .btn>[class^=fui-]{ | ||
| 1331 | margin: 0 1px; | ||
| 1332 | font-size : 16px; | ||
| 1333 | } | ||
| 1334 | .btn [class^=fui-]{ | ||
| 1335 | position : relative; | ||
| 1336 | top : 1px; | ||
| 1337 | margin: 0 1px; | ||
| 1338 | line-height : 1; | ||
| 1339 | } | ||
| 1340 | .btn [class^="smicon-"] { | ||
| 1341 | position: relative; | ||
| 1342 | top: 1px; | ||
| 1343 | margin: 0 1px; | ||
| 1344 | line-height: 1; | ||
| 1345 | } | ||
| 1346 | .btn-xs.btn [class^="smicon-"] { | ||
| 1347 | top: 0; | ||
| 1348 | font-size: 11px; | ||
| 1349 | } | ||
| 1350 | .btn-hg.btn [class^="smicon-"] { | ||
| 1351 | top: 2px; | ||
| 1352 | } | ||
| 1353 | .btn-toolbar .btn > [class^="smicon-"] { | ||
| 1354 | margin: 0 1px; | ||
| 1355 | font-size: 16px; | ||
| 1356 | } | ||
| 1357 | .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){ | ||
| 1358 | border-radius : 0; | ||
| 1359 | } | ||
| 1360 | .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){ | ||
| 1361 | border-top-left-radius: 0; | ||
| 1362 | border-bottom-left-radius: 0; | ||
| 1363 | } | ||
| 1364 | .btn-group>.btn+.btn{ | ||
| 1365 | margin-left : 0; | ||
| 1366 | } | ||
| 1367 | .btn-group-vertical>.btn, .btn-group>.btn{ | ||
| 1368 | position: relative; | ||
| 1369 | float: left; | ||
| 1370 | } | ||
| 1371 | /*--------toolbar end*/ | ||
| 1372 | |||
| 1373 | /*--------fui-icon start----*/ | ||
| 1374 | @font-face { | ||
| 1375 | font-family: 'Flat-UI-Icons'; | ||
| 1376 | src: url('../fonts/glyphicons/flat-ui-icons-regular.eot'); | ||
| 1377 | src: url('../fonts/glyphicons/flat-ui-icons-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons/flat-ui-icons-regular.woff') format('woff'), url('../fonts/glyphicons/flat-ui-icons-regular.ttf') format('truetype'), url('../fonts/glyphicons/flat-ui-icons-regular.svg#flat-ui-icons-regular') format('svg'); | ||
| 1378 | } | ||
| 1379 | [class^=fui-],[class*=fui-]{ | ||
| 1380 | font-family : Flat-UI-Icons; | ||
| 1381 | font-style : normal; | ||
| 1382 | font-weight : 400; | ||
| 1383 | font-variant : normal; | ||
| 1384 | text-transform : none; | ||
| 1385 | speak : none; | ||
| 1386 | -webkit-font-smoothing : antialiased; | ||
| 1387 | -moz-osx-font-smoothing : grayscale; | ||
| 1388 | } | ||
| 1389 | .fui-plus:before { | ||
| 1390 | content: "\e608"; | ||
| 1391 | } | ||
| 1392 | .fui-list-large-thumbnails:before { | ||
| 1393 | content: "\e61d"; | ||
| 1394 | } | ||
| 1395 | .fui-arrow-left:before { | ||
| 1396 | content: "\e606"; | ||
| 1397 | } | ||
| 1398 | .fui-arrow-right:before { | ||
| 1399 | content: "\e607"; | ||
| 1400 | } | ||
| 1401 | .fui-gear:before { | ||
| 1402 | content: "\e636"; | ||
| 1403 | } | ||
| 1404 | .fui-user:before{ | ||
| 1405 | content: "\e631"; | ||
| 1406 | } | ||
| 1407 | .fui-cross:before{ | ||
| 1408 | content: "\e609"; | ||
| 1409 | } | ||
| 1410 | .fui-check:before{ | ||
| 1411 | content: "\e60a"; | ||
| 1412 | } | ||
| 1413 | .fui-star:before { | ||
| 1414 | content: "\e63e"; | ||
| 1415 | } | ||
| 1416 | /*--------fui-icon end------*/ | ||
| 1417 | |||
| 1418 | /*--------sm-icon start------*/ | ||
| 1419 | @font-face { | ||
| 1420 | font-family: 'SM-Icon-Font'; | ||
| 1421 | src: url('../fonts/iconfonts/iconfont.eot'); | ||
| 1422 | src: url('../fonts/iconfonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfonts/iconfont.woff') format('woff'), url('../fonts/iconfonts/iconfont.ttf') format('truetype'), url('../fonts/iconfonts/iconfont.svg#flat-ui-icons-regular') format('svg'); | ||
| 1423 | } | ||
| 1424 | [class^="smicon-"], | ||
| 1425 | [class*="smicon-"] { | ||
| 1426 | font-family: 'SM-Icon-Font'; | ||
| 1427 | font-style: normal; | ||
| 1428 | font-weight: normal; | ||
| 1429 | font-variant: normal; | ||
| 1430 | text-transform: none; | ||
| 1431 | speak: none; | ||
| 1432 | -webkit-font-smoothing: antialiased; | ||
| 1433 | -moz-osx-font-smoothing: grayscale; | ||
| 1434 | } | ||
| 1435 | .smicon-layerlist:before { | ||
| 1436 | content: "\e6F8"; | ||
| 1437 | } | ||
| 1438 | .smicon-add:before { | ||
| 1439 | content: "\e7d9"; | ||
| 1440 | } | ||
| 1441 | .smicon-marker:before { | ||
| 1442 | content: "\f0015"; | ||
| 1443 | } | ||
| 1444 | .smicon-mesure:before { | ||
| 1445 | content: "\e604"; | ||
| 1446 | } | ||
| 1447 | .smicon-distance:before { | ||
| 1448 | content: "\e8f0"; | ||
| 1449 | } | ||
| 1450 | .smicon-area:before { | ||
| 1451 | content: "\e62B"; | ||
| 1452 | } | ||
| 1453 | .smicon-compass:before { | ||
| 1454 | content: "\e60d"; | ||
| 1455 | } | ||
| 1456 | .smicon-location:before{ | ||
| 1457 | content : "\e73a"; | ||
| 1458 | } | ||
| 1459 | .smicon-pm:before{ | ||
| 1460 | border-style: solid; | ||
| 1461 | border-top-width: 88px; | ||
| 1462 | border-right-width: 2px; | ||
| 1463 | border-bottom-width: 2px; | ||
| 1464 | border-left-width: 2px; | ||
| 1465 | content : url(../images/aqi.png); | ||
| 1466 | } | ||
| 1467 | .smicon-pm-selected{ | ||
| 1468 | color : #e74c3c; | ||
| 1469 | } | ||
| 1470 | .smicon-split:before{ | ||
| 1471 | border-style: solid; | ||
| 1472 | border-top-width: 88px; | ||
| 1473 | border-right-width: 2px; | ||
| 1474 | border-bottom-width: 2px; | ||
| 1475 | border-left-width: 2px; | ||
| 1476 | |||
| 1477 | padding: 0 0; | ||
| 1478 | margin: 0 0; | ||
| 1479 | content:url(../images/split.png); | ||
| 1480 | |||
| 1481 | } | ||
| 1482 | .smicon-split-selected{ | ||
| 1483 | color : #e74c3c; | ||
| 1484 | } | ||
| 1485 | .smicon-animt:before{ | ||
| 1486 | content : url(../images/animation.png); | ||
| 1487 | border-style: solid; | ||
| 1488 | border-top-width: 88px; | ||
| 1489 | border-right-width: 2px; | ||
| 1490 | border-bottom-width: 2px; | ||
| 1491 | border-left-width: 2px; | ||
| 1492 | |||
| 1493 | |||
| 1494 | } | ||
| 1495 | .smicon-animt-selected{ | ||
| 1496 | color : #e74c3c; | ||
| 1497 | } | ||
| 1498 | /*--------sm-icon end------*/ | ||
| 1499 | |||
| 1500 | /*--------list-group start------*/ | ||
| 1501 | ul,ol{ | ||
| 1502 | margin-top: 0; | ||
| 1503 | margin-bottom: 10px; | ||
| 1504 | } | ||
| 1505 | .list-group{ | ||
| 1506 | padding-left: 0; | ||
| 1507 | margin-bottom: 20px; | ||
| 1508 | } | ||
| 1509 | .list-group-item{ | ||
| 1510 | position: relative; | ||
| 1511 | display: block; | ||
| 1512 | padding: 10px 15px; | ||
| 1513 | margin-bottom: -1px; | ||
| 1514 | background-color: #fff; | ||
| 1515 | border: 1px solid #ddd; | ||
| 1516 | } | ||
| 1517 | .list-group-item:first-child{ | ||
| 1518 | border-top-left-radius: 4px; | ||
| 1519 | border-top-right-radius: 4px; | ||
| 1520 | } | ||
| 1521 | .list-group-item:last-child{ | ||
| 1522 | margin-bottom: 0; | ||
| 1523 | border-bottom-right-radius: 4px; | ||
| 1524 | border-bottom-left-radius: 4px; | ||
| 1525 | } | ||
| 1526 | /*--------list-group end------*/ | ||
| 1527 | |||
| 1528 | /*--------input label end------*/ | ||
| 1529 | input[type=checkbox],input[type=radio]{ | ||
| 1530 | margin: 4px 0; | ||
| 1531 | line-height: normal; | ||
| 1532 | padding: 0px; | ||
| 1533 | } | ||
| 1534 | label{ | ||
| 1535 | font-size: 15px; | ||
| 1536 | font-weight: 400; | ||
| 1537 | line-height: 2.3; | ||
| 1538 | display: inline-block; | ||
| 1539 | max-width: 100%; | ||
| 1540 | margin-bottom: 5px; | ||
| 1541 | } | ||
| 1542 | /*--------input label end------*/ | ||
| 1543 | |||
| 1544 | /*--------nav tabs end------*/ | ||
| 1545 | .nav{ | ||
| 1546 | padding-left: 0; | ||
| 1547 | margin-bottom: 0; | ||
| 1548 | list-style: none; | ||
| 1549 | } | ||
| 1550 | .nav-tabs{ | ||
| 1551 | border-bottom: 1px solid #ddd; | ||
| 1552 | } | ||
| 1553 | .nav-tabs>li{ | ||
| 1554 | float: left; | ||
| 1555 | margin-bottom: -1px; | ||
| 1556 | } | ||
| 1557 | .nav>li{ | ||
| 1558 | position: relative; | ||
| 1559 | display: block; | ||
| 1560 | } | ||
| 1561 | .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ | ||
| 1562 | color: #555; | ||
| 1563 | cursor: default; | ||
| 1564 | background-color: #fff; | ||
| 1565 | border: 1px solid #ddd; | ||
| 1566 | border-bottom-color: transparent; | ||
| 1567 | } | ||
| 1568 | .nav-tabs>li>a{ | ||
| 1569 | margin-right: 2px; | ||
| 1570 | line-height: 1.5; | ||
| 1571 | border: 1px solid transparent; | ||
| 1572 | border-radius: 4px 4px 0 0; | ||
| 1573 | } | ||
| 1574 | .nav>li>a:focus, .nav>li>a:hover{ | ||
| 1575 | text-decoration: none; | ||
| 1576 | background-color: #eee; | ||
| 1577 | } | ||
| 1578 | .nav-tabs>li>a:hover{ | ||
| 1579 | border-color: #eee #eee #ddd; | ||
| 1580 | } | ||
| 1581 | .nav>li>a{ | ||
| 1582 | position: relative; | ||
| 1583 | display: block; | ||
| 1584 | padding: 10px 15px; | ||
| 1585 | } | ||
| 1586 | .tab-content>.tab-pane{ | ||
| 1587 | display: none; | ||
| 1588 | } | ||
| 1589 | .tab-content>.active{ | ||
| 1590 | display: block; | ||
| 1591 | } | ||
| 1592 | /*--------nav tabs end------*/ | ||
| 1593 | |||
| 1594 | /*--------glyphicon end------*/ | ||
| 1595 | @font-face { | ||
| 1596 | font-family: 'Glyphicons Halflings'; | ||
| 1597 | src: url('../fonts/glyphicons-halflings-regular.eot'); | ||
| 1598 | src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); | ||
| 1599 | } | ||
| 1600 | .glyphicon{ | ||
| 1601 | position: relative; | ||
| 1602 | top: 1px; | ||
| 1603 | display: inline-block; | ||
| 1604 | font-family: 'Glyphicons Halflings'; | ||
| 1605 | font-style: normal; | ||
| 1606 | font-weight: 400; | ||
| 1607 | line-height: 1; | ||
| 1608 | -webkit-font-smoothing: antialiased; | ||
| 1609 | -moz-osx-font-smoothing: grayscale; | ||
| 1610 | } | ||
| 1611 | .glyphicon-plus:before{ | ||
| 1612 | content: "\002b"; | ||
| 1613 | } | ||
| 1614 | .glyphicon-minus:before{ | ||
| 1615 | content: "\2212"; | ||
| 1616 | } | ||
| 1617 | /*--------glyphicon end------*/ | ||
| 1618 | |||
| 1619 | /*--------form end------*/ | ||
| 1620 | .form-group{ | ||
| 1621 | position: relative; | ||
| 1622 | margin-bottom: 20px; | ||
| 1623 | } | ||
| 1624 | .my-form-control { | ||
| 1625 | border: solid 1px #444; | ||
| 1626 | /* background-color: rgba(40,40,40,0.7); */ | ||
| 1627 | background-color: rgba(38, 38, 38, 0.75); | ||
| 1628 | color: #ffffff; | ||
| 1629 | display: inline-block; | ||
| 1630 | vertical-align: middle; | ||
| 1631 | height: 42px; | ||
| 1632 | width: 100%; | ||
| 1633 | margin: 0; | ||
| 1634 | padding: 0 32px 0 0; | ||
| 1635 | box-sizing: border-box; | ||
| 1636 | } | ||
| 1637 | |||
| 1638 | .my-form-control:hover { | ||
| 1639 | border-color: #aef; | ||
| 1640 | box-shadow: 0 0 8px #fff; | ||
| 1641 | } | ||
| 1642 | /*--------form end------*/ | ||
| 1643 | |||
| 1644 | /* .squaredTwo */ | ||
| 1645 | .squaredTwo { | ||
| 1646 | display: inline-block; | ||
| 1647 | width: 20px; | ||
| 1648 | height: 20px; | ||
| 1649 | position: relative; | ||
| 1650 | margin: 5px 5px; | ||
| 1651 | background: #fcfff4; | ||
| 1652 | background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); | ||
| 1653 | background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); | ||
| 1654 | background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); | ||
| 1655 | -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); | ||
| 1656 | -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); | ||
| 1657 | box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5); | ||
| 1658 | } | ||
| 1659 | .squaredTwo label { | ||
| 1660 | width: 16px; | ||
| 1661 | height: 16px; | ||
| 1662 | cursor: pointer; | ||
| 1663 | position: absolute; | ||
| 1664 | left: 2px; | ||
| 1665 | top: 2px; | ||
| 1666 | background: -moz-linear-gradient(top, #222222 0%, #45484d 100%); | ||
| 1667 | background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%); | ||
| 1668 | background: linear-gradient(to bottom, #222222 0%, #45484d 100%); | ||
| 1669 | -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white; | ||
| 1670 | -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white; | ||
| 1671 | box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px white; | ||
| 1672 | } | ||
| 1673 | .squaredTwo label:after { | ||
| 1674 | content: ''; | ||
| 1675 | width: 9px; | ||
| 1676 | height: 5px; | ||
| 1677 | position: absolute; | ||
| 1678 | top: 4px; | ||
| 1679 | left: 4px; | ||
| 1680 | border: 3px solid #fcfff4; | ||
| 1681 | border-top: none; | ||
| 1682 | border-right: none; | ||
| 1683 | background: transparent; | ||
| 1684 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); | ||
| 1685 | opacity: 0; | ||
| 1686 | -moz-transform: rotate(-45deg); | ||
| 1687 | -ms-transform: rotate(-45deg); | ||
| 1688 | -webkit-transform: rotate(-45deg); | ||
| 1689 | transform: rotate(-45deg); | ||
| 1690 | } | ||
| 1691 | .squaredTwo label:hover::after { | ||
| 1692 | filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); | ||
| 1693 | opacity: 0.3; | ||
| 1694 | } | ||
| 1695 | .squaredTwo input[type=checkbox] { | ||
| 1696 | visibility: hidden; | ||
| 1697 | } | ||
| 1698 | |||
| 1699 | /* end .squaredTwo */ | ||
| 1700 | |||
| 1701 | /*--------tree view start------*/ | ||
| 1702 | .treeview{ | ||
| 1703 | color: #fff; | ||
| 1704 | } | ||
| 1705 | .node-layerTree:not(.node-disabled){ | ||
| 1706 | border : none; | ||
| 1707 | padding: 0; | ||
| 1708 | font-size: 11pt; | ||
| 1709 | } | ||
| 1710 | |||
| 1711 | .node-checked .squaredTwo input[type=checkbox] + label:after { | ||
| 1712 | filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); | ||
| 1713 | opacity: 1; | ||
| 1714 | } | ||
| 1715 | |||
| 1716 | .node-unchecked .squaredTwo input[type=checkbox] + label:after { | ||
| 1717 | filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); | ||
| 1718 | opacity: 0; | ||
| 1719 | } | ||
| 1720 | .node-layerTree:not(.node-disabled):hover{ | ||
| 1721 | color: #000; | ||
| 1722 | } | ||
| 1723 | .list-group-item>.fui-cross{ | ||
| 1724 | padding : 2px 7px; | ||
| 1725 | visibility : hidden; | ||
| 1726 | /* float : right; */ | ||
| 1727 | } | ||
| 1728 | .list-group-item:hover>.fui-cross{ | ||
| 1729 | visibility : visible; | ||
| 1730 | } | ||
| 1731 | .treeview .list-group-item{ | ||
| 1732 | cursor:pointer; | ||
| 1733 | } | ||
| 1734 | .treeview span.indent{ | ||
| 1735 | margin-left:10px; | ||
| 1736 | margin-right:10px; | ||
| 1737 | } | ||
| 1738 | .treeview span.icon{ | ||
| 1739 | width:12px; | ||
| 1740 | margin-right:5px; | ||
| 1741 | } | ||
| 1742 | .treeview .node-disabled{ | ||
| 1743 | color:silver; | ||
| 1744 | cursor:not-allowed; | ||
| 1745 | } | ||
| 1746 | /*--------tree view end------*/ | ||
| 1747 | |||
| 1748 | |||
| 1749 | /*------start bootstrap dropdown----*/ | ||
| 1750 | |||
| 1751 | .caret { | ||
| 1752 | display: inline-block; | ||
| 1753 | width: 0; | ||
| 1754 | height: 0; | ||
| 1755 | margin-left: 2px; | ||
| 1756 | vertical-align: middle; | ||
| 1757 | border-top: 4px dashed; | ||
| 1758 | border-top: 4px solid \9; | ||
| 1759 | border-right: 4px solid transparent; | ||
| 1760 | border-left: 4px solid transparent; | ||
| 1761 | } | ||
| 1762 | .dropup, | ||
| 1763 | .dropdown { | ||
| 1764 | position: relative; | ||
| 1765 | } | ||
| 1766 | .dropdown-toggle:focus { | ||
| 1767 | outline: 0; | ||
| 1768 | } | ||
| 1769 | .dropdown-menu { | ||
| 1770 | position: absolute; | ||
| 1771 | top: 100%; | ||
| 1772 | left: 0; | ||
| 1773 | z-index: 1000; | ||
| 1774 | display: none; | ||
| 1775 | float: left; | ||
| 1776 | min-width: 160px; | ||
| 1777 | padding: 5px 0; | ||
| 1778 | margin: 2px 0 0; | ||
| 1779 | font-size: 14px; | ||
| 1780 | text-align: left; | ||
| 1781 | list-style: none; | ||
| 1782 | background-color: #fff; | ||
| 1783 | -webkit-background-clip: padding-box; | ||
| 1784 | background-clip: padding-box; | ||
| 1785 | border: 1px solid #ccc; | ||
| 1786 | border: 1px solid rgba(0, 0, 0, .15); | ||
| 1787 | border-radius: 4px; | ||
| 1788 | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); | ||
| 1789 | box-shadow: 0 6px 12px rgba(0, 0, 0, .175); | ||
| 1790 | } | ||
| 1791 | .dropdown-menu.pull-right { | ||
| 1792 | right: 0; | ||
| 1793 | left: auto; | ||
| 1794 | } | ||
| 1795 | .dropdown-menu .divider { | ||
| 1796 | height: 1px; | ||
| 1797 | margin: 9px 0; | ||
| 1798 | overflow: hidden; | ||
| 1799 | background-color: #e5e5e5; | ||
| 1800 | } | ||
| 1801 | .dropdown-menu > li > a { | ||
| 1802 | display: block; | ||
| 1803 | padding: 3px 20px; | ||
| 1804 | clear: both; | ||
| 1805 | font-weight: normal; | ||
| 1806 | line-height: 1.42857143; | ||
| 1807 | color: #333; | ||
| 1808 | white-space: nowrap; | ||
| 1809 | } | ||
| 1810 | .dropdown-menu > li > a:hover, | ||
| 1811 | .dropdown-menu > li > a:focus { | ||
| 1812 | color: #262626; | ||
| 1813 | text-decoration: none; | ||
| 1814 | background-color: #f5f5f5; | ||
| 1815 | } | ||
| 1816 | .dropdown-menu > .active > a, | ||
| 1817 | .dropdown-menu > .active > a:hover, | ||
| 1818 | .dropdown-menu > .active > a:focus { | ||
| 1819 | color: #fff; | ||
| 1820 | text-decoration: none; | ||
| 1821 | background-color: #337ab7; | ||
| 1822 | outline: 0; | ||
| 1823 | } | ||
| 1824 | .dropdown-menu > .disabled > a, | ||
| 1825 | .dropdown-menu > .disabled > a:hover, | ||
| 1826 | .dropdown-menu > .disabled > a:focus { | ||
| 1827 | color: #777; | ||
| 1828 | } | ||
| 1829 | .dropdown-menu > .disabled > a:hover, | ||
| 1830 | .dropdown-menu > .disabled > a:focus { | ||
| 1831 | text-decoration: none; | ||
| 1832 | cursor: not-allowed; | ||
| 1833 | background-color: transparent; | ||
| 1834 | background-image: none; | ||
| 1835 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | ||
| 1836 | } | ||
| 1837 | .open > .dropdown-menu { | ||
| 1838 | display: block; | ||
| 1839 | } | ||
| 1840 | .open > a { | ||
| 1841 | outline: 0; | ||
| 1842 | } | ||
| 1843 | .dropdown-menu-right { | ||
| 1844 | right: 0; | ||
| 1845 | left: auto; | ||
| 1846 | } | ||
| 1847 | .dropdown-menu-left { | ||
| 1848 | right: auto; | ||
| 1849 | left: 0; | ||
| 1850 | } | ||
| 1851 | .dropdown-header { | ||
| 1852 | display: block; | ||
| 1853 | padding: 3px 20px; | ||
| 1854 | font-size: 12px; | ||
| 1855 | line-height: 1.42857143; | ||
| 1856 | color: #777; | ||
| 1857 | white-space: nowrap; | ||
| 1858 | } | ||
| 1859 | .dropdown-backdrop { | ||
| 1860 | position: fixed; | ||
| 1861 | top: 0; | ||
| 1862 | right: 0; | ||
| 1863 | bottom: 0; | ||
| 1864 | left: 0; | ||
| 1865 | z-index: 990; | ||
| 1866 | } | ||
| 1867 | .pull-right > .dropdown-menu { | ||
| 1868 | right: 0; | ||
| 1869 | left: auto; | ||
| 1870 | } | ||
| 1871 | .dropup .caret, | ||
| 1872 | .navbar-fixed-bottom .dropdown .caret { | ||
| 1873 | content: ""; | ||
| 1874 | border-top: 0; | ||
| 1875 | border-bottom: 4px dashed; | ||
| 1876 | border-bottom: 4px solid \9; | ||
| 1877 | } | ||
| 1878 | .dropup .dropdown-menu, | ||
| 1879 | .navbar-fixed-bottom .dropdown .dropdown-menu { | ||
| 1880 | top: auto; | ||
| 1881 | bottom: 100%; | ||
| 1882 | margin-bottom: 2px; | ||
| 1883 | } | ||
| 1884 | @media (min-width: 768px) { | ||
| 1885 | .navbar-right .dropdown-menu { | ||
| 1886 | right: 0; | ||
| 1887 | left: auto; | ||
| 1888 | } | ||
| 1889 | .navbar-right .dropdown-menu-left { | ||
| 1890 | right: auto; | ||
| 1891 | left: 0; | ||
| 1892 | } | ||
| 1893 | } | ||
| 1894 | /*------end bootstrap dropdown*/ | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/sideBar.css
0 → 100644
| 1 | |||
| 2 | .main-sidebar { | ||
| 3 | position: fixed; | ||
| 4 | z-index: 900; | ||
| 5 | height: 100%; | ||
| 6 | } | ||
| 7 | |||
| 8 | .sidebar { | ||
| 9 | height: 100% !important; | ||
| 10 | overflow: hidden; | ||
| 11 | overflow-y: auto; | ||
| 12 | } | ||
| 13 | |||
| 14 | .skin-blue .main-sidebar { | ||
| 15 | background-color: #3c8dbc; | ||
| 16 | } | ||
| 17 | |||
| 18 | .skin-blue .sidebar-menu > li.treeview:hover > a { | ||
| 19 | border-left: 3px solid rgba(0, 0, 0, 0.1); | ||
| 20 | } | ||
| 21 | |||
| 22 | .skin-blue .sidebar-menu > li.treeview.active > a { | ||
| 23 | border-left: 3px solid rgba(0, 0, 0, 0.1); | ||
| 24 | } | ||
| 25 | |||
| 26 | .skin-blue .sidebar .second-menu, | ||
| 27 | .skin-blue .sidebar .third-menu { | ||
| 28 | padding-left: 0; | ||
| 29 | } | ||
| 30 | |||
| 31 | .skin-blue .sidebar .third-menu a { | ||
| 32 | padding-left: 30px; | ||
| 33 | } | ||
| 34 | |||
| 35 | .skin-blue .sidebar a { | ||
| 36 | color: #000000; | ||
| 37 | } | ||
| 38 | |||
| 39 | /*侧边栏滚动设置 start*/ | ||
| 40 | #sidebar-menu > li:hover .sidebar-title-bar { | ||
| 41 | position: static; | ||
| 42 | } | ||
| 43 | |||
| 44 | .sidebar-collapse #sidebar-menu > li:hover .sidebar-title-bar { | ||
| 45 | position: fixed; | ||
| 46 | } | ||
| 47 | |||
| 48 | #sidebar-menu > li:hover > ul { | ||
| 49 | position: static; | ||
| 50 | height: auto; | ||
| 51 | } | ||
| 52 | |||
| 53 | .sidebar-collapse #sidebar-menu > li:hover > ul { | ||
| 54 | position: fixed; | ||
| 55 | overflow-y: auto; | ||
| 56 | } | ||
| 57 | |||
| 58 | a.sidebar-toggle { | ||
| 59 | width: 100%;; | ||
| 60 | height: 36px; | ||
| 61 | line-height: 36px; | ||
| 62 | text-align: center; | ||
| 63 | background-color: #2e658a; | ||
| 64 | color: white !important; | ||
| 65 | display: block; | ||
| 66 | } | ||
| 67 | |||
| 68 | .sidebar-collapse a.sidebar-toggle div.fold { | ||
| 69 | -webkit-transform: rotate(90deg); | ||
| 70 | -moz-transform: rotate(90deg); | ||
| 71 | -ms-transform: rotate(90deg); | ||
| 72 | -o-transform: rotate(90deg); | ||
| 73 | transform: rotate(90deg); | ||
| 74 | transition: transform .5s; | ||
| 75 | } | ||
| 76 | |||
| 77 | /*侧边栏滚动设置 end*/ | ||
| 78 | |||
| 79 | .skin-blue .treeview-menu li > a { | ||
| 80 | border-left: 3px solid #3c8dbc; | ||
| 81 | } | ||
| 82 | |||
| 83 | .skin-blue .treeview-menu li > a:hover, | ||
| 84 | .skin-blue .treeview-menu li.active > a { | ||
| 85 | background-color: rgba(0, 0, 0, 0.1); | ||
| 86 | border-left-color: rgba(0, 0, 0, 0.3); | ||
| 87 | } | ||
| 88 | |||
| 89 | .skin-blue .treeview-menu > li > a { | ||
| 90 | color: white; | ||
| 91 | padding-left: 35px; | ||
| 92 | padding-right: 26px !important; | ||
| 93 | } | ||
| 94 | |||
| 95 | .skin-blue .sidebar-menu > li > .treeview-menu { | ||
| 96 | margin: 0; | ||
| 97 | background: #3c8dbc; | ||
| 98 | } | ||
| 99 | |||
| 100 | .sidebar-menu li.active > .treeview-menu { | ||
| 101 | background: #3c8dbc; | ||
| 102 | } | ||
| 103 | |||
| 104 | .sidebar-title-bar .fa-angle-left, | ||
| 105 | .sidebar-title-bar .pull-right-container > .fa-angle-lef { | ||
| 106 | width: auto; | ||
| 107 | height: auto; | ||
| 108 | padding: 0; | ||
| 109 | margin-right: 10px; | ||
| 110 | } | ||
| 111 | |||
| 112 | /*侧边栏收起后向右展开的边框宽度*/ | ||
| 113 | .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), | ||
| 114 | .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { | ||
| 115 | border-radius: 0; | ||
| 116 | width: 220px; | ||
| 117 | } | ||
| 118 | |||
| 119 | /*侧边栏收起后向右展开时一级菜单箭头的位置*/ | ||
| 120 | .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container { | ||
| 121 | left: 220px !important; | ||
| 122 | } | ||
| 123 | |||
| 124 | .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { | ||
| 125 | padding-top: 0; | ||
| 126 | padding-bottom: 0; | ||
| 127 | border-radius: 0; | ||
| 128 | } | ||
| 129 | |||
| 130 | .skin-blue .sidebar-menu > li:hover > a, | ||
| 131 | .skin-blue .sidebar-menu > li.active > a { | ||
| 132 | color: #3c8dbc; | ||
| 133 | background: #3375A1; | ||
| 134 | } | ||
| 135 | |||
| 136 | .skin-blue .treeview-menu > li.active > a, | ||
| 137 | .skin-blue .treeview-menu > li > a:hover { | ||
| 138 | color: white; | ||
| 139 | } | ||
| 140 | |||
| 141 | .main-sidebar .iconName { | ||
| 142 | margin-right: 10px; | ||
| 143 | color: white | ||
| 144 | } | ||
| 145 | |||
| 146 | .menuTitle a.active { | ||
| 147 | color: #f8f8f8; | ||
| 148 | } | ||
| 149 | |||
| 150 | .sidebar-menu span { | ||
| 151 | color: white; | ||
| 152 | } | ||
| 153 | |||
| 154 | li.menuTitle a { | ||
| 155 | overflow: hidden; | ||
| 156 | white-space: nowrap; | ||
| 157 | text-overflow: ellipsis; | ||
| 158 | padding-right: 20px !important; | ||
| 159 | } | ||
| 160 | |||
| 161 | .main-sidebar .secondMenuTitle { | ||
| 162 | padding-left: 10px; | ||
| 163 | color: white; | ||
| 164 | } | ||
| 165 | |||
| 166 | .main-sidebar .thirdMenuTitle { | ||
| 167 | font-size: 12px; | ||
| 168 | padding-left: 32px; | ||
| 169 | color: white; | ||
| 170 | } | ||
| 171 | |||
| 172 | .main-sidebar .pull-right { | ||
| 173 | color: white | ||
| 174 | } | ||
| 175 | |||
| 176 | @media screen and (max-width: 768px) { | ||
| 177 | a.sidebar-toggle { | ||
| 178 | position: absolute; | ||
| 179 | top: 50%; | ||
| 180 | width: 26px; | ||
| 181 | height: 36px; | ||
| 182 | left: 100%; | ||
| 183 | } | ||
| 184 | } | ||
| 185 | |||
| 186 | /*侧边栏滚动条*/ | ||
| 187 | .sidebar { | ||
| 188 | -ms-scroll-chaining: chained; | ||
| 189 | -ms-overflow-style: none; | ||
| 190 | -ms-content-zooming: zoom; | ||
| 191 | -ms-scroll-rails: none; | ||
| 192 | -ms-content-zoom-limit-min: 100%; | ||
| 193 | -ms-content-zoom-limit-max: 500%; | ||
| 194 | -ms-scroll-snap-type: proximity; | ||
| 195 | -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); | ||
| 196 | } | ||
| 197 | |||
| 198 | .sidebar::-webkit-scrollbar { | ||
| 199 | width: 0; | ||
| 200 | background-color: rgba(0, 0, 0, 0); | ||
| 201 | } | ||
| 202 | |||
| 203 | /*侧边栏二级菜单滚动条*/ | ||
| 204 | .scroll-list { | ||
| 205 | -ms-scroll-chaining: chained; | ||
| 206 | -ms-overflow-style: none; | ||
| 207 | -ms-content-zooming: zoom; | ||
| 208 | -ms-scroll-rails: none; | ||
| 209 | -ms-content-zoom-limit-min: 100%; | ||
| 210 | -ms-content-zoom-limit-max: 500%; | ||
| 211 | -ms-scroll-snap-type: proximity; | ||
| 212 | -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); | ||
| 213 | } | ||
| 214 | |||
| 215 | .scroll-list::-webkit-scrollbar { | ||
| 216 | width: 0; | ||
| 217 | background-color: rgba(0, 0, 0, 0); | ||
| 218 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/skin-blue.min.css
0 → 100644
| 1 | .skin-blue .main-header .navbar{background-color:#3c8dbc}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header .logo{background-color:#367fa9;color:#fff;border-bottom:0 solid transparent}.skin-blue .main-header .logo:hover{background-color:#357ca5}.skin-blue .main-header li.user-header{background-color:#3c8dbc}.skin-blue .content-header{background:transparent}.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a{color:#fff;background:#1e282c;border-left-color:#3c8dbc}.skin-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .treeview-menu>li>a{color:#8aa4af}.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-blue .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/sm-doc.css
0 → 100644
| 1 | html{ | ||
| 2 | -ms-touch-action:none; | ||
| 3 | -ms-content-zooming: none; | ||
| 4 | /* overflow:hidden; */ | ||
| 5 | } | ||
| 6 | #map { | ||
| 7 | position:relative; | ||
| 8 | height: 560px; | ||
| 9 | margin-bottom: 15px; | ||
| 10 | clear: both; | ||
| 11 | } | ||
| 12 | #func{ | ||
| 13 | margin-top: -56px; | ||
| 14 | float: right; | ||
| 15 | margin-right: 55px; | ||
| 16 | z-index: 900; | ||
| 17 | } | ||
| 18 | #func > button { | ||
| 19 | margin-top: 20px; | ||
| 20 | margin-right: 20px; | ||
| 21 | margin-bottom: 9px; | ||
| 22 | } | ||
| 23 | #func > div { | ||
| 24 | margin-top: 20px; | ||
| 25 | float: left; | ||
| 26 | margin-right: 20px; | ||
| 27 | } | ||
| 28 | #func > input { | ||
| 29 | margin-top: 20px; | ||
| 30 | margin-right: 20px; | ||
| 31 | width: 100px; | ||
| 32 | float: left; | ||
| 33 | } | ||
| 34 | #func > select { | ||
| 35 | margin-top: 20px; | ||
| 36 | margin-right: 20px; | ||
| 37 | width: 100px; | ||
| 38 | float: left; | ||
| 39 | } | ||
| 40 | h3 { | ||
| 41 | margin: 15px; | ||
| 42 | } | ||
| 43 | |||
| 44 | #myTab, #myTabContent { | ||
| 45 | font-size: 14px; | ||
| 46 | } | ||
| 47 | |||
| 48 | .nav-tabs { | ||
| 49 | margin-bottom: 0; | ||
| 50 | } | ||
| 51 | |||
| 52 | h3 > #demo-name { | ||
| 53 | margin-right: 10px; | ||
| 54 | } | ||
| 55 | h3 > a { | ||
| 56 | font-weight: normal; | ||
| 57 | text-decoration: none; | ||
| 58 | } | ||
| 59 | /*less中设置*/ | ||
| 60 | @media (max-width: 979px) { | ||
| 61 | .navbar-fixed-top { | ||
| 62 | margin-bottom: 0; | ||
| 63 | } | ||
| 64 | } | ||
| 65 | |||
| 66 | .page-header { | ||
| 67 | padding: 15px 10px; | ||
| 68 | border: 1px solid #d6e3f1; | ||
| 69 | } | ||
| 70 | |||
| 71 | .nav { | ||
| 72 | margin-bottom: 0; | ||
| 73 | } | ||
| 74 | .footer { | ||
| 75 | margin-top: 20px; | ||
| 76 | text-align: center; | ||
| 77 | } | ||
| 78 | @media (min-width: 1200px) { | ||
| 79 | .container, | ||
| 80 | .navbar-fixed-top .container, | ||
| 81 | .navbar-fixed-bottom .container { | ||
| 82 | /*width: 960px;*/ | ||
| 83 | } | ||
| 84 | } | ||
| 85 | |||
| 86 | @media (min-width: 976px) { | ||
| 87 | .container .hero-unit{ | ||
| 88 | padding: 103px 400px 103px 60px; | ||
| 89 | background:url(../images/home_banner2.png) no-repeat scroll right bottom transparent; | ||
| 90 | /*修改样式以兼容firefox | ||
| 91 | background-image:url(../images/home_banner2.png) | ||
| 92 | background-repeat:no-repeat; | ||
| 93 | background-position-x:right; | ||
| 94 | background-position-y:bottom;*/ | ||
| 95 | } | ||
| 96 | } | ||
| 97 | .container .hero-unit{ | ||
| 98 | border: 1px solid #D6E3F1; | ||
| 99 | border-radius: 0px; | ||
| 100 | } | ||
| 101 | p { | ||
| 102 | text-indent: 2em; | ||
| 103 | } | ||
| 104 | |||
| 105 | .navbar-inner > .container { | ||
| 106 | background-color: #61b3e3; | ||
| 107 | background-image: -moz-linear-gradient(top, #61b3e3, #2f7fba); | ||
| 108 | background-image: -ms-linear-gradient(top, #61b3e3, #2f7fba); | ||
| 109 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#61b3e3), to(#2f7fba)); | ||
| 110 | background-image: -webkit-linear-gradient(top, #61b3e3, #2f7fba); | ||
| 111 | background-image: -o-linear-gradient(top, #61b3e3, #2f7fba); | ||
| 112 | background-image: linear-gradient(top, #61b3e3, #2f7fba); | ||
| 113 | filter: progid:dximagetransform.microsoft.gradient(startColorstr='#61b3e3', endColorstr='#2f7fba', GradientType=0); | ||
| 114 | |||
| 115 | -webkit-border-radius: 4px; | ||
| 116 | -moz-border-radius: 4px; | ||
| 117 | border-radius: 4px; | ||
| 118 | } | ||
| 119 | |||
| 120 | .navbar .nav .active > a, | ||
| 121 | .navbar .nav .active > a:hover { | ||
| 122 | background-image: -moz-linear-gradient(top, #519ad6, #2167ad); | ||
| 123 | background-image: -ms-linear-gradient(top, #519ad6, #2167ad); | ||
| 124 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#519ad6), to(#2167ad)); | ||
| 125 | background-image: -webkit-linear-gradient(top, #519ad6, #2167ad); | ||
| 126 | background-image: -o-linear-gradient(top, #519ad6, #2167ad); | ||
| 127 | background-image: linear-gradient(top, #519ad6, #2167ad); | ||
| 128 | filter: progid:dximagetransform.microsoft.gradient(startColorstr='#519ad6', endColorstr='#2167ad', GradientType=0); | ||
| 129 | background-color: #2167ad; | ||
| 130 | } | ||
| 131 | |||
| 132 | #titleContent li a { | ||
| 133 | font-size: 15px; | ||
| 134 | } | ||
| 135 | |||
| 136 | .container > .brand { | ||
| 137 | color: white; | ||
| 138 | } | ||
| 139 | #sourceCode { | ||
| 140 | float: right; | ||
| 141 | margin-top: -30px; | ||
| 142 | margin-right:40px; | ||
| 143 | } | ||
| 144 | #skip{ | ||
| 145 | float: right; | ||
| 146 | margin-top:-30px; | ||
| 147 | margin-right:4px; | ||
| 148 | color: #08c; | ||
| 149 | } | ||
| 150 | /*开发指南和产品介绍css*/ | ||
| 151 | h2.title { | ||
| 152 | background-color: #d6e3f1; | ||
| 153 | margin: 15px 0px; | ||
| 154 | padding:5px 1rem; | ||
| 155 | } | ||
| 156 | h4.thirdTitle{ | ||
| 157 | margin-left: 25px; | ||
| 158 | } | ||
| 159 | #content { | ||
| 160 | padding: 0px 10px; | ||
| 161 | text-algin: center; | ||
| 162 | border: 1px solid #d6e3f1; | ||
| 163 | } | ||
| 164 | /*图片居中*/ | ||
| 165 | div.pageImage { | ||
| 166 | text-align: center; | ||
| 167 | margin-top:10px; | ||
| 168 | margin-bottom:15px; | ||
| 169 | } | ||
| 170 | |||
| 171 | div.pageImage p{ | ||
| 172 | margin: 1.5rem 0px; | ||
| 173 | font-size: 22px; | ||
| 174 | } | ||
| 175 | /*height和max-width用于设置图片自适应屏幕大小*/ | ||
| 176 | img { | ||
| 177 | margin:auto; | ||
| 178 | height: auto; | ||
| 179 | max-width: 100%; | ||
| 180 | } | ||
| 181 | img.icon{ | ||
| 182 | border:2px solid #d6e3f1; | ||
| 183 | } | ||
| 184 | /*产品指南目录列表样式*/ | ||
| 185 | #togglelink{ | ||
| 186 | vertical-align: 30%; | ||
| 187 | border-radius: 0px; | ||
| 188 | } | ||
| 189 | #lists { | ||
| 190 | overflow: hidden; | ||
| 191 | margin: 5px auto 10px auto; | ||
| 192 | font-size: 15px; | ||
| 193 | } | ||
| 194 | ul { | ||
| 195 | list-style-type:none; | ||
| 196 | } | ||
| 197 | ul li { | ||
| 198 | line-height: 27px; | ||
| 199 | } | ||
| 200 | #lists span { | ||
| 201 | padding-right:5px; | ||
| 202 | } | ||
| 203 | /**/ | ||
| 204 | ul.circle { | ||
| 205 | list-style-type: circle; | ||
| 206 | } | ||
| 207 | |||
| 208 | ul.circle li{ | ||
| 209 | font-size: 15px; | ||
| 210 | } | ||
| 211 | |||
| 212 | ul.disc { | ||
| 213 | list-style-type: disc; | ||
| 214 | } | ||
| 215 | |||
| 216 | ul.disc li{ | ||
| 217 | font-size: 15px; | ||
| 218 | } | ||
| 219 | /*首页top背景*/ | ||
| 220 | .container .topBanner{ | ||
| 221 | background-image: url(../images/home_banner.jpg); | ||
| 222 | background-repeat: no-repeat; | ||
| 223 | } | ||
| 224 | .qByBoundsBoxDiv { | ||
| 225 | background-color: #B7CFE8; | ||
| 226 | filter:alpha(opacity:50); | ||
| 227 | border: 2px solid #304DBE; | ||
| 228 | } | ||
| 229 | /*公交换乘首列背景图片*/ | ||
| 230 | .step_transfer{ | ||
| 231 | background-image: url(../images/step_trans.png); | ||
| 232 | background-repeat: no-repeat; | ||
| 233 | width: 23px; | ||
| 234 | background-position: 7px 7px; | ||
| 235 | } | ||
| 236 | .bus_transfer{ | ||
| 237 | background-image: url(../images/bus_trans.png); | ||
| 238 | background-repeat: no-repeat; | ||
| 239 | width: 23px; | ||
| 240 | background-position: 7px 7px; | ||
| 241 | } | ||
| 242 | .start_transfer{ | ||
| 243 | background-image: url(../images/start_trans.png); | ||
| 244 | background-repeat: no-repeat; | ||
| 245 | width: 23px; | ||
| 246 | background-position: 7px 7px; | ||
| 247 | } | ||
| 248 | .end_transfer{ | ||
| 249 | background-image: url(../images/end_trans.png); | ||
| 250 | background-repeat: no-repeat; | ||
| 251 | width: 23px; | ||
| 252 | background-position: 7px 7px; | ||
| 253 | } | ||
| 254 | #trafficRes > tbody > tr > td{ | ||
| 255 | text-align: left; | ||
| 256 | } | ||
| 257 | input{ | ||
| 258 | font-family:Arial, Helvetica, sans-serif; | ||
| 259 | font-size:12px; | ||
| 260 | border:1px solid #000000; | ||
| 261 | width:160px; | ||
| 262 | padding:1px; | ||
| 263 | margin:0px; | ||
| 264 | } | ||
| 265 | .start_end_input { | ||
| 266 | width:213px; | ||
| 267 | height:40px; | ||
| 268 | } | ||
| 269 | .sugpopup{ | ||
| 270 | position: relative; | ||
| 271 | width: 170px; | ||
| 272 | color: #004a7e; | ||
| 273 | font-size: 12px; | ||
| 274 | font-family: Arial, Helvetica, sans-serif; | ||
| 275 | top: -10px; | ||
| 276 | left: 40px; | ||
| 277 | } | ||
| 278 | .sugpopup.show{ | ||
| 279 | background-color: white; | ||
| 280 | filter: alpha(opacity=100); | ||
| 281 | border: 1px solid #004a7e; | ||
| 282 | z-index: 9999; | ||
| 283 | } | ||
| 284 | |||
| 285 | ul.dropList{ | ||
| 286 | list-style:none; | ||
| 287 | margin:0px; | ||
| 288 | padding:0; | ||
| 289 | color:#004a7e; | ||
| 290 | } | ||
| 291 | ul.dropList li { | ||
| 292 | padding: 0 6px; | ||
| 293 | } | ||
| 294 | li.mouseOver{ | ||
| 295 | background-color:#004a7e; | ||
| 296 | color:#FFFFFF; | ||
| 297 | } | ||
| 298 | |||
| 299 | li.dropListMouseOver { | ||
| 300 | background-color:#004a7e; | ||
| 301 | color:#FFFFFF; | ||
| 302 | } | ||
| 303 | |||
| 304 | .transferSolution { | ||
| 305 | border: 2px solid #EEE; | ||
| 306 | cursor: pointer; | ||
| 307 | margin:2px; | ||
| 308 | } | ||
| 309 | .transferIndex { | ||
| 310 | padding: 12px 0; | ||
| 311 | text-weight:bold; | ||
| 312 | } | ||
| 313 | .busLink { | ||
| 314 | text-decoration: none; | ||
| 315 | margin: 1px 2px; | ||
| 316 | cursor: pointer; | ||
| 317 | } | ||
| 318 | .bgSpan { | ||
| 319 | background-color: blue; | ||
| 320 | opacity: 0.6; | ||
| 321 | padding: 4px; | ||
| 322 | color: white; | ||
| 323 | border-radius: 4px; | ||
| 324 | } | ||
| 325 | .transferGuides { | ||
| 326 | padding: 2px; | ||
| 327 | margin: 20px 2px 10px 2px; | ||
| 328 | border-bottom: 1px solid #eeeeee; | ||
| 329 | width: 97%; | ||
| 330 | } | ||
| 331 | .showWindow:hover{color:#FF0000} | ||
| 332 | |||
| 333 | .win_bg{background:#CCC; opacity:0.2; filter:alpha(opacity=20); position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:998;} | ||
| 334 | .winTitle{background:#4192c9; height:20px; line-height:20px} | ||
| 335 | .winTitle .title_left{font-weight:bold; color:#FFF; padding-left:5px; float:left} | ||
| 336 | .winTitle .title_right{float:right; padding-right:3px;} | ||
| 337 | .winTitle .title_right a{color:#FFF; text-decoration:none; padding-right:3px;} | ||
| 338 | .winTitle .title_right a:hover{text-decoration:underline; color:#FF0000; padding-right:3px;} | ||
| 339 | .transferPreference { | ||
| 340 | border: 1px solid #D6E3F1; | ||
| 341 | height: 20px; | ||
| 342 | margin: 1px 30%; | ||
| 343 | padding: 0 12px; | ||
| 344 | } | ||
| 345 | .winContent{padding:5px; overflow-y:auto; height:550px;} | ||
| 346 | .popupWindow { | ||
| 347 | right:20px; | ||
| 348 | top:100px; | ||
| 349 | position: absolute; | ||
| 350 | width: 400px; | ||
| 351 | height: 600px; | ||
| 352 | border: 2px solid #D6E3F1; | ||
| 353 | background: #FFF; | ||
| 354 | z-index: 9999; | ||
| 355 | } | ||
| 356 | .floatLeft { | ||
| 357 | float: left; | ||
| 358 | } | ||
| 359 | .print-header{ | ||
| 360 | margin: auto; | ||
| 361 | width: 936px; | ||
| 362 | height: 522px; | ||
| 363 | top: 50px; | ||
| 364 | position: relative; | ||
| 365 | } | ||
| 366 | .superD{ | ||
| 367 | width: 100%; | ||
| 368 | height: 24px; | ||
| 369 | line-height: 24px; | ||
| 370 | border-bottom: 3px solid #B2B2B2; | ||
| 371 | font-size: 14px; | ||
| 372 | margin-bottom: 6px; | ||
| 373 | } | ||
| 374 | .superD h3{ | ||
| 375 | float: left; | ||
| 376 | font-size: 14px; | ||
| 377 | } | ||
| 378 | .superD span{ | ||
| 379 | float: right; | ||
| 380 | margin-right: 4px; | ||
| 381 | } | ||
| 382 | #superft{ | ||
| 383 | content: '.'; | ||
| 384 | height: 77px; | ||
| 385 | display: block; | ||
| 386 | overflow: hidden; | ||
| 387 | clear: both; | ||
| 388 | } | ||
| 389 | .printClose{ | ||
| 390 | margin-bottom: 20px; | ||
| 391 | float: right; | ||
| 392 | } | ||
| 393 | .printClose span{ | ||
| 394 | background-position: 0px 0px; | ||
| 395 | cursor: pointer; | ||
| 396 | margin-right: 0px; | ||
| 397 | margin-top: 5px; | ||
| 398 | display: inline-block; | ||
| 399 | width: 69px; | ||
| 400 | height: 29px; | ||
| 401 | background-image: url(../images/print.png); | ||
| 402 | } | ||
| 403 | |||
| 404 | #btn-success2 { | ||
| 405 | display: inline-block; | ||
| 406 | padding: 4px 10px 4px; | ||
| 407 | text-align: center; | ||
| 408 | cursor: pointer; | ||
| 409 | position: relative; | ||
| 410 | left: 150px; | ||
| 411 | z-index:2004; | ||
| 412 | width: 30px; | ||
| 413 | height: 18px; | ||
| 414 | margin-top: 5px; | ||
| 415 | } | ||
| 416 | |||
| 417 | div.smCustomControlMousePosition { | ||
| 418 | left: 600px; | ||
| 419 | top:280px; | ||
| 420 | display: block; | ||
| 421 | position: absolute; | ||
| 422 | font-family: Arial; | ||
| 423 | font-size: smaller; | ||
| 424 | } | ||
| 425 | |||
| 426 | |||
| 427 | .nav-pills > li >a{ | ||
| 428 | padding: 0px; | ||
| 429 | padding-left: 4px; | ||
| 430 | padding-right:5px; | ||
| 431 | margin-bottom: 8px; | ||
| 432 | margin-right: 0px; | ||
| 433 | border-radius: 0px; | ||
| 434 | font-size: 13px; | ||
| 435 | color: #6E7B8B; | ||
| 436 | border-right: 1px solid #e1e1e8; | ||
| 437 | |||
| 438 | } | ||
| 439 | .nav-pills > li > a:hover{ | ||
| 440 | color: #08c; | ||
| 441 | text-decoration: underline; | ||
| 442 | background-color: #ffffff; | ||
| 443 | } | ||
| 444 | .nav-pills > .active > a{ | ||
| 445 | color:#08c; | ||
| 446 | background-color: #ffffff; | ||
| 447 | } | ||
| 448 | .nav-pills > .active > a:hover { | ||
| 449 | color: #08c; | ||
| 450 | background-color: #ffffff; | ||
| 451 | } | ||
| 452 | |||
| 453 | div.container-fluid{ | ||
| 454 | padding-left: 0px; | ||
| 455 | padding-right: 0px; | ||
| 456 | } | ||
| 457 | div.row-fluid div.span2{ | ||
| 458 | font-size:13px; | ||
| 459 | width: 115px; | ||
| 460 | color:#4682B4; | ||
| 461 | padding-left: 4px; | ||
| 462 | padding-top: 3px; | ||
| 463 | } | ||
| 464 | div.row-fluid div.span10{ | ||
| 465 | margin-left: 0px; | ||
| 466 | margin-top:8px; | ||
| 467 | padding-bottom: 2px; | ||
| 468 | } | ||
| 469 | |||
| 470 | div.span2 ul.nav.nav-pills span{ | ||
| 471 | width:9px; | ||
| 472 | font-weight:normal; | ||
| 473 | font-size:16px; | ||
| 474 | color:#aaa; | ||
| 475 | margin-top:5px; | ||
| 476 | padding-left:5px; | ||
| 477 | padding-right: 10px; | ||
| 478 | float:right; | ||
| 479 | } | ||
| 480 | .row-fluid{ | ||
| 481 | border-bottom: 1px solid #e1e1e8; | ||
| 482 | } | ||
| 483 | .tips{ | ||
| 484 | background:#f3f3ef; | ||
| 485 | padding:.75em; | ||
| 486 | line-height:1.7em; | ||
| 487 | font-size: 15px; | ||
| 488 | } | ||
| 489 | |||
| 490 | |||
| 491 | /**/ | ||
| 492 | |||
| 493 | ol.list{ | ||
| 494 | font-size: 15px; | ||
| 495 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/sm-extend.css
0 → 100644
| 1 | img { | ||
| 2 | width: auto; | ||
| 3 | max-width:none; | ||
| 4 | } | ||
| 5 | |||
| 6 | .input-block-level { | ||
| 7 | min-height: 28px; | ||
| 8 | } | ||
| 9 | |||
| 10 | body { | ||
| 11 | font-size: 15px; | ||
| 12 | line-height: 22px; | ||
| 13 | } | ||
| 14 | |||
| 15 | .row-fluid [class*="span"] { | ||
| 16 | min-height: 28px; | ||
| 17 | margin-left: 2.127659574%; | ||
| 18 | *margin-left: 2.0744680846382977%; | ||
| 19 | } | ||
| 20 | |||
| 21 | p { | ||
| 22 | margin: 0 0 9px; | ||
| 23 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
| 24 | font-size: 15px; | ||
| 25 | line-height: 20px; | ||
| 26 | } | ||
| 27 | |||
| 28 | p small { | ||
| 29 | font-size: 11px; | ||
| 30 | color: #999999; | ||
| 31 | } | ||
| 32 | |||
| 33 | h1 { | ||
| 34 | font-size: 30px; | ||
| 35 | line-height: 36px; | ||
| 36 | } | ||
| 37 | |||
| 38 | |||
| 39 | h2 { | ||
| 40 | font-size: 24px; | ||
| 41 | line-height: 36px; | ||
| 42 | } | ||
| 43 | |||
| 44 | h3 { | ||
| 45 | font-size: 18px; | ||
| 46 | line-height: 27px; | ||
| 47 | } | ||
| 48 | |||
| 49 | h4, | ||
| 50 | h5, | ||
| 51 | h6 { | ||
| 52 | line-height: 18px; | ||
| 53 | } | ||
| 54 | |||
| 55 | h4 { | ||
| 56 | font-size: 14px; | ||
| 57 | } | ||
| 58 | |||
| 59 | h5 { | ||
| 60 | font-size: 12px; | ||
| 61 | } | ||
| 62 | |||
| 63 | h6 { | ||
| 64 | font-size: 11px; | ||
| 65 | color: #999999; | ||
| 66 | text-transform: uppercase; | ||
| 67 | } | ||
| 68 | |||
| 69 | h1 small { | ||
| 70 | font-size: 18px; | ||
| 71 | } | ||
| 72 | |||
| 73 | h2 small { | ||
| 74 | font-size: 18px; | ||
| 75 | } | ||
| 76 | |||
| 77 | h4 small { | ||
| 78 | font-size: 12px; | ||
| 79 | } | ||
| 80 | |||
| 81 | h1, | ||
| 82 | h2, | ||
| 83 | h3, | ||
| 84 | h4, | ||
| 85 | h5, | ||
| 86 | h6 { | ||
| 87 | margin: 0; | ||
| 88 | font-weight: bold; | ||
| 89 | } | ||
| 90 | |||
| 91 | .table tbody tr:hover td, | ||
| 92 | .table tbody tr:hover th { | ||
| 93 | background-color: #f5f5f5; | ||
| 94 | } | ||
| 95 | |||
| 96 | .table th, | ||
| 97 | .table td { | ||
| 98 | text-align: center; | ||
| 99 | } | ||
| 100 | |||
| 101 | .fade { | ||
| 102 | filter: alpha(opacity=0); | ||
| 103 | } | ||
| 104 | |||
| 105 | .fade.in { | ||
| 106 | filter: alpha(opacity=100); | ||
| 107 | } | ||
| 108 | |||
| 109 | .btn { | ||
| 110 | padding: 4px 10px 4px; | ||
| 111 | font-size: 13px; | ||
| 112 | line-height: 18px; | ||
| 113 | *line-height: 20px; | ||
| 114 | } | ||
| 115 | |||
| 116 | .nav-pills > .active > a, | ||
| 117 | .nav-pills > .active > a:hover { | ||
| 118 | background-color: #4ab7ee; | ||
| 119 | } | ||
| 120 | |||
| 121 | .nav-tabs > li > a { | ||
| 122 | line-height: 18px; | ||
| 123 | } | ||
| 124 | |||
| 125 | .navbar { | ||
| 126 | color: #999999; | ||
| 127 | margin-bottom: auto; | ||
| 128 | } | ||
| 129 | |||
| 130 | .navbar-inner { | ||
| 131 | background-repeat: repeat-x; | ||
| 132 | background-image:none; | ||
| 133 | background-color: transparent; | ||
| 134 | border: 0px; | ||
| 135 | -webkit-box-shadow: none; | ||
| 136 | -moz-box-shadow: none; | ||
| 137 | box-shadow: none; | ||
| 138 | -webkit-border-radius: 20px; | ||
| 139 | -moz-border-radius: 20px; | ||
| 140 | border-radius: 20px; | ||
| 141 | filter: alpha(opacity=100); | ||
| 142 | |||
| 143 | } | ||
| 144 | |||
| 145 | .navbar-fixed-top { | ||
| 146 | top: 0; | ||
| 147 | } | ||
| 148 | |||
| 149 | .navbar-fixed-bottom { | ||
| 150 | bottom: 0; | ||
| 151 | } | ||
| 152 | |||
| 153 | .navbar .brand { | ||
| 154 | padding: 8px 40px 12px; | ||
| 155 | line-height: 1; | ||
| 156 | text-shadow:none | ||
| 157 | } | ||
| 158 | |||
| 159 | .navbar-fixed-top, | ||
| 160 | .navbar-fixed-bottom { | ||
| 161 | position: static; | ||
| 162 | } | ||
| 163 | |||
| 164 | .navbar-fixed-top .navbar-inner, | ||
| 165 | .navbar-static-top .navbar-inner { | ||
| 166 | -webkit-box-shadow: none; | ||
| 167 | -moz-box-shadow: none; | ||
| 168 | box-shadow: none; | ||
| 169 | } | ||
| 170 | |||
| 171 | .navbar .nav > li > a { | ||
| 172 | padding: 9px 15px 11px; | ||
| 173 | line-height: 19px; | ||
| 174 | color: white; | ||
| 175 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | ||
| 176 | font-weight: bold; | ||
| 177 | } | ||
| 178 | |||
| 179 | .navbar .nav > li > a:hover { | ||
| 180 | color: #ffffff; | ||
| 181 | } | ||
| 182 | |||
| 183 | .navbar .nav .active > a, | ||
| 184 | .navbar .nav .active > a:hover { | ||
| 185 | color: #ffffff; | ||
| 186 | } | ||
| 187 | |||
| 188 | .hero-unit { | ||
| 189 | line-height: 18px; | ||
| 190 | font-size: medium; | ||
| 191 | } | ||
| 192 | |||
| 193 | .hero-unit p { | ||
| 194 | font-size: 18px; | ||
| 195 | font-weight: 200; | ||
| 196 | line-height: 27px; | ||
| 197 | color: inherit; | ||
| 198 | } | ||
| 199 | |||
| 200 | .page-header { | ||
| 201 | padding-bottom: 17px; | ||
| 202 | margin: 18px 0; | ||
| 203 | } | ||
| 204 | |||
| 205 | .page-header h1 { | ||
| 206 | line-height: 1; | ||
| 207 | } | ||
| 208 | |||
| 209 | .caret { | ||
| 210 | opacity: 0.3; | ||
| 211 | filter: alpha(opacity=30); | ||
| 212 | } | ||
| 213 | |||
| 214 | .navbar .nav li.dropdown > .dropdown-toggle .caret { | ||
| 215 | border-top-color: #fff; | ||
| 216 | border-bottom-color: #fff; | ||
| 217 | } | ||
| 218 | |||
| 219 | .dropdown:hover .caret, | ||
| 220 | .open .caret { | ||
| 221 | opacity: 1; | ||
| 222 | filter: alpha(opacity=100); | ||
| 223 | } | ||
| 224 | |||
| 225 | .btn-primary .caret, | ||
| 226 | .btn-warning .caret, | ||
| 227 | .btn-danger .caret, | ||
| 228 | .btn-info .caret, | ||
| 229 | .btn-success .caret, | ||
| 230 | .btn-inverse .caret { | ||
| 231 | opacity: 0.75; | ||
| 232 | filter: alpha(opacity=75); | ||
| 233 | } | ||
| 234 | |||
| 235 | .navbar .nav li.dropdown.open > .dropdown-toggle, | ||
| 236 | .navbar .nav li.dropdown.active > .dropdown-toggle, | ||
| 237 | .navbar .nav li.dropdown.open.active > .dropdown-toggle { | ||
| 238 | color: #fff; | ||
| 239 | background-color: transparent; | ||
| 240 | } | ||
| 241 | |||
| 242 | .navbar .nav li.dropdown.open > .dropdown-toggle .caret, | ||
| 243 | .navbar .nav li.dropdown.active > .dropdown-toggle .caret, | ||
| 244 | .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { | ||
| 245 | border-top-color: #fff; | ||
| 246 | border-bottom-color: #fff; | ||
| 247 | } | ||
| 248 | |||
| 249 | .navbar .nav li.dropdown > a:hover .caret { | ||
| 250 | border-top-color: #fff; | ||
| 251 | border-bottom-color: #fff; | ||
| 252 | } | ||
| 253 | |||
| 254 | @media (max-width: 979px) { | ||
| 255 | .navbar .btn-navbar { | ||
| 256 | display: block; | ||
| 257 | } | ||
| 258 | |||
| 259 | .navbar .btn-navbar { | ||
| 260 | float: right; | ||
| 261 | padding: 7px 10px; | ||
| 262 | margin-right: 5px; | ||
| 263 | margin-left: 5px; | ||
| 264 | background-color: #2c2c2c; | ||
| 265 | *background-color: #222222; | ||
| 266 | background-image: -ms-linear-gradient(top, #333333, #222222); | ||
| 267 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); | ||
| 268 | background-image: -webkit-linear-gradient(top, #333333, #222222); | ||
| 269 | background-image: -o-linear-gradient(top, #333333, #222222); | ||
| 270 | background-image: linear-gradient(top, #333333, #222222); | ||
| 271 | background-image: -moz-linear-gradient(top, #333333, #222222); | ||
| 272 | background-repeat: repeat-x; | ||
| 273 | border-color: #222222 #222222 #000000; | ||
| 274 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | ||
| 275 | filter: progid:dximagetransform.microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); | ||
| 276 | filter: progid:dximagetransform.microsoft.gradient(enabled=false); | ||
| 277 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | ||
| 278 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | ||
| 279 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); | ||
| 280 | } | ||
| 281 | |||
| 282 | .navbar .btn-navbar:hover, | ||
| 283 | .navbar .btn-navbar:active, | ||
| 284 | .navbar .btn-navbar.active, | ||
| 285 | .navbar .btn-navbar.disabled, | ||
| 286 | .navbar .btn-navbar[disabled] { | ||
| 287 | background-color: #222222; | ||
| 288 | *background-color: #151515; | ||
| 289 | } | ||
| 290 | } | ||
| 291 | |||
| 292 | @media (min-width: 1200px) { | ||
| 293 | .navbar .btn-navbar { | ||
| 294 | display: none; | ||
| 295 | } | ||
| 296 | } | ||
| 297 | |||
| 298 | @media (max-width: 979px){ | ||
| 299 | .navbar .brand { | ||
| 300 | padding-right: 10px; | ||
| 301 | padding-left: 10px; | ||
| 302 | margin: 0 0 0 -5px; | ||
| 303 | } | ||
| 304 | } | ||
| 305 | |||
| 306 | @media (max-width: 979px){ | ||
| 307 | .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { | ||
| 308 | padding: 6px 15px; | ||
| 309 | font-weight: bold; | ||
| 310 | -webkit-border-radius: 3px; | ||
| 311 | -moz-border-radius: 3px; | ||
| 312 | border-radius: 3px; | ||
| 313 | color:#fff | ||
| 314 | } | ||
| 315 | |||
| 316 | .nav-collapse .nav > li > a:hover, | ||
| 317 | .nav-collapse .dropdown-menu a:hover { | ||
| 318 | background-color: #222222; | ||
| 319 | } | ||
| 320 | } | ||
| 321 | |||
| 322 | @media (max-width: 979px){ | ||
| 323 | .nav-collapse .dropdown-menu::before, .nav-collapse .dropdown-menu::after { | ||
| 324 | display: none; | ||
| 325 | } | ||
| 326 | |||
| 327 | @media (max-width: 979px){ | ||
| 328 | .nav-collapse .nav > li { | ||
| 329 | float: none; | ||
| 330 | } | ||
| 331 | |||
| 332 | .container .hero-unit { | ||
| 333 | background: transparent; | ||
| 334 | } | ||
| 335 | } | ||
| 336 | |||
| 337 | .nav-collapse.collapse { | ||
| 338 | height: auto; | ||
| 339 | } | ||
| 340 | |||
| 341 | .collapse { | ||
| 342 | position: relative; | ||
| 343 | height: auto; | ||
| 344 | overflow: hidden; | ||
| 345 | -webkit-transition: height 0.35s ease; | ||
| 346 | -moz-transition: height 0.35s ease; | ||
| 347 | -ms-transition: height 0.35s ease; | ||
| 348 | -o-transition: height 0.35s ease; | ||
| 349 | transition: height 0.35s ease; | ||
| 350 | } | ||
| 351 | |||
| 352 | .collapse.in { | ||
| 353 | height: auto; | ||
| 354 | } | ||
| 355 | |||
| 356 | |||
| 357 | @media (max-width: 979px){ | ||
| 358 | .dropdown-menu a { | ||
| 359 | color: #333; | ||
| 360 | } | ||
| 361 | .nav-collapse .dropdown-menu { | ||
| 362 | display: block; | ||
| 363 | } | ||
| 364 | } | ||
| 365 | |||
| 366 | .dropdown-menu li > a:hover, | ||
| 367 | .dropdown-menu .active > a, | ||
| 368 | .dropdown-menu .active > a:hover { | ||
| 369 | color: #ffffff; | ||
| 370 | text-decoration: none; | ||
| 371 | background-color: #0088cc; | ||
| 372 | background-image:none; | ||
| 373 | |||
| 374 | } | ||
| 375 | |||
| 376 | .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { | ||
| 377 | color: #fff; | ||
| 378 | } | ||
| 379 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/style.css
0 → 100644
| 1 | /* remove codrops styles and reset the whole thing */ | ||
| 2 | #container_demo{ | ||
| 3 | text-align: left; | ||
| 4 | margin: 0; | ||
| 5 | padding: 0; | ||
| 6 | margin: 0 auto; | ||
| 7 | font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif; | ||
| 8 | } | ||
| 9 | |||
| 10 | /** fonts used for the icons **/ | ||
| 11 | @font-face { | ||
| 12 | font-family: 'FontomasCustomRegular'; | ||
| 13 | src: url('fonts/fontomas-webfont.eot'); | ||
| 14 | src: url('fonts/fontomas-webfont.eot?#iefix') format('embedded-opentype'), | ||
| 15 | url('fonts/fontomas-webfont.woff') format('woff'), | ||
| 16 | url('fonts/fontomas-webfont.ttf') format('truetype'), | ||
| 17 | url('fonts/fontomas-webfont.svg#FontomasCustomRegular') format('svg'); | ||
| 18 | font-weight: normal; | ||
| 19 | font-style: normal; | ||
| 20 | } | ||
| 21 | @font-face { | ||
| 22 | font-family: 'FranchiseRegular'; | ||
| 23 | src: url('fonts/franchise-bold-webfont.eot'); | ||
| 24 | src: url('fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'), | ||
| 25 | url('fonts/franchise-bold-webfont.woff') format('woff'), | ||
| 26 | url('fonts/franchise-bold-webfont.ttf') format('truetype'), | ||
| 27 | url('fonts/franchise-bold-webfont.svg#FranchiseRegular') format('svg'); | ||
| 28 | font-weight: normal; | ||
| 29 | font-style: normal; | ||
| 30 | |||
| 31 | } | ||
| 32 | |||
| 33 | /** The wrapper that will contain our two forms **/ | ||
| 34 | #wrapper { | ||
| 35 | right: 0px; | ||
| 36 | min-height: 560px; | ||
| 37 | margin: 0px auto; | ||
| 38 | position: absolute; | ||
| 39 | top:0px; | ||
| 40 | right: 0px; | ||
| 41 | width: 300px; | ||
| 42 | height: 100%; | ||
| 43 | } | ||
| 44 | /**** Styling the form elements **/ | ||
| 45 | |||
| 46 | /**** general text styling ****/ | ||
| 47 | #wrapper a{ | ||
| 48 | color: rgb(95, 155, 198); | ||
| 49 | text-decoration: underline; | ||
| 50 | } | ||
| 51 | |||
| 52 | #wrapper h1{ | ||
| 53 | font-size: 19px; | ||
| 54 | color: rgb(6, 106, 117); | ||
| 55 | padding: 2px 0 15px 0; | ||
| 56 | font-family: 'FranchiseRegular','Arial Narrow',Arial,sans-serif; | ||
| 57 | font-weight: bold; | ||
| 58 | text-align: center; | ||
| 59 | } | ||
| 60 | /** For the moment only webkit supports the background-clip:text; */ | ||
| 61 | #wrapper h1{ | ||
| 62 | background: -webkit-repeating-linear-gradient(-45deg, | ||
| 63 | rgb(18, 83, 93) , | ||
| 64 | rgb(18, 83, 93) 20px, | ||
| 65 | rgb(64, 111, 118) 20px, | ||
| 66 | rgb(64, 111, 118) 40px, | ||
| 67 | rgb(18, 83, 93) 40px); | ||
| 68 | -webkit-text-fill-color: transparent; | ||
| 69 | -webkit-background-clip: text; | ||
| 70 | } | ||
| 71 | #wrapper h1:after{ | ||
| 72 | content: ' '; | ||
| 73 | display: block; | ||
| 74 | width: 100%; | ||
| 75 | height: 2px; | ||
| 76 | margin-top: 10px; | ||
| 77 | background: -moz-linear-gradient(left, rgba(147,184,189,0) 0%, rgba(147,184,189,0.8) 20%, rgba(147,184,189,1) 53%, rgba(147,184,189,0.8) 79%, rgba(147,184,189,0) 100%); | ||
| 78 | background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(147,184,189,0)), color-stop(20%,rgba(147,184,189,0.8)), color-stop(53%,rgba(147,184,189,1)), color-stop(79%,rgba(147,184,189,0.8)), color-stop(100%,rgba(147,184,189,0))); | ||
| 79 | background: -webkit-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); | ||
| 80 | background: -o-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); | ||
| 81 | background: -ms-linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); | ||
| 82 | background: linear-gradient(left, rgba(147,184,189,0) 0%,rgba(147,184,189,0.8) 20%,rgba(147,184,189,1) 53%,rgba(147,184,189,0.8) 79%,rgba(147,184,189,0) 100%); | ||
| 83 | } | ||
| 84 | |||
| 85 | #wrapper p{ | ||
| 86 | margin-bottom:15px; | ||
| 87 | } | ||
| 88 | #wrapper p:first-child{ | ||
| 89 | margin: 0px; | ||
| 90 | } | ||
| 91 | #wrapper label{ | ||
| 92 | color: rgb(64, 92, 96); | ||
| 93 | position: relative; | ||
| 94 | } | ||
| 95 | |||
| 96 | |||
| 97 | /** the magic icon trick ! **/ | ||
| 98 | [data-icon]:after { | ||
| 99 | content: attr(data-icon); | ||
| 100 | font-family: 'FontomasCustomRegular'; | ||
| 101 | color: rgb(106, 159, 171); | ||
| 102 | position: absolute; | ||
| 103 | left: 10px; | ||
| 104 | top: 35px; | ||
| 105 | width: 30px; | ||
| 106 | } | ||
| 107 | |||
| 108 | |||
| 109 | /*styling the links to change from one form to another */ | ||
| 110 | |||
| 111 | p.change_link{ | ||
| 112 | position: absolute; | ||
| 113 | color: rgb(127, 124, 124); | ||
| 114 | left: 0px; | ||
| 115 | height: 20px; | ||
| 116 | width: 440px; | ||
| 117 | padding: 17px 30px 20px 30px; | ||
| 118 | font-size: 16px ; | ||
| 119 | text-align: right; | ||
| 120 | border-top: 1px solid rgb(219, 229, 232); | ||
| 121 | -webkit-border-radius: 0 0 5px 5px; | ||
| 122 | -moz-border-radius: 0 0 5px 5px; | ||
| 123 | border-radius: 0 0 5px 5px; | ||
| 124 | background: rgb(225, 234, 235); | ||
| 125 | background: -moz-repeating-linear-gradient(-45deg, | ||
| 126 | rgb(247, 247, 247) , | ||
| 127 | rgb(247, 247, 247) 15px, | ||
| 128 | rgb(225, 234, 235) 15px, | ||
| 129 | rgb(225, 234, 235) 30px, | ||
| 130 | rgb(247, 247, 247) 30px | ||
| 131 | ); | ||
| 132 | background: -webkit-repeating-linear-gradient(-45deg, | ||
| 133 | rgb(247, 247, 247) , | ||
| 134 | rgb(247, 247, 247) 15px, | ||
| 135 | rgb(225, 234, 235) 15px, | ||
| 136 | rgb(225, 234, 235) 30px, | ||
| 137 | rgb(247, 247, 247) 30px | ||
| 138 | ); | ||
| 139 | background: -o-repeating-linear-gradient(-45deg, | ||
| 140 | rgb(247, 247, 247) , | ||
| 141 | rgb(247, 247, 247) 15px, | ||
| 142 | rgb(225, 234, 235) 15px, | ||
| 143 | rgb(225, 234, 235) 30px, | ||
| 144 | rgb(247, 247, 247) 30px | ||
| 145 | ); | ||
| 146 | background: repeating-linear-gradient(-45deg, | ||
| 147 | rgb(247, 247, 247) , | ||
| 148 | rgb(247, 247, 247) 15px, | ||
| 149 | rgb(225, 234, 235) 15px, | ||
| 150 | rgb(225, 234, 235) 30px, | ||
| 151 | rgb(247, 247, 247) 30px | ||
| 152 | ); | ||
| 153 | } | ||
| 154 | #wrapper p.change_link a { | ||
| 155 | display: inline-block; | ||
| 156 | font-weight: bold; | ||
| 157 | background: rgb(247, 248, 241); | ||
| 158 | padding: 2px 6px; | ||
| 159 | color: rgb(29, 162, 193); | ||
| 160 | margin-left: 10px; | ||
| 161 | text-decoration: none; | ||
| 162 | -webkit-border-radius: 4px; | ||
| 163 | -moz-border-radius: 4px; | ||
| 164 | border-radius: 4px; | ||
| 165 | border: 1px solid rgb(203, 213, 214); | ||
| 166 | -webkit-transition: all 0.4s linear; | ||
| 167 | -moz-transition: all 0.4s linear; | ||
| 168 | -o-transition: all 0.4s linear; | ||
| 169 | -ms-transition: all 0.4s linear; | ||
| 170 | transition: all 0.4s linear; | ||
| 171 | } | ||
| 172 | #wrapper p.change_link a:hover { | ||
| 173 | color: rgb(57, 191, 215); | ||
| 174 | background: rgb(247, 247, 247); | ||
| 175 | border: 1px solid rgb(74, 179, 198); | ||
| 176 | } | ||
| 177 | #wrapper p.change_link a:active{ | ||
| 178 | position: relative; | ||
| 179 | top: 1px; | ||
| 180 | } | ||
| 181 | /** Styling both forms **/ | ||
| 182 | |||
| 183 | #login{ | ||
| 184 | position: absolute; | ||
| 185 | top: 0px; | ||
| 186 | width: 88%; | ||
| 187 | padding: 18px 6% 20px 6%; | ||
| 188 | margin: 0 0 35px 0; | ||
| 189 | background: rgb(247, 247, 247); | ||
| 190 | border: 1px solid rgba(147, 184, 189,0.8); | ||
| 191 | -webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset; | ||
| 192 | -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset; | ||
| 193 | box-shadow: 0pt 2px 5px rgba(105, 108, 109, 0.7), 0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset; | ||
| 194 | -webkit-box-shadow: 5px; | ||
| 195 | -moz-border-radius: 5px; | ||
| 196 | border-radius: 5px; | ||
| 197 | } | ||
| 198 | |||
| 199 | #login{ | ||
| 200 | z-index: 22; | ||
| 201 | } | ||
| 202 | #wrapper p.button input{ | ||
| 203 | /* width: 20%; */ | ||
| 204 | height: 50%; | ||
| 205 | margin: 0 0 20px 20px; | ||
| 206 | cursor: pointer; | ||
| 207 | background: rgb(61, 157, 179); | ||
| 208 | padding: 8px 5px; | ||
| 209 | font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif; | ||
| 210 | color: #fff; | ||
| 211 | font-size: 16px; | ||
| 212 | border: 1px solid rgb(28, 108, 122); | ||
| 213 | margin-bottom: 10px; | ||
| 214 | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); | ||
| 215 | -webkit-border-radius: 3px; | ||
| 216 | -moz-border-radius: 3px; | ||
| 217 | border-radius: 3px; | ||
| 218 | -webkit-box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset, | ||
| 219 | 0px 0px 0px 3px rgb(254, 254, 254), | ||
| 220 | 0px 5px 3px 3px rgb(210, 210, 210); | ||
| 221 | -moz-box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset, | ||
| 222 | 0px 0px 0px 3px rgb(254, 254, 254), | ||
| 223 | 0px 5px 3px 3px rgb(210, 210, 210); | ||
| 224 | box-shadow:0px 1px 6px 4px rgba(0, 0, 0, 0.07) inset, | ||
| 225 | 0px 0px 0px 3px rgb(254, 254, 254), | ||
| 226 | 0px 5px 3px 3px rgb(210, 210, 210); | ||
| 227 | -webkit-transition: all 0.2s linear; | ||
| 228 | -moz-transition: all 0.2s linear; | ||
| 229 | -o-transition: all 0.2s linear; | ||
| 230 | transition: all 0.2s linear; | ||
| 231 | } | ||
| 232 | |||
| 233 | /** yerk some ugly IE fixes 'cause I know someone will ask "why does it look ugly in IE?", no matter how many warnings I will put in the article */ | ||
| 234 | |||
| 235 | .lt8 #wrapper h1{ | ||
| 236 | color: #066A75; | ||
| 237 | } | ||
| 238 | .lt8 #register{ | ||
| 239 | display: none; | ||
| 240 | } | ||
| 241 | .lt8 p.change_link, | ||
| 242 | .ie9 p.change_link{ | ||
| 243 | position: absolute; | ||
| 244 | height: 90px; | ||
| 245 | background: transparent; | ||
| 246 | } | ||
| 247 | |||
| 248 | #nav-bar { | ||
| 249 | display: block; | ||
| 250 | position: absolute; | ||
| 251 | left: 5px; | ||
| 252 | top:5px; | ||
| 253 | margin: 0px 0px 0px 0px; | ||
| 254 | width:40px; | ||
| 255 | max-width: 50px; | ||
| 256 | border: 1px solid #bed1df; | ||
| 257 | border-radius: 4%; | ||
| 258 | background-color: white; | ||
| 259 | -webkit-box-shadow: -2px 3px 2px 0px rgba(5, 0, 0, 0.11); | ||
| 260 | -moz-box-shadow: -2px 3px 2px 0px rgba(5, 0, 0, 0.11); | ||
| 261 | box-shadow: -2px 3px 2px 0px rgba(5, 0, 0, 0.11); | ||
| 262 | } | ||
| 263 | |||
| 264 | li { | ||
| 265 | color: #4c7d84; | ||
| 266 | margin: 0; | ||
| 267 | font-family: 'Open Sans', sans-serif; | ||
| 268 | font-size: 0.75em; | ||
| 269 | list-style: none; | ||
| 270 | } | ||
| 271 | |||
| 272 | li.level-one { | ||
| 273 | font-size: 1.5em; | ||
| 274 | text-align: center; | ||
| 275 | border-top: 1px solid #4c7d84; | ||
| 276 | cursor: pointer; | ||
| 277 | } | ||
| 278 | |||
| 279 | li.level-one:first-child { | ||
| 280 | border-top: none; | ||
| 281 | } | ||
| 282 | |||
| 283 | li.level-one:hover { | ||
| 284 | background: #3f8eb9; | ||
| 285 | -webkit-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45); | ||
| 286 | -moz-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45); | ||
| 287 | box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45); | ||
| 288 | } | ||
| 289 | .selected { | ||
| 290 | background: #3f8eb9; | ||
| 291 | -webkit-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45); | ||
| 292 | -moz-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45); | ||
| 293 | box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45); | ||
| 294 | } | ||
| 295 | |||
| 296 | i { | ||
| 297 | color: #4c7d84; | ||
| 298 | margin: 25%; | ||
| 299 | } | ||
| 300 | |||
| 301 | a { | ||
| 302 | color: #3f8eb9; | ||
| 303 | text-decoration: none; | ||
| 304 | } | ||
| 305 | |||
| 306 | .level-one { | ||
| 307 | position: relative; | ||
| 308 | } | ||
| 309 | |||
| 310 | .level-two { | ||
| 311 | display: none; | ||
| 312 | position: absolute; | ||
| 313 | height: 50px; | ||
| 314 | width: 80px; | ||
| 315 | background: #FFFFFF; | ||
| 316 | border-radius: 4px; | ||
| 317 | font-family: 'Open Sans', sans-serif; | ||
| 318 | font-size: 0.65em; | ||
| 319 | text-align: center; | ||
| 320 | } | ||
| 321 | |||
| 322 | .level-two:after { | ||
| 323 | content: ''; | ||
| 324 | position: absolute; | ||
| 325 | border-style: solid; | ||
| 326 | border-width: 9px 9px 9px 0; | ||
| 327 | border-color: transparent #fff; | ||
| 328 | display: block; | ||
| 329 | width: 0; | ||
| 330 | z-index: 1; | ||
| 331 | left: -9px; | ||
| 332 | top: 15px; | ||
| 333 | } | ||
| 334 | |||
| 335 | .level-two li { | ||
| 336 | margin: 15px; | ||
| 337 | } | ||
| 338 | |||
| 339 | .level-one:hover > .level-two { | ||
| 340 | display: block; | ||
| 341 | |||
| 342 | } | ||
| 343 | .level-two { | ||
| 344 | left: 70%; | ||
| 345 | top: 0; | ||
| 346 | } | ||
| 347 | a :visited{ | ||
| 348 | background: #3f8eb9; | ||
| 349 | -webkit-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45); | ||
| 350 | -moz-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45); | ||
| 351 | box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45); | ||
| 352 | } | ||
| 353 | a :hover{ | ||
| 354 | background: #3f8eb9; | ||
| 355 | -webkit-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45); | ||
| 356 | -moz-box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45); | ||
| 357 | box-shadow: inset 1px 1px 10px 1px rgba(0,0,0,0.45); | ||
| 358 | } |
public/css/sweetalert.css
0 → 100644
| 1 | body.stop-scrolling { | ||
| 2 | height: 100%; | ||
| 3 | overflow: hidden; } | ||
| 4 | |||
| 5 | .sweet-overlay { | ||
| 6 | background-color: black; | ||
| 7 | /* IE8 */ | ||
| 8 | -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; | ||
| 9 | /* IE8 */ | ||
| 10 | background-color: rgba(0, 0, 0, 0.4); | ||
| 11 | position: fixed; | ||
| 12 | left: 0; | ||
| 13 | right: 0; | ||
| 14 | top: 0; | ||
| 15 | bottom: 0; | ||
| 16 | display: none; | ||
| 17 | z-index: 10000; } | ||
| 18 | |||
| 19 | .sweet-alert { | ||
| 20 | background-color: white; | ||
| 21 | font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; | ||
| 22 | width: 478px; | ||
| 23 | padding: 17px; | ||
| 24 | border-radius: 5px; | ||
| 25 | text-align: center; | ||
| 26 | position: fixed; | ||
| 27 | left: 50%; | ||
| 28 | top: 50%; | ||
| 29 | margin-left: -256px; | ||
| 30 | margin-top: -200px; | ||
| 31 | overflow: hidden; | ||
| 32 | display: none; | ||
| 33 | z-index: 99999; } | ||
| 34 | @media all and (max-width: 540px) { | ||
| 35 | .sweet-alert { | ||
| 36 | width: auto; | ||
| 37 | margin-left: 0; | ||
| 38 | margin-right: 0; | ||
| 39 | left: 15px; | ||
| 40 | right: 15px; } } | ||
| 41 | .sweet-alert h2 { | ||
| 42 | color: #575757; | ||
| 43 | font-size: 30px; | ||
| 44 | text-align: center; | ||
| 45 | font-weight: 600; | ||
| 46 | text-transform: none; | ||
| 47 | position: relative; | ||
| 48 | margin: 25px 0; | ||
| 49 | padding: 0; | ||
| 50 | line-height: 40px; | ||
| 51 | display: block; } | ||
| 52 | .sweet-alert p { | ||
| 53 | color: #797979; | ||
| 54 | font-size: 16px; | ||
| 55 | text-align: center; | ||
| 56 | font-weight: 300; | ||
| 57 | position: relative; | ||
| 58 | text-align: inherit; | ||
| 59 | float: none; | ||
| 60 | margin: 0; | ||
| 61 | padding: 0; | ||
| 62 | line-height: normal; } | ||
| 63 | .sweet-alert fieldset { | ||
| 64 | border: none; | ||
| 65 | position: relative; } | ||
| 66 | .sweet-alert .sa-error-container { | ||
| 67 | background-color: #f1f1f1; | ||
| 68 | margin-left: -17px; | ||
| 69 | margin-right: -17px; | ||
| 70 | overflow: hidden; | ||
| 71 | padding: 0 10px; | ||
| 72 | max-height: 0; | ||
| 73 | webkit-transition: padding 0.15s, max-height 0.15s; | ||
| 74 | transition: padding 0.15s, max-height 0.15s; } | ||
| 75 | .sweet-alert .sa-error-container.show { | ||
| 76 | padding: 10px 0; | ||
| 77 | max-height: 100px; | ||
| 78 | webkit-transition: padding 0.2s, max-height 0.2s; | ||
| 79 | transition: padding 0.25s, max-height 0.25s; } | ||
| 80 | .sweet-alert .sa-error-container .icon { | ||
| 81 | display: inline-block; | ||
| 82 | width: 24px; | ||
| 83 | height: 24px; | ||
| 84 | border-radius: 50%; | ||
| 85 | background-color: #ea7d7d; | ||
| 86 | color: white; | ||
| 87 | line-height: 24px; | ||
| 88 | text-align: center; | ||
| 89 | margin-right: 3px; } | ||
| 90 | .sweet-alert .sa-error-container p { | ||
| 91 | display: inline-block; } | ||
| 92 | .sweet-alert .sa-input-error { | ||
| 93 | position: absolute; | ||
| 94 | top: 29px; | ||
| 95 | right: 26px; | ||
| 96 | width: 20px; | ||
| 97 | height: 20px; | ||
| 98 | opacity: 0; | ||
| 99 | -webkit-transform: scale(0.5); | ||
| 100 | transform: scale(0.5); | ||
| 101 | -webkit-transform-origin: 50% 50%; | ||
| 102 | transform-origin: 50% 50%; | ||
| 103 | -webkit-transition: all 0.1s; | ||
| 104 | transition: all 0.1s; } | ||
| 105 | .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { | ||
| 106 | content: ""; | ||
| 107 | width: 20px; | ||
| 108 | height: 6px; | ||
| 109 | background-color: #f06e57; | ||
| 110 | border-radius: 3px; | ||
| 111 | position: absolute; | ||
| 112 | top: 50%; | ||
| 113 | margin-top: -4px; | ||
| 114 | left: 50%; | ||
| 115 | margin-left: -9px; } | ||
| 116 | .sweet-alert .sa-input-error::before { | ||
| 117 | -webkit-transform: rotate(-45deg); | ||
| 118 | transform: rotate(-45deg); } | ||
| 119 | .sweet-alert .sa-input-error::after { | ||
| 120 | -webkit-transform: rotate(45deg); | ||
| 121 | transform: rotate(45deg); } | ||
| 122 | .sweet-alert .sa-input-error.show { | ||
| 123 | opacity: 1; | ||
| 124 | -webkit-transform: scale(1); | ||
| 125 | transform: scale(1); } | ||
| 126 | .sweet-alert input { | ||
| 127 | width: 100%; | ||
| 128 | box-sizing: border-box; | ||
| 129 | border-radius: 3px; | ||
| 130 | border: 1px solid #d7d7d7; | ||
| 131 | height: 43px; | ||
| 132 | margin-top: 10px; | ||
| 133 | margin-bottom: 17px; | ||
| 134 | font-size: 18px; | ||
| 135 | box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); | ||
| 136 | padding: 0 12px; | ||
| 137 | display: none; | ||
| 138 | -webkit-transition: all 0.3s; | ||
| 139 | transition: all 0.3s; } | ||
| 140 | .sweet-alert input:focus { | ||
| 141 | outline: none; | ||
| 142 | box-shadow: 0px 0px 3px #c4e6f5; | ||
| 143 | border: 1px solid #b4dbed; } | ||
| 144 | .sweet-alert input:focus::-moz-placeholder { | ||
| 145 | transition: opacity 0.3s 0.03s ease; | ||
| 146 | opacity: 0.5; } | ||
| 147 | .sweet-alert input:focus:-ms-input-placeholder { | ||
| 148 | transition: opacity 0.3s 0.03s ease; | ||
| 149 | opacity: 0.5; } | ||
| 150 | .sweet-alert input:focus::-webkit-input-placeholder { | ||
| 151 | transition: opacity 0.3s 0.03s ease; | ||
| 152 | opacity: 0.5; } | ||
| 153 | .sweet-alert input::-moz-placeholder { | ||
| 154 | color: #bdbdbd; } | ||
| 155 | .sweet-alert input:-ms-input-placeholder { | ||
| 156 | color: #bdbdbd; } | ||
| 157 | .sweet-alert input::-webkit-input-placeholder { | ||
| 158 | color: #bdbdbd; } | ||
| 159 | .sweet-alert.show-input input { | ||
| 160 | display: block; } | ||
| 161 | .sweet-alert .sa-confirm-button-container { | ||
| 162 | display: inline-block; | ||
| 163 | position: relative; } | ||
| 164 | .sweet-alert .la-ball-fall { | ||
| 165 | position: absolute; | ||
| 166 | left: 50%; | ||
| 167 | top: 50%; | ||
| 168 | margin-left: -27px; | ||
| 169 | margin-top: 4px; | ||
| 170 | opacity: 0; | ||
| 171 | visibility: hidden; } | ||
| 172 | .sweet-alert button { | ||
| 173 | background-color: #8CD4F5; | ||
| 174 | color: white; | ||
| 175 | border: none; | ||
| 176 | box-shadow: none; | ||
| 177 | font-size: 17px; | ||
| 178 | font-weight: 500; | ||
| 179 | -webkit-border-radius: 4px; | ||
| 180 | border-radius: 5px; | ||
| 181 | padding: 10px 32px; | ||
| 182 | margin: 26px 5px 0 5px; | ||
| 183 | cursor: pointer; } | ||
| 184 | .sweet-alert button:focus { | ||
| 185 | outline: none; | ||
| 186 | box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } | ||
| 187 | .sweet-alert button:hover { | ||
| 188 | background-color: #7ecff4; } | ||
| 189 | .sweet-alert button:active { | ||
| 190 | background-color: #5dc2f1; } | ||
| 191 | .sweet-alert button.cancel { | ||
| 192 | background-color: #C1C1C1; } | ||
| 193 | .sweet-alert button.cancel:hover { | ||
| 194 | background-color: #b9b9b9; } | ||
| 195 | .sweet-alert button.cancel:active { | ||
| 196 | background-color: #a8a8a8; } | ||
| 197 | .sweet-alert button.cancel:focus { | ||
| 198 | box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } | ||
| 199 | .sweet-alert button[disabled] { | ||
| 200 | opacity: .6; | ||
| 201 | cursor: default; } | ||
| 202 | .sweet-alert button.confirm[disabled] { | ||
| 203 | color: transparent; } | ||
| 204 | .sweet-alert button.confirm[disabled] ~ .la-ball-fall { | ||
| 205 | opacity: 1; | ||
| 206 | visibility: visible; | ||
| 207 | transition-delay: 0s; } | ||
| 208 | .sweet-alert button::-moz-focus-inner { | ||
| 209 | border: 0; } | ||
| 210 | .sweet-alert[data-has-cancel-button=false] button { | ||
| 211 | box-shadow: none !important; } | ||
| 212 | .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { | ||
| 213 | padding-bottom: 40px; } | ||
| 214 | .sweet-alert .sa-icon { | ||
| 215 | width: 80px; | ||
| 216 | height: 80px; | ||
| 217 | border: 4px solid gray; | ||
| 218 | -webkit-border-radius: 40px; | ||
| 219 | border-radius: 40px; | ||
| 220 | border-radius: 50%; | ||
| 221 | margin: 20px auto; | ||
| 222 | padding: 0; | ||
| 223 | position: relative; | ||
| 224 | box-sizing: content-box; } | ||
| 225 | .sweet-alert .sa-icon.sa-error { | ||
| 226 | border-color: #F27474; } | ||
| 227 | .sweet-alert .sa-icon.sa-error .sa-x-mark { | ||
| 228 | position: relative; | ||
| 229 | display: block; } | ||
| 230 | .sweet-alert .sa-icon.sa-error .sa-line { | ||
| 231 | position: absolute; | ||
| 232 | height: 5px; | ||
| 233 | width: 47px; | ||
| 234 | background-color: #F27474; | ||
| 235 | display: block; | ||
| 236 | top: 37px; | ||
| 237 | border-radius: 2px; } | ||
| 238 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { | ||
| 239 | -webkit-transform: rotate(45deg); | ||
| 240 | transform: rotate(45deg); | ||
| 241 | left: 17px; } | ||
| 242 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { | ||
| 243 | -webkit-transform: rotate(-45deg); | ||
| 244 | transform: rotate(-45deg); | ||
| 245 | right: 16px; } | ||
| 246 | .sweet-alert .sa-icon.sa-warning { | ||
| 247 | border-color: #F8BB86; } | ||
| 248 | .sweet-alert .sa-icon.sa-warning .sa-body { | ||
| 249 | position: absolute; | ||
| 250 | width: 5px; | ||
| 251 | height: 47px; | ||
| 252 | left: 50%; | ||
| 253 | top: 10px; | ||
| 254 | -webkit-border-radius: 2px; | ||
| 255 | border-radius: 2px; | ||
| 256 | margin-left: -2px; | ||
| 257 | background-color: #F8BB86; } | ||
| 258 | .sweet-alert .sa-icon.sa-warning .sa-dot { | ||
| 259 | position: absolute; | ||
| 260 | width: 7px; | ||
| 261 | height: 7px; | ||
| 262 | -webkit-border-radius: 50%; | ||
| 263 | border-radius: 50%; | ||
| 264 | margin-left: -3px; | ||
| 265 | left: 50%; | ||
| 266 | bottom: 10px; | ||
| 267 | background-color: #F8BB86; } | ||
| 268 | .sweet-alert .sa-icon.sa-info { | ||
| 269 | border-color: #C9DAE1; } | ||
| 270 | .sweet-alert .sa-icon.sa-info::before { | ||
| 271 | content: ""; | ||
| 272 | position: absolute; | ||
| 273 | width: 5px; | ||
| 274 | height: 29px; | ||
| 275 | left: 50%; | ||
| 276 | bottom: 17px; | ||
| 277 | border-radius: 2px; | ||
| 278 | margin-left: -2px; | ||
| 279 | background-color: #C9DAE1; } | ||
| 280 | .sweet-alert .sa-icon.sa-info::after { | ||
| 281 | content: ""; | ||
| 282 | position: absolute; | ||
| 283 | width: 7px; | ||
| 284 | height: 7px; | ||
| 285 | border-radius: 50%; | ||
| 286 | margin-left: -3px; | ||
| 287 | top: 19px; | ||
| 288 | background-color: #C9DAE1; } | ||
| 289 | .sweet-alert .sa-icon.sa-success { | ||
| 290 | border-color: #A5DC86; } | ||
| 291 | .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { | ||
| 292 | content: ''; | ||
| 293 | -webkit-border-radius: 40px; | ||
| 294 | border-radius: 40px; | ||
| 295 | border-radius: 50%; | ||
| 296 | position: absolute; | ||
| 297 | width: 60px; | ||
| 298 | height: 120px; | ||
| 299 | background: white; | ||
| 300 | -webkit-transform: rotate(45deg); | ||
| 301 | transform: rotate(45deg); } | ||
| 302 | .sweet-alert .sa-icon.sa-success::before { | ||
| 303 | -webkit-border-radius: 120px 0 0 120px; | ||
| 304 | border-radius: 120px 0 0 120px; | ||
| 305 | top: -7px; | ||
| 306 | left: -33px; | ||
| 307 | -webkit-transform: rotate(-45deg); | ||
| 308 | transform: rotate(-45deg); | ||
| 309 | -webkit-transform-origin: 60px 60px; | ||
| 310 | transform-origin: 60px 60px; } | ||
| 311 | .sweet-alert .sa-icon.sa-success::after { | ||
| 312 | -webkit-border-radius: 0 120px 120px 0; | ||
| 313 | border-radius: 0 120px 120px 0; | ||
| 314 | top: -11px; | ||
| 315 | left: 30px; | ||
| 316 | -webkit-transform: rotate(-45deg); | ||
| 317 | transform: rotate(-45deg); | ||
| 318 | -webkit-transform-origin: 0px 60px; | ||
| 319 | transform-origin: 0px 60px; } | ||
| 320 | .sweet-alert .sa-icon.sa-success .sa-placeholder { | ||
| 321 | width: 80px; | ||
| 322 | height: 80px; | ||
| 323 | border: 4px solid rgba(165, 220, 134, 0.2); | ||
| 324 | -webkit-border-radius: 40px; | ||
| 325 | border-radius: 40px; | ||
| 326 | border-radius: 50%; | ||
| 327 | box-sizing: content-box; | ||
| 328 | position: absolute; | ||
| 329 | left: -4px; | ||
| 330 | top: -4px; | ||
| 331 | z-index: 2; } | ||
| 332 | .sweet-alert .sa-icon.sa-success .sa-fix { | ||
| 333 | width: 5px; | ||
| 334 | height: 90px; | ||
| 335 | background-color: white; | ||
| 336 | position: absolute; | ||
| 337 | left: 28px; | ||
| 338 | top: 8px; | ||
| 339 | z-index: 1; | ||
| 340 | -webkit-transform: rotate(-45deg); | ||
| 341 | transform: rotate(-45deg); } | ||
| 342 | .sweet-alert .sa-icon.sa-success .sa-line { | ||
| 343 | height: 5px; | ||
| 344 | background-color: #A5DC86; | ||
| 345 | display: block; | ||
| 346 | border-radius: 2px; | ||
| 347 | position: absolute; | ||
| 348 | z-index: 2; } | ||
| 349 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { | ||
| 350 | width: 25px; | ||
| 351 | left: 14px; | ||
| 352 | top: 46px; | ||
| 353 | -webkit-transform: rotate(45deg); | ||
| 354 | transform: rotate(45deg); } | ||
| 355 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { | ||
| 356 | width: 47px; | ||
| 357 | right: 8px; | ||
| 358 | top: 38px; | ||
| 359 | -webkit-transform: rotate(-45deg); | ||
| 360 | transform: rotate(-45deg); } | ||
| 361 | .sweet-alert .sa-icon.sa-custom { | ||
| 362 | background-size: contain; | ||
| 363 | border-radius: 0; | ||
| 364 | border: none; | ||
| 365 | background-position: center center; | ||
| 366 | background-repeat: no-repeat; } | ||
| 367 | |||
| 368 | /* | ||
| 369 | * Animations | ||
| 370 | */ | ||
| 371 | @-webkit-keyframes showSweetAlert { | ||
| 372 | 0% { | ||
| 373 | transform: scale(0.7); | ||
| 374 | -webkit-transform: scale(0.7); } | ||
| 375 | 45% { | ||
| 376 | transform: scale(1.05); | ||
| 377 | -webkit-transform: scale(1.05); } | ||
| 378 | 80% { | ||
| 379 | transform: scale(0.95); | ||
| 380 | -webkit-transform: scale(0.95); } | ||
| 381 | 100% { | ||
| 382 | transform: scale(1); | ||
| 383 | -webkit-transform: scale(1); } } | ||
| 384 | |||
| 385 | @keyframes showSweetAlert { | ||
| 386 | 0% { | ||
| 387 | transform: scale(0.7); | ||
| 388 | -webkit-transform: scale(0.7); } | ||
| 389 | 45% { | ||
| 390 | transform: scale(1.05); | ||
| 391 | -webkit-transform: scale(1.05); } | ||
| 392 | 80% { | ||
| 393 | transform: scale(0.95); | ||
| 394 | -webkit-transform: scale(0.95); } | ||
| 395 | 100% { | ||
| 396 | transform: scale(1); | ||
| 397 | -webkit-transform: scale(1); } } | ||
| 398 | |||
| 399 | @-webkit-keyframes hideSweetAlert { | ||
| 400 | 0% { | ||
| 401 | transform: scale(1); | ||
| 402 | -webkit-transform: scale(1); } | ||
| 403 | 100% { | ||
| 404 | transform: scale(0.5); | ||
| 405 | -webkit-transform: scale(0.5); } } | ||
| 406 | |||
| 407 | @keyframes hideSweetAlert { | ||
| 408 | 0% { | ||
| 409 | transform: scale(1); | ||
| 410 | -webkit-transform: scale(1); } | ||
| 411 | 100% { | ||
| 412 | transform: scale(0.5); | ||
| 413 | -webkit-transform: scale(0.5); } } | ||
| 414 | |||
| 415 | @-webkit-keyframes slideFromTop { | ||
| 416 | 0% { | ||
| 417 | top: 0%; } | ||
| 418 | 100% { | ||
| 419 | top: 50%; } } | ||
| 420 | |||
| 421 | @keyframes slideFromTop { | ||
| 422 | 0% { | ||
| 423 | top: 0%; } | ||
| 424 | 100% { | ||
| 425 | top: 50%; } } | ||
| 426 | |||
| 427 | @-webkit-keyframes slideToTop { | ||
| 428 | 0% { | ||
| 429 | top: 50%; } | ||
| 430 | 100% { | ||
| 431 | top: 0%; } } | ||
| 432 | |||
| 433 | @keyframes slideToTop { | ||
| 434 | 0% { | ||
| 435 | top: 50%; } | ||
| 436 | 100% { | ||
| 437 | top: 0%; } } | ||
| 438 | |||
| 439 | @-webkit-keyframes slideFromBottom { | ||
| 440 | 0% { | ||
| 441 | top: 70%; } | ||
| 442 | 100% { | ||
| 443 | top: 50%; } } | ||
| 444 | |||
| 445 | @keyframes slideFromBottom { | ||
| 446 | 0% { | ||
| 447 | top: 70%; } | ||
| 448 | 100% { | ||
| 449 | top: 50%; } } | ||
| 450 | |||
| 451 | @-webkit-keyframes slideToBottom { | ||
| 452 | 0% { | ||
| 453 | top: 50%; } | ||
| 454 | 100% { | ||
| 455 | top: 70%; } } | ||
| 456 | |||
| 457 | @keyframes slideToBottom { | ||
| 458 | 0% { | ||
| 459 | top: 50%; } | ||
| 460 | 100% { | ||
| 461 | top: 70%; } } | ||
| 462 | |||
| 463 | .showSweetAlert[data-animation=pop] { | ||
| 464 | -webkit-animation: showSweetAlert 0.3s; | ||
| 465 | animation: showSweetAlert 0.3s; } | ||
| 466 | |||
| 467 | .showSweetAlert[data-animation=none] { | ||
| 468 | -webkit-animation: none; | ||
| 469 | animation: none; } | ||
| 470 | |||
| 471 | .showSweetAlert[data-animation=slide-from-top] { | ||
| 472 | -webkit-animation: slideFromTop 0.3s; | ||
| 473 | animation: slideFromTop 0.3s; } | ||
| 474 | |||
| 475 | .showSweetAlert[data-animation=slide-from-bottom] { | ||
| 476 | -webkit-animation: slideFromBottom 0.3s; | ||
| 477 | animation: slideFromBottom 0.3s; } | ||
| 478 | |||
| 479 | .hideSweetAlert[data-animation=pop] { | ||
| 480 | -webkit-animation: hideSweetAlert 0.2s; | ||
| 481 | animation: hideSweetAlert 0.2s; } | ||
| 482 | |||
| 483 | .hideSweetAlert[data-animation=none] { | ||
| 484 | -webkit-animation: none; | ||
| 485 | animation: none; } | ||
| 486 | |||
| 487 | .hideSweetAlert[data-animation=slide-from-top] { | ||
| 488 | -webkit-animation: slideToTop 0.4s; | ||
| 489 | animation: slideToTop 0.4s; } | ||
| 490 | |||
| 491 | .hideSweetAlert[data-animation=slide-from-bottom] { | ||
| 492 | -webkit-animation: slideToBottom 0.3s; | ||
| 493 | animation: slideToBottom 0.3s; } | ||
| 494 | |||
| 495 | @-webkit-keyframes animateSuccessTip { | ||
| 496 | 0% { | ||
| 497 | width: 0; | ||
| 498 | left: 1px; | ||
| 499 | top: 19px; } | ||
| 500 | 54% { | ||
| 501 | width: 0; | ||
| 502 | left: 1px; | ||
| 503 | top: 19px; } | ||
| 504 | 70% { | ||
| 505 | width: 50px; | ||
| 506 | left: -8px; | ||
| 507 | top: 37px; } | ||
| 508 | 84% { | ||
| 509 | width: 17px; | ||
| 510 | left: 21px; | ||
| 511 | top: 48px; } | ||
| 512 | 100% { | ||
| 513 | width: 25px; | ||
| 514 | left: 14px; | ||
| 515 | top: 45px; } } | ||
| 516 | |||
| 517 | @keyframes animateSuccessTip { | ||
| 518 | 0% { | ||
| 519 | width: 0; | ||
| 520 | left: 1px; | ||
| 521 | top: 19px; } | ||
| 522 | 54% { | ||
| 523 | width: 0; | ||
| 524 | left: 1px; | ||
| 525 | top: 19px; } | ||
| 526 | 70% { | ||
| 527 | width: 50px; | ||
| 528 | left: -8px; | ||
| 529 | top: 37px; } | ||
| 530 | 84% { | ||
| 531 | width: 17px; | ||
| 532 | left: 21px; | ||
| 533 | top: 48px; } | ||
| 534 | 100% { | ||
| 535 | width: 25px; | ||
| 536 | left: 14px; | ||
| 537 | top: 45px; } } | ||
| 538 | |||
| 539 | @-webkit-keyframes animateSuccessLong { | ||
| 540 | 0% { | ||
| 541 | width: 0; | ||
| 542 | right: 46px; | ||
| 543 | top: 54px; } | ||
| 544 | 65% { | ||
| 545 | width: 0; | ||
| 546 | right: 46px; | ||
| 547 | top: 54px; } | ||
| 548 | 84% { | ||
| 549 | width: 55px; | ||
| 550 | right: 0px; | ||
| 551 | top: 35px; } | ||
| 552 | 100% { | ||
| 553 | width: 47px; | ||
| 554 | right: 8px; | ||
| 555 | top: 38px; } } | ||
| 556 | |||
| 557 | @keyframes animateSuccessLong { | ||
| 558 | 0% { | ||
| 559 | width: 0; | ||
| 560 | right: 46px; | ||
| 561 | top: 54px; } | ||
| 562 | 65% { | ||
| 563 | width: 0; | ||
| 564 | right: 46px; | ||
| 565 | top: 54px; } | ||
| 566 | 84% { | ||
| 567 | width: 55px; | ||
| 568 | right: 0px; | ||
| 569 | top: 35px; } | ||
| 570 | 100% { | ||
| 571 | width: 47px; | ||
| 572 | right: 8px; | ||
| 573 | top: 38px; } } | ||
| 574 | |||
| 575 | @-webkit-keyframes rotatePlaceholder { | ||
| 576 | 0% { | ||
| 577 | transform: rotate(-45deg); | ||
| 578 | -webkit-transform: rotate(-45deg); } | ||
| 579 | 5% { | ||
| 580 | transform: rotate(-45deg); | ||
| 581 | -webkit-transform: rotate(-45deg); } | ||
| 582 | 12% { | ||
| 583 | transform: rotate(-405deg); | ||
| 584 | -webkit-transform: rotate(-405deg); } | ||
| 585 | 100% { | ||
| 586 | transform: rotate(-405deg); | ||
| 587 | -webkit-transform: rotate(-405deg); } } | ||
| 588 | |||
| 589 | @keyframes rotatePlaceholder { | ||
| 590 | 0% { | ||
| 591 | transform: rotate(-45deg); | ||
| 592 | -webkit-transform: rotate(-45deg); } | ||
| 593 | 5% { | ||
| 594 | transform: rotate(-45deg); | ||
| 595 | -webkit-transform: rotate(-45deg); } | ||
| 596 | 12% { | ||
| 597 | transform: rotate(-405deg); | ||
| 598 | -webkit-transform: rotate(-405deg); } | ||
| 599 | 100% { | ||
| 600 | transform: rotate(-405deg); | ||
| 601 | -webkit-transform: rotate(-405deg); } } | ||
| 602 | |||
| 603 | .animateSuccessTip { | ||
| 604 | -webkit-animation: animateSuccessTip 0.75s; | ||
| 605 | animation: animateSuccessTip 0.75s; } | ||
| 606 | |||
| 607 | .animateSuccessLong { | ||
| 608 | -webkit-animation: animateSuccessLong 0.75s; | ||
| 609 | animation: animateSuccessLong 0.75s; } | ||
| 610 | |||
| 611 | .sa-icon.sa-success.animate::after { | ||
| 612 | -webkit-animation: rotatePlaceholder 4.25s ease-in; | ||
| 613 | animation: rotatePlaceholder 4.25s ease-in; } | ||
| 614 | |||
| 615 | @-webkit-keyframes animateErrorIcon { | ||
| 616 | 0% { | ||
| 617 | transform: rotateX(100deg); | ||
| 618 | -webkit-transform: rotateX(100deg); | ||
| 619 | opacity: 0; } | ||
| 620 | 100% { | ||
| 621 | transform: rotateX(0deg); | ||
| 622 | -webkit-transform: rotateX(0deg); | ||
| 623 | opacity: 1; } } | ||
| 624 | |||
| 625 | @keyframes animateErrorIcon { | ||
| 626 | 0% { | ||
| 627 | transform: rotateX(100deg); | ||
| 628 | -webkit-transform: rotateX(100deg); | ||
| 629 | opacity: 0; } | ||
| 630 | 100% { | ||
| 631 | transform: rotateX(0deg); | ||
| 632 | -webkit-transform: rotateX(0deg); | ||
| 633 | opacity: 1; } } | ||
| 634 | |||
| 635 | .animateErrorIcon { | ||
| 636 | -webkit-animation: animateErrorIcon 0.5s; | ||
| 637 | animation: animateErrorIcon 0.5s; } | ||
| 638 | |||
| 639 | @-webkit-keyframes animateXMark { | ||
| 640 | 0% { | ||
| 641 | transform: scale(0.4); | ||
| 642 | -webkit-transform: scale(0.4); | ||
| 643 | margin-top: 26px; | ||
| 644 | opacity: 0; } | ||
| 645 | 50% { | ||
| 646 | transform: scale(0.4); | ||
| 647 | -webkit-transform: scale(0.4); | ||
| 648 | margin-top: 26px; | ||
| 649 | opacity: 0; } | ||
| 650 | 80% { | ||
| 651 | transform: scale(1.15); | ||
| 652 | -webkit-transform: scale(1.15); | ||
| 653 | margin-top: -6px; } | ||
| 654 | 100% { | ||
| 655 | transform: scale(1); | ||
| 656 | -webkit-transform: scale(1); | ||
| 657 | margin-top: 0; | ||
| 658 | opacity: 1; } } | ||
| 659 | |||
| 660 | @keyframes animateXMark { | ||
| 661 | 0% { | ||
| 662 | transform: scale(0.4); | ||
| 663 | -webkit-transform: scale(0.4); | ||
| 664 | margin-top: 26px; | ||
| 665 | opacity: 0; } | ||
| 666 | 50% { | ||
| 667 | transform: scale(0.4); | ||
| 668 | -webkit-transform: scale(0.4); | ||
| 669 | margin-top: 26px; | ||
| 670 | opacity: 0; } | ||
| 671 | 80% { | ||
| 672 | transform: scale(1.15); | ||
| 673 | -webkit-transform: scale(1.15); | ||
| 674 | margin-top: -6px; } | ||
| 675 | 100% { | ||
| 676 | transform: scale(1); | ||
| 677 | -webkit-transform: scale(1); | ||
| 678 | margin-top: 0; | ||
| 679 | opacity: 1; } } | ||
| 680 | |||
| 681 | .animateXMark { | ||
| 682 | -webkit-animation: animateXMark 0.5s; | ||
| 683 | animation: animateXMark 0.5s; } | ||
| 684 | |||
| 685 | @-webkit-keyframes pulseWarning { | ||
| 686 | 0% { | ||
| 687 | border-color: #F8D486; } | ||
| 688 | 100% { | ||
| 689 | border-color: #F8BB86; } } | ||
| 690 | |||
| 691 | @keyframes pulseWarning { | ||
| 692 | 0% { | ||
| 693 | border-color: #F8D486; } | ||
| 694 | 100% { | ||
| 695 | border-color: #F8BB86; } } | ||
| 696 | |||
| 697 | .pulseWarning { | ||
| 698 | -webkit-animation: pulseWarning 0.75s infinite alternate; | ||
| 699 | animation: pulseWarning 0.75s infinite alternate; } | ||
| 700 | |||
| 701 | @-webkit-keyframes pulseWarningIns { | ||
| 702 | 0% { | ||
| 703 | background-color: #F8D486; } | ||
| 704 | 100% { | ||
| 705 | background-color: #F8BB86; } } | ||
| 706 | |||
| 707 | @keyframes pulseWarningIns { | ||
| 708 | 0% { | ||
| 709 | background-color: #F8D486; } | ||
| 710 | 100% { | ||
| 711 | background-color: #F8BB86; } } | ||
| 712 | |||
| 713 | .pulseWarningIns { | ||
| 714 | -webkit-animation: pulseWarningIns 0.75s infinite alternate; | ||
| 715 | animation: pulseWarningIns 0.75s infinite alternate; } | ||
| 716 | |||
| 717 | @-webkit-keyframes rotate-loading { | ||
| 718 | 0% { | ||
| 719 | transform: rotate(0deg); } | ||
| 720 | 100% { | ||
| 721 | transform: rotate(360deg); } } | ||
| 722 | |||
| 723 | @keyframes rotate-loading { | ||
| 724 | 0% { | ||
| 725 | transform: rotate(0deg); } | ||
| 726 | 100% { | ||
| 727 | transform: rotate(360deg); } } | ||
| 728 | |||
| 729 | /* Internet Explorer 9 has some special quirks that are fixed here */ | ||
| 730 | /* The icons are not animated. */ | ||
| 731 | /* This file is automatically merged into sweet-alert.min.js through Gulp */ | ||
| 732 | /* Error icon */ | ||
| 733 | .sweet-alert .sa-icon.sa-error .sa-line.sa-left { | ||
| 734 | -ms-transform: rotate(45deg) \9; } | ||
| 735 | |||
| 736 | .sweet-alert .sa-icon.sa-error .sa-line.sa-right { | ||
| 737 | -ms-transform: rotate(-45deg) \9; } | ||
| 738 | |||
| 739 | /* Success icon */ | ||
| 740 | .sweet-alert .sa-icon.sa-success { | ||
| 741 | border-color: transparent\9; } | ||
| 742 | |||
| 743 | .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { | ||
| 744 | -ms-transform: rotate(45deg) \9; } | ||
| 745 | |||
| 746 | .sweet-alert .sa-icon.sa-success .sa-line.sa-long { | ||
| 747 | -ms-transform: rotate(-45deg) \9; } | ||
| 748 | |||
| 749 | /*! | ||
| 750 | * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) | ||
| 751 | * Copyright 2015 Daniel Cardoso <@DanielCardoso> | ||
| 752 | * Licensed under MIT | ||
| 753 | */ | ||
| 754 | .la-ball-fall, | ||
| 755 | .la-ball-fall > div { | ||
| 756 | position: relative; | ||
| 757 | -webkit-box-sizing: border-box; | ||
| 758 | -moz-box-sizing: border-box; | ||
| 759 | box-sizing: border-box; } | ||
| 760 | |||
| 761 | .la-ball-fall { | ||
| 762 | display: block; | ||
| 763 | font-size: 0; | ||
| 764 | color: #fff; } | ||
| 765 | |||
| 766 | .la-ball-fall.la-dark { | ||
| 767 | color: #333; } | ||
| 768 | |||
| 769 | .la-ball-fall > div { | ||
| 770 | display: inline-block; | ||
| 771 | float: none; | ||
| 772 | background-color: currentColor; | ||
| 773 | border: 0 solid currentColor; } | ||
| 774 | |||
| 775 | .la-ball-fall { | ||
| 776 | width: 54px; | ||
| 777 | height: 18px; } | ||
| 778 | |||
| 779 | .la-ball-fall > div { | ||
| 780 | width: 10px; | ||
| 781 | height: 10px; | ||
| 782 | margin: 4px; | ||
| 783 | border-radius: 100%; | ||
| 784 | opacity: 0; | ||
| 785 | -webkit-animation: ball-fall 1s ease-in-out infinite; | ||
| 786 | -moz-animation: ball-fall 1s ease-in-out infinite; | ||
| 787 | -o-animation: ball-fall 1s ease-in-out infinite; | ||
| 788 | animation: ball-fall 1s ease-in-out infinite; } | ||
| 789 | |||
| 790 | .la-ball-fall > div:nth-child(1) { | ||
| 791 | -webkit-animation-delay: -200ms; | ||
| 792 | -moz-animation-delay: -200ms; | ||
| 793 | -o-animation-delay: -200ms; | ||
| 794 | animation-delay: -200ms; } | ||
| 795 | |||
| 796 | .la-ball-fall > div:nth-child(2) { | ||
| 797 | -webkit-animation-delay: -100ms; | ||
| 798 | -moz-animation-delay: -100ms; | ||
| 799 | -o-animation-delay: -100ms; | ||
| 800 | animation-delay: -100ms; } | ||
| 801 | |||
| 802 | .la-ball-fall > div:nth-child(3) { | ||
| 803 | -webkit-animation-delay: 0ms; | ||
| 804 | -moz-animation-delay: 0ms; | ||
| 805 | -o-animation-delay: 0ms; | ||
| 806 | animation-delay: 0ms; } | ||
| 807 | |||
| 808 | .la-ball-fall.la-sm { | ||
| 809 | width: 26px; | ||
| 810 | height: 8px; } | ||
| 811 | |||
| 812 | .la-ball-fall.la-sm > div { | ||
| 813 | width: 4px; | ||
| 814 | height: 4px; | ||
| 815 | margin: 2px; } | ||
| 816 | |||
| 817 | .la-ball-fall.la-2x { | ||
| 818 | width: 108px; | ||
| 819 | height: 36px; } | ||
| 820 | |||
| 821 | .la-ball-fall.la-2x > div { | ||
| 822 | width: 20px; | ||
| 823 | height: 20px; | ||
| 824 | margin: 8px; } | ||
| 825 | |||
| 826 | .la-ball-fall.la-3x { | ||
| 827 | width: 162px; | ||
| 828 | height: 54px; } | ||
| 829 | |||
| 830 | .la-ball-fall.la-3x > div { | ||
| 831 | width: 30px; | ||
| 832 | height: 30px; | ||
| 833 | margin: 12px; } | ||
| 834 | |||
| 835 | /* | ||
| 836 | * Animation | ||
| 837 | */ | ||
| 838 | @-webkit-keyframes ball-fall { | ||
| 839 | 0% { | ||
| 840 | opacity: 0; | ||
| 841 | -webkit-transform: translateY(-145%); | ||
| 842 | transform: translateY(-145%); } | ||
| 843 | 10% { | ||
| 844 | opacity: .5; } | ||
| 845 | 20% { | ||
| 846 | opacity: 1; | ||
| 847 | -webkit-transform: translateY(0); | ||
| 848 | transform: translateY(0); } | ||
| 849 | 80% { | ||
| 850 | opacity: 1; | ||
| 851 | -webkit-transform: translateY(0); | ||
| 852 | transform: translateY(0); } | ||
| 853 | 90% { | ||
| 854 | opacity: .5; } | ||
| 855 | 100% { | ||
| 856 | opacity: 0; | ||
| 857 | -webkit-transform: translateY(145%); | ||
| 858 | transform: translateY(145%); } } | ||
| 859 | |||
| 860 | @-moz-keyframes ball-fall { | ||
| 861 | 0% { | ||
| 862 | opacity: 0; | ||
| 863 | -moz-transform: translateY(-145%); | ||
| 864 | transform: translateY(-145%); } | ||
| 865 | 10% { | ||
| 866 | opacity: .5; } | ||
| 867 | 20% { | ||
| 868 | opacity: 1; | ||
| 869 | -moz-transform: translateY(0); | ||
| 870 | transform: translateY(0); } | ||
| 871 | 80% { | ||
| 872 | opacity: 1; | ||
| 873 | -moz-transform: translateY(0); | ||
| 874 | transform: translateY(0); } | ||
| 875 | 90% { | ||
| 876 | opacity: .5; } | ||
| 877 | 100% { | ||
| 878 | opacity: 0; | ||
| 879 | -moz-transform: translateY(145%); | ||
| 880 | transform: translateY(145%); } } | ||
| 881 | |||
| 882 | @-o-keyframes ball-fall { | ||
| 883 | 0% { | ||
| 884 | opacity: 0; | ||
| 885 | -o-transform: translateY(-145%); | ||
| 886 | transform: translateY(-145%); } | ||
| 887 | 10% { | ||
| 888 | opacity: .5; } | ||
| 889 | 20% { | ||
| 890 | opacity: 1; | ||
| 891 | -o-transform: translateY(0); | ||
| 892 | transform: translateY(0); } | ||
| 893 | 80% { | ||
| 894 | opacity: 1; | ||
| 895 | -o-transform: translateY(0); | ||
| 896 | transform: translateY(0); } | ||
| 897 | 90% { | ||
| 898 | opacity: .5; } | ||
| 899 | 100% { | ||
| 900 | opacity: 0; | ||
| 901 | -o-transform: translateY(145%); | ||
| 902 | transform: translateY(145%); } } | ||
| 903 | |||
| 904 | @keyframes ball-fall { | ||
| 905 | 0% { | ||
| 906 | opacity: 0; | ||
| 907 | -webkit-transform: translateY(-145%); | ||
| 908 | -moz-transform: translateY(-145%); | ||
| 909 | -o-transform: translateY(-145%); | ||
| 910 | transform: translateY(-145%); } | ||
| 911 | 10% { | ||
| 912 | opacity: .5; } | ||
| 913 | 20% { | ||
| 914 | opacity: 1; | ||
| 915 | -webkit-transform: translateY(0); | ||
| 916 | -moz-transform: translateY(0); | ||
| 917 | -o-transform: translateY(0); | ||
| 918 | transform: translateY(0); } | ||
| 919 | 80% { | ||
| 920 | opacity: 1; | ||
| 921 | -webkit-transform: translateY(0); | ||
| 922 | -moz-transform: translateY(0); | ||
| 923 | -o-transform: translateY(0); | ||
| 924 | transform: translateY(0); } | ||
| 925 | 90% { | ||
| 926 | opacity: .5; } | ||
| 927 | 100% { | ||
| 928 | opacity: 0; | ||
| 929 | -webkit-transform: translateY(145%); | ||
| 930 | -moz-transform: translateY(145%); | ||
| 931 | -o-transform: translateY(145%); | ||
| 932 | transform: translateY(145%); } } |
public/css/widgets.css
0 → 100644
| 1 | .cesium-svgPath-svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}.cesium-button{display:inline-block;position:relative;background:#303336;border:1px solid #444;color:#edffff;fill:#edffff;border-radius:4px;padding:5px 12px;margin:2px 3px;cursor:pointer;overflow:hidden;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.cesium-button:focus{color:#fff;fill:#fff;border-color:#ea4;outline:none;}.cesium-button:hover{color:#fff;fill:#fff;background:#48b;border-color:#aef;box-shadow:0 0 8px #fff;}.cesium-button:active{color:#000;fill:#000;background:#adf;border-color:#fff;box-shadow:0 0 8px #fff;}.cesium-button:disabled,.cesium-button-disabled,.cesium-button-disabled:focus,.cesium-button-disabled:hover,.cesium-button-disabled:active{background:#303336;border-color:#444;color:#646464;fill:#646464;box-shadow:none;cursor:default;}.cesium-button option{background-color:#000;color:#eee;}.cesium-button option:disabled{color:#777;}.cesium-button input,.cesium-button label{cursor:pointer;}.cesium-button input{vertical-align:sub;}.cesium-toolbar-button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:32px;height:32px;border-radius:14%;padding:0;vertical-align:middle;z-index:0;}.cesium-performanceDisplay-defaultContainer{position:absolute;top:50px;right:10px;text-align:right;}.cesium-performanceDisplay{background-color:rgba(40,40,40,0.7);padding:7px;border-radius:5px;border:1px solid #444;font:bold 12px sans-serif;}.cesium-performanceDisplay-fps{color:#e52;}.cesium-performanceDisplay-ms{color:#de3;}.cesium-animation-theme{visibility:hidden;display:block;position:absolute;z-index:-100;}.cesium-animation-themeNormal{color:#222;}.cesium-animation-themeHover{color:#4488B0;}.cesium-animation-themeSelect{color:#242;}.cesium-animation-themeDisabled{color:#333;}.cesium-animation-themeKnob{color:#222;}.cesium-animation-themePointer{color:#2E2;}.cesium-animation-themeSwoosh{color:#8AC;}.cesium-animation-themeSwooshHover{color:#AEF;}.cesium-animation-svgText{fill:#edffff;font-family:Sans-Serif;font-size:15px;text-anchor:middle;}.cesium-animation-blank{fill:#000;fill-opacity:0.01;stroke:none;}.cesium-animation-rectButton{cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.cesium-animation-rectButton .cesium-animation-buttonGlow{fill:#fff;stroke:none;display:none;}.cesium-animation-rectButton:hover .cesium-animation-buttonGlow{display:block;}.cesium-animation-rectButton .cesium-animation-buttonPath{fill:#edffff;}.cesium-animation-rectButton .cesium-animation-buttonMain{stroke:#444;stroke-width:1.2;}.cesium-animation-rectButton:hover .cesium-animation-buttonMain{stroke:#AEF;}.cesium-animation-rectButton:active .cesium-animation-buttonMain{fill:#ABD6FF;}.cesium-animation-buttonDisabled{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}.cesium-animation-buttonDisabled .cesium-animation-buttonMain{stroke:#555;}.cesium-animation-buttonDisabled .cesium-animation-buttonPath{fill:#818181;}.cesium-animation-buttonDisabled .cesium-animation-buttonGlow{display:none;}.cesium-animation-buttonToggled .cesium-animation-buttonGlow{display:block;fill:#2E2;}.cesium-animation-buttonToggled .cesium-animation-buttonMain{stroke:#2E2;}.cesium-animation-buttonToggled:hover .cesium-animation-buttonGlow{fill:#fff;}.cesium-animation-buttonToggled:hover .cesium-animation-buttonMain{stroke:#2E2;}.cesium-animation-shuttleRingG{cursor:pointer;}.cesium-animation-shuttleRingPointer{cursor:pointer;}.cesium-animation-shuttleRingPausePointer{cursor:pointer;}.cesium-animation-shuttleRingBack{fill:#181818;fill-opacity:0.8;stroke:#333;stroke-width:1.2;}.cesium-animation-shuttleRingSwoosh line{stroke:#8AC;stroke-width:3;stroke-opacity:0.2;stroke-linecap:round;}.cesium-animation-knobOuter{cursor:pointer;stroke:#444;stroke-width:1.2;}.cesium-animation-knobInner{cursor:pointer;}.cesium-baseLayerPicker-selected{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}.cesium-baseLayerPicker-dropDown{display:block;position:absolute;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;top:auto;right:0;width:320px;max-height:500px;margin-top:5px;background-color:rgba(38,38,38,0.75);border:1px solid #444;padding:6px;overflow:auto;border-radius:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translate(0,-20%);-moz-transform:translate(0,-20%);transform:translate(0,-20%);visibility:hidden;opacity:0;-webkit-transition:visibility 0s 0.2s,opacity 0.2s ease-in,-webkit-transform 0.2s ease-in;-moz-transition:visibility 0s 0.2s,opacity 0.2s ease-in,-moz-transform 0.2s ease-in;transition:visibility 0s 0.2s,opacity 0.2s ease-in,transform 0.2s ease-in;}.cesium-baseLayerPicker-dropDown-visible{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);visibility:visible;opacity:1;-webkit-transition:opacity 0.2s ease-out,-webkit-transform 0.2s ease-out;-moz-transition:opacity 0.2s ease-out,-moz-transform 0.2s ease-out;transition:opacity 0.2s ease-out,transform 0.2s ease-out;}.cesium-baseLayerPicker-sectionTitle{display:block;font-family:sans-serif;font-size:16pt;text-align:left;color:#edffff;border-bottom:1px solid #888;margin-bottom:4px;}.cesium-baseLayerPicker-choices{display:block;position:relative;top:auto;right:0;}.cesium-baseLayerPicker-item{display:inline-block;vertical-align:top;margin:2px 5px;width:64px;text-align:center;cursor:pointer;}.cesium-baseLayerPicker-itemLabel{display:block;font-family:sans-serif;font-size:8pt;text-align:center;vertical-align:middle;color:#edffff;cursor:pointer;word-wrap:break-word;}.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemLabel,.cesium-baseLayerPicker-item:focus .cesium-baseLayerPicker-itemLabel{text-decoration:underline;}.cesium-baseLayerPicker-itemIcon{display:inline-block;position:relative;width:inherit;height:auto;background-size:100% 100%;border:solid 1px #444;border-radius:9px;color:#edffff;margin:0;padding:0;cursor:pointer;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemIcon{border-color:#fff;box-shadow:0 0 8px #fff,0 0 8px #fff;}.cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemLabel{color:rgb(189,236,248);}.cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemIcon{border:double 4px rgb(189,236,248);}.cesium-widget{position:relative;}.cesium-widget,.cesium-widget canvas{width:100%;height:100%;touch-action:none;}.cesium-widget-credits{display:block;position:absolute;bottom:0;left:0;color:#fff;font-size:10px;text-shadow:0px 0px 2px #000000;padding-right:5px;}.cesium-widget-credits a,.cesium-widget-credits a:visited{color:#fff;}.cesium-widget-errorPanel{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;background:rgba(0,0,0,0.7);z-index:99999;}.cesium-widget-errorPanel:before{display:inline-block;vertical-align:middle;height:100%;content:"";}.cesium-widget-errorPanel-content{width:75%;display:inline-block;text-align:left;vertical-align:middle;border:1px solid #526F82;border-radius:7px;background-color:black;color:white;font-size:10pt;padding:1em;}.cesium-widget-errorPanel-header{font-size:120%;color:#fe4;}.cesium-widget-errorPanel-scroll{overflow:auto;font-family:monospace;white-space:pre-wrap;padding:0;margin:10px 0;}.cesium-widget-errorPanel-buttonPanel{text-align:center;}.cesium-cesiumInspector{border-radius:5px;-webkit-transition:width ease-in-out 0.25s;-moz-transition:width ease-in-out 0.25s;transition:width ease-in-out 0.25s;background:rgba(48,51,54,0.8);border:1px solid #444;color:#edffff;display:inline-block;position:relative;padding:4px 12px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;}.cesium-cesiumInspector-button{text-align:center;font-size:11pt;}.cesium-cesiumInspector-visible .cesium-cesiumInspector-button{border-bottom:1px solid #aaa;padding-bottom:3px;}.cesium-cesiumInspector input:enabled,.cesium-cesiumInspector-button{cursor:pointer;}.cesium-cesiumInspector-visible{width:185px;height:auto;}.cesium-cesiumInspector-hidden{width:122px;height:17px;}.cesium-cesiumInspector-show{max-height:500px;}.cesium-cesiumInspector-hide{max-height:0;padding:0 !important;overflow:hidden;}.cesium-cesiumInspector-dropDown{margin:5px 0;font-family:sans-serif;font-size:10pt;width:185px;}.cesium-cesiumInspector-frustumStats{padding-left:10px;padding:5px;background-color:rgba(80,80,80,0.75);}.cesium-cesiumInspector-pickButton{background-color:rgba(0,0,0,0.3);border:1px solid #444;color:#edffff;border-radius:5px;padding:3px 7px;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0 auto;}.cesium-cesiumInspector-pickButton:focus{outline:none;}.cesium-cesiumInspector-pickButton:active,.cesium-cesiumInspector-pickButtonHighlight{color:#000;background:#adf;border-color:#fff;box-shadow:0 0 8px #fff;}.cesium-cesiumInspector-center{text-align:center;}.cesium-cesiumInspector-sectionHeader{font-weight:bold;}.cesium-cesiumInspector-pickSection{border:1px solid #aaa;border-radius:5px;padding:3px;margin-bottom:5px;}.cesium-cesiumInspector-section{margin-bottom:10px;-webkit-transition:max-height 0.25s;-moz-transition:max-height 0.25s;transition:max-height 0.25s;}.cesium-cesiumInspector-toggleSwitch{padding:3px;cursor:pointer;}.cesium-cesiumInspector-tileText{padding-bottom:10px;border-bottom:1px solid #aaa;}.cesium-cesiumInspector-relativeText{padding-top:10px;}.cesium-button.cesium-fullscreenButton{display:block;width:100%;height:100%;margin:0;border-radius:0;}.cesium-button.cesium-vrButton{display:block;width:100%;height:100%;margin:0;border-radius:0;}.cesium-viewer-geocoderContainer .cesium-geocoder-input{border:solid 1px #444;background-color:rgba(40,40,40,0.7);color:white;display:inline-block;vertical-align:middle;width:0;height:32px;margin:0;padding:0 32px 0 0;border-radius:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width ease-in-out 0.25s,background-color 0.2s ease-in-out;-moz-transition:width ease-in-out 0.25s,background-color 0.2s ease-in-out;transition:width ease-in-out 0.25s,background-color 0.2s ease-in-out;-webkit-appearance:none;}.cesium-viewer-geocoderContainer:hover .cesium-geocoder-input{border-color:#aef;box-shadow:0 0 8px #fff;}.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus{border-color:#ea4;background-color:rgba(15,15,15,0.9);box-shadow:none;outline:none;}.cesium-viewer-geocoderContainer:hover .cesium-geocoder-input,.cesium-viewer-geocoderContainer .cesium-geocoder-input:focus,.cesium-viewer-geocoderContainer .cesium-geocoder-input-wide{padding-left:4px;width:250px;}.cesium-geocoder-searchButton{background-color:#303336;display:inline-block;position:absolute;cursor:pointer;width:32px;top:1px;right:1px;height:30px;vertical-align:middle;fill:#edffff;}.cesium-geocoder-searchButton:hover{background-color:#48b;}.cesium-infoBox{display:block;position:absolute;top:50px;right:0;width:40%;max-width:480px;background:rgba(38,38,38,0.95);color:#edffff;border:1px solid #444;border-right:none;border-top-left-radius:7px;border-bottom-left-radius:7px;box-shadow:0 0 10px 1px #000;-webkit-transform:translate(100%,0);-moz-transform:translate(100%,0);transform:translate(100%,0);visibility:hidden;opacity:0;-webkit-transition:visibility 0s 0.2s,opacity 0.2s ease-in,-webkit-transform 0.2s ease-in;-moz-transition:visibility 0s 0.2s,opacity 0.2s ease-in,-moz-transform 0.2s ease-in;transition:visibility 0s 0.2s,opacity 0.2s ease-in,transform 0.2s ease-in;}.cesium-infoBox-visible{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0);visibility:visible;opacity:1;-webkit-transition:opacity 0.2s ease-out,-webkit-transform 0.2s ease-out;-moz-transition:opacity 0.2s ease-out,-moz-transform 0.2s ease-out;transition:opacity 0.2s ease-out,transform 0.2s ease-out;}.cesium-infoBox-title{display:block;height:20px;padding:5px 30px 5px 25px;background:rgba(84,84,84,1.0);border-top-left-radius:7px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}.cesium-infoBox-bodyless .cesium-infoBox-title{border-bottom-left-radius:7px;}button.cesium-infoBox-camera{display:block;position:absolute;top:4px;left:4px;width:22px;height:22px;background:transparent;border-color:transparent;border-radius:3px;padding:0 5px;margin:0;}button.cesium-infoBox-close{display:block;position:absolute;top:5px;right:5px;height:20px;background:transparent;border:none;border-radius:2px;font-weight:bold;font-size:16px;padding:0 5px;margin:0;color:#edffff;}button.cesium-infoBox-close:focus{background:rgba(238,136,0,0.44);outline:none;}button.cesium-infoBox-close:hover{background:#888;color:#000;}button.cesium-infoBox-close:active{background:#a00;color:#000;}.cesium-infoBox-bodyless .cesium-infoBox-iframe{display:none;}.cesium-infoBox-iframe{border:none;width:100%;width:calc(100% - 2px);}span.cesium-sceneModePicker-wrapper{display:inline-block;position:relative;margin:0 3px;}.cesium-sceneModePicker-visible{visibility:visible;opacity:1;transition:opacity 0.25s linear;-webkit-transition:opacity 0.25s linear;-moz-transition:opacity 0.25s linear;}.cesium-sceneModePicker-hidden{visibility:hidden;opacity:0;transition:visibility 0s 0.25s,opacity 0.25s linear;-webkit-transition:visibility 0s 0.25s,opacity 0.25s linear;-moz-transition:visibility 0s 0.25s,opacity 0.25s linear;}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-none{display:none;}.cesium-sceneModePicker-slide-svg{-webkit-transition:left 2s;-moz-transition:left 2s;transition:left 2s;top:0;left:0;}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:3px 0;}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D,.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView,.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D{margin:0 0 3px 0;}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-icon2D{left:100%;}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-iconColumbusView{left:200%;}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon3D{left:-200%;}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon2D{left:-100%;}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-icon3D{left:-100%;}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-iconColumbusView{left:100%;}.cesium-sceneModePicker-wrapper .cesium-sceneModePicker-selected{border-color:#2e2;box-shadow:0 0 8px #fff,0 0 8px #fff;}.cesium-performance-watchdog-message-area{position:relative;background-color:yellow;color:black;padding:10px;}.cesium-performance-watchdog-message{margin-right:30px;}.cesium-performance-watchdog-message-dismiss{position:absolute;right:0;margin:0 10px 0 0;}.cesium-navigationHelpButton-wrapper{position:relative;display:inline-block;}.cesium-navigation-help{visibility:hidden;position:absolute;top:38px;right:2px;width:250px;border-radius:10px;-webkit-transform:scale(0.01);-moz-transform:scale(0.01);transform:scale(0.01);-webkit-transform-origin:234px -10px;-moz-transform-origin:234px -10px;transform-origin:234px -10px;-webkit-transition:visibility 0s 0.25s,-webkit-transform 0.25s ease-in;-moz-transition:visibility 0s 0.25s,-moz-transform 0.25s ease-in;transition:visibility 0s 0.25s,transform 0.25s ease-in;}.cesium-navigation-help-visible{visibility:visible;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.25s ease-out;-moz-transition:-moz-transform 0.25s ease-out;transition:transform 0.25s ease-out;}.cesium-navigation-help-instructions{border:1px solid #444;background-color:rgba(38,38,38,0.75);padding-bottom:5px;border-radius:0 0 10px 10px;}.cesium-click-navigation-help{display:none;}.cesium-touch-navigation-help{display:none;padding-top:5px;}.cesium-click-navigation-help-visible{display:block;}.cesium-touch-navigation-help-visible{display:block;}.cesium-navigation-help-pan{color:#66ccff;font-weight:bold;}.cesium-navigation-help-zoom{color:#65fd00;font-weight:bold;}.cesium-navigation-help-rotate{color:#ffd800;font-weight:bold;}.cesium-navigation-help-tilt{color:#d800d8;font-weight:bold;}.cesium-navigation-help-details{color:#ffffff;}.cesium-navigation-button{color:#fff;background-color:transparent;border-bottom:none;border-top:1px solid #444;border-right:1px solid #444;margin:0;width:50%;cursor:pointer;}.cesium-navigation-button-icon{vertical-align:middle;padding:5px 1px;}.cesium-navigation-button:focus{outline:none;}.cesium-navigation-button-left{border-radius:10px 0 0 0;border-left:1px solid #444;}.cesium-navigation-button-right{border-radius:0 10px 0 0;border-left:none;}.cesium-navigation-button-selected{background-color:rgba(38,38,38,0.75);}.cesium-navigation-button-unselected{background-color:rgba(0,0,0,0.75);}.cesium-navigation-button-unselected:hover{background-color:rgba(76,76,76,0.75);}.cesium-selection-wrapper{position:absolute;width:160px;height:160px;pointer-events:none;visibility:hidden;opacity:0;-webkit-transition:visibility 0s 0.2s,opacity 0.2s ease-in;-moz-transition:visibility 0s 0.2s,opacity 0.2s ease-in;transition:visibility 0s 0.2s,opacity 0.2s ease-in;}.cesium-selection-wrapper-visible{visibility:visible;opacity:1;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;}.cesium-selection-wrapper svg{fill:#2e2;stroke:#000;stroke-width:1.1px;}.cesium-zoom-wrapper{position:absolute;width:160px;height:160px;pointer-events:none;visibility:hidden;opacity:0;-webkit-transition:visibility 0s 0.2s,opacity 0.2s ease-in;-moz-transition:visibility 0s 0.2s,opacity 0.2s ease-in;transition:visibility 0s 0.2s,opacity 0.2s ease-in;}.cesium-zoom-wrapper-visible{visibility:visible;opacity:1;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;}.cesium-timeline-main{position:relative;left:0;bottom:0;overflow:hidden;border:solid 1px #888;}.cesium-timeline-trackContainer{width:100%;overflow:auto;border-top:solid 1px #888;position:relative;top:0;left:0;}.cesium-timeline-tracks{position:absolute;top:0;left:0;width:100%;}.cesium-timeline-needle{position:absolute;left:0;top:1.7em;bottom:0;width:1px;background:#F00;}.cesium-timeline-bar{position:relative;left:0;top:0;overflow:hidden;cursor:pointer;width:100%;height:1.7em;background-color:#fafafa;background:rgba(32,32,32,0.8);background:-moz-linear-gradient(top,rgba(116,117,119,0.8) 0%,rgba(58,68,82,0.8) 11%,rgba(46,50,56,0.8) 46%,rgba(53,53,53,0.8) 81%,rgba(53,53,53,0.8) 100%);background:-webkit-linear-gradient(top,rgba(116,117,119,0.8) 0%,rgba(58,68,82,0.8) 11%,rgba(46,50,56,0.8) 46%,rgba(53,53,53,0.8) 81%,rgba(53,53,53,0.8) 100%);background:linear-gradient(to bottom,rgba(116,117,119,0.8) 0%,rgba(58,68,82,0.8) 11%,rgba(46,50,56,0.8) 46%,rgba(53,53,53,0.8) 81%,rgba(53,53,53,0.8) 100%);}.cesium-timeline-ruler{visibility:hidden;white-space:nowrap;font-size:80%;z-index:-200;}.cesium-timeline-highlight{position:absolute;bottom:0;left:0;background:#08F;}.cesium-timeline-ticLabel{position:absolute;top:0;left:0;white-space:nowrap;font-size:80%;color:#eee;}.cesium-timeline-ticMain{position:absolute;bottom:0;left:0;width:1px;height:50%;background:#eee;}.cesium-timeline-ticSub{position:absolute;bottom:0;left:0;width:1px;height:33%;background:#aaa;}.cesium-timeline-ticTiny{position:absolute;bottom:0;left:0;width:1px;height:25%;background:#888;}.cesium-timeline-icon16{display:block;position:absolute;width:16px;height:16px;background-image:url(Images/TimelineIcons.png);background-repeat:no-repeat;}.cesium-viewer{font-family:sans-serif;font-size:16px;overflow:hidden;display:block;position:relative;top:0;left:0;width:100%;height:100%;}.cesium-viewer-cesiumWidgetContainer{width:100%;height:100%;}.cesium-viewer-bottom{display:block;position:absolute;bottom:0;left:0;right:0;padding-right:5px;}.cesium-viewer .cesium-widget-credits{display:inline;position:static;bottom:auto;left:auto;padding-right:0;color:#ffffff;font-size:10px;text-shadow:0 0 2px #000000;}.cesium-viewer-timelineContainer{position:absolute;bottom:0;left:169px;right:29px;height:27px;padding:0;margin:0;overflow:hidden;font-size:14px;}.cesium-viewer-animationContainer{position:absolute;bottom:0;left:0;padding:0;width:169px;height:112px;}.cesium-viewer-fullscreenContainer{position:absolute;bottom:0;right:0;padding:0;width:29px;height:29px;overflow:hidden;}.cesium-viewer-vrContainer{position:absolute;bottom:0;right:0;padding:0;width:29px;height:29px;overflow:hidden;}.cesium-viewer-toolbar{display:block;position:absolute;top:5px;right:5px;}.cesium-viewer-cesiumInspectorContainer{display:block;position:absolute;top:50px;right:10px;}.cesium-viewer-geocoderContainer{position:relative;display:inline-block;margin:0 3px;}.pathQueryContainer{display:block;position:absolute;top:0;left:0;padding:0;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
public/css/zTreeStyle.min.css
0 → 100644
| 1 | .ztree *{padding:0;margin:0;font-size:12px;font-family:Verdana,Arial,Helvetica,AppleGothic,sans-serif}.ztree{margin:0;padding:5px;color:#333}.ztree li{padding:0;margin:0;list-style:none;line-height:14px;text-align:left;white-space:nowrap;outline:0}.ztree li ul{margin:0;padding:0 0 0 18px}.ztree li ul.line{background:url(img/line_conn.gif) 0 0 repeat-y}.ztree li a{padding:1px 3px 0 0;margin:0;cursor:pointer;height:17px;color:#333;background-color:transparent;text-decoration:none;vertical-align:top;display:inline-block}.ztree li a:hover{text-decoration:underline}.ztree li a.curSelectedNode{padding-top:0;background-color:#ffe6b0;color:#000;height:16px;border:1px #ffb951 solid;opacity:.8}.ztree li a.curSelectedNode_Edit{padding-top:0;background-color:#ffe6b0;color:#000;height:16px;border:1px #ffb951 solid;opacity:.8}.ztree li a.tmpTargetNode_inner{padding-top:0;background-color:#316ac5;color:#fff;height:16px;border:1px #316ac5 solid;opacity:.8}.ztree li a input.rename{height:14px;width:80px;padding:0;margin:0;font-size:12px;border:1px #7ec4cc solid}.ztree li span{line-height:16px;margin-right:2px}.ztree li span.button{line-height:0;margin:0;width:16px;height:16px;display:inline-block;vertical-align:middle;border:0 none;cursor:pointer;outline:0;background-color:transparent;background-repeat:no-repeat;background-attachment:scroll;background-image:url(img/zTreeStandard.png)}.ztree li span.button.chk{width:13px;height:13px;margin:0 3px 0 0;cursor:auto}.ztree li span.button.chk.checkbox_false_full{background-position:0 0}.ztree li span.button.chk.checkbox_false_full_focus{background-position:0 -14px}.ztree li span.button.chk.checkbox_false_part{background-position:0 -28px}.ztree li span.button.chk.checkbox_false_part_focus{background-position:0 -42px}.ztree li span.button.chk.checkbox_false_disable{background-position:0 -56px}.ztree li span.button.chk.checkbox_true_full{background-position:-14px 0}.ztree li span.button.chk.checkbox_true_full_focus{background-position:-14px -14px}.ztree li span.button.chk.checkbox_true_part{background-position:-14px -28px}.ztree li span.button.chk.checkbox_true_part_focus{background-position:-14px -42px}.ztree li span.button.chk.checkbox_true_disable{background-position:-14px -56px}.ztree li span.button.chk.radio_false_full{background-position:-28px 0}.ztree li span.button.chk.radio_false_full_focus{background-position:-28px -14px}.ztree li span.button.chk.radio_false_part{background-position:-28px -28px}.ztree li span.button.chk.radio_false_part_focus{background-position:-28px -42px}.ztree li span.button.chk.radio_false_disable{background-position:-28px -56px}.ztree li span.button.chk.radio_true_full{background-position:-42px 0}.ztree li span.button.chk.radio_true_full_focus{background-position:-42px -14px}.ztree li span.button.chk.radio_true_part{background-position:-42px -28px}.ztree li span.button.chk.radio_true_part_focus{background-position:-42px -42px}.ztree li span.button.chk.radio_true_disable{background-position:-42px -56px}.ztree li span.button.switch{width:18px;height:18px}.ztree li span.button.root_open{background-position:-92px -54px}.ztree li span.button.root_close{background-position:-74px -54px}.ztree li span.button.roots_open{background-position:-92px 0}.ztree li span.button.roots_close{background-position:-74px 0}.ztree li span.button.center_open{background-position:-92px -18px}.ztree li span.button.center_close{background-position:-74px -18px}.ztree li span.button.bottom_open{background-position:-92px -36px}.ztree li span.button.bottom_close{background-position:-74px -36px}.ztree li span.button.noline_open{background-position:-92px -72px}.ztree li span.button.noline_close{background-position:-74px -72px}.ztree li span.button.root_docu{background:0 0}.ztree li span.button.roots_docu{background-position:-56px 0}.ztree li span.button.center_docu{background-position:-56px -18px}.ztree li span.button.bottom_docu{background-position:-56px -36px}.ztree li span.button.noline_docu{background:0 0}.ztree li span.button.ico_open{margin-right:2px;background-position:-110px -16px;vertical-align:top}.ztree li span.button.ico_close{margin-right:2px;background-position:-110px 0;vertical-align:top}.ztree li span.button.ico_docu{margin-right:2px;background-position:-110px -32px;vertical-align:top}.ztree li span.button.edit{margin-right:2px;background-position:-110px -48px;vertical-align:top}.ztree li span.button.remove{margin-right:2px;background-position:-110px -64px;vertical-align:top}.ztree li span.button.ico_loading{margin-right:2px;background:url(img/loading.gif) no-repeat scroll 0 0 transparent;vertical-align:top}ul.tmpTargetzTree{background-color:#ffe6b0;opacity:.8}span.tmpzTreeMove_arrow{width:16px;height:16px;display:inline-block;padding:0;margin:2px 0 0 1px;border:0 none;position:absolute;background-color:transparent;background-repeat:no-repeat;background-attachment:scroll;background-position:-110px -80px;background-image:url(img/zTreeStandard.png)}ul.ztree.zTreeDragUL{margin:0;padding:0;position:absolute;width:auto;height:auto;overflow:hidden;background-color:#cfcfcf;border:1px #00b83f dotted;opacity:.8}.zTreeMask{z-index:10000;background-color:#cfcfcf;opacity:0;position:absolute} | ||
| 2 | /*# sourceMappingURL=zTreeStyle.min.css.map */ | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
-
Please register or sign in to post a comment