init repo
This commit is contained in:
nikolay ivanov
@@ -0,0 +1,111 @@
|
||||
.asc-advanced-settings-window .x-window-body,
|
||||
.asc-advanced-settings-window .x-form-item,
|
||||
.asc-advanced-settings-window .x-form-field {
|
||||
font-size: 11px !important;
|
||||
}
|
||||
|
||||
.advanced-settings-separator {
|
||||
background: repeat-y left top url('../img/imgage-settings-advanced-separator.png');
|
||||
background-image: -webkit-image-set(url("../img/imgage-settings-advanced-separator.png") 1x, url("../img/imgage-settings-advanced-separator@2x.png") 2x);
|
||||
}
|
||||
|
||||
.image-advanced-container.x-item-disabled .x-mask{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* settings for charts */
|
||||
.btn-chart-types {
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.btn-chart-types .x-btn-icon {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.btn-chart-types.x-btn-default-small,
|
||||
.btn-chart-types.x-btn-default-small-pressed
|
||||
{
|
||||
/*background-image: url(../../../../common/main/resources/img/controls/text-bg.gif);*/
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-chart-types button {
|
||||
width: 50px !important;
|
||||
border: 1px solid rgba(172, 172, 172, 0.5);
|
||||
}
|
||||
|
||||
.chart-subtype {
|
||||
background-image: url(../img/charttypes.png);
|
||||
background-image: -webkit-image-set(url("../img/charttypes.png") 1x, url("../img/charttypes@2x.png") 2x) !important;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.line-stack {
|
||||
background-position: -50px 0;
|
||||
}
|
||||
|
||||
.line-pstack {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
|
||||
.column-normal {
|
||||
background-position: 0 -50px;
|
||||
}
|
||||
|
||||
.column-stack{
|
||||
background-position: -50px -50px;
|
||||
}
|
||||
|
||||
.column-pstack{
|
||||
background-position: -100px -50px;
|
||||
}
|
||||
|
||||
.bar-normal {
|
||||
background-position: 0 -100px;
|
||||
}
|
||||
|
||||
.bar-stack{
|
||||
background-position: -50px -100px;
|
||||
}
|
||||
|
||||
.bar-pstack{
|
||||
background-position: -100px -100px;
|
||||
}
|
||||
|
||||
.area-normal {
|
||||
background-position: 0 -150px;
|
||||
}
|
||||
|
||||
.area-stack{
|
||||
background-position: -50px -150px;
|
||||
}
|
||||
|
||||
.area-pstack{
|
||||
background-position: -100px -150px;
|
||||
}
|
||||
|
||||
.pie-normal {
|
||||
background-position: 0 -200px;
|
||||
}
|
||||
|
||||
.point-normal{
|
||||
background-position: -50px -200px;
|
||||
}
|
||||
|
||||
.stock-normal{
|
||||
background-position: -100px -200px;
|
||||
}
|
||||
/**/
|
||||
|
||||
.advanced-btn-ratio {
|
||||
background-image: url('../img/button_ratio.png');
|
||||
background-image: -webkit-image-set(url("../img/button_ratio.png") 1x, url("../img/button_ratio@2x.png") 2x);
|
||||
background-position: -2px -2px;
|
||||
}
|
||||
.x-btn-over .advanced-btn-ratio {background-position: -22px -2px;}
|
||||
.x-btn-pressed .advanced-btn-ratio {background-position: -42px -2px;}
|
||||
.x-btn-menu-active .advanced-btn-ratio {background-position: -42px -2px;}
|
||||
.x-btn-disabled .advanced-btn-ratio {background-position: -62px -2px;}
|
||||
.x-btn-disabled .advanced-btn-ratio {background-position: -62px -2px;}
|
||||
@@ -0,0 +1,38 @@
|
||||
.sse-documentholder {
|
||||
background-color: #EAEAEB;
|
||||
}
|
||||
|
||||
.sse-documentholder.left-border {
|
||||
border-left:solid 1px #afafaf;
|
||||
}
|
||||
|
||||
.sse-documentholder.top-border {
|
||||
border-top:solid 1px #afafaf;
|
||||
}
|
||||
|
||||
*:focus, *:active {
|
||||
outline: none;
|
||||
outline-offset:2px;
|
||||
}
|
||||
|
||||
.username-tip {
|
||||
background-color: #ee3525;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
padding: 2px 10px;
|
||||
color: #ffffff;
|
||||
font-family: arial;
|
||||
font-size: 11px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* safari 7.0 */
|
||||
.safari-7 .x-box-layout-ct {
|
||||
overflow: inherit;
|
||||
}
|
||||
|
||||
.safari-7 .x-box-inner::-webkit-scrollbar,
|
||||
.safari-7 .x-box-layout-ct::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
@@ -0,0 +1,172 @@
|
||||
.sse-documentstatusinfo {
|
||||
background: #e4e4e4; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #e4e4e4 0%, #e4e4e4 3%, #d9d9d9 4%, #ababab 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(3%,#e4e4e4), color-stop(4%,#d9d9d9), color-stop(100%,#ababab)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #e4e4e4 0%,#e4e4e4 3%,#d9d9d9 4%,#ababab 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #e4e4e4 0%,#e4e4e4 3%,#d9d9d9 4%,#ababab 100%); /* Opera 11.10+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#ababab',GradientType=0 ); /* IE6-9 */
|
||||
background: -ms-linear-gradient(top, #e4e4e4 0%,#e4e4e4 3%,#d9d9d9 4%,#ababab 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #e4e4e4 0%,#e4e4e4 3%,#d9d9d9 4%,#ababab 100%); /* W3C */
|
||||
|
||||
border:0;
|
||||
border-top: 1px solid #afafaf;
|
||||
}
|
||||
|
||||
.statusinfo-pages, .statusinfo-caption {
|
||||
font: bold 11px Helvetica, Arial, Verdana, sans-serif;
|
||||
color: #666666;
|
||||
text-shadow: #d3d3d3 0 1px 0;
|
||||
}
|
||||
|
||||
.sse-documentstatusinfo .x-btn-default-small{
|
||||
padding: 0;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
background: transparent;
|
||||
filter: none;
|
||||
box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
.sse-documentstatusinfo .x-btn-default-small-pressed{
|
||||
border: 1px solid rgba(0, 0, 0, 0.2)!important;
|
||||
}
|
||||
.sse-documentstatusinfo .asc-statusbar-icon-btn button {
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
line-height: 20px !important;
|
||||
}
|
||||
|
||||
.sse-documentstatusinfo .asc-btn-zoom.x-btn-default-small-pressed {
|
||||
border: 1px solid rgba(0, 0, 0, 0)!important;
|
||||
background: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.sse-documentstatusinfo .x-btn-default-small-icon .asc-statusbar-btn{
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
}
|
||||
|
||||
.sse-documentstatusinfo-menu-inner{
|
||||
border-radius: 5px;
|
||||
-moz-border-radius:5px;
|
||||
-webkit-border-radius:5px;
|
||||
-o-border-radius:5px;
|
||||
-ms-border-radius:5px;
|
||||
-khtml-border-radius:5px;
|
||||
}
|
||||
|
||||
.status-zoom-menu .x-menu-item-link{
|
||||
padding: 6px 2px 3px 6px;
|
||||
}
|
||||
|
||||
.status-zoom-menu .x-menu-item{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* icons */
|
||||
|
||||
.asc-statusbar-btn,
|
||||
.sse-icon-statusinfo-users {
|
||||
background-image: url('../img/toolbar-menu.png');
|
||||
background-image: -webkit-image-set(url("../img/toolbar-menu.png") 1x, url("../img/toolbar-menu@2x.png") 2x);
|
||||
}
|
||||
|
||||
/* zoomin */
|
||||
.btn-zoomin {background-position: 0 -1500px;}
|
||||
.x-btn-over .btn-zoomin {background-position: -20px -1500px;}
|
||||
.x-btn-pressed .btn-zoomin {background-position: -40px -1500px;}
|
||||
.x-btn-menu-active .btn-zoomin {background-position: -40px -1500px;}
|
||||
.x-btn-disabled .btn-zoomin {background-position: -60px -1500px;}
|
||||
|
||||
/* zoomout */
|
||||
.btn-zoomout {background-position: 0 -1520px;}
|
||||
.x-btn-over .btn-zoomout {background-position: -20px -1520px;}
|
||||
.x-btn-pressed .btn-zoomout {background-position: -40px -1520px;}
|
||||
.x-btn-menu-active .btn-zoomout {background-position: -40px -1520px;}
|
||||
.x-btn-disabled .btn-zoomout {background-position: -60px -1520px;}
|
||||
|
||||
.sse-icon-statusinfo-users.x-btn-icon {
|
||||
background-position: 0 -1480px;
|
||||
}
|
||||
|
||||
.sse-documentstatusinfo .x-btn-default-small-icon .asc-page-scroller-btn{
|
||||
width: 16px !important;
|
||||
height: 16px !important;
|
||||
}
|
||||
|
||||
.asc-page-scroller-btn{
|
||||
background-image: url('../img/toolbar-menu.png');
|
||||
background-image: -webkit-image-set(url("../img/toolbar-menu.png") 1x, url("../img/toolbar-menu@2x.png") 2x);
|
||||
}
|
||||
|
||||
/* scroll first */
|
||||
.btn-scroll-first {background-position: 0 -1598px;}
|
||||
.x-btn-over .btn-scroll-first {background-position: -16px -1598px;}
|
||||
.x-btn-pressed .btn-scroll-first {background-position: -32px -1598px;}
|
||||
.x-btn-menu-active .btn-scroll-first{background-position: -32px -1598px;}
|
||||
.x-btn-disabled .btn-scroll-first {background-position: -48px -1598px;}
|
||||
|
||||
/* scroll last */
|
||||
.btn-scroll-last {background-position: 0 -1550px;}
|
||||
.x-btn-over .btn-scroll-last {background-position: -16px -1550px;}
|
||||
.x-btn-pressed .btn-scroll-last {background-position: -32px -1550px;}
|
||||
.x-btn-menu-active .btn-scroll-last{background-position: -32px -1550px;}
|
||||
.x-btn-disabled .btn-scroll-last {background-position: -48px -1550px;}
|
||||
|
||||
/* scroll prev */
|
||||
.btn-scroll-prev {background-position: 0 -1582px;}
|
||||
.x-btn-over .btn-scroll-prev {background-position: -16px -1582px;}
|
||||
.x-btn-pressed .btn-scroll-prev {background-position: -32px -1582px;}
|
||||
.x-btn-menu-active .btn-scroll-prev{background-position: -32px -1582px;}
|
||||
.x-btn-disabled .btn-scroll-prev {background-position: -48px -1582px;}
|
||||
|
||||
/* scroll next */
|
||||
.btn-scroll-next {background-position: 0 -1566px;}
|
||||
.x-btn-over .btn-scroll-next {background-position: -16px -1566px;}
|
||||
.x-btn-pressed .btn-scroll-next {background-position: -32px -1566px;}
|
||||
.x-btn-menu-active .btn-scroll-next{background-position: -32px -1566px;}
|
||||
.x-btn-disabled .btn-scroll-next {background-position: -48px -1566px;}
|
||||
|
||||
.x-tab .asc-add-page-icon {
|
||||
background-image: url(../img/toolbar-menu.png);
|
||||
background-image: -webkit-image-set(url("../img/toolbar-menu.png") 1x, url("../img/toolbar-menu@2x.png") 2x);
|
||||
background-position: -20px -1480px;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
/* cellinfo field styles */
|
||||
.asc-input-aslabel input.x-form-text:not(.x-form-focus) {
|
||||
background-image:none;
|
||||
background-color:#E9E9E9;
|
||||
border-bottom:solid 1px #AFAFAF;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
border-top: none;
|
||||
padding: 1px 0 0 4px;
|
||||
}
|
||||
|
||||
.infobox-cell-multiline-button {
|
||||
background-image: url(../img/toolbar-menu.png);
|
||||
background-image: -webkit-image-set(url("../img/toolbar-menu.png") 1x, url("../img/toolbar-menu@2x.png") 2x);
|
||||
}
|
||||
|
||||
#infobox-cell-multiline-button{
|
||||
border-top: none;
|
||||
border-left: none;
|
||||
background: #E9E9E9;
|
||||
}
|
||||
|
||||
|
||||
.button-collapse .infobox-cell-multiline-button {background-position: 0 -1456px;}
|
||||
.button-collapse.x-btn-over .infobox-cell-multiline-button {background-position: -12px -1456px;}
|
||||
.x-btn-pressed.button-collapse .infobox-cell-multiline-button {background-position: -24px -1456px;}
|
||||
.x-btn-menu-active.button-collapse .infobox-cell-multiline-button {background-position: -21px -1456px;}
|
||||
.x-btn-disabled.button-collapse .infobox-cell-multiline-button {background-position: -36px -1456px;}
|
||||
|
||||
.infobox-cell-multiline-button {background-position: 0 -1440px;}
|
||||
.x-btn-over .infobox-cell-multiline-button {background-position: -12px -1440px;}
|
||||
.x-btn-pressed .infobox-cell-multiline-button {background-position: -24px -1440px;}
|
||||
.x-btn-menu-active .infobox-cell-multiline-button {background-position: -24px -1440px;}
|
||||
.x-btn-disabled .infobox-cell-multiline-button {background-position: -36px -1440px;}
|
||||
@@ -0,0 +1,91 @@
|
||||
.sse-file-createnew {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.sse-file-createnew hr {
|
||||
margin: 0;
|
||||
border-bottom: none;
|
||||
border-color: #e1e1e1;
|
||||
}
|
||||
|
||||
.sse-file-createnew h3 {
|
||||
font: 10pt arial, tahoma, verdana, sans-serif;
|
||||
font-weight: bold;
|
||||
color: #606060;
|
||||
padding: 0 0 10px 10px;
|
||||
}
|
||||
|
||||
.blank-document {
|
||||
}
|
||||
|
||||
.btn-blank-document {
|
||||
float: left;
|
||||
margin: 25px 15px 65px 20px;
|
||||
background: url(../img/file-templates.png) 0 0 no-repeat;
|
||||
background-image: -webkit-image-set(url("../img/file-templates.png") 1x, url("../img/file-templates@2x.png") 2x);
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-blank-document.over {
|
||||
background-position: -128px 0;
|
||||
}
|
||||
|
||||
.blank-document-info {
|
||||
float: left;
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
.blank-document-info h3 {
|
||||
padding-left: 0;
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.container-template-list .thumb-wrap {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
padding: 30px 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.container-template-list .thumb-wrap .thumb {
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
background: url(../img/file-templates.png) 0 0 no-repeat;
|
||||
background-image: -webkit-image-set(url("../img/file-templates.png") 1x, url("../img/file-templates@2x.png") 2x);
|
||||
}
|
||||
|
||||
.container-template-list .thumb-wrap .title {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.container-template-list .thumb-wrap .thumb.contract {
|
||||
background-position: 0 -128px;
|
||||
}
|
||||
.container-template-list .thumb-wrap.x-item-over .thumb.contract {
|
||||
background-position: -128px -128px;
|
||||
}
|
||||
|
||||
.container-template-list .thumb-wrap .thumb.letter {
|
||||
background-position: 0 -256px;
|
||||
}
|
||||
.container-template-list .thumb-wrap.x-item-over .thumb.letter {
|
||||
background-position: -128px -256px;
|
||||
}
|
||||
|
||||
.container-template-list .thumb-wrap .thumb.list {
|
||||
background-position: 0 -384px;
|
||||
}
|
||||
.container-template-list .thumb-wrap.x-item-over .thumb.list {
|
||||
background-position: -128px -384px;
|
||||
}
|
||||
|
||||
.container-template-list .thumb-wrap .thumb.plan {
|
||||
background-position: 0 -512px;
|
||||
}
|
||||
.container-template-list .thumb-wrap.x-item-over .thumb.plan {
|
||||
background-position: -128px -512px;
|
||||
}
|
||||
@@ -0,0 +1,40 @@
|
||||
.sse-recentfiles {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.container-recent-file-list .thumb-wrap {
|
||||
/*display: inline-block;*/
|
||||
/*float: left;*/
|
||||
height: 65px;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.container-recent-file-list .thumb-wrap.x-item-over {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.container-recent-file-list .thumb-wrap .thumb {
|
||||
float: left;
|
||||
width: 35px;
|
||||
height: 45px;
|
||||
margin-right: 10px;
|
||||
background: url("../img/file-recent.png") 0 0 no-repeat;
|
||||
background-image: -webkit-image-set(url("../img/file-recent.png") 1x, url("../img/file-recent@2x.png") 2x);
|
||||
}
|
||||
|
||||
.container-recent-file-list .thumb-wrap .file-name {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.container-recent-file-list .thumb-wrap .file-info {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #999;
|
||||
}
|
||||
226
OfficeWeb/apps/spreadsheeteditor/main/resources/css/file.css
Normal file
226
OfficeWeb/apps/spreadsheeteditor/main/resources/css/file.css
Normal file
@@ -0,0 +1,226 @@
|
||||
.sse-file-body .x-panel-body-default {
|
||||
background: #ffffff;
|
||||
border-color: #ffffff;
|
||||
}
|
||||
|
||||
.sse-file-toolbar,
|
||||
.x-nlg .sse-file-toolbar {
|
||||
background-color: #f4f4f4 !important;
|
||||
background-image: none !important;
|
||||
-webkit-box-shadow: inset -1px 0 0 #C8C8C8;
|
||||
-moz-box-shadow: inset -1px 0 0 #C8C8C8;
|
||||
box-shadow: inset -1px 0 0 #C8C8C8;
|
||||
filter: none;
|
||||
border: none !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sse-file-separator {
|
||||
margin: 10px 20px 10px 20px;
|
||||
height: 1px;
|
||||
line-height: 0px;
|
||||
border: 1px solid #e1e1e1;
|
||||
border-bottom: 1px solid white;
|
||||
}
|
||||
|
||||
.x-btn-file-over {
|
||||
background-color: #e2e2e2;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.format-text-style {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.download-button-style {
|
||||
background-color: #f5f5f5 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/*.download-button-style.x-btn-default-small-pressed{*/
|
||||
/*background: none !important;*/
|
||||
/*}*/
|
||||
|
||||
.sse-file-table table {
|
||||
margin-left: auto !important;
|
||||
margin-right: auto !important;
|
||||
}
|
||||
|
||||
.sse-file-left-arrow {
|
||||
background: url(../img/left_white_arrow.png) right no-repeat !important;
|
||||
background-image: -webkit-image-set(url("../img/left_white_arrow.png") 1x, url("../img/left_white_arrow@2x.png") 2x) !important;
|
||||
}
|
||||
|
||||
.tabular-format{
|
||||
background: url(../img/docformat.png) 0 0 no-repeat !important;
|
||||
background-image: -webkit-image-set(url("../img/docformat.png") 1x, url("../img/docformat@2x.png") 2x) !important;
|
||||
}
|
||||
|
||||
.btn-xls {
|
||||
background-position: -306px 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.btn-xlsx {
|
||||
background-position: -102px 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.btn-csv {
|
||||
background-position: -102px -129px !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.btn-rtf {
|
||||
background-position: -510px -129px !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.btn-txt {
|
||||
background-position: -714px -129px !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.btn-html {
|
||||
background-position: -714px 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.btn-ods {
|
||||
background-position: -510px 0 !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.btn-pdf {
|
||||
background-position: -306px -129px !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.btn-xls.x-btn-over,
|
||||
.btn-xls.x-btn-pressed {
|
||||
background-position: -204px 0 !important;
|
||||
}
|
||||
|
||||
.btn-xlsx.x-btn-over,
|
||||
.btn-xlsx.x-btn-pressed {
|
||||
background-position: 0 0 !important;
|
||||
}
|
||||
|
||||
.btn-csv.x-btn-over,
|
||||
.btn-csv.x-btn-pressed {
|
||||
background-position: 0 -129px !important;
|
||||
}
|
||||
|
||||
.btn-rtf.x-btn-over,
|
||||
.btn-rtf.x-btn-pressed {
|
||||
background-position: -408px -129px !important;
|
||||
}
|
||||
|
||||
.btn-txt.x-btn-over,
|
||||
.btn-txt.x-btn-pressed {
|
||||
background-position: -612px -129px !important;
|
||||
}
|
||||
|
||||
.btn-html.x-btn-over,
|
||||
.btn-html.x-btn-pressed {
|
||||
background-position: -612px 0 !important;
|
||||
}
|
||||
|
||||
.btn-ods.x-btn-over,
|
||||
.btn-ods.x-btn-pressed {
|
||||
background-position: -408px 0 !important;
|
||||
}
|
||||
|
||||
.btn-pdf.x-btn-over,
|
||||
.btn-pdf.x-btn-pressed {
|
||||
background-position: -204px -129px !important;
|
||||
}
|
||||
|
||||
.sse-documentinfo-body .userLink {
|
||||
background: url(../img/profile.png) no-repeat scroll left center transparent;
|
||||
background-image: -webkit-image-set(url("../img/profile.png") 1x, url("../img/profile@2x.png") 2x) !important;
|
||||
display: inline-block;
|
||||
padding: 0 0 0 17px;
|
||||
}
|
||||
|
||||
.help-menu-view {
|
||||
padding-top: 14px;
|
||||
}
|
||||
|
||||
.help-menu-container .thumb-wrap{
|
||||
padding: 7px 2px 7px 20px;
|
||||
width: 100%;
|
||||
cursor: pointer;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.help-menu-container .thumb-wrap.x-item-over{
|
||||
background: none;
|
||||
}
|
||||
|
||||
.help-menu-container .thumb-wrap.x-item-selected {
|
||||
background: url(../img/controls/button/toolbar-button-bg.gif) repeat-x !important;
|
||||
background-image: -webkit-image-set(url("../img/controls/button/toolbar-button-bg.gif") 1x, url("../img/controls/button/toolbar-button-bg@2x.gif") 2x) !important;
|
||||
background-origin: border-box !important;
|
||||
-moz-background-origin: border !important;
|
||||
background-attachment: inherit;
|
||||
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);
|
||||
}
|
||||
|
||||
.help-menu-container .thumb-wrap.x-item-selected span {
|
||||
color:#FFFFFF !important;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.help-menu-container .header-wrap {
|
||||
padding: 7px 2px 7px 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.sse-documentsettings-body {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.sse-documentinfo-body .doc-info-label-cell,
|
||||
.sse-documentsettings-body .doc-info-label-cell {
|
||||
font-weight: bold;
|
||||
width: 30%
|
||||
}
|
||||
|
||||
.doc-info-label-cell.label-align-top {
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
.thumb-wrap .icon {
|
||||
width: 20px;
|
||||
margin-top: -3px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.thumb-wrap .icon.mnu-print {
|
||||
background-image: url(../img/advset-btns.png);
|
||||
background-image: -webkit-image-set(url("../img/advset-btns.png") 1x, url("../img/advset-btns@2x.png") 2x);
|
||||
background-position: 0 -20px;
|
||||
}
|
||||
|
||||
.thumb-wrap.x-item-selected .icon.mnu-print {
|
||||
background-position: -20px -20px;
|
||||
}
|
||||
|
||||
.thumb-wrap .icon.mnu-settings-general {
|
||||
background-image: url(../img/advset-btns.png);
|
||||
background-image: -webkit-image-set(url("../img/advset-btns.png") 1x, url("../img/advset-btns@2x.png") 2x);
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.thumb-wrap.x-item-selected .icon.mnu-settings-general {
|
||||
background-position: -20px 0;
|
||||
}
|
||||
|
||||
.thumb-wrap .caption:nth-child(2) {
|
||||
margin-left: 30px
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
|
||||
.splitter-document-area {
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
|
||||
.splitter-document-area .x-mask {
|
||||
background-color: #e9e9e9;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.splitter-document-area.x-item-disabled{
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.infobox-container-border {
|
||||
border-bottom: solid 1px #afafaf;
|
||||
}
|
||||
|
||||
.infobox-container-border.left-border {
|
||||
border-left: solid 1px #afafaf;
|
||||
}
|
||||
@@ -0,0 +1,11 @@
|
||||
.common-header {
|
||||
color: #dfe6cc;
|
||||
background: #798d45;
|
||||
background: -moz-linear-gradient(top, #a2bd5e 0%, #798d45 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2bd5e), color-stop(100%,#798d45));
|
||||
background: -webkit-linear-gradient(top, #a2bd5e 0%,#798d45 100%);
|
||||
background: -o-linear-gradient(top, #a2bd5e 0%,#798d45 100%);
|
||||
background: -ms-linear-gradient(top, #a2bd5e 0%,#798d45 100%);
|
||||
background: linear-gradient(to bottom, #a2bd5e 0%,#798d45 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2bd5e', endColorstr='#798d45',GradientType=0 );
|
||||
}
|
||||
@@ -0,0 +1,139 @@
|
||||
.lm-style .x-toolbar-default,
|
||||
.lm-style .x-panel-default,
|
||||
.lm-style .x-toolbar {
|
||||
/*background-image: none;*/
|
||||
border-top: 1px solid #c8c8c8 !important;
|
||||
border-right: 1px solid #c8c8c8 !important;
|
||||
border-bottom: none !important;
|
||||
padding-left: 0;
|
||||
filter: none;
|
||||
background-image: none !important;
|
||||
|
||||
background-color: #e9e9e9 !important;
|
||||
}
|
||||
|
||||
.rm-style .x-toolbar-default,
|
||||
.rm-style .x-toolbar {
|
||||
border-top: 1px solid #c8c8c8 !important;
|
||||
border-left: 1px solid #c8c8c8 !important;
|
||||
border-bottom: none !important;
|
||||
padding-left: 0;
|
||||
filter: none;
|
||||
background-image: none !important;
|
||||
|
||||
background-color: #e9e9e9 !important;
|
||||
}
|
||||
|
||||
.lm-body,
|
||||
.rm-body {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/*.x-btn-lm-over {
|
||||
border: navy;
|
||||
background-image: none;
|
||||
border-color: #ffffff !important;
|
||||
}
|
||||
|
||||
.x-btn-lm-pressed {
|
||||
border-color: #ffffff !important;
|
||||
background-image: none;
|
||||
background-color: #d3d3d3 !important;
|
||||
-moz-box-shadow : none !important;
|
||||
-webkit-box-shadow : none !important;
|
||||
box-shadow : none !important;
|
||||
}*/
|
||||
|
||||
.lm-default-toolbar .x-btn-default-toolbar-small,
|
||||
.rm-default-toolbar .x-btn-default-toolbar-small {
|
||||
-moz-border-radius: 0;
|
||||
-webkit-border-radius: 0;
|
||||
-o-border-radius: 0;
|
||||
-ms-border-radius: 0;
|
||||
-khtml-border-radius: 0;
|
||||
border-radius: 0;
|
||||
}
|
||||
/*.lm-default-toolbar button {
|
||||
width: 36px !important;
|
||||
height: 25px !important;
|
||||
}*/
|
||||
|
||||
.menuFile, .menuSearch, .menuChat, .menuComments, .menuAbout,
|
||||
.menuImage, .menuShape, .menuSlide, .menuChart, .menuText {
|
||||
background-image: url("../img/toolbar-menu.png");
|
||||
background-image: -webkit-image-set(url("../img/toolbar-menu.png") 1x, url("../img/toolbar-menu@2x.png") 2x);
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
/*menuFile*/
|
||||
.menuFile { background-position: 0 -1248px;}
|
||||
.x-btn-over .menuFile { background-position: -24px -1248px;}
|
||||
.x-btn-pressed .menuFile,
|
||||
.x-btn-menu-active .menuFile { background-position: -48px -1248px;}
|
||||
.x-btn-disabled .menuFile { background-position: -72px -1248px;}
|
||||
|
||||
/*menuSearch*/
|
||||
.menuSearch { background-position: 0 -1272px;}
|
||||
.x-btn-over .menuSearch { background-position: -24px -1272px;}
|
||||
.x-btn-pressed .menuSearch,
|
||||
.x-btn-menu-active .menuSearch { background-position: -48px -1272px;}
|
||||
.x-btn-disabled .menuSearch { background-position: -72px -1272px;}
|
||||
|
||||
/*menuChat*/
|
||||
.menuChat { background-position: 0 -1200px;}
|
||||
.x-btn-over .menuChat { background-position: -24px -1200px;}
|
||||
.x-btn-pressed .menuChat,
|
||||
.x-btn-menu-active .menuChat { background-position: -48px -1200px;}
|
||||
.x-btn-disabled .menuChat { background-position: -72px -1200px;}
|
||||
|
||||
/*menuComments*/
|
||||
.menuComments { background-position: 0 -1296px;}
|
||||
.x-btn-over .menuComments { background-position: -24px -1296px;}
|
||||
.x-btn-pressed .menuComments,
|
||||
.x-btn-menu-active .menuComments{ background-position: -48px -1296px;}
|
||||
.x-btn-disabled .menuComments { background-position: -72px -1296px;}
|
||||
|
||||
/*menuChat*/
|
||||
.menuAbout { background-position: 0 -1613px;}
|
||||
.x-btn-over .menuAbout { background-position: -24px -1613px;}
|
||||
.x-btn-pressed .menuAbout,
|
||||
.x-btn-menu-active .menuAbout{ background-position: -48px -1613px;}
|
||||
.x-btn-disabled .menuAbout { background-position: -72px -1613px;}
|
||||
|
||||
/*menuImage*/
|
||||
.menuImage { background-position: 0 -1344px;}
|
||||
.x-btn-over .menuImage { background-position: -24px -1344px;}
|
||||
.x-btn-pressed .menuImage,
|
||||
.x-btn-menu-active .menuImage { background-position: -48px -1344px;}
|
||||
.x-btn-disabled .menuImage { background-position: -72px -1344px;}
|
||||
|
||||
/*menuShape*/
|
||||
.menuShape { background-position: 0 -1320px;}
|
||||
.x-btn-over .menuShape { background-position: -24px -1320px;}
|
||||
.x-btn-pressed .menuShape,
|
||||
.x-btn-menu-active .menuShape { background-position: -48px -1320px;}
|
||||
.x-btn-disabled .menuShape { background-position: -72px -1320px;}
|
||||
|
||||
/*menuChart*/
|
||||
.menuChart { background-position: 0 -1368px;}
|
||||
.x-btn-over .menuChart { background-position: -24px -1368px;}
|
||||
.x-btn-pressed .menuChart,
|
||||
.x-btn-menu-active .menuChart { background-position: -48px -1368px;}
|
||||
.x-btn-disabled .menuChart { background-position: -72px -1368px;}
|
||||
|
||||
/*menuText*/
|
||||
.menuText { background-position: 0 -1392px;}
|
||||
.x-btn-over .menuText { background-position: -24px -1392px;}
|
||||
.x-btn-pressed .menuText,
|
||||
.x-btn-menu-active .menuText { background-position: -48px -1392px;}
|
||||
.x-btn-disabled .menuText { background-position: -72px -1392px;}
|
||||
|
||||
.notify .asc-main-menu-btn { background-position: 0 -1224px;}
|
||||
.notify.x-btn-over .asc-main-menu-btn { background-position: -24px -1224px;}
|
||||
.notify.x-btn-pressed .asc-main-menu-btn,
|
||||
.notify.x-btn-menu-active .asc-main-menu-btn{ background-position: -48px -1224px;}
|
||||
|
||||
.left-arrow {
|
||||
background: url(../img/left_arrow.png) right no-repeat !important;
|
||||
background-image: -webkit-image-set(url("../img/left_arrow.png") 1x, url("../img/left_arrow@2x.png") 2x) !important;
|
||||
}
|
||||
@@ -0,0 +1,273 @@
|
||||
.asc-right-panel-container {
|
||||
background-color:#F4F4F4;
|
||||
}
|
||||
|
||||
.asc-right-panel-container.x-item-disabled{
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.btn-icon-change-shape {
|
||||
background-image: url('../img/right-panels/rowscols_icon.png') !important;
|
||||
background-image: -webkit-image-set(url("../img/right-panels/rowscols_icon.png") 1x, url("../img/right-panels/rowscols_icon@2x.png") 2x) !important;
|
||||
width: 28px !important;
|
||||
margin-left: 3px;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.btn-icon-change-shape {background-position: 0 -16px;}
|
||||
.x-btn-over .btn-icon-change-shape {background-position: -28px -16px;}
|
||||
.x-btn-pressed .btn-icon-change-shape {background-position: -56px -16px;}
|
||||
|
||||
.x-btn.asc-right-panel-edit-btn {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.x-btn-default-small-icon.asc-right-panel-edit-btn button {
|
||||
width: 31px !important;
|
||||
}
|
||||
|
||||
.asc-right-tabpanel .x-panel-header {
|
||||
padding: 0 4px 0 0;
|
||||
}
|
||||
|
||||
.asc-right-tabpanel-small-btn {
|
||||
height: 25px;
|
||||
width: 26px;
|
||||
}
|
||||
|
||||
.asc-right-tabpanel-small-btn button {
|
||||
width: 24px !important;
|
||||
}
|
||||
|
||||
.asc-right-tabpanel-small-btn.x-btn-default-small {
|
||||
background: none repeat scroll 0 0 transparent !important;
|
||||
border-color: transparent !important;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
border-shadow: none;
|
||||
}
|
||||
|
||||
.asc-right-tabpanel-small-btn.x-btn-default-small-pressed,
|
||||
.asc-right-tabpanel-small-btn.x-btn-default-small-menu-active {
|
||||
background: none repeat scroll 0 0 #f5f5f5 !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.texture-view .storage-data-view .thumb-wrap,
|
||||
.arrow-view .storage-data-view .thumb-wrap {
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
margin-bottom: 0;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.texture-view .storage-data-view .thumb-wrap {
|
||||
height: 54px;
|
||||
}
|
||||
|
||||
.texture-view .storage-data-view .x-item-over,
|
||||
.arrow-view .storage-data-view .x-item-over {
|
||||
border:2px solid #9dba6f;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.texture-view .storage-data-view .x-item-selected,
|
||||
.arrow-view .storage-data-view .x-item-selected {
|
||||
border:2px solid #9dba6f;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.texture-img-container {
|
||||
border: 1px solid #AFAFAF;
|
||||
border-radius: 2px;
|
||||
background: #ffffff;
|
||||
padding: 14px 20px;
|
||||
}
|
||||
|
||||
.btn-combo-style
|
||||
{
|
||||
background: url("../img/controls/text-bg.gif") repeat-x scroll 0 0 white !important;
|
||||
background-image: -webkit-image-set(url("../img/controls/text-bg.gif") 1x, url("../img/controls/text-bg@2x.png") 2x) !important;
|
||||
height: 22px;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.btn-combo-style em {
|
||||
background-image : url("../img/controls/trigger-btn.png");
|
||||
background-image: -webkit-image-set(url("../img/controls/trigger-btn.png") 1x, url("../img/controls/trigger-btn@2x.png") 2x);
|
||||
}
|
||||
|
||||
.btn-combo-style.x-btn-menu-active.x-btn-over em {
|
||||
background-image : url("../img/controls/trigger-btn.png");
|
||||
background-image: -webkit-image-set(url("../img/controls/trigger-btn.png") 1x, url("../img/controls/trigger-btn@2x.png") 2x);
|
||||
}
|
||||
|
||||
.btn-combo-style.x-item-disabled em {
|
||||
background-image : url("../img/controls/trigger-btn-inactive.png");
|
||||
background-image: -webkit-image-set(url("../img/controls/trigger-btn-inactive.png") 1x, url("../img/controls/trigger-btn-inactive@2x.png") 2x);
|
||||
}
|
||||
|
||||
.btn-combo-style.x-btn-default-small button,
|
||||
.btn-combo-style.x-btn-default-small button span
|
||||
{
|
||||
height: 18px !important;
|
||||
line-height: 18px !important;
|
||||
}
|
||||
|
||||
.asc-advanced-link {
|
||||
border-bottom: 1px solid #aaa;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.asc-right-panel.x-item-disabled{
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.asc-right-panel.x-item-disabled .x-item-disabled,
|
||||
.asc-right-panel .x-item-disabled .x-item-disabled {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.asc-right-panel.x-item-disabled .x-mask{
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.asc-right-panel.x-item-disabled a{
|
||||
color: #929292;
|
||||
}
|
||||
|
||||
.asc-right-panel .asc-slider .x-slider-focus {
|
||||
top: -10px;
|
||||
}
|
||||
|
||||
/* settings for wrap */
|
||||
.wrap-view .thumb-wrap {
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.btn-wrap-types {
|
||||
background-color: #ffffff !important;
|
||||
}
|
||||
|
||||
.btn-wrap-types .x-btn-icon {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.btn-wrap-types.x-btn-default-small,
|
||||
.btn-wrap-types.x-btn-default-small-pressed
|
||||
{
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.btn-wrap-types button {
|
||||
width: 52px !important;
|
||||
height: 52px !important;
|
||||
border: 1px solid rgba(172, 172, 172, 0.5);
|
||||
}
|
||||
|
||||
/* Chart menu*/
|
||||
.chart-data-view {
|
||||
padding: 10px 10px 14px 12px;
|
||||
}
|
||||
|
||||
.chart-data-view .asc-grouped-data {
|
||||
padding: 2px 2px 2px 12px;
|
||||
}
|
||||
|
||||
.chart-data-view .asc-grouped-data:first-child {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.chart-data-view .asc-grouped-data .group-description {
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
.chart-data-view .asc-grouped-data .group-items-container{
|
||||
width: 202px;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.chart-data-view .asc-grouped-data-selector:last-child {
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
.gradient-view .thumb-wrap {
|
||||
margin-right: 4px;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
height: 54px;
|
||||
}
|
||||
|
||||
.gradient-view .gradient-separator {
|
||||
background-color: white;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
margin: 6px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.gradient-view .item-gradient,
|
||||
.gradient-subtype {
|
||||
background-image: url(../img/right-panels/gradients.png) !important;
|
||||
background-image: -webkit-image-set(url("../img/right-panels/gradients.png") 1x, url("../img/right-panels/gradients@2x.png") 2x) !important;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.gradient-left-top {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.gradient-top {
|
||||
background-position: -50px 0;
|
||||
}
|
||||
|
||||
.gradient-right-top {
|
||||
background-position: -100px 0;
|
||||
}
|
||||
|
||||
.gradient-left {
|
||||
background-position: 0 -50px;
|
||||
}
|
||||
|
||||
.gradient-right {
|
||||
background-position: -100px -50px;
|
||||
}
|
||||
|
||||
.gradient-left-bottom {
|
||||
background-position: 0 -100px;
|
||||
}
|
||||
|
||||
.gradient-bottom {
|
||||
background-position: -50px -100px;
|
||||
}
|
||||
|
||||
.gradient-right-bottom {
|
||||
background-position: -100px -100px;
|
||||
}
|
||||
|
||||
.gradient-radial-center {
|
||||
background-position: -100px -150px;
|
||||
}
|
||||
|
||||
.shape-pattern.storage-combodataview .emptyText {
|
||||
padding-top: 7px;
|
||||
}
|
||||
|
||||
.shape-pattern.storage-combodataview .thumb-wrap {
|
||||
margin-right: 1px !important;
|
||||
}
|
||||
|
||||
.safari-7 .shape-pattern.storage-combodataview .thumb-wrap {
|
||||
margin-right: 0px !important;
|
||||
}
|
||||
|
||||
.shape-pattern .item-combo-pattern,
|
||||
.storage-data-view .item-combo-pattern {
|
||||
background-image: url(../img/right-panels/patterns.png) !important;
|
||||
background-image: -webkit-image-set(url("../img/right-panels/patterns.png") 1x, url("../img/right-panels/patterns@2x.png") 2x) !important;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
}
|
||||
@@ -0,0 +1,129 @@
|
||||
.x-btn-default-toolbar-small-pressed, .x-btn-default-toolbar-small-menu-active{
|
||||
background: url(../img/controls/button/toolbar-button-bg.gif) repeat-x !important;
|
||||
background-image: -webkit-image-set(url("../img/controls/button/toolbar-button-bg.gif") 1x, url("../img/controls/button/toolbar-button-bg@2x.gif") 2x) !important;
|
||||
background-clip: border-box;
|
||||
background-origin: border-box !important;
|
||||
-moz-background-origin: border !important;
|
||||
}
|
||||
|
||||
.x-btn-default-toolbar-small-disabled {
|
||||
background: none repeat scroll 0 0 transparent !important;
|
||||
border-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
-moz-box-shadow: none !important;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
|
||||
|
||||
.x-boundlist-selected {
|
||||
background: none repeat scroll 0 0 #d0e5b1;
|
||||
border-color: #9dba6f;
|
||||
}
|
||||
|
||||
.x-boundlist-item-over, .x-boundlist-selected .x-boundlist-item-over, .x-nlg .x-menu-item-active .x-menu-item-link, .x-menu-item-active .x-menu-item-link{ /*excolor*/
|
||||
background: #a1bc5d; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #a1bc5d 0%, #7b9046 110%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a1bc5d), color-stop(100%,#7b9046)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #a1bc5d 0%,#7b9046 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #a1bc5d 0%,#7b9046 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #a1bc5d 0%,#7b9046 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #a1bc5d 0%,#7b9046 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1bc5d', endColorstr='#7b9046',GradientType=0 ); /* IE6-9 */
|
||||
|
||||
border: 1px solid transparent;
|
||||
border-top-color:#a1bc5d;
|
||||
border-bottom-color:#7b9046;
|
||||
color: #FFFFFF;
|
||||
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
|
||||
|
||||
}
|
||||
.x-grid-row-selected .x-grid-cell {
|
||||
background-color: #d0e5b1 !important;
|
||||
border-color: #9dba6f;
|
||||
border-style: dotted;
|
||||
}
|
||||
.x-nlg .x-grid-row-selected .x-grid-cell-special, .x-grid-row-selected .x-grid-cell-special{
|
||||
background-color: #d0e5b1 !important;
|
||||
background-image: none;
|
||||
border-color: #9dba6f;
|
||||
border-style: dotted;
|
||||
}
|
||||
|
||||
|
||||
.x-grid-row .x-grid-cell-special{
|
||||
background-image: none;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.x-nlg .x-menu-item-active .x-menu-item-link, .x-menu-item-active .x-menu-item-link{
|
||||
border-radius: inherit;
|
||||
-o-border-radius: inherit;
|
||||
-moz-border-radius: inherit;
|
||||
}
|
||||
|
||||
.x-btn-default-small-pressed{
|
||||
background: url(../img/controls/button/toolbar-button-bg.gif) repeat-x top !important;
|
||||
background-image: -webkit-image-set(url("../img/controls/button/toolbar-button-bg.gif") 1x, url("../img/controls/button/toolbar-button-bg@2x.gif") 2x) !important;
|
||||
background-clip: border-box;
|
||||
background-origin: border-box !important;
|
||||
-moz-background-origin: border !important;
|
||||
}
|
||||
|
||||
.asc-blue-button.x-btn-default-small{
|
||||
background:url(../img/controls/button/normal-blue-button-bg.gif) repeat-x top;
|
||||
background-image: -webkit-image-set(url("../img/controls/button/normal-blue-button-bg.gif") 1x, url("../img/controls/button/normal-blue-button-bg@2x.gif") 2x) !important;
|
||||
border-top: 1px solid #96b152;
|
||||
border-bottom: 1px solid #677b33;
|
||||
background-clip: border-box;
|
||||
background-origin: border-box !important;
|
||||
-moz-background-origin: border !important;
|
||||
}
|
||||
|
||||
.asc-blue-button.x-btn-default-small-over{
|
||||
background-position: 0 -150px;
|
||||
}
|
||||
|
||||
.asc-blue-button.x-btn-default-small-pressed{
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
|
||||
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
|
||||
|
||||
background-position: 0 -300px;
|
||||
}
|
||||
|
||||
.storage-data-view .x-item-over {
|
||||
border: 2px solid #92aa56;
|
||||
padding: 0;
|
||||
}
|
||||
.storage-data-view .x-item-selected {
|
||||
border: 2px solid #92aa56;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.group-item.x-item-selected {
|
||||
border:2px solid #a4bf60 !important;
|
||||
}
|
||||
|
||||
.group-item.group-item-over {
|
||||
border:2px solid #a4bf60 !important;
|
||||
}
|
||||
|
||||
.storage-data-view .x-item-over {
|
||||
border: 2px solid #7b9046 !important;
|
||||
padding: 0;
|
||||
}
|
||||
.storage-data-view .x-item-selected {
|
||||
border: 2px solid #7b9046 !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.storage-combodataview .x-item-selected,
|
||||
.x-dataview-combo-menu .storage-data-view .x-item-selected {
|
||||
background: #92aa56 !important;
|
||||
}
|
||||
105
OfficeWeb/apps/spreadsheeteditor/main/resources/css/tab-bar.css
Normal file
105
OfficeWeb/apps/spreadsheeteditor/main/resources/css/tab-bar.css
Normal file
@@ -0,0 +1,105 @@
|
||||
/* bottom tabs spreadsheeteditor */
|
||||
|
||||
|
||||
.x-nlg .x-tab-default-bottom, .x-tab-default-bottom{
|
||||
|
||||
box-sizing: border-box;
|
||||
/* border-left: 1px solid rgba(0, 0, 0, 0.4);
|
||||
*/
|
||||
border: 0;
|
||||
border-top: 1px solid #9e9e9e !important;
|
||||
background-image: none;
|
||||
background: #a7a7a7; /* Old browsers */
|
||||
background-image:url(../img/controls/tabs-bg.gif);
|
||||
background-image: -webkit-image-set(url("../img/controls/tabs-bg.png") 1x, url("../img/controls/tabs-bg@2x.png") 2x);
|
||||
|
||||
background: -moz-linear-gradient(top, #a7a7a7 0%, #7e7e7e 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7a7a7), color-stop(100%,#7e7e7e)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #a7a7a7 0%,#7e7e7e 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #a7a7a7 0%,#7e7e7e 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #a7a7a7 0%,#7e7e7e 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #a7a7a7 0%,#7e7e7e 100%); /* W3C */
|
||||
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#7e7e7e',GradientType=0 ); /* IE6-9 */
|
||||
|
||||
margin-bottom: 1px;
|
||||
|
||||
box-shadow: 0 1px 0 0 #b0b0b0 inset;
|
||||
|
||||
/*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 0 0 #b0b0b0 inset;
|
||||
*/
|
||||
color: #FFFFFF;
|
||||
|
||||
}
|
||||
|
||||
.x-nlg .x-tab-default-bottom-active, .x-tab-default-bottom-active {
|
||||
border-top-color: #eeeeee !important;
|
||||
box-shadow: none;
|
||||
|
||||
background-image: none;
|
||||
box-shadow: 0 1px 0 0 #f7f7f7 inset;
|
||||
background: #eeeeee; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #eeeeee 0%, #dbdbdb 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #eeeeee 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #eeeeee 0%,#dbdbdb 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #eeeeee 0%,#dbdbdb 100%); /* IE10+ */
|
||||
background: linear-gradient(to bottom, #eeeeee 0%,#dbdbdb 100%); /* W3C */
|
||||
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
|
||||
|
||||
|
||||
}
|
||||
|
||||
.x-tab-default-bottom button{
|
||||
color: #ffffff;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.x-tab-default-bottom-active button{
|
||||
|
||||
color: #000000;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.x-tab-bar-strip-default, .x-tab-bar-strip-default-plain {
|
||||
background-color: #d9d9d9;
|
||||
border-color: #afafaf;
|
||||
border-style: solid;
|
||||
}
|
||||
.x-border-box .x-tab-bar-bottom .x-tab-bar-strip-default-plain{
|
||||
|
||||
height: 0;
|
||||
}
|
||||
.x-tab-bar-bottom .x-tab-bar-body-default-plain {
|
||||
padding: 1px 0 0 0;
|
||||
}
|
||||
/*.x-tab-bar-bottom .x-tab-bar-body-default-plain .x-box-inner{
|
||||
|
||||
margin: 2px;
|
||||
}*/
|
||||
/* end bottom tabs spreadsheeteditor */
|
||||
.asc-page-scroller .x-box-scroller-right,
|
||||
.asc-page-scroller .x-box-scroller-left {
|
||||
width: 0 !important;
|
||||
}
|
||||
|
||||
.csv-open-dialog .x-window-body,
|
||||
.csv-open-dialog .x-form-field {
|
||||
font-size: 11px !important;
|
||||
}
|
||||
|
||||
.x-tab-bar.coauth-locked .x-tab-default-bottom,
|
||||
.x-tab-default-bottom.coauth-locked {
|
||||
background: none repeat scroll 0 0 #a4a4a4;
|
||||
color:#494949;
|
||||
border: 2px dotted #ff9000;
|
||||
padding: 0 1px 1px 1px;
|
||||
}
|
||||
|
||||
.x-tab-bar.coauth-locked .x-tab-default-bottom-active,
|
||||
.x-tab-default-bottom-active.coauth-locked{
|
||||
background: none repeat scroll 0 0 #FBFBFB;
|
||||
border: 2px dotted #ff9000;
|
||||
padding: 0 1px 1px 1px;
|
||||
}
|
||||
957
OfficeWeb/apps/spreadsheeteditor/main/resources/css/toolbar.css
Normal file
957
OfficeWeb/apps/spreadsheeteditor/main/resources/css/toolbar.css
Normal file
@@ -0,0 +1,957 @@
|
||||
|
||||
.asc-toolbar-btn {
|
||||
background-image: url('../img/toolbar-menu.png');
|
||||
background-image: -webkit-image-set(url("../img/toolbar-menu.png") 1x, url("../img/toolbar-menu@2x.png") 2x);
|
||||
}
|
||||
|
||||
/* back */
|
||||
.btn-back {background-position: 0 -40px;}
|
||||
.x-btn-over .btn-back {background-position: -20px -40px;}
|
||||
.x-btn-pressed .btn-back {background-position: -40px -40px;}
|
||||
.x-btn-menu-active .btn-back {background-position: -40px -40px;}
|
||||
.x-btn-disabled .btn-back {background-position: -60px -40px;}
|
||||
|
||||
/* print */
|
||||
.btn-print {background-position: 0 -220px;}
|
||||
.x-btn-over .btn-print {background-position: -20px -220px;}
|
||||
.x-btn-pressed .btn-print {background-position: -40px -220px;}
|
||||
.x-btn-menu-active .btn-print {background-position: -40px -220px;}
|
||||
.x-btn-disabled .btn-print {background-position: -60px -220px;}
|
||||
|
||||
/* save */
|
||||
.btn-save {background-position: 0 -260px;}
|
||||
.x-btn-over .btn-save {background-position: -20px -260px;}
|
||||
.x-btn-pressed .btn-save {background-position: -40px -260px;}
|
||||
.x-btn-menu-active .btn-save {background-position: -40px -260px;}
|
||||
.x-btn-disabled .btn-save {background-position: -60px -260px;}
|
||||
|
||||
/* clearstyle */
|
||||
.btn-clearstyle {background-position: 0 -100px;}
|
||||
.x-btn-over .btn-clearstyle {background-position: -20px -100px;}
|
||||
.x-btn-pressed .btn-clearstyle {background-position: -40px -100px;}
|
||||
.x-btn-menu-active .btn-clearstyle {background-position: -40px -100px;}
|
||||
.x-btn-disabled .btn-clearstyle {background-position: -60px -100px;}
|
||||
|
||||
/* copy */
|
||||
.btn-copy {background-position: 0 -740px;}
|
||||
.x-btn-over .btn-copy {background-position: -20px -740px;}
|
||||
.x-btn-pressed .btn-copy {background-position: -40px -740px;}
|
||||
.x-btn-menu-active .btn-copy {background-position: -40px -740px;}
|
||||
.x-btn-disabled .btn-copy {background-position: -60px -740px;}
|
||||
|
||||
/* paste */
|
||||
.btn-paste {background-position: 0 -760px;}
|
||||
.x-btn-over .btn-paste {background-position: -20px -760px;}
|
||||
.x-btn-pressed .btn-paste {background-position: -40px -760px;}
|
||||
.x-btn-menu-active .btn-paste {background-position: -40px -760px;}
|
||||
.x-btn-disabled .btn-paste {background-position: -60px -760px;}
|
||||
|
||||
/* undo */
|
||||
.btn-undo {background-position: 0 -320px;}
|
||||
.x-btn-over .btn-undo {background-position: -20px -320px;}
|
||||
.x-btn-pressed .btn-undo {background-position: -40px -320px;}
|
||||
.x-btn-menu-active .btn-undo {background-position: -40px -320px;}
|
||||
.x-btn-disabled .btn-undo {background-position: -60px -320px;}
|
||||
|
||||
/* redo */
|
||||
.btn-redo {background-position: 0 -240px;}
|
||||
.x-btn-over .btn-redo {background-position: -20px -240px;}
|
||||
.x-btn-pressed .btn-redo {background-position: -40px -240px;}
|
||||
.x-btn-menu-active .btn-redo {background-position: -40px -240px;}
|
||||
.x-btn-disabled .btn-redo {background-position: -60px -240px;}
|
||||
|
||||
/* bold */
|
||||
.btn-bold {background-position: 0 -60px;}
|
||||
.x-btn-over .btn-bold {background-position: -20px -60px;}
|
||||
.x-btn-pressed .btn-bold {background-position: -40px -60px;}
|
||||
.x-btn-menu-active .btn-bold {background-position: -40px -60px;}
|
||||
.x-btn-disabled .btn-bold {background-position: -60px -60px;}
|
||||
|
||||
/* italic */
|
||||
.btn-italic {background-position: 0 -160px;}
|
||||
.x-btn-over .btn-italic {background-position: -20px -160px;}
|
||||
.x-btn-pressed .btn-italic {background-position: -40px -160px;}
|
||||
.x-btn-menu-active .btn-italic {background-position: -40px -160px;}
|
||||
.x-btn-disabled .btn-italic {background-position: -60px -160px;}
|
||||
|
||||
/* underline */
|
||||
.btn-underline {background-position: 0 -360px;}
|
||||
.x-btn-over .btn-underline {background-position: -20px -360px;}
|
||||
.x-btn-pressed .btn-underline {background-position: -40px -360px;}
|
||||
.x-btn-menu-active .btn-underline {background-position: -40px -360px;}
|
||||
.x-btn-disabled .btn-underline {background-position: -60px -360px;}
|
||||
|
||||
/* strike */
|
||||
/*.btn-strike {background-position: 0 -640px;}*/
|
||||
/*.x-btn-over .btn-strike {background-position: -20px -640px;}*/
|
||||
/*.x-btn-pressed .btn-strike {background-position: -40px -640px;}*/
|
||||
/*.x-btn-menu-active .btn-strike {background-position: -40px -640px;}*/
|
||||
/*.x-btn-disabled .btn-strike {background-position: -60px -640px;}*/
|
||||
|
||||
/* merge */
|
||||
.btn-merge {background-position: 0 -200px;}
|
||||
.x-btn-over .btn-merge {background-position: -20px -200px;}
|
||||
.x-btn-pressed .btn-merge {background-position: -40px -200px;}
|
||||
.x-btn-menu-active .btn-merge {background-position: -40px -200px;}
|
||||
.x-btn-disabled .btn-merge {background-position: -60px -200px;}
|
||||
|
||||
/* sorting */
|
||||
.btn-sort-down {background-position: 0 -280px;}
|
||||
.x-btn-over .btn-sort-down {background-position: -20px -280px;}
|
||||
.x-btn-pressed .btn-sort-down {background-position: -40px -280px;}
|
||||
.x-btn-menu-active .btn-sort-down {background-position: -40px -280px;}
|
||||
.x-btn-disabled .btn-sort-down {background-position: -60px -280px;}
|
||||
|
||||
/* increment decimal */
|
||||
.btn-incdecimal {background-position: 0 -120px;}
|
||||
.x-btn-over .btn-incdecimal {background-position: -20px -120px;}
|
||||
.x-btn-pressed .btn-incdecimal {background-position: -40px -120px;}
|
||||
.x-btn-menu-active .btn-incdecimal {background-position: -40px -120px;}
|
||||
.x-btn-disabled .btn-incdecimal {background-position: -60px -120px;}
|
||||
|
||||
/* decrement decimal */
|
||||
.btn-decdecimal {background-position: 0 -140px;}
|
||||
.x-btn-over .btn-decdecimal {background-position: -20px -140px;}
|
||||
.x-btn-pressed .btn-decdecimal {background-position: -40px -140px;}
|
||||
.x-btn-menu-active .btn-decdecimal {background-position: -40px -140px;}
|
||||
.x-btn-disabled .btn-decdecimal {background-position: -60px -140px;}
|
||||
|
||||
/* fillparag */
|
||||
.btn-fillparag {background-position: 0 -180px;}
|
||||
.x-btn-over .btn-fillparag {background-position: -20px -180px;}
|
||||
.x-btn-pressed .btn-fillparag {background-position: -40px -180px;}
|
||||
.x-btn-menu-active .btn-fillparag {background-position: -40px -180px;}
|
||||
.x-btn-disabled .btn-fillparag {background-position: -60px -180px;}
|
||||
|
||||
/* fontcolor */
|
||||
.btn-fontcolor {background-position: 0 0;}
|
||||
.x-btn-over .btn-fontcolor {background-position: -20px 0;}
|
||||
.x-btn-pressed .btn-fontcolor {background-position: -40px 0;}
|
||||
.x-btn-menu-active .btn-fontcolor {background-position: -40px 0;}
|
||||
.x-btn-disabled .btn-fontcolor {background-position: -60px 0;}
|
||||
|
||||
/* formula */
|
||||
.btn-formula {background-position: 0 -300px;}
|
||||
.x-btn-over .btn-formula {background-position: -20px -300px;}
|
||||
.x-btn-pressed .btn-formula {background-position: -40px -300px;}
|
||||
.x-btn-menu-active .btn-formula {background-position: -40px -300px;}
|
||||
.x-btn-disabled .btn-formula {background-position: -60px -300px;}
|
||||
|
||||
/* wrap */
|
||||
.btn-wrap {background-position: 0 -340px;}
|
||||
.x-btn-over .btn-wrap {background-position: -20px -340px;}
|
||||
.x-btn-pressed .btn-wrap {background-position: -40px -340px;}
|
||||
.x-btn-menu-active .btn-wrap {background-position: -40px -340px;}
|
||||
.x-btn-disabled .btn-wrap {background-position: -60px -340px;}
|
||||
|
||||
/* align-left */
|
||||
.halign-left .btn-halign {background-position: 0 -380px;}
|
||||
.halign-left.x-btn-over .btn-halign {background-position: -20px -380px;}
|
||||
.halign-left.x-btn-pressed .btn-halign {background-position: -40px -380px;}
|
||||
.halign-left.x-btn-menu-active .btn-halign {background-position: -40px -380px;}
|
||||
.halign-left.x-btn-disabled .btn-halign {background-position: -60px -380px;}
|
||||
|
||||
/* align-center */
|
||||
.halign-center .btn-halign {background-position: 0 -400px;}
|
||||
.halign-center.x-btn-over .btn-halign {background-position: -20px -400px;}
|
||||
.halign-center.x-btn-pressed .btn-halign {background-position: -40px -400px;}
|
||||
.halign-center.x-btn-menu-active .btn-halign {background-position: -40px -400px;}
|
||||
.halign-center.x-btn-disabled .btn-halign {background-position: -60px -400px;}
|
||||
|
||||
/* align-right */
|
||||
.halign-right .btn-halign {background-position: 0 -420px;}
|
||||
.halign-right.x-btn-over .btn-halign {background-position: -20px -420px;}
|
||||
.halign-right.x-btn-pressed .btn-halign {background-position: -40px -420px;}
|
||||
.halign-right.x-btn-menu-active .btn-halign {background-position: -40px -420px;}
|
||||
.halign-right.x-btn-disabled .btn-halign {background-position: -60px -420px;}
|
||||
|
||||
/* align-just */
|
||||
.halign-just .btn-halign {background-position: 0 -440px;}
|
||||
.halign-just.x-btn-over .btn-halign {background-position: -20px -440px;}
|
||||
.halign-just.x-btn-pressed .btn-halign {background-position: -40px -440px;}
|
||||
.halign-just.x-btn-menu-active .btn-halign {background-position: -40px -440px;}
|
||||
.halign-just.x-btn-disabled .btn-halign {background-position: -60px -440px;}
|
||||
|
||||
/* vertical align top */
|
||||
.valign-top .btn-vertalign {background-position: 0 -20px;}
|
||||
.valign-top.x-btn-over .btn-vertalign {background-position: -20px -20px;}
|
||||
.valign-top.x-btn-pressed .btn-vertalign {background-position: -40px -20px;}
|
||||
.valign-top.x-btn-menu-active .btn-vertalign {background-position: -40px -20px;}
|
||||
.valign-top.x-btn-disabled .btn-vertalign {background-position: -60px -20px;}
|
||||
|
||||
/* vertical align middle */
|
||||
.valign-middle .btn-vertalign {background-position: 0 -460px;}
|
||||
.valign-middle.x-btn-over .btn-vertalign {background-position: -20px -460px;}
|
||||
.valign-middle.x-btn-pressed .btn-vertalign {background-position: -40px -460px;}
|
||||
.valign-middle.x-btn-menu-active .btn-vertalign {background-position: -40px -460px;}
|
||||
.valign-middle.x-btn-disabled .btn-vertalign {background-position: -60px -460px;}
|
||||
|
||||
/* vertical align bottom */
|
||||
.valign-bottom .btn-vertalign {background-position: 0 -480px;}
|
||||
.valign-bottom.x-btn-over .btn-vertalign {background-position: -20px -480px;}
|
||||
.valign-bottom.x-btn-pressed .btn-vertalign {background-position: -40px -480px;}
|
||||
.valign-bottom.x-btn-menu-active .btn-vertalign {background-position: -40px -480px;}
|
||||
.valign-bottom.x-btn-disabled .btn-vertalign {background-position: -60px -480px;}
|
||||
|
||||
/* borders none */
|
||||
.borders-noborders .btn-borders {background-position: 0 -600px;}
|
||||
.borders-noborders.x-btn-over .btn-borders {background-position: -20px -600px;}
|
||||
.borders-noborders.x-btn-pressed .btn-borders {background-position: -40px -600px;}
|
||||
.borders-noborders.x-btn-menu-active .btn-borders {background-position: -40px -600px;}
|
||||
.borders-noborders.x-btn-disabled .btn-borders {background-position: -60px -600px;}
|
||||
|
||||
/* borders all */
|
||||
.borders-all .btn-borders {background-position: 0 -80px;}
|
||||
.borders-all.x-btn-over .btn-borders {background-position: -20px -80px;}
|
||||
.borders-all.x-btn-pressed .btn-borders {background-position: -40px -80px;}
|
||||
.borders-all.x-btn-menu-active .btn-borders {background-position: -40px -80px;}
|
||||
.borders-all.x-btn-disabled .btn-borders {background-position: -60px -80px;}
|
||||
|
||||
/* borders outer */
|
||||
.borders-outer .btn-borders {background-position: 0 -500px;}
|
||||
.borders-outer.x-btn-over .btn-borders {background-position: -20px -500px;}
|
||||
.borders-outer.x-btn-pressed .btn-borders {background-position: -40px -500px;}
|
||||
.borders-outer.x-btn-menu-active .btn-borders {background-position: -40px -500px;}
|
||||
.borders-outer.x-btn-disabled .btn-borders {background-position: -60px -500px;}
|
||||
|
||||
/* borders top */
|
||||
.borders-top .btn-borders {background-position: 0 -520px;}
|
||||
.borders-top.x-btn-over .btn-borders {background-position: -20px -520px;}
|
||||
.borders-top.x-btn-pressed .btn-borders {background-position: -40px -520px;}
|
||||
.borders-top.x-btn-menu-active .btn-borders {background-position: -40px -520px;}
|
||||
.borders-top.x-btn-disabled .btn-borders {background-position: -60px -520px;}
|
||||
|
||||
/* borders bottom */
|
||||
.borders-bottom .btn-borders {background-position: 0 -540px;}
|
||||
.borders-bottom.x-btn-over .btn-borders {background-position: -20px -540px;}
|
||||
.borders-bottom.x-btn-pressed .btn-borders {background-position: -40px -540px;}
|
||||
.borders-bottom.x-btn-menu-active .btn-borders {background-position: -40px -540px;}
|
||||
.borders-bottom.x-btn-disabled .btn-borders {background-position: -60px -540px;}
|
||||
|
||||
/* borders left */
|
||||
.borders-left .btn-borders {background-position: 0 -560px;}
|
||||
.borders-left.x-btn-over .btn-borders {background-position: -20px -560px;}
|
||||
.borders-left.x-btn-pressed .btn-borders {background-position: -40px -560px;}
|
||||
.borders-left.x-btn-menu-active .btn-borders {background-position: -40px -560px;}
|
||||
.borders-left.x-btn-disabled .btn-borders {background-position: -60px -560px;}
|
||||
|
||||
/* borders right */
|
||||
.borders-right .btn-borders {background-position: 0 -580px;}
|
||||
.borders-right.x-btn-over .btn-borders {background-position: -20px -580px;}
|
||||
.borders-right.x-btn-pressed .btn-borders {background-position: -40px -580px;}
|
||||
.borders-right.x-btn-menu-active .btn-borders {background-position: -40px -580px;}
|
||||
.borders-right.x-btn-disabled .btn-borders {background-position: -60px -580px;}
|
||||
|
||||
/* borders inside all */
|
||||
.borders-inside .btn-borders {background-position: 0 -620px;}
|
||||
.borders-inside.x-btn-over .btn-borders {background-position: -20px -620px;}
|
||||
.borders-inside.x-btn-pressed .btn-borders {background-position: -40px -620px;}
|
||||
.borders-inside.x-btn-menu-active .btn-borders {background-position: -40px -620px;}
|
||||
.borders-inside.x-btn-disabled .btn-borders {background-position: -60px -620px;}
|
||||
|
||||
/* borders inside vertical */
|
||||
.borders-inver .btn-borders {background-position: 0 -660px;}
|
||||
.borders-inver.x-btn-over .btn-borders {background-position: -20px -660px;}
|
||||
.borders-inver.x-btn-pressed .btn-borders {background-position: -40px -660px;}
|
||||
.borders-inver.x-btn-menu-active .btn-borders {background-position: -40px -660px;}
|
||||
.borders-inver.x-btn-disabled .btn-borders {background-position: -60px -660px;}
|
||||
|
||||
/* borders inside horizontal */
|
||||
.borders-inhor .btn-borders {background-position: 0 -640px;}
|
||||
.borders-inhor.x-btn-over .btn-borders {background-position: -20px -640px;}
|
||||
.borders-inhor.x-btn-pressed .btn-borders {background-position: -40px -640px;}
|
||||
.borders-inhor.x-btn-menu-active .btn-borders {background-position: -40px -640px;}
|
||||
.borders-inhor.x-btn-disabled .btn-borders {background-position: -60px -640px;}
|
||||
|
||||
/* button insert image */
|
||||
.btn-insertimage {background-position: 0 -680px;}
|
||||
.x-btn-over .btn-insertimage {background-position: -20px -680px;}
|
||||
.x-btn-pressed .btn-insertimage {background-position: -40px -680px;}
|
||||
.x-btn-menu-active .btn-insertimage {background-position: -40px -680px;}
|
||||
.x-btn-disabled .btn-insertimage {background-position: -60px -680px;}
|
||||
.x-btn-disabled .btn-insertimage {background-position: -60px -680px;}
|
||||
|
||||
/* button insert hyperlink */
|
||||
.btn-inserthyperlink {background-position: 0 -700px;}
|
||||
.x-btn-over .btn-inserthyperlink {background-position: -20px -700px;}
|
||||
.x-btn-pressed .btn-inserthyperlink {background-position: -40px -700px;}
|
||||
.x-btn-menu-active .btn-inserthyperlink {background-position: -40px -700px;}
|
||||
.x-btn-disabled .btn-inserthyperlink {background-position: -60px -700px;}
|
||||
|
||||
/* button insert hyperlink */
|
||||
.btn-insertchart {background-position: 0 -720px;}
|
||||
.x-btn-over .btn-insertchart {background-position: -20px -720px;}
|
||||
.x-btn-pressed .btn-insertchart {background-position: -40px -720px;}
|
||||
.x-btn-menu-active .btn-insertchart {background-position: -40px -720px;}
|
||||
.x-btn-disabled .btn-insertchart {background-position: -60px -720px;}
|
||||
|
||||
/* btn-synch */
|
||||
.btn-synch {background-position: 0 -780px;}
|
||||
.x-btn-over .btn-synch {background-position: -20px -780px;}
|
||||
.x-btn-pressed .btn-synch {background-position: -40px -780px;}
|
||||
.x-btn-menu-active .btn-synch {background-position: -40px -780px;}
|
||||
.x-btn-disabled .btn-synch {background-position: -60px -780px;}
|
||||
|
||||
/* btn-autofilter*/
|
||||
.btn-autofilter {background-position: 0 -800px;}
|
||||
.x-btn-over .btn-autofilter {background-position: -20px -800px;}
|
||||
.x-btn-pressed .btn-autofilter {background-position: -40px -800px;}
|
||||
.x-btn-menu-active .btn-autofilter {background-position: -40px -800px;}
|
||||
.x-btn-disabled .btn-autofilter {background-position: -60px -800px;}
|
||||
|
||||
/* color schemas */
|
||||
.btn-colorschemas {background-position: 0 -820px;}
|
||||
.x-btn-over .btn-colorschemas {background-position: -20px -820px;}
|
||||
.x-btn-pressed .btn-colorschemas {background-position: -40px -820px;}
|
||||
.x-btn-menu-active .btn-colorschemas {background-position: -40px -820px;}
|
||||
.x-btn-disabled .btn-colorschemas {background-position: -60px -820px;}
|
||||
|
||||
/* new document */
|
||||
.btn-newdocument {background-position: 0 -840px;}
|
||||
.x-btn-over .btn-newdocument {background-position: -20px -840px;}
|
||||
.x-btn-pressed .btn-newdocument {background-position: -40px -840px;}
|
||||
.x-btn-menu-active .btn-newdocument {background-position: -40px -840px;}
|
||||
.x-btn-disabled .btn-newdocument {background-position: -60px -840px;}
|
||||
|
||||
/* open document */
|
||||
.btn-opendocument {background-position: 0 -860px;}
|
||||
.x-btn-over .btn-opendocument {background-position: -20px -860px;}
|
||||
.x-btn-pressed .btn-opendocument {background-position: -40px -860px;}
|
||||
.x-btn-menu-active .btn-opendocument {background-position: -40px -860px;}
|
||||
.x-btn-disabled .btn-opendocument {background-position: -60px -860px;}
|
||||
|
||||
/* */
|
||||
.btn-incfont {background-position: 0 -880px;}
|
||||
.x-btn-over .btn-incfont {background-position: -20px -880px;}
|
||||
.x-btn-pressed .btn-incfont {background-position: -40px -880px;}
|
||||
.x-btn-menu-active .btn-incfont {background-position: -40px -880px;}
|
||||
.x-btn-disabled .btn-incfont {background-position: -60px -880px;}
|
||||
|
||||
/* */
|
||||
.btn-decfont {background-position: 0 -900px;}
|
||||
.x-btn-over .btn-decfont {background-position: -20px -900px;}
|
||||
.x-btn-pressed .btn-decfont {background-position: -40px -900px;}
|
||||
.x-btn-menu-active .btn-decfont {background-position: -40px -900px;}
|
||||
.x-btn-disabled .btn-decfont {background-position: -60px -900px;}
|
||||
|
||||
/* */
|
||||
.btn-textorient {background-position: 0 -920px;}
|
||||
.x-btn-over .btn-textorient {background-position: -20px -920px;}
|
||||
.x-btn-pressed .btn-textorient {background-position: -40px -920px;}
|
||||
.x-btn-menu-active .btn-textorient {background-position: -40px -920px;}
|
||||
.x-btn-disabled .btn-textorient {background-position: -60px -920px;}
|
||||
|
||||
/* */
|
||||
.btn-insertshape {background-position: 0 -940px;}
|
||||
.x-btn-over .btn-insertshape {background-position: -20px -940px;}
|
||||
.x-btn-pressed .btn-insertshape {background-position: -40px -940px;}
|
||||
.x-btn-menu-active .btn-insertshape {background-position: -40px -940px;}
|
||||
.x-btn-disabled .btn-insertshape {background-position: -60px -940px;}
|
||||
|
||||
/* insert text */
|
||||
.btn-inserttext {background-position: 0 -960px;}
|
||||
.x-btn-over .btn-inserttext {background-position: -20px -960px;}
|
||||
.x-btn-pressed .btn-inserttext {background-position: -40px -960px;}
|
||||
.x-btn-menu-active .btn-inserttext {background-position: -40px -960px;}
|
||||
.x-btn-disabled .btn-inserttext {background-position: -60px -960px;}
|
||||
|
||||
/* sorting */
|
||||
.btn-sort-up {background-position: 0 -980px;}
|
||||
.x-btn-over .btn-sort-up {background-position: -20px -980px;}
|
||||
.x-btn-pressed .btn-sort-up {background-position: -40px -980px;}
|
||||
.x-btn-menu-active .btn-sort-up {background-position: -40px -980px;}
|
||||
.x-btn-disabled .btn-sort-up {background-position: -60px -980px;}
|
||||
|
||||
/* */
|
||||
.btn-ttempl {background-position: 0 -1000px;}
|
||||
.x-btn-over .btn-ttempl {background-position: -20px -1000px;}
|
||||
.x-btn-pressed .btn-ttempl {background-position: -40px -1000px;}
|
||||
.x-btn-menu-active .btn-ttempl {background-position: -40px -1000px;}
|
||||
.x-btn-disabled .btn-ttempl {background-position: -60px -1000px;}
|
||||
|
||||
/* */
|
||||
.btn-percent-style {background-position: 0 -1020px;}
|
||||
.x-btn-over .btn-percent-style {background-position: -20px -1020px;}
|
||||
.x-btn-pressed .btn-percent-style {background-position: -40px -1020px;}
|
||||
.x-btn-menu-active .btn-percent-style {background-position: -40px -1020px;}
|
||||
.x-btn-disabled .btn-percent-style {background-position: -60px -1020px;}
|
||||
|
||||
/* */
|
||||
.btn-currency-style {background-position: 0 -1040px;}
|
||||
.x-btn-over .btn-currency-style {background-position: -20px -1040px;}
|
||||
.x-btn-pressed .btn-currency-style {background-position: -40px -1040px;}
|
||||
.x-btn-menu-active .btn-currency-style {background-position: -40px -1040px;}
|
||||
.x-btn-disabled .btn-currency-style {background-position: -60px -1040px;}
|
||||
|
||||
/* */
|
||||
.btn-addcell {background-position: 0 -1060px;}
|
||||
.x-btn-over .btn-addcell {background-position: -20px -1060px;}
|
||||
.x-btn-pressed .btn-addcell {background-position: -40px -1060px;}
|
||||
.x-btn-menu-active .btn-addcell {background-position: -40px -1060px;}
|
||||
.x-btn-disabled .btn-addcell {background-position: -60px -1060px;}
|
||||
|
||||
/* */
|
||||
.btn-delcell {background-position: 0 -1080px;}
|
||||
.x-btn-over .btn-delcell {background-position: -20px -1080px;}
|
||||
.x-btn-pressed .btn-delcell {background-position: -40px -1080px;}
|
||||
.x-btn-menu-active .btn-delcell {background-position: -40px -1080px;}
|
||||
.x-btn-disabled .btn-delcell {background-position: -60px -1080px;}
|
||||
|
||||
/* */
|
||||
.btn-stickcell {background-position: 0 -1100px;}
|
||||
.x-btn-over .btn-stickcell {background-position: -20px -1100px;}
|
||||
.x-btn-pressed .btn-stickcell {background-position: -40px -1100px;}
|
||||
.x-btn-menu-active .btn-stickcell {background-position: -40px -1100px;}
|
||||
.x-btn-disabled .btn-stickcell {background-position: -60px -1100px;}
|
||||
|
||||
/* */
|
||||
.btn-showmode {background-position: 0 -1120px;}
|
||||
.x-btn-over .btn-showmode {background-position: -20px -1120px;}
|
||||
.x-btn-pressed .btn-showmode {background-position: -40px -1120px;}
|
||||
.x-btn-menu-active .btn-showmode {background-position: -40px -1120px;}
|
||||
.x-btn-disabled .btn-showmode {background-position: -60px -1120px;}
|
||||
|
||||
/* */
|
||||
.btn-settings {background-position: 0 -1140px;}
|
||||
.x-btn-over .btn-settings {background-position: -20px -1140px;}
|
||||
.x-btn-pressed .btn-settings {background-position: -40px -1140px;}
|
||||
.x-btn-menu-active .btn-settings {background-position: -40px -1140px;}
|
||||
.x-btn-disabled .btn-settings {background-position: -60px -1140px;}
|
||||
|
||||
.menu-item-nocolor {
|
||||
background-image: url('../img/toolbar/NoFill.png');
|
||||
background-image: -webkit-image-set(url("../img/toolbar/NoFill.png") 1x, url("../img/toolbar/NoFill@2x.png") 2x);
|
||||
}
|
||||
|
||||
.color-palette-highlight.x-color-picker em span {
|
||||
height: 28px;
|
||||
width: 28px;
|
||||
}
|
||||
|
||||
.menu-item-usetitle .menu-item-title {
|
||||
margin-top: -2px;
|
||||
}
|
||||
.menu-item-usetitle .menu-item-decript {
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
.menu-item-usetitle img {
|
||||
}
|
||||
|
||||
.menu-insertpagenum .storage-data-view .thumb-wrap {
|
||||
background-color: #F4F4F4;
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
.menu-item-noicon .x-menu-item-link {
|
||||
padding-left: 18px;
|
||||
padding-right: 18px;
|
||||
}
|
||||
|
||||
.menu-item-usetitle {
|
||||
display: block;
|
||||
vertical-align: middle;
|
||||
padding-right:14px;
|
||||
}
|
||||
|
||||
.color-palette-highlight.x-color-picker em {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.color-palette-highlight.x-color-picker a {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.color-palette-highlight.x-color-picker a:hover {
|
||||
border-color: #000;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.x-color-picker {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.color-palette-highlight.x-color-picker a.x-color-picker-selected {
|
||||
border-color: #000;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.menu-item-highlightcolor-nocolor .x-menu-item-link img {
|
||||
left: 12px;
|
||||
}
|
||||
|
||||
.menu-item-highlightcolor-nocolor .x-menu-item-link {
|
||||
padding-left: 36px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.storage-data-view .thumb-wrap {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.x-dimension-picker-status {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
/*menu horizontal and vertical align */
|
||||
.toolbar-menu-icon-item .x-menu-item-link {
|
||||
padding: 6px 11px 3px 36px !important;
|
||||
}
|
||||
|
||||
.toolbar-menu-icon-item:last-child .x-menu-item-link {
|
||||
padding-bottom: 8px !important;
|
||||
}
|
||||
|
||||
.mnu-icon-item {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-top: 0 !important;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.x-menu-item-icon.mnu-icon-item
|
||||
{
|
||||
background-image: url('../img/toolbar/popupmenu-btns.png') !important;
|
||||
background-image: -webkit-image-set(url("../img/toolbar/popupmenu-btns.png") 1x, url("../img/toolbar/popupmenu-btns@2x.png") 2x) !important;
|
||||
}
|
||||
|
||||
/* align-left */
|
||||
.mnu-align-left {background-position: 0 -44px;}
|
||||
.x-menu-item-checked .mnu-align-left {background-position: -44px -44px;}
|
||||
.x-menu-item-active .mnu-align-left {background-position: -22px -44px;}
|
||||
|
||||
/* align-center */
|
||||
.mnu-align-center {background-position: 0 0;}
|
||||
.x-menu-item-checked .mnu-align-center {background-position: -44px 0;}
|
||||
.x-menu-item-active .mnu-align-center {background-position: -22px 0;}
|
||||
|
||||
/* align-right */
|
||||
.mnu-align-right {background-position: 0 -66px;}
|
||||
.x-menu-item-checked .mnu-align-right {background-position: -44px -66px;}
|
||||
.x-menu-item-active .mnu-align-right {background-position: -22px -66px;}
|
||||
|
||||
/* align-just */
|
||||
.mnu-align-just {background-position: 0 -22px;}
|
||||
.x-menu-item-checked .mnu-align-just {background-position: -44px -22px;}
|
||||
.x-menu-item-active .mnu-align-just {background-position: -22px -22px;}
|
||||
|
||||
/* align-top */
|
||||
.mnu-align-top {background-position: 0 -132px;}
|
||||
.x-menu-item-checked .mnu-align-top {background-position: -44px -132px;}
|
||||
.x-menu-item-active .mnu-align-top {background-position: -22px -132px;}
|
||||
|
||||
/* align-middle */
|
||||
.mnu-align-middle {background-position: 0 -110px;}
|
||||
.x-menu-item-checked .mnu-align-middle {background-position: -44px -110px;}
|
||||
.x-menu-item-active .mnu-align-middle {background-position: -22px -110px;}
|
||||
|
||||
/* align-bottom */
|
||||
.mnu-align-bottom {background-position: 0 -88px;}
|
||||
.x-menu-item-checked .mnu-align-bottom {background-position: -44px -88px;}
|
||||
.x-menu-item-active .mnu-align-bottom {background-position: -22px -88px;}
|
||||
|
||||
/* border-out */
|
||||
.mnu-border-out {background-position: 0 -286px;}
|
||||
.x-menu-item-checked .mnu-border-out {background-position: -44px -286px;}
|
||||
.x-menu-item-active .mnu-border-out {background-position: -22px -286px;}
|
||||
|
||||
/* border-all */
|
||||
.mnu-border-all {background-position: 0 -154px;}
|
||||
.x-menu-item-checked .mnu-border-all {background-position: -44px -154px;}
|
||||
.x-menu-item-active .mnu-border-all {background-position: -22px -154px;}
|
||||
|
||||
/* border-top */
|
||||
.mnu-border-top {background-position: 0 -242px;}
|
||||
.x-menu-item-checked .mnu-border-top {background-position: -44px -242px;}
|
||||
.x-menu-item-active .mnu-border-top {background-position: -22px -242px;}
|
||||
|
||||
/* border-bottom */
|
||||
.mnu-border-bottom {background-position: 0 -198px;}
|
||||
.x-menu-item-checked .mnu-border-bottom {background-position: -44px -198px;}
|
||||
.x-menu-item-active .mnu-border-bottom {background-position: -22px -198px;}
|
||||
|
||||
/* border-left */
|
||||
.mnu-border-left {background-position: 0 -308px;}
|
||||
.x-menu-item-checked .mnu-border-left {background-position: -44px -308px;}
|
||||
.x-menu-item-active .mnu-border-left {background-position: -22px -308px;}
|
||||
|
||||
/* border-right */
|
||||
.mnu-border-right {background-position: 0 -352px;}
|
||||
.x-menu-item-checked .mnu-border-right {background-position: -44px -352px;}
|
||||
.x-menu-item-active .mnu-border-right {background-position: -22px -352px;}
|
||||
|
||||
/* border-center */
|
||||
.mnu-border-center {background-position: 0 -176px;}
|
||||
.x-menu-item-checked .mnu-border-center {background-position: -44px -176px;}
|
||||
.x-menu-item-active .mnu-border-center {background-position: -22px -176px;}
|
||||
|
||||
/* border-vmiddle */
|
||||
.mnu-border-vmiddle {background-position: 0 -330px;}
|
||||
.x-menu-item-checked .mnu-border-vmiddle {background-position: -44px -330px;}
|
||||
.x-menu-item-active .mnu-border-vmiddle {background-position: -22px -330px;}
|
||||
|
||||
/* border-hmiddle */
|
||||
.mnu-border-hmiddle {background-position: 0 -220px;}
|
||||
.x-menu-item-checked .mnu-border-hmiddle {background-position: -44px -220px;}
|
||||
.x-menu-item-active .mnu-border-hmiddle {background-position: -22px -220px;}
|
||||
|
||||
/* border-no */
|
||||
.mnu-border-no {background-position: 0 -264px;}
|
||||
.x-menu-item-checked .mnu-border-no {background-position: -44px -264px;}
|
||||
.x-menu-item-active .mnu-border-no {background-position: -22px -264px;}
|
||||
|
||||
/* border-width */
|
||||
.mnu-border-width {background-position: 0 -374px;}
|
||||
.x-menu-item-checked .mnu-border-width {background-position: -44px -374px;}
|
||||
.x-menu-item-active .mnu-border-width {background-position: -22px -374px;}
|
||||
|
||||
/* border-color */
|
||||
.mnu-border-color {background-position: 0 -396px;}
|
||||
.x-menu-item-checked .mnu-border-color {background-position: -44px -396px;}
|
||||
.x-menu-item-active .mnu-border-color {background-position: -22px -396px;}
|
||||
|
||||
/* arrange-front */
|
||||
.mnu-arrange-front {background-position: 0 -418px;}
|
||||
.x-menu-item-checked .mnu-arrange-front {background-position: -44px -418px;}
|
||||
.x-menu-item-active .mnu-arrange-front {background-position: -22px -418px;}
|
||||
|
||||
/* arrange-back */
|
||||
.mnu-arrange-back {background-position: 0 -440px;}
|
||||
.x-menu-item-checked .mnu-arrange-back {background-position: -44px -440px;}
|
||||
.x-menu-item-active .mnu-arrange-back {background-position: -22px -440px;}
|
||||
|
||||
/* arrange-forward */
|
||||
.mnu-arrange-forward {background-position: 0 -462px;}
|
||||
.x-menu-item-checked .mnu-arrange-forward {background-position: -44px -462px;}
|
||||
.x-menu-item-active .mnu-arrange-forward {background-position: -22px -462px;}
|
||||
|
||||
/* arrange-backward */
|
||||
.mnu-arrange-backward {background-position: 0 -484px;}
|
||||
.x-menu-item-checked .mnu-arrange-backward {background-position: -44px -484px;}
|
||||
.x-menu-item-active .mnu-arrange-backward {background-position: -22px -484px;}
|
||||
|
||||
/* sort-desc */
|
||||
.mnu-sort-desc {background-position: 0 -528px;}
|
||||
.x-menu-item-checked .mnu-sort-desc {background-position: -44px -528px;}
|
||||
.x-menu-item-active .mnu-sort-desc {background-position: -22px -528px;}
|
||||
|
||||
/* arrange-backward */
|
||||
.mnu-sort-asc {background-position: 0 -506px;}
|
||||
.x-menu-item-checked .mnu-sort-asc {background-position: -44px -506px;}
|
||||
.x-menu-item-active .mnu-sort-asc {background-position: -22px -506px;}
|
||||
|
||||
/* arrange-backward */
|
||||
.mnu-filter-add {background-position: 0 -550px;}
|
||||
.x-menu-item-checked .mnu-filter-add {background-position: -44px -550px;}
|
||||
.x-menu-item-active .mnu-filter-add {background-position: -22px -550px;}
|
||||
|
||||
/* arrange-backward */
|
||||
.mnu-filter-clear {background-position: 0 -572px;}
|
||||
.x-menu-item-checked .mnu-filter-clear {background-position: -44px -572px;}
|
||||
.x-menu-item-active .mnu-filter-clear {background-position: -22px -572px;}
|
||||
|
||||
/* group */
|
||||
.mnu-group {background-position: 0 -726px;}
|
||||
.x-menu-item-checked .mnu-group {background-position: -44px -726px;}
|
||||
.x-menu-item-active .mnu-group {background-position: -22px -726px;}
|
||||
|
||||
/* ungroup */
|
||||
.mnu-ungroup {background-position: 0 -748px;}
|
||||
.x-menu-item-checked .mnu-ungroup {background-position: -44px -748px;}
|
||||
.x-menu-item-active .mnu-ungroup {background-position: -22px -748px;}
|
||||
|
||||
/* cell's text direction */
|
||||
.mnu-direct-horiz {background-position: 0 -594px;}
|
||||
.x-menu-item-checked .mnu-direct-horiz {background-position: -44px -594px;}
|
||||
.x-menu-item-active .mnu-direct-horiz {background-position: -22px -594px;}
|
||||
|
||||
/* cell's text direction */
|
||||
.mnu-direct-ccw {background-position: 0 -616px;}
|
||||
.x-menu-item-checked .mnu-direct-ccw {background-position: -44px -616px;}
|
||||
.x-menu-item-active .mnu-direct-ccw {background-position: -22px -616px;}
|
||||
|
||||
/* cell's text direction */
|
||||
.mnu-direct-cw {background-position: 0 -638px;}
|
||||
.x-menu-item-checked .mnu-direct-cw {background-position: -44px -638px;}
|
||||
.x-menu-item-active .mnu-direct-cw {background-position: -22px -638px;}
|
||||
|
||||
/* cell's text direction */
|
||||
.mnu-direct-rup {background-position: 0 -682px;}
|
||||
.x-menu-item-checked .mnu-direct-rup {background-position: -44px -682px;}
|
||||
.x-menu-item-active .mnu-direct-rup {background-position: -22px -682px;}
|
||||
|
||||
/* cell's text direction */
|
||||
.mnu-direct-rdown {background-position: 0 -704px;}
|
||||
.x-menu-item-checked .mnu-direct-rdown {background-position: -44px -704px;}
|
||||
.x-menu-item-active .mnu-direct-rdown {background-position: -22px -704px;}
|
||||
|
||||
|
||||
.menu-item-datetime-format {
|
||||
color: #222222;
|
||||
font-size: 11px;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.menu-item-datetime-format .menu-item-description {
|
||||
padding: 0 10px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: right;
|
||||
color: #8c8c8c;
|
||||
}
|
||||
|
||||
.menu-item-border-size:last-child .x-menu-item-link {
|
||||
padding-bottom: 6px !important;
|
||||
}
|
||||
|
||||
.menu-item-border-size img {
|
||||
margin: 5px 0 0 0;
|
||||
}
|
||||
|
||||
.menu-item-border-size span {
|
||||
display: inline-block;
|
||||
margin-top: 3px;
|
||||
font-size: 11px;
|
||||
color: #222222;
|
||||
height: 17px;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
.menu-item-border-size div img {
|
||||
width:60px;
|
||||
height:20px;
|
||||
margin: 3px 5px 0 15px;
|
||||
}
|
||||
|
||||
.x-btn-disabled span.asc-toolbar-btn {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.asc-color-schemas-menu .x-menu-item-link {
|
||||
line-height: 12px;
|
||||
padding-bottom:6px;
|
||||
}
|
||||
|
||||
.asc-color-schemas-menu span.colors {
|
||||
display: inline-block;
|
||||
margin-right: 15px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.asc-color-schemas-menu span.color {
|
||||
display: inline-block;
|
||||
width:12px;
|
||||
height:12px;
|
||||
margin-right: 2px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.asc-color-schemas-menu span.text {
|
||||
display: inline-block;
|
||||
font-size: 11px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.menu-item-color-palette-theme .x-menu-item-link {
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
/* table templates picker menu */
|
||||
.table-templates-picker .storage-data-view .main-thumb{
|
||||
display: inline-block;
|
||||
float: left;
|
||||
margin: 4px;
|
||||
margin-right: 2;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.table-templates-picker .storage-data-view .thumb-wrap{
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.table-templates-picker .storage-data-view .thumb-wrap:not(.x-item-selected){
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.table-templates-picker .storage-data-view .caption{
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.table-templates-picker .storage-data-view .main-thumb .caption span{
|
||||
font-size: 10px;
|
||||
color: #3e3f3f;
|
||||
cursor: default;
|
||||
text-overflow: ellipsis;
|
||||
height: 1.2em;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.asc-toolbar-btn-zoom.x-btn-default-small{
|
||||
padding: 0;
|
||||
border: 1px solid rgba(0, 0, 0, 0);
|
||||
background: transparent;
|
||||
box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
.asc-toolbar-btn-zoom.x-btn-default-small-pressed{
|
||||
border: 1px solid rgba(0, 0, 0, 0)!important;
|
||||
background: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.asc-toolbar-btn-zoom.x-btn-default-small button {
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
line-height: 20px !important;
|
||||
}
|
||||
|
||||
.asc-toolbar-btn-zoom.x-btn-default-small-icon .asc-statusbar-btn{
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
}
|
||||
|
||||
/*
|
||||
* Manual layout toolbar
|
||||
*/
|
||||
|
||||
.toolbar-group {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
white-space: nowrap;
|
||||
padding: 0 0 0 7px;
|
||||
}
|
||||
|
||||
.toolbar-group.separator {
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
.toolbar-row {
|
||||
height: 22px;
|
||||
margin: 4px 0 0;
|
||||
}
|
||||
|
||||
.toolbar-btn-placeholder {
|
||||
display: inline-block;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.toolbar-btn-placeholder.document-loading {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.toolbar-btn-placeholder .x-btn-default-small-pressed,
|
||||
.toolbar-btn-placeholder .x-btn-default-small-menu-active {
|
||||
background: #a1bc5d !important; /* Old browsers */
|
||||
background: -moz-linear-gradient(top, #7D904A 0%, #A0BB5D 80%) !important; /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7D904A), color-stop(80%,#A0BB5D)) !important; /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(top, #7D904A 0%,#A0BB5D 80%) !important; /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #7D904A 0%,#A0BB5D 80%) !important; /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #7D904A 0%,#A0BB5D 80%) !important; /* IE10+ */
|
||||
background: linear-gradient(to bottom, #7D904A 0%,#A0BB5D 80%) !important; /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7D904A', endColorstr='#A0BB5D',GradientType=0 ) !important; /* IE6-9 */
|
||||
|
||||
background-clip: border-box;
|
||||
background-origin: border-box !important;
|
||||
-moz-background-origin: border !important;
|
||||
}
|
||||
|
||||
.toolbar-btn-placeholder .x-btn-default-small-menu-active span {
|
||||
color: #FFF!important;
|
||||
text-shadow: 0 1px 1px rgba(0,0,0,.5);
|
||||
}
|
||||
|
||||
.toolbar-btn-placeholder .x-btn-default-small-menu-active {
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
background-clip: border-box;
|
||||
background-attachment: inherit;
|
||||
box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
}
|
||||
|
||||
.toolbar-btn-placeholder .x-btn-default-small-over {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.toolbar-btn-placeholder .x-btn-default-small-disabled {
|
||||
background-image: none !important;
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.toolbar-btn-placeholder .x-btn-default-small-pressed {
|
||||
box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
}
|
||||
|
||||
.toolbar-btn-spacer {
|
||||
display: inline-block;
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.replaceme {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.x-toolbar-separator.manual {
|
||||
display: inline-block;
|
||||
position: inherit;
|
||||
margin-top: 3px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.x-toolbar-separator.manual.long {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.x-toolbar-separator.manual.short {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.toolbar-combo-placeholder.x-item-disabled {
|
||||
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='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
|
||||
|
||||
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;
|
||||
font: normal 12px tahoma, arial, verdana, sans-serif;
|
||||
padding-left: 3px !important;
|
||||
}
|
||||
|
||||
.toolbar-combo-placeholder .x-form-trigger {
|
||||
position: relative;
|
||||
float: right;
|
||||
top: -1px;
|
||||
right: -1px;
|
||||
}
|
||||
|
||||
.storage-combodataview.toolbar-dataview-placeholder {
|
||||
background-image: url('../img/toolbar/cell_styles.png');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 6px 6px;
|
||||
}
|
||||
|
||||
.toolbar-dataview-placeholder .x-btn-combodataview {
|
||||
position: relative !important;
|
||||
width: 26px;
|
||||
float: right;
|
||||
background-color: white !important;
|
||||
border-right: solid 4px white !important;
|
||||
}
|
||||
Reference in New Issue
Block a user