summaryrefslogtreecommitdiff
path: root/addons/website/static/src/css
diff options
context:
space:
mode:
Diffstat (limited to 'addons/website/static/src/css')
-rw-r--r--addons/website/static/src/css/snippets.css722
-rw-r--r--addons/website/static/src/css/snippets.sass579
-rw-r--r--addons/website/static/src/css/website.backend.css31
-rw-r--r--addons/website/static/src/css/website.css249
-rw-r--r--addons/website/static/src/css/website.editor.css263
-rw-r--r--addons/website/static/src/css/website.editor.sass234
-rw-r--r--addons/website/static/src/css/website.sass181
7 files changed, 499 insertions, 1760 deletions
diff --git a/addons/website/static/src/css/snippets.css b/addons/website/static/src/css/snippets.css
index 4d3f2c6c5ff..eb0b4d3e69b 100644
--- a/addons/website/static/src/css/snippets.css
+++ b/addons/website/static/src/css/snippets.css
@@ -1,725 +1,3 @@
-/* ---- SNIPPET EDITOR ---- {{{ */
-#oe_snippets #o_left_bar, #oe_snippets #o_arrow {
- position: fixed;
- top: 34px;
- left: 0px;
- bottom: 0;
- background: #282828;
- -moz-box-shadow: 0px 10px 10px -10px black inset;
- -webkit-box-shadow: 0px 10px 10px -10px black inset;
- box-shadow: 0px 10px 10px -10px black inset;
-}
-#oe_snippets #o_arrow {
- z-index: 1009;
- width: 24px;
- opacity: 0.75;
-}
-#oe_snippets #o_arrow > * {
- position: absolute;
- color: white;
-}
-#oe_snippets #o_arrow div {
- -moz-transform: translateX(-36%) rotate(-90deg);
- -ms-transform: translateX(-36%) rotate(-90deg);
- -webkit-transform: translateX(-36%) rotate(-90deg);
- transform: translateX(-36%) rotate(-90deg);
- top: 50%;
- white-space: nowrap;
-}
-#oe_snippets #o_arrow .fa {
- width: 100%;
- left: 40%;
-}
-#oe_snippets #o_left_bar {
- left: -228px;
- z-index: 1010;
- width: 208px;
- -moz-transition: all 500ms ease;
- -o-transition: all 500ms ease;
- -webkit-transition: all 500ms ease;
- transition: all 500ms ease;
-}
-#oe_snippets #o_left_bar ul {
- text-align: center;
- margin: 0;
- padding: 6px 0;
- list-style-type: none;
-}
-#oe_snippets #o_left_bar ul li {
- display: inline-block;
- padding: 0 3px;
-}
-#oe_snippets #o_left_bar ul li a {
- color: #aaa;
-}
-#oe_snippets #o_left_bar ul li .fa-stack {
- overflow: hidden;
-}
-#oe_snippets #o_left_bar ul li.active a.fa, #oe_snippets #o_left_bar ul li.active .fa-stack-1x {
- color: #428bca;
-}
-#oe_snippets.o_open #o_left_bar {
- left: 0;
-}
-#oe_snippets .o_panel {
- margin: 0;
- border: 0;
- width: 208px;
-}
-#oe_snippets .o_panel_header {
- background: #dff0d8;
- padding: 1px 8px;
- color: #414141;
- text-align: center;
-}
-#oe_snippets .o_panel_header .fa-stack {
- overflow: hidden;
- font-size: 1em;
-}
-#oe_snippets .o_panel_body {
- white-space: normal;
- background: black;
- padding: 7px 3px;
-}
-#oe_snippets .o_panel_body > div {
- background: black;
-}
-#oe_snippets .o_panel_body > div label {
- width: 44px;
- color: #fff;
- padding-left: 10px;
-}
-#oe_snippets .o_panel_body > div label div {
- width: 100px;
- text-align: center;
- -moz-transform: translate(-39px, 44px);
- -webkit-transform: translate(-39px, 44px);
- transform: translate(-39px, 44px);
- -moz-transform-origin: 50% 50%;
- -ms-transform-origin: 50% 50%;
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
-}
-
-.oe_snippet {
- display: inline-block;
- vertical-align: top;
- width: 93px;
- margin-left: 3px;
- margin-right: 3px;
- margin-top: 1px;
- position: relative;
- overflow: hidden;
- -moz-user-select: -moz-none;
- -ms-user-select: none;
- -webkit-user-select: none;
- user-select: none;
- cursor: move;
-}
-.oe_snippet .oe_snippet_thumbnail {
- text-align: center;
- height: 100%;
- background: transparent;
- color: white;
- position: relative;
-}
-.oe_snippet .oe_snippet_thumbnail:hover .oe_snippet_thumbnail_img {
- -moz-transform: scale(0.95, 0.95);
- -ms-transform: scale(0.95, 0.95);
- -webkit-transform: scale(0.95, 0.95);
- transform: scale(0.95, 0.95);
-}
-.oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_title {
- font-size: 12px;
- display: block;
- text-shadow: 0 0 2px black;
-}
-.oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_img {
- height: 74px;
- width: 92px;
- background-size: cover;
- -moz-transform: scale(1, 1);
- -ms-transform: scale(1, 1);
- -webkit-transform: scale(1, 1);
- transform: scale(1, 1);
-}
-.oe_snippet .oe_snippet_thumbnail span, .oe_snippet .oe_snippet_thumbnail div {
- line-height: 18px;
-}
-.oe_snippet > :not(.oe_snippet_thumbnail) {
- display: none !important;
-}
-.oe_snippet.disable .oe_snippet_thumbnail {
- background-color: rgba(255, 0, 0, 0.75);
-}
-.oe_snippet.disable .oe_snippet_thumbnail_img {
- opacity: 0.8;
-}
-
-#oe_snippets .oe_snippet_thumbnail {
- background: #747474, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
- background: #747474, -moz-radial-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.4));
- background: #747474, -webkit-radial-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.4));
- background: #747474, radial-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.4));
-}
-
-/* ---- SNIPPETS DROP ZONES ---- {{{ */
-.oe_drop_zone.oe_insert {
- display: block;
- height: 48px;
- margin: 0px;
- margin-top: -4px;
- margin-bottom: -44px;
- -moz-transition: margin 250ms linear;
- -o-transition: margin 250ms linear;
- -webkit-transition: margin 250ms linear;
- transition: margin 250ms linear;
- width: 100%;
- position: absolute;
- z-index: 1000;
-}
-.oe_drop_zone.oe_insert:not(.oe_vertical):before {
- content: "";
- display: block;
- border-top: dashed 2px rgba(209, 178, 255, 0.72);
- position: relative;
- top: 0px;
-}
-.oe_drop_zone.oe_insert.oe_hover:before {
- border-top: dashed 2px rgba(116, 255, 161, 0.72);
-}
-.oe_drop_zone.oe_insert.oe_vertical {
- width: 48px;
- float: left;
- position: relative;
- margin: 0px -24px !important;
-}
-.oe_drop_zone.oe_insert.oe_vertical_text {
- width: 48px;
- float: none;
- display: inline-block;
- position: relative;
- margin: 0px -24px !important;
-}
-.oe_drop_zone.oe_insert.oe_overlay {
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- background: rgba(153, 0, 255, 0.5);
-}
-
-.oe_drop_zone, .oe_drop_zone_style {
- border: none;
- background: rgba(153, 0, 255, 0.3);
- -moz-border-radius: 4px;
- -webkit-border-radius: 4px;
- border-radius: 4px;
-}
-.oe_drop_zone.oe_hover, .oe_drop_zone_style.oe_hover {
- background: rgba(0, 255, 133, 0.3);
- z-index: 1001;
-}
-
-.oe_drop_zone_style {
- color: white;
- height: 48px;
- margin-bottom: 32px;
- padding-top: 12px;
-}
-
-/* ---- SNIPPET MANIPULATOR ---- {{{ */
-.resize_editor_busy {
- background-color: rgba(0, 0, 0, 0.3);
-}
-
-.oe_overlay {
- display: none;
- height: 0;
- position: absolute;
- background: transparent;
- z-index: 1001;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- border-radius: 3px;
- -moz-transition: opacity 100ms linear;
- -o-transition: opacity 100ms linear;
- -webkit-transition: opacity 100ms linear;
- transition: opacity 100ms linear;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
-}
-.oe_overlay.oe_active {
- display: block;
-}
-.oe_overlay .oe_handle {
- display: block !important;
- position: absolute;
- top: 50%;
- left: 50%;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- width: 16px;
- height: 16px;
- margin: -2px;
-}
-.oe_overlay .oe_handle > div {
- z-index: 1;
- position: absolute;
- border-style: dashed;
- border-width: 1px;
- border-color: #666666;
- -moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
- -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
- box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
-}
-.oe_overlay .oe_handle.e:before, .oe_overlay .oe_handle.w:before, .oe_overlay .oe_handle.s:before, .oe_overlay .oe_handle.n:before, .oe_overlay .oe_handle.size .oe_handle_button {
- z-index: 2;
- position: relative;
- top: 50%;
- left: 50%;
- display: block;
- background: white;
- border: solid 1px rgba(0, 0, 0, 0.2);
- -moz-border-radius: 5px;
- -webkit-border-radius: 5px;
- border-radius: 5px;
- width: 18px;
- height: 18px;
- margin: -9px;
- padding-left: 1px;
- font-size: 14px;
- line-height: 14px;
- font-family: FontAwesome;
- color: rgba(0, 0, 0, 0.5);
- -moz-transition: background 100ms linear;
- -o-transition: background 100ms linear;
- -webkit-transition: background 100ms linear;
- transition: background 100ms linear;
-}
-.oe_overlay .oe_handle.e:hover:before, .oe_overlay .oe_handle.w:hover:before, .oe_overlay .oe_handle.s:hover:before, .oe_overlay .oe_handle.n:hover:before {
- background: rgba(0, 0, 0, 0.5);
- color: #fff;
- -moz-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
- -webkit-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
- box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
-}
-.oe_overlay .oe_handle.e, .oe_overlay .oe_handle.w {
- top: 4px;
- height: 100%;
-}
-.oe_overlay .oe_handle.e:before, .oe_overlay .oe_handle.w:before {
- content: "";
- line-height: 16px;
-}
-.oe_overlay .oe_handle.e > div, .oe_overlay .oe_handle.w > div {
- width: 0;
- height: 100%;
- top: 2px;
- left: 8px;
-}
-.oe_overlay .oe_handle.e {
- left: auto;
- right: -6px;
- cursor: w-resize;
-}
-.oe_overlay .oe_handle.w {
- left: -6px;
- cursor: e-resize;
-}
-.oe_overlay .oe_handle.s, .oe_overlay .oe_handle.n {
- left: 2px;
- width: 100%;
-}
-.oe_overlay .oe_handle.s:before, .oe_overlay .oe_handle.n:before {
- content: "";
- text-align: center;
- padding: 1px;
-}
-.oe_overlay .oe_handle.s > div, .oe_overlay .oe_handle.n > div {
- width: 100%;
- height: 0;
- top: 7px;
- left: 1px;
-}
-.oe_overlay .oe_handle.s {
- top: auto;
- cursor: n-resize;
-}
-.oe_overlay .oe_handle.n {
- cursor: s-resize;
-}
-.oe_overlay .oe_handle.n > div {
- top: 5px;
-}
-.oe_overlay .oe_handle.size {
- z-index: 3;
- top: auto;
- left: 50%;
- bottom: -6px;
- margin-left: -50px;
-}
-.oe_overlay .oe_handle.size .oe_handle_button {
- position: relative;
- z-index: 3;
- text-align: center;
- margin-left: -52px;
- margin-top: -10px;
- left: 0px;
-}
-.oe_overlay .oe_handle.size .oe_handle_button:hover {
- background: rgba(30, 30, 30, 0.8);
- color: #fff;
- -moz-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
- -webkit-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
- box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
-}
-.oe_overlay .oe_handle.size .size {
- position: absolute;
- width: 64px;
- cursor: row-resize;
- top: 9px;
- margin-left: 52px;
- padding: 0 5px;
-}
-.oe_overlay .oe_handle.size .auto_size {
- position: absolute;
- width: 100px;
- top: 9px;
- cursor: pointer;
-}
-.oe_overlay .oe_handle.readonly {
- cursor: auto !important;
-}
-.oe_overlay .oe_handle.readonly:before, .oe_overlay .oe_handle.readonly.size {
- display: none !important;
-}
-.oe_overlay .icon.btn {
- display: inline-block;
-}
-.oe_overlay .oe_overlay_options {
- position: absolute;
- left: 50% !important;
- text-align: center;
- top: -20px;
- z-index: 1002;
-}
-.oe_overlay .oe_overlay_options > .btn-group {
- left: -50%;
- white-space: nowrap;
-}
-.oe_overlay .oe_overlay_options > .btn-group > a {
- cursor: pointer;
- display: inline-block;
- float: none;
- margin: 0 -3px;
-}
-.oe_overlay .oe_overlay_options > .btn-group > div {
- float: none;
-}
-.oe_overlay .oe_overlay_options .btn, .oe_overlay .oe_overlay_options a {
- cursor: pointer;
-}
-.oe_overlay .oe_overlay_options .dropdown {
- display: inline-block;
-}
-.oe_overlay .oe_overlay_options .dropdown-menu {
- text-align: left;
- min-width: 180px;
-}
-.oe_overlay .oe_overlay_options .dropdown-menu select, .oe_overlay .oe_overlay_options .dropdown-menu input {
- display: block;
-}
-.oe_overlay.block-w-left .w:before {
- content: "" !important;
-}
-.oe_overlay.block-w-right .w:before {
- content: "" !important;
-}
-.oe_overlay.block-w-left.block-w-right .w:before {
- display: none !important;
-}
-.oe_overlay.block-e-left .e:before {
- content: "" !important;
-}
-.oe_overlay.block-e-right .e:before {
- content: "" !important;
-}
-.oe_overlay.block-e-left.block-e-right .e:before {
- display: none !important;
-}
-.oe_overlay.block-s-top .s:before {
- content: "" !important;
-}
-.oe_overlay.block-s-bottom .s:before {
- content: "" !important;
-}
-.oe_overlay.block-n-top .n:before {
- content: "" !important;
-}
-.oe_overlay.block-n-bottom .n:before {
- content: "" !important;
-}
-.oe_overlay.o_keypress {
- opacity: 0;
- -webkit-transition: 0.8s;
- -moz-transition: 0.8s;
- -o-transition: 0.8s;
- -transition: 0.8s;
-}
-
-.s-resize-important, .s-resize-important * {
- cursor: s-resize !important;
-}
-
-.n-resize-important, .n-resize-important * {
- cursor: n-resize !important;
-}
-
-.e-resize-important, .e-resize-important * {
- cursor: e-resize !important;
-}
-
-.w-resize-important, .w-resize-important * {
- cursor: w-resize !important;
-}
-
-.move-important, .move-important * {
- cursor: move !important;
-}
-
-/* add CSS for bootstrap dropdown multi level */
-.dropdown-submenu {
- position: relative;
- z-index: 1000;
-}
-
-.dropdown-submenu > .dropdown-menu {
- top: 0;
- left: 100%;
- margin-top: -6px;
- margin-left: -1px;
- -webkit-border-radius: 0 6px 6px 6px;
- -moz-border-radius: 0 6px 6px 6px;
- border-radius: 0 6px 6px 6px;
-}
-.dropdown-submenu:hover > .dropdown-menu {
- display: block;
-}
-.dropdown-submenu:hover > a:after {
- border-left-color: #ffffff;
-}
-.dropdown-submenu > a:after {
- display: block;
- content: " ";
- float: right;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid;
- border-width: 5px 0 5px 5px;
- border-left-color: #cccccc;
- margin-top: 5px;
- margin-right: -10px;
-}
-.dropdown-submenu.pull-left {
- float: none;
-}
-.dropdown-submenu.pull-left > .dropdown-menu {
- left: -100%;
- margin-left: 10px;
- -webkit-border-radius: 6px 0 6px 6px;
- -moz-border-radius: 6px 0 6px 6px;
- border-radius: 6px 0 6px 6px;
-}
-
-.oe_snippet_list {
- width: auto;
- white-space: nowrap;
- margin-left: 20px;
-}
-
-.oe_snippet_editor {
- position: fixed;
- z-index: 1000;
- bottom: 0;
- left: 0;
- right: 0;
- height: 214px;
- background: #a0a0a0;
- box-shadow: 0 1px 3px #646464 inset;
-}
-.oe_snippet_editor .oe_snippet {
- box-sizing: border-box;
- display: inline-block;
- width: 220px;
- height: 160px;
- border-radius: 3px;
- background: white;
- margin: 20px 20px 20px 0;
- cursor: pointer;
- border: 2px solid transparent;
- box-shadow: 0 1px 3px #646464;
- position: relative;
- top: 0;
- overflow: hidden;
- vertical-align: top;
- user-select: none;
- white-space: normal;
-}
-.oe_snippet_editor .oe_snippet:after {
- content: attr(name);
- position: absolute;
- bottom: 0px;
- left: 0px;
- right: 0px;
- background: rgba(255, 255, 255, 0.8);
- text-align: center;
- color: black;
- padding: 8px;
-}
-.oe_snippet_editor .oe_snippet.oe_selected, .oe_snippet_editor .oe_snippet.oe_active {
- border: 2px solid #9789ff;
- box-shadow: 0px 3px 17px rgba(99, 53, 150, 0.59);
-}
-.oe_snippet_editor .oe_snippet > * {
- margin-top: 16px;
- line-height: 1em;
- zoom: 0.6;
-}
-.oe_snippet_editor .oe_snippet > .container {
- margin-top: 15px;
- zoom: 0.17;
- line-height: 0.999em;
- line-height: 1em;
-}
-.oe_snippet_editor .oe_snippet > .row {
- margin-top: 0px;
- zoom: 0.23;
- line-height: 0.999em;
-}
-.oe_snippet_editor .oe_snippet > .span6 {
- margin-top: 18px;
- zoom: 0.34;
-}
-.oe_snippet_editor .oe_snippet > .span12 {
- margin-top: 16px;
- zoom: 0.23;
-}
-.oe_snippet_editor .oe_snippet > p {
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- bottom: 0;
- font-size: 20px;
- padding: 16px;
- zoom: 1;
- margin: 0px;
-}
-.oe_snippet_editor .oe_snippet.oe_new {
- background: gray;
- box-shadow: 0px 1px 3px #5a5a5a inset;
- border: 0px;
-}
-.oe_snippet_editor .oe_snippet.oe_new.oe_selected, .oe_snippet_editor .oe_snippet.oe_new.oe_active {
- box-shadow: 0px 2px 0px 0px #9789ff inset, 0px 3px 17px rgba(99, 53, 150, 0.59) inset;
-}
-.oe_snippet_editor .oe_snippet.oe_new > * {
- zoom: 1;
- margin: 0;
- line-height: 160px;
- text-align: center;
- color: white;
- font-size: 48px;
-}
-.oe_snippet_editor .oe_snippet.oe_new:after {
- position: absolute;
- left: 0px;
- right: 0px;
- top: 0px;
- bottom: 0px;
- background: transparent;
- color: white;
- text-shadow: 0px 1px 3px black;
- line-height: 160px;
- padding: 0px;
-}
-
-.oe_snippet_drop {
- position: relative;
- border: 2px dashed #ae34ff;
- background: rgba(147, 52, 255, 0.1);
- min-height: 28px;
- margin: -16px auto;
- border-radius: 5px;
- max-width: 50%;
-}
-.oe_snippet_drop.oe_accepting {
- border: 2px dashed #34ffa6;
- background: rgba(52, 255, 190, 0.1);
-}
-
-#website-top-edit li.oe_snippet_editorbar {
- padding: 1px 8px 2px;
- font: normal normal normal 12px Arial, Helvetica, Tahoma, Verdana, Sans-Serif;
- float: left;
- margin-top: 6px;
- border: 1px solid #a6a6a6;
- border-bottom-color: #979797;
- background: #eeeeee;
- border-radius: 3px;
-}
-#website-top-edit li.oe_snippet_editorbar > * {
- display: inline-block;
- height: 22px;
- padding: 4px 6px;
- outline: 0;
- border: 0;
-}
-#website-top-edit li.oe_snippet_editorbar a.button .icon {
- cursor: inherit;
- background-repeat: no-repeat;
- margin-top: 1px;
- width: 16px;
- height: 16px;
- display: inline-block;
-}
-
-/* ---- COLOR-PICKER ---- {{{ */
-.colorpicker {
- margin: 0 auto;
- background: transparent;
- border: 0;
-}
-.colorpicker td {
- padding: 0;
- background: transparent;
-}
-.colorpicker td > * {
- width: 16px;
- height: 16px;
- border-radius: 2px;
- margin: 3px;
- padding: 0;
- border-width: 1px;
- display: block;
-}
-.colorpicker .only-text {
- display: none;
-}
-.colorpicker .automatic-color {
- background: #fff;
- border-left: 7px solid #f33;
- border-top: 7px solid #0e0;
- border-right: 8px solid #33f;
- border-bottom: 8px solid #fe0;
- margin: 4px 3px 3px 3px;
- width: 0;
- height: 0;
-}
-
/* ---- Table Snippet ---- {{{ */
.table_desc {
margin: 0 0 20px 0;
diff --git a/addons/website/static/src/css/snippets.sass b/addons/website/static/src/css/snippets.sass
index 62a3040c19c..cb18e21db53 100644
--- a/addons/website/static/src/css/snippets.sass
+++ b/addons/website/static/src/css/snippets.sass
@@ -2,585 +2,6 @@
@import "compass/css3/user-interface"
@import "compass/css3/transition"
-
-/* ---- SNIPPET EDITOR ---- {{{ */
-
-#oe_snippets
- #o_left_bar, #o_arrow
- position: fixed
- top: 34px
- left: 0px
- bottom: 0
- background: rgb(40,40,40)
- +box-shadow(0px 10px 10px -10px black inset)
- #o_arrow
- z-index: 1009
- width: 24px
- opacity: 0.75
- > *
- position: absolute
- color: white
- div
- @include transform( translateX(-36%) rotate(-90deg) )
- top: 50%
- white-space: nowrap
- .fa
- width: 100%
- left: 40%
- #o_left_bar
- left: -228px
- z-index: 1010
- width: 208px
- @include transition(all 500ms ease)
- ul
- text-align: center
- margin: 0
- padding: 6px 0
- list-style-type: none
- li
- display: inline-block
- padding: 0 3px
- a
- color: #aaa
- .fa-stack
- overflow: hidden
- li.active a.fa, li.active .fa-stack-1x
- color: #428bca
-
- &.o_open #o_left_bar
- left: 0
- .o_panel
- margin: 0
- border: 0
- width: 208px
- .o_panel_header
- background: #dff0d8
- padding: 1px 8px
- color: #414141
- text-align: center
- .fa-stack
- overflow: hidden
- font-size: 1em
- .o_panel_body
- white-space: normal
- background: black
- padding: 7px 3px
- > div
- background: rgb(0,0,0)
- label
- width: 44px
- color: #fff
- padding-left: 10px
-
- div
- width: 100px
- text-align: center
- @include transform( translate(-39px, 44px) , rotate(-90deg) )
- @include transform-origin(50%)
-
-.oe_snippet
- display: inline-block
- vertical-align: top
- width: 93px
- margin-left: 3px
- margin-right: 3px
- margin-top: 1px
- position: relative
- overflow: hidden
- +user-select(none)
- cursor: move
- .oe_snippet_thumbnail
- text-align: center
- height: 100%
- background: transparent
- color: white
- position: relative
- &:hover
- .oe_snippet_thumbnail_img
- @include transform( scale(.95,.95))
- .oe_snippet_thumbnail_title
- font-size: 12px
- display: block
- +text-shadow(0 0 2px rgb(0,0,0))
- .oe_snippet_thumbnail_img
- height: 74px
- width: 92px
- background-size: cover
- @include transform( scale(1,1))
- span, div
- line-height: 18px
- & > :not(.oe_snippet_thumbnail)
- display: none !important
- &.disable
- .oe_snippet_thumbnail
- background-color: rgba(255, 0, 0, 0.75)
- .oe_snippet_thumbnail_img
- opacity: 0.8
-#oe_snippets .oe_snippet_thumbnail
- @include background(#747474, radial-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.4)))
-
-// }}}}
-
-/* ---- SNIPPETS DROP ZONES ---- {{{ */
-
-.oe_drop_zone.oe_insert
- display: block
- height: 48px
- margin: 0px
- margin-top: -4px
- margin-bottom: -44px
- @include transition(margin 250ms linear)
- width: 100%
- position: absolute
- z-index: 1000
- &:not(.oe_vertical):before
- content: ""
- display: block
- border-top: dashed 2px rgba(209, 178, 255, 0.72)
- position: relative
- top: 0px
- &.oe_hover:before
- border-top: dashed 2px rgba(116, 255, 161, 0.72)
- &.oe_vertical
- width: 48px
- float: left
- position: relative
- margin: 0px -24px !important
- &.oe_vertical_text
- width: 48px
- float: none
- display: inline-block
- position: relative
- margin: 0px -24px !important
- &.oe_overlay
- +border-radius(3px)
- //@include background-image( repeating-linear-gradient(45deg, rgba(255,255,255,.1) ,rgba(255,255,255,.1) 35px, rgba(0,0,0,.1) 35px, rgba(0,0,0,.1) 75px))
- //background-size: 100px 100px
- background: rgba(153, 0, 255,.5)
-
-.oe_drop_zone, .oe_drop_zone_style
- border: none
- //@include background-image( repeating-linear-gradient(45deg, rgba(255,255,255,.1) ,rgba(255,255,255,.1) 35px, rgba(0,0,0,.1) 35px, rgba(0,0,0,.1) 75px))
- //background-size: 100px 100px
- background: rgba(153, 0, 255, .3)
- +border-radius(4px)
- &.oe_hover
- background: rgba(0, 255, 133, .3)
- z-index: 1001
-
-.oe_drop_zone_style
- color: white
- height: 48px
- margin-bottom: 32px
- padding-top: 12px
-
-// }}}
-
-/* ---- SNIPPET MANIPULATOR ---- {{{ */
-
-.resize_editor_busy
- background-color: rgba(0,0,0,0.3)
-
-.oe_overlay
- display: none
- height: 0
- position: absolute
- background: transparent
- z-index: 1001
- //@include background-image( repeating-linear-gradient(45deg, rgba(255,255,255,.02) ,rgba(255,255,255,.02) 35px, rgba(0,0,0,.02) 35px, rgba(0,0,0,.02) 75px))
- +border-radius(3px)
- @include transition(opacity 100ms linear)
- +box-sizing(border-box)
- &.oe_active
- display: block
- .oe_handle
- display: block !important
- position: absolute
- top: 50%
- left: 50%
- +box-sizing(border-box)
- width: 16px
- height: 16px
- margin: -2px
- > div
- z-index: 1
- position: absolute
- border-style: dashed
- border-width: 1px
- border-color: #666666
- +box-shadow(0px 0px 0px 1px rgba(255,255,255,0.5), 0px 0px 0px 1px rgba(255,255,255,0.5) inset)
- &.e:before, &.w:before, &.s:before, &.n:before, &.size .oe_handle_button
- z-index: 2
- position: relative
- top: 50%
- left: 50%
- display: block
- background: rgba(255, 255, 255, 1)
- border: solid 1px rgba(0, 0, 0, .2)
- +border-radius(5px)
- width: 18px
- height: 18px
- margin: -9px
- padding-left: 1px
- font-size: 14px
- line-height: 14px
- font-family: FontAwesome
- color: rgba(0,0,0,.5)
- @include transition(background 100ms linear)
- &.e, &.w, &.s, &.n
- &:hover:before
- background: rgba(0, 0, 0, .5)
- color: #fff
- +box-shadow(0 0 5px 3px rgba(255,255,255,.7))
- &.e, &.w
- top: 4px
- height: 100%
- &:before
- content: "\f07e"
- line-height: 16px
- > div
- width: 0
- height: 100%
- top: 2px
- left: 8px
- &.e
- left: auto
- right: -6px
- cursor: w-resize
- &.w
- left: -6px
- cursor: e-resize
- &.s, &.n
- left: 2px
- width: 100%
- &:before
- content: "\f07d"
- text-align: center
- padding: 1px
- > div
- width: 100%
- height: 0
- top: 7px
- left: 1px
- &.s
- top: auto
- cursor: n-resize
- &.n
- cursor: s-resize
- > div
- top: 5px
- &.size
- z-index: 3
- top: auto
- left: 50%
- bottom: -6px
- margin-left: -50px
- .oe_handle_button
- position: relative
- z-index: 3
- text-align: center
- margin-left: -52px
- margin-top: -10px
- left: 0px
- &:hover
- background: rgba(30, 30, 30, .8)
- color: #fff
- +box-shadow(0 0 5px 3px rgba(255,255,255,.7))
- .size
- position: absolute
- width: 64px
- cursor: row-resize
- top: 9px
- margin-left: 52px
- padding: 0 5px
- .auto_size
- position: absolute
- width: 100px
- top: 9px
- cursor: pointer
- &.readonly
- cursor: auto !important
- &:before, &.size
- display: none !important
-
- .icon.btn
- display: inline-block
-
- .oe_overlay_options
- position: absolute
- left: 50% !important
- text-align: center
- top: -20px
- z-index: 1002
- > .btn-group
- left: -50%
- white-space: nowrap
- > a
- cursor: pointer
- display: inline-block
- float: none
- margin: 0 -3px
- > div
- float: none
- .btn, a
- cursor: pointer
- .dropdown
- display: inline-block
- .dropdown-menu
- text-align: left
- min-width: 180px
- .dropdown-menu select,.dropdown-menu input
- display: block
-
- &.block-w-left .w:before
- content: "\F061" !important
- &.block-w-right .w:before
- content: "\F060" !important
- &.block-w-left.block-w-right .w:before
- display: none !important
- &.block-e-left .e:before
- content: "\F061" !important
- &.block-e-right .e:before
- content: "\F060" !important
- &.block-e-left.block-e-right .e:before
- display: none !important
-
- &.block-s-top .s:before
- content: "\F063" !important
- &.block-s-bottom .s:before
- content: "\f062" !important
- &.block-n-top .n:before
- content: "\F063" !important
- &.block-n-bottom .n:before
- content: "\f062" !important
-
- &.o_keypress
- opacity: 0
- -webkit-transition: .8s
- -moz-transition: .8s
- -o-transition: .8s
- -transition: .8s
-
-
-.s-resize-important, .s-resize-important *
- cursor: s-resize !important
-.n-resize-important, .n-resize-important *
- cursor: n-resize !important
-.e-resize-important, .e-resize-important *
- cursor: e-resize !important
-.w-resize-important, .w-resize-important *
- cursor: w-resize !important
-.move-important, .move-important *
- cursor: move !important
-
-// }}}
-
-
-/* add CSS for bootstrap dropdown multi level */
-.dropdown-submenu
- position: relative
- z-index: 1000
-.dropdown-submenu
- &>.dropdown-menu
- top: 0
- left: 100%
- margin-top: -6px
- margin-left: -1px
- -webkit-border-radius: 0 6px 6px 6px
- -moz-border-radius: 0 6px 6px 6px
- border-radius: 0 6px 6px 6px
- &:hover
- &>.dropdown-menu
- display: block
- &>a:after
- border-left-color: #ffffff
- &>a:after
- display: block
- content: " "
- float: right
- width: 0
- height: 0
- border-color: transparent
- border-style: solid
- border-width: 5px 0 5px 5px
- border-left-color: #cccccc
- margin-top: 5px
- margin-right: -10px
- &.pull-left
- float: none
- &>.dropdown-menu
- left: -100%
- margin-left: 10px
- -webkit-border-radius: 6px 0 6px 6px
- -moz-border-radius: 6px 0 6px 6px
- border-radius: 6px 0 6px 6px
-
-.oe_snippet_list
- width: auto
- white-space: nowrap
- margin-left: 20px
-
-.oe_snippet_editor
- position: fixed
- z-index: 1000
- bottom: 0
- left: 0
- right: 0
- height: 214px
- background: rgb(160,160,160)
- box-shadow: 0 1px 3px rgb(100,100,100) inset
- .oe_snippet
- box-sizing: border-box
- display: inline-block
- width: 220px
- height: 160px
- border-radius: 3px
- background: white
- margin: 20px 20px 20px 0
- cursor: pointer
- border: 2px solid transparent
- box-shadow: 0 1px 3px rgb(100,100,100)
- position: relative
- top: 0
- overflow: hidden
- vertical-align: top
- user-select: none
- white-space: normal
- &:after
- content: attr(name)
- position: absolute
- bottom: 0px
- left: 0px
- right: 0px
- background: rgba(255,255,255,0.8)
- text-align: center
- color: black
- padding: 8px
- &.oe_selected, &.oe_active
- border: 2px solid rgb(151, 137, 255)
- box-shadow: 0px 3px 17px rgba(99, 53, 150, 0.59)
- & > *
- margin-top: 16px
- line-height: 1em
- zoom: 0.6
- & > .container
- margin-top: 15px
- zoom: 0.17
- line-height: 0.999em
- line-height: 1em
- & > .row
- margin-top: 0px
- zoom: 0.23
- line-height: 0.999em
- & > .span6
- margin-top: 18px
- zoom: 0.34
- & > .span12
- margin-top: 16px
- zoom: 0.23
- & > p
- position: absolute
- top: 0
- right: 0
- left: 0
- bottom: 0
- font-size: 20px
- padding: 16px
- zoom: 1
- margin: 0px
- &.oe_new
- background: gray
- box-shadow: 0px 1px 3px rgb(90,90,90) inset
- border: 0px
- &.oe_selected, &.oe_active
- box-shadow: 0px 2px 0px 0px rgb(151,137,255) inset, 0px 3px 17px rgba(99, 53, 150, 0.59) inset
- & > *
- zoom: 1
- margin: 0
- line-height: 160px
- text-align: center
- color: white
- font-size: 48px
- &:after
- position: absolute
- left: 0px
- right: 0px
- top: 0px
- bottom: 0px
- background: transparent
- color: white
- text-shadow: 0px 1px 3px black
- line-height: 160px
- padding: 0px
-
-.oe_snippet_drop
- position: relative
- border: 2px dashed rgb(174, 52, 255)
- background: rgba(147, 52, 255, 0.1)
- min-height: 28px
- margin: -16px auto
- border-radius: 5px
- max-width: 50%
- &.oe_accepting
- border: 2px dashed rgb(52, 255, 166)
- background: rgba(52, 255, 190, 0.1)
-
-#website-top-edit
- li.oe_snippet_editorbar
- padding: 1px 8px 2px
- font: normal normal normal 12px Arial,Helvetica,Tahoma,Verdana,Sans-Serif
- float: left
- margin-top: 6px
- border: 1px solid #a6a6a6
- border-bottom-color: #979797
- background: #eeeeee
- border-radius: 3px
- & > *
- display: inline-block
- height: 22px
- padding: 4px 6px
- outline: 0
- border: 0
-
- a.button .icon
- cursor: inherit
- background-repeat: no-repeat
- margin-top: 1px
- width: 16px
- height: 16px
- display: inline-block
-
-/* ---- COLOR-PICKER ---- {{{ */
-
-.colorpicker
- margin: 0 auto
- background: transparent
- border: 0
- td
- padding: 0
- background: transparent
- > *
- width: 16px
- height: 16px
- border-radius: 2px
- margin: 3px
- padding: 0
- border-width: 1px
- display: block
- .only-text
- display: none
- .automatic-color
- background: #fff
- border-left: 7px solid #f33
- border-top: 7px solid #0e0
- border-right: 8px solid #33f
- border-bottom: 8px solid #fe0
- margin: 4px 3px 3px 3px
- width: 0
- height: 0
-
-// }}}
-
/* ---- Table Snippet ---- {{{ */
.table_desc
diff --git a/addons/website/static/src/css/website.backend.css b/addons/website/static/src/css/website.backend.css
index 333118ce1b3..927b3907d6f 100644
--- a/addons/website/static/src/css/website.backend.css
+++ b/addons/website/static/src/css/website.backend.css
@@ -3,35 +3,4 @@
}
.oe_button_box .oe_stat_button .o_stat_info.published > .o_stat_text.oe_unpublish {
display: none;
-}
-.oe_form_field.oe_form_field_html_frame {
- display: block;
-}
-.oe_form_field_html_frame iframe {
- display: block;
- width: 100%;
- border: 0;
- padding: 0;
- margin: 0;
- min-height: 300px;
-}
-.o_form_FieldTextHtml_fullscreen .oe_form_field_html_frame iframe {
- position: absolute !important;
- left: 0 !important;
- right: 0 !important;
- top: 0px !important;
- bottom: 0 !important;
- width: 100% !important;
- z-index: 1001 !important;
- border: 0;
-}
-.o_form_FieldTextHtml_fullscreen .modal .oe_form_field_html_frame iframe {
- top: 0 !important;
-}
-.o_form_FieldTextHtml_fullscreen .oe_webclient *, .o_form_FieldTextHtml_fullscreen .modal * {
- position: static !important;
- top: 0 !important;
- left: 0 !important;
- overflow: visible !important;
- width: auto !important;
} \ No newline at end of file
diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 40febaf9b1b..642113e179b 100644
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -1,158 +1,10 @@
-@charset "UTF-8";
+@charset "utf-8";
/* THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY
*
* css for editor buttons, openerp widget included in the website and other
* stuff must go to the editor.css
*
*/
-/* ----- GENERIC LAYOUTING HELPERS ---- */
-/* Vertical Spacing */
-.mt128 {
- margin-top: 128px !important;
-}
-
-.mt92 {
- margin-top: 92px !important;
-}
-
-.mt64 {
- margin-top: 64px !important;
-}
-
-.mt48 {
- margin-top: 48px !important;
-}
-
-.mt32 {
- margin-top: 32px !important;
-}
-
-.mt16 {
- margin-top: 16px !important;
-}
-
-.mt8 {
- margin-top: 8px !important;
-}
-
-.mt4 {
- margin-top: 4px !important;
-}
-
-.mt0 {
- margin-top: 0px !important;
-}
-
-.mb128 {
- margin-bottom: 128px !important;
-}
-
-.mb92 {
- margin-bottom: 92px !important;
-}
-
-.mb64 {
- margin-bottom: 64px !important;
-}
-
-.mb48 {
- margin-bottom: 48px !important;
-}
-
-.mb32 {
- margin-bottom: 32px !important;
-}
-
-.mb16 {
- margin-bottom: 16px !important;
-}
-
-.mb8 {
- margin-bottom: 8px !important;
-}
-
-.mb4 {
- margin-bottom: 4px !important;
-}
-
-.mb0 {
- margin-bottom: 0px !important;
-}
-
-.ml8 {
- margin-left: 8px !important;
-}
-
-.ml4 {
- margin-left: 4px !important;
-}
-
-.ml0 {
- margin-left: 0px !important;
-}
-
-.mr8 {
- margin-right: 8px !important;
-}
-
-.mr4 {
- margin-right: 4px !important;
-}
-
-.mr0 {
- margin-right: 0px !important;
-}
-
-img.padding-small, .img.padding-small, span.fa.padding-small, iframe.padding-small {
- padding: 4px;
-}
-img.padding-medium, .img.padding-medium, span.fa.padding-medium, iframe.padding-medium {
- padding: 8px;
-}
-img.padding-large, .img.padding-large, span.fa.padding-large, iframe.padding-large {
- padding: 16px;
-}
-img.padding-xl, .img.padding-xl, span.fa.padding-xl, iframe.padding-xl {
- padding: 32px;
-}
-
-div.media_iframe_video.padding-small iframe {
- padding: 4px;
-}
-div.media_iframe_video.padding-medium iframe {
- padding: 8px;
-}
-div.media_iframe_video.padding-large iframe {
- padding: 16px;
-}
-div.media_iframe_video.padding-xl iframe {
- padding: 32px;
-}
-
-.fa-6x {
- font-size: 6em;
-}
-
-.fa-7x {
- font-size: 7em;
-}
-
-.fa-8x {
- font-size: 8em;
-}
-
-.fa-9x {
- font-size: 9em;
-}
-
-.fa-10x {
- font-size: 10em;
-}
-
-.fa.center-block {
- text-align: center;
-}
-
ul {
list-style-type: disc;
}
@@ -247,12 +99,6 @@ font[style*='background'], font[class*='bg-'] {
}
/* Extra Styles */
-img.shadow {
- -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
- -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
- box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
-}
-
h1.text-muted, h2.text-muted, h3.text-muted {
margin-top: 10px;
}
@@ -269,19 +115,6 @@ hr {
padding-bottom: 10px;
}
-td {
- min-width: 20px;
-}
-
-/* ----- Editor (for public user, like forum) ----- */
-.note-toolbar {
- margin-left: 0 !important;
-}
-
-.note-popover .popover > .arrow {
- display: none;
-}
-
/* ----- Snippets Styles ----- */
.para_large {
font-size: 120%;
@@ -294,11 +127,6 @@ td {
margin-right: auto;
}
-/* ----- EDITOR ----- */
-.css_non_editable_mode_hidden {
- display: none !important;
-}
-
/* ----- BOOTSTRAP FIX ----- */
.container .container, .readable .container {
padding-left: 0;
@@ -363,26 +191,6 @@ body > nav.navbar {
width: 100%;
}
}
-/* ---- HACK FOR COVERING UP EDITOR BOGUS P INSERTION --- */
-.oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child {
- position: static;
-}
-
-.oe_structure.oe_empty:empty:before, [data-oe-type=html]:empty:before, .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child:before, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child:before {
- content: " ";
- text-align: center;
- display: block;
- min-height: 1em;
- color: grey;
- font-size: 24px;
- padding-top: 160px;
-}
-
-.css_editable_display {
- display: none;
-}
-
-/* ---- HACK FOR COVERING UP EDITOR BOGUS P INSERTION --- */
.navbar .nav > li > p {
margin-bottom: 0px;
}
@@ -844,17 +652,6 @@ table.well tr td {
color: white;
}
-address .fa.fa-mobile-phone {
- margin: 0 3px 0 2px;
-}
-address .fa.fa-file-text-o {
- margin-right: 1px;
-}
-
-span[data-oe-type="monetary"] {
- white-space: nowrap;
-}
-
.oe_template_fallback {
-moz-column-count: 3;
-webkit-column-count: 3;
@@ -879,49 +676,6 @@ span[data-oe-type="monetary"] {
text-align: center;
}
-div.media_iframe_video {
- margin: 0 auto;
- text-align: center;
- position: relative;
- overflow: hidden;
-}
-div.media_iframe_video iframe {
- width: 100%;
- height: 100%;
- top: 0;
- position: absolute;
- margin: 0 auto;
- margin-left: -50%;
-}
-div.media_iframe_video .media_iframe_video_size {
- padding-bottom: 66.5%;
- position: relative;
- width: 100%;
- height: 0;
-}
-div.media_iframe_video .css_editable_mode_display {
- position: absolute;
- width: 100%;
- height: 100%;
- display: none;
- z-index: 2;
-}
-
-html[data-browser^="msie"] div.media_iframe_video iframe {
- margin-left: 0;
-}
-
-/* Mobile view */
-@media (max-width: 768px) {
- img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa {
- -webkit-transform: none !important;
- -moz-transform: none !important;
- -ms-transform: none !important;
- -o-transform: none !important;
- transform: none !important;
- }
-}
-/* Fix: backward compatibility saas-3 */
div.carousel .container > .carousel-caption {
position: absolute;
right: 50%;
@@ -1003,7 +757,6 @@ div.carousel .item.text_only .container > .carousel-image {
.container nav#oe_main_menu_navbar {
position: inherit;
}
-
.oe_search_clear {
position: absolute;
display:none;
diff --git a/addons/website/static/src/css/website.editor.css b/addons/website/static/src/css/website.editor.css
new file mode 100644
index 00000000000..69e6e451d6b
--- /dev/null
+++ b/addons/website/static/src/css/website.editor.css
@@ -0,0 +1,263 @@
+@charset "utf-8";
+/* ---- Common---- {{{ */
+.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+ min-height: 24px;
+}
+
+/* ---- MOBILE PREVIEW ---- {{{ */
+.oe_mobile_preview.modal .modal-content {
+ height: 660px;
+ background-color: #000000;
+ border: 2px solid #1C1F1F;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+ margin: auto;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+ max-width: 330px;
+}
+.oe_mobile_preview.modal .modal-content .modal-header {
+ background-color: #000000;
+ border-bottom: 0;
+ -moz-border-radius-topleft: 10px;
+ -webkit-border-top-left-radius: 10px;
+ border-top-left-radius: 10px;
+ -moz-border-radius-topright: 10px;
+ -webkit-border-top-right-radius: 10px;
+ border-top-right-radius: 10px;
+}
+.oe_mobile_preview.modal .modal-content .modal-header .modal-title {
+ color: #1C1F1F;
+}
+.oe_mobile_preview.modal .modal-content .modal-header .close {
+ color: lightgrey;
+ filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+ opacity: 1;
+}
+.oe_mobile_preview.modal .modal-content .modal-header .close:hover {
+ color: #E00101;
+ filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+ opacity: 1;
+}
+.oe_mobile_preview.modal .modal-content .modal-body {
+ background-color: #000000;
+ max-height: 600px;
+ padding: 0;
+ margin: 0;
+}
+.oe_mobile_preview.modal .modal-content .modal-body .oe_mobile_viewport {
+ width: 320px;
+ height: 568px;
+ padding: 5px;
+ border: none;
+}
+.oe_mobile_preview.modal .modal-content .modal-footer {
+ background-color: #000000;
+}
+
+/* ---- SEO TOOLS ---- {{{ */
+.oe_seo_configuration .modal-dialog {
+ width: 80%;
+}
+.oe_seo_configuration .oe_remove {
+ color: #E00101;
+}
+.oe_seo_configuration .oe_seo_suggestion {
+ cursor: pointer;
+}
+.oe_seo_configuration .oe_seo_keyword {
+ padding: 0.2em 0.4em 0.2em 0.5em;
+ -moz-border-radius: 0.4em;
+ -webkit-border-radius: 0.4em;
+ border-radius: 0.4em;
+}
+.oe_seo_configuration li.oe_seo_preview_g {
+ line-height: 1.2;
+ list-style: none;
+ list-style-image: none;
+ list-style-position: outside;
+ list-style-type: none;
+ font-size: small;
+ font-family: arial, sans-serif;
+}
+.oe_seo_configuration li.oe_seo_preview_g h3 {
+ font-size: medium;
+}
+.oe_seo_configuration li.oe_seo_preview_g .r {
+ margin: 0;
+ font-size: 16px;
+ font-style: normal;
+ font-weight: normal;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -webkit-text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.oe_seo_configuration li.oe_seo_preview_g .r a {
+ color: #1e0fbe;
+ text-decoration: underline;
+ text-transform: none;
+}
+.oe_seo_configuration li.oe_seo_preview_g .r a em {
+ font-style: normal !important;
+}
+.oe_seo_configuration li.oe_seo_preview_g .s {
+ color: #444;
+ max-width: 42em;
+}
+.oe_seo_configuration li.oe_seo_preview_g .kv, .oe_seo_configuration li.oe_seo_preview_g .slp {
+ display: block;
+ margin-bottom: 1px;
+}
+.oe_seo_configuration li.oe_seo_preview_g .f {
+ color: #666;
+ margin-bottom: 1px;
+}
+.oe_seo_configuration li.oe_seo_preview_g .f cite {
+ color: #006621;
+ font-style: normal;
+ font-size: 14px;
+}
+.oe_seo_configuration li.oe_seo_preview_g .st {
+ line-height: 1.24;
+}
+
+/* ---- ACE EDITOR ---- {{{ */
+.oe_ace_view_editor {
+ position: fixed;
+ right: 0;
+ z-index: 1001;
+ height: 100%;
+ background: #2F3129;
+ color: white;
+}
+.oe_ace_view_editor .oe_ace_view_editor_title {
+ width: 100%;
+ padding-top: 0;
+ padding-left: 0;
+ height: 30px;
+}
+.oe_ace_view_editor .oe_ace_view_editor_title .oe_view_list {
+ width: 50%;
+ height: 30px;
+ font-size: 14px;
+ font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
+ line-height: normal;
+}
+.oe_ace_view_editor .oe_ace_view_editor_title .btn {
+ height: 30px;
+ padding: 0 4px 0 4px;
+ font-size: 14px;
+ font-family: "Monaco", "Menlo", "Ubuntu Mono", "Consolas", "source-code-pro", monospace;
+ line-height: normal;
+}
+.oe_ace_view_editor .ace_editor {
+ position: absolute;
+ top: 50px;
+ right: 0;
+ left: 0;
+}
+.oe_ace_view_editor .ace_editor .ace_gutter {
+ cursor: ew-resize;
+}
+.oe_ace_view_editor #ace-view-id {
+ padding: 0 1em;
+}
+.oe_ace_view_editor.oe_ace_open {
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=97);
+ opacity: 0.97;
+}
+.oe_ace_view_editor.oe_ace_closed {
+ z-index: -1000;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+ opacity: 0;
+}
+
+.oe_include_bundles {
+ font-weight: normal;
+ padding: 0 8px;
+}
+
+/* ---- CUSTOMIZE THEME ---- {{{ */
+#theme_error {
+ background: #ffc;
+}
+
+#theme_customize_modal {
+ overflow: visible;
+ z-index: 1020;
+ background: transparent;
+ display: block;
+}
+#theme_customize_modal .modal-dialog {
+ top: 75px;
+ width: auto;
+ margin: 0;
+ position: absolute;
+ right: 10px;
+ font-family: "Lato-Regular";
+ font-weight: normal;
+ text-transform: capitalize;
+ letter-spacing: normal;
+}
+#theme_customize_modal .modal-h5 {
+ color: #ffffff;
+ font-family: "Lato-Regular";
+ font-weight: normal;
+ text-transform: uppercase;
+ letter-spacing: normal;
+ font-size: 14px;
+ color: white;
+ padding: 4px 0 4px 4px;
+ background-color: #bdc3c7;
+}
+#theme_customize_modal table {
+ width: 100%;
+ margin-bottom: 8px;
+}
+#theme_customize_modal label {
+ display: block;
+ text-align: center;
+}
+#theme_customize_modal label > div, #theme_customize_modal label > img {
+ border: 1px solid #fff;
+ line-height: 30px;
+ font-size: 0.9em;
+ margin: 2px 4px;
+}
+#theme_customize_modal label.checked > div, #theme_customize_modal label.checked > img {
+ box-shadow: 2px 2px 3px #888;
+ border: 1px solid #666;
+}
+#theme_customize_modal label img {
+ width: 60px;
+ height: 35px;
+ margin: 2px;
+ border: 1px solid rgba(136, 136, 136, 0.5);
+}
+#theme_customize_modal label input {
+ display: none;
+}
+#theme_customize_modal .loading_backdrop {
+ display: none;
+}
+#theme_customize_modal.loading .loading_backdrop {
+ display: block;
+ width: 100%;
+ height: 100%;
+ background: #000;
+ opacity: 0.3;
+ position: absolute;
+ z-index: 1;
+}
+
+/* ---- force the browse to re-compute the stylesheets ---- */
+body.theme_customize_css_loading {
+ magin-top: 1px;
+}
+body.theme_customize_css_loading #wrapwrap {
+ magin-top: -1px;
+}
diff --git a/addons/website/static/src/css/website.editor.sass b/addons/website/static/src/css/website.editor.sass
new file mode 100644
index 00000000000..911631bb8ee
--- /dev/null
+++ b/addons/website/static/src/css/website.editor.sass
@@ -0,0 +1,234 @@
+@charset "utf-8"
+@import "common"
+
+/* ---- Common---- {{{ */
+
+.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12
+ min-height: 24px
+
+// }}}
+
+/* ---- MOBILE PREVIEW ---- {{{ */
+
+$mobile_preview_background: #000000
+$mobile_preview_border: #1C1F1F
+$icon_close: #E00101
+.oe_mobile_preview
+ &.modal .modal-content
+ height: 660px
+ background-color: $mobile_preview_background
+ border: 2px solid $mobile_preview_border
+ +border-radius(10px)
+ margin: auto
+ top: 0
+ left: 0
+ bottom: 0
+ right: 0
+ max-width: 330px
+ .modal-header
+ background-color: $mobile_preview_background
+ border-bottom: 0
+ +border-top-left-radius(10px)
+ +border-top-right-radius(10px)
+ .modal-title
+ color: $mobile_preview_border
+ .close
+ color: lightgrey
+ +opacity(1)
+ .close:hover
+ color: $icon_close
+ +opacity(1)
+ .modal-body
+ background-color: $mobile_preview_background
+ max-height: 600px
+ padding: 0
+ margin: 0
+ .oe_mobile_viewport
+ width: 320px
+ height: 568px
+ padding: 5px
+ border: none
+ .modal-footer
+ background-color: $mobile_preview_background
+
+// }}}
+
+/* ---- SEO TOOLS ---- {{{ */
+
+$remove_color: $icon_close
+$in_title_color: #5cb85c
+$in_description_color: #428bca
+$in_body_color: #5bc0de
+$highlighted_text_color: #ffffff
+.oe_seo_configuration
+ .modal-dialog
+ width: 80%
+ .oe_remove
+ color: $remove_color
+ .oe_seo_suggestion
+ cursor: pointer
+ .oe_seo_keyword
+ padding: .2em .4em .2em .5em
+ +border-radius(.4em)
+ li.oe_seo_preview_g
+ line-height: 1.2
+ list-style: none
+ list-style-image: none
+ list-style-position: outside
+ list-style-type: none
+ font-size: small
+ font-family: arial,sans-serif
+ h3
+ font-size: medium
+ .r
+ margin: 0
+ font-size: 16px
+ font-style: normal
+ font-weight: normal
+ overflow: hidden
+ text-overflow: ellipsis
+ -webkit-text-overflow: ellipsis
+ white-space: nowrap
+ a
+ color: rgb(30, 15, 190)
+ text-decoration: underline
+ text-transform: none
+ em
+ font-style: normal !important
+ .s
+ color: #444
+ max-width: 42em
+ .kv,.slp
+ display: block
+ margin-bottom: 1px
+ .f
+ color: #666
+ margin-bottom: 1px
+ cite
+ color: #006621
+ font-style: normal
+ font-size: 14px
+ .st
+ line-height: 1.24
+
+
+// }}}
+
+/* ---- ACE EDITOR ---- {{{ */
+
+$editorbar_height: 30px
+$infobar_height: 20px
+// TODO Fix => might break with themes
+
+.oe_ace_view_editor
+ position: fixed
+ // top property is set programmatically
+ right: 0
+ z-index: 1001
+ height: 100%
+ background: #2F3129
+ color: white
+ .oe_ace_view_editor_title
+ width: 100%
+ padding-top: 0
+ padding-left: 0
+ height: $editorbar_height
+ .oe_view_list
+ width: 50%
+ height: $editorbar_height
+ @include editor-font
+ .btn
+ height: $editorbar_height
+ padding: 0 4px 0 4px
+ @include editor-font
+ .ace_editor
+ position: absolute
+ top: $editorbar_height + $infobar_height
+ right: 0
+ // bottom property is set programmatically
+ left: 0
+ .ace_gutter
+ cursor: ew-resize
+ #ace-view-id
+ padding: 0 1em
+ &.oe_ace_open
+ +opacity(0.97)
+ &.oe_ace_closed
+ z-index: -1000
+ +opacity(0)
+
+.oe_include_bundles
+ font-weight: normal
+ padding: 0 8px
+
+// }}}
+
+/* ---- CUSTOMIZE THEME ---- {{{ */
+#theme_error
+ background: #ffc
+#theme_customize_modal
+ overflow: visible
+ z-index: 1020
+ background: transparent
+ display: block
+ .modal-dialog
+ top: 75px
+ width: auto
+ margin: 0
+ position: absolute
+ right: 10px
+ font-family: 'Lato-Regular'
+ font-weight: normal
+ text-transform: capitalize
+ letter-spacing: normal
+ .modal-h5
+ color: #ffffff
+ font-family: 'Lato-Regular'
+ font-weight: normal
+ text-transform: uppercase
+ letter-spacing: normal
+ font-size: 14px
+ color: white
+ padding: 4px 0 4px 4px
+ background-color: #bdc3c7
+ table
+ width: 100%
+ margin-bottom: 8px
+ label
+ display: block
+ text-align: center
+ > div, > img
+ border: 1px solid #fff
+ line-height: 30px
+ font-size: 0.9em
+ margin: 2px 4px
+ &.checked
+ > div, > img
+ box-shadow: 2px 2px 3px #888
+ border: 1px solid #666
+ img
+ width: 60px
+ height: 35px
+ margin: 2px
+ border: 1px solid rgba(136, 136, 136, 0.5)
+ input
+ display: none
+ .loading_backdrop
+ display: none
+ &.loading
+ .loading_backdrop
+ display: block
+ width: 100%
+ height: 100%
+ background: #000
+ opacity: 0.3
+ position: absolute
+ z-index: 1
+
+/* ---- force the browse to re-compute the stylesheets ---- */
+body.theme_customize_css_loading
+ magin-top: 1px
+ #wrapwrap
+ magin-top: -1px
+
+// }}}
diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index cb526b29b01..f8f8c4fe05f 100644
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -10,93 +10,6 @@
*
*/
-/* ----- GENERIC LAYOUTING HELPERS ---- */
-
-/* Vertical Spacing */
-.mt128
- margin-top: 128px !important
-.mt92
- margin-top: 92px !important
-.mt64
- margin-top: 64px !important
-.mt48
- margin-top: 48px !important
-.mt32
- margin-top: 32px !important
-.mt16
- margin-top: 16px !important
-.mt8
- margin-top: 8px !important
-.mt4
- margin-top: 4px !important
-.mt0
- margin-top: 0px !important
-
-.mb128
- margin-bottom: 128px !important
-.mb92
- margin-bottom: 92px !important
-.mb64
- margin-bottom: 64px !important
-.mb48
- margin-bottom: 48px !important
-.mb32
- margin-bottom: 32px !important
-.mb16
- margin-bottom: 16px !important
-.mb8
- margin-bottom: 8px !important
-.mb4
- margin-bottom: 4px !important
-.mb0
- margin-bottom: 0px !important
-
-.ml8
- margin-left: 8px !important
-.ml4
- margin-left: 4px !important
-.ml0
- margin-left: 0px !important
-
-.mr8
- margin-right: 8px !important
-.mr4
- margin-right: 4px !important
-.mr0
- margin-right: 0px !important
-
-img, .img, span.fa, iframe
- &.padding-small
- padding: 4px
- &.padding-medium
- padding: 8px
- &.padding-large
- padding: 16px
- &.padding-xl
- padding: 32px
-div.media_iframe_video
- &.padding-small iframe
- padding: 4px
- &.padding-medium iframe
- padding: 8px
- &.padding-large iframe
- padding: 16px
- &.padding-xl iframe
- padding: 32px
-
-.fa-6x
- font-size: 6em
-.fa-7x
- font-size: 7em
-.fa-8x
- font-size: 8em
-.fa-9x
- font-size: 9em
-.fa-10x
- font-size: 10em
-.fa.center-block
- text-align: center
-
ul
list-style-type: disc
li > ul
@@ -158,9 +71,6 @@ font[style*='background'], font[class*='bg-']
/* Extra Styles */
-img.shadow
- +box-shadow(0px 3px 8px rgba(0, 0, 0, 0.2))
-
h1.text-muted, h2.text-muted, h3.text-muted
margin-top: 10px
@@ -175,17 +85,6 @@ hr
margin-bottom: 10px
padding-bottom: 10px
-td
- min-width: 20px
-
-/* ----- Editor (for public user, like forum) ----- */
-
-.note-toolbar
- margin-left: 0 !important
-
-.note-popover .popover > .arrow
- display: none
-
/* ----- Snippets Styles ----- */
.para_large
@@ -197,11 +96,6 @@ td
margin-left: auto
margin-right: auto
-/* ----- EDITOR ----- */
-
-.css_non_editable_mode_hidden
- display: none !important
-
/* ----- BOOTSTRAP FIX ----- */
.container, .readable
@@ -241,7 +135,7 @@ body > nav.navbar
width: 100%
position: absolute
z-index: 10000
-@media (max-min: 767px)
+@media (min-width: 767px)
nav.navbar + #wrapwrap
padding-top: 34px
@@ -255,33 +149,9 @@ body > nav.navbar
.table .img-responsive
width: 100%
-/* ---- HACK FOR COVERING UP EDITOR BOGUS P INSERTION --- */
-.oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
- position: static
-
-.oe_structure.oe_empty:empty:before, [data-oe-type=html]:empty:before, .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child:before, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child:before
- content: ' '
- text-align: center
- display: block
- min-height: 1em
- color: grey
- font-size: 24px
- padding-top: 160px
-
-.css_editable_display
- display: none
-
-/* ---- HACK FOR COVERING UP EDITOR BOGUS P INSERTION --- */
-
.navbar .nav > li > p
margin-bottom: 0px
-// .navbar .nav > li a
-// text-shadow: none
-
-// .nav > li a
-// display: block
-
/* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
.nav-hierarchy
@@ -659,15 +529,6 @@ table.well tr
a
color: white
-address
- .fa.fa-mobile-phone
- margin: 0 3px 0 2px
- .fa.fa-file-text-o
- margin-right: 1px
-
-span[data-oe-type="monetary"]
- white-space: nowrap
-
.oe_template_fallback
@include column-count(3)
@@ -685,46 +546,6 @@ span[data-oe-type="monetary"]
input
text-align: center
-div.media_iframe_video
- margin: 0 auto
- text-align: center
- position: relative
- overflow: hidden
- iframe
- width: 100%
- height: 100%
- top: 0
- position: absolute
- margin: 0 auto
- margin-left: -50%
- .media_iframe_video_size
- padding-bottom: 66.5%
- position: relative
- width: 100%
- height: 0
- .css_editable_mode_display
- position: absolute
- width: 100%
- height: 100%
- display: none
- z-index: 2
-
-html[data-browser^="msie"] div.media_iframe_video iframe
- margin-left: 0
-
-/* Mobile view */
-
-@media (max-width: 768px)
- img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa
- -webkit-transform: none !important
- -moz-transform: none !important
- -ms-transform: none !important
- -o-transform: none !important
- transform: none !important
-
-
-/* Fix: backward compatibility saas-3 */
-
div.carousel
.container
> .carousel-caption
generated by cgit v1.2.3 (git 2.25.1) at 2026-10-24 02:00:46 +0000