changed to work with version 3.0.3.0

Author: astroidex

src/Workshop/DemoBundle/Resources/public/demo_fullscreen.css

@@ -1,98 +1,56 @@
-/* -------------------------------------------------------------- LOGO */
+.toolBar {
+  background-color: rgba(0, 29, 122, 0.8);
+}
+
+.toolPane {
+  background-color: rgba(0, 29, 122, 0.8);
+}
+
+.sidePane {
+  overflow: visible;
+  background-image: url("");
+  background-color: #eff7e9;
+}
+
+.sidePane.opened {
+    width: 350px;
+}
+
 .logoContainer {
-  position: relative;
-  z-index: 10;
-  display: inline-block;
-  padding: 10px 10px;
-  margin-left: 10px;
-  float: left;
-  background-color: #EFF7E9;
-  -webkit-box-shadow: 0px 0px 3px #005Da3;
-  -moz-box-shadow: 0px 0px 3px #005Da3;
-  box-shadow: 0px 0px 3px #005Da3; }
+  background-color: white;
+  background-image: url("");
+  -webkit-box-shadow: 0px 0px 3px #0028AD;
+  -moz-box-shadow: 0px 0px 3px #0028AD;
+  box-shadow: 0px 0px 3px #0028AD;
+}
 
-/* ---------------------------------------------------------- CONTENT */
-.templateWrapper {
-  margin: 0 auto;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0; }
+.sidePaneTabItem {
+    background-color: #0028AD;
+}
 
-.contentPane {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  /* Positioning */ }
-  .contentPane .left-top, .contentPane .right-top, .contentPane .left-bottom, .contentPane .right-bottom {
-    z-index: 1; }
-  .contentPane .left-top {
-    position: absolute;
-    top: 140px;
-    left: 20px; }
-  .contentPane .right-top {
-    position: absolute;
-    top: 60px;
-    right: 20px; }
-  .contentPane .left-bottom {
-    position: absolute;
-    bottom: 60px;
-    left: 20px; }
-  .contentPane .right-bottom {
-    position: absolute;
-    right: 20px;
-    bottom: 60px; }
+.layer-opacity-handle {
+    background-color: #0028AD;
+}
 
-/* --------------------------------------------------------- TOOLBARS */
-.toolBar {
-  z-index: 4; }
-  .toolBar.top {
-    position: relative; }
-  .toolBar.bottom {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    left: 0; }
+.mb-element-overview .toggleOverview {
+    background-color: #0028AD;
+}
 
-/* --------------------------------------------------------- SIDEPANE */
-.sidePaneTabs {
-  width: 32px;
-  height: 32px;
-  position: absolute;
-  top: 40%;
-  -webkit-transition: all 0.3s ease-in-out;
-  -moz-transition: all 0.3s ease-in-out;
-  -o-transition: all 0.3s ease-in-out;
-  transition: all 0.3s ease-in-out; }
 
-.sidePane {
-  width: 10px;
-  z-index: 20; }
-  .sidePane.notCollapsable .sidePaneTabs {
-    display: none; }
-  .sidePane.left {
-    position: absolute;
-    top: 120px;
-    bottom: 60px;
-    left: 0; }
-    .sidePane.left .sidePaneTabs {
-      right: -32px; }
-  .sidePane.right {
-    position: absolute;
-    top: 80px;
-    right: 0;
-    bottom: 60px; }
-    .sidePane.right .sidePaneTabs {
-      left: -32px; }
-  .sidePane .sideContent {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0; }
+.button, .tabContainerAlt .tab {
+    background-color: #0028AD;
+}
+
+.iconPrint:before {
+  /*content: "\f02f"; }*/
+  content:url("image/print.png");
+}
+
+ .popup {
+   background-color: #eff7e9;
+   background-image: url("");
+ }
 
-.sidePaneOpened .sidePane {
-  width: 450px; }
+.pan{
+  background-color: rgba(0, 93, 83, 0.9);
+}