Mercurial > public > sg101
view static/js/markitup/skins/simple/style.css @ 429:d0f0800eef0c
Making the jquery tabbed version of the messages app the current version and removing the old. Also figured out how to dynamically update the base template's count of unread messages when messages are read.
author | Brian Neal <bgneal@gmail.com> |
---|---|
date | Tue, 03 May 2011 02:56:58 +0000 |
parents | 88b2b9cb8c1f |
children | c78c6e007e61 |
line wrap: on
line source
/* ------------------------------------------------------------------- // 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; display:block; 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; }