@import "compass/css3"
@import "compass/css3/user-interface"
@import "compass/css3/transition"

#oe_manipulators
    position: absolute
    top: 0
    z-index: 1050


/* ---- Table Snippet ----  {{{ */

.table_desc
    margin: 0 0 20px 0
    width: 100%
    word-break: break-all
    border: 1px solid #dddddd

.table_heading
    background-color: #f5f5f5
    border: 1px solid #dddddd
    color: #666666
    font-size: 14px
    padding: 4px

table.table_desc tr td
    text-align: left
    padding: 5px
    font-size: 13px
    &:first-child
        width: 25%
        font-weight: bold
        border-bottom: 1px solid #c9c9c9
        border-right: 1px solid #c9c9c9
        border-left: none
    &:last-child
        border-bottom: 1px solid #c9c9c9

// }}}

/* ---- thumbnail ----  {{{ */

.oe_snippet
    &.o_block_banner .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_banner.png')
    &.o_block_text_image .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_text_image.png')
    &.o_block_image_text .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_image_text.png')
    &.o_block_jumbotron .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_jumbotron.png')
    &.o_block_text_block .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_text_block.png')
    &.o_block_title .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_title.png')
    &.o_block_features .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_features.png')
    &.o_block_big_picture .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_big_picture.png')
    &.o_block_three_columns .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_three_columns.png')

    &.o_block_well .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_well.png')
    &.o_block_quote .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_quote.png')
    &.o_block_panel .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_panel.png')
    &.o_block_image_float .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_text_image.png')
    &.o_block_image_floating .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_text_image.png')
    &.o_block_separator .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_separator.png')
    &.o_block_button .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_button.png')

    &.o_block_image_gallery .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_image_gallery.png')
    &.o_block_comparison .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_comparison.png')
    &.o_block_button .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_button.png')
    &.o_block_faq .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_faq.png')
    &.o_block_references .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_references.png')
    &.o_block_quotes_slider .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_quotes_slider.png')
    &.o_block_features .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_features.png')

    &.o_block_parallax .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_parallax.png')
    &.o_block_quotes_slider .oe_snippet_thumbnail_img
        background-image: url('/website/static/src/img/blocks/block_quotes_slider.png')
// }}}

/* snippets default margins */
.s_banner
    margin-bottom: 32px

.s_big_message
    margin-top: 16px
    margin-bottom: 16px

.s_text_block
    margin-top: 16px
    margin-bottom: 16px

.s_features
    margin-top: 16px

.s_big_picture
    margin-top: 16px
    margin-bottom: 16px

.s_three_columns
    margin-top: 16px
    margin-bottom: 16px

.s_references
    margin-top: 16px
    margin-bottom: 32px

.s_quotes_slider
    margin-bottom: 0px

.s_features_grid
    margin-bottom: 16px


/* other snippet styles */

.s_comparisons
    .panel
        .list-group-item:not(.active)
            color: #666

.s_references
    .img-thumbnail
        border: none