mirror of
https://github.com/Oreolek/ifhub.club.git
synced 2024-07-03 06:55:03 +03:00
Update MarkItUp
This commit is contained in:
Denis Shakhov
parent
2612eba6f3
commit
e88e516e04
|
|
@ -1,9 +1,9 @@
|
|||
// ----------------------------------------------------------------------------
|
||||
// markItUp! Universal MarkUp Engine, JQuery plugin
|
||||
// v 1.1.12
|
||||
// v 1.1.x
|
||||
// Dual licensed under the MIT and GPL licenses.
|
||||
// ----------------------------------------------------------------------------
|
||||
// Copyright (C) 2007-2011 Jay Salvat
|
||||
// Copyright (C) 2007-2012 Jay Salvat
|
||||
// http://markitup.jaysalvat.com/
|
||||
// ----------------------------------------------------------------------------
|
||||
// Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
|
|
@ -26,13 +26,19 @@
|
|||
// ----------------------------------------------------------------------------
|
||||
(function($) {
|
||||
$.fn.markItUp = function(settings, extraSettings) {
|
||||
var options, ctrlKey, shiftKey, altKey;
|
||||
ctrlKey = shiftKey = altKey = false;
|
||||
|
||||
var method, params, options, ctrlKey, shiftKey, altKey; ctrlKey = shiftKey = altKey = false;
|
||||
|
||||
if (typeof settings == 'string') {
|
||||
method = settings;
|
||||
params = extraSettings;
|
||||
}
|
||||
|
||||
options = { id: '',
|
||||
nameSpace: '',
|
||||
root: '',
|
||||
previewHandler: false,
|
||||
previewInWindow: '', // 'width=800, height=600, resizable=yes, scrollbars=yes'
|
||||
previewInElement: '',
|
||||
previewAutoRefresh: true,
|
||||
previewPosition: 'after',
|
||||
previewTemplatePath: '~/templates/preview.html',
|
||||
|
|
@ -60,6 +66,35 @@
|
|||
});
|
||||
}
|
||||
|
||||
// Quick patch to keep compatibility with jQuery 1.9
|
||||
var uaMatch = function(ua) {
|
||||
ua = ua.toLowerCase();
|
||||
|
||||
var match = /(chrome)[ \/]([\w.]+)/.exec(ua) ||
|
||||
/(webkit)[ \/]([\w.]+)/.exec(ua) ||
|
||||
/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(ua) ||
|
||||
/(msie) ([\w.]+)/.exec(ua) ||
|
||||
ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) ||
|
||||
[];
|
||||
|
||||
return {
|
||||
browser: match[ 1 ] || "",
|
||||
version: match[ 2 ] || "0"
|
||||
};
|
||||
};
|
||||
var matched = uaMatch( navigator.userAgent );
|
||||
var browser = {};
|
||||
|
||||
if (matched.browser) {
|
||||
browser[matched.browser] = true;
|
||||
browser.version = matched.version;
|
||||
}
|
||||
if (browser.chrome) {
|
||||
browser.webkit = true;
|
||||
} else if (browser.webkit) {
|
||||
browser.safari = true;
|
||||
}
|
||||
|
||||
return this.each(function() {
|
||||
var $$, textarea, levels, scrollPosition, caretPosition, caretOffset,
|
||||
clicked, hash, header, footer, previewWindow, template, iFrame, abort;
|
||||
|
|
@ -73,6 +108,20 @@
|
|||
options.previewParserPath = localize(options.previewParserPath);
|
||||
options.previewTemplatePath = localize(options.previewTemplatePath);
|
||||
|
||||
if (method) {
|
||||
switch(method) {
|
||||
case 'remove':
|
||||
remove();
|
||||
break;
|
||||
case 'insert':
|
||||
markup(params);
|
||||
break;
|
||||
default:
|
||||
$.error('Method ' + method + ' does not exist on jQuery.markItUp');
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
// apply the computed path to ~/
|
||||
function localize(data, inText) {
|
||||
if (inText) {
|
||||
|
|
@ -106,29 +155,29 @@
|
|||
footer = $('<div class="markItUpFooter"></div>').insertAfter($$);
|
||||
|
||||
// add the resize handle after textarea
|
||||
if (options.resizeHandle === true && $.browser.safari !== true) {
|
||||
if (options.resizeHandle === true && browser.safari !== true) {
|
||||
resizeHandle = $('<div class="markItUpResizeHandle"></div>')
|
||||
.insertAfter($$)
|
||||
.bind("mousedown", function(e) {
|
||||
.bind("mousedown.markItUp", function(e) {
|
||||
var h = $$.height(), y = e.clientY, mouseMove, mouseUp;
|
||||
mouseMove = function(e) {
|
||||
$$.css("height", Math.max(20, e.clientY+h-y)+"px");
|
||||
return false;
|
||||
};
|
||||
mouseUp = function(e) {
|
||||
$("html").unbind("mousemove", mouseMove).unbind("mouseup", mouseUp);
|
||||
$("html").unbind("mousemove.markItUp", mouseMove).unbind("mouseup.markItUp", mouseUp);
|
||||
return false;
|
||||
};
|
||||
$("html").bind("mousemove", mouseMove).bind("mouseup", mouseUp);
|
||||
$("html").bind("mousemove.markItUp", mouseMove).bind("mouseup.markItUp", mouseUp);
|
||||
});
|
||||
footer.append(resizeHandle);
|
||||
}
|
||||
|
||||
// listen key events
|
||||
$$.keydown(keyPressed).keyup(keyPressed);
|
||||
$$.bind('keydown.markItUp', keyPressed).bind('keyup', keyPressed);
|
||||
|
||||
// bind an event to catch external calls
|
||||
$$.bind("insertion", function(e, settings) {
|
||||
$$.bind("insertion.markItUp", function(e, settings) {
|
||||
if (settings.target !== false) {
|
||||
get();
|
||||
}
|
||||
|
|
@ -138,9 +187,13 @@
|
|||
});
|
||||
|
||||
// remember the last focus
|
||||
$$.focus(function() {
|
||||
$$.bind('focus.markItUp', function() {
|
||||
$.markItUp.focused = this;
|
||||
});
|
||||
|
||||
if (options.previewInElement) {
|
||||
refreshPreview();
|
||||
}
|
||||
}
|
||||
|
||||
// recursively build header with dropMenus from markupset
|
||||
|
|
@ -159,28 +212,27 @@
|
|||
t += levels[j]+"-";
|
||||
}
|
||||
li = $('<li class="markItUpButton markItUpButton'+t+(i)+' '+(button.className||'')+'"><a href="" '+key+' title="'+title+'">'+(button.name||'')+'</a></li>')
|
||||
.bind("contextmenu", function() { // prevent contextmenu on mac and allow ctrl+click
|
||||
.bind("contextmenu.markItUp", function() { // prevent contextmenu on mac and allow ctrl+click
|
||||
return false;
|
||||
}).click(function() {
|
||||
return false;
|
||||
}).bind("focusin", function(){
|
||||
//$$.focus();
|
||||
}).mouseup(function() {
|
||||
}).bind('click.markItUp', function(e) {
|
||||
e.preventDefault();
|
||||
}).bind("focusin.markItUp", function(){
|
||||
$$.focus();
|
||||
}).bind('mouseup', function() {
|
||||
if (button.call) {
|
||||
eval(button.call)();
|
||||
}
|
||||
setTimeout(function() { markup(button) },1);
|
||||
return false;
|
||||
}).hover(function() {
|
||||
}).bind('mouseenter.markItUp', function() {
|
||||
$('> ul', this).show();
|
||||
$(document).one('click', function() { // close dropmenu if click outside
|
||||
$('ul ul', header).hide();
|
||||
}
|
||||
);
|
||||
}, function() {
|
||||
}).bind('mouseleave.markItUp', function() {
|
||||
$('> ul', this).hide();
|
||||
}
|
||||
).appendTo(ul);
|
||||
}).appendTo(ul);
|
||||
if (button.dropMenu) {
|
||||
levels.push(i);
|
||||
$(li).addClass('markItUpDropMenu').append(dropMenus(button.dropMenu));
|
||||
|
|
@ -248,13 +300,14 @@
|
|||
block = openWith + placeHolder + closeWith;
|
||||
} else {
|
||||
string = string || selection;
|
||||
|
||||
|
||||
var lines = [string], blocks = [];
|
||||
if (multiline===true) {
|
||||
|
||||
if (multiline === true) {
|
||||
lines = string.split(/\r?\n/);
|
||||
}
|
||||
|
||||
for (var l=0; l < lines.length; l++) {
|
||||
for (var l = 0; l < lines.length; l++) {
|
||||
line = lines[l];
|
||||
var trailingSpaces;
|
||||
if (trailingSpaces = line.match(/ *$/)) {
|
||||
|
|
@ -270,10 +323,12 @@
|
|||
block = openBlockWith + block + closeBlockWith;
|
||||
|
||||
return { block:block,
|
||||
openBlockWith:openBlockWith,
|
||||
openWith:openWith,
|
||||
replaceWith:replaceWith,
|
||||
placeHolder:placeHolder,
|
||||
closeWith:closeWith
|
||||
closeWith:closeWith,
|
||||
closeBlockWith:closeBlockWith
|
||||
};
|
||||
}
|
||||
|
||||
|
|
@ -286,7 +341,6 @@
|
|||
root:options.root,
|
||||
textarea:textarea,
|
||||
selection:(selection||''),
|
||||
selectionOuter:(selectionOuter||''),
|
||||
caretPosition:caretPosition,
|
||||
ctrlKey:ctrlKey,
|
||||
shiftKey:shiftKey,
|
||||
|
|
@ -311,9 +365,10 @@
|
|||
lines[i] = "";
|
||||
}
|
||||
}
|
||||
|
||||
string = { block:lines.join('\n')};
|
||||
start = caretPosition;
|
||||
len = string.block.length + (($.browser.opera) ? n-1 : 0);
|
||||
len = string.block.length + ((browser.opera) ? n-1 : 0);
|
||||
} else if (ctrlKey === true) {
|
||||
string = build(selection);
|
||||
start = caretPosition + string.openWith.length;
|
||||
|
|
@ -334,8 +389,8 @@
|
|||
if ((selection === '' && string.replaceWith === '')) {
|
||||
caretOffset += fixOperaBug(string.block);
|
||||
|
||||
start = caretPosition + string.openWith.length;
|
||||
len = string.block.length - string.openWith.length - string.closeWith.length;
|
||||
start = caretPosition + string.openBlockWith.length + string.openWith.length;
|
||||
len = string.block.length - string.openBlockWith.length - string.openWith.length - string.closeWith.length - string.closeBlockWith.length;
|
||||
|
||||
caretOffset = $$.val().substring(caretPosition, $$.val().length).length;
|
||||
caretOffset -= fixOperaBug($$.val().substring(0, caretPosition));
|
||||
|
|
@ -370,14 +425,14 @@
|
|||
|
||||
// Substract linefeed in Opera
|
||||
function fixOperaBug(string) {
|
||||
if ($.browser.opera) {
|
||||
if (browser.opera) {
|
||||
return string.length - string.replace(/\n*/g, '').length;
|
||||
}
|
||||
return 0;
|
||||
}
|
||||
// Substract linefeed in IE
|
||||
function fixIeBug(string) {
|
||||
if ($.browser.msie) {
|
||||
if (browser.msie) {
|
||||
return string.length - string.replace(/\r*/g, '').length;
|
||||
}
|
||||
return 0;
|
||||
|
|
@ -397,7 +452,7 @@
|
|||
function set(start, len) {
|
||||
if (textarea.createTextRange){
|
||||
// quick fix to make it work on Opera 9.5
|
||||
if ($.browser.opera && $.browser.version >= 9.5 && len == 0) {
|
||||
if (browser.opera && browser.version >= 9.5 && len == 0) {
|
||||
return false;
|
||||
}
|
||||
range = textarea.createTextRange();
|
||||
|
|
@ -414,25 +469,12 @@
|
|||
|
||||
// get the selection
|
||||
function get() {
|
||||
// get the selection by outer text
|
||||
selectionOuter = '';
|
||||
if(window.getSelection){
|
||||
selectionOuter = window.getSelection().toString();
|
||||
} else if(window.document.selection){
|
||||
var sel = window.document.selection.createRange();
|
||||
selectionOuter = sel.text || sel;
|
||||
if(selectionOuter.toString) {
|
||||
selectionOuter = selectionOuter.toString();
|
||||
} else {
|
||||
selectionOuter='';
|
||||
}
|
||||
}
|
||||
textarea.focus();
|
||||
|
||||
scrollPosition = textarea.scrollTop;
|
||||
if (document.selection) {
|
||||
selection = document.selection.createRange().text;
|
||||
if ($.browser.msie) { // ie
|
||||
if (browser.msie) { // ie
|
||||
var range = document.selection.createRange(), rangeCopy = range.duplicate();
|
||||
rangeCopy.moveToElementText(textarea);
|
||||
caretPosition = -1;
|
||||
|
|
@ -453,7 +495,11 @@
|
|||
|
||||
// open preview window
|
||||
function preview() {
|
||||
if (!previewWindow || previewWindow.closed) {
|
||||
if (typeof options.previewHandler === 'function') {
|
||||
previewWindow = true;
|
||||
} else if (options.previewInElement) {
|
||||
previewWindow = $(options.previewInElement);
|
||||
} else if (!previewWindow || previewWindow.closed) {
|
||||
if (options.previewInWindow) {
|
||||
previewWindow = window.open('', 'preview', options.previewInWindow);
|
||||
$(window).unload(function() {
|
||||
|
|
@ -489,11 +535,13 @@
|
|||
renderPreview();
|
||||
}
|
||||
|
||||
function renderPreview() {
|
||||
function renderPreview() {
|
||||
var phtml;
|
||||
if (options.previewParser && typeof options.previewParser === 'function') {
|
||||
if (options.previewHandler && typeof options.previewHandler === 'function') {
|
||||
options.previewHandler( $$.val() );
|
||||
} else if (options.previewParser && typeof options.previewParser === 'function') {
|
||||
var data = options.previewParser( $$.val() );
|
||||
writeInPreview( localize(data, 1) );
|
||||
writeInPreview(localize(data, 1) );
|
||||
} else if (options.previewParserPath !== '') {
|
||||
$.ajax({
|
||||
type: 'POST',
|
||||
|
|
@ -521,7 +569,9 @@
|
|||
}
|
||||
|
||||
function writeInPreview(data) {
|
||||
if (previewWindow.document) {
|
||||
if (options.previewInElement) {
|
||||
$(options.previewInElement).html(data);
|
||||
} else if (previewWindow && previewWindow.document) {
|
||||
try {
|
||||
sp = previewWindow.document.documentElement.scrollTop
|
||||
} catch(e) {
|
||||
|
|
@ -542,7 +592,7 @@
|
|||
|
||||
if (e.type === 'keydown') {
|
||||
if (ctrlKey === true) {
|
||||
li = $('a[accesskey="'+String.fromCharCode(e.keyCode)+'"]', header).parent('li');
|
||||
li = $('a[accesskey="'+((e.keyCode == 13) ? '\\n' : String.fromCharCode(e.keyCode))+'"]', header).parent('li');
|
||||
if (li.length !== 0) {
|
||||
ctrlKey = false;
|
||||
setTimeout(function() {
|
||||
|
|
@ -583,14 +633,19 @@
|
|||
}
|
||||
}
|
||||
|
||||
function remove() {
|
||||
$$.unbind(".markItUp").removeClass('markItUpEditor');
|
||||
$$.parent('div').parent('div.markItUp').parent('div').replaceWith($$);
|
||||
$$.data('markItUp', null);
|
||||
}
|
||||
|
||||
init();
|
||||
});
|
||||
};
|
||||
|
||||
$.fn.markItUpRemove = function() {
|
||||
return this.each(function() {
|
||||
var $$ = $(this).unbind().removeClass('markItUpEditor');
|
||||
$$.parent('div').parent('div.markItUp').parent('div').replaceWith($$);
|
||||
$(this).markItUp('remove');
|
||||
}
|
||||
);
|
||||
};
|
||||
|
|
|
|||
BIN
templates/framework/js/vendor/markitup/sets/default/images/list-bullet.png
vendored
Normal file
BIN
templates/framework/js/vendor/markitup/sets/default/images/list-bullet.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 344 B |
BIN
templates/framework/js/vendor/markitup/sets/default/images/list-numeric.png
vendored
Normal file
BIN
templates/framework/js/vendor/markitup/sets/default/images/list-numeric.png
vendored
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 357 B |
30
templates/framework/js/vendor/markitup/sets/default/set.js
vendored
Normal file
30
templates/framework/js/vendor/markitup/sets/default/set.js
vendored
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
// ----------------------------------------------------------------------------
|
||||
// markItUp!
|
||||
// ----------------------------------------------------------------------------
|
||||
// Copyright (C) 2011 Jay Salvat
|
||||
// http://markitup.jaysalvat.com/
|
||||
// ----------------------------------------------------------------------------
|
||||
// Html tags
|
||||
// http://en.wikipedia.org/wiki/html
|
||||
// ----------------------------------------------------------------------------
|
||||
// Basic set. Feel free to add more tags
|
||||
// ----------------------------------------------------------------------------
|
||||
var mySettings = {
|
||||
onShiftEnter: {keepDefault:false, replaceWith:'<br />\n'},
|
||||
onCtrlEnter: {keepDefault:false, openWith:'\n<p>', closeWith:'</p>'},
|
||||
onTab: {keepDefault:false, replaceWith:' '},
|
||||
markupSet: [
|
||||
{name:'Bold', key:'B', openWith:'(!(<strong>|!|<b>)!)', closeWith:'(!(</strong>|!|</b>)!)' },
|
||||
{name:'Italic', key:'I', openWith:'(!(<em>|!|<i>)!)', closeWith:'(!(</em>|!|</i>)!)' },
|
||||
{name:'Stroke through', key:'S', openWith:'<del>', closeWith:'</del>' },
|
||||
{separator:'---------------' },
|
||||
{name:'Bulleted List', openWith:' <li>', closeWith:'</li>', multiline:true, openBlockWith:'<ul>\n', closeBlockWith:'\n</ul>'},
|
||||
{name:'Numeric List', openWith:' <li>', closeWith:'</li>', multiline:true, openBlockWith:'<ol>\n', closeBlockWith:'\n</ol>'},
|
||||
{separator:'---------------' },
|
||||
{name:'Picture', key:'P', replaceWith:'<img src="[![Source:!:http://]!]" alt="[![Alternative text]!]" />' },
|
||||
{name:'Link', key:'L', openWith:'<a href="[![Link:!:http://]!]"(!( title="[![Title]!]")!)>', closeWith:'</a>', placeHolder:'Your text to link...' },
|
||||
{separator:'---------------' },
|
||||
{name:'Clean', className:'clean', replaceWith:function(markitup) { return markitup.selection.replace(/<(.*?)>/g, "") } },
|
||||
{name:'Preview', className:'preview', call:'preview'}
|
||||
]
|
||||
}
|
||||
|
|
@ -2,25 +2,33 @@
|
|||
// markItUp!
|
||||
// By Jay Salvat - http://markitup.jaysalvat.com/
|
||||
// ------------------------------------------------------------------*/
|
||||
.markItUp .editor-h4 a { background-image:url(images/h4.png); }
|
||||
.markItUp .editor-h5 a { background-image:url(images/h5.png); }
|
||||
.markItUp .editor-h6 a { background-image:url(images/h6.png); }
|
||||
.markItUp .editor-bold a { background-image:url(images/bold.png); }
|
||||
.markItUp .editor-italic a { background-image:url(images/italic.png); }
|
||||
.markItUp .editor-stroke a { background-image:url(images/stroke.png); }
|
||||
.markItUp .editor-underline a { background-image:url(images/underline.png); }
|
||||
.markItUp .editor-quote a { background-image:url(images/quote.png); }
|
||||
.markItUp .editor-code a { background-image:url(images/code.png); }
|
||||
.markItUp .editor-ul a { background-image:url(images/ul.png); }
|
||||
.markItUp .editor-ol a { background-image:url(images/ol.png); }
|
||||
.markItUp .editor-li a { background-image:url(images/li.png); }
|
||||
.markItUp .markItUpButton1 a {
|
||||
background-image:url(images/bold.png);
|
||||
}
|
||||
.markItUp .markItUpButton2 a {
|
||||
background-image:url(images/italic.png);
|
||||
}
|
||||
.markItUp .markItUpButton3 a {
|
||||
background-image:url(images/stroke.png);
|
||||
}
|
||||
|
||||
.markItUp .editor-picture a { background-image:url(images/picture.png); }
|
||||
.markItUp .editor-image a { background-image:url(images/image.png); }
|
||||
.markItUp .editor-link a { background-image:url(images/link.png); }
|
||||
.markItUp .markItUpButton4 a {
|
||||
background-image:url(images/list-bullet.png);
|
||||
}
|
||||
.markItUp .markItUpButton5 a {
|
||||
background-image:url(images/list-numeric.png);
|
||||
}
|
||||
|
||||
.markItUp .editor-clean a { background-image:url(images/clean.png); }
|
||||
.markItUp .editor-preview a { background-image:url(images/preview.png); }
|
||||
.markItUp .editor-cut a { background-image:url(images/cut.png); }
|
||||
.markItUp .editor-video a { background-image:url(images/video.png); }
|
||||
.markItUp .editor-user a { background-image:url(images/user.png); }
|
||||
.markItUp .markItUpButton6 a {
|
||||
background-image:url(images/picture.png);
|
||||
}
|
||||
.markItUp .markItUpButton7 a {
|
||||
background-image:url(images/link.png);
|
||||
}
|
||||
|
||||
.markItUp .markItUpButton8 a {
|
||||
background-image:url(images/clean.png);
|
||||
}
|
||||
.markItUp .preview a {
|
||||
background-image:url(images/preview.png);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -144,19 +144,4 @@
|
|||
.wiki .markItUpEditor,
|
||||
.dotclear .markItUpEditor {
|
||||
background-image:url(images/bg-editor-wiki.png);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -1,131 +1,118 @@
|
|||
/* -------------------------------------------------------------------
|
||||
// markItUp! Universal MarkUp Engine, JQuery plugin
|
||||
// By Jay Salvat - http: //markitup.jaysalvat.com/
|
||||
// By Jay Salvat - http://markitup.jaysalvat.com/
|
||||
// ------------------------------------------------------------------*/
|
||||
.markItUp a: link,
|
||||
.markItUp a: visited { color: #000; text-decoration: none; }
|
||||
.markItUp { margin-bottom: 5px; }
|
||||
.markItUpContainer { font: 11px Verdana, Arial, Helvetica, sans-serif; }
|
||||
.markItUp * {
|
||||
margin:0px; padding:0px;
|
||||
outline:none;
|
||||
}
|
||||
.markItUp a:link,
|
||||
.markItUp a:visited {
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
}
|
||||
.markItUp {
|
||||
width:700px;
|
||||
margin:5px 0 5px 0;
|
||||
}
|
||||
.markItUpContainer {
|
||||
font:11px Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
.markItUpEditor {
|
||||
font: 12px "Courier New", Courier, monospace;
|
||||
padding: 5px;
|
||||
height: 200px;
|
||||
line-height: 18px;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #C0CAD5;
|
||||
font:12px 'Courier New', Courier, monospace;
|
||||
padding:5px;
|
||||
width:690px;
|
||||
height:320px;
|
||||
clear:both;
|
||||
line-height:18px;
|
||||
overflow:auto;
|
||||
}
|
||||
.markItUpPreviewFrame {
|
||||
overflow: auto;
|
||||
background-color: #FFF;
|
||||
border: 1px solid #eee;
|
||||
padding: 10px;
|
||||
height: 300px;
|
||||
margin: 5px 0;
|
||||
font: 12px Tahoma, Arial, Helvetica, sans-serif;
|
||||
overflow:auto;
|
||||
background-color:#FFF;
|
||||
width:99.9%;
|
||||
height:300px;
|
||||
margin:5px 0;
|
||||
}
|
||||
.markItUpFooter {
|
||||
width:100%;
|
||||
}
|
||||
.markItUpFooter { width: 100%; }
|
||||
.markItUpResizeHandle {
|
||||
overflow: hidden;
|
||||
height: 8px;
|
||||
background: url(images/handle.png) 50% 3px no-repeat;
|
||||
cursor: n-resize;
|
||||
overflow:hidden;
|
||||
width:22px; height:5px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
background-image:url(images/handle.png);
|
||||
cursor:n-resize;
|
||||
}
|
||||
|
||||
|
||||
/***************************************************************************************/
|
||||
/* first row of buttons */
|
||||
.markItUpHeader {
|
||||
background: #eee;
|
||||
padding: 5px;
|
||||
border-top: 1px solid #c0cad5;
|
||||
border-left: 1px solid #c0cad5;
|
||||
border-right: 1px solid #c0cad5;
|
||||
.markItUpHeader ul li {
|
||||
list-style:none;
|
||||
float:left;
|
||||
position:relative;
|
||||
}
|
||||
.markItUpHeader ul {
|
||||
overflow: visible;
|
||||
zoom: 1;
|
||||
display: inline-block;
|
||||
*display: inline; /* ie <= 7 */
|
||||
.markItUpHeader ul li:hover > ul{
|
||||
display:block;
|
||||
}
|
||||
.markItUpHeader ul li { list-style: none; float: left; position: relative; margin-right: 6px; }
|
||||
.markItUpHeader ul li: hover > ul{ display: block; }
|
||||
.markItUpHeader ul .markItUpDropMenu {
|
||||
background: transparent url(images/menu.png) no-repeat 115% 50%;
|
||||
margin-right: 5px;
|
||||
background:transparent url(images/menu.png) no-repeat 115% 50%;
|
||||
margin-right:5px;
|
||||
}
|
||||
.markItUpHeader ul .markItUpDropMenu li {
|
||||
margin-right: 0px;
|
||||
margin-right:0px;
|
||||
}
|
||||
/* next rows of buttons */
|
||||
.markItUpHeader ul ul {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 16px; left: 0px;
|
||||
background: #eee;
|
||||
border: 1px solid #000;
|
||||
display:none;
|
||||
position:absolute;
|
||||
top:18px; left:0px;
|
||||
background:#FFF;
|
||||
border:1px solid #000;
|
||||
}
|
||||
.markItUpHeader ul ul li {
|
||||
float: none;
|
||||
border-bottom: 1px solid #000;
|
||||
float:none;
|
||||
border-bottom:1px solid #000;
|
||||
}
|
||||
.markItUpHeader ul ul .markItUpDropMenu {
|
||||
background: #eee url(images/submenu.png) no-repeat 100% 50%;
|
||||
background:#FFF url(images/submenu.png) no-repeat 100% 50%;
|
||||
}
|
||||
.markItUpHeader ul .markItUpSeparator {
|
||||
margin: 0 6px 0 0;
|
||||
width: 1px;
|
||||
height: 16px;
|
||||
overflow: hidden;
|
||||
background-color: #CCC;
|
||||
margin:0 10px;
|
||||
width:1px;
|
||||
height:16px;
|
||||
overflow:hidden;
|
||||
background-color:#CCC;
|
||||
}
|
||||
.markItUpHeader ul ul .markItUpSeparator {
|
||||
width: auto; height: 1px;
|
||||
margin: 0px;
|
||||
width:auto; height:1px;
|
||||
margin:0px;
|
||||
}
|
||||
/* next rows of buttons */
|
||||
.markItUpHeader ul ul ul {
|
||||
position: absolute;
|
||||
top: -1px; left: 150px;
|
||||
position:absolute;
|
||||
top:-1px; left:150px;
|
||||
}
|
||||
.markItUpHeader ul ul ul li {
|
||||
float: none;
|
||||
float:none;
|
||||
}
|
||||
.markItUpHeader ul a {
|
||||
display: block;
|
||||
width: 16px; height: 16px;
|
||||
text-indent: -10000px;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0px;
|
||||
display:block;
|
||||
width:16px; height:16px;
|
||||
text-indent:-10000px;
|
||||
background-repeat:no-repeat;
|
||||
padding:3px;
|
||||
margin:0px;
|
||||
}
|
||||
.markItUpHeader ul ul a {
|
||||
display: block;
|
||||
padding-left: 0px;
|
||||
text-indent: 0;
|
||||
width: 120px;
|
||||
padding: 5px 5px 5px 25px;
|
||||
background-position: 2px 50%;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow:ellipsis;
|
||||
display:block;
|
||||
padding-left:0px;
|
||||
text-indent:0;
|
||||
width:120px;
|
||||
padding:5px 5px 5px 25px;
|
||||
background-position:2px 50%;
|
||||
}
|
||||
.markItUpHeader ul ul a:hover {
|
||||
background-color: #fff;
|
||||
color:#FFF;
|
||||
background-color:#000;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.markItUpPreviewFrame { }
|
||||
.markItUpPreviewFrame p { margin-bottom: 18px; }
|
||||
.markItUpPreviewFrame blockquote { background: #fafafa; padding: 10px 15px; color: #555; margin-bottom: 5px; clear: both; }
|
||||
.markItUpPreviewFrame pre { background: #fafafa; border: 1px solid #dce6f0; margin-bottom: 10px; overflow: auto; padding: 5px 10px; }
|
||||
.markItUpPreviewFrame ul { list-style-type: disc; margin-left: 17px; }
|
||||
.markItUpPreviewFrame ol { list-style-type: decimal; margin-left: 22px; }
|
||||
.markItUpPreviewFrame img[align="right"] { margin: 4px 0 5px 15px; }
|
||||
.markItUpPreviewFrame img[align="left"] { margin: 4px 15px 10px 0; }
|
||||
|
|
|
|||
Loading…
Reference in a new issue