[IMP] website snippet: create snippets.sass, imrpove css and resizing layout

bzr revid: chm@openerp.com-20140115125923-eggv51bsvokc7a06

1 files changed, 0 insertions, 275 deletions

diff --git a/addons/website/static/src/css/editor.sass b/addons/website/static/src/css/editor.sass
index 66665252379..e3e3f27166b 100644
--- a/addons/website/static/src/css/editor.sass
+++ b/addons/website/static/src/css/editor.sass
@@ -216,281 +216,6 @@ ul.oe_menu_editor
 
 // }}}
 
-/* ---- SNIPPET EDITOR ---- {{{ */
-
-#oe_snippets
-    position: fixed
-    left: 0px
-    right: 0px
-    // top property is set programmatically
-    background: rgb(40,40,40)
-    +box-shadow(0px 10px 10px -10px black inset)
-    z-index: 1010
-    overflow: hidden
-    &:hover
-        height: auto
-    .scroll
-        white-space: nowrap
-        overflow-y: none
-    .nav
-        display: inline-block
-        border-bottom: none !important
-        vertical-align: middle
-        min-width: 120px
-        > li
-            display: block
-            float: none
-            &.active
-                background: black !important
-            > a
-                padding: 2px 10px !important
-                width: 100%
-                display: block
-                border: 0
-        z-index: 1
-    .pill-content
-        border: 0
-    .tab-content
-        display: inline-block
-        white-space: nowrap
-        background: black
-        > 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% 50%)
-
-.oe_snippet
-    float: left
-    vertical-align: top
-    width: 93px
-    margin-left: 1px
-    margin-top: 0px
-    position: relative
-    overflow: hidden
-    +user-select(none)
-    cursor: move
-    pointer-events: none
-    .oe_snippet_thumbnail
-        pointer-events: auto
-        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
-            @include transition(all 150ms linear)
-            +box-shadow(inset 0px 0px 0px 3px #333333)
-            @include transform( scale(1,1))
-        span, div
-            line-height: 18px
-    & > :not(.oe_snippet_thumbnail)
-        display: none !important
-
-#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_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
-    position: absolute
-    background: transparent
-    //@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)
-    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)
-        border-color: rgba(0, 0, 0, 0.5)
-    .oe_handle
-        display: block !important
-        pointer-events: auto
-        position: absolute
-        top: 50%
-        left: 50%
-        +box-sizing(border-box)
-        width: 12px
-        height: 12px
-        margin: -2px
-        &:before
-            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)
-        &:hover:before
-            background: rgba(0, 0, 0, .5)
-            color: #fff
-            +box-shadow(0 0 5px 3px rgba(255,255,255,.7))
-    .oe_handle.e
-        left: auto
-        top: 2px
-        height: 100%
-        right: -4px
-        cursor: w-resize
-        &:before
-            content: "\F061"
-    .oe_handle.s, .oe_handle.size
-        top: auto
-        left: 2px
-        width: 100%
-        bottom: -4px
-        cursor: n-resize
-        &:before
-            content: "\F063"
-    .oe_handle.size
-        border-style: dashed
-        border-width: 0 0 1px 0
-        border-color: rgba(0, 0, 0, 0.5)
-        &:before
-            content: "Resize"
-            width: 64px
-            text-align: center
-            margin-left: -32px
-            margin-top: -4px
-    .oe_handle.w
-        top: 2px
-        height: 100%
-        left: -4px
-        cursor: e-resize
-        &:before
-            content: "\F060"
-    .oe_handle.n
-        left: 2px
-        width: 100%
-        top: -4px
-        cursor: s-resize
-        &:before
-            content: "\F062"
-
-    .icon.btn
-        display: inline-block
-
-    .oe_overlay_options
-        position: absolute
-        width: 100%
-        text-align: center
-        top: -11px
-        z-index: 1002
-        .btn, a
-            pointer-events: auto
-            cursor: pointer
-        .dropdown
-            display: inline-block
-        .dropdown-menu
-            text-align: left
-            min-width: 180px
-        .dropdown-menu select,.dropdown-menu input
-            display: block
-
-.oe_handle
-    pointer-events: auto
-    position: absolute
-    top: 50%
-    left: 50%
-    display: block
-    +box-sizing(border-box)
-    width: 8px
-    height: 8px
-    margin: -4px
-
-.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
-
-// }}}
-
 /* ---- MOBILE PREVIEW ---- {{{ */
 
 $mobile_preview_background: #000000