https://wiki.descent-community.org/wiki/index.php?action=history&feed=atom&title=MediaWiki%3AMobile.css 2026-06-13T07:25:53Z Revision history for this page on the wiki MediaWiki 1.40.1 https://wiki.descent-community.org/wiki/index.php?title=MediaWiki:Mobile.css&diff=16869&oldid=prev 2017-07-30T16:40:59Z

<p>Created page with &quot;<span dir="auto"><span class="autocomment">CSS placed here will affect users of the mobile site: </span> <span dir="auto"><span class="autocomment">###############################################: </span> <span dir="auto"><span class="autocomment">HeroBox: </span> /* ############################################...&quot;</span></span></span></p> <p><b>New page</b></p><div>/* CSS placed here will affect users of the mobile site */<br /> <br /> /* ############################################### */<br /> /* HeroBox */<br /> /* ############################################### */<br /> .herobox_border {<br /> width: calc(100% - 40px);<br /> background-image: url(images/7/7e/Hero_Border_-_Top_Left.png), url(images/0/0f/Hero_Border_-_Top.png), url(images/c/cb/Hero_Border_-_Top_Right.png), url(images/0/00/Hero_Border_-_Right.png), url(images/7/7e/Hero_Border_-_Bottom_Right.png), url(images/6/64/Hero_Border_-_Bottom.png), url(images/8/81/Hero_Border_-_Bottom_Left.png), url(images/f/fb/Hero_Border_-_Left.png);<br /> background-position: 0 0, 50% 0, 100% 0, 100% 50%, 100% 100%, 50% 100%, 0 100%, 0 50%;<br /> background-size: 40px 40px, calc(100% - 80px) 40px, 40px 40px, 40px calc(100% - 80px), 40px 40px, calc(100% - 80px) 40px, 40px 40px, 40px calc(100% - 80px);<br /> background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;<br /> padding: 20px;<br /> }<br /> .herobox_content {<br /> background-image: url(images/7/7e/Hero_Border_-_Top_Left.png), url(images/0/0f/Hero_Border_-_Top.png), url(images/c/cb/Hero_Border_-_Top_Right.png), url(images/0/00/Hero_Border_-_Right.png), url(images/7/7e/Hero_Border_-_Bottom_Right.png), url(images/6/64/Hero_Border_-_Bottom.png), url(images/8/81/Hero_Border_-_Bottom_Left.png), url(images/f/fb/Hero_Border_-_Left.png);<br /> background-position: -20px -20px, 50% -20px, calc(100% + 20px) -20px, calc(100% + 20px) 50%, calc(100% + 20px) calc(100% + 20px), 50% calc(100% + 20px), -20px calc(100% + 20px), -20px 50%;<br /> background-size: 40px 40px, calc(100% - 40px) 40px, 40px 40px, 40px calc(100% - 40px), 40px 40px, calc(100% - 40px) 40px, 40px 40px, 40px calc(100% - 40px);<br /> background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;<br /> padding: 10px 15px 10px 15px;<br /> }<br /> .herobox_flexcontainer {<br /> width: 100%;<br /> text-align: center;<br /> overflow: hidden;<br /> display: flex;<br /> flex-wrap: wrap;<br /> border-width: 0px;<br /> }<br /> .herobox_image {<br /> width: 100%;<br /> max-width: 256px;<br /> height: auto;<br /> margin: auto;<br /> }<br /> .herobox_ability {<br /> border: 30px solid transparent;<br /> margin:10px auto 0px auto;<br /> border-image: url(images/1/19/Herobox_Ability.png) 65 70 stretch;<br /> background-color: transparent;<br /> align-self: flex-start;<br /> max-width: 470px;<br /> }<br /> @media all and (min-width: 900px) {<br /> /* We tell both sidebars to share a row */<br /> .herobox_flexcontainer { flex-wrap: nowrap; }<br /> }</div>

Psymia