[REF] web,web_editor,website,report,mass_mailing,mail: LESS
* Convert some CSS to LESS * Split/Join LESS files * Remove duplicates between website and web_editor * UI improvements * Allow simple customizations thanks to LESS var&mixins for website
This commit is contained in:
qsm-odoo
@@ -1,116 +0,0 @@
|
||||
#email_theme_list, #email_template_list {
|
||||
clear: both;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#email_theme_list > div, #email_template_list > div {
|
||||
width: 200px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.theme_thumbnail{
|
||||
position:inherit;
|
||||
margin-top:15px;
|
||||
}
|
||||
.theme_thumbnail div{
|
||||
-webkit-transition: opacity 0.5s;
|
||||
transition: opacity 0.5s;
|
||||
}
|
||||
.theme_thumbnail img.img{
|
||||
height: 180px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.modal-body .theme_thumbnail img.img{
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.theme_thumbnail div.overlay{
|
||||
z-index: 2;
|
||||
max-height: 135px;
|
||||
position:absolute;
|
||||
padding:25% 0;
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.theme_thumbnail div.overlay p{
|
||||
color:#616161;
|
||||
font-weight:bold;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
.theme_thumbnail:hover>img.img{
|
||||
opacity:0.3;
|
||||
}
|
||||
.theme_thumbnail:hover>div.overlay{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.email_head {
|
||||
border-width: 0px 0px 2px 0px;
|
||||
}
|
||||
.email_head div{
|
||||
font-size:14px;
|
||||
}
|
||||
.email_head .popover-title{
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.template_name{
|
||||
width: 160px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.email_template *{
|
||||
-webkit-transition: opacity 0.5s;
|
||||
transition: opacity 0.5s;
|
||||
}
|
||||
.email_template:hover .template_thumbnail{
|
||||
opacity:0.3;
|
||||
}
|
||||
.email_template:hover .template_options{
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
/***************************/
|
||||
|
||||
#templates{
|
||||
margin-top: 50px;
|
||||
width: 98%;
|
||||
}
|
||||
#choose_template{
|
||||
display: none;
|
||||
margin: 5px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 28px;
|
||||
z-index: 2000;
|
||||
}
|
||||
#choose_template span{
|
||||
padding: 1px 5px;
|
||||
height: 24px;
|
||||
}
|
||||
#templates .template_preview_border{
|
||||
overflow: hidden !important;
|
||||
border: 2px solid grey;
|
||||
height: 300px;
|
||||
}
|
||||
#email_template_list > div{
|
||||
overflow: hidden;
|
||||
height: 300px;
|
||||
}
|
||||
#email_template_list .theme_thumbnail div.overlay{
|
||||
max-height: 300px;
|
||||
}
|
||||
#templates .template_preview{
|
||||
-webkit-transform: scale(.33);
|
||||
-ms-transform: scale(.33);
|
||||
transform: scale(.33);
|
||||
-webkit-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
}
|
||||
.theme_thumbnail:hover>.template_preview{
|
||||
opacity:0.3;
|
||||
}
|
||||
@@ -0,0 +1,121 @@
|
||||
|
||||
#email_theme_list, #email_template_list {
|
||||
clear: both;
|
||||
text-align: center;
|
||||
|
||||
> div {
|
||||
width: 200px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
.theme_thumbnail {
|
||||
position: inherit;
|
||||
margin-top: 15px;
|
||||
|
||||
div {
|
||||
.o-transition(opacity, 0.5s);
|
||||
|
||||
&.overlay {
|
||||
z-index: 2;
|
||||
max-height: 135px;
|
||||
position:absolute;
|
||||
padding:25% 0;
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
|
||||
p {
|
||||
color:#616161;
|
||||
font-weight:bold;
|
||||
text-transform: capitalize;
|
||||
}
|
||||
}
|
||||
}
|
||||
img.img {
|
||||
width: auto;
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
> img.img {
|
||||
opacity:0.3;
|
||||
}
|
||||
> div.overlay {
|
||||
opacity: 1;
|
||||
}
|
||||
> .template_preview {
|
||||
opacity:0.3;
|
||||
}
|
||||
}
|
||||
}
|
||||
.modal-body .theme_thumbnail img.img {
|
||||
height: 100px;
|
||||
}
|
||||
.email_head {
|
||||
border-width: 0px 0px 2px 0px;
|
||||
div {
|
||||
font-size:14px;
|
||||
}
|
||||
.popover-title {
|
||||
font-weight:bold;
|
||||
}
|
||||
}
|
||||
.template_name {
|
||||
width: 160px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.email_template * {
|
||||
.o-transition(opacity, 0.5s);
|
||||
&:hover {
|
||||
.template_thumbnail {
|
||||
opacity:0.3;
|
||||
}
|
||||
.template_options {
|
||||
opacity:1;
|
||||
}
|
||||
}
|
||||
}
|
||||
#templates {
|
||||
margin: -@odoo-navbar-height 0 0 -@o-we-sidebar-width;
|
||||
padding: 10px @odoo-horizontal-padding;
|
||||
border: 1px solid @odoo-brand-secondary;
|
||||
background-color: white;
|
||||
|
||||
.template_preview_border {
|
||||
overflow: hidden !important;
|
||||
border: 2px solid grey;
|
||||
height: 300px;
|
||||
}
|
||||
.template_preview {
|
||||
-webkit-transform: scale(.33);
|
||||
-ms-transform: scale(.33);
|
||||
transform: scale(.33);
|
||||
-webkit-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
}
|
||||
}
|
||||
#choose_template {
|
||||
display: none;
|
||||
margin: 5px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 28px;
|
||||
z-index: 2000;
|
||||
|
||||
span {
|
||||
padding: 1px 5px;
|
||||
height: 24px;
|
||||
}
|
||||
}
|
||||
#email_template_list {
|
||||
> div {
|
||||
overflow: hidden;
|
||||
height: 300px;
|
||||
}
|
||||
.theme_thumbnail div.overlay {
|
||||
max-height: 300px;
|
||||
}
|
||||
}
|
||||
@@ -1,11 +0,0 @@
|
||||
.o_editable:not(:empty)[data-oe-model="ir.ui.view"]:hover,
|
||||
.o_editable:not(:empty)[data-oe-model="ir.ui.view"] th:hover,
|
||||
.o_editable:not(:empty)[data-oe-model="ir.ui.view"] td:hover,
|
||||
.o_editable[data-oe-type][data-oe-model="ir.ui.view"]:hover,
|
||||
.o_editable[data-oe-type][data-oe-model="ir.ui.view"] th:hover,
|
||||
.o_editable[data-oe-type][data-oe-model="ir.ui.view"] td:hover {
|
||||
-moz-box-shadow: #DDCC33 0 0 5px 2px inset;
|
||||
-webkit-box-shadow: #DDCC33 0 0 5px 2px inset;
|
||||
box-shadow: #DDCC33 0 0 5px 2px inset;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,17 @@
|
||||
.o_editable {
|
||||
&:not(:empty), &[data-oe-type] {
|
||||
&[date-oe-model="ir.ui.view"] {
|
||||
&, th, td {
|
||||
&:hover {
|
||||
-moz-box-shadow: #DDCC33 0 0 5px 2px inset;
|
||||
-webkit-box-shadow: #DDCC33 0 0 5px 2px inset;
|
||||
box-shadow: #DDCC33 0 0 5px 2px inset;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin-top: 40px!important;
|
||||
}
|
||||
@@ -6,11 +6,13 @@ body {
|
||||
border-top: 1px solid black !important;
|
||||
}
|
||||
/* See https://github.com/wkhtmltopdf/wkhtmltopdf/issues/1524 */
|
||||
.table-condensed > tbody > tr {
|
||||
page-break-inside: avoid !important;
|
||||
}
|
||||
.table-condensed > thead > tr > th {
|
||||
border-bottom: 1px solid black !important;
|
||||
.table-condensed {
|
||||
> thead > tr > th {
|
||||
border-bottom: 1px solid black !important;
|
||||
}
|
||||
> tbody > tr {
|
||||
page-break-inside: avoid !important;
|
||||
}
|
||||
}
|
||||
.zero_min_height {
|
||||
min-height: 0px !important;
|
||||
@@ -24,4 +26,3 @@ body {
|
||||
.hidden-print{
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,18 @@
|
||||
|
||||
#theme_customize_modal {
|
||||
.modal-h5 {
|
||||
color: #ffffff;
|
||||
font-family: "Lato-Regular";
|
||||
font-weight: normal;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: normal;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
padding: 4px 0 4px 4px;
|
||||
background-color: #bdc3c7;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
@@ -1,16 +1,3 @@
|
||||
// ------------------------------------------------------------------
|
||||
// Margin
|
||||
// ------------------------------------------------------------------
|
||||
.utils-margin-loop(@index) when (@index < 256) {
|
||||
.o-mt@{index} {margin-top: @index px;}
|
||||
.o-mb@{index} {margin-bottom: @index px;}
|
||||
.o-mr@{index} {margin-right: @index px;}
|
||||
.o-ml@{index} {margin-left: @index px;}
|
||||
|
||||
.utils-margin-loop(@index * 2);
|
||||
}
|
||||
.utils-margin-loop(2);
|
||||
|
||||
// ------------------------------------------------------------------
|
||||
// Padding
|
||||
// ------------------------------------------------------------------
|
||||
@@ -122,7 +109,6 @@
|
||||
}
|
||||
|
||||
// Background-size
|
||||
// https://css-tricks.com/perfect-full-page-background-image/
|
||||
.o-background-size(@size) {
|
||||
-webkit-background-size: @size;
|
||||
-moz-background-size: @size;
|
||||
@@ -130,6 +116,14 @@
|
||||
background-size: @size;
|
||||
}
|
||||
|
||||
// Background gradient
|
||||
.o-linear-gradient(@deg: 45deg, @start-color: #555, @end-color: #333) {
|
||||
background-repeat: repeat-x;
|
||||
background-image: -webkit-linear-gradient(@deg, @start-color, @end-color);
|
||||
background-image: -o-linear-gradient(@deg, @start-color, @end-color);
|
||||
background-image: linear-gradient(@deg, @start-color, @end-color);
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------------
|
||||
// Dropdowns
|
||||
// ------------------------------------------------------------------
|
||||
@@ -196,16 +190,6 @@
|
||||
transition: @property @duration @timing-function @transition-delay;
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------------
|
||||
// Animation
|
||||
// ------------------------------------------------------------------
|
||||
.o-animation(@name: none, @duration: 0s, @timing-function: ease, @delay: 0s, @iteration-count: 1, @direction: normal, @fill-mode: none, @play-state: running) {
|
||||
-webkit-animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state;
|
||||
-moz-animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state;
|
||||
-o-animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state;
|
||||
animation: @name @duration @timing-function @delay @iteration-count @direction @fill-mode @play-state;
|
||||
}
|
||||
|
||||
// ------------------------------------------------------------------
|
||||
// Columns
|
||||
// ------------------------------------------------------------------
|
||||
|
||||
@@ -1,19 +1,28 @@
|
||||
@odoo-font-size-base: 13px;
|
||||
@odoo-font-size-base-touch: 15px;
|
||||
|
||||
// Colors
|
||||
@odoo-brand-primary: #337ab7;
|
||||
@odoo-brand-optional: @odoo-brand-primary;
|
||||
@odoo-brand-secondary: #8f8f8f;
|
||||
@odoo-brand-lightsecondary: #e2e2e0;
|
||||
@odoo-list-grey: @odoo-brand-lightsecondary; // FIXME: listview thead background color
|
||||
@odoo-webclient-background-color: #F0EEEE;
|
||||
|
||||
@odoo-main-color-muted: #a8a8a8;
|
||||
@odoo-main-text-color: #555555;
|
||||
|
||||
@odoo-view-background-color: white;
|
||||
@odoo-shadow-color: #303030;
|
||||
@odoo-webclient-background-color: #F0EEEE;
|
||||
@odoo-list-grey: @odoo-brand-lightsecondary;
|
||||
|
||||
@odoo-font-size-base: 13px;
|
||||
@odoo-font-size-base-touch: 15px;
|
||||
@odoo-main-text-color: #555555;
|
||||
@odoo-main-color-muted: #a8a8a8;
|
||||
// Layout
|
||||
@screen-xs-min: 475px;
|
||||
@screen-xxs-max: (@screen-xs-min - 1);
|
||||
|
||||
@odoo-form-group-cols: 12;
|
||||
@odoo-horizontal-padding: 16px;
|
||||
|
||||
@screen-xs-min: 475px;
|
||||
@screen-xxs-max: (@screen-xs-min - 1);
|
||||
// Compatibility
|
||||
@odoo-navbar-height: 46px;
|
||||
@odoo-navbar-inverse-link-hover-bg: darken(@odoo-brand-primary, 10%);
|
||||
@odoo-dropdown-hpadding: 25px;
|
||||
|
||||
@@ -1,31 +1,3 @@
|
||||
/* @_import "elements.less"; ODOO: removed call directly */
|
||||
/* Mixins */
|
||||
|
||||
.box-sizing(@boxmodel) {
|
||||
-webkit-box-sizing: @boxmodel;
|
||||
-moz-box-sizing: @boxmodel;
|
||||
box-sizing: @boxmodel;
|
||||
}
|
||||
.rounded(@radius: 2px) {
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
.opacity(@opacity: 0.5) {
|
||||
-webkit-opacity: @opacity;
|
||||
-khtml-opacity: @opacity;
|
||||
-moz-opacity: @opacity;
|
||||
opacity: @opacity;
|
||||
@opperc: @opacity * 100;
|
||||
-ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
|
||||
filter: ~"alpha(opacity=@{opperc})";
|
||||
}
|
||||
.box-shadow(@arguments) {
|
||||
-webkit-box-shadow: @arguments;
|
||||
-moz-box-shadow: @arguments;
|
||||
box-shadow: @arguments;
|
||||
}
|
||||
|
||||
/* Theme Variables
|
||||
------------------------------------------*/
|
||||
@border-color: #a9a9a9;
|
||||
@@ -128,8 +100,8 @@
|
||||
resize: none;
|
||||
|
||||
/* override BS2 default style */
|
||||
.box-sizing(border-box);
|
||||
.rounded(0);
|
||||
box-sizing: border-box;
|
||||
border-radius: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
@@ -250,7 +222,7 @@
|
||||
margin: 3px;
|
||||
padding: 0 3px;
|
||||
cursor: pointer;
|
||||
.rounded(5px);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.note-color-row {
|
||||
@@ -350,12 +322,12 @@
|
||||
font-size: 12px;
|
||||
color: #ccc;
|
||||
background-color: #222 !important;
|
||||
.opacity(0.9);
|
||||
opacity: 0.9;
|
||||
.modal-content {
|
||||
background: transparent;
|
||||
border: 1px solid white;
|
||||
.box-shadow(none);
|
||||
.rounded(5px);
|
||||
box-shadow: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/* BS2's background pacth. */
|
||||
@@ -429,7 +401,7 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: black;
|
||||
.opacity(0.30)
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.note-control-handle {
|
||||
@@ -488,8 +460,8 @@
|
||||
color: white;
|
||||
background-color: black;
|
||||
font-size: 12px;
|
||||
.rounded(5px);
|
||||
.opacity(0.7);
|
||||
border-radius: 5px;
|
||||
opacity: 0.7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,876 +0,0 @@
|
||||
@import "compass/css3"
|
||||
@import "compass/css3/user-interface"
|
||||
@import "compass/css3/transition"
|
||||
@import "compass/support"
|
||||
|
||||
|
||||
/* ---- EDITOR BAR ---- {{{ */
|
||||
|
||||
.note-popover, .o_css_editor, .web_editor-dialog, .note-image-dialog
|
||||
*
|
||||
box-sizing: border-box
|
||||
a
|
||||
text-decoration: none
|
||||
ul, ol
|
||||
margin-top: 0
|
||||
margin-bottom: 10px
|
||||
|
||||
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after
|
||||
content: " "
|
||||
display: table
|
||||
clear: both
|
||||
|
||||
.caret
|
||||
display: inline-block
|
||||
width: 0
|
||||
height: 0
|
||||
vertical-align: middle
|
||||
border-top: 4px solid
|
||||
border-right: 4px solid transparent
|
||||
border-left: 4px solid transparent
|
||||
|
||||
/* button */
|
||||
|
||||
.btn.dropdown-toggle
|
||||
position: relative
|
||||
float: left
|
||||
.btn
|
||||
display: inline-block
|
||||
margin-bottom: 0
|
||||
font-weight: 400
|
||||
text-align: center
|
||||
vertical-align: middle
|
||||
cursor: pointer
|
||||
background-image: none
|
||||
border: 1px solid transparent
|
||||
white-space: nowrap
|
||||
-webkit-user-select: none
|
||||
-moz-user-select: none
|
||||
-ms-user-select: none
|
||||
user-select: none
|
||||
border-radius: 4px
|
||||
.caret
|
||||
margin-left: 0
|
||||
&.disabled, &[disabled], &.disabled:hover, &[disabled]:active
|
||||
cursor: not-allowed
|
||||
pointer-events: none
|
||||
opacity: .65
|
||||
filter: alpha(opacity=65)
|
||||
-webkit-box-shadow: none
|
||||
box-shadow: none
|
||||
.btn-sm
|
||||
padding: 5px 10px
|
||||
font-size: 12px
|
||||
line-height: 1.5
|
||||
border-radius: 3px
|
||||
.btn-group
|
||||
padding-top: 0
|
||||
margin-top: 0
|
||||
position: relative
|
||||
display: inline-block
|
||||
vertical-align: middle
|
||||
> .btn
|
||||
position: relative
|
||||
float: left
|
||||
&:first-child
|
||||
margin-left: 0
|
||||
&:first-child:not(:last-child):not(.dropdown-toggle)
|
||||
border-top-right-radius: 0
|
||||
border-bottom-right-radius: 0
|
||||
&:not(:first-child):not(:last-child):not(.dropdown-toggle)
|
||||
border-radius: 0
|
||||
&:last-child:not(:first-child), >.dropdown-toggle:not(:first-child)
|
||||
border-bottom-left-radius: 0
|
||||
border-top-left-radius: 0
|
||||
&+.dropdown-toggle
|
||||
padding-left: 8px
|
||||
padding-right: 8px
|
||||
&.active
|
||||
color: #333
|
||||
background-color: #e6e6e6
|
||||
border-color: #adadad
|
||||
.btn+.btn, .btn+.btn-group, +.btn, +.btn-group
|
||||
margin-left: -1px
|
||||
.btn-link
|
||||
border-color: transparent
|
||||
color: #428bca
|
||||
&:hover, &:focus
|
||||
color: #2a6496
|
||||
text-decoration: underline
|
||||
background-color: transparent
|
||||
|
||||
/* form */
|
||||
|
||||
.form-group
|
||||
margin-bottom: 15px
|
||||
.form-control
|
||||
display: block
|
||||
width: 100%
|
||||
height: 34px
|
||||
padding: 6px 12px
|
||||
font-size: 14px
|
||||
line-height: 1.42857143
|
||||
color: #555
|
||||
background-color: #fff
|
||||
background-image: none
|
||||
border: 1px solid #ccc
|
||||
border-radius: 4px
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
|
||||
.form-horizontal .form-group
|
||||
margin-left: -15px
|
||||
margin-right: -15px
|
||||
.form-group
|
||||
margin-bottom: 15px
|
||||
.form-control.select2-container
|
||||
height: auto !important
|
||||
padding: 0
|
||||
label
|
||||
display: inline-block
|
||||
max-width: 100%
|
||||
margin-bottom: 5px
|
||||
font-weight: 700
|
||||
|
||||
/* col */
|
||||
|
||||
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-lg-12
|
||||
position: relative
|
||||
min-height: 1px
|
||||
padding-left: 15px
|
||||
padding-right: 15px
|
||||
width: 100%
|
||||
|
||||
/* dropdown */
|
||||
|
||||
.dropdown
|
||||
position: relative
|
||||
.dropdown, .btn-group
|
||||
> .btn
|
||||
color: #333
|
||||
background-color: #fff
|
||||
border-color: #ccc
|
||||
text-decoration: none
|
||||
> .btn-primary
|
||||
color: #fff
|
||||
background-color: #428bca
|
||||
border-color: #357ebd
|
||||
.dropdown-menu
|
||||
position: absolute
|
||||
top: 100%
|
||||
left: 0
|
||||
z-index: 1000
|
||||
display: none
|
||||
float: left
|
||||
min-width: 160px
|
||||
padding: 5px 0
|
||||
margin: 2px 0 0
|
||||
list-style: none
|
||||
font-size: 14px
|
||||
text-align: left
|
||||
background-color: #fff
|
||||
border: 1px solid #ccc
|
||||
border: 1px solid rgba(0,0,0,.15)
|
||||
border-radius: 4px
|
||||
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175)
|
||||
box-shadow: 0 6px 12px rgba(0,0,0,.175)
|
||||
background-clip: padding-box
|
||||
> li > a
|
||||
display: block !important
|
||||
padding: 3px 20px
|
||||
clear: both
|
||||
font-weight: normal
|
||||
color: #666
|
||||
white-space: nowrap
|
||||
background: transparent
|
||||
> li.active > a
|
||||
color: #fff
|
||||
text-decoration: none
|
||||
background-color: #428bca
|
||||
outline: 0
|
||||
.open > .dropdown-menu
|
||||
display: block
|
||||
|
||||
/* list-group */
|
||||
|
||||
.list-group
|
||||
margin-bottom: 20px
|
||||
padding-left: 0
|
||||
.list-group-item
|
||||
position: relative
|
||||
display: block
|
||||
padding: 10px 15px
|
||||
margin-bottom: -1px
|
||||
background-color: #fff
|
||||
border: 1px solid #ddd
|
||||
.list-group-item:first-child
|
||||
border-top-right-radius: 4px
|
||||
border-top-left-radius: 4px
|
||||
.list-group-item:last-child
|
||||
margin-bottom: 0
|
||||
border-bottom-right-radius: 4px
|
||||
border-bottom-left-radius: 4px
|
||||
.list-group-item-heading
|
||||
margin-top: 0
|
||||
margin-bottom: 5px
|
||||
.list-group-item.active
|
||||
z-index: 2
|
||||
color: #fff
|
||||
background-color: #428bca
|
||||
border-color: #428bca
|
||||
|
||||
/* tab */
|
||||
|
||||
.tab-content > .tab-pane
|
||||
display: none
|
||||
.tab-content > .active
|
||||
display: block
|
||||
.nav
|
||||
margin-bottom: 0
|
||||
padding-left: 0
|
||||
list-style: none
|
||||
.nav > li
|
||||
position: relative
|
||||
display: block
|
||||
.nav > li > a
|
||||
position: relative
|
||||
display: block
|
||||
padding: 10px 15px
|
||||
.nav-tabs
|
||||
border-bottom: 1px solid #ddd
|
||||
.nav-tabs > li
|
||||
float: left
|
||||
margin-bottom: -1px
|
||||
.nav-tabs > li > a
|
||||
margin-right: 2px
|
||||
line-height: 1.42857143
|
||||
border: 1px solid transparent
|
||||
border-radius: 4px 4px 0 0
|
||||
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus
|
||||
color: #8c8c8c
|
||||
background-color: #fff
|
||||
border: 1px solid #ddd
|
||||
border-bottom-color: transparent
|
||||
cursor: default
|
||||
|
||||
/* pager */
|
||||
|
||||
.pager
|
||||
padding-left: 0
|
||||
margin: 20px 0
|
||||
list-style: none
|
||||
text-align: center
|
||||
li
|
||||
display: inline
|
||||
li > a, li > span
|
||||
display: inline-block
|
||||
padding: 5px 14px
|
||||
background-color: #fff
|
||||
border: 1px solid #ddd
|
||||
border-radius: 15px
|
||||
.previous > a, .previous > span
|
||||
float: left
|
||||
.disabled > a, .disabled > a:hover, .disabled > a:focus, .disabled > span
|
||||
color: #b3b3b3
|
||||
background-color: #fff
|
||||
cursor: not-allowed
|
||||
|
||||
/* add submenu css */
|
||||
|
||||
.dropdown-submenu
|
||||
position: relative
|
||||
z-index: 1000
|
||||
.dropdown-submenu
|
||||
&>.dropdown-menu
|
||||
top: 0
|
||||
left: 100%
|
||||
margin-top: -6px
|
||||
margin-left: -1px
|
||||
-webkit-border-radius: 0 6px 6px 6px
|
||||
-moz-border-radius: 0 6px 6px 6px
|
||||
border-radius: 0 6px 6px 6px
|
||||
&:hover
|
||||
&>.dropdown-menu
|
||||
display: block
|
||||
&>a:after
|
||||
border-left-color: #ffffff
|
||||
&>a:after
|
||||
display: block
|
||||
content: " "
|
||||
float: right
|
||||
width: 0
|
||||
height: 0
|
||||
border-color: transparent
|
||||
border-style: solid
|
||||
border-width: 5px 0 5px 5px
|
||||
border-left-color: #cccccc
|
||||
margin-top: 5px
|
||||
margin-right: -10px
|
||||
&.pull-left
|
||||
float: none
|
||||
&>.dropdown-menu
|
||||
left: -100%
|
||||
margin-left: 10px
|
||||
-webkit-border-radius: 6px 0 6px 6px
|
||||
-moz-border-radius: 6px 0 6px 6px
|
||||
border-radius: 6px 0 6px 6px
|
||||
|
||||
/* global */
|
||||
|
||||
.hidden
|
||||
display: none !important
|
||||
.img-responsive
|
||||
display: block
|
||||
width: 100% \9
|
||||
max-width: 100%
|
||||
height: auto
|
||||
.well
|
||||
min-height: 20px
|
||||
padding: 19px
|
||||
margin-bottom: 20px
|
||||
background-color: #f5f5f5
|
||||
border: 1px solid #e3e3e3
|
||||
border-radius: 4px
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
|
||||
.sr-only
|
||||
position: absolute
|
||||
width: 1px
|
||||
height: 1px
|
||||
margin: -1px
|
||||
padding: 0
|
||||
overflow: hidden
|
||||
clip: rect(0,0,0,0)
|
||||
border: 0
|
||||
.text-center
|
||||
text-align: center
|
||||
.text-muted
|
||||
color: #b3b3b3
|
||||
|
||||
.note-popover .btn
|
||||
height: 30px
|
||||
.note-popover, .o_css_editor
|
||||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
|
||||
font-size: 14px
|
||||
line-height: 1.42857143
|
||||
color: #666
|
||||
button
|
||||
margin: 0
|
||||
a
|
||||
color: #428bca
|
||||
&:hover, &:focus
|
||||
color: #2a6496
|
||||
text-decoration: underline
|
||||
|
||||
.popover
|
||||
position: fixed !important
|
||||
top: 1px !important
|
||||
right: auto !important
|
||||
left: 300px !important
|
||||
margin-top: 0 !important
|
||||
border: 0
|
||||
background: transparent
|
||||
box-shadow: none
|
||||
-webkit-box-shadow: none
|
||||
z-index: 1040
|
||||
padding: 1px
|
||||
text-align: left
|
||||
white-space: normal
|
||||
border-radius: 6px
|
||||
max-width: none
|
||||
.popover-content
|
||||
padding: 0
|
||||
margin: 0 0 0 6px
|
||||
.note-para .dropdown-menu
|
||||
min-width: 148px !important
|
||||
padding: 5px 0 5px 5px !important
|
||||
.note-ul .dropdown-menu
|
||||
min-width: 150px !important
|
||||
padding: 5px 0 5px 5px !important
|
||||
.note-li
|
||||
margin-right: 5px
|
||||
.colorpicker
|
||||
margin: 0
|
||||
td > *
|
||||
width: 20px
|
||||
height: 20px
|
||||
padding: 0
|
||||
margin: 0
|
||||
border: 1px solid #fff
|
||||
.btn-group
|
||||
margin: 0 5px 0 0
|
||||
> a
|
||||
border-radius: 3px
|
||||
background-color: #fff
|
||||
border-color: #ccc
|
||||
padding: 4px 10px
|
||||
font-size: 14px
|
||||
line-height: 1.5
|
||||
> span
|
||||
display: inline-block
|
||||
max-width: 200px
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
white-space: nowrap
|
||||
vertical-align: middle
|
||||
border-radius: 3px
|
||||
background-color: white
|
||||
border-color: #cccccc
|
||||
padding: 4px 10px
|
||||
font-size: 14px
|
||||
line-height: 1.5
|
||||
.arrow
|
||||
display: none
|
||||
|
||||
.note-popover, .o_css_editor, .web_editor-dialog .modal-footer
|
||||
.btn-default
|
||||
color: #333
|
||||
background-color: #fff
|
||||
border-color: #ccc
|
||||
.btn-primary
|
||||
color: #fff
|
||||
background-color: #428bca
|
||||
border-color: #357ebd
|
||||
|
||||
.web_editor-dialog, .note-image-dialog
|
||||
color: #666
|
||||
display: none
|
||||
overflow: hidden
|
||||
position: fixed
|
||||
top: 0
|
||||
right: 0
|
||||
bottom: 0
|
||||
left: 0
|
||||
z-index: 1050
|
||||
-webkit-overflow-scrolling: touch
|
||||
outline: 0
|
||||
.btn
|
||||
border-color: #ccc
|
||||
.btn-link
|
||||
border-color: transparent
|
||||
.btn-primary
|
||||
color: #fff
|
||||
background-color: #428bca
|
||||
border-color: #357ebd
|
||||
.btn-danger
|
||||
color: #fff
|
||||
background-color: #d9534f
|
||||
border-color: #d43f3a
|
||||
.modal-header, .modal-footer
|
||||
a
|
||||
color: #428bca
|
||||
&:hover, &:focus
|
||||
color: #2a6496
|
||||
text-decoration: underline
|
||||
.btn
|
||||
border-color: #ccc
|
||||
padding: 6px 12px
|
||||
font-size: 14px
|
||||
line-height: 1.42857143
|
||||
border-radius: 4px
|
||||
.link-style
|
||||
.dropdown > .btn
|
||||
min-width: 160px
|
||||
li
|
||||
text-align: center
|
||||
label
|
||||
width: 100px
|
||||
margin: 0 5px
|
||||
input.link-style
|
||||
display: none
|
||||
.modal-title
|
||||
margin: 0
|
||||
line-height: 1.42857143
|
||||
.modal-dialog
|
||||
position: relative
|
||||
width: auto
|
||||
margin: 10px
|
||||
.modal-content
|
||||
position: relative
|
||||
background-color: #fff
|
||||
border: 1px solid #999
|
||||
border: 1px solid rgba(0,0,0,.2)
|
||||
border-radius: 6px
|
||||
-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5)
|
||||
box-shadow: 0 3px 9px rgba(0,0,0,.5)
|
||||
background-clip: padding-box
|
||||
outline: 0
|
||||
.modal-header
|
||||
padding: 15px
|
||||
border-bottom: 1px solid #e5e5e5
|
||||
min-height: 16.43px
|
||||
.close
|
||||
margin-top: -2px
|
||||
.modal-body
|
||||
position: relative
|
||||
padding: 15px
|
||||
.modal-footer
|
||||
text-align: left
|
||||
padding: 15px
|
||||
border-top: 1px solid #e5e5e5
|
||||
.close
|
||||
float: right
|
||||
font-size: 21px
|
||||
font-weight: 700
|
||||
line-height: 1
|
||||
color: #000
|
||||
text-shadow: 0 1px 0 #fff
|
||||
opacity: .2
|
||||
filter: alpha(opacity=20)
|
||||
button.close
|
||||
padding: 0
|
||||
cursor: pointer
|
||||
background: 0 0
|
||||
border: 0
|
||||
-webkit-appearance: none
|
||||
|
||||
.note-image-dialog .btn
|
||||
height: 34px
|
||||
font-size: 14px
|
||||
|
||||
@media (min-width: 768px)
|
||||
.web_editor-dialog, .note-image-dialog
|
||||
.modal-dialog
|
||||
width: 600px
|
||||
margin: 30px auto
|
||||
.modal-content
|
||||
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5)
|
||||
box-shadow: 0 5px 15px rgba(0,0,0,.5)
|
||||
.note-popover, .o_css_editor, .web_editor-dialog, .note-image-dialog
|
||||
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12
|
||||
float: left
|
||||
.col-sm-12
|
||||
width: 100%
|
||||
.col-sm-11
|
||||
width: 91.66666667%
|
||||
.col-sm-10
|
||||
width: 83.33333333%
|
||||
.col-sm-9
|
||||
width: 75%
|
||||
.col-sm-8
|
||||
width: 66.66666667%
|
||||
.col-sm-7
|
||||
width: 58.33333333%
|
||||
.col-sm-6
|
||||
width: 50%
|
||||
.col-sm-5
|
||||
width: 41.66666667%
|
||||
.col-sm-4
|
||||
width: 33.33333333%
|
||||
.col-sm-3
|
||||
width: 25%
|
||||
.col-sm-2
|
||||
width: 16.66666667%
|
||||
.col-sm-1
|
||||
width: 8.33333333%
|
||||
.form-horizontal .control-label
|
||||
text-align: right
|
||||
margin-bottom: 0
|
||||
padding-top: 7px
|
||||
.form-inline .form-group
|
||||
display: inline-block
|
||||
margin-bottom: 0
|
||||
vertical-align: middle
|
||||
|
||||
.modal-open
|
||||
.web_editor-dialog, .note-image-dialog
|
||||
overflow-x: hidden
|
||||
overflow-y: auto
|
||||
.editor_enable
|
||||
.modal-backdrop
|
||||
position: fixed
|
||||
top: 0
|
||||
right: 0
|
||||
bottom: 0
|
||||
left: 0
|
||||
z-index: 1040
|
||||
background-color: #000
|
||||
.modal-backdrop.in
|
||||
opacity: .5
|
||||
filter: alpha(opacity=50)
|
||||
|
||||
$attachment-border-color: #848490
|
||||
.note-image-dialog
|
||||
.select-media
|
||||
width: 80%
|
||||
|
||||
.existing-attachments .pager
|
||||
margin: 0
|
||||
.existing-attachments
|
||||
.pager .disabled
|
||||
display: none
|
||||
|
||||
.existing-attachment-cell
|
||||
position: relative
|
||||
.o_attachment_border
|
||||
border: 1px solid $attachment-border-color
|
||||
text-align: center
|
||||
.o_image
|
||||
max-width: 100%
|
||||
padding-top: 80%
|
||||
max-height: 100%
|
||||
display: inline-block
|
||||
img
|
||||
width: 100%
|
||||
.o_webimage
|
||||
background-image: none
|
||||
padding-top: 0
|
||||
width: 100%
|
||||
height: initial
|
||||
vertical-align: middle
|
||||
.existing-attachment-remove
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 15px // padding-left on col-*
|
||||
z-index: 1
|
||||
cursor: pointer
|
||||
background: white
|
||||
padding: 2px
|
||||
border: 1px solid $attachment-border-color
|
||||
border-top: none
|
||||
border-left: none
|
||||
+border-bottom-right-radius(8px)
|
||||
&.media_selected
|
||||
> *
|
||||
border-width: 5px
|
||||
border-color: rgb(0, 248, 248)
|
||||
|
||||
.image-preview
|
||||
margin-bottom: 0.5em
|
||||
.font-icons-icons
|
||||
font-size: 2em
|
||||
max-height: 9em
|
||||
overflow: auto
|
||||
.font-icons-icon
|
||||
display: inline-block
|
||||
width: 2em
|
||||
padding: 0.25em
|
||||
text-align: center
|
||||
cursor: pointer
|
||||
.font-icons
|
||||
position: relative
|
||||
display: block
|
||||
|
||||
&:before
|
||||
+opacity(0.7)
|
||||
position: absolute
|
||||
top: 2px
|
||||
left: 3px
|
||||
font-size: 2em
|
||||
#icon-search
|
||||
padding-left: 2.5em
|
||||
.font-icons-selected
|
||||
background-color: #ddd
|
||||
&.nosave
|
||||
.wait
|
||||
display: inline-block !important
|
||||
visibility: visible !important
|
||||
.modal-body
|
||||
.filepicker, .image-preview
|
||||
display: none
|
||||
.wait
|
||||
width: 100%
|
||||
.modal-footer .save
|
||||
display: none
|
||||
.preview-container
|
||||
text-align: center
|
||||
line-height: 100px
|
||||
height: 100px
|
||||
> *
|
||||
max-height: 100px
|
||||
line-height: 100px
|
||||
margin: 0 auto
|
||||
display: inline-block
|
||||
|
||||
/* }}} */
|
||||
|
||||
/* ---- COLOR-PICKER ---- {{{ */
|
||||
|
||||
.colorpicker
|
||||
margin: 0 auto
|
||||
background: transparent
|
||||
border: 0
|
||||
td
|
||||
padding: 0
|
||||
background: transparent
|
||||
> *
|
||||
width: 16px
|
||||
height: 16px
|
||||
border-radius: 2px
|
||||
margin: 3px
|
||||
padding: 0
|
||||
border-width: 1px
|
||||
display: block
|
||||
.only-text
|
||||
display: none
|
||||
.automatic-color
|
||||
background: #fff
|
||||
border-left: 7px solid #f33
|
||||
border-top: 7px solid #0e0
|
||||
border-right: 8px solid #33f
|
||||
border-bottom: 8px solid #fe0
|
||||
margin: 4px 3px 3px 3px
|
||||
width: 0
|
||||
height: 0
|
||||
|
||||
/* }}} */
|
||||
|
||||
/* ---- TRANSLATIONS ---- {{{ */
|
||||
|
||||
o_translatable_translated
|
||||
|
||||
.oe_translate_examples li
|
||||
margin: 10px
|
||||
padding: 4px
|
||||
html[lang] > body.editor_enable
|
||||
[data-oe-translation-state]
|
||||
background: rgba(255, 255, 90, 0.5) !important
|
||||
&:hover
|
||||
background: inherit !important
|
||||
cursor: text
|
||||
[data-oe-translation-state="translated"]
|
||||
background: rgba(120, 215, 110, 0.5) !important
|
||||
html[data-translatable] .oe_field_translate
|
||||
display: block
|
||||
html[data-translatable] .oe_field_translate
|
||||
display: none
|
||||
|
||||
/* }}} */
|
||||
|
||||
/* ---- editable ---- {{{ */
|
||||
|
||||
.o_editable
|
||||
&:not(:empty),&[data-oe-type]
|
||||
&:not([data-oe-model="ir.ui.view"]):not([data-oe-type="html"]):hover
|
||||
/* to do change into primary color in less */
|
||||
-moz-box-shadow: #3071a9 0 0 5px 2px inset
|
||||
-webkit-box-shadow: #3071a9 0 0 5px 2px inset
|
||||
box-shadow: #3071a9 0 0 5px 2px inset
|
||||
&:focus,&[data-oe-type]
|
||||
min-height: 0.8em
|
||||
min-width: 8px
|
||||
&.o_is_inline_editable
|
||||
display: inline-block
|
||||
&:focus
|
||||
outline: none !important
|
||||
|
||||
/* Prevent the text contents of draggable elements from being selectable. */
|
||||
[draggable]
|
||||
-moz-user-select: none
|
||||
-khtml-user-select: none
|
||||
-webkit-user-select: none
|
||||
user-select: none
|
||||
|
||||
// bootstrap makes .btn elements unselectable -> RTE double-click can't know
|
||||
// about them either
|
||||
.o_editable .btn, .btn.o_editable
|
||||
-webkit-user-select: auto
|
||||
-moz-user-select: auto
|
||||
-ms-user-select: auto
|
||||
user-select: auto
|
||||
cursor: text !important
|
||||
.o_editable .fa
|
||||
cursor: pointer
|
||||
|
||||
.css_editable_display
|
||||
display: block !important
|
||||
|
||||
.css_editable_hidden
|
||||
display: none !important
|
||||
|
||||
.editor_enable
|
||||
[data-oe-readonly]:hover
|
||||
cursor: default
|
||||
.css_editable_mode_hidden
|
||||
display: none
|
||||
.css_non_editable_mode_hidden
|
||||
display: block !important
|
||||
.media_iframe_video .css_editable_mode_display
|
||||
display: block !important
|
||||
|
||||
[placeholder]:empty
|
||||
content: " \00a0 " attr(placeholder)
|
||||
[placeholder]:empty:active:after, [placeholder]:empty:focus:after
|
||||
content: none
|
||||
input, textarea, select
|
||||
&[placeholder]:empty
|
||||
content: none
|
||||
|
||||
.oe_empty[placeholder]:empty
|
||||
min-height: 220px !important
|
||||
background-repeat: no-repeat
|
||||
background-position: center
|
||||
|
||||
&:not(.o_editable)
|
||||
background-image: url('/web_editor/static/src/img/edit_here.png') !important
|
||||
|
||||
&:after, &:before
|
||||
opacity: 0.4
|
||||
overflow: hidden
|
||||
z-index: -1
|
||||
min-height: 1em
|
||||
|
||||
&:after
|
||||
text-align: center
|
||||
padding-top: 160px
|
||||
display: block
|
||||
font-size: 24px
|
||||
|
||||
&.o_no_placeholder_image
|
||||
background-image: none
|
||||
text-align: left
|
||||
padding-top: 0
|
||||
|
||||
&[data-oe-type=html]
|
||||
&:after
|
||||
font-size: 16px
|
||||
.editor_has_snippets .oe_empty[placeholder]:empty
|
||||
background-image: url('/web_editor/static/src/img/drag_here.png') !important
|
||||
|
||||
#web_editor-top-edit
|
||||
width: 100%
|
||||
min-height: 34px
|
||||
height: 34px
|
||||
background-color: #222
|
||||
border-color: #080808
|
||||
border-width: 0 0 1px
|
||||
position: fixed
|
||||
border-radius: 0
|
||||
top: 0
|
||||
right: 0
|
||||
left: 0
|
||||
z-index: 1030
|
||||
-webkit-transform: translate3d(0,0,0)
|
||||
transform: translate3d(0,0,0)
|
||||
.btn-link
|
||||
color: #b3b3b3
|
||||
> ul > li
|
||||
margin: 0
|
||||
form
|
||||
padding: 0 10px 0 15px
|
||||
border-top: 1px solid transparent
|
||||
border-bottom: 1px solid transparent
|
||||
margin: 0
|
||||
button, a
|
||||
padding: 4px 8px 4px 8px
|
||||
margin-top: 2px
|
||||
font-size: 13px
|
||||
|
||||
#editable_area
|
||||
margin-top: 34px
|
||||
|
||||
/* }}} */
|
||||
|
||||
|
||||
/* ---- HACK FOR COVERING UP EDITOR BOGUS P INSERTION --- {{{ */
|
||||
|
||||
.oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
|
||||
position: static
|
||||
|
||||
.css_editable_display
|
||||
display: none
|
||||
|
||||
.oe_carlos_danger
|
||||
outline: 1px solid red !important
|
||||
background-color: #ffd9dd !important
|
||||
|
||||
/* }}} */
|
||||
@@ -1,499 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/* ---- SNIPPET EDITOR ---- {{{ */
|
||||
#oe_snippets #o_left_bar, #oe_snippets #o_arrow {
|
||||
position: fixed;
|
||||
top: 34px;
|
||||
left: 0px;
|
||||
bottom: 0;
|
||||
background: #282828;
|
||||
-moz-box-shadow: 0px 10px 10px -10px black inset;
|
||||
-webkit-box-shadow: 0px 10px 10px -10px black inset;
|
||||
box-shadow: 0px 10px 10px -10px black inset;
|
||||
font-size: 14px;
|
||||
}
|
||||
#oe_snippets #o_left_bar .snippets_loading, #oe_snippets #o_arrow .snippets_loading {
|
||||
color: white;
|
||||
}
|
||||
#oe_snippets #o_arrow {
|
||||
z-index: 1009;
|
||||
width: 24px;
|
||||
opacity: 0.75;
|
||||
}
|
||||
#oe_snippets #o_arrow > * {
|
||||
position: absolute;
|
||||
color: white;
|
||||
}
|
||||
#oe_snippets #o_arrow div {
|
||||
-moz-transform: translateX(-36%) rotate(-90deg);
|
||||
-ms-transform: translateX(-36%) rotate(-90deg);
|
||||
-webkit-transform: translateX(-36%) rotate(-90deg);
|
||||
transform: translateX(-36%) rotate(-90deg);
|
||||
top: 50%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
#oe_snippets #o_arrow .fa {
|
||||
width: 100%;
|
||||
left: 40%;
|
||||
}
|
||||
#oe_snippets #o_left_bar {
|
||||
left: -228px;
|
||||
z-index: 1010;
|
||||
width: 210px;
|
||||
-moz-transition: all 500ms ease;
|
||||
-o-transition: all 500ms ease;
|
||||
-webkit-transition: all 500ms ease;
|
||||
transition: all 500ms ease;
|
||||
}
|
||||
#oe_snippets #o_left_bar ul {
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 6px 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
#oe_snippets #o_left_bar ul li {
|
||||
display: inline-block;
|
||||
padding: 0 3px;
|
||||
}
|
||||
#oe_snippets #o_left_bar ul li a {
|
||||
color: #aaa;
|
||||
}
|
||||
#oe_snippets #o_left_bar ul li .fa-stack {
|
||||
overflow: hidden;
|
||||
}
|
||||
#oe_snippets #o_left_bar ul li.active a.fa, #oe_snippets #o_left_bar ul li.active .fa-stack-1x {
|
||||
color: #428bca;
|
||||
}
|
||||
#oe_snippets.o_open #o_left_bar {
|
||||
left: 0;
|
||||
}
|
||||
#oe_snippets .o_panel {
|
||||
margin: 0;
|
||||
border: 0;
|
||||
width: 210px;
|
||||
}
|
||||
#oe_snippets .o_panel_header {
|
||||
background: #dff0d8;
|
||||
padding: 1px 8px;
|
||||
color: #414141;
|
||||
text-align: center;
|
||||
}
|
||||
#oe_snippets .o_panel_header .fa-stack {
|
||||
overflow: hidden;
|
||||
font-size: 1em;
|
||||
}
|
||||
#oe_snippets .o_panel_body {
|
||||
white-space: normal;
|
||||
background: black;
|
||||
padding: 7px 3px;
|
||||
}
|
||||
#oe_snippets .o_panel_body > div {
|
||||
background: black;
|
||||
}
|
||||
#oe_snippets .o_panel_body > div label {
|
||||
width: 44px;
|
||||
color: #fff;
|
||||
padding-left: 10px;
|
||||
}
|
||||
#oe_snippets .o_panel_body > div label div {
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
-moz-transform: translate(-39px, 44px);
|
||||
-webkit-transform: translate(-39px, 44px);
|
||||
transform: translate(-39px, 44px);
|
||||
-moz-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
}
|
||||
|
||||
.oe_snippet {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 93px;
|
||||
margin-left: 3px;
|
||||
margin-right: 3px;
|
||||
margin-top: 1px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
-moz-user-select: -moz-none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
cursor: move;
|
||||
}
|
||||
.oe_snippet .oe_snippet_thumbnail {
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
background: transparent;
|
||||
color: white;
|
||||
position: relative;
|
||||
}
|
||||
.oe_snippet .oe_snippet_thumbnail:hover .oe_snippet_thumbnail_img {
|
||||
-moz-transform: scale(0.95, 0.95);
|
||||
-ms-transform: scale(0.95, 0.95);
|
||||
-webkit-transform: scale(0.95, 0.95);
|
||||
transform: scale(0.95, 0.95);
|
||||
}
|
||||
.oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_title {
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
text-shadow: 0 0 2px black;
|
||||
}
|
||||
.oe_snippet .oe_snippet_thumbnail .oe_snippet_thumbnail_img {
|
||||
height: 74px;
|
||||
width: 92px;
|
||||
background-size: cover;
|
||||
-moz-transform: scale(1, 1);
|
||||
-ms-transform: scale(1, 1);
|
||||
-webkit-transform: scale(1, 1);
|
||||
transform: scale(1, 1);
|
||||
}
|
||||
.oe_snippet .oe_snippet_thumbnail span, .oe_snippet .oe_snippet_thumbnail div {
|
||||
line-height: 18px;
|
||||
}
|
||||
.oe_snippet > :not(.oe_snippet_thumbnail) {
|
||||
display: none !important;
|
||||
}
|
||||
.oe_snippet.disable .oe_snippet_thumbnail {
|
||||
background-color: rgba(255, 0, 0, 0.75);
|
||||
}
|
||||
.oe_snippet.disable .oe_snippet_thumbnail_img {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
#oe_snippets .oe_snippet_thumbnail {
|
||||
background: #747474, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
|
||||
background: #747474, -moz-radial-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.4));
|
||||
background: #747474, -webkit-radial-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.4));
|
||||
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;
|
||||
-moz-transition: margin 250ms linear;
|
||||
-o-transition: margin 250ms linear;
|
||||
-webkit-transition: margin 250ms linear;
|
||||
transition: margin 250ms linear;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
z-index: 1000;
|
||||
}
|
||||
.oe_drop_zone.oe_insert:not(.oe_vertical):before {
|
||||
content: "";
|
||||
display: block;
|
||||
border-top: dashed 2px rgba(209, 178, 255, 0.72);
|
||||
position: relative;
|
||||
top: 0px;
|
||||
}
|
||||
.oe_drop_zone.oe_insert.oe_hover:before {
|
||||
border-top: dashed 2px rgba(116, 255, 161, 0.72);
|
||||
}
|
||||
.oe_drop_zone.oe_insert.oe_vertical {
|
||||
width: 48px;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin: 0px -24px !important;
|
||||
}
|
||||
.oe_drop_zone.oe_insert.oe_vertical_text {
|
||||
width: 48px;
|
||||
float: none;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin: 0px -24px !important;
|
||||
}
|
||||
.oe_drop_zone.oe_insert.oe_overlay {
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background: rgba(153, 0, 255, 0.5);
|
||||
}
|
||||
|
||||
.oe_drop_zone, .oe_drop_zone_style {
|
||||
border: none;
|
||||
background: rgba(153, 0, 255, 0.3);
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.oe_drop_zone.oe_hover, .oe_drop_zone_style.oe_hover {
|
||||
background: rgba(0, 255, 133, 0.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;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
background: transparent;
|
||||
z-index: 1001;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-moz-transition: opacity 100ms linear;
|
||||
-o-transition: opacity 100ms linear;
|
||||
-webkit-transition: opacity 100ms linear;
|
||||
transition: opacity 100ms linear;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.oe_overlay.oe_active {
|
||||
display: block;
|
||||
}
|
||||
.oe_overlay .oe_handle {
|
||||
display: block !important;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: -2px;
|
||||
}
|
||||
.oe_overlay .oe_handle > div {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
border-style: dashed;
|
||||
border-width: 1px;
|
||||
border-color: #666666;
|
||||
-moz-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
|
||||
-webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
|
||||
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.5), 0px 0px 0px 1px rgba(255, 255, 255, 0.5) inset;
|
||||
}
|
||||
.oe_overlay .oe_handle.e:before, .oe_overlay .oe_handle.w:before, .oe_overlay .oe_handle.s:before, .oe_overlay .oe_handle.n:before, .oe_overlay .oe_handle.size .oe_handle_button {
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
display: block;
|
||||
background: white;
|
||||
border: solid 1px rgba(0, 0, 0, 0.2);
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
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, 0.5);
|
||||
-moz-transition: background 100ms linear;
|
||||
-o-transition: background 100ms linear;
|
||||
-webkit-transition: background 100ms linear;
|
||||
transition: background 100ms linear;
|
||||
}
|
||||
.oe_overlay .oe_handle.e:hover:before, .oe_overlay .oe_handle.w:hover:before, .oe_overlay .oe_handle.s:hover:before, .oe_overlay .oe_handle.n:hover:before {
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
color: #fff;
|
||||
-moz-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
|
||||
-webkit-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
|
||||
box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
.oe_overlay .oe_handle.e, .oe_overlay .oe_handle.w {
|
||||
top: 4px;
|
||||
height: 100%;
|
||||
}
|
||||
.oe_overlay .oe_handle.e:before, .oe_overlay .oe_handle.w:before {
|
||||
content: "";
|
||||
line-height: 16px;
|
||||
}
|
||||
.oe_overlay .oe_handle.e > div, .oe_overlay .oe_handle.w > div {
|
||||
width: 0;
|
||||
height: 100%;
|
||||
top: 2px;
|
||||
left: 8px;
|
||||
}
|
||||
.oe_overlay .oe_handle.e {
|
||||
left: auto;
|
||||
right: -6px;
|
||||
cursor: w-resize;
|
||||
}
|
||||
.oe_overlay .oe_handle.w {
|
||||
left: -6px;
|
||||
cursor: e-resize;
|
||||
}
|
||||
.oe_overlay .oe_handle.s, .oe_overlay .oe_handle.n {
|
||||
left: 2px;
|
||||
width: 100%;
|
||||
}
|
||||
.oe_overlay .oe_handle.s:before, .oe_overlay .oe_handle.n:before {
|
||||
content: "";
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
.oe_overlay .oe_handle.s > div, .oe_overlay .oe_handle.n > div {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
top: 7px;
|
||||
left: 1px;
|
||||
}
|
||||
.oe_overlay .oe_handle.s {
|
||||
top: auto;
|
||||
cursor: n-resize;
|
||||
}
|
||||
.oe_overlay .oe_handle.n {
|
||||
cursor: s-resize;
|
||||
}
|
||||
.oe_overlay .oe_handle.n > div {
|
||||
top: 5px;
|
||||
}
|
||||
.oe_overlay .oe_handle.size {
|
||||
z-index: 3;
|
||||
top: auto;
|
||||
left: 50%;
|
||||
bottom: -6px;
|
||||
margin-left: -50px;
|
||||
}
|
||||
.oe_overlay .oe_handle.size .oe_handle_button {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
text-align: center;
|
||||
margin-left: -52px;
|
||||
margin-top: -10px;
|
||||
left: 0px;
|
||||
}
|
||||
.oe_overlay .oe_handle.size .oe_handle_button:hover {
|
||||
background: rgba(30, 30, 30, 0.8);
|
||||
color: #fff;
|
||||
-moz-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
|
||||
-webkit-box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
|
||||
box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
.oe_overlay .oe_handle.size .size {
|
||||
position: absolute;
|
||||
width: 64px;
|
||||
cursor: row-resize;
|
||||
top: 9px;
|
||||
margin-left: 52px;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.oe_overlay .oe_handle.size .auto_size {
|
||||
position: absolute;
|
||||
width: 100px;
|
||||
top: 9px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.oe_overlay .oe_handle.readonly {
|
||||
cursor: auto !important;
|
||||
}
|
||||
.oe_overlay .oe_handle.readonly:before, .oe_overlay .oe_handle.readonly.size {
|
||||
display: none !important;
|
||||
}
|
||||
.oe_overlay .icon.btn {
|
||||
display: inline-block;
|
||||
}
|
||||
.oe_overlay .oe_overlay_options {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: -35px;
|
||||
z-index: 1002;
|
||||
}
|
||||
.oe_overlay .oe_overlay_options > .btn-group {
|
||||
display: -ms-flexbox;
|
||||
display: -moz-box;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-moz-justify-content: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.oe_overlay .oe_overlay_options > .btn-group > * {
|
||||
cursor: pointer;
|
||||
-ms-flex: 0 0 auto;
|
||||
-moz-flex: 0 0 auto;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
.oe_overlay .oe_overlay_options .btn, .oe_overlay .oe_overlay_options a {
|
||||
cursor: pointer;
|
||||
}
|
||||
.oe_overlay .oe_overlay_options .dropdown {
|
||||
display: inline-block;
|
||||
}
|
||||
.oe_overlay .oe_overlay_options .dropdown-menu {
|
||||
text-align: left;
|
||||
min-width: 180px;
|
||||
}
|
||||
.oe_overlay .oe_overlay_options .dropdown-menu select, .oe_overlay .oe_overlay_options .dropdown-menu input {
|
||||
display: block;
|
||||
}
|
||||
.oe_overlay.block-w-left .w:before {
|
||||
content: "" !important;
|
||||
}
|
||||
.oe_overlay.block-w-right .w:before {
|
||||
content: "" !important;
|
||||
}
|
||||
.oe_overlay.block-w-left.block-w-right .w:before {
|
||||
display: none !important;
|
||||
}
|
||||
.oe_overlay.block-e-left .e:before {
|
||||
content: "" !important;
|
||||
}
|
||||
.oe_overlay.block-e-right .e:before {
|
||||
content: "" !important;
|
||||
}
|
||||
.oe_overlay.block-e-left.block-e-right .e:before {
|
||||
display: none !important;
|
||||
}
|
||||
.oe_overlay.block-s-top .s:before {
|
||||
content: "" !important;
|
||||
}
|
||||
.oe_overlay.block-s-bottom .s:before {
|
||||
content: "" !important;
|
||||
}
|
||||
.oe_overlay.block-n-top .n:before {
|
||||
content: "" !important;
|
||||
}
|
||||
.oe_overlay.block-n-bottom .n:before {
|
||||
content: "" !important;
|
||||
}
|
||||
.oe_overlay.o_keypress {
|
||||
opacity: 0;
|
||||
-webkit-transition: 0.8s;
|
||||
-moz-transition: 0.8s;
|
||||
-o-transition: 0.8s;
|
||||
-transition: 0.8s;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
@@ -1,384 +0,0 @@
|
||||
@import "compass/css3"
|
||||
@import "compass/css3/user-interface"
|
||||
@import "compass/css3/transition"
|
||||
|
||||
|
||||
/* ---- SNIPPET EDITOR ---- {{{ */
|
||||
|
||||
#oe_snippets
|
||||
#o_left_bar, #o_arrow
|
||||
position: fixed
|
||||
top: 34px
|
||||
left: 0px
|
||||
bottom: 0
|
||||
background: rgb(40,40,40)
|
||||
+box-shadow(0px 10px 10px -10px black inset)
|
||||
font-size: 14px
|
||||
.snippets_loading
|
||||
color: white
|
||||
#o_arrow
|
||||
z-index: 1009
|
||||
width: 24px
|
||||
opacity: 0.75
|
||||
> *
|
||||
position: absolute
|
||||
color: white
|
||||
div
|
||||
@include transform( translateX(-36%) rotate(-90deg) )
|
||||
top: 50%
|
||||
white-space: nowrap
|
||||
.fa
|
||||
width: 100%
|
||||
left: 40%
|
||||
#o_left_bar
|
||||
left: -228px
|
||||
z-index: 1010
|
||||
width: 210px
|
||||
@include transition(all 500ms ease)
|
||||
ul
|
||||
text-align: center
|
||||
margin: 0
|
||||
padding: 6px 0
|
||||
list-style-type: none
|
||||
li
|
||||
display: inline-block
|
||||
padding: 0 3px
|
||||
a
|
||||
color: #aaa
|
||||
.fa-stack
|
||||
overflow: hidden
|
||||
li.active a.fa, li.active .fa-stack-1x
|
||||
color: #428bca
|
||||
|
||||
&.o_open #o_left_bar
|
||||
left: 0
|
||||
.o_panel
|
||||
margin: 0
|
||||
border: 0
|
||||
width: 210px
|
||||
.o_panel_header
|
||||
background: #dff0d8
|
||||
padding: 1px 8px
|
||||
color: #414141
|
||||
text-align: center
|
||||
.fa-stack
|
||||
overflow: hidden
|
||||
font-size: 1em
|
||||
.o_panel_body
|
||||
white-space: normal
|
||||
background: black
|
||||
padding: 7px 3px
|
||||
> 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%)
|
||||
|
||||
.oe_snippet
|
||||
display: inline-block
|
||||
vertical-align: top
|
||||
width: 93px
|
||||
margin-left: 3px
|
||||
margin-right: 3px
|
||||
margin-top: 1px
|
||||
position: relative
|
||||
overflow: hidden
|
||||
+user-select(none)
|
||||
cursor: move
|
||||
.oe_snippet_thumbnail
|
||||
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
|
||||
width: 92px
|
||||
background-size: cover
|
||||
@include transform( scale(1,1))
|
||||
span, div
|
||||
line-height: 18px
|
||||
& > :not(.oe_snippet_thumbnail)
|
||||
display: none !important
|
||||
&.disable
|
||||
.oe_snippet_thumbnail
|
||||
background-color: rgba(255, 0, 0, 0.75)
|
||||
.oe_snippet_thumbnail_img
|
||||
opacity: 0.8
|
||||
#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_vertical_text
|
||||
width: 48px
|
||||
float: none
|
||||
display: inline-block
|
||||
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
|
||||
height: 0
|
||||
position: absolute
|
||||
background: transparent
|
||||
z-index: 1001
|
||||
//@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)
|
||||
&.oe_active
|
||||
display: block
|
||||
.oe_handle
|
||||
display: block !important
|
||||
position: absolute
|
||||
top: 50%
|
||||
left: 50%
|
||||
+box-sizing(border-box)
|
||||
width: 16px
|
||||
height: 16px
|
||||
margin: -2px
|
||||
> div
|
||||
z-index: 1
|
||||
position: absolute
|
||||
border-style: dashed
|
||||
border-width: 1px
|
||||
border-color: #666666
|
||||
+box-shadow(0px 0px 0px 1px rgba(255,255,255,0.5), 0px 0px 0px 1px rgba(255,255,255,0.5) inset)
|
||||
&.e:before, &.w:before, &.s:before, &.n:before, &.size .oe_handle_button
|
||||
z-index: 2
|
||||
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)
|
||||
&.e, &.w, &.s, &.n
|
||||
&:hover:before
|
||||
background: rgba(0, 0, 0, .5)
|
||||
color: #fff
|
||||
+box-shadow(0 0 5px 3px rgba(255,255,255,.7))
|
||||
&.e, &.w
|
||||
top: 4px
|
||||
height: 100%
|
||||
&:before
|
||||
content: "\f07e"
|
||||
line-height: 16px
|
||||
> div
|
||||
width: 0
|
||||
height: 100%
|
||||
top: 2px
|
||||
left: 8px
|
||||
&.e
|
||||
left: auto
|
||||
right: -6px
|
||||
cursor: w-resize
|
||||
&.w
|
||||
left: -6px
|
||||
cursor: e-resize
|
||||
&.s, &.n
|
||||
left: 2px
|
||||
width: 100%
|
||||
&:before
|
||||
content: "\f07d"
|
||||
text-align: center
|
||||
padding: 1px
|
||||
> div
|
||||
width: 100%
|
||||
height: 0
|
||||
top: 7px
|
||||
left: 1px
|
||||
&.s
|
||||
top: auto
|
||||
cursor: n-resize
|
||||
&.n
|
||||
cursor: s-resize
|
||||
> div
|
||||
top: 5px
|
||||
&.size
|
||||
z-index: 3
|
||||
top: auto
|
||||
left: 50%
|
||||
bottom: -6px
|
||||
margin-left: -50px
|
||||
.oe_handle_button
|
||||
position: relative
|
||||
z-index: 3
|
||||
text-align: center
|
||||
margin-left: -52px
|
||||
margin-top: -10px
|
||||
left: 0px
|
||||
&:hover
|
||||
background: rgba(30, 30, 30, .8)
|
||||
color: #fff
|
||||
+box-shadow(0 0 5px 3px rgba(255,255,255,.7))
|
||||
.size
|
||||
position: absolute
|
||||
width: 64px
|
||||
cursor: row-resize
|
||||
top: 9px
|
||||
margin-left: 52px
|
||||
padding: 0 5px
|
||||
.auto_size
|
||||
position: absolute
|
||||
width: 100px
|
||||
top: 9px
|
||||
cursor: pointer
|
||||
&.readonly
|
||||
cursor: auto !important
|
||||
&:before, &.size
|
||||
display: none !important
|
||||
|
||||
.icon.btn
|
||||
display: inline-block
|
||||
|
||||
.oe_overlay_options
|
||||
position: absolute
|
||||
width: 100%
|
||||
top: -35px
|
||||
z-index: 1002
|
||||
> .btn-group
|
||||
display: -ms-flexbox
|
||||
display: -moz-box
|
||||
display: -webkit-box
|
||||
display: -webkit-flex
|
||||
display: flex
|
||||
-moz-justify-content: center
|
||||
-webkit-justify-content: center
|
||||
justify-content: center
|
||||
> *
|
||||
cursor: pointer
|
||||
-ms-flex: 0 0 auto
|
||||
-moz-flex: 0 0 auto
|
||||
-webkit-box-flex: 0
|
||||
-webkit-flex: 0 0 auto
|
||||
flex: 0 0 auto
|
||||
.btn, a
|
||||
cursor: pointer
|
||||
.dropdown
|
||||
display: inline-block
|
||||
.dropdown-menu
|
||||
text-align: left
|
||||
min-width: 180px
|
||||
.dropdown-menu select,.dropdown-menu input
|
||||
display: block
|
||||
|
||||
&.block-w-left .w:before
|
||||
content: "\F061" !important
|
||||
&.block-w-right .w:before
|
||||
content: "\F060" !important
|
||||
&.block-w-left.block-w-right .w:before
|
||||
display: none !important
|
||||
&.block-e-left .e:before
|
||||
content: "\F061" !important
|
||||
&.block-e-right .e:before
|
||||
content: "\F060" !important
|
||||
&.block-e-left.block-e-right .e:before
|
||||
display: none !important
|
||||
|
||||
&.block-s-top .s:before
|
||||
content: "\F063" !important
|
||||
&.block-s-bottom .s:before
|
||||
content: "\f062" !important
|
||||
&.block-n-top .n:before
|
||||
content: "\F063" !important
|
||||
&.block-n-bottom .n:before
|
||||
content: "\f062" !important
|
||||
|
||||
&.o_keypress
|
||||
opacity: 0
|
||||
-webkit-transition: .8s
|
||||
-moz-transition: .8s
|
||||
-o-transition: .8s
|
||||
-transition: .8s
|
||||
|
||||
|
||||
.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
|
||||
|
||||
// }}}
|
||||
@@ -1,265 +0,0 @@
|
||||
body {
|
||||
background-color: #fff;
|
||||
}
|
||||
#editable_area p {
|
||||
margin: initial;
|
||||
}
|
||||
#editable_area a {
|
||||
color: inherit;
|
||||
}
|
||||
#editable_area a:hover {
|
||||
color: inherit;
|
||||
}
|
||||
#editable_area {
|
||||
margin-top: 0 !important;
|
||||
font: inherit !important;
|
||||
line-height: inherit !important;
|
||||
color: inherit !important;
|
||||
}
|
||||
#oe_snippets ~ #wrapwrap #editable_area {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
#wrapwrap > main > div:first-child {
|
||||
max-width: 600px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.editor_enable #wrapwrap > main > div:first-child {
|
||||
border-top: 1px dashed #888;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.editor_enable #wrapwrap > main > div:first-child:before, #wrapwrap > main > div:first-child:after {
|
||||
content: " ";
|
||||
display: block;
|
||||
height: 100%;
|
||||
vertical-align: top;
|
||||
position: fixed;
|
||||
top: -4px;
|
||||
overflow: hidden;
|
||||
z-index: -1;
|
||||
margin-top: 54px;
|
||||
}
|
||||
.editor_enable #wrapwrap > main > div:first-child[data-oe-placeholder]:empty:before {
|
||||
content: " \00a0 " attr(data-oe-placeholder);
|
||||
}
|
||||
|
||||
.editor_enable #wrapwrap > main > div:first-child:before {
|
||||
border-left: 1px dashed #000;
|
||||
opacity: 0.4;
|
||||
margin-left: -5px;
|
||||
}
|
||||
.editor_enable #wrapwrap > main > div:first-child:after {
|
||||
border-left: 1px dashed #000;
|
||||
opacity: 0.4;
|
||||
margin-left: 605px;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.note-color-palette .colorpicker {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ---- Default bootstrap values ---- {{{ */
|
||||
.tooltip {
|
||||
position: absolute;
|
||||
z-index: 1070;
|
||||
display: block;
|
||||
visibility: visible;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
.tooltip.in {
|
||||
opacity: 0.9;
|
||||
filter: alpha(opacity=90);
|
||||
}
|
||||
.tooltip.bottom {
|
||||
margin-top: 3px;
|
||||
padding: 5px 0;
|
||||
}
|
||||
.tooltip.bottom .tooltip-arrow {
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 0 5px 5px;
|
||||
border-bottom-color: #000;
|
||||
}
|
||||
|
||||
.tooltip-arrow {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.tooltip-inner {
|
||||
max-width: 200px;
|
||||
padding: 3px 8px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
background-color: #000;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.fade:not(.modal-backdrop) {
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.15s linear;
|
||||
-o-transition: opacity 0.15s linear;
|
||||
transition: opacity 0.15s linear;
|
||||
}
|
||||
|
||||
.fade.in:not(.modal-backdrop) {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.pull-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.center-block {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.pull-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.img-responsive {
|
||||
display: block;
|
||||
width: 100% \9;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.img-rounded {
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.img-thumbnail {
|
||||
padding: 4px;
|
||||
line-height: 1.42857;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
display: inline-block;
|
||||
width: 100% \9;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.img-circle {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.img-responsive {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
img.shadow {
|
||||
-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.fa-1x {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.fa-2x {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.fa-3x {
|
||||
font-size: 3em;
|
||||
}
|
||||
|
||||
.fa-4x {
|
||||
font-size: 4em;
|
||||
}
|
||||
|
||||
.fa-5x {
|
||||
font-size: 5em;
|
||||
}
|
||||
|
||||
.fa-6x {
|
||||
font-size: 6em;
|
||||
}
|
||||
|
||||
.fa-7x {
|
||||
font-size: 7em;
|
||||
}
|
||||
|
||||
.fa-8x {
|
||||
font-size: 8em;
|
||||
}
|
||||
|
||||
.fa-9x {
|
||||
font-size: 9em;
|
||||
}
|
||||
|
||||
.fa-10x {
|
||||
font-size: 10em;
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: #428bca;
|
||||
}
|
||||
|
||||
.text-success {
|
||||
color: #3c763d;
|
||||
}
|
||||
|
||||
.text-info {
|
||||
color: #31708f;
|
||||
}
|
||||
|
||||
.text-warning {
|
||||
color: #8a6d3b;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: #a94442;
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
color: #fff;
|
||||
background-color: #428bca;
|
||||
}
|
||||
|
||||
.bg-success {
|
||||
background-color: #dff0d8;
|
||||
}
|
||||
|
||||
.bg-info {
|
||||
background-color: #d9edf7;
|
||||
}
|
||||
|
||||
.bg-warning {
|
||||
background-color: #fcf8e3;
|
||||
}
|
||||
|
||||
.bg-danger {
|
||||
background-color: #f2dede;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.img-responsive {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* }}} */
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 619 B |
Binary file not shown.
|
Before Width: | Height: | Size: 491 B |
@@ -1,88 +1,85 @@
|
||||
.oe_form_field_html_text {
|
||||
.note-editable {
|
||||
min-height: 180px;
|
||||
font: initial !important;
|
||||
font-family: inherit !important;
|
||||
line-height: initial !important;
|
||||
color: initial !important;
|
||||
p {
|
||||
margin: initial;
|
||||
.note-editable {
|
||||
min-height: 180px;
|
||||
font: initial !important;
|
||||
font-family: inherit !important;
|
||||
line-height: initial !important;
|
||||
color: initial !important;
|
||||
p {
|
||||
margin: initial;
|
||||
font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif;
|
||||
-webkit-margin-before: 0;
|
||||
font-size: 13px;
|
||||
}
|
||||
a, a:hover {
|
||||
color: initial;
|
||||
}
|
||||
}
|
||||
a, a:hover {
|
||||
color: initial;
|
||||
.o_readonly {
|
||||
min-height: 1em;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
.oe_form_field_html_text .o_readonly {
|
||||
min-height: 1em;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.oe_form_field_html_text .note-editable p {
|
||||
font-family: 'Lucida Grande', Helvetica, Verdana, Arial, sans-serif;
|
||||
-webkit-margin-before: 0;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.oe_form_field_html iframe {
|
||||
display: block;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
min-height: 300px;
|
||||
min-height: -webkit-calc(100vh - 170px);
|
||||
min-height: calc(100vh - 170px);
|
||||
}
|
||||
.o_form_FieldTextHtml_fullscreen{
|
||||
.oe_form_field_html.o_form_fullscreen_ancestor iframe {
|
||||
position: absolute !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
top: 0 !important;
|
||||
bottom: 0 !important;
|
||||
width: 100% !important;
|
||||
min-height: 100% !important;
|
||||
z-index: 1001 !important;
|
||||
display: block;
|
||||
width: 100%;
|
||||
border: 0;
|
||||
}
|
||||
* {
|
||||
display: none;
|
||||
}
|
||||
.o_form_fullscreen_ancestor {
|
||||
display: block !important;
|
||||
position: static !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
overflow: visible !important;
|
||||
width: auto !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
min-height: 300px;
|
||||
min-height: -webkit-calc(100vh - 170px);
|
||||
min-height: calc(100vh - 170px);
|
||||
}
|
||||
.o_form_FieldTextHtml_fullscreen {
|
||||
.oe_form_field_html.o_form_fullscreen_ancestor iframe {
|
||||
position: absolute !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
top: 0 !important;
|
||||
bottom: 0 !important;
|
||||
width: 100% !important;
|
||||
min-height: 100% !important;
|
||||
z-index: 1001 !important;
|
||||
border: 0;
|
||||
}
|
||||
* {
|
||||
display: none;
|
||||
}
|
||||
.o_form_fullscreen_ancestor {
|
||||
display: block !important;
|
||||
position: static !important;
|
||||
top: 0 !important;
|
||||
left: 0 !important;
|
||||
overflow: visible !important;
|
||||
width: auto !important;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
}
|
||||
|
||||
.openerp .oe_form .oe_form_field_html_translate textarea {
|
||||
min-width: 60px;
|
||||
width: 100%;
|
||||
color: #4c4c4c;
|
||||
font: normal 13px "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
|
||||
min-width: 60px;
|
||||
width: 100%;
|
||||
color: #4c4c4c;
|
||||
font: normal 13px "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
|
||||
}
|
||||
.openerp .oe_form_readonly .oe_form .oe_form_field_html_translate textarea {
|
||||
border:0;
|
||||
background: #fff;
|
||||
border: 0;
|
||||
background: #fff;
|
||||
}
|
||||
.openerp .oe_form_editable .oe_form .oe_form_field_html_translate {
|
||||
> button {
|
||||
float: right;
|
||||
margin: -6px -3px 0 0;
|
||||
}
|
||||
> .note-editable {
|
||||
border: 1px solid #ccc;
|
||||
min-height: 22px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
.openerp .oe_form_editable .oe_form .oe_form_field_html_translate .note-editable [contentEditable='true']:hover {
|
||||
.box-shadow(#DDCC33 0 0 5px 2px inset);
|
||||
> button {
|
||||
float: right;
|
||||
margin: -6px -3px 0 0;
|
||||
}
|
||||
> .note-editable {
|
||||
border: 1px solid #ccc;
|
||||
min-height: 22px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.note-editable [contentEditable='true']:hover {
|
||||
box-shadow: #DDCC33 0 0 5px 2px inset;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,166 +1,279 @@
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* ----- EDITOR ----- */
|
||||
.css_non_editable_mode_hidden {
|
||||
display: none !important;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* ----- Editor (for public user, like forum) ----- */
|
||||
.note-toolbar {
|
||||
margin-left: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.note-popover .popover > .arrow {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* ----- GENERIC LAYOUTING HELPERS ---- */
|
||||
.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* table */
|
||||
#wrapwrap table.table, .o_editable table.table {
|
||||
table-layout: fixed;
|
||||
}
|
||||
#wrapwrap table.table td, .o_editable table.table td {
|
||||
min-width: 20px;
|
||||
#wrapwrap, .o_editable {
|
||||
table.table {
|
||||
table-layout: fixed;
|
||||
td {
|
||||
min-width: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Media */
|
||||
img.shadow {
|
||||
-moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
img.padding-small, .img.padding-small, span.fa.padding-small, iframe.padding-small {
|
||||
padding: 4px;
|
||||
padding: 4px;
|
||||
}
|
||||
img.padding-medium, .img.padding-medium, span.fa.padding-medium, iframe.padding-medium {
|
||||
padding: 8px;
|
||||
padding: 8px;
|
||||
}
|
||||
img.padding-large, .img.padding-large, span.fa.padding-large, iframe.padding-large {
|
||||
padding: 16px;
|
||||
padding: 16px;
|
||||
}
|
||||
img.padding-xl, .img.padding-xl, span.fa.padding-xl, iframe.padding-xl {
|
||||
padding: 32px;
|
||||
padding: 32px;
|
||||
}
|
||||
|
||||
div.media_iframe_video.padding-small iframe {
|
||||
padding: 4px;
|
||||
}
|
||||
div.media_iframe_video.padding-medium iframe {
|
||||
padding: 8px;
|
||||
}
|
||||
div.media_iframe_video.padding-large iframe {
|
||||
padding: 16px;
|
||||
}
|
||||
div.media_iframe_video.padding-xl iframe {
|
||||
padding: 32px;
|
||||
div.media_iframe_video {
|
||||
&.padding-small iframe {
|
||||
padding: 4px;
|
||||
}
|
||||
&.padding-medium iframe {
|
||||
padding: 8px;
|
||||
}
|
||||
&.padding-large iframe {
|
||||
padding: 16px;
|
||||
}
|
||||
&.padding-xl iframe {
|
||||
padding: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
/* font awsome */
|
||||
.fa-6x {
|
||||
font-size: 6em;
|
||||
font-size: 6em;
|
||||
}
|
||||
|
||||
.fa-7x {
|
||||
font-size: 7em;
|
||||
font-size: 7em;
|
||||
}
|
||||
|
||||
.fa-8x {
|
||||
font-size: 8em;
|
||||
font-size: 8em;
|
||||
}
|
||||
|
||||
.fa-9x {
|
||||
font-size: 9em;
|
||||
font-size: 9em;
|
||||
}
|
||||
|
||||
.fa-10x {
|
||||
font-size: 10em;
|
||||
font-size: 10em;
|
||||
}
|
||||
|
||||
.fa.center-block {
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* video */
|
||||
div.media_iframe_video {
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
div.media_iframe_video iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
margin-left: -50%;
|
||||
}
|
||||
div.media_iframe_video .media_iframe_video_size {
|
||||
padding-bottom: 66.5%;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
div.media_iframe_video .css_editable_mode_display {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none;
|
||||
z-index: 2;
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
|
||||
iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.o-position-absolute(@top: 0);
|
||||
margin: 0 auto;
|
||||
margin-left: -50%;
|
||||
}
|
||||
|
||||
.media_iframe_video_size {
|
||||
padding-bottom: 66.5%;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.css_editable_mode_display {
|
||||
.o-position-absolute();
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none;
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
html[data-browser^="msie"] div.media_iframe_video iframe {
|
||||
margin-left: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* Mobile view */
|
||||
@media (max-width: 768px) {
|
||||
img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa {
|
||||
-webkit-transform: none !important;
|
||||
-moz-transform: none !important;
|
||||
-ms-transform: none !important;
|
||||
-o-transform: none !important;
|
||||
transform: none !important;
|
||||
}
|
||||
@media (max-width: @screen-xs-max) {
|
||||
img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa {
|
||||
-webkit-transform: none !important;
|
||||
-moz-transform: none !important;
|
||||
-ms-transform: none !important;
|
||||
-o-transform: none !important;
|
||||
transform: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* ---- fields --- */
|
||||
address .fa.fa-mobile-phone {
|
||||
margin: 0 3px 0 2px;
|
||||
}
|
||||
address .fa.fa-file-text-o {
|
||||
margin-right: 1px;
|
||||
address {
|
||||
.fa.fa-mobile-phone {
|
||||
margin: 0 3px 0 2px;
|
||||
}
|
||||
.fa.fa-file-text-o {
|
||||
margin-right: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
span[data-oe-type="monetary"] {
|
||||
white-space: nowrap;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* ---- MENU ---- {{{ */
|
||||
div.oe_menu_buttons {
|
||||
top: -8px;
|
||||
right: -8px;
|
||||
top: -8px;
|
||||
right: -8px;
|
||||
}
|
||||
|
||||
ul.oe_menu_editor .fa-home {
|
||||
display: none;
|
||||
ul.oe_menu_editor {
|
||||
.fa-home {
|
||||
display: none;
|
||||
}
|
||||
> li:first-child > div > span > .fa-home {
|
||||
display: block;
|
||||
}
|
||||
.oe_menu_placeholder {
|
||||
outline: 1px dashed #4183C4;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
li div {
|
||||
cursor: move;
|
||||
}
|
||||
.disclose {
|
||||
cursor: pointer;
|
||||
width: 10px;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
ul.oe_menu_editor > li:first-child > div > span > .fa-home {
|
||||
display: block;
|
||||
|
||||
// Generate all margins for all sizes
|
||||
.o-margins-all(@factor: 1) {
|
||||
// Unfortunately, the margins sizes are not
|
||||
// mathematically related by a single function
|
||||
.o-margins(128, @factor);
|
||||
.o-margins(96, @factor);
|
||||
.o-margins(92, @factor);
|
||||
.o-margins(64, @factor);
|
||||
.o-margins(48, @factor);
|
||||
.o-margins(32, @factor);
|
||||
.o-margins(24, @factor);
|
||||
.o-margins(16, @factor);
|
||||
.o-margins(8, @factor);
|
||||
.o-margins(4, @factor);
|
||||
.o-margins(0, @factor);
|
||||
}
|
||||
ul.oe_menu_editor .oe_menu_placeholder {
|
||||
outline: 1px dashed #4183C4;
|
||||
|
||||
// Generate all margins for one size, scalled by a
|
||||
// given factor (0 <= factor <= 1)
|
||||
.o-margins(@name, @factor: 1) {
|
||||
.o-margins-define(@name, @factor * @name);
|
||||
}
|
||||
ul.oe_menu_editor ul {
|
||||
list-style: none;
|
||||
|
||||
// Generate all margins for one size, given
|
||||
// the name of the margin and intended size
|
||||
.o-margins-define(@name, @size: @name) {
|
||||
.mt@{name} {margin-top: ~"@{size}px"!important;}
|
||||
.mb@{name} {margin-bottom: ~"@{size}px"!important;}
|
||||
.ml@{name} {margin-left: ~"@{size}px"!important;}
|
||||
.mr@{name} {margin-right: ~"@{size}px"!important;}
|
||||
}
|
||||
ul.oe_menu_editor li div {
|
||||
cursor: move;
|
||||
|
||||
// Generate all margins
|
||||
.o-margins-all();
|
||||
|
||||
// Possibility to change the margins ratio for small screen sizes, e.g.:
|
||||
// @media (max-width: 768px) {
|
||||
// .o-margins-all(0.75);
|
||||
// }
|
||||
// Possibility to only redefine single margins for small screen sizes, e.g.:
|
||||
// @media (max-width: 768px) {
|
||||
// .o-margins(64, 0.50);
|
||||
// .o-margins(48, 0.50);
|
||||
// }
|
||||
// Possibility to directly redefine the size of single margins instead of refering to a factor for small screen sizes, e.g.:
|
||||
// @media (max-width: 768px) {
|
||||
// .o-margins-define(128, 48);
|
||||
// .o-margins-define(96, 48);
|
||||
// .o-margins-define(64, 48);
|
||||
// }
|
||||
|
||||
a.o_underline {
|
||||
text-decoration: underline;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
ul.oe_menu_editor .disclose {
|
||||
cursor: pointer;
|
||||
width: 10px;
|
||||
display: none;
|
||||
|
||||
// Colors
|
||||
@gray-white: #fff;
|
||||
|
||||
@color-alpha: #1cc1a9;
|
||||
@color-beta: #a24689;
|
||||
@color-gamma: #BA3C3D;
|
||||
@color-delta: #0D6759;
|
||||
@color-epsilon: #0B2E59;
|
||||
|
||||
.o-create-color-classes(@class_name, @color, @complementary: contrast(@color, @text-color, #FFF, 60%)) {
|
||||
.bg-@{class_name} {
|
||||
background-color: @color;
|
||||
color: @complementary;
|
||||
.text-muted {
|
||||
color: fade(@complementary, 40%);
|
||||
}
|
||||
}
|
||||
body .text-@{class_name} { // html to make the rules more important that bg-* ones
|
||||
color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
// Create classes for theme colors
|
||||
.o-create-color-classes(alpha, @color-alpha);
|
||||
.o-create-color-classes(beta, @color-beta);
|
||||
.o-create-color-classes(gamma, @color-gamma);
|
||||
.o-create-color-classes(delta, @color-delta);
|
||||
.o-create-color-classes(epsilon, @color-epsilon);
|
||||
|
||||
// Create classes for UI colors
|
||||
.o-create-color-classes(primary, @brand-primary);
|
||||
.o-create-color-classes(success, @brand-success);
|
||||
.o-create-color-classes(info, @brand-info);
|
||||
.o-create-color-classes(warning, @brand-warning);
|
||||
.o-create-color-classes(danger, @brand-danger);
|
||||
|
||||
// Create classes for greyscale colors
|
||||
.o-create-color-classes(~'black', @gray-base);
|
||||
.o-create-color-classes(~'gray-darker', @gray-darker);
|
||||
.o-create-color-classes(~'gray-dark', @gray-dark);
|
||||
.o-create-color-classes(~'gray', @gray);
|
||||
.o-create-color-classes(~'gray-light', @gray-light);
|
||||
.o-create-color-classes(~'gray-lighter', @gray-lighter);
|
||||
.o-create-color-classes(~'white', @gray-white);
|
||||
|
||||
@@ -1,276 +0,0 @@
|
||||
#web_editor-top-actions {
|
||||
a {
|
||||
.transition(all 0.3s);
|
||||
color: darken(@we_color-primary, 10%);
|
||||
&:hover, &:active {
|
||||
text-decoration: none;
|
||||
color: darken(@we_color-primary, 20%);
|
||||
}
|
||||
}
|
||||
// BUTTONS
|
||||
// ====================
|
||||
.btn {
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
.transition(all 0.3s);
|
||||
&:hover, &:focus {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
&.accent {
|
||||
.button-variant(white, @we_color-accent, @we_color-accent)
|
||||
}
|
||||
&.compl {
|
||||
.button-variant(white, @we_color-primary, @we_color-primary)
|
||||
}
|
||||
&.full {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
border-radius: 0;
|
||||
.box-shadow(none);
|
||||
}
|
||||
&.btn-primary {
|
||||
.button-variant(white, @we_color-accent, @we_color-accent);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
&.btn-danger {
|
||||
.button-variant(white, @we_color-danger, @we_color-danger);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
&.btn-success {
|
||||
.button-variant(white, @we_color-success, @we_color-success);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
.dropdown-toggle {
|
||||
color: @we_dropdown-toggle-color;
|
||||
height: @we_editor-bar-height - @we_editor-dropdown-border-height;
|
||||
line-height: @we_editor-bar-height - @we_editor-dropdown-border-height;
|
||||
border-top: @we_editor-dropdown-border-height solid transparent;
|
||||
text-shadow:0 1px 0 @we_dropdown-toggle-shadow-color;
|
||||
}
|
||||
.dropdown-menu {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
background-color: @we_dropdown-menu-color;
|
||||
.box-shadow(@we_box-shadow);
|
||||
li {
|
||||
a {
|
||||
color: @we_dropdown-toggle-color;
|
||||
}
|
||||
&:hover {
|
||||
a {
|
||||
color: @we_dropdown--open-toggle-color;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
li.divider {
|
||||
margin: 3px 20px;
|
||||
background-color: @we_color-inactive;
|
||||
}
|
||||
}
|
||||
.open {
|
||||
> .dropdown-toggle {
|
||||
background-color: @we_dropdown--open-toggle-bg-color;
|
||||
color: @we_dropdown--open-toggle-color;
|
||||
border-top: @we_editor-dropdown-border-height solid white;
|
||||
text-shadow:0 1px 0 @we_dropdown--open-toggle-shadow-color;
|
||||
}
|
||||
}
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
// ICONS
|
||||
// ======================
|
||||
.material-icons {
|
||||
font-size: 1em;
|
||||
.translateY(2px);
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
// POPOVERS
|
||||
// ======================
|
||||
.popover {
|
||||
border-radius: 3px;
|
||||
.popover-title{
|
||||
color: @we_color-text-dark
|
||||
}
|
||||
}
|
||||
|
||||
// INPUTS
|
||||
// ======================
|
||||
.form-control {
|
||||
font-weight: bold;
|
||||
color: @we_color-text-dark;
|
||||
}
|
||||
.input-group-addon{
|
||||
color: @we_color-text-dark;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
// INPUTS
|
||||
// ==================
|
||||
.switch {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
margin: 0 0.5em;
|
||||
padding: 0;
|
||||
height: 1.5em;
|
||||
cursor: pointer;
|
||||
.translateY(0.2em);
|
||||
.switch_track {
|
||||
background: #bababa;
|
||||
border-radius: 0.4em;
|
||||
height: 1em;
|
||||
width: 2.5em;
|
||||
display: inline-block;
|
||||
.transition(all 0.3s @we_md-ease);
|
||||
&:after {
|
||||
content: "";
|
||||
background: #fafafa;
|
||||
display: block;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
border-radius: 100em;
|
||||
margin-top: -0.3em;
|
||||
margin-left: -0.1em;
|
||||
.transition(all 0.3s @we_md-ease);
|
||||
.box-shadow(@we_box-shadow);
|
||||
}
|
||||
}
|
||||
.switch_input {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
-ms-appearance: none;
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
border: none;
|
||||
}
|
||||
&.checked {
|
||||
.switch_track {
|
||||
background-color: rgb(142, 224, 212);
|
||||
background-color: transparentize(@we_color-accent, 0.5);
|
||||
&:after {
|
||||
background-color: @we_color-accent;
|
||||
margin-left: 1.1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
.switch_track {
|
||||
&:after {
|
||||
background-color: mix(@we_color-accent, #fafafa);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// TEXT INPUT
|
||||
// ==========================
|
||||
|
||||
// <div class="text-input-group">
|
||||
// <input type="text" required="true"/>
|
||||
// <span class="highlight"></span>
|
||||
// <span class="bar"></span>
|
||||
// <label>Name</label>
|
||||
// </div>
|
||||
|
||||
.text-input-group {
|
||||
position:relative;
|
||||
margin-bottom:45px;
|
||||
|
||||
input{
|
||||
font-size:18px;
|
||||
padding:10px 10px 10px 5px;
|
||||
display:block;
|
||||
width:300px;
|
||||
border:none;
|
||||
border-bottom:1px solid #757575;
|
||||
}
|
||||
input:focus{ outline:none; }
|
||||
|
||||
/* LABEL ======================================= */
|
||||
label{
|
||||
color:#999;
|
||||
font-size:18px;
|
||||
font-weight:normal;
|
||||
position:absolute;
|
||||
pointer-events:none;
|
||||
left:5px;
|
||||
top:10px;
|
||||
.transition(0.2s ease all)
|
||||
}
|
||||
|
||||
/* active state */
|
||||
input:focus ~ label, input:valid ~ label{
|
||||
top:-20px;
|
||||
font-size:14px;
|
||||
color:#5264AE;
|
||||
}
|
||||
|
||||
/* BOTTOM BARS ================================= */
|
||||
.bar { position:relative; display:block; width:300px; }
|
||||
.bar:before, .bar:after{
|
||||
content:'';
|
||||
height:2px;
|
||||
width:0;
|
||||
bottom:1px;
|
||||
position:absolute;
|
||||
background:#5264AE;
|
||||
.transition(0.2s ease all);
|
||||
}
|
||||
.bar:before {
|
||||
left:50%;
|
||||
}
|
||||
.bar:after {
|
||||
right:50%;
|
||||
}
|
||||
|
||||
/* active state */
|
||||
input:focus ~ .bar:before, input:focus ~ .bar:after {
|
||||
width:50%;
|
||||
}
|
||||
|
||||
/* HIGHLIGHTER ================================== */
|
||||
.highlight {
|
||||
position:absolute;
|
||||
height:60%;
|
||||
width:100px;
|
||||
top:25%;
|
||||
left:0;
|
||||
pointer-events:none;
|
||||
opacity:0.5;
|
||||
}
|
||||
|
||||
/* active state */
|
||||
input:focus ~ .highlight {
|
||||
.animation(inputHighlighter 0.3s ease);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
// DRAG&DROP ANIMATIONS
|
||||
// ==========================
|
||||
|
||||
.oe_snippet_body {
|
||||
.opacity(0);
|
||||
.animation(fadeInDownSmall 1s forwards);
|
||||
}
|
||||
@@ -1,61 +0,0 @@
|
||||
// Transitions
|
||||
// ======================
|
||||
|
||||
@we_md-ease: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
|
||||
// Animation
|
||||
// ======================
|
||||
|
||||
@-webkit-keyframes fadeInDownSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
.translateY(-5px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
.translateY(0);
|
||||
}
|
||||
}
|
||||
@keyframes fadeInDownSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
.translateY(-5px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
.translateY(0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fadeInOut {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
25% {
|
||||
opacity: 1;
|
||||
}
|
||||
75% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fadeInOut {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
25% {
|
||||
opacity: 1;
|
||||
}
|
||||
75% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes inputHighlighter {
|
||||
from { background: @we_color-accent; }
|
||||
to { width:0; background:transparent; }
|
||||
}
|
||||
@@ -1,63 +0,0 @@
|
||||
// Generate all margins for all sizes
|
||||
.o-margins-all(@factor: 1) {
|
||||
// Unfortunately, the margins sizes are not
|
||||
// mathematically related by a single function
|
||||
.o-margins(128, @factor);
|
||||
.o-margins(96, @factor);
|
||||
.o-margins(92, @factor);
|
||||
.o-margins(64, @factor);
|
||||
.o-margins(48, @factor);
|
||||
.o-margins(32, @factor);
|
||||
.o-margins(24, @factor);
|
||||
.o-margins(16, @factor);
|
||||
.o-margins(8, @factor);
|
||||
.o-margins(4, @factor);
|
||||
.o-margins(0, @factor);
|
||||
}
|
||||
|
||||
// Generate all margins for one size, scalled by a
|
||||
// given factor (0 <= factor <= 1)
|
||||
.o-margins(@name, @factor: 1) {
|
||||
.o-margins-define(@name, @factor * @name);
|
||||
}
|
||||
|
||||
// Generate all margins for one size, given
|
||||
// the name of the margin and intended size
|
||||
.o-margins-define(@name, @size: @name) {
|
||||
.mt@{name} {margin-top: ~"@{size}px"!important;}
|
||||
.mb@{name} {margin-bottom: ~"@{size}px"!important;}
|
||||
.ml@{name} {margin-left: ~"@{size}px"!important;}
|
||||
.mr@{name} {margin-right: ~"@{size}px"!important;}
|
||||
}
|
||||
|
||||
// Generate all margins
|
||||
.o-margins-all();
|
||||
|
||||
// It is possible to change the margins ratio for
|
||||
// small screen sizes using media queries, e.g.:
|
||||
// @media (max-width: 768px) {
|
||||
// .o-margins-all(0.75);
|
||||
// }
|
||||
|
||||
// It is also possible to only redefine single margins
|
||||
// for small screen sizes using media queries, e.g.:
|
||||
// @media (max-width: 768px) {
|
||||
// .o-margins(64, 0.50);
|
||||
// .o-margins(48, 0.50);
|
||||
// }
|
||||
|
||||
// It is also possible to directly redefine the size
|
||||
// of single margins instead of refering to a factor
|
||||
// for small screen sizes using media queries, e.g.:
|
||||
// @media (max-width: 768px) {
|
||||
// .o-margins-define(128, 48);
|
||||
// .o-margins-define(96, 48);
|
||||
// .o-margins-define(64, 48);
|
||||
// }
|
||||
|
||||
a.o_underline {
|
||||
text-decoration: underline;
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
@@ -1,204 +0,0 @@
|
||||
// Button variants
|
||||
// ========================
|
||||
// Easily pump out default styles, as well as :hover, :focus, :active,
|
||||
// and disabled options for all buttons
|
||||
|
||||
.button-variant(@color, @background, @border) {
|
||||
color: @color;
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
&:focus,
|
||||
&.focus {
|
||||
color: @color;
|
||||
background-color: darken(@background, 10%);
|
||||
border-color: darken(@border, 25%);
|
||||
}
|
||||
&:hover {
|
||||
color: @color;
|
||||
background-color: darken(@background, 10%);
|
||||
border-color: darken(@border, 12%);
|
||||
}
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
color: @color;
|
||||
background-color: darken(@background, 10%);
|
||||
border-color: darken(@border, 12%);
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
color: @color;
|
||||
background-color: darken(@background, 17%);
|
||||
border-color: darken(@border, 25%);
|
||||
}
|
||||
}
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
}
|
||||
}
|
||||
.badge {
|
||||
color: @background;
|
||||
background-color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
// Button sizes
|
||||
.button-size(@padding-vertical, @padding-horizontal, @font-size, @line-height, @border-radius) {
|
||||
padding: @padding-vertical @padding-horizontal;
|
||||
font-size: @font-size;
|
||||
line-height: @line-height;
|
||||
border-radius: @border-radius;
|
||||
}
|
||||
|
||||
// Opacity
|
||||
.opacity(@opacity) {
|
||||
opacity: @opacity;
|
||||
// IE8 filter
|
||||
@opacity-ie: (@opacity * 100);
|
||||
filter: ~"alpha(opacity=@{opacity-ie})";
|
||||
}
|
||||
|
||||
// Transitions
|
||||
.transition(@transition...) {
|
||||
-moz-transition: @transition;
|
||||
-o-transition: @transition;
|
||||
-webkit-transition: @transition;
|
||||
transition: @transition;
|
||||
}
|
||||
|
||||
.transition-property(@property...) {
|
||||
-moz-transition-property: @property;
|
||||
-o-transition-property: @property;
|
||||
-webkit-transition-property: @property;
|
||||
transition-property: @property;
|
||||
}
|
||||
|
||||
.transition-duration(@duration...) {
|
||||
-moz-transition-property: @duration;
|
||||
-o-transition-property: @duration;
|
||||
-webkit-transition-property: @duration;
|
||||
transition-property: @duration;
|
||||
}
|
||||
|
||||
.transition-timing-function(@timing...) {
|
||||
-moz-transition-timing-function: @timing;
|
||||
-o-transition-timing-function: @timing;
|
||||
-webkit-transition-timing-function: @timing;
|
||||
transition-timing-function: @timing;
|
||||
}
|
||||
|
||||
.transition-delay(@delay...) {
|
||||
-moz-transition-delay: @delay;
|
||||
-o-transition-delay: @delay;
|
||||
-webkit-transition-delay: @delay;
|
||||
transition-delay: @delay;
|
||||
}
|
||||
|
||||
// ANIMATIONS
|
||||
// ===========================
|
||||
|
||||
.animation(@str) {
|
||||
-webkit-animation: @str;
|
||||
-moz-animation: @str;
|
||||
-ms-animation: @str;
|
||||
-o-animation: @str;
|
||||
animation: @str;
|
||||
}
|
||||
|
||||
|
||||
// BACKGROUND GRADIENT
|
||||
// =======================
|
||||
|
||||
.linear-gradient(@start-color: #555; @end-color: #333; @deg: 45deg) {
|
||||
background-repeat: repeat-x;
|
||||
background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+
|
||||
background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12
|
||||
background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
||||
}
|
||||
|
||||
.box-shadow(@string) {
|
||||
-webkit-box-shadow: @string;
|
||||
-moz-box-shadow: @string;
|
||||
box-shadow: @string;
|
||||
}
|
||||
|
||||
.border-radius(@radius: 5px) {
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
|
||||
// TRANSFORM
|
||||
// ===================================
|
||||
.transform(@transforms) {
|
||||
-moz-transform: @transforms;
|
||||
-o-transform: @transforms;
|
||||
-ms-transform: @transforms;
|
||||
-webkit-transform: @transforms;
|
||||
transform: @transforms;
|
||||
}
|
||||
|
||||
// rotate
|
||||
.rotate(@deg) {
|
||||
.transform(rotate(@deg));
|
||||
}
|
||||
|
||||
// scale
|
||||
.scale(@scale) {
|
||||
.transform(scale(@scale));
|
||||
}
|
||||
|
||||
// translate
|
||||
.translate(@x, @y) {
|
||||
.transform(translate(@x, @y));
|
||||
}
|
||||
|
||||
// translate
|
||||
.translateY(@y) {
|
||||
.transform(translateY(@y));
|
||||
}
|
||||
|
||||
// skew
|
||||
.skew(@x, @y) {
|
||||
.transform(skew(@xdeg, @ydeg));
|
||||
}
|
||||
|
||||
// transform origin
|
||||
.transform-origin(@origin) {
|
||||
moz-transform-origin: @origin;
|
||||
-o-transform-origin: @origin;
|
||||
-ms-transform-origin: @origin;
|
||||
-webkit-transform-origin: @origin;
|
||||
transform-origin: @origin;
|
||||
}
|
||||
|
||||
// HELPERS
|
||||
// ======================================
|
||||
|
||||
.user-select(@str) {
|
||||
-moz-user-select: @str;
|
||||
-webkit-user-select: @str;
|
||||
-ms-user-select: @str;
|
||||
user-select: @str;
|
||||
}
|
||||
|
||||
// Box sizing
|
||||
.box-sizing(@boxmodel) {
|
||||
-webkit-box-sizing: @boxmodel;
|
||||
-moz-box-sizing: @boxmodel;
|
||||
box-sizing: @boxmodel;
|
||||
}
|
||||
@@ -0,0 +1,339 @@
|
||||
|
||||
// INPUTS
|
||||
.o_switch {
|
||||
.o-flex-display();
|
||||
.o-align-items(center);
|
||||
font-weight: normal;
|
||||
height: 1.5em;
|
||||
cursor: pointer;
|
||||
|
||||
> input {
|
||||
display: none;
|
||||
|
||||
+ span {
|
||||
background: #bababa;
|
||||
border-radius: 0.4em;
|
||||
height: 1em;
|
||||
width: 2.5em;
|
||||
margin-right: 0.5em;
|
||||
display: inline-block;
|
||||
.transition(all 0.3s @o-we-md-ease);
|
||||
&:after {
|
||||
content: "";
|
||||
background: #fafafa;
|
||||
display: block;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
border-radius: 100em;
|
||||
margin-top: -0.3em;
|
||||
margin-left: -0.1em;
|
||||
.transition(all 0.3s @o-we-md-ease);
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
}
|
||||
|
||||
&:checked + span {
|
||||
background-color: rgb(142, 224, 212);
|
||||
background-color: transparentize(@odoo-brand-optional, 0.5);
|
||||
&:after {
|
||||
background-color: @odoo-brand-optional;
|
||||
margin-left: 1.1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover > input + span:after {
|
||||
background-color: mix(@odoo-brand-optional, #fafafa);
|
||||
}
|
||||
}
|
||||
.text-input-group {
|
||||
position: relative;
|
||||
margin-bottom: 45px;
|
||||
|
||||
input {
|
||||
font-size: 18px;
|
||||
padding: 10px 10px 10px 5px;
|
||||
display: block;
|
||||
width: 300px;
|
||||
border: none;
|
||||
border-bottom: 1px solid #757575;
|
||||
}
|
||||
input:focus { outline: none; }
|
||||
|
||||
/* LABEL ======================================= */
|
||||
label {
|
||||
color: #999;
|
||||
font-size: 18px;
|
||||
font-weight: normal;
|
||||
.o-position-absolute(@top: 10px, @left: 5px);
|
||||
pointer-events: none;
|
||||
.transition(0.2s ease all)
|
||||
}
|
||||
|
||||
/* active state */
|
||||
input:focus ~ label, input:valid ~ label {
|
||||
top: -20px;
|
||||
font-size: 14px;
|
||||
color: #5264AE;
|
||||
}
|
||||
|
||||
/* BOTTOM BARS ================================= */
|
||||
.bar { position: relative; display: block; width: 300px; }
|
||||
.bar:before, .bar:after {
|
||||
content: '';
|
||||
height: 2px;
|
||||
width: 0;
|
||||
bottom: 1px;
|
||||
.o-position-absolute();
|
||||
background: #5264AE;
|
||||
.transition(0.2s ease all);
|
||||
}
|
||||
.bar:before {
|
||||
left: 50%;
|
||||
}
|
||||
.bar:after {
|
||||
right: 50%;
|
||||
}
|
||||
|
||||
/* active state */
|
||||
input:focus ~ .bar:before, input:focus ~ .bar:after {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
/* HIGHLIGHTER ================================== */
|
||||
.highlight {
|
||||
.o-position-absolute(@top: 25%, @left: 0);
|
||||
height: 60%;
|
||||
width: 100px;
|
||||
pointer-events: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* active state */
|
||||
input:focus ~ .highlight {
|
||||
.animation(inputHighlighter 0.3s ease);
|
||||
}
|
||||
}
|
||||
|
||||
// DRAG&DROP ANIMATIONS
|
||||
.oe_snippet_body {
|
||||
opacity: 0;
|
||||
.o-animation(fadeInDownSmall, 700ms, @fill-mode: forwards);
|
||||
}
|
||||
|
||||
// MODALS
|
||||
body .modal {
|
||||
// SELECT MEDIA
|
||||
.o_select_media_dialog {
|
||||
width: 80%;
|
||||
|
||||
.modal-body {
|
||||
li.search {
|
||||
float: right;
|
||||
|
||||
ul.pager {
|
||||
margin: 0;
|
||||
> li > a {
|
||||
border-radius: 3px;
|
||||
margin-left: 2px;
|
||||
padding: 6px 14px;
|
||||
}
|
||||
}
|
||||
.form-group {
|
||||
position: relative;
|
||||
margin: 0 10px 0 0;
|
||||
> input {
|
||||
padding-right: 30px;
|
||||
}
|
||||
> span {
|
||||
.o-position-absolute(7px, 7px);
|
||||
font-size: 1.3em;
|
||||
}
|
||||
}
|
||||
}
|
||||
.dropdown-toggle {
|
||||
line-height: 0;
|
||||
height: 34px;
|
||||
}
|
||||
.o_existing_attachment_cell {
|
||||
@odoo-border-image: 1px;
|
||||
.o_existing_attachment_remove {
|
||||
.o-position-absolute(@odoo-border-image, 15px + @odoo-border-image);
|
||||
padding: 3px 3px 12px 12px;
|
||||
background-color: white;
|
||||
border-bottom: 1px solid black;
|
||||
border-left: 1px solid black;
|
||||
border-radius: 0 0 0 100%;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.o_image {
|
||||
border: @odoo-border-image solid transparent;
|
||||
cursor: pointer;
|
||||
|
||||
&.o_webimage {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
&.o_selected .o_image {
|
||||
border-color: @odoo-brand-primary;
|
||||
box-shadow: 0px 0px 2px 2px @odoo-brand-secondary;
|
||||
}
|
||||
}
|
||||
.font-icons-icons > span {
|
||||
font-size: 30px;
|
||||
margin: 5px;
|
||||
padding: 3px;
|
||||
cursor: pointer;
|
||||
|
||||
&.o_selected {
|
||||
box-shadow: 0px 0px 2px 2px @odoo-brand-secondary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// BACKGROUND IMAGE OPTIONS
|
||||
.o_bg_img_opt_modal .o_bg_img_opt {
|
||||
margin: 15px 0;
|
||||
|
||||
.help-control {
|
||||
.o-position-absolute(15px, 15px);
|
||||
}
|
||||
.help {
|
||||
margin: 15px 0;
|
||||
|
||||
.simulator {
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-right: 15px;
|
||||
width: 120px;
|
||||
height: 100px;
|
||||
.bg {
|
||||
.o-position-absolute(0, 0, 0, 0);
|
||||
border: 1px dotted #888787;
|
||||
background-image: url(/web/image);
|
||||
background-position: center center;
|
||||
.o-background-size(cover);
|
||||
}
|
||||
.el {
|
||||
.o-position-absolute(10px, 0, 10px, 0);
|
||||
border: 1px solid #222;
|
||||
}
|
||||
&.contain_bg {
|
||||
.bg {
|
||||
.o-position-absolute(0, 12px, 20px, 12px);
|
||||
}
|
||||
.el {
|
||||
.o-position-absolute(0, 0, 20px, 0);
|
||||
}
|
||||
}
|
||||
}
|
||||
+ * {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
.o_bg_img_opt_cover_edition {
|
||||
border-top: 1px solid black;
|
||||
border-bottom: 1px solid white;
|
||||
padding: 0px 25px 25px 25px;
|
||||
.o-linear-gradient(-150deg, lighten(#2c2c36, 5%), darken(#2c2c36, 10%));
|
||||
h6 {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
.o_bg_img_opt_object {
|
||||
width: 100%;
|
||||
background: white;
|
||||
min-height: 10px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
box-shadow: 0 0 10px #000;
|
||||
> img {
|
||||
cursor: crosshair;
|
||||
border-top: 1px solid #5A5A5A;
|
||||
border-bottom: 1px solid #111;
|
||||
}
|
||||
&:hover .o_focus_point:before {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
.o_bg_img_opt_ui_info {
|
||||
.animation(fadeInOut 2s ease forwards);
|
||||
.o-position-absolute(@bottom: 1px, @right: 0);
|
||||
display: block;
|
||||
padding: 3px 13px;
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
color: #333;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
pointer-events: none;
|
||||
span {
|
||||
font-weight: normal;
|
||||
}
|
||||
.o_x {
|
||||
margin-right: 10px
|
||||
}
|
||||
}
|
||||
.grid {
|
||||
.o-position-absolute(@top: 33.33%, @left: 0);
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: fadeOut(lighten(@odoo-brand-optional, 30%), 50%);
|
||||
pointer-events: none;
|
||||
&.grid-2 {
|
||||
top: 66.66%
|
||||
}
|
||||
&.grid-3 {
|
||||
top: 0;
|
||||
left: 33.33%;
|
||||
width: 1px;
|
||||
height: 100%
|
||||
}
|
||||
&.grid-4 {
|
||||
top: 0;
|
||||
left: 66.66%;
|
||||
width: 1px;
|
||||
height: 100%
|
||||
}
|
||||
}
|
||||
.o_focus_point {
|
||||
.o-position-absolute(@top: 0, @left: 0);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border: 2px solid white;
|
||||
border-radius: 100%;
|
||||
margin-top: -15px;
|
||||
margin-left: -15px;
|
||||
box-shadow: 0 0 1px #333;
|
||||
pointer-events: none;
|
||||
&.o_with_transition {
|
||||
.o-transition(all, 0.2s);
|
||||
}
|
||||
&:before {
|
||||
pointer-events: none;
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-top: -37px;
|
||||
margin-left: -37px;
|
||||
border: 1px solid #EAEAEA;
|
||||
background: rgba(247, 76, 76, 0);
|
||||
border-radius: 100em;
|
||||
opacity: 1;
|
||||
box-shadow: 0 0 0 100em rgba(0, 0, 0, 0.33);
|
||||
.o-transition(opacity, 0.2s);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.web_editor-dialog {
|
||||
li > label {
|
||||
width: 96%;
|
||||
margin: 4px 2% 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,76 +1,77 @@
|
||||
|
||||
// Fonts
|
||||
// =======================
|
||||
@we_font-default : "Roboto", Roboto, sans-serif;
|
||||
@we_font-size-def : 14px;
|
||||
@o-we-color-dark: #2c2c36;
|
||||
@o-we-color-darker: darken(@o-we-color-dark, 2%);
|
||||
@o-we-color-divider: #33363e;
|
||||
@o-we-color-light: #4e525b;
|
||||
@o-we-color-normal: #50545d;
|
||||
@o-we-color-paper: #fbfbfd;
|
||||
@o-we-color-text-normal: #999999;
|
||||
@o-we-color-text-light: #d4d5d7;
|
||||
@o-we-color-danger: #e6586c;
|
||||
|
||||
// COLORS UI
|
||||
// =======================
|
||||
@we_color-dark : #2c2c36;
|
||||
@we_color-darker : darken(@we_color-dark,2%);
|
||||
@we_color-divider : #33363e;
|
||||
@we_color-normal : #50545d;
|
||||
@we_color-light : #4e525b;
|
||||
@o-we-sidebar-width: 210px;
|
||||
|
||||
@we_color-paper : #fbfbfd;
|
||||
@we_color-inactive : #646465;
|
||||
@o-we-tab-active-bg: #3D4048;
|
||||
|
||||
@we_color-text-normal : #999999;
|
||||
@we_color-text-light : #d4d5d7;
|
||||
@we_color-text-dark : #505050;
|
||||
// Transitions
|
||||
@o-we-md-ease: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
|
||||
@we_color-accent : #1cc1a9;
|
||||
@we_color-accent-d10 : darken(@we_color-accent, 10%);
|
||||
@we_color-primary : #b35e9b;
|
||||
@we_color-primary-d10 : darken(@we_color-primary, 10%);
|
||||
@we_color-primary-l10 : lighten(@we_color-primary, 10%);
|
||||
@we_color-primary-hover : #7e376b;
|
||||
// Animations
|
||||
@-webkit-keyframes fadeInDownSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
.translate(0, -5px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
.translate(0, 0);
|
||||
}
|
||||
}
|
||||
@keyframes fadeInDownSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
.translate(0, -5px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
.translate(0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@we_color-danger : #e6586c;
|
||||
@we_color-success : #4ab980;
|
||||
@-webkit-keyframes fadeInOut {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
25% {
|
||||
opacity: 1;
|
||||
}
|
||||
75% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fadeInOut {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
25% {
|
||||
opacity: 1;
|
||||
}
|
||||
75% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// LAYOUT
|
||||
// =======================
|
||||
@we_screen_xs : 480px;
|
||||
@we_screen_sm : 768px;
|
||||
@we_screen_md : 992px;
|
||||
@we_screen_lg : 1200px;
|
||||
|
||||
|
||||
// TOP BAR
|
||||
// =======================
|
||||
@we_editor-bar-height : 45px;
|
||||
@we_editor-dropdown-border-height : 2px;
|
||||
@we_editor-bar-bg : @we_color-primary;
|
||||
@we_editor-bar-link-color : @we_color-paper;
|
||||
@we_editor-bar-link-shadow : @we_color-primary-d10;
|
||||
|
||||
|
||||
// EDITOR
|
||||
// =======================
|
||||
@we_sidebar-width: 210px;
|
||||
|
||||
|
||||
// SHADOWS
|
||||
// =======================
|
||||
@we_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
||||
0 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
|
||||
|
||||
// DROPDOWNS
|
||||
// =======================
|
||||
@we_dropdown-toggle-color : @we_color-paper;
|
||||
@we_dropdown-toggle-shadow-color : @we_color-primary-d10;
|
||||
@we_dropdown-menu-color : @we_color-primary-hover;
|
||||
// open
|
||||
@we_dropdown--open-toggle-color : white;
|
||||
@we_dropdown--open-toggle-bg-color : @we_color-primary-hover;
|
||||
@we_dropdown--open-toggle-shadow-color : @we_color-primary-hover;
|
||||
|
||||
|
||||
// TABS
|
||||
// =======================
|
||||
@we_tab-bg: @we_color-darker;
|
||||
@we_tab--active-bg: #3D4048;
|
||||
@-webkit-keyframes inputHighlighter {
|
||||
from { background: @odoo-brand-optional; }
|
||||
to { width: 0; background: transparent; }
|
||||
}
|
||||
@keyframes inputHighlighter {
|
||||
from { background: @odoo-brand-optional; }
|
||||
to { width: 0; background: transparent; }
|
||||
}
|
||||
|
||||
@@ -48,7 +48,7 @@
|
||||
}
|
||||
|
||||
// community
|
||||
#oe_main_menu_navbar {
|
||||
#oe_main_menu_navbar:not(.o_main_navbar) {
|
||||
.o_planner_systray {
|
||||
> .progress {
|
||||
margin-top: 10px;
|
||||
|
||||
@@ -1,800 +0,0 @@
|
||||
@charset "UTF-8";
|
||||
/* THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY
|
||||
*
|
||||
* css for editor buttons, openerp widget included in the website and other
|
||||
* stuff must go to the editor.css
|
||||
*
|
||||
*/
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
li > ul {
|
||||
list-style-type: circle;
|
||||
}
|
||||
|
||||
li > * > li > ul {
|
||||
list-style-type: square;
|
||||
}
|
||||
|
||||
li > * > li > * > li > ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
li > * > li > * > li > * > li > ul {
|
||||
list-style-type: circle;
|
||||
}
|
||||
|
||||
li > * > li > * > li > * > li > * > li > ul {
|
||||
list-style-type: square;
|
||||
}
|
||||
|
||||
li > * > li > * > li > * > li > * > li > * > li > ul {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
li > ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
li > * > li > ol {
|
||||
list-style-type: lower-greek;
|
||||
}
|
||||
|
||||
li > * > li > * > li > ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
li > * > li > * > li > * > li > ol {
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
li > * > li > * > li > * > li > * > li > ol {
|
||||
list-style-type: lower-greek;
|
||||
}
|
||||
|
||||
li > * > li > * > li > * > li > * > li > * > li > ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
li > p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
font[style*='background'], font[class*='bg-'] {
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.o_ul_toggle_self, .o_ul_toggle_next {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.o_ul_folded .o_close {
|
||||
display: none !important;
|
||||
}
|
||||
.o_ul_folded .o_ul_toggle_self, .o_ul_folded .o_ul_toggle_next {
|
||||
display: inline-block;
|
||||
line-height: inherit;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: -1em;
|
||||
z-index: 1;
|
||||
top: -0.15em;
|
||||
left: 0.2em;
|
||||
font-size: 1.4em;
|
||||
text-decoration: none;
|
||||
}
|
||||
.o_ul_folded .o_ul_toggle_self:before, .o_ul_folded .o_ul_toggle_next:before {
|
||||
content: "";
|
||||
}
|
||||
.o_ul_folded .o_ul_toggle_self.o_open, .o_ul_folded .o_ul_toggle_next.o_open {
|
||||
left: 0em;
|
||||
}
|
||||
.o_ul_folded .o_ul_toggle_self.o_open:before, .o_ul_folded .o_ul_toggle_next.o_open:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Extra Styles */
|
||||
h1.text-muted, h2.text-muted, h3.text-muted {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
header a.navbar-brand.logo {
|
||||
padding: 0 15px;
|
||||
}
|
||||
header a.navbar-brand img {
|
||||
max-height: 50px;
|
||||
}
|
||||
|
||||
hr {
|
||||
margin-bottom: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
/* ----- Snippets Styles ----- */
|
||||
.para_large {
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
.jumbotron.para_large p {
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
.readable {
|
||||
font-size: 120%;
|
||||
max-width: 700px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
/* ----- BOOTSTRAP FIX ----- */
|
||||
.container .container, .readable .container {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
width: auto!important;
|
||||
}
|
||||
|
||||
/* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */
|
||||
.navbar.navbar-static-top {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.navbar.navbar-static-top ul.nav > li.divider {
|
||||
margin-top: 15px;
|
||||
padding-top: 20px;
|
||||
border-right: 1px solid grey;
|
||||
}
|
||||
|
||||
/* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
|
||||
html, body, #wrapwrap {
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#wrapwrap {
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
}
|
||||
#wrapwrap > * {
|
||||
display: table-row;
|
||||
}
|
||||
#wrapwrap > main {
|
||||
height: 100%;
|
||||
}
|
||||
#wrapwrap > footer {
|
||||
height: 100%;
|
||||
background: rgba(200, 200, 200, 0.1);
|
||||
}
|
||||
|
||||
body > nav.navbar {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
@media (min-width: 767px) {
|
||||
nav.navbar + #wrapwrap {
|
||||
padding-top: 34px;
|
||||
}
|
||||
}
|
||||
/* ----- BOOTSTRAP FIX ----- */
|
||||
@-moz-document url-prefix() {
|
||||
.table .img-responsive {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.navbar .nav > li > p {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
/* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
|
||||
.nav-hierarchy {
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
/* -- Hack for removing double scrollbar from mobile preview -- */
|
||||
div#mobile-preview.modal {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
ul.nav-stacked > li > a {
|
||||
padding: 2px 15px;
|
||||
}
|
||||
|
||||
#customize-menu .dropdown-header {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
/* ---- PUBLISH ---- */
|
||||
.css_published .btn-danger, .css_published .css_publish {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.css_unpublished .btn-success, .css_unpublished .css_unpublish {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[data-publish='off'] > *:not(.css_options) {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* ---- END of PUBLISH ---- */
|
||||
::-moz-selection {
|
||||
background: rgba(150, 150, 220, 0.3);
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(150, 150, 220, 0.3);
|
||||
}
|
||||
|
||||
.logo-img {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.o_normalwhitespace {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.oe_demo {
|
||||
position: relative;
|
||||
}
|
||||
.oe_demo img {
|
||||
width: 100%;
|
||||
}
|
||||
.oe_demo div {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
opacity: 0.85;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
padding: 7px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
.oe_demo div a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* ---- SNIPPETS --- */
|
||||
.oe_img_bg {
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.carousel, .parallax, .blockquote {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
section, .parallax, .row, .hr, .blockquote {
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
.carousel-inner {
|
||||
height: 100%;
|
||||
}
|
||||
.carousel-inner .item {
|
||||
height: 100%;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.carousel .carousel-control {
|
||||
cursor: pointer;
|
||||
}
|
||||
.carousel .carousel-control span {
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.carousel .carousel-control.left {
|
||||
left: -10px;
|
||||
}
|
||||
.carousel .carousel-control.left * {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 5;
|
||||
right: 50%;
|
||||
}
|
||||
.carousel .carousel-control.right {
|
||||
right: -10px;
|
||||
}
|
||||
.carousel .carousel-control.right * {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
z-index: 5;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.quotecarousel {
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
|
||||
.hr {
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
.o_image_floating {
|
||||
width: 40%;
|
||||
margin: 4px;
|
||||
}
|
||||
.o_image_floating div.o_container {
|
||||
position: relative;
|
||||
}
|
||||
.o_image_floating div.o_container mark {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background-color: rgba(86, 61, 124, 0.25);
|
||||
}
|
||||
.o_image_floating div.o_container mark a {
|
||||
color: white;
|
||||
}
|
||||
.o_image_floating.o_hide_link div.o_container mark {
|
||||
display: none;
|
||||
}
|
||||
.o_image_floating.o_margin_s {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.o_image_floating.o_margin_s.pull-right {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.o_image_floating.o_margin_s.pull-left {
|
||||
margin-right: 8px;
|
||||
}
|
||||
.o_image_floating.o_margin_m {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.o_image_floating.o_margin_m.pull-right {
|
||||
margin-left: 12px;
|
||||
}
|
||||
.o_image_floating.o_margin_m.pull-left {
|
||||
margin-right: 12px;
|
||||
}
|
||||
.o_image_floating.o_margin_l {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.o_image_floating.o_margin_l.pull-right {
|
||||
margin-left: 16px;
|
||||
}
|
||||
.o_image_floating.o_margin_l.pull-left {
|
||||
margin-right: 16px;
|
||||
}
|
||||
.o_image_floating.o_margin_xl {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.o_image_floating.o_margin_xl.pull-right {
|
||||
margin-left: 32px;
|
||||
}
|
||||
.o_image_floating.o_margin_xl.pull-left {
|
||||
margin-right: 32px;
|
||||
}
|
||||
|
||||
/* gallery */
|
||||
.o_gallery.o_grid .img, .o_gallery.o_masonry .img {
|
||||
width: 100%;
|
||||
}
|
||||
.o_gallery.o_grid.o_spc-none div.row {
|
||||
margin: 0;
|
||||
}
|
||||
.o_gallery.o_grid.o_spc-none div.row > * {
|
||||
padding: 0;
|
||||
}
|
||||
.o_gallery.o_grid.o_spc-small div.row {
|
||||
margin: 5px 0;
|
||||
}
|
||||
.o_gallery.o_grid.o_spc-small div.row > * {
|
||||
padding: 0 5px;
|
||||
}
|
||||
.o_gallery.o_grid.o_spc-medium div.row {
|
||||
margin: 10px 0;
|
||||
}
|
||||
.o_gallery.o_grid.o_spc-medium div.row > * {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.o_gallery.o_grid.o_spc-big div.row {
|
||||
margin: 15px 0;
|
||||
}
|
||||
.o_gallery.o_grid.o_spc-big div.row > * {
|
||||
padding: 0 15px;
|
||||
}
|
||||
.o_gallery.o_masonry.o_spc-none div.col {
|
||||
padding: 0;
|
||||
}
|
||||
.o_gallery.o_masonry.o_spc-none div.col > img {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.o_gallery.o_masonry.o_spc-small div.col {
|
||||
padding: 0 5px;
|
||||
}
|
||||
.o_gallery.o_masonry.o_spc-small div.col > img {
|
||||
margin: 5px 0 !important;
|
||||
}
|
||||
.o_gallery.o_masonry.o_spc-medium div.col {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.o_gallery.o_masonry.o_spc-medium div.col > img {
|
||||
margin: 10px 0 !important;
|
||||
}
|
||||
.o_gallery.o_masonry.o_spc-big div.col {
|
||||
padding: 0 15px;
|
||||
}
|
||||
.o_gallery.o_masonry.o_spc-big div.col > img {
|
||||
margin: 15px 0 !important;
|
||||
}
|
||||
.o_gallery.o_grid.size-auto .row {
|
||||
height: auto;
|
||||
}
|
||||
.o_gallery.o_grid.size-small .row {
|
||||
height: 100px;
|
||||
}
|
||||
.o_gallery.o_grid.size-medium .row {
|
||||
height: 250px;
|
||||
}
|
||||
.o_gallery.o_grid.size-big .row {
|
||||
height: 400px;
|
||||
}
|
||||
.o_gallery.o_grid.size-small .img, .o_gallery.o_grid.size-medium .img, .o_gallery.o_grid.size-big .img {
|
||||
height: 100%;
|
||||
}
|
||||
.o_gallery.o_nomode.o_spc-none .img {
|
||||
padding: 0;
|
||||
}
|
||||
.o_gallery.o_nomode.o_spc-small .img {
|
||||
padding: 5px;
|
||||
}
|
||||
.o_gallery.o_nomode.o_spc-medium .img {
|
||||
padding: 10px;
|
||||
}
|
||||
.o_gallery.o_nomode.o_spc-big .img {
|
||||
padding: 15px;
|
||||
}
|
||||
.o_gallery.o_slideshow .carousel ul.carousel-indicators li {
|
||||
border: 1px solid #aaa;
|
||||
}
|
||||
.o_gallery .carousel-inner .item img {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.o_gallery.o_slideshow > .container {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel {
|
||||
height: 100%;
|
||||
}
|
||||
.o_gallery.o_slideshow .carousel .item, .modal-body.o_slideshow .carousel .item {
|
||||
padding-bottom: 64px;
|
||||
}
|
||||
.o_gallery.o_slideshow .carousel img, .modal-body.o_slideshow .carousel img {
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
margin: auto;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.o_gallery.o_slideshow .carousel ul.carousel-indicators, .modal-body.o_slideshow .carousel ul.carousel-indicators {
|
||||
display: block;
|
||||
height: auto;
|
||||
padding: 0;
|
||||
border-width: 0;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
.o_gallery.o_slideshow .carousel ul.carousel-indicators > *, .modal-body.o_slideshow .carousel ul.carousel-indicators > * {
|
||||
list-style-image: none;
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0 0px 5px 5px;
|
||||
padding: 0;
|
||||
border: 1px solid #aaa;
|
||||
text-indent: initial;
|
||||
background-size: cover;
|
||||
background-color: #fff;
|
||||
border-radius: 0;
|
||||
}
|
||||
.o_gallery.o_slideshow .carousel ul.carousel-indicators > *:not(.active), .modal-body.o_slideshow .carousel ul.carousel-indicators > *:not(.active) {
|
||||
opacity: 0.8;
|
||||
-webkit-filter: grayscale(100%);
|
||||
filter: grayscale(100%);
|
||||
filter: gray;
|
||||
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
|
||||
}
|
||||
.o_gallery.o_slideshow .carousel .carousel-control.left, .o_gallery.o_slideshow .carousel .carousel-control.right, .modal-body.o_slideshow .carousel .carousel-control.left, .modal-body.o_slideshow .carousel .carousel-control.right {
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* Parallax Theme */
|
||||
div.carousel .carousel-indicators li {
|
||||
border: 1px solid grey;
|
||||
}
|
||||
div.carousel .carousel-indicators .active {
|
||||
background-color: grey;
|
||||
}
|
||||
div.carousel span.carousel-img img, div.carousel div.carousel-content {
|
||||
max-height: 95%;
|
||||
padding: 10px;
|
||||
}
|
||||
div.carousel div.carousel-content {
|
||||
background-color: black;
|
||||
color: white;
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.parallax {
|
||||
background-size: cover;
|
||||
}
|
||||
.parallax > div {
|
||||
position: relative;
|
||||
display: table;
|
||||
width: 100%;
|
||||
min-height: 200px;
|
||||
}
|
||||
.parallax > div > div {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
padding: 32px 0;
|
||||
}
|
||||
|
||||
/* Background (kept for 8.0 compatibility) */
|
||||
.oe_dark {
|
||||
background-color: rgba(200, 200, 200, 0.14);
|
||||
}
|
||||
|
||||
.oe_black {
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.oe_green {
|
||||
background-color: #169C78;
|
||||
color: white;
|
||||
}
|
||||
.oe_green .text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.oe_blue_light {
|
||||
background-color: #41b6ab;
|
||||
color: white;
|
||||
}
|
||||
.oe_blue_light .text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.oe_blue {
|
||||
background-color: #34495e;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.oe_orange {
|
||||
background-color: #f05442;
|
||||
color: white;
|
||||
}
|
||||
.oe_orange .text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.oe_purple {
|
||||
background-color: #b163a3;
|
||||
color: white;
|
||||
}
|
||||
.oe_purple .text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.oe_red {
|
||||
background-color: #9C1b31;
|
||||
color: white;
|
||||
}
|
||||
.oe_red .text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.oe_none {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.oe_yellow {
|
||||
background-color: #A2A51B;
|
||||
}
|
||||
|
||||
.oe_green {
|
||||
background-color: #149F2C;
|
||||
}
|
||||
|
||||
/* Misc */
|
||||
.texttop {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table.well tr th {
|
||||
text-align: right;
|
||||
padding-right: 10px;
|
||||
}
|
||||
table.well tr td {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.logo-img {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.oe_demo {
|
||||
position: relative;
|
||||
}
|
||||
.oe_demo img {
|
||||
width: 100%;
|
||||
}
|
||||
.oe_demo div {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
opacity: 0.85;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
padding: 7px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
.oe_demo div a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.oe_template_fallback {
|
||||
-moz-column-count: 3;
|
||||
-webkit-column-count: 3;
|
||||
column-count: 3;
|
||||
}
|
||||
|
||||
.oe_website_login_container {
|
||||
width: 400px;
|
||||
margin: 40px auto;
|
||||
}
|
||||
|
||||
.oe_website_overflow_ellipsis {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.oe_website_spinner {
|
||||
width: 121px;
|
||||
}
|
||||
.oe_website_spinner input {
|
||||
text-align: center;
|
||||
min-width: 50px;
|
||||
}
|
||||
|
||||
div.carousel .container > .carousel-caption {
|
||||
position: absolute;
|
||||
right: 50%;
|
||||
left: 50%;
|
||||
bottom: 20px;
|
||||
}
|
||||
div.carousel .container > .carousel-caption > div {
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
padding: 20px;
|
||||
background: rgba(0, 0, 0, 0.4);
|
||||
bottom: 20px;
|
||||
}
|
||||
div.carousel .container > .carousel-image {
|
||||
top: 5%;
|
||||
bottom: 5%;
|
||||
position: absolute;
|
||||
max-height: 90%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
div.carousel .item.text_image .container > .carousel-caption {
|
||||
left: 10%;
|
||||
}
|
||||
div.carousel .item.text_image .container > .carousel-caption > div {
|
||||
right: 50%;
|
||||
margin-right: -20%;
|
||||
max-width: 550px;
|
||||
}
|
||||
div.carousel .item.text_image .container > .carousel-image {
|
||||
right: 10%;
|
||||
left: 50%;
|
||||
}
|
||||
div.carousel .item.image_text .container > .carousel-caption {
|
||||
right: 10%;
|
||||
}
|
||||
div.carousel .item.image_text .container > .carousel-caption > div {
|
||||
left: 50%;
|
||||
margin-left: -20%;
|
||||
max-width: 550px;
|
||||
}
|
||||
div.carousel .item.image_text .container > .carousel-image {
|
||||
right: 50%;
|
||||
left: 10%;
|
||||
}
|
||||
div.carousel .item.text_only .container > .carousel-caption {
|
||||
left: 10%;
|
||||
right: 10%;
|
||||
top: 10%;
|
||||
bottom: auto;
|
||||
}
|
||||
div.carousel .item.text_only .container > .carousel-caption > div {
|
||||
text-align: center;
|
||||
background: transparent;
|
||||
bottom: auto;
|
||||
width: 100%;
|
||||
}
|
||||
div.carousel .item.text_only .container > .carousel-image {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* ---- Menu nav bar ---- {{{ */
|
||||
#oe_main_menu_navbar {
|
||||
position: fixed;
|
||||
min-height: 34px;
|
||||
z-index: 1001;
|
||||
-moz-border-radius: 0px;
|
||||
-webkit-border-radius: 0px;
|
||||
border-radius: 0px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
#oe_main_menu_navbar li a, #oe_main_menu_navbar li button {
|
||||
padding: 4px 8px 4px 8px;
|
||||
margin-top: 2px;
|
||||
font-size: 13px;
|
||||
}
|
||||
#oe_main_menu_navbar .navbar-nav.navbar-right:last-child {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
/* ---- footer style ---- {{{ */
|
||||
#footer div.row {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.container nav#oe_main_menu_navbar {
|
||||
position: inherit;
|
||||
}
|
||||
|
||||
.oe_search_clear {
|
||||
position: absolute;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
z-index: 2;
|
||||
right: 42px;
|
||||
color: #939393;
|
||||
padding: 10px 0;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.oe_search_box {
|
||||
padding-right: 23px;
|
||||
}
|
||||
|
||||
.note-editor button {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.o_hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#PlannerDialog {
|
||||
top: 35px;
|
||||
-webkit-box-shadow: 0 3px 9px #666666;
|
||||
box-shadow: 0 3px 9px #666666;
|
||||
}
|
||||
|
||||
.tour .popover-navigation {
|
||||
margin-left: 13px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
@@ -1,656 +0,0 @@
|
||||
@charset "utf-8"
|
||||
|
||||
@import "common"
|
||||
|
||||
/*
|
||||
* THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY
|
||||
*
|
||||
* css for editor buttons, openerp widget included in the website and other
|
||||
* stuff must go to the editor.css
|
||||
*
|
||||
*/
|
||||
|
||||
ul
|
||||
list-style-type: disc
|
||||
li > ul
|
||||
list-style-type: circle
|
||||
li > * > li > ul
|
||||
list-style-type: square
|
||||
li > * > li > * > li > ul
|
||||
list-style-type: disc
|
||||
li > * > li > * > li > * > li > ul
|
||||
list-style-type: circle
|
||||
li > * > li > * > li > * > li > * > li > ul
|
||||
list-style-type: square
|
||||
li > * > li > * > li > * > li > * > li > * > li > ul
|
||||
list-style-type: disc
|
||||
|
||||
ol
|
||||
list-style-type: decimal
|
||||
li > ol
|
||||
list-style-type: lower-alpha
|
||||
li > * > li > ol
|
||||
list-style-type: lower-greek
|
||||
li > * > li > * > li > ol
|
||||
list-style-type: decimal
|
||||
li > * > li > * > li > * > li > ol
|
||||
list-style-type: lower-alpha
|
||||
li > * > li > * > li > * > li > * > li > ol
|
||||
list-style-type: lower-greek
|
||||
li > * > li > * > li > * > li > * > li > * > li > ol
|
||||
list-style-type: decimal
|
||||
|
||||
li > p
|
||||
margin: 0
|
||||
|
||||
font[style*='background'], font[class*='bg-']
|
||||
padding: 0 2px
|
||||
|
||||
.o_ul_toggle_self, .o_ul_toggle_next
|
||||
display: none
|
||||
.o_ul_folded
|
||||
.o_close
|
||||
display: none !important
|
||||
.o_ul_toggle_self, .o_ul_toggle_next
|
||||
display: inline-block
|
||||
line-height: inherit
|
||||
float: left
|
||||
position: relative
|
||||
margin-left: -1em
|
||||
z-index: 1
|
||||
top: -0.15em
|
||||
left: 0.2em
|
||||
font-size: 1.4em
|
||||
text-decoration: none
|
||||
&:before
|
||||
content: "\f0da"
|
||||
&.o_open
|
||||
left: 0em
|
||||
&:before
|
||||
content: "\f0d7"
|
||||
|
||||
/* Extra Styles */
|
||||
|
||||
h1.text-muted, h2.text-muted, h3.text-muted
|
||||
margin-top: 10px
|
||||
|
||||
header
|
||||
a.navbar-brand.logo
|
||||
padding: 0 15px
|
||||
a.navbar-brand
|
||||
img
|
||||
max-height: 50px
|
||||
|
||||
hr
|
||||
margin-bottom: 10px
|
||||
padding-bottom: 10px
|
||||
|
||||
/* ----- Snippets Styles ----- */
|
||||
|
||||
.para_large
|
||||
font-size: 120%
|
||||
|
||||
.jumbotron.para_large p
|
||||
font-size: 150%
|
||||
|
||||
.readable
|
||||
font-size: 120%
|
||||
max-width: 700px
|
||||
margin-left: auto
|
||||
margin-right: auto
|
||||
|
||||
/* ----- BOOTSTRAP FIX ----- */
|
||||
|
||||
.container, .readable
|
||||
.container
|
||||
padding-left: 0
|
||||
padding-right: 0
|
||||
width: auto!important
|
||||
|
||||
/* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */
|
||||
|
||||
.navbar.navbar-static-top
|
||||
margin-bottom: 0
|
||||
ul.nav
|
||||
> li.divider
|
||||
margin-top: 15px
|
||||
padding-top: 20px
|
||||
border-right: 1px solid grey
|
||||
|
||||
/* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */
|
||||
|
||||
html,body, #wrapwrap
|
||||
+box-sizing(border-box)
|
||||
height: 100%
|
||||
|
||||
#wrapwrap
|
||||
display: table
|
||||
table-layout: fixed
|
||||
width: 100%
|
||||
> *
|
||||
display: table-row
|
||||
> main
|
||||
height: 100%
|
||||
> footer
|
||||
height: 100%
|
||||
background: rgba(200, 200, 200, 0.1)
|
||||
body > nav.navbar
|
||||
width: 100%
|
||||
position: absolute
|
||||
z-index: 10000
|
||||
@media (min-width: 767px)
|
||||
nav.navbar + #wrapwrap
|
||||
padding-top: 34px
|
||||
|
||||
/* ----- BOOTSTRAP FIX ----- */
|
||||
|
||||
@-moz-document url-prefix()
|
||||
.table .img-responsive
|
||||
width: 100%
|
||||
|
||||
.navbar .nav > li > p
|
||||
margin-bottom: 0px
|
||||
|
||||
/* ---- HOMEPAGE THEME CUSTOMIZATION ---- */
|
||||
|
||||
.nav-hierarchy
|
||||
padding-left: 16px
|
||||
|
||||
/* -- Hack for removing double scrollbar from mobile preview -- */
|
||||
div#mobile-preview.modal
|
||||
overflow: hidden
|
||||
|
||||
ul.nav-stacked > li > a
|
||||
padding: 2px 15px
|
||||
|
||||
#customize-menu .dropdown-header
|
||||
text-transform: uppercase
|
||||
|
||||
/* ---- PUBLISH ---- */
|
||||
.css_published
|
||||
.btn-danger, .css_publish
|
||||
display: none
|
||||
.css_unpublished
|
||||
.btn-success, .css_unpublish
|
||||
display: none
|
||||
|
||||
[data-publish='off']>*:not(.css_options)
|
||||
+opacity(0.5)
|
||||
|
||||
/* ---- END of PUBLISH ---- */
|
||||
|
||||
@include selection
|
||||
background: rgba(150, 150, 220, 0.3)
|
||||
|
||||
.logo-img
|
||||
width: 220px
|
||||
|
||||
.o_normalwhitespace
|
||||
white-space: normal
|
||||
|
||||
.oe_demo
|
||||
position: relative
|
||||
img
|
||||
width: 100%
|
||||
div
|
||||
position: absolute
|
||||
left: 0
|
||||
background-color: rgba(0,0,0,0.4)
|
||||
opacity: 0.85
|
||||
bottom: 0px
|
||||
width: 100%
|
||||
padding: 7px
|
||||
color: white
|
||||
font-weight: bold
|
||||
a
|
||||
color: white
|
||||
|
||||
|
||||
/* ---- SNIPPETS --- */
|
||||
|
||||
.oe_img_bg
|
||||
background-size: cover
|
||||
|
||||
.carousel, .parallax, .blockquote
|
||||
overflow: hidden
|
||||
|
||||
@media (max-width: 400px)
|
||||
section, .parallax, .row, .hr, .blockquote
|
||||
height: auto !important
|
||||
|
||||
.carousel-inner
|
||||
height: 100%
|
||||
.item
|
||||
height: 100%
|
||||
background-size: cover
|
||||
.carousel
|
||||
.carousel-control
|
||||
cursor: pointer
|
||||
span
|
||||
top: 50%
|
||||
position: absolute
|
||||
margin-top: -8px
|
||||
&.left
|
||||
left: -10px
|
||||
*
|
||||
position: absolute
|
||||
top: 50%
|
||||
z-index: 5
|
||||
right: 50%
|
||||
&.right
|
||||
right: -10px
|
||||
*
|
||||
position: absolute
|
||||
top: 50%
|
||||
z-index: 5
|
||||
left: 50%
|
||||
|
||||
.quotecarousel
|
||||
padding-bottom: 16px
|
||||
|
||||
.hr
|
||||
padding: 4px 0
|
||||
|
||||
|
||||
.o_image_floating
|
||||
width: 40%
|
||||
margin: 4px
|
||||
div.o_container
|
||||
position: relative
|
||||
mark
|
||||
display: block
|
||||
position: absolute
|
||||
bottom: 0
|
||||
width: 100%
|
||||
background-color: rgba(86,61,124,.25)
|
||||
a
|
||||
color: white
|
||||
&.o_hide_link div.o_container mark
|
||||
display: none
|
||||
&.o_margin_s
|
||||
margin-bottom: 4px
|
||||
&.pull-right
|
||||
margin-left: 8px
|
||||
&.pull-left
|
||||
margin-right: 8px
|
||||
&.o_margin_m
|
||||
margin-bottom: 8px
|
||||
&.pull-right
|
||||
margin-left: 12px
|
||||
&.pull-left
|
||||
margin-right: 12px
|
||||
&.o_margin_l
|
||||
margin-bottom: 12px
|
||||
&.pull-right
|
||||
margin-left: 16px
|
||||
&.pull-left
|
||||
margin-right: 16px
|
||||
&.o_margin_xl
|
||||
margin-bottom: 24px
|
||||
&.pull-right
|
||||
margin-left: 32px
|
||||
&.pull-left
|
||||
margin-right: 32px
|
||||
|
||||
|
||||
/* gallery */
|
||||
|
||||
.o_gallery
|
||||
&.o_grid, &.o_masonry
|
||||
.img
|
||||
width: 100%
|
||||
&.o_grid
|
||||
&.o_spc-none
|
||||
div.row
|
||||
margin: 0
|
||||
> *
|
||||
padding: 0
|
||||
&.o_spc-small
|
||||
div.row
|
||||
margin: 5px 0
|
||||
> *
|
||||
padding: 0 5px
|
||||
&.o_spc-medium
|
||||
div.row
|
||||
margin: 10px 0
|
||||
> *
|
||||
padding: 0 10px
|
||||
&.o_spc-big
|
||||
div.row
|
||||
margin: 15px 0
|
||||
> *
|
||||
padding: 0 15px
|
||||
&.o_masonry
|
||||
&.o_spc-none
|
||||
div.col
|
||||
padding: 0
|
||||
> img
|
||||
margin: 0 !important
|
||||
&.o_spc-small
|
||||
div.col
|
||||
padding: 0 5px
|
||||
> img
|
||||
margin: 5px 0 !important
|
||||
&.o_spc-medium
|
||||
div.col
|
||||
padding: 0 10px
|
||||
> img
|
||||
margin: 10px 0 !important
|
||||
&.o_spc-big
|
||||
div.col
|
||||
padding: 0 15px
|
||||
> img
|
||||
margin: 15px 0 !important
|
||||
&.o_grid
|
||||
&.size-auto .row
|
||||
height: auto
|
||||
&.size-small .row
|
||||
height: 100px
|
||||
&.size-medium .row
|
||||
height: 250px
|
||||
&.size-big .row
|
||||
height: 400px
|
||||
&.size-small, &.size-medium, &.size-big
|
||||
.img
|
||||
height: 100%
|
||||
&.o_nomode
|
||||
&.o_spc-none
|
||||
.img
|
||||
padding: 0
|
||||
&.o_spc-small
|
||||
.img
|
||||
padding: 5px
|
||||
&.o_spc-medium
|
||||
.img
|
||||
padding: 10px
|
||||
&.o_spc-big
|
||||
.img
|
||||
padding: 15px
|
||||
|
||||
&.o_slideshow .carousel ul.carousel-indicators li
|
||||
border: 1px solid #aaa
|
||||
.carousel-inner .item img
|
||||
max-width: none
|
||||
|
||||
.o_gallery.o_slideshow > .container
|
||||
height: 100%
|
||||
|
||||
.o_gallery.o_slideshow .carousel, .modal-body.o_slideshow .carousel
|
||||
height: 100%
|
||||
.item
|
||||
padding-bottom: 64px
|
||||
img
|
||||
max-height: 100%
|
||||
max-width: 100%
|
||||
margin: auto
|
||||
position: relative
|
||||
top: 50%
|
||||
-webkit-transform: translateY(-50%)
|
||||
-ms-transform: translateY(-50%)
|
||||
transform: translateY(-50%)
|
||||
ul.carousel-indicators
|
||||
display: block
|
||||
height: auto
|
||||
padding: 0
|
||||
border-width: 0
|
||||
position: absolute
|
||||
bottom: 0
|
||||
> *
|
||||
list-style-image: none
|
||||
display: inline-block
|
||||
width: 40px
|
||||
height: 40px
|
||||
margin: 0 0px 5px 5px
|
||||
padding: 0
|
||||
border: 1px solid #aaa
|
||||
text-indent: initial
|
||||
background-size: cover
|
||||
background-color: #fff
|
||||
border-radius: 0
|
||||
> *:not(.active)
|
||||
opacity: 0.8
|
||||
-webkit-filter: grayscale(100%)
|
||||
filter: grayscale(100%)
|
||||
filter: gray
|
||||
filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale")
|
||||
.carousel-control.left, .carousel-control.right
|
||||
background-image: none
|
||||
background-color: transparent
|
||||
|
||||
/* Parallax Theme */
|
||||
|
||||
div.carousel
|
||||
.carousel-indicators
|
||||
li
|
||||
border: 1px solid grey
|
||||
.active
|
||||
background-color: grey
|
||||
span.carousel-img img, div.carousel-content
|
||||
max-height: 95%
|
||||
padding: 10px
|
||||
div.carousel-content
|
||||
background-color: black
|
||||
color: white
|
||||
background: rgba(0, 0, 0, 0.3)
|
||||
|
||||
.parallax
|
||||
background-size: cover
|
||||
> div
|
||||
position: relative
|
||||
display: table
|
||||
width: 100%
|
||||
min-height: 200px
|
||||
> div
|
||||
display: table-cell
|
||||
vertical-align: middle
|
||||
padding: 32px 0
|
||||
|
||||
/* Background (kept for 8.0 compatibility) */
|
||||
|
||||
.oe_dark
|
||||
background-color: rgba(200, 200, 200, 0.14)
|
||||
|
||||
.oe_black
|
||||
background-color: rgba(0, 0, 0, 0.9)
|
||||
color: white
|
||||
|
||||
.oe_green
|
||||
background-color: #169C78
|
||||
color: white
|
||||
.text-muted
|
||||
color: #ddd
|
||||
|
||||
.oe_blue_light
|
||||
background-color: #41b6ab
|
||||
color: white
|
||||
.text-muted
|
||||
color: #ddd
|
||||
|
||||
.oe_blue
|
||||
background-color: #34495e
|
||||
color: white
|
||||
|
||||
.oe_orange
|
||||
background-color: #f05442
|
||||
color: white
|
||||
.text-muted
|
||||
color: #ddd
|
||||
|
||||
.oe_purple
|
||||
background-color: #b163a3
|
||||
color: white
|
||||
.text-muted
|
||||
color: #ddd
|
||||
|
||||
.oe_red
|
||||
background-color: #9C1b31
|
||||
color: white
|
||||
.text-muted
|
||||
color: #ddd
|
||||
|
||||
.oe_none
|
||||
background-color: #FFFFFF
|
||||
|
||||
.oe_yellow
|
||||
background-color: #A2A51B
|
||||
|
||||
.oe_green
|
||||
background-color: #149F2C
|
||||
|
||||
/* Misc */
|
||||
|
||||
.texttop
|
||||
vertical-align: top
|
||||
|
||||
table.well tr
|
||||
th
|
||||
text-align: right
|
||||
padding-right: 10px
|
||||
td
|
||||
padding-right: 5px
|
||||
|
||||
.logo-img
|
||||
width: 220px
|
||||
|
||||
.oe_demo
|
||||
position: relative
|
||||
img
|
||||
width: 100%
|
||||
div
|
||||
position: absolute
|
||||
left: 0
|
||||
background-color: rgba(0,0,0,0.4)
|
||||
opacity: 0.85
|
||||
bottom: 0px
|
||||
width: 100%
|
||||
padding: 7px
|
||||
color: white
|
||||
font-weight: bold
|
||||
a
|
||||
color: white
|
||||
|
||||
.oe_template_fallback
|
||||
@include column-count(3)
|
||||
|
||||
.oe_website_login_container
|
||||
width: 400px
|
||||
margin: 40px auto
|
||||
|
||||
.oe_website_overflow_ellipsis
|
||||
white-space: nowrap
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
|
||||
.oe_website_spinner
|
||||
width: 121px
|
||||
input
|
||||
text-align: center
|
||||
min-width: 50px
|
||||
|
||||
div.carousel
|
||||
.container
|
||||
> .carousel-caption
|
||||
position: absolute
|
||||
right: 50%
|
||||
left: 50%
|
||||
bottom: 20px
|
||||
> div
|
||||
position: absolute
|
||||
text-align: left
|
||||
padding: 20px
|
||||
background: rgba(0, 0, 0, 0.4)
|
||||
bottom: 20px
|
||||
> .carousel-image
|
||||
top: 5%
|
||||
bottom: 5%
|
||||
position: absolute
|
||||
max-height: 90%
|
||||
margin: 0 auto
|
||||
.item.text_image
|
||||
.container
|
||||
> .carousel-caption
|
||||
left: 10%
|
||||
> div
|
||||
right: 50%
|
||||
margin-right: -20%
|
||||
max-width: 550px
|
||||
> .carousel-image
|
||||
right: 10%
|
||||
left: 50%
|
||||
.item.image_text
|
||||
.container
|
||||
> .carousel-caption
|
||||
right: 10%
|
||||
> div
|
||||
left: 50%
|
||||
margin-left: -20%
|
||||
max-width: 550px
|
||||
> .carousel-image
|
||||
right: 50%
|
||||
left: 10%
|
||||
.item.text_only
|
||||
.container
|
||||
> .carousel-caption
|
||||
left: 10%
|
||||
right: 10%
|
||||
top: 10%
|
||||
bottom: auto
|
||||
> div
|
||||
text-align: center
|
||||
background: transparent
|
||||
bottom: auto
|
||||
width: 100%
|
||||
> .carousel-image
|
||||
display: none !important
|
||||
|
||||
/* ---- Menu nav bar ---- {{{ */
|
||||
|
||||
#oe_main_menu_navbar
|
||||
position: fixed
|
||||
min-height: 34px
|
||||
z-index: 1001
|
||||
+border-radius(0px)
|
||||
margin-bottom: 0px
|
||||
li a, li button
|
||||
padding: 4px 8px 4px 8px
|
||||
margin-top: 2px
|
||||
font-size: 13px
|
||||
.navbar-nav.navbar-right:last-child
|
||||
margin-right: 0 !important
|
||||
|
||||
/* ---- footer style ---- {{{ */
|
||||
#footer div.row
|
||||
word-wrap: break-word
|
||||
|
||||
.container
|
||||
nav#oe_main_menu_navbar
|
||||
position: inherit
|
||||
|
||||
.oe_search_clear
|
||||
position: absolute
|
||||
display: none
|
||||
cursor: pointer
|
||||
z-index: 2
|
||||
right: 42px
|
||||
color: #939393
|
||||
padding: 10px 0
|
||||
top: 1px
|
||||
|
||||
.oe_search_box
|
||||
padding-right: 23px
|
||||
|
||||
.note-editor button
|
||||
height: 30px
|
||||
|
||||
.o_hidden
|
||||
display: none !important
|
||||
|
||||
#PlannerDialog
|
||||
top: 35px
|
||||
-webkit-box-shadow: 0 3px 9px #666666
|
||||
box-shadow: 0 3px 9px #666666
|
||||
|
||||
.tour
|
||||
.popover-navigation
|
||||
margin-left: 13px
|
||||
margin-bottom: 8px
|
||||
@@ -1 +0,0 @@
|
||||
@import "bootstrap";
|
||||
@@ -1,153 +1,148 @@
|
||||
.o_editable{
|
||||
&:not(:empty),&[data-oe-type]{
|
||||
&:not([data-oe-model="ir.ui.view"]):not([data-oe-type="html"]):hover{
|
||||
/* to do change into primary color in less */;
|
||||
-moz-box-shadow: #3071a9 0 0 5px 2px inset;
|
||||
-webkit-box-shadow: #3071a9 0 0 5px 2px inset;
|
||||
box-shadow: #3071a9 0 0 5px 2px inset;
|
||||
|
||||
@-webkit-keyframes dragAndDrop {
|
||||
0% {
|
||||
top: -10px;
|
||||
left: -20px;
|
||||
.rotate(0);
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
top: -10px;
|
||||
left: -20px;
|
||||
.rotate(0);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
top: 30px;
|
||||
left: 20px;
|
||||
.rotate(45deg);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
&:focus,&[data-oe-type]{
|
||||
min-height: 0.8em;
|
||||
min-width: 8px;
|
||||
}
|
||||
&.o_is_inline_editable{
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.editor_enable [data-oe-readonly]:hover{
|
||||
cursor: default;
|
||||
@keyframes dragAndDrop {
|
||||
0% {
|
||||
top: -10px;
|
||||
left: -20px;
|
||||
.rotate(0);
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
top: -10px;
|
||||
left: -20px;
|
||||
.rotate(0);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
top: 30px;
|
||||
left: 20px;
|
||||
.rotate(45deg);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Summernote not Support for placeholder text https://github.com/summernote/summernote/issues/581 */;
|
||||
.o_editable[placeholder]:empty:not(:focus):before{
|
||||
content: attr(placeholder);
|
||||
opacity: 0.3;
|
||||
.o_editable {
|
||||
&:not(:empty), &[data-oe-type] {
|
||||
&:not([data-oe-model="ir.ui.view"]):not([data-oe-type="html"]):hover {
|
||||
box-shadow: @odoo-brand-primary 0 0 5px 2px inset;
|
||||
}
|
||||
}
|
||||
&:focus, &[data-oe-type] {
|
||||
min-height: 0.8em;
|
||||
min-width: 8px;
|
||||
}
|
||||
&.o_is_inline_editable {
|
||||
display: inline-block;
|
||||
}
|
||||
.btn, &.btn {
|
||||
.user-select(auto);
|
||||
cursor: text!important;
|
||||
}
|
||||
/* Summernote not Support for placeholder text https://github.com/summernote/summernote/issues/581 */
|
||||
&[placeholder]:empty:not(:focus):before {
|
||||
content: attr(placeholder);
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
&.oe_structure.oe_empty, &[data-oe-type=html] {
|
||||
> p:empty:only-child {
|
||||
color: #aaa;
|
||||
}
|
||||
}
|
||||
&.oe_structure.oe_empty, &[data-oe-type=html] {
|
||||
&:empty,
|
||||
> .oe_drop_zone.oe_insert:only-child,
|
||||
> p:empty:only-child {
|
||||
position: relative;
|
||||
&:before {
|
||||
display: block;
|
||||
font-family: FontAwesome;
|
||||
content: "\f061";
|
||||
color: @odoo-brand-primary;
|
||||
font-size: 30px;
|
||||
|
||||
position: absolute;
|
||||
z-index: 1031;
|
||||
.o-animation(dragAndDrop, 1s, linear, 0s, infinite, alternate);
|
||||
}
|
||||
&:focus:before { display: none; }
|
||||
}
|
||||
}
|
||||
}
|
||||
.editor_enable [data-oe-readonly]:hover {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
/* Prevent the text contents of draggable elements from being selectable. */;
|
||||
[draggable]{
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/* Prevent firefox handler. */;
|
||||
.o_editable .btn{
|
||||
-webkit-user-select: auto;
|
||||
-moz-user-select: auto;
|
||||
-ms-user-select: auto;
|
||||
user-select: auto;
|
||||
/* Prevent the text contents of draggable elements from being selectable. */
|
||||
[draggable] {
|
||||
.user-select(none);
|
||||
}
|
||||
|
||||
.oe_editable:focus,
|
||||
.css_editable_hidden,
|
||||
.editor_enable .css_editable_mode_hidden{
|
||||
outline: none !important
|
||||
.editor_enable .css_editable_mode_hidden {
|
||||
outline: none!important;
|
||||
}
|
||||
|
||||
.css_editable_display,
|
||||
.editor_enable .css_non_editable_mode_hidden,
|
||||
.o_editable .media_iframe_video .css_editable_mode_display{
|
||||
display: block !important
|
||||
.o_editable .media_iframe_video .css_editable_mode_display {
|
||||
display: block!important;
|
||||
}
|
||||
|
||||
.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;
|
||||
&:before{
|
||||
content: 'Press The Top-Left Edit Button' !important
|
||||
[data-oe-type=html].oe_no_empty:empty {
|
||||
height: 16px!important;
|
||||
&:before {
|
||||
content: ''!important;
|
||||
}
|
||||
}
|
||||
|
||||
.o_editable{
|
||||
&.oe_structure.oe_empty > p:empty:only-child, &[data-oe-type=html] > p:empty:only-child{
|
||||
color: #aaa
|
||||
}
|
||||
&.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,
|
||||
&.oe_structure.oe_empty > p:empty:only-child,
|
||||
&[data-oe-type=html] > p:empty:only-child{
|
||||
background-image: none !important;
|
||||
&:before { content: 'Write your text here' !important}
|
||||
&:focus:before { display: none}
|
||||
}
|
||||
// EDITOR BAR
|
||||
table.editorbar-panel {
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
td { border: 1px solid #aaa}
|
||||
td.selected { background-color: #b1c9d9}
|
||||
}
|
||||
#oe_snippets ~ #wrapwrap{
|
||||
.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/drag_here.png') !important;
|
||||
&:before{
|
||||
content: 'Drag Building Blocks Here' !important
|
||||
.link-style {
|
||||
.dropdown > .btn {
|
||||
min-width: 160px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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: none;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
height: 220px !important;
|
||||
}
|
||||
|
||||
[data-oe-type=html].oe_no_empty:empty{
|
||||
background-image: none !important;
|
||||
height: 16px !important;
|
||||
&:before{
|
||||
content: '' !important
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ---- EDITOR BAR ---- {{{ */
|
||||
|
||||
table.editorbar-panel{
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
td{ border: 1px solid #aaa}
|
||||
td.selected{ background-color: #b1c9d9}
|
||||
}
|
||||
.link-style{
|
||||
.dropdown > .btn{
|
||||
min-width: 160px;
|
||||
}
|
||||
.link-style{
|
||||
display: none;
|
||||
}
|
||||
li{
|
||||
text-align: center;
|
||||
label{
|
||||
width: 100px;
|
||||
margin: 0 5px;
|
||||
.link-style {
|
||||
display: none;
|
||||
}
|
||||
li {
|
||||
text-align: center;
|
||||
label {
|
||||
width: 100px;
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
.col-sm-2 > * {
|
||||
line-height: 2em;
|
||||
}
|
||||
}
|
||||
.col-sm-2 > *{
|
||||
line-height: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
/* ---- RTE ---- {{{ */
|
||||
|
||||
// bootstrap makes .btn elements unselectable -> RTE double-click can't know
|
||||
// about them either
|
||||
.oe_editable .btn,
|
||||
.btn.oe_editable{
|
||||
.user-select(auto);
|
||||
cursor: text !important;
|
||||
}
|
||||
|
||||
// fontawesome
|
||||
.note-editable .fa{
|
||||
cursor: pointer;
|
||||
.note-editable .fa {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,61 +0,0 @@
|
||||
// Transitions
|
||||
// ======================
|
||||
|
||||
@wb_md-ease: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
|
||||
// Animation
|
||||
// ======================
|
||||
|
||||
@-webkit-keyframes fadeInDownSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
.translateY(-5px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
.translateY(0);
|
||||
}
|
||||
}
|
||||
@keyframes fadeInDownSmall {
|
||||
0% {
|
||||
opacity: 0;
|
||||
.translateY(-5px);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
.translateY(0);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fadeInOut {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
25% {
|
||||
opacity: 1;
|
||||
}
|
||||
75% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fadeInOut {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
25% {
|
||||
opacity: 1;
|
||||
}
|
||||
75% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes inputHighlighter {
|
||||
from { background: @wb_color-accent; }
|
||||
to { width:0; background:transparent; }
|
||||
}
|
||||
@@ -1,334 +1,45 @@
|
||||
// Fonts
|
||||
// ============================
|
||||
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
|
||||
|
||||
// Layouting
|
||||
// ============================
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// LAYOUTING
|
||||
body.o_connected_user {
|
||||
padding-top: @odoo-navbar-height!important;
|
||||
}
|
||||
|
||||
#wrapwrap {
|
||||
width: auto;
|
||||
min-height: 100%;
|
||||
overflow-x: hidden;
|
||||
margin-bottom: -160px;
|
||||
padding-bottom: 160px;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
// Main menu style
|
||||
// ========================================================
|
||||
#website_editor_container {
|
||||
text-rendering: geometricPrecision;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
position: relative;
|
||||
height: @wb_editor-bar-height;
|
||||
width: 100%;
|
||||
#website_main_menu_navbar {
|
||||
background: @wb_editor-bar-bg;
|
||||
width: 100%;
|
||||
height: @wb_editor-bar-height;
|
||||
min-height: @wb_editor-bar-height;
|
||||
font-family: @wb_font-default;
|
||||
font-weight: 600;
|
||||
z-index: 9999;
|
||||
position: fixed;
|
||||
color: @wb_color-text-normal;
|
||||
border: none;
|
||||
// MAIN MENU STYLE (added above navbar.less)
|
||||
#oe_main_menu_navbar {
|
||||
.o-position-absolute(0, 0, auto, 0);
|
||||
position: fixed;
|
||||
z-index: 1001;
|
||||
.border-radius(0px);
|
||||
margin-bottom: 0px;
|
||||
.o-transition(opacity 0.4s @wb_md-ease);
|
||||
&.editing_mode > ul {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Applications switcher
|
||||
// ========================================================
|
||||
#website_main_menu_navbar {
|
||||
.o_menu_toggle {
|
||||
position: relative;
|
||||
padding: 10px 15px;
|
||||
color: white;
|
||||
text-shadow:0 1px 0 @wb_color-primary-d10;
|
||||
&:hover{
|
||||
background-color: @wb_color-primary-d10;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.o_menu_brand {
|
||||
.user-select(none);
|
||||
position: relative;
|
||||
cursor: default;
|
||||
margin-right: 25px;
|
||||
font-size: 22px;
|
||||
font-weight: 800;
|
||||
float: left;
|
||||
padding: 13px 0px;
|
||||
line-height: 18px;
|
||||
height: @wb_editor-bar-height;
|
||||
color: white;
|
||||
text-shadow:0 1px 0 @wb_color-primary-d10;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Menu UL
|
||||
// ========================================================
|
||||
#website_main_menu_navbar {
|
||||
> ul {
|
||||
height: @wb_editor-bar-height;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
padding: 0 0 0 5px;
|
||||
opacity: 1;
|
||||
font-size: 0; // remove default browser margin beetwen inline-block elements
|
||||
&.right {
|
||||
float: right;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// General 'li' + animated edit button (.ui-effects-wrapper)
|
||||
// ==========================================================
|
||||
#website_main_menu_navbar {
|
||||
> ul > li,
|
||||
> ul > .ui-effects-wrapper {
|
||||
font-size: @wb_font-size-def; // restore default font-size
|
||||
height: @wb_editor-bar-height;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
list-style: none;
|
||||
> a, > button {
|
||||
color: @wb_editor-bar-link-color;
|
||||
text-shadow:0 1px 0 @wb_editor-bar-link-shadow;
|
||||
padding: 0 10px;
|
||||
font-weight: 600;
|
||||
height: @wb_editor-bar-height;
|
||||
line-height: @wb_editor-bar-height - 5px;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
font-size: 11px;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
border: none;
|
||||
outline: none;
|
||||
.o-transition(all 0.2s ease);
|
||||
&.full {
|
||||
color: white;
|
||||
}
|
||||
&.accent{
|
||||
text-shadow:0 1px 0 @wb_color-accent-d10;
|
||||
}
|
||||
}
|
||||
&:hover, &:active, &:focus {
|
||||
> a, > button {
|
||||
color: white;
|
||||
font-family: Roboto, @font-family-sans-serif;
|
||||
font-size: @odoo-font-size-base;
|
||||
a:hover, a:focus {
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Menu dropdowns
|
||||
// ==========================================================
|
||||
#website_main_menu_navbar > ul {
|
||||
> li.dropdown {
|
||||
font-size: @wb_font-size-def;
|
||||
position: relative;
|
||||
> .dropdown-toggle {
|
||||
color: @wb_dropdown-toggle-color;
|
||||
height: @wb_editor-bar-height;
|
||||
line-height: @wb_editor-bar-height - @wb_editor-dropdown-border-height;
|
||||
border-top: @wb_editor-dropdown-border-height solid transparent;
|
||||
text-shadow:0 1px 0 @wb_dropdown-toggle-shadow-color;
|
||||
border-top: @wb_editor-dropdown-border-height solid transparent;
|
||||
.box-shadow(inset 0 9px 16px -32px transparent);
|
||||
&:hover, &:focus, &:active {
|
||||
outline: 0;
|
||||
}
|
||||
.caret{}
|
||||
}
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
display: none; // none by default, but block on "open" of the menu
|
||||
float: left;
|
||||
min-width: 160px;
|
||||
padding: @wb_dropdown-menu-padding;
|
||||
list-style: none;
|
||||
text-align: left;
|
||||
background-clip: padding-box;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
background-color: @wb_dropdown-menu-color;
|
||||
.box-shadow(@wb_dropdown-shadow);
|
||||
li {
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
> a {
|
||||
padding: @wb_dropdown-li-padding;
|
||||
color: @wb_dropdown-li-color;
|
||||
display: block;
|
||||
font-size: inherit;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.o_menu_systray {
|
||||
a[data-action="edit"], a[data-action="translate"] {
|
||||
background-color: @odoo-brand-optional;
|
||||
outline: 1px solid @odoo-brand-optional;
|
||||
&:hover, &:focus {
|
||||
background-color: darken(@odoo-brand-optional, 10%);
|
||||
outline-color: darken(@odoo-brand-optional, 10%);
|
||||
}
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
&, &:hover, &:focus {
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover {
|
||||
background: @wb_dropdown-li-hover-bg;
|
||||
> a {
|
||||
color: @wb_dropdown-li-hover-color;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.o_mobile_preview a {
|
||||
width: @odoo-navbar-height - 2;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
li > ul {
|
||||
background: @wb_dropdown-menu-color;
|
||||
padding: 2px 0 0 0;
|
||||
&:before{
|
||||
content: "";
|
||||
margin: @wb_dropdown-li-padding;
|
||||
margin-top: 0;
|
||||
display: block;
|
||||
background: fadeout(@wb_dropdown-li-color, 50%);
|
||||
height: 1px;
|
||||
}
|
||||
> li > a {
|
||||
padding: @wb_dropdown-li-wrapped-padding;
|
||||
}
|
||||
}
|
||||
|
||||
li.divider {
|
||||
pointer-events: none;
|
||||
margin: @wb_dropdown-li-divider-margin;
|
||||
padding: 0;
|
||||
background-color: fadeout(@wb_dropdown-li-color, 50%);
|
||||
}
|
||||
li.dropdown-header{
|
||||
pointer-events: none;
|
||||
margin: @wb_dropdown-li-divider-margin;
|
||||
padding: 0;
|
||||
color: fadeout(@wb_dropdown-li-color, 50%);
|
||||
&:hover {
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
} // /.wb_dropdown-menu, .dropdown-menu
|
||||
&.right{
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
text-align: right;
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Menu dropdowns OPEN
|
||||
// ==========================================================
|
||||
#website_main_menu_navbar > ul {
|
||||
> li.dropdown.open {
|
||||
> .dropdown-toggle {
|
||||
background-color: @wb_dropdown--open-toggle-bg-color;
|
||||
color: @wb_dropdown--open-toggle-color;
|
||||
text-shadow:0 1px 0 @wb_dropdown--open-toggle-shadow-color;
|
||||
border-top: @wb_editor-dropdown-border-height solid white;
|
||||
.box-shadow(inset 0 9px 16px -12px fadeOut(white, 30%));
|
||||
}
|
||||
> .dropdown-menu{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Ripples
|
||||
// ==========================================================
|
||||
.ripple {
|
||||
display: block;
|
||||
position: absolute;
|
||||
background: hsl(180, 40%, 80%);
|
||||
border-radius: 100%;
|
||||
.scale(0);
|
||||
&.animate{
|
||||
.animation(ripple 0.3s linear);
|
||||
}
|
||||
}
|
||||
|
||||
// Child unique elements
|
||||
// ==========================================================
|
||||
#website_main_menu_navbar {
|
||||
#oe_editzone {
|
||||
padding: 0;
|
||||
}
|
||||
#oe_systray {
|
||||
.transition(opacity 0.3s @wb_md-ease);
|
||||
.opacity(0);
|
||||
&.ready{
|
||||
.opacity(1);
|
||||
}
|
||||
}
|
||||
.o_planner_systray {
|
||||
float: right;
|
||||
width: 45px;
|
||||
margin-right: 5px;
|
||||
.progress {
|
||||
margin: ((@wb_editor-bar-height/2)-3px) 0;
|
||||
height: 8px;
|
||||
background-color: @wb_color-primary-d10;
|
||||
.progress-bar {
|
||||
box-shadow: none;
|
||||
background-color: @wb_color-accent;
|
||||
}
|
||||
}
|
||||
}
|
||||
.o_mobile_preview{
|
||||
float: right;
|
||||
margin: 0 10px 0 20px;
|
||||
a{
|
||||
font-size: 20px;
|
||||
line-height: @wb_editor-bar-height;
|
||||
}
|
||||
}
|
||||
li.content{
|
||||
#website_addPage_list ~ li{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Entering in 'Edit Mode'
|
||||
// ==========================================================
|
||||
body.editor_enable {
|
||||
#wrapwrap {
|
||||
.o-transition(margin-left 0.4s @wb_md-ease);
|
||||
}
|
||||
}
|
||||
|
||||
body.editor_enable.editor_has_snippets {
|
||||
#wrapwrap {
|
||||
margin-left: 210px;
|
||||
}
|
||||
}
|
||||
|
||||
// UTILITY CLASSES
|
||||
// ==========================================================
|
||||
.wb_hidden_xs{
|
||||
@media screen and (max-width: @wb_screen_sm){
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,190 +0,0 @@
|
||||
// Button variants
|
||||
// ========================
|
||||
// Easily pump out default styles, as well as :hover, :focus, :active,
|
||||
// and disabled options for all buttons
|
||||
|
||||
.button-variant(@color, @background, @border) {
|
||||
color: @color;
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
&:focus,
|
||||
&.focus {
|
||||
color: @color;
|
||||
background-color: darken(@background, 10%);
|
||||
border-color: darken(@border, 25%);
|
||||
}
|
||||
&:hover {
|
||||
color: @color;
|
||||
background-color: darken(@background, 10%);
|
||||
border-color: darken(@border, 12%);
|
||||
}
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
color: @color;
|
||||
background-color: darken(@background, 10%);
|
||||
border-color: darken(@border, 12%);
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus {
|
||||
color: @color;
|
||||
background-color: darken(@background, 17%);
|
||||
border-color: darken(@border, 25%);
|
||||
}
|
||||
}
|
||||
&:active,
|
||||
&.active,
|
||||
.open > &.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&.focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: @background;
|
||||
border-color: @border;
|
||||
}
|
||||
}
|
||||
.badge {
|
||||
color: @background;
|
||||
background-color: @color;
|
||||
}
|
||||
}
|
||||
|
||||
// Button sizes
|
||||
.button-size(@padding-vertical, @padding-horizontal, @font-size, @line-height, @border-radius) {
|
||||
padding: @padding-vertical @padding-horizontal;
|
||||
font-size: @font-size;
|
||||
line-height: @line-height;
|
||||
border-radius: @border-radius;
|
||||
}
|
||||
|
||||
// Transitions
|
||||
.transition(@transition...) {
|
||||
-moz-transition: @transition;
|
||||
-o-transition: @transition;
|
||||
-webkit-transition: @transition;
|
||||
transition: @transition;
|
||||
}
|
||||
|
||||
.transition-property(@property...) {
|
||||
-moz-transition-property: @property;
|
||||
-o-transition-property: @property;
|
||||
-webkit-transition-property: @property;
|
||||
transition-property: @property;
|
||||
}
|
||||
|
||||
.transition-duration(@duration...) {
|
||||
-moz-transition-property: @duration;
|
||||
-o-transition-property: @duration;
|
||||
-webkit-transition-property: @duration;
|
||||
transition-property: @duration;
|
||||
}
|
||||
|
||||
.transition-timing-function(@timing...) {
|
||||
-moz-transition-timing-function: @timing;
|
||||
-o-transition-timing-function: @timing;
|
||||
-webkit-transition-timing-function: @timing;
|
||||
transition-timing-function: @timing;
|
||||
}
|
||||
|
||||
.transition-delay(@delay...) {
|
||||
-moz-transition-delay: @delay;
|
||||
-o-transition-delay: @delay;
|
||||
-webkit-transition-delay: @delay;
|
||||
transition-delay: @delay;
|
||||
}
|
||||
|
||||
// ANIMATIONS
|
||||
// ===========================
|
||||
|
||||
.animation(@str) {
|
||||
-webkit-animation: @str;
|
||||
-moz-animation: @str;
|
||||
-ms-animation: @str;
|
||||
-o-animation: @str;
|
||||
animation: @str;
|
||||
}
|
||||
|
||||
|
||||
// BACKGROUND GRADIENT
|
||||
// =======================
|
||||
|
||||
.linear-gradient(@start-color: #555; @end-color: #333; @deg: 45deg) {
|
||||
background-repeat: repeat-x;
|
||||
background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+
|
||||
background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12
|
||||
background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
|
||||
}
|
||||
|
||||
|
||||
.box-shadow(@string) {
|
||||
-webkit-box-shadow: @string;
|
||||
-moz-box-shadow: @string;
|
||||
box-shadow: @string;
|
||||
}
|
||||
|
||||
.border-radius(@radius: 5px) {
|
||||
-webkit-border-radius: @radius;
|
||||
-moz-border-radius: @radius;
|
||||
border-radius: @radius;
|
||||
}
|
||||
|
||||
// TRANSFORM
|
||||
// ===================================
|
||||
.transform(@transforms) {
|
||||
-moz-transform: @transforms;
|
||||
-o-transform: @transforms;
|
||||
-ms-transform: @transforms;
|
||||
-webkit-transform: @transforms;
|
||||
transform: @transforms;
|
||||
}
|
||||
|
||||
// rotate
|
||||
.rotate(@deg) {
|
||||
.transform(rotate(@deg));
|
||||
}
|
||||
|
||||
// scale
|
||||
.scale(@scale) {
|
||||
.transform(scale(@scale));
|
||||
}
|
||||
|
||||
// translate
|
||||
.translate(@x, @y) {
|
||||
.transform(translate(@x, @y));
|
||||
}
|
||||
|
||||
// translate
|
||||
.translateY(@y) {
|
||||
.transform(translateY(@y));
|
||||
}
|
||||
|
||||
// skew
|
||||
.skew(@x, @y) {
|
||||
.transform(skew(@xdeg, @ydeg));
|
||||
}
|
||||
|
||||
// transform origin
|
||||
.transform-origin(@origin) {
|
||||
moz-transform-origin: @origin;
|
||||
-o-transform-origin: @origin;
|
||||
-ms-transform-origin: @origin;
|
||||
-webkit-transform-origin: @origin;
|
||||
transform-origin: @origin;
|
||||
}
|
||||
|
||||
// HELPERS
|
||||
// ======================================
|
||||
|
||||
.user-select(@str) {
|
||||
-moz-user-select: @str;
|
||||
-webkit-user-select: @str;
|
||||
-ms-user-select: @str;
|
||||
user-select: @str;
|
||||
}
|
||||
@@ -1,105 +0,0 @@
|
||||
body {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
// Fonts
|
||||
// =======================
|
||||
@wb_font-default : "Roboto", Roboto, sans-serif;
|
||||
@wb_font-size-def : 12px;
|
||||
|
||||
// COLORS UI
|
||||
// =======================
|
||||
@wb_color-dark : #2c2c36;
|
||||
@wb_color-darker : darken(#2c2c36,10%);
|
||||
@wb_color-divider : #33363e;
|
||||
@wb_color-normal : #50545d;
|
||||
@wb_color-light : #4e525b;
|
||||
|
||||
@wb_color-paper : #fbfbfd;
|
||||
@wb_color-inactive : #646465;
|
||||
|
||||
@wb_color-text-normal : #999999;
|
||||
@wb_color-text-light : #d4d5d7;
|
||||
@wb_color-text-dark : #505050;
|
||||
|
||||
@wb_color-accent : #1cc1a9;
|
||||
@wb_color-accent-d10 : darken(@wb_color-accent, 10%);
|
||||
@wb_color-primary : #a24689;
|
||||
@wb_color-primary-d5 : darken(@wb_color-primary, 5%);
|
||||
@wb_color-primary-d10 : darken(@wb_color-primary, 10%);
|
||||
@wb_color-primary-l10 : lighten(@wb_color-primary, 10%);
|
||||
|
||||
@wb_color-danger : #e6586c;
|
||||
@wb_color-success : #4ab980;
|
||||
|
||||
|
||||
// LAYOUT
|
||||
// =======================
|
||||
@wb_screen_xs : 480px;
|
||||
@wb_screen_sm : 768px;
|
||||
@wb_screen_md : 992px;
|
||||
@wb_screen_lg : 1200px;
|
||||
|
||||
|
||||
// TOP BAR
|
||||
// =======================
|
||||
@wb_editor-bar-height : 45px;
|
||||
@wb_editor-dropdown-border-height : 1px;
|
||||
@wb_editor-bar-bg : @wb_color-primary;
|
||||
@wb_editor-bar-link-color : @wb_color-paper;
|
||||
@wb_editor-bar-link-shadow : @wb_color-primary-d10;
|
||||
|
||||
|
||||
// EDITOR
|
||||
// =======================
|
||||
@wb_sidebar-width: 210px;
|
||||
|
||||
|
||||
// SHADOWS
|
||||
// =======================
|
||||
@wb_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
||||
0 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
||||
|
||||
@wb_dropdown-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
|
||||
0 3px 1px -2px rgba(0, 0, 0, 0.2),
|
||||
transparent;
|
||||
|
||||
|
||||
// DROPDOWNS
|
||||
// =======================
|
||||
@wb_dropdown-toggle-color : @wb_color-paper;
|
||||
@wb_dropdown-toggle-shadow-color : @wb_color-primary-d10;
|
||||
// open
|
||||
@wb_dropdown--open-toggle-color : white;
|
||||
@wb_dropdown--open-toggle-bg-color : @wb_color-primary-d5;
|
||||
@wb_dropdown--open-toggle-shadow-color : @wb_color-primary-d10;
|
||||
// menu
|
||||
@wb_dropdown-menu-color : @wb_color-primary-d5;
|
||||
@wb_dropdown-menu-padding : 8px 0 4px;
|
||||
@wb_dropdown-li-padding : 9px 15px 9px 10px;
|
||||
@wb_dropdown-li-wrapped-padding : 4px 15px 4px 10px;
|
||||
@wb_dropdown-li-divider-margin : 5px 15px 3px 10px;
|
||||
@wb_dropdown-li-color : @wb_color-paper;
|
||||
@wb_dropdown-li-hover-color : @wb_color-paper;
|
||||
@wb_dropdown-li-hover-bg : @wb_color-primary;
|
||||
|
||||
|
||||
// MODALS
|
||||
// =======================
|
||||
@wb_modal-header-color : @wb_color-text-dark;
|
||||
@wb_modal-title-line-height : 1.42857143;
|
||||
|
||||
@wb_modal-lg : 900px;
|
||||
@wb_modal-md : 600px;
|
||||
@wb_modal-sm : 300px;
|
||||
|
||||
@wb_modal-header-padding : 15px;
|
||||
@wb_modal-body-padding : 15px;
|
||||
@wb_modal-footer-padding : 15px;
|
||||
|
||||
@wb_modal-margin-top : @wb_editor-bar-height + (@wb_editor-bar-height / 5);
|
||||
|
||||
@wb_modal-content-bg : @wb_color-paper;
|
||||
@wb_modal-header-bg : #fff;
|
||||
@wb_modal-footer-bg : #fff;
|
||||
@@ -1,454 +1,301 @@
|
||||
|
||||
/* THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY */
|
||||
|
||||
@footer-bg: lighten(@gray-lighter, 18%);
|
||||
@footer-border-top: 1px solid lighten(@gray-lighter, 10%);
|
||||
|
||||
|
||||
// Default Style
|
||||
// ===========================
|
||||
|
||||
header {
|
||||
a.navbar-brand.logo {
|
||||
padding: 0 15px;
|
||||
}
|
||||
a.navbar-brand {
|
||||
img {
|
||||
max-height: 50px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.logo-img {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
#wrapwrap {
|
||||
.container {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
> footer {
|
||||
background-color: @footer-bg;
|
||||
border-top: @footer-border-top;
|
||||
padding-top: 3em;
|
||||
}
|
||||
position: relative;
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
> * {
|
||||
display: table-row;
|
||||
}
|
||||
> main {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
// Default Style
|
||||
header a.navbar-brand {
|
||||
&.logo {
|
||||
padding: 0 15px;
|
||||
}
|
||||
img {
|
||||
max-height: 50px;
|
||||
}
|
||||
}
|
||||
footer {
|
||||
background-color: #F8F8F8;
|
||||
|
||||
#footer {
|
||||
padding-top: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
// Odoo utility classes
|
||||
// ===========================
|
||||
|
||||
.o_hidden {
|
||||
display: none!important;
|
||||
}
|
||||
.o_noSelect {
|
||||
&::-moz-selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
&::selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
display: none!important;
|
||||
}
|
||||
|
||||
// Odoo options classes
|
||||
// ===========================
|
||||
|
||||
.para_large {
|
||||
font-size: 120%;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
.jumbotron.para_large p{
|
||||
font-size: 150%;
|
||||
.jumbotron {
|
||||
margin-bottom: 0;
|
||||
.para_large p {
|
||||
font-size: 150%;
|
||||
}
|
||||
}
|
||||
|
||||
.readable {
|
||||
font-size: 120%;
|
||||
max-width: 700px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 120%;
|
||||
max-width: 700px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
|
||||
// Odoo image background classes
|
||||
// ===============================
|
||||
.o_bg_img_cover {
|
||||
background-size: cover;
|
||||
.oe_img_bg {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
&.o_bg_img_opt_contain {
|
||||
background-size: contain;
|
||||
background-position: center center;
|
||||
}
|
||||
&.o_bg_img_opt_custom {
|
||||
background-size: auto;
|
||||
}
|
||||
&.o_bg_img_opt_repeat {
|
||||
background-repeat: repeat;
|
||||
}
|
||||
&.o_bg_img_opt_repeat_x {
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
&.o_bg_img_opt_repeat_y {
|
||||
background-repeat: repeat-y;
|
||||
}
|
||||
}
|
||||
|
||||
.o_bg_img_contain {
|
||||
background-size: contain;
|
||||
&.o_bg_img_no_repeat{
|
||||
background-position: center center;
|
||||
}
|
||||
}
|
||||
|
||||
.o_bg_img_repeat{
|
||||
background-repeat: repeat;
|
||||
}
|
||||
.o_bg_img_repeat_x{
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
.o_bg_img_repeat_y{
|
||||
background-repeat: repeat-y;
|
||||
}
|
||||
.o_bg_img_no_repeat{
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// COLORS
|
||||
// ===========================
|
||||
|
||||
@brand-primary: darken(#428bca, 6.5%); // #337ab7
|
||||
@brand-success: #5cb85c;
|
||||
@brand-info: #5bc0de;
|
||||
@brand-warning: #f0ad4e;
|
||||
@brand-danger: #d9534f;
|
||||
|
||||
|
||||
@white: #fff;
|
||||
@black: #000;
|
||||
@gray-darker: lighten(@gray-base, 13.5%); // #222
|
||||
@gray-dark: lighten(@gray-base, 20%); // #333
|
||||
@gray: lighten(@gray-base, 33.5%); // #555
|
||||
@gray-light: lighten(@gray-base, 46.7%); // #777
|
||||
@gray-lighter: lighten(@gray-base, 93.5%); // #eee
|
||||
|
||||
@color-accent : #1cc1a9;
|
||||
@color-complementary : #a24689;
|
||||
@color-alpha : #BA3C3D;
|
||||
@color-beta : #0D6759;
|
||||
@color-gamma : #0B2E59;
|
||||
|
||||
|
||||
|
||||
// Background (kept for 8.0 compatibility)
|
||||
// =============================================
|
||||
|
||||
.oe_dark {
|
||||
background-color: rgba(200, 200, 200, 0.14);
|
||||
background-color: rgba(200, 200, 200, 0.14);
|
||||
}
|
||||
|
||||
.oe_black {
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.oe_green {
|
||||
background-color: #169C78;
|
||||
color: white;
|
||||
}
|
||||
.oe_green .text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.oe_blue_light {
|
||||
background-color: #41b6ab;
|
||||
color: white;
|
||||
}
|
||||
.oe_blue_light .text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.oe_blue {
|
||||
background-color: #34495e;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.oe_orange {
|
||||
background-color: #f05442;
|
||||
color: white;
|
||||
}
|
||||
.oe_orange .text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.oe_purple {
|
||||
background-color: #b163a3;
|
||||
color: white;
|
||||
}
|
||||
.oe_purple .text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.oe_red {
|
||||
background-color: #9C1b31;
|
||||
color: white;
|
||||
}
|
||||
.oe_red .text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.oe_none {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.oe_yellow {
|
||||
background-color: #A2A51B;
|
||||
}
|
||||
|
||||
.oe_green {
|
||||
background-color: #149F2C;
|
||||
}
|
||||
|
||||
|
||||
.createColorClasses(@class_name, @color) {
|
||||
.text-@{class_name} {
|
||||
color: @color;
|
||||
}
|
||||
.bg-@{class_name} {
|
||||
background-color: @color
|
||||
}
|
||||
.tab .text-@{class_name},
|
||||
.tab .bg-@{class_name} {
|
||||
span{
|
||||
background-color: @color
|
||||
background-color: #169C78;
|
||||
color: white;
|
||||
.text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Create classes for theme colors
|
||||
.createColorClasses(accent, @color-accent);
|
||||
.createColorClasses(compl, @color-complementary);
|
||||
.createColorClasses(alpha, @color-alpha);
|
||||
.createColorClasses(beta, @color-beta);
|
||||
.createColorClasses(gamma, @color-gamma);
|
||||
|
||||
// Create classes for UI colors
|
||||
.createColorClasses(primary, @brand-primary);
|
||||
.createColorClasses(success, @brand-success);
|
||||
.createColorClasses(info, @brand-info);
|
||||
.createColorClasses(warning, @brand-warning);
|
||||
.createColorClasses(danger, @brand-danger);
|
||||
|
||||
// Create classes for greyscale colors
|
||||
.createColorClasses(white, @white);
|
||||
.createColorClasses(black, @black);
|
||||
.createColorClasses(gray_darker, @gray-darker);
|
||||
.createColorClasses(gray_dark, @gray-dark);
|
||||
.createColorClasses(gray, @gray);
|
||||
.createColorClasses(gray_light, @gray-light);
|
||||
.createColorClasses(gray_lighter, @gray-lighter);
|
||||
|
||||
|
||||
|
||||
.oe_blue_light {
|
||||
background-color: #41b6ab;
|
||||
color: white;
|
||||
.text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
}
|
||||
.oe_blue {
|
||||
background-color: #34495e;
|
||||
color: white;
|
||||
}
|
||||
.oe_orange {
|
||||
background-color: #f05442;
|
||||
color: white;
|
||||
.text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
}
|
||||
.oe_purple {
|
||||
background-color: #b163a3;
|
||||
color: white;
|
||||
.text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
}
|
||||
.oe_red {
|
||||
background-color: #9C1b31;
|
||||
color: white;
|
||||
.text-muted {
|
||||
color: #ddd;
|
||||
}
|
||||
}
|
||||
.oe_none {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.oe_yellow {
|
||||
background-color: #A2A51B;
|
||||
}
|
||||
.oe_green {
|
||||
background-color: #149F2C;
|
||||
}
|
||||
|
||||
// Typography
|
||||
// ===========================
|
||||
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
li > ul {
|
||||
list-style-type: circle;
|
||||
list-style-type: circle;
|
||||
}
|
||||
|
||||
li > * > li > ul {
|
||||
list-style-type: square;
|
||||
list-style-type: square;
|
||||
}
|
||||
|
||||
li > * > li > * > li > ul {
|
||||
list-style-type: disc;
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
li > * > li > * > li > * > li > ul {
|
||||
list-style-type: circle;
|
||||
list-style-type: circle;
|
||||
}
|
||||
|
||||
li > * > li > * > li > * > li > * > li > ul {
|
||||
list-style-type: square;
|
||||
list-style-type: square;
|
||||
}
|
||||
|
||||
li > * > li > * > li > * > li > * > li > * > li > ul {
|
||||
list-style-type: disc;
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style-type: decimal;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
li > ol {
|
||||
list-style-type: lower-alpha;
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
li > * > li > ol {
|
||||
list-style-type: lower-greek;
|
||||
list-style-type: lower-greek;
|
||||
}
|
||||
|
||||
li > * > li > * > li > ol {
|
||||
list-style-type: decimal;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
li > * > li > * > li > * > li > ol {
|
||||
list-style-type: lower-alpha;
|
||||
list-style-type: lower-alpha;
|
||||
}
|
||||
|
||||
li > * > li > * > li > * > li > * > li > ol {
|
||||
list-style-type: lower-greek;
|
||||
list-style-type: lower-greek;
|
||||
}
|
||||
|
||||
li > * > li > * > li > * > li > * > li > * > li > ol {
|
||||
list-style-type: decimal;
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
li > p {
|
||||
margin: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
font[style*='background'], font[class*='bg-'] {
|
||||
padding: 0 2px;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
|
||||
hr {
|
||||
padding: 4px 0;
|
||||
padding: 4px 0;
|
||||
}
|
||||
|
||||
|
||||
// O_UL
|
||||
// ===========================
|
||||
|
||||
.o_ul_toggle_self, .o_ul_toggle_next {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.o_ul_folded .o_close {
|
||||
display: none !important;
|
||||
}
|
||||
.o_ul_folded .o_ul_toggle_self, .o_ul_folded .o_ul_toggle_next {
|
||||
display: inline-block;
|
||||
line-height: inherit;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: -1em;
|
||||
z-index: 1;
|
||||
top: -0.15em;
|
||||
left: 0.2em;
|
||||
font-size: 1.4em;
|
||||
text-decoration: none;
|
||||
&.open{
|
||||
left: 0em;
|
||||
&:before{
|
||||
content: "";
|
||||
.o_ul_folded {
|
||||
.o_close {
|
||||
display: none!important;
|
||||
}
|
||||
.o_ul_toggle_self, .o_ul_toggle_next {
|
||||
display: inline-block;
|
||||
line-height: inherit;
|
||||
float: left;
|
||||
position: relative;
|
||||
margin-left: -1em;
|
||||
top: -0.15em;
|
||||
left: 0.2em;
|
||||
font-size: 1.4em;
|
||||
text-decoration: none;
|
||||
&.o_open:before {
|
||||
content: "";
|
||||
}
|
||||
&:before {
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
}
|
||||
&:before{
|
||||
content: "";
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Bootsrtap hacks
|
||||
// ===========================
|
||||
|
||||
// Bootstrap hacks
|
||||
.container {
|
||||
max-width: 100%;
|
||||
}
|
||||
// container inside container
|
||||
.container, .readable{
|
||||
.container {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
width: auto;
|
||||
}
|
||||
.container, .readable {
|
||||
.container {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// HEADER NAV BAR
|
||||
.navbar.navbar-static-top {
|
||||
margin-bottom: 0;
|
||||
ul.nav > li.divider {
|
||||
margin-top: 15px;
|
||||
padding-top: 20px;
|
||||
border-right: 1px solid grey;
|
||||
}
|
||||
margin-bottom: 0;
|
||||
ul.nav > li.divider {
|
||||
margin-top: 15px;
|
||||
padding-top: 20px;
|
||||
border-right: 1px solid grey;
|
||||
}
|
||||
}
|
||||
ul.nav-stacked > li > a {
|
||||
padding: 2px 15px;
|
||||
padding: 2px 15px;
|
||||
}
|
||||
|
||||
// Columns min height
|
||||
[class^="col-md-"] {
|
||||
min-height: 24px;
|
||||
min-height: 24px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// PUBLISH
|
||||
// ===========================
|
||||
|
||||
.css_published .btn-danger,
|
||||
.css_published .css_publish {
|
||||
display: none;
|
||||
.css_published {
|
||||
.btn-danger, .css_publish {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.css_unpublished .btn-success,
|
||||
.css_unpublished .css_unpublish {
|
||||
display: none;
|
||||
.css_unpublished {
|
||||
.btn-success, .css_unpublish {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
[data-publish='off'] > *:not(.css_options) {
|
||||
.opacity(0.5);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
// Hack for removing double scrollbar from mobile preview
|
||||
// TODO: move to website.ui.components.less
|
||||
// ===========================
|
||||
|
||||
div#mobile-preview.modal {
|
||||
overflow: hidden;
|
||||
}
|
||||
#customize-menu .dropdown-header {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
// END of PUBLISH
|
||||
// ===========================
|
||||
|
||||
// Others
|
||||
::-moz-selection {
|
||||
background: rgba(150, 150, 220, 0.3);
|
||||
background: rgba(150, 150, 220, 0.3);
|
||||
}
|
||||
|
||||
::selection {
|
||||
background: rgba(150, 150, 220, 0.3);
|
||||
}
|
||||
|
||||
.logo-img {
|
||||
width: 220px;
|
||||
background: rgba(150, 150, 220, 0.3);
|
||||
}
|
||||
|
||||
.oe_demo {
|
||||
position: relative;
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
div {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
opacity: 0.85;
|
||||
bottom: 0px;
|
||||
width: 100%;
|
||||
padding: 7px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
a {
|
||||
color: white;
|
||||
position: relative;
|
||||
img {
|
||||
width: 100%;
|
||||
}
|
||||
div {
|
||||
.o-position-absolute(@left: 0, @bottom: 0);
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
opacity: 0.85;
|
||||
width: 100%;
|
||||
padding: 7px;
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
a {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// OE search
|
||||
// ===========================
|
||||
|
||||
.oe_search_clear {
|
||||
position: absolute;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
z-index: 2;
|
||||
right: 42px;
|
||||
color: #939393;
|
||||
padding: 10px 0;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.oe_search_box {
|
||||
padding-right: 23px;
|
||||
padding-right: 23px;
|
||||
}
|
||||
.oe_search_clear {
|
||||
.o-position-absolute(1px, 42px);
|
||||
z-index: 2;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
color: #939393;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user