Difference between revisions of "Template:Card with description"

From The Fansus
Jump to: navigation, search
m
Line 1: Line 1:
<includeonly><div style="background-image: linear-gradient(#FFFEDD, #F9F9F9); border-radius: 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); display: inline-block; width: 550px; position: relative; left:50px;">
+
<includeonly><div style="background-color: #fefffc; border-radius: 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); display: inline-block; width: 550px; position: relative; left:50px;">
 +
<div style="border-radius: 10px; position: absolute; bottom: -46px; top: 0; right: 0; left: 0; opacity: 0.2; pointer-events: none;"></div>
 
<div style="height: 90px; margin-bottom: 26px; overflow: hidden; width: 90px; position: relative; right: 30px; top: 5px; border: solid 2px #000000; border-radius: 10px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); transform: rotate(-4deg); z-index: 10;">{{#ifexist: {{{image|}}} | [[{{{image}}}|90x90px]] | [[File:FNORD.png|90x90px|link=]] }}</div>
 
<div style="height: 90px; margin-bottom: 26px; overflow: hidden; width: 90px; position: relative; right: 30px; top: 5px; border: solid 2px #000000; border-radius: 10px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); transform: rotate(-4deg); z-index: 10;">{{#ifexist: {{{image|}}} | [[{{{image}}}|90x90px]] | [[File:FNORD.png|90x90px|link=]] }}</div>
 
<div style="font-family: 'Philosopher', serif; font-size: 24px; font-weight: 900; height: 24px; line-height: 1; position: absolute; top: 5px; left: 75px;">{{{title}}}</div>
 
<div style="font-family: 'Philosopher', serif; font-size: 24px; font-weight: 900; height: 24px; line-height: 1; position: absolute; top: 5px; left: 75px;">{{{title}}}</div>

Revision as of 15:47, 16 July 2018


example card:

stuff here

testing positoning

FNORD.png
Neville, an acquaintance
Neville pauses before he speaks, and flinches easily. He laughs whenever he thinks you've made a joke. [You might be able to recruit this acquaintance as a follower.]
Moth{{{quantity}}}


wip i am testing the positioning of text vs the positioning of this horrendous monstrosity i have crafted