CssTest

/*

Appliquer: [1]

Retour au style par défaut: [2]

*/

  @media screen {
    body {  margin: 0;
      padding: 15px;
      padding-top: 90px;  
      background-color: #f2f2f2;
      background-image: url("/css/fond1.jpg");
      background-position: top right;
      background-repeat: no-repeat;
      color: black;
      font-family: serif;
    }
    em {
      font-size: 95%;
    }
    tt {
      font-size: 100%;
      /* border: solid 1px #666; */
      background-color: #f4f4f4;
      padding: 0 5px -0 5px;
    }
    h1, h2, h3, h4 { 
      font-family: sans-serif;
    }
    h2 {
      margin-left: -15px; 
    }
    h3, h4 {
      margin-left: -10px; 
    }
    pre {
      background-color: #f4f4f4;
    }
    .quote {
      border-left: solid 1px #999;
    }
    /*
    div.wrapper h2,h3,h4 {
      display: list-item;
      position: relative;
      padding-left: 30px;
    }
    div.wrapper h2 {
      left: 0;
      list-style-image: url("/css/Typo_FournierLXIX_1b.gif"); 
    }
    */
    /* le titre est positionné de façon absolue au sommet de la page */
    .header h1 { 
      margin: 0;
    /*width: 800px; */
      width: 100%;
      position: absolute;
      top: 15px;
      left: 15px;
    }

    /* suppression du logo */
    a.logo, img.logo { display: none;
    }

    /* positionner le header dans une colonne à gauche              */
    div.header  { width: 140px;
                  float: left;
    }
    /* les éléments du header sont alignés de haut en bas comme une */
    /* liste, mais sans puces                                       */
    .header .gotobar.bar a { display: list-item;
                             list-style-type: none;
                             margin: 10px;
                             text-decoration: none; 
    }
    
    div.wrapper, div.footer { 
      margin-left: 170px;
      margin-bottom: 15px;
      padding: 5px;
      padding-left: 25px;
    }
    
    div.header, div.wrapper, div.footer, div.error {
      border: solid 1px #f00;
      background-image: url("/blank.png");
    }
    /*
    div.wrapper img {
      -moz-opacity: 1.0; filter: alpha(opacity=100);
      opacity: 1.0;
    }*/

    /* on supprime la ligne de séparation du footer, vu qu'on utilise */
    /* à la place une bordure                                         */
    .footer hr { display: none;
    }
    /* on supprime la gotobar dans le footer */
    .footer .gotobar.bar { display: none;
    }
    
    div.wrapper.close { border: none
    }

    /* mise en page du journal, réduction de la taille des titres, etc. */
    div.page h1 a.local { 
      font-size: xx-large;
      color: #000;
      font-weight: bold;
      text-decoration: none;
      margin-top: 20px;
    }
    .include h1,h2,h3 {
      font-size: medium;
      color: #000;
      font-weight: bold;
      text-decoration: none;
    }
    div.page h1 a.local:hover {
      background-color: #000;
      color: #fff;
    }
    div.page p, ul, ol { margin-left: 5%;
    }

    /* positionnement du lien vers la note de bas de page              */
    a.footnote { font-size:90%;
                 vertical-align:50%;
                 color: #404040;
                 text-decoration:none;
    }
    /* la note de bas de page, en caractères plus petits, séparée par  */
    /* une ligne                                                       */
    div.footnotes { font-size: 75%;
                    border-top: solid 1px #999; 
    }
    /* on cache la ligne de séparation, remplacée par une bordure sup. */
    div.footnotes hr { display: none;
    }
    
    strong.description { /* dans les fils rss */ 
    font-weight: normal; 
    color: #222; 
    }

    a { 
        color: #222;
        font-weight: bold;
    }
    a:visited { color: #888; }
    a:hover, a.local:hover { 
        background-color: #000;
        color: #eee;
    	text-decoration: underline;
    }
    /* suppression du gras dans la page des changements récents */
    div.rc strong {
      font-weight: normal;
    }
    /* surligner en jaune plutôt qu'en gras les résultats de recherche */
    div.content.search strong,  div.search strong {
        background-color: #fd0;
        font-weight: normal; 
    }
    div.content.search span.info {display: none;
    }

    /*  le cas des images uploadées dans une page avec la syntaxe    */
    /*  [[image:nom_de_page]] qui deviennent des liens, où j'élimine */
    /*  les bordures et la couleur de fond au survol.                */     
    a.image, a.image:visited, a.image:hover { 
              border: none;
              background-color: #fff;
              color: #fff;
    }
    a.image image.upload { border: none;
    }
    /* afficher l'icone d'un site en fonction de son url (en test)   */
    div.content a[href="http://www.oddmuse.org/"]:before {
       content: url(/css/oddmuse.png);        
       margin-left: 0.2em;
       margin-right: 0.2em;
    }
    div.content a[href="http://www.oddmuse.org/"] {
       color: red;
    }
    .wrapper .toc { color: #000;
                    font-style: italic;
    }
    .toc h2{ display: none;
    }
    .tagsform { margin-top: 100px;
    }
    .tagsform .tag { 
        margin: 15px;
        float: left; 
        white-space: nowrap;
    }
    .tagsform .tag:hover { 
        background-color: #000;
        color: #fff;
    }
    .tagsform .tagbuttons { 
        margin: 15px;
        clear: left;
    }
    /* test pour mettre en valeur le lien de commentaire */
    .edit.bar .comment.local {
        display: list-item;
        list-style-image: url("/css/Typo_FournierLXIX_1b.gif");
        margin-left: 60px;
        margin-bottom: 20px;
    }
    h2 {
      font-size: 1.2em;
    }
    h3 {
      font-size: 1.1em;
    }
    /* les crédits sous forme de  lien qui suivent immédiatement une image */
    img + a {
      font-size: smaller;
      font-style: italic;
    }
    img + a:before {content: "(© "}
    img + a:after  {content: ")"}
    
    textarea {
      border: dashed 1px grey;
      padding: 15px;
    }
  }
    
  @media print {
    div.header, div.footer { 
      display: none
    }
    a.footnote {
      font-size:60%;
      vertical-align:80%;
      text-decoration:none;
    } 
    div.footnotes { 
      font-size: 75%; 
    }
    div.footnotes hr { 
      width: 10%;
      border: solid 0.2pt black;
      text-align: left;
    }
    .wrapper .toc { 
      display: none;
    }
  }