addons/website/static/src/css/editor.css

   1 /* ---- CKEditor Minimal Reset ---- {{{ */
   2 .navbar.navbar-inverse .cke_chrome {
   3   border: none;
   4 }
   5
   6 .navbar.navbar-inverse .cke_inner {
   7   background: transparent;
   8 }
   9
  10 .navbar.navbar-inverse .cke_toolbar {
  11   position: relative;
  12   top: 1px;
  13 }
  14 .navbar.navbar-inverse .cke_combo_button {
  15   padding-top: 3px;
  16   padding-bottom: 3px;
  17 }
  18 .navbar.navbar-inverse .cke_button {
  19   padding-top: 7px;
  20   padding-bottom: 7px;
  21 }
  22
  23 .navbar.navbar-inverse .cke_top {
  24   background: transparent;
  25   border: none;
  26   -webkit-box-shadow: none;
  27   -moz-box-shadow: none;
  28   box-shadow: none;
  29 }
  30
  31 /* ---- OpenERP Style ---- {{{ */
  32 .oe_website_editorbar {
  33   position: fixed;
  34   top: 0;
  35   right: 0;
  36   display: block;
  37   width: 100%;
  38   padding: 2px;
  39   margin: 0;
  40   z-index: 20000;
  41   background: #414141, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #646060), color-stop(100%, #262626));
  42   background: #414141, -webkit-linear-gradient(#646060, #262626);
  43   background: #414141, -moz-linear-gradient(#646060, #262626);
  44   background: #414141, -o-linear-gradient(#646060, #262626);
  45   background: #414141, linear-gradient(#646060, #262626);
  46   -webkit-box-sizing: border-box;
  47   -moz-box-sizing: border-box;
  48   box-sizing: border-box;
  49 }
  50 .oe_website_editorbar li {
  51   display: inline;
  52   color: #eeeeee;
  53 }
  54 .oe_website_editorbar li:hover {
  55   background: rgba(0, 0, 0, 0.2);
  56   text-shadow: black 0px 0px 3px;
  57   color: white;
  58 }
  59
  60 .oe_website_editorbar .oe_rte_toolbar div.dropdown {
  61   display: inline-block;
  62 }
  63 .oe_website_editorbar .oe_rte_toolbar div.dropdown li {
  64   display: list-item;
  65 }
  66 .oe_website_editorbar .oe_rte_toolbar button {
  67   font-family: FontAwesome;
  68   font-weight: normal;
  69   font-style: normal;
  70   text-decoration: inherit;
  71 }
  72 .oe_website_editorbar .oe_rte_toolbar button.oe_button_list {
  73   padding-right: 3px;
  74 }
  75 .oe_website_editorbar .oe_rte_toolbar button.oe_button_list:after {
  76   content: "\F0D7";
  77   padding-left: 6px;
  78 }
  79
  80 .oe_editable:focus {
  81   outline: none !important;
  82 }
  83
  84 .css_non_editable_mode_hidden {
  85   display: none;
  86 }
  87
  88 .cke_editable .css_editable_mode_hidden {
  89   display: none;
  90 }
  91
  92 .oe_carousel_options {
  93   cursor: pointer;
  94   position: absolute;
  95   white-space: nowrap;
  96   z-index: 1;
  97   display: none;
  98 }
  99 .oe_carousel_options > * {
 100   display: inline-block !important;
 101   vertical-align: middle !important;
 102   position: relative !important;
 103   top: 2px;
 104 }
 105
 106 /* ---- EDITOR BAR ---- {{{ */
 107 table.editorbar-panel {
 108   cursor: pointer;
 109   width: 100%;
 110 }
 111 table.editorbar-panel td {
 112   border: 1px solid #aaaaaa;
 113 }
 114 table.editorbar-panel td.selected {
 115   background-color: #b1c9d9;
 116 }
 117
 118 /* ---- TRANSLATIONS ---- {{{ */
 119 .oe_translate_or {
 120   color: white;
 121   padding: 0 0 0 1em;
 122 }
 123
 124 .oe_translate_examples li {
 125   margin: 10px;
 126   padding: 4px;
 127 }
 128
 129 .oe_translatable_text {
 130   outline: 1px solid black;
 131 }
 132
 133 .oe_translatable_field {
 134   outline: 1px dashed black;
 135 }
 136
 137 .oe_translatable_text.oe_dirty, .oe_translatable_field.oe_dirty {
 138   outline-color: red;
 139 }
 140
 141 .oe_translatable_text.oe_dirty:empty {
 142   padding: 0 10px;
 143 }
 144
 145 .oe_translatable_todo {
 146   background: #ffffb6;
 147 }
 148
 149 /* ---- MENU ---- {{{ */
 150 div.oe_menu_buttons {
 151   top: -8px;
 152   right: -8px;
 153 }
 154
 155 ul.oe_menu_editor .fa-home {
 156   display: none;
 157 }
 158 ul.oe_menu_editor > li:first-child > div > span > .fa-home {
 159   display: block;
 160 }
 161 ul.oe_menu_editor .oe_menu_placeholder {
 162   outline: 1px dashed #4183c4;
 163 }
 164 ul.oe_menu_editor ul {
 165   list-style: none;
 166 }
 167 ul.oe_menu_editor li div {
 168   cursor: move;
 169 }
 170 ul.oe_menu_editor .disclose {
 171   cursor: pointer;
 172   width: 10px;
 173   display: none;
 174 }
 175
 176 /* ---- RTE ---- {{{ */
 177 .oe_editable .btn, .btn.oe_editable {
 178   -webkit-user-select: auto;
 179   -moz-user-select: auto;
 180   user-select: auto;
 181   cursor: text !important;
 182 }
 183
 184 .modal-dialog.select-image {
 185   width: 80%;
 186 }
 187
 188 .modal .existing-attachments .pager {
 189   margin: 0;
 190 }
 191
 192 .modal .image-preview {
 193   margin-bottom: 0.5em;
 194 }
 195
 196 .modal-footer {
 197   text-align: left;
 198 }
 199
 200 .modal.nosave .modal-footer button.save {
 201   display: none;
 202 }
 203 .modal.nosave .modal-footer button.wait {
 204   display: inline-block !important;
 205   visibility: visible !important;
 206 }
 207
 208 .existing-attachments .pager .disabled {
 209   display: none;
 210 }
 211
 212 .cke_widget_wrapper {
 213   position: static !important;
 214 }
 215
 216 .cke_widget_editable:empty:after {
 217   opacity: 0.3;
 218   white-space: pre-wrap;
 219 }
 220 .cke_widget_editable:not([placeholder]):empty::after {
 221   content: " ";
 222 }
 223 .cke_widget_editable[placeholder]:not(:focus):empty::after {
 224   content: attr(placeholder);
 225 }
 226
 227 .oe_carlos_danger {
 228   outline: 1px solid red !important;
 229   background-color: #ffd9dd !important;
 230 }
 231
 232 .hover-edition-button {
 233   position: absolute;
 234   top: 0;
 235   left: 0;
 236   z-index: 1000;
 237 }
 238
 239 /* ---- SNIPPET EDITOR ---- {{{ */
 240 #oe_snippets {
 241   position: fixed;
 242   left: 0px;
 243   right: 0px;
 244   background: #282828;
 245   -webkit-box-shadow: 0px 10px 10px -10px black inset;
 246   -moz-box-shadow: 0px 10px 10px -10px black inset;
 247   box-shadow: 0px 10px 10px -10px black inset;
 248   z-index: 1010;
 249   overflow: hidden;
 250 }
 251 #oe_snippets:hover {
 252   height: auto;
 253 }
 254 #oe_snippets .scroll {
 255   white-space: nowrap;
 256   overflow-y: none;
 257 }
 258 #oe_snippets .nav {
 259   display: inline-block;
 260   border-bottom: none !important;
 261   vertical-align: middle;
 262   min-width: 120px;
 263   z-index: 1;
 264 }
 265 #oe_snippets .nav > li {
 266   display: block;
 267   float: none;
 268 }
 269 #oe_snippets .nav > li.active {
 270   background: black !important;
 271 }
 272 #oe_snippets .nav > li > a {
 273   padding: 2px 10px !important;
 274   width: 100%;
 275   display: block;
 276   border: 0;
 277 }
 278 #oe_snippets .pill-content {
 279   border: 0;
 280 }
 281 #oe_snippets .tab-content {
 282   display: inline-block;
 283   white-space: nowrap;
 284   background: black;
 285 }
 286 #oe_snippets .tab-content > div {
 287   background: black;
 288 }
 289 #oe_snippets .tab-content > div label {
 290   width: 44px;
 291   color: white;
 292   padding-left: 10px;
 293 }
 294 #oe_snippets .tab-content > div label div {
 295   width: 100px;
 296   text-align: center;
 297   -webkit-transform: translate(-39px, 44px);
 298   -moz-transform: translate(-39px, 44px);
 299   -ms-transform: translate(-39px, 44px);
 300   -o-transform: translate(-39px, 44px);
 301   transform: translate(-39px, 44px);
 302   -webkit-transform-origin: 50% 50% 50%;
 303   -moz-transform-origin: 50% 50% 50%;
 304   -ms-transform-origin: 50% 50% 50%;
 305   -o-transform-origin: 50% 50% 50%;
 306   transform-origin: 50% 50% 50%;
 307 }
 308
 309 .oe_snippet {
 310   float: left;
 311   vertical-align: top;
 312   width: 93px;
 313   margin-left: 1px;
 314   margin-top: 0px;
 315   position: relative;
 316   overflow: hidden;
 317   -webkit-user-select: none;
 318   -moz-user-select: none;
 319   user-select: none;
 320   cursor: move;
 321   pointer-events: none;
 322 }
 323 .oe_snippet .oe_snippet_thumbnail {
 324   pointer-events: auto;
 325   text-align: center;
 326   height: 100%;
 327   background: transparent;
 328   color: white;
 329   position: relative;
 330 }
 331 .oe_snippet .oe_snippet_thumbnail:hover .oe_snippet_thumbnail_img {
 332   -webkit-transform: scale(0.95, 0.95);
 333   -moz-transform: scale(0.95, 0.95);
 334   -ms-transform: scale(0.95, 0.95);
 335   -o-transform: scale(0.95, 0.95);
 336   transform: scale(0.95, 0.95);
 337 }
 338 .oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_title {
 339   font-size: 12px;
 340   display: block;
 341   text-shadow: 0 0 2px black;
 342 }
 343 .oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_img {
 344   height: 74px;
 345   -webkit-transition: all 150ms linear;
 346   -moz-transition: all 150ms linear;
 347   -o-transition: all 150ms linear;
 348   transition: all 150ms linear;
 349   -webkit-box-shadow: inset 0px 0px 0px 3px #333333;
 350   -moz-box-shadow: inset 0px 0px 0px 3px #333333;
 351   box-shadow: inset 0px 0px 0px 3px #333333;
 352   -webkit-transform: scale(1, 1);
 353   -moz-transform: scale(1, 1);
 354   -ms-transform: scale(1, 1);
 355   -o-transform: scale(1, 1);
 356   transform: scale(1, 1);
 357 }
 358 .oe_snippet .oe_snippet_thumbnail span, .oe_snippet .oe_snippet_thumbnail div {
 359   line-height: 18px;
 360 }
 361 .oe_snippet > :not(.oe_snippet_thumbnail) {
 362   display: none !important;
 363 }
 364
 365 #oe_snippets .oe_snippet_thumbnail {
 366   background: #747474, -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 100, color-stop(0%, rgba(0, 0, 0, 0.25)), color-stop(100%, rgba(0, 0, 0, 0.4)));
 367   background: #747474, -webkit-radial-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.4));
 368   background: #747474, -moz-radial-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.4));
 369   background: #747474, -o-radial-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.4));
 370   background: #747474, radial-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.4));
 371 }
 372
 373 /* ---- SNIPPETS DROP ZONES ---- {{{ */
 374 .oe_drop_zone.oe_insert {
 375   display: block;
 376   height: 48px;
 377   margin: 0px;
 378   margin-top: -4px;
 379   margin-bottom: -44px;
 380   -webkit-transition: margin 250ms linear;
 381   -moz-transition: margin 250ms linear;
 382   -o-transition: margin 250ms linear;
 383   transition: margin 250ms linear;
 384   width: 100%;
 385   position: absolute;
 386   z-index: 1000;
 387 }
 388 .oe_drop_zone.oe_insert:not(.oe_vertical):before {
 389   content: "";
 390   display: block;
 391   border-top: dashed 2px rgba(209, 178, 255, 0.72);
 392   position: relative;
 393   top: 0px;
 394 }
 395 .oe_drop_zone.oe_insert.oe_hover:before {
 396   border-top: dashed 2px rgba(116, 255, 161, 0.72);
 397 }
 398 .oe_drop_zone.oe_insert.oe_vertical {
 399   width: 48px;
 400   float: left;
 401   position: relative;
 402   margin: 0px -24px !important;
 403 }
 404 .oe_drop_zone.oe_insert.oe_overlay {
 405   -webkit-border-radius: 3px;
 406   -moz-border-radius: 3px;
 407   -ms-border-radius: 3px;
 408   -o-border-radius: 3px;
 409   border-radius: 3px;
 410   background: rgba(153, 0, 255, 0.5);
 411 }
 412
 413 .oe_drop_zone, .oe_drop_zone_style {
 414   border: none;
 415   background: rgba(153, 0, 255, 0.3);
 416   -webkit-border-radius: 4px;
 417   -moz-border-radius: 4px;
 418   -ms-border-radius: 4px;
 419   -o-border-radius: 4px;
 420   border-radius: 4px;
 421 }
 422 .oe_drop_zone.oe_hover, .oe_drop_zone_style.oe_hover {
 423   background: rgba(0, 255, 133, 0.3);
 424   z-index: 1001;
 425 }
 426
 427 .oe_drop_zone_style {
 428   color: white;
 429   height: 48px;
 430   margin-bottom: 32px;
 431   padding-top: 12px;
 432 }
 433
 434 /* ---- SNIPPET MANIPULATOR ---- {{{ */
 435 .resize_editor_busy {
 436   background-color: rgba(0,0,0,0.1);
 437 }
 438 .oe_overlay {
 439   display: none;
 440   position: absolute;
 441   background: transparent;
 442   -webkit-border-radius: 3px;
 443   -moz-border-radius: 3px;
 444   -ms-border-radius: 3px;
 445   -o-border-radius: 3px;
 446   border-radius: 3px;
 447   -webkit-transition: opacity 100ms linear;
 448   -moz-transition: opacity 100ms linear;
 449   -o-transition: opacity 100ms linear;
 450   transition: opacity 100ms linear;
 451   -webkit-box-sizing: border-box;
 452   -moz-box-sizing: border-box;
 453   box-sizing: border-box;
 454   pointer-events: none;
 455 }
 456 .oe_overlay.oe_active {
 457   display: block;
 458   border-style: dashed;
 459   border-width: 1px;
 460   -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
 461   -moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
 462   box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
 463   border-color: rgba(0, 0, 0, 0.5);
 464 }
 465 .oe_overlay .oe_handle {
 466   display: block !important;
 467   pointer-events: auto;
 468   position: absolute;
 469   top: 50%;
 470   left: 50%;
 471   -webkit-box-sizing: border-box;
 472   -moz-box-sizing: border-box;
 473   box-sizing: border-box;
 474   width: 12px;
 475   height: 12px;
 476   margin: -2px;
 477 }
 478 .oe_overlay .oe_handle:before {
 479   position: relative;
 480   top: 50%;
 481   left: 50%;
 482   display: block;
 483   background: white;
 484   border: solid 1px rgba(0, 0, 0, 0.2);
 485   -webkit-border-radius: 5px;
 486   -moz-border-radius: 5px;
 487   -ms-border-radius: 5px;
 488   -o-border-radius: 5px;
 489   border-radius: 5px;
 490   width: 18px;
 491   height: 18px;
 492   margin: -9px;
 493   padding-left: 1px;
 494   font-size: 14px;
 495   line-height: 14px;
 496   font-family: FontAwesome;
 497   color: rgba(0, 0, 0, 0.5);
 498   -webkit-transition: background 100ms linear;
 499   -moz-transition: background 100ms linear;
 500   -o-transition: background 100ms linear;
 501   transition: background 100ms linear;
 502 }
 503 .oe_overlay .oe_handle:hover:before {
 504   background: rgba(0, 0, 0, 0.5);
 505   color: white;
 506   -webkit-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
 507   -moz-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
 508   box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
 509 }
 510 .oe_overlay .oe_handle.e {
 511   left: auto;
 512   top: 2px;
 513   height: 100%;
 514   right: -4px;
 515   cursor: w-resize;
 516 }
 517 .oe_overlay .oe_handle.e:before {
 518   content: "\F061";
 519 }
 520 .oe_overlay .oe_handle.s, .oe_overlay .oe_handle.size {
 521   top: auto;
 522   left: 2px;
 523   width: 100%;
 524   bottom: -4px;
 525   cursor: n-resize;
 526 }
 527 .oe_overlay .oe_handle.s:before, .oe_overlay .oe_handle.size:before {
 528   content: "\F063";
 529 }
 530 .oe_overlay .oe_handle.size {
 531   border-style: dashed;
 532   border-width: 0 0 1px 0;
 533   border-color: rgba(0, 0, 0, 0.5);
 534 }
 535 .oe_overlay .oe_handle.size:before {
 536   content: "Resize";
 537   width: 64px;
 538   text-align: center;
 539   margin-left: -32px;
 540   margin-top: -4px;
 541 }
 542 .oe_overlay .oe_handle.w {
 543   top: 2px;
 544   height: 100%;
 545   left: -4px;
 546   cursor: e-resize;
 547 }
 548 .oe_overlay .oe_handle.w:before {
 549   content: "\F060";
 550 }
 551 .oe_overlay .oe_handle.n {
 552   left: 2px;
 553   width: 100%;
 554   top: -4px;
 555   cursor: s-resize;
 556 }
 557 .oe_overlay .oe_handle.n:before {
 558   content: "\F062";
 559 }
 560 .oe_overlay .icon.btn {
 561   display: inline-block;
 562 }
 563 .oe_overlay .oe_overlay_options {
 564   position: absolute;
 565   width: 100%;
 566   text-align: center;
 567   top: -11px;
 568   z-index: 1002;
 569 }
 570 .oe_overlay .oe_overlay_options .btn, .oe_overlay .oe_overlay_options a {
 571   pointer-events: auto;
 572   cursor: pointer;
 573 }
 574 .oe_overlay .oe_overlay_options .dropdown {
 575   display: inline-block;
 576 }
 577 .oe_overlay .oe_overlay_options .dropdown-menu {
 578   text-align: left;
 579   min-width: 180px;
 580 }
 581 .oe_overlay .oe_overlay_options .dropdown-menu select, .oe_overlay .oe_overlay_options .dropdown-menu input {
 582   display: block;
 583 }
 584
 585 .oe_handle {
 586   pointer-events: auto;
 587   position: absolute;
 588   top: 50%;
 589   left: 50%;
 590   display: block;
 591   -webkit-box-sizing: border-box;
 592   -moz-box-sizing: border-box;
 593   box-sizing: border-box;
 594   width: 8px;
 595   height: 8px;
 596   margin: -4px;
 597 }
 598
 599 .s-resize-important, .s-resize-important * {
 600   cursor: s-resize !important;
 601 }
 602
 603 .n-resize-important, .n-resize-important * {
 604   cursor: n-resize !important;
 605 }
 606
 607 .e-resize-important, .e-resize-important * {
 608   cursor: e-resize !important;
 609 }
 610
 611 .w-resize-important, .w-resize-important * {
 612   cursor: w-resize !important;
 613 }
 614
 615 .move-important, .move-important * {
 616   cursor: move !important;
 617 }
 618
 619 /* ---- MOBILE PREVIEW ---- {{{ */
 620 .oe_mobile_preview.modal .modal-content {
 621   height: 660px;
 622   background-color: black;
 623   border: 2px solid #1c1f1f;
 624   -webkit-border-radius: 10px;
 625   -moz-border-radius: 10px;
 626   -ms-border-radius: 10px;
 627   -o-border-radius: 10px;
 628   border-radius: 10px;
 629   margin: auto;
 630   top: 0;
 631   left: 0;
 632   bottom: 0;
 633   right: 0;
 634   max-width: 330px;
 635 }
 636 .oe_mobile_preview.modal .modal-content .modal-header {
 637   background-color: black;
 638   border-bottom: 0;
 639   -moz-border-radius-topleft: 10px;
 640   -webkit-border-top-left-radius: 10px;
 641   border-top-left-radius: 10px;
 642   -moz-border-radius-topright: 10px;
 643   -webkit-border-top-right-radius: 10px;
 644   border-top-right-radius: 10px;
 645 }
 646 .oe_mobile_preview.modal .modal-content .modal-header .modal-title {
 647   color: #1c1f1f;
 648 }
 649 .oe_mobile_preview.modal .modal-content .modal-header .close {
 650   color: lightgrey;
 651   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 652   opacity: 1;
 653 }
 654 .oe_mobile_preview.modal .modal-content .modal-header .close:hover {
 655   color: #e00101;
 656   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
 657   opacity: 1;
 658 }
 659 .oe_mobile_preview.modal .modal-content .modal-body {
 660   background-color: black;
 661   max-height: 600px;
 662   padding: 0;
 663   margin: 0;
 664 }
 665 .oe_mobile_preview.modal .modal-content .modal-body .oe_mobile_viewport {
 666   width: 320px;
 667   height: 568px;
 668   padding: 5px;
 669   border: none;
 670 }
 671 .oe_mobile_preview.modal .modal-content .modal-footer {
 672   background-color: black;
 673 }
 674
 675 /* ---- SEO TOOLS ---- {{{ */
 676 .oe_seo_configuration .modal-dialog {
 677   width: 80%;
 678 }
 679 .oe_seo_configuration .oe_remove {
 680   color: #e00101;
 681 }
 682 .oe_seo_configuration .oe_seo_suggestion {
 683   cursor: pointer;
 684 }
 685 .oe_seo_configuration .oe_seo_keyword {
 686   padding: 0.2em 0.4em 0.2em 0.5em;
 687   -webkit-border-radius: 0.4em;
 688   -moz-border-radius: 0.4em;
 689   -ms-border-radius: 0.4em;
 690   -o-border-radius: 0.4em;
 691   border-radius: 0.4em;
 692 }
 693
 694 /* ---- ACE EDITOR ---- {{{ */
 695 .oe_ace_view_editor {
 696   position: fixed;
 697   right: 0;
 698   z-index: 1000;
 699   height: 100%;
 700 }
 701 .oe_ace_view_editor .oe_ace_view_editor_title {
 702   width: 100%;
 703   padding-top: 0;
 704   padding-left: 0;
 705   height: 30px;
 706   background: #2f3129;
 707 }
 708 .oe_ace_view_editor .oe_ace_view_editor_title .oe_view_list {
 709   width: 50%;
 710   height: 30px;
 711   font-size: 14px;
 712   font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
 713   line-height: normal;
 714 }
 715 .oe_ace_view_editor .oe_ace_view_editor_title .btn {
 716   height: 30px;
 717   padding: 0 4px 0 4px;
 718   font-size: 14px;
 719   font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
 720   line-height: normal;
 721 }
 722 .oe_ace_view_editor .ace_editor {
 723   position: absolute;
 724   top: 30px;
 725   right: 0;
 726   left: 0;
 727 }
 728 .oe_ace_view_editor .ace_editor .ace_gutter {
 729   cursor: ew-resize;
 730 }
 731 .oe_ace_view_editor.oe_ace_open {
 732   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=97);
 733   opacity: 0.97;
 734 }
 735 .oe_ace_view_editor.oe_ace_closed {
 736   z-index: -1000;
 737   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 738   opacity: 0;
 739 }
 740
 741 /* ---- EDITOR TOUR ---- {{{ */
 742 div.tour-backdrop {
 743   z-index: 2009;
 744 }
 745
 746 .popover.tour {
 747   z-index: 2010;
 748 }
 749
 750 .popover.fixed {
 751   position: fixed;
 752 }