deleted inigui, created features

sites/all/themes/gui/jee/css/communs.scss

@@ -0,0 +1,6 @@
+
+$orange:#E42632;
+$orange-light:#E75A0C;
+$grey-dark:#444444;
+$grey:#6F6F6F;
+$grey-light:#6C6C6C;

sites/all/themes/gui/jee/css/fonts.css

@@ -0,0 +1,89 @@
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-Semibold-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Semibold-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Semibold-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg");
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-Regular-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Regular-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Regular-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-LightItalic-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-LightItalic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-LightItalic-webfont.svg#open_sanslight_italic") format("svg");
+  font-weight: 300;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-Light-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Light-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Light-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Light-webfont.svg#open_sanslight") format("svg");
+  font-weight: 300;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-Italic-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Italic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Italic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg");
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic") format("svg");
+  font-weight: 900;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-ExtraBold-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-ExtraBold-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold") format("svg");
+  font-weight: 900;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-BoldItalic-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-BoldItalic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic") format("svg");
+  font-weight: 700;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-Bold-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Bold-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Bold-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
+  font-weight: 700;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic") format("svg");
+  font-weight: 600;
+  font-style: italic;
+}
+/* line 122, fonts.scss */
+html, body {
+  font-size: 16px;
+}
+
+/* line 126, fonts.scss */
+html, body, h1, h2, h3, h4, h5, h6 {
+  font-family: 'open_sans', monospace;
+}
+
+/* line 131, fonts.scss */
+p {
+  line-height: 1.3;
+}
+
+/* line 134, fonts.scss */
+p.heading {
+  font-size: 1.25em !important;
+}

sites/all/themes/gui/jee/css/fonts.scss

@@ -0,0 +1,136 @@
+@font-face {
+    font-family: 'open_sans';
+    src: url('fonts/open-sans/OpenSans-Semibold-webfont.eot');
+    src: url('fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/open-sans/OpenSans-Semibold-webfont.woff') format('woff'),
+         url('fonts/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'),
+         url('fonts/open-sans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
+    font-weight: 600;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'open_sans';
+    src: url('fonts/open-sans/OpenSans-Regular-webfont.eot');
+    src: url('fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/open-sans/OpenSans-Regular-webfont.woff') format('woff'),
+         url('fonts/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
+         url('fonts/open-sans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'open_sans';
+    src: url('fonts/open-sans/OpenSans-LightItalic-webfont.eot');
+    src: url('fonts/open-sans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/open-sans/OpenSans-LightItalic-webfont.woff') format('woff'),
+         url('fonts/open-sans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
+         url('fonts/open-sans/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');
+    font-weight: 300;
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: 'open_sans';
+    src: url('fonts/open-sans/OpenSans-Light-webfont.eot');
+    src: url('fonts/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/open-sans/OpenSans-Light-webfont.woff') format('woff'),
+         url('fonts/open-sans/OpenSans-Light-webfont.ttf') format('truetype'),
+         url('fonts/open-sans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
+    font-weight: 300;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'open_sans';
+    src: url('fonts/open-sans/OpenSans-Italic-webfont.eot');
+    src: url('fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/open-sans/OpenSans-Italic-webfont.woff') format('woff'),
+         url('fonts/open-sans/OpenSans-Italic-webfont.ttf') format('truetype'),
+         url('fonts/open-sans/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
+    font-weight: normal;
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: 'open_sans';
+    src: url('fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot');
+    src: url('fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
+         url('fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
+         url('fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
+    font-weight: 900;
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: 'open_sans';
+    src: url('fonts/open-sans/OpenSans-ExtraBold-webfont.eot');
+    src: url('fonts/open-sans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/open-sans/OpenSans-ExtraBold-webfont.woff') format('woff'),
+         url('fonts/open-sans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
+         url('fonts/open-sans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
+    font-weight: 900;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'open_sans';
+    src: url('fonts/open-sans/OpenSans-BoldItalic-webfont.eot');
+    src: url('fonts/open-sans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/open-sans/OpenSans-BoldItalic-webfont.woff') format('woff'),
+         url('fonts/open-sans/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
+         url('fonts/open-sans/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
+    font-weight: 700;
+    font-style: italic;
+
+}
+
+@font-face {
+    font-family: 'open_sans';
+    src: url('fonts/open-sans/OpenSans-Bold-webfont.eot');
+    src: url('fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/open-sans/OpenSans-Bold-webfont.woff') format('woff'),
+         url('fonts/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'),
+         url('fonts/open-sans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
+    font-weight: 700;
+    font-style: normal;
+
+}
+
+@font-face {
+    font-family: 'open_sans';
+    src: url('fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot');
+    src: url('fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
+         url('fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
+         url('fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
+         url('fonts/open-sans/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');
+    font-weight: 600;
+    font-style: italic;
+
+}
+
+
+html, body{
+  font-size:16px;
+}
+
+html, body,h1,h2,h3,h4,h5,h6{
+  font-family: 'open_sans', monospace;
+  // font-family: "source_sans_pro","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
+}
+
+p{
+ line-height:1.3;
+}
+p.heading{
+  font-size:1.25em!important;
+}

sites/all/themes/gui/jee/css/jee.scss

@@ -0,0 +1,153 @@
+@charset "UTF-8";
+
+
+
+@import "../bower_components/foundation/scss/normalize.scss";
+
+
+
+
+@import "../bower_components/foundation/scss/foundation/functions";
+
+$row-width: rem-calc(1250);
+// $total-columns: 12;
+$column-gutter: rem-calc(20);
+
+//@import "../bower_components/foundation/scss/foundation/settings"; // this is not working, causing an error on compilation
+@import "../bower_components/foundation/scss/foundation/components/global";
+@import "../bower_components/foundation/scss/foundation/components/type";
+@import "../bower_components/foundation/scss/foundation/components/clearing";
+// @import "../bower_components/foundation/scss/foundation/components/inline-lists";
+@import "../bower_components/foundation/scss/foundation/components/grid";
+// @import "../bower_components/foundation/scss/foundation/components/top-bar";
+@import "../bower_components/foundation/scss/foundation/components/block-grid";
+// @import "../bower_components/foundation/scss/foundation.scss"; // without importing the whole foundation, the final css files is 75% less heavier
+
+// @import "../bower_components/animate.scss/scss/animate.scss";
+
+/*
+* ESADHaR
+*/
+@import "communs.scss";
+@import "fonts.scss";
+
+
+
+html{
+  position:relative;
+}
+
+body{
+  position:relative;
+  height:100%!important;
+
+
+    /* IE10 Consumer Preview */
+  background-image: -ms-linear-gradient(top, #FFFDE9 0%, #BECFD9 100%);
+
+  /* Mozilla Firefox */
+  background-image: -moz-linear-gradient(top, #FFFDE9 0%, #BECFD9 100%);
+
+  /* Opera */
+  background-image: -o-linear-gradient(top, #FFFDE9 0%, #BECFD9 100%);
+
+  /* Webkit (Safari/Chrome 10) */
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFDE9), color-stop(1, #BECFD9));
+
+  /* Webkit (Chrome 11+) */
+  background-image: -webkit-linear-gradient(top, #FFFDE9 0%, #BECFD9 100%);
+
+  /* W3C Markup, IE10 Release Preview */
+  background-image: linear-gradient(to bottom, #FFFDE9 0%, #BECFD9 100%);
+
+}
+
+#root{
+  position:relative;
+  width:100%;
+  height:100%;
+  overflow: hidden;
+  // width:1125px;
+  // height:900px;
+  // margin:-450px auto 0;
+  // top:50%;
+}
+
+@keyframes introLogo{
+  0%     {opacity:0;}
+  35%   {opacity:1;}
+  50%   {opacity:1;}
+  75%   {opacity:0;}
+  100% {opacity:0;}
+}
+@keyframes introLogoBlured{
+  0%     {opacity:0;}
+  50%   {opacity:0;}
+  60%   {opacity:0.8;}
+  100% {opacity:0.8;}
+}
+@keyframes introSlogan{
+  0%      {opacity:0;}
+  50%    {opacity:0;}
+  70%    {opacity:1;}
+  90%    {opacity:1;}
+  100%  {opacity:0;}
+}
+
+$animeLogoDuration:12s;
+
+#header{
+  position:absolute;
+  overflow:hidden;
+  width:700px;
+  height:310px;
+  top:50%; left:50%;
+  margin-left:-350px;
+  margin-top:-155px;
+
+  h1{
+    position:absolute;
+    width:100%; height:100%;
+    a{display:block;margin-top:-500%;}
+    // filter:url(#blur-effect);
+    &:after, &:before{
+      content:"";
+      display:block;
+      width:100%; height:100%;
+      position:absolute;
+      top:0; left:0;
+      opacity:0;
+    }
+    &:before{
+      background: transparent url('../assets/img/logo.svg') no-repeat center center;
+      animation: introLogo $animeLogoDuration linear 0s;
+      animation-fill-mode: forwards;
+    }
+    &:after{
+      background: transparent url('../assets/img/logo-blured.svg') no-repeat center center;
+      animation: introLogoBlured $animeLogoDuration linear 0s;
+      animation-fill-mode: forwards;
+    }
+  }
+
+
+  h2{
+    background: transparent url('../assets/img/slogan.svg') no-repeat center center;
+    position:absolute;
+    width:100%; height:100%;
+    a{display:block;margin-top:-500%;}
+    opacity:0;
+    animation: introSlogan $animeLogoDuration linear 0s;
+    animation-fill-mode: forwards;
+  }
+
+}
+
+#footer{
+  position:fixed;
+  bottom:0;
+  .block{
+    display:inline-block;
+    vertical-align: top;
+  }
+}

sites/all/themes/gui/jee/css/wysiwyg.css

@@ -0,0 +1,203 @@
+@charset "UTF-8";
+/* LISIBILITY */
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-Semibold-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Semibold-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Semibold-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Semibold-webfont.svg#open_sanssemibold") format("svg");
+  font-weight: 600;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-Regular-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Regular-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Regular-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Regular-webfont.svg#open_sansregular") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-LightItalic-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-LightItalic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-LightItalic-webfont.svg#open_sanslight_italic") format("svg");
+  font-weight: 300;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-Light-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Light-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Light-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Light-webfont.svg#open_sanslight") format("svg");
+  font-weight: 300;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-Italic-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Italic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Italic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Italic-webfont.svg#open_sansitalic") format("svg");
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic") format("svg");
+  font-weight: 900;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-ExtraBold-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-ExtraBold-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold") format("svg");
+  font-weight: 900;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-BoldItalic-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-BoldItalic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic") format("svg");
+  font-weight: 700;
+  font-style: italic;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-Bold-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-Bold-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-Bold-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-Bold-webfont.svg#open_sansbold") format("svg");
+  font-weight: 700;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'open_sans';
+  src: url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot");
+  src: url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.ttf") format("truetype"), url("fonts/open-sans/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic") format("svg");
+  font-weight: 600;
+  font-style: italic;
+}
+/* line 122, fonts.scss */
+html, body {
+  font-size: 16px;
+}
+
+/* line 126, fonts.scss */
+html, body, h1, h2, h3, h4, h5, h6 {
+  font-family: 'open_sans', monospace;
+}
+
+/* line 131, fonts.scss */
+p {
+  line-height: 1.3;
+}
+
+/* line 134, fonts.scss */
+p.heading {
+  font-size: 1.25em !important;
+}
+
+/* line 6, wysiwyg.scss */
+* {
+  font-size: 14px;
+}
+
+/* line 7, wysiwyg.scss */
+div {
+  border: 1px dashed #D4D4D4;
+}
+
+/* line 8, wysiwyg.scss */
+p:after, ul:after {
+  content: "¬";
+  color: red;
+}
+
+/* line 10, wysiwyg.scss */
+h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
+  color: blue;
+  font-weight: normal;
+  font-size: 10px;
+  vertical-align: super;
+}
+
+/* line 16, wysiwyg.scss */
+h2:before {
+  content: "h2 ";
+}
+
+/* line 20, wysiwyg.scss */
+h3:before {
+  content: "h3 ";
+}
+
+/* line 24, wysiwyg.scss */
+h4:before {
+  content: "h4 ";
+}
+
+/* line 28, wysiwyg.scss */
+h5:before {
+  content: "h5 ";
+}
+
+/* line 32, wysiwyg.scss */
+h6:before {
+  content: "h6 ";
+}
+
+/* line 35, wysiwyg.scss */
+br:after {
+  content: "·";
+  color: red;
+  border: 1px solid #999;
+}
+
+/* line 37, wysiwyg.scss */
+img {
+  height: auto;
+  margin: 0.5em 0;
+  max-width: 99%;
+}
+
+/* line 38, wysiwyg.scss */
+p {
+  border: 1px dashed #848484;
+}
+
+/* line 39, wysiwyg.scss */
+div {
+  border: 1px solid #1A1A1A;
+}
+
+/* LAYOUT AND GRAPHICS */
+/*
+#full{ width:99%; }
+#demi{ width:47%; }
+#tiers{ width:29%; }
+#quart{ width:23%; }
+#right{ float:right; margin-left:2%; }
+#left{ float:left; margin-right:2%; }
+#center{ display:block; margin:0 auto; }
+
+
+img{height:auto; margin:0.5em 0;}
+p{ border: 1px dashed #848484; }
+div{border: 1px solid #1A1A1A;}
+
+
+img,p,div{ position:relative;
+	&:before{font-size:10px; color:red; background-color: #1A1A1A; position:absolute; top:0; z-index:3000;}
+
+	&.full{#full; &:before{content:" full ";}}
+	&.demi{ #demi; margin-right:2%; &:before{content:" demi "; right:0;}}
+	&.tiers{ #tiers; margin-right:2%; &:before{content:" tiers "; right:0;}}
+	&.quart{ #quart; margin-right:2%; &:before{content:" quart "; right:0;}}
+
+	&.demi-left{ #demi; #left; &:before{content:" demi-left "; left:0;}}
+	&.demi-right{ #demi; #right;  &:before{content:" demi-right "; right:0;}}
+	&.demi-center{ #demi; #center;  &:before{content:" demi-denter "; right:0;}}
+
+	&.tiers-left{ #tiers; #left;  &:before{content:" tiers-left "; left:0;}}
+	&.tiers-right{ #tiers; #right;  &:before{content:" tiers-right "; right:0;}}
+	&.tiers-center{ #tiers; #center;  &:before{content:" tiers-center "; right:0;}}
+
+	&.quart-left{ #quart; #left;  &:before{content:" quart-left "; left:0;}}
+	&.quart-right{ #quart; #right;  &:before{content:" quart-right "; right:0;}}
+	&.quart-center{ #quart; #center;  &:before{content:" quart-center "; right:0;}}
+
+}
+*/

sites/all/themes/gui/jee/css/wysiwyg.scss

@@ -0,0 +1,79 @@
+/* LISIBILITY */
+@import "communs.scss";
+@import "fonts.scss";
+
+
+*{font-size:14px;}
+div{border: 1px dashed #D4D4D4;}
+p:after, ul:after{content:"¬"; color:red;}
+
+h1:before, h2:before, h3:before, h4:before, h5:before, h6:before{
+	 color:blue; font-weight: normal; font-size:10px; vertical-align: super;
+}
+
+h2{
+	// font-size:24px;
+	&:before{content:"h2 ";}
+}
+h3{
+	// font-size:18px;
+	&:before{content:"h3 ";}
+}
+h4{
+	// font-size:16px;
+	&:before{content:"h4 ";}
+}
+h5{
+	// font-size:14px;
+	&:before{content:"h5 ";}
+}
+h6{
+	// font-size:12px;
+	&:before{content:"h6 ";}
+}
+
+br:after{content:"·"; color:red; border: 1px solid #999;}
+
+img{height:auto; margin:0.5em 0; max-width:99%;}
+p{ border: 1px dashed #848484; }
+div{border: 1px solid #1A1A1A;}
+
+
+/* LAYOUT AND GRAPHICS */
+/*
+#full{ width:99%; }
+#demi{ width:47%; }
+#tiers{ width:29%; }
+#quart{ width:23%; }
+#right{ float:right; margin-left:2%; }
+#left{ float:left; margin-right:2%; }
+#center{ display:block; margin:0 auto; }
+
+
+img{height:auto; margin:0.5em 0;}
+p{ border: 1px dashed #848484; }
+div{border: 1px solid #1A1A1A;}
+
+
+img,p,div{ position:relative;
+	&:before{font-size:10px; color:red; background-color: #1A1A1A; position:absolute; top:0; z-index:3000;}
+
+	&.full{#full; &:before{content:" full ";}}
+	&.demi{ #demi; margin-right:2%; &:before{content:" demi "; right:0;}}
+	&.tiers{ #tiers; margin-right:2%; &:before{content:" tiers "; right:0;}}
+	&.quart{ #quart; margin-right:2%; &:before{content:" quart "; right:0;}}
+
+	&.demi-left{ #demi; #left; &:before{content:" demi-left "; left:0;}}
+	&.demi-right{ #demi; #right;  &:before{content:" demi-right "; right:0;}}
+	&.demi-center{ #demi; #center;  &:before{content:" demi-denter "; right:0;}}
+
+	&.tiers-left{ #tiers; #left;  &:before{content:" tiers-left "; left:0;}}
+	&.tiers-right{ #tiers; #right;  &:before{content:" tiers-right "; right:0;}}
+	&.tiers-center{ #tiers; #center;  &:before{content:" tiers-center "; right:0;}}
+
+	&.quart-left{ #quart; #left;  &:before{content:" quart-left "; left:0;}}
+	&.quart-right{ #quart; #right;  &:before{content:" quart-right "; right:0;}}
+	&.quart-center{ #quart; #center;  &:before{content:" quart-center "; right:0;}}
+
+}
+*/