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