UNPKG

@atlassian/aui

Version:

Atlassian User Interface Framework

105 lines (103 loc) 2.25 kB
aui-header { display: block; } .aui-header { background: #0747A6; border-bottom: 0 solid #0747A6; box-sizing: border-box; color: #DEEBFF; padding: 0 10px; } .aui-header:after, .aui-header .aui-header-logo a:after { content: ""; display: table; clear: both; } .aui-header .aui-header-logo, .aui-header .aui-nav { margin: 0; padding: 0; float: left; } .aui-header .aui-header-secondary .aui-nav { float: right; } .aui-header .aui-nav > li { float: left; padding: 0; } .aui-header a { color: #DEEBFF; display: block; line-height: 1; padding: 13px 10px; } .aui-header a:visited, .aui-header a:focus, .aui-header a:hover, .aui-header a:active { text-decoration: none; } .aui-header .aui-header-logo a { box-sizing: border-box; float: left; height: 40px; padding: 0 10px; } .aui-header .aui-header-logo.aui-header-logo-textonly a { font-size: 24px; padding: 5px 10px; } .aui-header .aui-header-logo-textonly .aui-header-logo-device { float: left; padding-top: 4px; text-indent: 0; } .aui-header .aui-header-logo-textonly .aui-header-logo-device + .aui-header-logo-text { padding: 5px 0 5px 10px; } /* for extra visible text, eg. instance names. */ .aui-header .aui-header-logo .aui-header-logo-text { display: block; float: left; font-size: 14px; line-height: 1.4286; margin: 0; padding: 10px 0 10px 10px; } .aui-header .aui-header-logo-device { background-repeat: no-repeat; background-position: 0 50%; background-size: 100%; display: block; float: left; height: 24px; padding: 8px 0; text-indent: -9999px; text-align: left; } /* Custom IMG elements can be set in most products */ .aui-header .aui-header-logo img { border: 0; float: left; max-height: 30px; padding: 5px 0; } /* Positioning icons in the header */ .aui-header .aui-icon { margin: -1px 0; vertical-align: top; } .aui-header a > .aui-avatar { vertical-align: top; } .aui-header a > .aui-avatar-tiny { margin: -1px 0; /* (16px Tiny Avatar height - 14px font size (line-height 1 in the header)) / 2 */ } .aui-header a > .aui-avatar-small { margin: -5px 0; /* (24px Small Avatar height - 14px font size (line-height 1 in the header)) / 2 */ } /*# sourceMappingURL=aui-header.css.map */