Difference between revisions of "Template:Card with description"
m |
|||
| Line 1: | Line 1: | ||
| − | <includeonly><div style="background: linear-gradient(#FFFEDD, #F9F9F9); border-radius: 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6); display: inline-block; width: | + | <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;"> |
<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> | ||
| − | <div style="height 100px; overflow: hidden | + | <div style="height 100px; overflow: hidden; position: absolute; top: 35px; left: 75px; font-family: 'Philosopher', serif; font-size: 17px; font-weight: normal; color: #64A9A4; line-height: 1;">{{{description}}}</div> |
| − | <div style="background-color: #ddd5be; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-sizing: border-box; display: flex; flex-direction: row-reverse | + | <div style="background-color: #ddd5be; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-sizing: border-box; display: flex; flex-direction: row-reverse; height: 46px; padding: 7px; position: relative;">{{Aspect|{{{Aspect1}}}||30}}</div> |
</div> | </div> | ||
</includeonly> | </includeonly> | ||
Revision as of 14:35, 16 July 2018
example card:
stuff here
testing positoning
Neville, an acquaintance
{{{quantity}}}
wip i am testing the positioning of text vs the positioning of this horrendous monstrosity i have crafted
