User:Hefner/Sandbox13: Difference between revisions

From Roat Pkz
Jump to navigation Jump to search
No edit summary
No edit summary
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div class="teamBingoWrapper" style="display: flex; gap: 20px; align-items: flex-start; justify-content: center;">
<div class="teamBingoWrapper" style="
<div class="teamBingoContainer" id="teamA" data-team="teamA" data-captain="Hefner" style="width: 600px;"
    display: flex;
    data-items="
    gap: 20px;
    align-items: flex-start;
    justify-content: center;
    width: max-content;
    margin: 0 auto;
">
 
  <!-- Team A Bingo Board -->
  <div class="teamBingoContainer" id="teamA" data-team="teamA" data-captain="Hefner, Hefner Bot"
      style="width: 600px; flex-shrink: 0;"
      data-items="
       Olmlet::Dropped by: %% Chambers of Xeric|
       Olmlet::Dropped by: %% Chambers of Xeric|
       Torva platebody::Droprate: %%Nex 1/350 %%Divine Nex 1/350|
       Torva platebody::Droprate: %%Nex 1/350 %%Divine Nex 1/350|
Line 30: Line 40:
   </div>
   </div>


  <!-- Shared Info Box -->
<!-- Shared Info Box -->
  <div id="teamBingoInfoBox" style="
<div id="teamBingoInfoBox" style="
      width: 400px;              /* Fixed width same as board */
    padding: 10px;
      min-height: 120px;          /* Optional: keeps it from collapsing */
    border: 1px solid #596e96;
      padding: 10px;
    background-color: #313e59;
      border: 1px solid #596e96;
    color: #fff;
      background-color: #313e59;
    border-radius: 4px;
      color: #fff;
    width: 360px;
      border-radius: 4px;
    font-size: 14px;
      font-size: 14px;
    white-space: normal;
      white-space: normal;
    word-wrap: break-word;
      word-wrap: break-word;
    overflow: visible;
      overflow-wrap: break-word;
    margin-top: 80px;">
      box-sizing: border-box;     /* Include padding in width */
</div>
      ">
    Hover over a tile to see its info here.
  </div>


   <!-- Team B Bingo Board -->
   <!-- Team B Bingo Board -->
<div class="teamBingoContainer" id="teamB" data-team="teamB" data-captain="a1" style="width: 600px;"
  <div class="teamBingoContainer" id="teamB" data-team="teamB" data-captain="Hefner Bot"
    data-items="
      style="width: 600px; flex-shrink: 0;"
      data-items="
       Olmlet::Dropped by: %% Chambers of Xeric|
       Olmlet::Dropped by: %% Chambers of Xeric|
       Torva platebody::Droprate: %%Nex 1/350 %%Divine Nex 1/350|
       Torva platebody::Droprate: %%Nex 1/350 %%Divine Nex 1/350|

Latest revision as of 18:02, 7 March 2026