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>