/* ------------------------------------------------------------------- // markItUp! Universal MarkUp Engine, JQuery plugin // By Jay Salvat - http://markitup.jaysalvat.com/ // ------------------------------------------------------------------*/ .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; width:690px; height:320px; clear:both; line-height:18px; overflow:auto; } .markItUpPreviewFrame { overflow:auto; background-color:#FFF; width:99.9%; height:300px; margin:5px 0; } .markItUpFooter { width:100%; } .markItUpResizeHandle { 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 ul li { list-style:none; float:left; position:relative; } .markItUpHeader ul li:hover > ul{ display:block; } .markItUpHeader ul .markItUpDropMenu { background:transparent url(images/menu.png) no-repeat 115% 50%; margin-right:5px; } .markItUpHeader ul .markItUpDropMenu li { margin-right:0px; } /* next rows of buttons */ .markItUpHeader ul ul { 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; } .markItUpHeader ul ul .markItUpDropMenu { background:#FFF url(images/submenu.png) no-repeat 100% 50%; } .markItUpHeader ul .markItUpSeparator { margin:0 10px; width:1px; height:16px; overflow:hidden; background-color:#CCC; } .markItUpHeader ul ul .markItUpSeparator { width:auto; height:1px; margin:0px; } /* next rows of buttons */ .markItUpHeader ul ul ul { position:absolute; top:-1px; left:150px; } .markItUpHeader ul ul ul li { float:none; } .markItUpHeader ul a { 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%; } .markItUpHeader ul ul a:hover { color:#FFF; background-color:#000; }