www/extensions/porte_plume/css/barre_outils.css

   1 .formulaire_spip  textarea.markItUpEditor, .formulaire_spip li.editer_texte textarea {
   2         /*width: 96%;
   3         clear: both;*/
   4 }
   5
   6
   7 /* -------------------------------------------------------------------
   8 // markItUp! Universal MarkUp Engine, JQuery plugin
   9 // By Jay Salvat - http://markitup.jaysalvat.com/
  10 // ------------------------------------------------------------------*/
  11
  12 .markItUp .markItUpHeader a,
  13 .markItUp .markItUpTabs a,
  14 .markItUp .markItUpFooter a {
  15         color:#000;
  16         text-decoration:none;
  17 }
  18 .markItUp  {
  19         margin:5px 0 5px 0;
  20         clear:both;
  21 }
  22 .markItUp .markItUpContainer  {
  23         margin:0px; padding:0px;
  24 }
  25 .markItUp .markItUpEditor {
  26         clear:both; display:block;
  27         overflow:auto;
  28 }
  29 #text_area { /* cas tres particulier champs texte de spip */
  30         height:300px;
  31 }
  32 .markItUp .markItUpPreviewFrame {}
  33 .markItUp .markItUpFooter {
  34         margin:0px; padding:0px;
  35         width:100%;
  36 }
  37 .markItUp .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:ns-resize;
  44 }
  45
  46 /***************************/
  47 /* tabs */
  48 .markItUp .markItUpTabs {
  49         text-align:right;
  50         padding:1px 1px 0;
  51         margin-bottom: -1px;
  52         margin-top: 3px;
  53         overflow:hidden;
  54         width:auto;
  55         float:right;
  56         margin-right: 30px;
  57         clear:both;
  58 }
  59 .markItUp .markItUpTabs a {
  60         display:block;
  61         float:right;
  62         border:1px solid #ccc;
  63         margin:0px 1px;
  64         padding:3px 4px 2px 4px;
  65         background:#f0f0f0;
  66 }
  67 .markItUp .markItUpTabs a.on {background:#fff; border-bottom: 1px solid #fff; }
  68 .markItUp .markItUpTabs a:hover {background:#fff;}
  69
  70 /***************************/
  71 /* previsu */
  72 .markItUp .markItUpPreview {
  73         clear:both;
  74         border:1px solid #ccc;
  75         background:#fff;
  76         overflow:auto;
  77         padding:1em;
  78 }
  79
  80 /* correction des styles spip_formulaires appliques par defaut (grr) */
  81 .markItUp .preview p {margin-bottom:1em;}
  82 .markItUp .preview ul {margin-bottom:1em; margin-top:0.5em;}
  83 .markItUp .preview li {border:none; padding:1px;}
  84 /* coloration code */
  85 .markItUp .preview .cadre ol,
  86 .markItUp .preview .cadre ul {padding:0.5em;}
  87
  88
  89 /***************************************************************************************/
  90 /* first row of buttons */
  91 .markItUp .markItUpHeader { margin:0px; padding:0px;}
  92 .markItUp .markItUpHeader ul {
  93         margin:0 !important;
  94         padding:0;
  95 }
  96 .markItUp .markItUpHeader ul li {
  97         list-style:none;
  98         float:left;
  99         position:relative;
 100         clear:none;
 101         border:0;
 102         margin:0;
 103         padding:0;
 104         overflow:visible;
 105 }
 106 .markItUp .markItUpHeader ul li:first-child { /* annuler un reglage des forms prive */
 107         padding-top:0;
 108 }
 109
 110 .markItUp .markItUpHeader ul .markItUpDropMenu {
 111         /*background:inherit url(images/menu.png) no-repeat 100% 80%;
 112         padding-right:10px;*/
 113 }
 114 .markItUp .markItUpHeader ul .markItUpDropMenu li {
 115         margin-right:0px;
 116         background-color: #eee;
 117         padding:1px 0px 1px 1px;
 118 }
 119
 120 /* next rows of buttons */
 121 .markItUp .markItUpHeader ul ul {
 122         display:none;
 123         position:absolute;
 124         top:24px; left:-1px;
 125         width:150px;
 126         z-index:2;
 127         padding-top:2px;
 128 }
 129 .markItUp .markItUpHeader ul ul li {
 130         float:left;
 131 }
 132 .markItUp .markItUpHeader ul ul .markItUpDropMenu {
 133         background:#F5F5F5 url(images/submenu.png) no-repeat 50% 50%;
 134 }
 135 .markItUp .markItUpHeader ul .markItUpSeparator {
 136         margin:0 6px;
 137         width:0px;
 138         height:16px;
 139         overflow:hidden;
 140 }
 141 .markItUp .markItUpHeader ul ul .markItUpSeparator {
 142         width:auto; height:1px;
 143         margin:0px;
 144 }
 145
 146 .markItUp .markItUpHeader ul a {
 147         display:block;
 148         background-color:#f5f5f5;
 149         border:1px solid #ccc;
 150         padding:3px;
 151         margin-right:1px;
 152 }
 153 .markItUp .markItUpHeader ul a b{
 154         display:block;
 155         background-repeat:no-repeat;
 156         width:16px; height:16px;
 157         text-indent:-10000px;
 158 }
 159
 160 .markItUp .markItUpHeader ul a:hover{border:1px solid #888; background-color:#fff;}
 161
 162