dzslides: better default template.
* No red color on incremental lists. * Show authors and date on title page. * Special styling for title slides (H1 by itself on slide). * Better default font and font size. * Better spacing between elements. * Styling for blockquote and pre.
This commit is contained in:
parent
5eab90928a
commit
f8709a78e1
1 changed files with 24 additions and 10 deletions
|
@ -25,21 +25,31 @@ $else$
|
||||||
body { background-color: white; }
|
body { background-color: white; }
|
||||||
/* A section is a slide. Its size is 800x600, and this will never change */
|
/* A section is a slide. Its size is 800x600, and this will never change */
|
||||||
section {
|
section {
|
||||||
/* The font from Google */
|
font-family: Arial, serif;
|
||||||
font-family: 'Oswald', arial, serif;
|
font-size: 20pt;
|
||||||
font-size: 2em;
|
line-height: 24pt;
|
||||||
padding-left: 1em;
|
padding: 16pt;
|
||||||
}
|
}
|
||||||
|
section > * { margin-bottom: 1em; }
|
||||||
|
section.titleslide h1 { margin-top: 200px; }
|
||||||
h1, h2, h3 {
|
h1, h2, h3 {
|
||||||
margin-top: 50px;
|
margin-top: 50px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
ul {
|
h1 { font-size: 180%: }
|
||||||
|
h2 { font-size: 120%; }
|
||||||
|
h3 { font-size: 100%; }
|
||||||
|
ul, ol {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
a { color: #FF0066; } a:hover { text-decoration: underline; }
|
a { color: #FF0066; } a:hover { text-decoration: underline; }
|
||||||
footer { position: absolute; bottom: 50px; right: 50px; }
|
footer { position: absolute; bottom: 50px; right: 50px; }
|
||||||
|
blockquote { font-style: italic }
|
||||||
|
pre {
|
||||||
|
font-size: 80%;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 0.2em 1em 0.2em 1em;
|
||||||
|
}
|
||||||
.images {
|
.images {
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -66,7 +76,7 @@ $else$
|
||||||
|
|
||||||
/* Increment with lists */
|
/* Increment with lists */
|
||||||
.incremental > * { opacity: 1; }
|
.incremental > * { opacity: 1; }
|
||||||
.incremental > *[aria-selected] { color: red; opacity: 1; }
|
.incremental > *[aria-selected] { opacity: 1; }
|
||||||
.incremental > *[aria-selected] ~ * { opacity: 0.2; }
|
.incremental > *[aria-selected] ~ * { opacity: 0.2; }
|
||||||
/* Increment with images */
|
/* Increment with images */
|
||||||
.incremental > img[aria-selected] { box-shadow: 0 0 10px #000 }
|
.incremental > img[aria-selected] { box-shadow: 0 0 10px #000 }
|
||||||
|
@ -84,7 +94,11 @@ $endfor$
|
||||||
<body>
|
<body>
|
||||||
$if(title)$
|
$if(title)$
|
||||||
<section>
|
<section>
|
||||||
<h1>$title$</h1>
|
<h1 class="title">$title$</h1>
|
||||||
|
$for(author)$
|
||||||
|
<h2 class="author">$author$</h2>
|
||||||
|
$endfor$
|
||||||
|
<h3 class="date">$date$</h3>
|
||||||
</section>
|
</section>
|
||||||
$endif$
|
$endif$
|
||||||
$for(include-before)$
|
$for(include-before)$
|
||||||
|
|
Loading…
Add table
Reference in a new issue