Sandbox Theme Test Page
This page tests the Cascading Style Sheets (CSS) styling from our Sandbox WebsitE Theme on various basic HTML Elements
Heading 1
The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down, so suddenly that Alice had not a moment to think about stopping herself before she found herself falling down a very deep well.
- Numbered bullet
- Numbered bullet
- Numbered bullet
Heading 2
The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down, so suddenly that Alice had not a moment to think about stopping herself before she found herself falling down a very deep well.
- Unordered bullet
- Unordered bullet
- Unordered bullet
Heading 3
The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down, so suddenly that Alice had not a moment to think about stopping herself before she found herself falling down a very deep well.
Heading 1 Toggle (contains others)
With basic text content
Heading 2 Toggle
With basic text content
Heading 3 Toggle
With basic text content
With basic text content
Quotes
Small Quote: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
Small Blue Quote: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
Large Quote: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
Large Blue Quote: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
Text Colours
In order to standardise the Sandbox website, text colours are disabled. All the text below should appear black.
[class*="color-"] {
color: var(--color-text-default) !important;
}- Default Text: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
- Gray Text: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
- Brown Text: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
- Orange Text: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
- Yellow Text: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
- Green Text: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
- Blue Text: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
- Purple Text: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
- Pink Text: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
- Red Text: The rabbit-hole went straight on like a tunnel for some way, and then dipped suddenly down
Text Backgrounds
In order to standardise the Sandbox website, text backgrounds are disabled. All the text backgrounds should appear white.
[class*="bg-"] {
background-color: transparent !important;
color: var(--color-text-default) !important;
}
[class*="color-"] {
color: var(--color-text-default) !important;
}
.notion-text.bg-brown > p, .notion-text.bg-blue > p, .notion-text.bg-gray > p, .notion-text.bg-green > p, .notion-text.bg-orange > p, .notion-text.bg-purple > p, .notion-text.bg-red > p, .notion-text.bg-pink > p, .notion-text.bg-yellow > p {
color: var(--color-text-default) !important;
padding-left: 0px !important;
}
.notion-text.bg-blue, .notion-text.bg-gray, .notion-text.bg-green, .notion-text.bg-orange, .notion-text.bg-purple, .notion-text.bg-red, .notion-text.bg-brown, .notion-text.bg-pink, .notion-text.bg-yellow{
margin-top: 0px !important;
}Default Background: “Well!” thought Alice to herself, “after such a fall as this, I shall think nothing of tumbling down stairs!
Grey Background: “Well!” thought Alice to herself, “after such a fall as this, I shall think nothing of tumbling down stairs!
Brown Background: “Well!” thought Alice to herself, “after such a fall as this, I shall think nothing of tumbling down stairs!
Orange Background: “Well!” thought Alice to herself, “after such a fall as this, I shall think nothing of tumbling down stairs!
Yellow Background: “Well!” thought Alice to herself, “after such a fall as this, I shall think nothing of tumbling down stairs!
Green Background: “Well!” thought Alice to herself, “after such a fall as this, I shall think nothing of tumbling down stairs!
Blue Background: “Well!” thought Alice to herself, “after such a fall as this, I shall think nothing of tumbling down stairs!
Purple Background: “Well!” thought Alice to herself, “after such a fall as this, I shall think nothing of tumbling down stairs!
Pink Background: “Well!” thought Alice to herself, “after such a fall as this, I shall think nothing of tumbling down stairs!
Red Background: “Well!” thought Alice to herself, “after such a fall as this, I shall think nothing of tumbling down stairs!
Heading Backgrounds
All heading background are suppressed so you won't see these colors on the website.
Default BG
Gray BG
Brown BG
Orange BG
Yellow BG
Normal Heading
Green Heading
Purple Heading
Blue Heading
Green BG
Blue BG
Purple BG
Pink BG
Red BG
Callouts
Callout Headings
Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do: once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, “and what is the use of a book,” thought Alice “without pictures or conversations?”
No Title
So she was considering in her own mind (as well as she could, for the hot day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.
There was nothing so very remarkable in that; nor did Alice think it so very much out of the way to hear the Rabbit say to itself, “Oh dear! Oh dear! I shall be late!” (when she thought it over afterwards, it occurred to her that she ought to have wondered at this, but at the time it all seemed quite natural);
No Title Blue Callout
but when the Rabbit actually took a watch out of its waistcoat-pocket, and looked at it, and then hurried on, Alice started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and burning with curiosity, she ran across the field after it, and fortunately was just in time to see it pop down a large rabbit-hole under the hedge.
Callout Colours
Links
Buttons
Secondary Buttons
A link with Bold applied.
Text Link with Bold Added
Alice's Adventures in Wonderland by Lewis Carroll
In another moment down went Alice after it, never once considering how in the world she was to get out again.
Primary Buttons
A link with Code applied.
This a link in a white calloutText Link with Code Styling
Alice's Adventures in Wonderland by Lewis Carroll
In another moment down went Alice after it, never once considering how in the world she was to get out again.
Callout Buttons
Additional Resources
CSS and Styling
Icons
- Sandbox Theme Test Page
- Heading 1
- Heading 2
- Heading 3
- Heading 1 Toggle (contains others)
- Heading 2 Toggle
- Heading 3 Toggle
- Quotes
- Text Colours
- Text Backgrounds
- Heading Backgrounds
- Default BG
- Gray BG
- Brown BG
- Orange BG
- Yellow BG
- Normal Heading
- Green Heading
- Purple Heading
- Blue Heading
- Green BG
- Blue BG
- Purple BG
- Pink BG
- Red BG
- Callouts
- Callout Headings
- Callout Colours
- Links
- Buttons
- Secondary Buttons
- Alice's Adventures in Wonderland by Lewis Carroll
- Primary Buttons
- Alice's Adventures in Wonderland by Lewis Carroll
- Callout Buttons
- Additional Resources
- CSS and Styling
- Icons
