menu.css 4.95 KB
#accessibility_menu {
  position: absolute;
  left: 0px;
  top: -20px;
  font-height: 21px;
  font-size: 1px;
  text-decoration: none;
}

#noosfero_bar {
  height: 22px;
  font-size: 11px;
  letter-spacing: -1px;
  background: #888 url(../images/white-pixel.gif) 0px 100% repeat-x;
}

#navigation_bar {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 100;
}
#navigation_bar a {
  font-weight: bold;
  line-height: 22px;
  text-decoration: none;
  color: #FFF;
}


#menu_link_to_envhome {
  float: left;
}

#cat_menu {
  padding: 0px;
  margin: 0px;
}
.msie6 #cat_menu {
  width: 100%;
  margin-top: -22px;
}

#cat_menu .linkSubMenu,
#cat_menu ul {
  background-color: #5380B8;
}

.linkSubMenu {
  cursor: default;
  float: left;
  display: block;
  margin-left: 5px;
  position: relative;
  left: 10px;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  background-image: url(../images/borda-esq-aba-azul.gif);
  border-right: 1px solid #FFF;
}
.msie6 .linkSubMenu {
  position: relative;
  left: 100px;
}
.linkSubMenu span {
  display: block;
  line-height: 22px;
  padding: 0px 5px;
  background-position: 0% 100%;
  background-repeat: repeat-x;
  background-image: url(../images/white-pixel.gif);
}
.menu-opened span {
  background-image: none;
}

#cat_menu li {
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: inline;
  font-size: 14px;
  letter-spacing: 0px;
}

#cat_menu ul {
  display: none;
  position: absolute;
  top: 22px;
  left: 0px;
  right: 0px;
  padding: 0px 170px 2px 20px;
  margin: 0px;
  border: 1px solid #FFF;
  border-top: none;
}

#cat_menu ul a {
  background: url(../images/bolota.gif) 0% 50% no-repeat;
  padding-left: 15px;
  margin-left: -10px;
  white-space: nowrap;
}
#cat_menu ul span {
  background: url(../images/bolota.gif) 100% 50% no-repeat;
  padding-right: 15px;
}

/* * * Assets Menu and User Box * * * * * * * * * * * */

#assets_menu {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 0px 0px 0px 10px;
  border: none; /* work arround IE Bug */
  background: transparent; /* work arround IE Bug */
  width: 150px;
}
.msie6 #assets_menu {
  right: -1px;
}

#assets_menu a#open_search {
  display: block;
  height: 21px;
  margin-left: 5px;
}

#assets_menu_layout_iten {
  position: absolute;
  top: 21px;
  left: 0px;
  width: 11px;
  height: 11px;
  overflow: hidden;
  /*background: url(../images/top-bar/assets-menu-top-azul.gif);*/
}

#assets_menu_list {
  padding: 0px 0px 6px 5px;
  /*background: url(../images/top-bar/assets-menu-bg-azul.gif) 0% 100%;*/
  background-color: #888;
}

#assets_menu ul {
  margin: 0px;
  padding: 0px;
  position: relative; /* work arround IE Bug */
  overflow: hidden;
  height: 56px;
}
.msie #assets_menu ul {
  height: 55px;
}

.top_extra_menu li {
  margin: 0px;
  padding: 1px 0px 0px 0px;
  list-style: none;
}

#user_box {
  position: absolute;
  top: 3px;
  right: 170px;
  width: 200px;
  z-index: 100;
}
.docSize-LT-900 #user_box {
  right: 165px;
  width: 160px;
}

#user_menu_head,
#user_box a,
#assets_menu a,
.top_extra_menu a {
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #B8CFE7;
  display: block;
  padding-left: 20px;
  height: 18px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

#user_box a:hover,
.top_extra_menu a:hover {
  background: #3465A4;
  color: #FFF;
}
.msie5 #user_box a,
.msie5 .top_extra_menu a {
  color: #FFF;
  text-decoration: none;
}

#user_box img,
#user_box a span,
#assets_menu a span {
	position: absolute;
	top: 0px;
	left: 0px;
  width: 18px;
  height: 18px;
  display: block;
  float: left;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0.7;
	filter: alpha(opacity=70);
}
#assets_menu a#open_search span {
	top: 1px;
}
/*.msie5 #user_box img,*/
.msie5 #user_box a span,
.msie5 #assets_menu a span {
  display: none;
}
#user_box img,
#user_box a:hover span,
#assets_menu a:hover span {
  opacity: 1;
	filter: alpha(opacity=100);
}
#user_box img {
  border: none;
  top: -2px;
  left: -1px;
	width: 20px;
	height: 20px;
}

/* * * User Menu * * * * * * * * * * * */

#user_menu {
  border: none; /* work arround IE Bug */
  background: transparent; /* work arround IE Bug */
}

#user_menu_head {
  overflow: visible;
  cursor: default;
  width: 100%;
  overflow: hidden;
}
#user_menu_head span {
  position: relative;
  top: 1px;
  left: 1px;
  font-weight: normal;
}

#user_menu_head,
#user_box a#link_login {
  margin-left: 4px;
}
#user_menu a#link_login:hover {
  background: none;
}

#user_box a#link_go_home {
  line-height: 22px;
  top: -3px;
  overflow: visible;
}
.msie #link_go_home img {
  margin-top: 3px;
}

#user_menu_ul {
  position: absolute;
  top: 21px;
  right: 0px;
  background: #888;
}

#user_menu ul {
  width: 200px;
  max-width: 190px;
  height: 0px;
  position: relative; /* work arround IE Bug */
  overflow: hidden;
  padding: 0px 4px 0px 5px;
  margin: 0px;
}
.msie #user_menu ul {
  height: 1px;
}

#user_menu li {
  width: 100%;
  overflow: hidden;
}