https://commons.islamical.org/w/index.php?action=history&feed=atom&title=Template%3AIslamicalslid2%2Fstyles.css 2026-09-27T16:17:04Z Revision history for this page on the wiki MediaWiki 1.46.0 https://commons.islamical.org/w/index.php?title=Template:Islamicalslid2/styles.css&diff=3810&oldid=prev 2025-11-02T22:38:13Z

<p>Created page with &quot;.caixa-flex { display:flex; flex-wrap:wrap; flex-direction:row; min-width:100% } .reqport { box-shadow:0 0 0.3rem #999; padding:10px; margin-bottom:10px; flex:1 1 0 } .portada-imatge-flex { position:relative; overflow:hidden; width:100%; height:100%; } .portada-imatge-flex img { position:absolute; display:block; width:100%; min-width:auto; height:auto; min-height:100%; object-fit:cover; margin:0 } .mf-mobile-only { display:none } * { margin:0 }...&quot;</p> <p><b>New page</b></p><div>.caixa-flex {<br /> display:flex;<br /> flex-wrap:wrap;<br /> flex-direction:row;<br /> min-width:100% <br /> }<br /> .reqport {<br /> box-shadow:0 0 0.3rem #999;<br /> padding:10px;<br /> margin-bottom:10px;<br /> flex:1 1 0 <br /> }<br /> .portada-imatge-flex {<br /> position:relative;<br /> overflow:hidden;<br /> width:100%;<br /> height:100%;<br /> }<br /> .portada-imatge-flex img {<br /> position:absolute;<br /> display:block;<br /> width:100%;<br /> min-width:auto;<br /> height:auto;<br /> min-height:100%;<br /> object-fit:cover;<br /> margin:0 <br /> }<br /> .mf-mobile-only {<br /> display:none <br /> }<br /> * {<br /> margin:0 <br /> }<br /> .portada-slider {<br /> overflow:hidden;<br /> width:100%;<br /> max-width:1024px;<br /> height:100%;<br /> min-height:30vh;<br /> min-width:350px <br /> }<br /> .portada-slider ul {<br /> width:100%;<br /> margin:0;<br /> padding:0;<br /> display:table;<br /> table-layout:fixed;<br /> height:100% <br /> }<br /> .portada-slider ul li {<br /> display:table-cell;<br /> vertical-align:top;<br /> position:relative;<br /> width:33.33333%;<br /> height:100%;<br /> transition:all 1000ms ease <br /> }<br /> .portada-slider-div-contingut {<br /> overflow:hidden;<br /> width:100%;<br /> height:100%;<br /> position:absolute;<br /> top:0 <br /> }<br /> .portada-slider-contingut {<br /> display:block;<br /> height:100%;<br /> width:100%;<br /> position:relative;<br /> z-index:3;<br /> padding:15px 20px;<br /> box-sizing:border-box;<br /> color:#fff <br /> }<br /> .portada-slider-contingut * {<br /> opacity:0;<br /> margin:0;<br /> width:100%;<br /> position:relative <br /> }<br /> .portada-slider-titol {<br /> font-size:150%;<br /> font-weight:bold;<br /> margin-bottom:2px;<br /> top:2px <br /> }<br /> .portada-slider-descripcio {<br /> top:2px;<br /> font-size:13.5px <br /> }<br /> .portada-imatge {<br /> }<br /> .portada-imatge img {<br /> position:absolute;<br /> display:block;<br /> width:100%;<br /> min-width:auto;<br /> height:auto;<br /> min-height:100%;<br /> object-fit:cover;<br /> margin:0 <br /> }<br /> .portada-slider ul:hover li {<br /> width:10% <br /> }<br /> .portada-slider ul:hover li:hover {<br /> width:60% <br /> }<br /> .portada-slider ul:hover li:hover .portada-slider-contingut {<br /> background:rgba(0,0,0,0.7) <br /> }<br /> .portada-slider ul:hover li:hover .portada-slider-contingut * {<br /> opacity:1 <br /> }<br /> .portada-slider-contingutimatge {<br /> display:block;<br /> height:100%;<br /> width:100%;<br /> position:relative;<br /> z-index:3;<br /> padding:0;<br /> box-sizing:border-box;<br /> color:#fff <br /> }<br /> .portada-slider-contingutimatge * {<br /> opacity:0;<br /> margin:0;<br /> width:100%;<br /> position:relative <br /> }<br /> .portada-slider ul:hover li:hover .portada-slider-contingutimatge {<br /> background:rgba(0,0,0,0) <br /> }<br /> .portada-slider ul:hover li:hover .portada-slider-contingutimatge * {<br /> opacity:1 <br /> }<br /> .portada-slider-titol a {<br /> color:white;<br /> font-weight:bold;<br /> }<br /> .portada-slider-descripcio a {<br /> color:white;<br /> font-weight:bold;<br /> }<br /> /* Cronologia */<br /> .portada-cronologia-item {<br /> border-left:2px solid rgba(40,133,111,255);<br /> border-right:0;<br /> }<br /> <br /> .portada-cronologia-item:last-child {<br /> border-width:0 0 0 2px;<br /> border-image: linear-gradient(to bottom, rgba(40, 132, 109, 1) 60%, rgba(40, 132, 109, 0)) 1 100%;<br /> }<br /> <br /> .portada-cronologia-avuifa {<br /> display:inline-block;<br /> position:relative;<br /> padding:5px 10px 5px 10px;<br /> border-top-right-radius:5px;<br /> border-bottom-right-radius:5px;<br /> background:rgba(40,133,111,255);<br /> color:white;<br /> font-weight:bold;<br /> }<br /> .portada-cronologia-avuifa:after {<br /> position:absolute;<br /> left:-8px;<br /> top:10px;<br /> height:10px;<br /> width:10px;<br /> border-radius:10px;<br /> border:2px solid rgba(40,133,111,255);<br /> background:white;<br /> content:&#039; &#039;;<br /> }<br /> <br /> .portada-cronologia-efemeride {<br /> padding:10px 0px 10px 10px;<br /> }<br /> <br /> <br /> @keyframes cauconfeti {<br /> from {opacity: 0;}<br /> 50% {opacity: 1;}<br /> to {transform: translateY(100vh);}<br /> }<br /> <br /> @keyframes amaguemcontainer {<br /> from {visibility: visible;}<br /> to {visibility: hidden;}<br /> }<br /> <br /> <br /> .container-confeti {<br /> display: flex;<br /> max-width: 100%;<br /> width: 90%;<br /> height: 100vh;<br /> z-index: 1000;<br /> margin:0 auto;<br /> position: absolute;<br /> visibility:hidden;<br /> animation: amaguemcontainer;<br /> animation-duration: 4s;<br /> }<br /> .confeti {<br /> position: absolute;<br /> width: 10px;<br /> height: 30px;<br /> top: 0;<br /> opacity: 0;<br /> }<br /> <br /> .confeti:nth-child(odd) {<br /> background: #E63946;<br /> }<br /> .confeti:nth-child(2n) {<br /> background: #84C318;<br /> }<br /> <br /> .confeti:nth-child(4n-7) {<br /> background: #73EEDC;<br /> }<br /> .confeti:nth-child(1) {<br /> left: 5%;<br /> transform: rotate(-23deg);<br /> animation: cauconfeti 5 ease-in-out;<br /> animation-delay: 152ms;<br /> animation-duration: 1000ms;<br /> }<br /> <br /> .confeti:nth-child(2) {<br /> left: 12%;<br /> transform: rotate(35deg);<br /> animation: cauconfeti 5 ease-in-out;<br /> animation-delay: 200ms;<br /> animation-duration: 1100ms;<br /> }<br /> <br /> .confeti:nth-child(3) {<br /> left: 25%;<br /> transform: rotate(-23deg);<br /> animation: cauconfeti 5 ease-in-out;<br /> animation-delay: 146ms;<br /> animation-duration: 1300ms;<br /> }<br /> <br /> .confeti:nth-child(4) {<br /> left: 32%;<br /> transform: rotate(35deg);<br /> animation: cauconfeti 5 ease-in-out;<br /> animation-delay: 182ms;<br /> animation-duration: 1500ms;<br /> }<br /> <br /> .confeti:nth-child(5) {<br /> left: 45%;<br /> transform: rotate(-23deg);<br /> animation: cauconfeti 5 ease-in-out;<br /> animation-delay: 232ms;<br /> animation-duration: 900ms;<br /> }<br /> <br /> .confeti:nth-child(6) {<br /> left: 52%;<br /> transform: rotate(35deg);<br /> animation: cauconfeti 5 ease-in-out;<br /> animation-delay: 222ms;<br /> animation-duration: 1300ms;<br /> }<br /> <br /> .confeti:nth-child(7) {<br /> left: 65%;<br /> transform: rotate(-23deg);<br /> animation: cauconfeti 5 ease-in-out;<br /> animation-delay: 382ms;<br /> animation-duration: 1200ms;<br /> }<br /> <br /> .confeti:nth-child(8) {<br /> left: 73%;<br /> transform: rotate(35deg);<br /> animation: cauconfeti 5 ease-in-out;<br /> animation-delay: 122ms;<br /> animation-duration: 1600ms;<br /> }<br /> <br /> .confeti:nth-child(9) {<br /> left: 77%;<br /> transform: rotate(-23deg);<br /> animation: cauconfeti 5 ease-in-out;<br /> animation-delay: 152ms;<br /> animation-duration: 1200ms;<br /> }<br /> <br /> .confeti:nth-child(10) {<br /> left: 82%;<br /> transform: rotate(35deg);<br /> animation: cauconfeti 5 ease-in-out;<br /> animation-delay: 282ms;<br /> animation-duration: 700ms;<br /> }<br /> <br /> .confeti:nth-child(3n) {<br /> width: 5px;<br /> height: 60px;<br /> border-radius: 15px;<br /> animation-duration: 1200ms;<br /> animation-delay: 1000ms;<br /> }<br /> <br /> .confeti:nth-child(4n) {<br /> width: 5px;<br /> height: 12px;<br /> animation-duration: 2000ms;<br /> }<br /> .confeti:nth-child(4n) {<br /> position: relative;<br /> width: 50px;<br /> height: 5px;<br /> margin: 20px 0;<br /> background: #457B9D;<br /> border-radius: 60% / 10%;<br /> color: white;<br /> text-align: center;<br /> text-indent: .1em;<br /> }<br /> .confeti:nth-child(4n):before {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> top: 10%;<br /> bottom: 10%;<br /> right: -5%;<br /> left: -5%;<br /> background: inherit;<br /> border-radius: 5% / 50%;<br /> }<br /> .confeti:nth-child(4n):after {<br /> content: &#039;&#039;;<br /> position: absolute;<br /> bottom: 0;<br /> right: -11px;<br /> width: 50px;<br /> height: 5px;<br /> background: #457B9D;<br /> border-radius: 80% / 150%;<br /> <br /> }</div>

Shahroudi