Résolution du second problème : on déplace tous les styles qui concernent le fullscreen dans la feuille commune. Cette fonctionnalité marche donc tout aussi bien dans le site public. Au passage on renforce certains styles, notamment l'onglet avec l'icône fullscreen, pour qu'il soit toujours à la bonne taille (en pixel toujours), et avec l'icône (car ça virait en FOCUS avec Tinytypo… hum hum).

css/barre_outils.css

@@ -198,4 +198,73 @@
 	text-indent:-10000px;
 }
 
+/******************************************************************************/
+/* Fullscreen */
+.markItUp .markItUpContainer.fullscreen {
+    position: fixed;
+    top:0;
+    left:0;
+    height: 100%;
+    width: 100%;
+    background: #DDD;
+	  z-index:1002; /* par dessus le bandeau nav */
+}
+.markItUp .fullscreen .markItUpHeader{
+    position: absolute;
+    top:0;
+    right: 50%;
+    width: 50%;
+    max-width: 40em;
+}
+.markItUp .fullscreen .markItUpEditor{
+    position: absolute !important;
+    top:0;
+    right: 50%;
+    width: 50%;
+    max-width: 40em;
+    height: 95% !important;
+    margin-top: 30px;
+}
+.markItUp .fullscreen .markItUpPreview{
+    position: absolute;
+    top:0;
+    left: 50%;
+    width: 50%;
+    max-width: 40em;
+    height: 95% !important;
+    margin-top: 30px;
+    display: block !important;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+.markItUp .fullscreen .markItUpTabs {
+    position: absolute;
+    left: 50%;
+    width: 50%;
+    max-width: 40em;
+}
+.markItUp .fullscreen .markItUpTabs .previsuVoir,
+.markItUp .fullscreen .markItUpTabs .previsuEditer,
+.markItUp .fullscreen .markItUpFooter {
+    display: none;
+}
+.markItUp .markItUpTabs .fullscreen {
+	text-indent: -1000em;
+	text-align: left;
+	font-size: 1px;
+	line-height:18px;
+	background-image: url(img/arrow_out.png) !important;
+	background-position:center center !important;
+	background-repeat:no-repeat !important;
+	-moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box;
+    box-sizing: content-box;
+	width: 16px;
+}
+.markItUp .fullscreen .markItUpTabs .fullscreen {
+	background-image: url(img/arrow_in.png) !important;
+}
+
 /* end */

css/barre_outils_prive.css

@@ -12,59 +12,3 @@
 	font-size: 1.05em; 
 	line-height: 1.4em;
 }
-
-
-.markItUp .markItUpContainer.fullscreen {
-    position: fixed;
-    top:0;
-    left:0;
-    height: 100%;
-    width: 100%;
-    background: #DDD;
-	  z-index:1002; /* par dessus le bandeau nav */
-}
-.markItUp .fullscreen .markItUpHeader{
-    position: absolute;
-    top:0;
-    right: 50%;
-    width: 50%;
-    max-width: 40em;
-}
-.markItUp .fullscreen .markItUpEditor{
-    position: absolute !important;
-    top:0;
-    right: 50%;
-    width: 50%;
-    max-width: 40em;
-    height: 95% !important;
-    margin-top: 30px;
-}
-
-.markItUp .fullscreen .markItUpPreview{
-    position: absolute;
-    top:0;
-    left: 50%;
-    width: 50%;
-    max-width: 40em;
-    height: 95% !important;
-    margin-top: 30px;
-    display: block !important;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-}
-
-.markItUp .fullscreen .markItUpTabs {
-    position: absolute;
-    left: 50%;
-    width: 50%;
-    max-width: 40em;
-}
-.markItUp .fullscreen .markItUpTabs .previsuVoir,
-.markItUp .fullscreen .markItUpTabs .previsuEditer,
-.markItUp .fullscreen .markItUpFooter {
-    display: none;
-}
-
-.markItUp .markItUpTabs .fullscreen { text-indent: -1000em; text-align: left; font-size: 1px; background: url(img/arrow_out.png) center no-repeat; width: 16px; }
-.markItUp .fullscreen .markItUpTabs .fullscreen { background-image: url(img/arrow_in.png); }

paquet.xml

@@ -1,7 +1,7 @@
 <paquet
 	prefix="porte_plume"
 	categorie="edition"
-	version="1.15.2"
+	version="1.15.3"
 	etat="stable"
 	compatibilite="[3.0.0;3.1.*]"
 	logo="images/porte-plume-32.png"