Changeset 104187 in spip-zone


Ignore:
Timestamp:
May 5, 2017, 9:18:58 AM (2 years ago)
Author:
erational@…
Message:

report de r104186 - en responsive, on linéarise les tableaux (au lieu du scroll proposé par tinytypo)

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _core_/branches/spip-3.1/plugins/dist/css/spip.css

    r101074 r104187  
    88
    99/* Neutraliser conflit spip / tinytypo */
    10 ul, ol {list-style:none;margin-left:0; }
    11 blockquote {   border:none; padding-left:3em;  }
     10ul, ol {list-style:none;margin-left:0;}
     11blockquote {   border:none; padding-left:3em;}
    1212blockquote:before { content:"";  /* à terme supprimer l'image quote.png et reintegrer le bon sur blocquote.spip_poesie */ }
    1313s, strike,del, .del { opacity:1;}
     
    4040table.spip tr.even td {}
    4141
     42/* en responsive,  lineariser le tableau pour eviter les scrolls*/
     43@media (max-width: 640px) {
     44        table.spip th, table.spip tr, table.spip td {
     45                display:block;
     46        }
     47        table.spip thead th {
     48                border-bottom:none !important;
     49        }
     50        table.spip thead th+th {
     51                border-top:none;
     52        }
     53        table.spip tr {
     54                border-bottom: 1px solid;
     55        }
     56        table.spip td {
     57                border-bottom:none;
     58        }
     59}
     60
    4261/* Citations, code et poesie */
    4362blockquote.spip { min-height: 40px; background: url(img/quote.png) no-repeat; }
     
    4564.spip_poesie div { margin-left: 50px; text-indent: -50px; }
    4665.spip_code,
    47 .spip_cadre {   
    48    font-family: 'Courier New', Courier, monospace;
    49    font-size: 1em; 
    50    margin:0 .2em;
     66.spip_cadre {
     67        font-family: 'Courier New', Courier, monospace;
     68        font-size: 1em;
     69        margin:0 .2em;
    5170}
    5271
    53 .spip_code {   
    54    border: 1px solid #dfdfcd;
    55    background-color: rgba(227,227,211,0.5);
    56    color: #3b3b25;
    57    text-shadow: 0 1px 0 #fdfdfc;     
     72.spip_code {
     73        border: 1px solid #dfdfcd;
     74        background-color: rgba(227,227,211,0.5);
     75        color: #3b3b25;
     76        text-shadow: 0 1px 0 #fdfdfc;
    5877}
    5978
    60 .spip_cadre { 
    61    background:#333;
    62    color:#fff;
    63    border-radius:0.5em;
    64    border:0;
     79.spip_cadre {
     80        background:#333;
     81        color:#fff;
     82        border-radius:0.5em;
     83        border:0;
    6584}
    6685
    67 textarea.spip_code, 
     86textarea.spip_code,
    6887textarea.spip_cadre {
    69    padding: 1em;
    70    width:98%;
     88        padding: 1em;
     89        width:98%;
    7190}
    7291
     
    90109.spip_doc_descriptif { clear: both; }
    91110.spip_doc_credits { font-size:x-small; clear: both; }
    92 
    93 @media (max-width: 640px) {
    94           /* fixer une largeur maximale  de 100 % aux elements potentiellement problematiques */
    95                 .spip_documents,.spip_doc_titre,.spip_doc_descriptif { max-width: 100% !important; }
    96 }
     111/* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */
     112@media (max-width: 640px) {
     113                .spip_documents,.spip_doc_titre,.spip_doc_descriptif { max-width: 100% !important; }
     114}
    97115
    98116/* Modeles par defaut */
     
    105123.formulaire_spip .boutons input,
    106124.formulaire_spip .boutons button {}
    107 .formulaire_spip input.text, 
     125.formulaire_spip input.text,
    108126.formulaire_spip textarea {padding:.2em;border:solid 1px #aaa;}
    109127@media print {
Note: See TracChangeset for help on using the changeset viewer.