Story Cheat Sheet
Jump to navigation
Jump to search
Below are various stylings that are used on the Full Story Pages.
For stylings used on normal pages, check Cheat Sheet.
Text
Left-sided conversation.
<div class="storyconvo">
{{ConvoLeft|name=NAME|image=IMAGE
|0=
|1=
|2=
|3=
|4=
}}
</div>
<br style="clear:both;"/>
<br />
Right-sided conversation.
<div class="storyconvo">
{{ConvoRight|name=NAME|image=IMAGE
|0=
|1=
|2=
|3=
|4=
}}
</div>
<br style="clear:both;"/>
<br />
Character summary.
<p>
{{storyCharSum|name=NAME_HERE|image=IMAGE_URL_HERE
|desc=<b>Status:</b> STATUS_HERE
TEXT_TWO_HERE
TEXT_ONE_HERE
}}
</p>
New page URL.
"<span class="urls"><nowiki>URL_MAIN</nowiki><b>NEW_PAGE_NAME_NO_SLASH</b></span>"
Tool-tip text.
<span class="altTooltip2">TEXT_HERE<span class="tooltiptext2">TEXT_HERE</span></span>
Block of text.
<div class="storyscript"><poem>TEXT_GOES_HERE</poem></div>
Block of text for Youshouldnthavedonethat.net.
<div class="storyscriptyshdt"><poem>TEXT_GOES_HERE</poem></div>
Within Hubris posts.
<div class="storyWHholder">
<div class="WHpost">
{{WHEntry
|user = NAME
|image = IMAGE
|group = Players
|count = JOIN_NUM
|joined = JOIN_DATE
|posted = POSTED
|postnum = POST_COUNT
|post = <poem></poem>
}}
</div>
<br style="clear:both;" />
</div>
Transcript
<div class="transcript mw-collapsible mw-collapsed" style="width: 90%; margin-left: auto; margin-right: auto;"> <p style="display:inline;"> <b> TEXT_HERE </b> </p> <div class="mw-collapsible-content"><poem>COPIED_TEXT_HERE</poem> </div> </div>
New Page Box
{{StoryNewPage
|imageName = CANON_FILE_NAME
|fileName = FILE_NAME_ON_WIKI
|URL = <i>WEBSITE_URL</i><b>PAGE_HERE</b>
|info = INFO_GOES_HERE
|audioName = CANON_AUDIO_NAME
|audioFile = FILE_NAME_ON_WIKI
}}
New Page Connector
<div class="pageConnector"> <div class="pageConnectorLine"></div> <p>Remaining on the page above for too long would redirect players to...</p> </div>
ID Moment
<div class="IDmoment"><div class="IDleft"><html><img src="https://johnisdead.withinhubris.com/images/9/93/Idlogo1.png" class="IDicon" onclick="IDmem()"/><audio src="https://johnisdead.withinhubris.com/images/f/fd/IDmoment.mp3" ID="IDsoundMoment" style="display: none;"></html></div><div class="IDright"><p>TEXT_GOES_HERE</p></div></div><br style="clear:both;" />
Audio file by itself.
<div class="storycenter">[[File:AUDIO_NAME]]</div>
Astral Observatory Post
<div class="storyAOholder">
<div class="AOTitle"><h2>TITLE_HERE</h2></div>
<p style="margin: 0px 0px 4px 0px;"><img src="https://johnisdead.withinhubris.com/images/6/6b/Aothreadheader1.png" style="height: 32px; cursor: pointer;" /></p>
<div class="AOthreadHolder">
<div class="AOpost">
{{AOEntry
|user = <span style="color: #COLOR_HERE;">NAME_HERE</span>
|image = IMAGE_HERE
|postcount = POST_COUNT
|joindate = JOIN_DATE_HERE
|postdate = POST_DATE_HERE
|title = Re: TITLE_HERE
|post = <poem>TEXT_GOES_HERE</poem>
}}
</div>
</div>
</div>
Videos
Embedded video with details.
{{StoryVideo
|link=<youtube>LINK_GOES_HERE</youtube>
|description=
|tags=
|transcript=
|summary=<ul>
<li>
</li>
</ul>
}}
Embedded video by itself.
<span class="storysmallvid"><youtube>YOUTUBE_LINK_HERE</youtube></span>
Images
Single centered image.
{{storyImage|url=IMAGEURLHERE}}
Quote with image.
<div class="quoteblock"> <div class="quotefullimg "> <img src="IMAGE_GOES_HERE" alt="" /> </div> <div class="quotetextholder"> <div class="quotename"> NAME_GOES_HERE </div> <div class="fadediv" style="margin-left: -10px; height: 3px;"></div> <div class="quote"> <p>"QUOTEGOESHERE"</p> </div> </div> </div><br />
Image gallery.
<gallery mode="slideshow"> File:FILE_NAME|DESCRIPTION File:FILE_NAME|DESCRIPTION File:FILE_NAME|DESCRIPTION File:FILE_NAME|DESCRIPTION </gallery>
Side-hanging image with quote.
<div class="storyimg" style="margin-top: 0px;"><img src="IMAGE_URL_HERE"><p>CAPTION_HERE</p></div>