No edit summary |
No edit summary |
||
Line 41: | Line 41: | ||
margin-top:-4em | margin-top:-4em | ||
} | } | ||
. | }} | ||
<div id="sidebar">{{TOC right}}</div> | |||
/* 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 */ | |||
#center-wrapper { | |||
margin: 0 auto; | |||
width: 920px; | |||
} | |||
/* Content & sidebar */ | |||
#content,#sidebar { | |||
line-height: 300px; | |||
text-align: center; | |||
border: 1px solid; | |||
} | } | ||
#sidebar { | |||
background-color: #DEF; | |||
border-color: #BCD; | |||
display: none; | |||
} | } | ||
}} | #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;} | |||
#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; | |||
} | |||
#separator:hover { | |||
border-color: #ABC; | |||
background: #DEF; | |||
} | |||
==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;}
- toc #toctitle,.toc #toctitle,#toc .toctitle,.toc .toctitle {
position: static;
text-align:center;
}
- 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 */
- center-wrapper {
margin: 0 auto; width: 920px; }
/* Content & sidebar */
- content,#sidebar {
line-height: 300px; text-align: center; border: 1px solid; }
- sidebar {
background-color: #DEF; border-color: #BCD; display: none; }
- 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;}
- 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; }
- 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
Code 2
{{User:Gernash/ModInfo |Description=None1 |Installation=None3}}{{clear}}
Result
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