Template:Content Added Season 1: Difference between revisions

From Slippy Studios
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{#css:
{{#css:
.added-content-wrapper {
  position: relative;
  overflow-y: auto;
  max-height: 250px;
  background: red;
  z-index: 1;
}
.scroll-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  font-size: 1.3em;
  padding: 8px 20px;
  border-radius: 8px;
  opacity: 0;
  transition: opacity 0.25s ease;
  z-index: 0;
}
.added-content-wrapper:hover .scroll-overlay {
  opacity: 1;
}
.added-content-wrapper.scrolled .scroll-overlay {
  opacity: 0 !important;
}
.added-content-grid {
.added-content-grid {
   display: flex;
   display: flex;
Line 41: Line 5:
   justify-content: space-between;
   justify-content: space-between;
   gap: 4px;
   gap: 4px;
  z-index: 0;
}
}


Line 47: Line 10:
   flex: 1 1 calc(20% - 12px);
   flex: 1 1 calc(20% - 12px);
   min-width: 200px;
   min-width: 200px;
   display: flex;
   display: inline-block;
   align-items: center;
   align-items: center;
   gap: 10px;
   gap: 10px;
   padding: 3px;
   padding: 3px;
  padding-left: 10px;
   background-color: #f9f9f9;
   background-color: #f9f9f9;
   border: 1px solid #ccc;
   border: 1px solid #ccc;
   border-radius: 6px;
   border-radius: 6px;
   box-sizing: border-box;
   box-sizing: border-box;
  font-weight: bold;
}
}


Line 67: Line 32:
   image-rendering: pixelated;
   image-rendering: pixelated;
}
}
}}<div class="added-content-grid">
<div class="added-content-cell">
[[File:modifiable_tools.png|frameless|border=0|link=|class=noviewer]] [[Modifiable Tools]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Normal}} {{Item Quality | quality = Epic}} {{Item Quality | quality = Regular}} {{Item Quality | quality = Strange}}
</div>
<div class="added-content-cell">
[[File:soul_jumper.png|frameless|link=|border=0|class=noviewer]] [[The Soul Jumper]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}} {{Item Quality | quality = Strange}} {{Item Quality | quality = Vintage}} {{Item Quality | quality = Spooky}}
</div>
<div class="added-content-cell">
[[File:travel_medallion.png|frameless|link=|border=0|class=noviewer]] [[The Travel Medallion]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}} {{Item Quality | quality = Strange}} {{Item Quality | quality = Vintage}}
</div>
<div class="added-content-cell">
[[File:sharpening_kit.png|frameless|link=|border=0|class=noviewer]] [[Strange Sharpening Kit]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Strange}}
</div>
<div class="added-content-cell">
[[File:tuning_kit.png|frameless|link=|border=0|class=noviewer]] [[Strange Tuning Kit]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Strange}}
</div>


}}<div class="added-content-wrapper">
<div class="added-content-cell">
<div class="added-content-grid">
[[File:accumulation_set.png|frameless|link=|border=0|class=noviewer]] [[Accumulation Set]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:modifiable_tools.png|frameless|border=0|link=|class=noviewer]] [[Modifiable Tools]]
[[File:frame_be_gone.png|frameless|link=|border=0|class=noviewer]] [[The Frame Be Gone]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:soul_jumper.png|frameless|link=|border=0|class=noviewer]] [[The Soul Jumper]]
[[File:stand_be_small.png|frameless|link=|border=0|class=noviewer]] [[The Stand Be Small]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:travel_medallion.png|frameless|link=|border=0|class=noviewer]] [[The Travel Medallion]]
[[File:Skin_Kit_Removal_Tool.png|frameless|link=|border=0|class=noviewer]] [[Skin Kit Removal Tool]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:sharpening_kit.png|frameless|link=|border=0|class=noviewer]] [[Strange Sharpening Kit]]
[[File:rsk_acacia.png|frameless|link=|border=0|class=noviewer]] [[Acacia Skin Kit]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:tuning_kit.png|frameless|link=|border=0|class=noviewer]] [[Strange Tuning Kit]]
[[File:rsk_birch.png|frameless|link=|border=0|class=noviewer]] [[Birch Skin Kit]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:accumulation_set.png|frameless|link=|border=0|class=noviewer]] [[Accumulation Set]]
[[File:rsk_bumblebee.png|frameless|link=|border=0|class=noviewer]] [[Bumble Bee Skin Kit]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:frame_be_gone.png|frameless|link=|border=0|class=noviewer]] [[The Frame Be Gone]]
[[File:rsk_candycane.png|frameless|link=|border=0|class=noviewer]] [[Candy Cane Skin Kit]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:Skin_Kit_Removal_Tool.png|frameless|link=|border=0|class=noviewer]] [[Skin Kit Removal Tool]]
[[File:rsk_cherryblossom.png|frameless|link=|border=0|class=noviewer]] [[Cherry Blossom Skin Kit]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:rsk_acacia.png|frameless|link=|border=0|class=noviewer]] [[Acacia Skin Kit]]
[[File:rsk_end.png|frameless|link=|border=0|class=noviewer]] [[End Skin Kit]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:rsk_birch.png|frameless|link=|border=0|class=noviewer]] [[Birch Skin Kit]]
[[File:rsk_flamingo.png|frameless|link=|border=0|class=noviewer]] [[Flamingo Skin Kit]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:rsk_bumblebee.png|frameless|link=|border=0|class=noviewer]] [[Bumble Bee Skin Kit]]
[[File:rsk_rainbow.png|frameless|link=|border=0|class=noviewer]] [[Rainbow Skin Kit]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:rsk_candycane.png|frameless|link=|border=0|class=noviewer]] [[Candy Cane Skin Kit]]
[[File:rsk_hgg.png|frameless|link=|border=0|class=noviewer]] [[Hyrulean Remembrance Skin Kit]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Special}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:rsk_cherryblossom.png|frameless|link=|border=0|class=noviewer]] [[Cherry Blossom Skin Kit]]
[[File:rsk_evergreen.png|frameless|link=|border=0|class=noviewer]] [[Evergreen Skin Kit]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:rsk_end.png|frameless|link=|border=0|class=noviewer]] [[End Skin Kit]]
[[File:gilded_bone.png|frameless|link=|border=0|class=noviewer]] [[Gilded Bone]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:rsk_flamingo.png|frameless|link=|border=0|class=noviewer]] [[Flamingo Skin Kit]]
[[File:erythrocyte.png|frameless|link=|border=0|class=noviewer]] [[Erythrocyte]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}} {{Item Quality | quality = Spooky}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:rsk_rainbow.png|frameless|link=|border=0|class=noviewer]] [[Rainbow Skin Kit]]
[[File:condemned_soul.png|frameless|link=|border=0|class=noviewer]] [[Condemned Soul]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}} {{Item Quality | quality = Spooky}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:rsk_hgg.png|frameless|link=|border=0|class=noviewer]] [[Hyrulean Remembrance Skin Kit]]
[[File:ancient_wood.png|frameless|link=|border=0|class=noviewer]] [[The Ancient Wood]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}} {{Item Quality | quality = Strange}} {{Item Quality | quality = Vintage}} {{Item Quality | quality = Spooky}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:rsk_evergreen.png|frameless|link=|border=0|class=noviewer]] [[Evergreen Skin Kit]]
[[File:bone_sword.png|frameless|link=|border=0|class=noviewer]] [[The Bone Sword]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}} {{Item Quality | quality = Strange}} {{Item Quality | quality = Vintage}} {{Item Quality | quality = Spooky}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:gilded_bone.png|frameless|link=|border=0|class=noviewer]] [[Gilded Bone]]
[[File:dead_of_night.png|frameless|link=|border=0|class=noviewer]] [[The Dead of Night]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}} {{Item Quality | quality = Strange}} {{Item Quality | quality = Vintage}} {{Item Quality | quality = Spooky}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:erythrocyte.png|frameless|link=|border=0|class=noviewer]] [[Erythrocyte]]
[[File:diamond_shears.png|frameless|link=|border=0|class=noviewer]] [[Diamond Shears]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Normal}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:condemned_soul.png|frameless|link=|border=0|class=noviewer]] [[Condemned Soul]]
[[File:netherite_shears.png|frameless|link=|border=0|class=noviewer]] [[Netherite Shears]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Normal}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:ancient_wood.png|frameless|link=|border=0|class=noviewer]] [[The Ancient Wood]]
[[File:magnetic_force.png|frameless|link=|border=0|class=noviewer]] [[The Magnetic Force]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}} {{Item Quality | quality = Vintage}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:bone_sword.png|frameless|link=|border=0|class=noviewer]] [[The Bone Sword]]
[[File:rsk_gingerbread.png|frameless|link=|border=0|class=noviewer]] [[Gingerbread Skin Kit]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>


<div class="added-content-cell">
<div class="added-content-cell">
  [[File:dead_of_night.png|frameless|link=|border=0|class=noviewer]] [[The Dead of Night]]
[[File:bag_christmas.png|frameless|link=|border=0|class=noviewer]] [[Bag of Christmas Presents]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
</div>
<div class="added-content-cell">
[[File:bag_diamonds.png|frameless|link=|border=0|class=noviewer]] [[Bag of Diamonds]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
<div class="added-content-cell">
[[File:bag_sherds.png|frameless|link=|border=0|class=noviewer]] [[Bag of Sherds]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
<div class="added-content-cell">
[[File:gilded_disc.png|frameless|link=|border=0|class=noviewer]] [[Gilded Disc]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
<div class="added-content-cell">
[[File:bauble.png|frameless|link=|border=0|class=noviewer]] [[Bauble]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
<div class="added-content-cell">
[[File:snowflake.png|frameless|link=|border=0|class=noviewer]] [[Snowflake]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}}
</div>
<div class="added-content-cell">
[[File:caroling_bell.png|frameless|link=|border=0|class=noviewer]] [[The Caroling Bell]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}} {{Item Quality | quality = Vintage}}
</div>
<div class="added-content-cell">
[[File:ice_rod.png|frameless|link=|border=0|class=noviewer]] [[The Ice Rod]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Regular}} {{Item Quality | quality = Vintage}} {{Item Quality | quality = Strange}}
</div>
<div class="added-content-cell">
[[File:candy_cane.png|frameless|link=|border=0|class=noviewer]] [[Collectable Candy Cane]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Collectable}}
</div>
<div class="added-content-cell">
[[File:dreidel.png|frameless|link=|border=0|class=noviewer]] [[Collectable Dreidel]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Collectable}}
</div>
<div class="added-content-cell">
[[File:gingerbread_man.png|frameless|link=|border=0|class=noviewer]] [[Collectable Gingerbread Man]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Collectable}}
</div>
<div class="added-content-cell">
[[File:holly.png|frameless|link=|border=0|class=noviewer]] [[Collectable Holly]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Collectable}}
</div>
<div class="added-content-cell">
[[File:santa_hat.png|frameless|link=|border=0|class=noviewer]] [[Collectable Santa Hat]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Collectable}}
</div>
<div class="added-content-cell">
[[File:stocking.png|frameless|link=|border=0|class=noviewer]] [[Collectable Stocking]]<br/>
<hr style="width:100%;text-align:left;margin-left:0">
{{Item Quality | quality = Collectable}}
</div>
</div>
</div>

Latest revision as of 21:16, 24 November 2025