www/plugins-dist/porte_plume/css/barre_outils.css

   1 .formulaire_spip  textarea.markItUpEditor,
   2 .formulaire_spip li.editer_texte textarea {
   3         /*width: 96%;
   4         clear: both;*/
   5 }
   6
   7 .markItUpHeader { text-align: left; } /* fix dir=ltr */
   8
   9
  10 /* -------------------------------------------------------------------
  11 // markItUp! Universal MarkUp Engine, JQuery plugin
  12 // By Jay Salvat - http://markitup.jaysalvat.com/
  13 // ------------------------------------------------------------------*/
  14
  15
  16 .markItUp .markItUpHeader a,
  17 .markItUp .markItUpTabs a,
  18 .markItUp .markItUpFooter a {
  19         color:#000;
  20         text-decoration:none;
  21 }
  22 .markItUp  {
  23         margin:5px 0 5px 0;
  24         clear:both;
  25     position: relative;
  26 }
  27 .markItUp .markItUpContainer  {
  28         margin:0; padding:0;
  29 }
  30 .markItUp .markItUpEditor {
  31         clear:both;
  32         display:block;
  33         overflow:auto;
  34         margin: 0;
  35 }
  36 #text_area { /* cas tres particulier champs texte de spip */
  37         height:300px;
  38 }
  39 .markItUp .markItUpPreviewFrame {}
  40 .markItUp .markItUpFooter {
  41         margin:0; padding:0;
  42         width:100%;
  43 }
  44 .markItUp .markItUpResizeHandle {
  45         overflow:hidden;
  46         width:22px; height:5px;
  47         margin-left:auto;
  48         margin-right:auto;
  49         background-image:url(images/handle.png);
  50         cursor:ns-resize;
  51 }
  52
  53 /***************************/
  54 /* tabs */
  55 .markItUp .markItUpTabs {
  56         text-align:right;
  57         padding:1px 1px 0;
  58         margin-bottom: -2px;
  59         top: 6px;
  60         overflow:hidden;
  61     position: absolute;
  62         right: 30px;
  63         clear:right;
  64         z-index:5; /* Un rien plus que .markItUpPreview */
  65 }
  66 .markItUp .markItUpTabs a {
  67         display:block;
  68         float:right;
  69         border:1px solid #ccc;
  70         border-bottom: 0;
  71         margin:0px 1px;
  72         padding: 3px 4px 2px;
  73         background:#EEE;
  74         border-radius: 5px 5px 0 0;
  75 }
  76 .markItUp .markItUpTabs a.on { background: #fff; border-bottom: 1px solid #fff; box-shadow: 1px 1px #eee inset; }
  77 .markItUp .markItUpTabs a:hover {background:#fff;}
  78
  79 /***************************/
  80 /* previsu */
  81 .markItUp .markItUpPreview {
  82         clear:both;
  83         border:1px solid #ccc;
  84         background:#fff;
  85         overflow:auto;
  86         padding:1em;
  87         /* decaler de la hauteur de .markItUpTabs */
  88         position:relative;
  89         top:2.2em;
  90 }
  91
  92 /* correction des styles spip_formulaires appliques par defaut (grr) */
  93 .markItUp .preview p {margin-bottom:1em;}
  94 .markItUp .preview ul {margin-bottom:1em; margin-top:.5em;}
  95 .markItUp .preview li {border:none; padding:1px;}
  96 /* coloration code */
  97 .markItUp .preview .cadre ol,
  98 .markItUp .preview .cadre ul {padding:.5em;}
  99
 100
 101 /***************************************************************************************/
 102 /* first row of buttons */
 103 .markItUp .markItUpHeader {
 104         display: block;
 105         margin: 0;
 106         padding: 0;
 107         background-color: #F5F5F5;
 108         background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#DDD));
 109         background: -moz-linear-gradient(top, #F1F1F1, #DDD);
 110         border: 1px solid #ccc;
 111         border-color: #F1F1F1 #EEE #CCC;
 112         border-color: #ddd #ddd #ccc;
 113         border-radius: 6px 6px 0 0;
 114 }
 115 .markItUp .markItUpHeader:after {
 116     content: "\0020";
 117     display: block;
 118     height: 0;
 119     clear: both;
 120     visibility: hidden;
 121     overflow: hidden;
 122 }
 123 .lte7 .markItUp .markItUpHeader ul {height:29px;}
 124 .markItUp .markItUpHeader ul {
 125         display: block;
 126         margin: 0 !important;
 127         padding: 0;
 128
 129 }
 130 .markItUp .markItUpHeader ul li {
 131         list-style:none;
 132         float:left;
 133         position:relative;
 134         clear:none;
 135         border:0;
 136         margin:0;
 137         padding:0;
 138         overflow:visible;
 139 }
 140 .markItUp .markItUpHeader ul li:first-child { /* annuler un reglage des forms prive */
 141         padding-top:0;
 142 }
 143
 144 .markItUp .markItUpHeader ul .markItUpDropMenu {
 145         /*background:inherit url(images/menu.png) no-repeat 100% 80%;
 146         padding-right:10px;*/
 147
 148 }
 149 .markItUp .markItUpHeader ul .markItUpDropMenu ul { border-left: 1px solid #CCC; }
 150 .markItUp .markItUpHeader ul .markItUpDropMenu li {
 151         margin-right: 0;
 152         padding: 0 1px 1px 0;
 153         background-color: #CCC;
 154 }
 155 .markItUp .markItUpHeader ul ul a {
 156         background-color: #F1F1F1;
 157 }
 158
 159 /* next rows of buttons */
 160 .markItUp .markItUpHeader ul ul {
 161         display:none;
 162         position:absolute;
 163         top: 29px; left:-1px;
 164         width:150px;
 165         z-index:2;
 166         padding-top:2px;
 167 }
 168 /* le padding rompt la continuite du hover sous IE7&8 */
 169 .lte8 .markItUp .markItUpHeader ul ul {padding-top: 0;border-top:1px solid #ccc;}
 170
 171 .markItUp .markItUpHeader ul ul li {
 172         float:left;
 173 }
 174 .markItUp .markItUpHeader ul ul .markItUpDropMenu {
 175         background:#F5F5F5 url(images/submenu.png) no-repeat 50% 50%;
 176 }
 177 .markItUp .markItUpHeader ul .separateur {
 178         border-left: 1px solid #d2d2d2;
 179 }
 180 .markItUp .markItUpHeader ul ul .separateur {
 181         margin:0; border: 0;
 182 }
 183
 184 .markItUp .markItUpHeader ul a {
 185         clear: none;
 186         display: block;
 187         margin: 0;
 188         padding: 7px 6px 6px;
 189 }
 190 .markItUp .markItUpHeader ul a:focus,
 191 .markItUp .markItUpHeader ul a:active { -moz-transform: translateY(1px); outline: none !important; }
 192 .markItUp .markItUpHeader ul a:hover { background-color: #fff; }
 193 .markItUp .markItUpHeader ul a em {
 194         display:block;
 195         background-repeat:no-repeat;
 196         width:16px; height:16px;
 197         text-indent:-10000px;
 198 }
 199
 200 /* end */