Comparar texto

Encontre a diferença entre dois arquivos de texto

Exibição

Layout

Editor liveOcultar espaços em brancoRecolher inalteradasSem quebra de linha

Nível de detalhe

Sintaxe

Processamento

Diffchecker Desktop A maneira mais segura de usar o Diffchecker. Obtenha o aplicativo Diffchecker Desktop: seus diffs nunca saem do seu computador!Obter Desktop

Untitled diff

Criado há 9 anosO diff nunca expira

226 remoções

Linhas
Total
Removido

Caracteres
Total
Removido

Para continuar usando este recurso, atualize para Diffchecker Pro Ver preços

315 linhas

350 adições

Linhas
Total
Adicionado

Caracteres
Total
Adicionado

Para continuar usando este recurso, atualize para Diffchecker Pro Ver preços

425 linhas

<h2>{@css.typography}</h2>

<h1>

{@module.title} - {@title.css}

# IF IS_ADMIN #

<a href="{PATH_TO_ROOT}/admin/menus/menus.php" title="Admin/menus">Admin/menus</a>

</span>

# ENDIF #

</h1>

</header>

<h2>

<span>{@css.page.title}</span>

</span>

</h2>

</header>

<div>{@framework.lorem.large}</div>

</div>

</article>

Text moved with changes from lines 165-179 (99.5% similarity)

<h4>{@css.options}</h4>

<h6>{@css.options.sort_by}</h6>

<option value="{@css.options.sort_by.alphabetical}">{@css.options.sort_by.alphabetical}</option>

<option value="{@css.options.sort_by.size}">{@css.options.sort_by.size}</option>

<option value="{@css.options.sort_by.date}">{@css.options.sort_by.date}</option>

<option value="{@css.options.sort_by.popularity}">{@css.options.sort_by.popularity}</option>

<option value="{@css.options.sort_by.note}">{@css.options.sort_by.note}</option>

</select>

<option value="{@css.modules_menus.direction.up}">{@css.modules_menus.direction.up}</option>

<option value="{@css.modules_menus.direction.down}">{@css.modules_menus.direction.down}</option>

</select>

</div>

{@framework.lorem.large}

</div>

</article>

</section>

<h5>{@css.titles}</h5><br />

<h2>{@css.title.typography}</h2>

</header>

<h4>{@css.titles}</h4>

<h1>h1. {@css.title} 1</h1>

<h2>h2. {@css.title} 2</h2>

<h3>h3. {@css.title} 3</h3>

<h4>h4. {@css.title} 4</h4>

<h5>h5. {@css.title} 5</h5>

<h6>h6. {@css.title} 6</h6><br />

<h6>h6. {@css.title} 6</h6>

</div>

<h5>{@css.specific_titles}</h5><br />

<h4>{@css.title.sizes}</h4>

<span href="#" class="smaller">{@css.text.smaller}</span> <br />

<h2 class="formatter-title">{@css.title} 1</h2><br />

<span href="#" class="small">{@css.text.small}</span> <br />

<h3 class="formatter-title">{@css.title} 2</h3><br />

<h4 class="formatter-title">{@css.title} 3</h4><br />

<span href="#" class="bigger">{@css.text.bigger}</span> <br />

<h5 class="formatter-title">{@css.title} 4</h5><br /><br />

<span href="#" class="biggest">{@css.text.biggest}</span>

</div>

<h5>{@css.styles}</h5><br />

<h4>{@css.styles}</h4>

<em>{@css.text_italic}</em><br />

<span style="text-decoration: underline;">{@css.text_underline}</span><br />

<strike>{@css.text_strike}</strike><br /><br />

<strike>{@css.text_strike}</strike><br />

</div>

<h5>{@css.sizes}</h5><br />

<a href="#" class="smaller">{@css.link_smaller}</a> <br />

<a href="#" class="small">{@css.link_small}</a> <br />

<a href="#" class="bigger">{@css.link_bigger}</a> <br />

<a href="#" class="biggest">{@css.link_biggest}</a> <br /><br />

</div>

<h5>{@css.rank_color}</h5><br />

<a href="#" class="admin">{@css.admin}</a> <br />

<a href="#" class="member">{@css.member}</a> <br />

</div>

<h4>{@css.rank_color}</h4>

<a href="#" class="admin" title="{@css.admin}">{@css.admin}</a> <br />

<a href="#" class="member" title="{@css.member}">{@css.member}</a> <br />

</div>

</article>

</section>

<h2>{@css.miscellaneous}</h2>

</header>

<h5>{@css.main_actions_icons}</h5><br />

<ul>

<li>{@css.delete} : <a href="#" class="fa fa-delete"></a></li>

<li>{@css.delete.confirm} : <a href="#" class="fa fa-delete" data-confirmation="delete-element"></a></li>

<li>{@css.delete.confirm.custom} : <a href="#" class="fa fa-delete" data-confirmation="{@css.delete.custom_message}"></a></li>

</ul>

</div>

<br />

<h5>{@css.lists}</h5><br />

<ul>

<li>{@css.element} 1</li>

Text moved with changes to lines 147-152 (98.5% similarity)

<li>{@css.element} 2</li>

<li>{@css.element} 3</li>

</ul>

<ol>

<li>{@css.element} 1</li>

Text moved to lines 158-160

<li>{@css.element} 2</li>

<li>{@css.element} 3</li>

</ol>

<li class="formatter-li">{@css.element} bbcode 1</li>

<li class="formatter-li">{@css.element} bbcode 2</li>

<li class="formatter-li">{@css.element} bbcode 3</li>

</ul>

<li class="formatter-li">{@css.element} bbcode 1</li>

<li class="formatter-li">{@css.element} bbcode 2</li>

<li class="formatter-li">{@css.element} bbcode 3</li>

</ol>

</div>

<br />

<h5>{@css.progress_bar}</h5><br />

<h4>{@css.progress_bar}</h4>

</div><br />

</div><br />

</div><br />

</div>

</div><br />

</div>

<h4>{@css.main_actions_icons}</h4>

<ul>

<li>{@css.delete} : <a href="#" class="fa fa-delete" title="{@css.delete}"></a></li>

<li>{@css.delete.confirm} : <a href="#" class="fa fa-delete" data-confirmation="delete-element" title="{@css.delete.confirm}"></a></li>

<li>{@css.delete.confirm.custom} : <a href="#" class="fa fa-delete" data-confirmation="{@css.delete.custom_message}" title="{@css.delete.confirm.custom}"></a></li>

</ul>

</div>

<br />

<h5>{@css.explorer}</h5>

<h4>{@css.lists}</h4>

<ul>

<li>{@css.element} 1

<ul>

<li>{@css.element}</li>

</ul>

</li>

Text moved with changes from lines 76-81 (98.5% similarity)

<li>{@css.element} 2</li>

<li>{@css.element} 3</li>

</ul>

<ol>

<li>{@css.element} 1

<ol>

<li>{@css.element}</li>

</ol>

</li>

Text moved from lines 82-84

<li>{@css.element} 2</li>

<li>{@css.element} 3</li>

</ol>

</div>

<h4>{@css.explorer}</h4>

<h2>{@css.explorer}</h2>

<ul>

<ul>

<ul>

</ul>

</span></li>

</ul>

</li>

</ul>

</div>

<ul>

</ul>

</div>

Text moved with changes to lines 31-45 (99.5% similarity)

<h5>{@css.options}</h5>

<h4>{@css.button}</h4>

<h6>{@css.options.sort_by}</h6>

<option value="{@css.options.sort_by.alphabetical}">{@css.options.sort_by.alphabetical}</option>

<option value="{@css.options.sort_by.size}">{@css.options.sort_by.size}</option>

<option value="{@css.options.sort_by.date}">{@css.options.sort_by.date}</option>

<option value="{@css.options.sort_by.popularity}">{@css.options.sort_by.popularity}</option>

<option value="{@css.options.sort_by.note}">{@css.options.sort_by.note}</option>

</select>

<option value="{@css.modules_menus.direction.up}">{@css.modules_menus.direction.up}</option>

<option value="{@css.modules_menus.direction.down}">{@css.modules_menus.direction.down}</option>

</select>

</div>

<h5>{@css.button}</h5>

<button type="submit" class="button">{@css.button}</button>

<button type="submit" class="button-hover">{@css.button} hover</button>

<button type="submit" class="button-active">{@css.button} active</button>

</div>

<br />

<h4>{@css.button} submit</h4>

<button type="submit" class="button-small">{@css.button} small</button>

<button type="submit" class="submit">{@css.button}</button>

<button type="submit" class="submit">{@css.button} submit</button>

<button type="submit" class="submit-hover">{@css.button} hover</button>

<button type="submit" class="basic-button">{@css.button} basic-button</button>

<button type="submit" class="submit-active">{@css.button} active</button>

<button type="submit" class="basic-button alt">{@css.button} basic-button.alt</button>

</div>

<h5>{@css.sortable}</h5>

<h4>{@css.button.other}</h4>

<button type="submit" class="button-small">{@css.button} .small</button>

<button type="submit" class="basic-button">.basic-button</button>

<button type="submit" class="basic-button alt">.basic-button.alt</button>

</div>

<h4>{@css.sortable}</h4>

<span><a>{@css.static.sortable}</a></span>

</div>

</li>

Diferenças salvas

Texto original

Abrir arquivo

<section>
	<header>
		<h2>{@css.typography}</h2>
	</header>
	<div class="content">

<h5>{@css.titles}</h5><br />
		<div class="content">
			<h1>h1. {@css.title} 1</h1>
			<h2>h2. {@css.title} 2</h2>
			<h3>h3. {@css.title} 3</h3>
			<h4>h4. {@css.title} 4</h4>
			<h5>h5. {@css.title} 5</h5>
			<h6>h6. {@css.title} 6</h6><br />
		</div>

<h5>{@css.specific_titles}</h5><br />
		<div class="content">
			<h2 class="formatter-title">{@css.title} 1</h2><br />
			<h3 class="formatter-title">{@css.title} 2</h3><br />
			<h4 class="formatter-title">{@css.title} 3</h4><br />
			<h5 class="formatter-title">{@css.title} 4</h5><br /><br />
		</div>

<h5>{@css.styles}</h5><br />
		<div class="content">
			<strong>{@css.text_bold}</strong><br />
			<em>{@css.text_italic}</em><br />
			<span style="text-decoration: underline;">{@css.text_underline}</span><br />
			<strike>{@css.text_strike}</strike><br /><br />
		</div>

<h5>{@css.sizes}</h5><br />
		<div class="content">
			<a href="#">{@css.link}</a> <br />
			<a href="#" class="smaller">{@css.link_smaller}</a> <br />
			<a href="#" class="small">{@css.link_small}</a> <br />
			<a href="#" class="big">{@css.link_big}</a> <br />
			<a href="#" class="bigger">{@css.link_bigger}</a> <br />
			<a href="#" class="biggest">{@css.link_biggest}</a> <br /><br />
		</div>

<h5>{@css.rank_color}</h5><br />
		<div class="content">
			<a href="#" class="admin">{@css.admin}</a> <br />
			<a href="#" class="modo">{@css.modo}</a> <br />
			<a href="#" class="member">{@css.member}</a> <br />
		</div>

</div>
	<footer></footer>
</section>

<section>
	<header>
		<h2>{@css.miscellaneous}</h2>
	</header>

<div class="content">
		<h5>{@css.main_actions_icons}</h5><br />
		<div class="content">
			<ul>
				<li>{@css.rss_feed} : <a href="#" class="fa fa-syndication"></a></li>
				<li>{@css.edit} : <a href="#" class="fa fa-edit"></a></li>
				<li>{@css.delete} : <a href="#" class="fa fa-delete"></a></li>
				<li>{@css.delete.confirm} : <a href="#" class="fa fa-delete" data-confirmation="delete-element"></a></li>
				<li>{@css.delete.confirm.custom} : <a href="#" class="fa fa-delete" data-confirmation="{@css.delete.custom_message}"></a></li>
			</ul>
		</div>

<br />
		<h5>{@css.lists}</h5><br />
		<div class="content">
			<ul>
				<li>{@css.element} 1</li>
				<li>{@css.element} 2</li>
				<li>{@css.element} 3</li>
			</ul>

<ol>
				<li>{@css.element} 1</li>
				<li>{@css.element} 2</li>
				<li>{@css.element} 3</li>
			</ol>

<ul class="formatter-ul">
				<li class="formatter-li">{@css.element} bbcode 1</li>
				<li class="formatter-li">{@css.element} bbcode 2</li>
				<li class="formatter-li">{@css.element} bbcode 3</li>
			</ul>

<ol class="formatter-ol">
				<li class="formatter-li">{@css.element} bbcode 1</li>
				<li class="formatter-li">{@css.element} bbcode 2</li>
				<li class="formatter-li">{@css.element} bbcode 3</li>
			</ol>
		</div>
		<br />

<h5>{@css.progress_bar}</h5><br />
		<div class="content">
			<h6>25%</h6>
			<div class="progressbar-container" style="width:35%;">
				<div class="progressbar-infos">25%</div>
				<div class="progressbar" style="width:25%;"></div>
			</div><br />

<br />
		<h5>{@css.explorer}</h5>
		<div class="content">
			<div class="explorer">
				<div class="cats">
						<h2>{@css.explorer}</h2>
					<div class="content">
						<ul>
							<li><a id="class_0" href="#"><i class="fa fa-folder"></i>{@css.root}</a>
								<ul>
									<li class="sub"><a id="class_1" href="#"><i class="fa fa-folder"></i>{@css.cat} 1</a><span id="cat_1"></span></li>
									<li class="sub"><a class="parent" href="javascript:show_cat_contents(2, 0);"><span class="fa fa-minus-square-o" id="img2_2"></span><span class="fa fa-folder-open" id ="img_2"></span></a><a class="selected" id="class_2" href="#">{@css.cat} 2</a>
									<span id="cat_2">
										<ul>
											<li class="sub"><a href="#"><i class="fa fa-folder"></i>{@css.cat} 3</a></li>
											<li class="sub"><a href="#"><i class="fa fa-folder"></i>{@css.cat} 4</a></li>
										</ul>
									</span></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<div class="files">
						<h2>{@css.tree}</h2>
					<div class="content" id="cat_contents">
						<ul>
							<li><a href="#"><i class="fa fa-folder"></i>{@css.cat} 3</a></li>
							<li><a href="javascript:open_cat(2); show_cat_contents(0, 0);"><i class="fa fa-folder"></i>{@css.cat} 4</a></li>
							<li><a href="#"><i class="fa fa-file"></i>{@css.file} 1</a></li>
							<li><a href="#"><i class="fa fa-file"></i>{@css.file} 2</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<br/></br>
		<div style="overflow: hidden;">
			<h5>{@css.options}</h5>
			<div class="options">
				<h6>{@css.options.sort_by}</h6>
				<select>
					<option value="{@css.options.sort_by.alphabetical}">{@css.options.sort_by.alphabetical}</option>
					<option value="{@css.options.sort_by.size}">{@css.options.sort_by.size}</option>
					<option value="{@css.options.sort_by.date}">{@css.options.sort_by.date}</option>
					<option value="{@css.options.sort_by.popularity}">{@css.options.sort_by.popularity}</option>
					<option value="{@css.options.sort_by.note}">{@css.options.sort_by.note}</option>
				</select>
				<select>
					<option value="{@css.modules_menus.direction.up}">{@css.modules_menus.direction.up}</option>
					<option value="{@css.modules_menus.direction.down}">{@css.modules_menus.direction.down}</option>
				</select>
			</div>
		</div>
		<br/></br>
		<h5>{@css.button}</h5>
		<div class="content center">
			<button type="submit" class="button">{@css.button}</button>
			<button type="submit" class="button-hover">{@css.button} hover</button>
			<button type="submit" class="button-active">{@css.button} active</button>
		</div>
		<br />
		<div class="content center">
			<button type="submit" class="button-small">{@css.button} small</button>
			<button type="submit" class="submit">{@css.button} submit</button>
			<button type="submit" class="basic-button">{@css.button} basic-button</button>
			<button type="submit" class="basic-button alt">{@css.button} basic-button.alt</button>
		</div>
		<br/></br>
		<h5>{@css.sortable}</h5>
		<br/></br>
		<div class="content">
			<ul class="sortable-block">
				<li class="sortable-element">
					<div class="sortable-selector" title="D�placer"></div>
					<div class="sortable-title">
						<span><a>{@css.static.sortable}</a></span>
					</div>
				</li>
				<li class="sortable-element dragged" style="position: relative;">
					<div class="sortable-selector" title="D�placer"></div>
					<div class="sortable-title">
						<span><a>{@css.moved.sortable}</a></span>
					</div>
				</li>
				<li>
					<div class="dropzone">{@css.dropzone}</div>
				</li>
			</ul>
		</div>
	</div>
	<footer></footer>
</section>

<section>
	<header>
		<h2>{@css.quote}, {@css.code}, {@css.hidden}</h2>
	</header>
	<div class="content">
		<span class="formatter-blockquote">{@css.quote} :</span><div class="blockquote">Dein Syria per speciosam interpatet diffusa planitiem. hanc nobilitat Antiochia, mundo cognita civitas, cui non certaverit alia advecticiis ita adfluere copiis et internis, et Laodicia et Apamia itidemque Seleucia iam inde a primis auspiciis florentissimae.</div><br />
		<span class="formatter-hide">{@css.hidden} :</span><div class="hide" onclick="bb_hide(this)"><div class="hide2">Dein Syria per speciosam interpatet diffusa planitiem. hanc nobilitat Antiochia, mundo cognita civitas, cui non certaverit alia advecticiis ita adfluere copiis et internis, et Laodicia et Apamia itidemque Seleucia iam inde a primis auspiciis florentissimae.</div></div><br />
		<span class="formatter-code">{@css.code.php} :</span><div class="code"><pre style="display:inline;"><pre class="php" style="font-family:monospace;"><a href="http://www.php.net/%26amp%3Blt%3CSEMI%3E%3Fphp"><span style="color: #FF0000; font-weight: normal;">&lt;?php</span></a>
		&nbsp;
		<span style="color: #0000FF; font-weight: bold;">abstract</span> <span style="color: #0000FF; font-weight: bold;">class</span> CategoriesCache <span style="color: #0000FF; font-weight: bold;">implements</span> CacheData
		<span style="color: #8000FF;">&#123;</span>
			<span style="color: #0000FF; font-weight: bold;">private</span> <span style="color: #000080;">$categories</span><span style="color: #8000FF;">;</span>
		&nbsp;
			<span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> synchronize<span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span>
			<span style="color: #8000FF;">&#123;</span>
				<span style="color: #000080;">$categories_cache</span> <span style="color: #8000FF;">=</span> <span style="color: #0000FF; font-weight: bold;">self</span><span style="color: #8000FF;">::</span><span style="color: #000000;">get_class</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
				<span style="color: #000080;">$category_class</span> <span style="color: #8000FF;">=</span> <span style="color: #000080;">$categories_cache</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">get_category_class</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
		&nbsp;
				<span style="color: #000080;">$root_category</span> <span style="color: #8000FF;">=</span> <span style="color: #000080;">$categories_cache</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">get_root_category</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
				<span style="color: #000080;">$this</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">categories</span><span style="color: #8000FF;">&#91;</span>Category<span style="color: #8000FF;">::</span><span style="color: #000000;">ROOT_CATEGORY</span><span style="color: #8000FF;">&#93;</span> <span style="color: #8000FF;">=</span> <span style="color: #000080;">$root_category</span><span style="color: #8000FF;">;</span>
				<span style="color: #000080;">$result</span> <span style="color: #8000FF;">=</span> PersistenceContext<span style="color: #8000FF;">::</span><span style="color: #000000;">get_querier</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">select_rows</span><span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$categories_cache</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">get_table_name</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">,</span> <span style="color: #0000FF; font-weight: bold;">array</span><span style="color: #8000FF;">&#40;</span><span style="color: #808080;">'*'</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">,</span> <span style="color: #808080;">'ORDER BY id_parent, c_order'</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
				<span style="color: #0000FF; font-weight: bold;">while</span> <span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$row</span> <span style="color: #8000FF;">=</span> <span style="color: #000080;">$result</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">fetch</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">&#41;</span>
				<span style="color: #8000FF;">&#123;</span>
					<span style="color: #000080;">$category</span> <span style="color: #8000FF;">=</span> <span style="color: #0000FF; font-weight: bold;">new</span> <span style="color: #000080;">$category_class</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
					<span style="color: #000080;">$category</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">set_properties</span><span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$row</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
					<span style="color: #0000FF; font-weight: bold;">if</span> <span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$category</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">auth_is_empty</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">&#41;</span>
					<span style="color: #8000FF;">&#123;</span>
						<span style="color: #000080;">$category</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">set_authorizations</span><span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$root_category</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">get_authorizations</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
					<span style="color: #8000FF;">&#125;</span>
					<span style="color: #000080;">$this</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">categories</span><span style="color: #8000FF;">&#91;</span><span style="color: #000080;">$row</span><span style="color: #8000FF;">&#91;</span><span style="color: #808080;">'id'</span><span style="color: #8000FF;">&#93;</span><span style="color: #8000FF;">&#93;</span> <span style="color: #8000FF;">=</span> <span style="color: #000080;">$category</span><span style="color: #8000FF;">;</span>
				<span style="color: #8000FF;">&#125;</span>
			<span style="color: #8000FF;">&#125;</span>
		&nbsp;
			<span style="color: #0000FF; font-weight: bold;">abstract</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_table_name<span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
		&nbsp;
			<span style="color: #0000FF; font-weight: bold;">abstract</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_category_class<span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
		&nbsp;
			<span style="color: #0000FF; font-weight: bold;">abstract</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_module_identifier<span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
		&nbsp;
			<span style="color: #0000FF; font-weight: bold;">abstract</span> <span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_root_category<span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
		&nbsp;
			<span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_categories<span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span>
			<span style="color: #8000FF;">&#123;</span>
				<span style="color: #0000FF; font-weight: bold;">return</span> <span style="color: #000080;">$this</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">categories</span><span style="color: #8000FF;">;</span>
			<span style="color: #8000FF;">&#125;</span>
		&nbsp;
			<span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_childrens<span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$id_category</span><span style="color: #8000FF;">&#41;</span>
			<span style="color: #8000FF;">&#123;</span>
				<span style="color: #000080;">$childrens</span> <span style="color: #8000FF;">=</span> <span style="color: #0000FF; font-weight: bold;">array</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
				<span style="color: #0000FF; font-weight: bold;">foreach</span> <span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$this</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">categories</span> <span style="color: #0000FF; font-weight: bold;">as</span> <span style="color: #000080;">$id</span> <span style="color: #8000FF;">=&gt;</span> <span style="color: #000080;">$category</span><span style="color: #8000FF;">&#41;</span>
				<span style="color: #8000FF;">&#123;</span>
					<span style="color: #0000FF; font-weight: bold;">if</span> <span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$category</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">get_id_parent</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span> <span style="color: #8000FF;">==</span> <span style="color: #000080;">$id_category</span><span style="color: #8000FF;">&#41;</span>
					<span style="color: #8000FF;">&#123;</span>
						<span style="color: #000080;">$childrens</span><span style="color: #8000FF;">&#91;</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">&#93;</span> <span style="color: #8000FF;">=</span> <span style="color: #000080;">$category</span><span style="color: #8000FF;">;</span>
					<span style="color: #8000FF;">&#125;</span>
				<span style="color: #8000FF;">&#125;</span>
				<span style="color: #0000FF; font-weight: bold;">return</span> <span style="color: #000080;">$childrens</span><span style="color: #8000FF;">;</span>
			<span style="color: #8000FF;">&#125;</span>
		&nbsp;
			<span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> category_exists<span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">&#41;</span>
			<span style="color: #8000FF;">&#123;</span>
				<span style="color: #0000FF; font-weight: bold;">return</span> array_key_exists<span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">,</span> <span style="color: #000080;">$this</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">categories</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
			<span style="color: #8000FF;">&#125;</span>
		&nbsp;
			<span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_category<span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">&#41;</span>
			<span style="color: #8000FF;">&#123;</span>
				<span style="color: #0000FF; font-weight: bold;">if</span> <span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$this</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">category_exists</span><span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">&#41;</span>
				<span style="color: #8000FF;">&#123;</span>
					<span style="color: #0000FF; font-weight: bold;">return</span> <span style="color: #000080;">$this</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">categories</span><span style="color: #8000FF;">&#91;</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">&#93;</span><span style="color: #8000FF;">;</span>
				<span style="color: #8000FF;">&#125;</span>
				throw <span style="color: #0000FF; font-weight: bold;">new</span> CategoryNotFoundException<span style="color: #8000FF;">&#40;</span><span style="color: #000080;">$id</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
			<span style="color: #8000FF;">&#125;</span>
		&nbsp;
			<span style="color: #008000; font-style: italic;">/**
			 * Loads and returns the categories cached data.
			 * @return CategoriesCache The cached data
			 */</span>
			<span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">static</span> <span style="color: #0000FF; font-weight: bold;">function</span> load<span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span>
			<span style="color: #8000FF;">&#123;</span>
				<span style="color: #0000FF; font-weight: bold;">return</span> CacheManager<span style="color: #8000FF;">::</span><span style="color: #000000;">load</span><span style="color: #8000FF;">&#40;</span>get_called_class<span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">,</span> <span style="color: #0000FF; font-weight: bold;">self</span><span style="color: #8000FF;">::</span><span style="color: #000000;">get_class</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">get_module_identifier</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">,</span> <span style="color: #808080;">'categories'</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
			<span style="color: #8000FF;">&#125;</span>
		&nbsp;
			<span style="color: #008000; font-style: italic;">/**
			 * Invalidates categories cached data.
			 */</span>
			<span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">static</span> <span style="color: #0000FF; font-weight: bold;">function</span> invalidate<span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span>
			<span style="color: #8000FF;">&#123;</span>
				CacheManager<span style="color: #8000FF;">::</span><span style="color: #000000;">invalidate</span><span style="color: #8000FF;">&#40;</span><span style="color: #0000FF; font-weight: bold;">self</span><span style="color: #8000FF;">::</span><span style="color: #000000;">get_class</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">-&gt;</span><span style="color: #000000;">get_module_identifier</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">,</span> <span style="color: #808080;">'categories'</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
			<span style="color: #8000FF;">&#125;</span>
		&nbsp;
			<span style="color: #0000FF; font-weight: bold;">public</span> <span style="color: #0000FF; font-weight: bold;">static</span> <span style="color: #0000FF; font-weight: bold;">function</span> get_class<span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span>
			<span style="color: #8000FF;">&#123;</span>
				<span style="color: #000080;">$class_name</span> <span style="color: #8000FF;">=</span> get_called_class<span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
				<span style="color: #0000FF; font-weight: bold;">return</span> <span style="color: #0000FF; font-weight: bold;">new</span> <span style="color: #000080;">$class_name</span><span style="color: #8000FF;">&#40;</span><span style="color: #8000FF;">&#41;</span><span style="color: #8000FF;">;</span>
			<span style="color: #8000FF;">&#125;</span>
		<span style="color: #8000FF;">&#125;</span>
		<a href="http://www.php.net/%3F%26amp%3Bgt%3CSEMI%3E"><span style="color: #FF0000; font-weight: normal;">?&gt;</span></a></pre></pre></div><br /><br />
	</div>
	<footer></footer>
</section>

<section>
	<header>
		<h2>{@css.pagination}</h2>
	</header>
	<div class="content">
		<div class="center"># INCLUDE PAGINATION #</div>
	</div>
	<footer></footer>
</section>

<section>
	<header>
		<h2>{@css.table}</h2>
	</header>
	<div class="content">
		<table id="table">
			<caption>
				{@css.table_description}
			</caption>
			<thead>
				<tr>
					<th>
						<a href="#" class="fa fa-table-sort-up"></a>
						{@css.table.name}
						<a href="#" class="fa fa-table-sort-down"></a>
					</th>
					<th>
						{@css.table.description}
					</th>
					<th>
						{@css.table.author}
					</th>
				</tr>
			</thead>
			<tfoot>
				<tr>
					<th colspan="5">
						# INCLUDE PAGINATION #
					</th>
				</tr>
			</tfoot>
			<tbody>
				<tr>
					<td>
						{@css.table.test}
					</td>
					<td>
						{@css.table.description}
					</td>
					<td>
						{@css.table.author}
					</td>
				</tr>
				<tr>
					<td>
						{@css.table.test}
					</td>
					<td>
						{@css.table.description}
					</td>
					<td>
						{@css.table.author}
					</td>
				</tr>
				<tr>
					<td>
						{@css.table.test}
					</td>
					<td>
						{@css.table.description}
					</td>
					<td>
						{@css.table.author}
					</td>
				</tr>
			</tbody>
		</table>
		<br /><br />
		<h5>{@css.specific.table}</h5>
		<table class="formatter-table">
			<tbody>
				<tr class="formatter-table-row">
					<th class="formatter-table-head" colspan="2">{@css.table.header}</th>
				</tr>
				<tr class="formatter-table-row">
					<td class="formatter-table-col">{@css.table.test}</td>
					<td class="formatter-table-col">{@css.table.description}</td>
				</tr>
				<tr class="formatter-table-row">
					<td class="formatter-table-col">{@css.table.test}</td>
					<td class="formatter-table-col">{@css.table.description}</td>
				</tr>
			</tbody>
		</table>
	</div>
	<footer></footer>
</section>

<section>
	<header>
		<h2>{@css.messages_and_coms}</h2>
	</header>
	<div class="content"><br />
		<div id="com2" class="message" itemscope="itemscope" itemtype="http://schema.org/Comment">
			<div class="message-container">

<div class="message-user-infos">
					<div class="message-pseudo">
							<a itemprop="author" href="{PATH_TO_ROOT}/user/?url=/profile/1" class="admin">{@css.messages.login}</a>
					</div>
					<div class="message-level">{@css.messages.level}</div>
					<img src="{PATH_TO_ROOT}/templates/{THEME}/images/no_avatar.png" class="message-avatar" alt="${LangLoader::get_message('avatar', 'user-common')}" />
				</div>

<div class="message-date">
					<span class="actions">
						<a itemprop="url" href="#com2">#2</a>
							<a href="#comments_message" class="fa fa-edit"></a>
							<a href="#comments_message" class="fa fa-delete" data-confirmation="delete-element"></a>
					</span>
					<span itemprop="datePublished" content="2013-09-05T15:37:01+00:00">{@css.messages.date}</span>
				</div>

<div class="message-message">
					<div itemprop="text" class="message-content" class="content">{@css.messages.content}</div>
				</div>

</div>
		</div>
	</div>
	<footer></footer>
</section>

<br />

<section>
	<header>
		<h2>{@css.error_messages}</h2>
	</header>
	<div class="content">
		# START messages # # INCLUDE messages.VIEW # # END messages #
	</div>
	<footer></footer>
</section>

<section>
	<header>
		<h2>{@css.page.title}</h2>
	</header>
	<div class="content">
		Huic Arabia est conserta, ex alio latere Nabataeis contigua; opima varietate conmerciorum castrisque oppleta validis et castellis, quae ad repellendos gentium vicinarum excursus sollicitudo pervigil veterum per oportunos saltus erexit et cautos. haec quoque civitates habet inter oppida quaedam ingentes Bostram et Gerasam atque Philadelphiam murorum firmitate cautissimas. hanc provinciae inposito nomine rectoreque adtributo obtemperare legibus nostris Traianus conpulit imperator incolarum tumore saepe contunso cum glorioso marte Mediam urgeret et Parthos.<br/>
		<article>
			<header>
				<h2>{@css.page.subtitle}</h2>
			</header>
			<div class="content">
				Huic Arabia est conserta, ex alio latere Nabataeis contigua; opima varietate conmerciorum castrisque oppleta validis et castellis, quae ad repellendos gentium vicinarum excursus sollicitudo pervigil veterum per oportunos saltus erexit et cautos. haec quoque civitates habet inter oppida quaedam ingentes Bostram et Gerasam atque Philadelphiam murorum firmitate cautissimas. hanc provinciae inposito nomine rectoreque adtributo obtemperare legibus nostris Traianus conpulit imperator incolarum tumore saepe contunso cum glorioso marte Mediam urgeret et Parthos.<br/>
				<article>
					<header>
						<h3>{@css.page.subsubtitle}</h3>
					</header>
					<div class="content">
						Huic Arabia est conserta, ex alio latere Nabataeis contigua; opima varietate conmerciorum castrisque oppleta validis et castellis, quae ad repellendos gentium vicinarum excursus sollicitudo pervigil veterum per oportunos saltus erexit et cautos. haec quoque civitates habet inter oppida quaedam ingentes Bostram et Gerasam atque Philadelphiam murorum firmitate cautissimas. hanc provinciae inposito nomine rectoreque adtributo obtemperare legibus nostris Traianus conpulit imperator incolarum tumore saepe contunso cum glorioso marte Mediam urgeret et Parthos.
					</div>
					<footer></footer>
				</article>
			</div>
			<footer></footer>
		</article>
	</div>
	<footer></footer>
</section>

<h2>{@css.blocks}</h2><br />

<section>
	<header>
		<h2>{@css.page.title}</h2>
	</header>
	<div class="content">
		<article class="block">
			<header>
				<h3>{@css.block.title}</h3>
			</header>
			<div class="content">
				Inpares parte deviis scirent diffuso petivere idem sed deviis documentis idem stataria omnia latrones undique.
			</div>
			<footer></footer>
		</article>
	</div>
	<footer></footer>
</section>

<h2>{@css.blocks.medium}</h2><br />

<section>
	<header>
		<h2>{@css.page.title}</h2>
	</header>
	<div class="content" style="overflow: hidden;">
		<article class="medium-block">
			<header>
				<h3>{@css.block.title}</h3>
			</header>
			<div class="content">
				Inpares parte deviis scirent diffuso petivere idem sed deviis documentis idem stataria omnia latrones undique.
			</div>
			<footer></footer>
		</article>
		<article class="medium-block">
			<header>
				<h3>{@css.block.title}</h3>
			</header>
			<div class="content">
				Inpares parte deviis scirent diffuso petivere idem sed deviis documentis idem stataria omnia latrones undique.
			</div>
			<footer></footer>
		</article>
	</div>
	<footer></footer>
</section>

<h2>{@css.blocks.small}</h2><br />

<section>
	<header>
		<h2>{@css.page.title}</h2>
	</header>
	<div class="content" style="overflow: hidden;">
		<article class="small-block">
			<header>
				<h3>{@css.block.title}</h3>
			</header>
			<div class="content">
				Inpares parte deviis.
			</div>
			<footer></footer>
		</article>
		<article class="small-block">
			<header>
				<h3>{@css.block.title}</h3>
			</header>
			<div class="content">
				Inpares parte deviis.
			</div>
			<footer></footer>
		</article>
		<article class="small-block">
			<header>
				<h3>{@css.block.title}</h3>
			</header>
			<div class="content">
				Inpares parte deviis.
			</div>
			<footer></footer>
		</article>
	</div>
	<footer></footer>
</section>

<h2>{@wiki.module}</h2><br />
<section>
	<header></header>
	<div class="content" style="overflow: hidden;">
		<article>
			<header>
				<h3>{@wiki.table.of.contents}</h3>
			</header>
			<div class="content">
				# START wikimenu #
					<div class="wiki-summary">
						<div class="wiki-summary-title">{@wiki.table.of.contents}</div>
						{wikimenu.MENU}
					</div>
				# END wikimenu #
			</div>
			<footer></footer>
		</article>
		<article>
			<header>
				<h3>{@wiki.contents}</h3>
			</header>
			<div class="content">
				{WIKI_CONTENTS}
			</div>
			<footer></footer>
		</article>
	</div>
	<footer></footer>
</section>

Texto alterado

Abrir arquivo

<section>
	<header>
		<h1>
			{@module.title} - {@title.css}
			# IF IS_ADMIN #
			<span class="actions">
				<a href="{PATH_TO_ROOT}/admin/menus/menus.php" title="Admin/menus">Admin/menus</a>
			</span>
			# ENDIF #
		</h1>
	</header>
	<article>
		<header>
			<h2>
				<span>{@css.page.title}</span>
				<span class="actions">
					<a href="#" class="fa fa-edit" title="{@css.edit}"></a>
					<a href="#" class="fa fa-trash" title="{@css.delete}"></a>
				</span>
			</h2>
			<div class="more">{@css.more}</div>
		</header>
		<div class="content">
			<img src="{PATH_TO_ROOT}/templates/{THEME}/images/no_avatar.png" alt="{@css.picture}" class="left" />
			<img src="{PATH_TO_ROOT}/templates/{THEME}/images/no_avatar.png" alt="{@css.picture}" class="right" />
			<div>{@framework.lorem.large}</div>
		</div>
	</article>
	<article class="content">
		<div class="pbt-box-largest">
			<h4>{@css.options}</h4>
			<div class="options">
				<h6>{@css.options.sort_by}</h6>
				<select>
					<option value="{@css.options.sort_by.alphabetical}">{@css.options.sort_by.alphabetical}</option>
					<option value="{@css.options.sort_by.size}">{@css.options.sort_by.size}</option>
					<option value="{@css.options.sort_by.date}">{@css.options.sort_by.date}</option>
					<option value="{@css.options.sort_by.popularity}">{@css.options.sort_by.popularity}</option>
					<option value="{@css.options.sort_by.note}">{@css.options.sort_by.note}</option>
				</select>
				<select>
					<option value="{@css.modules_menus.direction.up}">{@css.modules_menus.direction.up}</option>
					<option value="{@css.modules_menus.direction.down}">{@css.modules_menus.direction.down}</option>
				</select>
			</div>
			{@framework.lorem.large}
		</div>
	</article>
	<footer></footer>
</section>

<section>
	<header>
		<h2>{@css.title.typography}</h2>
	</header>
	
	<article class="content">
		<div class="pbt-box-smallest">
			<h4>{@css.titles}</h4>
			<h1>h1. {@css.title} 1</h1>
			<h2>h2. {@css.title} 2</h2>
			<h3>h3. {@css.title} 3</h3>
			<h4>h4. {@css.title} 4</h4>
			<h5>h5. {@css.title} 5</h5>
			<h6>h6. {@css.title} 6</h6>
		</div>	
		<div class="pbt-box-smallest">	
			<h4>{@css.title.sizes}</h4>
			<span href="#" class="smaller">{@css.text.smaller}</span> <br />
			<span href="#" class="small">{@css.text.small}</span> <br />
			<span href="#" class="big">{@css.text.big}</span> <br />
			<span href="#" class="bigger">{@css.text.bigger}</span> <br />
			<span href="#" class="biggest">{@css.text.biggest}</span>
		</div>	
		<div class="pbt-box-smallest">
			<h4>{@css.styles}</h4>
			<strong>{@css.text_bold}</strong><br />
			<em>{@css.text_italic}</em><br />
			<span style="text-decoration: underline;">{@css.text_underline}</span><br />
			<strike>{@css.text_strike}</strike><br />
			<a href="#" title="{@css.link}">{@css.link}</a> 
		</div>	
		<div class="pbt-box-smallest">	
			<h4>{@css.rank_color}</h4>
			<a href="#" class="admin" title="{@css.admin}">{@css.admin}</a> <br />
			<a href="#" class="modo" title="{@css.modo}">{@css.modo}</a> <br />
			<a href="#" class="member" title="{@css.member}">{@css.member}</a> <br />
		</div>	
	</article>
	<footer></footer>
</section>

<section>
	<header>
		<h2>{@css.miscellaneous}</h2>
	</header>

<div class="pbt-box-large">
			<h4>{@css.progress_bar}</h4>
			<h6>25%</h6>
			<div class="progressbar-container">
				<div class="progressbar-infos">25%</div>
				<div class="progressbar" style="width:25%;"></div>
			</div><br />

<h6>100%</h6>
			<div class="progressbar-container">
				<div class="progressbar-infos">100%</div>
				<div class="progressbar" style="width:100%"></div>
			</div>
		</div>
		
		<div class="pbt-box-small">
		<h4>{@css.main_actions_icons}</h4>
			<ul>
				<li>{@css.rss_feed} : <a href="#" class="fa fa-syndication" title="{@css.rss_feed}"></a></li>
				<li>{@css.edit} : <a href="#" class="fa fa-edit" title="{@css.edit}"></a></li>
				<li>{@css.delete} : <a href="#" class="fa fa-delete" title="{@css.delete}"></a></li>
				<li>{@css.delete.confirm} : <a href="#" class="fa fa-delete" data-confirmation="delete-element" title="{@css.delete.confirm}"></a></li>
				<li>{@css.delete.confirm.custom} : <a href="#" class="fa fa-delete" data-confirmation="{@css.delete.custom_message}" title="{@css.delete.confirm.custom}"></a></li>
			</ul>
		</div>

<div class="pbt-box-small">
			<h4>{@css.lists}</h4>
			<ul>
				<li>{@css.element} 1
					<ul>
						<li>{@css.element}</li>
						<li>{@css.element}</li>
					</ul>
				</li>
				<li>{@css.element} 2</li>
				<li>{@css.element} 3</li>
			</ul>

<ol>
				<li>{@css.element} 1
					<ol>
						<li>{@css.element}</li>
						<li>{@css.element}</li>
					</ol>
				</li>
				<li>{@css.element} 2</li>
				<li>{@css.element} 3</li>
			</ol>
		</div>
		
		<div class="pbt-box-large">
			<h4>{@css.explorer}</h4>
			<div class="explorer">
				<div class="cats">
						<h2>{@css.explorer}</h2>
					<div class="content">
						<ul>
							<li><a id="class_0" href="#" title="{@css.root}"><i class="fa fa-folder"></i>{@css.root}</a>
								<ul>
									<li class="sub"><a id="class_1" href="#" title="{@css.cat} 1"><i class="fa fa-folder"></i>{@css.cat} 1</a><span id="cat_1"></span></li>
									<li class="sub"><a class="parent" href="javascript:show_cat_contents(2, 0);" title="{@css.cat} 2"><span class="fa fa-minus-square-o" id="img2_2"></span><span class="fa fa-folder-open" id ="img_2"></span></a><a class="selected" id="class_2" href="#" title="{@css.cat} 2">{@css.cat} 2</a>
									<span id="cat_2">
										<ul>
											<li class="sub"><a href="#"><i class="fa fa-folder" title="{@css.cat} 3"></i>{@css.cat} 3</a></li>
											<li class="sub"><a href="#"><i class="fa fa-folder" title="{@css.cat} 4"></i>{@css.cat} 4</a></li>
										</ul>
									</span></li>
								</ul>
							</li>
						</ul>
					</div>
				</div>
				<div class="files">
						<h2>{@css.tree}</h2>
					<div class="content" id="cat_contents">
						<ul>
							<li><a href="#" title="{@css.cat} 3"><i class="fa fa-folder"></i>{@css.cat} 3</a></li>
							<li><a href="javascript:open_cat(2); show_cat_contents(0, 0);" title="{@css.cat} 4"><i class="fa fa-folder"></i>{@css.cat} 4</a></li>
							<li><a href="#" title="{@css.file} 1"><i class="fa fa-file"></i>{@css.file} 1</a></li>
							<li><a href="#" title="{@css.file} 2"><i class="fa fa-file"></i>{@css.file} 2</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="pbt-box-small center">
			<h4>{@css.button}</h4>
			<button type="submit" class="button">{@css.button}</button>
			<button type="submit" class="button-hover">{@css.button} hover</button>
			<button type="submit" class="button-active">{@css.button} active</button>
		</div>
		<div class="pbt-box-small center">
			<h4>{@css.button} submit</h4>
			<button type="submit" class="submit">{@css.button}</button>
			<button type="submit" class="submit-hover">{@css.button} hover</button>
			<button type="submit" class="submit-active">{@css.button} active</button>
		</div>
		<div class="pbt-box-small center">
			<h4>{@css.button.other}</h4>
			<button type="submit" class="button-small">{@css.button} .small</button>
			<button type="submit" class="basic-button">.basic-button</button>
			<button type="submit" class="basic-button alt">.basic-button.alt</button>
		</div>
		
		<div class="pbt-box-largest">
			<h4>{@css.sortable}</h4>
			<ul class="sortable-block">
				<li class="sortable-element">
					<div class="sortable-selector" title="{@css.sortable.move}"></div>
					<div class="sortable-title">
						<span><a>{@css.static.sortable}</a></span>
					</div>
				</li>
				<li class="sortable-element dragged" style="position: relative;">
					<div class="sortable-selector" title="{@css.sortable.move}"></div>
					<div class="sortable-title">
						<span><a>{@css.moved.sortable}</a></span>
					</div>
				</li>
				<li>
					<div class="dropzone">{@css.dropzone}</div>
				</li>
			</ul>
		</div>
	</article>
	<footer></footer>
</section>

<section>
	<header>
		<h2>{@css.pagination}</h2>
	</header>
	<article class="content">
		<div class="pbt-box-largest center"># INCLUDE PAGINATION #</div>
	</article>
	<footer></footer>
</section>

<section>
	<header>
		<h2>{@css.table}</h2>
	</header>
	<article class="content">
		<div class="pbt-box-largest">			
			<table id="table">
				<caption>
					{@css.table.description}
				</caption>
				<thead>
					<tr>
						<th>
							<a href="#" class="fa fa-table-sort-up" title="{@css.table.sort.up}"></a>
							{@css.table.name}
							<a href="#" class="fa fa-table-sort-down" title="{@css.table.sort.down}"></a>
						</th>
						<th>{@css.table.description}</th>
						<th>{@css.table.author}</th>
					</tr>
				</thead>
				<tfoot>
					<tr>
						<th colspan="5"># INCLUDE PAGINATION #</th>
					</tr>
				</tfoot>
				<tbody>
					<tr>
						<td>{@css.table.test}</td>
						<td>{@css.table.description}</td>
						<td>{@css.table.author}</td>
					</tr>
					<tr>
						<td>{@css.table.test}</td>
						<td>{@css.table.description}</td>
						<td>{@css.table.author}</td>
					</tr>
					<tr>
						<td>{@css.table.test}</td>
						<td>{@css.table.description}</td>
						<td>{@css.table.author}</td>
					</tr>
				</tbody>
			</table>
		</div>
	</article>
	<footer></footer>
</section>

<section>
	<header>
		<h2>{@css.messages.and.coms}</h2>
	</header>
	<article class="content">
		<div class="pbt-box-largest">
			<div id="com2" class="message" itemscope="itemscope" itemtype="http://schema.org/Comment">
				<div class="message-container">
	
					<div class="message-user-infos">
						<div class="message-pseudo">
								<a itemprop="author" href="{PATH_TO_ROOT}/user/?url=/profile/1" class="admin" title="{@css.messages.login}">{@css.messages.login}</a>
						</div>
						<div class="message-level">{@css.messages.level}</div>
						<img src="{PATH_TO_ROOT}/templates/{THEME}/images/no_avatar.png" class="message-avatar" alt="${LangLoader::get_message('avatar', 'user-common')}" />
					</div>
	
					<div class="message-date">
						<span class="actions">
							<a itemprop="url" href="#com2" title="#2">#2</a>
								<a href="#comments_message" class="fa fa-edit" title="{@css.edit}"></a>
								<a href="#comments_message" class="fa fa-delete" data-confirmation="delete-element" title="{@css.delete.confirm}"></a>
						</span>
						<span itemprop="datePublished" content="2013-09-05T15:37:01+00:00">{@css.messages.date}</span>
					</div>
	
					<div class="message-message">
						<div itemprop="text" class="message-content" class="content">{@css.messages.content}</div>
					</div>
	
				</div>
			</div>
		</div>
	</article>
	<footer></foot
</section>

<section>
	<header>
		<h2>{@css.alert.messages}</h2>
	</header>
	<article class="content">
		<div class="pbt-box-largest">
			# START messages # # INCLUDE messages.VIEW # # END messages #
		</div>
		
	</article>
	<footer></footer>
</section>

<section>
	<header>
		<h2>{@css.blocks}</h2>
	</header>
	<article class="content">
		<h4>{@css.blocks.large}</h4>
		<div class="elements-container columns-1" style="overflow: hidden;">
			<article class="block">
				<header><h3>{@css.block.title}</h3></header>			
				<div class="content">
					{@framework.lorem.medium}
				</div>			
			</article>
		</div>
		<h4>{@css.blocks.medium}</h4>
		<div class="elements-container columns-2" style="overflow: hidden;">
			<article class="block">
				<header>
					<h3>{@css.block.title}</h3>
				</header>
				<div class="content">
					{@framework.lorem.mini}
				</div>
				<footer></footer>
			</article>
			<article class="block">
				<header>
					<h3>{@css.block.title}</h3>
				</header>
				<div class="content">
					{@framework.lorem.mini}
				</div>
				<footer></footer>
			</article>
		</div>

<h4>{@css.blocks.small}</h4>
		<div class="elements-container columns-3" style="overflow: hidden;">
			<article class="block">
				<header>
					<h3>{@css.block.title}</h3>
				</header>
				<div class="content">
					{@framework.lorem.mini}
				</div>
				<footer></footer>
			</article>
			<article class="block">
				<header>
					<h3>{@css.block.title}</h3>
				</header>
				<div class="content">
					{@framework.lorem.mini}
				</div>
				<footer></footer>
			</article>
			<article class="block">
				<header>
					<h3>{@css.block.title}</h3>
				</header>
				<div class="content">
					{@framework.lorem.mini}
				</div>
				<footer></footer>
			</article>
		</div>
	</article>
	<footer></footer>
</section>