User:AKlapper (WMF)/Sandbox

Responsive design
For less than 800px width, make the two items wrap instead of being next to each other:

@media screen and (max-width: 800px) { .leftcontent, .rightcontent { width: 100%; } }

.leftcontent { float: left; width: 65%; border:1px solid black; padding: 5px; background: #ffffec;} .rightcontent { float: right; width: 30%; border:1px solid black; padding: 5px; background: #f8f8ff;} .contentblock:after { display: table; clear: both; }



Heading 1
Some content on the left: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris cursus mattis molestie a iaculis at erat. Fusce id velit ut tortor pretium. Adipiscing vitae proin sagittis nisl rhoncus mattis. Proin sed libero enim sed faucibus turpis. Vitae et leo duis ut. Dictum fusce ut placerat orci nulla. Blandit massa enim nec dui nunc mattis. In vitae turpis massa sed elementum. Aliquam ultrices sagittis orci a scelerisque purus semper eget duis. Cras semper auctor neque vitae tempus.



Heading 2
Some content on the right: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris cursus mattis molestie a iaculis at erat. Fusce id velit ut tortor pretium. Adipiscing vitae proin sagittis nisl rhoncus mattis. Proin sed libero enim sed faucibus turpis. Vitae et leo duis ut. Dictum fusce ut placerat orci nulla. Blandit massa enim nec dui nunc mattis. In vitae turpis massa sed elementum. Aliquam ultrices sagittis orci a scelerisque purus semper eget duis. Cras semper auctor neque vitae tempus.

T328613
Left:



Thumb:



T320790
WordB, Word Word2

WordB, Word Word2

T317991
  123 </li></ul></li> </li></ul></li> </ol>

Test

 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll

Test
The returned link is not  after I've edited this section?

Test

 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll

Test

 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll
 * Scroll

graph horizontal bars
m:w:de:Title de:2006

{ "version": 2, "width": 250, "height": 200, "padding": "5", "data": [ { "name": "table", "values": [ {"t": "Canada", "v": 1}, {"t": "Côte d'Ivoire", "v": 1}, {"t": "Germany", "v": 1}, {"t": "India", "v": 1}, {"t": "Sweden", "v": 1}, {"t": "Turkey", "v": 1}, {"t": "USA", "v": 3}, ] } ], "scales": [ { "name": "x", "range": "width", "domain": {"data": "table", "field": "v"}}, { "name": "y", "range": "height", "type": "ordinal", "domain": {"data": "table", "field": "t"}} ], "axes": [ {"type": "x", "scale": "x", "title": "Number of Developers"}, {"type": "y", "scale": "y", "title": "Country"} ], "marks": [ { "type": "rect", "from": {"data": "table"}, "properties": { "enter": { "y": {"scale": "y", "field": "t"}, "height": {"scale": "y", "band": true, "offset": -1}, "x": {"scale": "x", "value": 0}, "x2": {"scale": "x", "field": "v"} }, "update": { "fill": {"value": "seagreen"} }, "hover": { "fill": {"value": "red"} } } } ] }

T277694
DynamicPageList

<DynamicPageList> category=Phabricator count=3 mode=gallery shownamespace=false ordermethod=lastedit </DynamicPageList>

T278002
Example1 with class messagebox:


 * List item 1
 * Sublist item 1
 * Ordered subsublist item 1
 * Ordered subsublist item 2
 * Sublist item 2
 * Unordered subsublist item 1
 * Unordered subsublist item 2

Example2 without class messagebox:


 * List item 1
 * Sublist item 1
 * Ordered subsublist item 1
 * Ordered subsublist item 2
 * Sublist item 2
 * Unordered subsublist item 1
 * Unordered subsublist item 2

Example3 with messagebox and a link in a sublist:


 * List item 1
 * Sublist item 1
 * Subsublist 1 item 1
 * Subsublist 1 item 2
 * Sublist item 2
 * Subsublist 2 item 1
 * Subsublist 2 item 2

T75392
$$ p = \rho RT + \left(B_0 RT - A_0 - \frac{C_0}{T^2} + \frac{D_0}{T^3} - \frac{E_0}{T^4}\right) \rho^2 + \alpha\left(a + \frac{d}{T}\right) \rho^6 + \left(bRT - a - \frac{d}{T}\right) \rho^3 + \alpha\left(a + \frac{d}{T}\right) \rho^6 + \left(bRT - a - \frac{d}{T}\right) \rho^3 + \frac{c\rho^3}{T^2}\left(1 + \gamma\rho^2\right)\exp\left(-\gamma\rho^2\right) $$

T74382

 * Unlabelled external link follows
 * 
 * Internal link
 * external link

T73326
Un premier programme.pdf

T275092
Something.

The longest sentence displayed and wrapped with a punctuation mark (period, comma, etc.) at the end of the displayed line.

That's it I guess?

T260530
$$t$$ : $$t$$

T260477

 * Roman Numeral Nine U+2168: Ⅸ
 * Degree Celsius U+2103: ℃
 * Angstrom Sign U+212B: Å
 * Latin Capital Letter a with Ring Above U+00C5: Å

T247667 (graph chart)
From Template:Graph:Chart, using GraphChart :

T230623
k(x) = −(γ + ∇f)

T208181
FULLPAGENAME:

PAGENAME: