Dotclear

Changeset 1428:3e80fc62b404


Ignore:
Timestamp:
08/18/13 10:32:55 (12 years ago)
Author:
Anne Kozlika <kozlika@…>
Branch:
default
Message:

blog_theme page enhancement. More pretty without javascript. Lighter look and no more scrollbar with javascript.

Files:
4 edited

Legend:

Unmodified
Added
Removed

  • admin/blog_theme.php

    r1399 r1428  
    173173     '<div class="theme-shot"><img src="'.$screenshot.'" alt="" /></div>'. 
    174174     '<div class="theme-info">'. 
    175           '<h3>'.form::radio(array('theme',$radio_id),html::escapeHTML($id),$current,'','',($has_parent && !$is_parent_present)).' '. 
     175          '<h4>'.form::radio(array('theme',$radio_id),html::escapeHTML($id),$current,'','',($has_parent && !$is_parent_present)).' '. 
    176176          '<label class="classic" for="'.$radio_id.'">'. 
    177           html::escapeHTML($details['name']).'</label></h3>'. 
     177          html::escapeHTML($details['name']).'</label></h4>'. 
    178178          '<p><span class="theme-desc">'.html::escapeHTML($details['desc']).'</span> '. 
    179179          '<span class="theme-author">'.sprintf(__('by %s'),html::escapeHTML($details['author'])).'</span> '. 
    … …  
    187187          } 
    188188          if ($has_css) { 
    189                $res .= '<a class="theme-css" href="'.$theme_url.'/style.css">'.__('Stylesheet').'</a>'; 
     189               $res .= '<span class="theme-css"><a href="'.$theme_url.'/style.css">'.__('Stylesheet').'</a></span>'; 
    190190          } 
    191191          $res .= '</p>'; 
    … …  
    244244     } 
    245245      
    246      if ($can_install) { 
    247           echo 
    248           '<p><strong>'.sprintf(__('You can find additional themes for your blog on %s.'), 
    249           '<a href="http://themes.dotaddict.org/galerie-dc2/">Dotaddict</a>').'</strong> '. 
    250           __('To install or upgrade a theme you generally just need to upload it '. 
    251           'in "Install or upgrade a theme" section.').'</p>'; 
    252      } 
    253       
    254246     # Themes list 
    255      echo '<div class="multi-part" id="themes-list" title="'.__('Themes').'">'; 
     247     echo '<div class="multi-part" id="themes-list" title="'.__('Themes').'">'. 
     248     '<h3>'.__('Available themes in your installation').'</h3>'; 
    256249      
    257250     $themes = $core->themes->getModules(); 
    258251     if (isset($themes[$core->blog->settings->system->theme])) { 
    259           echo '<h3>'.sprintf(__('You are currently using "%s"'),$themes[$core->blog->settings->system->theme]['name']).'</h3>'; 
     252          echo '<p>'.sprintf(__('You are currently using "%s"'),$themes[$core->blog->settings->system->theme]['name']).'.</p>'; 
    260253     } 
    261254      
    … …  
    279272      
    280273     echo 
    281      '<div class="two-cols clear" id="themes-actions">'. 
    282      $core->formNonce(). 
    283      '<p class="col"><input type="submit" name="select" value="'.__('Use selected theme').'" /></p>'; 
    284       
     274     '<div id="themes-actions">'. 
     275      
     276     '<p>'.$core->formNonce().'<input type="submit" name="select" value="'.__('Use selected theme').'" /> ';   
    285277     if ($can_install) { 
    286           echo '<p class="col right"><input type="submit" class="delete" name="remove" value="'.__('Delete selected theme').'" /></p>'; 
    287      } 
    288       
    289      echo 
     278          echo ' <input type="submit" class="delete" name="remove" value="'.__('Delete selected theme').'" />'; 
     279     } 
     280     echo '</p>'. 
     281      
    290282     '</div>'. 
    291283     '</form>'. 
    … …  
    296288     { 
    297289          echo 
    298           '<div class="multi-part clear" id="add-theme" title="'.__('Install or upgrade a theme').'">'; 
     290          '<div class="multi-part clear" id="add-theme" title="'.__('Install or upgrade a theme').'">'. 
     291          '<h3>'.__('Add themes to your installation').'</h3>'. 
     292          '<p>'.sprintf(__('You can find additional themes for your blog on %s.'), 
     293          '<a href="http://themes.dotaddict.org/galerie-dc2/">Dotaddict</a>').'</p>'; 
    299294           
    300295          if ($is_writable) 
    301296          { 
    302                echo '<p>'.__('You can install themes by uploading or downloading zip files.').'</p>'; 
     297               echo '<p>'.__('You can also install themes by uploading or downloading zip files.').'</p>'; 
    303298                
    304299               # 'Upload theme' form 

  • admin/style/default.css

    r1427 r1428  
    298298     font-weight: bold; 
    299299     border-bottom-color: #fff; 
     300     padding-bottom: .7rem; 
    300301} 
    301302/* ------------------------------------------------------------------ main-menu */ 
    … …  
    735736/* -------------------------------------------------------------------- Themes */ 
    736737#themes { 
    737      border-bottom: 1px solid #ccc; 
    738      margin: 1em 0; 
     738     margin: 0; 
     739     width: 100%; 
     740     padding: 0; 
     741} 
     742#themes h3 { 
    739743} 
    740744#themes div.theme-details { 
    741      clear: left; 
    742745     border-top: 1px solid #ccc; 
    743      padding: 1em 0; 
     746     padding: 12px; 
     747     display: inline-block; 
     748     vertical-align: top; 
     749     width: 284px; 
     750} 
     751.current-theme { 
     752     background: #eef; 
    744753} 
    745754#themes div.theme-details:hover { 
    … …  
    747756} 
    748757#themes div.theme-details div.theme-shot { 
    749      float: left; 
    750758} 
    751759#themes div.theme-details div.theme-shot img { 
    752760     display: block; 
    753      width: 57px; 
    754      height: 50px; 
    755761     border: 1px solid #ccc; 
     762     margin-bottom: 1.5em; 
    756763} 
    757764#themes div.theme-details div.theme-info { 
    758      margin-left: 67px; 
    759765} 
    760766#themes div.theme-details div.theme-info span.theme-desc { 
    … …  
    765771} 
    766772#themes div.theme-details div.theme-actions { 
    767      margin-left: 67px; 
    768 } 
     773} 
     774#themes-actions { 
     775     border-bottom: 1px solid #999; 
     776     margin-bottom: 3em; 
     777} 
     778.theme-css { 
     779     display: block; 
     780} 
     781 
    769782/* Themes list, JS version */ 
     783#themes-wrapper { 
     784     display: table; 
     785} 
     786#themes-wrapper #themes { 
     787     display: table-cell; 
     788     vertical-align: top; 
     789} 
    770790#theme-box { 
    771      border: 1px solid #999; 
    772      border-left: none; 
    773      padding: 5px; 
    774      float: right; 
    775      height: 420px; 
    776      width: 320px; 
    777      overflow: auto; 
     791     display: table-cell; 
     792     vertical-align: top; 
     793     padding: 1rem 0;  
     794     width: 312px; 
     795     background: #eef; 
     796     border: 1px solid #ccc; 
     797     border-radius: 3px; 
    778798} 
    779799#theme-box div.theme-shot img { 
    780800     display: block; 
    781      margin: 0 0 0 10px; 
     801     margin: 0 16px; 
    782802     width: 280px; 
    783803     height: 245px; 
    … …  
    785805} 
    786806#theme-box div.theme-info { 
    787      margin: 1em 0 0 10px; 
    788 } 
    789 #theme-box h3 { 
    790      margin: 0; 
    791 } 
    792 #theme-box div.theme-info span { 
    793      display: block; 
     807     margin: 1em 16px; 
     808} 
     809#theme-box h4 { 
     810     color: #000; 
    794811} 
    795812#theme-box span.theme-version { 
    … …  
    804821} 
    805822#theme-box div.theme-actions { 
    806      margin-left: 10px; 
    807 } 
    808 #themes-wrapper #themes { 
    809      border: 1px solid #999; 
    810      overflow: auto; 
    811      height: 420px; 
    812      padding: 5px; 
    813      margin: 0; 
     823     padding: 0 16px; 
    814824} 
    815825#themes div.theme-details-js { 
    … …  
    817827     width: 120px; 
    818828     height: 150px; 
    819      margin: 0 10px 20px; 
    820      padding: 10px 10px 0; 
     829     margin: 0 12px 24px; 
     830     padding: 12px 12px 0; 
    821831     text-align: center; 
    822832     background: #f3f3f3; 
    823      border: 1px solid #f3f3f3; 
     833     border: 1px solid #ddd; 
    824834     cursor: pointer; 
    825835     border-radius: 4px; 
    … …  
    829839} 
    830840#themes div.theme-details-js.theme-selected { 
    831      background: #E5E3DA; 
     841     background: #ddd; 
    832842     border: 1px solid #999; 
    833843} 
    … …  
    836846     height: 105px; 
    837847     border: 1px solid #fff; 
    838 } 
    839 #themes div.theme-details-js h3 { 
    840      font-family: inherit; 
    841      font-weight: normal; 
    842      margin: 0; 
    843      padding: 0; 
    844848} 
    845849/* ----------------------------------------------------------  Plugins list */ 

  • locales/fr/main.po

    r1426 r1428  
    30403040msgstr "utilisateurs par page" 
    30413041 
     3042msgid "Available themes in your installation" 
     3043msgstr "Thèmes disponibles sur votre installation" 
     3044 
     3045msgid "You can also install themes by uploading or downloading zip files." 
     3046msgstr "Vous pouvez aussi installer des thèmes en les déposant ou en téléchargeant des fichiers zip." 
     3047 
     3048msgid "Add themes to your installation" 
     3049msgstr "Ajouter des thèmes sur votre installation" 
Note: See TracChangeset for help on using the changeset viewer.

Sites map