lib/assets/stylesheets/scrivito_editing.css in scrivito_sdk-0.16.0 vs lib/assets/stylesheets/scrivito_editing.css in scrivito_sdk-0.17.0

@@ -448,20 +448,20 @@
   font-size: 16px;
   padding: 0 7px 2px 0;
   line-height: 15px;
   color: #eee;
 }
-.scrivito_menu_box .scrivito_menu_item.disabled span:hover,
-.scrivito_menu_box .scrivito_menu_item.disabled a:hover {
+.scrivito_menu_box .scrivito_menu_item.scrivito_disabled span:hover,
+.scrivito_menu_box .scrivito_menu_item.scrivito_disabled a:hover {
   cursor: help;
   color: #696969!important;
   background: #274324;
 }
-.scrivito_menu_box .scrivito_menu_item.disabled span,
-.scrivito_menu_box .scrivito_menu_item.disabled a,
-.scrivito_menu_box .scrivito_menu_item.disabled span .scrivito_icon,
-.scrivito_menu_box .scrivito_menu_item.disabled a .scrivito_icon {
+.scrivito_menu_box .scrivito_menu_item.scrivito_disabled span,
+.scrivito_menu_box .scrivito_menu_item.scrivito_disabled a,
+.scrivito_menu_box .scrivito_menu_item.scrivito_disabled span .scrivito_icon,
+.scrivito_menu_box .scrivito_menu_item.scrivito_disabled a .scrivito_icon {
   color: #696969!important;
   cursor: help;
 }
 body.scrivito_editing_active {
   padding-top: 45px;
@@ -651,10 +651,15 @@
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   -webkit-transition: box-shadow linear .5s;
   -moz-transition: box-shadow linear .5s;
   -o-transition: box-shadow linear .5s;
   transition: box-shadow linear .5s;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .scrivito_topbar .scrivito_first_level .scrivito_button_bar:hover,
 .scrivito_topbar .scrivito_first_level .scrivito_button_bar:focus,
 .scrivito_topbar .scrivito_first_level .scrivito_button_bar.active {
   text-decoration: none;
@@ -695,10 +700,15 @@
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   -webkit-transition: box-shadow linear .5s;
   -moz-transition: box-shadow linear .5s;
   -o-transition: box-shadow linear .5s;
   transition: box-shadow linear .5s;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .scrivito_topbar .scrivito_second_level .scrivito_separator {
   display: block;
   float: left;
   width: 1px;
@@ -786,10 +796,15 @@
   background: #505050;
   -webkit-transition: all ease-in-out .4s;
   -moz-transition: all ease-in-out .4s;
   -o-transition: all ease-in-out .4s;
   transition: all ease-in-out .4s;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .scrivito_viewmodes_wrapper.disable_trasitions .scrivito_viewmodes .scrivito_viewmode_pill {
   -webkit-transition: none;
   -moz-transition: none;
   -ms-transition: none;
@@ -885,13 +900,17 @@
 }
 .scrivito_viewmodes .scrivito_viewmode_label .scrivito_icon {
   font-size: 7px;
   color: #ddd;
 }
-.scrivito_menu_box.scrivito_switch_mode_menu {
+.scrivito_viewmodes .scrivito_viewmode_label .scrivito_menu_box {
   left: 18px;
+  top: 10px;
 }
+#scrivito_current_page_menu .scrivito_menu_box {
+  top: 20px;
+}
 .scrivito_editing_confirmation {
   display: none;
   float: right;
   background: rgba(0, 0, 0, 0.3);
   margin: -5px 10px 0 10px;
@@ -943,18 +962,28 @@
   user-select: none;
   -webkit-transition: background ease-in-out .6s;
   -moz-transition: background ease-in-out .6s;
   -o-transition: background ease-in-out .6s;
   transition: background ease-in-out .6s;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .scrivito_editing_marker:hover,
 .scrivito_editing_marker:active {
   background: #439439;
   -webkit-transition: background ease-in-out .2s;
   -moz-transition: background ease-in-out .2s;
   -o-transition: background ease-in-out .2s;
   transition: background ease-in-out .2s;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .scrivito_editing_marker .scrivito_icon {
   padding: 0;
   font-size: 12px;
   line-height: 8px;
@@ -1002,10 +1031,15 @@
   border-radius: 3px;
   -webkit-transition: opacity ease-in-out .4s;
   -moz-transition: opacity ease-in-out .4s;
   -o-transition: opacity ease-in-out .4s;
   transition: opacity ease-in-out .4s;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
   pointer-events: none;
 }
 [data-scrivito-display-mode="editing"] [data-scrivito-private-child-list-path].scrivito_entered:hover > .scrivito_editing_marker .scrivito_editing_marker_title,
 [data-scrivito-display-mode="editing"] [data-scrivito-widget-obj-class].scrivito_entered:hover > .scrivito_editing_marker .scrivito_editing_marker_title,
 [data-scrivito-display-mode="diff"] [data-scrivito-widget-obj-class].scrivito_entered:hover > .scrivito_editing_marker .scrivito_editing_marker_title,
@@ -1014,10 +1048,15 @@
   opacity: 1;
   -webkit-transition: opacity ease-in-out .4s;
   -moz-transition: opacity ease-in-out .4s;
   -o-transition: opacity ease-in-out .4s;
   transition: opacity ease-in-out .4s;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .scrivito_structure_marker {
   display: block;
   position: absolute;
   color: #fff;
@@ -1042,19 +1081,29 @@
   user-select: none;
   -webkit-transition: background ease-in-out .6s;
   -moz-transition: background ease-in-out .6s;
   -o-transition: background ease-in-out .6s;
   transition: background ease-in-out .6s;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .scrivito_structure_marker:hover,
 .scrivito_structure_marker:active {
   cursor: pointer;
   background: #ffa500;
   -webkit-transition: background ease-in-out .2s;
   -moz-transition: background ease-in-out .2s;
   -o-transition: background ease-in-out .2s;
   transition: background ease-in-out .2s;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .scrivito_structure_marker .scrivito_icon {
   padding: 0;
   font-size: 8px;
   line-height: 8px;
@@ -1220,20 +1269,30 @@
   opacity: 0;
   -webkit-transition: opacity 0.1s linear;
   -moz-transition: opacity 0.1s linear;
   -o-transition: opacity 0.1s linear;
   transition: opacity 0.1s linear;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
   background: rgba(0, 0, 0, 0.8);
 }
 .scrivito_overlay.scrivito_show {
-  z-index: 222222;
+  z-index: 333333;
   opacity: 0.85;
   filter: alpha(opacity=85);
   -webkit-transition: opacity 0.6s linear;
   -moz-transition: opacity 0.6s linear;
   -o-transition: opacity 0.6s linear;
   transition: opacity 0.6s linear;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .scrivito_overlay .scrivito_processing {
   display: block;
   margin: 0 auto;
   text-align: center;
@@ -1561,11 +1620,11 @@
 }
 .scrivito_modal_prompt {
   position: fixed;
   left: 50%;
   top: -100%;
-  z-index: 1000;
+  z-index: 333333;
   overflow: auto;
   color: #fff;
   width: 500px;
   margin: -10% 0 0 -250px;
   font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
@@ -1578,10 +1637,15 @@
   box-shadow: 0 5px 40px #000000;
   -webkit-transition: all 0.45s ease-in;
   -moz-transition: all 0.45s ease-in;
   -o-transition: all 0.45s ease-in;
   transition: all 0.45s ease-in;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .scrivito_modal_prompt.scrivito_show {
   top: 50%;
   z-index: 333333;
 }
@@ -1665,10 +1729,15 @@
   box-shadow: 0 5px 30px #000000;
   -webkit-transition: all 0.25s ease-in;
   -moz-transition: all 0.25s ease-in;
   -o-transition: all 0.25s ease-in;
   transition: all 0.25s ease-in;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .scrivito_modal_small {
   width: 500px;
   height: 50%;
 }
@@ -1810,10 +1879,16 @@
   font-size: 11px;
   font-weight: bold;
   vertical-align: middle;
   line-height: 14px;
 }
+.scrivito_details_dialog .scrivito_modal_header .scrivito_saving_state_bar {
+  right: 50px;
+}
+.scrivito_details_dialog .scrivito_modal_header .scrivito_menu_box {
+  top: 20px;
+}
 .scrivito_changes_overview.scrivito_modal_large .scrivito_modal_header select {
   font-weight: normal;
   border: 0px;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   display: inline-block;
@@ -2145,10 +2220,15 @@
   box-shadow: 0 0 5px #666666;
   -webkit-transition: all ease-in-out .3s;
   -moz-transition: all ease-in-out .3s;
   -o-transition: all ease-in-out .3s;
   transition: all ease-in-out .3s;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
 }
 .scrivito_editing_widget_preview:hover {
@@ -2159,10 +2239,15 @@
   box-shadow: 0 0 10px rgba(255, 165, 0, 0.7);
   -webkit-transition: all ease-in-out .3s;
   -moz-transition: all ease-in-out .3s;
   -o-transition: all ease-in-out .3s;
   transition: all ease-in-out .3s;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .scrivito_editing_widget_preview:active,
 .scrivito_editing_widget_preview.selected {
   border: 1px solid #7F91B5;
   cursor: pointer;
@@ -2171,9 +2256,14 @@
   box-shadow: 0 0 20px rgba(127, 145, 181, 0.7);
   -webkit-transition: all ease-in-out .3s;
   -moz-transition: all ease-in-out .3s;
   -o-transition: all ease-in-out .3s;
   transition: all ease-in-out .3s;
+  -webkit-transform: translate3d(0, 0, 0);
+  -moz-transform: translate3d(0, 0, 0);
+  -ms-transform: translate3d(0, 0, 0);
+  -o-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
 }
 .scrivito_editing_widget_preview .scrivito_editing_widget_visualization {
   height: 120px;
   line-height: 118px;
   text-align: center;