web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

refactoring of the less infrastructure

Browse Source
This commit is contained in:
Caleb James DeLisle 2018-07-14 15:15:23 +02:00
parent 507e5b18e9
commit 0d5ac05866
72 changed files with 3321 additions and 3229 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
customize.dist/src/less2/404.less
View File

@ -1,40 +0,0 @@
@import (reference) './include/font.less';
.font_neuropolitical();
.font_open-sans();
body.cp-page-index { @import "./pages/page-index.less"; }
body.cp-page-contact { @import "./pages/page-contact.less"; }
body.cp-page-login { @import "./pages/page-login.less"; }
body.cp-page-register { @import "./pages/page-register.less"; }
body.cp-page-what-is-cryptpad { @import "./pages/page-what-is-cryptpad.less"; }
body.cp-page-about { @import "./pages/page-about.less"; }
body.cp-page-privacy { @import "./pages/page-privacy.less"; }
body.cp-page-terms { @import "./pages/page-terms.less"; }
// Set the HTML style for the apps which shouldn't have a body scrollbar
html.cp-app-noscroll {
@import (reference) "./include/app-noscroll.less";
.app-noscroll_main();
}
// Set the HTML style for printing slides
html.cp-app-print {
@import (reference) "./include/app-print.less";
.app-print_main();
}
body.cp-readonly .cp-hidden-if-readonly { display: none !important; }
body.cp-app-drive { @import "../../../drive/app-drive.less"; }
body.cp-app-pad { @import "../../../pad/app-pad.less"; }
body.cp-app-code { @import "../../../code/app-code.less"; }
body.cp-app-slide { @import "../../../slide/app-slide.less"; }
body.cp-app-file { @import "../../../file/app-file.less"; }
body.cp-app-filepicker { @import "../../../filepicker/app-filepicker.less"; }
body.cp-app-contacts { @import "../../../contacts/app-contacts.less"; }
body.cp-app-poll { @import "../../../poll/app-poll.less"; }
body.cp-app-whiteboard { @import "../../../whiteboard/app-whiteboard.less"; }
body.cp-app-todo { @import "../../../todo/app-todo.less"; }
body.cp-app-profile { @import "../../../profile/app-profile.less"; }
body.cp-app-settings { @import "../../../settings/app-settings.less"; }
body.cp-app-debug { @import "../../../debug/app-debug.less"; }

5
customize.dist/src/less2/include/alertify.less
View File

@ -2,7 +2,10 @@
@import (reference) "./browser.less";
@import (reference) "./variables.less";
.alertify_main () {
.alertify_main() {
--LessLoader_require: LessLoader_currentFile();
};
& {
@max-z-index: 2147483647;
@alertify-fore: @colortheme_modal-fg;
@alertify-base: @colortheme_modal-bg;

9
customize.dist/src/less2/include/app-noscroll.less
View File

@ -1,5 +1,8 @@
// html
.app-noscroll_main () {
.app-noscroll_main() {
--LessLoader_require: LessLoader_currentFile();
}
& {
.cp-app-noscroll {
height: 100%;
width: 100%;
padding: 0px;
@ -18,5 +21,5 @@
position: relative;
border: 0;
}
}
}

7
customize.dist/src/less2/include/app-print.less
View File

@ -1,4 +1,8 @@
.app-print_main () {
.app-print_main() {
--LessLoader_require: LessLoader_currentFile();
}
& {
.cp-app-print {
// Current scope is <html>
@media print {
height: auto;
@ -43,4 +47,5 @@
}
}
}
}
}

21
customize.dist/src/less2/include/avatar.less
View File

@ -1,6 +1,11 @@
@import (reference) "./tools.less";
.avatar_main(@width) {
--LessLoader_require: LessLoader_currentFile();
.avatar_main (@width) {
--avatar-width: @width;
--avatar-font-size: @width / 1.2;
}
& {
&.cp-avatar {
overflow: hidden;
text-overflow: ellipsis;
@ -9,8 +14,8 @@
align-items: center;
.cp-avatar-default, media-tag {
display: inline-flex;
width: @width;
height: @width;
width: var(--avatar-width);
height: var(--avatar-width);
justify-content: center;
align-items: center;
border-radius: 4px;
@ -21,13 +26,13 @@
.tools_unselectable();
background: white;
color: black;
font-size: @width/1.2;
font-size: var(--avatar-font-size);
}
media-tag {
min-height: @width;
min-width: @width;
max-height: @width;
max-width: @width;
min-height: var(--avatar-width);
min-width: var(--avatar-width);
max-height: var(--avatar-width);
max-width: var(--avatar-width);
img {
min-width: 100%;
min-height: 100%;

36
customize.dist/src/less2/include/checkmark.less
View File

@ -1,11 +1,17 @@
@import (reference) "./colortheme-all.less";
.checkmark_main(@size) {
--LessLoader_require: LessLoader_currentFile();
@width: round(@size / 8);
--checkmark-size: @size;
--checkmark-width: round(@size / 8);
@dim1: round(@size / 3);
@dim2: round(2 * @size / 3);
@top: round(@size / 12) - 1;
--checkmark-dim1: round(@size / 3);
--checkmark-dim2: round(2 * @size / 3);
--checkmark-top: round(@size / 12) - 1;
--checkmark-radio-size: @dim1 * 3;
}
& {
// <label.cp-checkmark><input><span.cp-checkmark-mark></span>Text</label>
.cp-checkmark {
margin: 0;
@ -58,8 +64,8 @@
.cp-checkmark-mark {
margin-right: 10px;
position: relative;
height: @size;
width: @size;
height: var(--checkmark-size);
width: var(--checkmark-size);
background-color: @colortheme_checkmark-back0;
display: flex;
justify-content: center;
@ -68,12 +74,12 @@
&:after {
content: "";
display: none;
margin-top: @top;
width: @dim1;
height: @dim2;
margin-top: var(--checkmark-top);
width: var(--checkmark-dim1);
height: var(--checkmark-dim2);
transform: rotate(45deg);
border: solid @colortheme_checkmark-col1;
border-width: 0 @width @width 0;
border-width: 0 var(--checkmark-width) var(--checkmark-width) 0;
position: absolute;
}
&:focus {
@ -129,12 +135,12 @@
}
}
@radio-size: @dim1 * 3;
.cp-radio-mark {
margin-right: 10px;
position: relative;
height: @radio-size;
width: @radio-size;
height: var(--checkmark-radio-size);
width: var(--checkmark-radio-size);
background-color: @colortheme_checkmark-back0;
border-radius: 50%;
display: flex;
@ -147,12 +153,12 @@
content: "";
border-radius: 50%;
background: white;
width: @dim1;
height: @dim1;
width: var(--checkmark-dim1);
height: var(--checkmark-dim1);
//transform: rotate(45deg);
//border: solid @colortheme_checkmark-col1;
//border-width: 0 @width @width 0;
//border-width: 0 var(--checkmark-width) var(--checkmark-width) 0;
}
&:focus {
//border-color: #FF007C !important;

16
customize.dist/src/less2/include/creation.less
View File

@ -1,3 +1,4 @@
@import (reference) "./browser.less";
@import (reference) "./colortheme-all.less";
@import (reference) "./tools.less";
@import (reference) './icon-colors.less';
@ -7,6 +8,13 @@
@bg-color: @colortheme_default-bg, // color of the toolbar background
@warn-color: @colortheme_default-warn, // color of the warning text in the toolbar
) {
--LessLoader_require: LessLoader_currentFile();
--creation-color: @color;
--creation-bg-color: @bg-color;
// --creation-warn-color: @warn-color; // unused
}
& {
@colortheme_creation-modal-bg: #fff;
@colortheme_creation-modal: #666;
@colortheme_creation-modal-title: @colortheme_loading-bg;
@ -259,10 +267,10 @@
border: 1px solid transparent;
&.cp-creation-template-selected {
color: @color !important;
background-color: @bg-color !important;
color: var(--creation-color) !important;
background-color: var(--creation-bg-color) !important;
.fa {
color: @color;
color: var(--creation-color);
}
}
@ -293,7 +301,7 @@
max-width: 100%;
}
.fa {
color: @bg-color;
color: var(--creation-bg-color);
cursor: pointer;
width: 100px;
height: 100px;

3
customize.dist/src/less2/include/dropdown.less
View File

@ -3,6 +3,9 @@
/* The container <div> - needed to position the dropdown content */
.dropdown_main () {
--LessLoader_require: LessLoader_currentFile();
}
& {
.cp-dropdown-container {
@dropdown_font: @colortheme_app-font-size @colortheme_font;
position: relative;

6
customize.dist/src/less2/include/fileupload.less
View File

@ -2,8 +2,11 @@
@import (reference) './modal.less';
.fileupload_main () {
--LessLoader_require: LessLoader_currentFile();
.modal_main();
}
& {
/* Upload status table */
modal_main();
#cp-fileupload {
.modal_base();
position: absolute;
@ -55,4 +58,3 @@
}
}
}

14
customize.dist/src/less2/include/font.less
View File

@ -1,9 +1,11 @@
.font_neuropolitical () {
@font-face {
.font_main () {
--LessLoader_require: LessLoader_currentFile();
}
// Fonts need to go on the global scope
@font-face {
font-family: Neuropolitical;
src: url("/customize/fonts/neuropolitical.ttf");
}
}
.font_open-sans () {
@import (once) '/customize/fonts/open-sans.less';
}
@import (once) '/customize/fonts/open-sans.less';

29
customize.dist/src/less2/include/framework.less
View File

@ -7,15 +7,27 @@
@import (reference) './tippy.less';
@import (reference) "./checkmark.less";
@import (reference) "./password-input.less";
@import (reference) './font.less';
@import (reference) "./app-print.less";
@import (reference) "./app-noscroll.less";
.framework_main(@bg-color, @warn-color, @color) {
--LessLoader_require: LessLoader_currentFile();
// Set the HTML style for the apps which shouldn't have a body scrollbar
.app-noscroll_main();
// Set the HTML style for printing slides
.app-print_main();
.font_main();
.toolbar_main(
@bg-color: @bg-color,
@warn-color: @warn-color,
@color: @color
);
.fileupload_main();
.alertify_main();
.fileupload_main();
.tokenfield_main();
.tippy_main();
.checkmark_main(20px);
@ -26,13 +38,22 @@
@color: @color
);
font: @colortheme_app-font;
}
};
.framework_min_main(
@color: @colortheme_default-color, // Color of the text for the toolbar
@bg-color: @colortheme_default-bg, // color of the toolbar background
@warn-color: @colortheme_default-warn, // color of the warning text in the toolbar
) {
--LessLoader_require: LessLoader_currentFile();
// Set the HTML style for the apps which shouldn't have a body scrollbar
.app-noscroll_main();
// Set the HTML style for printing slides
.app-print_main();
.font_main();
.toolbar_main(
@bg-color: @bg-color,
@warn-color: @warn-color,
@ -46,4 +67,6 @@
font: @colortheme_app-font;
}
& {
body.cp-readonly .cp-hidden-if-readonly { display: none !important; }
}

17
customize.dist/src/less2/include/help.less
View File

@ -1,9 +1,17 @@
@import (reference) "./colortheme-all.less";
.help_main (@color, @bg-color) {
--LessLoader_require: LessLoader_currentFile();
--help-bg-color-l15: lighten(@bg-color, 15%);
--help-bg-color-spin: spin(@bg-color, 180);
--help-bg-color-spin-d10: darken(spin(@bg-color, 180), 10%);
--help-bg-color-spin-l10: lighten(spin(@bg-color, 180), 10%);
}
& {
.cp-help-container {
position: relative;
background-color: lighten(@bg-color, 15%);
background-color: var(--help-bg-color-l15);
&.cp-help-hidden {
display: none;
}
@ -14,14 +22,13 @@
right: 5px;
}
.cp-help-text {
color: contrast(lighten(@bg-color, 15%), #fff, #000); //@color;
color: contrast(var(--help-bg-color-l15), #fff, #000); //@color;
margin: 0;
padding: 15px;
a {
//color: darken(@colortheme_link-color, 30%);
@spin: spin(lighten(@bg-color, 15%), 180);
color: contrast(lighten(@bg-color, 15%), lighten(@spin, 10%), darken(@spin, 10%));
//color: darken(spin(lighten(@bg-color, 15%), 180), 10%);
color: contrast(var(--help-bg-color-l15), var(--help-bg-color-spin-l10), var(--help-bg-color-spin-d10));
//color: darken(spin(var(--help-bg-color-l15), 180), 10%);
}
h1 {
font-size: 20px;

3
customize.dist/src/less2/include/icon-colors.less
View File

@ -1,5 +1,8 @@
@import (reference) "./colortheme-all.less";
.iconColors_main () {
--LessLoader_require: LessLoader_currentFile();
}
& {
// Classes used in common-interface.js
.cp-icon-color-pad { color: @colortheme_pad-bg; }
.cp-icon-color-code { color: @colortheme_code-bg; }

1
customize.dist/src/less2/include/icons.less
View File

@ -39,4 +39,3 @@
}
}
}

55
customize.dist/src/less2/include/infopages.less
View File

@ -1,10 +1,25 @@
@import (reference) "./colortheme-all.less";
@import (reference) "./font.less";
@infopages_infobar-height: 64px;
@infopages_padding: 32px;
.infopages_link () {
text-decoration: none;
color: #0275D8;
cursor: pointer;
display: inline-flex;
&:hover {
transform: scale(1.05);
}
}
// Basic setup for info pages, this should be used at the global level
.infopages_main () {
--LessLoader_require: LessLoader_currentFile();
}
body {
.font_main();
@infopages_infobar-height: 64px;
@infopages_padding: 32px;
// Basic setup for info pages, this should be used at the global level
background-color: @colortheme_info-background;
a {
color: @cryptpad_color_blue;
@ -100,20 +115,8 @@
border-top: 2px solid #fff;
}
}
};
.infopages_link () {
text-decoration: none;
color: #0275D8;
cursor: pointer;
display: inline-flex;
&:hover {
transform: scale(1.05);
}
}
// Apply this to the top bar div
.infopages_topbar () {
// Apply this to the top bar div
.cp-topbar {
background: #fff;
z-index: 10000; //Z infopage toolbar
@ -149,10 +152,9 @@
margin-right: 0.5em;
}
}
}
// navigation top bar
.navbar {
// navigation top bar
.navbar {
background: #fff;
.navbar-brand {
display: block;
@ -187,11 +189,11 @@
margin-top: 10px;
color: #4591C4;
}
}
@media (max-width: 1000px) {
}
@media (max-width: 1000px) {
#menuCollapse {
text-align: right;
/* @media (min-width: 576px) {
/* @media (min-width: 576px) {
top: 100%;
background: rgba(255,255,255,0.8);
position: absolute;
@ -199,7 +201,7 @@
padding: 0 20px;
z-index: 1;
}
*/
*/
}
.navbar-nav a {
text-align: right !important;
@ -208,12 +210,13 @@
margin-right: 13px;
text-align: center;
}
}
}
//footer general styles
//footer general styles
.footer-title {
.footer-title {
font-weight: bold;
font-size: 1.2em;
color: #1E1F1F;
}
}

3
customize.dist/src/less2/include/limit-bar.less
View File

@ -1,6 +1,9 @@
@import (reference) "./colortheme-all.less";
.limit-bar_main () {
--LessLoader_require: LessLoader_currentFile();
}
& {
.cp-limit-container {
@colortheme_green: #5cb85c;
display: inline-flex;

20
customize.dist/src/less2/include/markdown-toolbar.less
View File

@ -1,20 +0,0 @@
@import (reference) "./colortheme-all.less";
.markdownToolbar_main (@color, @bg-color) {
.cp-markdown-toolbar {
height: @toolbar_line-height;
background-color: lighten(@bg-color, 20%);
display: none;
button {
height: @toolbar_line-height !important;
outline: 0;
color: @color;
.toolbar_button;
font: normal normal normal 14px/1 FontAwesome;
&:hover {
background-color: lighten(@bg-color, 8%);
}
&.cp-markdown-help { float: right; }
}
}
}

25
customize.dist/src/less2/include/markdown.less
View File

@ -1,3 +1,15 @@
.markdown_main() {
blockquote {
background: #e5e5e5;
padding: 10px;
border-left: 3px solid #999;
padding-right: 0;
p { margin: 0; }
blockquote { margin: 0; }
}
// todo ul, ol
}
.markdown_preformatted-code (@color: #333) {
pre > code {
display: block;
@ -22,16 +34,3 @@
}
}
}
.markdown_main() {
blockquote {
background: #e5e5e5;
padding: 10px;
border-left: 3px solid #999;
padding-right: 0;
p { margin: 0; }
blockquote { margin: 0; }
}
}
// todo ul, ol

3
customize.dist/src/less2/include/modal.less
View File

@ -18,6 +18,9 @@
}
.modal_main() {
--LessLoader_require: LessLoader_currentFile();
}
& {
.cp-modal-container {
display: none;

3
customize.dist/src/less2/include/password-input.less
View File

@ -1,4 +1,7 @@
.password_main() {
--LessLoader_require: LessLoader_currentFile();
}
& {
.cp-password-container {
display: flex;
align-items: center;

16
customize.dist/src/less2/include/sidebar-layout.less
View File

@ -1,18 +1,22 @@
@import (reference) "/customize/src/less2/include/colortheme-all.less";
@import (reference) "/customize/src/less2/include/leftside-menu.less";
@leftside-bg: @colortheme_sidebar-left-bg;
@leftside-color: @colortheme_sidebar-left-fg;
@rightside-color: @colortheme_sidebar-right-fg;
@description-color: @colortheme_sidebar-description;
@sidebar_button-width: 400px;
.sidebar-layout_main() {
--LessLoader_require: LessLoader_currentFile();
// This is way too broad to put in the global scope
input[type="text"], input[type="password"] {
padding-left: 10px;
}
}
& {
@leftside-bg: @colortheme_sidebar-left-bg;
@leftside-color: @colortheme_sidebar-left-fg;
@rightside-color: @colortheme_sidebar-right-fg;
@description-color: @colortheme_sidebar-description;
#cp-sidebarlayout-container {
font-size: 16px;
display: flex;

3
customize.dist/src/less2/include/tippy.less
View File

@ -1,6 +1,9 @@
@import (reference) './colortheme-all.less';
.tippy_main() {
--LessLoader_require: LessLoader_currentFile();
}
& {
.tippy-tooltip.cryptpad-theme {
/* Your styling here. Example: */
background-color: white;

3
customize.dist/src/less2/include/tokenfield.less
View File

@ -1,6 +1,9 @@
@import (reference) "./tools.less";
.tokenfield_main () {
--LessLoader_require: LessLoader_currentFile();
}
& {
.ui-autocomplete {
z-index: 100001; // alertify + 1
}

3
customize.dist/src/less2/include/toolbar-history.less
View File

@ -1,6 +1,9 @@
@import (reference) "./colortheme-all.less";
.history_main () {
--LessLoader_require: LessLoader_currentFile();
}
& {
.cp-toolbar-history {
display: none;
text-align: center;

124
customize.dist/src/less2/include/toolbar.less
View File

@ -8,7 +8,6 @@
@import (reference) "./tools.less";
@import (reference) "./icons.less";
@import (reference) "./modal.less";
@import (reference) "./markdown-toolbar.less";
@import (reference) "./help.less";
.toolbar_main (
@ -17,7 +16,37 @@
@warn-color: @colortheme_default-warn, // color of the warning text in the toolbar
@barWidth: 600px // width of the toolbar
) {
--LessLoader_require: LessLoader_currentFile();
--toolbar-color: @color;
--toolbar-color-l20: lighten(@color, 20%);
--toolbar-color-d20: darken(@color, 20%);
--toolbar-color-d15: darken(@color, 15%);
--toolbar-bg-color: @bg-color;
--toolbar-bg-color-l8: lighten(@bg-color, 8%);
--toolbar-bg-color-l20: lighten(@bg-color, 20%);
--toolbar-bg-color-d5: darken(@bg-color, 5%);
--toolbar-bg-color-d10: darken(@bg-color, 10%);
--toolbar-bg-color-d15: darken(@bg-color, 15%);
--toolbar-warn-color: @warn-color;
@media screen and (max-width: @barWidth) {
.cp-toolbar-rightside {
flex-wrap: wrap;
height: auto;
width: 100%;
}
}
.help_main(@color, @bg-color);
.dropdown_main();
.history_main();
.iconColors_main();
.modal_main();
};
& {
@toolbar_line-height: 32px;
@toolbar_top-height: 64px;
@toolbar_button-font: @colortheme_app-font;
@ -26,13 +55,24 @@
// this is a workaround
.fa-shhare-alt:before { content: "\f1e0"; }
.dropdown_main();
.ckeditor_fix();
.history_main();
.iconColors_main();
.markdownToolbar_main(@color, @bg-color);
.help_main(@color, @bg-color);
.modal_main();
.cp-markdown-toolbar {
height: @toolbar_line-height;
background-color: var(--toolbar-bg-color-l20);
display: none;
button {
height: @toolbar_line-height !important;
outline: 0;
color: var(--toolbar-color);
.toolbar_button;
font: normal normal normal 14px/1 FontAwesome;
&:hover {
background-color: var(--toolbar-bg-color-l8);
}
&.cp-markdown-help { float: right; }
}
}
.cp-toolbar-container {
display: flex;
@ -66,7 +106,7 @@
}
.cp-toolbar-userlist-drawer {
background-color: @bg-color;
background-color: var(--toolbar-bg-color);
font: @colortheme_app-font-size @colortheme_font;
min-width: 175px;
width: 175px;
@ -254,31 +294,31 @@
}
.cp-toolbar-userlist-drawer {
background-color: @bg-color;
color: @color;
background-color: var(--toolbar-bg-color);
color: var(--toolbar-color);
.cp-toolbar-userlist-drawer-close {
color: @color;
color: var(--toolbar-color);
}
h2 {
background-color: darken(@bg-color, 10%);
color: @color;
background-color: var(--toolbar-bg-color-d10);
color: var(--toolbar-color);
}
.cp-toolbar-userlist-name-input {
background-color: darken(@bg-color, 10%);
color: @color;
background-color: var(--toolbar-bg-color-d10);
color: var(--toolbar-color);
}
.cp-toolbar-userlist-name-edit {
color: contrast(@color,
lighten(@color, 20%),
darken(@color, 20%));
color: contrast(var(--toolbar-color),
var(--toolbar-color-l20),
var(--toolbar-color-d20));
background: transparent;
&:hover {
color: @color;
color: var(--toolbar-color);
}
}
.cp-toolbar-userlist-friend {
&:hover {
color: darken(@color, 15%);
color: var(--toolbar-color-d15);
}
}
}
@ -298,8 +338,8 @@
display: flex;
flex-wrap: wrap;
justify-content: space-between;
background-color: @bg-color;
color: @color;
background-color: var(--toolbar-bg-color);
color: var(--toolbar-color);
.fa {
font: normal normal normal 14px/1 FontAwesome;
@ -517,42 +557,42 @@
.cp-toolbar-spinner {
font-size: @colortheme_app-font-size;
color: @color;
color: var(--toolbar-color);
}
.cp-toolbar-limit {
text-shadow: -1px 0 @color, 0 1px @color, 1px 0 @color, 0 -1px @color;
color: @warn-color;
text-shadow: -1px 0 var(--toolbar-color), 0 1px var(--toolbar-color), 1px 0 var(--toolbar-color), 0 -1px var(--toolbar-color);
color: var(--toolbar-warn-color);
}
.cp-toolbar-leftside, .cp-toolbar-rightside {
background-color: lighten(@bg-color, 8%);
background-color: var(--toolbar-bg-color-l8);
button:hover, button.cp-toolbar-button-active {
background-color: @bg-color;
background-color: var(--toolbar-bg-color);
}
}
.cp-toolbar-title-hoverable:hover {
.cp-toolbar-title-editable, .cp-toolbar-title-edit {
cursor: text;
border: 1px solid darken(@bg-color, 15%);
background: darken(@bg-color, 10%);
border: 1px solid var(--toolbar-bg-color-d15);
background: var(--toolbar-bg-color-d10);
transition: all 0.15s;
color: @color;
color: var(--toolbar-color);
}
.cp-toolbar-title-editable {
cursor: text;
}
}
.cp-toolbar-title-save {
border: 1px solid darken(@bg-color, 15%);
background: darken(@bg-color, 10%);
color: @color;
border: 1px solid var(--toolbar-bg-color-d15);
background: var(--toolbar-bg-color-d10);
color: var(--toolbar-color);
&:hover {
background: darken(@bg-color, 5%);
background: var(--toolbar-bg-color-d5);
}
}
input {
border: 1px solid darken(@bg-color, 15%);
background: darken(@bg-color, 10%);
color: @color;
border: 1px solid var(--toolbar-bg-color-d15);
background: var(--toolbar-bg-color-d10);
color: var(--toolbar-color);
}
.cp-dropdown-content.cp-dropdown-left a {
color: black;
@ -578,7 +618,7 @@
padding: 0;
margin: 0 5px;
font-size: @colortheme_app-font-size;
color: @warn-color;
color: var(--toolbar-warn-color);
.cp-pnp-msg {
padding-left: 5px;
font-family: @colortheme_font;
@ -587,7 +627,7 @@
font-size: @colortheme_app-font-size;
font-family: @colortheme_font;
font-weight: bold;
color: @warn-color;
color: var(--toolbar-warn-color);
&:hover {
text-decoration: underline;
}
@ -881,7 +921,7 @@
display: flex;
min-height: @toolbar_line-height;
overflow: hidden;
@media screen and (max-width: @barWidth) { // 450px
@media screen and (max-width: var(--toolbar-barWidth)) { // 450px
flex-wrap: wrap;
height: auto;
width: 100%;
@ -1004,6 +1044,4 @@
}
}
}
}
};

44
customize.dist/src/less2/main.less
View File

@ -1,44 +0,0 @@
@import (reference) './include/font.less';
.font_neuropolitical();
.font_open-sans();
body.cp-page-index { @import "./pages/page-index.less"; }
body.cp-page-contact { @import "./pages/page-contact.less"; }
body.cp-page-login { @import "./pages/page-login.less"; }
body.cp-page-register { @import "./pages/page-register.less"; }
body.cp-page-what-is-cryptpad { @import "./pages/page-what-is-cryptpad.less"; }
body.cp-page-about { @import "./pages/page-about.less"; }
body.cp-page-privacy { @import "./pages/page-privacy.less"; }
body.cp-page-features { @import "./pages/page-features.less"; }
body.cp-page-faq { @import "./pages/page-faq.less"; }
body.cp-page-terms { @import "./pages/page-terms.less"; }
// Set the HTML style for the apps which shouldn't have a body scrollbar
html.cp-app-noscroll {
@import (reference) "./include/app-noscroll.less";
.app-noscroll_main();
}
// Set the HTML style for printing slides
html.cp-app-print {
@import (reference) "./include/app-print.less";
.app-print_main();
}
body.cp-readonly .cp-hidden-if-readonly { display: none !important; }
body.cp-app-drive { @import "../../../drive/app-drive.less"; }
body.cp-app-pad { @import "../../../pad/app-pad.less"; }
body.cp-app-code { @import "../../../code/app-code.less"; }
body.cp-app-slide { @import "../../../slide/app-slide.less"; }
body.cp-app-file { @import "../../../file/app-file.less"; }
body.cp-app-filepicker { @import "../../../filepicker/app-filepicker.less"; }
body.cp-app-contacts { @import "../../../contacts/app-contacts.less"; }
body.cp-app-poll { @import "../../../poll/app-poll.less"; }
body.cp-app-whiteboard { @import "../../../whiteboard/app-whiteboard.less"; }
body.cp-app-todo { @import "../../../todo/app-todo.less"; }
body.cp-app-profile { @import "../../../profile/app-profile.less"; }
body.cp-app-settings { @import "../../../settings/app-settings.less"; }
body.cp-app-debug { @import "../../../debug/app-debug.less"; }
body.cp-app-worker { @import "../../../worker/app-worker.less"; }
body.cp-app-kanban { @import "../../../kanban/app-kanban.less"; }

3
customize.dist/src/less2/pages/page-404.less
View File

@ -1,9 +1,8 @@
@import (reference) "../include/colortheme-all.less";
@import (reference) "../include/font.less";
.font_neuropolitical();
.font_open-sans();
html, body {
.font_main();
margin: 0px;
padding: 0px;
#cp-main {

38
customize.dist/src/less2/pages/page-about.less
View File

@ -1,12 +1,13 @@
@import (once) "../include/infopages.less";
@import (reference) "../include/infopages.less";
@import (reference) "../include/colortheme-all.less";
.infopages_main();
.infopages_topbar();
#cp-main {
&.cp-page-about {
.infopages_main();
#cp-main {
background: #fff;
}
.cp-about-intro {
}
.cp-about-intro {
padding-top: 3em;
padding-bottom: 3em;
background-image: url(/customize/bkabout.jpg);
@ -27,8 +28,8 @@
padding-top: 1em;
}
}
}
.cp-container {
}
.cp-container {
.row {
background: #fff;
}
@ -51,8 +52,8 @@
padding-left: 15px;
}
}
}
.cp-develop-about {
}
.cp-develop-about {
.cp-icon-cent {
width: 6rem;
background: #fff;
@ -73,8 +74,8 @@
color: #1E1F1F;
margin-bottom: 1.5em;
}
}
.cp-profile-det {
}
.cp-profile-det {
padding-left: 30px;
h3 {
color: #1E1F1F;
@ -90,8 +91,8 @@
border-top: 2px solid @cryptpad_color_blue;
}
margin-bottom: 1em;
}
.cp-soc-media {
}
.cp-soc-media {
font-size: 1.5em;
color: @cryptpad_color_blue;
padding-right: 1em;
@ -102,14 +103,15 @@
&:visited {
color: @cryptpad_color_blue;
}
}
.cp-contrib {
}
.cp-contrib {
margin-top: 3em;
.cp-icon-cent {
background-image: url(/customize/source-branch.svg);
background-position: 60%;
}
}
.cp-margin-bot {
}
.cp-margin-bot {
margin-bottom: 1.5em;
}
}

21
customize.dist/src/less2/pages/page-contact.less
View File

@ -1,16 +1,16 @@
@import (once) "../include/infopages.less";
@import (reference) "../include/infopages.less";
@import (reference) "../include/colortheme-all.less";
.infopages_main();
.infopages_topbar();
&.cp-page-contact {
.infopages_main();
.fa {
.fa {
padding-right: 0.25em;
}
#cp-main {
}
#cp-main {
background-color: #fff;
}
.cp-container {
}
.cp-container {
background: #fff;
.cp-iconCont {
h4 {
@ -75,8 +75,8 @@
}
}
}
}
.cp-contdet {
}
.cp-contdet {
padding-top: 3em;
padding-bottom: 3em;
background-image: url(/customize/images/bkcontact.jpg);
@ -87,4 +87,5 @@
font-weight: 700;
color: #fff;
}
}
}

23
customize.dist/src/less2/pages/page-faq.less
View File

@ -1,12 +1,13 @@
@import (once) "../include/infopages.less";
@import (reference) "../include/infopages.less";
@import (reference) "../include/colortheme-all.less";
.infopages_main();
.infopages_topbar();
#cp-main {
&.cp-page-faq {
.infopages_main();
#cp-main {
background: #fff;
}
.cp-faq {
}
.cp-faq {
padding-top: 3em;
padding-bottom: 3em;
background-image: url(/customize/images/cover-faq.jpg);
@ -20,9 +21,9 @@
h1 {
font-weight: 700;
}
}
}
.cp-faq-ques-det {
.cp-faq-ques-det {
.cp-faq-header {
a {
padding: 0;
@ -35,8 +36,8 @@
}
}
}
}
.cp-faq-container {
}
.cp-faq-container {
.cp-faq-questions-items {
background: #3a84b6;
color: #fff;
@ -80,5 +81,5 @@
color: #212529;
}
margin-bottom: 1.5rem;
}
}

34
customize.dist/src/less2/pages/page-features.less
View File

@ -1,12 +1,13 @@
@import (once) "../include/infopages.less";
@import (reference) "../include/infopages.less";
@import (reference) "../include/colortheme-all.less";
.infopages_main();
.infopages_topbar();
#cp-main {
&.cp-page-features {
.infopages_main();
#cp-main {
background-color: #fff;
}
.cp_cont_features {
}
.cp_cont_features {
padding-top: 3em;
padding-bottom: 3em;
background-image: url('/customize/images/cover-features.jpg');
@ -17,12 +18,12 @@
font-weight: 700;
color: #fff;
}
}
#cp-features-register {
}
#cp-features-register {
text-align: center;
padding: 20px;
}
.cp-features-register-button {
}
.cp-features-register-button {
font-size: 20px;
color: #fff;
background: @cryptpad_color_blue;
@ -33,8 +34,8 @@
cursor: pointer;
}
padding: 0.5em 1em;
}
.cp-features-web {
}
.cp-features-web {
.card {
box-shadow: 0 5px 15px rgba(69, 145, 196, 0.3);
border: none;
@ -66,13 +67,13 @@
.list-group-item {
border-color: rgba(69, 145, 196, 0.125);
}
}
.cp-anon-user {
}
.cp-anon-user {
.card-body {
background-color: @cryptpad_color_blue;
}
}
.cp-regis-user {
}
.cp-regis-user {
@media (max-width:575px) {
margin-top: 3em;
}
@ -83,4 +84,5 @@
background: linear-gradient(to right, #FF7C4F, #4592C4); // lesshint duplicateProperty: false
}
}
}
}

92
customize.dist/src/less2/pages/page-index.less
View File

@ -1,12 +1,12 @@
@import (once) "../include/infopages.less";
@import (reference) "../include/infopages.less";
@import (reference) "../include/colortheme-all.less";
.infopages_main();
.infopages_topbar();
&.cp-page-index {
.infopages_main();
@background_lighter: rgba(0,0,0,0.1);
@background_darker: rgba(0,0,0,0.4);
#cp-main {
@background_lighter: rgba(0,0,0,0.1);
@background_darker: rgba(0,0,0,0.4);
#cp-main {
color: #FFF;
background: linear-gradient( @background_darker, @background_lighter ), url('/customize/bg14.jpg');
background-size: cover;
@ -21,11 +21,11 @@
margin-top: 6em;
}
}
}
body {
}
body {
font-family: "Open Sans", Helvetica;
}
.cp-right {
}
.cp-right {
.cp-register-btn {
padding: 0.5em 1em 0.7em 1em;
border: 2px solid #fff;
@ -40,8 +40,8 @@ body {
transform: scale(1.05);
}
}
}
.cp-title {
}
.cp-title {
display: flex;
align-items: center;
flex-direction: column;
@ -62,8 +62,8 @@ body {
font-size: 20px;
//font-style: italic;
}
}
.navbar {
}
.navbar {
background: transparent;
width: 100%;
@media only screen and (max-device-width: 991px) {
@ -91,12 +91,12 @@ body {
margin-top: 10px;
color: #fff;
}
}
@callout-padding: 15px;
a:hover {
}
@callout-padding: 15px;
a:hover {
text-decoration: none;
}
.bs-callout {
}
.bs-callout {
display: flex;
align-items: stretch;
margin: 25px 0;
@ -115,34 +115,34 @@ a:hover {
font-size: 1.3em;
}
}
}
h4 {
}
h4 {
margin: 0;
}
.cp-callout-more-moremsg,.cp-callout-more-lessmsg {
}
.cp-callout-more-moremsg,.cp-callout-more-lessmsg {
transform: none !important;
}
.bs-callout div {
}
.bs-callout div {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
position: absolute;
left: 5em;
}
.bs-callout+.bs-callout {
}
.bs-callout+.bs-callout {
margin-top: -5px;
}
}
.bs-callout:hover {
.bs-callout:hover {
//color: white;
transform: scale(1.05);
cursor: pointer;
}
.bs-callout:hover.cp-callout-more {
}
.bs-callout:hover.cp-callout-more {
transform: none !important;
}
.bs-callout .fa {
}
.bs-callout .fa {
display: flex;
align-items: center;
font-size: 2em;
@ -150,16 +150,16 @@ h4 {
width: 2em;
transition: width 0.1s;
color: #fff;
}
.cp-callout-pad .fa { background-color: @colortheme_pad-bg; }
.cp-callout-code .fa { background-color: @colortheme_code-bg; }
.cp-callout-slide .fa { background-color: @colortheme_slide-bg; }
.cp-callout-poll .fa { background-color: @colortheme_poll-bg; }
.cp-callout-kanban .fa { background-color: @colortheme_kanban-bg; }
.cp-callout-whiteboard .fa { background-color: @colortheme_whiteboard-bg; }
.cp-callout-recent .fa { background-color: @colortheme_drive-bg; }
.cp-hidden { display: none !important; }
.cp-callout-more {
}
.cp-callout-pad .fa { background-color: @colortheme_pad-bg; }
.cp-callout-code .fa { background-color: @colortheme_code-bg; }
.cp-callout-slide .fa { background-color: @colortheme_slide-bg; }
.cp-callout-poll .fa { background-color: @colortheme_poll-bg; }
.cp-callout-kanban .fa { background-color: @colortheme_kanban-bg; }
.cp-callout-whiteboard .fa { background-color: @colortheme_whiteboard-bg; }
.cp-callout-recent .fa { background-color: @colortheme_drive-bg; }
.cp-hidden { display: none !important; }
.cp-callout-more {
display: inline-block;
align-content: center;
height: 2em;
@ -179,8 +179,8 @@ h4 {
padding-left: 5px;
}
}
}
@media (min-width: 576px) and (max-width: 767px) {
}
@media (min-width: 576px) and (max-width: 767px) {
.container {
padding-left: 0;
padding-right: 0;
@ -188,5 +188,5 @@ h4 {
div#cp-main.cp-page-index .cp-topbar .navbar-toggler-left {
left: 5px;
}
}
}

21
customize.dist/src/less2/pages/page-login.less
View File

@ -1,22 +1,22 @@
@import (once) "../include/infopages.less";
@import (reference) "../include/infopages.less";
@import (reference) "../include/colortheme-all.less";
@import (reference) "../include/alertify.less";
@import (reference) "../include/checkmark.less";
.infopages_main();
.infopages_topbar();
.alertify_main();
.checkmark_main(20px);
&.cp-page-login {
.infopages_main();
.alertify_main();
.checkmark_main(20px);
.form-group {
.form-group {
.extra {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
}
.cp-container {
}
.cp-container {
#data {
background: #4591C4;
padding-top: 3em;
@ -62,8 +62,9 @@
}
}
}
}
.cp-container {
}
.cp-container {
padding-top: 3em;
min-height: 66vh;
}
}

18
customize.dist/src/less2/pages/page-privacy.less
View File

@ -1,12 +1,13 @@
@import (once) "../include/infopages.less";
@import (reference) "../include/infopages.less";
@import (reference) "../include/colortheme-all.less";
.infopages_main();
.infopages_topbar();
#cp-main {
&.cp-page-privacy {
.infopages_main();
#cp-main {
background: #fff;
}
.cp-privacy-top {
}
.cp-privacy-top {
padding-top: 3em;
padding-bottom: 3em;
background-image: url(/customize/images/cover-privacy.jpg);
@ -27,8 +28,8 @@
padding-top: 1em;
}
}
}
.cp-privacy {
}
.cp-privacy {
background-image: url(/customize/CryptPadlogo_op5.svg);
background-size: cover;
background-repeat: no-repeat;
@ -45,4 +46,5 @@
p {
color: #3F4141;
}
}
}

34
customize.dist/src/less2/pages/page-register.less
View File

@ -1,14 +1,15 @@
@import (once) "../include/infopages.less";
@import (reference) "../include/infopages.less";
@import (reference) "../include/colortheme-all.less";
@import (reference) "../include/alertify.less";
@import (reference) "../include/checkmark.less";
.infopages_main();
.infopages_topbar();
.alertify_main();
.checkmark_main(20px);
&.cp-page-register {
.infopages_main();
.cp-container {
.alertify_main();
.checkmark_main(20px);
.cp-container {
.form-group {
.checkbox-container {
&:nth-of-type(1) {
@ -29,14 +30,14 @@
}
padding-bottom: 3em;
min-height: 5vh;
}
.alertify {
}
.alertify {
// workaround for alertify making empty p
p:empty {
display: none;
}
}
.cp-register-wel {
}
.cp-register-wel {
padding-top: 6em;
padding-bottom: 20em;
background-image: url(/customize/bkregister.jpg);
@ -48,9 +49,9 @@
color: #fff;
text-shadow: 0 1px 5px rgba(0,0,0,.2);
}
}
}
.cp-register-det {
.cp-register-det {
margin-top: -7em;
background: #fff;
box-shadow: 0 5px 15px rgba(69,145,196, 0.3);
@ -109,8 +110,8 @@
transform: scale(1.05);
}
}
}
.cp-register-test {
}
.cp-register-test {
margin-top: 3em;
hr {
width: 15rem;
@ -133,7 +134,8 @@
color: @cryptpad_text_col;
}
}
#cp-main {
}
#cp-main {
background: #fff;
}
}

7
customize.dist/src/less2/pages/page-terms.less
View File

@ -1,5 +1,6 @@
@import (once) "../include/infopages.less";
@import (reference) "../include/infopages.less";
@import (reference) "../include/colortheme-all.less";
.infopages_main();
.infopages_topbar();
&.cp-page-terms {
.infopages_main();
}

17
customize.dist/src/less2/pages/page-what-is-cryptpad.less
View File

@ -1,10 +1,10 @@
@import (once) "../include/infopages.less";
@import (reference) "../include/infopages.less";
@import (reference) "../include/colortheme-all.less";
.infopages_main();
.infopages_topbar();
&.cp-page-what-is-cryptpad {
.infopages_main();
.cp-what-is {
.cp-what-is {
padding-top: 3em;
padding-bottom: 3em;
background-image: url(/customize/bkwhat.jpg);
@ -15,11 +15,11 @@
h1 {
font-weight: 700;
}
}
#cp-main {
}
#cp-main {
background: #fff;
}
.cp-container {
}
.cp-container {
padding-top: 3em;
padding-bottom: 3em;
h2 {
@ -40,4 +40,5 @@
display: block;
margin: 0 auto;
}
}
}

50
customize.dist/src/less2/readme.md
View File

@ -1,19 +1,45 @@
# CryptPad Styling
How it works:
* In this example, we use the index page, for each page we will have a corresponding class name and a corresponding less file.
* The index page has a main div containing everything `<div id="cp-main" class="cp-page-index">`
* There is a corresponding less file called `less2/pages/page-index.less`
* Finally there is a corresponding line in main.less which imports that less file: `div#main.cp-page-index { @import "./pages/page-index.less"; }`
* cp-page-index class means:
* cp -> cryptpad
* page -> this is a style for accessing a page's less file
* index -> the name of the page and of the less file (page-index.less)
* And everything which is standardized across pages is included from `page-index.less` as variables and mixins.
## Linking Less/CSS
In order to keep the amount of CSS generated under control, we use "linking", via the LessLoader.
This makes use of CSS variables in order to work. The old solution was to put all of the content into less mixins
which would be used inside of the scope where they should be, but this caused a state explosion because each app needed
essentially the same mixins. However, these mixins had arguments such as colors which were different per-app.
The new solution is to set CSS variables for the arguments (like color) and then put the bulk of the less at the global
scope. When you include a dependency, the following happens:
1. You `@include (reference) './include/dependency.less`. The (reference) argument which means it will not emit CSS,
this is important because otherwise all of the dependencies of your app's less file would end up bundled with it, the
state explosion problem.
2. You invoke `.dependency_main(@arg1 @arg2)` inside of the scope you want it in, the name `dependency_main` is a
convention, all less variables, mixins, or CSS variables which a file creates should be prefixed with the name of the
file (in this case, "dependency").
3. The mixin `.dependency_main` does a couple of things:
* First, it sets a CSS variable called `--LessLoader_require`, this is a special variable which the browser does not
use, the only objective of this variable is to inform LessLoader that another file is needed. To do this, there is a
helper function (also specified in LessLoader.js) called `LessLoader_currentFile()`. The syntax is:
`--LessLoader_require: LessLoader_currentFile();` and in the CSS, this outputs something like:
`--LessLoader_require: "/customize/src/less2/include/dependency.less?ver=2.4.0-1531572157592";`
* Secondly, it sets browser variables for it's arguments, making sure to avoid namespace collisions:
`--dependency-arg1: @arg1;`, `--dependency-arg2: @arg2;`. Sometimes a less transformation needs to be done on a
variable, unfortunately in this case the transformation must be done here and the transformed variable must be output.
`--dependency-arg1-l10: lighten(@arg1, 10%);`.
4. After less processing is completed, the LessLoader caches the result of parsing, then scans the it for instances of
`--LessLoader_require` variable and then processes them, but it does this separately. So even if dependency.less is
required many times, it will only be processed by the less interpreter once.
## Other convensions
Rules:
* All of our new classes and ids should start with `cp-`.
* You may make as many files as you need, for different purposes, but they can only contain mixins and variables.
* The document body has a class on it depending on the app/page, app classes begin with `cp-app-` and page classes begin
with `cp-page-`.
* Custom classes ought to begin with `cp-` and the name of the file where the rules are written for them (see help.less as
an example of doing the right thing).
* Since the include files generate CSS and the app cannot control the scope which it's run at, be considerate avoid
making an include file which changes something significant (like making a rule for `li`). help.less is an excellent example
of doing this well, infopages.less is the worst example (fortunately it doesn't get included in any of the apps).
* All mixins and variables must be prefixed with the name of the file where they're defined and and underscore.
* e.g. `@colortheme_toolbar-poll-bg: #006304;` defined in `colortheme.less`
* All mixin / variable files go in an `/include/` directory.

2
customize.dist/template.js
View File

@ -26,7 +26,7 @@ $(function () {
window.Tether = function () {};
require([
'less!/customize/src/less2/main.less',
'less!/customize/src/less2/pages/page-' + css + '.less',
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css'
], function () {
$body.append($main);

8
www/code/app-code.less
View File

@ -2,15 +2,13 @@
@import (reference) "../../customize/src/less2/include/markdown.less";
@import (reference) "../../customize/src/less2/include/framework.less";
.framework_main(
&.cp-app-code {
.framework_main(
@bg-color: @colortheme_code-bg,
@warn-color: @colortheme_code-warn,
@color: @colortheme_code-color
);
);
// body
&.cp-app-code {
display: flex;
flex-flow: column;
max-height: 100%;

2
www/code/inner.js
View File

@ -37,6 +37,8 @@ define([
'cm/addon/fold/comment-fold',
'cm/addon/display/placeholder',
'less!/code/app-code.less'
], function (
$,
DiffMd,

37
www/common/LessLoader.js
View File

@ -4,9 +4,11 @@ const define = (x:any, y:any) => {};
const require = define;
*/
define([
'/api/config'
], function (Config) { /*::});module.exports = (function() {
'/api/config',
'/bower_components/nthen/index.js'
], function (Config, nThen) { /*::});module.exports = (function() {
const Config = (undefined:any);
const nThen = require('/bower_components/nthen/index.js');
*/
var module = { exports: {} };
@ -100,6 +102,10 @@ define([
require(['/bower_components/less/dist/less.min.js'], function (Less) {
if (lessEngine) { return void cb(lessEngine); }
lessEngine = Less;
Less.functions.functionRegistry.add('LessLoader_currentFile', function () {
return new Less.tree.UnicodeDescriptor('"' +
fixURL(this.currentFileInfo.filename) + '"');
});
var doXHR = lessEngine.FileManager.prototype.doXHR;
lessEngine.FileManager.prototype.doXHR = function (url, type, callback, errback) {
url = fixURL(url);
@ -133,19 +139,32 @@ define([
});
};
module.exports.load = function (url /*:string*/, cb /*:()=>void*/) {
cacheGet(url, function (css) {
if (css) {
var loadSubmodulesAndInject = function (css, url, cb, stack) {
inject(css, url);
return void cb();
}
var nt = nThen;
nt = nt(function (w) {
css.replace(/\-\-LessLoader_require\:\s*"([^"]*)"\s*;/g, function (all, u) {
u = u.replace(/\?.*$/, '');
module.exports.load(u, w(), stack);
});
}).nThen;
nt(function () { cb(); });
};
module.exports.load = function (url /*:string*/, cb /*:()=>void*/, stack /*:?Array*/) {
stack = stack || [];
if (stack.indexOf(url) > -1) { return void cb(); }
var timeout = setTimeout(function () { console.log('failed', url); }, 10000);
var done = function () { clearTimeout(timeout); cb(); };
stack.push(url);
cacheGet(url, function (css) {
if (css) { return void loadSubmodulesAndInject(css, url, done, stack); }
console.log('CACHE MISS ' + url);
((/\.less([\?\#].*)?$/.test(url)) ? loadLess : loadCSS)(url, function (err, css) {
if (!css) { return void console.error(err); }
var output = fixAllURLs(css, url);
cachePut(url, output);
inject(output, url);
cb();
loadSubmodulesAndInject(output, url, done, stack);
});
});
};

2
www/common/file-dialog.less
View File

@ -2,8 +2,8 @@
@import (reference) '../customize/src/less2/include/modal.less';
.fileDialog_main () {
.modal_main();
#fileDialog {
.modal_main();
display: none;
.cp-modal {
.fileContainer {

1
www/common/sframe-app-framework.js
View File

@ -18,7 +18,6 @@ define([
'/bower_components/file-saver/FileSaver.min.js',
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/main.less',
], function (
$,
Hyperjson,

8
www/contacts/app-contacts.less
View File

@ -1,14 +1,14 @@
@import (reference) '../../customize/src/less2/include/avatar.less';
@import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main(
// body
&.cp-app-contacts {
.framework_min_main(
@bg-color: @colortheme_friends-bg,
@warn-color: @colortheme_friends-warn,
@color: @colortheme_friends-color
);
);
// body
&.cp-app-contacts {
@keyframes example {
0% {
background: rgba(0,0,0,0.1);

2
www/contacts/inner.js
View File

@ -12,7 +12,7 @@ define([
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/main.less',
'less!/contacts/app-contacts.less',
], function (
$,
Crypto,

6
www/debug/app-debug.less
View File

@ -1,11 +1,11 @@
@import (reference) '../../customize/src/less2/include/tokenfield.less';
@import (reference) '../../customize/src/less2/include/framework.less';
.tokenfield_main();
.framework_min_main();
// body
&.cp-app-debug {
.tokenfield_main();
.framework_min_main();
display: flex;
flex-flow: column;
height: 100%;

2
www/debug/inner.js
View File

@ -16,7 +16,7 @@ define([
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/main.less',
'less!/debug/app-debug.less',
], function (
$,
Crypto,

125
www/drive/app-drive.less
View File

@ -5,41 +5,42 @@
@import (reference) "../../customize/src/less2/include/tokenfield.less";
@import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main(
&.cp-app-drive {
.framework_min_main(
@bg-color: @colortheme_drive-bg,
@warn-color: @colortheme_drive-warn,
@color: @colortheme_drive-color
);
);
.limit-bar_main();
.tokenfield_main();
.limit-bar_main();
.tokenfield_main();
@drive_hover: #eee;
@drive_hover-light: lighten(@drive_hover, 20%);
@drive_info-box-bg: #d2e1f2;
@drive_info-box-border: #bbb;
@drive_table-header-fg: #555;
@drive_table-header-bg: #e8e8e8;
@drive_mobile-tree-border-col: #ccc;
@drive_hover: #eee;
@drive_hover-light: lighten(@drive_hover, 20%);
@drive_info-box-bg: #d2e1f2;
@drive_info-box-border: #bbb;
@drive_table-header-fg: #555;
@drive_table-header-bg: #e8e8e8;
@drive_mobile-tree-border-col: #ccc;
@drive_content-fg: @colortheme_sidebar-right-fg;
@drive_content-bg: @colortheme_sidebar-right-bg;
@drive_content-bg-ro: darken(@drive_content-bg, 10%);
@drive_content-fg: @colortheme_sidebar-right-fg;
@drive_content-bg: @colortheme_sidebar-right-bg;
@drive_content-bg-ro: darken(@drive_content-bg, 10%);
/* PAGE */
/* PAGE */
display: flex;
flex-flow: column;
max-height: 100%;
min-height: auto;
display: flex;
flex-flow: column;
max-height: 100%;
min-height: auto;
.cp-unselectable {
.cp-unselectable {
.tools_unselectable();
}
}
/* local mixins */
.drive_fileIcon {
/* local mixins */
.drive_fileIcon {
li {
display: inline-block;
margin: 10px 10px;
@ -93,14 +94,14 @@ min-height: auto;
}
}
}
}
}
img.cp-app-drive-icon {
img.cp-app-drive-icon {
max-width: 20px;
max-height: 16px;
}
}
.cp-app-drive-container {
.cp-app-drive-container {
flex: 1;
overflow: auto;
width: 100%;
@ -124,30 +125,30 @@ img.cp-app-drive-icon {
}
}
}
}
}
div:focus {
div:focus {
outline: none;
}
}
.fa {
.fa {
font-family: FontAwesome;
}
}
ul {
ul {
list-style: none;
padding-left: 0px; // Remove the default padding
}
}
li {
li {
padding: 0px 5px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
}
.cp-app-drive-context {
.cp-app-drive-context {
display: none;
position: absolute;
z-index: 500;
@ -158,23 +159,23 @@ li {
cursor: pointer;
}
}
}
}
.cp-app-drive-element-droppable {
.cp-app-drive-element-droppable {
background-color: #FE9A2E;
color: #222;
}
}
.cp-app-drive-element-selected {
.cp-app-drive-element-selected {
background: #666 !important;
color: #eee;
margin: -1px;
.fa-minus-square-o, .fa-plus-square-o {
color: @colortheme_sidebar-left-fg;
}
}
}
.cp-app-drive-element-selected-tmp {
.cp-app-drive-element-selected-tmp {
border: 1px dotted #bbb;
background: #AAA;
color: #ddd;
@ -182,19 +183,19 @@ li {
.fa-minus-square-o, .fa-plus-square-o {
color: @colortheme_sidebar-left-fg;
}
}
}
span {
span {
&.fa-folder, &.fa-folder-open {
//color: #FEDE8B;
//text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
}
}
/* TREE */
/* TREE */
#cp-app-drive-tree {
#cp-app-drive-tree {
font-size: @colortheme_app-font-size;
//border-right: 1px solid #ccc;
box-sizing: border-box;
@ -390,18 +391,18 @@ span {
}
}
}
}
}
/* CONTENT */
#cp-app-drive-content-container {
/* CONTENT */
#cp-app-drive-content-container {
display: flex;
flex-flow: column;
flex: 1;
// Needed to avoid the folder's path to overflows
// https://stackoverflow.com/questions/38223879/white-space-nowrap-breaks-flexbox-layout
min-width: 0;
}
#cp-app-drive-content {
}
#cp-app-drive-content {
box-sizing: border-box;
background: @drive_content-bg;
color: @drive_content-fg;
@ -653,14 +654,14 @@ span {
}
}
}
}
}
#cp-app-drive-content-folder {
#cp-app-drive-content-folder {
padding-right: 10px;
flex: 1;
}
}
#cp-app-drive-new-ghost-dialog.cp-modal-container {
#cp-app-drive-new-ghost-dialog.cp-modal-container {
.drive_fileIcon;
li:not(.cp-app-drive-element-selected):hover {
@ -714,12 +715,12 @@ span {
}
}
}
}
}
/* Toolbar */
/* Toolbar */
#cp-app-drive-toolbar {
#cp-app-drive-toolbar {
background: lighten(@colortheme_drive-bg, 8%);
color: @colortheme_drive-color;
//height: 30px;
@ -863,7 +864,5 @@ span {
}
}
}
}
}

2
www/drive/inner.js
View File

@ -19,7 +19,7 @@ define([
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/main.less',
'less!/drive/app-drive.less',
], function (
$,
Toolbar,

73
www/file/app-file.less
View File

@ -1,58 +1,60 @@
@import (reference) '../../customize/src/less2/include/tokenfield.less';
@import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main(
&.cp-app-file {
.framework_min_main(
@bg-color: @colortheme_file-bg,
@warn-color: @colortheme_file-warn,
@color: @colortheme_file-color
);
.tokenfield_main();
);
.tokenfield_main();
@button-border: 2px;
@button-border: 2px;
// body
display: flex;
flex-flow: column;
// body
display: flex;
flex-flow: column;
#cp-app-file-content {
#cp-app-file-content {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column;
min-height: 0;
}
}
#cp-app-file-content.ready {
#cp-app-file-content.ready {
//background: url('/customize/bg3.jpg') no-repeat center center;
background-size: cover;
background-position: center;
}
}
#cp-app-file-upfile, #cp-app-file-dlfile {
#cp-app-file-upfile, #cp-app-file-dlfile {
display: block;
height: 100%;
width: 100%;
border: @button-border solid black;
}
}
.cp-app-file-input {
.cp-app-file-input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
}
media-tag {
media-tag {
img {
max-width: 100%;
max-height: ~"calc(100vh - 96px)";
}
}
}
#cp-app-file-upload-form, #cp-app-file-download-form {
#cp-app-file-upload-form, #cp-app-file-download-form {
padding: 0px;
margin: 0px;
@ -73,8 +75,8 @@ media-tag {
height: 50vh;
box-sizing: border-box;
}
}
#cp-app-file-download-form {
}
#cp-app-file-download-form {
label {
display: flex;
justify-content: center;
@ -88,29 +90,29 @@ media-tag {
line-height: 1.5em;
}
}
}
.cp-app-file-hovering {
}
.cp-app-file-hovering {
background-color: rgba(255, 0, 115, 0.5) !important;
}
}
.cp-app-file-block {
.cp-app-file-block {
display: block;
}
.cp-app-file-hidden {
}
.cp-app-file-hidden {
display: none;
}
.cp-app-file-input + label {
}
.cp-app-file-input + label {
//border: 2px solid black;
//background-color: rgba(50, 50, 50, .10);
display: block;
}
}
.cp-app-file-input:focus + label,
.cp-app-file-input + label:hover {
.cp-app-file-input:focus + label,
.cp-app-file-input + label:hover {
//background-color: rgba(50, 50, 50, 0.30);
}
}
#cp-app-file-dlprogress {
#cp-app-file-dlprogress {
position: absolute;
top: 0;
left: 0;
@ -124,9 +126,9 @@ media-tag {
background-color: rgba(255, 0, 115, 0.75);
z-index: 10000;
display: block;
}
}
#cp-app-file-download-view {
#cp-app-file-download-view {
flex: 1;
display: flex;
min-height: 0;
@ -146,4 +148,5 @@ media-tag {
}
}
}
}

2
www/file/inner.js
View File

@ -17,7 +17,7 @@ define([
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/main.less',
'less!/file/app-file.less',
], function (
$,

19
www/filepicker/app-filepicker.less
View File

@ -7,15 +7,16 @@
@import (reference) '../../customize/src/less2/include/checkmark.less';
@import (reference) '../../customize/src/less2/include/password-input.less';
.iconColors_main();
.fileupload_main();
.alertify_main();
.tippy_main();
.checkmark_main(20px);
.password_main();
.modal_main();
&.cp-app-filepicker {
.iconColors_main();
.fileupload_main();
.alertify_main();
.tippy_main();
.checkmark_main(20px);
.password_main();
.modal_main();
#cp-filepicker-dialog {
#cp-filepicker-dialog {
display: none;
.cp-modal {
.cp-filepicker-content {
@ -80,5 +81,5 @@
}
}
}
}
}

2
www/filepicker/inner.js
View File

@ -12,7 +12,7 @@ define([
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/main.less',
'less!/filepicker/app-filepicker.less',
], function (
$,
Crypto,

10
www/kanban/app-kanban.less
View File

@ -2,12 +2,14 @@
@import (reference) "../../customize/src/less2/include/framework.less";
@import (reference) "../../customize/src/less2/include/tools.less";
.framework_main( @bg-color: @colortheme_kanban-bg,
@warn-color: @colortheme_kanban-warn,
@color: @colortheme_kanban-color);
// body
&.cp-app-kanban {
.framework_main(
@bg-color: @colortheme_kanban-bg,
@warn-color: @colortheme_kanban-warn,
@color: @colortheme_kanban-color
);
display: flex;
flex-flow: column;
max-height: 100%;

2
www/kanban/inner.js
View File

@ -11,6 +11,8 @@ define([
'/customize/messages.js',
'/kanban/jkanban.js',
'css!/kanban/jkanban.css',
'less!/kanban/app-kanban.less'
], function (
$,
Sortify,

18
www/pad/app-pad.less
View File

@ -1,15 +1,12 @@
@import (reference) "../../customize/src/less2/include/framework.less";
.framework_main(
body.cp-app-pad {
.framework_main(
@bg-color: @colortheme_pad-bg,
@warn-color: @colortheme_pad-warn,
@color: @colortheme_pad-color
);
.alertify_main();
);
// body
&.cp-app-pad {
.tokenfield_main();
#cke_1_top {
overflow: visible;
padding: 0px;
@ -46,17 +43,16 @@
}
}
}
.cke_wysiwyg_frame {
.cke_wysiwyg_frame {
min-width: 60%;
}
}
@media print {
@media print {
#cke_1_top {
display:none !important;
}
&.cp-app-pad .cp-toolbar-userlist-drawer {
display:none;
}
}
}

2
www/pad/inner.js
View File

@ -37,7 +37,7 @@ define([
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/main.less',
'less!/pad/app-pad.less'
], function (
$,
Hyperjson,

141
www/poll/app-poll.less
View File

@ -2,48 +2,50 @@
@import (reference) '../../customize/src/less2/include/avatar.less';
@import (reference) "../../customize/src/less2/include/framework.less";
.framework_main(
&.cp-app-poll {
.framework_main(
@bg-color: @colortheme_poll-bg,
@warn-color: @colortheme_poll-warn,
@color: @colortheme_poll-color
);
);
@poll-fore: #555;
@poll-fore: #555;
@poll-th-bg: @colortheme_poll-th-bg;
@poll-th-fg: @colortheme_poll-th-fg;
@poll-th-user-bg: darken(@poll-th-bg, 10%);
@poll-editing: lighten(@poll-th-bg, 10%);
@poll-winner: darken(@poll-th-bg, 15%);
@poll-highlighted: lighten(@poll-th-bg, 15%);
@poll-td-bg: @poll-th-bg;
@poll-td-fg: @poll-th-fg;
@poll-th-bg: @colortheme_poll-th-bg;
@poll-th-fg: @colortheme_poll-th-fg;
@poll-th-user-bg: darken(@poll-th-bg, 10%);
@poll-editing: lighten(@poll-th-bg, 10%);
@poll-winner: darken(@poll-th-bg, 15%);
@poll-highlighted: lighten(@poll-th-bg, 15%);
@poll-td-bg: @poll-th-bg;
@poll-td-fg: @poll-th-fg;
@poll-help-bg: @colortheme_poll-help-bg;
@poll-help-bg: @colortheme_poll-help-bg;
@poll-uncommitted-cell: #eee;
@poll-uncommitted-bg: #ddd; //lighten(@poll-th-bg, 50%);
@poll-uncommitted-text: black;
@poll-uncommitted-cell: #eee;
@poll-uncommitted-bg: #ddd; //lighten(@poll-th-bg, 50%);
@poll-uncommitted-text: black;
@poll-placeholder: #fff;
@poll-border-color: #555;
@poll-cover-color: #000;
@poll-fg: #000;
@poll-option-yellow: #ff5;
@poll-option-gray: #ccc;
@poll-placeholder: #fff;
@poll-border-color: #555;
@poll-cover-color: #000;
@poll-fg: #000;
@poll-option-yellow: #ff5;
@poll-option-gray: #ccc;
@poll-add-color: #fff;
@poll-add-bg: #777;
@poll-add-bg-alt: #444;
@poll-add-color: #fff;
@poll-add-bg: #777;
@poll-add-bg-alt: #444;
.bottom-left(@s: 5px) { border-bottom-left-radius: @s; }
.top-left(@s: 5px) { border-top-left-radius: @s; }
.bottom-left(@s: 5px) { border-bottom-left-radius: @s; }
.top-left(@s: 5px) { border-top-left-radius: @s; }
display: flex;
flex-flow: column;
overflow-x: hidden;
display: flex;
flex-flow: column;
overflow-x: hidden;
#cp-app-poll-content {
#cp-app-poll-content {
display: flex;
flex: 1;
min-height: 0;
@ -76,39 +78,39 @@ overflow-x: hidden;
}
}
}
}
}
input[type="text"], textarea {
input[type="text"], textarea {
background-color: white;
color: black;
border: 0;
}
}
input[type="text"][disabled], textarea[disabled] {
input[type="text"][disabled], textarea[disabled] {
background-color: transparent;
border: 0px;
}
}
// The placeholder color only seems to effect Safari when not set
// The placeholder color only seems to effect Safari when not set
input[type="text"][disabled]::placeholder {
input[type="text"][disabled]::placeholder {
color: @poll-placeholder;
opacity: 1;
}
}
table#cp-app-poll-table {
table#cp-app-poll-table {
margin: 0px;
overflow: hidden;
}
#cp-app-poll-table-container {
}
#cp-app-poll-table-container {
position: relative;
margin: 20px;
}
#cp-app-poll-table-container button {
}
#cp-app-poll-table-container button {
border-radius: 0;
border: 0;
}
#cp-app-poll-create-user {
}
#cp-app-poll-create-user {
display: inline-flex;
height: 20px;
padding: 0 5px;
@ -120,8 +122,8 @@ table#cp-app-poll-table {
&:hover {
background: @poll-add-bg-alt;
}
}
#cp-app-poll-create-option {
}
#cp-app-poll-create-option {
order: 3;
display: inline-flex;
width: 46px;
@ -133,21 +135,21 @@ table#cp-app-poll-table {
&:hover {
background: @poll-add-bg-alt;
}
}
#cp-app-poll-table-scroll {
}
#cp-app-poll-table-scroll {
overflow-y: hidden;
overflow-x: auto;
margin-left: 25%;
max-width: ~"calc(75% - 100px - 100px)";
width: auto;
display: inline-block;
}
.cp-markdown-toolbar {
}
.cp-markdown-toolbar {
margin: auto;
min-width: 80%;
width: 80%;
}
#cp-app-poll-description {
}
#cp-app-poll-description {
&~ .CodeMirror {
margin: auto;
min-width: 80%;
@ -159,8 +161,8 @@ table#cp-app-poll-table {
color: #777;
}
}
}
#cp-app-poll-description-published {
}
#cp-app-poll-description-published {
display: none;
padding: 15px;
margin: auto;
@ -177,8 +179,8 @@ table#cp-app-poll-table {
max-width: 100%;
max-height: 20em;
}
}
div.cp-app-poll-published {
}
div.cp-app-poll-published {
div.cp-app-poll-realtime {
#cp-app-poll-description {
display: none;
@ -199,23 +201,23 @@ div.cp-app-poll-published {
display: block;
}
}
}
}
#cp-app-poll-help {
#cp-app-poll-help {
width: 100%;
margin: auto;
padding: 20px 10%;
background: @poll-help-bg;
}
}
// from cryptpad.less
// from cryptpad.less
table {
table {
border-collapse: collapse;
border-spacing: 0;
margin: 20px;
}
tbody {
}
tbody {
* {
box-sizing: border-box;
}
@ -233,9 +235,9 @@ tbody {
border-right: none;
}
}
}
}
div.cp-app-poll-realtime {
div.cp-app-poll-realtime {
display: block;
max-height: 100%;
max-width: 100%;
@ -658,12 +660,13 @@ div.cp-app-poll-realtime {
min-width: 90%;
}
}
}
}
.btn {
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
}
}
}

2
www/poll/inner.js
View File

@ -26,7 +26,7 @@ define([
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/main.less',
'less!/poll/app-poll.less',
], function (
$,
Toolbar,

10
www/profile/app-profile.less
View File

@ -1,15 +1,15 @@
@import (reference) '../../customize/src/less2/include/framework.less';
@import (reference) '../../customize/src/less2/include/sidebar-layout.less';
.framework_min_main(
&.cp-app-profile {
.framework_min_main(
@bg-color: @colortheme_profile-bg,
@warn-color: @colortheme_profile-warn,
@color: @colortheme_profile-color
);
.sidebar-layout_main();
);
.sidebar-layout_main();
// body
&.cp-app-profile {
display: flex;
flex-flow: column;
#cp-app-profile-header {

2
www/profile/inner.js
View File

@ -20,7 +20,7 @@ define([
'css!/bower_components/codemirror/addon/fold/foldgutter.css',
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/main.less',
'less!/profile/app-profile.less',
'/bower_components/croppie/croppie.min.js',
'css!/bower_components/croppie/croppie.css',
], function (

13
www/settings/app-settings.less
View File

@ -3,17 +3,16 @@
@import (reference) "../../customize/src/less2/include/creation.less";
@import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main(
&.cp-app-settings {
.framework_min_main(
@bg-color: @colortheme_settings-bg,
@warn-color: @colortheme_settings-warn,
@color: @colortheme_settings-color
);
.sidebar-layout_main();
.limit-bar_main();
.creation_main();
);
.sidebar-layout_main();
.limit-bar_main();
.creation_main();
// body
&.cp-app-settings {
display: flex;
flex-flow: column;
font: @colortheme_app-font;

2
www/settings/inner.js
View File

@ -16,7 +16,7 @@ define([
'/bower_components/file-saver/FileSaver.min.js',
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/main.less',
'less!/settings/app-settings.less',
], function (
$,
Toolbar,

102
www/slide/app-slide.less
View File

@ -2,35 +2,38 @@
@import (reference) "../../customize/src/less2/include/mediatag.less";
@import (reference) "../../customize/src/less2/include/framework.less";
.mediatag_base();
.framework_main(
&.cp-app-slide {
.mediatag_base();
.framework_main(
@bg-color: @colortheme_slide-bg,
@warn-color: @colortheme_slide-warn,
@color: @colortheme_slide-color
);
);
// body
font-size: unset;
display: flex;
flex-flow: column;
// body
font-size: unset;
display: flex;
flex-flow: column;
@slide-default-bg: #000;
.size (@n) {
@slide-default-bg: #000;
.size (@n) {
// font-size: @n * 1vmin;
// line-height: @n * 1.1vmin;
font-size: @n * 10%;
// line-height: @n * 11%;
line-height: 110%;
}
}
h1 { font-size: 40px; }
h2 { font-size: 37px; }
h3 { font-size: 34px; }
h4 { font-size: 31px; }
h5 { font-size: 27px; }
h6 { font-size: 24px; }
h1 { font-size: 40px; }
h2 { font-size: 37px; }
h3 { font-size: 34px; }
h4 { font-size: 31px; }
h5 { font-size: 27px; }
h6 { font-size: 24px; }
#cp-app-slide-editor-container {
#cp-app-slide-editor-container {
display: inline-flex;
flex-flow: column;
height: 100%;
@ -41,27 +44,27 @@ h6 { font-size: 24px; }
overflow: hidden;
max-width: 100%;
flex: 1;
}
.CodeMirror {
}
.CodeMirror {
flex: 1;
width: 100%;
font-size: initial;
}
.CodeMirror-focused .cm-matchhighlight {
}
.CodeMirror-focused .cm-matchhighlight {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==);
background-position: bottom;
background-repeat: repeat-x;
}
}
#cp-app-slide-colorpicker {
#cp-app-slide-colorpicker {
display: block;
}
}
#cme_toolbox {
#cme_toolbox {
z-index: 10000;
}
}
#cp-app-slide-editor {
#cp-app-slide-editor {
flex: 1;
display: flex;
flex-flow: row;
@ -77,8 +80,8 @@ h6 { font-size: 24px; }
//width: 50vw;
}
}
}
.cp-app-slide-shown {
}
.cp-app-slide-shown {
.cp-app-slide-container {
position: relative;
&> media-tag {
@ -99,8 +102,8 @@ h6 { font-size: 24px; }
}
}
}
}
.cp-app-slide-preview {
}
.cp-app-slide-preview {
.cp-app-slide-viewer {
width: 50vw;
overflow: hidden;
@ -152,16 +155,16 @@ h6 { font-size: 24px; }
.CodeMirror {
flex: 1;
}
}
}
/* Slide position (print mode) */
@ratio:0.9;
@media print {
/* Slide position (print mode) */
@ratio:0.9;
@media print {
#cp-app-slide-editor-container {
display: none;
}
}
#cp-app-slide-print {
}
#cp-app-slide-print {
position: relative;
display: none;
font-size: @ratio*11.25vw;
@ -212,10 +215,10 @@ h6 { font-size: 24px; }
height: ~"calc(100vh - 2px)";
}
}
}
}
/* Slide position (present mode) */
div#cp-app-slide-modal {
/* Slide position (present mode) */
div#cp-app-slide-modal {
display: none;
background-color: black;
color: white;
@ -316,10 +319,10 @@ div#cp-app-slide-modal {
display: none;
background-color: @slide-default-bg;
}
}
/* Slide content */
div#cp-app-slide-modal #cp-app-slide-modal-content, #cp-app-slide-print {
/* Slide content */
div#cp-app-slide-modal #cp-app-slide-modal-content, #cp-app-slide-print {
.cp-app-slide-frame {
* {
.size(2.75);
@ -397,20 +400,21 @@ div#cp-app-slide-modal #cp-app-slide-modal-content, #cp-app-slide-print {
text-align: left;
position: relative;
}
}
}
.cp-app-slide-frame * {
.cp-app-slide-frame * {
max-width: 100%;
max-height: 100%;
}
}
p {
p {
padding: 0;
margin: 0;
min-height:0;
min-width:0;
}
}
pre.cp-slide-css-error {
pre.cp-slide-css-error {
color: white;
}
}

2
www/slide/inner.js
View File

@ -15,7 +15,7 @@ define([
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/main.less',
'less!/slide/app-slide.less',
'css!cm/lib/codemirror.css',
'css!cm/addon/dialog/dialog.css',

8
www/todo/app-todo.less
View File

@ -1,13 +1,13 @@
@import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main(
&.cp-app-todo {
.framework_min_main(
@bg-color: @colortheme_todo-bg,
@warn-color: @colortheme_todo-warn,
@color: @colortheme_todo-color
);
);
// body
&.cp-app-todo {
display: flex;
flex-flow: column;

2
www/todo/inner.js
View File

@ -13,7 +13,7 @@ define([
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/main.less',
'less!/todo/app-todo.less',
], function (
$,
Crypto,

8
www/whiteboard/app-whiteboard.less
View File

@ -1,14 +1,14 @@
@import (reference) '../../customize/src/less2/include/tools.less';
@import (reference) "../../customize/src/less2/include/framework.less";
.framework_main(
&.cp-app-whiteboard {
.framework_main(
@bg-color: @colortheme_whiteboard-bg,
@warn-color: @colortheme_whiteboard-warn,
@color: @colortheme_whiteboard-color
);
);
// body
&.cp-app-whiteboard {
display: flex;
flex-flow: column;
height: 100%;

1
www/whiteboard/inner.js
View File

@ -15,6 +15,7 @@ define([
'/bower_components/chainpad/chainpad.dist.js',
'/bower_components/secure-fabric.js/dist/fabric.min.js',
'less!/whiteboard/app-whiteboard.less'
], function (
$,
Sortify,

5
www/worker/app-worker.less
View File

@ -1,10 +1,9 @@
@import (reference) "../../customize/src/less2/include/colortheme-all.less";
@import (reference) '../../customize/src/less2/include/framework.less';
.framework_min_main();
// body
&.cp-app-worker {
.framework_min_main();
display: flex;
flex-flow: column;

2
www/worker/inner.js
View File

@ -9,7 +9,7 @@ define([
'css!/bower_components/bootstrap/dist/css/bootstrap.min.css',
'css!/bower_components/components-font-awesome/css/font-awesome.min.css',
'less!/customize/src/less2/main.less',
'less!/worker/app-worker.less',
], function (
$,
Toolbar,