add description, restyle header a bit

This commit is contained in:
Emi Matchu 2010-05-15 20:49:13 -04:00
parent f794d07c2c
commit 0e08045e17
3 changed files with 15 additions and 11 deletions

View file

@ -1,20 +1,21 @@
body.show { body.show {
header { header {
border-bottom: 1px solid $module_border_color;
display: block; display: block;
margin-bottom: 1em;
padding: 1em 0;
} }
#item-thumbnail { #item-thumbnail {
@include inline-block; @include inline-block;
border: 1px solid $module_border_color; border: 1px solid $module_border_color;
height: 80px; height: 80px;
margin-right: -.5em; margin-right: .5em;
width: 80px; width: 80px;
} }
#item-name { #item-name {
@include inline-block; @include inline-block;
border-bottom: 1px solid $module_border_color; margin-top: 1em;
margin: 0;
padding: 0 1em 0 1em;
} }
} }

View file

@ -1,3 +1,5 @@
%header %header
= image_tag @item.thumbnail_url, :id => 'item-thumbnail' = image_tag @item.thumbnail_url, :id => 'item-thumbnail'
%h2#item-name= @item.name %h2#item-name= @item.name
%p= @item.description

View file

@ -537,11 +537,14 @@ h1 a:hover {
width: 80px; width: 80px;
} }
/* line 2, ../../../app/stylesheets/items/show.scss */ /* line 2, ../../../app/stylesheets/items/_show.scss */
body.show header { body.show header {
border-bottom: 1px solid #033e6b;
display: block; display: block;
margin-bottom: 1em;
padding: 1em 0;
} }
/* line 6, ../../../app/stylesheets/items/show.scss */ /* line 9, ../../../app/stylesheets/items/_show.scss */
body.show #item-thumbnail { body.show #item-thumbnail {
display: -moz-inline-box; display: -moz-inline-box;
-moz-box-orient: vertical; -moz-box-orient: vertical;
@ -551,10 +554,10 @@ body.show #item-thumbnail {
*vertical-align: auto; *vertical-align: auto;
border: 1px solid #033e6b; border: 1px solid #033e6b;
height: 80px; height: 80px;
margin-right: -0.5em; margin-right: .5em;
width: 80px; width: 80px;
} }
/* line 14, ../../../app/stylesheets/items/show.scss */ /* line 17, ../../../app/stylesheets/items/_show.scss */
body.show #item-name { body.show #item-name {
display: -moz-inline-box; display: -moz-inline-box;
-moz-box-orient: vertical; -moz-box-orient: vertical;
@ -562,7 +565,5 @@ body.show #item-name {
vertical-align: middle; vertical-align: middle;
*display: inline; *display: inline;
*vertical-align: auto; *vertical-align: auto;
border-bottom: 1px solid #033e6b; margin-top: 1em;
margin: 0;
padding: 0 1em 0 1em;
} }