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(<<get.theme.metric storywidth>>,calc(100% - (2 * <<get.theme.metric sidebarminwidth>>)));
		padding: 42px <<get.theme.metric storypaddingright>> 42px <<get.theme.metric storypaddingleft>>;
		margin: 0 auto;
		text-align: left;
	}

	html body.tc-body .tc-sidebar-left .tc-story-river {
		margin: 0 auto;
		padding-right: <<get.theme.metric storypaddingright>>;
		padding-left: <<get.theme.metric storypaddingleft>>;
	}

	html .tc-sidebar-scrollable {
		text-align: left;
		left: 50%;
		right: 0;
		margin-left: min(calc((100% - (2 * <<get.theme.metric sidebarminwidth>>)) / 2 - 42px),calc(<<get.theme.metric storywidth>> / 2 - 42px));
		width: auto;
	}

	body.tc-body .tc-sidebar-left .tc-sidebar-scrollable {
		margin-left: 0;
		right: 50%;
		left: 0;
		margin-right: min(calc((100% - (2 * <<get.theme.metric sidebarminwidth>>)) / 2 - 42px),calc(<<get.theme.metric storywidth>> / 2 - 42px));
		padding-right: 0px;
		padding-left: 42px;
	}

	html[dir="rtl"] .tc-sidebar-left .tc-sidebar-scrollable {
		padding-right: 42px;
		padding-left: 0;
	}

	html[dir="rtl"] .tc-story-river, html[dir="rtl"] .tc-sidebar-scrollable {
		text-align: right;
	}

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

}
Add centralised theme Fix #110 2013-07-03 21:59:35 +00: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 08:13:21 +00:00			`tags: [[$:/tags/Stylesheet]]`
Add centralised theme Fix #110 2013-07-03 21:59:35 +00: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 15:55:51 +00:00			`@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {`
Add centralised theme Fix #110 2013-07-03 21:59:35 +00:00
Yet more "tw-" -> "tc-" Part of #764 2014-08-28 18:41:29 +00:00			`html .tc-page-container {`
Add centralised theme Fix #110 2013-07-03 21:59:35 +00:00			`text-align: center;`
			`}`

Rename "story-river" class to "tc-story-river" Part of #764 2014-08-28 16:26:21 +00:00			`html .tc-story-river {`
Fix overlapping problem with `centralised` theme Fix #112 2013-07-08 16:19:50 +00:00			`position: relative;`
make everything even more generic 2024-10-26 05:17:01 +00:00			`width: min(<<get.theme.metric storywidth>>,calc(100% - (2 * <<get.theme.metric sidebarminwidth>>)));`
			`padding: 42px <<get.theme.metric storypaddingright>> 42px <<get.theme.metric storypaddingleft>>;`
Add centralised theme Fix #110 2013-07-03 21:59:35 +00:00			`margin: 0 auto;`
			`text-align: left;`
			`}`

more adjustments for html dir=rtl + show sidebar on the left (configurable) 2024-10-20 15:19:40 +00:00			`html body.tc-body .tc-sidebar-left .tc-story-river {`
more adjustments for html dir=rtl 2024-10-19 06:46:57 +00:00			`margin: 0 auto;`
make everything even more generic 2024-10-26 05:17:01 +00:00			`padding-right: <<get.theme.metric storypaddingright>>;`
			`padding-left: <<get.theme.metric storypaddingleft>>;`
more adjustments for html dir=rtl 2024-10-19 06:46:57 +00:00			`}`

Yet more "tw-" -> "tc-" Part of #764 2014-08-28 18:41:29 +00:00			`html .tc-sidebar-scrollable {`
Add centralised theme Fix #110 2013-07-03 21:59:35 +00:00			`text-align: left;`
			`left: 50%;`
			`right: 0;`
make everything even more generic 2024-10-26 05:17:01 +00:00			`margin-left: min(calc((100% - (2 * <<get.theme.metric sidebarminwidth>>)) / 2 - 42px),calc(<<get.theme.metric storywidth>> / 2 - 42px));`
some small adjustments 2024-10-08 13:07:52 +00:00			`width: auto;`
Add centralised theme Fix #110 2013-07-03 21:59:35 +00:00			`}`
small update for centralised 2024-10-08 16:44:13 +00:00
more adjustments for html dir=rtl + show sidebar on the left (configurable) 2024-10-20 15:19:40 +00:00			`body.tc-body .tc-sidebar-left .tc-sidebar-scrollable {`
more adjustments for html dir=rtl 2024-10-19 06:46:57 +00:00			`margin-left: 0;`
			`right: 50%;`
			`left: 0;`
make everything even more generic 2024-10-26 05:17:01 +00:00			`margin-right: min(calc((100% - (2 * <<get.theme.metric sidebarminwidth>>)) / 2 - 42px),calc(<<get.theme.metric storywidth>> / 2 - 42px));`
fixes for sidebar hidden 2024-10-20 17:24:02 +00:00			`padding-right: 0px;`
			`padding-left: 42px;`
			`}`

			`html[dir="rtl"] .tc-sidebar-left .tc-sidebar-scrollable {`
more adjustments for html dir=rtl 2024-10-19 06:46:57 +00:00			`padding-right: 42px;`
			`padding-left: 0;`
			`}`

fixes for sidebar hidden 2024-10-20 17:24:02 +00:00			`html[dir="rtl"] .tc-story-river, html[dir="rtl"] .tc-sidebar-scrollable {`
			`text-align: right;`
			`}`

small update for centralised 2024-10-08 16:44:13 +00:00			`html .tc-tiddler-frame {`
			`width: 100%;`
			`}`
wip: make it work cross-theme (tight) 2024-10-10 03:18:55 +00:00
Add centralised theme Fix #110 2013-07-03 21:59:35 +00:00			`}`