|
|
|
|
|
|
|
Difference between revisions of "User:DustyFB/Sandbox/Templates/Template:SpaceshipInfobox"
Jump to navigation
Jump to search
| Line 55: | Line 55: | ||
{{#css: | {{#css: | ||
. | |||
.Device-Info { | |||
border:2px solid #304344; | border:2px solid #304344; | ||
width:25vw; | width:25vw; | ||
| Line 65: | Line 66: | ||
background:rgba(49, 68, 77, 0.15); | background:rgba(49, 68, 77, 0.15); | ||
} | } | ||
. | .Device-Info-Header { | ||
text-align: center; | text-align: center; | ||
margin-bottom: 0.25em; | margin-bottom: 0.25em; | ||
} | } | ||
. | .Device-Info-Header img { | ||
max-width:100%; | max-width:100%; | ||
max-height:250px; | max-height:250px; | ||
| Line 75: | Line 76: | ||
width: auto; | width: auto; | ||
background: linear-gradient(transparent, #3a806e1f); | background: linear-gradient(transparent, #3a806e1f); | ||
} | } | ||
. | .Device-Info-Header-Caption { | ||
display: block; | display: block; | ||
font-style: italic; | font-style: italic; | ||
margin-top: 0.25em; | margin-top: 0.25em; | ||
} | } | ||
. | .Device-Info-Name { | ||
font-family: KenneyFuture; | font-family: KenneyFuture; | ||
font-size: | font-size:1.8em; | ||
color:#edcd50; | color:#edcd50; | ||
text-align: center; | text-align: center; | ||
background: #38586082; | background: #38586082; | ||
} | } | ||
. | .Device-Info-Data-Section-Header { | ||
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; | ||
margin: auto; | margin: auto; | ||
background: #2b42488c; | background: #2b42488c; | ||
font-family: | font-family: KenneyFuture; | ||
font-size: 1.4em; | font-size: 1.4em; | ||
margin-top: 1em; | margin-top: 1em; | ||
} | } | ||
/* Traditional table styling */ | |||
.Device-Info-Data-Cell { | |||
. | |||
display:flex; | display:flex; | ||
text-align:left; | text-align:left; | ||
padding:0 0.4em; | padding:0 0.4em; | ||
} | } | ||
. | .Device-Info-Data-Cell-Header { | ||
flex:48%; | flex:48%; | ||
min-width:min-content; | min-width:min-content; | ||
margin-right:4%; | margin-right:4%; | ||
} | } | ||
. | .Device-Info-Data-Cell-Body { | ||
flex:50%; | flex:50%; | ||
white-space:pre; | white-space:pre; | ||
margin: auto; | margin: auto; | ||
} | |||
.Construction-Info-Data-Cell-Header { | |||
flex: 50%; | |||
text-align: left; | |||
display: inline-block; | |||
} | |||
.Construction-Info-Data-Cell { | |||
display: flex; | |||
} | |||
/* Side-by-side/grid formatting | |||
.Device-Info-Data-Section { | |||
display: grid; | |||
grid-template-columns: 50% 50%; | |||
} | |||
.Construction-Info-Data-Cell-Header, .Construction-Info-Data-Cell-Body, .Device-Info-Data-Cell-Header, .Device-Info-Data-Cell-Body { | |||
display:block; | |||
}*/ | |||
/* General styling */ | |||
.Device-Info-Data-Section { | |||
border-bottom: 1px solid #394442; | |||
text-align: center; | |||
} | |||
.Device-Info-Data-Cell, .Construction-Info-Data-Cell { | |||
font-size:1.25em; | |||
} | |||
.Device-Info-Data-Cell-Header, .Construction-Info-Data-Cell-Header { | |||
font-weight:bold; | |||
} | |||
.Device-Info-Data-Cell-Body { | |||
} | |||
.Device-Info-Data-Construction { | |||
grid-template-columns: auto auto auto; | |||
grid-gap: 2%; | |||
display: grid; | |||
text-align: center; | |||
padding: 4px 2px; | |||
border-bottom: 1px solid #394442; | |||
} | } | ||
/* Gallery specific support */ | /* Gallery specific support */ | ||
Revision as of 07:18, 14 May 2021
Gallery mode can be utilized in the image field with:
|image=<gallery mode="slideshow"> Image:Memory_relay.png|"Caption" Image:Logo_of_empire.png|"Caption" </gallery>