Welcome to Square Enix Wiki! Be sure to check out our To-Do List to see what work we need done! See here for Indie Wiki Jam Info!
Difference between revisions of "Template:Panel"
From Square Enix Wiki, the Fan-wiki for all things Square Enix
Jump to navigationJump to search
(Created page with "<templatestyles src="Panel/style.css" /><div class="{{#if:{{{panelClass|}}}|{{{panelClass}}}}}" {{#if:{{{style|}}}|style="{{{style}}}"}}>{{#if:{{{title|}}}| <div class="title"...") |
|||
| (8 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{#css: | |||
<div class="title">{{{title}}}</div>}} | .title-bar{ | ||
background:#CC0000; | |||
padding:.15em; | |||
} | |||
.panel { | |||
background:#E0E0E0; | |||
color:#282828; | |||
margin:5px; | |||
box-shadow: 0 1.6px 3.6px 0 rgba(0,0,0,.132), 0 0.3px 0.9px 0 rgba(0,0,0,.108) | |||
} | |||
@media (prefers-color-scheme: dark){ | |||
.panel { | |||
background: #373737; | |||
color: #EDEDED; | |||
} | |||
} | |||
@media (max-width: 720px) { | |||
.panel { | |||
margin:0; | |||
} | |||
} | |||
.panel .title { | |||
background:#181818; | |||
} | |||
.panel .content{ | |||
height:100%; | |||
} | |||
.panel-footer { | |||
background:#E0E0E0; | |||
padding:7px; | |||
text-align:right; | |||
transition:0.3s ease-out; | |||
} | |||
.panel-footer:hover { | |||
background:#E0E5EC; | |||
box-shadow: 0px 0px 7px 0px rgba(0,0,0,.5); | |||
} | |||
.panel-footer:hover a{ | |||
color:#06305B; | |||
} | |||
.panel-footer a{ | |||
color:#282828; | |||
display:block; | |||
text-decoration:none; | |||
margin-right: .5em; | |||
} | |||
.title{ | |||
font-family: Roboto Slab; | |||
font-size: 1.2em; | |||
color: #FFFFFF; | |||
padding: 10px; | |||
text-align: center; | |||
} | |||
}}<div class="panel ms-depth-4 {{#if:{{{panelClass|}}}|{{{panelClass}}}}}" {{#if:{{{style|}}}|style="{{{style}}}"}}>{{#if:{{{title|}}}| | |||
<div class="title">{{{title}}}</div> | |||
<div class="title-bar"></div>}} | |||
<div class="content" {{#if:{{{contentstyle|}}}|style="{{{contentstyle}}}"}}> | <div class="content" {{#if:{{{contentstyle|}}}|style="{{{contentstyle}}}"}}> | ||
{{{content}}} | {{{content}}} | ||
Latest revision as of 06:27, 17 January 2022
{{{content}}}
