css per badge
This commit is contained in:
parent
09d739d3d4
commit
fbdb864f4f
|
@ -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;
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue