|
|
(17 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| <div class="MainARG" style="min-width: 70%;max-width: 99%;margin:0;border: 2px solid #000;background: rgba(120, 55, 6, 0.15);text-align: left;overflow: hidden;"><span style="background: #000;height: 55px;text-align: center;line-height: 3;border: 1px solid #000;display: block;">'''Buildings & Units Plans' Locations'''</span>
| | {{CoE Styles}} |
| ====<span style="text-align: left;font-family: Times New Roman !important;font-weight: 700;padding: 3px 10px;background: linear-gradient(to bottom, #eb2 0%,#620 95%);
| | {{#css: |
| 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%;display: block;margin: -0.3em auto;font-size: min(max(1.35rem, 3.5vw), 20px);">Available from the beginning</span>====
| | .tooltiptest { |
| <div class="ARG_container" style="display: grid;grid-template-columns: repeat(auto-fit, minmax(200px,1fr));grid-gap: 5px;padding: 5px;">
| | position: relative; |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:HMWoodcuttersHutIcon.png|50px|link=|Humans - Woodcutter's Hut]]</span></div>
| | -webkit-transition: all 0.3s ease-in-out 0s; |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Humans|Woodcutter's Hut]]</span>
| | transition: all 0.3s ease-in-out 0s; |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | display: inline-block; |
| </div>
| | } |
| </div>
| | .tooltiptest a { |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:HMQuarryIcon.png|50px|link=|Humans - Quarry]]</span></div>
| | display: inline-block; |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Humans|Quarry]]</span>
| | color: #07f!important; |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | font-family: Palatino, serif; |
| </div>
| | } |
| </div>
| | .tooltipvero a { |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:HMMineIcon.png|50px|link=|Humans - Mine]]</span></div>
| | position: absolute; |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Humans|Mine]]</span>
| | display: block; |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | visibility: hidden; |
| </div>
| | opacity: 0; |
| </div>
| | transition: all .3s; |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:HMHuntingLodgeIcon.png|50px|link=|Humans - Hunting Lodge]]</span></div>
| | border-radius: 5px; |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Humans|Hunting Lodge]]</span>
| | box-shadow: 0 0 20px #444 inset; |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | padding: 3px 5px 3px 5px; |
| </div>
| | top: -140px; |
| </div>
| | left: 0px; |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:HMFishersHutIcon.png|50px|link=|Humans - Fisher's Hut]]</span></div>
| | z-index: 9999999; |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Humans|Fisher's Hut]]</span>
| | border: 1px solid #514d4d; |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | } |
| </div>
| | .tooltipvero a::after { |
| </div>
| | content: " "; |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:HMForgeIcon.png|50px|link=|Humans - Forge]]</span></div>
| | border-style: solid; |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Humans|Forge]]</span>
| | border-width: 7px 7px 0px 7px; |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | border-color: rgba(55, 64, 70, 0.5) transparent transparent transparent; |
| </div>
| | transition-duration: 0s; |
| </div>
| | transform-origin: top; |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:HMCrossbowTowerIcon.png|50px|link=|Humans - Crossbow Tower]]</span></div>
| | transform: translateX(-50%) scaleY(1); |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Humans|Crossbow Tower]]</span>
| | position: absolute; |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | left: 5%; |
| </div>
| | bottom: -7px; |
| </div>
| | } |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:HMSmallHQIcon.png|50px|link=|Humans - Small Headquarters]]</span></div>
| | .tooltipvero a img { |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Humans|Small Headquarters]]</span>
| | display: block; |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | border: 1px solid #444; |
| </div>
| | max-width: 360px; |
| </div>
| | height: auto; |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:HMFoodStoreIcon.png|50px|link=|Humans - Food Store]]</span></div>
| | } |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Humans|Food Store]]</span>
| | .tooltiptest:hover .tooltipvero a { |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | visibility: visible; |
| </div>
| | opacity: 1; |
| </div>
| | } |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:HMRecruitIcon.png|50px|link=|Humans - Recruit]]</span></div>
| | @media only screen and (max-width: 600px) { |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Unit Plans#Humans|Recruit]]</span>
| | .item-block, |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | .item-block-splitter img { |
| </div>
| | width: 95%!important; |
| </div>
| | } |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:HMScoutIcon.png|50px|link=|Humans - Scout]]</span></div>
| | h4 .item-title { |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Unit Plans#Humans|Scout]]</span>
| | font-size: 120% !important; |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | } |
| </div>
| | .tooltip-short, .tooltip, .tooltip-long { |
| </div>
| | display: none!important; |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(64, 224, 208,1) 0%,rgba(9, 164, 179,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DWFQuarryIcon.png|50px|link=|Dwarves - Quarry]]</span></div>
| | } |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Dwarves|Quarry]]</span>
| | } |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | .spell-main-block { |
| </div>
| | background: repeating-conic-gradient(#7b440800 0.000045%, #ac855dde 0.0005%),#cb9; |
| </div>
| | overflow: hidden; |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(64, 224, 208,1) 0%,rgba(9, 164, 179,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DWFMineIcon.png|50px|link=|Dwarves - Mine]]</span></div>
| | } |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Dwarves|Mine]]</span>
| | .spell-flavor-block { |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | min-height: 70px; |
| </div>
| | } |
| </div>
| | }} |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(64, 224, 208,1) 0%,rgba(9, 164, 179,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DWFPigfarmIcon.png|50px|link=|Dwarves - Pigfarm]]</span></div>
| | |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Dwarves|Pigfarm]]</span>
| | ==For testing purposes== |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | |
| </div>
| | 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. |
| </div>
| | |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(64, 224, 208,1) 0%,rgba(9, 164, 179,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DWFForgeIcon.png|50px|link=|Dwarves - Forge]]</span></div>
| | 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. |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Dwarves|Forge]]</span>
| | |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | 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. |
| </div>
| | |
| </div>
| | 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. |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(64, 224, 208,1) 0%,rgba(9, 164, 179,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DWFSmallHQIcon.png|50px|link=|Dwarves - Small Headquarters]]</span></div>
| | |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Dwarves|Small Headquarters]]</span>
| | 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. |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | |
| </div>
| | ===The Real deal=== |
| </div>
| | <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="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(64, 224, 208,1) 0%,rgba(9, 164, 179,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DWFFoodStoreIcon.png|50px|link=|Dwarves - Food Store]]</span></div>
| | |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Dwarves|Food Store]]</span>
| | <div class="tooltiptest"> |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | [[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>
| | </div> |
| </div>
| | |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(64, 224, 208,1) 0%,rgba(9, 164, 179,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DWFMilitiaIcon.png|50px|link=|Dwarves - Militia]]</span></div>
| | {{CoE Item |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Unit Plans#Dwarves|Militia]]</span>
| | |title = Armor of the Guardians |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | |sub-title = Artifact, Ingredient, Heavy Armor |
| </div>
| | |icon = SF CoE Icon Armor of the Guardians.png |
| </div>
| | |value-gold = 17 |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(64, 224, 208,1) 0%,rgba(9, 164, 179,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DWFWatchmanIcon.png|50px|link=|Dwarves - Watchman]]</span></div>
| | |value-elemental = 1 |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Unit Plans#Dwarves|Watchman]]</span>
| | |value-arcane = 2 |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | |value-death = 1 |
| </div>
| | |line-1 = +3 Armor |
| </div>
| | }} |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ELFWoodcuttersHutIcon.png|50px|link=|Elves - Woodcutter's Hut]]</span></div>
| | {{CoE Item |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Elves|Woodcutter's Hut]]</span>
| | |title = Devotion |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | |sub-title = Artifact, Ingredient, Heavy Armor |
| </div>
| | |icon = SF CoE Icon Devotion.png |
| </div>
| | |value-gold = 38 |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ELFHuntingLodgeIcon.png|50px|link=|Elves - Hunting Lodge]]</span></div>
| | |value-elemental = 4 |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Elves|Hunting Lodge]]</span>
| | |value-death = 1 |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | |line-1 = Grants |
| </div>
| | |tooltip-1-type = tooltip-short |
| </div>
| | |line-1-link = Armored |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ELFGatherersHutIcon.png|50px|link=|Elves - Gathererhut]]</span></div>
| | |tooltip-1-img = SF CoE Classification Armored.png |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Elves|Gathererhut]]</span>
| | |line-2 = Grants |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | |tooltip-2-type = tooltip-short |
| </div>
| | |line-2-link = Steadfast |
| </div>
| | |tooltip-2-img = SF CoE Ability Steadfast.png |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ELFArmoryIcon.png|50px|link=|Elves - Armory]]</span></div>
| | |line-3 = Grants |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Elves|Armory]]</span>
| | |tooltip-3-type = tooltip |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | |line-3-link = Total Awareness |
| </div>
| | |tooltip-3-img = SF CoE Ability Total Awareness.png |
| </div>
| | }} |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ELFArcherTowerIcon.png|50px|link=|Elves - Archer Tower]]</span></div>
| | |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Elves|Archer Tower]]</span>
| | <div class="spell-main-block"> |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | <div class="spell-grid"> |
| </div>
| | |
| </div>
| | <div class="spell-icon-block">[[Image:SF CoE Zombify Icon.png]]</div> |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ELFSmallHQIcon.png|50px|link=|Elves - Small Headquarters]]</span></div>
| | <div class="spell-title-left-block left outer"></div> |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Elves|Small Headquarters]]</span>
| | <div class="spell-title-block"><h4><div class="spell-title">Zombify</div></h4></div> |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | <div class="spell-subtitle-block spell-subtitle">Instant</div> |
| </div>
| | <div class="spell-title-right-block right outer"></div> |
| </div>
| | <div class="spell-research-block spell-resource-text">[[Image:SF CoE Icon Research Transparent.png|20px|link=|Research Cost]] 40</div> |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ELFFoodStoreIcon.png|50px|link=|Elves - Food Store]]</span></div>
| | <div class="spell-mana-block spell-resource-text">[[Image:SF CoE Icon Mana Transparent.png|20px|link=|Mana Cost]] 9</div> |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Elves|Food Store]]</span>
| | <div class="spell-upkeep-block spell-resource-text">[[Image:SF CoE Icon Mana Upkeep Transparent.png|20px|link=|Mana Upkeep]] 0</div> |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| | <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>
| | <div class="spell-blank-block">[[Image:SF CoE Zombify Blank.png|500px|link=|Spell Slot Before Unlock]]</div> |
| </div>
| | <div class="spell-page-block spell-flavor-text">[[Death Spellpage I (Slot 1)]]</div> |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ELFRangerIcon.png|50px|link=|Elves - Ranger]]</span></div>
| | <div class="spell-flavor-block spell-flavor-text">Flavor flave.</div> |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Unit Plans#Elves|Ranger]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(0,110,46,1) 0%,rgba(0,110,46,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ELFWarderIcon.png|50px|link=|Elves - Warder]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Unit Plans#Elves|Warder]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ORCWoodcuttersHutIcon.png|50px|link=|Orcs - Woodcutter's Hut]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Orcs|Woodcutter's Hut]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ORCMineIcon.png|50px|link=|Orcs - Mine]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Orcs|Mine]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ORCHuntingLodgeIcon.png|50px|link=|Orcs - Hunting Lodge]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Orcs|Hunting Lodge]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ORCFishersHutIcon.png|50px|link=|Orcs - Fisher's Hut]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Orcs|Fisher's Hut]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ORCMaceCarverIcon.png|50px|link=|Orcs - Mace Carver]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Orcs|Mace Carver]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ORCForgeIcon.png|50px|link=|Orcs - Forge]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Orcs|Forge]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ORCFirestarterIcon.png|50px|link=|Orcs - Firestarter]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Orcs|Firestarter]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ORCSmallHQIcon.png|50px|link=|Orcs - Small Headquarters]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Orcs|Small Headquarters]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ORCFoodStoreIcon.png|50px|link=|Orcs - Food Store]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Orcs|Food Store]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ORCThugIcon.png|50px|link=|Orcs - Thug]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Unit Plans#Orcs|Thug]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ORCSpearmanIcon.png|50px|link=|Orcs - Spearman]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Unit Plans#Orcs|Spearman]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ORCFighterIcon.png|50px|link=|Orcs - Fighter]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Unit Plans#Orcs|Fighter]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:TRLWoodcuttersHutIcon.png|50px|link=|Trolls - Woodcutter's Hut]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Trolls|Woodcutter's Hut]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:TRLQuarryIcon.png|50px|link=|Trolls - Quarry]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Trolls|Quarry]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:TRLHuntingLodgeIcon.png|50px|link=|Trolls - Hunting Lodge]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Trolls|Hunting Lodge]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:TRLCorpseCollectorIcon.png|50px|link=|Trolls - Corpse Collector]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Trolls|Corpse Collector]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:TRLMaceCarverIcon.png|50px|link=|Trolls - Mace Carver]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Trolls|Mace Carver]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:TRLSmallHQIcon.png|50px|link=|Trolls - Small Headquarters]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Trolls|Small Headquarters]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:TRLStonethrowerIcon.png|50px|link=|Trolls - Stone Thrower]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Trolls|Stone Thrower]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:TRLFoodStoreIcon.png|50px|link=|Trolls - Food Store]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Trolls|Food Store]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:TRLRowdyIcon.png|50px|link=|Trolls - Rowdy]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Unit Plans#Trolls|Rowdy]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(234,185,45,1) 0%,rgba(199,152,16,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:TRLSmasherIcon.png|50px|link=|Trolls - Smasher]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Unit Plans#Trolls|Smasher]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DEQuarryIcon.png|50px|link=|Dark Elves - Quarry]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Dark Elves|Quarry]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DEMineIcon.png|50px|link=|Dark Elves - Mine]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Dark Elves|Mine]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DEBreederIcon.png|50px|link=|Dark Elves - Breeder]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Dark Elves|Breeder]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DEForgeIcon.png|50px|link=|Dark Elves - Forge]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Dark Elves|Forge]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DESmallHQIcon.png|50px|link=|Dark Elves - Small Headquarters]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Dark Elves|Small Headquarters]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DEFoodStoreIicon.png|50px|link=|Dark Elves - Food Store]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Dark Elves|Food Store]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DEAssassinIcon.png|50px|link=|Dark Elves - Assassin]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Unit Plans#Dark Elves|Assassin]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
| |
| </div>
| |
| </div>
| |
|
| |
|
| </div> | | </div> |
| ====<span style="text-align: left;font-family: Times New Roman !important;font-weight: 700;padding: 3px 10px;background: linear-gradient(to bottom, #eb2 0%,#620 95%);
| |
| 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%;display: block;margin: -0.3em auto;font-size: min(max(1.35rem, 3.5vw), 20px);">Coop 02 - Light/Dark</span>====
| |
| <div class="ARG_container" style="display: grid;grid-template-columns: repeat(auto-fit, minmax(200px,1fr));grid-gap: 5px;padding: 5px;justify-items: center;">
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;max-width: 250px;"> <div class="icon" style="grid-column: span 2;"><span style="background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:ORCBoarBreedingIcon.png|50px|link=|Orcs - Boar Breeding]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;"><span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Orcs|Boar Breeding]]</span>
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"><i style="font-family: Times New roman;">Goblin camp in the middle, with the Rockthrowers</i> <code style="font-style: normal;font-size:90%;">(331,189)</code> </p>
| |
| </div>
| |
| </div>
| |
| <div class="item" style="background: rgba(248, 147, 38, 0.12);padding: 10px;display: grid;grid-template-columns: min-content auto;align-items: center;justify-items: center;align-content: flex-start;max-width: 250px;"> <div class="icon" style="margin: 0 8px;text-align: center;"><span style="background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:HMGrainFarmIcon.png|50px|link=|Humans - Grainsfarm]]</span>
| |
| <span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Humans|Grainsfarm]]</span></div>
| |
| <div class="icon" style="margin: 0 8px;text-align: center;"><span style="background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);width: 50px;height: 50px;display: block;margin: 2px auto;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;padding: 4px;border: 4px double #000;border-radius: 3px;">[[Image:DEFungusFarmIcon.png|50px|link=|Dark Elves - Fungus Farm]]</span>
| |
| <span class="title" style="font-weight: 600;text-align: center;width: 100%;display: block;">[[Building Plans#Dark Elves|Fungus Farm]]</span></div>
| |
| <div class="content" style="padding: 2px 5px;grid-column: span 2;">
| |
| <p class="text" style="font-family: 'Trebuchet MS', sans-serif;"><i style="font-family: Times New roman;">Grarg Camp in the South, with the Firemasters</i> <code style="font-style: normal;font-size:90%;">(244,64)</code> </p>
| |
| </div>
| |
| </div>
| |
|
| |
|
| </div> | | </div> |