Description:

Forest is, obviously, a forest/wood theme, primarily beige and brown, with highlights in green, yellow, and red (the colors of leaves at various stages). Headers are accented with leaves. I've drilled down pretty deeply to affect colors, but I haven't necessarily looked at everything yet, particularly for the more obscure elements. Please let me know if anything looks bad, or wrong.

It includes one extra class, "drop", which will create a dropcap when used. It does not automatically add dropcaps to each paragraph - you'll have to add it yourself, like so:

<div class="drop">L</div>orem ipsum…

Only, with the double brackets instead of the angles, per standard wikidot syntax.

Change the "Ye" part to which ever color you need, and you're good to go. The "=" at the beginning can be left out or change. Left in, it centers the leaf. Use "<" to float to the left, ">" to float to the right, leave it out to just place it next, wherever that is.

Finally, you can edit the css to place the search box back in the usual place, but the design is intended to use a link in nav:side as follows:

6 +s 3 [s search:site|Search 3 ]s

That is, a link to the search:site page, with the text "Search", set at h6.

You do need to alter the css but it isn't difficult if you follow these instructions:

1) create a page on your site to hold your custom css. I usually call this css:theme but others use admin:css or something similar. It doesn't really matter what you call it as long as you can find it again!

2) on that page paste in the following code to import the css from the themes site and remove the leaf:

3) you now need to tell your manager (admin:manage) that you are using the CSS from your page. See the image below. At admin:manage in the menu on the left select Appearance then Themes. Make sure that in the dropdown in the middle of the screen that _default is checked.and that the "use external theme" radio button is selected. That will open a box for you to enter the location of your css (the page you created at step 1 above. Enter /css:theme/code/1 and press the save button.

4) Now go to another page on your site you will see the the leaf has been removed.

What this means is that as you learn some css you can add in extra rules into the css:theme page and save it and the changes are made instantly (you do not need to do step 3 again).

You need to upload your banner image to a page, and then for the url in the code (listed below) subsititute in your file. Say you named your image "back.jpg", and uploaded to the Start page of your wiki, then you need to change the code to: