oa_toolbar.css in Open Atrium Toolbar 7.2
/***********/
/* Toolbar */
/***********/
ul.oa_toolbar {
list-style: none;
font-weight: normal;
position: relative;
padding: 0;
margin: 0;
}
ul.command-button-wrapper {
margin: 0;
}
/* Hide Navbar module's navbar */
#navbar-bar {
display: none;
}
.drupal-navbar .navbar-tray-vertical .navbar-toggle-orientation,
.drupal-navbar .navbar-icon-toggle-horizontal,
.drupal-navbar .navbar-icon-toggle-vertical {
display: none;
}
.touch .drupal-navbar .navbar-tray-vertical.active {
bottom: 0 !important;
}
.navbar .oa-navigation .nav {
display: inline-block;
float: left;
}
.oa-menu-banner {
display: inline-block;
/* Allow it to take up horizonal space in menu but not vertical space */
height: 1px;
float: left;
}
.oa-navbar {
margin-bottom: 0;
border-width: 0;
}
.navbar.oa-navbar {
margin-bottom: 0;
border-width: 0;
}
.oa-navbar .btn-toolbar {
float: left;
margin: 3px 0 0 10px;
}
.oa-navbar a.dropdown-toggle.btn {
line-height: 1.5em;
}
#oa_toolbar .icon-home {
color: #333;
}
.navbar-inverse .oa-navbar .icon-home {
color: #fffeff;
}
.oa_toolbar .btn {
margin: 0 0;
}
.oa-navbar .btn-group {
margin: 0;
}
.oa-navbar ul.dropdown-menu .dropdown-column {
float: left;
margin: 0.5em;
padding: 0;
}
.oa-navbar .dropdown .dropdown-menu li {
padding: 0 0;
margin: 0;
width: 100%;
}
.oa-navbar ul.dropdown-menu h3 {
font-size: 1.2em;
line-height: 30px;
margin: 0;
padding: 0 20px;
}
.oa-navbar li ul li {
margin: 0;
}
.oa-navbar li ul li ul {
margin: 0;
}
.oa-navbar li a.active {
font-style: italic;
}
.oa-navbar .more-link {
font-size: 12px;
}
.oa-navbar .moscone-flipped-container {
margin-bottom: 0;
}
.dropdown-menu > .oa-multicolumn {
display: flex;
flex-wrap: nowrap;
}
@media (max-width: 767px) {
.dropdown-menu > .oa-multicolumn {
flex-wrap: wrap;
}
.dropdown-menu > .oa-multicolumn > .oa-column {
width: 100%;
}
}
/**************/
/* User badge */
/**************/
#oa-user-badge {
position: relative;
}
#oa-user-badge .user-badge img {
width: auto;
height: 29px;
margin: -5px -12px -5px 5px;
}
#oa-user-badge .dropdown-menu {
margin: 0;
min-width: inherit;
}
#oa-user-badge .dropdown-menu ul {
margin: 0;
}
#oa-user-badge .dropdown-menu ul li {
margin: 0;
}
/***************/
/* Menu button */
/***************/
#toolbar-menu-button {
font-size: 14px;
text-transform: uppercase;
line-height: 1.5em;
}
.panel-pane .pull-left #toolbar-menu-button {
margin-left: 5px !important;
}
/* Space Menu */
.oa-space-menu ul.nav {
display: inline-block;
float: left;
margin-top: 4px;
}
.oa-space-menu img {
max-height: 40px;
width: auto;
height: auto;
vertical-align: baseline;
padding: 2px 0;
margin: 0 0 0 5px;
}
.oa-space-menu ul > li > a > img {
max-height: 24px;
vertical-align: middle;
margin-right: 5px;
top: -2px;
position: relative;
}
.oa-space-menu i {
padding-right: 3px;
}
.oa-space-menu [class^="icon-"],
.oa-space-menu [class*=" icon-"] {
padding-right: 6px;
}
.pane-oa-footer-panel img {
padding: 5px;
}
/** Space Nav toolbar Mobile **/
@media (max-width: 767px) {
.oa-space-nav .oa-space-list {
padding-left: 0;
}
.oa-space-nav .oa-section-list {
display: none;
}
.oa-space-nav .oa-separator {
display: none;
}
}
File
css/oa_toolbar.cssView source
- /***********/
- /* Toolbar */
- /***********/
-
- ul.oa_toolbar {
- list-style: none;
- font-weight: normal;
- position: relative;
- padding: 0;
- margin: 0;
- }
-
- ul.command-button-wrapper {
- margin: 0;
- }
-
- /* Hide Navbar module's navbar */
- #navbar-bar {
- display: none;
- }
- .drupal-navbar .navbar-tray-vertical .navbar-toggle-orientation,
- .drupal-navbar .navbar-icon-toggle-horizontal,
- .drupal-navbar .navbar-icon-toggle-vertical {
- display: none;
- }
- .touch .drupal-navbar .navbar-tray-vertical.active {
- bottom: 0 !important;
- }
- .navbar .oa-navigation .nav {
- display: inline-block;
- float: left;
- }
- .oa-menu-banner {
- display: inline-block;
- /* Allow it to take up horizonal space in menu but not vertical space */
- height: 1px;
- float: left;
- }
- .oa-navbar {
- margin-bottom: 0;
- border-width: 0;
- }
-
- .navbar.oa-navbar {
- margin-bottom: 0;
- border-width: 0;
- }
-
- .oa-navbar .btn-toolbar {
- float: left;
- margin: 3px 0 0 10px;
- }
-
- .oa-navbar a.dropdown-toggle.btn {
- line-height: 1.5em;
- }
-
- #oa_toolbar .icon-home {
- color: #333;
- }
-
- .navbar-inverse .oa-navbar .icon-home {
- color: #fffeff;
- }
-
- .oa_toolbar .btn {
- margin: 0 0;
- }
-
- .oa-navbar .btn-group {
- margin: 0;
- }
-
- .oa-navbar ul.dropdown-menu .dropdown-column {
- float: left;
- margin: 0.5em;
- padding: 0;
- }
-
- .oa-navbar .dropdown .dropdown-menu li {
- padding: 0 0;
- margin: 0;
- width: 100%;
- }
-
- .oa-navbar ul.dropdown-menu h3 {
- font-size: 1.2em;
- line-height: 30px;
- margin: 0;
- padding: 0 20px;
- }
-
- .oa-navbar li ul li {
- margin: 0;
- }
-
- .oa-navbar li ul li ul {
- margin: 0;
- }
-
- .oa-navbar li a.active {
- font-style: italic;
- }
-
- .oa-navbar .more-link {
- font-size: 12px;
- }
- .oa-navbar .moscone-flipped-container {
- margin-bottom: 0;
- }
-
- .dropdown-menu > .oa-multicolumn {
- display: flex;
- flex-wrap: nowrap;
- }
- @media (max-width: 767px) {
- .dropdown-menu > .oa-multicolumn {
- flex-wrap: wrap;
- }
- .dropdown-menu > .oa-multicolumn > .oa-column {
- width: 100%;
- }
- }
-
- /**************/
- /* User badge */
- /**************/
- #oa-user-badge {
- position: relative;
- }
- #oa-user-badge .user-badge img {
- width: auto;
- height: 29px;
- margin: -5px -12px -5px 5px;
- }
- #oa-user-badge .dropdown-menu {
- margin: 0;
- min-width: inherit;
- }
- #oa-user-badge .dropdown-menu ul {
- margin: 0;
- }
- #oa-user-badge .dropdown-menu ul li {
- margin: 0;
- }
-
- /***************/
- /* Menu button */
- /***************/
- #toolbar-menu-button {
- font-size: 14px;
- text-transform: uppercase;
- line-height: 1.5em;
- }
- .panel-pane .pull-left #toolbar-menu-button {
- margin-left: 5px !important;
- }
- /* Space Menu */
- .oa-space-menu ul.nav {
- display: inline-block;
- float: left;
- margin-top: 4px;
- }
- .oa-space-menu img {
- max-height: 40px;
- width: auto;
- height: auto;
- vertical-align: baseline;
- padding: 2px 0;
- margin: 0 0 0 5px;
- }
- .oa-space-menu ul > li > a > img {
- max-height: 24px;
- vertical-align: middle;
- margin-right: 5px;
- top: -2px;
- position: relative;
- }
-
- .oa-space-menu i {
- padding-right: 3px;
- }
-
- .oa-space-menu [class^="icon-"],
- .oa-space-menu [class*=" icon-"] {
- padding-right: 6px;
- }
-
- .pane-oa-footer-panel img {
- padding: 5px;
- }
-
- /** Space Nav toolbar Mobile **/
- @media (max-width: 767px) {
- .oa-space-nav .oa-space-list {
- padding-left: 0;
- }
- .oa-space-nav .oa-section-list {
- display: none;
- }
- .oa-space-nav .oa-separator {
- display: none;
- }
- }