You are here

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.css
View source
  1. /***********/
  2. /* Toolbar */
  3. /***********/
  4. ul.oa_toolbar {
  5. list-style: none;
  6. font-weight: normal;
  7. position: relative;
  8. padding: 0;
  9. margin: 0;
  10. }
  11. ul.command-button-wrapper {
  12. margin: 0;
  13. }
  14. /* Hide Navbar module's navbar */
  15. #navbar-bar {
  16. display: none;
  17. }
  18. .drupal-navbar .navbar-tray-vertical .navbar-toggle-orientation,
  19. .drupal-navbar .navbar-icon-toggle-horizontal,
  20. .drupal-navbar .navbar-icon-toggle-vertical {
  21. display: none;
  22. }
  23. .touch .drupal-navbar .navbar-tray-vertical.active {
  24. bottom: 0 !important;
  25. }
  26. .navbar .oa-navigation .nav {
  27. display: inline-block;
  28. float: left;
  29. }
  30. .oa-menu-banner {
  31. display: inline-block;
  32. /* Allow it to take up horizonal space in menu but not vertical space */
  33. height: 1px;
  34. float: left;
  35. }
  36. .oa-navbar {
  37. margin-bottom: 0;
  38. border-width: 0;
  39. }
  40. .navbar.oa-navbar {
  41. margin-bottom: 0;
  42. border-width: 0;
  43. }
  44. .oa-navbar .btn-toolbar {
  45. float: left;
  46. margin: 3px 0 0 10px;
  47. }
  48. .oa-navbar a.dropdown-toggle.btn {
  49. line-height: 1.5em;
  50. }
  51. #oa_toolbar .icon-home {
  52. color: #333;
  53. }
  54. .navbar-inverse .oa-navbar .icon-home {
  55. color: #fffeff;
  56. }
  57. .oa_toolbar .btn {
  58. margin: 0 0;
  59. }
  60. .oa-navbar .btn-group {
  61. margin: 0;
  62. }
  63. .oa-navbar ul.dropdown-menu .dropdown-column {
  64. float: left;
  65. margin: 0.5em;
  66. padding: 0;
  67. }
  68. .oa-navbar .dropdown .dropdown-menu li {
  69. padding: 0 0;
  70. margin: 0;
  71. width: 100%;
  72. }
  73. .oa-navbar ul.dropdown-menu h3 {
  74. font-size: 1.2em;
  75. line-height: 30px;
  76. margin: 0;
  77. padding: 0 20px;
  78. }
  79. .oa-navbar li ul li {
  80. margin: 0;
  81. }
  82. .oa-navbar li ul li ul {
  83. margin: 0;
  84. }
  85. .oa-navbar li a.active {
  86. font-style: italic;
  87. }
  88. .oa-navbar .more-link {
  89. font-size: 12px;
  90. }
  91. .oa-navbar .moscone-flipped-container {
  92. margin-bottom: 0;
  93. }
  94. .dropdown-menu > .oa-multicolumn {
  95. display: flex;
  96. flex-wrap: nowrap;
  97. }
  98. @media (max-width: 767px) {
  99. .dropdown-menu > .oa-multicolumn {
  100. flex-wrap: wrap;
  101. }
  102. .dropdown-menu > .oa-multicolumn > .oa-column {
  103. width: 100%;
  104. }
  105. }
  106. /**************/
  107. /* User badge */
  108. /**************/
  109. #oa-user-badge {
  110. position: relative;
  111. }
  112. #oa-user-badge .user-badge img {
  113. width: auto;
  114. height: 29px;
  115. margin: -5px -12px -5px 5px;
  116. }
  117. #oa-user-badge .dropdown-menu {
  118. margin: 0;
  119. min-width: inherit;
  120. }
  121. #oa-user-badge .dropdown-menu ul {
  122. margin: 0;
  123. }
  124. #oa-user-badge .dropdown-menu ul li {
  125. margin: 0;
  126. }
  127. /***************/
  128. /* Menu button */
  129. /***************/
  130. #toolbar-menu-button {
  131. font-size: 14px;
  132. text-transform: uppercase;
  133. line-height: 1.5em;
  134. }
  135. .panel-pane .pull-left #toolbar-menu-button {
  136. margin-left: 5px !important;
  137. }
  138. /* Space Menu */
  139. .oa-space-menu ul.nav {
  140. display: inline-block;
  141. float: left;
  142. margin-top: 4px;
  143. }
  144. .oa-space-menu img {
  145. max-height: 40px;
  146. width: auto;
  147. height: auto;
  148. vertical-align: baseline;
  149. padding: 2px 0;
  150. margin: 0 0 0 5px;
  151. }
  152. .oa-space-menu ul > li > a > img {
  153. max-height: 24px;
  154. vertical-align: middle;
  155. margin-right: 5px;
  156. top: -2px;
  157. position: relative;
  158. }
  159. .oa-space-menu i {
  160. padding-right: 3px;
  161. }
  162. .oa-space-menu [class^="icon-"],
  163. .oa-space-menu [class*=" icon-"] {
  164. padding-right: 6px;
  165. }
  166. .pane-oa-footer-panel img {
  167. padding: 5px;
  168. }
  169. /** Space Nav toolbar Mobile **/
  170. @media (max-width: 767px) {
  171. .oa-space-nav .oa-space-list {
  172. padding-left: 0;
  173. }
  174. .oa-space-nav .oa-section-list {
  175. display: none;
  176. }
  177. .oa-space-nav .oa-separator {
  178. display: none;
  179. }
  180. }