Add sceditor WYSIWIG post editor support

This commit is contained in:
Benjamin Southall 2017-09-03 23:15:56 +09:00
parent 0b3872dc93
commit 02266e082e
112 changed files with 36025 additions and 0 deletions

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,83 @@
/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */
html, body, p, code:before, table {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #111;
}
html {
height: 100%;
/* Needed for iOS scrolling bug fix */
overflow: auto;
-webkit-overflow-scrolling: touch;
}
body {
/* Needed for iOS scrolling bug fix */
position: relative;
overflow: auto;
/* Needed to make sure body covers the whole editor and that
long lines don't cause horizontal scrolling */
min-height: 100%;
word-wrap: break-word;
}
ul, ol {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
table, td {
border: 1px dotted #000;
empty-cells: show;
}
code:before {
position: absolute;
content: 'Code:';
top: -1.35em;
left: 0;
}
code {
margin-top: 1.5em;
position: relative;
background: #eee;
border: 1px solid #aaa;
white-space: pre;
padding: .25em;
display: block;
}
.ie6 code, .ie7 code {
margin-top: 0;
}
code:before, code {
display: block;
text-align: left;
}
blockquote {
position: relative;
background: #fff6c7;
margin: .25em 0;
border: 1px solid #aaa;
padding: .25em;
}
blockquote cite {
font-weight: bold;
display: block;
font-size: 1em;
border-bottom: 1px solid #aaa;
}
h1, h2, h3, h4, h5, h6 {
padding: 0; margin: 0;
}
/* Prevent empty paragraphs from collapsing */
div, p {
min-height: 1.25em;
}

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,127 @@
/**
* SCEditor Paragraph Formatting Plugin
* http://www.sceditor.com/
*
* Copyright (C) 2011-2013, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*
* @fileoverview SCEditor Paragraph Formatting Plugin
* @author Sam Clarke
* @requires jQuery
*/
(function ($) {
'use strict';
$.sceditor.plugins.format = function () {
var base = this;
/**
* Default tags
* @type {Object}
* @private
*/
var tags = {
p: 'Paragraph',
h1: 'Heading 1',
h2: 'Heading 2',
h3: 'Heading 3',
h4: 'Heading 4',
h5: 'Heading 5',
h6: 'Heading 6',
address: 'Address',
pre: 'Preformatted Text'
};
/**
* Private functions
* @private
*/
var insertTag,
formatCmd;
base.init = function () {
var opts = this.opts,
pOpts = opts.paragraphformat;
// Don't enable if the BBCode plugin is enabled.
if (opts.plugins && opts.plugins.indexOf('bbcode') > -1) {
return;
}
if (pOpts) {
if (pOpts.tags) {
tags = pOpts.tags;
}
if (pOpts.excludeTags) {
$.each(pOpts.excludeTags, function (idx, val) {
delete tags[val];
});
}
}
if (!this.commands.format) {
this.commands.format = {
exec: formatCmd,
txtExec: formatCmd,
tooltip: 'Format Paragraph'
};
}
if (opts.toolbar === $.sceditor.defaultOptions.toolbar) {
opts.toolbar = opts.toolbar.replace(',color,',
',color,format,');
}
};
/**
* Inserts the specified tag into the editor
*
* @param {sceditor} editor
* @param {string} tag
* @private
*/
insertTag = function (editor, tag) {
if (editor.sourceMode()) {
editor.insert('<' + tag + '>', '</' + tag + '>');
} else {
editor.execCommand('formatblock', '<' + tag + '>');
}
};
/**
* Function for the exec and txtExec properties
*
* @param {node} caller
* @private
*/
formatCmd = function (caller) {
var editor = this,
$content = $('<div />');
$.each(tags, function (tag, val) {
$(
'<a class="sceditor-option" href="#">' +
(val.name || val) + '</a>'
).click(function () {
editor.closeDropDown(true);
if (val.exec) {
val.exec(editor);
} else {
insertTag(editor, tag);
}
return false;
})
.appendTo($content);
});
editor.createDropDown(caller, 'format', $content);
};
};
})(jQuery);

View file

@ -0,0 +1,187 @@
(function ($) {
'use strict';
$.sceditor.plugins.undo = function () {
var base = this;
var editor;
var charChangedCount = 0;
var previousValue;
var undoLimit = 50;
var redoStates = [];
var undoStates = [];
var ignoreNextValueChanged = false;
/**
* Sets the editor to the specified state.
*
* @param {Object} state
* @private
*/
var applyState = function (state) {
ignoreNextValueChanged = true;
previousValue = state.value;
editor.sourceMode(state.sourceMode);
editor.val(state.value, false);
editor.focus();
if (state.sourceMode) {
editor.sourceEditorCaret(state.caret);
} else {
editor.getRangeHelper().restoreRange();
}
ignoreNextValueChanged = false;
};
/**
* Caluclates the number of characters that have changed
* between two strings.
*
* @param {String} strA
* @param {String} strB
* @return {String}
* @private
*/
var simpleDiff = function (strA, strB) {
var start, end, aLenDiff, bLenDiff,
aLength = strA.length,
bLength = strB.length,
length = Math.max(aLength, bLength);
// Calculate the start
for (start = 0; start < length; start++) {
if (strA.charAt(start) !== strB.charAt(start)) {
break;
}
}
// Calculate the end
aLenDiff = aLength < bLength ? bLength - aLength : 0;
bLenDiff = bLength < aLength ? aLength - bLength : 0;
for (end = length - 1; end >= 0; end--) {
if (strA.charAt(end - aLenDiff) !==
strB.charAt(end - bLenDiff)) {
break;
}
}
return (end - start) + 1;
};
base.init = function () {
// The this variable will be set to the instance of the editor
// calling it, hence why the plugins "this" is saved to the base
// variable.
editor = this;
undoLimit = editor.undoLimit || undoLimit;
// addShortcut is the easiest way to add handlers to specific
// shortcuts
editor.addShortcut('ctrl+z', base.undo);
editor.addShortcut('ctrl+shift+z', base.redo);
editor.addShortcut('ctrl+y', base.redo);
};
base.undo = function () {
var state = undoStates.pop();
var rawEditorValue = editor.val(null, false);
if (state && !redoStates.length && rawEditorValue === state.value) {
state = undoStates.pop();
}
if (state) {
if (!redoStates.length) {
redoStates.push({
'caret': editor.sourceEditorCaret(),
'sourceMode': editor.sourceMode(),
'value': rawEditorValue
});
}
redoStates.push(state);
applyState(state);
}
return false;
};
base.redo = function () {
var state = redoStates.pop();
if (!undoStates.length) {
undoStates.push(state);
state = redoStates.pop();
}
if (state) {
undoStates.push(state);
applyState(state);
}
return false;
};
base.signalReady = function () {
var rawValue = editor.val(null, false);
// Store the initial value as the last value
previousValue = rawValue;
undoStates.push({
'caret': this.sourceEditorCaret(),
'sourceMode': this.sourceMode(),
'value': rawValue
});
};
/**
* Handle the valueChanged signal.
*
* e.rawValue will either be the raw HTML from the WYSIWYG editor with
* the rangeHelper range markers inserted, or it will be the raw value
* of the source editor (BBCode or HTML depening on plugins).
* @return {void}
*/
base.signalValuechangedEvent = function (e) {
var rawValue = e.rawValue;
if (undoLimit > 0 && undoStates.length > undoLimit) {
undoStates.shift();
}
// If the editor hasn't fully loaded yet,
// then the previous value won't be set.
if (ignoreNextValueChanged || !previousValue ||
previousValue === rawValue) {
return;
}
// Value has changed so remove all redo states
redoStates.length = 0;
charChangedCount += simpleDiff(previousValue, rawValue);
if (charChangedCount < 20) {
return;
// ??
} else if (charChangedCount < 50 && !/\s$/g.test(e.rawValue)) {
return;
}
undoStates.push({
'caret': editor.sourceEditorCaret(),
'sourceMode': editor.sourceMode(),
'value': rawValue
});
charChangedCount = 0;
previousValue = rawValue;
};
};
}(jQuery));

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1,500 @@
/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */
/**
* SCEditor
* http://www.ssceditor.com/
*
* Copyright (C) 2011-12, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*/
div.sceditor-grip,
.sceditor-button div {
background-image: url("famfamfam.png");
background-repeat: no-repeat;
width: 16px;
height: 16px;
}
.sceditor-button-youtube div {
background-position: 0px 0px;
}
.sceditor-button-link div {
background-position: 0px -16px;
}
.sceditor-button-unlink div {
background-position: 0px -32px;
}
.sceditor-button-underline div {
background-position: 0px -48px;
}
.sceditor-button-time div {
background-position: 0px -64px;
}
.sceditor-button-table div {
background-position: 0px -80px;
}
.sceditor-button-superscript div {
background-position: 0px -96px;
}
.sceditor-button-subscript div {
background-position: 0px -112px;
}
.sceditor-button-strike div {
background-position: 0px -128px;
}
.sceditor-button-source div {
background-position: 0px -144px;
}
.sceditor-button-size div {
background-position: 0px -160px;
}
.sceditor-button-rtl div {
background-position: 0px -176px;
}
.sceditor-button-right div {
background-position: 0px -192px;
}
.sceditor-button-removeformat div {
background-position: 0px -208px;
}
.sceditor-button-quote div {
background-position: 0px -224px;
}
.sceditor-button-print div {
background-position: 0px -240px;
}
.sceditor-button-pastetext div {
background-position: 0px -256px;
}
.sceditor-button-paste div {
background-position: 0px -272px;
}
.sceditor-button-outdent div {
background-position: 0px -288px;
}
.sceditor-button-orderedlist div {
background-position: 0px -304px;
}
.sceditor-button-maximize div {
background-position: 0px -320px;
}
.sceditor-button-ltr div {
background-position: 0px -336px;
}
.sceditor-button-left div {
background-position: 0px -352px;
}
.sceditor-button-justify div {
background-position: 0px -368px;
}
.sceditor-button-italic div {
background-position: 0px -384px;
}
.sceditor-button-indent div {
background-position: 0px -400px;
}
.sceditor-button-image div {
background-position: 0px -416px;
}
.sceditor-button-horizontalrule div {
background-position: 0px -432px;
}
.sceditor-button-format div {
background-position: 0px -448px;
}
.sceditor-button-font div {
background-position: 0px -464px;
}
.sceditor-button-emoticon div {
background-position: 0px -480px;
}
.sceditor-button-email div {
background-position: 0px -496px;
}
.sceditor-button-date div {
background-position: 0px -512px;
}
.sceditor-button-cut div {
background-position: 0px -528px;
}
.sceditor-button-copy div {
background-position: 0px -544px;
}
.sceditor-button-color div {
background-position: 0px -560px;
}
.sceditor-button-code div {
background-position: 0px -576px;
}
.sceditor-button-center div {
background-position: 0px -592px;
}
.sceditor-button-bulletlist div {
background-position: 0px -608px;
}
.sceditor-button-bold div {
background-position: 0px -624px;
}
div.sceditor-grip {
background-position: 0px -640px;
width: 10px;
height: 10px;
}
.rtl div.sceditor-grip {
background-position: 0px -650px;
width: 10px;
height: 10px;
}
/**
* SCEditor
* http://www.ssceditor.com/
*
* Copyright (C) 2011-12, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*/
/*---------------------------------------------------
LESS Elements 0.7
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
.sceditor-container {
position: relative;
background: #fff;
border: 1px solid #d9d9d9;
font-size: 13px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #222;
line-height: 1;
font-weight: bold;
border-radius: 4px;
background-clip: padding-box;
}
.sceditor-container *,
.sceditor-container *:before,
.sceditor-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
padding: 0;
margin: 0;
z-index: 3;
}
.sceditor-container iframe,
.sceditor-container textarea {
line-height: 1;
border: 0;
outline: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #111;
padding: 0;
margin: 5px;
resize: none;
background: #fff;
display: block;
}
div.sceditor-resize-cover {
position: absolute;
top: 0;
left: 0;
background: #000;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0.3;
}
.ie6 div.sceditor-resize-cover,
.ie7 div.sceditor-resize-cover,
.ie8 div.sceditor-resize-cover {
background: #efefef;
}
.sceditor-container.ie6 {
overflow: hidden;
}
div.sceditor-grip {
overflow: hidden;
width: 10px;
height: 10px;
cursor: pointer;
position: absolute;
bottom: 0;
right: 0;
z-index: 3;
}
.sceditor-maximize {
position: fixed;
top: 0;
left: 0;
height: 100% !important;
width: 100% !important;
border-radius: 0;
background-clip: padding-box;
z-index: 2000;
}
html.sceditor-maximize,
body.sceditor-maximize {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.ie6.sceditor-maximize {
position: absolute;
}
.sceditor-maximize div.sceditor-grip {
display: none;
}
.sceditor-maximize div.sceditor-toolbar {
border-radius: 0;
background-clip: padding-box;
}
/**
* Dropdown styleing
*/
div.sceditor-dropdown {
position: absolute;
border: 1px solid #ccc;
background: #fff;
color: #333;
z-index: 4000;
padding: 10px;
line-height: 1;
border-radius: 2px;
background-clip: padding-box;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
color: #333;
}
div.sceditor-dropdown form {
margin: 0;
}
div.sceditor-dropdown label {
display: block;
font-weight: bold;
color: #3c3c3c;
padding: 4px 0;
}
div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
outline: 0;
padding: 4px;
border: 1px solid #ccc;
border-top-color: #888;
margin: 0 0 .75em;
border-radius: 1px;
background-clip: padding-box;
}
div.sceditor-dropdown textarea {
padding: 6px;
}
div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
border-color: #aaa;
border-top-color: #666;
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
div.sceditor-dropdown .button {
font-weight: bold;
color: #444;
padding: 6px 12px;
background: #ececec;
border: solid 1px #ccc;
border-radius: 2px;
background-clip: padding-box;
cursor: pointer;
margin: .3em 0 0;
}
div.sceditor-dropdown .button:hover {
background: #f3f3f3;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
padding: 6px 0;
}
div.sceditor-emoticons,
div.sceditor-more-emoticons,
div.sceditor-color-picker {
padding: 0;
}
.sceditor-pastetext textarea {
border: 1px solid #bbb;
width: 20em;
}
.sceditor-emoticons img,
.sceditor-more-emoticons img {
padding: 0;
cursor: pointer;
margin: 2px;
}
.sceditor-more {
border-top: 1px solid #bbb;
display: block;
text-align: center;
cursor: pointer;
font-weight: bold;
padding: 6px 0;
}
.sceditor-dropdown a:hover {
background: #eee;
}
.sceditor-fontsize-option,
.sceditor-font-option,
.sceditor-format a {
display: block;
padding: 7px 10px;
cursor: pointer;
text-decoration: none;
color: #222;
}
.sceditor-fontsize-option {
padding: 7px 13px;
}
.sceditor-color-column {
float: left;
}
.sceditor-color-option {
display: block;
border: 1px solid #fff;
height: 10px;
width: 10px;
overflow: hidden;
}
.sceditor-color-option:hover {
border: 1px solid #333;
}
/**
* Toolbar styleing
*/
div.sceditor-toolbar {
overflow: hidden;
padding: 3px 5px 2px;
background: #f7f7f7;
border-bottom: 1px solid #c0c0c0;
line-height: 0;
text-align: left;
user-select: none;
border-radius: 3px 3px 0 0;
background-clip: padding-box;
}
div.sceditor-group {
display: inline-block;
background: #ddd;
margin: 1px 5px 1px 0;
padding: 1px;
border-bottom: 1px solid #aaa;
border-radius: 3px;
background-clip: padding-box;
}
.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
display: inline;
zoom: 1;
}
.sceditor-button {
float: left;
cursor: pointer;
padding: 3px 5px;
width: 16px;
height: 20px;
border-radius: 3px;
background-clip: padding-box;
/* Needed for Safari 5? */
text-indent: -9999px;
}
.ie .sceditor-button {
text-indent: 0;
}
.ie6 .sceditor-button,
.ie7 .sceditor-button {
float: none !important;
display: inline;
zoom: 1;
}
.ie6 .sceditor-button {
padding: 0;
}
.ie6 .sceditor-button div {
margin: 5px;
}
.ie7 .sceditor-button div {
margin: 5px 0;
}
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active {
background: #fff;
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
}
.sceditor-button:active {
background: #fff;
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
}
.sceditor-button.disabled:hover {
background: inherit;
cursor: default;
box-shadow: none;
}
.sceditor-button,
.sceditor-button div {
display: block;
}
.sceditor-button div {
margin: 2px 0;
padding: 0;
overflow: hidden;
line-height: 0;
font-size: 0;
color: transparent;
}
.sceditor-button.disabled div {
filter: alpha(opacity=30);
opacity: 0.3;
}
.text .sceditor-button,
.text .sceditor-button div,
.sceditor-button.text,
.sceditor-button.text div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div {
width: auto;
overflow: visible;
line-height: 16px;
font-size: 1em;
color: inherit;
text-indent: 0;
}
.text .sceditor-button div,
.sceditor-button.text div {
padding: 0 2px;
background: none;
}
.text-icon .sceditor-button div,
.sceditor-button.text-icon div {
padding: 0 2px 0 20px;
}
.rtl div.sceditor-toolbar {
text-align: right;
}
.rtl .sceditor-button {
float: right;
}
.rtl div.sceditor-grip {
right: auto;
left: 0;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

View file

@ -0,0 +1,578 @@
/**
* Modern theme
*
* Copyright (C) 2012, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*
* Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/)
* Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/)
*/
/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */
/**
* SCEditor
* http://www.ssceditor.com/
*
* Copyright (C) 2011-12, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*/
div.sceditor-grip,
.sceditor-button div {
background-image: url("famfamfam.png");
background-repeat: no-repeat;
width: 16px;
height: 16px;
}
.sceditor-button-youtube div {
background-position: 0px 0px;
}
.sceditor-button-link div {
background-position: 0px -16px;
}
.sceditor-button-unlink div {
background-position: 0px -32px;
}
.sceditor-button-underline div {
background-position: 0px -48px;
}
.sceditor-button-time div {
background-position: 0px -64px;
}
.sceditor-button-table div {
background-position: 0px -80px;
}
.sceditor-button-superscript div {
background-position: 0px -96px;
}
.sceditor-button-subscript div {
background-position: 0px -112px;
}
.sceditor-button-strike div {
background-position: 0px -128px;
}
.sceditor-button-source div {
background-position: 0px -144px;
}
.sceditor-button-size div {
background-position: 0px -160px;
}
.sceditor-button-rtl div {
background-position: 0px -176px;
}
.sceditor-button-right div {
background-position: 0px -192px;
}
.sceditor-button-removeformat div {
background-position: 0px -208px;
}
.sceditor-button-quote div {
background-position: 0px -224px;
}
.sceditor-button-print div {
background-position: 0px -240px;
}
.sceditor-button-pastetext div {
background-position: 0px -256px;
}
.sceditor-button-paste div {
background-position: 0px -272px;
}
.sceditor-button-outdent div {
background-position: 0px -288px;
}
.sceditor-button-orderedlist div {
background-position: 0px -304px;
}
.sceditor-button-maximize div {
background-position: 0px -320px;
}
.sceditor-button-ltr div {
background-position: 0px -336px;
}
.sceditor-button-left div {
background-position: 0px -352px;
}
.sceditor-button-justify div {
background-position: 0px -368px;
}
.sceditor-button-italic div {
background-position: 0px -384px;
}
.sceditor-button-indent div {
background-position: 0px -400px;
}
.sceditor-button-image div {
background-position: 0px -416px;
}
.sceditor-button-horizontalrule div {
background-position: 0px -432px;
}
.sceditor-button-format div {
background-position: 0px -448px;
}
.sceditor-button-font div {
background-position: 0px -464px;
}
.sceditor-button-emoticon div {
background-position: 0px -480px;
}
.sceditor-button-email div {
background-position: 0px -496px;
}
.sceditor-button-date div {
background-position: 0px -512px;
}
.sceditor-button-cut div {
background-position: 0px -528px;
}
.sceditor-button-copy div {
background-position: 0px -544px;
}
.sceditor-button-color div {
background-position: 0px -560px;
}
.sceditor-button-code div {
background-position: 0px -576px;
}
.sceditor-button-center div {
background-position: 0px -592px;
}
.sceditor-button-bulletlist div {
background-position: 0px -608px;
}
.sceditor-button-bold div {
background-position: 0px -624px;
}
div.sceditor-grip {
background-position: 0px -640px;
width: 10px;
height: 10px;
}
.rtl div.sceditor-grip {
background-position: 0px -650px;
width: 10px;
height: 10px;
}
/**
* SCEditor
* http://www.ssceditor.com/
*
* Copyright (C) 2011-12, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*/
/*---------------------------------------------------
LESS Elements 0.7
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
.sceditor-container {
position: relative;
background: #fff;
border: 1px solid #d9d9d9;
font-size: 13px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #222;
line-height: 1;
font-weight: bold;
border-radius: 4px;
background-clip: padding-box;
}
.sceditor-container *,
.sceditor-container *:before,
.sceditor-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
padding: 0;
margin: 0;
z-index: 3;
}
.sceditor-container iframe,
.sceditor-container textarea {
line-height: 1;
border: 0;
outline: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #111;
padding: 0;
margin: 5px;
resize: none;
background: #fff;
display: block;
}
div.sceditor-resize-cover {
position: absolute;
top: 0;
left: 0;
background: #000;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0.3;
}
.ie6 div.sceditor-resize-cover,
.ie7 div.sceditor-resize-cover,
.ie8 div.sceditor-resize-cover {
background: #efefef;
}
.sceditor-container.ie6 {
overflow: hidden;
}
div.sceditor-grip {
overflow: hidden;
width: 10px;
height: 10px;
cursor: pointer;
position: absolute;
bottom: 0;
right: 0;
z-index: 3;
}
.sceditor-maximize {
position: fixed;
top: 0;
left: 0;
height: 100% !important;
width: 100% !important;
border-radius: 0;
background-clip: padding-box;
z-index: 2000;
}
html.sceditor-maximize,
body.sceditor-maximize {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.ie6.sceditor-maximize {
position: absolute;
}
.sceditor-maximize div.sceditor-grip {
display: none;
}
.sceditor-maximize div.sceditor-toolbar {
border-radius: 0;
background-clip: padding-box;
}
/**
* Dropdown styleing
*/
div.sceditor-dropdown {
position: absolute;
border: 1px solid #ccc;
background: #fff;
color: #333;
z-index: 4000;
padding: 10px;
line-height: 1;
border-radius: 2px;
background-clip: padding-box;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
color: #333;
}
div.sceditor-dropdown form {
margin: 0;
}
div.sceditor-dropdown label {
display: block;
font-weight: bold;
color: #3c3c3c;
padding: 4px 0;
}
div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
outline: 0;
padding: 4px;
border: 1px solid #ccc;
border-top-color: #888;
margin: 0 0 .75em;
border-radius: 1px;
background-clip: padding-box;
}
div.sceditor-dropdown textarea {
padding: 6px;
}
div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
border-color: #aaa;
border-top-color: #666;
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
div.sceditor-dropdown .button {
font-weight: bold;
color: #444;
padding: 6px 12px;
background: #ececec;
border: solid 1px #ccc;
border-radius: 2px;
background-clip: padding-box;
cursor: pointer;
margin: .3em 0 0;
}
div.sceditor-dropdown .button:hover {
background: #f3f3f3;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
padding: 6px 0;
}
div.sceditor-emoticons,
div.sceditor-more-emoticons,
div.sceditor-color-picker {
padding: 0;
}
.sceditor-pastetext textarea {
border: 1px solid #bbb;
width: 20em;
}
.sceditor-emoticons img,
.sceditor-more-emoticons img {
padding: 0;
cursor: pointer;
margin: 2px;
}
.sceditor-more {
border-top: 1px solid #bbb;
display: block;
text-align: center;
cursor: pointer;
font-weight: bold;
padding: 6px 0;
}
.sceditor-dropdown a:hover {
background: #eee;
}
.sceditor-fontsize-option,
.sceditor-font-option,
.sceditor-format a {
display: block;
padding: 7px 10px;
cursor: pointer;
text-decoration: none;
color: #222;
}
.sceditor-fontsize-option {
padding: 7px 13px;
}
.sceditor-color-column {
float: left;
}
.sceditor-color-option {
display: block;
border: 1px solid #fff;
height: 10px;
width: 10px;
overflow: hidden;
}
.sceditor-color-option:hover {
border: 1px solid #333;
}
/**
* Toolbar styleing
*/
div.sceditor-toolbar {
overflow: hidden;
padding: 3px 5px 2px;
background: #f7f7f7;
border-bottom: 1px solid #c0c0c0;
line-height: 0;
text-align: left;
user-select: none;
border-radius: 3px 3px 0 0;
background-clip: padding-box;
}
div.sceditor-group {
display: inline-block;
background: #ddd;
margin: 1px 5px 1px 0;
padding: 1px;
border-bottom: 1px solid #aaa;
border-radius: 3px;
background-clip: padding-box;
}
.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
display: inline;
zoom: 1;
}
.sceditor-button {
float: left;
cursor: pointer;
padding: 3px 5px;
width: 16px;
height: 20px;
border-radius: 3px;
background-clip: padding-box;
/* Needed for Safari 5? */
text-indent: -9999px;
}
.ie .sceditor-button {
text-indent: 0;
}
.ie6 .sceditor-button,
.ie7 .sceditor-button {
float: none !important;
display: inline;
zoom: 1;
}
.ie6 .sceditor-button {
padding: 0;
}
.ie6 .sceditor-button div {
margin: 5px;
}
.ie7 .sceditor-button div {
margin: 5px 0;
}
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active {
background: #fff;
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
}
.sceditor-button:active {
background: #fff;
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
}
.sceditor-button.disabled:hover {
background: inherit;
cursor: default;
box-shadow: none;
}
.sceditor-button,
.sceditor-button div {
display: block;
}
.sceditor-button div {
margin: 2px 0;
padding: 0;
overflow: hidden;
line-height: 0;
font-size: 0;
color: transparent;
}
.sceditor-button.disabled div {
filter: alpha(opacity=30);
opacity: 0.3;
}
.text .sceditor-button,
.text .sceditor-button div,
.sceditor-button.text,
.sceditor-button.text div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div {
width: auto;
overflow: visible;
line-height: 16px;
font-size: 1em;
color: inherit;
text-indent: 0;
}
.text .sceditor-button div,
.sceditor-button.text div {
padding: 0 2px;
background: none;
}
.text-icon .sceditor-button div,
.sceditor-button.text-icon div {
padding: 0 2px 0 20px;
}
.rtl div.sceditor-toolbar {
text-align: right;
}
.rtl .sceditor-button {
float: right;
}
.rtl div.sceditor-grip {
right: auto;
left: 0;
}
.sceditor-container {
border: 1px solid #999;
}
.sceditor-container textarea {
font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;
background: #2e3436;
color: #fff;
margin: 0;
padding: 5px;
}
div.sceditor-toolbar {
background: #ccc;
background: linear-gradient(to bottom, #cccccc 0%, #b2b2b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#b2b2b2', GradientType=0);
}
.ie9 div.sceditor-toolbar {
filter: none;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMmIyYjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
div.sceditor-group {
display: inline;
background: transparent;
margin: 0;
padding: 0;
border: 0;
}
.sceditor-button {
padding: 4px;
margin: 2px 1px 2px 3px;
height: 16px;
border-radius: 12px;
background-clip: padding-box;
}
.sceditor-button:hover,
.sceditor-button.active,
.sceditor-button.active:hover {
box-shadow: none;
}
.sceditor-button:hover {
background: #fff;
background: rgba(255, 255, 255, 0.75);
margin: 1px 0 1px 2px;
border: 1px solid #eee;
}
.sceditor-button.disabled:hover {
margin: 2px 1px 2px 3px;
border: 0;
}
.sceditor-button.active {
background: #b1b1b1;
background: rgba(0, 0, 0, 0.1);
margin: 1px 0 1px 2px;
border: 1px solid #999;
}
.sceditor-button.active:hover {
background: #fff;
background: rgba(255, 255, 255, 0.25);
}
.sceditor-button:active,
.sceditor-button.active:active {
margin: 1px 0 1px 2px;
border: 1px solid #999;
box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.5);
}
.sceditor-button div {
margin: 0;
}

View file

@ -0,0 +1,643 @@
/**
* SCEditor
* http://www.ssceditor.com/
*
* Copyright (C) 2011-12, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*/
@font-face {
font-family: 'Monocons';
src: url('monocons//monocons.eot');
src: url('monocons//monocons.eot?#iefix') format('embedded-opentype'), url('monocons//monocons.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.sceditor-button div:before,
div.sceditor-grip {
font-family: 'Monocons';
font-size: 16px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.sceditor-button-youtube div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e000');
}
.sceditor-button-unlink div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e001');
}
.sceditor-button-underline div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e002');
}
.sceditor-button-time div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e003');
}
.sceditor-button-table div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e004');
}
.sceditor-button-superscript div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e005');
}
.sceditor-button-subscript div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e006');
}
.sceditor-button-strike div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e007');
}
.sceditor-button-source div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e008');
}
.sceditor-button-size div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e009');
}
.sceditor-button-rtl div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00a');
}
.sceditor-button-right div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00b');
}
.sceditor-button-removeformat div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00c');
}
.sceditor-button-quote div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00d');
}
.sceditor-button-print div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00e');
}
.sceditor-button-pastetext div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00f');
}
.sceditor-button-paste div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e010');
}
.sceditor-button-orderedlist div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e011');
}
.sceditor-button-maximize div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e012');
}
.sceditor-button-ltr div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e013');
}
.sceditor-button-link div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e014');
}
.sceditor-button-left div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e015');
}
.sceditor-button-justify div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e016');
}
.sceditor-button-italic div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e017');
}
.sceditor-button-image div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e018');
}
.sceditor-button-horizontalrule div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e019');
}
.sceditor-button-format div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01c');
}
.sceditor-button-font div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01d');
}
.sceditor-button-emoticon div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01e');
}
.sceditor-button-email div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01f');
}
.sceditor-button-bold div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e020');
}
.sceditor-button-date div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e021');
}
.sceditor-button-cut div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e022');
}
.sceditor-button-copy div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e023');
}
.sceditor-button-color div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e024');
}
.sceditor-button-code div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e025');
}
.sceditor-button-center div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e026');
}
.sceditor-button-bulletlist div {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e027');
}
div.sceditor-grip {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01b');
}
.rtl div.sceditor-grip {
*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01a');
}
.sceditor-button-youtube div:before {
content: "\e000";
}
.sceditor-button-unlink div:before {
content: "\e001";
}
.sceditor-button-underline div:before {
content: "\e002";
}
.sceditor-button-time div:before {
content: "\e003";
}
.sceditor-button-table div:before {
content: "\e004";
}
.sceditor-button-superscript div:before {
content: "\e005";
}
.sceditor-button-subscript div:before {
content: "\e006";
}
.sceditor-button-strike div:before {
content: "\e007";
}
.sceditor-button-source div:before {
content: "\e008";
}
.sceditor-button-size div:before {
content: "\e009";
}
.sceditor-button-rtl div:before {
content: "\e00a";
}
.sceditor-button-right div:before {
content: "\e00b";
}
.sceditor-button-removeformat div:before {
content: "\e00c";
}
.sceditor-button-quote div:before {
content: "\e00d";
}
.sceditor-button-print div:before {
content: "\e00e";
}
.sceditor-button-pastetext div:before {
content: "\e00f";
}
.sceditor-button-paste div:before {
content: "\e010";
}
.sceditor-button-orderedlist div:before {
content: "\e011";
}
.sceditor-button-maximize div:before {
content: "\e012";
}
.sceditor-button-ltr div:before {
content: "\e013";
}
.sceditor-button-link div:before {
content: "\e014";
}
.sceditor-button-left div:before {
content: "\e015";
}
.sceditor-button-justify div:before {
content: "\e016";
}
.sceditor-button-italic div:before {
content: "\e017";
}
.sceditor-button-image div:before {
content: "\e018";
}
.sceditor-button-horizontalrule div:before {
content: "\e019";
}
.sceditor-button-format div:before {
content: "\e01c";
}
.sceditor-button-font div:before {
content: "\e01d";
}
.sceditor-button-emoticon div:before {
content: "\e01e";
}
.sceditor-button-email div:before {
content: "\e01f";
}
.sceditor-button-bold div:before {
content: "\e020";
}
.sceditor-button-date div:before {
content: "\e021";
}
.sceditor-button-cut div:before {
content: "\e022";
}
.sceditor-button-copy div:before {
content: "\e023";
}
.sceditor-button-color div:before {
content: "\e024";
}
.sceditor-button-code div:before {
content: "\e025";
}
.sceditor-button-center div:before {
content: "\e026";
}
.sceditor-button-bulletlist div:before {
content: "\e027";
}
div.sceditor-grip:before {
content: "\e01b";
}
.rtl div.sceditor-grip:before {
content: "\e01a";
}
/**
* SCEditor
* http://www.ssceditor.com/
*
* Copyright (C) 2011-12, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*/
/*---------------------------------------------------
LESS Elements 0.7
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
.sceditor-container {
position: relative;
background: #fff;
border: 1px solid #d9d9d9;
font-size: 13px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #222;
line-height: 1;
font-weight: bold;
border-radius: 4px;
background-clip: padding-box;
}
.sceditor-container *,
.sceditor-container *:before,
.sceditor-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
padding: 0;
margin: 0;
z-index: 3;
}
.sceditor-container iframe,
.sceditor-container textarea {
line-height: 1;
border: 0;
outline: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #111;
padding: 0;
margin: 5px;
resize: none;
background: #fff;
display: block;
}
div.sceditor-resize-cover {
position: absolute;
top: 0;
left: 0;
background: #000;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0.3;
}
.ie6 div.sceditor-resize-cover,
.ie7 div.sceditor-resize-cover,
.ie8 div.sceditor-resize-cover {
background: #efefef;
}
.sceditor-container.ie6 {
overflow: hidden;
}
div.sceditor-grip {
overflow: hidden;
width: 10px;
height: 10px;
cursor: pointer;
position: absolute;
bottom: 0;
right: 0;
z-index: 3;
}
.sceditor-maximize {
position: fixed;
top: 0;
left: 0;
height: 100% !important;
width: 100% !important;
border-radius: 0;
background-clip: padding-box;
z-index: 2000;
}
html.sceditor-maximize,
body.sceditor-maximize {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.ie6.sceditor-maximize {
position: absolute;
}
.sceditor-maximize div.sceditor-grip {
display: none;
}
.sceditor-maximize div.sceditor-toolbar {
border-radius: 0;
background-clip: padding-box;
}
/**
* Dropdown styleing
*/
div.sceditor-dropdown {
position: absolute;
border: 1px solid #ccc;
background: #fff;
color: #333;
z-index: 4000;
padding: 10px;
line-height: 1;
border-radius: 2px;
background-clip: padding-box;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
color: #333;
}
div.sceditor-dropdown form {
margin: 0;
}
div.sceditor-dropdown label {
display: block;
font-weight: bold;
color: #3c3c3c;
padding: 4px 0;
}
div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
outline: 0;
padding: 4px;
border: 1px solid #ccc;
border-top-color: #888;
margin: 0 0 .75em;
border-radius: 1px;
background-clip: padding-box;
}
div.sceditor-dropdown textarea {
padding: 6px;
}
div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
border-color: #aaa;
border-top-color: #666;
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
div.sceditor-dropdown .button {
font-weight: bold;
color: #444;
padding: 6px 12px;
background: #ececec;
border: solid 1px #ccc;
border-radius: 2px;
background-clip: padding-box;
cursor: pointer;
margin: .3em 0 0;
}
div.sceditor-dropdown .button:hover {
background: #f3f3f3;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
padding: 6px 0;
}
div.sceditor-emoticons,
div.sceditor-more-emoticons,
div.sceditor-color-picker {
padding: 0;
}
.sceditor-pastetext textarea {
border: 1px solid #bbb;
width: 20em;
}
.sceditor-emoticons img,
.sceditor-more-emoticons img {
padding: 0;
cursor: pointer;
margin: 2px;
}
.sceditor-more {
border-top: 1px solid #bbb;
display: block;
text-align: center;
cursor: pointer;
font-weight: bold;
padding: 6px 0;
}
.sceditor-dropdown a:hover {
background: #eee;
}
.sceditor-fontsize-option,
.sceditor-font-option,
.sceditor-format a {
display: block;
padding: 7px 10px;
cursor: pointer;
text-decoration: none;
color: #222;
}
.sceditor-fontsize-option {
padding: 7px 13px;
}
.sceditor-color-column {
float: left;
}
.sceditor-color-option {
display: block;
border: 1px solid #fff;
height: 10px;
width: 10px;
overflow: hidden;
}
.sceditor-color-option:hover {
border: 1px solid #333;
}
/**
* Toolbar styleing
*/
div.sceditor-toolbar {
overflow: hidden;
padding: 3px 5px 2px;
background: #f7f7f7;
border-bottom: 1px solid #c0c0c0;
line-height: 0;
text-align: left;
user-select: none;
border-radius: 3px 3px 0 0;
background-clip: padding-box;
}
div.sceditor-group {
display: inline-block;
background: #ddd;
margin: 1px 5px 1px 0;
padding: 1px;
border-bottom: 1px solid #aaa;
border-radius: 3px;
background-clip: padding-box;
}
.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
display: inline;
zoom: 1;
}
.sceditor-button {
float: left;
cursor: pointer;
padding: 3px 5px;
width: 16px;
height: 20px;
border-radius: 3px;
background-clip: padding-box;
/* Needed for Safari 5? */
text-indent: -9999px;
}
.ie .sceditor-button {
text-indent: 0;
}
.ie6 .sceditor-button,
.ie7 .sceditor-button {
float: none !important;
display: inline;
zoom: 1;
}
.ie6 .sceditor-button {
padding: 0;
}
.ie6 .sceditor-button div {
margin: 5px;
}
.ie7 .sceditor-button div {
margin: 5px 0;
}
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active {
background: #fff;
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
}
.sceditor-button:active {
background: #fff;
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
}
.sceditor-button.disabled:hover {
background: inherit;
cursor: default;
box-shadow: none;
}
.sceditor-button,
.sceditor-button div {
display: block;
}
.sceditor-button div {
margin: 2px 0;
padding: 0;
overflow: hidden;
line-height: 0;
font-size: 0;
color: transparent;
}
.sceditor-button.disabled div {
filter: alpha(opacity=30);
opacity: 0.3;
}
.text .sceditor-button,
.text .sceditor-button div,
.sceditor-button.text,
.sceditor-button.text div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div {
width: auto;
overflow: visible;
line-height: 16px;
font-size: 1em;
color: inherit;
text-indent: 0;
}
.text .sceditor-button div,
.sceditor-button.text div {
padding: 0 2px;
background: none;
}
.text-icon .sceditor-button div,
.sceditor-button.text-icon div {
padding: 0 2px 0 20px;
}
.rtl div.sceditor-toolbar {
text-align: right;
}
.rtl .sceditor-button {
float: right;
}
.rtl div.sceditor-grip {
right: auto;
left: 0;
}
.ie7 .sceditor-button div,
.ie6 .sceditor-button div {
font-family: 'Monocons';
overflow: visible;
font-size: 16px;
line-height: 1;
text-indent: 0;
}
div.sceditor-grip {
height: 16px;
width: 16px;
}
.sceditor-button div:before,
div.sceditor-grip:before {
text-indent: 0;
line-height: 17px;
width: 16px;
height: 16px;
display: block;
color: #333;
text-shadow: 0 1px #fff;
}

Binary file not shown.

Binary file not shown.

View file

@ -0,0 +1,594 @@
/**
* Copyright (C) 2012, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*
* Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/)
* Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/)
*/
/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */
/**
* SCEditor
* http://www.ssceditor.com/
*
* Copyright (C) 2011-12, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*/
div.sceditor-grip,
.sceditor-button div {
background-image: url("famfamfam.png");
background-repeat: no-repeat;
width: 16px;
height: 16px;
}
.sceditor-button-youtube div {
background-position: 0px 0px;
}
.sceditor-button-link div {
background-position: 0px -16px;
}
.sceditor-button-unlink div {
background-position: 0px -32px;
}
.sceditor-button-underline div {
background-position: 0px -48px;
}
.sceditor-button-time div {
background-position: 0px -64px;
}
.sceditor-button-table div {
background-position: 0px -80px;
}
.sceditor-button-superscript div {
background-position: 0px -96px;
}
.sceditor-button-subscript div {
background-position: 0px -112px;
}
.sceditor-button-strike div {
background-position: 0px -128px;
}
.sceditor-button-source div {
background-position: 0px -144px;
}
.sceditor-button-size div {
background-position: 0px -160px;
}
.sceditor-button-rtl div {
background-position: 0px -176px;
}
.sceditor-button-right div {
background-position: 0px -192px;
}
.sceditor-button-removeformat div {
background-position: 0px -208px;
}
.sceditor-button-quote div {
background-position: 0px -224px;
}
.sceditor-button-print div {
background-position: 0px -240px;
}
.sceditor-button-pastetext div {
background-position: 0px -256px;
}
.sceditor-button-paste div {
background-position: 0px -272px;
}
.sceditor-button-outdent div {
background-position: 0px -288px;
}
.sceditor-button-orderedlist div {
background-position: 0px -304px;
}
.sceditor-button-maximize div {
background-position: 0px -320px;
}
.sceditor-button-ltr div {
background-position: 0px -336px;
}
.sceditor-button-left div {
background-position: 0px -352px;
}
.sceditor-button-justify div {
background-position: 0px -368px;
}
.sceditor-button-italic div {
background-position: 0px -384px;
}
.sceditor-button-indent div {
background-position: 0px -400px;
}
.sceditor-button-image div {
background-position: 0px -416px;
}
.sceditor-button-horizontalrule div {
background-position: 0px -432px;
}
.sceditor-button-format div {
background-position: 0px -448px;
}
.sceditor-button-font div {
background-position: 0px -464px;
}
.sceditor-button-emoticon div {
background-position: 0px -480px;
}
.sceditor-button-email div {
background-position: 0px -496px;
}
.sceditor-button-date div {
background-position: 0px -512px;
}
.sceditor-button-cut div {
background-position: 0px -528px;
}
.sceditor-button-copy div {
background-position: 0px -544px;
}
.sceditor-button-color div {
background-position: 0px -560px;
}
.sceditor-button-code div {
background-position: 0px -576px;
}
.sceditor-button-center div {
background-position: 0px -592px;
}
.sceditor-button-bulletlist div {
background-position: 0px -608px;
}
.sceditor-button-bold div {
background-position: 0px -624px;
}
div.sceditor-grip {
background-position: 0px -640px;
width: 10px;
height: 10px;
}
.rtl div.sceditor-grip {
background-position: 0px -650px;
width: 10px;
height: 10px;
}
/**
* SCEditor
* http://www.ssceditor.com/
*
* Copyright (C) 2011-12, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*/
/*---------------------------------------------------
LESS Elements 0.7
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
.sceditor-container {
position: relative;
background: #fff;
border: 1px solid #d9d9d9;
font-size: 13px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #222;
line-height: 1;
font-weight: bold;
border-radius: 4px;
background-clip: padding-box;
}
.sceditor-container *,
.sceditor-container *:before,
.sceditor-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
padding: 0;
margin: 0;
z-index: 3;
}
.sceditor-container iframe,
.sceditor-container textarea {
line-height: 1;
border: 0;
outline: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #111;
padding: 0;
margin: 5px;
resize: none;
background: #fff;
display: block;
}
div.sceditor-resize-cover {
position: absolute;
top: 0;
left: 0;
background: #000;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0.3;
}
.ie6 div.sceditor-resize-cover,
.ie7 div.sceditor-resize-cover,
.ie8 div.sceditor-resize-cover {
background: #efefef;
}
.sceditor-container.ie6 {
overflow: hidden;
}
div.sceditor-grip {
overflow: hidden;
width: 10px;
height: 10px;
cursor: pointer;
position: absolute;
bottom: 0;
right: 0;
z-index: 3;
}
.sceditor-maximize {
position: fixed;
top: 0;
left: 0;
height: 100% !important;
width: 100% !important;
border-radius: 0;
background-clip: padding-box;
z-index: 2000;
}
html.sceditor-maximize,
body.sceditor-maximize {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.ie6.sceditor-maximize {
position: absolute;
}
.sceditor-maximize div.sceditor-grip {
display: none;
}
.sceditor-maximize div.sceditor-toolbar {
border-radius: 0;
background-clip: padding-box;
}
/**
* Dropdown styleing
*/
div.sceditor-dropdown {
position: absolute;
border: 1px solid #ccc;
background: #fff;
color: #333;
z-index: 4000;
padding: 10px;
line-height: 1;
border-radius: 2px;
background-clip: padding-box;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
color: #333;
}
div.sceditor-dropdown form {
margin: 0;
}
div.sceditor-dropdown label {
display: block;
font-weight: bold;
color: #3c3c3c;
padding: 4px 0;
}
div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
outline: 0;
padding: 4px;
border: 1px solid #ccc;
border-top-color: #888;
margin: 0 0 .75em;
border-radius: 1px;
background-clip: padding-box;
}
div.sceditor-dropdown textarea {
padding: 6px;
}
div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
border-color: #aaa;
border-top-color: #666;
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
div.sceditor-dropdown .button {
font-weight: bold;
color: #444;
padding: 6px 12px;
background: #ececec;
border: solid 1px #ccc;
border-radius: 2px;
background-clip: padding-box;
cursor: pointer;
margin: .3em 0 0;
}
div.sceditor-dropdown .button:hover {
background: #f3f3f3;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
padding: 6px 0;
}
div.sceditor-emoticons,
div.sceditor-more-emoticons,
div.sceditor-color-picker {
padding: 0;
}
.sceditor-pastetext textarea {
border: 1px solid #bbb;
width: 20em;
}
.sceditor-emoticons img,
.sceditor-more-emoticons img {
padding: 0;
cursor: pointer;
margin: 2px;
}
.sceditor-more {
border-top: 1px solid #bbb;
display: block;
text-align: center;
cursor: pointer;
font-weight: bold;
padding: 6px 0;
}
.sceditor-dropdown a:hover {
background: #eee;
}
.sceditor-fontsize-option,
.sceditor-font-option,
.sceditor-format a {
display: block;
padding: 7px 10px;
cursor: pointer;
text-decoration: none;
color: #222;
}
.sceditor-fontsize-option {
padding: 7px 13px;
}
.sceditor-color-column {
float: left;
}
.sceditor-color-option {
display: block;
border: 1px solid #fff;
height: 10px;
width: 10px;
overflow: hidden;
}
.sceditor-color-option:hover {
border: 1px solid #333;
}
/**
* Toolbar styleing
*/
div.sceditor-toolbar {
overflow: hidden;
padding: 3px 5px 2px;
background: #f7f7f7;
border-bottom: 1px solid #c0c0c0;
line-height: 0;
text-align: left;
user-select: none;
border-radius: 3px 3px 0 0;
background-clip: padding-box;
}
div.sceditor-group {
display: inline-block;
background: #ddd;
margin: 1px 5px 1px 0;
padding: 1px;
border-bottom: 1px solid #aaa;
border-radius: 3px;
background-clip: padding-box;
}
.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
display: inline;
zoom: 1;
}
.sceditor-button {
float: left;
cursor: pointer;
padding: 3px 5px;
width: 16px;
height: 20px;
border-radius: 3px;
background-clip: padding-box;
/* Needed for Safari 5? */
text-indent: -9999px;
}
.ie .sceditor-button {
text-indent: 0;
}
.ie6 .sceditor-button,
.ie7 .sceditor-button {
float: none !important;
display: inline;
zoom: 1;
}
.ie6 .sceditor-button {
padding: 0;
}
.ie6 .sceditor-button div {
margin: 5px;
}
.ie7 .sceditor-button div {
margin: 5px 0;
}
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active {
background: #fff;
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
}
.sceditor-button:active {
background: #fff;
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
}
.sceditor-button.disabled:hover {
background: inherit;
cursor: default;
box-shadow: none;
}
.sceditor-button,
.sceditor-button div {
display: block;
}
.sceditor-button div {
margin: 2px 0;
padding: 0;
overflow: hidden;
line-height: 0;
font-size: 0;
color: transparent;
}
.sceditor-button.disabled div {
filter: alpha(opacity=30);
opacity: 0.3;
}
.text .sceditor-button,
.text .sceditor-button div,
.sceditor-button.text,
.sceditor-button.text div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div {
width: auto;
overflow: visible;
line-height: 16px;
font-size: 1em;
color: inherit;
text-indent: 0;
}
.text .sceditor-button div,
.sceditor-button.text div {
padding: 0 2px;
background: none;
}
.text-icon .sceditor-button div,
.sceditor-button.text-icon div {
padding: 0 2px 0 20px;
}
.rtl div.sceditor-toolbar {
text-align: right;
}
.rtl .sceditor-button {
float: right;
}
.rtl div.sceditor-grip {
right: auto;
left: 0;
}
.sceditor-container {
border: 1px solid #8db2e3;
}
.sceditor-container textarea {
font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;
}
div.sceditor-toolbar {
border-bottom: 1px solid #95a9c3;
background: #dee8f5;
background: linear-gradient(to bottom, #dee8f5 0%, #c7d8ed 29%, #ccdcee 61%, #c0d8ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dee8f5', endColorstr='#c0d8ef', GradientType=0);
}
.ie9 div.sceditor-toolbar {
filter: none;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZThmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2M3ZDhlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iI2NjZGNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGQ4ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
div.sceditor-group {
border: 1px solid #7596bf;
background: transparent;
padding: 0;
background: #cadcf0;
background: linear-gradient(to bottom, #cadcf0 24%, #bcd0e9 38%, #d0e1f7 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cadcf0', endColorstr='#d0e1f7', GradientType=0);
}
.ie9 div.sceditor-group {
filter: none;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNCUiIHN0b3AtY29sb3I9IiNjYWRjZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzOCUiIHN0b3AtY29sb3I9IiNiY2QwZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNkMGUxZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.sceditor-button {
height: 16px;
padding: 3px 4px;
border-radius: 0;
background-clip: padding-box;
box-shadow: inset 0 1px #d5e3f1, inset 0 -1px #e3edfb, inset 1px 0 #cddcef, inset -1px 0 #b8ceea;
}
.sceditor-button:first-child {
border-radius: 4px 0 0 4px;
background-clip: padding-box;
}
.sceditor-button:last-child {
border-radius: 0 4px 4px 0;
background-clip: padding-box;
}
.sceditor-button div {
margin: 0;
}
.ie9 .sceditor-button {
filter: none !important;
}
.sceditor-button.active {
background: #fbdbb5;
background: linear-gradient(to bottom, #fbdbb5 11%, #feb456 29%, #fdeb9f 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbdbb5', endColorstr='#fdeb9f', GradientType=0);
box-shadow: inset 0 1px #ebd1b4, inset 0 -1px #ffe47f, inset -1px 0 #b8ceea;
}
.ie9 .sceditor-button.active {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiNmYmRiYjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiNmZWI0NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNmZGZkOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.sceditor-button:hover {
background: #fef7d5;
background: linear-gradient(to bottom, #fef7d5 0%, #fae5a9 42%, #ffd048 42%, #ffe59f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef7d5', endColorstr='#ffe59f', GradientType=0);
box-shadow: inset 0 1px #fffbe8, inset -1px 0 #ffefc4, inset 0 -1px #fff9cc;
}
.ie9 .sceditor-button:hover {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZjdkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZhZTVhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZmZDA0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmU1OWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.sceditor-button:active {
background: #e7a66d;
background: linear-gradient(to bottom, #e7a66d 0%, #fcb16d 1%, #ff8d05 42%, #ffc450 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7a66d', endColorstr='#ffc450', GradientType=0);
box-shadow: inset 0 1px 1px #7b6645, inset 0 -1px #d19c33;
}
.ie9 .sceditor-button:active {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3YTY2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmNiMTZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZmY4ZDA1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYzQ1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
}
.sceditor-button.active:hover {
background: #dba368;
background: linear-gradient(to bottom, #dba368 0%, #ffbd79 4%, #fea335 34%, #ffc64c 66%, #fee069 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dba368', endColorstr='#fee069', GradientType=0);
box-shadow: inset 0 1px 1px #9e8255, inset 0 -1px #fcce6b;
}
.ie9 .sceditor-button.active:hover {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiYTM2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZmZiZDc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZmVhMzM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjZmZjNjRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZTA2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
}

View file

@ -0,0 +1,616 @@
/**
* Copyright (C) 2012, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*
* Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/)
* Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/)
*/
/**
* Copyright (C) 2012, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*
* Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/)
* Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/)
*/
/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */
/**
* SCEditor
* http://www.ssceditor.com/
*
* Copyright (C) 2011-12, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*/
div.sceditor-grip,
.sceditor-button div {
background-image: url("famfamfam.png");
background-repeat: no-repeat;
width: 16px;
height: 16px;
}
.sceditor-button-youtube div {
background-position: 0px 0px;
}
.sceditor-button-link div {
background-position: 0px -16px;
}
.sceditor-button-unlink div {
background-position: 0px -32px;
}
.sceditor-button-underline div {
background-position: 0px -48px;
}
.sceditor-button-time div {
background-position: 0px -64px;
}
.sceditor-button-table div {
background-position: 0px -80px;
}
.sceditor-button-superscript div {
background-position: 0px -96px;
}
.sceditor-button-subscript div {
background-position: 0px -112px;
}
.sceditor-button-strike div {
background-position: 0px -128px;
}
.sceditor-button-source div {
background-position: 0px -144px;
}
.sceditor-button-size div {
background-position: 0px -160px;
}
.sceditor-button-rtl div {
background-position: 0px -176px;
}
.sceditor-button-right div {
background-position: 0px -192px;
}
.sceditor-button-removeformat div {
background-position: 0px -208px;
}
.sceditor-button-quote div {
background-position: 0px -224px;
}
.sceditor-button-print div {
background-position: 0px -240px;
}
.sceditor-button-pastetext div {
background-position: 0px -256px;
}
.sceditor-button-paste div {
background-position: 0px -272px;
}
.sceditor-button-outdent div {
background-position: 0px -288px;
}
.sceditor-button-orderedlist div {
background-position: 0px -304px;
}
.sceditor-button-maximize div {
background-position: 0px -320px;
}
.sceditor-button-ltr div {
background-position: 0px -336px;
}
.sceditor-button-left div {
background-position: 0px -352px;
}
.sceditor-button-justify div {
background-position: 0px -368px;
}
.sceditor-button-italic div {
background-position: 0px -384px;
}
.sceditor-button-indent div {
background-position: 0px -400px;
}
.sceditor-button-image div {
background-position: 0px -416px;
}
.sceditor-button-horizontalrule div {
background-position: 0px -432px;
}
.sceditor-button-format div {
background-position: 0px -448px;
}
.sceditor-button-font div {
background-position: 0px -464px;
}
.sceditor-button-emoticon div {
background-position: 0px -480px;
}
.sceditor-button-email div {
background-position: 0px -496px;
}
.sceditor-button-date div {
background-position: 0px -512px;
}
.sceditor-button-cut div {
background-position: 0px -528px;
}
.sceditor-button-copy div {
background-position: 0px -544px;
}
.sceditor-button-color div {
background-position: 0px -560px;
}
.sceditor-button-code div {
background-position: 0px -576px;
}
.sceditor-button-center div {
background-position: 0px -592px;
}
.sceditor-button-bulletlist div {
background-position: 0px -608px;
}
.sceditor-button-bold div {
background-position: 0px -624px;
}
div.sceditor-grip {
background-position: 0px -640px;
width: 10px;
height: 10px;
}
.rtl div.sceditor-grip {
background-position: 0px -650px;
width: 10px;
height: 10px;
}
/**
* SCEditor
* http://www.ssceditor.com/
*
* Copyright (C) 2011-12, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*/
/*---------------------------------------------------
LESS Elements 0.7
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
.sceditor-container {
position: relative;
background: #fff;
border: 1px solid #d9d9d9;
font-size: 13px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #222;
line-height: 1;
font-weight: bold;
border-radius: 4px;
background-clip: padding-box;
}
.sceditor-container *,
.sceditor-container *:before,
.sceditor-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
padding: 0;
margin: 0;
z-index: 3;
}
.sceditor-container iframe,
.sceditor-container textarea {
line-height: 1;
border: 0;
outline: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #111;
padding: 0;
margin: 5px;
resize: none;
background: #fff;
display: block;
}
div.sceditor-resize-cover {
position: absolute;
top: 0;
left: 0;
background: #000;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0.3;
}
.ie6 div.sceditor-resize-cover,
.ie7 div.sceditor-resize-cover,
.ie8 div.sceditor-resize-cover {
background: #efefef;
}
.sceditor-container.ie6 {
overflow: hidden;
}
div.sceditor-grip {
overflow: hidden;
width: 10px;
height: 10px;
cursor: pointer;
position: absolute;
bottom: 0;
right: 0;
z-index: 3;
}
.sceditor-maximize {
position: fixed;
top: 0;
left: 0;
height: 100% !important;
width: 100% !important;
border-radius: 0;
background-clip: padding-box;
z-index: 2000;
}
html.sceditor-maximize,
body.sceditor-maximize {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.ie6.sceditor-maximize {
position: absolute;
}
.sceditor-maximize div.sceditor-grip {
display: none;
}
.sceditor-maximize div.sceditor-toolbar {
border-radius: 0;
background-clip: padding-box;
}
/**
* Dropdown styleing
*/
div.sceditor-dropdown {
position: absolute;
border: 1px solid #ccc;
background: #fff;
color: #333;
z-index: 4000;
padding: 10px;
line-height: 1;
border-radius: 2px;
background-clip: padding-box;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
color: #333;
}
div.sceditor-dropdown form {
margin: 0;
}
div.sceditor-dropdown label {
display: block;
font-weight: bold;
color: #3c3c3c;
padding: 4px 0;
}
div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
outline: 0;
padding: 4px;
border: 1px solid #ccc;
border-top-color: #888;
margin: 0 0 .75em;
border-radius: 1px;
background-clip: padding-box;
}
div.sceditor-dropdown textarea {
padding: 6px;
}
div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
border-color: #aaa;
border-top-color: #666;
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
div.sceditor-dropdown .button {
font-weight: bold;
color: #444;
padding: 6px 12px;
background: #ececec;
border: solid 1px #ccc;
border-radius: 2px;
background-clip: padding-box;
cursor: pointer;
margin: .3em 0 0;
}
div.sceditor-dropdown .button:hover {
background: #f3f3f3;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
padding: 6px 0;
}
div.sceditor-emoticons,
div.sceditor-more-emoticons,
div.sceditor-color-picker {
padding: 0;
}
.sceditor-pastetext textarea {
border: 1px solid #bbb;
width: 20em;
}
.sceditor-emoticons img,
.sceditor-more-emoticons img {
padding: 0;
cursor: pointer;
margin: 2px;
}
.sceditor-more {
border-top: 1px solid #bbb;
display: block;
text-align: center;
cursor: pointer;
font-weight: bold;
padding: 6px 0;
}
.sceditor-dropdown a:hover {
background: #eee;
}
.sceditor-fontsize-option,
.sceditor-font-option,
.sceditor-format a {
display: block;
padding: 7px 10px;
cursor: pointer;
text-decoration: none;
color: #222;
}
.sceditor-fontsize-option {
padding: 7px 13px;
}
.sceditor-color-column {
float: left;
}
.sceditor-color-option {
display: block;
border: 1px solid #fff;
height: 10px;
width: 10px;
overflow: hidden;
}
.sceditor-color-option:hover {
border: 1px solid #333;
}
/**
* Toolbar styleing
*/
div.sceditor-toolbar {
overflow: hidden;
padding: 3px 5px 2px;
background: #f7f7f7;
border-bottom: 1px solid #c0c0c0;
line-height: 0;
text-align: left;
user-select: none;
border-radius: 3px 3px 0 0;
background-clip: padding-box;
}
div.sceditor-group {
display: inline-block;
background: #ddd;
margin: 1px 5px 1px 0;
padding: 1px;
border-bottom: 1px solid #aaa;
border-radius: 3px;
background-clip: padding-box;
}
.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
display: inline;
zoom: 1;
}
.sceditor-button {
float: left;
cursor: pointer;
padding: 3px 5px;
width: 16px;
height: 20px;
border-radius: 3px;
background-clip: padding-box;
/* Needed for Safari 5? */
text-indent: -9999px;
}
.ie .sceditor-button {
text-indent: 0;
}
.ie6 .sceditor-button,
.ie7 .sceditor-button {
float: none !important;
display: inline;
zoom: 1;
}
.ie6 .sceditor-button {
padding: 0;
}
.ie6 .sceditor-button div {
margin: 5px;
}
.ie7 .sceditor-button div {
margin: 5px 0;
}
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active {
background: #fff;
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
}
.sceditor-button:active {
background: #fff;
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
}
.sceditor-button.disabled:hover {
background: inherit;
cursor: default;
box-shadow: none;
}
.sceditor-button,
.sceditor-button div {
display: block;
}
.sceditor-button div {
margin: 2px 0;
padding: 0;
overflow: hidden;
line-height: 0;
font-size: 0;
color: transparent;
}
.sceditor-button.disabled div {
filter: alpha(opacity=30);
opacity: 0.3;
}
.text .sceditor-button,
.text .sceditor-button div,
.sceditor-button.text,
.sceditor-button.text div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div {
width: auto;
overflow: visible;
line-height: 16px;
font-size: 1em;
color: inherit;
text-indent: 0;
}
.text .sceditor-button div,
.sceditor-button.text div {
padding: 0 2px;
background: none;
}
.text-icon .sceditor-button div,
.sceditor-button.text-icon div {
padding: 0 2px 0 20px;
}
.rtl div.sceditor-toolbar {
text-align: right;
}
.rtl .sceditor-button {
float: right;
}
.rtl div.sceditor-grip {
right: auto;
left: 0;
}
.sceditor-container {
border: 1px solid #8db2e3;
}
.sceditor-container textarea {
font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;
}
div.sceditor-toolbar {
border-bottom: 1px solid #95a9c3;
background: #dee8f5;
background: linear-gradient(to bottom, #dee8f5 0%, #c7d8ed 29%, #ccdcee 61%, #c0d8ef 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dee8f5', endColorstr='#c0d8ef', GradientType=0);
}
.ie9 div.sceditor-toolbar {
filter: none;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZThmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iI2M3ZDhlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iI2NjZGNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGQ4ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
div.sceditor-group {
border: 1px solid #7596bf;
background: transparent;
padding: 0;
background: #cadcf0;
background: linear-gradient(to bottom, #cadcf0 24%, #bcd0e9 38%, #d0e1f7 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cadcf0', endColorstr='#d0e1f7', GradientType=0);
}
.ie9 div.sceditor-group {
filter: none;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyNCUiIHN0b3AtY29sb3I9IiNjYWRjZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzOCUiIHN0b3AtY29sb3I9IiNiY2QwZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNkMGUxZjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.sceditor-button {
height: 16px;
padding: 3px 4px;
border-radius: 0;
background-clip: padding-box;
box-shadow: inset 0 1px #d5e3f1, inset 0 -1px #e3edfb, inset 1px 0 #cddcef, inset -1px 0 #b8ceea;
}
.sceditor-button:first-child {
border-radius: 4px 0 0 4px;
background-clip: padding-box;
}
.sceditor-button:last-child {
border-radius: 0 4px 4px 0;
background-clip: padding-box;
}
.sceditor-button div {
margin: 0;
}
.ie9 .sceditor-button {
filter: none !important;
}
.sceditor-button.active {
background: #fbdbb5;
background: linear-gradient(to bottom, #fbdbb5 11%, #feb456 29%, #fdeb9f 99%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbdbb5', endColorstr='#fdeb9f', GradientType=0);
box-shadow: inset 0 1px #ebd1b4, inset 0 -1px #ffe47f, inset -1px 0 #b8ceea;
}
.ie9 .sceditor-button.active {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiNmYmRiYjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyOSUiIHN0b3AtY29sb3I9IiNmZWI0NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiNmZGZkOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.sceditor-button:hover {
background: #fef7d5;
background: linear-gradient(to bottom, #fef7d5 0%, #fae5a9 42%, #ffd048 42%, #ffe59f 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fef7d5', endColorstr='#ffe59f', GradientType=0);
box-shadow: inset 0 1px #fffbe8, inset -1px 0 #ffefc4, inset 0 -1px #fff9cc;
}
.ie9 .sceditor-button:hover {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZjdkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZhZTVhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2ZmZDA0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmU1OWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}
.sceditor-button:active {
background: #e7a66d;
background: linear-gradient(to bottom, #e7a66d 0%, #fcb16d 1%, #ff8d05 42%, #ffc450 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7a66d', endColorstr='#ffc450', GradientType=0);
box-shadow: inset 0 1px 1px #7b6645, inset 0 -1px #d19c33;
}
.ie9 .sceditor-button:active {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3YTY2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmNiMTZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDIlIiBzdG9wLWNvbG9yPSIjZmY4ZDA1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmYzQ1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
}
.sceditor-button.active:hover {
background: #dba368;
background: linear-gradient(to bottom, #dba368 0%, #ffbd79 4%, #fea335 34%, #ffc64c 66%, #fee069 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dba368', endColorstr='#fee069', GradientType=0);
box-shadow: inset 0 1px 1px #9e8255, inset 0 -1px #fcce6b;
}
.ie9 .sceditor-button.active:hover {
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiYTM2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjZmZiZDc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZmVhMzM1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjZmZjNjRjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlZTA2OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
}
.sceditor-container {
background: #a3c2ea;
background: linear-gradient(to bottom, #a3c2ea 0%, #6d92c1 39%, #577fb3 64%, #6591cc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3c2ea', endColorstr='#6591cc', GradientType=0);
}
.sceditor-container iframe,
.sceditor-container textarea {
border: 1px solid #646464;
background: #fff;
margin: 7px 40px;
padding: 20px;
box-shadow: 1px 1px 5px #293a52;
}

View file

@ -0,0 +1,589 @@
/**
* Square theme
*
* This theme is best suited to short toolbars that
* don't span multiple lines.
*
* Copyright (C) 2012, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*
* Icons by Mark James (http://www.famfamfam.com/lab/icons/silk/)
* Licensed under the Creative Commons CC-BY license (http://creativecommons.org/licenses/by/3.0/)
*/
/*! SCEditor | (C) 2011-2013, Sam Clarke | sceditor.com/license */
/**
* SCEditor
* http://www.ssceditor.com/
*
* Copyright (C) 2011-12, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*/
div.sceditor-grip,
.sceditor-button div {
background-image: url("famfamfam.png");
background-repeat: no-repeat;
width: 16px;
height: 16px;
}
.sceditor-button-youtube div {
background-position: 0px 0px;
}
.sceditor-button-link div {
background-position: 0px -16px;
}
.sceditor-button-unlink div {
background-position: 0px -32px;
}
.sceditor-button-underline div {
background-position: 0px -48px;
}
.sceditor-button-time div {
background-position: 0px -64px;
}
.sceditor-button-table div {
background-position: 0px -80px;
}
.sceditor-button-superscript div {
background-position: 0px -96px;
}
.sceditor-button-subscript div {
background-position: 0px -112px;
}
.sceditor-button-strike div {
background-position: 0px -128px;
}
.sceditor-button-source div {
background-position: 0px -144px;
}
.sceditor-button-size div {
background-position: 0px -160px;
}
.sceditor-button-rtl div {
background-position: 0px -176px;
}
.sceditor-button-right div {
background-position: 0px -192px;
}
.sceditor-button-removeformat div {
background-position: 0px -208px;
}
.sceditor-button-quote div {
background-position: 0px -224px;
}
.sceditor-button-print div {
background-position: 0px -240px;
}
.sceditor-button-pastetext div {
background-position: 0px -256px;
}
.sceditor-button-paste div {
background-position: 0px -272px;
}
.sceditor-button-outdent div {
background-position: 0px -288px;
}
.sceditor-button-orderedlist div {
background-position: 0px -304px;
}
.sceditor-button-maximize div {
background-position: 0px -320px;
}
.sceditor-button-ltr div {
background-position: 0px -336px;
}
.sceditor-button-left div {
background-position: 0px -352px;
}
.sceditor-button-justify div {
background-position: 0px -368px;
}
.sceditor-button-italic div {
background-position: 0px -384px;
}
.sceditor-button-indent div {
background-position: 0px -400px;
}
.sceditor-button-image div {
background-position: 0px -416px;
}
.sceditor-button-horizontalrule div {
background-position: 0px -432px;
}
.sceditor-button-format div {
background-position: 0px -448px;
}
.sceditor-button-font div {
background-position: 0px -464px;
}
.sceditor-button-emoticon div {
background-position: 0px -480px;
}
.sceditor-button-email div {
background-position: 0px -496px;
}
.sceditor-button-date div {
background-position: 0px -512px;
}
.sceditor-button-cut div {
background-position: 0px -528px;
}
.sceditor-button-copy div {
background-position: 0px -544px;
}
.sceditor-button-color div {
background-position: 0px -560px;
}
.sceditor-button-code div {
background-position: 0px -576px;
}
.sceditor-button-center div {
background-position: 0px -592px;
}
.sceditor-button-bulletlist div {
background-position: 0px -608px;
}
.sceditor-button-bold div {
background-position: 0px -624px;
}
div.sceditor-grip {
background-position: 0px -640px;
width: 10px;
height: 10px;
}
.rtl div.sceditor-grip {
background-position: 0px -650px;
width: 10px;
height: 10px;
}
/**
* SCEditor
* http://www.ssceditor.com/
*
* Copyright (C) 2011-12, Sam Clarke (samclarke.com)
*
* SCEditor is licensed under the MIT license:
* http://www.opensource.org/licenses/mit-license.php
*/
/*---------------------------------------------------
LESS Elements 0.7
---------------------------------------------------
A set of useful LESS mixins
More info at: http://lesselements.com
---------------------------------------------------*/
.sceditor-container {
position: relative;
background: #fff;
border: 1px solid #d9d9d9;
font-size: 13px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #222;
line-height: 1;
font-weight: bold;
border-radius: 4px;
background-clip: padding-box;
}
.sceditor-container *,
.sceditor-container *:before,
.sceditor-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.sceditor-container,
.sceditor-container div,
div.sceditor-dropdown,
div.sceditor-dropdown div {
padding: 0;
margin: 0;
z-index: 3;
}
.sceditor-container iframe,
.sceditor-container textarea {
line-height: 1;
border: 0;
outline: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #111;
padding: 0;
margin: 5px;
resize: none;
background: #fff;
display: block;
}
div.sceditor-resize-cover {
position: absolute;
top: 0;
left: 0;
background: #000;
width: 100%;
height: 100%;
z-index: 10;
opacity: 0.3;
}
.ie6 div.sceditor-resize-cover,
.ie7 div.sceditor-resize-cover,
.ie8 div.sceditor-resize-cover {
background: #efefef;
}
.sceditor-container.ie6 {
overflow: hidden;
}
div.sceditor-grip {
overflow: hidden;
width: 10px;
height: 10px;
cursor: pointer;
position: absolute;
bottom: 0;
right: 0;
z-index: 3;
}
.sceditor-maximize {
position: fixed;
top: 0;
left: 0;
height: 100% !important;
width: 100% !important;
border-radius: 0;
background-clip: padding-box;
z-index: 2000;
}
html.sceditor-maximize,
body.sceditor-maximize {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
.ie6.sceditor-maximize {
position: absolute;
}
.sceditor-maximize div.sceditor-grip {
display: none;
}
.sceditor-maximize div.sceditor-toolbar {
border-radius: 0;
background-clip: padding-box;
}
/**
* Dropdown styleing
*/
div.sceditor-dropdown {
position: absolute;
border: 1px solid #ccc;
background: #fff;
color: #333;
z-index: 4000;
padding: 10px;
line-height: 1;
border-radius: 2px;
background-clip: padding-box;
box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
}
div.sceditor-dropdown a,
div.sceditor-dropdown a:link {
color: #333;
}
div.sceditor-dropdown form {
margin: 0;
}
div.sceditor-dropdown label {
display: block;
font-weight: bold;
color: #3c3c3c;
padding: 4px 0;
}
div.sceditor-dropdown input,
div.sceditor-dropdown textarea {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
outline: 0;
padding: 4px;
border: 1px solid #ccc;
border-top-color: #888;
margin: 0 0 .75em;
border-radius: 1px;
background-clip: padding-box;
}
div.sceditor-dropdown textarea {
padding: 6px;
}
div.sceditor-dropdown input:focus,
div.sceditor-dropdown textarea:focus {
border-color: #aaa;
border-top-color: #666;
box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
}
div.sceditor-dropdown .button {
font-weight: bold;
color: #444;
padding: 6px 12px;
background: #ececec;
border: solid 1px #ccc;
border-radius: 2px;
background-clip: padding-box;
cursor: pointer;
margin: .3em 0 0;
}
div.sceditor-dropdown .button:hover {
background: #f3f3f3;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
div.sceditor-font-picker,
div.sceditor-fontsize-picker,
div.sceditor-format {
padding: 6px 0;
}
div.sceditor-emoticons,
div.sceditor-more-emoticons,
div.sceditor-color-picker {
padding: 0;
}
.sceditor-pastetext textarea {
border: 1px solid #bbb;
width: 20em;
}
.sceditor-emoticons img,
.sceditor-more-emoticons img {
padding: 0;
cursor: pointer;
margin: 2px;
}
.sceditor-more {
border-top: 1px solid #bbb;
display: block;
text-align: center;
cursor: pointer;
font-weight: bold;
padding: 6px 0;
}
.sceditor-dropdown a:hover {
background: #eee;
}
.sceditor-fontsize-option,
.sceditor-font-option,
.sceditor-format a {
display: block;
padding: 7px 10px;
cursor: pointer;
text-decoration: none;
color: #222;
}
.sceditor-fontsize-option {
padding: 7px 13px;
}
.sceditor-color-column {
float: left;
}
.sceditor-color-option {
display: block;
border: 1px solid #fff;
height: 10px;
width: 10px;
overflow: hidden;
}
.sceditor-color-option:hover {
border: 1px solid #333;
}
/**
* Toolbar styleing
*/
div.sceditor-toolbar {
overflow: hidden;
padding: 3px 5px 2px;
background: #f7f7f7;
border-bottom: 1px solid #c0c0c0;
line-height: 0;
text-align: left;
user-select: none;
border-radius: 3px 3px 0 0;
background-clip: padding-box;
}
div.sceditor-group {
display: inline-block;
background: #ddd;
margin: 1px 5px 1px 0;
padding: 1px;
border-bottom: 1px solid #aaa;
border-radius: 3px;
background-clip: padding-box;
}
.ie6 div.sceditor-group,
.ie7 div.sceditor-group {
display: inline;
zoom: 1;
}
.sceditor-button {
float: left;
cursor: pointer;
padding: 3px 5px;
width: 16px;
height: 20px;
border-radius: 3px;
background-clip: padding-box;
/* Needed for Safari 5? */
text-indent: -9999px;
}
.ie .sceditor-button {
text-indent: 0;
}
.ie6 .sceditor-button,
.ie7 .sceditor-button {
float: none !important;
display: inline;
zoom: 1;
}
.ie6 .sceditor-button {
padding: 0;
}
.ie6 .sceditor-button div {
margin: 5px;
}
.ie7 .sceditor-button div {
margin: 5px 0;
}
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active {
background: #fff;
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2);
}
.sceditor-button:active {
background: #fff;
box-shadow: inset 1px 1px 0 rgba(0,0,0,0.3), inset -1px 0 rgba(0,0,0,0.3), inset 0 -1px 0 rgba(0,0,0,0.2), inset 0 0 8px rgba(0,0,0,0.3);
}
.sceditor-button.disabled:hover {
background: inherit;
cursor: default;
box-shadow: none;
}
.sceditor-button,
.sceditor-button div {
display: block;
}
.sceditor-button div {
margin: 2px 0;
padding: 0;
overflow: hidden;
line-height: 0;
font-size: 0;
color: transparent;
}
.sceditor-button.disabled div {
filter: alpha(opacity=30);
opacity: 0.3;
}
.text .sceditor-button,
.text .sceditor-button div,
.sceditor-button.text,
.sceditor-button.text div,
.text-icon .sceditor-button,
.text-icon .sceditor-button div,
.sceditor-button.text-icon,
.sceditor-button.text-icon div {
width: auto;
overflow: visible;
line-height: 16px;
font-size: 1em;
color: inherit;
text-indent: 0;
}
.text .sceditor-button div,
.sceditor-button.text div {
padding: 0 2px;
background: none;
}
.text-icon .sceditor-button div,
.sceditor-button.text-icon div {
padding: 0 2px 0 20px;
}
.rtl div.sceditor-toolbar {
text-align: right;
}
.rtl .sceditor-button {
float: right;
}
.rtl div.sceditor-grip {
right: auto;
left: 0;
}
.sceditor-container {
border: 1px solid #d6d6d6;
border-radius: 0;
background-clip: padding-box;
}
.sceditor-container textarea {
font-family: Consolas, "Bitstream Vera Sans Mono", "Andale Mono", Monaco, "DejaVu Sans Mono", "Lucida Console", monospace;
background: #2e3436;
color: #fff;
margin: 0;
padding: 5px;
}
div.sceditor-toolbar,
div.sceditor-group {
background: #f2f2f2;
background: linear-gradient(to bottom, #f2f2f2 0%, #dddddd 89%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#dddddd', GradientType=0);
}
div.sceditor-toolbar {
padding: 0;
border-bottom: 1px solid #bbb;
background-size: 100% 32px;
}
div.sceditor-group {
margin: 0;
padding: 2px 4px;
border: 0;
border-right: 1px solid #ccc;
border-left: 1px solid #eaeaea;
border-radius: 0;
background-clip: padding-box;
}
div.sceditor-group:last-child {
border-right: 0;
}
div.sceditor-group:first-child {
border-left: 0;
}
.sceditor-button {
height: 16px;
padding: 5px;
margin: 1px;
border-radius: 0;
background-clip: padding-box;
}
.sceditor-button div {
margin: 0;
}
.sceditor-button.active,
.sceditor-button:hover,
.sceditor-button:active,
.sceditor-button.active:hover {
margin: 0;
box-shadow: none;
}
.sceditor-button.active {
background: #f4f4f4;
border: 1px solid #ccc;
}
.sceditor-button:hover {
background: #fefefe;
border: 1px solid #ddd;
}
.sceditor-button.disabled:hover {
margin: 1px;
border: 0;
}
.sceditor-button:active {
background: #eee;
border: 1px solid #ccc;
}
.sceditor-button.active:hover {
background: #f8f8f8;
border: 1px solid #ddd;
}