iGlass

Please note that this code has been updated for post-Reforge. The code below reflects what is currently displayed on this campaign as of 5/28/2014. It should be compatible with current versions of IE, Firefox, Chrome, Safari, and Opera as of that date, but has not been fully fleshed out and tested for compatibility with older browsers.

This template uses the Google Font “Jura”.

If you discover any problems, fixes, or improvements, please do not hesitate to contact me.


/* REMOVES "HIGHLIGHTS" AND SPACE ABOVE BANNER */
.campaign-public-layout .highlight-container {display:none;}
.campaign-public-layout #campaign-summary-row .row {opacity: 0.0; height: 0px}

/* TOP BAR HOVER TRANSPARENCY */
#top-bar {opacity: 0.5; transition: all 0.3s ease-in-out;}
#top-bar:hover {opacity: 1; transition: all 0.3s ease-in-out;}

/* HOVER TRANSITION */
.campaign-public-layout #content:hover a {transition: all 0.3s ease-in-out;}

/* RESTORE PREFORGE LINK COLORS AND BEHAVIOR */
#content a {font-family: 'Jura';}
#content .icon-edit, #content .revisions-link {font-family: 'pictonic' !important;}
#content a:link {color:darkslateblue;text-decoration:none;text-shadow: 0em 0em 1em aliceblue, 0em 0em 1px black;}
#content a:visited {color:darkslateblue;text-decoration:none;text-shadow: 0em 0em 1em aliceblue, 0em 0em 1px black;}
#content a:hover {color:lightskyblue;text-decoration:none;text-shadow: 0em 0em 1em aliceblue, 0em 0em 1px black, 0em 0em 2em aliceblue;}
#content a:active {color:darkslateblue;text-decoration:none;text-shadow: 0em 0em 1em aliceblue, 0em 0em 1px black;}
#content a:link.create-wiki-page-link {color:firebrick;text-decoration:none;text-shadow: 0em 0em 1em aliceblue, 0em 0em 1px black;}
#content a:visited.create-wiki-page-link {color:firebrick;text-decoration:none;text-shadow: 0em 0em 1em aliceblue, 0em 0em 1px black;}
#content a:hover.create-wiki-page-link {color:red;text-decoration:none;text-shadow: 0em 0em 1em aliceblue, 0em 0em 1px black, 0em 0em 2em aliceblue;}
#content a:active.create-wiki-page-link {color:firebrick;text-decoration:underline;text-shadow: 0em 0em 1em aliceblue, 0em 0em 1px black;}

/* CONTENT AREA BACKGROUND */
.campaign-public-layout .main-content-container {background-color: rgba(240,248,255,0.5) !important; box-shadow: 0em 0em 1em 0em aliceblue, inset 0em 0em 1em lightskyblue;}
.campaign-public-layout .campaign-landing-page-container, .campaign-public-layout .section, .campaign-public-layout .post-main, .campaign-public-layout .post-main.post-section, .campaign-public-layout .post-section.post-main, .campaign-public-layout .front-nav-container, .campaign-public-layout .sidebar, .campaign-public-layout .filter-container {background-color:transparent !important;}
.campaign-public-layout #sidebar .module, .campaign-public-layout #sidebar .game-master, .campaign-public-layout #sidebar [class^="sidebar-"] {background-color: rgba(240,248,255,0.5); box-shadow: 0em 0em 1em 0em aliceblue, inset 0em 0em 1em lightskyblue; border-top: none;}
.campaign-public-layout #sidebar .campaign-stream-module, .campaign-public-layout #sidebar .game-master, .campaign-public-layout #sidebar [class*="-count-"]{background-color: transparent !important; box-shadow: none;}
.collapsable-nav-row .full-width.main-content-container {background-color: rgba(240,248,255,0.5) !important; box-shadow: 0em 0em 1em 0em aliceblue, inset 0em 0em 1em lightskyblue;}
.collapsable-nav-row .full-width.campaign-landing-page-container, .collapsable-nav-row .full-width.section, .collapsable-nav-row .full-width.post-main, .collapsable-nav-row .full-width.post-main.post-section, .collapsable-nav-row .full-width.post-section.post-main, .collapsable-nav-row .full-width.front-nav-container, .collapsable-nav-row .full-width.sidebar {background-color:transparent !important;}
section.main-section {background-color: transparent !important;}
.campaign-public-layout #campaign-nav {background-color: rgba(240,248,255,0.5) !important; box-shadow: 0em 0em 1em 0em aliceblue, inset 0em 0em 1em lightskyblue;}
.collapsable-nav-row  #campaign-nav {background-color: rgba(240,248,255,0.5) !important; box-shadow: 0em 0em 1em 0em aliceblue, inset 0em 0em 1em lightskyblue;}
body.campaign-public-layout .title {border-bottom: hidden;}
.sidebar-last-updated .updated-by-container .who, .sidebar-last-updated .revisions-link-container {background-color: transparent !important;}
body.campaign-public-layout .post-gm-only.post-section {background-color: rgba(240,248,255,0.5); box-shadow: inset 0em 0em 1em aliceblue, 0em 0em 1em lightskyblue;}

/* TEXT GLOW */
.campaign-public-layout {text-shadow: 0em 0em 1em aliceblue, 0em 0em 0.1em black;}
.campaign-public-layout p {text-shadow: 0em 0em 1em aliceblue, 0em 0em 1px black; font-family: 'Jura'; text-align:justify;}
.campaign-public-layout  code {color: black;}

/* RESTORES PREFORGE TABLE FUNCTIONALITY */
#content table {background-color: transparent; border-style: none;}
#content tr:nth-child(even) {background-color: transparent;}

/* ADVENTURE LOG */
.adventure-log-index .post-date, .adventure-log-index .adventure-log-new-container, .adventure-log-index .post-content {background-color: transparent;}
.adventure-log-index .overflow-fade-out {display: none;}
.adventure-log-show .post-header-container, .adventure-log-show .post-comments {background-color: transparent;}
.adventure-log-index-filter ul .active {background-color: rgba(240,248,255,0.5); box-shadow: inset 0em 0em 1em aliceblue, 0em 0em 1em lightskyblue;}
 .adventure-log-index .adventure-log-post {background-color: rgba(240,248,255,0.5); box-shadow: inset 0em 0em 1em aliceblue, 0em 0em 1em lightskyblue;}

/* CHARACTER AND ITEM LAYOUTS */
.campaign-public-layout.character-index .character-quick-search, .campaign-public-layout.item-index .character-quick-search {background-color: transparent;}
.campaign-public-layout.character-index .character-list-item, .campaign-public-layout.item-index .character-list-item {background-color: transparent;}
.character-show .main-content section {background-color: transparent;}
.adventure-log-index-filter .filter-header {background-color: transparent;}

/* MAP INDEX */
.campaign-map-index .map-placard, .campaign-map-index #selected-map-container {background-color: transparent !important;}

/* TEXT HEADERS */
.campaign-public-layout h1, .campaign-public-layout h2, .campaign-public-layout h3, .campaign-public-layout h4, .campaign-public-layout h5, .campaign-public-layout bq {font-family: 'Jura';}
.campaign-public-layout h1 {font-size: 200%;}
.campaign-public-layout h2 {font-size: 175%;}
.campaign-public-layout h3 {font-size: 150%;}
.campaign-public-layout h4 {font-size: 125%;}
.campaign-public-layout h5 {font-size: 120%;}
.campaign-public-layout .title {font-size: 250%;}
.campaign-public-layout pre {overflow: auto;}
.campaign-public-layout blockquote {border-left: transparent; font-style: italic; font-family: 'Jura'; box-shadow: inset 2em 0em 1em -2em lightskyblue, -1em 0em 1em -1em aliceblue; }
.campaign-public-layout blockquote p {color: dimgray;}

/* TABLE SETTINGS */
table {margin: 0px auto;}
.campaign-public-layout th {font-size: 120%; font-weight: bold; font-family:'Jura';}

/* ADDITIONAL TRANSPARENCY ON SEARCH PAGE */
.campaign-search-page #center-column {background-color:transparent;}
.campaign-search-page #tag-library {background-color:transparent;}
.campaign-search-page #search-results {background-color:transparent;}
.campaign-search-page .stripe.result {background-color:transparent;}

/* HORIZONTAL RULE COLOR AND STYLE */
hr {clear:none; color: transparent; background-color: transparent; border: 1px solid transparent; box-shadow: 0em 0em 1em lightskyblue;}

/* WHITE ON DARK TEXT BOXES */
textarea {background-color: white; color: dimgray;}
.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 {background-color: white; color: dimgray;}
.campaign-settings #advanced-settings .flat-field {background-color: white; color: dimgray;}
textarea:focus {background-color: dimgray; color: white;}
.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 {background-color: dimgray; color: white;}
.campaign-settings #advanced-settings .flat-field:focus {background-color: dimgray; color: white;}

/* SMALL TEXT */
#content small {color: black;}

/* SIZE OF PREVIEW WINDOWS */
.reveal-modal {width: 840px; left: 68%;}

/* NO ICONS OR TEXT OVER CHARACTER PORTRAITS */
.character-show .character-avatar .frame a, .item-show .character-avatar .frame a {display: none; }

/* GET RID OF EXTRA LINES */
body.campaign-public-layout .title {border-bottom: 1px solid black;}
.campaign-public-layout .sidebar-last-updated {border-top: none;}

/* GM SECTION */
body.campaign-public-layout .post-gm-only.post-section {background-color: rgba(0,0,0,0.1); border: 1px solid black}

/* I WOULD RECOMMEND PUTTING YOUR CUSTOM CSS BELOW THIS LINE */

iGlass

Outremer Basileus Basileus