Changeset 106900 in spip-zone


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

Styler de même les pre et pre code, qu’ils soient ou non dans une div additionnelle (tient compte du cas de <pre> et <code> non générés par SPIP + priorité plus légère pour la surcharge css)

File:
1 edited

Legend:

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

    r106898 r106900  
    2121
    2222/* Blocs de code */
    23 .simplec_code {
    24   margin-bottom: 1.5em;
    25 }
    26 .simplec_code pre {
     23pre[class] {
    2724  overflow: hidden;
    2825  position: relative;
     
    3128  line-height: 1.5;
    3229}
    33 .simplec_code pre[class]::before {
     30pre[class]::before {
    3431  content: attr(class);
    3532  position: absolute;
     
    4037  font-size: .8rem;
    4138}
    42 .simplec_code pre code {
     39pre code {
    4340  display: block;
    4441  background: transparent;
     
    4744  overflow: auto;
    4845}
    49 .simplec_code pre code br { display: none !important; } /* patch pour SPIP qui génère des <br> intempestifs, cf.: https://core.spip.net/issues/2504 */
     46pre code br { display: none !important; } /* patch pour SPIP qui génère des <br> intempestifs, cf.: https://core.spip.net/issues/2504 */
    5047
    5148/* Variantes par langage */
    5249
    53 .simplec_code pre               { border-color: rgba(119, 119, 119, .2); border-left-color: #AAA; }
    54 .simplec_code pre:before        { color: rgba(119, 119, 119, .5); }
    55 .simplec_code pre.spip,
    56 .simplec_code pre.spip2         { border-color: rgba(117, 80, 123, .2); border-left-color: #75507B; }
    57 .simplec_code pre.spip::before,
    58 .simplec_code pre.spip2::before { color: rgba(117, 80, 123, .75); }
    59 .simplec_code pre.html          { border-color: rgba(236, 102, 43, .2); border-left-color: #EC662B; }
    60 .simplec_code pre.html::before  { color: rgba(236, 102, 43, .75); }
    61 .simplec_code pre.css           { border-color: rgba(133, 202, 21, .2); border-left-color: #85CA15; }
    62 .simplec_code pre.css::before   { color: rgba(133, 202, 21, .75); }
    63 .simplec_code pre.less          { border-color: rgba(29, 54, 93, .2); border-left-color: #1d365d; }
    64 .simplec_code pre.less::before  { color: rgba(29, 54, 93, .75); }
    65 .simplec_code pre.sass,
    66 .simplec_code pre.scss          { border-color: rgba(207, 100, 154, .2); border-left-color: #CF649A; }
    67 .simplec_code pre.sass::before,
    68 .simplec_code pre.scss::before  { color: rgba(207, 100, 154, .75); }
    69 .simplec_code pre.js            { border-color: rgba(228, 162, 39, .2); border-left-color: #E4A227; }
    70 .simplec_code pre.js::before    { color: rgba(228, 162, 39, .75); }
    71 .simplec_code pre.php           { border-color: rgba(98, 129, 184, .2); border-left-color: #6281B8; }
    72 .simplec_code pre.php::before   { color: rgba(98, 129, 184, .75); }
    73 .simplec_code pre.xml           { border-color: rgba(229, 184, 3, .2); border-left-color: #E5B803; }
    74 .simplec_code pre.xml::before   { color: rgba(229, 184, 3, .75); }
    75 .simplec_code pre.md            { border-color: rgba(121, 195, 210, .2); border-left-color: #79C3D2; }
    76 .simplec_code pre.md::before    { color: rgba(121, 195, 210, .75); }
     50pre               { border-color: rgba(119, 119, 119, .2); border-left-color: #AAA; }
     51pre:before        { color: rgba(119, 119, 119, .5); }
     52pre.spip,
     53pre.spip2         { border-color: rgba(117, 80, 123, .2); border-left-color: #75507B; }
     54pre.spip::before,
     55pre.spip2::before { color: rgba(117, 80, 123, .75); }
     56pre.html          { border-color: rgba(236, 102, 43, .2); border-left-color: #EC662B; }
     57pre.html::before  { color: rgba(236, 102, 43, .75); }
     58pre.css           { border-color: rgba(133, 202, 21, .2); border-left-color: #85CA15; }
     59pre.css::before   { color: rgba(133, 202, 21, .75); }
     60pre.less          { border-color: rgba(29, 54, 93, .2); border-left-color: #1d365d; }
     61pre.less::before  { color: rgba(29, 54, 93, .75); }
     62pre.sass,
     63pre.scss          { border-color: rgba(207, 100, 154, .2); border-left-color: #CF649A; }
     64pre.sass::before,
     65pre.scss::before  { color: rgba(207, 100, 154, .75); }
     66pre.js            { border-color: rgba(228, 162, 39, .2); border-left-color: #E4A227; }
     67pre.js::before    { color: rgba(228, 162, 39, .75); }
     68pre.php           { border-color: rgba(98, 129, 184, .2); border-left-color: #6281B8; }
     69pre.php::before   { color: rgba(98, 129, 184, .75); }
     70pre.xml           { border-color: rgba(229, 184, 3, .2); border-left-color: #E5B803; }
     71pre.xml::before   { color: rgba(229, 184, 3, .75); }
     72pre.md            { border-color: rgba(121, 195, 210, .2); border-left-color: #79C3D2; }
     73pre.md::before    { color: rgba(121, 195, 210, .75); }
    7774/* http://hex2rgba.devoth.com */
    7875
     
    8077.simplec_code {
    8178  position: relative;
     79  margin-bottom: 1.5em;
    8280}
    83 .simplec_code .copy-button {
     81.copy-button {
    8482  display: none;
    8583  position: absolute;
Note: See TracChangeset for help on using the changeset viewer.