---
title: UN Smart Maps Group Theme
tags: theme
description: Use `{%hackmd WdEeg3SdQ-OHU9QFfiW1hg %}` syntax in your document to include this theme. Designed for the presentation mode.
---

<style>
:root {
--smart-white: #ffffff;
--smart-black: #343434;
--smart-gray: #696969;
--smart-blue: #5c81b8;
--smart-green: #97be84;
--smart-red: #de8181;
}
.reveal {
background-color: var(--smart-white);
}
.reveal h1, .reveal h2, .reveal h3,
.reveal h4, .reveal h5, .reveal h6,
.reveal section, .reveal table, .reveal li,
.reveal blockquote, .reveal th, .reveal td,
.reveal p {
font-family: 'Aptos','Helvetica','Roboto';
text-align: left;
word-wrap: break-word;
color: var(--smart-black);
}
.reveal h1, .reveal h2, .reveal h3,
.reveal h4, .reveal h5, .reveal h6 {
font-weight: bold;
}
.reveal h1, .reveal h2, .reveal h3 {
color: var(--smart-gray);
}
.reveal strong:not([class]) {
color: var(--smart-blue);
}
.reveal th {
background: #DDD;
}
.reveal section img {
background:none; border:none; box-shadow:none;
max-width: 95%; max-height: 95%;
}
/*
.reveal blockquote {
width: 90%; padding: 0.5vw 3.0vw;
}
.reveal table {
margin: 1.0vw auto;
}
.reveal code {
line-height: 1.2;
}
.reveal p, .reveal li {
padding: 0vw; margin: 0vw;
}
.reveal .box {
margin: -0.5vw 1.5vw 2.0vw -1.5vw;
padding: 0.5vw 1.5vw 0.5vw 1.5vw;
background: #EEE; border-radius: 1.5vw;
}
.reveal table {
background: #f5f5f5;
}
*/
.reveal th {
background: #444;
color: #fff;
}
.reveal td {
position: relative;
transition: all 300ms;
}
.reveal tbody:hover td {
color: transparent; text-shadow: 0 0 3px #aaa;
}
.reveal tbody:hover tr:hover td {
color: #444; text-shadow: 0 1px 0 #fff;
}
/*
.reveal blockquote {
width: 90%;
padding: 0.5vw 0 0.5vw 6.0vw;
font-style: italic;
background: #f5f5f5;
}
.reveal blockquote:before {
position: absolute;
top: 0.1vw;
left: 1vw;
content: "\f10d";
font-family: FontAwesome;
color: #2980b9;
font-size: 3.0vw;
}*/

.reveal h1 {font-size: 8.0vw;}
.reveal h2 {font-size: 4.0vw;}
.reveal h3 {font-size: 2.8vw;}
.reveal h4 {font-size: 2.6vw;}
.reveal h5 {font-size: 2.4vw;}
.reveal h6 {font-size: 2.2vw;}
.reveal section, .reveal table, .reveal li,
.reveal blockquote, .reveal th, .reveal td,
.reveal p {font-size: 2.2vw;}
.reveal code {font-size: 1.6vw;}

.white {color: var(--smart-white);}
.black {color: var(--smart-black);}
.gray {color: var(--smart-gray);}
.blue {color: var(--smart-blue);}
.green {color: var(--smart-green);}
.red {color: var(--smart-red);}
.license {}
.community {}
.practice {}

/*
#right {
left: -18.33%; text-align: left;
float: left; width: 50%; z-index: -10;
}
#left {
left: 31.25%; text-align: left;
float: left; width: 50%; z-index: -10;
}
*/

.reveal .slides {
/* position: relative; */
}

/** logo **/
.reveal .slides::before {
content: '';
position: absolute;
top: 0px;
right: 0px;
background: url('https://unopengis.github.io/smartmaps/assets/images/dwg7-provisional-social-preview-image-2-1-7c0cff4a6a025c8e69f12cfbb1b87c9e.png') no-repeat;
background-size: contain;
width: 300px; /* adjust as needed */
height: 300px; /* adjust as needed */
}
</style>