Template:MyAchievementsBox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
No edit summary
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="float:right; width:280px; margin:0 0 1em 1em; background:#303030; border:1px solid #454545; border-radius:4px; padding:10px; color:inherit;">
<!-- Template:MyAchievementsBox -->
   <div style="background:#454545; font-weight:bold; padding:4px 10px; color:#f7921e;">Achievements</div>
<div style="float:right; width:280px; margin:0 0 1em 1em; background:#2a2a2a; border:1px solid #1a1a1a; border-radius:6px; padding:0; color:inherit;">
  <div style="display:flex; gap:10px; overflow:hidden; padding:10px;">
   <div style="background:#1a1a1a; font-weight:300; font-size:13px; padding:6px 10px; color:#f7921e; border-top-left-radius:6px; border-top-right-radius:6px;">
     {{#ifexist:User:{{{user|{{PAGENAME}}}}}/Achievements
     [[User:{{{user|{{PAGENAME}}}}}/Achievements|Achievements]]
      | {{Wikichievements user={{{user|{{PAGENAME}}}}} nodiv=1 mini=1}}
      | <div style="display:flex; gap:10px; width:100%;">
          <div style="flex:1 1 64px; aspect-ratio:1/1; border-radius:8px; border:2px solid #666; background:#2a2a2a;"></div>
          <div style="flex:1 1 64px; aspect-ratio:1/1; border-radius:8px; border:2px solid #666; background:#2a2a2a;"></div>
          <div style="flex:1 1 64px; aspect-ratio:1/1; border-radius:8px; border:2px solid #666; background:#2a2a2a;"></div>
          <div style="flex:1 1 64px; aspect-ratio:1/1; border-radius:8px; border:2px solid #666; background:#2a2a2a;"></div>
        </div>
    }}
   </div>
   </div>
   <div style="text-align:right; padding-top:4px;">
   <div style="display:flex; justify-content:space-between; padding:10px; gap:6px;">
     [[User:{{{user|{{PAGENAME}}}}}/Achievements|<span style="background:#f7921e; color:black; padding:2px 8px; border-radius:4px; font-size:90%; font-weight:bold;">See all</span>]]
     <div style="flex:1; aspect-ratio:1/1; border-radius:6px; border:2px solid #444;"></div>
    <div style="flex:1; aspect-ratio:1/1; border-radius:6px; border:2px solid #444;"></div>
    <div style="flex:1; aspect-ratio:1/1; border-radius:6px; border:2px solid #444;"></div>
    <div style="flex:1; aspect-ratio:1/1; border-radius:6px; border:2px solid #444;"></div>
   </div>
   </div>
</div>
</div>

Latest revision as of 14:14, 27 July 2025