|
|
| (32 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| {| class="infobox" style="font-size:89%; width:300px;"
| | <html> |
| |-
| | <style> |
| ! colspan="2" style="background-color: lightblue; color: black; font-size:120%; padding:1em;" | {{{name}}}
| | @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,400;0,700;1,400&display=swap'); |
| |- style="text-align:center;"
| | .hero{ |
| | colspan="2" style="padding:0.5em;" | [[{{{image|}}}|250 px]]
| | background-image: url("https://wikimsk.org/w/img_auth.php/e/ea/Reading_manikin.jpg"); |
| |-
| | height: 350px; |
| ! colspan="2" style="color: black;" |
| | background-position: center; |
| <tabber>
| | background-repeat: no-repeat; |
| Tab1 = {{{1|Main}}}
| | background-size: cover; |
| |-|
| | position: relative; |
| {| class="mw-collapsible mw-collapsed" style="font-size:89%; text-align: left;" width="300px"
| | display: flex; |
| |- valign="top"
| | justify-content: center; /* align horizontal */ |
| {{#if: {{{x<includeonly>|</includeonly>}}} {{{Row1|}}} {{{Row2|}}} |
| | align-items: center; /* align vertical */ |
| ! colspan="2" {{!}} <div class="infobox-section-header, style="background-color: lightblue; text-align: center;">Something</div>
| | } |
| }}
| | .hero-text{ |
| | font-family:"Josefin Sans" |
| | margin:2em; |
| | padding:2em; |
| | line-height:1rem; |
| | color:white; |
| | display:flex; |
| | flex-direction:column; |
| | align-items:center; |
| | justify-content:center; |
| | } |
|
| |
|
| |-
| | .hero-title{ |
| {{#if: {{{Row1<includeonly>|</includeonly>}}}
| | font-size:80px; |
| | margin-bottom:3rem; |
| | font-weight:900; |
| | line-height:1.1em; |
| | text-align: center; |
| | text-decoration: underline; |
| | text-decoration-color: #3498db; |
| | text-shadow: 2px 2px DimGray; |
| | } |
| | .hero-caption{ |
| | font-size:30px; |
| | text-align: center; |
| | text-shadow: 2px 2px DimGray; |
| | line-height:1.1em; |
| | } |
|
| |
|
| |
| | @media only screen and (max-width: 900px) { |
| | | .hero-caption{ |
| {{!}} '''Row1'''
| | font-size:20px; |
| | | } |
| {{!}} {{{Row1}}}
| | .hero-title{ |
| | | font-size:60px; |
| }}
| | } |
| | |
| |-
| |
| {{#if: {{{Row2<includeonly>|</includeonly>}}}
| |
| | |
| |
| |
| | |
| {{!}} '''Row2'''
| |
| | |
| {{!}} {{{Row2}}}
| |
| | |
| }}
| |
| | |
| |}
| |
| Tab2 = {{{2|Alt1}}}
| |
| |-|
| |
| {| class="mw-collapsible mw-collapsed" style="font-size:89%; text-align: left;" width="300px"
| |
| |- valign="top"
| |
| {{#if: {{{x<includeonly>|</includeonly>}}} {{{col1|}}}
| |
| {{{col2}}} {{{Row3}}} |
| |
| | |
| | |
| ! colspan="2" {{!}} <div class="infobox-section-header, style="background-color: lightblue; text-align: center;">Something</div>
| |
| }}
| |
| | |
| |-
| |
| ! colspan="2" {{!}} <div class="infobox-section-header, style="background-color: purple;text-align: center;">Table</div>
| |
| |-
| |
| {{#if: {{{col1<includeonly>|</includeonly>}}}
| |
| |
| |
| {{!}} width="50%" style="text-align:center" {{!}} '''col1 ''' <br />
| |
| {{{col1}}}
| |
| }}
| |
| {{#if: {{{col2<includeonly>|</includeonly>}}}
| |
| |
| |
| {{!}} width="50%" style="text-align:center" {{!}} '''col2''' <br />
| |
| {{{col2}}}
| |
| }}
| |
| | |
| |-
| |
| {{#if: {{{Row3<includeonly>|</includeonly>}}}
| |
| | |
| |
| |
| | |
| {{!}} '''Row3'''
| |
| | |
| {{!}} {{{Row3}}}
| |
| | |
| }}
| |
| | |
| |}
| |
| Tab3 = {{{3|Alt2}}}
| |
| |-|
| |
| {| class="mw-collapsible mw-collapsed" style="font-size:89%; text-align: left;" width="300px"
| |
| |- valign="top"
| |
| {{#if: {{{x<includeonly>|</includeonly>}}} {{{Row4|}}} {{{Row5|}}} |
| |
| ! colspan="2" {{!}} <div class="infobox-section-header, style="background-color: lightblue; text-align: center;">Something</div>
| |
| }}
| |
| | |
| |-
| |
| {{#if: {{{Row4<includeonly>|</includeonly>}}}
| |
| | |
| |
| |
| | |
| {{!}} '''Row4'''
| |
| | |
| {{!}} {{{Row4}}}
| |
| | |
| }}
| |
| | |
| |-
| |
| {{#if: {{{Row5<includeonly>|</includeonly>}}}
| |
| | |
| |
| |
| | |
| {{!}} '''Row5'''
| |
| | |
| {{!}} {{{Row5}}}
| |
| | |
| }}
| |
| | |
| |}
| |
| | |
| </tabber>
| |
| | |
| |}
| |
| <noinclude>
| |
| <templatedata>
| |
| {
| |
| "params": {
| |
| "1": {},
| |
| "2": {},
| |
| "3": {},
| |
| "name": {},
| |
| "image": {},
| |
| "x": {},
| |
| "Row1": {},
| |
| "Row2": {},
| |
| "col1": {},
| |
| "col2": {},
| |
| "Row3": {},
| |
| "Row4": {},
| |
| "Row5": {}
| |
| }
| |
| } | | } |
| </templatedata> | | </style> |
| </noinclude> | | </html> |
| | <div class="hero"> |
| | <div class="hero-text"> |
| | <div class="hero-title">WELCOME TO <span style="color:#3498db">WIKIMSK</span></div> |
| | <div class="hero-caption">''The New Zealand Musculoskeletal Medicine Wiki''</div> |
| | {{{test|}}} |
| | </div> |
| | </div> |
