0byt3m1n1
Path:
C:
/
BACKUPS
/
IDCARD-backup
/
id Code
/
css
/
card
/
[
Home
]
File: card-style.css
@font-face { font-family: "opensans"; src: url("../../fonts/OpenSans_Regular.ttf"); } @font-face { font-family: "opensanslight"; src: url("../../fonts/OpenSans_Light.ttf"); } @font-face { font-family: "Font Awesome"; src: url("../../fonts/fontawesome.ttf"); } body { margin: 0px; padding: 0px; font-family: "opensans", Helvetica; background: #ffffff; } .fontawesome { font-family: "Font Awesome"; font-size: 24px; color: #404747; } .txt { color: #9CA8A5; font-size: 11.6px; } .highlight { color: #56AFDE; } .volunteer { color: #fff; position: absolute; left: 21.9832px; top: 222.716px; font-size: 16.0843px; font-family: "opensanslight"; } .header { background-color: #144c85; height: 64px; } .footer { background-color: #144c85; text-align: center; position: absolute; bottom: 0px; } .twitter { position: absolute; left: 21.9837px; top: 155.203px; line-height: 1; font-family: "opensans"; } .irc { position: absolute; left: 21.9837px; top: 171.24px; line-height: 1; font-family: "opensans"; } .logo { width: 70px; height: 70px; position: absolute; left: 50px; top: 150px; display: block; } .avatar { width: 70px; height: 70px; position: absolute; left: 50px; top: 150px; display: block; } .footer-logo { width: 128px; position: absolute; left: 293px; top: 222px; display: block; } .twitter, .irc { font-size: 11.6px; } .name { position: absolute; font-size: 17.5px; left: 165px; top: 22px; width: 265px; font-family: "opensanslight"; line-height: 1; } .position { font-size: 14.6px; position: absolute; left: 165px; top: 39.2898px; width: 265px; color: #9CA8A5; } .contact-ico, .skill-ico, .lang-ico { position: absolute; left: 165px; } .contact, .skill, .lang { position: absolute; left: 203.298px; width: 230px; } .skill { top: 99.9221px; } .skill-ico { top: 101px; } .contact-ico { top: 142.867px; } .contact { top: 140.867px; } .lang-ico { top: 65px; } .lang { top: 70.4591px; } h4{ color: white; align-content: center; } /* front */ body { /*background-color: #d7d6d3;*/ background-color: #ffffff ; font-family: "opensans", Helvetica; } .id-card-holder { background-color: #fff; width: 215px; height: 340px; position: absolute; left: 100px; top: 100px; border: thin solid blue; } .header-logo { width: 35px; margin-top: 5px; margin-left: 7px; } .header-logo-text{ color: white; left: 8px; position: absolute; margin-top: 10px; top: 32px; font-size: 5px; font-weight: 600; } .card-pic{ position: absolute; left: 63px; } .round-img{ border-radius: 50%; } .photo img { width: 80px; height: 100px; margin-top: 7px; text-align: center; } h2 { font-size: 15px; margin: 10px 0; } h3 { font-size: 12px; margin: 2.5px 0; font-weight: 300; } .photo { text-align: center; margin-top: 8px; height: 92px; } .employee-data { text-align: center; margin-top: 20px; font-family: "opensanslight"; line-height: 1; } .footer-text { width: 100%; height: 32px; padding-top: 4px; } .header1{ position: absolute; top: -17px; left: 44px; font-size: 9.5px; color: white; } .header2{ position: absolute; top: -5px; left: 50px; font-size: 9.5px; color: white; } .header3{ position: absolute; top: 25px; left: 54px; font-size: 7px; color: white; font-style: italic; } .header4{ position: absolute; top: 17px; left: 72px; font-size: 11px; color: white; font-weight: 500; } .footer1{ font-size: 10px; margin: 0px; color: white; } .footer2{ font-size: 9px; margin: 0px; color: white; } /* back */ .id-card-holder-back { background-color: #fff; width: 215px; height: 340px; position: absolute; left: 400px; top: 100px; border: thin solid blue; } .header-back { background-color: #144c85; height: 20px; } .footer-back { background-color: #144c85; position: absolute; bottom: 0px; width: 100%; height: 20px; } .table-back{ font-size: 9px; padding-top: 15px; padding-left: 10px; padding-right: 8px; border-spacing: 6px; font-weight: 600; width: 100%; line-height: 1; } .fixed-width{ width: 65px; vertical-align: top; } .table-address-data{ width: 80px; font-family: "opensanslight"; font-size: 8px; line-height: 1.3; word-break: break-word; } .two-dot{ float: right; } .two-dot-pi{ float: right; margin-top: -5%; } .qr-code { width: 50px; } .table-footer{ position: absolute; bottom: 20px; left: 6px; } .td1{ padding-right: 22px; } .td2{ padding-right: 30px; font-size: 8px; vertical-align: bottom; } .td3 { font-size: 8px; vertical-align: bottom; width: 100%; } .td3 img { margin-left: -30%; margin-bottom: 8%; } .table-data{ font-family: "opensanslight"; font-size: 8px; word-break: break-word; }