Dotclear

Changeset 2111:6f72bd202093 for admin


Ignore:
Timestamp:
09/27/13 08:36:37 (12 years ago)
Author:
Anne Kozlika <kozlika@…>
Branch:
default
Message:

Charte, déport des règles CSS spécifiques de cette page vers défaut.css plutôt que dans le head.

Location:
admin
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • admin/_charte.php

    r2110 r2111  
    2929     <![endif]--> 
    3030     <link rel="stylesheet" href="style/default.css" type="text/css" media="screen" /> 
    31      <style type="text/css"> 
    32           #content > h2 {padding-top: 2.5em;} 
    33           #content > h2:first-child {padding-top: 0} 
    34           .one-box .box {border: 1px solid #ddd; padding: 2px .5em;} 
    35      </style> 
    3631     <script type="text/javascript" src="js/jquery/jquery.js"></script> 
    3732     <script type="text/javascript" src="js/jquery/jquery-ui.custom.js"></script> 
    … …  
    4742          dotclear.img_menu_on = 'images/menu_on.png'; 
    4843          dotclear.img_menu_off = 'images/menu_off.png'; 
    49           dotclear.msg.help = 'Aide pour cette page'; 
    50           dotclear.msg.help_hide = 'Masquer'; 
    51           dotclear.msg.error = 'Erreur :'; 
    5244     //]]> 
    5345     </script> 
    … …  
    6961</head> 
    7062 
    71 <body id="dotclear-admin" class="no-js"> 
     63<body id="dotclear-admin" class="no-js guideline"> 
    7264     <ul id="prelude"> 
    7365          <li><a href="#content">Aller au contenu</a></li> 
    … …  
    9082          <div id="main"> 
    9183               <div id="content" class="clearfix"> 
    92  
    93                     <h2><span class="page-title">Typographie</span></h2> 
     84               <div class="info"> 
     85                    <p>Cette page vise à présenter les règles graphiques et conventions utilisées dans les pages de l'administration 
     86                    d'une installation Dotclear, à l'usage des contributeurs et développeurs d'extensions. Elle en est elle-même  
     87                    une illustration. L'observation de son code source peut donc servir de complément aux descriptions.</p> 
     88               </div> 
     89 
     90                    <h2>Typographie</h2> 
    9491                    <h3 id="texte">Textes</h3> 
    9592                         <p>La font-size de base est à 1.2rem (la valeur <code>1rem</code> correspond à 10px). Si vous utilisez l'unité <code>rem</code> pensez à faire précéder la déclaration par son équivalent  
    … …  
    119116                              <p>On dispose également d'une class <code>"smart-title"</code> pour obtenir une présentation comme celle du titre de ce paragraphe.</p> 
    120117 
    121                     <h2><span class="page-title">Layouts</span></h2> 
     118                    <h2>Layouts</h2> 
    122119 
    123120                    <h3 id="onglets">Onglets</h3> 
    … …  
    243240                    <p><strong>Note :</strong> dans les exemples les valeurs et les numérotations sont placées dans un <code>span class="step"</code> (et ressortent donc dans un petit bloc à fond gris).</p> 
    244241 
    245                     <h2><span class="page-title">Interactions</span></h2> 
     242                    <h2>Interactions</h2> 
    246243 
    247244                    <h3 id="elements">Éléments de formulaire</h3> 
    … …  
    314311                         <p>Ces messages sont en display:inline-block. Le fond s'adapte à la longueur du message.</p> 
    315312 
    316                     <h2><span class="page-title">Navigation</span></h2> 
     313                    <h2>Navigation</h2> 
    317314 
    318315                    <h3 id="direct">Selecteur d'accès direct</h3> 
    … …  
    338335                         <p class="nav_prevnext"><a title="Titre de l'élément précédente" href="post.php?id=4145">«&nbsp;Élément précédent</a> | <a title="Titre de l'élément suivant" href="#">Élément suivant&nbsp;»</a></p> 
    339336 
    340                     <h2><span class="page-title">Les tableaux</span></h2> 
     337                    <h2>Tableaux</h2> 
    341338                         <p>Il existe deux mises en forme type de tableaux selon que l'on cherche à faire un tableau ordinaire  
    342339                         ou un tableau dont on peut déplacer les lignes par glisser déposer (voir plus bas). Cependant certaines règles 

  • admin/style/default.css

    r2110 r2111  
    20912091     margin-left: 0; 
    20922092     } 
    2093  
     2093/* --------------------------------------------------------------------- _charte.php */ 
     2094.guideline #content h2 { 
     2095     color: #D33800; 
     2096     padding: 2em 0 0 0; 
     2097     margin: 1em 0; 
     2098     font-size: 2em; 
     2099     } 
     2100.guideline h3 { 
     2101     margin-top: 2em; 
     2102     } 
     2103.guideline .one-box .box { 
     2104     border: 1px solid #ddd;  
     2105     padding: 2px .5em; 
     2106     } 
    20942107/* ------------------------------------------------------------------------------------ 
    20952108                                                                                                    CLASSES 
Note: See TracChangeset for help on using the changeset viewer.

Sites map