You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
790 B
PHTML
39 lines
790 B
PHTML
<style>
|
|
.banner {
|
|
position: relative;
|
|
margin: 0 1rem 1rem;
|
|
border-left: var(--primary-color) 1rem solid;
|
|
padding: 1rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.banner-title {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.banner-subtitle {
|
|
font-size: 1.25rem;
|
|
}
|
|
|
|
.banner-note {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
opacity: 0.5;
|
|
}
|
|
</style>
|
|
<div class="banner">
|
|
<span class="banner-note">
|
|
news banner
|
|
</span>
|
|
<p class="banner-title">Sharing Communities just got easier!</p>
|
|
|
|
<p
|
|
class="banner-subtitle js-only"
|
|
>Show someone the way by clicking 'Share' from <a id="banner-sample-search" href="#" search-target="#privacy">your favorite search</a>!</p>
|
|
|
|
<noscript><p
|
|
class="banner-subtitle"
|
|
>Show someone the way by adding <code>#privacy</code> or <code>#q=lang:zh</code> to the URL!</p></noscript>
|
|
</div>
|