https://www.sncapedia.org/index.php?action=history&feed=atom&title=Template%3AGradientButton%2Fstyles.css 2026-04-16T12:46:05Z Revision history for this page on the wiki MediaWiki 1.44.2 https://www.sncapedia.org/index.php?title=Template:GradientButton/styles.css&diff=29856&oldid=prev 2026-04-11T17:17:52Z

<p>Created page with &quot;.gradientbutton { margin: 10px; text-decoration: none; font: bold 1.5em &#039;Trebuchet MS&#039;, Arial, Helvetica; display: inline-block; text-align: center; color: #fff; border: 1px solid #9c9c9c; border: 1px solid rgba(0, 0, 0, 0.3); text-shadow: 0 1px 0 rgba(0,0,0,0.4); box-shadow: 0 0 .05em rgba(0,0,0,0.4); } .gradientbutton, .gradientbutton span { border-radius: .3em; } .gradientbutton span { border-top: 1px solid #fff; b...&quot;</p> <p><b>New page</b></p><div>.gradientbutton {<br /> margin: 10px;<br /> text-decoration: none;<br /> font: bold 1.5em &#039;Trebuchet MS&#039;, Arial, Helvetica;<br /> display: inline-block;<br /> text-align: center;<br /> color: #fff;<br /> border: 1px solid #9c9c9c;<br /> border: 1px solid rgba(0, 0, 0, 0.3);<br /> text-shadow: 0 1px 0 rgba(0,0,0,0.4);<br /> box-shadow: 0 0 .05em rgba(0,0,0,0.4);<br /> }<br /> <br /> .gradientbutton,<br /> .gradientbutton span {<br /> border-radius: .3em;<br /> }<br /> <br /> .gradientbutton span {<br /> border-top: 1px solid #fff;<br /> border-top: 1px solid rgba(255, 255, 255, 0.5);<br /> display: block;<br /> padding: 0.5em 2.5em;<br /> <br /> background-image:<br /> linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),<br /> linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),<br /> linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),<br /> linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);<br /> background-size: 3px 3px;<br /> }<br /> <br /> .gradientbutton:hover {<br /> box-shadow: 0 0 .1em rgba(0,0,0,0.4);<br /> }<br /> <br /> .gradientbutton:active {<br /> position: relative;<br /> top: 1px;<br /> }</div>

Editor