http://wiki.fabbulle.tech/api.php?action=feedcontributions&feedformat=atom&user=MadameLaComtesse 2026-04-28T15:46:37Z Contributions MediaWiki 1.37.1 http://wiki.fabbulle.tech/index.php?title=MediaWiki:Mobile.css&diff=726 2022-08-18T15:50:33Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile */<br /> <br /> @import url( &#039;https://fonts.googleapis.com/css?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 35px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 100px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Mobile.css&diff=725 2022-08-18T15:50:16Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile */<br /> <br /> @import url( &#039;https://fonts.googleapis.com/css?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 30px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 100px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Mobile.css&diff=724 2022-08-18T15:49:58Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile */<br /> <br /> @import url( &#039;https://fonts.googleapis.com/css?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 30px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Mobile.css&diff=723 2022-08-18T15:49:08Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile */<br /> <br /> @import url( &#039;https://fonts.googleapis.com/css?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 20px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Mobile.css&diff=722 2022-08-18T15:48:44Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile */<br /> <br /> @import url( &#039;https://fonts.googleapis.com/css?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 20px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Mobile.css&diff=721 2022-08-18T15:48:07Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile */<br /> <br /> @import url( &#039;https://fonts.googleapis.com/css?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 20px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Mobile.css&diff=720 2022-08-18T15:46:55Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile */<br /> <br /> @import url( &#039;https://fonts.googleapis.com/css?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 20px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Mobile.css&diff=719 2022-08-18T15:44:42Z

<p>MadameLaComtesse : Contenu remplacé par « /* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile */ »</p> <hr /> <div>/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile */</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Mobile.css&diff=718 2022-08-18T15:44:12Z

<p>MadameLaComtesse : Page créée avec « /* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile */ @import url( &#039;https://fonts.googleapis.com/css?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;); body{ font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif; } .corpsContenu{ right: 0; left: 0; margin: auto; padding: 0; max-width: 944px; } /* positionnements */ .pr{ position: relative; } .pa{ position: absolute; } /* texte */ h1{... »</p> <hr /> <div>/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs du site mobile */<br /> <br /> <br /> @import url( &#039;https://fonts.googleapis.com/css?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 20px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=717 2022-08-17T16:19:49Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url( &#039;https://fonts.googleapis.com/css?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 20px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=716 2022-08-17T16:19:12Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url( &#039;https://fonts.googleapis.com/css?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 20px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=715 2022-08-17T16:18:19Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url( &#039;https://fonts.googleapis.com/css?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 20px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=714 2022-08-17T16:17:46Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url( &#039;https://fonts.googleapis.com/css?family=Nunito &#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 20px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Vector.css&diff=713 2022-08-17T16:09:33Z

<p>MadameLaComtesse : Contenu remplacé par « /* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs de l’habillage Vector */ »</p> <hr /> <div>/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs de l’habillage Vector */</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Vector.css&diff=712 2022-08-17T16:08:59Z

<p>MadameLaComtesse : Page créée avec « /* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs de l’habillage Vector */ @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;); body{ font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important; } .corpsContenu{ right: 0; left: 0; margin: auto; padding: 0; max-width: 944px; } /* positionnements */ .pr{ position: relative; } .pa{ position: absolute... »</p> <hr /> <div>/* Tout CSS placé ici sera chargé avec les pages accédées par les utilisateurs de l’habillage Vector */<br /> <br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 20px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=Accueil&diff=711 2022-08-17T15:48:04Z

<p>MadameLaComtesse : </p> <hr /> <div>&lt;div class=&quot;corpsContenu&quot;&gt;<br /> <br /> &lt;!-- section bannière header --&gt;<br /> &lt;div class=&quot;configContenu pr banniereEntete pr&quot;&gt;<br /> &lt;div class=&quot;configContenu pr h-100per motifExagonalOrange&quot;&gt; &lt;!-- motif vectoriel exagonal --&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeOrange&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h1 class=&quot;banniereTitre pa&quot;&gt; &lt;!-- titre placé sur la bannière --&gt;<br /> Bienvenue sur le wiki du…<br /> &lt;/h1&gt;<br /> &lt;div class=&quot;banniereEnteteImg&quot;&gt;<br /> [[Fichier:Fabbulle-logo-horizontal-blanc.png|300px|center|frameless|alt=Fablab Fabbulle]]<br /> &lt;/div&gt;<br /> &lt;p class=&quot;pa&quot;&gt; &lt;!-- petite mention supplémentaire placée sur la bannière --&gt;<br /> C&#039;est aussi notre site web officiel!<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section présentation du wiki --&gt;<br /> &lt;div class=&quot;configContenu pr pt-50 mb-50&quot;&gt;<br /> &lt;h2 class=&quot;contenuIndente&quot;&gt;<br /> Vous avez dit Wiki?<br /> &lt;/h2&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> Un wiki est un site web pas comme les autres. Tout le monde connait Wikipédia, cette encyclopédie qui tire sa force de la liberté de chaque utilisateur à améliorer son contenu. Et bien notre site web, c&#039;est pareil! &lt;strong&gt;Tout le monde peut se créer un compte et bonifier les pages qu&#039;il ou elle souhaite,&lt;/strong&gt; ou encore en ajouter une nouvelle pour y mettre un tutoriel expliquant comment fonctionne une machine ou un paramètre!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En soit, qu&#039;est ce que ça change? L&#039;expérience de navigation au travers du site n&#039;est pas la même; la barre de navigation propose d&#039;accéder à notre compte, de modifier les pages ou encore de visualiser l&#039;historique de son contenu. Mais les informations d&#039;un site classique, comme &lt;strong&gt;les horaires ou encore l&#039;adresse, qui se situent un peu plus bas dans cette page d&#039;accueil,&lt;/strong&gt; sont toujours présentes!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En changeant pour un fonctionnement comme celui-ci, notre site peut héberger à la fois nos information essentielles, mais aussi tout le savoir acquis par nos membres au cours de nos années d&#039;existence ainsi que des directives d&#039;utilisation techniques ou de tutoriels. &lt;strong&gt;On vous encourage à faire partie du navire en vous créant un compte!&lt;/strong&gt;<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section À propos de nous --&gt;<br /> &lt;div class=&quot;pr mb-70&quot;&gt;<br /> &lt;!-- bannière entête À propos de nous --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu&quot;&gt;<br /> &lt;div class=&quot;configContenu pa h-100per background1&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeBleu&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h2 class=&quot;pa&quot;&gt;<br /> À propos de nous<br /> &lt;/h2&gt;<br /> &lt;/div&gt;<br /> &lt;div&gt; &lt;!-- contenu section --&gt;<br /> {| <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[L&#039;horaire et l&#039;adresse!|Informations pratiques]] ==<br /> L&#039;horaire, l&#039;adresse, les tarifs, les FAQ et autres....Tout ce qu&#039;il faut savoir pour venir faire un tour au Fabbulle.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Nos valeurs]] ==<br /> Ben oui! Nous sommes des idéalistes!<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section nos ressources --&gt;<br /> &lt;div class=&quot;pr mb-70&quot;&gt;<br /> &lt;!-- bannière entête Nos ressources --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu&quot;&gt;<br /> &lt;div class=&quot;configContenu pa h-100per background2&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeOrange&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h2 class=&quot;pa&quot;&gt;<br /> Nos ressources<br /> &lt;/h2&gt;<br /> &lt;/div&gt;<br /> &lt;!-- contenu section --&gt;<br /> &lt;div&gt;<br /> {| <br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les machines]]== <br /> Instructions et tutoriels sur l&#039;utilisation des machines du Fabbule<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les logiciels]] ==<br /> Quel logiciel utiliser pour votre projet? Là est toute la question!<br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Le parcours!]] ==<br /> Des projets amusants pour vous permettre de progresser au Fablab.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Documentation des projets]] ==<br /> Partagez ce que vous faites avec la communauté!<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section pour aller plus loin --&gt;<br /> &lt;div class=&quot;pr mb-100&quot;&gt;<br /> &lt;!-- bannière entête pour aller plus loin --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu&quot;&gt;<br /> &lt;div class=&quot;configContenu pr h-100per motifExagonalBleu pa&quot;&gt; &lt;!-- motif vectoriel exagonal --&gt;<br /> &lt;/div&gt;<br /> &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;div class=&quot;configContenu h-100per degradeBleu pa&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;h2 class=&quot;pa&quot;&gt;<br /> Pour aller plus loin…<br /> &lt;/h2&gt;<br /> &lt;/div&gt;<br /> &lt;!-- contenu section --&gt;<br /> &lt;div&gt;<br /> {| <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Démarrez votre propre fablab|Démarrez votre propre fablab!]] ==<br /> Nous offrons des services-conseils pour vous simplifier la vie.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Fabrégion Bas-Saint-Laurent]] ==<br /> Par nous, pour nous et pour la planète.<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section footer --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu footer&quot;&gt;<br /> &lt;div class=&quot;configContenu pa h-100per background3&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeGrisClair&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;!-- petite mention supplémentaire placée sur la bannière --&gt;<br /> &lt;p&gt;<br /> Site web hébergé par<br /> &lt;/p&gt;<br /> &lt;div&gt;<br /> [[Fichier:Atria_logo_slogan_RVB_Couleur-ft.png|100px|left|frameless|link=https://https://www.atria-ti.com/|alt=Atria]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> __NOTOC__</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=710 2022-08-17T15:47:12Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 20px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-70{<br /> margin-bottom: 70px;<br /> }<br /> .mb-50{<br /> margin-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=Accueil&diff=709 2022-08-17T15:46:35Z

<p>MadameLaComtesse : </p> <hr /> <div>&lt;div class=&quot;corpsContenu&quot;&gt;<br /> <br /> &lt;!-- section bannière header --&gt;<br /> &lt;div class=&quot;configContenu pr banniereEntete pr&quot;&gt;<br /> &lt;div class=&quot;configContenu pr h-100per motifExagonalOrange&quot;&gt; &lt;!-- motif vectoriel exagonal --&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeOrange&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h1 class=&quot;banniereTitre pa&quot;&gt; &lt;!-- titre placé sur la bannière --&gt;<br /> Bienvenue sur le wiki du…<br /> &lt;/h1&gt;<br /> &lt;div class=&quot;banniereEnteteImg&quot;&gt;<br /> [[Fichier:Fabbulle-logo-horizontal-blanc.png|300px|center|frameless|alt=Fablab Fabbulle]]<br /> &lt;/div&gt;<br /> &lt;p class=&quot;pa&quot;&gt; &lt;!-- petite mention supplémentaire placée sur la bannière --&gt;<br /> C&#039;est aussi notre site web officiel!<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section présentation du wiki --&gt;<br /> &lt;div class=&quot;configContenu pr pt-50 mb-50&quot;&gt;<br /> &lt;h2 class=&quot;contenuIndente&quot;&gt;<br /> Vous avez dit Wiki?<br /> &lt;/h2&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> Un wiki est un site web pas comme les autres. Tout le monde connait Wikipédia, cette encyclopédie qui tire sa force de la liberté de chaque utilisateur à améliorer son contenu. Et bien notre site web, c&#039;est pareil! &lt;strong&gt;Tout le monde peut se créer un compte et bonifier les pages qu&#039;il ou elle souhaite,&lt;/strong&gt; ou encore en ajouter une nouvelle pour y mettre un tutoriel expliquant comment fonctionne une machine ou un paramètre!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En soit, qu&#039;est ce que ça change? L&#039;expérience de navigation au travers du site n&#039;est pas la même; la barre de navigation propose d&#039;accéder à notre compte, de modifier les pages ou encore de visualiser l&#039;historique de son contenu. Mais les informations d&#039;un site classique, comme &lt;strong&gt;les horaires ou encore l&#039;adresse, qui se situent un peu plus bas dans cette page d&#039;accueil,&lt;/strong&gt; sont toujours présentes!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En changeant pour un fonctionnement comme celui-ci, notre site peut héberger à la fois nos information essentielles, mais aussi tout le savoir acquis par nos membres au cours de nos années d&#039;existence ainsi que des directives d&#039;utilisation techniques ou de tutoriels. &lt;strong&gt;On vous encourage à faire partie du navire en vous créant un compte!&lt;/strong&gt;<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section À propos de nous --&gt;<br /> &lt;div class=&quot;pr mb-70&quot;&gt;<br /> &lt;!-- bannière entête À propos de nous --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu&quot;&gt;<br /> &lt;div class=&quot;configContenu pa h-100per background1&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeBleu&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h2 class=&quot;pa&quot;&gt;<br /> À propos de nous<br /> &lt;/h2&gt;<br /> &lt;/div&gt;<br /> &lt;div&gt; &lt;!-- contenu section --&gt;<br /> {| <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[L&#039;horaire et l&#039;adresse!|Informations pratiques]] ==<br /> L&#039;horaire, l&#039;adresse, les tarifs, les FAQ et autres....Tout ce qu&#039;il faut savoir pour venir faire un tour au Fabbulle.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Nos valeurs]] ==<br /> Ben oui! Nous sommes des idéalistes!<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section nos ressources --&gt;<br /> &lt;div class=&quot;pr mb-70&quot;&gt;<br /> &lt;!-- bannière entête Nos ressources --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu&quot;&gt;<br /> &lt;div class=&quot;configContenu pa h-100per background2&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeOrange&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h2 class=&quot;pa&quot;&gt;<br /> Nos ressources<br /> &lt;/h2&gt;<br /> &lt;/div&gt;<br /> &lt;!-- contenu section --&gt;<br /> &lt;div&gt;<br /> {| <br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les machines]]== <br /> Instructions et tutoriels sur l&#039;utilisation des machines du Fabbule<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les logiciels]] ==<br /> Quel logiciel utiliser pour votre projet? Là est toute la question!<br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Le parcours!]] ==<br /> Des projets amusants pour vous permettre de progresser au Fablab.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Documentation des projets]] ==<br /> Partagez ce que vous faites avec la communauté!<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section pour aller plus loin --&gt;<br /> &lt;div class=&quot;pr mb-100&quot;&gt;<br /> &lt;!-- bannière entête pour aller plus loin --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu&quot;&gt;<br /> &lt;div class=&quot;configContenu pr h-100per motifExagonalBleu pa&quot;&gt; &lt;!-- motif vectoriel exagonal --&gt;<br /> &lt;/div&gt;<br /> &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;div class=&quot;configContenu h-100per degradeBleu pa&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;h2 class=&quot;pa&quot;&gt;<br /> Pour aller plus loin…<br /> &lt;/h2&gt;<br /> &lt;/div&gt;<br /> &lt;!-- contenu section --&gt;<br /> &lt;div&gt;<br /> {| <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Démarrez votre propre fablab|Démarrez votre propre fablab!]] ==<br /> Nous offrons des services-conseils pour vous simplifier la vie.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Fabrégion Bas-Saint-Laurent]] ==<br /> Par nous, pour nous et pour la planète.<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section footer --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu footer&quot;&gt;<br /> &lt;div class=&quot;configContenu pa h-100per background3&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeGrisClair&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;!-- petite mention supplémentaire placée sur la bannière --&gt;<br /> &lt;p&gt;<br /> Site web hébergé par<br /> &lt;/p&gt;<br /> &lt;div&gt;<br /> [[Fichier:Atria_logo_slogan_RVB_Couleur-ft.png|100px|left|frameless|link=https://https://www.atria-ti.com/|alt=Atria]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> __NOTOC__</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=708 2022-08-17T15:45:23Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 20px 0px 0px 10%;<br /> font-size: 25px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=707 2022-08-17T15:44:44Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 25px 0px 0px 10%;<br /> font-size: 30px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 120px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=Accueil&diff=706 2022-08-17T15:41:02Z

<p>MadameLaComtesse : </p> <hr /> <div>&lt;div class=&quot;corpsContenu&quot;&gt;<br /> <br /> &lt;!-- section bannière header --&gt;<br /> &lt;div class=&quot;configContenu pr banniereEntete pr&quot;&gt;<br /> &lt;div class=&quot;configContenu pr h-100per motifExagonalOrange&quot;&gt; &lt;!-- motif vectoriel exagonal --&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeOrange&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h1 class=&quot;banniereTitre pa&quot;&gt; &lt;!-- titre placé sur la bannière --&gt;<br /> Bienvenue sur le wiki du…<br /> &lt;/h1&gt;<br /> &lt;div class=&quot;banniereEnteteImg&quot;&gt;<br /> [[Fichier:Fabbulle-logo-horizontal-blanc.png|300px|center|frameless|alt=Fablab Fabbulle]]<br /> &lt;/div&gt;<br /> &lt;p class=&quot;pa&quot;&gt; &lt;!-- petite mention supplémentaire placée sur la bannière --&gt;<br /> C&#039;est aussi notre site web officiel!<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section présentation du wiki --&gt;<br /> &lt;div class=&quot;configContenu pr pt-50 mb-50&quot;&gt;<br /> &lt;h2 class=&quot;contenuIndente&quot;&gt;<br /> Vous avez dit Wiki?<br /> &lt;/h2&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> Un wiki est un site web pas comme les autres. Tout le monde connait Wikipédia, cette encyclopédie qui tire sa force de la liberté de chaque utilisateur à améliorer son contenu. Et bien notre site web, c&#039;est pareil! &lt;strong&gt;Tout le monde peut se créer un compte et bonifier les pages qu&#039;il ou elle souhaite,&lt;/strong&gt; ou encore en ajouter une nouvelle pour y mettre un tutoriel expliquant comment fonctionne une machine ou un paramètre!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En soit, qu&#039;est ce que ça change? L&#039;expérience de navigation au travers du site n&#039;est pas la même; la barre de navigation propose d&#039;accéder à notre compte, de modifier les pages ou encore de visualiser l&#039;historique de son contenu. Mais les informations d&#039;un site classique, comme &lt;strong&gt;les horaires ou encore l&#039;adresse, qui se situent un peu plus bas dans cette page d&#039;accueil,&lt;/strong&gt; sont toujours présentes!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En changeant pour un fonctionnement comme celui-ci, notre site peut héberger à la fois nos information essentielles, mais aussi tout le savoir acquis par nos membres au cours de nos années d&#039;existence ainsi que des directives d&#039;utilisation techniques ou de tutoriels. &lt;strong&gt;On vous encourage à faire partie du navire en vous créant un compte!&lt;/strong&gt;<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section À propos de nous --&gt;<br /> &lt;div class=&quot;pr mb-50&quot;&gt;<br /> &lt;!-- bannière entête À propos de nous --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu&quot;&gt;<br /> &lt;div class=&quot;configContenu pa h-100per background1&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeBleu&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h2 class=&quot;pa&quot;&gt;<br /> À propos de nous<br /> &lt;/h2&gt;<br /> &lt;/div&gt;<br /> &lt;div&gt; &lt;!-- contenu section --&gt;<br /> {| <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[L&#039;horaire et l&#039;adresse!|Informations pratiques]] ==<br /> L&#039;horaire, l&#039;adresse, les tarifs, les FAQ et autres....Tout ce qu&#039;il faut savoir pour venir faire un tour au Fabbulle.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Nos valeurs]] ==<br /> Ben oui! Nous sommes des idéalistes!<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section nos ressources --&gt;<br /> &lt;div class=&quot;pr mb-50&quot;&gt;<br /> &lt;!-- bannière entête Nos ressources --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu&quot;&gt;<br /> &lt;div class=&quot;configContenu pa h-100per background2&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeOrange&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h2 class=&quot;pa&quot;&gt;<br /> Nos ressources<br /> &lt;/h2&gt;<br /> &lt;/div&gt;<br /> &lt;!-- contenu section --&gt;<br /> &lt;div&gt;<br /> {| <br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les machines]]== <br /> Instructions et tutoriels sur l&#039;utilisation des machines du Fabbule<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les logiciels]] ==<br /> Quel logiciel utiliser pour votre projet? Là est toute la question!<br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Le parcours!]] ==<br /> Des projets amusants pour vous permettre de progresser au Fablab.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Documentation des projets]] ==<br /> Partagez ce que vous faites avec la communauté!<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section pour aller plus loin --&gt;<br /> &lt;div class=&quot;pr mb-50&quot;&gt;<br /> &lt;!-- bannière entête pour aller plus loin --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu&quot;&gt;<br /> &lt;div class=&quot;configContenu pr h-100per motifExagonalBleu pa&quot;&gt; &lt;!-- motif vectoriel exagonal --&gt;<br /> &lt;/div&gt;<br /> &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;div class=&quot;configContenu h-100per degradeBleu pa&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;h2 class=&quot;pa&quot;&gt;<br /> Pour aller plus loin…<br /> &lt;/h2&gt;<br /> &lt;/div&gt;<br /> &lt;!-- contenu section --&gt;<br /> &lt;div&gt;<br /> {| <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Démarrez votre propre fablab|Démarrez votre propre fablab!]] ==<br /> Nous offrons des services-conseils pour vous simplifier la vie.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Fabrégion Bas-Saint-Laurent]] ==<br /> Par nous, pour nous et pour la planète.<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section footer --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu footer&quot;&gt;<br /> &lt;div class=&quot;configContenu pa h-100per background3&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeGrisClair&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;!-- petite mention supplémentaire placée sur la bannière --&gt;<br /> &lt;p&gt;<br /> Site web hébergé par<br /> &lt;/p&gt;<br /> &lt;div&gt;<br /> [[Fichier:Atria_logo_slogan_RVB_Couleur-ft.png|100px|left|frameless|link=https://https://www.atria-ti.com/|alt=Atria]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> __NOTOC__</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=Accueil&diff=705 2022-08-17T15:35:07Z

<p>MadameLaComtesse : </p> <hr /> <div>&lt;div class=&quot;corpsContenu&quot;&gt;<br /> <br /> &lt;!-- section bannière header --&gt;<br /> &lt;div class=&quot;configContenu pr banniereEntete pr&quot;&gt;<br /> &lt;div class=&quot;configContenu pr h-100per motifExagonalOrange&quot;&gt; &lt;!-- motif vectoriel exagonal --&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeOrange&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h1 class=&quot;banniereTitre pa&quot;&gt; &lt;!-- titre placé sur la bannière --&gt;<br /> Bienvenue sur le wiki du…<br /> &lt;/h1&gt;<br /> &lt;div class=&quot;banniereEnteteImg&quot;&gt;<br /> [[Fichier:Fabbulle-logo-horizontal-blanc.png|300px|center|frameless|alt=Fablab Fabbulle]]<br /> &lt;/div&gt;<br /> &lt;p class=&quot;pa&quot;&gt; &lt;!-- petite mention supplémentaire placée sur la bannière --&gt;<br /> C&#039;est aussi notre site web officiel!<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section présentation du wiki --&gt;<br /> &lt;div class=&quot;configContenu pr pt-50 mb-50&quot;&gt;<br /> &lt;h2 class=&quot;contenuIndente&quot;&gt;<br /> Vous avez dit Wiki?<br /> &lt;/h2&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> Un wiki est un site web pas comme les autres. Tout le monde connait Wikipédia, cette encyclopédie qui tire sa force de la liberté de chaque utilisateur à améliorer son contenu. Et bien notre site web, c&#039;est pareil! &lt;strong&gt;Tout le monde peut se créer un compte et bonifier les pages qu&#039;il ou elle souhaite,&lt;/strong&gt; ou encore en ajouter une nouvelle pour y mettre un tutoriel expliquant comment fonctionne une machine ou un paramètre!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En soit, qu&#039;est ce que ça change? L&#039;expérience de navigation au travers du site n&#039;est pas la même; la barre de navigation propose d&#039;accéder à notre compte, de modifier les pages ou encore de visualiser l&#039;historique de son contenu. Mais les informations d&#039;un site classique, comme &lt;strong&gt;les horaires ou encore l&#039;adresse, qui se situent un peu plus bas dans cette page d&#039;accueil,&lt;/strong&gt; sont toujours présentes!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En changeant pour un fonctionnement comme celui-ci, notre site peut héberger à la fois nos information essentielles, mais aussi tout le savoir acquis par nos membres au cours de nos années d&#039;existence ainsi que des directives d&#039;utilisation techniques ou de tutoriels. &lt;strong&gt;On vous encourage à faire partie du navire en vous créant un compte!&lt;/strong&gt;<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section À propos de nous --&gt;<br /> &lt;div class=&quot;pr mb-50&quot;&gt;<br /> &lt;!-- bannière entête À propos de nous --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu&quot;&gt;<br /> &lt;div class=&quot;configContenu pa h-100per background1&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeBleu&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h2 class=&quot;pa&quot;&gt;<br /> À propos de nous<br /> &lt;/h2&gt;<br /> &lt;/div&gt;<br /> &lt;div&gt; &lt;!-- contenu section --&gt;<br /> {| <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[L&#039;horaire et l&#039;adresse!|L&#039;horaire, l&#039;adresse, les tarifs, les FAQ et autres...]] ==<br /> Tout ce qu&#039;il faut savoir pour venir faire un tour au Fabbulle.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Nos valeurs]] ==<br /> Ben oui! Nous sommes des idéalistes!<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section nos ressources --&gt;<br /> &lt;div class=&quot;pr mb-50&quot;&gt;<br /> &lt;!-- bannière entête Nos ressources --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu&quot;&gt;<br /> &lt;div class=&quot;configContenu pa h-100per background2&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeOrange&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h2 class=&quot;pa&quot;&gt;<br /> Nos ressources<br /> &lt;/h2&gt;<br /> &lt;/div&gt;<br /> &lt;!-- contenu section --&gt;<br /> &lt;div&gt;<br /> {| <br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les machines]]== <br /> Instructions et tutoriels sur l&#039;utilisation des machines du Fabbule<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les logiciels]] ==<br /> Quel logiciel utiliser pour votre projet? Là est toute la question!<br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Le parcours!]] ==<br /> Des projets amusants pour vous permettre de progresser au Fablab.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Documentation des projets]] ==<br /> Partagez ce que vous faites avec la communauté!<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section pour aller plus loin --&gt;<br /> &lt;div class=&quot;pr mb-50&quot;&gt;<br /> &lt;!-- bannière entête pour aller plus loin --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu&quot;&gt;<br /> &lt;div class=&quot;configContenu pr h-100per motifExagonalBleu pa&quot;&gt; &lt;!-- motif vectoriel exagonal --&gt;<br /> &lt;/div&gt;<br /> &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;div class=&quot;configContenu h-100per degradeBleu pa&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;h2 class=&quot;pa&quot;&gt;<br /> Pour aller plus loin…<br /> &lt;/h2&gt;<br /> &lt;/div&gt;<br /> &lt;!-- contenu section --&gt;<br /> &lt;div&gt;<br /> {| <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Démarrez votre propre fablab|Démarrez votre propre fablab!]] ==<br /> Nous offrons des services-conseils pour vous simplifier la vie.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Fabrégion Bas-Saint-Laurent]] ==<br /> Par nous, pour nous et pour la planète.<br /> |}<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section footer --&gt;<br /> &lt;div class=&quot;pr banniereSection configContenu footer&quot;&gt;<br /> &lt;div class=&quot;configContenu pa h-100per background3&quot;&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeGrisClair&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;!-- petite mention supplémentaire placée sur la bannière --&gt;<br /> &lt;p&gt;<br /> Site web hébergé par<br /> &lt;/p&gt;<br /> &lt;div&gt;<br /> [[Fichier:Atria_logo_slogan_RVB_Couleur-ft.png|100px|left|frameless|link=https://https://www.atria-ti.com/|alt=Atria]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> __NOTOC__</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=704 2022-08-17T15:33:25Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 25px 0px 0px 10%;<br /> font-size: 30px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> .background2{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/6/6c/Realisation-min.jpg/1200px-Realisation-min.jpg&#039;);<br /> background-position: center bottom;<br /> background-size: cover;<br /> }<br /> .background3{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/thumb/3/35/Surjetteuse-min.jpg/1200px-Surjetteuse-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=Fichier:Realisation-min.jpg&diff=703 2022-08-17T15:20:46Z

<p>MadameLaComtesse : Photo servant de fond pour les images de bannière</p> <hr /> <div>== Description ==<br /> Photo servant de fond pour les images de bannière</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=Fichier:Surjetteuse-min.jpg&diff=702 2022-08-17T15:20:17Z

<p>MadameLaComtesse : Photo servant de fond pour les images de bannière</p> <hr /> <div>== Description ==<br /> Photo servant de fond pour les images de bannière</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=701 2022-08-17T14:15:06Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 25px 0px 0px 10%;<br /> font-size: 30px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/4a/Thomas-xavier-min.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=Fichier:Thomas-xavier-min.jpg&diff=700 2022-08-17T14:14:39Z

<p>MadameLaComtesse : Image servant de fond pour les bannières de titre</p> <hr /> <div>== Description ==<br /> Image servant de fond pour les bannières de titre</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=699 2022-08-17T14:10:52Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 25px 0px 0px 10%;<br /> font-size: 30px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://wiki.fabbulle.tech/images/4/47/InkscapeInterfaceNb.png&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=698 2022-08-17T14:10:00Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 25px 0px 0px 10%;<br /> font-size: 30px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;{{filepath:InkscapeInterfaceNb.png}}&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=697 2022-08-17T14:08:15Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 25px 0px 0px 10%;<br /> font-size: 30px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> .background1{<br /> background-image: url(&#039;https://cdn.pixabay.com/photo/2014/02/27/16/10/flowers-276014_1280.jpg&#039;);<br /> background-position: center;<br /> background-size: cover;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=696 2022-08-17T14:02:27Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 25px 0px 0px 10%;<br /> font-size: 30px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=695 2022-08-17T14:02:05Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 20px 0px 0px 10%;<br /> font-size: 30px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=694 2022-08-17T14:01:32Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 10px 0px 0px 10%;<br /> font-size: 30px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=693 2022-08-17T13:57:22Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 50px 0px 0px 10%;<br /> font-size: 30px;<br /> font-weight: 800;<br /> border-bottom: none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=692 2022-08-17T13:56:05Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> https://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&amp;action=edit<br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 50px 0px 0px 10%;<br /> font-size: 40px;<br /> font-weight: 800;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=691 2022-08-17T13:54:59Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> <br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px !important;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 50px 0px 0px 10%;<br /> font-size: 40px;<br /> font-weight: 800;<br /> text-decoration:none !important;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=690 2022-08-17T13:54:33Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> <br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px !important;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 50px 0px 0px 10%;<br /> font-size: 40px;<br /> font-weight: 800;<br /> text-decoration:none;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=689 2022-08-17T13:52:47Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> <br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative !important;<br /> }<br /> .pa{<br /> position: absolute !important;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 50px 0px 0px 10%;<br /> font-size: 40px;<br /> font-weight: 800;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=Accueil&diff=688 2022-08-12T19:01:21Z

<p>MadameLaComtesse : </p> <hr /> <div>&lt;div class=&quot;corpsContenu&quot;&gt;<br /> <br /> &lt;!-- section bannière header --&gt;<br /> &lt;div class=&quot;configContenu pr banniereEntete pr&quot;&gt;<br /> &lt;div class=&quot;configContenu pr h-100per motifExagonalOrange&quot;&gt; &lt;!-- motif vectoriel exagonal --&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeOrange&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h1 class=&quot;banniereTitre pa&quot;&gt; &lt;!-- titre placé sur la bannière --&gt;<br /> Bienvenue sur le wiki du…<br /> &lt;/h1&gt;<br /> &lt;div class=&quot;banniereEnteteImg&quot;&gt;<br /> [[Fichier:Fabbulle-logo-horizontal-blanc.png|300px|center|frameless|alt=Fablab Fabbulle]]<br /> &lt;/div&gt;<br /> &lt;p class=&quot;pa&quot;&gt; &lt;!-- petite mention supplémentaire placée sur la bannière --&gt;<br /> C&#039;est aussi notre site web officiel!<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section présentation du wiki --&gt;<br /> &lt;div class=&quot;configContenu pr pt-50 mb-50&quot;&gt;<br /> &lt;h2 class=&quot;contenuIndente&quot;&gt;<br /> Vous avez dit Wiki?<br /> &lt;/h2&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> Un wiki est un site web pas comme les autres. Tout le monde connait Wikipédia, cette encyclopédie qui tire sa force de la liberté de chaque utilisateur à améliorer son contenu. Et bien notre site web, c&#039;est pareil! &lt;strong&gt;Tout le monde peut se créer un compte et bonifier les pages qu&#039;il ou elle souhaite,&lt;/strong&gt; ou encore en ajouter une nouvelle pour y mettre un tutoriel expliquant comment fonctionne une machine ou un paramètre!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En soit, qu&#039;est ce que ça change? L&#039;expérience de navigation au travers du site n&#039;est pas la même; la barre de navigation propose d&#039;accéder à notre compte, de modifier les pages ou encore de visualiser l&#039;historique de son contenu. Mais les informations d&#039;un site classique, comme &lt;strong&gt;les horaires ou encore l&#039;adresse, qui se situent un peu plus bas dans cette page d&#039;accueil,&lt;/strong&gt; sont toujours présentes!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En changeant pour un fonctionnement comme celui-ci, notre site peut héberger à la fois nos information essentielles, mais aussi tout le savoir acquis par nos membres au cours de nos années d&#039;existence ainsi que des directives d&#039;utilisation techniques ou de tutoriels. &lt;strong&gt;On vous encourage à faire partie du navire en vous créant un compte!&lt;/strong&gt;<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> __NOTOC__<br /> {| <br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les machines]]== <br /> Instructions et tutoriels sur l&#039;utilisation des machines du Fabbule<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les logiciels]] ==<br /> Quel logiciel utiliser pour votre projet? Là est toute la question!<br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Le parcours!]] ==<br /> Des projets amusants pour vous permettre de progresser au Fablab.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[Documentation des projets]] ==<br /> Partagez ce que vous faites avec la communauté!<br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[L&#039;horaire et l&#039;adresse!|L&#039;horaire, l&#039;adresse, les tarifs, les FAQ et autres...]] ==<br /> Tout ce qu&#039;il faut savoir pour venir faire un tour au Fabbulle.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Nos valeurs]] ==<br /> Ben oui! Nous sommes des idéalistes!<br /> <br /> <br /> <br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[Démarrez votre propre fablab|Démarrez votre propre fablab!]] ==<br /> Nous offrons des services-conseils pour vous simplifier la vie.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[Fabrégion Bas-Saint-Laurent]] ==<br /> Par nous, pour nous et pour la planète.<br /> |}<br /> &lt;br&gt;<br /> <br /> Hébergé par<br /> [[Fichier:Atria_logo_slogan_RVB_Couleur-ft.png|175px|left|frameless|link=https://https://www.atria-ti.com/|alt=Atria]]<br /> <br /> <br /> &lt;/div&gt;</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=687 2022-08-12T19:00:38Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> <br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> .corpsContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 50px 0px 0px 10%;<br /> font-size: 40px;<br /> font-weight: 800;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=686 2022-08-12T18:59:13Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> <br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 50px 0px 0px 10%;<br /> font-size: 40px;<br /> font-weight: 800;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=685 2022-08-12T18:58:58Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> <br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> max-width: 944px;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 50px 0px 0px 10%;<br /> font-size: 40px;<br /> font-weight: 800;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=684 2022-08-12T18:57:44Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> <br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 50px 0px 0px 10%;<br /> font-size: 40px;<br /> font-weight: 800;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=683 2022-08-12T18:52:36Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> <br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> border-bottom: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 50px 0px 0px 10%;<br /> font-size: 40px;<br /> font-weight: 800;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=682 2022-08-12T18:51:04Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> <br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> text-decoration: none;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 50px 0px 0px 10%;<br /> font-size: 40px;<br /> font-weight: 800;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=Accueil&diff=681 2022-08-12T18:49:43Z

<p>MadameLaComtesse : </p> <hr /> <div>&lt;!-- section bannière header --&gt;<br /> &lt;div class=&quot;configContenu pr banniereEntete pr&quot;&gt;<br /> &lt;div class=&quot;configContenu pr h-100per motifExagonalOrange&quot;&gt; &lt;!-- motif vectoriel exagonal --&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeOrange&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h1 class=&quot;banniereTitre pa&quot;&gt; &lt;!-- titre placé sur la bannière --&gt;<br /> Bienvenue sur le wiki du…<br /> &lt;/h1&gt;<br /> &lt;div class=&quot;banniereEnteteImg&quot;&gt;<br /> [[Fichier:Fabbulle-logo-horizontal-blanc.png|300px|center|frameless|alt=Fablab Fabbulle]]<br /> &lt;/div&gt;<br /> &lt;p class=&quot;pa&quot;&gt; &lt;!-- petite mention supplémentaire placée sur la bannière --&gt;<br /> C&#039;est aussi notre site web officiel!<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section présentation du wiki --&gt;<br /> &lt;div class=&quot;configContenu pr pt-50 mb-50&quot;&gt;<br /> &lt;h2 class=&quot;contenuIndente&quot;&gt;<br /> Vous avez dit Wiki?<br /> &lt;/h2&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> Un wiki est un site web pas comme les autres. Tout le monde connait Wikipédia, cette encyclopédie qui tire sa force de la liberté de chaque utilisateur à améliorer son contenu. Et bien notre site web, c&#039;est pareil! &lt;strong&gt;Tout le monde peut se créer un compte et bonifier les pages qu&#039;il ou elle souhaite,&lt;/strong&gt; ou encore en ajouter une nouvelle pour y mettre un tutoriel expliquant comment fonctionne une machine ou un paramètre!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En soit, qu&#039;est ce que ça change? L&#039;expérience de navigation au travers du site n&#039;est pas la même; la barre de navigation propose d&#039;accéder à notre compte, de modifier les pages ou encore de visualiser l&#039;historique de son contenu. Mais les informations d&#039;un site classique, comme &lt;strong&gt;les horaires ou encore l&#039;adresse, qui se situent un peu plus bas dans cette page d&#039;accueil,&lt;/strong&gt; sont toujours présentes!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En changeant pour un fonctionnement comme celui-ci, notre site peut héberger à la fois nos information essentielles, mais aussi tout le savoir acquis par nos membres au cours de nos années d&#039;existence ainsi que des directives d&#039;utilisation techniques ou de tutoriels. &lt;strong&gt;On vous encourage à faire partie du navire en vous créant un compte!&lt;/strong&gt;<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> __NOTOC__<br /> {| <br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les machines]]== <br /> Instructions et tutoriels sur l&#039;utilisation des machines du Fabbule<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les logiciels]] ==<br /> Quel logiciel utiliser pour votre projet? Là est toute la question!<br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Le parcours!]] ==<br /> Des projets amusants pour vous permettre de progresser au Fablab.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[Documentation des projets]] ==<br /> Partagez ce que vous faites avec la communauté!<br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[L&#039;horaire et l&#039;adresse!|L&#039;horaire, l&#039;adresse, les tarifs, les FAQ et autres...]] ==<br /> Tout ce qu&#039;il faut savoir pour venir faire un tour au Fabbulle.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Nos valeurs]] ==<br /> Ben oui! Nous sommes des idéalistes!<br /> <br /> <br /> <br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[Démarrez votre propre fablab|Démarrez votre propre fablab!]] ==<br /> Nous offrons des services-conseils pour vous simplifier la vie.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[Fabrégion Bas-Saint-Laurent]] ==<br /> Par nous, pour nous et pour la planète.<br /> |}<br /> &lt;br&gt;<br /> <br /> Hébergé par<br /> [[Fichier:Atria_logo_slogan_RVB_Couleur-ft.png|175px|left|frameless|link=https://https://www.atria-ti.com/|alt=Atria]]</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=680 2022-08-12T18:49:35Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> <br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 50px 0px 0px 10%;<br /> font-size: 40px;<br /> font-weight: 800;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-50{<br /> padding-top: 50px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=MediaWiki:Common.css&diff=679 2022-08-12T18:49:19Z

<p>MadameLaComtesse : </p> <hr /> <div>/* Le CSS placé ici sera appliqué à tous les habillages. */<br /> body.page-Accueil.action-view h1.firstHeading, body.page-Accueil.action-submit h1.firstHeading { display: none; }<br /> <br /> <br /> @import url(&#039;https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;800&amp;display=swap&#039;);<br /> <br /> body{<br /> font-family: &#039;Segoe UI&#039;, Arial, Helvetica, sans-serif !important;<br /> }<br /> <br /> /* positionnements */<br /> .pr{<br /> position: relative;<br /> }<br /> .pa{<br /> position: absolute;<br /> }<br /> <br /> /* texte */<br /> h1{<br /> font-size: 30px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 800;<br /> }<br /> .banniereTitre{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 170px;<br /> width: 100%;<br /> text-align: center;<br /> color: white;<br /> }<br /> h2{<br /> position: relative;<br /> margin: 0;<br /> text-align: left;<br /> color: #1c2731;<br /> font-size: 35px;<br /> font-family: &#039;Nunito&#039;, Arial, Helvetica, sans-serif !important;<br /> font-weight: 500;<br /> }<br /> .banniereSection h2{<br /> color: white;<br /> width: 100%;<br /> padding: 50px 0px 0px 10%;<br /> font-size: 40px;<br /> font-weight: 800;<br /> }<br /> p{<br /> position: relative;<br /> margin: 0;<br /> color: #1f242a;<br /> font-weight: 400;<br /> }<br /> .banniereEntete p{<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100%;<br /> color: white;<br /> text-align: right;<br /> font-weight: 500;<br /> }<br /> .footer p{<br /> position: absolute;<br /> padding: 0;<br /> bottom: 25px;<br /> right: 140px;<br /> text-align: right;<br /> color: #1c2731;<br /> }<br /> .footer p~div{<br /> position: absolute;<br /> margin: 0;<br /> padding: 0;<br /> bottom: 20px;<br /> right: 30px;<br /> width: 100px;<br /> }<br /> .contenuIndente{<br /> padding: 10px 10%;<br /> width: 80%;<br /> }<br /> <br /> /* boites qui séparent les sections */<br /> .configContenu{<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> padding: 0;<br /> width: 100%;<br /> }<br /> .banniereEntete{<br /> height: 300px;<br /> }<br /> .h-100per{<br /> height: 100%;<br /> }<br /> .banniereSection{<br /> height: 150px;<br /> }<br /> .motifExagonalOrange{<br /> background-color: #DC8629;<br /> background-image: linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(30deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(150deg, #f09432 12%, transparent 12.5%, transparent 87%, #f09432 87.5%, #f09432),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39),<br /> linear-gradient(60deg, #FA9D39 25%, transparent 25.5%, transparent 75%, #FA9D39 75%, #FA9D39);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeOrange{<br /> background: linear-gradient(45deg, rgba(128, 68, 3, 0.6), rgba(217, 93, 77, 0.6), rgba(222, 138, 46, 0.6));<br /> top: 0;<br /> }<br /> .motifExagonalBleu{<br /> background-color: #277FC7;<br /> background-image: linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(30deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(150deg, #2c85cf 12%, transparent 12.5%, transparent 87%, #2c85cf 87.5%, #2c85cf),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc),<br /> linear-gradient(60deg, #4297dc 25%, transparent 25.5%, transparent 75%, #4297dc 75%, #4297dc);<br /> background-size:80px 140px;<br /> background-position: 0 0, 0 0, 40px 70px, 40px 70px, 0 0, 40px 70px;<br /> }<br /> .degradeBleu{<br /> background: linear-gradient(45deg, rgba(4, 50, 102, 0.8), rgba(30, 94, 159, 0.7), rgba(44, 133, 207, 0.7));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> .degradeGrisClair{<br /> background: linear-gradient(45deg, rgba(235, 235, 235, 0.9), rgba(255, 255, 255, 0.99));<br /> top: 0;<br /> background-blend-mode: multiply, screen, normal;<br /> }<br /> <br /> /* images */<br /> .banniereEnteteImg{<br /> padding: 0;<br /> height: 130px;<br /> position: absolute;<br /> right: 0;<br /> left: 0;<br /> margin: auto;<br /> bottom: 60px;<br /> }<br /> .iconeSousTexte{<br /> height: 60%;<br /> position: absolute;<br /> top: 60px;<br /> }<br /> .relierIconeAuGradient{<br /> fill:url(#Gradient1);<br /> opacity: 1;<br /> }<br /> <br /> /* margin et padding */<br /> .pt-60{<br /> padding-top: 60px;<br /> }<br /> .mb-100{<br /> margin-bottom: 100px;<br /> }<br /> .mb-50{<br /> padding-bottom: 50px;<br /> }</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=Accueil&diff=678 2022-08-12T18:49:06Z

<p>MadameLaComtesse : </p> <hr /> <div>&lt;!-- section bannière header --&gt;<br /> &lt;div class=&quot;configContenu pr banniereEntete pr&quot;&gt;<br /> &lt;div class=&quot;configContenu pr h-100per motifExagonalOrange&quot;&gt; &lt;!-- motif vectoriel exagonal --&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeOrange&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h1 class=&quot;banniereTitre pa&quot;&gt; &lt;!-- titre placé sur la bannière --&gt;<br /> Bienvenue sur le wiki du…<br /> &lt;/h1&gt;<br /> &lt;div class=&quot;banniereEnteteImg&quot;&gt;<br /> [[Fichier:Fabbulle-logo-horizontal-blanc.png|300px|center|frameless|alt=Fablab Fabbulle]]<br /> &lt;/div&gt;<br /> &lt;p class=&quot;pa&quot;&gt; &lt;!-- petite mention supplémentaire placée sur la bannière --&gt;<br /> C&#039;est aussi notre site web officiel!<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> &lt;!-- section présentation du wiki --&gt;<br /> &lt;div class=&quot;configContenu pr pt-60 mb-50&quot;&gt;<br /> &lt;h2 class=&quot;contenuIndente&quot;&gt;<br /> Vous avez dit Wiki?<br /> &lt;/h2&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> Un wiki est un site web pas comme les autres. Tout le monde connait Wikipédia, cette encyclopédie qui tire sa force de la liberté de chaque utilisateur à améliorer son contenu. Et bien notre site web, c&#039;est pareil! &lt;strong&gt;Tout le monde peut se créer un compte et bonifier les pages qu&#039;il ou elle souhaite,&lt;/strong&gt; ou encore en ajouter une nouvelle pour y mettre un tutoriel expliquant comment fonctionne une machine ou un paramètre!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En soit, qu&#039;est ce que ça change? L&#039;expérience de navigation au travers du site n&#039;est pas la même; la barre de navigation propose d&#039;accéder à notre compte, de modifier les pages ou encore de visualiser l&#039;historique de son contenu. Mais les informations d&#039;un site classique, comme &lt;strong&gt;les horaires ou encore l&#039;adresse, qui se situent un peu plus bas dans cette page d&#039;accueil,&lt;/strong&gt; sont toujours présentes!<br /> &lt;/p&gt;<br /> &lt;p class=&quot;contenuIndente&quot;&gt;<br /> En changeant pour un fonctionnement comme celui-ci, notre site peut héberger à la fois nos information essentielles, mais aussi tout le savoir acquis par nos membres au cours de nos années d&#039;existence ainsi que des directives d&#039;utilisation techniques ou de tutoriels. &lt;strong&gt;On vous encourage à faire partie du navire en vous créant un compte!&lt;/strong&gt;<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> __NOTOC__<br /> {| <br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les machines]]== <br /> Instructions et tutoriels sur l&#039;utilisation des machines du Fabbule<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les logiciels]] ==<br /> Quel logiciel utiliser pour votre projet? Là est toute la question!<br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Le parcours!]] ==<br /> Des projets amusants pour vous permettre de progresser au Fablab.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[Documentation des projets]] ==<br /> Partagez ce que vous faites avec la communauté!<br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[L&#039;horaire et l&#039;adresse!|L&#039;horaire, l&#039;adresse, les tarifs, les FAQ et autres...]] ==<br /> Tout ce qu&#039;il faut savoir pour venir faire un tour au Fabbulle.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Nos valeurs]] ==<br /> Ben oui! Nous sommes des idéalistes!<br /> <br /> <br /> <br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[Démarrez votre propre fablab|Démarrez votre propre fablab!]] ==<br /> Nous offrons des services-conseils pour vous simplifier la vie.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[Fabrégion Bas-Saint-Laurent]] ==<br /> Par nous, pour nous et pour la planète.<br /> |}<br /> &lt;br&gt;<br /> <br /> Hébergé par<br /> [[Fichier:Atria_logo_slogan_RVB_Couleur-ft.png|175px|left|frameless|link=https://https://www.atria-ti.com/|alt=Atria]]</div>

MadameLaComtesse http://wiki.fabbulle.tech/index.php?title=Accueil&diff=677 2022-08-12T18:40:16Z

<p>MadameLaComtesse : </p> <hr /> <div> &lt;!-- section bannière header --&gt;<br /> &lt;div class=&quot;configContenu pr banniereEntete pr&quot;&gt;<br /> &lt;div class=&quot;configContenu pr h-100per motifExagonalOrange&quot;&gt; &lt;!-- motif vectoriel exagonal --&gt;<br /> &lt;/div&gt;<br /> &lt;div class=&quot;configContenu pa h-100per degradeOrange&quot;&gt; &lt;!-- dégradé supperposé au motif pour le rendre moins visible --&gt;<br /> &lt;/div&gt;<br /> &lt;h1 class=&quot;banniereTitre pa&quot;&gt; &lt;!-- titre placé sur la bannière --&gt;<br /> Bienvenue sur le wiki du…<br /> &lt;/h1&gt;<br /> &lt;div class=&quot;banniereEnteteImg&quot;&gt;<br /> [[Fichier:Fabbulle-logo-horizontal-blanc.png|300px|center|frameless|alt=Fablab Fabbulle]]<br /> &lt;/div&gt;<br /> &lt;p class=&quot;pa&quot;&gt; &lt;!-- petite mention supplémentaire placée sur la bannière --&gt;<br /> C&#039;est aussi notre site web officiel!<br /> &lt;/p&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> <br /> __NOTOC__<br /> <br /> {| <br /> <br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les machines]]== <br /> Instructions et tutoriels sur l&#039;utilisation des machines du Fabbule<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; | <br /> ==[[Les logiciels]] ==<br /> Quel logiciel utiliser pour votre projet? Là est toute la question!<br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Le parcours!]] ==<br /> Des projets amusants pour vous permettre de progresser au Fablab.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[Documentation des projets]] ==<br /> Partagez ce que vous faites avec la communauté!<br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[L&#039;horaire et l&#039;adresse!|L&#039;horaire, l&#039;adresse, les tarifs, les FAQ et autres...]] ==<br /> Tout ce qu&#039;il faut savoir pour venir faire un tour au Fabbulle.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> == [[Nos valeurs]] ==<br /> Ben oui! Nous sommes des idéalistes!<br /> <br /> <br /> <br /> |-<br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[Démarrez votre propre fablab|Démarrez votre propre fablab!]] ==<br /> Nous offrons des services-conseils pour vous simplifier la vie.<br /> | style=&quot;width: 2%; padding: 5px&quot; | <br /> | style=&quot;width: 49%; padding: 5px&quot; |<br /> <br /> == [[Fabrégion Bas-Saint-Laurent]] ==<br /> Par nous, pour nous et pour la planète.<br /> |}<br /> &lt;br&gt;<br /> <br /> Hébergé par<br /> [[Fichier:Atria_logo_slogan_RVB_Couleur-ft.png|175px|left|frameless|link=https://https://www.atria-ti.com/|alt=Atria]]</div>

MadameLaComtesse