Style tableau forfaits
This commit is contained in:
parent
5220d0ee89
commit
bcb76b9949
3 changed files with 24 additions and 3 deletions
|
@ -8,8 +8,6 @@ Auto-héberger ses sites, c'est un peu comme être propriétaire : ça a un
|
||||||
|
|
||||||
LIBREZO vous installe à domicile et configure votre serveur.
|
LIBREZO vous installe à domicile et configure votre serveur.
|
||||||
|
|
||||||
## Forfaits
|
|
||||||
|
|
||||||
<table class="prices nn1200">
|
<table class="prices nn1200">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
@ -32,7 +30,7 @@ LIBREZO vous installe à domicile et configure votre serveur.
|
||||||
<tr>
|
<tr>
|
||||||
<td class="prices-power">Conso : 5W</td>
|
<td class="prices-power">Conso : 5W</td>
|
||||||
<td class="prices-power">Conso : 10W</td>
|
<td class="prices-power">Conso : 10W</td>
|
||||||
<td class="prices-power">Conso : ≥60W</td>
|
<td class="prices-power">Conso : ≥ 60W</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
|
@ -2,6 +2,10 @@ $blue: #0294d9;
|
||||||
$violet: #ac44ff;
|
$violet: #ac44ff;
|
||||||
$grey1: #444;
|
$grey1: #444;
|
||||||
|
|
||||||
|
$grad1_3tr: rgba(2, 148, 217, 0.2);
|
||||||
|
$grad2_3tr: rgba(87, 108, 236, 0.2);
|
||||||
|
$grad3_3tr: rgba(172, 68, 255, 0.2);
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: LunaSans;
|
font-family: LunaSans;
|
||||||
src: url("/fonts/LunaSans-Regular.ttf");
|
src: url("/fonts/LunaSans-Regular.ttf");
|
||||||
|
|
|
@ -10,4 +10,23 @@
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
background: linear-gradient(0.125turn, $blue, $violet);
|
background: linear-gradient(0.125turn, $blue, $violet);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prices td {
|
||||||
|
padding: 4px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prices tr td:first-of-type {
|
||||||
|
background-color: $grad1_3tr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prices tr td:first-of-type + td {
|
||||||
|
background-color: $grad2_3tr;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prices tr td:first-of-type + td + td {
|
||||||
|
background-color: $grad3_3tr;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue