Style changes: blue buttons (chapril's style)

This commit is contained in:
pitchum 2021-07-19 08:30:55 +02:00 committed by root
parent 99d848b342
commit eaaed312dc

View File

@ -13,7 +13,7 @@ div { padding: 5px; }
footer { font-size: 14px; }
a { color: #ff9843; text-decoration: none; }
a:hover { color: #aaa; text-decoration: none; }
.button {
.appbutton, .button {
background-color: #ff9843;
border: none;
color: #fff;
@ -45,10 +45,14 @@ li {
margin: 0.2rem;
}
.appbutton {
background-color: #444;
background-color: #2e5281;
background: linear-gradient(to right, #2e5281, #0a3877);
border-radius: 0.2rem;
width: 220px;
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
box-shadow: 0 0 5px 0px rgba(0,81,132,0.5);
}
.appbutton:hover {
background: #ff5e00;
}
img.app, img.store {
max-height: 40px;
@ -116,10 +120,14 @@ img.app, img.store {
</li>
</ul>
</div>
<!--
<div>
<a href="https://chapril.org/XMPP">... autres applis</a>
</div>
<div>2) Puis ajoute <a href="xmpp:{{username}}@chapril.org"><button class="button"><strong>{{username}}@chapril.org</strong></button></a> à ta liste de contacts</div>
-->
<div>2) Puis ajoute mon adresse à ta liste de contacts&nbsp;:
<a href="xmpp:{{username}}@chapril.org"><button class="button"><strong>{{username}}@chapril.org</strong></button></a>
</div>
</article>
</body>
</html>