mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2025-01-10 17:30:26 +00:00
58 lines
2.2 KiB
Plaintext
58 lines
2.2 KiB
Plaintext
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 {{$:/themes/tiddlywiki/centralised/metrics/storypaddingright}} 42px {{$:/themes/tiddlywiki/centralised/metrics/storypaddingleft}};
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
}
|
|
|
|
html[dir="rtl"] .tc-story-river {
|
|
text-align: right;
|
|
margin: 0 auto;
|
|
padding-right: {{$:/themes/tiddlywiki/centralised/metrics/storypaddingright}};
|
|
padding-left: {{$:/themes/tiddlywiki/centralised/metrics/storypaddingleft}};
|
|
}
|
|
|
|
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[dir="rtl"] .tc-sidebar-scrollable {
|
|
text-align: right;
|
|
margin-left: 0;
|
|
right: 50%;
|
|
left: 0;
|
|
margin-right: min(calc((100% - (2 * {{$:/themes/tiddlywiki/centralised/metrics/sidebarminwidth}})) / 2 - 42px),calc({{$:/themes/tiddlywiki/centralised/metrics/storywidth}} / 2 - 42px));
|
|
padding-right: 42px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
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)));
|
|
}
|
|
|
|
html[dir="rtl"] .tc-sidebar-resizer {
|
|
left: auto;
|
|
right: 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)));
|
|
}
|
|
}
|