Mudanças entre as edições de "Pagina de Teste 2"
Linha 1: | Linha 1: | ||
+ | <Html> | ||
+ | <div id="colormenu"> | ||
+ | <span class="blue"><a href="http://wiki.elitesoft.com.br/index.php/DocInterna_RHColaboradores">Cliente</a></span> | ||
+ | <span class="LightBlue2"><a href="#">Painel de Configuração</a></span> | ||
+ | <span class="green"><a href="#">Atendimento</a></span> | ||
+ | <span class="yellow"><a href="#">Novo Atendimento</a></span> | ||
+ | <span class="green2"><a href="#">Prospecto</a></span> | ||
+ | <span class="LightBlue2"><a href="#">Novo Prospecto</a></span> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <Style> | ||
+ | #colormenu { | ||
+ | margin:5px; | ||
+ | padding:5px; | ||
+ | } | ||
+ | } | ||
+ | #colormenu a{ | ||
+ | font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; | ||
+ | padding:6px 20px 9px 20px; | ||
+ | font-size:20px; | ||
+ | color:#000; | ||
+ | text-decoration:none; | ||
+ | font-weight:bold; | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | |||
+ | #colormenu .blue a{ | ||
+ | border-top:6px solid #326abd; | ||
+ | } | ||
+ | #colormenu .blue a:hover{ | ||
+ | color:#FFF; | ||
+ | background-color:#326abd; | ||
+ | -webkit-border-bottom-left-radius: 9px; | ||
+ | -webkit-border-bottom-right-radius: 9px; | ||
+ | -moz-border-radius-bottomleft: 9px; | ||
+ | -moz-border-radius-bottomright: 9px; | ||
+ | } | ||
+ | |||
+ | #colormenu .LightBlue2 a{ | ||
+ | border-top:6px solid #B2DFEE; | ||
+ | } | ||
+ | #colormenu .LightBlue2 a:hover{ | ||
+ | color:#FFF; | ||
+ | background-color:#B2DFEE; | ||
+ | -webkit-border-bottom-left-radius: 9px; | ||
+ | -webkit-border-bottom-right-radius: 9px; | ||
+ | -moz-border-radius-bottomleft: 9px; | ||
+ | -moz-border-radius-bottomright: 9px; | ||
+ | } | ||
+ | #colormenu .green a{ | ||
+ | border-top:6px solid #a5cc3b; | ||
+ | } | ||
+ | #colormenu .green a:hover{ | ||
+ | color:#FFF; | ||
+ | background-color:#a5cc3b; | ||
+ | -webkit-border-bottom-left-radius: 9px; | ||
+ | -webkit-border-bottom-right-radius: 9px; | ||
+ | -moz-border-radius-bottomleft: 9px; | ||
+ | -moz-border-radius-bottomright: 9px; | ||
+ | } | ||
+ | #colormenu .yellow a{ | ||
+ | border-top:6px solid #e6ab07; | ||
+ | } | ||
+ | #colormenu .yellow a:hover{ | ||
+ | color:#FFF; | ||
+ | background-color:#e6ab07; | ||
+ | -webkit-border-bottom-left-radius: 9px; | ||
+ | -webkit-border-bottom-right-radius: 9px; | ||
+ | -moz-border-radius-bottomleft: 9px; | ||
+ | -moz-border-radius-bottomright: 9px; | ||
+ | } | ||
+ | #colormenu .green2 a{ | ||
+ | border-top:6px solid #2b9435; | ||
+ | } | ||
+ | #colormenu .green2 a:hover{ | ||
+ | color:#FFF; | ||
+ | background-color:#2b9435; | ||
+ | -webkit-border-bottom-left-radius: 9px; | ||
+ | -webkit-border-bottom-right-radius: 9px; | ||
+ | -moz-border-radius-bottomleft: 9px; | ||
+ | -moz-border-radius-bottomright: 9px; | ||
+ | } | ||
+ | |||
+ | #colormenu .LightBlue2 a{ | ||
+ | border-top:6px solid #B2DFEE; | ||
+ | } | ||
+ | #colormenu .LightBlue2 a:hover{ | ||
+ | color:#FFF; | ||
+ | background-color:#B2DFEE; | ||
+ | -webkit-border-bottom-left-radius: 9px; | ||
+ | -webkit-border-bottom-right-radius: 9px; | ||
+ | -moz-border-radius-bottomleft: 9px; | ||
+ | -moz-border-radius-bottomright: 9px; | ||
+ | } | ||
+ | |||
+ | #colormenu { | ||
+ | margin:5px; | ||
+ | padding:5px; | ||
+ | } | ||
+ | #colormenu a{ | ||
+ | font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; | ||
+ | padding:6px 20px 9px 20px; | ||
+ | font-size:15px; | ||
+ | color:#000; | ||
+ | text-decoration:none; | ||
+ | font-weight:bold; | ||
+ | text-transform:lowercase; | ||
+ | } | ||
+ | |||
+ | #colormenu .blue a{ | ||
+ | border-top:6px solid #326abd; | ||
+ | } | ||
+ | #colormenu .LightBlue2 a{ | ||
+ | border-top:6px solid #B2DFEE; | ||
+ | } | ||
+ | #colormenu .green a{ | ||
+ | border-top:6px solid #a5cc3b; | ||
+ | } | ||
+ | #colormenu .yellow a{ | ||
+ | border-top:6px solid #e6ab07; | ||
+ | } | ||
+ | #colormenu .green2 a{ | ||
+ | border-top:6px solid #2b9435; | ||
+ | } | ||
+ | #colormenu .LightBlue2 a{ | ||
+ | border-top:6px solid #B2DFEE; | ||
+ | } | ||
+ | #colormenu .bluelight2 a:hover{ | ||
+ | color:#FFF; | ||
+ | background-color:#326abd; | ||
+ | -webkit-border-bottom-left-radius: 9px; | ||
+ | -webkit-border-bottom-right-radius: 9px; | ||
+ | -moz-border-radius-bottomleft: 9px; | ||
+ | -moz-border-radius-bottomright: 9px; | ||
+ | } | ||
+ | #colormenu .red a:hover{ | ||
+ | color:#FFF; | ||
+ | background-color:#b8462c; | ||
+ | -webkit-border-bottom-left-radius: 9px; | ||
+ | -webkit-border-bottom-right-radius: 9px; | ||
+ | -moz-border-radius-bottomleft: 9px; | ||
+ | -moz-border-radius-bottomright: 9px; | ||
+ | } | ||
+ | #colormenu .green a:hover{ | ||
+ | color:#FFF; | ||
+ | background-color:#a5cc3b; | ||
+ | -webkit-border-bottom-left-radius: 9px; | ||
+ | -webkit-border-bottom-right-radius: 9px; | ||
+ | -moz-border-radius-bottomleft: 9px; | ||
+ | -moz-border-radius-bottomright: 9px; | ||
+ | } | ||
+ | #colormenu .yellow a:hover{ | ||
+ | color:#FFF; | ||
+ | background-color:#e6ab07; | ||
+ | -webkit-border-bottom-left-radius: 9px; | ||
+ | -webkit-border-bottom-right-radius: 9px; | ||
+ | -moz-border-radius-bottomleft: 9px; | ||
+ | -moz-border-radius-bottomright: 9px; | ||
+ | } | ||
+ | #colormenu .green2 a:hover{ | ||
+ | color:#FFF; | ||
+ | background-color:#2b9435; | ||
+ | -webkit-border-bottom-left-radius: 9px; | ||
+ | -webkit-border-bottom-right-radius: 9px; | ||
+ | -moz-border-radius-bottomleft: 9px; | ||
+ | -moz-border-radius-bottomright: 9px; | ||
+ | } | ||
+ | #colormenu .LightBlue2 a:hover{ | ||
+ | color:#FFF; | ||
+ | background-color:#B2DFEE; | ||
+ | -webkit-border-bottom-left-radius: 9px; | ||
+ | -webkit-border-bottom-right-radius: 9px; | ||
+ | -moz-border-radius-bottomleft: 9px; | ||
+ | -moz-border-radius-bottomright: 9px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </form> | ||
+ | |||
+ | </Style> | ||
+ | |||
+ | </Html> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
{|style="color:red; font-family:Georgia;font-size:130%; margin-left:auto; margin-right:auto" | {|style="color:red; font-family:Georgia;font-size:130%; margin-left:auto; margin-right:auto" | ||
|- | |- |