Css2

Dernière modification

Résumé : Retour à 2010-02-06 12:47 UTC

Modifié(e) :

< div.footer span.gotobar.bar {

à

> div.header span.gotobar.bar {

Modifié(e) :

< top: 125px;

à

> bottom: 0;

Ajouté(e) :

> width: 100%;

Modifié(e) :

< div.footer .gotobar.bar a {

à

> div.header .gotobar.bar a {

Modifié(e) :

< div.footer .gotobar a:hover {

à

> div.header .gotobar a:hover {


/* Une feuille de style alternative, dans une gamme de gris et de jaune, avec un fond «carrelé».

Appliquer: [1]

Retour au style par défaut: [2]

*/

  @media screen {
    body {  margin: 0;
      position: absolute;
      padding: 0;
      background-color: #f2f2f2;
      background: url("/css/tiling3.jpeg") repeat;  
      color: black;
    }
    /* suppression du logo */
      a.logo, img.logo { display: none;
    }
    div.header, div.wrapper, div.footer {
      margin-left: 85px;
      margin-right: 25px;
      /* width: 100%; */
      padding: 15px;
      text-align: left;
      border-left: solid 1px #ddd;
      border-right: solid 1px #ddd;
    }
    div.header, div.footer {
      /* background-color: #a0a0a0; */
      background-color: #888;
      -moz-opacity: 0.75; 
      filter: alpha(opacity=75);
      opacity: 0.75;
      color: #000;
    }
    div.header {
      position: relative;
      margin-top: 0;
      padding-left: 0;
    }
    /* positionner la barre de liens en bas du header */
    div.header span.gotobar.bar {
      position: absolute;
      bottom: 0;
      display: table-row;
      width: 100%;
      margin: 0;
      background-color: #777;
      -moz-opacity: 1; 
      filter: alpha(opacity=1);
    }
    div.header h1 {
      margin-top: 45px;
      text-align: left;
      padding: 15px;
      font-style: italic;
      color: #fff;
    }
    div.header h1 a {
      text-decoration: none;
      font-style: italic;
      color: #fff;
    }
    div.header h1 a:hover {
      background-color: #fd0;
      color: #444;
    }
    div.header .gotobar.bar a {
      display: table-cell; 
      text-decoration: none;
      white-space: nowrap;
      color: #fff;
      font-family: sans-serif;
      padding: 10px;
    }
    div.header .gotobar a:hover {
      background-color: #fd0;
      color: #000;
    }
    div.wrapper {
      position: relative;
      margin-top: 0;
      -moz-opacity: 0.85; 
      filter: alpha(opacity=85);
      background-color: #fff;
    }
    div.wrapper h2,h3,h4 {
      display: list-item;
      list-style-image: url("/css/puce.jpeg"); 
      font-weight: normal;
      font-style: italic;
      margin-left: 25px;
    }
    div.wrapper  a {
      color: #555;
      font-family: sans-serif;
      padding: 4px;
    }
    div.wrapper a:hover {
      background-color: #fd0;
      -moz-opacity: 0.55; 
      filter: alpha(opacity=55);
      color: #000;
    }
    div.footer a {
      text-decoration: none;
      color: #fff;
      margin-right: 10px;
      font-family: sans-serif;
    }
    form.search {
      position: absolute;
      top: 10px;
      right: 10px;
    }
    form.search p input {
      border: solid 1px #fff;
    }
    form.search input:hover {
      background-color: #fd0;
      color: #000;
    }
    form.search #search:hover {
      background-color: #fff;
      color: #000;
    }
    input {
      border: solid 1px #333;
      background-color: #ddd;
      color: #000;
    }
    input:hover {
      border: solid 1px #333;
      background-color: #fd0;
      color: #333;
    }
    .footer {
      font-size: 60%;
    }
    .footer a {
      display: table-cell;
      padding: 5px;
    }
    .footer a:hover {
      background-color: #fd0;
      color: #000;
    }
    .footer hr {
      display: none;
    }
    .footer span.time {
      display: block;
      margin-top: 5px;
      font-size: 10px;
      border-top: solid 1px #fff;
      color: #fff;
    }
    /* surligner en jaune plutôt qu'en gras les résultats de recherche */
    div.content.search strong {
              background-color: #fd0;
              font-weight: normal; 
    }
  }