Difference between revisions of "User:Inutt/Scratchpad"

From Flexible Survival
Jump to: navigation, search
(Updated infobox styles)
(Test note css)
 
(45 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
= Notes =
 +
 +
{{Note
 +
| Icon = Lore
 +
| Content = This is a lore note, for noting things about the game's background and IC (in-character) history.
 +
}}
 +
 +
 +
= Complex overlay testing =
 +
<css>
 +
div.area { line-height: 1em; width:100%; height:20em; }
 +
div.label {
 +
  display: block;
 +
  box-sizing: border-box;
 +
  width: max-content;
 +
  border-radius: 0.6em;
 +
  text-align: center;
 +
  font-size: 0.6em;
 +
  height: 1.5em;
 +
  padding: 0 0.5em 0.05em 0.5em;
 +
  color: #ffffff;
 +
  background: rgba(0,0,153,0.57);
 +
}
 +
div.label.left {  }
 +
div.label.right {  }
 +
div.label-outer {
 +
  display: flex;
 +
  box-sizing: border-box;
 +
  width: 8em;
 +
  position: relative;
 +
  font-size: initial;
 +
  background: transparent;
 +
}
 +
div.label-outer.left { right: 7em; flex-direction: row-reverse; }
 +
div.label-outer.right { left: 1em; }
 +
</css>
 +
 +
<div class="area">
 +
 +
<div style="display:inline-block;width:2em;height:2em;box-sizing:border-box;background:rgba(0,153,0,0.57);border:1px solid rgb(0,153,0);border-radius:0.6em">
 +
  <div class="label-outer left">
 +
    <div class="label left">Left Text label</div>
 +
  </div><div class="label-outer right">
 +
    <div class="label right">Right Text label</div>
 +
  </div>
 +
</div>
 +
 +
<div style="display:inline-block;width:2em;height:2em;box-sizing:border-box;background:rgba(0,153,0,0.57);border:1px solid rgb(0,153,0);border-radius:0.6em">
 +
  <div class="label-outer left">
 +
    <div class="label left">Left Text label 2</div>
 +
  </div><div class="label-outer right">
 +
    <div class="label right">Right Text label 2</div>
 +
  </div>
 +
</div>
 +
 +
<div style="display:inline-block;width:2em;height:2em;box-sizing:border-box;background:rgba(0,153,0,0.57);border:1px solid rgb(0,153,0);border-radius:0.6em">
 +
  <div class="label-outer left">
 +
    <div class="label left">Left Text label 2</div>
 +
  </div><div class="label-outer right">
 +
    <div class="label right">Right Text label 2</div>
 +
  </div>
 +
</div>
 +
 +
<br>
 +
 +
<div style="display:inline-block;width:2em;height:2em;box-sizing:border-box;background:rgba(0,0,153,0.57);border:1px solid rgb(0,0,153);border-radius:0.6em">
 +
  <div class="label-outer left">
 +
    <div class="label left">Left Text label 2</div>
 +
  </div><div class="label-outer right">
 +
    <div class="label right">Right Text label 2</div>
 +
  </div>
 +
</div>
 +
 +
<div style="display:inline-block;width:2em;height:2em;box-sizing:border-box;background:rgba(153,0,0,0.57);border:1px solid rgb(153,0,0);border-radius:0.6em">
 +
  <div class="label-outer left">
 +
    <div class="label left"></div>
 +
  </div><div class="label-outer right">
 +
    <div class="label right"></div>
 +
  </div>
 +
</div>
 +
 +
</div>
 +
 +
 
= Prototype Multiplayer Quest Template =
 
= Prototype Multiplayer Quest Template =
  
Line 21: Line 105:
 
Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. In iaculis nunc sed augue lacus viverra. Tincidunt praesent semper feugiat nibh sed pulvinar. Suspendisse in est ante in nibh mauris.
 
Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. In iaculis nunc sed augue lacus viverra. Tincidunt praesent semper feugiat nibh sed pulvinar. Suspendisse in est ante in nibh mauris.
  
−
Purus in mollis nunc sed id semper risus in. Ultricies mi quis hendrerit dolor. Et egestas quis ipsum suspendisse ultrices gravida. Hendrerit dolor magna eget est lorem. Quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus mattis. Interdum posuere lorem ipsum dolor sit amet. Vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Cursus metus aliquam eleifend mi in nulla posuere.
+
----
 +
 
 +
= Prototype Badge Template =
 +
 
 +
<div class="toccolours" style="float:right;width:400px;border-radius:8px">
 +
{| style="border-collapse:collapse;padding-left:0.5em"
 +
| style="text-align:right;vertical-align:top;border-right:1px solid #a2a9b1;padding:0 0.3em" | '''Name''' || style="padding:0 0.3em" | '''Too Lucky'''
 +
|-
 +
| style="text-align:right;vertical-align:top;border-right:1px solid #a2a9b1;padding:0 0.3em" | '''Description''' || style="padding:0 0.3em" | I bet you were wishing for something other than a badge at this point.
 +
|}
 +
</div>
 +
 
 +
This badge is awarded for a thing you did, which someone has written some interesting and informative notes on to help and entertain you.
 +
 
 +
<nowiki>[[Edit notes]]</nowiki>
 +
 
 +
----
 +
 
 +
= Canonical link testing =
 +
{{fullurl:{{PAGENAME}}}}<br/>
 +
{{canonicalurl:{{PAGENAME}}}}<br/>
 +
{{localurl:{{PAGENAME}}}}
 +
 
 +
= Map licence =
 +
This work is licensed under a [http://creativecommons.org/licenses/by-sa/4.0/ Creative Commons Attribution-ShareAlike 4.0 International License].

Latest revision as of 22:43, 27 November 2019

Notes

Icon note lore.png This is a lore note, for noting things about the game's background and IC (in-character) history.


Complex overlay testing


Left Text label
Right Text label
Left Text label 2
Right Text label 2
Left Text label 2
Right Text label 2


Left Text label 2
Right Text label 2


Prototype Multiplayer Quest Template

Questgiver Cassy
Faction Independent
Start location Seelie Sweets Store
Quest area Seelie Sweets Store, back alley
Requirements Level 12

Quest name

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sapien pellentesque habitant morbi tristique. Habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper. Ultrices vitae auctor eu augue ut. Eget velit aliquet sagittis id consectetur. Neque sodales ut etiam sit amet nisl. Commodo ullamcorper a lacus vestibulum sed arcu.

Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. In iaculis nunc sed augue lacus viverra. Tincidunt praesent semper feugiat nibh sed pulvinar. Suspendisse in est ante in nibh mauris.

Prototype Badge Template

Name Too Lucky
Description I bet you were wishing for something other than a badge at this point.

This badge is awarded for a thing you did, which someone has written some interesting and informative notes on to help and entertain you.

[[Edit notes]]

Canonical link testing

http://wiki.flexiblesurvival.com/w/Inutt/Scratchpad
http://wiki.flexiblesurvival.com/w/Inutt/Scratchpad
/w/Inutt/Scratchpad

Map licence

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

Retrieved from "http://wiki.flexiblesurvival.com/index.php?title=User:Inutt/Scratchpad&oldid=1443042"