Sb forum speech.png DiscordLink.png FacebookLink.png RedditLink.png SteamLink.png TwitterLink.png YoutubeLink.png

Difference between revisions of "Template:SB Infobox Component Section"

From Starbase wiki
Jump to navigation Jump to search
m
m (Removed styles)
 
Line 16: Line 16:
{{#if:{{{14|}}}|<div class="SB-Infobox-Component-Cell">{{#invoke:Transcluder|main|{{{14}}}|only=templates|templates=SB Infobox|subcomponentView=true}}</div>}}<nowiki />
{{#if:{{{14|}}}|<div class="SB-Infobox-Component-Cell">{{#invoke:Transcluder|main|{{{14}}}|only=templates|templates=SB Infobox|subcomponentView=true}}</div>}}<nowiki />
{{#if:{{{15|}}}|<div class="SB-Infobox-Component-Cell">{{#invoke:Transcluder|main|{{{15}}}|only=templates|templates=SB Infobox|subcomponentView=true}}</div>}}<nowiki />
{{#if:{{{15|}}}|<div class="SB-Infobox-Component-Cell">{{#invoke:Transcluder|main|{{{15}}}|only=templates|templates=SB Infobox|subcomponentView=true}}</div>}}<nowiki />
</div><nowiki />
</div><nowiki /></includeonly>
{{#css:
.SB-Infobox-Component-Wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
  grid-auto-rows: 1fr;
  column-gap: 4px;
  row-gap: 4px;
  padding: 0.3em 0.4em;
}
.SB-Infobox-Component-Cell {
  display: flex;
  vertical-align: middle;
  text-align: center;
}
.SB-Infobox-Component-Cell a {
  display: flex;
  flex-direction: column;
  margin: auto;
  width: 100%;
  height: 100%;
  background: #3d5a5e1c;
  outline: 1px solid #304344;
}
.SB-Infobox-Component-Cell a::after {
content: attr(title);
display: block;
color: gray;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.SB-Infobox-Component-Cell img {
  max-height: 50px;
  max-width: 50px;
  width: auto;
  height: auto;
  padding:1em;
  margin: auto;
}
.SB-Infobox-Component-Cell a:hover {
  background: #3d5a5e33;
  outline: 1px solid #364c4d;
}
.SB-Infobox-Component-Cell a:hover::after {
  color: #ebed50;
}
}}</includeonly>

Latest revision as of 08:27, 4 January 2022

Cookies help us deliver our services. By using our services, you agree to our use of cookies.