TiddlyWiki5/themes/tiddlywiki/tight/base.tid

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

\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 {{$:/themes/tiddlywiki/tight/metrics/storypaddingright}} 0px {{$:/themes/tiddlywiki/tight/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;
	}

	<%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({{$:/themes/tiddlywiki/vanilla/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 .tc-sidebar-resizer {
		width: 12px;
		left: clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}}),clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storywidth}}),max(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storywidth}}),calc({{$:/themes/tiddlywiki/vanilla/metrics/storyright}})),max(calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}} + ({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storywidth}} - {{$:/themes/tiddlywiki/vanilla/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 .tc-sidebar-resizer {
			left: clamp(calc({{$:/themes/tiddlywiki/vanilla/metrics/storyleft}} + {{$:/themes/tiddlywiki/vanilla/metrics/storyminwidth}}),calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth}}),calc(100% - {{$:/themes/tiddlywiki/vanilla/metrics/sidebarminwidth}}));
		}

	<% endif %>

}