Need help?
Reign of Jafar Lore Card (9 of 19) - Reign of Jafar
$0.10
Shipping calculated at checkout.
LOR-ROJN-NL6QEOJJC7-1
Quantity
<div class="trove-card-description__details">
<div class="trove-card-detail"><label>Card Type</label></div>
<div class="trove-card-detail">
<label>Rarity</label>None</div>
<div class="trove-card-detail">
<label>Card Effect</label><div>
<div class="trove-card-rules-text">"Guys, there are tiny footprints in the sand here leading away." Martin stopped short at the entrance to the tunnel. "If they're from the Basil glimmer, they might they lead us to Archazia."
<br>"We don't know that," Shanzay said. "And we can't risk indulging your curiosity again after the Ursula disaster. Come on!"
<br>Martin glowered but dove in after her just as the sand wave reached them. </div>
<a class="trove-card-description__legacy-toggle d-none" href="javascript:void(0);" onclick="toggleCardText()">Show More</a>
</div>
</div>
</div>
<script>
var cardText = document.querySelector(".trove-card-rules-text")
var showMore = document.querySelector('.trove-card-description__legacy-toggle')
function toggleCardText() {
if (showMore.innerHTML == 'Show More') {
showMore.innerHTML = 'Show Less'
cardText.classList.add('store-pass-full-text')
}
else {
showMore.innerHTML = 'Show More'
cardText.classList.remove('store-pass-full-text')
}
}
initText()
function initText() {
if (!checkOverflow(cardText)) return
showMore.classList.remove('d-none')
}
function checkOverflow(el) {
var curOverflow = el.style.overflow;
if (!curOverflow || curOverflow === "visible") el.style.overflow = "hidden"
var isOverflowing = el.clientWidth < el.scrollWidth || el.clientHeight < el.scrollHeight;
el.style.overflow = curOverflow;
return isOverflowing;
}
</script>
<style>
.trove-card-rules-text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
height: 84px;
}
.store-pass-full-text {
-webkit-line-clamp: unset;
height: unset;
}
.trove-card-description__details .mb-1, .my-1 {
margin-bottom: 0.375rem!important;
}
.trove-card-description__details .mr-1, .mx-1 {
margin-right: 0.375rem!important;
}
.trove-card-description__details .mr-1, .mx-1 {
margin-left: 0.375rem!important;
}
.trove-card-description__details .d-none {
display: none!important;
}
.trove-card-description__details .d-block {
display: block!important;
}
.trove-card-description__details .row {
display: flex;
flex-wrap: wrap;
}
.trove-card-description__details .col-6 {
flex: 0 0 50%;
max-width: 50%;
display: flex;
}
.trove-card-description__details .legality {
margin-right: 1rem;
}
.trove-card-description__details .labeled-info {
display: flex;
flex-direction: column;
}
.trove-card-description__details .labeled-info > div {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 1rem;
padding-bottom: 1rem;
}
.trove-card-description__details .labeled-info > div:first-child {
padding-top: 1rem;
}
.trove-card-description__details .labeled-info > div:last-child {
border-bottom: 0px;
padding-bottom: 0;
}
.trove-card-description__details .labeled-info .inner {
display: flex;
padding: 0.25rem;
margin: 0.25rem;
border-bottom: 1px solid #e5e5e5;
}
.trove-card-description__details .labeled-info .inner:first-child {
padding-top: 0.25rem;
}
.trove-card-description__details .labeled-info .inner:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.trove-card-description__details .trove-card-detail {
display: flex;
align-items: center;
padding: 0.5rem;
margin: 0;
border-bottom: 1px solid #e5e5e5;
}
.trove-card-description__details .trove-card-detail trove-card-detail--summary {
padding: 0.5rem;
}
.trove-card-description__details .trove-card-detail trove-card-detail--summary label {
margin-right: 0.375rem;
}
.trove-card-description__details .trove-card-detail label {
font-weight: 600;
flex: 0 0 120px;
margin-bottom: 0;
overflow-wrap: break-word;
align-self: flex-start;
}
.trove-card-description__details .trove-card-detail .inner label {
flex: 0 0 200px;
}
</style>
Explore similar cards
Select a detail to search Trove’s catalog without leaving the website.