Resources attached to the Road To DevOps tutorial
https://blog.noobtoroot.xyz/road-to-devops/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
1.9 KiB
79 lines
1.9 KiB
/** |
|
* Blood theme for reveal.js |
|
* Author: Walther http://github.com/Walther |
|
* |
|
* Designed to be used with highlight.js theme |
|
* "monokai_sublime.css" available from |
|
* https://github.com/isagalaev/highlight.js/ |
|
* |
|
* For other themes, change $codeBackground accordingly. |
|
* |
|
*/ |
|
|
|
// Default mixins and settings ----------------- |
|
@import "../template/mixins"; |
|
@import "../template/settings"; |
|
// --------------------------------------------- |
|
|
|
// Include theme-specific fonts |
|
|
|
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,700,300italic,700italic); |
|
|
|
// Colors used in the theme |
|
$blood: #a23; |
|
$coal: #222; |
|
$codeBackground: #23241f; |
|
|
|
$backgroundColor: $coal; |
|
|
|
// Main text |
|
$mainFont: Ubuntu, 'sans-serif'; |
|
$mainFontSize: 36px; |
|
$mainColor: #eee; |
|
|
|
// Headings |
|
$headingFont: Ubuntu, 'sans-serif'; |
|
$headingTextShadow: 2px 2px 2px $coal; |
|
|
|
// h1 shadow, borrowed humbly from |
|
// (c) Default theme by Hakim El Hattab |
|
$heading1TextShadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 20px 20px rgba(0,0,0,.15); |
|
|
|
// Links |
|
$linkColor: $blood; |
|
$linkColorHover: lighten( $linkColor, 20% ); |
|
|
|
// Text selection |
|
$selectionBackgroundColor: $blood; |
|
$selectionColor: #fff; |
|
|
|
|
|
// Theme template ------------------------------ |
|
@import "../template/theme"; |
|
// --------------------------------------------- |
|
|
|
// some overrides after theme template import |
|
|
|
.reveal p { |
|
font-weight: 300; |
|
text-shadow: 1px 1px $coal; |
|
} |
|
|
|
.reveal h1, |
|
.reveal h2, |
|
.reveal h3, |
|
.reveal h4, |
|
.reveal h5, |
|
.reveal h6 { |
|
font-weight: 700; |
|
} |
|
|
|
.reveal p code { |
|
background-color: $codeBackground; |
|
display: inline-block; |
|
border-radius: 7px; |
|
} |
|
|
|
.reveal small code { |
|
vertical-align: baseline; |
|
} |