DocumentServer/OfficeWeb/apps/spreadsheeteditor/main/resources/css/toolbar.css
nikolay ivanov a8be6b9e72 init repo
2014-07-05 18:22:49 +00:00

958 lines
42 KiB
CSS

.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;
}