.navbar.navbar-inverse .cke_top {
background: transparent;
border: none;
- box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
+ box-shadow: none;
}
/* ---- OpenERP Style ---- */
background: #414141, -moz-linear-gradient(#646060, #262626);
background: #414141, -o-linear-gradient(#646060, #262626);
background: #414141, linear-gradient(#646060, #262626);
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
box-sizing: border-box;
}
.oe_website_editorbar li {
right: 0px;
top: 50px;
background: #282828;
+ -webkit-box-shadow: 0px 10px 10px -10px black inset;
+ -moz-box-shadow: 0px 10px 10px -10px black inset;
box-shadow: 0px 10px 10px -10px black inset;
z-index: 1010;
overflow: hidden;
position: relative;
overflow: hidden;
-webkit-user-select: none;
+ -moz-user-select: none;
user-select: none;
cursor: move;
pointer-events: none;
display: block;
}
.oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_img {
+ -webkit-box-shadow: inset 0px 0px 0px 3px #333333;
+ -moz-box-shadow: inset 0px 0px 0px 3px #333333;
box-shadow: inset 0px 0px 0px 3px #333333;
}
.oe_snippet .oe_snippet_thumbnail span, .oe_snippet .oe_snippet_thumbnail div {
.oe_drop_zone, .oe_drop_zone_style {
background: rgba(153, 0, 255, 0.17);
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
border-radius: 3px;
}
.oe_drop_zone.oe_hover, .oe_drop_zone_style.oe_hover {
display: none;
position: absolute;
background: transparent;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ -ms-border-radius: 3px;
+ -o-border-radius: 3px;
border-radius: 3px;
-webkit-transition: opacity 100ms linear;
-moz-transition: opacity 100ms linear;
-o-transition: opacity 100ms linear;
transition: opacity 100ms linear;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
box-sizing: border-box;
pointer-events: none;
}
display: block;
border-style: dashed;
border-width: 1px;
+ -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
+ -moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
border-color: rgba(153, 0, 255, 0.5);
}
display: block;
background: white;
border: solid 1px #9900ff;
+ -webkit-border-radius: 8px;
+ -moz-border-radius: 8px;
+ -ms-border-radius: 8px;
+ -o-border-radius: 8px;
border-radius: 8px;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
display: block;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
box-sizing: border-box;
width: 8px;
height: 8px;
height: 660px;
background-color: black;
border: 2px solid #1c1f1f;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ -ms-border-radius: 10px;
+ -o-border-radius: 10px;
border-radius: 10px;
margin: auto;
top: 0;
.oe_mobile_preview.modal .modal-content .modal-header {
background-color: black;
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 {
}
.oe_mobile_preview.modal .modal-content .modal-header .close {
color: lightgrey;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.oe_mobile_preview.modal .modal-content .modal-header .close:hover {
color: #e00101;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.oe_mobile_preview.modal .modal-content .modal-body {
}
.oe_seo_configuration .oe_seo_keyword {
padding: 0.2em 0.4em 0.2em 0.5em;
+ -webkit-border-radius: 0.4em;
+ -moz-border-radius: 0.4em;
+ -ms-border-radius: 0.4em;
+ -o-border-radius: 0.4em;
border-radius: 0.4em;
}
.oe_seo_configuration .keyword-in-title {
- background-color: #5cb85c;
+ background-color: #5cb85cpointer;
color: white;
}
.oe_seo_configuration .keyword-in-description {
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
opacity: 0.3;
position: fixed;
top: 51px;
width: 720px;
}
.oe_ace_view_editor:hover {
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.oe_ace_view_editor.oe_ace_open {
}
.oe_ace_view_editor.oe_ace_closed {
width: 0;
+ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
}
.navbar.navbar-inverse .cke_top
background: transparent
border: none
- box-shadow: none
- -webkit-box-shadow: none
- -moz-box-shadow: none
+ +box-shadow(none)
/* ---- OpenERP Style ---- */
margin: 0
z-index: 20000
@include background(#414141, linear-gradient(#646060, #262626))
- box-sizing: border-box
+ +box-sizing(border-box)
li
display: inline
color: #eee
&:hover
background: rgba(0,0,0,0.2)
- text-shadow: black 0px 0px 3px
+ +text-shadow(black 0px 0px 3px)
color: white
.oe_website_editorbar .oe_rte_toolbar
right: 0px
top: 50px
background: rgb(40,40,40)
- box-shadow: 0px 10px 10px -10px black inset
+ +box-shadow(0px 10px 10px -10px black inset)
z-index: 1010
overflow: hidden
&:hover
margin-top: 0px
position: relative
overflow: hidden
- -webkit-user-select: none
- user-select: none
+ +user-select(none)
cursor: move
pointer-events: none
.oe_snippet_thumbnail
font-size: 12px
display: block
.oe_snippet_thumbnail_img
- box-shadow: inset 0px 0px 0px 3px #333333
+ +box-shadow(inset 0px 0px 0px 3px #333333)
span, div
line-height: 18px
& > :not(.oe_snippet_thumbnail)
.oe_drop_zone, .oe_drop_zone_style
background: rgba(153, 0, 255, 0.17)
- border-radius: 3px
+ +border-radius(3px)
&.oe_hover
background: rgba(0, 255, 133, 0.22)
z-index: 1001
display: none
position: absolute
background: transparent
- border-radius: 3px
+ +border-radius(3px)
@include transition(opacity 100ms linear)
- box-sizing: border-box
+ +box-sizing(border-box)
pointer-events: none
&.oe_active
display: block
border-style: dashed
border-width: 1px
- box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3), 0px 0px 0px 1px rgba(255,255,255,0.3) inset
+ +box-shadow(0px 0px 0px 1px rgba(255,255,255,0.3), 0px 0px 0px 1px rgba(255,255,255,0.3) inset)
border-color: rgba(153, 0, 255, 0.5)
.oe_handle
display: block !important
display: block
background: rgba(255, 255, 255, 1)
border: solid 1px rgba(153, 0, 255, 1)
- border-radius: 8px
+ +border-radius(8px)
width: 16px
height: 16px
margin: -8px
top: 50%
left: 50%
display: block
- box-sizing: border-box
+ +box-sizing(border-box)
width: 8px
height: 8px
margin: -4px
height: 660px
background-color: $mobile_preview_background
border: 2px solid $mobile_preview_border
- border-radius: 10px
+ +border-radius(10px)
margin: auto
top: 0
left: 0
.modal-header
background-color: $mobile_preview_background
border-bottom: 0
- border-top-left-radius: 10px
- border-top-right-radius: 10px
+ +border-top-left-radius(10px)
+ +border-top-right-radius(10px)
.modal-title
color: $mobile_preview_border
.close
color: lightgrey
- opacity: 1
+ +opacity(1)
.close:hover
color: $icon_close
- opacity: 1
+ +opacity(1)
.modal-body
background-color: $mobile_preview_background
max-height: 600px
cursor: pointer
.oe_seo_keyword
padding: .2em .4em .2em .5em
- border-radius: .4em
+ +border-radius(.4em)
.keyword-in-title
- background-color: $in_title_color
+ background-color: $in_title_color+pointer
color: $highlighted_text_color
.keyword-in-description
background-color: $in_description_color
$editorbar_height: 40px
// TODO Fix => might break with themes
$navbar_height: 51px
+@mixin pointer-events($type: none)
+ $type: unquote($type)
+ @include experimental(pointer-events, $type,-moz, -webkit, not -o, not -ms, -khtml, official)
+
@mixin editor-font
font-size: 14px
line-height: normal
.oe_ace_view_editor
@include transition(all 0.2s ease-in)
- opacity: 0.3
+ +opacity(0.3)
position: fixed
top: $navbar_height
right: 0
left: 0
width: $ace_width
&:hover
- opacity: 1
+ +opacity(1)
&.oe_ace_open
width: $ace_width
&.oe_ace_closed
width: 0
- opacity: 0
-
+ +opacity(0)
// vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker: