Difference between revisions of "Template:RightTiles"

From The Viking Age Compendium
Jump to: navigation, search
(Created page with "<div style="float:right;">{{#if: {{{Title|}}} |'''''{{{Title|}}}'''''|}}<div style="max-width:100%; overflow: hidden;">{{#if: {{{CategoryImage1|}}} |<div id="gBox" style="back...")
 
m
Line 1: Line 1:
<div style="float:right;">{{#if: {{{Title|}}} |'''''{{{Title|}}}'''''|}}<div style="max-width:100%; overflow: hidden;">{{#if: {{{CategoryImage1|}}} |<div id="gBox" style="background-color: PaleGoldenrod; border:1px solid PaleGoldenrod; float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
<!--|GroupImage1 = {{#ifeq: {{{Category1|}}} | {{PAGENAME}} | | {{{GroupImage1|}}} }}
  <div id="gBoxImg" style="width: 100%;">[[File:{{{CategoryImage1|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Category1|}}} |{{!}}link={{{Category1}}}|}}]]</div>
+
|GroupLink1 = {{#ifeq: {{{Category1|}}} | {{PAGENAME}} | | {{{GroupLink1|}}} }}  
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Category1|}}} |[[{{{Category1|}}}{{!}}{{{Category1|}}}]]|{{{Category1|}}}}}</div></div>|}}{{#if: {{{GroupImage1|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|GroupCaption1 = {{#ifeq: {{{Category1|}}} | {{PAGENAME}} | | {{{GroupCaption1|}}} }} --><!-- Mobile View --><div id="mf-HideOnDesktop">{{Gallery-Tiles
  <div id="gBoxImg" style="width: 100%;">[[File:{{{GroupImage1|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{GroupLink1|}}} |{{!}}link={{{GroupLink1}}}|}}]]</div>
+
|Title = {{{Title|}}}
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{GroupLink1|}}} |[[{{{GroupLink1|}}}{{!}}{{{GroupCaption1|}}}]]|{{{GroupCaption1|}}}}}</div>
+
|Height = 120px
</div>|}}{{#if: {{{Image1|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|Width = 130px
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image1|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link1|}}} |{{!}}link={{{Link1}}}|}}]]</div>
+
|Colour = {{{Colour|}}}  
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link1|}}} |[[{{{Link1|}}}{{!}}{{{Caption1|}}}]]|{{{Caption1|}}}}}</div>
+
|CategoryImage1 = {{#ifeq: {{{Category1|}}} | {{PAGENAME}} | | {{{CategoryImage1|}}} }}
</div>|}}{{#if: {{{Image2|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|Category1 = {{#ifeq: {{{Category1|}}} | {{PAGENAME}} | | {{{Category1|}}} }}  
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image2|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link2|}}} |{{!}}link={{{Link2}}}|}}]]</div>
+
|Image1 = {{{Image1|}}}|Link1 = {{{Link1|}}}|Caption1 = {{{Caption1|}}}
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link2|}}} |[[{{{Link2|}}}{{!}}{{{Caption2|}}}]]|{{{Caption2|}}}}}</div>
+
|Image2 = {{{Image2|}}}|Link2 = {{{Link2|}}}|Caption2 = {{{Caption2|}}}
</div>|}}{{#if: {{{Image3|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|Image3 = {{{Image3|}}}|Link3 = {{{Link3|}}}|Caption3 = {{{Caption3|}}}
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image3|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link3|}}} |{{!}}link={{{Link3}}}|}}]]</div>
+
|Image4 = {{{Image4|}}}|Link4 = {{{Link4|}}}|Caption4 = {{{Caption4|}}}
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link3|}}} |[[{{{Link3|}}}{{!}}{{{Caption3|}}}]]|{{{Caption3|}}}}}</div>
+
|Image5 = {{{Image5|}}}|Link5 = {{{Link5|}}}|Caption5 = {{{Caption5|}}}
</div>|}}{{#if: {{{Image4|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|Image6 = {{{Image6|}}}|Link6 = {{{Link6|}}}|Caption6 = {{{Caption6|}}}
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image4|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link4|}}} |{{!}}link={{{Link4}}}|}}]]</div>
+
|Image7 = {{{Image7|}}}|Link7 = {{{Link7|}}}|Caption7 = {{{Caption7|}}}
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link4|}}} |[[{{{Link4|}}}{{!}}{{{Caption4|}}}]]|{{{Caption4|}}}}}</div>
+
|Image8 = {{{Image8|}}}|Link8 = {{{Link8|}}}|Caption8 = {{{Caption8|}}}
</div>|}}{{#if: {{{Image5|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|Image9 = {{{Image9|}}}|Link9 = {{{Link9|}}}|Caption9 = {{{Caption9|}}}
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image5|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link5|}}} |{{!}}link={{{Link5}}}|}}]]</div>
+
|Image10 = {{{Image10|}}}|Link10 = {{{Link10|}}}|Caption10 = {{{Caption10|}}}
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link5|}}} |[[{{{Link5|}}}{{!}}{{{Caption5|}}}]]|{{{Caption5|}}}}}</div>
+
|Image11 = {{{Image11|}}}|Link11 = {{{Link11|}}}|Caption11 = {{{Caption11|}}}
</div>|}}{{#if: {{{Image6|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|Image12 = {{{Image12|}}}|Link12 = {{{Link12|}}}|Caption12 = {{{Caption12|}}}
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image6|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link6|}}} |{{!}}link={{{Link6}}}|}}]]</div>
+
|Image13 = {{{Image13|}}}|Link13 = {{{Link13|}}}|Caption13 = {{{Caption13|}}}
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link6|}}} |[[{{{Link6|}}}{{!}}{{{Caption6|}}}]]|{{{Caption6|}}}}}</div>
+
|Image14 = {{{Image14|}}}|Link14 = {{{Link14|}}}|Caption14 = {{{Caption14|}}}
</div>|}}{{#if: {{{Image7|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|Image15 = {{{Image15|}}}|Link15 = {{{Link15|}}}|Caption15 = {{{Caption15|}}}
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image7|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link7|}}} |{{!}}link={{{Link7}}}|}}]]</div>
+
}}</div><!-- Desktop View --><div id="mf-HideOnMobile"><div style="float:right;width: 300px;">{{Gallery-Tiles
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link7|}}} |[[{{{Link7|}}}{{!}}{{{Caption7|}}}]]|{{{Caption7|}}}}}</div>
+
|Title = {{{Title|}}}
</div>|}}{{#if: {{{Image8|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|Height = {{{Height|}}}
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image8|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link8|}}} |{{!}}link={{{Link8}}}|}}]]</div>
+
|Width = {{{Width|}}}
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link8|}}} |[[{{{Link8|}}}{{!}}{{{Caption8|}}}]]|{{{Caption8|}}}}}</div>
+
|Colour = {{{Colour|}}}  
</div>|}}{{#if: {{{Image9|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|CategoryImage1 = {{#ifeq: {{{Category1|}}} | {{PAGENAME}} | | {{{CategoryImage1|}}} }}
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image9|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link9|}}} |{{!}}link={{{Link9}}}|}}]]</div>
+
|Category1 = {{#ifeq: {{{Category1|}}} | {{PAGENAME}} | | {{{Category1|}}} }}
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link9|}}} |[[{{{Link9|}}}{{!}}{{{Caption9|}}}]]|{{{Caption9|}}}}}</div>
+
|Image1 = {{{Image1|}}}|Link1 = {{{Link1|}}}|Caption1 = {{{Caption1|}}}
</div>|}}{{#if: {{{Image10|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|Image2 = {{{Image2|}}}|Link2 = {{{Link2|}}}|Caption2 = {{{Caption2|}}}
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image10|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link10|}}} |{{!}}link={{{Link10}}}|}}]]</div>
+
|Image3 = {{{Image3|}}}|Link3 = {{{Link3|}}}|Caption3 = {{{Caption3|}}}
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link10|}}} |[[{{{Link10|}}}{{!}}{{{Caption10|}}}]]|{{{Caption10|}}}}}</div>
+
|Image4 = {{{Image4|}}}|Link4 = {{{Link4|}}}|Caption4 = {{{Caption4|}}}
</div>|}}{{#if: {{{Image11|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|Image5 = {{{Image5|}}}|Link5 = {{{Link5|}}}|Caption5 = {{{Caption5|}}}
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image11|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link11|}}} |{{!}}link={{{Link11}}}|}}]]</div>
+
|Image6 = {{{Image6|}}}|Link6 = {{{Link6|}}}|Caption6 = {{{Caption6|}}}
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link11|}}} |[[{{{Link11|}}}{{!}}{{{Caption11|}}}]]|{{{Caption11|}}}}}</div>
+
|Image7 = {{{Image7|}}}|Link7 = {{{Link7|}}}|Caption7 = {{{Caption7|}}}
</div>|}}{{#if: {{{Image12|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|Image8 = {{{Image8|}}}|Link8 = {{{Link8|}}}|Caption8 = {{{Caption8|}}}
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image12|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link12|}}} |{{!}}link={{{Link12}}}|}}]]</div>
+
|Image9 = {{{Image9|}}}|Link9 = {{{Link9|}}}|Caption9 = {{{Caption9|}}}
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link12|}}} |[[{{{Link12|}}}{{!}}{{{Caption12|}}}]]|{{{Caption12|}}}}}</div>
+
|Image10 = {{{Image10|}}}|Link10 = {{{Link10|}}}|Caption10 = {{{Caption10|}}}
</div>|}}{{#if: {{{Image13|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|Image11 = {{{Image11|}}}|Link11 = {{{Link11|}}}|Caption11 = {{{Caption11|}}}
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image13|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link13|}}} |{{!}}link={{{Link13}}}|}}]]</div>
+
|Image12 = {{{Image12|}}}|Link12 = {{{Link12|}}}|Caption12 = {{{Caption12|}}}
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link13|}}} |[[{{{Link13|}}}{{!}}{{{Caption13|}}}]]|{{{Caption13|}}}}}</div>
+
|Image13 = {{{Image13|}}}|Link13 = {{{Link13|}}}|Caption13 = {{{Caption13|}}}
</div>|}}{{#if: {{{Image14|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
|Image14 = {{{Image14|}}}|Link14 = {{{Link14|}}}|Caption14 = {{{Caption14|}}}
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image14|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link14|}}} |{{!}}link={{{Link14}}}|}}]]</div>
+
|Image15 = {{{Image15|}}}|Link15 = {{{Link15|}}}|Caption15 = {{{Caption15|}}}
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link14|}}} |[[{{{Link14|}}}{{!}}{{{Caption14|}}}]]|{{{Caption14|}}}}}</div>
+
}}</div></div>
</div>|}}{{#if: {{{Image15|}}} |<div id="gBox" style="{{#if: {{{Colour|}}} |background-color:{{{Colour}}}; border:1px solid {{{Colour}}};}}float:left; margin:0px 6px 5px 0px; width:{{{Width|130px}}}; height:{{{Height|120px}}};">
+
  <div id="gBoxImg" style="width: 100%;">[[File:{{{Image15|}}}|frameless|none|{{{Width|120px}}}{{#if: {{{Link15|}}} |{{!}}link={{{Link15}}}|}}]]</div>
+
  <div id="gBoxText" style="text-align: left; padding:0px 5px;">{{#if: {{{Link15|}}} |[[{{{Link15|}}}{{!}}{{{Caption15|}}}]]|{{{Caption15|}}}}}</div>
+
</div>|}}</div></div>
+

Revision as of 20:47, 31 May 2017