Files
eiffel-org/tutorial/res/theme/ise/source/ise.scss
2015-05-29 14:20:26 +00:00

94 lines
2.3 KiB
SCSS

/**
* A simple theme for reveal.js presentations, similar
* to the default theme. The accent color is darkblue.
*
* This theme is Copyright (C) 2015 Jocelyn Fiat, https://github.com/jocelyn. It is MIT licensed.
* reveal.js is Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
*/
// Default mixins and settings -----------------
@import "../../../reveal.js/css/theme/template/mixins";
@import "../../../reveal.js/css/theme/template/settings";
// ---------------------------------------------
// Include theme-specific fonts
@import url(https://fonts.googleapis.com/css?family=News+Cycle:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);
// Override theme settings (see ../template/settings.scss)
$mainFont: 'Lato', sans-serif;
$mainColor: #000;
$headingFont: 'Arial', Impact, sans-serif;
$headingColor: #000;
$headingTextShadow: none;
$headingTextTransform: none;
$backgroundColor: #ddebfa;
$linkColor: #00008B;
$linkColorHover: lighten( $linkColor, 20% );
$selectionBackgroundColor: rgba(0, 0, 0, 0.99);
// Theme template ------------------------------
@import "../../../reveal.js/css/theme/template/theme";
// ---------------------------------------------
// hljs ----------------------------------------
@import "hljs";
// ---------------------------------------------
.reveal span.logo {
float: left;
display: inline-block;
width: 250px; height: 100px;
&:after {
content: " ";
}
background-image: url("logo.png");
background-repeat: no-repeat;
background-position: left top 0;
}
.reveal h2 {
color: #4672b9;
line-height: 1em;
padding: 5px 5px 15px 5px;
background-color: white;
border-top: solid 2px rgba(0,0,210,0.4);
margin: 0;
font-weight: bold;
font-size: 56px;
}
.reveal h3 {
color: #4672b9;
line-height: 0.9em;
background-color: white;
padding: 5px 5px 15px 5px;
border-top: solid 2px rgba(0,0,210,0.4);
font-weight: bold;
font-size: 48px;
}
.reveal section {
min-height: 80%;
.footer {
position: absolute;
bottom: 0px;
right: 0;
font-size: 18px;
padding-top: 4px;
vertical-align: middle;
color: $headingColor;
display: inline-block;
width: 100%;
height: 30px;
& a { color: $headingColor; }
text-align: right;
}
}