Initial commit
This commit is contained in:
154
fusion_payroll/static/src/css/roe_report.css
Normal file
154
fusion_payroll/static/src/css/roe_report.css
Normal file
@@ -0,0 +1,154 @@
|
||||
@page {
|
||||
size: letter;
|
||||
margin: 0.45in 0.35in;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html, body {
|
||||
font-family: Arial, sans-serif !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.page, .article, main {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
div[class*="page"], div[class*="article"] {
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.roe-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.roe-wrapper .watermark {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%) rotate(-45deg);
|
||||
font-size: 125px;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
opacity: 0.07;
|
||||
white-space: nowrap;
|
||||
pointer-events: none;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.roe-wrapper .roe-form {
|
||||
border: 2px solid black !important;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.roe-wrapper .roe-form .header {
|
||||
background-color: #000 !important;
|
||||
color: #fff !important;
|
||||
padding: 5px 10px !important;
|
||||
font-weight: bold !important;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
.roe-wrapper .roe-form table {
|
||||
width: 100% !important;
|
||||
border-collapse: collapse !important;
|
||||
}
|
||||
|
||||
.roe-wrapper .roe-form table td {
|
||||
border: 1px solid black !important;
|
||||
padding: 4px !important;
|
||||
vertical-align: top !important;
|
||||
}
|
||||
|
||||
.roe-wrapper .field-label {
|
||||
background-color: #666 !important;
|
||||
color: #fff !important;
|
||||
font-size: 10px !important;
|
||||
font-weight: bold !important;
|
||||
padding: 2px 4px !important;
|
||||
line-height: 1.1 !important;
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
.roe-wrapper .field-number {
|
||||
background-color: #000 !important;
|
||||
color: #fff !important;
|
||||
font-weight: bold !important;
|
||||
padding: 2px 4px !important;
|
||||
font-size: 10px !important;
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
.roe-wrapper .small-text {
|
||||
font-size: 9px !important;
|
||||
line-height: 1.1 !important;
|
||||
}
|
||||
|
||||
.roe-wrapper .date-boxes {
|
||||
display: flex !important;
|
||||
flex-direction: row !important;
|
||||
gap: 2px !important;
|
||||
align-items: center !important;
|
||||
margin-top: 3px !important;
|
||||
flex-wrap: nowrap !important;
|
||||
}
|
||||
|
||||
.roe-wrapper .date-box {
|
||||
border: 1px solid black !important;
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
text-align: center !important;
|
||||
font-size: 11px !important;
|
||||
line-height: 20px !important;
|
||||
display: inline-block !important;
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
|
||||
.roe-wrapper .date-label {
|
||||
font-size: 10px !important;
|
||||
margin-right: 2px !important;
|
||||
flex-shrink: 0 !important;
|
||||
}
|
||||
|
||||
.roe-wrapper .earnings-table {
|
||||
width: 100% !important;
|
||||
font-size: 10px !important;
|
||||
}
|
||||
|
||||
.roe-wrapper .earnings-table td {
|
||||
text-align: center !important;
|
||||
padding: 2px !important;
|
||||
border: 1px solid black !important;
|
||||
}
|
||||
|
||||
.roe-wrapper .pp-col {
|
||||
width: 30px !important;
|
||||
}
|
||||
|
||||
.roe-wrapper .footer-note {
|
||||
font-size: 9px !important;
|
||||
padding: 4px !important;
|
||||
}
|
||||
|
||||
.roe-wrapper .checkbox {
|
||||
display: inline-block !important;
|
||||
width: 14px !important;
|
||||
height: 14px !important;
|
||||
border: 1px solid black !important;
|
||||
margin-right: 4px !important;
|
||||
text-align: center !important;
|
||||
font-size: 11px !important;
|
||||
line-height: 14px !important;
|
||||
vertical-align: middle !important;
|
||||
}
|
||||
Reference in New Issue
Block a user