@glodon-open/header-vue3/lib/index.css

OPEN 提供控制台头部导航，供 PC 引用，保持统一的设计风格。

/*! 
@license @glodon-open/header-vue3
Copyright (c) Glodon Company Limited, All Rights Reserved.

This source code is licensed under the apache-2.0 license found in the
LICENSE file in the root directory of this source tree.
 */
@font-face{font-family:gldicon;src:url(data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI8VEkZAAABjAAAAGBjbWFwtA8ckgAAAfwAAAGcZ2x5ZrfsUU0AAAOkAAAB5GhlYWQhYPRLAAAA4AAAADZoaGVhB94DhQAAALwAAAAkaG10eBAAAAAAAAHsAAAAEGxvY2EBRACqAAADmAAAAAptYXhwAREARAAAARgAAAAgbmFtZRCjPLAAAAWIAAACZ3Bvc3S/1yEbAAAH8AAAAEIAAQAAA4D/gABcBAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAQAAQAAAAEAALRxzF5fDzz1AAsEAAAAAADfINgoAAAAAN8g2CgAAP+yBAADTAAAAAgAAgAAAAAAAAABAAAABAA4AAMAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQEAAGQAAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOY/5kkDgP+AAAAD3ACAAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQAAAAEAAAABAAAAAAAAAUAAAADAAAALAAAAAQAAAFoAAEAAAAAAGIAAwABAAAALAADAAoAAAFoAAQANgAAAAgACAACAADmP+ZG5kn//wAA5j/mRuZJ//8AAAAAAAAAAQAIAAgACAAAAAEAAgADAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAAA0AAAAAAAAAAMAAOY/AADmPwAAAAEAAOZGAADmRgAAAAIAAOZJAADmSQAAAAMAAAAAAFIAqgDyAAAAAwAA/8ADvANBAAwAGQAyAAABNC4BIg4BFB4BMj4BJTQ+ATIeARQOASIuAQMzNjc2NzYyFxYXFhczJicmJyYiBwYHBgcDAEV1jHVFRXWMdUX+QDRYaFg0NFhoWDT7QBA3NlBSuFJQNjcQQRBAPl9h3GFfPkAQAkBGdUVFdYx1RUV1RjRYNDRYaFg0NFj9tFtKSCkqKilISlttWVYyMjIyVlltAAADAAD/sgPNA0AAKgArADcAABMmIgcGBwYXHgEXFjc+ATc2JyYnJiIOARcWFxYHDgEHBicuAScmNzY3NiYlMzEyFREUIzEiNRE00wobCEoVFCIkqnBtbXCqJCIUFUoJGhMBCT4QER4fkWBdXWCRHx4RED4JAQEEICAgIAKeCQtacW9rbp8cHBwcn25rb3FaCxMaCk1hX1tehxgXFxiHXltfYU0KGqwg/cAgIAJAIAAAAAIAAP/DA70DTAAWACsAAAEUBgcXFhQGIi8BDgEuAz4CHgIBMjc2NzY0JyYnJiIHBgcGFBcWFxYDgDQwlwoTGwmXSri7mlYEUJS5vJVU/mBgUk8vMDAvT1LAUk8vMDAvT1IBoEqMOZcJGxMKlz8vJHSqvrB4LSl3qv4/MC9PUsBSTy8wMC9PUsBSTy8wAAAAAAAAEgDeAAEAAAAAAAAAEwAAAAEAAAAAAAEACAATAAEAAAAAAAIABwAbAAEAAAAAAAMACAAiAAEAAAAAAAQACAAqAAEAAAAAAAUACwAyAAEAAAAAAAYACAA9AAEAAAAAAAoAKwBFAAEAAAAAAAsAEwBwAAMAAQQJAAAAJgCDAAMAAQQJAAEAEACpAAMAAQQJAAIADgC5AAMAAQQJAAMAEADHAAMAAQQJAAQAEADXAAMAAQQJAAUAFgDnAAMAAQQJAAYAEAD9AAMAAQQJAAoAVgENAAMAAQQJAAsAJgFjQ3JlYXRlZCBieSBpY29uZm9udGljb25mb250UmVndWxhcmljb25mb250aWNvbmZvbnRWZXJzaW9uIDEuMGljb25mb250R2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdABpAGMAbwBuAGYAbwBuAHQAUgBlAGcAdQBsAGEAcgBpAGMAbwBuAGYAbwBuAHQAaQBjAG8AbgBmAG8AbgB0AFYAZQByAHMAaQBvAG4AIAAxAC4AMABpAGMAbwBuAGYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQBAgEDAQQBBQAIdXNlcm5hbWUEcXVpdAZzZWFyY2gAAAAA) format("truetype")}.gldicon{font-family:gldicon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gldicon-username:before{content:"\e63f"}.gldicon-quit:before{content:"\e646"}.gldicon-search:before{content:"\e649"}.gld-open-header{--gld-theme: light;--gld-height: 48px;--gld-container-padding: 30px;--gld-link-margin: 32px;--gld-console-name-margin: 24px;--gld-bg-color: #ffffff;--gld-font-size: 16px;--gld-font-size-text: 14px;--gld-avatar-width: 30px;--gld-avatar-height: 30px;--gld-avatar-width-big: 40px;--gld-avatar-height-big: 40px;--gld-logo-width: 196px;--gld-logo-height: 48px;--gld-primary-color: #268dff;--gld-primary-text-color: #262626;--gld-text-color: #595959;--gld-border-color: #dcdfe6;--gld-input-placehoder-color: #999999;--gld-border-hover-color: #c0c4cc;--gld-border-active-color: #409eff;--gld-menu-item-hover-bg-color: #f8f8fb;--gld-border-shadow-color: rgba(217, 217, 217, .5)}.gld-open-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.gld-open-flex.column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gld-open-flex.row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.gld-open-flex__item{-webkit-box-flex:1;-ms-flex:1 1;flex:1 1}.gld-open-header{height:var(--gld-height);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 -1px 1px 0px var(--gld-border-shadow-color) inset;box-shadow:0 -1px 1px 0 var(--gld-border-shadow-color) inset;background-color:var(--gld-bg-color)}.gld-open-header.fixed{position:fixed;top:0;left:0;right:0}.gld-open-header>.gld-open-flex{height:100%}.gld-open-header .gld-logo{margin-left:var(--gld-container-padding)}.gld-open-header .gld-name{font-size:var(--gld-font-size);color:var(--gld-primary-text-color);margin-left:var(--gld-console-name-margin)}.gld-open-header .gld-link{text-decoration:none;font-size:var(--gld-font-size-text);vertical-align:middle;cursor:pointer;color:var(--gld-primary-text-color);margin-left:var(--gld-link-margin)}.gld-open-avatar{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;position:relative;cursor:pointer;text-align:left;margin-right:var(--gld-container-padding);margin-left:var(--gld-link-margin)}.gld-open-avatar .gld-open-avatar-img{display:block;width:var(--gld-avatar-width);height:var(--gld-avatar-width);border-radius:100%;background-color:#d8d8d8}.gld-open-avatar .gld-open-dropdown-wrapper{z-index:99;position:absolute;right:-27px;top:100%;padding-top:10px}.gld-open-avatar .gld-open-dropdown{background:#ffffff;-webkit-box-shadow:0px 0px 10px #d7d7e6;box-shadow:0 0 10px #d7d7e6;border-radius:4px;position:relative;padding-top:5px;padding-bottom:5px}.gld-open-avatar .gld-open-dropdown:before{content:"";display:block;width:0;height:0;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;position:absolute;top:-5px;right:36px}.gld-open-avatar .gld-open-dropdown li{padding:0 10px;width:240px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;line-height:48px}.gld-open-avatar .gld-open-dropdown li .gldicon{margin-right:10px}.gld-open-avatar .gld-open-dropdown li+li{border-top:1px solid var(--gld-border-color)}.gld-open-avatar .gld-open-dropdown li:hover{background:var(--gld-menu-item-hover-bg-color)}.gld-open-avatar .gld-open-dropdown li .iconfont{vertical-align:bottom;margin-right:10px}.gld-open-avatar .gld-open-dropdown li.account-profile{line-height:49px;height:49px}.gld-open-avatar .gld-open-dropdown li.account-profile .avatar-img{width:var(--gld-avatar-height-big);height:var(--gld-avatar-height-big);overflow:hidden;margin-right:8px;border-radius:50%}.gld-open-avatar .gld-open-dropdown li.account-profile .display-name{display:block;max-width:160px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--gld-text-color);font-weight:600;font-size:var(--gld-font-size);line-height:24px}.gld-open-avatar .gld-open-dropdown li:last-child a{border-bottom:0 none}.gld-open-avatar .gld-open-dropdown li a{display:block;color:var(--gld-text-color)}.gld-open-avatar .gld-open-dropdown li a:hover{color:var(--gld-primary-color);text-decoration:none}.gld-animation-enter-active,.gld-animation-leave-active{-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.gld-animation-enter-from,.gld-animation-leave-to{opacity:0}.gld-open-input-wrapper{border-left:1px solid var(--gld-border-shadow-color);border-right:1px solid var(--gld-border-shadow-color);padding-left:18px;-webkit-transition:width .5s ease-in-out;transition:width .5s ease-in-out;-webkit-box-sizing:border-box;box-sizing:border-box;width:260px}.gld-open-input-wrapper:hover{width:360px}.gld-open-input-wrapper input{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background:none;padding:16px;height:48px;font-size:var(--gld-font-size-text);color:var(--gld-primary-text-color);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.gld-open-input-wrapper input::-webkit-input-placeholder{color:var(--gld-input-placehoder-color)}.gld-open-input-wrapper input::-moz-placeholder{color:var(--gld-input-placehoder-color)}.gld-open-input-wrapper input:-ms-input-placeholder{color:var(--gld-input-placehoder-color)}.gld-open-input-wrapper input::-ms-input-placeholder{color:var(--gld-input-placehoder-color)}.gld-open-input-wrapper input::placeholder{color:var(--gld-input-placehoder-color)}.gld-open-input-wrapper input:disabled{color:#a8abb2;cursor:not-allowed;background-color:#f5f7fa}.gld-open-input-wrapper .gldicon{font-size:18px;line-height:18px;color:var(--gld-text-color);cursor:pointer}