93 lines
2.1 KiB
Plaintext
93 lines
2.1 KiB
Plaintext
|
|
/*===================================================
|
|
PRINT STYLES - Designed soley for Invoice Page
|
|
Problems will arise if you attempt to use
|
|
these styles globally
|
|
=====================================================*/
|
|
@media print {
|
|
|
|
.invoice-page {
|
|
|
|
/* Reset + Hide Primary Page Components */
|
|
header.navbar,
|
|
#sidebar_left,
|
|
#sidebar_right,
|
|
#topbar,
|
|
#skin-toolbox,
|
|
.panel-heading,
|
|
.invoice-buttons {
|
|
display: none !important;
|
|
visibility: hidden;
|
|
width: 0 !important;
|
|
height: 0 !important;
|
|
outline: 0;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
overflow: hidden;
|
|
}
|
|
/* Modify Primary Container */
|
|
#content_wrapper {
|
|
background: 0;
|
|
margin: 0 auto !important;
|
|
padding: 0 !important;
|
|
left: auto !important;
|
|
right: auto !important;
|
|
transition: none;
|
|
}
|
|
#content {
|
|
padding: 0;
|
|
background: none;
|
|
}
|
|
#content_wrapper:after {margin: 0;display: none;}
|
|
/* Shorten and center page */
|
|
#main {
|
|
width: 1100px !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
/* Remove all Panel Borders */
|
|
.panel,
|
|
.panel-body {
|
|
border: 0 !important;
|
|
margin: 0 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
/* Hide Image Logo and reveal Text logo */
|
|
.invoice-logo { display: none !important; }
|
|
.invoice-logo-text {
|
|
display: block !important;
|
|
visibility: visible !important;
|
|
}
|
|
/* Modify Invoice Container */
|
|
.table-layout > .col-md-10 {
|
|
width: 100% !important;
|
|
padding: 0 !important;
|
|
}
|
|
/* Modify Invoice Panels */
|
|
#invoice-info {
|
|
border-top: 1px dashed #ddd;
|
|
border-bottom: 1px dashed #ddd;
|
|
margin-top: 20px !important;
|
|
margin-bottom: 40px !important;
|
|
background-color: #ddd;
|
|
}
|
|
/* Modify Invoice Panels */
|
|
#invoice-info > .col-md-4 {
|
|
float: none;
|
|
display: inline-block;
|
|
width: 32%;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
#invoice-info > .col-md-4:nth-child(2) {
|
|
text-align: center;
|
|
}
|
|
#invoice-info > .col-md-4:last-child {
|
|
text-align: right;
|
|
position: relative;
|
|
top: 8px;
|
|
}
|
|
#invoice-info > .col-md-4 .panel-body {
|
|
padding: 10px;
|
|
}
|
|
}
|
|
} |