Welcome to Square Enix Wiki! Be sure to check out our To-Do List to see what work we need done!

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:
<templatestyles src="Panel/style.css" /><div class="{{#if:{{{panelClass|}}}|{{{panelClass}}}}}" {{#if:{{{style|}}}|style="{{{style}}}"}}>{{#if:{{{title|}}}|
{{#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}}}