root/static/markitup/skins/simple/style.css

   1 /* -------------------------------------------------------------------
   2 // markItUp! Universal MarkUp Engine, JQuery plugin
   3 // By Jay Salvat - http://markitup.jaysalvat.com/
   4 // ------------------------------------------------------------------*/
   5 .markItUp * {
   6         margin:0px; padding:0px;
   7         outline:none;
   8 }
   9 .markItUp a:link,
  10 .markItUp a:visited {
  11         color:#000;
  12         text-decoration:none;
  13 }
  14 .markItUp  {
  15         margin:5px 0 5px 0;
  16 }
  17 .markItUpContainer  {
  18         font:11px Verdana, Arial, Helvetica, sans-serif;
  19 }
  20 .markItUpEditor {
  21         font:12px 'Courier New', Courier, monospace;
  22         height:320px;
  23         clear:both; display:block;
  24         line-height:18px;
  25         overflow:auto;
  26 }
  27 .markItUpPreviewFrame   {
  28         overflow:auto;
  29         background-color:#FFF;
  30         width:99.9%;
  31         height:300px;
  32         margin:5px 0;
  33 }
  34 .markItUpFooter {
  35         width:100%;
  36 }
  37 .markItUpResizeHandle {
  38         overflow:hidden;
  39         width:22px; height:5px;
  40         margin-left:auto;
  41         margin-right:auto;
  42         background-image:url(images/handle.png);
  43         cursor:n-resize;
  44 }
  45 /***************************************************************************************/
  46 /* first row of buttons */
  47 .markItUpHeader ul li   {
  48         list-style:none;
  49         float:left;
  50         position:relative;
  51 }
  52 .markItUpHeader ul li:hover > ul{
  53         display:block;
  54 }
  55 .markItUpHeader ul .markItUpDropMenu {
  56         background:transparent url(images/menu.png) no-repeat 115% 50%;
  57         margin-right:5px;
  58 }
  59 .markItUpHeader ul .markItUpDropMenu li {
  60         margin-right:0px;
  61 }
  62 /* next rows of buttons */
  63 .markItUpHeader ul ul {
  64         display:none;
  65         position:absolute;
  66         top:18px; left:0px;
  67         background:#FFF;
  68         border:1px solid #000;
  69 }
  70 .markItUpHeader ul ul li {
  71         float:none;
  72         border-bottom:1px solid #000;
  73 }
  74 .markItUpHeader ul ul .markItUpDropMenu {
  75         background:#FFF url(images/submenu.png) no-repeat 100% 50%;
  76 }
  77 .markItUpHeader ul .markItUpSeparator {
  78         margin:0 10px;
  79         width:1px;
  80         height:16px;
  81         overflow:hidden;
  82         background-color:#CCC;
  83 }
  84 .markItUpHeader ul ul .markItUpSeparator {
  85         width:auto; height:1px;
  86         margin:0px;
  87 }
  88 /* next rows of buttons */
  89 .markItUpHeader ul ul ul {
  90         position:absolute;
  91         top:-1px; left:150px;
  92 }
  93 .markItUpHeader ul ul ul li {
  94         float:none;
  95 }
  96 .markItUpHeader ul a {
  97         display:block;
  98         width:16px; height:16px;
  99         text-indent:-10000px;
 100         background-repeat:no-repeat;
 101         padding:3px;
 102         margin:0px;
 103 }
 104 .markItUpHeader ul ul a {
 105         display:block;
 106         padding-left:0px;
 107         text-indent:0;
 108         width:120px;
 109         padding:5px 5px 5px 25px;
 110         background-position:2px 50%;
 111 }
 112 .markItUpHeader ul ul a:hover  {
 113         color:#FFF;
 114         background-color:#000;
 115 }