ids theme: tighten references scrollbox position and height
Reduce margin-top from 35px to 10px so the scrollbox sits closer to
the heading. Reduce max-height from 540px to 510px so the bottom of
the scrollbox stays above the IDS footer bar.
Change-Id: If7e488306f5a5b9a290679af76fad8cb74e8f7a9
diff --git a/inst/reveal.js-5.2.1/css/theme/source/ids.scss b/inst/reveal.js-5.2.1/css/theme/source/ids.scss
index 323eaf7..495ab63 100644
--- a/inst/reveal.js-5.2.1/css/theme/source/ids.scss
+++ b/inst/reveal.js-5.2.1/css/theme/source/ids.scss
@@ -611,8 +611,8 @@
font-family: "Fira Sans Condensed", sans-serif;
font-size: 16px;
text-align: left;
- margin-top: 35px;
- max-height: 540px;
+ margin-top: 10px;
+ max-height: 510px;
font-weight: 400;
color: #253b43;
overflow-y: auto;
diff --git a/inst/reveal.js-5.2.1/dist/theme/ids.css b/inst/reveal.js-5.2.1/dist/theme/ids.css
index 76de151..27d4f7b 100644
--- a/inst/reveal.js-5.2.1/dist/theme/ids.css
+++ b/inst/reveal.js-5.2.1/dist/theme/ids.css
@@ -3,14 +3,10 @@
*
* By Marc Kupietz
*/
-@import url("https://code.cdn.mozilla.net/fonts/fira.css");
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@300;400;700;800&family=Fira+Sans:wght@200;300;400;700&family=Fira+Sans+Extra+Condensed:wght@300;700&display=swap");
-/* Fira Code: the monospaced Fira Sans variant for highlighted/code text
- (as in the IDS reference decks; falls back to Fira Mono from the Mozilla
- CSS above, then DejaVu Sans Mono) */
+@import url("https://code.cdn.mozilla.net/fonts/fira.css");
@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap");
@import url("https://korap.ids-mannheim.de/font/libertinus.css");
-
section.has-dark-background, section.has-dark-background h1, section.has-dark-background h2, section.has-dark-background h3, section.has-dark-background h4, section.has-dark-background h5, section.has-dark-background h6 {
color: #fff;
}
@@ -37,11 +33,11 @@
--r-heading2-size: 1.35em;
--r-heading3-size: 0.9em;
--r-heading4-size: 0.7em;
- --r-code-font: "Fira Code", "Fira Mono", "DejaVu Sans Mono", "Source Code Pro", monospace;
+ --r-code-font: Fira Code, Fira Mono, DejaVu Sans Mono, Source Code Pro, monospace;
--r-link-color: #2a76dd;
- --r-link-color-dark: #1a53a1;
- --r-link-color-hover: #6ca0e8;
- --r-selection-background-color: #98bdef;
+ --r-link-color-dark: rgb(12.0674763833%, 39.0418353576%, 75.5991902834%);
+ --r-link-color-hover: rgb(42.3410335794%, 62.9141859173%, 90.7962213225%);
+ --r-selection-background-color: rgb(59.5879971422%, 74.0073033262%, 93.5492577598%);
--r-selection-color: #fff;
--r-overlay-element-bg-color: 240, 240, 240;
--r-overlay-element-fg-color: 0, 0, 0;
@@ -72,7 +68,7 @@
}
.reveal .slides section,
-.reveal .slides section>section {
+.reveal .slides section > section {
line-height: 1.3;
font-weight: inherit;
}
@@ -235,7 +231,7 @@
display: block;
padding: 5px;
overflow: auto;
- max-height: 540px;
+ max-height: 400px;
word-wrap: normal;
}
@@ -364,7 +360,6 @@
background-color: var(--r-background-color);
}
}
-
.reveal .slides section:not(.stack) {
box-sizing: border-box !important;
padding-left: calc(calc(var(--slide-height) * 0.05) + 24px) !important;
@@ -375,23 +370,6 @@
text-align: left !important;
}
-/* The markers are NOT native ::marker glyphs: browsers anchor outside-position
- markers at slightly different offsets per engine (and per scale), and even
- ::before font glyphs carry font-specific side bearings, so a padding(text)-
- based alignment of the bullet column with the heading text can never be
- pixel-exact everywhere. Instead we DRAW the markers as CSS boxes in
- absolutely positioned li::before rules. Geometry (all values in the item's
- own font size, so the hierarchy scales with the 0.8em per-level sizing):
-
- - item text starts at (list left edge) + 0.65em
- - the marker box starts exactly at the list's left edge; on content
- slides that edge coincides with the heading text's left edge, i.e. the
- bullet column is flush with the slide title, deterministically in every
- browser and at every window size
-
- For nested lists the ::before offset is divided by the 0.8 font-size factor,
- because the list's padding is computed in the PARENT item's font size while
- the ::before offset is computed in the (smaller) child size. */
.reveal .slides section:not(.title-frame) ul,
.reveal .slides section:not(.title-frame) ol {
display: block !important;
@@ -407,16 +385,14 @@
.reveal .slides section:not(.title-frame) li::before {
position: absolute !important;
- left: -0.65em !important;
+ left: calc(-1 * 0.65em) !important;
color: var(--r-list-bullet-color) !important;
}
.reveal .slides section:not(.title-frame) li li::before {
- left: -0.8125em !important;
+ left: calc(-1 * 0.65em / 0.8) !important;
}
-/* Unordered-list markers: drawn boxes (round dot, square, ring for deeper
- levels), vertically centered on the item's first line. */
.reveal .slides section:not(.title-frame) ul > li::before {
content: "" !important;
top: calc((1.3em - 0.22em) / 2) !important;
@@ -428,25 +404,21 @@
}
.reveal .slides section:not(.title-frame) ul ul > li::before {
- border-radius: 0 !important; /* square */
+ border-radius: 0 !important;
}
.reveal .slides section:not(.title-frame) ul ul ul > li::before {
- background: transparent !important; /* ring */
+ background: transparent !important;
border: 0.055em solid var(--r-list-bullet-color) !important;
border-radius: 50% !important;
}
-/* Ordered lists: the CSS list-item counter honours the HTML start/value
- attributes, so pandoc's start/value lists keep their numbers. Numbers are
- right-aligned into the indent, ending just before the item text. */
.reveal .slides section:not(.title-frame) ol > li::before {
content: counter(list-item, decimal) "." !important;
- width: 0.53em !important;
+ width: calc(0.65em - 0.12em) !important;
text-align: right !important;
}
-/* Checkbox (pandoc task) lists keep their checkboxes, no bullets on top. */
.reveal .slides section:not(.title-frame) ul.task-list li::before {
content: none !important;
}
@@ -546,25 +518,16 @@
--r-list-bullet-color: #f6a800;
}
-/* Bold ("highlighted") text gets the orange colour AND the condensed Fira
- Sans face, as in the IDS reference decks -- the lighter weight and 90%
- size keep it from dominating the serif body text. */
.reveal strong, .reveal b {
font-family: "Fira Sans Condensed", sans-serif;
font-weight: 600;
font-size: 90%;
color: var(--r-bold-color);
}
-
.reveal ul li::marker, .reveal ol li::marker {
color: var(--r-list-bullet-color) !important;
}
-/* Nested list items are set progressively smaller, both to emphasise the
- hierarchy and to keep deeply nested lists from visually competing with the
- first level. The em size compounds down the nesting levels, so each deeper
- level is 80% of its parent (level 2: 80%, level 3: 64%, level 4: 51%).
- Markers and the hanging indentation scale with the text automatically. */
.reveal li li {
font-size: 0.8em;
}
@@ -600,7 +563,7 @@
}
/* Bottom position for the IDS-Footer footer when both progress bar and TOC-Progress are visible */
-div.progress[style="display: block;"]~#ids-footer {
+div.progress[style="display: block;"] ~ #ids-footer {
bottom: calc(3px + 0vh);
}
@@ -614,7 +577,7 @@
}
/* Bottom position for the IDS-Footer footer when progress bar is visible */
-div.progress[style="display: block;"]~footer:last-of-type#ids-footer {
+div.progress[style="display: block;"] ~ footer:last-of-type#ids-footer {
bottom: 3px;
}
@@ -645,9 +608,6 @@
transition: opacity 800ms ease-in-out;
}
-/* Pinned to the title slide's true bottom-right corner (painted on the slide,
- not the unscaled viewport). Its margin mirrors the IDS logo's (top 10px /
- right 8px of the slide), so the two sit on one shared inset. */
.reveal .slides section.title-frame {
background-image: url("https://corpora.ids-mannheim.de/slides/reveal.js.ids/images/Mitglied_WGL_transparent.svg");
background-repeat: no-repeat;
@@ -674,7 +634,7 @@
font-size: 2vh;
}
-#customcontrols>ul {
+#customcontrols > ul {
color: #aaaaaa !important;
position: fixed;
left: 50px;
@@ -685,11 +645,10 @@
}
@media only screen and (min-width: 500px) {
- #customcontrols>ul {
+ #customcontrols > ul {
bottom: 2% !important;
}
}
-
.reveal .controls .controls-arrow {
position: relative;
width: 3.6em;
@@ -706,7 +665,7 @@
text-transform: none !important;
}
-.reveal h2+h3 {
+.reveal h2 + h3 {
margin-top: -0.5em !important;
}
@@ -774,7 +733,7 @@
border-collapse: collapse;
}
-.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, table.dataTable thead>tr>th.sorting::before, table.dataTable thead>tr>th.sorting::after, table.dataTable thead>tr>th.sorting_asc::before, table.dataTable thead>tr>th.sorting_asc::after, table.dataTable thead>tr>th.sorting_desc::before, table.dataTable thead>tr>th.sorting_desc::after, table.dataTable thead>tr>th.sorting_asc_disabled::before, table.dataTable thead>tr>th.sorting_asc_disabled::after, table.dataTable thead>tr>th.sorting_desc_disabled::before, table.dataTable thead>tr>th.sorting_desc_disabled::after, table.dataTable thead>tr>td.sorting::before, table.dataTable thead>tr>td.sorting::after, table.dataTable thead>tr>td.sorting_asc::before, table.dataTable thead>tr>td.sorting_asc::after, table.dataTable thead>tr>td.sorting_desc::before, table.dataTable thead>tr>td.sorting_desc::after, table.dataTable thead>tr>td.sorting_asc_disabled::before, table.dataTable thead>tr>td.sorting_asc_disabled::after, table.dataTable thead>tr>td.sorting_desc_disabled::before, table.dataTable thead>tr>td.sorting_desc_disabled::after {
+.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
display: none;
}
@@ -793,7 +752,7 @@
}
/* Sort Arrows in DataTables */
-table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after {
+table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
right: 0 !important;
line-height: 80% !important;
}
@@ -805,36 +764,30 @@
font-family: "Fira Sans Condensed", sans-serif;
font-size: 16px;
text-align: left;
- margin-top: 35px;
- max-height: 540px;
+ margin-top: 10px;
+ max-height: 510px;
font-weight: 400;
color: #253b43;
overflow-y: auto;
}
-.hanging-indent>.csl-entry {
+.hanging-indent > .csl-entry {
padding-left: 22px;
text-indent: -22px;
}
-/* .references scopes this above pandoc's CSL defaults (div.csl-entry), which
- otherwise win on specificity and pin margin-bottom to 0em. */
.references .csl-entry {
color: #888888;
margin-bottom: 0.5em;
}
-/* "Authors (Year):" as a bold dark first line; the theme template's JS wraps
- the leading text of each entry in .csl-authors-year (see default.html) --
- which part of an entry citeproc wraps in spans depends on the entry type, so
- a CSS-only break cannot place it reliably. */
.csl-entry .csl-authors-year {
display: block;
font-weight: bold;
color: #4d616b;
}
-.reveal code.sourceCode:last-child+pre {
+.reveal code.sourceCode:last-child + pre {
height: 800px !important;
}
@@ -842,10 +795,8 @@
* ARROWS and SLIDE NUMBERS
*********************************************/
.reveal .controls .controls-arrow:after, .reveal .controls .controls-arrow:before {
- width: 13px !important;
- /* size */
- height: 4px;
- /* line width */
+ width: 13px !important; /* size */
+ height: 4px; /* line width */
}
.reveal .controls {
@@ -864,8 +815,7 @@
.reveal .controls .controls-arrow {
position: relative;
height: 3.6em;
- width: 1.2em;
- /* distance betwee arrows */
+ width: 1.2em; /* distance betwee arrows */
bottom: 0;
right: 0;
}
@@ -884,4 +834,6 @@
background-color: white;
color: #666;
padding: 0;
-}
\ No newline at end of file
+}
+
+/*# sourceMappingURL=ids.css.map */