some update

This commit is contained in:
devin 2012-05-10 10:54:43 +08:00
parent 3ad11f2098
commit ada56a7a63
5 changed files with 107 additions and 71 deletions

View File

@ -605,22 +605,24 @@ var orbitDesktop = function(dom){
}); });
// single select // single select
$('.ssl .ssl_item').each(function(){ $('.ssl .ssl_item').each(function(){
var $des = $(this).find('.ssl_des');
$(this).on({ $(this).on({
click: function(){ click: function(){
$(this).switchClass('','thmc1 active',300); $(this).switchClass('','thmc1 active',0);
$(this).siblings('.thmc1').switchClass('thmc1 active','',100); $(this).siblings('.thmc1').switchClass('thmc1 active','',0);
if( $(this).find('.ssl_des') ){ if( $des.length > 0 ){
$(this).parents('.ssl').find('.ssl_des').removeClass('thmtxt'); $(this).parents('.ssl').find('.ssl_des').removeClass('thmtxt');
$(this).find('.ssl_des').addClass('thmtxt'); $des.addClass('thmtxt');
} }
}, },
mouseenter: function(){ mouseenter: function(){
if( !$(this).hasClass('active') ){ if( !$(this).hasClass('active') ){
$(this).addClass('thmc1'); $(this).addClass('thmc1');
if( $(this).find('.ssl_des') ){ if( $des.length > 0 ){
$(this).find('.ssl_des').addClass('thmtxt'); $des.addClass('thmtxt');
} }
} }
}, },
@ -628,8 +630,8 @@ var orbitDesktop = function(dom){
if( !$(this).hasClass('active') ){ if( !$(this).hasClass('active') ){
$(this).removeClass('thmc1'); $(this).removeClass('thmc1');
if( $(this).find('.ssl_des') ){ if( $des.length > 0 ){
$(this).find('.ssl_des').removeClass('thmtxt'); $des.removeClass('thmtxt');
} }
} }
} }
@ -1008,7 +1010,7 @@ var orbitDesktop = function(dom){
li; li;
$.each(journalData,function(i,journal){ $.each(journalData,function(i,journal){
$.each(journal.papers,function(j,paper){ $.each(journal.papers,function(j,paper){
li = $('<li class="list_t_item" style="height:auto;"><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">'+paper.title+'</div><div class="list_t_des" style="text-align:justify;">'+paper.abstract+paper.abstract+'</div></li>'); li = $('<li class="list_t_item" style="height:auto;"><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">'+paper.title+'</div><div class="list_t_des">'+paper.abstract+paper.abstract+'</div></li>');
column.find("ul").append(li); column.find("ul").append(li);
$("#journal_p div#paper_list div.overview").append(column); $("#journal_p div#paper_list div.overview").append(column);
column = $('<div class="g_col list_t"><ul></ul></div>'); column = $('<div class="g_col list_t"><ul></ul></div>');
@ -1032,7 +1034,7 @@ var orbitDesktop = function(dom){
o.simple_drop_down(); o.simple_drop_down();
// fill width for tiny scroll bar // fill width for tiny scroll bar
var e = $('.g_col'), var e = $('.s_grid_con'),
count = e.length, count = e.length,
baseWidth = e.eq(1).outerWidth(true); baseWidth = e.eq(1).outerWidth(true);

View File

@ -204,6 +204,7 @@ a:focus { outline: none; }
/*.section_slc { width: 252px; }*/ /*.section_slc { width: 252px; }*/
.admbg { background-color: #fff; } .admbg { background-color: #fff; }
.admbg2 { background-color: #ddd; }
.admtxt { color: #666; } .admtxt { color: #666; }
.admtxt:hover { color: #666; } .admtxt:hover { color: #666; }
.hfn { .hfn {
@ -276,8 +277,17 @@ a:focus { outline: none; }
position: relative; position: relative;
z-index: 9; z-index: 9;
} }
.toolbar .sdm { display: inline-block; } .toolbar .sdm, .toolbar .fn_g { display: inline-block; }
.toolbar .sdm_o { top: 36px; background-color: #f0f0f0; } .toolbar .sdm_o { top: 36px; background-color: #f0f0f0; }
.toolbar button {
border: none;
outline: none;
padding: 0 16px;
margin: 0;
font-family: inherit;
font-size: 15px;
vertical-align: top;
}
/* Setting Page */ /* Setting Page */
@ -454,8 +464,27 @@ a:focus { outline: none; }
margin: 0 6px; margin: 0 6px;
} }
.diag_btn:hover { outline: solid 2px #fff; } .diag_btn:hover { outline: solid 2px #fff; }
/* tinygrid */
.s_grid_con { width: 410px; }
.s_grid_row { overflow: hidden; margin-bottom: 12px; }
.s_grid_row .s_grid:first-child { margin-left: 0; }
.s_grid {
float: left;
margin: 0 0 0 10px;
}
.s_grid_con .s_grid_1 { width: 60px; }
.s_grid_con .s_grid_2 { width: 130px; }
.s_grid_con .s_grid_3 { width: 200px; }
.s_grid_con .s_grid_4 { width: 270px; }
.s_grid_con .s_grid_5 { width: 340px; }
.s_grid_con .s_grid_6 { width: 410px; }
/* simple form */
.s_form { font-size: 15px; } .s_form { font-size: 15px; }
.s_form li { overflow: hidden; padding: 6px; margin-bottom: 12px; position: relative; } .s_form li { overflow: hidden; padding: 6px; margin-bottom: 12px; position: relative; }
.s_form .s_grid_row { padding: 3px; margin-bottom: 6px; }
.s_form label { .s_form label {
font-size: 13px; font-size: 13px;
display: inline-block; display: inline-block;
@ -475,7 +504,7 @@ a:focus { outline: none; }
-webkit-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
} }
.s_form select { font-family: Arial !important; } .s_form select { font-family: Arial !important; padding: 6px; height: auto; }
.s_form input[type=file] { margin: 0px; vertical-align: baseline; } .s_form input[type=file] { margin: 0px; vertical-align: baseline; }
.s_form input[type=text]:focus, .s_form input[type=password]:focus, .s_form textarea:focus { .s_form input[type=text]:focus, .s_form input[type=password]:focus, .s_form textarea:focus {
background-color: #333; background-color: #333;
@ -503,18 +532,35 @@ a:focus { outline: none; }
width: auto; width: auto;
margin: 0; margin: 0;
} }
.check_box_g li label { padding-left: 4px; } .check_box_g li label { padding-left: 4px; font-family: Arial; }
.s_form .input_append { .s_form .input_append {
position: absolute; position: absolute;
width: 30px; width: 30px;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
right: 5px; right: 5px;
top: 3px; top: 4px;
display: block; display: block;
background-color: #fff; background-color: #fff;
} }
.s_form .s_grid_row .s_grid:first-child { margin-left: 0; }
.s_form input[type=text].s_grid, .s_form input[type=passowrd].s_grid, .s_form textarea.s_grid, .s_form label.s_grid { float: none; display: inline-block; margin-left: 10px; }
.s_form input[type=text].s_grid_1, .s_form input[type=passowrd].s_grid_1, .s_form textarea.s_grid_1 { width: 40px; }
.s_form input[type=text].s_grid_2, .s_form input[type=passowrd].s_grid_2, .s_form textarea.s_grid_2 { width: 110px; }
.s_form input[type=text].s_grid_3, .s_form input[type=passowrd].s_grid_3, .s_form textarea.s_grid_3 { width: 180px; }
.s_form input[type=text].s_grid_4, .s_form input[type=passowrd].s_grid_4, .s_form textarea.s_grid_4 { width: 250px; }
.s_form input[type=text].s_grid_5, .s_form input[type=passowrd].s_grid_5, .s_form textarea.s_grid_5 { width: 320px; }
.s_form input[type=text].s_grid_6, .s_form input[type=passowrd].s_grid_6, .s_form textarea.s_grid_6 { width: 390px; }
.s_form select.s_grid_1 { width: 57px; }
.s_form select.s_grid_2 { width: 127px; }
.s_form select.s_grid_3 { width: 197px; }
.s_form select.s_grid_4 { width: 267px; }
.s_form select.s_grid_5 { width: 337px; }
.s_form select.s_grid_6 { width: 407px; }
#group_wrapper {} #group_wrapper {}
.grp { height:528px; } .grp { height:528px; }
.g_col { .g_col {
@ -527,8 +573,13 @@ a:focus { outline: none; }
/* list item */ /* list item */
.list_t_item { padding: 2px; overflow: hidden; } .list_t_item { padding: 2px; overflow: hidden; }
.list_t_title { font-size: 15px; margin-bottom: 10px; color: #333; } .list_t_title {
.list_t_des { font-size: 13px; color: #777; font-family: Arial; margin-bottom: 10px; } font-size: 15px;
font-family: Arial;
margin-bottom: 10px;
color: #333;
}
.list_t_des { font-size: 13px; color: #999; font-family: Arial; margin-bottom: 10px; }
/* Connection Page */ /* Connection Page */
#connection_setting { height: 492px; } #connection_setting { height: 492px; }
@ -557,6 +608,10 @@ a:focus { outline: none; }
color: #ccc; color: #ccc;
font-family: Arial; font-family: Arial;
font-weight: bold; font-weight: bold;
-webkit-text-size-adjust: none;
transition: background-color 0.5s ease;
-moz-transition: background-color 0.5s ease;
-webkit-transition: background-color 0.5s ease;
} }
#connection_setting .c_status_on { background-color: #51A351; color: #fff; } #connection_setting .c_status_on { background-color: #51A351; color: #fff; }
#connection_setting .c_info { #connection_setting .c_info {
@ -597,13 +652,13 @@ a:focus { outline: none; }
.item_check_status:hover .icon-ok, .item_check_status.checked .icon-ok { visibility: visible; } .item_check_status:hover .icon-ok, .item_check_status.checked .icon-ok { visibility: visible; }
/* Journal Paper Add */ /* Journal Paper Add */
#paper_add .g_col { #paper_add .s_grid_con {
width: 360px; float: left;
height: 456px; height: 456px;
margin-left: 12px; margin-left: 12px;
padding-left: 12px; padding-left: 12px;
border-left: solid 1px #eee; border-left: solid 1px #eee;
} }
#paper_add .g_col:first-child { margin-left: 0; padding-left: 0; border: none; } #paper_add .s_grid_con:first-child { margin-left: 0; padding-left: 0; border: none; }
#paper_add .s_form > ul > li { margin-bottom: 6px; padding: 2px 6px; }
#paper_add .f_w { width: 336px; } #paper_add .f_w { width: 336px; }
#paper_add label { margin-right: 0; }

View File

@ -1,4 +1,4 @@
@media only screen and (min-width: 1300px){ @media only screen and (min-width: 1240px){
#panel_r.pw { width: 800px; } #panel_r.pw { width: 800px; }

View File

@ -1,4 +1,8 @@
<div class="toolbar hh2"> <div class="toolbar hh2">
<div class="fn_g hp">
<button class="fn_btn hh2 thmc2 thmtxt">Save</button>
<button class="fn_btn hh2 admbg2">Cancel</button>
</div>
<div class="hh2 hp sdm"> <div class="hh2 hp sdm">
<div class="sdm_t hh2">Entry Year</div> <div class="sdm_t hh2">Entry Year</div>
<div class="admbg sdm_o"> <div class="admbg sdm_o">
@ -40,11 +44,11 @@
<div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div> <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="viewport">
<div class="overview"> <div class="overview">
<div class="g_col s_form"> <div class="s_grid_con s_form">
<ul> <ul>
<li><textarea class="f_w" name="" id="">Paper Title</textarea></li> <li class="s_grid_row"><textarea class="s_grid_6 s_grid" name="" id="">Paper Title</textarea></li>
<li><input class="f_w" type="text" value="Journal Title"><span class="icon-plus input_append"></span></li> <li class="s_grid_row"><input class="s_grid_6 s_grid" type="text" value="Journal Title"><span class="icon-plus input_append"></span></li>
<li> <li class="s_grid_row">
<div class="check_box_g"> <div class="check_box_g">
<label for="">Journal Level</label> <label for="">Journal Level</label>
<ul> <ul>
@ -61,19 +65,19 @@
</ul> </ul>
</div> </div>
</li> </li>
<li><label for="">ISSN(ISBN)</label><input type="text" value="829872987"></li> <li class="s_grid_row"><label class="s_grid_2 s_grid" for="">ISSN(ISBN)</label><input type="text" class="s_grid_4 s_grid" value="829872987"></li>
<li><label for="">ISI No.</label><input type="text" value="829872987"></li> <li class="s_grid_row"><label class="s_grid_2 s_grid" for="">ISI No.</label><input type="text" class="s_grid_4 s_grid" value="829872987"></li>
<li><label for="">Volume No.</label><input type="text" value="829872987"></li> <li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Volume No.</label><input type="text" class="s_grid_4 s_grid" value="829872987"></li>
<li><label for="">Issue No.</label><input type="text" value="829872987"></li> <li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Issue No.</label><input type="text" class="s_grid_4 s_grid" value="829872987"></li>
<li><label for="">Pages</label><div class="n_slider" style="display: inline-block;"><input type="range" style="width: 80px;"></div><span class="n_slider_sum"><label for="" style="width:60px; margin: 0; text-align: center;">Total</label><input type="text" style="width: 60px;"></span></li> <li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Pages</label></li>
<li><label for="">Reference URL</label><input type="text" value="www.sample.com"></li> <li class="s_grid_row"><label class="s_grid_2 s_grid" for="">Reference URL</label><input class="s_grid_4 s_grid" type="text" value="www.sample.com"></li>
</ul> </ul>
</div> </div>
<div class="g_col s_form"> <div class="s_grid_con s_form">
<ul> <ul>
<li><textarea class="f_w" name="" id="">Author</textarea><span class="icon-plus input_append"></span></li> <li class="s_grid_row"><textarea class="s_grid s_grid_6" name="" id="">Author</textarea><span class="icon-plus input_append"></span></li>
<li> <li class="s_grid_row">
<select name="" id="" style="width:220px;"> <select name="" id="" class="s_grid s_grid_4">
<option value="">Author Type</option> <option value="">Author Type</option>
<option value="">First Author</option> <option value="">First Author</option>
<option value="">Corresponding Author</option> <option value="">Corresponding Author</option>
@ -81,23 +85,23 @@
<option value="">Third Author</option> <option value="">Third Author</option>
<option value="">Fourth Author</option> <option value="">Fourth Author</option>
</select> </select>
<select name="" id="" style="width: 120px;"> <select name="" id="" class="s_grid s_grid_2">
<option value="">Status</option> <option value="">Status</option>
<option value="">Published</option> <option value="">Published</option>
<option value="">Pending</option> <option value="">Pending</option>
<option value="">Writing</option> <option value="">Writing</option>
</select> </select>
</li> </li>
<li><label for="">Date of Publication</label><input type="text" value="2012 / 05 / 01"></li> <li class="s_grid_row"><label class="s_grid s_grid_2" for="">Date of Publication</label><input class="s_grid s_grid_4" type="text" value="2012 / 05 / 01"></li>
<li><textarea name="" id="" rows="10" class="f_w"></textarea></li> <li class="s_grid_row"><textarea name="" id="" rows="10" class="s_grid s_grid_6"></textarea></li>
<li><input class="f_w" type="text" value="Associated Project"><span class="icon-plus input_append"></span></li> <li class="s_grid_row"><input class="s_grid s_grid_6" type="text" value="Associated Project"><span class="icon-plus input_append"></span></li>
<li><label for="">Abstract</label><input type="file"></li> <li class="s_grid_row"><label class="s_grid s_grid_2" for="">Abstract</label><input type="file"></li>
<li><label for="">Full Text</label><input type="file"></li> <li class="s_grid_row"><label class="s_grid s_grid_2" for="">Full Text</label><input type="file"></li>
</ul> </ul>
</div> </div>
<div class="g_col s_form"> <div class="s_grid_con s_form">
<ul> <ul>
<li><textarea name="" id="" rows="26" class="f_w">Abstract</textarea></li> <li class="s_grid_row"><textarea name="" id="" rows="26" class="s_grid s_grid_6">Abstract</textarea></li>
</ul> </ul>
</div> </div>
</div> </div>

View File

@ -2,31 +2,6 @@
<div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div> <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="viewport">
<div id="connection_setting" class="overview vp"> <div id="connection_setting" class="overview vp">
<!-- <div class="s_title hh3">Connections</div> -->
<!-- <table width="100%" class="s_form">
<tr>
<td rowspan="2"><img src="assets/gmail.png" alt=""></td>
<td valign="top"><label for="s_name1">Username</label><input type="text" id="gmail_username" /></td>
</tr>
<tr>
<td width="400"><label for="s_name1">Password</label><input type="password" id="gmail_password" /></td>
<td><a href="gmail" id="gmail_connect_btn" class="setting_btn thmc1 thmtxt w1 hh2 hp" onclick='return false;' style='float:left;'>Connect</a></td>
</tr>
<tr>
<td rowspan="2"><img src="assets/facebook.png" alt=""></td>
<td><label for="s_name1">Username</label><input type="text" /></td>
</tr>
<tr>
<td><label for="s_name1">Password</label><input type="password" /></td>
</tr>
<tr>
<td rowspan="2"><img src="assets/twitter.png"></td>
<td><label for="s_name1">Username</label><input type="text" /></td>
</tr>
<tr>
<td><label for="s_name1">Password</label><input type="password" /></td>
</tr>
</table> -->
<ul class="s_form w2 hp" id="facebook_connection"> <ul class="s_form w2 hp" id="facebook_connection">
<li><span class="c_status">No Connection</span></li> <li><span class="c_status">No Connection</span></li>
<li><img src="assets/connection/facebook.png" alt="" class="c_icon"><h1 class="c_name">Facebook</h1></li> <li><img src="assets/connection/facebook.png" alt="" class="c_icon"><h1 class="c_name">Facebook</h1></li>
@ -54,8 +29,8 @@
<ul class="s_form w2 hp" id="gmail_connection"> <ul class="s_form w2 hp" id="gmail_connection">
<li><span class="c_status">No Connection</span></li> <li><span class="c_status">No Connection</span></li>
<li><img src="assets/connection/gmail.png" alt="" class="c_icon"><h1 class="c_name">Gmail</h1></li> <li><img src="assets/connection/gmail.png" alt="" class="c_icon"><h1 class="c_name">Gmail</h1></li>
<li><label for="">Account</label><input type="text"></li><!-- <div class="c_info">Harry</div></li> --> <li><label for="">Account</label><input type="text"></li>
<li><label for="">Password</label><input type="password"></li><!-- <div class="c_info">&#8226;&#8226;&#8226;&#8226;&#8226;&#8226;</div></li> --> <li><label for="">Password</label><input type="password"></li>
<li> <li>
<div class="s_action"> <div class="s_action">
<a href="gmail" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="new">Connect</a> <a href="gmail" class="setting_btn thmc1 thmtxt hp" onclick="return false;" for="new">Connect</a>