"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "dist/theme/simple.css" between
reveal.js-4.1.1.tar.gz and reveal.js-4.1.2.tar.gz

About: reveal.js is a HTML presentation framework including nested slides, Markdown contents, PDF export, speaker notes and a JavaScript API.

simple.css  (reveal.js-4.1.1):simple.css  (reveal.js-4.1.2)
skipping to change at line 18 skipping to change at line 18
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700); @import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700it alic); @import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700it alic);
section.has-dark-background, section.has-dark-background h1, section.has-dark-ba ckground h2, section.has-dark-background h3, section.has-dark-background h4, sec tion.has-dark-background h5, section.has-dark-background h6 { section.has-dark-background, section.has-dark-background h1, section.has-dark-ba ckground h2, section.has-dark-background h3, section.has-dark-background h4, sec tion.has-dark-background h5, section.has-dark-background h6 {
color: #fff; color: #fff;
} }
/********************************************* /*********************************************
* GLOBAL STYLES * GLOBAL STYLES
*********************************************/ *********************************************/
:root { :root {
--background-color: #fff; --r-background-color: #fff;
--main-font: Lato, sans-serif; --r-main-font: Lato, sans-serif;
--main-font-size: 40px; --r-main-font-size: 40px;
--main-color: #000; --r-main-color: #000;
--block-margin: 20px; --r-block-margin: 20px;
--heading-margin: 0 0 20px 0; --r-heading-margin: 0 0 20px 0;
--heading-font: News Cycle, Impact, sans-serif; --r-heading-font: News Cycle, Impact, sans-serif;
--heading-color: #000; --r-heading-color: #000;
--heading-line-height: 1.2; --r-heading-line-height: 1.2;
--heading-letter-spacing: normal; --r-heading-letter-spacing: normal;
--heading-text-transform: none; --r-heading-text-transform: none;
--heading-text-shadow: none; --r-heading-text-shadow: none;
--heading-font-weight: normal; --r-heading-font-weight: normal;
--heading1-text-shadow: none; --r-heading1-text-shadow: none;
--heading1-size: 3.77em; --r-heading1-size: 3.77em;
--heading2-size: 2.11em; --r-heading2-size: 2.11em;
--heading3-size: 1.55em; --r-heading3-size: 1.55em;
--heading4-size: 1em; --r-heading4-size: 1em;
--code-font: monospace; --r-code-font: monospace;
--link-color: #00008B; --r-link-color: #00008B;
--link-color-hover: #0000f1; --r-link-color-dark: #00003f;
--selection-background-color: rgba(0, 0, 0, 0.99); --r-link-color-hover: #0000f1;
--selection-color: #fff; --r-selection-background-color: rgba(0, 0, 0, 0.99);
--r-selection-color: #fff;
} }
.reveal-viewport { .reveal-viewport {
background: #fff; background: #fff;
background-color: #fff; background-color: var(--r-background-color);
} }
.reveal { .reveal {
font-family: "Lato", sans-serif; font-family: var(--r-main-font);
font-size: 40px; font-size: var(--r-main-font-size);
font-weight: normal; font-weight: normal;
color: #000; color: var(--r-main-color);
} }
.reveal ::selection { .reveal ::selection {
color: #fff; color: var(--r-selection-color);
background: rgba(0, 0, 0, 0.99); background: var(--r-selection-background-color);
text-shadow: none; text-shadow: none;
} }
.reveal ::-moz-selection { .reveal ::-moz-selection {
color: #fff; color: var(--r-selection-color);
background: rgba(0, 0, 0, 0.99); background: var(--r-selection-background-color);
text-shadow: none; text-shadow: none;
} }
.reveal .slides section, .reveal .slides section,
.reveal .slides section > section { .reveal .slides section > section {
line-height: 1.3; line-height: 1.3;
font-weight: inherit; font-weight: inherit;
} }
/********************************************* /*********************************************
* HEADERS * HEADERS
*********************************************/ *********************************************/
.reveal h1, .reveal h1,
.reveal h2, .reveal h2,
.reveal h3, .reveal h3,
.reveal h4, .reveal h4,
.reveal h5, .reveal h5,
.reveal h6 { .reveal h6 {
margin: 0 0 20px 0; margin: var(--r-heading-margin);
color: #000; color: var(--r-heading-color);
font-family: "News Cycle", Impact, sans-serif; font-family: var(--r-heading-font);
font-weight: normal; font-weight: var(--r-heading-font-weight);
line-height: 1.2; line-height: var(--r-heading-line-height);
letter-spacing: normal; letter-spacing: var(--r-heading-letter-spacing);
text-transform: none; text-transform: var(--r-heading-text-transform);
text-shadow: none; text-shadow: var(--r-heading-text-shadow);
word-wrap: break-word; word-wrap: break-word;
} }
.reveal h1 { .reveal h1 {
font-size: 3.77em; font-size: var(--r-heading1-size);
} }
.reveal h2 { .reveal h2 {
font-size: 2.11em; font-size: var(--r-heading2-size);
} }
.reveal h3 { .reveal h3 {
font-size: 1.55em; font-size: var(--r-heading3-size);
} }
.reveal h4 { .reveal h4 {
font-size: 1em; font-size: var(--r-heading4-size);
} }
.reveal h1 { .reveal h1 {
text-shadow: none; text-shadow: var(--r-heading1-text-shadow);
} }
/********************************************* /*********************************************
* OTHER * OTHER
*********************************************/ *********************************************/
.reveal p { .reveal p {
margin: 20px 0; margin: var(--r-block-margin) 0;
line-height: 1.3; line-height: 1.3;
} }
/* Remove trailing margins after titles */ /* Remove trailing margins after titles */
.reveal h1:last-child, .reveal h1:last-child,
.reveal h2:last-child, .reveal h2:last-child,
.reveal h3:last-child, .reveal h3:last-child,
.reveal h4:last-child, .reveal h4:last-child,
.reveal h5:last-child, .reveal h5:last-child,
.reveal h6:last-child { .reveal h6:last-child {
skipping to change at line 192 skipping to change at line 193
} }
.reveal dd { .reveal dd {
margin-left: 40px; margin-left: 40px;
} }
.reveal blockquote { .reveal blockquote {
display: block; display: block;
position: relative; position: relative;
width: 70%; width: 70%;
margin: 20px auto; margin: var(--r-block-margin) auto;
padding: 5px; padding: 5px;
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);
} }
.reveal blockquote p:first-child, .reveal blockquote p:first-child,
.reveal blockquote p:last-child { .reveal blockquote p:last-child {
display: inline-block; display: inline-block;
} }
.reveal q { .reveal q {
font-style: italic; font-style: italic;
} }
.reveal pre { .reveal pre {
display: block; display: block;
position: relative; position: relative;
width: 90%; width: 90%;
margin: 20px auto; margin: var(--r-block-margin) auto;
text-align: left; text-align: left;
font-size: 0.55em; font-size: 0.55em;
font-family: monospace; font-family: var(--r-code-font);
line-height: 1.2em; line-height: 1.2em;
word-wrap: break-word; word-wrap: break-word;
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15);
} }
.reveal code { .reveal code {
font-family: monospace; font-family: var(--r-code-font);
text-transform: none; text-transform: none;
tab-size: 2; tab-size: 2;
} }
.reveal pre code { .reveal pre code {
display: block; display: block;
padding: 5px; padding: 5px;
overflow: auto; overflow: auto;
max-height: 400px; max-height: 400px;
word-wrap: normal; word-wrap: normal;
} }
.reveal .code-wrapper {
white-space: normal;
}
.reveal .code-wrapper code {
white-space: pre;
}
.reveal table { .reveal table {
margin: auto; margin: auto;
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
} }
.reveal table th { .reveal table th {
font-weight: bold; font-weight: bold;
} }
skipping to change at line 289 skipping to change at line 298
font-size: 0.6em; font-size: 0.6em;
line-height: 1.2em; line-height: 1.2em;
vertical-align: top; vertical-align: top;
} }
.reveal small * { .reveal small * {
vertical-align: top; vertical-align: top;
} }
.reveal img { .reveal img {
margin: 20px 0; margin: var(--r-block-margin) 0;
} }
/********************************************* /*********************************************
* LINKS * LINKS
*********************************************/ *********************************************/
.reveal a { .reveal a {
color: #00008B; color: var(--r-link-color);
text-decoration: none; text-decoration: none;
transition: color 0.15s ease; transition: color 0.15s ease;
} }
.reveal a:hover { .reveal a:hover {
color: #0000f1; color: var(--r-link-color-hover);
text-shadow: none; text-shadow: none;
border: none; border: none;
} }
.reveal .roll span:after { .reveal .roll span:after {
color: #fff; color: #fff;
background: #00003f; background: var(--r-link-color-dark);
} }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid #000; border: 4px solid var(--r-main-color);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
} }
.reveal a .r-frame { .reveal a .r-frame {
transition: all 0.15s linear; transition: all 0.15s linear;
} }
.reveal a:hover .r-frame { .reveal a:hover .r-frame {
border-color: #00008B; border-color: var(--r-link-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); box-shadow: 0 0 20px rgba(0, 0, 0, 0.55);
} }
/********************************************* /*********************************************
* NAVIGATION CONTROLS * NAVIGATION CONTROLS
*********************************************/ *********************************************/
.reveal .controls { .reveal .controls {
color: #00008B; color: var(--r-link-color);
} }
/********************************************* /*********************************************
* PROGRESS BAR * PROGRESS BAR
*********************************************/ *********************************************/
.reveal .progress { .reveal .progress {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
color: #00008B; color: var(--r-link-color);
} }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: #fff; background-color: var(--r-background-color);
} }
} }
 End of changes. 27 change blocks. 
58 lines changed or deleted 67 lines changed or added

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)