<div class="search_wrapper">
<h1>Dewey Decimal Guide</h1>
- <p style="font-style:italic;font-size:large;">Use this chart to learn how the library's books are organized!</p>
+ <p>Use this chart to learn how the library's books are organized on the shelves!</p>
+ <p>Look at the number next to the subject you are interested in below (for example, 560 for Dinosaurs),<br/>
+ then find that number on the library's shelves to find those books.</p>
</div>
</div> <!-- this ends the main_header_wrapper div that was started in header.tt2 -->
[% l('[_1], [_2]', attrs.publisher, attrs.pubdate) | html %] <!-- TODO fix commas, etc. -->
[% IF attrs.phys_desc %]<br/>[% attrs.phys_desc | html; END %]
</div>
+
+ [%- IF attrs.format_label %]
+ [% FOR format IN attrs.all_formats %]
+ <div class="item_icon_wrapper">
+ <div class="item_icon">
+ <img title="[% format.label | html %]"
+ alt="[% format.label | html %]"
+ src="[% format.icon %]" /><br/>
+ [% format.label | html %]
+ </div>
+ </div>
+ [% END %]
+ <div class="clear"> </div>
+ [% END %]
+
[% IF show_actions %]
<div class="item_detail_actions">
<div class="button"><a href="[% mkurl(ctx.kpac_root _ '/record/' _ rec_id) %]"><img
</div>
[% END %]
</div>
- <div class="item_icon_wrapper">
- <div class="item_icon">
- <img width="35" alt="[% attrs.format_label %]" src="[% attrs.format_icon %]" />
- <!-- put a single around each side of the image - for vertical centering -->
- </div>
- <div class="item_icon_type_text">[% attrs.format_label %]</div>
- </div>
<div class="clear"> </div>
</div>
<div class="item_detail_name">[% attrs.title | html %]</div>
<div class="item_detail_author">[% l('by [_1]', attrs.author) | html %]</div>
<div class="item_detail_icon_rate">
- <div class="item_icon_wrapper">
- <div class="item_icon">
- <img width="35" alt="[% attrs.format_label %]" src="[% attrs.format_icon %]" />
- <!-- put a single around each side of the image - for vertical centering -->
- </div>
- <div class="item_icon_type_text">[% attrs.format_label %]</div>
- </div>
+
<div class="item_detail_rate_wrapper">
<div class="item_detail_rate_starts">
</div>
</div>
<div class="clear"> </div>
+
+ [%- IF attrs.format_label %]
+ [% FOR format IN attrs.all_formats %]
+ <div class="item_icon_wrapper">
+ <div class="item_icon">
+ <img title="[% format.label | html %]"
+ alt="[% format.label | html %]"
+ src="[% format.icon %]" /><br/>
+ [% format.label | html %]
+ </div>
+ </div>
+ [% END %]
+ [% END %]
+ </div>
</div>
</div>
}
.footer_wrapper a {
- color:#fff;
+ color:#b6fcd5;
}
.footer_wrapper a:hover {
height:106px;
overflow:hidden;
float:left;
+ padding-left:40px;
+ margin-top:10px;
}
.item_icon {
background:url('/images/kpac/icon_bg.png') no-repeat;
text-align:center;
overflow:hidden;
- line-height:80px;
}
.item_icon img {
- vertical-align:middle;
- position:relative;
- top:-1px;
+ width:30px;
+ height:30px;
+ margin:10px;
+
}
.item_icon_type_text {
width:80px;
- height:24px;
text-align:center;
overflow:hidden;
display:table-cell;
- vertical-align:middle;
line-height:12px;
}
color:#000;
}
+.item_detail_extra_info {
+ margin-left:20px;
+ font-weight:normal;
+ color:#000;
+}
+
.item_detail_header_buttons {
float:right;
margin-top:3px;
}
.search_results .item_detail_info .item_detail_actions {
- padding-top:28px;
+ padding-top:0px;
+ margin-left:20px;
}
.search_results