Created
March 18, 2019 13:26
-
-
Save kolomiec-valeriy/b521f2bf00ef6a01f4ab0f21ea3acc8d to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.highcharts-credits { | |
display: none; | |
} | |
.highchart-block { | |
min-width: 250px; | |
max-width:500px; | |
height: 250px; | |
margin: 0 auto 20px; | |
} | |
.page-break { | |
page-break-before:always; | |
} | |
.relative { | |
position: relative; | |
} | |
html, body { | |
height: 100%; | |
background-color: #EEEEEE; | |
.all-content { | |
height: 100%; | |
max-width: 800px; | |
} | |
} | |
body { | |
font-family: 'Exo 2', sans-serif; | |
font-size: 14px; | |
color: #666666; | |
} | |
h2, h4 { | |
font-weight: bold; | |
} | |
h3 { | |
margin-bottom: 1rem; | |
} | |
.pl-2 { | |
padding-left: 20px !important; | |
} | |
.red { | |
color: #ff0000; | |
} | |
.logo { | |
display: none; | |
margin-bottom: 10px; | |
width: 50px; | |
height: 50px; | |
background: #ffffff url("../img/logo_pdf.png") no-repeat; | |
background-size: cover; | |
float: right; | |
} | |
.main-logo { | |
position: absolute; | |
right: 20px; | |
} | |
.page-image { | |
width: 100%; | |
height: 500px; | |
display: flex; | |
align-items: center; | |
justify-content: center; | |
} | |
.first-page-image { | |
background: #ffffff url("../img/report_new_first_page.png") no-repeat; | |
background-size: cover; | |
} | |
.page-number { | |
display: none; | |
position: absolute; | |
bottom: 20px; | |
right: 40px; | |
font-size: 18px; | |
} | |
.main { | |
position: relative; | |
padding: 40px 20px 0; | |
.main-container { | |
width: 100%; | |
} | |
p { | |
font-size: 18px; | |
opacity: 0.6; | |
color: #383758; | |
font-family: "Nunito", Arial, sans-serif; | |
font-weight: 600; | |
letter-spacing: 0.08px; | |
} | |
.pdf-copy { | |
display: none; | |
} | |
} | |
.main h2 { | |
font-size: 28px; | |
opacity: 0.7; | |
color: #383758; | |
font-family: "Montserrat", Arial, sans-serif; | |
font-weight: 700; | |
letter-spacing: 0.11px; | |
} | |
.description { | |
margin: 0; | |
text-align: center; | |
h2 { | |
margin-bottom: 1rem; | |
} | |
} | |
.content { | |
position: relative; | |
padding: 40px 20px 0; | |
.first-upper-letter:first-letter { | |
text-transform: capitalize; | |
} | |
.report-chart { | |
border: 2px solid #569DF9; | |
margin: 0 auto; | |
min-width: 250px; | |
max-width: 500px; | |
height: 290px; | |
} | |
.report-chart * { | |
font-family: "Nunito", Arial, sans-serif; | |
letter-spacing: 0.08px; | |
color: #383758; | |
} | |
.report-chart text { | |
opacity: 0.6; | |
} | |
p { | |
text-align: justify; | |
} | |
p, li { | |
opacity: 0.6; | |
color: #383758; | |
font-family: "Nunito", Arial, sans-serif; | |
font-size: 16px; | |
letter-spacing: 0.08px; | |
} | |
sup { | |
margin-left: 2px; | |
font-size: 10px; | |
} | |
.title { | |
font-weight: bold; | |
font-size: 18px; | |
} | |
.note { | |
font-size: 12px; | |
.separator { | |
margin: 0 0 5px; | |
width: 200px; | |
border: 0.5px solid #000000; | |
} | |
sup { | |
margin-left: 0; | |
margin-right: 2px; | |
font-size: 8px; | |
} | |
p { | |
margin: 0; | |
font-size: 12px; | |
} | |
} | |
ol, ul { | |
padding-left: 20px; | |
} | |
ol.internal-list, ul.internal-list { | |
padding-left: 40px; | |
li:before { | |
left: 35px; | |
} | |
} | |
ol { | |
counter-reset: list 0; | |
li { | |
list-style-type: none; | |
margin-bottom: 5px; | |
} | |
li:before { | |
counter-increment: list; | |
content: counter(list) ". "; | |
position: absolute; | |
left: 15px; | |
} | |
} | |
ol.second-list, ol.list-2 { | |
counter-reset: list 1; | |
} | |
ol.third-list, ol.list-3 { | |
counter-reset: list 2; | |
} | |
ol.fourth-list, ol.list-4 { | |
counter-reset: list 3; | |
} | |
ol.fifth-list, ol.list-5 { | |
counter-reset: list 4; | |
} | |
ol.sixth-list, ol.list-6 { | |
counter-reset: list 5; | |
} | |
ol.seventh-list, ol.list-7 { | |
counter-reset: list 6; | |
} | |
.border-container { | |
background-color: #ffffff; | |
border: 2px solid #569DF9; | |
padding: 5px 10px; | |
li { | |
margin: 0; | |
} | |
} | |
.border-list-internal { | |
padding: 15px 10px 15px 40px; | |
ol { | |
padding-left: 0; | |
} | |
} | |
.underline { | |
text-decoration: underline; | |
} | |
.v-block { | |
padding: 15px 10px; | |
} | |
.first-column, .second-column { | |
height: 50%; | |
} | |
.first-column { | |
min-height: 125px; | |
} | |
.second-column { | |
margin-top: 15px; | |
min-height: 100px; | |
} | |
.mt-m-4 { | |
margin-top: 40px; | |
} | |
.mt-35 { | |
margin-top: 35px; | |
} | |
.web-copy { | |
margin: 20px 0; | |
p { | |
margin: 0; | |
font-size: 12px; | |
} | |
} | |
} | |
@media ("min-width: 992px") { | |
.content { | |
.d-block-padding { | |
padding-bottom: 33px; | |
} | |
} | |
} | |
@media ("max-width: 992px") { | |
.page-image { | |
height: 430px; | |
} | |
} | |
@media ("max-width: 767px") { | |
.page-image { | |
height: 310px; | |
} | |
h3 { | |
font-size: 18px; | |
} | |
.content p, .content li { | |
font-size: 14px; | |
} | |
.pb-m-20 { | |
padding-bottom: 20px; | |
} | |
} | |
@media ("max-width: 575px") { | |
.report-chart .highcharts-title tspan { | |
font-size: 16px; | |
} | |
h3 { | |
font-size: 16px; | |
} | |
.content { | |
.title { | |
font-size: 16px; | |
} | |
} | |
.page-image { | |
height: 200px; | |
} | |
.description h2 { | |
font-size: 16px; | |
margin-bottom: 5px; | |
} | |
.main p { | |
font-size: 14px; | |
margin-bottom: 0; | |
} | |
.content p, .content li { | |
font-size: 14px; | |
} | |
} | |
@media ("max-width: 350px") { | |
.content { | |
.second-column { | |
margin-top: 35px; | |
} | |
} | |
} | |
@page { | |
margin-top: 0; | |
} | |
@media print { | |
.first-upper-letter:first-letter { | |
text-transform: capitalize; | |
} | |
html, body { | |
background-color: #ffffff; | |
} | |
.main-logo { | |
display: block; | |
} | |
div.main { | |
height: 100% !important; | |
.pdf-copy { | |
display: block; | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
font-size: 10px; | |
} | |
} | |
.print-block-50 { | |
max-width: 50%; | |
} | |
.first-column, .second-column { | |
//min-height: unset !important; | |
} | |
.content { | |
.d-block-padding { | |
padding-bottom: 33px; | |
} | |
} | |
.pb-m-20 { | |
padding-bottom: unset; | |
} | |
.mt-m-2 { | |
padding-top: 30px; | |
} | |
.content p, .content li { | |
font-size: 14px; | |
} | |
.no-print, .no-print * { | |
display: none !important; | |
} | |
.page-image { | |
height: 500px; | |
} | |
.second-page-image { | |
margin: 20px 0 10px; | |
} | |
.page-number { | |
display: none !important; | |
} | |
.main, .content { | |
padding-top: 37px; | |
} | |
.main h2 { | |
font-size: 28px; | |
} | |
.main p { | |
font-size: 18px; | |
margin-bottom: 1rem; | |
} | |
.web-copy { | |
display: none !important; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment