Wikia

My Little Pony Friendship Is Magic Wiki

Talk:Hiddentext/Mare vert

1,174pages on
this wiki

Back to template

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

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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