"Edit" Personalizado

Sua caixa de editar posts ficará assim:

Ela possui efeito hover, visualizado apenas no navegador Firefox. Para tê-la, insira no seu CSS o seguinte código:

/**** EDITAR OS POSTS ****/
.edit {
font-size : 10px;
font-family : Tahoma, Arial, Helvetica, sans-serif; 
font-weight:none;
color: #5B5A4B;
-moz-border-radius: 0 20px 0 20px;
text-align:center;
letter-spacing:1px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 7px;
padding-right: 7px;
display: block;
background-color:#D6CFBD;
}

.edit:hover {
font-size : 10px;
font-family : Tahoma, Arial, Helvetica, sans-serif; 
font-weight:none;
color: #5B5A4B;
-moz-border-radius: 0 20px 0 20px;
text-align:center;
cursor:default;
letter-spacing:1px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 7px;
padding-right: 7px;
display: block;
background-color:#C6BEA8;
}

Quando quiser usá-la, coloque:

<div class="edit">Conteúdo</div>