publication's view update

This commit is contained in:
devin chen authored and saurabhbhatia committed 2013-07-30 16:41:48 +08:00
1 parent ae8033ea1b
commit a458a50e97
22 files changed
+864 -375

No files matched your search

@@ -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; }*/
}