list page
This commit is contained in:
devin
parent
887bda1491
commit
b87cf0e2ff
|
|
@ -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')
|
||||
|
|
|
|||
|
|
@ -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; }
|
||||
|
|
@ -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>
|
||||
Reference in New Issue