Template:ArticleResponsiveGallery: Difference between revisions

Help

← Older edit Newer edit →

VisualWikitext

Revision as of 02:02, 31 August 2023

Buildings & Units Plans' LocationsAvailable from the beginning

@@ 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><span style="text-align: left;font-family: Times New Roman !important;font-weight: 700;font-size: 125%;padding: 3px 10px;background: linear-gradient(to bottom, #eb2 0%,#620 95%);
+<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><span style="text-align: left;font-family: Times New Roman !important;font-weight: 700;font-size: 2.5vh;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;">Available from the beginning</span>
 <div class="ARG_container" style="display: grid;grid-template-columns: repeat(auto-fit, minmax(200px,1fr));grid-gap: 10px;">
@@ Line 57: / Line 57: @@
 		</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:HMWoodcuttersHutIcon.png|50px|link=|Humans - Woodcutter's Hut]]</span></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: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;">card-1</span>
+		<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;">One thing that you’ll definitely come across living in digs is that everyone has their own way of keeping things tidy… or untidy. Sharing living space with a group of...</p>
+			<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(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:HMWoodcuttersHutIcon.png|50px|link=|Humans - Woodcutter's Hut]]</span></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: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;">card-1</span>
+		<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>
-			<p class="text" style="font-family: 'Trebuchet MS', sans-serif;">One thing that you’ll definitely come across living in digs is that everyone has their own way of keeping things tidy… or untidy. Sharing living space with a group of...</p>
+			<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(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:HMQuarryIcon.png|50px|link=|Humans - Quarry]]</span></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;">card-2</span>
+		<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>
-			<p class="text" style="font-family: 'Trebuchet MS', sans-serif;">One thing that you’ll definitely come across living in digs is that everyone has their own way of keeping things tidy… or untidy. Sharing living space with a group of...</p>
+			<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(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:HMWoodcuttersHutIcon.png|50px|link=|Humans - Woodcutter's Hut]]</span></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>
-		<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;">card-1</span>
+		<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;">One thing that you’ll definitely come across living in digs is that everyone has their own way of keeping things tidy… or untidy. Sharing living space with a group of...</p>
+			<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(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:HMWoodcuttersHutIcon.png|50px|link=|Humans - Woodcutter's Hut]]</span></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: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;">card-1</span>
+		<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>
-			<p class="text" style="font-family: 'Trebuchet MS', sans-serif;">One thing that you’ll definitely come across living in digs is that everyone has their own way of keeping things tidy… or untidy. Sharing living space with a group of...</p>
+			<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(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:HMWoodcuttersHutIcon.png|50px|link=|Humans - Woodcutter's Hut]]</span></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;">card-1</span>
+		<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>
-			<p class="text" style="font-family: 'Trebuchet MS', sans-serif;">One thing that you’ll definitely come across living in digs is that everyone has their own way of keeping things tidy… or untidy. Sharing living space with a group of...</p>
+			<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(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:HMQuarryIcon.png|50px|link=|Humans - Quarry]]</span></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>
-		<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;">card-2</span>
+		<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>
-			<p class="text" style="font-family: 'Trebuchet MS', sans-serif;">One thing that you’ll definitely come across living in digs is that everyone has their own way of keeping things tidy… or untidy. Sharing living space with a group of...</p>
+			<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(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:HMWoodcuttersHutIcon.png|50px|link=|Humans - Woodcutter's Hut]]</span></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:DWFWatchmanIcon.png|50px|link=|Dwarves - Watchman]]</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;">card-1</span>
+		<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>
-			<p class="text" style="font-family: 'Trebuchet MS', sans-serif;">One thing that you’ll definitely come across living in digs is that everyone has their own way of keeping things tidy… or untidy. Sharing living space with a group of...</p>
+			<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(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:HMWoodcuttersHutIcon.png|50px|link=|Humans - Woodcutter's Hut]]</span></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>
-		<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;">card-1</span>
+		<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>
-			<p class="text" style="font-family: 'Trebuchet MS', sans-serif;">One thing that you’ll definitely come across living in digs is that everyone has their own way of keeping things tidy… or untidy. Sharing living space with a group of...</p>
+			<p class="text" style="font-family: 'Trebuchet MS', sans-serif;"> </p>
 		</div>
 	</div>
 </div>
 </div>