mirror of
https://github.com/the-djmaze/snappymail.git
synced 2024-09-20 15:45:55 +08:00
.less to .css see comments #134
This commit is contained in:
parent
5c0ce6fef1
commit
df975ade72
|
@ -23,7 +23,7 @@ class ChangePasswordPlugin extends \RainLoop\Plugins\AbstractPlugin
|
|||
{
|
||||
$this->UseLangs(true); // start use langs folder
|
||||
|
||||
$this->addCss('style.less');
|
||||
// $this->addCss('style.css');
|
||||
$this->addJs('js/ChangePasswordUserSettings.js'); // add js file
|
||||
$this->addJsonHook('ChangePassword', 'ChangePassword');
|
||||
$this->addTemplate('templates/SettingsChangePassword.html');
|
||||
|
|
|
@ -1,217 +0,0 @@
|
|||
/*.cke_button__sourcedialog_label {
|
||||
display: none !important;
|
||||
}*/
|
||||
|
||||
.cke_chrome {
|
||||
border: 1px solid #ccc !important;
|
||||
}
|
||||
|
||||
.cke_toolgroup {
|
||||
padding-right: 0 !important;
|
||||
background: #FBFBFB !important;
|
||||
}
|
||||
|
||||
.cke_toolgroup, .cke_combo_button {
|
||||
border: 1px solid #A6A6A6 !important;
|
||||
}
|
||||
|
||||
.cke_top {
|
||||
padding: 2px;
|
||||
box-shadow: none !important;
|
||||
border-bottom: 1px solid #b6b6b6 !important;
|
||||
background: #F0F0F0 !important;
|
||||
}
|
||||
|
||||
.cke_combo_on a.cke_combo_button,
|
||||
.cke_combo_off a.cke_combo_button:hover,
|
||||
.cke_combo_off a.cke_combo_button:focus,
|
||||
.cke_combo_off a.cke_combo_button:active {
|
||||
padding: 1px !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
|
||||
.cke_toolgroup a.cke_button:last-child:after,
|
||||
.cke_toolgroup a.cke_button.cke_button_disabled:hover:last-child:after {
|
||||
border: none !important;
|
||||
height: 0 !important;
|
||||
width: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.cke_button_on {
|
||||
background: #ddd !important;
|
||||
}
|
||||
|
||||
.cke_combo {
|
||||
margin-top: 1px !important;
|
||||
}
|
||||
|
||||
.cke_combo__fontsize {
|
||||
margin-left: 3px !important;
|
||||
.cke_combo_text {
|
||||
width: 40px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.cke_combo_text {
|
||||
line-height: 24px !important;
|
||||
padding-left: 8px !important;
|
||||
}
|
||||
|
||||
.cke_combo_button {
|
||||
background: #FBFBFB !important;
|
||||
}
|
||||
|
||||
.cke_source {
|
||||
font-family: var(--fontMono) !important;
|
||||
padding: 10px !important;
|
||||
padding-right: 0 !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.cke_plain {
|
||||
|
||||
background-color: #fff;
|
||||
outline: none;
|
||||
overflow: auto;
|
||||
z-index: 1;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
|
||||
padding: 10px;
|
||||
padding-right: 0;
|
||||
white-space: pre-wrap;
|
||||
font-family: var(--fontMono), monospace;
|
||||
font-size: 13px;
|
||||
line-height: 16px;
|
||||
color: #333;
|
||||
resize: none;
|
||||
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.cke_plain:focus, .cke_source:focus {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.b-compose .cke_chrome {
|
||||
border-right: 0;
|
||||
border-left: 0;
|
||||
border-bottom: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.cke_wysiwyg_div {
|
||||
|
||||
padding: 10px !important;
|
||||
font-family: var(--fontSans);
|
||||
font-size: 13px;
|
||||
line-height: 16px;
|
||||
color: #333;
|
||||
|
||||
ul {
|
||||
padding-left: 40px;
|
||||
li {
|
||||
list-style-type: disc !important;
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
padding-left: 40px;
|
||||
li {
|
||||
list-style-type: decimal !important;
|
||||
}
|
||||
}
|
||||
|
||||
pre, code {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
font-family: var(--fontMono);
|
||||
display: block;
|
||||
word-break: normal;
|
||||
word-wrap: break-word;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
code {
|
||||
display: inline;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
pre {
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
pre > code {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border: 0;
|
||||
border-left: solid 2px #444;
|
||||
margin: 5px 0 5px 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
blockquote p {
|
||||
margin: 0 0 10px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
a {
|
||||
color: blue;
|
||||
text-decoration: underline;
|
||||
|
||||
&:visited {
|
||||
color: #609;
|
||||
}
|
||||
&:active {
|
||||
color: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cke_dialog {
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.cke_dialog_ui_labeled_content {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.cke_dialog_ui_input_select, .cke_dialog_ui_input_text, .cke_dialog_ui_input_textarea {
|
||||
|
||||
box-shadow: none;
|
||||
border-radius: 2px;
|
||||
|
||||
&:focus {
|
||||
outline: 0;
|
||||
border: 1px solid #999;
|
||||
}
|
||||
}
|
||||
|
||||
.cke_dialog_ui_input_select, .cke_dialog_ui_input_text {
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
}
|
||||
}
|
||||
|
||||
.RL-PopupsCompose[data-wysiwyg*=Forced] .cke_button__plain {
|
||||
display: none;
|
||||
}
|
|
@ -32,7 +32,7 @@ class CKEditorPlugin extends \RainLoop\Plugins\AbstractPlugin
|
|||
}
|
||||
|
||||
if (\is_file("{$path}/ckeditor.js")) {
|
||||
$this->addCss('ckeditor.less');
|
||||
$this->addCss('style.css');
|
||||
$this->addJs('ckeditor.js');
|
||||
}
|
||||
}
|
||||
|
|
217
plugins/ckeditor/style.css
Normal file
217
plugins/ckeditor/style.css
Normal file
|
@ -0,0 +1,217 @@
|
|||
/*.cke_button__sourcedialog_label {
|
||||
display: none;
|
||||
}*/
|
||||
|
||||
.cke_chrome {
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.cke_toolgroup {
|
||||
padding-right: 0;
|
||||
background: #FBFBFB;
|
||||
}
|
||||
|
||||
.cke_toolgroup, .cke_combo_button {
|
||||
border: 1px solid #A6A6A6;
|
||||
}
|
||||
|
||||
.cke_top {
|
||||
padding: 2px;
|
||||
box-shadow: none;
|
||||
border-bottom: 1px solid #b6b6b6;
|
||||
background: #F0F0F0;
|
||||
}
|
||||
|
||||
.cke_combo_on a.cke_combo_button,
|
||||
.cke_combo_off a.cke_combo_button:hover,
|
||||
.cke_combo_off a.cke_combo_button:focus,
|
||||
.cke_combo_off a.cke_combo_button:active {
|
||||
padding: 1px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
a.cke_button:last-child::after,
|
||||
a.cke_button.cke_button_disabled:hover:last-child::after {
|
||||
border: none;
|
||||
height: 0;
|
||||
width: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.cke_button_on {
|
||||
background: #ddd;
|
||||
}
|
||||
|
||||
.cke_combo {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.cke_combo__fontsize {
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
.cke_combo__fontsize .cke_combo_text {
|
||||
width: 40px;
|
||||
}
|
||||
|
||||
.cke_combo_text {
|
||||
line-height: 24px;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.cke_combo_button {
|
||||
background: #FBFBFB;
|
||||
}
|
||||
|
||||
.cke_source {
|
||||
font-family: var(--fontMono);
|
||||
padding: 10px;
|
||||
padding-right: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.cke_plain {
|
||||
|
||||
background-color: #fff;
|
||||
outline: none;
|
||||
overflow: auto;
|
||||
z-index: 1;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
|
||||
padding: 10px;
|
||||
padding-right: 0;
|
||||
white-space: pre-wrap;
|
||||
font-family: var(--fontMono), monospace;
|
||||
font-size: 13px;
|
||||
line-height: 16px;
|
||||
color: #333;
|
||||
resize: none;
|
||||
|
||||
border-radius: 0;
|
||||
box-shadow: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.cke_plain:focus, .cke_source:focus {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.b-compose .cke_chrome {
|
||||
border-right: 0;
|
||||
border-left: 0;
|
||||
border-bottom: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.cke_wysiwyg_div {
|
||||
padding: 10px;
|
||||
font-family: var(--fontSans);
|
||||
font-size: 13px;
|
||||
line-height: 16px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.cke_wysiwyg_div ul {
|
||||
padding-left: 40px;
|
||||
}
|
||||
.cke_wysiwyg_div ul li {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
.cke_wysiwyg_div ol {
|
||||
padding-left: 40px;
|
||||
}
|
||||
.cke_wysiwyg_div ol li {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
.cke_wysiwyg_div pre,
|
||||
.cke_wysiwyg_div code {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #fff;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
font-family: var(--fontMono);
|
||||
display: block;
|
||||
word-break: normal;
|
||||
word-wrap: break-word;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.cke_wysiwyg_div code {
|
||||
display: inline;
|
||||
padding: 2px 5px;
|
||||
}
|
||||
|
||||
.cke_wysiwyg_div pre {
|
||||
padding: 5px 10px;
|
||||
border-radius: 5px;
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
.cke_wysiwyg_div pre > code {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.cke_wysiwyg_div blockquote {
|
||||
border: 0;
|
||||
border-left: solid 2px #444;
|
||||
margin: 5px 0 5px 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.cke_wysiwyg_div blockquote p {
|
||||
margin: 0 0 10px;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.cke_wysiwyg_div img {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.cke_wysiwyg_div a {
|
||||
color: blue;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.cke_wysiwyg_div a:visited {
|
||||
color: #609;
|
||||
}
|
||||
.cke_wysiwyg_div a:active {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.cke_dialog a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.cke_dialog_ui_labeled_content {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.cke_dialog_ui_input_select,
|
||||
.cke_dialog_ui_input_text,
|
||||
.cke_dialog_ui_input_textarea {
|
||||
box-shadow: none;
|
||||
border-radius: 2px;
|
||||
}
|
||||
.cke_dialog_ui_input_select:focus,
|
||||
.cke_dialog_ui_input_text:focus,
|
||||
.cke_dialog_ui_input_textarea:focus {
|
||||
outline: 0;
|
||||
border: 1px solid #999;
|
||||
}
|
||||
|
||||
.cke_dialog_ui_input_select,
|
||||
.cke_dialog_ui_input_text {
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.RL-PopupsCompose[data-wysiwyg*=Forced] .cke_button__plain {
|
||||
display: none;
|
||||
}
|
|
@ -40,7 +40,8 @@ trait Themes
|
|||
$rDirH = \opendir($sDir);
|
||||
if ($rDirH) {
|
||||
while (($sFile = \readdir($rDirH)) !== false) {
|
||||
if ('.' !== $sFile[0] && \is_dir($sDir . '/' . $sFile) && \file_exists($sDir . '/' . $sFile . '/styles.less')) {
|
||||
if ('.' !== $sFile[0] && \is_dir($sDir . '/' . $sFile)
|
||||
&& (\file_exists("{$sDir}/{$sFile}/styles.css") || \file_exists("{$sDir}/{$sFile}/styles.less"))) {
|
||||
if ('Default' === $sFile) {
|
||||
$bDefault = true;
|
||||
} else if ('Clear' === $sFile) {
|
||||
|
@ -59,7 +60,8 @@ trait Themes
|
|||
$rDirH = \opendir($sDir);
|
||||
if ($rDirH) {
|
||||
while (($sFile = \readdir($rDirH)) !== false) {
|
||||
if ('.' !== $sFile[0] && \is_dir($sDir . '/' . $sFile) && \file_exists($sDir . '/' . $sFile . '/styles.less')) {
|
||||
if ('.' !== $sFile[0] && \is_dir($sDir . '/' . $sFile)
|
||||
&& (\file_exists("{$sDir}/{$sFile}/styles.css") || \file_exists("{$sDir}/{$sFile}/styles.less"))) {
|
||||
$aCache[] = $sFile . '@custom';
|
||||
}
|
||||
}
|
||||
|
@ -104,14 +106,17 @@ trait Themes
|
|||
|
||||
$aResult = array();
|
||||
|
||||
$sThemeFile = ($bCustomTheme ? APP_INDEX_ROOT_PATH : APP_VERSION_ROOT_PATH).'themes/'.$sTheme.'/styles.less';
|
||||
$sThemeCSSFile = ($bCustomTheme ? APP_INDEX_ROOT_PATH : APP_VERSION_ROOT_PATH).'themes/'.$sTheme.'/styles.css';
|
||||
$sThemeLessFile = ($bCustomTheme ? APP_INDEX_ROOT_PATH : APP_VERSION_ROOT_PATH).'themes/'.$sTheme.'/styles.less';
|
||||
|
||||
if (\is_file($sThemeFile)) {
|
||||
$aResult[] = '@base: "'
|
||||
. ($bCustomTheme ? \RainLoop\Utils::WebPath() : \RainLoop\Utils::WebVersionPath())
|
||||
. 'themes/'.$sTheme.'/";';
|
||||
$sBase = ($bCustomTheme ? \RainLoop\Utils::WebPath() : \RainLoop\Utils::WebVersionPath())
|
||||
. "themes/{$sTheme}/";
|
||||
|
||||
$aResult[] = \file_get_contents($sThemeFile);
|
||||
if (\is_file($sThemeCSSFile)) {
|
||||
$aResult[] = \preg_replace('/(url\(["\']?)(\\.)?([a-z])/', "\$1{$sBase}\$3", \str_replace('@{base}', $sBase, \file_get_contents($sThemeCSSFile)));
|
||||
} else if (\is_file($sThemeLessFile)) {
|
||||
$aResult[] = "@base: \"{$sBase}\";";
|
||||
$aResult[] = \file_get_contents($sThemeLessFile);
|
||||
}
|
||||
|
||||
$aResult[] = $this->Plugins()->CompileCss($bAdmin);
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
// MAIN
|
||||
--main-color: #333;
|
||||
--main-bg-color: #48525C;
|
||||
--main-bg-image: url("@{base}images/background.jpg");
|
||||
--main-bg-image: url("images/background.jpg");
|
||||
|
||||
// LOADING
|
||||
--loading-color: #fff;
|
|
@ -3,7 +3,7 @@
|
|||
// MAIN
|
||||
--main-color: #333;
|
||||
--main-bg-color: #563c55;
|
||||
--main-bg-image: url("@{base}images/background.jpg");
|
||||
--main-bg-image: url("images/background.jpg");
|
||||
--main-bg-size: cover;
|
||||
|
||||
// LOADING
|
|
@ -3,7 +3,7 @@
|
|||
// MAIN
|
||||
--main-color: #333;
|
||||
--main-bg-color: #AD455C;
|
||||
--main-bg-image: url("@{base}images/background.jpg");
|
||||
--main-bg-image: url("images/background.jpg");
|
||||
--main-bg-size: cover;
|
||||
|
||||
// LOADING
|
|
@ -3,7 +3,7 @@
|
|||
// MAIN
|
||||
--main-color: #333;
|
||||
--main-bg-color: #48525C;
|
||||
--main-bg-image: url("@{base}images/background.jpg");
|
||||
--main-bg-image: url("images/background.jpg");
|
||||
|
||||
// LOADING
|
||||
--loading-color: #ddd;
|
|
@ -3,7 +3,7 @@
|
|||
// MAIN
|
||||
--main-color: #333;
|
||||
--main-bg-color: #eee;
|
||||
--main-bg-image: url("@{base}images/background.jpg");
|
||||
--main-bg-image: url("images/background.jpg");
|
||||
|
||||
// LOADING
|
||||
--loading-color: #000;
|
|
@ -3,7 +3,7 @@
|
|||
// MAIN
|
||||
--main-color: #333;
|
||||
--main-bg-color: #B3274E;
|
||||
--main-bg-image: url("@{base}images/background.jpg");
|
||||
--main-bg-image: url("images/background.jpg");
|
||||
|
||||
// LOADING
|
||||
--loading-color: #fff;
|
|
@ -3,7 +3,7 @@
|
|||
// MAIN
|
||||
--main-color: #333;
|
||||
--main-bg-color: #48525C;
|
||||
--main-bg-image: url("@{base}images/background.jpg");
|
||||
--main-bg-image: url("images/background.jpg");
|
||||
|
||||
// LOADING
|
||||
--loading-color: #fff;
|
|
@ -3,7 +3,7 @@
|
|||
// MAIN
|
||||
--main-color: #333;
|
||||
--main-bg-color: #eee;
|
||||
--main-bg-image: url("@{base}images/background.jpg");
|
||||
--main-bg-image: url("images/background.jpg");
|
||||
|
||||
// LOADING
|
||||
--loading-color: #000;
|
|
@ -3,7 +3,7 @@
|
|||
// MAIN
|
||||
--main-color: #fff;
|
||||
--main-bg-color: #48525C;
|
||||
--main-bg-image: url("@{base}images/background.jpg");
|
||||
--main-bg-image: url("images/background.jpg");
|
||||
|
||||
// LOADING
|
||||
--loading-color: #ddd;
|
|
@ -3,7 +3,7 @@
|
|||
// MAIN
|
||||
--main-color: #333;
|
||||
--main-bg-color: #010101;
|
||||
--main-bg-image: url("@{base}images/background.jpg");
|
||||
--main-bg-image: url("images/background.jpg");
|
||||
|
||||
// LOADING
|
||||
--loading-color: #fff;
|
|
@ -3,7 +3,7 @@
|
|||
// MAIN
|
||||
--main-color: #333;
|
||||
--main-bg-color: #F4D59F;
|
||||
--main-bg-image: url("@{base}images/background.jpg");
|
||||
--main-bg-image: url("images/background.jpg");
|
||||
|
||||
// LOADING
|
||||
--loading-color: #000;
|
|
@ -3,7 +3,7 @@
|
|||
// MAIN
|
||||
--main-color: #333;
|
||||
--main-bg-color: #eee;
|
||||
--main-bg-image: url("@{base}images/background.jpg");
|
||||
--main-bg-image: url("images/background.jpg");
|
||||
|
||||
// LOADING
|
||||
--loading-color: #000;
|
Loading…
Reference in a new issue