forked from pifty/tutes-dump
166 lines
3.5 KiB
HTML
166 lines
3.5 KiB
HTML
<head>
|
|
<style type="text/css">
|
|
.title{
|
|
background-color:#ffffff;
|
|
font-size:30px;
|
|
color:#2a2a2a;
|
|
}
|
|
|
|
.header{
|
|
background-color:#ffffff;
|
|
font-size:20px;
|
|
color:#2a2a2a;
|
|
}
|
|
|
|
.body{
|
|
background-color:#ffffff;
|
|
font-size:15px;
|
|
color:#2a2a2a;
|
|
}
|
|
|
|
.reference{
|
|
border: 1px dotted #000;
|
|
text-align: left;
|
|
padding: 5px;
|
|
padding: 15px 30px 15px;
|
|
background:#CCC url('http://sdf.org/tutorials/images/ref.png') 5px 5px no-repeat;
|
|
color: #000;
|
|
margin: 10px 5px;
|
|
}
|
|
|
|
.link { text-decoration:none }
|
|
|
|
.superscript{
|
|
font-size:10px;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.subscript{
|
|
font-size:10px;
|
|
vertical-align:bottom;
|
|
}
|
|
|
|
.note{
|
|
border: 1px dotted #000;
|
|
text-align: left;
|
|
padding: 5px;
|
|
padding: 15px 30px 15px;
|
|
background: #DC143C url('http://sdf.org/tutorials/images/note.png') 5px 5px no-repeat;
|
|
color: #FFF;
|
|
margin: 10px 5px;
|
|
}
|
|
|
|
.code{
|
|
border: 1px dotted #000;
|
|
text-align: left;
|
|
padding: 5px;
|
|
padding: 15px 30px 15px;
|
|
background:#2F4F4F url('http://sdf.org/tutorials/images/code.png') 5px 5px no-repeat;
|
|
color: #00FF00;
|
|
margin: 10px 5px;
|
|
font-family: monospace;
|
|
}
|
|
|
|
table.table {
|
|
border-width: 0px;
|
|
border-spacing: 0px;
|
|
border-style: none;
|
|
border-collapse: collapse;
|
|
background-color: #1E90FF;
|
|
}
|
|
|
|
table.table th {
|
|
border-width: 1px;
|
|
padding: 1px;
|
|
border-style: inset;
|
|
border-color: white;
|
|
background-color: #A0522D;
|
|
-moz-border-radius: ;
|
|
padding: 10;
|
|
}
|
|
|
|
table.table td {
|
|
border-width: 1px;
|
|
padding: 1px;
|
|
border-style: inset;
|
|
border-color: white;
|
|
background-color: #FFEBCD;
|
|
-moz-border-radius: ;
|
|
padding: 5;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<h1 class="title">Here is a test for the title format.</h1>
|
|
|
|
<h3 class="header">Here is a test for the header format.</h3>
|
|
|
|
<p class="body">Here is a test for the tutorial body format.</p>
|
|
|
|
<p class="note"><br>Here is a test for a note/warning/tip.</p>
|
|
|
|
<p class="code"><br>Here is a test for the code format.</p>
|
|
|
|
<p class="reference"><br>Here is a test for the reference format.</p>
|
|
|
|
<table class="table">
|
|
<tr><th> </th>
|
|
<th>Table Header 1</th>
|
|
<th>Table Header 2</th>
|
|
</tr>
|
|
<tr>
|
|
<th>Table Header 3</th>
|
|
<td>TABLE DATA</td>
|
|
<td>TABLE DATA</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Table Header 4</th>
|
|
<td>TABLE DATA</td>
|
|
<td>TABLE DATA</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Table Header 5</th>
|
|
<td>TABLE DATA</td>
|
|
<td>TABLE DATA</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<dl>
|
|
<dt>Section 1</dt>
|
|
<dd>Section 1.1</dd>
|
|
<dd>Section 1.2</dd>
|
|
<dd>Section 1.3</dd>
|
|
<dt>Section 2</dt>
|
|
<dd>Section 2.1</dd>
|
|
<dt>Section 3</dt>
|
|
<dd>Section 3.1</dd>
|
|
<dd>Section 3.2</dd>
|
|
<dt>Section 4</dt>
|
|
<dd>Section 4.1</dd>
|
|
<dd>Section 4.2</dd>
|
|
</dl>
|
|
|
|
<a class="link" href="http://www.example.com">Example link</a>
|
|
|
|
<br>
|
|
<img src="http://sdf.org/tutorials/images/example.png" alt="Example" height="128" width="128"/><br>
|
|
|
|
<br>
|
|
<pre class="reference">
|
|
Book:
|
|
Author's last name, first initial. (Publication date). Book title. Additional information. City of publication: Publishing company.
|
|
|
|
Encyclopedia & Dictionary:
|
|
Author's last name, first initial. (Date). Title of Article. Title of Encyclopedia (Volume, pages). City of publication: Publishing company.
|
|
|
|
Magazine & Newspaper Articles:
|
|
Author's last name, first initial. (Publication date). Article title. Periodical title, volume number(issue number if available), inclusive pages.
|
|
|
|
Online periodical:
|
|
Author's name. (Date of publication). Title of article. Title of Periodical, volume number, Retrieved month day, year, from full URL
|
|
|
|
Online document:
|
|
Author's name. (Date of publication). Title of work. Retrieved month day, year, from full URL
|
|
</pre>
|
|
|
|
$Id: example.html,v 1.2 2012/01/08 23:53:51 maroon Exp $ |