Anonymous
×
Create a new article
Write your page title here:
We currently have 632 articles on SpellForce Wiki - Rohens encyclopedia. Type your article name above or click on one of the titles below and start writing!



SpellForce Wiki - Rohens encyclopedia

Template:ArticleResponsiveGallery: Difference between revisions

0z2y (talk | contribs)
0z2y (talk | contribs)
No edit summary
Line 1: Line 1:
===<span id="WorkerRunes_Locations" style="font-size:0;height:0;visibility:hidden;opacity:0;">Worker Runes</span>===
{{CoE Styles}}
{| class="wikitable sortable" style="min-width: 70%;max-width: 99%;margin:0;border: 2px solid #000 !important;background: #444;text-align: left;border-collapse: collapse;"
{{#css:
! colspan="4" style="background-color: #000!important;height: 55px;vertical-align: middle;line-height: 3;border: 1px solid #000;" | '''Worker Runes' Locations'''
.tooltiptest {
|-
    position: relative;
!!data-sort-type="number" style="text-align: left;font-family: Times New Roman!important;font-weight: 700;font-size: 125%;color: #eff;text-shadow: -1px -1px 0 rgba(0, 0, 0, .8), 1px -1px 0 rgba(0, 0, 0, .8), -1px 1px 0 rgba(0, 0, 0, .8), 1px 1px 0 rgba(0, 0, 0, .8);border: 1px solid #000; /*padding: 3px 10px;background: linear-gradient(to bottom, #eb2 0%,#620 95%);*/box-shadow: inset 0 -20px 15px -5px #620;background-color: #eb2;" |Rune
-webkit-transition: all 0.3s ease-in-out 0s;
!!data-sort-type="number" style="text-align: left;font-family: Times New Roman!important;font-weight: 700;font-size: 125%;color: #eff;text-shadow: -1px -1px 0 rgba(0, 0, 0, .8), 1px -1px 0 rgba(0, 0, 0, .8), -1px 1px 0 rgba(0, 0, 0, .8), 1px 1px 0 rgba(0, 0, 0, .8);border: 1px solid #000;width: 100%;/*padding: 3px 10px;background: linear-gradient(to bottom, #eb2 0%,#620 95%);*/box-shadow: inset 0 -20px 15px -5px #620;background-color: #eb2;" |Location
transition: all 0.3s ease-in-out 0s;
|-
display: inline-block;
| style="text-align: center;font-weight: 700;text-shadow: -1px -1px 0 rgba(0, 0, 0, .8), 1px -1px 0 rgba(0, 0, 0, .8), -1px 1px 0 rgba(0, 0, 0, .8), 1px 1px 0 rgba(0, 0, 0, .8);border: 1px solid #000;padding: 3px 2px;" | <div style="position: relative;width: 100px;height: 100px;border-radius: 50%;margin: 10px auto 0;">
color: #07f;
  <ul>
font-family: Palatino, serif;
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(50deg) translate(85px) rotate(-50deg);">[[Image:RWHumam.png|50px|link=|Human Worker]]</span></li>
}
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(80deg) translate(70px) rotate(-80deg);">[[Image:RWElf.png|50px|link=|Elf Worker]]</span></li>
.tooltiptest a {
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(280deg) translate(-30px) rotate(-280deg);">[[Image:RWDwarf.png|50px|link=|Dwarf Worker]]</span></li>
    position: relative;
     <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(320deg) translate(15px) rotate(-320deg);">[[Image:RWOrc.png|50px|link=|Orc Worker]]</span></li>
-webkit-transition: all 0.3s ease-in-out 0s;
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(350deg) translate(55px) rotate(-350deg);">[[Image:RWTroll.png|50px|link=|Troll Worker]]</span></li>
transition: all 0.3s ease-in-out 0s;
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(385deg) translate(70px) rotate(-385deg);">[[Image:RWDarkElf.png|50px|link=|Dark Elf Slave]]</span></li>
display: inline-block;
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;top: 155%;left: 165%;font-family: Tahoma;font-size: 245%;">1</span ></li>
color: #07f;
  </ul>
font-family: Palatino, serif;
</div>
}
.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: -120px;
left: -65px;
z-index: 9999999;
border: 1px solid #514d4d;
}
.tooltipvero a img {
display: block;
border: 1px solid #444;
max-width: 360px;
height: auto;
}
.tooltiptest:hover .tooltipvero a {
     visibility: visible;
opacity: 1;
}
}}
<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>


! style="text-align: left;color:#ec6;border: 1px solid #000;" |<span style="font-weight: 600;padding-left: 2px;padding-right: 2px;color: #7f6!important;"><h4 style="font-size:0;height:0;visibility:hidden;opacity:0;">Added to your Inventory at the start of the game</h4></span>
<div class="tooltiptest">
<i style="font-family: Times New roman;">Added to your Inventory at the start of the game
   [[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>
</i> 
|-
| style="text-align: center;font-weight: 700;text-shadow: -1px -1px 0 rgba(0, 0, 0, .8), 1px -1px 0 rgba(0, 0, 0, .8), -1px 1px 0 rgba(0, 0, 0, .8), 1px 1px 0 rgba(0, 0, 0, .8);border: 1px solid #000;padding: 3px 2px;background: rgba(120, 55, 6, 0.15);" |<div style="position: relative;width: 100px;height: 100px;border-radius: 50%;margin: 10px auto 0;">
   <ul>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(50deg) translate(85px) rotate(-50deg);">[[Image:RWHumam.png|50px|link=|Human Worker]]</span></li>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(80deg) translate(70px) rotate(-80deg);">[[Image:RWElf.png|50px|link=|Elf Worker]]</span></li>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(280deg) translate(-30px) rotate(-280deg);">[[Image:RWDwarf.png|50px|link=|Dwarf Worker]]</span></li>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(320deg) translate(15px) rotate(-320deg);">[[Image:RWOrc.png|50px|link=|Orc Worker]]</span></li>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(350deg) translate(55px) rotate(-350deg);">[[Image:RWTroll.png|50px|link=|Troll Worker]]</span></li>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(385deg) translate(70px) rotate(-385deg);">[[Image:RWDarkElf.png|50px|link=|Dark Elf Slave]]</span></li>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;top: 155%;left: 165%;font-family: Tahoma;font-size: 245%;">2</span ></li>
  </ul>
</div>
! style="text-align: left;color:#ec6;border: 1px solid #000;background: rgba(120, 55, 6, 0.15);" |<span style="font-weight: 600;padding-left: 2px;padding-right: 2px;color: #7f6!important;"><h4 style="font-size:0;height:0;visibility:hidden;opacity:0;">Coop 01 - RPG</h4>Coop 01 - RPG</span>
<i style="font-family: Times New roman;">At the exit Portal</i> <code style="font-style: normal;font-size:90%;">(115,200)</code>
<div class="alsoat" style="background: linear-gradient(to bottom, rgba(32, 12, 3, 0.65) 0%,rgba(230, 191, 101, 0.25) 100%);border-top: 4px double #c81; font-size: 90%;padding: 0 10px 5px;margin: -5px;"><span style="color: #b80;font-family: 'Droid serif', serif;font-size: 20px;font-weight: 400;font-style: italic;line-height: 44px;margin: 0 10px;text-decoration: underline;border-bottom: 1px solid;">Can also be found at:</span>
<div style="display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 30ch), 1fr));">
<div style="width: fit-content;">
<span style="font-weight: 600;padding-left: 2px;padding-right: 2px;color: #7f6!important;">Coop 02 - Light/Dark</span><br>
<i style="font-family: Times New roman;">North area - Merchant Finnegan</i> <code style="font-style: normal;font-size:90%;">(257,480)</code>
</div>
<div style="width: fit-content;">
<span style="font-weight: 600;padding-left: 2px;padding-right: 2px;color: #7f6!important;">Coop 03 - Light/Dark</span><br>
<i style="font-family: Times New roman;">Western Bindstone - Merchant Mareesi</i> <code style="font-style: normal;font-size:90%;">(66,244)</code>
</div>
</div>
</div>
</div> 
|-
| style="text-align: center;font-weight: 700;text-shadow: -1px -1px 0 rgba(0, 0, 0, .8), 1px -1px 0 rgba(0, 0, 0, .8), -1px 1px 0 rgba(0, 0, 0, .8), 1px 1px 0 rgba(0, 0, 0, .8);border: 1px solid #000;padding: 3px 2px;" | <div style="position: relative;width: 100px;height: 100px;border-radius: 50%;margin: 10px auto 0;">
  <ul>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(50deg) translate(85px) rotate(-50deg);">[[Image:RWHumam.png|50px|link=|Human Worker]]</span></li>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(80deg) translate(70px) rotate(-80deg);">[[Image:RWElf.png|50px|link=|Elf Worker]]</span></li>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(280deg) translate(-30px) rotate(-280deg);">[[Image:RWDwarf.png|50px|link=|Dwarf Worker]]</span></li>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(320deg) translate(15px) rotate(-320deg);">[[Image:RWOrc.png|50px|link=|Orc Worker]]</span></li>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(350deg) translate(55px) rotate(-350deg);">[[Image:RWTroll.png|50px|link=|Troll Worker]]</span></li>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;transform: rotate(385deg) translate(70px) rotate(-385deg);">[[Image:RWDarkElf.png|50px|link=|Dark Elf Slave]]</span></li>
    <li style="list-style: none;display: inline;"><span style="display: block;position: absolute;top: 50%;left: 50%;width: 45px;height: 45px;margin: -3.5em;border-radius: 50%;box-sizing: border-box;top: 155%;left: 165%;font-family: Tahoma;font-size: 245%;">4</span ></li>
  </ul>
</div>
! style="text-align: left;color:#ec6;border: 1px solid #000;" |<span style="font-weight: 600;padding-left: 2px;padding-right: 2px;color: #7f6!important;"><h4 style="font-size:0;height:0;visibility:hidden;opacity:0;">Coop 03 - Light/Dark</h4>Coop 03 - Light/Dark</span>
<i style="font-family: Times New roman;">At the exit Portal
</i> <code style="font-style: normal;font-size:90%;">(417,262)</code>
|}
<span style="height:38px; width:38px;display:block;margin:0 auto;overflow:hidden;font-size:200%;">[[#top|👆]]</span>

Revision as of 23:57, 5 October 2023


Grants
Quick Reflexes