Wikia

My Little Pony Friendship Is Magic Wiki

Talk:Hiddentext/Mare vert

Back to template

Revision as of 10:25, October 24, 2011 by PonyNews (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
1,525pages on
this wiki

SVG?

Why can't we just use plain text manipulated with CSS? It gives the same effect and is selectable for copying and screenreading without the need for {{hiddentext}}

Test table
Pure CSS
MARE
(cross-browser HTML/CSS port of the code in the following image with a div wrapper so it fits)
SVG template mareMare text

Code:

<div style="display:inline-block;width:20px;height:100px;-webkit-transform:translate(-205%,-15%)rotate(90deg);"><span style="transform:translate(-40%,170%);-ms-transform:translate(-35%,250%);-moz-transform:translate(-33%,250%);-o-transform:translate(-40%,170%);"><span style="transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg); font-style:normal;font-variant:normal;text-align:center;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;color:#000000;fill-opacity:1;stroke:none;font-family:Nimbus Sans L, sans-serif;"><span style="font-size:18px;font-weight:bold;">MARE</span></span></span></div>

~Kyli* 18:23, September 30, 2011 (UTC)

Around Wikia's network

Random Wiki