html.printPreview {
background: #aaa -moz-linear-gradient(#777, #ccc) fixed;
background: #aaa -webkit-linear-gradient(#777, #ccc) fixed;
background: #aaa linear-gradient(#777, #ccc) fixed;
border-top: 3px solid #275982
}
.printPreview body {
width: 19cm;
margin: 80px auto 2em !important;
box-shadow: 2px 2px 4px #222;
padding: 1cm;
}
.printPreview .printHelper {
display: block;
}
.printHelper {
position: fixed;
width: 100%;
height: 130px;
overflow: hidden;
margin: 0;
padding: 0;
font: normal 14px/20px Tahoma, Arial, Helvetica, sans-serif;
top: 0;
left: 0;
}
.printHelper div {
background: rgba(235, 235, 255, 0.97);
width: 18cm;
margin: -4px auto 0;
position: relative;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
padding: 15px 20px;
height: 85px;
overflow: hidden;
border-radius: 0 0 6px 6px;
-moz-transition: margin-top 0.5s ease-out;
-webkit-transition: margin-top 0.5s ease-out;
transition: margin-top 0.5s ease-out;
}
.printHelper div.closed {
margin-top: -130px;
}
.printHelper p {
padding: 0;
margin: 0 0 10px;
text-shadow: 0 0 4px #dedeee;
}
.printHelper a.doPrint, a.close {
background-image: -moz-linear-gradient(#B40786, #A5087C 34px, #C31896 108px, #B40786 112px) !important;
background-image: -webkit-linear-gradient(#B40786, #A5087C 34px, #C31896 108px, #B40786 112px) !important;
background-image: linear-gradient(#B40786, #A5087C 34px, #C31896 108px, #B40786 112px) !important;
background-position: 0 0 !important;
background-size: 100% 112px !important;
font: bold 14px Trebuchet MS, sans-serif;
text-shadow: -1px -1px 0 #880F69;
color: #fff !important;
padding: 7px 22px;
display: inline-block;
text-decoration: none !important;
border-radius: 4px;
margin: 0;
-moz-transition: background-position 0.5s;
-webkit-transition: background-position 0.5s;
transition: background-position 0.5s;
}
.printHelper a.doPrint:hover, a.close:hover {
background-position: 0 100% !important;
}
.printHelper a.close {
padding: 4px 12px;
font-size: 12px;
position: absolute;
right: 20px;
}
body.printDivided {
background: transparent;
box-shadow: none;
padding: 0;
}
body.printDivided > * {
display: none !important;
}
body.printDivided .printHelper, body.printDivided .printPage {
display: block !important;
}
.printPage {
background: #fff;
height: 1000px;
width: 19cm;
padding: 0;
border: 40px solid #fff;
margin: 0 0 20px -40px;
overflow: hidden;
box-shadow: 2px 2px 4px #222;
}