Merge branch 'master' into gh-pages

docs/pcx86/examples/components.css

@@ -223,7 +223,6 @@
 .pcjs-copyright a {
     text-decoration: none;
 }
-
 @media screen and (max-width: 800px) {
     .pcjs-textarea {
         width: 100% !important;
@@ -242,7 +241,6 @@
         padding-right: 0 !important;
     }
 }
-
 @media screen and (min-width: 1200px) {
     .machine-left {
         max-width: 48%;

modules/shared/lib/sticky.js

@@ -53,12 +53,12 @@ function addStickyMachine(idMachine)
                 if (topMachine < 0) {
                     topMachine = findTop(machine);
                 }
-                machine.className = machine.className.replace(/pcjs-machine-(floating|sticky) /g, '');
+                machine.className = machine.className.replace(/machine-(floating|sticky) /g, '');
                 if (window.pageYOffset <= topMachine) {
-                    machine.className = 'pcjs-machine-floating ' + machine.className;
+                    machine.className = 'machine-floating ' + machine.className;
                     if (machineSibling) machineSibling.style.paddingTop = 0;
                 } else {
-                    machine.className = 'pcjs-machine-sticky ' + machine.className;
+                    machine.className = 'machine-sticky ' + machine.className;
                     if (machineSibling) machineSibling.style.paddingTop = machine.offsetHeight + 'px';
                 }
                 if (prevOnScroll) prevOnScroll();

modules/shared/templates/common.css

@@ -83,6 +83,19 @@ pre a, code a {
     text-align: center;
     font-weight: bold;
 }
+.machine-floating {
+    position: relative;
+    z-index: auto;
+    background-color: transparent;
+    padding-right: 0;
+}
+.machine-sticky {
+    position: fixed !important;
+    z-index: 1 !important;
+    background-color: #404040 !important;
+    padding-right: 16px !important;
+    top: 0 !important;
+}
 .common-top {
     background: #202020;
     font-size: small;

modules/shared/templates/components.css

@@ -228,19 +228,6 @@
 .pcjs-copyright a {
     text-decoration: none;
 }
-.pcjs-machine-floating {
-    position: relative;
-    z-index: auto;
-    background-color: transparent;
-    padding-right: 0;
-}
-.pcjs-machine-sticky {
-    position: fixed !important;
-    z-index: 1 !important;
-    background-color: #404040 !important;
-    padding-right: 16px !important;
-    top: 0 !important;
-}
 @media screen and (max-width: 800px) {
     .pcjs-textarea {
         width: 100% !important;
@@ -259,7 +246,6 @@
         padding-right: 0 !important;
     }
 }
-
 @media screen and (min-width: 1200px) {
     .machine-left {
         max-width: 48%;

versions/c1pjs/1.32.0/common.css

@@ -79,6 +79,19 @@ pre a, code a {
     text-align: center;
     font-weight: bold;
 }
+.machine-floating {
+    position: relative;
+    z-index: auto;
+    background-color: transparent;
+    padding-right: 0;
+}
+.machine-sticky {
+    position: fixed !important;
+    z-index: 1 !important;
+    background-color: #404040 !important;
+    padding-right: 16px !important;
+    top: 0 !important;
+}
 .common-top {
     background: #202020;
     font-size: small;

versions/pc8080/1.32.0/common.css

@@ -79,6 +79,19 @@ pre a, code a {
     text-align: center;
     font-weight: bold;
 }
+.machine-floating {
+    position: relative;
+    z-index: auto;
+    background-color: transparent;
+    padding-right: 0;
+}
+.machine-sticky {
+    position: fixed !important;
+    z-index: 1 !important;
+    background-color: #404040 !important;
+    padding-right: 16px !important;
+    top: 0 !important;
+}
 .common-top {
     background: #202020;
     font-size: small;

versions/pc8080/1.32.0/components.css

@@ -223,7 +223,6 @@
 .pcjs-copyright a {
     text-decoration: none;
 }
-
 @media screen and (max-width: 800px) {
     .pcjs-textarea {
         width: 100% !important;
@@ -242,7 +241,6 @@
         padding-right: 0 !important;
     }
 }
-
 @media screen and (min-width: 1200px) {
     .machine-left {
         max-width: 48%;

versions/pcx86/1.32.0/common.css

@@ -79,6 +79,19 @@ pre a, code a {
     text-align: center;
     font-weight: bold;
 }
+.machine-floating {
+    position: relative;
+    z-index: auto;
+    background-color: transparent;
+    padding-right: 0;
+}
+.machine-sticky {
+    position: fixed !important;
+    z-index: 1 !important;
+    background-color: #404040 !important;
+    padding-right: 16px !important;
+    top: 0 !important;
+}
 .common-top {
     background: #202020;
     font-size: small;

versions/pcx86/1.32.0/components.css

@@ -223,7 +223,6 @@
 .pcjs-copyright a {
     text-decoration: none;
 }
-
 @media screen and (max-width: 800px) {
     .pcjs-textarea {
         width: 100% !important;
@@ -242,7 +241,6 @@
         padding-right: 0 !important;
     }
 }
-
 @media screen and (min-width: 1200px) {
     .machine-left {
         max-width: 48%;

versions/pdpjs/1.32.0/common.css

@@ -79,6 +79,19 @@ pre a, code a {
     text-align: center;
     font-weight: bold;
 }
+.machine-floating {
+    position: relative;
+    z-index: auto;
+    background-color: transparent;
+    padding-right: 0;
+}
+.machine-sticky {
+    position: fixed !important;
+    z-index: 1 !important;
+    background-color: #404040 !important;
+    padding-right: 16px !important;
+    top: 0 !important;
+}
 .common-top {
     background: #202020;
     font-size: small;

versions/pdpjs/1.32.0/components.css

@@ -223,7 +223,6 @@
 .pcjs-copyright a {
     text-decoration: none;
 }
-
 @media screen and (max-width: 800px) {
     .pcjs-textarea {
         width: 100% !important;
@@ -242,7 +241,6 @@
         padding-right: 0 !important;
     }
 }
-
 @media screen and (min-width: 1200px) {
     .machine-left {
         max-width: 48%;