|
|
| (4 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| | /* CSS placed here will affect the print output */ | | /* CSS placed here will affect the print output */ |
| − |
| |
| − | /* print css adapted from BS Issues, designed by Template */
| |
| − |
| |
| − | @media print {
| |
| − |
| |
| − | /* issue 2 add-ons */
| |
| − |
| |
| − | #headerLogos {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .extra-beyond {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | [title="title"]{
| |
| − | font-size: 30px !important;
| |
| − | letter-spacing: -1px !important;
| |
| − | margin-bottom: 5px;
| |
| − | margin-top: 0 !important;
| |
| − | line-height: 1.1 !important;
| |
| − | }
| |
| − |
| |
| − | body {
| |
| − | /* this affects the margin on the content before sending to printer */
| |
| − | margin: 0px;
| |
| − | }
| |
| − |
| |
| − | * {
| |
| − | color: black !important;
| |
| − | background-color: white;
| |
| − | border-bottom: black;
| |
| − | }
| |
| − |
| |
| − | figure {
| |
| − | page-break-inside: avoid;
| |
| − | }
| |
| − |
| |
| − | figcaption {
| |
| − | font-size: 11px !important;
| |
| − | margin: -10px 5px 20px initial !important;
| |
| − | width: 100% !important;
| |
| − | }
| |
| − |
| |
| − | .blankImageDiv {
| |
| − | border: 1px dashed black;
| |
| − | height: 150px;
| |
| − | width: 100%;
| |
| − | margin-bottom: 15px;
| |
| − | }
| |
| − |
| |
| − | .videoPlaceholder {
| |
| − | margin-bottom: 5% !important;
| |
| − | margin-left: 5% !important;
| |
| − | margin-top: 5% !important;
| |
| − | margin-right: 5% !important;
| |
| − | width: 90% !important;
| |
| − | word-break:break-all;
| |
| − | }
| |
| − |
| |
| − | .fullWidth {
| |
| − | width: 100%;
| |
| − | float: left;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .title-beyond{
| |
| − | top:0px;
| |
| − | padding: 0px;
| |
| − | margin-right: 55px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .title-beyond h1 {
| |
| − | letter-spacing: 3px !important;
| |
| − | }
| |
| − |
| |
| − | ol, ul {
| |
| − | padding-left: 15px;
| |
| − | list-style: disc;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | li {
| |
| − | font-size: 14px;
| |
| − | line-height: 20px;
| |
| − | font-family: 'Crimson Text';
| |
| − | text-align: left;
| |
| − | padding-left: 10px;
| |
| − | }
| |
| − |
| |
| − | .content p {
| |
| − | font-size: 14px;
| |
| − | line-height: 1.3;
| |
| − | font-family: 'Crimson Text';
| |
| − | -webkit-hyphens: auto;
| |
| − | -moz-hyphens: auto;
| |
| − | -ms-hyphens: auto;
| |
| − | hyphens: auto;
| |
| − | margin-left: initial;
| |
| − | }
| |
| − |
| |
| − | .avoidPageBreak{
| |
| − | page-break-inside: avoid;
| |
| − | }
| |
| − |
| |
| − | .articleUrl {
| |
| − | font-size: 12px !important;
| |
| − | text-align: left !important;
| |
| − | line-height: 16px !important;
| |
| − | font-family: avenue !important;
| |
| − | display: block;
| |
| − | padding: 0 !important;
| |
| − | }
| |
| − |
| |
| − | .content h1 {
| |
| − | font-size: 20px;
| |
| − | margin: 20px 0 0 0;
| |
| − | line-height: 1.2;
| |
| − | }
| |
| − |
| |
| − | .content img {
| |
| − | width: 100%;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | /* AUTHORNAME is used for AUTHOR NAME in article */
| |
| − |
| |
| − | .authorName,
| |
| − | p.authorTitle {
| |
| − | text-align: left;
| |
| − | page-break-inside: avoid;
| |
| − | page-break-before: avoid;
| |
| − | margin-top: 10px !important;
| |
| − | page-break-after: always;
| |
| − | line-height: 20px;
| |
| − | font-size: 20px !important;
| |
| − | }
| |
| − |
| |
| − | /* H2 in article */
| |
| − |
| |
| − | h2 {
| |
| − | font-size: 18px;
| |
| − | text-align: left;
| |
| − | page-break-inside: avoid;
| |
| − | page-break-before: avoid;
| |
| − | margin-top: 10px !important;
| |
| − | margin-bottom: -10px !important;
| |
| − | padding: 0 !important;
| |
| − | }
| |
| − |
| |
| − | /* H3, same size, no page break */
| |
| − |
| |
| − | h3 {
| |
| − | font-size: 16px;
| |
| − | text-align: left;
| |
| − | page-break-inside: avoid;
| |
| − | page-break-before: avoid;
| |
| − | margin-top: 5px !important;
| |
| − | margin-bottom: -10px !important;
| |
| − | padding: 0 !important;
| |
| − | letter-spacing: 0 !important;
| |
| − | }
| |
| − |
| |
| − | /* Sub-headings */
| |
| − |
| |
| − | h4 {
| |
| − | font-size: 14px;
| |
| − | text-align: left;
| |
| − | page-break-inside: avoid;
| |
| − | page-break-before: avoid;
| |
| − | margin-bottom: -10px !important;
| |
| − | margin-top: 5px !important;
| |
| − | font-weight: normal !important;
| |
| − | font-family: avenue !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | h5, h6, strong, b {
| |
| − | font-size: 12px;
| |
| − | text-align: left;
| |
| − | page-break-inside: avoid;
| |
| − | page-break-before: avoid;
| |
| − | margin-bottom: -10px !important;
| |
| − | margin-top: 5px !important;
| |
| − | font-weight: normal !important;
| |
| − | font-family: avenue !important;
| |
| − | }
| |
| − |
| |
| − | strong, b {
| |
| − | line-height: 15px !important;
| |
| − | }
| |
| − |
| |
| − | .content{
| |
| − | -moz-columns: 2 auto;
| |
| − | -webkit-columns: 2 auto;
| |
| − | columns: 2 auto;
| |
| − | margin-top: 50px;
| |
| − | margin-left: initial;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .content p a:link, .content p a:visited, .content p a:active {
| |
| − | text-decoration: none;
| |
| − | border-bottom: 0px solid rgba(200, 0, 0, 1);
| |
| − | color: rgba(200, 0, 0, 1);
| |
| − | }
| |
| − |
| |
| − | .content code, .content pre {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .top {
| |
| − | width: auto;
| |
| − | }
| |
| − |
| |
| − | .top h1{
| |
| − | font-family: avenue;
| |
| − | font-weight: normal;
| |
| − | margin-top: 20px;
| |
| − | font-size: 12px !important;
| |
| − | text-align: left !important;
| |
| − | line-height: 16px !important;
| |
| − | margin-left: 0 !important;
| |
| − | width: 100% !important;
| |
| − | letter-spacing: 1px;
| |
| − | }
| |
| − |
| |
| − | .top p {
| |
| − | font-family: avenue;
| |
| − | font-weight: normal;
| |
| − | font-size: 12px !important;
| |
| − | text-align: left !important;
| |
| − | line-height: 16px !important;
| |
| − | margin-left: 0 !important;
| |
| − | }
| |
| − |
| |
| − | .title-back {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .articleHeader {
| |
| − | border-bottom: 0px;
| |
| − | border-top: 0px;
| |
| − | float: left;
| |
| − | width: 40%;
| |
| − | margin-top: 0px;
| |
| − | padding-bottom: 0px;
| |
| − | padding-top: 0px;
| |
| − | background-color:rgba(255, 255, 255, 1);
| |
| − | z-index: 11111111;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − |
| |
| − | .articleHeader p {
| |
| − | font-family: avenue;
| |
| − | font-weight: normal;
| |
| − | line-height: 20px;
| |
| − | margin: 0px !important;
| |
| − | float: left;
| |
| − | width: 100%;
| |
| − | margin-right: 40px;
| |
| − | font-size: 12px !important;
| |
| − | text-align: left !important;
| |
| − | line-height: 16px !important;
| |
| − | letter-spacing: 1px;
| |
| − | }
| |
| − |
| |
| − | .articleHeaderActions{
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | #BeyondFooter{
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .content{
| |
| − | margin-top: 1cm !important;
| |
| − | }
| |
| − |
| |
| − | figcaption a:link, figcaption a:visited, figcaption a:active {
| |
| − | text-decoration: none;
| |
| − | border-bottom: 0px solid rgba(0, 0, 0, 1);
| |
| − | color: rgba(0, 0, 0, 1);
| |
| − | }
| |
| − |
| |
| − | .currentArticleUrl {
| |
| − | display:block;
| |
| − | word-break:break-all;
| |
| − | margin-top: 20px !important;
| |
| − | }
| |
| − |
| |
| − | .hrefPrint{
| |
| − | display: inline-block;
| |
| − | margin:0;
| |
| − | word-break:break-all !important;
| |
| − | }
| |
| − |
| |
| − | .blankSpaceEnd{
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | }
| |
