app/assets/stylesheets/organization_report.scss
h1 {
prince-bookmark-level: 1;
}
h2 {
prince-bookmark-level: 2;
}
h3 {
prince-bookmark-level: 3;
font-weight: 600;
font-size: 12pt;
}
.changelog {
h4 {
font-weight: 400;
font-size: 12pt;
margin: 0.25in 0 0.1in;
}
ul {
list-style-type: square;
padding-left: 0.25in;
li {
color: #999;
margin-bottom: 0.05in;
strong {
color: #333;
font-weight: 600;
}
}
}
code {
font-family: Courier, 'New Courier', monospace;
font-size: 14px;
overflow-wrap: break-word;
&.before {
background-color: #ccc;
color: #000;
}
&.after {
background-color: #22f28a;
color: #000;
}
}
}
.observations {
list-style-type: square;
padding-left: 0.25in;
}
.page {
page-break-before: always;
}
#cover .graphic {
padding: 0.5in 0;
margin-top: 4in;
text-align: center;
background-color: #f8f9fa;
}
#cover .graphic img {
width: 4in;
}
#cover h1 {
font-weight: 300;
font-size: 20pt;
text-align: right;
margin: 0.5in 0.5in 0 0;
color: #15003e;
}
#cover p {
font-weight: 700;
font-size: 12pt;
text-align: right;
margin-right: 0.5in;
}
#toc {
padding: 1in 1in;
}
#toc h1 {
font-size: 20pt;
font-weight: 600;
margin-bottom: 0.2in;
}
#toc li {
list-style-type: decimal;
list-style-position: inside;
font-size: 14pt;
font-weight: 300;
padding-left: 0.5cm;
}
#toc li a,
td a {
color: inherit;
text-decoration: none;
}
.content {
padding: 1in;
font-size: 11pt;
}
.content h1 {
font-size: 20pt;
font-weight: 600;
color: #15003e;
}
.content h2 {
font-size: 15pt;
font-weight: 600;
color: #15003e;
}
.content .h4 {
font-size: 15pt;
font-weight: 700;
text-align: center;
}
.content p.lead {
font-size: 14pt;
font-weight: 300;
margin-bottom: 0.2in;
color: #666666;
}
.divider {
width: 30%;
margin: 0.5in auto;
border-top: 1px solid #eee;
}
.flex-container {
display: flex;
justify-content: space-around;
align-items: stretch;
}
.flex-item {
background: #f6f6f6;
height: 0.75in;
flex: 0 0 1.25in;
padding-top: 0.2in;
border-radius: 6pt;
h4 {
font-size: 15pt;
font-weight: 700;
text-align: center;
}
small {
margin-top: -2pt;
display: block;
text-align: center;
color: #666;
text-transform: uppercase;
font-size: 9pt;
}
}
.flex-1 {
flex: 0 0 5.5in;
}
body {
font-family: 'Open Sans', sans-serif;
line-height: 1.6;
}
table {
margin-top: 0.5in;
font-size: 10pt;
width: 100%;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.w-0-5 {
width: 0.5in;
}
.w-0-75 {
width: 0.75in;
}
.w-1-0 {
width: 1in;
}
.w-1-25 {
width: 1.25in;
}
.w-1-5 {
width: 1.5in;
}
span.badge-removed {
float: right;
color: #fff;
background-color: #6c757d;
display: inline-block;
padding: 0.25em 0.4em 0.4em;
margin-top: 2px;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
thead th {
color: #919191;
text-transform: uppercase;
line-height: 24pt;
}
tfoot th {
text-align: right;
font-weight: bold;
border: 1px solid #ccc;
border-top: 3px double #ccc;
background-color: #eee;
padding: 5pt;
}
td {
vertical-align: middle;
padding: 2pt 5pt;
text-align: right;
border: 1px solid #ccc;
}
tr.danger td.td-color {
background-color: #cd3c41;
color: #fff;
}
tr.warn td.td-color {
background-color: #ef8c41;
}
tr.success td.td-color {
background-color: #22f28a;
}
tr.saturday td {
border-bottom: 2px solid #333;
}
tr:nth-child(odd) td {
background: #f6f6f6;
}