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