Template: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 8: | Line 8: | ||
body { | body { | ||
font-family: Arial, sans-serif; | font-family: Arial, sans-serif; | ||
line-height: 1.6; | |||
} | } | ||
/* Table of Contents (TOC) styling to match | /* Table of Contents (TOC) styling to match classic Wikipedia style */ | ||
#toc { | #toc { | ||
background-color: # | background-color: #f9f9f9; | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
padding: 10px; | padding: 10px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
width: | width: 275px; | ||
font-size: 0. | font-size: 0.875em; | ||
line-height: 1.4; | |||
} | } | ||
| Line 24: | Line 25: | ||
font-size: 1em; | font-size: 1em; | ||
margin: 0; | margin: 0; | ||
font-weight: bold; | |||
color: #222; | |||
display: flex; | display: flex; | ||
justify-content: space-between; | justify-content: space-between; | ||
| Line 31: | Line 34: | ||
/* Hide link styling */ | /* Hide link styling */ | ||
#toc h2 .hide-link { | #toc h2 .hide-link { | ||
font-size: 0. | font-size: 0.85em; | ||
color: # | color: #0077cc; | ||
cursor: pointer; | cursor: pointer; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 46: | Line 49: | ||
padding: 0; | padding: 0; | ||
margin: 10px 0; | margin: 10px 0; | ||
counter-reset: section; | |||
} | } | ||
#toc ul li { | /* Main section numbering */ | ||
margin: 5px | #toc ul > li { | ||
counter-increment: section; | |||
margin-bottom: 5px; | |||
} | |||
#toc ul > li::before { | |||
content: counters(section, ".") " "; | |||
font-weight: bold; | |||
} | } | ||
/* Nested numbering */ | /* Nested numbering */ | ||
#toc ul li | #toc ul li ul { | ||
margin-left: 20px; | |||
counter- | counter-reset: subsection; | ||
} | } | ||
#toc ul ul { | #toc ul li ul li { | ||
counter-increment: subsection; | |||
} | } | ||
#toc ul li ul li::before { | |||
#toc ul { | content: counters(section, ".") "." counter(subsection) " "; | ||
counter- | font-weight: normal; | ||
} | } | ||
| Line 70: | Line 81: | ||
#toc ul li a { | #toc ul li a { | ||
text-decoration: none; | text-decoration: none; | ||
color: # | color: #0077cc; | ||
} | } | ||
| Line 102: | Line 113: | ||
<h2>Contents <a href="javascript:void(0);" class="hide-link" onclick="toggleTOC()">[hide]</a></h2> | <h2>Contents <a href="javascript:void(0);" class="hide-link" onclick="toggleTOC()">[hide]</a></h2> | ||
<ul> | <ul> | ||
<li><a href="#section0">What tools you will need</a> | <li><a href="#section0">1 What tools you will need</a> | ||
<ul> | <ul> | ||
<li><a href="#required">Required</a></li> | <li><a href="#required">1.1 Required</a></li> | ||
<li><a href="#optional">Optional but useful</a></li> | <li><a href="#optional">1.2 Optional but useful</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li><a href="#section1"> | <li><a href="#section1">2 Uses of this skill</a></li> | ||
<li><a href="#section2"> | <li><a href="#section2">3 Step-by-step guide with images</a></li> | ||
<li><a href="#section3"> | <li><a href="#section3">4 Flow chart of order of operations</a></li> | ||
<li><a href="#section4"> | <li><a href="#section4">5 Troubleshooting/tips and tricks</a></li> | ||
<li><a href="#section5"> | <li><a href="#section5">6 Related Topics</a></li> | ||
<li><a href="#section6"> | <li><a href="#section6">7 Further reading</a></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
| Line 137: | Line 148: | ||
</div> | </div> | ||
<h1 id="section1"> | <h1 id="section1">Uses of this skill</h1> | ||
<p>Test</p> | <p>Test</p> | ||
<ul> | |||
<h1 id="section2"> | <li>1.test</li> | ||
<li>2.test</li> | |||
<li>3.test</li> | |||
<h1 id="section2">Step-by-step guide with images</h1> | |||
<p>Insert step-by-step walkthrough with images and summary text here</p> | <p>Insert step-by-step walkthrough with images and summary text here</p> | ||
<h1 id="section3"> | <h1 id="section3">Flow chart of order of operations</h1> | ||
<p>Insert a flow chart of steps and actions for each task (create using diagram)</p> | <p>Insert a flow chart of steps and actions for each task (create using diagram)</p> | ||
<h1 id="section4"> | <h1 id="section4">Troubleshooting/tips and tricks</h1> | ||
<p>Fixes to any common issues that were encountered or could be easily encountered</p> | <p>Fixes to any common issues that were encountered or could be easily encountered</p> | ||
<h1 id="section5"> | <h1 id="section5">Related Topics</h1> | ||
<p>Topics such as desoldering to chip off or firmware dumping for disk PCB repairs</p> | <p>Topics such as desoldering to chip off or firmware dumping for disk PCB repairs</p> | ||
<ul> | <ul> | ||
| Line 156: | Line 170: | ||
</ul> | </ul> | ||
<h1 id="section6"> | <h1 id="section6">Further reading</h1> | ||
<p>External references in wiki references can just be cited through the keyword link</p> | <p>External references in wiki references can just be cited through the keyword link</p> | ||
<div class="reference-list"> | <div class="reference-list"> | ||
Revision as of 00:29, 11 November 2024
Background information
Test
Contents
What tools you will need
Items are not listed in any particular order
Required
- Test
Optional but useful
- Test
Uses of this skill
Test
- 1.test
- 2.test
- 3.test
- Reference 1: Source details
- Reference 2: Source details
Step-by-step guide with images
Insert step-by-step walkthrough with images and summary text here
Flow chart of order of operations
Insert a flow chart of steps and actions for each task (create using diagram)
Troubleshooting/tips and tricks
Fixes to any common issues that were encountered or could be easily encountered
Related Topics
Topics such as desoldering to chip off or firmware dumping for disk PCB repairs
Further reading
External references in wiki references can just be cited through the keyword link