siderbar

TÍTULO DO GADGET

.sidebar h2 {
background-color: #f9f9f9; ---/* cor do fundo */
border-radius: 20px;
border: 1px dotted #ccc; ---/* expressura, tipo e cor da borda */
color: #33cccc; ---/* cor da fonte do título */
font-size: 12px; ---/* tamanho da fonte do título */
font-weight: bold;
padding: 10px; ---/* margem interna */
text-align: center; ---/* alinhamento do título */
text-transform: uppercase;
}

título do gadget

.sidebar h2 {
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 10px;
color: #ffffff; ---/* cor da fonte do título */
background-color: #33cccc; ---/* cor do fundo */
font-size: 14px; ---/* tamanho da fonte do título */
font-family: georgia; ---/* fonte do título */
font-style: italic;
padding: 5px; ---/* margem interna */
text-align: center; ---/* alinhamento do título */
text-transform: lowercase;
}

Título do Gadget

.sidebar h2 {
background-color: #000; ---/* cor do fundo */
border-radius: 30px;
border: 2px solid #ccc; ---/* espressura, tipo e cor da bora */
color: #fff; ---/* cor da fonte do título */
font-family: georgia; ---/* fonte do título */
font-size: 15px; ---/* tamanho da fonte do título */
font-style: italic;
padding-bottom: 7px; ---/* margem interna de baixo */
padding-left: 7px; ---/* margem interna da esquerda */
padding-right: 20px; ---/* margem interna da direita */
padding-top: 7px; ---/* margem interna do topo */
text-align: right; ---/* alinhamento do título */
-webkit-transition:0.4s;
}

.sidebar h2:hover {
background: #ccc; ---/* cor do fundo ao passar o mouse */
color: #000; ---/* cor da fonte do título ao passar o mouse */
-webkit-transition: 0.4s;
}