https://id.mippedia.org/index.php?action=history&feed=atom&title=Templat%3AKotak_info_bahasa%2Fstyles.css 2026-09-29T23:27:32Z Riwayat revisi halaman ini di wiki MediaWiki 1.46.0 https://id.mippedia.org/index.php?title=Templat:Kotak_info_bahasa/styles.css&diff=4643&oldid=prev 2026-04-27T09:42:02Z

<p>←Membuat halaman berisi &#039;.flex-container { display: flex; flex-wrap: nowrap; } .flex-container &gt; div { margin: 1px; text-align: left; } .sk-container { display: flex; width: auto; } .sk-container &gt; div { margin: 1px; text-align: center; float: none; } .EX-hover:hover { background:black; color:white; } .CR-hover:hover { background: red; color: black; } .SE-hover:hover { background: orange; color: black; } .DE-hover:hover { background: yellow; color: black; } ....&#039;</p> <p><b>Halaman baru</b></p><div>.flex-container {<br /> display: flex;<br /> flex-wrap: nowrap;<br /> }<br /> <br /> .flex-container &gt; div {<br /> margin: 1px;<br /> text-align: left;<br /> }<br /> <br /> .sk-container {<br /> display: flex;<br /> width: auto;<br /> }<br /> <br /> .sk-container &gt; div {<br /> margin: 1px;<br /> text-align: center;<br /> float: none;<br /> }<br /> <br /> .EX-hover:hover {<br /> background:black;<br /> color:white;<br /> }<br /> <br /> .CR-hover:hover {<br /> background: red; <br /> color: black;<br /> }<br /> <br /> .SE-hover:hover {<br /> background: orange; <br /> color: black;<br /> }<br /> <br /> .DE-hover:hover {<br /> background: yellow; <br /> color: black;<br /> }<br /> <br /> .VU-hover:hover {<br /> background: yellowgreen; <br /> color: black;<br /> }<br /> <br /> .NE-hover:hover {<br /> background: silver; <br /> color: black;<br /> }<br /> <br /> .EX-hover a {color:white}<br /> .EX-hover:hover {color: white}<br /> <br /> .CR-hover a {color: black;}<br /> .CR-hover:hover a {color: black;}<br /> <br /> .SE-hover a {color: black;}<br /> .SE-hover:hover a {color: black;}<br /> <br /> .DE-hover a {color: black;}<br /> .DE-hover:hover a {color: black;}<br /> <br /> .VU-hover a {color: black;}<br /> .VU-hover:hover a {color: black;}<br /> <br /> .NE-hover a {color: black;}<br /> .NE-hover:hover a {color: black;}<br /> <br /> input[type=&#039;checkbox&#039;] {<br /> display: none;<br /> }<br /> <br /> .lbl-toggle {<br /> display: block;<br /> font-weight: bold;<br /> font-size: 1.2rem;<br /> text-transform: uppercase;<br /> text-align: left;<br /> color: black;<br /> cursor: pointer;<br /> transition: all 0.25s ease-out;<br /> }<br /> <br /> .lbl-toggle:hover {<br /> color:black<br /> }<br /> <br /> .lbl-toggle::before {<br /> content: &#039; &#039;;<br /> display: inline-block;<br /> <br /> border-top: 5px solid transparent;<br /> border-bottom: 5px solid transparent;<br /> border-left: 5px solid currentColor;<br /> <br /> vertical-align: middle;<br /> transform: translateY(-2px);<br /> <br /> transition: transform .2s ease-out;<br /> }<br /> <br /> .collapsible-content .content-inner {<br /> text-align:left;<br /> }<br /> <br /> .collapsible-content {<br /> max-height: 0px;<br /> overflow: hidden;<br /> transition: max-height .25s ease-in-out;<br /> }<br /> <br /> .toggle:checked + .lbl-toggle + .collapsible-content {<br /> max-height: 100vh;<br /> }<br /> <br /> .toggle:checked + .lbl-toggle::before {<br /> transform: rotate(90deg) translateX(-3px);<br /> }<br /> <br /> .toggle:checked + .lbl-toggle {<br /> border-bottom-right-radius: 0;<br /> border-bottom-left-radius: 0;<br /> }<br /> <br /> .details,<br /> .show,<br /> .hide:target {<br /> display: none;<br /> }<br /> .hide:target + .show,<br /> .hide:target ~ .details {<br /> display: block;<br /> }<br /> <br /> .r-tooltip {<br /> position: relative;<br /> display: inline-block;<br /> }<br /> <br /> .r-tooltip .r-tooltiptext {<br /> visibility: hidden;<br /> width: 150px;<br /> background-color: black;<br /> color: #fff;<br /> text-align: center;<br /> border-radius: 6px;<br /> padding: 5px 0;<br /> position: absolute;<br /> z-index: 1;<br /> top: -5px;<br /> right: 130%;<br /> }<br /> <br /> .r-tooltip .r-tooltiptext::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> top: 50%;<br /> left: 100%;<br /> margin-top: -5px;<br /> border-width: 5px;<br /> border-style: solid;<br /> border-color: transparent transparent transparent black;<br /> }<br /> .r-tooltip:hover .r-tooltiptext {<br /> visibility: visible;<br /> }<br /> <br /> .s-tooltip {<br /> position: relative;<br /> display: inline-block;<br /> }<br /> <br /> .s-tooltip .s-tooltiptext {<br /> visibility: hidden;<br /> width: 240px;<br /> background-color: black;<br /> color: #fff;<br /> text-align: center;<br /> border-radius: 6px;<br /> padding: 5px 0;<br /> position: absolute;<br /> z-index: 1;<br /> top: -65px;<br /> right: 130%;<br /> }<br /> <br /> .s-tooltip .s-tooltiptext::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> top: 50%;<br /> left: 100%;<br /> margin-top: -5px;<br /> border-width: 5px;<br /> border-style: solid;<br /> border-color: transparent transparent transparent black;<br /> }<br /> .s-tooltip:hover .s-tooltiptext {<br /> visibility: visible;<br /> }<br /> <br /> .s2-tooltip {<br /> position: relative;<br /> display: inline-block;<br /> }<br /> <br /> .s2-tooltip .s2-tooltiptext {<br /> visibility: hidden;<br /> width: 240px;<br /> background-color: black;<br /> color: #fff;<br /> text-align: center;<br /> border-radius: 6px;<br /> padding: 5px 0;<br /> position: absolute;<br /> z-index: 1;<br /> top: -91px;<br /> right: 130%;<br /> }<br /> <br /> .s2-tooltip .s2-tooltiptext::after {<br /> content: &quot;&quot;;<br /> position: absolute;<br /> top: 50%;<br /> left: 100%;<br /> margin-top: -5px;<br /> border-width: 5px;<br /> border-style: solid;<br /> border-color: transparent transparent transparent black;<br /> }<br /> .s2-tooltip:hover .s2-tooltiptext {<br /> visibility: visible;<br /> }<br /> <br /> .i-tooltip {<br /> position: relative;<br /> display: inline-block;<br /> }<br /> <br /> .i-tooltip .i-tooltiptext {<br /> visibility: hidden;<br /> width: 340px;<br /> background-color: black;<br /> color: #fff;<br /> text-align: center;<br /> border-radius: 6px;<br /> padding: 5px 0;<br /> position: absolute;<br /> z-index: 1;<br /> top: 22px;<br /> right: -90%;<br /> z-index:1000<br /> }<br /> <br /> .i-tooltip:hover .i-tooltiptext {<br /> visibility: visible;<br /> }<br /> <br /> .bg-wp {<br /> background: radial-gradient(closest-side, lightgray, transparent);<br /> }<br /> <br /> .nilai {<br /> display: inline;<br /> margin: 0;<br /> padding: 0;<br /> border: 0;<br /> }<br /> <br /> .nilai:before {<br /> content: &#039;—&#039;;<br /> animation-name: animate;<br /> animation-duration: 2s;<br /> animation-delay: 1s;<br /> animation-iteration-count: infinite;<br /> }<br /> <br /> @keyframes nilai {<br /> 0% {<br /> content: &#039;Memuat&#039;;<br /> }<br /> 5% {<br /> content: &#039;Mengambil data penilaian dari halaman pembicaraan&#039;;<br /> }<br /> 80% {<br /> content: &#039;Memuat&#039;;<br /> }<br /> 87% {<br /> content: &#039;Mengubah susunan templat WP Banner&#039;;<br /> }<br /> 89% {<br /> content: &#039;Menyiapkan&#039;;<br /> }<br /> 98% {<br /> content: &#039;Selesai&#039;;<br /> }<br /> 100% {<br /> content: &#039;&#039;;<br /> }<br /> }</div>

Admin