annotate media/js/markitup/skins/simple/style.css @ 265:1ba2c6bf6eb7

Closing #98. Animated GIFs were losing their transparency and animated properties when saved as avatars. Reworked the avatar save process to only run the avatar through PIL if it is too big. This preserves the original uploaded file if it is within the desired size settings. This may still mangle big animated gifs. If this becomes a problem, then maybe look into calling the PIL Image.resize() method directly. Moved the PIL image specific functions from bio.forms to a new module: core.image for better reusability in the future.
author Brian Neal <bgneal@gmail.com>
date Fri, 24 Sep 2010 02:12:09 +0000
parents dbd703f7d63a
children
rev   line source
gremmie@1 1 /* -------------------------------------------------------------------
gremmie@1 2 // markItUp! Universal MarkUp Engine, JQuery plugin
gremmie@1 3 // By Jay Salvat - http://markitup.jaysalvat.com/
gremmie@1 4 // ------------------------------------------------------------------*/
gremmie@1 5 .markItUp * {
gremmie@1 6 margin:0px; padding:0px;
gremmie@1 7 outline:none;
gremmie@1 8 }
gremmie@1 9 .markItUp a:link,
gremmie@1 10 .markItUp a:visited {
gremmie@1 11 color:#000;
gremmie@1 12 text-decoration:none;
gremmie@1 13 }
gremmie@1 14 .markItUp {
gremmie@1 15 width:700px;
gremmie@1 16 margin:5px 0 5px 0;
gremmie@1 17 }
gremmie@1 18 .markItUpContainer {
gremmie@1 19 font:11px Verdana, Arial, Helvetica, sans-serif;
gremmie@1 20 }
gremmie@1 21 .markItUpEditor {
gremmie@1 22 font:12px 'Courier New', Courier, monospace;
gremmie@1 23 padding:5px;
gremmie@1 24 width:690px;
gremmie@1 25 height:320px;
gremmie@1 26 clear:both; display:block;
gremmie@1 27 line-height:18px;
gremmie@1 28 overflow:auto;
gremmie@1 29 }
gremmie@1 30 .markItUpPreviewFrame {
gremmie@1 31 overflow:auto;
gremmie@1 32 background-color:#FFF;
gremmie@1 33 width:99.9%;
gremmie@1 34 height:300px;
gremmie@1 35 margin:5px 0;
gremmie@1 36 }
gremmie@1 37 .markItUpFooter {
gremmie@1 38 width:100%;
gremmie@1 39 }
gremmie@1 40 .markItUpResizeHandle {
gremmie@1 41 overflow:hidden;
gremmie@1 42 width:22px; height:5px;
gremmie@1 43 margin-left:auto;
gremmie@1 44 margin-right:auto;
gremmie@1 45 background-image:url(images/handle.png);
gremmie@1 46 cursor:n-resize;
gremmie@1 47 }
gremmie@1 48 /***************************************************************************************/
gremmie@1 49 /* first row of buttons */
gremmie@1 50 .markItUpHeader ul li {
gremmie@1 51 list-style:none;
gremmie@1 52 float:left;
gremmie@1 53 position:relative;
gremmie@1 54 }
gremmie@1 55 .markItUpHeader ul li:hover > ul{
gremmie@1 56 display:block;
gremmie@1 57 }
gremmie@1 58 .markItUpHeader ul .markItUpDropMenu {
gremmie@1 59 background:transparent url(images/menu.png) no-repeat 115% 50%;
gremmie@1 60 margin-right:5px;
gremmie@1 61 }
gremmie@1 62 .markItUpHeader ul .markItUpDropMenu li {
gremmie@1 63 margin-right:0px;
gremmie@1 64 }
gremmie@1 65 /* next rows of buttons */
gremmie@1 66 .markItUpHeader ul ul {
gremmie@1 67 display:none;
gremmie@1 68 position:absolute;
gremmie@1 69 top:18px; left:0px;
gremmie@1 70 background:#FFF;
gremmie@1 71 border:1px solid #000;
gremmie@1 72 }
gremmie@1 73 .markItUpHeader ul ul li {
gremmie@1 74 float:none;
gremmie@1 75 border-bottom:1px solid #000;
gremmie@1 76 }
gremmie@1 77 .markItUpHeader ul ul .markItUpDropMenu {
gremmie@1 78 background:#FFF url(images/submenu.png) no-repeat 100% 50%;
gremmie@1 79 }
gremmie@1 80 .markItUpHeader ul .markItUpSeparator {
gremmie@1 81 margin:0 10px;
gremmie@1 82 width:1px;
gremmie@1 83 height:16px;
gremmie@1 84 overflow:hidden;
gremmie@1 85 background-color:#CCC;
gremmie@1 86 }
gremmie@1 87 .markItUpHeader ul ul .markItUpSeparator {
gremmie@1 88 width:auto; height:1px;
gremmie@1 89 margin:0px;
gremmie@1 90 }
gremmie@1 91 /* next rows of buttons */
gremmie@1 92 .markItUpHeader ul ul ul {
gremmie@1 93 position:absolute;
gremmie@1 94 top:-1px; left:150px;
gremmie@1 95 }
gremmie@1 96 .markItUpHeader ul ul ul li {
gremmie@1 97 float:none;
gremmie@1 98 }
gremmie@1 99 .markItUpHeader ul a {
gremmie@1 100 display:block;
gremmie@1 101 width:16px; height:16px;
gremmie@1 102 text-indent:-10000px;
gremmie@1 103 background-repeat:no-repeat;
gremmie@1 104 padding:3px;
gremmie@1 105 margin:0px;
gremmie@1 106 }
gremmie@1 107 .markItUpHeader ul ul a {
gremmie@1 108 display:block;
gremmie@1 109 padding-left:0px;
gremmie@1 110 text-indent:0;
gremmie@1 111 width:120px;
gremmie@1 112 padding:5px 5px 5px 25px;
gremmie@1 113 background-position:2px 50%;
gremmie@1 114 }
gremmie@1 115 .markItUpHeader ul ul a:hover {
gremmie@1 116 color:#FFF;
gremmie@1 117 background-color:#000;
gremmie@1 118 }