css per badge

This commit is contained in:
Luca Trupiano 2022-11-18 12:31:44 +01:00
parent 09d739d3d4
commit fbdb864f4f
2 changed files with 19 additions and 6 deletions

View File

@ -1,5 +1,15 @@
/* custom.css */ /* custom.css */
.badge-outline-info {
padding: .1rem .15rem;
margin-left: .15rem;
margin-right: .2rem;
font-weight: 300;
vertical-align: super;
color: #3da5f4;
border: 1px solid #3da5f4;
}
.navig-canto:hover { .navig-canto:hover {
font-weight: 800; font-weight: 800;
color: #007bff !important; color: #007bff !important;
@ -32,6 +42,10 @@ table {
#selectable0 .ui-selected { background: #00968e; color: white; } #selectable0 .ui-selected { background: #00968e; color: white; }
#selectable0 { list-style-type: none; margin: 0; padding: 0; } #selectable0 { list-style-type: none; margin: 0; padding: 0; }
#selectable2 .ui-selecting { background: #4abd8c; }
#selectable2 .ui-selected { background: #00968e; color: white; }
#selectable2 { list-style-type: none; margin: 0; padding: 0; }
.selCanti { .selCanti {
border:6px solid #f8f9fa; border:6px solid #f8f9fa;
border-collapse:collapse; border-collapse:collapse;

View File

@ -93,14 +93,13 @@
<button class="btn btn-sm btn-link" id="cantica1" data-toggle="collapse" <button class="btn btn-sm btn-link" id="cantica1" data-toggle="collapse"
data-target="#collapseOne" aria-expanded="true" data-target="#collapseOne" aria-expanded="true"
aria-controls="collapseOne">Inferno</button> aria-controls="collapseOne">Inferno</button>
<span class="badge badge-primary badge-pill">14</span>
</h6> </h6>
</div> </div>
<div id="collapseOne" class="collapse show" <div id="collapseOne" class="collapse show"
aria-labelledby="headingOne" data-parent="#accordion"> aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body"> <div class="card-body">
<span class="navig-canto small text-muted" name="InfernoCanto 1" href="#" style="line-height: 1.2em">1</span> <span class="navig-canto small text-muted" name="InfernoCanto 1" href="#" style="line-height: 1.2em">1<span class="badge badge-outline-info badge-pill">14</span></span>
<span class="navig-canto small text-muted" name="InfernoCanto 2" href="#" style="line-height: 1.2em">2</span> <span class="navig-canto small text-muted" name="InfernoCanto 2" href="#" style="line-height: 1.2em">2</span>
<span class="navig-canto small text-muted" name="InfernoCanto 3" href="#" style="line-height: 1.2em">3</span> <span class="navig-canto small text-muted" name="InfernoCanto 3" href="#" style="line-height: 1.2em">3</span>
<span class="navig-canto small text-muted" name="InfernoCanto 4" href="#" style="line-height: 1.2em">4</span> <span class="navig-canto small text-muted" name="InfernoCanto 4" href="#" style="line-height: 1.2em">4</span>
@ -139,11 +138,11 @@
</div> </div>
<div class="card"> <div class="card">
<div class="card-header" id="headingTwo"> <div class="card-header" id="headingTwo">
<h5 class="mb-0"> <h6 class="mb-0">
<button class="btn btn-sm btn-link collapsed" id="cantica2" data-toggle="collapse" <button class="btn btn-sm btn-link collapsed" id="cantica2" data-toggle="collapse"
data-target="#collapseTwo" aria-expanded="false" data-target="#collapseTwo" aria-expanded="false"
aria-controls="collapseTwo">Purgatorio</button> aria-controls="collapseTwo">Purgatorio</button>
</h5> </h6>
</div> </div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion"> <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
<div class="card-body"> <div class="card-body">
@ -185,11 +184,11 @@
</div> </div>
<div class="card"> <div class="card">
<div class="card-header" id="headingThree"> <div class="card-header" id="headingThree">
<h5 class="mb-0"> <h6 class="mb-0">
<button class="btn btn-sm btn-link collapsed" id="cantica3" data-toggle="collapse" <button class="btn btn-sm btn-link collapsed" id="cantica3" data-toggle="collapse"
data-target="#collapseThree" aria-expanded="false" data-target="#collapseThree" aria-expanded="false"
aria-controls="collapseThree">Paradiso</button> aria-controls="collapseThree">Paradiso</button>
</h5> </h6>
</div> </div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion"> <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
<div class="card-body"> <div class="card-body">