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         position: relative;
  25 }
  26 .markItUp .markItUpContainer  {
  27         margin:0; padding:0;
  28 }
  29 .markItUp .markItUpEditor {
  30         clear:both;
  31         display:block;
  32         overflow:auto;
  33         margin: 0;
  34 }
  35 #text_area { /* cas tres particulier champs texte de spip */
  36         height:300px;
  37 }
  38 .markItUp .markItUpPreviewFrame {}
  39 .markItUp .markItUpFooter {
  40         margin:0; padding:0;
  41         width:100%;
  42 }
  43 .markItUp .markItUpResizeHandle {
  44         overflow:hidden;
  45         width:22px; height:5px;
  46         margin-left:auto;
  47         margin-right:auto;
  48         background-image:url(img/handle.png);
  49         cursor:ns-resize;
  50 }
  51
  52 /***************************/
  53 /* tabs */
  54 .markItUp .markItUpTabs {
  55         font-size:12px;
  56         line-height:18px;
  57         text-align:right;
  58         padding:1px 1px 0;
  59         margin-bottom: -2px;
  60         top: 6px;
  61         overflow:hidden;
  62     position: absolute;
  63         right: 30px;
  64         clear:right;
  65         z-index:5; /* Un rien plus que .markItUpPreview */
  66 }
  67 .markItUp .markItUpTabs a {
  68         display:block;
  69         float:right;
  70         border:1px solid #ccc;
  71         border-bottom: 0;
  72         margin:0px 1px;
  73         padding: 3px 4px 2px;
  74         background:#EEE;
  75         border-radius: 5px 5px 0 0;
  76 }
  77 .markItUp .markItUpTabs a.on { background-color: #fff; border-bottom: 1px solid #fff; box-shadow: 1px 1px #eee inset; }
  78 .markItUp .markItUpTabs a:hover {background-color:#fff;}
  79
  80 /***************************/
  81 /* previsu */
  82 .markItUp .markItUpPreview {
  83         clear:both;
  84         border:1px solid #ccc;
  85         background:#fff;
  86         overflow:auto;
  87         padding:1em;
  88 }
  89
  90 /* correction des styles spip_formulaires appliques par defaut (grr) */
  91 .markItUp .preview p {margin-bottom:1em;}
  92 .markItUp .preview ul {margin-bottom:1em; margin-top:.5em;}
  93 .markItUp .preview li {border:none; padding:1px;}
  94 /* coloration code */
  95 .markItUp .preview .cadre ol,
  96 .markItUp .preview .cadre ul {padding:.5em;}
  97
  98
  99 /***************************************************************************************/
 100 /* first row of buttons */
 101 .markItUp .markItUpHeader {
 102         display: block;
 103         margin: 0;
 104         padding: 0;
 105         background-color: #F5F5F5;
 106         background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#DDD));
 107         background: -moz-linear-gradient(top, #F1F1F1, #DDD);
 108         border: 1px solid #ccc;
 109         border-color: #F1F1F1 #EEE #CCC;
 110         border-color: #ddd #ddd #ccc;
 111         border-radius: 6px 6px 0 0;
 112         min-height:29px;
 113 }
 114 .markItUp .markItUpHeader:after {
 115     content: "\0020";
 116     display: block;
 117     height: 0;
 118     clear: both;
 119     visibility: hidden;
 120     overflow: hidden;
 121 }
 122 .lte7 .markItUp .markItUpHeader ul {height:29px;}
 123 .markItUp .markItUpHeader ul {
 124         display: block;
 125         margin: 0 !important;
 126         padding: 0;
 127
 128 }
 129 .markItUp .markItUpHeader ul li {
 130         list-style:none;
 131         float:left;
 132         position:relative;
 133         clear:none;
 134         border:0;
 135         margin:0;
 136         padding:0;
 137         overflow:visible;
 138 }
 139 .markItUp .markItUpHeader ul li:first-child { /* annuler un reglage des forms prive */
 140         padding-top:0;
 141 }
 142
 143 .markItUp .markItUpHeader ul .markItUpDropMenu {
 144         /*background:inherit url(img/menu.png) no-repeat 100% 80%;
 145         padding-right:10px;*/
 146
 147 }
 148 .markItUp .markItUpHeader ul .markItUpDropMenu ul { border-left: 1px solid #CCC; }
 149 .markItUp .markItUpHeader ul .markItUpDropMenu li {
 150         margin-right: 0;
 151         padding: 0 1px 1px 0;
 152         background-color: #CCC;
 153 }
 154 .markItUp .markItUpHeader ul ul a {
 155         background-color: #F1F1F1;
 156 }
 157
 158 /* next rows of buttons */
 159 .markItUp .markItUpHeader ul ul {
 160         display:none;
 161         position:absolute;
 162         top: 29px; left:-1px;
 163         width:150px;
 164         z-index:3;
 165         padding-top:2px;
 166 }
 167 /* le padding rompt la continuite du hover sous IE7&8 */
 168 .lte8 .markItUp .markItUpHeader ul ul {padding-top: 0;border-top:1px solid #ccc;}
 169
 170 .markItUp .markItUpHeader ul ul li {
 171         float:left;
 172 }
 173 .markItUp .markItUpHeader ul ul .markItUpDropMenu {
 174         background:#F5F5F5 url(img/submenu.png) no-repeat 50% 50%;
 175 }
 176 .markItUp .markItUpHeader ul .separateur {
 177         border-left: 1px solid #d2d2d2;
 178 }
 179 .markItUp .markItUpHeader ul ul .separateur {
 180         margin:0; border: 0;
 181 }
 182
 183 .markItUp .markItUpHeader ul a {
 184         clear: none;
 185         display: block;
 186         margin: 0;
 187         padding: 7px 6px 6px;
 188 }
 189 .markItUp .markItUpHeader ul a:focus,
 190 .markItUp .markItUpHeader ul a:active { -moz-transform: translateY(1px); outline: none !important; }
 191 .markItUp .markItUpHeader ul a:hover { background-color: #fff; }
 192 .markItUp .markItUpHeader ul a em {
 193         display:block;
 194         background-repeat:no-repeat;
 195         width:16px; height:16px;
 196         text-indent:-10000px;
 197 }
 198
 199 /******************************************************************************/
 200 /* Fullscreen */
 201 .markItUp .markItUpContainer.fullscreen {
 202     position: fixed;
 203     top:0;
 204     left:0;
 205     height: 100%;
 206     width: 100%;
 207     background: #DDD;
 208           z-index:1002; /* par dessus le bandeau nav */
 209 }
 210 .markItUp .fullscreen .markItUpHeader{
 211     position: absolute;
 212     top:0;
 213     right: 50%;
 214     width: 50%;
 215     max-width: 40em;
 216     display: block !important;
 217 }
 218 .markItUp .fullscreen .markItUpEditor{
 219     position: absolute !important;
 220     top:0;
 221     right: 50%;
 222     width: 50%;
 223     max-width: 40em;
 224     height: 95% !important;
 225     margin-top: 30px;
 226     display: block !important;
 227 }
 228 .markItUp .fullscreen .markItUpPreview{
 229     position: absolute;
 230     top:0;
 231     left: 50%;
 232     width: 50%;
 233     max-width: 40em;
 234     height: 95% !important;
 235     margin-top: 30px;
 236     display: block !important;
 237     -moz-box-sizing: border-box;
 238     -webkit-box-sizing: border-box;
 239     box-sizing: border-box;
 240 }
 241
 242 .markItUp .fullscreen .markItUpTabs {
 243     position: absolute;
 244     left: 50%;
 245     width: 50%;
 246     max-width: 40em;
 247 }
 248 .markItUp .fullscreen .markItUpTabs .previsuVoir,
 249 .markItUp .fullscreen .markItUpTabs .previsuEditer,
 250 .markItUp .fullscreen .markItUpFooter {
 251     display: none;
 252 }
 253 .markItUp .markItUpTabs .fullscreen {
 254         text-indent: -1000em;
 255         text-align: left;
 256         background-image: url(img/arrow_out.png) !important;
 257         background-position:center center !important;
 258         background-repeat:no-repeat !important;
 259         -moz-box-sizing: content-box;
 260     -webkit-box-sizing: content-box;
 261     box-sizing: content-box;
 262         width: 16px;
 263 }
 264 .markItUp .fullscreen .markItUpTabs .fullscreen {
 265         background-image: url(img/arrow_in.png) !important;
 266 }
 267
 268 /* end */