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

   1 @charset "utf-8"
   2
   3 .oe_hidden
   4     display: none !important
   5
   6 .oe_website_editorbar
   7     position: fixed
   8     top: 0
   9     right: 0
  10     z-index: 10
  11     display: block
  12     width: 100%
  13     padding: 2px
  14     margin: 0px
  15     z-index: 10000
  16     background-color: #414141
  17     background: -webkit-linear-gradient(#646060, #262626)
  18     box-sizing: border-box
  19     li
  20         display: inline
  21         color: #eee
  22         &:hover
  23             background: rgba(0,0,0,0.2)
  24             text-shadow: black 0px 0px 3px
  25             color: white
  26
  27 .oe_website_editorbar .oe_rte_toolbar
  28     div.dropdown
  29         display: inline-block
  30         li
  31             display: list-item
  32
  33     button
  34         font-family: FontAwesome
  35         font-weight: normal
  36         font-style: normal
  37         text-decoration: inherit
  38         &.oe_button_list
  39             padding-right: 3px
  40             &:after
  41                 content: "\F0D7"
  42                 padding-left: 6px
  43
  44 .oe_editable:focus
  45     outline: none !important
  46
  47 .oe_carousel_options
  48     cursor: pointer
  49     position: absolute
  50     white-space: nowrap
  51     z-index: 1
  52     display: none
  53
  54 .oe_snippets
  55     position: fixed
  56     left: 0px
  57     right: 0px
  58     bottom: 0px
  59     max-height: 280px
  60     min-height: 140px
  61     background: rgb(40,40,40)
  62     box-shadow: 0px 10px 10px -10px black inset
  63     overflow-y: auto
  64
  65 .oe_snippet
  66     display: inline-block
  67     vertical-align: top
  68     background: white
  69     width: 120px
  70     height: 120px
  71     border-radius: 3px
  72     margin: 10px
  73     margin-right: 0px
  74     cursor: move
  75     position: relative
  76     box-shadow: 0px 3px 10px rgba(0,0,0,0.2)
  77     overflow: hidden
  78     -webkit-user-select: none
  79     user-select: none
  80
  81     .oe_snippet_thumbnail.oe_label
  82         text-align: center
  83         background: rgb(116, 116, 116)
  84         background-image: radial-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.4))
  85         height: 100%
  86         line-height: 120px
  87         color: white
  88         text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.95)
  89
  90     .oe_snippet_body
  91         display: none
  92     & > *
  93         pointer-events: none
  94
  95     & > *:first-child:not(.oe_snippet_thumbnail)
  96         display: block
  97         -webkit-transform-origin-x: 5px
  98         -webkit-transform-origin-y: 10px
  99         -webkit-transform: scale(0.095)
 100
 101
 102 .oe_drop_zone
 103     display: block
 104     background: rgba(153, 0, 255, 0.17)
 105     border-radius: 3px
 106     height: 32px
 107     margin: -16px 0px
 108     -webkit-transition: margin 250ms linear
 109     &:first-child:not(:last-child)
 110         margin-top: -8px
 111         margin-bottom: -24px
 112     &:last-child:not(:first-child)
 113         margin-top: -24px
 114         margin-bottom: -8px
 115     &.oe_hover
 116         background: rgba(0, 255, 133, 0.22)
 117         z-index: 100000
 118     &:before
 119         content: ""
 120         display: block
 121         border-top: dashed 2px rgba(209, 178, 255, 0.72)
 122         position: relative
 123         top: 16px
 124     &:first-child:not(:last-child):before
 125         top: 8px
 126     &:last-child:not(:first-child):before
 127         top: 24px
 128     &.oe_hover:before
 129         border-top: dashed 2px rgba(116, 255, 161, 0.72)
 130
 131 .oe_stop_scrolling
 132     height: 100%
 133     overflow: hidden
 134
 135 #mobile-preview.modal
 136     height: 660px
 137     background-color: black
 138     border: 2px solid
 139     border-radius: 10px
 140     margin: auto
 141     position: absolute
 142     top: 0
 143     left: 0
 144     bottom: 0
 145     right: 0
 146     max-width: 330px
 147
 148 #mobile-preview
 149     .modal-header
 150         border-bottom: 0
 151         border-top-left-radius: 10px
 152         border-top-right-radius: 10px
 153     .modal-body
 154         max-height: 600px
 155         padding: 0
 156         margin: 0
 157
 158 .oe_mobile_viewport
 159     width: 320px
 160     height: 568px
 161     padding: 5px
 162     border: none
 163
 164 .oe_mobile_preview_header
 165     .close
 166         color: lightgrey
 167         opacity: 1
 168     .close:hover
 169         color: darkgrey