mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2025-01-10 01:10:28 +00:00
58 lines
1.7 KiB
Plaintext
58 lines
1.7 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, html .tc-sidebar-left .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 - <<get.theme.metric storypaddingright>>),calc(<<get.theme.metric storywidth>> / 2 - <<get.theme.metric storypaddingright>>));
|
|
width: auto;
|
|
}
|
|
|
|
body.tc-body .tc-sidebar-left .tc-sidebar-scrollable {
|
|
margin-left: 0;
|
|
right: 50%;
|
|
left: 0;
|
|
z-index: 1;
|
|
margin-right: min(calc((100% - (2 * <<get.theme.metric sidebarminwidth>>)) / 2 - <<get.theme.metric storypaddingleft>>),calc(<<get.theme.metric storywidth>> / 2 - <<get.theme.metric storypaddingleft>>));
|
|
padding-right: 0px;
|
|
padding-left: 42px;
|
|
}
|
|
|
|
html[dir="rtl"] body.tc-body .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%;
|
|
}
|
|
|
|
}
|