282 lines
10 KiB
Plaintext
282 lines
10 KiB
Plaintext
@tabs-bg-color: #40865c;
|
|
|
|
.toolbar {
|
|
&.masked {
|
|
button.disabled .icon:not(.no-mask) {
|
|
background-position-x: 0px !important;
|
|
}
|
|
.group:not(.no-mask) {
|
|
opacity: 0.4;
|
|
}
|
|
}
|
|
|
|
.simple-bar {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
|
|
.font-attr {
|
|
> .btn-slot:not(:last-child):not(.split) {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
> .btn-slot.split:not(:last-child) {
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
|
|
.font-attr-top {
|
|
width: 243px;
|
|
|
|
> .btn-slot {
|
|
float: left;
|
|
|
|
&:not(:first-child) {
|
|
margin-left: 2px;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
.color-schemas-menu {
|
|
span {
|
|
&.colors {
|
|
display: inline-block;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
&.color {
|
|
display: inline-block;
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-right: 2px;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
vertical-align: middle;
|
|
}
|
|
|
|
&.text {
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
&.checked {
|
|
&:before {
|
|
display: none !important;
|
|
}
|
|
&, &:hover, &:focus {
|
|
background-color: @primary;
|
|
color: @dropdown-link-active-color;
|
|
span.color {
|
|
border-color: rgba(255,255,255,0.7);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// menu zoom
|
|
.menu-zoom {
|
|
line-height: @line-height-base;
|
|
.title {
|
|
padding: 5px 5px 5px 20px;
|
|
float: left;
|
|
max-width: 95px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.zoom {
|
|
padding: 5px 3px;
|
|
float: right;
|
|
min-width: 40px;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
|
|
@toolbar-icon-size: 20px;
|
|
.toolbar-btn-icon(btn-fontcolor, 0, @toolbar-icon-size);
|
|
.toolbar-btn-icon(btn-valign-top, 1, @toolbar-icon-size);
|
|
//
|
|
.button-normal-icon(btn-bold, 3, @toolbar-icon-size);
|
|
.button-normal-icon(btn-border-all, 4, @toolbar-icon-size);
|
|
.button-normal-icon(btn-clearstyle, 5, @toolbar-icon-size);
|
|
.button-normal-icon(btn-incdecimal, 6, @toolbar-icon-size);
|
|
.button-normal-icon(btn-decdecimal, 7, @toolbar-icon-size);
|
|
.button-normal-icon(btn-italic, 8, @toolbar-icon-size);
|
|
.button-normal-icon(btn-fillparag, 9, @toolbar-icon-size);
|
|
.button-normal-icon(btn-merge, 10, @toolbar-icon-size);
|
|
.button-normal-icon(btn-print, 11, @toolbar-icon-size);
|
|
.button-normal-icon(btn-redo, 12, @toolbar-icon-size);
|
|
.button-normal-icon(btn-save, 13, @toolbar-icon-size);
|
|
.button-normal-icon(btn-sort-down, 14, @toolbar-icon-size);
|
|
.button-normal-icon(btn-formula, 15, @toolbar-icon-size);
|
|
.button-normal-icon(btn-undo, 16, @toolbar-icon-size);
|
|
.button-normal-icon(btn-wrap, 17, @toolbar-icon-size);
|
|
.button-normal-icon(btn-underline, 18, @toolbar-icon-size);
|
|
.button-normal-icon(btn-align-left, 21, @toolbar-icon-size);
|
|
.button-normal-icon(btn-align-center, 19, @toolbar-icon-size);
|
|
.button-normal-icon(btn-align-right, 22, @toolbar-icon-size);
|
|
.button-normal-icon(btn-align-just, 20, @toolbar-icon-size);
|
|
.button-normal-icon(btn-valign-middle, 23, @toolbar-icon-size);
|
|
.button-normal-icon(btn-valign-bottom, 24, @toolbar-icon-size);
|
|
.button-normal-icon(btn-border-out, 25, @toolbar-icon-size);
|
|
.button-normal-icon(btn-border-top, 26, @toolbar-icon-size);
|
|
.button-normal-icon(btn-border-bottom, 27, @toolbar-icon-size);
|
|
.button-normal-icon(btn-border-left, 28, @toolbar-icon-size);
|
|
.button-normal-icon(btn-border-right, 29, @toolbar-icon-size);
|
|
.button-normal-icon(btn-border-no, 30, @toolbar-icon-size);
|
|
.button-normal-icon(btn-border-center, 31, @toolbar-icon-size);
|
|
.button-normal-icon(btn-border-hmiddle, 32, @toolbar-icon-size);
|
|
.button-normal-icon(btn-border-vmiddle, 33, @toolbar-icon-size);
|
|
.button-normal-icon(btn-copy, 37, @toolbar-icon-size);
|
|
.button-normal-icon(btn-paste, 38, @toolbar-icon-size);
|
|
.button-normal-icon(btn-synch, 39, @toolbar-icon-size);
|
|
.button-normal-icon(btn-autofilter, 40, @toolbar-icon-size);
|
|
.button-normal-icon(btn-colorschemas, 41, @toolbar-icon-size);
|
|
.button-normal-icon(btn-newdocument, 42, @toolbar-icon-size);
|
|
.button-normal-icon(btn-opendocument, 43, @toolbar-icon-size);
|
|
.button-normal-icon(btn-incfont, 44, @toolbar-icon-size);
|
|
.button-normal-icon(btn-decfont, 45, @toolbar-icon-size);
|
|
.button-normal-icon(btn-text-orient, 46, @toolbar-icon-size);
|
|
.button-normal-icon(btn-sort-up, 49, @toolbar-icon-size);
|
|
.button-normal-icon(btn-clear-filter, 50, @toolbar-icon-size);
|
|
.button-normal-icon(btn-percent-style, 51, @toolbar-icon-size);
|
|
.button-normal-icon(btn-currency-style, 52, @toolbar-icon-size);
|
|
.button-normal-icon(btn-addcell, 53, @toolbar-icon-size);
|
|
.button-normal-icon(btn-delcell, 54, @toolbar-icon-size);
|
|
.button-normal-icon(btn-ttempl, 80, @toolbar-icon-size);
|
|
//
|
|
.button-normal-icon(btn-showmode, 56, @toolbar-icon-size);
|
|
.button-normal-icon(btn-settings, 57, @toolbar-icon-size);
|
|
//
|
|
.button-normal-icon(btn-search, 62, @toolbar-icon-size);
|
|
.button-normal-icon(btn-zoomin, 67, @toolbar-icon-size);
|
|
.button-normal-icon(btn-zoomout, 68, @toolbar-icon-size);
|
|
.button-normal-icon(btn-copystyle, 73, @toolbar-icon-size);
|
|
.button-normal-icon(btn-save-coauth, 76, @toolbar-icon-size);
|
|
|
|
.button-normal-icon(btn-border-diagup, 42, @toolbar-icon-size);
|
|
.button-normal-icon(btn-border-diagdown, 43, @toolbar-icon-size);
|
|
|
|
.button-normal-icon(btn-spellcheck-next, 70, @toolbar-icon-size);
|
|
.button-normal-icon(btn-spellcheck-preview, 72, @toolbar-icon-size);
|
|
|
|
.button-normal-icon(btn-named-range, 77, @toolbar-icon-size);
|
|
.button-normal-icon(btn-strikeout, 84, @toolbar-icon-size);
|
|
.button-normal-icon(btn-subscript, 85, @toolbar-icon-size);
|
|
.button-normal-icon(btn-superscript, 86, @toolbar-icon-size);
|
|
|
|
.button-normal-icon(rotate-90, 89, @toolbar-icon-size);
|
|
.button-normal-icon(rotate-270, 90, @toolbar-icon-size);
|
|
.button-normal-icon(flip-hor, 91, @toolbar-icon-size);
|
|
.button-normal-icon(flip-vert, 92, @toolbar-icon-size);
|
|
.button-normal-icon(btn-show-details, 73, @toolbar-icon-size);
|
|
.button-normal-icon(btn-hide-details, 73, @toolbar-icon-size);
|
|
|
|
@menu-icon-size: 22px;
|
|
.menu-btn-icon(mnu-align-center, 0, @menu-icon-size);
|
|
.menu-btn-icon(mnu-align-just, 1, @menu-icon-size);
|
|
.menu-btn-icon(mnu-align-left, 2, @menu-icon-size);
|
|
.menu-btn-icon(mnu-align-right, 3, @menu-icon-size);
|
|
.menu-btn-icon(mnu-valign-bottom, 4, @menu-icon-size);
|
|
.menu-btn-icon(mnu-valign-middle, 5, @menu-icon-size);
|
|
.menu-btn-icon(mnu-valign-top, 6, @menu-icon-size);
|
|
.menu-btn-icon(mnu-border-all, 7, @menu-icon-size);
|
|
.menu-btn-icon(mnu-border-center, 8, @menu-icon-size);
|
|
.menu-btn-icon(mnu-border-bottom, 9, @menu-icon-size);
|
|
.menu-btn-icon(mnu-border-hmiddle, 10, @menu-icon-size);
|
|
.menu-btn-icon(mnu-border-top, 11, @menu-icon-size);
|
|
.menu-btn-icon(mnu-border-no, 12, @menu-icon-size);
|
|
.menu-btn-icon(mnu-border-out, 13, @menu-icon-size);
|
|
.menu-btn-icon(mnu-border-left, 14, @menu-icon-size);
|
|
.menu-btn-icon(mnu-border-vmiddle, 15, @menu-icon-size);
|
|
.menu-btn-icon(mnu-border-right, 16, @menu-icon-size);
|
|
//
|
|
.menu-btn-icon(mnu-arrange-front, 19, @menu-icon-size);
|
|
.menu-btn-icon(mnu-arrange-back, 20, @menu-icon-size);
|
|
.menu-btn-icon(mnu-arrange-forward, 21, @menu-icon-size);
|
|
.menu-btn-icon(mnu-arrange-backward, 22, @menu-icon-size);
|
|
.menu-btn-icon(mnu-sort-asc, 23, @menu-icon-size);
|
|
.menu-btn-icon(mnu-sort-desc, 24, @menu-icon-size);
|
|
.menu-btn-icon(mnu-filter-add, 25, @menu-icon-size);
|
|
.menu-btn-icon(mnu-filter-clear, 26, @menu-icon-size);
|
|
.menu-btn-icon(mnu-direct-horiz, 27, @menu-icon-size);
|
|
.menu-btn-icon(mnu-direct-ccw, 28, @menu-icon-size);
|
|
.menu-btn-icon(mnu-direct-cw, 29, @menu-icon-size);
|
|
//
|
|
.menu-btn-icon(mnu-direct-rup, 31, @menu-icon-size);
|
|
.menu-btn-icon(mnu-direct-rdown, 32, @menu-icon-size);
|
|
.menu-btn-icon(mnu-group, 33, @menu-icon-size);
|
|
.menu-btn-icon(mnu-ungroup, 34, @menu-icon-size);
|
|
//
|
|
.menu-btn-icon(mnu-border-diagup, 36, @menu-icon-size);
|
|
.menu-btn-icon(mnu-border-diagdown, 37, @menu-icon-size);
|
|
//
|
|
.menu-btn-icon(mnu-text-subscript, 38, @menu-icon-size);
|
|
.menu-btn-icon(mnu-text-superscript, 39, @menu-icon-size);
|
|
|
|
.menu-btn-icon(mnu-orient-portrait, 48, @menu-icon-size);
|
|
.menu-btn-icon(mnu-orient-landscape, 49, @menu-icon-size);
|
|
|
|
.menu-btn-icon(mnu-img-align-center, 41, @menu-icon-size);
|
|
.menu-btn-icon(mnu-img-align-left, 40, @menu-icon-size);
|
|
.menu-btn-icon(mnu-img-align-right, 42, @menu-icon-size);
|
|
.menu-btn-icon(mnu-img-align-bottom, 45, @menu-icon-size);
|
|
.menu-btn-icon(mnu-img-align-middle, 44, @menu-icon-size);
|
|
.menu-btn-icon(mnu-img-align-top, 43, @menu-icon-size);
|
|
.menu-btn-icon(mnu-distrib-hor, 46, @menu-icon-size);
|
|
.menu-btn-icon(mnu-distrib-vert, 47, @menu-icon-size);
|
|
|
|
.username-tip {
|
|
background-color: #ee3525;
|
|
border: none;
|
|
border-radius: 0;
|
|
padding: 3px 10px;
|
|
color: #ffffff;
|
|
font: 11px arial;
|
|
pointer-events: none;
|
|
white-space: nowrap;
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
#id-toolbar-btn-num-format button .caption {
|
|
display: inline-block;
|
|
}
|
|
|
|
#id-toolbar-mnu-item-border-width {
|
|
.border-size-item {
|
|
background: ~"url(@{app-image-const-path}/toolbar/BorderSize.png) no-repeat scroll 0 0";
|
|
width: 80px;
|
|
height: 20px;
|
|
margin-top: -3px;
|
|
margin-bottom: -2px;
|
|
}
|
|
}
|
|
|
|
.item-equation {
|
|
border: 1px solid @gray;
|
|
.background-ximage-v2('toolbar/math.png', 1500px);
|
|
}
|
|
|
|
#special-paste-container,
|
|
#autocorrect-paste-container {
|
|
position: absolute;
|
|
z-index: @zindex-dropdown - 20;
|
|
background-color: @gray-light;
|
|
border: 1px solid @gray;
|
|
}
|
|
|
|
#slot-field-fontname {
|
|
width: 148px;
|
|
}
|
|
|
|
#slot-field-fontsize {
|
|
width: 45px;
|
|
}
|
|
|
|
.item-markerlist {
|
|
.background-ximage-v2('toolbar/bullets-and-numbering.png', 38px);
|
|
width: 38px;
|
|
height: 38px;
|
|
}
|