Dotclear

Changeset 2152:e0cb51d6543f


Ignore:
Timestamp:
09/29/13 15:16:01 (11 years ago)
Author:
Anne Kozlika <kozlika@…>
Branch:
default
Message:

Nouvelle image pour le date-picker
Améliorations CSS (vérifiez notamment vos two-boxes, three-boxes et box si vous en utilisez dans vos plugins, me dire si ça casse quelque chose -- en principe non !)
Tableau-liste des commentaires, liens vers les billets plus discrets.

Files:
7 edited

Legend:

Unmodified
Added
Removed

  • admin/_charte.php

    r2111 r2152  
    158158                              </div><!-- 
    159159                              --><div class="two-boxes even"> 
    160                                    <p><span class="step">2</span> S'il n'y a que deux boîtes, une autre class n'est pas nécessaire. S'il y en a plusieurs, il est conseillé de leur attribuer alternativement les class <code>"odd"</code> et <code>"even"</code> pour que les marges se placent correctement.</p> 
     160                                   <p><span class="step">2</span> On peut assortir une boîte des class <code>"odd"</code> (nothing left) et <code>"even"</code> pour que les marges se placent correctement.</p> 
    161161                              </div><!-- 
    162162                              --><div class="two-boxes odd"> 

  • admin/media.php

    r2099 r2152  
    409409{ 
    410410     echo 
    411      '<div class="two-boxes fieldset">';      
     411     '<div class="two-boxes fieldset even">';      
    412412     if ($user_ui_enhanceduploader) { 
    413413          echo 

  • admin/preferences.php

    r2021 r2152  
    543543echo '<h3>'.__('My dashboard').'</h3>'; 
    544544 
    545 echo '<form action="preferences.php" method="post" id="favs-form" class="two-boxes">'; 
     545echo '<form action="preferences.php" method="post" id="favs-form" class="two-boxes odd">'; 
    546546 
    547547echo '<div id="my-favs" class="fieldset"><h4>'.__('My favorites').'</h4>'; 

  • admin/style/default.css

    r2142 r2152  
    149149          } 
    150150/* ------------------------------------------------- layout: optionnal one/two-boxes */ 
    151 .one-box, .two-boxes, .three-boxes, .box { 
    152      margin-bottom: 1em; 
    153      } 
    154151.one-box { 
    155152     text-align: justify; 
    156153     } 
     154.two-boxes, .three-boxes, .box { 
     155     display: inline-block; 
     156     vertical-align: top; 
     157     margin: 0 1.5% 1em; 
     158     -moz-box-sizing: border-box;  
     159     -webkit-box-sizing: border-box;  
     160     box-sizing: border-box;   
     161     } 
    157162.two-boxes { 
    158163     width: 47%; 
    159      display: inline-block; 
    160      vertical-align: top; 
    161      margin-right: 2%; 
    162      -moz-box-sizing: border-box;  
    163      -webkit-box-sizing: border-box;  
    164      box-sizing: border-box; 
    165      } 
    166      .two-boxes:first-child, .two-boxes.odd, .two-boxes.odd:last-child { 
    167           margin-right: 3%; 
    168           margin-left: 0; 
    169           } 
    170      .two-boxes.even:last-child, .two-boxes.even { 
    171           margin-left: 3%; 
    172           margin-right: 0; 
    173           } 
     164     } 
    174165.three-boxes { 
    175166     width: 30%; 
    176      display: inline-block; 
    177      vertical-align: top; 
    178      margin-left: 1.5%; 
    179      margin-right: 1.5%;  
    180      -moz-box-sizing: border-box;  
    181      -webkit-box-sizing: border-box;  
    182      box-sizing: border-box; 
    183      } 
    184      .three-boxes:first-child, .three-boxes.first-child { 
    185           margin-left: 0; 
    186           } 
    187      .three-boxes:last-child, .three-boxes.last-child { 
    188           margin-right: 0; 
    189           } 
    190 /* boîtes intérieures distribuées horizontalement */ 
     167     } 
    191168.box { 
    192      display: inline-block; 
    193      vertical-align: top; 
    194      margin-right: 3%;  
    195      text-align: left; 
    196      } 
    197 .box:last-child { 
     169     margin-left: 0; 
     170     margin-right: 0; 
     171     } 
     172.odd { 
     173     margin-left: 0; 
     174     } 
     175.even { 
    198176     margin-right: 0; 
    199177     } 
    … …  
    448426h1 a:link, h1 a:visited { 
    449427     border:   none; 
     428     } 
     429.discrete a { 
     430     color: #333; 
    450431     } 
    451432/* ---------------------------------------------------------------------------- 
    … …  
    14741455          } 
    14751456          .box.small { 
    1476                width: 300px; 
     1457               width: 320px; 
    14771458               } 
    14781459          .box.medium { 
    1479                width: 640px; 
     1460               width: 660px; 
    14801461               } 
    14811462          .box.large { 
    … …  
    23942375     display: block; 
    23952376     } 
     2377/* ---------------------------------------------- Couleurs ajoutées via javascript    
     2378/* color-picker.js */ 
     2379.color-color-picker { 
     2380     border: 1px solid #000; 
     2381     width: 195px; 
     2382     background: #fff; 
     2383     } 
     2384/* _blog_theme.js */ 
     2385.select-button { 
     2386     font-weight: bold; 
     2387     } 
     2388/* _media_item.js */ 
     2389.color-div { 
     2390     border: 1px solid #ccc; 
     2391     } 
     2392/* fadings ('color' est utilisé comme variable, pas comme text color) */ 
     2393.colorBeginPassword, .colorBeginValidatorErr, .colorBeginUserMail { 
     2394     color: #fff; 
     2395     } 
     2396.colorEndPassword, .colorEndError, .colorEndValidatorErr, .colorEndUserMail { 
     2397     color: #ffbaba; 
     2398     } 
     2399.colorBeginMessage { 
     2400     color: #ccc; 
     2401     } 
     2402.colorEndMessage, .colorBeginValidatorMsg { 
     2403     color: #676e78; 
     2404     } 
     2405.colorBeginError { 
     2406     color: #ffdec8; 
     2407     } 
     2408.colorBeginSuccess { 
     2409     color: #9BCA1C; 
     2410     } 
     2411.colorEndSuccess { 
     2412     color: #bee74b; 
     2413     } 
     2414 .colorEndValidatorMsg { 
     2415     color: #ffcc00; 
     2416     } 
    23962417/* ------------------------------------------------------------------------------------ 
    23972418                                                                           UN POIL DE MEDIA QUERIES 
    … …  
    24332454     #top-info-user a.active { 
    24342455          padding: 2px 8px; 
     2456          background: #999; 
     2457          color: #FFF; 
     2458          border-width: 0; 
     2459          -webkit-border-radius: 6px; 
     2460                  border-radius: 6px; 
    24352461          }  
    24362462     .three-boxes, .three-boxes .box, 
    2437      .three-boxes:first-child, .three-boxes.first-child, 
    2438      .three-boxes:last-child, .three-boxes.last-child, 
    24392463     .two-cols .col70, .two-cols .col30 { 
    24402464          width: 100%; 
    … …  
    24572481          top: 77px; 
    24582482          } 
    2459      .one-box, .two-boxes, 
    2460      .one-box .box, .two-boxes .box, .two-boxes.odd, .two-boxes.even, 
    2461      .two-boxes:first-child, .two-boxes.odd, .two-boxes.odd:last-child, 
    2462      .two-boxes.even:last-child, .two-boxes.even, 
     2483     .one-box, .two-boxes, .two-boxes.odd, .two-boxes.even, .box, 
    24632484     .two-cols .col { 
    24642485          width: 100%; 
    … …  
    24932514          display: inline; 
    24942515          } 
    2495      #content { 
     2516     #content, .hide-mm #content { 
    24962517          margin: 0; 
    24972518          padding: 0 .5em !important; 
    … …  
    25022523     #main #content > h2 { 
    25032524          margin: 0; 
    2504           padding: 6px 0; 
     2525          padding: 6px 30px 6px 0; 
    25052526          } 
    25062527     #dashboard-boxes .box.medium, 
    25072528     #dashboard-boxes .box.small, 
    25082529     #dashboard-boxes .box.large { 
    2509           width: 90%; 
     2530          width: 100%; 
    25102531          margin: 10px auto; 
    25112532          } 
    25122533     } 
    2513 @media screen and (max-width: 500px) { 
     2534@media screen and (max-width: 420px) { 
    25142535     h1, h1 a { 
    25152536          padding: 0; 
    … …  
    25192540          display: none; 
    25202541          } 
     2542     #top-info-blog { 
     2543          margin-bottom: .5em; 
     2544          max-width: 75%; 
     2545          } 
    25212546     #top-info-blog select { 
    25222547          margin-bottom: .5em; 
    2523           margin-right: 0 !important; 
    2524           } 
    2525      #top-info-blog p { 
    2526           display: block; 
    25272548          } 
    25282549     #icons p { 
    … …  
    25332554          } 
    25342555     } 
    2535 /* ---------------------------------------------- Couleurs ajoutées via javascript    
    2536 /* color-picker.js */ 
    2537 .color-color-picker { 
    2538      border: 1px solid #000; 
    2539      width: 195px; 
    2540      background: #fff; 
    2541      } 
    2542 /* _blog_theme.js */ 
    2543 .select-button { 
    2544      font-weight: bold; 
    2545      } 
    2546 /* _media_item.js */ 
    2547 .color-div { 
    2548      border: 1px solid #ccc; 
    2549      } 
    2550 /* fadings ('color' est utilisé comme variable, pas comme text color) */ 
    2551 .colorBeginPassword, .colorBeginValidatorErr, .colorBeginUserMail { 
    2552      color: #fff; 
    2553      } 
    2554 .colorEndPassword, .colorEndError, .colorEndValidatorErr, .colorEndUserMail { 
    2555      color: #ffbaba; 
    2556      } 
    2557 .colorBeginMessage { 
    2558      color: #ccc; 
    2559      } 
    2560 .colorEndMessage, .colorBeginValidatorMsg { 
    2561      color: #676e78; 
    2562      } 
    2563 .colorBeginError { 
    2564      color: #ffdec8; 
    2565      } 
    2566 .colorBeginSuccess { 
    2567      color: #9BCA1C; 
    2568      } 
    2569 .colorEndSuccess { 
    2570      color: #bee74b; 
    2571      } 
    2572  .colorEndValidatorMsg { 
    2573      color: #ffcc00; 
    2574      } 

  • inc/admin/lib.pager.php

    r2138 r2152  
    409409               '<th scope="col">'.__('Date').'</th>'. 
    410410               '<th scope="col" class="txt-center">'.__('Status').'</th>'. 
    411                '<th scope="col" abbr="entry">'.__('Entry title').'</th>'. 
     411               '<th scope="col" abbr="entry">'.__('Entry').'</th>'. 
    412412               '</tr>%s</table></div>'; 
    413413 
    … …  
    469469           
    470470          $post_title = html::escapeHTML($this->rs->post_title); 
    471           if (mb_strlen($post_title) > 60) { 
    472                $post_title = mb_strcut($post_title,0,57).'...'; 
     471          if (mb_strlen($post_title) > 70) { 
     472               $post_title = mb_strcut($post_title,0,67).'...'; 
    473473          } 
    474474          $comment_title = sprintf(__('Edit the %1$s from %2$s'), 
    … …  
    489489          '<td class="nowrap count">'.dt::dt2str(__('%Y-%m-%d %H:%M'),$this->rs->comment_dt).'</td>'. 
    490490          '<td class="nowrap status txt-center">'.$img_status.'</td>'. 
    491           '<td class="nowrap"><a href="'.$post_url.'">'. 
     491          '<td class="nowrap discrete"><a href="'.$post_url.'">'. 
    492492          html::escapeHTML($post_title).'</a>'. 
    493493          ($this->rs->post_type != 'post' ? ' ('.html::escapeHTML($this->rs->post_type).')' : '').'</td>'; 

  • plugins/tags/style.css

    r2079 r2152  
    1010.tag90 { font-size: 220%; } 
    1111.tag100 { font-size: 230%; } 
    12  
    1312table.tags { 
    1413     margin-left: 3em; 
    15 } 
    16  
    17  
     14     } 
    1815tr.tagLetter span { 
    1916     font-size : 250%; 
    … …  
    2421     top: 0.80em; 
    2522     left: -2ex; 
    26 } 
    27  
     23     } 
    2824ul.metaList { 
    2925     margin: 0 0 1em 0; 
    3026     padding: 0; 
    31 } 
     27     } 
    3228ul.metaList li { 
    3329     margin: 0; 
    … …  
    3531     list-style: square; 
    3632     list-style-position: inside; 
    37 } 
    38  
     33     } 
    3934a.metaRemove { 
    4035     color : #999 !important; 
    4136     border: none; 
    42 } 
     37     } 
    4338a.metaRemove:hover, a.metaRemove:focus { 
    4439     color : #06c !important; 
    45 } 
    46  
     40     } 
    4741.addMeta a { 
    4842     border: none; 
    49 } 
     43     } 
    5044.addMeta a:hover, .addMeta a:focus { 
    5145     background: #fc0; 
    5246     color: #000; 
    53 } 
     47     } 
    5448.addMeta a.metaGetMore { 
    5549     font-weight: bold; 
    56 } 
     50     } 
    5751/* Auto Complete */ 
    5852.ac_results { 
    … …  
    6256     overflow: hidden; 
    6357     z-index: 99999; 
    64 } 
     58     } 
    6559.ac_results ul { 
    6660     width: 100%; 
    … …  
    6963     padding: 0; 
    7064     margin: 0; 
    71 } 
     65     } 
    7266.ac_results li { 
    7367     margin: 0px; 
    … …  
    8882     line-height: 16px; 
    8983     overflow: hidden; 
    90 } 
     84     } 
    9185.ac_loading { 
    9286     background: transparent url('index.php?pf=tags/img/loader.gif') right center no-repeat; 
    93 } 
     87     } 
    9488.ac_odd { 
    9589     background-color: #eee; 
    96 } 
     90     } 
    9791.ac_over { 
    9892     background-color: #06c; 
    9993     color: white; 
    100 } 
    101 #post_meta_input { 
    102     margin: 0 0.5em 0 0; 
    103     width: 13em; 
    104 } 
     94     } 
    10595#post_meta_input:focus { 
    10696     -moz-box-sizing: content-box; 
    107 } 
    108 #tags-edit input[type=button] { 
    109      width: 3.5em; 
    110 } 
     97     } 
     98#tags-edit input[type=text] { 
     99     width: 11.5em; 
     100     } 
    111101.tag-actions form { 
    112102     display: inline-block; 
    113103     margin-right: 1.5em; 
    114 } 
     104     } 
Note: See TracChangeset for help on using the changeset viewer.

Sites map