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%;
	}

}