Tektraum

Boa Tarde pessoal,

Não sou de ficar pedindo ajuda, tento resolver sozinho, mas desta vez não sei o que fazer ou como fazer.

Uso o Joomla, e peguei um template, só que quando ativei ele, o menu não apareceu as imagens, ou pelo menos elas não estavam onde deveriam... o site para quem quiser ver é:

www.newwavebartenders.com.br Vocês verão o que só aparece a 1 imagem e mesmo assim parece que tem uma mascara nela.

e uma vez consegui fazer aparecer no mozilla, mas no chrome não...

vou passar o arquivo que estou mexendo.

o template que peguei foi o yoo_pace

Se alguem tiver uma luz... agradeço.

Obrigado...

menu.css

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



@import url(../warp/css/menus.css);





/* Mega Drop-Down Menu

----------------------------------------------------------------------------------------------------*/



.menu-dropdown, 

.menu-dropdown .level1,

.menu-dropdown .level1 > span { float: none; }



/* Level 1 espaço entre os quadrados*/

.menu-dropdown li.level1 { margin-bottom: 5px; }



.menu-dropdown a.level1,
      /* tamanho da letra */
.menu-dropdown span.level1 {

  font-size: 14px;

  color: #666;

  text-shadow: 0 1px 0 rgba(255,255,255,0.7);

}



.menu-dropdown a.level1 > span, 
    /* tamanho do quadrado */
.menu-dropdown span.level1 > span {

  display: table-cell;

  width: 70px;

  height: 95px;

  vertical-align: middle;

  text-align: center;

  line-height: 1px ;

}



/* Set Active + Hover */

.menu-dropdown li.active .level1,

.menu-dropdown li.level1:hover .level1,

.menu-dropdown li.remain .level1 { 

  position: relative;

  z-index: 101;
 /* borda da caixinha da pra deixa redonda */
  border-radius: 3px 0 0 3px;

  box-shadow: 0 -1px 1px rgba(0,0,0,0.2) inset;

  color: #fff;

  text-shadow: 0 -1px 0 rgba(0,0,0,0.15);

}



.menu-dropdown li.active .level1:after,

.menu-dropdown li.level1:hover .level1:after,
 /* setinha */
.menu-dropdown li.remain .level1:after {

  content: "";

  display: block;

  position: absolute;

  top: 50%;

  right: -6px;

  width: 7px;

  height: 14px;

  margin-top: -4px;

  background-position: 0 50%;

  background-repeat: no-repeat;

}



/* Drop-Down */

.menu-dropdown .dropdown { 

  top: -5px;

  left: 100%;

  -webkit-backface-visibility: hidden;

}



.menu-dropdown .dropdown-bg > div {

  margin: 5px 5px 5px 0;

  padding: 15px 20px;

  background: #fff;

  background: rgba(255,255,255,0.96);

  border-radius: 0 3px 3px 0;

  box-shadow: 1px 1px 4px rgba(0,0,0,0.1);

}



/* Level 2 */

.menu-dropdown li.level2 { margin: 0 5px; }



.menu-dropdown a.level2,

.menu-dropdown span.level2 { color: #666; }



/* Level 3 */

.menu-dropdown a.level3 {

  padding-left: 15px;

  background-position: 0 0;

  background-repeat: no-repeat;

  color: #666;

}



.menu-dropdown a.level3:hover, 

.menu-dropdown a.level3.current { background-position: 0 -100px; }



/* Icons */

.menu-dropdown .level1 .level1 span.icon {

  width: 40px;

  height: 40px;

  margin-left: 10px;

  margin-bottom: 10px;

  background-position: 20% 50px;

  float: none;

}

.menu-dropdown .level1:hover .level1 span.icon ,

.menu-dropdown .level1.active .level1 span.icon { background-position: 10% -20px; }  ,

.menu-dropdown .level1.remain .level1 span.icon { background-position: 10% -20px; }



.menu-dropdown .level1 .level1 span.icon + span { background-position: 10% -20px; }    ,

.menu-dropdown .level1 .level1 span.icon + span + span { margin-left: 10px; }



/* Subtitles */

.menu-dropdown span.subtitle { font-size: 10px; }





/* Sidebar/Accordion Menu

----------------------------------------------------------------------------------------------------*/



/* Link */

.menu-sidebar a,

.menu-sidebar li > span { color: #666; }





/* Level 1 */

.menu-sidebar li.level1 { padding-top: 5px; }



.menu-sidebar li.level1 > a,

.menu-sidebar li.level1 > span {

  background: #e3e3e3;

  background: rgba(0,0,0,0.04);

  border-radius: 3px;

  box-shadow: 0 1px 0 rgba(0,0,0,0.2);

}



.menu-sidebar a.level1 > span, 

.menu-sidebar span.level1 > span { padding: 5px 100px; }



/* Parent */

.menu-sidebar li.parent .level1 > span {

  padding-right: 20px;

  background: url(../images/menu_sidebar_parent.png) 100% 0 no-repeat;

}



/* Hover */

.menu-sidebar li.level1:hover .level1 {

  background: #ddd;

  background: rgba(0,0,0,0.08);

  box-shadow: 0 1px 0 rgba(0,0,0,0.04),

        0 0 2px rgba(0,0,0,0.05) inset,

        0 1px 0 rgba(0,0,0,0.1) inset;

  color: #666;

  text-shadow: 0 1px 0 #fff;

}



.menu-sidebar li.parent:hover .level1 > span { background-position: 100% -100px; }



/* Active */

.menu-sidebar li.level1 .level1.active { 

  position: relative;

  box-shadow: 0 -1px 1px rgba(0,0,0,0.2) inset;

  color: #fff;

  text-shadow: 0 1px 1px rgba(0,0,0,0.15);

}



/* Parent Active */

.menu-sidebar li.parent .level1.active:before {   

  content: "";

  display: block;

  position: absolute;

  bottom: -6px;

  left: 15px;

  width: 13px;

  height: 8px;

  background-position: 0 0;

  background-repeat: no-repeat;

}



.menu-sidebar li.parent .level1.active > span { background: none; }



/* Level 2-4 */

.menu-sidebar ul.level2 { padding: 10px 15px 5px 15px; }



.menu-sidebar .level2 a > span { 

  padding-left: 17px;

  background-position: 0 0;

  background-repeat: no-repeat;

  line-height: 18px;

}



.menu-sidebar .level2 a:hover > span,

.menu-sidebar .level2 a.current > span { background-position: 0 -100px; }



.menu-sidebar ul.level2 ul { padding-left: 12px; }





/* Line Menu

----------------------------------------------------------------------------------------------------*/



.menu-line li {

  margin-left: 7px;

  padding-left: 8px;

  background: url(../images/menu_line_item.png) 0 50% no-repeat;

}



.menu-line li:first-child {

  margin-left: 0;

  padding-left: 0;

  background: none;

}