xxxxxxxxxx
.back {
padding:30px;
background-color:#c11;
}
.bottom-corner, input, .top-corner, .icon{
display:inline-block;
padding:3px 10px;
vertical-align:middle;
}
.icon{
background-color:#fff;
padding-top:10px;
height:23px;
}
.bottom-corner, .top-corner{
height: 20px;
}
.bottom-corner{
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
margin-right: -4px;
}
.top-corner{
margin-left:-4px;
border-top: 10px solid transparent;
border-left: 10px solid #fff;
}
input {
background-color:#fff;
border:0;
height:30px;
width:300px;
}
xxxxxxxxxx
.back {
padding:30px;
background-color:#c11;
}
.bottom-corner, input, .top-corner, .icon{
display:inline-block;
padding:3px 10px;
vertical-align:middle;
}
.icon{
background-color:#fff;
padding-top:10px;
height:23px;
}
.bottom-corner, .top-corner{
height: 20px;
}
.bottom-corner{
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
margin-right: -4px;
}
.top-corner{
margin-left:-4px;
border-top: 10px solid transparent;
border-left: 10px solid #fff;
}
input {
background-color:#fff;
border:0;
height:30px;
width:300px;
}