stage.css

/******************************************************************************
* OpenLP - Open Source Lyrics Projection                                      *
* --------------------------------------------------------------------------- *
* Copyright (c) 2008-2017 OpenLP Developers                                   *
* --------------------------------------------------------------------------- *
* This program is free software; you can redistribute it and/or modify it     *
* under the terms of the GNU General Public License as published by the Free  *
* Software Foundation; version 2 of the License.                              *
*                                                                             *
* This program is distributed in the hope that it will be useful, but WITHOUT *
* ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or       *
* FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for    *
* more details.                                                               *
*                                                                             *
* You should have received a copy of the GNU General Public License along     *
* with this program; if not, write to the Free Software Foundation, Inc., 59  *
* Temple Place, Suite 330, Boston, MA 02111-1307 USA                          *
******************************************************************************/

body {
  background-color: black;
  font-family: sans-serif;
  overflow: hidden;
}

#currentslide {
  font-size:  calc(3.1vw + 1.5vh);
  color: white;
  padding-bottom: 0px;
  margin: 1rem;
}

#nextslide {
  font-size: calc(2.325vw + 1.125vh);
  color: gray;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 1rem;
}

#right {
  float: right;
}

#top {
  display: flex;
  width: 100%;
}

#next {
  font-size: calc(2.5vw);
  color: gray;
  text-align: right;
  flex-grow: 1;
}

#clock {
  font-size: calc(3vw);
  color: yellow;
  text-align: right;
  flex-grow: 1;
}

#notes {
  font-size: 36pt;
  color: salmon;
  text-align: right;
}

#verseorder {
  font-size: calc(3vw);
  color: green;
  text-align: left;
  flex-grow: 1;
}

.currenttag {
   color: lightgreen;
   font-weight: bold;
}