Bortas
Hey gang, I'm really new to the OP CSS game, and CSS in general. I apologize if this has been asked.The closest I could find to my answer was Kallak's thread: http://forums.obsidianportal.com/comments.php?DiscussionID=2951&page=1
I'd like to have my character page automatically divided into 3 sections, Players, NPCS, Deceased. Any ideas?
Comments
The really hack way that I can think of can organize your characters into 3 groups. For the first group (Lets say PC’s), put a space in front of their names. This will put them in order at the beginning of the list. Don’t do anything special for the second group. For the last group, use Alt-255 at the beginning of their name. This will look like a space, but alphabetically, comes after all of the other letters. (Literally, just hold down the [Alt] key, hit [2] [5] [5], and release the [Alt] key.) And now your characters will be somewhat organized…ish!
There won't be any true separation with these groups (unless you put in some blank separator characters or something?), but at least they'll be somewhat ordered like you want.
-Thorvaldr
DM of "Tyellador:":https://tyellador.obsidianportal.com/ "CotM April '14":http://blog.obsidianportal.com/tyellador-april-cotm-14/
- Kallak
Check out what Kallak "pulled off":https://dangerous-kalamar-4.obsidianportal.com/wikis/characters he talks a lot about menu reorganizing, but not much about that part.
-bort
PS: Great campaign, I love your Player Point system, and great work on the custom graphics!
Campaign of the Year - 2018
Campaign of the Year - 2018
For example, a simple set up with green "PC" tags and red "Deceased" tags (my tags are normally blue, so these colors stand out):
@.character-index.campaign-public-layout #content a[data-tag="PC"] {color: springgreen; font-weight: bold;}
.character-index.campaign-public-layout #content a[data-tag="Deceased"] {color: firebrick; font-weight: bold;}@
You could add as many tags and colors as you like, or you could make certain tags not display, etc... Just copy the line and change the "data-tag" and "color" values.
"Dresden Files: Twin Cities":https://dresden-files-twin-cities.obsidianportal.com/
/*CHARACTERS (& ITEMS)*/
/*Make GM only characters slightly transparent*/
.character-list-item.gm-only {opacity:0.6; }
/*Make GM only characters opaque on hover*/
.character-list-item.gm-only:hover {opacity:1; }
/*Change border on GM, Character, and NPCs*/
.character-list-item.gm-only {border-width: 2px; border-style: dotted; border-color: #333333;}
.character-list-item.npc {border-width: 2px; border-style: solid; border-color: #333333;}
.character-list-item {border-width: 2px; border-style: double; border-color: #b22a24;}
Looks cool.
Just trying to help out.
Find this line in "Kallak's":http://forums.obsidianportal.com/comments.php?DiscussionID=2951&page=1 code: @.character-index .character-list-item .character-info {text-align:center !important; border:3px solid black;background-size:178px, 178px; background-repeat:no-repeat; height:178px !important; width:178px !important;}@
Replace it instead with these three lines: @.character-index .character-list-item.gm-only .character-info {text-align:center !important;border:3px solid red !important;background-size:178px, 178px; background-repeat:no-repeat; height:178px !important; width:178px !important;}
.character-index .character-list-item.npc .character-info {text-align:center !important;border:3px solid black;background-size:178px, 178px; background-repeat:no-repeat; height:178px !important; width:178px !important;}
.character-index .character-list-item .character-info {text-align:center !important;border:3px solid yellow;background-size:178px, 178px; background-repeat:no-repeat; height:178px !important; width:178px !important;}
@
This will provide a nice bright yellow outline around PCs, and a red outline around GM only characters, "as an example.":https://morwindl.obsidianportal.com/characters
Aside from that, Thorvaldr's suggestion about hidden characters in the name to force a sort has been a simple workaround that I've been using until now.
-bort
"Morwindl":http://morwindl.obsidianportal.com
Campaign of the Year - 2018
On the character one, to give it a slightly bolder, raised look to each character.
-bort
"Morwindl":http://morwindl.obsidianportal.com
Campaign of the Year - 2018
Unconquered Kingdoms, July 2016 CotM