Changed CSS for reveal slides, smaller text and adaptive backgrounds

This commit is contained in:
Nathan Schneider
2023-09-21 23:03:25 -06:00
parent f39aab83cc
commit f2dc0ac316
+12 -9
View File
@@ -18,7 +18,7 @@ body {
.reveal { .reveal {
font-family: "Dinreg", "D-DIN", "CMU Bright", Helvetica, sans-serif; /* ntnsndr adjusted */ font-family: "Dinreg", "D-DIN", "CMU Bright", Helvetica, sans-serif; /* ntnsndr adjusted */
font-size: 38px; font-size: 30px;
font-weight: normal; font-weight: normal;
color: #fff; } color: #fff; }
@@ -45,25 +45,26 @@ body {
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
display: table;
margin: 0px auto 30px auto;
background-color: rgba(0,0,0,0.8); /* ntnsndr addition */ background-color: rgba(0,0,0,0.8); /* ntnsndr addition */
margin: 0 0 20px 0; padding: 10px 10px 10px 10px;
color: #fff; color: #fff;
font-family: "Dinreg", "D-DIN", "CMU Bright", Helvetica, sans-serif; /* ntnsndr adjusted */ font-family: "Dinreg", "D-DIN", "CMU Bright", 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;
text-transform: uppercase;
text-shadow: none; text-shadow: none;
word-wrap: break-word; } word-wrap: break-word; }
.reveal h1 { .reveal h1 {
font-size: 2.5em; } font-size: 3em; }
.reveal h2 { .reveal h2 {
font-size: 1.6em; } font-size: 2em; }
.reveal h3 { .reveal h3 {
font-size: 1.3em; } font-size: 1em; }
.reveal h4 { .reveal h4 {
font-size: 1em; } font-size: 1em; }
@@ -75,8 +76,10 @@ body {
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
background-color: rgba(0,0,0,0.8); /* ntnsndr addition */ display: table;
margin: 20px 0; margin: 0px auto 0px auto;
background-color: rgba(0,0,0,0.8);
padding: 10px 10px 10px 10px;
line-height: 1.3; } line-height: 1.3; }
/* Ensure certain elements are never larger than the slide itself */ /* Ensure certain elements are never larger than the slide itself */
@@ -137,7 +140,7 @@ body {
position: relative; position: relative;
width: 70%; width: 70%;
margin: 20px auto; margin: 20px auto;
padding: 5px; padding: 10px;
font-style: italic; font-style: italic;
background: rgba(255, 255, 255, 0.05); 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); }