Outils pour utilisateurs

Outils du site


imagesdessins

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
imagesdessins [2021/06/15 18:54]
185.100.87.244
imagesdessins [2021/06/15 18:56] (Version actuelle)
185.100.87.244 ancienne révision (2021/06/15 15:22) restaurée
Ligne 1: Ligne 1:
-<html> <style> .body { +<html> 
- +<style> 
-<code> +.body { 
-  font-family: sans-serif; +    font-family: sans-serif; 
-  background-color: #1b1b1b; +    background-color: #1b1b1b;
- +
-</code> +
 } }
  
 .grid-layout { .grid-layout {
- +    display: grid; 
-<code> +    grid-template-columns: repeat(auto-fill, minmax(25, 1fr)); 
-  display: grid; +    grid-gap: 10px; 
-  grid-template-columns: repeat(auto-fill, minmax(25, 1fr)); +    grid-auto-rows: minmax(20px, auto); 
-  grid-gap: 10px; +    grid-auto-flow: dense; 
-  grid-auto-rows: minmax(20px, auto); +    padding: 10px;
-  grid-auto-flow: dense; +
-  padding: 10px; +
- +
-</code> +
 } }
  
 .grid-item { .grid-item {
- +    border-style: solid; 
-<code> + padding: 14px; 
-  border-style: solid; + border-width: 3px; 
-padding: 14px; +    font-size: 13px; 
-border-width: 3px; +    border-radius: 25px; 
-  font-size: 13px; +    #font-weight: bold; 
-  border-radius: 25px; +    #text-transform: uppercase; 
-  #font-weight: bold; +    color: black;
-  #text-transform: uppercase; +
-  color: black; +
- +
-</code> +
 box-shadow: 5px 5px 2px #888888; box-shadow: 5px 5px 2px #888888;
- + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCF11B), color-stop(1, #3874FF)); 
-<code> + background-image: linear-gradient(-28deg, #CCF11B 0%, #3874FF 100%); 
-background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCF11B), color-stop(1, #3874FF)); +    vertical-align: top; 
-background-image: linear-gradient(-28deg, #CCF11B 0%, #3874FF 100%); +    text-align: center;
-  vertical-align: top; +
-  text-align: center; +
- +
-</code> +
 } }
  
 .text-item { .text-item {
- +    font-size: 14px; 
-<code> +    font-weight: normal; 
-  font-size: 14px; +    color: black; 
-  font-weight: normal; +    vertical-align: top; 
-  color: black; +    horizontal-align: left; 
-  vertical-align: top; +    text-align: left;
-  horizontal-align: left; +
-  text-align: left; +
- +
-</code> +
 } }
  
 .span-2 { .span-2 {
- +    grid-column-end: span 2; 
-<code> +    grid-row-end: span 2;
-  grid-column-end: span 2; +
-  grid-row-end: span 2; +
- +
-</code> +
 } }
  
 .span-3 { .span-3 {
- +    grid-column-end: span 3; 
-<code> +    grid-row-end: span 4;
-  grid-column-end: span 3; +
-  grid-row-end: span 4; +
- +
-</code> +
 } }
  
 .tile { .tile {
- + border-style: solid; 
-<code> + padding: 14px; 
-border-style: solid; + border-width: 3px; 
-padding: 14px; + color: black; 
-border-width: 3px; + display: inline-block; 
-color: black; + height: 130px; 
-display: inline-block; + list-style-type: none; 
-height: 130px; + margin: 10px 40px 10px 20px; 
-list-style-type: none; + position: relative; 
-margin: 10px 40px 10px 20px; + text-align: center; 
-position: relative; + width: 33%; 
-text-align: center; + border-radius: 25px; 
-width: 33%; + box-shadow: 10px 10px 5px #888888; 
-border-radius: 25px; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCF11B), color-stop(1, #3874FF)); 
-box-shadow: 10px 10px 5px #888888; + background-image: linear-gradient(-28deg, #CCF11B 0%, #3874FF 100%); 
-background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCF11B), color-stop(1, #3874FF)); +    vertical-align: top; 
-background-image: linear-gradient(-28deg, #CCF11B 0%, #3874FF 100%); + text-align: center;
-  vertical-align: top; +
-text-align: center; +
- +
-</code> +
 } }
  
 .tile_description { .tile_description {
- + color: white; 
-<code> + font-size: 1.3em; 
-color: white; + font-style: italic; 
-font-size: 1.3em; +} 
-font-style: italic; +</style>
- +
-</code> +
- +
-</style>+
  
 <div class="grid-layout"> <div class="grid-layout">
- +    <div class="grid-item span-3 grid-item-3"><strong>Ateliers thématiques<br /> 
-<code> +    Sur inscription, tous les samedis matins de 10h à 12h30<br /><br /> 
-  <div class="grid-item span-3 grid-item-3"><strong>Ateliers thématiques<br /> +<a href="http://www.mediathequederoubaix.fr/pratique/jeveux/informatique/ateliers-numerique/sinscrire">S'inscrire à un ou à des ateliers Clics et Déclics, Médiathèque de Roubaix</a></strong> 
-  Sur inscription, tous les samedis matins de 10h à 12h30<br /><br /> +</div> 
- +<br/><br/><br/> 
-</code> +<div class="text-item span-3 grid-item-3"><strong><a href="http://informethic.net/dokuwiki/doku.php?id=RetouchePhotoavecgimp2.8">Retouches Photos avec Gimp 2.8</a></strong><br /> 
- +<br/> 
-<a href="http://www.mediathequederoubaix.fr/pratique/jeveux/informatique/ateliers-numerique/sinscrire">S'inscrire à un ou à des ateliers Clics et Déclics, Médiathèque de Roubaix</a></strong> </div> <br/><br/><br/> <div class="text-item span-3 grid-item-3"><strong><a href="https://ateliers-rbx.frama.wiki/RetouchePhotoavecgimp2.8">Retouches Photos avec Gimp 2.8</a></strong><br /> <br/> <div class="text-item span-3 grid-item-3"><strong><a href="https://ateliers-rbx.frama.wiki/RetouchePhotoavecgimp2.10">Retouches Photos avec Gimp 2.10</a></strong><br /> <br/> <strong><a href="https://ateliers-rbx.frama.wiki/clicsetdeclics:dessinvectoriel">Dessin vectoriel avec Inkscape</a></strong><br /> <br/> </div> </div> </html> +<div class="text-item span-3 grid-item-3"><strong><a href="http://informethic.net/dokuwiki/doku.php?id=RetouchePhotoavecgimp2.10">Retouches Photos avec Gimp 2.10</a></strong><br /> 
 +<br/> 
 +<strong><a href="http://informethic.net/dokuwiki/doku.php?id=clicsetdeclics:dessinvectoriel">Dessin vectoriel avec Inkscape</a></strong><br /> 
 +<br/> 
 +</div> 
 +</div> 
 +</html>
  
imagesdessins.1623776089.txt.gz · Dernière modification: 2021/06/15 18:54 de 185.100.87.244