Updated with icons, latest js and css for desktop
This commit is contained in:
saurabhbhatia committed
1 parent
aeaec79a2c
commit
d9079d9d7c
14 files changed
+2961
-543
No files matched your search
@@ -72,6 +72,12 @@ a:focus {
|
||||
content: '';
|
||||
clear: both; }
|
||||
|
||||
.valign:before {
|
||||
content: '';
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
vertical-align: middle; }
|
||||
|
||||
.o-loading {
|
||||
font-size: 13px; }
|
||||
.fullsize .o-loading {
|
||||
@@ -80,14 +86,17 @@ a:focus {
|
||||
font-size: 20px; }
|
||||
|
||||
#thmbackground {
|
||||
min-height: 100%;
|
||||
min-width: 980px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: -1; }
|
||||
z-index: -1;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover; }
|
||||
|
||||
#bgover {
|
||||
position: fixed;
|
||||
@@ -121,13 +130,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;
|
||||
@@ -147,6 +157,15 @@ a:focus {
|
||||
.ini_input:focus {
|
||||
outline: none; }
|
||||
|
||||
.text_ofl {
|
||||
overflow: hidden; }
|
||||
.text_ofl span {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
-o-text-overflow: ellipsis; }
|
||||
|
||||
/* - Opacity */
|
||||
.op00 {
|
||||
opacity: 0; }
|
||||
@@ -238,7 +257,15 @@ a:focus {
|
||||
.element {
|
||||
margin: 0 12px 12px 0;
|
||||
float: left;
|
||||
position: relative; }
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 0.2s ease;
|
||||
-moz-transition: all 0.2s ease;
|
||||
transition: all 0.2s ease; }
|
||||
.element:active {
|
||||
-webkit-transform: scale(0.92);
|
||||
-moz-transform: scale(0.92);
|
||||
transform: scale(0.92); }
|
||||
|
||||
.group {
|
||||
float: left;
|
||||
@@ -246,12 +273,14 @@ a:focus {
|
||||
|
||||
/* desktop layout */
|
||||
#container {
|
||||
padding: 48px 0 0 156px; }
|
||||
padding: 48px 0 0 156px;
|
||||
min-width: 800px; }
|
||||
|
||||
#header {
|
||||
padding: 0 0 12px 0;
|
||||
min-width: 800px;
|
||||
height: 72px; }
|
||||
height: 72px;
|
||||
position: relative;
|
||||
z-index: 2; }
|
||||
|
||||
#side {
|
||||
width: 60px;
|
||||
@@ -260,12 +289,13 @@ a:focus {
|
||||
margin-right: 96px;
|
||||
top: 120px;
|
||||
left: 0;
|
||||
z-index: 11; }
|
||||
z-index: 13; }
|
||||
|
||||
#holder {
|
||||
height: 516px;
|
||||
width: auto;
|
||||
position: relative; }
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
|
||||
#rwidget {
|
||||
height: 516px; }
|
||||
@@ -338,37 +368,59 @@ a:focus {
|
||||
|
||||
/* panel */
|
||||
#panel_l {
|
||||
background-color: #f0f0f0;
|
||||
background-color: #f7f7f7;
|
||||
float: left; }
|
||||
|
||||
#panel_r {
|
||||
background-color: #fff;
|
||||
margin-left: 252px;
|
||||
position: relative; }
|
||||
position: relative;
|
||||
width: auto; }
|
||||
|
||||
/* Desktop Notification */
|
||||
#orbitnote {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
margin-left: -206px;
|
||||
margin-left: -200px;
|
||||
z-index: 99999;
|
||||
width: 400px;
|
||||
padding: 0 6px 6px 6px;
|
||||
background-color: #000;
|
||||
background-color: rgba(0, 0, 0, 0.6); }
|
||||
-webkit-transition: height 2s ease;
|
||||
-moz-transition: height 2s ease;
|
||||
transition: height 2s ease; }
|
||||
#orbitnote .note_holder {
|
||||
background-color: #f3f3f3;
|
||||
border: solid 1px white;
|
||||
border-top: none;
|
||||
overflow: hidden;
|
||||
padding: 24px 24px; }
|
||||
padding: 36px;
|
||||
border: solid 2px #dddddd;
|
||||
border-top: 0;
|
||||
display: none; }
|
||||
#orbitnote .note_holder .note_type {
|
||||
float: left; }
|
||||
#orbitnote .note_holder .note_type img {
|
||||
display: block; }
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
color: #fff; }
|
||||
#orbitnote .note_holder .note_type .sign {
|
||||
display: block;
|
||||
font-size: 40px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
padding: 10px;
|
||||
border-radius: 30px;
|
||||
text-align: center; }
|
||||
#orbitnote .note_holder .note_type .sign.icon-ok {
|
||||
background-color: #5BB75B; }
|
||||
#orbitnote .note_holder .note_type .sign.icon-exclamation-sign {
|
||||
background-color: #DA4F49; }
|
||||
#orbitnote .note_holder .note_type .sign.icon-warning-sign {
|
||||
background-color: #FAA732; }
|
||||
#orbitnote .note_holder .note_message {
|
||||
color: #333;
|
||||
margin: 10px 0 0 48px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
word-wrap: break-word;
|
||||
width: 240px;
|
||||
margin: 0 0 0 20px;
|
||||
font-size: 15px; }
|
||||
|
||||
/* Desktop Dialogue */
|
||||
@@ -378,7 +430,8 @@ a:focus {
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 12; }
|
||||
z-index: 12;
|
||||
display: none; }
|
||||
#orbitdiag .tile {
|
||||
background-color: #000; }
|
||||
#orbitdiag .diag_holder {
|
||||
@@ -435,7 +488,7 @@ a:focus {
|
||||
height: 60px;
|
||||
margin: 0 auto;
|
||||
position: relative; }
|
||||
[data-sizex="1"] .appicon {
|
||||
[data-sizex="1"] .appicon, .w1.h1 .appicon {
|
||||
margin-top: 24px; }
|
||||
#sections .appicon {
|
||||
width: 30px;
|
||||
@@ -480,6 +533,11 @@ a:focus {
|
||||
cursor: move;
|
||||
overflow: hidden; }
|
||||
|
||||
.gs_w.dragging {
|
||||
-webkit-transform: scale(0.92);
|
||||
-moz-transform: scale(0.92);
|
||||
transform: scale(0.92); }
|
||||
|
||||
/* header drop menu */
|
||||
.sdm_mdr .sdm_o {
|
||||
top: 36px; }
|
||||
@@ -548,8 +606,9 @@ a:focus {
|
||||
padding: 24px 0;
|
||||
margin-top: 12px;
|
||||
overflow: hidden;
|
||||
border-top: solid 1px #eeeeee;
|
||||
background-color: #fff; }
|
||||
border-top: solid 1px #eeeeee; }
|
||||
.s_action .setting_btn {
|
||||
margin-left: 12px; }
|
||||
|
||||
.setting_btn {
|
||||
display: block;
|
||||
@@ -559,28 +618,76 @@ a:focus {
|
||||
text-align: center;
|
||||
border: 0; }
|
||||
|
||||
.group_search {
|
||||
/* Apps Manager */
|
||||
#app_info {
|
||||
float: left;
|
||||
margin-right: 36px; }
|
||||
width: 420px;
|
||||
height: 516px;
|
||||
margin-right: 36px;
|
||||
display: none; }
|
||||
#app_info .app_info_header {
|
||||
height: 120px;
|
||||
margin: -12px -12px 12px -12px;
|
||||
position: relative;
|
||||
background-color: #f7f7f7;
|
||||
-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 */ }
|
||||
#app_info .app_info_header > * {
|
||||
height: 100%; }
|
||||
#app_info .app_info_header .app_info_icon {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
margin-top: 30px;
|
||||
-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 */ }
|
||||
#app_info .app_info_header .app_info_name {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
font-size: 2em;
|
||||
width: 300px;
|
||||
word-wrap: break-word; }
|
||||
#app_info .app_info_header .panel_close {
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
top: 12px;
|
||||
font-size: 20px; }
|
||||
#app_info .app_info_list {
|
||||
line-height: 1.5em;
|
||||
overflow: hidden; }
|
||||
#app_info .app_info_list label {
|
||||
color: #aaaaaa; }
|
||||
|
||||
#app_list {
|
||||
float: left; }
|
||||
#app_list .element > * {
|
||||
cursor: pointer; }
|
||||
|
||||
.search_result {
|
||||
float: left;
|
||||
margin-right: 24px;
|
||||
max-width: 340px; }
|
||||
|
||||
.g_sep {
|
||||
width: 12px;
|
||||
border-left: solid 1px white;
|
||||
-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 */ }
|
||||
overflow: hidden; }
|
||||
.search_result .message {
|
||||
font-size: 15px;
|
||||
word-wrap: break-word; }
|
||||
.search_result .message b {
|
||||
font-size: 20px;
|
||||
display: block;
|
||||
margin-top: 12px; }
|
||||
|
||||
.grp {
|
||||
height: 528px;
|
||||
@@ -608,9 +715,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;
|
||||
@@ -618,147 +726,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 {
|
||||
@@ -775,12 +764,20 @@ a:focus {
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
width: 100%; }
|
||||
.app_frame #header .icon-remove {
|
||||
display: block;
|
||||
float: right;
|
||||
line-height: 60px;
|
||||
font-size: 20px;
|
||||
cursor: pointer; }
|
||||
.app_frame .app_frame_header {
|
||||
height: 72px; }
|
||||
.app_frame .app_frame_header .icon-remove {
|
||||
display: block;
|
||||
float: right;
|
||||
line-height: 60px;
|
||||
font-size: 20px;
|
||||
cursor: pointer; }
|
||||
.app_frame .app_frame_header .icon-minus {
|
||||
display: block;
|
||||
float: right;
|
||||
line-height: 60px;
|
||||
font-size: 20px;
|
||||
cursor: pointer; }
|
||||
|
||||
/*Tooltip popup */
|
||||
.desktop_toolpopup {
|
||||
|
||||
Reference in new issue
Block a user