Template:InfoboxProductLine: Difference between revisions

add aspect-ratio to infobox picture wrapper
m Protected "Template:InfoboxProductLine": Excessive vandalism ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))
 
(20 intermediate revisions by 8 users not shown)
Line 1: Line 1:
<includeonly>
<includeonly><div class="infobox">
<div class="infobox" style="background: #eee;border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 0.5em; width: 22em;">
 
<div style="display:flex;gap:8px;flex-direction:column;">
<div style="display:flex;gap:8px;flex-direction:column;">
 
     <div class="infobox-title">{{{Title|{{PAGENAME}}}}}</div>
     <div style="font-size: 2em; text-align: center; border-bottom: 1px solid #ccc; padding-bottom: .25em;"> {{{Title|{{PAGENAME}}}}} </div>
     <div class="infobox-image">[[File:{{{Logo}}}|200px]]</div>
 
     <table class="infobox-table">
     <div style="aspect-ratio: 2 / 1;align-items: center;justify-content: center;display: flex;">[[File:{{{Logo}}}|200px]]</div>
 
     <table style="width:100%;">


             <tr>  
             <tr>  
                 <th colspan=2 style="text-align: left; border-bottom: 1px solid #ccc; font-size:125%;">Basic Information</th>  
                 <th colspan=2 class="infobox-table-caption" >Basic Information</th>  
             </tr>
             </tr>


Line 31: Line 26:
             <tr>
             <tr>
                 <th>{{nowrap|Official Website}}</th>
                 <th>{{nowrap|Official Website}}</th>
                 <td>{{nowrap|{{{Official Website}}}}}</td>
                 <td>{{{Official Website}}}</td>
             </tr>
             </tr>


     </table>
     </table>
</div>
</div>
</div>
</includeonly><noinclude>
</div></includeonly><noinclude>
 
== Usage ==
== Usage ==
{{InfoboxProductLine
{{InfoboxProductLine
| Title = Product Name
| Title = Product Name
| Release Year = 2000
| Release Year = 2000  
| Product Type = Type of product
| Product Type = Type of product
| In Production = Yes
| In Production = Yes
| Official Website = somewebsite.somewhere
| Official Website = https://example.com/
| Logo= QuestionMark.svg
| Logo= QuestionMark.svg
}}
}}
Line 64: Line 55:
</nowiki>
</nowiki>
</pre>
</pre>
[[Category:Styling templates]]
{{Clear}}


== Template Data ==
== Template Data ==