<html>
<style>
.lab-header {
text-align: center;
margin: 3em 0 2em;
}
/**
* Layout
*/
.navlist {
margin: 0;
padding: 0;
}
.navlist a {
padding: .75em 1.5em;
text-decoration: none;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.navlistitem {
border-style: solid;
border-width: 0 0 1px;
}
.navlistitem,
.navlistitem a {
display: block;
}
/**
* Presentation
*/
.nav {
background-color: #f5f5f5;
}
.nav .navlistitem {
border-color: #e5e5e5;
}
.nav a {
color: #555;
}
.nav a:hover, .nav a:active, .nav a:focus {
background-color: #e5e5e5;
}
.nav–gray {
background-color: #CBD0D3;
}
.nav–gray .navlistitem {
border-color: #bdc3c7;
}
.nav–gray a {
color: #444;
}
.nav–gray a:hover, .nav–gray a:active, .nav–gray a:focus {
background-color: #bdc3c7;
}
.nav–green {
background-color: #19B698;
}
.nav–green .navlistitem {
border-color: #16a085;
}
.nav–green a:hover, .nav–green a:active, .nav–green a:focus {
background-color: #16a085;
}
.nav–blue {
background-color: #2E8ECE;
}
.nav–blue .navlistitem {
border-color: #2980b9;
}
.nav–blue a:hover, .nav–blue a:active, .nav–blue a:focus {
background-color: #2980b9;
}
.nav–mblue {
background-color: #354B60;
}
.nav–mblue .navlistitem {
border-color: #2c3e50;
}
.nav–mblue a:hover, .nav–mblue a:active, .nav–mblue a:focus {
background-color: #2c3e50;
}
.nav–red {
background-color: #D14233;
}
.nav–red .navlistitem {
border-color: #c0392b;
}
.nav–red a:hover, .nav–red a:active, .nav–red a:focus {
background-color: #c0392b;
}
.nav–green a,
.nav–blue a,
.nav–mblue a,
.nav–red a {
color: rgba(255, 255, 255, 0.75);
}
@media screen and (min-width: 1024px) {
.nav__list > .nav__list__item {
border-width: 0 1px 0 0;
}
.nav__list > .nav__list__item,
.nav__list > .nav__list__item a {
display: inline-block;
}
}
</style>
<nav class="nav nav–mblue">
<ul class="nav__list">
<li class="nav__list__item"><a href="doku.php?id=governanca-soa:governanca-soa">Governança SOA - SSI</a></li>
<li class="nav__list__item"><a href="doku.php?id=governanca-soa:catalogo_de_servico">Catálogo de Serviços</a></li>
<li class="nav__list__item"><a href="doku.php?id=governanca-soa:atividades">Atividades</a></li>
<li class="nav__list__item"><a href="doku.php?id=governanca-soa:base_de_conhecimento">Base de Conhecimento</a></li>
<li class="nav__list__item"><a href="doku.php?id=governanca-soa:suporte">Suporte</a></li>
</ul>
</nav>
<!– Fim do Cabeçalho –>
<br />
</html>