publication's view update

This commit is contained in:
devin chen 2013-04-22 17:50:30 +08:00 committed by saurabhbhatia
parent ae8033ea1b
commit a458a50e97
22 changed files with 864 additions and 375 deletions

View File

@ -93,7 +93,7 @@
left: 0;
top: 60px;
font-size: 15px;
width: 120px;
min-width: 120px;
border: solid 2px #dddddd;
-webkit-box-sizing: border-box;
/* webkit */
@ -128,7 +128,7 @@
font-size: 15px;
line-height: 36px; }
.s_menu li {
border-top: solid 1px #dddddd; }
border-top: solid 1px #f7f7f7; }
.s_menu li:first-child {
border: none; }
.s_menu a {
@ -138,22 +138,17 @@
.s_tab {
font-size: 15px;
line-height: 36px; }
.s_tab ul {
overflow: hidden; }
.s_tab li {
float: left; }
.s_tab a {
display: block; }
.s_tab .admbg {
background-color: #f0f0f0; }
.st_c {
display: none; }
.st_c:first-child {
display: block; }
@ -171,6 +166,9 @@
line-height: 32px; }
.s_form input[type=text],
.s_form input[type=password],
.s_form input[type=submit],
.s_form input[type=reset],
.s_form input[type=button],
.s_form select {
height: 32px;
margin-top: 0;
@ -201,7 +199,6 @@
.s_form input[type=text]:focus,
.s_form input[type=password]:focus,
.s_form textarea:focus {
background-color: #f7f7f7;
border-color: #c4c4c4; }
.s_form textarea {
resize: none; }
@ -254,7 +251,7 @@
font-size: 15px;
line-height: 36px;
position: relative;
z-index: 9; }
z-index: 99; }
.toolbar .sdm, .toolbar .fn_g {
display: inline-block;
vertical-align: top; }
@ -281,7 +278,8 @@
width: auto;
height: 100%;
overflow: hidden;
position: relative; }
position: relative;
z-index: 10; }
.tinycanvas .overview {
position: absolute;
left: 0;

View File

@ -58,7 +58,7 @@
left: 0;
top: 60px;
font-size: 15px;
width: 120px;
min-width: 120px;
border: solid 2px $gray;
@include box-sizing;
@ -92,7 +92,7 @@
line-height: 36px;
li {
border-top: solid 1px $gray;
border-top: solid 1px lighten($gray, 10%);
}
li:first-child {
border: none;
@ -106,27 +106,29 @@
.s_tab {
font-size: 15px;
line-height: 36px;
ul {
overflow: hidden;
}
li {
float: left;
}
a {
display: block;
}
.admbg {
background-color: #f0f0f0;
}
}
.stb_h {}
.stb_v {}
.s_tab ul {
overflow: hidden;
}
.s_tab li {
float: left;
}
.s_tab a {
display: block;
}
.s_tab .admbg {
background-color: #f0f0f0;
}
.st_c {
display: none;
}
.st_c:first-child {
&:first-child {
display: block;
}
}
/* simple form */
.s_form {
@ -147,6 +149,9 @@
}
input[type=text],
input[type=password],
input[type=submit],
input[type=reset],
input[type=button],
select {
height: 32px;
margin-top: 0;
@ -168,7 +173,7 @@
@include box-sizing;
&:focus {
background-color: lighten($gray, 10%);
// background-color: lighten($gray, 10%);
border-color: darken($gray, 10%);
}
}
@ -232,7 +237,7 @@
font-size: 15px;
line-height: 36px;
position: relative;
z-index: 9;
z-index: 99;
.sdm, .fn_g {
display: inline-block;
@ -267,6 +272,7 @@
height: 100%;
overflow: hidden;
position: relative;
z-index: 10;
}
.overview {
position: absolute;

View File

@ -121,13 +121,14 @@ a:focus {
background-color: #fff; }
.admbg2 {
background-color: #ddd; }
background-color: #dddddd; }
.admtxt {
color: #666; }
.admtxt:hover {
color: #666; }
a.admtxt.admbg2:hover {
color: #fff;
background-color: #aaaaaa; }
.hfn {
font-size: 15px;
@ -341,12 +342,14 @@ a:focus {
/* panel */
#panel_l {
background-color: #f0f0f0;
background-color: #fff;
float: left; }
#panel_r {
background-color: #f7f7f7;
margin-left: 252px;
position: relative; }
position: relative;
width: auto; }
/* Desktop Notification */
#orbitnote {
@ -577,8 +580,7 @@ a:focus {
padding: 24px 0;
margin-top: 12px;
overflow: hidden;
border-top: solid 1px #eeeeee;
background-color: #fff; }
border-top: solid 1px #eeeeee; }
.setting_btn {
display: block;
@ -637,9 +639,10 @@ a:focus {
overflow: hidden; }
.list_t_title {
margin-bottom: 6px;
color: #333;
font-size: 15px; }
padding-bottom: 6px;
color: #000;
font-size: 15px;
line-height: 1.3em; }
.list_t_des {
line-height: 1.5em;
@ -647,147 +650,28 @@ a:focus {
margin-bottom: 4px;
font-size: 13px; }
.list_item_function {
position: absolute;
right: 0;
bottom: -30px;
width: 100%;
height: 30px;
line-height: 30px;
text-align: right;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease; }
.list_item_function a {
display: inline-block;
padding: 4px;
vertical-align: top;
margin-left: 4px;
padding: 0 6px;
font-size: 11px;
-webkit-text-size-adjust: none; }
/* Journal Papers */
[page-name="journal_p_list"] .list_t_item .inner {
padding-left: 30px; }
[page-name="journal_p_list"] .list_item_action {
font-size: 12px;
float: left;
margin-left: -30px; }
[page-name="journal_p_list"] .list_item_action a {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px; }
[page-name="journal_p_list"] .list_item_action .icon-star-empty {
color: #999;
font-size: 20px; }
[page-name="journal_p_list"] .list_item_action .icon-star {
color: #faa732;
font-size: 20px; }
[page-name="journal_p_list"] .list_item_action .icon-check-empty {
color: #999;
font-size: 20px; }
[page-name="journal_p_list"] .list_item_action .icon-check {
color: #333;
font-size: 20px; }
[page-name="journal_p_list"] .file_view .list_t_des {
overflow: hidden; }
[page-name="journal_p_list"] .file_view .file {
float: left;
width: 120px;
height: 50px;
padding: 6px;
margin: 1px;
position: relative;
-webkit-box-sizing: border-box;
/* webkit */
-khtml-box-sizing: border-box;
/* konqueror */
-moz-box-sizing: border-box;
/* firefox */
-ms-box-sizing: border-box;
/* ie */
box-sizing: border-box;
/* css3 */ }
[page-name="journal_p_list"] .file_view .file:hover {
background-color: #f7f7f7; }
[page-name="journal_p_list"] .file_view .file img {
width: 38px;
height: 38px;
position: absolute;
left: 6px;
top: 6px; }
[page-name="journal_p_list"] .file_view .file .filetitle {
display: block;
width: 100%;
height: 38px;
padding-left: 40px;
overflow: hidden;
-webkit-box-sizing: border-box;
/* webkit */
-khtml-box-sizing: border-box;
/* konqueror */
-moz-box-sizing: border-box;
/* firefox */
-ms-box-sizing: border-box;
/* ie */
box-sizing: border-box;
/* css3 */ }
/* Journal Paper Add */
#paper_add .s_grid_con {
float: left;
height: 456px;
margin-left: 12px;
padding-left: 12px;
border-left: solid 1px #eeeeee; }
#paper_add .s_grid_con:first-child {
margin-left: 0;
padding-left: 0;
border: none; }
#paper_add .f_w {
width: 336px; }
#paper_add label {
margin-right: 0; }
/* Journal Journal list */
[page-name="journal_p_journal"] .datalist_item .inner {
padding-left: 30px; }
[page-name="journal_p_journal"] .list_item_action {
font-size: 12px;
float: left;
margin-left: -30px; }
[page-name="journal_p_journal"] .list_item_action i {
color: #999;
font-size: 20px;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px; }
[page-name="journal_p_journal"] .list_t_desc {
font-family: Arial, sans-serif;
font-size: 12px;
color: #999; }
/* Journal Co-Author */
[page-name="journal_p_coauthor"] .list_t_item {
height: 110px; }
[page-name="journal_p_coauthor"] .list_item_function a {
display: inline-block;
padding: 4px;
font-family: Arial, sans-serif;
font-size: 11px;
-webkit-text-size-adjust: none; }
[page-name="journal_p_coauthor"] .info {
font-family: Arial, sans-serif; }
[page-name="journal_p_coauthor"] .info li {
margin-bottom: 8px;
color: #999; }
[page-name="journal_p_coauthor"] .info .name {
font-size: 18px;
line-height: 24px;
color: #333; }
/* Journal Co-Author Relationship*/
[page-name="journal_p_coauthor_relation"] .edit_co_author_relation {
/*margin-left: -10px;*/ }
[page-name="journal_p_coauthor_relation"] .form_space {
margin-bottom: 10px;
font-size: 18px;
font-family: Arial, sans-serif; }
/* Journal New Co-Author */
#new_co_author label {
margin-right: 0; }
.list_item_function a :first-child {
margin-left: 0; }
.datalist_item:hover .list_item_function {
bottom: 0; }
/* App */
.app_frame {

View File

@ -113,9 +113,12 @@ a:focus { outline: none; }
/* Desktop Global Style */
.admbg { background-color: #fff; }
.admbg2 { background-color: #ddd; }
.admbg2 { background-color: $gray; }
.admtxt { color: #666; }
.admtxt:hover { color: #666; }
a.admtxt.admbg2:hover {
color: #fff;
background-color: darken($gray, 20%);
}
.hfn {
font-size: 15px;
line-height: 36px;
@ -285,12 +288,14 @@ a:focus { outline: none; }
}
/* panel */
#panel_l {
background-color: #f0f0f0;
background-color: #fff;
float: left;
}
#panel_r {
background-color: lighten($gray, 10%);
margin-left: 252px;
position: relative;
width: auto;
}
/* Desktop Notification */
@ -571,7 +576,7 @@ a:focus { outline: none; }
margin-top: 12px;
overflow: hidden;
border-top: solid 1px #eee;
background-color: #fff;
// background-color: #fff;
}
.setting_btn {
display: block;
@ -621,11 +626,14 @@ a:focus { outline: none; }
}
/* list item */
.list_t_item { overflow: hidden; }
.list_t_item {
overflow: hidden;
}
.list_t_title {
margin-bottom: 6px;
color: #333;
padding-bottom: 6px;
color: #000;
font-size: 15px;
line-height: 1.3em;
// font-weight: normal;
}
.list_t_des {
@ -634,158 +642,32 @@ a:focus { outline: none; }
margin-bottom: 4px;
font-size: 13px;
}
.list_item_function a {
display: inline-block;
padding: 4px;
font-size: 11px;
-webkit-text-size-adjust: none;
}
/* Journal Papers */
[page-name="journal_p_list"] {
.list_t_item .inner { padding-left: 30px; }
.list_item_action {
font-size: 12px;
float: left;
margin-left: -30px;
.list_item_function {
position: absolute;
right: 0;
bottom: -30px;
width: 100%;
height: 30px;
line-height: 30px;
text-align: right;
@include transition-type(all,0.3);
a {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px;
}
.icon-star-empty { color: #999; font-size: 20px; }
.icon-star { color: #faa732; font-size: 20px; }
.icon-check-empty { color: #999; font-size: 20px; }
.icon-check { color: #333; font-size: 20px; }
}
.file_view {
.list_t_des {
overflow: hidden;
}
.file {
float: left;
width: 120px;
height: 50px;
padding: 6px;
margin: 1px;
position: relative;
@include box-sizing;
&:hover {
background-color: lighten($gray, 10%);
}
img {
width: 38px;
height: 38px;
position: absolute;
left: 6px;
top: 6px;
}
.filetitle {
display: block;
width: 100%;
height: 38px;
padding-left: 40px;
overflow: hidden;
@include box-sizing;
}
}
}
}
/* Journal Paper Add */
#paper_add {
.s_grid_con {
float: left;
height: 456px;
margin-left: 12px;
padding-left: 12px;
border-left: solid 1px #eee;
&:first-child {
margin-left: 0;
padding-left: 0;
border: none;
}
}
.f_w { width: 336px; }
label { margin-right: 0; }
}
/* Journal Journal list */
[page-name="journal_p_journal"] {
.datalist_item .inner {
padding-left: 30px;
}
.list_item_action {
font-size: 12px;
float: left;
margin-left: -30px;
}
.list_item_action i {
color: #999;
font-size: 20px;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px;
}
.list_t_desc {
font-family: Arial, sans-serif;
font-size: 12px;
color: #999;
}
}
/* Journal Co-Author */
[page-name="journal_p_coauthor"] {
.list_t_item {
height: 110px;
}
.list_item_function {}
.list_item_function a {
display: inline-block;
padding: 4px;
font-family: Arial, sans-serif;
vertical-align: top;
margin-left: 4px;
padding: 0 6px;
font-size: 11px;
-webkit-text-size-adjust: none;
}
.info {
font-family: Arial, sans-serif;
}
.info li {
margin-bottom: 8px;
color: #999;
}
.info .name {
font-size: 18px;
line-height: 24px;
color: #333;
}
}
/* Journal Co-Author Relationship*/
[page-name="journal_p_coauthor_relation"]{
.edit_co_author_relation {
/*margin-left: -10px;*/
}
.form_space {
margin-bottom: 10px;
font-size: 18px;
font-family: Arial, sans-serif;
:first-child {
margin-left: 0;
}
}
/* Journal New Co-Author */
#new_co_author label {
margin-right: 0;
.datalist_item:hover & {
bottom: 0;
}
}
/* App */
.app_frame {

View File

@ -1,10 +1,10 @@
@media only screen and (min-width: 1240px){
#panel_r.pw { width: 800px; }
/*#panel_r.pw { width: 800px; }*/
}
@media only screen and (min-width: 1900px){
#panel_r.pw { width: 1400px; }
/*#panel_r.pw { width: 1400px; }*/
}

View File

@ -0,0 +1,115 @@
/* Books */
[page-name="books_list"] .list_t_item .inner {
padding-left: 30px; }
[page-name="books_list"] .list_item_action {
font-size: 12px;
float: left;
margin-left: -30px; }
[page-name="books_list"] .list_item_action a {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px; }
[page-name="books_list"] .list_item_action .icon-star-empty {
color: #999;
font-size: 20px; }
[page-name="books_list"] .list_item_action .icon-star {
color: #faa732;
font-size: 20px; }
[page-name="books_list"] .list_item_action .icon-check-empty {
color: #999;
font-size: 20px; }
[page-name="books_list"] .list_item_action .icon-check {
color: #333;
font-size: 20px; }
[page-name="books_list"] .file_view .list_t_des {
overflow: hidden; }
[page-name="books_list"] .file_view .file {
float: left;
width: 120px;
height: 50px;
padding: 6px;
margin: 1px;
position: relative;
-webkit-box-sizing: border-box;
/* webkit */
-khtml-box-sizing: border-box;
/* konqueror */
-moz-box-sizing: border-box;
/* firefox */
-ms-box-sizing: border-box;
/* ie */
box-sizing: border-box;
/* css3 */ }
[page-name="books_list"] .file_view .file:hover {
background-color: #f7f7f7; }
[page-name="books_list"] .file_view .file img {
width: 38px;
height: 38px;
position: absolute;
left: 6px;
top: 6px; }
[page-name="books_list"] .file_view .file .filetitle {
display: block;
width: 100%;
height: 38px;
padding-left: 40px;
overflow: hidden;
-webkit-box-sizing: border-box;
/* webkit */
-khtml-box-sizing: border-box;
/* konqueror */
-moz-box-sizing: border-box;
/* firefox */
-ms-box-sizing: border-box;
/* ie */
box-sizing: border-box;
/* css3 */ }
/* Books Books list */
[page-name="books_books"] .datalist_item .inner {
padding-left: 30px; }
[page-name="books_books"] .list_item_action {
font-size: 12px;
float: left;
margin-left: -30px; }
[page-name="books_books"] .list_item_action i {
color: #999;
font-size: 20px;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px; }
[page-name="books_books"] .list_t_desc {
font-family: Arial, sans-serif;
font-size: 12px;
color: #999; }
/* Books Co-Author */
[page-name="books_coauthor"] .list_t_item {
height: 110px; }
[page-name="books_coauthor"] .list_item_function a {
display: inline-block;
padding: 4px;
font-family: Arial, sans-serif;
font-size: 11px;
-webkit-text-size-adjust: none; }
[page-name="books_coauthor"] .info {
font-family: Arial, sans-serif; }
[page-name="books_coauthor"] .info li {
margin-bottom: 8px;
color: #999; }
[page-name="books_coauthor"] .info .name {
font-size: 18px;
line-height: 24px;
color: #333; }
/* Books Co-Author Relationship*/
[page-name="books_coauthor_relation"] .edit_co_author_relation {
/*margin-left: -10px;*/ }
[page-name="books_coauthor_relation"] .form_space {
margin-bottom: 10px;
font-size: 18px;
font-family: Arial, sans-serif; }

View File

@ -0,0 +1,123 @@
@import "desktop-helper";
/* Books */
[page-name="books_list"] {
.list_t_item .inner { padding-left: 30px; }
.list_item_action {
font-size: 12px;
float: left;
margin-left: -30px;
a {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px;
}
.icon-star-empty { color: #999; font-size: 20px; }
.icon-star { color: #faa732; font-size: 20px; }
.icon-check-empty { color: #999; font-size: 20px; }
.icon-check { color: #333; font-size: 20px; }
}
.file_view {
.list_t_des {
overflow: hidden;
}
.file {
float: left;
width: 120px;
height: 50px;
padding: 6px;
margin: 1px;
position: relative;
@include box-sizing;
&:hover {
background-color: lighten($gray, 10%);
}
img {
width: 38px;
height: 38px;
position: absolute;
left: 6px;
top: 6px;
}
.filetitle {
display: block;
width: 100%;
height: 38px;
padding-left: 40px;
overflow: hidden;
@include box-sizing;
}
}
}
}
/* Books Books list */
[page-name="books_books"] {
.datalist_item .inner {
padding-left: 30px;
}
.list_item_action {
font-size: 12px;
float: left;
margin-left: -30px;
}
.list_item_action i {
color: #999;
font-size: 20px;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px;
}
.list_t_desc {
font-family: Arial, sans-serif;
font-size: 12px;
color: #999;
}
}
/* Books Co-Author */
[page-name="books_coauthor"] {
.list_t_item {
height: 110px;
}
.list_item_function {}
.list_item_function a {
display: inline-block;
padding: 4px;
font-family: Arial, sans-serif;
font-size: 11px;
-webkit-text-size-adjust: none;
}
.info {
font-family: Arial, sans-serif;
}
.info li {
margin-bottom: 8px;
color: #999;
}
.info .name {
font-size: 18px;
line-height: 24px;
color: #333;
}
}
/* Books Co-Author Relationship*/
[page-name="books_coauthor_relation"]{
.edit_co_author_relation {
/*margin-left: -10px;*/
}
.form_space {
margin-bottom: 10px;
font-size: 18px;
font-family: Arial, sans-serif;
}
}

View File

@ -13,6 +13,7 @@ orbitDesktop.prototype.initializeConferencePapers = function(target,url,cache){
var bindHandlers = function(){ // to bind handlers for list page
o.simple_drop_down();
}
bindHandlers();
var bindSecondaryHandlers = function(){
$("#conference_p div#paper_list a.icon-check-empty").click(function(){

View File

@ -0,0 +1,109 @@
/* Conference Papers */
[page-name="conference_p_list"] .list_t_item .inner {
padding-left: 30px; }
[page-name="conference_p_list"] .list_item_action {
font-size: 12px;
float: left;
margin-left: -30px; }
[page-name="conference_p_list"] .list_item_action a {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px;
font-size: 20px; }
[page-name="conference_p_list"] .list_item_action .icon-star-empty, [page-name="conference_p_list"] .list_item_action .icon-check-empty {
color: #dddddd;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
transition: color 0.3s ease; }
[page-name="conference_p_list"] .list_item_action .icon-star-empty:hover, [page-name="conference_p_list"] .list_item_action .icon-check-empty:hover {
color: #aaaaaa; }
[page-name="conference_p_list"] .list_item_action .icon-star {
color: #faa732; }
[page-name="conference_p_list"] .list_item_action .icon-check {
color: #333; }
[page-name="conference_p_list"] .file_view .list_t_des {
overflow: hidden; }
[page-name="conference_p_list"] .file_view .file {
float: left;
width: 120px;
height: 50px;
padding: 6px;
margin: 1px;
position: relative;
-webkit-box-sizing: border-box;
/* webkit */
-khtml-box-sizing: border-box;
/* konqueror */
-moz-box-sizing: border-box;
/* firefox */
-ms-box-sizing: border-box;
/* ie */
box-sizing: border-box;
/* css3 */ }
[page-name="conference_p_list"] .file_view .file:hover {
background-color: #f7f7f7; }
[page-name="conference_p_list"] .file_view .file img {
width: 38px;
height: 38px;
position: absolute;
left: 6px;
top: 6px; }
[page-name="conference_p_list"] .file_view .file .filetitle {
display: block;
width: 100%;
height: 38px;
padding-left: 40px;
overflow: hidden;
-webkit-box-sizing: border-box;
/* webkit */
-khtml-box-sizing: border-box;
/* konqueror */
-moz-box-sizing: border-box;
/* firefox */
-ms-box-sizing: border-box;
/* ie */
box-sizing: border-box;
/* css3 */ }
/* Conference Conference list */
[page-name="conference_p_conference"] .datalist_item .inner {
padding-left: 30px; }
[page-name="conference_p_conference"] .list_item_action {
font-size: 12px;
float: left;
margin-left: -30px; }
[page-name="conference_p_conference"] .list_item_action i {
color: #999;
font-size: 20px;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px; }
[page-name="conference_p_conference"] .list_t_desc {
font-family: Arial, sans-serif;
font-size: 12px;
color: #999; }
/* Conference Co-Author */
[page-name="conference_p_coauthor"] .list_t_item {
height: 110px; }
[page-name="conference_p_coauthor"] .info {
font-family: Arial, sans-serif; }
[page-name="conference_p_coauthor"] .info li {
margin-bottom: 8px;
color: #999; }
[page-name="conference_p_coauthor"] .info .name {
font-size: 18px;
line-height: 24px;
color: #333; }
/* Conference Co-Author Relationship*/
[page-name="conference_p_coauthor_relation"] .edit_co_author_relation {
/*margin-left: -10px;*/ }
[page-name="conference_p_coauthor_relation"] .form_space {
margin-bottom: 10px;
font-size: 18px;
font-family: Arial, sans-serif; }

View File

@ -0,0 +1,124 @@
@import "desktop-helper";
/* Conference Papers */
[page-name="conference_p_list"] {
.list_t_item .inner { padding-left: 30px; }
.list_item_action {
font-size: 12px;
float: left;
margin-left: -30px;
a {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px;
font-size: 20px;
}
.icon-star-empty, .icon-check-empty {
color: $gray;
@include transition-type(color,0.3);
&:hover {
color: darken($gray, 20%);
}
}
.icon-star { color: #faa732; }
.icon-check { color: #333; }
}
.file_view {
.list_t_des {
overflow: hidden;
}
.file {
float: left;
width: 120px;
height: 50px;
padding: 6px;
margin: 1px;
position: relative;
@include box-sizing;
&:hover {
background-color: lighten($gray, 10%);
}
img {
width: 38px;
height: 38px;
position: absolute;
left: 6px;
top: 6px;
}
.filetitle {
display: block;
width: 100%;
height: 38px;
padding-left: 40px;
overflow: hidden;
@include box-sizing;
}
}
}
}
/* Conference Conference list */
[page-name="conference_p_conference"] {
.datalist_item .inner {
padding-left: 30px;
}
.list_item_action {
font-size: 12px;
float: left;
margin-left: -30px;
}
.list_item_action i {
color: #999;
font-size: 20px;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px;
}
.list_t_desc {
font-family: Arial, sans-serif;
font-size: 12px;
color: #999;
}
}
/* Conference Co-Author */
[page-name="conference_p_coauthor"] {
.list_t_item {
height: 110px;
}
.list_item_function {}
.list_item_function a {}
.info {
font-family: Arial, sans-serif;
}
.info li {
margin-bottom: 8px;
color: #999;
}
.info .name {
font-size: 18px;
line-height: 24px;
color: #333;
}
}
/* Conference Co-Author Relationship*/
[page-name="conference_p_coauthor_relation"]{
.edit_co_author_relation {
/*margin-left: -10px;*/
}
.form_space {
margin-bottom: 10px;
font-size: 18px;
font-family: Arial, sans-serif;
}
}

View File

@ -1,11 +1,19 @@
<%= f.text_field :relation %>
<ul class="s_form">
<li class="s_grid_row">
<% if @conference_co_author_relation.new_record? %>
<%= f.text_field :relation, class: "s_grid s_grid_6" %>
<% else %>
<%= f.text_field :relation, class: "s_grid s_grid_4" %>
<% end %>
<!--
<#%= f.fields_for :relation_translations do |f| %>
<#%= f.text_field locale,
value: (@conference_co_author_relation.relation_translations[locale] rescue nil) %>
<#% end %>
-->
<%= f.submit t("save"), class: "ini_input hp hh1 thmtxt thmc2", style: "margin-left: 10px;" %>
<%= f.submit t("save"), class: "s_grid s_grid_2 ini_input hp hh1 thmtxt thmc2" %>
<% if not @conference_co_author_relation.new_record? %>
<%= submit_tag t("cancel"), "ajax-remote" => "get", :herf => panel_personal_conference_desktop_conference_co_author_relations_path ,:type => "button", class: "bt-cancel-type ini_input hp hh1 thmtxt" %>
<%= submit_tag t("cancel"), "ajax-remote" => "get", :herf => panel_personal_conference_desktop_conference_co_author_relations_path ,:type => "button", class: "bt-cancel-type s_grid s_grid_2 ini_input hp hh1 thmtxt" %>
<% end %>
</li>
</ul>

View File

@ -1,4 +1,4 @@
<div class="overview" content-layout="datalist" per-column="4" base-width="300" pagination-var="page">
<div class="overview" page-name="conference_p_coauthor_relation" content-layout="datalist" per-column="4" base-width="300" pagination-var="page">
<ul>
<% @conference_co_author_relations.each_with_index do |conference_co_author_relation,i| %>
<li class="s_grid_row" item="true">

View File

@ -7,7 +7,7 @@
<!-- <div id="co_author" class="tinycanvas vp">
<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" content-layout="datalist" per-column="4" base-width="400" pagination-var="page">
<div class="overview" page-name="conference_p_coauthor" content-layout="datalist" per-column="4" base-width="400" pagination-var="page">
<% @conference_co_authors.each_with_index do |co_author,i| %>
<div class="g_col">
<ul>

View File

@ -3,7 +3,7 @@
<%= f.submit t("save"), name: "commit", value: "Save", class: "fn_btn ini_input hp hh1 thmc2 thmtxt" %>
<!-- class: bt-cancle can't be remove -->
<% if not @writing_conference.new_record? %>
<%= submit_tag t("cancel"), :type => "button", "callback-method"=>"cancelpaper", "ajax-remote" => "get", :href => panel_personal_conference_desktop_conference_pages_path, class: "ini_input hp hh1 thmadm thmtxt" %>
<%= submit_tag t("cancel"), :type => "button", "callback-method"=>"cancelpaper", "ajax-remote" => "get", :href => panel_personal_conference_desktop_conference_pages_path, class: "fn_btn ini_input hp hh1 thmadm thmtxt" %>
<% end %>
</div>
<div class="hh1 hp sdm">

View File

@ -16,7 +16,7 @@
<!-- <div id="conference_list" class="tinycanvas vp">
<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" content-layout="datalist" per-column="5" base-width="300" pagination-var="page">
<div class="overview" page-name="conference_p_conference" content-layout="datalist" per-column="5" base-width="300" pagination-var="page">
<% @conference_lists.each_with_index do |conference_list,i| %>
<ul>
<li class="list_t_item" item="true">

View File

@ -69,9 +69,9 @@
<div class="scrollbar sb_h vp"><div class="track"><div class="thumb thmc2"><div class="end"></div></div></div></div>
<div class="viewport"> -->
<% if @view_by.eql?"abstract" %>
<div class="overview" content-layout="datalist" per-column="1" base-width="300" pagination-var="page">
<div class="overview" page-name="conference_p_list" content-layout="datalist" per-column="1" base-width="300" pagination-var="page">
<% else %>
<div class="overview" content-layout="datalist" per-column="5" base-width="300" pagination-var="page">
<div class="overview" page-name="conference_p_list" content-layout="datalist" per-column="5" base-width="300" pagination-var="page">
<% end %>
<% @writing_conferences.each do |w| %>
<%= publication_record w, @view_by%>

View File

@ -1,4 +1,5 @@
<%= javascript_include_tag "personal_conference" %>
<%= stylesheet_link_tag "/assets/personal_conference/desktop/personal_conference" %>
<div id="conference_p">
<div id="content">
<div id="header" class="hh2">

View File

@ -1,3 +1,109 @@
/* css test*/
/* Journal Papers */
[page-name="journal_p_list"] .list_t_item .inner {
padding-left: 30px; }
[page-name="journal_p_list"] .list_item_action {
font-size: 12px;
float: left;
margin-left: -30px; }
[page-name="journal_p_list"] .list_item_action a {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px;
font-size: 20px; }
[page-name="journal_p_list"] .list_item_action .icon-star-empty, [page-name="journal_p_list"] .list_item_action .icon-check-empty {
color: #dddddd;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
transition: color 0.3s ease; }
[page-name="journal_p_list"] .list_item_action .icon-star-empty:hover, [page-name="journal_p_list"] .list_item_action .icon-check-empty:hover {
color: #aaaaaa; }
[page-name="journal_p_list"] .list_item_action .icon-star {
color: #faa732; }
[page-name="journal_p_list"] .list_item_action .icon-check {
color: #333; }
[page-name="journal_p_list"] .file_view .list_t_des {
overflow: hidden; }
[page-name="journal_p_list"] .file_view .file {
float: left;
width: 120px;
height: 50px;
padding: 6px;
margin: 1px;
position: relative;
-webkit-box-sizing: border-box;
/* webkit */
-khtml-box-sizing: border-box;
/* konqueror */
-moz-box-sizing: border-box;
/* firefox */
-ms-box-sizing: border-box;
/* ie */
box-sizing: border-box;
/* css3 */ }
[page-name="journal_p_list"] .file_view .file:hover {
background-color: #c4c4c4; }
[page-name="journal_p_list"] .file_view .file img {
width: 38px;
height: 38px;
position: absolute;
left: 6px;
top: 6px; }
[page-name="journal_p_list"] .file_view .file .filetitle {
display: block;
width: 100%;
height: 38px;
padding-left: 40px;
overflow: hidden;
-webkit-box-sizing: border-box;
/* webkit */
-khtml-box-sizing: border-box;
/* konqueror */
-moz-box-sizing: border-box;
/* firefox */
-ms-box-sizing: border-box;
/* ie */
box-sizing: border-box;
/* css3 */ }
#harry { font-size: 10px; }
/* Journal Journal list */
[page-name="journal_p_journal"] .datalist_item .inner {
padding-left: 30px; }
[page-name="journal_p_journal"] .list_item_action {
font-size: 12px;
float: left;
margin-left: -30px; }
[page-name="journal_p_journal"] .list_item_action i {
color: #999;
font-size: 20px;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px; }
[page-name="journal_p_journal"] .list_t_desc {
font-family: Arial, sans-serif;
font-size: 12px;
color: #999; }
/* Journal Co-Author */
[page-name="journal_p_coauthor"] .list_t_item {
height: 110px; }
[page-name="journal_p_coauthor"] .info {
font-family: Arial, sans-serif; }
[page-name="journal_p_coauthor"] .info li {
margin-bottom: 8px;
color: #999; }
[page-name="journal_p_coauthor"] .info .name {
font-size: 18px;
line-height: 24px;
color: #333; }
/* Journal Co-Author Relationship*/
[page-name="journal_p_coauthor_relation"] .edit_co_author_relation {
/*margin-left: -10px;*/ }
[page-name="journal_p_coauthor_relation"] .form_space {
margin-bottom: 10px;
font-size: 18px;
font-family: Arial, sans-serif; }

View File

@ -0,0 +1,124 @@
@import "desktop-helper";
/* Journal Papers */
[page-name="journal_p_list"] {
.list_t_item .inner { padding-left: 30px; }
.list_item_action {
font-size: 12px;
float: left;
margin-left: -30px;
a {
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px;
font-size: 20px;
}
.icon-star-empty, .icon-check-empty {
color: $gray;
@include transition-type(color,0.3);
&:hover {
color: darken($gray, 20%);
}
}
.icon-star { color: #faa732; }
.icon-check { color: #333; }
}
.file_view {
.list_t_des {
overflow: hidden;
}
.file {
float: left;
width: 120px;
height: 50px;
padding: 6px;
margin: 1px;
position: relative;
@include box-sizing;
&:hover {
background-color: darken($gray, 10%);
}
img {
width: 38px;
height: 38px;
position: absolute;
left: 6px;
top: 6px;
}
.filetitle {
display: block;
width: 100%;
height: 38px;
padding-left: 40px;
overflow: hidden;
@include box-sizing;
}
}
}
}
/* Journal Journal list */
[page-name="journal_p_journal"] {
.datalist_item .inner {
padding-left: 30px;
}
.list_item_action {
font-size: 12px;
float: left;
margin-left: -30px;
}
.list_item_action i {
color: #999;
font-size: 20px;
display: block;
width: 20px;
height: 20px;
line-height: 20px;
margin: 1px 1px 6px 1px;
}
.list_t_desc {
font-family: Arial, sans-serif;
font-size: 12px;
color: #999;
}
}
/* Journal Co-Author */
[page-name="journal_p_coauthor"] {
.list_t_item {
height: 110px;
}
.list_item_function {}
.list_item_function a {}
.info {
font-family: Arial, sans-serif;
}
.info li {
margin-bottom: 8px;
color: #999;
}
.info .name {
font-size: 18px;
line-height: 24px;
color: #333;
}
}
/* Journal Co-Author Relationship*/
[page-name="journal_p_coauthor_relation"]{
.edit_co_author_relation {
/*margin-left: -10px;*/
}
.form_space {
margin-bottom: 10px;
font-size: 18px;
font-family: Arial, sans-serif;
}
}

View File

@ -2,7 +2,7 @@ module Panel::PersonalJournal::Desktop::JournalPagesHelper
def publication_record publication, view
content_tag :li,
"item" => "true",
:class => "list_t_item #{view}_view" do
:class => "list_t_item #{view.blank? ? '' : "#{view}_view" }" do
marker + \
content(publication, view) + \
edit_or_delete(publication)

View File

@ -1,11 +1,19 @@
<%= f.text_field :relation %>
<ul class="s_form">
<li class="s_grid_row">
<% if @journal_co_author_relation.new_record? %>
<%= f.text_field :relation, class: "s_grid s_grid_6" %>
<% else %>
<%= f.text_field :relation, class: "s_grid s_grid_4" %>
<% end %>
<!--
<#%= f.fields_for :journal_co_author_relation_translations do |f| %>
<#%= f.text_field locale,
value: (@journal_co_author_relation.co_author_relation_translations[locale] rescue nil) %>
<#% end %>
-->
<%= f.submit t("save"), class: "ini_input hp hh1 thmtxt thmc2", style: "margin-left: 10px;" %>
<%= f.submit t("save"), class: "s_grid s_grid_2 ini_input hp hh1 thmtxt thmc2" %>
<% if not @journal_co_author_relation.new_record? %>
<%= submit_tag t("cancel"), :type => "button", class: "bt-cancel-type ini_input hp hh1 thmtxt" %>
<%= submit_tag t("cancel"), :type => "button", class: "bt-cancel-type s_grid s_grid_2 ini_input hp hh1 thmtxt" %>
<% end %>
</li>
</ul>

View File

@ -1,5 +1,5 @@
<%= javascript_include_tag "personal_journal" %>
<%= stylesheet_link_tag "/assets/personal_journal/desktop/journal_pages" %>
<%= javascript_include_tag "personal_journal" %>
<div id="journal_p">
<div id="content">
<div id="header" class="hh2">