fixed location field access for administrator, improved disbaled field display

sites/all/modules/gui/materiobasemod/materio_showroom.module

@@ -198,7 +198,6 @@ function materio_showroom_field_widget_form(&$form, &$form_state, $field, $insta
         '#default_value' => $showroom_tid,
         // Allow a slightly larger size that the field length to allow for some
         // configurations where all characters won't fit in input field.
-        '#size' => 10,
         '#maxlength' => 255,
       );
 
@@ -208,7 +207,7 @@ function materio_showroom_field_widget_form(&$form, &$form_state, $field, $insta
         '#default_value' => $locval,
         // Allow a slightly larger size that the field length to allow for some
         // configurations where all characters won't fit in input field.
-        '#size' => 10,
+        '#size' => 20,
         '#maxlength' => 255,
       );
 
@@ -359,7 +358,8 @@ function _materio_showroom_alter_location_field_form(&$form, &$form_state, $form
       foreach ($terms as $tid => $name) {
         $item = $new_field_form[$field_name][LANGUAGE_NONE][$i];
         $new_field_form[$field_name][LANGUAGE_NONE][$i]['location']['#title'] = $terms[$item['showroom_tid']['#default_value']];
-        $new_field_form[$field_name][LANGUAGE_NONE][$i]['location']['#disabled'] = !in_array($tid, $user_showrooms);
+        $disabled = !user_access('materio showroom edit all samples fields', $user) && !in_array($tid, $user_showrooms);
+        $new_field_form[$field_name][LANGUAGE_NONE][$i]['location']['#disabled'] = $disabled;
         $i++;
       }
 
@@ -376,13 +376,15 @@ function _materio_showroom_alter_location_field_form(&$form, &$form_state, $form
   }
 }
 
-// TODO: migrate old location field to new one
-
 /**
  * Implements hook_permission().
  */
 function materio_showroom_permission() {
   return array(
+    'materio showroom edit all samples fields' =>  array(
+      'title' => t('Edit all materiO showroom samples fields'),
+      'description' => t('Edit all materiO showroom samples fields'),
+    ),
     'materio showroom migrate fields' =>  array(
       'title' => t('Migrate materio showroom location fields'),
       'description' => t('Migrate materio showroom location fields'),

sites/all/themes/gui/guibik/css/elements.css

@@ -1,9 +0,0 @@
-/** COMMONS */
-.inline-block {
-  display: inline-block;
-  display: moz-inline-stack;
-  *display: inline;
-  *zoom: 1;
-  vertical-align: top;
-}
-/** HTML5 */

sites/all/themes/gui/guibik/css/guibik.css

@@ -1,150 +1,895 @@
-.inline-block{display:inline-block;display:moz-inline-stack;*display:inline;*zoom:1;vertical-align:top;}
-.8{font-size:8px;}
-.9{font-size:9px;}
-.10{font-size:10px;}
-.11{font-size:10px;}
-.12{font-size:12px;}
-.14{font-size:14px;}
-.16{font-size:16px;}
-.18{font-size:18px;}
-.20{font-size:18px;}
-.24{font-size:24px;}
-.28{font-size:28px;}
-.30{font-size:30px;}
-.36{font-size:36px;}
-.48{font-size:48px;}
-.60{font-size:60px;}
-.72{font-size:72px;}
-.regular{font-weight:normal;}
-.bold{font-weight:bold;}
-.100{font-weight:100;}
-.300{font-weight:300;}
-.500{font-weight:500;}
-.700{font-weight:700;}
-.900{font-weight:900;}
-.upper{text-transform:uppercase;}
-.italic{font-style:italic;}
-.normal{font-style:normal;}
-a{color:#0092D2;}
-table th{background-color:#e0e0e0;}
-.block,.item-list,.help-items ul,.form-item,.confirmation ul,.admin-list,.node-type-list,.admin-panel{border-width:0px;border-style:solid;border-color:#fff;}
-.text-format-wrapper .form-item{background:#F4F4F4;margin:0px 0px 10px;border-width:0;border-style:solid;border-color:#ddd;padding:9px;}
-.form-item label{color:#1A1A1A;font-weight:normal;font-size:12px;text-transform:none;}
-input.form-autocomplete,input.form-text,textarea.form-textarea,select.form-select{padding:3px;border-width:1px;border-style:solid;border-color:#BFBFBF;background:#fff;color:#1A1A1A;max-width:100%;}
-span.autocomplete-deluxe-button{top:0.25em;}
-.fieldset{display:block;position:relative;min-height:28px;border:0 solid #eee;border-top:1px solid #4C4C4C;}.fieldset.titled{margin:20px 0px 10px!important;}
-.fieldset legend{margin-top:-0.9em;}
-.fieldset.collapsible legend a.fieldset-title{padding-right:15px;}.fieldset.collapsible legend a.fieldset-title:after{content:"-";padding:0 3px 2px;margin:-5px 0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;color:#000;background-color:#FFF;line-height:0;font-weight:bold;}
-.fieldset.collapsible legend a.fieldset-title:hover{color:#fff;font-weight:bold;}
-.fieldset.collapsed legend a.fieldset-title:after{content:"+";}
-.tabledrag-processed{border:0 solid #fff;padding-bottom:2em;}.tabledrag-processed thead{background-color:transparent;}.tabledrag-processed thead label{color:inherit;text-shadow:none;padding:0 0 0 0.5em;}
-.tabledrag-processed thead th{background-color:transparent;text-transform:uppercase;font-weight:bold;}
-.item-list h3,.block .block-title,.fieldset-title,.collapsible .fieldset-legend a{display:inline-block;width:auto;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-size:12px;font-weight:normal;text-transform:uppercase;margin:0px;padding:2px 9px 3px;color:#fff;background:#666;}
-.block .block-content,.container-inline .fieldset-content,.fieldset-content{padding:10px 9px 9px;background:#F4F4F4;}
-.page-content .form-item .description{color:#fff;border-top:1px solid #E0E0E0;background:url(../images/popup.png) 50% 100% no-repeat;}.page-content .form-item .description a{text-decoration:underline;}
-li{list-style:none inside url();}
-#user-profile-form label,.node-form label{text-transform:uppercase;font-size:1em;}
-#user-profile-form .fieldset-title,.node-form .fieldset-title,#user-profile-form .vertical-tab-button strong,.node-form .vertical-tab-button strong,#user-profile-form .horizontal-tab-button strong,.node-form .horizontal-tab-button strong{text-transform:uppercase;font-size:0.8em;font-weight:bold;}
-#user-profile-form div.form-type-checkboxes>label,.node-form div.form-type-checkboxes>label,#user-profile-form div.form-type-checkboxes>div.form-checkboxes,.node-form div.form-type-checkboxes>div.form-checkboxes{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}.ie7 #user-profile-form div.form-type-checkboxes>label,.ie7 .node-form div.form-type-checkboxes>label,.ie7 #user-profile-form div.form-type-checkboxes>div.form-checkboxes,.ie7 .node-form div.form-type-checkboxes>div.form-checkboxes{display:inline;}
-#user-profile-form .form-item-language>label,.node-form .form-item-language>label,#user-profile-form .form-type-select>label,.node-form .form-type-select>label,#user-profile-form .form-item-language>select,.node-form .form-item-language>select,#user-profile-form .form-type-select>select,.node-form .form-type-select>select{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}.ie7 #user-profile-form .form-item-language>label,.ie7 .node-form .form-item-language>label,.ie7 #user-profile-form .form-type-select>label,.ie7 .node-form .form-type-select>label,.ie7 #user-profile-form .form-item-language>select,.ie7 .node-form .form-item-language>select,.ie7 #user-profile-form .form-type-select>select,.ie7 .node-form .form-type-select>select{display:inline;}
-#user-profile-form .form-item-language>label,.node-form .form-item-language>label,#user-profile-form .form-type-select>label,.node-form .form-type-select>label{width:35%;}
-#user-profile-form .form-item-language>select,.node-form .form-item-language>select,#user-profile-form .form-type-select>select,.node-form .form-type-select>select{max-width:60%;}
-#user-profile-form .form-type-textfield>label,.node-form .form-type-textfield>label,#user-profile-form .form-type-textfield>input.form-text,.node-form .form-type-textfield>input.form-text{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;margin:0;vertical-align:middle;}.ie7 #user-profile-form .form-type-textfield>label,.ie7 .node-form .form-type-textfield>label,.ie7 #user-profile-form .form-type-textfield>input.form-text,.ie7 .node-form .form-type-textfield>input.form-text{display:inline;}
-#user-profile-form .form-type-textfield>label,.node-form .form-type-textfield>label{width:35%;}
-#user-profile-form .form-type-textfield>input.form-text,.node-form .form-type-textfield>input.form-text{max-width:60%;}
-#user-profile-form .form-type-link-field>label,.node-form .form-type-link-field>label,#user-profile-form .form-type-link-field>input.form-text,.node-form .form-type-link-field>input.form-text{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;margin:0;}.ie7 #user-profile-form .form-type-link-field>label,.ie7 .node-form .form-type-link-field>label,.ie7 #user-profile-form .form-type-link-field>input.form-text,.ie7 .node-form .form-type-link-field>input.form-text{display:inline;}
-#user-profile-form .form-type-link-field>label,.node-form .form-type-link-field>label{width:35%;}
-#user-profile-form .form-type-link-field div,.node-form .form-type-link-field div{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;margin:0;width:100%;}.ie7 #user-profile-form .form-type-link-field div,.ie7 .node-form .form-type-link-field div{display:inline;}
-#user-profile-form .form-type-link-field>div,.node-form .form-type-link-field>div{width:60%;}
-#user-profile-form .form-type-link-field input.form-text,.node-form .form-type-link-field input.form-text{max-width:100%;}
-#user-profile-form .form-phone-number .form-item,.node-form .form-phone-number .form-item{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}.ie7 #user-profile-form .form-phone-number .form-item,.ie7 .node-form .form-phone-number .form-item{display:inline;}
-#user-profile-form .form-phone-number input.form-text,.node-form .form-phone-number input.form-text{width:100%;}
-#user-profile-form .autocomplete-deluxe-button,.node-form .autocomplete-deluxe-button{margin-top:-3px;}
-#user-profile-form .addressfield-container-inline>div.form-item,.node-form .addressfield-container-inline>div.form-item{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;margin:0;width:30%;}.ie7 #user-profile-form .addressfield-container-inline>div.form-item,.ie7 .node-form .addressfield-container-inline>div.form-item{display:inline;}
-#user-profile-form fieldset.filter-wrapper,.node-form fieldset.filter-wrapper{display:none;}
-#user-profile-form input.fid.form-text,.node-form input.fid.form-text{display:none;}
-#user-profile-form .form-region-right,.node-form .form-region-right{position:relative;}#user-profile-form .form-region-right fieldset.form-wrapper,.node-form .form-region-right fieldset.form-wrapper{max-width:100%;padding:0;margin:0;}
-#user-profile-form .form-region-right .fieldset-wrapper,.node-form .form-region-right .fieldset-wrapper{padding:0;}
-#user-profile-form .form-region-right input.form-text,.node-form .form-region-right input.form-text{width:100%;}
-#user-profile-form tr.draggable fieldset legend,.node-form tr.draggable fieldset legend{display:none;}
-#user-profile-form tr.draggable fieldset .fieldset-content,.node-form tr.draggable fieldset .fieldset-content{padding:0;}#user-profile-form tr.draggable fieldset .fieldset-content .date-padding,.node-form tr.draggable fieldset .fieldset-content .date-padding{padding:0;}
-#user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree,.node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree{display:block;}#user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree>ul.term-reference-tree-level,.node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree>ul.term-reference-tree-level{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;padding:0 2em 0 0;min-width:30%;}.ie7 #user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree>ul.term-reference-tree-level,.ie7 .node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree>ul.term-reference-tree-level{display:inline;}
-#user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree .term-reference-track-list-container,.node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree .term-reference-track-list-container{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;border-left:1px solid #848484;padding:0 0 2em 1em;}.ie7 #user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree .term-reference-track-list-container,.ie7 .node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree .term-reference-track-list-container{display:inline;}
-.vertical-tabs{background:#f4f4f4;border:1px solid #BFBFBF;margin:0px 0px 10px;position:relative;}
-.vertical-tabs .fieldset-content,.vertical-tabs fieldset.titled .fieldset-content{border:0px;padding:10px;}
-.vertical-tabs .fieldset-content .fieldset-content{margin-top:20px;}
-.vertical-tabs-list li a{display:block;text-shadow:#fff 0px 1px 0px;padding:5px 10px 4px 10px;border-bottom:1px solid #BFBFBF;border-right:1px solid #BFBFBF;color:#494949;background:#e0e0e0;}
-.vertical-tabs-list li.last a{border-bottom:0px solid #bfbfbf;}
-.vertical-tabs-list .selected a,.vertical-tabs-list li:hover a{background:#f4f4f4;color:#1A1A1A;}
-.vertical-tabs-list .selected a{border-right:0 solid #f4f4f4;}
-.vertical-tabs-list .summary{font-size:11px;}
-.page-admin table,.update tr.warning .version-recommended,.update tr.error .version-recommended{background-color:transparent;border:0px solid transparent;}.page-admin table tr,.update tr.warning .version-recommended tr,.update tr.error .version-recommended tr{border:0px solid transparent;}
-.page-admin table tr.even td,.page-admin table tr.odd td,.page-admin table tr.even h3,.page-admin table tr.odd h3{background-color:transparent;}
-.page-admin table tr.even:hover,.page-admin table tr.odd:hover{background:#D4EFEE;}
-.page-admin table tr.even.ok,.page-admin table tr.odd.ok{background-color:#d1f2a3;color:#000;}
-.page-admin table tr.even.warning,.page-admin table tr.odd.warning{background-color:#e9e2a6;color:#000;}
-.page-admin table tr.even.error,.page-admin table tr.odd.error{background-color:#ffc4be;color:#000;}
-.page-admin table tr.even{background:#EFEFEF;}
-.page-admin table tr.ok,.page-admin table tr.ok:hover{color:#468847;background-color:#dff0d8;}
-.page-admin table tr.warning,.page-admin table tr.warning:hover{color:#c09853;background-color:#fcf8e3;}
-.page-admin table tr.error,.page-admin table tr.error:hover{color:#b94a48;background-color:#f2dede;}
-.admin-block-description,.help-items ul li,.confirmation ul li,.item-list ul li,.prose .item-list li,.menu li{border-bottom:0 solid #f4f4f4;}
-form .form-actions{background:#eee;border:0 solid #ddd;padding:9px;}
-input.teaser-button,input.form-submit,.node-edit,.button,.node-delete{cursor:pointer;padding:0.3em 0.9em;color:#333;text-align:center;font-size:12px;font-weight:normal;border-width:1px;border-style:solid;border-color:#ddd #ddd #ccc;background:#bbddff url();-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;}input.teaser-button.field-add-more-submit,input.form-submit.field-add-more-submit,.node-edit.field-add-more-submit,.button.field-add-more-submit,.node-delete.field-add-more-submit{padding:0.1em 0.4em 0;font-size:10px;}
-.node-edit,.button,.node-delete{font-size:10px;padding:0.1em 0.6em;}
-input.form-submit:hover,.node-edit:hover,.button:hover,.node-delete:hover{border-color:#ddd #ddd #ccc;-webkit-box-shadow:#ace 0px 0px 0px;color:#bdf;background-color:#848484;}
-input.button-yes:not(.field-add-more-submit),.node-edit{background-color:#CCFF2F;}input.button-yes:not(.field-add-more-submit):hover,.node-edit:hover{color:#CCFF2F;}
-input.button-no,.node-delete{background-color:#EA4B4A;}input.button-no:hover,.node-delete:hover{color:#EA4B4A;}
-body.admin-vertical #admin-menu{background:#222;background-image:none;}
-body.admin-vertical #admin-menu-wrapper{margin-left:35px!important;}
-body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #323232;margin-left:260px!important;}
-#admin-toolbar{z-index:1000!important;}
-#views-ui-edit-form div.changed{background-color:#FFF98E;}
-#views-ui-edit-form .views-ui-display-tab-bucket h3{font-weight:bold;background-color:#D8D8D8;}
-#views-ui-edit-form .defaulted,#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.even,#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.odd{color:#666;background-color:#E0E0E0;font-style:italic;}#views-ui-edit-form .defaulted a,#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.even a,#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.odd a{color:#3f80b3;}
-#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting,#views-ui-edit-form .views-display-setting.overridden,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even,#views-ui-edit-form .views-display-setting.overridden.even,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd,#views-ui-edit-form .views-display-setting.overridden.odd{color:#7F7F7F;background-color:#F9F9F9;font-style:normal;}#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting a,#views-ui-edit-form .views-display-setting.overridden a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even a,#views-ui-edit-form .views-display-setting.overridden.even a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd a,#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd a,#views-ui-edit-form .views-display-setting.overridden.odd a{color:#3188D1;}
-.view .view-header{padding:0.5em;margin:0 0 1em 0;border:1px solid #CCC;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-weight:bold;}
-.view .pager{padding:1em 0;margin:0;text-align:right;height:auto;}.view .pager ul{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;padding:0;}.ie7 .view .pager ul{display:inline;}
-.view .pager ul li{height:20px;}.view .pager ul li a,.view .pager ul li span{padding:1px 10px 2px;}
-.view .view-filters{padding:1em 0;margin:0 0 1em 0;border:1px solid #CCC;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;}.view .view-filters>span.title,.view .view-filters>form{display:moz-inline-stack;display:inline-block;zoom:1;*display:inline;width:auto;position:relative;vertical-align:top;}.ie7 .view .view-filters>span.title,.ie7 .view .view-filters>form{display:inline;}
-.view .view-filters>span.title{padding:0.7em 1em;}
-.view .view-filters fieldset{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;padding:0 1em;}.ie7 .view .view-filters fieldset{display:inline;}
-.view .view-filters fieldset .fieldset-content{padding:0;}
-.view .view-filters fieldset legend{display:none;}
-.view .view-filters label{font-weight:normal;font-size:0.75em;}
-.view .view-filters .form-item{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;padding:0 0.5em 0 0;}.ie7 .view .view-filters .form-item{display:inline;}
-.view .view-filters .form-item select,.view .view-filters .form-item input{font-size:0.8em;}
-.view fieldset#edit-select{padding:1em 0;margin:0 0 1em 0;border:1px solid #CCC;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;}.view fieldset#edit-select legend,.view fieldset#edit-select .fieldset-content{display:moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}.ie7 .view fieldset#edit-select legend,.ie7 .view fieldset#edit-select .fieldset-content{display:inline;}
-.view fieldset#edit-select legend{width:auto;}.view fieldset#edit-select legend *{background-color:transparent;}
-.view fieldset#edit-select .fieldset-content{padding:0;}.view fieldset#edit-select .fieldset-content select,.view fieldset#edit-select .fieldset-content input{font-size:0.8em;}
-.view .vbo-fieldset-select-all{width:50%;text-align:left;}.view .vbo-fieldset-select-all .form-item{display:moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:top;}.ie7 .view .vbo-fieldset-select-all .form-item{display:inline;}
-.view .vbo-fieldset-select-all em{padding:0 1em;}
-.view.inline-block-list .views-row{display:moz-inline-stack;display:inline-block;zoom:1;*display:inline;vertical-align:top;padding:5px;margin:5px;width:250px;min-height:150px;background-color:#E3E3E3;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ddd;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}.ie7 .view.inline-block-list .views-row{display:inline;}
-.view.inline-block-list .views-row .float-left{float:left;}.view.inline-block-list .views-row .float-left>div{margin:0 10px 10px 0;}
-*:focus{border:1px solid #BDF!important;}
-.clearfix:before,.clearfix:after{content:"";display:table;}
-.clearfix:after{clear:both;}
-.clearfix{zoom:1;}
-.path-admin-content-nodes span.icon{background-position:0px -30px;}
-.custom-admin table caption{text-align:left;padding:2em 0 0 0;font-weight:bold;}
-.custom-admin table th{line-height:1;background-color:#f4f4f4 !important;}
-.custom-admin table td{padding-top:1em;padding-bottom:1em;}
-.custom-admin table td.views-field-field-media{width:100px;}.custom-admin table td.views-field-field-media img{max-width:100%;height:auto;}
-.custom-admin table.has-caption th,.custom-admin table.has-caption td.views-field-field-media,.custom-admin table.has-caption td.views-field-views-bulk-operations{background:#e0e0e0 !important;}
-.custom-admin table td.views-field-title{width:350px;}
-.custom-admin table a.node-title-link{font-size:1.1em;padding:0 0 0.3em;display:inline-block;}
-.custom-admin table td.views-field-field-people{width:100px;}
-#modalContent div.ctools-modal-content{padding:5px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1 solid #999;}
-#modalContent div.ctools-modal-content .modal-header,#modalContent div.ctools-modal-content .modal-header a,#modalContent div.ctools-modal-content .modal-header span{background-color:transparent;color:#000!important;}
-div.messages{padding:9px;margin:0.5em 0 0;color:#3a87ad;background:#d9edf7;border:1px solid #bce8f1;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}div.messages.warning{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5;}
-div.messages.error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7;}
-div.messages.status{color:#468847;background-color:#dff0d8;border-color:#d6e9c6;}
-#better-messages-wrapper{background-color:rgba(255, 255, 255, 0.6);padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 0 6px rgba(0, 0, 0, 0.4);box-shadow:0 0 6px rgba(0, 0, 0, 0.4);}#better-messages-wrapper #better-messages-default .messages-label{display:none;}
-#better-messages-wrapper #better-messages-default div.messages{padding:9px;margin:0.5em 0 0;color:#3a87ad;background:#d9edf7;border:1px solid #bce8f1;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0 0 10px 0;}#better-messages-wrapper #better-messages-default div.messages.warning{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5;}
-#better-messages-wrapper #better-messages-default div.messages.error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7;}
-#better-messages-wrapper #better-messages-default div.messages.status{color:#468847;background-color:#dff0d8;border-color:#d6e9c6;}
-#better-messages-wrapper #better-messages-default .footer{border:none;padding:0;margin:0;}#better-messages-wrapper #better-messages-default .footer a.message-close{background:#ffffff url('../images/close.png') no-repeat center center;width:15px;height:15px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;display:block;}
-body.page-admin #page img{
+/** COMMONS */
+.inline-block {
+  display: inline-block;
+  display: moz-inline-stack;
+  *display: inline;
+  *zoom: 1;
+  vertical-align: top;
+}
+/** HTML5 */
+/*
+ * www.g-u-i.net
+ */
+/** table */
+/** GENERAL FORM */
+a {
+  color: #0092D2;
+}
+table th {
+  background-color: #E0E0E0;
+}
+.block,
+.item-list,
+.help-items ul,
+.form-item,
+.confirmation ul,
+.admin-list,
+.node-type-list,
+.admin-panel {
+  border-width: 0px;
+  border-style: solid;
+  border-color: #fff;
+}
+.text-format-wrapper .form-item {
+  background: #F4F4F4;
+  margin: 0px 0px 10px;
+  border-width: 0;
+  border-style: solid;
+  border-color: #ddd;
+  padding: 9px;
+}
+.form-item label {
+  color: #1A1A1A;
+  font-weight: normal;
+  font-size: 12px;
+  text-transform: none;
+}
+input.form-autocomplete,
+input.form-text,
+textarea.form-textarea,
+select.form-select {
+  padding: 3px;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #BFBFBF;
+  background: #fff;
+  color: #1A1A1A;
+  max-width: 100%;
+}
+input.form-autocomplete:disabled,
+input.form-text:disabled,
+textarea.form-textarea:disabled,
+select.form-select:disabled {
+  padding: 3px;
+  border-width: 0px;
+  border-style: solid;
+  border-color: none;
+  background: #fff;
+  color: #1A1A1A;
+  max-width: 100%;
+}
+input.form-autocomplete:hover:disabled,
+input.form-text:hover:disabled,
+input.form-file:hover:disabled,
+textarea.form-textarea:hover:disabled,
+select.form-select:hover:disabled,
+input.form-autocomplete:focus:disabled,
+input.form-text:focus:disabled,
+input.form-file:focus:disabled,
+input.form-checkbox:focus:disabled,
+input.form-radio:focus:disabled,
+textarea.form-textarea:focus:disabled,
+select.form-select:focus:disabled {
+  color: inherit;
+  border-color: #fff;
+  box-shadow: #fff 0 0 0px;
+}
+span.autocomplete-deluxe-button {
+  top: 0.25em;
+}
+.fieldset {
+  display: block;
+  position: relative;
+  min-height: 28px;
+  border: 0 solid #eee;
+  border-top: 1px solid #4C4C4C;
+}
+.fieldset.titled {
+  margin: 20px 0px 10px!important;
+}
+.fieldset legend {
+  margin-top: -0.9em;
+}
+.fieldset.collapsible legend a.fieldset-title {
+  padding-right: 15px;
+}
+.fieldset.collapsible legend a.fieldset-title:after {
+  content: "-";
+  padding: 0 3px 2px;
+  margin: -5px 0 0 10px;
+  border-radius: 2px;
+  background-clip: padding-box;
+  color: #000;
+  background-color: #FFF;
+  /*				font-size:9px;*/
+  line-height: 0;
+  font-weight: bold;
+}
+.fieldset.collapsible legend a.fieldset-title:hover {
+  color: #fff;
+  font-weight: bold;
+}
+.fieldset.collapsed legend a.fieldset-title:after {
+  content: "+";
+  /*			padding:2px 5px 3px;
+			.rounded();
+			color:#fff;
+			background-color: #1A1A1A;
+*/
+}
+.tabledrag-processed {
+  border: 0 solid #fff;
+  padding-bottom: 2em;
+  /*	border-top:1px solid #4C4C4C;*/
+}
+.tabledrag-processed thead {
+  background-color: transparent;
+}
+.tabledrag-processed thead label {
+  color: inherit;
+  text-shadow: none;
+  padding: 0 0 0 0.5em;
+}
+.tabledrag-processed thead th {
+  background-color: transparent;
+  text-transform: uppercase;
+  font-weight: bold;
+}
+.item-list h3,
+.block .block-title,
+.fieldset-title,
+.collapsible .fieldset-legend a {
+  display: inline-block;
+  width: auto;
+  border-radius: 2px;
+  background-clip: padding-box;
+  font-size: 12px;
+  font-weight: normal;
+  text-transform: uppercase;
+  margin: 0px;
+  padding: 2px 9px 3px;
+  color: #fff;
+  background: #666;
+}
+.block .block-content,
+.container-inline .fieldset-content,
+.fieldset-content {
+  padding: 10px 9px 9px;
+  background: #F4F4F4;
+}
+/** popup description */
+.page-content .form-item .description {
+  color: #fff;
+  border-top: 1px solid #E0E0E0;
+  /*	background: #1A1A1A url() no-repeat scroll top left;*/
+  background: url(../images/popup.png) 50% 100% no-repeat;
+}
+.page-content .form-item .description a {
+  text-decoration: underline;
+}
+li {
+  list-style: none inside url();
+}
+/** NODE FORM */
+#user-profile-form label,
+.node-form label {
+  text-transform: uppercase;
+  font-size: 1em;
+}
+#user-profile-form .fieldset-title,
+.node-form .fieldset-title,
+#user-profile-form .vertical-tab-button strong,
+.node-form .vertical-tab-button strong,
+#user-profile-form .horizontal-tab-button strong,
+.node-form .horizontal-tab-button strong {
+  text-transform: uppercase;
+  font-size: 0.8em;
+  font-weight: bold;
+}
+#user-profile-form div.form-type-checkboxes > label,
+.node-form div.form-type-checkboxes > label,
+#user-profile-form div.form-type-checkboxes > div.form-checkboxes,
+.node-form div.form-type-checkboxes > div.form-checkboxes {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+}
+#user-profile-form .form-item-language > label,
+.node-form .form-item-language > label,
+#user-profile-form .form-type-select > label,
+.node-form .form-type-select > label,
+#user-profile-form .form-item-language > select,
+.node-form .form-item-language > select,
+#user-profile-form .form-type-select > select,
+.node-form .form-type-select > select {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+}
+#user-profile-form .form-item-language > label,
+.node-form .form-item-language > label,
+#user-profile-form .form-type-select > label,
+.node-form .form-type-select > label {
+  width: 35%;
+}
+#user-profile-form .form-item-language > select,
+.node-form .form-item-language > select,
+#user-profile-form .form-type-select > select,
+.node-form .form-type-select > select {
+  max-width: 60%;
+}
+#user-profile-form .form-type-textfield > label,
+.node-form .form-type-textfield > label,
+#user-profile-form .form-type-textfield > input.form-text,
+.node-form .form-type-textfield > input.form-text {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  margin: 0;
+  vertical-align: middle;
+}
+#user-profile-form .form-type-textfield > label,
+.node-form .form-type-textfield > label {
+  width: 35%;
+}
+#user-profile-form .form-type-textfield > input.form-text,
+.node-form .form-type-textfield > input.form-text {
+  max-width: 60%;
+}
+#user-profile-form .form-type-link-field > label,
+.node-form .form-type-link-field > label,
+#user-profile-form .form-type-link-field > input.form-text,
+.node-form .form-type-link-field > input.form-text {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  margin: 0;
+}
+#user-profile-form .form-type-link-field > label,
+.node-form .form-type-link-field > label {
+  width: 35%;
+}
+#user-profile-form .form-type-link-field div,
+.node-form .form-type-link-field div {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  margin: 0;
+  width: 100%;
+}
+#user-profile-form .form-type-link-field > div,
+.node-form .form-type-link-field > div {
+  width: 60%;
+}
+#user-profile-form .form-type-link-field input.form-text,
+.node-form .form-type-link-field input.form-text {
+  max-width: 100%;
+}
+#user-profile-form .form-phone-number .form-item,
+.node-form .form-phone-number .form-item {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+}
+#user-profile-form .form-phone-number input.form-text,
+.node-form .form-phone-number input.form-text {
+  width: 100%;
+}
+#user-profile-form .autocomplete-deluxe-button,
+.node-form .autocomplete-deluxe-button {
+  margin-top: -3px;
+}
+#user-profile-form .addressfield-container-inline > div.form-item,
+.node-form .addressfield-container-inline > div.form-item {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  margin: 0;
+  width: 30%;
+}
+#user-profile-form fieldset.filter-wrapper,
+.node-form fieldset.filter-wrapper {
+  display: none;
+}
+#user-profile-form input.fid.form-text,
+.node-form input.fid.form-text {
+  display: none;
+}
+#user-profile-form .form-region-right,
+.node-form .form-region-right {
+  position: relative;
+}
+#user-profile-form .form-region-right fieldset.form-wrapper,
+.node-form .form-region-right fieldset.form-wrapper {
+  max-width: 100%;
+  padding: 0;
+  margin: 0;
+}
+#user-profile-form .form-region-right .fieldset-wrapper,
+.node-form .form-region-right .fieldset-wrapper {
+  padding: 0;
+}
+#user-profile-form .form-region-right input.form-text,
+.node-form .form-region-right input.form-text {
+  width: 100%;
+}
+#user-profile-form tr.draggable fieldset legend,
+.node-form tr.draggable fieldset legend {
+  display: none;
+}
+#user-profile-form tr.draggable fieldset .fieldset-content,
+.node-form tr.draggable fieldset .fieldset-content {
+  padding: 0;
+}
+#user-profile-form tr.draggable fieldset .fieldset-content .date-padding,
+.node-form tr.draggable fieldset .fieldset-content .date-padding {
+  padding: 0;
+}
+#user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree,
+.node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree {
+  display: block;
+}
+#user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree > ul.term-reference-tree-level,
+.node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree > ul.term-reference-tree-level {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  padding: 0 2em 0 0;
+  min-width: 30%;
+}
+#user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree .term-reference-track-list-container,
+.node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree .term-reference-track-list-container {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  border-left: 1px solid #848484;
+  padding: 0 0 2em 1em;
+}
+/** VERTICAL TABS */
+.vertical-tabs {
+  background: #F4F4F4;
+  border: 1px solid #BFBFBF;
+  margin: 0px 0px 10px;
+  position: relative;
+}
+.vertical-tabs .fieldset-content,
+.vertical-tabs fieldset.titled .fieldset-content {
+  border: 0px;
+  padding: 10px;
+}
+.vertical-tabs .fieldset-content .fieldset-content {
+  margin-top: 20px;
+}
+.vertical-tabs-list li a {
+  display: block;
+  text-shadow: #fff 0px 1px 0px;
+  padding: 5px 10px 4px 10px;
+  border-bottom: 1px solid #BFBFBF;
+  border-right: 1px solid #BFBFBF;
+  color: #494949;
+  background: #E0E0E0;
+}
+.vertical-tabs-list li.last a {
+  border-bottom: 0px solid #BFBFBF;
+}
+.vertical-tabs-list .selected a,
+.vertical-tabs-list li:hover a {
+  background: #F4F4F4;
+  color: #1A1A1A;
+}
+.vertical-tabs-list .selected a {
+  border-right: 0 solid #F4F4F4;
+}
+.vertical-tabs-list .summary {
+  font-size: 11px;
+}
+.page-admin table,
+.update tr.warning .version-recommended,
+.update tr.error .version-recommended {
+  background-color: transparent;
+  border: 0px solid transparent;
+}
+.page-admin table tr,
+.update tr.warning .version-recommended tr,
+.update tr.error .version-recommended tr {
+  border: 0px solid transparent;
+}
+.page-admin table tr.even td,
+.page-admin table tr.odd td,
+.page-admin table tr.even h3,
+.page-admin table tr.odd h3 {
+  background-color: transparent;
+}
+.page-admin table tr.even:hover,
+.page-admin table tr.odd:hover {
+  background: #D4EFEE;
+}
+.page-admin table tr.even.ok,
+.page-admin table tr.odd.ok {
+  background-color: #d1f2a3;
+  color: #000;
+}
+.page-admin table tr.even.warning,
+.page-admin table tr.odd.warning {
+  background-color: #e9e2a6;
+  color: #000;
+}
+.page-admin table tr.even.error,
+.page-admin table tr.odd.error {
+  background-color: #ffc4be;
+  color: #000;
+}
+.page-admin table tr.even {
+  background: #EFEFEF;
+}
+.page-admin table tr.ok,
+.page-admin table tr.ok:hover {
+  color: #468847;
+  background-color: #dff0d8;
+}
+.page-admin table tr.warning,
+.page-admin table tr.warning:hover {
+  color: #c09853;
+  background-color: #fcf8e3;
+}
+.page-admin table tr.error,
+.page-admin table tr.error:hover {
+  color: #b94a48;
+  background-color: #f2dede;
+}
+.admin-block-description,
+.help-items ul li,
+.confirmation ul li,
+.item-list ul li,
+.prose .item-list li,
+.menu li {
+  border-bottom: 0 solid #f4f4f4;
+}
+form .form-actions {
+  background: #eee;
+  border: 0 solid #ddd;
+  padding: 9px;
+}
+/** boutons */
+input.teaser-button,
+input.form-submit,
+.node-edit,
+.button,
+.node-delete {
+  cursor: pointer;
+  padding: 0.3em 0.9em;
+  color: #333;
+  text-align: center;
+  font-size: 12px;
+  font-weight: normal;
+  border-width: 1px;
+  border-style: solid;
+  border-color: #ddd #ddd #ccc;
+  background: #bdf url();
+  border-radius: 2px;
+  background-clip: padding-box;
+}
+input.teaser-button.field-add-more-submit,
+input.form-submit.field-add-more-submit,
+.node-edit.field-add-more-submit,
+.button.field-add-more-submit,
+.node-delete.field-add-more-submit {
+  padding: 0.1em 0.4em 0;
+  font-size: 10px;
+}
+.node-edit,
+.button,
+.node-delete {
+  font-size: 10px;
+  padding: 0.1em 0.6em;
+}
+input.form-submit:hover,
+.node-edit:hover,
+.button:hover,
+.node-delete:hover {
+  border-color: #ddd #ddd #ccc;
+  -webkit-box-shadow: #ace 0px 0px 0px;
+  color: #bdf;
+  background-color: #848484;
+}
+input.button-yes:not(.field-add-more-submit),
+.node-edit {
+  background-color: #CCFF2F;
+}
+input.button-yes:not(.field-add-more-submit):hover,
+.node-edit:hover {
+  color: #CCFF2F;
+}
+input.button-no,
+.node-delete {
+  background-color: #EA4B4A;
+}
+input.button-no:hover,
+.node-delete:hover {
+  color: #EA4B4A;
+}
+/** admin module */
+/**
+*
+* /!\ CUSTOM HERE /!\
+*
+* Provide better display for admin menu ==============================
+*/
+body.admin-vertical #admin-menu {
+  background: #222;
+  background-image: none;
+}
+body.admin-vertical #admin-menu-wrapper {
+  margin-left: 35px!important;
+}
+body.admin-vertical.admin-expanded #admin-menu-wrapper {
+  border-left: 1px solid #323232;
+  margin-left: 260px!important;
+}
+#admin-toolbar {
+  z-index: 1000!important;
+}
+/* --- */
+/**
+ * VIEW
+ */
+#views-ui-edit-form div.changed {
+  background-color: #FFF98E;
+}
+#views-ui-edit-form .views-ui-display-tab-bucket h3 {
+  font-weight: bold;
+  background-color: #D8D8D8;
+}
+#views-ui-edit-form .defaulted,
+#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.even,
+#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.odd {
+  color: #666;
+  background-color: #E0E0E0;
+  font-style: italic;
+  /*	font-weight:bold;*/
+}
+#views-ui-edit-form .defaulted a,
+#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.even a,
+#views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.odd a {
+  color: #3F80B3;
+}
+#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting,
+#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting,
+#views-ui-edit-form .views-display-setting.overridden,
+#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even,
+#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even,
+#views-ui-edit-form .views-display-setting.overridden.even,
+#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd,
+#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd,
+#views-ui-edit-form .views-display-setting.overridden.odd {
+  color: #7F7F7F;
+  background-color: #F9F9F9;
+  font-style: normal;
+  /*	font-weight:bold;*/
+}
+#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting a,
+#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting a,
+#views-ui-edit-form .views-display-setting.overridden a,
+#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even a,
+#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even a,
+#views-ui-edit-form .views-display-setting.overridden.even a,
+#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd a,
+#views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd a,
+#views-ui-edit-form .views-display-setting.overridden.odd a {
+  color: #3188D1;
+}
+.view .view-header {
+  padding: 0.5em;
+  margin: 0 0 1em 0;
+  border: 1px solid  #CCC;
+  border-radius: 5px 5px 5px 5px;
+  background-clip: padding-box;
+  font-weight: bold;
+}
+.view .pager {
+  padding: 1em 0;
+  margin: 0;
+  text-align: right;
+  height: auto;
+}
+.view .pager ul {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  padding: 0;
+}
+.view .pager ul li {
+  height: 20px;
+}
+.view .pager ul li a,
+.view .pager ul li span {
+  padding: 1px 10px 2px;
+}
+.view .view-filters {
+  padding: 1em 0;
+  margin: 0 0 1em 0;
+  border: 1px solid  #CCC;
+  border-radius: 5px 5px 5px 5px;
+  background-clip: padding-box;
+  /*		.views-exposed-form{ */
+  /*	 	}*/
+}
+.view .view-filters > span.title,
+.view .view-filters > form {
+  display: moz-inline-stack;
+  display: inline-block;
+  zoom: 1;
+  *display: inline;
+  width: auto;
+  position: relative;
+  vertical-align: top;
+}
+.view .view-filters > span.title {
+  padding: 0.7em 1em;
+}
+.view .view-filters fieldset {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  padding: 0 1em;
+}
+.view .view-filters fieldset .fieldset-content {
+  padding: 0;
+}
+.view .view-filters fieldset legend {
+  display: none;
+}
+.view .view-filters label {
+  font-weight: normal;
+  font-size: 0.75em;
+}
+.view .view-filters .form-item {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+  padding: 0 0.5em 0 0;
+}
+.view .view-filters .form-item select,
+.view .view-filters .form-item input {
+  font-size: 0.8em;
+}
+.view fieldset#edit-select {
+  padding: 1em 0;
+  margin: 0 0 1em 0;
+  border: 1px solid  #CCC;
+  border-radius: 5px 5px 5px 5px;
+  background-clip: padding-box;
+}
+.view fieldset#edit-select legend,
+.view fieldset#edit-select .fieldset-content {
+  display: moz-inline-stack;
+  display: inline-block;
+  vertical-align: top;
+  zoom: 1;
+  *display: inline;
+}
+.view fieldset#edit-select legend {
+  width: auto;
+}
+.view fieldset#edit-select legend * {
+  background-color: transparent;
+}
+.view fieldset#edit-select .fieldset-content {
+  padding: 0;
+}
+.view fieldset#edit-select .fieldset-content select,
+.view fieldset#edit-select .fieldset-content input {
+  font-size: 0.8em;
+}
+.view .vbo-fieldset-select-all {
+  width: 50%;
+  text-align: left;
+}
+.view .vbo-fieldset-select-all .form-item {
+  display: moz-inline-stack;
+  display: inline-block;
+  zoom: 1;
+  *display: inline;
+  vertical-align: top;
+}
+.view .vbo-fieldset-select-all em {
+  padding: 0 1em;
+}
+/** media browser */
+.view.inline-block-list .views-row {
+  display: moz-inline-stack;
+  display: inline-block;
+  zoom: 1;
+  *display: inline;
+  vertical-align: top;
+  padding: 5px;
+  margin: 5px;
+  width: 250px;
+  min-height: 150px;
+  background-color: #E3E3E3;
+  border-radius: 5px 5px 5px 5px;
+  background-clip: padding-box;
+  border: 1px solid #ddd;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+.view.inline-block-list .views-row .float-left {
+  float: left;
+}
+.view.inline-block-list .views-row .float-left > div {
+  margin: 0 10px 10px 0;
+}
+*:focus {
+  border: 1px solid #BDF!important;
+}
+/* Contain floats: h5bp.com/q */
+.clearfix:before,
+.clearfix:after {
+  content: "";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.clearfix {
+  zoom: 1;
+}
+.path-admin-content-nodes span.icon {
+  background-position: 0px -30px;
+}
+/** admin view */
+.custom-admin table caption {
+  text-align: left;
+  padding: 2em 0 0 0;
+  font-weight: bold;
+}
+.custom-admin table th {
+  line-height: 1;
+  background-color: #F4F4F4 !important;
+}
+.custom-admin table td {
+  padding-top: 1em;
+  padding-bottom: 1em;
+}
+.custom-admin table td.views-field-field-media {
+  width: 100px;
+}
+.custom-admin table td.views-field-field-media img {
+  max-width: 100%;
+  height: auto;
+}
+.custom-admin table.has-caption th,
+.custom-admin table.has-caption td.views-field-field-media,
+.custom-admin table.has-caption td.views-field-views-bulk-operations {
+  background: #E0E0E0 !important;
+}
+.custom-admin table td.views-field-title {
+  width: 350px;
+}
+.custom-admin table a.node-title-link {
+  font-size: 1.1em;
+  padding: 0 0 0.3em;
+  display: inline-block;
+}
+.custom-admin table td.views-field-field-people {
+  width: 100px;
+}
+#modalContent div.ctools-modal-content {
+  padding: 5px;
+  border-radius: 10px;
+  border: 1 solid #999;
+}
+#modalContent div.ctools-modal-content .modal-header,
+#modalContent div.ctools-modal-content .modal-header a,
+#modalContent div.ctools-modal-content .modal-header span {
+  background-color: transparent;
+  color: #000!important;
+}
+/** Messages. */
+div.messages {
+  padding: 9px;
+  margin: 0.5em 0 0;
+  color: #3a87ad;
+  background: #d9edf7;
+  border: 1px solid #bce8f1;
+  border-radius: 5px;
+}
+div.messages.warning {
+  color: #c09853;
+  background-color: #fcf8e3;
+  border-color: #fbeed5;
+}
+div.messages.error {
+  color: #b94a48;
+  background-color: #f2dede;
+  border-color: #eed3d7;
+}
+div.messages.status {
+  color: #468847;
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+}
+#better-messages-wrapper {
+  background-color: rgba(255, 255, 255, 0.6);
+  padding: 10px;
+  border-radius: 5px;
+  background-clip: padding-box;
+  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
+}
+#better-messages-wrapper #better-messages-default .messages-label {
+  display: none;
+}
+#better-messages-wrapper #better-messages-default div.messages {
+  padding: 9px;
+  margin: 0.5em 0 0;
+  color: #3a87ad;
+  background: #d9edf7;
+  border: 1px solid #bce8f1;
+  border-radius: 5px;
+  margin: 0 0 10px 0;
+}
+#better-messages-wrapper #better-messages-default div.messages.warning {
+  color: #c09853;
+  background-color: #fcf8e3;
+  border-color: #fbeed5;
+}
+#better-messages-wrapper #better-messages-default div.messages.error {
+  color: #b94a48;
+  background-color: #f2dede;
+  border-color: #eed3d7;
+}
+#better-messages-wrapper #better-messages-default div.messages.status {
+  color: #468847;
+  background-color: #dff0d8;
+  border-color: #d6e9c6;
+}
+#better-messages-wrapper #better-messages-default .footer {
+  border: none;
+  padding: 0;
+  margin: 0;
+}
+#better-messages-wrapper #better-messages-default .footer a.message-close {
+  background: #fff url('../images/close.png') no-repeat center center;
+  width: 15px;
+  height: 15px;
+  border-radius: 3px;
+  background-clip: padding-box;
+  display: block;
+}
+body.page-admin #page img {
   max-width: 99999px;
   height: auto;
 }

sites/all/themes/gui/guibik/gulpfile.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var gulp = require('gulp');
+var less = require('gulp-less');
+var LessAutoprefix = require('less-plugin-autoprefix');
+var jsmin = require('gulp-jsmin');
+var rename = require('gulp-rename');
+var watch = require('gulp-watch');
+
+var autoprefix = new LessAutoprefix({ browsers: ['last 2 versions'] });
+
+function handleError(err) {
+  console.log(err.toString());
+  // this.emit('end');
+}
+
+gulp.task('scripts', function () {
+    gulp.src('./js/guibik.js')
+        .pipe(jsmin())
+        .pipe(rename({suffix: '.min'}))
+        .pipe(gulp.dest('./js/'));
+});
+
+gulp.task('styles', function () {
+  gulp.src('./less/guibik.less')
+    .pipe(less({
+      plugins: [autoprefix]
+    }))
+    .pipe(gulp.dest('./css/'));
+});
+
+gulp.task('default', function () {
+});
+
+// default gulp task
+gulp.task('default', ['scripts', 'styles'], function() {
+  gulp.watch('./less/*.less', ['styles']);
+  gulp.watch('./js/*.js', ['scripts']);
+});

sites/all/themes/gui/guibik/js/guibik.min.js

@@ -0,0 +1,4 @@
+
+(function($){Drupal.behaviors.guibik={};Drupal.behaviors.guibik.attach=function(context){$('form.form-edit','.views-edit-view').each(function(index){var $this=$(this),_alt=false,_submit=function(event){event.preventDefault();$('input[type=submit]#edit-actions-save',$this).focus();$this.submit();return false;};$(document).bind({keydown:function(event){switch(event.keyCode){case 18:_alt=true;break;case 83:if(_alt)
+return _submit(event);}},keyup:function(event){switch(event.keyCode){case 18:_alt=false;break;}}});});};Drupal.behaviors.init_theme={};Drupal.behaviors.init_theme.attach=function(context){$('#messages-and-help > div.messages:not(.processed)').addClass('processed').each(function(){if($('a',this).size()||$(this).is('.error')||$(this).is('.warning')||$(this).text().length>100){$(this).prepend("<span class='close'>X</span>");$('span.close',this).click(function(){$(this).parent().slideUp('fast');});}
+else{$(this).animate({opacity:1},5000,'linear',function(){$(this).slideUp('fast');});}});};})(jQuery);

sites/all/themes/gui/guibik/less/gui.less

@@ -0,0 +1,592 @@
+/*
+ * www.g-u-i.net
+ */
+
+// =
+// =
+// =
+// =
+// =
+// ===== TYPOGRAHIE ======================================================================================================
+
+.8(){font-size:8px;}
+.9(){font-size:9px;}
+.10(){font-size:10px;}
+.11(){font-size:10px;}
+.12(){font-size:12px;}
+.14(){font-size:14px;}
+.16(){font-size:16px;}
+.18(){font-size:18px;}
+.20(){font-size:20px;}
+.24(){font-size:24px;}
+.28(){font-size:24px;}
+.30(){font-size:30px;}
+.36(){font-size:36px;}
+.48(){font-size:48px;}
+.60(){font-size:60px;}
+.72(){font-size:72px;}
+
+.regular(){font-weight:normal;}
+.bold(){font-weight:bold;}
+.100(){font-weight:100;}
+.200(){font-weight:200;}
+.300(){font-weight:300;}
+.400(){font-weight:400;}
+.500(){font-weight:500;}
+.600(){font-weight:600;}
+.700(){font-weight:700;}
+.800(){font-weight:800;}
+.900(){font-weight:900;}
+
+.upper(){text-transform: uppercase;}
+.italic(){font-style:italic;}
+.normal(){font-style: normal;}
+
+.hyphens(@value: auto)
+{
+  -webkit-hyphens:@value;
+     -moz-hyphens:@value;
+      -ms-hyphens:@value;
+       -o-hyphens:@value;
+          hyphens:@value;
+}
+.font-size(@value: 1em,@lineheight:1.3em)
+{
+  font-size:@value;
+  line-height:@lineheight;
+}
+
+@green:#17942A;
+@red:#E60000;
+
+// =
+// =
+// =
+// =
+// =
+// ===== SHORTCUTS =======================================================================================================
+
+// padding
+.p(@p){ padding:@arguments; }
+.p(@v, @h){ padding:@arguments; }
+.p(@t, @l, @b, @l){ padding:@arguments; }
+
+.pt(@p){ padding-top:@p; }
+.pr(@p){ padding-right:@p; }
+.pb(@p){ padding-bottom:@p; }
+.pl(@p){ padding-left:@p; }
+
+// margin
+.m(@p){ margin:@arguments; }
+.m(@v, @h){ margin:@arguments; }
+.m(@t, @l, @b, @l){ margin:@arguments; }
+
+.mt(@m){ margin-top:@m; }
+.mr(@m){ margin-right:@m; }
+.mb(@m){ margin-bottom:@m; }
+.ml(@m){ margin-left:@m; }
+
+.0(){ margin:0; padding:0; }
+
+// border
+.b(@b){ border: @b; }
+.b(@size, @color){ border: @size solid @color; }
+
+.bt(@b){ border-top: @b;}
+.bt(@size, @color){border-top: @size solid @color;}
+
+.br(@b){ border-right: @b;}
+.br(@size, @color){border-right: @size solid @color;}
+
+.bb(@b){ border-bottom: @b;}
+.bb(@size, @color){border-bottom: @size solid @color;}
+
+.bl(@b){ border-left: @b;}
+.bl(@size, @color){border-left: @size solid @color;}
+
+.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE)
+{
+  border-top   : solid 1px @top-color;
+  border-right : solid 1px @right-color;
+  border-bottom: solid 1px @bottom-color;
+  border-left  : solid 1px @left-color;
+}
+
+// Background
+.bg(@color, @url, @repeat, @scrollfixed, @pos){background: @arguments;}
+.bgc(@color){background-color: @arguments;}
+.bkgd(@params){background: @arguments;}
+.bkgdc(@color){.bgc(@arguments);}
+
+.bgca(@r, @g, @b, @a){
+  background-color: rgb(@r, @g, @b); // ie8
+  background-color: rgba(@r, @g, @b, @a);
+  *background-color: rgb(@r, @g, @b); // ie7
+};
+
+// Selection
+.selection(@bgcolor,@color)
+{
+    &::selection {
+    	background:@bgcolor;
+    	color:@color;
+    }
+    &::-moz-selection {
+    	background:@bgcolor;
+    	color:@color;
+    }
+    &::-webkit-selection {
+    	background:@bgcolor;
+    	color:@color;
+    }
+}
+
+// Colors
+.color(@value)
+{
+  &,
+  & *{color:@value;}
+}
+
+// Opacity
+.opacity(@opacity: 0.5)
+{
+  -webkit-opacity: @opacity;
+   -khtml-opacity: @opacity;
+     -moz-opacity: @opacity;
+          opacity: @opacity;
+}
+
+// size
+.size(@height, @width) {
+  width: @width;
+  height: @height;
+}
+.square(@size) {
+  .size(@size, @size);
+}
+
+// center
+.center-block() {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// =
+// =
+// =
+// =
+// =
+// ===== DISPLAY UTILS ===================================================================================================
+
+// Inline blocks
+.inlineblock(@align:top)
+{
+    display:moz-inline-stack;
+    display:inline-block;
+    vertical-align:@align;
+    zoom:1;
+    *display:inline;
+    // .ie7 &, .ie8 &{display:block;float:left;}
+}
+
+.db(){display:block;}
+.dbn(){display:none;}
+.dib(){.inlineblock;}
+.dib(@align){.inlineblock(@align);}
+
+.float(@align:left){
+  .db; float:@align;
+}
+
+.abs(@value) { position:absolute; top:@value; left:@value; bottom:@value; right:@value; }
+.abs(@top, @left) { position:absolute; top:@top; left:@left; }
+.abs(@top, @right, @bottom, @left) { position:absolute; top:@top; left:@left; bottom:@bottom; right:@right; };
+
+.fix(@value) { position:fixed; top:@value; left:@value; bottom:@value; right:@value; }
+.fix(@top, @left) { position:fixed; top:@top; left:@left; }
+.fix(@top, @right, @bottom, @left) { position:fixed; top:@top; left:@left; bottom:@bottom; right:@right; };
+
+// Columns system
+@g:0;
+.g() { width:@g; }
+.col(@col,@coltotal:@n,@gutter:@g) {
+  width: @col * ( 100% - ((@coltotal - 1) * @gutter) ) / @coltotal + ((@col - 1) * @gutter);
+}
+.inside-left(@col,@coltotal:@n,@gutter:@g) {
+  padding-left: @col * ( 100% - ((@coltotal - 1) * @gutter) ) / @coltotal + (@col * @gutter);
+}
+.inside-right(@col,@coltotal:@n,@gutter:@g) {
+  padding-right: @col * ( 100% - ((@coltotal - 1) * @gutter) ) / @coltotal + (@col * @gutter);
+}
+
+
+// Vertical alignement
+//
+//    ___ .align-child()
+//   |
+//   |  Permet l’alignement vertical d’un objet par rapport à son premier parent (dans son conteneur direct).
+//   |
+//   |  1 param   : @vertical-align
+//
+.align-child(@align:middle){
+  &:before { content: ""; .dib(middle); overflow: hidden; visibility: hidden; width: 0; height: 100%; }
+  & > * { .dib(@align); }
+}
+
+.clear-after(){
+  &:after{clear:both;content:'';display:block;height:0px;overflow:hidden;visibility:hidden;width:0px;}
+}
+
+// For clearing floats like a boss h5bp.com/q
+.clearix() {
+  *zoom: 1;
+  &:before,
+  &:after {
+    display: table;
+    content: "";
+    // Fixes Opera/contenteditable bug:
+    // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952
+    line-height: 0;
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+// =
+// =
+// =
+// =
+// =
+// ===== CSS3 ============================================================================================================
+
+// Gradients
+.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF)
+{
+  background: @color;
+  background: -webkit-gradient(linear,
+                               left bottom,
+                               left top,
+                               color-stop(0, @start),
+                               color-stop(1, @stop));
+  background: -ms-linear-gradient(bottom,
+                                  @start,
+                                  @stop);
+  background: -moz-linear-gradient(center bottom,
+                                   @start 0%,
+                                   @stop 100%);
+}
+.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255)
+{
+  background: @color;
+  background: -webkit-gradient(linear,
+                               left bottom,
+                               left top,
+                               color-stop(0, rgb(@start,@start,@start)),
+                               color-stop(1, rgb(@stop,@stop,@stop)));
+  background: -ms-linear-gradient(bottom,
+                                  rgb(@start,@start,@start) 0%,
+                                  rgb(@start,@start,@start) 100%);
+  background: -moz-linear-gradient(center bottom,
+                                   rgb(@start,@start,@start) 0%,
+                                   rgb(@stop,@stop,@stop) 100%);
+}
+
+// Shadows
+//
+//    ___ .box-shadow()
+//   |
+//   |  Ombré extérieur.
+//   |
+//   |  1 param   : @blur
+//   |  2+ params : @horizontal / @vertical / @blur / @color: #000 / @spread: 0px
+//
+//    ___ .inset-shadow()
+//   |
+//   |  Ombré intérieur.
+//   |
+//   |  1 param   : @blur
+//   |  2+ params : @horizontal / @vertical / @blur / @color: #000 / @spread: 0px
+//
+.box-shadow(@blur: 9px)
+{
+  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
+  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
+  -webkit-box-shadow: 0 0 @blur #000;
+     -moz-box-shadow: 0 0 @blur #000;
+      -ms-box-shadow: 0 0 @blur #000;
+          box-shadow: 0 0 @blur #000;
+}
+.box-shadow(@x, @y, @blur: 9px, @color: #000, @spread: 0px)
+{
+  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@x, OffY=@y, Color=~'@{color}');
+  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=@{x}, OffY=@{y}, Color='@{color}')";
+  -webkit-box-shadow: @x @y @blur @spread @color;
+     -moz-box-shadow: @x @y @blur @spread @color;
+      -ms-box-shadow: @x @y @blur @spread @color;
+          box-shadow: @x @y @blur @spread @color;
+}
+.inset-shadow(@blur: 9px)
+{
+  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000');
+  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='#000')";
+  -webkit-box-shadow: 0 0 @blur #000 inset;
+     -moz-box-shadow: 0 0 @blur #000 inset;
+      -ms-box-shadow: 0 0 @blur #000 inset;
+          box-shadow: 0 0 @blur #000 inset;
+}
+.inset-shadow(@x, @y, @blur: 9px, @color: #000, @spread: 0px)
+{
+  filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=@x, OffY=@y, Color=~'@{color}');
+  -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color='@{color}')";
+  -webkit-box-shadow: @x @y @blur @spread @color inset;
+     -moz-box-shadow: @x @y @blur @spread @color inset;
+      -ms-box-shadow: @x @y @blur @spread @color inset;
+          box-shadow: @x @y @blur @spread @color inset;
+}
+
+.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1)
+{
+  -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+  -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+  box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+}
+
+// Border radius
+.rounded(@radius: 2px)
+{
+  -webkit-border-radius: @radius;
+     -moz-border-radius: @radius;
+          border-radius: @radius;
+  -webkit-background-clip: padding-box;
+     -moz-background-clip: padding;
+          background-clip: padding-box;
+}
+.border-radius(@topleft: 0, @topright: 0, @bottomright: 0, @bottomleft: 0)
+{
+	-webkit-border-radius:@arguments;
+	   -moz-border-radius:@arguments;
+	        border-radius:@arguments;
+  -webkit-background-clip: padding-box;
+     -moz-background-clip: padding;
+          background-clip: padding-box;
+}
+
+// transitions
+.transition-simply-prefix(@string) {
+  -webkit-transition: @string;
+  -moz-transition: @string;
+  -o-transition: @string;
+  transition: @string;
+}
+
+//
+//    ___ .transition()
+//   |
+//   |  1 param   : @property
+//   |  2 params  : @property / @duration
+//   |  3+ params : @property / @duration / @transitiondelay:0s , @timingfunction:ease-out
+//
+//    ___ .transitions()
+//   |
+//   |  Permet de fixer des paramètres spécifique par propriétés, exemple:
+//   |
+//   |  .transitions(
+//   |     'height , padding  , margin , box-shadow',
+//   |     '.5s    , .2s      , .2s    , .2s',
+//   |     '0s     , 0s       , 0s     , .3s',
+//   |     'linear , ease-out , linear , ease-out'
+//   |  );
+//
+.transition(@property: all)
+{
+  -webkit-transition: @property;
+     -moz-transition: @property;
+       -o-transition: @property;
+          transition: @property;
+}
+.transition(@property, @duration)
+{
+  -webkit-transition: @arguments;
+     -moz-transition: @arguments;
+       -o-transition: @arguments;
+          transition: @arguments;
+}
+.transition(@property, @duration, @transitiondelay, @timingfunction:ease-out)
+{
+  -webkit-transition: @arguments;
+     -moz-transition: @arguments;
+       -o-transition: @arguments;
+          transition: @arguments;
+}
+.transitions(@property: all, @duration:0s, @transitiondelay:0s, @timingfunction:ease-out)
+{
+  -webkit-transition-property       :~'@{property}';
+  -webkit-transition-duration       :~'@{duration}';
+  -webkit-transition-delay          :~'@{transitiondelay}';
+  -webkit-transition-timing-function:~'@{timingfunction}';
+     -moz-transition-property       :~'@{property}';
+     -moz-transition-duration       :~'@{duration}';
+     -moz-transition-delay          :~'@{transitiondelay}';
+     -moz-transition-timing-function:~'@{timingfunction}';
+       -o-transition-property       :~'@{property}';
+       -o-transition-duration       :~'@{duration}';
+       -o-transition-delay          :~'@{transitiondelay}';
+       -o-transition-timing-function:~'@{timingfunction}';
+          transition-property       :~'@{property}';
+          transition-duration       :~'@{duration}';
+          transition-delay          :~'@{transitiondelay}';
+          transition-timing-function:~'@{timingfunction}';
+}
+
+.transitions-duration(@duration: 0s)
+{
+  -webkit-transition-duration: ~'@{duration}';
+     -moz-transition-duration: ~'@{duration}';
+       -o-transition-duration: ~'@{duration}';
+          transition-duration: ~'@{duration}';
+}
+
+.transition-duration(@duration: 0.2s)
+{
+  -webkit-transition-duration: @duration;
+     -moz-transition-duration: @duration;
+       -o-transition-duration: @duration;
+          transition-duration: @duration;
+}
+
+.transitions-delay(@delay: 0s)
+{
+  -webkit-transition-delay: ~'@{delay}';
+     -moz-transition-delay: ~'@{delay}';
+       -o-transition-delay: ~'@{delay}';
+          transition-delay: ~'@{delay}';
+}
+
+// Rotate
+//
+//    ___ .rotation()
+//   |
+//   |  1 param   : @degree
+//
+//    ___ .rotate()
+//   |
+//   |  Tentative de compatibilté étendue (fonctionne uniquement pour 0, 90, 180 ou 270 degrés).
+//   |
+//   |  1 param  : @degree
+//   |  3 params : @degree / @originX / @originY
+//
+.rotation(@deg:5deg)
+{
+  -webkit-transform: rotate(@deg);
+     -moz-transform: rotate(@deg);
+          transform: rotate(@deg);
+}
+.rotate(@value, @originX:0%, @originY:0%, @unit:'deg')
+{
+  // filter: progid:DXImageTransform.Microsoft.BasicImage(rotation = (360 / @value) + 1); //0, 1, 2, or 3 rotate 0, 90, 180 or 270
+  -webkit-transform: rotate(~"@{value}@{unit}"); // ~"@{value}@{unit}" rather than @value@unit remove the spaces between value and unit.
+     -moz-transform: rotate(~"@{value}@{unit}");
+      -ms-transform: rotate(~"@{value}@{unit}");
+       -o-transform: rotate(~"@{value}@{unit}");
+          transform: rotate(~"@{value}@{unit}");
+  -webkit-transform-origin:@originX @originY;
+     -moz-transform-origin:@originX @originY;
+      -ms-transform-origin:@originX @originY;
+       -o-transform-origin:@originX @originY;
+          transform-origin:@originX @originY;
+}
+
+// Scale
+.scale(@ratio:1.5)
+{
+  -webkit-transform:scale(@ratio);
+     -moz-transform:scale(@ratio);
+          transform:scale(@ratio);
+}
+
+// Translate
+.translate(@x:0, @y:0)
+{
+  -webkit-transform: translate(@x, @y);
+     -moz-transform: translate(@x, @y);
+      -ms-transform: translate(@x, @y);
+       -o-transform: translate(@x, @y);
+          transform: translate(@x, @y);
+}
+
+// Columns
+.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px)
+{
+  -webkit-column-width     : @colwidth;
+  -webkit-column-count     : @colcount;
+  -webkit-column-gap       : @colgap;
+  -webkit-column-rule-color: @columnRuleColor;
+  -webkit-column-rule-style: @columnRuleStyle;
+  -webkit-column-rule-width: @columnRuleWidth;
+     -moz-column-width     : @colwidth;
+     -moz-column-count     : @colcount;
+     -moz-column-gap       : @colgap;
+     -moz-column-rule-color: @columnRuleColor;
+     -moz-column-rule-style: @columnRuleStyle;
+     -moz-column-rule-width: @columnRuleWidth;
+          column-width     : @colwidth;
+          column-count     : @colcount;
+          column-gap       : @colgap;
+          column-rule-color: @columnRuleColor;
+          column-rule-style: @columnRuleStyle;
+          column-rule-width: @columnRuleWidth;
+}
+
+.edit-link(@bc:#CCFF2F,@c:#333)
+{
+  .dib;
+  background-color:@bc;
+  border:1px solid;
+  border-color:darken(desaturate(@bc, 35%),15%) darken(desaturate(@bc, 35%),15%) darken(desaturate(@bc, 35%),20%);
+  .rounded;
+  color: @c;
+  cursor: pointer;
+  .font-size(.8em,1em);
+  font-weight: normal;
+  padding: 0.25em 0.75em;
+  margin-top:.5em;
+
+  &:hover{background-color:darken(@bc, 20%);}
+  &:active{
+    text-shadow: 0 1px 0 lighten(@bc,5%);
+    background-color:darken(@bc, 20%);
+    //.inset-shadow(0,0,2px,darken(@bc,60));
+  }
+}
+
+.loader(@fc:#000,@bc:#ccc,@h:8px,@radius:0px)
+{
+  // Safari/chrome
+  &::-webkit-progress-bar{background-color:@bc;.rounded(@radius);}
+  &::-webkit-progress-value{background-color:@fc;.rounded(@radius);}
+  // Firefox
+  &{background-color:@bc;.rounded(@radius);height:@h;}
+  &::-moz-progress-bar{background-color:@fc;.rounded(@radius);}
+}
+
+// =
+// =
+// =
+// =
+// =
+// ===== RETINA ==========================================================================================================
+
+// retina.less
+// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
+.at2x(@path, @w: auto, @h: auto) {
+  background-image: url(@path);
+  @at2x_path: ~`"@{path}".split('.').slice(0, "@{path}".split('.').length - 1).join(".") + "@2x" + "." + "@{path}".split('.')["@{path}".split('.').length - 1]`;
+
+  @media all and (-webkit-min-device-pixel-ratio : 1.5) {
+    background-image: url(@at2x_path);
+    background-size: @w @h;
+  }
+}

sites/all/themes/gui/guibik/less/guibik.less

@@ -56,6 +56,38 @@ select.form-select {
   max-width:100%;
 }
 
+input.form-autocomplete:disabled,
+input.form-text:disabled,
+textarea.form-textarea:disabled,
+select.form-select:disabled{
+  padding:3px;
+  border-width:0px;
+  border-style:solid;
+  border-color:none;
+  background:#fff;
+  color:#1A1A1A;
+  max-width:100%;
+}
+
+
+input.form-autocomplete:hover:disabled,
+input.form-text:hover:disabled,
+input.form-file:hover:disabled,
+textarea.form-textarea:hover:disabled,
+select.form-select:hover:disabled,
+input.form-autocomplete:focus:disabled,
+input.form-text:focus:disabled,
+input.form-file:focus:disabled,
+input.form-checkbox:focus:disabled,
+input.form-radio:focus:disabled,
+textarea.form-textarea:focus:disabled,
+select.form-select:focus:disabled{
+  color: inherit;;
+  border-color: #fff;
+  -webkit-box-shadow: #fff 0 0 0px;
+     -moz-box-shadow: #fff 0 0 0px;
+          box-shadow: #fff 0 0 0px;
+}
 
 span.autocomplete-deluxe-button{top:0.25em;}
 

sites/all/themes/gui/guibik/package.json

@@ -0,0 +1,19 @@
+{
+  "name": "guibik",
+  "version": "1.0.0",
+  "description": "An Admin theme for drupal 7 based on rubik.",
+  "main": "gulpfile.js",
+  "author": "Bachir Soussi Chiadmi",
+  "license": "GPLv3",
+  "homepage": "https://materio.com",
+  "devDependencies": {
+    "gulp": "latest",
+    "gulp-autoprefixer": "latest",
+    "gulp-jsmin": "latest",
+    "gulp-less": "latest",
+    "gulp-rename": "latest",
+    "gulp-strip-debug": "latest",
+    "gulp-watch": "latest",
+    "less-plugin-autoprefix": "^1.5.1"
+  }
+}