New theme
This commit is contained in:
parent
99c8aed4d0
commit
bf93748520
@ -304,8 +304,8 @@ define([
|
|||||||
livePaneResizing: true,
|
livePaneResizing: true,
|
||||||
enableCursorHotkey: false,
|
enableCursorHotkey: false,
|
||||||
resizerDblClickToggle: false,
|
resizerDblClickToggle: false,
|
||||||
north__spacing_open: 6,
|
north__spacing_open: 0.001,
|
||||||
north__spacing_closed: 6,
|
north__spacing_closed: 0.001,
|
||||||
spacing_open: 35,
|
spacing_open: 35,
|
||||||
spacing_closed: 35,
|
spacing_closed: 35,
|
||||||
togglerLength_open: 60,
|
togglerLength_open: 60,
|
||||||
@ -386,12 +386,11 @@ define([
|
|||||||
$previewButtonsElt = $('<div class="extension-preview-buttons">');
|
$previewButtonsElt = $('<div class="extension-preview-buttons">');
|
||||||
$editorButtonsElt = $('<div class="extension-editor-buttons">');
|
$editorButtonsElt = $('<div class="extension-editor-buttons">');
|
||||||
if(window.viewerMode || settings.layoutOrientation == "horizontal") {
|
if(window.viewerMode || settings.layoutOrientation == "horizontal") {
|
||||||
$('.ui-layout-resizer-north').append($resizerDecorator).append($previewButtonsElt);
|
$('.ui-layout-resizer-north').append($previewButtonsElt);
|
||||||
$('.ui-layout-resizer-east').append($northTogglerElt).append($editorButtonsElt);
|
$('.ui-layout-resizer-east').append($resizerDecorator).append($northTogglerElt).append($editorButtonsElt);
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
$('.ui-layout-resizer-north').append($resizerDecorator);
|
$('.ui-layout-resizer-south').append($resizerDecorator).append($previewButtonsElt).append($editorButtonsElt).append($northTogglerElt);
|
||||||
$('.ui-layout-resizer-south').append($previewButtonsElt).append($editorButtonsElt).append($northTogglerElt);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
setPanelVisibility();
|
setPanelVisibility();
|
||||||
|
@ -60,6 +60,113 @@ define([
|
|||||||
console.error(e);
|
console.error(e);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
userCustom.onPagedownConfigure = function (editor) {
|
||||||
|
var thmCounter = { num: 0 };
|
||||||
|
var excsCounter = { num: 0 };
|
||||||
|
var environmentMap = {
|
||||||
|
thm: { title: "Theorem" ,counter: thmCounter },
|
||||||
|
lem: { title: "Lemma" ,counter: thmCounter },
|
||||||
|
cor: { title: "Corollary" ,counter: thmCounter },
|
||||||
|
prop: { title: "Property" ,counter: thmCounter },
|
||||||
|
defn: { title: "Definition" ,counter: thmCounter },
|
||||||
|
rem: { title: "Remark" ,counter: thmCounter },
|
||||||
|
prob: { title: "Problem" ,counter: excsCounter },
|
||||||
|
excs: { title: "Exercise" ,counter: excsCounter },
|
||||||
|
examp: { title: "Example" ,counter: excsCounter },
|
||||||
|
proof: { title: "Proof" }
|
||||||
|
};
|
||||||
|
var converter = editor.getConverter();
|
||||||
|
// Save the preConversion callbacks stack
|
||||||
|
var preConversion = converter.hooks.preConversion;
|
||||||
|
converter.hooks.preConversion = function (text) {
|
||||||
|
// Change \begin...\end to /begin.../end to avoid MathJax processing
|
||||||
|
text = text.replace(/\\begin{(\w+)}([\s\S]*?)\\end{\1}/g, function (wholeMatch, m1, m2) {
|
||||||
|
if(!environmentMap[m1]) return wholeMatch;
|
||||||
|
// At this stage we need to keep the same number of characters for accurate section parsing
|
||||||
|
return '/begin{' + m1 + '}' + m2 + '/end{' + m1 + '}';
|
||||||
|
});
|
||||||
|
// Transform \title and \section into markdown title to take benefit of partial rendering
|
||||||
|
text = text.replace(/\\(\w+){([^\r\n}]+)}/g, function (wholeMatch, m1, m2) {
|
||||||
|
// At this stage we need to keep the same number of characters for accurate section parsing
|
||||||
|
if (m1 == 'section') {
|
||||||
|
// \section{} has to be replaced by 10 chars
|
||||||
|
return '\n### ' + m2 + '\n';
|
||||||
|
}
|
||||||
|
if (m1 == 'subsection') {
|
||||||
|
// \subsection{} has to be replaced by 13 chars
|
||||||
|
return '\n#### ' + m2 + '\n';
|
||||||
|
}
|
||||||
|
if (m1 == 'subsubsection') {
|
||||||
|
// \subsubsection{} has to be replaced by 16 chars
|
||||||
|
return '\n##### ' + m2 + '\n';
|
||||||
|
}
|
||||||
|
if (m1 == 'title') {
|
||||||
|
// \title{} has to be replaced by 8 chars
|
||||||
|
return '\n## ' + m2 + '\n';
|
||||||
|
}
|
||||||
|
return wholeMatch;
|
||||||
|
});
|
||||||
|
// We are replacing the preConversion stack, call the other preConversion callbacks from the old stack
|
||||||
|
return preConversion(text);
|
||||||
|
};
|
||||||
|
converter.hooks.chain("preBlockGamut", function (text, blockGamutHookCallback) {
|
||||||
|
text = text.replace(/\\ref{(\w+):(\d+)}/g, function (wholeMatch, m1, m2) {
|
||||||
|
if(!environmentMap[m1]) return wholeMatch;
|
||||||
|
return '<a class="latex_ref" href="#' + m1 + ':' + m2 + '">' + environmentMap[m1].title + ' ' + m2 + '</a>';
|
||||||
|
});
|
||||||
|
text = text.replace(/\\(author|date){([\s\S]*?)}/g, '<div class="latex_$1">$2</div>');
|
||||||
|
return text.replace(/\/begin{(\w+)}([\s\S]*?)\/end{\1}/g, function (wholeMatch, m1, m2) {
|
||||||
|
if(!environmentMap[m1]) return wholeMatch;
|
||||||
|
var result = '<div class="latex_' + m1 + '"><span class="latex_title"></span>' + blockGamutHookCallback(m2);
|
||||||
|
if (m1 == "proof") {
|
||||||
|
result += '<span class="latex_proofend" style="float:right">$■$</span>';
|
||||||
|
}
|
||||||
|
return result + '</div>';
|
||||||
|
});
|
||||||
|
});
|
||||||
|
var previewContentsElt = document.getElementById('preview-contents');
|
||||||
|
editor.hooks.chain('onPreviewRefresh', function() {
|
||||||
|
thmCounter.num = 0;
|
||||||
|
excsCounter.num = 0;
|
||||||
|
_.each(previewContentsElt.querySelectorAll('[class^="latex_"]'), function(elt) {
|
||||||
|
var key = elt.className.match(/^latex_(\S+)/)[1];
|
||||||
|
var environment = environmentMap[key];
|
||||||
|
if(!environment) return;
|
||||||
|
var title = environment.title;
|
||||||
|
if(environment.counter) {
|
||||||
|
environment.counter.num++;
|
||||||
|
title += ' ' + environment.counter.num;
|
||||||
|
elt.id = key + ':' + environment.counter.num;
|
||||||
|
}
|
||||||
|
elt.querySelector('.latex_title').innerHTML = title + '.';
|
||||||
|
});
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
userCustom.onReady = function () {
|
||||||
|
var style = [
|
||||||
|
'.latex_thm, .latex_lem, .latex_cor, .latex_defn, .latex_prop, .latex_rem {',
|
||||||
|
' font-style:italic;',
|
||||||
|
' display: block;',
|
||||||
|
' margin:15px 0;',
|
||||||
|
'}',
|
||||||
|
'.latex_prob, .latex_examp, .latex_excs, .latex_proof {',
|
||||||
|
' font-style:normal;',
|
||||||
|
' margin: 10px 0;',
|
||||||
|
' display: block;',
|
||||||
|
'}',
|
||||||
|
'.latex_title {',
|
||||||
|
' float:left;',
|
||||||
|
' font-weight:bold;',
|
||||||
|
' padding-right: 10px;',
|
||||||
|
'}',
|
||||||
|
'.latex_proofend {',
|
||||||
|
' float:right;',
|
||||||
|
'}',
|
||||||
|
].join('\n');
|
||||||
|
$("head").append($('<style type="text/css">').html(style));
|
||||||
|
};
|
||||||
|
|
||||||
return userCustom;
|
return userCustom;
|
||||||
});
|
});
|
@ -43,10 +43,10 @@
|
|||||||
<div id="wmd-button-bar" class="hide"></div>
|
<div id="wmd-button-bar" class="hide"></div>
|
||||||
|
|
||||||
<div class="menu-panel collapse width">
|
<div class="menu-panel collapse width">
|
||||||
<button class="btn btn-success collapse-button" data-toggle="collapse"
|
<button class="btn collapse-button" data-toggle="collapse"
|
||||||
data-target=".menu-panel" title="Menu">
|
data-target=".menu-panel" title="Menu">
|
||||||
<i class="icon-left-open"></i> <img
|
<i class="icon-left-open"></i> <img
|
||||||
data-stackedit-src="stackedit-64.png" width="32" height="32" />
|
data-stackedit-src="stackedit-64.png" width="24" height="24" />
|
||||||
</button>
|
</button>
|
||||||
<div class="panel-content">
|
<div class="panel-content">
|
||||||
<div class="list-group">
|
<div class="list-group">
|
||||||
@ -136,7 +136,7 @@
|
|||||||
|
|
||||||
|
|
||||||
<div class="document-panel collapse width">
|
<div class="document-panel collapse width">
|
||||||
<button class="btn btn-success collapse-button" data-toggle="collapse"
|
<button class="btn collapse-button" data-toggle="collapse"
|
||||||
data-target=".document-panel" title="Select document">
|
data-target=".document-panel" title="Select document">
|
||||||
<i class="icon-folder-open"></i> <i class="icon-right-open"></i>
|
<i class="icon-folder-open"></i> <i class="icon-right-open"></i>
|
||||||
</button>
|
</button>
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<button class="btn btn-default dropdown-toggle action-html-code" title="HTML code" data-toggle="dropdown">
|
<button class="btn btn-info dropdown-toggle action-html-code" title="HTML code" data-toggle="dropdown">
|
||||||
<i class="icon-code"></i>
|
<i class="icon-code"></i>
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-menu pull-right">
|
<div class="dropdown-menu pull-right">
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<button class="btn btn-default dropdown-toggle" title="Markdown syntax" data-toggle="dropdown">
|
<button class="btn btn-info dropdown-toggle" title="Markdown syntax" data-toggle="dropdown">
|
||||||
<i class="icon-help-circled"></i>
|
<i class="icon-help-circled"></i>
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-menu pull-right">
|
<div class="dropdown-menu pull-right">
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<button class="btn btn-default dropdown-toggle" title="Document statistics" data-toggle="dropdown">
|
<button class="btn btn-info dropdown-toggle" title="Document statistics" data-toggle="dropdown">
|
||||||
<i class="icon-chart-bar"></i>
|
<i class="icon-chart-bar"></i>
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-menu pull-right">
|
<div class="dropdown-menu pull-right">
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<button class="btn btn-default dropdown-toggle" title="Table of contents" data-toggle="dropdown">
|
<button class="btn btn-info dropdown-toggle" title="Table of contents" data-toggle="dropdown">
|
||||||
<i class="icon-list"></i>
|
<i class="icon-list"></i>
|
||||||
</button>
|
</button>
|
||||||
<div class="dropdown-menu pull-right">
|
<div class="dropdown-menu pull-right">
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<a href="viewer" class="btn btn-default dropdown-toggle"
|
<a href="viewer" class="btn btn-info dropdown-toggle"
|
||||||
title="Open in viewer">
|
title="Open in viewer">
|
||||||
<i class="icon-resize-full"></i>
|
<i class="icon-resize-full"></i>
|
||||||
</a>
|
</a>
|
||||||
|
Binary file not shown.
Before Width: | Height: | Size: 447 B After Width: | Height: | Size: 4.3 KiB |
@ -7,8 +7,8 @@ define([
|
|||||||
var settings = {
|
var settings = {
|
||||||
layoutOrientation: "horizontal",
|
layoutOrientation: "horizontal",
|
||||||
lazyRendering: true,
|
lazyRendering: true,
|
||||||
editorFontFamily: 'Menlo, Consolas, "Courier New", Courier, monospace',
|
editorFontFamily: '"Courier New", Courier, monospace',
|
||||||
editorFontSize: 12,
|
editorFontSize: 14,
|
||||||
maxWidth: 960,
|
maxWidth: 960,
|
||||||
defaultContent: "\n\n\n> Written with [StackEdit](" + constants.MAIN_URL + ").",
|
defaultContent: "\n\n\n> Written with [StackEdit](" + constants.MAIN_URL + ").",
|
||||||
commitMsg: "Published with " + constants.MAIN_URL,
|
commitMsg: "Published with " + constants.MAIN_URL,
|
||||||
|
@ -9,26 +9,39 @@
|
|||||||
@import "jquery.jgrowl.css";
|
@import "jquery.jgrowl.css";
|
||||||
|
|
||||||
/* Colors */
|
/* Colors */
|
||||||
|
@logo-yellow: #FFDC15;
|
||||||
|
@logo-blue: #008AFF;
|
||||||
|
@logo-orange: #FF6000;
|
||||||
|
@logo-green: #96C800;
|
||||||
|
@primary: @logo-blue;
|
||||||
|
@secondary: #FF0070;
|
||||||
|
@primary-desaturated: desaturate(@primary, 65%);
|
||||||
|
@secondary-desaturated: desaturate(@secondary, 90%);
|
||||||
@transparent: fade(#000, 0%);
|
@transparent: fade(#000, 0%);
|
||||||
@primary-bg: #ddd;
|
@primary-bg: lighten(@primary-desaturated, 38%);
|
||||||
@primary-bg-light: lighten(@primary-bg, 4%);
|
@primary-bg-light: lighten(@primary-desaturated, 42%);
|
||||||
@primary-bg-lighter: lighten(@primary-bg, 8%);
|
@primary-bg-lighter: lighten(@secondary-desaturated, 48%);
|
||||||
@primary-bg-lightest: lighten(@primary-bg, 9.5%);
|
@primary-bg-lightest: lighten(@secondary-desaturated, 48%);
|
||||||
@secondary-bg: #888;
|
@secondary-bg: #888;
|
||||||
@secondary-bg-light: lighten(@secondary-bg, 7%);
|
@secondary-bg-light: lighten(@secondary-bg, 7%);
|
||||||
@secondary-bg-dark: darken(@secondary-bg, 7%);
|
@secondary-bg-dark: darken(@secondary-bg, 7%);
|
||||||
@primary-color: #333;
|
@primary-color: @primary-desaturated;
|
||||||
@primary-color-light: lighten(@primary-color, 12.5%);
|
@primary-color-dark: darken(@primary-color, 12.5%);
|
||||||
@primary-color-lighter: lighten(@primary-color, 25%);
|
@primary-color-darker: darken(@primary-color, 25%);
|
||||||
@primary-color-lightest: lighten(@primary-color, 37.5%);
|
@primary-color-darkest: darken(@primary-color, 37.5%);
|
||||||
@primary-color-inv: #fff;
|
@primary-color-inv: #fff;
|
||||||
|
@secondary-color: lighten(@primary-desaturated, 10%);
|
||||||
|
@secondary-color-dark: @primary-desaturated;
|
||||||
|
@secondary-color-darker: darken(@primary-desaturated, 15%);
|
||||||
|
@secondary-color-darkest: darken(@primary-desaturated, 40%);
|
||||||
|
@secondary-color-inv: #fff;
|
||||||
@bg-navbar-hover: @primary-bg-lighter;
|
@bg-navbar-hover: @primary-bg-lighter;
|
||||||
@error-border: #ff8661;
|
@error-border: #ff8661;
|
||||||
@disabled-color: #ccc;
|
@disabled-color: #ccc;
|
||||||
@panel-button-color: @primary-color-lighter;
|
@panel-button-color: @primary-color-dark;
|
||||||
@panel-bg: @primary-bg-lighter;
|
@panel-bg: @primary-bg-lighter;
|
||||||
@panel-border-color: @primary-bg-light;
|
@panel-border-color: @primary-bg-light;
|
||||||
@folder-color: @primary-color-light;
|
@folder-color: @primary-color-darker;
|
||||||
@jgrowl-bg-color: fade(@secondary-bg-dark, 90%);
|
@jgrowl-bg-color: fade(@secondary-bg-dark, 90%);
|
||||||
|
|
||||||
/* Sizes */
|
/* Sizes */
|
||||||
@ -36,29 +49,31 @@
|
|||||||
@document-panel-width: 350px;
|
@document-panel-width: 350px;
|
||||||
@jgrowl-width: 260px;
|
@jgrowl-width: 260px;
|
||||||
@title-base-size: 14px;
|
@title-base-size: 14px;
|
||||||
|
@resizer-size: 35px;
|
||||||
|
|
||||||
/* Bootstrap */
|
/* Bootstrap */
|
||||||
@body-bg: @primary-bg-lighter;
|
@body-bg: @primary-bg-lighter;
|
||||||
@text-color: @primary-color;
|
@text-color: @primary-color-darkest;
|
||||||
|
@link-color: @primary;
|
||||||
@input-border: @primary-bg;
|
@input-border: @primary-bg;
|
||||||
@input-height-base: 38px;
|
@input-height-base: 38px;
|
||||||
@dropdown-border: @primary-bg;
|
@dropdown-border: @primary-bg;
|
||||||
@pre-border-color: @primary-bg;
|
@pre-border-color: @primary-bg;
|
||||||
@navbar-default-bg: @primary-bg;
|
@navbar-default-bg: @primary-bg-light;
|
||||||
@nav-link-hover-bg: @primary-bg-lightest;
|
@nav-link-hover-bg: @primary-bg-lightest;
|
||||||
@nav-disabled-link-color: @disabled-color;
|
@nav-disabled-link-color: @disabled-color;
|
||||||
@nav-disabled-link-hover-color: @disabled-color;
|
@nav-disabled-link-hover-color: @disabled-color;
|
||||||
@nav-tabs-border-color: @transparent;
|
@nav-tabs-border-color: @transparent;
|
||||||
@nav-tabs-link-hover-border-color: @transparent;
|
@nav-tabs-link-hover-border-color: @transparent;
|
||||||
@dropdown-link-color: @primary-color;
|
@dropdown-link-color: @primary-color-darkest;
|
||||||
@dropdown-link-hover-bg: @secondary-bg;
|
@dropdown-link-hover-bg: @secondary-bg;
|
||||||
@dropdown-link-active-color: @primary-color-inv;
|
@dropdown-link-active-color: @primary-color-inv;
|
||||||
@list-group-link-color: @primary-color;
|
@list-group-link-color: @primary-color-darkest;
|
||||||
@list-group-border: @transparent;
|
@list-group-border: @transparent;
|
||||||
@list-group-active-bg: @dropdown-link-hover-bg;
|
@list-group-active-bg: @dropdown-link-hover-bg;
|
||||||
@list-group-hover-bg: @primary-bg-lightest;
|
@list-group-hover-bg: @primary-bg-lightest;
|
||||||
@input-color-placeholder: @disabled-color;
|
@input-color-placeholder: @disabled-color;
|
||||||
@btn-default-color: @primary-color;
|
@btn-default-color: @primary-color-darkest;
|
||||||
@btn-default-bg: @transparent;
|
@btn-default-bg: @transparent;
|
||||||
@btn-default-border: @transparent;
|
@btn-default-border: @transparent;
|
||||||
@btn-default-hover-bg: fade(#000, 5%);
|
@btn-default-hover-bg: fade(#000, 5%);
|
||||||
@ -66,9 +81,10 @@
|
|||||||
@btn-primary-bg: @secondary-bg;
|
@btn-primary-bg: @secondary-bg;
|
||||||
@btn-primary-border: @transparent;
|
@btn-primary-border: @transparent;
|
||||||
@btn-primary-hover-bg: darken(@secondary-bg, 8%);
|
@btn-primary-hover-bg: darken(@secondary-bg, 8%);
|
||||||
@btn-success-color: @primary-color-light;
|
@btn-success-color: darken(@primary-desaturated, 25%);
|
||||||
@btn-success-bg: @navbar-default-bg;
|
@btn-success-bg: @navbar-default-bg;
|
||||||
@btn-success-border: @transparent;
|
@btn-success-border: @transparent;
|
||||||
|
@btn-info-color: fade(@secondary-desaturated, 35%);
|
||||||
@btn-info-bg: @transparent;
|
@btn-info-bg: @transparent;
|
||||||
@btn-info-border: @transparent;
|
@btn-info-border: @transparent;
|
||||||
@gray-lighter: @body-bg;
|
@gray-lighter: @body-bg;
|
||||||
@ -77,13 +93,13 @@
|
|||||||
@modal-footer-border-color: @primary-bg-light;
|
@modal-footer-border-color: @primary-bg-light;
|
||||||
@modal-content-separator-color: @primary-bg-lighter;
|
@modal-content-separator-color: @primary-bg-lighter;
|
||||||
@modal-backdrop-bg: @secondary-bg-light;
|
@modal-backdrop-bg: @secondary-bg-light;
|
||||||
@blockquote-border-color: fade(#000, 5%);
|
@blockquote-border-color: fade(@secondary-desaturated, 10%);
|
||||||
@blockquote-bg: fade(#000, 3%);
|
@blockquote-bg: fade(@secondary-desaturated, 5%);
|
||||||
@code-color: @primary-color;
|
@code-color: @primary-color-darkest;
|
||||||
@code-bg: fade(#000, 3%);
|
@code-bg: fade(@primary-desaturated, 5%);
|
||||||
@hr-border: #e0e0e0;
|
@hr-border: #e0e0e0;
|
||||||
@tooltip-max-width: 240px;
|
@tooltip-max-width: 240px;
|
||||||
@close-color: @primary-color;
|
@close-color: @primary-color-darkest;
|
||||||
@popover-bg: @primary-bg-lighter;
|
@popover-bg: @primary-bg-lighter;
|
||||||
@popover-border-color: @primary-bg-lighter;
|
@popover-border-color: @primary-bg-lighter;
|
||||||
@popover-arrow-color: @primary-bg-lighter;
|
@popover-arrow-color: @primary-bg-lighter;
|
||||||
@ -111,16 +127,9 @@ body {
|
|||||||
tab-size: 4;
|
tab-size: 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ui-layout-east, .ui-layout-south {
|
|
||||||
background-color: @body-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
#preview-contents {
|
#preview-contents {
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
margin: 0 auto 180px;
|
margin: 0 auto 180px;
|
||||||
.ui-layout-east & {
|
|
||||||
padding-left: 5px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.working {
|
.working {
|
||||||
@ -166,7 +175,7 @@ a {
|
|||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
padding: 8px 11px;
|
padding: 8px 11px;
|
||||||
.transition(~"background-color ease-in-out .15s, color ease-in-out .15s, z-index ease-in-out .15s");
|
.transition(~"background-color ease-in-out .15s, color ease-in-out .15s, border-color ease-in-out .15s");
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-default:hover,
|
.btn-default:hover,
|
||||||
@ -182,12 +191,42 @@ a {
|
|||||||
background-color: @btn-primary-hover-bg;
|
background-color: @btn-primary-hover-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-success:hover,
|
.btn-success {
|
||||||
.btn-success:focus,
|
&:hover,
|
||||||
.btn-success:active,
|
&:focus,
|
||||||
|
&:active,
|
||||||
|
.open &.dropdown-toggle:hover {
|
||||||
|
color: darken(@primary, 30%);
|
||||||
|
border-color: fade(@primary, 10%);
|
||||||
|
background-color: fade(@primary-desaturated, 7.5%) !important; // important to override .nav > li > a:hover
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-info {
|
||||||
|
&:hover,
|
||||||
|
&:focus,
|
||||||
|
&:active,
|
||||||
|
.open &.dropdown-toggle:hover {
|
||||||
|
color: darken(@secondary, 30%);
|
||||||
|
border-color: fade(@secondary, 10%);
|
||||||
|
background-color: fade(@secondary-desaturated, 7.5%) !important; // important to override .nav > li > a:hover
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.open .dropdown-toggle.btn-info,
|
||||||
.open .dropdown-toggle.btn-success {
|
.open .dropdown-toggle.btn-success {
|
||||||
color: @btn-success-color;
|
color: darken(@primary, 30%);
|
||||||
background-color: @bg-navbar-hover !important; // important to override .nav > li > a:hover
|
border-color: fade(@primary, 10%);
|
||||||
|
background-color: fade(@primary-desaturated, 7.5%) !important; // important to override .nav > li > a:hover
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-group {
|
||||||
|
.btn + .btn,
|
||||||
|
.btn + .btn-group,
|
||||||
|
.btn-group + .btn,
|
||||||
|
.btn-group + .btn-group {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Last dropdown-toggle in a button-group (Bootstrap override)
|
// Last dropdown-toggle in a button-group (Bootstrap override)
|
||||||
@ -270,9 +309,11 @@ a {
|
|||||||
position: static;
|
position: static;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
|
border-top: 1px solid fade(@primary, 10%);
|
||||||
|
border-bottom: 1px solid fade(@primary, 10%);
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
.left-space {
|
.left-space {
|
||||||
width: 30px;
|
width: 25px;
|
||||||
height: @input-height-base;
|
height: @input-height-base;
|
||||||
}
|
}
|
||||||
.right-space {
|
.right-space {
|
||||||
@ -281,7 +322,7 @@ a {
|
|||||||
}
|
}
|
||||||
.nav {
|
.nav {
|
||||||
float: left;
|
float: left;
|
||||||
margin: 6px 10px;
|
margin: 5px 10px;
|
||||||
height: @input-height-base;
|
height: @input-height-base;
|
||||||
& > li {
|
& > li {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -319,7 +360,6 @@ a {
|
|||||||
padding: 4px 15px;
|
padding: 4px 15px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
color: @btn-success-color;
|
|
||||||
max-width: 280px;
|
max-width: 280px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
@ -370,15 +410,24 @@ a {
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
overflow: initial;
|
overflow: initial;
|
||||||
.collapse-button i {
|
.collapse-button {
|
||||||
color: @panel-button-color;
|
background-color: #fff;
|
||||||
font-size: 14px;
|
height: @input-height-base;
|
||||||
|
border-radius: 8px;
|
||||||
|
.box-shadow(~"0 0 1px rgba(0,0,0,.5)");
|
||||||
|
&:active {
|
||||||
|
.box-shadow(~"inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 1px rgba(0,0,0,.5)");
|
||||||
|
}
|
||||||
|
i {
|
||||||
|
color: #737373;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.collapse-button:hover, &.in .collapse-button, &.collapsing .collapse-button {
|
||||||
|
border-width: 1px;
|
||||||
}
|
}
|
||||||
&.in .collapse-button {
|
|
||||||
background-color: @bg-navbar-hover;
|
|
||||||
}
|
|
||||||
.panel-content {
|
.panel-content {
|
||||||
.box-shadow(0 6px 12px rgba(0,0,0,.175));
|
.box-shadow(0 6px 12px rgba(0,0,0,.4));
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding-bottom: 30px;
|
padding-bottom: 30px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -390,7 +439,7 @@ a {
|
|||||||
|
|
||||||
.menu-panel {
|
.menu-panel {
|
||||||
width: @menu-panel-width !important;
|
width: @menu-panel-width !important;
|
||||||
margin-left: (-@menu-panel-width - 25);
|
margin-left: (-@menu-panel-width - 30);
|
||||||
.transition(~"margin-left ease-in-out 0.35s");
|
.transition(~"margin-left ease-in-out 0.35s");
|
||||||
.sub-menu {
|
.sub-menu {
|
||||||
background-color: @list-group-bg;
|
background-color: @list-group-bg;
|
||||||
@ -398,21 +447,19 @@ a {
|
|||||||
&.in {
|
&.in {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
&.in, &.collapsing {
|
|
||||||
.collapse-button {
|
|
||||||
padding-right: 17px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.collapse-button {
|
.collapse-button {
|
||||||
right: -80px;
|
border-top: 5px solid fade(@logo-yellow, 75%);
|
||||||
|
border-right: 6px solid fade(@logo-blue, 75%);
|
||||||
|
border-bottom: 5px solid fade(@logo-orange, 75%);
|
||||||
|
right: -65px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
padding: 2px 27px 2px 50px;
|
padding: 0 12px 0 50px;
|
||||||
.transition(~"background-color ease-in-out .15s, z-index ease-in-out .15s, padding-right ease-in-out 0.35s");
|
.transition(~"border-width ease-in-out .15s, right ease-in-out 0.15s");
|
||||||
&:hover {
|
}
|
||||||
padding-right: 17px;
|
.collapse-button:hover, &.in .collapse-button, &.collapsing .collapse-button {
|
||||||
}
|
right: -70px;
|
||||||
}
|
}
|
||||||
.panel-content {
|
.panel-content {
|
||||||
background-color: @panel-bg;
|
background-color: @panel-bg;
|
||||||
@ -436,23 +483,27 @@ a {
|
|||||||
}
|
}
|
||||||
&.in, &.collapsing {
|
&.in, &.collapsing {
|
||||||
.collapse-button {
|
.collapse-button {
|
||||||
padding-left: 10px;
|
left: -75px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.collapse-button {
|
.collapse-button {
|
||||||
left: -80px;
|
border-top: 5px solid fade(@logo-yellow, 75%);
|
||||||
|
border-left: 6px solid fade(@logo-green, 75%);
|
||||||
|
border-bottom: 5px solid fade(@logo-orange, 75%);
|
||||||
|
left: -65px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
padding: 7px 50px 7px 20px;
|
padding: 0 50px 0 6px;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
.transition(~"background-color ease-in-out .15s, z-index ease-in-out .15s, padding-left ease-in-out 0.35s");
|
.transition(~"border-width ease-in-out .15s, left ease-in-out 0.15s");
|
||||||
&:hover {
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
i.icon-folder-open {
|
i.icon-folder-open {
|
||||||
font-size: 22px;
|
font-size: 19px;
|
||||||
|
padding-bottom: 1px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.collapse-button:hover, &.in .collapse-button, &.collapsing .collapse-button {
|
||||||
|
left: -70px;
|
||||||
|
}
|
||||||
.panel-content {
|
.panel-content {
|
||||||
background-color: @list-group-bg;
|
background-color: @list-group-bg;
|
||||||
padding-top: 80px;
|
padding-top: 80px;
|
||||||
@ -477,7 +528,6 @@ a {
|
|||||||
.folder {
|
.folder {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: @folder-color;
|
color: @folder-color;
|
||||||
font-size: 15px;
|
|
||||||
border-bottom-color: @modal-content-separator-color;
|
border-bottom-color: @modal-content-separator-color;
|
||||||
}
|
}
|
||||||
.list-group {
|
.list-group {
|
||||||
@ -607,26 +657,18 @@ a {
|
|||||||
.extension-preview-buttons {
|
.extension-preview-buttons {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
margin-top: 6px;
|
margin-top: 5px;
|
||||||
right: 30px;
|
right: 30px;
|
||||||
.ui-layout-resizer-south-closed & {
|
.ui-layout-resizer-south-closed & {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
border: 0;
|
border: 0;
|
||||||
margin-top: 1px;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.btn-group {
|
.btn-group {
|
||||||
margin: 0 0 0 1px;
|
|
||||||
.btn {
|
.btn {
|
||||||
position: initial;
|
position: initial;
|
||||||
background-color: fade(@primary-bg, 33%);
|
|
||||||
}
|
|
||||||
&.open .btn{
|
|
||||||
background-color: @primary-bg-light;
|
|
||||||
i {
|
|
||||||
color: @primary-color-light
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.dropdown-menu {
|
.dropdown-menu {
|
||||||
@ -662,10 +704,9 @@ a {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
.btn {
|
.btn {
|
||||||
background-color: fade(@primary-bg, 33%);
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
height: 35px;
|
height: @resizer-size;
|
||||||
width: 35px;
|
width: @resizer-size;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
.ui-layout-resizer-east & {
|
.ui-layout-resizer-east & {
|
||||||
@ -786,14 +827,6 @@ a {
|
|||||||
font-size: 14px !important;
|
font-size: 14px !important;
|
||||||
.btn {
|
.btn {
|
||||||
float: none;
|
float: none;
|
||||||
color: fade(@primary-color-light, 30%);
|
|
||||||
&:hover,
|
|
||||||
&:focus,
|
|
||||||
&:active,
|
|
||||||
&.active {
|
|
||||||
background-color: mix(@primary-bg-lighter, @primary-bg, 50%);
|
|
||||||
color: @primary-color-light
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
.ui-layout-toggler {
|
.ui-layout-toggler {
|
||||||
font-size: 22px !important;
|
font-size: 22px !important;
|
||||||
@ -829,14 +862,22 @@ a {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
&.ui-layout-resizer-east .ui-layout-toggler-north {
|
&.ui-layout-resizer-east .ui-layout-toggler-north {
|
||||||
width: 35px !important;
|
width: @resizer-size !important;
|
||||||
height: 60px !important;
|
height: 60px !important;
|
||||||
}
|
}
|
||||||
&.ui-layout-resizer-south .ui-layout-toggler-north {
|
&.ui-layout-resizer-south .ui-layout-toggler-north {
|
||||||
height: 35px !important;
|
height: @resizer-size !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ui-layout-resizer-east .resizer-decorator {
|
||||||
|
position: absolute;
|
||||||
|
height: 100%;
|
||||||
|
width: @resizer-size;
|
||||||
|
border-left: 1px solid fade(@secondary, 6%);
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/*********************
|
/*********************
|
||||||
* Markdown
|
* Markdown
|
||||||
@ -968,7 +1009,7 @@ ul,ol {
|
|||||||
*****************************/
|
*****************************/
|
||||||
|
|
||||||
.ace_editor {
|
.ace_editor {
|
||||||
color: @primary-color-lighter;
|
color: @secondary-color-dark;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace-tm {
|
.ace-tm {
|
||||||
@ -979,46 +1020,50 @@ ul,ol {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ace_marker-layer .ace_active-line {
|
.ace_marker-layer .ace_active-line {
|
||||||
background-color: @primary-bg-lightest;
|
background-color: fade(@primary-desaturated, 5%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.ace_cursor {
|
||||||
|
color: darken(@primary-desaturated, 30%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_print-margin {
|
.ace_print-margin {
|
||||||
background-color: fade(@primary-bg-lighter, 50%);
|
background-color: fade(@primary-desaturated, 10%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_markup.ace_heading {
|
.ace_markup.ace_heading {
|
||||||
color: @primary-color;
|
color: @secondary-color-darkest;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_markup.ace_list {
|
.ace_markup.ace_list {
|
||||||
color: @primary-color;
|
color: @secondary-color-darkest;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_constant.ace_language {
|
.ace_constant.ace_language {
|
||||||
color: @primary-color-lightest;
|
color: @secondary-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_meta.ace_tag {
|
.ace_meta.ace_tag {
|
||||||
color: @primary-color;
|
color: @secondary-color-darkest;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background-color: @code-bg;
|
background-color: @code-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_keyword.ace_operator {
|
.ace_keyword.ace_operator {
|
||||||
color: @primary-color-light;
|
color: @secondary-color-darker;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_keyword {
|
.ace_keyword {
|
||||||
color: @primary-color;
|
color: @secondary-color-darkest;
|
||||||
background-color: @code-bg;
|
background-color: @code-bg;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_string {
|
.ace_string {
|
||||||
color: @primary-color;
|
color: @secondary-color-darkest;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
background-color: @code-bg;
|
background-color: @code-bg;
|
||||||
}
|
}
|
||||||
@ -1033,38 +1078,38 @@ ul,ol {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ace_emphasis {
|
.ace_emphasis {
|
||||||
color: @primary-color;
|
color: @secondary-color-darkest;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_blockquote {
|
.ace_blockquote {
|
||||||
color: @primary-color-lightest;
|
color: @secondary-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_code {
|
.ace_code {
|
||||||
color: @primary-color;
|
color: @secondary-color-darkest;
|
||||||
background-color: @code-bg;
|
background-color: @code-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_code_block {
|
.ace_code_block {
|
||||||
color: @primary-color;
|
color: @secondary-color-darkest;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_link {
|
.ace_link {
|
||||||
color: @primary-color;
|
color: @secondary-color-darkest;
|
||||||
background-color: @code-bg;
|
background-color: @code-bg;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_description {
|
.ace_description {
|
||||||
color: @primary-color-lightest;
|
color: @secondary-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_constant {
|
.ace_constant {
|
||||||
color: @primary-color-light;
|
color: @secondary-color-darker;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ace_comment {
|
.ace_comment {
|
||||||
color: fade(@primary-color-lighter, 50%);
|
color: fade(@secondary-color-dark, 50%);
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1136,11 +1181,11 @@ ul,ol {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#wmd-input {
|
#wmd-input {
|
||||||
border-radius: @input-border-radius;
|
border-radius: 0;
|
||||||
color: @primary-color-light;
|
color: @secondary-color-darker;
|
||||||
.box-shadow(none);
|
.box-shadow(none);
|
||||||
resize: none;
|
resize: none;
|
||||||
border: none !important;
|
border: none;
|
||||||
div& {
|
div& {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
@ -1148,6 +1193,7 @@ ul,ol {
|
|||||||
|
|
||||||
.preview-container {
|
.preview-container {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
background-color: @primary-bg-lighter;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wmd-prompt-background {
|
.wmd-prompt-background {
|
||||||
|
Loading…
Reference in New Issue
Block a user