|
|
Ligne 1 : |
Ligne 1 : |
| <includeonly><div style="display: table; position: relative;"> | | {{Page Chevaliers Impériaux}} |
| | __NOTOC__ |
| | {|class="wikitable" style="width: 400px; background-color: #000000; margin: auto;" |
| | |style="color:#DBE9F4; text-align:center;"| |
| | :''« Il n’est personne de plus haïssable dans le vaste [[Imperium]] que celui qui réduit ses loyaux serviteurs en esclavage. Le labeur honnête au nom de l’[[Empereur]] est important, car ce n’est qu’à travers un dur travail et les privations nécessaires qu’un homme peut apprêter son âme à recevoir la grâce de l’Empereur. Cependant, quand le [[Xenos]] ou l’hérétique place le joug de l’esclavage sur le cou d’honnêtes citoyens impériaux, et détourne leur bon travail à des fins ignobles, il commet une offense impardonnable. Il n’existe qu’un seul juste châtiment pour ces abominables tyransn… La mort. »'' |
| | <div align="right">'''- Sire [[Canis Rex|Hekhtur, le Briseur de Chaînes]].'''</div> |
| | [[Fichier:OstDesChevaliers.jpg|500px]] |
| | |} |
| | |
| | ===[[Chevalier Acastus]]=== |
| | <div style="text-align: center;"> |
| <div style=" | | <div style=" |
| display: table; | | display: inline-flex; |
| | flex-flow: row; |
| | flex-wrap: wrap; |
| | justify-content: center; |
| | margin: auto; padding: 50px 50px 0 50px; |
| position: relative; | | position: relative; |
| ">{{{include|}}}{{#if: {{{name|}}} | | "> |
| |<div style="position: absolute;
| |
| top: 50%;
| |
| left: 50%;
| |
| z-index: 20;
| |
| transform: translateX(-50%) translateY(-50%) rotate(210deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
| |
| display: flex;
| |
| justify-content: center;
| |
| align-items: center;
| |
| font-weight: normal;
| |
| letter-spacing: 2px;
| |
| box-sizing: border-box;
| |
| text-transform: uppercase;
| |
| font-size: 10px;
| |
| font-family: sans-serif;
| |
| font-style: normal;
| |
| text-shadow: 0 0 5px #000, 0 0 10px #4f2714, 0 0 10px #000, 2px 2px 5px black, 1px 1px 10px black, 1px 1px 5px black;
| |
| color: #ffffff4a;
| |
| width: 120px;">
| |
| <div style="height: 30px;z-index: 20;width: 100%;background: linear-gradient(90deg, #717978, #414444, #575b5b, #232625, #414444, #717978);box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, inset 2px 4px 20px black;display: flex;justify-content: center;align-items: center;clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 100%, 16px 100%);padding: 0 1.5em 0 1em;font-weight: normal;letter-spacing: 2px;box-sizing: border-box;text-transform: uppercase;font-size: 10px;font-family: sans-serif;font-style: normal;text-shadow: 0 0 5px #000, 0 0 10px #4f2714, 0 0 10px #000, 2px 2px 5px black, 1px 1px 10px black, 1px 1px 5px black;color: #ffffff4a;">
| |
| <div style="transform: rotate(180deg); white-space: nowrap; {{{name_style|}}}">{{{name|}}}</div>
| |
| </div>{{#if: {{{title|}}}
| |
| |<div style="position: absolute;
| |
| top: 0;
| |
| right: 0;
| |
| z-index: 10;
| |
| transform: rotate(180deg) translateY(17px) translateX(15px);
| |
| border-radius: 5px;text-shadow: 0 0 5px black, 0 0 15px black;
| |
| text-transform: none;
| |
| clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 100%, 10px 100%);
| |
| width: calc(100% - 6px);
| |
| box-sizing: border-box;text-align: center;
| |
| background: linear-gradient(135deg, #71797848 0, #41444448 25%, #575b5b48 40%, #23262548 55%, #3c424048 75%, #1f232248 85%) #000;
| |
| box-shadow: inset 1px 1px #ffffff1f, inset -1px -1px #ffffff10, inset 2px 2px 1px #ffffff1f, inset 0 0 10px #000, 0 4px 10px black;
| |
| white-space: nowrap;
| |
| {{{title_style|}}}">{{{title}}}</div>}}
| |
| </div>}}
| |
| <div style="pointer-events: none;
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| height: 100%;
| |
| z-index: 10;
| |
| overflow: hidden;
| |
| clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);">
| |
| <div style="position: absolute;
| |
| top: 50%;
| |
| left: 50%;
| |
| height: {{#expr: {{{dimension|140}}} / 15}}px;z-index: 10;
| |
| width: {{#expr: 4 + {{{dimension|140}}} / 2 round 2}}px;
| |
| clip-path: polygon( 0 0, 100% 0, 82% 300%, 18% 300%);
| |
| background: {{{border_bg|radial-gradient({{{border_color|#222222}}}ba, #0000), linear-gradient(to right, {{{border_color|#444}}}, #ffffff75) {{{border_color|#444}}}}}};
| |
| box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black;
| |
| transform: translateX(-50%) translateY(-50%) rotate(30deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
| |
| "><div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient({{{border_color|#ffffff}}}40, transparent) #ffffff20;"></div></div>
| |
| <div style="position: absolute;
| |
| top: 50%;
| |
| left: 50%;
| |
| height: {{#expr: {{{dimension|140}}} / 15}}px;z-index: 10;
| |
| width: {{#expr: 4 + {{{dimension|140}}} / 2 round 2}}px;
| |
| clip-path: polygon( 0 0, 100% 0, 82% 300%, 18% 300%);
| |
| background: {{{border_bg|radial-gradient({{{border_color|#222222}}}ba, #0000), linear-gradient(to right, {{{border_color|#444}}}, #00000075) {{{border_color|#000}}}}}};
| |
| box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black;
| |
| transform: translateX(-50%) translateY(-50%) rotate(90deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
| |
| "><div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient({{{light_shade_color|#000000}}}40, transparent) #00000020;"></div></div>
| |
| <div style="position: absolute;
| |
| top: 50%;
| |
| left: 50%;
| |
| height: {{#expr: {{{dimension|140}}} / 15}}px;z-index: 10;
| |
| width: {{#expr: 4 + {{{dimension|140}}} / 2 round 2}}px;
| |
| clip-path: polygon( 0 0, 100% 0, 82% 300%, 18% 300%);
| |
| background: {{{border_bg|radial-gradient({{{border_color|#222222}}}ba, #0000), linear-gradient(to right, {{{border_color|#444}}}, #00000075) {{{light_shade_color|#000}}}}}};
| |
| box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black;
| |
| transform: translateX(-50%) translateY(-50%) rotate(150deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
| |
| "><div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient({{{light_shade_color|#000000}}}90, transparent) #00000040;"></div></div>
| |
| <div style="position: absolute;
| |
| top: 50%;
| |
| left: 50%;
| |
| height: {{#expr: {{{dimension|140}}} / 15}}px;z-index: 10;
| |
| width: {{#expr: 4 + {{{dimension|140}}} / 2 round 2}}px;
| |
| clip-path: polygon( 0 0, 100% 0, 82% 300%, 18% 300%);
| |
| background: {{{border_bg|radial-gradient({{{border_color|#222222}}}ba, #0000), linear-gradient(to right, {{{border_color|#444}}}, #00000075) {{{light_shade_color|#000}}}}}};
| |
| box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black;
| |
| transform: translateX(-50%) translateY(-50%) rotate(210deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
| |
| "><div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient({{{light_shade_color|#000000}}}40, transparent) #00000020;"></div></div>
| |
| <div style="position: absolute;
| |
| top: 50%;
| |
| left: 50%;
| |
| height: {{#expr: {{{dimension|140}}} / 15}}px;z-index: 10;
| |
| width: {{#expr: 4 + {{{dimension|140}}} / 2 round 2}}px;
| |
| clip-path: polygon( 0 0, 100% 0, 82% 300%, 18% 300%);
| |
| background: {{{border_bg|radial-gradient({{{border_color|#222222}}}ba, #0000), linear-gradient(to right, {{{border_color|#444}}}, #ffffff75) {{{border_color|#444}}}}}};
| |
| box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black;
| |
| transform: translateX(-50%) translateY(-50%) rotate(270deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
| |
| "><div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient({{{border_color|#ffffff}}}40, transparent) #ffffff20;"></div></div>
| |
| <div style="position: absolute;
| |
| top: 50%;
| |
| left: 50%;
| |
| height: {{#expr: {{{dimension|140}}} / 15}}px;z-index: 10;
| |
| width: {{#expr: 4 + {{{dimension|140}}} / 2 round 2}}px;
| |
| clip-path: polygon( 0 0, 100% 0, 82% 300%, 18% 300%);
| |
| background: {{{border_bg|radial-gradient({{{border_color|#222222}}}ba, #0000), linear-gradient(to right, {{{border_color|#444}}}, #ffffff75) {{{border_color|#444}}}}}};
| |
| box-shadow: inset 1px 1px #ffffff1f, inset 0 0 0 1px #272727, 0 4px 10px black;
| |
| transform: translateX(-50%) translateY(-50%) rotate(330deg) translateY(calc(50% - {{#expr: {{{dimension|140}}} * 0.455}}px));
| |
| "><div style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient({{{border_color|#ffffff}}}90, transparent) #ffffff40;"></div></div>
| |
| </div>
| |
| <div style="position: relative;
| |
| width: 100%;
| |
| height: 100%;
| |
| z-index: 5;
| |
| overflow: hidden;
| |
| clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);">
| |
| {{Portrait SciFi
| |
| |image={{{image|}}}
| |
| |taille_image={{{taille_image|}}}
| |
| |link={{{link|}}}
| |
| |hauteur={{{dimension|140}}}px
| |
| |largeur={{#expr: {{{dimension|140}}} * 0.87}}px
| |
| |decalage_image_vertical={{{decalage_image_vertical|}}}
| |
| |decalage_image_horizontal={{{decalage_image_horizontal|}}}
| |
| }}</div></div></div></includeonly><noinclude>
| |
| {{Page OB}}
| |
|
| |
|
| {{travaux}} | | {{Portait SciFi |margin=0 2em 4em 2em |
| | |titre=Acastus Asterius |
| | |link=[[Acastus Asterius]] |
| | |image=DecoArméeChevaliers.jpg |
| | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| | }} |
|
| |
|
| ==Fonctionnalité== | | {{Portait SciFi |margin=0 2em 4em 2em |
| | |titre=Acastus Porphyrion |
| | |link=[[Acastus Porphyrion]] |
| | |image=ChevalierAcastus.jpg |
| | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| | }} |
|
| |
|
| Permet d'afficher une image dans un style futuriste et un cadre hexadecimal.
| | </div> |
| | </div> |
|
| |
|
| == Exemples == | | ===[[Chevalier Armigère]]=== |
| | <div style="text-align: center;"> |
| | <div style=" |
| | display: inline-flex; |
| | flex-flow: row; |
| | flex-wrap: wrap; |
| | justify-content: center; |
| | margin: auto; padding: 50px 50px 0 50px; |
| | position: relative; |
| | "> |
|
| |
|
| {| style="width: 100%;" | | {{Portait SciFi |margin=0 2em 4em 2em |
| |- style="font-weight: bold;" | | |titre=Armigère Moirax |
| | Code : | | |link=[[Armigère Moirax]] |
| | Rendu : | | |image=DecoArméeChevaliers.jpg |
| |- style="vertical-align: top; width: 100%;" | | |taille_image=x260px |
| | style="background: #262626;padding: 20px;box-shadow: inset 0 0 40px 0px black; width: 400px;" | | | |hexcolor=#00CDFF |
| | }} |
|
| |
|
| <pre>{{Portrait Hexa
| | {{Portait SciFi |margin=0 2em 4em 2em |
| |image=Mathias portrait.jpg | | |titre=Armigère Hastaire |
| }}</pre>
| | |link=[[Armigère Hastaire]] |
| | | |image=ArmigerWarglaive.jpg |
| | style="width: calc(100% - 400px); padding-left: 2em;" | | | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| | }} |
|
| |
|
| {{Portrait Hexa | | {{Portait SciFi |margin=0 2em 4em 2em |
| |image=Mathias portrait.jpg | | |titre=Armigère Helvérien |
| | |link=[[Armigère Helvérien]] |
| | |image=ArmigerHelverin.jpg |
| | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| }} | | }} |
|
| |
|
| |}
| | </div> |
| | </div> |
|
| |
|
| | ===[[Chevalier Cerastus]]=== |
| | <div style="text-align: center;"> |
| | <div style=" |
| | display: inline-flex; |
| | flex-flow: row; |
| | flex-wrap: wrap; |
| | justify-content: center; |
| | margin: auto; padding: 50px 50px 0 50px; |
| | position: relative; |
| | "> |
|
| |
|
| -------------
| | {{Portait SciFi |margin=0 2em 4em 2em |
| | |titre=Cerastus Acheron |
| | |link=[[Cerastus Acheron]] |
| | |image=ChevalierAcheron.jpg |
| | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| | }} |
|
| |
|
| | {{Portait SciFi |margin=0 2em 4em 2em |
| | |titre=Cerastus Atrapos |
| | |link=[[Cerastus Atrapos]] |
| | |image=ChevalierAtrapos.jpg |
| | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| | }} |
|
| |
|
| {| style="width: 100%;" | | {{Portait SciFi |margin=0 2em 4em 2em |
| |- style="font-weight: bold;"
| | |titre=Cerastus Castigator |
| | Code :
| | |link=[[Cerastus Castigator]] |
| | Rendu :
| | |image=ChevalierCastigator.jpg |
| |- style="vertical-align: top; width: 100%;" | | |taille_image=x260px |
| | style="background: #262626;padding: 20px;box-shadow: inset 0 0 40px 0px black; width: 400px;" | | | |hexcolor=#00CDFF |
| | | }} |
| <pre>{{Portrait Hexa
| |
| |image=Mathias portrait.jpg | |
| |dimension=100 | |
| |taille_image=100px | |
| }}</pre> | |
| | |
| | style="width: calc(100% - 400px); padding-left: 2em;" |
| |
|
| |
|
| {{Portrait Hexa | | {{Portait SciFi |margin=0 2em 4em 2em |
| |image=Mathias portrait.jpg | | |titre=Cerastus Lancer |
| |dimension=100 | | |link=[[Cerastus Lancer]] |
| |taille_image=100px | | |image=ChevaliersDeMolech.jpg |
| | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| }} | | }} |
|
| |
|
| |}
| | </div> |
| | </div> |
|
| |
|
| | ===[[Chevalier Dominus]]=== |
| | <div style="text-align: center;"> |
| | <div style=" |
| | display: inline-flex; |
| | flex-flow: row; |
| | flex-wrap: wrap; |
| | justify-content: center; |
| | margin: auto; padding: 50px 50px 0 50px; |
| | position: relative; |
| | "> |
|
| |
|
| -------------
| | {{Portait SciFi |margin=0 2em 4em 2em |
| | |titre=Dominus Castellan |
| | |link=[[Dominus Castellan]] |
| | |image=ChevalierCastellan.jpg |
| | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| | }} |
|
| |
|
| | {{Portait SciFi |margin=0 2em 4em 2em |
| | |titre=Dominus Vaillant |
| | |link=[[Dominus Vaillant]] |
| | |image=ChevalierValiant.jpg |
| | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| | }} |
|
| |
|
| {| style="width: 100%;"
| | </div> |
| |- style="font-weight: bold;"
| | </div> |
| | Code :
| |
| | Rendu :
| |
| |- style="vertical-align: top; width: 100%;"
| |
| | style="background: #262626;padding: 20px;box-shadow: inset 0 0 40px 0px black; width: 400px;" |
| |
|
| |
|
| <pre>{{Portrait Hexa | | ===[[Chevalier Questoris]]=== |
| |image=Mathias portrait.jpg
| | <div style="text-align: center;"> |
| |name=Mathias
| | <div style=" |
| }}</pre>
| | display: inline-flex; |
| | flex-flow: row; |
| | flex-wrap: wrap; |
| | justify-content: center; |
| | margin: auto; padding: 50px 50px 0 50px; |
| | position: relative; |
| | "> |
|
| |
|
| | style="width: calc(100% - 400px); padding-left: 2em;" | | | {{Portait SciFi |margin=0 2em 4em 2em |
| | |titre=Questoris Croisé |
| | |link=[[Questoris Croisé]] |
| | |image=CrusaderChevalier.jpg |
| | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| | }} |
|
| |
|
| {{Portrait Hexa | | {{Portait SciFi |margin=0 2em 4em 2em |
| |image=Mathias portrait.jpg | | |titre=Questoris Errant |
| |name=Mathias | | |link=[[Questoris Errant]] |
| | |image=ChevalierErrant.jpg |
| | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| }} | | }} |
|
| |
|
| |} | | {{Portait SciFi |margin=0 2em 4em 2em |
| | |titre=Questoris Galant |
| | |link=[[Questoris Galant]] |
| | |image=ChevalierGallant.jpg |
| | |taille_image=180px |
| | |hexcolor=#00CDFF |
| | }} |
|
| |
|
| | {{Portait SciFi |margin=0 2em 4em 2em |
| | |titre=Questoris Magaera |
| | |link=[[Questoris Magaera]] |
| | |image=Coronides3.jpg |
| | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| | }} |
|
| |
|
| -------------
| | {{Portait SciFi |margin=0 2em 4em 2em |
| | |titre=Questoris Paladin |
| | |link=[[Questoris Paladin]] |
| | |image=ChevalierPaladin.jpg |
| | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| | }} |
|
| |
|
| | {{Portait SciFi |margin=0 2em 4em 2em |
| | |titre=Questoris Precepteur |
| | |link=[[Questoris Precepteur]] |
| | |image=CanisRex.jpg |
| | |taille_image=x260px |
| | |hexcolor=#00CDFF |
| | }} |
|
| |
|
| {| style="width: 100%;" | | {{Portait SciFi |margin=0 2em 4em 2em |
| |- style="font-weight: bold;" | | |titre=Questoris Styrix |
| | Code : | | |link=[[Questoris Styrix]] |
| | Rendu :
| | |image=DecoArméeChevaliers.jpg |
| |- style="vertical-align: top; width: 100%;"
| | |taille_image=x260px |
| | style="background: #262626;padding: 20px;box-shadow: inset 0 0 40px 0px black; width: 400px;" |
| | |hexcolor=#00CDFF |
| | | }} |
| <pre>{{Portrait Hexa
| |
| |dimension=180
| |
| |image=Mathias portrait.jpg | |
| |name=Mathias | |
| |title=Capitaine
| |
| |link=[[Mathias]]
| |
| |border_color=#151024 | |
| }}</pre> | |
|
| |
|
| | style="width: calc(100% - 400px); padding-left: 2em;" | | | {{Portait SciFi |margin=0 2em 4em 2em |
| | | |titre=Questoris Vigilant |
| {{Portrait Hexa
| | |link=[[Questoris Vigilant]] |
| |dimension=180 | | |image=WardenChevalier.jpg |
| |image=Mathias portrait.jpg | | |taille_image=x280px |
| |name=Mathias | | |hexcolor=#00CDFF |
| |title=Capitaine
| |
| |border_color=#151024 | |
| |link=[[Mathias]]
| |
| }} | | }} |
|
| |
|
| |}
| | </div> |
| | </div> |
|
| |
|
| | ===Chevalier Sans-Fief=== |
| | <div style="text-align: center;"> |
| | <div style=" |
| | display: inline-flex; |
| | flex-flow: row; |
| | flex-wrap: wrap; |
| | justify-content: center; |
| | margin: auto; padding: 50px 50px 0 50px; |
| | position: relative; |
| | "> |
|
| |
|
| -------------
| | {{Portait SciFi |margin=0 2em 4em 2em |
| | | |titre= Chevalier Sans-Fief |
| | | |link=[[Chevalier Sans-Fief]] |
| {| style="width: 100%;" | | |image=FreeBlade.jpg |
| |- style="font-weight: bold;"
| | |taille_image=x260px |
| | Code :
| | |hexcolor=#00CDFF |
| | Rendu :
| |
| |- style="vertical-align: top; width: 100%;" | |
| | style="background: #262626;padding: 20px;box-shadow: inset 0 0 40px 0px black; width: 400px;" | | |
| | |
| <pre>{{Portrait Hexa
| |
| |image=Mathias portrait.jpg | |
| |name=Mathias
| |
| |border_bg=radial-gradient(#ffffff21, transparent, #00000026), linear-gradient(#151024, #442121 20%, #442121 80%, #0b0707)
| |
| |dimension=100
| |
| |taille_image=100px | |
| |name_style=font-size: smaller; | |
| }}</pre>
| |
| | |
| | style="width: calc(100% - 400px); padding-left: 2em;" |
| |
| | |
| {{Portrait Hexa
| |
| |image=Mathias portrait.jpg
| |
| |name=Mathias
| |
| |border_bg=radial-gradient(#ffffff21, transparent, #00000026), linear-gradient(#151024, #442121 20%, #442121 80%, #0b0707)
| |
| |dimension=100
| |
| |taille_image=100px
| |
| |name_style=font-size: smaller;
| |
| }} | | }} |
|
| |
|
| |}
| | </div> |
| | | </div> |
|
| |
|
| | {{Credo|right}} |
|
| |
|
| [[Catégorie:Modèles de mise en page|global]] | | [[Catégorie:Chevaliers Impériaux]] |
| </noinclude>
| | [[Catégorie:Marcheurs]] |
| | [[Catégorie:Listes d'Armées]] |