ntnsndr/dotfiles
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Revised Reveal template toward Helvetica on white

Browse Source
This commit is contained in:
Nathan Schneider
2025-11-30 16:30:20 -05:00
parent 8874c2edcd
commit c08822407e
1 changed files with 21 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.revealjs/ntn.css
+21 -22
View File
@@ -11,24 +11,23 @@ section.has-light-background, section.has-light-background h1, section.has-light
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
body { body {
background: #222; background: light-gray;
background-color: #222; background-color: light-gray;
background-image: linear-gradient(black, black);
} }
.reveal { .reveal {
font-family: "DIN-Regular", Helvetica, sans-serif; /* ntnsndr adjusted */ font-family: Helvetica, sans-serif; /* ntnsndr adjusted */
font-size: 30px; font-size: 30px;
font-weight: normal; font-weight: normal;
color: #fff; } color: black; }
.reveal:empty { .reveal:empty {
padding: 0 0 0 0; padding: 0 0 0 0;
} }
::selection { ::selection {
color: #fff; color: black;
background: #bee4fd; background: yellow;
text-shadow: none; } text-shadow: none; }
.reveal .slides > section, .reveal .slides > section,
@@ -51,9 +50,9 @@ body {
.reveal h6 { .reveal h6 {
display: table; display: table;
margin: 0px auto 30px auto; margin: 0px auto 30px auto;
background-color: rgba(0,0,0,0.8); /* ntnsndr addition */ background-color: light-gray; /* ntnsndr addition */
color: #fff; color: black;
font-family: "DIN-Regular", Helvetica, sans-serif; /* ntnsndr adjusted */ font-family: Helvetica, sans-serif; /* ntnsndr adjusted */
font-weight: 600; font-weight: 600;
line-height: 1.2; line-height: 1.2;
letter-spacing: normal; letter-spacing: normal;
@@ -81,7 +80,7 @@ body {
.reveal p, .reveal figcaption { .reveal p, .reveal figcaption {
display: table; display: table;
margin: 0px auto 0px auto; margin: 0px auto 0px auto;
background-color: rgba(0,0,0,0.8); background-color: light-gray;
padding: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;
line-height: 1.3; } line-height: 1.3; }
@@ -107,11 +106,13 @@ body {
margin: 0 0 0 1em; } margin: 0 0 0 1em; }
.reveal ol { .reveal ol {
background-color: rgba(0,0,0,0.8); /* ntnsndr addition */ background-color: light-gray; /* ntnsndr addition */
padding: 0 5px 0 5px;
list-style-type: decimal; } list-style-type: decimal; }
.reveal ul { .reveal ul {
background-color: rgba(0,0,0,0.8); /* ntnsndr addition */ background-color: light-gray; /* ntnsndr addition */
padding: 0 5px 0 5px;
list-style-type: disc; } list-style-type: disc; }
.reveal ul ul { .reveal ul ul {
@@ -138,14 +139,13 @@ body {
quotes: none; } quotes: none; }
.reveal blockquote { .reveal blockquote {
background-color: rgba(0,0,0,0.8); /* ntnsndr addition */ background-color: light-gray; /* ntnsndr addition */
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: 20px auto; margin: 20px auto;
padding: 10px; padding: 10px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05);
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.reveal blockquote p:first-child, .reveal blockquote p:first-child,
@@ -156,7 +156,7 @@ body {
font-style: italic; } font-style: italic; }
.reveal pre { .reveal pre {
background-color: rgba(0,0,0,0.8); /* ntnsndr addition */ background-color: light-gray; /* ntnsndr addition */
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
@@ -169,7 +169,7 @@ body {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); } box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); }
.reveal code { .reveal code {
background-color: rgba(0,0,0,0.8); /* ntnsndr addition */ background-color: light-gray; /* ntnsndr addition */
font-family: monospace; } font-family: monospace; }
.reveal pre code { .reveal pre code {
@@ -212,7 +212,7 @@ body {
vertical-align: sub; } vertical-align: sub; }
.reveal small { .reveal small {
background-color: rgba(0,0,0,0.8); /* ntnsndr addition */ background-color: light-gray; /* ntnsndr addition */
display: inline-block; display: inline-block;
font-size: 0.6em; font-size: 0.6em;
line-height: 1.2em; line-height: 1.2em;
@@ -237,15 +237,14 @@ body {
border: none; } border: none; }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: purple;}
background: #068de9; }
/********************************************* /*********************************************
* IMAGES * IMAGES
*********************************************/ *********************************************/
.reveal section img { .reveal section img {
margin: 15px 0px; margin: 15px 0px;
background: rgba(255, 255, 255, 0.12); background: light-gray;
border: 4px solid #fff; border: 4px solid #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
@@ -259,7 +258,7 @@ body {
transition: all .15s linear; } transition: all .15s linear; }
.reveal a:hover img { .reveal a:hover img {
background: rgba(255, 255, 255, 0.2); background: light-gray;
border-color: #42affa; border-color: #42affa;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); }