Project Crossover

Link to article: Project Crossover.

Module Styles

• .content-panel .content-type-title > p {
    margin: 0;
  }
  .content-panel .content-type-title {
    font-size: 120%;
    font-weight: bold;
    padding: 5px 20px;
    background-color: #666;
    color: #fff;
    border-radius: 8px 8px 0 0;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.8),
      inset 0 15px 1px rgba(255,255,255,.2),
      inset 0 15px 10px rgba(255,255,255,.2);
  }
  .content-panel .content-type-description {
  padding: 0 20px;
  text-align: justify;
  }
  .content-panel.content-row .content-type-description {
  padding: 5px 20px;
  }
  .content-panel.content-row .content-type-description-2 {
  padding: 0 20px;
  text-align: justify; 
  }

Inline Styles

• padding: 5px 15px;

• width: 100%;

• font-weight: bold; color: #fff; background-color: #666;

• padding: 0 2px; width: 50%;

• padding: 0 2px; width: 25%; text-align: center;

• padding: 0 2px; text-align: center;

• vertical-align: top;

• vertical-align: top; text-align: center;

• vertical-align: top; text-align: left;

Includes

• component:listpages-table

CSS Classes

• content-panel

• standalone

• content-row

• content-type-description-2

• content-type-description

Page Source

[[module CSS]]
.content-panel .content-type-title > p {
  margin: 0;
}
.content-panel .content-type-title {
  font-size: 120%;
  font-weight: bold;
  padding: 5px 20px;
  background-color: #666;
  color: #fff;
  border-radius: 8px 8px 0 0;
  box-shadow: inset 0 1px 1px rgba(255,255,255,.8),
    inset 0 15px 1px rgba(255,255,255,.2),
    inset 0 15px 10px rgba(255,255,255,.2);
}
.content-panel .content-type-description {
padding: 0 20px;
text-align: justify;
}
.content-panel.content-row .content-type-description {
padding: 5px 20px;
}
.content-panel.content-row .content-type-description-2 {
padding: 0 20px;
text-align: justify; 
}
[[/module]]

[[div class="content-panel standalone content-row"]]
[[div style="padding: 5px 15px;"]]
[[=]]
//So, the SCP Foundation is quickly becoming, if it is not already, a "thing" on the internets. However, there is one more step we must take before we become a full-out "thing."//

//Terrible crossover fanfiction.//

//This is your challenge: write a crossover fanfiction between the SCP Foundation and any other fictional universe of your choice. It can be hilarious, tongue-in-cheek, or deadly serious, just as long as it is well-written. Extra points scored for "crackiest" crossover.//

//That is all.//
//~Clef//
[[/=]]
[[/div]]
[[div class="content-type-description-2"]]

[[table style="width: 100%;"]]
[[row style="font-weight: bold; color: #fff; background-color: #666;"]]
[[cell style="padding: 0 2px; width: 50%;"]]
Page
[[/cell]]
[[cell style="padding: 0 2px; width: 25%; text-align: center;"]]
Date Created
[[/cell]]
[[cell style="padding: 0 2px; text-align: center;"]]
Author
[[/cell]]
[[/row]]
[[/table]]

[[/div]]

[[div class="content-type-description"]]

[[module ListPages order="created_at desc" tags="project-crossover, -hub" prependLine="[[include component:listpages-table]]" perPage="300" appendLine="[[/table]]" separate="false"]]
[[row]]
[[cell style="vertical-align: top;"]]
%%title_linked%%
[[/cell]]
[[cell style="vertical-align: top; text-align: center;"]]
%%created_at%%
[[/cell]]
[[cell style="vertical-align: top; text-align: left;"]]
%%created_by_linked%%
[[/cell]]
[[/row]]
[[/module]]

[[/div]]
@@@@
[[/div]]