CSS Here

- Thanks to all I stole or learned this coding from. If I run across where I “found” it from, I’ll add credits but much thanks to the community at large in the CSS Beta Disccusion thread.




/* See-through Text Boxes*/
.adventure-log-show .post-date,
.campaign-public-layout .wiki-page,
.character-index.campaign-public-layout .character-list-item,
.campaign-public-layout #character-details,
.campaign-public-layout .adventure-log-post,
.campaign-landing-show .campaign-landing-page-container,
.campaign-public-layout .section,
.campaign-public-layout.wiki-pages-edit section.main-section,
.campaign-public-layout.characters-edit section.main-section,
.campaign-public-layout .post-main,
body.campaign-public-layout .post-main.post-section,
.campaign-public-layout .post-section.post-main,
.campaign-maps-new section.main-section,
.campaign-dashboard-layout .calendar-module-container,
.character-quick-select .character-results,
.row.forum-page-header,
section.main-section,
main.main-content,
.campaign-settings .campaign-metadata
{background-color: transparent;}

/* Dark Purple-ish Backgrounds*/
.campaign-calendar-index .sidebar,
.adventure-log-show .post-header-container,
.item-show .main-content section,
div.row.content-row,
main.main-content,
.campaign-forum-manage .forum-main-body,
.campaign-settings .gray-back,
.character-index.campaign-public-layout .character-quick-search,
.character-quick-select .character-results .quick-select-character .character-meta,
.item-index.campaign-public-layout .character-quick-search,
.campaign-forum-index ul.subforums-and-topics li.subforum
{background-color:#230F67;}

/* Dark Grey*/
.large-4,
.campaign-calendar-index .sidebar,
.campaign-dashboard-layout #wrapper,
.campaign-dashboard-layout .stream-module-container,
.campaign-dashboard-layout .forum-module-container,
.campaign-public-layout.wiki-pages-edit section.main-section,
.campaign-public-layout.characters-edit section.main-section,
.adventure-log-module,
.campaign-settings .gray-back,
.campaign-settings .menu-item,
.adventure-log-show .post-header,
.adventure-log-show .post-comments,
.wiki-page-quick-select .wiki-results,
.reveal-modal.reveal-small,
.campaign-public-layout .center-column,
body.campaign-public-layout .post-section.post-gm-only,
body.campaign-public-layout .post-section.post-player-secret,
.reveal-modal,
.campaign-search-page #tag-library,
.row.forum-page-header,
section.main-section,
.campaign-search-page .result.stripe,
.campaign-forum-index .posts-section
{background-color: #1F221F; border-collapse: separate;}

/* Black Page Elements – may need to make dark gray*/
.campaign-search-page #search-results,
.campaign-search-page #center-column,
.campaign-dashboard-layout #main-footer,
.preview-content,
.section-header,
.campaign-forum-index .topics-section
{background-color:black;}

/* Settings Page adjustments*/
.module-container,
.stream-module-container,
.campaign-settings .menu-item
{border: 2px Solid Black;}

.campaign-dashboard-layout .arrow {Display: None;}
.campaign-settings #settings-nav {border-collapse: separate;}

/* Main Site-wide Text Color*/
.campaign-public-layout .main-content,
div.content,
td,
li,
ol,
#main-footer ul li a,
p { color: seashell;}

/* Most Link Colors*/
.main-content a,
.modal-container a,
.sidebar a,
a,
a.tag-link
{color: #af71b3;}

/* Colors all links to an address with /characters/ in the address Yellow*/
a:visited[href*=\/characters\/]{color:yellow;}
/* Colors all links to an address with /items/ in the address Blue*/
a:visited[href*=\/items\/]{color:#00CCFF;}
/* Colors all links to an address with /wkis/ in the address Green*/
a:visited[href*=\/wikis\/]{color:green;}

/* Center Line Breaks*/
hr {margin-left: 10%; margin-right: 10%;}

/* Pop Uncreated Page Links*/
.main-content a.create-wiki-page-link
{color: red;}

/* Button Text*/
.button {color: white !important;}

/* Headers*/
.campaign-link,h1,h2,h3,h4,h5,h6
{color:darkviolet !important;}

/* LIGHT ON DARK TEXT BOXES */
textarea,
.post-gm-only input[type=‘text’],
.post-gm-only input[type=‘email’],
.post-gm-only input[type=‘password’],
.post-gm-only input[type=‘tel’],
.post-gm-only textarea,
#gm-secrets input[type=‘text’],
#gm-secrets input[type=‘email’],
#gm-secrets input[type=‘password’],
#gm-secrets input[type=‘tel’],
#gm-secrets textarea,
.secret-section input[type=‘text’],
.secret-section input[type=‘email’],
.secret-section input[type=‘password’],
.secret-section input[type=‘tel’],
.secret-section textarea,
.wiki-page-filter-box[type=‘text’],
.wiki-page-filter-box input[type=‘email’],
.wiki-page-filter-box input[type=‘password’],
.wiki-page-filter-box input[type=‘tel’],
.wiki-page-filter-box textarea,
.campaign-settings #advanced-settings .flat-field,
.character-filter-box input[type=‘text’],
.character-filter-box input[type=‘email’],
.character-filter-box input[type=‘password’],
.character-filter-box input[type=‘tel’],
.character-filter-box textarea
{background-color: black !important; color: seashell;}

textarea:focus,
.post-gm-only input[type=‘text’]:focus,
.post-gm-only input[type=‘email’]:focus,
.post-gm-only input[type=‘password’]:focus,
.post-gm-only input[type=‘tel’]:focus,
.post-gm-only textarea:focus,
#gm-secrets input[type=‘text’]:focus,
#gm-secrets input[type=‘email’]:focus,
#gm-secrets input[type=‘password’]:focus,
#gm-secrets input[type=‘tel’]:focus,
#gm-secrets textarea:focus,
.secret-section input[type=‘text’]:focus,
.secret-section input[type=‘email’]:focus,
.secret-section input[type=‘password’]:focus,
.secret-section input[type=‘tel’]:focus,
.secret-section textarea:focus,
.wiki-page-filter-box[type=‘text’]:focus,
.wiki-page-filter-box input[type=‘email’]:focus,
.wiki-page-filter-box input[type=‘password’]:focus,
.wiki-page-filter-box input[type=‘tel’]:focus,
.wiki-page-filter-box textarea:focus,
.campaign-settings #advanced-settings .flat-field:focus,
.character-filter-box input[type=‘text’]:focus,
.character-filter-box input[type=‘email’]:focus,
.character-filter-box input[type=‘password’]:focus,
.character-filter-box input[type=‘tel’]:focus,
.character-filter-box textarea:focus
{background-color: darkblue !important; color: white;}

/* Makes Sidebar semi-transparent background*/
.campaign-public-layout #sidebar
{Background-color: rgba(31, 34, 47, .3);}

/* 2 Columns on page /
.dual-columns {
-webkit-column-count: 2; /
Chrome, Safari, Opera /
-moz-column-count: 2; /
Firefox /
column-count: 2;
-webkit-column-gap: 40px; /
Chrome, Safari, Opera /
-moz-column-gap: 40px; /
Firefox /
column-gap: 40px;
-webkit-column-rule-style: solid; /
Chrome, Safari, Opera /
-moz-column-rule-style: solid; /
Firefox */
column-rule-style: solid;
}

CSS Here

A Parade of Black weasel0