User:Gernash/ModInfo: Difference between revisions

From Step Mods | Change The Game
No edit summary
No edit summary
Line 41: Line 41:
margin-top:-4em
margin-top:-4em
}
}
}}
<div id="sidebar">{{TOC right}}</div>
/* Floats */
/* Floats */


Line 122: Line 120:
background: #DEF;
background: #DEF;
}
}
}}
<div id="sidebar">{{TOC right}}</div>


==Purpose & Usage==
==Purpose & Usage==

Revision as of 14:55, April 21, 2017


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;

  top:0;
  right:0;

overflow: auto;}

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

position: static;

 text-align:center;

}

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

position: fixed;

 text-align:center;

margin-top:-4em } /* Floats */

.left {float: left;} .right {float: right;}

.clearer { clear: both; display: block; font-size: 0; height: 0; line-height: 0; }


/* Misc


*/

.hidden {display: none;}


/* Example specifics


*/

/* Layout */

  1. center-wrapper {

margin: 0 auto; width: 920px; }


/* Content & sidebar */

  1. content,#sidebar {

line-height: 300px; text-align: center; border: 1px solid; }

  1. sidebar {

background-color: #DEF; border-color: #BCD; display: none; }

  1. content {

background-color: #EFE; border-color: #CDC; width: 97%; }

.use-sidebar #content {width: 64%;} .use-sidebar #sidebar { display: block; width: 32%; }

.sidebar-at-left #sidebar {margin-right: 1%;} .sidebar-at-right #sidebar {margin-left: 1%;}

.sidebar-at-left #content, .use-sidebar.sidebar-at-right #sidebar, .sidebar-at-right #separator {float: right;} .sidebar-at-right #content, .use-sidebar.sidebar-at-left #sidebar, .sidebar-at-left #separator {float: left;}

  1. separator {

background-color: #EEE; border: 1px solid #CCC; display: block; outline: none; width: 1%; } .use-sidebar #separator { background: url('img/vertical-separator.gif') repeat-y center top; border-color: #FFF; }

  1. separator:hover {

border-color: #ABC; background: #DEF; } }}


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