https://stories.allthefallen.moe/index.php?title=Format_Rules/CSS&feed=atom&action=historyFormat Rules/CSS - Revision history2024-03-28T23:45:14ZRevision history for this page on the wikiMediaWiki 1.36.0https://stories.allthefallen.moe/index.php?title=Format_Rules/CSS&diff=42350&oldid=prevElerneron: Protected "Format Rules/CSS" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))2020-09-06T00:55:28Z<p>Protected "<a href="/index.php?title=Format_Rules/CSS" title="Format Rules/CSS">Format Rules/CSS</a>" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="en-GB">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 00:55, 6 September 2020</td>
</tr><tr><td colspan="2" class="diff-notice" lang="en-GB"><div class="mw-diff-empty">(No difference)</div>
</td></tr></table>Elerneronhttps://stories.allthefallen.moe/index.php?title=Format_Rules/CSS&diff=9600&oldid=prevElerneron: /* Article Based */2016-10-31T23:46:40Z<p><span dir="auto"><span class="autocomment">Article Based</span></span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en-GB">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 23:46, 31 October 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l5">Line 5:</td>
<td colspan="2" class="diff-lineno">Line 5:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* To use article based stylesheets, first make a link to the article the way you would any page but end it with <code>.css</code>. The logical place to do this is on the first page of a story if it is only designed for that story, or your user page if it is more general in nature.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* To use article based stylesheets, first make a link to the article the way you would any page but end it with <code>.css</code>. The logical place to do this is on the first page of a story if it is only designed for that story, or your user page if it is more general in nature.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Next write your CSS code like you would normally.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Next write your CSS code like you would normally.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* At the end of your CSS code place the following <code><nowiki>/* <noinclude>[[Category:StyleSheets]]</noinclude> */</nowiki></code>. This is treated as a comment in CSS, but puts it in the <del style="font-weight: bold; text-decoration: none;">stylesheet </del>category for the site. You can also add it to your story category if you would like to, but it is not required.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* At the end of your CSS code place the following <code><nowiki>/* <noinclude>[[Category:StyleSheets]]</noinclude> */</nowiki></code>. This is treated as a comment in CSS, but puts it in the <ins style="font-weight: bold; text-decoration: none;">StyleSheets </ins>category for the site. You can also add it to your story category if you would like to, but it is not required.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* On any page you want to use your custom CSS styles put the following: <code><nowiki>{{#css:MyStyles.css}}</nowiki></code> where '''MyStyles.css''' is the name of your CSS article.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* On any page you want to use your custom CSS styles put the following: <code><nowiki>{{#css:MyStyles.css}}</nowiki></code> where '''MyStyles.css''' is the name of your CSS article.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Use your CSS styles.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Use your CSS styles.</div></td></tr>
</table>Elerneronhttps://stories.allthefallen.moe/index.php?title=Format_Rules/CSS&diff=9599&oldid=prevElerneron at 23:45, 31 October 20162016-10-31T23:45:50Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en-GB">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 23:45, 31 October 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l21">Line 21:</td>
<td colspan="2" class="diff-lineno">Line 21:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Use your CSS styles</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Use your CSS styles</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td colspan="2"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">----</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For more information on the use of CSS on the site consult this page: [https://www.mediawiki.org/wiki/Extension:CSS https://www.mediawiki.org/wiki/Extension:CSS]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For more information on the use of CSS on the site consult this page: [https://www.mediawiki.org/wiki/Extension:CSS https://www.mediawiki.org/wiki/Extension:CSS]</div></td></tr>
</table>Elerneronhttps://stories.allthefallen.moe/index.php?title=Format_Rules/CSS&diff=9598&oldid=prevElerneron at 23:45, 31 October 20162016-10-31T23:45:16Z<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en-GB">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 23:45, 31 October 2016</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l23">Line 23:</td>
<td colspan="2" class="diff-lineno">Line 23:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For more information on the use of CSS on the site consult this page: [https://www.mediawiki.org/wiki/Extension:CSS https://www.mediawiki.org/wiki/Extension:CSS]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>For more information on the use of CSS on the site consult this page: [https://www.mediawiki.org/wiki/Extension:CSS https://www.mediawiki.org/wiki/Extension:CSS]</div></td></tr>
<tr><td colspan="2"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>If you need help learning CSS, I recommend this site: [http://www.w3schools.com/css/default.asp http://www.w3schools.com/css/default.asp]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>If you need help learning CSS, I recommend this site: [http://www.w3schools.com/css/default.asp http://www.w3schools.com/css/default.asp]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br/></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Format Rules|CSS]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Format Rules|CSS]]</div></td></tr>
</table>Elerneronhttps://stories.allthefallen.moe/index.php?title=Format_Rules/CSS&diff=9597&oldid=prevElerneron: Created page with "You can now add custom stylesheets to your pages. This allows you a LOT of control over how your page looks. There are two methods for doing this: article based and inline...."2016-10-31T23:44:52Z<p>Created page with "You can now add custom stylesheets to your pages. This allows you a LOT of control over how your page looks. There are two methods for doing this: article based and inline...."</p>
<p><b>New page</b></p><div>You can now add custom stylesheets to your pages. This allows you a LOT of control over how your page looks. There are two methods for doing this: article based and inline.<br />
<br />
==Article Based==<br />
Article based usage is usually going to be the way you want to handle custom CSS on the site.<br />
* To use article based stylesheets, first make a link to the article the way you would any page but end it with <code>.css</code>. The logical place to do this is on the first page of a story if it is only designed for that story, or your user page if it is more general in nature.<br />
* Next write your CSS code like you would normally.<br />
* At the end of your CSS code place the following <code><nowiki>/* <noinclude>[[Category:StyleSheets]]</noinclude> */</nowiki></code>. This is treated as a comment in CSS, but puts it in the stylesheet category for the site. You can also add it to your story category if you would like to, but it is not required.<br />
* On any page you want to use your custom CSS styles put the following: <code><nowiki>{{#css:MyStyles.css}}</nowiki></code> where '''MyStyles.css''' is the name of your CSS article.<br />
* Use your CSS styles.<br />
<br />
==Inline==<br />
Inline CSS is only useful if you are only wanting the styles for a single page. If you want to reuse styles over and over again, go with the article method.<br />
* To use the inline stylesheet simply add something like the following to the page you want to use them on:<br />
<pre>{{#css:<br />
body {<br />
background: yellow;<br />
font-size: 20pt;<br />
color: red;<br />
}<br />
}}</pre><br />
* Use your CSS styles<br />
<br />
<br />
For more information on the use of CSS on the site consult this page: [https://www.mediawiki.org/wiki/Extension:CSS https://www.mediawiki.org/wiki/Extension:CSS]<br />
If you need help learning CSS, I recommend this site: [http://www.w3schools.com/css/default.asp http://www.w3schools.com/css/default.asp]<br />
<br />
[[Category:Format Rules|CSS]]</div>Elerneron