/* Style the edit mode toolbar and tabs. */
#toolbar-bar.js-settings-tray-edit-mode {
- background-image: linear-gradient(to bottom,#0c97ed,#1f86c7);
+ background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
}
.js-settings-tray-edit-mode .toolbar-item:not(.toolbar-icon-edit) {
color: #999;
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item,
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active,
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:focus {
- background-color: #50a0e9;
- background-image: linear-gradient(to bottom, #007bc6, #0071b8);
- color: #ddd;
+ background-color: #0066a1;
+ background-image: linear-gradient(to bottom, #0066a1, #005b98);
+ color: #eee;
text-shadow: none;
font-weight: bold;
outline: none;
/* Make the hover of the inactive state the same as the active state. */
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover,
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active {
- background-image: linear-gradient(to bottom, #0c97ed, #1f86c7);
+ background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
color: #fff;
}
/* Make the hover of the active state the same as the inactive state. */
.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:hover {
- background-color: #2369a6;
- background-image: linear-gradient(to bottom, #007bc6, #0071b8);
+ background-color: #0066a1;
+ background-image: linear-gradient(to bottom, #0066a1, #005b98);
color: #fff;
}
/* Make the inactive icon grey. */
}
/* Style the editables while in edit mode. */
-.dialog-off-canvas__main-canvas.js-settings-tray-edit-mode .settings-tray-editable {
- outline: 1px dashed rgba(0,0,0,0.5);
- box-shadow: 0 0 0 1px rgba(255,255,255,0.7);
+.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable {
+ outline: 1px dashed rgba(0, 0, 0, 0.5);
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
}
-.dialog-off-canvas__main-canvas.js-settings-tray-edit-mode .settings-tray-editable:hover,
-.dialog-off-canvas__main-canvas.js-settings-tray-edit-mode .settings-tray-editable.settings-tray-active-editable {
- background-color: rgba(0,0,0,0.2);
+.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable:hover,
+.dialog-off-canvas-main-canvas.js-settings-tray-edit-mode .settings-tray-editable.settings-tray-active-editable {
+ background-color: rgba(0, 0, 0, 0.2);
}