/talk/css/common.css

  1#speaker-note {
  2  position:absolute;
  3  left: 0;
  4  top: 80%;
  5  width: 100%;
  6  height: 20%;
  7  z-index: 8;
  8  opacity: 0.75;
  9  background-color: white;
 10  overflow: auto;
 11  padding: 2px 20px;
 12  -webkit-transition: top 0.5s ease-in-out;
 13  -moz-transition: top 0.5s ease-in-out;
 14  -o-transition: top 0.5s ease-in-out;
 15  transition: top 0.5s ease-in-out;
 16}
 17#speaker-note.invisible {
 18  top: 101%;
 19}
 20.sidebar {
 21  z-index: 999;
 22  box-sizing: border-box;
 23  height: 100%;
 24  overflow: hidden;
 25  top: 0;
 26  position: absolute;
 27  display: block;
 28  margin: 0;
 29  padding: 10px 16px;
 30  overflow: auto;
 31  -webkit-transition: margin 0.2s ease-in-out;
 32  -moz-transition: margin 0.2s ease-in-out;
 33  -o-transition: margin 0.2s ease-in-out;
 34  transition: margin 0.2s ease-in-out;
 35}
 36.sidebar.invisible {
 37  margin-left: -400px;
 38}
 39.sidebar table {
 40  border-collapse: collapse;
 41}
 42.sidebar caption {
 43  text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
 44  font-size: 24px;
 45  font-weight: bold;
 46  line-height: 55px;
 47}
 48.sidebar tr {
 49  margin: 2px 0;
 50  border-bottom: 1px solid #CCC;
 51}
 52.sidebar th{
 53  text-align: left;
 54  max-width: 300px;
 55}
 56.sidebar td {
 57  text-align: right;
 58  padding-left: 20px;
 59  padding-right: 5px;
 60  font-family: Monospace;
 61}
 62
 63nav#helpers {
 64  border-top-left-radius: 5px;
 65  border-top-right-radius: 5px;
 66  text-align: center;
 67  position: fixed;
 68  bottom: 0;
 69  z-index: 10;
 70  left: 50%;
 71  margin-left: -200px;
 72  width: 400px;
 73  background-color: black;
 74  opacity: 0.1;
 75}
 76nav#helpers:hover {
 77  opacity: 0.5;
 78}
 79nav#helpers button {
 80  background: none;
 81  border: none;
 82  color: white;
 83  cursor: pointer;
 84}
 85.toc {
 86  font-size: 10px;
 87  position: relative;
 88  top: -3px;
 89}
 90nav#helpers button#slide-no {
 91  font-size: 10px;
 92  border: 1px solid white;
 93  padding: 4px;
 94  margin-bottom: 4px;
 95}
 96#nav-next {
 97  margin-right: 20px;
 98}
 99menu {
100  display: inline;
101}