No edit summary |
|||
(14 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{CoE Styles}} | |||
{{#css: | |||
.tooltiptest { | |||
position: relative; | |||
-webkit-transition: all 0.3s ease-in-out 0s; | |||
transition: all 0.3s ease-in-out 0s; | |||
display: inline-block; | |||
} | |||
.tooltiptest a { | |||
display: inline-block; | |||
color: #07f!important; | |||
font-family: Palatino, serif; | |||
} | |||
.tooltipvero a { | |||
position: absolute; | |||
display: block; | |||
visibility: hidden; | |||
opacity: 0; | |||
transition: all .3s; | |||
border-radius: 5px; | |||
box-shadow: 0 0 20px #444 inset; | |||
padding: 3px 5px 3px 5px; | |||
top: -140px; | |||
left: 0px; | |||
z-index: 9999999; | |||
border: 1px solid #514d4d; | |||
} | |||
.tooltipvero a::after { | |||
content: " "; | |||
border-style: solid; | |||
border-width: 7px 7px 0px 7px; | |||
border-color: rgba(55, 64, 70, 0.5) transparent transparent transparent; | |||
transition-duration: 0s; | |||
transform-origin: top; | |||
transform: translateX(-50%) scaleY(1); | |||
position: absolute; | |||
left: 5%; | |||
bottom: -7px; | |||
} | |||
.tooltipvero a img { | |||
display: block; | |||
border: 1px solid #444; | |||
max-width: 360px; | |||
height: auto; | |||
} | |||
.tooltiptest:hover .tooltipvero a { | |||
visibility: visible; | |||
opacity: 1; | |||
} | |||
@media only screen and (max-width: 600px) { | |||
.item-block, | |||
.item-block-splitter img { | |||
width: 95%!important; | |||
} | |||
h4 .item-title { | |||
font-size: 120% !important; | |||
} | |||
.tooltip-short, .tooltip, .tooltip-long { | |||
display: none!important; | |||
} | |||
} | |||
.spell-main-block { | |||
background: repeating-conic-gradient(#7b440800 0.000045%, #ac855dde 0.0005%),#cb9; | |||
overflow: hidden; | |||
} | |||
.spell-flavor-block { | |||
min-height: 70px; | |||
} | |||
}} | |||
==For testing purposes== | |||
<span style="height: | Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis, nisi et vehicula aliquet, lorem purus fermentum elit, sit amet sagittis orci orci eget tortor. Aliquam lobortis pellentesque metus. Ut vel velit justo. Etiam mattis efficitur interdum. Maecenas nec molestie nunc. Aliquam erat volutpat. Duis faucibus sem nulla, nec ultricies nibh vehicula aliquet. Nam a cursus velit, nec auctor magna. Nam et fermentum sapien. Nam malesuada quam vitae venenatis commodo. Duis eget nisl et magna elementum suscipit. Maecenas diam lorem, vulputate ac suscipit sit amet, venenatis at nisl. Nam dictum blandit tellus, sit amet congue lectus tempor quis. Mauris posuere, metus volutpat venenatis sollicitudin, quam nisl finibus purus, ac facilisis urna urna id metus. Donec tempor lectus et commodo varius. | ||
Proin at pharetra felis, ut convallis est. Donec sollicitudin mi sed sagittis tincidunt. Ut rhoncus dictum nunc, nec vulputate velit vestibulum in. Integer facilisis arcu ac hendrerit scelerisque. Ut interdum lorem quis aliquet tincidunt. Sed quis metus velit. Cras id orci ac nulla malesuada imperdiet. Morbi nec nisi sed quam tempus pharetra. Fusce accumsan venenatis nisl. Phasellus a dui ipsum. Duis sodales dui nec elit posuere dictum. Donec ligula ex, fringilla in tortor feugiat, malesuada finibus magna. Donec fringilla imperdiet mauris sit amet vulputate. | |||
Morbi tellus nibh, ornare euismod efficitur quis, euismod non turpis. Sed sed laoreet justo, non fringilla massa. Aliquam sed ante mattis, consequat dolor eget, tempus augue. Pellentesque eget magna ut arcu ullamcorper dignissim sed vel purus. Vivamus sit amet sem convallis, rhoncus ipsum id, vestibulum lorem. Vivamus leo nulla, sagittis id augue imperdiet, mattis eleifend magna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam ornare porttitor ultricies. | |||
Nunc imperdiet volutpat dapibus. Cras malesuada odio eget massa malesuada elementum. Nam lacinia, diam in posuere efficitur, sapien risus condimentum tortor, ut vehicula nunc eros eu ipsum. Curabitur accumsan faucibus accumsan. Proin eget tortor mi. Aliquam cursus viverra elementum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec nec pulvinar neque. Curabitur condimentum, justo vel luctus porta, ex mi hendrerit neque, vitae cursus velit elit a urna. Aliquam metus quam, sagittis tempor cursus sit amet, vehicula sed odio. Curabitur euismod sapien mi, nec hendrerit lacus bibendum semper. Vivamus feugiat mollis dignissim. Donec nec rutrum erat. Aliquam felis quam, vestibulum at suscipit in, dictum facilisis quam. Vivamus sit amet ipsum vehicula ligula aliquam gravida vel sed odio. Vestibulum fringilla tortor at justo lobortis, ut finibus ex volutpat. | |||
Cras lectus urna, commodo ut nunc vel, porttitor porta est. Phasellus dignissim odio quam, dictum tristique ipsum fringilla a. Etiam iaculis eget metus sed volutpat. Curabitur malesuada dignissim neque vel auctor. Phasellus vel lacus semper, auctor enim nec, egestas leo. Integer dignissim mi sem, eu blandit libero blandit quis. Integer sed interdum ipsum. Ut venenatis sollicitudin velit et gravida. Duis non metus magna. Phasellus euismod, lorem eu ultrices mattis, lectus mi porttitor felis, at maximus erat felis tempor metus. | |||
===The Real deal=== | |||
<div class="item-text">Grants <div class="tooltip-short">Quick Reflexes<span style="margin: 5px; display: block;height: auto; max-width: 250px;" border="0">[[Image:SF CoE Ability Quick Reflexes.png|link=Quick Reflexes]]</span></div></div> | |||
<div class="tooltiptest"> | |||
[[Quick Reflexes|Qiuck reflexes]]<div class="tooltipvero"><span style="margin: 5px; display: block;height: auto; max-width: 250px;" border="0">[[Image:SF CoE Ability Quick Reflexes.png|link=Quick Reflexes]]</span></div> | |||
</div> | |||
{{CoE Item | |||
|title = Armor of the Guardians | |||
|sub-title = Artifact, Ingredient, Heavy Armor | |||
|icon = SF CoE Icon Armor of the Guardians.png | |||
|value-gold = 17 | |||
|value-elemental = 1 | |||
|value-arcane = 2 | |||
|value-death = 1 | |||
|line-1 = +3 Armor | |||
}} | |||
{{CoE Item | |||
|title = Devotion | |||
|sub-title = Artifact, Ingredient, Heavy Armor | |||
|icon = SF CoE Icon Devotion.png | |||
|value-gold = 38 | |||
|value-elemental = 4 | |||
|value-death = 1 | |||
|line-1 = Grants | |||
|tooltip-1-type = tooltip-short | |||
|line-1-link = Armored | |||
|tooltip-1-img = SF CoE Classification Armored.png | |||
|line-2 = Grants | |||
|tooltip-2-type = tooltip-short | |||
|line-2-link = Steadfast | |||
|tooltip-2-img = SF CoE Ability Steadfast.png | |||
|line-3 = Grants | |||
|tooltip-3-type = tooltip | |||
|line-3-link = Total Awareness | |||
|tooltip-3-img = SF CoE Ability Total Awareness.png | |||
}} | |||
<div class="spell-main-block"> | |||
<div class="spell-grid"> | |||
<div class="spell-icon-block">[[Image:SF CoE Zombify Icon.png]]</div> | |||
<div class="spell-title-left-block left outer"></div> | |||
<div class="spell-title-block"><h4><div class="spell-title">Zombify</div></h4></div> | |||
<div class="spell-subtitle-block spell-subtitle">Instant</div> | |||
<div class="spell-title-right-block right outer"></div> | |||
<div class="spell-research-block spell-resource-text">[[Image:SF CoE Icon Research Transparent.png|20px|link=|Research Cost]] 40</div> | |||
<div class="spell-mana-block spell-resource-text">[[Image:SF CoE Icon Mana Transparent.png|20px|link=|Mana Cost]] 9</div> | |||
<div class="spell-upkeep-block spell-resource-text">[[Image:SF CoE Icon Mana Upkeep Transparent.png|20px|link=|Mana Upkeep]] 0</div> | |||
<div class="spell-info-block spell-text">Turn your own mortal unit permanently into a [[Walking Corpses(CoE)|Walking Corpse]] - a strong, resilient minion that doesn't require upkeep.</div> | |||
<div class="spell-blank-block">[[Image:SF CoE Zombify Blank.png|500px|link=|Spell Slot Before Unlock]]</div> | |||
<div class="spell-page-block spell-flavor-text">[[Death Spellpage I (Slot 1)]]</div> | |||
<div class="spell-flavor-block spell-flavor-text">Flavor flave.</div> | |||
</div> | |||
</div> |
Latest revision as of 23:57, 8 October 2023
For testing purposes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In facilisis, nisi et vehicula aliquet, lorem purus fermentum elit, sit amet sagittis orci orci eget tortor. Aliquam lobortis pellentesque metus. Ut vel velit justo. Etiam mattis efficitur interdum. Maecenas nec molestie nunc. Aliquam erat volutpat. Duis faucibus sem nulla, nec ultricies nibh vehicula aliquet. Nam a cursus velit, nec auctor magna. Nam et fermentum sapien. Nam malesuada quam vitae venenatis commodo. Duis eget nisl et magna elementum suscipit. Maecenas diam lorem, vulputate ac suscipit sit amet, venenatis at nisl. Nam dictum blandit tellus, sit amet congue lectus tempor quis. Mauris posuere, metus volutpat venenatis sollicitudin, quam nisl finibus purus, ac facilisis urna urna id metus. Donec tempor lectus et commodo varius.
Proin at pharetra felis, ut convallis est. Donec sollicitudin mi sed sagittis tincidunt. Ut rhoncus dictum nunc, nec vulputate velit vestibulum in. Integer facilisis arcu ac hendrerit scelerisque. Ut interdum lorem quis aliquet tincidunt. Sed quis metus velit. Cras id orci ac nulla malesuada imperdiet. Morbi nec nisi sed quam tempus pharetra. Fusce accumsan venenatis nisl. Phasellus a dui ipsum. Duis sodales dui nec elit posuere dictum. Donec ligula ex, fringilla in tortor feugiat, malesuada finibus magna. Donec fringilla imperdiet mauris sit amet vulputate.
Morbi tellus nibh, ornare euismod efficitur quis, euismod non turpis. Sed sed laoreet justo, non fringilla massa. Aliquam sed ante mattis, consequat dolor eget, tempus augue. Pellentesque eget magna ut arcu ullamcorper dignissim sed vel purus. Vivamus sit amet sem convallis, rhoncus ipsum id, vestibulum lorem. Vivamus leo nulla, sagittis id augue imperdiet, mattis eleifend magna. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam ornare porttitor ultricies.
Nunc imperdiet volutpat dapibus. Cras malesuada odio eget massa malesuada elementum. Nam lacinia, diam in posuere efficitur, sapien risus condimentum tortor, ut vehicula nunc eros eu ipsum. Curabitur accumsan faucibus accumsan. Proin eget tortor mi. Aliquam cursus viverra elementum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec nec pulvinar neque. Curabitur condimentum, justo vel luctus porta, ex mi hendrerit neque, vitae cursus velit elit a urna. Aliquam metus quam, sagittis tempor cursus sit amet, vehicula sed odio. Curabitur euismod sapien mi, nec hendrerit lacus bibendum semper. Vivamus feugiat mollis dignissim. Donec nec rutrum erat. Aliquam felis quam, vestibulum at suscipit in, dictum facilisis quam. Vivamus sit amet ipsum vehicula ligula aliquam gravida vel sed odio. Vestibulum fringilla tortor at justo lobortis, ut finibus ex volutpat.
Cras lectus urna, commodo ut nunc vel, porttitor porta est. Phasellus dignissim odio quam, dictum tristique ipsum fringilla a. Etiam iaculis eget metus sed volutpat. Curabitur malesuada dignissim neque vel auctor. Phasellus vel lacus semper, auctor enim nec, egestas leo. Integer dignissim mi sem, eu blandit libero blandit quis. Integer sed interdum ipsum. Ut venenatis sollicitudin velit et gravida. Duis non metus magna. Phasellus euismod, lorem eu ultrices mattis, lectus mi porttitor felis, at maximus erat felis tempor metus.
The Real deal
Armor of the Guardians