http://i.imgur.com/bTPnVeL.png

Is there anything I can do to fix this?

I have constructed a number of characters using the dynamic character sheets for my campaign, some of these characters are however currently secret from the players. Now the problem comes that I would like to reveal these characters as the players meet them, but withhold the statistical information that comes with the Dynamic Sheet.

So what I am looking for is a way to reveal just an NPC's Description and Bio, while having the dynamic character sheet hidden until they know the character better.

Many thanks in advance,

~Irigan

Here is the code I'm using.

.adventure-log-index .post-header-container {background-color:transparent;}

.adventure-log-index .adventure-log-post  {background-color:transparent;}

.post-date {background-color:#724e1c;}

.adventure-log-post{background-image:url('https://db4sgowjqfwig.cloudfront.net/campaigns/146844/assets/644352/Parchment2.jpg?1474767530'); background-repeat:no-repeat; background-size: 100%; box-shadow: 0em 0em 1em 0em black;}   

The line bolded is not working.

some of the css I wrote and others I found from other forum posts.  I'm not sure where they found the class adventure-log-index as looking at the code I couldn't find that.  Some of the other classes I wasn't seeing looking at the source so if anyone knows a cheat sheet of classes that are used but not in the code I'd love to be pointed in the direction on how to find that.  

Talking about not finding that class I cannot alter the wiki pages because of this.  

.wiki-index .post-header-container {background-color:transparent;}

.wiki-index .wiki-post  {background-color:transparent;}

The 2 lines above do not work to get rid of the white background behind them.  I tried using the adventure-log lines just altering adventure-log to wiki thinking it may be the name of the page type but that wasn't it.

I was hoping on a youtube tutorial on stylizing the pages but only minecraft comes up when searching.  I've done a decent amount of css but I have always been able to make my own classes or ids to stylize so this is a little more difficult for me.

Thanks in advance.

PROBLEM

Trying to load an image of a statblock into a character. 

Link: https://eotethemethariannebula.obsidianportal.com/characters/revas-throne

Why is it not displaying the actual image?

Is there a basic User's Manual out there?

I've spent about 5hrs on this thing and have about four pictures and five minimal pages for all that effort. I'm about to throw in the towel and put the time towards actual gaming. 

Here is the code I tried

input[name="description"] {

 background-image:url("https://db4sgowjqfwig.cloudfront.net/campaigns/146844/assets/644067/Parchment.png?1474698791");

}

Obsidian portal did not like the this and deleted it all.  Instead of using the input command I've tried both .description & #description as well to see if name acts as an id or class instead.  I've never worked with the name attribute as I only really deal with HTML5 and CSS3.  So any help to get either thing on here to work would be great.  I just need some code that works on my site.  Since the code I find other people use for adding or tweaking images doesn't work for me.  i did manage to tweak my character page with some code I found but again the images did not work so I deleted the code since it didn't fully work for me.

I've tried 

.op-icon-book-wiki::before {   content:url("https://db4sgowjqfwig.cloudfront.net/campaigns/116780/assets/640266/Tree.png";); }

I saw in the forums one guy used to replace the icon next to wiki with the imaged link.  It saves on my css area but doesn't show any changes when I view my site.

Any help is greatly appriciated.  

Thank you.

I invited my RL players to the campaign page I am building. I had built placeholders for their characters until they accepted my invitation. Once they had, I gave them ownership of their character write-up.

One of them tells me he can not only edit his page, but our NPC's as well And he just texted me to let me know he is able to edit the homepage and wiki pages as well.

Is this a bug, or do I need to assign myself as the owner of every page individually?

Help!

I've been experiencing some odd behavior that I wanted to ask about.

The first: I wanted a link to my campaign's wiki page from my front page. By all appearances my wiki page is "main-page" but when I do a link like [[main-page | wiki]] it wants to link to wikis/main-page/new instead of wikis/main-page -- is there a way to fix this other than making it a straight hardcoded URL?

The second: I'm getting some formatting weirdness with nested lists.In the wysiwig editor I just have a bullet then some subbullets and it looks correct. When I 'preview' it also looks correct. When I save though I get a "<br>" tag between my first and second <ul>. That is, in WYSIWIG's source window and preview I get this:

<ul>
<li>
ipso
<ul><li>facto</li></ul>
</li>
</ul>

And after saving I get this:

<ul>
<li>
ipso
<br>
<ul><li>facto</li></ul>
</li>
</ul>

... Which makes no sense to me whatsoever. What's going on!?

Thanks!

-bort

https://sol-ascendant.obsidianportal.com/

And the relevant CSS:

/* BANNER GLOW ANIMATION */
.campaign-public-layout #banner-container {background-image: url('http://db4sgowjqfwig.cloudfront.net/campaigns/144441/assets/622144/banner_back_glow.png?1469867436'); -webkit-animation: smallglow 1s infinite; animation: smallglow 1s infinite; background-position: center center; background-size: cover;}
.campaign-public-layout #banner-container .campaign-banner-image {-webkit-animation: bigglow 10s infinite; animation: bigglow 10s infinite;}
@-webkit-keyframes bigglow {
  0%, 100%  { -webkit-filter: saturate(1); -webkit-filter: contrast(1); }
  50% { -webkit-filter: saturate(3); -webkit-filter: contrast(3);}
}
@keyframes bigglow {
  0%, 100%  { filter: saturate(1); filter: contrast(1);}
  50% { filter: saturate(3); filter: contrast(3); }
}
@-webkit-keyframes smallglow {
  0%, 100%  { -webkit-filter: saturate(1); -webkit-filter: contrast(1); }
  50% { -webkit-filter: saturate(1.1); -webkit-filter: contrast(1.1);}
}
@keyframes smallglow {
  0%, 100%  { filter: saturate(1); filter: contrast(1);}
  50% { filter: saturate(1.1); filter: contrast(1.1); }
}

I do fly tying for fishing, so i have some experience in working with small objects.

Q: Am I allowed to have custom tags in my custom CCS or am I only allowed to overwrite the styles on existing tags?

The reason I ask is

1) I have received an error at times saying "The following errors occurred: Custom css Invalid or disallowed characters in the CSS. We do not allow Javascript or other advanced CSS, just the basics." when I tried to add a custom style such as div.item-description-text {}

Am I doing something wrong or are there certain attribute / class names that can't be used?

I'm trying to input a bit of my own code into OP. I plug in my CSS, create a new page, click the 'source' button for the editor, paste in my html, click the 'source' button again, and it looks just like I want it to. I save the edits, and the page looks nothing at all like I've planned. I have a feeling it has to do with CSS specificity, which I really struggle with.

Any experts care to lend a hand? FYI: it is webkit based code, which means Chrome/Safari but not firefox.

Code in action in real world: http://bortas.net/test.html

Code in action on OP: https://bortstester.obsidianportal.com/

HTML:

<ul id="posters">
   <li>
      <img src="https://db4sgowjqfwig.cloudfront.net/campaigns/67984/assets/634547/Poster_-_Amalia.jpg" alt="Amalia" width="275"/>
      <div class="poster_info">
         <h3>Amalia Siannodel</h3>
         <p align="justify">Mystic elven archer from the village of Ornthalas, deep in the Eldur Mountains.</p>
         <a href="http://morwindl.obsidianportal.com/characters/amalia" title="Amalia">More info</a>
      </div>
   </li>
</ul>

CSS:

/* BEGIN Posters */
/* Basic list things. */
#posters
   { list-style:none; margin:100px 0; height:550px; }
 
/* List items. Take note of the -perspective property. We assign the transform-style to make the info element tranform correctly with the parent. transition is used for animation. */
#posters li
   { display:inline; float:left;
   -webkit-perspective: 500; -webkit-transform-style: preserve-3d;
   -webkit-transition-property: perspective; -webkit-transition-duration: 0.5s; }
   
/* When hovering, we change the perspective. Since this property is defined in the transition, it'll animate accordingly. */
#posters li:hover
   { -webkit-perspective: 5000; }
 
/* We use the tranform property to enhance the 3d effect, making it rotated. We also add some shadows here, just to add even more depth. Also, for the image, we capture the rotateY event to be animated (transition) */
#posters li img
   { border:5px solid #fcfafa; -webkit-transform: rotateY(30deg); z-index:999;
   -moz-box-shadow:0 3px 10px rgba(0,0,0,0.5); -webkit-box-shadow:0 3px 10px rgba(0,0,0,0.5);
   -webkit-transition-property: transform; -webkit-transition-duration: 0.5s; }
 
/* Rotate back when hovering the parent element */
#posters li:hover img
   { -webkit-transform: rotateY(0deg); }
 
/* Poster info box specifications */
.poster_info { 
margin:-195px 0 0 55px;
padding:20px;
width:200px;
height:180px;
position:absolute;
background: #fffaaa;
background-image: url('https://db4sgowjqfwig.cloudfront.net/campaigns/67984/assets/424298/parch3.jpg');
background-size: 100% 100%;
box-shadow:0 20px 40px 2px rgba(0,0,0,0.5);
-webkit-transform: translateZ(30px) rotateY(30deg);
-webkit-transition-property: transform, box-shadow, margin; -webkit-transition-duration: 0.5s;
z-index: 100;}
 
/* Animate everything to their 2d state when hovering the parent. */
#posters li:hover .poster_info {
-webkit-transform: rotateY(0deg); box-shadow:0 10px 20px 1px rgba(0,0,0,0.5); 
margin:-175px 0 0 30px;
}
 
/* Some basic CSS for the poster info */
.poster_info h3 { color:#7a3f3a; font-variant: small-caps; font-family:Georgia,serif,Times; text-align:center; padding-bottom:15px; }
.poster_info p { padding-bottom:15px; }
.poster_info a { background-color:#7a3f3a; padding:5px 10px; color:#eee; text-decoration:none; display:block; text-align:center; margin:0 auto;
   -moz-border-radius:5px; -webkit-border-radius:5px; }
.poster_info a:hover, .poster_info a:focus { background-color:#6a191f; color:#fff; }

/* END Posters */

Thanks for any help you can provide,

-bort

Appreciate any feedback. Is it because we dint write in the Wiki page? We chose to write in the log for chronological order.

Best regards,

Caligula

Is there a way to create a floating "stickied" back-to-top image link on Obsidian Portal? The tutorials I've seen on-line all seem to require Java in the CSS, which apparently isn't allowed. Any tips would be appreciated. THanks in advance!

1.  You can delete the field while editing.  After you save, it will still be there anyway.

2.  When you click the X to delete a field, it deletes the field below it instead.  After you save, it will still be there anyway.

3.  The X button in edit mode simply does nothing.



The system also randomly inserted a few fields in the middle of one that we were working on that just say "null".

I wanted to check before submitting a ticket, in case this is already a known issue.  Thanks!

We roleplay in a custom setting that my husband and I created. We have a couple of decades of info that we want to turn into a manageable wiki. We have an entire world book floating around, with custom classes, races, continents, etc, we're just looking for a way to make it easier to manage and navigate for us and our players. Is this a tool that's robust enough for that? 

Thanks for your input!

Any tips to get me started in the right direction would be greatly appreciated. 

I've tried to update player's character that utilizes Pathfinder Character Sheet by: jvsulliv but due to unknown causes to me all data of this sheet has been lost.

I'm have Ascendant user access - how can I revert changes for this character back? For ordinary NPCs (w/o char sheet) I see this option in lower right part of their info, but for this character I don't see anything? 

Can please someone help me on this?

I enter information in the boxes and click the little "ok" button, and see the changes there while I'm editing. Then I save the character, and look at it, and none of those changes are present.

How do I make changes to the dynamic style sheet and save those changes? 

I've been having problems with my character sheet where parts of the data I enter get deleted. This has happened several times with the most recent time my entire charms section got erased.

I was adding a new charm and it saved. I went back to add in the rollover text, which worked ok. Then when I went to look at another character sheet and back to my charms, they were all deleted. 

Has anyone else had these problems or know? I'm not too excited about adding in all that data once again.

Thanks,

Nicole

Note on my pages that I have an effect that fades the pics slightly so they look "old" on ye olde parchment background until you hover over them. The code I use for that is this, and I can't remember who I ripped that off from.

/* IMAGE STYLING */
.main-content img {filter: sepia(25%) opacity(80%); transition: all 0.3s ease-in-out;}
.main-content img:hover {filter: sepia(0%) opacity(100%); transition: all 0.3s ease-in-out;}
.main-content a img:hover {filter: sepia(0%) opacity(100%); transition: all 0.3s ease-in-out;}
.main-content img usemap:hover {filter: sepia(0%) opacity(100%); transition: all 0.3s ease-in-out;}

I think the last line was my last attempt to solve the problem I'm asking about right now and currently does nothing. That is,  my image maps behave like images, in that they pop to 100% opacity when you hover over them, except when you hover over a link within the image. And to me that just seems dumb. I want the image maps to either a) stay faded unless you hover over a link) or b) be faded until you hover over them and then become say 95% opaque, and then pop to 100% when you hover over a link. Is there any way I can make them behave?

PS: Bonus if I can get the maps on my map page to be an exception to all my image fading nonsense entirely. I can't seem to make them an exception to the rule.