https://wiki14.ss220.club/index.php?action=history&feed=atom&title=%D0%9C%D0%BE%D0%B4%D1%83%D0%BB%D1%8C%3AMbox%2Fstyles.css 2026-04-22T14:57:22Z История изменений этой страницы в вики MediaWiki 1.43.1 https://wiki14.ss220.club/index.php?title=%D0%9C%D0%BE%D0%B4%D1%83%D0%BB%D1%8C:Mbox/styles.css&diff=416&oldid=prev 2024-03-06T14:22:11Z

<p>Новая страница: «.mbox { position: relative; display: flex; flex-direction: column; margin-top: calc(0.5 * 1rem); <span class="autocomment">--space-xs: </span> margin-bottom: 1rem; <span class="autocomment">--space-md: </span> background-color: hsl(220,25%,15%); <span class="autocomment">--color-surface-2: </span> border-radius: 8px; <span class="autocomment">--border-radius--medium: </span> color: hsl(220,25%,65%); <span class="autocomment">--color-base--subtle: </span> font-size: 0.875rem; <span class="autocomment">--font-size-small: </span> line-height: 1.25; } .mbox.mbox-high { /* FIXME: Update b...»</p> <p><b>Новая страница</b></p><div>.mbox {<br /> position: relative;<br /> display: flex;<br /> flex-direction: column;<br /> margin-top: calc(0.5 * 1rem); /* --space-xs */<br /> margin-bottom: 1rem; /* --space-md */<br /> background-color: hsl(220,25%,15%); /* --color-surface-2 */<br /> border-radius: 8px; /* --border-radius--medium */<br /> color: hsl(220,25%,65%); /* --color-base--subtle */<br /> font-size: 0.875rem; /* --font-size-small */<br /> line-height: 1.25;<br /> }<br /> <br /> .mbox.mbox-high {<br /> /* FIXME: Update back to Citzen CSS var when patched */<br /> background-color: rgba( 221, 51, 51, 0.1 );<br /> }<br /> <br /> .mbox.mbox-med {<br /> /* FIXME: Update back to Citzen CSS var when patched */<br /> background-color: rgba( 255, 204, 51, 0.1 );<br /> }<br /> <br /> .mbox-title {<br /> display: flex;<br /> align-items: center;<br /> padding: calc(0.75 * 1rem) 1rem; /* --space-sm */<br /> }<br /> <br /> .mbox-icon img {<br /> width: 0.875rem;<br /> height: auto;<br /> margin-right: calc(0.5 * 1rem);<br /> opacity: 0.6; /* --opacity-icon-base */<br /> filter: invert(1) hue-rotate(180deg); /* --filter-invert */<br /> }<br /> <br /> .mbox-text {<br /> position: absolute;<br /> top: 100%;<br /> z-index: 10;<br /> padding: 1rem;<br /> width: 100%;<br /> box-sizing: border-box;<br /> background-color: hsl(220,25%,12%); /* --color-surface-1 */<br /> border-bottom-left-radius: 8px; /* --border-radius--medium */<br /> border-bottom-right-radius: 8px;<br /> /* box-shadow: 0 2.8px 2.2px hsl(220,60%,50%),calc(0.02 + .03)),0 6.7px 5.3px hsl(220,60%,50%),calc(0.02 + .01)),0 12.5px 10px hsl(220,60%,50%),calc(0.02 + .02)),0 22.3px 17.9px hsl(220,60%,50%),calc(0.02 + .02)),0 41.8px 33.4px hsl(220,60%,50%),calc(0.02 + .03)),0 100px 80px hsl(220,60%,50%),0.02); --box-shadow-dialog */<br /> opacity: 0;<br /> visibility: hidden;<br /> }<br /> <br /> .mbox:hover {<br /> /* Merge with popup */<br /> border-bottom-left-radius: 0;<br /> border-bottom-right-radius: 0;<br /> /* box-shadow: 0 2.8px 2.2px hsl(220,60%,50%),calc(0.02 + .03)),0 6.7px 5.3px hsl(220,60%,50%),calc(0.02 + .01)),0 12.5px 10px hsl(220,60%,50%),calc(0.02 + .02)),0 22.3px 17.9px hsl(220,60%,50%),calc(0.02 + .02)),0 41.8px 33.4px hsl(220,60%,50%),calc(0.02 + .03)),0 100px 80px hsl(220,60%,50%),0.02); */<br /> }<br /> <br /> .mbox:hover .mbox-text {<br /> opacity: 1;<br /> visibility: visible;<br /> }</div>

Vinogradgarden