Ethique et Informatique ... dietétique

Outils pour utilisateurs

Outils du site

Piste:
imagesdessins

Différences

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

Lien vers cette vue comparative

Dernière révision Les deux révisions suivantes
imagesdessins [2021/06/15 15:22]
mediarbx - Imported by DokuWiki Advanced Plugin 		imagesdessins [2021/06/15 18:54]
185.100.87.244
Ligne 1: Ligne 1:
-<html> +<html> <style> .body { 
-<style> + 
-.body { +<code> 
-    font-family: sans-serif; +  font-family: sans-serif; 
-    background-color: #1b1b1b;+  background-color: #1b1b1b; 
 + 
 +</code> 
 } }
  
 .grid-layout { .grid-layout {
-    display: grid; + 
-    grid-template-columns: repeat(auto-fill, minmax(25, 1fr)); +<code> 
-    grid-gap: 10px; +  display: grid; 
-    grid-auto-rows: minmax(20px, auto); +  grid-template-columns: repeat(auto-fill, minmax(25, 1fr)); 
-    grid-auto-flow: dense; +  grid-gap: 10px; 
-    padding: 10px;+  grid-auto-rows: minmax(20px, auto); 
 +  grid-auto-flow: dense; 
 +  padding: 10px; 
 + 
 +</code> 
 } }
  
 .grid-item { .grid-item {
-    border-style: solid; + 
- padding: 14px; +<code> 
- border-width: 3px; +  border-style: solid; 
-    font-size: 13px; +padding: 14px; 
-    border-radius: 25px; +border-width: 3px; 
-    #font-weight: bold; +  font-size: 13px; 
-    #text-transform: uppercase; +  border-radius: 25px; 
-    color: black;+  #font-weight: bold; 
 +  #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)); + 
- background-image: linear-gradient(-28deg, #CCF11B 0%, #3874FF 100%); +<code> 
-    vertical-align: top; +background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCF11B), color-stop(1, #3874FF)); 
-    text-align: center;+background-image: linear-gradient(-28deg, #CCF11B 0%, #3874FF 100%); 
 +  vertical-align: top; 
 +  text-align: center; 
 + 
 +</code> 
 } }
  
 .text-item { .text-item {
-    font-size: 14px; + 
-    font-weight: normal; +<code> 
-    color: black; +  font-size: 14px; 
-    vertical-align: top; +  font-weight: normal; 
-    horizontal-align: left; +  color: black; 
-    text-align: left;+  vertical-align: top; 
 +  horizontal-align: left; 
 +  text-align: left; 
 + 
 +</code> 
 } }
  
 .span-2 { .span-2 {
-    grid-column-end: span 2; + 
-    grid-row-end: span 2;+<code> 
 +  grid-column-end: span 2; 
 +  grid-row-end: span 2; 
 + 
 +</code> 
 } }
  
 .span-3 { .span-3 {
-    grid-column-end: span 3; + 
-    grid-row-end: span 4;+<code> 
 +  grid-column-end: span 3; 
 +  grid-row-end: span 4; 
 + 
 +</code> 
 } }
  
 .tile { .tile {
- border-style: solid; + 
- padding: 14px; +<code> 
- border-width: 3px; +border-style: solid; 
- color: black; +padding: 14px; 
- display: inline-block; +border-width: 3px; 
- height: 130px; +color: black; 
- list-style-type: none; +display: inline-block; 
- margin: 10px 40px 10px 20px; +height: 130px; 
- position: relative; +list-style-type: none; 
- text-align: center; +margin: 10px 40px 10px 20px; 
- width: 33%; +position: relative; 
- border-radius: 25px; +text-align: center; 
- box-shadow: 10px 10px 5px #888888; +width: 33%; 
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCF11B), color-stop(1, #3874FF)); +border-radius: 25px; 
- background-image: linear-gradient(-28deg, #CCF11B 0%, #3874FF 100%); +box-shadow: 10px 10px 5px #888888; 
-    vertical-align: top; +background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #CCF11B), color-stop(1, #3874FF)); 
- text-align: center;+background-image: linear-gradient(-28deg, #CCF11B 0%, #3874FF 100%); 
 +  vertical-align: top; 
 +text-align: center; 
 + 
 +</code> 
 } }
  
 .tile_description { .tile_description {
- color: white; + 
- font-size: 1.3em; +<code> 
- font-style: italic; +color: white; 
-} +font-size: 1.3em; 
-</style>+font-style: italic; 
 + 
 +</code> 
 + 
 +} </style>
  
 <div class="grid-layout"> <div class="grid-layout">
-    <div class="grid-item span-3 grid-item-3"><strong>Ateliers thématiques<br /> + 
-    Sur inscription, tous les samedis matins de 10h à 12h30<br /><br /> +<code> 
-<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 class="grid-item span-3 grid-item-3"><strong>Ateliers thématiques<br /> 
-</div> +  Sur inscription, tous les samedis matins de 10h à 12h30<br /><br /> 
-<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 /> +</code> 
-<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 /> +<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> 
-<br/> +
-<strong><a href="https://ateliers-rbx.frama.wiki/clicsetdeclics:dessinvectoriel">Dessin vectoriel avec Inkscape</a></strong><br /> +
-<br/> +
-</div> +
-</div> +
-</html>+
  
imagesdessins.txt · Dernière modification: 2021/06/15 18:56 de 185.100.87.244

Outils de la page

Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki