init repo
This commit is contained in:
nikolay ivanov
50
OfficeWeb/apps/common/main/resources/css/about.css
Normal file
50
OfficeWeb/apps/common/main/resources/css/about.css
Normal file
@@ -0,0 +1,50 @@
|
||||
.common-about-body {
|
||||
padding: 30px 100px;
|
||||
background: #ffffff;
|
||||
border-color: #ffffff;
|
||||
}
|
||||
|
||||
.asc-about-office {
|
||||
background-image: url("../img/about/TLOffice.png");
|
||||
background-image: -webkit-image-set(url("../img/about/TLOffice.png") 1x, url("../img/about/TLOffice@2x.png") 2x);
|
||||
width: 420px;
|
||||
height: 70px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.common-about-body .about-separator-cell {
|
||||
width: 50%
|
||||
}
|
||||
|
||||
.common-about-body .asc-about-header {
|
||||
margin: 0 30px;
|
||||
font: 13px Tahoma;
|
||||
letter-spacing: 1px;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.common-about-body .asc-about-version {
|
||||
font: 15px Tahoma;
|
||||
color: #b6b6b6;
|
||||
}
|
||||
|
||||
.common-about-body .asc-about-companyname {
|
||||
font: bold 15px Tahoma;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.common-about-body .asc-about-desc,
|
||||
.common-about-body .asc-about-desc-name,
|
||||
.common-about-body .asc-about-lic {
|
||||
font: 12px Tahoma;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.common-about-body .asc-about-desc-name {
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.common-about-body .asc-about-lic {
|
||||
font-weight: bold;
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
981
OfficeWeb/apps/common/main/resources/css/asc.css
Normal file
981
OfficeWeb/apps/common/main/resources/css/asc.css
Normal file
@@ -0,0 +1,981 @@
|
||||
.x-btn-default-small-icon button,
|
||||
.x-btn-default-small-icon
|
||||
.x-btn-inner,
|
||||
.x-btn-default-small-noicon button,
|
||||
.x-btn-default-small-noicon .x-btn-inner{
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.x-ie .x-btn button{
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
|
||||
/*Window*/
|
||||
.x-body{
|
||||
-moz-user-select: -moz-none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.x-window-body{
|
||||
-moz-user-select: -moz-none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.x-mask{
|
||||
background-color: transparent;
|
||||
opacity: 0.2;
|
||||
|
||||
}
|
||||
|
||||
.x-window-default{
|
||||
background-color: #f4f4f4;
|
||||
border-radius: 5px;
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
padding: 0px;
|
||||
box-shadow: none;
|
||||
}
|
||||
.x-window-body-default {
|
||||
background: none repeat scroll 0 0 #f4f4f4;
|
||||
border-width: 0;
|
||||
color: black;
|
||||
box-shadow: none;
|
||||
}
|
||||
.x-window-body-default-closable{
|
||||
background: none;
|
||||
|
||||
}
|
||||
.x-window-header-default-top{
|
||||
|
||||
background: #ededed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #ededed 0%, #dddddd 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #ededed 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #ededed 0%,#dddddd 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #ededed 0%,#dddddd 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #ededed 0%,#dddddd 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
|
||||
|
||||
|
||||
border-radius: 5px 5px 0 0;
|
||||
border-style: solid;
|
||||
border-width: 0px;
|
||||
padding: 4px;
|
||||
height:34px;
|
||||
box-shadow: none;
|
||||
}
|
||||
.x-window-header-text{
|
||||
color:#898989;
|
||||
text-align:center;
|
||||
font-size: 12px;
|
||||
font-weight:bold;
|
||||
padding-top: 5px;
|
||||
text-shadow: 1px 1px #f8f8f8;
|
||||
vertical-align:bottom;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.x-window-header-text-container{
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.x-message-box .x-window-body {
|
||||
background-color: #f4f4f4;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.x-message-box .x-toolbar-footer {
|
||||
|
||||
margin-bottom: 10px;
|
||||
|
||||
}
|
||||
|
||||
.x-message-box .ext-mb-error{
|
||||
background-image: url("../img/controls/icon-error.png");
|
||||
background-image: -webkit-image-set(url("../img/controls/icon-error.png") 1x, url("../img/controls/icon-error@2x.png") 2x);
|
||||
height: 37px !important;
|
||||
}
|
||||
|
||||
.x-message-box .ext-mb-warning{
|
||||
background-image: url("../img/controls/icon-warning.png");
|
||||
background-image: -webkit-image-set(url("../img/controls/icon-warning.png") 1x, url("../img/controls/icon-warning@2x.png") 2x);
|
||||
height: 37px !important;
|
||||
}
|
||||
|
||||
.x-message-box .ext-mb-info{
|
||||
background-image: url("../img/controls/icon-info.png");
|
||||
background-image: -webkit-image-set(url("../img/controls/icon-info.png") 1x, url("../img/controls/icon-info@2x.png") 2x);
|
||||
height: 37px !important;
|
||||
}
|
||||
|
||||
.x-docked-bottom{
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.image-advanced-container.x-item-disabled .x-mask{
|
||||
opacity: 0;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
|
||||
}
|
||||
|
||||
.x-tool img.x-tool-close{
|
||||
background-image: url("../img/controls/but-close.png");
|
||||
background-image: -webkit-image-set(url("../img/controls/but-close.png") 1x, url("../img/controls/but-close@2x.png") 2x);
|
||||
background-repeat:no-repeat;
|
||||
margin-top:2px;
|
||||
width: 20px;
|
||||
height: 16px;
|
||||
}
|
||||
.x-tool-over .x-tool-close{
|
||||
background-position: 0 -16px;
|
||||
}
|
||||
.x-tool-disabled .x-tool-close{
|
||||
background-position: 0 -32px;
|
||||
}
|
||||
.x-tool-disabled .x-mask{
|
||||
opacity: 0;
|
||||
}
|
||||
/*window end*/
|
||||
|
||||
/*Toolbar start*/
|
||||
|
||||
.x-toolbar{
|
||||
border: 1px solid;
|
||||
font-size: 11px;
|
||||
padding: 2px 0 2px 2px;
|
||||
}
|
||||
|
||||
.x-toolbar-default {
|
||||
background: #ededed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #ededed 0%, #cbcbcb 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#cbcbcb)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #ededed 0%,#cbcbcb 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #ededed 0%,#cbcbcb 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #ededed 0%,#cbcbcb 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #ededed 0%,#cbcbcb 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cbcbcb',GradientType=0 ); /* IE6-9 */
|
||||
|
||||
border:0;
|
||||
border-top: 1px solid #ffffff;
|
||||
border-bottom: 1px solid #929292;
|
||||
}
|
||||
|
||||
.x-nlg .x-toolbar-default{
|
||||
background-image: none !important; /* IE */
|
||||
background: -ms-linear-gradient(top, #ededed 0%,#cbcbcb 100%) !important; /* IE10+ */
|
||||
background: -o-linear-gradient(top, #ededed 0%,#cbcbcb 100%) !important; /* Opera 11.10+ */
|
||||
}
|
||||
|
||||
.x-toolbar .x-toolbar-separator-horizontal {
|
||||
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.1);
|
||||
border-right: 1px solid rgba(255, 255, 255, 0.5);
|
||||
height: 22px;
|
||||
margin: 0 3px 0 2px;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.x-toolbar-spacer div{
|
||||
background-color:#d3d3d3;
|
||||
border-bottom: 1px solid #ffffff !important;
|
||||
height: 2px !important;
|
||||
|
||||
}
|
||||
|
||||
.x-btn-default-toolbar-small-icon button{
|
||||
width: 20px !important;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.x-btn-default-toolbar-small-icon .x-btn-icon{
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
margin:0;
|
||||
width: 20px !important;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.x-btn-default-toolbar-small-icon button, .x-btn-default-toolbar-small-icon .x-btn-inner, .x-btn-default-toolbar-small-noicon button, .x-btn-default-toolbar-small-noicon .x-btn-inner{
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.x-btn-default-toolbar-small{padding: 0;}
|
||||
|
||||
.x-btn-default-toolbar-small-over, .x-btn-default-toolbar-large-over{
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
|
||||
.x-btn-default-toolbar-small-focus, .x-btn-default-toolbar-large-focus,
|
||||
.toolbar-btn-placeholder .x-btn-default-small-focus, .toolbar-btn-large-placeholder .x-btn-default-large-focus {
|
||||
background: none !important;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.x-btn-default-toolbar-small-pressed, .x-btn-default-toolbar-large-pressed{
|
||||
|
||||
background-clip: border-box;
|
||||
background-attachment:fixed;
|
||||
background-origin: border-box !important;
|
||||
-moz-background-origin: border !important;
|
||||
background-attachment: inherit;
|
||||
|
||||
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2)!important;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.asc-filemenu-btn.x-btn-default-toolbar-small-pressed:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 6px;
|
||||
border-color: transparent #fff transparent transparent;
|
||||
border-style: dashed solid dashed dashed;
|
||||
border-width: 7px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
.x-btn-default-toolbar-small-over, .x-btn-default-toolbar-large-over{
|
||||
background: none;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.x-btn-default-toolbar-small-pressed span {
|
||||
color:#FFFFFF !important;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.x-btn-default-toolbar-small-menu-active, .x-btn-default-toolbar-large-menu-active {
|
||||
background-clip: border-box;
|
||||
background-attachment:fixed;
|
||||
background-origin: border-box !important;
|
||||
-moz-background-origin: border !important;
|
||||
background-attachment: inherit;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2)!important;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.x-btn-default-toolbar-small-menu-active span{
|
||||
color:#FFFFFF !important;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.x-toolbar .x-btn-split-right{
|
||||
background-image: url("../img/controls/s-arrow-noline.gif");
|
||||
background-image: -webkit-image-set(url("../img/controls/s-arrow-noline.gif") 1x, url("../img/controls/s-arrow-noline@2x.gif") 2x);
|
||||
}
|
||||
|
||||
|
||||
|
||||
.x-btn-disabled .x-btn-split-right,
|
||||
.x-btn-disabled.x-btn-split-right {
|
||||
background-image:url("../img/controls/s-arrow-noline-disable.png");
|
||||
background-image: -webkit-image-set(url("../img/controls/s-arrow-noline-disable.png") 1x, url("../img/controls/s-arrow-noline-disable@2x.png") 2x);
|
||||
|
||||
padding-right: 12px !important;
|
||||
}
|
||||
|
||||
.x-btn-disabled .x-btn-arrow-right{
|
||||
background-image:url("../img/controls/s-arrow-noline-disable.png");
|
||||
background-image: -webkit-image-set(url("../img/controls/s-arrow-noline-disable.png") 1x, url("../img/controls/s-arrow-noline-disable@2x.png") 2x);
|
||||
}
|
||||
|
||||
|
||||
.x-btn-arrow {
|
||||
background-image: url("../img/controls/s-arrow-noline.gif");
|
||||
background-image: -webkit-image-set(url("../img/controls/s-arrow-noline.gif") 1x, url("../img/controls/s-arrow-noline@2x.gif") 2x);
|
||||
}
|
||||
|
||||
|
||||
/*Toolbar end*/
|
||||
/*Left toolbar*/
|
||||
.asc-filemenu-btn.x-btn-default-toolbar-small {
|
||||
border-left: 0!important;
|
||||
border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
}
|
||||
|
||||
.asc-filemenu-btn.x-btn-default-toolbar-small span {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.asc-main-menu-buttons .x-btn-icon{
|
||||
|
||||
}
|
||||
|
||||
.asc-main-menu-buttons {
|
||||
width: 40px;
|
||||
padding-top:3px;
|
||||
padding-left:7px;
|
||||
height: 31px;
|
||||
line-height: 5px;
|
||||
}
|
||||
|
||||
.asc-main-menu-buttons button{
|
||||
width: 24px !important;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.asc-main-menu-buttons .x-btn-icon{
|
||||
height: 24px;
|
||||
width: 24px !important;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.asc-main-menu-buttons button, .asc-main-menu-buttons .x-btn-inner {
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.asc-main-menu-buttons.x-item-disabled button span {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lm-style .asc-main-menu-buttons.x-btn-default-toolbar-small-pressed.asc-main-menu-btn-selected:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 7px;
|
||||
border-color: transparent #f4f4f4 transparent transparent;
|
||||
border-style: dashed solid dashed dashed;
|
||||
border-width: 7px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
.lm-style .lm-default-toolbar.x-toolbar-default,
|
||||
.rm-style .rm-default-toolbar.x-toolbar-default {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.lm-default-toolbar{
|
||||
background-image:none;
|
||||
background-color:#e9e9e9;
|
||||
-moz-box-shadow: inset -1px 0 0 #c8c8c8;
|
||||
-webkit-box-shadow: inset -1px 0 0 #c8c8c8;
|
||||
box-shadow: inset -1px 0 0 #c8c8c8;
|
||||
}
|
||||
|
||||
.lm-default-toolbar button{
|
||||
}
|
||||
|
||||
.rm-style .asc-main-menu-buttons.x-btn-default-toolbar-small-pressed.asc-main-menu-btn-selected:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 7px;
|
||||
border-color: transparent transparent transparent #f4f4f4;
|
||||
border-style: dashed dashed dashed solid;
|
||||
border-width: 7px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.rm-default-toolbar{
|
||||
background-image:none;
|
||||
background-color:#e9e9e9;
|
||||
-moz-box-shadow: inset 1px 0 0 #c8c8c8;
|
||||
-webkit-box-shadow: inset 1px 0 0 #c8c8c8;
|
||||
box-shadow: inset 1px 0 0 #c8c8c8;
|
||||
}
|
||||
|
||||
/*Left toolbar end*/
|
||||
/*Combobox start*/
|
||||
|
||||
.x-form-text, textarea.x-form-field{
|
||||
/*background: url(../img/controls/text-bg.gif) repeat-x 0 0 white;*/
|
||||
|
||||
background: #FFFFFF; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #e2e2e2 0%, #e2e2e2 5%, #f1f1f1 6%, #ffffff 45%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(5%,#e2e2e2), color-stop(6%,#f1f1f1), color-stop(45%,#ffffff)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #e2e2e2 0%,#e2e2e2 5%,#f1f1f1 6%,#ffffff 45%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #e2e2e2 0%,#e2e2e2 5%,#f1f1f1 6%,#ffffff 45%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #e2e2e2 0%,#e2e2e2 5%,#f1f1f1 6%,#ffffff 45%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #e2e2e2 0%,#e2e2e2 5%,#f1f1f1 6%,#ffffff 45%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
|
||||
|
||||
background-size: auto 22px;
|
||||
background-color: #ffffff;
|
||||
background-repeat: repeat-x;
|
||||
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
|
||||
border: 1px solid #afafaf;
|
||||
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
|
||||
.x-form-field .x-form-text{
|
||||
border: 1px solid #afafaf;
|
||||
}
|
||||
|
||||
.x-form-trigger-wrap{
|
||||
border-radius:0 2px 2px 0;
|
||||
-moz-border-radius: 0 2px 2px 0;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
|
||||
}
|
||||
|
||||
.x-form-trigger-wrap:parent input{
|
||||
border-radius:5px;
|
||||
|
||||
}
|
||||
.x-form-trigger{
|
||||
border-bottom:1px solid #afafaf;
|
||||
background:url(../img/controls/trigger-square-wot.png) no-repeat scroll right top transparent;
|
||||
background-image: -webkit-image-set(url("../img/controls/trigger-square-wot.png") 1x, url("../img/controls/trigger-square-wot@2x.png") 2x);
|
||||
}
|
||||
|
||||
.x-form-trigger.x-form-arrow-trigger{
|
||||
border-radius:0 2px 2px 0;
|
||||
-moz-border-radius: 0 2px 2px 0;
|
||||
border-bottom:1px solid #afafaf;
|
||||
}
|
||||
|
||||
.x-pickerfield-open .x-form-field{
|
||||
border-radius: 2px 0 0 2px;
|
||||
-moz-border-radius: 2px 0 0 2px;
|
||||
}
|
||||
|
||||
|
||||
.x-form-trigger-wrap .x-form-spinner-up{
|
||||
background: url(../img/controls/spinner-wot.png) left top;
|
||||
background-image: -webkit-image-set(url("../img/controls/spinner-wot.png") 1x, url("../img/controls/spinner-wot@2x.png") 2x);
|
||||
}
|
||||
.x-form-trigger-wrap .x-form-spinner-up-over{background-position: -17px 0;}
|
||||
.x-form-trigger-wrap .x-form-spinner-up-click{background-position: -34px 0;}
|
||||
|
||||
.x-form-trigger-wrap .x-form-spinner-down{
|
||||
background: url(../img/controls/spinner-wot.png) left bottom;
|
||||
background-image: -webkit-image-set(url("../img/controls/spinner-wot.png") 1x, url("../img/controls/spinner-wot@2x.png") 2x);
|
||||
}
|
||||
.x-form-trigger-wrap .x-form-spinner-down-over{background-position: -17px bottom;}
|
||||
.x-form-trigger-wrap .x-form-spinner-down-click{background-position: -34px bottom;}
|
||||
/*Combobox end*/
|
||||
|
||||
/*popup start*/
|
||||
.x-boundlist{
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border:0;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
|
||||
/* box-shadow: 0 5px 5px rgba(0, 0, 0, 1);*/
|
||||
}
|
||||
.x-css-shadow{
|
||||
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5) !important;
|
||||
-moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.5);
|
||||
|
||||
}
|
||||
.x-boundlist-item{
|
||||
padding-left: 15px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.x-menu-body{
|
||||
background: none repeat scroll 0 0 #FFFFFF !important;
|
||||
|
||||
border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border:0;
|
||||
padding: 0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.x-menu-body .x-box-inner .x-menu-item:first-child{
|
||||
border-radius: 5px 5px 0 0;
|
||||
|
||||
}
|
||||
.x-menu-body .x-box-inner .x-menu-item:last-child{
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
.x-menu-body .x-box-inner .x-menu-item:only-child{
|
||||
border-radius: 5px 5px 5px 5px;
|
||||
}
|
||||
|
||||
.x-menu-item-active .x-menu-item-link span{
|
||||
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.x-box-scroller-bottom .x-menu-scroll-bottom {
|
||||
|
||||
background: url(../img/controls/scroller-arrow-bottom.png) no-repeat scroll center center transparent;
|
||||
background-image: -webkit-image-set(url("../img/controls/scroller-arrow-bottom.png") 1x, url("../img/controls/scroller-arrow-bottom@2x.png") 2x);
|
||||
height: 20px;
|
||||
}
|
||||
.x-box-scroller-top .x-menu-scroll-top {
|
||||
|
||||
background: url(../img/controls/scroller-arrow-top.png) no-repeat scroll center center transparent;
|
||||
background-image: -webkit-image-set(url("../img/controls/scroller-arrow-top.png") 1x, url("../img/controls/scroller-arrow-top@2x.png") 2x);
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.x-menu-item-arrow{
|
||||
background:url(../img/controls/parent-arrow.png) no-repeat scroll center center transparent;
|
||||
background-image: -webkit-image-set(url("../img/controls/parent-arrow.png") 1x, url("../img/controls/parent-arrow@2x.png") 2x);
|
||||
|
||||
}
|
||||
|
||||
.x-menu-item-checked .x-menu-item-icon{
|
||||
background-image: url(../img/controls/menu-check.png);
|
||||
background-image: -webkit-image-set(url("../img/controls/menu-check.png") 1x, url("../img/controls/menu-check@2x.png") 2x);
|
||||
}
|
||||
.x-menu-item-unchecked .x-menu-item-icon{
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.x-menu-item-checked .x-menu-group-icon{
|
||||
background-image: url(../img/controls/menu-check.png);
|
||||
background-image: -webkit-image-set(url("../img/controls/menu-check.png") 1x, url("../img/controls/menu-check@2x.png") 2x);
|
||||
|
||||
|
||||
}
|
||||
/*popup end*/
|
||||
|
||||
/*x-tip start*/
|
||||
.x-tip{
|
||||
background-color: #e9e9e9;
|
||||
border: 1px solid #999999;
|
||||
|
||||
}
|
||||
.x-tip-closable .x-tip-header .x-tip-header-body .x-box-inner{
|
||||
height: 22px !important;
|
||||
|
||||
}
|
||||
/*x-tip end*/
|
||||
|
||||
/*text field */
|
||||
|
||||
|
||||
|
||||
/*text field end*/
|
||||
|
||||
/*Checkbox start*/
|
||||
.x-form-checkbox{
|
||||
background:url(../img/controls/checkbox.png) no-repeat scroll 0 0 transparent;
|
||||
background-image: -webkit-image-set(url("../img/controls/checkbox.png") 1x, url("../img/controls/checkbox@2x.png") 2x);
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.x-form-cb-checked .x-form-cb-focus{background-position: 0 -16px;}
|
||||
.x-form-cb-checked .x-form-checkbox{background-position: 0 -16px;}
|
||||
.x-form-cb-focus {background-position: -16px 0 ;}
|
||||
.x-form-cb-label .x-form-cb-label-after{padding-top:2px;}
|
||||
.x-form-cb-indeterminate .x-form-checkbox{background-position: 0 -48px}
|
||||
|
||||
|
||||
.x-grid-row-checker{
|
||||
background:url(../img/controls/checkbox.png) no-repeat scroll 0 0 transparent;
|
||||
background-image: -webkit-image-set(url("../img/controls/checkbox.png") 1x, url("../img/controls/checkbox@2x.png") 2x);
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
|
||||
}
|
||||
|
||||
.x-grid-row-selected .x-grid-row-checker, .x-grid-row-checked .x-grid-row-checker{
|
||||
|
||||
background:url(../img/controls/checkbox.png) no-repeat scroll 0 0 transparent;
|
||||
background-image: -webkit-image-set(url("../img/controls/checkbox.png") 1x, url("../img/controls/checkbox@2x.png") 2x);
|
||||
background-position: 0 -16px;
|
||||
}
|
||||
/*Checkbox end*/
|
||||
|
||||
/*Radiobox start*/
|
||||
.x-form-radio{
|
||||
background:url(../img/controls/radio.png) no-repeat scroll 0 0 transparent;
|
||||
background-image: -webkit-image-set(url("../img/controls/radio.png") 1x, url("../img/controls/radio@2x.png") 2x);
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.x-form-cb-checked .x-form-radio{background-position: 0 -16px;}
|
||||
/*Radiobox end*/
|
||||
|
||||
/*Panel start*/
|
||||
.x-panel-body-default{
|
||||
background-color:#f4f4f4;
|
||||
border-width: 0;
|
||||
|
||||
}
|
||||
|
||||
.asc-right-panel-undocked .asc-right-panel .x-panel-body-default{
|
||||
border: 1px solid #dbdbdb;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.asc-right-panel .x-panel-body-default{
|
||||
background-color:#f4f4f4;
|
||||
}
|
||||
|
||||
.x-panel-header-default, .x-nlg .x-panel-header-default{
|
||||
background: #ededed; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #ededed 0%, #dddddd 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #ededed 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #ededed 0%,#dddddd 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #ededed 0%,#dddddd 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #ededed 0%,#dddddd 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
|
||||
border:1px solid #d1d1d1;
|
||||
border-top: 1px solid #fbfbfb;
|
||||
}
|
||||
|
||||
.x-panel-header-default-top {
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
.x-panel-header-text-container{
|
||||
text-align:center;
|
||||
|
||||
|
||||
}
|
||||
.x-panel-collapsed .x-window-header-default, .x-panel-collapsed .x-panel-header-default{
|
||||
border:1px solid #d1d1d1;
|
||||
border-top: 1px solid #fbfbfb;
|
||||
}
|
||||
|
||||
.x-panel-header-text-default{
|
||||
|
||||
color:#898989;
|
||||
text-shadow: 1px 1px #efefef;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.x-tool img{
|
||||
background-image:url(../img/controls/tool-sprites.png);
|
||||
background-image: -webkit-image-set(url("../img/controls/tool-sprites.png") 1x, url("../img/controls/tool-sprites@2x.png") 2x);
|
||||
|
||||
}
|
||||
/*Panel end*/
|
||||
/*coloor picker*/
|
||||
.x-color-picker{
|
||||
margin: 5px;
|
||||
}
|
||||
/*color picker end*/
|
||||
|
||||
|
||||
|
||||
/*normal button*/
|
||||
.x-btn-default-small, .x-nlg .x-btn-default-small{
|
||||
border: 1px solid #aaaaaa;
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
|
||||
background: #f8f8f8; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%); /* W3C */
|
||||
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); IE6-9 */
|
||||
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
|
||||
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
|
||||
|
||||
}
|
||||
.x-btn-default-small-pressed{
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
background-clip: border-box;
|
||||
background-attachment:fixed;
|
||||
background-origin: border-box !important;
|
||||
-moz-background-origin: border !important;
|
||||
background-attachment: inherit;
|
||||
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
|
||||
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
|
||||
|
||||
}
|
||||
|
||||
.x-nlg .x-btn-default-small-pressed{
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.x-btn-default-small-pressed span{
|
||||
|
||||
color:#FFFFFF !important;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.asc-acor-btn-left.x-btn-default-small, .asc-acor-btn-left.x-btn-default-small-pressed{
|
||||
border-radius: 2px 0 0 2px;
|
||||
}
|
||||
|
||||
.asc-acor-btn-right.x-btn-default-small, .asc-acor-btn-right.x-btn-default-small-pressed{
|
||||
border-radius: 0 2px 2px 0;
|
||||
border-left: 0;
|
||||
|
||||
}
|
||||
|
||||
.asc-dialogmenu-btn.x-btn-default-small{
|
||||
border: 1px solid transparent;
|
||||
background: none;
|
||||
|
||||
box-shadow: none;
|
||||
|
||||
border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.asc-dialogmenu-btn.x-btn-default-small-pressed{
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
|
||||
}
|
||||
|
||||
.asc-dialogmenu-btn .x-btn-inner{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*normal button end*/
|
||||
/*blue and gray button*/
|
||||
.asc-darkgray-button.x-btn-default-small, .asc-blue-button.x-btn-default-small{
|
||||
|
||||
border: 1px solid rgba(0, 0, 0, 0.05);
|
||||
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
background-clip: border-box;
|
||||
background-attachment:fixed;
|
||||
background-origin: border-box !important;
|
||||
-moz-background-origin: border !important;
|
||||
background-attachment: inherit;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
|
||||
.asc-blue-button.x-btn-default-small span{
|
||||
color:#FFFFFF !important;
|
||||
font-weight:bold;
|
||||
text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.asc-darkgray-button.x-btn-default-small{
|
||||
|
||||
border-top: 1px solid #dddddd;
|
||||
background:url(../img/controls/button/normal-darkgray-button-bg.gif) repeat-x top !important;
|
||||
background-origin: border-box !important;
|
||||
-moz-background-origin: border !important;
|
||||
|
||||
border-bottom: 1px solid #b8b8b8;
|
||||
|
||||
}
|
||||
.asc-darkgray-button.x-btn-default-small span{
|
||||
color:#666666 !important;
|
||||
font-weight:bold;
|
||||
text-shadow: 0 1px 0px rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.asc-darkgray-button.x-btn-default-small-over, .asc-blue-button.x-btn-default-small-over{
|
||||
|
||||
background-origin: border-box !important;
|
||||
-moz-background-origin: border !important;
|
||||
background-position: 0 -150px;
|
||||
}
|
||||
|
||||
.asc-darkgray-button.x-btn-default-small-over{
|
||||
border-bottom: 1px solid #cfcfcf;
|
||||
background-position: 0 -150px !important;;
|
||||
}
|
||||
|
||||
|
||||
.asc-darkgray-button.x-btn-default-small-pressed{
|
||||
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
|
||||
background:url(../img/controls/button/normal-darkgray-button-bg.gif) repeat-x 0 -300px !important;
|
||||
|
||||
background-origin: border-box !important;
|
||||
-moz-background-origin: border !important;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
|
||||
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
|
||||
/*blue and gray button end*/
|
||||
|
||||
.asc-right-container {
|
||||
background-color: #EEEEEE;
|
||||
}
|
||||
|
||||
.asc-right-panel,
|
||||
.asc-right-panel .x-panel-body,
|
||||
.asc-right-panel .x-form-item{
|
||||
font-size: 11px !important;
|
||||
}
|
||||
/* application error panel */
|
||||
|
||||
.asc-right-panel .x-form-field{
|
||||
font-size: 11px !important;
|
||||
}
|
||||
|
||||
.application-error-panel {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
background-color: #f4f4f4;
|
||||
z-index: 90000;
|
||||
}
|
||||
|
||||
.application-error-message-block {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.application-error-message-auxiliary {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.application-error-message-inner {
|
||||
width: 550px;
|
||||
margin: auto;
|
||||
padding: 30px;
|
||||
background-color: #e3e3e3;
|
||||
}
|
||||
|
||||
.application-error-message-title {
|
||||
font-size: 24px;
|
||||
margin: 0 0 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.application-error-message-text {
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* body menu without icons for item */
|
||||
|
||||
.no-icons .x-menu-item-link{
|
||||
padding: 6px 20px 3px 20px;
|
||||
}
|
||||
|
||||
.x-menu-item-link img {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.asc-menu-item-unchecked .x-menu-item-icon {
|
||||
background:url(../img/controls/menu-item-unchecked.PNG);
|
||||
background-image: -webkit-image-set(url("../img/controls/menu-item-unchecked.png") 1x, url("../img/controls/menu-item-unchecked@2x.png") 2x);
|
||||
}
|
||||
|
||||
.asc-menu-item-checked .x-menu-item-icon {
|
||||
background:url(../img/controls/menu-item-checked.PNG);
|
||||
background-image: -webkit-image-set(url("../img/controls/menu-item-checked.png") 1x, url("../img/controls/menu-item-checked@2x.png") 2x);
|
||||
}
|
||||
|
||||
.x-vertical-scroller-present{
|
||||
border: 1px solid #AFAFAF;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 1px 0 #FFFFFF;
|
||||
padding:1px;
|
||||
}
|
||||
.x-vertical-scroller-present .x-grid-body, .x-vertical-scroller-present .x-scroller-vertical {
|
||||
border:0;
|
||||
margin-right: -1px;;
|
||||
}
|
||||
|
||||
.x-grid-header-hidden .x-grid-body {
|
||||
border: 1px solid #AFAFAF !important;
|
||||
|
||||
}
|
||||
|
||||
.x-slider-horz .x-slider-thumb {
|
||||
background-image: url("../img/controls/slider-thumb.png");
|
||||
background-image: -webkit-image-set(url("../img/controls/slider-thumb.png") 1x, url("../img/controls/slider-thumb@2x.png") 2x);
|
||||
}
|
||||
|
||||
.x-slider-horz, .x-slider-horz .x-slider-end, .x-slider-horz .x-slider-inner {
|
||||
background-image: url("../img/controls/slider-bg.png");
|
||||
background-image: -webkit-image-set(url("../img/controls/slider-bg.png") 1x, url("../img/controls/slider-bg@2x.png") 2x);
|
||||
}
|
||||
|
||||
.x-btn-over .x-btn-split-right, .x-btn-pressed .x-btn-split-right {
|
||||
background: url(../img/controls/button/s-arrow-d.png) no-repeat scroll right center transparent;
|
||||
background-image: -webkit-image-set(url("../img/controls/button/s-arrow-d.png") 1x, url("../img/controls/button/s-arrow-d@2x.png") 2x);
|
||||
}
|
||||
|
||||
.jspDrag{
|
||||
background-color: rgba(0,0,0,0.20) !important;
|
||||
}
|
||||
|
||||
/* safari 7.0 */
|
||||
.safari-7.x-viewport {
|
||||
overflow: hidden;
|
||||
}
|
||||
.safari-7.x-viewport body {
|
||||
overflow: auto;
|
||||
}
|
||||
.safari-7 .x-box-layout-ct {
|
||||
overflow: initial;
|
||||
}
|
||||
.safari-7 .x-box-inner {
|
||||
overflow: inherit;
|
||||
}
|
||||
|
||||
.safari-7 .x-toolbar.x-box-item.x-box-layout-ct {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.safari-7 .storage-combodataview .combodataview-auto-width .x-container,
|
||||
.safari-7 .storage-combodataview .combodataview-auto-width .x-container .x-component {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.safari-7.x-viewport body::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.safari-7.x-viewport .x-panel-body.x-menu-body.x-panel-body-default {
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
/* IE 10+ */
|
||||
input[type=text]::-ms-clear {
|
||||
display:none;
|
||||
}
|
||||
109
OfficeWeb/apps/common/main/resources/css/chat-panel.css
Normal file
109
OfficeWeb/apps/common/main/resources/css/chat-panel.css
Normal file
@@ -0,0 +1,109 @@
|
||||
.common-chatpanel {
|
||||
-webkit-box-shadow: inset -1px 0 0 #C8C8C8;
|
||||
-moz-box-shadow: inset -1px 0 0 #C8C8C8;
|
||||
box-shadow: inset -1px 0 0 #C8C8C8;
|
||||
}
|
||||
|
||||
.chat-header {
|
||||
color : #636363;
|
||||
font-size : 14px;
|
||||
font-family : Arial,serif;
|
||||
padding : 18px 20px;
|
||||
border-bottom: 1px solid #C3C3C3;
|
||||
}
|
||||
|
||||
/*
|
||||
* User List
|
||||
*/
|
||||
|
||||
.chat-users-view {
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.chat-users-view .chat-user-wrap {
|
||||
padding: 2px 0 2px 20px;
|
||||
}
|
||||
|
||||
.chat-users-view .chat-user-wrap.hidden {
|
||||
padding: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.chat-users-view .chat-user-wrap .color {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.chat-users-view .chat-user-wrap .name {
|
||||
padding-left: 4px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
* Message List
|
||||
*/
|
||||
|
||||
.chat-msg-view {
|
||||
border-top: 1px solid #C3C3C3;
|
||||
border-bottom: 1px solid #C3C3C3;
|
||||
}
|
||||
|
||||
.chat-msg-view .chat-msg-wrap {
|
||||
padding: 5px 0 8px 20px;
|
||||
width: 260px;
|
||||
/*width: 100%;*/
|
||||
padding-right: 10px;
|
||||
white-space: pre-wrap;
|
||||
white-space: -moz-pre-wrap;
|
||||
white-space: -o-pre-wrap;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.chat-msg-view .chat-msg-wrap .user {
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
display: block;
|
||||
-webkit-user-select: text;
|
||||
-khtml-user-select: text;
|
||||
-moz-user-select: text;
|
||||
-ms-user-select: text;
|
||||
-o-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.chat-msg-view .chat-msg-wrap .message {
|
||||
word-wrap: break-word;
|
||||
-webkit-user-select: text;
|
||||
-khtml-user-select: text;
|
||||
-moz-user-select: text;
|
||||
-ms-user-select: text;
|
||||
-o-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.chat-msg-view .chat-msg-wrap .message.service {
|
||||
text-align: center;
|
||||
color: #CECECE;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Send form
|
||||
*/
|
||||
|
||||
.add-msg-container {
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
.btn-send-msg.x-btn-default-small {
|
||||
min-width: 90px;
|
||||
text-align: center;
|
||||
max-width: 150px;
|
||||
overflow: hidden;
|
||||
}
|
||||
276
OfficeWeb/apps/common/main/resources/css/comments-panel.css
Normal file
276
OfficeWeb/apps/common/main/resources/css/comments-panel.css
Normal file
@@ -0,0 +1,276 @@
|
||||
.common-commentspanel {
|
||||
-webkit-box-shadow: inset -1px 0 0 #C8C8C8;
|
||||
-moz-box-shadow: inset -1px 0 0 #C8C8C8;
|
||||
box-shadow: inset -1px 0 0 #C8C8C8;
|
||||
}
|
||||
|
||||
.comments-header {
|
||||
color : #636363;
|
||||
font-size : 14px;
|
||||
font-family : Arial,serif;
|
||||
padding : 18px 20px;
|
||||
border-bottom: 1px solid #C3C3C3;
|
||||
}
|
||||
|
||||
.add-link label {
|
||||
border-bottom: 1px dotted #7698DE;
|
||||
color: #7698DE;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.menu-resolve-comment .x-menu-item-link {
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
.menu-resolve-comment.x-menu-body .x-box-inner .x-menu-item:first-child {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Comment list
|
||||
*/
|
||||
|
||||
.comments-view {
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap {
|
||||
padding: 15px 10px 0 20px;
|
||||
cursor: default;
|
||||
width: 260px;
|
||||
white-space: pre-wrap;
|
||||
white-space: -moz-pre-wrap;
|
||||
white-space: -o-pre-wrap;
|
||||
word-wrap: break-word;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.comments-view .x-clear {
|
||||
position: absolute;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.comments-view .last-clear {
|
||||
position: absolute;
|
||||
/*width: 255px;*/
|
||||
width: 99%;
|
||||
height: 10px;
|
||||
margin-top: -5px;
|
||||
background-color: #F4F4F4;
|
||||
}
|
||||
|
||||
.comments-view .header {
|
||||
height: 30px;
|
||||
}
|
||||
.comments-view .user-info {
|
||||
display: inline;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.comments-view .edit-info {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
background-color: #F4F4F4;
|
||||
margin: 15px 10px;
|
||||
height: 30px;
|
||||
-webkit-box-shadow: -10px 0 6px -4px #F4F4F4;
|
||||
-moz-box-shadow: -10px 0 6px -4px #F4F4F4;
|
||||
box-shadow: -10px 0 6px -4px #F4F4F4;
|
||||
}
|
||||
|
||||
.comments-view .replys .edit-info {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .lock-area {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .lock-author {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap.lock .lock-area {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #F4F4F4;
|
||||
margin-top: -1px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap.lock .lock-author {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
max-width: 150px;
|
||||
line-height: 20px;
|
||||
background-color: #EE3525;
|
||||
margin: 18px 25px;
|
||||
padding: 2px 10px;
|
||||
color: white;
|
||||
font-family: arial, tahoma, helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap a {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap a:hover {
|
||||
color: #7698DE;
|
||||
}
|
||||
|
||||
.comments-view .edit-info a {
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .user {
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
font-family : Arial,serif;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .date {
|
||||
font-size: 10px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .resolve {
|
||||
display: block;
|
||||
float: left;
|
||||
padding-top: 5px;
|
||||
margin-right: 15px;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .resolve.resolved {
|
||||
padding-left: 20px;
|
||||
padding-right: 8px;
|
||||
text-decoration: none;
|
||||
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYBJREFUeNqkk1lLAmEUho9LuU0YrrnnMqGIFAQZlZFDUeGPEYTuuu5CMPo3XXURpKBgNNGVguI2KigpmigFdsZMcrTQ/OCF4ZzzPJzZeP1+HxY5fFjwzC0grwklhvqXAEGdbFlUIxWqO7w+m0uAgFEuljCU1Qn+dSdbup1ZgLBtVSwtHJpJOLW5oNPrjnrCGWBSKZGl9o128Js3IJpNQayUYVu+sQ1w8BJj5sBuFcJ7eiscYGK5NESLGci1Gr50qP3AzvDY7wAHb7xaczBezZewdo55wXg0UoL2ai2wu2aBZCUPiWoBip3mCB5sgHDATiiClN4OAYvLgLUY5korIegdtQm2lXpIlLIQRwEX/rlBeFOuvTgxkYNiss4MQJFACHSNgcd6GZhuawIeCYb3G/asaC6ODQ5Y4n89mud6BehGBcq99lR4TDCURNwydYjSWSHdrMFTowqV97df4QnBt0QhFIdeP7qAnSOE7/98z6yAG0dEtoURTOtxw1v0d/4UYAB7AMMdfaAEDQAAAABJRU5ErkJggg==') no-repeat 0 4px,
|
||||
url('data:image/png;base64,Qk1mAAAAAAAAADYAAAAoAAAABQAAAAMAAAABABgAAAAAAAAAAADDDgAAww4AAAAAAAAAAAAA////////AAAA/////////////wAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAD/') no-repeat right 11px;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .quote {
|
||||
border-left: 1px solid #939393;
|
||||
color: #939393;
|
||||
font-style: italic;
|
||||
padding: 5px 9px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .comment-message {
|
||||
padding-right: 9px;
|
||||
padding-top: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .comment {
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
-webkit-user-select: text;
|
||||
-khtml-user-select: text;
|
||||
-moz-user-select: text;
|
||||
-ms-user-select: text;
|
||||
-o-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .replys {
|
||||
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAwBQTFRFAAAAp6enAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAE8Ia8AAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNTDus58AAAAtSURBVBhXY/jP+B8KGNCZYBmIKCOIgDGBbCATCoBMEADyQKIQJlgtmAkxAQ4A9M9Kz+5qNBQAAAAASUVORK5CYII=') no-repeat left 12px transparent;
|
||||
padding: 8px 9px 0 18px;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .separator {
|
||||
border-bottom: 1px solid #D3D3D3;
|
||||
box-shadow: 0 1px 0 0 #FFF;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.comments-view .btn-header {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
margin: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
.comments-view .btn-header.edit {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAatJREFUeNpi/P//PwMlgIlYhVpaWmxkG6Cjo2PAxMR0A0ibkWyAnp6eAQsLywZPT8+lrKysi0B8og0wNDQ0AGrakJ6e3v3hw4ezQLYoEK8FimsRNMDExASsOTk5uXf//v13L168ODM+Pr7VwsJiM1B8M1CeGacB5ubmIM2bY2Nj+48cOXLn8ePHCxMSEjpPnjx59dy5c1Hh4eHTzpw58w+klgVds5WVlS5IM1BRP1DR7UePHi0A2tx56tSpS/fu3VsaGhraV1RUtBCo9D+GAXZ2drpsbGzbgoKCJl66dOnmw4cP58fFxXUCbT0P1LwiJCSkv6CgYC5Q6RuYHkZYQnJ0dNRlZGTc5u/vP+XatWtXbt++PS8qKgqs+caNG0sDAgIm5eXlgTS/RrYU7gJgVF0C0cAAk//27VtRTExM55UrV87euXNneWBg4MTc3Nx56JpRApGZmRmMf/z4kQlMMNuAtp66fv36Ej8/vym4NKN4wcvLC54pgF75AfInMPFMy8nJATn7Fa7ohnsBmFSRxTnc3d1nENKM4gIg8EWTOwXELwkldUZKszNAgAEAY2m2Fvx4qY8AAAAASUVORK5CYII=');
|
||||
}
|
||||
|
||||
.comments-view .btn-header.delete {
|
||||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARBJREFUeNpi/P//PwMlgAWboJaWljSQmgbE3lChrUCcde3atadEGcDKyrqQm5tbMCkpqQzEnzdvXvTXr1+XA5l26GoZkb1gaGi4F0g5EXD1vvPnzztjdQELC4tTXFxcTW5u7iVsOidPnqy3aNGiFpxeADqd4cSJE7eBBmzGZgBQjhOkBqcBUlJS554+fbrSwcFhJS73g9SgCIDCAAmbu7q6Aqn/viB69uzZ1SCMLAZSg6wH3QAGb2/v/0i0CAijiaGoZ8EShcj0GyxiKIAJXYCNjQ2FxiWG0wBstuFzAV4vJCYmepBsgIiIyLmUlJT/zMzMIO52mDhIDCSHNylDgTkQi+FIBq+A+CQhA0gCAAEGAEdfmUIa3Y2yAAAAAElFTkSuQmCC');
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .reply {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .reply .message {
|
||||
padding: 0 0 15px;
|
||||
white-space: pre-wrap;
|
||||
word-wrap: break-word;
|
||||
-webkit-user-select: text;
|
||||
-khtml-user-select: text;
|
||||
-moz-user-select: text;
|
||||
-ms-user-select: text;
|
||||
-o-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.comments-view .comment-wrap .reply-message {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.reply-link-container {
|
||||
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAwBQTFRFAAAAioqKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC/Ie0wAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My4zNTDus58AAAAaSURBVBhXY/j//z8jI5BgwGQwQgEDnIFbMQAPcyP5VHlHvwAAAABJRU5ErkJggg==') no-repeat 0 center transparent;
|
||||
}
|
||||
|
||||
.reply-link-container label {
|
||||
margin-left: 18px;
|
||||
}
|
||||
|
||||
.add-reply-container {
|
||||
padding: 0 10px 15px 0;
|
||||
}
|
||||
|
||||
.controls-edit-msg-container {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Send form
|
||||
*/
|
||||
|
||||
.add-comment-container {
|
||||
padding: 15px 20px 0;
|
||||
border-top: 1px solid #C3C3C3;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.add-comment-container .add-link {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.btn-send-comment.x-btn-default-small {
|
||||
min-width: 110px;
|
||||
text-align: center;
|
||||
max-width: 150px;
|
||||
overflow: hidden;
|
||||
}
|
||||
150
OfficeWeb/apps/common/main/resources/css/comments-popover.css
Normal file
150
OfficeWeb/apps/common/main/resources/css/comments-popover.css
Normal file
@@ -0,0 +1,150 @@
|
||||
.comment-popover-root {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
margin: -32px 0 0 15px;
|
||||
}
|
||||
|
||||
.comment-popover-root.left-sided {
|
||||
margin: -32px 15px 0 0;
|
||||
}
|
||||
|
||||
.common-commentspopover {
|
||||
border-radius: 5px;
|
||||
background-color: #F4F4F4;
|
||||
overflow: visible;
|
||||
|
||||
-moz-box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.5);
|
||||
-webkit-box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.common-commentspopover .x-box-inner {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.common-commentspopover .popover-arrow {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
left: -20px;
|
||||
top: 20px;
|
||||
width: 20px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.left-sided .common-commentspopover .popover-arrow {
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
.common-commentspopover .popover-arrow:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 13px;
|
||||
background-color: #F4F4F4;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
|
||||
-moz-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
-webkit-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
|
||||
-moz-box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.left-sided .common-commentspopover .popover-arrow:after {
|
||||
left: -7px;
|
||||
-moz-box-shadow: 4px 4px 8px -1px rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 4px 4px 8px -1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 4px 4px 8px -1px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.common-commentspopover.lock .popover-arrow:after {
|
||||
background-color: #F4F4F4;
|
||||
}
|
||||
|
||||
.common-commentspopover .comments-view {
|
||||
padding-top: 5px !important;
|
||||
padding-bottom: 5px !important;
|
||||
}
|
||||
|
||||
.common-commentspopover .comments-view .comment-wrap.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.common-commentspopover .comments-view .comment-wrap {
|
||||
padding: 0 0 0 15px;
|
||||
width: 245px;
|
||||
}
|
||||
|
||||
.common-commentspopover .comments-view .comment-wrap .comment {
|
||||
margin-top: 5px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: -moz-none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.common-commentspopover .comments-view .edit-info {
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
.common-commentspopover .comments-view .replys .edit-info {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.common-commentspopover .lock-area {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.common-commentspopover .lock-author {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.common-commentspopover.lock .lock-area {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #F4F4F4;
|
||||
opacity: 0.5;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.common-commentspopover.lock .lock-author {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
max-width: 150px;
|
||||
line-height: 20px;
|
||||
background-color: #EE3525;
|
||||
margin: 12px;
|
||||
padding: 3px 8px;
|
||||
color: white;
|
||||
font-family: arial, tahoma, helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
min-width: 100px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.common-commentspopover .comments-view .x-clear{
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.common-commentspopover .controls-reply-container {
|
||||
padding: 5px 15px 10px;
|
||||
}
|
||||
|
||||
.common-commentspopover .reply-link-container {
|
||||
margin-left: 15px;
|
||||
padding: 5px 0 10px 0;
|
||||
}
|
||||
136
OfficeWeb/apps/common/main/resources/css/dataview-combo.css
Normal file
136
OfficeWeb/apps/common/main/resources/css/dataview-combo.css
Normal file
@@ -0,0 +1,136 @@
|
||||
.storage-combodataview{
|
||||
background: #ffffff;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #c3c3c3;
|
||||
border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
}
|
||||
|
||||
.storage-combodataview .x-view-context{
|
||||
}
|
||||
|
||||
.storage-combodataview .thumb{
|
||||
background: #333;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.storage-combodataview .thumb-wrap{
|
||||
display: inline-block;
|
||||
float: left;
|
||||
padding: 2px 2px 0;
|
||||
margin-right: 2px;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.storage-combodataview .thumb-wrap .title{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
font-size: 10px;
|
||||
color: #737474;
|
||||
padding: 0 5px;
|
||||
margin-bottom: 5px;
|
||||
cursor: default;
|
||||
text-overflow: ellipsis;
|
||||
height: 1.2em;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.storage-combodataview .x-item-over{
|
||||
background: #E7E8E8;
|
||||
padding: 2px 2px 0;
|
||||
}
|
||||
|
||||
.storage-combodataview .x-item-selected{
|
||||
background: #7698DE;
|
||||
padding: 2px 2px 0;
|
||||
}
|
||||
|
||||
.storage-combodataview .emptyText{
|
||||
text-align: center;
|
||||
padding-top: 15px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* menu */
|
||||
|
||||
.x-dataview-combo-menu .storage-data-view{
|
||||
background: white;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
padding: 1px 20px 1px 1px;
|
||||
}
|
||||
|
||||
.x-dataview-combo-menu .storage-data-view .x-view-context{
|
||||
}
|
||||
|
||||
.x-dataview-combo-menu .storage-data-view .thumb{
|
||||
background: #333;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.x-dataview-combo-menu .storage-data-view .thumb img{
|
||||
}
|
||||
|
||||
.x-dataview-combo-menu .storage-data-view .thumb-wrap{
|
||||
display: inline-block;
|
||||
float: left;
|
||||
padding: 2px 2px 0;
|
||||
margin: 0 2px 4px 0;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
position: relative;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.x-dataview-combo-menu .storage-data-view .x-item-over{
|
||||
border: none !important;
|
||||
background: #efefef;
|
||||
padding: 2px 2px 0;
|
||||
}
|
||||
|
||||
.x-dataview-combo-menu .storage-data-view .x-item-selected{
|
||||
border: none !important;
|
||||
background: #7698DE;
|
||||
padding: 2px 2px 0;
|
||||
}
|
||||
|
||||
/* button */
|
||||
|
||||
.x-btn-combodataview {
|
||||
background: url(../img/controls/button/s-arrow-d.png) no-repeat scroll right center transparent;
|
||||
background-image: -webkit-image-set(url("../img/controls/button/s-arrow-d.png") 1x, url("../img/controls/button/s-arrow-d@2x.png") 2x);
|
||||
}
|
||||
|
||||
.x-btn-combodataview.x-btn-default-small {
|
||||
background: url(../img/controls/button/s-arrow-d.png) no-repeat scroll right center transparent;
|
||||
background-image: -webkit-image-set(url("../img/controls/button/s-arrow-d.png") 1x, url("../img/controls/button/s-arrow-d@2x.png") 2x);
|
||||
border: none;
|
||||
}
|
||||
.x-btn-combodataview.x-btn-default-small-pressed{
|
||||
background: url(../img/controls/button/s-arrow-d-over.png) no-repeat scroll right center transparent !important;
|
||||
background-image: -webkit-image-set(url("../img/controls/button/s-arrow-d-over.png") 1x, url("../img/controls/button/s-arrow-d-over@2x.png") 2x) !important;
|
||||
}
|
||||
|
||||
.storage-combodataview.x-item-disabled .x-mask{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.storage-combodataview.x-item-disabled{
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.combodataview-auto-width {
|
||||
width: auto !important;
|
||||
}
|
||||
56
OfficeWeb/apps/common/main/resources/css/dataview-picker.css
Normal file
56
OfficeWeb/apps/common/main/resources/css/dataview-picker.css
Normal file
@@ -0,0 +1,56 @@
|
||||
.storage-data-view{
|
||||
background: white;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.storage-data-view .x-view-context{
|
||||
}
|
||||
|
||||
.storage-data-view .thumb{
|
||||
background: #333;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.storage-data-view .thumb img{
|
||||
}
|
||||
|
||||
.storage-data-view .thumb-wrap .title{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
font-size: 10px;
|
||||
color: #737474;
|
||||
padding: 0 5px;
|
||||
margin-bottom: 5px;
|
||||
cursor: default;
|
||||
text-overflow: ellipsis;
|
||||
height: 1.2em;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.storage-data-view .thumb-wrap{
|
||||
display: inline-block;
|
||||
float: left;
|
||||
margin: 4px;
|
||||
margin-right: 0;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
position: relative;
|
||||
border:1px solid rgba(172, 172, 172, 0.5);
|
||||
padding: 1px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.storage-data-view .x-item-over{
|
||||
border:2px solid #9a9a9a;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.storage-data-view .x-item-selected{
|
||||
border:2px solid #9a9a9a;
|
||||
padding: 0;
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
|
||||
.cmp-double-colorpalette.x-color-picker em span{
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
.cmp-double-colorpalette.x-color-picker em {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.cmp-double-colorpalette.x-color-picker a{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.cmp-double-colorpalette.x-color-picker a:hover{
|
||||
border-color: #000;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.x-color-picker {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.cmp-double-colorpalette.x-color-picker a.x-color-picker-selected {
|
||||
border-color: #000;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.dynamic-empty-color em span {
|
||||
border:solid 1px #C0C0C0;
|
||||
background:#ffffff
|
||||
}
|
||||
|
||||
.cmp-double-colorpalette.x-color-picker a:hover em span,
|
||||
.cmp-double-colorpalette.x-color-picker .color-transparent.x-color-picker-selected em span {
|
||||
border:none;
|
||||
}
|
||||
|
||||
.cmp-double-colorpalette .color-transparent {
|
||||
background-image: url(../img/doublecolorpalette/nocolor.png);
|
||||
background-image: -webkit-image-set(url("../img/doublecolorpalette/nocolor.png") 1x, url("../img/doublecolorpalette/nocolor@2x.png") 2x);
|
||||
}
|
||||
|
||||
.cmp-double-colorpalette .color-transparent em span {
|
||||
border:solid 1px #C0C0C0;
|
||||
}
|
||||
|
||||
.common-extendedcolordialog #field-start-color.color-transparent {
|
||||
background-image: url(../img/hsbcolorpicker/transparent-color.png);
|
||||
background-image: -webkit-image-set(url("../img/hsbcolorpicker/transparent-color.png") 1x, url("../img/hsbcolorpicker/transparent-color@2x.png") 2x);
|
||||
background-size: cover;
|
||||
}
|
||||
@@ -0,0 +1,64 @@
|
||||
|
||||
.grouped-data-view {
|
||||
padding: 10px 10px 14px 12px;
|
||||
background-color: white;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.asc-grouped-data {
|
||||
clear:left;
|
||||
overflow: hidden;
|
||||
margin: 2px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.asc-grouped-data .group-description {
|
||||
float:left;
|
||||
height: 55px;
|
||||
line-height: 55px;
|
||||
}
|
||||
|
||||
.group-description .description-text {
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.asc-grouped-data .group-items-container{
|
||||
height: 55px;
|
||||
width: 216px;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
margin: 2px 2px 2px 2px;
|
||||
}
|
||||
|
||||
.group-items-container .group-item{
|
||||
float:left;
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
margin: 0 0 0 14px;
|
||||
}
|
||||
|
||||
.group-item span {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.group-item {
|
||||
padding: 1px;
|
||||
border: 1px solid rgba(172, 172, 172, 0.5);
|
||||
}
|
||||
.group-item.x-item-selected {
|
||||
padding: 0;
|
||||
border:2px solid #b8b8b8;
|
||||
}
|
||||
|
||||
.group-item.group-item-over {
|
||||
/*outline: 2px solid #b8b8b8;*/
|
||||
padding: 0;
|
||||
border:2px solid #b8b8b8;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.asc-grouped-data-selector:not(:last-child) {
|
||||
height: 2px;
|
||||
}
|
||||
47
OfficeWeb/apps/common/main/resources/css/header.css
Normal file
47
OfficeWeb/apps/common/main/resources/css/header.css
Normal file
@@ -0,0 +1,47 @@
|
||||
.common-header {
|
||||
color: #e8e8e8;
|
||||
padding: 0 5px;
|
||||
background: #434343;
|
||||
font-size: 14px;
|
||||
font-family: arial, tahoma, verdana, sans-serif;
|
||||
}
|
||||
|
||||
.common-header #header-logo {
|
||||
display: inline-block;
|
||||
background-image: url('../img/header/header-logo.png');
|
||||
background-image: -webkit-image-set(url("../img/header/header-logo.png") 1x, url("../img/header/header-logo@2x.png") 2x);
|
||||
background-repeat: no-repeat;
|
||||
width: 125px;
|
||||
height: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.common-header div {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.common-header span {
|
||||
vertical-align: middle;
|
||||
padding: 0 4px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.common-header #header-caption {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.common-header #header-documentcaption {
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.common-header #header-back {
|
||||
float: right;
|
||||
padding-top: 7px;
|
||||
text-decoration: underline;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.common-header #header-back:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
102
OfficeWeb/apps/common/main/resources/css/hsb-colorpicker.css
Normal file
102
OfficeWeb/apps/common/main/resources/css/hsb-colorpicker.css
Normal file
@@ -0,0 +1,102 @@
|
||||
.cmp-hsb-colorpicker-top-panel {
|
||||
height: 22px;
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
.cmp-hsb-colorpicker-color-value {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
float: left;
|
||||
border: 1px solid #C4C4C4;
|
||||
background-image: none;
|
||||
background-position: 0 -206px;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.cmp-hsb-colorpicker-color-value .transparent-color {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
float: left;
|
||||
background: url("../img/hsbcolorpicker/hsb-colorpicker.png") 0 -206px no-repeat;
|
||||
background-image: -webkit-image-set(url("../img/hsbcolorpicker/hsb-colorpicker.png") 1x, url("../img/hsbcolorpicker/hsb-colorpicker@2x.png") 2x);
|
||||
/*visibility: hidden;*/
|
||||
}
|
||||
|
||||
.cmp-hsb-colorpicker-color-text {
|
||||
color: #464646;
|
||||
height: 22px;
|
||||
padding: 4px 32px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.cmp-hsb-colorpicker-cnt-hb {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 195px;
|
||||
height: 196px;
|
||||
position: relative;
|
||||
border: 1px solid #C4C4C4;
|
||||
background: url("../img/hsbcolorpicker/hsb-colorpicker.png") 0 0 no-repeat;
|
||||
background-image: -webkit-image-set(url("../img/hsbcolorpicker/hsb-colorpicker.png") 1x, url("../img/hsbcolorpicker/hsb-colorpicker@2x.png") 2x);
|
||||
}
|
||||
|
||||
.cmp-hsb-colorpicker-cnt-root {
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
height: 196px;
|
||||
margin: 0 8px;
|
||||
}
|
||||
|
||||
.cmp-hsb-colorpicker-cnt-sat {
|
||||
width: 10px;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
border: 1px solid #C4C4C4;
|
||||
background: url("../img/hsbcolorpicker/hsb-colorpicker.png") -195px 0 no-repeat;
|
||||
background-image: -webkit-image-set(url("../img/hsbcolorpicker/hsb-colorpicker.png") 1x, url("../img/hsbcolorpicker/hsb-colorpicker@2x.png") 2x);
|
||||
}
|
||||
|
||||
.cmp-hsb-colorpicker-cnt-hb-arrow {
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
margin: -4px;
|
||||
position: absolute;
|
||||
background: url("../img/hsbcolorpicker/hsb-colorpicker.png") 0 -196px no-repeat;
|
||||
background-image: -webkit-image-set(url("../img/hsbcolorpicker/hsb-colorpicker.png") 1x, url("../img/hsbcolorpicker/hsb-colorpicker@2x.png") 2x);
|
||||
}
|
||||
|
||||
.cmp-hsb-colorpicker-cnt-sat-arrow {
|
||||
width: 14px;
|
||||
height: 9px;
|
||||
margin: -4px -3px;
|
||||
position: absolute;
|
||||
background: url("../img/hsbcolorpicker/hsb-colorpicker.png") -11px -196px no-repeat;
|
||||
background-image: -webkit-image-set(url("../img/hsbcolorpicker/hsb-colorpicker.png") 1x, url("../img/hsbcolorpicker/hsb-colorpicker@2x.png") 2x);
|
||||
}
|
||||
|
||||
.cmp-hsb-colorpicker-empty-color {
|
||||
color: #464646;
|
||||
height: 16px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.cmp-hsb-colorpicker-empty-color:hover {
|
||||
cursor: pointer;
|
||||
background-color: #efefef;
|
||||
}
|
||||
|
||||
.cmp-hsb-colorpicker-empty-color:active {
|
||||
background-color: #cecece;
|
||||
}
|
||||
|
||||
.cmp-hsb-colorpicker-empty-color:before {
|
||||
content: "";
|
||||
background: url("../img/hsbcolorpicker/hsb-colorpicker.png") -26px -196px no-repeat;
|
||||
background-image: -webkit-image-set(url("../img/hsbcolorpicker/hsb-colorpicker.png") 1x, url("../img/hsbcolorpicker/hsb-colorpicker@2x.png") 2x);
|
||||
float: left;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin-right: 5px;
|
||||
margin-top: 1px;
|
||||
border: 1px solid #C4C4C4;
|
||||
}
|
||||
144
OfficeWeb/apps/common/main/resources/css/jquery.jscrollpane.css
Normal file
144
OfficeWeb/apps/common/main/resources/css/jquery.jscrollpane.css
Normal file
@@ -0,0 +1,144 @@
|
||||
.jspArrowUp{
|
||||
background: url("../img/jscrollpane/up.png") no-repeat 0 0;
|
||||
background-image: -webkit-image-set(url("../img/jscrollpane/up.png") 1x, url("../img/jscrollpane/up@2x.png") 2x);
|
||||
}
|
||||
.jspArrowDown{
|
||||
background: url("../img/jscrollpane/down.png") no-repeat 0 -38px;
|
||||
background-image: -webkit-image-set(url("../img/jscrollpane/down.png") 1x, url("../img/jscrollpane/down@2x.png") 2x);
|
||||
}
|
||||
.jspArrowLeft{
|
||||
background: url("../img/jscrollpane/left.png") no-repeat 0 0;
|
||||
background-image: -webkit-image-set(url("../img/jscrollpane/left.png") 1x, url("../img/jscrollpane/left@2x.png") 2x);
|
||||
}
|
||||
.jspArrowRight{
|
||||
background: url("../img/jscrollpane/right.png") no-repeat -38px 0;
|
||||
background-image: -webkit-image-set(url("../img/jscrollpane/right.png") 1x, url("../img/jscrollpane/right@2x.png") 2x);
|
||||
}
|
||||
|
||||
.jspContainer{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspPane{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jspVerticalBar{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 10px;
|
||||
padding-right: 0;
|
||||
height: 100%;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.jspUndocking .jspVerticalBar{
|
||||
width: 13px;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
background: #DDE2E8;
|
||||
}
|
||||
|
||||
.jspVerticalBar *,
|
||||
.jspHorizontalBar *{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jspCap{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jspTrack {
|
||||
background: transparent;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspDrag {
|
||||
background: #D3D3D3;
|
||||
border-style: solid;
|
||||
border-width: 0px;
|
||||
border-color: #929292;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspTrack,
|
||||
.jspHorizontalBar .jspDrag{
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspArrow{
|
||||
text-indent: -20000px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspArrow.jspDisabled{
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow{
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspArrow{
|
||||
width: 10px;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow:focus{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jspCorner{
|
||||
background: #eeeef4;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
||||
* html .jspCorner{
|
||||
margin: 0 -3px 0 0;
|
||||
}
|
||||
|
||||
.scroll-pane{
|
||||
position:absolute;
|
||||
padding:0;
|
||||
margin:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
overflow:auto;
|
||||
}
|
||||
|
||||
.jspCap{
|
||||
display: block;
|
||||
background: #eeeef4;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspCap{
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap{
|
||||
width: 0;
|
||||
height: 100%;
|
||||
}
|
||||
50
OfficeWeb/apps/common/main/resources/css/load-mask.css
Normal file
50
OfficeWeb/apps/common/main/resources/css/load-mask.css
Normal file
@@ -0,0 +1,50 @@
|
||||
.cmd-loadmask {
|
||||
z-index: 20001;
|
||||
position: absolute;
|
||||
top: 0; left: 0;
|
||||
width: 300px;
|
||||
padding: 20px;
|
||||
border: none;
|
||||
background-image: none;
|
||||
background-color: rgba(30,30,30,0.7);
|
||||
color: #e3e3e3;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
line-height: 33px;
|
||||
}
|
||||
|
||||
.cmd-loadmask-image {
|
||||
background-image: url("../img/load-mask/loading.gif");
|
||||
height: 33px;
|
||||
width: 33px;
|
||||
float: left;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.cmd-loadmask-title {
|
||||
font: 13px arial;
|
||||
margin: 0 20px;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.cmd-loadmask .cmd-loadmask-pwd-ct {
|
||||
text-align: center;
|
||||
margin-top: 19px;
|
||||
margin-bottom: -7px;
|
||||
padding-top: 11px;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.4);
|
||||
color: #d4d4d4
|
||||
}
|
||||
|
||||
.cmd-loadmask .cmd-loadmask-pwd-ct .cmd-loadmask-pwd-by {
|
||||
line-height: 14px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.cmd-loadmask .cmd-loadmask-pwd-ct .cmd-loadmask-pwd-tm {
|
||||
font-size: 18px;
|
||||
line-height: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
.asc-multi-slider-gradient {
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.asc-multi-slider-gradient .x-slider-horz, .asc-multi-slider-gradient .x-slider-horz .x-slider-end {
|
||||
background: transparent no-repeat;
|
||||
}
|
||||
|
||||
.asc-multi-slider-gradient .x-slider-horz .x-slider-inner {
|
||||
background: #ededed; /* Old browsers */
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(left, #000000 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -moz-linear-gradient(left, #000000 0%,#ffffff 100%); /* FF3.6+ */
|
||||
background: -o-linear-gradient(left, #000000 0%,#ffffff 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(left, #000000 0%,#ffffff 100%); /* IE10+ */
|
||||
background: linear-gradient(to right, #000000 0%,#ffffff 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
|
||||
|
||||
background-position: 0 0;
|
||||
border: 1px solid rgba(162, 162, 162, 1);
|
||||
height: 21px;
|
||||
}
|
||||
|
||||
.asc-multi-slider-gradient .x-slider-thumb {
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
.asc-multi-slider-gradient .x-slider-horz .x-slider-thumb {
|
||||
background-image: url("../img/controls/slider-thumb-multi.png");
|
||||
background-image: -webkit-image-set(url("../img/controls/slider-thumb-multi.png") 1x, url("../img/controls/slider-thumb-multi@2x.png") 2x);
|
||||
}
|
||||
|
||||
.asc-multi-slider-gradient .x-slider-thumb.active-thumb {
|
||||
background-position: -28px -30px;
|
||||
}
|
||||
@@ -0,0 +1,23 @@
|
||||
.asc-statusinfo-text-btn button {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.asc-statusinfo-text-btn span.x-btn-inner {
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
font-family: Helvetica, Arial, Verdana, sans-serif;
|
||||
color: #666666 !important;
|
||||
text-shadow: #d3d3d3 0 1px 0;
|
||||
}
|
||||
|
||||
.asc-statusinfo-text-btn.x-btn-default-small-pressed{
|
||||
padding: 0;
|
||||
border: 1px solid rgba(0, 0, 0, 0) !important;
|
||||
background: transparent !important;
|
||||
box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
}
|
||||
|
||||
.icon-statusinfo-users {
|
||||
background-image: url(../img/participantspanel/users.png);
|
||||
}
|
||||
21
OfficeWeb/apps/common/main/resources/css/searchdialog.css
Normal file
21
OfficeWeb/apps/common/main/resources/css/searchdialog.css
Normal file
@@ -0,0 +1,21 @@
|
||||
.x-btn.dlg-search {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.asc-btn-search {
|
||||
background-image: url('../img/searchdialog/btns-search.png');
|
||||
background-image: -webkit-image-set(url("../img/searchdialog/btns-search.png") 1x, url("../img/searchdialog/btns-search@2x.png") 2x);
|
||||
}
|
||||
|
||||
.asc-btn-search.previous {background-position: 0 0;}
|
||||
.x-btn-over .asc-btn-search.previous {background-position: -16px 0;}
|
||||
.x-btn-pressed .asc-btn-search.previous {background-position: -32px 0;}
|
||||
.x-btn-menu-active .asc-btn-search.previous {background-position: -32px 0;}
|
||||
.x-btn-disabled .asc-btn-search.previous {background-position: -48px 0;}
|
||||
|
||||
.asc-btn-search.next {background-position: 0 -16px;}
|
||||
.x-btn-over .asc-btn-search.next {background-position: -16px -16px;}
|
||||
.x-btn-pressed .asc-btn-search.next {background-position: -32px -16px;}
|
||||
.x-btn-menu-active .asc-btn-search.next {background-position: -32px -16px;}
|
||||
.x-btn-disabled .asc-btn-search.next {background-position: -48px -16px;}
|
||||
|
||||
48
OfficeWeb/apps/common/main/resources/css/searchfield.css
Normal file
48
OfficeWeb/apps/common/main/resources/css/searchfield.css
Normal file
@@ -0,0 +1,48 @@
|
||||
/* search field */
|
||||
.common-searchfield {
|
||||
border: 1px solid #AFAFAF;
|
||||
background: url(../img/controls/text-bg.gif);
|
||||
}
|
||||
|
||||
.common-searchfield .x-form-text {
|
||||
/*height: 18px;*/
|
||||
border-radius: 0px;
|
||||
border: none;
|
||||
/*background-image: none;*/
|
||||
}
|
||||
|
||||
.common-searchfield .x-btn-default-small button {
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
line-height: 16px !important;
|
||||
}
|
||||
|
||||
.common-searchfield .x-btn-default-small,
|
||||
.common-searchfield .x-btn-default-small-pressed {
|
||||
border: none;
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
.search-btn-start-icon, .search-btn-clear-icon, .search-btn-stop-icon {
|
||||
background-image: url(../img/searchfield/search.png);
|
||||
background-image: -webkit-image-set(url(../img/searchfield/search.png) 1x, url(../img/searchfield/search@2x.png) 2x);
|
||||
}
|
||||
|
||||
.search-btn-start-icon { background-position: 0 -64px;}
|
||||
.search-btn-clear-icon { background-position: 0 0;}
|
||||
.x-btn-pressed .search-btn-clear-icon { background-position: 0 -16px;}
|
||||
.search-btn-stop-icon { background-position: 0 -32px;}
|
||||
.x-btn-pressed .search-btn-stop-icon { background-position: 0 -48px;}
|
||||
|
||||
.x-btn-pressed .search-btn-start-icon {
|
||||
background-image: url(../img/searchfield/search-progress.gif);
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.common-searchfield .x-form-text::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.common-searchfield .x-field {
|
||||
margin: 0;
|
||||
}
|
||||
101
OfficeWeb/apps/common/main/resources/css/synchronize-tip.css
Normal file
101
OfficeWeb/apps/common/main/resources/css/synchronize-tip.css
Normal file
@@ -0,0 +1,101 @@
|
||||
.synch-tip-root {
|
||||
position: absolute;
|
||||
z-index: 110;
|
||||
margin: -32px 0 0 15px;
|
||||
}
|
||||
|
||||
.asc-synchronizetip {
|
||||
border-radius: 5px;
|
||||
background-color: #fcfed7;
|
||||
overflow: visible;
|
||||
|
||||
-moz-box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.5);
|
||||
-webkit-box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.5);
|
||||
|
||||
font-size: 11px !important;
|
||||
}
|
||||
|
||||
.asc-synchronizetip .x-box-inner {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.asc-synchronizetip .tip-arrow {
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
left: -20px;
|
||||
top: 20px;
|
||||
width: 20px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.asc-synchronizetip .tip-arrow:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 13px;
|
||||
background-color: #fcfed7;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
|
||||
-moz-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
-webkit-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
|
||||
-moz-box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.asc-synchronizetip .show-link {
|
||||
margin-left: 15px;
|
||||
padding: 10px 0 15px 0;
|
||||
}
|
||||
|
||||
.show-link label {
|
||||
border-bottom: 1px dotted #445799;
|
||||
color: #445799;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.asc-synchronizetip .x-btn-default-small{
|
||||
padding: 0;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
}
|
||||
|
||||
.asc-synchronizetip .x-btn-default-small button {
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
line-height: 16px !important;
|
||||
}
|
||||
|
||||
.asc-synchronizetip .x-btn-default-small-pressed {
|
||||
border: 1px solid rgba(0, 0, 0, 0)!important;
|
||||
background: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.btn-close-tip {
|
||||
margin: 8px;
|
||||
height: 18px !important;
|
||||
}
|
||||
|
||||
.asc-synchronizetip .x-btn-default-small-icon .icon-close-tip{
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
}
|
||||
|
||||
.icon-close-tip {
|
||||
background-image: url(../img/synchronizetip/but-close.png);
|
||||
background-image: -webkit-image-set(url(../img/synchronizetip/but-close.png) 1x, url(../img/synchronizetip/but-close@2x.png) 2x);
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.x-btn-over .icon-close-tip,
|
||||
.x-btn-pressed .icon-close-tip {background-position: 0 -16px;}
|
||||
|
||||
@@ -0,0 +1,51 @@
|
||||
.cmp-theme-colorpalette.x-color-picker {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.cmp-theme-colorpalette.x-color-picker em span{
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
}
|
||||
|
||||
.cmp-theme-colorpalette.x-color-picker em {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.cmp-theme-colorpalette.x-color-picker a {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.cmp-theme-colorpalette.x-color-picker a:hover{
|
||||
border-color: #000;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.cmp-theme-colorpalette.x-color-picker a.x-color-picker-selected {
|
||||
border-color: #000;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.cmp-theme-colorpalette .dynamic-empty-color em span {
|
||||
border:solid 1px #C0C0C0;
|
||||
background:#ffffff
|
||||
}
|
||||
|
||||
.cmp-theme-colorpalette.x-color-picker a:hover em span,
|
||||
.cmp-theme-colorpalette.x-color-picker .color-transparent.x-color-picker-selected em span {
|
||||
border:none;
|
||||
}
|
||||
|
||||
.cmp-theme-colorpalette .color-transparent {
|
||||
background-image: url(../img/themecolorpalette/nocolor.png);
|
||||
background-image: -webkit-image-set(url("../img/themecolorpalette/nocolor.png") 1x, url("../img/themecolorpalette/nocolor@2x.png") 2x);
|
||||
}
|
||||
|
||||
.cmp-theme-colorpalette .color-transparent em span {
|
||||
border:solid 1px #C0C0C0;
|
||||
}
|
||||
|
||||
.common-extendedcolordialog #field-start-color.color-transparent {
|
||||
background-image: url(../img/hsbcolorpicker/transparent-color.png);
|
||||
background-image: -webkit-image-set(url("../img/hsbcolorpicker/transparent-color.png") 1x, url("../img/hsbcolorpicker/transparent-color@2x.png") 2x);
|
||||
background-size: cover;
|
||||
}
|
||||
Reference in New Issue
Block a user