WolfLord
Alright, I find myself missing the old characters page layout from before the reforge. It is more condensed this way but me and my players preferred it before. It just doesn't seem as clean now. and It doesn't show the whole picture for some of the characters, AND when you do click on a character their main picture is off floating to the side instead of bigger and on the page, also miss the old version. Do others agree? Or are there any CSS ways to get it more like before without too much fuss? Just wondering if anyone else shares these concerns.
"Avatar: Conquest of the Imperial Order":https://avatar_adventures.obsidianportal.com/
"Duskreign’s Favorite CotM January 2012":http://www.obsidianportal.com/campaign/wyrmshadow/wikis/012012
"CotM November 2011":http://blog.obsidianportal.com/november-11-campaign-of-the-month-avatar-conquest-of-the-imperial-order/?utm_source=rss&utm_medium=rss&utm_campaign=november-11-campaign-of-the-month-avatar-conquest-of-the-imperial-order
Comments
@.character-avatar {display:none;}
.character-portrait {float:left;padding:0 10px 10px 0;}
@
Under description (or bio if that's where you want it) put:
first and the other words will float around it. You can find the portrait URL by checking the pages source code (you can do a search for "character-avatar" and it should be under that div). Looks like the portraits remain at the same size you upload them as, so it shouldn't be shrunk.
Alternately, if you just want to un-constrain the width of the character portrait on the right sidebar, you can use: @.character-avatar img {width:auto !important; max-width:none;}@
If you want the character list page to be more like it was, this is what I can up with:
@/*PUT ALL CHARACTERS IN A SINGLE FILE COLUMN*/
.character-list-item-container {clear:both !important;}
/*REMOVE WHITE BACKGROUND FROM CHARACTER ENTRIES*/
.character-list-item-container .character-list-item {
background-color: transparent !important;}
/*REMOVE RIGHT SIDE FADE OUT GRAPHIC*/
.right-side-fade-out {display:none;}
/*CHANGE WIDTH OF CHARACTER ENTRIES*/
.character-list-item-container {width:75% !important;}
/*GIVE CHARACTER LIST AREA A WHITE BACKGROUND AND PADDING ALL AROUND*/
.character-list {background-color: white; padding:20px;}
/*REMOVE CHARACTER QUICK DESCRIPTION*/
.character-info div:first-of-type div:first-of-type {display:none;}
/*REMOVE LINE UNDER CHARACTER'S NAME*/
.character-info .title {border-bottom: none !important;}@
And if you don’t even want the edit icon to show:
@.icon-edit {display: none;}@
I'm not sure it's EXACTLY like it was, but I think it's closer.
DM, Current Campaign: The Godlands: Rise of the Blood Moon Kings
DM, Previous Campaign: Avatar: Conquest of the Imperial Order - CotM: November 2011
https://avatar_adventures.obsidianportal.com/characters
DM, Current Campaign: The Godlands: Rise of the Blood Moon Kings
DM, Previous Campaign: Avatar: Conquest of the Imperial Order - CotM: November 2011
The only way to solve it would be to make all your character portraits square. :P
Unless I'm missing something. Which is possible.
DM, Current Campaign: The Godlands: Rise of the Blood Moon Kings
DM, Previous Campaign: Avatar: Conquest of the Imperial Order - CotM: November 2011
DM, Current Campaign: The Godlands: Rise of the Blood Moon Kings
DM, Previous Campaign: Avatar: Conquest of the Imperial Order - CotM: November 2011
width: 100%;
}@
You can try @.character-list {width:75% !important;margin-right:65px;}@
to start with.
DM, Current Campaign: The Godlands: Rise of the Blood Moon Kings
DM, Previous Campaign: Avatar: Conquest of the Imperial Order - CotM: November 2011
DM, Current Campaign: The Godlands: Rise of the Blood Moon Kings
DM, Previous Campaign: Avatar: Conquest of the Imperial Order - CotM: November 2011
Actually, give this a try. It should also wrangle the width of the character search bar for you. The left margin might be off, though, so it might need some adjustment: @.character-index .main-content {width:75% !important;margin-left:65px;}@
This should effect the .main-content div (that center div) on the character page only. If you want to adjust that on the map page as well, you can try: @.collapsable-nav-row.collapsed .main-content-container.full-width {width:75% !important;margin-left:65px;}@ and see if that sorts both pages out.
DM, Current Campaign: The Godlands: Rise of the Blood Moon Kings
DM, Previous Campaign: Avatar: Conquest of the Imperial Order - CotM: November 2011