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>
This commit is contained in:
bachy 2012-02-07 19:42:20 +01:00
parent 0a062a5297
commit dcd5bf483e
3 changed files with 154 additions and 6 deletions

File diff suppressed because one or more lines are too long

View File

@ -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{

View File

@ -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 */ ?>