YouTube - Upload and Sign in buttons

Preview:
 



HTML

Code
<li><a class="upload" href="#"><span style="line-height: 2.6;">Upload</span></a></li>
<li><a class="signin" href="#"><span style="line-height: 2.6;">Sign in</span></a></li>


CSS

Code
.upload {
display: inline-block;
height: 28px;
border: solid 1px;
padding: 0 12px;
outline: 0;
font-weight: bold;
font-size: 11px !important;
border-color: #d3d3d3;
margin-right:10px;
font-family:sans-serif;
background: #f8f8f8;
color: #333 !important;
text-decoration: none;
white-space: nowrap;
word-wrap: normal;
line-height: normal;
vertical-align: middle;
cursor: pointer;
border-radius: 0px;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
.upload:hover {
border-color: #c6c6c6;
background: #f0f0f0;
box-shadow: 0 1px 0 rgba(0,0,0,0.10);
}
.upload:active {
border-color: #c6c6c6;
background: #e9e9e9;
box-shadow: inset 0 1px 0 #ddd;
}

.signin {
display: inline-block;
height: 28px;
border: solid 1px transparent;
padding: 0 12px;
outline: 0;
font-weight: bold;
font-size: 11px !important;
text-decoration: none;
white-space: nowrap;
font-family:sans-serif;
word-wrap: normal;
line-height: normal;
vertical-align: middle;
cursor: pointer;
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
border-color: #1b7fcc;
background: #1b7fcc;
color: #fff !important;
}
.signin:hover {
background: #126db3;
}
.signin:active {
background: #095b99;
box-shadow: inset 0 1px 0 rgba(0,0,0,0.5);
}
li {list-style:none; display:inline-block}

Total comments: 0
Name *:
Email:
Code *: