html.presentation-wrapper-fullscreen-parent,
body.presentation-wrapper-fullscreen-parent {
overflow: hidden !important;
.presentation-wrapper-fullscreen-parent #wpadminbar {
.presentation-wrapper-fullscreen,
.presentation-wrapper-fullscreen-parent {
min-width: 100% !important;
min-height: 100% !important;
position: absolute !important;
z-index: 10000 !important;
.presentation-wrapper-fullscreen {
background-color: #808080;
.presentation-wrapper-fullscreen .nav-arrow-left,
.presentation-wrapper-fullscreen .nav-arrow-right {
.presentation-wrapper-fullscreen .nav-fullscreen-button {
* 2. General presentation styles
border: 1px solid #dcdcde;
* jmpress requires that step sizes are explicitly defined
* as it inserts sizeless divs before the steps. These
* dimensions are set by the js code on initialization
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
* Opacity transition durations are set by the js code
* so they match the presentation animation durations
.presentation .step.fade:not(.active) {
.presentation .slide-content {
* 3. Styles for the navigation arrows
.presentation .nav-arrow-left,
.presentation .nav-arrow-right,
.presentation .nav-fullscreen-button {
background-repeat: no-repeat;
transition: opacity 0.25s;
.presentation .nav-arrow-left,
.presentation .nav-arrow-right {
background-image: url(../images/slide-nav.png);
background-size: 450% 61px;
.presentation .nav-arrow-left {
background-position: 4px 50%;
.presentation .nav-arrow-right {
background-position: -120px 50%;
.presentation .nav-fullscreen-button {
background-image: url(../images/expand.png);
background-size: 100% 100%;
.presentation:hover .nav-arrow-left,
.presentation:hover .nav-arrow-right {
.presentation:hover .nav-fullscreen-button {
/* stylelint-disable-next-line no-duplicate-selectors
-- This is part of the larger nav arrows section. */
.presentation-wrapper-fullscreen .nav-fullscreen-button {
background-image: url(../images/collapse.png);
* 4. Styles for the autoplay overlay
.presentation .autoplay-overlay {
background-color: rgba(0, 0, 0, 0.75);
transition: opacity 0.5s;
.presentation .autoplay-overlay .overlay-msg {
* 5. Styles for fading steps
.presentation .will-fade {
transition: opacity 0.5s;