<commit_before>/* global CSS values */

/* index of selectors
 * 
 * global stuff ~17
 * board banners ~135
 * index features ~533
 * catalog ~438
 * 
 * 
 * 
 * 
 * 
 * 
 */

/* global rules to override any browser CSS and to set global values */
.small {
    font-size: 75%;
}

h3, p, label {
    margin: 0.25em 0;
}

/*input, textarea {
    margin: 0.25em;
}*/

hr {
    height: 1px;
    color: #e9edf3;
}

a {
    color: #34345c;
}

u {
    text-decoration: underline;
}

s {
    text-decoration: line-through;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

/* import resources here; external CSS, fonts, etc */
    
/* body styles, inherited by whole page */
body {
    color: #000;
    background: linear-gradient(#dde2f9, #f9faff) fixed;
    font-family: arial, helvetica, sans;
    font-size: 100%;
    margin: 0px;
}

/* header and nav / top of page styles */
header {
    width: 50%;
    margin: 3em auto 0 auto;
    text-align: center;
}

nav {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #d6daf0;
    border-bottom: 1px solid #34345c;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

nav a {
    display: inline-block;
    text-decoration: none;
    font-size: 70%;
    margin: 0 0.2em 0 0.2em;
    float: left;
}

nav span {
    display: inline-block;
    text-decoration: none;
    font-size: 70%;
    margin: 0 0.2em 0 0.2em;
    float: left;
}

#navLinkHome:before {
    font-family: FontAwesome;
    content: "\f015";
    margin-right: 0.25em;
}

#navBoardList:before {
    font-family: FontAwesome;
    content: "\f02c";
    margin-right: 0.25em;
}

#linkOverboard:before, #navOverboard:before {
    font-family: FontAwesome;
    content: "\f069";
    margin-right: 0.25em;
}

#navPosting:before {
    font-family: FontAwesome;
    content: "\f128";
    margin-right: 0.25em;
}

/* board list */
.boardsHeader {
    font-size: 150%;
}

#boardsWrapper {
    width: 80%;
    margin: 1em auto 1em auto;
}

#divBoards {
    margin: 1em auto 0.5em auto;
}

#divBoards .col1 {
    width: 15%;
}

#divBoards .col2 {
    width: 20%;
}

#divBoards .col3 {
    width: 10%;
}

#divBoards .col4 {
    width: 10%;
}

#divBoards .col5 {
    width: 10%;
}

#divBoards .col6 {
    width: 25%;
}

.boardsCell, #boardsCellHeader {
    width: 100%;
    margin: 0.25em 0 0.25em 0;
}

.boardsCell:nth-of-type(odd) span {
    background-color: #d6daf0;
}

.boardsCell span {
    display: inline-block;
    text-overflow: ellipsis;
    text-decoration: none;
    padding: 0.25em;
    margin: 0.05em;
}

#boardsCellHeader span {
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid #000333;
    background-color: #98e;
}

.search {
    margin: 1em 0 1em 0;
}

.search form {
    display: inline-block;
}

#divPages {
    display: inline-block;
    margin-left: 1em;
}

#divPages a {
    text-decoration: none;
    padding: 0 0.25em;
}

/* board banner */
.boardHeader p {
    color: #af0a0f;
}

.boardHeader p#labelName {
    font-size: 200%;
}

.boardHeader p#labelDescription {
    font-size: 100%;
}

.boardHeader a {
    font-size: 75%;
    display: inline-block;
    text-decoration: none;
}

#modeBanner {
    color: #fff;
    background-color: #e04000;
    text-align: center;
    margin: 1em;
}

#modeBanner h3 {
    font-size: 95%;
}

/* post new thread */
#postBox {
    margin: 1em auto;
    padding: 0.5em;
    text-align: center;
}

#postBox table {
    width: 100%;
    font-size: 75%;
}

#postBox textarea {
    width: 100%;
    height: 8em;
}

.form-post {
    margin: auto;
    display: inline-block;
}

#postBox table tr div {
    display: inline;
}

.form-post td {
    text-align: left;
    padding: 0.1em;
}

.form-post th {
    text-align: left;
    padding: 0 1em 0 0.5em;
}

.form-post th {
    background-color: #98e;
}

.spoilerCheckbox, #flagsDiv {
    display: inline-block;
}

#postBox #captchaDiv {
    text-align: left;
}

/* thread/post report and management form */
.contentAction, #transferControls, #ipDelete {
    clear: both;
    margin-top: 2em;
    background-color: #d6daf0;
    border-color: #B7C5D9;
    border-width: medium 1px 1px medium;
    border-style: none solid solid none;
    padding: 0.5em;
    margin: 2em 0 1em 1em;
    float: left;
}

#threadReport label, #threadReport img, .contentAction label, .contentAction img, #transferControls, #ipDelete {
    display: block;
}

#threadReport label.checkbox {
    display: inline-block;
}

#transferControls, #ipDelete {
    margin: 1em;
}

.buttonBox {
    margin-top: 0.5em;
}

#divControls input, #divControls label {
    display: inline-block;
}

/* thread pages */
.threadPages {
    margin: 1em auto;
    width: 40em;
    text-align: center;
}

.threadPages a {
    padding: 0.5em;
    font-size: 150%;
    text-decoration: none
}

/* thread list, some elements are in the post section */
#threadList {
    margin: 1em;
    font-size: 75%;
}

#panelMessage {
    margin: 1em;
}

#divMessage {
    text-align: center;
}

/* posts */
.divPosts {
    margin: 1em 0;
}

.postCell {
    margin: 0.25em 0;
}

.innerPost, .markedPost {
    background-color: #D6DAF0;
    display: inline-block;
    overflow: hidden;
    padding-right: 0.25em;
    max-width: 100%;
    border-color: #B7C5D9;
    border-width: medium 1px 1px medium;
    border-style: none solid solid none;
}

.markedPost {
    background-color: #D6BAD0;
}

.linkName {
    font-weight: bold;
    color: #0F0C5D;
}

.linkName:hover {
    color: #ff0000;
}

.noEmailName, .noEmailName:hover {
    color: #117743;
}

.quoteLink {
    color: #ff0000;
}

.linkSelf {
    color: #000;
    text-decoration: none;
}

.linkSelf:hover {
    color: #ff0000;
}

.linkQuote {
    color: #000;
    text-decoration: none;
}

.linkQuote:hover {
    color: #ff0000;
}

.labelSubject {
    color: #0F0C5D;
    font-weight: bold;
}

.labelRole {
    color: #ff0000;
    font-weight: bold;
}

.divMessage {
    margin-left: 3em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    word-wrap: break-word;
}

.divBanMessage {
    color: #ff0000;
    font-weight: bold;
    margin-top: 1em;
    margin-left: 1em;
    font-size: 120%;
}

.uploadCell {
    margin: 0.25em 1em 0.25em 0.5em;
    float: none;
}

.uploadCell img {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

.multipleUploads .uploadCell {
    float: left;
}

.uploadDetails {
    margin-bottom: 0.5em;
}

.opCell {
    clear: left;
}

.panelIp, .panelProxyIp {
    margin: 0.25em 1em 0.25em 0.5em;
}

#divControls {
    margin: 1em;
}

.panelBacklinks a {
    padding-left: 0.5em;
}

.hideLink {
    vertical-align: top;
}

.aa {
    font-family: Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
    display: block !important;
    font-size: 12pt;
    line-height: 1.1;
}

.labelLastEdit {
  margin-top: 0.75em;
  margin-left: 0.75em;
}

.contentOmissionIndicator {
    margin: 1em 0;
}

.labelOmission {
    margin-top: 0.5em;
    margin-left: 0.5em;
}

/* this is the preview box */
#panelContent {
    font-size: 75%;
}

/* markdown */
.greenText {
    color: #789922;
}

.redText {
    color: #AF0A0F;
    font-weight: bold;
    font-size: 125%;
}

span.spoiler {
    background: #000;
    color: #000;
    padding: 0 1px;
}

.spoiler:hover {
    color: #000;
    background-color: #d6daf0;
}

/* refresh timer */
.divRefresh {
    display: block;
    float: left;
    clear: both;
    margin: 0 0 0 1em;
    padding: 0;
    height: 1.5em;
}

.divRefresh label, .divRefresh input {
    display: inline-block;
    margin: 0;
}

/* catalog */

/* this is important since the catalog cell container shares the same id as the actual threads container on other pages */
.catalogDiv {
    width: 95%;
    margin: 1em auto;
}

#catalogId {
    text-align: center;
    margin: 1.5em 0 1em 0;
    font-size: 150%;
}

.red {
    color: #af0a0f;
}

.linkThumb img {
    max-height: 128px;
    max-width: 128px;
}

.catalogCell {
    float: left;
    width: 10em;
    text-align: center;
    padding: 0.25em;
    height: 14em;
    overflow: hidden;
    background-color: rgba(182, 182, 182 ,0.12);
    margin: 0.1em;
    border: 2px solid rgba(111, 111, 111, 0.34);
}

.catalogCell .divMessage {
    margin: 0;
    font-size: 75%;
}

.catalogCell .labelSubject {
    font-size: 75%;
}

.threadStats {
    font-size: 75%;
}

.lockIndicator:before {
    font-family: FontAwesome;
    content: "\f023";
}

.pinIndicator:after {
    font-family: FontAwesome;
    content: "\f08d";
}

.cyclicIndicator:after {
    font-family: FontAwesome;
    content: "\f021";
}

/* archive pages */
#archiveThreadList, #archiveBoardList {
    margin: 1em;
}

#archiveThreadList div, #archiveBoardList div {
    margin: 0.25em 0;
}

/* static pages */
#help {
    margin: 2em;
}

.marker {
    font-weight: bolder;
}

/* index page */
#topBox {
    width: 70%;
    margin: 2.5em auto 1em auto;
    border: 1px solid #34345c;
    background-color: #d6daf0;
    padding: 0.5em;
}

#topBox p {
    display: inline-block;
    font-size: 80%;
    vertical-align: top;
    margin: 1em
    padding: 0.5em;
}

#topBox img {
    width: 10em;
}

#indexWrapper {
    width: 70%;
    margin: 1em auto;
    padding: 0.5em;
}

#innerWrapper {
    width: 78%;
    float: right;
    padding-right: 0.5em;
}

#newsBox {
    border: 1px solid #34345c;
    background-color: #d6daf0;
    width: 100%;
    padding: 0.5em 0 0.5em 0.5em;
}

#links {
    padding: 0.5em 0.5em 0.5em 0.5em;
    font-size: 75%;
    display: inline-block;
}

#links a {
    text-decoration: none;
}

#linkLogs:before {
    font-family: FontAwesome;
    content: "\f05e";
    margin-right: 0.25em;
}

#linkArchives:before {
    font-family: FontAwesome;
    content: "\f187";
    margin-right: 0.25em;
}

#linkAccount:before {
    font-family: FontAwesome;
    content: "\f013";
    margin-right: 0.25em;
}

#linkGlobalRules:before {
    font-family: FontAwesome;
    content: "\f128";
    margin-right: 0.25em;
}

#linkFaq:before {
    font-family: FontAwesome;
    content: "\f129";
    margin-right: 0.25em;
}

.topBoards {
    border: 1px solid #34345c;
    background-color: #d6daf0;
    width: 100% !important;
    margin: 1em 0 1em 0 !important;
    padding: 0.5em 0 0.5em 0.5em;
}

.topBoards h3 {
    margin-bottom: 0.25em;
}

.topBoards br {
    margin-bottom: 0.5em;
}

#divLatestPosts {
    border: 1px solid #34345c;
    background-color: #d6daf0;
    width: 100%;
    margin: 1em 0 1em 0;
    padding: 0.5em 0 0.5em 0.5em;
    overflow: hidden;
}

#divLatestPosts div {
    margin: 0.25em 0;
}

#divLatestImages {
    float: left;
    max-width: 20%;
    padding: 0.5em;
    margin: 0 1em 1.5em auto;
    border: 1px solid #34345c;
    background-color: #d6daf0;
    text-align: center;
}

#divLatestImages div {
    max-width: 100%;
}

/* CSS for pages that deal with site and account settings and bans */
.settings {
    margin: 1em;
    width: 40%;
    border: 1px solid #b7c5d9;
    padding: 0.5em;
}

label {
    display: block;
}

.banners {
    margin: 1em;
    width: auto;
    padding: 0.5em;
}

.settings textarea {
    display: block;
    height: 5em;
}

.settings hr {
    height: 1px;
    color: #e9edf3;
}

input.wide, textarea.wide {
    width: 90%;
}

#redirect, #maint, #hashBan {
    text-align: center;
}

#divSolvedCaptcha {
    font-size: 125%;
}

#labelCaptchaId {
    color: #ff0000;
}

#rules {
    text-align: center;
}

#divRules {
    margin: 1em auto;
}

/* footer styles */
footer {
    width: 100%;
    clear: both;
    margin-top: 2em;
    text-align: center;
    background-color: #d6daf0;
    padding: 0.25em 0 0.25em 0;
}

footer a, footer p {
    margin: 0 0.5em 0.5em 0.5em;
    text-decoration: none;
    
}

/* this has to go down here to override anything above it */
.hidden {
    display: none;
}
<commit_msg>fixed stuff with multiple images and forcing messages to go beneth the images<commit_after>/* global CSS values */

/* index of selectors
 * 
 * global stuff ~17
 * board banners ~135
 * index features ~533
 * catalog ~438
 * 
 * 
 * 
 * 
 * 
 * 
 */

/* global rules to override any browser CSS and to set global values */
.small {
    font-size: 75%;
}

h3, p, label {
    margin: 0.25em 0;
}

/*input, textarea {
    margin: 0.25em;
}*/

hr {
    height: 1px;
    color: #e9edf3;
}

a {
    color: #34345c;
}

u {
    text-decoration: underline;
}

s {
    text-decoration: line-through;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

/* import resources here; external CSS, fonts, etc */
    
/* body styles, inherited by whole page */
body {
    color: #000;
    background: #EEF2FF url("/fade-blue.png") repeat-x scroll 50% 0%;
    font-family: arial, helvetica, sans;
    font-size: 100%;
    margin: 0px;
}

/* header and nav / top of page styles */
header {
    width: 50%;
    margin: 3em auto 0 auto;
    text-align: center;
}

nav {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #d6daf0;
    border-bottom: 1px solid #34345c;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

nav a {
    display: inline-block;
    text-decoration: none;
    font-size: 70%;
    margin: 0 0.2em 0 0.2em;
    float: left;
}

nav span {
    display: inline-block;
    text-decoration: none;
    font-size: 70%;
    margin: 0 0.2em 0 0.2em;
    float: left;
}

#navLinkHome:before {
    font-family: FontAwesome;
    content: "\f015";
    margin-right: 0.25em;
}

#navBoardList:before {
    font-family: FontAwesome;
    content: "\f02c";
    margin-right: 0.25em;
}

#linkOverboard:before, #navOverboard:before {
    font-family: FontAwesome;
    content: "\f069";
    margin-right: 0.25em;
}

#navPosting:before {
    font-family: FontAwesome;
    content: "\f128";
    margin-right: 0.25em;
}

/* board list */
.boardsHeader {
    font-size: 150%;
}

#boardsWrapper {
    width: 80%;
    margin: 1em auto 1em auto;
}

#divBoards {
    margin: 1em auto 0.5em auto;
}

#divBoards .col1 {
    width: 15%;
}

#divBoards .col2 {
    width: 20%;
}

#divBoards .col3 {
    width: 10%;
}

#divBoards .col4 {
    width: 10%;
}

#divBoards .col5 {
    width: 10%;
}

#divBoards .col6 {
    width: 25%;
}

.boardsCell, #boardsCellHeader {
    width: 100%;
    margin: 0.25em 0 0.25em 0;
}

.boardsCell:nth-of-type(odd) span {
    background-color: #d6daf0;
}

.boardsCell span {
    display: inline-block;
    text-overflow: ellipsis;
    text-decoration: none;
    padding: 0.25em;
    margin: 0.05em;
}

#boardsCellHeader span {
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid #000333;
    background-color: #98e;
}

.search {
    margin: 1em 0 1em 0;
}

.search form {
    display: inline-block;
}

#divPages {
    display: inline-block;
    margin-left: 1em;
}

#divPages a {
    text-decoration: none;
    padding: 0 0.25em;
}

/* board banner */
.boardHeader p {
    color: #af0a0f;
}

.boardHeader p#labelName {
    font-size: 200%;
}

.boardHeader p#labelDescription {
    font-size: 100%;
}

.boardHeader a {
    font-size: 75%;
    display: inline-block;
    text-decoration: none;
}

#modeBanner {
    color: #fff;
    background-color: #e04000;
    text-align: center;
    margin: 1em;
}

#modeBanner h3 {
    font-size: 95%;
}

/* post new thread */
#postBox {
    margin: 1em auto;
    padding: 0.5em;
    text-align: center;
}

#postBox table {
    width: 100%;
    font-size: 75%;
}

#postBox textarea {
    width: 100%;
    height: 8em;
}

.form-post {
    margin: auto;
    display: inline-block;
}

#postBox table tr div {
    display: inline;
}

.form-post td {
    text-align: left;
    padding: 0.1em;
}

.form-post th {
    text-align: left;
    padding: 0 1em 0 0.5em;
}

.form-post th {
    background-color: #98e;
}

.spoilerCheckbox, #flagsDiv {
    display: inline-block;
}

#postBox #captchaDiv {
    text-align: left;
}

/* thread/post report and management form */
.contentAction, #transferControls, #ipDelete {
    clear: both;
    margin-top: 2em;
    background-color: #d6daf0;
    border-color: #B7C5D9;
    border-width: medium 1px 1px medium;
    border-style: none solid solid none;
    padding: 0.5em;
    margin: 2em 0 1em 1em;
    float: left;
}

#threadReport label, #threadReport img, .contentAction label, .contentAction img, #transferControls, #ipDelete {
    display: block;
}

#threadReport label.checkbox {
    display: inline-block;
}

#transferControls, #ipDelete {
    margin: 1em;
}

.buttonBox {
    margin-top: 0.5em;
}

#divControls input, #divControls label {
    display: inline-block;
}

/* thread pages */
.threadPages {
    margin: 1em auto;
    width: 40em;
    text-align: center;
}

.threadPages a {
    padding: 0.5em;
    font-size: 150%;
    text-decoration: none
}

/* thread list, some elements are in the post section */
#threadList {
    margin: 1em;
    font-size: 75%;
}

#panelMessage {
    margin: 1em;
}

#divMessage {
    text-align: center;
}

/* posts */
.divPosts {
    margin: 1em 0;
}

.postCell {
    margin: 0.25em 0;
}

.innerPost, .markedPost {
    background-color: #D6DAF0;
    display: inline-block;
    overflow: hidden;
    padding-right: 0.25em;
    max-width: 100%;
    border-color: #B7C5D9;
    border-width: medium 1px 1px medium;
    border-style: none solid solid none;
}

.markedPost {
    background-color: #D6BAD0;
}

.linkName {
    font-weight: bold;
    color: #0F0C5D;
}

.linkName:hover {
    color: #ff0000;
}

.noEmailName, .noEmailName:hover {
    color: #117743;
}

.quoteLink {
    color: #ff0000;
}

.linkSelf {
    color: #000;
    text-decoration: none;
}

.linkSelf:hover {
    color: #ff0000;
}

.linkQuote {
    color: #000;
    text-decoration: none;
}

.linkQuote:hover {
    color: #ff0000;
}

.labelSubject {
    color: #0F0C5D;
    font-weight: bold;
}

.labelRole {
    color: #ff0000;
    font-weight: bold;
}

.divMessage {
    margin-left: 3em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    word-wrap: break-word;
}

.divBanMessage {
    color: #ff0000;
    font-weight: bold;
    margin-top: 1em;
    margin-left: 1em;
    font-size: 120%;
}

.uploadCell {
    margin: 0.25em 1em 0.25em 0.5em;
    float: none;
}

.uploadCell img {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

.multipleUploads .opUploadPanel, .multipleUploads .panelUploads {
    float: left;
    width: 100%;
}

.multipleUploads .uploadCell {
    float: left;
}

.uploadDetails {
    margin-bottom: 0.5em;
}

.opCell {
    clear: left;
}

.panelIp, .panelProxyIp {
    margin: 0.25em 1em 0.25em 0.5em;
}

#divControls {
    margin: 1em;
}

.panelBacklinks a {
    padding-left: 0.5em;
}

.hideLink {
    vertical-align: top;
}

.aa {
    font-family: Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
    display: block !important;
    font-size: 12pt;
    line-height: 1.1;
}

.labelLastEdit {
  margin-top: 0.75em;
  margin-left: 0.75em;
}

.contentOmissionIndicator {
    margin: 1em 0;
}

.labelOmission {
    margin-top: 0.5em;
    margin-left: 0.5em;
}

/* this is the preview box */
#panelContent {
    font-size: 75%;
}

/* markdown */
.greenText {
    color: #789922;
}

.redText {
    color: #AF0A0F;
    font-weight: bold;
    font-size: 125%;
}

span.spoiler {
    background: #000;
    color: #000;
    padding: 0 1px;
}

.spoiler:hover {
    color: #000;
    background-color: #d6daf0;
}

/* refresh timer */
.divRefresh {
    display: block;
    float: left;
    clear: both;
    margin: 0 0 0 1em;
    padding: 0;
    height: 1.5em;
}

.divRefresh label, .divRefresh input {
    display: inline-block;
    margin: 0;
}

/* catalog */

/* this is important since the catalog cell container shares the same id as the actual threads container on other pages */
.catalogDiv {
    width: 95%;
    margin: 1em auto;
}

#catalogId {
    text-align: center;
    margin: 1.5em 0 1em 0;
    font-size: 150%;
}

.red {
    color: #af0a0f;
}

.linkThumb img {
    max-height: 128px;
    max-width: 128px;
}

.catalogCell {
    float: left;
    width: 10em;
    text-align: center;
    padding: 0.25em;
    height: 14em;
    overflow: hidden;
    background-color: rgba(182, 182, 182 ,0.12);
    margin: 0.1em;
    border: 2px solid rgba(111, 111, 111, 0.34);
}

.catalogCell .divMessage {
    margin: 0;
    font-size: 75%;
}

.catalogCell .labelSubject {
    font-size: 75%;
}

.threadStats {
    font-size: 75%;
}

.lockIndicator:before {
    font-family: FontAwesome;
    content: "\f023";
}

.pinIndicator:after {
    font-family: FontAwesome;
    content: "\f08d";
}

.cyclicIndicator:after {
    font-family: FontAwesome;
    content: "\f021";
}

/* archive pages */
#archiveThreadList, #archiveBoardList {
    margin: 1em;
}

#archiveThreadList div, #archiveBoardList div {
    margin: 0.25em 0;
}

/* static pages */
#help {
    margin: 2em;
}

.marker {
    font-weight: bolder;
}

/* index page */
#topBox {
    width: 70%;
    margin: 2.5em auto 1em auto;
    border: 1px solid #34345c;
    background-color: #d6daf0;
    padding: 0.5em;
}

#topBox p {
    display: inline-block;
    font-size: 80%;
    vertical-align: top;
    margin: 1em
    padding: 0.5em;
}

#topBox img {
    width: 10em;
}

#indexWrapper {
    width: 70%;
    margin: 1em auto;
    padding: 0.5em;
}

#innerWrapper {
    width: 78%;
    float: right;
    padding-right: 0.5em;
}

#newsBox {
    border: 1px solid #34345c;
    background-color: #d6daf0;
    width: 100%;
    padding: 0.5em 0 0.5em 0.5em;
}

#links {
    padding: 0.5em 0.5em 0.5em 0.5em;
    font-size: 75%;
    display: inline-block;
}

#links a {
    text-decoration: none;
}

#linkLogs:before {
    font-family: FontAwesome;
    content: "\f05e";
    margin-right: 0.25em;
}

#linkArchives:before {
    font-family: FontAwesome;
    content: "\f187";
    margin-right: 0.25em;
}

#linkAccount:before {
    font-family: FontAwesome;
    content: "\f013";
    margin-right: 0.25em;
}

#linkGlobalRules:before {
    font-family: FontAwesome;
    content: "\f128";
    margin-right: 0.25em;
}

#linkFaq:before {
    font-family: FontAwesome;
    content: "\f129";
    margin-right: 0.25em;
}

.topBoards {
    border: 1px solid #34345c;
    background-color: #d6daf0;
    width: 100% !important;
    margin: 1em 0 1em 0 !important;
    padding: 0.5em 0 0.5em 0.5em;
}

.topBoards h3 {
    margin-bottom: 0.25em;
}

.topBoards br {
    margin-bottom: 0.5em;
}

#divLatestPosts {
    border: 1px solid #34345c;
    background-color: #d6daf0;
    width: 100%;
    margin: 1em 0 1em 0;
    padding: 0.5em 0 0.5em 0.5em;
    overflow: hidden;
}

#divLatestPosts div {
    margin: 0.25em 0;
}

#divLatestImages {
    float: left;
    max-width: 20%;
    padding: 0.5em;
    margin: 0 1em 1.5em auto;
    border: 1px solid #34345c;
    background-color: #d6daf0;
    text-align: center;
}

#divLatestImages div {
    max-width: 100%;
}

/* CSS for pages that deal with site and account settings and bans */
.settings {
    margin: 1em;
    width: 40%;
    border: 1px solid #b7c5d9;
    padding: 0.5em;
}

label {
    display: block;
}

.banners {
    margin: 1em;
    width: auto;
    padding: 0.5em;
}

.settings textarea {
    display: block;
    height: 5em;
}

.settings hr {
    height: 1px;
    color: #e9edf3;
}

input.wide, textarea.wide {
    width: 90%;
}

#redirect, #maint, #hashBan {
    text-align: center;
}

#divSolvedCaptcha {
    font-size: 125%;
}

#labelCaptchaId {
    color: #ff0000;
}

#rules {
    text-align: center;
}

#divRules {
    margin: 1em auto;
}

/* footer styles */
footer {
    width: 100%;
    clear: both;
    margin-top: 2em;
    text-align: center;
    background-color: #d6daf0;
    padding: 0.25em 0 0.25em 0;
}

footer a, footer p {
    margin: 0 0.5em 0.5em 0.5em;
    text-decoration: none;
    
}

/* this has to go down here to override anything above it */
.hidden {
    display: none;
}

{'fraction_non_alphanumeric': 0.14178036045140643, 'fraction_numerical': 0.05625736904160351, 'mean_word_length': 2.52987514863258, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4965460', 'n_tokens_mistral': 10382, 'n_tokens_neox': 9330, 'n_words': 2299}