Difference between revisions of "Template:Presentation/styles.css"
m |
m |
- presentation .slideexclude {
display: inlinenone;
}
- presentation .slideexclude {
display: none;
} /*#presentation .
- flex-slide img {
height: 100%; min-width: 0; max-width: 100%;}
- /
- presentation .slide-hd {display:none;}
- content #bodyContent #presentation .flex-slide > div
{flex-grow:1; flex-shrink:0; flex-basis: 100%; margin:0; padding:0; }
- content #bodyContent #presentation .flex-container > div.slidecol {
flex-grow:1; flex-shrink:0; flex-basis: 222px; margin: 10px 15px 10px 0; padding:12px; border-radius: 25px; background-color: #efefef; }
- content #bodyContent #presentation h3 {
font-size: 1.4rem;
margin-top: 1.5rem;
margin-bottom: 2rem;
margin-left: 0.5rem;
border-bottom: 1px solid #aaa;
}
- content #bodyContent #presentation ul > li {
margin-left: 0em;
font-size: 1.4rem;
margin-top: 1.2rem;
margin-bottom: 0.1875rem;
}
- content #bodyContent #presentation .agenda ol > li {
margin-left: 40px;
font-size: 1.4rem;
}
- content #bodyContent #presentation p {font-size:1.4rem;}
- content #bodyContent #presentation pre, #content #bodyContent #presentation code {font-size: 1.2rem; color: #444;}
/* Print styles */
@media print { @page {
size: A4 landscape;
margin: 0;
}
- , ::before, ::after {color: #333 !important; font-size:unset}
- presentation {
margin-left:12pt;
font-size:16pt;
} html, body {
height: 210mm;
width: 297mm;
} body.mediawiki.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, body.mediawiki.x-body.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper {
padding-top:0;
} body.mediawiki.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, body.mediawiki.x-body.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, body.mediawiki:not(.navigation-main-collapse):not(.sitetools-main-collapse) .content-wrapper #content, body.mediawiki.navigation-main-collapse:not(.sitetools-main-collapse) .content-wrapper #content, body.mediawiki.sitetools-main-collapse:not(.navigation-main-collapse) .content-wrapper #content, body.mediawiki.navigation-main-collapse.sitetools-main-collapse .content-wrapper #content,
- content #bodyContent
{ margin: 0; padding: 0; } body.mediawiki .wrapper .bs-content.container, body.mediawiki.x-body .wrapper .bs-content.container {max-width:100%; padding:0; }
- content #bodyContent
{ margin:0; }
- presentation .flex-slide {
page-break-after: always; width:100%; }
- content #bodyContent #presentation .flex-slide > div.slide-content {padding: 20pt 30pt;}
- presentation .slide-hd {
display: block;
width:100%;
border-bottom: 5px solid #2c9cff;
height: 75pt;
}
- presentation .slide-hd-text{
font-size: 24pt;
display: block;
text-align: right;
height: 90px;
padding-top: 30px;
padding-right:10px;
color:#333;
}
- content #bodyContent #presentation h2 {
font-size: 18px18pt;
border-bottom: 3pt dotted #ccc !important;
padding-bottom: 6pt;
margin-top: 4pt;
margin-bottom: 30pt;
color: #333;
}
- content #bodyContent #presentation h3 {
font-size: 18pt;
font-size: 1.4remweight:bold;
margin-top: 1.5rem0pt;
margin-bottom: 2rem20pt;
margin-left: 0.5rem5pt;
border-bottom: 1px solid #aaa;
}
- content #bodyContent #presentation ul > li {
- .flex-container > div.slidecol
{border-left: 0em2px solid #969696;
font-sizemargin: 1.4rem5pt 8pt;
margin-toppadding: 1.2rem6pt 8pt;
marginborder-bottomradius: 0.1875rem;
}
- content #bodyContent #presentation .agenda ul > li, #content #bodyContent #presentation ol > li {
font-size:16pt!important;
margin-left: 40px0;
fontmargin-sizetop: 1.4rem20pt;
}
content #bodyContent #presentation p {font-size:1.4rem
margin-bottom: 10pt;
line-height: 20pt; }
- content #bodyContent #presentation preli > ul > li, #content #bodyContent #presentation code li > ol > li {
font-size:
1.2rem; color: #444;}16pt!important;
margin-bottom: 0em;
margin-top: 8pt;
} } /* end print */
/*Training Presentations */ .slideexclude { display: inline; } #presentation .slideexclude { display: none; } /*#presentation .flex-slide img { height: 100%; min-width: 0; max-width: 100%;} */ #presentation .slide-hd {display:none;} #content #bodyContent #presentation .flex-slide > div {flex-grow:1; flex-shrink:0; flex-basis: 100%; margin:0; padding:0; } #content #bodyContent #presentation .flex-container > div.slidecol { flex-grow:1; flex-shrink:0; flex-basis: 222px; margin: 10px 15px 10px 0; padding:12px; border-radius: 25px; background-color: #efefef; } #content #bodyContent #presentation h2 { font-size: 18px; border-bottom: 3pt dotted #ccch3 { font-size: 1.4rem; margin-top: 1.5rem; margin-bottom: 2rem; margin-left: 0.5rem; border-bottom: 1px solid #aaa; } #content #bodyContent #presentation ul > li { margin-left: 0em; font-size: 1.4rem; margin-top: 1.2rem; margin-bottom: 0.1875rem; } #content #bodyContent #presentation .agenda ol > li { margin-left: 40px; font-size: 1.4rem; } #content #bodyContent #presentation p {font-size:1.4rem;} #content #bodyContent #presentation pre, #content #bodyContent #presentation code {font-size: 1.2rem; color: #444;} /* Print styles */ @media print { @page { size: A4 landscape; margin: 0; } *, ::before, ::after {color: #333 !important; font-size:unset} #presentation { margin-left:12pt; font-size:16pt; } html, body { height: 210mm; width: 297mm; } body.mediawiki.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, body.mediawiki.x-body.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper { padding-top:0; } body.mediawiki.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, body.mediawiki.x-body.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, body.mediawiki:not(.navigation-main-collapse):not(.sitetools-main-collapse) .content-wrapper #content, body.mediawiki.navigation-main-collapse:not(.sitetools-main-collapse) .content-wrapper #content, body.mediawiki.sitetools-main-collapse:not(.navigation-main-collapse) .content-wrapper #content, body.mediawiki.navigation-main-collapse.sitetools-main-collapse .content-wrapper #content, #content #bodyContent { margin: 0; padding: 0; } body.mediawiki .wrapper .bs-content.container, body.mediawiki.x-body .wrapper .bs-content.container {max-width:100%; padding:0; } #content #bodyContent { margin:0; } #presentation .flex-slide { page-break-after: always; width:100%; } #content #bodyContent #presentation .flex-slide > div.slide-content {padding: 20pt 30pt;} #presentation .slide-hd { display: block; width:100%; border-bottom: 5px solid #2c9cff; height: 75pt; } #presentation .slide-hd-text{ font-size: 24pt; display: block; text-align: right; height: 90px; padding-top: 30px; padding-right:10px; color:#333; } #content #bodyContent #presentation h2 { font-size: 18pt; border-bottom: 3pt dotted #ccc !important; padding-bottom: 6pt; margin-top: 4pt; margin-bottom: 30pt; color: #333; } #content #bodyContent #presentation h3 { font-size: 1.4rem; margin-top: 1.5rem; margin-bottom: 2rem; margin-left: 0.5rem font-size: 18pt; font-weight:bold; margin-top: 0pt; margin-bottom: 20pt; margin-left: 5pt; border-bottom: 1px solid #aaa; } #content #bodyContent #presentation ul.flex-container > li { margin-left: 0em; font-size: 1.4rem; margin-top: 1.2rem; margin-bottom: 0.1875rem; } #content #bodyContent #presentation .agenda ol > li { margin-left: 40px; font-size: 1.4rem; } #content #bodyContent #presentation p {font-size:1.4rem;} #content #bodyContent #presentation pre, #content #bodyContent #presentation code {font-size: 1.2rem; color: #444;}div.slidecol {border-left:2px solid #969696; margin: 5pt 8pt; padding: 6pt 8pt; border-radius:0; } #content #bodyContent #presentation ul > li, #content #bodyContent #presentation ol > li { font-size:16pt!important; margin-left: 0; margin-top: 20pt; margin-bottom: 10pt; line-height: 20pt; } #content #bodyContent #presentation li > ul > li, #content #bodyContent #presentation li > ol > li { font-size:16pt!important; margin-bottom: 0em; margin-top: 8pt; } } /* end print */
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | |||
| − | |||
| − | |||
| − | |||
#presentation .slideexclude { | #presentation .slideexclude { | ||
display: none; | display: none; | ||
} | } | ||
| − | + | #presentation .flex-slide img { | |
height: 100%; | height: 100%; | ||
min-width: 0; | min-width: 0; | ||
max-width: 100%;} | max-width: 100%;} | ||
| − | + | ||
#presentation .slide-hd {display:none;} | #presentation .slide-hd {display:none;} | ||
| Line 28: | Line 24: | ||
border-radius: 25px; | border-radius: 25px; | ||
background-color: #efefef; | background-color: #efefef; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
#content #bodyContent #presentation h3 { | #content #bodyContent #presentation h3 { | ||
| Line 59: | Line 45: | ||
#content #bodyContent #presentation p {font-size:1.4rem;} | #content #bodyContent #presentation p {font-size:1.4rem;} | ||
#content #bodyContent #presentation pre, #content #bodyContent #presentation code {font-size: 1.2rem; color: #444;} | #content #bodyContent #presentation pre, #content #bodyContent #presentation code {font-size: 1.2rem; color: #444;} | ||
| + | |||
| + | /* Print styles */ | ||
| + | |||
| + | @media print { | ||
| + | @page { | ||
| + | size: A4 landscape; | ||
| + | margin: 0; | ||
| + | } | ||
| + | *, ::before, ::after {color: #333 !important; font-size:unset} | ||
| + | #presentation { | ||
| + | margin-left:12pt; | ||
| + | font-size:16pt; | ||
| + | } | ||
| + | html, body { | ||
| + | height: 210mm; | ||
| + | width: 297mm; | ||
| + | } | ||
| + | body.mediawiki.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, body.mediawiki.x-body.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper { | ||
| + | |||
| + | padding-top:0; | ||
| + | |||
| + | } | ||
| + | body.mediawiki.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, body.mediawiki.x-body.bs-cusom-menu-active:not(.bs-custom-menu-header-container-collapse) .wrapper .content-wrapper, | ||
| + | body.mediawiki:not(.navigation-main-collapse):not(.sitetools-main-collapse) .content-wrapper #content, body.mediawiki.navigation-main-collapse:not(.sitetools-main-collapse) .content-wrapper #content, body.mediawiki.sitetools-main-collapse:not(.navigation-main-collapse) .content-wrapper #content, body.mediawiki.navigation-main-collapse.sitetools-main-collapse .content-wrapper #content, | ||
| + | #content #bodyContent | ||
| + | { margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | body.mediawiki .wrapper .bs-content.container, body.mediawiki.x-body .wrapper .bs-content.container | ||
| + | {max-width:100%; | ||
| + | padding:0; | ||
| + | } | ||
| + | #content #bodyContent | ||
| + | { | ||
| + | margin:0; | ||
| + | } | ||
| + | #presentation .flex-slide { | ||
| + | page-break-after: always; | ||
| + | width:100%; | ||
| + | } | ||
| + | #content #bodyContent #presentation .flex-slide > div.slide-content {padding: 20pt 30pt;} | ||
| + | |||
| + | #presentation .slide-hd { | ||
| + | display: block; | ||
| + | width:100%; | ||
| + | border-bottom: 5px solid #2c9cff; | ||
| + | height: 75pt; | ||
| + | } | ||
| + | #presentation .slide-hd-text{ | ||
| + | font-size: 24pt; | ||
| + | display: block; | ||
| + | text-align: right; | ||
| + | height: 90px; | ||
| + | padding-top: 30px; | ||
| + | padding-right:10px; | ||
| + | color:#333; | ||
| + | } | ||
| + | #content #bodyContent #presentation h2 { | ||
| + | font-size: 18pt; | ||
| + | border-bottom: 3pt dotted #ccc !important; | ||
| + | padding-bottom: 6pt; | ||
| + | margin-top: 4pt; | ||
| + | margin-bottom: 30pt; | ||
| + | color: #333; | ||
| + | } | ||
| + | #content #bodyContent #presentation h3 { | ||
| + | font-size: 18pt; | ||
| + | font-weight:bold; | ||
| + | margin-top: 0pt; | ||
| + | margin-bottom: 20pt; | ||
| + | margin-left: 5pt; | ||
| + | border-bottom: 1px solid #aaa; | ||
| + | } | ||
| + | #content #bodyContent #presentation .flex-container > div.slidecol | ||
| + | {border-left:2px solid #969696; | ||
| + | margin: 5pt 8pt; | ||
| + | padding: 6pt 8pt; | ||
| + | border-radius:0; | ||
| + | } | ||
| + | #content #bodyContent #presentation ul > li, #content #bodyContent #presentation ol > li { | ||
| + | font-size:16pt!important; | ||
| + | margin-left: 0; | ||
| + | margin-top: 20pt; | ||
| + | margin-bottom: 10pt; | ||
| + | line-height: 20pt; | ||
| + | } | ||
| + | #content #bodyContent #presentation li > ul > li, #content #bodyContent #presentation li > ol > li { | ||
| + | font-size:16pt!important; | ||
| + | margin-bottom: 0em; | ||
| + | margin-top: 8pt; | ||
| + | } | ||
| + | } | ||
| + | /* end print */ | ||