Widget:QuestCard: Difference between revisions

From Makerpedia

No edit summary
No edit summary
Line 24: Line 24:
   width: 480px;
   width: 480px;
   height: 330px;
   height: 330px;
  overflow: hide;
}
.bgLogo {
  position: absolulte;
  left: -100px;
  top: 100px;
  width: 330px;
  height: 330px;
  filter: opacity(.25);
}
}
</style>
</style>
<div class="questCard" id="quest<!--{$category|escape:'url'}-->">
<div class="questCard" id="quest<!--{$category|escape:'url'}-->">
   <div class='questContent'></div>
   <div class='questContent'>
    <img class='bgLogo' src='images/logos/logoBoW.png'></img>
  </div>
</div>
</div>

Revision as of 03:00, 31 March 2025

<script> var app = ()=>{

 console.log('test');

}

if(!window.widgets) window.widgets = []; window.widgets.push(app); </script> <style> .questCard{

 position: relative;
 background-color: var(--cc-blue);
 width:500px;
 height: 400px;
 border-radius: 20px;

}

.questContent {

 background-color: var(--cc-white);
 border-radius: 15px;
 position: absolute;
 left: 10px;
 top: 60px;
 width: 480px;
 height: 330px;
 overflow: hide;

}

.bgLogo {

 position: absolulte;
 left: -100px;
 top: 100px;
 width: 330px;
 height: 330px;
 filter: opacity(.25);

} </style>

   <img class='bgLogo' src='images/logos/logoBoW.png'></img>