Clean up formatting of CSS

sparksuite · Oct 11, 2017 · 6e47177 · 6e47177
1 parent 9d28af4
commit 6e47177
Showing 1 changed file with 50 additions and 47 deletions.
diff --git a/invoice.html b/invoice.html
@@ -5,91 +5,94 @@
     <title>A simple, clean, and responsive HTML invoice template</title>
 
     <style>
-    .invoice-box{
-        max-width:800px;
-        margin:auto;
-        padding:30px;
-        border:1px solid #eee;
-        box-shadow:0 0 10px rgba(0, 0, 0, .15);
-        font-size:16px;
-        line-height:24px;
-        font-family:'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
-        color:#555;
+    .invoice-box {
+        max-width: 800px;
+        margin: auto;
+        padding: 30px;
+        border: 1px solid #eee;
+        box-shadow: 0 0 10px rgba(0, 0, 0, .15);
+        font-size: 16px;
+        line-height: 24px;
+        font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
+        color: #555;
     }
 
-    .invoice-box table{
-        width:100%;
-        line-height:inherit;
-        text-align:left;
+    .invoice-box table {
+        width: 100%;
+        line-height: inherit;
+        text-align: left;
     }
 
-    .invoice-box table td{
-        padding:5px;
-        vertical-align:top;
+    .invoice-box table td {
+        padding: 5px;
+        vertical-align: top;
     }
 
-    .invoice-box table tr td:nth-child(2){
-        text-align:right;
+    .invoice-box table tr td:nth-child(2) {
+        text-align: right;
     }
 
-    .invoice-box table tr.top table td{
-        padding-bottom:20px;
+    .invoice-box table tr.top table td {
+        padding-bottom: 20px;
     }
 
-    .invoice-box table tr.top table td.title{
-        font-size:45px;
-        line-height:45px;
-        color:#333;
+    .invoice-box table tr.top table td.title {
+        font-size: 45px;
+        line-height: 45px;
+        color: #333;
     }
 
-    .invoice-box table tr.information table td{
-        padding-bottom:40px;
+    .invoice-box table tr.information table td {
+        padding-bottom: 40px;
     }
 
-    .invoice-box table tr.heading td{
-        background:#eee;
-        border-bottom:1px solid #ddd;
-        font-weight:bold;
+    .invoice-box table tr.heading td {
+        background: #eee;
+        border-bottom: 1px solid #ddd;
+        font-weight: bold;
     }
 
-    .invoice-box table tr.details td{
-        padding-bottom:20px;
+    .invoice-box table tr.details td {
+        padding-bottom: 20px;
     }
 
     .invoice-box table tr.item td{
-        border-bottom:1px solid #eee;
+        border-bottom: 1px solid #eee;
     }
 
-    .invoice-box table tr.item.last td{
-        border-bottom:none;
+    .invoice-box table tr.item.last td {
+        border-bottom: none;
     }
 
-    .invoice-box table tr.total td:nth-child(2){
-        border-top:2px solid #eee;
-        font-weight:bold;
+    .invoice-box table tr.total td:nth-child(2) {
+        border-top: 2px solid #eee;
+        font-weight: bold;
     }
 
     @media only screen and (max-width: 600px) {
-        .invoice-box table tr.top table td{
-            width:100%;
-            display:block;
-            text-align:center;
+        .invoice-box table tr.top table td {
+            width: 100%;
+            display: block;
+            text-align: center;
         }
 
-        .invoice-box table tr.information table td{
-            width:100%;
-            display:block;
-            text-align:center;
+        .invoice-box table tr.information table td {
+            width: 100%;
+            display: block;
+            text-align: center;
         }
     }
+
     /** RTL **/
     .rtl {
         direction: rtl;
         font-family: Tahoma, 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
     }
+
     .rtl table {
         text-align: right;
     }
+
     .rtl table tr td:nth-child(2) {
         text-align: left;
     }