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         text-align:initial;
  91 }
  92
  93 /* correction des styles spip_formulaires appliques par defaut (grr) */
  94 .markItUp .preview p {margin-bottom:1em;}
  95 .markItUp .preview ul {margin-bottom:1em; margin-top:.5em;}
  96 .markItUp .preview li {border:none; padding:1px;}
  97 /* coloration code */
  98 .markItUp .preview .cadre ol,
  99 .markItUp .preview .cadre ul {padding:.5em;}
 100
 101
 102 /***************************************************************************************/
 103 /* first row of buttons */
 104 .markItUp .markItUpHeader {
 105         display: block;
 106         margin: 0;
 107         padding: 0;
 108         background-color: #F5F5F5;
 109         background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F1), to(#DDD));
 110         background: -moz-linear-gradient(top, #F1F1F1, #DDD);
 111         border: 1px solid #ccc;
 112         border-color: #F1F1F1 #EEE #CCC;
 113         border-color: #ddd #ddd #ccc;
 114         border-radius: 6px 6px 0 0;
 115 }
 116 .markItUp .markItUpHeader:after {
 117     content: "\0020";
 118     display: block;
 119     height: 0;
 120     clear: both;
 121     visibility: hidden;
 122     overflow: hidden;
 123 }
 124 .lte7 .markItUp .markItUpHeader ul {height:29px;}
 125 .markItUp .markItUpHeader ul {
 126         display: block;
 127         margin: 0 !important;
 128         padding: 0;
 129
 130 }
 131 .markItUp .markItUpHeader ul li {
 132         list-style:none;
 133         float:left;
 134         position:relative;
 135         clear:none;
 136         border:0;
 137         margin:0;
 138         padding:0;
 139         overflow:visible;
 140 }
 141 .markItUp .markItUpHeader ul li:first-child { /* annuler un reglage des forms prive */
 142         padding-top:0;
 143 }
 144
 145 .markItUp .markItUpHeader ul .markItUpDropMenu {
 146         /*background:inherit url(images/menu.png) no-repeat 100% 80%;
 147         padding-right:10px;*/
 148
 149 }
 150 .markItUp .markItUpHeader ul .markItUpDropMenu ul { border-left: 1px solid #CCC; }
 151 .markItUp .markItUpHeader ul .markItUpDropMenu li {
 152         margin-right: 0;
 153         padding: 0 1px 1px 0;
 154         background-color: #CCC;
 155 }
 156 .markItUp .markItUpHeader ul ul a {
 157         background-color: #F1F1F1;
 158 }
 159
 160 /* next rows of buttons */
 161 .markItUp .markItUpHeader ul ul {
 162         display:none;
 163         position:absolute;
 164         top: 29px; left:-1px;
 165         width:150px;
 166         z-index:2;
 167         padding-top:2px;
 168 }
 169 /* le padding rompt la continuite du hover sous IE7&8 */
 170 .lte8 .markItUp .markItUpHeader ul ul {padding-top: 0;border-top:1px solid #ccc;}
 171
 172 .markItUp .markItUpHeader ul ul li {
 173         float:left;
 174 }
 175 .markItUp .markItUpHeader ul ul .markItUpDropMenu {
 176         background:#F5F5F5 url(images/submenu.png) no-repeat 50% 50%;
 177 }
 178 .markItUp .markItUpHeader ul .separateur {
 179         border-left: 1px solid #d2d2d2;
 180 }
 181 .markItUp .markItUpHeader ul ul .separateur {
 182         margin:0; border: 0;
 183 }
 184
 185 .markItUp .markItUpHeader ul a {
 186         clear: none;
 187         display: block;
 188         margin: 0;
 189         padding: 7px 6px 6px;
 190 }
 191 .markItUp .markItUpHeader ul a:focus,
 192 .markItUp .markItUpHeader ul a:active { -moz-transform: translateY(1px); outline: none !important; }
 193 .markItUp .markItUpHeader ul a:hover { background-color: #fff; }
 194 .markItUp .markItUpHeader ul a em {
 195         display:block;
 196         background-repeat:no-repeat;
 197         width:16px; height:16px;
 198         text-indent:-10000px;
 199 }
 200
 201 /* end */