3.0 source code
This commit is contained in:
agolybev
@@ -0,0 +1,42 @@
|
||||
.toolbar-btn-icon(advanced-btn-ratio, 67, 20px);
|
||||
|
||||
.combo-arrow-style {
|
||||
.form-control {
|
||||
cursor: pointer;
|
||||
background-color: white;
|
||||
|
||||
&.image {
|
||||
.background-ximage('@{app-image-path}/right-panels/Begin-EndStyle.png', '@{app-image-path}/right-panels/Begin-EndStyle@2x.png', 480px);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 10px 0;
|
||||
background-attachment: scroll;
|
||||
background-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.btn {
|
||||
&:active:not(.disabled),
|
||||
&.active:not(.disabled){
|
||||
.caret {
|
||||
background-position: @arrow-small-offset-x @arrow-small-offset-y;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-arrow {
|
||||
.background-ximage('@{app-image-path}/right-panels/Begin-EndStyle.png', '@{app-image-path}/right-panels/Begin-EndStyle@2x.png', 480px);
|
||||
width:44px;
|
||||
height:20px;
|
||||
}
|
||||
|
||||
.advanced-settings-dlg {
|
||||
.div-category {
|
||||
padding: 0 15px;
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
146
OfficeWeb/apps/presentationeditor/main/resources/less/app.less
Normal file
146
OfficeWeb/apps/presentationeditor/main/resources/less/app.less
Normal file
@@ -0,0 +1,146 @@
|
||||
//
|
||||
// Common
|
||||
// --------------------------------------------------
|
||||
|
||||
// App variables
|
||||
@import "variables.less";
|
||||
|
||||
@import "../../../../common/main/resources/less/asc-mixins.less";
|
||||
|
||||
// Bootstrap overwrite
|
||||
@import "../../../../common/main/resources/less/variables.less";
|
||||
|
||||
//
|
||||
// Bootstrap
|
||||
// --------------------------------------------------
|
||||
|
||||
// Core variables and mixins
|
||||
//@import "../../../../vendor/bootstrap/less/variables.less";
|
||||
@import "../../../../../vendor/bootstrap/less/mixins.less";
|
||||
|
||||
// Reset
|
||||
@import "../../../../../vendor/bootstrap/less/normalize.less";
|
||||
//@import "print.less";
|
||||
|
||||
// Core CSS
|
||||
@import "../../../../../vendor/bootstrap/less/scaffolding.less";
|
||||
@import "../../../../../vendor/bootstrap/less/type.less";
|
||||
//@import "code.less";
|
||||
//@import "grid.less";
|
||||
//@import "tables.less";
|
||||
@import "../../../../../vendor/bootstrap/less/forms.less";
|
||||
@import "../../../../../vendor/bootstrap/less/buttons.less";
|
||||
|
||||
// Components
|
||||
@import "../../../../../vendor/bootstrap/less/component-animations.less";
|
||||
//@import "glyphicons.less";
|
||||
@import "../../../../../vendor/bootstrap/less/dropdowns.less";
|
||||
@import "../../../../../vendor/bootstrap/less/button-groups.less";
|
||||
@import "../../../../../vendor/bootstrap/less/input-groups.less";
|
||||
//@import "navs.less";
|
||||
//@import "navbar.less";
|
||||
//@import "breadcrumbs.less";
|
||||
//@import "pagination.less";
|
||||
//@import "pager.less";
|
||||
//@import "labels.less";
|
||||
//@import "badges.less";
|
||||
//@import "jumbotron.less";
|
||||
//@import "thumbnails.less";
|
||||
//@import "alerts.less";
|
||||
//@import "progress-bars.less";
|
||||
//@import "media.less";
|
||||
//@import "list-group.less";
|
||||
//@import "panels.less";
|
||||
//@import "wells.less";
|
||||
//@import "close.less";
|
||||
|
||||
// Components w/ JavaScript
|
||||
//@import "modals.less";
|
||||
@import "../../../../../vendor/bootstrap/less/tooltip.less";
|
||||
//@import "popovers.less";
|
||||
//@import "carousel.less";
|
||||
|
||||
// Utility classes
|
||||
@import "../../../../../vendor/bootstrap/less/utilities.less";
|
||||
@import "../../../../../vendor/bootstrap/less/responsive-utilities.less";
|
||||
|
||||
//
|
||||
// Perfect scrollbar
|
||||
// --------------------------------------------------
|
||||
|
||||
@import (inline) "../../../../../vendor/perfect-scrollbar/src/perfect-scrollbar.css";
|
||||
|
||||
//
|
||||
// Common
|
||||
// --------------------------------------------------
|
||||
|
||||
@import "../../../../common/main/resources/less/header.less";
|
||||
@import "../../../../common/main/resources/less/buttons.less";
|
||||
@import "../../../../common/main/resources/less/dropdown-menu.less";
|
||||
@import "../../../../common/main/resources/less/dropdown-submenu.less";
|
||||
@import "../../../../common/main/resources/less/separator.less";
|
||||
@import "../../../../common/main/resources/less/input.less";
|
||||
@import "../../../../common/main/resources/less/combobox.less";
|
||||
@import "../../../../common/main/resources/less/window.less";
|
||||
@import "../../../../common/main/resources/less/spinner.less";
|
||||
@import "../../../../common/main/resources/less/loadmask.less";
|
||||
@import "../../../../common/main/resources/less/checkbox.less";
|
||||
@import "../../../../common/main/resources/less/radiobox.less";
|
||||
@import "../../../../common/main/resources/less/dataview.less";
|
||||
@import "../../../../common/main/resources/less/listview.less";
|
||||
@import "../../../../common/main/resources/less/colorpalette.less";
|
||||
@import "../../../../common/main/resources/less/theme-colorpalette.less";
|
||||
@import "../../../../common/main/resources/less/dimension-picker.less";
|
||||
@import "../../../../common/main/resources/less/hsb-colorpicker.less";
|
||||
@import "../../../../common/main/resources/less/table-styler.less";
|
||||
@import "../../../../common/main/resources/less/masked-field.less";
|
||||
@import "../../../../common/main/resources/less/extended-color-picker.less";
|
||||
@import "../../../../common/main/resources/less/layout.less";
|
||||
@import "../../../../common/main/resources/less/combo-border-size.less";
|
||||
@import "../../../../common/main/resources/less/combo-dataview.less";
|
||||
@import "../../../../common/main/resources/less/slider.less";
|
||||
@import "../../../../common/main/resources/less/multislider-gradient.less";
|
||||
@import "../../../../common/main/resources/less/advanced-settings-window.less";
|
||||
@import "../../../../common/main/resources/less/chat.less";
|
||||
@import "../../../../common/main/resources/less/comments.less";
|
||||
@import "../../../../common/main/resources/less/searchdialog.less";
|
||||
@import "../../../../common/main/resources/less/about.less";
|
||||
@import "../../../../common/main/resources/less/tooltip.less";
|
||||
@import "../../../../common/main/resources/less/scroller.less";
|
||||
@import "../../../../common/main/resources/less/synchronize-tip.less";
|
||||
@import "../../../../common/main/resources/less/common.less";
|
||||
|
||||
// App
|
||||
// --------------------------------------------------
|
||||
|
||||
@import "layout.less";
|
||||
@import "toolbar.less";
|
||||
@import "statusbar.less";
|
||||
@import "leftmenu.less";
|
||||
@import "rightmenu.less";
|
||||
@import "advanced-settings.less";
|
||||
@import "document-preview.less";
|
||||
|
||||
.font-size-small {
|
||||
.fontsize(@font-size-small);
|
||||
}
|
||||
|
||||
.font-size-normal {
|
||||
.fontsize(@font-size-base);
|
||||
}
|
||||
|
||||
.font-size-large {
|
||||
.fontsize(@font-size-large);
|
||||
}
|
||||
|
||||
@huge-icon-size: 37px;
|
||||
@x-huge-icon-size: 45px;
|
||||
|
||||
.slidenum-div {
|
||||
background-color: @body-bg;
|
||||
color: @gray-deep;
|
||||
padding: 5px 12px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
.box-shadow(0 6px 12px rgba(0, 0, 0, 0.175));
|
||||
border-radius: @border-radius-base;
|
||||
}
|
||||
@@ -0,0 +1,98 @@
|
||||
.preview-controls {
|
||||
display: table;
|
||||
background: @gray-light;
|
||||
height: 35px;
|
||||
z-index: 10;
|
||||
|
||||
.preview-group {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#preview-label-slides {
|
||||
font: bold 11px Helvetica, Arial, Verdana, sans-serif;
|
||||
color: #666666;
|
||||
text-shadow: none;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-tpl(@top-position) {
|
||||
.btn-icon {
|
||||
background-position: 0 @top-position;
|
||||
|
||||
&:active {
|
||||
background-position: -20px @top-position;
|
||||
}
|
||||
}
|
||||
|
||||
&[disabled] .btn-icon {
|
||||
background-position: -40px @top-position;
|
||||
}
|
||||
|
||||
&.active {
|
||||
.btn-icon {
|
||||
background-position: -20px @top-position;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#btn-preview-prev {
|
||||
margin-left: 10px;
|
||||
.btn-tpl(-1240px);
|
||||
}
|
||||
#btn-preview-next {
|
||||
.btn-tpl(-1260px);
|
||||
}
|
||||
#btn-preview-play {
|
||||
.btn-tpl(-1280px);
|
||||
|
||||
.btn-icon.btn-pause {
|
||||
background-position: 0 -1320px;
|
||||
|
||||
&:active {
|
||||
background-position: -20px -1320px;
|
||||
}
|
||||
}
|
||||
|
||||
&[disabled] .btn-icon.btn-pause {
|
||||
background-position: -60px -1320px;
|
||||
}
|
||||
|
||||
&.active {
|
||||
.btn-icon.btn-pause {
|
||||
background-position: -20px -1320px;
|
||||
}
|
||||
}
|
||||
}
|
||||
#btn-preview-close {
|
||||
margin-right: 10px;
|
||||
.btn-tpl(-1300px);
|
||||
}
|
||||
|
||||
.separator {
|
||||
margin: 0px 10px;
|
||||
height: 19px;
|
||||
}
|
||||
|
||||
#preview-goto-box {
|
||||
position: fixed;
|
||||
bottom: 35px;
|
||||
padding: 10px;
|
||||
margin-left: 80px;
|
||||
margin-bottom: 2px;
|
||||
min-width: 130px;
|
||||
|
||||
> label {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
> input[type=text] {
|
||||
width: 50px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -0,0 +1,78 @@
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.user-select(none);
|
||||
color: @gray-deep;
|
||||
|
||||
&.safari {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
overflow: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
#viewport {
|
||||
overflow: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#viewport-vbox-layout {
|
||||
.layout-item:nth-child(3) {
|
||||
overflow: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#viewport {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top:0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #f4f4f4;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.layout-region {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-collapse: collapse;
|
||||
table-layout: fixed;
|
||||
|
||||
.row {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
.cell {
|
||||
display: table-cell;
|
||||
}
|
||||
}
|
||||
|
||||
.tooltip.main-info {
|
||||
z-index: @zindex-popover;
|
||||
|
||||
.tooltip-inner {
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,450 @@
|
||||
.tool-menu {
|
||||
height: 100%;
|
||||
display: block;
|
||||
|
||||
&.left {
|
||||
overflow: hidden;
|
||||
|
||||
.tool-menu-btns {
|
||||
border-right: 1px solid @gray-dark;
|
||||
|
||||
.toolbar-btn-icon(btn-menu-file, 49, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-menu-search, 50, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-menu-thumbs, 51, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-menu-comments, 52, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-menu-chat, 53, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-menu-about, 55, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-menu-support, 68, @toolbar-icon-size);
|
||||
|
||||
button.notify .btn-menu-chat,
|
||||
button.notify.over > .btn-menu-chat {background-position: -0*@toolbar-icon-size -54*@toolbar-icon-size;}
|
||||
button.notify:active > .btn-menu-chat {background-position: -1*@toolbar-icon-size -54*@toolbar-icon-size;}
|
||||
button.notify.disabled > .btn-menu-chat {background-position: -2*@toolbar-icon-size -54*@toolbar-icon-size;}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#left-menu {
|
||||
&+.layout-resizer {
|
||||
border-left: 0 none;
|
||||
border-right: 0 none;
|
||||
|
||||
&.move {
|
||||
border-left: 1px solid @gray-dark;
|
||||
border-right: 1px solid @gray-dark;
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tool-menu-btns {
|
||||
width: 40px;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
padding-top: 15px;
|
||||
|
||||
button {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
.left-panel {
|
||||
padding-left: 40px;
|
||||
height: 100%;
|
||||
border-right: 1px solid @gray-dark;
|
||||
|
||||
#left-panel-chat {
|
||||
height: 100%;
|
||||
}
|
||||
#left-panel-comments {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.left-menu-full-ct {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 40px;
|
||||
padding-right: 40px;
|
||||
top: 0;
|
||||
position: absolute;
|
||||
z-index: @zindex-dropdown - 5;
|
||||
background-color: @gray-light;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#file-menu-panel {
|
||||
> div {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.panel-menu {
|
||||
width: 260px;
|
||||
float: left;
|
||||
border-right: 1px solid @gray-dark;
|
||||
background-color: @gray-light;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
position: relative;
|
||||
|
||||
&.fm-btn {
|
||||
height: 27px;
|
||||
margin-bottom: 3px;
|
||||
|
||||
&:hover {
|
||||
background-color: @secondary;
|
||||
}
|
||||
|
||||
&.active {
|
||||
outline: 0;
|
||||
background-color: @primary;
|
||||
|
||||
> a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
&.disabled {
|
||||
> a {
|
||||
&:extend(.dropdown-menu > .disabled > a);
|
||||
|
||||
&:hover, &:focus {
|
||||
&:extend(.dropdown-menu > .disabled > a:hover);
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.devider {
|
||||
.dropdown-menu .divider;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
> a {
|
||||
&:extend(.dropdown-menu > li > a);
|
||||
padding-top: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 13px;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.panel-context {
|
||||
width: 100%;
|
||||
padding-left: 260px;
|
||||
background-color: #fff;
|
||||
|
||||
.content-box {
|
||||
height: 100%;
|
||||
padding: 0 20px;
|
||||
|
||||
label.empty {
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#panel-saveas {
|
||||
table {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-bottom: 65px;
|
||||
|
||||
.btn-doc-format {
|
||||
display: block;
|
||||
width: 98px;
|
||||
height: 125px;
|
||||
cursor: pointer;
|
||||
margin: 65px 25px 0px;
|
||||
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0;
|
||||
.background-ximage('@{app-image-path}/docformat.png', '@{app-image-path}/docformat@2x.png', 408px);
|
||||
|
||||
.icon-document-format(@shift-x, @shift-y: 0) {
|
||||
background-position: @shift-x @shift-y;
|
||||
|
||||
&:hover {
|
||||
background-position: @shift-x+102 @shift-y;
|
||||
}
|
||||
}
|
||||
|
||||
&.pptx {.icon-document-format(-102px);}
|
||||
&.pdf {.icon-document-format(-306px);}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#panel-settings {
|
||||
padding: 0 30px;
|
||||
table {
|
||||
margin: 30px 0;
|
||||
width: 100%;
|
||||
|
||||
tr {
|
||||
td {
|
||||
padding: 5px 10px;
|
||||
|
||||
&.left {
|
||||
text-align: right;
|
||||
width: 30%;
|
||||
|
||||
label {
|
||||
font-family: tahoma, arial, verdana, sans-serif;
|
||||
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
&.right {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
&.divider {
|
||||
height: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#panel-createnew {
|
||||
h3 {
|
||||
margin: 0;
|
||||
font-size: 10pt;
|
||||
color: #665;
|
||||
font-weight: bold;
|
||||
padding: 0 0 10px 10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.blank-document {
|
||||
min-width: 650px;
|
||||
}
|
||||
|
||||
.blank-document-info {
|
||||
vertical-align: top;
|
||||
width: 445px;
|
||||
display: inline-block;
|
||||
|
||||
h3 {
|
||||
padding-left: 0;
|
||||
padding-top: 40px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
|
||||
.blank-document-btn {
|
||||
display: inline-block;
|
||||
margin: 25px 20px 65px;
|
||||
.background-ximage('@{app-image-path}/file-templates-blank.png', '@{app-image-path}/file-templates-blank@2x.png', 256px);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0;
|
||||
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background-position: -128px 0;
|
||||
}
|
||||
}
|
||||
|
||||
hr {
|
||||
margin: 0;
|
||||
border-bottom: none;
|
||||
border-color: #e1e1e1;
|
||||
}
|
||||
|
||||
.thumb-list {
|
||||
.thumb-wrap {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: auto;
|
||||
padding: 30px 20px;
|
||||
cursor: pointer;
|
||||
|
||||
.thumb {
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
.background-ximage('@{app-image-path}/file-template-default.png', '@{app-image-path}/file-template-default@2x.png', 128px);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.title {
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#panel-recentfiles {
|
||||
.dataview {
|
||||
& > div:not(.ps-scrollbar-x-rail):not(.ps-scrollbar-y-rail) {
|
||||
border: none;
|
||||
width: 100%;
|
||||
.box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
.recent-wrap {
|
||||
height: 65px;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
|
||||
&:hover,
|
||||
&.over {
|
||||
background-color: @gray-light;
|
||||
}
|
||||
|
||||
.recent-icon {
|
||||
float: left;
|
||||
width: 35px;
|
||||
height: 45px;
|
||||
margin-right: 10px;
|
||||
.background-ximage('@{app-image-path}/file-recent.png', '@{app-image-path}/file-recent@2x.png', 38px);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.file-name {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.file-info {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#panel-help {
|
||||
padding: 0;
|
||||
overflow-y: hidden;
|
||||
|
||||
.no-padding {
|
||||
padding: 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.dataview {
|
||||
border-right: 1px solid @gray-dark;
|
||||
|
||||
& > div:not(.ps-scrollbar-x-rail):not(.ps-scrollbar-y-rail) {
|
||||
display: block;
|
||||
border: none;
|
||||
width: 100%;
|
||||
.box-shadow(none);
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
|
||||
&:not(.header-name) {
|
||||
&:hover,
|
||||
&.over {
|
||||
background-color: @gray-light;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background-color: @primary;
|
||||
color: @dropdown-link-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.help-item-wrap {
|
||||
padding: 7px 2px 7px 20px;
|
||||
}
|
||||
|
||||
.header-name {
|
||||
padding: 7px 2px 7px 10px;
|
||||
font-weight: bold;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#panel-info {
|
||||
padding: 0 30px;
|
||||
table {
|
||||
tr {
|
||||
td {
|
||||
padding: 0 20px 5px 0;
|
||||
|
||||
&.left {
|
||||
padding: 5px 10px;
|
||||
text-align: right;
|
||||
width: 30%;
|
||||
|
||||
label {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
&.right {
|
||||
padding: 5px 10px;
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
&.divider {
|
||||
height: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
&.main {
|
||||
width: 100%;
|
||||
margin: 30px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.userLink {
|
||||
.background-ximage('@{app-image-path}/profile.png', '@{app-image-path}/profile@2x.png', 12px);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left center;
|
||||
background-attachment: scroll;
|
||||
background-color: transparent;
|
||||
display: inline-block;
|
||||
padding: 0 0 0 17px;
|
||||
}
|
||||
|
||||
label, span {
|
||||
font-family: tahoma, arial, verdana, sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,185 @@
|
||||
|
||||
.tool-menu.right {
|
||||
.tool-menu-btns {
|
||||
position: absolute;
|
||||
border-left: 1px solid @gray-dark;
|
||||
background-color: @gray-light;
|
||||
right: 0;
|
||||
|
||||
/*menuText*/
|
||||
.toolbar-btn-icon(btn-menu-text, 40, @toolbar-icon-size);
|
||||
|
||||
/*menuImage*/
|
||||
.toolbar-btn-icon(btn-menu-image, 43, @toolbar-icon-size);
|
||||
|
||||
/*menuTable*/
|
||||
.toolbar-btn-icon(btn-menu-table, 42, @toolbar-icon-size);
|
||||
|
||||
/*menuChart*/
|
||||
.toolbar-btn-icon(btn-menu-chart, 44, @toolbar-icon-size);
|
||||
|
||||
/*menuSlide*/
|
||||
.toolbar-btn-icon(btn-menu-slide, 56, @toolbar-icon-size);
|
||||
|
||||
/*menuShape*/
|
||||
.toolbar-btn-icon(btn-menu-shape, 39, @toolbar-icon-size);
|
||||
}
|
||||
}
|
||||
|
||||
.right-panel {
|
||||
width: 220px;
|
||||
height: 100%;
|
||||
display: none;
|
||||
padding: 0 10px 0 15px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-left: 1px solid @gray-dark;
|
||||
}
|
||||
|
||||
.settings-panel {
|
||||
display: none;
|
||||
overflow: visible;
|
||||
margin-top: 7px;
|
||||
|
||||
& > table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.padding-small {
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.padding-large {
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
|
||||
.finish-cell {
|
||||
height: 15px;
|
||||
}
|
||||
|
||||
label {
|
||||
.font-size-normal();
|
||||
font-weight: normal;
|
||||
|
||||
&.input-label{
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&.header {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.separator { width: 100%;}
|
||||
|
||||
.settings-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.item-wrap {
|
||||
width:50px;
|
||||
height:50px;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.btn-toolbar .btn-icon.btn-borders-small {
|
||||
.background-ximage('@{app-image-path}/right-panels/SmallBorders.png', '@{app-image-path}/right-panels/SmallBorders@2x.png', 84px);
|
||||
}
|
||||
|
||||
.options-btn-icon(btn-position-all, 0, 21px);
|
||||
.options-btn-icon(btn-position-inner, 1, 21px);
|
||||
.options-btn-icon(btn-position-bottom, 2, 21px);
|
||||
.options-btn-icon(btn-position-inner-hor, 3, 21px);
|
||||
.options-btn-icon(btn-position-top, 4, 21px);
|
||||
.options-btn-icon(btn-position-none, 5, 21px);
|
||||
.options-btn-icon(btn-position-outer, 6, 21px);
|
||||
.options-btn-icon(btn-position-left, 7, 21px);
|
||||
.options-btn-icon(btn-position-inner-vert, 8, 21px);
|
||||
.options-btn-icon(btn-position-right, 9, 21px);
|
||||
|
||||
.btn-edit-table,
|
||||
.btn-change-shape {
|
||||
.background-ximage('@{app-image-path}/right-panels/rowscols_icon.png', '@{app-image-path}/right-panels/rowscols_icon@2x.png', 84px);
|
||||
margin-right: 2px !important;
|
||||
margin-bottom: 1px !important;
|
||||
}
|
||||
|
||||
.btn-edit-table {background-position: 0 0;}
|
||||
button.over .btn-edit-table {background-position: -28px 0;}
|
||||
.btn-group.open .btn-edit-table,
|
||||
button.active .btn-edit-table,
|
||||
button:active .btn-edit-table {background-position: -56px 0;}
|
||||
|
||||
.btn-change-shape {background-position: 0 -16px;}
|
||||
button.over .btn-change-shape {background-position: -28px -16px;}
|
||||
.btn-group.open .btn-change-shape,
|
||||
button.active .btn-change-shape,
|
||||
button:active .btn-change-shape {background-position: -56px -16px;}
|
||||
|
||||
.combo-pattern-item {
|
||||
.background-ximage('@{app-image-path}/right-panels/patterns.png', '@{app-image-path}/right-panels/patterns@2x.png', 112px);
|
||||
}
|
||||
|
||||
.combo-dataview-menu {
|
||||
.form-control {
|
||||
cursor: pointer;
|
||||
background-color: white;
|
||||
|
||||
&.text {
|
||||
background: white;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-gradient {
|
||||
.background-ximage('@{app-image-path}/right-panels/gradients.png', '@{app-image-path}/right-panels/gradients@2x.png', 150px);
|
||||
width:50px;
|
||||
height:50px;
|
||||
}
|
||||
|
||||
.item-gradient-separator {
|
||||
margin-right: 62px !important;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
@@ -0,0 +1,130 @@
|
||||
.statusbar {
|
||||
display: table;
|
||||
padding: 2px;
|
||||
height: 25px;
|
||||
background-color: @gray-light;
|
||||
.box-inner-shadow(0 1px 0 @gray-dark);
|
||||
|
||||
.status-label {
|
||||
font-weight: bold;
|
||||
color: @gray-deep;
|
||||
white-space: nowrap;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
#status-label-pages, #status-label-zoom {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#status-label-pages, #status-label-action {
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
#status-users-icon, #status-users-count {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#status-users-icon {
|
||||
.background-ximage('@{app-image-path}/toolbar-menu.png', '@{app-image-path}/toolbar-menu@2x.png', 60px);
|
||||
background-repeat: no-repeat;
|
||||
background-position: 0 -1140px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#status-label-zoom {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-tpl(@top-position) {
|
||||
.btn-icon {
|
||||
background-position: 0 @top-position;
|
||||
|
||||
&:active {
|
||||
background-position: -20px @top-position;
|
||||
}
|
||||
}
|
||||
|
||||
&[disabled] .btn-icon {
|
||||
background-position: -40px @top-position;
|
||||
}
|
||||
|
||||
&.active {
|
||||
.btn-icon {
|
||||
background-position: -20px @top-position;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#btn-zoom-topage {
|
||||
.btn-tpl(-1160px);
|
||||
margin-right: 9px;
|
||||
}
|
||||
|
||||
#btn-zoom-towidth {
|
||||
.btn-tpl(-1180px);
|
||||
margin-right: 9px;
|
||||
}
|
||||
|
||||
#btn-zoom-down {
|
||||
.btn-tpl(-1200px);
|
||||
}
|
||||
|
||||
#btn-zoom-up {
|
||||
.btn-tpl(-1220px);
|
||||
}
|
||||
|
||||
.status-group {
|
||||
display: table-cell;
|
||||
white-space: nowrap;
|
||||
vertical-align: top;
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.separator {
|
||||
margin: -2px 3px 0 4px;
|
||||
|
||||
&.short {
|
||||
height: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.cnt-zoom {
|
||||
display: inline-block;
|
||||
|
||||
.dropdown-menu {
|
||||
min-width: 80px;
|
||||
margin-left: -4px;
|
||||
|
||||
li {
|
||||
text-align: center;
|
||||
|
||||
> a {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#status-goto-box {
|
||||
padding: 10px;
|
||||
margin-left: 40px;
|
||||
margin-bottom: 2px;
|
||||
min-width: 130px;
|
||||
|
||||
> label {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
> input[type=text] {
|
||||
width: 50px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,356 @@
|
||||
.toolbar {
|
||||
padding: 10px 0;
|
||||
background-color: @gray-light;
|
||||
.box-inner-shadow(0 -1px 0 @gray-dark);
|
||||
|
||||
.toolbar-group {
|
||||
display: table-cell;
|
||||
vertical-align: top;
|
||||
white-space: nowrap;
|
||||
padding-left: 12px;
|
||||
|
||||
&:last-child {
|
||||
padding-right: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-row {
|
||||
height: 20px;
|
||||
font-size: 0;
|
||||
|
||||
&:not(:first-child) {
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.separator {
|
||||
margin-left: 12px;
|
||||
|
||||
&.long {
|
||||
height: 46px;
|
||||
}
|
||||
|
||||
&.short {
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-placeholder {
|
||||
// background-color: red;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
&:not(:first-child) {
|
||||
margin-left: 1px;
|
||||
}
|
||||
|
||||
&.large {
|
||||
width: 31px;
|
||||
height: 31px;
|
||||
margin: 8px 0;
|
||||
|
||||
&.split {
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
&.split {
|
||||
width: 28px;
|
||||
}
|
||||
|
||||
&.border {
|
||||
border: 1px solid @gray;
|
||||
.border-radius(1px);
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&.masked {
|
||||
button.btn-toolbar-default.disabled .btn-icon:not(.btn-print):not(.btn-save):not(.btn-save-coauth):not(.btn-settings):not(.btn-hidebars) {
|
||||
background-position-x: 0px !important;
|
||||
}
|
||||
button.btn-toolbar-large.disabled .btn-icon:not(.btn-print):not(.btn-save) {
|
||||
background-position-y: -5px !important;
|
||||
}
|
||||
.toolbar-group:not(.no-mask) {
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toolbar-mask {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 48px;
|
||||
right: 45px;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
background-color: @gray-light;
|
||||
z-index: @zindex-modal - 1;
|
||||
}
|
||||
|
||||
.menu-layouts {
|
||||
.dataview.inner {
|
||||
& > div:not(.grouped-data):not(.ps-scrollbar-x-rail):not(.ps-scrollbar-y-rail) {
|
||||
.box-shadow(none);
|
||||
|
||||
&:hover,
|
||||
&.selected {
|
||||
.layout > div:first-child {
|
||||
.box-shadow(0 0 0 2px @primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.layout {
|
||||
.title {
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
text-overflow: ellipsis;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
& > div:first-child {
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-markerlist {
|
||||
.background-ximage('@{app-image-path}/toolbar/bullets.png', '@{app-image-path}/toolbar/bullets@2x.png', 38px);
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
.item-numberlist {
|
||||
.background-ximage('@{app-image-path}/toolbar/numbering.png', '@{app-image-path}/toolbar/numbering@2x.png', 74px);
|
||||
width: 74px;
|
||||
height: 74px;
|
||||
}
|
||||
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// menu zoom
|
||||
.menu-zoom {
|
||||
.title {
|
||||
padding: 5px 0 5px 20px;
|
||||
float: left;
|
||||
max-width: 95px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.zoom {
|
||||
padding: 5px 3px;
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
// charts
|
||||
.menu-insertchart {
|
||||
.group-description {
|
||||
float: left;
|
||||
width: 125px;
|
||||
line-height: 58px;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.group-items-container {
|
||||
float: left;
|
||||
position: relative;
|
||||
|
||||
& > div {
|
||||
float: left;
|
||||
margin: 0 0 0 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-chartlist {
|
||||
.background-ximage('@{app-image-path}/toolbar/charttypes.png', '@{app-image-path}/toolbar/charttypes@2x.png', 150px);
|
||||
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;
|
||||
}
|
||||
|
||||
.pie-doughnut{
|
||||
background-position: 0 -250px;
|
||||
}
|
||||
|
||||
@toolbar-icon-size: 20px;
|
||||
.toolbar-btn-icon(btn-changeslide, 7, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-preview, 8, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-print, 9, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-save, 10, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-synch, 11, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-copy, 12, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-decfont, 12, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-paste, 13, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-bold, 14, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-italic, 15, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-underline, 16, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-strikeout, 17, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-fontcolor, 18, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-superscript, 19, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-subscript, 20, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-undo, 21, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-redo, 22, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-clearstyle, 23, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-copystyle, 24, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-setmarkers, 25, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-numbering, 26, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-align-center, 27, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-align-just, 28, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-align-left, 29, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-align-right, 30, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-align-top, 31, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-align-middle, 32, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-align-bottom, 33, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-decoffset, 34, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-incoffset, 35, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-linespace, 36, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-arrange-shape, 37, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-align-shape, 38, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-insertshape, 39, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-inserttext, 40, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-inserthyperlink, 41, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-inserttable, 42, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-insertimage, 43, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-insertchart, 44, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-colorschemas, 45, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-slidesize, 46, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-hidebars, 47, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-settings, 48, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-zoomin, 61, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-zoomout, 60, @toolbar-icon-size);
|
||||
.toolbar-btn-icon(btn-save-coauth, 69, @toolbar-icon-size);
|
||||
|
||||
// add slide
|
||||
.btn-toolbar-default .btn-addslide,
|
||||
button.over.btn-toolbar-default > .btn-addslide {background-position: 0 -120px;}
|
||||
.btn-group.open .btn-toolbar-default > .btn-addslide,
|
||||
button.active.btn-toolbar-default > .btn-addslide,
|
||||
button:active.btn-toolbar-default > .btn-addslide {background-position: -20px -120px;}
|
||||
button.disabled.btn-toolbar-default:not(.active) > .btn-addslide {background-position: -40px -120px;}
|
||||
button.disabled.btn-toolbar-default > .btn-addslide {background-position: -20px -120px; opacity: 0.6;}
|
||||
|
||||
.btn-toolbar-large .btn-addslide,
|
||||
button.over.btn-toolbar-large > .btn-addslide {background-position: -2px -5px;}
|
||||
.btn-group.open .btn-toolbar-large > .btn-addslide,
|
||||
button.active.btn-toolbar-large > .btn-addslide,
|
||||
button:active.btn-toolbar-large > .btn-addslide {background-position: -2px -45px;}
|
||||
button.disabled.btn-toolbar-large:not(.active) > .btn-addslide {background-position: -2px -85px;}
|
||||
button.disabled.btn-toolbar-large > .btn-addslide {background-position: -2px -45px; opacity: 0.6;}
|
||||
|
||||
@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-right, 2, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-align-left, 3, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-align-middle, 4, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-align-bottom, 5, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-align-top, 6, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-arrange-front, 7, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-arrange-back, 8, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-arrange-forward, 9, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-arrange-backward, 10, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-group, 11, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-ungroup, 12, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-shape-align-left, 13, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-shape-align-center, 14, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-shape-align-right, 15, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-shape-align-top, 16, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-shape-align-middle, 17, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-shape-align-bottom, 18, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-distrib-hor, 19, @menu-icon-size);
|
||||
.menu-btn-icon(mnu-distrib-vert, 20, @menu-icon-size);
|
||||
|
||||
.username-tip {
|
||||
background-color: #ee3525;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
padding: 2px 10px;
|
||||
color: #ffffff;
|
||||
font-family: arial;
|
||||
font-size: 11px;
|
||||
}
|
||||
@@ -0,0 +1,59 @@
|
||||
// Paths
|
||||
// -------------------------
|
||||
|
||||
@app-image-path: "resources/img";
|
||||
@common-image-path: "../../common/main/resources/img";
|
||||
|
||||
// Grays
|
||||
// -------------------------
|
||||
|
||||
@gray-deep: #444444; //rgb(68, 68, 68)
|
||||
@gray-darker: #848484; //rgb(132, 132, 132)
|
||||
@gray-dark: #cbcbcb; //rgb(203, 203, 203)
|
||||
@gray: #cfcfcf; //rgb(207, 207, 207)
|
||||
@gray-light: #f1f1f1; //rgb(241, 241, 241)
|
||||
@gray-lighter: #ededed; //rgb(237, 237, 237)
|
||||
|
||||
@primary: #7d858c; //rgb(125, 133, 140)
|
||||
@primary-hover: #666d73; //rgb(102, 109, 115)
|
||||
@secondary: #d8dadc; //rgb(216, 218, 220)
|
||||
@secondary-hover: #cbced1; //rgb(203, 206, 209)
|
||||
|
||||
// Active color
|
||||
// -------------------------
|
||||
@blue-darker: #d96f3c;
|
||||
@blue-dark: #c65d27;
|
||||
@blue: #dd682b;
|
||||
@blue-light: #e07741;
|
||||
@blue-lighter: #eec3a8;
|
||||
|
||||
// Brand colors
|
||||
// -------------------------
|
||||
|
||||
@brand-primary: #428bca;
|
||||
@brand-success: #5cb85c;
|
||||
@brand-warning: #f0ad4e;
|
||||
@brand-danger: #d9534f;
|
||||
@brand-info: #5bc0de;
|
||||
|
||||
@brand-active: @blue-dark;
|
||||
@brand-active-light: @blue-light;
|
||||
|
||||
// Header
|
||||
// -------------------------
|
||||
@app-header-height: 20px;
|
||||
@app-header-bg-color: @blue;
|
||||
@app-header-bg-color-dark: @blue-dark;
|
||||
@app-header-bg-color-light: @blue-light;
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
|
||||
@body-bg: #fff;
|
||||
@text-color: @gray-dark;
|
||||
|
||||
// Links
|
||||
// -------------------------
|
||||
|
||||
@link-color: @brand-primary;
|
||||
@link-hover-color: darken(@link-color, 15%);
|
||||
Reference in New Issue
Block a user