design improvement

table tr hover
views filter and vbo css
add pager on top of view

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

less/guibik.less

@@ -157,7 +157,10 @@ li{list-style: none inside url();}
   background: #EFEFEF;
 }
 .page-admin table tr{
-	&.even, &.odd{ td, h3 {background-color: transparent;} }
+	&.even, &.odd{ 
+		td, h3 {background-color: transparent;} 
+		&:hover{  background: #D4EFEE;}
+	}
 }
 
 
@@ -182,12 +185,12 @@ input.teaser-button,
 input.form-submit,
 .node-edit, .button, .node-delete{
   cursor:pointer;
-  padding:2px 7px;
+  padding:0.3em 0.9em;
   color:#333;
 
   text-align:center;
 	
-	font-size:10px;
+	font-size:12px;
   font-weight:normal;
   border-width:1px;
   border-style:solid;
@@ -198,6 +201,10 @@ input.form-submit,
 		border-radius: 5px;
 		
 }
+.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;
@@ -269,10 +276,53 @@ body.admin-vertical.admin-expanded #admin-menu-wrapper{border-left:1px solid #32
 				a{color: #3188D1;}
 		}
 	}	
+}
+.view{
+	.pager{
+		padding:1em 0; margin:0; text-align: right; height:auto;
+		ul{
+			.inline-block; padding:0;
+			li{
+        height:20px;
+				a, span{padding:1px 10px 2px;}				
+			}
 
+		}
+	}
 	
-}
+	// EXPOSED
+	.view-filters{
+		padding:1em 0; margin:0 0 1em 0;
+		border: 1px solid  #CCC; .border-radius(5px,5px,5px,5px);
+		
+		&>span.title, &>form{.inline-block;width:auto;position:relative;vertical-align: top;} 
+		&>span.title{padding:0.7em 1em;}
+		.views-exposed-form{ 
+			label{font-weight:normal; font-size:0.75em;}
+			.form-item{padding:0; 
+				select, input{font-size:0.8em;}
+			}
+	 	}
+	}
 
+	// VBO
+	fieldset#edit-select{
+		padding:1em 0; margin:0 0 1em 0;
+		border: 1px solid  #CCC; .border-radius(5px,5px,5px,5px);
+		
+		legend, .fieldset-content{.inline-block;}
+		
+		legend{
+			width:auto;
+			*{background-color: transparent;}
+		}
+		
+		.fieldset-content{
+			padding:0;
+			select, input{font-size:0.8em;}
+		}
+	}
+}
 
 /** media browser */
 .view.inline-block-list{

templates/views-view.tpl.php

@@ -0,0 +1,98 @@
+<?php
+/**
+ * @file views-view.tpl.php
+ * Main view template
+ *
+ * Variables available:
+ * - $classes_array: An array of classes determined in
+ *   template_preprocess_views_view(). Default classes are:
+ *     .view
+ *     .view-[css_name]
+ *     .view-id-[view_name]
+ *     .view-display-id-[display_name]
+ *     .view-dom-id-[dom_id]
+ * - $classes: A string version of $classes_array for use in the class attribute
+ * - $css_name: A css-safe version of the view name.
+ * - $css_class: The user-specified classes names, if any
+ * - $header: The view header
+ * - $footer: The view footer
+ * - $rows: The results of the view query, if any
+ * - $empty: The empty text to display if the view is empty
+ * - $pager: The pager next/prev links to display, if any
+ * - $exposed: Exposed widget form/info to display
+ * - $feed_icon: Feed icon to display, if any
+ * - $more: A link to view more, if any
+ *
+ * @ingroup views_templates
+ */
+?>
+<div class="<?php print $classes; ?>">
+  <?php print render($title_prefix); ?>
+  <?php if ($title): ?>
+    <?php print $title; ?>
+  <?php endif; ?>
+  <?php print render($title_suffix); ?>
+  <?php if ($header): ?>
+    <div class="view-header">
+      <?php print $header; ?>
+    </div>
+  <?php endif; ?>
+
+  <?php if ($exposed): ?>
+    <div class="view-filters">
+			<span class="title"><?php print t('Filters'); ?></span>
+      <?php print $exposed; ?>
+    </div>
+  <?php endif; ?>
+
+  <?php if ($pager): ?>
+    <div class="pager">
+			<?php print $pager; ?> 
+		</div>
+  <?php endif; ?>
+
+  <?php if ($attachment_before): ?>
+    <div class="attachment attachment-before">
+      <?php print $attachment_before; ?>
+    </div>
+  <?php endif; ?>
+
+  <?php if ($rows): ?>
+    <div class="view-content">
+      <?php print $rows; ?>
+    </div>
+  <?php elseif ($empty): ?>
+    <div class="view-empty">
+      <?php print $empty; ?>
+    </div>
+  <?php endif; ?>
+
+  <?php if ($pager): ?>
+		<div class="pager">
+    	<?php print $pager; ?>
+		</div>
+  <?php endif; ?>
+
+  <?php if ($attachment_after): ?>
+    <div class="attachment attachment-after">
+      <?php print $attachment_after; ?>
+    </div>
+  <?php endif; ?>
+
+  <?php if ($more): ?>
+    <?php print $more; ?>
+  <?php endif; ?>
+
+  <?php if ($footer): ?>
+    <div class="view-footer">
+      <?php print $footer; ?>
+    </div>
+  <?php endif; ?>
+
+  <?php if ($feed_icon): ?>
+    <div class="feed-icon">
+      <?php print $feed_icon; ?>
+    </div>
+  <?php endif; ?>
+
+</div><?php /* class view */ ?>