emu.css

/* Fonts */

@font-face { /* Regular */
  font-family: 'Frutiger Condensed';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/FrutigerCondensed-Regular.ttf') format('truetype');
}
@font-face { /* Heading */
  font-family: 'Eurostile Demi';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/Eurostile-Demi.otf') format('opentype');
}
@font-face { /* Subheading */
  font-family: 'Eurostile';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/Eurostile-Regular.otf') format('opentype');
}
@font-face { /* Condensed */
  font-family: 'Eurostile Condensed';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/EurostileCondensed-Regular.otf') format('opentype');
}
@font-face { /* Monospace */
  font-family: 'Iosevka';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/Iosevka-Regular.ttf') format('truetype');
}

/* General */

body { 
  font-family: "Frutiger Condensed", sans-serif;
  color: #222;
} 

.remark-slide-content {
  font-size: 28px;
  padding: 1em 2em;
}

.remark-slide-number {
  font-family: "Eurostile Condensed", sans-serif;
  color: #222;
  opacity: 1;
}

.remark-container {
  background: #fff;
}

.remark-slide-container { 
  background: #fff; /* Full screen background */
} 

.remark-slide-scaler { 
  -webkit-box-shadow: none; /* Remove slide shadows */
}

/* Logo */

div.logo {
  font-family: "Eurostile Demi", sans-serif;
  color: #006649;
	text-align: left;
	position: fixed;
	bottom: 12px;
	left: 20px;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
  font-weight: 300; 
  margin: 0.2em 0.2em 0em 0em;
}

.remark-slide-content h1 {
  font-family: "Eurostile Demi", sans-serif;
  font-size: 1.8em;
  color: #990000;
}
.remark-slide-content h2 {
  font-family: "Eurostile", sans-serif;
  font-size: 1.6em;
  color: #990000;
}
.remark-slide-content h3 {
  font-family: "Eurostile", sans-serif;
  font-size: 1.4em;
  color: #006649;
}
.remark-slide-content h4 {
  font-family: "Eurostile", sans-serif;
  font-size: 1.2em;
  color: #222;
}
.remark-slide-content h5 {
  font-family: "Eurostile Condensed", sans-serif;
  font-size: 1.1em;
  color: #222;
  text-align: center
}
.remark-slide-content h6 {
  font-family: "Eurostile Condensed", sans-serif;
  font-size: 1.1em;
  text-align: right;
}

blockquote {
  border-left: solid 3px #999;
  padding-left: 1em;
}

a, a:link, a:visited, a:focus, a:hover, a:active{
  color: #999;
}

/* Custom styles */

.small { font-size: 0.8em; }

.smaller { font-size: 0.6em; }

.compact td {
  font-size: 0.6em;
  line-height: 1em;
  padding: 0px;
}

.compact th {
  font-size: 0.6em;
  padding: 0px;
}

.scroll {
  height: 90%;
  overflow-y: scroll;
}

.footnote {
  font-size: 0.6em;
  bottom: 3em;
  position: absolute;
  padding-right: 56px; /* 2em*28px */
}

.toc h1 {
  font-size: 1.4em;
  margin: 0.4em; 
}

.toc h2 { font-size: 1.4em;
  margin: 0.4em; 
}

.toc p {
  font-family: "Eurostile", sans-serif;
  font-size: 1.4em;
  margin: 0em; 
}

/* Inverse */

.inverse {
  background-color: #222;
}
.inverse h1, .inverse h2, .inverse h3, .inverse p {
  font-weight: 300;
  color: #fff;
}
.inverse .remark-slide-number {
  display: none;
}
.inverse .logo {
  display: none;
}

/* Title slide */

.title-slide {
  background-color: #fff;
}
.title-slide h1 {
  color: #990000;
}
.title-slide h2 {
  color: #006649;
  margin: 0em 0em 1em 0em; /* Gap below subtitle */
}
.title-slide h3 {
  color: #222;
}
.title-slide .logo {
  display: block;
}

.title-slide .remark-slide-number {
  display: none;
}


/* Clean */

.clean .remark-slide-number {
  display: none;
}

.clean .logo {
  display: none;
}

/* Two-column layout */

.pull-left {
  float: left;
  width: 47%;
}

.pull-right {
  float: right;
  width: 47%;
}

.pull-right ~ * {
  clear: both;
}

/* Table */

.remark-slide table {
  font-size: 0.8em;
  margin: auto;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
}

.remark-slide table thead th { 
  border-bottom: 1px solid #ddd; 
}

th, td { 
  padding: 5px; 
}

/* Code */

.remark-code, .remark-inline-code {
  font-family: "Iosevka", monospace;
  font-size: 0.6em; 
}
.remark-code-line-highlighted {
  background-color: #afbfcf
}


/* Media */

img, video, iframe {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

@page { margin: 0; }

@media print {
  .remark-slide-scaler {
    width: 100% !important;
    height: 100% !important;
    transform: scale(1) !important;
    top: 0 !important;
    left: 0 !important;
  }