2013-11-20 12:44:51 +00:00
|
|
|
@import "common"
|
2013-10-10 08:30:37 +00:00
|
|
|
|
2013-12-19 09:33:29 +00:00
|
|
|
/* ---- CKEditor Minimal Reset ---- {{{ */
|
2013-08-27 13:04:56 +00:00
|
|
|
|
|
|
|
.navbar.navbar-inverse .cke_chrome
|
|
|
|
border: none
|
|
|
|
|
|
|
|
.navbar.navbar-inverse .cke_inner
|
|
|
|
background: transparent
|
|
|
|
|
2013-09-17 19:58:39 +00:00
|
|
|
.navbar.navbar-inverse
|
|
|
|
.cke_toolbar
|
|
|
|
position: relative
|
|
|
|
top: 1px
|
|
|
|
.cke_combo_button
|
|
|
|
padding-top: 3px
|
|
|
|
padding-bottom: 3px
|
|
|
|
.cke_button
|
|
|
|
padding-top: 7px
|
|
|
|
padding-bottom: 7px
|
|
|
|
|
2013-08-27 13:04:56 +00:00
|
|
|
.navbar.navbar-inverse .cke_top
|
|
|
|
background: transparent
|
|
|
|
border: none
|
2013-10-04 08:43:02 +00:00
|
|
|
+box-shadow(none)
|
2013-08-27 13:04:56 +00:00
|
|
|
|
2013-12-19 09:33:29 +00:00
|
|
|
// }}}
|
|
|
|
|
|
|
|
/* ---- OpenERP Style ---- {{{ */
|
2013-08-27 13:04:56 +00:00
|
|
|
|
2013-07-30 16:03:17 +00:00
|
|
|
.oe_website_editorbar
|
|
|
|
position: fixed
|
|
|
|
top: 0
|
|
|
|
right: 0
|
|
|
|
display: block
|
|
|
|
width: 100%
|
2013-07-31 07:56:11 +00:00
|
|
|
padding: 2px
|
2013-09-06 08:50:45 +00:00
|
|
|
margin: 0
|
2013-09-12 14:53:02 +00:00
|
|
|
z-index: 20000
|
2013-10-02 11:22:16 +00:00
|
|
|
@include background(#414141, linear-gradient(#646060, #262626))
|
2013-10-04 08:43:02 +00:00
|
|
|
+box-sizing(border-box)
|
2013-07-30 16:03:17 +00:00
|
|
|
li
|
|
|
|
display: inline
|
|
|
|
color: #eee
|
|
|
|
&:hover
|
|
|
|
background: rgba(0,0,0,0.2)
|
2013-10-04 08:43:02 +00:00
|
|
|
+text-shadow(black 0px 0px 3px)
|
2013-07-30 16:03:17 +00:00
|
|
|
color: white
|
|
|
|
|
|
|
|
.oe_website_editorbar .oe_rte_toolbar
|
|
|
|
div.dropdown
|
|
|
|
display: inline-block
|
|
|
|
li
|
|
|
|
display: list-item
|
|
|
|
|
|
|
|
button
|
|
|
|
font-family: FontAwesome
|
|
|
|
font-weight: normal
|
|
|
|
font-style: normal
|
|
|
|
text-decoration: inherit
|
|
|
|
&.oe_button_list
|
|
|
|
padding-right: 3px
|
|
|
|
&:after
|
|
|
|
content: "\F0D7"
|
|
|
|
padding-left: 6px
|
|
|
|
|
|
|
|
.oe_editable:focus
|
2013-08-07 07:53:43 +00:00
|
|
|
outline: none !important
|
2013-08-05 12:38:36 +00:00
|
|
|
|
2014-01-14 16:29:25 +00:00
|
|
|
.css_editable_display
|
|
|
|
display: block !important
|
|
|
|
|
2013-09-05 08:20:42 +00:00
|
|
|
.css_non_editable_mode_hidden
|
2013-09-04 08:49:58 +00:00
|
|
|
display: none
|
|
|
|
|
2013-11-28 14:36:46 +00:00
|
|
|
.cke_editable .css_editable_mode_hidden
|
|
|
|
display: none
|
|
|
|
|
2014-01-14 16:04:34 +00:00
|
|
|
.oe_structure.oe_empty:empty, [data-oe-type=html]:empty, .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
|
|
|
|
background-image: url('/website/static/src/img/edit_here.png') !important
|
|
|
|
|
|
|
|
.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: 'Press The Top-Left Edit Button' !important
|
|
|
|
|
2013-12-19 09:33:29 +00:00
|
|
|
// }}}
|
|
|
|
|
|
|
|
/* ---- EDITOR BAR ---- {{{ */
|
2013-09-06 08:50:45 +00:00
|
|
|
|
|
|
|
table.editorbar-panel
|
|
|
|
cursor: pointer
|
|
|
|
width: 100%
|
2013-09-17 20:04:50 +00:00
|
|
|
td
|
|
|
|
border: 1px solid #aaa
|
2013-09-06 08:50:45 +00:00
|
|
|
td.selected
|
|
|
|
background-color: #b1c9d9
|
|
|
|
|
2013-12-19 09:33:29 +00:00
|
|
|
// }}}
|
|
|
|
|
|
|
|
/* ---- TRANSLATIONS ---- {{{ */
|
|
|
|
|
2013-10-23 08:15:01 +00:00
|
|
|
.oe_translate_or
|
|
|
|
color: white
|
2013-11-05 08:07:43 +00:00
|
|
|
padding: 0 0 0 1em
|
2013-09-23 11:54:17 +00:00
|
|
|
.oe_translate_examples li
|
|
|
|
margin: 10px
|
|
|
|
padding: 4px
|
|
|
|
.oe_translatable_text
|
|
|
|
outline: 1px solid black
|
|
|
|
.oe_translatable_field
|
|
|
|
outline: 1px dashed black
|
|
|
|
.oe_translatable_text.oe_dirty, .oe_translatable_field.oe_dirty
|
|
|
|
outline-color: red
|
2013-09-24 19:06:37 +00:00
|
|
|
.oe_translatable_text.oe_dirty:empty
|
|
|
|
padding: 0 10px
|
2013-09-23 11:54:17 +00:00
|
|
|
.oe_translatable_todo
|
|
|
|
background: rgb(255, 255, 182)
|
2013-12-19 09:33:29 +00:00
|
|
|
|
2013-09-23 11:54:17 +00:00
|
|
|
// }}}
|
|
|
|
|
2013-12-19 09:33:29 +00:00
|
|
|
/* ---- MENU ---- {{{ */
|
|
|
|
|
2013-10-30 14:02:16 +00:00
|
|
|
div.oe_menu_buttons
|
|
|
|
top: -8px
|
|
|
|
right: -8px
|
2013-10-29 11:24:50 +00:00
|
|
|
|
2013-11-15 11:51:22 +00:00
|
|
|
ul.oe_menu_editor
|
2013-12-03 13:51:56 +00:00
|
|
|
.fa-home
|
2013-11-15 11:51:22 +00:00
|
|
|
display: none
|
2013-12-03 13:51:56 +00:00
|
|
|
> li:first-child > div > span > .fa-home
|
2013-11-15 11:51:22 +00:00
|
|
|
display: block
|
2013-10-29 11:24:50 +00:00
|
|
|
.oe_menu_placeholder
|
|
|
|
outline: 1px dashed #4183C4
|
2013-11-15 11:51:22 +00:00
|
|
|
ul
|
|
|
|
list-style: none
|
2013-10-29 11:24:50 +00:00
|
|
|
li div
|
|
|
|
cursor: move
|
|
|
|
.disclose
|
|
|
|
cursor: pointer
|
|
|
|
width: 10px
|
|
|
|
display: none
|
|
|
|
|
2013-10-29 08:37:18 +00:00
|
|
|
// }}}
|
|
|
|
|
2013-12-19 09:33:29 +00:00
|
|
|
/* ---- RTE ---- {{{ */
|
2013-09-06 10:16:58 +00:00
|
|
|
|
|
|
|
// bootstrap makes .btn elements unselectable -> RTE double-click can't know
|
|
|
|
// about them either
|
2013-12-17 10:47:02 +00:00
|
|
|
.oe_editable .btn, .btn.oe_editable
|
|
|
|
+user-select(auto)
|
2013-12-19 09:34:10 +00:00
|
|
|
cursor: text !important
|
2013-09-06 10:16:58 +00:00
|
|
|
|
2013-09-19 16:48:55 +00:00
|
|
|
.modal-dialog.select-image
|
|
|
|
width: 80%
|
2013-09-13 11:41:43 +00:00
|
|
|
|
2013-09-19 16:48:55 +00:00
|
|
|
.modal .existing-attachments
|
|
|
|
.pager
|
|
|
|
margin: 0
|
2013-09-13 11:41:43 +00:00
|
|
|
|
2013-09-13 15:23:08 +00:00
|
|
|
.modal .image-preview
|
|
|
|
margin-bottom: 0.5em
|
2013-09-13 11:41:43 +00:00
|
|
|
|
2013-12-11 16:33:05 +00:00
|
|
|
.modal-footer
|
|
|
|
text-align: left
|
|
|
|
|
2013-11-06 15:24:12 +00:00
|
|
|
.modal.nosave .modal-footer
|
|
|
|
button.save
|
|
|
|
display: none
|
|
|
|
button.wait
|
|
|
|
display: inline-block !important
|
|
|
|
visibility: visible !important
|
|
|
|
|
2013-12-03 10:21:58 +00:00
|
|
|
.existing-attachments .pager .disabled
|
|
|
|
display: none
|
|
|
|
|
2013-10-02 14:45:54 +00:00
|
|
|
// wrapper positioned relatively for drag&drop widget which is disabled below.
|
|
|
|
// Breaks completely horribly crazy products listing page, so take it out.
|
|
|
|
.cke_widget_wrapper
|
|
|
|
position: static !important
|
2013-12-18 11:49:01 +00:00
|
|
|
|
2013-10-14 11:26:44 +00:00
|
|
|
// prevent inline widgets from entirely disappearing when their (textual)
|
|
|
|
// content is removed
|
2013-12-18 11:49:01 +00:00
|
|
|
.cke_widget_editable
|
|
|
|
// basic config
|
|
|
|
&:empty:after
|
|
|
|
opacity: 0.3
|
|
|
|
white-space: pre-wrap
|
|
|
|
// no @placeholder -> just add some padding
|
|
|
|
&:not([placeholder]):empty::after
|
|
|
|
content: " "
|
|
|
|
// with placeholder and when not (yet) focused -> display placeholder
|
|
|
|
&[placeholder]:not(:focus):empty::after
|
|
|
|
content: attr(placeholder)
|
2013-09-17 13:13:17 +00:00
|
|
|
|
2013-10-23 13:09:18 +00:00
|
|
|
.oe_carlos_danger
|
|
|
|
outline: 1px solid red !important
|
|
|
|
background-color: #ffd9dd !important
|
|
|
|
|
2013-12-04 10:52:12 +00:00
|
|
|
.hover-edition-button
|
|
|
|
position: absolute
|
|
|
|
top: 0
|
|
|
|
left: 0
|
2013-12-11 15:36:46 +00:00
|
|
|
// This z-index is due to .navbar of bootstrap
|
|
|
|
z-index: 1000
|
2013-12-04 10:52:12 +00:00
|
|
|
|
2013-12-19 09:33:29 +00:00
|
|
|
// }}}
|
|
|
|
|
|
|
|
/* ---- MOBILE PREVIEW ---- {{{ */
|
2013-08-27 14:12:35 +00:00
|
|
|
|
2013-08-23 09:24:56 +00:00
|
|
|
$mobile_preview_background: #000000
|
2013-08-30 13:19:52 +00:00
|
|
|
$mobile_preview_border: #1C1F1F
|
2013-08-27 07:04:35 +00:00
|
|
|
$icon_close: #E00101
|
2013-08-30 11:21:24 +00:00
|
|
|
.oe_mobile_preview
|
|
|
|
&.modal .modal-content
|
|
|
|
height: 660px
|
2013-08-23 09:24:56 +00:00
|
|
|
background-color: $mobile_preview_background
|
2013-10-02 11:22:16 +00:00
|
|
|
border: 2px solid $mobile_preview_border
|
2013-10-04 08:43:02 +00:00
|
|
|
+border-radius(10px)
|
2013-08-30 11:21:24 +00:00
|
|
|
margin: auto
|
|
|
|
top: 0
|
|
|
|
left: 0
|
|
|
|
bottom: 0
|
|
|
|
right: 0
|
|
|
|
max-width: 330px
|
|
|
|
.modal-header
|
|
|
|
background-color: $mobile_preview_background
|
|
|
|
border-bottom: 0
|
2013-10-04 08:43:02 +00:00
|
|
|
+border-top-left-radius(10px)
|
|
|
|
+border-top-right-radius(10px)
|
2013-08-30 11:21:24 +00:00
|
|
|
.modal-title
|
|
|
|
color: $mobile_preview_border
|
|
|
|
.close
|
|
|
|
color: lightgrey
|
2013-10-04 08:43:02 +00:00
|
|
|
+opacity(1)
|
2013-08-30 11:21:24 +00:00
|
|
|
.close:hover
|
|
|
|
color: $icon_close
|
2013-10-04 08:43:02 +00:00
|
|
|
+opacity(1)
|
2013-08-30 11:21:24 +00:00
|
|
|
.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
|
2013-08-27 07:04:35 +00:00
|
|
|
|
2013-12-19 09:33:29 +00:00
|
|
|
// }}}
|
|
|
|
|
|
|
|
/* ---- SEO TOOLS ---- {{{ */
|
2013-08-27 14:12:35 +00:00
|
|
|
|
|
|
|
$remove_color: $icon_close
|
2013-09-20 12:22:32 +00:00
|
|
|
$in_title_color: #5cb85c
|
|
|
|
$in_description_color: #428bca
|
|
|
|
$in_body_color: #5bc0de
|
2013-09-20 13:28:32 +00:00
|
|
|
$highlighted_text_color: #ffffff
|
2013-08-27 07:04:35 +00:00
|
|
|
.oe_seo_configuration
|
2013-08-30 13:19:52 +00:00
|
|
|
.modal-dialog
|
|
|
|
width: 80%
|
2013-09-02 09:37:55 +00:00
|
|
|
.oe_remove
|
|
|
|
color: $remove_color
|
2013-09-20 13:28:32 +00:00
|
|
|
.oe_seo_suggestion
|
2013-09-06 08:50:45 +00:00
|
|
|
cursor: pointer
|
2013-09-20 13:28:32 +00:00
|
|
|
.oe_seo_keyword
|
2013-09-20 12:22:32 +00:00
|
|
|
padding: .2em .4em .2em .5em
|
2013-10-04 08:43:02 +00:00
|
|
|
+border-radius(.4em)
|
2013-09-09 21:46:26 +00:00
|
|
|
|
2013-12-19 09:33:29 +00:00
|
|
|
// }}}
|
|
|
|
|
|
|
|
/* ---- ACE EDITOR ---- {{{ */
|
2013-09-09 21:46:26 +00:00
|
|
|
|
2013-10-16 09:28:52 +00:00
|
|
|
$editorbar_height: 30px
|
2013-09-11 13:26:18 +00:00
|
|
|
// TODO Fix => might break with themes
|
|
|
|
|
2013-09-09 21:46:26 +00:00
|
|
|
.oe_ace_view_editor
|
|
|
|
position: fixed
|
2013-12-18 17:39:15 +00:00
|
|
|
// top property is set programmatically
|
2013-09-10 11:24:39 +00:00
|
|
|
right: 0
|
2013-09-09 21:46:26 +00:00
|
|
|
z-index: 1000
|
2013-09-10 11:24:39 +00:00
|
|
|
height: 100%
|
2013-09-09 21:46:26 +00:00
|
|
|
.oe_ace_view_editor_title
|
2013-09-10 06:39:38 +00:00
|
|
|
width: 100%
|
2013-10-16 09:28:52 +00:00
|
|
|
padding-top: 0
|
|
|
|
padding-left: 0
|
2013-09-11 13:26:18 +00:00
|
|
|
height: $editorbar_height
|
2013-09-11 15:45:02 +00:00
|
|
|
background: #2F3129
|
2013-09-10 06:39:38 +00:00
|
|
|
.oe_view_list
|
|
|
|
width: 50%
|
2013-10-16 09:28:52 +00:00
|
|
|
height: $editorbar_height
|
2013-09-20 15:14:30 +00:00
|
|
|
@include editor-font
|
2013-09-11 13:26:18 +00:00
|
|
|
.btn
|
2013-10-16 09:28:52 +00:00
|
|
|
height: $editorbar_height
|
2013-09-11 13:26:18 +00:00
|
|
|
padding: 0 4px 0 4px
|
2013-09-20 15:14:30 +00:00
|
|
|
@include editor-font
|
2013-09-09 21:46:26 +00:00
|
|
|
.ace_editor
|
|
|
|
position: absolute
|
2013-09-11 13:26:18 +00:00
|
|
|
top: $editorbar_height
|
2013-09-09 21:46:26 +00:00
|
|
|
right: 0
|
2013-12-18 17:39:15 +00:00
|
|
|
// bottom property is set programmatically
|
2013-09-09 21:46:26 +00:00
|
|
|
left: 0
|
2013-10-21 08:48:41 +00:00
|
|
|
.ace_gutter
|
|
|
|
cursor: ew-resize
|
2013-09-11 15:45:02 +00:00
|
|
|
&.oe_ace_open
|
2013-10-21 09:51:58 +00:00
|
|
|
+opacity(0.97)
|
2013-09-11 15:45:02 +00:00
|
|
|
&.oe_ace_closed
|
2013-10-16 09:28:52 +00:00
|
|
|
z-index: -1000
|
2013-10-04 08:43:02 +00:00
|
|
|
+opacity(0)
|
2013-09-23 11:54:17 +00:00
|
|
|
|
2013-12-19 09:33:29 +00:00
|
|
|
// }}}
|
|
|
|
|
|
|
|
/* ---- EDITOR TOUR ---- {{{ */
|
|
|
|
|
2013-10-09 15:20:15 +00:00
|
|
|
div.tour-backdrop
|
|
|
|
z-index: 2009
|
2013-10-04 09:37:40 +00:00
|
|
|
.popover.tour
|
2013-10-01 16:01:14 +00:00
|
|
|
z-index: 2010
|
2013-12-31 10:13:38 +00:00
|
|
|
.popover.fixed
|
|
|
|
position: fixed
|
2013-12-19 09:33:29 +00:00
|
|
|
|
|
|
|
// }}}
|
|
|
|
|
2013-09-23 11:54:17 +00:00
|
|
|
// vim:tabstop=4:shiftwidth=4:softtabstop=4:fdm=marker:
|