TiddlyWiki5/themes/tiddlywiki/tight/base.tid

title: $:/themes/tiddlywiki/tight/base
tags: [[$:/tags/Stylesheet]]

\function get.theme.metric(metric) [{$:/theme}addsuffix[/]addsuffix<metric>get[text]] ~[[$:/themes/tiddlywiki/vanilla/]addsuffix<metric>get[text]]

\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline conditional

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

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

	html body.tc-body {
		font-size: 13px;
		line-height: 16px;
	}

	html body.tc-body h1,
	html body.tc-body h2,
	html body.tc-body h3,
	html body.tc-body h4,
	html body.tc-body p {
		margin-top: 0.3em;
		margin-bottom: 0.3em;
	}

	html body.tc-body code {
		font-size: 0.8em;
	}

	html body.tc-body section.tc-story-river {
		padding: 0px <<get.theme.metric metrics/storypaddingright>> 0px <<get.theme.metric metrics/storypaddingleft>>;
	}

	html body.tc-body div.tc-tiddler-frame {
		padding: 12px;
	}

	html body.tc-body div.tc-sidebar-scrollable {
		padding: 12px 0 12px 12px;
	}

	html body.tc-body .tc-sidebar-left div.tc-sidebar-scrollable {
		padding: 12px 12px 12px 12px;
	}

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

	<%if [{$:/themes/tiddlywiki/vanilla/options/sidebarlayout}match[fixed-fluid]] %>

		html body.tc-body div.tc-sidebar-scrollable {
			left: clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}} + 42px),calc(<<get.theme.metric metrics/storyright>> + 42px),calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}} + 42px));
		}

		html body.tc-body .tc-sidebar-left div.tc-sidebar-scrollable {
			left: 0;
			right: clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}} + 42px),calc(<<get.theme.metric metrics/storyright>> + 42px),calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}} + 42px));
		}

	<% endif %>

	html body.tc-body .tc-tiddler-frame .tc-subtitle {
		font-size: 0.7em;
		font-weight: 700;
	}

	html body.tc-body .tc-tiddler-frame .tc-subtitle .tc-tiddlylink {
		margin-right: .3em;
	}

	html body.tc-body .tc-tiddler-frame .tc-tags-wrapper {
		margin: 0;
	}

	html body.tc-body .tc-tiddler-frame button.tc-tag-label,
	html body.tc-body .tc-tiddler-frame span.tc-tag-label {
		font-size: 0.8em;
	}

	html body.tc-body .tc-tiddler-frame .tc-tiddler-body h1 {
		font-size: 1.5em;
		font-weight: 500;
	}

	html body.tc-body .tc-tiddler-frame .tc-tiddler-body h2 {
		font-size: 1.3em;
		font-weight: 500;
	}

	html body.tc-body .tc-tiddler-frame .tc-tiddler-body h3 {
		font-size: 1.2em;
		font-weight: 500;
	}

	html body.tc-body .tc-tiddler-frame .tc-tiddler-body h4 {
		font-size: 1.1em;
		font-weight: 500;
	}

	html body.tc-body .tc-tiddler-frame .tc-improvement-banner {
		margin-right: -15px;
		margin-left: -10px;
	}

	html body.tc-body .tc-tiddler-frame .tc-tiddler-info {
		margin: 0 -13px 0 -13px;
	}

	html body.tc-body .tc-tiddler-frame .tc-fold-banner {
		width: 13px;
		margin-left: -15px;
	}

	html body.tc-body .tc-tiddler-frame .tc-unfold-banner {
		margin-left: -13px;
		margin-top: -4px;
	}

	html body.tc-body .tc-sidebar-resizer {
		width: 12px;
		right: auto;
		left: clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}}),clamp(calc(<<get.theme.metric metrics/storywidth>>),max(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + <<get.theme.metric metrics/storywidth>>),calc(<<get.theme.metric metrics/storyright>>)),max(calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}} + ({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + <<get.theme.metric metrics/storywidth>> - <<get.theme.metric metrics/storyright>>)),calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}}))),calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}}));
	}

	html body.tc-body .tc-sidebar-left .tc-sidebar-resizer {
		left: auto;
		right: clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}}),clamp(calc(<<get.theme.metric metrics/storywidth>>),max(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + <<get.theme.metric metrics/storywidth>>),calc(<<get.theme.metric metrics/storyright>>)),max(calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}} + ({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + <<get.theme.metric metrics/storywidth>> - <<get.theme.metric metrics/storyright>>)),calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}}))),calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}}));
	}

	<%if [{$:/themes/tiddlywiki/vanilla/options/sidebarlayout}match[fluid-fixed]] %>

		html body.tc-body .tc-sidebar-resizer {
			left: clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}}),calc(100% - <<get.theme.metric metrics/sidebarwidth>>),calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}}));
			right: auto;
		}

		html body.tc-body .tc-sidebar-left .tc-sidebar-resizer {
			left: auto;
			right: clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}}),calc(100% - <<get.theme.metric metrics/sidebarwidth>>),calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}}));
		}

	<% endif %>

}