71 lines
1.9 KiB
SCSS
71 lines
1.9 KiB
SCSS
/**
|
|
* Black theme for reveal.js. This is the opposite of the 'white' theme.
|
|
*
|
|
* By Hakim El Hattab, http://hakim.se
|
|
*/
|
|
|
|
|
|
// Default mixins and settings -----------------
|
|
@import "./mixins";
|
|
@import "./settings";
|
|
// ---------------------------------------------
|
|
ul.arr li{
|
|
list-style: none;
|
|
margin-left: -30px;
|
|
&:before{
|
|
color: #b5e853;
|
|
content: ">> ";
|
|
}
|
|
}
|
|
.left {
|
|
text-align: left;
|
|
}
|
|
// Include theme-specific fonts
|
|
// @import url(../../lib/font/source-sans-pro/source-sans-pro.css);
|
|
|
|
.reveal section img.no_b {
|
|
border-width: 0px;
|
|
}
|
|
|
|
// Override theme settings (see ../template/settings.scss)
|
|
$backgroundColor: #191919;
|
|
|
|
$mainColor: #a9fb0b;
|
|
$headingColor: #a9fb0b;
|
|
|
|
$mainFontSize: 42px;
|
|
//$mainFont: 'Source Sans Pro', Helvetica, sans-serif;
|
|
//$headingFont: 'Source Sans Pro', Helvetica, sans-serif;
|
|
$headingTextShadow: none;
|
|
$headingLetterSpacing: normal;
|
|
$headingTextTransform: normal;
|
|
$headingFontWeight: 600;
|
|
$linkColor: #42affa;
|
|
$linkColorHover: lighten( $linkColor, 15% );
|
|
$selectionBackgroundColor: lighten( $linkColor, 25% );
|
|
|
|
$heading1Size: 2.5em;
|
|
$heading2Size: 1.6em;
|
|
$heading3Size: 1.3em;
|
|
$heading4Size: 1.0em;
|
|
|
|
section.has-light-background {
|
|
&, h1, h2, h3, h4, h5, h6 {
|
|
color: #222;
|
|
}
|
|
}
|
|
|
|
// Theme template ------------------------------
|
|
@import "./theme";
|
|
// ---------------------------------------------
|
|
body {
|
|
background: #1c1e20;
|
|
background: -moz-radial-gradient(center, circle cover, #393a3a 0%, #1c1e20 100%);
|
|
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #393a3a), color-stop(100%, #1c1e20));
|
|
background: -webkit-radial-gradient(center, circle cover, #323232 0%, #1c1c1c 100%);
|
|
background: -o-radial-gradient(center, circle cover, #393a3a 0%, #1c1e20 100%);
|
|
background: -ms-radial-gradient(center, circle cover, #393a3a 0%, #1c1e20 100%);
|
|
background: radial-gradient(center, circle cover, #393a3a 0%, #1c1e20 100%);
|
|
background-color: #2b2b2b;
|
|
}
|