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 h2 {
font-size: 18px;
border-bottom: 3pt dotted #ccc;
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; 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;
margin-top:0;
}
- content #bodyContent #presentation {
margin-left:12pt;
padding:0;
font-size:16pt;
} 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 #content #bodyContent
{ margin:0; }
- content #bodyContent #presentation presentation .flex-slide {
page-break-after: always; width:100%; }
- content #bodyContent #presentation .flex-slide -last {
page-break-after:avoid; width:100%; }
- content #bodyContent #presentation .flex-slide > div.slide-content ,
- content #bodyContent #presentation .flex-slide-last > div.slide-content
- {padding:
- 20pt 30pt;
- }
- content #bodyContent #presentation presentation .slide-hd {
display: block;
border-bottom: 8px solid #929292 width:100%;
paddingborder-topbottom: 0;5px solid margin-bottom: 0#2c9cff;
height: 70pt75pt;
}
- content #bodyContent #presentation presentation .slide-hd-text{
font-size: 20pt24pt;
display: block;
text-align: right;
height: 70pt90px;
padding-top: 30pt30px;
padding-right:20pt10px;
color:#666666#333;
}
- content #bodyContent #presentation .slide-hd img{
width:90%;
height:90%;
padding-top:6pt;
}
- 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;
font-size: 16pt;
font-weight:bold;
}
- 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 */
- 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;}
/*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 #ccc; 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; 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;} @media print { /* Print styles */ @media print { @page { size: A4 landscape; margin: 0; } *, ::before, ::after {color: #333 !important; font-size:12pt;} bodyunset} #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; margin-top:0; } #content #bodyContent #presentation { margin-left:12pt; padding:0; font-size:16pt} 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 #content #bodyContent { margin:0; } #content #bodyContent #presentation .flex-slide { page-break-after: always; width:100%; } #content #bodyContent #presentation .flex-slide-last { page-break-after:avoid; width:100%; } #content #bodyContent #presentation .flex-slide > div.slide-content, #content #bodyContent #presentation .flex-slide-last > div.slide-content { padding: 10pt 30pt; } #content #bodyContent #presentation .slide-hd { display:block; border-bottom: 8px solid #929292; padding-top: 0; margin-bottom: 0; height: 70pt; } #content #bodyContent {padding: 20pt 30pt;} #presentation .slide-hd { display: block; width:100%; border-bottom: 5px solid #2c9cff; height: 75pt; } #presentation .slide-hd-text{ font-size: 20pt24pt; display: block; text-align: right; height: 70pt90px; padding-top: 30pt30px; padding-right:20pt10px; color:#666666#333; } #content #bodyContent #presentation .slide-hd img{ width:90%; height:90%; padding-top:6pt; } #content #bodyContent #presentation h2 { 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; font-size: 16pt; font-weight:bold; } } #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 { margin-left: 0; margin-top: 20pt; margin-bottom: 10pt; line-height: 20pt; } #content #bodyContent #presentation li > ul > , #content #bodyContent #presentation ol > li { font-size:16pt!important; margin-bottom: 0emleft: 0; margin-top: 8pt;} } /* end print */ #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;}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 */
| (3 intermediate revisions 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 { | @media print { | ||
| − | + | @page { | |
| − | + | size: A4 landscape; | |
| − | + | margin: 0; | |
| − | |||
} | } | ||
| − | # | + | *, ::before, ::after {color: #333 !important; font-size:unset} |
| + | #presentation { | ||
margin-left:12pt; | margin-left:12pt; | ||
| − | |||
font-size:16pt; | 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 | body.mediawiki .wrapper .bs-content.container, body.mediawiki.x-body .wrapper .bs-content.container | ||
| Line 75: | Line 77: | ||
padding:0; | padding:0; | ||
} | } | ||
| − | + | #content #bodyContent | |
| − | |||
{ | { | ||
margin:0; | margin:0; | ||
} | } | ||
| − | + | #presentation .flex-slide { | |
page-break-after: always; | page-break-after: always; | ||
width:100%; | width:100%; | ||
} | } | ||
| − | #content #bodyContent #presentation .flex-slide | + | #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; | |
| − | height: | ||
} | } | ||
| − | + | #presentation .slide-hd-text{ | |
| − | font-size: | + | font-size: 24pt; |
display: block; | display: block; | ||
text-align: right; | text-align: right; | ||
| − | height: | + | height: 90px; |
| − | padding-top: | + | padding-top: 30px; |
| − | padding-right: | + | padding-right:10px; |
| − | color:# | + | color:#333; |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
#content #bodyContent #presentation h2 { | #content #bodyContent #presentation h2 { | ||
| − | |||
font-size: 18pt; | font-size: 18pt; | ||
| − | border-bottom: 3pt dotted #ccc; | + | border-bottom: 3pt dotted #ccc !important; |
padding-bottom: 6pt; | padding-bottom: 6pt; | ||
margin-top: 4pt; | margin-top: 4pt; | ||
margin-bottom: 30pt; | margin-bottom: 30pt; | ||
color: #333; | color: #333; | ||
| − | |||
} | } | ||
#content #bodyContent #presentation h3 { | #content #bodyContent #presentation h3 { | ||
| + | font-size: 18pt; | ||
| + | font-weight:bold; | ||
margin-top: 0pt; | margin-top: 0pt; | ||
margin-bottom: 20pt; | margin-bottom: 20pt; | ||
margin-left: 5pt; | margin-left: 5pt; | ||
border-bottom: 1px solid #aaa; | border-bottom: 1px solid #aaa; | ||
| − | |||
| − | |||
} | } | ||
| − | |||
#content #bodyContent #presentation .flex-container > div.slidecol | #content #bodyContent #presentation .flex-container > div.slidecol | ||
{border-left:2px solid #969696; | {border-left:2px solid #969696; | ||
| Line 141: | Line 124: | ||
border-radius:0; | border-radius:0; | ||
} | } | ||
| − | + | #content #bodyContent #presentation ul > li, #content #bodyContent #presentation ol > li { | |
| − | #content #bodyContent #presentation ul > li { | + | font-size:16pt!important; |
margin-left: 0; | margin-left: 0; | ||
margin-top: 20pt; | margin-top: 20pt; | ||
| Line 148: | Line 131: | ||
line-height: 20pt; | line-height: 20pt; | ||
} | } | ||
| − | #content #bodyContent #presentation li > ul > li { | + | #content #bodyContent #presentation li > ul > li, #content #bodyContent #presentation li > ol > li { |
| − | font-size:16pt; | + | font-size:16pt!important; |
margin-bottom: 0em; | margin-bottom: 0em; | ||
| − | margin-top: 8pt;} | + | margin-top: 8pt; |
| + | } | ||
} | } | ||
/* end print */ | /* end print */ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||