User:Gernash/ModInfo

Template:PageBackground {{#css:

 a:link {text-decoration:none;}
 a:visited {text-decoration:none;}
 p {}

h1 span {display: block;} h1 span::before {content: "\A";white-space: pre;} h2 span {display: block;} h2 span::before {content: "\A";white-space: pre;} h3 span {display: block;} h3 span::before {content: "\A";white-space: pre;} h4 span {display: block;} h4 span::before {content: "\A";white-space: pre;} h5 span {display: block;} h5 span::before {content: "\A";white-space: pre;}

 h1,h2,h3,h4 {text-align:center; border-style:solid; border-bottom-width:3px; border-color:rgb(200,100,20); background-color:rgba(0,0,0,0.1); padding:0px;color: #0066ff; font-size:2em;}
 h5 {font-size:1.5em;}
 h6 {font-size:1.5em;}

div#sidebar{

  position:fixed;
  height:50%;
  width:700px; 

margin: 70px; border:0px;

  top:0;
  right:0;

overflow: auto;}

1. toc {

 border:1px solid #aaaaaa;
 background-color:#fff;
 padding:5px

}

1. toc,.toc {

 border:1px solid #999;
 background-color:#444;
 padding:5px;
 margin-top:1em

}

1. toc #toctitle,.toc #toctitle,#toc .toctitle,.toc .toctitle {

position: fixed;

 text-align:center;

margin-top:-4em } }}

body {

 font-family: "Open Sans", Arial;
 background: #CCC;

} main {

 background: #EEE;
 width: 600px;
 margin: 20px auto;
 padding: 10px 0;
 box-shadow: 0 3px 5px rgba(0,0,0,0.3);

} h2 {

 text-align: center;

} p {

 font-size: 13px;

} input {

 display: none;
 visibility: hidden;

} label {

 display: block;
 padding: 0.5em;
 text-align: center;
 border-bottom: 1px solid #CCC;
 color: #666;

} label:hover {

 color: #000;

} label::before {

 font-family: Consolas, monaco, monospace;
 font-weight: bold;
 font-size: 15px;
 content: "+";
 vertical-align: text-top;
 display: inline-block;
 width: 20px;
 height: 20px;
 margin-right: 3px;
 background: radial-gradient(ellipse at center, #CCC 50%, transparent 50%);

}

1. expand {

 height: 0px;
 overflow: hidden;
 transition: height 0.5s;
 background: url(http://placekitten.com/g/600/300);
 color: #FFF;

} section {

 padding: 0 20px;

}

1. toggle:checked ~ #expand {

 height: 250px;

}

1. toggle:checked ~ label::before {

 content: "-";

}

Purpose & Usage

Template used for standardized Mod Information layout in User:Gernash/MODWiki

Adds floating boxes for Three Fields

|Description=

|Installation=

|Information=

|Additional=

Examples

Code 1

{{User:Gernash/ModInfo
|Description=None1
|Information=None2
|Installation=None3
|Additional=None4}}{{clear}}

Result

Description

---

None1

Installation

---

None3

Information

---

None2

Additional

---

TEST SPACE

Code 2

{{User:Gernash/ModInfo
|Description=None1
|Installation=None3}}{{clear}}

Result

Description

---

None1

Installation

---

None3

Code 3

{{User:Gernash/ModInfo
|Description=None1
|Information=None2
|Installation=
Can be Complex
*With indentations
**Greater Depth

including text boxes

{{fs|1.2em|{{fc|#DC143C|<-- COLORS -->}}}} 
<u>{{fc|#8DA9C0|Underline}}</u> 
[[Main_Page|Hyperlinks]]
}}{{clear}}

Result

Description

---

None1

Installation

---

Can be Complex

• With indentations
  • Greater Depth

including text boxes

<-- COLORS --> Underline

Hyperlinks

Information

---

None2