Changeset 123057 in spip-zone


Ignore:
Timestamp:
Mar 23, 2020, 2:56:18 PM (2 weeks ago)
Author:
b_b
Message:

icones svg pour le porte plume (!1)

Icône svg un peu plus fidèle à l'ancienne

Tant qu'à faire, une mignonnette icône en svg + les crédits dans paquet.xml

Changement pour l'italique : i → I. Finitions dans le CSS. On supprime les vieux png, remplacés par les svg.

Fallback pour les variables CSS

«G» pour gras, «T» pour intertitres, couleur espace privé en amélioration progressive, handle en svg aussi

Crédits pour certaines icônes

Màj icônes et réorganisation du fichier.

Optimisation svg

svg avec les textes transformés en chemins

un premier jet, à affiner

Co-authored-by: Charles Razack <tcharlss@…>

Location:
_core_/plugins/porte_plume
Files:
41 added
37 deleted
6 edited

Legend:

Unmodified
Added
Removed
  • _core_/plugins/porte_plume

    • Property subgit:lock:6dd85906423487359ffdb4078fa87bed7e82353c deleted
    • Property subgit:lock:388c1bcc13392b2baa89954b3a00f7cfd5108527 set to 2020-03-23T15:56:22.663
  • _core_/plugins/porte_plume/barre_outils/edition.php

    r100794 r123057  
    489489        return array(
    490490                //'outil_header1' => 'text_heading_1.png',
    491                 'outil_header1' => array('spt-v1.png', '-10px -226px'), //'intertitre.png'
    492                 'outil_bold' => array('spt-v1.png', '-10px -478px'), //'text_bold.png'
    493                 'outil_italic' => array('spt-v1.png', '-10px -586px'), //'text_italic.png'
    494 
    495                 'outil_stroke_through' => array('spt-v1.png', '-10px -946px'), //'text_strikethrough.png'
    496 
    497                 'outil_liste_ul' => array('spt-v1.png', '-10px -622px'), //'text_list_bullets.png'
    498                 'outil_liste_ol' => array('spt-v1.png', '-10px -658px'), //'text_list_numbers.png'
    499                 'outil_indenter' => array('spt-v1.png', '-10px -514px'), //'text_indent.png'
    500                 'outil_desindenter' => array('spt-v1.png', '-10px -550px'), //'text_indent_remove.png'
     491                'outil_header1' => array('spt-v1.svg', '-2px -2px'), //'intertitre.png'
     492                'outil_bold' => array('spt-v1.svg', '-2px -22px'), //'text_bold.png'
     493                'outil_italic' => array('spt-v1.svg', '-2px -42px'), //'text_italic.png'
     494
     495                'outil_stroke_through' => array('spt-v1.svg', '-2px -62px'), //'text_strikethrough.png'
     496
     497                'outil_liste_ul' => array('spt-v1.svg', '-2px -442px'), //'text_list_bullets.png'
     498                'outil_liste_ol' => array('spt-v1.svg', '-2px -462px'), //'text_list_numbers.png'
     499                'outil_indenter' => array('spt-v1.svg', '-2px -482px'), //'text_indent.png'
     500                'outil_desindenter' => array('spt-v1.svg', '-2px -502px'), //'text_indent_remove.png'
    501501
    502502                //'outil_quote' => 'text_indent.png',
    503                 'outil_quote' => array('spt-v1.png', '-10px -442px'), //'quote.png'
    504                 'outil_poesie' => array('spt-v1.png', '-10px -1050px'), //'poesie.png'
     503                'outil_quote' => array('spt-v1.svg', '-2px -302px'), //'quote.png'
     504                'outil_poesie' => array('spt-v1.svg', '-2px -322px'), //'poesie.png'
    505505
    506506                //'outil_link' => 'world_link.png',
    507                 'outil_link' => array('spt-v1.png', '-10px -298px'), //'lien.png'
    508                 'outil_notes' => array('spt-v1.png', '-10px -334px'), //'notes.png'
    509 
    510 
    511                 'outil_guillemets' => array('spt-v1.png', '-10px -910px'), //'guillemets.png'
    512                 'outil_guillemets_simples' => array('spt-v1.png', '-10px -802px'), //'guillemets-simples.png'
    513                 'outil_guillemets_de' => array('spt-v1.png', '-10px -766px'), //'guillemets-de.png'
    514                 'outil_guillemets_de_simples' => array('spt-v1.png', '-10px -838px'), //'guillemets-uniques-de.png'
    515                 'outil_guillemets_uniques' => array('spt-v1.png', '-10px -874px'), //'guillemets-uniques.png'
    516 
    517                 'outil_caracteres' => array('spt-v1.png', '-10px -262px'), //'keyboard.png'
    518                 'outil_a_maj_grave' => array('spt-v1.png', '-10px -82px'), //'agrave-maj.png'
    519                 'outil_e_maj_aigu' => array('spt-v1.png', '-10px -154px'), //'eacute-maj.png'
    520                 'outil_e_maj_grave' => array('spt-v1.png', '-10px -190px'), //'eagrave-maj.png'
    521                 'outil_aelig' => array('spt-v1.png', '-10px -46px'), //'aelig.png'
    522                 'outil_aelig_maj' => array('spt-v1.png', '-10px -10px'), //'aelig-maj.png'
    523                 'outil_oe' => array('spt-v1.png', '-10px -406px'), //'oelig.png'
    524                 'outil_oe_maj' => array('spt-v1.png', '-10px -370px'), //'oelig-maj.png'
    525                 'outil_ccedil_maj' => array('spt-v1.png', '-10px -118px'),  //'ccedil-maj.png'
    526                 'outil_uppercase' => array('spt-v1.png', '-10px -730px'), //'text_uppercase.png'
    527                 'outil_lowercase' => array('spt-v1.png', '-10px -694px'), //'text_lowercase.png'
    528 
    529                 'outil_code' => array('spt-v1.png', '-10px -1086px'),
    530                 'outil_cadre' => array('spt-v1.png', '-10px -1122px'),
    531 
    532                 'outil_clean' => array('spt-v1.png', '-10px -982px'), //'clean.png'
    533                 'outil_preview' => array('spt-v1.png', '-10px -1018px'), //'eye.png'
     507                'outil_link' => array('spt-v1.svg', '-2px -342px'), //'lien.png'
     508                'outil_notes' => array('spt-v1.svg', '-2px -362px'), //'notes.png'
     509
     510
     511                'outil_guillemets' => array('spt-v1.svg', '-2px -522px'), //'guillemets.png'
     512                'outil_guillemets_simples' => array('spt-v1.svg', '-2px -542px'), //'guillemets-simples.png'
     513                'outil_guillemets_de' => array('spt-v1.svg', '-2px -562px'), //'guillemets-de.png'
     514                'outil_guillemets_de_simples' => array('spt-v1.svg', '-2px -582px'), //'guillemets-uniques-de.png'
     515                'outil_guillemets_uniques' => array('spt-v1.svg', '-2px -602px'), //'guillemets-uniques.png'
     516
     517                'outil_caracteres' => array('spt-v1.svg', '-2px -282px'), //'keyboard.png'
     518                'outil_a_maj_grave' => array('spt-v1.svg', '-2px -162px'), //'agrave-maj.png'
     519                'outil_e_maj_aigu' => array('spt-v1.svg', '-2px -202px'), //'eacute-maj.png'
     520                'outil_e_maj_grave' => array('spt-v1.svg', '-2px -222px'), //'eagrave-maj.png'
     521                'outil_aelig' => array('spt-v1.svg', '-2px -142px'), //'aelig.png'
     522                'outil_aelig_maj' => array('spt-v1.svg', '-2px -122px'), //'aelig-maj.png'
     523                'outil_oe' => array('spt-v1.svg', '-2px -262px'), //'oelig.png'
     524                'outil_oe_maj' => array('spt-v1.svg', '-2px -242px'), //'oelig-maj.png'
     525                'outil_ccedil_maj' => array('spt-v1.svg', '-2px -182px'),  //'ccedil-maj.png'
     526                'outil_uppercase' => array('spt-v1.svg', '-2px -82px'), //'text_uppercase.png'
     527                'outil_lowercase' => array('spt-v1.svg', '-2px -102px'), //'text_lowercase.png'
     528
     529                'outil_code' => array('spt-v1.svg', '-2px -382px'),
     530                'outil_cadre' => array('spt-v1.svg', '-2px -402px'),
     531
     532                'outil_clean' => array('spt-v1.svg', '-2px -422px'), //'clean.png'
     533                'outil_preview' => array('spt-v1.svg', '-2px -622px'), //'eye.png'
    534534        );
    535535}
  • _core_/plugins/porte_plume/css/barre_outils.css

    r103434 r123057  
    1 .formulaire_spip  textarea.markItUpEditor,
     1.formulaire_spip textarea.markItUpEditor,
    22.formulaire_spip li.editer_texte textarea {
    33        /*width: 96%;
     
    55}
    66
    7 .markItUpHeader { text-align: left; } /* fix dir=ltr */
     7.markItUpHeader {
     8        text-align: left;
     9}
     10
     11/* fix dir=ltr */
    812
    913
     
    1317// ------------------------------------------------------------------*/
    1418
    15 
    1619.markItUp .markItUpHeader a,
    1720.markItUp .markItUpTabs a,
    1821.markItUp .markItUpFooter a {
    19         color:#000;
    20         text-decoration:none;
    21 }
    22 .markItUp  {
    23         margin:5px 0 5px 0;
     22        color: #000;
     23        text-decoration: none;
     24}
     25
     26.markItUp {
     27        margin: 5px 0 5px 0;
    2428        position: relative;
    2529}
    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 }
     30
     31.markItUp .markItUpContainer {
     32        margin: 0;
     33        padding: 0;
     34}
     35
    3836.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 */
     37
     38
     39/* =================
     40 * Onglets + boutons
     41 * ================= */
     42
     43.markItUp .markItUpTabs a,
     44.markItUp .markItUpHeader a {
     45        transition: background 0.2s, color 0.2s;
     46}
     47
     48.markItUp .markItUpTabs a:hover,
     49.markItUp .markItUpTabs a:focus,
     50.markItUp .markItUpTabs a:active,
     51.markItUp .markItUpHeader ul a.active,
     52.markItUp .markItUpHeader ul a:focus,
     53.markItUp .markItUpHeader ul a:focus-within,
     54.markItUp .markItUpHeader ul a:active,
     55.markItUp .markItUpHeader ul a:hover {
     56        background-color: #eee;
     57        background-color: var(--couleur-claire2, hsla(0, 0%, 0%, 0.05)); /* Amélioration progressive nav récents */
     58        outline: none !important;
     59}
     60
     61
     62/* =======
     63 * Onglets
     64 * ======= */
     65
     66
    5467.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 }
     68        /* line-height: 18px; */
     69        text-align: right;
     70        /* overflow: hidden; */
     71        position: absolute;
     72        right: 10px;
     73        clear: right;
     74        z-index: 5; /* Un rien plus que .markItUpPreview */
     75}
     76
    6777.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 */
     78        display: block;
     79        float: right;
     80        padding: 1em 0.5em;
     81        position: relative;
     82        font-size: 12px;
     83}
     84
     85.markItUp .markItUpTabs a.on:after,
     86.markItUp .markItUpTabs a:hover:after,
     87.markItUp .markItUpTabs a:focus:after,
     88.markItUp .markItUpTabs a:active:after {
     89        content: '';
     90        display: block;
     91        position: absolute;
     92        left: 0;
     93        right: 0;
     94        bottom: -2px;
     95        border-bottom: 2px solid #888;
     96        border-bottom-color: var(--couleur-foncee, hsla(0, 0%, 0%, 0.66)); /* amélioration progressive */
     97}
     98
     99
     100/* ======
     101 * Entete
     102 * ====== */
     103
     104
    101105.markItUp .markItUpHeader {
    102106        display: block;
    103107        margin: 0;
    104108        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;
     109        min-height: 3.2em;
     110        background: white;
     111        border: 1px solid #ddd;
     112        border-color: hsla(0, 0%, 0%, 0.1); /* navs modernes */
     113        border-bottom-color: hsla(0, 0%, 0%, 0.05);  /* navs modernes */
    111114        border-radius: 6px 6px 0 0;
    112         min-height:29px;
    113 }
     115
     116}
     117
    114118.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;}
     119        content: "\0020";
     120        display: block;
     121        height: 0;
     122        clear: both;
     123        visibility: hidden;
     124        overflow: hidden;
     125}
     126
     127.lte7 .markItUp .markItUpHeader ul {
     128        height: 3.2em;
     129}
     130
    123131.markItUp .markItUpHeader ul {
    124132        display: block;
    125133        margin: 0 !important;
    126134        padding: 0;
    127 
    128 }
     135}
     136
     137/* Boutons : tous */
     138
    129139.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;
     140        list-style: none;
     141        float: left;
     142        position: relative;
     143        clear: none;
     144        border: 0;
     145        margin: 0;
     146        padding: 0;
     147        overflow: visible;
     148}
     149
     150.markItUp .markItUpHeader ul li:first-child {
     151        /* annuler un reglage des forms prive */
     152        padding-top: 0;
    181153}
    182154
     
    185157        display: block;
    186158        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; }
     159        padding: 1em 0.5em;
     160}
     161
    192162.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 */
     163        display: block;
     164        background-repeat: no-repeat;
     165        width: 1rem;
     166        height: 1rem;
     167        text-indent: -10000px;
     168}
     169
     170.markItUp .markItUpHeader > ul > li:first-child > a {
     171        padding-left: 10px; /* idem texarea */
     172}
     173
     174/* Boutons niveau 2 */
     175
     176/* FIME : indiquer les entrées possédant un menu déroulant */
     177.markItUp .markItUpHeader ul .markItUpDropMenu > a {
     178        /* background-image: url(img/menu.svg); */
     179        /* background-repeat: no-repeat; */
     180        /* background-position: right 0.25em center; */
     181        /* background-color: inherit; */
     182        /* padding-right: 1em; */
     183}
     184
     185.markItUp .markItUpHeader ul .markItUpDropMenu ul {
     186        display: none;
     187        /* opacity: 0; */
     188        /* pointer-events: none; */
     189        /* transition: opacity 0.1s; */
     190        position: absolute;
     191        top: 3.15em;
     192        width: 8rem;
     193        z-index: 3;
     194}
     195
     196.markItUp .markItUpHeader ul .markItUpDropMenu ul.expanded {
     197        display: block;
     198        /* opacity: 1; */
     199        /* pointer-events: all; */
     200        width: 12em; /* = 5 items par ligne */
     201}
     202
     203.markItUp .markItUpHeader ul .markItUpDropMenu ul li {
     204        float: left;
     205        margin-right: 0;
     206        background-color: white;
     207}
     208
     209.markItUp .markItUpHeader ul .markItUpDropMenu ul a {
     210        background-color: #eee;
     211        background-color: var(--couleur-claire2, hsla(0, 0%, 0%, 0.05)); /* Amélioration progressive navs récents */
     212}
     213.markItUp .markItUpHeader ul .markItUpDropMenu ul a:hover,
     214.markItUp .markItUpHeader ul .markItUpDropMenu ul a:focus,
     215.markItUp .markItUpHeader ul .markItUpDropMenu ul a:active {
     216        background-color: #ccc;
     217        background-color: var(--couleur-claire1, hsla(0, 0%, 0%, 0.15)); /* Amélioration progressive navs récents */
     218}
     219
     220/* le padding rompt la continuite du hover sous IE7&8 */
     221.lte8 .markItUp .markItUpHeader ul .markItUpDropMenu ul {
     222        padding-top: 0;
     223        border-top: 1px solid #ccc;
     224}
     225
     226/* Boutons niveau 3 */
     227
     228.markItUp .markItUpHeader ul ul .markItUpDropMenu {
     229        background: #F5F5F5 url(img/submenu.png) no-repeat 50% 50%;
     230}
     231
     232.markItUp .markItUpHeader ul .separateur {}
     233
     234.markItUp .markItUpHeader ul ul .separateur {
     235        margin: 0;
     236        border: 0;
     237}
     238
     239
     240/* =======
     241 * Editeur
     242 * ======= */
     243
     244 .markItUp .markItUpEditor {
     245        clear: both;
     246        display: block;
     247        overflow: auto;
     248        margin: 0;
     249}
     250
     251/* cas très particulier champs texte de spip */
     252.markItUp .markItUpEditor#text_area {
     253        height: 300px;
     254        border-color: hsla(0, 0%, 0%, 0.1); /* Amélioration progressive nav récents */
     255        border-top: 0;
     256}
     257
     258
     259/* =======
     260 * Prévisu
     261 * ======= */
     262
     263
     264 .markItUp .markItUpPreview {
     265        clear: both;
     266        border: 1px solid #ddd;
     267        border-color: hsla(0, 0%, 0%, 0.1); /* Amélioration progressive */
     268        border-top: 0;
     269        background: #fff;
     270        overflow: auto;
     271        padding: 1em;
     272}
     273
     274/* correction des styles spip_formulaires appliques par defaut (grr) */
     275.markItUp .preview p {
     276        margin-bottom: 1em;
     277}
     278
     279.markItUp .preview ul {
     280        margin-bottom: 1em;
     281        margin-top: .5em;
     282}
     283
     284.markItUp .preview li {
     285        border: none;
     286        padding: 1px;
     287}
     288
     289/* coloration code */
     290.markItUp .preview .cadre ol,
     291.markItUp .preview .cadre ul {
     292        padding: .5em;
     293}
     294
     295
     296/* ==========
     297 * Fullscreen
     298 * ========== */
     299
     300
    201301.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;
     302        position: fixed;
     303        top: 0;
     304        left: 0;
     305        height: 100%;
     306        width: 100%;
     307        background: #DDD;
     308        z-index: 1002; /* par dessus le bandeau nav */
     309}
     310
     311.markItUp .fullscreen .markItUpHeader {
     312        position: absolute;
     313        top: 0;
     314        right: 50%;
     315        width: 50%;
     316        max-width: 40em;
     317        display: block !important;
     318}
     319
     320.markItUp .fullscreen .markItUpEditor,
     321.markItUp .fullscreen .markItUpPreview {
     322        margin-top: 3.4em;
     323        top: 0;
     324        width: 50%;
     325        max-width: 40em;
     326        height: 95% !important;
     327        display: block !important;
     328        border: 0;
     329}
     330
     331.markItUp .fullscreen .markItUpEditor {
     332        position: absolute !important;
     333        right: 50%;
     334}
     335
     336.markItUp .fullscreen .markItUpPreview {
     337        position: absolute;
     338        left: 50%;
     339        -moz-box-sizing: border-box;
     340        -webkit-box-sizing: border-box;
     341        box-sizing: border-box;
     342        border-left: 1px solid #eee;
     343        border-left-color: hsla(0, 0%, 0%, 0.1);
    240344}
    241345
    242346.markItUp .fullscreen .markItUpTabs {
    243     position: absolute;
    244     left: 50%;
    245     width: 50%;
    246     max-width: 40em;
    247 }
     347        position: absolute;
     348        left: 50%;
     349        width: 50%;
     350        max-width: 40em;
     351}
     352
    248353.markItUp .fullscreen .markItUpTabs .previsuVoir,
    249354.markItUp .fullscreen .markItUpTabs .previsuEditer,
    250355.markItUp .fullscreen .markItUpFooter {
    251     display: none;
    252 }
     356        display: none;
     357}
     358
    253359.markItUp .markItUpTabs .fullscreen {
    254360        text-indent: -1000em;
    255361        text-align: left;
    256         background-image: url(img/arrow_out.png) !important;
    257         background-position:center center !important;
    258         background-repeat:no-repeat !important;
     362        background-image: url(img/arrow_out.svg) !important;
     363        background-position: center center !important;
     364        background-repeat: no-repeat !important;
    259365        -moz-box-sizing: content-box;
    260     -webkit-box-sizing: content-box;
    261     box-sizing: content-box;
     366        -webkit-box-sizing: content-box;
     367        box-sizing: content-box;
    262368        width: 16px;
    263369}
     370
    264371.markItUp .fullscreen .markItUpTabs .fullscreen {
    265         background-image: url(img/arrow_in.png) !important;
    266 }
    267 
    268 /* end */
     372        background-image: url(img/arrow_in.svg) !important;
     373}
     374
     375
     376/* ====
     377 * Pied
     378 * ==== */
     379
     380 .markItUp .markItUpFooter {
     381        margin: 0;
     382        padding: 0;
     383        width: 100%;
     384}
     385
     386
     387/* =======
     388 * Poignée
     389 * ======= */
     390
     391.markItUp .markItUpResizeHandle {
     392        overflow: hidden;
     393        width: 21px;
     394        height: 6px;
     395        margin-left: auto;
     396        margin-right: auto;
     397        background-image: url(img/handle.svg);
     398        cursor: ns-resize;
     399}
  • _core_/plugins/porte_plume/css/barre_outils_prive.css

    r86140 r123057  
    1 .formulaire_spip  textarea.markItUpEditor, .formulaire_spip li.editer_texte textarea {
     1.formulaire_spip  textarea.markItUpEditor,
     2.formulaire_spip li.editer_texte textarea {
    23        width: 100%;
    34        box-sizing: border-box;
     
    1011/* previsu */
    1112.markItUp .markItUpPreview {
    12         font-size: 1.05em;
     13        /* font-size: 1.05em;  */
    1314        line-height: 1.4em;
    1415}
  • _core_/plugins/porte_plume/javascript/jquery.markitup_pour_spip.js

    r111790 r123057  
    268268                                                                return false;
    269269                                                        }).on('mouseenter.markItUp', function() {
    270                                                                         $('> ul', this).show();
     270                                                                        $('> a', this).addClass('active');
     271                                                                        $('> ul', this).addClass('expanded');
    271272                                                                        $(document).one('click', function() { // close dropmenu if click outside
    272                                                                                         $('ul ul', header).hide();
     273                                                                                        $('ul a', header).removeClass('active');
     274                                                                                        $('ul ul', header).removeClass('expanded');
    273275                                                                                }
    274276                                                                        );
    275277                                                        }).on('mouseleave.markItUp', function() {
    276                                                                         $('> ul', this).hide();
     278                                                                        $('> a', this).removeClass('active');
     279                                                                        $('> ul', this).removeClass('expanded');
    277280                                                        }).appendTo(ul);
    278281                                                        if (button.dropMenu) {
  • _core_/plugins/porte_plume/paquet.xml

    r112006 r123057  
    55        etat="stable"
    66        compatibilite="[3.3.0-dev;3.3.*]"
    7         logo="images/porte-plume-32.png"
     7        logo="images/porte-plume-xx.svg"
    88        documentation="https://contrib.spip.net/Porte-plume,3117"
    99>
     
    1515        <credit lien="http://markitup.jaysalvat.com/">Jay Salvat (MarkitUp)</credit>
    1616        <credit lien="http://www.famfamfam.com/">FamFamFam (Icones)</credit>
     17        <credit lien="https://thenounproject.com/search/?q=preview&amp;i=2766461">Frey Wazza / The Noun Project (icône)</credit>
    1718
    1819        <licence lien="http://www.gnu.org/licenses/gpl-3.0.html">GNU/GPL</licence>
Note: See TracChangeset for help on using the changeset viewer.