@atlassian/aui
Version:
Atlassian User Interface Framework
105 lines (103 loc) • 2.25 kB
CSS
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 */