In August and the first half of September in 2020, The Bell Tree used a dreamy, starry theme to represent the slumber party theme of the fair. As that is now over, the forum returned to its normal look, but for those that love the theme and never want it to go away, this theme recreates the temporary theme as closely as possible. You can even give every user one of the three limited-time sidebar backgrounds!
The Bell Tree - 2020 Fair Theme by xane123
Details
Authorxane123
LicenseCC Zero
Categorybelltreeforums
Created
Updated
Size3.3 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
After installing this using Stylus, click the gear in its menu to customize this userstyle. In the dialog that appears, you can choose to apply one of the fair's three time-limited post sidebar background images on every forum post, and can either move Celeste (the owl using the telescope) to the right edge of the header or hide her.
Unfortunately, I didn't archive the grass images used for the background under the header, so these are unchanged and will vary with the current season.
Source code
/* ==UserStyle==
@name The Bell Tree - 2020 Fair Theme
@namespace USO Archive
@author Xane Myers (Xane_MM)
@description `In August and the first half of September in 2020, The Bell Tree used a dreamy, starry theme to represent the slumber party theme of the fair. As that is now over, the forum returned to its normal look, but for those that love the theme and never want it to go away, this theme recreates the temporary theme as closely as possible. You can even give every user one of the three limited-time sidebar backgrounds!`
@version 20200928.22.25
@license CC0-1.0
@preprocessor uso
@advanced dropdown sidebarbg "Post sidebar background" {
sidebarbg0 "None*" <<<EOT /* No post sidebar BG chosen. *\/ EOT;
sidebarbg1 "City of Dreams" <<<EOT .block--messages .message-cell:first-child
{
background-image: url('https://i.imgur.com/IpiEUKV.png');
background-repeat: no-repeat;
} EOT;
sidebarbg2 "Lunar Haze" <<<EOT .block--messages .message-cell:first-child
{
background-image: url('https://i.imgur.com/7156FxE.png');
background-repeat: no-repeat;
} EOT;
sidebarbg3 "Starry Sky" <<<EOT .block--messages .message-cell:first-child
{
background-image: url('https://i.imgur.com/qPBLUAy.png');
background-repeat: no-repeat;
} EOT;
}
@advanced dropdown celesteposition "Celeste (owl)" {
celeste_center "Show*" <<<EOT 47% EOT;
celeste_right "Right edge (custom)" <<<EOT 100% EOT;
celeste_gone "Hide" <<<EOT -333px EOT;
}
==/UserStyle== */
@-moz-document domain("belltreeforums.com") {
/* This style brings back TBT's pretty starry theme used during the 2020 fair, and even gives everyone one of the limited-time sidebar backgrounds!
This uses images from TBT itself, except for backdrops, which were completely removed from the server. */
.p-pageWrapper
{
background: url(https://belltreeforums.com/styles/belltreefair2020/stars.png?1), linear-gradient(to bottom, #75a6ec 50px, #d3b9ff 230px, #75a6ec 1300px) !important;
background-repeat: repeat-x !important;
}
/* Stars isntead of clouds */
.p-header-inner
{
background-image: url(https://belltreeforums.com/styles/belltreefair2020/stars.png?1) !important;
}
/* Drawn tree */
.p-header-inner2-tree, .p-header-inner-tree, .p-header-inner-treeEffects
{
background-image: url(https://belltreeforums.com/styles/belltreefair2020/treefair2020-2.png?1) !important;
}
/* In newer website design versions, the tree was split into three pieces. The 2020 TBT Fair only used one image, so hide these! */
.p-header-inner-tree-trunk, .p-header-inner-tree-shadow, .p-header-inner-tree-crown { display: none; }
/* Celeste */
.p-header-inner5-belowGrass, .p-header-inner-belowGrass
{
background-image: url(https://belltreeforums.com/styles/belltreefair2020/celeste.png?1) !important;
background-repeat: no-repeat;
background-position: left /*[[celesteposition]]*/ bottom 4px !important;
background-size: 26% !important;
filter: none !important; /* Don't dim Celeste at night. */
}
/* TBT Logo */
.p-header-inner-text
{
background-image: url("https://www.belltreeforums.com/styles/belltree/tbtf-day.png") !important;
}
/*[[sidebarbg]]*/
}