Difference between revisions of "User:Inutt/Scratchpad"
m |
(Test note css) |
||
| (16 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 = | = Complex overlay testing = | ||
<css> | <css> | ||
div.area { line-height: 1em; width:100%; height:20em; } | div.area { line-height: 1em; width:100%; height:20em; } | ||
div.label { | div.label { | ||
| − | display: | + | display: block; |
box-sizing: border-box; | box-sizing: border-box; | ||
| − | |||
width: max-content; | width: max-content; | ||
border-radius: 0.6em; | border-radius: 0.6em; | ||
| Line 15: | Line 22: | ||
background: rgba(0,0,153,0.57); | background: rgba(0,0,153,0.57); | ||
} | } | ||
| + | div.label.left { } | ||
| + | div.label.right { } | ||
div.label-outer { | div.label-outer { | ||
| − | display: | + | display: flex; |
box-sizing: border-box; | box-sizing: border-box; | ||
width: 8em; | width: 8em; | ||
position: relative; | position: relative; | ||
| − | |||
font-size: initial; | font-size: initial; | ||
background: transparent; | background: transparent; | ||
| − | |||
} | } | ||
| − | div.label-outer.left { | + | div.label-outer.left { right: 7em; flex-direction: row-reverse; } |
| + | div.label-outer.right { left: 1em; } | ||
</css> | </css> | ||
<div class="area"> | <div class="area"> | ||
| − | <div style="display:inline-block;width: | + | <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> | </div> | ||
Latest revision as of 22:43, 27 November 2019
Contents
Notes
This is a lore note, for noting things about the game's background and IC (in-character) history.
Complex overlay testing
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.
