list page

This commit is contained in:
devin 2012-05-03 14:39:22 +08:00
parent 887bda1491
commit b87cf0e2ff
3 changed files with 101 additions and 4 deletions

View File

@ -832,6 +832,15 @@ var orbitDesktop = function(dom){
var list = function(){ // to open list part in journal papers page
var bindHandlers = function(){ // to bind handlers for list page
o.simple_drop_down();
// fill width for tiny scroll bar
var e = $('.list_t'),
count = e.length,
baseWidth = e.eq(1).outerWidth(true);
e.parents('.overview').width( baseWidth * count );
$('.tinycanvas')
.tinyscrollbar({ axis: 'x'})
.find('.scrollbar')

View File

@ -58,7 +58,7 @@ body {
font-size: 12px;
background-color: #000;
}
a, a:hover { text-decoration: none; }
a, a:hover { text-decoration: none; color: #666; }
a:focus { outline: none; }
/* desktop layout */
#container {
@ -273,6 +273,8 @@ a:focus { outline: none; }
background-color: #f0f0f0;
font-size: 15px;
line-height: 36px;
position: relative;
z-index: 9;
}
.toolbar .sdm { display: inline-block; }
.toolbar .sdm_o { top: 36px; background-color: #f0f0f0; }
@ -488,6 +490,11 @@ a:focus { outline: none; }
.g_col_w2 { width: 264px; }
.ui-sortable-placeholder { background-color: rgba(0,0,0,0.2); visibility: visible !important; }
/* list item */
.list_t_item { padding: 2px; overflow: hidden; }
.list_t_title { font-size: 15px; margin-bottom: 10px; color: #333; }
.list_t_des { font-size: 13px; color: #777; font-family: Arial; margin-bottom: 10px; }
/* Connection Page */
#connection_setting { height: 492px; }
#connection_setting .s_form {
@ -526,6 +533,30 @@ a:focus { outline: none; }
}
/* Journal Papers */
#paper_list {
#paper_list { height: 456px; }
#paper_list .g_col {
width: 300px;
height: 456px;
}
margin-left: 12px;
padding-left: 12px;
border-left: solid 1px #eee;
}
#paper_list .g_col:first-child { margin-left: 0; padding-left: 10px; border: none; }
#paper_list .list_t .list_t_item { padding-left: 30px; height: 86px; }
#paper_list .list_item_action {
font-size: 12px;
float: left;
margin-left: -30px;
}
.list_item_action a {
display: block;
width: 15px;
height: 15px;
line-height: 15px;
margin: 1px 1px 6px 1px;
}
.list_item_action .icon-ok { visibility: hidden; }
.list_item_action .item_check_status { outline: solid 1px #999; }
.list_item_action .icon-star-empty { color: #999; }
.list_item_action .icon-star { color: #faa732; }
.item_check_status:hover .icon-ok, .item_check_status.checked .icon-ok { visibility: visible; }

View File

@ -66,7 +66,64 @@
<div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
<div class="viewport">
<div class="overview">
test
<div class="g_col list_t">
<ul>
<li class="list_t_item">
<div class="list_item_action"><a href="" class="item_check_status checked"><span class="icon-ok"></span></a><a href="" class="icon-star"></a></div>
<div class="list_t_title">2012, Material Chemistry and Physics Journal</div>
<div class="list_t_des">The performance and fracture mechanism of solder joints under mechanical reliability test</div>
</li>
<li class="list_t_item">
<div class="list_item_action"><a href="" class="item_check_status"><span class="icon-ok"></span></a><a href="" class="icon-star"></a></div>
<div class="list_t_title">2012, Material Chemistry and Physics Journal</div>
<div class="list_t_des">The performance and fracture mechanism of solder joints under mechanical reliability test</div>
</li>
<li class="list_t_item">
<div class="list_item_action"><a href="" class="item_check_status"><span class="icon-ok"></span></a><a href="" class="icon-star-empty"></a></div>
<div class="list_t_title">2012, Material Chemistry and Physics Journal</div>
<div class="list_t_des">The performance and fracture mechanism of solder joints under mechanical reliability test</div>
</li>
<li class="list_t_item">
<div class="list_item_action"><a href="" class="item_check_status"><span class="icon-ok"></span></a><a href="" class="icon-star-empty"></a></div>
<div class="list_t_title">2012, Material Chemistry and Physics Journal</div>
<div class="list_t_des">The performance and fracture mechanism of solder joints under mechanical reliability test</div>
</li>
<li class="list_t_item">
<div class="list_item_action"><a href="" class="item_check_status"><span class="icon-ok"></span></a><a href="" class="icon-star-empty"></a></div>
<div class="list_t_title">2012, Material Chemistry and Physics Journal</div>
<div class="list_t_des">The performance and fracture mechanism of solder joints under mechanical reliability test</div>
</li>
</ul>
</div>
<div class="g_col list_t">
<ul>
<li class="list_t_item">
<div class="list_item_action"><a href="" class="item_check_status"><span class="icon-ok"></span></a><a href="" class="icon-star-empty"></a></div>
<div class="list_t_title">2012, Material Chemistry and Physics Journal</div>
<div class="list_t_des">The performance and fracture mechanism of solder joints under mechanical reliability test</div>
</li>
<li class="list_t_item">
<div class="list_item_action"><a href="" class="item_check_status"><span class="icon-ok"></span></a><a href="" class="icon-star-empty"></a></div>
<div class="list_t_title">2012, Material Chemistry and Physics Journal</div>
<div class="list_t_des">The performance and fracture mechanism of solder joints under mechanical reliability test</div>
</li>
<li class="list_t_item">
<div class="list_item_action"><a href="" class="item_check_status"><span class="icon-ok"></span></a><a href="" class="icon-star-empty"></a></div>
<div class="list_t_title">2012, Material Chemistry and Physics Journal</div>
<div class="list_t_des">The performance and fracture mechanism of solder joints under mechanical reliability test</div>
</li>
<li class="list_t_item">
<div class="list_item_action"><a href="" class="item_check_status"><span class="icon-ok"></span></a><a href="" class="icon-star-empty"></a></div>
<div class="list_t_title">2012, Material Chemistry and Physics Journal</div>
<div class="list_t_des">The performance and fracture mechanism of solder joints under mechanical reliability test</div>
</li>
<li class="list_t_item">
<div class="list_item_action"><a href="" class="item_check_status"><span class="icon-ok"></span></a><a href="" class="icon-star-empty"></a></div>
<div class="list_t_title">2012, Material Chemistry and Physics Journal</div>
<div class="list_t_des">The performance and fracture mechanism of solder joints under mechanical reliability test</div>
</li>
</ul>
</div>
</div>
</div>
</div>