mosaico 1.0.0

data/vendor/assets/mosaico-0.16.0/mosaico/src/css/style_elements_jquery.less

@@ -0,0 +1,344 @@
+/**************************************************************************************************************************
+ * JQUERY UI
+ * 
+ * Needs style_elements.less. Uses .button() .win()
+ *************************************************************************************************************************/
+
+// Layout helpers
+.ui-helper-hidden {display: none;}
+.ui-helper-hidden-accessible {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;} // ALT: clip: rect(1px, 1px, 1px, 1px);
+.ui-helper-reset {margin: 0;padding: 0;border: 0;outline: 0;line-height: 1.3;text-decoration: none;font-size: 100%;list-style: none;}
+.ui-helper-clearfix:before,.ui-helper-clearfix:after {content: "";display: table;border-collapse: collapse;}
+.ui-helper-clearfix:after {clear: both;}
+.ui-helper-clearfix {min-height: 0; /* support: IE7 */}
+.ui-helper-zfix {width: 100%;height: 100%;top: 0;left: 0;position: absolute;opacity: 0;filter:Alpha(Opacity=0);}
+.ui-front {z-index: @zindex-dialog-modal; }
+
+// Interaction Cues
+.ui-state-disabled {cursor: default !important;}
+
+// states and images
+.ui-icon {display: block;text-indent: -99999px;overflow: hidden;background-repeat: no-repeat;}
+
+// Overlays
+.ui-widget-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;}
+.ui-widget-overlay {background: #aaaaaa none;opacity: .6;filter: Alpha(Opacity=60);}
+.ui-widget-shadow {margin: -8px 0 0 -8px;padding: 8px;background: #aaaaaa none;opacity: .3;filter: Alpha(Opacity=30);border-radius: 8px;}
+
+.ui-corner-all { border-radius: @standard-border-radius; }
+
+.ui-button {
+  .button-style();
+  
+  .ui-button-text, .ui-icon {
+    color: @button-text-color;
+  }
+  &.ui-button-icon-only {
+    .ui-icon { margin: 0 .1em; }
+    .ui-button-text { display: none; }
+  }
+  &.ui-button-disabled {
+    .button-style.disabled();
+    .ui-button-text, .ui-icon {
+      .button-style.disabled .link;
+    }
+  }
+  &.ui-state-active {
+    .button-style.pressed();
+  }
+}
+
+.ui-buttonset {
+  .buttonset-style();
+}
+
+.ui-dialog {
+  .win();
+  position: absolute;
+  overflow: hidden;
+  width: 300px;
+  padding: 0;
+  font-size: 1em;
+  z-index: @zindex-dialog;
+  
+  .ui-dialog-titlebar {
+    .wintitle();
+    font-size: 1.1em;
+    
+    .ui-dialog-title { 
+      float: left; margin: .1em 16px .2em 0;
+    }
+    .ui-dialog-titlebar-close {
+      position: absolute;
+      right: .3em;
+      top: 35%;
+      width: 21px;
+      margin: -10px 0 0 0;
+      padding: 1px;
+      height: 20px;
+      cursor: pointer;
+      border: 0 none;
+      background: none transparent;
+      //background-color: transparent;
+      box-shadow: none;
+      &::-moz-focus-inner {
+        border: none;
+      }
+      
+      .ui-icon {
+        position: absolute;
+        top: 50%;
+        margin-top: -8px;
+        left: 50%;
+        margin-left: -8px;
+      }
+      
+      &.ui-button-icon-only .ui-button-text {
+        display: block;
+        line-height: normal;
+        padding: .4em;
+        text-indent: -9999999px;
+      }
+    }
+  }
+  .ui-dialog-content {
+    border: 0; padding: .5em 1em; background: none; zoom: 1; 
+    max-height: 600px; // Il max-height 
+    position: relative;
+    .async_loading_iframe {
+      margin: -.5em 0 0 0;
+    }
+  }
+  .async_loading_iframe {
+    width: 100%;
+    height: 100%;
+    min-height: 100px;
+    position: absolute; left: 0
+  }
+  .ui-dialog-buttonpane {
+    text-align: center; 
+    background-image: none; 
+    margin: .5em 0 0 0; 
+    border: none;
+    padding: .3em 0;
+  }
+  &.dialog_info .ui-dialog-titlebar {
+    background: none mix(@dialog-title-background-color, @blue, 50%);
+  }
+  &.dialog_warn .ui-dialog-titlebar {
+    background: none mix(@dialog-title-background-color, @red, 50%);
+  }
+  &.dialog_ok .ui-dialog-titlebar {
+    background: none mix(@dialog-title-background-color, @green, 50%);
+  }
+  &.dialog_standard_href .ui-dialog-content { // Dialog loaded using iframe (standard)
+    padding: 0;
+    min-height: 600px;
+  }
+  &.dialog_ajax_href .ui-dialog-content, &.dialog_standard_content .ui-dialog-content, &.dialog_standard_rel .ui-dialog-content {
+    overflow: auto;
+  }
+  &.no-close .ui-dialog-titlebar-close { display: none; }
+  //.ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
+
+  // Prevent dotted outline on full focused dialog on FF
+  &:focus, &:-moz-focusring {
+    outline: 0 none !important;
+  }
+}
+//.ui-draggable .ui-dialog-titlebar { cursor: move; }
+
+.ui-menu {
+  list-style: outside none none;
+  padding: 0px;
+  margin: 0px;
+  display: block;
+  outline: medium none;
+  .ui-menu-item {
+    position: relative;
+    margin: 0px; padding: 3px 1em 3px 0.4em;
+    cursor: pointer;
+    min-height: 0px;
+    &.ui-state-focus, &.ui-state-active {}
+  }
+}
+
+.ui-autocomplete {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  cursor: default;
+  
+  .dropdown();
+  min-width: auto;
+  max-width: none;
+  margin: 0; padding: 0;
+  .ui-menu-item {
+    display: block;
+    padding: 0.5em; margin: 0;
+    font-weight: bold;
+    &.ui-state-focus, &.ui-state-active {
+      background-color: @button-background-color;
+      color: @button-text-color;
+      a {
+        color: @button-text-color;
+      }
+    }
+  }
+}
+
+.ui-tabs {
+  .ui-tabs-nav {
+    border-radius: 0;
+  }
+}
+
+/**
+ * JQUERY HORIZONTAL UI TABS
+ */
+.ui-tabs.tabs_horizontal {
+  > ul {
+    .tabs-style(~'.ui-state-active', false);
+    padding: 0px 0px 0px .5em;
+  }
+  .ui-tabs-panel {
+    margin-top: .5em;
+    &.ui-tabs-noscroll {
+      padding: 0;
+    }
+  }
+}
+.ui-tabs.tabs_horizontal.button_color {
+  > ul {
+    .tabs-style(~'.ui-state-active', true);
+  }
+}
+
+/**
+ * JQUERY VERTICAL UI TABS
+ */
+.ui-tabs.tabs_vertical {
+  position: relative;
+  margin: 1em 0;
+  > ul {
+    margin: 0;
+    padding: 0;
+    text-align: left;
+    float: left;
+    li {
+      width: @elysia_nodes_property_label-width + 1em;
+      list-style-type: none;
+      padding: .5em 1em;
+      margin: 0;
+      text-align: right;
+      &.ui-state-active {
+        background-color: @accent-color;
+        font-weight: bold;
+        border-radius: @standard-border-radius 0 0 @standard-border-radius;
+        a {
+          color: @text-color;
+        }
+      }
+    }
+  }
+  .ui-tabs-panel {
+    background: @background-color;
+    border: 1px solid @accent-color;
+    padding: .5em 1em;
+    margin: .5em 0;
+    overflow: auto;
+    &.ui-tabs-noscroll {
+      padding: 0;
+    }
+  }
+}
+
+.ui-tooltip {  // TODO
+  .win();
+  max-width: 300px;
+  padding: .5em;
+  z-index: @zindex-tooltip;
+}
+
+.ui-spinner {
+  display: block;
+  margin: @input-margin-top 0 @input-margin-bottom 0; padding: 0;
+  position: relative;
+  
+  // hides natives spinner on Chrome, FF and the "clear-cross" by IE10-11
+  input[type=number] {
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+    &::-ms-clear {
+      width: 0;
+      height: 0;
+    }
+    -moz-appearance:textfield;
+  }
+  .ui-spinner-input {
+    margin: 0;
+    margin-right: 2em;
+    // overlapping rounded corners
+    border-top-right-radius: 15px;
+    border-bottom-right-radius: 15px;
+  }
+  .ui-spinner-button {
+    width: 2.5em;
+    height: 50%;
+    min-height: inherit;
+    padding: 0; margin: 0;
+    position: absolute;
+    right: 0;
+    line-height: 1em;
+    cursor: pointer;
+    .ui-icon {
+      display: none;
+    }
+  }
+  .ui-spinner-up {
+    top: 0;
+    border-bottom: none;
+    border-radius: 0 @button-border-radius 0 0;
+    .ui-button-text:after {
+      font-family: FontAwesome;
+      font-weight: normal;
+      content: "\f0d8";
+    }
+  }
+  .ui-spinner-down {
+    bottom: 0;
+    border-top: none;
+    border-radius: 0 0 @button-border-radius 0;
+    .ui-button-text:after {
+      font-family: FontAwesome;
+      font-weight: normal;
+      content: "\f0d7";
+    }
+  }
+}
+
+.ui-icon {
+  font-family: FontAwesome;
+  background: none repeat scroll 0 0 transparent;
+  text-indent: 0; 
+  width: auto; height: auto;
+  min-width: 16px;
+  
+  vertical-align: middle;
+  margin-top: 0;
+  margin-right: .5em;
+}
+.ui-icon-closethick:before {
+  content: @fa-var-times;
+}
+
+.ui-draggable .ui-dialog-titlebar {
+  cursor: move;
+}
+.ui-draggable-handle, .ui-sortable-handle {
+  -ms-touch-action: none;
+  touch-action: none;
+} 

data/vendor/assets/mosaico-0.16.0/mosaico/src/css/style_elements_mixins.less

@@ -0,0 +1,406 @@
+@ie8hackprop: ~"\9"; // Match solo di IE8
+@ie10modernhack: ~"(-ms-high-contrast: active), (-ms-high-contrast: none), not screen\0"; // Match di IE10+ e altri browser moderni
+
+@input-padding-v: 5px; // .35em
+@input-padding-h: 7px; // .5em
+@input-margin-top: 10px; // 0.7em;
+@input-margin-bottom: 10px; // 0.7em;
+@input-margin-right: 7px; // .5em
+@input-border-size: 1px;
+
+.input-button-common() {
+  font-size: 1.0em;
+  line-height: normal; // Firefox uses a "line-height: normal !important" for input elements, resulting in "1.2". If we use "1.2" on chrome we get bigger text (li has 1.25). Using "normal" works fine on both.
+  min-height: (18px + @input-border-size * 2 + @input-padding-v * 2); // Select size on Firefox is 18px, while another input is 16px, this creates differences fixed by min-height.
+  min-height: (18px + @input-border-size * 2 )@ie8hackprop; // IE8 ignores box-sizing for minheight, so we don't add @input-padding-v
+  vertical-align: middle;
+}
+
+.button-style() {
+  .input-button-common();
+  display: inline-block;
+  background-color: @button-background-color;
+  border: @input-border-size solid @button-border-color; // hidden, but declared to keep size consistency between input and buttons.
+  color: @button-text-color;
+  li & { color: @button-text-color; } // Buttons inside LI should preserve their color (declared for "li a")
+  border-radius: @button-border-radius;
+  font-weight: bold;
+  cursor: pointer;
+  padding: @input-padding-v @input-padding-h;
+  margin: @input-margin-top @input-margin-right @input-margin-bottom 0;
+  text-decoration: none;
+  white-space: nowrap;
+  text-align: center;
+  font-weight: bold;
+  img {
+    vertical-align: middle;
+    margin: 0 .2em;
+  }
+  &:hover, &.pressed, &.selected /*, &.active*/ {
+    text-decoration: none;
+    background-color: @button-hover-background-color;
+  }
+  &.disabled {
+    color: @button-text-color-disabled;
+    a, .link { // .link serve solo per poter fare l'import a style_elements_jquery.less
+      color: @button-text-color-disabled;
+    }
+    &:hover {
+      background-color: @button-background-color;
+      border: @input-border-size solid @button-border-color;
+      color: @button-text-color-disabled;
+    }
+  }
+  .container-inline & {
+   // width: auto; // IE8 has issues with this
+  }
+  &.inline {
+    margin: 0 @input-margin-right 0 0;
+  }
+  &.primary {
+    color: @button-primary-text-color;
+    background-color: @button-primary-background-color;
+    border-color: @button-primary-border-color;
+    &:hover {
+      background-color: darken(@button-primary-background-color, 10%);
+      border-color: darken(@button-primary-border-color, 10%);
+    }
+  }
+  &.big {
+    font-size: 1.5em;
+    border-radius: @large-button-border-radius;
+    padding: @input-padding-v*1.5 @input-padding-h*1.5;
+    //margin: @input-margin-top @input-margin-right @input-margin-bottom 0;
+    .suffix_icon {
+      font-size: 55%; // 53.5%
+      vertical-align: middle;
+    }
+  }
+  &.with_button_dropdown_split { // Have to be AFTER .big and .primary
+    padding-right: 1.2em;
+    &.big {
+      padding-right: 1.8em;
+    }
+  }
+  &.loading {
+    opacity: .5;
+    background-image: none; // Removes base ".loading" style
+    /* interesting CONTENT REPLACING alternative
+    position: relative;
+    color: transparent;
+    background: none;
+    background-color: lighten(@button-background-color, 40%);
+    border-color: lighten(@button-background-color, 40%);
+    &:after {
+      position: absolute;
+      left: 0; right: 0; top: 0; bottom: 0;
+      padding: @input-padding-v @input-padding-h;
+      color: @background-color;
+      content: '...';
+    }*/
+  }
+}
+
+.buttonset-style() {
+  margin-right: @input-margin-right;
+  vertical-align: middle;
+  font-size: 0;
+  > .ui-button {
+    font-size: @base-font-size;
+    margin-right: 1px;
+    border-radius: 0;
+    &.ui-corner-left {
+      border-radius: @button-border-radius 0 0 @button-border-radius;
+    }
+    &.ui-corner-right {
+      border-radius: 0 @button-border-radius @button-border-radius 0;
+    }
+  }
+}
+
+.input-base() {
+  .input-button-common;
+  display: inline-block;
+  border: @input-border-size solid transparent;
+  height: auto;
+  padding: @input-padding-v @input-padding-h;
+  margin: @input-margin-top 0 @input-margin-bottom 0;
+  width: 100%;
+}
+
+.input-style() {
+  .input-base;
+  color: @input-text-color;
+  background: none @input-background-color;
+  border-radius: @standard-border-radius;
+  border-color: @input-border-color;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
+  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
+  
+  &:focus {
+    border-color: @input-focus-border-color;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px fade(@input-focus-border-color, 60);
+    outline: 0 none;
+  }
+  &.inline {
+    margin-right: .5em;
+    width: auto;
+  }
+}
+
+.input-select() {
+  @media @ie10modernhack {
+    position: relative;
+    select {
+      -webkit-appearance: none;
+      -moz-appearance: none;
+
+      // IE10 & 11 for appearance: none
+      &::-ms-expand {
+        display: none;
+      }
+
+      padding-right:30px;
+
+      .input-button-common;
+      // sovrapposizioni arrotondamenti
+      border-top-right-radius: 15px;
+      border-bottom-right-radius: 15px;
+    }
+
+    &:after {
+      .button-style();
+      margin: 0;
+
+      position: absolute;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      line-height: 30px;
+      width: 28px;
+      margin-right: 0;
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+      
+      /*
+      content: "▼";
+      font-size: 60%;
+      */
+      
+      font-family: FontAwesome;
+      content: "\f0d7";
+      font-weight: normal;
+
+      // padding: 0 8px;
+      pointer-events:none;
+      // box-sizing: border-box;
+    }
+  }
+}
+
+.win() {
+  border-radius: @large-border-radius;
+  // IE8 border
+  border: 0px solid @shadow-color;
+  border-width: 1px@ie8hackprop;
+  border-color: fade(@shadow-color, 0%);
+  box-shadow: 0 2px 20px @shadow-color;
+  color: @helpwin-text-color;
+  background-color: @helpwin-background-color;
+  padding: 0;
+  overflow: hidden;
+}
+
+.wintitle() {
+  position: relative; padding: .5em 1em .3em;
+
+  color: @text-color;
+  .ui-icon {
+    color: @text-color;
+  }
+  background: none @dialog-title-background-color;
+  border: none;
+  font-weight: bold;
+  border-radius: 0;
+}
+
+.popup-links-style() {
+  > li, > .dropdown-container > li {
+    display: block;
+    padding: 0; margin: 0;
+    //background-color: @popup-background-color;
+    
+    > a { // Reverting .button()
+      display: block;
+      border: none;
+      padding: .5em;
+      margin: 0;
+      border-radius: 0;
+      position: relative;
+      overflow: hidden; text-overflow: ellipsis; // nowrap is in the container (usually .dropdown)
+      font-weight: bold;
+      background-color: transparent;
+      color: @text-color;
+      img {
+        vertical-align: text-top;
+        margin: 0 .5em 0 0;
+      }
+      &.disabled {
+        color: @text-greyed-color !important;
+        &:hover {
+          border: none;
+        }
+      }
+      .badge {
+        position: absolute;
+        right: 0;
+        margin-left: 1em;
+        top: .6em;
+      }
+    }
+    > a when (@button-reversed = true) {
+      color: @link-color;
+    }
+    &:hover {
+      background-color: @button-background-color;
+      color: @button-text-color;
+      a {
+        color: @button-text-color;
+      }
+    }
+    // add a small border on cell_links inside rows for popup_links in dropdown
+    .cell_links > li > a {
+      border-color: mix(@popup-background-color, @text-color, 50%);
+    }
+    &.separator {
+      border-top: 1px solid @button-background-color;
+      margin: .5em 0;
+    }
+  }
+  &.table_columns {
+    > li, > .dropdown-container > li {
+      > a {
+        display: table-cell;
+        vertical-align: middle;
+        width: 100%;
+      }
+      > .table_column {
+        display: table-cell;
+        vertical-align: middle;
+        width: auto;
+        /*.button {
+          margin: 0 .5em;
+          color: @button-text-color;
+        }*/
+      }
+    }
+  }
+}
+
+@dropdown-padding-v: .5em;
+@dropdown-padding-h: 1em;
+
+.dropdown-style() {
+  position: absolute;
+  z-index: @zindex-popup;
+  margin: 0; // Basic margin for simple dropdown on simple link (button dropdown will declare their margin later)
+  padding: @dropdown-padding-v @dropdown-padding-h;
+  border-radius: @button-border-radius;
+  // IE8 border
+  border: 0px solid @shadow-color;
+  border-width: 1px@ie8hackprop;
+  // trasparented border for supporting browsers
+  border-color: fade(@shadow-color, 0%);
+  box-shadow: 0 4px 10px @shadow-color;
+  background-color: @popup-background-color;
+//  border: 0;
+  max-height: 300px;
+  overflow: auto;
+  min-width: 100%;
+  max-width: 25em;
+  white-space: normal; // dropdown-container inser a nowrap, but the dropdown content could be a simple div with text.
+  &.dropdown-right { right: 0; }
+  &.dropdown-bottom { bottom: 0; }
+  a.button + div.dropdown_spacer + &, .button_links &, .links.inline & {
+    margin: -.4em 0 0 0;
+  }
+  .cell_links &, .top_links &, .box_top_links &, .slide_links & /*, .slide_links a.button + div.dropdown_spacer + &*/ {
+    margin: .2em 0 0 0;
+  }
+  hr { 
+    margin: .5em -@dropdown-padding-h;
+    border-top: 1px solid lighten(@button-background-color, 40%); // Like button.active
+    box-shadow: none;
+  }
+  .container-inline & {
+    display: block;
+  }
+  .dropdown_footer {
+    padding: @dropdown-padding-v 0 0 0; margin: 0;
+  }
+}
+
+.tabs-style(@activeclass: ~'.active', @buttonstyle: false) {
+  & when (@buttonstyle) {
+    background-color: @sidebar-background-color;
+  }
+  margin: 0;
+  border-bottom: @tabs-border-width solid @accent-color;
+  .clear-after;
+  li {
+    float: left;
+    list-style-type: none;
+    margin: .4em 0 -@tabs-border-width 0; // margin-top used to show good tabs when they wrap on multiple lines
+    display: block;
+    text-align: center;
+    > a {
+      display: block;
+      padding: .5em 1em;
+      margin: 0 .5em 0 0;
+      border-radius: @button-border-radius @button-border-radius 0 0;
+      & when (@buttonstyle) {
+        background-color: @button-background-color;
+        color: @button-text-color;
+        border: none;
+        font-weight: bold; 
+        &:hover {
+          background-color: @button-hover-background-color;
+        }
+      }
+      & when not (@buttonstyle) {
+        background-color: @accent-color;
+        border: @tabs-border-width solid @accent-color;
+      }
+    }
+    a:focus {
+      outline: 0 none !important;
+    }
+  }
+  li@{activeclass} a {
+    border-bottom: @tabs-border-width solid @background-color;
+    background: transparent;
+    font-weight: bold;
+    & when(@buttonstyle) {
+      background-color: @background-color;
+      color: @text-color;
+    }
+    & when not (@buttonstyle) {
+      background-color: transparent;
+      color: @text-color;
+    }
+  }
+
+}
+
+
+.clear-after() {
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+.no-focus() {
+  &:focus, &:-moz-focusring { outline: 0 none !important; }
+  &::-moz-focus-inner { border: none; }
+}