Changeset 106903 in spip-zone


Ignore:
Timestamp:
Oct 15, 2017, 4:50:38 PM (22 months ago)
Author:
tetue@…
Message:

Ajustements CSS

Location:
_plugins_/precode/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/precode/trunk/css/simplec.css

    r106901 r106903  
    88tt {}
    99
    10 /* Texte preformaté simple */
     10/* Texte pré-formaté */
    1111pre {
     12  border: 1px solid;
     13  border-style: solid;
     14  border-width: 2px 2px 2px 4px;
     15  border-radius: 0 4px 4px 0;
     16  line-height: initial;   /* Pour préserver la lisibilité en monoscpace */
     17}
     18
     19/* scroll pour les contenus longs */
     20pre,
     21pre code {
    1222  overflow-x: auto;       /* Ajoute un scroll horizontal en cas de dépassement */
    1323  padding: 12px;
    1424  padding-bottom: 12px;   /* Préserve l'espace suffisant pour la barre de scroll */
    15   border: 1px solid;
    16   border-style: solid;
    17   border-color: #dee0c8;
    18   border-width: 2px 2px 2px 4px;
    19   border-radius: 0 4px 4px 0;
    2025}
    2126
    2227/* Blocs de code */
    2328pre[class] {
    24   overflow: hidden;
    2529  position: relative;
     30  overflow: hidden;       /* Annuler le scroll qui est déplacé sur code */
    2631  padding: 0;
    2732  background: #F8F8F8;
    28   line-height: 1.5;
    2933}
    3034pre[class]::before {
     
    4044  display: block;
    4145  background: transparent;
    42   padding-left: 6px;
    43   padding: 12px;
    44   overflow: auto;
    4546}
     47pre br,
    4648pre code br { display: none !important; } /* patch pour SPIP qui génère des <br> intempestifs, cf.: https://core.spip.net/issues/2504 */
    4749
    4850/* Variantes par langage */
    49 
    50 pre               { border-color: rgba(119, 119, 119, .2); border-left-color: #AAA; }
    51 pre::before        { color: rgba(119, 119, 119, .5); }
     51pre               { border-color: rgba(119, 119, 119, .2); border-left-color: #BBB; }
     52pre::before       { color: rgba(119, 119, 119, .5); }
    5253pre.spip,
    53 pre.spip2         { border-color: rgba(117, 80, 123, .2); border-left-color: #75507B; }
     54pre.spip2         { border-color: rgba(102, 0, 102, .2); border-left-color: #660066; }
    5455pre.spip::before,
    55 pre.spip2::before { color: rgba(117, 80, 123, .75); }
     56pre.spip2::before { color: rgba(102, 0, 102, .75); }
    5657pre.html          { border-color: rgba(236, 102, 43, .2); border-left-color: #EC662B; }
    5758pre.html::before  { color: rgba(236, 102, 43, .75); }
     
    6667pre.js            { border-color: rgba(228, 162, 39, .2); border-left-color: #E4A227; }
    6768pre.js::before    { color: rgba(228, 162, 39, .75); }
    68 pre.php           { border-color: rgba(98, 129, 184, .2); border-left-color: #6281B8; }
    69 pre.php::before   { color: rgba(98, 129, 184, .75); }
    70 pre.xml           { border-color: rgba(229, 184, 3, .2); border-left-color: #E5B803; }
    71 pre.xml::before   { color: rgba(229, 184, 3, .75); }
    72 pre.md            { border-color: rgba(121, 195, 210, .2); border-left-color: #79C3D2; }
    73 pre.md::before    { color: rgba(121, 195, 210, .75); }
     69pre.php           { border-color: rgba(119, 123, 179, .2); border-left-color: #777BB3; }
     70pre.php::before   { color: rgba(119, 123, 179, .75); }
     71pre.xml           { border-color: rgba(246, 120, 0, .2); border-left-color: #F67800; }
     72pre.xml::before   { color: rgba(246, 120, 0, .75); }
    7473/* pour trouver la couleur rgba transparente correspondant à l'hexa :
    7574http://hex2rgba.devoth.com */
  • _plugins_/precode/trunk/demo/simplec.html

    r106902 r106903  
    11<head>
    22#INSERT_HEAD_CSS
     3#INSERT_HEAD
    34<style type="text/css">
    45.page { width: 33em; margin: 0 auto; }
Note: See TracChangeset for help on using the changeset viewer.