320
edits
NeilThomas (talk | contribs) m (→Colour Themes) |
NeilThomas (talk | contribs) m (→Colour Themes) |
||
(4 intermediate revisions by the same user not shown) | |||
Line 5: | Line 5: | ||
===The current default site=== | ===The current default site=== | ||
This will always be available to you in the 'websites' folder of your Cumulus MX Installation. If you wish to undo any of the changes that downloads from this page generate then simply re-copy the websites folder to your web host. | This will always be available to you in the 'websites' folder of your Cumulus MX Installation. If you wish to undo any of the changes that downloads from this page generate then simply re-copy the websites folder to your web host. | ||
===An Alternative Interface=== | |||
A new addition to the existing Interface site used for managing your weather station is now available. You can find out about it here: [[Alternative_Interface|Alternative Interface]]. | |||
===Templates=== | ===Templates=== | ||
Line 12: | Line 15: | ||
* A lefthand sidebar with the main panel on the right. Download at [https://cumuluswiki.org/images/7/75/LeftSBTemplates.zip Left-handed sidebar template]. These can be viewed at [https://weather.oaktreewebs.co.uk/ATL-1c.htm OaktreeWebs Weather]. Updated: 16 June 2021 | * A lefthand sidebar with the main panel on the right. Download at [https://cumuluswiki.org/images/7/75/LeftSBTemplates.zip Left-handed sidebar template]. These can be viewed at [https://weather.oaktreewebs.co.uk/ATL-1c.htm OaktreeWebs Weather]. Updated: 16 June 2021 | ||
* A righthand sidebar with the man panel on the left. Download at [Https://cumuluswiki.org/images/6/67/RightSBTemplates.zip Right-handed sidebar templates]. This is similar to the default site but the sidebar starts higher up the screen. Again, these can be viewed at [https://weather.oaktreewebs.co.uk/ATR-1c.htm OaktreeWebs Weather]. Updated 15 June 2021. | * A righthand sidebar with the man panel on the left. Download at [Https://cumuluswiki.org/images/6/67/RightSBTemplates.zip Right-handed sidebar templates]. This is similar to the default site but the sidebar starts higher up the screen. Again, these can be viewed at [https://weather.oaktreewebs.co.uk/ATR-1c.htm OaktreeWebs Weather]. Updated 15 June 2021. | ||
* A set with no sidebar - just the main content area. Download at [Https://cumuluswiki.org/images/2/2a/NoSBTemplates.zip No sidebar templates]. View at [https://weather.oaktreewebs.co.uk/ATN-1c.htm OaktreeWebs Weather]. The single column version is set | * A set with no sidebar - just the main content area. Download at [Https://cumuluswiki.org/images/2/2a/NoSBTemplates.zip No sidebar templates]. View at [https://weather.oaktreewebs.co.uk/ATN-1c.htm OaktreeWebs Weather]. The single column version gauges page is set wider than other pages. Updated: 1 October 2021 | ||
====Additional/Alternative Pages==== | ====Additional/Alternative Pages==== | ||
=====Gauges===== | =====Gauges===== | ||
We also have an alternative to the default gauges.htm page. This does away with the sidebar and places the gauges in fixed width panels that automatically reposition themselves as the page width is changed. The gauges are also able to be placed in any order without resorting to cut-n-paste. Just add/change a number to their order | We also have an alternative to the default gauges.htm page. This does away with the sidebar and places the gauges in fixed width panels that automatically reposition themselves as the page width is changed. The gauges are also able to be placed in any order without resorting to cut-n-paste. Just add/change a number to their order style and its done. | ||
This can be downloaded from [Https://cumuluswiki.org/Downloads/NewGauges.zip Gauges Page]. Updated: 11 March 2021 | This can be downloaded from [Https://cumuluswiki.org/Downloads/NewGauges.zip Gauges Page]. Updated: 11 March 2021 | ||
Line 36: | Line 39: | ||
===Colour Themes=== | ===Colour Themes=== | ||
The website and templates use colour themes to make it easier to change the colour throughout the site. By downloading the colour theme pack, you can simply rename the chosen colour as 'colours.css' and it will be applied throughout your site. All colour themes have now been updated to use ''css variables'' for the available theme colours. This makes it much easier to add your theme colours to your custom pages | The website and templates use colour themes to make it easier to change the colour throughout the site. By downloading the colour theme pack, you can simply rename the chosen colour as 'colours.css' and it will be applied throughout your site. All colour themes have now been updated to use ''css variables'' for the available theme colours. This makes it much easier to add your theme colours to your custom pages, or style sheets. It is also possible to apply theme colours to the gauges tooltips in this way. | ||
For example, to add a coloured border to an element you can add the style like so: | For example, to add a coloured border to an element you can add the style like so: | ||
<nowiki><span style="border-color: var(--d2);"></span></nowiki> or <nowiki><span style="w3-theme-d2-bdr w3-border"> | <nowiki><span style="border-color: var(--d2);">**</span></nowiki> or <nowiki><span style="w3-theme-d2-bdr w3-border">**</span></nowiki>. | ||
Visit the new '''[https://weather.oaktreewebs.co.uk/ATThemes.htm Theme Viewer]''' to preview any of these themes on a basic template page. You can download individual themes directly from | Visit the new '''[https://weather.oaktreewebs.co.uk/ATThemes.htm Theme Viewer]''' to preview any of these themes on a basic template page. You can download individual themes directly from that page. Alternatively you can download all themes (plus a 'readme.txt' file explaining the styles) [[File:ColourSchemes.zip | here]] | ||
. | |||
Additional themes have now been added. The download includes a reworked default 'colours.css' stylesheet to also use css variables and a ReadMe file to explain the styles used. | |||
The current list is: | The current list is: | ||
{| class="wikitable" | {| class="wikitable" | ||
|- | |- | ||
! Theme !! | ! Theme !! Theme !! Theme !! Theme | ||
|- | |- | ||
| | | AlmondBuff || AlmostMauve || Arcadia || BasicGrey | ||
|- | |- | ||
| | | CherryTomato || ChiliOil || colours || CrocusPetal | ||
|- | |- | ||
| | | CylonYellow || Emporador || GreyBlue (new) || GreyGreen (new) | ||
|- | |- | ||
| | | GreyRed (new) || HarbourMist || Limelight || LimePunch | ||
|- | |- | ||
| | | Marsala || MartiniOlive || MeerKat || NebulasBlue | ||
|- | |- | ||
| | | QuietGrey || ReadPear || RussetOrange || SailorBlue | ||
|- | |- | ||
| | | SargassoSea || SlateGrey || SpringCrocus || Tofu | ||
|- | |- | ||
| | | UltraViolet || ValiantPoppy || WarmSand || - | ||
|} | |} | ||
Use this link [https://cumuluswiki.org/images/4/43/ColourSchemes.zip Additional colour schemes] to down load the schemes | Use this link [https://cumuluswiki.org/images/4/43/ColourSchemes.zip Additional colour schemes] to down load the schemes. You can view them in action at [https://weather.oaktreewebs.co.uk/ATThemes.htm Theme Viewer] page. Updated: 1st Oct 2021. |
edits