Your border-radius are set in the common.css file.
Code: Select all
.headerbar {
margin-bottom: 4px;
padding: 5px;
border-radius: 7px;
}
All of them.
Borders are set in order of top-left, top-right, bottom-right and bottom-left.
border-radius: 7px; is the same as border-radius: 7px 7p 7px 7px; each point out a corner.
border-radius: 0 0 7px 7px; will be square on both top corners and round on both bottom corners.
border-radius: 7px 7px 0 0; will be round on both top corners and square on both bottom corners.
border-radius: 0 7px 0 7px; can you picture this one? Top-left and bottom-right square, top-right and bottom-left round.
You can make both left corners round and both right corners square if you want.
Have fun with that.