http://riosulnet.globo.com/web/conteudo/1_265112.asp?
Agradecemos a todos que compreendem a importância deste Coral para nós e que contribuem para que ele esteja se tornando uma realidade.
/* Subnav Menu ------------------ */ /*-- container geral do menu--*/ ul#topnav { margin: 0; padding: 0; float: left; width: 100%; /*-- se quiser edite a largura total do menu --*/ list-style: none; position: relative; font-size: 1.2em; /*-- edite tamanho da fonte--*/ background: #000; /*-- edite cor de fundo--*/ } /*-- itens das listas--*/ ul#topnav li { float: left; margin: 0; padding: 0; border-right: 1px solid #555; /*--edite borda--*/ } /*-- links dos itens das listas --*/ ul#topnav li a { padding: 10px 15px; display: block; color: #fff; /*-- edite cor dos links --*/ text-decoration: none; } /*-- links dos itens das listas no modo hover --*/ ul#topnav li a:hover { color:#ccc; /*-- edite cor dos links --*/ } /*-- item da lista no modo hover--*/ ul#topnav li:hover { background: #1376c9 ; /*-- edite cor de fundo--*/ } /*-- item da lista do submenu--*/ ul#topnav li span { float: left; padding: 15px 0; position: absolute; left: 0; top:35px; display: none; width: 100%; background: #1376c9; /*-- edite cor de fundo do submenu--*/ color: #fff; /*-- edite cor dos links do submenu--*/ /*--bordas arredondadas a direita--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--bordas arredondadas a esquerda--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } /*-- item da lista do submenu no estado hover--*/ ul#topnav li:hover span { display: block; } /*-- links do item da lista do submenu--*/ ul#topnav li span a { display: inline; color:#ccc; /*-- edite cor dos links do submenu --*/ } /*-- links do item da lista do submenu no modo hover--*/ ul#topnav li span a:hover { text-decoration: underline; color:#000; /*-- edite cor dos links do submenu no estado hover --*/ }