2014-05-29 22:31:28 -04:00
|
|
|
body {
|
2014-05-30 22:29:07 -04:00
|
|
|
background-color: #ffffff;
|
|
|
|
color: #000000;
|
|
|
|
font-family: arial;
|
|
|
|
width: 650px;
|
|
|
|
height: 300px;
|
|
|
|
margin: 0 auto;
|
|
|
|
padding: 0;
|
2014-05-29 22:31:28 -04:00
|
|
|
}
|
2014-05-30 22:29:07 -04:00
|
|
|
|
2014-05-29 22:31:28 -04:00
|
|
|
h1 {
|
2014-05-30 22:29:07 -04:00
|
|
|
background-color: #222222;
|
|
|
|
color: #ffffff;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 20px;
|
|
|
|
margin: 0;
|
|
|
|
padding: 10px;
|
|
|
|
height: 20px;
|
2014-05-29 22:31:28 -04:00
|
|
|
}
|
2014-05-30 22:29:07 -04:00
|
|
|
|
|
|
|
p {
|
|
|
|
padding: 0;
|
|
|
|
margin: 0 0 .3em 0;
|
2014-05-29 22:31:28 -04:00
|
|
|
}
|
2014-05-30 22:29:07 -04:00
|
|
|
|
|
|
|
#output {
|
|
|
|
padding: 10px;
|
|
|
|
word-wrap: break-word;
|
|
|
|
height: 260px;
|
|
|
|
overflow: auto;
|
2014-05-29 22:31:28 -04:00
|
|
|
}
|
2014-05-30 22:29:07 -04:00
|
|
|
|
|
|
|
.button {
|
|
|
|
-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
|
|
|
|
-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
|
|
|
|
box-shadow:inset 0px 1px 0px 0px #f29c93;
|
|
|
|
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
|
|
|
|
background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
|
|
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
|
|
|
|
background-color:#fe1a00;
|
|
|
|
-webkit-border-top-left-radius:0px;
|
|
|
|
-moz-border-radius-topleft:0px;
|
|
|
|
border-top-left-radius:0px;
|
|
|
|
-webkit-border-top-right-radius:0px;
|
|
|
|
-moz-border-radius-topright:0px;
|
|
|
|
border-top-right-radius:0px;
|
|
|
|
-webkit-border-bottom-right-radius:0px;
|
|
|
|
-moz-border-radius-bottomright:0px;
|
|
|
|
border-bottom-right-radius:0px;
|
|
|
|
-webkit-border-bottom-left-radius:0px;
|
|
|
|
-moz-border-radius-bottomleft:0px;
|
|
|
|
border-bottom-left-radius:0px;
|
|
|
|
text-indent:0;
|
|
|
|
border:1px solid #d83526;
|
|
|
|
display:inline-block;
|
|
|
|
color:#ffffff;
|
|
|
|
font-family:Arial;
|
|
|
|
font-size:13px;
|
|
|
|
font-weight:bold;
|
|
|
|
font-style:normal;
|
|
|
|
text-decoration:none;
|
|
|
|
text-align:center;
|
|
|
|
text-shadow:1px 1px 0px #b23e35;
|
2014-05-29 22:31:28 -04:00
|
|
|
}
|
2014-05-30 22:29:07 -04:00
|
|
|
.button:hover {
|
|
|
|
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
|
|
|
|
background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
|
|
|
|
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
|
|
|
|
background-color:#ce0100;
|
2014-05-29 22:31:28 -04:00
|
|
|
}
|
|
|
|
|
2014-05-30 22:29:07 -04:00
|
|
|
#copy-button {
|
|
|
|
display: none;
|
|
|
|
position: absolute;
|
|
|
|
right: 20px;
|
|
|
|
bottom: 10px;
|
|
|
|
}
|