File: /home/mmickelson/spilicensing/public/css/spistyles.css
.licensedisplay {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
font-size: x-small;
width: 100%;
border: none;
background: none;
color: #gray;
/*color: #c20000;*/
text-align: center;
left:0;
}
/*body {*/
/*background: url(http://www.siliconpublishing.com/img/spi_background_02.jpg) no-repeat center center fixed;*/
/*-webkit-background-size: cover;*/
/*-moz-background-size: cover;*/
/*-o-background-size: cover;*/
/*background-size: cover;*/
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.siliconpublishing.com/img/spi_background_02.jpg', sizingMethod='scale');*/
/*-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.siliconpublishing.com/img/spi_background_02.jpg', sizingMethod='scale')";*/
/*}*/
.keybox
{
position: relative;
float: left;
width: 200px;
padding-left: 6px;
padding-right: 6px;
padding-bottom: 2px;
padding-top: 0px;
margin: 0 auto;
background-color: #fff;
-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
}
.keybox:before, .keybox:after
{
position: absolute;
width: 40%;
height: 5px;
content: ' ';
left: 12px;
bottom: 12px;
background: transparent;
-webkit-transform: skew(-5deg) rotate(-5deg);
-moz-transform: skew(-5deg) rotate(-5deg);
-ms-transform: skew(-5deg) rotate(-5deg);
-o-transform: skew(-5deg) rotate(-5deg);
transform: skew(-5deg) rotate(-5deg);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
box-shadow: 0 6px 3px rgba(0, 0, 0, 0.3);
z-index: -1;
}
.keybox:after
{
left: auto;
right: 12px;
-webkit-transform: skew(5deg) rotate(5deg);
-moz-transform: skew(5deg) rotate(5deg);
-ms-transform: skew(5deg) rotate(5deg);
-o-transform: skew(5deg) rotate(5deg);
transform: skew(5deg) rotate(5deg);
}