---
# System prepended metadata

title: Positive Coin's reveal.js additional style set.
tags: [template]

---

---
title: Positive Coin's reveal.js additional style set.
description: Add `{%hackmd @Positive-Coin/Slide_Style %}` in your reveal.js slide deck on HackMD
disqus: hackmd
tags: template
---

<style>
    
.reveal {
  font-size: 24px;
  font-family: Futura, serif; 
  background: rgb(34,193,195);
  background: linear-gradient(0deg, rgba(196,30,58,1) 0%,     rgba(34,193,195,1) 100%);
  color:#AFE1AF;   
}
    
a:link, a:visited {
  color: rgba(201,204,63,0.9);
}

.reveal blockquote {
  display: block;
  position: relative;
  width: 75%;
  background: rgba(201, 204, 63, 0.03);
  padding-left:1.5em;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2);
  border-left: 2px solid #ffff00;
  font-size: 20px;
  font-style: italic;
  text-align: left;
  line-height: 1.8em;
  position: relative;
  transition: 0.2s border ease-in-out;
}

    
.reveal h1 {
 font-size: 45px;
 font-weight: bold;   
 color: #AFE1AF;
}
    
.reveal h2 { 
 font-size: 36px;
 font-weight: bold;
 color: rgba(201, 204, 63, 1);
}
    
.reveal h3 { 
font-size: 25px;
 color: #AFE1AF;
font-weight: bold;
}
    
.reveal h4 { 
 font-size: 45px;
 color: #AFE1AF;
}

.ref {
 font-size: 18px;
 color: #AFE1AF;
}

pre code .wrapper { font-size:17px;line-height: 1.1em;}
pre code .gutter.linenumber { border-right: 3px solid #AFE1AF !important;  }

.reveal .imgborder {
border: 1px solid white;
} 
.reveal img {
  border: 2px solid yellow;
}

.card {
    display: block;
    text-align: center;
    margin: 0 auto;
    max-width: 55%;
    background: rgba(201, 204, 63, 0.93);
    color: #333300;
    padding: .5em;
    font-weight: normal;
    font-size: 0.75em;
    border-radius: .2em;
    box-shadow: .2em .1em .5em rgba(201,204,63,.5);
     
}

.reveal .controls {
    font-size: 8px;
    color:rgba(201, 204, 63, 0.43);
}
    
</style>

