created impress-common.css (#760)

Co-authored-by: Ingrid-Regina Vähi <ingrid.vahi@adm.ee>

examples/classic-slides/css/classic-slides.css

@@ -83,16 +83,6 @@ body {
 
 .impress-enabled .step.active { opacity: 1 }
 
-/*
-    Speaker notes allow you to write comments within the steps, that will not 
-    be displayed as part of the presentation. However, they will be picked up
-    and displayed by impressConsole.js when integrated.
-*/
-
-.notes {
-    display: none;
-}
-
 /*
     These 'slide' step styles were heavily inspired by HTML5 Slides:
     http://html5slides.googlecode.com/svn/trunk/styles.css
@@ -314,94 +304,6 @@ td {
     opacity: 0.0;    
 }
 
-/*
-  This version of impress.js supports plugins, and in particular, a UI toolbar
-  plugin that allows easy navigation between steps and autoplay.
-*/
-.impress-enabled div#impress-toolbar {
-    position: fixed;
-    right: 1px;
-    bottom: 1px;
-    opacity: 0.6;
-    z-index: 10;
-}
-.impress-enabled div#impress-toolbar > span {
-    margin-right: 10px;
-}
-
-/*
-    With help from the mouse-timeout plugin, we can hide the toolbar and
-    have it show only when you move/click/touch the mouse.
-*/
-body.impress-mouse-timeout div#impress-toolbar {
-    display: none;
-}
-
-/*
-    In fact, we can hide the mouse cursor itself too, when mouse isn't used.
-*/
-body.impress-mouse-timeout {
-    cursor: none;
-}
-
-
-
-/* Progress bar */
-.impress-progressbar {
-  position: absolute;
-  right: 118px;
-  bottom: 1px;
-  left: 118px;
-  border-radius: 7px;
-  border: 2px solid rgba(100, 100, 100, 0.2);
-}
-.impress-progressbar DIV {
-  width: 0;
-  height: 2px;
-  border-radius: 5px;
-  background: rgba(75, 75, 75, 0.4);
-  transition: width 1s linear;
-}
-.impress-progress {
-  position: absolute;
-  left: 59px;
-  bottom: 1px;
-  text-align: left;
-  font-size: 10pt;
-  opacity: 0.6;
-}
-
-/* Help popup plugin */
-.impress-enabled #impress-help {
-    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
-    color: #EEEEEE;
-    font-size: 80%;
-    position: fixed;
-    left: 2em;
-    bottom: 2em;
-    width: 24em;
-    border-radius: 1em;
-    padding: 1em;
-    text-align: center;
-    z-index: 100;
-    font-family: Verdana, Arial, Sans;
-}
-.impress-enabled #impress-help td {
-    padding-left: 1em;
-    padding-right: 1em;
-}
-
-/* Substep plugin */
-
-#impress .step .substep {
-    opacity: 0;
-}
-
-#impress .step .substep.substep-visible {
-    opacity: 1;
-    transition: opacity 1s;
-}
-
 /*
     Styles for specific slides.
 */
@@ -446,6 +348,7 @@ body.impress-mouse-timeout {
 
 #acme-graph-q4 {
     background-color: purple;
+    left: 750px;
     right: 300px;
 }
 

examples/classic-slides/index.html

@@ -33,7 +33,8 @@
     <link rel="stylesheet" href="../../extras/highlight/styles/github.css">
     <link rel="stylesheet" href="../../extras/mermaid/mermaid.forest.css">
 
-        
+    <!-- This file contains common styles for example presentations. -->
+    <link href="..\..\css\impress-common.css" rel="stylesheet" />   
     <!--
         This file contains styles specific for this example presentation. 
     -->