Template:Test: Difference between revisions
From WikiMSK
No edit summary |
No edit summary |
||
(9 intermediate revisions by 2 users not shown) | |||
Line 4: | Line 4: | ||
.hero{ | .hero{ | ||
background-image: url("https://wikimsk.org/w/img_auth.php/e/ea/Reading_manikin.jpg"); | background-image: url("https://wikimsk.org/w/img_auth.php/e/ea/Reading_manikin.jpg"); | ||
height: | height: 350px; | ||
background-position: center; | background-position: center; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-size: cover; | background-size: cover; | ||
position: relative; | position: relative; | ||
display: flex; | |||
justify-content: center; /* align horizontal */ | |||
align-items: center; /* align vertical */ | |||
} | } | ||
.hero-text{ | .hero-text{ | ||
Line 14: | Line 17: | ||
margin:2em; | margin:2em; | ||
padding:2em; | padding:2em; | ||
line-height:1rem; | |||
color:white; | color:white; | ||
display:flex; | display:flex; | ||
flex-direction:column; | flex-direction:column; | ||
align-items:center; | |||
justify-content:center; | justify-content:center; | ||
} | } | ||
.hero-title{ | .hero-title{ | ||
font-size: | font-size:80px; | ||
margin-bottom:3rem; | margin-bottom:3rem; | ||
font-weight:900; | font-weight:900; | ||
line-height:1.1em; | |||
text-align: center; | |||
text-decoration: underline; | |||
text-decoration-color: #3498db; | |||
text-shadow: 2px 2px DimGray; | |||
} | } | ||
.hero-caption{ | .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{ | |||
font-size:20px; | font-size:20px; | ||
} | |||
.hero-title{ | |||
font-size:60px; | |||
} | |||
} | } | ||
</style> | </style> | ||
Line 33: | Line 54: | ||
<div class="hero"> | <div class="hero"> | ||
<div class="hero-text"> | <div class="hero-text"> | ||
<div class="hero-title | <div class="hero-title">WELCOME TO <span style="color:#3498db">WIKIMSK</span></div> | ||
<div class="hero-caption">''The New Zealand Musculoskeletal Medicine Wiki''</div> | <div class="hero-caption">''The New Zealand Musculoskeletal Medicine Wiki''</div> | ||
{{{test|}}} | |||
</div> | </div> | ||
</div> | </div> |
Latest revision as of 19:14, 23 May 2022
WELCOME TO WIKIMSK