261 lines
9.5 KiB
Plaintext
261 lines
9.5 KiB
Plaintext
//
|
|
// Common
|
|
// --------------------------------------------------
|
|
|
|
// App variables
|
|
@import "variables.less";
|
|
|
|
@import "../../../../common/main/resources/less/asc-mixins.less";
|
|
|
|
// Bootstrap overwrite
|
|
@import "../../../../common/main/resources/less/variables.less";
|
|
@import "../../../../common/main/resources/less/colors-table.less";
|
|
@import "../../../../common/main/resources/less/colors-table-classic.less";
|
|
@import "../../../../common/main/resources/less/colors-table-dark.less";
|
|
@import "../../../../common/main/resources/less/colors-table-dark-contrast.less";
|
|
@import "../../../../common/main/resources/less/colors-table-gray.less";
|
|
@import "../../../../common/main/resources/less/colors-table-white.less";
|
|
@import "../../../../common/main/resources/less/colors-table-night.less";
|
|
//
|
|
// Bootstrap
|
|
// --------------------------------------------------
|
|
|
|
// Core variables and mixins
|
|
@import "../../../../common/main/resources/mods/less/mixins.less";
|
|
|
|
// Reset
|
|
@import "../../../../common/main/resources/mods/less/normalize.less";
|
|
|
|
// Core CSS
|
|
@import "../../../../common/main/resources/mods/less/scaffolding.less";
|
|
@import "../../../../common/main/resources/mods/less/type.less";
|
|
@import "../../../../common/main/resources/mods/less/forms.less";
|
|
@import "../../../../common/main/resources/mods/less/buttons.less";
|
|
|
|
// Components
|
|
@import "../../../../common/main/resources/mods/less/component-animations.less";
|
|
@import "../../../../common/main/resources/mods/less/dropdowns.less";
|
|
@import "../../../../common/main/resources/mods/less/button-groups.less";
|
|
@import "../../../../common/main/resources/mods/less/input-groups.less";
|
|
|
|
// Components w/ JavaScript
|
|
@import "../../../../common/main/resources/mods/less/tooltip.less";
|
|
|
|
// Utility classes
|
|
@import "../../../../common/main/resources/mods/less/utilities.less";
|
|
@import "../../../../common/main/resources/mods/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/treeview.less";
|
|
@import "../../../../common/main/resources/less/colorpalette.less";
|
|
@import "../../../../common/main/resources/less/theme-colorpalette.less";
|
|
@import "../../../../common/main/resources/less/hsb-colorpicker.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";
|
|
@import "../../../../common/main/resources/less/switcher.less";
|
|
@import "../../../../common/main/resources/less/opendialog.less";
|
|
@import "../../../../common/main/resources/less/review-changes.less";
|
|
@import "../../../../common/main/resources/less/plugins.less";
|
|
@import "../../../../common/main/resources/less/toolbar.less";
|
|
@import "../../../../common/main/resources/less/winxp_fix.less";
|
|
@import "../../../../common/main/resources/less/symboltable.less";
|
|
@import "../../../../common/main/resources/less/hint-manager.less";
|
|
@import "../../../../common/main/resources/less/bigscaling.less";
|
|
@import "../../../../common/main/resources/less/updown-picker.less";
|
|
@import "../../../../common/main/resources/less/calendar.less";
|
|
@import "../../../../common/main/resources/less/dimension-picker.less";
|
|
@import "../../../../common/main/resources/less/statusbar.less";
|
|
@import "../../../../common/main/resources/less/shortcuts-dialog.less";
|
|
|
|
// App
|
|
// --------------------------------------------------
|
|
|
|
@import "layout.less";
|
|
@import "toolbar.less";
|
|
@import "statusbar.less";
|
|
@import "leftmenu.less";
|
|
@import "rightmenu.less";
|
|
@import "filemenu.less";
|
|
@import "navigation.less";
|
|
@import "thumbnails.less";
|
|
@import "advanced-settings";
|
|
|
|
@import "sprites/iconssmall@1x";
|
|
@import "sprites/iconsbig@1x";
|
|
@import "sprites/iconshuge@1x";
|
|
@import "sprites/iconssmall@2x";
|
|
@import "sprites/iconsbig@2x";
|
|
@import "sprites/iconssmall@1.25x";
|
|
@import "sprites/iconsbig@1.25x";
|
|
@import "sprites/iconshuge@1.25x";
|
|
@import "sprites/iconssmall@1.5x";
|
|
@import "sprites/iconsbig@1.5x";
|
|
@import "sprites/iconshuge@1.5x";
|
|
@import "sprites/iconssmall@1.75x";
|
|
@import "sprites/iconsbig@1.75x";
|
|
@import "sprites/iconshuge@1.75x";
|
|
@import "sprites/iconshuge@2x";
|
|
|
|
@import "sprites/iconssmall@1x.mod2";
|
|
@import "sprites/iconsbig@1x.mod2";
|
|
@import "sprites/iconshuge@1x.mod2";
|
|
@import "sprites/iconssmall@2x.mod2";
|
|
@import "sprites/iconsbig@2x.mod2";
|
|
@import "sprites/iconssmall@1.25x.mod2";
|
|
@import "sprites/iconsbig@1.25x.mod2";
|
|
@import "sprites/iconshuge@1.25x.mod2";
|
|
@import "sprites/iconssmall@1.5x.mod2";
|
|
@import "sprites/iconsbig@1.5x.mod2";
|
|
@import "sprites/iconshuge@1.5x.mod2";
|
|
@import "sprites/iconssmall@1.75x.mod2";
|
|
@import "sprites/iconsbig@1.75x.mod2";
|
|
@import "sprites/iconshuge@1.75x.mod2";
|
|
@import "sprites/iconshuge@2x.mod2";
|
|
|
|
:root {
|
|
//--big-icon-background-image: ~"url(@{app-image-const-path}/iconsbig.png)";
|
|
//--huge-icon-background-image: ~"url(@{app-image-const-path}/iconshuge.png)";
|
|
|
|
--big-icon-background-image-width: 56px;
|
|
--huge-icon-background-image-width: 80px;
|
|
|
|
//@safari-fix-base-path: "resources/img";
|
|
.safari {
|
|
//--big-icon-background-image: ~"url(@{safari-fix-base-path}/iconsbig.png)";
|
|
//--huge-icon-background-image: ~"url(@{safari-fix-base-path}/iconshuge.png)";
|
|
}
|
|
|
|
.pixel-ratio__1_5 {
|
|
//--big-icon-background-image: ~"url(@{app-image-const-path}/iconsbig@1.5x.png)";
|
|
//--huge-icon-background-image: ~"url(@{app-image-const-path}/iconshuge@1.5x.png)";
|
|
|
|
&.safari {
|
|
//--big-icon-background-image: ~"url(@{safari-fix-base-path}/iconsbig@1.5x.png)";
|
|
//--huge-icon-background-image: ~"url(@{safari-fix-base-path}/iconshuge@1.5x.png)";
|
|
}
|
|
}
|
|
|
|
.pixel-ratio__2 {
|
|
//--big-icon-background-image: ~"url(@{app-image-const-path}/iconsbig@2x.png)";
|
|
//--huge-icon-background-image: ~"url(@{app-image-const-path}/iconshuge@2x.png)";
|
|
|
|
&.safari {
|
|
//--big-icon-background-image: ~"url(@{safari-fix-base-path}/iconsbig@2x.png)";
|
|
//--huge-icon-background-image: ~"url(@{safari-fix-base-path}/iconshuge@2x.png)";
|
|
}
|
|
}
|
|
|
|
@huge-icon-background-image: var(--huge-icon-background-image);
|
|
}
|
|
|
|
.font-size-tiny {
|
|
.fontsize(9px); // 9px
|
|
.fontsize(calc(@font-size-base-app - 2px)); // 9px
|
|
}
|
|
|
|
.font-size-small {
|
|
.fontsize(10px); // 10px
|
|
.fontsize(calc(@font-size-base-app - 1px)); // 10px
|
|
}
|
|
|
|
.font-size-normal {
|
|
.fontsize(11px); // 11px
|
|
.fontsize(@font-size-base-app); // 11px
|
|
}
|
|
|
|
.font-size-medium {
|
|
.fontsize(12px); // 12px
|
|
.fontsize(calc(@font-size-base-app + 1px)); // 12px
|
|
}
|
|
|
|
.font-size-large {
|
|
.fontsize(13px); // 13px
|
|
.fontsize(calc(@font-size-base-app + 2px)); // 13px
|
|
}
|
|
|
|
.font-size-huge {
|
|
.fontsize(14px); // 14px
|
|
.fontsize(calc(@font-size-base-app + 3px)); // 14px
|
|
}
|
|
|
|
.font-size-very-huge {
|
|
.fontsize(16px); // 16px
|
|
.fontsize(calc(@font-size-base-app + 5px)); // 16px
|
|
}
|
|
|
|
// Skeleton of document
|
|
|
|
#editor-container {
|
|
background-color: @canvas-background;
|
|
}
|
|
|
|
.doc-placeholder {
|
|
background: @canvas-content-background;
|
|
width: 794px;
|
|
margin: 19px auto 46px;
|
|
height: 1123px;
|
|
border: 1px solid @canvas-page-border;
|
|
padding-top: 50px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 1;
|
|
|
|
> .line {
|
|
height: 15px;
|
|
margin: 30px 80px;
|
|
background: fade(#000, 5%);
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.content-theme-dark & {
|
|
@canvas-content-dark-background: #3a3a3a;
|
|
@canvas-content-dark-page-border: #2a2a2a;
|
|
background-color: @canvas-content-dark-background;
|
|
border-color: @canvas-content-dark-page-border;
|
|
|
|
> .line {
|
|
background-color: fade(#fff, 5%);
|
|
}
|
|
}
|
|
}
|