Skip to content

Instantly share code, notes, and snippets.

@smartworld-dm
Created January 10, 2019 11:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save smartworld-dm/84e072aab29121c75565c22993c07044 to your computer and use it in GitHub Desktop.
Save smartworld-dm/84e072aab29121c75565c22993c07044 to your computer and use it in GitHub Desktop.
invoice design css
body {
background-color: black;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
font-family: 'Proxima Nova Soft', 'Helvetica Neue', sans-serif;
}
.main {
width: 800px;
height: 800px;
background-color: white;
padding: 80px;
}
.title > p {
float: right;
font-size: 36px;
vertical-align: top;
margin-top: 10px;
}
.from {
margin-top: 30px;
}
.from, .to {
height: 180px;
line-height: 10px
}
table {
width: 100%;
border-collapse: collapse;
}
td, th {
height: 35px;
padding-left: 5px;
padding-right: 5px;
}
tbody tr:nth-child(even) {background: white}
tbody tr:nth-child(odd) {background: #deeaf6}
tbody th, tbody td {
border: 1px solid #9dc1e5;
}
.bottom {
width: 800px;
text-align: center;
font-family: sans-serif;
bottom: 0px;
position: absolute;
}
.bottom a {
color: #0c5fc1;
text-decoration: underline;
cursor: pointer;
}
.left-60 {
float: left;
vertical-align: top;
width: 60%;
}
.right-40 {
float: right;
vertical-align: top;
width: 40%;
}
.left-45 {
float: left;
vertical-align: top;
width: 45%;
}
.right-55 {
float: right;
vertical-align: top;
width: 55%;
}
.ta-left {
text-align: left;
}
.ta-right {
text-align: right;
}
.no-border {
border: 0px !important;
background-color: white;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment