TiddlyWiki5/themes/tiddlywiki/centralised/styles.tid

title: $:/themes/tiddlywiki/centralised/styles.tid
tags: [[$:/tags/Stylesheet]]

\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline

@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {

	html .tc-page-container {
		text-align: center;
	}

	html .tc-story-river {
		position: relative;
		width: min({{$:/themes/tiddlywiki/centralised/metrics/storywidth}},calc(100% - (2 * {{$:/themes/tiddlywiki/centralised/metrics/sidebarminwidth}})));
		padding: 42px;
		margin: 0 auto;
		text-align: left;
	}

	html .tc-sidebar-scrollable {
		text-align: left;
		left: 50%;
		right: 0;
		margin-left: min(calc((100% - (2 * {{$:/themes/tiddlywiki/centralised/metrics/sidebarminwidth}})) / 2 - 42px),calc({{$:/themes/tiddlywiki/centralised/metrics/storywidth}} / 2 - 42px));
		width: auto;
	}

	html .tc-tiddler-frame {
		width: 100%;
	}

	html .tc-sidebar-resizer {
		left: min(calc(50% + ({{$:/themes/tiddlywiki/centralised/metrics/storywidth}} / 2) - (2 * {{$:/themes/tiddlywiki/centralised/metrics/storypaddingright}} / 3)),calc(100% - {{$:/themes/tiddlywiki/centralised/metrics/sidebarminwidth}} - (2 * {{$:/themes/tiddlywiki/centralised/metrics/storypaddingright}} / 3)));
	}
}
Add centralised theme Fix #110 2013-07-03 22:59:35 +01:00			`title: $:/themes/tiddlywiki/centralised/styles.tid`
Deprecate `$:/tags/stylesheet` in favour of `$:/tags/Stylesheet` A warning message appears at the top of the story river if any `$:/tags/stylesheet` tags are found. Fixing the first half of #824 2014-09-10 09:13:21 +01:00			`tags: [[$:/tags/Stylesheet]]`
Add centralised theme Fix #110 2013-07-03 22:59:35 +01:00
			`\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline`

Refactor theme tweaks as individual tiddlers The trouble with the previous approach of storing several settings in a single data tiddler was that it made it hard to introduce new settings. Users who already have a custom copy of the settings/metrics tiddler wouldn’t get the default settings. The new approach uses individual tiddlers for each setting. This commit also introduces a new theme tweak for the cutoff width for switching between responsive views. 2014-07-06 16:55:51 +01:00			`@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {`
Add centralised theme Fix #110 2013-07-03 22:59:35 +01:00
Yet more "tw-" -> "tc-" Part of #764 2014-08-28 19:41:29 +01:00			`html .tc-page-container {`
Add centralised theme Fix #110 2013-07-03 22:59:35 +01:00			`text-align: center;`
			`}`

Rename "story-river" class to "tc-story-river" Part of #764 2014-08-28 17:26:21 +01:00			`html .tc-story-river {`
Fix overlapping problem with `centralised` theme Fix #112 2013-07-08 17:19:50 +01:00			`position: relative;`
further adjustments 2024-10-08 19:45:26 +02:00			`width: min({{$:/themes/tiddlywiki/centralised/metrics/storywidth}},calc(100% - (2 * {{$:/themes/tiddlywiki/centralised/metrics/sidebarminwidth}})));`
Update the Snow White theme to use px for dimensions instead of em The old behaviour meant that resizing the base font resized every page element in proportion. The new behaviour makes the text resize within a fixed layout, so that one can alter the number of characters displayed on each line of a tiddler. The old behaviour can usually be emulated by using the browser page zoom tool. 2013-09-15 11:01:35 +01:00			`padding: 42px;`
Add centralised theme Fix #110 2013-07-03 22:59:35 +01:00			`margin: 0 auto;`
			`text-align: left;`
			`}`

Yet more "tw-" -> "tc-" Part of #764 2014-08-28 19:41:29 +01:00			`html .tc-sidebar-scrollable {`
Add centralised theme Fix #110 2013-07-03 22:59:35 +01:00			`text-align: left;`
			`left: 50%;`
			`right: 0;`
further adjustments 2024-10-08 19:45:26 +02:00			`margin-left: min(calc((100% - (2 * {{$:/themes/tiddlywiki/centralised/metrics/sidebarminwidth}})) / 2 - 42px),calc({{$:/themes/tiddlywiki/centralised/metrics/storywidth}} / 2 - 42px));`
some small adjustments 2024-10-08 15:07:52 +02:00			`width: auto;`
Add centralised theme Fix #110 2013-07-03 22:59:35 +01:00			`}`
small update for centralised 2024-10-08 18:44:13 +02:00
			`html .tc-tiddler-frame {`
			`width: 100%;`
			`}`
wip: make it work cross-theme (tight) 2024-10-10 05:18:55 +02:00
			`html .tc-sidebar-resizer {`
			`left: min(calc(50% + ({{$:/themes/tiddlywiki/centralised/metrics/storywidth}} / 2) - (2 * {{$:/themes/tiddlywiki/centralised/metrics/storypaddingright}} / 3)),calc(100% - {{$:/themes/tiddlywiki/centralised/metrics/sidebarminwidth}} - (2 * {{$:/themes/tiddlywiki/centralised/metrics/storypaddingright}} / 3)));`
			`}`
Add centralised theme Fix #110 2013-07-03 22:59:35 +01:00			`}`