User:Gernash/ModInfo: Difference between revisions

Latest revision as of 03:15, April 19, 2023

{{#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;}

toc {

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

}

toc,.toc {

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

position: fixed; }

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

position: fixed;

 text-align:center;

margin-top:-4em } }}

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
|iTable=title|iTableInfo=Information<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>Information
}}{{clear}}

Result

Description

None1

Installation

None3

Information

None2

Additional

TEST SPACE

Installation Procedure

title

Information
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Information

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]]
|iTable=title|iTableInfo=Information<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>Information
}}{{clear}}

Result

Description

None1

Installation

Can be Complex

With indentations
- Greater Depth

including text boxes

<-- COLORS --> Underline

Hyperlinks

Information

None2

Installation Procedure

title

Information
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Information

@@ Line 4: / Line 4: @@
 {{#if:{{{Installation|}}}|{{#arraymap:{{{Installation|}}}|;|%|<div style="width:700px; float:left; font-size:.95em; border:1px solid #4F5860; overflow:hidden; border-radius:5px;  box-shadow:0px 0px 20px 20px #292B2C inset; padding:10px; text-align:justify; background:transparent; margin:10px 30px;"><span style="font-size:1.25em; color:#9BC1D5;">'''Installation'''</span><br /><hr>{{{Installation}}}<br /></div>}} | }}
 {{#if:{{{Information|}}}|{{#arraymap:{{{Information|}}}|;|%|<div style="width:700px; float:left; font-size:.95em; border:1px solid #4F5860; overflow:hidden; border-radius:5px;  box-shadow:0px 0px 20px 20px #292B2C inset; padding:10px; text-align:justify; background:transparent; margin:10px 30px;"><span style="font-size:1.25em; color:#9BC1D5;">'''Information'''</span><br /><hr>{{{Information}}}<br /></div>}} | }}
-{{#if:{{{Additional|}}}|{{#arraymap:{{{Additional|}}}|;|%|<div style="width:700px; float:left; font-size:.95em; border:1px solid #4F5860; overflow:hidden; border-radius:5px;  box-shadow:0px 0px 20px 20px #292B2C inset; padding:10px; text-align:justify; background:transparent; margin:10px 30px;"><span style="font-size:1.25em; color:#9BC1D5;">'''Additional'''</span><br /><hr>{{{Additional}}}<br /></div>}} | }}</div></includeonly><noinclude>__NOTOC__
+{{#if:{{{Additional|}}}|{{#arraymap:{{{Additional|}}}|;|%|<div style="width:700px; float:left; font-size:.95em; border:1px solid #4F5860; overflow:hidden; border-radius:5px;  box-shadow:0px 0px 20px 20px #292B2C inset; padding:10px; text-align:justify; background:transparent; margin:10px 30px;"><span style="font-size:1.25em; color:#9BC1D5;">'''Additional'''</span><br /><hr>{{{Additional}}}<br /></div>}} | }}
+{{#if:{{{iTable|}}}|{{#arraymap:{{{iTable|}}}|;|%|<div style="min-width:700px; float:left; font-size:.95em; border:1px solid #4F5860; overflow:hidden; border-radius:5px;  box-shadow:0px 0px 60px 60px #292B2C inset; padding:10px; text-align:justify; background:transparent; margin:10px 30px;"><span style="font-size:1.25em; color:#9BC1D5;">'''Installation Procedure'''</span><hr>{{{iTable}}}<br /><hr>{{#if:{{{iTableInfo|}}}|{{#arraymap:{{{iTableInfo|}}}|;|%|<div span style="-moz-column-count: 2;-webkit-column-count:2;column-count:2;-moz-column-gap: 10px;-webkit-column-gap:10px;column-gap:10px;font-size:13px;-moz-column-rule: 1px solid #000;-webkit-column-rule:1px solid #000;column-rule:1px solid #000;color:#A9A9A9;">{{{iTableInfo}}}<br /></div>}} | }}<hr></div>}} | }}
+</div></includeonly><noinclude>
-{{PageBackground|fallout-3.png}}
 {{#css:
    a:link {text-decoration:none;}
@@ Line 43: / Line 48: @@
    padding:5px;
    margin-top:1em
+position: fixed;
 }
 #toc #toctitle,.toc #toctitle,#toc .toctitle,.toc .toctitle {
@@ Line 48: / Line 54: @@
    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%);
-}
-#expand {
-  height: 0px;
-  overflow: hidden;
-  transition: height 0.5s;
-  background: url(http://placekitten.com/g/600/300);
-  color: #FFF;
-}
-section {
-  padding: 0 20px;
-}
-#toggle:checked ~ #expand {
-  height: 250px;
-}
-#toggle:checked ~ label::before {
-  content: "-";
 }
 }}
@@ Line 131: / Line 78: @@
 |Information=None2
 |Installation=None3
-|Additional=None4}}{{clear}}
+|Additional=None4
+|iTable=title|iTableInfo=Information<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>Information
+}}{{clear}}
 </pre>
@@ Line 142: / Line 91: @@
 |Information=None2
 |Installation=None3
-|Additional=TEST SPACE}}{{clear}}
+|Additional=TEST SPACE
+|iTable=title|iTableInfo=Information<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>Information
+}}{{clear}}
@@ Line 177: / Line 128: @@
 <u>{{fc|#8DA9C0|Underline}}</u>
 [[Main_Page|Hyperlinks]]
+|iTable=title|iTableInfo=Information<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>Information
 }}{{clear}}
@@ Line 197: / Line 149: @@
 <u>{{fc|#8DA9C0|Underline}}</u>
 [[Main_Page|Hyperlinks]]
+|iTable=title|iTableInfo=Information<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>Information
 }}{{clear}}
 </noinclude>