elements less

less elements import
page preprocess

Signed-off-by: bachy <git@g-u-i.net>

less/elements.less

@@ -0,0 +1,128 @@
+/** COMMONS */
+
+.inline-block{
+	display:inline-block;
+	display:moz-inline-stack;
+	*display:inline;
+	*zoom:1;
+}
+
+
+
+/** HTML5 */
+.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%);
+}
+.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
+  border-top: solid 1px @top-color;
+  border-left: solid 1px @left-color;
+  border-right: solid 1px @right-color;
+  border-bottom: solid 1px @bottom-color;
+}
+.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);
+	
+}
+.rounded(@radius: 2px) {
+  -webkit-border-radius: @radius;
+  -moz-border-radius: @radius;
+  border-radius: @radius;
+  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
+}
+.border-radius(@topleft: 0, @topright: 0, @bottomright: 0, @bottomleft: 0) {
+	-webkit-border-radius:@topleft @topright @bottomright @bottomleft;
+	-moz-border-radius:@topleft @topright @bottomright @bottomleft;
+	border-radius:@topleft @topright @bottomright @bottomleft;
+  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 
+}
+
+.opacity(@opacity: 0.5) {
+  -moz-opacity: @opacity;
+  -khtml-opacity: @opacity;
+  -webkit-opacity: @opacity;
+  opacity: @opacity;
+}
+.transition-duration(@duration: 0.2s) {
+  -moz-transition-duration: @duration;
+  -webkit-transition-duration: @duration;
+  transition-duration: @duration;
+}
+.rotation(@deg:5deg){
+  -webkit-transform: rotate(@deg);
+  -moz-transform: rotate(@deg);
+  transform: rotate(@deg);
+}
+.scale(@ratio:1.5){
+  -webkit-transform:scale(@ratio);
+  -moz-transform:scale(@ratio);
+  transform:scale(@ratio);
+}
+.transition(@duration:0.2s, @ease:ease-out) {
+  -webkit-transition: all @duration @ease;
+  -moz-transition: all @duration @ease;
+  transition: all @duration @ease;
+}
+.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
+  -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+  -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+  box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+}
+.box-shadow(@arguments) {
+  -webkit-box-shadow: @arguments;
+  -moz-box-shadow: @arguments;
+  box-shadow: @arguments;
+}
+.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) {
+  -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;
+  -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;
+  column-width: @colwidth;
+  column-count: @colcount;
+  column-gap: @colgap;
+  column-rule-color: @columnRuleColor;
+  column-rule-style: @columnRuleStyle;
+  column-rule-width: @columnRuleWidth;
+}
+.translate(@x:0, @y:0) {
+  -moz-transform: translate(@x, @y);
+  -webkit-transform: translate(@x, @y);
+  -o-transform: translate(@x, @y);
+  -ms-transform: translate(@x, @y);
+  transform: translate(@x, @y);
+}

less/guibik.less

@@ -1,3 +1,5 @@
+@import 'elements.less';
+
 /** table */
 @grey:#E0E0E0;
 @grey-lite:#F4F4F4;
@@ -83,6 +85,7 @@ select.form-select {
 .page-content .form-item .description {
   color:#0092D2;
   border-top:1px solid #E0E0E0;
+	a{text-decoration: underline;}
 }
 
 
@@ -150,9 +153,13 @@ li{list-style: none inside url();}
 }
 .vertical-tabs-list .summary { font-size:11px; }
 
-.page-admin table tr.even, .page-admin table tr.even td {
+.page-admin table tr.even{
   background: #EFEFEF;
 }
+.page-admin table tr{
+	&.even, &.odd{ td, h3 {background-color: transparent;} }
+}
+
 
 .admin-block-description,
 .help-items ul li,
@@ -241,15 +248,15 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
 
 	.views-ui-display-tab-bucket h3{
 		font-weight:bold;
-		background-color: #DDD;
+		background-color: #D8D8D8;
 	}
 
 	.defaulted, .views-ui-display-tab-bucket .views-display-setting.even, .views-ui-display-tab-bucket .views-display-setting.odd{ //:not(.overriden) 
 	  color: #666;
-		background-color: #EDEDED;
+		background-color: #E0E0E0;
 	  font-style: italic;
 	/*	font-weight:bold;*/
-		a{color: #3188D1}
+		a{color: #3F80B3}
 	}	
 
 	.views-ui-display-tab-bucket.overridden .views-display-setting, .views-ui-display-tab-bucket.overridden .views-display-setting,
@@ -267,3 +274,27 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
 }
 
 
+/** media browser */
+.view.inline-block-list{
+	.views-row {
+		.inline-block; vertical-align:top;
+	  padding: 5px; margin:5px; width:250px; min-height:150px; background-color: #E3E3E3;
+		.border-radius(5px,5px,5px,5px); border: 1px solid #ddd;
+		.drop-shadow;
+		.float-left{
+			float:left;
+			&>div{margin:0 10px 10px 0;}
+		}
+		
+	}
+} 
+
+
+
+/* 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; }

template.php

@@ -79,3 +79,23 @@ function guibik_theme() {
   return $items;
 }
 
+
+
+/**
+ * Preprocessor for theme('page').
+ */
+function guibik_preprocess_page(&$vars) {
+  // Show a warning if base theme is not present.
+  if (!function_exists('rubik_theme') && user_access('administer site configuration')) {
+    drupal_set_message(t('The Guibik theme requires the !rubik base theme in order to work properly.', array('!rubik' => l('Rubik', 'http://code.developmentseed.org/tao'))), 'warning');
+  }
+
+  // Process local tasks. Only do this processing if the current theme is
+  // indeed Rubik. Subthemes must reimplement this call.
+  global $theme;
+  if ($theme === 'guibik')
+    _rubik_local_tasks($vars);
+	
+	
+	
+}