FINAL suepr merge step : added all modules to this super repos

sites/all/themes/gui/materiobasetheme/less/fonts.less

@@ -0,0 +1,25 @@
+
+.ubuntu(){font-family: "Ubuntu", Arial, "MS Trebuchet", sans-serif; .500; .normal;}
+
+body{font-size:16px; .ubuntu; line-height:1.3;}
+
+a{color: #007BC2; text-decoration: none;}
+
+h1{font-size:1.6em;}
+h2{font-size:1.5em;}
+h3{font-size:1.4em;}
+h4{font-size:1.3em;}
+h5{font-size:1.2em;}
+h6{font-size:1.1em;}
+
+input, button, select, textarea{.ubuntu();}
+
+.22(){
+	font-size:22px;
+}
+
+#footer{
+  #footer-bottom{ text-align: center;}
+  #footer-bottom .block{ .8;}
+  
+}

sites/all/themes/gui/materiobasetheme/less/layout.less

@@ -0,0 +1,101 @@
+
+/** RESPONSIVE break points */
+
+@max-480  : ~"screen and (max-width: 479px)";
+@min-480  : ~"screen and (min-width: 480px)";
+
+@480-768  : ~"screen and (min-width: 480px) and (max-width: 767px)";
+
+@max-768  : ~"screen and (max-width: 767px)";
+@min-768  : ~"screen and (min-width: 768px)";
+
+@768-980  : ~"screen and (min-width: 768px) and (max-width: 979px)";
+
+@max-980  : ~"screen and (max-width: 979px)";
+@min-980  : ~"screen and (min-width: 980px)";
+
+@980-1200  : ~"screen and (min-width: 980px) and (max-width: 1199px)";
+
+@max-1200 : ~"screen and (max-width: 1199px)";
+@min-1200 : ~"screen and (min-width: 1200px)";
+
+
+html, body{
+  // position:relative;
+  // overflow:hidden;
+  // width:100%;
+  // height:100%;
+}
+body{
+  overflow-y:scroll; top:0;
+}
+
+@rootminwidth : 320px;
+
+/** NIVEAU 0 */
+#root{
+  min-width:@rootminwidth;
+
+  .ie8 &{min-width:1024px;}
+}
+
+/** NIVEAU 1 */
+#container{ margin:0 auto; position:relative; .transition(padding-top, 0.5s, ease-out);}
+
+/** NIVEAU 2 */
+.padded(){ @p:2%; width:100%-2*@p; padding-left:@p; padding-right:@p; }
+
+@header-z-index:1000;
+#header{
+  @media @min-768{
+    position:fixed; top:0; margin:0 auto; .bgc(#fff); min-width:@rootminwidth*0.97;
+  }
+  z-index:@header-z-index;
+  .padded;
+  .editmenu-enabled &{ .mt(30px); }
+  .admin-menu &{ .mt(35px); }
+}
+
+#utilities{
+  @media @min-768{
+    html.no-touch &{
+      position:fixed; top:0; margin:0 auto; min-width:@rootminwidth*0.97;
+      .mt(60px);
+    }
+    html.no-touch .editmenu-enabled &{ .mt(80px); }
+    html.no-touch .admin-menu &{ .mt(85px); }
+  }
+  @media @max-768{
+    >.region{.pt(5px); .pb(5px);}
+  }
+  z-index:999;
+  .bgc(#fff);
+  .padded;
+
+}
+
+#main{.padded; overflow-x:hidden;}
+
+#footer{.padded;}
+
+/** NIVEAU 3 */
+
+.js #content-top{}
+
+// .js #content{ overflow-y:hidden; }
+
+
+// #container, #header-blocks, #center{.transition(width, 0.5s, ease-out); }
+
+
+.footer-block .region, .header-block{ .inlineblock();}
+
+/** NIVEAU 4 */
+#center{ padding:5px; }
+
+/** Z-INDEX */
+#block-feedback-form{z-index:1001;}
+#admin-menu{z-index:1002;}
+#admin-toolbar{z-index:1003;}
+
+

sites/all/themes/gui/materiobasetheme/less/misc.less

@@ -0,0 +1,240 @@
+
+//** Messages. */
+.messages(){
+  padding: 9px;
+  margin: 0.5em 0 0;
+  color: #3a87ad;//#360;
+  background: #d9edf7;//#cf8;
+  border: 1px solid #bce8f1;//#be7;
+  -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    .12;
+
+  &.warning {
+    color: #c09853;//#840;
+    background-color: #fcf8e3;//#fe6;
+    border-color: #fbeed5;//#ed5;
+  }
+
+  &.error {
+    color: #b94a48;//#fff;
+    background-color: #f2dede;//#e63;
+    border-color: #eed3d7;//#d52;
+  }
+
+
+  &.status {
+    color: #468847;//#036;
+    background-color: #dff0d8;//#bdf;
+    border-color:#d6e9c6;//#ace;
+    .14;
+  }
+
+}
+
+div.messages { .messages();}
+
+.messages-label{display:none;}
+
+#better-messages-wrapper{
+  background-color: rgba(255,255,255,0.7); .p(10px); .rounded(5px); .drop-shadow(0, 0, 6px, 0.4);
+  #better-messages-default{
+
+    div.messages{
+      .messages(); margin:0 0 10px 0;
+    }
+    .footer{
+      border:none; padding:0; margin:0;
+      a.message-close{
+        background: #fff url('../img/close.png') no-repeat center center;
+        width:15px; height:15px; .rounded(3px); display:block;
+
+      }
+    }
+  }
+}
+
+/** Tab navigation */
+
+// .primary(){
+// 	font:13px/1.231 sans-serif; *font-size:small;
+//   border-collapse: collapse;
+//   padding: 0 0 0 1em; /* LTR */
+//   white-space: nowrap;
+//   list-style: none;
+//   margin: 0;
+//   height: auto;
+//   line-height: normal;
+//   border-bottom: 0 solid #bbb;
+
+//   li{
+//     display: inline;
+
+//     a {
+//       background-color: #ddd;
+//       border-color: #bbb;
+//       border-width: 1px;
+//       border-style: solid solid none solid;
+//       height: auto;
+//       margin-right: 0.5em; /* LTR */
+//       padding: 0 1em;
+//       text-decoration: none;
+//     	-moz-border-radius: 5px;
+//     		-webkit-border-radius: 5px;
+//     		border-radius: 5px;
+
+//       &:hover{
+//         background-color: #eee;
+//         border-color: #ccc;
+//         border-bottom-color: #eee;
+//       }
+
+//     }
+
+//     &.active a {
+//       background-color: #fff;
+//       border: 1px solid #bbb;
+//       border-bottom: #fff 1px solid;
+//     }
+//   }
+// }
+
+// ul.primary, .views-admin-links ul { .primary(); }
+
+// .secondary(){
+//   border-bottom: 1px solid #bbb;
+//   padding: 0.5em 1em;
+//   margin: 5px;
+//   li {
+//     display: inline;
+//     padding: 0 1em;
+//     border-right: 1px solid #ccc; /* LTR */
+
+//     a {
+//       padding: 0;
+//       text-decoration: none;
+
+//       &.active {
+//         border-bottom: 4px solid #999;
+//       }
+//     }
+//   }
+// }
+
+// ul.secondary { .secondary(); }
+
+
+/**
+* icons
+*/
+.icon(@w, @x, @y, @color : #fff){
+  background-image: url('../img/sprite.png');
+  width:@w; height:@w; line-height:@w;
+  background-position: @x @y ;
+  background-color: @color;
+}
+// [class^="icon-materio-viewmode-"], [class*=" icon-materio-viewmode-"]{
+//   .icon(20px);
+// }
+
+i.icon-materio-viewmode-cardsmall{
+  .icon(20px, -42px, 0);
+  &.active{.icon(21px, 0, 0); }
+  &:hover:not(.active){.icon(21px, -21px, 0); }
+}
+i.icon-materio-viewmode-cardmedium{
+  .icon(21px, -42px, -21px);
+  &.active{.icon(21px, 0, -21px); }
+  &:hover:not(.active){.icon(21px, -21px, -21px); }
+}
+i.icon-materio-viewmode-cardbig{
+  .icon(21px, -42px, -42px);
+  &.active{.icon(21px, 0, -42px); }
+  &:hover:not(.active){.icon(21px, -21px, -42px); }
+}
+i.icon-materio-viewmode-cardfull{
+  .icon(21px, -42px, -63px);
+  &.active{.icon(21px, 0, -63px); }
+  &:hover:not(.active){.icon(21px, -21px, -63px); }
+}
+
+i.icon-materio-search{
+  .icon(21px, -63px, -63px);
+}
+
+i.icon-materio-folder{
+  .icon(21px, -84px, -63px);
+}
+
+
+/**
+* figures
+*/
+
+figure{
+  figcaption{
+    display:none;
+  }
+  .blank{ position:absolute; top:0; left:0; width:100%; height:100%;}
+}
+
+
+
+/* ==|== print styles =======================================================
+   Print styles.
+   Inlined to avoid required HTTP connection: h5bp.com/r
+   ========================================================================== */
+
+// @media print {
+//   * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
+//   a, a:visited { text-decoration: underline; }
+//   a[href]:after { content: " (" attr(href) ")"; }
+//   abbr[title]:after { content: " (" attr(title) ")"; }
+//   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
+//   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+//   thead { display: table-header-group; } /* h5bp.com/t */
+//   tr, img { page-break-inside: avoid; }
+//   img { max-width: 100% !important; }
+//   @page { margin: 0.5cm; }
+//   p, h2, h3 { orphans: 3; widows: 3; }
+//   h2, h3 { page-break-after: avoid; }
+// }
+
+
+
+a:focus {
+    outline: 0;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+
+/** COLORBOX */
+#colorbox{
+  .rounded; .drop-shadow(0, 0, 5px, 0.4);
+  #cboxLoadedContent{ background-color: #fff; }
+}
+
+
+/** embed player */
+.embedded-video{
+  .player iframe{
+    @media @max-768{
+      max-width:100%;
+      height:auto;
+    }
+  }
+}
+
+/** devel */
+.not-logged-in{
+  #tasks ul.tabs.primary{display:none;}
+}

sites/all/themes/gui/materiobasetheme/less/misc.less.orig

@@ -0,0 +1,242 @@
+
+//** Messages. */
+.messages(){
+  padding: 9px;
+  margin: 0.5em 0 0;
+  color: #3a87ad;//#360;
+  background: #d9edf7;//#cf8;
+  border: 1px solid #bce8f1;//#be7;
+  -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    .12;
+
+  &.warning {
+    color: #c09853;//#840;
+    background-color: #fcf8e3;//#fe6;
+    border-color: #fbeed5;//#ed5;
+  }
+
+  &.error {
+    color: #b94a48;//#fff;
+    background-color: #f2dede;//#e63;
+    border-color: #eed3d7;//#d52;
+  }
+<<<<<<< HEAD
+  
+=======
+
+
+>>>>>>> prod
+  &.status {
+    color: #468847;//#036;
+    background-color: #dff0d8;//#bdf;
+    border-color:#d6e9c6;//#ace;
+    .14;
+  }
+}
+
+div.messages { .messages();}
+
+.messages-label{display:none;}
+
+#better-messages-wrapper{
+  background-color: rgba(255,255,255,0.7); .p(10px); .rounded(5px); .drop-shadow(0, 0, 6px, 0.4);
+  #better-messages-default{
+
+    div.messages{
+      .messages(); margin:0 0 10px 0;
+    }
+    .footer{
+      border:none; padding:0; margin:0;
+      a.message-close{
+        background: #fff url('../img/close.png') no-repeat center center;
+        width:15px; height:15px; .rounded(3px); display:block;
+      }
+    }
+  }
+}
+
+/** Tab navigation */
+
+// .primary(){
+// 	font:13px/1.231 sans-serif; *font-size:small;
+//   border-collapse: collapse;
+//   padding: 0 0 0 1em; /* LTR */
+//   white-space: nowrap;
+//   list-style: none;
+//   margin: 0;
+//   height: auto;
+//   line-height: normal;
+//   border-bottom: 0 solid #bbb;
+
+//   li{
+//     display: inline;
+
+//     a {
+//       background-color: #ddd;
+//       border-color: #bbb;
+//       border-width: 1px;
+//       border-style: solid solid none solid;
+//       height: auto;
+//       margin-right: 0.5em; /* LTR */
+//       padding: 0 1em;
+//       text-decoration: none;
+//     	-moz-border-radius: 5px;
+//     		-webkit-border-radius: 5px;
+//     		border-radius: 5px;
+
+//       &:hover{
+//         background-color: #eee;
+//         border-color: #ccc;
+//         border-bottom-color: #eee;
+//       }
+
+//     }
+
+//     &.active a {
+//       background-color: #fff;
+//       border: 1px solid #bbb;
+//       border-bottom: #fff 1px solid;
+//     }
+//   }
+// }
+
+// ul.primary, .views-admin-links ul { .primary(); }
+
+// .secondary(){
+//   border-bottom: 1px solid #bbb;
+//   padding: 0.5em 1em;
+//   margin: 5px;
+//   li {
+//     display: inline;
+//     padding: 0 1em;
+//     border-right: 1px solid #ccc; /* LTR */
+
+//     a {
+//       padding: 0;
+//       text-decoration: none;
+
+//       &.active {
+//         border-bottom: 4px solid #999;
+//       }
+//     }
+//   }
+// }
+
+// ul.secondary { .secondary(); }
+
+
+/**
+* icons
+*/
+.icon(@w, @x, @y, @color : #fff){
+  background-image: url('../img/sprite.png');
+  width:@w; height:@w; line-height:@w;
+  background-position: @x @y ;
+  background-color: @color;
+}
+// [class^="icon-materio-viewmode-"], [class*=" icon-materio-viewmode-"]{
+//   .icon(20px);
+// }
+
+i.icon-materio-viewmode-cardsmall{
+  .icon(20px, -42px, 0);
+  &.active{.icon(21px, 0, 0); }
+  &:hover:not(.active){.icon(21px, -21px, 0); }
+}
+i.icon-materio-viewmode-cardmedium{
+  .icon(21px, -42px, -21px);
+  &.active{.icon(21px, 0, -21px); }
+  &:hover:not(.active){.icon(21px, -21px, -21px); }
+}
+i.icon-materio-viewmode-cardbig{
+  .icon(21px, -42px, -42px);
+  &.active{.icon(21px, 0, -42px); }
+  &:hover:not(.active){.icon(21px, -21px, -42px); }
+}
+i.icon-materio-viewmode-cardfull{
+  .icon(21px, -42px, -63px);
+  &.active{.icon(21px, 0, -63px); }
+  &:hover:not(.active){.icon(21px, -21px, -63px); }
+}
+
+i.icon-materio-search{
+  .icon(21px, -63px, -63px);
+}
+
+i.icon-materio-folder{
+  .icon(21px, -84px, -63px);
+}
+
+
+/**
+* figures
+*/
+
+figure{
+  figcaption{
+    display:none;
+  }
+  .blank{ position:absolute; top:0; left:0; width:100%; height:100%;}
+}
+
+
+
+/* ==|== print styles =======================================================
+   Print styles.
+   Inlined to avoid required HTTP connection: h5bp.com/r
+   ========================================================================== */
+
+// @media print {
+//   * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
+//   a, a:visited { text-decoration: underline; }
+//   a[href]:after { content: " (" attr(href) ")"; }
+//   abbr[title]:after { content: " (" attr(title) ")"; }
+//   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
+//   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+//   thead { display: table-header-group; } /* h5bp.com/t */
+//   tr, img { page-break-inside: avoid; }
+//   img { max-width: 100% !important; }
+//   @page { margin: 0.5cm; }
+//   p, h2, h3 { orphans: 3; widows: 3; }
+//   h2, h3 { page-break-after: avoid; }
+// }
+
+
+
+a:focus {
+    outline: 0;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+
+/** COLORBOX */
+#colorbox{
+  .rounded; .drop-shadow(0, 0, 5px, 0.4);
+  #cboxLoadedContent{ background-color: #fff; }
+}
+
+
+/** embed player */
+.embedded-video{
+  .player iframe{
+    @media @max-768{
+      max-width:100%;
+      height:auto;
+    }
+  }
+}
+
+/** devel */
+.not-logged-in{
+  #tasks ul.tabs.primary{display:none;}
+}

sites/all/themes/gui/materiobasetheme/less/wysiwyg.less

@@ -0,0 +1,95 @@
+/* LISIBILITY */
+@import "../components/gui/gui.less";
+
+
+*{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;
+}
+
+h1:before{content:"h1 ";}
+h2:before{content:"h2 ";}
+h3:before{content:"h3 ";}
+h4:before{content:"h4 ";}
+h5:before{content:"h5 ";}
+h6:before{content:"h6 ";}
+
+
+h2{font-size:24px;}
+h3{font-size:18px;}
+h4{font-size:16px;}
+h5{font-size:14px;}
+h6{font-size:12px;}
+
+br:after{content:"·"; color:red; border: 1px solid #999;}
+
+/* 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;}}
+
+
+
+}
+
+table, tr,td{
+	position:relative;
+	padding:1em 0.3em 0.3em;
+	width:100%;
+
+	&:before{
+		font-size:10px; color:white; background-color: blue;
+		position:absolute; top:0; left:0; z-index:3000;
+		padding:1px 3px;
+	}
+}
+table{
+	border:2px solid blue!important;
+	&:before{content:"table";}
+}
+
+tr{
+	display:block;
+	border:1px dashed blue!important;
+	&:before{content:"tr";}
+}
+
+td{
+	border:1px dotted blue!important;
+	&:before{content:"td";}
+	p{
+		padding:0 15px;
+	}
+}