NatSkinTest < Sandbox

You are here: Foswiki>Sandbox Web>NatSkinTest (10 Jan 2013, AdminUser) (raw view)EditAttach
---+!! %TOPIC%
%BUTTON{"Toggle grid" icon="table" class="foswikiRight" onclick="jQuery('.natMain').toggleClass('showgrid-40x18')"}%

uismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et

---++ Response Messages
<div class="foswikiSuccessMessage">
Success, everything is fine. Click [[%TOPIC%][here]].
</div>

<div class="foswikiWarningMessage">
Warning, could not connect to server. Click [[%TOPIC%][here]].
</div>

<div class="foswikiErrorMessage">
Error, something is wrong.  Click [[%TOPIC%][here]].
</div>

<div class="foswikiTipMessage">
Check this out.  Click [[%TOPIC%][here]].
</div>

%CLEAR%

%TOC{title="On this page"}%

*left*: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla

<p style="text-align:justify">
*justify*:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
</p>

<p style="text-align:right">
*right*:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
</p>

<p class="foswikiSmallish">
*foswikiSmall:*
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
</p>

<p class="foswikiSmall">
*foswikiSmall:*
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
</p>

---++ Text-decorations
blandit praesent
*Bold text*
ad minim veniam

luptatum zzril _Italic text_, quis nostrud exerci

luptatum zzril __Bold italic text__, quis nostrud exerci

blandit praesent luptatum
=Monospace text=
quis nostrud exerci

blandit praesent luptatum
==Bold monospace text==
quis nostrud exerci

blandit praesent
<u>Underlined text</u>
ut aliquip ex ea commodo

zzril delenit
<strike>Strike through text</strike>
tation ullamcorper suscipit lobortis nisl

hendrerit in vulputate
<del>deleted text</del>
at vero eros et accumsan et iusto odio dignissim qui

accumsan et iusto odio dignissim qui
<ins>Inserted text</ins>
feugiat

blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
<cite>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
</cite>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh

---++ Headline 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

---+++ Headline 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui

blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q

---++++ Headline 4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui

blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q

---+++++ Headline 5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q

---++++++ Headline 6
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q

---++ Blockquote
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut

<blockquote>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat.  Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi.  Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat.  Duis autem vel eum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q
</blockquote>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut
   * some 
   * list
   * after
   * a
   * blockquote
   * to 
   * compare 
   * indenting


---++ Lists
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q

   * apples
      1 apples Hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
               feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
               blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
               facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
               nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
      1 oranges Hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
               feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
               blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
               facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
               nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
      1 strawberries
      1 raspberries
   * apples
      1 apples
      1 oranges
      1 strawberries
      1 raspberries

   1 apples
      1 apples
         1 apples
         1 oranges
         1 strawberries
         1 raspberries
      1 oranges
      1 oranges
      1 strawberries
      1 raspberries
      1 oranges
      1 oranges
      1 oranges
      1 strawberries
      1 raspberries
      1 oranges
   1 oranges
      * apples
      * oranges
      * strawberries
      * raspberries
      * oranges
   1 strawberries
   1 raspberries


---++ Definitions
   Term: lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
      dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
      eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q
   Term: lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
      dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
      eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q
   Term: lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
      dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
      eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q
   Term: lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
      dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
      eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q

---++ Tables

| *head* | *head* | *head* |
| data | data | data |
| data | data | data |
| data | data | data |
| data | data | data |
| data | data | data |

Hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

| *head* | data | data | data |
| *head* | data | data | data |
| *head* | data | data | data |
| *head* | data | data | data |

Vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. 

<table class="foswikiTable">
<tr>
<th>head</th>
<th>head</th>
<th>head</th>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
</table>

foo

---++ Verbatim

%TWISTY%
<verbatim>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet 
dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit 
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit 
esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio 
dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum 
dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna 
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis 
nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse 
molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q
</verbatim>
%ENDTWISTY%


---++ Horizontal ruler

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
---
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim

---++ Links

This is a NonExistingWikiWord.

This is an <span class="foswikiAlert">alert.</span>.

---++ Links in Heading UnknownWikiWord %TOPIC% [[%TOPIC%]]
---+++ Links in Heading UnknownWikiWord %TOPIC% [[%TOPIC%]]
---++++ Links in Heading UnknownWikiWord %TOPIC% [[%TOPIC%]]
---+++++ Links in Heading UnknownWikiWord %TOPIC% [[%TOPIC%]]


---++ Misc classes
---+++ alt
<div class="alt">
---++ %T% This is a tip top tip!

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure
dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim q

| *header* | *header* |
| data | data |
| data | data |
| data | data |
| data | data |

feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui
blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
</div>

---++ Forms
<form action="%SCRIPTURLPATH{"view"}%/%WEB%/%TOPIC%#form">
<div class="foswikiPageForm">
<table>
  <tr>
    <th>Name:</th>
    <td><input type="text" class="foswikiInputField" name="name" size="30" value="%URLPARAM{"name"}%" /></td>
  </tr>
  <tr>
    <th>Subject:</th>
    <td><input type="text"  class="foswikiInputField" name="subject" size="30" value="%URLPARAM{"subject"}%" /></td>
  </tr>
  <tr>
    <th>Message:</th>
    <td><textarea name="message" class="foswikiTextarea" rows="5" cols="50" >%URLPARAM{"message"}%</textarea>
  </tr>
  <tr>
  <th>&nbsp;</th>
    <td>
      %BUTTON{"%MAKETEXT{"Submit"}%" icon="tick"}%
      %BUTTON{"%MAKETEXT{"Cancel"}%" icon="cross"}%
      %CLEAR%
    </td>
  </tr>
</table>
</div>
</form>

<form>
<div class="foswikiFormSteps">
  <h2 >Headline inside form</h2>
  <div class="foswikiFormStep">
    <h3>Input:</h3>
    <input type="text" size="30" />
  </div>
  <div class="foswikiFormStep">
    <h3>Input:</h3>
    <input type="text" size="30" />
  </div>
  <div class="foswikiFormStep">
    <h3>Input:</h3>
    <input type="text" size="30" />
  </div>
  <div class="foswikiFormStep foswikiFormButtons foswikiFormLast">
    %BUTTON{"%MAKETEXT{"Submit"}%" icon="tick"}%
    %BUTTON{"%MAKETEXT{"Cancel"}%" icon="cross"}%
    %CLEAR%
  </div>
</div>
</form>

---++ Form inside Tab
%TABPANE{animate="on"}%
%TAB{"Form 1"}%
  <h2 >Headline inside form</h2>
<div class="foswikiFormSteps">
  <div class="foswikiFormStep">
    <h3>Input:</h3>
    <input type="text" size="30" />
  </div>
  <div class="foswikiFormStep">
    <h3>Input:</h3>
    <input type="text" size="30" />
  </div>
  <div class="foswikiFormStep">
    <h3>Input:</h3>
    <input type="text" size="30" />
  </div>
  <div class="foswikiFormStep foswikiFormButtons foswikiFormLast">
    %BUTTON{"%MAKETEXT{"Submit"}%" icon="tick"}%
    %CLEAR%
  </div>
</div>
%ENDTAB%
%TAB{"Form 2"}%
<form>
<div class="foswikiFormSteps">
<h2 > Headline inside form 2</h2>
  <div class="foswikiFormStep">
    <h3>Input:</h3>
    <input type="text" size="30" />
  </div>
  <div class="foswikiFormStep foswikiFormButtons foswikiFormLast">
    <input type="submit" value="Go" class="foswikiSubmit" />
  </div>
</div>
</form>
%ENDTAB%
%ENDTABPANE%
Topic revision: r2 - 10 Jan 2013, AdminUser
Sandbox
Webs
Main
Sandbox
System
Testweb
Copyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback