Skip to content

Instantly share code, notes, and snippets.

@lakesare
Last active July 13, 2018 22:24
Show Gist options
  • Save lakesare/7b54cfe5acb650cf7c2fc64d9a1ec8ed to your computer and use it in GitHub Desktop.
Save lakesare/7b54cfe5acb650cf7c2fc64d9a1ec8ed to your computer and use it in GitHub Desktop.
Pdf css
body {
position: relative;
top: -928px;
left: -1076px;
color: #373737;
font-family: Arial, sans-serif;
font-size: 17px;
line-height: 24px;
max-width: 100%;
width: 100% !important;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
margin: 0 auto;
padding: 0;
background-color: #28282a;
}
.cert-background-image {
position: absolute;
background: url('https://certcentral.com/static/pdf/CC-Certificate.png') no-repeat;
width: 2003px;
height: 1413px;
-ms-transform: rotate(90deg) scale(0.56, 0.56);
-ms-transform-origin: 50% 100%;
-webkit-transform: rotate(90deg) scale(0.56, 0.56);
-webkit-transform-origin: 50% 100%;
transform: rotate(90deg) scale(0.56, 0.56);
transform-origin: 50% 100%;
}
.company-image {
position: absolute;
top: 110px;
left: 110px;
max-width: 288px;
min-width: 200px;
}
.company-name {
position: absolute;
top: 192px;
left: 422px;
font-size: 47px;
}
.cert-title-text {
position: absolute;
top: 502px;
left: 936px;
width: 838px;
text-align: center;
font-size: 49px;
line-height: 62px;
}
.cert-awarded {
position: absolute;
top: 702px;
left: 976px;
width: 758px;
text-align: center;
font-size: 49px;
color: #338dd6;
}
.cert-date {
position: absolute;
top: 802px;
left: 976px;
width: 758px;
text-align: center;
font-size: 38px;
}
.custom-certificate-text{
position: absolute;
top: 900px;
left: 976px;
width: 758px;
font-size: 29px;
}
.custom-certificate-text pre{
margin: 0;
width: 826px;
height: 244px;
padding: 10px;
white-space: pre-wrap;
word-break: keep-all;
font-family: Arial;
line-height: 20px;
}
.cert-id {
position: absolute;
bottom: 160px;
right: 150px;
font-size: 35px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment