tests/uidesign/design.html

   1 <!DOCTYPE html>
   2 <html lang="en" dir="ltr">
   3 <head>
   4         <link rel="stylesheet" href="../../load.php?debug=1&modules=mediawiki.interface.helpers.styles&only=styles">
   5         <link rel="stylesheet" href="../../load.php?debug=1&modules=mediawiki.pager.styles&only=styles">
   6         <link rel="stylesheet" href="../../load.php?debug=1&modules=mediawiki.skinning.interface&only=styles">
   7         <link rel="stylesheet" href="../../load.php?debug=1&modules=mediawiki.special&only=styles">
   8         <link rel="stylesheet" href="../../load.php?debug=1&modules=skins.vector.styles.legacy&only=styles">
   9 </head>
  10 <body><div class="mw-body"><div class="mw-body-content">
  11
  12         <h2>Inline message</h2>
  13         <p>Hello <span class="error">Error message</span> World.</p>
  14
  15         <h2>Messages box</h2>
  16         <p class="mw-message-box mw-message-box-success">Success message</p>
  17         <p class="mw-message-box mw-message-box-warning">Warning message</p>
  18         <p class="mw-message-box mw-message-box-error">Error message</p>
  19
  20         <h2>Various</h2>
  21         <table class="wikitable">
  22                 <tr><th colspan="2">table.wikitable</th></tr>
  23                 <tr><td>cell</td><td>cell</td></tr>
  24                 <tr><td>cell</td><td>cell</td></tr>
  25         </table>
  26
  27         <table class="mw-datatable">
  28                 <tr><th colspan="2">table.mw-datatable</th></tr>
  29                 <tr><td>line with hover</td><td>line with hover</td></tr>
  30                 <tr><td>line with hover</td><td>line with hover</td></tr>
  31         </table>
  32
  33 </div></div></body>
  34 </html>