"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "dist/theme/sky.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.

sky.css  (reveal.js-4.1.1):sky.css  (reveal.js-4.1.2)
skipping to change at line 20 skipping to change at line 20
} }
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: #f7fbfc; --r-background-color: #f7fbfc;
--main-font: Open Sans, sans-serif; --r-main-font: Open Sans, sans-serif;
--main-font-size: 40px; --r-main-font-size: 40px;
--main-color: #333; --r-main-color: #333;
--block-margin: 20px; --r-block-margin: 20px;
--heading-margin: 0 0 20px 0; --r-heading-margin: 0 0 20px 0;
--heading-font: Quicksand, sans-serif; --r-heading-font: Quicksand, sans-serif;
--heading-color: #333; --r-heading-color: #333;
--heading-line-height: 1.2; --r-heading-line-height: 1.2;
--heading-letter-spacing: -0.08em; --r-heading-letter-spacing: -0.08em;
--heading-text-transform: uppercase; --r-heading-text-transform: uppercase;
--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: #3b759e; --r-link-color: #3b759e;
--link-color-hover: #74a7cb; --r-link-color-dark: #264c66;
--selection-background-color: #134674; --r-link-color-hover: #74a7cb;
--selection-color: #fff; --r-selection-background-color: #134674;
--r-selection-color: #fff;
} }
.reveal-viewport { .reveal-viewport {
background: #add9e4; background: #add9e4;
background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100 %); background: -moz-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100 %);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4)); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #f7fbfc), color-stop(100%, #add9e4));
background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%); background: -webkit-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%) ; background: -o-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%) ;
background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100% ); background: -ms-radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100% );
background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%); background: radial-gradient(center, circle cover, #f7fbfc 0%, #add9e4 100%);
background-color: #f7fbfc; background-color: var(--r-background-color);
} }
.reveal { .reveal {
font-family: "Open Sans", 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: #333; color: var(--r-main-color);
} }
.reveal ::selection { .reveal ::selection {
color: #fff; color: var(--r-selection-color);
background: #134674; 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: #134674; 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: #333; color: var(--r-heading-color);
font-family: "Quicksand", 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: -0.08em; letter-spacing: var(--r-heading-letter-spacing);
text-transform: uppercase; 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 200 skipping to change at line 201
} }
.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 297 skipping to change at line 306
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: #3b759e; 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: #74a7cb; 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: #264c66; background: var(--r-link-color-dark);
} }
/********************************************* /*********************************************
* Frame helper * Frame helper
*********************************************/ *********************************************/
.reveal .r-frame { .reveal .r-frame {
border: 4px solid #333; 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: #3b759e; 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: #3b759e; 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: #3b759e; color: var(--r-link-color);
} }
/********************************************* /*********************************************
* PRINT BACKGROUND * PRINT BACKGROUND
*********************************************/ *********************************************/
@media print { @media print {
.backgrounds { .backgrounds {
background-color: #f7fbfc; 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)