User:Ssolbergj/sandbox



http://commons.wikimedia.org/wiki/File:Cross_of_the_Order_of_the_Holy_Spirit_(heraldry).svg ABCDEF box-shadow: 5px 5px 5px #888;
 * http://m55q.blogspot.com/2010/02/and-now-for-something-completely.html

Hallo

Exempli mensis

hallo

hallo

hallo

Maastricht, rome -> Constitution of the European Union {| class="wikitable" ! colspan="2" rowspan="2" | year !! colspan="12" | $ Billions ! rowspan="5" | 2004 ! 1 ! 2 ! 3 ! 4 ! rowspan="5" | 2005 ! 1 ! 2
 * +Earnings Remain Well Below Year-Earlier Levels
 * width="33.4" | -4 || width="33.3" | 0 || width="33.4" | 4 || width="33.3" | 8 || width="33.3" | 12 || width="33.4" | 18 || width="33.3" | 20 || width="33.4" | 24 || width="33.3" | 28 || width="33.3" | 32 || width="33.4" | 36 || width="33.3" | 40
 * width="33.4" | -4 || width="33.3" | 0 || width="33.4" | 4 || width="33.3" | 8 || width="33.3" | 12 || width="33.4" | 18 || width="33.3" | 20 || width="33.4" | 24 || width="33.3" | 28 || width="33.3" | 32 || width="33.4" | 36 || width="33.3" | 40
 * || colspan="11" |
 * || colspan="11" |
 * || colspan="11" |
 * || colspan="11" |
 * || colspan="11" |
 * || colspan="11" |

! 3
 * || colspan="11" |

! 4
 * || colspan="11" |


 * }
 * Newcomb's paradox
 * Vision for Europe Award


 * A little sideste
 * I was the one who introduced the presidency logos in the infobox, during the German presidency. We had a discussion and it was removed due to the very flat aspect ratio of the logo. This new logo has circa the same aspect ratio as the German logo, so I don't think we should use it. The solution we've got right now is very de facto-ish, considering the fact that the Council is just one of the two legislative chambers of the EU. And I'll use that argument if that dreadful czech logo pops up in the infobox in January, to be honest. - SSJ ☎ 01:00, 18 November 2008 (UTC)
 * The European Union (EU') is a treaty-based system of cooperation and istitutions between 27 member states, located primarily in Europe.

 PreЄ              <div id=bar style="position:absolute; height:100%; text-align:center; background-color:; opacity:0.7; filter:alpha(opacity=70); width:1px; left:13px"> <div id=bar style="position:absolute; height:100%; text-align:center; background-color:; opacity:0.75; filter:alpha(opacity=75); width:1px; left:14px"> <div id=bar style="position:absolute; height:100%; text-align:center; background-color:; opacity:0.8; filter:alpha(opacity=80); width:1px; left:15px"> <div id=bar style="position:absolute; height:100%; text-align:center; background-color:; opacity:0.85;  filter:alpha(opacity=85); width:1px; left:16px"> <div id=bar style="position:absolute; height:100%; text-align:center; background-color:; opacity:0.9; filter:alpha(opacity=90); width:1px; left:17px"> <div id=bar style="position:absolute; height:100%; text-align:center; background-color:; opacity:0.95; filter:alpha(opacity=95); width:1px; left:18px"> <div id=bar style="position:absolute; height:100%; text-align:center; background-color:; left:19px; width:px;">



<div style="position: relative; margin: 0 -1em; padding: 0; background-color: transparent; border: 1px none #ddd; height: 1%;">

<div style="position: absolute; bottom: 1em; z-index: 10; width: 250px; border: none; padding: 0.75em 1em; background-color:none;">

= Test suite for mw-collapsible =

 Collapsible div 

<div class="mw-collapsible" data-collapsetext="You may collapse me by clicking here" data-expandtext="Let me back out !">

 Collapsible div (collapsed by default) 

<big id="head-colapsible_div_nested_in_collapsed_div"> Collapsible div nested in collapsed div 

Hi there this is text in the outer div. This content is inside the nested collapsible div.

<big id="head-collapsible_table"> Collapsible table 

 Collapsible table (collapsed by default) 

 Collapsible table in collapsed div 

Some text in the div here.

Some more text in the div.

 Collapsible table-cell content in a table

 Collapsible unordered list 

<ul class="mw-collapsible"> <li>Lorem <li>Ipsum <li>Dolor </ul>

 Collapsible ordered list 

<ol class="mw-collapsible"> <li>One <li>Two is more than one <li>..a total of three items! </ol>

 Pre-made toggle



 Pre-made toggle with link in it

This is a toggle with link to the top of the page

 Remote collapsible 1 (div, multiple togglers) <sup class="mw-customtoggle-myDivision" style="color:orange">@ 


 * <strong class="mw-customtoggle-myDivision">@

Click here or on one of the @'s to expand the hidden element.

&lArr; @@Clicking here or on At-image will toggle also@@

 Custom collapsible 2 (table)

Click here to toggle the table.

 Custom collapsible 3 (list)

Click here to toggle the list.

<ul class="mw-collapsible" id="mw-customcollapsible-myList"> <li>A <li>B <li>C <li>D </ul>

 Custom collapsible 4 (table-row)

 Custom collapsible 5 (double purpose toggle)

I am custom collapsible "DPT".

<span class="mw-collapsible-toggle mw-customtoggle-DPT" style="cursor: pointer; border: 1px solid #aaa; border-radius: 5px; padding: 2px;">I am a toggle for my parent ("collapsible div") and custom toggle for "DPT". I am a collapsible div.

 Combination example 

<ul class="mw-collapsible mw-collapsed" data-collapsetext="I understand" data-expandtext="Click here for more information"> <li>Table is collapsed by default <li>Second row contains collapsible list <li>Third row contains a collapsible block with custom labels </ul>