reveal-js-base-theme/css/theme/source/phyks.scss

267 lines
6.1 KiB
SCSS
Raw Permalink Normal View History

2014-06-10 23:03:00 +02:00
/**
* Default theme for reveal.js.
*
* Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
// Default mixins and settings -----------------
@import "../template/mixins";
@import "../template/settings";
// ---------------------------------------------
// Include theme-specific fonts
@font-face {
font-family: 'League Gothic';
src: url('../../lib/font/league_gothic-webfont.eot');
src: url('../../lib/font/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
url('../../lib/font/league_gothic-webfont.woff') format('woff'),
url('../../lib/font/league_gothic-webfont.ttf') format('truetype'),
url('../../lib/font/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
2014-07-02 13:50:49 +02:00
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans'), local('OpenSans'), url('../../lib/font/open-sans-regular.woff') format('woff');
}
@font-face {
2014-07-02 13:50:49 +02:00
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../lib/font/open-sans-bold.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../../lib/font/open-sans-italic.woff') format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../../lib/font/open-sans-bold-italic.woff') format('woff');
}
@font-face {
2014-07-02 13:50:49 +02:00
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 400;
2014-07-02 13:50:49 +02:00
src: local('Source Code Pro'), local('SourceCodePro-Regular'), url('../../lib/font/source-code-pro-regular.woff') format('woff');
}
@font-face {
2014-07-02 13:50:49 +02:00
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 500;
src: local('Source Code Pro Medium'), local('SourceCodePro-Medium'), url('../../lib/font/source-code-pro-500.woff') format('woff');
}
@font-face {
font-family: 'Source Code Pro';
font-style: normal;
font-weight: 700;
2014-07-02 13:50:49 +02:00
src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'), url('../../lib/font/source-code-pro-bold.woff') format('woff');
}
2014-06-10 23:03:00 +02:00
// Override theme settings (see ../template/settings.scss)
2014-07-02 13:50:49 +02:00
$mainFont: 'Open Sans', sans-serif;
$codeFont: 'Source Code Pro', monospace;
$backgroundColor: #0b5662;
$headingTextTransform: none;
$headingColor: #e2aa3b;
$mainHeadingColor: white;
$borderColor: #a05007;
$linkColor: #e2aa3b;
$linkColorHover: #33c067;
$backgroundQuotes: #0e6a79;
$selectionColor: $backgroundColor;
$selectionBackgroundColor: white;
$borderTableColor: white;
$thColor: $headingColor;
// Theme template ------------------------------
@import "../template/theme";
// ---------------------------------------------
2014-06-10 23:03:00 +02:00
2014-07-02 13:50:49 +02:00
::-moz-selection {
color: $selectionColor;
background: $selectionBackgroundColor;
text-shadow: none;
2014-06-10 23:03:00 +02:00
}
2014-07-02 13:50:49 +02:00
.reveal h1 {
text-transform: uppercase;
line-height: 1em;
margin-bottom: 1em;
}
2014-06-10 23:03:00 +02:00
2014-07-02 13:50:49 +02:00
.reveal .slides>section:first-child>section:first-child h1 {
color: $mainHeadingColor;
-moz-hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
word-spacing: 0.075em;
}
2014-06-10 23:03:00 +02:00
2014-07-02 13:50:49 +02:00
.reveal .slides>section:first-child>section:first-child h2 {
font-style: italic;
}
.reveal section:not(:first-child) h2 {
text-align: left;
border-bottom: 3px solid $borderColor;
}
.reveal h2::-moz-selection {
color: $selectionColor;
background: $headingColor;
text-shadow: none;
}
.reveal h2::selection {
color: $selectionColor;
background: $headingColor;
text-shadow: none;
}
.reveal .slides>section:first-child>section:first-child h2 *::-moz-selection {
color: $selectionColor;
background: $headingColor;
text-shadow: none;
}
.reveal .slides>section:first-child>section:first-child h2 *::selection {
color: $selectionColor;
background: $headingColor;
text-shadow: none;
}
.reveal .slides>section:first-child>section:first-child h3::-moz-selection {
color: $selectionColor;
background: $headingColor;
text-shadow: none;
}
.reveal .slides>section:first-child>section:first-child h3::selection {
color: $selectionColor;
background: $headingColor;
text-shadow: none;
}
.reveal .slides>section:first-child>section:first-child h3 *::-moz-selection {
color: $selectionColor;
background: $headingColor;
text-shadow: none;
}
.reveal .slides>section:first-child>section:first-child h3 *::selection {
color: $selectionColor;
background: $headingColor;
text-shadow: none;
}
.reveal .slides a::selection {
color: $selectionColor;
background: $headingColor;
text-shadow: none;
}
.reveal .slides a::-moz-selection {
color: $selectionColor;
background: $headingColor;
text-shadow: none;
}
#summary h2 {
color: $mainHeadingColor;
}
#summary h2::selection {
color: $selectionColor;
background: $mainHeadingColor;
}
#summary h2::-moz-selection {
color: $selectionColor;
background: $mainHeadingColor;
}
.reveal pre {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
/* background-color: #0e6a79;
padding: 1em;*/
}
.reveal code {
font-family: $codeFont;
font-weight: 500;
}
.reveal blockquote {
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
background-color: $backgroundQuotes;
padding: 1em;
}
.reveal .progress {
height: 0.5em;
}
.reveal .progress span {
background: #cb6512;
}
.reveal .slide-number {
font-size: 0.75em;
font-weight: bold;
margin-bottom: 0.25em;
opacity: 0.5;
}
.reveal table {
margin: auto;
border-collapse: collapse;
border-spacing: 0;
}
.reveal table th {
font-weight: bold;
color: $thColor;
}
.reveal table th,
.reveal table td {
text-align: center;
padding: 0.2em 0.5em;
border-bottom: 2px solid $borderTableColor;
}
.reveal table tr:last-child td {
border-bottom: none;
}
#presentable-toc li li {
font-style: italic;
}
.reveal .controls {
left: 10px;
right: auto;
}
.reveal div.navigate-right, .reveal div.navigate-left, .reveal div.navigate-up, .reveal div.navigate-down {
display: none;
}
.reveal div.navigate-down.enabled {
left: 21px !important;
top: 76px !important;
display: block;
}