Template:Hero: Difference between revisions
From WikiMSK
No edit summary |
No edit summary |
||
(7 intermediate revisions by the same user not shown) | |||
Line 5: | Line 5: | ||
<style> | <style> | ||
.hero{ | .hero{ | ||
background-image: url("https://wikimsk.org/w/img_auth.php/ | background-image: url("https://wikimsk.org/w/img_auth.php/a/ac/Reading_man.jpg"); | ||
height: 350px; | height: 350px; | ||
background-position: center; | background-position: center; | ||
Line 14: | Line 14: | ||
justify-content: center; /* align horizontal */ | justify-content: center; /* align horizontal */ | ||
align-items: center; /* align vertical */ | align-items: center; /* align vertical */ | ||
width:99%; | |||
} | } | ||
.hero-text{ | .hero-text{ | ||
Line 40: | Line 41: | ||
font-size:30px; | font-size:30px; | ||
text-align: center; | text-align: center; | ||
line-height:1.1em; | line-height:1.1em; | ||
background-color: var(--medik); | background-color: var(--medik); | ||
Line 54: | Line 54: | ||
.hero-title{ | .hero-title{ | ||
font-size:60px; | font-size:60px; | ||
} | |||
} | |||
@media only screen and (max-width: 550px) { | |||
.hero-caption{ | |||
font-size:16px; | |||
} | |||
.hero-title{ | |||
font-size:50px; | |||
} | } | ||
} | } | ||
Line 61: | Line 69: | ||
<div class="hero-text"> | <div class="hero-text"> | ||
<div class="hero-title">WELCOME TO <span style="color:#3498db">WIKIMSK</span></div> | <div class="hero-title">WELCOME TO <span style="color:#3498db">WIKIMSK</span></div> | ||
<div class="hero-caption"> | <div class="hero-caption">The New Zealand Musculoskeletal Medicine Wiki</div> | ||
</div> | </div> | ||
</div> | </div> | ||
<noinclude>[[Category:Main Page Templates]]</noinclude> | <noinclude>[[Category:Main Page Templates]]</noinclude> |
Latest revision as of 18:01, 15 April 2023
WELCOME TO WIKIMSK