kobold.cafe/kobold.city-old
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

style/cards: add special card-title styles

Browse source
This commit is contained in:
Kazhnuz 2019-05-25 17:19:00 +02:00
parent 5dcffa564a
commit f3e2082605
3 changed files with 47 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -63,7 +63,7 @@
<article class="article-content"> <article class="article-content">
<h1 class="page-title" id="Welcome"><i class="fa fa-world"></i> Services disponibles</h1> <div class="card card-title" id="Welcome"><h1><i class="fa fa-star"></i> Services et sites disponibles</h1></div>
<p> Chlore.net est un serveurs qui héberge différents services, dans une logiques de décentralisations d'internet. Voici les services disponibles pour le moment. <p> Chlore.net est un serveurs qui héberge différents services, dans une logiques de décentralisations d'internet. Voici les services disponibles pour le moment.
</p> </p>

26
scss/_cards.scss
View file

@ -56,6 +56,32 @@
overflow: hidden; overflow: hidden;
} }
.card-title {
font-size:1.1em;
color: white;
border-color: darken($color-primary, 33%);
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
font-weight:600;
background-color:$color-primary;
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 {
font-size:1em;
text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
padding:0px;
margin:0.3em;
color:#FFF;
font-weight:600;
line-height:1.5em;
i {
font-size:0.9em;
margin-right:0.66em;
margin-left:0.33em;
}
}
}
/* 4.1 - Header and titles */ /* 4.1 - Header and titles */
.card-header { .card-header {

20
style.css
View file

@ -760,6 +760,26 @@ ul.social {
height: 130px; height: 130px;
overflow: hidden; } overflow: hidden; }
.card-title {
font-size: 1.1em;
color: white;
border-color: #084a84;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
font-weight: 600;
background-color: #42a0f3; }
.card-title h1, .card-title h2, .card-title h3, .card-title h4, .card-title h5, .card-title h6, .card-title h7, .card-title h8, .card-title h9, .card-title h10 {
font-size: 1em;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
padding: 0px;
margin: 0.3em;
color: #FFF;
font-weight: 600;
line-height: 1.5em; }
.card-title h1 i, .card-title h2 i, .card-title h3 i, .card-title h4 i, .card-title h5 i, .card-title h6 i, .card-title h7 i, .card-title h8 i, .card-title h9 i, .card-title h10 i {
font-size: 0.9em;
margin-right: 0.66em;
margin-left: 0.33em; }
/* 4.1 - Header and titles */ /* 4.1 - Header and titles */
.card-header { .card-header {
border: 1px solid rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3);