Bernard
This page is a work in progress.
Bernard | |
|---|---|
|
| |
Personal Details | |
| Also Known As: | Bernard Abott (Human AU)
Burns (Mary) Little pest (Calvin) |
| Species: | Saint |
| Pronouns: | he/him |
| Sexuality: | aroace |
| Relationships: | Mary (adoptive daughter)
Cain (mentor) Calvin (friend) Joseph (abuser) Leroy (friend) Robert (friend) |
Bernard is a Saint that resides in the unmarked coastal town on the cliff's edge. He resides within the ground floor of the church building. He dresses as if he were a Catholic priest, though he knows next to nothing about the actual religion.
Table of Contents
Profile
This code has two mobile responsiveness breakpoints: one at 1000px and one at 576px. The sidebar goes on top on small screens. On desktop, you can test this by resizing the window.
Appearance
The table of contents is open by default. You can make it closed by default by removing the word open from the tag.
This is a static template, so you'll have to set up the table of contents on each page manually. Add an id="headername" to each header in your code, then add a corresponding link with href="#headername" to the table of contents. IDs cannot contain spaces or begin with a number.
(NEW) The table of contents sub-ordered-lists are numbered properly now! Sorry it took me two years. If you're already using this theme, you can just redownload the style.css file to get the update. You might have to change the HTML of your table of contents, since this update requires you to nest the ol element inside the li element it's under.
Personality
Most things in this code (the notice boxes, floating images, infoboxes, etc.) can be dropped into your page wherever you want with minimal issues. Just copy and paste.
History
Before-times
Most things in this code (the notice boxes, floating images, infoboxes, etc.) can be dropped into your page wherever you want with minimal issues. Just copy and paste.
Church Living
Most things in this code (the notice boxes, floating images, infoboxes, etc.) can be dropped into your page wherever you want with minimal issues. Just copy and paste.
There are some utility classes in the CSS:
- Adding .text-center to anything centers the text
- Adding .text-big to anything makes the text big
- Adding .redlink to <a> makes it red (see above)
- See below for effect of .clear-both
Angelic Intervention
Most things in this code (the notice boxes, floating images, infoboxes, etc.) can be dropped into your page wherever you want with minimal issues. Just copy and paste.
Relationships
Gallery
Make sure any <h2> elements directly under a section with a right-floating image have the class "clear-both" applied. This makes it "clear" any floating elements and appear below them, to avoid display weirdness on large screens.
(NEW) This code now contains gallery rows - see below for an example. If you're already using this theme, you can use "view page source" to grab the HTML/CSS for the gallery, and drop them into your code.