http://digida.mgpu.ru/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3A%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D1%8B%2Fstyles.css 2026-11-15T23:08:06Z История изменений этой страницы в вики MediaWiki 1.46.0 http://digida.mgpu.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D1%8B/styles.css&diff=49757&oldid=prev 2026-11-12T18:39:31Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw-interface=""> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="ru"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 21:39, 12 ноября 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Строка 1:</td> <td colspan="2" class="diff-lineno">Строка 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.stars</del>-<del style="font-weight: bold; text-decoration: none;">wrap {</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;span style="display:inline</ins>-<ins style="font-weight: bold; text-decoration: none;">block</ins>; <ins style="font-weight: bold; text-decoration: none;">margin</ins>:<ins style="font-weight: bold; text-decoration: none;">4px</ins>; <ins style="font-weight: bold; text-decoration: none;">padding</ins>:<ins style="font-weight: bold; text-decoration: none;">6px 14px</ins>; <ins style="font-weight: bold; text-decoration: none;">border</ins>-<ins style="font-weight: bold; text-decoration: none;">radius</ins>:<ins style="font-weight: bold; text-decoration: none;">999px</ins>; <ins style="font-weight: bold; text-decoration: none;">background</ins>:<ins style="font-weight: bold; text-decoration: none;">#fff</ins>; <ins style="font-weight: bold; text-decoration: none;">border</ins>:<ins style="font-weight: bold; text-decoration: none;">1px solid #dcdcf7</ins>; <ins style="font-weight: bold; text-decoration: none;">box</ins>-<ins style="font-weight: bold; text-decoration: none;">shadow</ins>:0 <ins style="font-weight: bold; text-decoration: none;">2px 6px rgba</ins>(<ins style="font-weight: bold; text-decoration: none;">84,85,246,</ins>.<ins style="font-weight: bold; text-decoration: none;">1</ins>);<ins style="font-weight: bold; text-decoration: none;">"&gt;🌟 [[{{</ins>{1}}<ins style="font-weight: bold; text-decoration: none;">}|{{PAGENAME</ins>:{{<ins style="font-weight: bold; text-decoration: none;">{1</ins>}}}}}<ins style="font-weight: bold; text-decoration: none;">]]&lt;/span&gt;</ins></div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  position: relative</del>;</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  overflow</del>: <del style="font-weight: bold; text-decoration: none;">hidden</del>;</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">.stars-wrap .star {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  position</del>: <del style="font-weight: bold; text-decoration: none;">absolute</del>;</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  font</del>-<del style="font-weight: bold; text-decoration: none;">size</del>: <del style="font-weight: bold; text-decoration: none;">22px</del>;</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  line-height</del>: <del style="font-weight: bold; text-decoration: none;">1</del>;</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  pointer-events</del>: <del style="font-weight: bold; text-decoration: none;">none</del>;</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  animation: twinkle 2.6s ease</del>-<del style="font-weight: bold; text-decoration: none;">in-out infinite;</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">@keyframes twinkle {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  0%, 100% { opacity</del>: 0<del style="font-weight: bold; text-decoration: none;">.15; transform: scale</del>(<del style="font-weight: bold; text-decoration: none;">0</del>.<del style="font-weight: bold; text-decoration: none;">7) rotate(0deg</del>); <del style="font-weight: bold; text-decoration: none;">}</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  50%      </del>{ <del style="font-weight: bold; text-decoration: none;">opacity: </del>1<del style="font-weight: bold; text-decoration: none;">;    transform: scale(1.2) rotate(20deg); </del>}</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">/* на телефоне звёзды прячем, чтобы не наезжали на текст */</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">@media (max-width</del>: <del style="font-weight: bold; text-decoration: none;">600px) </del>{</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  .stars-wrap .star </del>{ <del style="font-weight: bold; text-decoration: none;">display: none; </del>}</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  .stars-wrap { padding-left: 16px !important; padding-right: 16px !important; </del>}</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">/* для тех, у кого в системе отключена анимация */</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">@media (prefers-reduced-motion: reduce) {</del></div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">  .stars-wrap .star { animation: none; opacity: 0.6; </del>}</div></td><td colspan="2" class="diff-side-added"></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>}</div></td><td colspan="2" class="diff-side-added"></td></tr> <!-- diff cache key digida:diff:1.41:old-49719:rev-49757:php=table --> </table>

Ионченкова Татьяна http://digida.mgpu.ru/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:%D0%97%D0%B2%D1%91%D0%B7%D0%B4%D1%8B/styles.css&diff=49719&oldid=prev 2026-11-12T18:07:49Z

<p>Новая страница: «.stars-wrap { position: relative; overflow: hidden; } .stars-wrap .star { position: absolute; font-size: 22px; line-height: 1; pointer-events: none; animation: twinkle 2.6s ease-in-out infinite; } @keyframes twinkle { 0%, 100% { opacity: 0.15; transform: scale(0.7) rotate(0deg); } 50% { opacity: 1; transform: scale(1.2) rotate(20deg); } } /* на телефоне звёзды прячем, чтобы не наезжали на те...»</p> <p><b>Новая страница</b></p><div>.stars-wrap {<br /> position: relative;<br /> overflow: hidden;<br /> }<br /> .stars-wrap .star {<br /> position: absolute;<br /> font-size: 22px;<br /> line-height: 1;<br /> pointer-events: none;<br /> animation: twinkle 2.6s ease-in-out infinite;<br /> }<br /> @keyframes twinkle {<br /> 0%, 100% { opacity: 0.15; transform: scale(0.7) rotate(0deg); }<br /> 50% { opacity: 1; transform: scale(1.2) rotate(20deg); }<br /> }<br /> /* на телефоне звёзды прячем, чтобы не наезжали на текст */<br /> @media (max-width: 600px) {<br /> .stars-wrap .star { display: none; }<br /> .stars-wrap { padding-left: 16px !important; padding-right: 16px !important; }<br /> }<br /> /* для тех, у кого в системе отключена анимация */<br /> @media (prefers-reduced-motion: reduce) {<br /> .stars-wrap .star { animation: none; opacity: 0.6; }<br /> }</div>

Ионченкова Татьяна