publication's view update
This commit is contained in:
		
							parent
							
								
									ae8033ea1b
								
							
						
					
					
						commit
						a458a50e97
					
				|  | @ -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,24 +138,19 @@ | |||
| .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; } | ||||
|   .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; } | ||||
|   .st_c:first-child { | ||||
|     display: block; } | ||||
| 
 | ||||
| /* simple form */ | ||||
| .s_form { | ||||
|  | @ -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; | ||||
|  |  | |||
|  | @ -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,26 +106,28 @@ | |||
| .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 { | ||||
| 	display: block; | ||||
| 
 | ||||
| 	&:first-child { | ||||
| 		display: block; | ||||
| 	} | ||||
| } | ||||
| 
 | ||||
| /* simple 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; | ||||
|  |  | |||
|  | @ -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 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; } | ||||
| [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 { | ||||
|   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; | ||||
|     vertical-align: top; | ||||
|     margin-left: 4px; | ||||
|     padding: 0 6px; | ||||
|     font-size: 11px; | ||||
|     -webkit-text-size-adjust: none; } | ||||
|     .list_item_function a :first-child { | ||||
|       margin-left: 0; } | ||||
|   .datalist_item:hover .list_item_function { | ||||
|     bottom: 0; } | ||||
| 
 | ||||
| /* App */ | ||||
| .app_frame { | ||||
|  |  | |||
|  | @ -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; | ||||
| } | ||||
| .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); | ||||
| 
 | ||||
| /* 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; | ||||
| 		} | ||||
| 		.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 { | ||||
| 	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;*/ | ||||
| 		:first-child { | ||||
| 			margin-left: 0; | ||||
| 		} | ||||
| 	} | ||||
| 	.form_space { | ||||
| 		margin-bottom: 10px; | ||||
| 		font-size: 18px; | ||||
| 		font-family: Arial, sans-serif; | ||||
| 	.datalist_item:hover & { | ||||
| 		bottom: 0; | ||||
| 	} | ||||
| } | ||||
| /* Journal New Co-Author */ | ||||
| #new_co_author label { | ||||
| 	margin-right: 0; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| /* App */ | ||||
| .app_frame { | ||||
|  |  | |||
|  | @ -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; }*/ | ||||
| 
 | ||||
| } | ||||
							
								
								
									
										115
									
								
								vendor/built_in_modules/personal_book/app/assets/stylesheets/personal_book/desktop/personal_book.css
								
								
								
									vendored
								
								
									Normal file
								
							
							
						
						
									
										115
									
								
								vendor/built_in_modules/personal_book/app/assets/stylesheets/personal_book/desktop/personal_book.css
								
								
								
									vendored
								
								
									Normal 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; } | ||||
|  | @ -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; | ||||
| 	} | ||||
| } | ||||
|  | @ -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(){ | ||||
|  |  | |||
|  | @ -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; } | ||||
|  | @ -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; | ||||
| 	} | ||||
| } | ||||
|  | @ -1,11 +1,19 @@ | |||
| <%= f.text_field :relation %> | ||||
| <!-- | ||||
| <#%= 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;" %> | ||||
| <% 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" %> | ||||
| <% end %> | ||||
| <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: "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 s_grid s_grid_2 ini_input hp hh1 thmtxt" %> | ||||
| 		<% end %> | ||||
| 	</li> | ||||
| </ul> | ||||
|  | @ -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"> | ||||
|  |  | |||
|  | @ -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> | ||||
|  |  | |||
|  | @ -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"> | ||||
|  |  | |||
|  | @ -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"> | ||||
|  |  | |||
|  | @ -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%> | ||||
|  |  | |||
|  | @ -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"> | ||||
|  |  | |||
|  | @ -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; } | ||||
|  |  | |||
|  | @ -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; | ||||
| 	} | ||||
| } | ||||
|  | @ -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) | ||||
|  |  | |||
|  | @ -1,11 +1,19 @@ | |||
| <%= f.text_field :relation %> | ||||
| <!-- | ||||
| <#%= 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;" %> | ||||
| <% if not @journal_co_author_relation.new_record? %> | ||||
|   <%= submit_tag t("cancel"), :type => "button", class: "bt-cancel-type ini_input hp hh1 thmtxt" %> | ||||
| <% end %> | ||||
| <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: "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 s_grid s_grid_2 ini_input hp hh1 thmtxt" %> | ||||
| 		<% end %> | ||||
| 	</li> | ||||
| </ul> | ||||
|  |  | |||
|  | @ -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"> | ||||
|  |  | |||
		Loading…
	
		Reference in New Issue