You are here

regions_top_nav.css in Regions 7

/* right side blocks */
body {
  margin-top:20px !important;
}
html body.admin-menu {
  padding-top:20px !important;
}
body.admin-menu #regions_top_nav{
  top:30px !important;
}
body.admin-menu-with-shortcuts #regions_top_nav{
  top:66px !important;
}
body.admin-menu #regions_top_nav_notifications .regions_block_content{
  top:50px !important;
}
body.admin-menu-with-shortcuts #regions_top_nav_notifications .regions_block_content{
  top:86px !important;
}
body.overlay #regions_top_nav {
  display:none;
}
#regions_top_nav {
  font:normal 12px "Lucida Grande",Verdana,sans-serif !important;
  background-color:#000;
  background:url(images/sprite.png) 0px -20px repeat-x;
  top:0px;
  left:0px;
  right:0px;
  height:20px;
  width: 100%;
  z-index:499;
  float:left;
  position:fixed;
  padding:0px;
  margin:0px;
  color:#ccc;
  line-height:20px;
}

#regions_top_nav_system_path .regions_block_content {
 height:20px;    
}

#regions_top_nav_system_path {
  float:left;
  height:20px;
}

#regions_top_nav_user_menu {
  float:right;
  line-height:20px;
  
}

#regions_top_nav_user_menu a {
  padding: 0px 10px !important;
}

#regions_top_nav_notifications {
  float:right;
  padding:0px 10px;
}

/**
 * Aggressive resets so we can achieve a consistent look in
 * hostile CSS environments.
 */
#regions_top_nav,
#regions_top_nav * {
  margin:0px;
  padding:0px;
  vertical-align:top;
  line-height:20px;
  text-align:left;
  color:#ccc;
}

#regions_top_nav div.regions_post_block_container {
  position:fixed;
  left:0px;
  right:0px;
  top:20px;
  height:10px;
  background:url(images/sprite.png) 0px -100px repeat-x;
}

#regions_top_nav a {
  text-decoration:none;
  color:#ccc !important;
  height: 20px;
  padding: 0px;
  font-weight: normal;
}

#regions_top_nav li {
 list-style-image:none;
 list-style-type:none;
 list-style-position:inside;
}
#regions_top_nav_notifications li a{
 padding:0px;
}

#regions_top_nav a:hover {
 background-color:#666;
}

#regions_top_nav li a.active {
  text-shadow:#333 0px 1px 0px;
}
#regions_top_nav_system_path li a.active {
background-color:#666;  
}

#regions_top_nav_notifications {
  float:right;
  margin-left:20px;
  line-height:20px;
  height:20px;
}

#regions_top_nav_notifications li {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  display:inline;
  margin:0px;
  padding:0px 0px;
  height:20px;
  width:20px;
  float:left;
  background-position:right;
  background-repeat:no-repeat;
}
#regions_top_nav_notifications a {
  width:20px;
  height:20px;
}
/* always hide the flag state change message when in the top bar */
#regions_top_nav_notifications .flag-message {
 display:none !important;  
}
#regions_top_nav_notifications a:hover {
 background-color:transparent;
}
#regions_top_nav_notifications li:hover {
 background-color:#666;
}
#regions_top_nav_system_path a {
  height:20px;
  float:left;
  padding:0px 10px;
  border-right:2px #666 solid;
}

#regions_top_nav_system_path li {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  display:inline;
  margin:0px;
  height:20px;
  float:left;
}



/* notifications area */
#regions_top_nav_notifications {
  float:right;
  line-height:20px;
}
#regions_top_nav_notifications .regions_block_title {
  float:right;
  cursor:pointer;
}
#regions_top_nav_notifications .regions_block_title a{
  float:right;
  cursor:pointer;
}
#regions_top_nav_notifications .regions_block_title:hover {
  background-color:#666;
}
.regions_top_nav_open {
  background-color:#666;
}
#regions_top_nav_notifications .regions_block_content {
  width:300px;
  display:none;
  top:20px;
  border-left:solid 2px #444;
  border-right:solid 1px #444;
  background-color:#555;
  z-index:499;
  position:fixed;
  right:100px;
}
.regions_top_nav_row {
  border-bottom:solid 1px #444;
  width:100%;
  min-height:50px;
  float:left;
  padding:2px;
}
#regions_top_nav .regions_top_nav_msg_bar_icon {
 width:20px;
 height:20px;
 float:right;
 background-position:center;
 background-repeat:no-repeat;
}
#regions_top_nav .regions_top_nav_msg_bar_icon_count {
 width:20px;
 height:20px;
 color:#FFF;
 position:fixed;
 top:1px;
 text-align:right;
 padding:0px;
 font-weight:bold;
 font-size:15px;
 text-shadow:
   -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
}
#regions_top_nav .regions_top_nav_icon {
  float:left;
  padding-top:10px;
}
#regions_top_nav .regions_top_nav_arrow {
  float:right;
  vertical-align:middle;
  padding:2px;
}

#regions_top_nav .regions_top_nav_msg {
  padding-left:5px;
  float:left;
  width:260px;
}

#regions_top_nav .regions_top_nav_msg_title{
  font-weight: bold;
  font-size: 12px;
  color: white;
}

#regions_top_nav .regions_top_nav_msg_text{
  font-size: 10px;
}

File

modules/regions_top_nav/regions_top_nav.css
View source
  1. /* right side blocks */
  2. body {
  3. margin-top:20px !important;
  4. }
  5. html body.admin-menu {
  6. padding-top:20px !important;
  7. }
  8. body.admin-menu #regions_top_nav{
  9. top:30px !important;
  10. }
  11. body.admin-menu-with-shortcuts #regions_top_nav{
  12. top:66px !important;
  13. }
  14. body.admin-menu #regions_top_nav_notifications .regions_block_content{
  15. top:50px !important;
  16. }
  17. body.admin-menu-with-shortcuts #regions_top_nav_notifications .regions_block_content{
  18. top:86px !important;
  19. }
  20. body.overlay #regions_top_nav {
  21. display:none;
  22. }
  23. #regions_top_nav {
  24. font:normal 12px "Lucida Grande",Verdana,sans-serif !important;
  25. background-color:#000;
  26. background:url(images/sprite.png) 0px -20px repeat-x;
  27. top:0px;
  28. left:0px;
  29. right:0px;
  30. height:20px;
  31. width: 100%;
  32. z-index:499;
  33. float:left;
  34. position:fixed;
  35. padding:0px;
  36. margin:0px;
  37. color:#ccc;
  38. line-height:20px;
  39. }
  40. #regions_top_nav_system_path .regions_block_content {
  41. height:20px;
  42. }
  43. #regions_top_nav_system_path {
  44. float:left;
  45. height:20px;
  46. }
  47. #regions_top_nav_user_menu {
  48. float:right;
  49. line-height:20px;
  50. }
  51. #regions_top_nav_user_menu a {
  52. padding: 0px 10px !important;
  53. }
  54. #regions_top_nav_notifications {
  55. float:right;
  56. padding:0px 10px;
  57. }
  58. /**
  59. * Aggressive resets so we can achieve a consistent look in
  60. * hostile CSS environments.
  61. */
  62. #regions_top_nav,
  63. #regions_top_nav * {
  64. margin:0px;
  65. padding:0px;
  66. vertical-align:top;
  67. line-height:20px;
  68. text-align:left;
  69. color:#ccc;
  70. }
  71. #regions_top_nav div.regions_post_block_container {
  72. position:fixed;
  73. left:0px;
  74. right:0px;
  75. top:20px;
  76. height:10px;
  77. background:url(images/sprite.png) 0px -100px repeat-x;
  78. }
  79. #regions_top_nav a {
  80. text-decoration:none;
  81. color:#ccc !important;
  82. height: 20px;
  83. padding: 0px;
  84. font-weight: normal;
  85. }
  86. #regions_top_nav li {
  87. list-style-image:none;
  88. list-style-type:none;
  89. list-style-position:inside;
  90. }
  91. #regions_top_nav_notifications li a{
  92. padding:0px;
  93. }
  94. #regions_top_nav a:hover {
  95. background-color:#666;
  96. }
  97. #regions_top_nav li a.active {
  98. text-shadow:#333 0px 1px 0px;
  99. }
  100. #regions_top_nav_system_path li a.active {
  101. background-color:#666;
  102. }
  103. #regions_top_nav_notifications {
  104. float:right;
  105. margin-left:20px;
  106. line-height:20px;
  107. height:20px;
  108. }
  109. #regions_top_nav_notifications li {
  110. list-style-image:none;
  111. list-style-position:inside;
  112. list-style-type:none;
  113. display:inline;
  114. margin:0px;
  115. padding:0px 0px;
  116. height:20px;
  117. width:20px;
  118. float:left;
  119. background-position:right;
  120. background-repeat:no-repeat;
  121. }
  122. #regions_top_nav_notifications a {
  123. width:20px;
  124. height:20px;
  125. }
  126. /* always hide the flag state change message when in the top bar */
  127. #regions_top_nav_notifications .flag-message {
  128. display:none !important;
  129. }
  130. #regions_top_nav_notifications a:hover {
  131. background-color:transparent;
  132. }
  133. #regions_top_nav_notifications li:hover {
  134. background-color:#666;
  135. }
  136. #regions_top_nav_system_path a {
  137. height:20px;
  138. float:left;
  139. padding:0px 10px;
  140. border-right:2px #666 solid;
  141. }
  142. #regions_top_nav_system_path li {
  143. list-style-image:none;
  144. list-style-position:inside;
  145. list-style-type:none;
  146. display:inline;
  147. margin:0px;
  148. height:20px;
  149. float:left;
  150. }
  151. /* notifications area */
  152. #regions_top_nav_notifications {
  153. float:right;
  154. line-height:20px;
  155. }
  156. #regions_top_nav_notifications .regions_block_title {
  157. float:right;
  158. cursor:pointer;
  159. }
  160. #regions_top_nav_notifications .regions_block_title a{
  161. float:right;
  162. cursor:pointer;
  163. }
  164. #regions_top_nav_notifications .regions_block_title:hover {
  165. background-color:#666;
  166. }
  167. .regions_top_nav_open {
  168. background-color:#666;
  169. }
  170. #regions_top_nav_notifications .regions_block_content {
  171. width:300px;
  172. display:none;
  173. top:20px;
  174. border-left:solid 2px #444;
  175. border-right:solid 1px #444;
  176. background-color:#555;
  177. z-index:499;
  178. position:fixed;
  179. right:100px;
  180. }
  181. .regions_top_nav_row {
  182. border-bottom:solid 1px #444;
  183. width:100%;
  184. min-height:50px;
  185. float:left;
  186. padding:2px;
  187. }
  188. #regions_top_nav .regions_top_nav_msg_bar_icon {
  189. width:20px;
  190. height:20px;
  191. float:right;
  192. background-position:center;
  193. background-repeat:no-repeat;
  194. }
  195. #regions_top_nav .regions_top_nav_msg_bar_icon_count {
  196. width:20px;
  197. height:20px;
  198. color:#FFF;
  199. position:fixed;
  200. top:1px;
  201. text-align:right;
  202. padding:0px;
  203. font-weight:bold;
  204. font-size:15px;
  205. text-shadow:
  206. -1px -1px 0 #000,
  207. 1px -1px 0 #000,
  208. -1px 1px 0 #000,
  209. 1px 1px 0 #000;
  210. }
  211. #regions_top_nav .regions_top_nav_icon {
  212. float:left;
  213. padding-top:10px;
  214. }
  215. #regions_top_nav .regions_top_nav_arrow {
  216. float:right;
  217. vertical-align:middle;
  218. padding:2px;
  219. }
  220. #regions_top_nav .regions_top_nav_msg {
  221. padding-left:5px;
  222. float:left;
  223. width:260px;
  224. }
  225. #regions_top_nav .regions_top_nav_msg_title{
  226. font-weight: bold;
  227. font-size: 12px;
  228. color: white;
  229. }
  230. #regions_top_nav .regions_top_nav_msg_text{
  231. font-size: 10px;
  232. }