[SPIP][PLUGINS] v3.0-->v3.2

[lhc/web/www.git] / www / plugins-dist / porte_plume / css / barre_outils.css

diff --git a/www/plugins-dist/porte_plume/css/barre_outils.css b/www/plugins-dist/porte_plume/css/barre_outils.css
index 8354489..bd58d1b 100644 (file)
--- a/www/plugins-dist/porte_plume/css/barre_outils.css
+++ b/www/plugins-dist/porte_plume/css/barre_outils.css
@@ -21,7 +21,6 @@
 }
 .markItUp  {
        margin:5px 0 5px 0;
-       clear:both;
        position: relative;
 }
 .markItUp .markItUpContainer  {
@@ -46,14 +45,16 @@
        width:22px; height:5px;
        margin-left:auto;
        margin-right:auto;
-       background-image:url(images/handle.png);
+       background-image:url(img/handle.png);
        cursor:ns-resize;
 }
 
 /***************************/
 /* tabs */
 .markItUp .markItUpTabs {
-       text-align:right; 
+       font-size:12px;
+       line-height:18px;
+       text-align:right;
        padding:1px 1px 0;
        margin-bottom: -2px;
        top: 6px;
@@ -73,8 +74,8 @@
        background:#EEE;
        border-radius: 5px 5px 0 0;
 }
-.markItUp .markItUpTabs a.on { background: #fff; border-bottom: 1px solid #fff; box-shadow: 1px 1px #eee inset; }
-.markItUp .markItUpTabs a:hover {background:#fff;}
+.markItUp .markItUpTabs a.on { background-color: #fff; border-bottom: 1px solid #fff; box-shadow: 1px 1px #eee inset; }
+.markItUp .markItUpTabs a:hover {background-color:#fff;}
 
 /***************************/
 /* previsu */
@@ -84,10 +85,6 @@
        background:#fff;
        overflow:auto;
        padding:1em;
-       /* decaler de la hauteur de .markItUpTabs */
-       position:relative;
-       top:2.2em;
-       text-align:initial;
 }
 
 /* correction des styles spip_formulaires appliques par defaut (grr) */
@@ -112,6 +109,7 @@
        border-color: #F1F1F1 #EEE #CCC;
        border-color: #ddd #ddd #ccc;
        border-radius: 6px 6px 0 0;
+       min-height:29px;
 }
 .markItUp .markItUpHeader:after {
     content: "\0020";
@@ -143,7 +141,7 @@
 }
 
 .markItUp .markItUpHeader ul .markItUpDropMenu {
-       /*background:inherit url(images/menu.png) no-repeat 100% 80%;
+       /*background:inherit url(img/menu.png) no-repeat 100% 80%;
        padding-right:10px;*/
        
 }
@@ -163,7 +161,7 @@
        position:absolute;
        top: 29px; left:-1px;   
        width:150px;
-       z-index:2;
+       z-index:3;
        padding-top:2px;
 }
 /* le padding rompt la continuite du hover sous IE7&8 */
@@ -173,7 +171,7 @@
        float:left;
 }
 .markItUp .markItUpHeader ul ul .markItUpDropMenu {
-       background:#F5F5F5 url(images/submenu.png) no-repeat 50% 50%;
+       background:#F5F5F5 url(img/submenu.png) no-repeat 50% 50%;
 }
 .markItUp .markItUpHeader ul .separateur {
        border-left: 1px solid #d2d2d2;
@@ -198,4 +196,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;
+    display: block !important;
+}
+.markItUp .fullscreen .markItUpEditor{
+    position: absolute !important;
+    top:0;
+    right: 50%;
+    width: 50%;
+    max-width: 40em;
+    height: 95% !important;
+    margin-top: 30px;
+    display: block !important;
+}
+.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;
+       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 */