Supremacia dos Macacos
/*
Black Supremacy
[2019 Wikidot Theme]
Created by Vizlox as the official RPC theme
 
Based on code from "Supremacy" created by James Pitchford, the "RPC Authority Dark Theme" Style created by Bobby The Evil, and the SCP Foundation Wiki "Sigma-9" theme and style which was designed by Aelanna.
 
Thanks to MrPines for major bug fixes and code additions.
 
Header Image created by Logangreenjeans
--------------------------------------------------------------------------------------
 
Se você foi preguiçoso o bastante em não transformar inglês em português no Google Tradutor, isso é o código - um dos - central, antes era "Black Supremacy", mudei para o nome que vocês veem aqui, pelo mesmo motivo que sulista é superior a pardo e negro.
*/
 
@charset "utf-8";
 
@import url('https://fonts.googleapis.com/css?family=Exo+2');
@import url('https://fonts.googleapis.com/css?family=Michroma');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css');
@import url('http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');
 
:root {
/* PALLET SHEET */
 
--basic-border: 1px solid #666;
--basic-border-color: #666;
--dashed-border: 1px dashed #666;
--thick-border: 2px solid #666;
 
--element-border-radius: 2px;
 
--primary-background: #1d2022;
--secondary-background: rgba(0,0,0,0.15);
--background-3: #191b1d;
--background-4: #1f2125;
 
--content-bar-background: #24272a;
 
--primary-text-color: #35B340;
 
--nav-hover-background: #1AB827;
 
/* BASE COLORS */
 
/* General Elements */
--text-color: #c0c0c0;
--unmargined-color: var(--primary-text-color);
--horizontal-rule-background: var(--basic-border-color);
--action-area-border: var(--dashed-border);
--alert-info-border: var(--dashed-border);
--owindow-border: var(--basic-border);
--tags-border: var(--basic-border);
--error-color: #f54242;
--content-box-shadow: 1px 1px 1px 1px #191919;
 
/* Body */
--body-background: #272a31;
 
/* Footer */
--footer-background: #14141a;
 
/* Page Content */
--page-background: none;
--page-padding: none;
--page-border: none;
--page-border-radius: 0;
 
/* Page Title */
--page-title-color: var(--primary-text-color);
--page-title-border: var(--basic-border);
 
/* Generic Buttons */
--button-border: var(--basic-border);
--button-background: #181d22;
--button-hover-background: #27415c;
 
/* Header */
--header-icon: url(https://media.discordapp.net/attachments/525421622711025694/730612684134940812/untitled12.png);
--header-background: url(http://rpcsandbox.wdfiles.com/local--files/pt-theme/greenheader.png);
--header-font-weight: bold;
--header-tagline-font-weight: bold;
--header-font: default;
--header-tagline-font: default;
--header-color: #fff;
--header-tagline-color: #31C43D;
--header-text-visibility:hidden;
--header-custom-text: 'Autoridade RPC';
--header-tagline-custom-text: 'Filial Lusófona';
 
/* Search Bar */
--search-button-background: #1b1f32;
--search-button-hover-background: #363f64;
--search-input-hover-border: 1px solid #fff;
--search-input-hover-color: #fff;
--search-input-color: #33384d;
--search-input-hover: #2d3668;
--search-input-border: 1px solid #999;
 
/* Sidebar */
--sidebar-divider-color: var(--basic-border-color);
--sidebar-header-color: var(--primary-text-color);
--sidebar-hover-background: #2d4975;
--sidebar-hover-color: #fff;
--sidebar-mobile-open-menu-color: var(--basic-border-color);
--sidebar-mobile-open-menu-border: 3px solid var(--basic-border-color);
--sidebar-mobile-open-menu-background: var(--primary-background);
--sidebar-mobile-background: var(--primary-background);
 
/* Topbar */
--topbar-text-color: #aaa;
--topbar-dropdown-background: #292b30;
--topbar-hover-background: #2d4975;
--topbar-divider: 1px solid #2d4975;
--topbar-dropdown-border-color: var(--basic-border-color);
 
/* Link Colors */
--link-color: #5295e1;
--link-hover-color: #84b7f5;
--new-page-color: #626eb2;
 
/* Wikidot Tables */
--table-header-background: var(--content-bar-background);
--table-cell-background: var(--primary-background);
--table-border: 1px solid #333;
--table-box-shadow: var(--content-box-shadow);
 
/* Tabs */
--tabview-background: var(--primary-background);
--tabview-bar-color: #333;
--tabview-border: none;
--tabview-button-background: transparent;
--tabview-button-border: none;
--tabview-button-selected-background: var(--primary-background);
--tabview-button-selected-color: var(--text-color);
--tabview-button-hover-background: var(--secondary-background);
 
/* Footnotes */
--footnote-border: var(--basic-border);
--footnote-background: var(--primary-background);
 
/* Table of Contents */
--toc-border: none;
--toc-background: var(--primary-background);
--toc-box-shadow: var(--content-box-shadow);
 
/* Content Panels */
--content-panel-border-radius: var(--element-border-radius);
--content-panel-background: var(--primary-background);
--content-panel-border: none;
--content-panel-padding: 10px 20px;
--content-panel-box-shadow: var(--content-box-shadow);
--content-block-bar-background: var(--content-bar-background);
--content-block-bar-color: #777;
--content-block-box-shadow: var(--content-box-shadow);
--news-block-body-panel-background-even: #1a1c1e;
 
/* Quotes */
--blockquote-background: var(--secondary-background);
--blockquote-border: none;
--blockquote-border-radius: var(--element-border-radius);
--blockquote-padding: 1px 10px;
--blockquote-box-shadow: var(--content-box-shadow);
 
/* Image Blocks */
--image-block-caption-background: var(--content-bar-background);
--image-block-border: none;
--image-block-background: var(--primary-background);
--image-block-box-shadow: var(--content-box-shadow);
 
/* Pager */
--pager-background: var(--primary-background);
 
/* Rating Modules */
--star-rating-background: var(--primary-background);
--star-rating-border: none;
--star-rating-reading-background: #111;
--star-rating-on: url(http://rpc-wiki-pt-br.wikidot.com/common--images/jquery-raty/star-on.png);
--star-rating-half: url(http://rpc-wiki-pt-br.wikidot.com/common--images/jquery-raty/star-half.png);
--star-rating-off: url(http://rpc-wiki-pt-br.wikidot.com/common--images/jquery-raty/star-off.png);
--binary-rating-background: var(--primary-background);
--binary-rating-border: none;
 
/* Text Inputs */
--text-box-form-background: #181d22;
--text-box-form-border: 1px solid #2c3340;
 
/* Forum Threads */
--forum-thread-background: var(--primary-background);
--forum-thread-border: var(--basic-border);
--forum-thread-border-radius: var(--element-border-radius);
 
/* Forum Categories */
--forum-category-background-even: #1a1c1e;
--forum-category-background-odd: var(--primary-background);
 
/* Code Blocks */
--code-background: #111;
--code-border: var(--dashed-border);
 
/* Account Options */
--account-options-background: var(--primary-background);
--account-options-border: var(--basic-border);
 
/* Template Block */
--template-block-border: 2px solid #666;
--template-block-background: #14141a;
}
 
/* Sidebar */
#side-bar {
    position: absolute;
}
 
#side-bar .side-block {
    padding-right: calc(8.1em - 1px);
    margin-right: -8.5em;
}
 
#side-bar .heading {
    font-size: 1.2em;
    margin: 1em calc(-1em + 2px) 0.5em 0;
    font-weight: bold;
    color: var(--sidebar-header-color);
}
 
#side-bar hr {
    background-color: var(--sidebar-divider-color);
    width: 220px;
}
 
#side-bar div.menu-item a {
    transition: all 0.1s ease-in-out;
    display: block;
    margin: 0 calc(-1em - 1px) 0 -0.5em;
    padding: 0.4em 1em 0.4em 0.5em;
    font-size: 12.8px;
    color: var(--text-color);
    width: 220px;
}
 
#side-bar div.menu-item a:hover {
    background-color: var(--sidebar-hover-background);
    color: var(--sidebar-hover-color);
    text-decoration: none;
}
 
#side-bar div.menu-item p {
    margin: 0;
}
 
#side-bar .menu-item a[href="/arquivo-rpc"]::after {
    font-size: 80%;
    opacity: 0.7;
    margin-left: 0.5em;
    content: "(001-999)"
}
 
#side-bar .menu-item a[href="https://discord.gg/wkXBuxt"]::before {
    content: url('http://rpc-wiki-pt-br.wdfiles.com/local--files/nav%3Aside/discord.png');
    position: absolute;
    left: 15em;
}
 
#side-bar .menu-item a[href="https://www.reddit.com/r/TheRPCAuthority/"]::before {
    content: url('http://rpc-wiki-pt-br.wdfiles.com/local--files/nav%3Aside/reddit.png');
    position: absolute;
    left: 15em;
}
 
#side-bar .menu-item a[href="https://steamcommunity.com/groups/ORPCGP"]::before {
    content: url('http://rpc-wiki-pt-br.wdfiles.com/local--files/nav%3Aside/steam.png');
    position: absolute;
    left: 15em;
}
 
#side-bar .menu-item a[href="https://twitter.com/RPCAuthority"]::before {
    content: url ('http://rpc-wiki-pt-br.wdfiles.com/local--files/nav%3Aside/twitter.png');
    position: absolute;
    left: 15em;
}
 
#side-bar .menu-item a[href="https://www.redbubble.com/people/RPCAuthority/portfolio?asc=u"]::before {
    content: url('http://rpc-wiki-pt-br.wdfiles.com/local--files/nav%3Aside/redbubble.png');
    position: absolute;
    left: 15em;
}
 
#main-content {
    margin: 0 2em 0 21em;
    padding: 2em 2em calc(14em - 1px) 3em;
}
 
li, p {
    line-height: 141%;
}
 
/* Horizontal Rules */
hr {
    background: var(--horizontal-rule-background);
    Margin: 1em 0;
}
 
/* Links */
a {
    color: var(--link-color);
    text-decoration: none;
    background: transparent;
    transition: color 0.5s ease;
}
 
a.newpage {
    color: var(--new-page-color);
    text-decoration: none;
    background: transparent;
}
 
a:hover {
    text-decoration: underline;
    background-color: transparent;
    color: var(--link-hover-color);
}
 
.form-control {
    width: 95%;
}
 
/* Global Width */
#header, #top-bar {
    width: 90%;
    max-width: 980px;
    margin: 0 auto;
}
 
/* Header Elements */
div#container-wrap {
    background: var(--header-background) top left repeat-x;
}
 
#header {
    height: 140px;
    position: relative;
    z-index: 10;
    padding-bottom: 22px;
    background: var(--header-icon) 5px 22px no-repeat;
}
 
#search-top-box {
    position: absolute;
    top: 79px;
    right: 9px;
    width: 250px;
    text-align: right;
}
 
#search-top-box-input {
    transition: background-color 0.5s ease;
    border: var(--search-input-border);
    border-radius: 0;
    color: var(--text-color);
    background-color: var(--search-input-color);
}
 
#search-top-box-input:hover,
#search-top-box-input:focus {
    border: var(--search-input-hover-border);
    color: var(--search-input-hover-color);
    background-color: var(--search-input-hover);
}
 
#search-top-box-form input[type=submit] {
    transition: background,border,color 0.5s ease;
    border: solid 1px #999;
    border-radius: 0;
    padding: 2px 5px;
    font-size: 90%;
    font-weight: bold;
    color: var(--text-color);
    background: var(--search-button-background);
    cursor: pointer;
    height: 19px;
    position: relative;
    bottom: 1px;
}
 
#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
    border: solid 1px #fff;
    color: #fff;
    text-shadow: 0 0 1px rgba(255,255,255,.25);
    background: var(--search-button-hover-background);
}
 
#header h1 {
    margin-left: 120px;
    padding: 0;
    float: left;
    max-height: 95px;
    margin-top: 0;
    font-weight: var(--header-font-weight);
}
 
#header h2:before {
    content: var(--header-tagline-custom-text);
}
 
#header h2:before {
    font-weight: var(--header-tagline-font-weight);
    color: var(--header-tagline-color);
    font-family: var(--header-tagline-font);
}
 
#header h1 a:before {
    content: var(--header-custom-text);
}
 
#header h2 {
    margin-left: 120px;
    padding: 0;
    clear: left;
    float: left;
    font-size: 150%;
    max-height: 38px;
    letter-spacing: 1px;
}
 
#header h1 a {
    display: block;
    margin: 0;
    padding: 80px 0 25px;
    margin-left: -3em;
    padding-left: 3em;
    line-height: 0px;
    max-height: 0px;
    color: var(--header-color);
    background: transparent;
    font-family: var(--header-font);
    text-decoration: none;
    letter-spacing: 0.9px;
    font-size: 180%;
}
 
#header h1 a span {
    visibility: var(--header-text-visibility);
}
 
#header h2 span {
    display: block;
    margin: 0;
    padding: 19px 0;
    line-height: 0px;
    max-height: 0px;
    font-weight: var(--header-tagline-font-weight);
    color: var(--header-tagline-color);
    font-family: var(--header-tagline-font);
    visibility: var(--header-text-visibility);
}
 
/* Topbar */
#top-bar {
    width: 100%;
    margin: 0 auto;
}
 
.mobile-top-bar {
    display: none;
    position: absolute;
    left: 1em;
    bottom: 0px;
    z-index: 0;
}
 
#top-bar {
    position: absolute;
    z-index: 50;
    top: 140px;
    height: 21px;
    line-height: 18px;
    padding: 0;
    z-index: 20;
    font-size: 90%;
}
 
#top-bar ul {
    float: right;
}
 
#top-bar li {
    margin: 0;
}
 
#top-bar a {
    color: var(--topbar-text-color);
    background: transparent;
}
 
#top-bar ul li {
    border: 0;
    position: relative;
}
 
#top-bar ul li ul {
    border: solid 1px var(--topbar-dropdown-border-color);
    box-shadow: 0 2px 6px rgba(0,0,0,.5);
    border-top: 0;
}
 
#top-bar ul li a {
    border-left: solid 1px rgba(64,64,64,.1);
    border-right: solid 1px rgba(64,64,64,.1);
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1px;
    max-height: 1px;
    overflow: hidden;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    background: var(--topbar-dropdown-background);
    color: var(--text-color);
    border-left: var(--topbar-divider);
    border-right: var(--topbar-divider);
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-width: 0;
    width: 150px;
    line-height: 160%;
    height: auto;
    max-height: none;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--text-color);
}
 
#top-bar ul li.sfhover a:hover,
#top-bar ul li:hover a:hover {
    background: var(--topbar-hover-background);
    color: var(--text-color);
    text-decoration: none;
}
 
#top-bar ul li:hover>a {
    background: var(--topbar-hover-background);
}
 
#top-bar ul li ul {
    border-width: 0 1px 1px 1px;
    width: auto;
}
 
#top-bar ul li ul li, #top-bar ul li ul li.sfhover,
#top-bar ul li ul li, #top-bar ul li ul li:hover {
    border-width: 0;
}
 
#top-bar ul li ul li a {
    border-width: 0;
    color: #fff;
}
 
#top-bar ul li.sfhover a {
    color: var(--text-color);
}
 
.top-bar ul li:last-of-type ul {
    right: 0;
}
 
#top-bar ul {
    margin-top: 5px;
}
 
/* Content */
#main-content {
    margin: 0 2em 0 22em;
    padding: 1em;
    position: relative;
}
 
/* Parented Pages Block */
#breadcrumbs {
    margin: -1em 0 1em;
    font-weight: 85%;
}
 
/* Yui Tabs */
.yui-nav {
    border: none!important;
}
 
.yui-navset  {
    margin: 10px 0;
    box-shadow: var(--content-block-box-shadow);    
    background: var(--content-block-bar-background);
}
 
.yui-navset .yui-content {
    background-color: var(--tabview-background);
    border: var(--tabview-border)!important;
    border-top: none!important;
}
 
.yui-navset .yui-nav a, .yui-navset .yui-navset-top .yui-nav a {
    background: var(--tabview-button-background);
    color: var(--text-color);
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: var(--tabview-button-selected-background);
    color: var(--tabview-button-selected-color);
}
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: var(--tabview-button-hover-background);
}
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color: var(--tabview-bar-color);
}
 
.yui-navset li {
    line-height: normal;
}
 
.yui-nav em {
    border: var(--tabview-button-border)!important;  
    border-bottom: none!important;
}
 
.yui-nav a {
    border: none!important;
}
 
.selected em {
    border: 0px solid transparent!important;
    height: 14.5px;
}
 
/* Footer */
#footer {
    clear: both;
    font-size: 77%;
    background: var(--footer-background);
    color: var(--text-color);
    margin-top: 15px;
    padding: 3px 10px;
}
 
#footer .options {
    visibility: visible;
    display: block;
    float: right;
    width: 50%;
    font-size: 100%;
    text-align: right;
}
 
#footer a {
    color: #fff;
    background: transparent;
}
 
/* Fix Overflow */
.page-source, blockquote {
    word-wrap: break-word;
}
 
/* Custom Page Content Classes */
#page-content {
    min-height: 1200px;
    background: var(--page-background);
    padding: var(--page-padding);
    Border: var(--page-border);
    border-radius: var(--page-border-radius);
}
 
.unmargined > p {
    margin: 0;
    line-height: 100%;
    color: var(--unmargined-color);
}
 
.content-panel {
    border-radius: var(--content-panel-border-radius);
    background-color: var(--content-panel-background);
    border: var(--content-panel-border);
    padding: var(--content-panel-padding);
    margin: 10px 20px 15px 20px;
    box-shadow: var(--content-panel-box-shadow);
}
 
.content-panel.centered {
    text-align: center;
}
 
.left-column {
    float: left;
    width: 40%;
    margin: 10px 0;
}
 
.right-column {
    float: right;
    width: 40%;
    margin: 10px 0;
}
 
.info-block.left-column, .info-block.right-column, .featured-block.left-column, .featured-block.right-column {
    width: 48%;
    padding: 0;
}
 
.content-panel.content-toc {
    float: right;
    padding: 0 20px;
    white-space: nowrap;
    margin: 10px 0 15px 5px;
  }
 
.featured-title {
    font-weight: bold;
    height: 35px;
    font-size: 110%;
}
 
.news-block, .info-block {
    margin: 15px 0;
    box-shadow: var(--content-block-box-shadow);
}
 
.news-block .body-panel {
    background: var(--content-panel-background);
    padding: 10px;
}
 
.news-block .body-panel .news-date {
    color: #777;
    font-size: 80%;
}
 
.news-block .body-panel .news-content {
    margin: 10px 0px 10px 30px;
}
 
.info-block .body-panel {
    background: var(--content-panel-background);
    padding: 10px;
    font-size: 90%;
}
 
.info-block .body-panel.centered {
    text-align: center;
}
 
.header-panel {
    background: var(--content-block-bar-background);
    padding: 5px;
    font-weight: bold;
    font-size: 75%;
    color: var(--content-block-bar-color);
}
 
.footer-panel {
    background: var(--content-block-bar-background);
    padding: 5px;
    font-weight: bold;
    font-size: 75%;
    text-align: right;
    Color: var(--content-block-bar-color);
}
 
.news-block .footer-panel a {
    color: var(--primary-text-color);
}
 
.news-block .body-panel:nth-child(even) {
    background: var(--news-block-body-panel-background-even);
}
 
.featured-block {
    box-shadow: var(--content-block-box-shadow);
    margin: 15px 0;    
}
 
.featured-block .body-panel {
    background: var(--content-panel-background);
    text-align: left;
    padding: 10px;
    height: 100%;
    overflow-y: hidden;
}
 
.featured-block.left-column .body-panel, .featured-block.right-column .body-panel {
    height: 150px;
}
 
.content-block {
    box-shadow: var(--content-block-box-shadow);
    margin: 20px;    
    background: var(--content-panel-background);
    padding: 0 10px;
    border-top: 15px solid var(--content-block-bar-background);
    border-bottom: 15px solid var(--content-block-bar-background);
}
 
.content-block hr {
    border: 2px dashed var(--content-block-bar-background);
    height: 0px;
    background: none;
    margin: auto -10px;
}
 
.content-panel .content-panel, .yui-content .content-panel, .body-panel .content-panel, .content-block .content-panel,
.content-panel blockquote, .yui-content blockquote, .body-panel blockquote, .content-block blockquote,
.content-panel .yui-navset, .yui-content .yui-navset, .body-panel .yui-navset, .content-block .yui-navset {
    border: 1px solid #333;
}
 
.content-panel hr, .yui-content hr, .info-block hr, .news-block hr, .featured-block hr, blockquote hr {
    background: #333;
}
 
.clean hr {
    border: 2px dashed var(--content-bar-background);
    height: 0px;
    background: none;
    margin: auto -20px;
}
 
/* Template Block (Formatting by Dr. Pierson) */
.templateBlock {
    background: var(--template-block-background);
    border: var(--template-block-border);
    width: 450px;
    margin: 0 auto 15px auto;
    text-align: center;
    padding: 0 15px;
    Max-width: 90%;
}
 
.templateBlock img {
    max-width: 100%;
}
 
/* Tags */
.page-tags span {
    border-top: var(--tags-border);
}
 
/* Multi-Line Tags Fix */
#main-content .page-tags {
    margin: 1em 0 0;
    padding: 0;
}
 
#main-content .page-tags span {
    display: inline-block;
    padding: 0;
    max-width: 60%;
}
 
#main-content .page-tags a {
    display: inline-block;
    white-space: nowrap;
}
 
/* Hide Hidden Tags */
#main-content .page-tags a[href^="/system:page-tags/tag/_"] {
    display: none;
}
 
/* Pop-Up Text Boxes */
.modal-body > img {
    background: none;
}
 
.modal-body {
    background-color: rgba(27,33,37,0.34);
}
 
.modal-header, .owindow {
    background-color: rgba(13,16,17,0.54)!important;    
}
 
.owindow {
    border: var(--owindow-border);
}
 
/* Ruby by Nanimono Demonai */
 
.ruby, ruby {
    display: inline-table;
    text-align: center;
    white-space: nowrap;
    line-height: 1;
    height: 1em;
    vertical-align: text-bottom;
}
 
.rt, rt {
    display: table-header-group;
    font-size: 0.6em;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
}
 
/* Keycap */
.keycap {
    border: 1px solid;
    border-color: #ddd #bbb #bbb #ddd;
    border-bottom-width: 2px;
    -moz-border-radius: var(--element-border-radius);
    -webkit-border-radius: var(--element-border-radius);
    border-radius: var(--element-border-radius);
    background-color: #f9f9f9;
    padding: 1px 3px;
    font-family: inherit;
    font-size: 0.85em;
    white-space: nowrap;
}
 
/*
    2011-11-13 Minobe Hiroyuki @ Marguerite Site
    www.marguerite.jp/Nihongo/WWW/CSSTips/EmphasizeDots-CSS3.html
    Edited for the SCP Foundation by Nanimono_Demonai
*/
 
.emph {
    text-emphasis-style: dot ;
    -webkit-text-emphasis-style: dot ;
}
 
/* Account Options */
#login-status {
    font-size: 90%;
    z-index: 30;
}
 
#printuser {
    color: var(--text-color);
    background-color:transparent;
}
 
#login-status a {
    color: var(--text-color);
    background-color: transparent;
}
 
#login-status a:hover {
    color: #84b7f5;
}
 
#account-options {
    background: var(--account-options-background);
    border: var(--account-options-border);
}
 
#account-options li a:hover {
    color: #84b7f5;
}
 
#account-options a, a#account-topbutton {
    font-weight: normal;
    background-color: transparent;
}
 
#account-options #account-options, a#account-topbutton {
    background-color: transparent;
    border-style: none;
    color: var(--text-color);
}
 
sup {
    vertical-align: top;
    position: relative;
    top: -0.5em;
}
 
body {
    background: var(--body-background);
    color: var(--text-color);
    font-size: 0.80em;
  }
 
#content-wrap {
    position: relative;
    margin: 2em auto 0;
    max-width: 1040px;
    min-height:1500px;
    height: auto;
}
 
ul {
    list-style: square;
}
 
h3, h4, h5, h6, h7 {
    margin: 0.5em 0 0.4em;
    padding: 0;
    letter-spacing: 1px;
}
 
#page-title {
    color: var(--page-title-color);
    font-weight: bold;
    padding: 0 0 0.25em;
    margin: 0 0 0.6em;
    border-bottom: var(--page-title-border);
    word-wrap: break-word;
    position: relative;
    top: 1px;
}
 
blockquote {
    border: var(--blockquote-border);
    color: var(--text-color);
    background: var(--blockquote-background);
    border-radius: var(--blockquote-border-radius);
    padding: var(--blockquote-padding);
    Box-shadow: var(--blockquote-box-shadow);
  }
 
/* Standard Image Block */
.image-block {
    border: var(--image-block-border);
    width: 300px;
    box-shadow: var(--image-block-box-shadow);
    background: var(--image-block-background);
}
 
.image-block.block-right {
    float: right;
    clear: right;
    margin: 0 2em 1em 2em;
}
 
.image-block.block-left {
    float: left;
    clear: left;
    margin: 0 2em 1em 0;
}
 
.image-block.block-center {
    margin-right: auto;
    margin-left: auto;
}
 
.image-block img {
    border: 0;
    width: 300px;
}
 
.image-block .image-caption {
    background: var(--image-block-caption-background);
    border-top: var(--image-block-border);
    padding: 2px 0;
    font-size: 80%;
    font-weight: bold;
    text-align: center;
    width: 300px;
}
 
.image-block > p {
    margin: 0;
}
 
.image-block .image-caption > p {
    margin: 0;
    padding: 0 10px;
}
 
.image-block img, .image-block, .image-caption {
    max-width: 100%;
}
 
.pager .current {
    background: var(--pager-background);
    color: var(--text-color);
}
 
/* Wikidot Tables */
table.wiki-content-table {
    width: 100%;
    box-shadow: var(--table-box-shadow);
}
 
table.wiki-content-table th {
    background-color: var(--table-header-background);
    border: var(--table-border);
    color: var(--text-color);
    padding: 0.3em 0.7em;
}
 
table.wiki-content-table td {
    background-color: var(--table-cell-background);
    border: var(--table-border);
    padding: 0.3em 0.7em;
    color: var(--text-color);
}
 
.wanted-pages-module th, .page-compare th {
    background-color: var(--table-header-background);
    border: var(--table-border)!important;
    color: var(--text-color);
}
 
.wanted-pages-module td, .page-compare td {
    background-color: var(--table-cell-background);
    border: var(--table-border)!important;
}
 
/* Footnotes */
.hovertip {
    border: var(--footnote-border)!important;
    background: var(--footnote-background)!important;
  }
 
/* Table of Contents */
#toc {
    color: var(--text-color);
    border: var(--toc-border);
    background: var(--toc-background);
    Box-shadow: var(--toc-box-shadow);
}
 
/* Page Rating Module Customizations (Upvote / Downvote System) */
.page-rate-widget-box {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 2em;
    box-shadow: var(--content-block-box-shadow);
}
 
.page-rate-widget-box .rate-points {
    background-color: var(--binary-rating-background)!important;
    border: var(--binary-rating-border);
    color: var(--text-color)!important;
}
 
.page-rate-widget-box .rateup,
.page-rate-widget-box .ratedown {
    border-top: var(--binary-rating-border);
    border-bottom: var(--binary-rating-border);
}
 
.page-rate-widget-box .rateup a,
.page-rate-widget-box .ratedown a {
    background: var(--binary-rating-background);
    color: var(--link-color);
    font-weight: bold;
}
 
.page-rate-widget-box .rateup a:hover,
.page-rate-widget-box .ratedown a:hover {
    transition: background 0.5s ease;
    background: var(--text-color);
    color: var(--binary-rating-background);
    text-decoration: none;
}
 
.page-rate-widget-box .cancel {
    border: var(--binary-rating-border);
}
 
.page-rate-widget-box .cancel a {
    background: var(--binary-rating-background);
    color: var(--text-color);
    text-transform: uppercase;
    font-weight: bold;
}
 
.page-rate-widget-box .cancel a:hover {
    transition: background 0.5s ease;
    background: var(--text-color);
    color: var(--binary-rating-background);
    text-decoration: none;
}
 
 /* Page Rating Module Customizations (5 Star System) */
.rateContainer {
    width: 100%;
    text-align: right;
    height: 30px
}
 
.tableStyle {
    background: var(--star-rating-background);
    margin-right: 2em;
    display: inline-block;
    border-collapse: collapse;
    border-spacing: 0px;
    border: var(--star-rating-border);
    box-shadow: var(--content-block-box-shadow);    
}
 
.rateStyle {
    margin-right: 2em;
}
 
.starStyle {
    display: inline-block;
    padding: 2px 4px 0px 4px;
    margin: 0;
    background: var(--star-rating-background);
}
 
.cellStyle {
    display: inline-block;
    padding: 1px 4px 0px 4px;
    background: var(--content-block-bar-background);
    height: 20px;
    border: none;
}
 
.cellStyle p, .cellStyle div p {
    margin: 0;
}
 
.translationStyle {
    padding-left: 5px;
    padding-right: 5px;
    background-color: var(-star-rating-background);
}
 
.readingStyle {
    background: var(--star-rating-reading-background);
    padding: 0 3px 0 3px;
    border-left: var(--star-rating-border);
}
 
img[src="/common--images/jquery-raty/star-on.png"] {
    content: var(--star-rating-on);
}
 
img[src="/common--images/jquery-raty/star-half.png"] {
    content: var(--star-rating-half);
}
 
img[src="/common--images/jquery-raty/star-off.png"] {
    content: var(--star-rating-off);
}
 
/* Generic Buttons */
#h-perpage,
.optionstd a,
.new-post .btn,
#history-form-1 .btn-sm,
.well .btn-sm,
.change-textarea-size a,
.buttons .btn-small,
.action-area .btn-default,
.action-area .btn-primary,
.col-lg-10 .form-control,
.form-actions .btn-danger,
.buttons .btn-default,
.target a,
.buttons .btn-danger,
#edit-cancel-button,
#edit-save-button,
.button-close-message,
.button-close-window,
.button-cancel,
.button-insert-code,
#wd-ed-codewizard-type,
#wd-ed-imagewizard-position,
#wd-ed-imagewizard-uri,
#wd-ed-imagewizard-byuri .button,
#wd-ed-imagewizard-flickr,
#wd-ed-imagewizard-byflickr .button,
.query-area .button,
.button-close,
.button-rename,
.button-no\,-cancel,
.button-yes\,-delete,
#file-upload-form .btn-primary,
.button-move,
#action-area .buttons .btn-primary,
#edit-page-form .buttons .btn-info,
#view-diff-div .button,
.button-yes\,-revert,
.modal-footer .btn-danger,
.modal-footer .btn-default,
.modal-footer .btn-primary,
#mba-apply,
.yui-content .button,
.btn-warning,
#edit-meta-newtag-form div .btn,
.new-page-box .button,
#page-templates {
    border: var(--button-border)!important;  
    background: var(--button-background)!important;
    color: var(--text-color);    
}
 
#h-perpage:hover,
.optionstd a:hover,
.new-post .btn:hover,
#history-form-1 .btn-sm:hover,
.well .btn-sm:hover,
.change-textarea-size a:hover,
.buttons .btn-small:hover,
.action-area .btn-default:hover,
.action-area .btn-primary:hover,
.col-lg-10 .form-control:hover,
.form-actions .btn-danger:hover,
.buttons .btn-default:hover,
.target a:hover,
.buttons .btn-danger:hover,
#edit-cancel-button:hover,
#edit-save-button:hover,
.button-close-message:hover,
.button-close-window:hover,
.button-cancel:hover,
.button-insert-code:hover,
#wd-ed-codewizard-type:hover,
#wd-ed-imagewizard-position:hover,
#wd-ed-imagewizard-uri:hover,
#wd-ed-imagewizard-byuri .button:hover,
#wd-ed-imagewizard-flickr:hover,
#wd-ed-imagewizard-byflickr .button:hover,
.query-area .button:hover,
.button-close:hover,
.button-rename:hover,
.button-no\,-cancel:hover,
.button-yes\,-delete:hover,
#file-upload-form .btn-primary:hover,
.button-move:hover,
#action-area .buttons .btn-primary:hover,
#edit-page-form .buttons .btn-info:hover,
#view-diff-div .button:hover,
.button-yes\,-revert:hover,
.modal-footer .btn-danger:hover,
.modal-footer .btn-default:hover,
.modal-footer .btn-primary:hover,
#mba-apply:hover,
.yui-content .button:hover,
.btn-warning:hover,
#edit-meta-newtag-form div .btn:hover,
.new-page-box .button:hover,
#page-templates:hover {
    border: var(--button-border)!important;  
    background: var(--button-hover-background)!important;
    color: var(--text-color);    
    text-decoration: none;
}
 
#parent-page-name-list {
    color: #333;
}
 
#history-subarea a {
    text-transform: capitalize;
}
 
#history-subarea a:hover {
    background: none;
}
 
.highlight td {
    background-color: #121314;
}
 
.post .active td {
    background: none!important;
}
 
/* Checkboxes and Radio Buttons */
.checkbox input,
#rev-type-title,
#rev-type-all,
#rev-type-source,
#rev-type-move,
#rev-type-tags,
#rev-type-meta,
#rev-type-files,
.radio,
#\31 46126552,
#rev-type-new,
#rev-category,
#rev-perpage,
#action-area > .form input {
    filter: invert(100%);
}
 
#rev-type-new,
#rev-category,
#rev-perpage {
    outline: 0;
}
 
.btn-large,
#edit-meta-addbutton .btn-primary,
#rename-show-backlinks {
    padding: 5px;
}
 
a.action-area-close.btn.btn-danger {
    background: none;
}
 
.wd-editor-toolbar-panel {
    filter: brightness(80%);
}
 
/* Errors */
.error-inline {
    font-size: 0px;
    border: none;
}
 
.error-inline em {
    font-size: 12.8px;
    font-style: normal;
    color: var(--error-color);
}
 
.error-inline em:hover::after {
    content: 'User does not exist';
    position: absolute;
    background: var(--primary-background);
    opacity: 0.8;
    padding: 5px;
    top: 0px;
    left: 0px;
}
 
.error-block {
    border: 1px dashed var(--error-color);
    color: var(--error-color);
}
 
/* Forum Stuff */
.forum-thread-box .description-block {
    padding: .5em 1em;
    border-radius: var(--forum-thread-border-radius);
    Border: var(--forum-thread-border);
    background: var(--forum-thread-background);
    color: var(--text-color);
}
 
.well {
    padding: .5em 1em;
    border-radius: var(--forum-thread-border-radius);
    background-color: var(--forum-thread-background)!important;
    color: var(--text-color);
    border: var(--forum-thread-border)!important;
}
 
.thread-container .post .head {
    padding: 0.5em 1em;
    background-color: rgba(0,0,0,0.21);
    box-shadow: inset 2px 3px 6px rgba(0,0,0,.15);
    border-radius: 5px 5px 0 0;
}
 
.folded .short {
    background: rgba(0,0,0,0.12)!important;
}
 
.head .description {
    word-wrap: break-word;
}
 
.long .content p {
    word-wrap: break-word;
}
 
.forum-group table td {
    background: none!important;
    border: none;
    padding: 5px 1px;
}
 
.forum-group table td.name .title {
    font-weight: bold;
    margin-left: 5px;
}
 
 .action-area {
    border: var(--action-area-border);
    background: none;
}
 
.thread-container .well {
    border: var(--forum-thread-border);
    background: var(--forum-thread-background);
}
 
.forum-category-box .table {
    border: none;
}
 
.forum-group table td.name .description {
    color: var(--text-color);
    font-size: 87%;
    margin-left: 5px;
}
 
.forum-category-box table td {
    padding: 5px 10px;
    border: none;
    background: none;
}
 
/* Add some spacing below close collapsible links */
.collapsible-block-unfolded-link {
    margin-bottom: 10px;
}
 
/* Text Box Forms */
#thread-description,
#np-text,
#post-edit,
.field-header .form-wiki,
.field-content .form-wiki,
.text.form-control,
#file-comments,
.form .text,
#edit-meta-newtag-form .text,
.new-page-box .text,
#edit-page-textarea,
#edit-page-title,
#edit-page-comments,
.query-area .text,
#membership-by-apply-text,
.yui-content .text {
    background: var(--text-box-form-background);
    border:var(--text-box-form-border);
    color: var(--text-color);
}
 
.alert-info {
    background: none!important;
    border: var(--alert-info-border)!important;
}
 
.forum-start-box div.head {
    background-color: #192a44;    
    border: none;
}
 
.forum-start-box .head .title {
    text-align: center;
}
 
.head .title {
    color: rgb(181,181,181);
    word-wrap: break-word;
}
 
.head .description {
    color: rgb(181,181,181);
    text-align: center;
}
 
.forum-group table {
    border-collapse: collapse;
    border-spacing: 1px;
}
 
.forum-group .name .description {
    font-size: 0.9em;
    padding: 3px 0;
}
 
.forum-group .head .title {
    font-size: 1.1em;
}
 
.forum-category-box table {
    border-collapse: collapse;
}
 
.forum-category-box table .head td {
    background: #192a44!important;
    font-size: 1.1em;
    font-weight: bold;
}
 
.forum-category-box table tr:nth-child(even), .forum-group table tr:nth-child(even) {
     background: var(--forum-category-background-even);
}
 
.forum-category-box table tr:nth-child(odd), .forum-group table tr:nth-child(odd) {
    background: var(--forum-category-background-odd);
}
 
/* Retitle Forum Headers */
.forum-start-box .head td:nth-child(1) {
    font-size: 0px;
}
 
.forum-start-box .head td:nth-child(1):after {
    font-size: 11px;
    content: "Category Name"
}
 
.forum-start-box .head td:nth-child(4) {
    font-size: 0px;
}
 
.forum-start-box .head td:nth-child(4):after {
    font-size: 11px;
    content: "Last Post"
}
 
.forum-category-box .head td:nth-child(1) {
    font-size: 0px;
}
 
.forum-category-box .head td:nth-child(1):after {
    font-size: 11px;
    content: "Thread Name";
}
 
.forum-category-box .head td:nth-child(2) {
    font-size: 0px;
}
 
.forum-category-box .head td:nth-child(2):after {
    font-size: 11px;
    content: "Original Poster";
}
 
.forum-category-box .head td:nth-child(4) {
    font-size: 0px;
}
 
.forum-category-box .head td:nth-child(4):after {
    font-size: 11px;
    content: "Most Recent";
}
 
/* Hide Forum Signatures */
.signature {
    Display: none;
}
 
/* Show-Changes Highlights */
del {
    background: rgba(255,123,123,0.47)!important;
    text-decoration: none;
    white-space: normal!important;
}
 
ins {
    background: rgba(140,255,129,0.47)!important;    
    white-space: normal!important;
}
 
/* Code Boxes */
.code {
    background: var(--code-background);
    border: var(--code-border);
}
 
.code * {
    color: var(--text-color);
}
 
.revisions .active td {
    background: none;
}
 
.revisions td {
    padding: 2px;
}
 
.revisions .active {
    background-color: #3d3d3d;
}
 
.changes {
    color: var(--text-color);
}
 
.changes-list-item .comments {
    color: #a0a0a0;
}
 
.changes-list-item:hover {
    background: #333;
}
 
.statistics {
    color: var(--text-color);
}
 
.warning-block {
    background: #e2e25c;
}
 
.license-area {
    color: var(--text-color);
}
 
#h-perpage {
    outline: none;
}
 
.list-pages-box table {
    padding-bottom: 0.5em ;
}
 
.content-type-description-2 tr {
    background: none;
}
 
.page-history td input {
    filter: invert(97%);
}
 
/* Tooltip Localization */
.tooltip {
  position: relative;
  display: inline-block;
}
 
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  z-index: 1;
}
 
.tooltip:hover .tooltiptext {
  visibility: visible;
}
 
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
 
.tooltip .tooltiptext {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
 
.tooltip:hover .tooltiptext {
  opacity: 1;
}
 
.tooltipblue {
  position: relative;
  display: inline-block;
}
 
.image-caption-top .tooltipblue img {
    filter: invert(91%) hue-rotate(150deg);
}
 
.tooltipblue .tooltiptextblue {
  visibility: hidden;
  width: 120px;
  background-color: #2476db;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
   width: 120px;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  position: absolute;
  z-index: 1;
}
 
.tooltipblue:hover .tooltiptextblue {
  visibility: visible;
}
 
.tooltipblue .tooltiptextblue::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #2476db transparent transparent transparent;
}
 
.tooltipblue .tooltiptextblue {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
 
.tooltipblue:hover .tooltiptextblue {
  opacity: 1;
}
 
#action-area-top .preview-message {
    display: none;
}
 
/* Wider Page Editing Form */
#edit-page-form {
    margin-left: -250px;
    margin-right: -250px;
}
 
/* Image Hover Enlarge */
@media (min-width: 769px) {
 
.enlarge {
    transition: .05s;
    position: relative;
}
 
.enlarge:hover {
    transform: scale(1.5);
    transition: .05s;
    transition-delay: .2s;
    z-index: 2;
}
 
.mobileOnly {
    display: none;
}
 
.left-column hr, .right-column hr {
    border: none;
    height: 1px;
    background: var(--horizontal-rule-background);
    Margin: 1em 0;
}
 
}
 
/* Viewport */
@viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* Internet Explorer Viewport */
@-ms-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* Opera Viewport */
@-o-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* Google Chrome Viewport */
@-webkit-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* FireFox Viewport */
@-moz-viewport {
    width: device-width;
    zoom: 1.0;
}
 
/* Mobile Compatibility */
@media (max-width: 768px) {
 
.desktopOnly {
    display: none;
}
 
.content-panel.content-toc {
    float: none;
    border-radius: var(--element-border-radius);
    margin: 5px 0 5px 5px;
  }
 
.edit-page-bottomtable .alert-info {
    display: none;
}
 
.owindow {
    min-width: 80%;
    max-width: 99%;
}
 
.modal-body .table, .modal-body .table ~ div {
    float: left;
}
 
.owindow .button-bar {
    float: right;
}
 
.owindow div a.btn-primary {
    width: 100%;
    float: left;
}
 
#edit-page-form {
    margin-left: 10px;
    margin-right: 10px;
}
 
#header h2 {
font-size: 75%;
}
 
#top-bar {
    position: relative;
    top: 145px;
}
 
.side-block {
    margin-right: 0!important;
    padding-right: 0!important;
}
 
#side-bar .menu-item>a {
    padding-right: 0!important;
    padding-left: 0!important;
}
 
.mobile-top-bar ul li:last-of-type ul {
    right: 0;
}
 
span, a {
    word-break: break-all;
}
 
/* Hide Search Button Input */
#search-top-box-input {
    display: none;
}
 
/* Relocate Search Button */
#header .button {
    position: relative;
    top: 27px;
    left: 18px;
}
 
#page-content {
    font-size: 0.9em;
}
 
#main-content {
    margin: 0;
}
 
#header, .mobile-top-bar {
    max-width: 100%;
}
 
#side-bar {
    width: 80%;
    position: relative;
}
 
.top-bar {
    display: none;
}
 
.mobile-top-bar {
    display: block;
    padding: 0;
}
 
.page-options-bottom a {
    padding: 0 4px;
}
 
#header h1 a {
    font-size: 85%;
}
 
blockquote {
    margin: 1em 0;
}
 
#header {
    background-position: 0 5.5em;
    background-size: 60px;
}
 
#header h1, #header h2 {
    margin-left: 66px;
}
 
#header a span {
    position: relative;
    top: 10px;
}
 
table.form td, table.form th {
    float: left;
}
 
td.name {
    width: 15em;
}
 
table.form td, table.form th {
    padding: 0;
}
 
#edit-page-title {
    max-width: 90%;
}
 
.left-column, .right-column  {
    width: 100%;
    float: none;
    padding: 0;
    margin: 10px 0;
}
 
#page-content div, #page-content div table {
    clear: both;
}
 
#page-content div.title {
    word-break: keep-all;
}
 
.page-history tbody tr td:last-child {
    width: 35%;
}
 
.yui-navset {
    z-index: 1;
}
 
#navi-bar, #navi-bar-shadow {
    display: none;
}
 
.open-menu a {
    position: fixed;
    top: 0.5em;
    left: 0.5em;
    z-index: 15;
    font-family: 'Nanum Gothic', san-serif;
    font-size: 30px;
    font-weight: 700;
    width: 30px;
    height: 30px;
    line-height: 0.9em;
    text-align: center;
    border: var(--sidebar-mobile-open-menu-border);
    background: var(--sidebar-mobile-open-menu-background)!important;
    border-radius: 0.3em;
    color: var(--sidebar-mobile-open-menu-color)!important;
    transition: all 0s ease 0s;
}
 
.open-menu a:hover {
    text-decoration: none!important;
    color: var(--link-color)!important;
    border: solid var(--link-color);
    transition: all 0s ease 0s;
}
 
#main-content {
    max-width: 90%;
    margin: 0 5%;
    padding: 0;
}
 
#side-bar {
    display: block;
    position: fixed;
    top: 0;
    left: -25em;
    width: 17em;
    height: 100%;
    background: var(--sidebar-mobile-background);
    overflow-y: auto;
    z-index: 10;
    padding: 1em 1em 0 1em;
    -webkit-transition: left 0.5s ease-in-out 0.1s;
    -moz-transition: left 0.5s ease-in-out 0.1s;
    -ms-transition: left 0.5s ease-in-out 0.1s;
    -o-transition: left 0.5s ease-in-out 0.1s;
    transition: left 0.5s ease-in-out 0.1s;
}
 
#side-bar:after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
 
}
 
#side-bar:target {
    display: block;
    left: 0;
    width: 17em;
    margin: 0;
    border: 1px solid #dedede;
    z-index: 10;
}
 
#side-bar:target + #main-content {
    left: 0;
}
 
#side-bar:target .close-menu {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3) 1px 1px repeat;
    z-index: -1;
}
 
.image-block {
    Margin: 10px 0!important;
    float: none!important;
}
 
.image-block, .image-caption, .image-block img {
    width: 100%!important
}
 
.tableStyle {
    margin-right: 0;
}
 
.featured-block.left-column .body-panel, .featured-block.right-column .body-panel {
    height: 100%;
}
 
.featured-block.left-column, .featured-block.right-column {
    width: 100%;
}
 
.content-block {
margin: 5px 0px;
}
 
.content-panel {
Margin: 5px 0px;
}
 
}
- Black Supremacy Code
+ Formatacão Exemplar
- Formatação Exemplar
Example Image Block
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Fold
Table of Contents
Content Panel
Clean Content Panel
Content Panel
Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
h1

h2

h3

h4

h5

header	header	header
cell-content	cell-content	cell-content
cell-content	cell-content	cell-content
Real Link
Dead Link
Header
Date
News-block
Date
News-block
Date
News-block
Header
Featured-block
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Header
Info-block
Content-block
Footnote¹