cobweb 0.0.55 → 0.0.57

data/spec/samples/sample_site/css/style_text.css

@@ -0,0 +1,128 @@
+/*
+Template Name: CleanDream
+Author: Rory Kranendonk
+Author URI: http://www.dreamwire.nl
+Version: 1.0
+*/
+
+html,body{
+	font-family : Arial;
+	color : #5a5a5a;
+	font-size : 12px;
+	line-height : 18px;
+}
+
+a, a:link, a:active, a:visited {
+	color : #002e68;
+	text-decoration : none;
+}
+
+a:hover {
+	color : #5a5a5a;
+	text-decoration : none;
+}
+
+pre {
+	border : 1px solid #c3d0e1;
+	border-left : 5px solid #002e68;
+	font-size: 12px;
+	padding: 5px 15px;
+	margin: 15px 0 0 40px;
+	line-height: 18px;
+}
+
+code {
+	display : block;
+	margin : 0;
+	padding : 0;
+	background : url(../gfx/code.gif) repeat left top transparent;
+	line-height: 20px;
+}
+
+blockquote {
+	border-left : 5px solid #002e68;
+	padding : 0 0 0 15px;
+	margin : 15px 0 0 40px;
+	font : italic 14px Times New Roman italic;
+	line-height : 20px;
+}
+
+ul {
+	margin : 0;
+	padding : 0;
+	list-style : none;
+}
+
+ul li {
+	background : url(../gfx/li.gif) no-repeat left 7px transparent;
+	padding : 1px 0 1px 13px;
+}
+
+ol {
+	margin : 0;
+	padding : 0 0 0 15px;
+	*padding : 0 0 0 22px;
+}
+
+ol li {
+	padding : 1px 0 1px 0;
+}
+
+@font-face {
+    font-family: 'MuseoSans700';
+    src: url('../text/museosans_bold-webfont.eot');
+    src: url('../text/museosans_bold-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../text/museosans_bold-webfont.woff') format('woff'),
+         url('../text/museosans_bold-webfont.ttf') format('truetype'),
+         url('../text/museosans_bold-webfont.svg#MuseoSans700') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'MuseoSans300';
+    src: url('../text/museosans-webfont.eot');
+    src: url('../text/museosans-webfont.eot?#iefix') format('embedded-opentype'),
+         url('../text/museosans-webfont.woff') format('woff'),
+         url('../text/museosans-webfont.ttf') format('truetype'),
+         url('../text/museosans-webfont.svg#MuseoSans300') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+h1 {
+	margin : 0;
+	padding : 0 0 4px;
+	font : 18px Arial;
+	font-weight : normal;
+	line-height : 19px;
+	color : #002e68;
+}
+
+h2 {
+	margin : 0;
+	padding : 0 0 5px;
+	font : 15px Arial;
+	font-weight : normal;
+	line-height : 10px;
+	color : #002e68;
+}
+
+h3{
+	margin : 0;
+	padding : 0 0 4px;
+	font : 13px Arial;
+	font-weight : bold;
+	line-height : 12px;
+	color : #002e68;
+}
+
+h4{
+	margin : 0;
+	padding : 0 0 5px;
+	*padding : 0 0 5px;
+	font : 12px Arial;
+	font-weight : bold;
+	line-height : 12px;
+	color : #002e68;
+}

data/spec/samples/sample_site/css/tabs.css

@@ -0,0 +1,58 @@
+/*
+Template Name: CleanDream
+Author: Rory Kranendonk
+Author URI: http://www.dreamwire.nl
+Version: 1.0
+*/
+
+.box .content.tabs{
+	padding : 0;
+}
+
+.box .content.tabs .tabmenu {
+	display : block;
+	border : 1px solid #dde5ef;
+	padding : 0;
+}
+
+.box .content.tabs .tabmenu ul {
+	display : inline-block;
+	margin : 0;
+	padding : 0;
+	list-style-type : none;
+	width : 100%;
+}
+
+.box .content.tabs .tabmenu ul li {
+	float : left;
+	background : none;
+	border-right : 1px solid #dde5ef;
+	padding : 0;
+	line-height : 29px;
+}
+
+.box .content.tabs .tabmenu ul li a {
+	float : left;
+	border-right : 1px solid #FFFFFF;
+	border-left : 1px solid #FFFFFF;
+	padding : 0 20px 0 18px;
+	color : #002e68;
+	font-weight : bold;
+	text-decoration : none;
+	outline : none;
+}
+
+.box .content.tabs .tabmenu ul li a:hover, .box .content.tabs .tabmenu ul li a:active, .box .content.tabs .tabmenu ul li.ui-tabs-selected a {
+	background : url(../gfx/table-thead.gif) repeat-x left top;
+	text-decoration : none;
+}
+	
+.box .content.tabs div {
+	display : block;
+	border-top : 1px solid #f2f4f7;
+	padding : 15px;
+}
+
+.box .content.tabs .ui-tabs-hide {
+	display : none;
+}

data/spec/samples/sample_site/css/wysiwyg-editor.css

@@ -0,0 +1,18 @@
+/*
+Template Name: CleanDream
+Author: Rory Kranendonk
+Author URI: http://www.dreamwire.nl
+Version: 1.0
+*/
+
+html, body {
+	font-family : Arial;
+	font-size : 12px;
+	line-height : 18px;
+	height : 100%;
+}
+
+body.wysiwyg  {
+	cursor : text;
+	height : 100%;
+}

data/spec/samples/sample_site/css/wysiwyg.css

@@ -0,0 +1,149 @@
+/*
+Template Name: CleanDream
+Author: Rory Kranendonk
+Author URI: http://www.dreamwire.nl
+Version: 1.0
+*/
+
+.wysiwyg{
+    display : block;
+    border-top : 1px solid #C3D0E1;
+    overflow : hidden;
+    padding : 10px 0;
+}
+
+textarea.wysiwyg { 
+    display : block;
+    padding : 0;
+    margin : 0;
+    overflow : hidden;
+    width : 100%;
+    height : 200px;
+}
+
+div.wysiwyg { 
+    display : inline-block;
+    background-color : #FFFFFF; 
+    border : 1px solid #C3D0E1;
+    padding : 0;
+    margin : 4px 0 0;
+    font-size : 0;
+    line-height : 0;
+    width : 100%;
+}
+
+div.wysiwyg iframe { 
+    background-color : #FFFFFF;
+    padding : 0;
+    margin : 0;
+}
+
+div.wysiwyg ul { 
+    background-color : #F2F4F7; 
+    margin : 0;
+    padding : 0;
+    list-style-type : none;
+}
+
+div.wysiwyg ul li { 
+    margin : 0;
+    padding : 0;
+}
+
+div.wysiwyg ul.toolbar li.jwysiwyg-custom-command {
+    overflow : hidden;
+}
+
+div.wysiwyg ul.toolbar { 
+    float : left;
+    border-bottom : 1px solid #C3D0E1;
+    padding : 8px 0;
+    width : 100%; 
+}
+
+div.wysiwyg ul.toolbar li {
+    float : left;
+}
+
+div.wysiwyg ul.toolbar li.separator {
+    border-left : 1px solid #C3D0E1;
+    margin : 0 0 0 4px;
+    width : 1px;
+    height : 16px;
+}
+
+div.wysiwyg ul.toolbar li { 
+    display : block; 
+    background : url('http://www.dreamwire.nl/themes/test/gfx/jquery.wysiwyg.gif') no-repeat -64px -80px; 
+    margin : 0 0 0 6px;
+    opacity : 0.7; 
+    filter : alpha(opacity=70); 
+    cursor : pointer; 
+    text-indent : -5000px; 
+    width : 16px; 
+    height : 16px; 
+}
+
+div.wysiwyg ul.toolbar li.wysiwyg-button-hover, div.wysiwyg ul.toolbar li.active { 
+    opacity : 1.0;
+    filter : alpha(opacity=100);
+}
+
+div.wysiwyg ul.toolbar li.bold {background-position : 0 -16px;}
+div.wysiwyg ul.toolbar li.italic {background-position : -16px -16px;}
+div.wysiwyg ul.toolbar li.strikeThrough {background-position : -32px -16px;}
+div.wysiwyg ul.toolbar li.underline {background-position : -48px -16px;}
+
+div.wysiwyg ul.toolbar li.justifyLeft {background-position : 0 0;}
+div.wysiwyg ul.toolbar li.justifyCenter {background-position : -16px 0;}
+div.wysiwyg ul.toolbar li.justifyRight {background-position : -32px 0;}
+div.wysiwyg ul.toolbar li.justifyFull {background-position : -48px 0;}
+
+div.wysiwyg ul.toolbar li.indent {background-position : -64px 0;}
+div.wysiwyg ul.toolbar li.outdent {Background-position : -80px 0;}
+
+div.wysiwyg ul.toolbar li.subscript {background-position : -64px -16px;}
+div.wysiwyg ul.toolbar li.superscript {background-position : -80px -16px;}
+
+div.wysiwyg ul.toolbar li.undo {background-position : 0 -64px;}
+div.wysiwyg ul.toolbar li.redo {background-position : -16px -64px;}
+
+div.wysiwyg ul.toolbar li.insertOrderedList {background-position : -32px -48px;}
+div.wysiwyg ul.toolbar li.insertUnorderedList {background-position : -16px -48px;}
+div.wysiwyg ul.toolbar li.insertHorizontalRule {background-position : 0 -48px;}
+
+div.wysiwyg ul.toolbar li.h1 {background-position : 0 -32px;}
+div.wysiwyg ul.toolbar li.h2 {background-position : -16px -32px;}
+div.wysiwyg ul.toolbar li.h3 {background-position : -32px -32px;}
+div.wysiwyg ul.toolbar li.h4 {background-position : -48px -32px;}
+div.wysiwyg ul.toolbar li.h5 {background-position : -64px -32px;}
+div.wysiwyg ul.toolbar li.h6 {background-position : -80px -32px;}
+
+div.wysiwyg ul.toolbar li.paragraph {background-position : 0px -96px;}
+div.wysiwyg ul.toolbar li.colorpicker {background-position : -16px -96px;}
+div.wysiwyg ul.toolbar li.fullscreen {background-position : -32px -96px;}
+
+div.wysiwyg ul.toolbar li.cut {background-position : -32px -64px;}
+div.wysiwyg ul.toolbar li.copy {background-position : -48px -64px;}
+div.wysiwyg ul.toolbar li.paste {background-position : -64px -64px;}
+div.wysiwyg ul.toolbar li.insertTable {background-position : -64px -48px;}
+
+div.wysiwyg ul.toolbar li.increaseFontSize {background-position : -16px -80px;}
+div.wysiwyg ul.toolbar li.decreaseFontSize {background-position : -32px -80px;}
+
+div.wysiwyg ul.toolbar li.createLink {background-position : -80px -48px;}
+div.wysiwyg ul.toolbar li.insertImage {background-position : -80px -80px;}
+
+div.wysiwyg ul.toolbar li.html {background-position : -47px -46px;}
+div.wysiwyg ul.toolbar li.removeFormat {background-position : -80px -63px;}
+
+div.wysiwyg ul.toolbar li.empty {background-position : -64px -80px;}
+
+/* dialog */
+.wysiwyg-dialog { position : fixed; top : 50px; left : 50px; width : 354px; background : transparent; font : 12px Arial; }
+.wysiwyg-dialog .wysiwyg-dialog-topbar { background : url(../gfx/table-thead.gif) repeat-x right top; border : 1px solid #d2dce9; padding : 0 8px; color : #002e68; line-height : 29px; font-size:12px; font-weight:bold; height : 29px; position:relative; }
+.wysiwyg-dialog .wysiwyg-dialog-topbar .wysiwyg-dialog-close-wrapper .wysiwyg-dialog-close-button { color:#002e68; text-decoration:none; display:block; line-height : normal; padding: 3px 5px; position:absolute; right:8px; top: 4px; }
+.wysiwyg-dialog .wysiwyg-dialog-topbar .wysiwyg-dialog-close-wrapper a.wysiwyg-dialog-close-button:hover { background:#002e68; color : #FFFFFF; }
+.wysiwyg-dialog .wysiwyg-dialog-content { border : 1px solid #d2dce9; border-top:0; padding:15px; background:white; }
+.wysiwyg-dialog-modal-div { position:absolute; z-index : 99999;}
+.wysiwyg-dialog-content form.wysiwyg select { display : block; }

data/spec/samples/sample_site/css/wysiwyg.modal.css

@@ -0,0 +1,69 @@
+/*
+Template Name: CleanDream
+Author: Rory Kranendonk
+Author URI: http://www.dreamwire.nl
+Version: 1.0
+*/
+
+form.wysiwyg {
+	background : #FFFFFF;
+	border : none;
+}
+
+form.wysiwyg fieldset div.form-row {
+	display: inline-block;
+	padding : 3px 0;
+	width: 100%;
+}
+
+form.wysiwyg fieldset div.form-row-value {
+	float : left;
+}
+
+form.wysiwyg label {
+	text-align : left;
+}
+
+form.wysiwyg legend {
+	color : #0b77b7;
+	font-size : 1.2em;
+}
+
+form.wysiwyg legend span {
+	text-align : right;
+	width : 10em;
+}
+
+form.wysiwyg input{
+	display : inline-block;
+	border : 1px solid #C3D0E1;
+	background-color : #FFFFFF;
+	padding : 4px 5px;
+	margin : 0;
+	font-size : 12px;
+	color : #002e68;
+	line-height : 1.25em;
+	height : 15px;
+	width : 166px;
+}
+
+form.wysiwyg input.tiny{
+	width : 46px;
+}
+
+form.wysiwyg input.width, form.wysiwyg input.height {
+	width : 4em;
+}
+
+form.wysiwyg button{
+	margin : 0;
+}
+
+form.wysiwyg fieldset {
+	border : none;
+	padding : 0 0.5em 0.5em;
+}
+
+form.wysiwyg input.default {
+	color : #bbb;
+}

data/spec/samples/sample_site/dashboard.html

@@ -0,0 +1,852 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
+<head>
+	
+	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
+	<title>CleanDream</title>
+	
+	<style type="text/css">
+		@import url("css/style.css");
+		@import url('css/style_text.css');
+		@import url('css/form-buttons.css');
+		@import url('css/link-buttons.css');
+		@import url('css/menu.css');
+		@import url('css/statics.css');
+		@import url('css/messages.css');
+		@import url('css/datatable.css');
+		@import url('css/accordion.css');
+		@import url('css/tabs.css');
+		@import url('css/forms.css');
+		@import url('css/datepicker.css');
+		@import url('css/modalbox.css');
+		@import url('css/jquery.fancybox-1.3.4.css');
+		@import url('css/jquery.treeview.css');
+		@import url('css/wysiwyg.css');
+		@import url('css/wysiwyg.modal.css');
+		@import url('css/wysiwyg-editor.css');
+	</style>
+	
+	<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
+	
+	<!--[if lte IE 8]>
+		<script type="text/javascript" src="js/excanvas.min.js"></script>
+	<![endif]-->
+	
+</head>
+
+<body>
+
+<div class="container">   
+  
+	<div class="logo-labels">
+		<h1><a href="#">CleanDream</a></h1>
+		<ul>
+			<li><a href="#"><span>Settings</span></a></li>
+			<li class="usermessage"><a href="#"><span>1 new message</span></a></li>
+			<li class="logout"><a href="#"><span>Logout</span></a></li>
+		</ul>
+	</div>
+	
+	<div class="menu-search">
+		<ul> 
+			<li class="current"><a href="dashboard.html">Dashboard</a></li> 
+			<li> 
+				<a href="#">Dropdown</a> 
+				<ul> 
+					<li><a href="#">Submenu item 001</a></li>
+					<li><a href="#">Submenu item 002</a></li>
+					<li><a href="#">Submenu item 003</a></li>
+					<li class="current">
+						<a href="#">Submenu item 004</a>
+						<ul> 
+							<li><a href="#">Subsubmenu item 001</a></li>
+							<li><a href="#">Subsubmenu item 002</a></li>
+							<li class="current"><a href="#">Subsubmenu item 003</a></li>
+							<li><a href="#">Subsubmenu item 003</a></li>
+							<li><a href="#">Subsubmenu item 005</a></li>
+						</ul> 
+					</li> 
+					<li> <a href="#">Submenu item 005</a> </li>
+				</ul> 
+			</li> 
+			<li><a href="typography.html">Typography</a></li>
+			<li><a href="boxgrid.html">Boxes Grid</a></li>
+			<li><a href="forms.html">Forms</a></li>
+			<li><a href="gallery.html">Gallery</a></li>
+			<li><a href="tables.html">Tables</a></li>
+			<li><a href="more.html">More</a></li>
+		</ul>
+		<div class="search">
+			<form action="" method="post">
+				<input type="text" value="Seachterm" />
+				<button type="submit"></button>
+			</form> 
+		</div>
+	</div>
+	
+	<div class="breadcrumbs">
+		<ul>
+			<li class="home"><a href="#"></a></li>
+			<li class="break">&#187;</li>
+			<li><a href="#">Menu item</a></li>
+			<li class="break">&#187;</li>
+			<li><a href="#">Menu item</a></li>
+		</ul>
+	</div>
+	
+	<div class="section">
+		<div class="full">
+			<div class="box">
+				<div class="title">
+					<h2>Statistics</h2>
+					<span class="hide"></span>
+				</div>
+				<div class="content">
+					<div class="caption">Statistics for August</div> 
+					<table class="statics" style="width : 100%;"> 
+						<thead> 
+							<tr> 
+								<th></th> 
+								<th style="color : #00366f;">unique visitors</th> 
+								<th style="color : #006ba0;">pageviews</th> 
+							</tr> 
+						</thead> 
+						<tbody> 
+							<tr> 
+								<th>1</th><td>256</td><td>1207</td> 
+							</tr> 
+							<tr> 
+								<th>2</th><td>203</td><td>1000</td> 
+							</tr> 
+							<tr> 
+								<th>3</th><td>241</td><td>1050</td> 
+							</tr> 
+							<tr> 
+								<th>4</th><td>227</td><td>1143</td> 
+							</tr> 
+							<tr> 
+								<th>5</th><td>220</td><td>1027</td> 
+							</tr> 
+							<tr> 
+								<th>6</th><td>219</td><td>939</td> 
+							</tr> 
+							<tr> 
+								<th>7</th><td>260</td><td>1163</td> 
+							</tr> 
+							<tr> 
+								<th>8</th><td>235</td><td>1301</td> 
+							</tr> 
+							<tr> 
+								<th>9</th><td>277</td><td>1439</td> 
+							</tr> 
+							<tr> 
+								<th>10</th><td>245</td><td>1508</td> 
+							</tr> 
+							<tr> 
+								<th>11</th><td>249</td><td>1200</td> 
+							</tr> 
+							<tr> 
+								<th>12</th><td>240</td><td>1213</td> 
+							</tr> 
+							<tr> 
+								<th>13</th><td>246</td><td>1200</td> 
+							</tr> 
+							<tr> 
+								<th>14</th><td>256</td><td>1444</td> 
+							</tr> 
+							<tr> 
+								<th>15</th><td>227</td><td>1069</td> 
+							</tr> 
+							<tr> 
+								<th>16</th><td>221</td><td>1158</td> 
+							</tr> 
+							<tr> 
+								<th>17</th><td>266</td><td>1384</td> 
+							</tr> 
+							<tr> 
+								<th>18</th><td>247</td><td>1395</td> 
+							</tr> 
+							<tr> 
+								<th>19</th><td>286</td><td>1729</td> 
+							</tr> 
+							<tr> 
+								<th>20</th><td>224</td><td>1175</td> 
+							</tr> 
+							<tr> 
+								<th>21</th><td>225</td><td>1026</td> 
+							</tr> 
+							<tr> 
+								<th>22</th><td>216</td><td>994</td> 
+							</tr> 
+							<tr> 
+								<th>23</th><td>179</td><td>762</td> 
+							</tr> 
+							<tr> 
+								<th>24</th><td>259</td><td>1151</td> 
+							</tr> 
+							<tr> 
+								<th>25</th><td>191</td><td>978</td> 
+							</tr> 
+							<tr> 
+								<th>26</th><td>196</td><td>1069</td> 
+							</tr> 
+							<tr> 
+								<th>27</th><td>209</td><td>1189</td> 
+							</tr> 
+							<tr> 
+								<th>28</th><td>199</td><td>1099</td> 
+							</tr> 
+							<tr> 
+								<th>29</th><td>225</td><td>1215</td> 
+							</tr> 
+							<tr> 
+								<th>30</th><td>228</td><td>973</td> 
+							</tr>
+							<tr> 
+								<th>31</th><td>258</td><td>1462</td> 
+							</tr> 
+						</tbody> 
+					</table>
+				</div>
+			</div>
+		</div>
+	</div>
+	
+	<div class="section">
+		<div class="medium">
+			<div class="box">
+				<div class="title">
+					<h2>System information messages</h2>
+					<span class="hide"></span>
+				</div>
+				<div class="content">
+					<div class="messages green">
+						<span></span>
+						This is a successful placed text message.
+					</div>
+					<div class="messages blue">
+						<span></span>
+						This is a information placed text message.
+					</div>
+					<div class="messages orange">
+						<span></span>
+						This is a warning placed text message.
+					</div>
+					<div class="messages red">
+						<span></span>
+						This is a warning placed text message.
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="medium">
+			<div class="box">
+				<div class="title">
+					<h2>Link button and sumbit button styles</h2>
+					<span class="hide"></span>
+				</div>
+				<div class="content">
+					<h2>Buttons small</h2>
+					<a href="#" class="button green">Button</a>
+					<a href="#" class="button blue">Button</a>
+					<a href="#" class="button orange">Button</a>
+					<a href="#" class="button red">Button</a>
+					<a href="#" class="button grey">Button</a><br />
+					<br />
+					<h2>Buttons medium</h2>
+					<a href="#" class="button green medium">Button</a>
+					<a href="#" class="button blue medium">Button</a>
+					<a href="#" class="button orange medium">Button</a>
+					<a href="#" class="button red medium">Button</a>
+					<a href="#" class="button grey medium">Button</a><br />
+					<br />
+					<h2>Buttons big</h2>
+					<a href="#" class="button green big">Button</a>
+					<a href="#" class="button blue big">Button</a>
+					<a href="#" class="button orange big">Button</a>
+					<a href="#" class="button red big">Button</a>
+					<a href="#" class="button grey big">Button</a>
+				</div>
+			</div>
+		</div>
+	</div>
+	
+	<div class="section">
+		
+		<div class="small">
+			<div class="box">
+				<div class="title">
+					<h2>Messages</h2>
+					<span class="hide"></span>
+				</div>
+				<div class="content">
+					<div class="message">
+						<h3>This is a title</h3>
+						Etiam et tristique nisi. Vestibulum non
+						massa nec dui aliquet ultrices. Suspe
+						id lacus augue, eu cursus.<br />
+						<a href="#" class="button blue">Read more</a>
+					</div>
+					<div class="message">
+						<h3>This is a title</h3>
+						Etiam et tristique nisi. Vestibulum non
+						massa nec dui aliquet ultrices. Suspe
+						id lacus augue, eu cursus.<br />
+						<a href="#" class="button blue">Read more</a>
+					</div>
+				</div>
+			</div>
+		</div>
+		
+		<div class="big">
+			<div class="box">
+				<div class="title">
+					<h2>Pages</h2>
+					<span class="hide"></span>
+				</div>
+				<div class="content">
+					<table cellspacing="0" cellpadding="0" border="0" class="all"> 
+						<thead> 
+							<tr> 
+								<th><input type="checkbox" name="check" class="checkall" /></th>
+								<th>Title</th>
+								<th>Status</th>
+								<th>Date created</th>
+								<th>Author</th>
+								<th></th>
+							</tr> 
+						</thead> 
+						<tbody> 
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Vestibulum ante ipsum primis</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Quisque nulla libero</a></td>
+								<td>Draft</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Donec pretium scelerisque mi id</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Nam porttitor dictum arcu</a></td>
+								<td>Draft</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Duis suscipit mollis consectetur</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Vestibulum ante ipsum primis</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Quisque nulla libero</a></td>
+								<td>Draft</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Donec pretium scelerisque mi id</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Nam porttitor dictum arcu</a></td>
+								<td>Draft</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Duis suscipit mollis consectetur</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Vestibulum ante ipsum primis</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Quisque nulla libero</a></td>
+								<td>Draft</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Donec pretium scelerisque mi id</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Nam porttitor dictum arcu</a></td>
+								<td>Draft</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Duis suscipit mollis consectetur</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Vestibulum ante ipsum primis</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Quisque nulla libero</a></td>
+								<td>Draft</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Donec pretium scelerisque mi id</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Nam porttitor dictum arcu</a></td>
+								<td>Draft</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Duis suscipit mollis consectetur</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Vestibulum ante ipsum primis</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Quisque nulla libero</a></td>
+								<td>Draft</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Donec pretium scelerisque mi id</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Nam porttitor dictum arcu</a></td>
+								<td>Draft</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+							<tr> 
+								<td><input type="checkbox" name="check" /></td>
+								<td><a href="#">Duis suscipit mollis consectetur</a></td>
+								<td>Published</td>
+								<td>26th August 2011</td>
+								<td>First, Lastname</td>
+								<td>
+									<a href="#"><img src="gfx/icon-edit.png" alt="edit" /></a>
+									<a href="#"><img src="gfx/icon-delete.png" alt="delete" /></a>
+								</td>
+							</tr>
+						</tbody> 
+					</table>
+					<button type="submit" class="red"><span>Delete</span></button>
+				</div>
+			</div>
+		</div>
+	</div>
+	
+	<div class="section">
+		<div class="medium">
+			<div class="box">
+				<div class="title">
+					<h2>Information tabs</h2>
+					<span class="hide"></span>
+				</div>
+				<div class="content tabs">
+					
+					<div class="tabmenu">
+						<ul> 
+							<li><a href="#tabs-1">Tab number 1</a></li> 
+							<li><a href="#tabs-2">Tab number 2</a></li> 
+							<li><a href="#tabs-3">Tab number 3</a></li> 
+						</ul>
+					</div>
+					
+					<div id="tabs-1">
+						<img src="gfx/photos/00.jpg" class="right" alt="Photo" />
+						<b>Donec pharetra ullamcorper ligula, vel vehicula ante lobo
+						nulla a nibh pulvinar imperdiet. Aenean sagittis neque se
+						Cras egestas lacus vitae tortor.</b><br />
+						<br />
+						Nulla sodales condimentum dolor at pharetra. Donec feug
+						amet dignissim augue semper a. Ut imperdiet iaculis pur
+						nibh eros, elementum eget viverra eget, tempus et velit.
+						penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc sapien
+						libero, facilisis a varius non, gravida et odio. Pellentesque habitant morbi
+						tristique senectus et netus et malesuada fames ac turpis egestas. In fermentum
+						mauris non turpis sagittis vel sollicitudin magna dictum. Cras vel lectus sed
+						sapien malesuada viverra ac ut elit. Vivamus vel nunc ac est iaculis lobortis.
+						Maecenas congue velit sit amet leo sapien libero, facilisis a varius non,
+						gravida et odio.
+					</div>
+					
+					<div id="tabs-2">
+						<img src="gfx/photos/00.jpg" class="left" alt="Photo" />
+						<b>Donec pharetra ullamcorper ligula, vel vehicula ante lobo
+						nulla a nibh pulvinar imperdiet. Aenean sagittis neque se
+						Cras egestas lacus vitae tortor.</b><br />
+						<br />
+						Nulla sodales condimentum dolor at pharetra. Donec feug
+						amet dignissim augue semper a. Ut imperdiet iaculis pur
+						nibh eros, elementum eget viverra eget, tempus et velit.
+						penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc sapien
+						libero, facilisis a varius non, gravida et odio. Pellentesque habitant morbi
+						tristique senectus et netus et malesuada fames ac turpis egestas. In fermentum
+						mauris non turpis sagittis vel sollicitudin magna dictum. Cras vel lectus sed
+						sapien malesuada viverra ac ut elit. Vivamus vel nunc ac est iaculis lobortis.
+						Maecenas congue velit sit amet leo sapien libero, facilisis a varius non,
+						gravida et odio.
+					</div>
+					
+					<div id="tabs-3">
+						<img src="gfx/photos/00.jpg" class="right" alt="Photo" />
+						<b>Donec pharetra ullamcorper ligula, vel vehicula ante lobo
+						nulla a nibh pulvinar imperdiet. Aenean sagittis neque se
+						Cras egestas lacus vitae tortor.</b><br />
+						<br />
+						Nulla sodales condimentum dolor at pharetra. Donec feug
+						amet dignissim augue semper a. Ut imperdiet iaculis pur
+						nibh eros, elementum eget viverra eget, tempus et velit.
+						penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc sapien
+						libero, facilisis a varius non, gravida et odio. Pellentesque habitant morbi
+						tristique senectus et netus et malesuada fames ac turpis egestas. In fermentum
+						mauris non turpis sagittis vel sollicitudin magna dictum. Cras vel lectus sed
+						sapien malesuada viverra ac ut elit. Vivamus vel nunc ac est iaculis lobortis.
+						Maecenas congue velit sit amet leo sapien libero, facilisis a varius non,
+						gravida et odio.
+					</div>
+					
+				</div>
+			</div>
+		</div>
+		<div class="medium">
+			<div class="box">
+				<div class="title">
+					<h2>Gallery: thumb options</h2>
+					<span class="hide"></span>
+				</div>
+				<div class="content gallery">
+				
+					<div class="thumb">
+						<div>
+							<a href="gfx/photos/01xl.jpg" class="zoom"><img src="gfx/img-zoom.png" alt="Zoom" /></a>
+							<a href="#"><img src="gfx/img-delete.png" alt="Delete" /></a>
+						</div>
+						<img src="gfx/photos/01.jpg" class="shadow" alt="Photo" />
+					</div>
+					<div class="thumb">
+						<div>
+							<a href="gfx/photos/02xl.jpg" class="zoom"><img src="gfx/img-zoom.png" alt="Zoom" /></a>
+							<a href="#"><img src="gfx/img-delete.png" alt="Delete" /></a>
+						</div>
+						<img src="gfx/photos/02.jpg" class="shadow" alt="Photo" />
+					</div>
+					<div class="thumb">
+						<div>
+							<a href="gfx/photos/03xl.jpg" class="zoom"><img src="gfx/img-zoom.png" alt="Zoom" /></a>
+							<a href="#"><img src="gfx/img-delete.png" alt="Delete" /></a>
+						</div>
+						<img src="gfx/photos/03.jpg" class="shadow" alt="Photo" />
+					</div>
+					<div class="thumb">
+						<div>
+							<a href="gfx/photos/04xl.jpg" class="zoom"><img src="gfx/img-zoom.png" alt="Zoom" /></a>
+							<a href="#"><img src="gfx/img-delete.png" alt="Delete" /></a>
+						</div>
+						<img src="gfx/photos/04.jpg" class="shadow" alt="Photo" />
+					</div>
+					
+					<a href="gfx/photos/06xl.jpg" class="zoom"><img src="gfx/photos/06.jpg" class="shadow" alt="Photo" /></a>
+					<a href="gfx/photos/07xl.jpg" class="zoom"><img src="gfx/photos/07.jpg" class="shadow" alt="Photo" /></a>
+					<a href="gfx/photos/08xl.jpg" class="zoom"><img src="gfx/photos/08.jpg" class="shadow" alt="Photo" /></a>
+					<a href="gfx/photos/09xl.jpg" class="zoom"><img src="gfx/photos/09.jpg" class="shadow" alt="Photo" /></a>
+					
+					<a href="#"><img src="gfx/photos/11.jpg" class="shadow" alt="Photo" /></a>
+					<a href="#"><img src="gfx/photos/12.jpg" class="shadow" alt="Photo" /></a>
+					<a href="#"><img src="gfx/photos/13.jpg" class="shadow" alt="Photo" /></a>
+					<a href="#"><img src="gfx/photos/14.jpg" class="shadow" alt="Photo" /></a>
+					
+				</div>
+			</div>
+		</div>
+	</div>
+	
+	<div class="section">
+		<div class="medium">
+			<div class="box">
+				<div class="title">
+					<h2>Form elements</h2>
+					<span class="hide"></span>
+				</div>
+				<div class="content forms">
+					<form action="" method="post">
+						<div class="line">
+							<label>Small inputfield</label>
+							<input type="text" class="small" value="" />
+						</div>
+						<div class="line">
+							<label>Medium inputfield</label>
+							<input type="text" class="medium" value="" />
+						</div>
+						<div class="line">
+							<label>Selectbox</label>
+							<select>
+								<option selected="selected" value="">Option 01</option>
+								<option value="">Option 02</option>
+								<option value="">Option 03</option>
+								<option value="">Option 04</option>
+								<option value="">Option 05</option>
+							</select>
+						</div>
+						<div class="line">
+							<label>File inputfield</label>
+							<input type="file" />
+						</div>
+						<div class="line">
+							<label>Textarea</label>
+							<textarea class="medium" rows="" cols=""></textarea>
+						</div>
+						<div class="line">
+						<label>Checkboxes</label>
+							<input type="checkbox" name="checkbox" id="check-1" checked="checked" />
+							<label for="check-1">Checkbox on</label>
+							
+							<input type="checkbox" name="checkbox" id="check-2" />
+							<label for="check-2">Checkbox off</label>
+						</div>
+						<div class="line">
+							<label>Radiobuttons</label>
+							<input type="radio" name="radiobutton" id="radio-1" checked="checked" /> 
+							<label for="radio-1">Radiobutton on</label>
+							
+							<input type="radio" name="radiobutton" id="radio-2" /> 
+							<label for="radio-2">Radiobutton off</label>
+						</div>
+					</form> 
+				</div>
+			</div>
+		</div>
+		<div class="medium">
+			<div class="box">
+				<div class="title">
+					<h2>Text options</h2>
+					<span class="hide"></span>
+				</div>
+				<div class="content">
+					<h1>This is a H1 heading.</h1>
+					Duis libero lectus, vestibulum at laoreet sed, elementum id augue. Maecenas ut dapibus arcu. Curabitur
+					malesuada venenatis orci, sed adipiscing diam pharetra sit amet. Donec vulputate consequat ante, a
+					eleifend urna feugiat suscipit. Nunc est dolor.<br />
+					<br />
+					<h2>This is a H2 heading.</h2>
+					Duis libero lectus, vestibulum at laoreet sed, elementum id augue. Maecenas ut dapibus arcu. Curabitur
+					malesuada venenatis orci, sed adipiscing diam pharetra sit amet. Donec vulputate consequat ante, a
+					eleifend urna feugiat suscipit. Nunc est dolor.<br />
+					<br />
+					<h4>A bullet list</h4>
+					<ul>
+						<li>Morbi porttitor risus a nulla vestibulum vulputate.</li>
+						<li>Curabitur vestibulum condimentum arcu non.</li>
+						<li>Vestibulum mollis rutrum diam nec euismod.</li>
+						<li>Aenean feugiat vestibulum congue donec nibh nulla, ullamcorper.</li>
+					</ul>
+					<br />
+					<h4>A numbered list</h4>
+					<ol>
+						<li>Morbi porttitor risus a nulla vestibulum vulputate.</li>
+						<li>Curabitur vestibulum condimentum arcu non.</li>
+						<li>Vestibulum mollis rutrum diam nec euismod.</li>
+						<li>Aenean feugiat vestibulum congue donec nibh nulla, ullamcorper.</li>
+					</ol>
+				</div>
+			</div>
+		</div>
+	</div>
+	
+	<div class="footer">
+		<div class="split">&#169; Copyright <a href="#">website.com</a></div> 
+		<div class="split right">Powered by <a href="http://themeforest.net/item/cleandream/490140" target="_blank">CleanDream</a></div> 
+	</div>
+</div>
+
+<script type="text/javascript" src="js/superfish.js"></script>
+<script type="text/javascript" src="js/supersubs.js"></script>
+<script type="text/javascript" src="js/hoverIntent.js"></script>
+<script type="text/javascript" src="js/jquery.flot.js"></script>
+<script type="text/javascript" src="js/jquery.graphtable-0.2.js"></script>
+<script type="text/javascript" src="js/jquery.flot.resize.min.js"></script>
+<script type="text/javascript" src="js/jquery-ui.js"></script>
+<script type="text/javascript" src="js/jquery-ui-select.js"></script>
+<script type="text/javascript" src="js/customInput.jquery.js"></script>
+<script type="text/javascript" src="js/jquery.dataTables.js"></script>
+<script type="text/javascript" src="js/jquery.fancybox-1.3.4.js"></script>
+<script type="text/javascript" src="js/jquery.filestyle.mini.js"></script>
+<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
+<script type="text/javascript" src="js/jquery.treeview.js"></script>
+<script type="text/javascript" src="js/jquery.tipsy.js"></script>
+<script type="text/javascript" src="js/jquery.wysiwyg.js"></script>
+<script type="text/javascript" src="js/plugins/wysiwyg.rmFormat.js"></script>
+<script type="text/javascript" src="js/controls/wysiwyg.image.js"></script>
+<script type="text/javascript" src="js/controls/wysiwyg.link.js"></script>
+<script type="text/javascript" src="js/controls/wysiwyg.table.js"></script>
+<script type="text/javascript" src="js/inline.js"></script>
+
+</body>
+
+</html>